@charset "UTF-8";
/* @import "../../../node_modules/@syncfusion/ej2-base/styles/material.css";
@import "../../../node_modules/@syncfusion/ej2-buttons/styles/material.css";
@import "../../../node_modules/@syncfusion/ej2-calendars/styles/material.css";
@import "../../../node_modules/@syncfusion/ej2-dropdowns/styles/material.css";
@import "../../../node_modules/@syncfusion/ej2-inputs/styles/material.css";
@import "../../../node_modules/@syncfusion/ej2-navigations/styles/material.css";
@import "../../../node_modules/@syncfusion/ej2-popups/styles/material.css";
@import "../../../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css";
@import "../../../node_modules/@syncfusion/ej2-grids/styles/material.css";
@import "../../../node_modules/@syncfusion/ej2-treegrid/styles/material.css"; */

html,
body {
  width: 100%;
  min-height: 100vh;
  font-family: "Muli", sans-serif;
  background-color: #f7fafd;
  color: #545a6b;
}

:root {
  scrollbar-color: #d9e0e9 transparent !important;
  scrollbar-width: thin !important;
}

a {
  cursor: pointer;
}

*::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

*::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0);
}

*::-webkit-scrollbar-thumb {
  background-color: #d9e0e9;
  outline: 1px solid #e9edf3;
  border-radius: 6px;
}

*[onclick],
*[data-toggle="tooltip"],
*[data-toggle="modal"],
*[data-toggle="collapse"] {
  cursor: pointer;
}

a,
a:hover,
a:focus {
  text-decoration: none;
  outline: none;
}

h1 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  letter-spacing: -0.8px;
  color: #1b2236;
}

@media (max-width: 1199px) and (min-width: 992px) {
  h1 {
    font-size: 26px;
    line-height: 33px;
    letter-spacing: -0.65px;
  }
}

@media (max-width: 991px) {
  h1 {
    font-size: 20px;
    line-height: 20px;
    letter-spacing: -0.5px;
  }
}

h3 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #1b2236;
}

p {
  font-size: 15px;
  color: #545a6b;
}

p.note {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.54;
  color: #858997;
}

.text-primary {
  color: #1c99ec !important;
}

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

.active-state {
  color: #8dc53f !important;
}

.inactive-state {
  color: #fe4e27 !important;
}

.card {
  border-radius: 4px;
  border-color: #e9edf3;
}

.ico-img {
  height: 14px;
  width: 14px;
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.ico-img.angle-right {
  background-image: url(../images/angle-right.svg);
}

.ico-img.angle-down {
  background-image: url(../images/angle-down.svg);
}

.ico-img.angle-down-white {
  background-image: url(../images/angle-down-white.svg);
}

.ico-img.angle-left-primary {
  background-image: url(../images/angle-left-primary.svg);
}

.ico-img.angle-right-primary {
  background-image: url(../images/angle-right-primary.svg);
}

.ico-img.dashboard-ico {
  background-image: url(../images/dashboard-icon.svg);
}

.ico-img.sites-ico {
  background-image: url(../images/site-icon.svg);
}

.ico-img.fotofinishReports-ico {
  background-image: url(../images/fotofinishReports-icon.svg);
}

.ico-img.tickets-ico {
  background-image: url(../images/tickets-icon.svg);
}

.ico-img.floorAccessIssues-ico {
  background-image: url(../images/floorAccessIssues-icon.svg);
}

.ico-img.photoflows-ico {
  background-image: url(../images/photoflows-icon.svg);
}

.ico-img.periodics-ico {
  background-image: url(../images/periodics-icon.svg);
}

.ico-img.reports-ico {
  background-image: url(../images/reports-icon.svg);
}

.ico-img.library-ico {
  background-image: url(../images/library-icon.svg);
}

.ico-img.users-ico {
  background-image: url(../images/users-icon.svg);
}

.ico-img.manageTenants-ico {
  background-image: url(../images/manageTenants-icon.svg);
}

.ico-img.settings-ico {
  background-image: url(../images/settings-icon.svg);
}

.ico-img.bar-ico {
  background-image: url(../images/bar-ico.svg);
}

.ico-img.edit-ico {
  background-image: url(../images/edit-ico.svg);
}
.ico-img.clone-ico {
  background-image: url(../images/copy.png);
}
.ico-img.view-ico {
  background-image: url(../images/view-ico.svg);
}

.ico-img.deactivate-ico {
  background-image: url(../images/deactivate-ico.svg);
}

.ico-img.reactivate-ico {
  background-image: url(../images/reactivate-ico.svg);
}

.ico-img.plus-ico {
  background-image: url(../images/plus-ico.svg);
}

.ico-img.download-ico {
  background-image: url(../images/download-ico.svg);
}

.ico-img.backPage,
.ico-img.back-modal {
  background-image: url(../images/backPage.svg);
}

.ico-img.calendar-ico {
  background-image: url(../images/calendar-ico.svg);
}

.ico-img.calendar-white-ico {
  background-image: url(../images/calendar-white-ico.svg);
}

.ico-img.delete-ico {
  background-image: url(../images/delete-ico.svg);
}

.ico-img.delete-ico.white {
  background-image: url(../images/delete-white-ico.svg);
}

.ico-img.recall-ico {
  background-image: url(../images/Recall.png);
  width: 20px;
  height: 20px;
}

.ico-img.close-ico {
  background-image: url(../images/close.svg);
}

.ico-img.close-ico.red {
  background-image: url(../images/close-red.svg);
}

.ico-img.close-circle-wrong {
  background-image: url(../images/close-circle-wrong.svg);
}

.ico-img.check-ico {
  background-image: url(../images/green-check.svg);
}

.ico-img.circle-check {
  background-image: url(../images/green-check.svg);
  background-color: #fff;
  border-radius: 50px;
}

.ico-img.flag-ico {
  background-image: url(../images/flag-ico.svg);
}

.ico-img.check-circle {
  background-image: url(../images/check-circle.svg);
}

.ico-img.check-circle {
  background-image: url(../images/check-circle.svg);
}

.ico-img.check-circle-success {
  background-image: url(../images/check-circle-success.svg);
}

.ico-img.check-circle-primary {
  background-image: url(../images/check-circle-primary.svg);
}

.ico-img.info-ico {
  background-image: url(../images/info-ico.svg);
}

.ico-img.list-view {
  background-image: url(../images/list-view.svg);
}

.ico-img.grid-view {
  background-image: url(../images/grid-view.svg);
}

.ico-img.envelope-ico {
  background-image: url(../images/envelope-ico.svg);
}

.ico-img.envelope-primary-ico {
  background-image: url(../images/envelope-primary-ico.svg);
}

.ico-img.ico-deleteSlot {
  background-image: url(../images/deleteSlot.svg);
}

.ico-img.dot {
  font-family: FontAwesome;
  font-style: normal;
  position: relative;
  height: 3px;
  width: 3px;
}

.ico-img.dot:after {
  content: "";
  font-size: 3px;
  line-height: 3px;
  position: absolute;
  top: 0;
  left: 0;
}

.highcharts-tracker * {
  opacity: 1 !important;
}

.datepicker td,
.datepicker th {
  padding: 5px;
}

.transition,
.sidebar .nav .nav-item .submenu,
.sidebar .nav .nav-item .nav-link[aria-expanded="true"]:after,
.sidebar .nav .nav-item .nav-link[aria-expanded="false"]:after,
.sidebar .nav .nav-item .nav-link[aria-expanded="true"],
.sidebar .nav .nav-item .nav-link[aria-expanded="false"],
.sidebar .nav .nav-item .nav-link span,
.sidebar .user-card .user,
.sidebar .user-card,
.sidebar .sidebar-inner,
.sidebar .sidebar-header .desktop-logo,
.sidebar .sidebar-header,
.sidebar nav,
.sidebar,
.view-change .ico-img {
  -webkit-transition: cubic-bezier(0.4, 0, 1, 1) all 0.32s;
  transition: cubic-bezier(0.4, 0, 1, 1) all 0.32s;
}

.img-object,
.imgEdit img,
.sortable-lst > li ul[data-length="2"] > li img,
.sortable-lst > li > img,
.selectPhotos-lst li label img,
.flrAccIsu-Section .media .media-imgs > img,
.flrAccIsu-details .media .media-imgs > img,
.site-details-status .card.card-grid-view .statusGrids li img,
.site-details-status .card.card-list-view .slideBox .slider-for .item img,
.site-periodic-details .card_lst li .media .media-left img,
.md-SiteAreaDP .viewBox .flex-imgs ul.img-group li img,
.md-viewTicket .viewBox .flex-imgs ul.img-group li img,
.md-viewPeriodicsDetails .viewBox .flex-imgs ul.img-group li img,
.md-viewUser .viewBox .flex-imgs ul.img-group li img,
.md-viewTenants .viewBox .flex-imgs ul.img-group li img,
.photoflow-cards ul.img-group > li img,
.media-imgs ul.img-group > li img {
  object-fit: cover;
  object-position: center;
}

.btn {
  height: 40px;
  padding: 10px 19px;
  font-size: 15px;
  font-weight: 700;
  line-height: 19px;
  border-radius: 4px;
}

.btn:hover,
.btn:focus,
.btn:active {
  box-shadow: none;
  outline: none;
}

.btn.btn-primary {
  color: #fff;
  background-color: #1c99ec;
  border-color: #1c99ec;
  box-shadow: none !important;
}

.btn.btn-primary:hover {
  background-color: #1a8cd9;
  border-color: #1a8cd9;
}

.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #1884cc;
  border-color: #1884cc;
}

.btn.btn-light {
  color: #545a6b;
  border-color: #d7e4ef;
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: none !important;
}

.btn.btn-light:hover {
  border-color: #d7e4ef;
  background-color: rgba(255, 255, 255, 0.6);
}

.btn.btn-light:focus,
.btn.btn-light:active,
.btn.btn-light:not(:disabled):not(.disabled):active {
  border-color: #d7e4ef;
  background-color: rgba(255, 255, 255, 0.6);
}

.btn.btn-success {
  color: #fff;
  background-color: #8dc53f;
  border-color: #8dc53f;
  box-shadow: none !important;
}

.btn.btn-success:hover,
.btn.btn-success:focus,
.btn.btn-success:active,
.btn.btn-success:not(:disabled):not(.disabled):active {
  background-color: #8dc53f;
  border-color: #8dc53f;
}

.btn.btn-danger {
  color: #fff;
  background-color: #e96155;
  border-color: #e96155;
  box-shadow: none !important;
}

.btn.btn-danger:hover,
.btn.btn-danger:focus,
.btn.btn-danger:active,
.btn.btn-danger:not(:disabled):not(.disabled):active {
  background-color: #e96155;
  border-color: #e96155;
}

.btn.btn-outline-primary {
  color: #1c99ec;
  border-color: #1c99ec;
}

.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:focus,
.btn.btn-outline-primary:active,
.btn.btn-outline-primary:not(:disabled):not(.disabled):active {
  color: #1c99ec;
  border-color: #1c99ec;
  background-color: transparent;
  box-shadow: none;
}

.read-more {
  color: #1c99ec;
}

.badge {
  padding: 5px 5px;
  min-width: 26px;
  height: 22px;
  border-radius: 4px;
  background-color: #dbf0ff;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  color: #1c99ec;
}

.badge.badge-danger {
  background-color: #ffd5d5;
  color: #fe7575;
}

.badge.badge-danger .clock {
  margin-top: -1px;
  height: 12px;
  width: 12px;
  background-image: url(../images/clock-red.svg);
}

.badge.badge-warning {
  background-color: #ffe582;
  color: #ff912a;
}

.badge.badge-inprogress {
  background-color: #ffa500;
  color: #fff;
}

.badge.badge-done {
  background-color: #006400;
  color: #ff912a;
}

.badge.badge-rejected {
  background-color: #e96155;
  color: WHITE;
}

.badge.badge-reopened {
  background-color: #e96155;
  color: WHITE;
}

.badge.badge-info {
  background-color: #c9f4f8;
  color: #179eac;
}

.badge.badge-success {
  background-color: #dcedc4;
  color: #7db430;
}

.badge.badge-light {
  background-color: #fff;
  color: #8a99a3;
  border: 1px solid #e9edf3;
}

.tooltip .tooltip-inner {
  border-radius: 4px;
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.2);
  background-color: #1b2236;
  font-family: "Muli", sans-serif;
}

.tooltip.bs-tooltip-top .arrow::before {
  border-top-color: #1b2236;
}

.tooltip.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #1b2236;
}

.tooltip.bs-tooltip-left .arrow::before {
  border-left-color: #1b2236;
}

.tooltip.bs-tooltip-right .arrow::before {
  border-right-color: #1b2236;
}

.tooltip.show {
  opacity: 1;
}

.splPhoto-box .Searchbox select {
  -webkit-appearance: none;
  background-image: url(../images/angle-down.svg) !important;
  background-size: 11px 8px;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  .splPhoto-box .uploadFile {
    min-height: calc(100vh - 180px);
    justify-content: center;
  }
}

.slotModal-open {
  overflow: auto !important;
  padding-right: 0 !important;
}

.slotModal-open .modal-backdrop {
  display: none;
}

.slotModal-open .modal.show {
  opacity: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  left: 100%;
}

.uploadFile {
  margin: 0 auto;
  padding: 40px 15px;
  flex-direction: column;
  width: 100%;
  max-width: 720px;
  background-color: #fff;
  border-radius: 4px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%23B3BCCDFF' stroke-width='1' stroke-dasharray='4%2c 6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  position: relative;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.uploadFile h3 {
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  color: #1b2236;
}

@media (max-width: 767px) {
  .uploadFile h3 {
    display: none;
  }
}

.uploadFile .uploadLogo {
  max-width: 122px;
  max-height: 122px;
  margin-bottom: 30px;
  border-radius: 100px;
}

@media (max-width: 767px) {
  .uploadFile .uploadLogo {
    max-width: 86px;
    max-height: 86px;
    margin-bottom: 16px;
  }
}

.uploadFile .or {
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  color: #8a99a3;
  text-transform: uppercase;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .uploadFile .or {
    display: none;
  }
}

.uploadFile input[type="file"] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.uploadFile label.btn {
  margin: 0;
  padding: 8px 14px 6px;
  height: 36px;
  font-size: 14px;
  line-height: 18px;
  color: #1c99ec;
  position: relative;
  z-index: 2;
  cursor: pointer;
  border-radius: 4px;
  border: solid 1px #d7e4ef;
  background-color: rgba(255, 255, 255, 0.6);
}

.uploadFile .downExl {
  margin: 30px 0 -10px;
  width: calc(100% + 10px);
  margin-left: -5px;
}

.uploadFile .downExl h4 {
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #1c99ec;
}

.uploadFile .downExl p {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 16px;
  color: #8a99a3;
}

.uploadFile .downExl p span {
  padding: 1px 0;
}

.uploadFile .downExl p span:not(:first-child) {
  padding-left: 8px;
}

.uploadFile .downExl p span:not(:last-child) {
  padding-right: 9px;
  border-right: 1px solid #e9edf3;
}

@media (max-width: 767px) {
  .uploadFile .downExl {
    margin-bottom: 0;
  }
}

@media (max-width: 479px) {
  .uploadFile .downExl {
    margin-top: 80px;
  }
}

@media (max-width: 767px) {
  .uploadFile {
    padding-top: 36px;
    padding-bottom: 36px;
  }
}

/* Change autocomplete styles in WebKit */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0) inset;
  transition: background-color 5000s ease-in-out 0s;
}

.custom-checkbox .custom-control-label:after,
.custom-checkbox .custom-control-label:before {
  top: 50%;
  transform: translateY(-50%);
  height: 16px;
  width: 16px;
  border-radius: 2.2px;
  border: solid 1px #dadce4;
  background-color: #fff;
  box-shadow: none !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
  background-size: 100% 100%;
  border-color: #2d3092;
  background-image: url(../images/checkbox-checked.svg);
  border: solid 0px !important;
}

.custom-radio .custom-control-label:after,
.custom-radio .custom-control-label:before {
  top: 50%;
  transform: translateY(-50%);
  border-color: #dadce4;
  box-shadow: none !important;
  border-radius: 50px;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label:before {
  border-color: #2d3092;
  background-color: #2d3092;
}

.custom-number {
  position: relative;
}

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

.custom-number input[type="number"] {
  -moz-appearance: textfield;
}

.custom-number input {
  margin: 0;
  padding: 0 28px 0 10px;
  float: left;
  display: block;
  width: 100%;
  height: 36px;
  font-size: 14px;
  line-height: 1.65;
  color: #1b2236;
  border-radius: 4px;
  border: solid 1px #d9e0e9;
  box-shadow: none !important;
  -webkit-appearance: none;
}

.custom-number input:focus {
  outline: 0;
}

.custom-number .number-nav {
  float: left;
  position: relative;
  height: 36px;
}

.custom-number .number-nav .number-button {
  position: relative;
  cursor: pointer;
  width: 24px;
  text-align: center;
  color: #333;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  background-repeat: no-repeat;
  background-position: center center;
}

.custom-number .number-nav .number-button.number-up {
  position: absolute;
  height: 50%;
  top: 0;
  background-image: url(../images/arrow-up.svg);
}

.custom-number .number-nav .number-button.number-down {
  position: absolute;
  bottom: -1px;
  height: 50%;
  background-image: url(../images/arrow-down.svg);
}

.form-group {
  margin: 0 0 30px;
  position: relative;
}

.form-group label {
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  color: #545a6b;
}

.form-group .form-control {
  padding: 8px 0;
  min-height: 40px;
  font-size: 16px;
  font-weight: normal;
  color: #1b2236;
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid #d9e0e9;
  resize: none;
}

.form-group .form-control:disabled,
.form-group .form-control[readonly] {
  padding: 8px !important;
}

.form-group .form-control::-webkit-input-placeholder {
  color: rgba(27, 34, 54, 0.5);
}

.form-group .form-control::-moz-placeholder {
  color: rgba(27, 34, 54, 0.5);
}

.form-group .form-control:-ms-input-placeholder {
  color: rgba(27, 34, 54, 0.5);
}

.form-group .form-control:-moz-placeholder {
  color: rgba(27, 34, 54, 0.5);
}

.form-group .form-control.err {
  border-color: #e96155 !important;
}

.form-group .form-control:focus {
  box-shadow: none;
  outline: none;
  border-color: #8a99a3;
}

.form-group .error {
  margin: 0;
  padding-top: 4px;
  color: #e96155;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  left: 0;
  top: 100%;
  position: absolute;
}

.form-group .custom-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-group .custom-checkbox .custom-control-label {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 15px;
  font-weight: 600;
  color: #1b2236;
}

.form-group .custom-checkbox .custom-control-label::after,
.form-group .custom-checkbox .custom-control-label::before {
  border-radius: 2.2px;
  height: 16px;
  width: 16px;
  box-shadow: none !important;
}

.form-group
  .custom-checkbox
  .custom-control-input:checked
  ~ .custom-control-label:before {
  border-color: #2d3092;
  background-color: #2d3092;
  z-index: 1;
}

.form-group
  .custom-checkbox
  .custom-control-input:checked
  ~ .custom-control-label:after {
  z-index: 2;
  background-image: url(../images/checkbox-checked.svg);
  background-size: 100% 100%;
}

.form-group .iconEye {
  width: 18px;
  height: 36px;
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 2px;
  background-image: url(../images/iconEye.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}

.form-group .iconEye.hide {
  background-image: url(../images/iconEye_Hide.svg);
}

.bootstrap-select .dropdown-menu {
  margin: 4px 0;
  padding: 0;
  border: none;
  border-radius: 4px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.06);
  background-color: #fff;
}

.bootstrap-select .dropdown-menu .bs-searchbox .form-control {
  padding: 8px 12px;
  height: 36px;
  min-height: 36px;
  border-radius: 4px;
  border: 1px solid #d9e0e9;
}

.bootstrap-select .dropdown-menu .bs-actionsbox {
  padding: 0 8px 0 16px;
  background-color: #edf1f7;
}

.bootstrap-select .dropdown-menu .bs-actionsbox .btn-group {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
}

.bootstrap-select .dropdown-menu .bs-actionsbox .actions-btn {
  font-size: 15px;
  line-height: 15px;
  font-weight: 600;
  color: #6d7f8b;
  text-align: left;
  padding: 6px 0;
  flex: 0 0 auto;
  height: 28px;
  width: auto;
  border: none !important;
  background-color: transparent !important;
}

.bootstrap-select .dropdown-menu .bs-actionsbox .actions-btn.bs-select-all {
  padding-left: 22px;
}

.bootstrap-select
  .dropdown-menu
  .bs-actionsbox
  .actions-btn.bs-select-all:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 16px;
  width: 16px;
  border-radius: 2.2px;
  background-image: url(../images/checkbox-checked.svg);
  background-position: center center;
  background-size: 120% 120%;
  border-color: #2d3092;
}

.bootstrap-select .dropdown-menu .bs-actionsbox .actions-btn.bs-deselect-all {
  margin-left: 15px;
  padding-left: 15px !important;
  border-left: 1px solid #e9edf3 !important;
}

.bootstrap-select .dropdown-menu .inner .dropdown-menu {
  padding: 5px;
}

.bootstrap-select .dropdown-menu .inner .dropdown-menu li {
  border-radius: 0;
}

.bootstrap-select .dropdown-menu .inner .dropdown-menu li:not(:last-child) {
  border-bottom: 1px solid #dbf0ff;
}

.bootstrap-select .dropdown-menu .inner .dropdown-menu li a {
  font-weight: 500;
  color: #1b2236;
  position: relative;
  background-color: transparent !important;
  border-radius: 4px;
  min-height: 36px;
  padding: 11px 10px;
  line-height: 14px;
  font-size: 14px;
  font-weight: normal;
}

.bootstrap-select .dropdown-menu .inner .dropdown-menu li a:hover,
.bootstrap-select .dropdown-menu .inner .dropdown-menu li a:focus,
.bootstrap-select .dropdown-menu .inner .dropdown-menu li a:active {
  box-shadow: none !important;
  outline: none !important;
}

.bootstrap-select .dropdown-menu .inner .dropdown-menu li:hover,
.bootstrap-select .dropdown-menu .inner .dropdown-menu li:focus,
.bootstrap-select .dropdown-menu .inner .dropdown-menu li:active {
  box-shadow: none;
  outline: none !important;
}

.bootstrap-select .dropdown-menu .inner .dropdown-menu li:hover,
.bootstrap-select .dropdown-menu .inner .dropdown-menu li.selected {
  background-color: #edf1f7;
  border-color: #edf1f7;
  border-radius: 4px;
}

.bootstrap-select .dropdown-menu .inner .dropdown-menu li.no-results {
  background-color: transparent !important;
  color: #fe7575;
}

.bootstrap-select .dropdown-menu .inner .dropdown-menu li.no-results:after,
.bootstrap-select .dropdown-menu .inner .dropdown-menu li.no-results::before {
  display: none !important;
}

.bootstrap-select
  .dropdown-menu
  .inner[aria-multiselectable="true"]
  .dropdown-menu {
  padding: 0 16px;
}

.bootstrap-select
  .dropdown-menu
  .inner[aria-multiselectable="true"]
  .dropdown-menu
  li:not(:last-child) {
  border-bottom: 1px solid #d9e0e9;
}

.bootstrap-select
  .dropdown-menu
  .inner[aria-multiselectable="true"]
  .dropdown-menu
  li
  a {
  height: 43px;
  font-size: 15px;
  font-weight: 600;
  padding: 12px;
  padding-left: 25px;
}

.bootstrap-select
  .dropdown-menu
  .inner[aria-multiselectable="true"]
  .dropdown-menu
  li
  a
  .check-mark {
  opacity: 0;
  display: none;
}

.bootstrap-select
  .dropdown-menu
  .inner[aria-multiselectable="true"]
  .dropdown-menu
  li
  a:hover,
.bootstrap-select
  .dropdown-menu
  .inner[aria-multiselectable="true"]
  .dropdown-menu
  li
  a:focus,
.bootstrap-select
  .dropdown-menu
  .inner[aria-multiselectable="true"]
  .dropdown-menu
  li
  a:active {
  outline: none !important;
  background-color: transparent !important;
}

.bootstrap-select
  .dropdown-menu
  .inner[aria-multiselectable="true"]
  .dropdown-menu
  li:after,
.bootstrap-select
  .dropdown-menu
  .inner[aria-multiselectable="true"]
  .dropdown-menu
  li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 49%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border-radius: 2.2px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  z-index: 2;
}

.bootstrap-select
  .dropdown-menu
  .inner[aria-multiselectable="true"]
  .dropdown-menu
  li:after {
  background-color: #fff;
  border: solid 1px #f1f3f6;
  z-index: 1;
}

.bootstrap-select
  .dropdown-menu
  .inner[aria-multiselectable="true"]
  .dropdown-menu
  li.selected {
  background-color: transparent;
}

.bootstrap-select
  .dropdown-menu
  .inner[aria-multiselectable="true"]
  .dropdown-menu
  li.selected:after {
  background-color: #2d3092;
  border-color: #2d3092;
}

.bootstrap-select
  .dropdown-menu
  .inner[aria-multiselectable="true"]
  .dropdown-menu
  li.selected::before {
  border: none;
  background-image: url(../images/checkbox-checked-small.svg);
}

.bootstrap-select
  .dropdown-menu
  .inner[aria-multiselectable="true"]
  .dropdown-menu
  li:hover,
.bootstrap-select
  .dropdown-menu
  .inner[aria-multiselectable="true"]
  .dropdown-menu
  li:focus,
.bootstrap-select
  .dropdown-menu
  .inner[aria-multiselectable="true"]
  .dropdown-menu
  li:active,
.bootstrap-select
  .dropdown-menu
  .inner[aria-multiselectable="true"]
  .dropdown-menu
  li.selected {
  border-radius: 0px;
  outline: none !important;
  background-color: transparent !important;
}

.bootstrap-select .dropdown-toggle::after {
  content: "";
  border: none;
  height: 6px;
  width: 12px;
  background-image: url(../images/angle-down.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  right: 2px;
  position: relative;
}

.container {
  padding: 0 40px;
  max-width: 1060px;
}

@media (min-width: 1601px) {
  .container {
    padding: 0 80px;
    max-width: 1600px;
  }
}

@media (max-width: 1600px) and (min-width: 1440px) {
  .container {
    padding: 0 80px;
    max-width: 1440px;
  }
}

@media (max-width: 1199px) {
  .container {
    padding: 0 24px;
  }
}

@media (max-width: 991px) {
  .container {
    padding: 0 16px;
  }
}

.container-fluid {
  padding-left: 80px;
  padding-right: 80px;
}

@media (max-width: 1199px) {
  .container-fluid {
    padding: 0 24px;
  }
}

@media (max-width: 991px) {
  .container-fluid {
    padding: 0 16px;
  }
}

.colorpicker .colorpicker-saturation {
  background-image: url(../images/saturation.png);
}

.colorpicker .colorpicker-hue {
  width: 26px;
  background-image: url(../images/hue.png);
}

.colorpicker .colorpicker-alpha {
  background-image: url(../images/alpha.png);
  display: none !important;
}

.colorpicker-element {
  position: relative;
}

.colorpicker-element .form-control {
  padding-right: 50px;
}

.colorpicker-element .input-group-addon {
  position: absolute;
  right: 0;
  z-index: 9;
  line-height: 1;
  top: 50%;
  transform: translateY(-50%);
}

.colorpicker-element .input-group-addon i {
  width: 45px;
  height: 22px;
  border-radius: 4px;
  background-color: #fafbfc;
  border: solid 1px rgba(0, 0, 0, 0.2);
}

.custom-table {
  border-radius: 4px;
  overflow: hidden;
}

.custom-table table {
  margin: 0;
}

.custom-table table thead tr th {
  font-size: 12px;
  line-height: 20px;
  font-weight: bold;
  color: #6d7f8b;
  padding: 18px 8px;
  min-height: 57px;
  background-color: #e9edf3;
  border: none;
  border-bottom: 1px solid #e9edf3;
  text-transform: uppercase;
}

.custom-table table thead tr th:first-child {
  padding-left: 30px;
  border-radius: 4px 0 0 0;
  border-left: 1px solid #e9edf3;
}

.custom-table table thead tr th:last-child {
  border-radius: 0 4px 0 0;
  border-right: 1px solid #e9edf3;
}

@media (max-width: 991px) {
  .custom-table table thead {
    display: none;
  }
}

.custom-table table tbody tr {
  border: none;
  border-bottom: 1px solid #e9edf3;
  background-color: #fff;
  /* cursor          : pointer; */
}

.custom-table table tbody tr td {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #1b2236;
  padding: 15px 8px 18px;
  background-color: transparent;
  border: none;
  vertical-align: middle;
  position: relative;
}

@media (min-width: 992px) {
  .custom-table table tbody tr td:first-child {
    padding-left: 30px;
    border-left: 1px solid #e9edf3;
  }
}

@media (min-width: 992px) {
  .custom-table table tbody tr td:last-child {
    border-right: 1px solid #e9edf3;
  }
}

@media (max-width: 991px) {
  .custom-table table tbody tr td {
    padding: 5px 5px 5px 15px;
    width: 100% !important;
    min-height: 28px;
  }

  .custom-table table tbody tr td .input-txt {
    width: 50%;
    display: inline-block;
    white-space: normal;
  }

  .custom-table table tbody tr td:before {
    content: attr(data-heading) ":";
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    color: #8a99a3;
    text-transform: uppercase;
    width: 48%;
    display: inline-table;
    margin-right: 2%;
    vertical-align: top;
  }

  .custom-table table tbody tr td:first-child {
    font-size: 16px;
    line-height: 20px;
    padding: 20px 5px 10px 15px;
  }

  .custom-table table tbody tr td:first-child:before {
    display: none;
  }

  .custom-table table tbody tr td:last-child {
    padding-bottom: 12px;
  }

  .custom-table table tbody tr td:last-child:before {
    top: 8px;
  }
}

@media (max-width: 480px) {
  .custom-table table tbody tr td:before {
    font-size: 12px;
  }
}

.custom-table table tbody tr:last-child td:first-child {
  border-radius: 0 0 0 4px;
}

.custom-table table tbody tr:last-child td:last-child {
  border-radius: 0 0 4px 0;
}

.custom-table table tbody tr.disabled {
  cursor: no-drop;
}

.custom-table table tbody tr.disabled td {
  background-color: rgba(242, 244, 247, 0.4);
  color: #98a9b2;
}

.custom-table table tbody tr.disabled td .badge {
  color: #98a9b2;
  background-color: #e4eaed;
}

.custom-table table tbody tr.disabled td .deactivate,
.custom-table table tbody tr.disabled td .deactivate-user {
  display: none;
}

@media (min-width: 992px) {
  .custom-table table tbody tr:not(.disabled):hover td {
    background-color: #f8fcff;
  }
}

@media (max-width: 991px) {
  .custom-table table tbody tr {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    border-radius: 4px;
    overflow: hidden;
  }
}

.custom-table table tbody [data-toggle="modal"] {
  cursor: pointer;
}

@media (max-width: 991px) {
  .custom-table table tbody {
    display: block;
    max-width: 100%;
    margin-top: 15px;
  }
}

@media (max-width: 991px) {
  .custom-table table {
    display: block;
    max-width: 100%;
  }
}

.custom-table .badge {
  margin: 3px 0 -2px 7px;
}

@media (max-width: 767px) {
  .custom-table .badge {
    display: table-caption;
    margin: 9px 0 0;
  }
}

.custom-table .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.custom-table .actions.input-txt {
  display: inline-flex;
}

.custom-table .actions a {
  margin: 0 15px;
  position: relative;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
}

.custom-table .actions a.close {
  opacity: 1;
}

.custom-table .actions a ~ a:after {
  content: "";
  position: absolute;
  height: 30px;
  width: 1px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -15px;
  background-color: #f1f3f6;
}

@media (max-width: 991px) {
  .custom-table .actions a ~ a:after {
    height: 20px;
  }
}

@media (max-width: 991px) {
  .custom-table .actions a:first-child {
    margin-left: 0;
  }
}

.custom-table .actions .view-ico {
  height: 18px;
  width: 18px;
  min-height: 18px;
  min-width: 18px;
}

.custom-table .actions .edit-ico {
  height: 19px;
  width: 19px;
  min-width: 19px;
  min-height: 19px;
}

.custom-table .actions .save-ico {
  height: 19px;
  width: 19px;
  min-width: 19px;
  min-height: 19px;
  background-image: url(../images/green-check.svg);
}

.custom-table .actions .deactivate-ico,
.custom-table .actions .reactivate-ico {
  height: 20px;
  width: 20px;
  min-width: 20px;
  min-height: 20px;
}

.custom-table .actions .close-ico {
  height: 18px;
  width: 16px;
  background-image: url(../images/close-red.svg);
  min-width: 16px;
  min-height: 18px;
}

.custom-table .actions .delete-ico {
  height: 18px;
  width: 16px;
  min-height: 18px;
  min-width: 16px;
}

@media (max-width: 767px) {
  .custom-table .actions {
    padding: 4px 0 6px;
  }
}

.custom-table .pagination {
  margin-top: 40px;
}

@media (max-width: 991px) {
  .custom-table .pagination {
    margin-top: 24px;
  }
}

@media (max-width: 767px) {
  .custom-table .pagination {
    justify-content: center !important;
  }
}

.tableScroll {
  padding: 0 30px;
  background-color: #fff;
  position: relative;
}

.tableScroll .left-move,
.tableScroll .right-move {
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
  width: 30px;
  height: 40px;
  background-color: #edf1f7;
  border: none;
  box-shadow: none !important;
  outline: none !important;
  background-image: url(../images/right-arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
}

@media (max-width: 991px) {
  .tableScroll .left-move,
  .tableScroll .right-move {
    display: none;
  }
}

.tableScroll .left-move {
  left: 0;
  right: auto;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.tableScroll .custom-table {
  overflow-x: auto;
}

@media (max-width: 991px) {
  .tableScroll .custom-table table tbody tr td {
    display: block;
    width: 100%;
  }
}

.tableScroll .custom-table table tbody tr:focus {
  outline: none !important;
}

@media (max-width: 991px) {
  .tableScroll .custom-table table tbody tr {
    padding-top: 34px;
    position: relative;
    z-index: 1;
  }
}

.tableScroll .custom-table table tbody .slick-arrow {
  background-image: url(../images/right-arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
}

.tableScroll .custom-table table tbody .slick-arrow.slick-prev {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

@media (max-width: 991px) {
  .tableScroll .custom-table table tbody .slick-arrow {
    position: absolute;
    top: 0;
    z-index: 99;
    width: calc((100% - 368px) / 2);
    height: 34px;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    color: transparent !important;
    font-size: 1px;
    left: auto;
    right: 0;
  }

  .tableScroll .custom-table table tbody .slick-arrow.slick-prev {
    left: 368px;
    right: auto;
  }
}

@media (max-width: 767px) and (min-width: 481px) {
  .tableScroll .custom-table table tbody .slick-arrow {
    width: calc((100% - 206px) / 2);
  }

  .tableScroll .custom-table table tbody .slick-arrow.slick-prev {
    left: 206px;
  }
}

@media (max-width: 480px) {
  .tableScroll .custom-table table tbody .slick-arrow {
    width: calc((100% - 112px) / 2);
  }

  .tableScroll .custom-table table tbody .slick-arrow.slick-prev {
    left: 113px;
  }
}

@media (max-width: 991px) {
  .tableScroll .custom-table table {
    display: block;
    width: 100%;
  }
}

.tableScroll .custom-table .d-block {
  word-break: break-word;
  width: 100%;
}

@media (min-width: 480px) and (max-width: 991px) {
  .tableScroll.sitStsDP-table table tbody tr:after,
  .tableScroll.sitStsOC-table table tbody tr:after,
  .tableScroll.punchInDP-table table tbody tr:after,
  .tableScroll.punchInOC-table table tbody tr:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    border-left: 1px solid #e9edf3;
    width: 50%;
    left: auto;
    box-shadow: 8px 0px 16px -8px #e9edf3 inset;
    z-index: -1;
  }
}

.tableScroll.sitStsDP-table .left-move,
.tableScroll.sitStsDP-table .right-move {
  min-height: 60px;
}

.tableScroll.sitStsDP-table table thead tr th {
  vertical-align: top;
  line-height: 16px !important;
}

@media (min-width: 1601px) {
  .tableScroll.sitStsDP-table table thead tr th:nth-child(1) {
    min-width: 80px !important;
  }

  .tableScroll.sitStsDP-table table thead tr th:nth-child(2),
  .tableScroll.sitStsDP-table table thead tr th:nth-child(7),
  .tableScroll.sitStsDP-table table thead tr th:nth-child(8) {
    min-width: 210px !important;
  }

  .tableScroll.sitStsDP-table table thead tr th:nth-child(4),
  .tableScroll.sitStsDP-table table thead tr th:nth-child(9),
  .tableScroll.sitStsDP-table table thead tr th:nth-child(11) {
    min-width: 102px !important;
  }
}

@media (min-width: 992px) {
  .tableScroll.sitStsDP-table table thead tr th {
    width: 10%;
  }

  .tableScroll.sitStsDP-table table thead tr th:nth-child(1) {
    padding-left: 10px !important;
    min-width: 76px;
  }

  .tableScroll.sitStsDP-table table thead tr th:nth-child(2),
  .tableScroll.sitStsDP-table table thead tr th:nth-child(3) {
    min-width: 120px;
  }

  .tableScroll.sitStsDP-table table thead tr th:nth-child(4) {
    min-width: 94px;
  }

  .tableScroll.sitStsDP-table table thead tr th:nth-child(5),
  .tableScroll.sitStsDP-table table thead tr th:nth-child(6) {
    min-width: 150px;
  }

  .tableScroll.sitStsDP-table table thead tr th:nth-child(7) {
    min-width: 170px;
  }

  .tableScroll.sitStsDP-table table thead tr th:nth-child(8) {
    min-width: 180px;
  }

  .tableScroll.sitStsDP-table table thead tr th:nth-child(9) {
    min-width: 100px;
  }

  .tableScroll.sitStsDP-table table thead tr th:nth-child(10) {
    min-width: 190px;
  }

  .tableScroll.sitStsDP-table table thead tr th:nth-child(11) {
    min-width: 84px;
  }
}

@media (min-width: 992px) {
  .tableScroll.sitStsDP-table table tbody tr td:first-child {
    padding-left: 10px !important;
  }
}

@media (max-width: 991px) {
  .tableScroll.sitStsDP-table table tbody tr td {
    position: relative;
    z-index: 2;
  }

  .tableScroll.sitStsDP-table table tbody tr td:nth-child(5),
  .tableScroll.sitStsDP-table table tbody tr td:nth-child(6),
  .tableScroll.sitStsDP-table table tbody tr td:nth-child(8) {
    min-height: 46px;
  }
}

@media (max-width: 480px) {
  .tableScroll.sitStsDP-table table tbody tr td:before {
    left: 10px !important;
  }

  .tableScroll.sitStsDP-table table tbody tr td:nth-child(3),
  .tableScroll.sitStsDP-table table tbody tr td:nth-child(9) {
    min-height: 46px;
  }

  .tableScroll.sitStsDP-table table tbody tr td:nth-child(5),
  .tableScroll.sitStsDP-table table tbody tr td:nth-child(6),
  .tableScroll.sitStsDP-table table tbody tr td:nth-child(7) {
    min-height: 70px;
  }
}

.tableScroll.sitStsOC-table {
  margin: 0;
  padding: 0;
}

@media (min-width: 992px) {
  .tableScroll.sitStsOC-table table thead tr th:nth-child(1) {
    width: 10% !important;
  }

  .tableScroll.sitStsOC-table table thead tr th:nth-child(2) {
    width: 22% !important;
  }

  .tableScroll.sitStsOC-table table thead tr th:nth-child(3) {
    width: 16% !important;
  }

  .tableScroll.sitStsOC-table table thead tr th:nth-child(5) {
    width: 22% !important;
  }
}

@media (max-width: 991px) {
  .tableScroll.sitStsOC-table table tbody tr td:nth-child(5) {
    min-height: 46px;
  }
}

@media (max-width: 480px) {
  .tableScroll.sitStsOC-table table tbody tr td:before {
    left: 10px !important;
  }

  .tableScroll.sitStsOC-table table tbody tr td:nth-child(4) {
    min-height: 46px;
  }
}

.tableScroll.punchInDP-table .left-move,
.tableScroll.punchInDP-table .right-move {
  min-height: 60px;
}

.tableScroll.punchInDP-table table thead tr th {
  vertical-align: top;
  line-height: 16px !important;
}

@media (min-width: 992px) {
  .tableScroll.punchInDP-table table thead tr th {
    width: 10%;
  }

  .tableScroll.punchInDP-table table thead tr th:nth-child(1) {
    padding-left: 10px !important;
    min-width: 75px;
  }

  .tableScroll.punchInDP-table table thead tr th:nth-child(2) {
    min-width: 120px;
  }

  .tableScroll.punchInDP-table table thead tr th:nth-child(3),
  .tableScroll.punchInDP-table table thead tr th:nth-child(7) {
    min-width: 100px;
  }

  .tableScroll.punchInDP-table table thead tr th:nth-child(4),
  .tableScroll.punchInDP-table table thead tr th:nth-child(14) {
    min-width: 82px;
  }

  .tableScroll.punchInDP-table table thead tr th:nth-child(5) {
    min-width: 182px;
  }

  .tableScroll.punchInDP-table table thead tr th:nth-child(6),
  .tableScroll.punchInDP-table table thead tr th:nth-child(13) {
    min-width: 92px;
  }

  .tableScroll.punchInDP-table table thead tr th:nth-child(8) {
    min-width: 72px;
  }

  .tableScroll.punchInDP-table table thead tr th:nth-child(9),
  .tableScroll.punchInDP-table table thead tr th:nth-child(12) {
    min-width: 129px;
  }

  .tableScroll.punchInDP-table table thead tr th:nth-child(10) {
    min-width: 136px;
  }

  .tableScroll.punchInDP-table table thead tr th:nth-child(11) {
    min-width: 143px;
  }
}

@media (min-width: 992px) {
  .tableScroll.punchInDP-table table tbody tr td:first-child {
    padding-left: 10px !important;
  }
}

@media (max-width: 991px) {
  .tableScroll.punchInDP-table table tbody tr td {
    position: relative;
    z-index: 2;
  }

  .tableScroll.punchInDP-table table tbody tr td:nth-child(5),
  .tableScroll.punchInDP-table table tbody tr td:nth-child(10),
  .tableScroll.punchInDP-table table tbody tr td:nth-child(11) {
    min-height: 46px;
  }
}

@media (max-width: 480px) {
  .tableScroll.punchInDP-table table tbody tr td:before {
    left: 10px !important;
    padding-right: 12px;
  }

  .tableScroll.punchInDP-table table tbody tr td:nth-child(3),
  .tableScroll.punchInDP-table table tbody tr td:nth-child(9),
  .tableScroll.punchInDP-table table tbody tr td:nth-child(10),
  .tableScroll.punchInDP-table table tbody tr td:nth-child(12),
  .tableScroll.punchInDP-table table tbody tr td:nth-child(13),
  .tableScroll.punchInDP-table table tbody tr td:nth-child(14) {
    min-height: 46px;
  }

  .tableScroll.punchInDP-table table tbody tr td:nth-child(5) {
    min-height: 79px;
  }

  .tableScroll.punchInDP-table table tbody tr td:nth-child(11) {
    min-height: 70px;
  }
}

.tableScroll.punchInOC-table {
  margin: 0;
  padding: 0;
}

@media (min-width: 992px) {
  .tableScroll.punchInOC-table table thead tr th:nth-child(1) {
    width: 16% !important;
  }

  .tableScroll.punchInOC-table table thead tr th:nth-child(2) {
    width: 25% !important;
  }

  .tableScroll.punchInOC-table table thead tr th:nth-child(3) {
    width: 20% !important;
  }

  .tableScroll.punchInOC-table table thead tr th:nth-child(4) {
    width: 20% !important;
  }
}

@media (max-width: 480px) {
  .tableScroll.punchInOC-table table tbody tr td:before {
    left: 10px !important;
  }

  .tableScroll.punchInOC-table table tbody tr td:nth-child(4) {
    min-height: 46px;
  }
}

@media (max-width: 991px) {
  .tableScroll {
    padding: 0;
  }
}

.import-table {
  border-radius: 4px;
  overflow: hidden;
}

.import-table::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.51);
}

.import-table::-webkit-scrollbar-track {
  border-radius: 6px;
  box-shadow: inset 0 0 3px #e8e8e8;
}

.import-table table {
  margin: 0;
}

.import-table table thead tr th {
  font-size: 12px;
  line-height: 20px;
  font-weight: bold;
  color: #6d7f8b;
  padding: 18px 0 18px 12px;
  min-height: 57px;
  background-color: #edf1f7;
  border: none;
  border-bottom: 1px solid #e9edf3;
  text-transform: uppercase;
  position: sticky;
  top: 0;
  z-index: 999;
}

.import-table table thead tr th:first-child {
  border-radius: 4px 0 0 0;
  border-left: 1px solid #e9edf3;
}

.import-table table thead tr th:last-child {
  border-radius: 0 4px 0 0;
  border-right: 1px solid #e9edf3;
}

.import-table table thead tr th:not(:last-child) {
  width: 30%;
}

@media (max-width: 991px) {
  .import-table table thead {
    display: none;
  }
}

.import-table table tbody tr {
  border: none;
  border-bottom: 1px solid #e9edf3;
  background-color: #fff;
}

.import-table table tbody tr td {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #1b2236;
  padding: 12px 0 12px 12px;
  background-color: transparent;
  border: none;
  vertical-align: middle;
  position: relative;
}

@media (min-width: 992px) {
  .import-table table tbody tr td:first-child {
    border-left: 1px solid #e9edf3;
  }
}

.import-table table tbody tr td:last-child {
  text-align: right;
}

@media (min-width: 992px) {
  .import-table table tbody tr td:last-child {
    border-right: 1px solid #e9edf3;
    text-align: center;
  }
}

@media (max-width: 991px) {
  .import-table table tbody tr td {
    padding: 5px 15px 5px 383px;
    width: 100% !important;
    min-height: 28px;
  }

  .import-table table tbody tr td[data-heading]:before {
    content: attr(data-heading) ":";
    position: absolute;
    left: 15px;
    top: 50%;
    max-width: 160px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    color: #8a99a3;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-transform: uppercase;
  }

  .import-table table tbody tr td:last-child:before {
    top: 8px;
  }
}

@media (max-width: 767px) {
  .import-table table tbody tr td {
    padding-left: 220px;
    word-break: break-word;
  }
}

@media (max-width: 480px) {
  .import-table table tbody tr td {
    padding-left: 94px;
  }

  .import-table table tbody tr td:before {
    max-width: 90px;
    font-size: 12px;
  }
}

.import-table table tbody tr:last-child td:first-child {
  border-radius: 0 0 0 4px;
}

.import-table table tbody tr:last-child td:last-child {
  border-radius: 0 0 4px 0;
}

.import-table table tbody tr.disabled {
  cursor: no-drop;
}

.import-table table tbody tr.disabled td {
  background-color: rgba(242, 244, 247, 0.4);
  color: #98a9b2;
}

@media (min-width: 992px) {
  .import-table table tbody tr:not(.disabled):hover td {
    background-color: #f8fcff;
  }
}

@media (max-width: 991px) {
  .import-table table tbody tr {
    padding: 10px 0;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    border: 1px solid #e9edf3 !important;
    border-radius: 4px;
  }
}

@media (max-width: 991px) {
  .import-table table tbody {
    display: block;
    max-width: 100%;
  }
}

.import-table table .form-control {
  height: 36px;
  border: 1px solid #d9e0e9;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: #1b2236;
  box-shadow: none !important;
  padding: 8px 11px;
}

.import-table table .bootstrap-select .dropdown-toggle {
  height: 36px;
  border: 1px solid #d9e0e9 !important;
  border-radius: 4px;
  padding: 8px 11px;
}

.import-table
  table
  .bootstrap-select
  .dropdown-toggle
  .filter-option-inner-inner {
  font-size: 14px;
  font-weight: 500;
}

@media (max-width: 991px) {
  .import-table table {
    display: block;
    max-width: 100%;
  }
}

.import-table .delete-ico {
  height: 18px;
  width: 16px;
}

@media (min-width: 992px) {
  .import-table {
    max-height: 240px;
    overflow: hidden;
    overflow-y: auto;
  }
}

.pagination {
  margin: 0;
}

.pagination .page-item {
  margin: 0 0.5px;
}

.pagination .page-item .page-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  min-height: 32px;
  min-width: 32px;
  font-size: 14px;
  line-height: 12px;
  font-weight: 700;
  color: #1b2236;
  background-color: transparent;
  border-color: transparent;
  border-radius: 4px;
  box-shadow: none !important;
}

.pagination .page-item:first-child {
  margin-left: 0;
}

.pagination .page-item:first-child .page-link {
  border-color: #d7e4ef;
  background-color: #fff;
}

.pagination .page-item:last-child {
  margin-right: 0;
}

.pagination .page-item:last-child .page-link {
  border-color: #d7e4ef;
  background-color: #fff;
}

.pagination .page-item.active .page-link,
.pagination .page-item:not(.disabled):hover .page-link {
  color: #1c99ec;
}

.modal .modal-dialog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100vh;
  pointer-events: all;
  pointer-events: auto;
  max-width: 530px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.modal .modal-dialog.modal-sm {
  max-width: 478px;
}

.modal .modal-dialog.modal-lg {
  max-width: 720px;
}

@media (max-width: 767px) {
  .modal .modal-dialog {
    padding: 10px 16px;
  }
}

.modal .modal-content {
  border: none;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}

.modal .modal-header {
  padding: 34px 24px 20px;
  border: none;
}

.modal .modal-header .modal-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  color: #1b2236;
}

.modal .modal-header .modal-title .back-modal {
  width: 7px;
  margin-right: 16px;
}

@media (max-width: 767px) {
  .modal .modal-header .modal-title {
    font-size: 18px;
  }
}

.modal .modal-header .close {
  background-image: url(../images/close.svg);
  background-size: 12px;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0;
  color: transparent !important;
  font-size: 1px;
  opacity: 1;
  margin: 0;
  position: absolute;
  right: 24px;
  top: 24px;
  width: 14px;
  height: 14px;
}

.modal .modal-header .close:hover {
  opacity: 1;
}

.modal .modal-header .close:focus {
  border: none;
  box-shadow: none;
  outline: none;
}

@media (max-width: 767px) {
  .modal .modal-header .close {
    top: 36px;
    right: 16px;
  }
}

@media (max-width: 1199px) {
  .modal .modal-header {
    height: 72px;
    padding-right: 38px;
  }
}

@media (max-width: 991px) {
  .modal .modal-header {
    padding-left: 16px;
  }
}

.modal .modal-body {
  padding: 4px 24px;
  scrollbar-width: thin !important;
}

@media (min-width: 768px) {
  .modal .modal-body .row .col-12,
  .modal .modal-body .row [class^="col"] {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media (min-width: 768px) {
  .modal .modal-body .row {
    margin-right: -12px;
    margin-left: -12px;
  }
}

.modal .modal-body .photoflow-cards {
  margin-left: -2px;
  padding: 2px;
  padding-right: 24px;
  width: calc(100% + 26px);
  overflow: hidden;
  overflow-y: auto;
  max-height: 326px;
  scrollbar-width: thin !important;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .modal .modal-body .photoflow-cards .col-md-6 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}

@media (max-width: 767px) and (min-width: 590px) {
  .modal .modal-body .photoflow-cards .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 991px) {
  .modal .modal-body .photoflow-cards {
    padding-right: 16px;
    width: calc(100% + 24px);
  }

  .modal .modal-body .photoflow-cards .row {
    margin-right: -8px;
    margin-left: -8px;
  }

  .modal .modal-body .photoflow-cards .row .col-12 {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.modal .modal-body .photoEdit-Section .bootstrap-select {
  padding: 0;
}

.modal .modal-body .photoEdit-Section .bootstrap-select .dropdown-toggle {
  padding-left: 0;
  padding-right: 0;
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid #d9e0e9;
  outline: none !important;
}

@media (max-width: 991px) {
  .modal .modal-body {
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: thin !important;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .modal .modal-body {
    max-height: calc(100vh - 208px);
    flex: 0 0 auto;
  }
}

@media (max-width: 991px) {
  .modal .modal-body {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.modal .modal-buttons {
  padding-top: 20px;
}

.modal .modal-buttons .btn ~ .btn {
  margin-left: 6px;
}

@media (max-width: 479px) {
  .modal .modal-buttons .btn {
    width: 100%;
    white-space: nowrap;
  }
}

@media (max-width: 479px) {
  .modal .modal-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: stretch;
  }
}

.modal .modal-footer {
  padding: 24px;
  border: none;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.modal .modal-footer .btn {
  margin: 0 10px 0 0;
}

.modal .modal-footer .btn:last-child {
  margin-right: 0;
}

@media (max-width: 479px) {
  .modal .modal-footer .btn {
    width: 100%;
    white-space: nowrap;
    padding-left: 16px;
    padding-right: 16px;
  }
}

.modal .modal-footer .btn-remove {
  margin-right: 0;
  border: none !important;
  background-color: transparent !important;
  box-shadow: none;
  padding: 0;
  outline: none;
}

@media (max-width: 767px) {
  .modal .modal-footer .btn-remove {
    position: absolute;
    top: 25px;
    right: 62px;
    max-width: 20px;
  }

  .modal .modal-footer .btn-remove:after {
    position: absolute;
    content: "";
    height: 20px;
    width: 1px;
    background-color: #f1f3f6;
    right: -16px;
    top: 60%;
    transform: translateY(-50%);
  }
}

@media (max-width: 991px) {
  .modal .modal-footer {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (max-width: 767px) {
  .modal .modal-footer {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
}

@media (max-width: 479px) {
  .modal .modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: stretch;
  }
}

.modal.show {
  pointer-events: none;
}

@media (max-width: 767px) {
  .modal.modal-fullview .modal-dialog {
    padding: 0;
    max-width: 100% !important;
  }
}

@media (max-width: 767px) {
  .modal.modal-fullview .modal-content {
    border-radius: 0px;
    border: none;
    box-shadow: none;
    height: 85vh;
  }
}

@media (max-width: 767px) {
  .modal.modal-fullview .modal-body {
    height: calc(100vh - 150px);
  }
}

@media (max-width: 767px) {
  .modal.modal-fullview {
    padding: 0 !important;
    background-color: #fff !important;
    overflow: hidden;
    min-height: 120vh;
  }
}

@media (max-width: 767px) {
  .modal {
    background-color: rgba(0, 0, 0, 0.4);
  }
}

.modal-backdrop.show {
  opacity: 0.4;
}

@media (max-width: 767px) {
  .modal-backdrop.show {
    background-color: transparent;
    min-height: 150vh;
    z-index: 999;
  }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  .modal.modal-fullview .modal-dialog {
    padding: 0;
    max-width: 100% !important;
  }

  .modal.modal-fullview .modal-content {
    border-radius: 0px;
    border: none;
    box-shadow: none;
    height: 100vh;
  }

  .modal.modal-fullview .modal-body {
    height: calc(100vh - 160px);
    max-height: calc(100vh - 160px);
  }

  .modal.modal-fullview {
    padding: 0 !important;
    background-color: #fff !important;
    overflow: hidden;
    min-height: 120vh;
  }

  .modal {
    background-color: rgba(0, 0, 0, 0.4);
  }
}

.viewBox {
  width: 100%;
  border-radius: 4px;
  border: solid 1px #e5eef5;
  background-color: #f8fcff;
}

.viewBox label {
  line-height: 12px;
  font-size: 12px;
  font-weight: 700;
  color: #6d7f8b;
}

.viewBox p {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 1;
  color: #1b2236;
}

.viewBox .custom-switch {
  width: 100%;
  padding: 0;
}

.viewBox .custom-switch .custom-control-label {
  margin: 0;
  padding: 16px 17px;
  height: 68px;
  width: 100%;
  text-transform: uppercase;
}

.viewBox .custom-switch .custom-control-label p {
  padding-top: 8px;
  display: block;
  text-transform: capitalize;
}

.viewBox .custom-switch .custom-control-label::after,
.viewBox .custom-switch .custom-control-label::before {
  top: calc(50% - 8px);
  left: auto;
}

.viewBox .custom-switch .custom-control-label::before {
  right: 16px;
  width: 34px;
  height: 16px;
  border: none;
  background-color: #c0cbd2;
  box-shadow: none !important;
}

.viewBox .custom-switch .custom-control-label::after {
  right: 36px;
  width: 12px;
  height: 12px;
  background-color: #fff;
  margin-top: 2px;
}

.viewBox
  .custom-switch
  .custom-control-input:checked
  ~ .custom-control-label::after {
  right: 30px;
}

.viewBox
  .custom-switch
  .custom-control-input:checked
  ~ .custom-control-label::before {
  background-color: #1c99ec;
}

.loginSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  flex-direction: column;
  margin: 0;
  padding: 21px 0;
  min-height: 100vh;
  background-image: -o-radial-gradient(0 0, circle, #3237e7, #2d3092 50%);
  background-image: radial-gradient(circle at 0 0, #3237e7, #2d3092 50%);
  background-color: #3237e7;
  background-attachment: fixed;
  position: relative;
}

.loginSection .logo-img {
  margin: 0 auto 54px;
}

@media (max-width: 767px) {
  .loginSection .logo-img {
    max-height: 28px;
    margin-bottom: 21px;
  }
}

.loginSection .card {
  margin: 0;
  padding: 41px 45px 44px;
  width: 100%;
  max-width: 520px;
  line-height: 1;
  border: none;
  z-index: 9;
}

.loginSection .card h1 {
  margin: 1px 0 8px;
}

@media (min-width: 992px) {
  .loginSection .card h1 {
    font-size: 23px;
    line-height: 25px;
    letter-spacing: -0.75px;
  }
}

@media (max-width: 767px) {
  .loginSection .card h1 {
    margin-bottom: 12px;
  }
}

.loginSection .card h3 {
  margin: 0 0 36px;
  font-weight: 600;
}

@media (max-width: 767px) {
  .loginSection .card h3 {
    margin-bottom: 32px;
  }
}

.loginSection .card .btn-primary {
  padding: 16px;
  font-size: 16px;
  line-height: 20px;
  height: 56px;
  width: 100%;
}

@media (max-width: 767px) {
  .loginSection .card .btn-primary {
    padding: 14px 8px;
    line-height: 16px;
    height: 48px;
  }
}

@media (max-width: 767px) {
  .loginSection .card {
    margin-top: 15%;
    padding: 32px 31px;
    border-radius: 0px;
    max-width: 100%;
  }
}

.loginSection .card-bottom {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  line-height: 1;
}

.loginSection .card-bottom p {
  margin: 0;
  font-size: 15px;
  line-height: 19px;
  font-weight: 500;
  color: #545a6b;
}

.loginSection .card-bottom p a {
  font-weight: 700;
  color: #1c99ec;
}

.loginSection .card-bottom p a:hover {
  color: #1a8cd9;
}

.chartBox {
  position: relative;
}

.homePage_loader {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 91;
}

.homePage_loader .loader_cm {
  position: absolute !important;
}

@media (max-width: 767px) {
  .loginSection .card-bottom {
    margin-top: 26px;
  }
}

@media (max-width: 767px) {
  .loginSection {
    padding-bottom: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 0;
  }

  .loginSection:after {
    position: absolute;
    content: "";
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 70px);
    background-color: #fff;
    z-index: 1;
  }
}

.movetoSlot {
  margin-bottom: 9px;
  padding: 10px 25px 0 0;
  width: calc(100% + 25px);
  max-height: 325px;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: thin !important;
}

.movetoSlot li {
  padding-top: 14px;
  padding-bottom: 14px;
  min-height: 44px;
  line-height: 1;
}

.movetoSlot li:not(:last-child) {
  border-bottom: solid 1px #e9edf3;
}

.movetoSlot li .custom-control-label {
  line-height: 15px;
  font-size: 15px;
  font-weight: 600;
  color: #1b2236;
}

.movetoSlot li .custom-control-label:after,
.movetoSlot li .custom-control-label::before {
  top: 50%;
  -webkit-transform: translateY(-54%);
  transform: translateY(-54%);
  box-shadow: none !important;
}

.movetoSlot li .custom-control-input:checked ~ .custom-control-label:before {
  background-color: #2d3092;
  border-color: #2d3092;
}

@media (max-width: 767px) {
  .movetoSlot {
    max-height: 5000px;
    overflow: hidden;
    overflow-y: visible;
  }
}

header {
  position: sticky;
  top: 0;
  z-index: 99;
}

header .navbar {
  padding: 18px 20px 16px;
  background-color: #fff;
  border-bottom: solid 1px #e9edf3;
}

header .navbar .navbar-brand {
  padding: 0;
}

@media (max-width: 767px) {
  header .navbar .navbar-brand {
    line-height: 1;
    max-width: 112px;
  }

  header .navbar .navbar-brand img {
    max-height: 25px;
  }
}

@media (max-width: 767px) {
  header .navbar {
    padding: 9px 16px;
    min-height: 48px;
  }
}

header .dropdown {
  position: relative;
}

header .dropdown .dropdown-menu {
  margin: 4px 0 0;
  padding: 5px 6px;
  position: absolute;
  top: 100%;
  left: auto;
  right: -12px;
  border: none;
  border-radius: 4px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.06);
  min-width: 190px;
}

header .dropdown .dropdown-menu a {
  padding: 11px 9px;
  font-size: 14px;
  line-height: 1;
  color: #1b2236;
  border-radius: 4px;
  display: block;
}

header .dropdown .dropdown-menu a:hover {
  background-color: #edf1f7;
}

@media (max-width: 767px) {
  header .dropdown .dropdown-menu {
    min-width: 160px;
    right: 0px;
  }
}

header .dropdown .dropdown-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #1b2236;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

header .dropdown .dropdown-toggle:after {
  background-image: url(../images/angle-down.svg);
  border: none;
  height: 8px;
  width: 12px;
  margin-left: 10px;
}

@media (max-width: 767px) {
  header .dropdown .dropdown-toggle:after {
    display: none;
  }
}

@media (max-width: 767px) {
  header .dropdown .dropdown-toggle .txt {
    display: none;
  }
}

header .dropdown .user-img {
  margin-right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  overflow: hidden;
  background-color: #dbf0ff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

header .dropdown .user-img span {
  font-size: 22px;
  line-height: 28px;
  font-weight: 800;
  letter-spacing: -0.8px;
  color: #1c99ec;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  header .dropdown .user-img span {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  header .dropdown .user-img {
    margin-right: 0;
    width: 30px;
    height: 30px;
  }
}

.tenantSection {
  padding: 56px 0 45px;
}

.tenantSection h1 {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .tenantSection h1 {
    margin-bottom: 16px;
  }
}

.tenantSection h3 {
  margin-bottom: 50px;
  font-size: 20px;
  line-height: 25px;
}

@media (max-width: 767px) {
  .tenantSection h3 {
    margin-bottom: 32px;
    font-size: 16px;
    line-height: 20px;
  }
}

.tenantSection .card {
  margin-bottom: 44px;
  padding: 30px 30px 1px;
}

.tenantSection .card .inner-group {
  margin-bottom: 20px;
  padding: 19px 0 0;
}

.tenantSection .card .inner-group h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}

.tenantSection .card .inner-group h3 a {
  margin-left: auto;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  color: #1c99ec;
}

@media (max-width: 767px) {
  .tenantSection .card .inner-group h3 a {
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .tenantSection .card .inner-group h3 {
    font-size: 14px;
  }
}

.tenantSection .card .inner-group p {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  color: #858997;
  letter-spacing: 0.2px;
}

@media (max-width: 767px) {
  .tenantSection .card .inner-group p {
    letter-spacing: 0;
  }
}

@media (max-width: 767px) {
  .tenantSection .card {
    padding: 20px 15px 1px;
  }
}

@media (min-width: 768px) {
  .tenantSection .row .col-12 {
    padding: 0 30px;
  }
}

@media (min-width: 768px) {
  .tenantSection .row {
    margin: 0 -30px;
  }
}

.tenantSection .btn {
  margin-right: 10px;
}

@media (max-width: 479px) {
  .tenantSection .btn {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .tenantSection {
    padding: 32px 0;
  }
}

.tenantSection .uploadlogo,
.md-addTenants .uploadlogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 6px;
  padding: 31px 30px 32px;
  text-align: center;
  background-color: #fafbfc;
  border: 1.2px dashed #d3d8df;
  position: relative;
  overflow: hidden;
}

.tenantSection .uploadlogo img,
.md-addTenants .uploadlogo img {
  max-height: 48px;
  margin-bottom: 23px;
}

@media (max-width: 767px) {
  .tenantSection .uploadlogo img,
  .md-addTenants .uploadlogo img {
    max-height: 36px;
    margin-bottom: 16px;
  }
}

.tenantSection .uploadlogo p,
.md-addTenants .uploadlogo p {
  margin-bottom: 24px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  color: #8a99a3;
}

.tenantSection .uploadlogo p span,
.md-addTenants .uploadlogo p span {
  display: block;
  font-weight: 700;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .tenantSection .uploadlogo p span,
  .md-addTenants .uploadlogo p span {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .tenantSection .uploadlogo p,
  .md-addTenants .uploadlogo p {
    margin-bottom: 16px;
    font-size: 11px;
  }
}

.tenantSection .uploadlogo label,
.md-addTenants .uploadlogo label {
  margin: 0;
  padding: 8px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color: #1c99ec;
  width: 81px;
  height: 36px;
  border-radius: 4px;
  border: 1px solid #d7e4ef;
  background-color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
}

.tenantSection .uploadlogo input[type="file"],
.md-addTenants .uploadlogo input[type="file"] {
  opacity: 0;
  position: absolute;
  left: 100%;
  top: -100%;
  max-width: 1px;
  max-height: 1px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .tenantSection .uploadlogo,
  .md-addTenants .uploadlogo {
    padding: 18px 12px;
  }
}

.main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  position: relative;
  width: 100%;
  min-height: 100vh;
  height: 100%;
}

@media (min-width: 1200px) {
  .main.fullview .sidebar {
    width: 72px;
  }

  .main.fullview .sidebar nav {
    width: 100%;
  }

  .main.fullview .sidebar nav:not(:hover) .sidebar-header .desktop-logo {
    width: 32px;
    height: 32px;
  }

  .main.fullview .sidebar nav:not(:hover) .sidebar-inner .user-card {
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px;
  }

  .main.fullview .sidebar nav:not(:hover) .sidebar-inner .user-card .user {
    width: 1px;
  }

  .main.fullview .sidebar nav:not(:hover) .nav .nav-item .nav-link:after {
    display: none;
  }

  .main.fullview .sidebar nav:not(:hover) .nav .nav-item .nav-link span {
    width: 1px;
  }

  .main.fullview .sidebar nav:not(:hover) .nav .nav-item .submenu {
    height: 0;
    width: 0;
    overflow: hidden;
  }

  .main.fullview .sidebar nav:hover {
    background-color: #fff;
    width: 300px;
    z-index: 99;
    border-right: 1px solid #e9edf3;
  }
}

@media (min-width: 1200px) {
  .main.fullview .view-change .ico-img {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}

@media (min-width: 1200px) {
  .main.fullview .wrap {
    width: calc(100% - 72px);
  }
}

@media (min-width: 1601px) {
  .main.fullview .container {
    max-width: 1820px;
  }
}

@media (max-width: 1600px) and (min-width: 1440px) {
  .main.fullview .container {
    max-width: 1660px;
  }
}

@media (max-width: 1439px) and (min-width: 1200px) {
  .main.fullview .container {
    max-width: 1280px;
  }
}

@media (max-width: 1199px) {
  .main {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.view-change {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 100%;
  width: 20px;
  height: 30px;
  border-radius: 0 0 4px;
  background-color: #e9edf3;
}

.view-change .ico-img {
  height: 8px;
  width: 14px;
  transform: rotate(90deg);
}

@media (max-width: 1199px) {
  .view-change {
    display: none;
  }
}

.main-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 14px 0;
  min-height: 60px;
  background-color: #fff;
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  border-bottom: 1px solid #e9edf3;
}

.main-header .navbar {
  padding: 0;
}

.main-header .header-logo {
  margin: 0 auto;
  padding-right: 24px;
}

.main-header .header-logo img {
  max-height: 25px;
}

.main-header .navbar-toggler {
  padding: 6px 15px 6px 0;
  border: none !important;
  outline: none !important;
}

.main-header .navbar-toggler:after {
  content: "";
  position: fixed;
  height: 100vh;
  width: 100%;
  top: 0;
  left: -100%;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.main-header .navbar-toggler .ico-img {
  height: 18px;
  width: 18px;
}

.main-header .navbar-toggler[aria-expanded="true"]:after {
  left: 0;
  opacity: 1;
  -webkit-transition-delay: 0.35s;
  -o-transition-delay: 0.35s;
  transition-delay: 0.35s;
}

.main-header .walmart-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  padding: 7px 10px 7px 8px;
  height: 32px;
  border-radius: 4px;
  background-color: #2d3092;
  font-size: 12px;
  line-height: 13px;
  color: #fff;
  font-weight: 700;
}

.main-header .walmart-btn img {
  height: 18px;
  width: 18px;
  border-radius: 50px;
  margin-right: 7px;
}

.main-header .walmart-btn .ico-img {
  margin-left: 10px;
  max-width: 11px;
}

@media (min-width: 1200px) {
  .main-header {
    display: none;
  }
}

@media (max-width: 767px) {
  .main-header {
    padding: 8px 0;
    min-height: 48px;
  }
}

.sidebar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 300px;
  height: 100%;
  min-height: 100vh;
  background-color: #fff;
  border-right: 1px solid #e9edf3;
  z-index: 99;
  position: fixed !important;
  top: 0;
  left: 0;
}

.sidebar nav {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 100vh;
  background-color: #fff;
  z-index: 9;
  overflow-x: hidden;
  padding-bottom: 73px;
}

.sidebar .sidebar-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 20px 19px;
  width: 100%;
  min-height: 75px;
  position: relative;
}

.sidebar .sidebar-header .desktop-logo {
  height: 32px;
  object-fit: cover;
  object-position: left center;
  position: relative;
}

@media (min-width: 1200px) {
  .sidebar .sidebar-header .desktop-logo {
    max-width: 500px;
    width: 110px;
  }
}

.sidebar .sidebar-header .m-logo {
  display: none;
}

.sidebar .sidebar-header .sidebar-toggler {
  position: absolute;
  background-image: url(../images/close.svg);
  background-size: 12px;
  background-position: center;
  background-repeat: no-repeat;
  height: 14px;
  width: 14px;
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}

@media (min-width: 1200px) {
  .sidebar .sidebar-header .sidebar-toggler {
    display: none;
  }
}

@media (max-width: 1199px) {
  .sidebar .sidebar-header {
    padding: 11px 16px;
    min-height: 48px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .sidebar .sidebar-header .desktop-logo {
    height: 25px;
  }
}

.sidebar .sidebar-inner {
  padding: 8px 15px;
  width: 100%;
  border-top: 1px solid #f1f3f6;
}

@media (max-width: 1199px) {
  .sidebar .sidebar-inner {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.sidebar .user-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 12px 0 22px;
  padding: 15px;
  border-radius: 6px;
  height: 82px;
  background-color: #2d3092;
  color: #fff;
  width: 275px;
}

.sidebar .user-card .user-img {
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 50px;
  background-color: #fff;
  text-align: center;
  line-height: 40px;
  position: relative;
  overflow: hidden;
}

.sidebar .user-card .user-img span {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.8px;
  color: #1c99ec;
  text-transform: uppercase;
}

.sidebar .user-card .user-img img {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.sidebar .user-card .user {
  margin: 0;
  padding: 0 0 0 10px;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
}

.sidebar .user-card .user a,
.sidebar .user-card .user span {
  padding-top: 2px;
  font-size: 13px;
  font-weight: 500;
  clear: both;
  display: table;
  max-width: 100%;
  color: #fff;
  white-space: break-spaces;
}

.sidebar .user-card .user a .ico-img,
.sidebar .user-card .user span .ico-img {
  width: 6px;
  height: 10px;
  margin-left: 6px;
}

@media (max-width: 1199px) {
  .sidebar .user-card {
    margin: 8px 0 10px;
    padding: 10px;
    height: 78px;
  }
}

.sidebar .nav .nav-item {
  position: relative;
}

.sidebar .nav .nav-item .nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0;
  position: relative;
}

.sidebar .nav .nav-item .nav-link .icon {
  height: 32px;
  width: 32px;
  min-width: 32px;
  background-color: #eaf1f7;
  border-radius: 50px;
  position: relative;
  overflow: hidden;
  z-index: 2;
  font-weight: 700;
  line-height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sidebar .nav .nav-item .nav-link .icon .ico-img {
  height: 32px;
  width: 32px;
  background-size: initial;
}

.sidebar .nav .nav-item .nav-link span {
  padding: 0 0 0 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  color: #1b2236;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}

.sidebar .nav .nav-item .nav-link[aria-expanded="true"]:after,
.sidebar .nav .nav-item .nav-link[aria-expanded="false"]:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 12px;
  width: 12px;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url(../images/angle-down.svg);
}

.sidebar .nav .nav-item .nav-link[aria-expanded="true"]:after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}

.sidebar .nav .nav-item .submenu {
  padding: 0 0 0 48px;
  width: 100%;
}

.sidebar .nav .nav-item .submenu ul {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
}

.sidebar .nav .nav-item .submenu ul li a {
  color: #2e361b;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  padding: 6px 0;
  display: block;
  white-space: nowrap;
  width: 100%;
}

.sidebar .nav .nav-item .submenu ul li.active a {
  color: #1c99ec;
}

.sidebar .nav .nav-item.active .nav-link .icon {
  background-color: #1c99ec;
}

.sidebar .nav .nav-item.active .nav-link .icon .ico-img {
  -webkit-filter: brightness(200%);
  filter: brightness(200%);
}

.sidebar .nav .nav-item.active .nav-link span {
  color: #1c99ec;
}

.sidebar .nav .nav-item.usr .nav-link .icon {
  background-color: #dbf0ff;
}

.sidebar .nav .nav-item.usr .nav-link:after {
  transform: translateY(-50%) rotate(-90deg);
}

.sidebar .nav .nav-item.usr .nav-link[aria-expanded="true"]:after {
  transform: translateY(-50%) rotate(0deg);
}

.sidebar:not(.show) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1199px) {
  .sidebar {
    position: fixed;
    width: 260px;
    height: 100%;
    left: -260px;
    z-index: 1000;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: thin !important;
  }

  .sidebar::-webkit-scrollbar {
    width: 0.1px;
    height: 0.1px;
  }

  .sidebar.show {
    left: 0px;
  }
  .sidebar .nav .nav-item .nav-link span {
    white-space: normal;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .sidebar {
    z-index: 1012;
  }
}

.wrap {
  padding: 20px 0 15px; /*30px 0 50px; ;;70px 0 50px;*/
  width: calc(100% - 300px);
  min-height: 100vh;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wrap .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 100%;
}

@media (max-width: 1199px) {
  .wrap {
    padding-top: 91px;
    width: 100%;
    min-height: calc(100vh - 30px);
  }
}

@media (max-width: 767px) {
  .wrap {
    padding-bottom: 42px;
    min-height: calc(100vh - 48px);
  }
}

.dateRange .form-control {
  height: 36px;
  width: 220px;
  padding: 9px 30px 8px 11px;
  line-height: 18px;
  font-size: 14px;
  font-weight: normal;
  color: #1b2236;
  border: solid 1px #d9e0e9;
  border-radius: 4px;
  box-shadow: none !important;
  background-image: url(../images/calendar-dark-ico.svg);
  background-repeat: no-repeat;
  background-position-x: calc(100% - 10px);
  background-position-y: center;
}

.dateRange .form-control::-webkit-input-placeholder {
  color: #1b2236;
}

.dateRange .form-control::-moz-placeholder {
  color: #1b2236;
}

.dateRange .form-control:-ms-input-placeholder {
  color: #1b2236;
}

.dateRange .form-control:-moz-placeholder {
  color: #1b2236;
}

.title-filters {
  margin: 0;
  margin-left: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  order: 4;
}

.title-filters .selectSite {
  min-width: 130px;
  height: 36px;
  padding: 9px 24px 9px 10px;
  border-radius: 4px;
  border: solid 1px #d9e0e9;
  background-color: #fff;
  line-height: 18px;
  font-size: 14px;
  font-weight: normal;
  color: #1b2236;
  text-align: left;
  background-image: url(../images/angle-down.svg);
  background-size: 11px 8px;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
}

@media (max-width: 1240px) and (min-width: 1200px) {
  .title-filters .selectSite {
    min-width: 104px;
  }
}

@media (max-width: 991px) {
  .title-filters .selectSite {
    order: 3;
    min-width: 36px;
    max-width: 36px;
    font-size: 1px;
    color: transparent;
    padding: 0;
    background-position: center center;
    background-image: url(../images/filter-ico.svg);
    background-size: inherit;
    height: 36px !important;
  }
}

.title-filters .dateRange {
  margin-left: 5px;
}

@media (max-width: 991px) {
  .title-filters .dateRange .form-control {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .title-filters .dateRange {
    width: 100%;
    order: 1;
    margin-left: 0;
    margin-right: 5px;
  }
}

.title-filters .sortBy,
.title-filters .typeSelect,
.title-filters .statusDropDown,
.title-filters .qurDropDown {
  margin-left: 5px;
  width: 209px;
}

.title-filters .sortBy .bootstrap-select,
.title-filters .typeSelect .bootstrap-select,
.title-filters .statusDropDown .bootstrap-select,
.title-filters .qurDropDown .bootstrap-select {
  width: 100%;
  max-width: 100%;
}

.title-filters .sortBy .bootstrap-select .dropdown-toggle,
.title-filters .typeSelect .bootstrap-select .dropdown-toggle,
.title-filters .statusDropDown .bootstrap-select .dropdown-toggle,
.title-filters .qurDropDown .bootstrap-select .dropdown-toggle {
  height: 36px;
  line-height: 18px;
  font-size: 14px;
  font-weight: normal;
  color: #1b2236;
  padding: 8px 8px 8px 11px;
  border-color: #d9e0e9;
  background-color: #fff;
  outline: none !important;
}

.title-filters
  .sortBy
  .bootstrap-select
  .dropdown-toggle
  .filter-option-inner-inner:before,
.title-filters
  .typeSelect
  .bootstrap-select
  .dropdown-toggle
  .filter-option-inner-inner:before,
.title-filters
  .statusDropDown
  .bootstrap-select
  .dropdown-toggle
  .filter-option-inner-inner:before,
.title-filters
  .qurDropDown
  .bootstrap-select
  .dropdown-toggle
  .filter-option-inner-inner:before {
  content: "Sort by: ";
}

.title-filters .sortBy .bootstrap-select .dropdown-toggle:after,
.title-filters .typeSelect .bootstrap-select .dropdown-toggle:after,
.title-filters .statusDropDown .bootstrap-select .dropdown-toggle:after,
.title-filters .qurDropDown .bootstrap-select .dropdown-toggle:after {
  border: none !important;
  height: 8px;
  width: 11px;
  background-image: url(../images/angle-down.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 991px) {
  .title-filters .sortBy .bootstrap-select .dropdown-toggle,
  .title-filters .typeSelect .bootstrap-select .dropdown-toggle,
  .title-filters .statusDropDown .bootstrap-select .dropdown-toggle,
  .title-filters .qurDropDown .bootstrap-select .dropdown-toggle {
    background-image: url(../images/sort-ico.svg);
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0;
  }

  .title-filters .sortBy .bootstrap-select .dropdown-toggle .filter-option,
  .title-filters .typeSelect .bootstrap-select .dropdown-toggle .filter-option,
  .title-filters
    .statusDropDown
    .bootstrap-select
    .dropdown-toggle
    .filter-option,
  .title-filters
    .qurDropDown
    .bootstrap-select
    .dropdown-toggle
    .filter-option {
    opacity: 0;
  }

  .title-filters .sortBy .bootstrap-select .dropdown-toggle:after,
  .title-filters .typeSelect .bootstrap-select .dropdown-toggle:after,
  .title-filters .statusDropDown .bootstrap-select .dropdown-toggle:after,
  .title-filters .qurDropDown .bootstrap-select .dropdown-toggle:after {
    display: none;
  }
}

@media (max-width: 991px) {
  .title-filters .sortBy .bootstrap-select .dropdown-menu,
  .title-filters .typeSelect .bootstrap-select .dropdown-menu,
  .title-filters .statusDropDown .bootstrap-select .dropdown-menu,
  .title-filters .qurDropDown .bootstrap-select .dropdown-menu {
    left: auto !important;
    right: 0;
    min-width: 170px;
    white-space: nowrap;
    transform: none !important;
    top: 100% !important;
    margin: 0;
  }
}

@media (max-width: 991px) {
  .title-filters .sortBy.right-view .bootstrap-select .dropdown-menu,
  .title-filters .typeSelect.right-view .bootstrap-select .dropdown-menu,
  .title-filters .statusDropDown.right-view .bootstrap-select .dropdown-menu,
  .title-filters .qurDropDown.right-view .bootstrap-select .dropdown-menu {
    left: 0 !important;
    right: auto !important;
  }
}

@media (max-width: 991px) {
  .title-filters .sortBy,
  .title-filters .typeSelect,
  .title-filters .statusDropDown,
  .title-filters .qurDropDown {
    order: 3;
    width: 36px;
  }
}

.title-filters .typeSelect {
  width: 190px;
}

.title-filters
  .typeSelect
  .bootstrap-select
  .dropdown-toggle
  .filter-option-inner-inner:before {
  content: "Type: ";
}

.title-filters .qurDropDown,
.title-filters .statusDropDown {
  width: 90px;
}

.title-filters .qurDropDown .bootstrap-select .dropdown-toggle,
.title-filters .statusDropDown .bootstrap-select .dropdown-toggle {
  font-weight: 500;
}

.title-filters .qurDropDown .bootstrap-select .dropdown-toggle:after,
.title-filters .statusDropDown .bootstrap-select .dropdown-toggle:after {
  min-width: 11px;
}

.title-filters
  .qurDropDown
  .bootstrap-select
  .dropdown-toggle
  .filter-option-inner-inner:before,
.title-filters
  .statusDropDown
  .bootstrap-select
  .dropdown-toggle
  .filter-option-inner-inner:before {
  display: none;
}

.title-filters .qurDropDown {
  width: 160px;
}

@media (max-width: 991px) {
  .title-filters {
    margin-top: 34px;
    margin-bottom: -6px;
    width: 100%;
  }
}

.page-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 30px;
  width: 100%;
  position: relative;
  flex-wrap: wrap;
  /* -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; */
}

.page-title h1 {
  margin-bottom: 0;
}

.page-title h1 .site-name {
  padding-left: 10px;
  display: contents;
  font-size: 25px;
  font-weight: 700;
  line-height: 22px;
  color: maroon;
  letter-spacing: 0;
}

.page-title h1 .site-name .ico-img.dot {
  margin: 0 5px;
  color: rgba(0, 0, 0, 0.1);
}

@media (max-width: 991px) {
  .page-title h1 .site-name {
    width: 100%;
    display: contents;
    padding: 8px 0 0;
    line-height: 1;
  }
}

@media (max-width: 991px) {
  .page-title h1 {
    margin-bottom: 2px;
    order: 3;
    width: 100%;
  }
}

.page-title .back-link {
  position: absolute;
  left: 0;
  top: -32px;
  height: 20px;
  width: 20px;
  outline: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.page-title .back-link .ico-img {
  height: 18px;
  width: 14px;
}

@media (max-width: 1199px) {
  .page-title .back-link .ico-img {
    height: 16px;
  }
}

@media (max-width: 1199px) {
  .page-title .back-link {
    top: -26px;
  }
}

@media (max-width: 991px) {
  .page-title .back-link {
    position: static;
    margin-right: 14px;
    margin-bottom: 21px;
  }
}

.page-title .btn-group {
  margin-left: auto;
}

.page-title .btn-group .btn {
  padding: 0;
  width: 51px;
  height: 36px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page-title .btn-group .btn .ico-img {
  height: 19px;
  width: 19px;
}

.page-title .btn-group .btn .ico-img.deactivate-ico {
  height: 20px;
  width: 20px;
}

@media (max-width: 991px) {
  .page-title .btn-group {
    margin-bottom: 14px;
    margin-top: -9px;
  }
}

.page-title .nav {
  margin-left: auto;
}

.page-title .nav.nav-pills {
  width: auto;
}

.page-title .nav.nav-pills .nav-item {
  line-height: 1;
}

.page-title .nav.nav-pills .nav-item .nav-link {
  padding: 6px;
  height: auto;
  min-width: 28px;
  min-height: 28px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page-title .nav.nav-pills .nav-item .nav-link .ico-img.list-view {
  width: 17px;
}

.page-title .nav.nav-pills .nav-item .nav-link .ico-img.grid-view {
  height: 15px;
  width: 15px;
}

.page-title .content-header {
  margin: 0;
  padding-top: 6px;
  width: 100%;
}

.page-title .content-header .w-100 {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
}

.page-title .content-header .right-div {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.page-title .content-header .right-div .btn.btn-link {
  margin-right: 15px;
  padding-left: 0;
  padding-right: 15px;
  border-right: 1px solid #e9edf3;
  border-radius: 0px;
  color: #1c99ec;
  text-decoration: none !important;
}

@media (max-width: 991px) {
  .page-title .content-header .right-div .btn.btn-link {
    margin-right: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 991px) {
  .page-title .content-header .right-div .btn.btn-primary {
    padding-left: 14px;
    padding-right: 14px;
  }
}

@media (max-width: 991px) {
  .page-title .content-header .right-div {
    margin-left: auto;
    margin-top: 24px;
    order: 3;
  }
}

.page-title .content-header .search-box {
  margin: 0;
}

@media (max-width: 991px) {
  .page-title .content-header .title-filters {
    margin: 0;
  }
}

@media (max-width: 991px) {
  .page-title .content-header {
    order: 4;
  }
}

@media (max-width: 991px) {
  .page-title {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
}

.page-footer {
  padding-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.page-footer .btn ~ .btn {
  margin-left: 10px;
}

@media (max-width: 479px) {
  .page-footer .btn {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 479px) {
  .page-footer {
    justify-content: stretch;
  }
}

.content-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}

.content-header .search-box .form-control {
  height: 36px;
  width: 260px;
  border: solid 1px #d9e0e9;
  border-radius: 4px;
  color: #1b2236;
  font-size: 14px;
  padding: 8px 30px 8px 11px;
  background-image: url(../images/search-ico.svg);
  background-repeat: no-repeat;
  background-position-x: calc(100% - 10px);
  background-position-y: center;
}

.content-header .search-box .form-control:focus {
  box-shadow: none;
}

@media (max-width: 991px) {
  .content-header .search-box .form-control {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .content-header .search-box {
    margin-top: 24px;
    width: 100%;
    order: 2;
  }
}

.content-header .btn {
  margin-left: auto;
  padding: 8px 15px;
  min-height: 36px;
  height: unset;
  font-size: 14px;
  line-height: 18px;
}

.content-header .btn .plus-ico {
  margin-left: 7px;
  width: 10px;
  height: 10px;
}

.content-header .btn.impExl-btn {
  margin-left: 0;
  margin-right: 20px;
  padding-left: 0;
  padding-right: 20px;
  border-right: 1px solid #e9edf3;
  border-radius: 0px;
  color: #1c99ec;
  text-decoration: none !important;
}

.content-header .right-head {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.content-header .right-head .checkShow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.content-header .right-head .checkShow .btn-outline-primary {
  margin-right: 10px;
}

.content-header .right-head .checkShow a {
  margin: 0;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  border-right: 1px solid rgba(0, 0, 0, 0.06);
  min-height: 19px;
  pointer-events: none;
}

.content-header .right-head .checkShow a:last-child {
  padding-right: 0;
  border-right: none;
}

.content-header .right-head .checkShow a.editable {
  pointer-events: all;
  opacity: 1 !important;
}

.content-header .right-head .checkShow a.editable .ico-img {
  opacity: 1 !important;
}

@media (min-width: 768px) {
  .content-header .right-head .checkShow a {
    opacity: 0;
  }
}

@media (max-width: 767px) {
  .content-header .right-head .checkShow a {
    position: static;
    border-right-color: rgba(255, 255, 255, 0.2);
  }

  .content-header .right-head .checkShow a.delete-link {
    border-right: none;
    padding-left: 0;
  }

  .content-header .right-head .checkShow a .ico-img {
    opacity: 0.4;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
  }
}

.content-header .right-head .checkShow .ico-img .edit-ico {
  height: 16px;
  width: 16px;
}

.content-header .right-head .checkShow .assgnSt {
  margin-left: 14px;
}

.content-header .right-head .checkShow .assgnSt:not(.d-none) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

@media (max-width: 767px) {
  .content-header .right-head .checkShow .assgnSt:not(.d-none) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 767px) {
  .content-header .right-head .checkShow .assgnSt .btn .ico-img.plus-ico {
    margin-left: 4px;
  }
}

@media (max-width: 767px) {
  .content-header .right-head .checkShow .assgnSt .btn.btn-outline-primary {
    background-color: #fff;
    border-color: #fff !important;
  }
}

@media (max-width: 767px) {
  .content-header .right-head .checkShow .assgnSt .btn {
    margin-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    white-space: nowrap;
  }
}

@media (max-width: 767px) {
  .content-header .right-head .checkShow .assgnSt {
    margin: 0;
    padding: 14px 16px 0;
    width: 100%;
    background-color: #313232;
    position: absolute;
    left: 0;
    top: auto;
    bottom: 38px;
  }
}

@media (max-width: 767px) {
  .content-header .right-head .checkShow {
    width: 100%;
    flex-wrap: wrap;
  }

  .content-header .right-head .checkShow .btn-outline-primary {
    margin-bottom: 8px;
    margin-top: 8px;
  }
}

.content-header .right-head .delete-link {
  padding: 0 12px;
  border-right: 1px solid rgba(0, 0, 0, 0.06);
  margin-right: 16px;
  display: inherit;
}

.content-header .right-head .delete-link .ico-img {
  width: 16px;
  height: 17px;
}

@media (max-width: 767px) {
  .content-header .right-head .delete-link {
    position: absolute;
    right: -12px;
    top: 4px;
    margin: 0;
    border: none;
  }
}

@media (max-width: 767px) {
  .content-header .right-head {
    flex-wrap: wrap;
    width: 100%;
    padding-top: 24px;
    padding-bottom: 8px;
  }
}

.content-header .right-div {
  margin-left: auto;
}

.content-header .right-div .btn.btn-import {
  margin-right: 20px;
  padding-left: 0;
  padding-right: 20px;
  border-right: 1px solid #e9edf3;
  border-radius: 0px;
  color: #1c99ec;
  text-decoration: none !important;
}

@media (max-width: 991px) {
  .content-header .right-div .btn.btn-import {
    margin-right: 15px;
    padding-right: 15px;
  }
}

.content-header .right-div.order-0 {
  order: 0 !important;
}

@media (max-width: 991px) {
  .content-header .right-div {
    order: 3;
  }
}

.page-content .bootstrap-select.form-control,
.mdContent .bootstrap-select.form-control {
  padding: 0 !important;
  border: none;
}

.page-content .bootstrap-select .dropdown-toggle,
.mdContent .bootstrap-select .dropdown-toggle {
  background-color: transparent !important;
  padding-left: 0;
  padding-right: 0;
  border: none;
  border-bottom: 1px solid #d9e0e9;
  border-radius: 0px;
}

.page-content .bootstrap-select .dropdown-toggle.btn-light:hover,
.page-content .bootstrap-select .dropdown-toggle.btn-light:focus,
.page-content .bootstrap-select .dropdown-toggle.btn-light:active,
.mdContent .bootstrap-select .dropdown-toggle.btn-light:hover,
.mdContent .bootstrap-select .dropdown-toggle.btn-light:focus,
.mdContent .bootstrap-select .dropdown-toggle.btn-light:active {
  border-bottom-color: #d9e0e9 !important;
}

.page-content .bootstrap-select .dropdown-toggle:hover,
.page-content .bootstrap-select .dropdown-toggle:focus,
.page-content .bootstrap-select .dropdown-toggle:active,
.mdContent .bootstrap-select .dropdown-toggle:hover,
.mdContent .bootstrap-select .dropdown-toggle:focus,
.mdContent .bootstrap-select .dropdown-toggle:active {
  border: none;
  border-bottom: 1px solid #d9e0e9 !important;
  outline: none !important;
}

.page-content .bootstrap-select .dropdown-toggle .filter-option-inner-inner,
.mdContent .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  font-size: 16px;
  font-weight: normal;
  color: #1b2236;
}

@media (max-width: 479px) {
  .sites-listing .content-header .right-div {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media (min-width: 992px) {
  #sites-table tbody tr td:nth-child(1) {
    width: 30%;
  }

  #sites-table tbody tr td:nth-child(2) {
    width: 15%;
  }

  #sites-table tbody tr td:nth-child(3) {
    width: 12%;
  }

  #sites-table tbody tr td:nth-child(4) {
    width: 21.6%;
  }

  #sites-table tbody tr td:nth-child(5) {
    width: 12%;
  }

  #sites-table tbody tr td:nth-child(6) {
    width: 12%;
  }
}

#tenants-table thead tr th {
  white-space: nowrap;
}

#tenants-table tbody tr td img {
  max-width: 108px;
  max-height: 45px;
}

@media (min-width: 992px) {
  #tenants-table tbody tr td {
    word-break: break-word;
  }

  #tenants-table tbody tr td:nth-child(1) {
    width: 18%;
    padding-left: 20px;
  }

  #tenants-table tbody tr td:nth-child(2) {
    width: 12%;
  }

  #tenants-table tbody tr td:nth-child(3) {
    width: 14.2%;
  }

  #tenants-table tbody tr td:nth-child(4) {
    width: 15%;
  }

  #tenants-table tbody tr td:nth-child(5) {
    width: 19.2%;
  }

  #tenants-table tbody tr td:nth-child(6) {
    width: 11.4%;
  }

  #tenants-table tbody tr td:nth-child(7) {
    width: 7.6%;
  }

  #tenants-table tbody tr td:nth-child(8) {
    width: 8%;
  }
}

@media (max-width: 991px) {
  #tenants-table tbody tr td {
    word-break: break-word;
    padding-right: 15px;
  }

  #tenants-table tbody tr td:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  #tenants-table tbody tr td:nth-child(2) {
    display: none;
  }
}

@media (max-width: 479px) {
  #tenants-table tbody tr td:nth-child(3) {
    min-height: 46px;
  }
}

#planReq-table thead tr th {
  white-space: nowrap;
}

@media (min-width: 992px) {
  #planReq-table tbody tr td:nth-child(1) {
    width: 14%;
  }

  #planReq-table tbody tr td:nth-child(2) {
    width: 16%;
  }

  #planReq-table tbody tr td:nth-child(3) {
    width: 14%;
  }

  #planReq-table tbody tr td:nth-child(4) {
    width: 15%;
  }

  #planReq-table tbody tr td:nth-child(5) {
    width: 15%;
  }

  #planReq-table tbody tr td:nth-child(6) {
    width: 16%;
  }
}

@media (max-width: 991px) {
  #planReq-table tbody tr td {
    word-break: break-word;
  }

  #planReq-table tbody tr td:last-child {
    padding-left: 15px !important;
  }

  #planReq-table tbody tr td:last-child::before {
    display: none;
  }
}

@media (max-width: 479px) {
  #planReq-table tbody tr td:nth-child(2) {
    min-height: 46px;
  }

  #planReq-table tbody tr td:nth-child(4) {
    min-height: 46px;
  }
}

#planReq-table .actions .btn {
  padding: 5px 10px;
  height: 30px;
  font-size: 14px;
  font-weight: normal;
}

#planReq-table .actions .btn ~ .btn {
  margin-left: 10px;
}

#planReq-table .actions .btn.btn-success {
  min-width: 98px;
}

#planReq-table .actions .btn.btn-danger {
  min-width: 98px;
}

.photoflow-cards,
.media-imgs {
  margin: 0;
  padding: 0;
  width: 100%;
}

.photoflow-cards .card,
.media-imgs .card {
  width: 100%;
  margin: 0 0 20px;
  padding: 4px 4px 0;
  position: relative;
}

.photoflow-cards .card .btn-group,
.media-imgs .card .btn-group {
  position: absolute;
  top: 60px;
  left: 15px;
  border-radius: 3px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  z-index: 9;
}

.photoflow-cards .card .btn-group a,
.media-imgs .card .btn-group a {
  height: 29px;
  width: 35px;
  background-color: rgba(0, 0, 0, 0.7);
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}

.photoflow-cards .card .btn-group a.edit-ico,
.media-imgs .card .btn-group a.edit-ico {
  background-image: url(../images/edit-white-ico.svg);
}

.photoflow-cards .card .btn-group a.delete-ico,
.media-imgs .card .btn-group a.delete-ico {
  background-image: url(../images/delete-white-ico.svg);
}

.photoflow-cards .card .btn-group a.clone-ico,
.media-imgs .card .btn-group a.clone-ico {
  background-image: url(../images/icons8-copy-24.png);
}

.photoflow-cards .card .btn-group a:not(:last-child)::before,
.media-imgs .card .btn-group a:not(:last-child)::before {
  content: "";
  position: absolute;
  height: 19px;
  width: 1px;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  background-color: rgba(255, 255, 255, 0.1);
}

@media (min-width: 1200px) {
  .photoflow-cards .card .btn-group,
  .media-imgs .card .btn-group {
    opacity: 0;
  }
}

.photoflow-cards .card:hover .btn-group,
.media-imgs .card:hover .btn-group {
  opacity: 1;
}

@media (max-width: 767px) {
  .photoflow-cards .card,
  .media-imgs .card {
    margin-bottom: 15px;
  }
}

.photoflow-cards label,
.media-imgs label {
  margin: 0;
  display: block;
  width: 100%;
}

.photoflow-cards label .custom-control,
.media-imgs label .custom-control {
  padding: 10px 10px 15px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #1b2236;
  position: static;
}

.photoflow-cards label .custom-control .custom-control-label,
.media-imgs label .custom-control .custom-control-label {
  width: 100%;
  padding: 2px 2px 2px 0;
  padding-right: 26px;
  min-height: 22px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.photoflow-cards label .custom-control .custom-control-label:after,
.photoflow-cards label .custom-control .custom-control-label:before,
.media-imgs label .custom-control .custom-control-label:after,
.media-imgs label .custom-control .custom-control-label:before {
  left: auto;
  right: 0;
  height: 22px;
  width: 22px;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: none !important;
  background-position: center;
  background-size: 100% 100%;
  border-radius: 3px;
}

.photoflow-cards label .custom-control .custom-control-label:before,
.media-imgs label .custom-control .custom-control-label:before {
  border-color: #f1f3f6;
}

.photoflow-cards label .bxBorder,
.media-imgs label .bxBorder {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
}

.photoflow-cards
  label
  .custom-control-input:checked
  ~ .custom-control-label:after,
.media-imgs label .custom-control-input:checked ~ .custom-control-label:after {
  background-image: url(../images/checkbox-checked.svg);
}

.photoflow-cards
  label
  .custom-control-input:checked
  ~ .custom-control-label:before,
.media-imgs label .custom-control-input:checked ~ .custom-control-label:before {
  background-color: #2d3092;
}

.photoflow-cards label .custom-control-input:checked ~ .bxBorder,
.media-imgs label .custom-control-input:checked ~ .bxBorder {
  box-shadow: 0 0 0 3px #2d3092;
  opacity: 1;
}

.photoflow-cards ul.img-group,
.media-imgs ul.img-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 261px;
  list-style: none;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
  align-content: flex-start;
}

.photoflow-cards ul.img-group > li,
.media-imgs ul.img-group > li {
  margin: 0 5px 5px 0;
  width: calc((100% / 3) - 3.4px);
  height: calc((100% / 3) - 5px);
}

.photoflow-cards ul.img-group > li:nth-child(3n + 3),
.media-imgs ul.img-group > li:nth-child(3n + 3) {
  margin-right: 0;
}

.photoflow-cards ul.img-group > li img,
.media-imgs ul.img-group > li img {
  width: 100%;
  height: 100%;
}

.photoflow-cards ul.img-group ul,
.media-imgs ul.img-group ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 -3px;
  padding: 0;
  width: 100%;
  height: 100%;
  list-style: none;
}

.photoflow-cards ul.img-group ul > li,
.media-imgs ul.img-group ul > li {
  margin: 0 3px 3px 0;
  width: calc((100% / 2) - 1.5px);
  height: calc((100% / 2) - 1.5px);
}

.photoflow-cards ul.img-group ul > li:nth-child(2n + 2),
.media-imgs ul.img-group ul > li:nth-child(2n + 2) {
  margin-right: 0;
}

.photoflow-cards ul.img-group .txt,
.media-imgs ul.img-group .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  background-color: #dbf0ff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  color: #1c99ec;
}

.cheading,
.flrAccIsu-Section .media,
.flrAccIsu-details .media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.cheading h3,
.flrAccIsu-Section .media h3,
.flrAccIsu-details .media h3 {
  margin-bottom: 0;
  font-weight: 700;
}

@media (max-width: 767px) {
  .cheading h3,
  .flrAccIsu-Section .media h3,
  .flrAccIsu-details .media h3 {
    order: 2;
  }
}

.cheading .ov-time,
.flrAccIsu-Section .media .ov-time,
.flrAccIsu-details .media .ov-time {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  line-height: 1;
}

.cheading .ov-time span,
.flrAccIsu-Section .media .ov-time span,
.flrAccIsu-details .media .ov-time span {
  padding-left: 24px;
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
  color: #6d7f8b;
}

@media (max-width: 767px) {
  .cheading .ov-time span:first-child,
  .flrAccIsu-Section .media .ov-time span:first-child,
  .flrAccIsu-details .media .ov-time span:first-child {
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .cheading .ov-time,
  .flrAccIsu-Section .media .ov-time,
  .flrAccIsu-details .media .ov-time {
    padding-top: 8px;
    width: 100%;
    order: 3;
  }
}

.cheading .right-div,
.flrAccIsu-Section .media .right-div,
.flrAccIsu-details .media .right-div {
  margin-left: auto;
  line-height: 1;
}

.cheading .right-div .btn-group,
.flrAccIsu-Section .media .right-div .btn-group,
.flrAccIsu-details .media .right-div .btn-group {
  margin-right: 11px;
}

.cheading .right-div .btn-group a,
.flrAccIsu-Section .media .right-div .btn-group a,
.flrAccIsu-details .media .right-div .btn-group a {
  margin-right: 1px;
  height: 19px;
  padding: 0 10px;
  border-right: 1px solid #f1f3f6;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cheading .right-div .btn-group a .ico-img,
.flrAccIsu-Section .media .right-div .btn-group a .ico-img,
.flrAccIsu-details .media .right-div .btn-group a .ico-img {
  height: 16px;
  width: 16px;
}

.cheading .right-div .btn-group a .ico-img.view-ico,
.flrAccIsu-Section .media .right-div .btn-group a .ico-img.view-ico,
.flrAccIsu-details .media .right-div .btn-group a .ico-img.view-ico {
  width: 18px;
  height: 14px;
}

.cheading .right-div .btn-group a .ico-img.delete-ico,
.flrAccIsu-Section .media .right-div .btn-group a .ico-img.delete-ico,
.flrAccIsu-details .media .right-div .btn-group a .ico-img.delete-ico {
  width: 16px;
  height: 17px;
}

@media (max-width: 767px) {
  .cheading .right-div .btn-group a:first-child,
  .flrAccIsu-Section .media .right-div .btn-group a:first-child,
  .flrAccIsu-details .media .right-div .btn-group a:first-child {
    padding-left: 0;
  }

  .cheading .right-div .btn-group a:last-child,
  .flrAccIsu-Section .media .right-div .btn-group a:last-child,
  .flrAccIsu-details .media .right-div .btn-group a:last-child {
    border: none;
  }
}

.cheading .right-div .btn,
.flrAccIsu-Section .media .right-div .btn,
.flrAccIsu-details .media .right-div .btn {
  padding: 8px 8px;
  height: 30px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 700;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cheading .right-div .btn .circle-check,
.flrAccIsu-Section .media .right-div .btn .circle-check,
.flrAccIsu-details .media .right-div .btn .circle-check {
  height: 18px;
  width: 18px;
  background-size: 12px 8px;
  margin-top: -6px;
  margin-bottom: -4px;
  margin-right: 4px;
}

.cheading .right-div .btn.btn-outline-success,
.flrAccIsu-Section .media .right-div .btn.btn-outline-success,
.flrAccIsu-details .media .right-div .btn.btn-outline-success {
  background-color: #fff;
  color: #545a6b;
  border-color: #8dc53f;
}

.cheading .right-div .btn.btn-outline-danger,
.flrAccIsu-Section .media .right-div .btn.btn-outline-danger,
.flrAccIsu-details .media .right-div .btn.btn-outline-danger {
  background-color: #fff;
  color: #545a6b;
  border-color: #e96155;
}

.cheading .right-div .btn.btn-outline-warning,
.flrAccIsu-Section .media .right-div .btn.btn-outline-warning,
.flrAccIsu-details .media .right-div .btn.btn-outline-warning {
  background-color: #fff;
  color: #545a6b;
  border-color: #ffad2a;
}

@media (max-width: 767px) {
  .cheading .right-div,
  .flrAccIsu-Section .media .right-div,
  .flrAccIsu-details .media .right-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 15px;
    order: 1;
    width: 100%;
  }
}

.cheading .right-icons,
.flrAccIsu-Section .media .right-icons,
.flrAccIsu-details .media .right-icons {
  margin-left: auto;
  line-height: 1;
}

.cheading .right-icons .btn-group a,
.cheading .right-icons .btn-group span,
.flrAccIsu-Section .media .right-icons .btn-group a,
.flrAccIsu-Section .media .right-icons .btn-group span,
.flrAccIsu-details .media .right-icons .btn-group a,
.flrAccIsu-details .media .right-icons .btn-group span {
  margin: 0;
  height: 19px;
  padding: 0 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cheading .right-icons .btn-group a:last-child,
.cheading .right-icons .btn-group span:last-child,
.flrAccIsu-Section .media .right-icons .btn-group a:last-child,
.flrAccIsu-Section .media .right-icons .btn-group span:last-child,
.flrAccIsu-details .media .right-icons .btn-group a:last-child,
.flrAccIsu-details .media .right-icons .btn-group span:last-child {
  padding-right: 0;
}

.cheading .right-icons .btn-group a:not(:last-child),
.cheading .right-icons .btn-group span:not(:last-child),
.flrAccIsu-Section .media .right-icons .btn-group a:not(:last-child),
.flrAccIsu-Section .media .right-icons .btn-group span:not(:last-child),
.flrAccIsu-details .media .right-icons .btn-group a:not(:last-child),
.flrAccIsu-details .media .right-icons .btn-group span:not(:last-child) {
  border-right: 1px solid #f1f3f6;
}

.cheading .right-icons .btn-group a .ico-img,
.cheading .right-icons .btn-group span .ico-img,
.flrAccIsu-Section .media .right-icons .btn-group a .ico-img,
.flrAccIsu-Section .media .right-icons .btn-group span .ico-img,
.flrAccIsu-details .media .right-icons .btn-group a .ico-img,
.flrAccIsu-details .media .right-icons .btn-group span .ico-img {
  height: 16px;
  width: 16px;
}

.cheading .right-icons .btn-group a .ico-img.view-ico,
.cheading .right-icons .btn-group span .ico-img.view-ico,
.flrAccIsu-Section .media .right-icons .btn-group a .ico-img.view-ico,
.flrAccIsu-Section .media .right-icons .btn-group span .ico-img.view-ico,
.flrAccIsu-details .media .right-icons .btn-group a .ico-img.view-ico,
.flrAccIsu-details .media .right-icons .btn-group span .ico-img.view-ico {
  width: 18px;
  height: 14px;
}

.cheading .right-icons .btn-group a .ico-img.delete-ico,
.cheading .right-icons .btn-group span .ico-img.delete-ico,
.flrAccIsu-Section .media .right-icons .btn-group a .ico-img.delete-ico,
.flrAccIsu-Section .media .right-icons .btn-group span .ico-img.delete-ico,
.flrAccIsu-details .media .right-icons .btn-group a .ico-img.delete-ico,
.flrAccIsu-details .media .right-icons .btn-group span .ico-img.delete-ico {
  width: 16px;
  height: 17px;
}

.cheading .right-icons .btn-group span,
.flrAccIsu-Section .media .right-icons .btn-group span,
.flrAccIsu-details .media .right-icons .btn-group span {
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  color: #1b2236;
  text-transform: uppercase;
}

.cheading .badge,
.flrAccIsu-Section .media .badge,
.flrAccIsu-details .media .badge {
  margin-bottom: auto;
  margin-right: 3px;
  height: 22px;
  padding: 5px 6px 4px;
  font-size: 10px;
  line-height: 13px;
  font-weight: 700;
  text-transform: uppercase;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cheading .badge .ico-img,
.flrAccIsu-Section .media .badge .ico-img,
.flrAccIsu-details .media .badge .ico-img {
  margin-right: 3px;
}

@media (max-width: 767px) {
  .cheading .badge,
  .flrAccIsu-Section .media .badge,
  .flrAccIsu-details .media .badge {
    order: 3;
  }
}

.taskSts {
  margin: 0;
  padding: 4px 0;
  width: 100%;
  list-style: none;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.taskSts li {
  padding: 4px 0;
  min-height: 44px;
}

.taskSts li label {
  margin-bottom: 6px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.taskSts li p {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  color: #1b2236;
}

@media (min-width: 992px) {
  .taskSts li {
    margin-bottom: 0 !important;
  }

  .taskSts li:not(:last-child) {
    margin-right: 30px;
    padding-right: 30px;
    border-right: solid 1px #e5eef5;
  }
}

@media (max-width: 991px) {
  .taskSts li:not(:last-child) {
    margin-bottom: 16px;
  }

  .taskSts li:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 991px) {
  .taskSts {
    padding-bottom: 0;
    flex-direction: column;
  }
}

.overflow-nav {
  position: relative;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .overflow-nav:after,
  .overflow-nav:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 100%;
    background-image: -webkit-gradient(
      linear,
      right top,
      left top,
      from(#f7fafd),
      color-stop(40%, rgba(247, 250, 253, 0))
    );
    background-image: -o-linear-gradient(
      right,
      #f7fafd,
      rgba(247, 250, 253, 0) 60%
    );
    background-image: linear-gradient(
      to left,
      #f7fafd,
      rgba(247, 250, 253, 0) 60%
    );
  }

  .overflow-nav:before {
    left: 0;
    right: auto;
    opacity: 0.6;
    background-image: -webkit-gradient(
      linear,
      right top,
      left top,
      from(rgba(247, 250, 253, 0)),
      color-stop(40%, #f7fafd)
    );
    background-image: -o-linear-gradient(
      right,
      rgba(247, 250, 253, 0),
      #f7fafd 60%
    );
    background-image: linear-gradient(
      to left,
      rgba(247, 250, 253, 0),
      #f7fafd 60%
    );
  }
}

.nav.nav-tabs {
  border-bottom-color: #dde6eb;
  overflow: hidden;
  overflow-x: auto;
  flex-wrap: nowrap;
  white-space: nowrap;
  scrollbar-width: thin;
}

.nav.nav-tabs .nav-item .nav-link {
  padding: 10px 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  color: #6d7f8b;
  border: none;
  border-bottom: 3px solid transparent;
}

.nav.nav-tabs .nav-item .nav-link.active {
  background-color: transparent;
  color: #1c99ec;
  border-bottom-color: #1c99ec;
}

.nav.nav-tabs .nav-item:not(:last-child) {
  margin-right: 40px;
}

.nav.nav-tabs::-webkit-scrollbar {
  height: 0px;
}

@media (max-width: 991px) and (min-width: 768px) {
  .nav.nav-tabs {
    margin-bottom: 21px;
  }
}

.nav.nav-pills {
  padding: 4px;
  border-radius: 4px;
  background-color: #e1ebf4;
  border-bottom-color: #dde6eb;
  overflow: hidden;
  overflow-x: auto;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.nav.nav-pills .nav-item .nav-link {
  padding: 6px 15px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #6d7f8b;
  border-radius: 3px;
  background-color: transparent;
  white-space: nowrap;
  height: 32px;
}

.nav.nav-pills .nav-item .nav-link.active {
  color: #1c99ec;
  background-color: #fff;
}

.nav.nav-pills .nav-item .nav-link.active .ico-img {
  -webkit-filter: saturate(7);
  filter: saturate(7);
}

@media (max-width: 767px) {
  .nav.nav-pills .nav-item .nav-link {
    padding-left: 9px;
    padding-right: 9px;
    font-size: 12px;
  }
}

@media (max-width: 991px) {
  .nav.nav-pills .nav-item {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 991px) {
  .nav.nav-pills {
    width: 100%;
    flex-wrap: nowrap;
  }
}

.site-details .content-header .carousel,
.reports-periodics .content-header .carousel {
  margin-left: auto;
  padding: 0 32px;
}

.site-details .content-header .carousel .carousel-control-prev,
.site-details .content-header .carousel .carousel-control-next,
.reports-periodics .content-header .carousel .carousel-control-prev,
.reports-periodics .content-header .carousel .carousel-control-next {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  border: solid 1px #d7e4ef;
  background-color: rgba(255, 255, 255, 0.6);
  background-image: url(../images/angle-right-primary.svg);
  background-size: 7px 12px;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1;
}

.site-details .content-header .carousel .carousel-control-prev,
.reports-periodics .content-header .carousel .carousel-control-prev {
  transform: rotateY(180deg);
}

.site-details .content-header .carousel .carousel-inner,
.reports-periodics .content-header .carousel .carousel-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
  width: 160px;
  height: 32px;
}

.site-details .content-header .carousel .carousel-inner p,
.reports-periodics .content-header .carousel .carousel-inner p {
  margin: 0;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: #1b2236;
}

@media (max-width: 991px) {
  .site-details .content-header .carousel .carousel-inner,
  .reports-periodics .content-header .carousel .carousel-inner {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .site-details .content-header .carousel,
  .reports-periodics .content-header .carousel {
    width: 100%;
    margin-bottom: 34px;
  }
}

.site-details {
  width: 100%;
  padding-top: 4px;
}

.site-details .newAdd {
  position: absolute;
  right: 0;
  top: 2px;
}

.site-details .newAdd .btn {
  padding: 8px 15px;
  height: 36px;
  font-size: 14px;
  line-height: 18px;
}

.site-details .newAdd .btn .plus-ico {
  margin-left: 7px;
  width: 10px;
  height: 10px;
}

.flex-ticket .img-box {
  min-height: 150px;
}

@media (max-width: 991px) {
  .site-details .newAdd .btn {
    margin-left: auto;
  }
}

@media (max-width: 991px) {
  .site-details .newAdd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: static;
    width: 100%;
    margin-bottom: 24px;
    margin-top: -24px;
  }
}

.site-details .form-group {
  line-height: 1;
}

@media screen and (max-width: 1024px) {
  .scrollable_table.form-group {
    overflow: auto;
  }
}

.site-details .overview .form-group label {
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #6d7f8b;
  text-transform: uppercase;
}

.site-details .form-group p {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  color: #1b2236;
}

.site-details .form-group p a {
  color: #1b2236;
}

.site-details .form-group p .badge {
  margin-left: 8px;
}

@media (min-width: 768px) {
  .site-details .form-group {
    margin-bottom: 24px;
  }
}

.site-details .card {
  margin-bottom: 15px;
}

.site-details .overview-card .card {
  padding: 24px 20px 20px;
}

.site-details .overview-card .card .today-status,
.site-details .overview-card .card .overall-frequency {
  margin: 0;
  padding: 20px 20px 17px;
  width: 100%;
  display: block;
  border-radius: 4px;
  border: solid 1px #e5eef5;
  background-color: #f8fcff;
}

.site-details .overview-card .card .today-status h3,
.site-details .overview-card .card .overall-frequency h3 {
  margin-bottom: 16px;
  font-weight: 700;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.site-details .overview-card .card .today-status h3 .calendar-ico,
.site-details .overview-card .card .overall-frequency h3 .calendar-ico {
  margin-right: 7px;
}

.site-details .overview-card .card .today-status h3 *[data-toggle="modal"],
.site-details
  .overview-card
  .card
  .overall-frequency
  h3
  *[data-toggle="modal"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.site-details .overview-card .card .today-status h3 .edit-ico,
.site-details .overview-card .card .overall-frequency h3 .edit-ico {
  height: 16px;
  width: 16px;
}

@media (max-width: 767px) {
  .site-details .overview-card .card .today-status h3,
  .site-details .overview-card .card .overall-frequency h3 {
    margin-bottom: 1px;
  }
}

.site-details .overview-card .card .today-status .note,
.site-details .overview-card .card .overall-frequency .note {
  margin-top: -3px;
  font-size: 14px;
  color: #545a6b;
}

@media (max-width: 767px) {
  .site-details .overview-card .card .today-status .note,
  .site-details .overview-card .card .overall-frequency .note {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.site-details .overview-card .card .today-status ul,
.site-details .overview-card .card .overall-frequency ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  align-items: stretch;
}

.site-details .overview-card .card .today-status ul li,
.site-details .overview-card .card .overall-frequency ul li {
  padding: 5px 32px 4px;
  border-right: 1px solid #e5eef5;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  flex-direction: column;
  min-height: 44px;
}

.site-details .overview-card .card .today-status ul li:first-child,
.site-details .overview-card .card .overall-frequency ul li:first-child {
  padding-left: 0;
}

.site-details .overview-card .card .today-status ul li:last-child,
.site-details .overview-card .card .overall-frequency ul li:last-child {
  padding-right: 0;
  border: none;
}

.site-details .overview-card .card .today-status ul li label,
.site-details .overview-card .card .overall-frequency ul li label {
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  color: #6d7f8b;
  white-space: nowrap;
  text-transform: uppercase;
}

.site-details .overview-card .card .today-status ul li p,
.site-details .overview-card .card .overall-frequency ul li p {
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  color: #1b2236;
  white-space: nowrap;
}

@media (max-width: 991px) and (min-width: 768px) {
  .site-details .overview-card .card .today-status ul li p,
  .site-details .overview-card .card .overall-frequency ul li p {
    font-size: 14px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .site-details .overview-card .card .today-status ul li,
  .site-details .overview-card .card .overall-frequency ul li {
    padding-left: 10px;
    padding-right: 12px;
  }
}

@media (max-width: 767px) {
  .site-details .overview-card .card .today-status ul li,
  .site-details .overview-card .card .overall-frequency ul li {
    padding: 15px 0;
    border-right: none;
    border-bottom: 1px solid #e5eef5;
  }

  .site-details .overview-card .card .today-status ul li:last-child,
  .site-details .overview-card .card .overall-frequency ul li:last-child {
    border-bottom: none;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .site-details .overview-card .card .today-status ul,
  .site-details .overview-card .card .overall-frequency ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media (max-width: 767px) {
  .site-details .overview-card .card .today-status ul,
  .site-details .overview-card .card .overall-frequency ul {
    flex-direction: column;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .site-details .overview-card .card .today-status,
  .site-details .overview-card .card .overall-frequency {
    padding: 17px 15px;
  }
}

@media (max-width: 767px) {
  .site-details .overview-card .card .today-status,
  .site-details .overview-card .card .overall-frequency {
    padding: 15px 10px 0;
  }
}

@media (max-width: 767px) {
  .site-details .overview-card .card .overall-frequency ul {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .site-details .overview-card .card .overall-frequency ul li {
    width: 100%;
    max-width: calc(50% - 5px);
  }

  .site-details
    .overview-card
    .card
    .overall-frequency
    ul
    li:not(:nth-child(2n + 2)) {
    margin-right: 10px;
  }
}

@media (max-width: 991px) {
  .site-details .overview-card .card {
    padding: 20px 15px 15px;
  }
}

.site-details .sitePhotoflows-card {
  position: relative;
}

@media (max-width: 767px) {
  .site-details .sitePhotoflows-card .nav.nav-pills .nav-item {
    width: 100%;
  }

  .site-details .sitePhotoflows-card .nav.nav-pills .nav-item .nav-link {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 991px) {
  .site-details .sitePhotoflows-card .nav.nav-pills {
    margin-bottom: 32px;
  }
}

.site-details .sitePhotoflows-card .card {
  padding: 20px 20px 0;
}

.site-details .sitePhotoflows-card .card .cheading {
  margin-bottom: 24px;
}

.site-details .sitePhotoflows-card .card.disabled {
  background-color: #fafbfc;
}

.site-details .sitePhotoflows-card .card.disabled * {
  color: #98a9b2 !important;
}

@media (max-width: 991px) {
  .site-details .sitePhotoflows-card .card {
    padding: 15px 15px 0;
  }
}

@media (max-width: 767px) {
  .site-details .sitePhotoflows-card .card {
    padding: 15px;
    padding-bottom: 50px;
  }

  .site-details .sitePhotoflows-card .card .right-icons {
    position: absolute;
    height: 50px;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #e9edf3;
  }

  .site-details .sitePhotoflows-card .card .right-icons .btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }

  .site-details .sitePhotoflows-card .card .right-icons .btn-group a {
    padding: 0;
    width: calc(100% / 4);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.site-details .siteTickets-card .card {
  padding: 20px 20px 4px;
}

.site-details .siteTickets-card .card .cheading {
  margin-bottom: 8px;
}

@media (max-width: 767px) {
  .site-details .siteTickets-card .card .cheading {
    margin-bottom: 14px;
  }
}

.site-details .siteTickets-card .card .date-view {
  margin-bottom: 13px;
}

.site-details .siteTickets-card .card .date-view h4 {
  margin-bottom: 6px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  color: #1b2236;
}

@media (max-width: 767px) {
  .site-details .siteTickets-card .card .date-view h4 {
    margin-bottom: 8px;
  }
}

.site-details .siteTickets-card .card .date-view ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1;
}

.site-details .siteTickets-card .card .date-view ul li {
  color: #8a99a3;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  min-height: 19px;
}

.site-details .siteTickets-card .card .date-view ul li span {
  display: inline-block;
  padding-top: 1px;
}

.site-details .siteTickets-card .card .date-view ul li .ico-img {
  margin-top: -1px;
  margin-right: 7px;
}

.site-details .siteTickets-card .card .date-view ul li .ico-img.dot {
  margin-left: 4px;
  margin-right: 4px;
  color: rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
  .site-details .siteTickets-card .card .date-view ul li .ico-img:not(.dot) {
    background-position: left center;
  }
}

@media (min-width: 768px) {
  .site-details .siteTickets-card .card .date-view ul li:not(:last-child) {
    margin-right: 16px;
    padding-right: 16px;
    border-right: 1px solid #f1f3f6;
  }
}

@media (max-width: 767px) {
  .site-details .siteTickets-card .card .date-view ul li:not(:last-child) {
    margin-bottom: 6px;
  }
}

@media (max-width: 767px) {
  .site-details .siteTickets-card .card .date-view ul {
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.site-details .siteTickets-card .card h3 {
  margin-bottom: 4px;
  font-weight: 700;
}

.site-details .siteTickets-card .card p {
  margin-bottom: 16px;
  font-size: 15px;
  line-height: 1.47;
  font-weight: 500;
  color: #545a6b;
}

@media (max-width: 991px) {
  .site-details .siteTickets-card .card {
    padding: 15px 15px 2px;
  }
}

.site-details .siteStatus-card .card {
  padding: 20px;
}

.site-details .siteStatus-card .card h3 {
  margin-bottom: 16px;
  font-weight: 700;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.site-details .siteStatus-card .card h3 .ico-img {
  margin-right: 8px;
}

.site-details .siteStatus-card .card .stStatus {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
  align-items: stretch;
  justify-content: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.site-details .siteStatus-card .card .stStatus li {
  margin: 0;
  padding: 5px 20px 4px;
  min-height: 44px;
  border-right: solid 1px #e5eef5;
  width: 100%;
}

.site-details .siteStatus-card .card .stStatus li:first-child {
  padding-left: 0;
}

.site-details .siteStatus-card .card .stStatus li:last-child {
  border-right: none;
}

.site-details .siteStatus-card .card .stStatus li label {
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.site-details .siteStatus-card .card .stStatus li p {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 15px;
  font-weight: 600;
  color: #1b2236;
}

@media (max-width: 991px) {
  .site-details .siteStatus-card .card .stStatus li {
    padding-left: 0;
    width: 50%;
    border: none;
    margin-bottom: 22px;
  }

  .site-details .siteStatus-card .card .stStatus li:last-child,
  .site-details .siteStatus-card .card .stStatus li:nth-last-child(2) {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .site-details .siteStatus-card .card .stStatus {
    padding-right: 20px;
  }
}

@media (max-width: 991px) {
  .site-details .siteStatus-card .card .stStatus {
    flex-wrap: wrap;
  }
}

@media (max-width: 991px) {
  .site-details .siteStatus-card .card {
    padding: 25px 15px;
  }
}

.site-details .siteStatus-card .cheading {
  margin-bottom: 24px;
  padding-top: 30px;
}

.site-details .siteStatus-card .cheading .right-div .btn {
  height: 34px;
  font-size: 14px;
  padding: 10px 16px 10px 10px;
  font-weight: 500;
  box-shadow: none !important;
}

.site-details .siteStatus-card .cheading .right-div .btn span {
  padding-left: 3px;
  color: #1b2236;
  font-weight: 700;
}

@media (max-width: 767px) {
  .site-details .siteStatus-card .cheading .right-div .btn span {
    padding-left: 0;
  }
}

.site-details .siteStatus-card .cheading .right-div .btn + .btn {
  margin-left: 6px;
}

@media (max-width: 767px) {
  .site-details .siteStatus-card .cheading .right-div .btn {
    padding: 8px 10px;
    font-size: 12px;
    height: auto;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    text-align: left;
    line-height: 15px;
    white-space: nowrap;
  }
}

@media (max-width: 767px) {
  .site-details .siteStatus-card .cheading .right-div {
    justify-content: stretch;
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .site-details .siteStatus-card .cheading {
    padding-top: 15px;
  }

  .site-details .siteStatus-card .cheading h3 {
    margin-bottom: 16px;
    order: 1;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .site-details .siteStatus-card .custom-table .table tbody tr td:first-child {
    padding-bottom: 5px;
    font-size: 14px;
    line-height: 18px;
  }

  .site-details
    .siteStatus-card
    .custom-table
    .table
    tbody
    tr
    td:first-child:before {
    display: inline-block;
  }
}

@media (max-width: 767px) and (min-width: 481px) {
  .site-details .siteStatus-card .custom-table .table tbody tr td:first-child {
    padding-bottom: 5px;
    font-size: 14px;
    line-height: 18px;
  }

  .site-details
    .siteStatus-card
    .custom-table
    .table
    tbody
    tr
    td:first-child:before {
    display: inline-block;
  }
}

@media (max-width: 480px) {
  .site-details .siteStatus-card .custom-table .table tbody tr td:first-child {
    padding-bottom: 5px;
    font-size: 14px;
    line-height: 18px;
  }

  .site-details
    .siteStatus-card
    .custom-table
    .table
    tbody
    tr
    td:first-child:before {
    display: inline-block;
  }
}

@media (min-width: 992px) {
  .site-details .siteStatus-card .custom-table .table tbody tr td:nth-child(1) {
    width: 21%;
  }

  .site-details .siteStatus-card .custom-table .table tbody tr td:nth-child(2) {
    width: 25.6%;
  }

  .site-details .siteStatus-card .custom-table .table tbody tr td:nth-child(3) {
    width: 25%;
  }

  .site-details .siteStatus-card .custom-table .table tbody tr td:nth-child(4) {
    width: 16%;
  }
}

.site-details .siteStatus-card .custom-table .date {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.site-details .siteStatus-card .custom-table .date .ico-img.dot {
  margin: 0 5px;
  color: rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
  .site-details .siteStatus-card .custom-table .date .ico-img.dot {
    display: none;
  }
}

@media (max-width: 767px) {
  .site-details .siteStatus-card .custom-table .date {
    width: 100%;
    flex-wrap: wrap;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .site-details .siteStatus-card .custom-table .date span ~ span {
    padding-top: 5px;
  }
}

@media (max-width: 767px) {
  .site-details .photogroup-Section .content-header .addSpPhotos {
    margin-top: 0;
    margin-bottom: 24px;
  }
}

.site-details .photogroup-Section .content-header-md {
  min-height: 36px;
}

@media (max-width: 991px) {
  .site-details {
    margin-top: -10px;
  }
}

.siteSchedule-card {
  position: relative;
}

.siteSchedule-card .content-header .btn-primary {
  margin-left: auto;
}

@media (max-width: 991px) {
  .siteSchedule-card .nav.nav-pills {
    margin-bottom: 32px;
  }
}

.siteSchedule-card .card {
  margin-bottom: 13px;
  padding: 16px 14px;
}

.siteSchedule-card .card .schedule-lst {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  align-items: stretch;
}

.siteSchedule-card .card .schedule-lst li {
  padding: 16px 10px;
  border-radius: 4px;
  border: solid 1px #e5eef5;
  background-color: #f8fcff;
  line-height: 1;
  width: calc(100% / 7);
  position: relative;
}

.siteSchedule-card .card .schedule-lst li label {
  margin-bottom: 7px;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  color: #6d7f8b;
}

@media (max-width: 767px) {
  .siteSchedule-card .card .schedule-lst li label {
    width: 62%;
  }
}

.siteSchedule-card .card .schedule-lst li p {
  margin-bottom: 4px;
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  color: #1b2236;
}

@media (max-width: 991px) and (min-width: 768px) {
  .siteSchedule-card .card .schedule-lst li p {
    line-height: 15px;
    margin-bottom: 6px;
  }
}

@media (max-width: 767px) {
  .siteSchedule-card .card .schedule-lst li p {
    width: 62%;
    margin-bottom: 0;
  }
}

.siteSchedule-card .card .schedule-lst li .ext {
  line-height: 1;
  width: 100%;
}

.siteSchedule-card .card .schedule-lst li .ext span {
  display: block;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #6d7f8b;
}

.siteSchedule-card .card .schedule-lst li .ext span ~ span {
  padding-top: 4px;
}

@media (min-width: 768px) {
  .siteSchedule-card .card .schedule-lst li .ext span ~ span {
    margin-bottom: -6px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .siteSchedule-card .card .schedule-lst li .ext span {
    line-height: 14px;
  }
}

@media (max-width: 767px) {
  .siteSchedule-card .card .schedule-lst li .ext span {
    margin-bottom: 2px;
    padding-top: 0 !important;
  }
}

@media (max-width: 767px) {
  .siteSchedule-card .card .schedule-lst li .ext {
    width: 34%;
    position: absolute;
    right: 10px;
    bottom: 14px;
  }
}

.siteSchedule-card .card .schedule-lst li:not(:last-child) {
  margin-right: 7px;
}

@media (max-width: 767px) {
  .siteSchedule-card .card .schedule-lst li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: wrap;
    margin-right: 0 !important;
    padding-bottom: 14px;
    width: 100%;
  }

  .siteSchedule-card .card .schedule-lst li:not(:last-child) {
    margin-bottom: 7px;
  }
}

@media (max-width: 767px) {
  .siteSchedule-card .card .schedule-lst {
    flex-direction: column;
  }
}

@media (max-width: 991px) {
  .sitePeriodics-card .content-header .nav-pills {
    order: 2;
  }
}

@media (max-width: 991px) {
  .sitePeriodics-card .content-header .carousel {
    order: 1;
  }
}

.sitePeriodics-card .cheading .right-icons {
  order: 4;
}

.sitePeriodics-card .card {
  padding: 20px 20px 12px;
}

.sitePeriodics-card .card h3 {
  margin-bottom: 10px;
  font-weight: 700;
}

.sitePeriodics-card .card > p {
  margin-bottom: 16px;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  color: #545a6b;
}

.sitePeriodics-card .card > p.area_status {
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  color: #1b2236;
}

.sitePeriodics-card .card .taskSts li label {
  margin-bottom: 6px;
}

.sitePeriodics-card .card.due-card {
  padding-bottom: 42px;
  overflow: hidden;
}

.sitePeriodics-card .card.due-card .alert {
  margin: 0;
  padding: 7px 9px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border: none;
  color: #fff;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  min-height: 30px;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sitePeriodics-card .card.due-card .alert.alert-danger {
  background-color: #fe7575;
}

.sitePeriodics-card .card.due-card .alert.alert-danger .ico-img {
  margin-right: 9px;
  height: 16px;
  width: 16px;
}

@media (max-width: 991px) {
  .sitePeriodics-card .card {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 768px) {
  .md-addSite .form-group,
  .md-editSite .form-group,
  .md-addUser .form-group,
  .md-editUser .form-group,
  .md-addTenants .form-group,
  .md-editTenants .form-group,
  .md-addDeficiency .form-group,
  .md-editDeficiency .form-group {
    margin-bottom: 24px;
  }
}

.md-addUser .importbx h3 {
  margin-bottom: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
  font-weight: 700;
}

.md-addUser .importbx h3 a {
  margin-left: auto;
  font-size: 13px;
  color: #1c99ec;
  font-weight: 600;
}

.md-addUser .importbx p {
  margin-bottom: 16px;
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  color: #858997;
}

.md-addUser .importbx .btn-light {
  color: #1c99ec;
}

.md-addTenants .importbx h3,
.md-editTenants .importbx h3 {
  margin-bottom: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
  font-weight: 700;
}

.md-addTenants .importbx h3 a,
.md-editTenants .importbx h3 a {
  margin-left: auto;
  font-size: 13px;
  color: #1c99ec;
  font-weight: 600;
}

.md-addTenants .importbx p,
.md-editTenants .importbx p {
  margin-bottom: 16px;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  color: #858997;
}

@media (max-width: 767px) {
  .md-addTenants .importbx p,
  .md-editTenants .importbx p {
    font-size: 13px;
  }
}

.md-addTenants .importbx .btn-light,
.md-editTenants .importbx .btn-light {
  color: #1c99ec;
}

.md-addTenants .logo-box,
.md-editTenants .logo-box {
  padding: 12px 8px;
  width: 156px;
  height: 58px;
  border-radius: 4px;
  border: solid 0.5px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.md-addTenants .logo-box img,
.md-editTenants .logo-box img {
  max-height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
}

.md-addTenants .editTenantLogo,
.md-editTenants .editTenantLogo {
  margin-bottom: 0;
  padding-bottom: 17px;
  height: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.md-addTenants .editTenantLogo .btn,
.md-editTenants .editTenantLogo .btn {
  font-size: 14px;
  height: 36px;
  padding: 8px 15px;
}

.md-addTenants .editTenantLogo .btn input,
.md-editTenants .editTenantLogo .btn input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.md-addTenants .uploadlogo,
.md-editTenants .uploadlogo {
  padding: 18px 15px 19px;
}

.md-addTenants .uploadlogo img,
.md-editTenants .uploadlogo img {
  margin-bottom: 12px;
  max-height: 29px;
}

.md-addTenants .uploadlogo p,
.md-editTenants .uploadlogo p {
  margin-bottom: 16px;
}

.md-addTenants .uploadlogo p span,
.md-editTenants .uploadlogo p span {
  color: #6d7f8b;
}

.md-deactivateSite p,
.md-deactivateUser p,
.md-deactivateTenant p {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.47;
  color: #545a6b;
  margin-bottom: 16px;
  letter-spacing: -0.1px;
}

.md-deactivateSite .modal-buttons,
.md-deactivateUser .modal-buttons,
.md-deactivateTenant .modal-buttons {
  padding-top: 28px !important;
}

.md-siteSchedule .viewBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  justify-content: stretch;
  padding: 13px 16px;
  min-height: 67px;
  line-height: 1;
}

.md-siteSchedule .viewBox label {
  margin-bottom: 8px;
  text-transform: uppercase;
}

.md-siteSchedule .viewBox p {
  font-weight: 600;
}

@media (max-width: 767px) {
  .md-siteSchedule .viewBox {
    padding-top: 0;
    padding-bottom: 0;
    flex-direction: column;
  }

  .md-siteSchedule .viewBox .w-100 {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .md-siteSchedule .viewBox .w-100:not(:last-child) {
    border-bottom: 1px solid #e5eef5;
  }
}

@media (min-width: 768px) {
  .md-siteSchedule .form-group {
    margin-bottom: 24px;
  }
}

.md-siteSchedule .custom-checkbox {
  margin-top: 9px;
  padding-left: 24px;
  min-height: 16px;
  line-height: 1;
}

.md-siteSchedule
  .custom-checkbox
  .custom-control-input:checked
  ~ .custom-control-label::before {
  border-color: #2d3092;
  background-color: #2d3092;
}

.schedule-table {
  border: none;
}

.schedule-table thead tr th {
  padding: 11px 8px 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 13px;
  letter-spacing: normal;
  color: #858997;
}

.schedule-table thead tr th:first-child {
  padding-left: 0;
  width: 16.6%;
}

@media (max-width: 767px) {
  .schedule-table thead tr th:first-child {
    width: 17.8%;
  }
}

.schedule-table thead tr th:nth-child(2),
.schedule-table thead tr th:nth-child(3) {
  width: 35.2%;
}

@media (max-width: 767px) {
  .schedule-table thead tr th:nth-child(2),
  .schedule-table thead tr th:nth-child(3) {
    width: 32.2%;
  }
}

.schedule-table thead tr th:last-child {
  padding-right: 0;
}

@media (max-width: 767px) {
  .schedule-table thead tr th {
    padding-left: 3px;
    padding-right: 3px;
    white-space: nowrap;
  }
}

.schedule-table tbody tr {
  border-bottom: 1px solid #f1f3f6;
}

.schedule-table tbody tr td {
  padding: 15px 8px;
  line-height: 20px;
  font-size: 15px;
  font-weight: 600;
  color: #1b2236;
}

.schedule-table tbody tr td .form-control {
  padding: 10px;
  height: 36px;
  min-height: 36px;
  font-size: 14px;
  line-height: 14px;
  border-radius: 4px;
  border: solid 1px #d9e0e9;
  min-width: 65px;
}

.schedule-table tbody tr td .form-control:focus {
  background-color: #f8fcff;
  border-color: #bac0c8;
}

@media (max-width: 767px) {
  .schedule-table tbody tr td .form-control {
    padding-left: 6px;
    padding-right: 6px;
    min-width: 37px;
  }
}

.schedule-table tbody tr td:first-child {
  padding-left: 0;
}

.schedule-table tbody tr td:last-child {
  padding-right: 0;
}

@media (max-width: 767px) {
  .schedule-table tbody tr td {
    padding-left: 3px;
    padding-right: 3px;
  }
}

.schedule-table tbody tr:first-child td {
  padding-top: 12px;
}

.modal-header .header-btns a {
  margin-right: 32px;
  position: relative;
  height: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.modal-header .header-btns a:after {
  content: "";
  position: absolute;
  height: 20px;
  width: 1px;
  background-color: #f1f3f6;
  right: -16px;
  top: 50%;
  transform: translateY(-50%);
}

.modal-header .header-btns a .ico-img {
  height: 19px;
  width: 19px;
}

.modal-header .header-btns {
  position: absolute;
  top: 20px;
  right: 38px;
}

@media (max-width: 767px) {
  .modal-header .header-btns {
    position: absolute;
    top: 32px;
    right: 28px;
  }
}

.md-SiteAreaDP .viewBox,
.md-viewTicket .viewBox,
.md-viewPeriodicsDetails .viewBox,
.md-viewUser .viewBox,
.md-viewTenants .viewBox {
  padding: 16px;
  line-height: 1;
}

.md-SiteAreaDP .viewBox label,
.md-viewTicket .viewBox label,
.md-viewPeriodicsDetails .viewBox label,
.md-viewUser .viewBox label,
.md-viewTenants .viewBox label {
  margin-bottom: 8px;
  text-transform: uppercase;
}

.md-SiteAreaDP .viewBox p,
.md-viewTicket .viewBox p,
.md-viewPeriodicsDetails .viewBox p,
.md-viewUser .viewBox p,
.md-viewTenants .viewBox p {
  font-weight: 600;
}

.md-SiteAreaDP .viewBox h3,
.md-viewTicket .viewBox h3,
.md-viewPeriodicsDetails .viewBox h3,
.md-viewUser .viewBox h3,
.md-viewTenants .viewBox h3 {
  margin-bottom: 10px;
  font-weight: 700;
  line-height: 20px;
}

.md-SiteAreaDP .viewBox .flex-box,
.md-viewTicket .viewBox .flex-box,
.md-viewPeriodicsDetails .viewBox .flex-box,
.md-viewUser .viewBox .flex-box,
.md-viewTenants .viewBox .flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

.md-SiteAreaDP .viewBox .flex-box .w-100,
.md-viewTicket .viewBox .flex-box .w-100,
.md-viewPeriodicsDetails .viewBox .flex-box .w-100,
.md-viewUser .viewBox .flex-box .w-100,
.md-viewTenants .viewBox .flex-box .w-100 {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e5eef5;
}

@media (min-width: 768px) {
  .md-SiteAreaDP .viewBox .flex-box .w-100,
  .md-viewTicket .viewBox .flex-box .w-100,
  .md-viewPeriodicsDetails .viewBox .flex-box .w-100,
  .md-viewUser .viewBox .flex-box .w-100,
  .md-viewTenants .viewBox .flex-box .w-100 {
    max-width: 50%;
  }
}

.md-SiteAreaDP .viewBox .flex-imgs,
.md-viewTicket .viewBox .flex-imgs,
.md-viewPeriodicsDetails .viewBox .flex-imgs,
.md-viewUser .viewBox .flex-imgs,
.md-viewTenants .viewBox .flex-imgs {
  margin: 0;
  width: calc(100% + 16px);
  max-height: 308px;
  overflow: hidden;
  overflow-y: auto;
  padding-right: 16px;
  scrollbar-width: thin !important;
}

.md-SiteAreaDP .viewBox .flex-imgs ul.img-group,
.md-viewTicket .viewBox .flex-imgs ul.img-group,
.md-viewPeriodicsDetails .viewBox .flex-imgs ul.img-group,
.md-viewUser .viewBox .flex-imgs ul.img-group,
.md-viewTenants .viewBox .flex-imgs ul.img-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
}

.md-SiteAreaDP .viewBox .flex-imgs ul.img-group li,
.md-viewTicket .viewBox .flex-imgs ul.img-group li,
.md-viewPeriodicsDetails .viewBox .flex-imgs ul.img-group li,
.md-viewUser .viewBox .flex-imgs ul.img-group li,
.md-viewTenants .viewBox .flex-imgs ul.img-group li {
  margin: 0 8px 8px 0;
  width: 100%;
  max-width: calc((100% / 3) - 6px);
}

.md-SiteAreaDP .viewBox .flex-imgs ul.img-group li:nth-child(3n + 3),
.md-viewTicket .viewBox .flex-imgs ul.img-group li:nth-child(3n + 3),
.md-viewPeriodicsDetails .viewBox .flex-imgs ul.img-group li:nth-child(3n + 3),
.md-viewUser .viewBox .flex-imgs ul.img-group li:nth-child(3n + 3),
.md-viewTenants .viewBox .flex-imgs ul.img-group li:nth-child(3n + 3) {
  margin-right: 0;
}

.md-SiteAreaDP .viewBox .flex-imgs ul.img-group li img,
.md-viewTicket .viewBox .flex-imgs ul.img-group li img,
.md-viewPeriodicsDetails .viewBox .flex-imgs ul.img-group li img,
.md-viewUser .viewBox .flex-imgs ul.img-group li img,
.md-viewTenants .viewBox .flex-imgs ul.img-group li img {
  width: 100%;
  max-height: 150px;
  min-height: 150px;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .md-SiteAreaDP .viewBox .flex-imgs ul.img-group li,
  .md-viewTicket .viewBox .flex-imgs ul.img-group li,
  .md-viewPeriodicsDetails .viewBox .flex-imgs ul.img-group li,
  .md-viewUser .viewBox .flex-imgs ul.img-group li,
  .md-viewTenants .viewBox .flex-imgs ul.img-group li {
    max-width: calc((100% / 4) - 6px);
  }

  .md-SiteAreaDP .viewBox .flex-imgs ul.img-group li:nth-child(3n + 3),
  .md-viewTicket .viewBox .flex-imgs ul.img-group li:nth-child(3n + 3),
  .md-viewPeriodicsDetails
    .viewBox
    .flex-imgs
    ul.img-group
    li:nth-child(3n + 3),
  .md-viewUser .viewBox .flex-imgs ul.img-group li:nth-child(3n + 3),
  .md-viewTenants .viewBox .flex-imgs ul.img-group li:nth-child(3n + 3) {
    margin-right: 8px;
  }

  .md-SiteAreaDP .viewBox .flex-imgs ul.img-group li:nth-child(4n + 4),
  .md-viewTicket .viewBox .flex-imgs ul.img-group li:nth-child(4n + 4),
  .md-viewPeriodicsDetails
    .viewBox
    .flex-imgs
    ul.img-group
    li:nth-child(4n + 4),
  .md-viewUser .viewBox .flex-imgs ul.img-group li:nth-child(4n + 4),
  .md-viewTenants .viewBox .flex-imgs ul.img-group li:nth-child(4n + 4) {
    margin-right: 0 !important;
  }
}

@media (max-width: 767px) and (min-width: 360px) {
  .md-SiteAreaDP .viewBox .flex-imgs ul.img-group li,
  .md-viewTicket .viewBox .flex-imgs ul.img-group li,
  .md-viewPeriodicsDetails .viewBox .flex-imgs ul.img-group li,
  .md-viewUser .viewBox .flex-imgs ul.img-group li,
  .md-viewTenants .viewBox .flex-imgs ul.img-group li {
    max-width: calc((100% / 2) - 6px);
  }

  .md-SiteAreaDP .viewBox .flex-imgs ul.img-group li:nth-child(3n + 3),
  .md-viewTicket .viewBox .flex-imgs ul.img-group li:nth-child(3n + 3),
  .md-viewPeriodicsDetails
    .viewBox
    .flex-imgs
    ul.img-group
    li:nth-child(3n + 3),
  .md-viewUser .viewBox .flex-imgs ul.img-group li:nth-child(3n + 3),
  .md-viewTenants .viewBox .flex-imgs ul.img-group li:nth-child(3n + 3) {
    margin-right: 8px;
  }

  .md-SiteAreaDP .viewBox .flex-imgs ul.img-group li:nth-child(2n + 2),
  .md-viewTicket .viewBox .flex-imgs ul.img-group li:nth-child(2n + 2),
  .md-viewPeriodicsDetails
    .viewBox
    .flex-imgs
    ul.img-group
    li:nth-child(2n + 2),
  .md-viewUser .viewBox .flex-imgs ul.img-group li:nth-child(2n + 2),
  .md-viewTenants .viewBox .flex-imgs ul.img-group li:nth-child(2n + 2) {
    margin-right: 0 !important;
  }
}

@media (max-width: 359px) {
  .md-SiteAreaDP .viewBox .flex-imgs ul.img-group li,
  .md-viewTicket .viewBox .flex-imgs ul.img-group li,
  .md-viewPeriodicsDetails .viewBox .flex-imgs ul.img-group li,
  .md-viewUser .viewBox .flex-imgs ul.img-group li,
  .md-viewTenants .viewBox .flex-imgs ul.img-group li {
    max-width: 100%;
    margin-right: 0 !important;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .md-SiteAreaDP .viewBox .flex-imgs,
  .md-viewTicket .viewBox .flex-imgs,
  .md-viewPeriodicsDetails .viewBox .flex-imgs,
  .md-viewUser .viewBox .flex-imgs,
  .md-viewTenants .viewBox .flex-imgs {
    max-height: 474px;
  }
}

@media (max-width: 479px) {
  .md-SiteAreaDP .viewBox .flex-imgs,
  .md-viewTicket .viewBox .flex-imgs,
  .md-viewPeriodicsDetails .viewBox .flex-imgs,
  .md-viewUser .viewBox .flex-imgs,
  .md-viewTenants .viewBox .flex-imgs {
    max-height: 210px;
  }
}

.md-SiteAreaDP .viewBox .flex-heading,
.md-viewTicket .viewBox .flex-heading,
.md-viewPeriodicsDetails .viewBox .flex-heading,
.md-viewUser .viewBox .flex-heading,
.md-viewTenants .viewBox .flex-heading {
  margin-bottom: 6px;
}

.md-SiteAreaDP .viewBox .flex-heading .badge,
.md-viewTicket .viewBox .flex-heading .badge,
.md-viewPeriodicsDetails .viewBox .flex-heading .badge,
.md-viewUser .viewBox .flex-heading .badge,
.md-viewTenants .viewBox .flex-heading .badge {
  margin-bottom: 16px;
  height: 22px;
  padding: 5px 6px 4px;
  font-size: 10px;
  line-height: 13px;
  font-weight: 700;
  text-transform: uppercase;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.md-SiteAreaDP .viewBox .flex-heading .badge .ico-img,
.md-viewTicket .viewBox .flex-heading .badge .ico-img,
.md-viewPeriodicsDetails .viewBox .flex-heading .badge .ico-img,
.md-viewUser .viewBox .flex-heading .badge .ico-img,
.md-viewTenants .viewBox .flex-heading .badge .ico-img {
  margin-right: 3px;
}

@media (max-width: 767px) {
  .md-SiteAreaDP .viewBox .flex-heading .badge,
  .md-viewTicket .viewBox .flex-heading .badge,
  .md-viewPeriodicsDetails .viewBox .flex-heading .badge,
  .md-viewUser .viewBox .flex-heading .badge,
  .md-viewTenants .viewBox .flex-heading .badge {
    order: 3;
  }
}

.md-SiteAreaDP .viewBox .flex-heading p,
.md-viewTicket .viewBox .flex-heading p,
.md-viewPeriodicsDetails .viewBox .flex-heading p,
.md-viewUser .viewBox .flex-heading p,
.md-viewTenants .viewBox .flex-heading p {
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  color: #1b2236;
}

.md-SiteAreaDP .viewBox .flex-ticket .img-box,
.md-viewTicket .viewBox .flex-ticket .img-box,
.md-viewPeriodicsDetails .viewBox .flex-ticket .img-box,
.md-viewUser .viewBox .flex-ticket .img-box,
.md-viewTenants .viewBox .flex-ticket .img-box {
  margin-bottom: 16px;
  position: relative;
  width: 100%;
}

.md-SiteAreaDP .viewBox .flex-ticket .img-box img,
.md-viewTicket .viewBox .flex-ticket .img-box img,
.md-viewPeriodicsDetails .viewBox .flex-ticket .img-box img,
.md-viewUser .viewBox .flex-ticket .img-box img,
.md-viewTenants .viewBox .flex-ticket .img-box img {
  width: 100%;
}

.md-SiteAreaDP .viewBox .flex-ticket .img-box .date,
.md-viewTicket .viewBox .flex-ticket .img-box .date,
.md-viewPeriodicsDetails .viewBox .flex-ticket .img-box .date,
.md-viewUser .viewBox .flex-ticket .img-box .date,
.md-viewTenants .viewBox .flex-ticket .img-box .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  color: #fff;
  z-index: 2;
  left: 15px;
  bottom: 16px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  color: #fff;
}

.md-SiteAreaDP .viewBox .flex-ticket .img-box .date span,
.md-viewTicket .viewBox .flex-ticket .img-box .date span,
.md-viewPeriodicsDetails .viewBox .flex-ticket .img-box .date span,
.md-viewUser .viewBox .flex-ticket .img-box .date span,
.md-viewTenants .viewBox .flex-ticket .img-box .date span {
  padding-top: 1px;
  display: inline-block;
}

.md-SiteAreaDP .viewBox .flex-ticket .img-box .date .ico-img,
.md-viewTicket .viewBox .flex-ticket .img-box .date .ico-img,
.md-viewPeriodicsDetails .viewBox .flex-ticket .img-box .date .ico-img,
.md-viewUser .viewBox .flex-ticket .img-box .date .ico-img,
.md-viewTenants .viewBox .flex-ticket .img-box .date .ico-img {
  margin-top: -1px;
  margin-right: 7px;
}

.md-SiteAreaDP .viewBox .flex-ticket .img-box .date .ico-img.dot,
.md-viewTicket .viewBox .flex-ticket .img-box .date .ico-img.dot,
.md-viewPeriodicsDetails .viewBox .flex-ticket .img-box .date .ico-img.dot,
.md-viewUser .viewBox .flex-ticket .img-box .date .ico-img.dot,
.md-viewTenants .viewBox .flex-ticket .img-box .date .ico-img.dot {
  margin-left: 4px;
  margin-right: 4px;
}

@media (min-width: 768px) {
  .md-SiteAreaDP .viewBox .flex-ticket .img-box .date .ico-img,
  .md-viewTicket .viewBox .flex-ticket .img-box .date .ico-img,
  .md-viewPeriodicsDetails .viewBox .flex-ticket .img-box .date .ico-img,
  .md-viewUser .viewBox .flex-ticket .img-box .date .ico-img,
  .md-viewTenants .viewBox .flex-ticket .img-box .date .ico-img {
    margin-top: -2px;
  }
}

.md-SiteAreaDP .viewBox .flex-ticket .img-box .ticketSubmit,
.md-viewTicket .viewBox .flex-ticket .img-box .ticketSubmit,
.md-viewPeriodicsDetails .viewBox .flex-ticket .img-box .ticketSubmit,
.md-viewUser .viewBox .flex-ticket .img-box .ticketSubmit,
.md-viewTenants .viewBox .flex-ticket .img-box .ticketSubmit {
  padding: 12px 12px;
  font-size: 15px;
  line-height: 15px;
  font-weight: 500;
  color: #fff;
  min-height: 40px;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.md-SiteAreaDP .viewBox .flex-ticket .img-box::after,
.md-viewTicket .viewBox .flex-ticket .img-box::after,
.md-viewPeriodicsDetails .viewBox .flex-ticket .img-box::after,
.md-viewUser .viewBox .flex-ticket .img-box::after,
.md-viewTenants .viewBox .flex-ticket .img-box::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 87px;
  opacity: 0.5;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0)),
    to(#000)
  );
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
}

@media (max-width: 1199px) and (min-width: 992px) {
  .md-SiteAreaDP .viewBox .flex-ticket .col-md-6,
  .md-viewTicket .viewBox .flex-ticket .col-md-6,
  .md-viewPeriodicsDetails .viewBox .flex-ticket .col-md-6,
  .md-viewUser .viewBox .flex-ticket .col-md-6,
  .md-viewTenants .viewBox .flex-ticket .col-md-6 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}

@media (max-width: 767px) and (min-width: 590px) {
  .md-SiteAreaDP .viewBox .flex-ticket .col-md-6,
  .md-viewTicket .viewBox .flex-ticket .col-md-6,
  .md-viewPeriodicsDetails .viewBox .flex-ticket .col-md-6,
  .md-viewUser .viewBox .flex-ticket .col-md-6,
  .md-viewTenants .viewBox .flex-ticket .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.md-SiteAreaDP .viewBox .flex-ticket label,
.md-viewTicket .viewBox .flex-ticket label,
.md-viewPeriodicsDetails .viewBox .flex-ticket label,
.md-viewUser .viewBox .flex-ticket label,
.md-viewTenants .viewBox .flex-ticket label {
  margin-bottom: 5px;
}

.md-SiteAreaDP .viewBox .flex-ticket p,
.md-viewTicket .viewBox .flex-ticket p,
.md-viewPeriodicsDetails .viewBox .flex-ticket p,
.md-viewUser .viewBox .flex-ticket p,
.md-viewTenants .viewBox .flex-ticket p {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.47;
  color: #545a6b;
}

@media (min-width: 768px) {
  .md-viewTenants .flex-box .w-100 {
    margin-left: 8px;
    margin-right: 8px;
  }

  .md-viewTenants .flex-box .w-100:not(.d-block) {
    max-width: calc(50% - 16px);
  }

  .md-viewTenants .flex-box .w-100.d-block {
    max-width: 100% !important;
  }
}

@media (min-width: 768px) {
  .md-viewTenants .flex-box {
    margin-left: -8px;
    margin-right: -8px;
  }
}

.md-viewTenants .importbx {
  width: 100%;
}

.md-viewTenants .importbx h3 {
  margin-bottom: 9px;
  font-weight: 700;
}

.md-viewTenants .importbx p {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.47;
  color: #545a6b;
}

.md-viewTenants .logo-box {
  padding: 12px 8px;
  width: 156px;
  height: 58px;
  border-radius: 4px;
  border: solid 0.5px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.md-viewTenants .logo-box img {
  max-height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
}

@media (min-width: 992px) {
  .md-SiteAreaDP .form-group,
  .md-viewUser .form-group {
    margin-bottom: 24px;
  }
}

.md-viewPeriodicsDetails .viewBox .flex-box .w-100 {
  max-width: 100%;
}

.md-viewPeriodicsDetails .viewBox .flex-box .w-100 label {
  margin-bottom: 5px;
}

.md-viewPeriodicsDetails .viewBox .flex-box .w-100 p {
  font-weight: 500;
  color: #545a6b;
  line-height: 22px;
}

.md-viewPeriodicsDetails .viewBox .taskStatus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 700;
  color: #545a6b;
}

.md-viewPeriodicsDetails .viewBox .taskStatus .ico-img {
  margin-top: -1px;
  height: 18px;
  width: 18px;
  margin-right: 6px;
}

.site-periodic-details .jumbotron {
  margin-bottom: 30px;
  padding: 16px 30px;
  border-radius: 4px;
  background-color: #edf1f7;
  line-height: 1;
}

.site-periodic-details .jumbotron .badge {
  margin-bottom: 16px;
  padding: 5px 6px 4px;
  font-size: 10px;
  line-height: 13px;
  font-weight: 700;
  text-transform: uppercase;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.site-periodic-details .jumbotron .badge .ico-img {
  margin-right: 3px;
}

.site-periodic-details .jumbotron h3 {
  margin-bottom: 10px;
  font-weight: 700;
}

.site-periodic-details .jumbotron > p {
  margin-bottom: 16px;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  color: #545a6b;
}

.site-periodic-details .jumbotron > p.area_status {
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  color: #1b2236;
}

@media (max-width: 991px) {
  .site-periodic-details .jumbotron {
    padding: 16px 15px;
  }
}

.site-periodic-details .heading h3 {
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

.site-periodic-details .heading p {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  color: #545a6b;
}

.site-periodic-details hr {
  margin: 30px 0;
  border-color: #e7ebf1;
}

.site-periodic-details .task_paging {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.site-periodic-details .task_paging h3 {
  margin: 0;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
}

.site-periodic-details .task_paging .paging {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #1b2236;
}

.site-periodic-details .task_paging .paging span {
  color: #e96155;
  font-weight: 700;
}

.site-periodic-details .card_lst {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
}

.site-periodic-details .card_lst li:not(:last-child) {
  margin-bottom: 15px;
}

.site-periodic-details .card_lst li .media {
  border-radius: 4px;
  border: solid 1px #e9edf3;
  padding: 10px;
}

.site-periodic-details .card_lst li .media .media-left {
  max-width: 200px;
}

.site-periodic-details .card_lst li .media .media-left img {
  width: 100%;
  height: 120px;
}

@media (max-width: 991px) {
  .site-periodic-details .card_lst li .media .media-left img {
    height: 140px;
  }
}

@media (max-width: 767px) and (min-width: 561px) {
  .site-periodic-details .card_lst li .media .media-left img {
    height: 164px;
  }
}

@media (max-width: 560px) {
  .site-periodic-details .card_lst li .media .media-left img {
    height: 160px;
  }
}

@media (max-width: 767px) and (min-width: 561px) {
  .site-periodic-details .card_lst li .media .media-left {
    max-width: 168px;
  }
}

@media (max-width: 560px) {
  .site-periodic-details .card_lst li .media .media-left {
    max-width: 100%;
  }
}

.site-periodic-details .card_lst li .media .media-body {
  padding: 6px 20px 0 29px;
}

@media (max-width: 767px) {
  .site-periodic-details
    .card_lst
    li
    .media
    .media-body
    .cheading
    .right-icons {
    order: 4;
  }
}

.site-periodic-details .card_lst li .media .media-body h3 {
  font-weight: 700;
}

.site-periodic-details .card_lst li .media .media-body p {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.47;
  color: #545a6b;
}

@media (max-width: 991px) and (min-width: 768px) {
  .site-periodic-details .card_lst li .media .media-body {
    padding-left: 15px;
    padding-right: 5px;
  }
}

@media (max-width: 767px) and (min-width: 561px) {
  .site-periodic-details .card_lst li .media .media-body {
    padding-left: 15px;
    padding-right: 5px;
  }
}

@media (max-width: 560px) {
  .site-periodic-details .card_lst li .media .media-body {
    padding: 15px 0 5px;
  }
}

@media (max-width: 560px) {
  .site-periodic-details .card_lst li .media {
    flex-wrap: wrap;
  }
}

.site-details-status .card {
  padding: 30px;
}

.site-details-status .card .stsheading {
  margin: 5px 0 22px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
}

.site-details-status .card .stsheading h3 {
  margin: 0;
  line-height: 16px;
  font-weight: 700;
}

@media (max-width: 767px) {
  .site-details-status .card .stsheading h3 {
    width: 100%;
    margin-bottom: 6px;
  }

  .site-details-status .card .stsheading h3 + .ico-img.dot {
    display: none;
  }
}

.site-details-status .card .stsheading span {
  font-size: 13px;
  line-height: 13px;
  font-weight: 700;
  color: #545a6b;
  display: inline-block;
}

.site-details-status .card .stsheading .ico-img.dot {
  margin: 0 8px;
  color: rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
  .site-details-status .card .stsheading .ico-img.dot {
    margin: 0 3px;
  }
}

@media (max-width: 767px) {
  .site-details-status .card .stsheading {
    flex-wrap: wrap;
    width: calc(100% + 10px);
  }
}

.site-details-status .card .mail-link {
  position: absolute;
  top: 10px;
  right: 10px;
  min-width: 35px;
  height: 30px;
  padding: 8px 10px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;
  justify-content: center;
  color: #fff;
  font-size: 12px;
  line-height: 15px;
  font-weight: 700;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.site-details-status .card .mail-link .ico-img {
  width: 17px;
}

.site-details-status .card .mail-link span {
  display: inline;
  margin-left: 7px;
}

.site-details-status .card.card-list-view .slideBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: stretch;
}

.site-details-status .card.card-list-view .slideBox .slider-for .item,
.site-details-status .card.card-list-view .slideBox .slider-nav .item {
  outline: none !important;
}

.site-details-status .card.card-list-view .slideBox .slider-for .item p,
.site-details-status .card.card-list-view .slideBox .slider-nav .item p {
  margin: 0 0 5px;
  font-size: 15px;
  line-height: 15px;
  font-weight: 600;
  color: #1b2236;
}

.site-details-status .card.card-list-view .slideBox .slider-for .item .date,
.site-details-status .card.card-list-view .slideBox .slider-nav .item .date {
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  color: #8a99a3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.site-details-status
  .card.card-list-view
  .slideBox
  .slider-for
  .item
  .date
  span,
.site-details-status
  .card.card-list-view
  .slideBox
  .slider-nav
  .item
  .date
  span {
  display: inline-block;
}

.site-details-status
  .card.card-list-view
  .slideBox
  .slider-for
  .item
  .date
  .ico-img.calendar-ico,
.site-details-status
  .card.card-list-view
  .slideBox
  .slider-nav
  .item
  .date
  .ico-img.calendar-ico {
  margin-top: -4px;
  margin-right: 7px;
}

.site-details-status
  .card.card-list-view
  .slideBox
  .slider-for
  .item
  .date
  .ico-img.dot,
.site-details-status
  .card.card-list-view
  .slideBox
  .slider-nav
  .item
  .date
  .ico-img.dot {
  margin: -1px 5px 0;
}

.site-details-status .card.card-list-view .slideBox .slider-for {
  width: 68.3%;
  position: relative;
}

.site-details-status .card.card-list-view .slideBox .slider-for .item img {
  width: 100%;
  height: 410px;
}

@media (min-width: 768px) {
  .site-details-status
    .card.card-list-view
    .slideBox
    .slider-for
    .item
    .lst-dtail {
    display: none;
  }
}

@media (max-width: 767px) {
  .site-details-status .card.card-list-view .slideBox .slider-for {
    margin: 0 -4px -20px;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }

  .site-details-status .card.card-list-view .slideBox .slider-for .item {
    margin-bottom: 30px;
    padding: 0 4px;
    width: 50%;
    position: relative;
  }

  .site-details-status .card.card-list-view .slideBox .slider-for .item img {
    height: 166px;
  }

  .site-details-status
    .card.card-list-view
    .slideBox
    .slider-for
    .item
    .mail-link {
    right: 14px;
  }

  .site-details-status
    .card.card-list-view
    .slideBox
    .slider-for
    .item
    .lst-dtail {
    margin-top: 11px;
  }
}

@media (max-width: 479px) {
  .site-details-status .card.card-list-view .slideBox .slider-for .item {
    width: 100%;
  }
}

.site-details-status .card.card-list-view .slideBox .slider-nav {
  margin-top: -5px;
  margin-bottom: -5px;
  padding-left: 10px;
  width: 31.7%;
  display: flex;
  flex-direction: column;
}

.site-details-status
  .card.card-list-view
  .slideBox
  .slider-nav
  .slider-nav-inner {
  flex-basis: 0px;
  flex-grow: 1;
  overflow-y: auto;
}

.site-details-status .card.card-list-view .slideBox .slider-nav .item {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 12px 20px;
  border-radius: 4px;
  border: solid 1px #e5eef5;
  background-color: #f8fcff;
  height: 60px;
  width: 100% !important;
  cursor: pointer;
}

.site-details-status
  .card.card-list-view
  .slideBox
  .slider-nav
  .item.is-active {
  border-color: #1c99ec;
  background-color: #1c99ec;
}

.site-details-status
  .card.card-list-view
  .slideBox
  .slider-nav
  .item.is-active
  p {
  color: #fff;
}

.site-details-status
  .card.card-list-view
  .slideBox
  .slider-nav
  .item.is-active
  .date {
  color: #96d3fc;
}

.site-details-status
  .card.card-list-view
  .slideBox
  .slider-nav
  .item.is-active
  .date
  .ico-img {
  filter: brightness(200);
}

.site-details-status
  .card.card-list-view
  .slideBox
  .slider-nav
  .item.is-active
  .date
  .ico-img.dot {
  opacity: 0.1;
}

@media (max-width: 767px) {
  .site-details-status .card.card-list-view .slideBox .slider-nav {
    display: none;
  }
}

.site-details-status .card.card-grid-view .statusGrids {
  margin: 0 -10px -30px;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.site-details-status .card.card-grid-view .statusGrids li {
  margin: 0 0 20px;
  padding: 0 10px;
  width: 100%;
  max-width: calc(100% / 4);
  position: relative;
}

.site-details-status .card.card-grid-view .statusGrids li img {
  width: 100%;
  height: 176px;
}

@media (min-width: 1601px) {
  .site-details-status .card.card-grid-view .statusGrids li img {
    height: 224px;
  }
}

@media (max-width: 1600px) and (min-width: 1440px) {
  .site-details-status .card.card-grid-view .statusGrids li img {
    height: 196px;
  }
}

@media (max-width: 767px) and (min-width: 480px) {
  .site-details-status .card.card-grid-view .statusGrids li img {
    height: 145px;
  }
}

@media (max-width: 479px) {
  .site-details-status .card.card-grid-view .statusGrids li img {
    height: 102px;
  }
}

.site-details-status .card.card-grid-view .statusGrids li .mail-link {
  right: 20px;
}

@media (max-width: 479px) {
  .site-details-status .card.card-grid-view .statusGrids li .mail-link {
    right: 14px;
  }
}

.site-details-status .card.card-grid-view .statusGrids li .grd-dtail {
  padding: 13px 0 10px;
  width: 100%;
}

.site-details-status .card.card-grid-view .statusGrids li .grd-dtail p {
  margin-bottom: 4px;
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  color: #1b2236;
}

.site-details-status .card.card-grid-view .statusGrids li .grd-dtail .date {
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  color: #8a99a3;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.site-details-status
  .card.card-grid-view
  .statusGrids
  li
  .grd-dtail
  .date
  span {
  display: inline-block;
}

@media (max-width: 767px) {
  .site-details-status
    .card.card-grid-view
    .statusGrids
    li
    .grd-dtail
    .date
    span {
    width: 100%;
  }

  .site-details-status
    .card.card-grid-view
    .statusGrids
    li
    .grd-dtail
    .date
    span
    ~ span {
    padding-top: 4px;
  }
}

.site-details-status
  .card.card-grid-view
  .statusGrids
  li
  .grd-dtail
  .date
  .ico-img.calendar-ico {
  margin-top: -2px;
  margin-right: 7px;
  background-position: left center;
}

@media (max-width: 767px) {
  .site-details-status
    .card.card-grid-view
    .statusGrids
    li
    .grd-dtail
    .date
    .ico-img.calendar-ico {
    position: absolute;
    left: 0;
    top: 2px;
  }
}

.site-details-status
  .card.card-grid-view
  .statusGrids
  li
  .grd-dtail
  .date
  .ico-img.dot {
  color: rgba(0, 0, 0, 0.1);
  margin: -2px 4px 0;
}

@media (max-width: 767px) {
  .site-details-status
    .card.card-grid-view
    .statusGrids
    li
    .grd-dtail
    .date
    .ico-img.dot {
    display: none;
  }
}

@media (max-width: 767px) {
  .site-details-status .card.card-grid-view .statusGrids li .grd-dtail .date {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-left: 20px;
  }
}

@media (max-width: 991px) and (min-width: 480px) {
  .site-details-status .card.card-grid-view .statusGrids li {
    max-width: calc(100% / 3);
  }
}

@media (max-width: 767px) and (min-width: 480px) {
  .site-details-status .card.card-grid-view .statusGrids li {
    padding: 0 4px;
  }
}

@media (max-width: 479px) {
  .site-details-status .card.card-grid-view .statusGrids li {
    max-width: calc(100% / 2);
    padding: 0 4px;
  }
}

@media (max-width: 767px) {
  .site-details-status .card.card-grid-view .statusGrids {
    margin-left: -4px;
    margin-right: -4px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .site-details-status .card {
    padding: 20px;
  }
}

@media (max-width: 767px) {
  .site-details-status .card {
    padding: 20px 15px;
  }
}

.count-lst {
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  list-style: none;
  margin-left: auto;
}

.count-lst li {
  margin-right: 12px;
  padding: 3px 13px 3px 0;
  line-height: 13px;
  font-size: 13px;
  font-weight: 500;
  color: #6d7f8b;
  min-height: 19px;
  border-right: solid 1px #f1f3f6;
}

.mainAccordion .card-link .cheading {
  margin-bottom: 0 !important;
}

.mainAccordion .card-link .right-div {
  padding-right: 26px;
  position: relative;
}

.mainAccordion .card-link .right-div::after {
  content: "";
  position: absolute;
  height: 12px;
  width: 12px;
  background-image: url(../images/angle-down.svg);
  right: 0;
  top: 54%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-position: center;
  background-repeat: no-repeat;
}

.mainAccordion .card-link .right-div[aria-expanded="true"]::after {
  -webkit-transform: translateY(-50%) rotateZ(180deg);
  transform: translateY(-50%) rotateZ(180deg);
}

.mainAccordion .card-link[aria-expanded="true"] .right-div::after {
  -webkit-transform: translateY(-50%) rotateZ(180deg);
  transform: translateY(-50%) rotateZ(180deg);
}

.mainAccordion > .card {
  padding: 10px 12px 10px;
}

.mainAccordion > .card:not(:last-child) {
  margin-bottom: 15px;
}

@media (max-width: 991px) {
  .mainAccordion > .card {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.mainAccordion .card .cheading {
  margin-bottom: 20px;
}

.mainAccordion .card .cheading h3 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mainAccordion .card .cheading h3 .ico-img {
  margin-right: 7px;
}

.mainAccordion .card .cheading .right-div span {
  font-size: 13px;
  line-height: 13px;
  font-weight: 500;
  color: #1b2236;
}

@media (max-width: 767px) {
  .mainAccordion .card .cheading .right-div {
    width: auto;
    order: 2;
    margin-bottom: 0;
    margin-left: auto;
  }
}

.mainAccordion .accordion-block .card:first-child {
  margin-top: 20px;
}

.mainAccordion .accordion-block .card:last-child {
  margin-bottom: 6px;
}

@media (min-width: 992px) {
  .mainAccordion .custom-table table td {
    padding-top: 21px;
    padding-bottom: 21px;
  }
}

.accordion-block {
  margin-bottom: -10px;
}

.accordion-block .card {
  margin-bottom: 10px;
  overflow: hidden;
}

.accordion-block .card .card-header {
  padding: 10px 20px;
  padding-right: 50px;
  min-height: 53px;
  border: none;
  background-color: rgba(237, 241, 247, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: stretch;
  position: relative;
}

.accordion-block .card .card-header .card-link .angle-down {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  height: 13px;
  width: 13px;
}

.accordion-block
  .card
  .card-header
  .card-link[aria-expanded="true"]
  .angle-down {
  transform: translateY(-50%) rotateX(180deg);
}

.accordion-block .card .card-header h3 {
  margin: 0;
  width: 100%;
  line-height: 20px;
  font-size: 15px;
  font-weight: 700;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.accordion-block .card .card-header h3 .check-circle {
  width: 18px;
  height: 18px;
  margin-left: 7px;
}

.accordion-block .card .card-header .right-div {
  margin-left: auto;
  display: flex;
  align-items: center;
}

.accordion-block .card .card-header .right-div .txt {
  white-space: nowrap;
  line-height: 13px;
  font-size: 13px;
  font-weight: 500;
  color: #6d7f8b;
  padding: 3px 12px 3px 0;
  margin-right: 15px;
  border-right: 1px solid #e9edf3;
}

@media (max-width: 767px) {
  .accordion-block .card .card-header .right-div .txt {
    margin: 0 0 10px;
  }
}

.accordion-block .card .card-header .right-div .btn {
  white-space: nowrap;
  padding: 7px 10px;
  height: 30px;
  font-size: 12px;
  line-height: 15px;
}

.accordion-block .card .card-header .right-div .btn ~ .btn {
  margin-left: 10px;
}

.accordion-block .card .card-header .right-div .btn.btn-outline-primary {
  background-color: #fff;
}

.accordion-block .card .card-header .right-div .btn .ico-img {
  width: 17px;
  height: 14px;
  margin: 0 6px -2px 0;
}

@media (max-width: 767px) {
  .accordion-block .card .card-header .right-div .btn {
    width: calc(50% - 5px);
  }
}

@media (max-width: 767px) {
  .accordion-block .card .card-header .right-div .d-inline-flex {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .accordion-block .card .card-header {
    padding-left: 10px;
    flex-wrap: wrap;
    padding-right: 10px;
  }

  .accordion-block .card .card-header h3 {
    padding-right: 20px;
  }

  .accordion-block .card .card-header .angle-down {
    right: 10px !important;
    top: 20px !important;
  }

  .accordion-block .card .card-header .right-div {
    padding-top: 10px;
    width: 100%;
    flex-wrap: wrap;
  }

  .accordion-block .card .card-header .right-div .txt {
    width: auto;
    display: inline-block;
    border: none;
  }
}

.accordion-block .card .card-body {
  padding: 0;
  background-color: rgba(237, 241, 247, 0.5);
}

.accordion-block .card .card-body .custom-table {
  border-radius: 0px;
}

.accordion-block .card .card-body .custom-table table thead tr th {
  line-height: normal;
  padding-top: 14px;
  padding-bottom: 14px;
  background-color: #edf1f7;
  min-height: 40px;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0px !important;
}

.accordion-block .card .card-body .custom-table table thead tr th:first-child {
  padding-left: 20px;
}

.accordion-block .card .card-body .custom-table table tbody tr td {
  border-left: none !important;
  border-right: none !important;
  border-radius: 0px !important;
}

.accordion-block .card .card-body .custom-table table tbody tr td:first-child {
  padding-left: 20px;
}

@media (max-width: 991px) and (min-width: 768px) {
  .accordion-block
    .card
    .card-body
    .custom-table
    table
    tbody
    tr
    td:first-child {
    padding-bottom: 5px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
  }

  .accordion-block
    .card
    .card-body
    .custom-table
    table
    tbody
    tr
    td:first-child:before {
    display: inline-block;
    top: 20px;
  }
}

@media (max-width: 767px) {
  .accordion-block
    .card
    .card-body
    .custom-table
    table
    tbody
    tr
    td:first-child {
    padding-bottom: 5px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
  }

  .accordion-block
    .card
    .card-body
    .custom-table
    table
    tbody
    tr
    td:first-child:before {
    display: inline-block;
    top: 20px;
  }
}

.accordion-block
  .card
  .card-body
  .custom-table
  table
  tbody
  tr
  td
  .check-circle {
  height: 18px;
  width: 18px;
}

@media (max-width: 480px) {
  .accordion-block .card .card-body .custom-table table tbody tr td:before {
    font-size: 12px !important;
  }
}

.accordion-block .card .card-body .custom-table table tbody tr:last-child {
  border-bottom: none;
}

@media (max-width: 991px) {
  .accordion-block .card .card-body .custom-table table tbody tr:empty {
    display: none;
  }
}

@media (max-width: 767px) {
  .accordion-block .card .card-body .custom-table table tbody tr {
    margin-bottom: 10px;
  }
}

.accordion-block .card .card-body .custom-table .date {
  display: inline-flex;
  align-items: center;
}

.accordion-block .card .card-body .custom-table .date .ico-img.dot {
  margin: 0 5px;
  opacity: 0.1;
}

@media (max-width: 991px) {
  .accordion-block .card .card-body .custom-table .date {
    flex-wrap: wrap;
  }

  .accordion-block .card .card-body .custom-table .date span {
    display: block;
    width: calc(100% - 20px);
  }
}

@media (max-width: 991px) {
  .accordion-block .card .card-body {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 991px) {
  .periodic-Section .card {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.periodic-Section .sitePeriodics-card {
  padding-top: 20px;
}

.periodic-Section .sitePeriodics-card .card:not(:last-child) {
  margin-bottom: 10px;
}

.periodic-Section .sitePeriodics-card .card-header {
  padding: 16px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
  background-color: rgba(237, 241, 247, 0.5);
  border-bottom-color: #e9edf3;
}

.periodic-Section .sitePeriodics-card .card-header h3 {
  margin: 0;
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.periodic-Section .sitePeriodics-card .card-header h3 .ico-img {
  margin-right: 8px;
}

@media (max-width: 767px) {
  .periodic-Section .sitePeriodics-card .card-header h3 {
    margin-bottom: 8px;
  }
}

.periodic-Section .sitePeriodics-card .card-header .right-div {
  margin-left: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.periodic-Section .sitePeriodics-card .card-header .right-div .badge {
  font-size: 10px;
  line-height: 10px;
  font-weight: 700;
  padding: 6px;
  text-transform: uppercase;
}

.periodic-Section .sitePeriodics-card .card-header .right-div .badge ~ .badge {
  margin-left: 4px;
}

@media (max-width: 767px) {
  .periodic-Section .sitePeriodics-card .card-header .right-div {
    margin-left: 0;
    width: 100%;
  }
}

@media (max-width: 991px) {
  .periodic-Section .sitePeriodics-card .card-header {
    padding: 15px;
  }
}

.periodic-Section .sitePeriodics-card .card-body {
  padding: 20px;
}

.periodic-Section .sitePeriodics-card .card-body .cheading {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.periodic-Section .sitePeriodics-card .card-body .cheading .lftBox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .periodic-Section .sitePeriodics-card .card-body .cheading .lftBox {
    order: 2;
  }
}

@media (max-width: 767px) {
  .periodic-Section .sitePeriodics-card .card-body .cheading .right-icons {
    margin-bottom: 20px;
    width: 100%;
    order: 1;
  }

  .periodic-Section
    .sitePeriodics-card
    .card-body
    .cheading
    .right-icons
    .btn-group
    a:first-child {
    padding-left: 0;
  }
}

.periodic-Section .sitePeriodics-card .card-body .cheading p {
  margin-bottom: 19px;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  color: #1b2236;
  text-transform: uppercase;
  width: 100%;
}

.periodic-Section .sitePeriodics-card .card-body .area_status {
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  color: #1b2236;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .periodic-Section .sitePeriodics-card .card-body .taskSts li {
    padding: 0;
    min-height: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .periodic-Section
    .sitePeriodics-card
    .card-body
    .taskSts
    li:not(:last-child) {
    margin-bottom: 12px;
  }

  .periodic-Section .sitePeriodics-card .card-body .taskSts li label {
    margin: 0;
    padding-right: 10px;
  }
}

@media (max-width: 991px) {
  .periodic-Section .sitePeriodics-card .card-body {
    padding: 15px;
  }
}

.ticket-Section .card-link .right-div,
.reports-siteStatus .card-link .right-div,
.reports-punchIn .card-link .right-div,
.reports-strSub .card-link .right-div,
.reports-ftStatus .card-link .right-div {
  margin-left: 0;
}

@media (max-width: 991px) {
  .ticket-Section .card-link .right-div,
  .reports-siteStatus .card-link .right-div,
  .reports-punchIn .card-link .right-div,
  .reports-strSub .card-link .right-div,
  .reports-ftStatus .card-link .right-div {
    margin-left: auto;
  }
}

.ticket-Section .card-link .count-lst .sits,
.reports-siteStatus .card-link .count-lst .sits,
.reports-punchIn .card-link .count-lst .sits,
.reports-strSub .card-link .count-lst .sits,
.reports-ftStatus .card-link .count-lst .sits {
  color: #1b2236 !important;
}

@media (max-width: 991px) {
  .ticket-Section .card-link .count-lst .sits,
  .reports-siteStatus .card-link .count-lst .sits,
  .reports-punchIn .card-link .count-lst .sits,
  .reports-strSub .card-link .count-lst .sits,
  .reports-ftStatus .card-link .count-lst .sits {
    border-right: none;
  }
}

.ticket-Section .card-link .count-lst .btn,
.reports-siteStatus .card-link .count-lst .btn,
.reports-punchIn .card-link .count-lst .btn,
.reports-strSub .card-link .count-lst .btn,
.reports-ftStatus .card-link .count-lst .btn {
  height: 30px;
  font-size: 12px;
  padding: 5px 10px;
}

@media (max-width: 991px) {
  .ticket-Section .card-link .count-lst,
  .reports-siteStatus .card-link .count-lst,
  .reports-punchIn .card-link .count-lst,
  .reports-strSub .card-link .count-lst,
  .reports-ftStatus .card-link .count-lst {
    padding-top: 6px;
    width: 100%;
    flex-wrap: wrap;
    order: 3;
  }

  .ticket-Section .card-link .count-lst li,
  .reports-siteStatus .card-link .count-lst li,
  .reports-punchIn .card-link .count-lst li,
  .reports-strSub .card-link .count-lst li,
  .reports-ftStatus .card-link .count-lst li {
    margin-top: 4px;
  }

  .ticket-Section .card-link .count-lst li:last-child,
  .reports-siteStatus .card-link .count-lst li:last-child,
  .reports-punchIn .card-link .count-lst li:last-child,
  .reports-strSub .card-link .count-lst li:last-child,
  .reports-ftStatus .card-link .count-lst li:last-child {
    border-right: none;
    margin-right: 0;
  }

  .ticket-Section .card-link .count-lst li.border-0,
  .reports-siteStatus .card-link .count-lst li.border-0,
  .reports-punchIn .card-link .count-lst li.border-0,
  .reports-strSub .card-link .count-lst li.border-0,
  .reports-ftStatus .card-link .count-lst li.border-0 {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .ticket-Section .accordion-block .card .card-body,
  .reports-siteStatus .accordion-block .card .card-body,
  .reports-punchIn .accordion-block .card .card-body,
  .reports-strSub .accordion-block .card .card-body,
  .reports-ftStatus .accordion-block .card .card-body {
    padding: 0px;
    background-color: transparent;
  }
}

@media (max-width: 991px) {
  .ticket-Section .accordion-block .card,
  .reports-siteStatus .accordion-block .card,
  .reports-punchIn .accordion-block .card,
  .reports-strSub .accordion-block .card,
  .reports-ftStatus .accordion-block .card {
    border: none;
  }
}

@media (min-width: 992px) {
  .ticket-Section .custom-table table thead tr th:nth-child(1),
  .reports-siteStatus .custom-table table thead tr th:nth-child(1),
  .reports-punchIn .custom-table table thead tr th:nth-child(1),
  .reports-strSub .custom-table table thead tr th:nth-child(1),
  .reports-ftStatus .custom-table table thead tr th:nth-child(1) {
    width: 20%;
  }

  .ticket-Section .custom-table table thead tr th:nth-child(2),
  .reports-siteStatus .custom-table table thead tr th:nth-child(2),
  .reports-punchIn .custom-table table thead tr th:nth-child(2),
  .reports-strSub .custom-table table thead tr th:nth-child(2),
  .reports-ftStatus .custom-table table thead tr th:nth-child(2) {
    width: 25%;
  }

  .ticket-Section .custom-table table thead tr th:nth-child(3),
  .reports-siteStatus .custom-table table thead tr th:nth-child(3),
  .reports-punchIn .custom-table table thead tr th:nth-child(3),
  .reports-strSub .custom-table table thead tr th:nth-child(3),
  .reports-ftStatus .custom-table table thead tr th:nth-child(3) {
    width: 20%;
  }

  .ticket-Section .custom-table table thead tr th:nth-child(4),
  .reports-siteStatus .custom-table table thead tr th:nth-child(4),
  .reports-punchIn .custom-table table thead tr th:nth-child(4),
  .reports-strSub .custom-table table thead tr th:nth-child(4),
  .reports-ftStatus .custom-table table thead tr th:nth-child(4) {
    width: 18%;
  }

  .ticket-Section .custom-table table thead tr th:nth-child(5),
  .reports-siteStatus .custom-table table thead tr th:nth-child(5),
  .reports-punchIn .custom-table table thead tr th:nth-child(5),
  .reports-strSub .custom-table table thead tr th:nth-child(5),
  .reports-ftStatus .custom-table table thead tr th:nth-child(5) {
    width: 10%;
  }
}

@media (max-width: 991px) {
  .ticket-Section .content-header .nav-pills {
    order: 2;
  }
}

.ticket-Section .content-header .right-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ticket-Section .content-header .right-div .btn + .btn {
  margin-left: 10px;
}

@media (max-width: 991px) {
  .ticket-Section .content-header .right-div {
    margin-bottom: 34px;
    order: 1;
  }
}

.flrAccIsu-Section .media,
.flrAccIsu-details .media {
  margin: 10px 0 0;
  padding: 10px 11px;
  border: 1px solid #e9edf3;
  border-radius: 4px;
  position: relative;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.flrAccIsu-Section .media .media-imgs,
.flrAccIsu-details .media .media-imgs {
  max-width: 305px;
}

.flrAccIsu-Section .media .media-imgs > img,
.flrAccIsu-details .media .media-imgs > img {
  width: 100%;
  height: 248px;
}

@media (max-width: 479px) {
  .flrAccIsu-Section .media .media-imgs > img,
  .flrAccIsu-details .media .media-imgs > img {
    height: 192px;
  }
}

.flrAccIsu-Section .media .media-imgs .img-group,
.flrAccIsu-details .media .media-imgs .img-group {
  margin-bottom: -5px;
  height: 253px;
}

@media (max-width: 479px) {
  .flrAccIsu-Section .media .media-imgs .img-group,
  .flrAccIsu-details .media .media-imgs .img-group {
    height: 206px;
  }

  .flrAccIsu-Section .media .media-imgs .img-group > li,
  .flrAccIsu-details .media .media-imgs .img-group > li {
    margin-bottom: 3px;
    height: calc((100% / 3) - 3px);
    width: calc((100% / 3) - 2.4px);
  }

  .flrAccIsu-Section .media .media-imgs .img-group > li:not(:nth-child(3n + 3)),
  .flrAccIsu-details
    .media
    .media-imgs
    .img-group
    > li:not(:nth-child(3n + 3)) {
    margin-right: 3px;
  }
}

@media (max-width: 767px) {
  .flrAccIsu-Section .media .media-imgs,
  .flrAccIsu-details .media .media-imgs {
    max-width: 100%;
    margin-bottom: 18px;
  }
}

.flrAccIsu-Section .media .media-body,
.flrAccIsu-details .media .media-body {
  padding: 10px;
  padding-left: 20px;
  line-height: 1;
}

.flrAccIsu-Section .media .media-body .heading,
.flrAccIsu-details .media .media-body .heading {
  margin-bottom: 16px;
}

.flrAccIsu-Section .media .media-body .heading h4,
.flrAccIsu-details .media .media-body .heading h4 {
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  color: #1b2236;
}

.flrAccIsu-Section .media .media-body .heading .date,
.flrAccIsu-details .media .media-body .heading .date {
  font-size: 12px;
  line-height: 13px;
  font-weight: 700;
  color: #8a99a3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flrAccIsu-Section .media .media-body .heading .date .ico-img,
.flrAccIsu-details .media .media-body .heading .date .ico-img {
  margin-top: -4px;
  margin-right: 7px;
}

.flrAccIsu-Section .media .media-body .heading .date .ico-img.dot,
.flrAccIsu-details .media .media-body .heading .date .ico-img.dot {
  margin: 0 6px;
  color: rgba(0, 0, 0, 0.1);
}

.flrAccIsu-Section .media .media-body h3,
.flrAccIsu-details .media .media-body h3 {
  font-weight: 700;
  margin-bottom: 8px;
}

.flrAccIsu-Section .media .media-body .taskSts,
.flrAccIsu-details .media .media-body .taskSts {
  margin-bottom: 6px;
}

.flrAccIsu-Section .media .media-body .form-group label,
.flrAccIsu-details .media .media-body .form-group label {
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 700;
  color: #6d7f8b;
  text-transform: uppercase;
}

.flrAccIsu-Section .media .media-body .form-group p,
.flrAccIsu-details .media .media-body .form-group p {
  line-height: 22px;
  font-weight: 500;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .flrAccIsu-Section .media .media-body,
  .flrAccIsu-details .media .media-body {
    padding: 0 0 5px;
    min-width: 100%;
  }
}

.flrAccIsu-Section .media .right-div,
.flrAccIsu-details .media .right-div {
  position: absolute;
  right: 20px;
  top: 20px;
}

.flrAccIsu-Section .media .right-div .btn-group a,
.flrAccIsu-details .media .right-div .btn-group a {
  padding: 0 12px;
  border-right: 1px solid #f1f3f6 !important;
}

.flrAccIsu-Section .media .right-div .btn,
.flrAccIsu-details .media .right-div .btn {
  line-height: 15px;
  padding: 7px 10px;
}

.flrAccIsu-Section .media .right-div .btn .ico-img,
.flrAccIsu-details .media .right-div .btn .ico-img {
  margin-right: 8px;
  width: 15px;
}

@media (max-width: 767px) {
  .flrAccIsu-Section .media .right-div,
  .flrAccIsu-details .media .right-div {
    margin-bottom: 10px;
    position: static;
    order: 0;
    width: auto;
  }
}

.flrAccIsu-Section .card-link .right-div {
  margin-left: 0;
}

@media (max-width: 991px) {
  .flrAccIsu-Section .card-link .right-div {
    margin-left: auto;
  }
}

@media (max-width: 991px) {
  .flrAccIsu-Section .card-link .count-lst {
    padding-top: 6px;
    width: 100%;
    flex-wrap: wrap;
    order: 3;
  }

  .flrAccIsu-Section .card-link .count-lst li {
    margin-top: 4px;
  }

  .flrAccIsu-Section .card-link .count-lst li:last-child {
    border-right: none;
    margin-right: 0;
  }
}

.flrAccIsu-Section .card-body {
  margin-bottom: -2px;
  padding: 10px 0 0;
}

.flrAccIsu-details .card {
  padding: 20px;
}

.flrAccIsu-details .card .media {
  margin: 0;
  padding: 0;
  border: none;
}

@media (min-width: 768px) {
  .flrAccIsu-details .card .media .media-body {
    padding: 0;
  }
}

.flrAccIsu-details .card .media .right-div {
  right: 0;
  top: 0;
}

.flrAccIsu-details .card .row {
  margin-left: -9px;
  margin-right: -9px;
}

.flrAccIsu-details .card .row .col-12 {
  padding-left: 9px;
  padding-right: 9px;
}

@media (max-width: 991px) {
  .flrAccIsu-details .card {
    padding: 10px;
  }
}

.md-filterSites .Searchbox {
  margin: 0 0 16px;
}

.md-filterSites .Searchbox label {
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
  color: #545a6b;
}

.md-filterSites .Searchbox .form-control {
  line-height: 18px;
  font-size: 14px;
  font-weight: normal;
  color: #1b2236;
  height: 36px;
  border-radius: 4px;
  border: solid 1px #d9e0e9;
  background-color: #fff;
  padding-right: 38px;
  padding-left: 8px;
  background-image: url(../images/search-ico.svg);
  background-repeat: no-repeat;
  background-position-x: calc(100% - 10px);
  background-position-y: center;
}

@media (min-width: 1200px) {
  .md-filterSites .Searchbox {
    margin-top: -12px;
  }
}

.md-filterSites .btn-group-toggle {
  flex-wrap: wrap;
}

.md-filterSites .btn-group-toggle > .btn {
  padding: 4px 12px;
  flex: 0 0 auto;
  margin-bottom: 8px !important;
  border-radius: 4px !important;
}

.md-filterSites .btn-group-toggle > .btn:not(:last-child) {
  margin-right: 8px;
}

@media (max-width: 479px) {
  .md-importExl {
    display: flex;
    align-items: stretch;
    min-height: 100%;
  }

  .md-importExl .uploadFile {
    padding-top: 84px;
    min-height: 100%;
    display: flex;
    justify-content: center;
  }
}

.custom-checkbox-lst {
  padding: 0;
  list-style: none;
  margin: 0;
  width: 100%;
}

.custom-checkbox-lst li {
  min-height: 43px;
  position: relative;
}

.custom-checkbox-lst li:not(:last-child) {
  border-bottom: 1px solid #e9edf3;
}

.custom-checkbox-lst li .custom-control-label {
  padding: 14px 0;
  line-height: 15px;
  font-size: 15px;
  font-weight: 600;
  color: #1b2236;
  width: 100%;
}

.custom-checkbox-lst li .custom-control-label:after,
.custom-checkbox-lst li .custom-control-label:before {
  top: 50%;
  transform: translateY(-50%);
  height: 16px;
  width: 16px;
  border-radius: 2.2px;
  border: solid 1px #dadce4;
  background-color: #fff;
  box-shadow: none !important;
}

.custom-checkbox-lst
  li
  .custom-control-input:checked
  ~ .custom-control-label:after {
  background-size: 120% 120%;
  border-color: #2d3092;
  background-image: url(../images/checkbox-checked.svg);
}

.custom-checkbox-lst li ul,
.custom-checkbox-lst li .innerChk-lst {
  margin: 0;
  padding: 0 5px 0 0;
  width: calc(100% + 5px);
  max-height: 320px;
  list-style: none;
  overflow: hidden;
  overflow-y: auto;
}

.custom-checkbox-lst li.defaultSelect:after {
  position: absolute;
  content: "";
  height: calc(100% + 1px);
  top: 0;
  left: -24px;
  width: calc(100% + 48px);
  background-color: #edf1f7;
  z-index: 1;
}

.custom-checkbox-lst li.defaultSelect * {
  color: #6d7f8b;
  z-index: 9;
}

.custom-radio-lst {
  padding: 0;
  list-style: none;
  margin: 0;
  width: 100%;
}

.custom-radio-lst li {
  min-height: 46px;
  position: relative;
}

.custom-radio-lst li:not(:last-child) {
  border-bottom: 1px solid #e9edf3;
}

.custom-radio-lst li .custom-control-label {
  padding: 16px 0;
  line-height: 15px;
  font-size: 15px;
  font-weight: 600;
  color: #1b2236;
  width: 100%;
}

.custom-radio-lst li .custom-control-label:after,
.custom-radio-lst li .custom-control-label:before {
  top: 50%;
  transform: translateY(-50%);
  height: 16px;
  width: 16px;
  border-radius: 50px;
  border: solid 1px #dadce4;
  background-color: #fff;
  box-shadow: none !important;
}

.custom-radio-lst
  li
  .custom-control-input:checked
  ~ .custom-control-label:after {
  background-color: #fff;
  border: 5px solid #2d3092;
}

.custom-radio-lst li ul,
.custom-radio-lst li .innerChk-lst {
  margin: 0;
  padding: 0 5px 0 0;
  width: calc(100% + 5px);
  max-height: 320px;
  list-style: none;
  overflow: hidden;
  overflow-y: auto;
}

.mail-form .form-group {
  margin: 0 0 16px;
  padding: 0 0 14px;
  border-bottom: 1px solid #d9e0e9;
  min-height: 40px;
  align-items: self-start;
}

.mail-form .form-group .w-100 {
  min-height: 28px;
}

.mail-form .form-group label {
  margin: 6px 0 0;
  font-size: 14px;
  line-height: 12px;
  font-weight: 600;
  color: #1b2236;
  min-width: 30px;
  opacity: 0.5;
}

.mail-form .form-group .form-control {
  padding: 0;
  border: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
}

.mail-form .form-group .bootstrap-tagsinput {
  padding: 0;
  background: transparent;
  outline: none !important;
  border: none !important;
  box-shadow: none;
  width: 100%;
  max-height: 100%;
  display: block;
}

.mail-form .form-group .bootstrap-tagsinput input {
  color: #1b2236;
  font-size: 14px;
  width: 30px;
}

.mail-form .form-group .bootstrap-tagsinput input:focus {
  width: auto !important;
}

.mail-form .form-group .bootstrap-tagsinput .tag.label-info {
  margin: 0 2px 5px 0;
  padding: 6px 30px 3px 10px;
  background-color: #fff;
  height: 26px;
  border-radius: 4px;
  border: solid 1px #e9edf3;
  color: #1b2236;
  font-size: 14px;
  font-weight: 600;
  line-height: 12px;
  position: relative;
  overflow: hidden;
  display: inline-flex;
}

.mail-form
  .form-group
  .bootstrap-tagsinput
  .tag.label-info
  [data-role="remove"] {
  margin: 0;
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  padding: 1px 4px 4px 4px;
  width: 24px;
  background-color: #e9edf3;
  border-radius: 0 4px 4px 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.mail-form
  .form-group
  .bootstrap-tagsinput
  .tag.label-info
  [data-role="remove"]::after {
  position: absolute;
  top: 50%;
  height: 8px;
  width: 8px;
  content: "";
  background-image: url(../images/close.svg);
  background-size: 100% 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.mail-form .form-group textarea {
  min-height: 140px;
  resize: none;
}

.mail-form .form-group .enter-mail-id {
  padding: 0;
  max-width: 100%;
  background: transparent;
  outline: none !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: transparent;
}

.changeContent {
  margin-left: auto;
  min-width: 132px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}

.changeContent a .ico-img {
  height: 12px;
  width: 12px;
}

.changeContent span {
  line-height: 22px !important;
  font-size: 16px !important;
  font-weight: 700;
  color: #1b2236;
}

@media (max-width: 767px) {
  .changeContent {
    margin-bottom: 8px;
  }
}

.repEvlSlide {
  margin-left: auto;
  display: flex;
  align-items: center;
}

.repEvlSlide .carousel-control-prev,
.repEvlSlide .carousel-control-next {
  height: 32px;
  width: 32px;
  border-radius: 4px;
  border: solid 1px #d7e4ef;
  background-color: #fff;
  opacity: 1;
  background-image: none;
  position: static;
}

.repEvlSlide h3 {
  margin: 0 24px;
  font-weight: 700;
}

.ftRepEvl .card {
  padding: 30px;
}

.ftRepEvl .card .card-header {
  padding: 0 0 24px;
  background-color: #fff;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ftRepEvl .card .card-header h3 {
  font-weight: 700;
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .ftRepEvl .card .card-header h3 {
    width: 100%;
    margin-bottom: 6px;
  }

  .ftRepEvl .card .card-header h3 + .ico-img.dot {
    display: none;
  }
}

.ftRepEvl .card .card-header span {
  font-size: 13px;
  line-height: 13px;
  font-weight: 700;
  color: #545a6b;
  display: inline;
}

.ftRepEvl .card .card-header .ico-img.dot {
  margin: 0 6px;
  opacity: 0.1;
}

@media (max-width: 767px) {
  .ftRepEvl .card .card-header .ico-img.dot {
    margin: 0 4px;
  }
}

@media (max-width: 991px) {
  .ftRepEvl .card .card-header {
    flex-wrap: wrap;
  }
}

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

.ftRepEvl .card .card-body .viewBox {
  margin-bottom: 20px;
  line-height: 1;
  padding: 20px 30px 10px;
}

.ftRepEvl .card .card-body .viewBox .form-group {
  margin-bottom: 20px;
}

.ftRepEvl .card .card-body .viewBox .form-group label {
  margin-bottom: 12px;
  line-height: 15px;
  font-size: 15px;
  font-weight: 600;
  color: #545a6b;
}

.ftRepEvl .card .card-body .viewBox .form-group .form-control {
  resize: none;
  background-color: transparent;
}

@media (max-width: 991px) {
  .ftRepEvl .card .card-body .viewBox {
    padding: 20px 15px 0;
  }
}

@media (max-width: 991px) {
  .ftRepEvl .card {
    padding: 25px 15px 15px;
  }
}

.ftRepEvl .card .carousel-control-prev,
.ftRepEvl .card .carousel-control-next,
.view-ticket .card .carousel-control-prev,
.view-ticket .card .carousel-control-next,
.view-periodic .card .carousel-control-prev,
.view-periodic .card .carousel-control-next {
  height: 32px;
  width: 32px;
  top: 44%;
  border-radius: 4px;
  border: solid 1px #d7e4ef;
  background-color: #fff;
  opacity: 1;
  background-image: none;
}

.ftRepEvl .card .carousel-control-prev,
.view-ticket .card .carousel-control-prev,
.view-periodic .card .carousel-control-prev {
  left: -47px;
}

@media (max-width: 991px) {
  .ftRepEvl .card .carousel-control-prev,
  .view-ticket .card .carousel-control-prev,
  .view-periodic .card .carousel-control-prev {
    left: -32px;
  }
}

.ftRepEvl .card .carousel-control-next,
.view-ticket .card .carousel-control-next,
.view-periodic .card .carousel-control-next {
  right: -47px;
}

@media (max-width: 991px) {
  .ftRepEvl .card .carousel-control-next,
  .view-ticket .card .carousel-control-next,
  .view-periodic .card .carousel-control-next {
    right: -32px;
  }
}

.ftRepEvl .card .carousel-item .row,
.view-ticket .card .carousel-item .row,
.view-periodic .card .carousel-item .row {
  margin-left: -10px;
  margin-right: -10px;
}

.ftRepEvl .card .carousel-item .row .col-12,
.view-ticket .card .carousel-item .row .col-12,
.view-periodic .card .carousel-item .row .col-12 {
  padding-left: 10px;
  padding-right: 10px;
}

.ftRepEvl .card .carousel-item label,
.view-ticket .card .carousel-item label,
.view-periodic .card .carousel-item label {
  margin-bottom: 16px;
  line-height: 15px;
  font-size: 15px;
  font-weight: 600;
  color: #545a6b;
}

.ftRepEvl .card .img-box,
.view-ticket .card .img-box,
.view-periodic .card .img-box {
  position: relative;
  width: 100%;
}

.ftRepEvl .card .img-box img,
.view-ticket .card .img-box img,
.view-periodic .card .img-box img {
  width: 100%;
}

.ftRepEvl .card .img-box .date,
.view-ticket .card .img-box .date,
.view-periodic .card .img-box .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  color: #fff;
  z-index: 2;
  left: 15px;
  bottom: 16px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  color: #fff;
}

.ftRepEvl .card .img-box .date span,
.view-ticket .card .img-box .date span,
.view-periodic .card .img-box .date span {
  padding-top: 1px;
  display: inline-block;
}

.ftRepEvl .card .img-box .date .ico-img,
.view-ticket .card .img-box .date .ico-img,
.view-periodic .card .img-box .date .ico-img {
  margin-top: -1px;
  margin-right: 7px;
}

.ftRepEvl .card .img-box .date .ico-img.dot,
.view-ticket .card .img-box .date .ico-img.dot,
.view-periodic .card .img-box .date .ico-img.dot {
  margin-left: 4px;
  margin-right: 4px;
  opacity: 0.2;
}

@media (min-width: 768px) {
  .ftRepEvl .card .img-box .date .ico-img,
  .view-ticket .card .img-box .date .ico-img,
  .view-periodic .card .img-box .date .ico-img {
    margin-top: -2px;
  }
}

.ftRepEvl .card .img-box .ticketSubmit,
.view-ticket .card .img-box .ticketSubmit,
.view-periodic .card .img-box .ticketSubmit {
  padding: 12px 12px;
  font-size: 15px;
  line-height: 15px;
  font-weight: 500;
  color: #fff;
  min-height: 40px;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ftRepEvl .card .img-box::after,
.view-ticket .card .img-box::after,
.view-periodic .card .img-box::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 87px;
  opacity: 0.5;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0)),
    to(#000)
  );
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
}

@media (max-width: 767px) {
  .ftRepEvl .card .img-box,
  .view-ticket .card .img-box,
  .view-periodic .card .img-box {
    margin-bottom: 24px;
  }
}

.btn-group-toggle .btn {
  margin-bottom: 0 !important;
  padding: 5px 12px;
  background-color: #fff;
  border: 1px solid #e9edf3;
  box-shadow: none !important;
  line-height: 15px;
  font-size: 13px !important;
  font-weight: 600;
  min-height: 25px;
  height: auto;
}

.btn-group-toggle .btn:first-child {
  border-radius: 4px 0 0 4px;
}

.btn-group-toggle .btn:last-child {
  border-radius: 0 4px 4px 0;
}

.btn-group-toggle .btn.active {
  color: #fff !important;
  border-color: #2d3092;
  background-color: #2d3092;
}

.photoflow-Section .photoflow-cards ul.img-group {
  height: 254px;
}

.photoflow-Section .photoflow-cards ul.img-group > li {
  margin: 0 4px 4px 0;
  width: calc((100% / 3) - 2.8px);
  height: calc((100% / 3) - 4px);
}

.photoflow-Section .photoflow-cards ul.img-group > li:nth-child(3n + 3) {
  margin-right: 0;
}

.photoflow-Section .photoflow-cards .row {
  margin-left: -10px;
  margin-right: -10px;
}

.photoflow-Section .photoflow-cards .row .col-12 {
  padding-left: 10px;
  padding-right: 10px;
}

.photogroup-Section .content-header .addSpPhotos:disabled {
  background-color: #e0e5eb;
  border-color: #e0e5eb;
  color: #9ea4ae;
  opacity: 1;
}

.photogroup-Section .content-header .addSpPhotos:disabled .plus-ico {
  -webkit-filter: brightness(0);
  filter: brightness(0);
  opacity: 0.38;
}

@media (max-width: 767px) {
  .photogroup-Section .content-header .addSpPhotos {
    margin-top: -84px;
  }
}

@media (max-width: 767px) {
  .photogroup-Section .content-header {
    margin: 0;
  }
}

@media (max-width: 767px) {
  .photogroup-Section .content-header-md .custom-control-label {
    color: #fff;
  }
}

@media (max-width: 767px) {
  .photogroup-Section .content-header-md .right-head {
    width: auto;
    padding: 0;
  }
}

@media (max-width: 767px) {
  .photogroup-Section .content-header-md {
    margin: 0;
    padding: 11px 16px;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 99;
    min-height: 44px;
    background-color: #313232;
  }

  .photogroup-Section
    .content-header-md
    .custom-checkbox
    .custom-control-input:checked
    ~ .custom-control-label:after {
    background-color: #2d3092;
  }
}

.photogroup-Section .card {
  margin: 0 0 32px;
  padding: 35px 30px 10px;
  width: 100%;
}

.photogroup-Section .card h3 {
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 20px;
}

@media (min-width: 1360px) {
  .photogroup-Section .card {
    min-height: 540px;
  }
}

@media (max-width: 991px) {
  .photogroup-Section .card {
    padding: 20px 15px 7px;
  }
}

.photogroup-Section .selectPhotos-lst li .custom-input:checked ~ .txt {
  z-index: 2;
  background-color: #fff;
}

.photogroup-Section .selectPhotos-lst li .custom-input:checked ~ .txt::before {
  z-index: 1;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: calc(100% - 38px);
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

@media (max-width: 767px) {
  .photogroup-Section
    .selectPhotos-lst
    li
    .custom-input:checked
    ~ .txt::before {
    height: calc(100% - 25px);
  }
}

@media (max-width: 767px) {
  .photogroup-Section .selectPhotos-lst li .btn-group {
    display: none;
  }
}

.selectPhotos-lst {
  margin: 0 0 -15px;
  padding: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}

.selectPhotos-lst li {
  margin-right: 15px;
  margin-bottom: 15px;
  width: 100%;
  max-width: calc(25% - 11.34px);
  position: relative;
  line-height: 1;
}

.selectPhotos-lst li:nth-child(4n + 4) {
  margin-right: 0;
}

.selectPhotos-lst li label {
  margin: 0;
  width: 100%;
  position: relative;
  line-height: 1;
}

.selectPhotos-lst li label img {
  width: 100%;
  height: 185px;
  cursor: pointer;
}

@media (min-width: 1600px) {
  .selectPhotos-lst li label img {
    height: 220px;
  }
}

.selectPhotos-lst li .txt {
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  color: #1b2236;
  min-height: 38px;
  padding: 13px 0 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}

.selectPhotos-lst li .txt:after {
  content: "";
  position: absolute;
  top: 14px;
  right: 14px;
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 3px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  z-index: 9;
}

@media (max-width: 767px) {
  .selectPhotos-lst li .txt:after {
    top: 10px;
    right: 10px;
  }
}

.selectPhotos-lst li .custom-input {
  position: absolute;
  opacity: 0;
}

.selectPhotos-lst li .custom-input:checked ~ .txt::after {
  background-color: #2d3092;
  border: none;
  background-image: url(../images/checkbox-checked.svg);
}

.selectPhotos-lst li .btn-group {
  position: absolute;
  top: 10px;
  left: 10px;
  border-radius: 3px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  z-index: 9;
}

.selectPhotos-lst li .btn-group a {
  height: 29px;
  width: 35px;
  background-color: rgba(0, 0, 0, 0.7);
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}

.selectPhotos-lst li .btn-group a.edit-ico {
  background-image: url(../images/edit-white-ico.svg);
}

.selectPhotos-lst li .btn-group a.delete-ico {
  background-image: url(../images/delete-white-ico.svg);
}

.selectPhotos-lst li .btn-group a.clone-ico {
  background-image: url(../images/icons8-copy-24.png);
}

.selectPhotos-lst li .btn-group a:not(:last-child)::before {
  content: "";
  position: absolute;
  height: 19px;
  width: 1px;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  background-color: rgba(255, 255, 255, 0.1);
}

@media (min-width: 768px) {
  .selectPhotos-lst li .btn-group {
    opacity: 0;
  }
}

.selectPhotos-lst li:hover .btn-group {
  opacity: 1;
}

.selectPhotos-lst li.card {
  padding: 3px;
}

.selectPhotos-lst li.addImage {
  box-shadow: none;
  background-color: #fafbfc;
  border: dashed 1px #d3d8df;
  position: relative;
}

.selectPhotos-lst li.addImage a {
  margin: 0;
  padding: 12px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  cursor: pointer;
  min-height: 176px;
}

.selectPhotos-lst li.addImage a img {
  max-width: 44px;
  max-height: 44px;
}

.selectPhotos-lst li.addImage a span {
  padding: 12px 0 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  color: #8a99a3;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .selectPhotos-lst li.addImage a span {
    padding-top: 10px;
  }
}

@media (max-width: 767px) {
  .selectPhotos-lst li.addImage a img {
    width: 34px;
    height: 34px;
  }
}

@media (max-width: 767px) {
  .selectPhotos-lst li.addImage a {
    min-height: 156px;
  }
}

@media (max-width: 569px) {
  .selectPhotos-lst li.addImage a {
    min-height: 102px;
  }
}

@media (max-width: 991px) {
  .selectPhotos-lst li {
    max-width: calc(33.33% - 12px);
  }

  .selectPhotos-lst li:nth-child(4n + 4) {
    margin-right: 15px;
  }

  .selectPhotos-lst li:nth-child(3n + 3) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .selectPhotos-lst li {
    margin-right: 8px;
    margin-bottom: 8px;
    max-width: calc(50% - 4px);
  }

  .selectPhotos-lst li label img {
    height: auto;
    min-height: 104px;
    max-height: 104px;
  }

  .selectPhotos-lst li label .txt {
    padding-top: 7px;
    padding-bottom: 2px;
    min-height: 20px;
  }

  .selectPhotos-lst li label .txt:after {
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
  }

  .selectPhotos-lst li:nth-child(3n + 3),
  .selectPhotos-lst li:nth-child(4n + 4) {
    margin-right: 8px;
  }

  .selectPhotos-lst li:nth-child(2n + 2) {
    margin-right: 0;
  }
}

.selectImg-box {
  padding: 2px 0 0;
  max-height: 388px;
  overflow: hidden;
  overflow-y: auto;
  width: calc(100% + 24px);
  padding-right: 24px;
}

.selectImg-box .selectPhotos-lst {
  margin: 0;
  position: relative;
  left: 1000px;
  width: 100%;
}

.selectImg-box .selectPhotos-lst li {
  margin-right: 8px;
  margin-bottom: 8px;
  max-width: calc(33.33% - 5.35px);
  line-height: 1;
  position: relative;
  left: -1000px;
}

@media (max-width: 991px) and (min-width: 768px) {
  .selectImg-box .selectPhotos-lst li img {
    height: 158px;
  }
}

.selectImg-box .selectPhotos-lst li .txt {
  margin: -2px 0 0;
  min-height: 1px !important;
  padding: 0 !important;
  line-height: 1;
}

.selectImg-box .selectPhotos-lst li:nth-child(4n + 4) {
  margin-right: 8px;
}

.selectImg-box .selectPhotos-lst li:nth-child(3n + 3) {
  margin-right: 0;
}

@media (max-width: 1199px) and (min-width: 768px) {
  .selectImg-box .selectPhotos-lst li {
    max-width: calc(25% - 6px);
    margin-right: 8px;
    margin-bottom: 8px;
  }

  .selectImg-box .selectPhotos-lst li:nth-child(3n + 3) {
    margin-right: 8px;
  }

  .selectImg-box .selectPhotos-lst li:nth-child(4n + 4) {
    margin-right: 0px;
  }
}

@media (max-width: 479px) {
  .selectImg-box .selectPhotos-lst li {
    max-width: calc(50% - 4px);
    margin-right: 8px !important;
    margin-bottom: 8px;
  }

  .selectImg-box .selectPhotos-lst li:nth-child(2n + 2) {
    margin-right: 0px !important;
  }
}

.selectImg-box .selectPhotos-lst li .custom-input:checked ~ .txt::before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: solid 3px #2d3092;
}

@media (max-width: 1199px) {
  .selectImg-box {
    width: calc(100% + 16px);
    padding-right: 16px;
  }
}

@media (max-width: 767px) {
  .selectImg-box {
    max-height: 100vh;
    overflow: unset;
  }
}

.sortable-lst {
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  list-style-type: none;
}

.sortable-lst > li {
  margin: 45px 20px 30px 0;
  float: left;
  width: calc(25% - 17.2px);
  text-align: center;
  background-color: #fff;
  cursor: -webkit-grab;
  cursor: grab;
  height: 176px;
  position: relative;
}

.sortable-lst > li > img {
  height: 176px;
}

.sortable-lst > li ul {
  margin: 0;
  padding: 2px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style: none;
  position: relative;
}

.sortable-lst > li ul > li {
  width: calc(50% - 1px);
  margin: 0 2px 2px 0;
  height: 50%;
  z-index: 2;
}

.sortable-lst > li ul > li img {
  height: 100%;
  width: 100%;
}

.sortable-lst > li ul > li:nth-child(2n + 2) {
  margin-right: 0;
}

.sortable-lst > li ul > li.count {
  margin: 0;
  position: absolute;
  right: 0;
  bottom: -2px;
  display: flex;
  align-items: stretch;
}

.sortable-lst > li ul > li.count span {
  background-color: #dbf0ff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 0.88;
  text-align: center;
  color: #1c99ec;
  height: 100%;
  width: 100%;
}

.sortable-lst > li ul > li.count ul {
  display: none;
}

.sortable-lst > li ul > li label {
  margin: 0;
  display: flex;
  height: 100%;
}

.sortable-lst > li ul:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 1px;
  height: calc(50% - 2px);
  width: calc(50% - 2px);
  background-color: #dbf0ff;
  z-index: 1;
  display: none;
}

.sortable-lst > li ul:not([data-length="1"]) {
  overflow: hidden;
}

.sortable-lst > li ul:not([data-length="1"]) > li {
  pointer-events: none;
}

.sortable-lst > li ul[data-length="1"] {
  overflow: visible;
}

.sortable-lst > li ul[data-length="1"] > li {
  margin: 0;
  width: 100%;
  height: 100%;
  pointer-events: auto;
}

.sortable-lst > li ul[data-length="2"] {
  overflow: hidden;
}

.sortable-lst > li ul[data-length="2"] > li {
  pointer-events: none;
  height: 100%;
}

.sortable-lst > li ul[data-length="3"]:after {
  display: block;
}

.sortable-lst > li ul .ui-state-highlight {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 9;
  opacity: 0.98;
  border: 1px dashed #f1f3f6;
}

.sortable-lst > li .form-control {
  padding-left: 11px;
  padding-right: 11px;
  position: absolute;
  height: 36px;
  min-height: 36px;
  top: -45px;
  width: 100%;
  border: 1px solid #d9e0e9;
  border-radius: 4px;
  z-index: 11;
  touch-action: auto;
}

.sortable-lst > li .form-control:focus {
  border: solid 1px #bac0c8;
  background-color: #f8fcff;
  border-radius: 4px;
}

.sortable-lst > li input[type="checkbox"] {
  pointer-events: none;
  display: none;
}

.sortable-lst > li .txt {
  display: none;
}

.sortable-lst > li:nth-child(4n + 4) {
  margin-right: 0;
}

.sortable-lst > li.addImage {
  box-shadow: none;
  background-color: #fafbfc;
  border: dashed 1px #d3d8df;
  position: relative;
  pointer-events: none;
}

.sortable-lst > li.addImage a {
  margin: 0;
  padding: 12px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  cursor: pointer;
  min-height: 176px;
  pointer-events: auto;
}

.sortable-lst > li.addImage a span {
  padding: 12px 0 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  color: #8a99a3;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .sortable-lst > li.addImage a span {
    padding-top: 10px;
  }
}

@media (max-width: 767px) {
  .sortable-lst > li.addImage a img {
    width: 34px;
    height: 34px;
  }
}

@media (max-width: 767px) {
  .sortable-lst > li.addImage a {
    min-height: 156px;
  }
}

@media (max-width: 569px) {
  .sortable-lst > li.addImage a {
    min-height: 102px;
  }
}

.sortable-lst > li:hover .removeSlot {
  opacity: 1;
}

.sortable-lst > li:focus .removeSlot,
.sortable-lst > li:focus-within .removeSlot,
.sortable-lst > li:active .removeSlot {
  opacity: 0;
}

@media (min-width: 1601px) {
  .sortable-lst > li {
    height: 250px;
  }
}

@media (max-width: 1199px) and (min-width: 768px) {
  .sortable-lst > li {
    width: calc(33.33% - 14px);
  }

  .sortable-lst > li:nth-child(4n + 4) {
    margin-right: 20px;
  }

  .sortable-lst > li:nth-child(3n + 3) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .sortable-lst > li {
    width: calc(50% - 4px);
    margin-bottom: 20px;
    margin-right: 8px;
    height: 136px;
  }

  .sortable-lst > li:nth-child(4n + 4) {
    margin-right: 8px;
  }

  .sortable-lst > li:nth-child(2n + 2) {
    margin-right: 0;
  }
}

@media (max-width: 359px) {
  .sortable-lst > li {
    height: 102px;
  }
}

.sortable-lst .removeSlot {
  position: absolute;
  z-index: 4;
  right: 10px;
  width: auto;
  top: 10px;
  line-height: 1;
  opacity: 0;
}

.sortable-lst .removeSlot .ico-deleteSlot {
  width: 32px;
  height: 28px;
}

@media (max-width: 767px) {
  .sortable-lst .removeSlot .ico-deleteSlot {
    width: 28px;
    height: 24px;
  }
}

@media (max-width: 767px) {
  .sortable-lst .removeSlot {
    opacity: 1 !important;
  }
}

.sortable-lst .ui-state-highlight {
  border: 1px solid #dbf0ff;
  background: #dbf0ff;
}

.sortable-lst .ui-sortable-helper {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.sortable-lst.item-draging .removeSlot {
  opacity: 0 !important;
  visibility: hidden;
}

body > .ui-sortable-helper {
  list-style: none;
  max-height: 176px;
  overflow: hidden;
}

body > .ui-sortable-helper:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  background-color: #fafbfc;
  border: 1px solid #f1f3f6;
  z-index: 9;
}

body > .ui-sortable-helper input[type="checkbox"] {
  display: none;
}

body > .ui-sortable-helper ul {
  list-style: none;
}

body > .ui-sortable-helper img {
  opacity: 0;
}

body > .ui-sortable-helper .elementLen {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 20px;
  width: 20px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  background-color: #1c99ec;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-break: 20px;
  z-index: 11;
}

.imgEdit {
  position: relative;
}

.imgEdit img {
  width: 100%;
  max-height: 350px;
}

.imgEdit .change-link {
  color: #fff;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  min-height: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  cursor: pointer;
}

.imgEdit .change-link:hover,
.imgEdit .change-link:focus {
  color: #fff;
}

.photoEdit-Section .card {
  padding: 30px;
}

.photoEdit-Section .card textarea {
  height: 120px;
  resize: none;
}

.photoEdit-Section .card .btn + .btn {
  margin-left: 10px;
}

@media (min-width: 992px) {
  .photoEdit-Section .card .row .col-12 {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 992px) {
  .photoEdit-Section .card .row {
    margin-right: -30px;
    margin-left: -30px;
  }
}

@media (max-width: 991px) {
  .photoEdit-Section .card {
    padding: 20px 15px;
  }
}

.tags-input .bootstrap-tagsinput {
  display: block;
  width: 100%;
  border: none;
  box-shadow: none;
  position: relative;
  padding: 0;
  padding-top: 40px;
}

.tags-input .bootstrap-tagsinput input {
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 8px 0;
  font-size: 16px;
  font-weight: normal;
  color: #1b2236;
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid #d9e0e9;
  z-index: 2;
}

.tags-input .bootstrap-tagsinput input::-webkit-input-placeholder {
  color: rgba(27, 34, 54, 0.5);
}

.tags-input .bootstrap-tagsinput input::-moz-placeholder {
  color: rgba(27, 34, 54, 0.5);
}

.tags-input .bootstrap-tagsinput input:-ms-input-placeholder {
  color: rgba(27, 34, 54, 0.5);
}

.tags-input .bootstrap-tagsinput input:-moz-placeholder {
  color: rgba(27, 34, 54, 0.5);
}

.tags-input .bootstrap-tagsinput input:focus {
  box-shadow: none;
  outline: none;
  border-bottom-color: #8a99a3;
}

.tags-input .bootstrap-tagsinput .tag.label-info {
  margin: 10px 5px 0 0;
  padding: 6px 30px 3px 10px;
  background-color: #fff;
  height: 26px;
  border-radius: 4px;
  border: solid 1px #e9edf3;
  color: #1b2236;
  font-size: 14px;
  font-weight: 600;
  line-height: 12px;
  position: relative;
  overflow: hidden;
  display: inline-flex;
}

.tags-input .bootstrap-tagsinput .tag.label-info [data-role="remove"] {
  margin: 0;
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  padding: 1px 4px 4px 4px;
  width: 24px;
  background-color: #e9edf3;
  border-radius: 0 4px 4px 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.tags-input .bootstrap-tagsinput .tag.label-info [data-role="remove"]::after {
  position: absolute;
  top: 50%;
  height: 8px;
  width: 8px;
  content: "";
  background-image: url(../images/close.svg);
  background-size: 100% 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 767px) {
  #editSlotModal .modal-header {
    padding-top: 60px;
    height: auto;
    max-height: none;
  }
}

@media (max-width: 767px) {
  #editSlotModal .modal-header .modal-title {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 767px) {
  #editSlotModal .btn.btn-light:not(.text-primary) {
    display: none;
  }
}

.ticketAdd-Section .card,
.prdInner-Section .card {
  padding: 35px 30px 30px;
}

.ticketAdd-Section .card h3,
.prdInner-Section .card h3 {
  margin-bottom: 20px;
  font-weight: 700;
}

.ticketAdd-Section .card .uploadFile,
.prdInner-Section .card .uploadFile {
  margin-top: 12px;
  max-width: 100%;
}

@media (min-width: 768px) {
  .ticketAdd-Section .card .uploadFile,
  .prdInner-Section .card .uploadFile {
    padding-top: 61px;
    padding-bottom: 53px;
  }
}

@media (min-width: 992px) {
  .ticketAdd-Section .card .row .col-12,
  .prdInner-Section .card .row .col-12 {
    padding: 0 30px;
  }
}

@media (min-width: 992px) {
  .ticketAdd-Section .card .row,
  .prdInner-Section .card .row {
    margin: 0 -30px;
  }
}

@media (max-width: 991px) {
  .ticketAdd-Section .card,
  .prdInner-Section .card {
    padding: 20px 15px 15px;
  }
}

.ticketAdd-Section #ticketdatetimecall,
.prdInner-Section #ticketdatetimecall {
  background-image: url(../images/calendar-dark-ico.svg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 15px 15px;
}

.ticketAdd-Section .card_lst,
.prdInner-Section .card_lst {
  margin: 0 0 30px;
  padding: 0;
  width: 100%;
  list-style: none;
}

.ticketAdd-Section .card_lst .viewBox,
.prdInner-Section .card_lst .viewBox {
  margin: 0;
  padding: 20px;
  width: 100%;
}

.ticketAdd-Section .card_lst .viewBox:not(:last-child),
.prdInner-Section .card_lst .viewBox:not(:last-child) {
  margin-bottom: 15px;
}

.ticketAdd-Section .card_lst .viewBox .heading,
.prdInner-Section .card_lst .viewBox .heading {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ticketAdd-Section .card_lst .viewBox .heading h3,
.prdInner-Section .card_lst .viewBox .heading h3 {
  margin: 0;
  font-weight: 700;
}

.ticketAdd-Section .card_lst .viewBox .heading .ico-img.delete-ico,
.prdInner-Section .card_lst .viewBox .heading .ico-img.delete-ico {
  margin-bottom: -3px;
  height: 18px;
  width: 16px;
}

@media (max-width: 767px) {
  .ticketAdd-Section .card_lst .viewBox .heading,
  .prdInner-Section .card_lst .viewBox .heading {
    margin-bottom: 16px;
  }
}

.ticketAdd-Section .card_lst .viewBox label,
.prdInner-Section .card_lst .viewBox label {
  font-size: 14px;
  line-height: 20px;
}

.ticketAdd-Section .card_lst .viewBox .form-control,
.prdInner-Section .card_lst .viewBox .form-control {
  background-color: transparent !important;
}

.ticketAdd-Section .card_lst .viewBox textarea,
.prdInner-Section .card_lst .viewBox textarea {
  height: 100px;
  resize: none;
}

.ticketAdd-Section .card_lst .viewBox .uploadImage,
.prdInner-Section .card_lst .viewBox .uploadImage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  background-color: #fafbfc;
  border: 1px dashed #d3d8df;
  padding: 48px 5px;
}

.ticketAdd-Section .card_lst .viewBox .uploadImage .btn,
.prdInner-Section .card_lst .viewBox .uploadImage .btn {
  font-size: 14px;
  padding: 8px 15px;
  font-weight: 600;
  height: 36px;
}

@media (max-width: 479px) {
  .ticketAdd-Section .card_lst .viewBox .uploadImage .btn.btn-primary,
  .prdInner-Section .card_lst .viewBox .uploadImage .btn.btn-primary {
    padding-left: 11px;
    padding-right: 11px;
  }
}

.ticketAdd-Section .card_lst .viewBox .uploadImage .or,
.prdInner-Section .card_lst .viewBox .uploadImage .or {
  margin: 16px 0;
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
  text-transform: uppercase;
  color: #8a99a3;
}

@media (max-width: 767px) {
  .ticketAdd-Section .card_lst .viewBox .uploadImage .or,
  .prdInner-Section .card_lst .viewBox .uploadImage .or {
    margin: 8px 0;
  }
}

.ticketAdd-Section .card_lst .viewBox .uploadImage label.btn,
.prdInner-Section .card_lst .viewBox .uploadImage label.btn {
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
  color: #1c99ec;
  cursor: pointer;
  font-weight: 700;
}

.ticketAdd-Section .card_lst .viewBox .uploadImage label.btn input,
.prdInner-Section .card_lst .viewBox .uploadImage label.btn input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 100%;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .ticketAdd-Section .card_lst .viewBox .uploadImage,
  .prdInner-Section .card_lst .viewBox .uploadImage {
    padding: 40px 5px;
  }
}

@media (max-width: 991px) {
  .ticketAdd-Section .card_lst .viewBox,
  .prdInner-Section .card_lst .viewBox {
    padding: 15px;
  }
}

@media (max-width: 767px) {
  .ticketAdd-Section #addAnotherTask,
  .prdInner-Section #addAnotherTask {
    margin: 0 auto 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 991px) {
  .prdInner-Section .card h3 {
    margin-bottom: 16px;
  }
}

.prdInner-Section .card textarea {
  height: 120px;
  resize: none;
}

.view-ticket .card,
.view-periodic .card {
  padding: 30px;
}

.view-ticket .card .form-group,
.view-periodic .card .form-group {
  line-height: 1;
}

.view-ticket .card .form-group label,
.view-periodic .card .form-group label {
  font-size: 12px;
  line-height: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #6d7f8b;
}

.view-ticket .card .form-group p,
.view-periodic .card .form-group p {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
  line-height: 20px;
  color: #1b2236;
  font-weight: 600;
}

.view-ticket .card .form-group p .dot,
.view-periodic .card .form-group p .dot {
  opacity: 0.1;
}

@media (max-width: 359px) {
  .view-ticket .card .form-group p,
  .view-periodic .card .form-group p {
    word-break: break-word;
  }
}

@media (min-width: 768px) {
  .view-ticket .card .carousel,
  .view-periodic .card .carousel {
    margin-top: 20px;
  }
}

.view-ticket .card .viewBox,
.view-periodic .card .viewBox {
  padding: 30px;
  margin-bottom: 20px;
}

.view-ticket .card .viewBox label,
.view-periodic .card .viewBox label {
  margin-bottom: 12px;
  font-size: 15px;
  line-height: 15px;
  color: #545a6b;
  font-weight: 600;
  text-transform: capitalize;
}

.view-ticket .card .viewBox .form-control,
.view-periodic .card .viewBox .form-control {
  background-color: transparent;
}

.view-ticket .card .viewBox .radio-lst,
.view-periodic .card .viewBox .radio-lst {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.view-ticket .card .viewBox .radio-lst .custom-control,
.view-periodic .card .viewBox .radio-lst .custom-control {
  padding-left: 24px;
}

.view-ticket .card .viewBox .radio-lst .custom-control label,
.view-periodic .card .viewBox .radio-lst .custom-control label {
  margin-bottom: 0;
  color: #1b2236;
}

.view-ticket .card .viewBox .radio-lst .custom-control ~ .custom-control,
.view-periodic .card .viewBox .radio-lst .custom-control ~ .custom-control {
  margin-left: 44px;
}

@media (max-width: 991px) {
  .view-ticket .card .viewBox,
  .view-periodic .card .viewBox {
    padding: 20px 15px 18px;
  }
}

.view-ticket .card .prdTaskLst-view,
.view-periodic .card .prdTaskLst-view {
  padding-top: 20px;
  padding-bottom: 45px;
}

.view-ticket .card .prdTaskLst-view .taskDtl,
.view-periodic .card .prdTaskLst-view .taskDtl {
  margin-bottom: 30px;
}

.view-ticket .card .prdTaskLst-view .taskDtl h3,
.view-periodic .card .prdTaskLst-view .taskDtl h3 {
  font-weight: 700;
}

.view-ticket .card .prdTaskLst-view .taskDtl p,
.view-periodic .card .prdTaskLst-view .taskDtl p {
  margin-bottom: 16px;
  line-height: 22px;
}

.view-ticket .card .prdTaskLst-view .taskDtl p.task_no,
.view-periodic .card .prdTaskLst-view .taskDtl p.task_no {
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 14px;
  color: #1b2236;
  text-transform: uppercase;
  font-weight: 700;
}

.view-ticket .card .prdTaskLst-view .btn ~ .btn,
.view-periodic .card .prdTaskLst-view .btn ~ .btn {
  margin-left: 8px;
}

@media (max-width: 767px) {
  .view-ticket .card .prdTaskLst-view .img-box,
  .view-periodic .card .prdTaskLst-view .img-box {
    margin-bottom: 0;
  }
}

.view-ticket .card .prdTaskLst-view .viewBox,
.view-periodic .card .prdTaskLst-view .viewBox {
  padding: 30px 20px 27px;
  height: calc(100% - 15px);
}

.view-ticket .card .prdTaskLst-view .viewBox .form-group,
.view-periodic .card .prdTaskLst-view .viewBox .form-group {
  height: 100%;
}

.view-ticket .card .prdTaskLst-view .viewBox .form-group label,
.view-periodic .card .prdTaskLst-view .viewBox .form-group label {
  margin-bottom: 3px;
}

.view-ticket .card .prdTaskLst-view .viewBox .form-group textarea,
.view-periodic .card .prdTaskLst-view .viewBox .form-group textarea {
  min-height: 76px;
  height: calc(100% - 18px);
}

@media (max-width: 767px) {
  .view-ticket .card .prdTaskLst-view .viewBox,
  .view-periodic .card .prdTaskLst-view .viewBox {
    padding-left: 15px;
    padding-right: 15px;
    min-height: 100px;
  }
}

@media (min-width: 768px) {
  .view-ticket .card .row .col-12,
  .view-periodic .card .row .col-12 {
    padding: 0 10px;
  }
}

@media (min-width: 768px) {
  .view-ticket .card .row,
  .view-periodic .card .row {
    margin: 0 -10px;
  }
}

@media (max-width: 991px) {
  .view-ticket .card,
  .view-periodic .card {
    padding: 30px 15px 15px;
  }
}

.md-closeTickets .bootstrap-select {
  min-width: 100%;
  width: 100%;
}

.md-closeTickets .bootstrap-select .dropdown-toggle {
  outline: none !important;
  height: 36px;
  padding: 8px 10px;
  border-color: #d9e0e9;
}

.md-closeTickets
  .bootstrap-select
  .dropdown-toggle:not(:disabled):not(.disabled).active,
.md-closeTickets
  .bootstrap-select
  .dropdown-toggle:not(:disabled):not(.disabled):active,
.md-closeTickets .bootstrap-select .dropdown-toggle.dropdown-toggle {
  background-color: #fff;
}

.md-closeTickets .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  font-size: 14px;
  color: #1b2236;
  font-weight: 500;
}

.md-closeTickets .bootstrap-select .dropdown-toggle:after {
  border: none !important;
  height: 8px;
  width: 11px;
  background-image: url(../images/angle-down.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.md-closeTickets .dateRange .form-control {
  width: 100%;
  min-height: 36px;
}

.md-closeTickets hr {
  margin: 0 0 30px;
}

.md-closeTickets .checkbox-lst,
.md-closeTickets .radiobtn-lst {
  padding-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
}

.md-closeTickets .checkbox-lst .custom-control label,
.md-closeTickets .radiobtn-lst .custom-control label {
  color: #1b2236;
}

@media (min-width: 768px) {
  .md-closeTickets .checkbox-lst .custom-control:not(:last-child),
  .md-closeTickets .radiobtn-lst .custom-control:not(:last-child) {
    margin-right: 44px;
  }
}

@media (max-width: 767px) {
  .md-closeTickets .checkbox-lst .custom-control:not(:last-child),
  .md-closeTickets .radiobtn-lst .custom-control:not(:last-child) {
    margin-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .md-closeTickets .checkbox-lst .custom-control,
  .md-closeTickets .radiobtn-lst .custom-control {
    width: 100%;
  }
}

.md-closeTickets
  .checkbox-lst
  .custom-control
  .custom-control-input:checked
  ~ .custom-control-label:after {
  background-size: 114% 114%;
}

@media (max-width: 479px) {
  .users-listing .content-header .right-div .btn.btn-import {
    margin-left: 0;
  }
}

@media (max-width: 479px) {
  .users-listing .content-header .right-div {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.notification-block .card .lst,
.default-Settings .card .lst {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  border-top: 1px solid #e9edf3;
}

.notification-block .card .lst .custom-switch,
.default-Settings .card .lst .custom-switch {
  padding: 0;
  width: 100%;
}

.notification-block .card .lst .custom-switch:not(:last-child),
.default-Settings .card .lst .custom-switch:not(:last-child) {
  border-bottom: 1px solid #e9edf3;
}

.notification-block .card .lst .custom-switch .custom-control-label,
.default-Settings .card .lst .custom-switch .custom-control-label {
  padding: 27px 45px 26px 0;
  width: 100%;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  color: #1b2236;
  cursor: pointer;
}

.notification-block .card .lst .custom-switch .custom-control-label span,
.default-Settings .card .lst .custom-switch .custom-control-label span {
  padding-top: 8px;
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #545a6b;
}

.notification-block .card .lst .custom-switch .custom-control-label::after,
.notification-block .card .lst .custom-switch .custom-control-label::before,
.default-Settings .card .lst .custom-switch .custom-control-label::after,
.default-Settings .card .lst .custom-switch .custom-control-label::before {
  top: 50%;
  left: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 767px) {
  .notification-block .card .lst .custom-switch .custom-control-label::after,
  .notification-block .card .lst .custom-switch .custom-control-label::before,
  .default-Settings .card .lst .custom-switch .custom-control-label::after,
  .default-Settings .card .lst .custom-switch .custom-control-label::before {
    top: 25px;
  }
}

.notification-block .card .lst .custom-switch .custom-control-label::before,
.default-Settings .card .lst .custom-switch .custom-control-label::before {
  right: 0;
  width: 34px;
  height: 16px;
  border: none;
  background-color: #c0cbd2;
  box-shadow: none !important;
}

.notification-block .card .lst .custom-switch .custom-control-label::after,
.default-Settings .card .lst .custom-switch .custom-control-label::after {
  right: 20px;
  width: 12px;
  height: 12px;
  background-color: #fff;
}

@media (max-width: 767px) {
  .notification-block .card .lst .custom-switch .custom-control-label,
  .default-Settings .card .lst .custom-switch .custom-control-label {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.notification-block
  .card
  .lst
  .custom-switch
  .custom-control-input:checked
  ~ .custom-control-label::after,
.default-Settings
  .card
  .lst
  .custom-switch
  .custom-control-input:checked
  ~ .custom-control-label::after {
  right: 2px;
}

.notification-block
  .card
  .lst
  .custom-switch
  .custom-control-input:checked
  ~ .custom-control-label::before,
.default-Settings
  .card
  .lst
  .custom-switch
  .custom-control-input:checked
  ~ .custom-control-label::before {
  background-color: #1c99ec;
}

@media (max-width: 767px) {
  .notification-block .card .lst .custom-switch,
  .default-Settings .card .lst .custom-switch {
    padding: 0 15px;
  }
}

@media (max-width: 767px) {
  .notification-block .card .lst .form-group,
  .default-Settings .card .lst .form-group {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .notification-block .card .lst,
  .default-Settings .card .lst {
    display: block;
    height: auto !important;
    visibility: visible;
    border-top: none;
  }
}

.notification-block .card {
  margin: 0;
  padding: 34px 30px 1px;
}

.notification-block .card:not(:last-child) {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .notification-block .card:not(:last-child) {
    margin-bottom: 15px;
  }
}

.notification-block .card h3 {
  margin: 0 0 4px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  position: relative;
}

@media (max-width: 767px) {
  .notification-block .card h3 {
    margin: 0;
    padding: 16px 15px;
    padding-right: 30px;
    font-size: 16px;
    line-height: 22px;
  }

  .notification-block .card h3:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotateX(180deg);
    transform: translateY(-50%) rotateX(180deg);
    height: 12px;
    width: 12px;
    background-image: url(../images/angle-up.svg);
    background-repeat: no-repeat;
    background-position: center center;
  }

  .notification-block .card h3[aria-expanded="true"]:after {
    -webkit-transform: translateY(-50%) rotateX(0deg);
    transform: translateY(-50%) rotateX(0deg);
  }
}

@media (max-width: 767px) {
  .notification-block .card {
    padding: 0;
  }
}

.default-Settings .card {
  margin: 0;
  padding: 34px 30px 30px;
}

.default-Settings .card:not(:last-child) {
  margin-bottom: 30px;
}

.default-Settings .card h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.default-Settings .card h3 a {
  margin: 0 0 0 auto;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  color: #1c99ec;
}

@media (max-width: 767px) {
  .default-Settings .card h3 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 12px;
  }
}

.default-Settings .card h4 {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.25;
  color: #1b2236;
}

.default-Settings .card p {
  margin-bottom: 32px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.47;
  color: #545a6b;
}

@media (max-width: 767px) {
  .default-Settings .card p {
    margin-bottom: 30px;
    line-height: 20px;
  }
}

@media (min-width: 768px) {
  .default-Settings .card .row .col-12 {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 768px) {
  .default-Settings .card .row {
    margin-left: -30px;
    margin-right: 30px;
  }
}

.default-Settings .card .colorpicker-element .form-control {
  text-transform: uppercase;
}

.default-Settings .card .reportsEvaluate-selector {
  margin: 8px 0 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.default-Settings .card .reportsEvaluate-selector .custom-control {
  line-height: 1;
  padding-bottom: 13px;
  display: inline-block;
}

.default-Settings
  .card
  .reportsEvaluate-selector
  .custom-control:not(:last-child) {
  margin-right: 40px;
}

@media (max-width: 767px) {
  .default-Settings
    .card
    .reportsEvaluate-selector
    .custom-control:not(:last-child) {
    margin-right: 20px;
  }
}

.default-Settings
  .card
  .reportsEvaluate-selector
  .custom-control
  .custom-control-label {
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  color: #1b2236;
}

.default-Settings
  .card
  .reportsEvaluate-selector
  .custom-control
  .custom-control-label:after,
.default-Settings
  .card
  .reportsEvaluate-selector
  .custom-control
  .custom-control-label:before {
  top: 50%;
  box-shadow: none !important;
}

.default-Settings
  .card
  .reportsEvaluate-selector
  .custom-control
  .custom-control-label:before {
  border-color: #dadce4;
}

.default-Settings
  .card
  .reportsEvaluate-selector
  .custom-control
  .custom-control-input:checked
  ~ .custom-control-label {
  pointer-events: none;
}

.default-Settings
  .card
  .reportsEvaluate-selector
  .custom-control
  .custom-control-input:checked
  ~ .custom-control-label:before {
  background-color: #2d3092;
  border-color: #2d3092;
}

.default-Settings .card .frequencyLst {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.default-Settings .card .frequencyLst .form-group {
  max-width: calc(100% / 7 - 17.4px);
  width: 100%;
  margin-bottom: 0;
  margin-right: 20px;
}

.default-Settings .card .frequencyLst .form-group:last-child {
  margin-right: 0;
}

.default-Settings .card .frequencyLst .form-group label {
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  color: #545a6b;
}

.default-Settings .card .frequencyLst .form-group input:focus {
  background-color: #f8fcff;
}

@media (max-width: 767px) and (min-width: 480px) {
  .default-Settings .card .frequencyLst .form-group {
    margin-right: 10px;
    margin-bottom: 15px;
    max-width: calc(100% / 5 - 8px);
  }

  .default-Settings .card .frequencyLst .form-group:nth-child(5n + 5) {
    margin-right: 0;
  }
}

@media (max-width: 479px) and (min-width: 360px) {
  .default-Settings .card .frequencyLst .form-group {
    margin-right: 10px;
    margin-bottom: 15px;
    max-width: calc(100% / 3 - 7px);
  }

  .default-Settings .card .frequencyLst .form-group:nth-child(3n + 3) {
    margin-right: 0;
  }
}

@media (max-width: 359px) {
  .default-Settings .card .frequencyLst .form-group {
    margin-right: 10px;
    margin-bottom: 15px;
    max-width: calc(50% - 5px);
  }

  .default-Settings .card .frequencyLst .form-group:nth-child(2n + 2) {
    margin-right: 0;
  }
}

.default-Settings .card .dtFormat-lst {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
}

.default-Settings .card .dtFormat-lst .custom-control {
  margin: 0;
  padding: 0 0 0 1.5rem;
}

.default-Settings .card .dtFormat-lst .custom-control:not(:last-child) {
  border-bottom: 1px solid #e9edf3;
}

.default-Settings .card .dtFormat-lst .custom-control .custom-control-label {
  padding-top: 13px;
  padding-bottom: 14px;
  font-size: 15px;
  line-height: 15px;
  color: #1b2236;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.default-Settings
  .card
  .dtFormat-lst
  .custom-control
  .custom-control-label
  span {
  opacity: 0;
  font-size: 12px;
  font-weight: 500;
  color: #545a6b;
}

.default-Settings
  .card
  .dtFormat-lst
  .custom-control
  .custom-control-input:checked
  ~ .custom-control-label
  span {
  opacity: 1;
}

@media (max-width: 359px) {
  .default-Settings .card .dtFormat-lst {
    margin-top: 15px;
  }
}

.default-Settings .card .collapse,
.default-Settings .card .collapsing {
  transition: none !important;
}

.default-Settings .card.reportsEvaluate h3 {
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  .default-Settings .card.reportsEvaluate h3 {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 767px) {
  .default-Settings .card.reportsEvaluate h4 {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 1.38;
  }
}

@media (max-width: 767px) {
  .default-Settings .card.reportsEvaluate .repEval-accordion h4 {
    font-size: 14px;
    line-height: 1.43;
    margin-bottom: 8px;
    font-weight: 700;
  }
}

@media (max-width: 767px) {
  .default-Settings .card.frequency-card p {
    margin-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .default-Settings .card .lst .custom-switch {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .default-Settings .card {
    padding: 20px 15px;
  }
}

.manageAccount .card {
  margin: 0;
  padding: 20px;
  flex-direction: row;
  flex-wrap: wrap;
}

.manageAccount .card:not(:last-child) {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .manageAccount .card:not(:last-child) {
    margin-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .manageAccount .card {
    padding: 15px;
  }
}

.manageAccount .user-manage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 44px;
  width: 100%;
  position: relative;
}

.manageAccount .user-manage .usr-icon {
  margin-right: 24px;
  font-size: 33px;
  font-weight: 800;
  color: #1c99ec;
  width: 80px;
  height: 80px;
  background-color: #dbf0ff;
  border-radius: 80px;
  border: solid 1px rgba(0, 0, 0, 0.06);
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.manageAccount .user-manage .usr-icon img {
  position: absolute;
  height: 100%;
  width: 100%;
  object-position: center;
  object-fit: cover;
}

@media (max-width: 767px) {
  .manageAccount .user-manage .usr-icon {
    margin: 0 0 15px 0;
    width: 50px;
    height: 50px;
    font-size: 20px;
  }
}

.manageAccount .user-manage .usr-dtl {
  position: relative;
}

.manageAccount .user-manage .usr-dtl h3 {
  margin-bottom: 12px;
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  font-weight: bold;
  line-height: 20px;
}

.manageAccount .user-manage .usr-dtl h3 .edit-btn {
  margin-left: 13px;
  line-height: 1;
}

.manageAccount .user-manage .usr-dtl h3 .edit-btn .ico-img {
  height: 18px;
  width: 18px;
}

.manageAccount .user-manage .usr-dtl p {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
  color: #545a6b;
}

.manageAccount .user-manage .usr-dtl .edit-box {
  position: absolute;
  background-color: #fff;
  top: 0;
  left: 0;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 36px !important;
  width: 100%;
}

.manageAccount .user-manage .usr-dtl .edit-box.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.manageAccount .user-manage .usr-dtl .edit-box .form-control {
  margin-right: 8px;
  padding: 9px 11px;
  width: 250px;
  height: 36px;
  font-size: 14px;
  font-weight: 500;
  color: #1b2236;
  border-color: #d9e0e9;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  .manageAccount .user-manage .usr-dtl .edit-box .form-control {
    margin-right: 6px;
    width: calc(100% - 72px);
  }
}

.manageAccount .user-manage .usr-dtl .edit-box a {
  margin: 0 16px;
  padding: 6px 0;
  line-height: 1;
  position: relative;
  display: inline-flex;
  align-items: center;
}

.manageAccount .user-manage .usr-dtl .edit-box a .ico-img {
  height: 18px;
  width: 18px;
}

.manageAccount .user-manage .usr-dtl .edit-box a .ico-img.check-ico {
  background-size: 18px 14px;
}

.manageAccount .user-manage .usr-dtl .edit-box a .ico-img.close-ico {
  background-size: 15px;
}

.manageAccount .user-manage .usr-dtl .edit-box a:last-child {
  margin-right: 0;
}

.manageAccount .user-manage .usr-dtl .edit-box a:not(:last-child):after {
  content: "";
  position: absolute;
  right: -16px;
  top: 0;
  width: 1px;
  height: 100%;
  pointer-events: none;
  background-color: #f1f3f6;
}

@media (max-width: 767px) {
  .manageAccount .user-manage .usr-dtl .edit-box a:not(:last-child):after {
    right: -10px;
  }
}

@media (max-width: 767px) {
  .manageAccount .user-manage .usr-dtl .edit-box a {
    margin: 0 10px;
  }
}

@media (max-width: 767px) {
  .manageAccount .user-manage .usr-dtl {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .manageAccount .user-manage {
    margin-bottom: 24px;
    flex-wrap: wrap;
  }
}

.manageAccount .btn {
  font-size: 14px;
  height: 36px;
  padding: 8px 15px;
}

.manageAccount .changePlan label {
  margin: 0 0 20px;
  line-height: 20px;
  font-size: 12px;
  font-weight: 700;
  color: #6d7f8b;
  width: 100%;
}

.manageAccount .changePlan h3 {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  color: #1b2236;
  width: 100%;
}

.manageAccount .changePlan p {
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #545a6b;
  width: 100%;
}

.md-chgpass .form-group {
  margin-bottom: 24px;
}

.md-chgpass .form-group input {
  padding-right: 26px;
}

@media (min-width: 992px) {
  .reports-siteStatus .card .accordion-block .card:first-child,
  .reports-punchIn .card .accordion-block .card:first-child,
  .library-siteSchedule .card .accordion-block .card:first-child {
    margin-top: 16px;
  }
}

@media (min-width: 992px) {
  .reports-siteStatus .card,
  .reports-punchIn .card,
  .library-siteSchedule .card {
    padding-top: 16px;
  }
}

.reports-siteStatus .tab-content > .tab-pane,
.reports-punchIn .tab-content > .tab-pane,
.library-siteSchedule .tab-content > .tab-pane {
  display: block;
  height: 0;
  overflow: hidden;
}

.reports-siteStatus .tab-content > .active,
.reports-punchIn .tab-content > .active,
.library-siteSchedule .tab-content > .active {
  display: block;
  height: auto;
}

.reports-siteStatus .collapse:not(.show),
.reports-punchIn .collapse:not(.show),
.library-siteSchedule .collapse:not(.show) {
  display: block;
  height: 0px;
  overflow: hidden;
  opacity: 0;
}

@media (max-width: 480px) {
  .reports-strSub .custom-table table tbody tr td:nth-child(3),
  .reports-strSub .custom-table table tbody tr td:nth-child(4) {
    min-height: 46px;
  }
}

.reports-ftStatus
  .accordion-block
  .card
  .card-body
  .custom-table
  table
  thead
  tr
  th {
  vertical-align: middle;
  white-space: nowrap;
}

.reports-ftStatus
  .accordion-block
  .card
  .card-body
  .custom-table
  table
  thead
  tr
  th.border-left {
  padding-left: 25px;
  border-left: 1px solid #e9edf3 !important;
}

@media (min-width: 992px) {
  .reports-ftStatus
    .accordion-block
    .card
    .card-body
    .custom-table
    table
    thead
    tr
    th:nth-child(1) {
    width: 12%;
    min-width: 150px;
  }
}

.reports-ftStatus
  .accordion-block
  .card
  .card-body
  .custom-table
  table
  thead
  tr:nth-child(2)
  th {
  background-color: #f6f8fb;
}

@media (min-width: 992px) {
  .reports-ftStatus
    .accordion-block
    .card
    .card-body
    .custom-table
    table
    thead
    tr:nth-child(2)
    th:nth-child(1) {
    min-width: 90px;
    width: 10%;
  }

  .reports-ftStatus
    .accordion-block
    .card
    .card-body
    .custom-table
    table
    thead
    tr:nth-child(2)
    th:nth-child(2),
  .reports-ftStatus
    .accordion-block
    .card
    .card-body
    .custom-table
    table
    thead
    tr:nth-child(2)
    th:nth-child(3) {
    width: 12%;
  }

  .reports-ftStatus
    .accordion-block
    .card
    .card-body
    .custom-table
    table
    thead
    tr:nth-child(2)
    th:nth-child(5) {
    width: 10%;
  }

  .reports-ftStatus
    .accordion-block
    .card
    .card-body
    .custom-table
    table
    thead
    tr:nth-child(2)
    th:nth-child(4) {
    width: 22%;
  }

  .reports-ftStatus
    .accordion-block
    .card
    .card-body
    .custom-table
    table
    thead
    tr:nth-child(2)
    th:nth-child(6) {
    width: 24%;
  }
}

@media (min-width: 992px) {
  .reports-ftStatus
    .accordion-block
    .card
    .card-body
    .custom-table
    table
    tbody
    tr
    td.border-left {
    padding-left: 25px;
    border-left: 1px solid #e9edf3 !important;
  }
}

@media (max-width: 991px) {
  .reports-ftStatus
    .accordion-block
    .card
    .card-body
    .custom-table
    table
    tbody
    tr
    td.border-left {
    margin-top: 32px;
  }

  .reports-ftStatus
    .accordion-block
    .card
    .card-body
    .custom-table
    table
    tbody
    tr
    td.border-left:after {
    content: attr(data-subheading);
    position: absolute;
    left: 0;
    top: -32px;
    width: 100%;
    height: 30px;
    padding: 7px 9px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: #6d7f8b;
    text-transform: uppercase;
    background-color: #edf1f7;
  }
}

@media (max-width: 991px) {
  .reports-ftStatus
    .accordion-block
    .card
    .card-body
    .custom-table
    table
    tbody
    tr
    td:before {
    left: 10px;
  }

  .reports-ftStatus
    .accordion-block
    .card
    .card-body
    .custom-table
    table
    tbody
    tr
    td:nth-child(1) {
    padding-left: 10px !important;
    padding-bottom: 14px !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    color: #1b2236;
  }

  .reports-ftStatus
    .accordion-block
    .card
    .card-body
    .custom-table
    table
    tbody
    tr
    td:nth-child(1):before {
    display: none !important;
  }
}

@media (max-width: 480px) {
  .reports-ftStatus
    .accordion-block
    .card
    .card-body
    .custom-table
    table
    tbody
    tr
    td:not(:first-child) {
    padding-left: 134px !important;
  }

  .reports-ftStatus
    .accordion-block
    .card
    .card-body
    .custom-table
    table
    tbody
    tr
    td:nth-child(5),
  .reports-ftStatus
    .accordion-block
    .card
    .card-body
    .custom-table
    table
    tbody
    tr
    td:nth-child(7) {
    min-height: 50px;
  }
}

@media (max-width: 991px) {
  .reports-ftStatus
    .accordion-block
    .card
    .card-body
    .custom-table
    table
    tbody
    tr {
    padding-bottom: 10px;
  }
}

@media (min-width: 992px) {
  .reports-periodics #prd-year .content-header .carousel .carousel-inner {
    width: 86px;
  }
}

.reports-periodics .tab-content > .tab-pane {
  display: block;
  height: 0;
  overflow: hidden;
}

.reports-periodics .tab-content > .active {
  display: block;
  height: auto;
}

.reports-periodics .carousel-fade .carousel-item:not(.active) {
  display: block;
  opacity: 0;
}

.reports-periodics .periodicYearTable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.reports-periodics .periodicYearTable .custom-table {
  width: 100%;
  max-width: 41.2%;
  position: relative;
  z-index: 2;
  border-radius: 4px 0 0 4px;
  box-shadow: 8px 0px 16px -8px #e9edf3;
}

.reports-periodics .periodicYearTable .custom-table table thead tr th {
  padding-top: 12px;
  padding-bottom: 12px;
  line-height: 16px;
  background-color: #edf1f7;
  vertical-align: top;
  height: 56px;
}

.reports-periodics
  .periodicYearTable
  .custom-table
  table
  thead
  tr
  th:nth-child(1) {
  padding-left: 20px;
  width: 90px;
}

.reports-periodics
  .periodicYearTable
  .custom-table
  table
  thead
  tr
  th:nth-child(2) {
  width: 120px;
}

.reports-periodics
  .periodicYearTable
  .custom-table
  table
  thead
  tr
  th:nth-child(3) {
  width: 100px;
}

.reports-periodics
  .periodicYearTable
  .custom-table
  table
  thead
  tr
  th:nth-child(4) {
  width: 90px;
}

.reports-periodics .periodicYearTable .custom-table table tbody tr td {
  height: 124px;
}

@media (max-width: 991px) {
  .reports-periodics .periodicYearTable .custom-table table tbody tr td {
    padding: 16px 10px 0 !important;
    font-size: 12px !important;
    line-height: 12px !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }

  .reports-periodics .periodicYearTable .custom-table table tbody tr td:before {
    display: block !important;
    width: 100%;
    clear: both;
    position: static;
    line-height: 12px;
    margin-bottom: 6px;
  }
}

@media (max-width: 767px) {
  .reports-periodics
    .periodicYearTable
    .custom-table
    table
    tbody
    tr
    td:nth-child(2) {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    height: 65px;
    max-height: 65px;
  }
}

@media (max-width: 991px) {
  .reports-periodics .periodicYearTable .custom-table table tbody tr {
    border-radius: 0px;
    padding-bottom: 16px;
    margin-bottom: 0;
    border-top: none !important;
    height: 210px;
    flex-wrap: nowrap;
  }
}

@media (max-width: 767px) {
  .reports-periodics .periodicYearTable .custom-table table tbody tr {
    height: 224px;
  }
}

@media (max-width: 991px) {
  .reports-periodics .periodicYearTable .custom-table table {
    padding-top: 44px;
    border-right: solid 1px #e9edf3;
  }

  .reports-periodics .periodicYearTable .custom-table table:after {
    content: "Site Details";
    height: 44px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border: solid 1px #e9edf3;
    border-bottom: none;
    background-color: #edf1f7;
    padding: 16px 10px;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    color: #6d7f8b;
    text-transform: uppercase;
  }
}

@media (max-width: 991px) {
  .reports-periodics .periodicYearTable .custom-table {
    box-shadow: none;
    max-width: 280px;
  }
}

@media (max-width: 767px) {
  .reports-periodics .periodicYearTable .custom-table {
    max-width: 144px;
  }
}

.reports-periodics .periodicYearTable .yrTable {
  background-color: #fff;
  border: 1px solid #e9edf3;
  border-left: none;
  padding: 0 0;
  width: 100%;
  max-width: 58.8%;
  border-radius: 0 4px 4px 0;
}

.reports-periodics .periodicYearTable .yrTable .slick-arrow {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 56px;
  background-color: rgba(237, 241, 247, 0.5);
  background-image: url(../images/right-arrow.svg);
  background-repeat: no-repeat;
  background-position: center center;
  border: none !important;
  border-bottom: 1px solid #e9edf3;
  color: transparent;
  font-size: 1px;
  outline: none !important;
  z-index: 3;
}

.reports-periodics .periodicYearTable .yrTable .slick-arrow.slick-prev {
  left: 0;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

@media (max-width: 991px) {
  .reports-periodics .periodicYearTable .yrTable .slick-arrow {
    width: 30px;
    height: 44px;
  }
}

@media (max-width: 679px) {
  .reports-periodics .periodicYearTable .yrTable .slick-arrow {
    background-color: transparent;
  }
}

.reports-periodics .periodicYearTable .yrTable .month-lst {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  border: none !important;
  outline: none !important;
}

.reports-periodics .periodicYearTable .yrTable .month-lst li {
  padding: 16px 4px 16px 4px;
  height: 124px;
  font-size: 14px;
  line-height: 18px;
  text-align: center !important;
  border-right: solid 1px #e9edf3;
}

.reports-periodics .periodicYearTable .yrTable .month-lst li:not(:last-child) {
  border-bottom: solid 1px #e9edf3;
}

.reports-periodics .periodicYearTable .yrTable .month-lst li.heading {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  color: #6d7f8b;
  background-color: rgba(237, 241, 247, 0.5);
  height: 56px;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .reports-periodics .periodicYearTable .yrTable .month-lst li.heading {
    padding-top: 16px;
    padding-bottom: 16px;
    height: 43px;
    font-size: 12px;
    line-height: 12px;
  }
}

@media (max-width: 679px) {
  .reports-periodics .periodicYearTable .yrTable .month-lst li.heading {
    text-align: center;
  }
}

.reports-periodics .periodicYearTable .yrTable .month-lst li .d-block {
  white-space: nowrap;
}

.reports-periodics
  .periodicYearTable
  .yrTable
  .month-lst
  li
  .d-block:not(:last-child) {
  padding-bottom: 6px;
}

@media (max-width: 991px) {
  .reports-periodics
    .periodicYearTable
    .yrTable
    .month-lst
    li
    .d-block:not(:last-child) {
    padding-bottom: 10px;
  }

  .reports-periodics .periodicYearTable .yrTable .month-lst li .d-block b {
    display: block;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .reports-periodics
    .periodicYearTable
    .yrTable
    .month-lst
    li
    .d-block:nth-child(2) {
    padding-top: 6px;
    height: 65px;
  }
}

@media (max-width: 991px) {
  .reports-periodics .periodicYearTable .yrTable .month-lst li {
    height: 210px;
  }
}

@media (max-width: 767px) {
  .reports-periodics .periodicYearTable .yrTable .month-lst li {
    height: 224px;
  }
}

@media (max-width: 679px) {
  .reports-periodics .periodicYearTable .yrTable .month-lst li {
    padding-left: 10px;
  }
}

@media (max-width: 991px) {
  .reports-periodics .periodicYearTable .yrTable {
    max-width: calc(100% - 280px);
  }
}

@media (max-width: 767px) {
  .reports-periodics .periodicYearTable .yrTable {
    max-width: calc(100% - 144px);
  }
}

@media (max-width: 679px) {
  .reports-periodics .periodicYearTable .yrTable {
    padding: 0;
  }
}

@media (max-width: 991px) {
  .reports-periodics
    .periodicMonthTable
    .custom-table
    table
    tbody
    tr
    td:first-child {
    padding-top: 15px;
    padding-left: 383px;
    font-size: 14px;
    font-weight: 500;
  }

  .reports-periodics
    .periodicMonthTable
    .custom-table
    table
    tbody
    tr
    td:first-child:before {
    top: 16px;
    display: inline-block !important;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .reports-periodics
    .periodicMonthTable
    .custom-table
    table
    tbody
    tr
    td:before {
    max-width: 190px;
  }
}

@media (max-width: 767px) {
  .reports-periodics
    .periodicMonthTable
    .custom-table
    table
    tbody
    tr
    td:nth-child(2),
  .reports-periodics
    .periodicMonthTable
    .custom-table
    table
    tbody
    tr
    td:nth-child(5) {
    min-height: 48px;
  }

  .reports-periodics
    .periodicMonthTable
    .custom-table
    table
    tbody
    tr
    td:first-child {
    padding-left: 220px;
  }
}

@media (max-width: 480px) {
  .reports-periodics
    .periodicMonthTable
    .custom-table
    table
    tbody
    tr
    td:first-child {
    padding-left: 144px;
  }

  .reports-periodics
    .periodicMonthTable
    .custom-table
    table
    tbody
    tr
    td:before {
    max-width: 120px;
    left: 10px;
  }
}

@media (min-width: 992px) {
  .library-siteSchedule .mainAccordion > .card {
    padding-bottom: 16px;
  }
}

.library-siteSchedule .mainAccordion .card-link .cheading .right-div {
  margin-left: 0;
}

@media (max-width: 991px) {
  .library-siteSchedule .mainAccordion .card-link .cheading .right-div {
    margin-left: auto;
  }
}

@media (min-width: 992px) {
  .library-siteSchedule .mainAccordion .card-link .cheading .count-lst li {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.library-siteSchedule .mainAccordion .card-link .count-lst .sits {
  color: #1b2236 !important;
}

@media (max-width: 991px) {
  .library-siteSchedule .mainAccordion .card-link .count-lst .sits {
    border-right: none;
  }
}

.library-siteSchedule .mainAccordion .card-link .count-lst .btn {
  height: 30px;
  font-size: 12px;
  padding: 5px 10px;
}

@media (max-width: 991px) {
  .library-siteSchedule .mainAccordion .card-link .count-lst {
    padding-top: 6px;
    width: 100%;
    flex-wrap: wrap;
    order: 3;
  }

  .library-siteSchedule .mainAccordion .card-link .count-lst li {
    margin-top: 4px;
  }

  .library-siteSchedule .mainAccordion .card-link .count-lst li:last-child {
    border-right: none;
    margin-right: 0;
  }

  .library-siteSchedule .mainAccordion .card-link .count-lst li.border-0 {
    width: 100%;
  }
}

@media (max-width: 991px) and (max-width: 767px) {
  .library-siteSchedule .mainAccordion .card-link .count-lst li {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.library-siteSchedule .siteSchedule-card .card .cheading {
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .library-siteSchedule .siteSchedule-card .card .cheading .right-div {
    margin-bottom: 15px;
    width: 100%;
    order: 1;
  }
}

@media (max-width: 767px) {
  .library-siteSchedule
    .siteSchedule-card
    .card
    .schedule-lst
    li:not(:last-child) {
    margin-bottom: 5px;
  }
}

@media (min-width: 1200px) {
  .library-siteSchedule .siteSchedule-card .card .schedule-lst li p {
    margin-right: -4px;
  }
}

@media (min-width: 1200px) {
  .library-siteSchedule .siteSchedule-card .card .schedule-lst li {
    padding-right: 6px;
  }
}

@media (max-width: 767px) {
  .library-siteSchedule .siteSchedule-card .card {
    padding: 15px 10px;
  }
}

@media (max-width: 991px) {
  .library-deficiencies .content-header {
    margin-bottom: 0;
  }
}

.library-deficiencies .card {
  padding: 15px;
}

.library-deficiencies .card .cheading {
  margin-bottom: 15px;
}

.library-deficiencies .card .cheading .right-div .btn {
  height: 36px;
  font-size: 14px;
  padding: 9px 15px;
}

.library-deficiencies .card .cheading .right-div .btn .ico-img {
  height: 12px;
  width: 12px;
  margin-left: 8px;
}

@media (max-width: 767px) {
  .library-deficiencies .card .cheading .right-div {
    margin: 0;
    margin-left: auto;
    width: auto;
  }
}

@media (max-width: 767px) {
  .library-deficiencies .card .cheading {
    margin-bottom: 10px;
  }
}

@media (max-width: 991px) {
  .library-deficiencies .card .custom-table table tbody tr td {
    padding-left: 15px;
    padding-right: 15px;
  }

  .library-deficiencies .card .custom-table table tbody tr td:first-child {
    padding-top: 20px;
    padding-bottom: 5px;
    line-height: 18px;
    font-size: 14px;
    font-weight: 500;
    color: #1b2236;
  }

  .library-deficiencies
    .card
    .custom-table
    table
    tbody
    tr
    td:first-child:before {
    display: inline-block;
    top: 20px;
  }
  .library-deficiencies
    .card
    .custom-table.data-not-found-table
    table
    tbody
    tr
    td:first-child:before {
    display: none;
  }
}

@media (max-width: 991px) {
  .library-deficiencies .card .custom-table table tbody tr:not(:last-child) {
    margin-bottom: 10px;
  }
}

.library-deficiencies
  .card.deficiencyAreas-card
  .custom-table
  table
  thead
  tr
  th:nth-child(1) {
  width: 250px;
}

.library-deficiencies
  .card.deficiencyAreas-card
  .custom-table
  table
  thead
  tr
  th:nth-child(2) {
  width: 390px;
}

.library-deficiencies
  .card.deficiencyAreas-card
  .custom-table
  table
  thead
  tr
  th:nth-child(3) {
  width: 146px;
}

.library-deficiencies
  .card.deficiencyAreas-card
  .custom-table
  table
  thead
  tr
  th:nth-child(4) {
  width: 290px;
}

.library-deficiencies
  .card.deficiencyAreas-card
  .custom-table
  table
  tbody
  tr
  .form-control {
  display: none;
  font-size: 14px;
  height: 36px;
  border-color: #d9e0e9;
  box-shadow: none !important;
}

@media (min-width: 992px) {
  .library-deficiencies
    .card.deficiencyAreas-card
    .custom-table
    table
    tbody
    tr
    .form-control {
    margin: -8px 0 -9px;
  }
}

@media (max-width: 991px) {
  .library-deficiencies
    .card.deficiencyAreas-card
    .custom-table
    table
    tbody
    tr
    .form-control {
    margin: -2px 0 0px;
  }
}

.library-deficiencies
  .card.deficiencyAreas-card
  .custom-table
  table
  tbody
  tr
  .actions
  .delete-ico {
  width: 18px;
}

@media (min-width: 992px) {
  .library-deficiencies
    .card.deficiencyAreas-card
    .custom-table
    table
    tbody
    tr
    .actions {
    justify-content: flex-end;
    max-width: 145px;
    margin-left: auto;
  }
}

.library-deficiencies
  .card.deficiencyAreas-card
  .custom-table
  table
  tbody
  tr
  .edit-actions {
  display: none;
  justify-content: flex-end;
}

@media (min-width: 992px) {
  .library-deficiencies
    .card.deficiencyAreas-card
    .custom-table
    table
    tbody
    tr
    .edit-actions {
    justify-content: flex-start;
  }
}

.library-deficiencies
  .card.deficiencyAreas-card
  .custom-table
  table
  tbody
  tr
  .bootstrap-select {
  max-width: 130px;
}

.library-deficiencies
  .card.deficiencyAreas-card
  .custom-table
  table
  tbody
  tr
  .bootstrap-select
  .btn-light {
  height: 36px;
  border-radius: 4px;
  padding: 8px 0;
}

.library-deficiencies
  .card.deficiencyAreas-card
  .custom-table
  table
  tbody
  tr
  .bootstrap-select
  .btn-light
  .filter-option-inner-inner {
  font-size: 14px;
  line-height: 18px;
}

@media (max-width: 991px) {
  .library-deficiencies
    .card.deficiencyAreas-card
    .custom-table
    table
    tbody
    tr
    .bootstrap-select
    .btn-light {
    padding: 0;
  }
}

@media (min-width: 992px) {
  .library-deficiencies
    .card.deficiencyAreas-card
    .custom-table
    table
    tbody
    tr
    .bootstrap-select {
    margin: -10px 0;
  }
}

.library-deficiencies
  .card.deficiencyAreas-card
  .custom-table
  table
  tbody
  tr.edit-row
  td[data-heading="name"]::before,
.library-deficiencies
  .card.deficiencyAreas-card
  .custom-table
  table
  tbody
  tr.edit-row
  td[data-heading="Name"]::before,
.library-deficiencies
  .card.deficiencyAreas-card
  .custom-table
  table
  tbody
  tr.edit-row
  td[data-heading="status"]::before,
.library-deficiencies
  .card.deficiencyAreas-card
  .custom-table
  table
  tbody
  tr.edit-row
  td[data-heading="Status"]::before {
  top: 12px;
}

.library-deficiencies
  .card.deficiencyAreas-card
  .custom-table
  table
  tbody
  tr.edit-row
  .input-text {
  display: none;
}

.library-deficiencies
  .card.deficiencyAreas-card
  .custom-table
  table
  tbody
  tr.edit-row
  .form-control {
  display: inline-block;
}

.library-deficiencies
  .card.deficiencyAreas-card
  .custom-table
  table
  tbody
  tr.edit-row
  .actions {
  display: none;
}

.library-deficiencies
  .card.deficiencyAreas-card
  .custom-table
  table
  tbody
  tr.edit-row
  .edit-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: inline-flex;
}

.library-deficiencies
  .card.deficiencyAreas-card
  .custom-table
  table
  tbody
  tr.edit-row
  .bootstrap-select
  .btn-light {
  padding: 8px 10px;
  border: 1px solid #d9e0e9 !important;
  background-color: #fff !important;
}

.library-deficiencies
  .card.deficiencyAreas-card
  .custom-table
  table
  tbody
  tr:not(.edit-row)
  .bootstrap-select
  .btn-light {
  pointer-events: none;
  border: none !important;
}

.library-deficiencies
  .card.deficiencyAreas-card
  .custom-table
  table
  tbody
  tr:not(.edit-row)
  .bootstrap-select
  .btn-light::after {
  opacity: 0;
}

@media (max-width: 991px) {
  .library-deficiencies
    .card.deficiencyAreas-card
    .custom-table
    table
    tbody
    tr:not(.edit-row)
    .bootstrap-select
    .btn-light {
    max-height: 18px;
  }
}

@media (max-width: 991px) {
  .library-deficiencies
    .card.deficiencyAreas-card
    .custom-table
    table
    tbody
    tr.edit-row-new
    [data-heading="Status"],
  .library-deficiencies
    .card.deficiencyAreas-card
    .custom-table
    table
    tbody
    tr.edit-row-new
    [data-heading="status"] {
    display: none;
  }
}

.library-deficiencies
  .card.deficiencyAreas-card
  .custom-table
  table
  tbody
  tr.edit-row-new
  .bootstrap-select {
  display: none;
}

@media (max-width: 991px) {
  .library-deficiencies
    .card.deficiencyAreas-card
    .custom-table
    table
    tbody
    tr.edit-row-new {
    order: 0;
  }
}

.library-deficiencies
  .card.deficiencyAreas-card
  .custom-table
  table
  tbody
  tr.disabled
  .bootstrap-select
  .btn-light
  .filter-option-inner-inner {
  color: #98a9b2;
}

@media (max-width: 991px) {
  .library-deficiencies
    .card.deficiencyAreas-card
    .custom-table
    table
    tbody
    tr {
    order: 1;
  }
}

@media (max-width: 991px) {
  .library-deficiencies .card.deficiencyAreas-card .custom-table table tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
}

.library-deficiencies
  .card.deficiencies-card
  .custom-table
  table
  thead
  tr
  th:nth-child(1) {
  width: 250px;
}

@media (min-width: 1440px) {
  .library-deficiencies
    .card.deficiencies-card
    .custom-table
    table
    thead
    tr
    th:nth-child(1) {
    width: 380px;
  }
}

.library-deficiencies
  .card.deficiencies-card
  .custom-table
  table
  thead
  tr
  th:nth-child(2) {
  width: 230px;
}

@media (min-width: 1440px) {
  .library-deficiencies
    .card.deficiencies-card
    .custom-table
    table
    thead
    tr
    th:nth-child(2) {
    width: 380px;
  }
}

.library-deficiencies
  .card.deficiencies-card
  .custom-table
  table
  thead
  tr
  th:nth-child(3) {
  width: 220px;
}

.library-deficiencies
  .card.deficiencies-card
  .custom-table
  table
  thead
  tr
  th:nth-child(4) {
  width: 90px;
}

@media (min-width: 992px) {
  .library-deficiencies
    .card.deficiencies-card
    .custom-table
    table
    tbody
    tr
    td
    .actions {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

@media (max-width: 480px) {
  .library-deficiencies
    .card.deficiencies-card
    .custom-table
    table
    tbody
    tr
    td:nth-child(2) {
    min-height: 46px;
  }
}

@media (max-width: 767px) {
  .library-deficiencies .card {
    padding: 10px;
  }
}

.library-periodics {
  position: relative;
}

.library-periodics .newAdd {
  position: absolute;
  right: 0;
  top: 18px;
}

.library-periodics .newAdd .btn {
  padding: 8px 15px;
  height: 36px;
  font-size: 14px;
  line-height: 18px;
}

.library-periodics .newAdd .btn .plus-ico {
  margin-left: 7px;
  width: 10px;
  height: 10px;
}

@media (max-width: 991px) {
  .library-periodics .newAdd .btn {
    margin-left: auto;
  }
}

@media (max-width: 991px) {
  .library-periodics .newAdd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: static;
    width: 100%;
    margin-bottom: 24px;
    margin-top: -18px;
  }
}

@media (max-width: 767px) {
  .library-periodics .photogroup-Section .card {
    padding: 10px !important;
  }
}

.library-periodics .photogroup-Section .content-header-md {
  padding-bottom: 8px;
}

@media (max-width: 767px) {
  .library-periodics .photogroup-Section .content-header-md {
    padding: 11px 16px;
  }
}

.library-periodics .materialsRequired-card {
  padding: 15px;
}

.library-periodics .materialsRequired-card .cheading {
  margin-bottom: 15px;
}

.library-periodics .materialsRequired-card .cheading .right-div .btn {
  height: 36px;
  font-size: 14px;
  padding: 9px 15px;
}

.library-periodics .materialsRequired-card .cheading .right-div .btn .ico-img {
  height: 12px;
  width: 12px;
  margin-left: 8px;
}

@media (max-width: 767px) {
  .library-periodics .materialsRequired-card .cheading .right-div {
    margin: 0;
    margin-left: auto;
    width: auto;
  }
}

@media (max-width: 767px) {
  .library-periodics .materialsRequired-card .cheading {
    margin-bottom: 10px;
  }
}

.library-periodics
  .materialsRequired-card
  .custom-table
  table
  thead
  tr
  th:nth-child(1) {
  width: 250px;
}

.library-periodics
  .materialsRequired-card
  .custom-table
  table
  thead
  tr
  th:nth-child(2) {
  width: 360px;
}

@media (min-width: 1441px) {
  .library-periodics
    .materialsRequired-card
    .custom-table
    table
    thead
    tr
    th:nth-child(2) {
    width: 560px;
  }
}

.library-periodics
  .materialsRequired-card
  .custom-table
  table
  thead
  tr
  th:nth-child(4) {
  width: 90px;
}

.library-periodics
  .materialsRequired-card
  .custom-table.data-not-found-table
  table
  tbody
  tr
  td:first-child:before {
  display: none;
}

@media (min-width: 992px) {
  .library-periodics .materialsRequired-card .custom-table table tbody tr td {
    padding-top: 21px;
    padding-bottom: 23px;
    min-height: 62px;
  }
}

@media (max-width: 991px) {
  .library-periodics .materialsRequired-card .custom-table table tbody tr td {
    padding-left: 15px;
    padding-right: 15px;
  }

  .library-periodics
    .materialsRequired-card
    .custom-table
    table
    tbody
    tr
    td:first-child {
    padding-top: 20px;
    padding-bottom: 5px;
    line-height: 18px;
    font-size: 14px;
    font-weight: 500;
    color: #1b2236;
  }

  .library-periodics
    .materialsRequired-card
    .custom-table
    table
    tbody
    tr
    td:first-child:before {
    display: inline-block;
    top: 20px;
  }
}

.library-periodics
  .materialsRequired-card
  .custom-table
  table
  tbody
  tr
  .input-txt {
  word-break: break-word;
}

@media (min-width: 1441px) {
  .library-periodics
    .materialsRequired-card
    .custom-table
    table
    tbody
    tr
    .input-txt {
    max-width: 560px;
  }
}

@media (max-width: 1440px) and (min-width: 991px) {
  .library-periodics
    .materialsRequired-card
    .custom-table
    table
    tbody
    tr
    .input-txt {
    max-width: 360px;
  }
}

.library-periodics
  .materialsRequired-card
  .custom-table
  table
  tbody
  tr
  .form-control {
  display: none;
  font-size: 14px;
  height: 36px;
  border-color: #d9e0e9;
  box-shadow: none !important;
}

@media (min-width: 992px) {
  .library-periodics
    .materialsRequired-card
    .custom-table
    table
    tbody
    tr
    .form-control {
    margin: -8px 0 -9px;
  }
}

@media (max-width: 991px) {
  .library-periodics
    .materialsRequired-card
    .custom-table
    table
    tbody
    tr
    .form-control {
    margin: -2px 0 0px;
  }
}

.library-periodics
  .materialsRequired-card
  .custom-table
  table
  tbody
  tr
  textarea.form-control {
  line-height: 1.4;
  height: 68px;
  resize: none;
  padding: 0.68rem 0.76rem;
}

.library-periodics
  .materialsRequired-card
  .custom-table
  table
  tbody
  tr
  .actions
  .delete-ico {
  width: 18px;
}

@media (min-width: 992px) {
  .library-periodics
    .materialsRequired-card
    .custom-table
    table
    tbody
    tr
    .actions {
    justify-content: flex-end;
  }
}

.library-periodics
  .materialsRequired-card
  .custom-table
  table
  tbody
  tr
  .edit-actions {
  display: none;
  justify-content: flex-end;
}

.library-periodics
  .materialsRequired-card
  .custom-table
  table
  tbody
  tr.edit-row
  .input-txt {
  display: none;
}

.library-periodics
  .materialsRequired-card
  .custom-table
  table
  tbody
  tr.edit-row
  .form-control {
  display: inline-block;
}

.library-periodics
  .materialsRequired-card
  .custom-table
  table
  tbody
  tr.edit-row
  .actions {
  display: none;
}

.library-periodics
  .materialsRequired-card
  .custom-table
  table
  tbody
  tr.edit-row
  .edit-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.library-periodics
  .materialsRequired-card
  .custom-table
  table
  tbody
  tr.edit-row
  td[data-heading="actions"]::before,
.library-periodics
  .materialsRequired-card
  .custom-table
  table
  tbody
  tr.edit-row
  td[data-heading="Actions"]::before {
  opacity: 0;
}

@media (max-width: 767px) {
  .library-periodics
    .materialsRequired-card
    .custom-table
    table
    tbody
    tr:not(:last-child) {
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .library-periodics .materialsRequired-card {
    padding: 10px;
  }
}

.library-subFrq .content-header .note {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #545a6b;
}

@media (max-width: 767px) {
  .library-subFrq .mainAccordion .card .cheading .right-div {
    order: 4;
  }
}

.library-subFrq .mainAccordion .card .cheading .ico-img.edit-ico {
  width: 16px;
  height: 16px;
}

.library-subFrq .mainAccordion .card .accordion-block {
  padding: 13px 0 8px;
}

.library-subFrq .mainAccordion .card .accordion-block h4 {
  margin: 0 0 13px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #545a6b;
}

@media (max-width: 767px) {
  .library-subFrq .mainAccordion .card .accordion-block h4 {
    display: none;
  }
}

.library-subFrq .frq-lst {
  margin: 0;
  padding: 8px 0;
  width: 100%;
  list-style: none;
  border-radius: 4px;
  border: solid 1px #e9edf3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.library-subFrq .frq-lst li {
  padding: 5px 3% 4px;
  width: 100%;
  min-height: 44px;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .library-subFrq .frq-lst li:not(:last-child) {
    border-right: 1px solid #e5eef5;
  }
}

@media (max-width: 767px) {
  .library-subFrq .frq-lst li:not(:last-child) {
    margin-bottom: 13px;
    border-bottom: 1px solid #e5eef5;
  }
}

.library-subFrq .frq-lst li label {
  margin: 0 0 8px;
  font-size: 12px;
  line-height: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #6d7f8b;
}

.library-subFrq .frq-lst li p {
  margin: 0;
  font-size: 15px;
  line-height: 15px;
  font-weight: 600;
  color: #1b2236;
}

@media (max-width: 767px) {
  .library-subFrq .frq-lst li {
    padding: 0 0 15px;
    max-width: calc(50% - 5px);
  }
}

@media (max-width: 767px) {
  .library-subFrq .frq-lst {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 15px 10px 0;
  }
}

.md-editFrequencyLst .row {
  margin-right: -5px;
  margin-left: -5px;
}

.md-editFrequencyLst .row .col-6,
.md-editFrequencyLst .row .col-12 {
  padding-left: 5px;
  padding-right: 5px;
}

@media (min-width: 768px) {
  .md-editFrequencyLst .row .col-6,
  .md-editFrequencyLst .row .col-12 {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media (min-width: 768px) {
  .md-editFrequencyLst .row {
    margin-right: -12px;
    margin-left: -12px;
  }
}

.md-editFrequencyLst .viewBox {
  margin-bottom: 24px;
  padding: 16px;
  line-height: 1;
}

.md-editFrequencyLst .viewBox label {
  margin-bottom: 8px;
  text-transform: uppercase;
}

.md-editFrequencyLst .frequencyLst .form-group {
  margin-bottom: 24px;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .md-editFrequencyLst .frequencyLst .form-group {
    margin-bottom: 15px;
  }
}

.dashbord-cards .customLegend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -109px;
}

.dashbord-cards .customLegend p {
  margin: 0 25px 0 0;
  color: #1b2236;
  font-weight: 600;
  font-size: 13px;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dashbord-cards .customLegend p:last-child {
  margin-right: 0;
}

.dashbord-cards .customLegend p .circle {
  display: inline-flex;
  border-radius: 50px;
  margin-right: 8px;
  height: 12px;
  width: 12px;
}

@media (min-width: 768px) {
  .dashbord-cards .row .col-12 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 992px) {
  .dashbord-cards .row .col-12.border-right {
    border-right-color: #f1f3f6 !important;
  }
}

@media (max-width: 992px) {
  .dashbord-cards .row .col-12.border-right {
    border-right: none !important;
    border-bottom: 1px solid #f1f3f6 !important;
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .dashbord-cards .row {
    margin-right: -10px;
    margin-left: -10px;
  }
}

.dashbord-cards .card {
  margin: 0 0 20px;
  padding: 24px 20px;
  width: 100%;
}

.dashbord-cards .card h3 {
  margin: 0 0 24px;
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  letter-spacing: -0.1px;
  color: #1b2236;
}

@media (max-width: 767px) {
  .dashbord-cards .card h3 {
    line-height: 20px;
    font-size: 16px;
    letter-spacing: -0.09px;
  }
}

.dashbord-cards .card h4 {
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  color: #1b2236;
}

@media (max-width: 767px) {
  .dashbord-cards .card h4 {
    line-height: 18px;
    font-size: 14px;
  }
}

.dashbord-cards .card .chartBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media (max-width: 767px) {
  .dashbord-cards .card {
    margin-bottom: 15px;
    padding: 24px 15px 5px;
  }
}

.dashbord-cards .custom-chart {
  min-width: 100%;
  max-width: 100%;
}

@media (max-width: 480px) {
  .dashbord-cards .custom-chart.lastDaySitesChart {
    min-height: 340px;
  }
}

.dashbord-cards
  .custom-chart.lastDaySitesChart
  .highcharts-legend-item.highcharts-pie-series
  rect {
  x: -18;
  x: -18px;
}

.dashbord-cards
  .custom-chart.lastDaySitesChart
  .highcharts-legend-item.highcharts-pie-series
  > span {
  left: 0px !important;
}

.dashbord-cards .deficiencie-table table {
  width: 100%;
}

.dashbord-cards .deficiencie-table table tbody tr:first-child {
  border-bottom: none;
  padding-top: 0px;
  padding-bottom: 30px;
}

@media (max-width: 991px) {
  .dashbord-cards .deficiencie-table table tbody tr:first-child td {
    padding-top: 0px;
    padding-bottom: 4px;
  }
}

@media (max-width: 991px) and (max-width: 991px) {
  .dashbord-cards .deficiencie-table table tbody tr:first-child td:first-child {
    padding-bottom: 8px;
  }
}

@media (max-width: 991px) {
  .dashbord-cards .deficiencie-table table tbody tr:first-child {
    padding-bottom: 6px;
  }
}

.dashbord-cards .deficiencie-table table tbody tr:last-child {
  border-bottom: none;
}

.dashbord-cards .deficiencie-table table tbody tr:not(.disabled):hover td {
  background-color: #fff;
}

.dashbord-cards .deficiencie-table table tbody tr td {
  width: 140px;
  padding: 15px 15px 15px 0;
  padding-left: 0 !important;
  border-left: none !important;
  border-right: none !important;
}

.dashbord-cards .deficiencie-table table tbody tr td:first-child {
  width: 54%;
}

@media (max-width: 991px) {
  .dashbord-cards .deficiencie-table table tbody tr td:first-child {
    font-size: 14px;
    line-height: 18px;
  }
}

.dashbord-cards .deficiencie-table table tbody tr td:last-child {
  white-space: nowrap;
}

@media (max-width: 991px) {
  .dashbord-cards .deficiencie-table table tbody tr td {
    min-height: 1px !important;
  }

  .dashbord-cards .deficiencie-table table tbody tr td:not(:first-child) {
    font-size: 13px;
  }

  .dashbord-cards .deficiencie-table table tbody tr td:before {
    display: none;
  }
}

@media (max-width: 991px) {
  .dashbord-cards .deficiencie-table table tbody tr {
    margin: 0;
    padding: 15px 0;
    border-radius: 0px;
    border: none !important;
  }

  .dashbord-cards .deficiencie-table table tbody tr:not(:first-child) {
    flex-direction: row;
  }

  .dashbord-cards
    .deficiencie-table
    table
    tbody
    tr:not(:first-child):not(:last-child) {
    border-bottom: 1px solid #e9edf3 !important;
  }

  .dashbord-cards .deficiencie-table table tbody tr:not(:first-child) td {
    padding: 0;
    width: auto !important;
  }

  .dashbord-cards
    .deficiencie-table
    table
    tbody
    tr:not(:first-child)
    td:first-child {
    padding-bottom: 4px;
    width: 100% !important;
  }

  .dashbord-cards
    .deficiencie-table
    table
    tbody
    tr:not(:first-child)
    td:not(:last-child) {
    padding-right: 24px;
  }
}

.dashbord-cards .deficiencie-table .color-circle {
  margin: 0 6px 1px 0;
  height: 8px;
  width: 8px;
  display: inline-block;
  border-radius: 50px;
}

.dashbord-cards .deficiencie-table .color-circle.danger {
  background-color: #ff5454;
}

.dashbord-cards .deficiencie-table .color-circle.worning {
  background-color: #ff912a;
}

.dashbord-cards .deficiencie-table .color-circle.success {
  background-color: #8dc53f;
}

.dashbord-cards .prd-lst {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
}

.dashbord-cards .prd-lst li {
  margin: 0;
  padding: 16px 0;
  width: 100%;
}

.dashbord-cards .prd-lst li:not(:last-child) {
  border-bottom: solid 1px #e9edf3;
}

.dashbord-cards .prd-lst li h4 {
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #1b2236;
}

.dashbord-cards .prd-lst li p {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  color: #858997;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .dashbord-cards .prd-lst li p span ~ span {
    padding-top: 6px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.dashbord-cards .prd-lst li p .ico-img.dot {
  margin: 5px 8px 0;
  opacity: 0.1;
  background-color: #000;
}

@media (max-width: 767px) {
  .dashbord-cards .prd-lst li p {
    flex-wrap: wrap;
  }
}

.dashbord-cards .table-responsive table {
  margin: 0;
}

.dashbord-cards .table-responsive table thead tr th {
  border: none;
  padding: 16px 13px 16px 0;
  font-size: 14px;
  line-height: 18px;
  color: #1b2236;
  vertical-align: top;
}

@media (max-width: 767px) {
  .dashbord-cards .table-responsive table thead tr th:last-child {
    padding-right: 0;
  }
}

.dashbord-cards .table-responsive table tbody tr td {
  padding: 16px 13px 16px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #1b2236;
}

@media (max-width: 767px) {
  .dashbord-cards .table-responsive table tbody tr td:last-child {
    padding-right: 0;
  }
}

.dashbord-cards .table-responsive table .ico-img.view-ico {
  width: 19px;
  height: 15px;
}

.dashbord-cards .table-responsive table .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767px) {
  .dashbord-cards .table-responsive table .date span ~ span {
    padding-right: 0;
    padding-top: 4px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 767px) {
  .dashbord-cards .table-responsive table .date span {
    padding-right: 10px;
    white-space: nowrap;
  }
}

.dashbord-cards .table-responsive table .date .ico-img {
  margin: 0 5px 0;
}

.dashbord-cards .table-responsive table .date .ico-img.dot {
  opacity: 0.1;
  background-color: #000;
}

@media (max-width: 767px) {
  .dashbord-cards .table-responsive table .date .ico-img {
    margin-left: -6px;
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .dashbord-cards .table-responsive table .date {
    flex-wrap: wrap;
  }
}

.md-selectTenant {
  margin-top: -8px;
}

.md-selectTenant p {
  font-weight: 500;
}

.changeYourPlan .content-header h3 {
  margin: 0;
  font-size: 20px;
  line-height: 25px;
  font-weight: 500;
  color: #1c99ec;
}

@media (max-width: 767px) {
  .changeYourPlan .content-header h3 {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (min-width: 992px) {
  .changeYourPlan .content-header {
    margin-bottom: 50px;
  }
}

.changePlan-table table {
  margin: 0;
  width: 100%;
  border: 1px solid #e9edf3;
  border-radius: 4px;
  border-spacing: 0px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.changePlan-table table thead,
.changePlan-table table tbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.changePlan-table table thead tr,
.changePlan-table table tbody tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #fff;
}

.changePlan-table table thead tr th,
.changePlan-table table thead tr td,
.changePlan-table table tbody tr th,
.changePlan-table table tbody tr td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 59px;
  border: none;
  border-top: 1px solid #e9edf3;
  text-align: center;
  padding: 6px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #545a6b;
}

.changePlan-table table thead tr th:first-child,
.changePlan-table table thead tr td:first-child,
.changePlan-table table tbody tr th:first-child,
.changePlan-table table tbody tr td:first-child {
  min-height: 118px;
  border-top: none;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -0.6px;
  color: #1b2236;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .changePlan-table table thead tr th:first-child,
  .changePlan-table table thead tr td:first-child,
  .changePlan-table table tbody tr th:first-child,
  .changePlan-table table tbody tr td:first-child {
    min-height: 96px;
  }
}

@media (max-width: 991px) {
  .changePlan-table table thead tr th:first-child,
  .changePlan-table table thead tr td:first-child,
  .changePlan-table table tbody tr th:first-child,
  .changePlan-table table tbody tr td:first-child {
    min-height: 46px;
    font-size: 16px;
    line-height: 20px;
    padding: 15px 15px 10px;
  }

  .changePlan-table table thead tr th:first-child:before,
  .changePlan-table table thead tr td:first-child:before,
  .changePlan-table table tbody tr th:first-child:before,
  .changePlan-table table tbody tr td:first-child:before {
    display: none;
  }
}

.changePlan-table table thead tr th:last-child,
.changePlan-table table thead tr td:last-child,
.changePlan-table table tbody tr th:last-child,
.changePlan-table table tbody tr td:last-child {
  min-height: 77px;
}

@media (max-width: 991px) {
  .changePlan-table table thead tr th:last-child,
  .changePlan-table table thead tr td:last-child,
  .changePlan-table table tbody tr th:last-child,
  .changePlan-table table tbody tr td:last-child {
    min-height: 28px;
    padding: 15px;
  }

  .changePlan-table table thead tr th:last-child:before,
  .changePlan-table table thead tr td:last-child:before,
  .changePlan-table table tbody tr th:last-child:before,
  .changePlan-table table tbody tr td:last-child:before {
    display: none;
  }
}

.changePlan-table table thead tr th .ico-img.check-ico,
.changePlan-table table thead tr td .ico-img.check-ico,
.changePlan-table table tbody tr th .ico-img.check-ico,
.changePlan-table table tbody tr td .ico-img.check-ico {
  width: 16px;
}

@media (min-width: 992px) {
  .changePlan-table table thead tr th,
  .changePlan-table table thead tr td,
  .changePlan-table table tbody tr th,
  .changePlan-table table tbody tr td {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (max-width: 991px) {
  .changePlan-table table thead tr th,
  .changePlan-table table thead tr td,
  .changePlan-table table tbody tr th,
  .changePlan-table table tbody tr td {
    min-height: 28px;
    border: none;
    padding: 5px 5px 5px 230px;
    width: 100% !important;
    text-align: left;
  }

  .changePlan-table table thead tr th:before,
  .changePlan-table table thead tr td:before,
  .changePlan-table table tbody tr th:before,
  .changePlan-table table tbody tr td:before {
    content: attr(data-heading) ":";
    position: absolute;
    left: 15px;
    top: 6px;
    max-width: 210px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    color: #545a6b;
    text-align: left;
  }
}

@media (max-width: 767px) {
  .changePlan-table table thead tr th,
  .changePlan-table table thead tr td,
  .changePlan-table table tbody tr th,
  .changePlan-table table tbody tr td {
    word-break: break-word;
  }
}

@media (max-width: 480px) {
  .changePlan-table table thead tr th,
  .changePlan-table table thead tr td,
  .changePlan-table table tbody tr th,
  .changePlan-table table tbody tr td {
    padding-left: 144px;
  }

  .changePlan-table table thead tr th:nth-child(4),
  .changePlan-table table thead tr th:nth-child(7),
  .changePlan-table table thead tr td:nth-child(4),
  .changePlan-table table thead tr td:nth-child(7),
  .changePlan-table table tbody tr th:nth-child(4),
  .changePlan-table table tbody tr th:nth-child(7),
  .changePlan-table table tbody tr td:nth-child(4),
  .changePlan-table table tbody tr td:nth-child(7) {
    min-height: 48px;
  }

  .changePlan-table table thead tr th:before,
  .changePlan-table table thead tr td:before,
  .changePlan-table table tbody tr th:before,
  .changePlan-table table tbody tr td:before {
    max-width: 110px;
    font-size: 12px;
  }
}

@media (max-width: 991px) {
  .changePlan-table table thead tr,
  .changePlan-table table tbody tr {
    margin-bottom: 15px;
    border: 1px solid #e9edf3 !important;
    border-radius: 4px;
    overflow: hidden;
  }
}

.changePlan-table table thead {
  width: 25%;
}

.changePlan-table table thead tr th {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: right;
  padding-right: 38px;
  font-weight: 700;
}

@media (max-width: 991px) {
  .changePlan-table table thead {
    display: none !important;
  }
}

.changePlan-table table tbody {
  width: 75%;
}

.changePlan-table table tbody tr td {
  position: relative;
}

.changePlan-table table tbody tr.active {
  background-color: #f8fcff;
}

.changePlan-table table tbody tr .btn {
  padding: 9px 15px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.changePlan-table table tbody tr .btn.btn-outline-primary {
  background-color: #fff;
}

.changePlan-table table tbody tr .btn.btn-outline-primary .ico-img {
  margin-right: 4px;
  height: 18px;
  width: 18px;
}

@media (max-width: 991px) {
  .changePlan-table table tbody tr .btn {
    min-width: 158px;
  }
}

@media (max-width: 480px) {
  .changePlan-table table tbody tr .btn {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .changePlan-table table tbody tr {
    border-left: 1px solid #e9edf3;
    width: 33.33%;
  }
}

@media (max-width: 991px) {
  .changePlan-table table tbody {
    width: 100%;
    flex-direction: column;
  }
}

@media (max-width: 991px) {
  .changePlan-table table {
    border: none;
  }
}

.pagination .ngx-pagination {
  padding-left: 0;
}

@media screen and (max-width: 767px) {
  .siteSchedule-card .nav.nav-pills {
    overflow: auto;
  }
}

@media (max-width: 479px) {
  .md-importExl {
    flex-wrap: wrap;
  }

  .md-importExl .downExl {
    width: 100%;
    align-self: center;
  }

  .sites-listing .content-header .right-div {
    justify-content: flex-start;
  }

  .sites-listing .content-header .right-div button {
    margin-left: 0;
  }
}

@media screen and (max-width: 480px) {
  .custom-table table tbody tr td[data-heading="EMAIL RECIPIENT(s)"] {
    min-height: 45px;
  }
}

.loader_cm_inner {
  position: fixed;
  display: flex;
  width: 100%;
  height: 100%;
  z-index: 99;
  align-items: center;
  justify-content: center;
}

.loader_cm_sub {
  background: #fff;
  padding: 30px 40px;
  border-radius: 13px;
}

.loader_cm_sub .loader_cm {
  position: relative !important;
  margin-bottom: 20px;
}

.custom_check_img {
  height: 18px;
  width: 18px;
  background-size: 8px 8px;
  margin-top: -6px;
  margin-bottom: -4px;
  margin-right: 4px;
  background-color: #ccc;
  background-image: url(../images/checkWhite.svg);
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
}

.custom_check_img.pending {
  background-color: #ffe582;
}

.custom_check_img.fixAccepted {
  background-color: #dcedc4;
}

.custom_check_img.fixRejected {
  background-color: #ffd5d5;
}

.custom_check_img.fixSubmitted {
  background-color: green;
  background-image: url(../images/checkWhite1.svg);
}

.ico-img.ico-editSlot {
  background-color: #000;
}

.ico-img.ico-editSlot {
  background-color: rgba(0, 0, 0, 0.7);
  width: 32px;
  height: 28px;
  border-radius: 3px;
  background-image: url(../images/move.svg);
  background-size: 15px 15px;
}

.ico-img.ico-merge {
  background-color: rgba(0, 0, 0, 0.7);
  width: 32px;
  height: 28px;
  border-radius: 3px;
  background-image: url(../images/merge.svg);
  background-size: 15px 15px;
}

.example-box .removeSlot.editSlot_custom.active .ico-merge {
  background-color: rgba(28, 153, 236, 0.7);
}

.right_side_label .badge {
  margin-left: auto;
}

.right_side_label {
  display: flex;
  align-items: center;
}

.md-viewTicket .img-box img {
  max-height: 245px;
  object-fit: cover;
  object-position: center;
  min-height: 245px;
}

.md-filterSites .custom-checkbox .custom-control-input {
  z-index: 99;
  width: 100%;
  height: 100%;
}

/*# sourceMappingURL=style.css.map */
@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
  .modal {
    padding-top: 70px !important;
  }
}

.ticketSubmit i.ico-img.dot {
  vertical-align: middle;
}

.lightbox .lb-image {
  border: 4px solid #fff;
}

.lb-outerContainer {
  background-color: transparent !important;
}

.meta_check_list {
  margin-top: -10px;
  margin-bottom: 15px !important;
}

.custom-checkbox-lst.meta_check_list li {
  border: none;
  min-height: 25px;
}

.custom-checkbox-lst.meta_check_list li .custom-control-label {
  padding: 6px 0;
}

.custom-checkbox-lst.meta_check_list li .custom-control-label::before,
.custom-checkbox-lst.meta_check_list li .custom-control-label::after {
  border-radius: 50%;
}

.photofloeID_alert .swal2-html-container {
  max-height: 100px;
  overflow: auto;
  font-size: 0;
  display: inline-block !important;
  margin: 0 auto;
  text-align: left;
  max-width: 250px;
}

.photofloeID_alert #swal2-title {
  font-size: 22px;
}

.photofloeID_alert .swal2-html-container p {
  font-size: 14px;
  margin-bottom: 0;
  position: relative;
  padding-left: 10px;
}

.photofloeID_alert .swal2-html-container p::before {
  content: "";
  position: absolute;
  left: 1px;
  top: 8px;
  width: 5px;
  height: 5px;
  background: #000;
  border-radius: 50%;
}

@media screen and (max-width: 991px) {
  .sitePhotoflows-card.inner_tab_container {
    margin-top: -25px;
  }
}

.badge.badge-done {
  color: #fff;
}

.badge.badge-closed {
  color: gray;
}

.innerChk-lst.radio_checklist .custom-control .custom-control-label::before {
  border-radius: 50% !important;
}

.innerChk-lst.radio_checklist .custom-control .custom-control-label::after {
  border-radius: 50%;
}

.view-periodic .card .img-box img {
  height: 214px;
  object-fit: cover;
  object-position: center;
}

.sitePeriodics-card .cheading .right-icons .btn-group {
  display: block;
  margin: 0;
  text-align: right;
}

.selection_option_flex {
  display: flex;
  align-items: center;
  padding-left: 25px;
}

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

.selection_option_flex span {
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  color: #6d7f8b;
  white-space: pre;
  margin: 0 10px;
}

.max-150 {
  max-width: 150px;
}

.selection_option > label {
  display: block;
}

.selection_option {
  margin-bottom: 10px;
}

.form_inner_grp .error {
  position: relative;
  margin-left: 100px;
  top: -5px;
}

.max-300 {
  max-width: 300px;
}

.selection_option_flex ss-multiselect-dropdown .dropdown-toggle {
  padding: 0;
  height: auto;
}

.selection_option_flex ss-multiselect-dropdown {
  max-width: 300px;
}

.selection_option_flex span:first-child {
  margin-left: 0;
}

.font-weight-400 {
  font-weight: 400 !important;
}

.ffMultiSelect .dropdown-toggle {
  padding: 0;
  height: auto;
  width: 100%;
  text-align: left;
  font-weight: normal;
  border: none;
  background: transparent !important;
  color: #000 !important;
}

.ffMultiSelect .dropdown.dropdown-inline {
  width: 100%;
}

.ffMultiSelect .dropdown-toggle::after {
  float: right;
  content: "";
  border: none;
  height: 6px;
  width: 12px;
  background-image: url(../images/angle-down.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  right: 2px;
  position: relative;
  top: 7px;
}

.ffMultiSelect .dropdown-menu {
  width: 100%;
  background: #fff;
  padding: 0 16px;
  margin: 15px 0;
  border: none;
  border-radius: 4px;
  box-shadow: 0 2px 10px 0 rgb(0 0 0 / 6%);
  background-color: #fff;
}

.ffMultiSelect .dropdown-menu .dropdown-item:not(.check-control) {
  font-size: 15px;
  font-weight: 600;
  padding: 0;
  color: #1b2236;
  position: relative;
  background-color: transparent !important;
  border-radius: 4px;
  line-height: 14px;
  border-bottom: 1px solid #d9e0e9;
  border-radius: 0;
}

.ffMultiSelect .dropdown-menu .dropdown-item:not(.check-control) span span {
  font-weight: 600 !important;
  color: #1b2236;
  font-size: 15px;
}

.ffMultiSelect .input-group.search-container {
  padding: 0;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
}

.ffMultiSelect .input-group.search-container .input-group-prepend {
  display: none;
}

.ffMultiSelect .input-group.search-container .input-group-append {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.ffMultiSelect
  .input-group.search-container
  .input-group-append
  .btn-secondary {
  background: transparent;
  border: none;
  color: #000;
  padding: 0;
  line-height: 0;
  height: auto;
}

.ffMultiSelect .input-group.search-container input.form-control {
  padding: 8px 30px 8px 12px;
  height: 36px;
  min-height: 36px;
  border-radius: 4px;
  border: 1px solid #d9e0e9;
}

.ffMultiSelect .dropdown-menu .dropdown-item:not(.check-control) > span {
  display: block;
  width: 100%;
  position: relative;
  padding: 14px 0;
  cursor: pointer;
}

.ffMultiSelect .dropdown-menu .dropdown-item:not(.check-control) > span input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  opacity: 0;
  cursor: pointer;
}

.ffMultiSelect .dropdown-menu .dropdown-item:not(.check-control) span span {
  display: block;
  width: 100%;
  padding-left: 25px;
  position: relative;
}

.ffMultiSelect
  .dropdown-menu
  .dropdown-item:not(.check-control)
  span
  span::after {
  content: "";
  position: absolute;
  left: 0;
  top: 49%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border-radius: 2.2px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  background-color: #fff;
  border: solid 1px #ccc;
  z-index: 2;
}

.ffMultiSelect
  .dropdown-menu
  .dropdown-item:not(.check-control)
  > span
  input
  + span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 16px;
  width: 16px;
  border-radius: 2.2px;
  background-position: center center;
  background-size: 120% 120%;
  z-index: 2;
  border: none;
}

.ffMultiSelect
  .dropdown-menu
  .dropdown-item:not(.check-control)
  > span
  input:checked
  + span::after {
  z-index: 1;
}

.ffMultiSelect
  .dropdown-menu
  .dropdown-item:not(.check-control)
  > span
  input:checked
  + span::before {
  border: none;
  background-image: url(../images/checkbox-checked-small.svg);
}

.ffMultiSelect .dropdown-menu .dropdown-item.check-control {
  background: #1c99ec;
  display: inline-block;
  width: auto;
  color: #fff;
  border-radius: 5px;
  padding: 5px 12px;
  font-size: 14px;
}

@media screen and (max-width: 992px) {
  .ffMultiSelect .dropdown-menu .dropdown-item.check-control {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
  }

  .ffMultiSelect .dropdown-menu .dropdown-item.check-control + .check-control {
    margin-left: 0px !important;
  }

  .lb-nav a.lb-next,
  .lb-nav a.lb-prev {
    opacity: 1 !important;
  }
}

.ffMultiSelect .dropdown-menu .dropdown-item.check-control + .check-control {
  margin-left: 5px;
}

.gallery_photos_1 li {
  width: 100% !important;
  height: 100% !important;
  margin-right: 0 i !important;
}

.gallery_photos_2 li {
  width: calc((100% / 2) - 3.4px) !important;
  height: 100% !important;
  margin-bottom: 0 !important;
}

.gallery_photos_2 li + li {
  margin: 0 !important;
}

.gallery_photos_4 li,
.gallery_photos_3 li {
  width: calc(50% - 3.4px) !important;
  height: calc((100% / 2) - 5px) !important;
}

.gallery_photos_4 li:nth-child(even),
.gallery_photos_3 li:nth-child(even) {
  margin-right: 0 !important;
}

.gallery_photos_4 li:nth-child(odd),
.gallery_photos_3 li:nth-child(odd) {
  margin-right: 5px !important;
}

.media-imgs ul.img-group {
  align-content: flex-start;
}

.gallery_photos_5 li,
.gallery_photos_6 li {
  height: calc((100% / 2) - 5px) !important;
}

.gallery_photos_5,
.gallery_photos_6 {
  position: relative;
}

.gallery_photos_5::after,
.gallery_photos_6::after {
  content: "";
  position: absolute;
  bottom: 5px;
  right: 0;
  height: calc((100% / 2) - 5px) !important;
  width: calc((100% / 3) - 3.4px);
  background: #f7fafd;
}

.gallery_photos_7 {
  position: relative;
}

.gallery_photos_7::after {
  content: "";
  position: absolute;
  bottom: 5px;
  right: 0;
  height: calc((100% / 3) - 5px) !important;
  width: calc(67% - 3.4px);
  background: #f7fafd;
}

.gallery_photos_8 {
  position: relative;
}

.gallery_photos_8::after {
  content: "";
  position: absolute;
  bottom: 5px;
  right: 0;
  height: calc((100% / 3) - 5px) !important;
  width: calc((100% / 3) - 3.4px);
  background: #f7fafd;
}

.report_comment {
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
}

.floor_access_media .media-body {
  max-width: calc(100% - 305px);
}

.report_attachment_image {
  position: relative;
  margin-bottom: 10px;
  cursor: pointer;
}

.comment_overlay {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
  width: 100%;
}

.flrAccIsu-details > .card + .card {
  margin-top: 30px;
}

.bootstrap-tagsinput input[type="text"] {
  outline: none !important;
  border: none;
}

#emailSiteReports .tags-input {
  width: 100%;
}

#emailSiteReports .tags-input input {
  position: relative;
  height: 25px;
  min-height: 25px;
  margin-left: 5px;
  width: auto;
  flex: 1;
}

#emailSiteReports .tags-input .bootstrap-tagsinput {
  display: flex;
  flex-wrap: wrap;
}

.gallery_photos_3 {
  position: relative;
}

.gallery_photos_3::after {
  content: "";
  position: absolute;
  bottom: 5px;
  right: 0;
  height: calc((100% / 2) - 5px) !important;
  width: calc((100% / 2) - 3.4px);
  background: #f7fafd;
}

.photo_date {
  position: absolute;
  top: 10px;
  left: 10px;
  color: orange;
  font-weight: 600;
  background: rgb(0 0 0 / 50%);
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px;
  right: auto;
}

.uploaded_image {
  padding: 0 15px;
  margin-top: 15px;
}

.uploaded_image img {
  max-width: 150px;
}

.image_upload_image {
  height: 100vh;
  position: fixed;
  top: 0px;
  width: 100%;
  background-color: rgba(1, 1, 1, 0.5);
  z-index: 999;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image_upload_inner {
  top: 10%;
  width: 50%;
  margin: 0px 25%;
  background-color: white;
  padding: 20px;
  border-radius: 5px;
}

.image_upload_inner #searchMetadata {
  margin-bottom: 10px;
  max-height: 150px;
  outline: none;
  box-shadow: none;
}

.image_upload_inner .btn-primary {
  margin-left: 10px;
}

.image_upload_inner .searchedImageSec img {
  max-width: 150px;
  border-radius: 3px;
}

.image_upload_inner .searchedImageSec p {
  margin-bottom: 5px;
  font-size: 12px;
}

.download_btn label {
  font-size: 12px;
  display: block;
  margin-bottom: 0;
}

.download_btn_grp {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.download_btn .btn.btn-light {
  font-size: 12px;
  padding: 5px 10px;
  height: auto;
}

.upload_note {
  margin: 0;
  font-size: 12px;
  margin-top: 5px;
  text-align: center;
}

.uploaded_image img {
  border-radius: 3px;
}

.view-ticket .carousel-item .img-box img {
  /* height    : 415px; */
  height: auto;
  object-fit: cover;
  width: 100%;
}

@media screen and (max-width: 480px) {
  .radiobtn-lst.close_ticket_radio input.custom-control-input {
    z-index: 1;
  }

  #emailSiteReports .tags-input {
    max-width: calc(100% - 30px);
  }
}

.ticket_preview_modal .modal-dialog {
  max-width: 80% !important;
}

.ticket_preview_modal table th,
.ticket_preview_modal table td {
  text-align: center;
  vertical-align: middle;
}

.ticket_preview_modal table img {
  border-radius: 5px;
  width: 90px;
  height: 90px;
  object-fit: cover;
  object-position: center;
}

.view-periodic .card .form-group p.email_field {
  flex-wrap: wrap;
  word-break: break-all;
}

.dynamic_count_btn {
  min-width: 165px !important;
}

.modal.show {
  pointer-events: auto;
}

@media screen and (max-width: 992px) {
  .addSpPhotos.add_sample_photos {
    margin-top: 20px;
  }

  .photogroup-Section .content-header .addSpPhotos.add_sample_photos,
  .photoflow_create {
    margin-top: 3px;
  }

  .dynamic_count_btn {
    min-width: 36px !important;
  }
}

@media screen and (max-width: 320px) {
  .photogroup-Section .content-header .addSpPhotos.add_sample_photos,
  .content-header .btn.photoflow_create {
    font-size: 12px;
    padding: 0 5px;
  }
}

.fotofinish_report_table {
  padding: 0;
}

.fotofinish_report_table .thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.fotofinish_report_table .btn.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
  height: auto;
}

.fotofinish_report_table .thumbnail .img-responsive {
  width: 100%;
}

/* date range picker */
.daterangepicker td.active.start-date.available {
  background-color: rgb(2, 117, 216);
  color: white;
}

.daterangepicker td.active.end-date.in-range.available {
  background-color: rgb(2, 117, 216);
  color: white;
}

.daterangepicker td.in-range.available {
  background-color: rgba(2, 117, 216, 0.5);
  color: white;
}

.daterangepicker td.in-range.available:hover {
  /* background-color: #eee; */
  /* border-color: transparent; */
  /* color: inherit; */
  color: white;
  background-color: rgb(2, 117, 216);
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  /* background-color: #eee; */
  /* border-color: transparent; */
  /* color: inherit; */
  color: white;
  background-color: rgb(2, 117, 216);
}

.calendar-table th {
  color: #17a2b8;
  font-weight: normal;
  font-style: italic;
  font-size: 13px;
}

.daterangepicker td.active.start-date.available {
  border-radius: 0;
}

.daterangepicker td.active.end-date.in-range.available {
  border-radius: 0;
}

.calendar-table thead tr:first-child th {
  padding-bottom: 15px;
}

.calendar-table tr:not(:first-child) th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.apply_filter_btn .btn-primary {
  margin-left: 5px;
  padding: 0 10px;
  height: 35px;
  font-size: 14px;
}

.selectPhotos-lst li .btn-group.hover_display {
  opacity: 1;
  display: flex;
}

.content-header .btn.impExl-btn.librrary_import_excel {
  margin-left: auto;
  margin-right: 0;
  border: none;
}

.report_photo_inner {
  max-width: 200px;
  margin: 0 auto;
}

.report_photo_dropdown {
  background: transparent;
  border: none;
  padding: 0;
}

#sliderModelpopup .modal-dialog {
  max-width: 80%;
}

.evolution_rating_scale_inner {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.evolution_rating_scale_inner ss-multiselect-dropdown {
  width: auto;
  margin: 0;
  padding: 0;
  height: auto;
}

.evolution_rating_scale_inner ss-multiselect-dropdown .dropdown-toggle {
  padding: 3px 10px;
  font-size: 13px;
  height: auto;
}

.evolution_rating_scale_field input {
  margin: 0 !important;
  width: 100% !important;
}

.picsum-img-wrapper {
  position: relative;
}

.picsum-img-wrapper .imageMetaData {
  position: absolute;
  top: 20px;
  left: 20px;
  color: orange;
  font-size: 13px;
  background: rgb(0 0 0 / 70%);
  border-radius: 3px;
  padding: 0 5px;
  font-weight: 700;
  max-width: calc(100% - 40px);
  margin: 0;
}

.evolution_sample_photo {
  margin-top: 20px;
}

.sample_photo_inner .refImgSearchText img {
  width: 100%;
}

#sliderModelpopup ngb-carousel {
  outline: none;
}

.evolution_slide_main {
  display: flex;
  max-height: calc(100vh - 100px);
}

.evolution_slide_left {
  width: 45%;
}

.evolution_slide_right {
  width: 55%;
  display: flex;
  padding-left: 15px;
  padding-bottom: 20px;
}

.evolution_slide_right .picsum-img-wrapper img {
  object-fit: cover;
  object-position: center;
}

#sliderModelpopup .carousel-indicators {
  right: 20px;
  left: auto;
  padding: 0;
  margin: 0;
  bottom: 20px;
}

#sliderModelpopup .carousel-indicators > li {
  width: 8px;
  margin: 0 2px;
  height: 8px;
  border-radius: 50%;
}

#sliderModelpopup .carousel-indicators {
  right: 20px;
  left: auto;
  padding: 0;
  margin: 0;
  bottom: 20px;
}

#sliderModelpopup .carousel-indicators > li {
  width: 8px;
  margin: 0 2px;
  height: 8px;
  border-radius: 50%;
}

#sliderModelpopup .carousel-control-prev,
#sliderModelpopup .carousel-control-next {
  background: rgb(0 0 0);
  height: 50px;
  transform: translateY(-50%);
  top: 50%;
  width: 50px;
}

.evolution_submit_btn {
  margin-top: 10px;
  display: flex;
  align-items: center;
}

.evolution_submit_btn #slideSubmit {
  padding: 5px 10px;
  height: auto;
  font-size: 12px;
}

.evolution_slide_left_inner {
  display: flex;
  flex-wrap: wrap;
}

.evolution_slide_left_inner .evolution_sample_photo {
  height: calc(100% - 170px);
}

.evolution_slide_left {
  display: flex;
}

.evolution_rating_btn {
  width: 100%;
}

.sample_photo_inner {
  height: 100%;
  display: flex;
}

.sample_photo_inner .refImgSearchText img {
  max-height: 100%;
  object-fit: cover;
  height: 100%;
}

.evolution_slide_left_inner .evolution_sample_photo.lastSlide {
  height: calc(100% - 190px);
  margin-top: 0;
}

#ftReports-OCaccordion .custom-table {
  max-height: 650px;
  overflow: auto;
}

.report_photo_inner > span {
  font-size: 12px;
}

#ftReports-OCaccordion .custom-table {
  max-height: 516px; /*340px;*/
  overflow: auto;
}

.report_photo_inner > span {
  font-size: 12px;
}

.report_photo_dropdown .dropdown-toggle {
  padding: 5px 10px;
  height: auto;
  font-size: 14px;
}

#ftReports-OCaccordion .photo_col {
  text-align: center;
}

#ftReports-OCaccordion .rating_col {
  width: 40%;
  text-align: center;
}

#ftReports-OCaccordion .action_col {
  width: 40%;
  text-align: center;
}

.start_evolution_image img {
  max-height: 325px;
}

.img-box.start_evolution_image {
  min-height: 100px;
}

.start_evolution_options {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.start_evolution_options .form-group {
  margin: 0 !important;
}

.start_evolution_options .form-group .dropdown-toggle {
  padding: 5px 10px;
  height: auto;
  font-size: 12px;
}

#sliderModelpopup .carousel-indicators {
  right: 20px;
  left: auto;
  padding: 0;
  margin: 0;
  bottom: 20px;
  max-width: 48%;
  flex-wrap: wrap;
  justify-content: flex-end;
}

#sliderModelpopup .carousel-indicators > li {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

#sliderModelpopup .carousel-indicators > li.active {
  background-color: orange;
}

.btn_selectio_view {
  width: 100%;
  text-align: left;
  height: 36px;
  padding: 8px 10px;
  border-color: #d9e0e9;
  background-color: #fff;
  font-weight: normal;
}

.btn_selectio_view::after {
  border: none !important;
  height: 8px;
  width: 11px;
  background-image: url(../images/angle-down.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  float: right;
  vertical-align: middle;
  top: 5px;
  position: relative;
}

.selectPhotos-lst li .btn-group {
  display: flex;
  opacity: 1;
}

.library-periodics
  .materialsRequired-card
  .custom-table
  table
  tbody
  tr
  textarea.form-control {
  display: block;
}

.library-periodics
  .materialsRequired-card
  .custom-table
  table
  tbody
  tr
  .edit-actions {
  display: inline-flex;
}

@media screen and (min-width: 767px) {
  .punchInDP-table td[data-heading="Punch-In"] span {
    white-space: pre;
  }

  .punchInDP-table td[data-heading="Punch-Out"] {
    white-space: pre;
  }

  .punchInDP-table.disinfection_table td[data-heading="SubAreaTask"] span {
    white-space: pre;
  }

  .punchInDP-table.disinfection_table
    td[data-heading="SubAreaTask Timestamp"]
    span {
    white-space: pre;
  }

  .punchInDP-table.disinfection_table td {
    vertical-align: top;
  }

  .tableScroll.sitStsOC-table td[data-heading="Shift Schedule"] span {
    white-space: pre;
  }

  .tableScroll.sitStsOC-table
    td[data-heading="Punch-In Early (-)/Late(+) [HH:MM]"]
    span {
    white-space: pre;
  }

  .tableScroll.sitStsOC-table td[data-heading="Hours Logged [HH:MM]"] span {
    white-space: pre;
  }

  .tableScroll.sitStsOC-table th:last-child {
    min-width: 100px;
  }

  .tableScroll.sitStsOC-table th:nth-last-child(2) {
    min-width: 110px;
  }

  .sitStsOC-table.ticker_report_table td[data-heading="Submit Date"] {
    white-space: pre;
  }

  .sitStsOC-table.ticker_report_table td[data-heading="SM name"] {
    white-space: pre;
  }

  .sitStsOC-table.ticker_report_table td[data-heading="Status Comment"] {
    min-width: 150px;
  }

  .sitStsOC-table.ticker_report_table td[data-heading="Issue Comment"] {
    min-width: 140px;
  }

  .ticker_report_table th {
    white-space: pre;
  }
}

.fixed_header_table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
}

.fixed_header_table {
  overflow-y: auto;
  max-height: 500px;
}

.fixed_header_table.customScrollIssueFix {
  max-height: 50vh;
}

@media screen and (max-width: 767px) {
  .fixed_header_table.customScrollIssueFix {
    max-height: 500px;
  }
}

.maparea_filter .dropdown-menu {
  max-height: 350px !important;
  margin-left: -90px;
}

.full_width_select .dropdown.bootstrap-select {
  min-width: 100%;
}

.maparea_filter .btn.dropdown-toggle {
  outline: none !important;
}

.custom-table table tbody tr td[data-heading="StoreID(s)"] {
  max-width: 420px;
}

.color_box label {
  margin: 0 !important;
  border-radius: 5px;
}

.count_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  word-break: break-word;
}

.count_box .permission_select {
  width: 80px;
  height: 40px;
  font-size: 15px;
}

.count_row + .count_row {
  margin-top: 20px;
}

.count_row .trailingDays {
  width: 100% !important;
}

.count_row .trailingDays label {
  padding: 0 !important;
  margin: 0 !important;
}

.card_with_padding {
  padding: 20px;
}

.card_with_padding + .card_with_padding {
  margin-top: 20px;
}

.select_type_header {
  display: flex;
}

.select_type_header button:nth-child(2) {
  margin-left: auto;
}

.select_type_header .btn.btn-primary:last-child {
  margin-left: 5px;
}

.select_type_select select {
  height: 36px;
  font-size: 14px !important;
  border: none;
  border-bottom: 1px solid #d9e0e9;
  padding: 0 !important;
  border-radius: 0;
}

.issues_mulltipSelect .ffMultiSelect {
  border-bottom: 1px solid #d9e0e9 !important;
  height: 40px;
}

.issue_radio_btn_grp {
  display: flex;
  margin-left: 10px;
}

.issue_radio_btn_grp .custom-control + .custom-control {
  margin-left: 10px;
}

.issue_radio_btn_grp_main {
  display: flex;
}

.add_comment_btns .btn {
  font-size: 14px;
  padding: 5px 15px;
  height: auto;
}

.add_comment_btns {
  text-align: right;
}

.issues_mulltipSelect .ffMultiSelect .dropdown-item.check-control {
  font-size: 13px;
}

.get_status_btn {
  margin-left: 10px;
}

.get_status_btn .btn-orange {
  background: #8dc53f;
  color: #fff;
}

.store_status_filter .status_type {
  margin-left: 10px;
}

.store_status_filter .status_type .dropdown-toggle {
  outline: none !important;
  min-width: 150px;
}

.store_status_filter .dateRange input {
  min-height: 40px;
}

.store_status_filter .selectSite {
  margin-left: 10px;
  height: 40px;
}

.tab-content.bussiness__rule-tab .tab-pane.active {
  overflow: visible !important;
}

.bussiness__rule-storeissue-viewbtn {
  margin: 15px 0;
  text-align: right;
}

.bussiness__rule-storeissue-viewbtn .btn + .btn {
  margin-left: 10px;
}

.bussiness__rule-storeissue-viewbtn .btn {
  font-size: 12px;
  padding: 5px 20px;
  height: auto;
}

.title-filters.store_status_filter {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}

.custom-table .inner__table td {
  padding: 0 !important;
  border: none !important;
  height: 40px;
}

.custom_modal_bootstrap {
  display: block !important;
  background: rgb(0 0 0 / 50%) !important;
}

.custom_modal_bootstrap .modal-body {
  margin-bottom: 30px;
}

.day_check_list {
  display: flex;
  align-items: center;
  justify-content: center;
}

.send_credentials_btn {
  padding: 0;
  height: auto;
  font-size: 18px !important;
  background: transparent !important;
  border: none;
  color: #1c99ec;
}

.site_persmissions_table::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.site_persmissions_table::-webkit-scrollbar-thumb {
  background-color: #d9e0e9;
  outline: none;
  border-radius: 6px;
}

.site_persmissions_table td.static {
  position: relative;
  z-index: 11;
  background: #fff;
  left: -1px;
}

.fixed_header_table thead th:first-child {
  z-index: 9;
}

.site_persmissions_table td.static::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background: #e9edf3;
}

.exception__emails .bootstrap-tagsinput {
  padding-top: 0;
}

@media screen and (max-width: 767px) {
  .custom-table.fixed_header_table.site_persmissions_table table.table {
    display: table;
  }

  #tenant-levele-permissions .tenants-listing .sortBy {
    width: 100%;
  }
}

.sm_reset_password {
  margin-left: 15px;
  font-size: 14px;
  height: unset;
  min-height: 40px;
}

.custom-table table tbody tr td.sm_action_col {
  width: 350px;
  max-width: 350px;
}

.custom-table.fixed_header_table.deficiencie_table th {
  z-index: 1;
}

.deficiencie__area__action__col {
  width: 100px !important;
  max-width: 100px;
}

.material__action__col {
  max-width: 150px;
  width: 150px;
  text-align: center;
}

@media screen and (max-width: 992px) {
  .material__action__col {
    text-align: left;
  }
}

.site__schedule__tab__list {
  overflow: auto;
}

.input-group-append button.btn {
  border: none;
  border-bottom: 1px solid #d9e0e9;
  border-radius: 0;
}

.input-group-append button.btn:hover {
  background: transparent;
  color: #1c99ec;
}

.ticket_preview_modal .modal {
  background: rgb(0 0 0 / 50%);
}

.custom-table.deficiencie_table {
  overflow: auto;
}

@media screen and (max-width: 992px) {
  .title-filters.store_status_filter > *,
  .report__store_status_filter > * {
    order: unset;
  }

  .title-filters.store_status_filter {
    flex-wrap: wrap;
  }

  .title-filters.store_status_filter {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.fotofinish__submission__view__filter .report_filters button.btn {
  height: 35px;
  padding: 0 20px;
  margin-left: 5px;
}

.report__last__updated {
  position: relative;
  top: 40px;
  z-index: 9;
  right: 20px;
  display: inherit;
  width: 240px;
  float: right;
}

.e-refresh::before {
  content: "\E606";
}

.send__email__checkbox {
  position: relative;
}

.send__email__checkbox input {
  z-index: 9;
  width: 100%;
  height: 100%;
}

.downExl {
  margin-top: 5px;
}

@supports (-ms-ime-align: auto) {
  .uploadFile {
    border: 2px dashed #ccc;
  }
}

/* .loader__index {
  position: relative;
  z-index: 9999;
} */

.ticket__inner_card {
  display: flex;
  align-items: center;
}

.ticket__inner_card__left {
  width: 60%;
  padding: 15px;
}

.ticket__inner_card__right {
  width: 40%;
  text-align: center;
  padding: 15px;
}

.ticket__inner_card__left ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.ticket__inner_card__right img {
  width: auto !important;
}

.ticket__inner_card__left ul .ticketInfo {
  padding: 0 !important;
}

.ticket__inner_card__left ul .commentTitle {
  margin: 0;
}

.ticket__inner_card__left ul li + li {
  margin-top: 5px;
}

.overlay__close {
  color: #fff;
  position: fixed;
  right: 20px;
  top: 20px;
  border: 1px solid #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  font-size: 12px;
  line-height: 28px;
  z-index: 99;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}

#color-picker-primary {
  position: relative;
}

#color-picker-primary input#symbolColor,
#color-picker-primary input#symbolColor1 {
  position: absolute;
  right: 0;
  top: 50%;
  border: none;
  background: transparent;
  transform: translateY(-50%);
}

#color-picker-primary .form-control {
  background: transparent;
  border-bottom: 1px solid #d9e0e9;
}

.modal.issue__comment__full__modal .modal-dialog {
  max-width: 80%;
}

.issue__comment__item {
  margin-bottom: 15px;
}

.custom_modal_bootstrap.issue__comment__full__modal .modal-body {
  margin: 0;
  max-height: calc(100vh - 200px);
  overflow: auto;
}

.custom_modal_bootstrap.legend__info__full__modal .modal-dialog {
  max-width: 60%;
}

.custom_modal_bootstrap.legend__info__full__modal .modal-body {
  margin-top: 20px;
  margin-bottom: 0;
}

.custom_modal_bootstrap.defficeincies__type__full__modal .modal-dialog {
  max-width: 60%;
}

.custom_modal_bootstrap.defficeincies__type__full__modal
  .not__silver__modal__body {
  max-height: 100%;
}

.role__permission__items .card {
  padding: 0px;
  border: 1px solid #e9edf3;
}

.role__permission__items .card h3 {
  font-size: 14px;
  margin-bottom: 0px;
}

.role__permission__items .card .card-body {
  padding: 15px;
}

.role__permission__items .card .card-header {
  border-bottom: 1px solid #e9edf3;
  background: #e9edf3;
}

.added__isssues__actions .commentSaveBtn {
  background: transparent !important;
  color: #1c99ec;
  font-size: 18px;
  padding: 0;
}

.site_persmissions_table.manage__role__table .static {
  z-index: 1;
}

.site_persmissions_table.manage__role__table td:not(.static) {
  z-index: 0;
}

.fixed_header_table.site_persmissions_table th.first-col.static {
  z-index: 22 !important;
}

.exception__emails .bootstrap-tagsinput {
  margin-top: -10px;
}

.exception__emails .bootstrap-tagsinput .tag.label {
  padding: 5px;
}

.exception__emails .bootstrap-tagsinput span.no__data__found {
  margin-top: 10px;
  display: block;
  font-size: 14px;
}

.settings__btn__list ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  white-space: nowrap;
}

.settings__btn__list ul li.custom-switch {
  border: none !important;
  max-width: 150px;
}

.settings__btn__list ul li:not(:last-child) {
  margin-right: 50px;
}

.card.setting__inner__card {
  padding: 0;
}

.card.setting__inner__card .card-header {
  background: #e1ebf4;
  border-color: #e1ebf4;
}

.card.setting__inner__card .card-header .custom-switch .custom-control-label {
  padding-top: 5px;
  padding-bottom: 5px;
}

.settings__btn__list {
  margin-top: 5px;
}

.setting__inner__label {
  font-weight: 500;
  color: #000;
}

.card.setting__inner__card:last-child {
  margin-bottom: 30px;
}

.setting__color__picker #symbolColor,
.setting__color__picker #symbolColor1 {
  height: 35px;
  padding: 0;
  border: none !important;
}

.settings__option__container {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  border: 1px solid #e1ebf4;
  padding: 20px;
}

.settings__option__container h4 {
  margin-bottom: 10px;
}

.settings__option__container .btn-warning.btn {
  color: #ffffff !important;
  font-size: 12px;
  padding: 5px 10px !important;
  height: auto !important;
  margin: 0;
  margin-left: 15px;
  background: #ffc107;
  border: none !important;
}

.settings__option__container h4 {
  margin: 0 !important;
}

.settings__option__btn {
  margin-left: 15px;
}

.settings__option__btn button.btn {
  padding: 10px 10px;
  height: auto;
}

.settings__added__dynamic__option .notprimary__primary {
  margin-right: 10px;
  margin-left: 0;
  margin-bottom: 10px;
}

.settings__added__dynamic__option .notprimary__primary.notPrimary {
  background: #f5f5f5;
  border-radius: 6px;
}

.settings__added__dynamic__option .notprimary__primary .custom-radio {
  padding-top: 10px;
  padding-bottom: 10px !important;
}

.settings__added__dynamic__option .primary {
  background: #ffd252;
  border-radius: 5px;
}

.settings__added__dynamic__option .notprimary__primary {
  padding: 0 10px;
}

.settings__added__dynamic__option .notprimary__primary .custom-control {
  color: #fff;
}

/* .role__permission__items .card h3 span {
  background: #d39e00;
  border-radius: 5px;
  color: #fff;
  padding: 3px 10px;
  font-weight: 500;
} */

.percentage__input {
  max-width: 150px;
  padding-right: 50px;
  border: 1px solid #e1ebf4;
  position: relative;
  margin-top: 10px;
}

.percentage__input input.form-control {
  border: none;
  padding: 10px;
}

.percentage__input::after {
  content: "%";
  position: absolute;
  right: 0;
  width: 50px;
  height: 100%;
  text-align: center;
  top: 0;
  background: #e1ebf4;
  font-weight: 700;
  line-height: 40px;
}

.not_allowed {
  cursor: not-allowed !important;
  /* pointer-events: none !important; */
  opacity: 0.5;
}

.added__scale__table {
  margin-top: 20px;
}

.sidebar .nav .nav-item:empty {
  display: none;
}

.sidebar .nav .nav-item .submenu ul:empty {
  display: none;
}

.nav-item.no_child_item {
  display: none !important;
  pointer-events: none !important;
}

.batch__edit__options {
  display: flex;
  align-items: center;
}

.radio__options {
  margin-left: 30px;
  width: 100%;
}

.start_evolution_options.start_evolution_options_multiselect
  .ffMultiSelect
  .dropdown {
  min-width: 300px;
  padding: 5px 0;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #e9edf3;
}

.start_evolution_options.start_evolution_options_multiselect
  .ffMultiSelect
  .dropdown
  .dropdown-toggle {
  font-size: 14px;
}

@media screen and (max-width: 992px) {
  .title-filters.store_status_filter > *,
  .report__store_status_filter > * {
    order: unset;
  }

  .title-filters.store_status_filter,
  .title-filters.report__store_status_filter {
    flex-wrap: wrap;
  }

  .title-filters.store_status_filter,
  .title-filters.report__store_status_filter {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .title-filters.store_status_filter .status_type {
    width: 100%;
    margin: 0 0px 10px 0;
  }

  .title-filters.store_status_filter .get_status_btn {
    width: calc(50% - 10px);
    margin-left: 5px;
  }

  .title-filters.store_status_filter .get_status_btn button {
    width: 100%;
  }

  .title-filters.store_status_filter .dateRange {
    width: calc(100% - 46px);
    margin: 0;
    margin-bottom: 10px;
  }

  .title-filters.view__ticket__filter {
    flex-wrap: wrap;
    margin-top: 20px;
  }

  .title-filters.view__ticket__filter .dateRange {
    margin: 0;
    order: 2;
    max-width: calc(100% - 46px);
    margin-left: 10px;
  }

  .title-filters.view__ticket__filter .selectSite {
    order: 1;
  }

  .title-filters.view__ticket__filter .apply_filter_btn {
    width: 100%;
    order: 3;
    margin-top: 10px;
  }

  .title-filters.view__ticket__filter .apply_filter_btn button.btn {
    width: 100%;
    margin: 0;
  }

  .page-title.view__ticket__title {
    margin-bottom: 20px;
  }

  .title-filters.report__store_status_filter > * {
    order: unset;
  }

  .title-filters.report__store_status_filter .dateRange {
    margin: 0;
    margin-left: 0;
    width: calc(100% - 45px);
  }

  .title-filters.report__store_status_filter .apply_filter_btn {
    width: 100%;
    margin-top: 10px;
  }

  .title-filters.report__store_status_filter .apply_filter_btn button.btn {
    width: 100%;
    margin: 0;
  }

  .maparea_filter .dropdown-menu {
    margin: 0;
  }

  .map__franchisee__inner__table td {
    font-size: 12px !important;
  }

  .custom-table table tbody tr .map__franchisee__inner__table tr {
    border: none !important;
    margin-bottom: 0;
    display: block;
    border-bottom: 1px solid #e9edf3 !important;
  }

  .custom-table table tbody tr .map__franchisee__inner__table tr td {
    padding: 0 !important;
    height: auto;
    width: 100% !important;
    display: flex;
    align-items: center;
  }

  .custom-table table tbody tr td[data-heading="StoreID(s)"] {
    max-width: 100%;
  }

  .fotofinish__submission__view__filter {
    flex-wrap: wrap;
  }

  .fotofinish__submiss.ion__view__filter > * {
    order: unset !important;
  }

  .fotofinish__submission__view__filter .dateRange {
    margin: 0;
    /* width: calc(100% - 55px);
    margin-left: 10px; */
    width: 100%;
    margin-left: 0;
  }

  .fotofinish__submission__view__filter .report_filters {
    margin-top: 10px;
    padding: 0;
    width: 100%;
  }

  .fotofinish__submission__view__filter .report_filters button.btn {
    width: 100%;
  }

  .fotofinish__submission__view__filter > * {
    order: unset !important;
  }

  .custom-table table tbody tr td.sm_action_col {
    max-width: 100%;
  }

  .subarea__task__table td {
    min-height: 65px !important;
    height: auto !important;
  }

  .custom_modal_bootstrap.defficeincies__type__full__modal .modal-dialog {
    max-width: 90%;
  }

  .site_persmissions_table.manage__role__access__table td.first-col {
    max-width: 100% !important;
  }

  .site_persmissions_table.manage__role__access__table td {
    padding-top: 30px;
    padding-left: 10px;
    padding-bottom: 0;
    padding-right: 10px;
  }

  .site_persmissions_table.manage__role__access__table td .btn-group {
    width: 100%;
  }

  .site_persmissions_table.manage__role__access__table td ul.lst {
    display: flex;
    justify-content: space-between;
  }

  .site_persmissions_table.manage__role__access__table
    td
    ul.lst
    .custom-control {
    margin: 0 !important;
    width: 25%;
    padding: 0;
    text-align: center;
  }

  .site_persmissions_table.manage__role__access__table
    td
    .btn-group
    .btn-warning {
    font-size: 12px;
    padding: 5px 0;
  }

  .site_persmissions_table.manage__role__access__table {
    border: none !important;
  }

  .site_persmissions_table.manage__role__access__table
    td
    ul.lst
    .custom-control
    .custom-control-label::before,
  .site_persmissions_table.manage__role__access__table
    td
    ul.lst
    .custom-control
    .custom-control-label::after {
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
  }

  .site_persmissions_table.manage__role__access__table
    td
    ul.lst
    .custom-control
    input:checked
    + .custom-control-label::after {
    margin-left: 5px;
  }

  .site_persmissions_table.manage__role__access__table
    td
    ul.lst
    .custom-control
    input
    + .custom-control-label::after {
    margin-left: -5px;
  }

  .site_persmissions_table.manage__role__access__table
    td
    ul.lst
    .custom-control
    .custom-control-label {
    height: 25px;
  }

  .site_persmissions_table.manage__role__access__table
    table
    tbody
    tr
    td::before {
    left: 10px;
  }

  .add_comment_container .add_comment_btns {
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .add_comment_container .add_comment_btns button.btn:first-child {
    margin-left: 0;
  }
}

@media screen and (max-width: 992px) {
  .deficiencie__area__action__col,
  .material__action__col {
    max-width: 100%;
  }

  .material__action__col .actions.edit-actions {
    justify-content: flex-start !important;
  }

  .btn-group.periodic__image__grid__action {
    display: flex !important;
  }

  .page-title.map__storeareas__page__title {
    margin-bottom: 20px;
  }

  .content-header.map__storeareas__add__btn button.btn {
    margin-top: 0px;
  }

  .maparea_filter .dropdown-menu {
    margin: 0;
  }

  .custom-table.map__franchisee__list__table
    td[data-heading="Franchisee Email"] {
    min-height: 50px;
  }

  .map__select__franchisee > .dropdown.bootstrap-select > .dropdown-menu {
    max-width: 100%;
  }

  .map__franchisee__inner__table td {
    font-size: 12px !important;
  }

  .custom-table table tbody tr .map__franchisee__inner__table tr {
    border: none !important;
    margin-bottom: 0;
    display: block;
    border-bottom: 1px solid #e9edf3 !important;
  }

  .custom-table table tbody tr .map__franchisee__inner__table tr td {
    padding: 0 !important;
    height: auto;
    width: 100% !important;
    display: flex;
    align-items: center;
  }

  .map__select__franchisee > .dropdown.bootstrap-select > .dropdown-menu {
    max-width: 100%;
  }

  .ticket_preview_modal .modal-dialog {
    max-width: 100% !important;
  }

  .ticket_preview_modal .view__ticket__table {
    overflow: auto;
  }

  .ticket_preview_modal .modal-footer modal-footer {
    width: 100%;
    margin: 0;
    display: flex;
  }

  .ticketAdd-Section ngb-popover-window {
    transform: translate(0px, 50px) !important;
    left: auto !important;
    right: 0 !important;
  }

  .ticketAdd-Section ngb-popover-window .arrow {
    top: -11px;
    left: auto !important;
    right: 12px;
  }

  .front__submission__dp__card-body {
    padding: 0 !important;
  }

  .front__submission__dp__card-body .card-body {
    padding: 0 !important;
  }

  .fotofinish_report_table .thumbnail img {
    max-width: 100px !important;
  }

  .front__submission__dp__card-body .right-div label {
    font-size: 12px;
  }

  .fotofinish_report_table .thumbnail {
    max-width: 100px;
    margin-top: 10px;
  }

  #ftReports-OCaccordion .custom-table td {
    min-height: 40px;
  }

  #ftReports-OCaccordion .custom-table td::before {
    top: 12px;
  }

  .scrollable__tabs {
    overflow: auto;
  }

  .title-filters.report__store_status_filter.ticker_report_filter .dateRange {
    width: calc(100% - 85px);
  }

  .title-filters.report__store_status_filter.ticker_report_filter
    .dateRange
    input {
    font-size: 12px;
  }

  .subarea__task__table td {
    min-height: 65px !important;
    height: auto !important;
  }

  .dashboard__report__container .content-header {
    margin-bottom: 0;
  }

  .dashboard__report__container .content-header ul.nav.nav-pills {
    margin-bottom: 0 !important;
  }

  .dashboard__report__container #dashboardTabs {
    margin-top: 20px !important;
  }

  .color_box {
    margin-bottom: 10px;
  }

  .color_box label {
    width: 100% !important;
  }

  .count_box {
    margin-bottom: 10px;
  }

  .trailingDays {
    margin-bottom: 10px;
  }

  .add_comment_btns {
    text-align: center;
    margin-top: 15px;
  }

  .issue_radio_btn_grp_main {
    margin-top: 15px;
  }

  .add_comment_btns .btn {
    width: 100%;
  }

  .issue_radio_btn_grp {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .day_check_list > span {
    width: 100%;
    margin-bottom: 10px;
  }

  .day_check_list {
    flex-wrap: wrap;
  }

  .day_check_list + .day_check_list {
    margin-top: 15px;
  }

  .issue_radio_btn_grp .custom-control + .custom-control {
    margin-left: 0;
  }

  .issue_radio_btn_grp .custom-control {
    margin-right: 20px;
  }

  .legends_information {
    flex-wrap: wrap;
  }

  .legends_information div#legendDiv {
    width: 100%;
    margin-bottom: 15px !important;
  }

  .legends_information div#legendDiv button.btn {
    width: 100%;
  }

  .storestatusReportsForm .form-group {
    margin-bottom: 20px;
  }

  .report__last__updated {
    top: 0;
  }

  .search_legend {
    width: 100%;
  }

  .custom_modal_bootstrap.store__issues__modal .EditIssueModalSec {
    max-height: 100%;
    /* overflow  : auto; */
  }

  .custom_modal_bootstrap.store__issues__modal
    .EditIssueModalSec
    .fixed_header_table {
    max-height: 100%;
    overflow: hidden;
  }

  .custom_modal_bootstrap.store__issues__modal
    .EditIssueModalSec
    .fixed_header_table
    table.table {
    max-height: 100%;
  }

  .custom_modal_bootstrap.store__issues__modal .modal-body {
    height: calc(100vh - 130px);
    max-height: calc(100vh - 130px);
    margin: 0;
  }

  .custom_modal_bootstrap.issue__comment__full__modal .modal-body {
    max-height: calc(100vh - 150px);
  }

  .custom_modal_bootstrap.defficeincies__type__full__modal
    .not__silver__modal__body
    .imageSec {
    max-height: 100%;
  }

  .ticket__inner_card {
    flex-wrap: wrap;
  }

  .ticket__inner_card__left {
    width: 100%;
  }

  .ticket__inner_card__right {
    width: 100%;
  }

  .ticket__inner_card__right img {
    width: 100% !important;
    height: auto !important;
  }

  .tenand__level__options .custom-switch {
    padding: 0 !important;
  }

  .tenand__level__options__inner {
    padding: 10px 0;
  }

  .tenand__level__btn__grp {
    flex-wrap: wrap;
  }

  .tenand__level__btn__grp .btn-warning + .btn-warning {
    margin-top: 5px;
  }

  .tenand__level__btn__grp .btn-warning.btn {
    width: 100%;
  }

  #site_persmissions_table__scroll .lst .custom-control .custom-control-label {
    margin-top: 5px;
  }

  #site_persmissions_table__scroll
    .lst
    .custom-control
    .custom-control-label::before,
  #site_persmissions_table__scroll
    .lst
    .custom-control
    .custom-control-label::after {
    top: 50%;
    transform: translateY(-50%);
  }

  .notification-block.setting__notification__block .card {
    padding: 10px;
  }

  .card.setting__inner__card .card-header {
    padding: 10px;
  }

  .card.setting__inner__card
    .card-header
    .custom-switch
    .custom-control-label::before,
  .card.setting__inner__card
    .card-header
    .custom-switch
    .custom-control-label::after {
    top: 50%;
    transform: translateY(-50%);
  }

  .card.setting__inner__card .card-header .custom-switch {
    padding: 0;
  }

  .notification-block.setting__notification__block .card.setting__inner__card {
    padding: 0;
  }

  .manage__role__page__title {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
  }

  .manage__role__page__title h1 {
    width: auto;
    order: 1;
  }

  .manage__role__page__title button.btn {
    order: 2;
  }
}

@media screen and (max-width: 480px) {
  .deficiencie__area__action__col .actions.edit-actions {
    justify-content: flex-start !important;
  }

  .title-filters.maparea_filter .dropdown.bootstrap-select {
    width: 100%;
  }

  .content-header.map__storeareas__add__btn button.btn {
    width: 100%;
  }

  .maparea_filter .dropdown-menu {
    margin: 0;
  }

  .title-filters.maparea_filter .dropdown.bootstrap-select {
    width: 100%;
  }

  .content-header.map__storeareas__add__btn button.btn {
    width: 100%;
  }

  .btn.map__franchisee__add__btn {
    width: 100%;
  }

  .ffMultiSelect .dropdown-menu .dropdown-item:not(.check-control) span span {
    font-size: 13px;
  }

  .map__select__franchisee > .dropdown.bootstrap-select > .dropdown-menu {
    max-width: 100%;
    max-height: 300px !important;
  }

  .custom-table table tbody tr .map__franchisee__inner__table tr td a.btn {
    padding: 0;
    line-height: 0;
    height: auto;
  }

  .page-title.view__ticket__title {
    margin-bottom: 20px;
  }

  .ticketAdd-Section .page-footer {
    flex-wrap: wrap;
  }

  .ticketAdd-Section .page-footer button.btn {
    margin-bottom: 10px;
  }

  .ticketAdd-Section .page-footer a.btn {
    margin: 0;
    margin-bottom: 10px;
  }

  .custom-table.manage__users__table .actions {
    flex-wrap: wrap;
  }

  .custom-table.manage__users__table .actions .sm_reset_password {
    margin: 15px 0px 15px 0px;
  }

  .user__listing__action__btn .btn-primary {
    margin-left: 0;
  }

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

  .user__list__pagination {
    justify-content: center !important;
  }

  .user__list__pagination .pagination-previous {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }

  .user__list__pagination .ngx-pagination a {
    padding: 0 7px;
  }

  .user__list__pagination .ngx-pagination .current {
    padding: 0 5px;
  }

  .user__list__pagination .pagination-next {
    padding: 0 7px;
    width: 100%;
    text-align: center;
    margin-top: 8px;
  }

  .user__list__pagination .ngx-pagination {
    text-align: center;
    margin-bottom: 0;
  }

  .search_legend {
    width: 100%;
  }

  .settings__option__container {
    flex-wrap: wrap;
    justify-content: center;
  }

  .settings__option__btn {
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }

  .settings__option__container h4 {
    text-align: center;
    margin-bottom: 10px !important;
  }

  .settings__added__dynamic__option .notprimary__primary {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 320px) {
  .custom-table table tbody tr td {
    padding-left: 120px;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1600px) {
  .title-filters.store_status_filter .get_status_btn button.btn {
    padding: 0 10px;
    font-size: 12px;
  }

  .sm_reset_password {
    padding: 0 5px;
    min-width: 130px;
    margin-left: 0;
  }

  .send_credentials_btn {
    margin-right: 10px;
  }
}

@media screen and (min-width: 480px) and (max-width: 992px) {
  .deficiencie__area__action__col .actions.edit-actions {
    margin-top: -40px;
  }

  .page-title.map__storeareas__page__title {
    margin-bottom: 0;
  }

  .content-header.map__storeareas__add__btn button.btn {
    margin-top: -60px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .add__fr__store__mapping .modal-body {
    max-height: 100% !important;
    overflow: visible;
  }

  .map__select__franchisee .dropdown-menu {
    max-height: 350px !important;
  }
}

@media screen and (min-width: 800px) and (max-width: 992px) {
  .custom_modal_bootstrap.store__issues__modal .EditIssueModalSec {
    max-height: 100%;
    overflow: auto;
  }

  .custom_modal_bootstrap.store__issues__modal
    .EditIssueModalSec
    .fixed_header_table {
    max-height: 100%;
    overflow: hidden;
  }

  .custom_modal_bootstrap.store__issues__modal
    .EditIssueModalSec
    .fixed_header_table
    table.table {
    max-height: 100%;
  }

  .custom_modal_bootstrap.store__issues__modal .modal-body {
    height: calc(100vh - 130px);
    max-height: calc(100vh - 130px);
    margin: 0;
  }

  .manage__role__page__title {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
  }

  .manage__role__page__title h1 {
    width: auto;
    order: 1;
  }

  .manage__role__page__title button.btn {
    order: 2;
  }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
  .legends_information div#legendDiv {
    width: 195px;
  }

  .search_legend input.search-box {
    max-width: 80% !important;
    width: 100% i !important;
  }

  .legends_information .search_legend {
    max-width: calc(100% - 195px);
    justify-content: flex-end;
  }

  .legends_information div#legendDiv {
    margin-bottom: 0 !important;
  }

  .legends_information {
    margin-bottom: 15px;
  }
}

.report__ejs__treegrid #_gridcontrol {
  min-width: 100%;
}

#color-picker-primary .form-control {
  background: transparent;
  border-bottom: 1px solid #d9e0e9;
}

@supports (-ms-ime-align: auto) {
  .subarea__task__table th {
    word-break: keep-all;
    white-space: nowrap;
  }
}

.start_evalutation_btn {
  margin-right: 10px;
}

.submit_evalutation_btn {
  margin-right: 10px;
}

#ftReports-OCaccordion .custom-table.evaluation_inner_table {
  min-height: 70vh;
}

.evaluation_card_iner {
  padding: 0 20px;
}

.thresold_pass_count {
  margin-right: 10px;
}

.grey_out_input {
  max-width: 200px;
}

.footer__btn .btn + .btn {
  margin-left: 10px;
}

.radio__options > lable {
  display: block;
  margin-bottom: 8px;
  margin-top: -20px;
}

.radio__options {
  margin: 0;
  margin-bottom: 30px;
}

.bottom_table {
  margin-top: 30px;
}

.scrollable-table {
  overflow: auto;
}

@media screen and (max-width: 991px) {
  #ftReports-OCaccordion
    .custom-table.evaluation_inner_table
    table
    tbody
    tr
    td:first-child {
    padding-left: 0 !important;
    max-width: 350px;
    padding-top: 15px !important;
  }

  #ftReports-OCaccordion .custom-table.evaluation_inner_table table tbody tr {
    display: table-row;
  }

  .evaluation_card_iner {
    padding: 0;
  }

  .evaluation_card_iner .right-div label {
    font-size: 12px;
    padding: 3px 10px !important;
  }

  #ftReports-OCaccordion
    .custom-table.evaluation_inner_table
    table
    tbody
    tr
    td::before {
    top: 15px;
  }

  .fdp_bdp_table table tbody tr td {
    min-height: 50px;
  }
}

@media screen and (min-width: 800px) and (max-width: 820px) {
  #ftReports-OCaccordion .custom-table.evaluation_inner_table table tbody tr {
    display: table-row;
  }

  #ftReports-OCaccordion
    .custom-table.evaluation_inner_table
    table
    tbody
    tr
    td:last-child {
    min-width: 150px;
  }

  #ftReports-OCaccordion
    .custom-table.evaluation_inner_table
    table
    tbody
    tr
    td:first-child {
    max-width: 320px;
    width: 320px !important;
    min-width: 320px;
    padding: 0 !important;
  }

  #ftReports-OCaccordion
    .custom-table.evaluation_inner_table
    .report_photo_inner {
    max-width: 180px;
  }

  #ftReports-OCaccordion
    .custom-table.evaluation_inner_table
    table
    tbody
    tr
    td:nth-child(2) {
    padding: 20px 0 0 15px !important;
  }

  #ftReports-OCaccordion
    .custom-table.evaluation_inner_table
    table
    tbody
    tr
    td:first-child {
    max-width: 170px;
    width: 170px !important;
    min-width: 170px;
    padding: 40px 0 0 0 !important;
  }

  #ftReports-OCaccordion
    .custom-table.evaluation_inner_table
    .report_photo_inner {
    max-width: 150px;
  }

  #ftReports-OCaccordion
    .custom-table.evaluation_inner_table
    .report_photo_inner
    .thumbnail {
    margin: 0 auto;
    margin-top: 20px;
  }

  #ftReports-OCaccordion
    .custom-table.evaluation_inner_table
    table
    tbody
    tr
    td:last-child {
    min-width: 130px;
    padding-left: 0 !important;
  }

  #ftReports-OCaccordion
    .custom-table.evaluation_inner_table
    ss-multiselect-dropdown
    button.dropdown-toggle {
    font-size: 12px;
  }

  #ftReports-OCaccordion
    .custom-table.evaluation_inner_table
    ss-multiselect-dropdown
    .dropdown-menu {
    max-width: 300px;
  }

  #ftReports-OCaccordion
    .custom-table.evaluation_inner_table
    ss-multiselect-dropdown
    .dropdown-menu
    span {
    font-size: 12px;
  }

  #ftReports-OCaccordion .custom-table.evaluation_inner_table .btn-group label {
    font-size: 12px !important;
  }

  #ftReports-OCaccordion
    .custom-table.evaluation_inner_table
    .form-control[name="ratingComment"] {
    font-size: 12px;
  }
  #ftReports-DPaccordion
    .custom-table.evaluation_inner_table
    table
    tbody
    tr
    td:nth-child(2) {
    text-align: center;
  }
  #ftReports-DPaccordion
    .custom-table.evaluation_inner_table
    table
    tbody
    tr
    td::before {
    margin-right: 20%;
  }
}

@media screen and (max-width: 767px) {
  .evaluation_text_count {
    width: 100%;
  }

  .evaluation_icon_list {
    display: flex;
    width: 100%;
    margin-top: 10px;
  }

  .start_evalutation_btn {
    width: calc(50% - 5px);
  }

  .submit_evalutation_btn {
    width: calc(50% - 5px);
    margin: 0;
  }

  .start_evalutation_btn a.btn.btn-primary {
    width: 100% !important;
  }

  .submit_evalutation_btn button.btn {
    width: 100% !important;
  }

  #ftReports-OCaccordion .custom-table.evaluation_inner_table table tbody tr {
    display: table-row;
  }

  #ftReports-OCaccordion
    .custom-table.evaluation_inner_table
    table
    tbody
    tr
    td:last-child {
    min-width: 150px;
  }

  #ftReports-OCaccordion
    .custom-table.evaluation_inner_table
    table
    tbody
    tr
    td:first-child {
    max-width: 320px;
    width: 320px !important;
    min-width: 320px;
    padding: 0 !important;
  }

  #ftReports-OCaccordion
    .custom-table.evaluation_inner_table
    .report_photo_inner {
    max-width: 180px;
  }

  #ftReports-OCaccordion
    .custom-table.evaluation_inner_table
    table
    tbody
    tr
    td:nth-child(2) {
    padding: 20px 0 0 15px !important;
  }

  #ftReports-OCaccordion
    .custom-table.evaluation_inner_table
    table
    tbody
    tr
    td:first-child {
    max-width: 170px;
    width: 170px !important;
    min-width: 170px;
    padding: 50px 0 0 0 !important;
  }

  #ftReports-OCaccordion
    .custom-table.evaluation_inner_table
    .report_photo_inner {
    max-width: 150px;
  }

  #ftReports-OCaccordion
    .custom-table.evaluation_inner_table
    .report_photo_inner
    .thumbnail {
    margin: 0 auto;
    margin-top: 20px;
  }

  #ftReports-OCaccordion
    .custom-table.evaluation_inner_table
    table
    tbody
    tr
    td:last-child {
    min-width: 130px;
    padding-left: 0 !important;
  }

  #ftReports-OCaccordion
    .custom-table.evaluation_inner_table
    ss-multiselect-dropdown
    button.dropdown-toggle {
    font-size: 12px;
  }

  #ftReports-OCaccordion
    .custom-table.evaluation_inner_table
    ss-multiselect-dropdown
    .dropdown-menu {
    max-width: 300px;
  }

  #ftReports-OCaccordion
    .custom-table.evaluation_inner_table
    ss-multiselect-dropdown
    .dropdown-menu
    span {
    font-size: 12px;
  }

  #ftReports-OCaccordion .custom-table.evaluation_inner_table .btn-group label {
    font-size: 12px !important;
  }

  #ftReports-OCaccordion
    .custom-table.evaluation_inner_table
    .form-control[name="ratingComment"] {
    font-size: 12px;
  }

  #ftReports-OCaccordion
    .custom-table.evaluation_inner_table
    table
    tbody
    tr
    td
    .fotofinish_report_table
    > li {
    max-height: 250px;
  }

  .fdp_bdp_table table tbody tr td {
    min-height: 50px;
  }
}

@media screen and (max-width: 600px) {
  .start_evalutation_btn {
    width: 100%;
    margin: 0;
  }

  .submit_evalutation_btn {
    width: 100%;
    margin: 10px 0 0 0;
  }

  .evaluation_icon_list {
    width: 100%;
    text-align: left;
    display: flex;
    margin-top: 10px;
  }

  .submit_evalutation_btn button.btn {
    float: left !important;
    width: 100% !important;
  }

  .start_evalutation_btn a.btn.btn-primary {
    width: 100% !important;
  }

  .right-div.evaluation_submit_btn {
    width: 100%;
    margin-top: 15px;
  }

  .start_evolution_options.start_evolution_options_multiselect {
    flex-wrap: wrap;
  }

  .start_evolution_options.start_evolution_options_multiselect > .form-group {
    width: 100%;
    margin-top: 10px !important;
  }

  .start_evolution_options.start_evolution_options_multiselect
    .ffMultiSelect
    .dropdown {
    width: 100%;
    min-width: 100%;
  }

  .right-div.generic_tab_btn {
    flex-wrap: wrap;
  }

  .right-div.generic_tab_btn button.btn {
    width: 100%;
    margin: 0;
  }

  .right-div.generic_tab_btn button.btn + .btn {
    margin-top: 10px;
  }

  .radio__options .btn-group {
    flex-wrap: wrap;
  }

  .radio__options .btn-group > label {
    width: 100%;
    border-radius: 3px !important;
  }
}

.userActivity button.dropdown-toggle.btn.btn-primary {
  height: 36px !important;
  padding: 9px 30px 8px 11px;
  line-height: 18px;
  border: solid 1px #d9e0e9 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  background-color: white;
  color: black;
}

.userActivity .btn.btn-primary:focus,
.userActivity .btn.btn-primary:active,
.userActivity .btn.btn-primary:not(:disabled):not(.disabled):active {
  height: 36px !important;
  padding: 9px 30px 8px 11px;
  line-height: 18px;
  border: solid 1px #d9e0e9 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  background-color: white;
  color: black;
}

.periodic_reminer_card {
  max-height: 350px;
  overflow: auto;
  min-height: 350px;
}

.activity_filters {
  margin-bottom: 30px;
  display: flex;
  justify-content: flex-end;
}

.activity_label_filters_inner {
  text-align: center;
}

.activity_label_filter_bottom > label {
  display: block;
}

.activity_export i.fa {
  margin-left: 8px;
}

.activity_label_filter_top > label {
  margin: 0 10px 0 0;
}

.activity_label_filter_bottom > label {
  margin-top: 0.5rem;
}

.activity_filters .ffMultiSelect .dropdown-menu {
  min-width: 320px;
}

.activity_filters
  .ffMultiSelect
  .dropdown-menu
  .dropdown-item:not(.check-control)
  > span {
  padding-left: 0 !important;
}

@media screen and (min-width: 600px) and (max-width: 992px) {
  .activity_filters .fotofinish__submission__view__filter .ffMultiSelect {
    width: 50%;
  }

  .activity_filters .fotofinish__submission__view__filter .dateRange {
    width: calc(50% - 10px);
  }

  .activity_filters
    .fotofinish__submission__view__filter
    .report_filters
    button.btn {
    margin: 0;
  }
}

@media screen and (min-width: 600px) and (max-width: 767px) {
  .activity_label_filter_bottom .btn-group > label {
    font-size: 10px !important;
  }
}

@media screen and (max-width: 992px) {
  .activity_table.custom-table table tbody tr td {
    min-height: 50px;
  }
}

@media screen and (max-width: 767px) {
  .activity_filters .title-filters {
    margin-top: 0;
  }

  .right-div.generic_tab_btn button.btn {
    width: 100%;
    margin: 5px 0;
  }
}

@media screen and (max-width: 600px) {
  .activity_filters .fotofinish__submission__view__filter .ffMultiSelect {
    width: 100%;
  }

  .activity_filters .fotofinish__submission__view__filter .dateRange {
    margin: 0;
    width: 100%;
    margin-top: 10px;
  }

  .activity_label_filter_bottom .btn-group {
    flex-wrap: wrap;
  }

  .activity_label_filter_bottom .btn-group > label {
    width: 100%;
    border-radius: 3px !important;
    margin: 3px 0;
  }

  .activity_label_filter_top > label {
    width: 100%;
    margin: 0;
  }

  .activity_filters .report_filters button.btn {
    margin: 0;
  }

  .activity_filters
    .fotofinish__submission__view__filter
    .ffMultiSelect
    .dropdown-toggle {
    padding-right: 15px !important;
  }
}

.manage_role_card {
  padding: 15px;
}

.add_new_role i.ico-img {
  margin-left: 5px;
}

.no__data__found__dashboard {
  margin: 10px 0 0 0;
}

.better__experience__btn {
  visibility: hidden;
  height: 0;
  width: 0;
  font-size: 0;
  padding: 0;
  margin: 0;
  line-height: 0;
  position: absolute;
  pointer-events: none;
  top: 0;
}

.better__expericen__image {
  text-align: center;
}

.better__expericen__image img {
  max-width: 100%;
  width: 100%;
}

@media screen and (min-width: 1100px) and (max-width: 1600px) {
  .generic__top__btns button.btn {
    font-size: 12px;
    padding: 8px 8px;
    margin-right: 5px;
  }

  .generic__top__btns button.btn i.ico-img {
    margin-left: 5px;
  }
}

@media screen and (max-width: 992px) {
  .storebystoreEdit table tbody tr td {
    min-height: 60px;
  }

  .storebystoreEdit_top_table table tbody tr td {
    text-align: left !important;
    min-height: 50px;
  }
}

@media screen and (max-width: 767px) {
  .fdp__bdp__threshold table tbody tr td {
    min-height: 70px;
  }

  .storebystoreEdit table tbody tr td {
    min-height: 80px;
  }

  .storebystoreEdit_top_table table tbody tr td {
    min-height: 60px;
  }

  .subtaskarea_generic_table table tbody tr td {
    min-height: 65px;
  }
}

.title-filters.store_status_filter .setsitesfrequencyForm {
  display: flex;
  align-items: flex-end;
}

.setsitesfrequencyForm .status_frequency {
  margin-left: 10px;
}

.setsitesfrequencyForm .status_type .btn.selectSite {
  margin: 0;
}

.status_frequency_type .form-group {
  margin: 0;
}

.status_frequency_type {
  margin-left: 10px;
}

.setsitesfrequencyForm .status_frequency .dropdown-toggle,
.status_frequency_type .bootstrap-select .dropdown-toggle {
  width: 180px;
  outline: none !important;
}

.setsitesfrequencyForm .status_frequency,
.status_frequency_type {
  width: 180px;
}

.site_frequency_label {
  display: block;
  margin-bottom: 5px;
}

.setsitesfrequencyForm .dateRange {
  margin: 0;
  max-width: 180px;
}

.setsitesfrequencyForm .dateRange input.form-control {
  max-width: 100%;
}

.setsitesfrequencyForm .dateRange + .dateRange {
  margin-left: 10px;
}

.spillLog_body-inner {
  padding: 30px !important;
  background: #fff !important;
}

.spilllog_image {
  border: 1px solid #dee2e6;
}

.spilllog_image_thumb {
  padding: 20px;
  text-align: center;
  box-sizing: border-box;
}

.spilllog_image label {
  width: 100%;
  background: #edf1f7;
  padding: 10px;
  margin: 0;
}

.spilllog_image_thumb img {
  min-height: 200px;
  width: auto !important;
  object-fit: cover;
  max-width: 200px !important;
}

.spilllog_report_table .custom-table {
  max-height: 100% !important;
}

.ffMultiSelect .dropdown-menu .dropdown-item:not(.check-control) span span {
  white-space: pre-line;
}

.ffMultiSelect .dropdown-menu .dropdown-item:not(.check-control) > span {
  white-space: pre-line;
  line-height: 1.2;
}

.mainAccordion .card .cheading.burnsher_card .right-div {
  margin: 0;
}

.burnisher_card_table {
  margin-top: 20px;
}

.title-filters.store_status_filter .setsitesfrequencyForm {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.setsitesfrequencyForm .status_frequency,
.status_frequency_type {
  margin-bottom: 10px;
}

.store_status_filter .status_type {
  margin-bottom: 10px;
}

.setsitesfrequencyForm .dateRange {
  margin-bottom: 10px;
}

.setsitesfrequencyForm .get_status_btn {
  margin-bottom: 10px;
}

.get_status_btn_grp {
  width: auto;
}

.get_status_btn_grp .get_status_btn {
  display: inline-block;
}

.card.burnisher_main_card {
  padding: 10px 15px 10px;
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
  .title-filters.store_status_filter .setsitesfrequencyForm .status_type {
    max-width: 130px;
  }
}

@media screen and (max-width: 1024px) {
  .title-filters.store_status_filter .setsitesfrequencyForm {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .title-filters.store_status_filter .setsitesfrequencyForm .start_date {
    order: 2;
    margin-bottom: 10px;
    margin-left: 10px;
  }

  .title-filters.store_status_filter .setsitesfrequencyForm .end_date {
    order: 3;
    margin-bottom: 10px;
  }

  .title-filters.store_status_filter .setsitesfrequencyForm .status_type {
    order: 1;
    margin-bottom: 10px;
  }

  .title-filters.store_status_filter .setsitesfrequencyForm .status_frequency {
    order: 4;
    margin-bottom: 10px;
  }

  .title-filters.store_status_filter
    .setsitesfrequencyForm
    .status_frequency
    + .status_frequency_type {
    order: 5;
    margin-bottom: 10px;
  }

  .title-filters.store_status_filter .setsitesfrequencyForm .get_status_btn {
    order: 6;
    margin-bottom: 10px;
  }

  .title-filters.store_status_filter
    .setsitesfrequencyForm
    .get_status_btn
    + .get_status_btn {
    order: 7;
    margin-bottom: 10px;
  }

  .title-filters.store_status_filter .setsitesfrequencyForm .status_type {
    width: auto;
    margin-left: 0;
  }

  .setsitesfrequencyForm .status_frequency .dropdown-toggle,
  .status_frequency_type .bootstrap-select .dropdown-toggle {
    width: 100%;
  }

  .title-filters.store_status_filter .setsitesfrequencyForm .start_date {
    width: calc(25% - 45px);
    max-width: 100%;
  }

  .title-filters.store_status_filter .setsitesfrequencyForm .end_date {
    width: calc(25% - 45px);
    max-width: 100%;
  }

  .title-filters.store_status_filter .setsitesfrequencyForm .status_frequency {
    width: calc(25% - 45px);
    max-width: 100%;
  }

  .title-filters.store_status_filter
    .setsitesfrequencyForm
    .status_frequency_type {
    width: calc(25% - 45px);
    max-width: 100%;
  }

  .title-filters.store_status_filter .setsitesfrequencyForm .get_status_btn {
    width: calc(50% - 10px);
    max-width: 100%;
    margin-left: 10px;
  }

  .title-filters.store_status_filter .setsitesfrequencyForm .get_status_btn {
    margin-left: 0;
  }

  .title-filters.store_status_filter
    .setsitesfrequencyForm
    .get_status_btn
    + .get_status_btn {
    margin-left: 15px;
  }

  .title-filters.store_status_filter
    .setsitesfrequencyForm
    .get_status_btn
    .btn {
    width: 100%;
  }

  .get_status_btn_grp {
    order: 6;
    width: 100%;
  }
}

@media screen and (max-width: 992px) {
  .title-filters.store_status_filter .setsitesfrequencyForm .start_date {
    width: calc(25% - 20px);
    max-width: 100%;
  }

  .title-filters.store_status_filter .setsitesfrequencyForm .end_date {
    width: calc(25% - 20px);
    max-width: 100%;
  }

  .title-filters.store_status_filter .setsitesfrequencyForm .status_frequency {
    width: calc(25% - 20px);
    max-width: 100%;
  }

  .title-filters.store_status_filter
    .setsitesfrequencyForm
    .status_frequency_type {
    width: calc(25% - 20px);
    max-width: 100%;
  }

  .title-filters.store_status_filter .setsitesfrequencyForm .get_status_btn {
    width: calc(50% - 10px);
    max-width: 100%;
    margin-left: 10px;
  }

  .title-filters.store_status_filter .setsitesfrequencyForm .get_status_btn {
    margin-left: 0;
  }

  .title-filters.store_status_filter
    .setsitesfrequencyForm
    .get_status_btn
    + .get_status_btn {
    margin-left: 15px;
  }

  .burnisher_card_table table tbody tr td {
    min-height: 52px;
  }

  .burnisher_filters.fotofinish__submission__view__filter
    .report_filters
    button.btn {
    margin: 0;
  }

  .burnisher_filters.fotofinish__submission__view__filter .dateRange {
    width: calc(100% - 46px);
  }

  .tenantLst_table table tbody tr td {
    min-height: 65px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .setsitesfrequencyForm .status_frequency .dropdown-toggle,
  .status_frequency_type .bootstrap-select .dropdown-toggle {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .spilllog_report_table .ticketDetails tr,
  .spilllog_report_table .ticketDetails td {
    display: block;
  }

  .spillLog_body-inner {
    padding: 10px !important;
  }

  .spilllog_image_thumb img {
    min-height: 60px;
    max-width: 60px !important;
  }

  .spilllog_image label {
    font-size: 12px;
  }

  .manage_role_card .right-div {
    margin: 0;
    text-align: right;
  }

  .manage_role_card .right-div .add_new_role {
    margin-left: auto;
  }

  .title-filters.store_status_filter .setsitesfrequencyForm .start_date,
  .title-filters.store_status_filter .setsitesfrequencyForm .end_date {
    width: calc(50% - 30px);
  }

  .title-filters.store_status_filter .setsitesfrequencyForm .status_frequency {
    width: calc(50% - 5px);
  }

  .title-filters.store_status_filter
    .setsitesfrequencyForm
    .status_frequency_type {
    width: calc(50% - 5px);
  }

  .title-filters.store_status_filter .setsitesfrequencyForm .status_frequency {
    margin-left: 0;
  }

  .site_frequency_card-main .cheading h3 {
    order: 1;
  }

  .site_frequency_card-main .count-lst {
    order: 2;
  }

  .site_frequency_inner-card .card-body {
    padding: 10px 10px 0px 10px !important;
  }
}

@media screen and (max-width: 600px) {
  .title-filters.store_status_filter .setsitesfrequencyForm .start_date,
  .title-filters.store_status_filter .setsitesfrequencyForm .end_date {
    width: 100%;
    margin: 0 0 10px 0;
    max-width: 100%;
  }

  .title-filters.store_status_filter .setsitesfrequencyForm .status_frequency {
    width: 100%;
    margin: 0 0 10px 0;
  }

  .setsitesfrequencyForm .status_frequency .dropdown-toggle,
  .status_frequency_type .bootstrap-select .dropdown-toggle {
    width: 100%;
  }

  .title-filters.store_status_filter
    .setsitesfrequencyForm
    .status_frequency
    + .status_frequency_type {
    width: 100%;
    margin: 0 0 10px 0;
  }

  .title-filters.store_status_filter .setsitesfrequencyForm .get_status_btn {
    width: 100%;
    margin: 0 0 10px 0;
  }

  .title-filters.store_status_filter
    .setsitesfrequencyForm
    .get_status_btn
    + .get_status_btn {
    margin-left: 0px;
  }

  .site_frequency_card-main button.btn {
    padding: 0 10px;
  }

  .site_frequency_card-main {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

@media screen and (min-width: 1100px) and (max-width: 1600px) {
  /* .dashbord-cards .prd-lst li p,
  .dashbord-cards .prd-lst li h4 {
    font-size: 12px;
  }

  .dashbord-cards .table-responsive table tbody tr td {
    font-size: 10px;
    padding  : 10px 10px 10px 0;
  }

  .dashbord-cards .table-responsive table thead tr th {
    padding  : 10px 13px 10px 0;
    font-size: 12px;
  }

  .no__data__found__dashboard {
    font-size: 12px;
  }

  .dashbord-cards .card .nav.nav-pills .nav-item .nav-link {
    font-size: 12px;
  } */

  .mainAccordion .burnisher_card_table.custom-table table td {
    /* font-size     : 12px; */
    padding-bottom: 10px;
    padding-top: 10px;
  }

  .mainAccordion .burnisher_card_table.custom-table table th {
    padding-left: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
    white-space: pre;
  }
}

@media screen and (min-width: 992px) and (max-width: 1600px) {
  .burnisher_card_table {
    overflow: auto;
  }
}

@media screen and (max-width: 320px) {
  .card.burnisher_main_card li {
    margin-right: 0;
  }

  .card.burnisher_main_card li button {
    padding: 6px 10px;
    font-size: 12px;
  }

  .burnisher_card_table table tbody tr td::before {
    left: 5px;
    font-size: 11px;
  }

  .burnisher_card_table table tbody tr td {
    padding-left: 125px;
  }
}

.tenantLst_table {
  overflow: auto;
}

.date_lable {
  color: #1c99ec;
  margin-right: 5px;
}

.date_lable::after {
  content: ":";
}

@media screen and (min-width: 800px) and (max-width: 991px) {
  .mainAccordion .card .cheading.burnsher_card .right-div {
    order: 2;
  }
}

.view_ticket_details {
  text-align: center;
  margin-top: 10px;
}

.view_ticket_details button.btn {
  padding: 5px 15px;
  font-size: 12px;
  height: auto;
}

#dashboardticketModal .modal-dialog {
  max-width: 992px;
}

.sidebar .nav .nav-item {
  max-width: 100%;
}

.sidebar .nav .nav-item .submenu ul li a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*FEEDBACK CHANGES*/
.sidebar nav::-webkit-scrollbar-thumb {
  background-color: #2d3092;
}

.sidebar {
  max-height: 100vh;
}

.ticketCountChart
  .highcharts-axis-labels
  text:not(:first-child):not(:last-child) {
  opacity: 0;
}

.upload_options {
  margin-top: 15px;
}

.upload_options > label {
  display: block;
  margin-bottom: 5px;
}

.upload_options .meta_check_list {
  margin: 0 !important;
  display: flex;
}

.upload_options .meta_check_list .custom-checkbox + .custom-checkbox {
  margin-left: 20px;
}

.email_recipients .badge {
  cursor: pointer;
}

.error_list ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.sidebar nav::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

*::-webkit-scrollbar-thumb {
  background-color: #2d3092;
  outline: 1px solid #e9edf3;
  border-radius: 6px;
}

.photoflow_imagebox {
  position: relative;
}

.photoflow_imagebox > span {
  position: absolute;
  background: rgb(0 0 0 / 60%);
  color: orange;
  padding: 5px;
  width: 100%;
  line-height: 1;
  word-break: break-all;
}

.number_custom {
  position: relative;
}

.number_custom input {
  margin: 0;
  padding: 0 28px 0 10px;
  float: left;
  display: block;
  width: 100%;
  height: 36px;
  font-size: 14px;
  line-height: 1.65;
  color: #1b2236;
  border-radius: 4px;
  border: solid 1px #d9e0e9;
  box-shadow: none !important;
  -webkit-appearance: none;
}

.number_custom .number-nav {
  float: left;
  position: relative;
  height: 36px;
}

.number_custom input[type="number"] {
  -moz-appearance: textfield;
}

.number_custom .number-nav .number-button {
  position: relative;
  cursor: pointer;
  width: 24px;
  text-align: center;
  color: #333;
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  background-repeat: no-repeat;
  background-position: center center;
}

.number_custom .number-nav .number-button.number-up {
  position: absolute;
  height: 50%;
  top: 0;
  background-image: url(../images/arrow-up.svg);
}

.number_custom .number-nav .number-button.number-down {
  position: absolute;
  bottom: -1px;
  height: 50%;
  background-image: url(../images/arrow-down.svg);
}

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

.ocevaluation_table .fotofinish_report_table {
  text-align: center;
}

.ocevaluation_table .fotofinish_report_table > .thumb {
  margin: 0 auto;
}

.ocevaluation_table.custom-table table tbody tr td {
  text-align: center;
}

.accordion_header_withAnchor .card-link {
  width: 100%;
}

.accordion_header_withAnchor .card-link .cheading h3 {
  width: auto;
}

.start_evolution_image_list .start_evolution_image img {
  max-height: 100%;
}

.accordion-block .card .card-header.accordion_header_withAnchor {
  padding-right: 20px;
}

.close_ticket_filter {
  max-width: 400px;
}

.close_ticket_filter label {
  display: block;
  width: 100%;
}

.close_ticket_filter .title-filters {
  flex-wrap: wrap;
  width: 100%;
}

.close_ticket_filter app-site-filter-model {
  width: 100%;
}

.close_ticket_filter app-site-filter-model .btn.selectSite {
  width: 100%;
}

.close_ticket_date_filter .dateRange {
  max-width: 400px;
}

.btn-primary.disabled,
.btn-primary:disabled {
  cursor: not-allowed;
}

.photos_main_container .selectPhotos-lst {
  max-height: 75vh;
  overflow: auto;
}

.batch_upload_note p {
  margin-bottom: 0;
}

.batch_upload_note p span {
  font-weight: 700;
  color: #000;
}

.modal_image_metadata {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgb(0 0 0 / 75%);
  color: orange;
  font-size: 12px;
  left: 0;
  padding: 5px;
  line-height: 1.5;
  word-break: break-all;
}

.peridic_section_filter .report_filters {
  margin-left: 10px;
}

.ffMultiSelect .dropdown-menu .dropdown-item.empty {
  padding: 15px 0;
  border: none;
  color: red;
}

.option_separator_or {
  width: 100%;
  padding-left: 25px;
  margin-bottom: 15px !important;
}

.periodic_add_note {
  margin-top: 20px;
  margin-bottom: 0;
  padding: 5px 15px;
  color: #000;
}

.small_size_field {
  max-width: 70px;
}

.add_periodic_range_datepicker > input {
  min-width: 220px;
}

.selected_date_range {
  padding: 15px 25px 0 25px;
}

.add_periodic_uploaded_image {
  text-align: center;
}

.periodic_copy_pic_btn {
  text-align: center;
  margin-top: 15px;
}

.periodic_copy_pic_btn button.btn {
  font-size: 14px;
  padding: 8px 10px;
  height: auto;
  color: #fff;
}

.add_periodic_uploaded_image img {
  margin-top: 15px;
}

.set_periodic_options {
  display: flex;
}

.set_periodic_options .radio_check_option + .radio_check_option {
  margin-left: 20px;
}

.set_periodic_options .radio_check_option input.form-check-input {
  position: relative;
  margin: 0px 5px 0 0;
}

.periodic_excel_error .excelErrorHead {
  margin-bottom: 0;
}

.periodic_excel_error {
  padding: 20px 0px 0 0;
}

.periodic_excel_error .error {
  white-space: pre-line;
}

.error_message {
  width: 100%;
  white-space: pre-line;
  display: flex;
  flex-wrap: wrap;
}

.error_message .sheetCellErrorHead {
  display: block;
  width: 100%;
}

.periodic_excel_error .error + .error {
  margin-top: 10px;
}

.peridic_section_filter .Searchbox.w-100 {
  margin-top: 0;
}

.peridic_section_filter .md-filterSites form.w-100 {
  margin-top: 0;
}

.periodic_item_name {
  width: 100%;
}

.periodic_item_name span {
  background: rgb(0 128 0 / 55%);
  color: #fff;
  padding: 3px 10px;
  display: inline-block;
  border-radius: 3px;
  font-size: 15px;
}

.periodic_item_labels {
  margin-top: 10px;
}

.periodic_item_right_options .btn.btn-primary {
  padding: 5px 10px;
  border-radius: 5px !important;
  height: auto;
  font-size: 12px;
}

.periodic_item_labels {
  width: 100%;
}

.periodic_item_labels .periodic_item_statua {
  display: inline-block;
  line-height: 0;
  vertical-align: middle;
  margin-right: 3px;
}

.periodic_item_details h3 {
  color: #1c99ec;
}

.periodic_item_details p {
  margin: 0;
}

.periodic_item_details p span {
  font-weight: 700;
  margin-right: 10px;
  display: inline-block;
  min-width: 130px;
}

.periodic_item_details h3 {
  text-transform: capitalize;
  font-size: 16px;
  margin-bottom: 10px !important;
}

.periodic_item_statua .ico-img.dot {
  vertical-align: middle;
}

.custom_radio_btns > span {
  position: relative;
  display: inline-block;
  min-height: 25px;
  height: 25px;
}

.custom_radio_btns > span span {
  position: relative;
  color: #545a6b;
  text-transform: capitalize;
  margin-bottom: 0 !important;
  padding: 5px 12px;
  background-color: #fff;
  border: 1px solid #e9edf3;
  box-shadow: none !important;
  line-height: 15px;
  font-size: 13px !important;
  font-weight: 600;
  min-height: 25px;
  height: 25px;
  border-radius: 4px;
}

.custom_radio_btns > span input {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}

.custom_radio_btns > span + span {
  margin-left: -1px;
}

.custom_radio_btns > span:not(:first-child):not(:last-child) span {
  border-radius: 0;
}

.custom_radio_btns > span input:checked + span {
  background: #2d3092;
  color: #fff;
}

.photoflow_view_icon {
  background-size: 18px;
  filter: brightness(2);
  background-position: center 10px !important;
}

/* .library-siteSchedule.library_module_main_tab .tab-content .mainAccordion {
  max-height: calc(100vh - 270px);
  overflow  : auto;
} */

.library-siteSchedule.library_module_main_tab
  .tab-content
  .schedule_list_container {
  max-height: calc(100vh - 340px);
  overflow: auto;
}

.site_schedule_inner_options {
  margin-bottom: 20px;
  text-align: right;
}

.full_click_container {
  justify-content: space-between;
}

.report__store_status_filter.ticker_report_filter .ticket_type {
  margin-left: 5px;
  text-transform: uppercase;
}

.full_click_heading {
  justify-content: space-between;
}

.mainAccordion .card .full_click_heading .right-div span {
  color: #fff;
}

.full_click_heading .count-lst li {
  margin-right: 5px;
}

@media screen and (min-height: 800px) and (min-width: 1600px) {
  /* .library-siteSchedule.library_module_main_tab .tab-content .mainAccordion {
    height    : 850px;
    max-height: calc(100vh - 280px);
  } */
  .library-siteSchedule.library_module_main_tab
    .tab-content
    .schedule_list_container {
    height: 850px;
    max-height: calc(100vh - 350px);
  }
}

.site_schedule_excel_options {
  margin-top: 10px;
  margin-left: auto;
  display: flex;
}

.site_schedule_excel_options .downExl {
  margin: 0 10px 0 0;
}

.no_current_schedule {
  margin-left: 10px;
  background: red;
  color: #fff;
  font-size: 12px;
  border-radius: 3px;
  padding: 0px 8px;
}

.is_dayclean img {
  width: 22px;
  max-height: 22px;
  margin-left: 5px;
  vertical-align: middle;
}

.count-lst li {
  margin-right: 8px;
}

.silver_count {
  background: green;
}

.count-lst span {
  padding: 2px 5px;
  border-radius: 3px;
  color: #fff;
}

.notsilver_count {
  background: red;
}

.notevaluated_count {
  background: orange;
}

.submissionincomplete_count {
  background: #808080;
  /* #d39e00; */
}

.site_status_report_accordion {
  max-height: 75vh;
  overflow: auto;
}

.site_status_report_accordion .card-body .tableScroll {
  max-height: 50vh;
  overflow: auto;
}

.table_data_list {
  min-width: 150px;
}

.table_data_list ul {
  margin: 0;
  list-style-type: none;
  padding: 0;
}

.custom-table.subarea__task__table td {
  vertical-align: top;
}

.sat_batch_error {
  padding: 25px 15px 0 15px;
  overflow: hidden;
}

.sat_batch_error .container {
  width: 100%;
  max-width: 100%;
  padding: 0;
  height: auto;
}

.tenant_level_permission_table ul.lst .custom-control .custom-control-label {
  margin: 0;
  width: auto !important;
}

.manage__role__access__table .ngx-pagination {
  position: relative;
}

.site-details-status .card.card-list-view .slideBox .slider-for .item img {
  height: auto;
}

.fullwidth_click_header_collapse > .card-link {
  flex: 1;
}

.card-header.full_width_collapse_header > .card-link {
  width: 100%;
  display: flex;
}

.accordion-block .card .card-header.full_width_collapse_header {
  padding: 10px 20px;
}

.card-header.full_width_collapse_header > .card-link .right-div {
  flex-shrink: 0;
}

.burnisher_header_event_handler {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.burnisher_header_event_handler h3 {
  margin-bottom: 0;
}

.burnisher_header_event_handler h3 i.ico-img {
  margin-right: 5px;
  vertical-align: middle;
}

.evaluation_tab_header .card-link {
  justify-content: space-between;
  display: flex;
  align-items: center;
  width: 1000%;
  flex-wrap: wrap;
}

.accordion-block .card .card-header.evaluation_tab_header {
  padding: 10px 20px;
}

.evaluation_tab_header .right-div .evaluation_icon_list {
  display: flex;
}

.evaluation_tab_header .card-link h3 {
  width: auto !important;
}

.viewList_recipient .tooltip .tooltip-inner {
  white-space: pre-line;
}

.range_datepicker {
  display: flex;
}

.range_datepicker .dateRange {
  position: relative;
  max-width: 140px;
}

.range_datepicker .dateRange .site_frequency_label {
  position: absolute;
  top: -20px;
  left: 4px;
  font-size: 12px;
}

.range_datepicker .dateRange input {
  width: 100%;
}

.peridic_section_filter > .dateRange {
  margin: 0;
}

.dateRange-selector .range_datepicker {
  margin-left: 10px;
}
.dateRange-selector .range_datepicker .dateRange {
  margin: 0;
}
.dateRange-selector .range_datepicker .dateRange + .dateRange {
  margin-left: 10px;
}

.new_logo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
  flex-wrap: wrap;
}

.new_logo span {
  margin-left: 10px;
  font-weight: 800;
  color: #000 !important;
  font-size: 20px;
}

.new_logo > span {
  display: block;
  margin: 0;
  width: 100%;
  text-align: center;
  margin-top: 10px;
}

.new_logo img {
  max-height: 30px;
}

.new_logo span span {
  margin: 0;
}

.storestatusReportsForm .range_datepicker,
.editIssuesForm .range_datepicker {
  padding-top: 15px;
}

.storestatusReportsForm .range_datepicker .dateRange + .dateRange,
.editIssuesForm .range_datepicker .dateRange + .dateRange {
  margin-left: 10px;
}

.storestatusReportsForm .range_datepicker .site_frequency_label,
.editIssuesForm .range_datepicker .site_frequency_label {
  left: 0;
}

.sidebar .sidebar-header .new_logo {
  margin: 15px 0 0 0;
  flex-wrap: wrap;
}

.sidebar .sidebar-header .new_logo > span {
  display: block;
  margin-top: 0px;
}

.sidebar .sidebar-header .new_logo > span span {
  color: #000 !important;
  font-size: 17px;
}

.refresh_btn {
  margin-left: 10px;
}

.refresh_btn .btn {
  border: 1px solid #1c99ec;
  color: #1c99ec;
  padding: 4px 15px;
  height: auto;
  border-radius: 20px;
}

.page-title.homePage_title {
  display: flex;
  align-items: center;
}

.page-title.homePage_title h1 {
  width: auto;
  order: unset;
  margin: 0;
}

.reports-periodics
  .periodicYearTable
  .yrTable.periodicsWithcomment
  .month-lst
  li:not(.heading),
.reports-periodics
  .periodicYearTable
  .custom-table.periodicsWithcomment
  table
  tbody
  tr
  td {
  height: 250px;
}

.reports-periodics
  .periodicYearTable
  .yrTable.periodicsWithcomment
  .month-lst
  li:not(.heading)
  .d-block {
  white-space: pre-line;
}

.close_ticket_date_filter .range_datepicker {
  padding-top: 20px;
}

.close_ticket_date_filter .range_datepicker .dateRange + .dateRange {
  margin-left: 10px;
}

.storemanagerForm.add_new_ticket_form .col-12 {
  cursor: default;
}

/* .reports-periodics .periodicYearTable .custom-table {
  overflow: auto;
} */

/*04-June*/
.note-imp-excel {
  position: relative;
  padding-left: 65px;
  text-align: left;
  margin-top: 10px;
}

.note-imp-excel .note-text {
  color: red;
  position: absolute;
  left: 13px;
  top: 0;
  padding-right: 7px !important;
}

.note-imp-excel span {
  padding: 0 !important;
}

.imp-excel-error {
  color: red;
  font-size: 12px;
  line-height: 16px;
}

.imp-excel-error-inner {
  max-height: 96px;
  overflow-y: auto;
  font-size: 12px;
  line-height: 16px;
}

.uploadFile .positon-relative {
  position: relative;
}

.uploadFile .positon-relative .or {
  display: block;
}

.stStatus li.punchStatus {
  white-space: nowrap;
}

.stStatus li.punchStatus p {
  margin-bottom: 5px !important;
  line-height: 20px !important;
}

.stStatus li.punchStatus p:last-child {
  margin-bottom: 0 !important;
}

#editMapArea .bootstrap-select .dropdown-menu li.dropdown-header {
  font-weight: 700;
  padding: 11px 10px;
  color: #1b2236;
}

.franchisee-stores-table .table tbody tr td {
  vertical-align: top !important;
  height: auto !important;
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

.franchisee-stores-table .table tbody tr td table tr td {
  height: auto !important;
  vertical-align: top !important;
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

.franchisee-stores-table .table tbody tr > td table tr td a.btn {
  padding: 0 15px;
  height: auto;
  border: none;
}

.franchisee-stores-table .table tbody tr td table tr:first-child td {
  padding-top: 0 !important;
}

.franchisee-stores-table .table tbody tr td table tr:last-child td {
  padding-bottom: 0 !important;
}

.franchisee-stores-table .table tbody tr td table tr:last-child {
  border-bottom: none !important;
}

.dashboard_card_list ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.dashboard_card_list ul li {
  min-height: 40px;
}

.dashboard_punchin_table .custom-table th,
.dashboard_punchin_table .custom-table td {
  background: transparent;
}

.dashboard_punchin_table .custom-table table thead tr th {
  border: none;
  padding: 16px 13px 16px 0;
  font-size: 14px;
  line-height: 18px;
  color: #1b2236;
  text-transform: capitalize;
}

.dashboard_punchin_table .custom-table table tbody tr td {
  padding: 16px 13px 16px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #1b2236;
  border-left: none;
}

.dashboard_punchin_table .periodic_reminer_card {
  overflow-x: hidden;
}

.custom-control-input {
  z-index: 11;
}

.tags-input .bootstrap-tagsinput input[type="text"] {
  border-bottom: 1px solid #d9e0e9;
}

/*Responsive*/
@media screen and (min-width: 1600px) and (min-height: 600px) {
  .storestatusReportsForm .form-group {
    margin-bottom: 15px;
  }

  .dashboard_live_report_container {
    margin-top: -40px;
    margin-bottom: -40px;
  }

  .dashboard_live_report_container .page-title {
    margin-bottom: 10px;
  }

  .report__ejs__treegrid {
    margin-top: -20px;
  }

  .report__last__updated {
    top: 20px;
  }

  .dashboard_live_report_container .legends_information {
    margin-top: 10px;
  }
}

@media screen and (min-width: 992px) {
  .custom-table.fotofinsh_submission_viewtable td {
    vertical-align: top;
  }

  .schedule-table.oc_schedule_table th:nth-child(2),
  .schedule-table.oc_schedule_table th:nth-child(3) {
    padding-left: 60px;
  }

  .schedule-table.oc_schedule_table th {
    font-weight: 800;
    font-size: 14px;
  }

  .main.fullview
    .site_status_report_accordion
    .card-body
    .tableScroll
    table.table
    th,
  .site_status_report_accordion .card-body .tableScroll table.table td {
    min-width: auto;
    max-width: 100%;
    width: auto;
  }

  .main.fullview
    .site_status_report_accordion
    .card-body
    .tableScroll
    button.left-move,
  .main.fullview
    .site_status_report_accordion
    .card-body
    .tableScroll
    button.right-move {
    display: none;
  }

  .main.fullview .site_status_report_accordion .card-body .tableScroll {
    padding: 0;
  }

  .table_data_list ul li {
    min-height: 55px;
    max-height: 55px;
    line-height: 1.2;
    overflow: hidden;
  }

  .library-subFrq #subFrqAccordion {
    max-height: calc(100vh - 280px);
    overflow: auto;
  }

  #ftReports-DPaccordion,
  #ftReports-OCaccordion {
    max-height: 600px;
    overflow: auto;
    margin: 20px 0 0 0;
    padding: 0 15px;
  }

  #ftReports-DPaccordion > .card:first-child,
  #ftReports-OCaccordion > .card:first-child {
    margin-top: 0;
  }

  .fotofinish_submission_inner_body {
    max-height: 634px; /*400px;*/
    overflow: auto;
  }

  .site_status_report_accordion
    .site_status_oc_report
    .custom-table
    table
    thead
    tr
    th,
  .site_status_report_accordion
    .site_status_oc_report
    .custom-table
    table
    thead
    tr
    td {
    min-width: auto !important;
    width: auto !important;
  }
}

@media screen and (max-width: 1400px) {
  .site_schedule_excel_options .btn {
    font-size: 12px;
  }
}

@media screen and (max-width: 1024px) {
  .sidebar .sidebar-header .sidebar-toggler {
    width: 30px;
    height: 30px;
  }

  .sidebar .sidebar-header a:first-child {
    max-width: calc(100% - 40px);
  }

  .sidebar .sidebar-header .new_logo img {
    max-width: 100%;
  }

  .sidebar .sidebar-header {
    min-height: 70px;
  }

  .title-filters.store_status_filter {
    flex-wrap: wrap;
  }

  .title-filters.store_status_filter.for_mobile_changes {
    justify-content: flex-start;
  }

  .title-filters.store_status_filter.for_mobile_changes
    .get_status_btn_grp
    .get_status_btn {
    margin: 0;
    width: calc(50% - 10px);
  }

  .title-filters.store_status_filter.for_mobile_changes
    .get_status_btn_grp
    .get_status_btn
    button.btn {
    width: 100%;
  }

  .title-filters.store_status_filter.for_mobile_changes
    .get_status_btn_grp
    .get_status_btn
    + .get_status_btn {
    margin-left: 20px;
  }

  .title-filters.store_status_filter.for_mobile_changes > .dateRange {
    margin-left: 0;
  }
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
}

@media screen and (max-width: 992px) {
  .custom-table
    .fdp_bdp_table.bottom_threshold_table
    table
    tbody
    tr
    td:first-child {
    font-size: 14px;
  }

  .tableScroll .custom-table table tbody tr td {
    min-height: 50px;
  }

  .title-filters.floor-access-issues-list > .dateRange {
    order: unset;
    margin-left: 10px;
    margin-right: 0;
  }

  .title-filters.floor-access-issues-list .btn {
    width: auto;
    max-width: 100%;
    white-space: pre;
  }

  .reports-periodics
    .periodicYearTable
    .yrTable.periodicsWithcomment
    .month-lst
    li:not(.heading),
  .reports-periodics
    .periodicYearTable
    .custom-table.periodicsWithcomment
    table
    tbody
    tr {
    height: 400px;
  }

  .title-filters.peridic_section_filter > .dateRange {
    order: unset;
    margin-left: 10px;
  }

  .title-filters.peridic_section_filter .report_filters button {
    white-space: pre;
  }

  .title-filters.store_status_filter .range_datepicker {
    width: 100%;
    justify-content: space-between;
  }

  .title-filters.store_status_filter .range_datepicker .dateRange {
    margin: 0;
    width: calc(50% - 5px);
    max-width: calc(50% - 5px);
  }

  .title-filters.store_status_filter .dateRange app-date-range {
    width: 100%;
  }

  .title-filters.report__store_status_filter app-date-range {
    width: 100%;
  }

  .title-filters.report__store_status_filter app-date-range .range_datepicker {
    width: 100%;
    justify-content: space-between;
  }

  .title-filters.report__store_status_filter
    app-date-range
    .range_datepicker
    .dateRange {
    max-width: calc(50% - 5px);
  }

  .title-filters.report__store_status_filter.ticker_report_filter .dateRange {
    width: calc(100% - 90px);
  }

  .title-filters.fotofinish__submission__view__filter.bgp_spilllog_filter
    .dateRange
    app-date-range {
    width: 100%;
  }

  .title-filters.fotofinish__submission__view__filter.bgp_spilllog_filter
    .dateRange
    app-date-range
    .range_datepicker {
    justify-content: space-between;
  }

  .title-filters.fotofinish__submission__view__filter.bgp_spilllog_filter
    .dateRange
    app-date-range
    .range_datepicker
    .dateRange {
    width: calc(50% - 5px);
    max-width: calc(50% - 5px);
    margin: 0;
  }

  .title-filters.fotofinish__submission__view__filter.bgp_spilllog_filter
    .report_filters {
    padding: 0;
  }

  .title-filters.fotofinish__submission__view__filter.bgp_spilllog_filter
    .report_filters
    button.btn {
    margin: 0;
  }

  .disinfection_table .custom-table td {
    min-height: 50px;
  }

  app-sample-photos .title-filters .selectSite {
    margin-bottom: -10px;
  }

  .card-link.disinfection_accordion .cheading ul.count-lst {
    order: 2;
    width: auto;
    padding: 0;
  }

  .card-link.disinfection_accordion .cheading .right-div {
    order: 3;
    margin-left: 0;
  }

  .card-link.disinfection_accordion .cheading ul.count-lst li,
  .cheading.punchincheckin_report_accordion .right-div .count-lst li {
    width: auto;
    margin-right: 10px;
    padding-right: 0;
    margin-top: 0;
  }

  .card-link.disinfection_accordion .cheading ul.count-lst li:last-child,
  .cheading.punchincheckin_report_accordion
    .right-div
    .count-lst
    li:last-child {
    margin-right: 0;
  }

  .cheading.punchincheckin_report_accordion .right-div .count-lst {
    padding: 0;
  }

  .library-siteSchedule.library_module_main_tab .card .cheading ul.count-lst {
    width: auto;
    order: 2;
    margin-top: 0;
    padding-top: 0;
  }

  .library-siteSchedule.library_module_main_tab .card .cheading .right-div {
    margin-left: 0;
    order: 3;
  }

  .stStatus li.punchStatus p span {
    display: block;
  }

  .site_details_siteStatus .no_record_foundCol::before {
    display: none !important;
  }

  .site_details_siteStatus .no_record_foundCol {
    padding: 15px !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  #selectTenantModal button.close {
    width: 30px;
    height: 30px;
    top: 20px;
  }

  #selectTenantModal .custom-radio-lst li ul,
  .custom-radio-lst li .innerChk-lst {
    max-height: 100%;
  }

  #selectTenantModal .modal-content {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
  }

  #selectTenantModal .modal-content .modal-footer {
    width: 100%;
  }

  #selectTenantModal .modal-content .modal-body {
    height: calc(100vh - 200px);
    width: 100%;
  }

  #selectTenantModal .modal-content .modal-header {
    width: 100%;
  }

  .mobile_scroll_modal .modal-content {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100% !important;
    display: flex;
  }

  .mobile_scroll_modal .modal-content > form {
    width: 100%;
    display: flex;
    flex-wrap: unset;
    flex-direction: column;
    height: 100%;
  }

  .mobile_scroll_modal .modal-content .modal-body {
    height: 100%;
    width: 100%;
  }

  .mobile_scroll_modal .modal-content .modal-footer {
    width: 100%;
  }

  .add_site_modal .modal-content {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100% !important;
    display: flex;
  }

  .add_site_modal .modal-content .modal-body {
    height: 100% !important;
    width: 100%;
  }

  .add_site_modal .modal-content .modal-header {
    width: 100%;
  }

  .add_site_modal .modal-content .modal-footer {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  #selectTenantModal button.close {
    width: 30px;
    height: 30px;
    top: 20px;
  }

  #selectTenantModal .custom-radio-lst li ul,
  .custom-radio-lst li .innerChk-lst {
    max-height: 100%;
  }

  #selectTenantModal .modal-content {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
  }

  #selectTenantModal .modal-content .modal-footer {
    width: 100%;
  }

  #selectTenantModal .modal-content .modal-body {
    height: calc(100vh - 200px);
    width: 100%;
  }

  #selectTenantModal .modal-content .modal-header {
    width: 100%;
  }

  /* .loginSection{
    align-items: center;
    background-image: none;
    background-color: transparent;
  } */
  /* .library-siteSchedule.library_module_main_tab .tab-content .mainAccordion {
    max-height: 100vh;
  } */
  .library-siteSchedule.library_module_main_tab
    .tab-content
    .schedule_list_container {
    max-height: 100vh;
  }

  *::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }

  #addSite form.storecreateform .form-group,
  #editStoreArea form.storecreateform .form-group {
    margin-bottom: 15px;
  }

  #addSite form.storecreateform .form-group .form-control,
  #editStoreArea form.storecreateform .form-group .form-control {
    padding: 5px 0;
    min-height: 32px;
    height: auto;
  }

  #editStoreArea.modal.modal-fullview {
    min-height: 100vh;
  }

  #editStoreArea .modal-body {
    height: calc(100vh - 200px);
    max-height: calc(100vh - 200px);
    overflow: hidden;
  }

  .custom_modal_bootstrap.store__issues__modal .form-group {
    margin-bottom: 15px;
  }

  .custom_modal_bootstrap.store__issues__modal .form-group label {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .custom_modal_bootstrap.store__issues__modal .color_field {
    padding-top: 15px;
  }

  .storestatusReportsForm.dashboard_livereport_form
    .form-group
    > label:not(.site_frequency_label) {
    display: none;
  }

  .dashboard_livereport_form .form-group {
    margin-bottom: 15px;
  }

  .dashboard_livereport_form .get_status_col {
    width: 125px;
    padding: 0;
  }

  .dashboard_livereport_form .issues_mulltipSelect {
    width: calc(100% - 130px);
  }

  .dashboard_livereport_form .issues_mulltipSelect .dropdown-menu {
    min-width: 300px;
  }

  .day_check_list > span {
    width: auto;
    margin-bottom: 0;
    margin-right: 10px;
  }

  .issue_radio_btn_grp .custom-control {
    margin-right: 10px;
  }

  .mobile_scroll_modal .modal-content {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100% !important;
    display: flex;
  }

  .mobile_scroll_modal .modal-content > form {
    width: 100%;
    display: flex;
    flex-wrap: unset;
    flex-direction: column;
    height: 100%;
  }

  .mobile_scroll_modal .modal-content .modal-body {
    height: 100%;
    width: 100%;
  }

  .mobile_scroll_modal .modal-content .modal-footer {
    width: 100%;
  }

  .child_inner_tabs {
    background: #fff;
    padding: 15px;
    border: 1px solid #e1ebf4;
    border-radius: 5px;
  }

  .site-details .sitePhotoflows-card .nav.nav-pills {
    margin-bottom: 15px;
  }

  .add_site_modal .modal-content {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100% !important;
    display: flex;
  }

  .add_site_modal .modal-content .modal-body {
    height: 100% !important;
    width: 100%;
  }

  .add_site_modal .modal-content .modal-header {
    width: 100%;
  }

  .add_site_modal .modal-content .modal-footer {
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .title-filters.floor-access-issues-list {
    flex-wrap: wrap;
  }

  .title-filters.floor-access-issues-list > .dateRange {
    width: calc(100% - 50px);
  }

  .title-filters.floor-access-issues-list .apply_filter_btn {
    width: 100%;
    margin-top: 10px;
  }

  .title-filters.floor-access-issues-list .btn {
    width: 100%;
  }

  .range_datepicker .dateRange {
    width: calc(50% - 5px);
    max-width: calc(50% - 5px);
    margin: 0;
  }

  .range_datepicker {
    justify-content: space-between;
  }

  .range_datepicker .dateRange:first-child {
    margin-left: 0;
  }

  .title-filters.ml-0.peridic_section_filter {
    flex-wrap: wrap;
  }

  .title-filters.ml-0.peridic_section_filter .report_filters {
    width: 100%;
    margin: 0;
    margin-top: 10px;
  }

  .title-filters.ml-0.peridic_section_filter > .dateRange {
    order: unset;
    width: calc(100% - 60px);
    margin-left: 10px;
    margin-right: 0;
  }

  .title-filters.ml-0.peridic_section_filter .report_filters button.btn {
    width: 100%;
  }

  .dashbord-cards .prd-lst li p span ~ span {
    flex-wrap: wrap;
  }

  .dashbord-cards .prd-lst li p span ~ span .date_lable {
    width: 100%;
    margin-bottom: 5px;
  }

  .site_schedule_excel_options {
    flex-wrap: wrap;
    width: 100%;
  }

  .site_schedule_excel_options .downExl {
    width: 100%;
    margin: 0 0 10px 0px;
  }

  .site_schedule_excel_options .downExl a.btn {
    width: 100%;
  }

  .site_schedule_excel_options .excel_btns {
    width: 100%;
  }

  .site_schedule_excel_options .excel_btns .librrary_import_excel {
    width: 100%;
  }

  .library-siteSchedule .mainAccordion .card .cheading .no_current_schedule {
    display: block;
    width: auto;
  }

  .library-siteSchedule .mainAccordion .card .cheading > h3 {
    flex-wrap: wrap;
    width: 100%;
  }

  .cheading.punchincheckin_report_accordion h3,
  .card-link.disinfection_accordion .cheading h3 {
    font-size: 14px;
  }

  .library-siteSchedule.library_module_main_tab .card .cheading ul.count-lst {
    width: 100%;
    order: 3;
  }

  .library-siteSchedule.library_module_main_tab .card .cheading .right-div {
    order: 2;
    margin-left: auto;
  }
}
/* periodics tooltip */
/* #ftReports-DPaccordion.periodicsDP .sitePeriodics-card, #ftReports-OCaccordion.periodicsDP .sitePeriodics-card{
  overflow: visible !important;
} */
/* overflow: visible !important;  */
/* #ftReports-DPaccordion.periodicsDP, #ftReports-OCaccordion.periodicsDP{max-height: none !important;} */

#ftReports-DPaccordion.periodicsDP .tooltip.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #fff !important;
}

#ftReports-DPaccordion.periodicsDP .sitePeriodics-card .tooltip-inner {
  max-width: 500px !important;
  background: #fff !important;
}
#ftReports-DPaccordion.periodicsDP
  .sitePeriodics-card
  .tooltip-inner
  .card-body {
  padding: 15px 20px 0;
}
#ftReports-DPaccordion.periodicsDP
  .sitePeriodics-card
  .tooltip.bs-tooltip-top
  .arrow::before {
  border-top-color: #fff !important;
}
#ftReports-DPaccordion.periodicsDP
  .sitePeriodics-card
  .tooltip-inner
  .card-body
  table {
  margin-bottom: 0;
}
#ftReports-DPaccordion.periodicsDP
  .sitePeriodics-card
  .tooltip-inner
  .card-body
  table
  tr
  th,
#ftReports-DPaccordion.periodicsDP
  .sitePeriodics-card
  .tooltip-inner
  .card-body
  table
  tr
  td {
  padding: 10px !important;
  vertical-align: middle;
}
#ftReports-DPaccordion.periodicsDP
  .sitePeriodics-card
  .tooltip-inner
  .content-header,
#ftReports-DPaccordion.periodicsDP
  .sitePeriodics-card
  .tooltip-inner
  .content-header
  h4 {
  margin-bottom: 0 !important;
}
#ftReports-DPaccordion.periodicsDP
  .sitePeriodics-card
  .tooltip-inner
  .content-header
  h4 {
  color: #1c99ec;
  padding-top: 10px;
  font-size: 16px;
  max-width: calc(100% - 35px);
  padding-left: 5px;
  font-weight: 700;
  text-align: left !important;
}
#ftReports-DPaccordion.periodicsDP
  .sitePeriodics-card
  .tooltip-inner
  .content-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* mobile */
#taskDetailsPopup .modal-content .modal-body table {
  margin-bottom: 0;
}
#taskDetailsPopup .modal-content .modal-body table tr th,
#taskDetailsPopup .modal-content .modal-body table tr td {
  padding: 10px !important;
  vertical-align: middle;
}
#taskDetailsPopup .modal-content.modal-header,
#taskDetailsPopup .modal-content .modal-header h4 {
  margin-bottom: 0 !important;
  color: #1c99ec;
  padding-top: 10px;
  font-size: 16px;
  max-width: calc(100% - 35px);
  padding-left: 5px;
  font-weight: 700;
  text-align: left !important;
}
#taskDetailsPopup .modal-content .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* .close-red-color{visibility:hidden ;} */
.close-red-color:hover {
  color: #ff0000 !important;
}
.close-red-color-mobile:hover {
  color: #ff0000 !important;
}

#ftReports-DPaccordion.periodicsDP .sitePeriodics-card .tooltip-inner {
  max-height: 250px;
  overflow: auto;
}

#ftReports-DPaccordion.periodicsDP
  .sitePeriodics-card
  .tooltip-inner
  .content-header
  .close-red-color {
  margin-top: 4px;
}
.close-red-color-mobile {
  margin-top: 4px;
}

#ftReports-DPaccordion.periodicsDP
  .sitePeriodics-card
  .tooltip-inner
  .content-header
  .close-red-color {
  background-image: url(../images/close-red.svg);
  background-size: 12px;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0;
  color: transparent !important;
  font-size: 1px;
  opacity: 1;
  margin: 0;
  position: unset;
  width: 14px;
  height: 14px;
  background-color: white;
  border: none;
}
.close-red-color-mobile {
  background-image: url(../images/close-red.svg);
  background-size: 12px;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0;
  color: transparent !important;
  font-size: 1px;
  opacity: 1;
  margin: 0;
  position: unset;
  width: 14px;
  height: 14px;
  background-color: white;
  border: none;
}
#ftReports-DPaccordion.periodicsDP .periodic_item_details i.mobile {
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 1025px) {
  #ftReports-DPaccordion.periodicsDP .periodic_item_details i.mobile {
    opacity: 1;
    visibility: visible;
  }
  #ftReports-DPaccordion.periodicsDP .periodic_item_details i.desktop {
    display: none;
  }
}

@media (max-width: 1367px) and (min-height: 1020px) {
  #ftReports-DPaccordion.periodicsDP .periodic_item_details i.mobile {
    opacity: 1;
    visibility: visible;
  }
  #ftReports-DPaccordion.periodicsDP .periodic_item_details i.desktop {
    display: none;
  }
}

@media (max-width: 767px) {
  #ftReports-DPaccordion.periodicsDP .sitePeriodics-card .tooltip.show {
    left: 0px !important;
    transform: none !important;
  }
  #ftReports-DPaccordion.periodicsDP
    .sitePeriodics-card
    .tooltip.show
    .tooltip-inner {
    min-width: calc(100vw - 20px);
  }
  #ftReports-DPaccordion.periodicsDP
    .sitePeriodics-card
    ngb-tooltip-window.bs-tooltip-bottom
    .arrow,
  #ftReports-DPaccordion.periodicsDP
    .sitePeriodics-card
    ngb-tooltip-window.bs-tooltip-top
    .arrow {
    left: calc(50% - -4rem) !important;
  }
}

@media screen and (max-width: 480px) {
  /* 
  .library-siteSchedule.library_module_main_tab .tab-content .mainAccordion {
    max-height: calc(100vh - 250px);
  } */

  .library-siteSchedule.library_module_main_tab
    .tab-content
    .schedule_list_container {
    max-height: calc(100vh - 320px);
  }

  .site-details .siteStatus-card .card .stStatus li {
    width: 100%;
  }
}

@media screen and (max-width: 360px) {
  .punchincheckin_report_accordion .right-div,
  .disinfection_accordion .right-div {
    margin-left: 0 !important;
    width: 100% !important;
    margin-top: 5px;
  }
}

@media screen and (max-width: 320px) {
  .range_datepicker .dateRange input {
    font-size: 12px;
  }
}

@media screen and (min-width: 2000px) {
  .wrap > .container {
    max-width: 100%;
  }
}

.e-excelExport {
  background-image: url(../images/export.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

.accordion-block .card .card-body .custom-table table tbody tr td {
  vertical-align: top;
}

/* .wrap {
  height: calc(100vh - 320px);
  min-height: auto !important;
} */

.view-ticket .form-group .form-control {
  height: auto;
}

.title-button-wrap {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.title-button-wrap h3 {
  margin-right: 15px;
}

.site_schedule_excel_options .downExl .btn {
  background: #ffdb58;
  border-color: #ffdb58;
}

.excel_btns .btn {
  background: green;
  border-color: green;
}

.card.deficiencyAreas-card .custom-table table {
  height: calc(100vh - 356px);
  overflow: auto;
}

.library-deficiencies .card {
  padding: 15px;
  height: calc(100vh - 220px);
}

.title-button-wrap {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.title-button-wrap h3 {
  margin-right: 15px;
}

.site-details .site_status_BDP_widgets .cheading {
  margin-bottom: 15px;
  padding-top: 0;
}

.site_status_BDP_widgets {
  margin-top: 25px;
}

.site-details .site_status_BDP_widgets .cheading .blue-color {
  color: #1c99ec;
}

.sortable-table th {
  vertical-align: middle !important;
  position: relative;
}

.table .sorting-col span {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.table .sorting-col span::after {
  content: "";
  /* position        : absolute; */
  /* right           : 0; */
  /* top             : 50%; */
  /* transform       : translateY(-50%); */
  background-image: url(../images/down-arrow.png);
  background-position: right center;
  background-size: 12px;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
}

.table .sorting-col.desc span::after {
  transform: rotate(180deg);
}

.fotofinish_submission_inner_body #ftReports-OCaccordion {
  margin-top: 0;
  background: #fff;
}

.fotofinish_submission_inner_body
  #ftReports-OCaccordion
  .evaluation_inner_table {
  margin-top: 15px;
}

.viewBox-grp {
  display: flex;
  justify-content: space-between;
}

.viewBox-grp > .form-group {
  margin-bottom: 0 !important;
  max-width: calc(50% - 5px);
  width: calc(50% - 5px);
}

.ftRepEvl .card .card-body .viewBox .form-group .start_evolution_options {
  flex-wrap: wrap;
}

.ftRepEvl
  .card
  .card-body
  .viewBox
  .form-group
  .start_evolution_options
  .btn-group {
  margin-bottom: 10px;
}
.ftRepEvl .card .card-body .viewBox.viewBox-custom {
  padding: 15px;
}

.viewbox-main > .card {
  padding: 15px;
}
.viewbox-main > .card .card-header {
  padding-bottom: 15px;
}
.viewBox-grp > .form-group textarea.form-control {
  min-height: 75px;
}
.page-title.viewbox-title-main {
  margin-bottom: 15px;
}
.page-title.viewbox-title-main {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.btn-group-toggle .btn.focus {
  box-shadow: none !important;
  position: relative;
  z-index: 1;
}

.img-box.image-not-required {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 215px;
  background: #f4f4f5;
}

.img-box.image-not-required::after {
  display: none;
}

.img-box.image-not-required .ticketSubmit .placeholder-text {
  top: 50% !important;
  transform: translateY(-50%);
  text-align: center;
  color: #000 !important;
  /* background-color: transparent !important;*/
}

.periodic-batch-edit {
  margin-left: 10px !important;
}

.periodic-delete-all {
  margin-top: -70px;
}

.site_frequency_label_change {
  position: absolute;
  top: -20px !important;
  font-size: 12px !important;
}

.periodic-delete-all button.btn.btn-info {
  position: relative;
  z-index: 1;
  background: #e96155;
  border-color: #e96155;
}
.page-title.batch-edit-title h1 {
  width: 100%;
}
.batch-edit-note {
  margin: 15px 0;
}
.batch-edit-note p {
  color: red;
  margin: 0;
}
.due-date-dropdown {
  min-width: 120px;
}

.fullview .sidebar .nav .nav-item .external-link {
  opacity: 0;
  visibility: hidden;
}

.fullview .sidebar nav:hover .nav-item .external-link {
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 1400px) {
  .title-filters.batch-periodics .btn.btn-primary {
    font-size: 12px;
    padding: 5px 10px;
    flex-shrink: 0;
    min-width: 100px;
  }
}

@media screen and (max-width: 992px) {
  #filterSites .modal-content {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    top: 0;
  }

  #filterSites .modal-content .modal-header {
    width: 100%;
  }

  #filterSites .modal-content .modal-body {
    width: 100%;
    max-height: 100%;
    flex: 1;
    height: 100% !important;
  }

  #filterSites .modal-content .modal-footer {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
  }
  #filterSites .modal-content .modal-footer .btn {
    width: 100%;
  }

  #filterSites .modal-content .custom-checkbox-lst li .innerChk-lst {
    height: calc(100vh - 350px);
    max-height: 100%;
  }
  #ftReports-DPaccordion,
  #ftReports-OCaccordion {
    max-height: calc(100vh - 380px);
    overflow: auto;
  }
  .fotofinish_report_table.fotofinish_report_table_second_col {
    padding-top: 30px;
  }
}

@media (max-width: 767px) {
  .mobile-button-hide > div > div {
    display: flex;
    position: fixed;
  }

  .mobile-button-hide > div > div .modal-body {
    height: auto !important;
    max-height: inherit !important;
    flex: 1 0 auto;
  }

  .splPhoto-box .uploadFile {
    min-height: calc(100vh - 300px);
  }

  div#filterSites > div > div {
    position: fixed !important;
    height: 100%;
  }

  div#filterSites .modal-body {
    height: auto !important;
    flex: 1 0 auto;
  }

  .view__ticket__title .typeSelect {
    display: block !important;
    width: 100%;
    float: right;
    margin: 0px;
    margin-top: 10px;
  }

  .view__ticket__title .typeSelect .dropdown.bootstrap-select {
    width: 100%;
  }

  /* .wrap {
    height: calc(100vh - 0px);
  } */

  .schedule-table tbody tr td .ngb-tp-input-container {
    width: auto;
  }

  .schedule-table tbody tr td .form-control {
    min-width: 100%;
    padding: 0 0;
    font-size: 12px;
    text-align: center;
  }

  .schedule-table tbody tr td .ngb-tp {
    display: flex;
  }

  .schedule-table tbody tr td .ngb-tp-input-container button.btn {
    padding: 0 0;
    height: 28px;
    line-height: 0;
  }

  .schedule-table tbody tr td:first-child {
    max-width: 30px;
    width: 30px;
    min-width: 30px;
    font-size: 12px;
  }

  .schedule-table thead tr th:first-child {
    max-width: 30px;
    width: 30px;
    min-width: 30px;
  }

  .schedule-table thead tr th {
    font-size: 12px;
    text-align: center;
    width: auto !important;
    max-width: 30px;
    white-space: pre-line;
  }

  .site_status_BDP_widgets {
    margin-top: 15px;
  }

  .site-details .site_status_BDP_widgets .cheading h3 {
    margin-bottom: 10px;
  }

  .site-details .site_status_BDP_widgets .cheading {
    margin-bottom: 5px;
  }
  #filterSites .modal-content > .modal-header {
    height: auto;
    padding: 24px 24px 20px;
  }
  #filterSites .modal-content > .modal-header .close {
    top: 24px;
  }
  .mainAccordion #ftReports-DPaccordion .card-link .right-div::after,
  .mainAccordion #ftReports-OCaccordion .card-link .right-div::after {
    top: 0;
  }
  #ftReports-DPaccordion,
  #ftReports-OCaccordion {
    max-height: calc(100vh - 300px);
  }
  .viewBox-grp {
    flex-wrap: wrap;
  }
  .viewBox-grp > .form-group {
    max-width: 100%;
    width: 100%;
  }
}

@media (max-width: 1199px) {
  #desktop-toggle .main-navbar-wrap {
    width: 100% !important;
  }
  .modal.modal-fullview .modal-content {
    height: 85vh !important;
  }
  .dashbord-cards .chartBox .highcharts-container .highcharts-title {
    top: 90px !important;
  }
  .modal.modal-fullview .modal-body {
    height: calc(80vh - 160px) !important;
    max-height: calc(80vh - 160px) !important;
    overflow: auto;
    overflow-x: hidden;
    padding-right: 30px !important;
  }
  .example-container .cdk-drop-list {
    margin: 45px 20px 30px 0 !important;
  }
  .example-container .cdk-drop-list:nth-child(3n) {
    margin-right: 0 !important;
  }
}

@media (max-width: 991px) {
  .selectPhotos-lst li.addImage a {
    min-height: 156px;
  }
  .page-title.batch-edit-title h1 {
    order: 2;
  }
  .page-title.batch-edit-title .batch-edit-note {
    order: 3;
  }
  .batch-edit-filters {
    margin: 0 !important;
  }

  .batch-edit-filters .btn-group {
    margin: 0;
  }

  .batch-edit-filters .form-group {
    width: 100%;
    margin-bottom: 30px !important;
    display: block;
  }

  .batch-edit-filters .due-date-dropdown {
    margin-left: 0 !important;
  }

  .close_ticket_filter .title-filters {
    margin-top: 0px;
  }
}

@media (max-width: 767px) {
  .example-container .cdk-drop-list {
    margin: 45px 20px 30px 0 !important;
    width: calc(50% - 10px) !important;
  }
  .example-container .cdk-drop-list:nth-child(3n) {
    margin-right: 20px !important;
  }
  .example-container .cdk-drop-list:nth-child(2n) {
    margin-right: 0px !important;
  }
  .example-container .cdk-drop-list:last-child {
    margin-top: 0 !important;
  }
  .selectPhotos-lst li.addImage a {
    min-height: 102px;
  }
  .periodic-list-cta {
    flex-wrap: wrap;
    margin-top: 10px !important;
    margin-left: 0 !important;
  }

  .periodic-list-cta button.btn-link {
    width: 100%;
    margin-right: 0 !important;
    padding-right: 0 !important;
    border: none !important;
  }

  .periodic-list-cta a.btn.btn-primary {
    margin: 0;
    width: calc(50% - 5px);
  }

  .periodic-list-cta .periodic-batch-edit {
    width: calc(50% - 5px);
  }

  .batch-edit-filters .title-filters .due-date-dropdown {
    margin-bottom: 30px;
    width: 100%;
  }

  .dateRange-selector .range_datepicker {
    margin-left: 0;
    margin-bottom: 20px;
  }

  .batch-edit-filters
    .peridic_section_filter
    .report_filters
    + .report_filters {
    margin-top: 30px;
  }
  .batch-edit-filters + div {
    margin-top: 10px !important;
  }
  .batch-edit-filters .batch-periodics {
    flex-wrap: wrap;
  }

  .batch-edit-filters .batch-periodics .report_filters {
    width: 100%;
    margin-left: 0;
  }

  .batch-edit-filters .batch-periodics .dateRange-selector {
    width: 100%;
  }

  .batch-edit-filters .batch-periodics .dateRange-selector .range_datepicker {
    width: 100%;
  }

  .batch-edit-filters
    .batch-periodics
    .dateRange-selector
    .range_datepicker
    .dateRange {
    max-width: 100%;
  }

  .peridic_section_filter .report_filters {
    margin-left: 0;
    margin-right: 10px;
  }
  .batch-edit-filters .batch-periodics .report_filters {
    margin-right: 0;
  }
  .periodic-delete-all button.btn.btn-info {
    width: 100%;
  }

  .page-title.batch-edit-title {
    margin-bottom: 20px;
  }

  .batch-edit-title .peridic_section_filter.batch-periodics .selectSite {
    max-width: 100%;
    background-image: url(../images/angle-down.svg);
    color: #000;
    width: 100%;
    background-position: right 10px center;
  }

  .batch-edit-title
    .peridic_section_filter.batch-periodics
    app-site-filter-model {
    width: 100%;
  }
  .periodic-delete-all {
    margin-top: 0px;
  }
}

@media (max-width: 430px) {
  .dashbord-cards .chartBox .highcharts-container .highcharts-title {
    top: 70px !important;
  }
}
@media (max-width: 992px) {
  .accordion-block
    .card
    .card-header
    .card-link[aria-expanded="true"]
    .angle-down {
    transform: rotateX(180deg);
  }
  .card-header.full_width_collapse_header > .card-link .right-div {
    flex-shrink: 1;
  }

  .evolution_slide_main {
    display: block;
  }

  .evolution_slide_left {
    width: 100%;
  }

  .evolution_slide_right {
    width: 100%;
  }

  #sliderModelpopup .carousel-indicators {
    max-width: 92%;
  }
  .max-height-ipad .bootstrap-select .dropdown-menu .inner .dropdown-menu {
    max-height: 150px;
  }
}

.report_photo_dropdown .dropdown-menu {
  width: 100%;
}

.SATModal.modal .modal-dialog.modal-lg {
  max-width: 80%;
}