/* @import url("https://fonts.googleapis.com/css?family=Muli:400,600,700&display=swap"); */
/* @font-face {
  font-family: "segoe-ui";
  font-style: normal;
  font-weight: normal;
  src: url("segoe-ui.woff");
}

@font-face {
  font-family: "segoe-ui-bold";
  font-style: normal;
  font-weight: normal;
  src: url("segoe-ui-bold.woff");
}

@font-face {
  font-family: "segoe-ui-bold-italic";
  font-style: normal;
  font-weight: normal;
  src: url("segoe-ui-bold-italic.woff");
} */


.text-gray {
  color: #000000 !important;
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: normal;
  src: local("Open Sans Regular"),
    url("OpenSans-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Open Sans Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Open Sans Italic"), url("OpenSans-Italic.ttf") format("truetype");
}

@font-face {
  font-family: "Open Sans Light";
  font-style: normal;
  font-weight: normal;
  src: local("Open Sans Light"), url("OpenSans-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Open Sans Light Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Open Sans Light Italic"),
    url("OpenSans-LightItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Open Sans Semi Bold";
  font-style: normal;
  font-weight: normal;
  src: local("Open Sans Semi Bold"),
    url("OpenSans-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "Open Sans Semi Bold Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Open Sans Semi Bold Italic"),
    url("OpenSans-SemiBoldItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Open Sans Bold";
  font-style: normal;
  font-weight: normal;
  src: local("Open Sans Bold"), url("OpenSans-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Open Sans Bold Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Open Sans Bold Italic"),
    url("OpenSans-BoldItalic.ttf") format("truetype");
}

@font-face {
  font-family: "Open Sans Extra Bold";
  font-style: normal;
  font-weight: normal;
  src: local("Open Sans Extra Bold"),
    url("OpenSans-ExtraBold.ttf") format("truetype");
}

@font-face {
  font-family: "Open Sans Extra Bold Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Open Sans Extra Bold Italic"),
    url("OpenSans-ExtraBoldItalic.ttf") format("truetype");
}

html,
body {
  font-family: "Open Sans" !important;
  font-weight: normal !important;
  /* font-family: "Muli", sans-serif; */
}


.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  vertical-align: middle;
}
button.close {
    opacity: 0.5;
}
button.close>span {
    font-size: 29px !important;
    color: #000 !important;
    opacity: 1;
}
.floorConnectedSortableDiv,
.floorConnectedSortableDiv tr{
  background: #fff;
}
.floorConnectedSortableDiv .sort-highlight tr{
 background: #f5f5f5;
}
.main-footer {
  padding: 5px 15px;
}

.text-dark {
  color: #666666;
}
.star-default {
  color: #f39c12;
}

.callout-gray {
  background-color: #eee;
  border-left: 5px solid #ddd;
}

.callout-gray a {
  color: #333;
}

.callout-gray a:hover {
  color: #444;
}

.login-page {
  overflow: hidden;
}

.login-logo, .register-logo {
  color: #fff;
}
ul.dropdown-menu.topmenu li a {
    color: #444444;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px;
    border-bottom: 1px solid #f4f4f4;
}

.layoutinr .btn-group {
      display: flex;
}
span.float-right.layoutinr {
      display: flex;
      justify-content: flex-end;
}
span.orsec {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: -40px;
    top: 40%;
    transform: translateY(-50%);
    font-size: 16px;
    font-weight: 400;
}
.manageList{
  margin-left: 0px !important;
    padding-left: 0px !important;
    background: #fff !important;
}
.hideOnMobileCls {
    display: none !important;
}
.manageList .cardlstgrp li.list-group-item{
  padding: 0 !important;
}
.manageList .dirmainlist.bluecnt.list-group.list-group-flush.cardlstgrp{
  margin-bottom: 0px!important;
}
.manageList .topList {
  margin-bottom: 0px!important;
}
.manageList .topList li{
  color: #3569c7!important;
}
.plr0{
  padding-left: 0;
  padding-right: 0;
}
span.orsec {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: -40px;
    top: 40%;
    transform: translateY(-50%);
    font-size: 16px;
    font-weight: 600;
}
span.orsec:after {
    content: '';
    height: 20px;
    width: 1px;
    background-color: #333;
    position: absolute;
    left: 12px;
    top: -22px;
    z-index: 9;
}
span.orsec:before {
    content: '';
    height: 20px;
    width: 1px;
    background-color: #333;
    position: absolute;
    left: 12px;
    bottom: -17px;
    z-index: 9;
}
.doclistwrap.autoHeightDoc{
  max-height: 350px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.edittble .w40 {
    width: 44% !important;
    display: inline-block;
    margin: 0px 5px 0px 1px;
}
.wegtwidth {
    width: 48% !important;
    display: inline-block;
    margin-right: 1px;
}
.edittble td {
    position: relative;
    padding: 8px 8px 8px 0px !important;
        width: 100%;
}
.edittble .input-group-addon {
    padding:11px 3px;
  }
.edittble tr td:first-child {
    width: 24%;
}
.edittble tr td:first-child {
    width: 49%;
}
.locationicn{
      width: 7% !important;
    display: inline-block;
}
td.locationicn i {
    margin: 0;
}
.edittble span.input-group-addon {
    position: absolute;
    top: 10px;
    right: 0;
    width: 30%;
    height: 60%;
        border: 0;
}
td.w49 span.select2.select2-container.select2-container--default.select2-container--focus {
    width: 49% !important;
}
td.w49 span.select2.select2-container.select2-container--default {
    width: 49% !important;
    vertical-align: bottom;
}
.form-group.mb0 {
    margin-bottom: 0;
}




/* ----- 21jan Css----- */
.flertbl tbody {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    padding: 20px;
}
.flerlftcol tbody {
    flex-direction: column;
}
.flertbl tbody tr:last-child {
    margin-bottom: 0;
}
.flertbl tbody tr {
    flex: 0 0 25%;
    padding: 0 15px;
    margin-bottom: 30px;
}
.flertbl tbody tr td {
    width: 100%;
    display: block;
    padding: 0;
    border: none;
}
.flertbl .flowrimg {
    height: 300px;
    background-size: cover;
    background-position: center center;
}
.flertbl .flowrtxt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    background: #f3f3f3;
}
.flertbl .flowrtxt h6 {
    margin: 0;
    font-size: 15px;
    color: #333;
}
.flertbl .flowrtxt p {
    margin: 0;
    font-size: 14px;
    color: #333;
}
.flertbl th {
    padding: 15px 20px !important;
    border: none;
    background: #efefef;
    font-size: 18px;
    font-weight: 500;
    color: #444;
}
table.dataTable.table-condensed.flertbl .sorting_asc:after{
    top: 18px;
    right: 20px;
}
.mnflwrtbl .input-group.flwrfrmfltr {
    float: left;
}
.mnflwrtbl:after, .mnflwrtbl:before {
    display: block;
    clear: both;
    content: "";
}
.mnflwrtbl div#dataTablesFlorist_wrapper {
    float: left;
    width: 100%;
}
.mnflwrtbl div#dataTablesFlorist_wrapper .row:first-child {
    padding: 0 20px;
}
.mnflwrtbl .actions {
    margin: 0;
}
.tblflwtbl {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 15px 20px;
    align-items: flex-start;
    flex-direction: column;
}
.tblflwtbl .box-header {
    padding: 0;
}

.fromtofrm .input-daterange .input-group-addon{
  text-transform: capitalize;
}

.metricpop .form-group {
    margin-bottom: 10px;
}
.flwrfrmfltr{
  display: flex;
}
.flwrfrmfltr .florfield{
  margin: 0px;
}
.flwrfrmfltr span.input-group-addon{
  border-right: 1px solid #d2d6de;
}
.flwrfrmfltr input.form-control{
  border-radius: 0;
}
.flwrfrmfltr .startFloristDate{
  margin: 0 0 0 20px;
}
.flwrfrmfltr .endFloristDate{
  margin: 0;
}
.tblflwtbl h3.box-title {
    margin: 0 0px 12px;
}
.florfield.flordtseprtr{
  margin: 8px 6px;
  padding: 0;
  background: none;
  border: none;
  position: relative;
}
.fromtofrm button[type="submit"] {
    margin: 10px 0;
}
table.dataTable.table-condensed.flertbl .sorting_asc:after{
  top: 6px;
  right: 6px;
}

.sidebar-menu > li > a {
    padding: 12px 2px 12px 10px;
    display: block;
  }

.sidebar-menu li > a > .fa-angle-left {
    position: absolute;
    top: 50%;
    right: 0px;
    margin-top: -8px;
  }

.nav-tabs-custom li.active a {
    background: #555 !important;
    display: block;
    color: #fff !important;
}
body.skin-blue .treeview-menu>li.active>a {
    background: #555;
    border-right: none;
    color: #ffff;
}
body.skin-blue .sidebar-menu > li.active > a,
body.skin-blue .sidebar-menu > li > a.active {
    background: #555;
    color: #fff;
}
.locationToDesk select{
  width: 115px !important;
}
.insdashtopsec .small-box {
    overflow: hidden;
    margin-bottom: 10px;
}
.col-md-12.insdashtopsec {
    padding: 0;
    margin-top: 30px;
}
h4#count-inspection-score,
h4#count-completed-on-time,
h4#count-problem-areas,
h4#count-problem-reasons {
    font-size: 4em;
}


/* Common Table Style */

.doctnlist ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 15px;
}
.doctnlist ul li {
    list-style: none;
    margin: 0 2px 8px;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon, .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fas, .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {
    width: 20px;
}

@media (min-width: 767px) {
  .navbar-header h3 {
    font-size: 12px;
}

  .breadcrumb{
  display: block;
}
  .modal-dialog {
    width: 760px;
  }
  .content-wrapper,
  .right-side,
  .main-footer {
    margin-left: 210px !important;
  }
  .main-header .navbar {
    margin-left: 210px;
  }
   
}

.notopborder {
  border-top: 0px !important;
}

.whitetext {
  color: #fff;
}

.dt-margin {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.todo-list {
  min-height: 40px;
  overflow-x: hidden;
}

.no-sort::after {
  display: none !important;
}

.no-sort {
  pointer-events: none !important;
  cursor: default !important;
}

.timeline-item {
  background-color: #fcfcfc !important;
  border: 1px solid #f1f1f1 !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.timeline-image {
  left: 16px;
  position: absolute;
  top: 0;
}

.chart-legend ul {
  list-style-type: none;
}

.chart-legend li span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-top: 4px;
  margin-right: 5px;
  border-radius: 50%;
}

.dTsearch {
  position: relative;
  right: -145px;
  top: 1px;
}

.fullboby-bg {
  background: url(../assets/bg2.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fullboby-bg a {
  color: #fff;
}

.fullboby-bg .login-logo {
  color: #fff;
}

.roles h4 {
  padding-top: 12px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.dt-buttons {
  margin-left: -15px;
}

.dt-buttons .btn-default {
  background-color: #fcfcfc;
  padding: 3px 6px;
  font-size: 12px;
  border-radius: 0px;
}

.fileinput {
  padding-top: 5px;
  padding-bottom: 5px;
}

.datepicker {
  z-index: 9999 !important;
}

td .btn-group {
  display: flex;
}

.label-lite-blue {
  background-color: #fcfcfc;
  color: #0073b7;
  border: 1px solid #0073b7;
}

.label-lite-blue a {
  color: #0073b7;
}

.label-lite-green {
  background-color: #fcfcfc;
  color: #00a65a !important;
  border: 1px solid #00a65a !important;
}

.label-lite-green a {
  color: #00a65a !important;
}

.label-lite-yellow {
  background-color: #fcfcfc;
  color: #f39c12 !important;
  border: 1px solid #f39c12;
}

.label-lite-yellow a {
  color: #f39c12 !important;
}

.label-lite-purple {
  background-color: #fcfcfc;
  color: #605ca8;
  border: 1px solid #605ca8;
}

.label-lite-purple a {
  color: #605ca8;
}

.label-lite-red {
  background-color: #fcfcfc;
  color: #dd4b39;
  border: 1px solid #dd4b39;
}

.label-lite-red a {
  color: #dd4b39;
}

.label-lite-gray {
  background-color: #fcfcfc;
  color: #000;
  border: 1px solid #d2d6de;
}

.label-lite-gray a {
  color: #000;
}

.issues-list .text {
  display: inline !important;
}

.issue-more {
  margin: 5px 5px;
}
.badge-open {
  background-color: #fff !important;
  color: #f92758 !important;
}

.bg-tickets-answered, .bg-events-answered {
  background-color: #8ce28f !important;
  color: #fff !important;
}

.bg-tickets-open, .bg-events-open {
  background-color: #efb30c !important;
  color: #fff !important;
}

.bg-tickets-progress, .bg-events-progress {
  background-color: #48ef6c !important;
  color: #fff !important;
}

.bg-tickets-closed, .bg-events-closed  {
  background-color: #05c72f !important;
  color: #fff !important;
}
.badge {
  border: 1px solid;
  font-size: 11px;
  border-radius: 8px;
}

.small-box > a > .inner {
  padding: 10px;
}

.inner {
  min-height: 100px;
}

.small-box > a {
  color: #fff;
  display: block;
}
.small-box > a:hover{
  background: none;
  color:#fff;

}
.hidden {
  display: hidden;
}

.actions {
  margin: 50px 0;
}

ul.menu {
  height: auto !important;
}

.slimScrollDiv {
  height: auto !important;
}

img.img-responsive.thumbnails {
  width: 100%;
  height: 5em;
  padding: 0.1em;
  background: #fcfcfc;
  border: 1px dashed #a9a9a9;
  cursor: pointer;
  float: left;
  margin: 5px 5px 0 0;
}

a.btn.btn-default.btn-sm.btn-flat.barcode-button {
  margin-right: 50px;
}

.fileContainer {
  overflow: hidden;
  position: relative;
}

.fileContainer [type="file"] {
  cursor: inherit;
  display: block;
  font-size: 999px;
  filter: alpha(opacity=0);
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}

/* Example stylistic flourishes */

.fileContainer {
  padding: 27px;
  display: inline-block;
}

.task-file-container {
  padding: 0 !important;
}

.fileContainer [type="file"] {
  cursor: pointer;
}

span.doughnut-legend-text {
  width: auto !important;
}

.tickets-dashboard-main ul,
.events-dashboard-main ul {
  list-style: none;
  margin-bottom: inherit;
}

.tickets-dashboard-main p,
.events-dashboard-main p {
  font-weight: 0;
}

.tickets-dashboard-main ul li,
.events-dashboard-main ul li {
  margin-bottom: 10px;
}

div#myModal {
  padding-left: 0 !important;
}

@media screen and (min-width: 768px) {
  .breadcrumb{
  display: block;
}
  .ticket-manage {
    float: right;
  }
}

.tickets-dashboard-main ul li span,
.events-dashboard-main ul li span {
  float: right;
}

.tickets-dashboard-main ul li a,
.events-dashboard-main ul li a {
  color: inherit;
}

#reportrange {
  float: right;
  background: #fcfcfc;
  cursor: pointer;
  padding: 4px 20px;
  border: 1px solid #ccc;
}

.row.tickets-dashboard-main p,
.row.events-dashboard-main p {
  font-weight: 900;
}

.daterangepicker.dropdown-menu.opensright.show-calendar {
  display: flex !important;
  top: 100px !important;
}

.daterangepicker.opensright:after {
  left: 50% !important;
}

.daterangepicker.opensright:before {
  display: none;
}

.tickets-select2,
.events-select2 {
  margin-right: 10em;
  float: right;
  display: flex;
}

.tickets-select2 .select2-selection,
.events-select2 .select2-selection {
  padding: 3px 12px;
  height: 29px;
}

a.text-primary.subject {
  font-weight: 600;
  text-transform: uppercase;
  color: #ffffff;
}

.subject-container {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.green-box {
  background: #398839 !important;
  color: #fff !important;
}

.green-box .heading {
  border: 1px solid #398839 !important;
}

.green-box a {
  color: #fff !important;
}

.red-box {
  background: #f92758 !important;
  color: #fff !important;
}

.red-box .heading {
  border: 1px solid #f92758 !important;
}

.red-box a {
  color: #fff !important;
}

.orange-box {
  background: #f39c12 !important;
  color: #fff !important;
}

.orange-box .heading {
  border: 1px solid #f39c12 !important;
}

.orange-box a {
  color: #fff !important;
}

.heading {
  background: #fcfcfc !important;
  color: #000 !important;
  /* padding:5px 0 !important; */
}

.heading a {
  color: #000 !important;
}

.todo-list > li {
  /* padding: 0 !important;
  margin: 0 !important;
  border: none !important; */
}

.content .row.filtrDocRow{
  padding: 10px;
}


/*---- Search Location Form ----*/
.srchlocform .col-md-3{
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
}
.srchlocform input{
  width: 100%;
  height: 45px;
  border: 1px solid #ddd;
  padding: 0 12px;
  font-size: 15px;
}
.srchlocform .select2,
.srchlocform .select2 .select2-selection{
  height: 45px;
}
.srchlocform .select2{
  border: 1px solid #ddd;
}
.srchlocform .select2 .select2-selection{
  padding: 5px 0 0 6px;
  border: none !important;
  border-bottom: 1px solid #ddd !important;
}

.srchlocform input[type="submit"]{
  width: auto;
  padding: 0 25px;
  background: #f39c12;
  color: #fff !important;
  border: none;
  border-radius: 2px;
}
.srchlocformbtn{
  padding-top: 25px;
}
.srchlocform input[type="search"]{
  padding-right: 40px;
}
.srchlocform i{
  position: absolute;
  top: 40px;
  right: 25px;
}

.todo-list > li {
  padding: 10px !important;
  margin: 4px 0 !important;
  border: 1px solid #ccc !important;
}
embed.img-thumbnail.customPDFPreview {
  width: 100%;
  height: 100vh;
}

.content-ticket {
  padding: 4px 15px;
}

.background-white {
  background: #fcfcfc;
  color: #000;
}

.due-date-cell {
  display: flex;
  margin: 0 0 10px;
}

.due-date-cell .dueText {
  padding: 10px;
  flex: 0 0 55%;
  max-width: 55%;
}

.due-date-cell .dueText p {
  color: #fff;
  font-size: 14px;
  margin: 0;
}

.due-date-cell .dueText h4 {
  margin: 10px 0 0;
  font-size: 14px;
  color: #fff;
}

.due-date-cell .dateTimeText {
  padding: 10px;
  flex: 0 0 45%;
  max-width: 45%;
  background: #ffffff;
}

.due-date-cell .dateTimeText h4 {
  font-size: 14px;
  margin: 0;
  color: #212121;
}

.due-date-cell .dateTimeText p {
  margin: 5px 0 0;
  font-size: 13px;
}

.due-date-cell .dateTimeText span {
  display: inline-block;
  font-size: 12px;
  padding: 2px 6px;
  border-radius: 30px;
  margin: 5px 0 0;
  color: #f92758;
}

.due-date-cell .dateTimeText h5 {
  font-size: 12px;
  color: #212121;
  margin: 5px 0 0;
}

.red-box-border {
  border: 1px solid #f92758;
}

.green-box-border {
  border: 1px solid #398839;
}

.amber-box-border {
  border: 1px solid #f39c12;
}

#mapCanvas {
  width: 300px;
  height: 300px;
  float: left;
}

.edit-pencil {
  float: right;
  margin: 0 5px;
  font-size: 0.9em;
  color: #000;
  opacity: 0.2;
  cursor: pointer;
  margin-top: 3px;
}

a.pull-right.edit-pencil-provider.btn.btn-primary.btn-sm.btn-flat {
  margin: -4px 10px;
}

#mapCanvas {
  width: 100%;
  height: 500px;
}

.location-button {
  margin: 8px 0 0;
}

.bg-purple{
  background: #a649e4 !important;
}

.row.paginationbtm {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
div.pagination {
    float: right;
}
div.pagination a, div.pagination span {
    margin: 0;
    border: 1px solid #AAAADD;
    text-decoration: none;
    color: #000099;
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    display: inline-block;
}
div.pagination span.current {
    padding:6px 12px;
    border: 1px solid #337ab7;
    background-color: #555;
    margin: 0;
}
div.pagination a:hover, div.pagination a:active {
    border: 1px solid #ddd;
    color: #337ab7;
}

.alert-inspection {
  background: #f4f4f4;
  text-transform: capitalize;
}

.flat {
  border-radius: 0 !important;
}

i.location-finder {
  margin: 28px -15px;
  font-size: 25px;
}

.select2-container {
  width: 100%;
}

.thumbnail-preview {
  width: 80px;
  float: left;
  padding: 2px;
  border: 1px dashed #ccc;
  margin: 0 5px;
  height: auto;
}

.borderless,
.borderless td,
.borderless th {
  border: none !important;
}

span.floor_name {
  font-weight: 900;
  font-size: 20px;
  text-transform: uppercase;
}

span.room_name {
  font-weight: 900;
  font-size: 18px;
  text-transform: uppercase;
}

span.zone_name {
  font-weight: 900;
  font-size: 16px;
  text-transform: uppercase;
}

.locator th {
  border-top: 3px solid #666 !important;
}

.locator_inner {
  margin-top: 10px;
}

.card {
  padding: 10px 25px;
  background: #fcfcfc;
  box-shadow: 1px 4px 4px 0px #ccc;
  position: inherit;
  overflow: hidden;
  margin: 15px 0;
}

.heading-inspection {
  font-weight: 900;
  color: #1e87f0;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

p.percentage {
  font-size: xx-large;
  font-weight: 900;
}

.status-Ticker {
  height: 29px;
  width: 38px;
  position: absolute;
  top: -15px;
  left: -20px;
  overflow: hidden;
  display: inline-block;
  transform: rotate(135deg);
}

.ticker-success {
  background: #6ac259;
}

.ticker-error {
  background: red;
}

.percentage-success {
  color: #6ac259;
}

.percentage-error {
  color: red;
}

.ticket-dashboard-icon-colored {
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  border-radius: 60%;
  top: -66px;
  left: -60px;
  width: 128px;
  height: 128px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 22px;
  padding-right: 30px;
}

.inspection-page .small-box {
  overflow: hidden !important;
}

.inspection-page .small-box h3 {
  font-size: 4em;
}

.percentage {
  color: #fff;
}

.percentage-inner {
  font-size: 21px;
  font-weight: 900;
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:hover {
  color: #fff;
}

/* DEV-2 */

/* Inspection screen */

.q-action a {
  /*margin: 0 15px;*/
  margin: 0;

}

.q-action span.isHide,
#inspection-stop-button.isHide,
i.isHide,
.q-camera .isHide,
.q-undo.isHide,
.q-score-inspection.isHide,
.offlineDisabledButton.isHide,
div.isHide {
  display: none !important;
}

.q-camera .fileContainer {
  padding: 0px;
  display: list-item;
}

.q-camera i.fa-th {
  padding: 6px;
  margin-right: 8px;
  background: #f6f6f6;
  color: black;
}

.q-camera i.fa-camera {
  padding: 6px;
  background: cadetblue;
  color: white;
}

span.q-btn {
  display: inline-flex;
}

td.q-title {
  width: 30%00;
  min-width: 300px;
}

.q-camera .fileContainer {
  padding: 0px;
  display: list-item;
}

.q-camera form {
  display: inline-grid;
}

td.q-camera {
  min-width: 100px;
}

.w-100 {
  max-width: 100%;
  margin: 10px;
  border: 1px dashed #ccc;
  padding: 10px;
}

#inspection-table .floor_name,
#inspection-table .room_name,
#inspection-table .zone_name {
  background-color: #54b0ff;
  width: 100%;
  color: white;
  padding: 3px 5px;
}

.q-score-inspection {
  background: #00a65a;
  color: #fff;
  padding: 10px;
  font-size: 23px;
  margin-right: 10px;
}

.q-score-inspection.bg-success {
  background: #00a65a;
}

.q-score-inspection.bg-danger {
  background: #dd4b39;
}

#inspection-start {
  border-bottom: 0px;
}

.q-notes {
  min-width: 100px;
  max-width: 100px;
}

.right-side {
    padding-top: 50px;
}
.main-header .navbar{
  position: fixed;
  width: calc(100% - 212px);
}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  .breadcrumb{
  display: block;
}

td.q-title{
	min-width: 100px;
}

}
@media (max-width: 767px){
  .fileContainer{
    margin: 0 14px;
    /*display: none !important;*/
  }
  .emailDiv{
    margin: 0;
  }
}
/*
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */


@media (min-width: 320px) and (max-width: 480px) {
  .skin-blue .new-searchbar .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
  background: #fcfcfc;
  color: #444;
  height: 25px;
  font-size: 10px;
}

.new-searchbar {
    max-width: 70px;
    float: right;
  }

   .navbar-header h3{
      font-size:6px;
   }

  ol.breadcrumb{
     font-size: 8px;
   }
  

  .breadcrumb{
  display: block;
  
}
  nav.navbar.navbar-static-top {
    position: fixed;
  }
  .main-sidebar {
    position: fixed;
  }
  .sidebar {
    margin-top: 8.5rem;
  }
  #inspection-table tr {
    display: block;
    margin-bottom: 4px;
    border-bottom: 1px solid #8080806e;
    margin-top: 4px;
  }
  /* .q-title {
        display:inline-block !important;
        width:50% !important;
    } */
  .q-undo,
  .q-ticket {
    padding: 0px !important;
  }
  .q-undo a.btn-warning.btn-flat {
    padding: 3px 7px;
  }
  .q-notes,
  .q-camera,
  .q-ticket,
  .q-undo {
    display: inline-block;
    width: auto;
  }
  td.q-camera {
    min-width: 65px;
  }
  #inspection-table tr td {
    border: 0px solid #f4f4f4;
  }
  #inspection-table .q-ticket .btn-flat {
    font-size: small;
    padding: 3px 4px;
  }
  td.q-title {
    width: 50% !important;
    min-width:100px;
white-space: normal;
  }
  .q-wrap-css p {
    /* display:contents; */
    white-space: normal;
  }
}

.q-wrap-css p {
  display: contents;
}

.login-bg-thumb {
  margin: 10px;
  border: 5px solid #cfcaca;
  display: inline-block;
  padding: 2px;
  position: relative;
  width: 250px;
}

.login-bg-thumb img {
  width: 100%;
  height: auto;
}

.login-bg-thumb .remove-btn {
  position: absolute;
  top: 5;
  right: 15px;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #555;
  color: white;
  font-size: 16px;
  padding: 5px 10px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}

.login-bg-thumb .remove-btn:hover {
  background-color: black;
}

.active-ticket.green-box,
.active-ticket.red-box,
.active-ticket.orange-box {
  background: #fff !important;
  color: #000 !important;
  position: relative;
}

.active-ticket.green-box::before,
.active-ticket.red-box::before,
.active-ticket.orange-box::before {
  content: "";
  position: absolute;
  width: 5px;
  background-color: #fcfcfc;
  left: -5px;
  top: -1px;
  height: 4px;
}

.active-ticket.green-box::after,
.active-ticket.red-box::after,
.active-ticket.orange-box::after {
  content: "";
  position: absolute;
  width: 5px;
  background-color: #fcfcfc;
  left: -5px;
  bottom: -1px;
  height: 4px;
}

.active-ticket.green-box a,
.active-ticket.red-box a,
.active-ticket.orange-box a {
  /* padding:0px 4px;
    width:calc(100% - 5px); */
  /* position:relative; */
  color: #000 !important;
}

/* .green-box a::before, .red-box a::before, .orange-box a::before {
    width:5px;
    height:31px;
    content:' ';
    display:inline-block;
    position:absolute;
    top:-6px;
    left:-5px;
}
.green-box a::before {
    background:#398839;
}
.red-box a::before {
    background:#f92758;
}
.orange-box a::before {
    background:#f39c12;
} */

.active-ticket.green-box {
  border-left: 10px solid #398839;
}

.active-ticket.red-box {
  border-left: 10px solid #f92758;
}

.active-ticket.orange-box {
  border-left: 10px solid #f39c12;
}

.tooltip-inner {
  padding: 6px;
  color: #000;
  text-align: left;
  background: #fcfcfc;
  border: 1px solid #000;
  border-right: 5px solid #000;
  border-radius: 0;
  text-transform: capitalize;
  letter-spacing: 1px;
  font-size: 12px;
}

.tooltip-inner::first-letter {
  font-size: 170%;
}

.new-mainsidebar .new-userpanel {
	min-height:145px;
}
.new-mainsidebar .new-userpanel .image {
  text-align: center;
}
.new-mainsidebar .new-userpanel .info {
  text-align: center;
  position: inherit;
  left: 0;
}
.skin-blue .user-panel > .info,
.skin-blue .user-panel > .info > a,
.skin-blue .main-header .navbar .nav > li > a,
.skin-blue .main-header .navbar .nav > li > a:hover {
  color: #444;
}
.new-mainsidebar .new-userpanel > .info > p {
  font-weight: 400;
  margin-bottom: 9px;
  font-size: 20px;
}
.new-mainsidebar hr {
  margin-top: 0;
}

.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a,
.skin-blue .sidebar-menu > li > .treeview-menu {
  background: #fcfcfc;
}
.content-wrapper,
/*.right-side {
  background: #ecf0f5 !important;
} */
.new-mainsidebar {
  padding-top: 15px;
}
.skin-blue .main-header .navbar .sidebar-toggle {
  color: #444 !important;
}
.skin-blue .wrapper,
.skin-blue .main-header .navbar .sidebar-toggle:hover {
  background: #fcfcfc !important;
}
.main-header .logo {
  font-size: 18px;
  width: fit-content;
}
.new-searchbar {
  max-width: 200px;
  float: right;
}
.skin-blue .new-searchbar .sidebar-form {
  border-radius: 50px;
  margin: 6px 10px;
}
.skin-blue .new-searchbar .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
  background: #fcfcfc;
  color: #444;
  height: 25px;
  font-size: 12px;
}
.sidebar-mini.sidebar-collapse .sidebar-form {
  display: block !important;
}
.sidebar-collapse .sidebar-menu {

}
.login-box-body form .col-xs-8 p {
  height: 34px;
  line-height: 34px;
  margin-bottom: 0px;
}
.notifyjs-bootstrap-error {
  color: #fff !important;
  background-color: darkred !important;
  border-color: darkred !important;
}
.notifyjs-bootstrap-success {
  color: #fff !important;
  background-color: darkgreen !important;
  border-color: darkgreen !important;
}
.notifyjs-bootstrap-warn {
  color: #fff !important;
  background-color: goldenrod !important;
  border-color: goldenrod !important;
}
.notifyjs-bootstrap-base {
  border-radius: 0 !important;
}
.notifyjs-corner .notifyjs-wrapper,
.notifyjs-corner .notifyjs-container {
  margin: 5px !important;
}

/* #inspection-start {
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 0 !important;
    font-stretch: ultra-expanded;
    font-weight: 900;
} */

/* Modal page specific css  Nov-30-2019|11.12am (Team synsoft global) */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.modal-wrapper {
  background: #fcfcfc;
}

.modal-wrapper h4.modal-title {
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
}

.modal-wrapper .modal-body {
  padding-left: 40px;
  padding-bottom: 0px;
  padding-right: 40px;
  padding-top: 0px;
}

.modal-wrapper hr {
  margin-top: 0px;
  margin-bottom: 0px;
}

.modal-wrapper .modal-header .close {
  margin-top: 7px;
}

.modal-wrapper .box-title {
  font-size: 19px;
  font-weight: 600;
  text-transform: lowercase;
  border: none;
  margin-top: 10px;
  color: #363636;
}

.modal-dialog {
  margin: 10px auto;
}

.modal-footer {
  border-top: none;
  padding-top: 5px;
  padding-right: 35px;
  padding-left: 15px;
  padding-bottom: 15px;
}

.text-warning {
  color: #ffc107 !important;
}

.text-info {
  color: #17a2b8 !important;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #999;
  line-height: 28px;
}

.modal-wrapper textarea#message {
  height: 70px !important;
  max-width: 100%;
  border: 1px solid #aebcc8;
}

.modal-wrapper .box-title:first-letter {
  text-transform: uppercase;
}

.modal-wrapper label {
  color: #666666;
}

.modal-wrapper label {
  color: #666666;
  font-weight: 600;
  margin-bottom: 5px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-size: 12px;
}

.modal-wrapper .form-control {
  border-radius: 3px;
  box-shadow: none;
  border-bottom: 1px solid #aebcc8 !important;
  border: none;
}

.modal-wrapper .select2-container--default .select2-selection--single,
.modal-wrapper .select2-selection .select2-selection--single {
  border-bottom: 1px solid #aebcc8 !important;
  border-radius: 3px;
  padding: 6px 12px;
  height: 34px;
  border: none;
}

.modal-wrapper span.input-group-addon i {
  color: #acb1c9;
}

.modal-wrapper
  .select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border-bottom: 1px solid #aebcc8 !important;
  border: none;
}

.select2-container--default .select2-selection--multiple {
  border-bottom: 1px solid #aebcc8 !important;
  border-radius: 0;
  border: none;
}

.modal-wrapper input[type="text"],
.modal-wrapper textarea {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  outline: none;
  border-bottom: 1px solid #aebcc8 !important;
  border: none;
}

.modal-wrapper .input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.modal-wrapper span.input-group-addon {
  position: absolute;
  right: 14px;
  z-index: 5;
  border: navajowhite;
  background: transparent !important;
  top: 7px;
  cursor: pointer;
}

.btn {
  border-radius: 3px !important;
}

.modal-wrapper i.fa.fa-info-circle {
  color: #b6bde0;
}

input {
  color: #999 !important;
}

.modal-wrapper input[type="text"]:focus,
.modal-wrapper textarea:focus,
.modal-wrapper .select2-container--default .select2-selection--single:focus,
.modal-wrapper .select2-selection .select2-selection--single:focus,
.modal-wrapper
  span.select2.select2-container.select2-container--default.select2-container--below.select2-container--open:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
}

.mandatory {
  color: #f00;
}

.modal-wrapper .form-control {
  height: 35px;
}
textarea#question.frm-textare {
    height: 100%;
}

.modal-wrapper .select2-container--default .select2-selection--single,
.modal-wrapper .select2-selection .select2-selection--single {
  height: 35px;
}

.modal-wrapper
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 33px;
}

.modal-wrapper
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 33px;
}

.modal-wrapper .select2-container .select2-selection--multiple {
  min-height: 35px;
  border-radius: 3px !important;
}

.btn-outline-secondary {
  color: #6c757d;
  background-color: transparent;
  background-image: none;
  border-color: #6c757d;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

/*bootstrap4 specific spacing classes */

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}
.btn {
  margin: 0;
}
img.img-thumbnail.customImagePreview {
  width: 10rem;
  margin: 8px 5px 0 0;
  height: auto;
}
.pdfViewer {
  width: 100%;
  height: 100vh;
}
.vcenter {
  /* display: flex; */
  align-items: center;
}
.uppercase {
  text-transform: uppercase;
}
.border-down {
  border-bottom: 1px solid #666;
}
.padding-bottom-5 {
  padding-bottom: 5px;
}
.margin-5 {
  margin: 5px;
}
.card-files {
  padding: 5px;
  background: white;
  box-shadow: 2px 3px 4px 0px #666;
  position: inherit;
  overflow: hidden;
  border: 1px solid #cfcaca;
}

.noTextOverflow {
  white-space: nowrap;
  overflow: hidden;
  /* display: block; */
  text-overflow: ellipsis;
}
#calendar h2 {
  font-size: 15px;
  padding-bottom: 1rem;
  text-transform: uppercase;
}
.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 0 !important;
}
.fc table {
  text-transform: uppercase;
  font-size: 10px;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: none !important;
  font-size: 13px;
}
.fc button {
  font-size: 12px !important;
  text-transform: capitalize;
}
body .fc {
  font-size: 12px !important;
}
.fc table th {
  font-size: 10px !important;
}
.fc th,
.fc td {
  text-align: center !important;
}
.fc-toolbar {
  padding: 5px !important;
}
.fc-toolbar.fc-header-toolbar {
  margin-bottom: 0 !important;
}
ul.list-group.list-group-flush.cardlstgrp li {
    border: none !important;
    /*padding:10px !important;*/
}
div.dataTables_wrapper div.dataTables_filter label {
  display: inline-table !important;
  margin: 5px;
}
i.expiryDate {
  font-size: 11px;
}
i.fa.fa-calendar-check-o.green {
  color: green;
  font-size: 2rem;
}
i.fa.fa-calendar-check-o.green {
  color: green;
  font-size: 2rem;
}
i.fa.fa-calendar-times-o.red {
  color: red;
  font-size: 2rem;
}
.badgeGreen {
  color: #77cc51;
  float: right;
  position: absolute;
  margin-top: -1px;
  font-size: 10px;
  margin-left: 5px;
}
.no-list-style {
  list-style: none;
}
section.content {
  margin-top: 5px;
}
.main-sidebar,
.left-side {
  width: 210px;
}
.sidebar-menu > li {
  margin: 10px 0px;
}
.btn-right-ticket {
  padding-right: 10px;
}
.navbar-header h3 {
  font-size: 20px;
}
.dashboard-subject {
  font-size: 13px;
}
.dashboard-table {
  font-size: 13px;
}
.reorder-metrics-list{
  margin: 0;
  padding: 0;
}
.navbar-nav > .notifications-menu > .dropdown-menu.autorefmnu > li .menu > li > a.dropdown-toggle {
    background: #f1f1f1;
}
#inspection-table .cmnquestbl tr {
    border-bottom: 1px solid #e4e4e4 !important;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
#inspection-table .cmnquestbl tr:last-child {
    border-bottom: none !important;
}
body .select2-results__option {
    padding: 4px 12px !important;
}
#dataTablesFullNoOrderMobTic th.locationToClsTicMob:after{
  display: none;
}
table#dataTablesFullNoOrderMobTic tr th {
    border: none;
}
#dataTablesFullNoOrderTic .active-ticket a {
    color: #000;
}
.cmnquestbl td.q-action span {
/*    display: block;*/
}
.cmnquestbl span.q-wrap-css p {
    display: inline-block;
    word-break: break-word;
   
    width: 331px;
}

.pagebrdcrum{
  padding: 15px;
  background: #fff;
}
.pagebrdcrum ul{
  display: flex;
  align-items: center;
  padding: 0;
  flex-wrap: wrap;
}
.pagebrdcrum ul li {
    list-style: none;
    position: relative;
    padding: 0 6px;
}
.pagebrdcrum ul li::after {
    content: "\f105";
    font-size: 20px;
    font-family: FontAwesome;
    margin-left: 10px;
    margin-top: 0;
    display: inline-block;
    position: relative;
    top: 1px;
}
.pagebrdcrum ul li:last-child::after {
    display: none;
}
.pagebrdcrum ul li a{
  color: #000;
}
.pagebrdcrum ul li a.active{
  color: #3c8dbc;
}
body .content-header > .breadcrumb{
  position: static;
}
body .content-header > .breadcrumb > li > a {
    font-size: 14px;
}
.content-header > h1 {
    display: inline-block;
}
.breadcrumb>li+li:before {
     content: ">\00a0";
     color: #333;
}
.box.box-primary.reportouterbox{
  height: 1050px !important;
}



.autorefmnu {
    width: 12em;
    height: 20em;
    line-height: 2em;
    border: 1px solid #ccc;
    padding: 0;
    margin: 0;
    overflow: scroll;
    overflow-x: hidden;
}

/* Aash */
@media (max-width: 767px) {
  /*.box-body.clearfix{
    display:none;
  }*/
  /*dashbaord**********/
  .skin-blue .new-searchbar .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
  background: #fcfcfc;
  color: #444;
  height: 25px;
  font-size: 7px;
}

.new-searchbar {
    max-width: 120px;
    float: right;}

   .navbar-header h3{
      font-size: 12px;
   }

   ol.breadcrumb{
    font-size: 10px;
   }
    
   /************dashbaord*********/
 
   .box-footer.clearfix.no-border{
    display:none;
   }
  .col-md-8.instopfilt {
    width: 100%;
}
.col-md-12.insdashtopsec {
    padding: 0 15px;
    width: 100%;
}
.insdashtopsec .small-box {
    margin-bottom: 0;
}
.insdashtopsec .col-lg-6:last-child .small-box {
    margin-top: 20px;
}
  .statusCls.sorting_desc:after,
  .assignedToDesk.sorting_asc:after{
    display: none !important;
  }
  .breadcrumb{
  display: block;
}
  .main-header .logo {
    font-size: 16px;
    padding: 0 !important;
    width: auto;
  }
  .main-header .sidebar-toggle{
    padding: 0px 10px;
  }
  nav a.sidebar-toggle {
    font-size: 36px;
  }
  .logo {
    float: left !important;
  }
  aside.right-side {
    margin-top: 45px;
  }
  aside .sidebar {
    margin-top: 35px;
  }

  .tckttbl .hiddenContent {
    text-overflow: inherit;
    width: 100%;
  }
  .navbar-nav > .notifications-menu > .dropdown-menu.autorefmnu > li .menu > li > a {
      padding: 5px 10px;
  }
  aside.main-sidebar.new-mainsidebar {
    width: 248px;
  }
  .sidebar-menu li > a {
    font-size: 16px;
  }
  body .main-sidebar {
      -webkit-transform: translate(-248px, 0);
      -ms-transform: translate(-248px, 0);
      -o-transform: translate(-248px, 0);
      transform: translate(-248px, 0);
  }
  #dataTablesFullNoOrderMobTic th.sorting:after{
    display: none;
  }
  #dataTablesFullNoOrderMobTic td > a,
  #dataTablesFullNoOrderMobIns td > a:first-child {
      display: block;
  }
  table#dataTablesFullNoOrderMobTic tr td:nth-child(10) {
      width: 100% !important;
      min-width: 100% !important;
      max-width: 100% !important;
      flex: 0 0 100%;
  }
  .cmnquestbl span.q-wrap-css {
      display: flex;
      flex-direction: column;
  }
  .row.paginationbtm {
    flex-direction: column;
}
div.pagination a, div.pagination span.elipses,div.pagination span.current{
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    padding: 0 !important;
    display: inline-block;
}
div.pagination a:first-child, div.pagination a:last-child {
    width: auto !important;
    padding: 0 10px !important;
    line-height: 27px;
}
div.pagination span.elipses {
    margin: 0;
}

table.mobdatatable {
    width: 100% !important;
}
table.mobdatatable tr td.namelbl {
    min-width: 100% !important;
    width: 100%;
}
table.mobdatatable tr td {
    display: block;
    width: 50% !important;
    max-width: 50% !important;
    min-width: 50% !important;
    box-sizing: inherit;
    float: left;
    flex-wrap: wrap;
}
table.mobdatatable tr td:first-child {
    width: 100% !important;
    min-width: 100% !important;
    flex: 0 0 100%;
    max-width: 100% !important;
}
table.mobdatatable tr td:last-child {
    float: right;
    width: 100%;
    width: 100% !important;
    min-width: 100% !important;
    flex: 0 0 100%;
    max-width: 100% !important;
}
table.mobdatatable tr td:nth-child(2),
table.mobdatatable tr td:nth-child(2){
   width: 100% !important;
   max-width: 100% !important;
   min-width: auto !important;
}

table.mobdatatable span.badge,
table.mobdatatable span.badge{
    width: auto;
}
table.mobdatatable tr{
  padding-left: 5px;
  border-left: 5px solid #e34428;
  margin: 0 0 5px;
}

table.mobdatatable tr td,
table.mobdatatable tr td{
  padding: 2px 5px;
  border: none;
  color: #000;
}
table.mobdatatable td > a, table.mobdatatable td > a:first-child {
    display: block;
}
table.mobdatatable th{
  width: 100%;
  padding: 0 !important;
}
table.mobdatatable th select{
width: 100%;
height: 38px;
background: #fff;
border: 1px solid #ddd;
padding: 0  0 0 10px;
font-size: 14px;
}
#dataTablesFullNoDocumentsMob_filter label {
    width: 100%;
    margin: 0;
    display: block;
    padding: 10px 10px 0;
}
#dataTablesFullNoDocumentsMob_filter input.form-control.input-sm {
    margin: 0;
    width: 100% !important;
    box-sizing: border-box;
    display: block;
    height: 38px;
}
#dataTablesFullNoDocumentsMob_filter label .dTsearch {
    position: absolute;
    z-index: 9;
    right: 32px;
    top: 22px;
}
table.mobdatatable th:after{
  display: none !important;
}
table.mobdatatable tr.odd::after,
table.mobdatatable tr.even::after{
    width: calc(100% - 16px);
    height: 1px;
    margin: 0 auto;
    background: #ddd;
    display: block;
    content: "";
    position: absolute;
    bottom: -23px;
    left: -5px;
    right: 0;
}
table.mobdatatable tr.odd,
table.mobdatatable tr.even{
    margin-bottom: 45px !important;
    position: relative;
    margin-top: 10px !important;
}
table.mobdatatable thead tr {
    border: none;
}
table.mobdatatable thead th {
    width: 100%;
}
}


@media (max-width: 320px) {
   .skin-blue .new-searchbar .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
  background: #fcfcfc;
  color: #444;
  height: 25px;
  font-size: 10px;
}

.new-searchbar {
    max-width: 70px;
    float: right;
  }

   .navbar-header h3{
      font-size:6px;
   }

  ol.breadcrumb{
     font-size: 8px;
   }
  
  .breadcrumb{
  display: block;
  
}
  .right_icons .dropdown a {
    padding: 15px 6px !important;
  }
    .main-header .sidebar-toggle{
    padding: 0px 10px;
  }
  nav a.sidebar-toggle {
    font-size: 36px;
  }
}

.hiddenContent {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100px;
  white-space: nowrap;
  display: inline-block;
}
.subject_line {
  color: #000;
  text-transform: capitalize;
}
.subject_line:hover,
.subject_line:active,
.subject_line:focus {
  color: #000;
}
.fc-scroller.fc-day-grid-container {
  height: auto !important;
  overflow: hidden !important;
}
i.fa.fa-angle-down,
i.fa.fa-angle-left {
  font-size: 15px;
}
.fc-icon-left-single-arrow:after,
.fc-icon-right-single-arrow:after {
  font-size: 180% !important;
}
.progress {
  height: 5px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  margin-bottom: 0;
  margin-top: 8px;
}
.main-sidebar {
  overflow: hidden;
}
.pull-right .select2 {
    float:left;
    width: 50%;
}
.content-header.header-mapping{
 position: absolute;
 left: 7%;
}
.content.content-mapping{
    padding: 0;
}
.checkbox_font
{
	font-weight:700 !important;
}

.reorder_widget,
.reorder_page_widget,
.reorder_hawking_widget,
.reorder_pestcontrol_widget,
.reorder_window_widget,
.reorder_waste_widget,
.reorder_sustain_widget,
.reorder_environment_widget,
.reorder_Hygiene_widget,
.reorder_cleaning_widget,
.reorder_florist_widget {
    color: #3675B4;
    border: solid 2px #3675B4;
    border-radius: 3px;
    text-transform: uppercase;
    background: #fff;
    font-size: 18px;
    padding: 10px 20px;
    margin: 15px 15px 15px 0px;
    font-weight: bold;
    text-decoration: none;
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    white-space: nowrap;
}
.reorder_widget:hover,
.reorder_page_widget:hover,
.reorder_hawking_widget:hover,
.reorder_pestcontrol_widget:hover,
.reorder_window_widget:hover,
.reorder_waste_widget:hover,
.reorder_sustain_widget:hover,
.reorder_environment_widget:hover,
.reorder_Hygiene_widget:hover,
.reorder_cleaning_widget:hover,
.reorder_florist_widget:hover {
    color: #fff;
    border: solid 2px #3675B4;
    background: #3675B4;
    box-shadow: none;
}
#reorder-helper, #reorder-helper{
    margin: 18px 10px;
    padding: 10px;
}
.light_box {
    background: #efefef;
    padding: 20px;
    margin: 15px 0;
    text-align: center;
    font-size: 1.2em;
}
/* notice box */
.notice, .notice a{
    color: #fff !important;
}
.notice {
    z-index: 8888;
    padding: 10px;
    margin-top: 20px;
}
.notice a {
    font-weight: bold;
}
.notice_error {
    background: #E46360;
}
.notice_success {
    background: #657E3F;
}
section.content .row.h122 {
    height: 122px;
}
.col-md-12.btninline {
    display: flex;
    align-items: center;
}


/****16-jan****/
.box label {
    margin-bottom: 0px;
    margin-top: 2px;
    display: block;
}
.toggle label.btn.btn-primary.btn-xs.toggle-on {
    background-color: #2fc840;
}
.toggle.btn.btn-primary.btn-xs {
    background-color: #2fc840;
    border-color: #2fc840;
}
ul.reorder_ul.reorder-metrics-list.ui-sortable {
    list-style: none;
}
.li {
    width: 100%;
    text-align: left;
    float: right;
    list-style: none;
}

a.btn-right-ticket.text-red i {
    color: #dd4b39 !important;
}
a.btn-right-ticket.text-dark i {
    color: #666666;
}
.btninline .notice {
    margin-top: 0;
}

@media screen and (max-width:991px){
  .breadcrumb{
  display: block;
}

  .reorder-metrics-list .col-md-10{
    float: left;
    width: 85%;
  }
  .reorder-metrics-list .col-md-2{
    float: left;
    width: 15%;
  }

    .main-header .sidebar-toggle{
    padding: 0px 10px;
  }
  nav a.sidebar-toggle {
    font-size: 36px;
  }

}

@media screen and (max-width:767px){
  .breadcrumb{
  display: block;
}

  .btninline .light_box span {
    display: block;
}

/****18march****/
table.table.text-dark.table-condensed.dataTable tr td {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 270px !important;
    box-sizing: inherit;
}
table.table.text-dark.table-condensed.dataTable tr td span {
    width: 80%;
    display: inline-block;
    color: #000;
    text-align: left;
    line-height: 20px;
}
table.table.text-dark.table-condensed.dataTable tr td span strong {
    display: block;
}
table.table.text-dark.table-condensed.dataTable tr td span.badge.badge-closed {
    text-align: center !important;
        line-height: 10px !important;
}
table.table.text-dark.table-condensed.dataTable tr td  span.badge.badge-open {
    text-align: center !important;
        line-height: 10px !important;
}

#dataTablesFullNoOrderMobIns_filter label,
#dataTablesFullNoOrderMobTic_filter label,
.table-responsive .top .dataTables_filter label{
    width: 100%;
    margin: 0 0 10px;
    padding: 10px 10px 0;
    position: relative;
}
#dataTablesFullNoOrderMobIns_filter input,
#dataTablesFullNoOrderMobTic_filter input,
.table-responsive .top .dataTables_filter input{
  width: 100%;
  margin: 0;
  padding: 0 12px;
  box-sizing: border-box;
}
#dataTablesFullNoOrderMobIns_filter label i,
#dataTablesFullNoOrderMobTic_filter label i,
.table-responsive .top .dataTables_filter label i{
    position: absolute;
    top:  17px;
    right: 22px;

}
table#dataTablesFullNoOrderMobIns,
table#dataTablesFullNoOrderMobTic{
    width: 100% !important;
}
table#dataTablesFullNoOrderMobIns #filtersmob th:nth-child(1),
table#dataTablesFullNoOrderMobIns #filtersmob th:nth-child(6),
table#dataTablesFullNoOrderMobIns #filtersmob th:nth-child(7),
table#dataTablesFullNoOrderMobIns #filtersmob th:nth-child(8),
table#dataTablesFullNoOrderMobTic tr th:nth-child(1),
table#dataTablesFullNoOrderMobTic tr th:nth-child(6),
table#dataTablesFullNoOrderMobTic tr th:nth-child(7),
table#dataTablesFullNoOrderMobTic tr th:nth-child(8){
    display: block;
}
table#dataTablesFullNoOrderMobIns #filtersmob th,
table#dataTablesFullNoOrderMobTic tr th{
  max-width: 50%;
  flex: 50%;
  width: 100% !important;
  box-sizing: border-box;
  padding: 0 10px;
}
table#dataTablesFullNoOrderMobIns #filtersmob th select,
table#dataTablesFullNoOrderMobTic tr th select{
    width: 100%;
    height: 28px;
    background: #fff;
    border: 1px solid #ddd;
}

  .main-header .sidebar-toggle{
    padding: 0px 10px;
  }
  nav a.sidebar-toggle {
    font-size: 36px;
  }
#dataTablesFullNoOrderMobIns_filter input,
#dataTablesFullNoOrderMobTic_filter input,
.table-responsive .top .dataTables_filter input{
  height: 38px;
}
#dataTablesFullNoOrderMobIns_filter label i,
#dataTablesFullNoOrderMobTic_filter label i,
.table-responsive .top .dataTables_filter label i{
    top:  23px;

}
}

@media screen  and (max-width: 567px){
  .breadcrumb{
  display: block;
}

  .login-box{
    margin-top: 4%;
  }
  .login-logo{
    max-width: 290px;
    margin: 0 auto;
    padding: 0 0 8px;
    font-size: 18px;
    line-height: 24px;
  }
  .login-logo img{
    margin: 0 0 8px;
  }
  .col-md-12.btninline {
    flex-direction: column;
  }
  .col-md-12.btninline .light_box {
    background: #efefef;
    padding: 0px;
    margin: -10px 0;
    text-align: center;
        font-size: 14px;
}
.login-box-body .form-group{
  margin: 0 0 8px;
}
.login-box-body form .row{
  margin: 0 -11px;
}
.login-box-body .login-box-msg{
    padding-bottom: 12px;
}

 .reorder-metrics-list .col-md-10{
    float: left;
    width: 82%;
  }
  .reorder-metrics-list .col-md-2{
    float: left;
    width: 18%;
  }
  .calendar .fc-left .fc-button-group button{
    padding: 0 .2em;
  }

  .main-header .sidebar-toggle{
    padding: 0px 10px;
  }
  nav a.sidebar-toggle {
    font-size: 36px;
  }

}

@media screen  and (max-width: 480px){

/*.skin-blue .new-searchbar .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
  background: #fcfcfc;
  color: #444;
  height: 25px;
  font-size: 9px;
}

.new-searchbar {
    max-width: 85px;
    float: right;
  }

   .navbar-header h3{
       font-size: 9px;
   }

   .breadcrumb{
     font-size: 9px;
   }*/

span.select2.select2-container.select2-container--default {
    margin: 4px 6px 0px;
    width: 95% !important;
}

table#dataTablesFullNoOrderMobIns #filtersmob th,
table#dataTablesFullNoOrderMobTic tr th{
  max-width: 100%;
  flex: 100%;
}
/*table#dataTablesFullNoOrderMobIns #filtersmob th:nth-child(1),
table#dataTablesFullNoOrderMobTic tr th:nth-child(1){
  order: 1;
}
table#dataTablesFullNoOrderMobIns #filtersmob th:nth-child(2),
table#dataTablesFullNoOrderMobTic tr th:nth-child(2){
  order: 2;
}
table#dataTablesFullNoOrderMobIns #filtersmob th:nth-child(4),
table#dataTablesFullNoOrderMobTic tr th:nth-child(4){
  order: 3;
}
table#dataTablesFullNoOrderMobIns #filtersmob th:nth-child(3),
table#dataTablesFullNoOrderMobTic tr th:nth-child(3){
  order: 4;
}
table#dataTablesFullNoOrderMobIns #filtersmob th:nth-child(5),
table#dataTablesFullNoOrderMobTic tr th:nth-child(5){
  order: 6;
}*/

  .main-header .sidebar-toggle{
    padding: 0px 10px;
  }
  nav a.sidebar-toggle {
    font-size: 36px;
  }

}

@media screen  and (max-width: 375px){
  .breadcrumb{
  display: block;
}

  .reorder-metrics-list .col-md-10{
    float: left;
    width: 80%;
  }
  .reorder-metrics-list .col-md-2{
    float: left;
    width: 20%;
  }

    .main-header .sidebar-toggle{
    padding: 0px 10px;
  }
  nav a.sidebar-toggle {
    font-size: 36px;
  }
  .main-header .logo{
    font-size: 13px;
  }

}

#search-btn {
  padding: 0px 12px;
}

/****30-jan****/
.metricpop h4.modal-title {
    font-size: 19px;
}
.metricpop h4.modal-title small {
    padding: 0px 5px;
}
.metricpop .modal-body {
    padding-top: 20px;
}
.metricpop .modal-footer {
    padding-top: 0px;
}

.addnewidgt h6 {
    font-size: 17px;
    color: #3c8dbc;
    font-weight: 700;
    padding: 7px 0px;
}
.doclistwrap{
    max-height: 600px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.doclistwrap > ol{
    width: 140%;
}
.doclistwrap label{
  margin-bottom: 10px;
}
.doclist{
  margin: 0 0 0 25px;
  padding: 0;
  list-style: none;
  /*border-left: 1px dashed #ddd;*/
}
.doclist li{
  position: relative;
}
.doclist li i{
    position: absolute;
    top: 5px;
    left: 0;
}
.doclist li label{
  padding-left: 25px;
}
.doclist li span.radiowrap{
  margin-left: 10px;
  position: relative;
}
.doclist li span.radiowrap label{
  margin: 0;
  padding: 0;
}
.doclist li span.radiowrap input{
  opacity: 0;
}
.doclist li span.radioslct{
  width: 15px;
  height: 15px;
  background: #ddd;
  display: block;
  content: "";
  font-family: FontAwesome;
  color: #337ab7;
  text-align: center;
  position: absolute;
  top: 2px;
  left: 0;
  border-radius: 3px;
}
.doclist li span.radioslct::before{
  display: block;
  content: "";
}
.doclist li span.radiowrap input:checked + span.radioslct::before{
  display: block;
  content: "\f00c";
}

/******25feb****/
.bdrsec0 {
    border-bottom: 0 !important;
    margin: 0;
}
.bdrsec0 tbody {
    border: 0 !important;
}
.bdrsec0 td {
    border-top: 0 !important;
}
.floorConnectedSortable td {
    border: 0 !important;
}
.bordersec1 th {
    border-bottom: 0 !important;
}
.borderinr0 .roomConnectedSortable.ui-sortable {
    margin: 0;
}

div#tab-inspection table {
    margin: 0px;
}
td.borderinr0 .table.table:last-child {
    border: 0 !important;
}
.borderinr0 {
    border: 0 !important;
}
.borderinr0 th {
    border: 0 !important;
    border-top: 1px solid #f4f4f4 !important;
}


.outertbl > tbody > tr > th:first-child,
.inrtbl   tr td:first-child {
    width: 5%;
}

.outertbl > tbody > tr > th:nth-child(2),
.inrtbl   tr td:nth-child(2){
    width: 18%;
}
.outertbl > tbody > tr > th:nth-child(3),
.inrtbl   tr td:nth-child(3) {
    width: 42%;
}
.outertbl > tbody > tr > th:nth-child(4),
.inrtbl   tr td:nth-child(4) {
    width: 20%;
}
.outertbl > tbody > tr > th:last-child,
.inrtbl   tr td:last-child {
    width: 15%;
}
td.emptytdfst {
    width: 28px;
}

/***28-feb******/
.rowdoc {
    overflow: auto ;
    /*width: 1670px;*/
    max-height: 710px;
    min-height: 100px;
    background-color: #fff;
    margin: auto;
}

.rowdoc .docheading {
    padding: 0px 0px;
}
.dirmainlist ul li {
    width: 25%;
      font-size: 14px;
    font-weight: 400;
}
.bluecnt li {
    color: #3569c7;
}
.dirmainlist ul {
    list-style: none;
    padding: 0;
    display: flex;
    margin:0;
}
.bluecnt li {
    color: #3569c7;
    border-right: 1px solid #c1c1c1;
    padding: 0px 4px;
    margin-bottom: 4px !important;
}
.bluecnt li:last-child{
  border-right: 0;
}
.dirmainlist ul {
    padding: 5px 0px;
}
.docdir {
    padding-bottom: 6px;
}
.docdir h2 i {
    padding-right: 9px;
}
.docdir h2 {
    font-size: 14px;
    font-weight: 400;
    background-color: #f7f7f7;
    margin: 0;
    padding: 6px;
    margin-top: 0px;
    margin-bottom: 0;
}
.docheading h3 {
    padding: 20px 20px;
    background: #f5f5f5;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow: hidden;
    margin:0;
}

.inrwdgtrow {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.inrwdgtrow .cmnwdgts {
    max-width: 20%;
    flex: 0 0 20%;
    padding: 0 15px;
}
.widgetsrow > label {
    display: block;
    margin-bottom: 12px;
}

.deskhide{
  display: none;
}


.metricpopn{
  padding: 40px;
}
.metricpopn .modal-body{
  padding: 30px 20px 0;
}
.metricpopn ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
.metricpopn ul li{
  margin: 0 0 15px;
  font-size: 18px;
}
.metricpopn ul li:last-child{
  margin: 0;
}
.metricpopn ul li i{
  margin: 0 6px 0 0;
}

#dataTablesFullNoOrderMobIns th.locationToCls.sorting_disabled {
    padding: 0 !important;
}
#dataTablesFullNoOrderMobIns thead tr,
#dataTablesFullNoOrderMobTic thead tr {
    margin-bottom: 10px;
}

table#dataTablesFullNoOrderMobTic tr th select {
    margin-top: 4px;
    background: transparent;
}
#dataTablesFullNoOrderMobIns th {
    font-size: 12px;
}
table#dataTablesFullNoOrderMobIns #filtersmob th select, table#dataTablesFullNoOrderMobTic tr th select {
    height: 38px !important;
    font-size: 14px;
    padding-left: 8px;
}
#dataTablesFullNoOrderMobIns th.sorting {
    padding: 0 !important;
}
table#dataTablesFullNoOrderMobTic,
table#dataTablesFullNoOrderMobIns {
    margin-top: 0 !important;
    background: #fff;
}


@media screen and (max-width:767px){
  body {
  font-size: 16px;
}
#dataTablesFullNoOrderMobIns select{
  margin-top: 4px;
}
#dataTablesFullNoOrderMobTic tr#filtersTicMob,
#dataTablesFullNoOrderMobIns tr#filtersmob{
    padding: 0px 0 15px !important;
    border-bottom: none;
    position: relative;
}
#dataTablesFullNoOrderMobTic tr#filtersTicMob::after,
#dataTablesFullNoOrderMobIns tr#filtersmob::after{
  width: calc(100% - 20px);
  height: 1px;
  margin: 0 auto;
  background: #ddd;
  display: block;
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
}
#dataTablesFullNoOrderMobTic th.assignedToClsTicMob,
#dataTablesFullNoOrderMobIns th.assignedToCls {
    margin: 8px 0;
}
.right-side .pull-right span.select2 {
    margin-top: 0 !important;
}
.right-side .pull-right a.btn.btn-primary {
    height: 34px;
    line-height: 25px;
    border: transparent;
}
#dataTablesFullNoOrderMobIns th {
    border: none;
}
#dataTablesFullNoOrderMobIns th {
    border: none;
    padding: 0 !important;
}
#dataTablesFullNoOrderMobIns tr#filtersmob th {
    padding: 0 10px !important;
}
#dataTablesFullNoOrderMobIns th.assignedToCls:after{
  display: none;
}
.tab-content.moballins {
    padding: 0;
}
section.content-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
tr#filtersmob {
    padding: 0 10px !important;
}
th.locationToCls.sorting_asc,
th.assignedToCls.sorting_disabled,
th.locationToClsTic.sorting_asc,
th.assignedToClsTic.sorting_disabled  {
    padding: 0 !important;
}
th.locationToCls.sorting_asc {
    margin: 10px 0;
}
.assignedToCls.sorting_disabled select,
th.locationToCls.sorting_asc select,
.assignedToClsTic.sorting_disabled select,
th.locationToClsTic.sorting_asc select {
    height: 30px !important;
}
.locationToCls.sorting_asc:after,
.locationToClsTic.sorting_asc:after{
  display: none !important;
}
  .breadcrumb{
  display: block;
}
.mblHide {
  display: none !important;
}
.tckttbl .row {
    display: flex;
    flex-wrap: wrap;
}
.box-body .todo-list {
    overflow-x: hidden !important;
}
#dataTablesFullNoOrderMobIns,
#dataTablesFullNoOrderMobTic{
  border-left: 1px solid #fff;
}

#dataTablesFullNoOrderMobIns tr.odd,
#dataTablesFullNoOrderMobIns tr.even,
#dataTablesFullNoOrderMobTic tr.odd,
#dataTablesFullNoOrderMobTic tr.even{
  margin-bottom: 45px !important;
  position: relative;
  margin-top: 10px !important;
}

#dataTablesFullNoOrderMobIns tr.odd::after,
#dataTablesFullNoOrderMobIns tr.even::after,
#dataTablesFullNoOrderMobTic tr.odd::after,
#dataTablesFullNoOrderMobTic tr.even::after{
  width: calc(100% - 16px);
  height: 1px;
  margin: 0 auto;
  background: #ddd;
  display: block;
  content: "";
  position: absolute;
  bottom: -23px;
  left: -5px;
  right: 0;
}

.deskhide {
    display: block;
    margin-bottom: 10px !important;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 10px;
}
.deskhide .col-md-3 > span {
    font-size: 14px;
    font-weight: 600;
    display: block;
    color: #333;
    margin-bottom: 3px;
}

.tckttbl {
    padding-left: 10px;
}
.inrtable td.q-title {
    //width: 100% !important;
    width: 331px !important;
    display: block !important;
    min-width: 100% !important;
}
.connectedSortable{
  min-height: 0px !important;
}
.inrtable td.q-action {
    width: 100%;
    display: block;
    text-align: inherit;
}
.inrtable td.q-notes {
    width: 50%;
    display: inline-block;
    min-width: 80% !important;
    max-width: 50%;
}
.inrtable td.q-ticket {
    display: block;
    margin: 0px 91px 0px;
    width: 130px !important;
    min-width: 130px !important;
}
.inrtable a.btn.btn-flat {
    width: 95px;
    padding: 4px 0px;
    margin: 0 7px 0px 0px;
}
.inrtable .q-camera i.fa-camera {
    padding: 8px 9px;
  }
  #inspection-table tr{
    border-bottom: 0 !important;
  }
  aside.right-side {
      margin-top: 45px;
      width: 96%;
      float: right;
  }
  .skin-blue .main-header .navbar .dropdown-menu li a {
      color: #040404;
  }
  aside .sidebar {
      margin-top: 95px;
  }

body .inrtable td.q-notes {
    width: 100% !important;
    min-width: initial !important;
    max-width: 100% !important;
    float: left;
}
.inrtable td.q-camera {
    border: 0px solid #f4f4f4;
    display: block;
    width: 100%;
    min-width: 100%;
    text-align: left;
    padding-top: 0;
}
td.q-undo {
    display: inline-block !important;
    width: 20% !important;
    min-width: 20% !important;
}
td.q-ticket {
    width: 40% !important;
    min-width: 40% !important;
    margin: 0 0px 0px !important;
    display: inline-block !important;
}
.table-bordered > tbody > tr > td {
    border: 0 !important;
}
body .main-sidebar, body .left-side {
    -webkit-transform: translate(-248px, 0);
    -ms-transform: translate(-248px, 0);
    -o-transform: translate(-248px, 0);
    transform: translate(-248px, 0);
}
.sidebar-menu .treeview-menu > li > a {
    font-size: 15px;
}
body aside.right-side {
    width: 100%;
    -webkit-transform: translate(0px, 0);
    transform: translate(0px, 0);
}
.sidebar-open aside.right-side {
    width: 91%;
}
.navbar-custom-menu .navbar-nav.right_icons > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
    font-size: 20px;
}
nav a.sidebar-toggle {
    font-size: 18px;
}
.timeline > li {
    margin-right: 0px;
}
.timeline > li > .timeline-item {
    margin-left: 0;
    margin-right: 0;
}
.timeline:before {
    display: none;
}
.main-header .navbar {
    width: 100%;
}
table.table.text-dark.table-condensed.dataTable tr {
    display: flex;
}
table.table.text-dark.table-condensed.dataTable tr {
    display: flex;
    flex-wrap: wrap;
}
table.table.text-dark.table-condensed.dataTable tr td:first-child {
    width: 100% !important;
    min-width: 100% !important;
    flex: 0 0 100%;
    max-width: 100% !important;
}
table.table.text-dark.table-condensed.dataTable tr td {
    display: block;
    width: 50% !important;
    max-width: 50% !important;
    min-width: 50% !important;
    box-sizing: inherit;
    float: left;
    flex-wrap: wrap;
    font-size: 12px;
}
table.table.text-dark.table-condensed.dataTable tr td:last-child {
    float: right;
    width: 100%;
    width: 100% !important;
    min-width: 100% !important;
    flex: 0 0 100%;
    max-width: 100% !important;
}
table.table.text-dark.table-condensed.dataTable tr td.namelbl {
    min-width: 100% !important;
    width: 100%;
}


table#dataTablesFullNoOrderMobIns tr td:nth-child(2),
table#dataTablesFullNoOrderMobTic tr td:nth-child(2){
   width: 100% !important;
   max-width: 100% !important;
   min-width: auto !important;
}

table#dataTablesFullNoOrderMobIns span.badge,
table#dataTablesFullNoOrderMobTic span.badge{
    width: auto;
}
table#dataTablesFullNoOrderMobIns tr,
table#dataTablesFullNoOrderMobTic tr{
  padding-left: 5px;
}
table#dataTablesFullNoOrderMobIns tr td,
table#dataTablesFullNoOrderMobTic tr td{
  padding: 2px 5px;
  border: none;
  color: #000;
  font-size: 12px;
}


.content-header > h1 {
    margin: 0;
    font-size: 18px;
    margin-bottom: 10px;
}
div#reportrange {
    width: 100%;
}
span.select2.select2-container.select2-container--default {
    margin: 6px 0px 0px;
}
.right-side {
    padding-top: 25px !important;
}
.asettckt a{
  margin-bottom: 4px;
}
.asettckt a.btn.btn-default.btn-sm.btn-flat.barcode-button{
  margin-right: 4px;
}

  .main-header .sidebar-toggle{
    padding: 0px 10px;
  }
  nav a.sidebar-toggle {
    font-size: 36px;
  }

  table.dataTable thead .sorting_desc:after,
  table.dataTable thead .sorting_asc:after{
    display: none;
  }

}
@media screen and (max-width:640px){
.breadcrumb{
  display: block;
}

.inrtabletd td.q-camera {
    border: 0px solid #f4f4f4;
    display: block;
    width: 100%;
    min-width: 100%;
    text-align: left;
}
td.q-undo {
    display: inline-block !important;
    width: 20% !important;
    min-width: 20% !important;
}
td.q-ticket {
    width: 40% !important;
    min-width: 40% !important;
    margin: 0 0px 0px !important;
}
.inrtable td.q-ticket {
    width: 110px !important;
    min-width: 110px !important;
}

.inrtable tr {
    display: flex;
    flex-wrap: wrap;
}

.inrtable a.btn.btn-flat {
    padding: 5px 12px;
    margin:0;
    width: auto;
}
.inrtable td.q-camera {
    border: 0px solid #f4f4f4;
    display: block;
    width: 100%;
    min-width: 100%;
    text-align: right;
    padding-top: 0;
    padding-right: 8px;
}
.inrtable td.q-ticket {
    width: 88px !important;
    min-width: 95px !important;
}
td.q-action span {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.inrtable td.q-camera {
    border: 0px solid #f4f4f4;
    display: block;
    width: 30%;
    min-width: 30%;
    text-align: right;
    padding-top: 8px;
    padding-right: 1px;
}
.inrtable td.q-ticket {
    width: 88px !important;
    min-width: 95px !important;
}
td.q-undo {
    display: inline-block !important;
    width: 20% !important;
    min-width: 20% !important;
    text-align: left !important;
}
.inrtable td.q-ticket {
    width: 70% !important;
    min-width: 80% !important;
    text-align: right;
}
#inspection-start a {
    font-size: 18px;
}

  .main-header .sidebar-toggle{
    padding: 0px 10px;
  }
  nav a.sidebar-toggle {
    font-size: 36px;
  }

}
@media screen and (max-width:575px){
  .breadcrumb{
  display: block;
}
body .inrtable td.q-notes {
    display: block;
    text-align: inherit;
}
td.q-ticket {
    width: 21%;
    float: right;
}
.inrtable a.btn.btn-flat {
    padding: 5px 12px;
    margin:0;
    width: auto;
}
.inrtable td.q-camera {
    border: 0px solid #f4f4f4;
    display: block;
    width: 100%;
    min-width: 100%;
    text-align: right;
    padding-top: 0;
    padding-right: 8px;
}
.inrtable td.q-ticket {
    width: 88px !important;
    min-width: 95px !important;
}
td.q-action span {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.inrtable td.q-camera {
    border: 0px solid #f4f4f4;
    display: block;
    width: 30%;
    min-width: 30%;
    text-align: right;
    padding-top: 8px;
    padding-right: 1px;
}
.inrtable td.q-ticket {
    width: 88px !important;
    min-width: 95px !important;
}
td.q-undo {
    display: inline-block !important;
    width: 20% !important;
    min-width: 20% !important;
    text-align: left !important;
}
.inrtable td.q-ticket {
    width: 70% !important;
    min-width: 80% !important;
    text-align: right;
}
#inspection-start a {
    font-size: 18px;
}
.content-header > h1 {
    margin: 0;
    font-size: 18px;
    margin-bottom: 10px;
}
div#reportrange {
    width: 100%;
}
span.select2.select2-container.select2-container--default {
    margin: 6px 0px 0px;
}
aside.right-side {
    margin-top: 85px !important;
}

table.dataTable{
  table-layout: fixed;
}

#dataTablesFullNoOrderMobTic{
 table-layout: fixed;
 width: 100% !important;
}

#dataTablesFullNoOrderMobTic tr th{
  width: auto !important;
  font-size: 12px;
}

#dataTablesFullNoOrderMobTic tr th:nth-child(6),
#dataTablesFullNoOrderMobTic tr th:nth-child(7),
#dataTablesFullNoOrderMobTic tr th:nth-child(8){
  display: none;
}

  .main-header .sidebar-toggle{
    padding: 0px 10px;
  }
  nav a.sidebar-toggle {
    font-size: 36px;
  }

}


@media screen and (max-width:481px){

  .breadcrumb{
  display: block;
}
.table {
    width: 100%;
    max-width: 94%;
  }

    .main-header .sidebar-toggle{
    padding: 0px 10px;
  }
  nav a.sidebar-toggle {
    font-size: 36px;
  }

}

@media screen and (max-width:480px){


  .new-searchbar {
    max-width: 100px;
    float: right;
}
  .breadcrumb{
  display: block;
}
  .table {
    width: 100%;
    max-width: 100%;
  }
.inrtable td.q-ticket {
       display: block;
    margin: 8px 42px 0px;
}
.inrtable a.btn.btn-flat {
    padding: 5px 26px;
    margin: 0 5px 0px 0px;
    width: auto;
}
td.q-undo {
    padding: 0px 8px !important;
    float: left;
}
#inspection-table .cmnquestbl tr {
    position: relative;
}
.inrtable td.q-camera {
    border: 0px solid #f4f4f4;
    display: inline-block;
    width: inherit;
    min-width: inherit;
    text-align: center;
    padding-top: 0;
    padding-right: 0px;
    position: absolute;
    left: 0;
    right: 0;
    max-width: 50px;
    margin: auto;
    bottom: 19px;
    padding-left: 0;
}
.btn {
    margin: 0 2px;
}
.inrtable td.q-ticket {
    width: 95px !important;
    min-width: 75px !important;
    text-align: left;
}
td.q-action span{
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}
td.q-action span a{
  margin: 0 !important;
}

#inspection-table .cmnquestbl tr{
  padding-bottom: 20px;
}
span.removecnt {
    display: none;
}
#inspection-start a {
    border-bottom: 0px;
    width: 100%;
    margin: 0 auto !important;
    display: block;
    text-align: center;
    max-width: 75%;
}
#inspection-table .q-ticket .btn-flat {
    font-size: small;
    padding: 6px 4px;
}
table.table.table-condensed.dashboard-table {
    overflow-x: scroll;
    width: 290px;
}
table.table.table-condensed.dashboard-table {
    overflow-x: scroll;
    width: 520px;
}
aside.right-side {
    margin-top: 80px;
    width: 91%;
    float: right;
}
.navbar-header h3 {
    font-size: 12px;
}
.breadcrumb {
    padding: 8px 2px;
    font-size: 12px;
}
.skin-blue .new-searchbar .sidebar-form {
    border-radius: 50px;
       margin: 6px 6px;
}
.box-body .todo-list {
    min-height: 40px;
    overflow-x: scroll;
}
td.q-ticket {
    width: 21%;
    float: right;
}
body .inrtable td.q-notes {
    padding-top: 0;
}
.q-camera i.fa-th {
    padding: 4px;
    margin-right: 0;
}
a.fileContainer.btn {
    margin: 0 2px;
}
#inspection-table tr:after, #inspection-table tr:before {
    display: block;
    clear: both;
    content: "";
}
.inrtable td.q-ticket {
    padding-bottom: 10px !important;
}
.content-header {
    position: relative;
    padding: 0px 0px 0 0px;
}
.content-header > h1 {
    margin: 0;
    font-size: 18px;
    margin-bottom: 10px;
}
div#reportrange {
    width: 100%;
}
span.select2.select2-container.select2-container--default {
    margin: 5px 0px 0px;
    width: 100% !important;
}
.nav>li>a {
    padding: 10px 10px;
}
ul.nav.navbar-nav.right_icons {
    margin-right: 10px;
}
  .main-header .sidebar-toggle{
    padding: 0px 10px;
  }
  nav a.sidebar-toggle {
    font-size: 36px;
  }
}





/*****5march****/
.modal-body.plr10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.slimScrollDiv ul.menu {
    max-height: inherit !important;
    overflow: inherit !important;
}

.fc-content {
    display: flex;
    flex-direction: column-reverse;
}

.dropbox-xlsx input {
    width: 50%;
    display: inline-block;
}
.dropbox-xlsx a.add_button i {
    color: #00a65a;
}
.dropbox-xlsx a.remove_button i {
    color: red;
}
.dropbox-xlsx a i {
    padding-left: 10px;
}

.dropbox-xlsx label {
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
.floorConnectedSortable table tr{
  background: #fff;
}

div.pagination { padding: 3px; margin: 3px; } div.pagination a { padding: 2px 5px 2px 5px; margin: 0; border: 1px solid #ddd; text-decoration: none; /* no underline */ color: #337ab7; } div.pagination a:hover, div.pagination a:active { border: 1px solid #000099; color: #000; } div.pagination span.current { padding: 2px 5px 2px 5px; margin: 0px; border: 1px solid #337ab7; font-weight: bold; background-color: #555; color: #FFF; } div.pagination span.disabled { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #EEE; color: #DDD; }
/*----- 25-08-2020 start ----*/
.row.PSS_Main_Sec { display: flex; flex-wrap: wrap; margin-bottom: 20px; margin-top:8px;}
.PSS_Main_Sec .left_side_img {  height: 100%;background-size: contain; background-repeat: no-repeat;  background-position: center;}
/*.PSS_Main_Sec .small-box.bg-yellow { margin-bottom: 0px;}*/

.PSS_Main_Sec .right_yellow_box{min-height:102.8px;}

.smallthreebox .small-box .icon{
  font-size: 24px;
  top: -4px;
  right: 4px;
}

.fc-scroller .fc-row{
  height: 80px !important;
}
.small-box .icon{
  font-size: 60px;
}
.nobtn .btn {
 padding: 3px 8px;
}
.icnimg .btn {
  font-size: 10px;
}
.q-ticket{
  text-align: right;
}

#dataTablesFullNoDocuments{font-size:13px;}

@media screen and (max-width:383px) {
  table tbody tr td.xs-full-width,
  table.table.text-dark.table-condensed.dataTable tr td.xs-full-width {
    width:100% !important;
    max-width: 100% !important;
  }
}

/*----- 21-11-2024 start ----*/
@media screen and (max-width:480px) {
  header.main-header{
    padding-bottom: 14%;
  }
  section.content-header .breadcrumb{
    margin-bottom: 10px;
  }
  section.content-header h1{
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 979px) {
  section.content-header {
      padding-top: 10%;
    }
    section.content-header .breadcrumb {
      margin-bottom: 2%;
      float: right;
    }
    section.content-header .pull-right:nth-of-type(1) {
      padding-top: 1%;
      margin-inline-start: 50%;
      display: flex;
    }
}
/*----- 21-11-2024 end ----*/