.mfp-hide {
  display: none !important;
}
.show-mobile,
.show-on-tablet {
  display: none;
}
.hidden {
  display: none !important;
}
.invisible {
  visibility: hidden !important;
}
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  z-index: 50;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}
.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
  /*background: #d6d6d6;
    text-align: center;
    padding: 35px 50px 35px 50px;
    max-width: 500px;
    width: 100%;
    border-radius: 5px;*/
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #cccccc;
}
.mfp-preloader a:hover {
  color: white;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: transparent;
}
.mfp-close:active {
  top: 1px;
}
.mfp-close-btn-in .mfp-close {
  color: #333333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: transparent;
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid white;
  margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid white;
  margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black;
}
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444;
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

/*covid-19 form*/

/*gravity view*/
.protected-gravity-view {
  display:none;
}
.gv-field-12-date_created,
.gv-field-12-4 {
  width: 80px;
}
.open-all-entry-details {
  margin-bottom: 20px;
}
.open-all-entry-details button {
  color: #ffffff !important;
  background: #666666 !important;
  padding: 10px 15px;
  border-radius: 5px;
  font-weight: bold;
  margin: 0 10px;
}
textarea.entry-new-notice {
  border: none;
  background: #ffff;
  padding: 0;
  font-size: 12px;
  height: 75px;
  margin-bottom: 5px;
}
.gv-table-view .details {
  padding: 10px;
  border: 2px dashed #e4e4e4;
  margin: 15px;
}
table.gv-table-view.dataTable > tbody > tr.child ul.dtr-details > li {
  display: inline-block !important;
  border-bottom: none;
}
table.gv-table-view.dataTable
  > tbody
  > tr.child
  ul.dtr-details
  > li:first-child {
  float: left;
}

button.entry-add-newnotice {
  border-radius: 5px;
  padding: 5px 10px;
  display: inherit;
  letter-spacing: -1px;
  text-transform: uppercase;
  background-color: #6d6868;
  /* float: left; */
  text-align: left;
}
.gv-container-44298 th#gv-field-96-7, .gv-container-44298 td.gv-field-96-7 {
  display: none;
}
.gv-container-22045,.gv-container-30761,.gv-container-44298,.gv-title-44298 {
  display: none;
}
h2 .fa-plus-circle,
h2 .fa-minus-circle {
  cursor: pointer;
}
table.gv-table-view td {
  font-size: 16px;
  text-align: center;
}
.gv-note .gv-field-label {
  margin-bottom: 0 !important;
}
.gv-field-label {
  background: none !important;
}
table.gv-table-view thead tr th {
  text-align: center;
}
table.gv-table-view td.control,table.gv-table-view th.control{
  display: table-cell;
}
table.gv-table-view td.control:before{
  color: #000 !important;
  border: 1px solid #000 !important;
  font-weight: bold !important;
  font-family: "Font Awesome 5 Pro" !important;
  background: none !important;
  box-shadow: none !important;
}
p.gv-field-label {
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
}
.gv-sort.gv-icon-caret-up-down,
.gv-sort.gv-icon-sort-asc {
  color: #aaa !important;
}
table .gv-note-avatar {
  display: none;
}
table .gv-note .entry-detail-note,
table .gv-note .gv-note-author,
table .gv-note .gv-field-label {
  font-size: 12px !important;
  text-align: left !important;
}
tr.gv-note {
  border-radius: 10px;
}
table .gv-note-content {
  padding: 0 0 0.875em 0 !important;
}
table .gv-note-content p {
  line-height: unset !important;
  margin-bottom: 0.5em;
}
.post-21579 textarea.textarea.medium {
  line-height: 25px;
  letter-spacing: -0.5px;
}
td.gv-field-12-7 p {
  text-transform: none;
}
table.gv-table-view tr.child ul {
  width: 100%;
}
table.gv-table-view td[class*="-custom"]:before,table.gv-table-view td[class*="-id"]:before {
  top: 35% !important;
  left: 20%!important;
}
table.gv-table-view thead th[class*="-custom"],
table.gv-table-view tfoot th[class*="-custom"],table.gv-table-view td[class*="-custom"],table.gv-table-view thead th[class*="-id"],
table.gv-table-view tfoot th[class*="-id"],table.gv-table-view td[class*="-id"] {
  width: 70px !important;
}
table.gv-table-view thead th[class*="-custom"],
table.gv-table-view tfoot th[class*="-custom"],table.gv-table-view thead th[class*="-id"],
table.gv-table-view tfoot th[class*="-id"] {
  padding: 10px !important;
}
.gv-notes td.entry-detail-note {
  border: none !important;
}
table.gv-table-view .ticket-histories div textarea {
  border: none;
  background: #fff;
  /*overflow: hidden;*/
  line-height: 17px;
  padding: 5px;
  margin-bottom: 5px;
}
table.gv-table-view .ticket-histories .entry-cmt {
  padding: 10px;
  font-size: 12px;
  background-color: #fff1a1;
  margin-bottom: 15px;
  border-radius: 5px;
  text-transform: none;
  width: 200px;
  margin: 5px;
  flex: none;
}
table.gv-table-view td.child .dtr-details li:first-child {
  width: 25%;
}
table.gv-table-view td.child .dtr-details li:last-child {
  width: 75%;
}
table.gv-table-view .ticket-histories {
  display: flex;
  flex-direction: row;
  flex-flow: row wrap;
}
table.gv-table-view .ticket-histories .entry-cmt p {
  margin-bottom: 5px;
}
table.gv-table-view .ticket-histories .entry-cmt .entrynote-default {
  height: 100px;
  overflow-y: auto;
}

table.gv-table-view .entry-delete-cmt,
table.gv-table-view .entry-edit-cmt {
  border-radius: 5px;
  padding: 5px;
  margin-right: 3px;
  display: inline-block;
  color: #fff;
  line-height: 10px;
  cursor: pointer;
}
table.gv-table-view .entry-delete-cmt {
  background: red;
}
table.gv-table-view .entry-edit-cmt {
  background: #6d6868;
}
table.gv-table-view {
  table-layout: unset;
  width: 100% !important;
}
table.gv-table-view td {
  text-transform: uppercase;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
}
table.gv-table-view thead {
  background: #eee;
}
table.gv-table-view tbody tr:nth-child(even) {
  background-color: #eee;
  padding: 7px 0px;
}
table.gv-table-view tbody tr:nth-child(odd) {
  background-color: #fff;
  padding: 7px 0px;
}
/*end*/
#ajaxsearchpro1_1{
  display:none;
}
.asp_res_url .service-status-span{
  display:none;
}
.asp_res_url.in-service{
  background:#1EB11A;
  color:#fff!important;
  padding:5px!important;
  border-radius:5px!important;
}
.asp_res_url.out-service{
  background:#E8743C;
  color:#fff!important;
  padding:5px!important;
  border-radius:5px!important;
}
.page-template-scba-parts-template-php .open-bigsearch-ifd,
.page-id-27480 .open-bigsearch-ifd,
.page-template-scba-parts-template-php .list-parts-on-left {
  display: none !important;
}
.single-peopleff .out-servoce-notice{
  margin: 0px -20px 20px -20px;
}
.out-servoce-notice {
  margin: 0px -40px 10px -40px;
  font-weight: bold;
  background-color: #ff9d42;
  padding: 20px 10px;
  color: #fff;
  font-size: 25px;
  text-align: center;
  letter-spacing: -1px;
}
.out-servoce-notice span{
    font-size:17px;
    display: inline-block;
}
.out-servoce-notice a{
    font-size:17px;
    text-decoration: underline;
    background: none!important;
    display: inline-block;
    width:max-content!important;
    margin-left:10px;
    color:#fff!important;
}
.out-servoce-notice.check_loaner_pack {
  margin: 20px 0 0 0;
}
.out-servoce-notice.check_loaner_pack a:visited,
.out-servoce-notice.check_loaner_pack a {
  color: #fff;
}
/* The switch - the box around the slider */
.washed-orderid {
  border-radius: 5px !important;
  width: 100px;
}
.washed-note-toggle .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.washed-note-toggle .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.washed-note-toggle {
  margin-bottom: 10px;
  margin-top: -10px;
}
.washed-note-toggle .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.washed-note-toggle .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.washed-note-toggle input:checked + .slider {
  background-color: #1db119;
}

.washed-note-toggle input:focus + .slider {
  box-shadow: 0 0 1px #1db119;
}

.washed-note-toggle input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.washed-note-toggle .slider.round {
  border-radius: 34px;
}

.washed-note-toggle .slider.round:before {
  border-radius: 50%;
}
.edit-ppe-image {
  font-size: 13px;
  background: #666666;
  color: #fff;
  width: max-content;
  padding: 10px 20px;
  border-radius: 5px;
  margin-right: 10px;
  font-weight: bold;
}
.edit-ppe-wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: -35px;
}
.Open-percent-details-monthly .navigation-arrow{
  display:flex;
  flex-direction:row;
  justify-content: space-between;
}
.Open-percent-details-monthly .navigation-arrow button.fc-myCustomButton-button{
  border-radius:5px;
  width:80px;
  background: #f1f1f1;
  color: #000;
}
.fc-icon-left-single-arrow.Jan::after,.fc-icon-right-single-arrow.Jan::after{
  content:"Jan"!important;
  font-size:14px!important;
  font-family:"Open sans",Sans-Serif!important;
}
.fc-icon-left-single-arrow.Feb::after,.fc-icon-right-single-arrow.Feb::after{
  content:"Feb"!important;
  font-size:14px!important;
  font-family:"Open sans",Sans-Serif!important;
}
.fc-icon-left-single-arrow.Mar::after,.fc-icon-right-single-arrow.Mar::after{
  content:"Mar"!important;
  font-size:14px!important;
  font-family:"Open sans",Sans-Serif!important;
}
.fc-icon-left-single-arrow.Apr::after,.fc-icon-right-single-arrow.Apr::after{
  content:"Apr"!important;
  font-size:14px!important;
  font-family:"Open sans",Sans-Serif!important;
}
.fc-icon-left-single-arrow.May::after,.fc-icon-right-single-arrow.May::after{
  content:"May"!important;
  font-size:14px!important;
  font-family:"Open sans",Sans-Serif!important;
}
.fc-icon-left-single-arrow.Jun::after,.fc-icon-right-single-arrow.Jun::after{
  content:"Jun"!important;
  font-size:14px!important;
  font-family:"Open sans",Sans-Serif!important;
}
.fc-icon-left-single-arrow.Jul::after,.fc-icon-right-single-arrow.Jul::after{
  content:"Jul"!important;
  font-size:14px!important;
  font-family:"Open sans",Sans-Serif!important;
}
.fc-icon-left-single-arrow.Aug::after,.fc-icon-right-single-arrow.Aug::after{
  content:"Aug"!important;
  font-size:14px!important;
  font-family:"Open sans",Sans-Serif!important;
}
.fc-icon-left-single-arrow.Sep::after,.fc-icon-right-single-arrow.Sep::after{
  content:"Sep"!important;
  font-size:14px!important;
  font-family:"Open sans",Sans-Serif!important;
}
.fc-icon-left-single-arrow.Oct::after,.fc-icon-right-single-arrow.Oct::after{
  content:"Oct"!important;
  font-size:14px!important;
  font-family:"Open sans",Sans-Serif!important;
}
.fc-icon-left-single-arrow.Nov::after,.fc-icon-right-single-arrow.Nov::after{
  content:"Nov"!important;
  font-size:14px!important;
  font-family:"Open sans",Sans-Serif!important;
}
.fc-icon-left-single-arrow.Dec::after,.fc-icon-right-single-arrow.Dec::after{
  content:"Dec"!important;
  font-size:14px!important;
  font-family:"Open sans",Sans-Serif!important;
}

.fc-button.fc-state-default {
  all: unset;
  box-shadow: none !important;
  background-color: #eee !important;
  background-image: none !important;
  height: 40px;
  padding: 0 15px;
  border: 0;
  font-size: 15px;
  font-weight: normal;
  cursor: pointer !important;
  color: #000 !important;
}
.hidden_text {
  display: none;
}

.fc-button:hover {
  background-color: #d10001 !important;
  color: #ffffff !important;
}
.fc-event {
  color: #000 !important;
  font-size: 1.85em !important;
  text-align: center;
  border: none !important;
  background-color: transparent !important;
}
.battallion-name {
  float: left;
  margin-right: 10px;
  line-height: 20px;
  text-align: right;
  width: 120px;
  text-transform: uppercase;
  color: #ccc;
}
.number-fixing {
  line-height: 20px;
  color: #e8743c;
}
.single-bat {
  margin-bottom: 15px;
}
.single-bat .progress {
  margin-bottom: 0px !important;
  /*width:80%;*/
  margin-right: 10px;
}

.Open-percent-details,
.Open-percent-details-monthly {
  background: #fff;
  width: 70%;
  margin: 0 auto;
  padding: 20px 0;
}
.Open-percent-details .container,
.Open-percent-details-monthly .container {
  width: 90%;
  margin: 15px auto;
  text-align: center;
}
.Open-percent-details-monthly .sub-container,
.Open-percent-details .sub-container {
  display: flex;
}
.Open-percent-details-monthly .sub-container .left-block,
.Open-percent-details .sub-container .left-block {
  width: 30%;
  background-color: #f1f1f1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  margin-right: 20px;
}
.Open-percent-details-monthly .sub-container .right-block,
.Open-percent-details .sub-container .right-block {
  width: 70%;
}
.right-block .single-bat:last-child {
  margin-bottom: 0;
}
.Open-percent-details-monthly .sub-container .left-block .desc,
.Open-percent-details .sub-container .left-block .desc {
  font-size: 30px;
  letter-spacing: -1px;
  line-height: 1;
}
.Open-percent-details-monthly .sub-container .left-block .number,
.Open-percent-details .sub-container .left-block .number {
  font-size: 100px;
  font-weight: bold;
  color: #1db119;
  text-align: center;
  letter-spacing: -1px;
  line-height: 1;
}
.Open-percent-details .title-compliance,.Open-not-check-today .title-compliance,
.Open-percent-details-monthly .title-compliance {
  text-align: center;
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 25px;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  color: #ccc;
}
.Open-percent-details span.sr-only,
.Open-percent-details-monthly span.sr-only {
  all: unset;
  margin-right: 5px;
}
.not-check-today {
  background: #787878;
  color: #fff;
  font-size: 25px!important;
  font-weight: bold;
  width: max-content;
  margin: 40px auto 0;
  padding: 10px;
  border-radius: 5px;
}
.Open-not-check-today {
  margin: 0 auto;
  background: #fff;
  text-align: center;
  padding: 30px;
}
.Open-not-check-today .item.pack-item.ifd-pack-grey.ifd-current-cmt.muuri-item.muuri-item-shown {
  width: 80px;
  height: 80px;
  margin: 0 0 10px 10px;
  z-index: 1;
  display: inline-block;
}
.Open-not-check-today .card {
  text-align: center;
  font-size: 18px;
  font-weight: normal;
  background-color: #787878;
  border: 2px solid #787878;
  color: #ffffff;
  border-radius: 4px;
}
.Open-not-check-today .card-title {
  position: relative;
  top: -2px;
  line-height: 24px;
  padding-top: 8%;
  font-size: 20px;
}
.Open-not-check-today .card-title span {
  font-size: 40px;
  line-height: 50px;
  font-weight: bold;
}
.fc-title {
  font-weight: bold;
  color: #1db119;
}
div.fc-content {
  margin-top: -10px;
  font-size: 40px;
}

span.fc-day-number {
  font-size: 12px;
}
.single-bat .progress-bar {
  text-align: right !important;
  background-color: #1db119 !important;
  font-weight: bold !important;
}

.mfp-ie7 .mfp-img {
  padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
  padding: 0;
}
.mfp-ie7 .mfp-content {
  padding-top: 44px;
}
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

.is-style-outline .select2-container {
  width: auto !important;
}
.is-style-outline
  .select2-container
  .select2-selection.select2-selection--single {
  height: 47px;
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 0;
}
.is-style-outline .select2-container .select2-selection__arrow {
  height: 45px;
}
.is-style-outline
  .select2-container
  .select2-selection.select2-selection--single
  span {
  color: #2a99c8;
  font-weight: 700;
}

div#type-add-serial {
  max-width: 700px;
  width: 100%;
  margin: auto;
  padding: 2vw;
  background: #ffffff;
  text-align: center;
  position: relative;
}
button.mfp-close.iz-next-step {
  position: relative;
  margin: 20px auto 0;
  font-size: 16px;
  border: 1px solid #909090;
  padding: 0 20px;
  width: auto;

  color: #2a99c8;
}

.iz-ppe-imgs img {
  width: 100%;
  border-radius: 5px;
}
/*.iz-ppe-imgs input:checked + label img {*/
/*    border: 7px #ccc solid;*/
/*}*/
div#link-to-order,
#update-status-for-order,
#open-add-log,
#open-problem-desc {
  max-width: 600px;
  width: 100%;
  margin: auto;
  background: #ffffff;
  text-align: center;
  padding: 30px;
  position: relative;
  border-radius: 5px;
}
#open-popup-after-received,
#open-popup-after-report {
  max-width: 600px;
  width: 100%;
  margin: auto;
  background: #eaeaea;
  color: black;
  text-align: center;
  padding: 30px 20px 25px;
  position: relative;
  border-radius: 5px;
}
div#open-popup-after-received h2 {
  color:#000;
}
div#open-popup-after-received h2 > i {
  padding-left: 10px;
}
#open-popup-after-received .popup-header,
#open-popup-after-report .popup-header {
  font-weight: bold;
  font-size: 35px;
  margin-bottom: 10px;
}
#open-popup-after-received .popup-body,
#open-popup-after-report .popup-body {
  margin: 0 auto 10px;
}
#open-popup-after-received .popup-body a,
#open-popup-after-report .popup-body a {
  display: inline-block;
  width: 100%;
  background: #d22503;
  color: #ffffff;
  border-radius: 5px;
  padding: 15px 25px;
  margin-bottom: 10px;
}
#open-popup-after-received .mfp-close,
#open-popup-after-report .mfp-close {
  opacity: 1;
  font-size: 25px;
}
#open-problem-desc {
  min-height: 100px;
}
#link_to_order {
  border: 1px solid #909090;
  border-radius: 0;
}
#update_status_for_order {
  border: 1px solid #909090;
  border-radius: 0;
}

.ppe-size-details {
  margin: 0;
}

#add_logs {
  max-width: 400px;
  width: 100%;
}

.close_popup_ppe {
  display: block;
  margin: 20px auto 0;
  background-color: #666666 !important;
}

.selected-img-ppe {
  max-width: 400px !important;
}

.assign_to_firefighter
  .select2-container
  .select2-selection.select2-selection--single
  span {
  color: #ffffff;
  font-size: 14px;
}
.assign_to_firefighter span.select2-selection.select2-selection--single {
  background: #2a99c8;
}
.assign_to_firefighter
  .select2-container
  .select2-selection.select2-selection--single
  span
  b {
  border-color: #ffffff transparent transparent transparent;
}
.ifd-article .ppe-size-details {
  font-size: 14px !important;
}
.ifd-article .is-style-squared .has-background {
  padding: 10px 15px;
  font-size: 17px;
}
.open-barcode-popup, .import-information {
  font-size: 17px;
  padding: 10px 20px;
  background-color: #666666 ;
  color: #ffffff;
  font-weight: 700;
  border: none;
  border-radius: 5px;
}
#create_piece_name,
#assign_to_firefighter,#loaned_to_vehicle,
#assign_to_loaner {
  background-color: #666666 ;
  color: #ffffff;
  font-weight: 700;
  border: none;
  border-radius: 5px;
  width: 100%;
}
#create_piece_name::placeholder,
#assign_to_firefighter::-webkit-input-placeholder,
#assign_to_firefighter::placeholder,
#assign_to_firefighter::-webkit-input-placeholder,
#loaned_to_vehicle::placeholder,
#loaned_to_vehicle::-webkit-input-placeholder,
#assign_to_loaner::placeholder,
#assign_to_loaner::-webkit-input-placeholder {
  color: #ffffff;
}
.iz-accordion-ppe .ab-accordion-title {
  cursor: pointer;
}
.iz-accordion-ppe .is-style-outline {
  text-align: center;
  padding: 0 10px;
  margin: 0;
  margin-bottom: 5px;
}
.iz-accordion-ppe .is-style-outline a {
  width: 86%;
}
.iz-accordion-ppe .is-style-outline p {
  margin-bottom: 10px;
}
.ppe-select-options .span {
  pointer-events: none;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #2a99c8;
  height: auto;
  border-radius: 5px;
  line-height: 25px;
  color: #ffffff;
  font-size: 17px;
  padding: 10px 5px;
}
.single-ppe .ppe-select-options .span {
  font-size: 13px;
  line-height: 20px;
}
.ppe-select-options select option {
  color: #000000;
}
.editor-other-fields .is-style-outline .span {
  min-height: 41px;
}
.iz-accordion-ppe .is-style-outline input {
  width: 90%;
  background: #2a99c8;
  color: #ffffff !important;
  text-align: center;
  border: none;
  min-height: 41px;
}
div.ppe-select-options {
  font-weight: 700;
  display: block;
  position: relative;
  margin: 5px 0;
}
tr.tr-grey {
  background-color: #f3f4f5 !important;
}
tr.tr-white {
  background: #fff0 !important;
}
.iz-accordion-ppe .is-style-outline input:focus {
  background: #2a99c8;
  color: #ffffff !important;
}
.iz-accordion-ppe .is-style-outline input::placeholder {
  color: #ffffff !important;
}
.assign_to_firefighter, .loaned_to_vehicle {
  display: block;
  position: relative;
  text-align: center;
}
.assign_to_firefighter label, .loaned_to_vehicle label {
  width: 100%;
  float: left;
  display: block;
  margin-bottom: 10px;
  text-align: center;
}
.url_to_firefighter,
.url_loaner_to,
.url_loaner_from,
.url_to_loaned_to {
  color: #ffffff !important;
  background-color: #2a99c8;
  font-weight: 700;
  border: none;
  padding: 10px 0;
  width: 100%;
  font-size: 17px;
  line-height: 25.5px;
  display: inline-block;
  text-align: center;
}
.inside-article a.editor_firefighter, .inside-article a.editor_loaned_to,
.editor_loaner.editor {
  color: #a9a8a8 !important;
  padding: 0 8px;
  text-align: center;
  display: inline-flex;
  line-height: 49px;
  position: absolute;
  /*bottom: 0;*/
  right: 0;
  width: auto !important;
}
.single-ppe .editor_loaner_from.editor {
  width: 0 !important;
}
.editor_loaner_from.editor {
  color: #a9a8a8 !important;
  padding: 0 8px;
  text-align: center;
  display: inline-flex;
  line-height: 49px;
  bottom: 0;
  width: auto !important;
}
.editor_firefighter i, .editor_loaned_to i,
.editor_loaner.editor i,
.editor_loaner_from.editor i {
  font-size: 22px;
  line-height: 40px;
  margin-right: 4px;
}

.iz-inline-block {
  display: inline-block;
  margin-top: 35px;
  max-width: 100%;
  width: 100%;
}
.iz-inline-block a {
  width: 100%;
}
.iz_link_to_product span {
  display: block;
  text-align: center;
  color: #2a99c8;
  font-weight: 700;
  font-size: 25px;
}
.iz_link_to_product .scroll-content.ppe-page span {
  color: inherit;
  font-size: 14px;
}
.ppe-page .hide-mobile {
  display: inline-block;
}
.ppe-page .show-mobile {
  display: none;
}
.iz_link_to_product {
  text-align: center;
  padding-top: 55px;
}
.iz_link_to_product img {
  width: 100%;
  float: left;
}

.izw-ppe-select-img {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0;
  padding-top: 35px;
  cursor: pointer;
}
.izw-ppe-select-img #presentation {
  width: 100%;
  position: relative;
  min-height: 420px;
  margin: auto;
  overflow: unset;
  margin-bottom: 25px;
}
.izw-ppe-select-img #presentation .bespoke-slide {
  width: 100%;
  margin: auto;
  height: 100%;
  top: 0;
  left: 0;
  background: none;
  padding: 0;
}
.iz-ppe-imgs {
  width: 100%;
  height: 100%;
}
.izw-ppe-select-img section.bespoke-before {
  -webkit-transform: translateX(-70px) rotateY(-70deg) translateX(-652px)
    rotateY(-110deg) translateX(-530px);
  -moz-transform: translateX(-70px) rotateY(-70deg) translateX(-652px)
    rotateY(-110deg) translateX(-530px);
  -ms-transform: translateX(-70px) rotateY(-70deg) translateX(-652px)
    rotateY(-110deg) translateX(-530px);
  -o-transform: translateX(-70px) rotateY(-70deg) translateX(-652px)
    rotateY(-110deg) translateX(-530px);
  transform: translateX(-70px) rotateY(-70deg) translateX(-652px)
    rotateY(-110deg) translateX(-530px);
}
.izw-ppe-select-img section.bespoke-before-1 {
  -webkit-transform: translateX(-70px) rotateY(-60deg) translateX(-261px);
  -moz-transform: translateX(-70px) rotateY(-60deg) translateX(-261px);
  -ms-transform: translateX(-70px) rotateY(-60deg) translateX(-261px);
  -o-transform: translateX(-70px) rotateY(-60deg) translateX(-261px);
  transform: translateX(-70px) rotateY(-60deg) translateX(-261px);
  opacity: 0;
}
.izw-ppe-select-img section.bespoke-after {
  -webkit-transform: translateX(70px) rotateY(70deg) translateX(652px)
    rotateY(110deg) translateX(530px);
  -moz-transform: translateX(70px) rotateY(70deg) translateX(652px)
    rotateY(110deg) translateX(530px);
  -ms-transform: translateX(70px) rotateY(70deg) translateX(652px)
    rotateY(110deg) translateX(530px);
  -o-transform: translateX(70px) rotateY(70deg) translateX(652px)
    rotateY(110deg) translateX(530px);
  transform: translateX(70px) rotateY(70deg) translateX(652px) rotateY(110deg)
    translateX(530px);
}
.izw-ppe-select-img section.bespoke-after-1 {
  -webkit-transform: translateX(70px) rotateY(60deg) translateX(345px);
  -moz-transform: translateX(70px) rotateY(60deg) translateX(345px);
  -ms-transform: translateX(70px) rotateY(60deg) translateX(345px);
  -o-transform: translateX(70px) rotateY(60deg) translateX(345px);
  transform: translateX(70px) rotateY(60deg) translateX(345px);
  opacity: 0;
}

#ppe-logs-table a {
  background: #666666;
  padding: 10px;
  color: #ffffff;
  font-weight: 700;
  border-radius: 5px;
  display: inline-block;
  line-height: 23px;
  margin-top: 0;
}
#ppe-logs-table tr td.has-fix-tag a {
  background: #ff9d42;
}
#ppe-logs-table a.closed-tickets {
  background: #1eb11a;
  pointer-events: none;
}
#ppe-logs-table a.has-fix-tag{
  background: #ff9d42;
}
#ppe-logs-table a.reopen-tickets{
  background: #ff9d42;
  cursor: pointer;
}
#ppe-logs-table .odd td {
  background: #efefef;
}

#ppe-logs-table .even td {
  background: #ffffff;
}
.type-ppe hr.wp-block-separator.is-style-wide {
  visibility: visible !important;
}
#ppe-logs-table_length,
#ppe-logs-table_filter {
  margin-bottom: 20px;
}
#ppe-logs-table_paginate span .paginate_button,
#ppe-logs-table_paginate span .fg-button {
  border: none;
  background: #efefef;
}
#ppe-logs-table_paginate,
#ppe-logs-table_info {
  margin-top: 18px;
}
#ppe-logs-table tr {
  height: 70px;
}
.ppe_info_save {
  border: none !important;
  background: #666 !important;
  cursor: pointer;
  padding: 10px 15px;
  color: #fff;
  border-radius: 5px !important;
  display: inline-block;
  font-weight: bold;
  font-size: 17px !important;
  width: 80%;
  text-align: center;
}
.single-ppe .ifd-submit-after-edit {
  font-size: 24px !important;
  color: #a9a8a8 !important;
  padding: 0 8px !important;
  text-align: center;
  display: inline-flex;
  line-height: 49px;
  position: absolute;
  bottom: 10px;
  right: -5px;
  width: auto !important;
  background: transparent;
}
.ifd-submit-after-edit:hover,
.ifd-submit-after-edit:active,
.ifd-submit-after-edit:focus {
  background-color: transparent !important;
}
.midle-save-button .ifd-submit-after-edit:hover {
  background: #d10001 !important;
}
.log-btn-field input,
.ifd-submit-after-edit {
  font-size: 17px;
  padding: 10px 20px;
  line-height: 25px;
}
.table-submit-edit {
  display: flex;
}
.table-submit-edit .ifd-submit-after-edit {
  width: 100%;
}
#ppe-logs-table_length select {
  -webkit-appearance: none;
}
.message_error a:hover {
  color: black !important;
}
.scba-step0 p label {
  width: auto;
  min-width: 100px;
  text-align: left;
  position: absolute;
  pointer-events: none;
  top: 45%;
  left: 0;
  transform: translateY(-50%);
  transition: all ease-in 0.25s;
  color: #ffffff;
}
.scba-step0 p input::placeholder {
  opacity: 1;
  color: #000;
  text-align: center;
}
.scba-step0 p input {
  text-align: center;
  line-height: 2em;
  border-radius: 5px;
  color: #000 !important;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #cccccc;
  padding: 0;
  width: 40px;
  height: 40px;
  margin: 0 3px;
}
label.tsu-login-message {
  font-weight: bold;
  color: green;
}
label.tsu-login-message.login-error {
  color: red;
}
label.tsu-login-message.login-error span {
  font-size: 15px;
  font-weight: normal;
  letter-spacing: -1px;
}
.scba-step0 h2 {
  margin: 0;
}
.scba-step0 p {
  position: relative;
  margin: 0 auto 15px;
}
.scba-step0 p input[type="number"]:focus + label,
.scba-step0 p input[type="number"]:not(:placeholder-shown) + label,
.scba-step0 p input[type="password"]:focus + label,
.scba-step0 p input[type="password"]:not(:placeholder-shown) + label {
  left: -90px;
}
.scba-step0 .tsu-psid::-webkit-inner-spin-button,
.scba-step0 .tsu-psid::-webkit-outer-spin-button,
.scba-step0 .user-psid::-webkit-inner-spin-button,
.scba-step0 .user-psid::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.izw-submit-after-edit {
  position: absolute;
  bottom: 0;
  right: -15px;
  font-size: 17px !important;
  border: none !important;
  background: #666666 !important;
}
.iz-accordion-ppe .izw-submit-after-edit,
.iz-accordion-ppe .izw-submit-loaner-edit {
  position: absolute;
  bottom: 0;
  right: -15px;
  font-size: 17px !important;
  border: none !important;
  background: #666666 !important;
  width: auto !important;
  min-height: auto !important;
}
#ppe-logs-table tr td {
  padding: 15px;
  line-height: 26px;
}
.iz-accordion-ppe .is-style-outline:not(:last-child) {
  border-right: 1px solid #fff;
}
.iz-accordion-ppe .ab-layout-column-wrap {
  display: inline-flex;
  width: 100%;
}
.iz-accordion-ppe .ab-layout-column-wrap .wp-block-button {
  width: 25%;
}
.iz-same-width {
  text-align: center;
}
.iz-same-width {
  width: 100%;
}
.people-submit-btn,
.iz-add-log,
.iz-accordion-ppe .ab-accordion-title,
.url_to_firefighter,
.url_loaner_to,
.url_loaner_from, .url_to_loaned_to,
.iz-accordion-ppe .is-style-outline input,
.iz-accordion-ppe .is-style-outline select,
.iz-inline-block a,
.ifd-article input[type="submit"],
.open_add_log,
#ppe-logs-table_length select,
#ppe-logs-table_filter input,
#ppe-logs-table_paginate .paginate_button {
  border-radius: 5px !important;
  -webkit-appearance: none;
  -webkit-border-radius: 5px !important;
  border: none;
  outline: none !important;
}
#ui-id-1 {
  font-family: "Open Sans", sans-serif;
}
.has-edit-pencil .has-background {
  width: 80%;
  display: inline-block !important;
}
.has-edit-pencil a.mask-open-popup,
.has-edit-pencil a.open-change-piece {
  color: #a9a8a8 !important;
  text-align: center;
  width: 13%;
  display: inline-block;
  vertical-align: middle;
  font-size: 22px;
}
#assign_to_firefighter:focus {
  outline: none !important;
}
h2.iz-same-width {
  margin-bottom: 20px;
}
.ifd-article .previous-img,
.ifd-article .next-img {
  color: #ccc;
  margin: 0 10px;
}
#ppe-logs-table thead th {
  border-top: 1px solid #ddd !important;
  border-right: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
  padding: 15px;
  background-color: #fff !important;
}
table.dataTable thead th div.DataTables_sort_wrapper span.ui-icon {
  display: none;
}
#ppe-logs-table {
  border-bottom: none;
}
.ui-datepicker .ui-datepicker-title select {
  border: none;
  background: #efefef;
  border-radius: 5px;
}
.ui-datepicker .ui-datepicker-header {
  background: #ffffff;
}
.ui-datepicker .ui-datepicker-title select:first-child {
  margin-right: 10px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  top: 10px !important;
}
#add_serial {
  background-image: none !important;
}
.ui-widget-content .ui-state-default {
  border: none !important;
  background: #efefef !important;
  border-radius: 5px;
  text-align: center;
}
.ui-datepicker table tbody tr td a.ui-state-default {
  background: #ffffff !important;
  border: none !important;
  border-radius: 5px;
  text-align: center;
}
.ui-datepicker table tbody tr:nth-child(2n-1) td a.ui-state-default {
  background: #efefef !important;
}
.ui-datepicker table tbody tr:nth-child(2n-1) td a.ui-state-active,
.ui-widget-content .ui-state-default.ui-state-active {
  background: #2a99c8 !important;
}
@media (min-width: 768px) {
  .type-ppe .has-2-columns{
    display: flex;
  }
}
.type-ppe .has-2-columns .wp-block-column:first-child {
  padding-right: 30px;
}
.type-ppe .entry-content .has-2-columns .wp-block-column:not(:first-child) {
  margin-left: 0;
  padding-left: 30px;
}
.airsite .has-2-columns .wp-block-column,
.type-ppe .has-2-columns .wp-block-column {
  margin-bottom: 0 !important;
}
.has-2-columns.iz-select-ppe {
  margin-top: 15px;
}
.type-ppe .entry-content .has-2-columns .wp-block-column {
  flex-basis: 50% !important;
}
.url_to_firefighter.iz-same-width.user-can-edit,
.url_loaner_to,
.url_loaner_from,
.url_to_loaned_to{
  width: 100%;
}
.iz-accordion-ppe .url_to_firefighter.iz-same-width.user-can-edit {
  width: 90% !important;
  float: left;
}
.iz-accordion-ppe .url_loaner_to {
  width: 100% !important;
}
.iz-select-ppe .wp-block-column {
  padding-bottom: 50px;
}
.iz-select-ppe .wp-block-column.action-button-group {
  padding-bottom: 0;
}
.wp-block-column.loanerfrom_field {
  text-align: center;
}
.ppe-select-options .span.user-view {
  position: relative;
  width: 100%;
  display: block;
}
#ppe-logs-table .izw-order-update {
  background: #ff9e41;
  color: #9e4f00;
}
a.izw-log-txt:hover {
  background: #008eca;
}
#ppe-logs-table a.tickets-fix,
a.tickets-fix {
  border-color: #ff9e41 !important;
  background: #ff9e41 !important;
}
#ppe-logs-table a.tickets-fix:hover,
a.tickets-fix:hover {
  border-color: #ff7d00 !important;
  background: #ff7d00 !important;
}
.link-to-piece {
  display: inline-block;
  width: 100%;
  /*padding: 0 10px;*/
  text-align: center;
}
.daily-save-fields input[type="submit"] {
  color: #ffffff;
  background-color: #666666 !important;
}
.link-to-piece p {
  text-align: left;
}
.iz-accordion-ppe .is-style-outline .link_to_piece,
#change_to_piece {
  display: inline-block;
  width: auto;
}

.iz-accordion-ppe .is-style-outline .link-save-btn,
input.save-change-to-another-piece {
  max-width: 74px;
  margin-left: 12px;
  color: #ffffff !important;
  background-color: #666666 !important;
  max-height: 41px;
  display: inline-block;
  padding: 0 !important;
  float: right;
}
.iz-accordion-ppe .is-style-outline .link-save-btn:hover,
input.save-change-to-another-piece:hover {
  background: #000000 !important;
}
.iz-accordion-ppe .link-to-piece .is-style-outline.editing {
  min-width: 415px;
}
.iz-accordion-ppe .link-to-piece .is-style-outline {
  display: inline-block;
  margin-bottom: 15px;
  text-align: left;
  border-right: none;
  position: relative;
  min-width: 30px;
}
.link-to-piece:before {
  content: " ";
  max-width: 90%;
  display: block;
  border-top: 1px solid #ccc;
  margin: 0 auto 20px;
}
.iz-accordion-ppe .link-to-piece .is-style-outline .fa-arrows-alt-v {
  display: none;
}
.iz-accordion-ppe .is-style-outline .link_to_piece,
#change_to_piece {
  background: #2a99c8;
  color: #ffffff !important;
  text-align: center;
  border: none;
  padding: 10px 20px;
  display: inline-block;
  font-size: 17px;
  font-weight: 700;
  border-radius: 5px;
  min-width: 160px;
}
.iz-accordion-ppe .is-style-outline a.editor_link_to_piece.editor {
  display: inline-block;
  width: 30px;
  font-size: 22px;
  line-height: 30px;
  margin-right: 4px;
  color: rgb(169, 168, 168);
}
.iz-accordion-ppe .is-style-outline #link_to_piece:placeholder-shown {
  width: 325px;
}
#change_to_piece:placeholder-shown,
#change_to_piece {
  width: 325px;
}
.single-peopleff .grid-parent.generate-page-header {
  display: none;
}
.single-peopleff.separate-containers .inside-article {
  padding: 20px;
}
.single-peopleff .inside-article table.is-style-stripes a {
  padding: 11px 20px;
  border-radius: 5px;
  font-size: 14px;
  line-height: 21px;
}
.ab-block-accordion summary {
  cursor: pointer;
}
.ppe-sets {
  margin-top: -15px;
  margin-left: 10px;
  width: 98%;
  border-radius: 0 0 50px 50px;
}

.ppe-sets .sue-icon-text {
  position: relative;
  margin-bottom: 1.5em;
  margin-left: 0.5em;
  cursor: pointer;
}
.ppe-sets .sue-icon-text .sue-icon-text-icon {
  position: absolute;
  top: 0;
  left: 0;
}
.ppe-sets .wp-block-atomic-blocks-ab-column.ab-block-layout-column {
  border-style: solid;
  border-right-width: 1px;
  border-color: #fff;
}
.ppe-sets .sue-icon-text .sue-icon-text-icon .fa-check-square {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 1;
}
.people-submit-btn {
  padding: 10px 20px;
  display: inline-block;
  border-radius: 5px !important;
  -webkit-appearance: none;
  -webkit-border-radius: 5px !important;
  border: none;
  outline: none !important;
  line-height: 21px;
}
.ppe-sets .ab-block-layout-column-inner.selected-limit-set .fa-check-square {
  color: #666666;
}
.ppe-sets
  .ab-block-layout-column-inner.selected-limit-set
  label
  .sue-content-wrap {
  font-weight: 700;
}
.izw-indrop {
  padding: 11px 20px;
  border-radius: 5px;
  font-size: 14px;
  line-height: 21px;
  cursor: pointer;
}
.ppe-by-set a.wp-block-button__link {
  padding: 10px 5px;
  border-radius: 5px;
  display: block;
  color: #ffffff !important;
  background: #666666 !important;
}
.single-vehicles .people-accordion summary span {
  font-size: 30px;
  font-weight: 300;
}
.single-stations .people-accordion summary span {
  font-size: 18px;
  font-weight: 400;
}
.people-assigned {
  margin-left: 32px;
  margin-bottom: 20px;
}
.people-assigned a.wp-block-button__link {
  padding: 10px 5px;
  border-radius: 5px;
  display: inline-block;
  margin: 3px;
  color: #ffffff !important;
  background: #666666 !important;
  width: 270px;
  font-size: 14px;
  font-weight: bold;
}
.set_limits_gear .ab-is-responsive-column {
  display: inline-block;
  width: 100%;
}
.set_limits_gear .ff-ppe-sets {
  width: 40%;
  display: inline-block;
  float: left;
}
.set_limits_gear .ff-ppe-sets:last-child {
  text-align: right;
}
.set_limits_gear .ff-ppe-save-fields {
  width: 20%;
  display: inline-block;
  float: left;
  text-align: center;
  min-height: 10px;
}
.ff-ppe-save-fields .people-submit {
  border-radius: 5px;
  font-size: 17px !important;
  line-height: 23px;
}
.ppe-sets .ff-ppe-sets:last-child .sue-icon-text-icon {
  right: 0;
  left: auto;
}
.wp-block-button a.open_add_log {
  border-radius: 5px;
  padding: 10px 20px;
  display: inline-block;
  color: #ffffff !important;
  font-size: 17px;
}
.ppe-by-set .wp-block-image {
  text-align: center;
}
.message_error,
.washed-note-error {
  background: #d10001;
  padding: 10px 15px;
  margin-bottom: 10px;
  color: #ffffff;
}
.set_limits_gear .message_error p {
  margin: 0;
}

#open-assign-piece {
  max-width: 800px;
  margin: auto;
  background: #ffffff;
  padding: 2vw 5vw;
  text-align: center;
  position: relative;
  border-radius: 5px;
}
#assign-piece-url,
#assign-piece-serial {
  display: block;
  margin: 10px auto;
  max-width: 320px;
  width: 100%;
  text-align: center;
}
.save-piece-assign {
  border-radius: 5px !important;
  -webkit-appearance: none;
  -webkit-border-radius: 5px !important;
  border: none;
  outline: none !important;
  background: #666666 !important;
  line-height: 25px;
  color: #ffffff;
  font-size: 17px;
  padding: 11px 20px;
  text-transform: uppercase;
  font-weight: bold;
}
.go-to-assign {
  padding: 10px 20px;
  border-radius: 5px;
  display: block;
  margin: auto;
}
#open-mask-piece .error-txt {
  padding: 10px;
}
a.view-pack-history {
  width: 100%;
  display: inline-block;
  padding: 10px 0;
  background: #c6c6c6;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
}
a.label-pack-history.view-pack-history {
  width: 40%;
  padding: 10px 5px;
  margin: 5px;
}
#open-mask-piece .error-txt span {
  background: #d10001;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
}
#open-mask-piece .error-txt.success span {
  background: #1eb11a;
}
.img-ppe-unassigned {
  opacity: 0.1;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.ifd-article .open_add_log {
  float: left;
  margin-right: 5px;
}
.open_add_log {
  color: #ffffff !important;
}
.ifd-people-article .entry-content .pagination {
  text-align: right;
  margin-top: 20px;
}
.ifd-people-article .entry-content .pagination a {
  color: #333 !important;
  cursor: pointer;
  margin: 0 2px;
  border-radius: 5px;
  background: #efefef;
  min-width: 1.5em;
  padding: 0.5em 1em;
}
.ifd-people-article .entry-content .pagination a.nav {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.ifd-people-article .entry-content .pagination a.page.current {
  font-weight: 700;
}
.ppe-above-piece {
  text-align: center;
  align-items: center;
  width: 100%;
  position: absolute;
  z-index: 9;
  top: 20%;
  opacity: 0.9;
}
.ppe-above-piece p {
  background: #ffffff;
  margin: 0;
}

.ifd-article .entry-header .entry-title label {
  width: 48px;
  margin: 0 15px 0 17px;
}
.ifd-article .entry-header .entry-title {
  display: -webkit-inline-box;
  width: 100%;
}
.ppe-above-piece p:first-child {
  padding-top: 5px;
}
.ppe-above-piece p:nth-child(2) {
  padding-bottom: 5px;
}
.ppe-image {
  display: inline-flex;
  align-items: center;
  margin-top: 20px;
}
.bar-code-img {
  background-image: url("images/barcode-alt.svg");
  display: block;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.qr-code-img {
  background-image: url("images/qr-code.svg");
  display: block;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
i.ifd-sitemap {
  background-image: url("images/sitemap.svg");
  display: inline-block;
  width: 48px;
  height: 48px;
  position: relative;
  top: 8px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
i.qr-code-img {
  display: inline-block;
  width: 48px;
  height: 48px;
  position: relative;
  top: 8px;
}
.iz-accordion-ppe .link-to-piece .is-style-outline .ppe-arrows-alt-v {
  background-image: url("images/2-sided-arrow-v.png");
  display: none;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 15px;
  height: 30px;
}
.iz-accordion-ppe .link-to-piece .is-style-outline .ppe-arrows-alt-h {
  background-image: url("images/2-sided-arrow-h.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 30px;
  height: 15px;
  display: block;
  position: absolute;
}
h1.ppe-entry-title {
  font-weight: bold;
  color: #dbdbdb;
  letter-spacing: -5px;
  font-size: 60px;
  text-align: center;
  padding-top: 50px;
}

p.sub-entry-title {
  color: #878787;
  text-align: center;
  padding: 25px;
  margin-bottom: 800px;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  background-color: #eee;
  border-radius: 3px;
}
section.if-search .ui[class*="left icon"].input .prompt {
  height: 75px;
  font-size: 50px;
  font-weight: bold;
  letter-spacing: -2px;
  text-transform: uppercase;
  width: 100%;
  color: #e6e6e6;
  border-radius: 0 !important;
  border-bottom: 1px solid #ccc;
  padding-left: 0.4em !important;
  background-color: #f8f8f8;
  border: none;
}
section.if-search .ui.category.search .results,
section.if-search .ui.left.icon.input {
  width: 100%;
}
section.if-search .ui.category.search .results .name,
section.if-search .ui.category.search .results .title {
  font-size: 1.4em;
}
figcaption.sub-title {
  margin: 4px 0;
  background-color: #f8f8f8;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 12px;
}
figcaption.sub-title.wash-1x,figcaption.sub-title.wash-2x  {
  background-color: #d5ecfa !important;
  width: 48%;
  display:inline-flex;
  flex-direction: column;
  color: #019de7!important;
  font-weight: bold;
}
figcaption.sub-title.wash-1x i, figcaption.sub-title.wash-2x i {
  color: #019de7!important;
  margin: 0 5px;
}
figcaption.sub-title.completed-wash i {
  color: #fff!important;
}
figcaption.sub-title.completed-wash  {
  background-color: #019de7!important;
  color: #fff!important;
}
figcaption.sub-title.masksize-MEDIUM {
  background: #252525;
  color: #ffffff;
  font-weight: bold;
}
figcaption.sub-title.masksize-SMALL {
  background: #1eb11a;
  font-weight: bold;
  color: #fff;
}
.ppe-by-set .ab-block-layout-column {
  display: contents;
  width: 100%;
}
figcaption.sub-title.masksize-LARGE {
  background: #d10001;
  font-weight: bold;
  color: #fff;
}
.ifd-article .entry-header .entry-title span {
  width: auto;
  display: flex;
}
.ui-autocomplete.ui-front {
  z-index: 9999;
}
.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper:hover,
.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  color: #000000;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.ppe-select-options {
  padding: 10px 20px !important;
}
.ppe-select-options select {
  width: 100%;
  line-height: 25px;
  color: #ffffff;
  font-size: 17px;
  padding: 0px !important;
  height: 100%;
}
.editor-other-fields {
  background: #ffffff;
  max-width: 800px;
  margin: auto;
  padding: 15px;
  position: relative;
}
.editor-other-fields .is-style-outline {
  width: 24%;
  padding: 5px 15px;
  text-align: center;
  display: block;
  float: left;
}
.editor-other-fields .is-style-outline select {
  width: 100%;
  border: none;
  padding: 10px 0;
  min-height: 41px;
}
.editor-other-fields .ppe-select-options {
  width: 100%;
  margin: 0;
}
.editor-other-fields .is-style-outline input {
  width: 100%;
  background: #2a99c8 !important;
  color: #ffffff !important;
  text-align: center;
  min-height: 41px;
  border-radius: 5px !important;
  -webkit-appearance: none;
  -webkit-border-radius: 5px !important;
  border: none;
  outline: none !important;
}
.editor-other-fields .is-style-outline input::placeholder {
  color: #ffffff;
}
#change_to_piece::placeholder {
  color: #ffffff !important;
}
.editor-other-fields .save-fields .orther-ppe-submit-btn {
  border-radius: 5px !important;
  -webkit-appearance: none;
  -webkit-border-radius: 5px !important;
  border: none;
  outline: none !important;
}
.editor-other-fields .save-fields {
  display: block;
  text-align: center;
  width: 100%;
}

section.if-search .ui.category.search .results .title span {
  display: -webkit-inline-box;
  margin-right: 5px;
}
section.if-search .ui.category.search .results .title label {
  width: 30px;
  height: 30px;
  margin-right: 5px;
}
section.if-search .ui.category.search .results {
  overflow: auto;
  max-height: 450px;
}
section.if-search .ui.category.search .results .title span.subdetails {
  font-weight: 500;
  color: #ccc;
}
#ppe-logs-table_paginate .paginate_button,
#ppe-logs-table_paginate > a.fg-button {
  border-radius: 5px !important;
  -webkit-appearance: none;
  -webkit-border-radius: 5px !important;
  border: none;
  outline: none !important;
}
#ppe-logs-table_paginate .fg-button {
  color: #333 !important;
  opacity: 1;
  border-radius: 5px !important;
  -webkit-appearance: none;
  -webkit-border-radius: 5px !important;
  border: none;
  outline: none !important;
  padding: 0.5em 1em;
}
#ppe-logs-table_paginate > a.fg-button {
  background: #ffffff;
}
#ppe-logs-table_paginate .paginate_button:hover,
#ppe-logs-table_paginate .fg-button:hover,
#ppe-logs-table_paginate .ui-state-disabled:hover,
.ifd-people-article .entry-content .pagination a:hover {
  color: #ffffff !important;
  background: #666666;
}

#ppe-logs-table tfoot th {
  border-top: none;
  padding: 15px;
  background-color: #ffffff !important;
  border-right: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
}
section.if-search .ui.category.search .results .title span.search-ppe-sets,
section.if-search .ui.category.search .results .title span.search-other-ppe {
  color: #ccc;
  font-weight: 500;
}
section.if-search .ui.category.search .results .title span.search-ppe-sets {
  width: 100%;
  color: #ccc;
  font-weight: normal;
}

.single-vehicles .people-submit-btn {
  font-size: 17px;
  line-height: 23px;
}
.ui-datepicker.only-year .ui-datepicker-month {
  display: none;
}
.single-vehicles details input::placeholder {
  color: #ffffff;
}
.ppe-select-options.vehicles-selector {
  margin: 0;
  max-width: 200px;
  width: 90%;
  display: inline-block;
  text-transform: uppercase;
}
.ppe-select-options.vehicles-selector select {
  font-size: 17px;
  padding: 10px 20px;
  line-height: 21px;
}
.single-vehicles details .is-style-stripes a {
  color: #ffffff !important;
  text-align: center;
  min-height: 41px;
  width: 100%;
  max-width: 200px;
  border-radius: 5px !important;
  -webkit-appearance: none;
  -webkit-border-radius: 5px !important;
  border: none;
  outline: none !important;
  font-size: 17px;
  padding: 11px 20px;
}
.single-vehicles details input {
  background: #2a99c8 !important;
  color: #ffffff !important;
  text-align: center;
  min-height: 41px;
  width: 100%;
  max-width: 200px;
  font-weight: 700;
  font-size: 17px;
}
.iz-accordion-ppe table tr td input::placeholder {
  color: #ffffff;
}
.iz-accordion-ppe table tr td input,
.single-vehicles details input {
  border-radius: 5px !important;
  -webkit-appearance: none;
  -webkit-border-radius: 5px !important;
  border: none;
  outline: none !important;
}
.iz-accordion-ppe table tr td input {
  width: 90%;
  background: #2a99c8;
  color: #ffffff !important;
  text-align: center;
  border: none;
  min-height: 41px;
  font-weight: 700;
  font-size: 17px;
}
.iz-accordion-ppe table tr td .ppe-select-options {
  margin: 0;
}
.iz-accordion-ppe table tr td .ppe-select-options select {
  padding: 10px 20px;
}
.type-mask .iz-accordion-ppe table tr td .ppe-select-options select,
.page-template-unassigned-mask
  .iz-accordion-ppe
  table
  tr
  td
  .ppe-select-options
  select {
  font-size: 17px;
}
.iz-accordion-ppe table tr td {
  width: 25%;
  text-align: center;
}
.type-mask .iz-accordion-ppe table tr td {
  width: 20%;
}
.ifd-article .assign_to_firefighter {
  margin: 0;
}
.ifd-article .iz-accordion-ppe .assign_to_firefighter {
  position: relative;
  display: inline-block;
  width: 90%;
  margin-top: 10px;
}
.ifd-article .iz_link_to_product {
  padding: 0;
  width: 100%;
}
.ifd-article .assign_to_firefighter input {
  font-size: 17px;
  padding: 10px 20px;
}
.izw-submit-after-edit {
  border-radius: 5px;
}
.iz-accordion-ppe table tr td input:focus {
  background: #2a99c8;
}
.iz-accordion-ppe table {
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0;
}

.sub-airpack-check a {
  background-color: #666666;
  color: #ffffff;
  font-weight: 700;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  font-size: 17px;
  width: 100%;
  display: inline-block;
}
.ppe-by-set .wp-block-image a {
  display: inline-flex;
}
.ppe-by-set .ab-block-layout-column img {
  display: block;
  margin: auto;
  box-shadow: none;
  border: none;
  height: 185px;
}
.mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-ready {
  top: 0 !important;
  position: fixed !important;
}
.ifd-scrollto-timeline .scroll-content {
  max-width: 800px;
  margin: auto;
  text-align: center;
  padding: 5px;
  background: #f2f2f2;
  border-radius: 5px;
  margin-top: 8px;
  padding: 10px 15px;
}
.daily-top .txt-results-null {
  text-align: center;
  margin-bottom: 10px;
}
.daily-top .txt-results-null span {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: -1px;
  color: #ffffff;
  background-color: #828282;
  border-radius: 5px;
  padding-top: 10px;
  padding-right: 25px;
  padding-bottom: 10px;
  padding-left: 25px;
  display: inline-block;
}
.ifd-scrollto-timeline .scroll-content a {
  color: #000000 !important;
  display: inline-flex;
}
.ifd-scrollto-timeline .scroll-content a:hover {
  color: #2a99c8 !important;
}

.ifd-article .iz_link_to_product.regulator-image img {
  width: auto;
  float: none;
}
.daily-top table.wp-block-table.is-style-stripes {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.daily-top table input {
  background-color: #2a99c8 !important;
  color: #ffffff;
  font-weight: 700;
  border: none;
  border-radius: 5px;
  max-width: 350px;
  width: 100%;
  text-align: center;
}
.daily-top table input::placeholder {
  color: #ffffff;
}
.daily-items {
  display: inline-block;
  width: 100%;
}
.daily-item {
  background-color: transparent;
  width: 24.9%;
  border-right: 1px solid #f1f1f1;
  float: left;
  display: block;
}
.daily-item:last-child {
  border-right: none;
}
.daily-item img {
  max-height: 200px;
}
.daily-item label {
  position: relative;
  width: 100%;
  height: 270px;
  text-align: center;
  -webkit-transition: -webkit-transform 0.8s;
  -moz-transition: transform 0.8s;
  -o-transition: transform 0.8s;
  transition: transform 0.8s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 900000px;
  perspective: 900000px;
  display: block;
}
.daily-item input[type="checkbox"]:checked + label {
  -webkit-transition: rotateY(180deg);
  -moz-transition: rotateY(180deg);
  -ms-transition: rotateY(180deg);
  -o-transition: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-perspective: 900000px;
  perspective: 900000px;
  z-index: 2;
}
.daily-item label .status-fix.status {
  -webkit-transition: rotateY(180deg);
  -moz-transition: rotateY(180deg);
  -ms-transition: rotateY(180deg);
  -o-transition: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-perspective: 900000px;
  perspective: 900000px;
}
.daily-item .status {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.daily-item .desc-status {
  width: 50%;
  font-weight: 700;
  font-size: 50px;
  margin: 100px auto 0;
  border-radius: 5px;
}
.ifd-scrollto-timeline .scroll-content a i.fas {
  position: relative;
  font-size: 30px;
  margin: 0 5px;
  line-height: 24px;
}

span.border-between {
  border-left: 1px solid #c6c6c6;
  width: 1px;
  display: inline-block;
  height: 34px;
  top: 4px;
  margin: -5px 10px;
  position: relative;
}
#ppe-logs-table_length select,
.dataTables_wrapper .dataTables_filter input {
  background: #fafafa !important;
}
#ppe-logs-table tr td.shift-col,
#ppe-logs-table tr td.status-col {
  text-align: center;
}
.daily-item .status-ok .desc-status {
  color: #ffffffff;
  background: #08a908;
}
.daily-item .status-fix .desc-status {
  background: #ff9d42;
  color: #ffffff;
}
.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper {
  padding: 3px 15px;
  font-size: 20px;
}
.ui-autocomplete {
  font-family: "Open Sans", sans-serif !important;
}
.daily-input p {
  margin-bottom: 10px;
}
.daily-save-fields {
  margin: 10px 0;
}
.daily-save-fields input {
  border-radius: 5px;
}
.daily-input #assign_to_firefighter {
  max-width: 400px;
  width: 100%;
}
.daily-bottom {
  margin-top: 20px;
}
.daily-bottom .daily-details {
  margin-bottom: 20px;
}
.ticket-btn label {
  cursor: pointer;
  padding: 10px 20px;
  color: #666;
  font-weight: bold;
  font-size: 17px;
  border-radius: 5px;
  background: #cccccc7a;
  border: none;
  display: inline-block;
}

.log-author-detail {
  position: relative;
  border-color: #2a99c8;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  background: #2a99c8;
  padding: 10px;
  border-radius: 5px;
  display: inline-block;
  line-height: 23px;
  margin-top: 5px;
  font-size: 17px !important;
}
.log-author-detail:hover {
  background: #2a99c8;
}
.log-btn-field input:hover {
  background-color: #666666 !important;
}
.scba-step-content .ticket-data {
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
}
.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #212529;
  background-color: #f8f9fa;
  position: relative;
  top: -1px;
}
.show-author-details {
  display: none;
}
.log-author-detail.show-author .show-author-details {
  width: auto;
  height: auto;
  clip: auto;
  background: #2a99c8;
  left: -50%;
  top: 35px;
  border-radius: 0.25rem;
  padding: 0.375rem 0.75rem;
  font-size: 14px;
  line-height: 1.5;
  display: block;
  position: absolute;
  z-index: 2;
}
#open-same-issues {
  max-width: 600px;
  margin: auto;
  background: #ffffff;
  padding: 30px;
  text-align: center;
  position: relative;
  border-radius: 5px;
}
#after-mark-completed .next-step {
  margin-top: 20px;
  font-weight: normal;
}
#after-mark-completed {
  text-align: left !important;
}
#after-mark-completed h2 {
  font-weight: 900;
  color: #000;
  font-size: 30px!important;
}
.next_step p span {
  font-weight: 400!important;
}
#Open-item-parts,
#after-mark-completed,
#Open-login-popup,
#Open-request-refill-popup,
#Open-request-edit-popup,
.ifd-main-popup {
  background: #eaeaea;
  color: black;
  max-width: 650px;
  margin: auto;
  padding: 30px;
  text-align: center;
  position: relative;
  border-radius: 5px;
}
#Open-item-parts .mfp-close,
#after-mark-completed .mfp-close,
#Open-login-popup .mfp-close,
#Open-request-refill-popup .mfp-close,
#Open-request-edit-popup .mfp-close,
.ifd-main-popup .mfp-close {
  font-size: 25px;
  opacity: 1;
}
#after-mark-completed h2 {
  margin-bottom: 10px;
}
#after-mark-completed .open_add_log {
  background-color: #2a99c8;
  border-radius: 5px;
  padding: 10px 20px;
  display: inline-block;
  color: #ffffff !important;
  font-size: 17px;
}
#after-mark-completed p {
  margin-top: 10px;
  margin-bottom: 0;
}
.itempart-back-field {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  left: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 1;
  cursor: pointer;
}
.itempart-header .itempart-title label {
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
}
.before-add-part .itempart-header .itempart-title label {
  font-size: 30px;
  line-height: 1.2em;
  font-weight: 300;
  text-transform: none;
}
.itempart-header .itempart-title h2 {
  margin-bottom: 10px;
}
.itempart-header .itempart-title h2 span {
  font-weight: bold;
  text-transform: uppercase;
}
.itempart-ticket {
  margin-top: 15px;
  font-size: 20px;
  line-height: 20px;
}
.itempart-title {
  padding: 0 15px;
}
.itempart-title strong {
  width: 100%;
  display: inline-block;
}
.itempart-laststep {
  padding: 10px 15px;
  border-radius: 5px;
}
.itempart-step .scba-add-ticket label {
  background: #ff9d42;
  border-radius: 5px;
  padding: 10px 20px;
  cursor: pointer;
  width: 40%;
  margin: 5px;
  display: inline-block;
  color: #fff;
}
.itempart-step .scba-add-ticket label.label-pack-history {
  background: none;
}
.before-add-part .scba-add-ticket,
.scba-step-content .ticket-data .is-mask-issue {
  width: 58%;
  background: #ff9d42;
  border-radius: 5px;
  padding: 10px 5px;
  cursor: pointer;
  display: inline-block;
  color: #fff;
}
.before-add-part .scba-add-ticket .maintext,
.before-add-part .scba-add-ticket .submaintext {
  width: 100%;
  display: inline-block;
  text-align: center;
}
.scba-step-content .ticket-data .is-mask-issue a {
  color: #ffffff;
}
.before-add-part .scba-mark-completed {
  width: 38%;
}
.before-add-part .scba-mark-completed strong {
  width: 100%;
  display: block;
}
.before-add-part .scba-add-ticket,
.scba-step3.itempart-step .scba-add-ticket,
.scba-add-ticket.need-login-by-psid,
.scba-add-ticket.request-refill-by-psid,
.request-air-ticket-by-psid,
.scba-add-ticket.ifd-save-button {
  background: #ff9d42;
  border-radius: 5px;
  padding: 10px 20px;
  cursor: pointer;
  max-width: 400px;
  width: 100%;
  margin: 5px;
  display: inline-block;
  color: #fff;
}
div.scba-mark-completed {
  background: #1eb11a;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 10px;
  cursor: pointer;
  margin-right: 5px;
  display: inline-block;
  color: #fff;
}
#ppe-logs-table_paginate span .paginate_button.current,
#ppe-logs-table_paginate span .ui-state-disabled {
  color: #ffffff !important;
  background-color: #666666 !important;
}
.itempart-addother {
  background: #ff9d42;
}
.itempart-markcompleted {
  background: #1eb11a !important;
}
.scba-step1.itempart-step .added div.scba-mark-completed {
  display: none;
}
.scba-step1.itempart-step .added .scba-add-more {
  background: #ff9d42;
  border-radius: 5px;
  padding: 10px 20px;
  cursor: pointer;
  display: inline-block;
}
.itempart-header .itempart-title label .last-step-title {
  font-size: 30px;
  line-height: 1.2em;
  font-weight: 300;
  text-transform: none;
  display: inline-block;
  width: 100%;
}
.itempart-back-field label {
  cursor: pointer;
}
td.dailypacks a.izw-log-txt:hover {
  background: #2a99c8;
}
.scba-step-content .ticket-data .itempart-markcompleted {
  width: 40%;
}
.scba-step-content .ticket-data label.itempart-markcompleted {
  width: 40%;
}
.scba-step-content .ticket-data .itempart-markcompleted strong {
  width: 100%;
  display: inline-block;
}
.scba-step-content .ticket-data div.itempart-addother {
  width: 58%;
  background: #ff9d42;
  border-radius: 5px;
  padding: 10px;
  cursor: pointer;
  display: inline-block;
  color: #fff;
  margin: 0;
}
.scba-step-content .ticket-data div.itempart-addother .maintext {
  display: block;
}
.scba-step1.itempart-step,
.scba-step3.itempart-step {
  max-width: 500px;
  margin: auto;
  display: inline-block;
  width: 100%;
}
.scba-step-content {
  display: inline-block;
  width: 100%;
}
.scba-add-inventory span.location {
  font-weight: bold;
}
.scba-add-inventory {
  background: #ff9d42;
  border-radius: 5px;
  display: inline-block;
  padding: 5px 20px;
  margin: 0 5px;
  line-height: 22px;
  color: #fff;
}
.scba-add-inventory span:last-child {
  font-size: 15px;
  line-height: 22px;
}
.scba-step-content label {
  cursor: pointer;
  display: inline-block;
  width: 100%;
}
.scba-step2 .scba-step-content label {
  width: auto;
  margin-bottom: 10px;
}
.scba-step-subtitle {
  margin-bottom: 10px;
}
.scba-step-subtitle h2 {
  text-align: center;
}
#Open-login-popup .tsu-pw, #Open-request-refill-popup .tsu-pw {
  width: 100%;
  max-width:400px;
  text-align:center;
}
.mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-ready {
  z-index: 9999;
}
.scba-step2 .scba-step-content label.scba-outstock .scba-add-inventory {
  background: #dcdcdc;
}
.add-opacity {
  opacity: 0.2 !important;
}
/*popup assign tsu or amo pack*/
.single-airpack .mfp-content,
.single-ritpack .mfp-content,
.single-mask .mfp-content,
.single-regulator .mfp-content,
.single-ppe .mfp-content {
  width: max-content !important;
}
.washed-note-save {
  width: max-content !important;
  margin-top: 10px;
  margin-bottom: 10px;
}
.service_status_save,
.washed-note-save {
  border: none !important;
  background: #666 !important;
  cursor: pointer;
  padding: 10px 15px;
  color: #fff;
  border-radius: 5px !important;
  display: inline-block;
  font-weight: bold;
  font-size: 17px !important;
  width: 100%;
  text-align: center;
}
.after-out-of-service-option .wp-block-column {
  border-radius: 5px;
  cursor: pointer;
  width: 150px;
  padding: 10px;
  background-color: #efefef;
}
.after-out-of-service-option .wp-block-column .sub-option {
  font-size: 12px;
  letter-spacing: 1px;
  height: 10px;
  margin-top: -7px !important;
  display: block;
  color: #aaa;
}
.after-out-of-service-option span.main-option {
  font-weight: 900;
  letter-spacing: -2px;
  font-size: 36px;
}
div.assign-popup.white-popup {
  height: 240px;
}

i.fad.fa-exchange-alt,
i.fas.fa-exchange-alt,
i.fas.fa-trash-alt {
  font-size: 40px;
  padding: 20px;
  margin-top: -20px;
}
/*DELETE button*/
#delete-post-confirmation a.ifd-button.confim-deleted {
  font-size: 30px !important;
  font-weight: 900;
  letter-spacing: -1px;
  background: #d12600 !important;
  padding: 10px;
  display: block;
  border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #fff;
}

/*DELETE popup title*/
#delete-post-confirmation .confirm-subtitle h2 {
  font-weight: 900;
  text-transform: uppercase;
  font-size: 30px;
  letter-spacing: -2px;
  margin-top: -10px;
}

#delete-post-confirmation p label {
  display: block;
  margin-bottom: 10px;
  color: #aaa;
}

#delete-post-confirmation input.typebox {
  text-align: center;
}

#Open-assign-loanerpack,
#Open-assign-mask,
#Open-assign-ppe,
#Open-assign-thermal {
  background: #fff;
  width: max-content;
  padding: 35px;
  border-radius: 5px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.midle-save-button .ifd-submit-after-edit:hover {
  background: #d10001 !important;
}
.save-loanerpack {
  font-size: 17px !important;
  border-radius: 5px;
  width: 35%;
}
#tsu_amo_pack {
  border-radius: 5px;
  width: 55%;
  margin-right: 5px;
}
/*end*/
a.editor_change_to_piece.editor {
  display: inline-block;
  width: 30px;
  font-size: 22px;
  line-height: 30px;
  color: rgb(169, 168, 168) !important;
}
.ticket-desc {
  font-size: 17px;
  padding: 5px 0;
  margin: 5px 0;
  display: inline-block;
  min-width: 300px;
  border-radius: 5px;
  width: 100%;
}
.ticket-header {
  text-transform: uppercase;
}
.ticket-header span {
  display: inline-block;
  border-right: 1px solid;
  height: 22px;
  top: 5px;
  position: relative;
}
.ticket-sub-desc {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
}
.ticket-top-desc {
  max-width: 500px;
  margin: auto;
  background: #ff9d42;
  color: #ffffff;
  border-radius: 5px;
  padding: 10px 16px;
}
.ticket-left-desc {
  float: left;
  width: 75%;
  text-align: left;
  padding-right: 10px;
}
.ticket-left-right {
  float: right;
  width: 20%;
  background: #ffffff;
  color: #ff9d42;
  font-weight: 700;
  border-radius: 5px;
  padding: 5px;
  font-size: 15px;
  line-height: 20px;
  cursor: pointer;
}
.ifd-loadding {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ececece0;
  border-radius: 5px;
  z-index: 1050;
}
.ifd-loadding-gif {
  background: url("images/Spinner.svg");
  background-size: 100% 100%;
  height: 100px;
  width: 100px;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
}
.itempart-title h1 {
  margin-bottom: 15px;
  font-weight: 700;
}
label.ticket-same-issue {
  cursor: pointer;
}
.ticket-left-right span {
  font-size: 21px;
}
.ticket-sub-desc {
  margin-bottom: 10px;
}
.scba-step4 .scba-step-content label {
  min-width: 160px;
  margin: 0 5px;
  width: auto;
}

.show-dots-number {
  margin-bottom: 10px;
}
.btm-same-issue {
  max-width: 500px;
  margin: auto;
  display: inline-block;
  width: 100%;
}
.ticket-btn {
  float: left;
}
.sameissue-custom-dots {
  display: block;
  float: right;
  padding: 5px 0;
  height: 45px;
}
.show-dots-number .owl-dots {
  counter-reset: dots;
  display: inline-block;
}
.show-dots-number .owl-dots .owl-dot.active {
  background-color: #666666;
}
.show-dots-number .owl-dot:before {
  counter-increment: dots;
  content: counter(dots);
}
.show-dots-number .owl-dots span {
  display: none !important;
}
.show-dots-number .owl-nav {
  display: none;
}
.show-dots-number button {
  border-radius: 5px;
  margin: 0 2px;
  background-color: #cccccc7a;
  padding: 5px 10px;
  color: #666666;
  font-size: 15px !important;
}
.show-dots-number button.btn {
  background: #2a99c8;
}
.show-dots-number button:hover,
.show-dots-number button.btn:hover {
  background-color: #000000;
}
.show-dots-number button.active {
  color: #ffffff;
}
/*tool_tips scba*/
.tooltip {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.tooltip_note {
  font-weight: normal;
}
.help-tip {
  text-align: center;
  font-size: 17px;
  margin-left: 10px;
  cursor: default;
  margin-bottom: 20px;
}
.help-tip img {
  position: absolute;
  clip: rect(0px, 300px, 155px, 0px);
  margin-top: 10px;
}
.help-tip i {
  font-weight: bold;
  color: #eaeaea;
  font-size: 40px;
}

.help-tip:hover p {
  display: block;
  transform-origin: 100% 0%;

  -webkit-animation: fadeIn 0.3s ease-in-out;
  animation: fadeIn 0.3s ease-in-out;
}

.help-tip p {
  /* The tooltip */
  display: none;
  text-align: left;
  background-color: #eaeaea;
  padding: 20px;
  width: 340px;
  height: 260px;
  position: absolute;
  border-radius: 3px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  color: #000;
  font-size: 13px;
  line-height: 1.4;
  z-index: 1;
  font-weight: bold;
  letter-spacing: -0.5px;
}

/*.help-tip p:before{ !* The pointer of the tooltip *!
    position: absolute;
    content: '';
    width:0;
    height: 0;
    border:6px solid transparent;
    border-bottom-color:#eaeaea;
    left:5px;
    top:-12px;
}*/

.help-tip p:after {
  /* Prevents the tooltip from being hidden */
  width: 100%;
  height: 40px;
  content: "";
  position: absolute;
  top: -40px;
  left: 0;
}

/* CSS animation */

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: scale(0.6);
  }

  100% {
    opacity: 100%;
    transform: scale(1);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}
/*end*/
.pack-title span {
  display: inline-block;
  border: 1px solid;
  height: 45px;
  position: relative;
  top: 8px;
}
.daily-input #assign_to_firefighter::placeholder {
  color: #666666;
}
.describe-problem {
  border-radius: 5px;
}
.describe-problem.need-describe {
  border-color: red;
}
.daily-input #assign_to_firefighter {
  max-width: 400px;
  width: 100%;
  font-weight: normal;
  color: #666666;
  border: 1px solid #cccccc;
  background-color: #fafafa;
}

#daily-check-issue {
  background: white;
  padding: 20px 40px 20px 40px;
  margin-top: 20px;
  position: relative;
}

.daily-save-fields .btn {
  padding: 11px 20px;
  font-size: 17px !important;
  border-radius: 5px;
  background: #666666;
  color: #ffffff;
  font-weight: 700;
  line-height: 21px;
  margin-right: 5px;
  cursor: pointer;
}
.single-airpack .admin_login .dt-buttons {
  display: block !important;
}
.single-airpack .dt-buttons {
  display: none !important;
}
#ppe-logs-table a.same-tickets {
  background: #ff9d42;
}
#ppe-logs-table td.td-same-tickets {
  background: #ff9d42;
  color: #ffffff;
}
#open-problem-desc {
  background: #eaeaea;
  color: black;
}
a.same-tickets.checked-ok {
  background: #1eb11a !important;
  pointer-events: none !important;
}
a.checked-ok.open-describe-problem {
  pointer-events: all !important;
}
#open-problem-desc .mfp-close {
  opacity: 1;
  font-size: 20px;
}
.continue-edit-ticket {
  background: #ff9d42;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 10px 20px;
  cursor: pointer;
  max-width: 400px;
  margin: auto;
  width: 60%;
  display: inline-block;
  color: #fff;
}
th.shift-col {
  width: 50px !important;
}
th.status-col {
  width: 60px !important;
}
#ppe-logs-table td.ifd-desc-warning {
  background: #d10001;
  color: #ffffff;
}
#ppe-logs-table_wrapper .dt-buttons .dt-button,
#table-checked_ok_wrapper .dt-buttons .dt-button,
#table-fix_requested_wrapper .dt-buttons .dt-button,
#table-not_checked_wrapper .dt-buttons .dt-button {
  border-radius: 5px !important;
  -webkit-appearance: none;
  -webkit-border-radius: 5px !important;
  border: none;
  outline: none !important;
  background: #666666 !important;
  line-height: 25px;
}
#ppe-logs-table_wrapper .dt-buttons,
#table-checked_ok_wrapper .dt-buttons,
#table-fix_requested_wrapper .dt-buttons,
#table-not_checked_wrapper .dt-buttons {
  margin-bottom: 10px;
  left: 0;
  display: block;
  float: left;
  width: 100%;
}
#ppe-logs-table_wrapper .dt-buttons > div,
#table-checked_ok_wrapper .dt-buttons > div,
#table-fix_requested_wrapper .dt-buttons > div,
#table-not_checked_wrapper .dt-buttons > div {
  float: left;
  font-size: 20px;
  margin-right: 20px;
  margin-top: 10px;
  font-weight: 300;
}
.ifd-article div[id*="paginate"],
.ifd-article div[id*="info"] {
  font-size: 17px;
}
.list-parts-on-left {
  position: absolute;
  left: -255px;
  display: inline-block;
  top: 0;
  text-align: center;
}
#list-parts {
  position: fixed;
  width: 240px;
  background: #ffffff;
}
#list-parts .list-group-item {
  width: 100%;
  display: inline-block;
  padding: 15px 5px;
  color: #000;
  border-bottom: 1px #c6c6c6 solid;
  text-transform: uppercase;
}
#list-parts .list-group-item:last-child {
  border-bottom: none;
}
#list-parts .list-group-item.active {
  background: #d10001;
  color: #ffffff;
}
.list-parts-on-left.active #list-parts {
  top: 40px;
}
tr .details-control {
  cursor: pointer;
  width: 30px;
  float: left;
  margin-left: 10px;
  height: 25px;
}
tr .details-control .fa-minus-square {
  display: none;
}
tr.shown .details-control .fa-minus-square {
  display: inline-block;
}
tr.shown .details-control .fa-plus-square {
  display: none;
}
.ifd-article a.izw-log-txt {
  color: #ffffff !important;
}
.ifd-article .dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 10px 20px;
}
.ifd-table-dl th,
.ifd-table-dl td {
  padding: 15px !important;
}
.ifd-article {
  position: relative;
}

.loaner_from_station {
  max-width: 480px;
}
#loaner_from,
#loaner_from::placeholder {
  font-weight: bold;
  color: #ffffff;
  border: none;
  border-radius: 5px;
  width: 90%;
}

a.url_loaner_from {
  width: 100% !important;
  float: left;
}
.single-ppe a.url_loaner_from, .single-ppe a.url_to_loaned_to {
  float: none;
  margin: 0 auto;
}
.sub-airpack-check a {
  color: #fff !important;
}
.ifd-toggle-listparts {
  position: absolute;
  right: -40px;
  top: 0;
  background: #ffffff;
  width: 40px;
  height: 40px;
  padding-top: 6px;
  text-align: center;
  border: 1px solid #c6c6c6;
}
.ifd-toggle-listparts .fa-times {
  display: none;
  padding-top: 5px;
}
.ifd-toggle-listparts.active .fa-align-justify {
  display: none;
}
.ifd-toggle-listparts.active .fa-times {
  display: block;
}
.daily-bottom .daily-details.bottle-problem {
  text-align: center;
}
.daily-bottom .daily-details.bottle-problem .bottle-issue {
  width: 40%;
  display: inline-block;
  margin: 0 10px;
}
.daily-bottom .daily-details.bottle-problem label {
  display: block;
  background: #efefef;
  color: #ffffff;
  border-radius: 5px;
  padding: 10px;
  font-weight: bold;
  cursor: pointer;
}
.daily-bottom .daily-details.bottle-problem label:hover,
.daily-bottom
  .daily-details.bottle-problem
  .bottle-issue
  input[type="radio"]:checked
  + label {
  background: #ff9d42;
}

.controls {
  margin-bottom: 15px;
  text-align: center;
}
.control {
  position: relative;
  display: inline-block;
}

.control-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  z-index: 2;
  pointer-events: none;
  display: none;
}
.control-field {
  position: relative;
  z-index: 1;
}

.grid {
  position: relative;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  margin-left: 10px;
}

.grid-demo .item-content .sublabel-borrow,
.grid-demo .item-content .sublabel-loaner,
.grid-demo .item-content .sublabel-lent,
.person-borrow-detail .right-infomation .pack-items .sublabel-borrow {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 20px;
  height: 20px;
  color: #ff3100;
  z-index: 1;
  line-height: 18px;
  text-align: center;
  border-radius: 20px;
  font-weight: bold;
  -ms-transform: rotate(-40deg);
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg);
}
.grid-demo .item-content .sublabel-loaner {
  color: #ff9d42;
}
.grid-demo .item-content .sublabel-lent {
  color: #ff9d42;
}
.person-borrow-detail .right-infomation .pack-items .pack-borrow-item {
  position: relative;
}
.grid-demo .item-content .sublabel-borrow i,
.person-borrow-detail .right-infomation .pack-items .sublabel-borrow i,
.grid-demo .item-content .sublabel-loaner i,
.grid-demo .item-content .sublabel-lent i {
  background: #ffffff;
  border-radius: 20px;
  border: none;
  font-size: 20px;
}
.grid-demo .item-content .sublabel-borrow.notdue,
.person-borrow-detail .right-infomation .pack-items .sublabel-borrow.notdue {
  color: #000000;
}
.grid-demo .item {
  position: absolute;
  width: 80px;
  height: 80px;
  line-height: 80px;
  margin: 0 0 10px 10px;
  z-index: 1;
}
.grid-demo .item.muuri-item-positioning {
  z-index: 2;
}
.grid-demo .item.muuri-item-placeholder {
  z-index: 2;
  margin: 0;
  opacity: 0.5;
}
.grid-demo .item.muuri-item-dragging,
.grid-demo .item.muuri-item-releasing {
  z-index: 9999;
}
.grid-demo .item.muuri-item-dragging {
  cursor: move;
}
.grid-demo .item.muuri-item-hidden {
  z-index: 0;
}
.grid-demo .item.h2 {
  height: 220px;
  line-height: 30px;
}
.grid-demo .item.w2 {
  width: 220px;
}
.grid-demo .item.h2.w1 .card-title {
  margin-top: 75%;
}
.grid-demo .item.h2.w2 .card-title {
  margin: 35% auto;
  width: 80%;
}
.grid-demo .item.h1.w1 .card-title {
  line-height: 30px;
  margin-top: 20%;
}
.grid-demo .item-content {
  position: relative;
  width: 100%;
  height: 100%;
}
.grid-demo .card {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  font-size: 18px;
  font-weight: normal;
  background-color: #787878;
  border: 2px solid #787878;
  color: #ffffff;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.grid-demo .item.ifd-bkg-white .card {
  background-color: #ffffff;
  color: #a9a9a9;
  border: 2px dashed #a9a9a9;
}
.grid-demo .card .card-title {
  position: relative;
  top: -2px;
  line-height: 24px;
  padding-top: 8%;
  font-size: 20px;
}
.grid-demo .card .card-title span,
.grid-station-demo .item .card-title span {
  font-size: 40px;
  line-height: 50px;
  font-weight: bold;
}
.grid-demo .item.muuri-item-placeholder .card {
  border-style: dashed;
}
.grid-demo .item.red .card {
  color: #f94a7a;
}
.grid-demo .item.green .card {
  color: #2ac06d;
}
.grid-demo .item.blue .card {
  color: #4a9ff9;
}
.grid-demo .ifd-pack-red .item-content .card {
  color: red;
  border-color: red;
}
.grid-demo .ifd-pack-blue .item-content .card {
  color: #4a9ff9;
  border-color: #4a9ff9;
}
.grid-demo .ifd-pack-black .item-content .card {
  color: #333;
  border-color: #333;
}
.grid-demo .ifd-pack-orange .item-content .card {
  color: orange;
  border-color: orange;
}

.grid-demo .ifd-bkg-orange .item-content .card {
  background: #e8743c;
  border-color: #e8743c;
}
.ifd-bkg-orange .item-content .card-title,
.ifd-bkg-green .item-content .card-title {
  color: #ffffff !important;
}
.ifd-bkg-green .item-content .card {
  background: #1eb11a;
  border-color: #1eb11a;
}

.ifd-current-pack .item-content .card {
  border: 5px solid rgb(119, 119, 119);
}
.ifd-current-pack .item-content .card .card-title {
  border-radius: 5px;
  top: -5px;
}
.ifd-current-pack {
  border-radius: 5px;
}
.ifd-current-cmt .card-sub-title {
  line-height: 20px;
  color: #ccc;
  font-size: 16px;
}
.grid-demo .card-id {
  position: absolute;
  left: 7px;
  top: 0;
  height: 30px;
  line-height: 30px;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
}
.grid-demo .card-remove {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  cursor: pointer;
}
.grid-demo .card:hover > .card-remove {
  display: block;
}
.item.muuri-item-dragging .card-remove,
.item.muuri-item-positioning .card-remove,
.item.muuri-item-releasing .card-remove,
.item.muuri-item-placeholder .card-remove {
  display: none;
}

#ppe-logs-table a.same-tickets.unclicked {
  pointer-events: none;
}
.grid-footer {
  margin: 60px 0;
  text-align: center;
}
.grid-footer .btn .material-icons {
  margin-right: 10px;
  font-size: 24px;
}
.daily-desc {
  position: relative;
  width: 100%;
  display: inline-block;
  margin-top: 15px;
  color: #7b7b7b;
}
.daily-desc p {
  margin-bottom: 5px;
  background: #f2f2f2;
  font-size: 18px;
  padding: 10px 15px;
  border-radius: 5px;
  display: inline-block;
  width: 100%;
}
.daily-pack-title {
  color: #c6c6c6;
}
.daily-bigger-title {
  text-align: center;
  font-weight: bold;
  color: #7b7b7b;
  font-size: 57px;
  line-height: 60px;
  letter-spacing: -5px;
}
.daily-bigger-title a {
  color: #7b7b7b !important;
}
.daily-desc p span.litle-line {
  position: relative;
  border-right: 1px solid;
  top: 4px;
  display: inline-block;
  height: 22px;
}
span.desc-field {
  width: 33.33%;
  display: block;
  float: left;
}
.desc-on-right {
  text-align: right;
}
span.desc-on-mid {
  text-align: center;
  cursor: pointer;
  padding-top: 3px;
}
.desc-on-right .item-ok {
  color: #006400;
}

.desc-on-right .item-fix {
  color: #ff9d42;
}

.desc-on-right .item-ok span {
  width: 22px;
  height: 22px;
  background: #006400;
  display: inline-block;
  position: relative;
  top: 4px;
  border-radius: 5px;
}
.desc-on-right .item-fix span {
  width: 22px;
  height: 22px;
  background: #ff9d42;
  display: inline-block;
  position: relative;
  top: 4px;
  border-radius: 5px;
}
.desc-on-right .item-notchecked span {
  width: 22px;
  height: 22px;
  background: #ffffff;
  display: inline-block;
  position: relative;
  top: 4px;
  border: 2px solid;
  border-radius: 5px;
}
.material-icons {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.control-icon .fal.fa-bus-alt:before {
  content: "";
  background: url("images/vehicles.svg");
  background-size: 100% 100%;
  width: 19px;
  height: 17px;
  display: block;
  position: relative;
  top: 2px;
}

.material-icons {
  display: inline-block;
  vertical-align: top;
  line-height: inherit;
  font-size: inherit;
}
.select-arrow {
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  z-index: 2;
  pointer-events: none;
}
.control.search {
  width: 100%;
  margin-bottom: 10px;
  padding: 0;
}

input.control-field.search-field.form-control {
  display: block;
  width: 100%;
  height: 45px;
  padding: 10px 20px 10px 40px;
  font-size: 17px;
  line-height: 23px;
  color: inherit;
  background: #fff;
  border: 2px solid #e5e5e5;
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  cursor: pointer;
}
.control.layout {
  margin-right: 0;
}
.control select.control-field {
  display: block;
  width: 100%;
  padding: 8px 40px 8px 20px;
  font-size: 17px;
  line-height: 25.5px;
  color: inherit;
  background: #fff;
  border: 2px solid #e5e5e5;
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  cursor: pointer;
}
section.grid-demo {
  margin-bottom: 30px;
}
section.grid-demo .grid-title {
  display: inline-block;
}
section.grid-demo .grid-title h2 {
  position: relative;
  top: 5px;
}
.ifd-article h2.subtitle-status {
  font-weight: bold;
  font-size: 25px;
}
.ifd-notice-field {
  color: #fff;
  padding: 10px 15px;
  border-radius: 5px;
}
.ifd-notice-success {
  background: #1eb11a;
}
.ifd-block-upload-gg {
  position: relative;
}
.ifd-block-upload-gg #filelist {
  margin: 0;
  display: inline-block;
  list-style: none;
  width: 100%;
}
.ifd-block-upload-gg #filelist li i.fa {
  color: #efefef;
  font-size: 24px;
  width: 24px;
  line-height: 24px;
  float: left;
  margin-right: 4px;
}
.ifd-block-upload-gg #filelist li {
  cursor: pointer;
  width: 94.5%;
  padding: 15px;
}
.ifd-block-upload-gg #filelist li:nth-child(odd) {
  background-color: #f3f4f5;
}
.ifd-block-upload-gg #filelist li.active i.fa {
  color: #2a99c8;
}
.ifd-block-upload-gg #filelist li code {
  font-size: 17px;
  line-height: 25.5px;
  font-family: "Open Sans", sans-serif;
  word-break: break-all;
}
.upload-file-to-drive .ifd-block-upload-gg #filelist li {
  width: calc(100% - 6px);
  padding: 3px;
  font-size: 13px;
  background-color: #f3f4f5;
  margin-bottom: 4px;
}
.upload-file-to-drive .ifd-block-upload-gg #filelist li code {
  font-size: 13px;
}
.ifd-block-upload-gg button,
.ifd-block-upload-gg .ifd-btn {
  border: none !important;
  background: #666 !important;
  cursor: pointer;
  padding: 10px 15px;
  color: #fff;
  border-radius: 5px !important;
  display: inline-block;
  font-weight: bold;
  font-size: 17px !important;
}
.ifd-block-upload-gg #console .updated,
.ifd-block-upload-gg #console .deleted {
  width: 97%;
  display: inline-block;
  background: #1fb118;
  padding: 10px;
  color: #fff;
}
.ifd-block-upload-gg #console {
  margin: 10px 0;
}
.ifd-block-upload-gg #gdwpm_tombol_bersih {
  width: 18%;
  margin-top: 10px;
}
.ifd-block-upload-gg #gdwpm_upload_container {
  display: inline-block;
  width: 100%;
}
.upload-file-to-drive .ifd-block-upload-gg #gdwpm_upload_container {
  display: none!Important;
}
.ifd-block-upload-gg #gdwpm_upload_container div {
  margin-bottom: 10px;
}
.gdwpm_start-deleteconfirm {
  float: right;
}
.gdwpm_start-rename {
  float: left;
}
.ifd-block-upload-gg .plupload-upload-ui {
  position: relative;
}
.ifd-block-upload-gg .drag-drop .drag-drop-inside {
  margin: 25px auto 0;
  width: 250px;
}
.upload-file-to-drive .ifd-block-upload-gg .drag-drop .drag-drop-inside {
  width: auto;
}
.uploadfile-box .ifd-block-upload-gg #gdwpm_tombol_bersih {
  width: 25%;
  min-width: 120px;
}
.uploadfile-box .ifd-block-upload-gg li span {
  display: inline-block;
  font-size: 17px;
  color: #000000;
  font-weight: normal;
}
.iz_link_to_product .ab-accordion-title {
  color: #000000;
  text-align: left;
}
.uploadfile-box .ifd-block-upload-gg #filelist {
  text-align: left;
  color: #000000;
}
.uploadfile-box .ifd-block-upload-gg #console {
  color: #000000;
}
.uploadfile-box .ifd-block-upload-gg {
  text-align: left;
}
.ifd-block-upload-gg .drag-drop .drag-drop-area {
  border: 4px dashed #b4b9be;
  height: 265px;
}
.upload-file-to-drive .ifd-block-upload-gg .drag-drop .drag-drop-area {
  height: 130px;
  margin-bottom: 10px;
}
.borrowed-pack-info div {
  display: inline-block;
}
.borrowed-pack-info .b-pack-title a {
  background-color: #666666;
  color: #ffffff !important;
  padding: 10px;
  display: inline-block;
  border-radius: 5px;
  font-weight: bold;
}
#assign_to_borrowed::placeholder {
  color: #ffffff;
}
#assign_to_borrowed {
  color: #ffffff;
  font-weight: 700;
  border: none;
  border-radius: 5px;
  width: 100%;
  background-color: #666666 !important;
}
#save-borrow-person {
  border-radius: 5px !important;
  -webkit-appearance: none;
  -webkit-border-radius: 5px !important;
  border: none;
  outline: none !important;
  font-size: 17px !important;
}
.loaned_person_info {
  margin-bottom: 10px;
}
.loaned_title {
  width: 100%;
  float: left;
  display: block;
  margin-bottom: 10px;
  text-align: center;
  color: rgb(50, 55, 60);
}
.loaned_person .url_to_borrowed {
  background-color: #666666 !important;
  font-weight: 700;
  border: none;
  padding: 10px 0;
  width: 90%;
  font-size: 17px;
  line-height: 25.5px;
  display: inline-block;
  border-radius: 5px;
  color: #ffffff !important;
}
.loaned_information {
  margin-top: 10px;
  background: #f2f2f2;
  padding: 10px;
  text-align: left;
  border-radius: 5px;
}
.person-borrow-detail .right-infomation .pack-items p {
  margin-bottom: 10px;
}
.loaned_information div {
  display: inline-block;
  width: 49%;
  color: #32373c;
}
.pass-due-date {
  background: #ff3100;
  display: inline-block;
  margin-top: 10px;
  width: 98%;
  padding: 10px 0 10px 10px;
  text-align: center;
  border-radius: 5px;
  font-weight: bold;
}
.loaned_person .editor_borrowed {
  color: #a9a8a8 !important;
  font-size: 22px;
  margin: 0 2px;
}
.borrowed-pack-info .b-pack-duedate.active .sue-icon-text-icon i {
  color: #666666;
}
.borrowed-packs {
  display: table;
  width: 100%;
  margin-bottom: 10px;
}
.borrowed-pack-info div.b-pack-title span {
  display: inline-block;
  min-width: 62px;
}
.borrowed-pack-info:first-child {
  height: 45px;
}
.borrowed-pack-info .b-pack-duedate .sue-icon-text-icon {
  cursor: pointer;
}
.borrowed-pack-info:nth-child(odd) {
  background: #f2f2f2;
}
.borrowed-pack-info {
  margin-bottom: 5px;
  display: table-row;
}
.borrowed-pack-info > div {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}
.search-details .save-fields {
  margin-bottom: 10px;
}
#add-borrow-items {
  border: 4px dashed #b4b9be;
  height: 100px;
  display: table;
  width: 100%;
}
#borrow-items-detail {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #a0a5aa;
}
#borrow-items-detail i {
  border-radius: 20px;
  border: 2px solid;
  padding: 4px;
  font-size: 15px;
  line-height: 14px;
  margin-right: 4px;
}
.search-details {
  padding: 10px 15px;
}
#save-borrow-packs,
#edit-borrow-packs {
  border-radius: 5px;
  font-size: 17px !important;
  line-height: 23px;
}
.search-details .search-select {
  margin-bottom: 10px;
}
#borrow-items-detail p.drag-drop-info {
  cursor: pointer;
}
.ifd-block-upload-gg #filelist li a {
  color: #2a99c8;
}
.ifd-block-upload-gg .drag-drop .drag-drop-inside p,
.ifd-block-upload-gg .drag-drop-inside p.drag-drop-buttons {
  display: block;
}

.ifd-block-upload-gg .drag-drop-inside p.drag-drop-info {
  font-size: 20px;
}
.ifd-block-upload-gg .drag-drop .drag-drop-inside p {
  text-align: center;
}
.upload-file-to-drive .ifd-block-upload-gg .drag-drop .drag-drop-inside p {
  font-size: 13px;
}
.ifd-block-upload-gg .plupload-browse-button {
  border: none !important;
  background: #666 !important;
  cursor: pointer;
  padding: 10px 15px;
  color: #fff;
  border-radius: 5px !important;
  display: inline-block;
  font-weight: bold;
  font-size: 17px !important;
}
.upload-file-to-drive .ifd-block-upload-gg .plupload-browse-button {
  font-size: 13px!Important;
  padding: 5px 10px;
}
.ifd-block-upload-gg .drag-drop-inside p {
  color: #a0a5aa;
  font-size: 14px;
  margin: 5px 0;
  display: none;
}
.ifd-table-dl td.dailytickets a {
  margin-bottom: 5px;
  display: inline-block;
  line-height: 25px;
}
.sub-table td a:not(:first-child) {
  margin-top: 5px;
}
.sub-table br {
  display: none;
}
.service-after-edit {
  position: absolute;
  margin-left: 10px;
  font-size: 17px !important;
}
.midle-save-button {
  padding: 35px 20px 0;
}
.onoffswitch {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  display: inline-block;
  width: 100%;
}
.onoffswitch-checkbox {
  display: none;
}
.onoffswitch-label {
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
  width: 100%;
  font-weight: bold;
  border-radius: 5px;
}
.onoffswitch-inner {
  display: block;
  width: 45%;
  float: left;
}
.onoffswitch-inner span {
  transition: margin 0.3s ease-in 0s;
  background: #1eb11a;
  color: #ffffff !important;
  padding: 10px 0;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  box-sizing: border-box;
}
.onoffswitch-switch {
  transition: all 0.3s ease-in 0s;
  display: block;
  width: 55%;
  float: right;
}
.onoffswitch-switch span {
  color: darkgrey !important;
  background: #f3f4f5;
  padding: 10px 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  color: darkgrey !important;
  background: #f3f4f5;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  background: #ff9d42 !important;
  color: #ffffff !important;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner span {
  color: darkgrey !important;
  background: #f3f4f5;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch span {
  background: #ff9d42 !important;
  color: #ffffff !important;
}
.ifd-caret-up {
  background-image: url("images/arrow-circle-up.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  float: right;
  margin-top: 3px;
}
.ifd-caret-down {
  background-image: url("images/arrow-circle-down.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  float: right;
  margin-top: 3px;
}
.message_error a {
  color: #fff !important;
}
.pack_status {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.pack_status > label:first-child {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  text-align: center;
}
.pack_status .service-status {
  display: inline-block;
  width: auto;
}
.ifd-article
  .iz-accordion-ppe
  .loanerfrom_field
  .assign_to_loaner.assign_to_firefighter {
  width: 50%;
}
.set_limits_gear .ff-ppe-save-fields .people-submit-fields {
  margin: 0;
}
.sub-pack-status {
  width: 50%;
  display: inline-block;
}
.midle-save-button.piece-status-save {
  width: 40%;
  float: right;
}
.ifd-table-dl th {
  text-align: center;
}
.unclicked_nonuser {
  pointer-events: none !important;
}
figcaption.inOfservice {
  background: #1eb11a;
  color: #ffffff;
  font-weight: bold;
}
figcaption.outOfservice {
  background: #ff9d42;
  color: #ffffff;
  font-weight: bold;
}

#create_piece_name,
select#sub-site,
select#assign-type,
.airsite .ppe-select-options .span,
.izw-indrop,
.airsite .url_to_firefighter,
.airsite .iz-accordion-ppe .is-style-outline input,
.airsite .iz-accordion-ppe table tr td input,
.airsite .iz-accordion-ppe .url_to_firefighter.iz-same-width.user-can-edit,
.airsite #assign_to_firefighter, .airsite #loaned_to_vehicle,
.airsite .url_loaner_from,.airsite .url_to_loaned_to,
.airsite .url_loaner_to,
.airsite #loaner_from {
  background-color: #666666 !important;
}
.people-submit-btn {
  font-size: 17px !important;
  line-height: 23px;
}
.single-vehicles .airsite #assign_to_firefighter {
  width: 85%;
}
#ppe-logs-table tr:not(:last-child) td {
  border-bottom: none;
}
#ppe-logs-table th:first-child,
#ppe-logs-table td:first-child {
  border-left: 1px solid #ddd !important;
}
.log-insvc,
.log-outsvc {
  padding: 5px 10px;
  color: #ffffff;
  border-radius: 5px;
  display: inline-block;
  font-weight: bold;
}
.log-insvc {
  background: #1eb11a;
}
.log-outsvc {
  background: #ff9d42;
}
.popup-showdetails {
  max-width: 1100px;
  width: 100%;
  margin: auto;
  background: #ffffff;
  text-align: center;
  padding: 20px;
  position: relative;
  border-radius: 5px;
}
.popup-showdetails .mfp-close {
  font-size: 24px;
}
.popup-showdetails .popup-header h2 {
  margin-bottom: 10px;
}
.upload-box-confirmation .warning-before-rename h2 {
  margin: 0;
  padding: 10px;
  text-align: center;
}
.upload-box-confirmation {
  max-width: 600px;
  margin: auto;
  background: #ffffff;
  padding: 30px;
  text-align: left;
  position: relative;
  border-radius: 5px;
}
.upload-box-confirmation p #typebox {
  width: 100%;
  border-radius: 5px;
}
.upload-box-confirmation .btn-confirm-fields .cancel-confirm,
.btn-confirm-fields .cancel-confirm {
  color: #666666;
  font-weight: bold;
  margin: 0 5px;
}
.upload-box-confirmation .btn-confirm-fields,
.btn-confirm-fields {
  text-align: center;
  margin-top: 10px;
}
.upload-box-confirmation .btn-confirm-fields .ifd-button,
.btn-confirm-fields .ifd-button {
  line-height: 23px;
  border: none !important;
  background: #666 !important;
  cursor: pointer;
  padding: 10px 15px;
  color: #fff;
  border-radius: 5px !important;
  display: inline-block;
  font-weight: bold;
  font-size: 17px !important;
}
.upload-box-confirmation p .error-text {
  color: red;
  width: 100%;
  display: inline-block;
}
.upload-box-confirmation p label {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}
.upload-box-confirmation .mfp-close {
  font-size: 25px;
}
.upload-box-confirmation .confirm-subtitle {
  text-align: center;
  margin-bottom: 10px;
}
.wp-block-table.is-style-stripes td:last-child {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.show-pagination-ppe .ab-block-accordion {
  margin: 10px 0;
}
.show-pagination-ppe .ab-block-accordion.paginate-ppe-sets {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.5s linear;
}
.show-pagination-ppe .ab-block-accordion.paginate-ppe-sets.hide-item {
  visibility: hidden;
  opacity: 0;
  margin: 0;
  height: 0;
}
.detail-column .is-style-stripes td span a {
  background-color: #666666 !important;
  border: none;
  border-radius: 5px;
  font-size: 17px;
  line-height: 1.5;
  padding: 10px;
  display: inline-block;
}
/*tr.linked-row .ifd-popup-editor i {
    padding: 10px 0;
}*/
.airsite .uploadfile-box .is-style-stripes td,
.detail-column .is-style-stripes td {
  padding: 10px;
  color: #000;
}
.ifd-popup-editor {
  display: inline-block;
  width: 100%;
  font-weight: normal;
}
.ifd-popup-editor span {
  display: inline-block;
  color: #000;
  font-weight: normal;
}
i.fa-pen-square,
i.fa-pencil,
i.fa-pencil-alt, i.fa-trash {
  cursor: pointer;
  line-height: unset;
  float: right;
  font-size: 22px;
  margin-right: 0px;
  color: #a9a8a8;
}
.ifd-submit-after-edit {
  background: transparent;
}

.fad.fa-pen-square:before {
  color: #fff;
}
.fad.fa-pen-square:after {
  color: #5e5d5d;
}
.airsite .uploadfile-box .is-style-stripes td span,
.detail-column .is-style-stripes td span {
  font-size: 17px;
}
.airsite .uploadfile-box .is-style-stripes td .pack_status,
.detail-column .is-style-stripes td .pack_status {
  height: auto;
}
.ifd-editorField {
  max-width: 400px;
  width: 100%;
  margin: auto;
  background: #cccccc;
  text-align: center;
  padding: 20px;
  position: relative;
  border-radius: 5px;
}
.ifd-editorField > h2 {
  font-weight: bold;
  color: #000000;
  margin-bottom: 5px;
  font-size: 34px;
}
.ifd-editor-content > p {
  margin-top: 10px;
  margin-bottom: 5px;
  font-weight: bold;
  color: #8c8c8c;
}
.borrowed-pack-info .b-pack-pastdue p {
  background: red;
  color: #ffffff;
  display: inline-block;
  border-radius: 5px;
  padding: 10px 15px;
  font-weight: bold;
}
.ifd-editorField .save-information,
.ifd-editorField .save-information-change,
.ifd-editorField .edit-duedate-change,
.ifd-editorField .save-new-due-date {
  border-radius: 5px !important;
  -webkit-appearance: none;
  -webkit-border-radius: 5px !important;
  border: none;
  outline: none !important;
  background: #666666 !important;
  line-height: 25px;
  color: #ffffff;
  font-size: 17px;
  padding: 11px 20px;
  text-transform: uppercase;
  font-weight: bold;
}
.ifd-editorField h2 {
  margin-bottom: 10px;
}
.ifd-editorField .ifd-editor-content img {
  max-width: 320px;
  max-height: 420px;
  border-radius: 5px;
  padding: 10px;
  width: 100%;
  height: auto;
  background: #ffffff;
  margin: auto;
}
.ifd-editorField .ifd-inputfield input::placeholder {
  font-weight: bold;
  color: #000000;
}
#open-barcode-popup .confirm-input {
  text-align: left;
}
#open-barcode-popup .bar-code-input {
  margin-bottom:10px;
}
.piece-type-select {
  margin-bottom: 20px;
}
.piece-type-select p {
  margin-bottom: 10px;
}
.piece-type-select input {
  min-width: unset!important;
}
.ifd-editorField .ifd-inputfield input {
  min-width: 255px;
  font-size: 17px;
  padding: 10px 10px;
  border-radius: 5px;
  font-family: "Open Sans", "Font Awesome 5 Pro", sans-serif;
  color: #000000;
  border: none;
}

.ifd-editorField .ifd-inputfield,
.ifd-editorField .ifd-submitfield {
  display: inline-block;
  margin-bottom: 10px;
}
.ifd-editorField .mfp-close {
  font-size: 25px;
}
.iz_link_to_product span .show-mobile {
  display: none;
}
#ui-datepicker-div {
  z-index: 999999 !important;
}
.new-loanerfield .loanerfrom_field {
  display: inline-block;
  margin: auto;
}
.loanerfrom_field {
  text-align: center;
}
.ifd-article .wp-block-column:not(:first-child) {
  margin-left: 0;
}
.grid-vehicle-demo .item {
  text-align: center;
  position: absolute;
  width: 120px;
  height: 200px;
  margin: 10px;
  z-index: 1;
}
.grid-station-demo .item {
  height: 90px;
  width: 120px;
  text-transform: uppercase;
  background: #e4e4e4;
  border: 3px solid #969696;
  padding: 10px;
  cursor: pointer;
}
.grid-station-demo.bottles-page .item {
  padding: 0;
}
.vehicle-content {
  border-top: 2px #c3c3c3 dashed;
  border-bottom: 2px #c3c3c3 dashed;
  padding: 10px;
  margin: 10px 0;
}
.vehicle-content .boxes-vehicles {
  display: inline-block;
  vertical-align: middle;
  color: #969696;
  text-transform: uppercase;
  background: #e4e4e4;
  border: 3px solid #969696;
  padding: 10px;
  margin: 10px;
  width: 100px;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
}
.bottle-vehicles .daily-input #assign_to_firefighter {
  background-color: #fafafa !important;
}
.grid-station-demo.bottles-page .item.active {
  background: #1eb11a;
  border-color: #1eb11a;
}
.grid-station-demo.bottles-page .item.active .card-title {
  color: #ffffff;
}
.vehicle-content .boxes-vehicles.active {
  background: #1eb11a;
  border-color: #1eb11a;
  color: #ffffff;
}
.grid-station-demo .item .card {
  display: table;
  height: 90px;
  width: 100%;
}
.vehicles-of-station .vehicle-details {
  text-align: center;
  display: inline-block;
  width: 130px;
  height: 200px;
  margin: 10px;
  z-index: 1;
}
.grid-vehicle-demo .sub-pos,
.vehicles-of-station .sub-pos {
  background: #e4e4e4;
  border: 3px solid #969696;
  padding: 10px;
  position: relative;
  min-height: 140px;
}
.grid-vehicle-demo .item .card-title {
  color: #c3c3c3;
  font-weight: bold;
}

.grid-station-demo .item .card-title {
  display: table-cell;
  vertical-align: middle;
  color: #969696;
}
.show-pagination-ppe .ifd-scrollto-timeline {
  text-align: center;
  padding: 15px;
}
.show-pagination-ppe .ifd-scrollto-timeline .ifd-open-all-details a i {
  font-size: 24px;
  display: inline-block;
  position: relative;
  top: 2px;
}
.show-pagination-ppe .ifd-scrollto-timeline .ifd-open-all-details a {
  color: #ffffff !important;
  background: #666666 !important;
  padding: 10px 15px;
  border-radius: 5px;
  font-weight: bold;
  margin: 0 10px;
}
.grid-vehicle-demo .sub-pos .subposition,
.vehicles-of-station .sub-pos .subposition {
  display: inline-block;
  width: 30px;
  border: 3px solid #969696;
  vertical-align: middle;
  text-align: center;
  color: #969696;
  font-weight: bold;
}
.vehicles-of-station .vehicle-details p {
  text-transform: uppercase;
  color: #9c9c9c;
  font-weight: bold;
  margin-bottom: 10px;
}
.grid-vehicle-demo .sub-pos .subposition.pos-A,
.vehicles-of-station .sub-pos .subposition.pos-A {
  float: left;
}
.grid-vehicle-demo .item.Battalion .sub-pos .pos-A,
.vehicles-of-station .Battalion .sub-pos .pos-A {
  float: right;
}
.grid-vehicle-demo .item.Battalion .sub-pos .pos-D,
.vehicles-of-station .Battalion .sub-pos .pos-D {
  float: left;
}
.grid-vehicle-demo .sub-pos .subposition.pos-A,
.grid-vehicle-demo .sub-pos .subposition.pos-C,
.grid-vehicle-demo .sub-pos .subposition.pos-E,
.grid-vehicle-demo .sub-pos .subposition.pos-G,
.vehicles-of-station .sub-pos .subposition.pos-A,
.vehicles-of-station .sub-pos .subposition.pos-C,
.vehicles-of-station .sub-pos .subposition.pos-E,
.vehicles-of-station .sub-pos .subposition.pos-G {
  float: left;
  margin-bottom: 10px;
}
.grid-vehicle-demo .sub-pos .subposition.pos-B,
.grid-vehicle-demo .sub-pos .subposition.pos-D,
.grid-vehicle-demo .sub-pos .subposition.pos-F,
.grid-vehicle-demo .sub-pos .subposition.pos-H,
.vehicles-of-station .sub-pos .subposition.pos-B,
.vehicles-of-station .sub-pos .subposition.pos-D,
.vehicles-of-station .sub-pos .subposition.pos-F,
.vehicles-of-station .sub-pos .subposition.pos-H {
  float: right;
  margin-bottom: 10px;
}
.grid-vehicle-demo .sub-pos .subposition.pos-RIT,
.vehicles-of-station .vehicle-details .subposition.pos-RIT {
  width: 70%;
  position: absolute;
  bottom: 10px;
  left: 15px;
}
.grid-vehicle-demo .item.Engine .pos-A,
.grid-vehicle-demo .item.Ladder .pos-A,
.vehicles-of-station .Engine .pos-A,
.vehicles-of-station .Ladder .pos-A {
  position: absolute;
  top: 10px;
  right: 15px;
}
.grid-vehicle-demo .item.Engine .pos-B,
.grid-vehicle-demo .item.Ladder .pos-B,
.vehicles-of-station .Engine .pos-B,
.vehicles-of-station .Ladder .pos-B {
  position: absolute;
  top: 50px;
  right: 15px;
}
.grid-vehicle-demo .item.Engine .pos-D,
.grid-vehicle-demo .item.Ladder .pos-D,
.vehicles-of-station .Engine .pos-D,
.vehicles-of-station .Ladder .pos-D {
  position: absolute;
  top: 10px;
  left: 15px;
}
.grid-vehicle-demo .item.Engine .pos-C,
.grid-vehicle-demo .item.Ladder .pos-C,
.vehicles-of-station .Engine .pos-C,
.vehicles-of-station .Ladder .pos-C {
  position: absolute;
  top: 50px;
  left: 15px;
}
.grid-vehicle-demo .sub-pos .subposition.ifd-bkg-orange {
  background: #ff9d42;
  color: #fff;
  border-color: #ff9d42;
}
.grid-vehicle-demo .sub-pos .subposition.ifd-bkg-green {
  background: #1eb11a;
  border-color: #1eb11a;
  color: #fff;
}
.grid-vehicle-demo .grid-title .daily-pack-title {
  position: relative;
  top: 5px;
}
.grid-vehicle-demo .grid-title {
  display: inline-block;
}
.grid-vehicle-demo.bottles-page .grid-title {
  float: none;
  top: 10px;
  position: relative;
  margin-right: 10px;
}
.compare-firefighters .ppe-select-options .span {
  min-height: 41px;
  padding: 10px 20px !important;
  line-height: 24px;
}
.grid-demo .card.orange-dashed-border {
  border: 4px dashed #ff9d42;
}

.grid-demo .card .card-title span.morethan3 {
  font-size: 30px;
  letter-spacing: -2px;
}
.pack-sub-tabs .pack-subtab {
  display: inline-block;
  width: 33%;
  text-align: center;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.pack-sub-tabs .pack-subtab a {
  color: #c6c6c6 !important;
  font-size: 22px;
}
.pack-sub-tabs .pack-subtab.current a {
  color: #ffffff !important;
}
.pack-sub-tabs .pack-subtab.current {
  background: #949494;
}
.separate-containers .inside-article.daily-homepage {
  padding-top: 0 !important;
}

.subtabs-Y {
  display: inline-block;
  width: 100%;
  background: #ffffff6b;
  text-align: center;
  font-size: 17px;
  margin-bottom: 15px;
  border-radius: 5px;
  margin-top: -15px;
}
.subtabs-Y-ppe p {
  margin-bottom: 0px !important;
}
.subtabs-Y .subtab-old {
  border-left: 3px solid;
}
.subtabs-Y > div {
  width: 18%;
  display: inline-block;
  padding: 5px 0;
  text-align: center;
}
.iz-new-buttons {
  margin: 0;
}
.new-scrollto-timeline {
  padding: 35px 0 0;
  display: inline-block;
  width: 100%;
  text-align: right;
}
.iz-select-ppe .new-scrollto-timeline {
  padding: 0;
  margin-bottom: 15px;
}
.ppe-page {
  float: right;
}
.ppe-page a {
  padding: 10px !important;
  font-size: 14px !important;
}
.ppe-page a.link-to-wash_repair {
  background-color: #009ee7;
  color: #fff !important;
}
.fa-washer {
  width: 16px;
}
.new-scrollto-timeline a {
  background: #f2f2f2;
  color: #000000 !important;
  padding: 10px 15px;
  font-weight: bold;
  border-radius: 5px;
  margin-left: 5px;
  display: inline-block;
  width: auto;
  margin-bottom: 5px;
}
.new-scrollto-timeline a.show-mobile {
  display: none;
}
.space-divider {
  height: 20px;
  background: #efefef;
  margin: 0 -40px 20px;
}
.ifd-editor-content {
  position: relative;
}
.assigned-error {
  background: #ed2c23;
  border-radius: 5px;
  padding: 20px;
}
.assigned-error h1 {
  font-size: 25px;
  color: #ac1d17;
  font-weight: bold;
  margin-bottom: 10px;
}
.enter-new-serial {
  color: #ac1d17;
  font-size: 19px;
  font-weight: bold;
  display: inline-block;
  width: 80%;
  cursor: pointer;
}
.ifd-editorField.show-error-txt img.default-img {
  display: none;
}
.ifd-editorField .assigned-error img {
  background: none;
  max-width: unset;
  height: 115px;
  width: 95px;
  padding: 0;
  top: 5px;
  position: relative;
}
.assigned-error .exist-userdata {
  background: #ac1d17;
  display: inline-block;
  width: 90%;
  padding: 10px 5px;
  border-radius: 5px;
}
.assigned-error .exist-userdata a span {
  font-weight: bold;
  text-transform: uppercase;
}
.assigned-error .exist-userdata a {
  color: #ffffff;
  font-size: 20px;
}

.popup-showdetails table.dataTable p.non-needair {
  margin: 0;
  height: 25px;
  padding: 10px;
}
.muuri-submenu {
  /*background-color: #e6e6e6;*/
  /*padding: 10px;*/
  /*border-style: solid;*/
  /*border-color: #575757;*/
  /*border-width: 3px;*/
  /*border-radius: 10px;*/
  /*margin-bottom: 10px;*/
  padding-bottom: 10px;
  text-align: center;
}
.cache_message {
  margin-right: 10px;
  margin-bottom: 0px !important;
}
.clear_cache_message i {
  cursor: pointer;
}
.clear_cache_message {
  display: flex;
  flex-direction: row;
  margin: 0px 15px 15px 15px;
  border-radius: 5px;
  padding: 15px;
  background-color: #e4e4e4;
  color: #000;
  font-weight: normal;
  justify-content: center;
  align-items: center;
}
.muuri-submenu .submenu-title {
  display: inline-block;
  min-width: 12%;
  text-align: center;
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 5px;
  cursor: pointer;
  background-color: #fff;
  font-size: 16px;
  color: #575757;
  border: solid 2px #e0e0e0;
  font-weight: normal;
}
.muuri-submenu .submenu-title.active {
  background: #1eb11a;
  color: #ffffff;
  border-color: #1eb11a;
}
.show-mega-menu span {
  min-width: 64px;
  display: inline-block;
}
.show-mega-menu {
  display: block;
  width: 100%;
  padding: 8px 40px 8px 20px;
  font-size: 17px;
  line-height: 25.5px;
  color: inherit;
  background: #fff;
  border: 2px solid #e5e5e5;
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  cursor: pointer;
}
.wc-has-gallery .inside-wc-product-image .secondary-image {
  top: 0;
}

.report-mask-check {
  margin-top: 10px;
}
.report-details {
  position: relative;
}
.report-details .mask-problem,
.size-problem .size-problem-details .size-details {
  background: #66666699;
  display: inline-block;
  width: 100%;
  margin-top: 10px;
  border-radius: 5px;
  padding: 10px;
  cursor: pointer;
}
.report-details .mask-problem > i,
.size-problem .size-problem-details .size-details > i {
  float: left;
  display: inline-block;
  font-size: 30px;
  line-height: 30px;
  padding: 5px;
  background: #fff;
  border-radius: 5px;
}
.report-details .mask-problem.active > i,
.size-problem .size-problem-details .size-details.active > i {
  color: #666666;
}
.report-details .mask-problem > span,
.size-problem .size-problem-details .size-details > span {
  color: #ffffff;
  float: right;
  display: inline-block;
  padding: 5px;
  font-size: 20px;
}
.size-problem .size-problem-details .size-details {
  width: 32.6%;
  margin-top: 0;
}

.size-problem .size-problem-header {
  overflow: hidden;
  text-align: center;
}

.size-problem .size-problem-header span {
  font-size: 17px;
  display: inline-block;
  color: #a3a3a3;
  padding: 10px 0;
  font-weight: normal;
}

.size-problem .size-problem-header:before,
.size-problem .size-problem-header:after {
  background-color: #a3a3a3;
  content: "";
  display: inline-block;
  height: 2.3px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.size-problem .size-problem-header:before {
  margin-left: -50%;
}

.size-problem .size-problem-header:after {
  margin-right: -50%;
}

.size-problem .size-problem-footer {
  height: 3px;
  background: #a3a3a3;
  margin: 10px 0;
}
.report-details .daily-details #psid_firefighter {
  max-width: 400px;
  width: 100%;
  font-weight: normal;
  color: #666666;
  border: 1px solid #cccccc;
  background-color: #fafafa;
  border-radius: 5px;
}
.report-details .daily-details strong {
  color: #3a3a3a;
  font-size: 20px;
  display: inline-block;
}

.report-details .daily-save-fields #submit-report {
  font-size: 20px;
  border: none;
}
.report-details .daily-save-fields {
  text-align: left;
}

.report-details .daily-details {
  text-align: left;
}

.describe-sub-problem .describe-problem.error {
  border-color: red;
}
table.dataTable.display tbody tr:not(:last-child) td {
  border-top: none;
}

.report-details .daily-details #psid_firefighter.error {
  border-color: red;
}

.report-details .mask-problem.active,
.size-problem .size-problem-details .size-details.active {
  border-color: #ff9d42 !important;
  background: #ff9d42 !important;
}
.person-borrow-detail {
  display: flex;
}
hr.borrow-hr {
  margin: 20px 0;
  height: 2px;
}
.person-borrow-detail .left-infomation {
  display: inline-block;
  width: 25%;
  padding: 0 10px;
}
.person-borrow-detail .right-infomation {
  display: inline-block;
  width: 75%;
}
.person-borrow-detail .left-infomation a {
  color: #666 !important;
  text-align: center;
}
.person-borrow-detail .left-infomation a p {
  margin-bottom: 10px;
}
.person-borrow-detail .left-infomation a p.person-img img {
  max-width: 150px;
  max-height: 200px;
}
.person-borrow-detail .right-infomation img.iz-same-width {
  width: 200px;
  margin-bottom: 10px;
}
.person-borrow-detail .right-infomation a {
  color: #666 !important;
}
.person-borrow-detail .right-infomation .datetime_borrow div {
  display: inline-block;
  margin-right: 20px;
}
.person-borrow-detail .right-infomation .pack-items {
  display: inline-block;
  text-align: center;
  padding: 0 10px;
  width: 30%;
  margin: 0 5px;
  float: left;
  position: relative;
}
.person-borrow-detail .right-infomation .pack-items .pack-title,
.person-borrow-detail .left-infomation a p.person-title {
  background-color: #f8f8f8;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 5px;
  font-size: 15px;
}
.person-borrow-detail .right-infomation .datetime_borrow,
.person-borrow-detail .right-infomation .pack-items {
  margin-bottom: 10px;
}
.person-borrow-detail .right-infomation .pack-items .pass-due-date {
  color: #ffffff;
  font-size: 15px;
  margin-top: 0;
  margin-bottom: 10px;
}
figcaption.sub-title a {
  color: rgb(58, 58, 58) !important;
}
.ppe-by-set figcaption.sub-title.borrow a {
  display: block;
}
.ppe-by-set figcaption.sub-title.borrow a .sub-title-borrow,
.ppe-by-set figcaption.sub-title.borrow a .past-due {
  background: #fbfafa;
  width: 95%;
  margin: auto;
  border-radius: 5px;
}
.ppe-by-set figcaption.sub-title.borrow a .sub-title-borrow {
  font-size: 14px;
  width: auto;
  display: inline-block;
  margin-bottom: 8px;
}
.ppe-by-set figcaption.sub-title.borrow a .past-due {
  background: red;
  color: #ffffff;
  font-weight: bold;
}
.loaned_information div span {
  font-size: 17px;
  text-align: left;
  color: #32373c;
  font-weight: normal;
}
#borrow_duedate::placeholder {
  color: #ffffff;
}
#borrow_duedate {
  color: #ffffff;
  font-weight: 700;
  border: none;
  border-radius: 5px;
  width: 100%;
  background-color: #666666 !important;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 47%;
}
.ui-datepicker.hide-date .ui-datepicker-calendar {
  display: none;
}
.btn-login-to-borrow {
  color: #ffffff !important;
  background: #666666 !important;
  padding: 8px 15px;
  border-radius: 5px;
  margin: -5px 10px;
  font-size: 17px !important;
}
.red-error {
  border: 1px solid red !important;
}
/*people page*/
.blinking {
  line-height: 20px !important;
  animation: blinkingText 3s infinite;
  width: 90%;
  text-align: center;
  margin: 0 auto;
  margin-top: 15px !important;
  font-size: 15px;
}
@keyframes blinkingText {
  0% {
    color: #000;
    background-color: #fff2aa;
    padding: 10px;
  }
  25% {
    color: transparent;
    background-color: #fff2aa;
    padding: 10px;
  }
  50% {
    color: #000;
    background-color: #fff2aa;
    padding: 10px;
  }
  75% {
    color: transparent;
    background-color: #fff2aa;
    padding: 10px;
  }
  100% {
    color: #000;
    background-color: #fff2aa;
    padding: 10px;
  }
}
.order-data-table.dataTable {
  width: 100% !important;
}
.order_number_id,
.load_more {
  color: #fff;
  background: #666666;
  padding: 11px 20px;
  border-radius: 5px;
  font-size: 14px;
  line-height: 21px;
  cursor: pointer;
  width: max-content;
  text-align: center;
  margin: 0 auto;
}
.order-data-table.dataTable tr.odd {
  background-color: #f0f0f0;
}
.order-data-table.dataTable tr.even {
  background-color: white;
}
/*.open-order-data-popup{
    position: relative;
    top: 0;
    left: 50px;
    background: #ccc;
    border-radius: 5px;
    z-index:9999;
    padding:15px;
}
.order_id_td{
    position:absolute;
}
div.open-order-data-popup:before {
    border: solid;
    border-color: #111 transparent;
    border-width: 0 .6em .6em .6em;
    top: -8px;
    content: "";
    display: block;
    position: absolute;
    z-index: 99;
}*/

/*.waiting_for_ajax {*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  right: 0;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  z-index: 9999;*/
/*  text-align: center;*/
/*}*/
/*.waiting_for_ajax > div {*/
/*  background: #ccc;*/
/*  opacity: 0.9;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  padding: 10px 25px;*/
/*  border-radius: 10px;*/
/*  margin: auto;*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*}*/
/*.waiting_for_ajax img {*/
/*  width: 100px;*/
/*}*/
/*.waiting_for_ajax p {*/
/*  font-size: 16px;*/
/*  color: #fff;*/
/*  margin-top: 10px;*/
/*}*/
.waiting_for_ajax {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 9999999999999999999;
  max-height: 300px;
}
.waiting_for_ajax > div {
  opacity: 0.9;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 25px;
  background: #6161618c;
  width: 100%;
  padding: 10px 25px;
  border-radius: 10px;
  margin: auto;
  max-width: 300px;
}
.waiting_for_ajax img {
  width: 50px;
}
.waiting_for_ajax p {
  font-size: 16px;
  color: #FFF!Important;
  margin-top: 10px;
  height: auto;
  margin-bottom: 0px;
}
/*fix-requested grid*/
.card .ticket-details {
  position: relative;
}
.card .today-ticket {
  font-weight: bold;
  font-size: 13px;
  background: #fff1a1;
  width: 80px;
  height: 80px;
  /*background: linear-gradient(to TOP LEFT, #fff 0%, #fff 50%, #fff1a1 50%, #fff1a1 100%);*/
  background: linear-gradient(to TOP LEFT, transparent 0%, transparent 50%, #fff1a1 50%, #fff1a1 100%);
  position: absolute;
  top: 0;
  left: 0;
}
.card .today-ticket span {
  transform: rotate(-45deg);
  display: flex;
  align-items: center;
  margin-left: -5px;
}
.numberCircle {
border-radius: 50%;
padding: 4px 9px;
background: #fff;
border: 2px solid #666;
color: #666;
text-align: center;
font: 12px Open sans, sans-serif;
}
.not_warranty,
.not_received {
display: none !important;
}
.is_warranty,
.is_received {
display: block !important;
}
.part-received-message {
padding: 15px;
border-radius: 10px 10px 0 0;
font-weight: bold;
font-size: 15px;
text-align: center;
background: #1db119;
color: #fff;
letter-spacing: -1px;
}
.part-received-notice {
background: #1db119;
color: #fff;
border-radius: 5px;
display: flex;
flex-direction: row;
margin: 0 15px 15px;
padding: 10px 10px;
}
.warranty-message {
padding: 15px;
border-radius: 10px 10px 0 0;
font-weight: bold;
font-size: 15px;
text-align: center;
background: #fffa9c;
letter-spacing: -1px;
}
.warranty-notice {
background: #fffa9c;
border-radius: 5px;
display: flex;
flex-direction: row;
margin: 0 15px 15px;
padding: 10px 10px;
}
.left-notice {
position: relative;
margin-right: 10px;
height: 25px;
}
.right-notice {
text-align: left;
margin-left: 30px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.right-notice p {
font-size: 11px;
letter-spacing: -1px;
}
.right-notice p:first-child {
font-weight: bold;
margin-bottom: 0;
}
.right-notice p.small-notice {
font-style: italic;
}

.left-notice input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

/* Create a custom checkbox */
.left-notice .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  /*background-color: #fffa9c;*/
  border-radius: 15px;
  border: 1px solid #000;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.left-notice input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.left-notice .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #6d6c6c;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.grid-fix-requested-demo .sub-pos {
  background: #e4e4e4;
  position: relative;
  border-radius: 10px;
}
.grid-fix-requested-demo .item {
  text-align: center;
  width: 280px;
  z-index: 1;
  position: absolute;
  margin-bottom: 30px;
  margin-right: 30px;
}
.grid-fix-requested-demo .item .item-content {
  width: 100%;
}
.grid-fix-requested-demo a,
.grid-fix-requested-demo a:visited,
.grid-fix-requested-demo a:hover {
  color: #fff !important;
}
.grid-fix-requested-demo .ticket-postion a {
  background: #6d6868;
  padding: 10px 0;
  color: #fff !important;
  font-weight: bold;
  width: 100%;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: -1px;
  font-size: 20px;
}
.grid-fix-requested-demo .ticket-description {
  font-size: 14px;
  text-align: left;
  margin: 0 15px;
  letter-spacing: -0.2px;
  line-height: 18px;
  text-transform: uppercase;
  color: #e8743c;
  font-weight: bold;
}
.grid-fix-requested-demo .ticket-description-title {
  font-weight: bold;
  font-size: 20px;
  letter-spacing: -1px;
  color: #6d6868;
}
.ticket-edition .details .ticket-new-notice:focus {
  outline: none !important;
}
.grid-fix-requested-demo .ticket-edition {
  padding-top: 15px;
}
.grid-fix-requested-demo .ticket-open-detail .close,
.grid-fix-requested-demo .ticket-open-detail.open .open {
  display: none;
}
.grid-fix-requested-demo .ticket-histories div {
  padding: 10px;
  font-size: 12px;
  background-color: #efefef;
  margin-bottom: 15px;
  border-radius: 5px;
}
.grid-fix-requested-demo .ticket-open-detail.open .close {
  display: block;
}
.grid-fix-requested-demo .ticket-details > .ticket-open-detail {
  background: #ffffff;
  border-bottom: 2px solid #e4e4e4;
  border-left: 2px solid #e4e4e4;
  border-right: 2px solid #e4e4e4;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  cursor: pointer;
}
.grid-fix-requested-demo .ticket-person {
  background: #6d6868;
  padding: 10px 0;
  color: #fff !important;
  font-weight: bold;
  margin: 0 -2px;
}
.grid-fix-requested-demo .ticket-open-more-detail {
  background: #fff;
  border-left: 2px solid #e4e4e4;
  border-right: 2px solid #e4e4e4;
}
.ticket-edition .details {
  padding: 10px;
  border: 2px dashed #e4e4e4;
  margin: 15px;
}
.grid-fix-requested-demo .ticket-open-detail .close i,
.grid-fix-requested-demo .ticket-open-detail .open i {
  bottom: -17px;
  position: relative;
  background: #ffffff;
  color: #e4e4e4;
  font-size: 25px;
}
.piece_history_title {
  margin-left: 3px;
}
.ticket-open-more-detail .ticket-history-head {
  font-weight: bold;
  color: #6d6868;
  position: relative;
  padding-top: 20px;
  border-top: 2px dashed #e4e4e4;
  margin: 0 10px;
  padding-left: 10px;
  text-align: left;
  margin-bottom: 10px;
  letter-spacing: -0.5px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ticket-open-more-detail .ticket-history-head .wclabels-single {
  background: transparent;
  padding: 0;
  margin-left: 5px;
}
.ticket-histories {
  padding: 0 15px;
  text-align: left;
  font-size: 15px;
}
.ticket-histories span {
  display: inline-block;
  color: #000;
  font-weight: bold;
  font-size: 10px;
}
.ticket-edition .details .ticket-new-notice {
  border: none;
  background: #ffff;
  padding: 0;
  font-size: 12px;
  height: 75px;
}
.ticket-fixed.full_width {
  width: unset;
  display: block;
  margin: 0;
}
.ticket-fixed,
.ticket-addpart {
  width: 43%;
  display: inline-block;
  cursor: pointer;
}
.ticket-fixed {
  background: #1eb11a;
  color: #fff;
  padding: 30px 10px;
  margin-left: -3px;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: -1px;
}
.ticket-addpart {
  background: #e8743c;
  color: #fff;
  padding: 30px 10px;
  margin-right: -4px;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: -1px;
}
.ticket-edition .details .details-text {
  display: inline-block;
  width: 100%;
}
.ticket-edition .details .custom-notes {
  float: left;
  margin: 5px 0 !important;
  margin-left: -5px;
  margin-right: 20px;
  border-left: none;
  width: 100%;
}
.ticket-edition .details .bottle-quicknote span {
  font-size: 15px;
  color: #6d6868;
  font-weight: bold;
  letter-spacing: -1px;
}
.ticket-edition .details .bottle-quicknote {
  display: inline-block;
  margin-top: 5px;
}
.ticket-edition .details .custom-notes p {
  margin: 0;
  font-size: 10px;
  margin-bottom: 5px;
  text-transform: uppercase;
  background-color: #6d6868;
  border-radius: 5px;
  color: #ffffff;
  padding: 5px;
  cursor: pointer;
}
.ticket-edition .details .ticket-add-newnotice {
  border-radius: 5px;
  padding: 5px 10px;
  display: inherit;
  letter-spacing: -1px;
  text-transform: uppercase;
  background-color: #6d6868;
  float: left;
}
.ticket-edition .details .details-title {
  text-align: left;
  color: #6d6868;
  font-weight: bold;
  margin-bottom: 10px;
  letter-spacing: -1px;
}
.ticket-open-more-detail .ticket-history-head span {
  background: #6d6868;
  color: #ffffff;
  border-radius: 5px;
  position: relative;
  top: -3px;
  font-size: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-top: 5px;
}
.grid-fix-requested-demo .ticket-person a p {
  font-size: 10px;
}
.grid-fix-requested-demo .ticket-person a {
  text-transform: uppercase;
  letter-spacing: -1px;
  font-size: 18px;
}
.grid-fix-requested-demo .overdue-message {
  background-color: #d10001;
  color: #fff;
  padding: 10px;
  border-radius: 10px 10px 0 0;
  font-weight: normal;
  font-size: 20px;
  text-align: center;
}
.grid-fix-requested-demo .no-border-radius {
  border-radius: unset !important;
}
.grid-fix-requested-demo .ticket-cascade-img {
  background: url("images/air-system-cascade.jpg");
}
.grid-fix-requested-demo .ticket-compressor-img {
  background: url("images/air-system-compressor.jpg");
}
.grid-fix-requested-demo .ticket-fill-station-img {
  background: url("images/air-system-fill-station.jpg");
}
.grid-fix-requested-demo .ticket-not-sure-img {
  background: url("images/air-system-not-sure3.jpg");
}
.grid-fix-requested-demo .ticket-battery-img {
  background: url("images/pak-tracker-battery.jpg");
}
.grid-fix-requested-demo .ticket-desktop-charger-img {
  background: url("images/pak-tracker-desktop-charger.jpg");
}
.grid-fix-requested-demo .ticket-mounting-bracket-img {
  background: url("images/pak-tracker-battery.jpg");
}
.grid-fix-requested-demo .ticket-handheld-unit-img {
  background: url("images/pak-tracker.jpg");
}
.grid-fix-requested-demo .ticket-airpack-img {
  background: url("images/airpack.png");
}
.grid-fix-requested-demo .ticket-bottle-img {
  background: url("images/bottle.jpg");
}
.grid-fix-requested-demo .ticket-mask-img {
  background: url("images/mask.jpg");
}
.grid-fix-requested-demo .ticket-regulator-img {
  background: url("images/regulator.png");
}
.grid-fix-requested-demo .ticket-ritpack-img {
  background: url("images/ritbag.jpg");
}
.grid-fix-requested-demo .ticket-tacpack-img {
  background: url("images/tacpack.png");
}
.grid-fix-requested-demo .ticket-thermalcamera-img {
  background: url("images/thermal-camera.png");
}
.grid-fix-requested-demo .ticket-meter-img {
  background: url("images/gas-meters.png");
}
.grid-fix-requested-demo .ticket-suit-img {
  background: url("images/keppler-suit.jpg");
}
.grid-fix-requested-demo .ticket-boots-img {
  background: url("images/boots.png");
}
.grid-fix-requested-demo .ticket-bottle-img {
  background: url("images/bottle.jpg");
}
.grid-fix-requested-demo .ticket-packtracker-img {
  background: url("images/packtracker.jpg");
}
.grid-fix-requested-demo .ticket-rechargeablebat-img {
  background: url("images/rechargeablebat.jpg");
}
.grid-fix-requested-demo .ticket-truckcharger-img {
  background: url("images/truckcharger.jpg");
}
.grid-fix-requested-demo .ticket-aircylinder-img {
  background: url("images/aircylinder-quick-change.jpg");
}
.grid-fix-requested-demo .ticket-airlines-img {
  background: url("images/airlines.jpg");
}
.grid-fix-requested-demo .ticket-batterycharger-img {
  background: url("images/batterycharger.jpg");
}
.grid-fix-requested-demo .ticket-victimregulator-img {
  background: url("images/victimregulator.jpg");
}
.grid-fix-requested-demo .ticket-escapepack-img {
  background: url("images/escapepack.jpg");
}
.grid-fix-requested-demo .ticket-escapecylinder-img {
  background: url("images/escapecylinder.jpg");
}
.grid-fix-requested-demo .ticket-airlines-img {
  background: url("images/airlines.jpg");
}
.grid-fix-requested-demo .ticket-skaregulator-img {
  background: url("images/skaregulator.jpg");
}
.grid-fix-requested-demo .ticket-lp1000-img {
  background: url("images/LP1000_AEDs.png");
}
.grid-fix-requested-demo .ticket-lp15-img {
  background: url("images/LP15.png");
}
.grid-fix-requested-demo .ticket-default-img {
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
  height: 200px;
  margin-bottom: 15px;
  border-radius: 5px;
  background-color: #ffffff;
}
.grid-fix-requested-demo .ticket-bottle-img {
  background-size: auto 90%;
}
.grid-fix-requested-demo .ticket-tsu {
  padding: 0 5px;
  font-weight: bold;
  background-color: #fcaf88;
  border-radius: 0;
  padding-left: 12px;
  margin-right: -10px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 12px;
  color: #fff !important;
}
.grid-fix-requested-demo .grey-text p {
  margin-bottom: 1px;
  padding: 10px 0;
  color: #000000;
  font-weight: bold;
  background: #e4e4e4;
  font-size: 20px;
  letter-spacing: -1px;
}
.grid-fix-requested-demo .grey-text {
  background: #ffffff;
}
.grid-fix-requested-demo .ticket-date {
  color: #000 !important;
}
.grid-fix-requested-demo .center-content .grey-text {
  font-size: 12px;
  margin-bottom: 3px;
}
.hr-ticket {
  margin: 10px 0 !important;
}
.grid-fix-requested-demo .top-line {
  display: flex;
  justify-content: space-between;
  background-color: #e8743c;
  padding: 10px;
  border-radius: 10px 10px 0 0;
}
.grid-fix-requested-demo .ticket-id strong {
  background-color: #e8743c;
  text-transform: uppercase;
  letter-spacing: -1px;
  font-size: 20px;
}
.grid-fix-requested-demo .center-content {
  padding: 0 15px;
  border-left: 2px solid #e4e4e4;
  border-right: 2px solid #e4e4e4;
  background: #fff;
}
.grid-fix-requested-demo .show-pagination-ppe {
  margin-bottom: 15px;
}

.grid-fix-requested-demo .ticket-histories div p {
  margin-bottom: 0;
  display: inline-block;
  width: 100%;
  line-height: 17px;
}
.grid-fix-requested-demo .ticket-histories div p:not(:last-child) {
  margin-bottom: 5px;
}
.grid-fix-requested-demo .ticket-histories div .ticket-edit-cmt,
.grid-fix-requested-demo .ticket-histories div .ticket-delete-cmt {
  border-radius: 5px;
  padding: 5px;
  display: inherit;
  color: #fff;
  line-height: 10px;
  cursor: pointer;
}
.grid-fix-requested-demo .ticket-histories div .ticket-delete-cmt {
  background: red;
}
.grid-fix-requested-demo .ticket-histories div .ticket-edit-cmt {
  background-color: #6d6868;
}

.grid-fix-requested-demo .ticket-histories div textarea {
  border: none;
  background: #fff;
  overflow: hidden;
  line-height: 17px;
  padding: 5px;
  margin-bottom: 5px;
}
.grid-fix-requested-demo .ticket-histories div textarea:focus {
  outline: none !important;
}

.grid-fix-requested-demo .top-line i {
  color: #ffffff;
  font-size: 20px;
  cursor: pointer;
}
.grid-fix-requested-demo .top-line i.fa-check-circle {
  display: none;
}
.grid-fix-requested-demo .ticket-closed .top-line i.fa-circle {
  display: none;
}
.grid-fix-requested-demo .ticket-closed .top-line i.fa-check-circle {
  display: inline-block;
}
.grid-fix-requested-demo .ticket-closed .ticket-details {
  opacity: 0.5;
  pointer-events: none;
}
.ticket-edition .details.note_before_close {
  border-color: red;
}
.button-fields a {
  border-radius: 5px;
  padding: 5px 15px;
  margin: 0 5px;
  text-transform: uppercase;
  background-color: #6d6868;
  color: #fff !important;
}
.back-to-station {
  left: 0;
  font-size: 25px;
  opacity: 1;
  cursor: pointer;
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  top: 0;
  text-decoration: none;
  text-align: center;
}

.boxes-stations {
  display: inline-block;
  min-width: 12%;
  text-align: center;
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 5px;
  cursor: pointer;
  background-color: #fff;
  font-size: 16px;
  color: #575757;
  border: solid 2px #e0e0e0;
  font-weight: normal;
}
.boxes-stations.active {
  background: #1eb11a;
  color: #fff;
}

#open-same-issues.air-refill .ticket-btn {
  display: none;
}
.borrow-bulk-options {
  text-align: center;
}
.borrow-bulk-options .borrow-edit-field,
.borrow-bulk-options .submit-options {
  display: inline-block;
}
.borrow-bulk-options p.delete-option,
.borrow-bulk-options p.cancel-option {
  background: #ff3100;
}
.borrow-bulk-options p {
  display: inline-block;
  margin: 0 3px;
  cursor: pointer;
  padding: 10px 20px;
  color: #ffffff;
  background-color: #666666;
  border-radius: 5px;
  font-weight: bold;
  text-transform: uppercase;
}

.borrow-bulk-options.stick_on_top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}
.borrow-bulk-options .buld-options-fields {
  padding: 10px 0;
}
.borrow-bulk-options.stick_on_top .buld-options-fields {
  margin: auto;
  max-width: 1100px;
  background: #fff;
}
.person-borrow-detail .pack-items .selected {
  position: absolute;
  right: -5px;
  top: -5px;
  background: #fff;
  font-size: 20px;
  display: none;
}
.person-borrow-detail.is-edit-fiels .pack-items.active .selected {
  display: block;
}
.person-borrow-detail.is-edit-fiels .pack-items.active {
  border: 1px solid #c6c6c6;
  border-radius: 5px;
}

.scba-step0 p input#username,
.scba-step0 p input#userpassword {
  width: 100%;
  max-width: 300px;
}
.single-ppe .assign_to_firefighter.wp-block-button {
  background: #f1f1f1;
  padding: 15px;
  margin: 10px auto 10px auto;
  border-radius: 5px;
}
.single-ppe .assign_to_firefighter.wp-block-button.pencil-icon {
  padding: 15px 30px 15px 5px;
}
#post-8085 .gf-piece-total-top input.small,
#post-8085 .gf-piece-total-bottom input.small {
  background-color: #1db119 !important;
}

#label_6_13_1::after,
.gfsp_choice_img label::after,
#label_6_13_0::after,
#label_6_19_1::after,
#label_2_select_all::after {
  background-color: #1db119 !important;
}
#post-8085 .gf-piece-total-top {
  position: -webkit-sticky;
}
/*.ppe_item_span{
    background: #f1f1f1;
    padding: 3px;
    font-size: 17px;
    border-radius:3px;
}*/
.wp-admin .link_to_ppe_page {
  font-family: "Lato", sans-serif;
}

.link_to_ppe_page {
  padding: 0 3px;
  font-size: 17px !important;
  color: #fff;
  font-weight: normal !important;
  border-radius: 3px;
  border: none;
}
.link_to_ppe_page.in_service {
  background-color: #1eb11a;
}
.link_to_ppe_page.out_service {
  background-color: #ff9d42;
}
.link_to_ppe_page.in_service:hover,
.link_to_ppe_page.in_service:active,
.link_to_ppe_page.in_service:visited {
  background-color: #1eb11a !important;
  color: #fff;
}
.link_to_ppe_page.out_service:hover,
.link_to_ppe_page.out_service:active,
.link_to_ppe_page.out_service:visited {
  background-color: #ff9d42 !important;
  color: #fff;
}
.sub-loaner-pack {
  margin: 10px 0 0;
}
.subloaner_type {
  display: none;
}
.sub-loaner-pack label {
  display: inline-block;
  color: darkgrey;
  background: #f3f4f5;
  padding: 7px 11px;
  font-size: 17px;
  cursor: pointer;
  border-radius: 5px;
}
.sub-loaner-pack .subloaner_type:checked + label {
  background: #1eb11a;
  color: #ffffff;
  font-weight: bold;
}
ul.files_uploaded {
  list-style: none;
  margin: 0;
  margin-bottom: 10px;
}
ul.files_uploaded li {
  width: 100%!important;
}
ul.files_uploaded li a {
  display: block;
  background: #d6d6d6;
  color: blue!important;
  border-radius: 5px;
  padding: 3px;
}
.upload-file-to-drive .ifd-block-upload-gg #gdwpm_tombol_bersih, .upload-file-to-drive .ifd-block-upload-gg #console {
  display: none!important;
}


.right-aligned {
  text-align: right;
}
.page-template-unassigned-xy-daily-check .center-aligned {
  margin-top:-20px;
}
.center-aligned {
  text-align: center;
  margin: 20px 0;
}
.right-aligned span, .center-aligned span {
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -.5px;
  padding: 5px;
  margin: 5px 0;
  border-radius: 5px;
  width: max-content;
}
.C-badge {
  background: #1EB11A !important;
  color: #fff;
}
.A-badge {
  background: #000 !important;
  color: #fff;
}

.B-badge {
  background: #d10001 !important;;
  color: #fff;
}

@media screen and (max-width: 800px) and (orientation: landscape),
  screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media all and (max-width: 1367px) {
  .show-on-tablet {
    display: block;
  }
  .list-parts-on-left {
    left: -24rem;
    transition: all 0.3s ease;
  }
  .list-parts-on-left.open {
    left: -9.4rem;
    z-index: 9999;
    transition: all 0.3s ease;
  }
  .list-parts-on-left.open {
    left: -9.4rem;
    z-index: 9999;
  }
  #list-parts {
    border-right: 1px #c6c6c6 solid;
  }
  .list-parts-on-left.active #list-parts {
    top: 30px;
  }
}
@media all and (max-width: 1025px) {
  #post-8085 .gf_stylespro .gfsp_flip .o_label {
    margin-left: 2.5em;
  }
  section.grid-demo .grid-title h2 {
    font-size: 33px;
  }
  .list-parts-on-left {
    left: -14.3rem;
  }
  .list-parts-on-left.open {
    left: 0;
  }
  .single-bottle .new-scrollto-timeline a {
    margin: 5px;
    text-align: center;
  }
}
@media all and (max-width: 769px) {
  #post-8085 .gfsp_label_img {
    height: 100px;
  }
  /*covid-form*/
  table.gv-table-view.dataTable
    > tbody
    > tr.child
    ul.dtr-details
    > li:first-child {
    float: none;
  }
  table.gv-table-view.dataTable > tbody > tr.child ul.dtr-details > li {
    display: block !important;
  }
  table.gv-table-view td.child .dtr-details li:first-child,
  table.gv-table-view td.child .dtr-details li:last-child {
    width: 100%;
  }
  table.gv-table-view.dataTable > tbody > tr.child ul.dtr-details > li {
    display: block;
  }
  /*end*/
  .single-bottle .new-scrollto-timeline a {
    min-width: 200px;
  }
  .pack-sub-tabs .pack-subtab {
    width: 32%;
  }
  .control {
    margin-bottom: 5px;
  }
  .grid {
    margin: 0 -10px;
  }
  .group-set .wp-block-atomic-blocks-ab-columns .ab-layout-column-wrap {
    display: inline-block;
    width: 100%;
  }
  .group-set .wp-block-atomic-blocks-ab-columns .ab-block-layout-column {
    display: inline-block !important;
    width: 32%;
    margin: auto 0.4%;
  }
  .iz_link_to_product span .show-desktop {
    display: none;
  }
  .iz_link_to_product span .show-mobile {
    display: block;
  }
  .sub-pack-status {
    width: 65%;
  }
  .midle-save-button.piece-status-save {
    width: 30%;
  }
  .list-parts-on-left {
    display: none;
  }
  #wpadminbar .screen-reader-shortcut {
    display: none;
  }
  #list-parts {
    display: none;
  }
  .iz-ppe-imgs {
    max-width: none;
  }
  .iz-inline-block {
    margin: 10px 0;
    max-width: unset;
  }
  .iz-accordion-ppe .ab-layout-column-wrap .wp-block-button {
    width: 100%;
  }
  .iz-accordion-ppe .ab-layout-column-wrap {
    display: inline-block;
    width: 100%;
  }
  .iz-accordion-ppe .is-style-outline:not(:last-child) {
    border-right: none;
  }
  .url_to_firefighter.iz-same-width.user-can-edit,
  .iz-same-width.user-can-edit,
  .url_loaner_to,
  .url_loaner_from,
  .url_to_loaned_to {
    width: 85%;
  }
  .iz_link_to_product {
    padding: 0;
  }
  #ppe-logs-table tr td {
    padding: 10px;
  }
  #ppe-logs-table a {
    display: block;
  }
  .ifd-article .entry-content .has-2-columns .wp-block-column {
    flex-basis: 100% !important;
    padding: 0 !important;
    border: none;
    margin: 0;
    text-align: center;
  }
  .izw-submit-after-edit,
  .izw-submit-loaner-edit {
    right: 0;
  }
  h2.iz-same-width {
    margin: 20px;
  }
  .iz-select-ppe .wp-block-column {
    padding-bottom: 0;
  }
  .grid-fix-requested-demo .item {
    font-size: 12px;
  }
}
@media all and (max-width: 575.98px) {
  /*covid-form*/
  .gv-field-12-date_created,
  .gv-field-12-4 {
    width: unset;
  }
  .gv-table-view thead,
  .gv-table-view tfoot {
    display: none;
  }
  .gv-table-view tr th, .gv-table-view tr td {
    text-align: left;
  }
  .gv-table-view tr td {
    display: table-row;
  }
  .gv-table-view tbody tr td.control {
    border:none;
  }
  .gv-table-view tbody tr:not(.parent) {

    border-bottom: 3px solid #000;
  }
  .gv-table-view tr {
    display: block;
    position: relative;
    padding: 1.2em 0;
    overflow-x: auto;
  }
  .gv-table-view tr td:before {
    content: attr(data-label);
    font-weight: bold;
    display: table-cell;
    padding: 0.2em 0.6em 0.2em 1em!important;
    text-align: left!important;
    width: 40%;
  }
  table.gv-table-view td[class*="-custom"]:before, table.gv-table-view td[class*="-id"]:before {
    top: 5% !important;
    left: 10%!important;
  }
  table.gv-table-view thead th[class*="-custom"], table.gv-table-view tfoot th[class*="-custom"], table.gv-table-view td[class*="-custom"], table.gv-table-view thead th[class*="-id"], table.gv-table-view tfoot th[class*="-id"], table.gv-table-view td[class*="-id"] {
    
    height: 30px;
  }
  table.gv-table-view .ticket-histories {
    justify-content: center;
  }
  /*end*/
}
@media all and (max-width: 480px) {
  #post-8085 .gfsp_label_img {
    height: 100px;
  }
  a.url_to_firefighter,
  a.url_loaner_from,
  a.url_loaner_to,
  a.url_to_loaned_to {
    font-size: 14px;
  }
  .out-servoce-notice {
    margin: 0;
  }
  .single-ppe .assign_to_firefighter.wp-block-button {
    width: 95%;
  }
  .iz-select-ppe .new-scrollto-timeline {
    margin-top: 20px;
  }
  .iz-select-ppe .iz-new-buttons.show-mobile {
    width: max-content;
    margin: 0 auto;
  }
  .single-ppe .mfp-content {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    height: max-content;
  }

  #post-8085 .gfsp_choice_img label::before,
  #post-8085 .gfsp_choice_img label::after,
  #label_6_13_0::before,
  #label_6_13_1::before,
  #label_6_13_0::after,
  #label_6_13_1::after {
    padding: 5px;
  }
  #post-8085 .gf_stylespro .gfsp_flip .o_label {
    margin-left: 20px;
  }
  #post-8085 #input_6_5 {
    padding: 0;
    font-size: 18px;
  }
  li#field_6_5 .ginput_container {
    text-align: center;
  }
  li#field_6_5 .gfield_label {
    overflow-wrap: break-word;
    width: 50px;
  }
  #post8085 li#field_6_5 .gfield_label {
    font-size: 10px;
  }
  #post-8085 li.gfsp_choice_img {
    margin-right: 20px;
    width: max-content;
  }
  #post-8085 #input_6_2 {
    text-align: center;
  }
  #open-popup-after-received {
    position: fixed;
    top: 30px;
    left: 0;
    right: 0;
    height: max-content;
  }
  #assign_to_firefighter {
    width: 100%;
  }
  .ppe-page {
    float: none;
  }
  #assign_ppe_form .wp-block-columns.has-2-columns {
    margin-bottom: 0;
  }
  .wp-block-columns.has-2-columns.iz-select-ppe {
    margin-top: 0;
  }
  .izw-ppe-select-img {
    padding: 0;
  }
  .new-scrollto-timeline {
    padding: 15px 0 0;
  }
  .ppe-page .show-mobile {
    display: inline-block;
  }
  /*covid-form*/

  table.gv-table-view td.control:before{
    padding: 4px 4.5px !important;
  }
  .gv-table-view tr td.child:before,
  .gv-notes tr td:before {
    width: unset !important;
  }
  /*end*/
  /* customize bellows menu for mobile*/
  .bellows-source-menu {
    position: absolute;
    top: 160px;
    right: 5px;
  }
  .bellows-nav > li > a > .bellows-target-title {
    display: none !important;
  }
  .bellows-nav > li > a {
    padding-right: 50px !important;
  }
  /*end*/
  .fc-center {
    margin-top: 10px;
  }
  .fc-title {
    font-size: 35px;
  }
  .battallion-name {
    width: unset;
  }
  #calendar {
    width: 100% !important;
  }
  .single-bat .progress {
    width: 75% !important;
  }
  .Open-percent-details .container,
  .Open-percent-details-monthly .container {
    width: 100% !important;
  }
  .Open-percent-details-monthly .sub-container .right-block,
  .Open-percent-details .sub-container .right-block {
    width: 100%;
  }
  .help-tip p {
    left: 35px;
  }
  .help-tip p:before {
    right: 70px;
  }
  .iz_link_to_product img {
    width: 60%;
    float: none;
  }

  .grid-fix-requested-demo .top-line {
    padding: 10px 5px;
  }
  .grid-fix-requested-demo .ticket-tsu {
    margin-right: -5px;
    display: inline-table;
  }
  .grid-fix-requested-demo .ticket-description-title {
    line-height: 26px;
  }
  .grid-fix-requested-demo .ticket-bottle-img {
    background-size: auto 90%;
  }
  .grid-fix-requested-demo .top-line i {
    font-size: 30px;
    display: inline-block;
    float: left;
    position: relative;
    top: 6px;
    left: 3px;
  }
  .grid-fix-requested-demo .ticket-id strong {
    font-size: 15px;
  }
  .ticket-histories {
    padding: 0 5px;
  }
  .ticket-open-more-detail .ticket-history-head {
    margin: 0 5px;
  }
  .ticket-open-more-detail .ticket-history-head span {
    font-size: 10px;
    display: inline-block;
    margin-top: 5px;
  }
  .grid-fix-requested-demo .ticket-histories div {
    font-size: 12px;
  }
  .ticket-addpart {
    margin-right: -3px;
  }
  .ticket-edition .details {
    margin: 5px;
  }
  .ticket-fixed,
  .ticket-addpart {
    width: 39%;
  }
  .person-borrow-detail .right-infomation .pack-items {
    width: 100%;
    float: none;
  }
  .grid-fix-requested-demo .ticket-description {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .grid-fix-requested-demo .ticket-description.opened {
    display: block;
  }
  .grid-fix-requested-demo .center-content {
    padding: 0;
  }
  .grid-fix-requested-demo .item {
    margin: 0 10px 20px;
    width: 44%;
    font-size: 12px;
    height: auto;
  }

  .airsite .uploadfile-box .is-style-stripes td,
  .detail-column .is-style-stripes td {
    font-size: 13px;
  }
  .space-divider {
    margin: 0 0 20px;
  }
  .scba-step0 p input {
    width: 30px;
    height: 30px;
  }
  .person-borrow-detail {
    display: inline-block;
    text-align: center;
  }
  .person-borrow-detail .left-infomation {
    width: 100%;
  }
  .person-borrow-detail .right-infomation {
    width: 100%;
  }
  .size-problem .size-problem-details .size-details {
    width: auto;
  }
  .report-details .mask-problem > i,
  .size-problem .size-problem-details .size-details > i {
    font-size: 20px;
    line-height: 20px;
  }
  .report-details .mask-problem > span {
    font-size: 15px;
  }
  .pack-sub-tabs .pack-subtab {
    width: 32.5%;
  }
  .pack-sub-tabs .pack-subtab a {
    font-size: 15px;
  }
  .group-set .wp-block-atomic-blocks-ab-columns .ab-block-layout-column {
    width: 31.5%;
  }
  .airsite .uploadfile-box .is-style-stripes td .onoffswitch-label,
  .detail-column .is-style-stripes td .onoffswitch-label {
    width: 100%;
  }
  .airsite .uploadfile-box .is-style-stripes td span,
  .detail-column .is-style-stripes td span,
  .detail-column .is-style-stripes td span a {
    font-size: 13px;
  }
  .popup-showdetails .popup-header h2 {
    padding: 0 35px;
  }
  .popup-showdetails .popup-body {
    height: 86vh;
    overflow: auto;
  }
  .popup-showdetails {
    padding: 15px 5px;
  }
  .single-vehicles .airsite #assign_to_firefighter {
    width: 100%;
  }

  .single-vehicles .airsite .assign_to_firefighter,
  .assigned-gear-section-header {
    margin-bottom: 0;
  }
  .single-vehicles .airsite .izw-submit-after-edit {
    position: static;
    margin: 10px auto;
    display: inherit;
  }
  .sub-pack-status {
    width: 100%;
  }
  .midle-save-button.piece-status-save {
    width: 100%;
    float: none;
  }
  .midle-save-button {
    padding-top: 10px;
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  .onoffswitch-label {
    width: 90%;
  }
  .inside-article a.editor_firefighter, .inside-article a.editor_loaned_to,
  .editor_loaner.editor,
  .single-ppe .ifd-submit-after-edit {
    right: -5px;
    top: 50px;
  }
  .iz-accordion-ppe table.is-style-stripes td,
  .detail-column .is-style-stripes td {
    padding: 10px 5px;
    text-align: center;
  }
  .iz-accordion-ppe table tr td input {
    padding: 10px 5px;
  }
  .ifd-block-upload-gg #filelist li a {
    display: block;
    width: 93%;
    float: left;
  }
  .peopleff .people-information {
    display: inline-block;
  }
  .peopleff .people-information .wp-block-image {
    width: 80%;
    margin: auto;
  }
  .ifd-article
    .iz-accordion-ppe
    .loanerfrom_field
    .assign_to_loaner.assign_to_firefighter {
    width: 90%;
  }
  .pack_status {
    padding: 0;
    height: 80px;
  }
  .ifd-article .iz_link_to_product.regulator-image img {
    max-height: 394px;
  }
  .ifd-scrollto-timeline .scroll-content a:nth-child(5) {
    margin-top: 5px;
  }
  #wpadminbar {
    display: none;
  }
  .ifd-scrollto-timeline .scroll-content span.border-between {
    display: none;
  }
  h1.daily-bigger-title {
    font-size: 40px;
    line-height: 40px;
  }
  #Open-item-parts,
  #after-mark-completed,
  #Open-login-popup,
  #Open-request-refill-popup,
  #Open-request-edit-popup,
  .ifd-main-popup {
    padding: 10px 5px;
  }
  .itempart-step .scba-add-ticket label {
    width: 40%;
    padding: 10px;
  }
  a.label-pack-history.view-pack-history {
    width: 95%;
    padding: 10px 0;
  }
  .scba-step-content .ticket-data label.itempart-markcompleted {
    width: 95%;
    padding: 10px 0;
    margin: 5px;
  }
  section.grid-demo .controls .control {
    width: 48%;
  }
  section.grid-demo .grid-title h2 {
    margin-bottom: 10px;
  }
  .ticket-left-right {
    width: 25%;
  }
  .scba-step3 .scba-add-ticket {
    width: 80%;
  }
  .ticket-btn {
    float: none;
  }
  .sameissue-custom-dots {
    float: none;
    height: auto;
  }
  .sameissue-custom-dots label {
    display: block;
  }
  .show-dots-number .owl-dots {
    float: none;
  }
  .daily-save-fields .btn {
    display: inline-block;
    margin-bottom: 5px;
  }
  .daily-item {
    width: 50%;
    border-right: none;
    max-height: 220px;
    margin-bottom: 5px;
  }
  .daily-item label {
    height: 210px;
  }
  .daily-item.airpack {
    background-size: auto 90% !important;
  }
  .daily-item .desc-status {
    margin: 45% auto 0;
  }
  .show-dots-number button {
    margin: 4px 2px;
    padding: 5px 10px;
  }
  .daily-details.daily-need-fix {
    display: none !important;
  }
  .show-mobile {
    display: block;
  }
  .show-desktop {
    display: none !important;
  }

  .new-scrollto-timeline a.show-mobile {
    display: inline-block;
  }
  section.if-search .ui.category.search .results .title label {
    display: inline-block;
  }
  section.if-search .ui.category.search .results .category .name {
    white-space: inherit;
  }
  section.if-search .ui.category.search .results {
    max-width: unset;
  }
  .single-peopleff.separate-containers .inside-article {
    padding: 5px;
  }
  section.if-search .ui.category.search .results .title {
    display: block;
  }
  .editor-other-fields .is-style-outline {
    width: 100%;
    margin: 0;
  }
  .editor-other-fields .save-fields {
    margin-top: 20px;
  }
  .separate-containers .type-ppe .inside-article {
    padding: 0 1vw;
  }
  .hide-mobile {
    display: none !important;
  }
  .ifd-article .entry-header .entry-title {
    display: inline-block;
    width: 100%;
  }
  .ifd-article .entry-header .entry-title label {
    height: 2rem;
    width: 2rem;
    display: inline-block;
    margin: 0;
    position: relative;
    top: 4px;
  }
  .ifd-article .open_add_log {
    float: none;
    margin-right: 0;
  }
  .iz-accordion-ppe .link-to-piece .is-style-outline.ppe-current-piece.editing {
    margin-right: 0;
  }
  .single-peopleff .inside-article table.is-style-stripes a {
    width: 100%;
    display: block;
    padding: 10px;
  }
  .single-peopleff .ppe-sets {
    margin-left: 0;
    padding: 0 !important;
    width: 100%;
  }
  .single-peopleff .ab-block-accordion .ab-accordion-text {
    padding: 10px 0 0 0;
  }
  .single-peopleff .dropdate_datepicker {
    max-width: 150px !important;
  }
  .single-peopleff .ppe-sets .sue-icon-text {
    margin-left: 1em;
    margin-bottom: 1em;
  }
  .iz-accordion-ppe .link-to-piece .is-style-outline {
    width: 100%;
    text-align: center;
  }
  .link-to-piece p {
    text-align: center;
  }
  .iz-accordion-ppe .link-to-piece .is-style-outline .ppe-arrows-alt-v {
    display: block;
    margin: auto;
  }
  .iz-accordion-ppe .link-to-piece .is-style-outline .ppe-arrows-alt-h {
    display: none;
  }
  .izw-ppe-select-img section.bespoke-before {
    -webkit-transform: translateX(-185px) rotateY(-70deg) translateX(-652px)
      rotateY(-110deg) translateX(-530px);
    -moz-transform: translateX(-185px) rotateY(-70deg) translateX(-652px)
      rotateY(-110deg) translateX(-530px);
    -ms-transform: translateX(-185px) rotateY(-70deg) translateX(-652px)
      rotateY(-110deg) translateX(-530px);
    -o-transform: translateX(-185px) rotateY(-70deg) translateX(-652px)
      rotateY(-110deg) translateX(-530px);
    transform: translateX(-185px) rotateY(-70deg) translateX(-652px)
      rotateY(-110deg) translateX(-530px);
  }
  .izw-ppe-select-img section.bespoke-before-1 {
    -webkit-transform: translateX(-70px) rotateY(-60deg) translateX(-261px);
    -moz-transform: translateX(-70px) rotateY(-60deg) translateX(-261px);
    -ms-transform: translateX(-70px) rotateY(-60deg) translateX(-261px);
    -o-transform: translateX(-70px) rotateY(-60deg) translateX(-261px);
    transform: translateX(-70px) rotateY(-60deg) translateX(-261px);
    opacity: 0;
  }
  .izw-ppe-select-img section.bespoke-after {
    -webkit-transform: translateX(70px) rotateY(70deg) translateX(652px)
      rotateY(110deg) translateX(530px);
    -moz-transform: translateX(70px) rotateY(70deg) translateX(652px)
      rotateY(110deg) translateX(530px);
    -ms-transform: translateX(70px) rotateY(70deg) translateX(652px)
      rotateY(110deg) translateX(530px);
    -o-transform: translateX(70px) rotateY(70deg) translateX(652px)
      rotateY(110deg) translateX(530px);
    transform: translateX(70px) rotateY(70deg) translateX(652px) rotateY(110deg)
      translateX(530px);
  }
  .izw-ppe-select-img section.bespoke-after-1 {
    -webkit-transform: translateX(0px) rotateY(60deg) translateX(345px);
    -moz-transform: translateX(0px) rotateY(60deg) translateX(345px);
    -ms-transform: translateX(0px) rotateY(60deg) translateX(345px);
    -o-transform: translateX(0px) rotateY(60deg) translateX(345px);
    transform: translateX(0px) rotateY(60deg) translateX(345px);
    opacity: 0;
  }
  .url_to_firefighter.iz-same-width.user-can-edit,
  .iz-same-width.user-can-edit,
  .url_loaner_to,
  .url_loaner_from,
  .url_to_loaned_to {
    width: 100%;
  }
  /*.iz-inline-block:first-child {*/
  /*    margin-right: 0;*/
  /*}*/
  h2.iz-same-width {
    margin-left: 0;
  }
  .assign_to_firefighter label {
    float: none;
  }
  a.url_to_firefighter.iz-same-width,
  .url_loaner_to,
  .url_loaner_from,
  .url_to_loaned_to {
    display: block;
    width: unset;
  }
  .iz-accordion-ppe .is-style-outline {
    padding: 0;
  }
  .open_add_log {
    margin-bottom: 10px;
  }
  #ppe-logs-table a {
    display: inline-block;
  }
  .log-btn-field {
    text-align: center;
  }

  .iz-accordion-ppe .is-style-outline #link_to_piece:placeholder-shown,
  #change_to_piece:placeholder-shown,
  #change_to_piece {
    width: 200px;
  }
  .iz-accordion-ppe .link-to-piece .is-style-outline.editing {
    min-width: auto;
  }
  .iz-accordion-ppe .is-style-outline .link-save-btn,
  input.save-change-to-another-piece {
    position: static;
  }
  .ifd-article {
    padding: 30px 10px !important;
  }
  .ticket-header {
    padding: 0 10px;
  }
  #daily-check-issue {
    padding: 30px 10px;
  }
  #ppe-logs-table_wrapper {
    overflow: auto;
    margin: 0 0 10px;
  }
  #ppe-logs-table tr td.date-col {
    padding: 10px 0;
  }
  #ppe-logs-table td {
    text-align: center;
  }
  tr .details-control {
    display: inline-block;
  }
  .before-add-part .scba-mark-completed {
    width: 95%;
    margin: 0 0 10px;
    padding: 10px 0;
  }
  .before-add-part .scba-add-ticket,
  .scba-step-content .ticket-data .is-mask-issue {
    width: 95%;
    padding: 10px 0;
  }
  .scba-step-content .ticket-data .itempart-markcompleted {
    width: 95%;
    padding: 10px 0;
    margin: 0 0 10px;
  }
  .scba-step-content .ticket-data div.itempart-addother {
    width: 95%;
    padding: 10px 0;
    margin-bottom: 10px;
  }
  a.view-pack-history {
    width: 95%;
  }
  .ifd-article .entry-header .entry-title span {
    width: 100%;
  }
  .grid-vehicle-demo .grid-title {
    float: none;
    margin-bottom: 10px;
  }
  .new-scrollto-timeline {
    text-align: center;
  }
  .new-scrollto-timeline a {
    display: inline-block;
    float: none;
  }
  .loaned_information {
    padding: 5px;
  }
  .borrowed-pack-info > div.b-pack-pastdue {
    display: none;
  }
  #add-borrow-items {
    width: 98%;
  }
  .grid-station-demo.bottles-page .item {
    height: 80px;
    width: 100px;
    margin: 5px;
  }
}
@media all and (max-width: 376px) {
  html #wpadminbar #wp-toolbar {
    display: inline-block;
    width: 100%;
  }
  #wpadminbar .ab-top-secondary {
    display: none;
  }
  .iz-accordion-ppe .ab-accordion-text {
    padding: 10px 0;
  }
  #ppe-logs-table tr td {
    padding: unset;
    text-align: center;
  }
  .type-ppe .inside-article {
    padding: 6px !important;
  }
  #ppe-logs-table {
    margin: auto;
    width: 100% !important;
  }
  #ppe-logs-table thead th {
    padding: 10px;
  }
  #ppe-logs-table thead th.date-col,
  #ppe-logs-table tfoot th.date-col {
    padding: 10px 30px;
  }
  tr .details-control {
    margin-right: 0;
    display: inline-block;
    margin-left: 0;
    width: 17px;
  }

  section.grid-demo .grid.muuri {
    margin: 0 -10px;
  }
}
@media (max-width: 600px) {
  .control {
    float: none;
    width: auto;
    margin: 0 0 15px 0;
  }
  .control.layout {
    margin: 0;
  }

  .desc-on-right {
    text-align: center;
    display: block;
  }
  span.desc-field {
    width: 100%;
    text-align: center;
  }
}

.primary-button {
  border-radius: 5px;
  font-size: 17px !important;
  line-height: 23px;
}
.primary-button:hover{
  background: #666666;
}
.input-text-people {
  background: #2a99c8!important;
  color: #ffffff !important;
  text-align: center;
  border: none!important;
  padding: 10px 20px!important;
  display: inline-block;
  font-size: 17px;
  font-weight: 700;
  border-radius: 5px!important;
  max-width: 180px!important;
  margin:10px;
}
.input-label {
  width: 90px;
  display: inline-block;
}
.input-text-people::placeholder {
  color: #fff;
}
.badge-washed {
  background-color: #019de7!important;
  color: #fff!important;
  padding: 3px 15px;
  /* padding-bottom: 10px; */
  border-radius: 5px;
  font-size: 13px;
  font-weight: bold;
  margin: 5px;
}
.badge-unwashed {
  background-color: #d5ecfa !important;
  color: #019de7!important;
  padding: 3px 15px;
  /* padding-bottom: 10px; */
  border-radius: 5px;
  font-size: 13px;
  font-weight: bold;
  margin: 5px;
}


/*People Archived*/
.archived-field {
  position: relative;
  width: 100%;
  display: inline-block;
  margin-top: 10px;
  max-width: 340px;
}
.archived-field #accept-archived {
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  opacity: 0;
  position: relative;
  z-index: 2;
}
.archived-field .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  width: 50px;
  border-radius: 5px;
  border: 1px #f2f2f2 solid;
  background: #f2f2f2;
}
.archived-field input:checked ~ .checkmark {
  background-color: #f2f2f2;
}
.archived-field .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 0;
  right: 0;
  top: 7px;
  width: 15px;
  height: 27px;
  border: solid #222;
  border-width: 0 6px 6px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: auto;
}
.archived-field input:checked ~ .checkmark:after {
  display: block;
}
label[for="accept-archived"] {
  width: calc(100% - 60px);
  display: flex;
  flex-direction: column;
  position: relative;
  top: -4px;
}
label[for="accept-archived"] p {
  line-height: normal;
  font-size: 14px;
}
.archived-field.cs-archived:before {
  position: absolute;
  content: "ARCHIVED";
  left: 100%;
  background: #d10001;
  font-size: 22px;
  color: #fff;
  font-weight: 900;
  padding: 7px 15px;
  top: 47%;
  transform: translate(0, -53%);
}
.Open-archived-form {
  width: 100%;
  max-width: 460px;
  margin: auto;
  position: relative;
  padding: 10px 30px;
  height: 230px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #d10001;
  border-radius: 5px;
}
.Open-archived-form.cs-green {
  background: #007a17;
}
#Open-archived-form .cs-archived-form {
  text-align: center;
}
#Open-archived-form .cs-archived-form p, #Open-archived-form .cs-archived-form h2 {
  color: #fff;
  text-transform: uppercase;
}
#Open-archived-form .cs-archived-form h2 {
  margin-bottom: 0px;
  font-weight: 900;
  letter-spacing: 1px;
}
#Open-archived-form .cs-archived-form p {
  font-size: 14px;
  opacity: 0.8;
}
.cs-button {
  display: flex;
  justify-content: center;
  margin-top: 35px;
}
.cs-button .cs-btn-1 {
  background: #dddddd;
  font-weight: 900;
  color: #000;
  width: 90px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 26px;
  text-transform: uppercase;
  transition: 0.3s all;
  cursor: pointer;
}
.cs-button .cs-btn-1:hover {
  opacity: 0.75;
}
.people-archived-yes {
  position: relative;
}
.people-archived-yes:before {
  content: "ARCHIVED";
  left: 20px;
  background: #d10001;
  font-size: 22px;
  color: #fff;
  font-weight: 900;
  padding: 7px 15px;
  top: 0;
  transform: translate(0, -50%);
  position: absolute;
}