/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Mono:wght@100;200;300&display=swap');

html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  font-family: 'Roboto', sans-serif;
}

  body.dashboard {
    background: #fff;
  }

#DetailsPartial {
  padding-bottom: 60px;
}

.phone-field {
  padding-left: 85px !important;
}

.modal-content-scroll {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100vh - 285px);
  padding: 0px 15px;
}

.btn-fillAvailable {
  min-inline-size: -webkit-fill-available !important;
}

.moveBtn i {
  font-size: 20px;
  padding: 5px;
  color: rgb(1, 84, 167);
}

  .moveBtn i:hover {
    color: rgb(54, 106, 159);
  }

  .moveBtn i:active {
    color: rgb(201, 201, 255);
  }

.modal-footer {
  justify-content: flex-end !important;
}

.WSD-Table-FirstTD {
  padding-left: 15px;
}

.tableCompInputs {
  display: flex;
  margin-top: 10px;
  text-align: center;
}

.tableCompBtnAdd {
  display: flex;
  margin-top: 10px;
  justify-content: center;
  text-align: center;
}

.WSD-DynamicFilterLabelRight {
  margin-left: 5px;
  width: 160px;
}

.WSD-DynamicFilterLabelLeft {
  margin-right: 5px;
  width: 160px;
}

.filterSecionContainer {
  display: flex;
}

.filterLabel {
  margin-top: 10px;
  margin-right: 10px;
}


.btn.btn-new, .btn.btn-save, .btn.btn-confirm, .btn.btn-delete, .btn.btn-outline-delete .btn.btn-reload, .btn.btn-undo, .btn.btn-redo, .btn.btn-cut,
.btn.btn-copy, .btn.btn-paste, .btn.btn-close, .btn.btn-sendMail, .btn.btn-filter, .btn.btn-functions, .btn.btn-preview,
.btn.btn-clear, .btn.btn-distribute, .btn.btn-previous, .btn.btn-next, .btn.btn-next-angle, .btn.btn-previous-angle, .btn.btn-export, .btn.btn-edit, .btn.btn-help,
.btn.btn-print, .btn.btn-back, .btn.btn-zoomin, .btn.btn-zoomout, .btn.btn-zoomscalefit, .btn.btn-default,
.fixed-area-bottom .btn-btnImportItemRegister, .btn.btn-reload,
.fixed-area-bottom .btn-btnExporttoExcel, .btn.btn-draft, .btn-sendeMail, .btn.btn-primary, .btn.btn-Publish,
.btn.dnm-yes, .btn.btn-print, .btn.dnm-ok, .btn.btn-change-up, .btn.btn-change-down,
.btn.btn-refresh, .btn.dnicon_add-plus, .btn.dnicon_delete, .btn.dnicon_checkmark,
.btn.dnicon_printer, .btn.dnicon_multi-key, .btn.dnicon_show-preview,
.fixed-area-bottom .btn.dnicon_data-download, .btn.dnicon_show-preview,
.btn.dnicon_filter, .dnicon_data-download.btn.btn-primary,
.wsd-button.btn.btn-default, .btn.dnicon_interlocking_ring, .btn.dnicon_settings, .btn.dnicon_reject, .btn.dnicon_delete-bin,
.dnicon_view-tools, .dnicon_add-tools,
.dnicon_archive-tools, .dnicon_bin-tools,
.dnicon_copy-tools, .dnicon_copy-tools,
.dnicon_crop-tools, .dnicon_filter-tools,
.dnicon_rotate-right-tools, .dnicon_rotate-left-tools,
.dnicon_search-tools, .dnicon_tag-tools,
.dnicon_upload-tools, .dnicon_zoom-in-tools,
.dnicon_zoom-out-tools, .btn.save-copyimage, .btn.save-editimage, .crm-page .btn.dnicon_file, .crm-page .btn.dnicon_customer, .crm-page .btn.dnicon_tag-tools, .crm-page .btn.dnicon_import-file, .crm-page .btn.dnicon_mail-designer, .bulkselect .btn.dnicon_list-view {
  background: #e0e0e0 !important;
  padding: 8px 15px;
  text-align: center;
  color: #000 !important;
  font-size: 0.875rem !important;
  font-weight: 400;
  border-radius: 4px;
  display: inline-block;
  min-width: 100px;
  border: 1px solid #e0e0e0 !important;
  cursor: pointer !important;
  margin: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

  .dnicon_view-tools:before, .dnicon_add-tools:before,
  .dnicon_archive-tools:before, .dnicon_bin-tools:before,
  .dnicon_copy-tools:before, .dnicon_copy-tools:before,
  .dnicon_crop-tools:before, .dnicon_filter-tools:before,
  .dnicon_rotate-right-tools:before, .dnicon_rotate-left-tools:before,
  .dnicon_search-tools:before, .dnicon_tag-tools:before,
  .dnicon_upload-tools:before, .dnicon_zoom-in-tools:before,
  .dnicon_zoom-out-tools:before, .crm-page .btn.dnicon_file:before, .crm-page .btn.dnicon_customer:before, .crm-page .btn.dnicon_import-file:before, .crm-page .btn.dnicon_mail-designer:before {
    font-size: 1.3rem !important;
  }

.btn.btn-SeatMap {
  background: #e0e0e0 !important;
  padding: 8px 15px;
  text-align: center;
  color: #000 !important;
  font-size: 0.875rem !important;
  font-weight: 400;
  border-radius: 4px;
  display: inline-block;
  border: 1px solid #e0e0e0 !important;
  cursor: pointer !important;
}

.box-typical-body.panel-body .btn.btn-save:before {
  color: #000 !important
}

.btn.dnicon_add-plus, .btn.dnicon_delete, .btn.dnicon_checkmark,
.btn.dnicon_printer, .btn.dnicon_multi-key, .btn.dnicon_show-preview,
.fixed-area-bottom .btn.dnicon_data-download, .btn.dnicon_show-preview,
.btn.dnicon_filter, .dnicon_data-download.btn.btn-primary,
.wsd-button.btn.btn-default, .btn.dnicon_settings,
.btn.dnicon_interlocking_ring, .btn.dnicon_reject,
.dnicon_view-tools, .dnicon_add-tools,
.dnicon_archive-tools, .dnicon_bin-tools,
.dnicon_copy-tools, .dnicon_copy-tools,
.dnicon_crop-tools, .dnicon_filter-tools,
.dnicon_rotate-right-tools, .dnicon_rotate-left-tools,
.dnicon_search-tools, .dnicon_tag-tools,
.dnicon_upload-tools, .dnicon_zoom-in-tools,
.dnicon_zoom-out-tools, .crm-page .btn.dnicon_file, .crm-page .btn.dnicon_customer, .crm-page .btn.dnicon_tag-tools, .crm-page .btn.dnicon_import-file, .crm-page .btn.dnicon_mail-designer,.bulkselect .btn.dnicon_list-view {
  font-family: 'Roboto', sans-serif !important;
}

  /* hover buttons*/
  .btn.dnicon_add-plus:hover, .btn.dnicon_delete:hover,
  .btn.dnicon_checkmark:hover, .btn.dnicon_printer:hover,
  .btn.dnicon_multi-key:hover, .btn.dnicon_show-preview:hover,
  .fixed-area-bottom .btn.dnicon_data-download:hover,
  .btn.dnicon_show-preview:hover, .btn.dnicon_filter:hover, .btn.btn-refresh:hover,
  .row-designer .tools .tools-item:hover,
  .modal-footer .pageload-buttns .btn.btn-delete.dnm-no.dnm-acceptance:hover,
  .modal-footer .pageload-buttns .btn.dnm-ok.dnm-not-acceptance:hover,
  .modal-footer .pageload-buttns .btn.dnm-yes.dnm-acceptance:hover,
  #ReportModal .modal-header .btn:hover, .wsd-image-preview .btn.btn-delete:hover,
  .subchild-action-btn .btn.btn-delete:hover,
  .btn.btn-SeatMap:hover, .btn.dnicon_reject:hover {
    background: #ccc !important;
    cursor: pointer !important;
    border: 1px solid #ccc !important;
  }

.wsd-header-menu-node-container-top-left button:hover,
.wsd-header-menu-node-container .wsd-header-menu-node-container-top-left button:hover {
  background: #ccc !important;
  cursor: pointer !important;
}

#time-body-modal .btn.dnicon_add-plus {
  min-width: 40px;
  padding: 8px 10px;
}

.fixed-area-bottom .btn.dnicon_data-download {
  width: unset;
  height: unset;
}

.fixed-area-bottom button::before, #time-body-modal .dnicon_add-plus:before,
.btn.dnicon_checkmark:before, .btn.dnicon_checkmark:before,
.btn.dnicon_delete:before, .btn.dnicon_reject:before {
  font-family: 'ico-material-design' !important;
  font-size: 1.3em !important;
}

.btn-outline-delete {
  padding: 8px 15px;
  text-align: center;
  color: #000 !important;
  font-size: 0.875rem !important;
  font-weight: 400;
  border-radius: 4px;
  display: inline-block;
  min-width: 50px;
  cursor: pointer !important;
  margin: 5px;
}

.btn.btn-outline-delete, .btn.btn-outline-delete:hover {
  border: 0px;
  background-color: transparent;
}

.btn.btn-export::before {
  margin-left: 0px;
}

.btn.btn-export {
  min-width: 40px !important;
  padding: 6px 0px !important;
  margin: 4px 2px 0px 0px;
}

.btn.small {
  padding: 6px 10px;
  text-align: center;
  font-size: 0.75rem !important;
  font-weight: 400;
  min-width: 80px;
}

.input-group-btn .btn.small {
  padding: 10px 10px 7px 10px;
  line-height: 0.75rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0;
}

.btn-new:hover, .btn-save:hover, .btn.btn-default:hover, .btn.btn-confirm:hover .btn-delete:hover, .btn-reload:hover, .btn-undo:hover, .btn-redo:hover, .btn-cut:hover, .btn-copy:hover,
.btn-paste:hover, .btn-close:hover, .btn-sendMail:hover, .btn-filter:hover, .btn-functions:hover, .btn-preview:hover, .btn-clear:hover,
.btn-distribute:hover, .btn-previous:hover, .btn-next:hover,.btn-previous-angle:hover, .btn-next-angle:hover, .btn-export:hover, .btn-edit:hover, .btn-help:hover, .btn-print:hover, .btn-back:hover, .btn-zoomin:hover, .btn-zoomout:hover, .btn-zoomscalefit:hover,
.btn.btn-draft:hover, .btn-sendeMail:hover, .btn-preview.btn.btn-primary:hover, .btn-primary:hover,
.btn.btn-primary:active, .btn.btn-primary:hover, .btn.btn-Publish:hover, .btn.dnm-yes:hover,
.btn-print:hover, .btn.dnm-no:hover {
  color: #000 !important;
  border: 1px solid #ccc !important;
  background: #ccc !important;
  cursor: pointer !important;
}

.fixed-area-bottom .btn.btn-save, .dvUserFormsPrt .btn.btn-save,
.webshopdesigner-details-main + .bm-container.bm-active .blazor-modal .bm-footer-item.btn-save,
.webshopdesigner-details-main + .bm-container.bm-active .blazor-modal .bm-footer .btn.btn-save,
.webshopdesigner-details-main + .bm-container.bm-active .blazor-modal .bm-footer .btn.btn-save.btn.btn-primary,
.sweet-alert.showSweetAlert .sa-button-container .confirm,
#dialogModal .modal-footer .btn.btn-save,
#dnMessageModal .btn.btn-save.dnm-yes.dnm-acceptance,
#dnMessageModal btn.btn-default.dnm-ok.dnm-not-acceptance, #dnMessageModal .btn.dnm-yes,
.fixed-area-bottom .btn.dnicon_checkmark, .fixed-area-bottom .btn.dnicon_reject
.modal .btn.dnicon_checkmark, .dnm-icon .dnicon_filled-ok::before,
.dnm-icon .dnicon_check_circle_outline::before,
#dnMessageModal .btn.dnm-ok,
.bm-footer .bm-footer-item.btn-save, .bm-footer .bm-footer-item.btn-save:hover {
  color: #15860e !important;
}



.fixed-area-bottom .btn.btn-delete, .dvUserFormsPrt .btn.btn-delete,
.webshopdesigner-details-main + .bm-container.bm-active .blazor-modal .bm-footer-item.btn-delete,
.sweet-alert.showSweetAlert .sa-button-container .cancel,
#dialogModal .modal-footer .btn.btn-delete,
#dnMessageModal .btn.btn-delete.dnm-no.dnm-acceptance,
.fixed-area-bottom .btn.dnicon_delete, .fixed-area-bottom .btn.dnicon_reject,
.modal .btn.dnicon_delete,
.dnm-icon .dnicon_form-tooltip::before,
.bm-footer .bm-footer-item.btn-delete,
.bm-footer .bm-footer-item.btn-delete:hover,
.webshopdesigner-details-content .blazor-modal .btn.btn-delete::before {
  color: #d53f3f !important;
}

.blazor-modal .bm-header .bm-close span {
  font-size: 1em !important;
}

.btn::before {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
  vertical-align: middle;
  margin-right: 3px;
  margin-left: -5px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.btn::after {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    vertical-align: middle;
    margin-left: 3px;
    margin-right: -5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.btn.small::before {
  width: 16px;
  height: 16px;
}

.btn-new::before {
  content: "\e9a4";
}

.btn-save::before, .dnm-yes::before {
  content: "\e9a8";
}

.btn-confirm:before {
  content: "\e9a8";
}

.btn-print::before {
  background: url("../images/print.svg") no-repeat center center;
  content: " ";
}

.btn-draft::before {
  background: url("../images/icon_draft.svg") no-repeat center center;
  content: " ";
}

.btn-delete::before {
  content: "\e931";
}

.btn-outline-delete::before {
  background: url("../images/icon_delete.svg") no-repeat center center;
  content: " ";
}


.btn-reload::before {
  background: url("../images/icon_refresh.svg") no-repeat center center;
  content: " ";
}

.btn-undo::before {
  background: url("../images/icon_undo.svg") no-repeat center center;
  content: " ";
}

.btn-redo::before {
  background: url("../images/icon_redo.svg") no-repeat center center;
  content: " ";
}

.btn-cut::before {
  background: url("../images/icon_cut.svg") no-repeat center center;
  content: " ";
}

.btn-copy::before {
  background: url("../images/icon_copy.svg") no-repeat center center;
  content: " ";
}

.btn-paste::before {
  background: url("../images/icon_paste.svg") no-repeat center center;
  content: " ";
}

.btn-close::before {
  content: "\e931";
}

.pageload-alert .btn-close::before {
    content: " ";
}
#dnMessageModal button.close:hover {
    background: transparent !important;
    border: 0px !important;
}

.btn-sendMail::before {
  background: url("../images/icon_mailsend.svg") no-repeat center center;
  content: " ";
}

.btn-sendeMail::before {
  background: url("../images/sendeMail.svg") no-repeat center center;
  content: " ";
}

.btn-filter::before {
  content: "\e9ac";
}

.btn-functions::before {
  content: "\e9b9";
}

.btn-preview::before {
  content: "\e9b2";
}

.btn-clear::before {
  background: url("../images/icon_clear.svg") no-repeat center center;
  content: " ";
}

.btn-distribute::before {
  background: url("../images/icon_distribute.svg") no-repeat center center;
  content: " ";
}

.btn-previous::before {
  content: "\e9b3";
  font-family: 'ico-material-design'
}
.btn-previous-angle:before {
    content: "\f104";
    font-family: 'FontAwesome'
}

.btn-next-angle::after {
    content: "\f105";
    font-family: 'FontAwesome';
}

.btn-next::before {
  background: url("../images/icon_next.svg") no-repeat center center;
  content: " ";
}

.btn-export::before {
  content: "\e99f";
}

.btn-edit::before {
  content: "\e936";
}

.btn-help::before {
  background: url("../images/icon_help.svg") no-repeat center center;
  content: " ";
}

.btn-print::before {
  content: "\e9a1";
}

.btn-back::before {
  background: url("../images/icon_arrowlefthead.svg") no-repeat center center;
  content: " ";
}

.btn-zoomin::before {
  background: url("../images/icon_zoomin.svg") no-repeat center center;
  content: " ";
}

.btn-zoomout::before {
  background: url("../images/icon_zoomout.svg") no-repeat center center;
  content: " ";
}

.btn-zoomscalefit::before {
  background: url("../images/icon_scaltofit.svg") no-repeat center center;
  content: " ";
}

.btn.no-icon::before {
  background: none;
  content: " ";
}

.site-header i {
  vertical-align: middle;
  display: block;
}

.site-header-shown i img {
  max-width: 24px
}

.checkbox-toggle.dropdown.user-menu {
  margin-right: 30px;
}

.split {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}

.page-title .fa.fa-th {
  font-family: 'ico-material-design' !important;
  background-size: contain;
  width: 20px;
  height: 20px;
  position: relative;
  top: 3px;
  color: #000;
}

  .page-title .fa.fa-th:before {
    content: "\e927";
  }

.gutter {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50%;
}

  .gutter.gutter-horizontal {
    background-color: #f0f0f0;
    cursor: col-resize;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
  }

  .gutter.gutter-vertical {
    cursor: row-resize;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=');
  }

  .split.split-horizontal, .gutter.gutter-horizontal {
    height: 100%;
    float: left;
  }
/*end of split css*/
.bannerbuilder-with-sidemenu {
  margin-left: 220px
}

.mb-80 {
  margin-bottom: 80px !important;
}

.box-typical.ui-widget.ui-widget-content {
  border: 1px solid #e0e0e0;
}

  .box-typical.ui-widget.ui-widget-content.edit-box-active {
    border: solid 2px #3399FF !important;
  }

.box-typical-header.ui-widget-header {
  border: 0;
  position: relative;
}

.portlet-toggle {
  position: absolute;
  right: 10px;
  top: 16px;
  display: inline-block;
  padding: 10px;
  z-index: 10;
  width: 10px;
  height: 10px;
  cursor: pointer;
}

.dahsboard-column.ui-sortable {
  min-height: 30px;
}

.panel-heading.ui-sortable-handle {
  cursor: move;
}

.dataTables_wrapper.form-inline {
  display: block !important;
}

.portlet-placeholder {
  border: 1px dotted #000;
  height: 30px;
  margin-bottom: 10px;
}

.bootstrap-table .table thead th, .fixed-table-body .table thead th, .table thead th {
  font-weight: 400 !important;
}

.hideMe {
  display: none !important;
}

.forcehideMe {
  display: none !important;
}

.bootstrap-table .table th, .fixed-table-body .table th, .table th {
  color: #000;
  font-weight: 400;
  font-size: 0.875rem !important;
}

.bootstrap-table .table td, .fixed-table-body .table td, .table td {
  color: #000;
  font-weight: 300 !important;
  font-size: 0.875rem !important;
}

  .bootstrap-table .table td input, .fixed-table-body .table td input, .table td input {
    font-weight: 300 !important;
  }

table.dataTable th.focus, table.dataTable td.focus, table.dataTable tbody th.focus, table.dataTable tbody td.focus {
  box-shadow: inset 0 0 0 1px #0154A7;
  outline: 0px solid #0154A7;
  outline-offset: -1px
}

table.DTCR_clonedTable.dataTable {
  position: absolute !important;
  background-color: rgba(255,255,255,0.7);
  z-index: 202
}

div.DTCR_pointer {
  width: 1px;
  background-color: #00b0f0;
  z-index: 201
}

body {
  font-family: 'Roboto' !important, sans-serif;
}

.btn {
  font-weight: 400;
}

h3.panel-title {
  font-weight: 400 !important
}

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

.show {
  display: block !important;
}

.lobipanel .panel-heading {
  padding: 5px 20px !important;
  background: #f0f0f0;
}

.site-header .user-menu.dropdown .dropdown-toggle:after, span.user-name,
#divItemListPrt .tbl-btn.btn-export, .dropdown-lang, .dataTables_wrapper > .dt-buttons {
  display: none;
}


table, table.table {
  border-radius: 4px;
  font-weight: normal;
  font-size: 0.875rem;
}

.dahsboard-column, .dahsboard-column input {
  font-size: 0.875rem;
}

/*controlsTable {
  table-layout: fixed;
  width: 100%;
  white-space: nowrap;
}

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

  controlsTable tr {
    margin-right: auto;
  }

  controlsTable tbody {
    display: block;
    max-height: 410px;
    overflow-y: auto;
    font-size: 0.875rem;
    font-weight: 300;
    width: 100%;
  }

  controlsTable thead, controllTable tbody, controllTable tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}*/

table.fixhead tbody {
  display: block;
  max-height: 410px;
  overflow-y: auto;
  font-size: 0.875rem;
  font-weight: 300;
}

table.fixhead thead, table.fixhead tbody, table.fixhead tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

  table.fixhead tbody tr {
    margin-top: -1px;
  }

table .dataTable {
  border-top: 0;
  border-bottom: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

div.dataTables_wrapper div.dataTables_paginate {
  margin-top: 15px;
}

div.dataTables_wrapper div.dataTables_info {
  margin: 12px 0;
  white-space: nowrap;
  width: 100%;
  padding: 0;
  font-size: 14px;
  color: #000;
}

.dataTables_wrapper .row:first-child {
  display: none;
}

.pagination > li > a, .pagination > li > span {
  font-size: 14px;
}


tr th.sorting_1, tr td.sorting_1 {
  width: 30px !important;
}

.fixed-area-bottom {
  position: fixed;
  bottom: 0;
  right: 10px;
  z-index: 1060;
  background: #fff;
  width: calc(100% - 242px);
  text-align: right;
  border-top: 7px solid #f0f0f0;
}

.side-menu {
  z-index: 1042;
}

.col-title {
  padding-left: 15px;
  position: relative;
  top: 15px;
  font-size: 0.75rem;
}
/* Sticky footer styles
-------------------------------------------------- */
.border-top {
  border-top: 1px solid #e5e5e5;
}

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

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */


.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
}

.btn.btn-default {
  background: #e0e0e0;
  color: #000;
  border: 0;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

  .btn.btn-default:hover {
    background: #00b0f0;
    color: #fff;
  }

tr .active, .tbl-typical tr.active:nth-child(even) td {
  background-color: lightblue !important;
}

tr.future, .tbl-typical tr.future:nth-child(even) td {
  background-color: lightyellow !important;
}

tr.inactive, .tbl-typical tr.inactive:nth-child(even) td {
  background-color: lightcoral !important;
}

table#GridItemList tbody td div {
  width: 160px;
  height: 28px;
  overflow: hidden;
  word-wrap: break-word;
}

.head-bar {
  padding: 5px 10px 5px 5px;
  color: #000;
  width: calc(100% - 305px);
  position: fixed;
  z-index: 41;
  top: 60px;
  right: 60px;
  font-size: 20px;
  font-weight: 300;
  transition: ease width 0.3s;
  border-bottom: 1px solid #e0e0e0;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(255,255,255,0.9);
}

body.dashboard .head-bar, .head-bar-dashboard {
  padding-right: 15px;
}

  .head-bar .page-title, .head-bar .right-section, .head-bar-dashboard .page-title, .head-bar-dashboard .right-section {
    padding: 8px 0;
    text-align: end;
  }

    .head-bar .page-title .fa, .head-bar-dashboard .page-title .fa {
      display: inline-block;
      margin-right: 3px;
    }

.dashboard .head-bar-dashboard {
  padding: 5px 10px 5px 15px;
  color: #000;
  width: calc(100% - 245px);
  position: fixed;
  z-index: 41;
  top: 60px;
  right: 0px;
  font-size: 20px;
  font-weight: 300;
  transition: ease width 0.3s;
  border-bottom: 1px solid #e0e0e0;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(255,255,255,0.9);
}

.dashboard.sidebar-hidden .head-bar-dashboard {
  width: 100% !important;
}

.with-side-menu.theme-picton-blue.ui-droppable.chrome-browser.opened.sidebar-hidden .head-bar {
  padding-left: 62px !important;
}

.modal-backdrop.fade.show {
  opacity: 0.5
}

.bar-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  padding-bottom: 3px;
  display: inline-block;
  text-align: center;
  line-height: 28px;
  border: 1px solid #999;
}

  .bar-icon img {
    width: 20px;
    height: 20px;
  }

.dash-search-bar {
  display: none;
  width: 250px;
  margin-right: 15px;
}

  .dash-search-bar input#dashSearchBar, .dash-search-bar input#newDashSearchBar {
    background: #fff;
    border: 0;
    border-radius: 20px;
    height: 30px;
    border: 1px solid #e0e0e0;
  }

  .dash-search-bar .input-group-addon:last-child {
    border-left: 0;
    border: 0;
    border-radius: 0 20px 20px 0;
  }

  .dash-search-bar .glyphicon-search {
    top: 6px;
    right: 8px;
  }


#divDNControls .shop-data-item {
  max-height: 240px;
  overflow: auto;
  margin-bottom: 15px;
}

.row-shop-data {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 15px;
}

.shop-data-descp {
  display: block;
  position: relative;
  text-align: center;
  border: 1px solid #e0e0e0;
  padding: 5px;
  border-radius: 4px;
  width: calc((100% - 20px)/5);
  background: #fff;
}

  .shop-data-descp .title {
    width: 100%;
    font-size: 0.875rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

.shop-name-title {
  margin-bottom: 5px;
}

.grid-stack-item .ui-resizable-handle {
  opacity: 0;
  display: none !important;
}

.dashboardTiles {
  padding: 25px 5px 4px 5px;
}

.dash-tiles {
  border: 0 !important;
  margin: 5px;
  display: inline-block;
  width: calc((100% - 70px)/6);
  vertical-align: middle;
  transition: cubic-bezier(1, 0, 0.07, 0.95) all 0.3s;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  background: #f0f0f0;
  border-radius: 4px;
  padding: 10px;
}

.grid-stack-item-content.ui-draggable-handle .dash-tiles {
  height: 100% !important;
}

.grid-stack .dash-tiles {
  width: 100%;
  margin: 0;
  display: block;
  overflow: visible;
  border-radius: 0;
}

.dash-tiles a {
  display: block;
  align-items: flex-start;
  cursor: pointer;
  word-wrap: break-word;
  background: #f0f0f0;
  border-radius: 4px;
  line-height: normal;
  text-align: left;
  color: #000;
  font-size: 14px;
  min-height: 64px;
}

.grid-stack .dash-tiles > a {
  display: block;
  overflow: visible;
  background: none transparent;
  border-radius: 0;
}

.grid-stack-item-content {
  background: #f0f0f0;
  border-radius: 4px;
}

.dash-tiles a:hover, .dash-tiles a:focus {
  background: #f0f0f0;
  color: #000;
}

.dash-tiles span {
  position: relative;
  z-index: 5;
  display: block;
  width: 100%;
}

  .dash-tiles span.icon-img {
    text-align: center;
  }

.dash-tiles i.glyphicon {
  color: rgba(0,0,0,0.1);
  position: relative;
  z-index: 1;
  text-indent: -9999px;
  content: "";
  background: url(../images/basket.png) no-repeat center center;
  display: block;
  width: 100%;
  height: 40px;
  background-size: contain;
}

.dash-widgets .dash-tiles {
  padding: 15px;
}

.clock li {
  display: inline-block;
}

.edit-tile > ul {
  position: absolute;
  top: 15px;
  right: 23px;
  width: 120px;
  z-index: 15;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
  border-radius: 5px;
}

  .edit-tile > ul > li {
    text-align: left;
    margin-bottom: -1px;
    background: #fff;
    padding: 5px 8px;
    color: #000;
    font-weight: 300;
    font-size: 14px;
  }

.edit-tile i.fa-ellipsis-v {
  position: absolute;
  right: 0;
  top: 5px;
  padding: 5px;
  z-index: 15;
}

.edit-tile ul {
  display: none;
}

  .edit-tile ul i.fa {
    display: inline-block;
    margin-right: 5px;
  }

div#Date {
  font-size: 16px;
}

.clock ul li {
  font-size: 24px;
  font-weight: bold;
}

.FooterTiles {
  position: fixed;
  bottom: 0;
  display: block;
  background: #fff;
  z-index: 50;
  padding: 5px 45px 0 8px;
  border-top: 1px solid #e0e0e0;
  right: 0;
}

  .FooterTiles .owl-nav {
    position: fixed;
    right: 0;
    bottom: 0;
    background-color: #f0f0f0;
    width: 40px;
    text-align: center;
    z-index: 51;
    margin: 0;
    height: 60px;
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    color: #000;
  }

    .FooterTiles .owl-nav [class*="owl-"] {
      display: block;
      width: 100%;
      margin: 0;
      height: 50%;
      border-radius: 0;
      font-size: 22px !important;
    }

      .FooterTiles .owl-nav [class*="owl-"]:hover {
        background-color: #e0e0e0;
        color: #000;
      }


  .FooterTiles .footer-dash-tiles {
    display: block;
    background: #f0f0f0;
    margin: 5px;
    position: relative;
    color: #000;
    border-radius: 4px;
  }

    .FooterTiles .footer-dash-tiles a {
      color: #000;
      padding: 12px;
      text-align: center;
      display: block;
    }

  .FooterTiles a span {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 300;
    font-size: 0.875rem;
  }

  .FooterTiles .footer-dash-tiles.active {
    background: #00b0f0;
    color: #fff;
  }

    .FooterTiles .footer-dash-tiles.active a {
      color: #fff;
    }

.close-footer-tile {
  display: inline-block;
  padding: 8px
}

.FooterTiles .edit-tile {
  position: absolute;
  right: -3px;
  top: -3px;
  z-index: 8;
  cursor: pointer;
}

  .FooterTiles .edit-tile > ul {
    position: absolute;
    top: -40px;
    right: 23px;
  }

.FooterTiles .owl-stage-outer {
  overflow: visible;
}

.dash-tiles span.icon-img img {
  width: 50px;
  height: 50px;
  margin-top: 10px;
}

#dashboardShotcutModal table td {
  max-width: 200px;
}

#dashboardShotcutModal input#txtbxUserForms, #dashboardShotcutModal input#txtbxUserWidgets, #dashboardShotcutModal .input-group-addon {
  height: 36px;
  border: 1px solid #e0e0e0;
  padding-bottom: 0;
}

#dashboardShotcutModal .input-group-addon {
  border: 0;
  background: none transparent;
}

#dashboardShotcutModal i.glyphicon.glyphicon-search {
  padding: 0px;
}

#dashboardShotcutModal .modal-header {
  border-bottom: 0;
  text-align: left;
  display: block;
}

  #dashboardShotcutModal .modal-header .modal-title {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 300;
  }

#dashboardShotcutModal .modal-footer {
  border-top: 0;
  justify-content: flex-end !important;
}

#dvUserFormsPrt, #dvUserWidgetsPrt {
  margin-top: 15px;
}

#dvUserFormsPrt, #dvUserWidgetsPrt {
  max-height: 400px;
  overflow-y: auto;
}


a.btn {
  padding: 5px 15px;
  border: 0;
  font-size: 0.875rem;
  font-weight: 300;
}

  a.btn * {
    font-weight: 300 !important;
  }

#dashboardShotcutModal .table > tbody > tr > td, #dashboardShotcutModal .table > tbody > tr > th, #dashboardShotcutModal .table > tfoot > tr > td,
#dashboardShotcutModal .table > tfoot > tr > th, #dashboardShotcutModal .table > thead > tr > td, #dashboardShotcutModal .table > thead > tr > th {
  vertical-align: middle;
  border: 0;
}

#dashboardShotcutModal .table > tbody > tr:hover {
  background: #fff !important;
}

#dashboardShotcutModal .table > tbody > tr:nth-child(2n+1), #dashboardShotcutModal .table > tbody > tr:nth-child(2n+1):hover {
  background: #f0f0f0 !important;
}

.side-menu-list span.menu-icon {
  position: absolute;
  left: 11px;
  top: 7px;
  width: 24px;
  height: 24px;
  overflow: hidden;
  display: inline-block;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  margin-left: 0;
  padding: 0;
  z-index: 1;
}

  .side-menu-list span.menu-icon img {
    width: 100%;
  }

#dashboardShotcutModal .nav-tabs {
  width: 300px;
  margin: auto;
  border-bottom: 0
}

  #dashboardShotcutModal .nav-tabs li {
    text-align: center;
    background: transparent;
    width: 50%;
    cursor: pointer;
    display: inline-block;
  }

    #dashboardShotcutModal .nav-tabs li:first-child a {
      border-radius: 20px 0 0 20px;
      background: #e0e0e0;
      color: #000
    }

    #dashboardShotcutModal .nav-tabs li:last-child a {
      border-radius: 0 20px 20px 0;
      background: #e0e0e0;
      color: #000
    }

    #dashboardShotcutModal .nav-tabs li a {
      display: block;
      padding: 5px;
    }

      #dashboardShotcutModal .nav-tabs li a.active {
        background: #3399ff;
        color: #fff;
      }


.head-bar ul.ulHeader li:not(.displaynone) {
  display: inline-block;
}

.head-bar ul.ulHeader li a {
  display: block;
  padding: 4px 15px;
  color: #000;
  border-radius: 20px;
  margin-top: 5px;
  font-size: 14px;
  border: 1px solid #e0e0e0;
  transition: ease all 0.3s;
  background: #fff;
}

  .head-bar ul.ulHeader li.active a, .head-bar ul.ulHeader li a:hover {
    display: block;
    color: #fff;
    background: #0154A7;
    border: 1px solid #0154A7;
  }

table input[type='text'], table input[type='email'], table input[type='password'], table input[type='number'], textarea, input.col-search-input, input[type='search'] {
  width: 100%;
  border-radius: 4px;
  border: 1px solid #b8b8b8;
  font-weight: normal;
  padding: 2px 5px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  font-weight: 300;
  font-size: 0.875rem;
  font-family: "Roboto", Arial;
}


  .select2-container--default .select2-search--dropdown .select2-search__field:focus,
  input[type='text']:focus, input[type='search']:focus, input[type='email']:focus, input[type=tel]:focus, input[type='password']:focus,
  input[type='number']:focus, textarea:focus, input.col-search-input:focus, input[type=search]:focus,
  input[type="file"]:focus {
    -webkit-text-fill-color: inherit !important;
    box-shadow: 0 0 0 2px #0154a733 !important;
    -webkit-box-shadow: 0 0 0 2px #0154a733 !important;
    border: 1px solid #0154a7 !important;
  }

[placeholder], input[placeholder] {
  color: #8e9fa7;
  font-weight: normal;
}

div.dataTables_wrapper div.dataTables_processing {
  background: transparent url('../images/ajax-loader.gif') no-repeat center center !important;
  border: 0 !important;
  text-align: center;
  position: fixed;
  width: calc(100% - 270px);
  top: 49%;
  text-indent: -99999px;
  background-size: 60px 60px !important;
  z-index: 200;
  height: 120px;
}

table.table td, table.table th {
  color: #000;
  white-space: nowrap;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  float: left;
}

table thead th {
  background: #f0f0f0 !important
}


table .sorting_1 {
  background: none transparent;
}

td.dt-body-right {
  text-align: right;
}

div.dt-buttons {
  display: inline-block;
  float: none;
  position: relative;
  top: -9px;
  margin-left: 15px;
}

.tbl-btn, button.tbl-btn, button.fc-button {
  text-indent: -9999px;
  cursor: pointer;
  border: 1px solid #dddddd !important;
  background: #e0e0e0;
  background-color: #e0e0e0;
  border-radius: 4px !important;
  padding: 6px !important;
  margin: 0 !important;
  background-image: none !important;
}

  button.tbl-btn:hover, .tbl-btn:hover {
    background-color: #eee !important;
  }

.dt-button.buttons-print {
  position: relative;
  top: -1px;
}

button.fc-button {
  text-indent: hanging;
}

button.fc-button {
  text-indent: unset;
  margin: 0 2px !important;
  box-shadow: none;
  text-shadow: none;
}
.fc-time-grid:hover .fc-event:hover, .fc-time-grid:hover .fc-bgevent:hover {
  z-index: 100 !important;
  background-color: #8ec4ed !important;
}
.tbl-btn > span {
  height: 20px;
  width: 20px;
  padding: 5px;
  display: block;
  background-size: contain !important;
}

.tbl-btn.btn-refresh {
  background: #e0e0e0 url(../images/icon_refresh.svg) no-repeat center center !important;
  background-size: 24px 24px !Important;
  width: 34px;
  height: 34px;
  position: relative;
  top: -5px;
}

  .tbl-btn.btn-refresh > span {
    display: none;
  }

.btn-export > span {
  background: url(../images/icon_exportexcel.svg) no-repeat center center;
}

.btn-print > span {
  background: url(../images/icon_print.svg) no-repeat center center;
}

.pagination > li > a, .pagination > li > span {
  background-color: transparent;
  color: #000;
  border: 0px solid #dddddd;
  border-radius: 4px;
}

  .pagination > li > a, .pagination > li > span:hover {
    border: 1px solid transparent;
    border-radius: 4px;
  }

.pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
  border-color: transparent;
}


.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  background-color: #eeeeee;
  border: 1px solid #eee;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
  border-radius: 4px;
}

.pagination > li:hover {
  border-radius: 4px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 2px;
}

button.fc-button.fc-state-active, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #00b0f0;
  border-color: #00b0f0 !important;
  color: #fff;
}

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
  border-color: #c1c1c1;
}

.fc-widget-header thead {
  background: #e0e0e0;
}

.fc-view-container *, .fc-view-container :after, .fc-view-container :before {
  font-weight: 400;
}


.darklue {
  background: #2c3e50;
  color: #fff;
}

  .darklue hr.star-light::after {
    background-color: #2c3e50;
  }
/*end of gridstack css*/
#GridItemList_wrapper > .row:first-child {
  display: none;
}

.table.DTCR_clonedTable, table.DTCR_clonedTable, .dataTable.table.DTCR_clonedTable {
  width: auto;
  max-width: 250px !important
}

table.dataTable.table-bordered {
  border-top: 0;
}

table.dataTable thead td {
  border-bottom: 0px solid #e0e0e0 !important;
  background: #fff !important;
}

table.dataTable tbody td {
  padding: 0px 10px;
}

table.dataTable thead th, .table-bordered tr {
  border-bottom: 2px solid #e0e0e0 !important;
}

.table-bordered td {
  border: 0px solid #dee2e6 !important;
}

.table-bordered .odd, .table-bordered tr:nth-child(odd) {
  background: #f1f1f1;
}

table.dataTable thead tr:nth-child(2) > th {
  background: #fff !important;
}

  table.dataTable thead tr:nth-child(2) > th:first-child {
    font-family: 'ico-material-design' !important;
    background-size: 18px 18px !Important;
  }

    table.dataTable thead tr:nth-child(2) > th:first-child::before {
      font-size: 1.5em;
      content: "\e973";
      font-size: 1.5em;
      width: 24px;
      height: 24px;
      padding: 3px;
    }

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before {
  line-height: 16px;
  background-color: #808080;
  box-shadow: none !important;
  color: #fff;
  content: "+";
  font-size: 20px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child::before {
  line-height: 16px;
  background-color: #00b0f0;
  box-shadow: none !important;
  color: #fff;
  content: "-";
  font-size: 20px;
}

.bootstrap-table .table td, .fixed-table-body .table td, .table td {
  height: 30px;
}

.bootstrap-table .table thead th, .fixed-table-body .table thead th, .table thead th {
  padding-top: 8px;
  padding-bottom: 8px;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #f0f0f0
}

.box-typical .panel-heading {
  padding: 10px 15px;
  background: #f0f0f0;
}

.form-group label, .tools-area label {
    color: #666;
    font-size: 0.8125rem;
    margin-bottom: 5px;
}

.form-group p, .form-group ul li {
  color: #666;
  font-size: 0.8125rem;
}

.checkbox .form-check {
  padding-left: 0;
  margin: 0 0 15px;
}

.checkbox:last-of-type {
  margin-bottom: 0
}

.ql-toolbar.ql-snow {
  border: 0;
  border-bottom: 1px solid #e0e0e0;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}

.ql-container.ql-snow {
  border: 0px
}

.ql-editor, .ql-editor.ql-blank {
  height: 220px;
  border: 0;
}

tbody.fc-body {
  background: #fff;
}

.table-bordered.theme-table {
  border: 1px solid #e0e0e0 !important;
}

.dn-project-title {
  padding: 20px 15px 2px 15px;
  text-align: center;
  font-size: 1em;
  font-weight: 500;
}

ul.search-for-menu {
  position: fixed;
  top: 0;
  z-index: 9999 !important;
  max-width: 240px;
  width: 100%;
  background: #fff;
  border-right: 0px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  height: 113px;
}

.menu-left-opened ul.search-for-menu {
  left: 0
}

ul .search-for-menu #txtFilterMenu {
  margin: 17px 15px 15px;
  padding-right: 18px;
  width: calc(100% - 36px);
}

ul.search-for-menu .app-search {
    position: relative;
    margin: 15px 0;
}

ul.search-for-menu .icon-search, ul.search-for-menu div.icon-search {
  position: absolute;
  z-index: 1;
  right: 35px;
  top: 7px;
  width: 18px;
  height: 18px;
}

  ul.search-for-menu .icon-search:hover, .box-typical-body.panel-body .pagination > li.active > a, input[type="checkbox"]:hover, .DNRadioButton input[type="radio"]:hover,
  .DNRadioButton label:hover {
    cursor: pointer;
  }

.icon-search {
  position: absolute;
  right: 12px;
  top: -1px;
  width: 18px;
  height: 18px;
  z-index: 20;
}

.icon-search-sms-keyword {
  left: 244px;
  bottom: 30px;
  width: 18px;
  height: 18px;
  z-index: 20;
  position: relative;
}

.side-menu-list {
  margin: 0 0 65px;
  margin-top: 20px;
  padding: 0 8px;
}

#divDiscountDetailPage .pd-15 > .checkbox:last-child {
  margin-bottom: 0
}

table {
  width: 100% !important;
}

.status-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin: auto 5px auto auto;
}

.data-tab li {
  transition: ease all 0.3s;
  width: 200px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 4px;
  padding: 8px 15px;
  background: #fff;
  border: 1px solid #e0e0e0;
  cursor: pointer;
}

  .data-tab li:hover, .data-tab li.active {
    background: #e0e0e0;
  }

.nav-tabs.data-tab, .nav-tabs {
  border: 0
}

  .nav-tabs.data-tab span {
    display: inline-block;
    vertical-align: middle;
  }

.tab-content h3 {
  font-size: 1rem;
  margin-bottom: 10px;
}

#dnControlList .Grid th {
  background: #e0e0e0;
}

#dnControlList .ChildGrid th {
  background: #f0f0f0;
}

#dnControlList .data-tab li {
  font-size: 0.875rem;
  padding: 5px 8px;
  width: 160px;
}

#dnControlList .status-icon {
  width: 15px;
  height: 15px;
}

.form-control, input[type='text'], select, textarea {
  font-size: 0.875rem !important;
}

#divGalleryLi {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

  #divGalleryLi li {
    list-style: none;
    position: relative;
    width: 138px;
    padding: 5px;
    margin: 5px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    height: 100px;
    display: flex;
    justify-content: center;
  }

    #divGalleryLi li.active {
      border: 1px solid #00b0f0
    }

    #divGalleryLi li a {
      display: flex;
      align-items: center
    }

    #divGalleryLi li img {
      width: 100%;
      max-height: 90px;
    }

    #divGalleryLi li .msk input {
      width: 24px;
      height: 24px;
    }

    #divGalleryLi li .msk {
      transition: ease all 0.3s;
      position: absolute;
      opacity: 0;
      display: none;
      left: calc((100% - 24px)/2);
      top: calc((100% - 18px)/2);
      margin: 0;
    }

    #divGalleryLi li.active .msk, #divGalleryLi li:hover .msk {
      transition: ease all 0.3s;
      opacity: 1;
      display: block;
    }

/*uicalendar css*/
table .ui-datepicker-calendar {
  border: 0;
}

.datepicker-fullcalendar {
  position: absolute;
  left: 68px;
  margin-bottom: 0 !important;
}

.date-picker-events {
  max-width: 320px;
  width: 100%
}

table.ui-datepicker-calendar {
  display: none;
}

#calendar-wrapper {
  height: calc(100vh - 200px);
}

  #calendar-wrapper .button-group {
    margin: 15px 0;
    display: flex;
    justify-content: flex-end;
  }

    #calendar-wrapper .button-group .event-popup-btn-groups {
      margin-left: 15px;
    }

#divEventslist {
  display: none !important
}

.date-picker-events .ui-datepicker {
  width: 100%;
  min-width: 200px;
  padding: 0;
}

.date-picker-events .ui-datepicker-calendar th {
  background: none !important
}

.date-picker-events .ui-widget-header {
  border: 0;
  background: none;
  padding: 0;
}

.date-picker-events select {
  padding: 0;
  font-size: 18px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: auto !important;
  background: #fff;
  border: 0px solid #e0e0e0;
  margin-right: 0;
  display: inline-block;
  border-radius: 4px;
  cursor: pointer;
}

.date-picker-events .ui-datepicker-month {
  text-align: right !important;
  width: 98px !important;
}

.date-picker-events .ui-widget.ui-widget-content {
  border: 0;
}

.date-picker-events .ui-state-default, .date-picker-events .ui-widget-content .ui-state-default, .date-picker-events .ui-widget-header .ui-state-default, .date-picker-events .ui-button, .date-picker-events .ui-button.ui-state-disabled:hover, .date-picker-events .ui-button.ui-state-disabled:active {
  border: 0;
  background: #fff;
  font-weight: normal;
  color: #000;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
  display: block;
}

  .date-picker-events .ui-state-active, .date-picker-events .ui-widget-content .ui-state-active, .date-picker-events .ui-widget-header .ui-state-active, .date-picker-events a.ui-button:active, .date-picker-events .ui-button:active, .date-picker-events .ui-button.ui-state-active:hover {
    background: #3399ff;
    color: #fff;
  }

.date-picker-events .ui-datepicker-prev, .date-picker-events .ui-datepicker-next {
  display: none
}

.date-picker-events .ui-datepicker .ui-datepicker-title {
  text-align: center;
  margin-bottom: 7px;
  position: relative;
  z-index: 60;
  top: 3px;
}

select.ui-datepicker-month {
  margin-top: 5px !important;
}

.fc-left .fc-button-group button {
  margin-top: 2px !important;
}

.date-picker-events .ui-datepicker-week-end, .date-picker-events .ui-datepicker-week-end a, .date-picker-events .ui-datepicker-week-col {
  color: #c1c1c1 !important
}

.date-picker-events thead, .date-picker-events .ui-datepicker-week-col {
  background: #f7f7f7;
}

.date-picker-events .ui-datepicker td {
  padding: 0 1px 6px;
}

.date-picker-events .ui-datepicker-today a {
  background: #ff636d !important;
  color: #fff !important;
}

.date-picker-events .event a::after {
  background-color: #c1c1c1 !important;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  display: block;
  margin: auto;
  content: "";
  position: relative;
  top: -3px;
}

.date-picker-events .ui-datepicker-week-end.ui-datepicker-current-day a {
  color: #fff !important;
}

.date-picker-events .event a.ui-state-active::after, .date-picker-events .ui-datepicker-week-end a.ui-state-active::after {
  background-color: #fff !important;
  color: #fff !important;
}

.fc-header-toolbar {
  padding: 0
}

button.fc-button {
  font-weight: 300
}

.create-event-btn {
  padding: 20px 0;
  border-top: 1px dotted #c1c1c1;
  text-align: center;
}

.CalDateHeading, .CalEventName, .CalTime, .qtip-default .qtip-titlebar {
  color: #404040;
}

.CalDateHeading {
  margin-bottom: 20px;
  border-top: 1px dotted #c1c1c1;
  padding-top: 20px;
  font-weight: 400;
  font-size: 14px;
}

.CalEventName {
  font-size: 14px;
  margin-left: 20px;
  font-weight: 400;
}

.CalTime {
  font-size: 12px;
  margin-bottom: 20px;
  margin-left: 20px;
}

.qtip-default .qtip-titlebar {
  background-color: #d1eafd;
  font-weight: 400;
  line-height: normal;
  font-family: 'Roboto', Arial;
  font-size: 14px;
  padding: 5px 15px;
  border-left: 4px solid #5ec0fc;
}

.qtip-default {
  border: 1px solid #5ec0fc;
  border-radius: 4px;
  background-color: #fff;
  color: #000;
  padding: 10px;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(119,119,119,1);
  -moz-box-shadow: 0px 2px 8px 0px rgba(119,119,119,1);
  box-shadow: 0px 2px 8px 0px rgba(119,119,119,1);
}

.qtip-tip {
  left: 15px !important
}

.qtip-content {
  padding: 15px 15px;
  text-align: left;
  word-wrap: break-word;
}

#calendar a.fc-event {
  color: #000;
}

.CalEventName .event-color {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #5ec0fc;
  display: inline-block;
  position: relative;
  left: -20px;
  top: 0px;
}

.CalEventName .event-title {
  position: relative;
  left: -10px;
}

.fc-event .fc-bg {
  z-index: 1;
  background: #5ec0fc;
  opacity: 1;
  width: 10px;
}

.fc-today-button.fc-button {
  display: none
}

#calendar .fc-toolbar.fc-header-toolbar .fc-center {
  float: left;
  margin-left: 15px
}

  #calendar .fc-toolbar.fc-header-toolbar .fc-center h2 {
    font-size: 18px;
    color: #404040;
    position: relative;
    top: 7px;
  }

.date-picker-events .ui-datepicker-week-col {
  text-align: center;
}

.fc-axis.fc-time span {
  color: #c1c1c1;
  font-size: 13px;
  font-weight: normal;
}

#calendar .fc-toolbar.fc-header-toolbar .fc-left {
  max-width: 320px;
  width: 100%;
}

  #calendar .fc-toolbar.fc-header-toolbar .fc-left button {
    background: #fff !important;
    border: 1px solid #c1c1c1;
  }

  #calendar .fc-toolbar.fc-header-toolbar .fc-left .fc-button-group {
    width: 100%;
  }

  #calendar .fc-toolbar.fc-header-toolbar .fc-left .fc-next-button {
    float: right;
  }

.fc-axis.fc-widget-content {
  font-size: 13px;
  color: #c1c1c1;
  text-transform: capitalize;
}

.fc-unthemed td.fc-today {
  background: #fff;
}

  .fc-unthemed td.fc-today .fc-day-number {
    background-color: #fff;
    color: #ff636d !important
  }

.fc-widget-header table thead th {
  background: #f2f2f2 !important;
  font-size: 14px;
  font-weight: 400;
  padding: 5px;
}

.fc-event .fc-content {
  position: relative;
  z-index: 2;
  font-size: 13px;
  padding: 2px 5px;
  color: #404040;
}

.fc-time-grid-event .fc-content {
  overflow: hidden;
  padding-left: 15px;
  padding-top: 5px;
  font-size: 13px;
  font-weight: 300;
  color: #404040;
}

a.fc-time-grid-event.fc-v-event.fc-event.fc-start.fc-end.fc-draggable.fc-resizable.event-inprogress {
  bottom: unset !important;
}

#calendar .fc-toolbar .fc-right, #divInboxPage .fc-right {
  float: right;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}

#divInboxPage .fc-right {
  margin-bottom: 15px;
}

  #calendar .fc-toolbar .fc-right button, #divInboxPage .fc-right button {
    background: #fff;
    border: 0 !important;
    width: 80px;
    color: #404040;
  }

    #calendar .fc-toolbar .fc-right button.fc-state-active {
      color: #0154A7;
      font-weight: 400;
    }

      #calendar .fc-toolbar .fc-right button.fc-state-active::after,
      #divInboxPage .fc-right button.active::after {
        content: "";
        width: 100%;
        display: block;
        height: 2px;
        background: #0154A7;
        border-radius: 4px;
        position: relative;
        bottom: -3px;
      }

.fc-month-view .fc-event {
}

.fc-month-view .fc-week-number {
  display: none;
}

.fc-day:first-child > div:first-child {
  position: relative;
}

  .fc-day:first-child > div:first-child .fc-day-number {
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0px;
    text-align: center;
    margin-top: -.5em;
    line-height: 1em;
  }
/*uicalendar css*/

.btn-link.link-edit-layout, .btn-link.link-save-layout {
  cursor: pointer;
  color: #000;
  display: inline-block;
  margin-left: 15px;
}

.columns-edit-row .col-md:nth-child(2), .columns-edit-row .col-md:nth-child(3), .columns-edit-row .col-md:nth-child(4) {
  padding-left: 0;
}

.portlet-toggle {
  display: none
}

.btn-link.link-save-layout, .btn-link.link-edit-layout {
  font-size: 14px;
  text-decoration: none;
}

.drop-menu-edit-mode {
  display: none;
}

  .drop-menu-edit-mode.active {
    display: block;
    position: fixed;
    top: 80px;
    left: 160px;
    width: 170px;
    border: 0px solid #00b0f0;
    border-radius: 4px;
    background: #fff;
    z-index: 61;
    box-shadow: 0px 0 4px 0px rgba(0,0,0,0.4);
  }

  .drop-menu-edit-mode .btn-link {
    font-size: 14px;
    font-weight: normal;
    color: #000;
    cursor: pointer;
    display: block;
    border-bottom: 1px solid #e0e0e0;
    padding: 5px 10px;
    margin: 0;
    text-decoration: none;
  }

    .drop-menu-edit-mode .btn-link:last-child {
      border: 0;
    }

    .drop-menu-edit-mode .btn-link:hover {
      color: #0154a7;
    }

.pop-icon {
  border-left: 1px solid #e0e0e0;
  height: 33px !important;
  margin-top: 1px;
}



.pop-icondisable {
  border-left: 1px solid #e0e0e0;
  height: 34px !important;
}

.tool-tip-hover {
  font-size: 12px !important;
}

.box-typical {
  border: 0;
}

  .box-typical.ui-widget.ui-widget-content {
    border: 0;
    background: #fff;
  }

  .box-typical .panel-heading {
    padding: 10px 15px 0;
    background: #fff;
  }

    .box-typical .panel-heading .panel-title {
      border-bottom: 1px solid #e0e0e0;
    }



.form-control:disabled, .form-control[readonly] {
  background-color: #e5e5e5;
}

select, input.nostep::-webkit-inner-spin-button,
input.nostep::-webkit-outer-spin-button {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

select::-ms-expand, input[type="number"]::-ms-expand {
  display: none;
}

select:before {
  content: '\f0d7';
  font-family: FontAwesome;
  color: #fff;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 15px;
  pointer-events: none;
}


.table-bordered th {
  background: #e0e0e0 !important;
  border: 0px;
}

.dataTable thead th {
  background-color: #e1e1e1 !important;
}

.responsive-data-grid {
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #fff;
}

.table-responsive table.dataTable {
  margin: 0 0px !important;
}

table.table {
  background-color: #fff;
}

.table-responsive.responsive-data-grid {
  overflow-y: auto;
  max-height: calc(100vh - 205px);
}

#MultiseekModal .table-responsive.responsive-data-grid {
  overflow-y: auto;
  max-height: calc(100vh - 300px);
}

table, table.table, table.datatable, table.dataTable.no-footer {
  border-radius: 4px !important;
}

  table.table-bordered tr:first-child th {
    border-top: 0;
  }

    table.table-bordered tr:first-child th:first-child {
      border-top-left-radius: 4px;
    }

    table.table-bordered tr:first-child th:last-child {
      border-top-right-radius: 4px;
    }

.table tr:hover td, .table tr.highlight td {
  cursor: pointer;
}

.responsive-data-grid .table tr.selected {
  background-color: #0154a7 !important;
  color: #fff;
  -webkit-text-fill-color: #fff;
}

#loadingspinner img {
  max-width: 3.8rem;
}

.error-msg-block {
  margin-top: 30px;
}

  .error-msg-block .fa-exclamation-circle {
    font-size: 48px;
    color: #e0e0e0
  }

  .error-msg-block label {
    font-weight: 300;
    font-family: "Roboto";
    font-size: 1rem
  }

  .error-msg-block p {
    font-weight: 300;
    font-family: "Roboto";
    font-size: 0.875rem
  }

.week-day-list div {
  display: inline-block;
  width: 98%;
  margin: 5px auto
}

  .week-day-list div.checkbox.select-all {
    display: block;
    width: 100%;
    margin: 5px auto
  }

table#tblUserForms th, table#tblUserForms td, table#tblUserWidgets th, table#tblUserWidgets td {
  border: 1px solid #e0e0e0 !important;
}

#dashboardShotcutModal .input-group-addon {
  position: absolute;
  right: 10px;
  z-index: 9999;
  top: 8px;
}

#dashboardShotcutModal input#txtbxUserForms, #dashboardShotcutModal input#txtbxUserWidgets {
  border-radius: 4px !important;
}

#dashboardShotcutModal #txtbxUserForms, #dashboardShotcutModal .input-group-addon, #dashboardShotcutModal input#txtbxUserWidgets {
  margin-top: 15px;
}

@media (min-width:768px) {
  .dataTables_info {
    width: calc(100% - 420px);
  }

  .dahsboard-column .form-group {
    margin-bottom: .5rem;
  }
}

@media (max-width:767px) {
  /*----11-12-2020----*/
  .page-content {
    padding-top: 90px !important;
  }

  .row.items-list-box .col-lg-3 {
    padding-left: 0px;
  }

  .card.gridview-card, .card.listview-card {
    margin-left: 15px;
  }

  .deliveryinfo {
    margin-top: unset;
  }

  .row.additems-area .col-lg-10 {
    padding-left: 15px !important;
  }

  .order-toppannel {
    margin-top: 15px !important;
  }

  .btn-group.btn-group-toggle, .listview-card .item-infobox {
    width: 100% !important;
  }

  .card.listview-card .card-img-top {
    display: none !important;
  }

  .more {
    margin-left: 8px;
  }

  .qty-input input {
    width: 69% !important;
  }

  .listview-card .qty-input {
    float: left;
    margin-bottom: 15px;
  }

    .listview-card .qty-input input {
      width: 68% !important;
    }

  .listview-card .btnselect {
    position: unset !important;
    float: right;
  }
  /*----11-12-2020--end--*/
  .row.no-gutters {
    height: auto !important;
  }

  ul.search-for-menu {
    top: 45px;
  }

  .side-menu-list {
    margin-top: 47px
  }

  .head-bar {
    z-index: 5;
    top: 55px;
    font-size: 15px !important;
  }

    .head-bar ul.ulHeader li a {
      height: 37px;
      display: inline-block;
    }


    .head-bar .page-title.pull-left {
      display: flex;
      align-items: center;
      padding: 4px 0;
    }

  .shop-data-descp {
    width: calc((100% - 8px)/3);
    margin-bottom: 4px;
  }
  /* ---------  10-12-2019 ----PurchaseOrder-----*/

  .kpi-box {
    width: 100% !important;
    margin-bottom: 15px;
  }

  .columns-edit-row .col-md:nth-child(2), .columns-edit-row .col-md:nth-child(3) {
    padding-left: 15px !important;
  }
}
/* add Css Grid Expand */
.Grid {
  border: 1px solid #ccc;
  border-collapse: collapse;
  background-color: #fff;
}

  .Grid th {
    background-color: #B8DBFD;
    color: #333;
    font-weight: bold;
  }

  .Grid th, .Grid td {
    padding: 5px;
    border: 1px solid #ccc;
  }

  .Grid img {
    cursor: pointer;
  }

.ChildGrid {
  width: 100%;
  margin: 10px auto;
  border: 1px solid #e0e0e0;
}

  .ChildGrid th {
    background-color: #B8DBFD;
    color: #333;
    font-weight: bold;
    padding: 10px !important;
  }

.fc-state-highlight {
  background: red;
  input: invalid:not(:placeholder-shown)
}

input.nostep::-webkit-inner-spin-button,
input.nostep::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.btn.table-btn {
  font-size: 0.75rem;
  width: 100%;
  margin: 5px auto;
  padding: 5px 10px;
  text-align: center;
  max-width: 100px;
}

#MultiseekModal {
  width: 58%;
  height: 80vh;
  left: 20vw;
  margin: 50px auto 0;
}

#MultiseekBackground {
  background-color: white;
  padding: 0;
  border-radius: 4px;
  -webkit-box-shadow: -2px 5px 25px -6px rgba(0,0,0,0.75);
  -moz-box-shadow: -2px 5px 25px -6px rgba(0,0,0,0.75);
  box-shadow: -2px 5px 25px -6px rgba(0,0,0,0.75);
}

#ReportModal {
  width: 100%;
  height: calc(100vh - 110px);
  left: 0;
  margin: 0;
  position: relative;
}

#ReportBackground {
  background-color: white;
  padding: 0;
  border-radius: 0px;
}

#ReportModal #reportbody {
  position: relative;
  margin: 0 auto;
  height: calc(100vh - 110px) !important;
  overflow-y: auto;
  overflow-x: auto !important;
  background-color: #cbcbcb !important
}

#ReportModal .modal-header {
  padding: 5px 15px;
  background: #e0e0e0;
  border-bottom-color: #e0e0e0;
  border-radius: 0;
  position: relative;
}

#ReportModal #ReportBackground .modal-header {
  background: #fff;
}

#ReportModal .modal-header .container.text-right {
  position: absolute;
  width: auto;
  right: 40px;
  top: 5px;
}

#ReportModal .modal-header .btn {
  padding: 4px 0;
  margin: 0;
  background: #f2f2f2 !important;
}

#ReportModal #maindiv {
  margin: 0 auto;
  position: relative;
}

.modalScroll {
  width: 60vw;
  left: 20vw;
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}

.modelup {
  z-index: 1100 !important;
  background: rgba(0, 0, 0, 0.5);
}


/* remove Css grid Expand*/

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.btnupload {
  border: 2px solid gray;
  color: gray;
  background-color: white;
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 20px;
  font-weight: bold;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

/************ DNImageContainer *****************/
.DNImageContainer {
  position: relative;
  width: 200px;
  min-height: 200px;
}

.DisplayContainer {
  width: 100%;
  display: none;
  border: 1px solid #817f7f;
  padding: 15px;
  line-height: 200px;
}

  .DisplayContainer img {
    width: 100%;
    position: relative;
  }

  .DisplayContainer Button {
    position: absolute;
    top: 0%;
    left: 100%;
    transform: translate(-100%, -0%);
    -ms-transform: translate(-100%, -0%);
    background-color: rgba(255, 255, 255, 0.5);
    color: black;
    font-size: 20px;
    padding: 3px 10px;
    border: none;
    border-radius: 5px;
    text-align: center;
    margin: 5px 5px -5px -5px;
  }

.SelectFileContainer {
  position: relative;
  width: 100%;
  min-height: 200px;
  background-color: white;
  border: 1px solid #817f7f;
  cursor: pointer;
}

.upload-image-custom-bg {
  position: relative;
  width: 180px;
  height: 180px;
  background-color: white;
  border: 1px solid black;
  cursor: pointer;
}

  .upload-image-custom-bg input[type="file"] {
    width: 180px;
    height: 180px;
    opacity: 0;
    z-index: 5;
    position: absolute;
  }

    .upload-image-custom-bg input[type="file"] + div {
      position: absolute;
      top: 50px;
      text-align: center;
      font-size: .8em;
      padding: 15px;
    }

.SelectFileContainer input[type=file] {
  display: none;
}

.SelectFileContainer label {
  width: 100%;
  height: 200px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ************************11-18-2019**********************************************/
/* ************************11-18-2019**********************************************/
#DetailsPartial, .scroll-padding {
  padding-bottom: 80px;
}

.editopenstock-checklistpage {
  padding-bottom: 90px
}

.qty-input {
  border: 1px solid var(--light-gray);
  height: 40px;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}

  .qty-input i {
    cursor: pointer;
    height: 35px;
    float: left;
    line-height: 35px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 150ms ease-out;
    width: 35px;
    color: var(--dark);
    font-weight: bold;
    font-size: 13px;
  }

    .qty-input i:active {
      background-color: none transparent;
      transition: none;
    }

  .qty-input input {
    border: 1px solid #e0e0e0;
    float: left;
    font-size: 18px;
    height: 38px;
    text-align: center;
    outline: none;
    width: 106px;
    background: #fff;
    border-radius: 0;
  }

.less {
  background-color: #e0e0e0;
  border-radius: 50px;
  margin-right: 10px;
}

.more {
  background-color: #e0e0e0;
  border-radius: 50px;
  float: right !important;
}

.item-listview:hover, .item-gridview:hover, .sortby:hover, .kpi-box:hover, .status-gridview, .status-listview,
.multiseek-pagination .multiseek-pagination-nav:hover {
  cursor: pointer;
}

.order-toppannel .panel-heading .panel-title {
  border-bottom: 0px;
}

.order-toppannel .panel-heading {
  padding: 10px 0px 0;
}

.order-toppannel .col-lg-12 {
  padding-left: 0px;
  padding-right: 0px;
}

.kpi-box {
  border: 1px solid #e0e0e0;
  padding: 15px;
  width: 19%;
  display: inline-block;
  border-radius: 4px;
  margin-right: 9px;
  text-align: center;
  background-color: #fff;
}

  .kpiactive, .kpi-box:hover {
    border-bottom: 2px solid #00b0f0;
  }

  .kpi-box:last-child {
    margin-right: 0px;
  }

  .kpi-box h4 {
    font-size: 1rem;
    margin-bottom: 5px;
    color: #6c757d;
  }

  .kpi-box p {
    margin-bottom: 0px;
    font-size: 1.2rem;
    font-weight: 500;
  }

.panel-heading h3 span {
  font-size: 25px;
  margin-left: 8px;
}

  .panel-heading h3 span .active {
    color: #00b0f0;
  }

.panel-heading h1 {
  font-size: 1.5rem;
}

.inputtext-withicon {
  width: 130px !important;
}

.inputtext-withicon, .item_rowdelete {
  float: left !important;
  margin: 5px 0px;
}

.mail-Preview .comp-logo {
  width: 200px;
  margin: 0 auto;
}

  .mail-Preview .comp-logo img {
    width: 100%;
  }

.contentBody {
  word-wrap: break-word;
}

.item_rowdelete {
  font-size: 20px !important;
  margin: 10px 5px 10px 15px;
}

  .item_rowdelete:hover {
    color: #007bff;
  }

.left-verticalline {
  border-left: 1px solid #c1c1c1;
  font-size: 20px !important;
  margin: 3px 0px 3px 15px;
  float: right;
}

.ql-editor {
  border: 1px solid #e0e0e0 !important;
}

#MultiseekaddItem {
  padding-right: 0px !important;
}

  #MultiseekaddItem .modal-dialog {
    max-width: 95% !important;
    width: 100% !important;
  }

.box-gray-body {
  background-color: #f8f8f8;
}

  .box-gray-body h3 {
    font-size: 13px;
    margin-bottom: 0;
    padding: 5px 0px;
  }

  .box-gray-body h4 {
    font-size: 1rem;
    margin: 0;
    padding: 0;
  }

.sortby {
  width: 5.9em !important
}

#MultiseekaddItem .box-typical .panel-heading {
  padding: 0px 0px !important;
}

#MultiseekaddItem .card-body {
  padding: .8em;
}

#MultiseekaddItem .card img {
  height: 120px;
}

#MultiseekaddItem .card-body h4 {
  font-size: 1em;
  margin-bottom: 3px;
}

#MultiseekaddItem .card-body h5 {
  font-size: .8em;
  color: #666;
}

#MultiseekaddItem p.card-text {
  font-size: .9em;
}

.cardgray {
  background-color: #f3f3f3 !important;
}

.items-list-box .card {
  margin-bottom: 15px;
}

.backside-card-body {
  display: none;
}

.btn-body {
  margin-top: 13px;
}

#MultiseekaddItem .card-body p {
  margin-bottom: .5rem;
}

.item-info {
  min-height: 80px;
  overflow: hidden;
}

.row.additems-area .col-lg-10 {
  padding-left: 0px;
}

.row.items-list-box .col-lg-3 {
  padding-right: 0px;
}

.items-list-box .col-lg-3:nth-child(4n) {
  padding-right: 0px !important;
}

.row.items-list-box {
  max-height: 380px;
  overflow-y: scroll;
  margin-right: 0px;
}

.card.listview-card .card-img-top {
  width: 180px !important;
  float: left;
}

.card.listview-card .backside-card-body {
  float: left;
}

.items-list-box .card {
  margin-bottom: 15px;
  overflow: hidden;
}

.company-hierarchy .person .name {
  color: #000 !important
}

.listview-card .card-body.backside-card-body {
  float: left;
  width: 80%;
}

.listview-card .item-infobox {
  width: 75%;
  display: inline-block;
  float: left;
}

.listview-card .item-info {
  min-height: 60px;
}

.listview-card .btnselect {
  position: absolute;
  right: 30px;
  top: 40px;
}

.listview-card p.item-quantity {
  display: none;
}

.listview-card .btncancel {
  float: right;
}

.listview-card .qty-input input {
  width: 95px;
}

.listview-card .card-img-top {
  display: unset !important;
}

.listview-card .card-img-top {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.gridview-card .card-img-top {
}

.box-typical h4.panel-title {
  font-size: .9rem;
}

.box-typical p.title {
  margin-bottom: .5rem;
}

.paging_simple_numbers .pagination {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.listview-card .btn-body .btn-primary {
  width: 100px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
}


.statusbox .panel-title {
  border-bottom: 0px !important;
}

.statusbox .purchase-orderno, .statusbox .purchase-deliverydate, .statusbox .purchase-suppliernr, .statusbox .purchase-suppliername {
  margin-bottom: .3rem !important;
}

.statusbox .purchase-orderdate {
  margin-bottom: 2em;
}

.statusbox p {
  color: #6c757d;
}

.deliveryinfo {
  margin-top: 20px;
}

.btn.btn-outline-secondary.btn-block.btncancel {
  background-color: #fff;
  color: #000 !important;
  outline: 1px solid #e0e0e0 !important;
  outline-offset: -1px;
  -moz-outline-radius: 4px;
}

.btncancel:hover {
  background-color: #e0e0e0 !important;
}

.searchinput input {
  border-radius: 40px !important;
  padding-left: 32px;
}

.searchinput .icon-search {
  margin-top: 7px;
  left: 10px;
}

.sortby.active {
  background-color: #00a8ff !important;
}

.btn.btn-secondary {
  background-color: #fff !important;
  color: #000 !important;
  border: solid 1px #e0e0e0 !important;
}

  .btn.btn-secondary:hover {
    background-color: #e0e0e0 !important;
  }

.fixed-area-bottom .btn-previous {
  float: left;
  margin-left: 240px;
}

#dnPurchaseOrderPage .order-toppannel, #dnPurchaseOrderPage .order-toppannel .panel-heading {
  background-color: transparent !important;
  border: 0px;
}

.toppannel .panel-heading h3 {
  border-bottom: 0px !important;
}

.row.items-list-box {
  padding-right: 10px;
}

#MultiseekaddItem .btn.btn-delete {
  padding: 6px 15px;
  margin-top: -25px;
  margin-left: 20px;
}


#loggedout .modal-header {
  text-align: center !important;
  display: unset;
  border-bottom: none;
}

#loggedout .modal-footer {
  border-top: none;
}

#loggedout .modal-body {
  text-align: center;
}

p.logout-time {
  margin-bottom: 40px;
}

#loggedout .modal-footer {
  justify-content: unset;
  padding-left: 25%;
  padding-right: 25%;
}

ul.nav.nav-tabs {
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}
/*   setting page   */
#divSettingPage {
  padding-bottom: 120px;
}

  #divSettingPage .languageSetting h1, #divSettingPage .paymentSetting h1, #divSettingPage .SMSSetting h1, #divSettingPage .emailSetting h1 {
    margin-bottom: 0.5rem;
    font-size: 1.2em;
  }

.accordion-group {
  margin-bottom: 0px !important;
}

.accordion-inner h1 {
  font-size: 1em;
  margin-bottom: 15px;
}

.accordion-inner {
  padding: 15px;
  margin-bottom: 15px;
  background-color: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-box-shadow: 2px 6px 6px -3px rgba(171,171,171,0.69);
  box-shadow: 2px 6px 6px -3px rgba(171,171,171,0.69);
  border-top: 1px solid #dfdfdf;
}

.display-flex {
  display: flex
}

  .display-flex div {
    display: inline-block;
  }
/*Component Css*/

.onoffswitch {
  position: relative;
  width: 65px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.onoffswitch-checkbox {
  display: none;
}

input.onoffswitch-checkbox {
  position: absolute;
  opacity: 0;
}

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #eee;
  border-radius: 20px;
  margin-bottom: 0;
}

.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}

  .onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 24px;
    padding: 0;
    line-height: 25px;
    font-size: 14px;
    color: white;
    box-sizing: border-box;
  }

  .onoffswitch-inner:before {
    content: "Yes";
    padding-left: 10px;
    background-color: #fff;
    color: var(--dark);
    font-weight: 300;
  }

  .onoffswitch-inner:after {
    content: "No";
    padding-right: 10px;
    background-color: #fff;
    color: var(--dark);
    text-align: right;
    font-weight: 300;
  }

.onoffswitch-switch {
  display: block;
  width: 26px;
  height: 26px;
  margin: 0px;
  background: #eee;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 39px;
  border: 0px solid #eee;
  border-radius: 20px;
  transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
  background-color: #00b0f0;
}

.payment-activityOnoff {
  margin-left: 30%;
}

.payment-gatwaylogo {
  width: 100px;
}

.icon.icon-minus, .icon.icon-plus {
}

.icon::before {
  display: inline-block;
  margin-right: 5px;
  width: 25px;
  height: 25px;
  background-size: contain;
  vertical-align: middle;
}

.icon-plus::before {
  background: url("../images/icon_add.svg") no-repeat center center;
  content: " ";
}

.icon-minus::before {
  background: url("../images/icon_minus.svg") no-repeat center center;
  content: " ";
}

.collapseShow {
  display: block !important;
}

#back2Top {
  width: 60px;
  height: 60px;
  border: 1px solid #e0e0e0;
  background-color: #fff;
  border-radius: 25px;
  -webkit-border-radius: 100px;
  text-align: center;
  cursor: pointer;
  position: fixed;
  z-index: 999;
  bottom: 80px;
  right: 20px;
  display: none;
}

  #back2Top .fa-caret-up {
    font-size: 2.2em;
    color: #0154a7;
  }

  #back2Top:hover {
    background-color: #DDF;
    color: #000;
  }

  #back2Top span {
    display: block;
    position: absolute;
    margin-left: 17px;
    margin-top: -10px;
    font-size: 0.8em;
  }

.select-view i.fa {
  padding: 5px;
  font-size: 24px;
  cursor: pointer
}

  .select-view i.fa.active {
    color: #00b0f0
  }

.statusbox-row {
  margin: 0 -15px 60px;
}

.statusbox-col {
  margin: 5px 0px 10px 15px;
  padding: 0 !important;
  max-width: calc((100% - 68px)/3) !important;
  display: inline-block;
  width: 100%;
}

  .statusbox-col .labelhead, .statusbox-col .datavalue {
    display: inline-block;
    font-size: 0.875rem;
    color: #404040;
  }

  .statusbox-col .labelhead {
    font-size: 0.75rem;
    width: 100px;
  }

.widget-activity .widget-header, .widget-tasks .widget-header, .widgets-header .tbl-item .title, .circle-progress-bar-typical .pie_progress__number, .widgets-header .tbl-item .amount {
  font-weight: 400;
}

.header-label {
  font-size: .75rem;
  color: #404040;
  display: block;
}

.header-value {
  font-size: .875rem;
  color: #00b0f0;
  display: block;
}

@media ( min-width: 768px) and (max-width: 1023) {
  .statusbox-col {
    margin: 5px 0px 10px 15px;
    max-width: calc((100% - 50px)/2) !important;
    display: block;
    width: 100%;
  }
}

@media ( max-width: 767px) {
  .statusbox-col {
    margin: 5px 0px 10px 15px;
    max-width: calc((100% - 30px)) !important;
    display: block;
    width: 100%;
  }
}

.error-page img.error-image {
  width: 100%;
}

.error-page .container {
  width: 100%;
}

.error-page .bg-white {
  background: var(--white) !important;
}

.error-page .box-shadow {
  -webkit-box-shadow: 0px 5px 10px 0px rgba(64,64,64,.1);
  -moz-box-shadow: 0px 5px 10px 0px rgba(64,64,64,.1);
  box-shadow: 0px 5px 10px 0px rgba(64,64,64,.1);
  border-radius: 4px;
}

.mt-50 {
  margin-top: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mt-100 {
  margin-top: 100px;
}

h2.title {
  font-size: 2rem;
  font-weight: 700;
  font-family: 'Lato', sans-serif;
}

.error-text {
  padding: 15px;
  background: #f3f3f3;
  font-size: 1rem;
  margin-top: 20px;
}

.error-image-container, .error-info {
  padding: 30px;
}

.error-image-container, .error-info {
  padding: 30px;
}

.error-page .btn-primary {
  background: #0154a7;
  border-color: #0154a7;
  color: #fff !important;
  padding: 10px 50px !important;
}


/*Space designer start*/
.selected > rect {
  fill: #8ceaf5
}

.selected > .dragcorner {
  visibility: visible
}

.designerelement {
  stroke-width: 1;
  stroke: black
}

.floor {
  fill: darkgreen;
}

.area {
  fill: green;
}

.group {
  fill: lightgreen;
}

h2 {
  font-size: 18px;
  text-align: center;
}

#toolbar button {
  width: 100%;
  margin: 2px 1px 2px 1px;
}
/*Space designer end*/




/*invoice new*/


.countorders {
  font-size: .5em !important;
}

.filterbox {
  display: none;
  position: absolute;
  z-index: 13;
  width: 500px;
  padding: 20px 20px 10px 20px;
  border: solid 1px #d8e2e7;
  background: #fff;
  border-radius: .25rem;
}

  .filterbox h3 {
    font-size: .9rem;
    margin-bottom: .8em;
  }

  .filterbox .form-control-wrapper.form-control-icon-right .fa {
    line-height: 24px;
  }

.footerbox {
  border-top: 1px solid #d8e2e7;
  padding-top: 10px;
  margin-top: 10px;
  width: 100%;
  text-align: center;
}

.green {
  color: #0c9a48;
}

.skyblue {
  color: #33c5f3;
}

.softpink {
  color: #f59798;
}

.paidstatus .fa {
  font-size: 14px !important;
}

.reminder button {
  font-size: .9em;
}

.lableclass {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 4px;
  cursor: pointer;
  font-size: .9em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

  .lableclass input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #dfdfdf;
  border-radius: 50%;
}

.lableclass:hover input ~ .checkmark {
  background-color: #ccc;
}

.lableclass input:checked ~ .checkmark {
  background-color: #2196F3;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.lableclass input:checked ~ .checkmark:after {
  display: block;
}

.lableclass .checkmark:after {
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.headerrow {
  width: 100%;
}

.header-labelwidth {
  width: 30%;
}

.createlist .header-labelwidth {
  width: 60%;
}

.headerparent {
  display: flex;
}

.divInvoicepage .statusbox-col .labelhead {
  font-size: 0.75rem;
  width: 150px;
}

.option-btn {
  position: absolute;
  right: 0px;
  bottom: -6px
}

.downloadbtn {
  margin-top: -4px;
}

.divInvoicepage h4, .statusbox h4 {
  margin-bottom: 0px;
  font-size: 1em;
  color: #000;
  font-weight: 500;
}

.divInvoicepage .datavalue, .statusbox .datavalue {
  float: right;
}

.countorders {
  font-size: .9em !important;
  margin-right: 20px;
  margin-top: 5px;
}

.countstep {
  font-size: .9em !important;
  margin-right: 2px;
  margin-top: 5px;
  font-size: 1em !important;
  font-weight: 600;
}

.headerparent .headercol {
  width: 200px;
}

.widget-noborder {
  border-bottom: none !important;
}

.createlist .header-label {
}

.header-label span {
  font-size: .875rem;
  color: #00b0f0;
}

.createlist .headerparent {
  padding-bottom: 8px;
}

.debitors-info {
  padding-left: 25px;
}

.divcheckbox {
  float: left;
}

.divInvoicepage .panel-title {
  display: flex;
}

.downloadoption-box {
  width: 300px;
  padding: 20px;
  position: absolute;
  border: solid 1px #d8e2e7;
  background: #fff;
  right: 15px;
  bottom: 130px;
  -webkit-border-radius: .25rem;
  border-radius: .25rem;
  display: none;
}

.statusbox-row1 {
  margin-bottom: 50px;
}

.downloadoption-box p {
  margin-bottom: .5em;
  font-size: .9em;
}

.downloadoption-box .btn.btn-secondary {
  font-size: 13px;
}

.downloadoption-box .btn.btn-info.active {
  font-size: 13px !important;
  background-color: #00b0f0 !important;
  border-color: #00b0f0 !important;
}

#nav-grid-tab, #nav-list-tab {
  border: 1px solid #d8e2e7;
  background: #fff;
  margin-left: 8px;
}

.divInvoicepage .create {
  text-align: right;
}

.divInvoicepage .panel-title {
  float: right;
}

.footertxt {
  float: right;
  width: 20%
}

  .footertxt h4 {
    margin-bottom: 0px;
    font-size: 1em !important;
    font-weight: 600;
  }

  .footertxt p, ul.context-menu-list.context-menu-root li,
  .modal-content.image-setting-manger .docs-toggles span {
    font-size: .8em;
  }

.total-record-value .hr {
  margin: 5px 0px 0px 0px !important;
}

#createInvoicepage .total-record-value label {
  margin-right: 10px !important;
}

#createInvoicepage .filterbox {
  width: 250px;
}

.createlist .activeCheckbox {
  background-color: #ebf8fd !important;
}


.footertxt {
  float: right;
  width: 20%
}

  .footertxt h4 {
    margin-bottom: 0px;
    font-size: 1em !important;
    font-weight: 600;
  }

  .footertxt p {
    font-size: .8em;
  }

#createInvoicepage .total-record-value label {
  margin-right: 10px !important;
}

#createInvoicepage .filterbox {
  width: 250px;
}

.createlist .activeCheckbox {
  background-color: #ebf8fd !important;
}

.reminder-box .modal-header {
  display: unset !important;
}

  .reminder-box .modal-header h4 {
    text-align: center !important;
    font-size: 1.2em !important;
    font-weight: 600 !important;
  }

.reminder-box .modal-body {
  padding: 25px;
}

.reminder-box .form-group label, .reminder-box .form-check label {
  color: #666;
  font-size: 0.9rem;
}

.reminder-box .form-check {
  margin-bottom: 10px;
}

.reminder-box .form-control-wrapper.form-control-icon-right .fa {
  line-height: 35px;
}

.reminderCount {
  background-color: #efefef;
  width: 80px;
  padding: 10px;
  text-align: center;
  position: absolute;
  right: 10px;
}

  .reminderCount p {
    font-size: .9rem !important;
  }

  .reminderCount h2, .reminderCount p {
    margin: 0px;
  }

  .reminderCount h2 {
    font-weight: 600;
  }

@media ( max-width: 767px) {
  .paidstatus button {
    font-size: .86em;
  }

  .divInvoicepage .create {
    text-align: left;
    margin-top: 8px;
  }

  .divInvoicepage .panel-title {
  }

  .divInvoicepage .total-record-value {
    display: inline-block;
    margin-top: 15px;
  }

  .total-record-value button {
    font-size: .9em
  }

  .divInvoicepage .countorders {
    position: absolute;
    width: 100%;
    left: 15px;
  }

  .divInvoicepage .select-view {
    margin-top: 0em !important;
  }

  .divInvoicepage .page-content-header {
    margin: -30px 0 0px;
  }

  .divInvoicepage .nav-tabContent {
    padding: 15px 0px !important;
  }

  .divInvoicepage .total-record-value button {
    margin-top: 30px;
  }

  .filterbox {
    width: 90%;
  }
}


/*invoice new End*/


/* pop Up */

.headerClass {
  background: lightblue;
}

.headerClassGrid {
  background: lightblue;
}


@keyframes blinking {
  0% {
    background-color: lightblue;
    border: 5px solid lightblue;
  }

  25% {
    background-color: cadetblue;
    border: 5px solid cadetblue;
  }

  50% {
    background-color: cornflowerblue;
    border: 5px solid cornflowerblue;
  }

  100% {
    background-color: bisque;
    border: 5px solid bisque;
  }
}

.holder {
  width: 100%;
  display: block;
}

.popup {
  width: 300px;
  border-radius: 0px;
  background: #fff;
  padding: 10px;
  position: fixed;
  right: 0px;
  top: 0px !important;
  z-index: 80;
  height: 100vh;
  border-left: 1px solid #efefef;
}

.content {
  background: #fff;
  padding: 28px 26px 33px 25px;
}



.boxImage {
  background: url("../images/setting.png") no-repeat;
  background-attachment: fixed;
  background-position: center 60%;
  opacity: .5;
}

.box.boxImage {
  background: transparent;
}
/* ending pop Up */
#toolbar.side-menu-addl {
  z-index: 10 !important
}

#toolbar .jspPane {
  padding: 120px 15px 50px !important;
}

#toolbar.side-menu-addl button {
  border: 1px solid #e1e1e1;
  background: #eee;
  color: #404040;
  display: block;
  text-align: center;
  padding: 4px 10px;
  border-radius: 4px;
}

  #toolbar.side-menu-addl button:hover {
    background: #e0e0e0;
  }

  #toolbar.side-menu-addl button:focus {
    border: 1px solid #00b0f0;
    box-shadow: 0px 0.01rem 0px 0.18rem rgba(131,192,253,.5)
  }

#toolbar.side-menu-addl h2 {
  margin: 15px 0;
}

body.sidebar-hidden .withsidebar-contentarea {
  margin-left: 230px;
}

#divPurchaseorderListPrt .table-responsive.responsive-data-grid {
  overflow-y: auto;
  max-height: calc(100vh - 285px);
}

.btncenter {
  position: absolute;
  top: 16px;
  right: 60px;
}

#divPurchaseorderListPrt td, #divPurchaseorderListPrt table, #divPurchaseorderListPrt table.table, #divPurchaseorderListPrt table.dataTable, #divPurchaseorderListPrt table.dataTable.no-footer {
  border: 0px solid #e0e0e0;
}

#divPurchaseorderListPrt .table-bordered td {
  border-bottom: 0px solid #dee2e6 !important;
  border-top: 0px solid #dee2e6 !important;
}

#divPurchaseorderListPrt table.dataTable thead th, #divPurchaseorderListPrt .table-bordered tr {
  border-bottom: 3px solid #e0e0e0 !important;
}

#divPurchaseorderListPrt table, #divPurchaseorderListPrt table.table, #divPurchaseorderListPrt table.datatable, #divPurchaseorderListPrt table.dataTable.no-footer {
  border-spacing: 0 5px;
}

  #divPurchaseorderListPrt table.dataTable.no-footer {
    border-bottom: 0px solid #dee2e6 !important;
  }

#divDnEventCanlendarPage .fc-button-group > * {
  float: left;
}

#divDnEventCanlendarPage .fc-next-button {
  float: right;
}

#divDnEventCanlendarPage .fc-button-group button {
  height: 35px !important;
}

#divPurchaseorderListPrt .responsive-data-grid {
  background-color: transparent !important
}

#divDnEventCanlendarPage #calendar a.event-past {
  background-color: #f9eceb !important;
  border-color: #f9eceb !important;
}

  #divDnEventCanlendarPage #calendar a.event-past .fc-title, #divDnEventCanlendarPage #calendar a.event-past .fc-time {
    color: #000;
  }

#divDnEventCanlendarPage #calendar a.event-future, #divDnEventCanlendarPage #calendar a.event-future .fc-time {
  background-color: #f2f1ff !important;
  border-color: #f2f1ff !important;
}

  #divDnEventCanlendarPage #calendar a.event-future .fc-title, #divDnEventCanlendarPage #calendar a.event-future .fc-time {
    color: #000;
  }

#divDnEventCanlendarPage #calendar a.event-inprogress {
  background-color: #ddeedc !important;
  border-color: #ddeedc !important;
}

  #divDnEventCanlendarPage #calendar a.event-inprogress .fc-title, #divDnEventCanlendarPage #calendar a.event-inprogress .fc-time {
    color: #000;
  }

#divDnEventCanlendarPage #viewPlaceHolder {
  overflow-x: hidden;
  overflow-y: hidden !important;
}

#divPurchaseorderListPrt .table {
  background: transparent !important;
}

#divPurchaseorderListPrt .table-bordered .odd, #divPurchaseorderListPrt .table-bordered tr:nth-child(odd) {
  background: #f1f1f1 !important;
}

#divPurchaseorderListPrt .table-bordered .odd, #divPurchaseorderListPrt .table-bordered tr:nth-child(even) {
  background: #ffffff !important;
}

#DetailsPartial .divDetails div.col-lg-4:nth-child(3) {
  padding-left: 0px;
}

#DetailsPartial .divDetails div.col-lg-4:nth-child(4) {
  padding-left: 0px;
}

.site-header img.darktheme-active {
  display: none;
}

.checkbox-toggle.dropdown.user-menu label span {
  position: absolute;
  left: -88px;
}

select.ui-datepicker-year {
  margin-left: 5px !important;
}

.ui-datepicker table {
  margin: 0px !important;
}

li.select2-search.select2-search--inline {
  height: 33px;
}

.component-list {
  overflow: auto;
  max-height: calc(100vh - 180px);
}

ul.pagination {
  margin-right: 2px !important;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #0154A7;
  border: 1px solid #0154A7 !important;
  background-color: #0154A7 !important;
}

a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.fc-draggable.event-past {
  padding-right: 16px;
}

.toolssection {
  display: flex;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.divhash, .divpublish, .divpreview {
  padding: 0px 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

span.divpublish {
  width: 55%;
}

h3.panel-title span {
}

.panel-heading h3.panel-title span i {
  font-size: 0.6em;
}

.col-lg-12.pd-15.divarticlebox {
  display: flex;
  align-items: center;
  margin: 0;
  flex-wrap: wrap;
}

.articlebox {
  padding: 10px;
  border: 1px solid #e0e0e0;
  margin: 5px;
  display: flex;
  width: calc(50% - 10px);
  height: 70px;
  justify-content: center;
  align-items: center;
}

  .articlebox:hover {
    background: #eee;
    cursor: pointer;
  }

  .articlebox span.articleimg i {
    font-size: 2em;
  }

  .articlebox:nth-child(1) .sub-articlebox {
    direction: ltr;
  }

  .articlebox:nth-child(2) .sub-articlebox {
    display: grid;
    text-align: center;
  }

  .articlebox:nth-child(3) .sub-articlebox {
    direction: rtl;
  }

  .articlebox:nth-child(4) .sub-articlebox {
    display: grid;
    text-align: center;
  }

.divSuggested .sub-articlebox {
  border: 1px solid #e0e0e0;
  padding: 15px;
  margin: 5px;
  border-radius: 4px;
  position: relative;
  display: flex;
}

.articleclose {
  position: absolute;
  right: 26px;
  font-size: 20px;
}

span.articaldatetime {
  position: absolute;
  right: 11px;
  font-size: 12px;
  color: #9c9c9c;
  bottom: 7px;
}

.divcheckbox .form-group {
  width: 50% !important;
  float: left;
}

span.articleimg {
  margin-right: 10px;
}

span.closeon {
  background: rgb(197, 216, 196) !important;
}

#divDnEventCanlendarPage .tab-content .modal-content-scroll {
  overflow-y: hidden !important;
}


#layoutReportViewerHolder {
  padding: 0 !important;
  position: fixed;
  z-index: 9999;
  top: 60px;
  width: 100%;
  overflow: hidden !important;
}

button#saveHeaderLogo {
  margin-left: 75%;
}

button#saveHeaderBG {
  margin-left: 75%;
}

.dnDataGridPage .table-responsive {
  overflow-y: auto;
  max-height: calc(100vh - 255px);
}

.divOperatorPage #accessinformationgrid ul.pagination, .divOperatorPage #operatorshopinformationgrid ul.pagination {
  margin-right: 0px !important;
  align-items: center;
  justify-content: center;
}

.divOperatorPage #accessinformationgrid .col-sm-12,
.divOperatorPage #operatorshopinformationgrid .col-sm-12 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  text-align: right;
}

.divOperatorPage .col-sm-12.col-md-7 #DNDataGridTable_paginate,
.divOperatorPage .col-sm-12.col-md-7 #DNDataGridTable_paginate {
  width: 100% !important;
}

.divOperatorPage #accessinformationgrid .dataTables_info,
.divOperatorPage #operatorshopinformationgrid .dataTables_info {
  margin: 12px 0 0px 0px !important;
}

.divOperatorPage #accessinformationgrid div.dataTables_paginate,
.divOperatorPage #operatorshopinformationgrid div.dataTables_paginate {
  margin-top: 5px !important;
}

.edit-details-page .col-md-2, .edit-details-page .col-lg-2 {
  padding-right: 0px;
}

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 80;
  top: 0;
  right: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.divsidebar {
  position: absolute;
  top: 0;
  width: 300px;
  height: 100vh;
  background-color: #fff;
  right: 0px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

  .overlay a:hover, .overlay a:focus {
    color: #404040;
  }

.overlay .closebtn {
  position: absolute;
  top: -10px;
  right: 10px;
  font-size: 30px;
  z-index: 81;
}

@media screen and (max-height: 450px) {
  .overlay a {
    font-size: 20px
  }

  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

.divsidebar-header {
  padding: 10px;
}

  .divsidebar-header .panel-title {
    font-size: 1.2em;
    font-weight: 400 !important;
    padding: 0 10px;
  }

  .divsidebar-header ul.search-for-menu {
    position: relative;
    top: 0px;
    max-width: 100%;
    border-bottom: 0px solid #e0e0e0;
    border-right: 0px solid #e0e0e0;
  }

.divsidebar-body .custom-checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

label.custom-checkbox {
  padding: 5px;
}

.divsidebar-body ul.search-for-menu #txtFilterMenu {
  margin: 17px 15px 0px;
  padding-right: 18px;
  width: calc(100% - 36px);
}

.divsidebar-body {
  margin-bottom: 13px;
}

  .divsidebar-body .custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

  .divsidebar-body .checkmark {
    position: absolute;
    top: 5px;
    left: 5px;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
  }

  .divsidebar-body .custom-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
  }

  .divsidebar-body .custom-checkbox input:checked ~ .checkmark {
    background-color: #fff;
    top: 5px;
    left: 5px;
  }

  .divsidebar-body .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  .divsidebar-body .custom-checkbox input:checked ~ .checkmark:after {
    display: block;
  }

  .divsidebar-body .custom-checkbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .divsidebar-body .custom-checkbox:nth-child(odd) {
    background: #f5f5f5;
  }

.edit-details-page .col-md-6.resize-edit-4 {
  max-width: 45%;
  margin-left: 15px;
}

.popup #txtsearchdata {
  border-radius: 30px;
  background: #f0f0f0;
  margin-bottom: 15px;
}

.popup .input-group-addon {
  background-color: transparent;
  position: absolute;
  right: 20px;
  top: 8px;
}

.popup .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.popup .table-striped > tbody > tr:nth-of-type(even) {
  background-color: #fff;
}

.popup .table-striped .table td {
  border: 0px !important;
}

.popup .table th, .popup .table td, .popup .table-bordered td, .popup table,
.popup table.table, .popup table.dataTable, .popup table.dataTable.no-footer {
  border: 1px solid transparent;
}

.popup .divsidebar-body {
  max-height: calc(85vh - 50px);
  padding: 0px 8px;
  overflow: hidden;
  overflow-y: auto;
}

.settingtag, .closetag {
  float: right;
}

.divsidebar-body .level-name {
  font-size: 1.1em;
  font-weight: 500;
  color: #333333;
}

.divsidebar-body .subtitle {
  font-size: 0.8em;
  color: #666;
  text-align: right;
}

.popup #txtsearchdata {
  margin-left: 5px;
  margin-right: 10px;
}

.popup .close {
  margin-right: 14px;
  margin-bottom: 10px;
}

@media (max-width:767px) {
  .edit-details-page .col-md-2 {
    padding-right: 15px;
  }
}

.customizer {
  position: fixed;
  z-index: 1090;
  top: 109px;
  right: -335px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  width: 335px;
  display: block;
  height: calc(100vh - 146px);
}

  .customizer.resource-open {
    right: -55%;
    width: 55%;
  }

  .customizer.open {
    right: 49px;
  }

.action-bar .img-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 8px;
  display: block;
  margin: auto;
  transition: ease all 0.3s;
}

  .action-bar .img-icon:hover {
    background: #ddd;
  }

  .action-bar .img-icon img {
    max-width: 24px;
    max-height: 24px;
  }

.spin {
  animation-name: spin;
  animation-duration: 5000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.customizer .customizer-body {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background: #fff;
  -webkit-box-shadow: 0 4px 20px 1px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.08);
  box-shadow: 0 4px 20px 1px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.08);
  height: 100vh;
  max-height: calc(100vh - 60px);
  overflow-y: auto;
  overflow-x: hidden;
  background: #f9f9f9;
}

.customizer .tab-content {
  padding: 15px;
}

.customizer .tab-pane {
  padding: 0;
  font-size: 13px;
}

.link-icons {
  position: fixed;
  right: 0px;
  width: 65px;
  top: 53px !important;
  height: calc(100vh - 55px);
  background: #fff;
  text-align: center;
  z-index: 1056;
  border-left: 7px solid #f0f0f0;
  border-top: 7px solid #f0f0f0;
  overflow-y: auto;
}

.z-index-linkicon {
  z-index: 1056;
}


.customizer.action-btn .customizer-body {
  height: calc(100vh - 146px);
  max-height: calc(100vh - 146px);
}

.link-icons a {
  display: block;
  padding: 5px;
  cursor: pointer;
}

.action-link.active {
  background: transparent;
}

  .action-link.active.show .img-icon {
    color: #fff;
    background: #0154a7;
  }

  .action-link.active.show .img-icon {
    color: #fff;
    background: #0154a7;
  }

  .action-link.active.removed {
    background: transparent;
  }

.customizer span.img-icon {
  display: block;
  width: 35px;
  height: 35px;
  margin: 8px auto 0px auto;
  border-radius: 100%;
  background: #e8e8e8;
}

  .customizer span.img-icon img {
    display: block;
    width: 100%;
    padding: 8px;
  }


.modal-dialog.custom-model {
  width: 100% !important;
}


.btn-close.close:before {
  content: "" !important;/* ERP */
}

@media(max-width: 767px) {
  #divDnEventCanlendarPage #viewPlaceHolder {
    overflow-x: scroll;
    overflow-y: scroll !important;
  }

  #divDnEventCanlendarPage #multiStoragePop .divtable {
    overflow: auto;
  }

  #divDnEventCanlendarPage #viewPlaceHolder {
    padding-left: unset !important;
  }

  .modal-dialog.custom-model {
    width: auto !important;
  }

  #MultiseekModal {
    width: 98vw;
    height: 80vh;
    left: 20vw;
    margin: 20px auto 0 auto;
  }

  #layoutMultiseekHolder {
    padding-right: 0px !important;
  }

  #divDnEventCanlendarPage .custom-model .modal-footer {
    display: block;
  }
}

.footer-section.footer-bg {
  margin-bottom: 62px;
}


.files input {
  outline: 2px dashed #92b0b3;
  outline-offset: -10px;
  -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
  transition: outline-offset .15s ease-in-out, background-color .15s linear;
  padding: 120px 0px 85px 35%;
  text-align: center !important;
  margin: 0;
  width: 100% !important;
  opacity: 0;
}

  .files input:focus {
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    border: 1px solid #92b0b3;
  }

.files {
    position: relative;
    border: 2px dotted #ccc;
    background: #f6f6f6;

}

    .files:after {
        content: "\f093";
        font-family: FontAwesome;
        color: #000;
        font-size: 36px;
        left: 0;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        background-size: 100%;
        background-repeat: no-repeat;
        position: absolute;
        top: 60px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        display: flex;
        justify-content: center;
    }

.color input {
  background-color: #f1f1f1;
}

.files:before {
  position: absolute;
  bottom: 50px;
  left: 0;
  pointer-events: none;
  width: 100%;
  right: 0;
  height: 37px;
  content: attr(data-atr-title);
  display: block;
  margin: 0 auto;
  color: #2ea591;
  font-weight: 600;
  text-align: center;
}

.filenoattachment {
  background: white;
  width: 250px;
  height: 100px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

.builder .demo .modal-body .row {
  background-color: transparent;
}

#webshopDesignerPage .inner-containerbox .div-with-border {
  border: 1px solid #efefef;
  background: #fff;
  padding: 15px;
  border-radius: 4px;
}

#webshopDesignerPage .inner-containerbox {
  background-color: #F5F5F5;
  padding: 15px 0px;
  margin-right: 4px;
  border-radius: 4px;
}

.inner-containerbox .row {
  margin-top: 0px !important;
  padding: 0px !important;
}



.modal .inner-containerbox input[type=checkbox], .modal .inner-containerbox input[type=radio] {
  height: 17px;
  width: 17px;
  margin-right: 8px;
}

.modal .inner-containerbox .inline-checkbox-label {
  display: flex;
}

#webshopDesignerPage .builder .demo .row {
  padding: 0px;
  margin: 0px;
}

.filenoattachment {
  background: white;
  width: 250px;
  height: 100px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

.builder.edit .edit {
  top: -46px;
  border-radius: 4px 4px 0px 0px;
  color: var(--dark);
}

#divDnEventCanlendarPage #DetailsPartial .modal-body {
  height: 70vh;
  overflow-y: auto;
}

.builder .sidebar-nav {
  padding: 10px 0px 10px 10px;
}

  .builder .sidebar-nav .nav-header {
    font-size: .95em;
  }

.builder .float-right.popover-info {
  margin-right: 5px;
}

.builder.edit .demo .lyrow .drag, .builder.edit .demo .remove {
  border-radius: 4px 4px 0px 0px;
  top: -11px;
}

.demo-wrapper h3 {
  margin-bottom: 3rem;
}

#webshopDesignerPage .builder .demo .row {
  background-color: transparent;
}

.top-header .input-group.app-search .icon-search {
  width: 18px;
  height: 33px;
}

div#HeaderBarpreview {
  position: relative;
  margin-left: 260px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.page-with-sidebar {
  position: relative;
}

  .page-with-sidebar .sidebar-nav {
    background: #fff;
    border-right: 1px solid #e0e0e0;
    position: fixed;
    width: 265px;
    left: 240px;
    bottom: 0;
    top: 104px;
    padding: 10px;
    z-index: 10;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    max-height: calc(100vh - 104px);
    overflow: auto;
    padding: 18px 20px 0px 25px;
  }

.sidebar-content-area, .email-header-nav {
  margin-left: 265px;
}

.divsidebaremail-body {
  position: fixed;
}

.sidebar-nav .colapsable {
  margin-bottom: 15px;
  font-size: 14px;
}

  .sidebar-nav .colapsable .title {
    background: #eee;
    text-align: center;
    padding: 5px 15px;
    position: relative;
    border-radius: 4px;
    padding-right: 25px;
    cursor: pointer;
  }

  .sidebar-nav .colapsable .expendor {
    position: absolute;
    right: 10px;
    top: 1px;
    transition: ease all 0.3s;
  }

.colapsable-data {
  height: auto;
  opacity: 1;
  transition: ease all 0.2s;
  padding-top: 0px;
}


.colapsable.close-data .colapsable-data {
  height: 0;
  opacity: 0;
  padding: 0;
}

.colapsable.close-data .expendor {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 5px;
  transition: ease all 0.3s;
}

.sidebar-nav .colapsable .data-item {
  margin-bottom: 5px;
  position: relative;
  padding: 5px 55px 5px 5px;
  cursor: pointer;
}

.sidebar-nav .colapsable-data {
  border-radius: 4px !important;
}

.sidebar-nav .colapsable .data-item.active, .sidebar-nav .colapsable .data-item:hover {
  color: #0154a7;
}

.sidebar-nav.email-nav .colapsable .data-item.active, .sidebar-nav.email-nav .colapsable .data-item:hover {
  color: #171717;
  background: #e6f1ff !important;
}

.sidebar-nav.email-nav {
  padding: 0px;
}

.sidebar-nav .data-item .counter {
  position: absolute;
  top: 5px;
  right: 12px;
  color: #888;
}

.DLlinks {
  margin-bottom: 20px;
  margin-top: 30px;
}

.user-settings .dropdown-menu {
  margin-right: 5px;
}

.site-header .user-settings i {
  vertical-align: middle;
  display: INLINE-BLOCK;
}

.theme-picton-blue .site-header .header-alarm i {
  color: #8c8b8b;
}



.modal-sliderbox {
  background-color: #fff;
  width: 350px;
  height: 100vh;
  max-height: calc(100vh - 107px);
  position: fixed;
  top: 107px;
  bottom: 0px;
  right: 0px;
  overflow: hidden;
  z-index: 79;
  display: none;
}

  .modal-sliderbox .modal-content {
    height: 100vh;
    max-height: calc(100vh - 107px);
  }

  .modal-sliderbox .modal-body {
    height: 100vh;
    max-height: calc(100vh - 180px);
    overflow-y: auto;
    overflow-x: hidden;
  }

.modal-header-sliderbox {
  padding: 15px;
}

.modal-sliderbox .box-typical .panel-heading .panel-title {
  border-bottom: 0px;
}

.modal-sliderbox .box-typical .panel-heading {
  padding: 0px;
}

.modal-sliderbox h4.modal-title, .email-header h4.email-title {
  font-size: 1.1em;
}

.modal-sliderbox .box-typical.box-typical-dashboard .box-typical-body {
  height: unset;
  font-size: .85em;
  color: #808080;
}

.modal-sliderbox .more-link {
  font-size: 12px;
}

.modal-sliderbox .close, .modal-emailbox .close {
  font-size: 1.2rem;
}

.modal-sliderbox h4.modal-title {
  font-size: 1.1em;
}

.action-bar .action-bar-header .action-title {
  font-size: 1.3em;
}

.isactive-cbx {
  margin: 5px;
  position: absolute;
  top: 0;
  right: 60px;
  z-index: 1000;
  display: flex;
}

.capacity-block {
  position: absolute;
  top: 0;
  right: 160px;
  z-index: 1000;
  top: 2px;
}


  .capacity-block label {
    display: inline-block;
    width: 60px;
    text-align: right;
    margin: 5px;
  }

  .capacity-block input {
    width: 50px !important;
  }

.modal-emailbox {
  width: 45%;
  background: #fff;
  padding: 25px 25px 10px 25px;
  display: none;
  position: absolute;
  top: 40%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: 90;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: solid 1px #e0e0e0;
  border-radius: 4px;
}

  .modal-emailbox .form-control {
    padding: 0.375rem 0.5rem;
  }

  .modal-emailbox .form-group {
    margin-bottom: 5px;
  }

  .modal-emailbox .email-footer {
    text-align: right;
  }

    .modal-emailbox .email-footer button:last-child {
      margin-right: 0;
    }

.fixed-area-bottom {
  padding-left: 305px;
}

.btn.Multiseek, .btn.btn-multiaction, .btn.btn-btnImportItemRegister, .btn.btn-btnExporttoExcel {
  margin: 5px;
}

#divInboxPage .compose-email {
  background: #f0f0f0;
  padding: 10px;
  border-radius: 30px;
  text-align: center;
  margin: 5px 5px 20px 5px;
}

.email-nav .colapsable .data-item {
  padding: 10px;
  margin-bottom: 0px;
}

.email-nav .data-item .counter {
  top: 10px;
  right: 15px;
  font-weight: 600;
}

.inbox-email-content .email-sender, .email-nav .data-item .counter {
  color: #0154A7;
}

.email-header {
  margin-bottom: 30px;
  padding-top: 10px;
}

  .email-header .email-header-nav .img-icon img {
    max-width: 24px;
    max-height: 20px;
  }

  .email-header .email-header-nav .img-icon {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 4px;
    padding: 8px;
  }

    .email-header .email-header-nav .img-icon:hover {
      cursor: pointer;
      background: #efefef;
    }

.page-with-sidebar .email-nav {
  padding-top: 4px;
}

#divInboxPage .fc-right button.active::after {
  bottom: -6px;
}

.btn.btn-default.btn-width {
  width: unset !important;
}

button#Updateitemheader {
  margin-bottom: 100px;
}

.element {
  margin-bottom: 10px;
  margin-top: 15px;
}

button.remove {
  margin-top: 10px;
}

.action-bar-header span.img-icon img {
  display: block;
  width: 100%;
  padding: 0px;
}

.action-bar-header span.img-icon {
  margin-right: 15px;
}

.action-bar .action-bar-header {
  display: inline-flex;
  justify-content: center;
  text-align: left;
  align-items: center;
  margin-bottom: 20px;
  width: 100%;
}

.action-bar .divsidebar-body .table.table-striped,
.action-bar .divsidebar-body .table td,
.action-bar .table-striped tbody tr:nth-of-type(even) {
  border: 0px;
  background-color: transparent;
}

.action-bar .action-bar-search {
  position: relative;
  margin-right: 17px;
}

  .action-bar .action-bar-search .form-control, .action-bar .action-bar-search .form-control:focus {
    margin-left: 0px;
    width: 100% !important;
  }

.action-bar .close-editMode-content, .divsidebar-body {
  margin-top: 10px;
}

.action-bar .action-bar-search .icon-search {
  top: 7px;
  right: 14px;
  font-size: 16px;
}

.box-typical-header .widget-header-action-bar {
  display: flex;
  justify-content: flex-end;
}

.widget-header-action-bar .action-icon {
  margin: 2px 6px;
}

.header-bar-list {
  margin-bottom: 287px;
}

.inserttbody .checkbox-toggle {
  text-align: right;
  margin-bottom: 0rem;
}

.inserttbodyTable .checkbox-toggle {
  text-align: right;
  margin-bottom: 0rem;
}

.action-bar .close-editMode-content {
  margin-right: 22px;
}

.sidebar-content-area .email-content-panel {
  height: calc(100vh - 190px);
}

.sidebar-content-area {
  height: calc(100vh - 210px);
}

.email-listed-panels .email-listed-body {
  height: calc(100vh - 190px);
  overflow-y: auto;
}

.email-listed-panels .divemail-listed {
  display: flex !important;
  background: #fff;
  margin-bottom: 1px;
  padding: 5px;
}

.divemail-listed .divemail.mail-checkbox {
  width: 24px;
  justify-content: center;
  text-align: center;
  margin-right: 10px;
}

.divemail-listed .divemail.view-message {
  width: 65%;
}

.divemail-listed .divemail.message-attached {
  margin-left: 10px;
  text-align: right;
}

.divemail.message-attached .emailed-date, .divemail.view-message .message-content-text {
  font-size: .8em;
}

.divemail-listed .message-title, .divemail.view-message .message-content-text, .email-header-section .email-date {
  color: #808080;
}

.divemail-listed.unread .view-message .message-title {
  color: #000;
}

.col-md-5.email-listed-panels, .col-md-7.email-content-panel {
  padding: 4px;
}

.col-md-7.email-content-panel {
  padding-left: 0px;
}

.email-listed-body .divemail-listed.active, .divemail-listed:hover {
  background: #e6f1ff !important;
  cursor: pointer;
}

#divInboxPage .sidebar-nav.email-nav .nav, .inbox-body .nav, .send-body .nav, .draft-body .nav, .trash-body .nav, .flags-body .nav {
  display: unset;
}

.sent-email-content, .draft-email-content, .trash-email-content, .flags-email-content {
  display: none;
}

.email-content-panel .email-content-body {
  padding: 20px;
  background: #fff;
}

.search-for-email {
  background: #fff;
  padding: 10px;
}

  .search-for-email .app-search .form-control {
    width: 100%;
    margin-left: 0px;
  }

  .search-for-email .app-search {
    position: relative;
  }

  .search-for-email .icon-search {
    right: 10px;
    top: 8px;
  }

.email-content-body {
  height: calc(100vh - 195px);
}

.email-body-section .email-discription {
  padding: 15px 0px;
  font-size: .9em;
  height: calc(100vh - 310px);
  overflow-y: auto;
}

.email-header-section .email-subject {
  font-size: .9em;
}

.email-header-section .email-date {
  font-size: .8em;
}

.session-model-box .session-image-show {
  width: 100px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding: 25px 0px;
}

  .session-model-box .session-image-show img {
    width: 100%;
  }

.session-model-box .session-msg {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}

.session-model-box .session-title {
  font-size: 1.6em;
  font-weight: 500;
  display: flex;
  justify-content: center;
}

.session-model-box .session-action-button .btn-default, .session-model-box .session-action-button .btn-primary {
  margin: 8px 0px;
}

.session-model-box .session-action-button {
  width: 280px;
  margin: 0 auto;
}

.session-model-box .modal-dialog:not(.modal-sm):not(.modal-lg) {
  width: 380px;
}

.session-model-box .modal-body {
  padding: 3rem;
}

.session-model-box .logout-counter span {
  font-size: 1.3em;
}

.session-model-box .logout-counter {
  margin: 25px;
}

.session-model-box .session-image.dark-theme {
  display: none;
}

.logout-counter {
  display: flex;
  justify-content: center;
}

#divInboxPage .notification-header {
  margin-bottom: 50px;
  padding-top: 10px;
}

.divtheme-change {
  cursor: pointer;
}

#divDnEventCanlendarPage .modal-content .dahsboard-column .tab-content.modal-content-scroll {
  max-height: unset;
}

#divDnEventCanlendarPage .capacity-block label, .isactive-cbx label {
  padding: 0 10px;
}

.modal-content.unpublishmodel {
  width: 700px;
  margin-left: calc((100% - 700px)/2);
}


#myProgress {
  width: 100%;
  background-color: gray;
}

#myBar {
  width: 0%;
  height: 30px;
  background-color: green;
}

#errorBar {
  width: 0%;
  height: 30px;
  background-color: red;
}


.site-header .checkbox-toggle input + label:before {
  content: "\e97e";
  font-family: 'ico-material-design' !important;
  display: flex;
  width: 23px;
  height: 23px;
  background-size: contain;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  font-size: 1.5em;
}

.site-header-shown .checkbox-toggle input + label:before {
  background-color: transparent;
}

.site-header .checkbox-toggle input + label:after, .site-header .checkbox-toggle input:hover + label:after {
  width: 23px;
  border: solid 0px #929faa;
  -webkit-transition: left .4s ease;
  transition: left .4s ease;
  background: transparent;
  background: -webkit-linear-gradient(transparent);
  background: -webkit-gradient(transparent);
  background: linear-gradient(transparent);
}

.site-header .checkbox-toggle input + label {
  padding: 0 0 0 10px;
  margin-top: 5px;
}

.action-bar-body .item-list li {
  padding: 10px;
  background: #efefef;
}

  .action-bar-body .item-list li:nth-child( odd ) {
    background: #e7e7e7;
  }

.action-bar-body ul.item-list li span {
  float: right;
}

  .action-bar-body ul.item-list li span .fa {
    padding: 10px;
    margin-top: -10px;
  }

  .action-bar-body ul.item-list li span:hover {
    cursor: pointer;
  }

#StepTabHeaders .nav-item {
  position: relative !important;
}

.nav-tabs .nav-link {
  padding: 4px 15px;
  border: 1px solid #e0e0e0;
}

.nav-link.active + .dnicon_delete {
  -webkit-text-fill-color: #fff;
}

.nav-link:hover + .dnicon_delete {
  -webkit-text-fill-color: #fff;
}

#StepTabHeaders .nav-item span.dnicon_delete {
  position: absolute;
  right: 10px;
  top: 15px;
  padding: 0;
  margin: 0;
}

.action-bar .action-bar-header span.action-title, .action-bar .searcharea .app-search.action-bar-search,
.action-bar .select-option .option, .action-bar .add-select-option .option {
  width: 82%;
}

.action-bar .action-bar-header.withright-icon span.action-title {
  width: 70%;
}

.action-bar-header span:nth-child(3).img-icon {
  margin-right: 0px;
}

.searcharea .app-search.action-bar-search {
  width: 82%;
}

.action-bar .searcharea {
  width: 100%;
  display: inline-flex;
}

  .action-bar .searcharea .add-property {
    display: contents;
  }

.action-bar .add-option .img-icon, .action-bar .delete-option .img-icon {
  background: #fff;
}

.add-dynamic-property {
  padding-bottom: 20px;
  padding-top: 20px;
  padding: 8px;
}

.row-dynamic-property {
  padding: 8px;
}

.action-bar .checkbox, .action-bar .radio {
  margin-bottom: 0px;
  padding-bottom: 10px;
}

.action-bar span.img-icon {
  margin-top: 0px
}

  .action-bar span.img-icon:hover {
    cursor: pointer;
  }

.action-bar .searcharea span.img-icon img, .select-option span.img-icon img, .action-bar .add-select-option span.img-icon img {
  padding: 0px;
  cursor: pointer;
}

.action-bar .searcharea .img-icon {
  width: 35px;
  height: 35px;
  margin-right: 0px;
}

.action-bar .dynamic-property-box {
  background: #ffffff;
  padding: 8px;
  margin: 15px 4px 5px 4px;
}

.action-bar span.editer-icon:last-child {
  float: right;
}

.action-bar .editer-icon i {
  font-size: 1.3em;
}

.action-bar span.editer-icon {
  width: 30px;
  display: inline-flex;
  justify-content: center;
  font-weight: bold;
  cursor: pointer;
}

.action-bar .checkbox label:after,
.action-bar .radio label:after {
  content: '';
  display: table;
  clear: both;
}

.action-bar .checkbox .cr,
.action-bar .radio .cr {
  position: relative;
  display: inline-block;
  border: 1px solid #a9a9a9;
  border-radius: .25em;
  width: 1.3em;
  height: 1.3em;
  float: left;
  margin-right: .5em;
}

.action-bar .attribute-label {
  background: #ffffff;
  padding: 8px;
  border-radius: 4px;
  width: 75%;
  margin-right: 25px;
}

.d-inline-flex.save-attribute-name {
  width: 100%;
}

.action-bar .attribute-action, .action-bar .attribute-action .checkbox-toggle {
  display: flex;
}

  .action-bar .attribute-action .checkbox-toggle {
    margin-bottom: 0 !important;
    align-items: center;
  }

.action-bar span.edit-dynamic-property {
  float: right;
}

  .action-bar span.edit-dynamic-property .fa {
    font-size: 1.3em;
    padding: 2px;
    cursor: pointer;
  }

.action-bar .save-property-body {
  margin: 4px;
}

.action-bar .radio .cr {
  border-radius: 50%;
}

.action-bar .select-option, .action-bar .add-select-option {
  display: inline-flex;
  width: 100%;
}

.action-bar .checkbox .cr .cr-icon,
.action-bar .radio .cr .cr-icon {
  position: absolute;
  font-size: .8em;
  line-height: 0;
  top: 50%;
  left: 20%;
}

.action-bar .radio .cr .cr-icon {
  margin-left: 0.04em;
}

.action-bar .checkbox label input[type="checkbox"],
.action-bar .radio label input[type="radio"] {
  display: none;
}

  .action-bar .checkbox label input[type="checkbox"] + .cr > .cr-icon,
  .action-bar .radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
  }

  .action-bar .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
  .action-bar .radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
  }

  .action-bar .checkbox label input[type="checkbox"]:disabled + .cr,
  .action-bar .radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
  }

.add-select-option {
  display: none;
}

.add-dynamic-property .add-select-option {
  display: flex;
}

.dynamic-selectbox .select-option ul {
  width: 100%;
}

  .dynamic-selectbox .select-option ul li {
    display: inline-flex;
  }

.dynamic-multiselectbox .select-option ul {
  width: 100%;
}


.dynamic-multiselectbox .select-option ul li {
  display: inline-flex;
}

.designer-sidebar, .designer-sidebar-property {
  position: fixed;
  left: 248px;
  top: 0;
  width: 300px;
  height: 100%;
  background: #fff;
  border-right: solid 1px #c5d6de;
  z-index: 60;
  margin: 112px 0 0;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

.designer-sidebar-property {
  left: 542px;
  width: 200px;
}

.designer-sidebar .header-action-event {
  padding: 13px;
  border-bottom: 1px solid #efefef;
}

.designer-sidebar-body {
  border-top: 1px solid #efefef;
  padding: 15px;
  overflow-y: auto;
  max-height: calc(100vh - 220px);
  overflow-x: hidden;
}

  .designer-sidebar-body.listview-active {
    max-height: calc(100vh - 320px);
  }

.designer-sidebar .searcharea .app-search .form-control {
  width: 265px;
}

.designer-sidebar .searcharea {
  padding: 15px 0px;
}

  .designer-sidebar .searcharea .app-search.action-bar-search {
    width: 100%;
  }

.designer-sidebar .header-action-event .img-icon {
  width: 35px;
  height: 35px;
  margin-right: 0px;
  background: #ddd;
  padding: 8px;
  display: inline-flex;
  justify-content: center;
  border-radius: 30px;
  margin: 5px;
}

.designer-sidebar .header-action-event span.img-icon.delete-icon {
  float: right;
}

.designer-sidebar-body .label-box {
  border: 1px solid #efefef;
  border-radius: 4px;
  margin-bottom: 10px;
  display: inline-flex;
  width: 100%;
  padding: 10px;
  transition: ease all 0.3s;
}

  .designer-sidebar-body .label-box:hover, .designer-sidebar-body .label-box.active {
    border: 1px solid #00b0f0;
    cursor: pointer;
    transition: all 0.3s;
  }

  .designer-sidebar-body .label-box .label-sticker {
    width: 80px;
    height: 40px;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    background: #f9f9f9;
  }

  .designer-sidebar-body .label-box .label-title {
    display: flex;
    justify-content: right;
    align-items: center;
    width: 75%;
  }

.label-box .label-sticker img {
  width: 100%;
}

.fixed-area-bottom button::before, .modal-dialog button::before {
  opacity: unset;
  position: unset;
  -webkit-transition: unset;
  transition: unset;
  -webkit-transform: unset;
  transform: unset;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.designer-sidebar-body h4.property-title {
  font-size: .9rem;
  border-bottom: 1px solid #e0e0e0;
  margin-top: 20px;
  padding-bottom: 9px;
  font-weight: 600;
}

.designer-sidebar-body .label-name {
  font-size: 14px;
  width: 60%;
  margin-right: 8px;
}

.designer-sidebar-body .tab-pane .form-group.d-inline-flex {
  width: 100%;
  margin-bottom: 2px;
}

.designer-sidebar-body .tab-pane .form-group:first-child h4.property-title {
  margin-top: 0px;
}

.designer-sidebar .nav a {
  padding: 8px;
  background: #ddd;
  margin: 1px;
  display: flex;
  flex: 1;
  color: #000;
  border-radius: 4px;
  justify-content: center;
  text-align: center;
  font-size: .9em;
}

  .designer-sidebar .nav a.active.show, .designer-sidebar .nav a.active {
    background: #01b0f0;
    color: #fff;
    justify-content: center;
    text-align: center;
  }

.designer-sidebar-body .tab-content .form-control {
  height: calc(1.5em + 0.5rem + 4px);
}

.designer-sidebar + .designer-sidebar-property + .LabelDesigner-page {
  margin-left: 487px;
  position: relative;
}

.designer-sidebar + .LabelDesigner-page {
  margin-left: 285px;
  position: relative;
}


.designer-sidebar .header-action-event .img-icon:hover {
  background: #ccc;
}

.create-label-list .create-label:hover, .header-align-toolbar .align-tools:hover {
  background: #f0f0f0;
}

.create-label-list .create-label:hover {
  cursor: move;
}

.designer-sidebar .header-action-event .img-icon img {
  width: 100%;
}

.designer-sidebar .designer-sidebar-body .select-list {
  width: 185px;
}

.designer-sidebar-body .margin-box {
  background: #efefef;
  padding: 13px;
  width: 179px;
  border-radius: 4px;
}

.designer-sidebar-body .margin-left-right-box {
  display: flex;
}

.margintitleTop, .margintitleRight, .margintitleLeft, .margintitleBottom {
  position: absolute;
  font-size: 10px;
}

.margintitleTop {
  top: 0px;
  right: 60px;
}

.margintitleRight {
  top: 32px;
  right: 19px;
}

.margintitleLeft {
  top: 32px;
  right: 106px;
}

.margintitleBottom {
  bottom: -3px;
  right: 54px;
}

.designer-sidebar-body .margin-top, .designer-sidebar-body .margin-bottom {
  width: 38px;
  text-align: center;
  margin: 0 auto;
}

.designer-sidebar-body .margin-box .form-control {
  padding: 0px;
  text-align: center;
  border-radius: 0px;
}

.designer-sidebar-body .searcharea .app-search .form-control {
  margin-left: 0px;
}

.designer-sidebar-body .searcharea {
  padding: 0px 0px;
}

.designer-sidebar-body .search-label {
  padding-bottom: 15px;
  border-bottom: 0px solid #efefef;
}

.create-label-list .create-label {
  padding: 8px;
  border: 1px solid #efefef;
  border-radius: 4px;
  height: 62px;
  font-weight: 600;
  margin-top: 10px;
  font-size: 14px;
}

.designer-sidebar .header-action-event .img-icon:hover, .header-align-toolbar .align-tools,
.font-property .img-icon:hover {
  cursor: pointer;
}

.designer-sidebar-body .create-label-list {
  height: 250px;
  overflow-y: scroll;
  padding-right: 5px;
}

.header-align-toolbar {
  display: flex;
  /* margin-top: 1px; */
  /* margin-left: 1px; */
  background: #f8f8f8;
  position: absolute;
  z-index: 900;
  width: 100%;
  padding: 5px 5px;
  left: 0;
}

  .header-align-toolbar .align-tools {
    padding: 10px;
    width: 45px;
    height: 45px;
    margin: 4px;
    background: #ffffff;
    border-radius: 4px;
    transition: ease all 0.3s;
  }

.main-artboard-drawlabel {
  padding: 15px 0px 15px 15px;
}

.font-property {
  width: 173px;
  display: flex;
  margin: 0px;
}

  .font-property .img-icon {
    width: 35px;
    height: 35px;
    margin-right: 0px;
    background: #ddd;
    padding: 8px;
    display: inline-flex;
    justify-content: center;
    border-radius: 0px;
    margin: 5px;
  }

    .font-property .img-icon:first-child {
      margin-left: 0px;
    }

    .font-property .img-icon:last-child {
      margin-right: 0px;
    }

    .font-property .img-icon.active {
      background: #01b0f0;
      color: #fff;
    }

.divcalrow {
  padding: 15px 15px 0px 15px
}

#timeslotcalendarcontainer .fc-toolbar.fc-header-toolbar {
  margin-bottom: 0em;
}

section#secEventDateTime, section#secSalesDateTime {
  margin-bottom: 0px;
}

.bodydivruler {
  background: url(../images/il-grid-graph.png) repeat center;
  border: 1px solid #808080;
  height: 90% !important;
  width: 100%;
  background-position: center;
  background-repeat: repeat;
}

.fixed-area-bottom .zoom-control-Panel {
  margin-left: 290px;
  text-align: left;
  display: inline-flex;
  width: 100%;
}

.fixed-area-bottom .control-btn {
  margin: 5px;
}

.zoom-control-Panel .action-btn {
  position: absolute;
  right: 15px;
  width: 65px;
}

  .zoom-control-Panel .action-btn .form-control {
    font-weight: 600;
  }

.zoom-control-Panel input.zoom-range {
  height: 10px;
}

.header-align-toolbar .align-tools.btnsave {
  position: absolute;
  right: 1px;
  display: flex;
  justify-content: center;
}

.zoom-range, #contrast {
  -webkit-appearance: none;
  height: 10px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

  .zoom-range:hover, #contrast:hover {
    opacity: 1;
  }

  .zoom-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background: #00b0f0;
    cursor: pointer;
  }

  .zoom-range::-moz-range-thumb {
    width: 25px;
    height: 25px;
    cursor: pointer;
  }

#contrast {
  -webkit-appearance: none;
  height: 25px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

  #contrast::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 5px;
    height: 25px;
    background: #00b0f0;
    cursor: pointer;
  }

div.contrastSlider {
  margin: 10px 3px;
}

#contrast::-moz-range-thumb {
  width: 25px;
  height: 25px;
  cursor: pointer;
}

.main-artboard-drawlabel {
  padding: 15px 0px 15px 15px;
  max-height: calc(100vh - 285px);
  min-height: 1800px;
  position: relative;
  width: 100%;
  margin-left: -14px;
  margin-top: 7px;
  background: gray;
}

.header-align-toolbar .align-tools.btndelete {
  position: absolute;
  right: 56px;
}

.drag_elm {
  background: #fff;
  padding: 3px;
  resize: both;
  display: flex;
}

.artboard-drawlabel {
  margin: 0 auto;
  height: calc(100% - 70px);
  position: absolute;
  width: 100%;
  overflow: hidden;
  border: 1px solid #4a4a4a;
  /* margin-top: -14px; */
  background: url(../images/gridBackground.png) repeat center center;
  top: 70px;
  left: 0;
}

.header-align-toolbar .align-tools img {
  width: 100%;
}

.form-group {
  position: relative;
}

.metafields-labels .helptext-label {
  font-size: 14px;
  color: #666;
  display: inline-block;
  margin-left: 5px;
  cursor: pointer;
}

.helptext-label .fa, .helptext-label .pop-icon {
  height: auto !important;
  border-left: 0;
}

.requiredfield-label {
  font-size: 10px;
  color: #ff636d;
  margin-left: 10px;
  position: absolute;
  top: 3px;
  right: 5px;
}

.maxlength-label {
  display: block;
  text-align: right;
  padding-top: 3px;
  font-size: 10px;
  color: #666;
}

.textarea-resize.active {
  border: 2px dashed #2893D8;
}

.header-align-toolbar .align-tools.active {
  background: #01b0f0 !important;
}

.textarea-resize.active.left-align-active {
  text-align: left;
}

.textarea-resize.active.right-align-active {
  text-align: right;
  flex-direction: row-reverse;
}

.grid-align-left {
    text-align: left;
}

.grid-align-center {
    text-align: center;
}

.grid-align-right {
    text-align: right;
}

.btnpreview-section .btn-align-left {
    display: block;
    margin-left: 0;
    margin-right: auto;
    text-align: left;
}

.btn-align-left {
    text-align: left;
}

.btnpreview-section .btn-align-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.btn-align-center {
    text-align: center;
}

.btnpreview-section .btn-align-right {
    display: block;
    margin-left: auto;
    margin-right: 0;
    text-align: right;
}

.btn-align-right {
    text-align: right;
}

.btnpreview-section .btn-bold {
    font-weight: bold;
}

.btnpreview-section .btn-underline {
    text-decoration: underline;
}

.btnpreview-section .btn-italic {
    font-style: italic;
}

.textarea-resize.active.top-align-active {
  align-items: flex-start;
}

.textarea-resize.active.bottom-align-active, .textarea-resize.active.vertical-centers-active {
  align-items: flex-end;
}

.textarea-resize.active.horizontal-centers-active, .textarea-resize.active.vertical-centers-active, .textarea-resize.active.vertical-horizontal-centers-active {
  justify-content: center !important;
}

.textarea-resize.active.vertical-centers-active {
  justify-content: center;
  align-items: flex-end;
}

.textarea-resize.active.vertical-horizontal-centers-active {
  justify-content: center !important;
  align-items: center !important;
}

.textarea-resize.active.fontnormal-active, .ui-wrapper .dragdrop-blocks.fontnormal-active {
  font-weight: normal;
}

.textarea-resize.active.fontbold-active, .ui-wrapper .dragdrop-blocks.fontbold-active {
  font-weight: bold;
}

.textarea-resize.active.fontitalic-active, .ui-wrapper .dragdrop-blocks.fontitalic-active {
  font-style: italic;
}

.textarea-resize.active.fontunderline-active {
  text-decoration: underline;
}

.sp-replacer {
  border: solid 1px #e0e0e0;
  width: 134px;
  border-radius: 0.25rem;
  background: #fff;
  padding: 0.375rem 0.3rem;
}

.sp-preview {
  width: 105px;
}

.designer-sidebar-body input#paperwidth, .designer-sidebar-body input#paperheight {
  font-weight: 500;
}

.designer-sidebar .action-gridlistview {
  padding: 0px 15px 10px;
  display: flex;
}

.designer-sidebar span.layout-label {
  width: 210px;
}

.designer-sidebar span.layout-gridview .fa, .designer-sidebar span.layout-listview .fa {
  padding: 0px 3px;
  font-size: 18px;
  cursor: pointer;
}

.designer-sidebar span.layout-gridview, .designer-sidebar span.layout-listview {
  margin: 0px 3px;
}

.action-gridlistview .layout-gridview.active, .action-gridlistview .layout-listview.active {
  color: #0154a7;
}

.designer-sidebar-body.gridview-active {
}

  .designer-sidebar-body.gridview-active .label-box {
    position: relative;
    width: calc(50% - 12px);
    margin: 0px 6px 12px 6px;
  }

.designer-sidebar-body label-box .label-inner-box, .designer-sidebar-body.listview-active .label-box .label-inner-box {
  display: flex;
}

.designer-sidebar-body.listview-active .label-box .label-inner-box {
  width: 100%;
}

.designer-sidebar-body.gridview-active .label-box .label-sticker {
  width: 100%;
  transition: 0.5s;
}

.designer-sidebar-body.gridview-active .label-box .label-title {
  width: 100%;
  margin-top: 15px;
  transition: 0.5s;
  font-size: 14px;
}

.designer-sidebar-body.gridview-active .label-inner-box {
  margin-top: 7px;
}

.artboard-drawlabel.drag-active {
  border: 1px dashed #01b0f0;
}

.builder.edit .demo .remove {
  background: #e43333;
}

  .builder.edit .demo .remove:hover {
    background: #ff5151;
  }

.builder .box, .builder .lyrow {
  margin-top: 15px;
}

.menugroup-actionbtn .btn.btn-primary {
  background-color: #e0e0e0;
}

  .menugroup-actionbtn .btn.btn-primary:hover, .menugroup-actionbtn .btn.btn-primary:active {
    background-color: #ccc !important;
  }

  .menugroup-actionbtn .btn.btn-primary .fa, .fc-time-grid-event label,
  .menugroup-actionbtn .btn.btn-primary:hover, .menugroup-actionbtn .btn.btn-primary:active,
  .menugroup-actionbtn .btn.btn-primary {
    color: #404040;
  }

.component-list::-webkit-scrollbar, .designer-sidebar-body::-webkit-scrollbar-thumb {
  width: 6px;
  height: 5px;
  cursor: pointer;
}

.component-list, .designer-sidebar-body {
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #f1f1f1 #e0e0e0;
}

  .component-list::-webkit-scrollbar-track, .designer-sidebar-body::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
    cursor: pointer;
  }

  .component-list::-webkit-scrollbar-thumb, .designer-sidebar-body::-webkit-scrollbar-thumb {
    background-color: #e0e0e0;
    border-radius: 6px;
    border: 0px;
    cursor: pointer;
  }

    .component-list::-webkit-scrollbar-thumb:hover, .component-list::-webkit-scrollbar-thumb,
    .designer-sidebar-body::-webkit-scrollbar-thumb:hover, .designer-sidebar-body::-webkit-scrollbar-thumb {
      cursor: pointer;
    }

.search-for-menu .app-search .icon-search {
  padding: 0px;
  background-color: transparent;
}

header .ws-header-search-container .icon-search {
  z-index: 1511;
}

.ripple:before, .event-block.selectable:before, button:before {
  background: none;
}

.col-md.resize-edit {
  margin: 0px 0px 0px 0px;
}

div#webshopDesignerPage {
  margin: 15px 0px;
}

.LabelDesigner-page #DetailsPartial {
  padding-bottom: 0px;
}

.box-typical-body .preview-bg {
  background: #fff;
}

.fa-ellipsis-h.pop-icon + .requiredfield-label, .fa-times-circle.pop-icon + .requiredfield-label {
  top: -20px;
}

span.helptext-label {
  margin: 0px 0px 0px 8px;
  display: none;
}

.tab-content .tab-pane input#txtbxUserForms {
  padding-top: 0px;
}

.modal-content .col-md.resize-edit {
  margin: 0px 0px 0px;
}

.site-header .site-header-shown {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -6px;
}

.center-content {
  display: grid;
  place-items: center;
}

#calendar-wrapper {
  margin: 15px 0 15px;
}

  #calendar-wrapper .datepicker-fullcalendar {
    left: 0px;
  }

.date-picker-events .ui-datepicker .ui-datepicker-title {
  position: absolute;
  padding: 0px 20px;
  width: 233px;
  left: 7px;
  background: #fff;
}

.company-hierarchy .person {
  border: 1px solid black;
  padding: 10px;
  min-width: 150px;
  background-color: #FFFFFF;
  display: inline-block;
}

  .company-hierarchy .person div {
    text-align: center;
  }

  .company-hierarchy .person.child {
    width: 100%;
  }

  .company-hierarchy .person .name {
    font-size: 16px;
  }

  .company-hierarchy .person .parentDrop, .company-hierarchy .person .spouseDrop, .company-hierarchy .person .childDrop {
    border: 1px dashed #000000;
    width: auto;
    min-width: 80px;
    min-height: 80px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-top: 15px;
  }

    .company-hierarchy .person .parentDrop > span,
    .company-hierarchy .person .spouseDrop > span,
    .company-hierarchy .person .childDrop > span {
      position: absolute;
      top: 2px;
      left: 2px;
      font-weight: bold;
    }

.company-hierarchy .parentDrop > .person,
.company-hierarchy .spouseDrop > .person,
.company-hierarchy .childDrop > .person {
  margin-top: 20px;
}

.company-hierarchy .tree ul {
  padding-top: 20px;
  position: relative;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

.company-hierarchy .tree-box {
  text-align: center;
  text-align: -webkit-center;
  margin: 50px 0px 0px 0px;
}

.company-hierarchy .tree {
  overflow-x: scroll;
  margin-bottom: 10px;
}


  .company-hierarchy .tree li {
    display: table-cell;
    text-align: center;
    list-style-type: none;
    position: relative;
    padding: 20px 5px 0 5px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
  }

    .company-hierarchy .tree li::before, .tree li::after {
      content: '';
      position: absolute;
      top: 0;
      right: 50%;
      border-top: 1px solid #ccc;
      width: 50%;
      height: 20px;
    }

    .company-hierarchy .tree li::after {
      right: auto;
      left: 50%;
      border-left: 1px solid #ccc;
    }

    .company-hierarchy .tree li:only-child::after, .company-hierarchy .tree li:only-child::before {
      display: none;
    }

    .company-hierarchy .tree li:only-child {
      padding-top: 0;
    }

    .company-hierarchy .tree li:first-child::before, .company-hierarchy .tree li:last-child::after {
      border: 0 none;
    }

    .company-hierarchy .tree li:last-child::before {
      border-right: 1px solid #ccc;
      border-radius: 0 5px 0 0;
      -webkit-border-radius: 0 5px 0 0;
      -moz-border-radius: 0 5px 0 0;
    }

    .company-hierarchy .tree li:first-child::after {
      border-radius: 5px 0 0 0;
      -webkit-border-radius: 5px 0 0 0;
      -moz-border-radius: 5px 0 0 0;
    }

.tree ul {
  display: inline-flex;
  justify-content: center;
}

.company-hierarchy .tree ul ul::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  border-left: 1px solid #ccc;
  width: 0;
  height: 20px;
}

.company-hierarchy .tree li .parent {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  margin-top: 0px;
}

  .company-hierarchy .tree li .parent::before {
    content: '';
    position: absolute;
    top: 40px;
    left: 50%;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    width: 3px;
  }

.company-hierarchy .tree li .family {
  position: relative;
}

  .company-hierarchy .tree li .family .spouse {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 95px;
  }

    .company-hierarchy .tree li .family .spouse::before {
      content: '';
      position: absolute;
      top: 50%;
      left: -10px;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      width: 10px;
      height: 3px;
    }

.company-hierarchy .tree li .child:hover,
.company-hierarchy .tree li .child:hover + .parent .person,
.company-hierarchy .tree li .parent .person:hover,
.company-hierarchy .tree li .child:hover + .parent .person + ul li .child,
.company-hierarchy .tree li .parent .person:hover + ul li .child,
.company-hierarchy .tree li .child:hover + .parent .person + ul li .parent .person,
.company-hierarchy .tree li .parent .person:hover + ul li .parent .person {
  background: #c8e4f8;
  color: #000;
  border: 1px solid #94a0b4;
}

  .company-hierarchy .tree li .child:hover + .parent::before,
  .company-hierarchy .tree li .child:hover + .parent .person + ul li::after,
  .company-hierarchy .tree li .parent .person:hover + ul li::after,
  .company-hierarchy .tree li .child:hover + .parent .person + ul li::before,
  .company-hierarchy .tree li .parent .person:hover + ul li::before,
  .company-hierarchy .tree li .child:hover + .parent .person + ul::before,
  .company-hierarchy .tree li .parent .person:hover + ul::before,
  .company-hierarchy .tree li .child:hover + .parent .person + ul ul::before,
  .company-hierarchy .tree li .parent .person:hover + ul ul::before {
    border-color: #94a0b4;
  }

.company-hierarchy .divcheckbox {
  align-items: baseline;
  display: inline-flex;
  right: -55px;
  margin-right: 70px;
  position: absolute;
  top: 46px;
}

.company-hierarchy .inlineformlabel {
  width: 20%;
  display: flex;
}

  .company-hierarchy .inlineformlabel input {
    width: 15px;
    margin: -10px 20px 0px 5px;
  }

.company-hierarchy .SearchHierarchy {
  width: 50%;
  float: right;
}

.company-hierarchy .identification-box {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 5px;
  margin-top: 4px;
}

.company-hierarchy .color-mediumpurple {
  background: mediumpurple;
}

.company-hierarchy .color-orange {
  background: orange;
}

.company-hierarchy .color-greenyellow {
  background: greenyellow;
}

.company-hierarchy .color-aqua {
  background: aqua;
}

.company-hierarchy .color-antiquewhite {
  background: antiquewhite;
}

.company-hierarchy .color-purple {
  background: purple;
}

.customizer #actionMultiLanguage {
  overflow-x: hidden;
}

#DNDataGridTable_wrapper {
  margin-top: 0;
}

#PaymentInvoiceVoucherGrid #DNDataGridTable_wrapper, #viewPlaceHolder #testgrid {
  margin-bottom: 30px;
}

input[type="checkbox"]:active, input[type="checkbox"]:focus {
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
}

.modal-body #DNDataGridTable_wrapper, #accessinformationgrid #DNDataGridTable_wrapper {
  margin-top: 0px;
}

/*Starting Custom Menu */
.custom-menu {
  display: none;
  z-index: 1000;
  position: absolute;
  overflow: hidden;
  border: 1px solid #CCC;
  white-space: nowrap;
  font-family: sans-serif;
  background: #FFF;
  color: #333;
  border-radius: 5px;
  padding: 0;
}

  .custom-menu li {
    padding: 8px 12px;
    cursor: pointer;
    list-style-type: none;
    transition: all .3s ease;
    user-select: none;
  }

    .custom-menu li:hover {
      background-color: #DEF;
    }
/* Ending Custom Menu */

input#CategoryNumber[disabled="disabled"] + .pop-icon,
button[disabled="disabled"], button#btnDelete[disabled], button#btnSaveItem[disabled] {
  cursor: not-allowed !important;
}

table.dataTable tbody td {
  border-bottom: 0px solid #e5e5e5 !important;
}

.gridcheckbox, .panelcheckbox {
  display: block;
  position: relative;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

  .gridcheckbox input, .panelcheckbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }

  .gridcheckbox .checkmark, .panelcheckbox .checkmark {
    top: -4px;
    border-radius: 3px;
    background: #fff;
    border: solid 1px #e0e0e0;
  }

  .gridcheckbox .checkmark {
    width: 17px;
    height: 17px;
  }

  .panelcheckbox .checkmark {
    width: 16px;
    height: 16px;
  }

  .gridcheckbox:hover input ~ .checkmark, .panelcheckbox:hover input ~ .checkmark {
    background-color: #EDF3F9;
    border-color: #0154A7;
  }

  .gridcheckbox input:checked ~ .checkmark, .panelcheckbox input:checked ~ .checkmark {
    background-color: #fff;
  }


    /* Add the following css rule: */

    .gridcheckbox input:checked ~ .checkmark + .label, .panelcheckbox input:checked ~ .checkmark + .label {
      color: #666;
    }

  .gridcheckbox .checkmark:after, .panelcheckbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  .gridcheckbox input:checked ~ .checkmark:after, .panelcheckbox input:checked ~ .checkmark:after {
    display: block;
  }

  .gridcheckbox .checkmark:after {
    left: 6px;
    top: 2px;
    border: solid #0154A7;
  }

  .gridcheckbox input:checked ~ .checkmark {
    border: solid 1px #0154A7;
  }

  .panelcheckbox .checkmark:after {
    left: 5px;
    top: 1px;
    border: solid #3e3b3b;
  }

  .gridcheckbox .checkmark:after, .panelcheckbox .checkmark:after {
    width: 5px;
    height: 10px;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }


  .gridcheckbox .label, .panelcheckbox .label {
    background-color: unset
  }

label.gridcheckbox {
  width: 18px;
  margin: 0 auto;
}

.pagination > li > a, .pagination > li > span:hover,
.pagination > li > a:hover, .pagination > li > span:hover,
.pagination > li > a:focus, .pagination > li > span:focus {
  border: 0px !important;
}

.panelcheckbox .label {
  margin-left: 18px;
  margin-top: -6px;
  color: #666;
  font-weight: 300;
}

label.panelcheckbox {
  display: flex;
}

div#webshopDesignerPage {
  position: relative;
}

  div#webshopDesignerPage #globalLayout .edit-card-link {
    position: absolute;
    z-index: 999;
  }


.owl-carousel .owl-item .weather-icon {
  width: 40px !important;
  display: inline-flex;
}

.divweather {
  display: flex;
  border-bottom: 1px solid #dac4c44D;
}

  .divweather:last-child {
    border-bottom: 0px;
  }

  .divweather .weather-title-i {
    font-style: italic;
    font-size: 16px;
  }

.card.kpi-header {
  width: 250px;
}

.divsub-weather .sub-weather-icon {
  width: 40px;
}

  .divsub-weather .sub-weather-icon img {
    width: 100%;
  }

.divsub-weather:first-child {
  width: 60%;
}

.context-menu-item.context-menu-html .btn {
  width: 100%;
  margin: 0px;
}

div#testgrid .pull-right.bottomexport {
  right: 0px;
}

.company-hierarchy .person .name, body[data-theme="dark"] table.table .offerExpired td {
  color: #000;
}

.fixed-area-bottom .btn.btn-export {
  padding: 8px 15px !important
}

/* Starting Road Map*/
body {
  line-height: 1.3em;
  min-width: 920px;
}

#historyRoadMap .history-tl-container {
  font-family: "Roboto",sans-serif;
  width: 50%;
  margin: auto;
  display: block;
  position: relative;
}

  #historyRoadMap .history-tl-container ul.tl {
    margin: 10px 19px;
    padding: 0;
    display: inline-block;
  }

    #historyRoadMap .history-tl-container ul.tl li {
      list-style: none;
      margin: auto;
      min-height: 50px;
      border-left: 1px dashed #86D6FF;
      padding: 0 0 20px 40px;
      position: relative;
      margin-left: 46px;
    }

      #historyRoadMap .history-tl-container ul.tl li:last-child {
        border-left: 0;
      }

        #historyRoadMap .history-tl-container ul.tl li:last-child::before {
          position: absolute;
          left: -11px;
          top: -5px;
          content: " ";
          border: 4px solid rgba(255, 255, 255, 0.74);
          border-radius: 500%;
          background: #006400;
          height: 20px;
          width: 20px;
          transition: all 500ms ease-in-out;
          animation: blinker 1s linear infinite;
        }

      #historyRoadMap .history-tl-container ul.tl li::before {
        position: absolute;
        left: -11px;
        top: -5px;
        content: " ";
        border: 4px solid rgba(255, 255, 255, 0.74);
        border-radius: 500%;
        background: #DA1818;
        height: 20px;
        width: 20px;
        transition: all 500ms ease-in-out;
        animation: blinker 1s linear infinite;
      }



      #historyRoadMap .history-tl-container ul.tl li:hover::before {
        border-color: #258CC7;
        transition: all 1000ms ease-in-out;
      }


#historyRoadMap ul.tl li .item-detail {
  color: rgba(0,0,0,0.5);
  font-size: 12px;
  width: 100px;
  font-family: tahoma;
}

#historyRoadMap ul.tl li .timestamp {
  color: #8D8D8D;
  position: absolute;
  width: 100px;
  left: -90%;
  text-align: right;
  font-size: 12px;
  font-family: tahoma;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

header.page-content-header.widgets-header {
  margin-top: -1px;
}

/* Start Css Kpi Layout */

.gridster {
  display: block;
  margin-bottom: 15px;
  position: relative;
}

  .gridster .card {
    display: flex;
    -webkit-display: flex;
    width: 100%;
  }

  .gridster .card-header, .gridster .card-footer {
    overflow: hidden;
    word-wrap: hyphenate;
    white-space: nowrap;
  }

  .gridster .dropdown, .gridster .dropleft, .gridster .dropright, .gridster .dropup, .product-list .dropdown {
    position: absolute;
    right: 10px;
    border-radius: 50%;
    top: 10px;
  }

  .gridster .card-body, .gridster2 .card-body, .gridster3 .card-body {
    overflow: hidden;
    display: block;
    transition: 0.2s;
  }

    .gridster .card-body:hover, .gridster2 .card-body:hover, .gridster3 .card-body:hover {
      overflow: auto;
    }

  .gridster .card-body {
    height: 300px;
    width: 370px;
    scrollbar-width: thin;
  }

.gridster2 .card-body {
  height: 290px;
}

.gridster3 .card-body {
  min-height: 300px;
}

.gridster2 .card-body {
  overflow: unset;
}

.gridster-data li {
  display: flex;
}

.grid-data-box {
  display: flex;
  width: 100%;
}

.gridster .dropdown, .product-list .dropdown {
  z-index: 1;
  background: #fff;
}

.card-header {
  padding: .75rem .4rem;
}

.card-body table {
  margin-top: 0 !important;
  margin-bottom: 0px !important;
  margin-right: 0 !important;
  left: 0 !important;
}

  .card-body table td, .card-body table th {
    padding: 2px 5px;
    margin-right: 0 !important;
    font-size: 12px;
  }

  .card-body table td {
    padding: 0px;
  }

#divIndicatorCompare .card-body {
  font-size: 15px;
}

.main-logo a {
  color: #333;
}

/* Staring Table format using div */

.rTable {
  display: table;
}

.rTableRow {
  display: table-row;
}

.rTableHeading {
  display: table-header-group;
}

.rTableBody {
  display: table-row-group;
}

.rTableFoot {
  display: table-footer-group;
}

.rTableCell, .rTableHead {
  display: table-cell;
}

.rTable {
  display: table;
  width: 100%;
}

.rTableRow {
  display: table-row;
}

.rTableHeading {
  display: table-header-group;
  background-color: #ddd;
}

.rTableCell, .rTableHead {
  display: table-cell;
  padding: 3px 10px;
  border: 1px solid #dee2e6;
  width: 20% !important;
}

.rTableHeading {
  display: table-header-group;
  background-color: #ddd;
  font-weight: bold;
}

.rTableFoot {
  display: table-footer-group;
  font-weight: bold;
  background-color: #ddd;
}

.rTableBody {
  display: table-row-group;
}

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

.rTableHeading, .rTableBody, .rTableFoot, .rTableRow {
  clear: both;
}

.rTableHead, .rTableFoot {
  background-color: rgba(0,0,0,.05);
  font-weight: bold;
}

.rTableCell, .rTableHead {
  border-left: 0px solid #dee2e6;
  border-top: 0px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
  overflow: hidden;
  font-size: 12px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,"Roboto","Helvetica Neue",Arial,"Noto Sans",sans-serif;
}

.rTableCell {
  padding: 2px 1.8%;
  width: 28%;
}

.rTableHead {
  width: 25%;
  white-space: nowrap !important;
  font-weight: bold;
}

.rTable:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
/* Ending Table format using div */



.compareinfo, .dashdetail-title, .compareinfobox {
  padding: 8px;
  border-radius: 4px;
  margin-bottom: 15px;
}

  #dashDetails .compareinfo span, .compareinfobox span {
    font-weight: 700;
  }

  .compareinfobox .wday {
    text-align: right;
    font-size: .9em !important;
  }


.font12 {
  margin-left: 5px;
  font-size: 12px;
  margin-bottom: 0px;
}

@media (max-width: 1024px) {
  #dashDetails .stat-cards .card:nth-child(2n) {
    margin-left: 5px;
  }

  .btn-round {
    padding: 3px 15px;
  }

  #dashDetails {
    margin-top: 30px;
  }

  .data-grid-mobile li {
    display: block;
    margin-bottom: 15px;
    width: 100%;
  }

    .data-grid-mobile li:nth-child(2n) {
      margin-left: 0px;
    }

  .edit-details-page, #DetailsPartial, #DetailsPartial2, div#Detailspartial,
  #SalesAnalysisPartial, #divEditDiscountDetailPage {
    top: 150px;
  }
}

#viewPlaceHolderPop div#DetailsPartial {
  top: 10px;
}

.pd-15 .pd-15.checkbox, .col-lg-12.pd-15 .pd-15 {
  padding: 0px;
}

.form-control-wrapper.form-control-icon-right span.multiseek-valid-msg {
  display: none;
}

.modal-footer .btn:last-child {
  margin-right: 0px;
}

#gbGridInformation .bottom {
  margin: 8px 0px 0px 0px;
}

#SeatmapSpace #event_area_pricing .form-check.listtogglepricing {
  padding: 10px 0 0 0;
}

#SeatmapSpace .noticketsmsg {
  padding: 0 0 25px;
  font-size: .9em;
}

.listtogglepricing input.form-control {
  position: absolute;
  z-index: 1000;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 4px 0;
  white-space: nowrap;
}

.modal-body .nav a {
  color: #495057;
}

.form-group.image-gallary {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 15px;
    margin: 15px 0 0 0;
    max-height: 500px;
    overflow: auto;
}

.image-gallary .card-list-box {
  padding: 8px;
  border: 1px solid #dddd;
  border-radius: 4px;
  position: relative;
}

#DetailsPartial #DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-8 .export-in-pagination,
#labelGridItem #DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-8 .export-in-pagination {
  margin-top: -1px;
}

#DetailsPartial #firstdataGrid #DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-8 .export-in-pagination,
#DetailsPartial #salesOrder_ItemLinesGrid #DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-8 .export-in-pagination,
#ReceiptDetailsGrid #DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-8 .export-in-pagination,
#DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-8 .export-in-pagination,
#DetailsPartial #DiscountDealType #DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-8 .export-in-pagination,
#DetailsPartial #discountsgroupitemgrid #DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-8 .export-in-pagination,
#DetailsPartial #purchaseorderlinegrid #DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-8 .export-in-pagination,
#DetailsPartial #gbGridInformation #DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-8 .export-in-pagination,
#DetailsPartial #currencyGrid #DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-8 .export-in-pagination,
#DetailsPartial #diffseasonpershopgrid #DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-8 .export-in-pagination,
#DetailsPartial #PaymentInvoiceVoucherGrid #DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-8 .export-in-pagination {
  margin-top: 13px;
}

.question {
  position: relative;
  padding: 15px 15px 15px 30px;
  border-radius: 10px;
  border: 1px solid #cbc9c9;
  margin: 10px;
}

  .question > .remove {
    position: absolute;
    right: 0;
    z-index: 15;
  }

  .question .panel-heading, .SelectQuestion .col-md-6 {
    padding: 0;
  }

  .question .ratingValue {
    display: flex;
    gap: 15px;
  }

.multipleChoice .remove {
  position: absolute;
  background: #dedede;
  top: 1px;
  right: 1px;
  cursor: pointer;
  height: 43px;
  width: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom-right-radius: 4px;
}

.multipleChoice li {
  position: relative;
}

.multipleChoice [class^="dnicon"] {
  margin-right: 0px;
}

.divsidebar-body .table-striped tbody tr:nth-child(1):hover,
.divsidebar-body .table-striped tbody tr:nth-child(1):hover td {
  background: #f9f9f9 !important;
}

.customizer.action-btn .table-striped tbody.inserttbody tr:nth-of-type(odd) {
  background-color: transparent !important;
}

.divsidebar-body .table-striped tbody tr:not([data-ciid]):hover {
  background-color: #EDF3F9 !important;
}

.customeradminforbooking .event-action {
  display: flex;
  justify-content: right;
  margin: 0px 0 0 0;
}

  .customeradminforbooking .event-action div {
    width: 32px;
    height: 32px;
    justify-content: center;
    display: flex;
    align-items: center;
  }

    .customeradminforbooking .event-action div span {
      margin-right: 0px;
      width: 32px;
      display: flex;
      justify-content: center;
    }

.bookingBody table.table.table-bordered.table-striped > thead > tr th {
  background: #f1f1f1 !important;
}

.bookingBody .event-action {
  text-align: right;
}

.ck-editor span[data-link="yes"] {
  color: #0037ff;
  font-size: 14px;
  float: right;
}

.arrangement-ck {
  width: 100%;
  justify-content: space-around;
  display: flex;
}

  .arrangement-ck .ck-editor {
    margin: 0 0 0 15px;
  }

  .arrangement-ck .div-timeslot {
    width: 450px;
  }

@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .form-group.image-gallary {
    grid-template-columns: auto auto auto;
    gap: 15px;
  }

  .project-tab .image-gallary .card-list-box {
    padding: 0;
  }

  .col-md-8.pd-15.resize-edit #DNDataGridTable_wrapper .row:nth-child(3) {
    display: inline-grid;
    width: 100%;
    margin: 0 0 0 -3px;
  }

    .col-md-8.pd-15.resize-edit #DNDataGridTable_wrapper .row:nth-child(3) .col-md-4,
    .col-md-8.pd-15.resize-edit #DNDataGridTable_wrapper .row:nth-child(3) .col-md-8 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }

    .col-md-8.pd-15.resize-edit #DNDataGridTable_wrapper .row:nth-child(3) .col-md-8 {
      padding: 0;
    }

  .edit-details-page .col-md-4.col-lg-2.resize-edit {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  section.box-typical.box-typical-dashboard div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 0px !important;
  }

  .custom-model ul.pagination li {
    margin-top: 15px;
  }

  .divcalrow .form-check.form-check-inline {
    width: calc(49% - 5px);
    display: inline-flex;
    margin-right: 0em;
  }

  .custom-model #Duncodesam {
    margin-top: 10px;
  }

  .modal-content.unpublishmodel {
    width: 90%;
    left: 50%;
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
  }

  .badge-primary {
    display: none;
  }

  #dashDetails .stat-cards .card, #dashDetailcompare .stat-cards .card {
    width: calc((98.5% - 20px)/2);
    display: inline-block;
    height: 150px;
  }

    #dashDetails .stat-cards .card:nth-child(2n), #dashDetailcompare .stat-cards .card:nth-child(2n) {
      margin-left: 10px !important;
    }

  .compareinfobox .wday {
    text-align: right;
    font-size: .9em !important;
  }

  ul.gridster-data li {
    width: 100%;
    margin: 5px;
    display: inline-block;
  }

  .mright {
    margin-right: 8px;
  }

  .navbar-brand {
    width: 200px;
    padding-left: 0px;
  }

    .navbar-brand img {
      width: 100%;
      height: auto;
    }

  span.toggle-edit-mode {
    font-size: 20px;
  }

  .with-side-menu.menu-left-opened span.toggle-edit-mode {
    font-size: 18px;
  }
}

@media only screen and (min-width : 1200px) and (max-width : 1366px) {
  .form-group.image-gallary {
    display: grid;
    grid-template-columns: repeat(5,1fr);
  }
}

@media (max-width: 767px) {

  #divIndicator .owl-nav {
    display: none !important;
  }


  #btnRefresh {
    display: unset;
  }

  span.fa.fa-refresh {
    margin: 5px;
  }

  .fa-refresh:hover, .DNDataGridSimple tr:hover {
    cursor: pointer;
  }

  .resource-calendar-date-selection input {
    margin: 0 15px;
  }

  #overlay {
    position: fixed;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .7;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    padding-top: 20%;
    left: 0;
    z-index: 99999;
    text-align: center;
  }

    #overlay img {
      display: unset;
    }

  #dashDetailsCampain .divgraph {
    padding-right: 15px;
    margin-bottom: 24px;
  }

  #ulIdDashampaign {
    margin-right: 5px !important;
  }

  .compareinfobox .wday {
    text-align: left;
    font-size: .9em !important;
  }

  .compareinfobox {
    font-size: 14px;
  }

  #btnBack, #btnBackMaster {
    position: fixed;
    z-index: 11;
    background: #fff;
    top: 10px;
    left: 5px;
  }

  .d-flex {
    display: unset;
  }

  .navbar-brand {
    width: 150px;
  }

    .navbar-brand img {
      width: 100%;
      height: auto;
    }

  .date-range-modal {
    width: 95%;
    left: calc((100% - 95%)/2);
    margin: auto;
  }

  #dashDetails .stat-cards {
    columns: 100px 1;
  }

    #divIndicator .card h5, #dashDetails .stat-cards .card-title {
      font-size: 22px;
    }

  #divIndicator .card-text {
    font-size: 18px;
  }

  .navbar-toggle {
    border: 0;
    padding: 3px;
    margin: 10px;
    background: transparent !important;
    display: inline-block;
    float: right;
  }



    .navbar-toggle:hover {
      background: transparent !important;
    }

    .navbar-toggle .icon-bar {
      width: 22px;
      height: 2px;
      margin: 4px 0;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      background-color: #888;
      display: block;
    }

    /* ANIMATED X */
    .navbar-toggle.x .icon-bar:nth-of-type(1) {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transform-origin: 10% 10%;
      -ms-transform-origin: 10% 10%;
      transform-origin: 10% 10%;
    }

    .navbar-toggle.x .icon-bar:nth-of-type(2) {
      opacity: 0;
      filter: alpha(opacity=0);
    }

    .navbar-toggle.x .icon-bar:nth-of-type(3) {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-transform-origin: 10% 90%;
      -ms-transform-origin: 10% 90%;
      transform-origin: 10% 90%;
    }

    /* ANIMATED X COLLAPSED */
    .navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
      -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0);
      -o-transform: rotate(0);
    }

    .navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
      opacity: 1;
      filter: alpha(opacity=100);
    }

    .navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
      -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
      -o-transform: rotate(0);
      transform: rotate(0);
    }

  /*-------*/
  nav.navbar {
    position: fixed;
    background: #eee;
    z-index: 10;
    text-align: left;
    top: 0;
  }

  .navbar-toggler {
    padding: 2px;
    margin: 10px;
  }

  .top-header {
    height: 50px;
  }

  .navbar-collapse {
    height: 92% !important;
    position: fixed;
    z-index: 100;
    background: #fff;
    width: 100%;
    box-shadow: 3px 4px 5px #777;
    -webkit-box-shadow: 3px 4px 5px #777;
    right: -110%;
    transition: all ease 0.3s;
  }

    .navbar-collapse.show {
      right: 0;
    }

  h3 {
    font-size: 16px;
  }

  .main-logo {
    position: fixed;
    top: 1px;
    left: calc((100% - 150px)/2);
    display: block;
    z-index: 1000;
  }

  nav.d-flex {
    width: 100%;
    display: block !important;
    margin: 0 !important;
    padding: 0;
  }

  .dropdown-menu {
    border: 0;
  }

  li.nav-item {
    border: 0px solid #eee;
    padding: 0 15px;
    border-left: 0;
    border-right: 0;
    margin-bottom: -1px;
  }

  .slider-carousel h5 {
    font-size: 14px;
  }

  .slider-carousel .card * {
    text-shadow: none;
  }

  .dashboard-widget-section {
    background: none;
  }

  .card-body {
    padding: .9rem;
  }

  ul.gridster-data li, .gridster-data li {
    width: 100% !important;
    margin: 10px 0px;
    display: block;
    margin-left: 0 !important;
  }

  #dashDetails .stat-cards .card, #dashDetailcompare .stat-cards .card {
    width: 96%;
    margin-right: 0px;
    display: block;
    margin-left: 0px;
  }

  .container.slider-carousel {
    margin-top: 30px;
  }

  .back-btn {
    top: 10px !important;
    max-width: 100px;
    max-height: 30px;
    background-size: contain;
    position: absolute !important;
  }

  /*--------------- end of media ------------*/
  /*--------------- Start of media --(min-width : 768px) and (max-width : 1024px)----------*/
}

@media (min-width: 576px) {
  #CampaignData .modal-dialog {
    max-width: 600px;
    margin: 1.75rem auto;
  }
}

@media (max-width: 768px) {

  .navbar-nav .dropdown-menu::before {
    border-bottom: 0px solid #ccc;
  }

  .navbar-nav .dropdown-menu.show {
    margin-bottom: 10px;
  }

  .compareinfobox {
    top: 55px;
    z-index: 9;
  }

  .nav-pills > li > a {
    width: 124px;
  }

  #btnBack, #btnBackMaster {
    position: fixed;
    z-index: 11;
    background: #fff;
    top: 10px;
    left: 5px;
  }

  .mr-md-auto, .mx-md-auto {
    margin-right: auto !important;
  }

  li.nav-item.active, li.nav-item:hover {
    background-color: #f8f8f8;
  }

  .top-product {
    margin-top: 15px;
    padding-left: 15px !important;
  }

  .stat-cards .card:nth-child(2n) {
    margin-left: 0px !important;
  }

  .container.slider-carousel {
    margin-top: 30px;
  }

  .main-logo {
    position: fixed;
    top: 5px;
    display: block;
    z-index: 1000;
    left: 15px;
  }

  nav.d-flex {
    width: 100%;
    display: block !important;
    margin: 0 !important;
    padding: 0;
  }

  .dropdown-menu {
    border: 0;
  }

  li.nav-item {
    border: 0px solid #eee;
    padding: 0 0px;
    border-left: 0;
    border-right: 0;
    margin-bottom: -1px;
  }

  nav.navbar {
    position: fixed;
    background: #eee;
    z-index: 10;
    text-align: left;
    top: 0;
    left: 0;
  }

  .navbar-toggle {
    border: 0;
    padding: 3px;
    margin: 10px;
    background: transparent !important;
    display: inline-block;
    float: right;
  }

  .navbar-collapse {
    margin-top: 50px;
  }

  .dropdown-menu {
    border: 1px solid rgba(0,0,0,.15);
  }

  .navbar-toggle:hover {
    background: transparent !important;
  }

  .navbar-toggle .icon-bar {
    width: 22px;
    height: 2px;
    margin: 4px 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    background-color: #888;
    display: block;
  }

  /* ANIMATED X */
  .navbar-toggle.x .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 10% 10%;
    -ms-transform-origin: 10% 10%;
    transform-origin: 10% 10%;
  }

  .navbar-toggle.x .icon-bar:nth-of-type(2) {
    opacity: 0;
    filter: alpha(opacity=0);
  }

  .navbar-toggle.x .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 10% 90%;
    -ms-transform-origin: 10% 90%;
    transform-origin: 10% 90%;
  }

  /* ANIMATED X COLLAPSED */
  .navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }

  .navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }

  /*-------*/
  nav.navbar {
    position: fixed;
    background: #eee;
    z-index: 10;
    text-align: left;
    top: 0;
  }

  .navbar-toggler {
    padding: 2px;
    margin: 10px;
  }

  .top-header {
    height: 50px;
  }

  .navbar-collapse {
    height: 92% !important;
    position: fixed;
    z-index: 100;
    background: #fff;
    width: 100%;
    box-shadow: 3px 4px 5px #777;
    -webkit-box-shadow: 3px 4px 5px #777;
    right: -110%;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
  }

    .navbar-collapse.show {
      right: 0;
    }
}


@media (max-width : 375px) {

  #overlayall {
    padding-top: 18%;
    z-index: 99999;
  }

  #dashDetailcompare .highcharts-container {
    margin-left: 10px;
  }

  .highcharts-inner-container .highcharts-container {
    margin-left: 40px !important
  }

  .camplistbox {
    margin-top: 15px;
  }

  #ulIdDashampaign {
    margin-right: 0px !important;
  }

  #divCampaign .compareinfobox {
    font-size: 12px;
    font-weight: 400 !important;
  }

  .cust-textalign {
    text-align: left;
  }

  .compareinfobox {
    position: -webkit-sticky;
    position: sticky;
    top: 55px;
    z-index: 9;
  }

  .badge-primary {
    display: none !important;
  }

  .date-range-modal {
    width: 350px !Important;
    left: calc((100% - 350px)/2) !important;
  }

  #divIndicator1 .stat-cards .card:nth-child(2n) {
    margin-left: 0px !important;
  }

  .nav-pills > li > a {
    border-radius: 0px;
    width: 122px;
    color: #212529;
  }

  .nav-stacked {
    padding-right: 0px
  }

    .nav-stacked > li {
      width: 50%;
    }

  .comparemodel .nav {
    flex-direction: row !important;
  }

  .h5, h5 {
    font-size: 1.1rem;
  }
}

@media only screen and (min-width : 414px)and (max-width : 736px) {
  .badge-primary {
    display: none;
  }

  #divIndicator1 .stat-cards .card:nth-child(2n) {
    margin-left: 0px !important;
  }

  .comparemodel .nav {
    flex-direction: row !important;
  }

  .nav-pills > li > a {
    width: 100%;
  }

  .nav-stacked {
    padding-right: 0px;
  }

    .nav-stacked > li {
      width: 50%;
    }
}

@media only screen and (min-width : 769px)and (max-width : 991px) {

  .compareinfobox {
    top: 55px;
    z-index: 12;
  }

  .badge-primary {
    display: none;
  }

  .nav-pills > li > a {
    border-radius: 0px;
    width: 120px;
    color: #212529;
  }

  #btnBack, #btnBackMaster {
    position: fixed;
    z-index: 11;
    background: #fff;
    top: 10px;
    left: 5px;
  }

  nav.d-flex {
    width: 100%;
    display: block !important;
    margin: 0 !important;
    padding: 0;
  }

  .dropdown-menu {
    border: 0;
  }

  li.nav-item {
    border: 1px solid #eee;
    padding: 0 15px;
    border-left: 0;
    border-right: 0;
    margin-bottom: -1px;
  }

  nav.navbar {
    position: fixed;
    background: #eee;
    z-index: 10;
    text-align: left;
    top: 0;
    left: 0;
  }

  .navbar-toggle {
    border: 0;
    padding: 3px;
    margin: 10px;
    background: transparent !important;
    display: inline-block;
    float: right;
  }

  .navbar-collapse {
    margin-top: 50px;
  }

  .dropdown-menu {
    border: 1px solid rgba(0,0,0,.15);
  }

  .navbar-toggle:hover {
    background: transparent !important;
  }

  .navbar-toggle .icon-bar {
    width: 22px;
    height: 2px;
    margin: 4px 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    background-color: #888;
    display: block;
  }


  .navbar-toggle.x .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 10% 10%;
    -ms-transform-origin: 10% 10%;
    transform-origin: 10% 10%;
  }

  .navbar-toggle.x .icon-bar:nth-of-type(2) {
    opacity: 0;
    filter: alpha(opacity=0);
  }

  .navbar-toggle.x .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 10% 90%;
    -ms-transform-origin: 10% 90%;
    transform-origin: 10% 90%;
  }

  /* ANIMATED X COLLAPSED*/
  .navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }

  .navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }


  nav.navbar {
    position: fixed;
    background: #eee;
    z-index: 10;
    text-align: left;
    top: 0;
  }

  .navbar-toggler {
    padding: 2px;
    margin: 10px;
  }

  .top-header {
    height: 50px;
  }

  .navbar-collapse {
    height: 92% !important;
    position: fixed;
    z-index: 100;
    background: #fff;
    width: 100%;
    box-shadow: 3px 4px 5px #777;
    -webkit-box-shadow: 3px 4px 5px #777;
    right: -110%;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
  }

    .navbar-collapse.show {
      right: 0;
    }

  .navbar-brand {
    width: 150px;
  }

    .navbar-brand img {
      width: 100%;
      height: auto;
    }

  .main-logo {
    position: fixed;
    top: 5px;
    display: block;
    z-index: 1000;
    left: 15px;
  }

  .container.slider-carousel {
    margin-top: 40px;
  }
}

@media only screen and (min-device-width : 480px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation : landscape) {
  .date-range-body {
    height: 170px;
    overflow: scroll;
    -webkit-overflow: scroll;
  }
}

@media print {
  .gridster .card-body {
    height: 450px !important;
  }

  .badge-primary {
    display: none;
  }

  .slider-carousel .owl-item {
    border: 2px solid rgba(0,0,0,.125);
  }

  .arrow-circle {
    display: none;
  }

  .slider-carousel .card-body-back {
    display: none;
  }

  .gridster .dropdown, .product-list .dropdown {
    display: none !important;
  }

  .dashboard-columns .card-header {
    border-bottom: 1px solid rgba(0,0,0,.125);
    background-color: rgba(0,0,0,.05);
  }

  .table-responsive {
    overflow-x: hidden;
  }

  .gridster .card-body {
    overflow: hidden;
  }

  .flex-md-row {
    display: none !important;
  }

  .owl-item.active {
    width: 232px !important;
  }
}

#dashDetailsCustomer .owl-item {
  margin-right: 10px;
}

.grid-data-box .card .card-header {
  border-bottom: 0;
}
/* end Css Kpi Layout*/


@media (min-width: 768px) and (max-width: 1024px) {
  #header-time-fixed {
    top: 267px;
  }

  .res-calendar-block .resource-top-bar {
    display: grid;
    grid-template-columns: auto auto;
    padding: 10px;
  }

  ul.search-for-menu #txtFilterMenu {
    margin: 11px 15px 15px;
  }

  .grid-stack.grid-stack-one-column-mode {
    height: 1024px !important;
    overflow: auto;
  }

  #DetailsPartial .col-sm-12.col-md-8.paginate-show {
    margin-top: 0px !important;
  }

  .modal-body .responsive-data-grid {
    padding: 0px 0px 10px 0px;
  }


  .DNImageContainer {
    position: relative;
    width: 140px;
    height: 140px;
    margin: auto;
  }

  .SelectFileContainer {
    font-size: .6em
  }

  span#spanMiximumSixe {
    white-space: nowrap;
  }

  .with-side-menu.menu-left-opened span#spanMiximumSixe {
    padding: 5px 0px 15px 10px;
  }

  .side-menu-list {
    margin-top: 35px;
  }

  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    -webkit-overflow-scrolling: touch;
  }

  .xdsoft_time_box > .xdsoft_scrollbar {
    display: none !important
  }

  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    overflow: auto !important
  }

  .head-bar {
    font-size: 16px;
  }

  .with-side-menu.theme-picton-blue.ui-droppable.opened div.dataTables_wrapper div.dataTables_processing {
    width: 100% !important;
    top: 20% !important;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .with-side-menu.theme-picton-blue.ui-droppable.opened.menu-left-opened div.dataTables_wrapper div.dataTables_processing {
    left: 62%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .with-side-menu.theme-picton-blue.ui-droppable.opened .checkbox input + label,
  .with-side-menu.theme-picton-blue.ui-droppable.opened .radio input + label {
    white-space: normal;
    word-break: break-all;
  }

  .with-side-menu.theme-picton-blue.ui-droppable.opened.menu-left-opened .checkbox input + label,
  .with-side-menu.theme-picton-blue.ui-droppable.opened.menu-left-opened .radio input + label {
    width: 86px;
  }

  .with-side-menu.theme-picton-blue.ui-droppable.opened.menu-left-opened .company-hierarchy .divcheckbox {
    display: grid;
  }

  .with-side-menu.theme-picton-blue.ui-droppable.opened.menu-left-opened .company-hierarchy .tree li .family {
    margin-top: 190px;
  }

  #viewPlaceHolderV2 .edit-details-page .col-md-4 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .fixed-area-bottom {
    padding-left: 0px;
    text-align: right !important;
  }

  .buttonContainer {
    text-align: right !important;
  }

  .site-header-content .shopno {
    -webkit-transform: translateX(105%);
    transform: translateX(105%);
  }

  ul#masterPageNavbar {
    display: inline-flex;
    text-align: center;
    align-items: center;
  }
}

@media (min-width: 768px) and (max-width: 990px) {

  #MultiseekModal #DNDataGridTable_wrapper, .box-typical.box-typical-dashboard #DNDataGridTable_wrapper {
    width: calc(100% - 0px);
  }

  #MultiseekModal {
    width: 78vw;
  }

  .grid-stack.grid-stack-one-column-mode > .grid-stack-item {
    width: 25% !important;
    display: inline-block;
  }

  .with-side-menu.dashboard.menu-left-opened .grid-stack.grid-stack-one-column-mode > .grid-stack-item {
    width: 33%;
  }

  .with-side-menu.dashboard .grid-stack.grid-stack-one-column-mode > .grid-stack-item {
    width: 25%;
  }

  .with-side-menu.dashboard .grid-stack.grid-stack-one-column-mode > .grid-stack-item {
    width: 50% !important;
  }

  .with-side-menu.theme-picton-blue.ui-droppable.opened.menu-left-opened .DNImageContainer {
    position: relative;
    width: 110px;
    height: 110px;
    margin: auto;
  }

  div#TabDetailImage, div#TabListImage {
    padding: 0px;
  }

  .toolssection {
    display: grid;
  }

    .toolssection .divhash i.fa.fa-slack {
      display: none;
    }

    .toolssection .divhash {
      margin-bottom: 8px;
    }

  span.divpublish {
    width: 100% !important;
  }
}

@media (min-width: 768px) {
  .box-typical .panel-title {
    min-width: 125px;
  }

  .dahsboard-column .table-responsive .table .form-group {
    margin-bottom: 0rem;
  }

  #MultiseekModal .table-responsive.responsive-data-grid {
    overflow-y: auto;
    max-height: calc(100vh - 400px);
  }

  .dataTables_paginate .pagination {
    display: inline-flex;
  }

  div.dataTables_wrapper div.dataTables_paginate {
    text-align: right !important;
    margin: 15px 0 0 -40px;
  }
}

@media (max-width: 767px) {

  div.dataTables_wrapper div.dataTables_processing {
    width: 100%;
    top: 20%;
  }

  .site-header {
    min-height: 90px;
  }

  .head-bar {
    top: 90px;
    height: 37px;
  }

  .site-header .site-header-content {
    margin-left: -80px;
    border-bottom: 1px solid #efefef;
    height: 48px;
  }

  .fixed-area-bottom {
    padding-left: 60px;
  }

  .dashboardTiles {
    padding: 96px 5px 4px 5px;
    width: calc((100% - 42px)/2)
  }

  #DNDataGridTable_wrapper {
    margin-top: 10px;
  }

  .pagination {
    display: unset;
  }

  .pull-right.bottomexport {
    margin-top: -38px;
  }

  div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 0px;
  }

  div.dataTables_wrapper div.dataTables_info {
    text-align: left;
  }

  .link-icons {
    top: 128px;
  }

  .right-section {
    position: absolute;
    left: 0;
    width: 100%;
    top: 35px;
    display: flex;
    justify-content: center;
    background: #fff;
  }

  .dash-tiles {
    width: calc((100% - 70px)/2);
  }

  .site-header .user-menu.dropdown {
    max-width: 150px;
  }

  .side-menu {
    padding: 110px 0 110px;
  }

  ul.search-for-menu {
    top: 90px;
  }

  div#DetailsPartial, div#viewPlaceHolder {
    padding-top: 36px;
  }

  .page-content.iframe-page-content div#DetailsPartial, .page-content.iframe-page-content div#viewPlaceHolder {
    padding-top: 0px !important;
  }

  .page-content.iframe-page-content {
    padding-top: 50px !important;
  }

  .select2-dropdown {
    z-index: 4;
  }

  .customizer {
    top: 128px;
  }

  .link-icons {
    z-index: 800;
  }

  .modal {
    padding-left: 0px !important;
  }
}

.dt-body-center.text-left {
  text-align: left !important;
}

.box-typical-body.panel-body .btn {
  margin: 0px;
}

.checkbox-toggle.dropdown.theme-menu {
  margin-right: 15px;
}

.user-menu lable.user-title {
  margin-right: 8px;
}

.site-header-shown .checkbox-toggle {
  margin-bottom: 0px;
}

.site-header-content .shopno {
  margin-top: 5px;
  margin-right: 30px;
}

.right-section .app-search .icon-search {
  top: 3px;
}

@media (min-width: 991px) and (max-width: 1024px) {

  .page-title.pull-left + .pull-right {
    overflow-x: auto;
    text-align: right;
  }
}

@media (min-width: 768px) and (max-width: 990px) {
  .page-title.pull-left + .pull-right {
    overflow-x: auto;
    text-align: right;
  }

  ul#masterPageNavbar {
    display: inline-flex;
    text-align: center;
    align-items: center;
    max-width: 290px;
    align-items: center;
    align-items: baseline;
    height: 42px;
  }

  .head-bar ul.ulHeader li a {
    margin-top: 3px;
  }

  #MenuLinesData .col-md-4, #MenuLinesData .col-md-2 {
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%;
  }
}



@media (min-width: 768px) and (max-width: 1024px) {
  body {
    min-width: unset;
  }

  .site-header-content .shopno {
    -webkit-transform: translateX(-15%);
    transform: translateX(-15%);
  }

  .head-bar ulHeader {
    width: 1024px;
  }

  .error-page .container {
    width: 66% !important;
    margin-left: 9%;
  }

  body[data-theme="dark"] .builder .sidebar-nav {
    margin-left: 190px;
    margin-top: 6px;
  }

    body[data-theme="dark"] .builder .sidebar-nav li.nav-item {
      border: 0px solid #eee;
    }

  div#globalwebshopedit {
    width: calc(100% - 280px);
    margin-left: 263px;
    margin-right: 17px;
  }

  .layoutdesigner-section section .pd-15 .row {
    display: grid;
  }

    .layoutdesigner-section section .pd-15 .row .col-md-3 {
      width: 100%;
      max-width: 100% !important;
    }
}

@media (min-width: 991px) and (max-width: 1024px) {

  .site-header-content .shopno {
    -webkit-transform: translateX(-8%);
    transform: translateX(-8%);
  }

  .side-menu {
    left: 0px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }

  .menu-left-opened .side-menu {
    left: -240px !important;
  }

  .menu-left-opened .mobile-menu-left-overlay {
    display: none;
  }

  .with-side-menu.theme-picton-blue.dashboard .page-content, .with-side-menu.theme-picton-blue.opened {
    padding-left: 240px !important;
  }

  .with-side-menu theme-picton-blue dashboard menu-left-opened .page-content, .with-side-menu.theme-picton-blue.menu-left-opened.opened {
    padding-left: 0px !important;
  }

    .with-side-menu.theme-picton-blue.menu-left-opened.opened .site-header, .with-side-menu.theme-picton-blue.menu-left-opened.opened .head-bar {
      width: 100% !important;
    }
}

@media (min-width : 414px)and (max-width: 736px) {
  body {
    min-width: unset;
  }

  .col-md.resize-edit {
    margin: 20px 0px 150px;
  }

  .row.columns-edit-row {
    width: calc(100% - 475px) !important;
  }

  .page-content.iframe-page-content .row.columns-edit-row {
    width: 100% !important;
  }

  .page-content.iframe-page-content .head-bar ul.ulHeader li a {
    height: 32px;
  }

  .page-content.iframe-page-content .fixed-area-bottom {
    width: 100%;
  }

  .grid-stack.grid-stack-one-column-mode > .grid-stack-item {
    width: 50% !important;
    display: inline-block;
  }

  .page-title.pull-left + .pull-right {
    width: 200px;
    overflow-x: auto;
  }

  .head-bar .ulHeader {
    max-width: 100% !important;
    display: inline-flex;
  }

  .site-header-content .shopno {
    margin-top: 96px;
    -webkit-transform: translateX(-28%);
    transform: translateX(-28%);
    position: absolute;
    width: 100%;
  }

  .error-page {
    width: 43%;
  }
}

@media (max-width : 375px) {

  .col-md.resize-edit {
    margin: 20px 0px 150px;
  }

  .row.columns-edit-row {
    width: calc(100% - 515px) !important;
  }

  .checkbox-toggle.dropdown.theme-menu {
    margin-right: 30px;
    position: absolute;
    right: -4px;
    top: 55px;
  }

  .site-header-content .shopno {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 55px;
    -webkit-transform: translateX(-57%);
    transform: translateX(-57%);
  }

  .checkbox-toggle.dropdown.theme-menu {
    right: 65px;
    top: unset;
  }

  .grid-stack.grid-stack-one-column-mode > .grid-stack-item {
    width: 45% !important;
    display: inline-block;
  }

  .page-title.pull-left + .pull-right {
    width: 142px;
    overflow-x: auto;
  }

  .head-bar .ulHeader {
    max-width: 100% !important;
    display: inline-flex;
  }

  .error-page .container {
    margin-right: unset;
    margin-left: unset;
  }

  .error-page .container {
    width: 39% !important;
  }
}

.user-activity {
  display: flex;
}

.box-typical.box-typical-dashboard .pull-right.bottomexport {
  right: 6px;
}

.site-header .user-menu.dropdown .dropdown-toggle {
  color: #000;
  font-size: 14px;
}

.modal ul.pagination {
  margin-right: 0px !important;
}

.DisplayContainer Button {
  padding: 3px 8px;
  font-size: 14px;
}

[alt] {
  font-size: 14px;
}

.page-title.pull-left + .pull-right ul {
  text-align: right;
}

/* Start RSS Field*/
.rssproductcontainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.rssproduct-list {
  display: -ms-flexbox;
  display: grid;
  width: calc(33.33% - 36px);
  margin: 6px;
  padding: 10px;
  transition: all 0.2s linear;
}

  .rssproduct-list:hover {
    transform: scale(1.025);
  }

/* Ending Rss Field*/
ul.search-for-menu #txtFilterMenu {
  position: relative;
}

fieldset {
  margin: 8px;
  border: 1px solid silver;
  padding: 15px;
  border-radius: 4px;
}

legend {
  padding: 0px;
}

/* Start Label&poster list*/
.ui-draggable.ui-draggable-handle.excludelabels {
  z-index: 9;
}

.ui-draggable.ui-draggable-handle.subtractlabels {
  z-index: 0;
}

.ui-draggable.ui-draggable-handle.intersectlabels {
  z-index: 9;
  opacity: 0.8;
}

.ui-draggable.ui-draggable-handle.pathfinderlabels {
  z-index: 9;
  opacity: 0.9;
}

.shape-property {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -6px;
}

  .shape-property .shape-icon {
    display: -ms-flexbox;
    display: flex;
    width: calc(33:33% - 12px);
    margin: 6px;
    border: 1px solid #efefef;
    padding: 10px;
  }

    .shape-property .shape-icon.circle-shape,
    .shape-property .shape-icon.border-shape,
    .shape-property .shape-icon.textinput-shape,
    .shape-property .shape-icon.horizontalline-shape,
    .shape-property .shape-icon.verticleline-shape,
    .shape-property .shape-icon.retangle-shape {
      width: 50px;
      height: 50px;
      cursor: all-scroll;
    }

    .shape-property .shape-icon.circle-shape {
      background: red;
      border-radius: 30px;
    }

    .shape-property .shape-icon.border-shape {
      border: 1px solid red;
    }

    .shape-property .shape-icon.textinput-shape {
      border: 1px solid red;
      content: "text";
    }

    .shape-property .shape-icon.horizontalline-shape {
      border-top: 1px solid red;
    }

    .shape-property .shape-icon.verticleline-shape {
      border-right: 1px solid red;
    }

    .shape-property .shape-icon.image-shape {
      background-image: repeating-radial-gradient(red, yellow 10%, green 20%);
    }

    .shape-property .shape-icon.retangle-shape {
      background: red;
    }

/* Ending Labels&Poster list*/


.theme-item h2, .themedata {
  margin: 0px 10px;
}

.metadata, .themedata, .theme-categories, .theme-panel {
  padding: 10px;
}

.theme-item h2 {
  padding: 20px 0px;
}

.metadata div.modifydate, .theme-font, .theme-color-palette div:first-child {
  margin-bottom: 15px;
}

.theme-fontsize div {
  padding: 15px 0px 0px 0px;
}

.theme-color-palette {
  margin: 30px 0 15px 0px;
}

.theme-item .title, .widgets-list .title, .widgets-component-list .title {
  color: #818181
}

.theme-selection, .create-theme-selection {
  margin-bottom: 80px
}

.theme-fontsize div {
  line-height: 100%;
}

.theme-selection {
  margin-top: 20px;
  width: 100%;
}

.lastauthor {
  display: flex;
  justify-content: space-between;
}

.create-theme-selection, .theme-selection .theme-header-bar, .theme-selection .theme-header-bar {
  display: flex;
}

.theme-header-bar {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  width: 100%;
}

.theme-item .theme-fontsize {
  max-height: 300px;
  overflow-y: auto;
}

#Website {
  text-transform: lowercase;
}

.theme-categories, .theme-item {
  background: #fff;
}

.create-theme-selection .theme-categories {
  width: 250px
}

.theme-categories-panel {
  margin: 0px 0px 0px 15px;
  width: 100%;
}

.theme-categories ul li {
  padding: 8px;
  border-radius: 4px;
  cursor: pointer;
}

  .theme-categories ul li.active {
    background: #efefef;
  }

.theme-panel {
  position: relative;
  margin-bottom: 15px;
}

  .theme-panel .btn-preview {
    position: absolute;
    right: 15px;
  }

  .theme-panel h1.panel-title, #theme-editor-container .page-title, #theme-editor-container .page-title {
    font-size: 1.5em;
  }

#theme-editor-container .page-title {
  text-align: left;
  margin: 20px 0px
}

.theme-editor-container {
  margin: 0px 0px;
}

#theme-editor-container .page-title {
  width: 100%;
}

.theme-panel h4 {
  font-size: 1.2em;
}

.fixed-area-bottom .theme-name {
}

.theme-header-bar .modified {
  width: 230px;
  margin-right: 8px;
}

#themes-container .theme-item h2 {
  display: flex;
  justify-content: flex-start;
}

.theme-item .theme-remove {
  background-color: transparent !important;
  border-color: transparent !important;
  position: absolute;
  right: 0px;
  min-width: 50px;
}

.theme-item {
  position: relative;
}

.box-typical .panel-heading .panel-title {
  padding-bottom: 8px;
}

#wcag-container .options-bar {
  position: fixed;
  width: calc(100% - 344px);
  background: #f8f8f8;
  z-index: 50;
  left: 263px;
  top: 109px;
}

#wcag-container .wcag-level-area {
  display: flex;
  justify-content: space-between;
}

.wcag-level-area {
  padding: 15px 0px 0px 0px;
}

  .wcag-level-area .wcag-col:first-child {
    width: calc(100% - 300px);
  }

.last-acceptanse-text {
  text-align: center;
  margin: 10px;
  font-size: 22px;
  width: calc(100% - 350px);
  margin-left: 24px;
}

.wcag-level-area .acceptance-buttons {
  margin: unset;
}

#wcag-container .wcag-section {
  padding: 10px;
}

  #wcag-container .wcag-section:first-child {
    padding: 10px;
    margin-top: 145px;
  }

.wcag-col.acceptance-buttons {
  margin-left: 20px;
  margin-top: 20px;
}

.wcag-section p, ul.wcag-sublist li {
  font-size: .9em;
}

.last-acceptanse-text, .wcag-section h2 {
  font-size: 1.3em !important;
}

.layout-manager-section .toggle-view li button {
  border: 0px;
  background: #fff;
}

.layout-manager-section .toggle-view li {
  position: relative;
}

.layout-manager-section ul.toggle-view {
  position: absolute;
  right: 15px;
}

  .layout-manager-section ul.toggle-view li.active {
    border-bottom: 2px solid #0154a7;
  }

.template-preview-container .active-grid {
  grid-template-columns: repeat(4,1fr) !important;
}

.email-designer-container, .sms-designer-container {
  margin-top: 15px;
}

  .email-designer-container .page-title, .sms-designer-container .page-title {
    border-bottom: 1px solid #d4d2d2;
    padding: 10px 0px 15px 0px;
    margin: 0px 0px 15px 0px;
  }

  .email-designer-container ul.select-option li {
    display: inline-flex;
    margin: 4px;
    background: #fff;
    padding: 8px;
  }

  .email-designer-container ul.view-option .list-view.active {
    border-bottom: 1px solid #00b0f0;
  }

  .email-designer-container .preview-type {
    position: absolute;
    right: 15px;
    top: 0px;
  }

  .email-designer-container .body-container.list-container {
    margin-top: 15px;
  }

.lastauthor .btn::before, .theme-actions .btn::before {
  margin-right: 5px;
}

.theme-panel input {
  border: solid 1px #e0e0e0 !important;
}

  .theme-panel input[type="color"] {
    padding: 0.01rem 0.1rem;
    cursor: pointer;
  }

    .theme-panel input[type="color"]:hover {
      border: 1px solid #00a1f3 !important;
    }

.theme-categories .nav a {
  display: block;
  width: 100%;
  padding: 10px;
  color: #000;
}

  .theme-categories .nav a.active {
    background: #efefef;
  }

.email-designer-container .designer-element-section,
.sms-designer-container .designer-element-section {
  margin-left: 300px !important;
}

.designer-element-section .info-box {
  padding: 15px;
  background: #eee;
  position: relative;
}

  .designer-element-section .info-box .title {
    margin: 0px 0px 8px 0px;
    font-weight: 600;
  }

  .designer-element-section .info-box .close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 16px;
    cursor: pointer;
  }

.email-designtype {
  display: flex;
  width: 100%;
}

  .email-designtype .select-target {
    border: 1px solid #dee2e6;
    height: 180px;
    width: calc(50% - 12px);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background: #fff;
    margin: 0px 6px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-radius: 4px;
  }

    .email-designtype .select-target:hover {
      cursor: pointer;
      -webkit-box-shadow: -1px 9px 5px -9px rgba(145,145,145,1);
      -moz-box-shadow: -1px 9px 5px -9px rgba(145,145,145,1);
      box-shadow: -1px 9px 5px -9px rgba(145,145,145,1);
    }

.designer-element-section .email-designtype, .designer-element-section .drop_content_area {
  margin: 15px 0px 0px 0px;
}

.email-editor-section {
  margin: 0px 6px 0px 6px;
}

.email-designer-container .designer-sidebar .designer-details {
  display: grid;
}

.email-designer-container .navigation, .sms-designer-container .navigation {
  width: 100%;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}

  .email-designer-container .navigation .nav .icons, .sms-designer-container .navigation .nav .icons {
    width: 25px;
    height: 25px;
  }

    .email-designer-container .navigation .nav .icons img, .sms-designer-container .navigation .nav .icons img {
      width: 25px;
    }

.email-designer-container .designer-element-form, .email-designer-container .designer-sidebar .navigation .nav,
.sms-designer-container .designer-element-form, .sms-designer-container .designer-sidebar .navigation .nav {
  width: 100%
}

.sms-designer-container .sidebar-sub-container {
  height: calc(100vh - 80px);
}

#editor-layout .accordion-section:hover {
  cursor: pointer;
}

.email-designer-container .sidebar-sub-container, .sms-designer-container .sidebar-sub-container {
  padding: 20px 10px;
  border-right: 1px solid #efefef;
}

.email-designer-container .designer-sidebar .navigation .nav, .sms-designer-container .designer-sidebar .navigation .nav {
  display: inline-flex;
}

.email-designer-container .designer-sidebar .nav a {
  display: unset;
  margin: 5px 2px;
}

.email-designer-container .designer-sidebar .lyrow a {
  display: none;
  margin: 5px 2px;
}

.email-designer-container .designer-sidebar .email-inner-body {
  border: 1px dashed #404040;
  background: #dee2e6;
  border-radius: 8px;
}

.email-designer-container .email-inner-body .layout {
  background: #fff;
  display: flex;
  height: 150px;
  justify-content: center;
  align-items: center;
}

  .email-designer-container .email-inner-body .layout.widewidth {
    margin: 4px;
  }

  .email-designer-container .email-inner-body .layout.compactwidth {
    margin: 15px;
  }

  .email-designer-container .email-inner-body .layout.narrowwidth {
    margin: 10px 55px;
  }

.email-designer-container .designer-sidebar .navigation .nav a,
.sms-designer-container .designer-sidebar .navigation .nav a {
  margin: 0px 0px 0px 0px;
  background: #fff;
  border-radius: 0px;
  padding: 15px 5px;
}

  .email-designer-container .designer-sidebar .navigation .nav a.active,
  .sms-designer-container .designer-sidebar .navigation .nav a.active {
    background: #e5f8ff;
  }

.sidebar-sub-container .app-search .form-control, .sidebar-sub-container .app-search .form-control:focus {
  width: 100%;
  margin-left: 0px;
}

.sidebar-sub-container .app-search {
  margin: 15px 0px;
}

.fixed-area-bottom .theme-name + .form-check.is-default-container .form-check-input {
  margin-top: 0.2rem;
}

.fixed-area-bottom .theme-name + .form-check.is-default-container {
  text-align: left;
  margin-top: 8px;
}

.create-theme-selection .theme-preview {
  width: 100%;
  margin: 0px 0px 0px 15px;
  background: #fff;
  height: calc(100vh - 200px);
  position: relative;
  border: 2px #eee solid;
}

  .create-theme-selection .theme-preview .preview-header, .create-theme-selection .theme-preview .preview-banner,
  .create-theme-selection .theme-preview .preview-body, .create-theme-selection .theme-preview .preview-footer,
  .create-theme-selection .theme-preview .preview-nav {
    padding: 15px;
  }

  .create-theme-selection .theme-preview .preview-header {
    height: 60px;
    width: 100%;
    border-bottom: 1px solid #dee2e6;
  }

  .create-theme-selection .theme-preview .preview-nav {
    height: 40px;
    width: 100%;
    border-bottom: 1px solid #dee2e6;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .create-theme-selection .theme-preview ul.preview-nav-link li {
    display: inline;
    padding: 5px;
    font-size: 14px;
  }

  .create-theme-selection .theme-preview .preview-banner {
    height: 80px;
    border-bottom: 1px solid #dee2e6;
  }

  .create-theme-selection .theme-preview .preview-body {
    height: 400px;
  }

  .create-theme-selection .theme-preview .preview-footer {
    height: 70px;
    width: 100%;
    border-top: 1px solid #dee2e6;
    position: absolute;
    bottom: 0px;
    padding: 15px;
  }

/*Starting Email designer */
.select-target.text-editor.active {
  background-color: skyblue;
  color: white;
}

.select-target.drag-drop.active {
  background-color: skyblue;
  color: white;
}
/* Ending Email Designer */

.email-drag-container {
  width: 100%;
  overflow-y: auto;
  max-height: calc(100vh - 220px);
}

  .email-drag-container .drag-elements {
    margin: 6px;
    border: 1px solid #efefef;
    padding: 10px;
    display: inline-flex;
    width: calc(32% - 12px);
    justify-content: center;
    align-items: center;
    height: 80px;
    border-radius: 4px;
    cursor: pointer;
  }

    .email-drag-container .drag-elements:hover {
      -webkit-box-shadow: 0px 0px 5px 0px rgba(245,245,245,1);
      -moz-box-shadow: 0px 0px 5px 0px rgba(245,245,245,1);
      box-shadow: 0px 0px 5px 0px rgba(245,245,245,1);
      border: 1px solid #00b0f0;
    }


.designer-element-section .drag_elm {
  background: #f3f3f3;
  border: 1px solid #f3f3f3;
  cursor: move;
  padding: 8px;
}

  .designer-element-section .drag_elm.button {
    background: unset;
    min-height: unset;
    border: 0px;
    position: absolute;
    z-index: 9;
    display: inline;
  }

.designer-element-section .drop_content_area {
  border: 1px solid #dee2e6;
  min-height: 1000px;
  background: #fff;
  position: relative;
  margin-bottom: 80px;
  overflow-y: auto;
  overflow-x: hidden;
}

.drag-body {
  width: 100%;
}

.main-preview-container, .drag-body {
  position: relative;
}


.email-designer-container .fixed-area-bottom {
  padding-left: 600px;
}


@media (min-width: 576px) {
  .layout-preview-modal .modal-dialog {
    max-width: 100%;
    margin: 1.75rem auto;
  }

    .layout-preview-modal .modal-dialog:not(.modal-sm):not(.modal-lg) {
      width: 900px;
    }
}

.layout-preview-modal .newsletter-header, .layout-preview-modal .newsletter-footer {
  min-height: 50px;
}

.layout-preview-modal .newsletter-body {
  min-height: 400px;
}

.main-preview-container {
  width: 100%;
}

  .main-preview-container .main-preview-body.wide {
    margin: 0px auto
  }

  .main-preview-container .main-preview-body.compact {
    width: 850px;
    margin: 0px auto
  }

  .main-preview-container .main-preview-body.narrow {
    width: 700px;
    margin: 0px auto
  }

.drop_content_area .drag_elm .label {
  position: absolute;
  font-weight: 400;
  top: -20px;
  left: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.drop_content_area .drag-action, .drop_content_area .drag-style, .drop_content_area .drag-alingment {
  position: absolute;
  top: -20px;
  display: inline-flex;
  justify-content: flex-end;
  z-index: 10;
}

.drop_content_area .drag-action {
  width: 50px;
}

.drop_content_area .drag-style, .drop_content_area .drag-alingment {
  width: 100px;
}

.drop_content_area .drag-style {
  right: 60px;
}

.drop_content_area .drag-action {
  right: 0px;
}

.drop_content_area .drag-alingment {
  right: 150px;
}

  .drop_content_area .drag-action div.icon, .drop_content_area .drag-alingment div.icon, .drop_content_area .drag-style div.icon {
    display: inline-flex;
    width: 22px;
    height: 20px;
    margin-left: 3px;
    justify-content: center;
    align-items: center;
    background: #efefef;
    cursor: pointer;
  }

.designer-element-section .drag_elm.button.button-drop {
  width: unset;
}

.drop_content_area .drag-action div.icon:last-child:hover {
  cursor: pointer;
}

.sms-designer-container .sms-info {
  margin: 15px 0px;
}

.sms-info .title {
  font-weight: 600;
}

.sms-info .character-count {
  margin-right: 60px;
}

.sidebar-sub-container .form-group.switch-inline {
  display: flex;
  justify-content: space-between;
}

.sms-layout-preview-modal .main-preview-body {
  height: 500px;
  width: 320px;
  margin: 0px auto;
  overflow: hidden;
}

  .sms-layout-preview-modal .main-preview-body img {
    width: 100%;
  }

  .sms-layout-preview-modal .main-preview-body .sms-box {
    border-radius: 4px;
    background: #efefef;
    padding: 15px;
    max-width: 231px;
    margin-left: 30px;
    top: 95px;
    position: absolute;
  }

.main-preview-body {
  position: relative;
}

.theme-editor-container div#theme-preview-body {
  padding: 15px;
}

.theme-editor-container div#theme-preview-footer {
  margin-top: 0px !important;
}

span[tabindex]:focus {
  border: 1px solid #00B0F0 !important;
  border-radius: 4px;
  box-shadow: rgba(131, 192, 253, 0.455) 0px 0.144868px 0px 2.60763px;
}
/*Starting Email Designer */
div#layoutEmailDesign.wide, div#layoutEmailDesign.compact,
div#layoutEmailDesign.narrow {
  border: 2px dashed #ccc;
  font-family: 'Roboto', sans-serif;
  min-width: 400px;
  background: #fff;
  justify-content: center;
  align-items: center;
  position: relative;
}

div#layoutEmailDesign.wide {
  margin: 20px !important;
  width: calc(100% - 40px);
  min-height: 980px;
  margin: 15px;
}

div#layoutEmailDesign.compact {
  margin: 20px auto !important;
  max-width: 800px;
  min-height: calc(100vh - 200px);
  margin: 30px;
}

div#layoutEmailDesign.narrow {
  margin: auto;
  min-width: 400px;
  max-width: 500px;
  height: 980px;
  margin-top: 10px;
}
/*Ending Email Designer*/

.main.drop_content_area li.ui-draggable.ui-draggable-handle {
  list-style: none;
}

ul.hash-list li {
  padding: 5px;
  font-size: .9em;
  cursor: pointer;
}

ul.hash-list li, #layoutEmailDesign li {
  cursor: pointer;
}

.border-structure {
  border: 1px dashed #ababab;
  height: 30px;
  background-color: #fff;
}

.structures-list.one-col .structures-list.two-col, .structures-list.three-col {
  display: inline-flex;
  width: 100%;
}

.structures-list.one-col .border-structure {
  margin: 6px;
  width: calc(100% - 12px);
}

.structures-list.two-col .border-structure {
  width: calc(49% - 12px);
  display: inline-flex;
  margin: 6px;
}

.structures-list.three-col .border-structure {
  width: calc(33% - 12px);
  display: inline-flex;
  margin: 8px;
}

.structures-list {
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  margin-bottom: 10px;
  padding: 5px;
}

  .structures-list:hover {
    border: 1px solid #00b0f0;
    cursor: pointer;
  }

  .structures-list img {
    width: 100%;
  }

.drop-column-structures {
  border: 1px dashed #e0dfdf;
  padding: 0px;
}

/*****DNCustomerContactPlanPage BEGIN*****/
.row-criteriacontainer {
  display: flex;
  justify-content: space-between;
  margin: 20px;
}

  .row-criteriacontainer select {
    width: 100%
  }
/*****DNCustomerContactPlanPage END*****/

.one-col.ui-draggable.ui-draggable-handle, .two-col.ui-draggable.ui-draggable-handle, .three-col.ui-draggable.ui-draggable-handle {
  width: 100%;
}

#layoutEmailDesign .drop-column-structures .column-structures {
  border: 1px dashed #848484;
  min-height: 50px;
  position: relative;
}

.resize-box-right, .resize-box-left {
  cursor: col-resize;
}

.resize-box-bottom {
  cursor: row-resize;
}

.column-structures .resize-box-bottom {
  width: 100px;
  height: 6px;
  position: absolute;
  background: #dedede;
  border-radius: 15px;
  bottom: -3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.column-structures .resize-box-right {
  position: absolute;
  width: 6px;
  height: 20px;
  background: #dedede;
  right: 0px;
  top: 15px;
  border-radius: 15px;
}

.column-structures .resize-box-left {
  position: absolute;
  width: 6px;
  height: 20px;
  background: #dedede;
  left: 0px;
  top: 15px;
  border-radius: 15px;
}

.ui-widget-content .ui-wrapper .dragdrop-blocks {
  min-height: 30px !important;
  width: 100% !important;
}

.ui-widget-content .ui-wrapper textarea.dragdrop-blocks {
  min-height: 80px !important;
  width: 100% !important;
}

.ui-widget-content .bgcolor-action input {
  position: absolute;
  left: 0px;
  width: 80px;
  height: 20px;
  top: -20px;
  border: 1px solid #efefef;
}

#layoutEmailDesign .ui-widget-content .row.ui-resizable {
  margin-left: -7px;
}

.ui-widget-content .drag-style .normal.active, .ui-widget-content .drag-style .italic.active, .ui-widget-content .drag-style .bold.active {
  background: #00b0f0 !important;
  color: #fff;
}

#mailBody .ui-widget-content .ui-wrapper, #mailBody .ui-widget-content, #mailBody #layoutEmailDesign .drop-column-structures .column-structures {
  height: unset !important;
  border: 0px !important;
}

  #mailBody .ui-widget-content .ui-icon {
    display: none;
  }

#mailBody #layoutEmailDesign .drop-column-structures .column-structures {
  border: 0px !important;
}

.imagestructures img {
  width: 100%;
}

#mailBody .drop-column-structures {
  border: none;
  padding: 0px;
}

#mailBody #layoutEmailDesign .ui-widget-content .row.ui-resizable {
  margin-left: 1px;
}

#mailBody div#layoutEmailDesign {
  margin: auto !important;
  overflow: hidden;
}

#mailBody .ui-widget-content {
  background-color: transparent;
}

.drop-column-structures .col-md-12.column-structures .ui-widget-content {
  width: fit-content;
}

/*****DNItemPage BEGIN*****/
* {
  box-sizing: border-box;
}

/*the container must be positioned relative:*/
.autocomplete {
  position: relative;
  display: inline-block;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

  .autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
  }

    /*when hovering an item:*/
    .autocomplete-items div:hover {
      background-color: #e9e9e9;
    }

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important;
  color: #ffffff;
}
/*****DNItemPage END*****/

.componentEdit .custom-row.upload-section {
  align-items: center;
  position: relative;
}

.componentEdit button.icon.btn-trash {
  border: 0px;
  background: none;
  font-size: 22px;
}

.componentEdit .custom-row.upload-section .image-preview {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  background: #efefef;
  justify-content: center;
  border-radius: 4px;
}

  .componentEdit .custom-row.upload-section .image-preview img {
    width: 100%;
  }

.componentEdit .btn-bs-file {
  position: relative;
}

.componentEdit .upload-newfile {
  width: calc(100% - 170px);
}

.componentEdit .btn-bs-file input[type="file"] {
  position: absolute;
  filter: alpha(opacity=0);
  opacity: 0;
  width: 150px;
  height: 0;
  outline: none;
  cursor: inherit;
  display: none;
}


.componentEdit .action-area {
  width: 50px;
  display: flex;
  justify-content: center;
}

.componentEdit .imgrow {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #efefef;
  padding-bottom: 6px;
  margin-bottom: 6px;
  padding-top: 10px;
}

/*Start CalendarV2 Css---------22.01.2021-------------------- */

#calendarV2-wrapper {
  height: calc(100vh - 200px);
}

  #calendarV2-wrapper .button-group {
    margin: 15px 0;
    display: flex;
    justify-content: flex-end;
  }

    #calendarV2-wrapper .button-group .event-popup-btn-groups {
      margin-left: 15px;
    }

#calendarV2 a.fc-event {
  color: #000;
}

#calendarV2 .fc-toolbar.fc-header-toolbar .fc-center {
  float: left;
  margin-left: 15px
}

  #calendarV2 .fc-toolbar.fc-header-toolbar .fc-center h2 {
    font-size: 18px;
    color: #404040;
    position: relative;
    top: 7px;
  }

#calendarV2 .fc-toolbar.fc-header-toolbar .fc-left {
  max-width: 320px;
  width: 100%;
}

  #calendarV2 .fc-toolbar.fc-header-toolbar .fc-left button {
    background: #fff !important;
    border: 1px solid #c1c1c1;
  }

  #calendarV2 .fc-toolbar.fc-header-toolbar .fc-left .fc-button-group {
    width: 100%;
  }

  #calendarV2 .fc-toolbar.fc-header-toolbar .fc-left .fc-next-button {
    float: right;
  }

#calendarV2 .fc-toolbar .fc-right {
  float: right;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}

  #calendarV2 .fc-toolbar .fc-right button {
    background: #fff;
    border: 0 !important;
    width: 80px;
    color: #404040;
  }

    #calendarV2 .fc-toolbar .fc-right button.fc-state-active {
      color: #0154a7;
      font-weight: 400;
    }

      #calendarV2 .fc-toolbar .fc-right button.fc-state-active::after {
        content: "";
        width: 100%;
        display: block;
        height: 2px;
        background: #00b0f0;
        border-radius: 4px;
        position: relative;
        bottom: -3px;
      }

#divDnEventCanlendarPageV2 .fc-button-group button {
  height: 35px !important;
}

#divDnEventCanlendarPageV2 #calendarV2 a.event-past {
  background-color: #f9eceb !important;
  border-color: #f9eceb !important;
}

  #divDnEventCanlendarPageV2 #calendarV2 a.event-past .fc-title, #divDnEventCanlendarPageV2 #calendarV2 a.event-past .fc-time {
    color: #000;
  }

#divDnEventCanlendarPageV2 #calendarV2 a.event-future, #divDnEventCanlendarPageV2 #calendarV2 a.event-future .fc-time {
  background-color: #f2f1ff !important;
  border-color: #f2f1ff !important;
}

  #divDnEventCanlendarPageV2 #calendarV2 a.event-future .fc-title, #divDnEventCanlendarPageV2 #calendarV2 a.event-future .fc-time {
    color: #000;
  }

#divDnEventCanlendarPageV2 #calendarV2 a.event-inprogress {
  background-color: #ddeedc !important;
  border-color: #ddeedc !important;
}

  #divDnEventCanlendarPageV2 #calendarV2 a.event-inprogress .fc-title, #divDnEventCanlendarPageV2 #calendarV2 a.event-inprogress .fc-time {
    color: #000;
  }

#divDnEventCanlendarPageV2 #viewPlaceHolder {
  overflow-x: hidden;
  overflow-y: hidden !important;
}

#timeslotcalendarcontainerV2 .fc-toolbar.fc-header-toolbar {
  margin-bottom: 0em;
}

#timeslotcalendarcontainerV3 .fc-toolbar.fc-header-toolbar {
  margin-bottom: 0em;
}

#calendarV2-wrapper {
  margin: 15px 0 15px;
}

  #calendarV2-wrapper .datepicker-fullcalendar {
    left: 0px;
  }

/*   End CalendarV2 Css---------22.01.2021-------------------- */

/*Start CalendarV3 Css---------04.06.2023-------------------- */
#timeslotcalendarcontainerV3 .fc-toolbar.fc-header-toolbar {
  margin-bottom: 0em;
}

#calendarV3-wrapper {
  /*float: right;
    width: calc(100% - 340px);
    margin-left: 5px;*/
  height: calc(100vh - 200px);
}

  #calendarV3-wrapper .button-group {
    margin: 15px 0;
    display: flex;
    justify-content: flex-end;
  }

    #calendarV3-wrapper .button-group .event-popup-btn-groups {
      margin-left: 15px;
    }

#calendarV3 a.fc-event {
  color: #000;
}

#calendarV3 .fc-toolbar.fc-header-toolbar .fc-center {
  float: left;
  margin-left: 15px
}

  #calendarV3 .fc-toolbar.fc-header-toolbar .fc-center h2 {
    font-size: 18px;
    color: #404040;
    position: relative;
    top: 7px;
  }

#calendarV3 .fc-toolbar.fc-header-toolbar .fc-left {
  /*position: absolute;
    left: -340px;*/
  max-width: 320px;
  width: 100%;
}

  #calendarV3 .fc-toolbar.fc-header-toolbar .fc-left button {
    background: #fff !important;
    border: 1px solid #c1c1c1;
  }

  #calendarV3 .fc-toolbar.fc-header-toolbar .fc-left .fc-button-group {
    width: 100%;
  }

  #calendarV3 .fc-toolbar.fc-header-toolbar .fc-left .fc-next-button {
    float: right;
  }

#calendarV3 .fc-toolbar .fc-right {
  float: right;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}

  #calendarV3 .fc-toolbar .fc-right button {
    background: #fff;
    border: 0 !important;
    width: 80px;
    color: #404040;
  }

    #calendarV3 .fc-toolbar .fc-right button.fc-state-active {
      color: #0154a7;
      font-weight: 400;
    }

      #calendarV3 .fc-toolbar .fc-right button.fc-state-active::after {
        content: "";
        width: 100%;
        display: block;
        height: 2px;
        background: #00b0f0;
        border-radius: 4px;
        position: relative;
        bottom: -3px;
      }

#divDnEventCanlendarPageV3 .fc-button-group button {
  height: 35px !important;
}

#divDnEventCanlendarPageV3 #calendarV3 a.event-past {
  background-color: #f9eceb !important;
  border-color: #f9eceb !important;
}

  #divDnEventCanlendarPageV3 #calendarV3 a.event-past .fc-title, #divDnEventCanlendarPageV3 #calendarV3 a.event-past .fc-time {
    color: #000;
  }

#divDnEventCanlendarPageV3 #calendarV3 a.event-future, #divDnEventCanlendarPageV3 #calendarV3 a.event-future .fc-time {
  /*background-color: dodgerblue !important;*/
  background-color: #f2f1ff !important;
  border-color: #f2f1ff !important;
}

  #divDnEventCanlendarPageV3 #calendarV3 a.event-future .fc-title, #divDnEventCanlendarPageV3 #calendarV3 a.event-future .fc-time {
    color: #000;
  }

#divDnEventCanlendarPageV3 #calendarV3 a.event-inprogress {
  background-color: #ddeedc !important;
  border-color: #ddeedc !important;
}

  #divDnEventCanlendarPageV3 #calendarV3 a.event-inprogress .fc-title, #divDnEventCanlendarPageV3 #calendarV3 a.event-inprogress .fc-time {
    color: #000;
  }

#divDnEventCanlendarPageV3 #viewPlaceHolder {
  overflow-x: hidden;
  overflow-y: hidden !important;
}

#timeslotcalendarcontainerV3 .fc-toolbar.fc-header-toolbar {
  margin-bottom: 0em;
}

#timeslotcalendarcontainerV3 .fc-toolbar.fc-header-toolbar {
  margin-bottom: 0em;
}

#calendarV3-wrapper {
  margin: 15px 0 15px;
}

  #calendarV3-wrapper .datepicker-fullcalendar {
    left: 0px;
  }

/*   End CalendarV3 Css---------04.06.2021-------------------- */

div#reserve-resource-modal h1.title {
  font-size: 1.3em;
  margin-top: -59px;
}

#reserve-resource-modal h2.subtitle {
  text-align: left;
  margin-top: 25px;
}

#reserve-resource-modal h3.subtitle {
  font-size: 18px;
}

div#reserve-resource-modal h2.subtitle + .reserve-resource-details {
  margin-top: 15px;
}

.row.reserve-resource-details .col-6:first-child {
  padding-right: 5px;
}

.row.reserve-resource-details .col-6:last-child {
  padding-left: 5px;
}

#reserve-resource-modal .DNQuantityChanger {
  display: inline-flex;
}

#reserve-resource-modal button.less.btn.btn-primary, #reserve-resource-modal button.more.btn.btn-primary {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#reserve-resource-modal .DNQuantityChanger {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.resource-tickets li .resource-item-name,
.resource-tickets li .item-SalesPrice, .resource-tickets li .header-resource-item-name,
.resource-tickets li .header-item-SalesPrice, .resource-tickets li .header-Quantity {
  font-size: .9em;
}

.resource-tickets li .header-resource-item-name,
.resource-tickets li .header-item-SalesPrice, .resource-tickets li .header-Quantity, .resource-tickets .item-header-title .header-item-DeliveryTime {
  font-weight: 600;
}

.resource-tickets li:hover {
  background: #efefef;
}

#reserve-resource-modal ul.resource-tickets {
  min-height: 50px;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #e6e6e6;
}

#reserve-resource-modal span.resource-item-name, #reserve-resource-modal span.item-SalesPrice {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 15px;
}

.fixed-area-bottom .TemplateName,
.fixed-area-bottom .shop-template {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  margin-right: 15px;
}

.fixed-area-bottom .shop-template {
  width: 200px;
}

.fixed-area-bottom .custome-bottom {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.fixed-area-bottom .TemplateName label,
.fixed-area-bottom .shop-template label {
  padding-right: 10px;
}

.fixed-area-bottom .custome-bottom .default-template {
  margin-right: 15px;
}

.head-bar #masterPageNavbar li {
  font-size: 16px;
}

.multipleChoice textarea {
  padding-left: 50px;
  padding-right: 40px;
}

.multipleChoice .checkbox.anscheck {
  position: absolute;
  background: #efefef;
  top: 1px;
  width: 43px;
  height: 43px;
  left: 1px;
  padding: 12px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

#viewPlaceHolderV2 .box-typical-body.panel-body .multipleChoice .checkbox.anscheck input[type="checkbox"] {
  position: absolute;
  left: 22px;
  z-index: 50;
  top: -4px;
}

@media (min-width: 991px) and (max-width: 1024px) {
  span.toggle-edit-mode {
    font-size: 20px;
  }
}

.dahsboard-column [class^="icon-"], .dahsboard-column [class*=" icon-"], .customizer span.img-icon,
.action-bar .icon-search, .action-bar .img-icon {
  font-size: 1.5em;
}

[class^="icon-"], [class*=" icon-"] {
  font-weight: 500;
}

.customizer span.img-icon, .action-bar .img-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.action-bar .img-icon {
  color: #000;
}

.action-bar span.img-icon {
  margin-top: 0px;
}

.action-bar-header span.img-icon {
  margin-right: 15px;
}

table.dataTable thead .sorting:after {
  *content: " ";
  display: none;
}

td.dt-body-center.sorting_1, table.dataTable thead tr th.sorting_desc, table.dataTable thead tr th.sorting_asc {
  background: rgba(99,99,99,0.1);
}

table.dataTable thead th, table.table th {
  background: #fff !important;
  font-weight: 400;
  letter-spacing: 1px;
}

table.dataTable thead tr:first-child th {
  border-bottom: 3px solid #d3d3d3 !important;
}


.custom-preview-row.divheader {
  padding: 5px 0px 20px 0px;
}

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

.DNRadioButton {
  display: flex;
  margin-bottom: 5px;
}

  .DNRadioButton input[type="radio"] {
    margin-top: auto;
    margin-bottom: auto;
  }

  .DNRadioButton label {
    margin: auto;
    margin-left: 5px;
  }

.custom-preview-row.divheader {
  padding: 5px 0px 20px 0px;
}

table.dataTable thead tr th.datasearch-active {
  background: #F2F2F299 !important;
}

li#DNDataGridTable_previous.disabled, li#DNDataGridTable_next.disabled {
  display: none;
}

.divsidebar-body .level-name {
  display: flex;
  width: 190px;
}

  .divsidebar-body .level-name span {
    margin: 0px 8px 0px 0px;
  }

.pagination > li > a {
  background: #efefef;
}

  .pagination > li > a:hover {
    background: #cdcdcd;
  }

.pagination > li.active > a {
  padding: 5px 11px;
}

.customtable-filter .icon-search {
  position: absolute;
  right: 30px;
  top: 5px;
  width: 18px;
  height: 18px;
  z-index: 20;
  font-size: 1.5em;
}

.customtable-filter {
  width: 254px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 2px 5px -4px rgb(0 0 0 / 75%);
  -moz-box-shadow: 0px 2px 5px -4px rgba(0,0,0,0.75);
  box-shadow: -2px 2px 5px -4px rgb(0 0 0 / 75%);
  padding-top: 15px;
  position: absolute;
  z-index: 50;
  left: -109px;
  top: 42px;
  display: none;
}

.filter-active {
  position: relative;
}

customtable-filter {
}

.customtable-filter .app-search .form-control, .customtable-filter .app-search .form-control:focus {
  width: 220px;
}

.customtable-filter .app-search.action-bar-search {
  position: relative;
}

.customtable-filter .filter-action {
  padding: 0px 13px 13px 13px;
}

.customtable-filter .checkbox input + label {
  display: block;
  width: 100%;
  text-align: left;
}

th.filter-active .customtable-filter {
  display: block;
}
/* filter icon on table grid header*/
th.sorting_disabled.filter-active:after {
  content: "\e91f";
  font-family: 'dn-glyph' !important;
  font-size: 16px;
  margin: 3px 0px 0px 6px;
  font-weight: 600;
  display: none;
}

.customtable-filter .app-search .form-control {
  margin-right: 16px;
}

.filter-active .pd-15.checkbox {
  padding-left: 25px !important;
}

/*Starting Upload Document*/
.filenameupload {
  width: 98%;
}

input#uploadFile1 {
  margin-bottom: 15px;
}

.upload_prevattachment .uploadlisting-row {
  display: inline-flex;
  padding: 0px 5px 0px 0px;
  font-size: 12px;
}


.closeattachment {
  font-size: 18px;
  color: red;
  font-weight: bold;
}

/* ending File Upload Document*/
.page-content .dashboardTiles {
  margin-top: 20px;
}

.edit-tiles-modal button.close {
  font-size: 1.5em;
}

.head-bar .icon-search {
  top: 1px !important;
  right: 8px;
}

button#large1_RemoveImgBtn, #large_RemoveImgBtn {
  background: #ffffff88;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
}

  button#large1_RemoveImgBtn:hover, #large_RemoveImgBtn:hover {
    background: #ffffffb3;
  }

button.editimage {
  visibility: hidden;
  position: absolute;
  top: 30%;
  left: 57%;
  transform: translateX(-57%);
  width: 60px;
  height: 60px;
  background: #ffffff66;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--accent-background);
}

.DisplayContainer:hover button.editimage {
  background: #e0e0e088;
  visibility: visible;
}

.DisplayContainer .icon-icons8_delete {
  background: #ffffff88;
  padding: 3px;
}

li.li-active {
  background: #EDF3F9;
  border-radius: 4px;
  position: relative;
}

  li.li-active > a .lbl {
    color: #0154A7 !important;
  }

  li.li-active::after {
    content: '\f111';
    font-family: 'fontAwesome';
    font-size: 8px;
    border: 0;
    position: absolute;
    z-index: 10;
    right: 10px;
    top: 12px;
    color: #0154A7;
  }

.with-sub.li-active.opened ul.opened > li {
  margin: 3px 0;
}


.with-sub.li-active {
  background: #f0f0f0;
}

.with-sub.opened.li-active::after {
  display: none;
}

li.edit-it i.fa-pen {
  font-size: .8em;
}

.edit-tile > ul > li:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.edit-tile > ul > li:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.box-typical.box-typical-dashboard .box-typical-header, .box-typical-body.panel-body {
  background: #fafafa;
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
  background-color: lightgray;
}

.dvUserFormsPrt a, .dvUserFormsPrt a:focus, .dvUserFormsPrt a:hover, div#Date, .clock ul li {
  color: #212529;
}

.app-search .form-control, .app-search .form-control:focus {
  height: 38px;
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {
  .with-side-menu.theme-picton-blue.ui-droppable .page-content {
    margin-left: 10px;
    margin-right: 65px;
  }

  div#DNEligiblePopupPartial {
    left: 50%;
    -webkit-transform: translateX(-45%);
    transform: translateX(-45%);
    width: 90% !important;
  }

  .with-side-menu.dashboard.menu-left-opened .site-header,
  .with-side-menu.dashboard.menu-left-opened .head-bar {
    width: calc(100% - 240px) !important;
  }

  .with-side-menu.dashboard.menu-left-opened .col-xl-12.dashboardTiles {
    margin-left: 240px;
    max-height: 900px;
    overflow: auto;
  }

  .mobile-menu-left-overlay {
    position: relative;
  }

  .page-title.pull-left + .pull-right {
    width: unset;
  }

  .site-header-content-in .dropdown.shopno {
    white-space: nowrap;
  }

  .dashboard.menu-left-opened .site-header .hidden-md-down.darktheme-active,
  .with-side-menu.theme-picton-blue.dashboard.menu-left-opened img.hidden-md-down {
    display: none !important
  }

  .dashboard.menu-left-opened .site-header .hamburger {
    margin: 0px !important;
    left: -10px;
  }

  .columns-edit-row .col-lg-2.resize-edit {
    margin: 0px -4px !important;
  }

  .link-icons.action-btn, .customizer.action-btn .customizer-body {
    height: 100%;
    max-height: 100%;
  }

  .dashboardTiles .grid-stack > .grid-stack-item {
    position: absolute;
    padding: 0;
  }

  .with-side-menu.theme-picton-blue.dashboard.menu-left-opened .dashboardTiles .grid-stack > .grid-stack-item {
    min-width: 40%;
  }

  .site-header .hamburger {
    margin: 0px 12px 0px 0px !important;
  }

  .with-side-menu.theme-picton-blue.ui-droppable .site-header {
    border-left: 0px solid #f0f0f0 !important;
  }

  .with-side-menu.theme-picton-blue.ui-droppable .side-menu {
    box-shadow: 0 0px 0px 0px #f0f0f0;
  }

  .with-side-menu.theme-picton-blue.ui-droppable.menu-left-opened .side-menu {
    box-shadow: 0 0px 0px 7px #f0f0f0;
  }

  .with-side-menu.theme-picton-blue.ui-droppable.menu-left-opened .page-content {
    margin-left: 240px;
  }

  .with-side-menu.theme-picton-blue.ui-droppable.menu-left-opened .head-bar,
  .with-side-menu.theme-picton-blue.ui-droppable.menu-left-opened header.site-header {
    width: calc(100% - 240px);
  }

  .with-side-menu.theme-picton-blue.ui-droppable.menu-left-opened header.site-header {
    border-left: 7px solid #f0f0f0 !important;
  }

  .with-side-menu.theme-picton-blue.ui-droppable.dashboard.menu-left-opened .col-xl-12.dashboardTiles {
    margin-left: 10px;
  }

  .with-side-menu.menu-left-opened .card-header.d-flex.justify-content-between.align-items-center > span {
    width: calc(100% - 50px);
  }

  .col-md-9.image-display-container, .col-md-9.docs-buttons {
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
  }

  .col-md-9.docs-buttons {
    padding-left: 0px;
  }

  .col-md-3.docs-toggles {
    padding-right: 0px;
  }

  .col-md-3.image-property-container, .col-md-3.docs-toggles {
    width: 35% !important;
    -ms-flex: 0 0 44%;
    flex: 0 0 44%;
    max-width: 44%;
  }

  .docs-preview .img-preview.preview-lg {
    width: 210px !important;
  }

  #divImageEditor {
    max-width: 80% !important;
  }
}


@media only screen and (min-width : 980px) and (max-width : 1024px) {
  .with-side-menu.theme-picton-blue.ui-droppable.menu-left-opened .site-header,
  .with-side-menu.theme-picton-blue.ui-droppable.menu-left-opened .head-bar {
    width: 100%;
  }

  .with-side-menu.theme-picton-blue.ui-droppable.menu-left-opened .site-header {
    border-left: 0px solid #f0f0f0 !important;
  }

  .with-side-menu.theme-picton-blue.ui-droppable.menu-left-opened .side-menu {
    box-shadow: 0 0px 0px 0px #f0f0f0;
  }

  .with-side-menu.theme-picton-blue.ui-droppable .page-content {
    margin-left: 240px;
  }

  .with-side-menu.theme-picton-blue.ui-droppable.menu-left-opened .page-content {
    margin-left: 0px;
  }
}

@media only screen and (max-width : 767px) {
  .with-side-menu.theme-picton-blue.ui-droppable .page-content {
    margin-left: 10px;
    margin-right: 65px;
  }

  .table-responsive.responsive-data-grid {
    overflow-y: auto !important;
    max-height: calc(100vh - 205px);
  }

  .ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: auto;
  }
}

@media only screen and (min-width : 1024px) {
  .with-side-menu.theme-picton-blue.ui-droppable .page-content {
    margin-left: 10px;
    margin-right: 65px;
  }
}

@media (max-width: 1023px) {
  .site-header, .head-bar {
    width: 100%;
  }

  .capacity-block {
    position: relative;
    top: 0;
    right: unset;
    z-index: 1000;
    margin-top: 10px;
  }
}

@media only screen and (min-width : 768px) and (max-width : 900px) {
  .ui-draggable-handle {
    -ms-touch-action: none !important;
    touch-action: auto !important;
  }

  .edit-tiles-preview .dash-tiles {
    width: 15.3em !important;
  }

  .tilesedit__body .color-palettet-box + h3.level-title, .tilesedit__body .tiles-box-size {
    display: none;
  }

  #calendar .fc-toolbar .fc-right {
    float: right;
    margin-left: 15px;
  }

  .with-side-menu.theme-picton-blue.ui-droppable.menu-left-opened #calendar .fc-toolbar .fc-right {
    margin-top: 50px;
  }

  #calendar .fc-toolbar.fc-header-toolbar .fc-center {
    margin-left: 0px;
  }

  .with-side-menu.theme-picton-blue.ui-droppable.chrome-browser #calendar .fc-toolbar.fc-header-toolbar .fc-center {
    margin-left: 0px;
    width: 100%;
    left: 0px;
    top: 50px;
  }


  .with-side-menu.theme-picton-blue.dashboard .site-header, .with-side-menu.theme-picton-blue.dashboard .head-bar,
  .with-side-menu.theme-picton-blue.opened .site-header, .with-side-menu.theme-picton-blue.opened .head-bar {
    width: 100%;
  }

  .with-side-menu.theme-picton-blue.opened.menu-left-opened .site-header, .with-side-menu.theme-picton-blue.opened.menu-left-opened .head-bar {
    width: calc(100% - 298px);
  }

  .with-side-menu.theme-picton-blue.opened.menu-left-opened img.hidden-md-down {
    display: none !important
  }

  .with-side-menu.theme-picton-blue.opened.menu-left-opened .site-header .hamburger {
    margin: 0px !important;
    left: -10px;
  }

  .with-side-menu.theme-picton-blue.opened.menu-left-opened .page-content {
    margin-left: 240px;
  }

  .with-side-menu.theme-picton-blue.dashboard .site-header {
    border-left: 0px solid #f0f0f0 !important;
  }

  .with-side-menu.theme-picton-blue.dashboard .side-menu {
    box-shadow: 0 0px 0px 0px #f0f0f0 !important;
  }

  .with-side-menu.theme-picton-blue.dashboard.menu-left-opened .site-header {
    border-left: 7px solid #f0f0f0 !important;
  }

  .with-side-menu.theme-picton-blue.dashboard.menu-left-opened .side-menu {
    box-shadow: 0 0px 0px 7px #f0f0f0 !important;
  }

  .with-side-menu.theme-picton-blue .page-with-sidebar .sidebar-nav {
    left: 0px;
  }
}

@media (max-width: 1023px) {
  .with-side-menu.theme-picton-blue.ui-droppable.opened.menu-left-opened .site-header {
    border-left: 7px solid #f0f0f0 !important;
  }

  .with-side-menu.theme-picton-blue.ui-droppable.opened .site-header {
    border-left: 0px solid #f0f0f0 !important;
  }

  .with-side-menu.theme-picton-blue.ui-droppable.opened .side-menu.opened {
    box-shadow: 0 0px 0px 0px #f0f0f0 !important;
  }

  .with-side-menu.theme-picton-blue.ui-droppable.opened.menu-left-opened .side-menu.opened {
    box-shadow: 0 0px 0px 7px #f0f0f0 !important;
  }
}





@media (min-width: 1024px) {
  body.with-side-menu.theme-picton-blue.ui-droppable.dashboard .dashboardTiles {
    padding: 0px 5px 4px 15px;
  }

  .with-side-menu.theme-picton-blue.ui-droppable.opened.menu-left-opened .site-header {
    border-left: 0px solid #f0f0f0 !important;
  }

  .with-side-menu theme-picton-blue.dashboard {
    width: calc(100% - 240px);
    margin-left: 240px;
  }

  .with-side-menu.dashboard.menu-left-opened .site-header,
  .with-side-menu.dashboard.menu-left-opened .head-bar {
    width: calc(100% - 0px);
  }

  .with-side-menu.dashboard.menu-left-opened .page-content {
    padding-left: 0px !important;
  }

  .with-side-menu.dashboard.menu-left-opened .site-header {
    width: calc(100% - 0px);
    border-left: 0px solid #f0f0f0;
  }

  .with-side-menu.dashboard.menu-left-opened .site-header, .with-side-menu.dashboard.menu-left-opened .head-bar {
    border-left: 0px solid #f0f0f0 !important
  }

  .with-side-menu.dashboard.menu-left-opened .side-menu {
    box-shadow: none;
  }

  .site-header .hamburger {
    margin: 0px 12px 0px 0px !important;
  }
}


.head-bar .page-title {
  padding-left: 15px;
}

.head-bar ul.ulHeader li {
  margin: 0px 2px;
}

.columns-edit-row .col-lg-2.resize-edit {
  margin: 0px -1px !important;
}

.closeattachment [class^="icon-"] {
  font-size: .9em;
  cursor: pointer;
  font-weight: 600;
  margin: 0px 5px;
  color: #000;
}

#ModalComposeMail #DetailsPartial {
  padding-bottom: 0px;
}

#ModalComposeMail .box-typical.box-typical-dashboard {
  margin: 0 0 0px;
}

.modal-header .close span {
  font-size: 1.5rem;
}

#ModalComposeMail .box-typical-header, #ModalComposeMail .box-typical-body.panel-body {
  background: #ffffff !important;
}

#ModalComposeMail .modal-dialog.modal-lg {
  max-width: 700px;
}

#ModalComposeMail .footer-action {
  display: flex;
  justify-content: flex-end;
}

#masterPageNavbar li a {
  white-space: nowrap;
}

.filterbox .mt-3 .form-control-wrapper {
  margin-bottom: 15px;
}

.with-side-menu.opened.sidebar-hidden .designer-sidebar-property {
  left: 300px;
}

.with-side-menu.opened.sidebar-hidden .labels-designer-page .designer-sidebar {
  left: 0px !important;
}





@media only screen and (min-width : 1200px) and (max-width : 1400px) {
  ul #masterPageNavbar {
    max-width: 650px;
    overflow-x: auto;
    display: flex;
    padding-bottom: 2px
  }

  .edit-details-page .box-typical .panel-title {
    white-space: unset;
  }
}

ul.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}

#DNDataGridTable .btn-primary.table-btn.dngridcbbtn {
  height: 28px;
  width: auto;
  line-height: 15px;
  font-size: .9em !important;
  margin: 4px;
  padding: 5px 8px;
}

.box-typical-body.panel-body #testgrid .bottomexport {
  margin-top: -2px;
}

.dashboardTiles .grid-stack-item.ui-resizable-autohide {
  height: 100%;
}

.rssproductcontainer div.rssproduct-list {
  width: 32%;
  height: 300px;
  overflow: hidden;
  border: 1px solid #e8e8e8;
  background: #fafafa;
  border-radius: 10px;
}

.rssproductcontainer .rssTag {
  background: #fc2c03;
  color: white;
  padding: 0px 5px;
  border-radius: 10px;
  font-size: 12px;
}

#masterPageNavbar::-webkit-scrollbar {
  width: 5px;
  height: 6px;
}

#masterPageNavbar::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
}

#masterPageNavbar::-webkit-scrollbar-thumb {
  background-color: #c5c5c5;
  border-radius: 6px;
  border: 0px;
  cursor: pointer;
}

.dash-tiles .dropdown i {
  width: 30px;
  height: 30px;
  -moz-border-radius: 70px;
  -webkit-border-radius: 70px;
  border-radius: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dash-tiles .dropdown-toggle:empty::after {
  display: none;
}

.table-responsive input#txtvalidto, .table-responsive select.select2.form-control {
  height: 28px;
  padding: 0.2rem 0.75rem;
}

.table-responsive select.form-control {
  height: 28px;
  padding: 0.2rem 0.75rem;
  background-color: unset;
  border-radius: 2px;
  border-color: #bbb;
}

ul.context-menu-list.context-menu-root {
  z-index: 1069 !important;
}

div#unpaidremindersdiv h6 {
  margin-bottom: 5px;
}

.col-md-8.paginate-show {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

  .col-md-8.paginate-show .export-in-pagination {
    margin-top: 0px;
  }

@media only screen and (min-width : 1024px) and (max-width : 1200px) {
  div#DNEligiblePopupPartial {
    left: 32%;
    -webkit-transform: translateX(-32%);
    transform: translateX(-32%);
    width: 90% !important;
  }

  .sidebar-content-area {
    margin-left: 510px;
  }
}

.dash-tiles .grid-data-box .card .card-header {
  font-weight: unset;
}

.dash-tiles .grid-data-box .card .card-header {
  padding: 0rem .4rem;
}

.dash-tile .card-header {
  padding: 0px;
}

.dash-tiles .grid-data-box .card .card-body {
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

.dash-tiles .grid-data-box .card {
  border: 0px;
}

  .dash-tiles .grid-data-box .card, .dash-tiles .grid-data-box .card .rTableCell {
    background: transparent;
  }

    .dash-tiles .grid-data-box .card .fa-bars.dropdown-toggle {
      position: absolute;
      right: 15px;
      top: -15px;
      z-index: 10;
      background-color: transparent;
    }

    .dash-tiles .grid-data-box .card .dropdown-menu.dropdown-menu-right.show {
      top: -13px !important;
    }

.card-header.d-flex.justify-content-between.align-items-center {
  padding: 0px;
}

button:focus, button:active, input[type="button"]:focus, input[type="button"]:active {
  border-color: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

#fileAttachment_FiletargetLayer .file-name {
  width: 200px;
  white-space: break-spaces;
}

.modal-header .label-pill.label-success {
  margin-left: 15px;
}

.site-header-shown .dropdown.user-menu .dropdown-menu {
  padding: 0px !important;
}

.dashboardTiles .grid-stack .grid-data-box .card {
  margin-bottom: 0px;
}

.site-header-shown .dropdown-menu-right .dropdown-divider {
  margin: 0px;
}

.dashboardTiles .dash-tiles.graphData .highcharts-container, .dashboardTiles .dash-tiles.graphData .card {
  width: 100% !important;
}

#errordiv font {
  font-size: .8em;
}

div#SortimentPriceWaitDetails {
  margin-bottom: 80px;
}

.divcheckbox.hierarchypage .colorlabel-with-checkbox {
  display: inline-flex;
  margin: 0px 8px;
}

.divcheckbox.hierarchypage .checkbox input + label {
  padding: 0 24px 0 0px;
}

  .divcheckbox.hierarchypage .checkbox input + label:before,
  .divcheckbox.hierarchypage .checkbox input[type=checkbox] + label:after {
    left: unset;
    right: 0;
  }

div#ui-datepicker-div {
  display: none !important;
}

.table-responsive.responsive-data-grid tr th {
  background: #F6F6F6 !important;
}

input.form-control[type="url"]:focus,
input.form-control[type="url"]:active,
input:-webkit-autofill:active,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
textarea.form-control:focus,
textarea.form-control:active,
select.form-control:focus,
select.form-control:active,
span[tabindex]:focus, span[tabindex]:active,
#EMailDetailsPartial #DescriptionPopup:focus,
#EMailDetailsPartial #DescriptionPopup:active {
  -webkit-text-fill-color: inherit !important;
  box-shadow: 0 0 0 2px #0154a733 !important;
  -webkit-box-shadow: 0 0 0 2px #0154a733 !important;
  border: 1px solid #0154a7 !important;
}

.form-control[readonly], .form-control[readonly]:focus, .form-control[readonly]:active {
  -webkit-text-fill-color: inherit !important;
  box-shadow: 0 0 0 0px #0154a733 !important;
  -webkit-box-shadow: 0 0 0 0px #0154a733 !important;
  border: 0px solid #0154a7 !important;
  outline: none;
  box-shadow: none;
  border: 0px;
}

.side-menu-list #ul_menu .with-sub.opened ul {
  margin: 10px 0px;
}

.page-with-sidebar .email-nav {
  padding: 20px 15px 0px 25px;
}

  .page-with-sidebar .email-nav .data-item {
    margin-bottom: 2px;
  }

.form-control-wrapper.form-control-icon-right .fa {
  line-height: 35px;
}

  .form-control-wrapper.form-control-icon-right .fa:hover, .form-control-wrapper.form-control-icon-right .fa:active {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
  }

  .form-control-wrapper.form-control-icon-right .fa:hover {
    background: #f0f0f588;
  }

  .form-control-wrapper.form-control-icon-right .fa:active {
    background: #e0e0e0;
  }

.btn.btn-printrounded, .dnicon_data-download {
  background: #efefef !important;
  padding: 7px;
  text-align: center;
  color: #000 !important;
  font-size: 0.875rem !important;
  font-weight: 400;
  border-radius: 4px;
  width: 40px;
  height: 32px;
  display: inline-block;
  cursor: pointer !important;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 44px;
  font-size: 22px !important;
  border: 0px;
}

  .btn.btn-printrounded:hover, .dnicon_data-download:hover {
    background: #cdcdcd !important;
  }

.btn.bottomexport::before {
  margin-right: 0px;
  margin-left: 0px;
}

.btn.dnicon_checkmark:before, .btn.dnicon_delete:before, .btn.dnicon_add-plus:before, .btn.dnicon_reject:before, .btn.dnicon_file:before, .btn.dnicon_customer:before, .btn.dnicon_pick-and-mix-discount:before, .btn.dnicon_import-file:before, .btn.dnicon_mail-designer:before, .bulkselect .btn.dnicon_list-view:before {
  margin-top: -4px;
  font-family: 'ico-material-design';
}

.btn-printrounded::before {
  content: "\e9a1";
  font-family: 'ico-material-design' !important;
  margin-top: -13px;
}

.btn-printrounded > span {
  background: url(../images/icon_print.svg) no-repeat center center;
}

div#globalwebshopedit {
  margin-left: 260px;
}

.builder-pagecomponentlist.component-list {
  padding: 8px 5px 8px 10px;
}

.builder-pagecomponentlist .nav-item.nav-header i.fa.fa-plus {
  margin: 0px 5px 0px 0px;
}

.dropdown.dropdown-notification.messages a,
.dropdown.dropdown-notification.messages a:focus {
  background-color: none !important;
}

.site-header-shown .dropdown-item:hover,
.site-header-shown .dropdown-item:active,
.site-header-shown .dropdown-item:focus {
  background: none;
}

.diveditor {
  margin-top: 15px !important;
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  .head-bar {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(255,255,255,0.9);
  }
}

.dropdown-menu.dropdown-menu-right.show {
  z-index: 1090 !important;
}

.with-side-menu.theme-picton-blue.sidebar-hidden .page-with-sidebar .sidebar-nav {
  left: 0px;
}

.with-side-menu.theme-picton-blue.sidebar-hidden .sidebar-content-area, .email-header-nav {
  margin-left: 280px;
}

.modal-body.compose-email {
  height: 400px;
  overflow-y: auto;
}

div#itemstockgrid .pull-right.bottomexport {
  right: 0px !important;
}

.site-header .user-menu.dropdown .dropdown-item:hover,
.site-header .user-menu.dropdown .dropdown-item:hover span {
  color: #0154a7;
}

#hdnError + #hdnPageTitle + .site-header {
  width: 100%;
}

div#MenuLinesData div {
  padding-right: 0px !important;
}

.col-sm-12.col-md-8.paginate-show {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.paginate-show .export-in-pagination {
  margin-top: 12px;
}

.bm-container {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 2000;
}

.bm-overlay {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 2001;
  top: 0px;
  left: 0px;
  background-color: rgba(0,0,0,0.5);
}

.bm-active {
  display: flex;
}

.blazor-modal {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #fff;
  padding: 1.5rem;
  z-index: 2004;
  max-height: 100%;
  overflow-y: auto;
}

  .blazor-modal .bm-header {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 0 0 2rem 0;
  }

  .blazor-modal .bm-content {
    justify-content: center;
  }

  .blazor-modal .bm-content-description {
    text-align: center;
  }

  .blazor-modal .bm-footer {
    display: flex;
    justify-content: center;
    padding: 1rem 0 0 0;
  }

.bm-footer-item {
  margin: 5px;
}

.bm-title {
  margin-bottom: 0;
}

.bm-close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  cursor: pointer;
}

div#DNEligiblePopupPartial {
  left: 18%;
  -webkit-transform: translateX(-18%);
  transform: translateX(-18%);
}
/* added new font files */
@font-face {
  font-family: 'ico-material-design';
  src: url('../fonts/ico-material-design.ttf?2sg506') format('truetype'), url('../fonts/ico-material-design.woff?2sg506') format('woff'), url('../fonts/ico-material-design.svg?2sg506#ico-material-design') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.dashboardTiles [class^="dnicon"] {
  font-size: 2em
}

.editlistclose .dashboardTiles [class^="dnicon"] {
  font-size: 1.2em
}

.site-header-shown .dropdown.dropdown-notification.messages {
  width: 23px;
  height: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
}

  .site-header-shown .dropdown.dropdown-notification.messages a {
    font-size: 1.2em;
  }

.btn.btn-new.onlyicon-width {
  min-width: 45px;
  padding: 8px 8px
}

.btn.onlyicon-width::before {
  margin-right: 0px;
  margin-left: 0px;
}

.appointment-grid li button {
  padding: 2px 10px;
}

body[data-theme="dark"] table.dataTable thead tr:nth-child(2) > th:first-child {
  display: flex;
  justify-content: center;
  align-items: center;
}

.search-for-menu .app-search span.dnicon_search:before {
  font-size: 1.3em;
}

.recurring-date-selection.secondary-option {
  margin-top: 10px;
}

.recurring-date-selection.secondary-option {
  border-bottom: 0px !important;
}

.recurrence-end-count input#recurrence-count, .recurrence-end-date input#recurrence-end, .recurrence-end-date input#count-space {
  margin-top: 5px;
}

#time-modal .modal-body {
  max-height: 500px;
  overflow-y: auto;
}

.drop-menu-edit-mode .btn-link:hover span {
  color: #0154A7;
}

body.with-side-menu.theme-picton-blue.ui-droppable.chrome-browser .page-content {
  margin-right: 60px;
}

body.with-side-menu.theme-picton-blue.ui-droppable.dashboard .page-content {
  margin-right: 0px !important;
}

body.with-side-menu.theme-picton-blue.ui-droppable.dashboard .dashboardTiles {
  padding: 0px 5px 4px 0px;
}

#menustepAdd .nav-tabs .nav-link {
  padding: 10px 30px 10px 10px;
}

.nav-item a.nav-link, .page-title.pull-left a {
  color: #495057;
}

.box-typical-body.profile-page {
  margin-top: 15px;
}

  .box-typical-body.profile-page .columns-edit-row .col-md-3 {
    padding-right: 0px;
  }

    .box-typical-body.profile-page .columns-edit-row .col-md-3:first-child {
      border-right: 1px solid #efefef;
    }

  .box-typical-body.profile-page .box-typical-body.panel-body,
  .box-typical-body.profile-page .box-typical.box-typical-dashboard .box-typical-header {
    background: transparent;
  }

  .box-typical-body.profile-page .box-typical .panel-heading .panel-title {
    border-bottom: 0px;
  }

  .box-typical-body.profile-page .user-icon {
    width: 80px;
    height: 80px;
    margin: 30px auto 15px auto;
    background: #efefef;
    border-radius: 40px;
  }

    .box-typical-body.profile-page .user-icon img {
      width: 100%;
    }

  .box-typical-body.profile-page .user-title {
    text-align: center;
  }

    .box-typical-body.profile-page .user-title #operatorName {
      font-size: 1.2rem;
    }

input[type='radio'] {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid darkgray;
  border-radius: 15px;
  outline: none;
}

  input[type='radio']:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    margin: 2px auto;
    border-radius: 15px;
    margin-top: 3px;
  }

  input[type='radio']:checked:before {
    background: #0154A7;
  }

#viewPlaceHolderV2 div#booking-calendar-page {
  margin-top: 5px;
}

.box-typical-body.profile-page .profile-body-section {
  width: 90%;
  margin: 100px auto;
}

.pd-15.title-section {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.profile-header-section {
  border-bottom: 1px solid #efefef;
  position: relative;
  height: 60px;
}


.profile-body-section .sub-title-box {
  width: 250px;
  position: absolute;
  top: 110px;
  left: 55%;
  -webkit-transform: translateX(-55%);
  transform: translateX(-55%)
}

.profile-body-section .form-control {
  background-color: #ffffff;
  padding: 0.375rem .5rem;
}

.profile-body-section .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
  background-color: #ffffff;
  color: #000;
  opacity: 9;
}

.profile-body-section .form-control:focus, .profile-body-section .form-control:active,
.profile-body-section select.form-control:focus,
.profile-body-section select.form-control:active,
.profile-body-section select:focus,
.profile-body-section select:active {
  -webkit-text-fill-color: inherit !important;
  box-shadow: 0 0 0 0px #ffffff !important;
  -webkit-box-shadow: 0 0 0 0px #ffffff !important;
  border: 0px solid #ffffff !important;
}

.profile-body-section.profile-editmode .form-control {
  background-color: #ffffff !important;
  padding: 0.375rem 0.75rem !important;
}

  .profile-body-section.profile-editmode .form-control:focus,
  .profile-body-section.profile-editmode .form-control:active {
    -webkit-text-fill-color: inherit !important;
    box-shadow: 0 0 0 2px #0154a733 !important;
    -webkit-box-shadow: 0 0 0 2px #0154a733 !important;
    border: 1px solid #0154a7 !important;
  }

.profile-body-section #btnSaveProfile, .profile-editmode #btnEditProfile {
  display: none;
}

.profile-body-section.profile-editmode #btnSaveProfile {
  display: block;
}

.profile-body-section .select2-container--default .select2-selection--single .select2-selection__rendered {
  border: 0px;
}

.profile-body-section .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: .375rem 25px .375rem 0px;
}

.profile-body-section .select2-container--default .select2-selection--single .select2-selection__arrow:after {
  display: none;
}

.profile-body-section.profile-editmode .select2-container--default .select2-selection--single .select2-selection__rendered {
  border: solid 1px #e0e0e0 !important;
}

.profile-body-section.profile-editmode .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: .375rem 25px .375rem 12px;
}

.profile-body-section.profile-editmode .select2-container--default .select2-selection--single .select2-selection__arrow:after {
  display: block;
}

.ftp-details-container .row .col-md-6:first-child {
  padding-right: 8px;
}

.ftp-details-container .row .col-md-6:nth-child(2) {
  padding-left: 8px;
}

.grid-data-box .card-header div:first-child {
  width: calc(100% - 50px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.col-md-9.image-display-container {
  padding: 0px;
}

.col-md-4.resize-edit.mb-80.editors {
  padding: 0px 0px;
  padding-right: 25px;
}

.btn.btn-default.active, .btn.btn-default:active, .btn.btn-default:hover {
  background-color: #ccc !important;
  border-color: #ccc !important;
}

label.btn.btn-default.active, label.btn.btn-default:hover {
  background-color: #008282 !important;
  border-color: #008282 !important;
  color: #FFFFFF !important;
}

.col-md-4 .box-typical-body.panel-body .col-sm-12.col-md-8.paginate-show {
  margin-top: 15px !important;
}

.StepTab.tab-pane #MenuLinesData .btn.btn-new {
  margin: 20px 0 0 0;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .StepTab.tab-pane #MenuLinesData .btn.btn-new {
    margin: 0px;
  }

  .with-side-menu.theme-picton-blue.opened.ui-droppable .head-bar {
    padding-left: 64px !important;
  }

  .with-side-menu.theme-picton-blue.opened.ui-droppable.menu-left-opened .head-bar {
    padding-left: 0px;
  }

  .with-side-menu.theme-picton-blue.opened.menu-left-opened .row.fixed-area-bottom {
    padding-left: 300px;
  }

  .col-md-4 .box-typical-body.panel-body .col-sm-12.col-md-8.paginate-show {
    margin-top: 15px !important;
  }

  #MultiseekModal div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 0px !important;
  }

  .col-md-4 .box-typical-body.panel-body div#DNDataGridTable_paginate {
    width: 300px;
    overflow: auto;
  }

  .with-side-menu.theme-picton-blue.ui-droppable.opened.menu-left-opened div#DNDataGridTable_paginate {
    overflow-y: auto;
    margin-right: 5px;
  }

  .tabing-section .btn-group.btn-group-toggle.weekdayoptions {
    width: 350px;
    overflow-y: auto;
  }
}

.box-typical-body.panel-body label.btn.btn-default.form-check-label {
  padding: 5px 10px;
  min-width: unset;
}

.col-md-8.pd-15.resize-edit .modal-content-scroll {
  padding: 0px;
}

.header-action-btn {
  display: flex;
}

ul#select2-EventTags-results li::after, ul#select2-WhoEventTags-results li::after, ul#select2-WhatEventTags-results li::after, ul#select2-WhereEventTags-results li::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #555;
  border-radius: 3px;
  position: relative;
  top: 2px;
  margin-left: 5px;
  float: right;
}

ul#select2-EventTags-results li[aria-selected="true"]::after, ul#select2-WhoEventTags-results li[aria-selected="true"]::after, ul#select2-WhatEventTags-results li[aria-selected="true"]::after, ul#select2-WhereEventTags-results li[aria-selected="true"]::after {
  content: "\f14a";
  color: var(--primary);
  font-family: "FontAwesome";
  font-size: 18px;
  border: 0;
}
.gridselected .insert-elements-option .tools-item.editor-modal {
  display: none !important;
}

.form-group #EventTags + .select2 .selection, .form-group #WhoEventTags + .select2 .selection, .form-group #WhatEventTags + .select2 .selection, .form-group #WhereEventTags + .select2 .selection {
  display: block;
  max-height: 140px !important;
  height: 100% !important
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  max-height: 140px !important;
  overflow-y: auto;
}

.componentEdit .form-group {
  padding: 0px 2px 0px 2px;
}

.action-bar [class^="dnicon"] {
  margin-right: 0px;
  font-size: 1.3em;
  vertical-align: middle;
  color: #000;
}

.divsidebar-body {
  padding: 10px;
}

  .divsidebar-body .order-list-filter div {
    display: inline-flex;
    padding: 2px 15px;
    border: 1px solid #efefef;
    border-radius: 20px;
    margin-bottom: 5px;
    background-color: #fff;
    transition: .15s;
    margin: 2px;
  }

    .divsidebar-body .order-list-filter div.active, .divsidebar-body .order-list-filter div:hover {
      background: #f2f8ff;
      color: #0154A7;
      border: 1px solid #0154A7;
    }

.filter-list {
  display: inline-flex;
  border: 1px solid #efefef;
  padding: 3px;
  border-radius: 4px;
  background-color: #e8e8e8;
  justify-content: flex-start;
  align-items: center;
  margin: 2px;
}

  .filter-list span:last-child {
    margin-left: 5px;
  }

  .filter-list .dnicon_delete {
    font-size: 1em;
  }

    .divsidebar-body .order-list-filter div.active, .divsidebar-body .order-list-filter div:hover,
    .filter-list .dnicon_delete:hover {
      cursor: pointer;
    }

    .filter-list .dnicon_delete:hover {
      color: #0154A7;
    }

body.filter-active .page-content {
  margin-right: 390px !important;
}

.divsidebar-body h3 {
  text-shadow: none;
  color: #000;
}

.page-title.pull-left a, .page-title.pull-left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

  .page-title.pull-left a [class^="dnicon"] {
    font-size: 1.3em;
  }

.page-title i.fa.fa-th.fa-2 {
  margin-top: -9px;
}

.action-bar-header.filter-header {
  margin: 0px;
}

  .action-bar-header.filter-header + .divsidebar-body {
    overflow: auto;
  }

span.img-icon.dnicon_action-bar.dnicon_filter, a.action-link.filter-toggle {
  display: none !important;
}

.showfilter span.img-icon.dnicon_action-bar.dnicon_filter, .showfilter a.action-link.filter-toggle {
  display: unset !important;
}

.link-icons {
  padding-top: 5px;
}

  .link-icons.showfilter {
    padding-top: 15px;
  }

body.with-side-menu.theme-picton-blue.ui-droppable.chrome-browser.opened.sidebar-hidden .site-header {
  border-left: 0px !important;
}

.editlistclose li i, .fa-ellipsis-v:before {
  font-size: 1.3em !important;
}

.site-header-shown .dropdown-menu-right a span {
  font-size: 1.2em;
}

.layout-manager-section .toggle-view .iconbutton span, .widget-header-action-bar .action-icon span {
  margin-right: 0px;
}

.editMode-content-back span.dnicon_chev-backward {
  margin-top: -4px;
}

.editlistclose li i {
  font-size: 1em !important;
  margin: -2px 0px 0px 0px;
}

.dnicon_delete, .btn-delete::before, .sa-button-container .cancel:before {
  color: #d53f3f !important;
}

.box-typical-body.panel-body .dnicon_delete:before {
  color: #495057;
}

.modal-header .dnicon_delete, .layout-title .btn-delete::before,
.layoutrow .dnicon_delete::before, #large_RemoveImgBtn .dnicon_delete::before,
.blazor-modal .bm-header .bm-close .dnicon_delete::before,
.webshopdesigner-details-content .btn.btn-delete::before,
.box-typical .btn-delete::before,
.box-typical-body.panel-body .dnicon_delete:before {
  color: #000 !important;
}

.box-typical-body.panel-body .modal-dialog .dnicon_delete:before {
  color: #d53f3f !important;
}

.btn.btn-save:before, .btn.btn-confirm:before, .sa-confirm-button-container .confirm:before {
  color: #15860e !important;
}

.context-menu-list .context-menu-item:hover {
  background-color: #EFEFEF;
}

#btnPrintPreview .dnicon_show-preview, .table-btn .dnicon_show-preview,
.close span, .webshopdesigner-details-main button.DNButton.btn-back span,
#large_RemoveImgBtn span, .page-name-edit span, .expendor span, .ellipsis span,
.imagefile-display span, .blazor-modal .bm-header .bm-close span,
#dnMessageModal .modal-body h3.title span, .back-button span,
.all-activity-list ul li span:last-child {
  margin-right: 0px;
}

.table-responsive button.btn.btn-primary.table-btn {
  padding: 3px;
}

.box-typical.box-typical-dashboard {
  background-color: #fafafa;
}

header.box-typical-header.panel-heading h1 {
  margin-top: 15px;
  font-size: 1.3em;
}

.webshopdesigner-details-main button.DNButton.btn-back,
#divUserActivityOptionsPage button.DNButton.btn-back {
  display: flex;
  justify-content: center;
  align-items: end;
}

.context-menu-item.context-menu-visible:hover span {
  color: #040404 !important;
}

.btn-back {
  padding: 8px 16px;
  border: 1px solid #e0e0e0 !important;
  background: #e0e0e0 !important;
  border-radius: 4px;
  font-weight: normal;
  margin: 15px 15px 15px 0;
  cursor: pointer;
}

#multiseekStorageCounter a {
  color: #fff !important;
}

.sa-confirm-button-container .confirm, .sa-button-container .cancel {
  background: #e0e0e0 !important;
  padding: 8px 15px;
  text-align: center;
  color: #000 !important;
  font-size: 0.875rem !important;
  font-weight: 400;
  border-radius: 4px;
  display: inline-block;
  min-width: 100px;
  border: 1px solid #e0e0e0 !important;
  cursor: pointer !important;
  margin: 5px;
}

  .sa-confirm-button-container .confirm:hover, .sa-button-container .cancel:hover {
    color: #000 !important;
    border: 1px solid #ccc !important;
    background: #ccc !important;
    cursor: pointer !important;
  }

  .sa-confirm-button-container .confirm:before {
    content: "\e9a8";
    margin-right: 8px;
  }

  .sa-button-container .cancel:before {
    content: "\e931";
    margin-right: 8px;
  }

label .helptext-label span, .panel-title .helptext-label span {
  color: #666 !important;
  font-size: 1em;
}

.panel-title .helptext-label span {
  font-size: .6em;
}

.form-group.sms-check, .form-group.email-check {
  padding-left: 20px;
}

.character-count {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.sidebar-sub-container input#IsHideHeader {
  z-index: 10;
}

.webshopdesigner-details-main .col-12 button.DNButton.btn-back .dnicon_chev-backward:before {
  margin-top: -3px;
}

div#DetailsPartial {
  margin-top: 10px;
}

.search-for-menu .icon-search .dnicon_search {
  font-size: 1.2em;
}

.expendor .dnicon_arrow-down:before {
  content: "\e9a7";
  color: #999;
}

.customizer + .link-icons .action-link.active.show .img-icon {
  background: #fff !important;
  color: #000;
}

.customizer.open + .link-icons .action-link.active.show .img-icon {
  background: #0154a7 !important;
  color: #fff;
}

div.ellipsis.pop-icon {
  position: absolute;
  right: 0px;
  top: 0px;
  display: flex;
  justify-content: center;
  ALIGN-ITEMS: center;
  width: 30px;
}

.table-responsive.responsive-data-grid table th input {
  border-radius: 0;
}

.table-responsive.responsive-data-grid table tr:nth-child(2) th {
  padding: 0px !important;
}

.form-group.custom-file-select {
  height: 280px;
  width: 100%;
  border: 2px dashed #e6e6e6;
}

  .form-group.custom-file-select .upload-box label#lblfile {
    width: 500px;
    margin: 110px auto;
    height: 100px;
  }


  .form-group.custom-file-select .imagefile-display {
    text-align: center;
    margin-top: 50px;
    font-size: 38px;
  }

    .form-group.custom-file-select .imagefile-display span {
      color: #cecece !important;
    }

  .form-group.custom-file-select .upload-box [type="file"] {
    border: 0px !important;
    height: 138px;
  }

  .form-group.custom-file-select .upload-box label#lblfile {
    border: 0px;
    background: transparent;
    text-align: center;
    padding: 0px;
  }

  .form-group.custom-file-select .upload-box .custom-file-label::after {
    height: calc(2em + 0.75rem);
    line-height: 2;
    padding-left: 35px;
  }

  .form-group.custom-file-select .upload-box .custom-file-label::after {
    top: 32px;
    right: 52px;
    width: 80px;
    max-width: 100px;
    border-radius: 0.25rem;
    left: 36%;
    -webkit-transform: translateX(36%);
    transform: translateX(36%);
    text-align: left;
  }

  .form-group.custom-file-select .upload-box {
    height: 186px;
  }

    .form-group.custom-file-select .upload-box .custom-file-label::after {
      background-color: #e9f2fb;
      color: #0154A7;
    }

    .form-group.custom-file-select .upload-box .custom-file-label::before {
      content: "\e9be";
      position: absolute;
      left: 220px;
      top: 40px;
      z-index: 20;
      color: #0154A7;
    }

.webshopdesigner-details-main + .bm-container.bm-active .blazor-modal,
.webshopdesigner-list-main + .bm-container.bm-active .blazor-modal {
  min-width: 400px !important;
  padding: 0rem;
}

  .webshopdesigner-details-main + .bm-container.bm-active .blazor-modal .bm-header,
  .webshopdesigner-list-main + .bm-container.bm-active .blazor-modal .bm-header {
    align-items: flex-start !important;
    justify-content: flex-start !important;
    padding: 1em 1em 1.5em 1em !important;
  }

    .webshopdesigner-details-main + .bm-container.bm-active .blazor-modal .bm-header .bm-title, .webshopdesigner-list-main + .bm-container.bm-active .blazor-modal .bm-header .bm-title {
      font-size: 1.2em !important;
    }

  .webshopdesigner-details-main + .bm-container.bm-active .blazor-modal .bm-content.bm-content-description,
  .webshopdesigner-list-main + .bm-container.bm-active .blazor-modal .bm-content.bm-content-description {
    padding: 0em 1.5em 1.8em 1.5em !important;
    text-align: center;
    font-size: 1em;
  }

  .webshopdesigner-details-main + .bm-container.bm-active .blazor-modal .bm-footer,
  .webshopdesigner-list-main + .bm-container.bm-active .blazor-modal .bm-footer,
  .sweet-alert.showSweetAlert .sa-button-container {
    border-top: 1px solid #efefef;
    justify-content: center;
    padding: .5rem;
  }

#time-body-modal .btn.dnicon_add-plus {
  background: #e0e0e0 !important;
  text-align: center;
  color: #000 !important;
  font-weight: 400;
  border-radius: 4px;
  display: inline-block;
  border: 1px solid #e0e0e0 !important;
  cursor: pointer !important;
  margin: 5px;
}

  #time-body-modal .btn.dnicon_add-plus:hover {
    color: #000 !important;
    border: 1px solid #ccc !important;
    background: #ccc !important;
    cursor: pointer !important;
  }

.fc-header-toolbar .fc-button-group .fc-icon-right-single-arrow:after {
  margin-top: -1px;
}

div#formGroupImage div.pd-15 {
  padding-right: 0px !important;
}

.blazor-modal .bm-title .span.dnicon_alert {
  font-size: 1.1em !important;
  margin-right: 2px;
}

.customizer-body.action-bar-body .table-striped tbody.inserttbody tr:nth-of-type(odd):hover {
  background-color: transparent !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .widgets-header .tbl-item .title {
    font-size: .95em;
  }

  .widgets-header .tbl-outer > .tbl-row > .tbl-cell {
    padding: 15px 8px;
  }

  .layout-title > h3 {
    display: flex;
  }

  .fixed-area-bottom .custome-bottom {
    align-items: start;
  }

  .with-side-menu.opened.menu-left-opened .template-preview-container.active-grid, .template-preview-container.active-list {
    grid-template-columns: repeat(1,1fr);
  }

  .template-preview-container.active-grid {
    grid-template-columns: repeat(2,1fr);
  }

  .table-responsive.responsive-data-grid {
    max-height: calc(100vh - 230px);
  }

  .with-side-menu.theme-picton-blue.opened.ui-droppable .rssproductcontainer div.rssproduct-list {
    width: 31%;
  }

  .with-side-menu.theme-picton-blue.opened.ui-droppable.menu-left-opened .rssproductcontainer div.rssproduct-list {
    width: 47%;
  }

  .columns-edit-row .col-md:nth-child(3) {
    padding-left: 15px;
  }

  .col-md-8.resize-edit.editors {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-4.resize-edit.mb-80.editors {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  #divImageEditor .col-md-9 {
    padding-left: 0px;
    padding-right: 0px;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }

  #divImageEditor .col-md-3 {
    padding-right: 0px;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }

  .col-md-3.docs-toggles .docs-tooltip {
    padding: 0.5rem 0.1rem;
  }

  .col-md-3.docs-toggles label.btn.btn-primary {
    margin-right: 4px;
  }

  .with-side-menu .columns-edit-row.logicalgroup-page .col-md:nth-child(2),
  .with-side-menu .columns-edit-row.logicalgroup-page .col-md:nth-child(3),
  .with-side-menu .columns-edit-row.logicalgroup-page .col-md:nth-child(4) {
    padding-left: 15px;
  }

  .logicalgroup-page section.box-typical.box-typical-dashboard .box-typical-body.panel-body .btn-new.Multiseek {
    margin: 0px 15px 15px;
  }
}



@media (min-width: 1100px) {
  .with-side-menu.theme-picton-blue.opened.ui-droppable.chrome-browser .fixed-area-bottom {
    padding-left: 0px;
    width: calc(100% - 242px);
  }

  .with-side-menu.theme-picton-blue.opened.ui-droppable.chrome-browser.sidebar-hidden .row.fixed-area-bottom {
    padding-left: 0px;
    width: 100%;
  }

  .with-side-menu.theme-picton-blue.opened.ui-droppable .fixed-area-bottom {
    padding-left: 0px;
  }
}

@media (min-width: 768px) and (max-width: 899px) {
  .edit-details-page #editBarModal .modal-content.unpublishmodel {
    left: 25%;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {

  .webshopdesigner-details-content .component-block {
    padding: 10px;
    background: #fafafa;
  }

  .componentEdit section.box-typical-component {
    padding-right: 12px;
    padding-left: 12px;
  }

  #resourcegrid #DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-8 .export-in-pagination {
    margin-top: 0px;
  }

  .edit-details-page .tab-content button#ticket, .edit-details-page .tab-content button#Duncodesam {
    margin-bottom: 8px;
  }

  #extendeventpopup .modal-content.unpublishmodel {
    width: 200%;
    left: 100%;
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
  }


  .divcalrow div#resourcelocationgrid, .divcalrow #resourceweekgrid {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .with-side-menu.theme-picton-blue.opened.ui-droppable .row.fixed-area-bottom {
    padding-left: 0px;
    width: 100%;
  }

  .with-side-menu.theme-picton-blue.opened.ui-droppable.menu-left-opened .row.fixed-area-bottom {
    padding-left: 0px;
    width: calc(100% - 242px);
  }

  .with-side-menu.theme-picton-blue.opened.ui-droppable.dashboard.menu-left-opened {
    box-shadow: 0 0px 0px 7px #f0f0f0 !important;
  }

  .with-side-menu.theme-picton-blue.opened.ui-droppable.dashboard .head-bar-dashboard {
    width: 100%;
  }

  .with-side-menu.theme-picton-blue.opened.ui-droppable.dashboard.menu-left-opened .head-bar-dashboard {
    width: calc(100% - 245px) !important;
  }

  .with-side-menu.theme-picton-blue.opened.ui-droppable.dashboard.menu-left-opened ul.search-for-menu #txtFilterMenu {
    margin: 17px 15px 15px;
  }

  .with-side-menu.theme-picton-blue.opened.ui-droppable.menu-left-opened .DNImageContainer {
    position: relative;
    width: 80px;
    height: 80px;
    margin: auto;
  }

  .with-side-menu.theme-picton-blue.opened.ui-droppable.menu-left-opened #divEditStaticLinkDetailsPage .add-image .DNImageContainer {
    width: 150px;
    height: 150px;
  }

  #MultiseekModal .table-responsive.responsive-data-grid {
    overflow-y: auto;
    max-height: calc(100vh - 550px);
  }

  .with-side-menu.theme-picton-blue.opened.ui-droppable.chrome-browser .fixed-area-bottom {
    width: 100%;
  }

  .with-side-menu.theme-picton-blue.opened.ui-droppable.chrome-browser.menu-left-opened .row.fixed-area-bottom {
    padding-left: 0px;
    width: calc(100% - 242px);
  }

  .with-side-menu.theme-picton-blue.opened.menu-left-opened #divEditDiscountDetailPage .col-lg-12.pd-15 button {
    width: 100%;
    margin-bottom: 10px;
  }

  .with-side-menu.theme-picton-blue.opened ui-droppable {
    margin-top: 0px;
  }

  .with-side-menu.theme-picton-blue.opened.menu-left-opened .table-responsive.responsive-data-grid {
    margin-top: 40px;
  }

  .box-typical-body.profile-page {
    margin-right: 0px;
  }

  .profile-body-section .row.columns-edit-row {
    margin-top: 100px;
  }

  .profile-body-section .sub-title-box {
    left: 49%;
  }

  .with-side-menu.theme-picton-blue.opened.menu-left-opened .profile-body-section .sub-title-box {
    left: 63%;
  }
}

.webshopdesigner-details-main .div-increment button.btn-plus,
.webshopdesigner-details-main .div-increment button.btn-minus {
  width: 40px;
}

.pageload-container span.dnm-alerttext {
  padding: 0 0 0 5px;
}

.sweet-alert .sa-icon {
  width: 40px;
  height: 40px;
  border: 2px solid gray;
}

  .sweet-alert .sa-icon.sa-warning .sa-body {
    width: 2px;
  }

  .sweet-alert .sa-icon.sa-warning .sa-dot {
    width: 4px;
    height: 4px;
  }

.sweet-alert .sa-icon {
  margin: 30px auto 10px auto;
}

.sweet-alert h2 {
  margin: 1.5rem 0 1rem;
}

.sweet-alert p {
  color: #000000;
  font-size: 1em;
  margin: 0px;
  padding: 0px 20px;
}

.sweet-alert .sa-icon.sa-warning .sa-body {
  height: 12px;
}

#dialogModal .modal-dialog:not(.modal-sm):not(.modal-lg), .sweet-alert,
.webshopdesigner-details-content .wsd-header-menu-node-container + .bm-container .blazor-modal,
.webshopdesigner-details-main + .bm-container,
#dnMessageModal .modal-dialog.modal-lg {
  width: 400px;
  min-height: 200px;
}

#dialogModal .modal-dialog:not(.modal-sm):not(.modal-lg), .sweet-alert,
.webshopdesigner-details-main + .bm-container,
#dnMessageModal .modal-dialog.modal-lg {
  margin-top: 150px;
}

  .webshopdesigner-details-main + .bm-container.bm-active {
    left: 37%;
    margin-top: -80px;
  }

.webshopdesigner-details-content .wsd-header-menu-node-container + .bm-container .blazor-modal .bm-header {
  justify-content: left;
}

#dialogModal .modal-footer, #dialogModal .modal-header {
  padding: .5rem;
}

#dnMessageModal .modal-dialog.modal-lg .modal-footer .pageload-buttns {
  width: 100%;
  display: flex;
  justify-content: center;
}

#dnMessageModal .modal-body p.dnm-text {
  text-align: center;
  font-size: 1em;
}

#dnMessageModal .modal-header {
  border: 0 !important;
  padding: 0;
  display: block;
}

#dnMessageModal h3.title,
.dnm-icon {
  font-size: 1.2em;
  display: flex;
  margin-bottom: 1em;
  align-items: center;
}

  .dnm-icon .dnicon_filled-ok, .dnm-icon .dnicon_form-tooltip,
  .dnm-icon .dnicon_check_circle_outline, .dnm-icon .dnicon_delete_circle_outline {
    font-family: 'Roboto', sans-serif !important;
  }

    .dnm-icon .dnicon_filled-ok::before,
    .dnm-icon .dnicon_check_circle_outline::before,
    .dnm-icon .dnicon_form-tooltip::before,
    .dnm-icon .dnicon_delete_circle_outline::before {
      font-family: 'ico-material-design' !important;
    }

    .dnm-icon .dnicon_filled-ok::before, .dnm-icon .dnicon_form-tooltip::before,
    .dnm-icon .dnicon_check_circle_outline::before,
    .dnm-icon .dnicon_delete_circle_outline::before {
      margin-right: 8px !important;
    }

#dnMessageModal span.dnicon_alert, span.dnicon_form-tooltip, span.dnicon_filled-ok, span.dnicon_check_circle_outline, span.dnicon_delete_circle_outline {
  font-size: 1.3em;
  margin-right: 4px !important;
}

#dnMessageModal .modal-footer {
  padding: 5px;
}

.modal-backdrop {
  z-index: 1070;
}

.action-bar .link-icons {
  z-index: 1066;
}

.site-header {
  z-index: 1067;
}

.fixed-area-bottom {
  z-index: 1068;
}

.modal.show {
  z-index: 2000 !important;
}


#dialogModal .modal-header {
  border-bottom: 0px
}

.sweet-alert {
  padding: 0px;
  top: 35%;
  left: 55%;
}

  .sweet-alert.showSweetAlert fieldset {
    margin: 0px;
  }

#dialogModal .modal-header h4.modal-title {
  font-size: 1em !important;
}

#dialogModal .modal-footer {
  justify-content: center !important;
}

.sweet-alert.showSweetAlert h2 {
  font-size: 1.2em;
  margin: .5rem 0 1rem;
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width: 50px;
  height: 50px;
  border: 2px solid rgba(165, 220, 134, 0.2);
}

.sweet-alert .sa-icon.sa-success::after {
  left: 3px;
  top: -14px;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width: 15px;
  left: 8px;
  top: 28px;
  -webkit-transform: rotate( 45deg );
  transform: rotate( 45deg );
}

.sweet-alert .sa-icon.sa-success .sa-fix {
  height: 23px;
  left: 11px;
  top: 16px;
}

.sweet-alert .sa-icon.sa-success .sa-line {
  height: 3px;
}

  .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    width: 26px;
    right: -2px;
    top: 24px;
  }

.sweet-alert .sa-icon.sa-success::before {
  top: -49px;
  left: -10px;
  width: 78px;
  height: 85px;
}

.sweet-alert .sa-icon.sa-error .sa-line {
  height: 2px;
  width: 19px;
  top: 19px;
}

  .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    left: 12px;
  }

  .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    right: 9px;
  }

#divEditDiscountDetailPage .col-lg-12.pd-15 .col-lg-12.pd-15 {
  padding: 0px;
}

#MultiseekModal div#DNDataGridTable_wrapper .row:nth-child(3) {
  display: grid;
}

  #MultiseekModal div#DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-8 {
    -ms-flex: 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  #MultiseekModal div#DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-4 #DNDataGridTable_info {
    margin: 12px 0px 0px !important;
  }

  #MultiseekModal div#DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-8 .dataTables_paginate.paging_simple_numbers {
    margin-top: 0px !important;
  }

  #MultiseekModal div#DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-8 ul.pagination {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

#StepTabContents + .modal-footer {
  padding-top: 0px;
}

.form-control-wrapper.form-control-icon-right span#requiredspan {
  top: -23px !important;
}

#DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-8 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

  #DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-8 .export-in-pagination,
  #DetailsPartial #StepTabContents_menuPack #DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-8 .export-in-pagination {
    margin-top: 13px;
  }


#shopgroupGrid .row:nth-child(3) .col-sm-12.col-md-8 .export-in-pagination {
  margin-top: -1px;
}

.container-fluid #divSideMenu + .page-content {
  margin-right: 0px;
  padding-left: 0px;
  padding-top: 10px;
  margin-left: 5px;
}

.container-fluid .page-content .container-fluid {
  padding: 0px;
}

.row.editopenstock-checklistpage .col-md.resize-edit {
  margin: 0px !important;
}

.row.editopenstock-checklistpage, #SortimentPriceWaitDetails, #PurchasePriceWaitInfo {
  margin: 15px 0px 60px 0px
}

.header-search-activity {
  display: flex;
  justify-content: space-between;
}

  .header-search-activity .select-list {
    width: 200px;
  }

  .header-search-activity .activity-search {
    position: relative;
  }

  .header-search-activity .app-search.activity-search .icon-search {
    margin-top: 8px;
  }

#divUserActivityOptionsPage .all-activity-list {
  margin: 25px 0px 10px 0px;
  border-top: 1px solid #efefef;
  padding-top: 25px;
}

  #divUserActivityOptionsPage .all-activity-list ul li {
    border-top: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-bottom: 0px;
    border-left: 1px solid #efefef;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

    #divUserActivityOptionsPage .all-activity-list ul li:last-child {
      border-bottom: 1px solid #efefef;
    }

    #divUserActivityOptionsPage .all-activity-list ul li:hover {
      background: #f0f0f0;
      cursor: pointer;
    }

  #divUserActivityOptionsPage .all-activity-list span.dnicon_chev-forward {
    display: flex;
    justify-content: center;
    align-items: center;
  }

.all-activity-list span:first-child {
  padding: 0px 15px;
}

button.back-button {
  display: flex !important;
  justify-content: center;
}

.user-activity-page .col-md-12.breadcrumb-links {
  margin-top: 10px;
}

  .user-activity-page .col-md-12.breadcrumb-links p {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 15px;
  }

.user-activity-page, #divEditDiscountDetailPage {
  margin: 15px 0px 80px 0px;
}

  .user-activity-page .status-info {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    font-size: .9em;
    color: #696969;
  }

.status-info .update-status {
  padding-right: 20px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}

.status-symbol {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  margin: 0px 5px 0px 3px
}

  .status-symbol.status-success {
    background: #79ce73;
  }

  .status-symbol.status-delete {
    background: #fb707d;
  }

.all-activity-list li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  color: #000;
  padding: 15px 0 15px 15px;
}

#divlabsdiscountinformation #btnAddSlab {
  margin: 0px 0px 15px 15px;
}

#time-body-modal .dnicon_add-plus:before {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.fc-button-group .fc-icon-left-single-arrow:after {
  top: 2%;
}

#divDNInvoicePageModel .btn-printing-group button {
  margin-bottom: 10px;
}

.theme-modal.modal .modal-body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 150px;
}

.theme-modal.modal h4.modal-title strong {
  display: flex;
  align-items: center;
}

span.select2-dropdown.select2-dropdown--below {
  margin-top: -2px;
}

.form-group .select2 .selection {
  display: block;
  height: 37px;
}

.rsstext {
  color: #f0f0f0;
  font-size: 28px;
  line-height: 24px;
  text-align: center;
  position: center;
}

.scrollRSS {
  margin-bottom: 4px;
}

.line {
  border-bottom: 1px solid #e8e8e8;
  font-weight: bold;
}

.with-side-menu.theme-picton-blue.dashboard[data-onlypageview="True"] .page-content, .with-side-menu.theme-picton-blue.opened[data-onlypageview="True"] {
  padding-left: 0 !important;
}

.with-side-menu.theme-picton-blue[data-onlypageview="True"] .container-fluid {
  padding-right: 0 !important
}

.with-side-menu.theme-picton-blue[data-onlypageview="True"] #header-time-fixed {
  top: 115px
}

body[data-onlypageview="True"].with-side-menu .page-content {
  padding-top: 37px !important
}

body[data-onlypageview="True"] #appointment-calendar-page .toolbar {
  top: 38px !important;
  margin-top: 0 !important;
  position: sticky !important;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  top: 37px !important;
  width: calc(100% - 0px);
  left: 0;
  padding-right: 15px;
}

.with-side-menu.theme-picton-blue.ui-droppable[data-onlypageview="True"] .page-content, body[data-onlypageview="True"] .page-content {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body[data-onlypageview="True"] .head-bar {
  width: 100% !important;
  left: 0 !important;
  backdrop-filter: none !important;
  background-color: #fff !important;
  padding: 0 15px !important;
}

body[data-onlypageview="True"] .dn-time-calendar {
  padding-top: 0;
}

body[data-onlypageview="True"] #MultiseekModal {
  width: 90vw !important;
}

  body[data-onlypageview="True"] #MultiseekModal .table-responsive.responsive-data-grid {
    overflow-y: auto;
    max-height: calc(100vh - 200px);
  }

body[data-onlypageview="True"] #DNDataGridTable .btn-primary.table-btn.dngridcbbtn {
  min-width: 55px !important;
}

body[data-onlypageview="True"] .with-side-menu.theme-picton-blue.ui-droppable .page-content {
  margin-right: 0
}

div#viewPlaceAltSuppHolderPop .modal-content {
  width: 60vw;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

table.table-bordered tr:first-child th:first-child::after {
  display: none !important;
}


table.table-bordered tr:first-child th:first-child {
  width: 8px !important;
}

table.dataTable thead > tr > th.sorting_asc {
  padding-right: 0px !important;
}




@media (max-width: 767px) {
  body [data-onlypageview="True"] #header-time-fixed {
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    top: 100px !important;
  }

  body[data-onlypageview="True"] .dn-time-calendar table td, body[data-onlypageview="True"] .dn-time-calendar table th:not(:first-child) {
    width: 100px !important
  }

  body[data-onlypageview="True"] th.time-col, body[data-onlypageview="True"] #header-time-fixed th:first-child, body[data-onlypageview="True"] #appointment-calendar-page #header-time-fixed th.time-col {
    width: 50px !important;
  }

  body[data-onlypageview="True"] .with-side-menu.theme-picton-blue.ui-droppable .page-content {
    margin-left: 10px;
    margin-right: 65px;
  }

  .with-side-menu.theme-picton-blue[data-onlypageview="True"] #header-time-fixed {
    top: 100px
  }
}

.form-control-wrapper.form-control-icon-right span#maxlengthspan {
  top: unset;
}

.form-control-wrapper.form-control-icon-right .dnicon_event-calendar {
  padding: 6px 6px;
}

.dnicon_event-calendar.pop-icon {
  margin-right: 0px;
}

.site-header .container-fluid {
  padding-right: 20px;
}

.dash-tiles .grid-data-box .card-body {
  margin-top: 15px !important;
}

.panel-body.wsd-section .wsd-pickup-webshop {
  padding: 0 10px;
}

.multiseek-goto label {
  display: -webkit-inline-box;
  gap: 15px;
}


@media (min-width: 768px) and (max-width: 1024px) {
  .table-responsive.banner-language {
    padding: 0 15px;
  }

    .table-responsive.banner-language table input[type='text'] {
      min-width: 50px;
    }

  .layoutcontainer .dn-dd-draggable .layoutrow div {
    word-break: break-all;
  }

  .template-preview-container.active-list {
    grid-template-columns: repeat(1,1fr);
  }

  .template-preview-container.active-grid {
    grid-template-columns: repeat(2,1fr);
  }

  #header-time-fixed {
    top: 179px;
    font-size: 0.75rem;
  }

  .fc-event-container label.isactive-cbx input, .fc-event-container .capacity-block input {
    margin-left: 15px;
  }

  .fc-event-container .capacity-block label {
    margin-left: 8px;
  }

  .with-side-menu.menu-left-opened .dnDataGridPage .col-sm-12.col-md-8 {
    margin-top: 30px !important;
  }
}

#viewPlaceHolder #DetailsPartial {
  top: 25px;
}

div#viewPlaceHolder .modal-dialog.modal-lg {
  width: 100% !important;
  max-width: unset;
  margin: 0px;
}

#viewPlaceHolderPop .modal-dialog.modal-lg .modal-content {
  width: 680px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

div#addeventtagpopup, #viewPlaceHolderPop .modal-dialog.modal-lg .modal-content {
  top: 85px;
}

.seat-map .col-md-10 {
  padding-right: 0px;
}

.seat-map .space-floor, .seat-map .listtogglepricing {
  padding: 15px 0;
}

@media (min-width: 768px) and (max-width: 1024px) {
  li .dn-dd-draggable button[type="button"]:first-child {
    background: #efefef !important;
  }


  .outgoing-invoice-list-page .filterbox {
    bottom: 118px !important;
  }

  div#addeventtagpopup {
    top: 80px;
  }

  .layout-info-block button.DNButton.edit-layout {
    min-width: 100px;
  }

  .fc-time-grid-event .isactive-cbx {
    right: 60px;
  }

  .custom-row.upload-section .btn.btn-delete {
    background-color: transparent !important;
    border: 0px solid #e0e0e0 !important;
    padding: 8px 8px;
    margin: 0px -10px;
  }

  .webshopdesigner-details-main.mb-5 {
    padding-bottom: 120px;
  }

  .fixed-area-bottom .custome-bottom .checkbox input + label, .radio input + label,
  .with-side-menu.theme-picton-blue.ui-droppable.opened #minmumcapacity + .checkbox input + label {
    white-space: pre;
  }

  #formGroupImage {
    margin-right: 30px;
    margin-left: 15px;
  }

  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    margin-left: 40px;
  }

  .xdsoft_timepicker.active {
    min-width: 100px;
  }

  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 2px;
  }

  #viewPlaceHolderPop .modal-dialog.modal-lg .modal-content {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .table-responsive th.column.SelectBtn input[type="text"],
  .table-responsive th.column.MoveBtn input[type="text"],
  .table-responsive th.column.DeleteBtn input[type="text"] {
    min-width: 100px !important;
  }

  .table-responsive .table-btn.dngridcbbtn {
    min-width: auto;
  }

  .table-responsive button.btn.btn-primary.table-btn {
    padding: 4px 10px
  }

  .dn-time-calendar table td, .dn-time-calendar table th,
  .main-calendar.booking-calendar .timeslot .timeRange {
    font-size: .8em;
  }

  #divEditLoyaltyDetailPage .row.columns-edit-row .col-md.resize-edit:nth-child(2) {
    padding-left: 15px;
  }

  .with-side-menu.theme-picton-blue.ui-droppable.opened.menu-left-opened .company-hierarchy .divcheckbox {
    display: inline-flex;
    width: 400px;
    overflow: auto;
  }

  div#SortimentPriceWaitDetails {
    margin-bottom: 150px;
  }

  .with-side-menu.theme-picton-blue.ui-droppable.opened.menu-left-opened .paddingT-3 {
    padding-top: 15px;
  }

  .marginT-5 {
    margin-top: 45px;
  }

  .with-side-menu.theme-picton-blue.ui-droppable.opened.menu-left-opened .columns-edit-row .col-md:nth-child(2),
  .with-side-menu.theme-picton-blue.ui-droppable.opened.menu-left-opened .columns-edit-row .col-md:nth-child(3),
  .with-side-menu.theme-picton-blue.ui-droppable.opened.menu-left-opened .columns-edit-row .col-md:nth-child(4) {
    padding-left: 15px;
  }

  .edit-details-page .col-md-4.resize-edit .form-check.form-check-inline.pt-lg-2n {
    display: -webkit-box;
  }

  .with-side-menu.theme-picton-blue.ui-droppable.opened.menu-left-opened .checkbox input + label, .with-side-menu.theme-picton-blue.ui-droppable.opened.menu-left-opened .radio input + label {
    white-space: normal;
    word-break: break-all;
    width: 170px;
  }

  .with-side-menu.theme-picton-blue.ui-droppable.opened.menu-left-opened .divOperatorPage .checkbox input + label {
    width: 220px;
  }

  .with-side-menu.theme-picton-blue.ui-droppable.opened.menu-left-opened .col-md-4.col-lg-2 .radio input + label {
    width: 100%;
  }
}

#DetailsPartial input#allshop {
  display: none;
}

#divInvoicePaymentInvoiceAdjustmentPage .pd-15 .custom-file {
  margin-bottom: 15px;
}

#dnMessageModal .modal-content, .bm-container .blazor-modal, #dialogModal .modal-content {
  -webkit-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
  border: solid 0px #e0e0e0;
  border-radius: 10px;
}

.valid-msg {
  display: block;
  text-align: right;
  padding-top: 3px;
  font-size: 10px;
  padding-right: 0px;
}

.Increment {
  transition: box-shadow .3s;
  float: right;
  margin-right: 6px;
  margin-top: -24px;
  position: relative;
  z-index: 2;
}

  .Increment:hover {
    box-shadow: 0 0 11px rgba(33,33,33,.2);
  }

  .Increment:active {
    color: gray;
  }

.multiseek-valid-msg {
  display: block;
  text-align: right;
  padding-top: 3px;
  font-size: 10px;
  top: 35px;
}

.valid-msg, .multiseek-valid-msg {
  color: #666;
}

.pop-icon + span + .multiseek-valid-msg, .pop-icon + .multiseek-valid-msg {
  top: 36px !important;
  right: 8px !important;
}

#DNDataGridTable td [type="text"].form-control {
  height: calc(1.5em + 0.4rem + 2px) !important;
}

.page-content div#viewPlaceHolder {
  margin-bottom: 100px;
}

#DetailsPartial2 #viewPlaceHolderPop div#DetailsPartial {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

div#viewPlaceHolder .pageload-alert .modal-dialog.modal-lg {
  margin-top: 150px !important;
  width: 400px !important;
  max-width: unset;
  margin: 0px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

body.holderopened .customizer {
    /*    z-index: 9000;*/
    z-index: 1999; /* customizer */
}

body.holderopened .action-bar .link-icons {
  z-index: 9066
}

body.holderopened .customizer.action-btn .customizer-body {
  height: calc(100vh - 60px);
  max-height: calc(100vh - 60px);
  top: -56px;
  position: relative;
}

.form-group.email-check {
  position: relative;
}

.email-check .form-check-input {
  position: absolute;
  top: 0px;
  left: 21px;
  z-index: 20;
}

.webshop-setting-page .panel-heading {
  background: #f0f0f0;
  border-radius: 4px;
  margin-top: 20px;
}

  .webshop-setting-page .panel-heading h4 {
    margin-bottom: 0px;
    font-size: 1em;
  }

    .webshop-setting-page .panel-heading h4 a {
      color: #000;
      display: block;
      padding: 10px;
    }

.webshop-setting-page .panel-heading {
  margin-top: 5px;
}

.webshop-setting-page .panel-body {
  padding: 20px;
  border: 1px solid #efefef;
}

.collapsall-showhide {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
}

  .collapsall-showhide span {
    font-size: .9em;
  }
/*show overlay when side menu opened for ipad*/
@media (max-width: 1024px) {
  .menu-left-opened .mobile-menu-left-overlay {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 59;
    background: rgba(48,75,88,.5);
  }

  #menustepAdd ul.nav.nav-tabs, #menustepAdd {
    border-top: 0px !important;
  }
}


.textarea-container .character-count input {
  margin-top: 5px;
  border-radius: 4px;
  border: 0px;
  padding: 2px 15px;
  text-align: end;
}

#editBarModal .modal-dialog {
  position: absolute;
  left: 56%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.unpublishmodel .textarea-container, .textarea-container #txtunpublishtext {
  width: 100% !important;
}

  .unpublishmodel .textarea-container .character-count {
    display: grid;
    justify-content: flex-end;
  }

.unpublishmodel input#unpublishTnC {
  position: absolute;
  left: 21px;
  z-index: 50;
}

#viewPlaceHolderV2 .box-typical-body.panel-body input[type="checkbox"] {
  position: absolute;
  left: 30px;
  z-index: 50;
}

#viewPlaceHolderV2 .box-typical-body.panel-body .fc-event-container input[type="checkbox"] {
  left: unset !important;
  right: 40px;
}

button#btnDelete[disabled="disabled"] {
  background: #ccc !important;
  cursor: not-allowed !important;
  border: 1px solid #ccc !important;
}

.unpublishmodel label.form-check-label {
  color: #000000;
}

body.with-side-menu.theme-picton-blue.opened.ui-droppable.chrome-browser .search-for-menu,
body.with-side-menu.theme-picton-blue.opened.ui-droppable.mozilla-browser .search-for-menu {
  padding-bottom: 32px
}

.with-side-menu.theme-picton-blue.opened.mozilla-browser .page-content > .container-fluid {
  padding-right: 65px;
}

#dnMessageModal button.btn.btn-default.dnm-ok.dnm-not-acceptance {
  min-width: 125px;
  padding: 3px;
  font-size: 1rem !important;
}

#dnMessageModal .modal-dialog.modal-lg {
  transition: transform 0.3s cubic-bezier(0.6, -0.28, 0.74, 0.05), -webkit-transform 0.3s cubic-bezier(0.6, -0.28, 0.74, 0.05);
}

#dnMessageModal p.dnm-text {
  margin-top: 41px;
  margin-bottom: 45px;
}

#dnMessageModal button.btn.btn-default.dnm-ok.dnm-not-acceptance {
  min-width: 125px;
  padding: 3px;
  font-size: 1rem !important;
}

#dnMessageModal .modal-dialog.modal-lg {
  transition: transform 0.3s cubic-bezier(0.6, -0.28, 0.74, 0.05), -webkit-transform 0.3s cubic-bezier(0.6, -0.28, 0.74, 0.05);
}

.text-center.msg-container {
  padding: 30px;
  width: 60%;
}

.divsidebar-body {
  padding: 10px 0px 100px 0px;
}

.bm-container .bm-content {
  overflow-y: auto;
  padding: 0px 5px 0px 0px;
}

.b-table-loading {
  display: flex;
  justify-content: center;
  padding: 10px;
}

  .b-table-loading .fa-spinner {
    font-size: 100px;
  }

.b-multiseek-navigation {
  display: flex;
  flex-direction: row;
}

.bm-content table tr td:first-child {
  text-align: center;
}

.bm-content table .multiseek-icon-search span.dnicon_search {
  margin: 0;
}
/*warning*/
.modal-body h3.title span.dnicon_alert:before, .modal-body .dnm-icon span.dnicon_alert:before {
  color: #ff9c07 !important
}
/*info*/
.modal-body .dnm-icon span.dnicon_form-tooltip:before {
  color: #17a2b8 !important
}
/*success*/
.modal-body .dnm-icon span.dnicon_filled-ok:before, .modal-body .dnm-icon span.dnicon_check_circle_outline:before {
  color: #28a745 !important
}
/*error*/
.modal-body h3.title span.dnicon_delete_circle_outline:before, .modal-body .dnm-icon span.dnicon_delete_circle_outline:before {
  color: #d53f3f !important
}

.modal-body .dnm-icon {
  display: flex !important;
  justify-content: flex-start;
  align-items: center;
}

.form-group.custom-file .btn-file-upload + .custom-file-label::after {
  content: "Browse" !important;
}

.page-content.iframe-page-content .head-bar {
  height: 55px !important;
}

.page-content.iframe-page-content .container-fluid.iframe-container-fluid {
  padding-right: 60px !important;
  padding-top: 0px !important;
}

.page-content.iframe-page-content #DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-8 .export-in-pagination {
  margin-top: 10px;
}

#booking-calendar-modal .reservation-container .current-event {
  margin-bottom: 15px;
}

.reservation-container label.custom-control-label, .reservation-container label.custom-control-label:focus,
.reservation-container label.custom-control-label:active, .reservation-container label.custom-control-label::before,
.reservation-container label.custom-control-label::after {
  border: 0px solid #0154a7 !important;
  -webkit-box-shadow: 0 0 0 0px #0154a733 !important;
  -webkit-text-fill-color: inherit !important;
}

#viewPlaceHolderEditPanelLayout .modal-dialog.modal-lg .modal-content {
  width: 1100px !important;
  left: 77%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.fixed-area-bottom .TemplateName, .fixed-area-bottom .shop-template {
  width: 292px;
  white-space: pre;
}

.modal-content.image-setting-manger {
  position: absolute;
  left: 70%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}


.checkbox input:hover + label:before {
  border: solid 1px #0154A7;
  cursor: pointer !important;
}

.fc-widget-content label:after {
  margin-top: 1px;
  margin-left: 1px;
}

.form-check-input, .form-check-input:hover {
  cursor: pointer !important;
}

.checkbox input[type=checkbox]:hover + label:after,
.input[type='radio']:hover {
  border-color: #0154A7 !important;
  cursor: pointer !important;
}

.btn.btn-primary.dnm-ok, .btn.btn-primary.dnm-yes {
  min-width: 100px !important;
}

ul#event-type-color-legend {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: .9em;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .webshopdesigner-list-main, .webshopdesigner-details-main {
    margin-right: 60px;
  }

  .component-block .upload-newfile {
    height: 35px;
  }

  .email-template-properties .footer-section .btn.btn-default, .email-template-properties .footer-section .btn.dnicon_checkmark .btn.dnicon_reject {
    padding: 8px 10px;
    min-width: 85px;
  }

  .TemplateName + .default-template {
    margin-top: 8px;
  }

  .side-menu.opened {
    z-index: 1075;
  }

  .group-imagebox {
    margin-bottom: 22px;
    padding-bottom: 15px !important;
  }

  .item-list-colors .divcheckbox.hierarchypage .checkbox input + label:before,
  .item-list-colors .divcheckbox.hierarchypage .checkbox input[type=checkbox] + label:after {
    right: 0px !important;
  }

  .company-hierarchy .divcheckbox.hierarchypage .checkbox input + label:before,
  .company-hierarchy .divcheckbox.hierarchypage .checkbox input[type=checkbox] + label:after {
    right: 0px;
  }

  div#formGroupImage {
    margin-bottom: 22px;
  }

  .child-action-row .subchild-action-btn .btn {
    min-width: 32px !important;
    height: 32px;
    padding: 5px;
  }

  #StepTabHeaders .nav-item span.dnicon_delete {
    right: 10px !important;
  }

  .modal-content.image-setting-manger {
    position: absolute;
    left: 62% !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .webshopdesigner-details-main + .bm-container.bm-active {
    left: 25%;
  }

  .custome-bottom .TemplateName label, .custome-bottom .fixed-area-bottom .TemplateName {
    max-width: 200px;
  }

  .custome-bottom .default-template label.form-check-label {
    width: 155px;
    display: flex;
    justify-content: flex-start;
  }

  #viewPlaceHolderEditPanelLayout .modal-dialog.modal-lg .modal-content {
    width: 720px !important;
    left: 77%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .logicalgroup-page .box-typical.box-typical-dashboard {
    position: relative;
  }

  .with-side-menu.theme-picton-blue.ui-droppable.opened .checkbox input + label {
    display: flex;
    justify-content: flex-start;
  }

  .custome-bottom .TemplateName label {
    max-width: 273px;
    display: flex;
    white-space: pre;
  }

  .wsd-header-menu-node-container-top-left div:first-child {
    width: 180px;
  }
}

.DisplayContainer .icon-icons8_delete {
  background: unset !important;
}

.email-template-section {
  display: flex;
  position: relative;
}

.email-template-designer {
  width: calc(100% - 263px);
}

.email-template-properties {
  width: 275px;
  border-left: 1px solid #efefef;
  padding: 0px 0px 15px 10px;
  min-height: calc(100vh - 80px);
  right: 66px;
    position: fixed;
}
.emailbuilder .label-tools-area {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 0px;
}
.emailbuilder .label-tools-area input#columnWidth {
    width: 100px;
}
.header-section {
  display: flex;
  align-items: center;
  margin-top: 15px;
}

.dnicon_show-preview:before {
  font-family: 'ico-material-design';
}

.designer-element-section {
  margin-top: -14px;
}

.email-designer-container .designer-element-section {
  margin-left: 233px !important;
}

.email-template-designer .row-designer {
    height: 100%
}
.mail-rows .ui-resizable {
    position: relative;
}

.col-selection {
  height: 200px;
  overflow-y: auto;
  margin: 5px 5px 15px;
  padding: 0px 10px 0px 0px;
}

.row-designer {
  display: flex;
  position: relative;
}

  .row-designer .tools {
    display: flex;
    justify-content: center;
    margin-bottom: 8px;
  }

    .row-designer .tools .tools-item {
      border: 1px solid #efefef;
      padding: 2px 5px;
      border-radius: 4px;
      margin: 3px;
      background: #f3f1f1;
      cursor: pointer;
    }

  .row-designer .upload-section {
    display: grid;
    justify-content: center;
    text-align: center;
    height: 80px;
    cursor: pointer;
  }

  .row-designer .tools {
    display: none;
  }

  .row-designer .opentools{
    display: none;
  }

  .row-designer .ed-col:hover .opentools,
  .col-selection .row-preview {
    display: flex;
  }

  .row-designer .ed-col:hover .upload-section {
    height: unset;
  }

.img-highlighted-border {
    border: 2px solid #1065ba !important;
}

.image-gallary .card-list-box.img-highlighted-border {
  border: 1px solid #dddd !important;
}
.upload-section span:first-child {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-top: 6px;
}

.row-designer .ed-col {
  background: #e7f1fc;
}

.row-designer.row-col-1 .ed-col,
.row-designer.row-col-2 .ed-col,
.row-designer.row-col-2.col-25-75 .ed-col,
.row-designer.row-col-2.col-75-25 .ed-col,
.row-designer.row-col-3 .ed-col, .row-designer.row-col-4 .ed-col {
    width: 100% !important;
}

.row-designer table#itemsGrid:hover:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    background-color: transparent;
}
.row-designer.row-col-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: flex-start;
    width: 100%;
}
    .row-designer.row-col-2.col-25-75 {
        grid-template-columns: 30% 70%;
    }
    .row-designer.row-col-2.col-75-25 {
        grid-template-columns: 70% 30%;
    }
.row-designer.row-col-3 {
    grid-template-columns: 1fr 1fr 1fr;
}
.row-designer.row-col-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

    .row-designer.row-col-2 .ed-col:last-child, .row-designer.row-col-3 .ed-col:last-child,
    .row-designer.row-col-4 .ed-col:last-child, .row-designer.row-col-5 .ed-col:last-child {
        margin-right: 0px;
    }


.eactive-row d-col.selected .row-designer.row-col-2.col-25-75 .ed-col:nth-child(2), .row-designer.row-col-2.col-25-75 .ed-col:last-child {
    width: 100% !important;
}

.row-designer.row-col-1 .ed-col, .row-designer.row-col-2 .ed-col, .row-designer.row-col-3 .ed-col, .row-designer.row-col-4 .ed-col {
    border: 1px #9fdedb dotted;
}

.row-designer .ed-col,
.row-designer .ed-col-25, .row-designer .ed-col-75 {
  width: 100%;
  height: 180px;
}



.ed-col.hide-tools-area .opentools, .ed-col.open-tools-area .opentools, .ed-col.open-tools-area:hover .opentools,
.ed-col.open-tools-area .tools {
    display: none !important;
}
.ed-col.hide-tools-area:hover .opentools, .ed-col.open-tools-area:hover .tools {
    display: flex !important;
}
.mail-rows {
  padding: 10px;
}

.upload-section, .tools .tools-item {
  font-size: .9em;
}

.email-designer-container.emailbuilder .designer-sidebar {
  width: 250px;
  margin-top: 113px;
  padding: 0px 0 0;
}

.header-section div:first-child {
  width: calc(100% - 110px);
}
.ed-col .insert-elements-option {
    position: absolute;
    top: 20%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.ed-col{
    position:relative;
}
.ed-col,.dragUnit {
    min-height: 100px !important;
}
#add-img .upload-newimage .DNImageContainer img {
    height: 350px;
    object-fit: contain;
}
.tag-type div {
  background: #0154A7;
  padding: 2px 10px;
  display: inline;
  border-radius: 15px;
  margin-top: 5px;
  color: #ffffff;
  font-size: .8em;
}

.tag-type {
  margin: 8px 0px 5px 5px;
  display: flex;
  justify-content: flex-start;
}

.row-designer .ed-col:hover .opentools {
    gap: 5px;
    justify-content: center;
}
.row-designer .ed-col .opentools-item {
    background: #efefef;
    padding: 5px;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    cursor:pointer;
}
.button-styling-option label:after,
.label-tools-area .checkbox input[type=checkbox]:checked + label:after {
    position: absolute;
    opacity: 0;
}
#dynamicLinkColumns tr.selected, #dynamicColumns tr.selected {
    background: #0154A7;
    color: #fff;
    cursor:pointer;
}
.gridselected .insert-elements-option .tools-item.editor-modal {
    display: none !important;
}
.form-group #EventTags + .select2 .selection {
    display: block;
    max-height: 140px !important;
    height:100% !important
}
.form-group #WhoEventTags + .select2 .selection {
  display: block;
  max-height: 140px !important;
  height: 100% !important
}

.form-group #WhatEventTags + .select2 .selection {
  display: block;
  max-height: 140px !important;
  height: 100% !important
}

.form-group #EventTags + .select2 .selection, .form-group #WhoEventTags + .select2 .selection, .form-group #WhatEventTags + .select2 .selection, .form-group #WhereEventTags + .select2 .selection {
  display: block;
  max-height: 140px !important;
  height: 100% !important
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    max-height: 140px !important;
    overflow-y: auto;
}
.email-template-section .custom-header h3.title {
    margin: 0px;
}
.button-styling-option .btn-roundcorner input + label:before,
.button-styling-option .btn-uppercase input + label:before,
.button-styling-option .btn-islink input + label:before,
.button-styling-option .btn-bold input + label:before,
.button-styling-option .btn-underline input + label:before,
.button-styling-option .btn-italic input + label:before,
.button-styling-option .btn-align-left input + label:before,
.button-styling-option .btn-align-center input + label:before,
.button-styling-option .btn-align-right input + label:before {
    font-family: 'ico-material-design' !important;
    display: flex;
    width: 35px;
    height: 35px;
    background-size: contain;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    font-size: 1.5em;
    content: "";
}

.button-styling-option .checkbox {
    display: flex;
    gap: 9px;
    margin: 0 0 25px 0;
}
.label-tools-area .tools-area .checkbox {
    display: flex;
    gap: 9px;
}
    .label-tools-area .tools-area .checkbox input {
        left: 26px;
        z-index: 100;
        top: 2px;
        width: 30px;
        height: 30px;
    }
.button-styling-option .btn-roundcorner input:checked + label:before,
.button-styling-option .btn-uppercase input:checked + label:before,
.button-styling-option .btn-islink input:checked + label:before,
.button-styling-option .btn-bold input:checked + label:before,
.button-styling-option .btn-underline input:checked + label:before,
.button-styling-option .btn-italic input:checked + label:before,
.button-styling-option .btn-align-left input:checked + label:before,
.button-styling-option .btn-align-center input:checked + label:before,
.button-styling-option .btn-align-right input:checked + label:before,
.label-tools-area .grid-align-left input + label:before,
.label-tools-area .grid-align-center input + label:before,
.label-tools-area .grid-align-right input + label:before,
.label-tools-area .grid-content-align-left input + label:before,
.label-tools-area .grid-content-align-center input + label:before,
.label-tools-area .grid-content-align-right input + label:before {
    font-family: 'ico-material-design' !important;
    display: flex;
    width: 35px;
    height: 35px;
    background-size: contain;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    font-size: 1.5em;
    content: "";
    background-size: 22px;
    background-position-x: center;
    background-position-y: center;
}

.button-styling-option .btn-roundcorner input + label:before {
    background: url(../images/btn-roundcorner.png) no-repeat;
}
.button-styling-option .btn-uppercase input + label:before {
    background: url(../images/btn-uppercase.png) no-repeat;
}
.button-styling-option .btn-islink input + label:before {
    background: url(../images/btn-islink.png) no-repeat;
}
.button-styling-option .btn-bold input + label:before {
    background: url(../images/btn-bold.png) no-repeat;
}
.button-styling-option .btn-underline input + label:before {
    background: url(../images/btn-underline.png) no-repeat;
}
.button-styling-option .btn-italic input + label:before {
    background: url(../images/btn-italic.png) no-repeat;
}
.button-styling-option .btn-align-left input + label:before,
.label-tools-area .grid-align-left input + label:before,
.label-tools-area .grid-content-align-left input + label:before {
    background: url(../images/btn-align-left.png) no-repeat;
}
.button-styling-option .btn-align-center input + label:before,
.label-tools-area .grid-align-center input + label:before,
.label-tools-area .grid-content-align-center input + label:before {
    background: url(../images/btn-align-center.png) no-repeat;
}
.button-styling-option .btn-align-right input + label:before,
.label-tools-area .grid-align-right input + label:before,
.label-tools-area .grid-content-align-right input + label:before {
    background: url(../images/btn-align-right.png) no-repeat;
}

.button-styling-option .btn-roundcorner input + label:before,
.button-styling-option .btn-uppercase input + label:before,
.button-styling-option .btn-islink input + label:before,
.button-styling-option .btn-bold input + label:before,
.button-styling-option .btn-underline input + label:before,
.button-styling-option .btn-italic input + label:before,
.button-styling-option .btn-align-left input + label:before,
.button-styling-option .btn-align-center input + label:before,
.button-styling-option .btn-align-right input + label:before,
.label-tools-area .grid-align-left input + label:before,
.label-tools-area .grid-align-center input + label:before,
.label-tools-area .grid-align-right input + label:before,
.label-tools-area .grid-content-align-left input + label:before,
.label-tools-area .grid-content-align-center input + label:before,
.label-tools-area .grid-content-align-right input + label:before {
    background-size: 22px;
    background-position-x: center;
    background-position-y: center;
}

.row-preview {
  border: 1px solid #d9d9d9;
  padding: 8px;
  width: 100%;
  margin-bottom: 8px;
  border-radius: 8px;
}

  .row-preview .prv-col {
    height: 30px;
    background: #e7f1fc;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .8em;
    border: 1px dashed #8ec5fc;
  }

.select-col-1.row-preview .prv-col {
  width: 100%
}

.select-col-2.row-preview .prv-col {
  width: 50%
}

  .select-col-2.row-preview .prv-col:first-child {
    margin-right: 8px;
  }

.select-col-2.row-preview.left25p .prv-col:first-child,
.select-col-2.row-preview.right25p .prv-col:last-child {
  width: 25% !important;
}

.select-col-2.row-preview.left25p .prv-col:last-child,
.select-col-2.row-preview.right25p .prv-col:first-child {
  width: 75% !important;
}

.select-col-3.row-preview .prv-col {
  width: 33.33%;
  margin-right: 8px;
}

  .select-col-3.row-preview .prv-col:last-child {
    margin-right: 0px;
  }

.select-col-4.row-preview .prv-col {
  width: 25%;
  margin-right: 8px;
}

.custom-row.custom-col-2 .custom-col:last-child:first-child {
  margin-right: 10px;
}

.select-col-4.row-preview .prv-col:last-child,
.custom-row.custom-col-2 .custom-col:last-child {
  margin-right: 0px;
}

.row-designer {
  border: 1px solid #d6d6d6;
}

  .row-designer .col-tools {
    position: absolute;
    display: flex !important;
    padding: 0px 8px 4px 8px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    right: 5px;
    opacity: 0;
    z-index: -1;
  }

.col-tools .tool-list:first-child {
  border-bottom-left-radius: 8px !important;
}

.col-tools .tool-list:last-child {
  border-bottom-right-radius: 8px !important;
}

.row-designer.active-row .col-tools {
  opacity: 0.7;
  z-index: 10;
}

.row-designer .col-tools .tool-list {
  color: #ffffff;
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .8em;
  border-radius: 0px;
}

.row-designer .col-tools .tool-list {
  background: #aaaaaa;
}

  .row-designer .col-tools .tool-list:hover {
    background: #848484;
  }

.col-tools .dnicon_copy:before {
  font-size: 0.85em;
}

.upload-newimage .DNImageContainer {
  position: relative;
  width: 100%;
  margin: auto;
}

  .upload-newimage .DNImageContainer .SelectFileContainer {
    background-color: #f5f5f5;
  }

.email-designer-container .custom-body,
.add-image-modal .upload-newimage {
  padding: 15px !important;
}

.add-image-modal .modal-content .custom-header h3.title {
  font-size: 1.2rem;
  margin-bottom: 5px;
}

.add-image-modal .modal-content .custom-header span {
  font-size: .9rem;
}

.add-image-modal .modal-content .custom-header {
  padding: 10px 15px 0px 15px;
}

.add-image-modal .modal-content .custom-footer {
  padding: 0px 15px 10px 15px;
  display: flex;
  justify-content: flex-end;
}

.add-button .custom-row {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}

.add-button .custom-col {
  width: 50%;
}

  .add-button .custom-col:first-child {
    margin-right: 15px;
  }

.form-group.flex-inline {
  display: inline-flex;
  align-items: center;
  margin-right: 8px;
}

.checkbox input[type="text"] {
  position: relative;
  visibility: visible;
  opacity: unset;
  width: 50px;
  padding: 3px;
  height: calc(1.5em + 0.5rem + 2px);
  margin-left: 8px;
}

.email-template-properties .footer-section {
  padding: 15px 0px;
  border-top: 1px solid #efefef;
  display: flex;
  justify-content: flex-end;
}

.row-preview:hover, .tool-list:hover {
  cursor: pointer;
}

.page-col-layout {
  display: none;
}

.showMe {
  display: block !important;
}

.row-designer.active-row, .row-preview:hover, .row-preview.active-row {
  border: 1px solid #0154a7;

}
.row-designer.active-row{
    height: 100%;
}


.modal-dialog.modal-dialog-centered .modal-footer button {
  margin: 5px;
}

.btnpreview-section {
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

  .btnpreview-section div {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

    .btnpreview-section div .full-width {
      width: 100%;
    }

    .btnpreview-section div .uppercase {
      text-transform: uppercase;
    }

.colorpicker.is-opened {
  display: inline-block;
  z-index: 9999;
}

li button .d-flex.align-items-center.mb-1 {
  display: inline-flex !important;
  width: 33%;
}

  li button .d-flex.align-items-center.mb-1 label {
    width: 100%;
    margin-right: 15px;
  }

  li button .d-flex.align-items-center.mb-1:last-child label {
    margin-right: 0px;
  }

li button .d-flex.align-items-center.mb-1 {
  margin: 15px 0px;
}

.box-typical-body.panel-body button .btn {
  margin: 10px 0px 0px;
}

.custom-row.custom-col-2 {
  display: flex;
}

  .custom-row.custom-col-2 .custom-col {
    width: 50%;
    margin-right: 10px;
    padding: 0px 10px;
  }

    .custom-row.custom-col-2 .custom-col:last-child {
      margin-right: 0px;
      padding-left: 0px;
    }

.col-tools .tool-list span:before {
  color: #fff;
}

.col-tools .tool-list:hover span:before {
  color: #efefef;
}

.col-tools .tool-list span {
  margin-right: 0px;
}

#ItemMovementListPartial div#viewPlaceHolderFilter .modal-content {
  width: 80% !important;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 60px;
}


.labels-designer-page .designer-sidebar, .labels-designer-page .designer-sidebar-property {
  margin-top: 114px;
  padding: 0px;
}

.labels-designer-page .designer-sidebar {
  left: 240px !important;
}

  .labels-designer-page .designer-sidebar .app-search.action-bar-search {
    position: relative;
  }

.labels-designer-page .icon-search {
  right: 27px !important;
  top: 6px !important;
}

.labels-editdesigner-page .designer-sidebar {
  top: 114px;
  padding: 0px;
}

.labels-editdesigner-page .designer-sidebar-body {
  max-height: calc(100vh - 420px);
}

.margin-box .margin-bottom input, .margin-box .margin-top input, .margin-box .margin-left input,
.designer-sidebar-body .margin-box .form-control {
  width: 40px;
}

#ReportModal .modal-header .container.text-right button {
  width: 32px;
  height: 32px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e0e0e0 !important;
}

#ReportModal .modal-header .container.text-right .btn::before {
  margin-right: 0px !important;
  margin-left: 0px !important;
  color: #000;
}

a#closemodalMultiseekMain {
  display: flex;
}

#ReportModal #ReportBackground .modal-header {
  padding-bottom: 15px;
}

#multiStoragePop #DNDataGridTablePop td {
  white-space: break-spaces !important;
}

#PurchasePriceGrid button.datagrid-context-menu.bottomexport {
  margin-top: 8px;
}

.wsd-header-menu-node-container-top-left div:first-child {
  width: 180px;
}

.componentEdit .wsd-table thead.wsd-table-head tr th:nth-child(2) {
  display: flex;
  justify-content: flex-start;
}

.outgoing-invoice-list-page .tbl tbl-outer mt-1 {
  margin-top: 20px;
}

.outgoing-invoice-list-page .widgets-header .tbl-outer > .tbl-row > .tbl-cell {
  padding: 5px 10px;
  text-align: center;
}

.wsd-table thead.wsd-table-header div {
  padding: 4px 15px;
  font-size: .9em !important;
  white-space: nowrap !important;
}

.template-preview-container .template-preview-card .layout-title h3 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.wsd-table thead.wsd-table-header tr th:nth-child(2) div {
  padding: 4px 0px;
}

.outgoing-invoice-list-page .page-content-header {
  margin: 0px 0 -20px;
}

.outgoing-invoice-list-page .filterbox {
  width: 320px;
  bottom: 60px;
  text-align: left;
  left: 24em;
  bottom: 75px;
}

  .outgoing-invoice-list-page .filterbox h3 {
    margin-top: .8em;
  }

.item-list-colors .identification-box {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 5px;
  margin-top: 4px;
}

.item-list-colors .color-red {
  background: red;
}

.item-list-colors .color-green {
  background: green;
}

.item-list-colors .color-greenyellow {
  background: greenyellow;
}

.item-list-colors .color-yellow {
  background: yellow;
}

.item-list-colors .color-blue {
  background: skyblue;
}

.item-list-colors .color-lime {
  background: #c7ea46;
}

.item-list-colors .color-aqua {
  background: #00FFFF;
}

.item-list-colors .color-orange {
  background: orange;
}

.item-list-colors .color-olive {
    background: #808000;
}
#DetailsPartial div#viewPOPlaceHolderPop .modal-dialog.modal-lg {
  width: 80% !important;
  left: 10%;
}

#MenuLinesData .checkbox input {
  z-index: 50;
}

.divcheckbox.hierarchypage label.form-check-label,
.widgets-header .tbl-item .title {
  white-space: nowrap !important;
}

#StepTabHeaders li.nav-item {
  border-top: 0px;
  border-bottom: 1px solid #eee;
}

div#viewPlaceHolder #editor-modal .modal-dialog, div#viewPlaceHolder #show-Preview .modal-dialog {
  width: 80% !important;
  max-width: unset;
  top: 50px;
}

.email-designer-container #add-grid .modal-dialog {
  top: 60px;
}

div#viewPlaceHolder #setGridDisplayText .modal-dialog {
  width: 30% !important;
  top: 150px;
}

.floor-genetation .row-property .form-group.spaceDetail {
  padding: 5px 15px 0px 15px;
}

  .floor-genetation .row-property .form-group.spaceDetail:nth-child(2) {
    padding-left: 5px !important;
  }

.floor-genetation .row-property .form-group {
  width: 100%;
  padding: 5px 15px 0px 15px;
}

body.with-side-menu.sidebar-hidden .email-designer-container.emailbuilder .designer-sidebar {
  left: 0px;
}

.reservation-order-list td a.so-link {
  padding: 5px 8px;
  border-radius: 4px;
}

.ed-col {
  margin: 1px;
}

.form-group.dynamicLink-area, #dynamicColumns {
    background: #f5f5f5;
}
table#dynamicColumns td {
    padding: 2px 10px 2px 10px;
}
.box-typical-body .form-group .shift-right-align {
  display: flex;
  justify-content: flex-end;
}

.row-designer .upload-main-box {
  position: absolute;
  width: 200px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 10px;
}

.row-designer {
  position: relative;
}

.fc-event-container .capacity-block + .checkbox {
  position: absolute;
  right: 5px;
  top: -1px;
}

.handal-properties {
    width: 30px;
    height: 30px;
    position: absolute;
    background: #e0e0e0;
    right: 273px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    right: 260px;
}

  .handal-properties span {
    margin: -5px 0px 0px;
  }

.email-template-designer.template-full-width {
  width: 100%;
}

#ContactDetailsPartial, #ProjectDetailsPartial, #divCustomerListPrt, #EligibleCustomerDetailsPartial {
  margin-top: 15px;
}

.btn-back-callback span.dnicon_chev-backward {
  margin-right: 3px;
}

button.DNButton.btn.btn-default.btn-back-callback {
  display: flex;
}

.occupied-cell .cell-data-text {
  max-height: 20px;
}

span.docs-tooltip {
  padding: 0.2rem 0.2rem;
}

.col-md-3.docs-toggles .btn-group .btn span.docs-tooltip {
  padding: 0.35rem 0rem !important;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  position: unset;
  margin: 0px 0px 0px 15px;
}

.reservation-tickets .ticket-quantity-selector {
  margin: 4px;
}

.form-group.sub-box {
  padding: 10px;
  width: 100%;
  padding-top: 22px;
}

.sweet-alert p {
  word-break: break-all;
}


.form-control-wrapper.form-control-icon-right span.dnicon_event-calendar.pop-icon {
  position: absolute;
  right: 0px;
  top: 0px;
}

#unpaidremindersdiv {
  text-align: left;
}

button.btn.showNewEntryBtn, .btn.hideNewEntryBtn, .btn.addNewEntryBtn {
  background: #e0e0e0 !important;
  padding: 6px 15px;
  text-align: center;
  color: #000 !important;
  font-size: 0.875rem !important;
  font-weight: 400;
  border-radius: 4px;
  display: inline-block;
  min-width: 30px;
  border: 1px solid #e0e0e0 !important;
  cursor: pointer !important;
  margin: 5px;
}

button.btn.showNewEntryBtn {
  padding: 6px 8px;
}

.btn.addNewEntryBtn {
  padding: 6px 5px !important;
}

.form-group.DNComboBox .col-2 {
  padding: 0px 15px 0px 0px;
  text-align: right;
  position: absolute;
  right: 3px;
}


.NewEntryInput .parent-row {
  padding: 10px 15px 10px 15px;
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.form-group.DNComboBox .col-10 {
  position: relative;
}

.NewEntryInput .newfield-add {
  width: 100%;
}

.NewEntryInput .newfield-delete span,
.custom-footer .btn:last-child {
  margin-right: 0px;
}

#ReportBackground .dnicon_zoom_in, #ReportBackground .dnicon_fit_screen,
#ReportBackground .dnicon_zoom_out {
  font-size: 1.3rem !important;
}

#ReportHeader div {
  padding-top: 6px;
}

#stockinformationgrid table.dataTable thead tr:nth-child(2) > th:nth-child(2),
#stockinformationgrid table.dataTable thead tr:nth-child(2) > th:nth-child(3),
#stockinformationgrid table.dataTable thead tr:nth-child(2) > th:nth-child(4) {
  width: 20% !important;
}

.editopenstock-checklistpage .row.columns-edit-row {
  width: 100%;
}

.input-color-container {
  position: relative;
  overflow: hidden;
  width: 32px;
  height: 32px;
  border: dotted 1px #0000003b;
  border-radius: 26px;
  margin-right: 10px;
}

.input-color {
  position: absolute;
  right: -8px;
  top: -9px;
  width: 50px;
  height: 50px;
  border: none;
  cursor: pointer;
}

#booking-calendar-modal .reserve-resource-details input.form-check-input {
  left: 22px;
  z-index: 50;
}

#ShopsGrid th.text-center.column.Editable.MultiSelectCheckbox {
  width: 50px !important;
}

.pd-15 .pd-15.checkbox,
.col-lg-12.pd-15 .pd-15 {
  padding: 0px;
}

.form-control-wrapper.form-control-icon-right span.multiseek-valid-msg {
  display: none;
}

.modal-footer .btn:last-child {
  margin-right: 0px;
}

.component-block .upload-newfile {
  width: 150px !important;
  border-radius: 4px;
  position: relative;
  border: 1px solid #939393;
}

.custom-row.upload-section .upload-newfile span {
  position: absolute;
  top: 7px;
  left: 35px;
  cursor: pointer;
}

.componentEdit .upload-newfile [type="file"] {
  opacity: 0;
  z-index: 50;
  position: absolute;
  cursor: pointer;
}


.properties-inner-row.select-color {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.properties-inner-row .label-box {
  font-size: .9em;
}

.properties-inner-row.select-color:first-child {
  margin-top: 15px;
}

.custom-footer button:first-child,
.row-property .btn:first-child {
  margin-left: 0px;
}

.modal-body .table-col-title {
  padding: 4px 8px;
}

#itemsGridPop th {
  padding: 4px 8px;
}


.modal-dialog:not(.modal-sm):not(.modal-lg) {
  width: 680px;
}


.webshop-setting-page {
  margin-top: 15px;
}

.form-group.dynamicLink-area {
  height: 150px;
}

.dynamicLink-area {
  border: solid 1px #e0e0e0;
  overflow: auto;
  padding: 10px;
}

.side-menu-addl h4.panel-title {
  width: 100px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  height: 25px !important;
}

.componentEdit h4 {
  margin-bottom: 0rem;
}

.modal-content.image-setting-manger .modal-body {
  max-height: 80Vh;
  overflow: auto;
}

.componentEdit .table-responsive {
  margin-bottom: 15px
}

section#dynamicPropertyControl + .form-group #masterPageNavbar {
  display: flex;
  justify-content: center;
}

section#dynamicPropertyControl + .form-group {
  width: 100%;
}

.col-lg-12.pd-15 .form-group:last-child {
  margin-bottom: 0px;
}

.col-lg-12.pd-15 .form-group label.panelcheckbox {
  margin-top: 15px;
}

.box-typical-body.panel-body.image-container-section {
  height: unset !important;
}

div#formGroupImage {
  min-height: 5px !important;
  min-height: 200px;
  margin-bottom: 10px;
}

.custom-file-label::after {
  right: unset;
  left: 0px;
  border-radius: 0.25em;
  cursor: pointer
}

.custom-file .custom-file-label {
  padding-left: 85px;
  border: 0px;
}

.custom-file label:after {
  background-color: #e0e0e0;
  cursor: pointer
}

.divemail-listed .message-title {
  color: #424242;
}

#DNDataGridTable_paginate + .export-in-pagination + .export-in-pagination .bottomexport {
  display: none;
}

.reservation-order-list table.table-bordered tr:first-child th:first-child {
  padding: 8px !important;
}

.modal-dialog .iti__country-list {
  z-index: 60;
}

.add-textbox.active, .add-checkbox.active, .add-selectbox.active, .add-multiselectbox.active {
  background-color: #0154a7;
}

.col-md.resize-edit .col-md.resize-edit {
  padding-right: 0px;
  padding-left: 0px;
}

.row.columns-edit-row:first-child .col-md.resize-edit .col-sm-12.col-md-4,
.row.columns-edit-row:first-child .col-md.resize-edit .col-sm-12.col-md-8 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.row.columns-edit-row:first-child div.dataTables_wrapper div.dataTables_paginate {
  margin-top: 0px;
}

.row.columns-edit-row:first-child div.dataTables_wrapper .col-sm-12.col-md-4 div.dataTables_info {
  margin: 12px 0 5px;
}

.row.columns-edit-row:first-child .col-md.resize-edit div.dataTables_wrapper div.dataTables_info {
  text-align: right;
}

.row.columns-edit-row:first-child .col-md.resize-edit div.dataTables_wrapper .col-md-4.result-show div.dataTables_info {
  text-align: left;
}
.box-typical-body .week-day-list {
  margin: 15px 0px 0px 0px;
}

.form-group.dynamicLink-area {
  height: 150px;
}

.dynamicLink-area {
  border: solid 1px #e0e0e0;
  overflow: auto;
  padding: 10px;
}

#dynamicProperties label.panelcheckbox {
  margin-top: 15px;
}

.webshopdesigner-details-content input.form-control.wsd-text-input {
  width: 40%;
  height: calc(1.2em + 0.7rem + 2px);
}

.email-template-designer.template-full-width + .handal-properties {
  right: -14px !important;
}

#EMailDetailsPartial #DescriptionPopup {
  height: 150px;
}

.modal-content #purchaseordersgrid #DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-8 .export-in-pagination,
#stocktransfergrid #DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-8 .export-in-pagination {
  margin-top: -2px !important;
}

.webshopdesigner-details-content .page-details .row:nth-child(2) .col-4 {
  padding-right: 0px;
}

.wsd-table-body .wsd-table-entry, .wsd-table-body label.wsd-toggle-check {
  width: unset;
}

div#viewPlaceHolder #create-size-modal-area .modal-dialog.modal-lg {
  width: 40% !important;
  max-width: unset;
  margin: 0px;
  top: 5%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#manualgenerategrid .col-sm-12.col-md-8 .export-in-pagination {
  margin-top: -1px !important;
}

.fc-event-container label.isactive-cbx {
  padding: 0px 0px 0px 15px;
}

@media (min-width: 990px) and (max-width: 1400px) {
  .modal-dialog:not(.modal-sm):not(.modal-lg) {
    width: 800px;
  }
}

@media (min-width: 1200px) and (max-width: 1400px) {
  #editBarModal .modal-dialog {
    left: 68%;
  }
}

@media (min-width: 767px) {


  #EMailDetailsPartial .page-with-sidebar .sidebar-nav {
    width: 200px;
  }

  #EMailDetailsPartial .sidebar-content-area {
    margin-left: 206px;
  }

  .email-listed-panels .email-listed-body {
    height: unset;
    min-height: 100px;
    max-height: calc(100vh - 200px);
    padding: 20px 0px 0px 0px;
    overflow-y: auto;
  }

  .modal-dialog {
    max-width: 80%;
    margin: 1.75rem auto;
  }

  #MultiseekModalPopUp .modal-dialog {
    max-width: 70%;
    margin: 1.75rem auto;
  }

  .logicalgroup-page section.box-typical.box-typical-dashboard .box-typical-body.panel-body .btn-new.Multiseek {
    margin: 0px 0px 0px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .divcheckbox.hierarchypage .colorlabel-with-checkbox:nth-child(4), .divcheckbox.hierarchypage .colorlabel-with-checkbox:nth-child(5) {
    margin-left: 20px;
  }

  .wsd-header-menu-node-container-top-left button.DNButton[type="submit"] {
    background-color: #efefef !important;
  }

  .reservation-order-list.table-responsive {
    display: grid;
  }

  .TemplateName {
    margin-top: 5px;
  }

    .TemplateName + .default-template {
      margin-top: 12px;
    }

  #StepTabHeaders li.nav-item {
    min-width: 100px;
  }

  #DNDataGridTable_wrapper .col-sm-12.col-md-4 {
    padding-right: 15px !important;
  }

  #dnStockCheckingPage .table-responsive .table-bordered tbody tr {
    border-bottom: 2px solid #e0e0e0 !important;
    width: 100%;
  }

  .table-bordered tbody tr {
    border-bottom: 2px solid red !important;
  }

  .dnDataGridPage .col-sm-12.col-md-4,
  .dnDataGridPage .col-sm-12.col-md-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  div.dataTables_wrapper div.dataTables_info {
    text-align: right;
  }

  div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 0px;
  }

  .form-group.DNComboBox .col-2 {
    padding: 0px 0px 0px 0px;
    right: 0px;
  }

  #DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-8 .export-in-pagination {
    margin-top: -7px;
  }

  div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 0px 0px 0px 0px;
    white-space: nowrap;
  }

  .col-md-8 #DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-8 .export-in-pagination {
    margin-top: -6px;
  }

  #booking-calendar-page .booking-info {
    display: unset !important;
  }

  .with-side-menu.theme-picton-blue.ui-droppable .page-content {
    margin-left: 0px;
  }

  .page-content-header:after, .page-content-header:before {
    content: '';
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    height: 100%;
    width: 15px;
    position: absolute;
    bottom: -1px;
    background: #fff;
    border-bottom: solid 1px #e0e0e0;
  }

  .page-content-header .page-content .container-fluid {
    padding: 0px !important;
  }

  .with-side-menu-addl-full.menu-left-opened .side-menu-addl {
    left: 24px;
  }

  .spaceCanvas {
    margin-left: 244px;
  }

  .side-menu-addl {
    margin-left: 219px;
  }

  div#viewPlaceHolder #setGridDisplayText .modal-dialog {
    width: 60% !important;
    top: 150px;
  }

  .email-designer-container.emailbuilder .designer-sidebar {
    width: 158px !important;
  }

  .designer-sidebar {
    left: 0px;
  }

  .email-designer-container .designer-element-section {
    margin-left: 144px !important;
  }


  .email-template-properties {
    width: 210px;
  }

  .email-template-designer {
    width: calc(100% - 196px);
  }

  .email-template-section .email-template-designer .handal-properties {
    right: 196px !important;
  }

  .email-template-section .email-template-designer.template-full-width .handal-properties {
    right: -15px !important;
  }
}

@media (min-width: 900px) and (max-width: 1024px) {
  .divcheckbox.hierarchypage .colorlabel-with-checkbox:nth-child(4), .divcheckbox.hierarchypage .colorlabel-with-checkbox:nth-child(5) {
    margin-left: 20px;
  }

  div#Calendar_AllEvent {
    padding-bottom: 100px;
  }

  #DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-8 .export-in-pagination {
    margin-top: -7px;
  }

  .fixed-area-bottom .custome-bottom .default-template {
    max-width: 115px;
  }

  div#viewPlaceHolderV2 {
    margin-right: 35px;
  }

  div#DNEligiblePopupPartial {
    left: 32%;
    -webkit-transform: translateX(-18%);
    transform: translateX(-32%);
  }

  .handal-properties {
    right: 250px !important;
  }

  .email-template-designer {
    width: calc(100% - 250px );
  }

  .page-title.pull-left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  .edit-details-page #editBarModal .modal-content.unpublishmodel {
    left: 13%;
  }

  .modal-content.image-setting-manger .modal-body {
    height: 450px;
    overflow: auto;
  }

  span.select2-dropdown.select2-dropdown--above {
    z-index: 1089;
  }

  .form-group.DNComboBox .col-2 {
    padding: 0px 0px 0px 0px;
    text-align: right;
    position: absolute;
    right: 0px;
  }

  .webshopdesigner-list-main,
  .webshopdesigner-details-main {
    margin-right: 50px;
  }


  .with-side-menu.opened.mozilla-browser #viewPlaceHolder {
    margin-right: 0px;
  }


  .xdsoft_time_box::-webkit-scrollbar {
    width: 8px;
    height: 10px;
  }

  .xdsoft_time_box::-webkit-scrollbar-thumb {
    min-height: 10px;
  }

  .xdsoft_time_box::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 20px;
  }

  .docs-demo {
    max-height: 300px;
  }

  .image-setting-manger .docs-buttons > .btn-group {
    margin-bottom: 0rem;
  }

  ul#masterPageNavbar {
    display: inline-flex;
    text-align: center;
    align-items: center;
    max-width: 321px;
    align-items: center;
    align-items: baseline;
    height: 43px;
    position: unset;
    right: 11px;
    overflow-x: auto;
    top: 3px;
  }

  .with-side-menu.theme-picton-blue.opened.ui-droppable .row.fixed-area-bottom {
    padding-left: 240px;
  }

  #MultiseekModal .table-responsive.responsive-data-grid {
    overflow-y: auto;
    max-height: calc(100vh - 400px );
  }

  .with-side-menu.dashboard .grid-stack.grid-stack-one-column-mode > .grid-stack-item {
    width: 50% !important;
  }

  .email-designer-container .designer-element-section {
    margin-left: 0px !important;
  }

.textEditorFields {
        max-height: 250px !important;
        overflow-y: auto;
    }
    .row-designer.active-row > .ed-col.selected > .email-part {
        opacity: .9 !important;
    }
    body.with-side-menu.theme-picton-blue.opened.ui-droppable.chrome-browser .search-for-menu,
    body.with-side-menu.theme-picton-blue.opened.ui-droppable.mozilla-browser .search-for-menu {
        padding-bottom: 0px
    }

  .head-bar-content {
    display: flex;
  }

    .ed-col:hover .email-part.no-opacity {
        opacity: 0.4 !important;
    }
  .with-side-menu.theme-picton-blue.opened.ui-droppable .head-bar {
    padding-left: 0px !important;
  }

  .with-side-menu.opened.menu-left-opened .search-for-menu {
    display: none;
  }

  .menu-left-opened .mobile-menu-left-overlay {
    display: unset;
    position: relative;
    background: unset;
  }

  .with-side-menu.opened.menu-left-opened .item-list-colors .divcheckbox.hierarchypage .checkbox input + label:before {
    right: 32px !important;
  }

  .with-side-menu.theme-picton-blue.dashboard .page-content {
    padding-left: 10px !important;
  }

  .with-side-menu.theme-picton-blue.opened.ui-droppable.dashboard .head-bar-dashboard {
    width: 76%;
  }

  .with-side-menu.theme-picton-blue.opened.ui-droppable.dashboard.menu-left-opened .head-bar-dashboard {
    width: 100% !important;
  }

  .dashboard .head-bar-content {
    display: inline;
  }

  .head-bar {
    padding: 4px 10px 0px 5px;
  }

  .head-bar-content {
    margin-left: 67px;
  }

  .with-side-menu.theme-picton-blue.opened .head-bar-content {
    margin-left: 0px;
    display: block;
  }

  .dashboard ul.search-for-menu #txtFilterMenu {
    margin: 18px 15px 15px;
  }

  div#viewPlaceHolder {
    margin-right: 50px;
  }

  .SelectFileContainer {
    font-size: 0.9em;
  }

  .xdsoft_timepicker.active {
    max-width: 50px;
  }

  .profile-body-section .sub-title-box {
    left: 59%;
  }

  .profile-page .profile-body-section .row.columns-edit-row {
    margin-top: 0px;
  }

  .sidebar-content-area {
    margin-left: 265px;
  }

  #divEditDiscountDetailPage {
    top: 0px;
  }

  .modal-backdrop {
    z-index: 1075;
  }

  div#booking-calendar-page {
    margin-right: 50px;
  }

  #booking-calendar-page .toolbar {
    padding: 15px 0px 15px 0;
  }

  .with-side-menu.theme-picton-blue.opened.ui-droppable.menu-left-opened .head-bar-content {
    margin-left: 67px !important;
  }

  .with-side-menu.theme-picton-blue.opened.ui-droppable.menu-left-opened.dashboard .head-bar-content {
    margin-left: 0px !important;
  }

  .email-template-properties {
    width: 260px;
  }

  #DetailsPartial .col-sm-12.col-md-8.paginate-show {
    margin-top: 0px !important;
  }

  .email-template-designer.template-full-width + .handal-properties {
    right: -10px !important;
  }


  .divemail-listed .message-title {
    font-size: .9em;
  }

  .message-attached .fa.fa-paperclip {
    font-size: .7em;
  }

  .email-listed-panels .email-listed-body {
    max-height: calc(100vh - 190px);
    overflow-y: auto;
  }

  .compose-email .upload-newfile {
    width: 150px !important;
    border-radius: 4px;
    position: relative;
    border: 1px solid #939393;
  }

    .compose-email .upload-newfile [type="file"] {
      opacity: 0;
      z-index: 50;
      position: absolute;
      cursor: pointer;
    }

  .with-side-menu-addl-full .side-menu-addl {
    left: 22px;
  }

  .with-side-menu.with-side-menu-addl-full.menu-left-opened .side-menu-addl {
    margin-left: -15px;
  }

  .with-side-menu.with-side-menu-addl-full.menu-left-opened .row.fixed-area-bottom {
    width: 100% !important;
  }
}

@media (min-width: 990px) and (max-width: 1024px) {
  .with-side-menu.theme-picton-blue.opened .head-bar-content {
    margin-left: 54px;
  }

  with-side-menu.theme-picton-blue.opened.menu-left-opened .head-bar-content {
    margin-left: 0px;
  }
}

#formGroupFileDocument div#divNoAttachment {
  display: flex;
  justify-content: center;
  align-items: center;
}

.area-accordion-spacedesigner .panel-body.row-property .form-group,
.area-accordion-spacedesigner .panel-body.row-property {
  flex-direction: column;
}

.SaveLogicalGroupList {
  float: right;
}

.up.disabled i, .down.disabled i {
  color: var(--light-gray);
}

.divsidebar-body {
  padding: 10px 15px 100px 0px;
}

.hierarchypage .btn::before {
  margin: 0px;
}

.with-side-menu.chrome-browser .page-content div#viewPlaceHolder,
#viewPlaceHolderV2 div#divEventListPrt,
.with-side-menu.mozilla-browser .page-content div#viewPlaceHolder,
.with-side-menu.chrome-browser .page-content div#viewPlaceHolderV4 {
    margin-right: 15px;
}

#divEditLoyaltyDetailPage #DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-8 {
  margin-top: 13px;
}

body.with-side-menu.theme-picton-blue.opened.chrome-browser.sidebar-hidden .head-bar {
  padding-left: 76px;
}

div#DNDataGridTable_wrapper .row:last-child {
  padding-top: 5px;
}

.filterLabel {
  margin: 10px 10px 0px 10px;
}

.head-bar {
  padding-left: 15px;
}

.select2-container--arrow .select2-selection--multiple .select2-selection__choice__remove,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.select2-container--white .select2-selection--multiple .select2-selection__choice__remove {
  font-size: 1.2rem;
}

.email-template-designer .form-group.sub-box {
  padding: 15px 10px 15px 20px;
}

.wsd-table .wsd-table-entry label {
  background: transparent;
  border: transparent;
}


.card-list-box {
  padding: 15px;
}

.modal-dialog div#nav-tabContent {
  padding: 25px;
  border: 1px solid #efefef;
}

.image-gallary .image-name {
  word-break: break-all;
  font-size: .8em;
}

.image-gallary .btn.btn-link {
  background: transparent;
  color: #0154a7;
  border: 0;
  font-size: .8em;
  padding: 0;
}

#owl-demo .card-list-box img {
  display: block;
  width: 100%;
  height: auto;
}

#myModal .modal-header button.close {
  position: absolute;
  right: 15px;
}

.subchild-row label input {
  margin-top: 0.5rem !important;
}

.subchild-row button {
  margin: 0px 5px 0px 5px;
}

body.modal-open-2 {
  overflow: hidden !important;
  position: relative;
  display: block;
}

.modal-open-2 .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

form#designerform .modal-dialog.modal-lg {
  width: 50% !important;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 70px;
}

.customizer.action-btn .customizer-body .filenoattachment {
  display: flex;
  justify-content: center;
  align-items: center;
}

.company-hierarchy .col-md-12.tree-box {
  margin-top: 50px;
}

.no-scroll {
  overflow: hidden !important;
}

.wsd-section .wsd-timespan {
  width: 100%;
}

.with-side-menu.theme-picton-blue.opened.menu-left-opened.sidebar-hidden .head-bar {
  padding-left: 76px;
}

@media (min-width: 1100px) {
  .head-bar .page-title {
    padding-left: 5px;
  }
}



@media (min-width: 767px) and (max-width: 900px) {
  div#viewPlaceHolderV2 {
    margin-right: 60px;
  }

  div#viewPlaceHolder #divUserListPrt {
    margin: 0px 10px 0 0;
  }

  .head-bar {
    padding-left: 66px;
  }

  div #Calendar_AllEvent {
    padding-bottom: 100px;
  }

  #StepTabHeaders .nav-item span.dnicon_delete {
    right: 18px !important;
    top: 10px !important
  }



  .email-template-designer + .handal-properties {
    right: 196px;
  }

  .email-template-designer.template-full-width + .handal-properties {
    right: -14px !important;
  }
}


/*SEAT SELECTION BEGIN*/

.color-icon {
  margin: auto;
  margin-left: -25px;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 1px solid #e0e0e0;
}

.seats-legend {
  display: flex;
  position: sticky;
  justify-content: center;
  flex-wrap: wrap;
  margin: 15px 0;
}

  .seats-legend li > div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: .95em;
    margin: 5px;
  }

    .seats-legend li > div i.color-icon {
      margin: 0px 8px 0px 8px;
    }

  .seats-legend li:first-child > div i.color-icon {
    margin: 0px 8px 0px 0px;
  }

  .seats-legend .color-icon {
    font-size: .9em !important;
  }

  .seats-legend li i {
    margin: auto;
  }

.area-view-legend li {
  border: 1px solid transparent;
  border-radius: 10px;
}

  .area-view-legend li.area-highlight {
    border-color: var(--content-foreground);
  }

.seats-time {
  text-align: center;
  padding: 10px;
}

  .seats-time h3 {
    font-weight: bold;
  }

text.title, text.description {
  pointer-events: none;
}

#SeatmapSpace .ScreenPosition {
  background-color: var(--light);
  border-radius: 15px;
  border: 2px solid var(--dark);
  display: block;
}

  #SeatmapSpace .ScreenPosition.Right {
    display: block;
    position: absolute;
    border: 1px solid var(--gray-dark);
    border-radius: 15px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    width: 5px;
    right: -50px
  }

.ScreenPosition.Right > p {
  transform: rotate(-90deg);
}

#SeatmapSpace .ScreenPosition.Left {
  display: block;
  position: absolute;
  border: 1px solid var(--gray-dark);
  border-radius: 15px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  width: 5px;
}

.ScreenPosition.Left > p {
  transform: rotate(-90deg);
}

#space-design-scene {
  width: 100%;
  border: 1px solid var(--gray-dark);
  border-radius: 4px;
  text-align: center;
  background-color: #f5f5f5;
  border-radius: 15px;
  margin-top: 1rem;
}

rect#layout_rectangle {
  width: 100%;
  height: 82%;
}

.seat.blocked {
  fill: #333;
}

.seat.selected {
  fill: #6a93ef;
  animation-name: selectedSeat;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

.seat.hover, .area2.hover {
  opacity: .5;
  cursor: pointer;
}

.seat.hover {
  fill: #6a93ef;
}

.group2 {
  /*fill: white;*/
  stroke: #00000073;
  stroke-width: 0.025px;
  rx: .15;
}


.square {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  margin: 2px 10px 2px 2px;
  border: 1px solid #343a40;
  border-radius: 4px;
}

  .square.available {
    background-color: #f5f5f5;
  }

  .square.notavailable {
    background-color: #333;
  }

  .square.selected {
    background-color: #6a93ef;
  }


.backgroundgrid {
  fill: #f5f5f5;
  stroke: var(--gray-dark);
  stroke-width: 1px;
  border-radius: 4px;
}

.seatarea .row .col-md-12 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.hierarchy-zoom-tool {
  display: flex;
  margin-top: -8px;
  justify-content: end;
  padding: 0 15px;
}

.row .col-md-12 .DNCheckBox form-group {
  width: 100%;
  justify-content: center;
  margin: 0;
  display: flex;
}

@keyframes selectedSeat {
  0% {
    fill: #cad8fa;
  }

  50% {
    fill: #6a93ef;
  }

  100% {
    fill: #cad8fa;
  }
}

@-webkit-keyframes bounce-in-bottom {
  0% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }

  55% {
    -webkit-transform: translateY(65px);
    transform: translateY(65px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  72% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  81% {
    -webkit-transform: translateY(28px);
    transform: translateY(28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  95% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@-webkit-keyframes slide-in-elliptic-bottom-fwd {
  0% {
    -webkit-transform: translateY(600px) rotateX(30deg) scale(0);
    transform: translateY(600px) rotateX(30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% -1400px;
    transform-origin: 50% -1400px;
    opacity: 1;
  }
}

@keyframes slide-in-elliptic-bottom-fwd {
  0% {
    -webkit-transform: translateY(600px) rotateX(30deg) scale(0);
    transform: translateY(600px) rotateX(30deg) scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0) rotateX(0) scale(1);
    transform: translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin: 50% -1400px;
    transform-origin: 50% -1400px;
    opacity: 1;
  }
}

@-webkit-keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  75% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  75% {
    -webkit-transform: scale(1.025);
    transform: scale(1.025);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes slide-in-bck-center {
  0% {
    transform: translateX(100vw);
  }

  100% {
    transform: translateX(0vw);
    display: block;
  }
}

@keyframes slide-out-bck-center {
  0% {
    transform: translateX(0vw);
  }

  100% {
    transform: translateX(100vw);
    display: none;
  }
}


.LoginInfoRows {
  margin-top: 30px;
  margin-bottom: 56px;
}

.searchInput {
  margin-top: 10px;
  margin-bottom: 10px;
  max-width: 157px;
}

.priceRange-Radio {
  margin-right: 10px;
  margin-top: 10px;
}

.reservation-expired {
  color: var(--error-color) !important;
  -webkit-text-fill-color: var(--error-color) !important;
  font-size: var(--small-text-size);
  font-weight: bold;
}

.reservation-active {
  color: var(--accent-background) !important;
  -webkit-text-fill-color: var(--accent-background) !important;
  font-size: var(--small-text-size);
  font-weight: bold;
}


.qty-input {
  border: 1px solid var(--light-gray);
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

  .qty-input button {
    cursor: pointer;
    height: 32px;
    float: left;
    line-height: 32px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 150ms ease-out;
    width: 32px;
    color: var(--blue);
    font-weight: bold;
    font-size: 22px;
    padding: 0;
    margin: auto;
  }

  .qty-input i:active {
    background-color: transparent;
    transition: none;
  }

  .qty-input input {
    border: 0px solid;
    float: left;
    height: 38px;
    text-align: center;
    outline: none;
    width: 54px;
    background: var(--light);
    border-radius: 0;
  }

.cart-detail .select-ticket-qty .qty-input input, .line-input-quantity-value {
  border-radius: 0;
  width: 55px;
  height: 35px;
  background-color: #fff;
  border-left: 0px;
  border-right: 0px;
  font-size: var(--normal-text-size);
  font-weight: normal;
  text-align: center;
}

.iconbutton, .lnr-cross {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
  cursor: pointer;
  -webkit-transition: background .3s;
  transition: background .3s;
  background: 0 0;
}

.cart-detail .select-ticket-qty .qty-input input.onlyinput {
  width: 100%;
  font-size: var(--small-text-size);
}

  .cart-detail .select-ticket-qty .qty-input input.onlyinput:focus {
    border: 0;
  }

.cart-detail .select-ticket-qty .qty-input {
  width: 106px;
}

span.less.icon-web-minus_math {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

span.more.icon-web-plus_math {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.cart-detail .select-ticket-qty .qty-input input:focus {
  box-shadow: none !important;
}

.shopping-cart-items .cart-price .product-card__old-price {
  margin: 0;
}

rect.group2.booked {
  fill: #333;
}

#ProjectDetailsPartial #DNDataGridTable_wrapper .col-sm-12.col-md-8 .export-in-pagination,
#ContactDetailsPartial #DNDataGridTable_wrapper .col-sm-12.col-md-8 .export-in-pagination,
#EligibleCustomerDetailsPartial #DNDataGridTable_wrapper .col-sm-12.col-md-8 .export-in-pagination,
#CustomerPurchaseHistoryPartial #DNDataGridTable_wrapper .col-sm-12.col-md-8 .export-in-pagination {
  margin-top: 0px;
}

.divOperatorPage #DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-8 .export-in-pagination {
  margin-top: 3px;
}

textarea.form-check-label {
  color: #000;
}

.questionBlock {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 800px;
  display: none
}

.autogrouping-section h3.panel-title {
  font-size: 1rem;
  color: #000;
}

.autogrouping-checkbox.form-group label {
  display: contents !important;
}

.col-4.autogrouping-section {
  padding: 0 0 0 100px;
}

.BookingAdminModal .modal-body {
  max-height: 700px;
  overflow-y: auto;
}

#eventLinkNotificationModal .modal-body {
  max-height: 700px;
  overflow-y: auto;
}

span.select2-container.select2-container--default.select2-container--open {
  z-index: 2001;
}

#divEditStaticLinkDetailsPage .project-tab .container,
.calender-event-section .project-tab .container {
  max-width: 100% !important;
}

.project-tab .nav-tabs .nav-link {
  padding: 8px 15px;
  border-radius: 4px;
  margin: 0px !important
}

.project-tab .nav-tabs {
  max-width: 400px;
  gap: 15px;
}

#divEditStaticLinkDetailsPage .modal-dialog div#nav-tabContent {
  margin: 15px 0 0 0;
}

.image-gallary a, .image-gallary a img {
  width: 100%;
}

.card-list-box .deleteimage span {
  background: #efefef;
  padding: 6px 8px;
  border-radius: 4px;
}

.card-list-box .deleteimage {
  border: 0;
  position: absolute;
  right: 10px;
  top: 15px;
}

.image-gallary a img {
  height: 140px;
  object-fit: cover;
  object-position: center;
  border-radius: 4px;
}

.project-tab .search-items input {
  max-width: 375px;
}
section.project-tab.newgallery-modal .gallery-media-information .imageURL {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
}
  section.newgallery-modal .gallery-media-information .imageURL span.dnicon_copy {
    margin: 0 0 0 8px;
    cursor:pointer;
  }

#divEditStaticLinkDetailsPage .DisplayContainer img {
  max-height: 198px;
  width: 100%;
  height: auto;
}


#divEditStaticLinkDetailsPage .project-tab .container {
  max-width: 100% !important;
}

.project-tab .nav-tabs .nav-link {
  padding: 8px 15px;
  border-radius: 4px;
  margin: 0px !important
}

.project-tab .nav-tabs {
  max-width: 400px;
  gap: 15px;
}

.project-tab .modal-dialog div#nav-tabContent {
  margin: 15px 0 0 0;
}

.project-tab .image-gallary a {
  width: 100%;
}

  .project-tab .image-gallary a img {
    height: 140px !important;
    object-fit: cover;
    object-position: center;
    border-radius: 4px;
  }

.project-tab .search-items input {
  max-width: 80%;
}
.email-designer-container.emailbuilder .modal-dialog .container {
    max-width: 100%;
}
.email-designer-container.emailbuilder .modal-dialog .container .col-md-12 {
        padding-right: 0px;
        padding-left: 0px;
}
.email-designer-container.emailbuilder .modal-dialog div#nav-tabContent {
    min-height: 380px;
    border: 0px;
    padding: 0px;
}
#modal_GalleryImageId .uploadimage-div {
    width: 235px;
}
#btnCopyToClipboard i {
    margin: 0 8px 0 0;
    color: #737373;
}
.image-gallary .b.project-tab .search-items inputtn.btn-link {
    color: #000000;
}
.card-list-box .deleteimage {
    background: transparent;
}
.card-list-box .deleteimage span {
        background: #ffffff88;
}
.emailbuilder .search-items {
    margin: 0 0 15px 0;
}
.emailbuilder .search-items {
    display: grid;
    grid-template-columns: 80% auto;
    align-items: center;
}
.emailbuilder .tools-section {
    display: flex;
    justify-content: end;
}

.filetargetlayer table.table td, .filetargetlayer table.table th {
  line-break: anywhere;
}
@media (min-width: 768px) and (max-width: 990px) {
  .with-side-menu.theme-picton-blue.opened.menu-left-opened .head-bar {
    width: calc(100% - 238px);
  }

  with-side-menu.theme-picton-blue.opened.menu-left-opened .head-bar-content {
    margin-left: 0px;
  }

  div #viewPlaceHolder {
    margin-right: 60px;
  }

  .with-side-menu.theme-picton-blue.opened.menu-left-opened .site-header {
    width: calc(100% - 240px);
  }

  .col-md-4 div.dataTables_wrapper div.dataTables_paginate {
    margin: 15px 0 0 0px;
  }

  .with-side-menu.theme-picton-blue.opened .fixed-area-bottom {
    width: 100%;
  }

  .fixed-area-bottom .col-md-8.pt-2.pb-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  body.with-side-menu.opened.dashboard .head-bar-dashboard {
    width: 100%;
  }

  body.with-side-menu.opened.dashboard.menu-left-opened .head-bar-dashboard {
    width: calc(100% - 245px);
  }
}

@media (min-width: 991px) and (max-width: 1024px) {
  div#viewPlaceHolder {
    margin-right: 60px;
  }

  body.with-side-menu.opened .head-bar-content {
    margin-left: -8px !important;
  }

  body.with-side-menu.opened.menu-left-opened .head-bar-content {
    margin-left: 60px !important;
  }

  body.with-side-menu.theme-picton-blue.opened.dashboard.menu-left-opened .head-bar-dashboard,
  .fixed-area-bottom {
    width: 100% !important;
  }

  body.with-side-menu.opened.menu-left-opened.dashboard .head-bar-content, body.with-side-menu.opened .head-bar-content {
    margin-left: 5px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1366px) {

  .columns-edit-row .col-md:nth-child(3) .col-md-4,
  .columns-edit-row .col-md:nth-child(3) .col-md-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .columns-edit-row .col-md:nth-child(3) #accessinformationgrid .col-md-4 {
    text-align: right;
  }
}
/* SEAT SELECTION END*/

.DNImageContainer .modal-header {
  display: block;
}

#galleryImage .image-name, .image-gallary .image-name {
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
}

.galleryuploadbutton.files {
  background: #efefef;
  border: 2px dotted #918e8e;
}

  .galleryuploadbutton.files:after {
    top: 90px;
  }
.form-group.d-flex{
  gap:15px;
}
#dnMessageModal .modal-header {
  border: 0px !important;
}
.periodselection .grid-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}

.ed-col:hover .email-part.no-opacity {
    opacity: 0.4 !important;
}

.ed-col:hover .email-part.removefade-opacity {
    opacity: 0.9 !important;
}
/*----------------------------------------- 

    /*----------------------------------------- 
  add custom css before media query - do not add after this line..hierarchypage
  -------------------------------------
*/

#item-sync-modal .modal-content {
  -webkit-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
  border: solid 0px #e0e0e0;
  border-radius: 10px;
}

.cust-subs {
  white-space: nowrap !important;
  display: flex;
  margin: 0 0 0 30px;
  gap: 45px;
}


.divcheckbox.cust-subs .checkbox input + label:before,
.divcheckbox.cust-subs .checkbox input[type=checkbox] + label:after {
  left: 0px;
  right: 0px
}


.subscription-list-colors .identification-box {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 5px;
  margin-top: 4px;
}

.checkbox input + label.checkbox-bg-white:before {
  background: #ffffff;
  border: solid 1px #dfdfdf;
}

.checkbox input + label.checkbox-bg-red:before {
  background: #f55656;
  border: solid 1px #ff2e0c;
}

.checkbox input + label.checkbox-bg-yellow:before {
  background: #ffe14e;
  border: solid 1px #ffd400;
}

.dataTables_empty {
  pointer-events: none;
}

input.readonly {
  background: #e5e5e5 !important;
}

.highcharts-data-table table {
  min-width: 320px;
  max-width: 660px;
}

.highcharts-data-table table {
  font-family: Verdana, sans-serif;
  border-collapse: collapse;
  border: 1px solid #ebebeb;
  margin: 10px auto;
  text-align: center;
  width: 100%;
  max-width: 500px;
}

.highcharts-data-table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555;
}

.highcharts-data-table th {
  font-weight: 600;
  padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
  padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8;
}

.highcharts-data-table tr:hover {
  background: #f1f7ff;
}



#stackedcontainer {
  height: 400px;
}


.highcharts-data-table table {
  min-width: 310px;
  max-width: 800px;
  margin: 1em auto;
}

.graph-section {
  margin: 0 15px;
}

  .graph-section figure.highcharts-figure {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1);
  }

  .graph-section .box-typical-graph-body {
    background: #fafafa;
    padding: 15px 0 15px 0;
    border-radius: 4px;
  }

    .graph-section .box-typical-graph-body p.highcharts-description {
      display: none;
    }

.highcharts-data-table table {
  font-family: Verdana, sans-serif;
  border-collapse: collapse;
  border: 1px solid #ebebeb;
  margin: 10px auto;
  text-align: center;
  width: 100%;
  max-width: 500px;
}

.highcharts-data-table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555;
}

.highcharts-data-table th {
  font-weight: 600;
  padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
  padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8;
}

.highcharts-data-table tr:hover {
  background: #f1f7ff;
}

.data-counter-block {
  background: #fff;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1);
  border-radius: 8px;
  padding: 30px;
  text-align: center;
}

.data-counter-number {
  font-size: 4em;
  font-weight: 700;
  padding: 15px;
}

.data-counter-title {
  padding: 8px 0;
  font-size: 1.2em;
  font-weight: 500;
}

.bluetext * {
  color: #3b82f6;
}

.orangetext * {
  color: #f59e0b;
}

.purpletext * {
  color: #883fb5;
}

.greentext * {
  color: #22c55e;
}

input.readonly {
  background: #e5e5e5 !important;
}

.fa-ellipsis-h.pop-icon {
  cursor: pointer !important
}

  .fa-ellipsis-h.pop-icon.active {
    background-color: #fff;
    border-right: 1px solid #e5e5e5;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

body[data-theme="dark"] .pop-icon.active {
  border-right: 1px solid var(--theme-inputbox);
  background-color: var(--theme-tr-odd);
}

.fa.pop-icon {
  cursor: pointer !important;
  background-color: #fff;
  border-right: 1px solid #e5e5e5;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.moreless-button {
  background: none !important;
  border: 0px !important;
  padding: 0 !important;
  font-family: arial, sans-serif;
  color: #069;
  text-decoration: underline;
  cursor: pointer;
}

.text-wrap {
  white-space: normal;
  word-break: break-all;
  width: 400px;
}

.listgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.select-grid {
  max-height: 200px;
  width: 250px;
  overflow-y: auto;
  padding: 5px;
  background-color: #eee;
}

.item {
  padding: 5px;
  font-weight: bold;
}

.selected-item {
  background-color: lightgreen;
}

.non-editable-grid {
  max-height: 200px;
  overflow-y: auto;
  padding: 5px;
  background-color: #eee;
}
.email-part{
  width:100%;
  height:100%;
}
.email-part img {
  height: 100%;
}

.email-template-designer .ed-col.selected, .email-template-designer .ed-col {
    height: 100% !important;
    padding: 10px;
    overflow: visible;
    height: calc(100% - 1px) !important;
}
.addgrid-div {
  overflow: auto;
  height: 100%;
}

.budget-list-table .btn.table-btn {
  max-width: initial;
}

#dnMessageModal .modal-header .modal-title {
  display: none;
}

#dnMessageModal button.close {
  position: absolute;
  right: 15px;
  top: 6px;
  z-index: 999999;
}

.SelectFileContainer, .DisplayContainer {
  margin: 0 0 15px 0;
}
input.password {
    -webkit-text-security: circle;
}
div#Test_FileemptyLayer.files:before {
  color: red;
  font-size: 0.8em;
  font-weight: normal;
}
div.imagegalleryvalidationtext.files:before {
  color: red;
  font-size: 0.8em;
  font-weight: normal;
}
.checkbox [readonly] + label:before, .checkbox [readonly]:hover + label:before,
.checkbox [readonly]:focus + label:before,
.checkbox [readonly]:active + label:before,
.checkbox [readonly]:hover + label:after,
.checkbox [readonly]:focus + label:after {
  background-color: #eceff4;
  border-color: #dbe4eb;
  cursor: not-allowed !important;
}

.checkbox [readonly] + label {
  color: #8e9fa7;
  cursor: not-allowed !important;
}

.readonly-checkbox {
  color: #a0a0a0 !important;
  pointer-events: none;
}
#DetailsPartial #DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-8 .export-in-pagination, #labelGridItem #DNDataGridTable_wrapper .row:nth-child(3) .col-sm-12.col-md-8 .export-in-pagination {
  margin-top: 14px;
}
button#btnReject:disabled, .btn.btn-disabled.dnicon_delete {
  background: #ccc !important;
  cursor: not-allowed !important;
  border: 1px solid #ccc !important;
}

button#btnApprove:disabled {
  background: #ccc !important;
  cursor: not-allowed !important;
  border: 1px solid #ccc !important;
}
.action-grid {
  display: grid !important;
  grid-template-columns: 20px auto;
  gap: 15px;
  color: #404040;
  font-size: 14px;
  font-weight: 500;
 -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}
#sidebaloading {
  display: none;
}
#sidebaloading img {
    width: 50px;
 }
#sidebaloading div#loadingcontent {
    position: absolute;
}
.label-tools-area .grid-footer-checkbox .checkbox input[type=checkbox]:checked + label:after {
    opacity: .9 !important;
}

.dnDataGridPage thead {
  position: sticky;
  z-index: 12;
  top: 0px;
}
.filter.grid-box input {
  width: 100%;
  margin: 5px;
}
.details-area {
  background-color: #F2F3F3;
  width: 100%;
  border-radius: 5px 5px 0px 0px;
  display: flex;
  padding: 10px;
  border-bottom: #e7e7e7 solid 1px;
  display: grid;
  gap: 70px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.details-area .btn.btn-primary {
  white-space: pre;
  width: 100%;
}
.gallery-media-infornation {
  background: #f8f8f8;
  width: 400px;
}

.gallery-media-list {
  width: calc(100% - 300px);
}

.gallery-section {
  display: flex;
}

.add-image-modal .modal-body {
  padding: 0;
}

.gallery-media-information {
  background: #f8f8f8;
  width: 400px;
  height: auto;
  min-height: calc(100vh - 150px);
  padding: 20px;
}

.modal-dialog .gallery-media-information {
  height: calc(100vh - 260px);
  min-height: auto;
}

.gallery-header-filter {
  display: flex;
  justify-content: space-between;
  padding: 15px;
}

.filter-bar {
  display: flex;
  gap: 15px;
  align-items: center;
}

.newgallery-modal .filter-bar input#txtmediasearch {
  width: 230px;
}

.form-group.image-gallary {
  padding: 15px;
  margin: 0px;
}

.action-area .btn {
  min-width: 50px;
  padding: 8px 10px;
}

  /*.action-area .btn.dnicon_add-plus {
    background: #0154A7 !important;
    border: 1px solid #0154A7 !important;
    color: #fff !important;
  }*/

.action-area div {
  display: flex;
  direction: rtl;
  align-items: center;
}

.image-gallary .card-list-box {
  padding: 0px;
  position: relative;
}

.project-tab .image-gallary a img {
  height: 160px !important;
  object-fit: contain !important;
  object-position: center;
  border-radius: 4px;
}

.image-gallary .card-list-box .checkbox {
  position: absolute;
  top: 8px;
  right: 15px;
}

.image-gallary .checkbox input + label {
  display: block;
}

  .image-gallary .checkbox input + label:before {
    width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 20px !important;
  }

.image-gallary .form-check-input {
  position: absolute;
  margin-top: -1px;
  margin-left: -1px;
  z-index: 50;
  padding: 10px;
  width: 25px;
  height: 26px;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

.image-gallary .checkbox input[type=checkbox] + label:after {
  width: 24px;
  height: 24px;
  font-size: 14px;
  line-height: 25px !important;
}

.image-gallary .checkbox input[type=checkbox]:checked + label:before {
  border: solid 0px #e0e0e0 !important;
}

.image-gallary .checkbox input[type=checkbox]:checked + label:after {
  line-height: 30px;
  background: #0cc72c;
  color: #fff;
  border-radius: 18px;
}

.gallery-media-list .title {
  padding: 8px 15px;
  font-size: 18px;
  font-weight: 500;
}

.gallery-media-information .grid-col {
  display: grid;
  grid-template-columns: 100px auto;
  gap: 15px;
  font-size: 14px;
}

.sub-grid-col {
  display: flex;
  gap: 8px;
}

.gallery-media-information .img img {
  width: 100px;
  height: 100px !important;
  object-fit: contain !important;
  border-radius: 4px
}

.gallery-media-information .title {
  margin: 0 0 15px 0;
}

.gallery-media-information .sub-grid-col-full {
  margin: 15px 0;
}

.gallery-media-information .grid-col .img {
  background: #efefef;
  height: 100px;
}

.grid-edit-col .sub-grid-col {
  display: grid;
  grid-template-columns: 80px auto;
  margin: 10px 0;
  font-size: 14px;
  align-items: baseline;
}

.sub-grid-col-full .link, .gallery-section .imageEditbtn i.dnicon_edit {
  cursor: pointer;
  color: #045cb0;
  font-weight: 500;
  font-size: 15px;
}

.gallery-section .imageEditbtn i.dnicon_edit {
  margin: 0;
}

.gallery-media-information .group-check-box {
  border: 1px solid #efefef;
  background: #fff;
  border-radius: 4px;
  max-height: 150px;
  overflow: auto;
  align-items: center;
}

.gallery-media-information .tagtitle {
  margin: 0 0 0 90px;
  font-size: 14px;
}

.gallery-media-information .checkbox {
  border-bottom: 1px solid #efefef;
  padding: 5px 15px;
  margin-bottom: 5px;
}

.gallery-media-information .form-check-input {
  margin-left: 2px;
  z-index: 50;
}

.action-area .btn::before {
  margin-left: 5px;
}

.action-area .btn.dnicon_delete-bin {
  min-width: 40px;
}

.action-area button.btn {
  direction: ltr;
}

.action-area .dnicon_data-download {
  background: #e0e0e0 !important;
  height: 38px;
}

.image-edit-tool-bar .form-check-input {
  margin-left: 2px;
  z-index: 20;
}

.imageEditmodal, .addnewimage-modal {
  position: fixed;
  z-index: 2001;
  top: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border: 1px solid #efefef;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.imageEditmodal {
    width: 55%;
    background: #ffffff;
    left: 50%;

}

.addnewimage-modal {
    width: 55%;
    background:#fff;
}

.download .btn {
  margin-right: 5px;
}

.addnewimage-modal .body {
  padding: 15px;
}

  .addnewimage-modal .body .inner-row {
    display: flex;
    justify-content: center;
    gap: 35px;
    padding-bottom:15px;
  }


.imageEditmodal .modal-header, .dimension, .image-edit-tool-bar,
.addnewimage-modal .modal-header {
  display: flex;
  align-items: center;
}

.imageEditmodal .image-edit-tool-bar {
  margin: 15px;
}

.imageEditmodal .dimension {
  gap: 15px;
  margin: 0 15px;
}

.imageEditmodal .imagedisplayarea {
  width: 100%;
  background: #efefef;
  padding: 40px;
  overflow: hidden;
  height: 500px;
}

.imageEditmodal .imagedisplay {
  display: flex;
  margin: 0 auto;
  width: 100%;
  align-items: center;
  justify-content: center;
}

  .imageEditmodal .imagedisplay img {
    margin: 10px 0 60px 0;
  }

.modal-header .close-editpanel, .modal-header .close-addimagepanel {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
  float: right;
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
  background: transparent;
  border: 0;
}

.image-gallary .active a img {
  border: 2px solid #0154A7;
}
.image-gallary .card-list-box.active {
  border: 0;
}

.newgallery-modal .gallery-section .select2.select2-container--default {
  min-width: 120px;
}

.imageEditmodal .field-flex, .addnewimage-modal .field-flex {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}

.field-flex input[type='text'] {
  height: 39px;
}

.imageEditmodal button#large2_RemoveImgBtn {
  display: none;
}

.addnewimage-modal .DNImageContainer .SelectFileContainer, .addnewimage-modal .DNImageContainer, .imageEditmodal .DNImageContainer .SelectFileContainer, .imageEditmodal .DNImageContainer {
  min-height: 320px;
}
/*.addnewimage-modal .form-group.row {
  gap: 10px;
}*/
.imageEditmodal .DNImageContainer, .addnewimage-modal .DNImageContainer {
  width: 420px;
}
  .addnewimage-modal .DNImageContainer .SelectFileContainer label {
    height: 315px;
  }
 .DNImageContainer .DisplayContainer, .imageEditmodal .DNImageContainer .SelectFileContainer label {
    height: 100%;
  }
  .addnewimage-modal .DNImageContainer .DisplayContainer img, .imageEditmodal .DNImageContainer .DisplayContainer img {
    max-height: 290px;
    object-fit: contain;
  }
.DNImageContainer button.editimage {
  top: 40%;
  left: 44%;
  transform: translateX(0);
}
.gallery-media-list .action-area div{
  gap:7px;
}
.gallery-media-list .gallery-header-filter .action-area .btn {
  margin: 0;
}
.newgallery-modal .imageEditmodal, .newgallery-modal .addnewimage-modal, section.project-tab.newgallery-modal + .addnewimage-modal {
  z-index: 2000 !important;
}
.disabled-li-button {
  background-color: #e0e0e0 !important;
  pointer-events: none;
}
.disabled-datagrid-row {position:relative}
.disabled-datagrid-row::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  cursor: not-allowed !important;
  z-index: 1;
}
.readonly-input {
  background-color: #e5e5e5;
  color: #a0a0a0;
  pointer-events: none;
}
#viewPlaceHolderV2 .newgallery-modal .image-gallary input.form-check-input {
    left: 0;
}
.btn-dnicon_delete {
    color: #d53f3f !important;
    font-family: 'Roboto', sans-serif !important;
    background: #e0e0e0 !important;
    text-align: center;
    padding: 8px 15px;
    font-size: 0.875rem !important;
    font-weight: 400;
    min-width: 100px;
    border: 1px solid #e0e0e0 !important;
    cursor: pointer !important;
    margin: 5px;
}
.btn-dnicon_delete:before {
    content: "\e931";
    font-family: 'ico-material-design' !important;
    font-size: 1.3em !important;
     margin-top: -4px;
}
.eventv4-head-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f0f0f0;
    padding: 10px 15px;
}

    .eventv4-head-bar .left-sec {
        font-size: 18px;
    }

.partial-des {
    padding: 30px 15px;
    color: #505050;
    font-weight: 300;
}

.eventv4-head-bar .ulHeader .eventtag {
    border-radius: 20px;
    padding: 4px 15px;
    border: 1px solid #bbbbbb;
    background: #fff;
}

.eventv4-head-bar #EventDetailPageNav {
    display: flex;
    gap: 8px;
}

.eventv4-head-bar .ulHeader li {
    font-size: 14px;
    font-weight: 300;
}

.eventv4-head-bar .eventtag.active, .eventv4-head-bar .eventtag:hover {
    background: #0154A7;
    border: 1px solid #0154A7;
    color: #fff;
}
#viewPlaceHolderV4 .col-md-12.select-with-btn {
    display: flex;
    width: 100%;
}
#viewPlaceHolderV4 .box-typical-body.panel-body .select-with-btn .btn {
    margin: 0px 0 0 -1px;
    height: 34px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    line-height: 130%;
}
.select-with-btn .form-group .select2 .selection {
    width: 260px;
}
div#viewPlaceHolderV4 .box-typical.box-typical-dashboard .box-typical-body {
    height: initial;
}
div#AssociatedVenue .associatedVenue-area {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    gap: 15px;
}
.select-velgrom {
    padding: 2px 8px;
}
.select-velgrom, .select-vel {
    display: grid;
    grid-template-columns: auto auto;
    gap: 15px;
}
.action-CallAssosciated {
    text-align: end;
}
.select-vel {
    margin: 8px;
}
div#AssociatedVenue {
    display: flex;
}
    div#AssociatedVenue .associatedVenue-area {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
        gap: 15px;
    }
div#viewPlaceHolderV4 .res-calendar-block .resource-calendar-view-options button {
    width: 50px;
    padding: 8px 15px;
    background: #eee;
    border-radius: 4px;
    margin-left: 15px;
    cursor: pointer;
    border: 0;
}
div#viewPlaceHolderV4 .res-calendar-block .resource-calendar-view-options button.selected {
    background-color: #000000;
}
    div#viewPlaceHolderV4 .res-calendar-block .resource-calendar-view-options button.selected span {
        color: #ffffff !important;
    }
#editing-booking-calender-content .tile-pop {
    width: 100%;
    margin: 0 auto;
}
#editing-booking-calender-model .modal-dialog {
    width: 25%;
    border-radius: 50px;
}
.editing-booking-details {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 15px;
}
.tile-pop .ask {
    -webkit-text-stroke-width: thin;
    margin: 10px 0 10px 0;
}
.tile-pop .editing-booking-details-button {
    display: flex;
    gap: 15px;
}
.tile-pop .tile-pop-footer {
    margin: 0 0 15px 0;
}
#editing-booking-calender-model .modal-header .close {
    display: flex;
    align-items: center;
}
.editing-booking-details-button {
    display: flex;
    justify-content: flex-start;
    margin: 0px 0 15px 0;
}

.modal-dialog button.btn-close.close:hover {
    background: transparent !important;
    border: 0px !important;
}
#reserve-resource-modal .large-height #resource-reservation-external-note {
    height: 265px;
}
.seperator-div {
    border-top: 1px solid #ccc;
    margin: 10px 0 25px;
}
#reserve-resource-modal .large-height #resource-reservation-internal-note {
    height: 355px;
}
.side-menu-list li.with-submenu {
    margin-left: 8px;
}
.side-menu-list li.with-submenu > span {
    padding-left: 43px !important;
}
.resize-edit .periodselection.action-btn {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}
#viewPlaceHolderV4 .col-4 + .col-8.pd-15 {
    margin-left: -15px;
}

.sp-widget.dynamic-widget .widget-card.editable:not(.dragchild)::before {
  content: '';
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
}

.filtermessage {
    justify-content: center;
    display: flex;
    font-size: 20px;
    color: #908d92;
}