@import 'jquery.skedTape.css';
@import 'jquery.skedTape.min.css';
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on December 5, 2018 */
@font-face {
  font-family: "montserratblack";
  src: url("montserrat-black-webfont.woff2") format("woff2"),
    url("montserrat-black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "montserratbold";
  src: url("montserrat-bold-webfont.woff2") format("woff2"),
    url("montserrat-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "montserratextrabold";
  src: url("montserrat-extrabold-webfont.woff2") format("woff2"),
    url("montserrat-extrabold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "montserratextralight";
  src: url("montserrat-extralight-webfont.woff2") format("woff2"),
    url("montserrat-extralight-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "montserratlight";
  src: url("montserrat-light-webfont.woff2") format("woff2"),
    url("montserrat-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "montserratmedium";
  src: url("montserrat-medium-webfont.woff2") format("woff2"),
    url("montserrat-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "montserratregular";
  src: url("montserrat-regular-webfont.woff2") format("woff2"),
    url("montserrat-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "montserratsemibold";
  src: url("montserrat-semibold-webfont.woff2") format("woff2"),
    url("montserrat-semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "montserratthin";
  src: url("montserrat-thin-webfont.woff2") format("woff2"),
    url("montserrat-thin-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "montserratmedium_italic";
  src: url("montserrat-mediumitalic-webfont.woff2") format("woff2"),
    url("montserrat-mediumitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "montserratsemibold_italic";
  src: url("montserrat-semibolditalic-webfont.woff2") format("woff2"),
    url("montserrat-semibolditalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "montserratthin_italic";
  src: url("montserrat-thinitalic-webfont.woff2") format("woff2"),
    url("montserrat-thinitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/*Google Material Icons*/
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("/public/fonts/MaterialIcons-Regular.eot");
  /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"),
    url("/public/fonts/MaterialIcons-Regular.woff2") format("woff2"),
    url("/public/fonts/MaterialIcons-Regular.woff") format("woff"),
    url("/public/fonts/MaterialIcons-Regular.ttf") format("truetype");
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

/* Rules for sizing the icon. */
.material-icons.md-18 {
  font-size: 18px;
}

.material-icons.md-24 {
  font-size: 24px;
}

.material-icons.md-36 {
  font-size: 36px;
}

.material-icons.md-48 {
  font-size: 48px;
}

/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
  color: rgba(0, 0, 0, 0.54);
}

.material-icons.md-dark.md-inactive {
  color: rgba(0, 0, 0, 0.26);
}

/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
  color: rgba(255, 255, 255, 1);
}

.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3);
}

body {
  font-size: 12px;
}

#createjobbox {
  padding-top: 20px;
  z-index: 9999;
  right: 0;
  padding: 15px;
  overflow-y: auto;
  height: calc(100vh - 0px) !important;
  /* width: 320px; */
  width: 992px;
  min-width: 320px;
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  top: 0px;
  /*color: #ffffff;*/
  /* 29-Nov-2021 this was causing officer name disappear on search job page (in drop down)*/
  transition-duration: 0.2s, 0.2s, 0.35s;
  transition-timing-function: linear, linear, ease;
  -webkit-overflow-scrolling: touch;
}

div#createjobbox.box-hide {
  right: -320px;
  transition-duration: 0.2s, 0.2s, 0.35s;
  transition-timing-function: linear, linear, ease;
  -webkit-overflow-scrolling: touch;
}

.border {
  padding: 15px;
  border-radius: 15px;
}

.showfilter {
  position: fixed;
  height: 42px;
  width: 168px;
  background: #333333 !important;
  color: #fff !important;
  line-height: 45px !important;
  padding: 0 !important;
  font-size: 13px !important;
  top: 163px;
  right: -65px;
  z-index: 13;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  writing-mode: rl-tb;
  transition-duration: 0.2s, 0.2s, 0.35s;
  transition-timing-function: linear, linear, ease;
  -webkit-overflow-scrolling: touch;
}

.btn.showfilter {
  -webkit-border-top-left-radius: 0px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 5px;
}

.validation-advice {
  color: red;
  font-size: 11px;
}

.showfilter_hide {
  right: 256px;
  transition-duration: 0.2s, 0.2s, 0.35s;
  transition-timing-function: linear, linear, ease;
  -webkit-overflow-scrolling: touch;
}

.mapwrap {
  background: #000;
  padding: 0;
  top: 0;
}

.map {
  height: calc(75vh - 85px) !important;
}

.map.sph {
  height: calc(100vh - 62px) !important;
}

.main-panel>.content {
  padding: 0;
  height: calc(100vh - 53px);
  margin-top: 53px;
  position: relative;
}

body.sidebar-mini .main-panel>.content {
  margin-top: 0;
}

.nomargin {
  margin: 0 !important;
}

.fp {
  width: 48%;
  display: inherit;
}

.searchresultwrap {
  padding: 20px;
  background: #fff;
  border-top: 5px solid darkorange;
  padding-top: 0;
  position: absolute;
  top: 88%;
  width: 100%;
  overflow: hidden;
  display: none;
}

.lh-4 {
  line-height: 42px;
}

.showsearchresult {
  position: absolute;
  top: 81%;
  background: #ff8c00;
  color: #fff;
}

.showsearchresult_hide {
  top: 92%;
  z-index: 1;
}

.main-panel {
  overflow-x: hidden !important;
}

.result_no {
  background: darkorange;
  font-size: 3.5em;
  line-height: 1.15;
  margin-bottom: 30px;
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 52px;
  border-radius: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 21px;
  margin: 5px auto;
}

.found_txt {
  font-size: 14px;
}

.table-responsive {
  overflow: auto;
  padding-bottom: 10px;
}

.dataTables_paginate a {
  /* color: #000; */
  color: #1c274a;
  text-decoration: none;
}

/* .dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background: #fff !important;
  box-shadow: none;
} */
.dataTables_wrapper .dataTables_paginate .paginate_button {
  /* background: #ccc; */
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 15%;
  display: inline;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.active {
  /* background-color: #fff; */
  background-color: #1c274a;
  border: 1px solid #1c274a;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.active a {
  color: #fff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.active:hover {
  /* background: #fff !important; */
  background: #1c274a !important;
  border: 1px solid #1c274a !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #ccc !important;
  border: 1px solid #ccc;
}

/* .dataTables_paginate li:hover {
  background: #333;
  color: #fff;
} */
.refreshfilter {
  background: none;
  border: none;
  color: #fff;
  float: right;
  line-height: 24px;
  cursor: pointer;
}

.row {
  /*width: 100%;*/
}

div.table-responsive>div.dataTables_wrapper>div.row {
  margin: 0;
  width: 100%;
}

table.dataTable thead .sorting:after {
  content: "" !important;
}

table.dataTable thead .sorting_asc:after {
  content: "" !important;
}

table.dataTable thead .sorting_desc:after {
  content: "" !important;
}

table.dataTable .btn.btn-icon {
  margin: 0 3px;
  padding: 7px 8px;
}

.table>thead>tr>th {
  font-size: 12px;
  /* capitailzed text all across the application */
  text-transform: capitalize !important;
  text-align: center;
}

.sidebar[data-color="blue"]:after,
.off-canvas-sidebar[data-color="blue"]:after {
  background: #1c274a;
}


.navbar-nav {
  margin-left: 20px;
}

.btn,
.navbar .navbar-nav>a.btn {
  border-width: 2px;
  font-weight: 500;
  font-size: 11px;
  line-height: 1.35em;
  /* text-transform: uppercase; */
  text-transform: capitalize;
  border: none;
  margin: 8px 1px;
  border-radius: 3px;
  cursor: pointer;
  background-color: #1c274a;
  /* background-color: #0d6800; */
  color: #ffffff;
  /* transition: all 150ms linear; */
}

.form-check .form-check-sign::before,
.form-check .form-check-sign::after {
  border-radius: 3px;
  background-color: #1c274a;
}

.form-check .form-check-sign::after {
  background-color: #5f6fa0;
}

.text-primary,
a.text-primary:focus,
a.text-primary:hover {
  color: #1c274a !important;
}

h3.heading {
  color: #5f6fa0;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success:active:focus,
.btn-success:active:hover,
.btn-success.active:focus,
.btn-success.active:hover,
.show>.btn-success.dropdown-toggle,
.show>.btn-success.dropdown-toggle:focus,
.show>.btn-success.dropdown-toggle:hover {
  background-color: #5f6fa0 !important;
}

.btn-success {
  background-color: #6bd098;
  color: #ffffff;
}

.btn-info {
  background-color: #51bcda;
  color: #ffffff;
}

.btn-danger {
  background-color: #ef0008;
  color: #ffffff;
}

.btn-success:hover {
  background-color: #51bcda
}

.roundcounter {
  background: #51bcda;
  color: #fff;
  width: 32px;
  height: 32px;
  float: left;
  text-align: center;
  border-radius: 100%;
  margin-right: 10px;
  font-size: 18px;
}

.navbar.fixed-top {
  padding: 0;
  display: flex;
  align-items: unset;
}

.navbar .navbar-brand {
  margin: 0 5px;
}

.sidebar .logo a.logo-mini,
.off-canvas-sidebar .logo a.logo-mini {
  opacity: 1;
}

.nav-tabs .nav-item .nav-link.active {
  color: #ffffff;
  border: 1px solid #1c274a;
  border-bottom: 0;
  background: #1c274a;
  /* padding: 5px 20px; */
}

.nav-tabs .nav-item .nav-link.active:before,
.nav-tabs .nav-item .nav-link.active:hover:before,
.nav-tabs .nav-item .nav-link.active:focus:before {
  border-bottom: 4px solid #f4f3ef;
  bottom: -5px;
  right: calc(50% - 5px);
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
}

.full-page>.content {
  padding-top: 1vh;
}

.section-image:after {
  height: auto;
}

.login-page {
  background-image: url(../img/bg/login.jpg);
  background-size: cover;
}

.column100 {
  width: 130px;
  padding-left: 12px;
}

.column100.column1 {
  width: 265px;
  padding-left: 12px;
}

.row100.head th {
  padding-top: 24px;
  padding-bottom: 20px;
}

.row100 td {
  padding-top: 18px;
  padding-bottom: 14px;
}

.ssite {
  background: #f5f5f5;
  color: #000 !important;
}

/*==================================================================
[ Ver1 ]*/
.table100.ver1 td {
  font-size: 14px;
  color: #808080;
  line-height: 1.4;
}

.table100.ver1 th {
  font-size: 12px;
  color: #fff;
  line-height: 1.4;
  text-transform: uppercase;
  background-color: #36304a;
}

.table100.ver1 .row100:hover {
  background-color: #f2f2f2;
}

.table100.ver1 .hov-column-ver1 {
  background-color: #f2f2f2;
}

.table100.ver1 .hov-column-head-ver1 {
  background-color: #484848 !important;
}

.table100.ver1 .row100 td:hover {
  background-color: #6c7ae0;
  color: #fff;
}

.sday {
  background: #a5dc86 !important;
}

.snight {
  background: #87adbd !important;
  color: #fff !important;
}

.ssitename {
  background: #002752 !important;
  color: #fff !important;
}

.ssiteshift {
  background: #0056b3 !important;
  color: #fff !important;
}

.ssiteofficer {
  background: #007fff !important;
  color: #fff !important;
}

.sbtn {
  padding: 5px;
}

.ssite a {
  color: #000;
}

.stitle {
  width: 45%;
  display: inline;
  float: left;
  margin-right: 10px;
}

.popover {
  max-width: 280px;
  min-width: 250px;
}

.imglink {
  padding-top: 10px;
  padding-bottom: 20px;
  display: block;
  float: left;
  margin-right: 10px;
}

.fullwidth {
  float: left;
  width: 100%;
}

.cal-nav {
  padding-left: 15px;
  padding-right: 15px;
  display: block;
  text-align: right;
  background: #607d8b;
  color: #fff;
  float: right;
}

.nav-tabs .nav-item .nav-link.active:after,
.nav-tabs .nav-item .nav-link.active:hover:after,
.nav-tabs .nav-item .nav-link.active:focus:after {
  border-bottom: none;
}

.nav-tabs-navigation {
  border-bottom: 5px solid #1c274a;
  margin-bottom: 15px;
}

.card {
  box-shadow: none;
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.spfilters {
  background: #fff;
  display: inline-block;
  margin-top: -30px;
  margin-bottom: 25px;
  -webkit-border-bottom-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}

.clicked {
  background-color: #ff5722;
  color: #fff;
}

.group_span {
  height: 24px;
  margin-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  min-width: 120px;
}

.inputGroup {
  background-color: #cccccc;
  /* display: block;
    position: relative;
    min-width: 60px; */
}

.dataTables_length select {
  margin: 0 10px;
}

.inputGroup label {
  padding: 7px;
  width: 100%;
  display: block;
  text-align: left;
  color: #000000;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: color 200ms ease-in;
  overflow: hidden;
  margin-bottom: 0;
}

.inputGroup label:before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: "";
  background-color: #1c274a;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}

.inputGroup label:after {
  width: 15px;
  height: 15px;
  content: "";
  border: 2px solid #d1d7dc;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 200ms ease-in;
  background-size: 50%;
}

.inputGroup input:checked~label {
  color: #fff;
}

.inputGroup input:checked~label:before {
  -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1);
  transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}

.inputGroup input:checked~label:after {
  background-color: #51bcda;
  border-color: #51bcda;
}

.inputGroup input {
  width: 25px;
  height: 25px;
  order: 1;
  z-index: 2;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}

.daterange_label {
  line-height: 33px;
  font-size: 11px;
  position: absolute;
  top: -26px;
}

.gobt {
  padding-right: 0;
  padding-left: 0;
  line-height: 11px;
  text-align: center;
  margin-top: 0;
  width: 31px;
  height: 31px;
}

.gobtwrap {
  padding-right: 0;
  padding-left: 0;
  line-height: 33px;
  text-align: right;
}

.sdatewrap {
  padding-right: 0;
  padding-left: 0;
}

.daterange-wrap {
  position: relative;
}

.nopadding {
  padding: 0;
}

.action-assignofficer {
  background-image: url(../img/actions/assignofficer-g.png);
  background-repeat: no-repeat;
  background-position: 5px;
  background-color: #717171;
  text-indent: -5000px;
}
/*
.action-assignofficer:hover {
  background-image: url(../img/actions/assignofficer.png);
  background-repeat: no-repeat;
  background-position: 5px;
} */

.action-assignofficer.ui-checkboxradio-checked.ui-state-active {
  background-image: url(../img/actions/assignofficer.png);
  background-repeat: no-repeat;
}

.action-assignofficer.ui-checkboxradio-checked.ui-state-active:hover {
  background-position: 5px;
}

.action-unassignofficer {
  background-image: url(../img/actions/unassignofficer-g.png);
  background-repeat: no-repeat;
  background-position: 5px;
  text-indent: -5000px;
}

.action-unassignofficer:hover {
  background-image: url(../img/actions/unassignofficer.png);
  background-repeat: no-repeat;
  background-position: 5px;
}

.action-unassignofficer.ui-checkboxradio-checked.ui-state-active {
  background-image: url(../img/actions/unassignofficer.png);
  background-repeat: no-repeat;
}

.action-unassignofficer.ui-checkboxradio-checked.ui-state-active:hover {
  background-position: 5px;
}

.actiondiv {
  width: 120px !important;
  margin-top: 0;
  display: block;
  margin-bottom: -20px;
}

.actiondiv2 {
  width: 160px !important;
  margin-top: 0;
  display: block;
}

.actiondiv3 {
  width: 230px !important;
  margin-top: 0;
  display: block;
}

.text-top-desc {
  margin-bottom: 20px !important;
  color: #515151 !important;
  margin-top: 10px !important;
  font-size: 13px !important;
}

label {
  font-size: 12px;
  margin-bottom: 5px;
  color: #555;
}

#createjobbox label {
  color: #fff;
}

#createjobbox .form-check .form-check-sign::before,
.form-check .form-check-sign::after {
  border-radius: 3px;
  background-color: #ccc;
}

#createjobbox .form-check .form-check-label {
  padding-right: 50px;
}

#searchhistory_wrapper .top {
  float: right;
}

.actiondiv a,
.actiondiv2 a,
.actiondiv3 a {
  cursor: pointer;
}

.ontime {
  color: #49b749;
}

.late {
  color: #e53935;
}

.orangetxt {
  color: orange;
}

.yellowtxt {
  color: yellow;
}

.actionsdiv label {
  width: 28px;
  height: 24px;
  padding: 5px;
  line-height: 24px;
}

.actionsdiv label .ui-checkboxradio-icon-space {
  display: none;
}

.actionsdiv label .ui-checkboxradio-icon {
  display: none;
}

#jobsearchbody .form-check .form-check-sign::after {
  color: #303030;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-top: -3px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 39px;
}

.select2-container--open .select2-dropdown {
  left: 0;
  z-index: 10000;
}

.select2-container .select2-selection--single {
  height: 38px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 36px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 35px;
}

.select2-selection__clear {
  position: absolute !important;
  right: 20px !important;
}

.select2 {
  width: 100% !important;
}

input.star {
  display: none !important;
}

label.star {
  cursor: pointer;
  font-size: 25px;
  color: yellow;
  display: block;
  width: 25px;
  height: 25px;
  line-height: 42px;
  text-align: center;
  float: left;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-shadow: 0 3px 3px #2b3c4e;
}

label.star:hover {
  font-size: 25px;
  color: #fff;
  text-shadow: 0 0 5px #b9c9d8;
}

.mapvh {
  height: calc(100vh - 85px) !important;
}

label.star:before {
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  margin-top: 0;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  content: "\f005";
}

input.star:checked+label~label:before {
  content: "\f006";
}

#wrapper .star {
  display: inline-block;
}

#wrapper:hover .star label:before {
  content: "\f005";
}

#wrapper:hover .star label:hover~label:before {
  content: "\f006";
}

.quicklinks {
  position: absolute;
  z-index: 100;
  top: -5px;
  right: 76px;
}

.quicklinks a {
  margin-left: 10px;
}

.borderdiv {
  border: 1px solid #717171 !important;
  border-radius: 11px;
  padding-top: 16px;
  margin-bottom: 20px !important;
}

.resetfilterbt {
  background: #fff;
  color: #000;
  width: 50%;
  margin: auto;
  margin-bottom: 20px;
}

.advfilter {
  cursor: pointer;
  padding-bottom: 8px;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  position: absolute;
  right: 15px;
  top: 11px;
  z-index: 10000;
  color: #51bcda;
  text-shadow: none;
  opacity: 1;
}

button.close:hover {
  color: #fff;
}

.gm-style-iw h3 {
  font-size: 12px !important;
  margin-bottom: 0px;
  font-weight: bold;
  color: #1c274a;
}

table.dataTable thead .sorting {
  background-image: url(../img/sort_both.png);
}

/*Disabled it to check columns reordering width issue*/
.dataTable {
  width: 100% !important;
}

.logincard .validation-advice {
  width: 100%;
}

/*switch button */
#jbodetailwrap .bootstrap-switch .bootstrap-switch-container {
  width: 204px !important;
}

#jbodetailwrap .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container {
  margin-left: -87px !important;
}

#jbodetailwrap .bootstrap-switch {
  width: 117px !important;
}

span.bootstrap-switch-handle-on {
  display: none !important;
}

/*span.bootstrap-switch-handle-on:before {
    content: 'ASSIGNED';
    display: inline-block;

    width: 97px !important;
}*/
span.bootstrap-switch-handle-off {
  display: none !important;
}

/*span.bootstrap-switch-handle-off:before {
    content: 'UNASSIGNED';
    display: inline-block;
    width: 97px !important;
    padding-right: 0;
    margin-left: -11px;
}*/
div.dataTables_wrapper div.dataTables_processing {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  margin-left: -50%;
  margin-top: -50px;
  text-align: center;
  padding: 1em 0;
  height: auto;
  overflow: hidden;
  background-color: rgb(244, 243, 239);
  background-image: url(../img/bg/source.gif);
  background-repeat: no-repeat;
  background-size: 120px;
  background-position: center;
  font-size: 11px;
  min-height: 93px;
}

.mapsearch {
  z-index: 0;
  position: absolute;
  right: 50px !important;
  top: 7px !important;
  width: 500px;
  left: unset !important;
}

textarea.form-control {
  border: 1px solid #aaa !important;
}

.form-control {
  font-size: 12px;
  background-color: #ffffff;
  border: 1px solid #aaa;
  border-radius: 4px;
  color: #555;
  line-height: normal;
  transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out,
    background-color 0.3s ease-in-out;
  box-shadow: none;
}

.btn-default {
  background-color: #656268;
}

h4.backgroundhead {
  position: relative;
  z-index: 1;
  font-size: 18px;
  font-weight: 400;
  color: #2067a0;
}

h4.backgroundhead:before {
  border-top: 1px solid #2067a0;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
}

h4.backgroundhead span {
  background: #f4f3ef;
  padding: 0 15px;
  padding-left: 0;
}

.profilepic {
  padding: 20px;
  border: 1px solid #ccc;
  background: #fff;
}

.bold {
  font-weight: bold;
}

.infopro .mb-2 {
  border-bottom: 1px solid #ccc;
}

.profile-ac-bt {
  position: absolute;
  top: 28px;
  right: 23px;
  background: #f4f3ef;
  z-index: 1;
}

.edittitle {
  margin-top: 6px;
  float: right;
  margin-left: 5px;
  margin-right: 5px;
  color: #000;
}

#cancel-btn {
  background: none;
  color: #000 !important;
  float: left;
}

#cancel-btn:hover {
  background: transparent !important;
  color: #1c274a !important;
}

#confirm-btn {
  margin-right: 15px;
}

.modal-title {
  text-align: left;
  margin: 0;
}

.modal-header {
  padding: 15px;
}

button.close:hover {
  color: #000;
}

.modal-body {
  padding: 15px;
}

.modalcanceljob {
  background-image: url(../img/modal/JobOrderCancelled.png);
  background-repeat: no-repeat;
  width: 415px;
  height: 57px;
  background-size: contain;
  display: block;
  padding-left: 71px;
  color: #e53935;
  line-height: 57px;
}

.modaldeletejob {
  background-image: url(../img/modal/deletejob.png);
  background-repeat: no-repeat;
  width: 415px;
  height: 57px;
  background-size: contain;
  display: block;
  padding-left: 71px;
  color: #e53935;
  line-height: 57px;
}

.modaldelete {
  background-image: url(../img/modal/delete.png);
  background-repeat: no-repeat;
  width: 415px;
  height: 57px;
  background-size: contain;
  display: block;
  padding-left: 71px;
  color: #e53935;
  line-height: 57px;
}

.modalcancel {
  background-image: url(../img/modal/cancel.png);
  background-repeat: no-repeat;
  width: 415px;
  height: 57px;
  background-size: contain;
  display: block;
  padding-left: 71px;
  color: #e53935;
  line-height: 57px;
}

.modalofficerunassign {
  background-image: url(../img/modal/Unassign.png);
  background-repeat: no-repeat;
  width: 415px;
  height: 57px;
  background-size: contain;
  display: block;
  padding-left: 71px;
  color: #e53935;
  line-height: 57px;
}

.modalsendmessage {
  background-image: url(../img/modal/sendmessage.png);
  background-repeat: no-repeat;
  width: 415px;
  height: 57px;
  background-size: contain;
  display: block;
  padding-left: 71px;
  color: #e53935;
  line-height: 57px;
}

.button.close {
  color: #1c274a;
}

.profile-ac-bt,
.bank-ac-bt,
.remarks-ac-bt,
.licence-ac-bt {
  position: absolute;
  top: 28px;
  right: 23px;
  background: #f4f3ef;
  z-index: 1;
  cursor: pointer;
}

.passport-ac-bt,
.dl-ac-bt,
.visa-ac-bt,
.ni-ac-bt {
  position: absolute;
  top: 44px;
  right: 23px;
  background: #f4f3ef;
  z-index: 1;
  cursor: pointer;
}

.view-licence {
  position: absolute;
  top: 44px;
  right: 59px;
  background: #f4f3ef;
  z-index: 1;
  cursor: pointer;
}

.edittitle {
  margin-top: 6px;
  float: right;
  margin-left: 5px;
  margin-right: 5px;
  color: #000;
}

#licencesdiv {
  background: #e2e2e2;
  padding-top: 20px;
  padding-bottom: 20px;
}

#licencesdiv h5 {
  color: #2067a0;
  font-size: 18px;
}

#btn {
  cursor: pointer;
}

.progress {
  height: 25px;
  font-weight: bold;
  color: #000 !important;
}

.progress-bar {
  background-color: #1c274a;
}

.profile-ac-bt {
  cursor: pointer;
}

.sap_form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.custom_modal_head {
  margin-top: 0;
  text-align: left;
  font-size: 16px;
}

.icon_submit {
  margin-left: 5px;
  float: left;
  display: inline-block;
  background: transparent;
  border: none;
}

.icon_submit:focus {
  outline: none;
}

.card-stats .card-body .numbers {
  text-align: right;
  font-size: 1.5em;
}

#minimizeSidebar {
  position: absolute;
  left: -25px;
  top: 7px;
  background-color: #9c9c9c;
  width: 25px;
  height: 135px;
}

/* transition fade for vue components */
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s;
}

.fade-enter, .fade-leave-to

/* .fade-leave-active below version 2.1.8 */
  {
  opacity: 0;
}

/* transaction for vue components  */
.slide-fade-enter-active {
  transition: all 0.8s ease-in;
  /* transition: all .8s cubic-bezier(1.0, 0.5, 0.8, 1.0); */
}

.slide-fade-leave-active {
  /* transition: all .8s cubic-bezier(1.0, 0.5, 0.8, 1.0); */
  transition: all 0.3s ease-out;
}

.slide-fade-enter, .slide-fade-leave-to

/* .slide-fade-leave-active below version 2.1.8 */
  {
  transform: translateY(-5px);
  opacity: 0;
}

/* transaction for vue components  */
/* tags and Labels */
.tag_label {
  width: 40px;
  margin-right: 15px;
  height: 40px;
  background: transparent;
  border: 0;
  box-shadow: none;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.email_tag {
  background-image: url(../img/tags_labels/email.svg);
}

.address_tag {
  background-image: url(../img/tags_labels/address.svg);
}

.bid_tag {
  background-image: url(../img/tags_labels/hammer.svg);
}

.show_officer {
  background-image: url(../img/tags_labels/show-officer.svg);
}

.client_tag {
  background-image: url(../img/tags_labels/client.svg);
}


.Jobtype_tag {
  background-image: url(../img/tags_labels/JobType.svg);
}
.site_tag {
  background-image: url(../img/tags_labels/site.svg);
}

.country_tag {
  background-image: url(../img/tags_labels/country.png);
}

.city_tag {
  background-image: url(../img/tags_labels/town_city.png);
}

.mobile_tag {
  background-image: url(../img/tags_labels/mobile.svg);
}

.st_flag_tag {
  background-image: url(../img/tags_labels/trips/start_location.svg);
}

.start_date_time_tag {
  background-image: url(../img/tags_labels/trips/start_date_time.svg);
}

.ed_flag_tag {
  background-image: url(../img/tags_labels/trips/red_flag.svg);
}

.end_date_time_tag {
  background-image: url(../img/tags_labels/trips/end_date_time.svg);
}

.distance_tag {
  background-image: url(../img/tags_labels/trips/distance.svg);
}

.duration_tag {
  background-image: url(../img/tags_labels/trips/Duration.svg);
}

.purpose_tag {
  background-image: url(../img/tags_labels/trips/purpose.svg);
}

.type_tag {
  background-image: url(../img/tags_labels/trips/type.svg);
}

.odometer_tag {
  background-image: url(../img/tags_labels/odometer.svg);
}

.speed_meter_tag {
  background-image: url(../img/tags_labels/speed_meter.svg);
}

.condition_tag {
  background-image: url(../img/tags_labels/condition.svg);
}

.job_Scheduled_tag {
  background-image: url(../img/tags_labels/scheduled.png);
}

.job_Upcoming_tag {
  background-image: url(../img/tags_labels/upcoming.svg);
}

.job_Completed_tag {
  background-image: url(../img/tags_labels/completed.svg);
}

.job_Live_tag {
  background-image: url(../img/tags_labels/live.svg);
}

.job_Cancelled_tag {
  background-image: url(../img/tags_labels/cancelled.png);
}

.job_Expired_tag {
  background-image: url(../img/tags_labels/expired.png);
}

.battery_Low {
  background-image: url(../img/tags_labels/battery_low.svg);
}

.battery_Medium {
  background-image: url(../img/tags_labels/battery_half.svg);
}

.battery_High {
  background-image: url(../img/tags_labels/battery_full.svg);
}

.high_risk_tag {
  background-image: url(../img/tags_labels/high_risk.svg);
}

.check_call_tag {
  background-image: url(../img/tags_labels/check_call.svg);
}

.urgent_tag {
  background-image: url(../img/tags_labels/urgent.svg);
}

.notification_tag {
  background-image: url(../img/tags_labels/notification.svg);
}

.btn_on_tag {
  background-image: url(../img/tags_labels/toggle_btn_on.png);
}

.btn_off_tag {
  background-image: url(../img/tags_labels/toggle_btn_off.png);
}

.job_book_off_tag {
  background-image: url(../img/tags_labels/book_off.png);
}

/* tags and Labels */
/* icons */
.icon {
  margin-top: 10px;
  background: transparent;
  border: 0;
  color: red;
  box-shadow: none;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain !important;
}

.nav-icon {
  margin-top: 10px !important;
}

.down_arrow {
  background-image: url(../img/actions/down_arrow.png);
  width: 10px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
}

.up_arrow {
  background-image: url(../img/actions/up_arrow.png);
  width: 10px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
}

.vehicle_notify {
  background-image: url(../img/tags_labels/icons-06.png);
  width: 40px;
  height: 40px;
}

/* add by sheeba */
.nav_acc {
	background-image: url(../img/tags_labels/Notification_Settings_2.png);
	width: 40px;
	height: 40px;
}
.nav_bid {
	background-image: url(../img/tags_labels/Bid_Bell.png);
	width: 40px;
	height: 40px;
}
/* add by sheeba */
.nav_job {
  background-image: url(../img/tags_labels/icons-05.png);
  width: 40px;
  height: 40px;
}

.nav_sos {
  background-image: url(../img/tags_labels/icons-04.png);
  width: 40px;
  height: 40px;
}

/* .mute_icon{
  background-image: url(../img/actions/mute_icon.png);
  width: 30px;
  height: 15px;
} */
.time-nav {
  background-image: url(../img/actions/time_notification.png);
  width: 30px;
  height: 15px;
}

.new_sos_notify {
  background-image: url(../img/actions/sos.png);
  width: 30px;
  height: 15px;
}

.vehicle_menu {
  background-image: url(../img/tags_labels/vehicle_menu.svg);
  width: 20px;
  height: 15px;
  top: -10px;
  opacity: 0.5;
}

.officer_group_menu {
  background-image: url(../img/tags_labels/officers_menu.svg);
  width: 20px;
  height: 15px;
  top: -10px;
  opacity: 0.5;
}

.vehicle_group_menu {
  background-image: url(../img/tags_labels/vehicle_group_top_bar.svg);
  width: 20px;
  height: 20px;
  top: -10px;
  opacity: 0.5;
  /* background-size: auto !important; */
  /* margin: -3px 0px 0px 10px; */
  /* margin-top: 5px !important; */
}

.site_icon_menu {
  background-image: url(../img/tags_labels/sites_top_bar.svg);
  width: 20px;
  height: 20px;
  margin-top: 0px !important;
  opacity: 0.5;
}

.officer_tracking_icon_menu {
  background-image: url(../img/tags_labels/officer_location_menu.svg);
  width: 20px;
  height: 20px;
  margin-top: 0px !important;
  opacity: 0.5;
}

.fleet_tracking_icon_menu {
  background-image: url(../img/tags_labels/fleet_tracking.svg);
  width: 20px;
  height: 20px;
  margin-top: 0px !important;
  opacity: 0.5;
}

.officer_icon_menu {
  background-image: url(../img/tags_labels/officers_menu.svg);
  width: 20px;
  height: 20px;
  margin-top: 0px !important;
  opacity: 0.5;
}

.client_icon_menu {
  background-image: url(../img/tags_labels/clientes_menu.svg);
  width: 20px;
  height: 20px;
  margin-top: 0px !important;
  opacity: 0.5;
}
.visitor_icon_menu {
  background-image: url(../img/tags_labels/visitor_menu.svg);
  width: 25px;
  height: 25px;
  margin-top: 0px !important;
  opacity: 0.5;
}
.understand_doc_icon_menu {
  background-image: url(../img/tags_labels/understand_doc.svg);
  width: 20px;
  height: 20px;
  margin-top: 0px !important;
}
.public_job_icon_menu {
  background-image: url(../img/tags_labels/public_job.svg);
  width: 25px;
  height: 25px;
  margin-top: 0px !important;
}
.doc_icon_menu {
  background-image: url(../img/tags_labels/documents.svg);
  width: 20px;
  height: 20px;
  margin-top: 0px !important;
}
.officer_dashboard_icon_menu {
  background-image: url(../img/tags_labels/officer_dashboard.svg);
  width: 20px;
  height: 20px;
  margin-top: 0px !important;
}
.officer_type_form_icon_menu {
  background-image: url(../img/tags_labels/officer_type_forms.svg);
  width: 20px;
  height: 20px;
  margin-top: 0px !important;
}
.geofence_icon_menu {
  background-image: url(../img/tags_labels/fence_menu.svg);
  width: 20px;
  height: 20px;
  margin-top: 0px !important;
  opacity: 0.5;
}
.geofence_manager_icon_menu {
  background-image: url(../img/tags_labels/geofence_manager.png);
  width: 20px;
  height: 20px;
  margin-top: 0px !important;
}

.device_tracking_icon_menu {
  background-image: url(../img/tags_labels/device_tracking_menu.svg);
  width: 20px;
  height: 20px;
  margin-top: 0px !important;
  opacity: 0.5;
}
.job_type_icon_menu {
  background-image: url(../img/tags_labels/Job_side_icon.svg);
  width: 20px;
  height: 20px;
  margin-top: 0px !important;
}
.department_icon_menu {
  background-image: url(../img/tags_labels/departments_menu.svg);
  width: 20px;
  height: 20px;
  margin-top: 0px !important;
  opacity: 0.5;
}

.admin_icon_menu {
  background-image: url(../img/tags_labels/administrators_menu.svg);
  width: 20px;
  height: 20px;
  margin-top: 0px !important;
  opacity: 0.5;
}

.organisation_icon_menu {
  background-image: url(../img/tags_labels/organisation_menu.png);
  width: 20px;
  height: 20px;
  margin-top: 0px !important;
  opacity: 0.5;
}
.bidding_job_icon_menu {
  background-image: url(../img/bidding_jobs.png);
  width: 20px;
  height: 20px;
  margin-top: 0px !important;
  opacity: 0.5;
}
.vehicle_icon {
  background-image: url(../img/tags_labels/vehicle_top_bar.svg);
  width: 15px;
  height: 15px;
}
.visitor_icon {
  background-image: url(../img/tags_labels/visitor_menu.svg);
  margin-top: 6px !important;
  height: 17px;
  width: 20px;
}

.officer_icon {
  background-image: url(../img/tags_labels/officer_top_bar.svg);
  width: 15px;
  height: 15px;
}

.tracking_icon {
  background-image: url(../img/actions/Officer-Tracking-icon.svg);
  width: 50px;
  height: 50px;
}

.full_screen_icon {
  background-image: url(../img/actions/full_screen_icon.png);
  width: 35px;
  height: 35px;
}

.full_screen_close_icon {
  background-image: url(../img/actions/full_screen_close_icon.png);
  width: 35px;
  height: 35px;
}

.timesheet_icon {
  background-image: url(../img/tags_labels/time-sheet.svg);
  width: 20px;
  height: 15px;
}

.fleet_dashboard_icon {
  background-image: url(../img/tags_labels/fleet-tracking-icon.png);
  width: 20px;
  height: 15px;
}

.collision_icon {
  background-image: url(../img/tags_labels/collision-alerts-icon.png);
  width: 20px;
  height: 15px;
  background-size: contain;
}

.driver_behaviour_icon {
  background-image: url(../img/tags_labels/bell.svg);
  width: 20px;
  height: 15px;
  background-size: contain;
}

.sos_icon {
  background-image: url(../img/tags_labels/sos.png);
  width: 20px;
  height: 15px;
  background-size: contain;
}

.welfare_icon {
  background-image: url(../img/tags_labels/welfare.png);
  width: 20px;
  height: 15px;
  background-size: contain;
}

.geofence_icon {
  background-image: url(../img/tags_labels/fence_top_bar.svg);
  width: 20px;
  height: 15px;
  background-size: contain;
}

.nfc_icon {
  background-image: url(../img/tags_labels/NFC.svg);
  width: 20px;
  height: 15px;
  background-size: contain;
}

.site_icon {
  background-image: url(../img/tags_labels/sites_top_bar.svg);
  width: 20px;
  height: 15px;
  background-size: contain;
}
.map_site_icon {
  background-image: url(../img/tags_labels/map_sites_icon.svg);
  width: 20px;
  height: 15px;
  background-size: contain;
}
.patrol_icon {
  background-image: url(../img/tags_labels/patrol_icon2.png);
  width: 20px;
  height: 15px;
  background-size: contain;
}
.officer_group_icon {
  background-image: url(../img/tags_labels/officers_top_bar.svg);
  width: 20px;
  height: 15px;
  background-size: contain;
}

.administrator_icon {
  background-image: url(../img/tags_labels/administrators_top_bar.svg);
  width: 20px;
  height: 15px;
  background-size: contain;
}

.fence_icon {
  background-image: url(../img/tags_labels/fence_top_bar.svg);
  width: 20px;
  height: 15px;
  background-size: contain;
}

.client_icon {
  background-image: url(../img/tags_labels/clientes_top_bar.svg);
  width: 20px;
  height: 15px;
  background-size: contain;
}

.bid_icon {
  background-image: url(../img/tags_labels/bids_top_bar.svg);
  width: 20px;
  height: 15px;
  background-size: contain;
}

.package_icon {
  background-image: url(../img/tags_labels/PackageIcon.svg);
  width: 20px;
  height: 15px;
  background-size: contain;
}

.reset_icon {
  background-image: url(../img/actions/reset.png) !important;
  width: 20px;
  height: 15px;
  background-size: contain;
}

.contract_icon {
  background-image: url(../img/tags_labels/ContractIcon.svg);
  width: 20px;
  height: 15px;
  background-size: contain;
}

.department_icon {
  background-image: url(../img/tags_labels/departments_top_bar.svg);
  width: 20px;
  height: 15px;
  background-size: contain;
}

.nfc_icon {
  background-image: url(../img/tags_labels/NFC.svg);
  width: 20px;
  height: 15px;
  background-size: contain;
}

.organisation_icon {
  background-image: url(../img/tags_labels/organisations.svg);
  width: 20px;
  height: 15px;
}

.arcentre_icon {
  background-image: url(../img/tags_labels/organisations.svg);
  width: 20px;
  height: 15px;
}

.vehicle_image {
  background-image: url(../img/tags_labels/vehicle_image.png);
  width: 20px;
  height: 15px;
}

.vat_icon {
  background-image: url(../img/tags_labels/Vat.svg);
  width: 20px;
  height: 15px;
}

.discount_icon {
  background-image: url(../img/tags_labels/Discount.svg);
  width: 20px;
  height: 15px;
}

.bank_icon {
  background-image: url(../img/tags_labels/bank.svg);
  width: 20px;
  height: 15px;
}

.vehicle_group_icon {
  background-image: url(../img/tags_labels/vehicle_group_top_bar.svg);
  width: 20px;
  height: 20px;
  margin-top: 5px !important;
}

.site_icon_menu svg path {
  fill: black !important;
}

.information_icon {
  background-image: url(../img/tags_labels/information.png);
  width: 20px;
  height: 18px;
  margin-top: 5px !important;
}

/* icon */
/*Action Icons */
.ac_bt {
  width: 30px;
  margin-right: 6px;
  height: 27px!important;
  cursor: pointer;
  background: transparent;
  border: 0;
  box-shadow: none;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  user-select: none;
}
.ac_bt2 {
  width: 30px;
  height: 27px!important;
  cursor: pointer;
  background: transparent;
  border: 0;
  box-shadow: none;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  user-select: none;
}

.view_officer_w_ac {
  background-image: url(../img/actions/view-officer.svg);
}

.sound_on_sos_ac {
  background-image: url(../img/actions/sound_on_icon.png);
  cursor: pointer;
}

.mute_sos_ac {
  background-image: url(../img/actions/mute_icon.png);
  cursor: auto;
}

.view_officer_w_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  pointer-events: none;
}

/* .view_officer_w_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.add_officer_w_ac {
  background-image: url(../img/actions/officer_add.svg);
}

.add_admin_ac {
  background-image: url(../img/actions/administrators_add.svg);
}

.add_client_ac {
  background-image: url(../img/actions/clientes_add.svg);
}

.deleted_records {
  background-image: url(../img/actions/deleted_records.svg);
}

.back_to_list {
  background-image: url(../img/actions/back_to_list.svg);
}
/*
.qrcode2:hover {
  background-image: url(../img/actions/back_to_list.svg);
} */

.add_package_ac {
  background-image: url(../img/actions/AddPackageIcon.svg);
}

.add_contract_ac {
  background-image: url(../img/actions/AddContractIcon.svg);
}

.add_officer_w_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  pointer-events: none;
}

/* .add_officer_w_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */
/* icon add */
.notification_recipient_image{
	background-image: url(../img/actions/Add_Notification_Recipients.svg);
}

.add_site_w_ac {
  background-image: url(../img/actions/sites_add.svg);
}

.add_checklist_w_ac {
  background-image: url(../img/actions/checklist_add.svg);
}

.add_checklist_view_w_ac {
  background-image: url(../img/actions/checklist_view.svg);
}

.add_site_w_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  pointer-events: none;
}

/* .add_site_w_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.add_sqr_w_ac {
  background-image: url(../img/actions/add_sqr_w.svg);
}

.add_sqr_w_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  pointer-events: none;
}

/* .add_sqr_w_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.add_organisation_w_ac {
  background-image: url(../img/actions/Add-organisations.svg);
}

.add_organisation_w_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  pointer-events: none;
}

/* .add_organisation_w_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.add_arcentre_w_ac {
  background-image: url(../img/actions/Add-organisations.svg);
}

.add_arcentre_w_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  pointer-events: none;
}

/* .add_arcentre_w_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.add_role_ac {
  background-image: url(../img/actions/add-role.svg);
}

.add_role_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  pointer-events: none;
}

/* .add_role_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.add_job_ac {
  background-image: url(../img/actions/add-job-type.svg);
}

.add_dep_ac {
  background-image: url(../img/actions/departments_add.svg);
}

.add_officer_group_ac {
  background-image: url(../img/actions/officers_add.svg);
}

.add_job_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  pointer-events: none;
}

/* .add_job_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.add_license_ac {
  background-image: url(../img/actions/add_license.png);
}

.add_license_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  pointer-events: none;
}

/* .add_license_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.add_qualification_ac {
  background-image: url(../img/actions/add_qualification.svg);
}

.add_qualification_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  pointer-events: none;
}

/* .add_qualification_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.add_document_ac {
  background-image: url(../img/actions/Add-Document.svg);
}

.add_document_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  pointer-events: none;
}

/* .add_document_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.add_alert_ac {
  background-image: url(../img/actions/add_warning.svg);
}

.add_alert_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  pointer-events: none;
}

/* .add_alert_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.add_side_menu_ac {
  background-image: url(../img/actions/add-side-menu.svg);
}

.add_side_menu_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  pointer-events: none;
}

/* .add_side_menu_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.add_rateinvoice_ac {
  background-image: url(../img/actions/add-Rate-invoice.svg);
}

.add_rateinvoice_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  pointer-events: none;
}

/* .add_rateinvoice_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.add_rulesinvoice_ac {
  background-image: url(../img/actions/add-rules.svg);
}

.add_rulesinvoice_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  pointer-events: none;
}

/* .add_rulesinvoice_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.edit_trip_ac {
  background-image: url(../img/actions/edit_trip.png);
}

.edit_trip_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  pointer-events: none;
}

/* .edit_trip_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.edit_w_ac {
  background-image: url(../img/actions/edit-w.svg);
}

.edit_w_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  pointer-events: none;
}

/* .edit_w_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.edit_ac {
  background-image: url(../img/actions/edit.svg);
}

.edit_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  pointer-events: none;
}

/* .edit_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.delete_ac {
  background-image: url(../img/actions/delete.png);
}


.delete_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  opacity: 0.35;
  pointer-events: none;
}
.restore_ac {
  background-image: url(../img/actions/data_revoke.png);
}
.restore_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  opacity: 0.35;
  pointer-events: none;
}

/* .delete_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.update_ac {
  background-image: url(../img/actions/update.png);
}

.update_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5;
  box-shadow: none !important;
  pointer-events: none;
}

/* .update_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.download_ac {
  background-image: url(../img/actions/download.png);
}

.download_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  opacity: 0.35;
  pointer-events: none;
}

/* .download_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.add_ac {
  background-image: url(../img/actions/add_sqr.png);
}

.add_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  opacity: 0.35;
  pointer-events: none;
}

/* .add_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.add_single_vehicle_ac {
  background-image: url(../img/actions/vehicle_add.svg);
}

.add_single_vehicle_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  opacity: 0.35;
  pointer-events: none;
}

/* .add_single_vehicle_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.add_vat_ac {
  background-image: url(../img/actions/add_vat.png);
}

.add_vat_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  opacity: 0.35;
  pointer-events: none;
}

/* .add_vat_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.add_discount_ac {
  background-image: url(../img/actions/Add_Discount.svg);
}

.add_discount_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  opacity: 0.35;
  pointer-events: none;
}

/* .add_discount_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.add_adjust_ac {
  background-image: url(../img/actions/add-adjust.svg);
}

.add_adjust_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  opacity: 0.35;
  pointer-events: none;
}

/* .add_adjust_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.add_device_ac {
  background-image: url(../img/actions/add_devices.svg);
}

.add_devicesupplier_ac {
  background-image: url(../img/actions/add-supplier.svg);
}

.add_device_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  opacity: 0.35;
  pointer-events: none;
}

/* .add_device_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.add_vehicle_ac {
  background-image: url(../img/actions/vg-add.svg);
}

.add_vehicle_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  opacity: 0.35;
  pointer-events: none;
}

/* .add_vehicle_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.add_vehicle_green_ac {
  background-image: url(../img/actions/add_vehicle_green.png);
}

.add_vehicle_green_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  opacity: 0.35;
  pointer-events: none;
}

/* .add_vehicle_green_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.viewjob_ac {
  background-image: url(../img/actions/view-job.svg);
}
.viewtask_ac {
  background-image: url(../img/actions/view-task.svg);
  height: 30px;
  width: 30px;
}

.viewjob_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5;
  box-shadow: none !important;
  pointer-events: none;
}

/* .viewjob_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.viewvehiclegroup_ac {
  background-image: url(../img/fleet_Dashboard/svg_icons/vehicle_group_view.svg);
}

.viewvehiclegroup_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5;
  box-shadow: none !important;
  pointer-events: none;
}

/* .viewvehiclegroup_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.dropdown_ac {
  background-image: url(../img/actions/reset-icon.svg);
}

.viewtrip_ac {
  background-image: url(../img/actions/view-trip.svg);
}

.viewtrip_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5;
  box-shadow: none !important;
  pointer-events: none;
}

/* .viewtrip_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.view_vehicle_w_ac {
  background-image: url(../img/actions/view_vehicle.png);
}

.view_vehicle_w_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5;
  box-shadow: none !important;
  pointer-events: none;
}

/* .view_vehicle_w_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.viewvehicle_ac {
  background-image: url(../img/actions/view-vehicle.svg);
}

.viewvehicle_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5;
  box-shadow: none !important;
  pointer-events: none;
}

/* .viewvehicle_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.view_vehicle_group_ac {
  background-image: url(../img/actions/view_vehicle_group.png);
}

.view_vehicle_group_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5;
  box-shadow: none !important;
  pointer-events: none;
}

/* .view_vehicle_group_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.location_ac {
  background-image: url(../img/actions/log_location.svg);
}

.device_tracking_ac {
  background-image: url(../img/actions/device_tracking_icon_new.svg);
}

.location_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5;
  box-shadow: none !important;
  pointer-events: none;
}

/* .location_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.document_ac {
  background-image: url(../img/actions/rp_doc.svg);
}

.document_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5;
  box-shadow: none !important;
  pointer-events: none;
}

.bootstrap-tagsinput {
  border: 1px solid #a5a4a4;
}

/* .document_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.image_ac {
  background-image: url(../img/actions/view-image.svg);
}

.image_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5;
  box-shadow: none !important;
  pointer-events: none;
}

/* .image_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.email_ac {
  background-image: url(../img/actions/s_email.svg);
}

.email_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5;
  box-shadow: none !important;
  pointer-events: none;
}

/* .email_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.email_ac_white {
  background-image: url(../img/actions/email_white.svg);
}
.email_ac_white.inactive {
  filter: grayscale(100%);
  opacity: 0.5;
  box-shadow: none !important;
  pointer-events: none;
}
/* .email_ac_white:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.info_ac {
  background-image: url(../img/actions/info-icon.svg);
}

.info_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5;
  box-shadow: none !important;
  pointer-events: none;
}

/* .info_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.reset_ac {
  background-image: url(../img/actions/reset-icon.svg);
}

.reset_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5;
  box-shadow: none !important;
  pointer-events: none;
}

/* .reset_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.viewpdf_ac {
  background-image: url(../img/actions/rp_pdf.png);
}

.viewpdf_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5;
  box-shadow: none !important;
  pointer-events: none;
}

/* .viewpdf_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.voice_ac {
  background-image: url(../img/actions/rp_voice.svg);
}

.voice_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5;
  box-shadow: none !important;
  pointer-events: none;
}

/* .voice_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.editjob_ac {
  background-image: url(../img/actions/edit-job-yellow.svg);
}

.editjob_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  pointer-events: none;
}

/* .editjob_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.editjob_w_ac {
  background-image: url(../img/actions/editjob_w.svg);
}

.editjob_w_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  opacity: 0.35;
  pointer-events: none;
}

/* .editjob_w_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.cancel_job {
  background-image: url(../img/actions/cancel.svg);
}

.cancel_job.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  opacity: 0.35;
  pointer-events: none;
}

/* .cancel_job:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.disconnect {
  background-image: url(../img/actions/unlink.svg);
}

.disconnect.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  opacity: 0.35;
  pointer-events: none;
}

/* .disconnect:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.connect {
  background-image: url(../img/actions/link.svg);
}

.connect.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  opacity: 0.35;
  pointer-events: none;
}

/* .connect:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.reset {
  background-image: url(../img/actions/reset_password.svg);
}

.reset.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  opacity: 0.35;
  pointer-events: none;
}

/* .reset:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.cancel_job_w {
  background-image: url(../img/actions/canceljob_w.svg);
}

.cancel_job_w.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  opacity: 0.35;
  pointer-events: none;
}

/* .cancel_job_w:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.remove_job {
  background-image: url(../img/actions/deletejob.png);
}

.remove_job.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  opacity: 0.35;
  pointer-events: none;
}
.restore_job {
  background-image: url(../img/actions/deletejob.png);
}

.restore_job.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  opacity: 0.35;
  pointer-events: none;
}

/* .remove_job:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.send_link_bulk_ac {
  background-image: url(../img/actions/group_sms.svg);
}

.send_link_bulk_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  opacity: 0.35;
  pointer-events: none;
}

/* .send_link_bulk_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.send_link_ac {
  background-image: url(../img/actions/sms.svg);
}

.copy_icon {
  background-image: url(../img/actions/copy.svg);
}

.loc_push {
  background-image: url(../img/actions/fetch-officer-location.svg);
}

.listen_push {
  background-image: url(../img/actions/one_way_y.svg);
}

.voip_call {
  background-image: url(../img/actions/two_way_Y.svg);
}

.edit_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  pointer-events: none;
}

.apply_ac {
  background-image: url(../img/actions/apply.svg);
}

.apply_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .apply_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.clear_ac {
  background-image: url(../img/actions/clear.png);
}

.clear_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .clear_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.clear_all_ac {
  background-image: url(../img/actions/reset.svg);
}

.clear_all_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .clear_all_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.viewofficer_ac {
  background-image: url(../img/actions/view-officer_blue.svg);
}

.viewofficer_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

.viewofficer_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.filter_ac {
  background-image: url(../img/actions/filter.svg);
}
.filter_ac_white {
  background-image: url(../img/actions/filter_white.svg);
}
.face_recognition_icon {
  background-image: url(../img/actions/face_recognition_icon.svg);
}
.face_recognition_red_icon {
  background-image: url(../img/actions/face_recognition_red_icon.svg);
  width: 32px!important;
}
.AI_search_icon {
  background-image: url(../img/actions/AI_search_icon.svg);
    height: 30px;
    width: 30px;
    margin-left: -25px
}
.AI_search_white_icon {
  background-image: url(../img/actions/AI_search_white_icon.svg);
    height: 20px !important;
    width: 20px !important;
    display: inline-block;

}

.filter_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .filter_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.sendmessage_ac {
  background-image: url(../img/actions/sendmessage.png);
}

.sendmessage_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .sendmessage_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.officer_location_ac {
  background-image: url(../img/actions/officer_loc.svg);
  width: 30px;
  height: 30px;
}

.officer_location_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .officer_location_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

/* .site_location_ac {
  background-image: url(../img/actions/site_loc.png);
  width: 40px;
  height: 40px;
} */
.site_location_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .site_location_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.location_log_ac {
  background-image: url(../img/actions/log_icon.svg);
  width: 30px;
  height: 30px;
}

.location_log_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .location_log_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.invited_ac {
  background-image: url(../img/actions/invited.png);
  cursor: default;
}

.unassign_job {
  background-image: url(../img/actions/unassignofficer.png);
}

.unassign_job.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  opacity: 0.35;
  pointer-events: none;
}

/* .unassign_job:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.edit_geofence_ac {
  background-image: url(../img/actions/edit_geofence.png);
}

.edit_geofence_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  opacity: 0.35;
  pointer-events: none;
}

/* .edit_geofence_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.add_geofence_ac {
  background-image: url(../img/actions/fence_add.svg);
}

.add_geofence_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  opacity: 0.35;
  pointer-events: none;
}

/* .add_geofence_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.delete {
  background-image: url(../img/actions/Delete.svg);
}

.delete.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  opacity: 0.35;
  pointer-events: none;
}

/* .delete:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.view_ac {
  background-image: url(../img/actions/view_icon.svg);
}

.view_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .view_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.view_alert {
  background-image: url(../img/actions/view-notification.svg);
}

.view_alert_btn {
  background-image: url(../img/actions/view_alert_btn.png);
}

.view_alert.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .view_alert:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.excel_ac {
  background-image: url(../img/actions/excel.png);
}

.excel_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .excel_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */


.help_ac {
  background-image: url(../img/actions/help.png);
}

.csv_ac {
  background-image: url(../img/actions/csv.png);
}
.csv_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}
/* .csv_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.excel_white_ac {
  background-image: url(../img/actions/excels.svg);
}

.excel_white_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .excel_white_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.mexcel_white_ac {
  background-image: url(../img/actions/mexcel.png);
}

.mexcel_white_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .mexcel_white_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.pdf_white_ac {
  background-image: url(../img/actions/pdf.svg);
}

.pdf_white_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .pdf_white_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.mpdf_white_ac {
  background-image: url(../img/actions/mpdf.png);
}

.mpdf_white_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .mpdf_white_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.arrow_down_white_ac {
  background-image: url(../img/actions/arrow_down_white.png);
}

.arrow_down_white_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .arrow_down_white_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.show_chart_ac {
  background-image: url(../img/actions/show-chart.svg);
}

.show_chart_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .show_chart_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.hide_chart_ac {
  background-image: url(../img/actions/hide-chart.svg);
}

.hide_chart_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .hide_chart_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.disable_chart_ac {
  background-image: url(../img/actions/disable_chart.png);
}

.disable_chart_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .disable_chart_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.show_compare_ac {
  background-image: url(../img/actions/show_compare.svg);
}

.show_compare_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .show_compare_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.hide_compare_ac {
  background-image: url(../img/actions/hide_compare.svg);
}

.hide_compare_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .hide_compare_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.share_ac {
  background-image: url(../img/actions/share.svg);
}

.share_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .share_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.word_ac {
  background-image: url(../img/actions/word.png);
}

.word_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .word_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.ppt_ac {
  background-image: url(../img/actions/ppt.png);
}

.ppt_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .ppt_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.pay_ac {
  background-image: url(../img/actions/PayNow.png);
}

.pay_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .pay_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.pdf_ac {
  background-image: url(../img/actions/pdf.png);
}

.pdf_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .pdf_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.video_play_ac {
  background-image: url(../img/actions/view-video.svg);
}

.video_play_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .video_play_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.timesheet_ac {
  background-image: url(../img/actions/timesheet.png);
}

.timesheet_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .timesheet_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.pdf_red_ac {
  background-image: url(../img/actions/pdf_red.png);
}

.pdf_red_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .pdf_red_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.text_ac {
  background-image: url(../img/actions/view-text.svg);
}

.text_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .text_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.job_pdf_ac {
  background-image: url(../img/actions/pdf_yellow.png);
}

.job_pdf_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .job_pdf_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.full_pdf_ac {
  background-image: url(../img/actions/pdf_blue.png);
}

.full_pdf_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .full_pdf_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.timesheet_excel_ac {
  background-image: url(../img/actions/timesheet-excel2.jpg);
}

.timesheet_excel_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .timesheet_excel_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.createsearch_ac {
  background-image: url(../img/actions/create-scarch.svg);
}

.createsearch_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .createsearch_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.viewsearch_ac {
  background-image: url(../img/actions/viewsearch.png);
}

.viewsearch_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

.standby {
  background-image: url(../img/actions/officerstandby.png);
}

/* .standby:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.standby.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  opacity: 1;
  pointer-events: none;
}

.revoke_officer {
  background-image: url(../img/actions/revoke.png);
}

/* .revoke_officer:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.revoke_officer.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  opacity: 1;
  pointer-events: none;
}

/* .viewsearch_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.deletesearch_ac {
  background-image: url(../img/actions/deletesearch.png);
}

.deletesearch_ac.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
  opacity: 0.35;
  pointer-events: none;
}

/* .deletesearch_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.assignofficer_ac {
  background-image: url(../img/actions/assignofficer.png);
}

.assignofficer_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
  pointer-events: none;
}

/* .assignofficer_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

.send_reminder_ac {
  background-image: url(../img/actions/job-reminder-default.png);
}

.send_reminder_ac.inactive {
  /*filter: grayscale(100%);*/
  background-image: url(../img/actions/job-reminder-disabled.png);
  box-shadow: none !important;
  pointer-events: none;
}

/* .send_reminder_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */

/*Status Icons */
.jobinprogress_st {
  background-image: url(../img/status/st-jobinprogress.png);
}

.jobinprogress_st.inactive {
  filter: grayscale(100%);
  box-shadow: none;
}

.jobnotconfirmed_st {
  background-image: url(../img/status/Job-Not-Confirmed.png);
}

.jobordercanceled_st {
  background-image: url(../img/status/st-jobordercanceled.png);
}

.jobordercanceled_st.inactive {
  filter: grayscale(100%);
  opacity: 0.35 !important;
  box-shadow: none;
}

.jobpending_st {
  background-image: url(../img/status/st-jobpending.png);
}

.jobpending_st.inactive {
  filter: grayscale(100%);
  opacity: 0.35 !important;
  box-shadow: none;
}

.jobsearched_st {
  background-image: url(../img/status/Officer-Searched.png);
}

.jobsearched_st.inactive {
  filter: grayscale(100%);
  opacity: 0.35 !important;
  box-shadow: none;
}

.officersearched_st {
  background-image: url(../img/status/Officer-Searched.png);
}

.officersearched_not_st {
  background-image: url(../img/status/Officer-Searched.png);
  filter: grayscale(100%);
  opacity: 0.35 !important;
  box-shadow: none;
}

.officeravailabilityunknown_st {
  background-image: url(../img/status/st-officeravailabilityunknown.png);
}

.officerdayduty_st {
  background-image: url(../img/status/st-officerdayduty.png);
}

.officerdayduty_st.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
}

.officernightduty_st {
  background-image: url(../img/status/st-officernightduty.png);
}

.officernightduty_st.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
}

.officernotavailable_st {
  background-image: url(../img/status/st-officernotavailable.png);
}

.officernotavailable_st.inactive {
  filter: grayscale(100%);
  opacity: 0.35 !important;
  box-shadow: none;
}

.officernotsearched_st {
  background-image: url(../img/status/st-officernotsearched.png);
}

.officernotsearched_st.inactive {
  filter: grayscale(100%);
  opacity: 0.35 !important;
  box-shadow: none;
}

.officerrejected_st {
  background-image: url(../img/status/officer-rejected.png);
}

.officerrejected_st.inactive {
  filter: grayscale(100%);
  opacity: 0.35 !important;
  box-shadow: none;
}

.officerrequesteddetails_st {
  background-image: url(../img/status/st-officerrequesteddetails.png);
}

.officerrequesteddetails_st.inactive {
  filter: grayscale(100%);
  opacity: 0.35 !important;
  box-shadow: none;
}

.jobnotsent_st {
  background-image: url(../img/actions/job_not_sent.png);
}

.jobnotsent_st.inactive {
  filter: grayscale(100%);
  opacity: 0.35 !important;
  box-shadow: none;
}

.officeronholiday_st {
  background-image: url(../img/status/Officer-on-Holiday.png);
}

.officeronholiday_st.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
}

.job-alert-delivered {
  background-image: url(../img/status/jobalertdelivered.png);
}

.job-alert-delivered.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
}

.job-alert-not-delivered {
  background-image: url(../img/status/Job-Alert-Not-Delivered.png);
}

.job-alert-not-delivered {
  filter: grayscale(100%);
  opacity: 0.35 !important;
  box-shadow: none;
}

.job-alert-not-sent {
  background-image: url(../img/status/Job-Alert-Not-Sent.png);
}

.job-alert-not-sent.inactive {
  filter: grayscale(100%);
  opacity: 0.35 !important;
  box-shadow: none;
}

.job-alert-officer-accepted {
  background-image: url(../img/status/Job-Alert-Officer-Accepted.png);
}

.job-alert-officer-accepted.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
}

.job-alert-officer-read {
  background-image: url(../img/status/Job-Alert-Officer-Read.png);
}

.job-alert-officer-read.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
}

.job-alert-officer-rejected {
  background-image: url(../img/status/Job-Alert-Officer-Rejected.png);
}

.job-alert-officer-rejected.inactive {
  filter: grayscale(100%);
  opacity: 0.35 !important;
  box-shadow: none;
}

.job-alert-sent {
  background-image: url(../img/status/Job-Alert-Sent.png);
}

.job-alert-sent.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
}

.officer-assigned {
  background-image: url(../img/status/officer-assigned.png);
}

.officer-unassigned {
  background-image: url(../img/status/Officer-Unassigned.png);
}

.officer-not-assigned {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
}

.officer-not-on-standby {
  background-image: url(../img/status/Officer-Not-on-Standby.png);
}

.officer-standby {
  background-image: url(../img/status/Officer-on-Standby.png);
}

.officer-unallocated {
  background-image: url(../img/status/officer-unallocated.png);
}

.officer-not-available {
  background-image: url(../img/status/officer-not-available.png);
}

.job-canceled {
  background-image: url(../img/status/Job-Cancelled.png);
}

.job-canceled.inactive {
  filter: grayscale(100%);
  opacity: 0.35 !important;
  box-shadow: none;
}

.job-completed {
  background-image: url(../img/status/Job-Completed.png);
}

.job-completed.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
}

.high_risk_on {
  background-image: url(../img/tags_labels/high_risk.png);
}

.high_risk_on.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
}

.high_risk_off {
  background-image: url(../img/status/high_risk_off.png);
}

.high_risk_off.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
}

.officer-standdown {
  background-image: url(../img/status/Officer-Unassigned.png);
}

.officer-standdown.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
}

.job-pending {
  background-image: url(../img/status/Job-Pending.png);
}

.job-pending.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
}

.job-upcoming {
  background-image: url(../img/status/Job-Upcoming.png);
}

.job-upcoming.inactive {
  filter: grayscale(100%);
  box-shadow: none !important;
}

.officer-notsearched {
  background-image: url(../img/status/Officer-Not-Searched.png);
}

.job-confirmed {
  background-image: url(../img/status/Job-Confirmed.png);
}

.job-confirmed.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
}

.job-not-confirmed {
  background-image: url(../img/status/Job-Not-Confirmed.png);
}

.job-not-confirmed.inactive {
  filter: grayscale(100%);
  opacity: 0.35 !important;
  box-shadow: none;
}

.job-live {
  background-image: url(../img/status/Job-Live.png);
}

.job-live.inactive {
  filter: grayscale(100%);
  opacity: 0.5 !important;
  box-shadow: none;
}

.job-live-issue {
  background-image: url(../img/status/Job-Live-Issue-Detected.png);
}

.job-live-issue.inactive {
  filter: grayscale(100%);
  opacity: 0.35 !important;
  box-shadow: none;
}

.status-with-text {
  width: 70px;
  background-position: left;
  line-height: 30px;
  text-align: right;
}

/*---- Jobs Management | GRID - Job Progress Status icons ---- Start */
.jmg-j-status {
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
}

.jmg-j-status.job-completed {
  background: url("../img/status/completed-job.svg");
  background-size: contain;
}

.jmg-j-status.job-cancelled {
  background: url("../img/status/Job-Cancelled.png");
}

.jmg-j-status.job-confirmed {
  background: url("../img/status/Job-Confirmed.png");
}

.jmg-j-status.job-not-confirmed {
  background: url("../img/status/Job-Not-Confirmed.png");
}

.jmg-j-status.job-live {
  background: url("../img/status/job-live.svg");
  background-size: contain;
}

.jmg-j-status.job-pending {
  background: url("../img/status/pending.svg");
  background-size: contain;
}

.jmg-j-status.job-upcoming {
  background: url("../img/status/Job-Upcoming.png");
}

.jmg-j-status.job-live-issue-detected {
  background: url("../img/status/Job-Live-Issue-Detected.png");
}

.jmg-j-status.job-expired {
  background: url("../img/status/job-expired.png");
}

s

/*---- Jobs Management | GRID - Job Progress Status icons ---- End */
/* ------------ NEW ------------- */
.sp-form-chk .form-check-label {
  margin-bottom: 4px;
}

.sidebar[data-active-color="danger"] .nav li.active>a,
.sidebar[data-active-color="danger"] .nav li.active>a i,
.sidebar[data-active-color="danger"] .nav li.active>a[data-toggle="collapse"],
.sidebar[data-active-color="danger"] .nav li.active>a[data-toggle="collapse"] i,
.sidebar[data-active-color="danger"] .nav li.active>a[data-toggle="collapse"]~div>ul>li.active .sidebar-mini-icon,
.sidebar[data-active-color="danger"] .nav li.active>a[data-toggle="collapse"]~div>ul>li.active>a,
.off-canvas-sidebar[data-active-color="danger"] .nav li.active>a,
.off-canvas-sidebar[data-active-color="danger"] .nav li.active>a i,
.off-canvas-sidebar[data-active-color="danger"] .nav li.active>a[data-toggle="collapse"],
.off-canvas-sidebar[data-active-color="danger"] .nav li.active>a[data-toggle="collapse"] i,
.off-canvas-sidebar[data-active-color="danger"] .nav li.active>a[data-toggle="collapse"]~div>ul>li.active .sidebar-mini-icon,
.off-canvas-sidebar[data-active-color="danger"] .nav li.active>a[data-toggle="collapse"]~div>ul>li.active>a {
  color: #ffffff !important;
  opacity: 1;
}

.loader {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
}

.loader span {
  position: absolute;
  width: 120px;
  top: calc(50% - 4px);
  left: calc(50% - 39px);
  text-align: center;
  color: #fff;
}

.loader span span {
  position: relative;
  top: -20px;
  left: 0;
}

.spinner {
  width: 40px;
  height: 40px;
  position: relative;
  top: calc(50% - 50px);
  left: 50%;
}

.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes sk-bounce {

  0%,
  100% {
    -webkit-transform: scale(0);
  }

  50% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bounce {

  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }

  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

.card-stats .card-footer .stats {
  font-size: 12px;
}

.delete_disabled {
  background-image: url(../img/actions/delete.png);
  filter: grayscale(100%);
  opacity: 0.5;
}

.table tr th:last-child {
  text-align: center;
}

.table tr td:last-child {
  text-align: center;
}

.assignform {
  display: none;
}

.offsearchfilter .select2-container {
  width: 100% !important;
}

.spsps {
  display: block;
  padding-top: 20px;
  border-top: 1px solid #ccc;
  margin-top: 20px;
}

#minimizeSidebar {
  position: absolute;
  left: -2px;
  top: 7px;
  background-color: #9c9c9c;
  width: 18px !important;
  height: 38px;
  min-width: 18px;
}

.customnav {
  padding: 0;
  /* position: fixed !important; */
  top: -1px;
  /* left: 259px; */
  z-index: 998 !important;
}

.customnav-container {
  background: #1c274a;
  color: #fff;
  /* padding: 5px; */
  /* commented by saad */
}


.navbar.navbar-transparent a:not(.dropdown-item):not(.btn) {
  color: #fff;
}

.sidebar-mini .customnav {
  position: relative !important;
  left: 0;
}

.backbtn {
  background: #fff;
  color: #1c274a;
  left: 0;
}

.sidebar-mini .backbtn {
  position: relative;
  /* left: 20px; */
}

.show>.navbar .navbar-nav>a.btn.dropdown-toggle,
.show>.navbar .navbar-nav>a.btn.dropdown-toggle:focus,
.show>.navbar .navbar-nav>a.btn.dropdown-toggle:hover {
  background-color: #607d8b !important;
}

.navbar .navbar-wrapper .navbar-minimize {
  padding-right: 0;
}

@media screen and (max-width: 991px) {
  .customnav {
    position: relative !important;
    left: 0;
  }

  .navbar-toggler {
    left: -56px;
    position: relative;
  }

  .backbtn {
    left: 35px;
  }
}

.clmslec .dropdown-menu {
  padding: 10px;
  z-index: 10000;
}

.clmslec .dropdown-menu .checkbox input {
  margin-right: 5px;
}

/* #scheduled .inputGroup label {
    text-align: right;
    padding-right: 34px;
}

#allocated .inputGroup label {
    text-align: right;
     padding-right: 29px;
}

#unallocated .inputGroup label {
    text-align: right;
    padding-right: 29px;
}
#draft .inputGroup label {
    text-align: right;
    padding-right: 29px;
} */
.maprow {
  overflow: hidden !important;
}

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

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

.gutter.gutter-horizontal {
  cursor: col-resize;
  background-image: url("../img/vertical.png");
}

.gutter.gutter-vertical {
  cursor: row-resize;
  background-image: url("../img/horizontal.png");
}

.split.split-horizontal,
.gutter.gutter-horizontal {
  height: 100%;
  float: left;
}

.columnselect {
  margin-top: 0;
  height: 28px;
  width: 28px;
  background: #ffffff;
  padding: 5px;
  color: #66615b !important;
  border-radius: 3px;
  text-align: center;
  font-size: 17px;
  border: 1px solid #dddddd;
}

.badge.badge-green {
  border-color: #43a047;
  background-color: #43a047;
}

.card-timeline .timeline>li>.timeline-badge {
  color: #ffffff;
  width: 33px;
  height: 33px;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 51.3%;
  margin-left: -25px;
  background-color: #ffffff;
  z-index: 100;
  border: none;
}

li.timeline-inverted:nth-child(even) .timeline-panel {
  float: left !important;
}

.card-timeline .timeline>li>.timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid white;
  border-left: 14px solid #f1f1f1;
  border-right: 0 solid #f1f1f1;
  border-bottom: 14px solid white;
  content: " ";
  background: #ccc;
}

.card-timeline .timeline>li>.timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid white;
  border-left: 15px solid #f1f1f1;
  border-right: 0 solid #e3e3e3;
  border-bottom: 15px solid #ffffff;
  content: " ";
  background: #f1f1f1;
}

li.timeline-inverted:nth-child(even) .timeline-panel:before {
  border-left-width: 15px !important;
  border-right-width: 0 !important;
  left: auto !important;
  right: -15px !important;
}

li.timeline-inverted:nth-child(even) .timeline-panel:after {
  border-left-width: 14px !important;
  border-right-width: 0 !important;
  left: auto !important;
  right: -14px !important;
}

.card-timeline .timeline>li {
  margin-bottom: 0px;
  position: relative;
}

.card-timeline .timeline-body>p,
.card-timeline .timeline-body>ul {
  font-size: 12px;
}

.card-timeline .timeline>li>.timeline-panel {
  margin-bottom: 0px;
  padding: 10px;
  margin-top: -10px;
}

.card-timeline .timeline>li.timeline-inverted>.timeline-panel {
  background-color: #f1f1f1;
}

.assigned_color {
  border-color: #43a047 !important;
  background-color: #43a047 !important;
}

.nav-assigned_color {
  border-color: #2195f2 !important;
  background-color: #2195f2 !important;
}

.standdown_color {
  border-color: #e53935 !important;
  background-color: #e53935 !important;
}

.invited_color {
  border-color: #ffb300 !important;
  background-color: #ffb300 !important;
}

.standby_color {
  border-color: #039be5 !important;
  background-color: #039be5 !important;
}

.card-stats .jobsummary {
  min-height: 156px;
}

.card-stats .card-footer {
  min-height: 77px;
}

#filter button.close:hover {
  color: #fff;
}

table.dataTable {
  font-size: 12px;
  /* width: 100% !important; */
}

.nav-tabs .nav-item .nav-link.active,
.nav-tabs .nav-item .nav-link.active:hover,
.nav-tabs .nav-item .nav-link.active:focus {
  color: #ffffff;
  border: 0px solid #1c274a;
  border-bottom: 0;
  background: #1c274a;
}

.clmnselect {
  margin-right: 233px;
  margin-bottom: -33px;
  position: relative;
  z-index: 10;
}

.clmnselect .dropdown-menu {
  padding: 10px;
  border-radius: 4px;
}

.clmnselect input[type="checkbox"] {
  /* margin-right: 5px; */
  /* height: 16px; */
  width: 16px;
}

.imgthumb {
  width: 100%;
  max-width: 50px !important;
}

[data-notify="container"] {
  display: inline-block;
  margin: 0px auto;
  position: fixed;
  transition: all 0.5s ease-in-out 0s;
  z-index: 1060;
  bottom: 20px;
  right: 20px;
  background-color: #0011bc;
}

.navbar-wrapper {
  /* margin-left: 2rem; */
}

a.navbar-brand {
  margin-left: 1rem;
}

.navbar.navbar-transparent .nav-item .nav-link:not(.btn) {
  color: #fff;
}

.dropdown .dropdown-toggle:after {
  /* margin-left: 10px; */
}

.dropdown-menu {
  padding: 15px;
  background-color: #ffffff;
  border: 0 none;
  border-radius: 2px;
  margin-top: 10px;
}

.dropdownextra {
  opacity: 95% !important;
  border-radius: 1% !important;
}

.dropdown-menu button.btn:last-child {
  margin-bottom: 0;
  display: block;
}

.radio label input[type="radio"],
.radio label input[type="checkbox"] {
  margin-right: 5px;
}

.card.card-stats.card-radio .card-body.jobsummary {
  min-height: auto;
  padding: 8px 12px;
}

.card.card-stats.card-radio .card-body label {
  margin: 0;
  display: block;
  position: relative;
  padding-left: 21px;
}

.card.card-stats.card-radio .card-body label span {
  color: #000;
}

.card.card-stats.card-radio .card-body label input[type="radio"],
.card.card-stats.card-radio .card-body label input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 2px;
}

.card-radio {
  padding: 0;
}

.card-radio .card-body {
  padding: 0.4rem 0.6rem;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
}

.card-radio .card-body label {
  margin: 0;
  position: relative;
  padding-left: 17px;
}

.card-radio .card-body label input[type="radio"],
.card-radio .card-body label input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 3px;
}

.card-radio .card-body label span {
  color: #66615b;
}

.nav-item.dropdown .dropdown-menu {
  padding: 0;
  border-radius: 0px;
  width: 300px;
  font-size: 12px;
}

.notifications-header {
  border-bottom: 1px solid #f4f3ef;
  padding: 5px 10px;
}

.notifications-header .title {
  margin: 0;
  letter-spacing: 1px;
  font-size: 12px;
}

.notifications-header .title-nav {
  margin: 0;
  letter-spacing: 1px;
  font-size: 15px;
  font-weight: bold;
  padding: 10px !important;
}

.notifinations-content {
  height: 400px;
  overflow-y: scroll;
}

.notifinations-content .notifications-sub-header {
  padding: 5px 10px;
  line-height: normal;
  font-size: 12px;
  background: #f1f1f1;
}

.sub-headerextra {
  padding: 0px !important;
  margin-bottom: -10px !important;
}

.nav-today {
  margin-left: 15px;
  padding: 3px;
  font-weight: 600;
  padding-bottom: 10px;
}

.aParent div {
  float: left;
  clear: none;
  padding-bottom: 15px;
}

ul.striped-list {
  list-style-type: none !important;
  margin: 0;
  padding: 0;
  max-width: 100%;
}

ul.striped-list>li {
  border-bottom: 1px solid rgb(221, 221, 221);
  padding: 6px;
}

ul.striped-list>li:nth-of-type(odd) {
  background-color: #efefef;
  opacity: 90% !important;
}

ul.striped-list>li:last-child {
  border-bottom: none;
}

.notifinations-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.notifinations-content ul li.notification-item {
  border-bottom: 1px solid #fafafa;
  padding: 10px;
}

.notifinations-content ul li.notification-item .notification-item-content {
  margin-bottom: 10px;
}

.notifinations-content ul li.notification-item .notification-item-content p {
  line-height: normal;
  font-size: 12px;
}

.notifinations-content ul li.notification-item .notification-item-time h6 {
  margin: 0;
  font-size: 10px;
  letter-spacing: 1px;
}

.item-timeextra {
  float: right !important;
  margin-top: 4px !important;
}

/*-- Notifications Page Styles -- Start --*/
.all-notificatitons {
  padding-bottom: 50px;
}

.all-notificatitons .notifinations-content ul li.notification-item {
  background: #fff;
}

.all-notificatitons .notifinations-content ul li.notification-item:hover {
  background: #f5f5f5;
}

.all-notificatitons .notifinations-content {
  overflow-y: initial;
  height: auto;
}

.notifinations-content ul li.notification-item .notification-item-content p a {
  color: #212529 !important;
  /* text-transform: lowercase; */
  font-size: 12px;
  vertical-align: top;
  border-bottom: 1px solid #ddd;
  text-decoration: none;
}

.notifinations-content ul li.notification-item .notification-item-content p a:hover {
  border-bottom: 1px solid #383b3f;
}

a#navbarDropdownMenuLink {
  /* width: 50px; */
  padding: 0;
}

a#navbarDropdownMenuLink:after {
  margin-left: 0;
}

a#navbarDropdownMenuLink span#notif_counter,
a#navbarDropdownMenuLink span#trip_notif_counter,
a#navbarDropdownMenuLink span#msg_notif_counter {
  position: absolute;
  border-radius: 100px;
  width: 20px;
  height: 20px;
  display: block;
  padding: 6px 0;
  margin: 0;
  left: 18px;
  border: 0;
  font-size: 8px;
  font-weight: normal;
  text-align: center;
  top: 3px;
  z-index: 1;
}

.grouped-notifications .alert.alert-light {
  color: #212129;
  margin: 0;
}

/*-- Notifications Page Styles -- End --*/
.btns-inline.btns-inline-left {
  text-align: left;
}

.btns-inline.btns-inline-center {
  text-align: center;
}

.btns-inline.btns-inline-right {
  text-align: right;
}

/*-- .custom-modal -- Start --*/
.custom-modal {
  position: absolute;
  max-width: 500px;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 1049;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  margin: 0 auto;
  border-radius: 10px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15), 0 0 1px 1px rgba(0, 0, 0, 0.1);
  display: none;
  transition-duration: 0.35s;
  transition-timing-function: ease;
  -webkit-overflow-scrolling: touch;
}

.custom-modal.show-custom-modal {
  display: block;
  transition-duration: 0.35s;
  transition-timing-function: ease;
  -webkit-overflow-scrolling: touch;
}

.custom-modal .custom-modal--header {
  padding: 15px;
  border-bottom: 1px solid #ddd;
}

.custom-modal .custom-modal--header h4 {
  margin: 0;
  font-size: 1.714em;
  font-weight: 400;
  text-align: left;
  padding-left: 71px;
  color: #e53935;
  line-height: 57px;
}

.custom-modal .custom-modal--content {
  padding: 15px;
}

.custom-modal .custom-modal--footer {
  padding: 15px;
  border-top: 1px solid #ddd;
}

.custom-modal .custom-modal--footer .btn {
  float: none !important;
  margin: 0;
}

.modalofficerassign {
  background-image: url(../img/modal/assign-officer.png);
  background-repeat: no-repeat;
  background-size: 57px;
  background-position: 15px 15px;
}

.custom-modal--header.modalofficerassign h4 {
  color: #37b34a;
}

.custom-modal .custom-modal--content .form-group label {
  display: block;
}

.custom-modal .custom-modal--content .form-group .select2-container {
  display: block;
  width: 100% !important;
}

/*-- .custom-modal -- Start --*/
/*-- .tooltip -- Start --*/
.tooltip-inner {
  background-color: #fff;
  color: #212129;
}

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

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

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

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

.tooltip.show {
  opacity: 1;
}

/*-- .tooltip -- End --*/
/*-- .officer-profile -- Start -- */
.officer-profile {
  display: block;
  width: 100%;
}

.officer-profile .officer-profile--header {
  display: block;
  width: 100%;
  background: #fff;
  padding: 0 25px;
}

/*-- .officer-profile -- End -- */
/*-- .job-adv-search -- Start --*/
.job-adv-search {
  background: #fff;
  padding: 10px;
  /* display: none; */
  border-radius: 4px;
  -webkit-transition: all 320ms ease-in-out;
  -moz-transition: all 320ms ease-in-out;
  -ms-transition: all 320ms ease-in-out;
  -o-transition: all 320ms ease-in-out;
  transition: all 320ms ease-in-out;
  /* position: absolute; */
  /* top: 28px; */
  width: 100%;
  margin-bottom: 20px;
  /* right: 291px; */
}

.job-adv-search.show-job-adv-search {
  display: block;
  -webkit-transition: all 320ms ease-in-out;
  -moz-transition: all 320ms ease-in-out;
  -ms-transition: all 320ms ease-in-out;
  -o-transition: all 320ms ease-in-out;
  transition: all 320ms ease-in-out;
  margin-bottom: 20px;
  /* position: relative; */
  z-index: 1;
}

.job-adv-search .form-group {
  margin: 0 0 20px 0;
}

.job-adv-search .form-group label {
  display: block;
  color: #1c274a;
}

button#jobAdvSearch {
  border: 1px solid #ddd;
  background: #fff;
  padding: 6px 10px;
  margin-left: 0;
  margin-right: 0;
  color: #656268;
  margin-top: 0;
  margin-bottom: 0;
}

.job-adv-search-btn {
  margin-right: 276px;
  margin-bottom: -28px;
  position: relative;
  z-index: 10;
  text-align: right;
}

/*-- .job-adv-search -- End --*/
/*-- .officer-profile -- Start -- */
.officer-profile {
  display: block;
  width: 100%;
}

.officer-profile .officer-profile--header {
  display: block;
  width: 100%;
  background: #fff;
  padding: 15px 25px;
  height: 82px;
  border-bottom: 1px solid #ddd;
}

.officer-profile .officer-profile--header .officer-profile--picture {
  -webkit-border-radius: 10px;
  -moz-border-radius: 100%;
  border-radius: 100%;
  overflow: hidden;
  border: 0px solid #ddd;
  padding: 0;
  background: #ffffff;
  text-align: center;
}

/* .officer-profile {}

.officer-profile .officer-profile--general-info {}

.officer-profile .officer-profile--general-info .officer-profile--name {} */
.officer-profile .officer-profile--general-info .officer-profile--name h1 {
  margin: 0 0 5px 0;
  line-height: normal;
  font-size: 22px;
  font-weight: 500;
}

.officer-profile--content .officer-profile--type ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.officer-profile--content .officer-profile--type ul li {
  padding: 0;
  margin: 0 0 8px 0;
  border-radius: 100px;
}

.officer-profile--content .officer-profile--contact ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.officer-profile--content .officer-profile--contact ul li {
  margin: 0 0 10px 0;
}

.officer-profile--content .officer-profile--contact ul li .title {
  margin: 0 0 0px 0;
}

.officer-profile--content .officer-profile--contact ul li .title h5 {
  margin: 0;
  font-size: 11px;
  color: #aaa;
}

.officer-profile-gender {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  border-right: 2px solid #ddd;
  padding-right: 15px;
}

.officer-status {
  display: inline-block;
}

.officer-profile-gender p {
  margin: 0;
}

.officer-status ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.officer-status ul li {
  display: inline-block;
  margin-right: 10px;
}

.officer-profile--content .officer-profile--type ul li:before {
  content: "\ea21";
  font: normal normal normal 14px/1 "nucleo-icons";
  font-size: inherit;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.officer-profile--content {
  background: #fbfbfb;
  padding: 20px 0;
}

.officer-profile--content .title {
  font-size: 11px;
}

.officer-profile--content .title h4 {
  font-size: 16px;
  font-weight: 500;
  margin: 0px 0 10px 0;
}

.officer-profile--content .officer-profile--type ul li:last-child,
.officer-profile--content .officer-profile--contact ul li:last-child {
  margin: 0;
}

.officer-profile--other {
  padding: 20px 0 0 0;
  border-top: 1px solid #ddd;
  margin-top: 20px;
}

.officer-profile--other ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.officer-profile--other ul li {
  font-weight: normal;
  /* font-size: 14px; */
  margin-bottom: 10px;
}

.modal-body.qpv-modal {
  padding: 0;
}

.quick-profile-view {
  background-image: url(../img/modal/quick-profile-view.png);
  background-repeat: no-repeat;
  width: 415px;
  height: 57px;
  background-size: contain;
  display: block;
  padding-left: 71px;
  color: #039be5;
  line-height: 57px;
}

/* button.close span {} */
button.close span img {
  width: 24px;
}

/*-- .officer-profile -- End -- */
.custom-tooltip {
  border-radius: 5px;
  background: #fff;
  width: 220px;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
}

.custom-tooltip .custom-tooltip-content {
  padding: 15px;
  font-size: 11px;
}

.custom-tooltip .custom-tooltip-content p:last-child {
  margin-bottom: 0;
}

.card-body.panel-disabled {
  pointer-events: none;
  cursor: none;
}

.card-body.panel-disabled label input[type="checkbox"] {
  opacity: 0.5;
}

.card-body.panel-disabled label span {
  opacity: 0.8;
}

.officer-type-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 5px;
}

.officer-type-icon:last-child {
  margin-right: 0px;
}

.card.card-without-title {
  padding-bottom: 15px;
}

.card.card-without-title .card-header {
  padding: 0 0px 0 79px;
  position: relative;
  display: block;
  min-height: 50px;
}

.card.card-without-title .card-header .card-header-icon {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 15px;
  top: 15px;
}

.card.card-without-title .card-header .card-header-icon .icon-big {
  min-height: auto;
  font-size: 36px;
}

.card.card-without-title .card-header .card-header-icon .icon-big i {
  line-height: normal;
}

.inputGroups {
  border: 1px solid #c3c3c3;
  border-radius: 3px;
  background: #ccc;
  margin-bottom: 5px;
  overflow: hidden;
  margin-top: 10px;
  display: table;
  width: 100%;
}

.inputGroups .inputGroup {
  display: table-cell;
  background: #ccc;
  position: relative;
  border-right: 1px solid #c3c3c3;
  min-width: 90px;
}

.inputGroups .inputGroup:first-child {
  min-width: 80px;
}

.inputGroups .inputGroup:last-child {
  border-right: 0px solid #c3c3c3;
}

.inputGroups .inputGroup label {
  font-size: 11.6px;
  padding-right: 35px;
  padding-left: 10px;
  /* padding-right: 0; */
  padding-left: 34px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.inputGroups .inputGroup label:after {
  width: 12px;
  height: 12px;
  content: "";
  border: 2px solid #d1d7dc;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  right: inherit;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 200ms ease-in;
  background-size: 50%;
  left: 10px;
}

.row-reverse .inputGroup:first-child {
  border-right: 0;
}

.row-reverse .inputGroup:last-child {
  border-right: 1px solid #c3c3c3;
}

/* .row-reverse .inputGroup {} */
.row-reverse .inputGroup label {
  padding-right: 0.5rem;
}

button.btn.btn-primary.send_notification.btn-sm {
  padding: 7px 10px;
}

button.btn.btn-primary.send_notification.btn-sm span.btn-label {
  margin-right: 5px;
}

.enable-notification {
  margin-right: -15px;
  margin-right: 0;
  margin-bottom: -33px;
  position: relative;
  z-index: 10;
  width: 177px;
  /* float: left; */
  left: 569px;
  top: 3px;
}

.tooltip.fade:not(.show) {
  opacity: 0;
  display: none;
}

.card-body.job-management-card-body.show {
  padding-top: 0;
  padding-bottom: 0;
}

.nav-tabs .nav-item {
  height: auto;
  margin-bottom: 0;
}

.nav-tabs-navigation .nav>.nav-item>.nav-link {
  padding-bottom: 5px;
  border: 0;
  line-height: normal;
}

.nav-tabs-wrapper {
  display: inline-block;
  margin-bottom: 0;
  margin-left: 1.25%;
  margin-right: 1.25%;
  position: relative;
  width: auto;
}

.row-reverse {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-around;
}

/*Travel Mode Custom Radio Buttons*/
.travel-mode {
  position: relative;
}

/* The container */
.trav-mod-rad-container {
  display: inline-block;
  position: relative;
  padding-left: 26px;
  margin-bottom: 0;
  cursor: pointer;
  font-size: inherit;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 26px;
  margin-top: 5px;
  margin-right: 5px;
  /* width: 32px; */
}

/* Hide the browser's default radio button */
.trav-mod-rad-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  width: 25px;
  height: 25px;
  top: 0;
  left: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 32px;
  width: 32px;
  background-color: #eee;
  border-radius: 50%;
  text-align: center;
  padding: 4px 0;
  color: #a1a1a1;
}

/* On mouse-over, add a grey background color */
.trav-mod-rad-container:hover input~.checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.trav-mod-rad-container input:checked~.checkmark {
  background-color: #2196f3;
  color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.trav-mod-rad-container:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.trav-mod-rad-container input:checked~.checkmark:after {
  /* display: block; */
}

/* Style the indicator (dot/circle) */
.trav-mod-rad-container .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.mapwrap .travel-mode {
  position: absolute;
  top: 10px;
  left: 191px;
  background: #fff;
  /* width: 220px; */
  height: 40px;
  border-radius: 2px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  padding: 4px 8px;
}

.mapwrap .travel-mode label.trav-mod-rad-container {
  margin-top: 4px;
  text-align: center;
}

.mapwrap .travel-mode label.trav-mod-rad-container:last-child {
  margin-right: 0;
}

.travel-mode label.trav-mod-rad-container {
  display: inline-block;
  margin-bottom: 0;
}

/*Travel Mode Custom Radio Buttons*/
/*Error Pages*/
.error-page {}

.error-page header {
  background: #28376e;
}

.error-page header .logo {
  display: inline-block;
}

.error-page header .logo a {
  display: block;
  position: relative;
  padding-left: 45px;
  padding-top: 18px;
  padding-bottom: 18px;
  text-decoration: none;
}

.error-page header .logo a img {
  position: absolute;
  width: 35px;
  left: 0;
  top: 11px;
}

.error-page header .logo a h1 {
  font-size: 24px;
  color: #ffffff;
  margin-bottom: 0;
}

section.full-page {}

.error-page .full-page.section-image .card {
  background: transparent;
  margin: 0;
}

.error-page .full-page.section-image {
  position: initial;
  background: #eee;
  height: calc(100vh - 120px);
}

.error-page .full-page.section-image .card .card-body {
  font-size: 18px;
}

.error-page .full-page.section-image .card .card-body h4.card-title {
  display: block;
  font-size: 100px;
  font-weight: 600;
  margin: 0;
  letter-spacing: 5px;
}

.error-page .full-page.section-image .card .card-body .card.card-plain {}

.error-page .full-page.section-image .card .card-body a {
  margin: 40px 0 0 0;
}

.error-page .full-page.section-image .content {
  padding: 89px 0;
}

footer p.copyright {
  margin-top: 1rem;
}

/*Error Pages*/
/*Job Detail View Start*/
.ng-card {
  background: #fff;
  border: 1px solid #e9e8ef;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 100%;
  padding: 0;
}

.ng-card .ng-card--header {
  position: relative;
}

.ng-card .ng-card--header .ng-card-actions {
  position: absolute;
  right: 0;
  top: 3px;
}

.ng-card .ng-card--header .ng-card-actions a {
  display: inline-block;
  width: 32px;
  height: 32px;
  text-align: center;
  color: #dadada;
  padding: 4px;
}

.ng-card .ng-card--header .ng-card-title {
  padding: 10px 32px 10px 15px;
}

.ng-card .ng-card--header .ng-card-title h4 {
  margin: 0;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #888888;
}

.ng-card .ng-card--body {
  padding: 15px;
  height: calc(100% - 37px);
  position: relative;
}

.ng-card .ng-footer {
  padding: 15px;
  border-top: 1px solid #ececec;
}

.ng-card .ng-footer .btn {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.75px;
}

.ng-icon-heading {
  position: relative;
  padding-left: 50px;
  min-height: 40px;
  padding-top: 5px;
}

.ng-icon-heading .ng-title {}

.ng-icon-heading .ng-title h4 {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
}

.ng-icons {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: #e8e8e8;
  border-radius: 100px;
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
}

.ng-icons.ng-bdr-icon {
  background-color: #fff;
  border: 2px solid #e8e8e8;
}

.ng-icons.ng-bdr-icon.ng-bdr-green {
  border-color: #4caf50;
}

.ng-icons.ng-bdr-icon.ng-bdr-orange {
  border-color: #ffb300;
}

.ng-icons.ng-bdr-icon.ng-bdr-blue {
  border-color: #039be5;
}

.ng-icons.ng-bdr-icon.ng-bdr-red {
  border-color: red;
}

.ng-card .ng-card--body .list-group {}

.ng-card .ng-card--body .list-group .list-group-item {
  padding: 0;
  border: 0;
  /* margin-top: 20px; */
  background: transparent;
}

.ng-card .ng-card--body .list-group .list-group-item {
  padding: 0 0 20px 0;
  border: 0;
  margin-top: 0px;
}

.ng-status-icon {}

.ng-job-confirm {
  /* background-image: url(../img/status/Job-Pending.png); */
  background-size: initial;
  background-color: transparent;
  background-image: url(../img/status/Job-Confirmed.png);
}

.ng-icon-heading .ng-icons {
  position: absolute;
  top: 0;
  left: 0;
}

.fnt-sz-8 {
  font-size: 8px;
}

.fnt-sz-10 {
  font-size: 10px;
}

.fnt-sz-12 {
  font-size: 12px;
}

.fnt-sz-14 {
  font-size: 14px;
}

.color-grey {
  color: #bbbbbb;
}

/*ng-switch start*/
/* The switch - the box around the slider */
.ng-switch {
  position: relative;
  display: block;
  /* width: 26px; */
  height: 14px;
  margin: 0;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #000000;
}

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

.panel-disabled label.ng-switch {
  opacity: 0.5;
  pointer-events: none;
}

/* The slider */
.ng-switch--slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  /* left: 0; */
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  width: 26px;
}

.ng-switch--slider:before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked+.ng-switch--slider {
  background-color: #4caf50;
}

/* input:focus + .ng-switch--slider {
  box-shadow: 0 0 1px #4CAF50;
} */
input:checked+.ng-switch--slider:before {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
}

/* Rounded sliders */
.ng-switch--slider.round {
  border-radius: 74px;
}

.ng-switch--slider.round:before {
  border-radius: 50%;
}

/*ng-toggle end*/
.row.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.job-status--card .ng-switch-wrapper {
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 15px;
}

/*Job Detail View Start*/
.ng-card .ng-card--body address {
  margin: 0;
}

ul {
  margin: 0;
}

ul.list-with-icon {
  padding: 0;
  list-style-type: none;
}

ul.list-with-icon li {
  margin: 0 0 5px 0;
  padding: 0 0px 0 20px;
  position: relative;
}

ul.list-with-icon li i {
  font-size: 14px;
  vertical-align: middle;
}

.ng-card .ng-card--body .list-group.list-group-with-icon {}

.ng-card .ng-card--body .list-group.list-group-with-icon .list-group-item {
  position: relative;
  padding-left: 50px;
}

.ng-card .ng-card--body .list-group.list-group-with-icon .list-group-item i.ng-icons {
  position: absolute;
  top: 0;
  left: 0;
}

.ng-card .ng-card--body .list-group.list-group-with-icon .list-group-item .list-item-detials {}

.ng-card .ng-card--body .list-group.list-group-with-icon .list-group-item .list-item-detials h4 {
  margin: 0 0 1px 0px;
  font-size: 12px;
}

.ng-card .ng-card--body .list-group.list-group-with-icon .list-group-item .list-item-detials .li-date-with-icon {
  margin: 0 0 2px 0;
  line-height: normal;
}

.ng-card .ng-card--body .list-group.list-group-with-icon .list-group-item .list-item-detials .li-date-with-icon:last-child {
  margin: 0;
  line-height: normal;
}

.ng-card .ng-card--body .list-group.list-group-with-icon .list-group-item .list-item-detials .li-date-with-icon i {
  font-size: 13px;
  vertical-align: middle;
  color: #8d8d8d;
}

.mini-calender {
  text-align: center;
}

.mini-calender p {
  margin: 0;
}

.mini-calender .mi-ca-date {
  height: 40px;
  width: 40px;
  background: #1c274a;
  border-radius: 80px;
  color: #fff;
  text-align: center;
  margin: 0 auto 5px;
  padding: 10px;
}

.mini-calender .mi-ca-date p {
  margin: 0;
  font-size: 12px;
}

.mini-calender .mi-ca-date p {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
}

.mini-calender .mi-ca-day {
  font-weight: 600;
  font-size: 10px;
  letter-spacing: 0.7px;
}

.mini-calender .mi-ca-mo-yr {
  font-size: 10px;
  letter-spacing: 0.2px;
}

.d-logs {}

.d-logs .d-logs-user-name {}

.d-logs .d-logs-user-name p {
  margin-bottom: 3px;
}

.d-logs .d-logs-timeline {
  background: #f1f2f7;
  border-radius: 4px;
  height: 175px;
}

.d-logs .d-logs-timeline ul {
  margin: 0;
  padding: 10px;
  list-style: none;
  position: relative;
}

.d-logs .d-logs-timeline ul:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: #f9f9f9;
  top: 0;
  bottom: 0;
  left: 24px;
}

.d-logs .d-logs-timeline ul li {
  margin: 0 0 10px 0;
  padding: 0 0 0 34px;
  position: relative;
  line-height: normal;
}

.d-logs .d-logs-timeline ul li:before {
  content: "";
  width: 9px;
  height: 9px;
  background: #888;
  display: block;
  border-radius: 100px;
  position: absolute;
  top: 5px;
  left: 10px;
}

.d-logs .d-logs-timeline ul li:last-child {
  margin: 0;
}

.d-logs .d-logs-timeline ul li.dls-booked-on:before {
  background: #ffb300;
}

.d-logs .d-logs-timeline ul li.dls-checked:before {
  background: #4caf50;
}

.d-logs .d-logs-timeline ul li.dls-manual:before {
  background: #039be5;
}

.d-logs .d-logs-timeline ul li.dls-missed:before {
  background: #f44336;
}

.d-logs .d-logs-timeline ul li.dls-booked-off:before {
  background: #ffb300;
}

.d-logs .d-logs-timeline ul li p {
  margin: 0;
}

.d-logs .d-logs-timeline ul li p+p {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.2px;
}

ul.list-group.connected {
  position: relative;
}

ul.list-group.connected li:first-child:before {
  content: "";
  width: 1px;
  height: 100%;
  background: transparent;
  display: block;
  position: absolute;
  top: 0;
  left: 20px;
  border-width: 1px;
  border-style: dashed;
  border-color: #c9bbbb;
}

/*ng custom scrollbar*/
.d-logs .d-logs-timeline .mCSB_outside+.mCSB_scrollTools {
  right: -15px;
}

.mCS-ng-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #d6d6d6;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-ng-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #ececec;
}

.mCS-ng-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #d6d6d6;
  background-color: rgba(214, 214, 214, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCS-ng-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #d6d6d6;
  background-color: rgba(214, 214, 214, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCS-ng-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-ng-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #d6d6d6;
  background-color: rgba(214, 214, 214, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.ng-card.ng-tabs show {}

.ng-card.ng-tabs .nav-tabs-navigation {
  margin: 0 0 -6px 0;
  border-bottom: 0px solid #ececec;
  text-align: left;
  padding: 0;
}

.ng-card.ng-tabs {
  /* padding: 0; */
}

.ng-card.ng-tabs .nav-tabs-navigation .nav-tabs-wrapper {
  margin: 0;
}

.ng-card.ng-tabs .nav-tabs-navigation .nav-tabs {}

.ng-card.ng-tabs .nav-tabs-navigation .nav-tabs .nav-item {
  /* padding-right: 20px; */
}

.ng-card.ng-tabs .nav-tabs-navigation .nav-tabs .nav-item .nav-link {
  font-size: 12px;
  border-radius: 0;
  padding: 6px 10px;
  color: #9e9e9e;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.75px;
}

.ng-card.ng-tabs .nav-tabs-navigation .nav-tabs .nav-item .nav-link:hover {
  color: #1c274a;
}

.ng-card.ng-tabs .nav-tabs-navigation .nav-tabs .nav-item .nav-link:before {
  content: "";
  width: 100%;
  right: 0;
  left: 0;
  border: 0;
  height: 2px;
  background: #1c274a;
  bottom: -1px;
}

.ng-card.ng-tabs .nav-tabs-navigation .nav-tabs .nav-item.active {}

.ng-card.ng-tabs .nav-tabs-navigation .nav-tabs .nav-item .nav-link.active {
  color: #1c274a;
  background: transparent;
}

.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;
}

.nav-badge {
  display: inline-block;
  padding: 0.7em 1.2em;
  /* width: 83px; */
  font-size: 70%;
  font-weight: 700;
  font-family: "MONTSERRAT";
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.2rem;
  color: white;
}

.badge.badge-light {
  background: #aa9e9e;
  color: #656565;
  border: 0;
  padding: 0;
  border-radius: 100px;
  margin: 0;
  font-size: 12px;
  padding: 5px 9px;
}

.badge.badge-light.badge-active {
  width: 20px;
  height: 20px;
  text-align: center;
  padding: 0px;
  margin-left: 5px !important;
  color: #fff;
  vertical-align: middle;
  background: #1c274a;
  padding: 4px 3px;
  position: absolute;
  right: 0;
  top: 0;
}

.ng-card.ng-tabs .nav-tabs-navigation .nav-tabs .nav-item .nav-link .badge {
  position: absolute;
  right: -3px;
  top: 4px;
  width: 40px;
  height: 20px;
  text-align: center;
  padding: 4px;
}

.ng-card.ng-tabs .nav-tabs-navigation .nav-tabs .nav-item .nav-link {
  padding-right: 40px;
}

.ng-card.ng-tabs .nav-tabs-navigation .nav-tabs .nav-item .nav-link .badge i {
  font-style: normal;
  font-size: 10px;
}

.ng-card.ng-tabs .nav-tabs-navigation .nav-tabs .nav-item .nav-link.active .badge {
  color: #fff;
  background: #1c274a;
}

.ng-card.ng-tabs .ng-tabs-body {
  padding: 15px 15px 0;
}

ul.list-with-icon li i {
  position: absolute;
  left: 0;
  top: 2px;
}

.dataTables_length {}

.dataTables_length select.form-control:not([size]):not([multiple]) {
  padding: 0 0px 0 5px;
  height: 29px;
}

.color-dark-grey {
  color: #888888;
}

.ack-status-icn {
  width: 30px;
  margin-right: 0;
  height: 30px;
  cursor: pointer;
  /* background: transparent; */
  border: 0;
  box-shadow: none;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  text-align: center;
}

.ack-status-icn.ack-na {
  background-image: url(../img/status/ack_na.png);
}

.ack-status-icn.ack-no {
  background-image: url(../img/status/ack_no.png);
}

.ack-status-icn.ack-yes {
  background-image: url(../img/status/ack_yes.png);
}

.book-on-off {
  padding: 28px 0 0 0;
}

.book-on-off button {
  margin: 0;
  width: 50%;
}

.book-on-off .book-on-off-time {
  display: inline-block;
  vertical-align: middle;
  width: 48%;
  padding: 8px 11px;
}

.book-on-off .book-on-off-time i {
  font-size: 14px;
  margin-right: 2px;
  margin-top: 0;
  position: relative;
  top: 1px;
}

.book-on-off.disabled {
  opacity: 0.5;
}

.book-on-off.disabled button {
  background: #ccc;
  color: #868686;
}

.book-on-off.disabled .book-on-off-time {
  color: #868686;
}

.ng-job-start {
  background-image: url(../img/status/starts-on.png);
}

.ng-job-end {
  background-image: url(../img/status/ends-on.png);
}

.ng-job-searched {
  background-image: url(../img/status/searched-on.png);
}

.ng-job-posted {
  text-transform: uppercase;
}

.ng-job-posted span {
  text-transform: initial;
}

/*ng-checkbox*/
/* Customize the label (the container) */
.ng-checkbox {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.ng-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 20px;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.ng-checkbox:hover input~.checkmark {
  background-color: #666;
}

/* When the checkbox is checked, add a blue background */
.ng-checkbox input:checked~.checkmark {
  background-color: #1c274a;
}

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

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

/* Style the checkmark/indicator */
.ng-checkbox .checkmark:after {
  left: 7px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

label.ng-checkbox {
  font-size: 12px;
  margin-bottom: 10px;
  color: #272727;
}

.ng-checkbox .checkmark {
  width: 20px;
  height: 20px;
}

.ng-checkbox.ng-chkbox-no-text {
  padding: 0;
  height: 20px;
  width: 20px;
}

.ng-checkbox.ng-chkbox-center {
  margin: 0 auto;
  display: inline-block;
  position: relative;
}

.ng-checkbox.ng-chkbox-center .checkmark {
  left: 0;
  right: 0;
  margin: 0 auto;
  /* display: inline-block; */
}

.ng-checkbox.ng-chkbox-center input {
  margin: 0;
}

.ng-checkbox.ng-chkbox-sq {
  border-radius: 0;
  min-height: 20px;
  padding-top: 3px;
}

.ng-checkbox.ng-chkbox-sq .checkmark {
  border-radius: 0;
  border: 2px solid #aaa;
  background: #fff;
}

.ng-checkbox.ng-chkbox-sq input:checked~.checkmark {
  border: 2px solid transparent;
  background-color: #1c274a;
}

.ng-checkbox.ng-chkbox-sq input:checked~.checkmark:after {
  top: 2px;
  left: 6px;
}

.ng-checkbox.ng-chkbox-sq:hover .checkmark,
.ng-checkbox.ng-chkbox-sq:focus .checkmark {
  border: 2px solid transparent;
  background-color: #1c274a;
}

.ng-checkbox.ng-chkbox-sq:focus-within .checkmark {
  box-shadow: 0 0 0 2px #7cc7ff;
  outline: 1px solid transparent;
}

.dropdown-menu label:last-child {
  margin: 0;
}

.tb-dropdown.active {
  box-shadow: 0 0 0 2px #7cc7ff !important;
  outline: 1px solid transparent !important;
}

.tab-content>.tab-pane {
  position: relative;
}

.pos-abs-buttons {
  position: absolute;
  right: 282px;
  top: 0;
  z-index: 99;
}

.pos-abs-buttons .btn {
  margin: 0;
  padding: 8px 16px 7px 16px;
}

.ng-btn-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0;
  border-radius: 2px;
  position: absolute;
  top: 5px;
  left: 5px;
}

.ng-btn-icon.assign-officer {
  background-image: url(../img/status/officer-assigned.png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  background-size: 16px;
}

.ng-btn-icon.unassign-officer {
  background-image: url(../img/status/Officer-Unassigned.png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  background-size: 16px;
}

.card-allocated-unallocated {
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
}

.card-allocated-unallocated .btn {
  padding: 3px 7px 3px 31px;
  min-height: 30px;
  position: relative;
}

.ng-grid-header-icons {
  width: 28px;
  height: 28px;
  display: inline-block;
  background-size: 28px;
  background-repeat: no-repeat;
  background-position: 0;
  vertical-align: middle;
}

.ng-grid-header-icons.icon-invite-officers {
  background-image: url(../img/actions/ng-send-job-alert.png);
}

.ng-grid-header-buttons .invite_all[disabled] .ng-grid-header-icons.icon-invite-officers {
  background-image: url(../img/actions/sendjobdetails-disable.png);
}

.ng-grid-header-icons.icon-save-search {
  background-image: url(../img/actions/ng-save-search.png);
}

.ng-grid-header-icons.icon-view-search {
  background-image: url(../img/actions/viewsearch.png);
}

.ng-grid-header-buttons .view_search[disabled] .ng-grid-header-icons.icon-view-search {
  background-image: url(../img/actions/view-search-disabled.png);
}

.ng-grid-header-icons.icon-view-job {
  background-image: url(../img/actions/ng-view-job.png);
}

.ng-grid-header-buttons {}

.ng-grid-header-buttons .btn {
  padding: 0;
  height: 28px;
  line-height: 20px;
  background-color: transparent !important;
}

.ng-grid-header-buttons .btn:hover {
  background-color: #fff !important;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) !important;
}

.ng-card .ng-header {
  padding: 15px 0 6px 0;
  border-bottom: 1px solid #ececec;
  margin: 0 15px;
  background: #ffffff;
  z-index: 9;
}

.ng-card .ng-header .ng-title {
  margin: 0;
  padding: 2px 24px 2px 0;
  line-height: normal;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.75px;
  position: relative;
  display: inline-block;
}

.badge.badge-light i {
  font-size: 10px;
  font-style: normal;
}

.sidebar #minimizeSidebar {
  color: #1c274a;
  left: -8px;
  /* inherit */
  right: -12px;
  top: 14px;
  z-index: 999;
  margin: 0;
  height: 24px !important;
  border-radius: 100px;
  background: #fff;
  border: 2px solid #fff;
  padding: 0;
  text-align: center;
  width: 24px !important;
}

.pos-rel {
  position: relative;
}

.sidebar #minimizeSidebar i.nc-icon.nc-minimal-right.text-center.visible-on-sidebar-mini {
  color: #1c274a;
}

i.nc-icon.nc-minimal-left.text-center.visible-on-sidebar-regular {
  color: #dadada;
}

.sidebar #minimizeSidebar:hover,
.sidebar #minimizeSidebar:focus {
  background-color: #ffffff !important;
  color: #403d39 !important;
  box-shadow: none !important;
  border-color: #51cbce;
}

form {}

form .form-group {
  margin-bottom: 20px;
}

form label,
form .form-group label {
  display: block;
  color: #555;
  font-size: 10px;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clearfix {
  display: inline-block;
}

/* start commented backslash hack \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* close commented backslash hack */
.ng-btn-group {}

.ng-btn-group .btn+.btn {
  margin: 0;
}

.ng-btn-group .btn.active {
  background-color: #4caf50 !important;
}

.ng-btn-group .btn.active:hover {
  color: #fff !important;
  background-color: #4caf50 !important;
}

.ng-btn-group .btn.inactive {
  background-color: #5f5f5f !important;
}

.ng-btn-group .btn.inactive:hover {
  color: #fff !important;
  background-color: #5f5f5f !important;
}

.ng-btn-group .btn {
  background-color: #ececec !important;
  border: 0;
  margin: 0;
}

.ng-btn-group .btn:hover,
.ng-btn-group .btn:focus {
  color: #4caf50 !important;
  background-color: #dedede !important;
}

.form-check-radio .form-check-label {
  padding-left: 2rem;
  padding-top: 5px;
}

.sidebar-mini .sidebar .m-menu-icon {
  display: inline-block !important;
}

.sidebar-mini .sidebar:hover .m-menu-icon {
  display: none !important;
}

.sidebar .chevron-right {
  display: none !important;
}

.sidebar-mini .sidebar:hover .chevron-right {
  display: inline-block !important;
}

.sidebar-mini .sidebar:hover .caret {
  display: block;
}

.sidebar-mini .sidebar .caret {
  display: none;
}

.ng-grid-header-buttons .save_search[disabled] .ng-grid-header-icons.icon-save-search {
  background-image: url(../img/actions/ng-save-search-disabled.png);
}

.save_search {}

.save_search:hover .ng-grid-header-icons.icon-save-search {
  /* background-image: url(../img/actions/ng-save-search-hover.png); */
}

.ng-grid-header-buttons .view_job_url {}

.ng-grid-header-buttons .view_job_url:hover .ng-grid-header-icons.icon-view-job {
  /* background-image: url(../img/actions/viewjob.png); */
}

.ng-grid-header-buttons .view_job_url[disabled] .ng-grid-header-icons.icon-view-job,
.ng-grid-header-buttons .btn-view-job[disabled] .ng-grid-header-icons.icon-view-job {
  background-image: url(../img/actions/viewjob-disable.png);
}

.ng-grid-header-icons.icon-create-job {
  background-image: url(../img/actions/createjob.png);
}

.ng-grid-header-buttons .btn-create-job[disabled] .ng-grid-header-icons.icon-create-job {
  background-image: url(../img/actions/create-job-disabled.png);
}

th.wrap,
th.wrap {
  white-space: inherit !important;
}

.form-group .form-control,
.input-group .form-control {
  padding: 0.375rem 0.75rem;
  min-height: calc(2.25rem + 2px);
}

.ng-card-header-button {
  padding: 0;
  margin: 0;
  background-color: #fff;
  border-color: transparent;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.ng-card-header-button:hover,
.ng-card-header-button:focus,
.ng-card-header-button:active,
.ng-card-header-button:active:focus {
  background: #fff !important;
}

.ng-card-header-button.ng-card-header-button-green {
  color: #0d6800;
}

.save_search:hover .ng-grid-header-icons.icon-save-search {
  /* background-image: url(../img/actions/ng-save-search-hover.png); */
}

.ng-grid-header-buttons .view_job_url {}

.ng-grid-header-buttons .view_job_url:hover .ng-grid-header-icons.icon-view-job {
  /* background-image: url(../img/actions/viewjob.png); */
}

.ng-grid-header-buttons .view_job_url[disabled] .ng-grid-header-icons.icon-view-job {
  background-image: url(../img/actions/viewjob-disable.png);
}

th.wrap,
th.wrap {
  white-space: inherit !important;
}

.form-group .form-control,
.input-group .form-control {
  padding: 0.375rem 0.75rem;
  min-height: calc(2.25rem + 2px);
}

.ng-card-header-button {
  padding: 0;
  margin: 0;
  background-color: #fff;
  border-color: transparent;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.ng-card-header-button:hover,
.ng-card-header-button:focus,
.ng-card-header-button:active,
.ng-card-header-button:active:focus {
  background: #fff !important;
}

.ng-card-header-button.ng-card-header-button-green {
  color: #0d6800;
}

.ng-card-header-button.ng-card-header-button-green[disabled] {
  background: #ccc;
}

.ng-card-header-button .ng-card-header-icons {
  width: 30px;
  height: 30px;
  display: block;
}

.ng-card-header-icons.ng-add-field-officer {
  background: url("../img/actions/ng-add-new-officer.png");
}

.card-allocated-unallocated .ng-btn-icon {
  width: 30px;
  height: 30px;
  background-size: 30px;
}

.ng-grid-header-buttons .dropdown {
  display: inline-block;
}

.ng-grid-header-buttons .dropdown .dropdown-toggle {}

.ng-grid-header-buttons .dropdown .dropdown-toggle:hover,
.ng-grid-header-buttons .dropdown .dropdown-toggle:focus,
.ng-grid-header-buttons .dropdown .dropdown-toggle:focus:hover {
  background-color: #fff !important;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) !important;
}

.ng-grid-header-buttons .show>.dropdown-toggle {
  background-color: #fff !important;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) !important;
}

.ng-grid-header-buttons .dropdown .dropdown-toggle:after {
  border-top: 0.3em solid #666;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  margin-left: 5px;
  margin-right: 5px;
}

.ng-grid-header-buttons .dropdown .dropdown-menu {
  border-radius: 4px;
  padding: 10px;
}

.ng-grid-header-buttons .dropdown .dropdown-menu .btn {
  width: 100%;
  background: #1c274a !important;
  padding: 5px 15px;
  display: block;
}

.positionSticky {
  display: flex;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
}

/* .scrollDiv {
  height: 100vh;
  overflow: scroll;
  padding-bottom: 320px;
} */
.overflow-hidden {
  overflow: hidden;
}

.urgent_color {
  background-color: #f44336;
  border-color: #f44336;
}

.accepted_color {
  background-color: #4caf50;
  border-color: #4caf50;
}

.acknowledged_color {
  background-color: #4caf50;
  border-color: #4caf50;
}

.acknowledged_color {
  background: #ffb300;
  border-color: #ffb300;
}

/****** ADNAN IQBAL CSS ******/
.bookOn {
  background: #0d70ef;
}

.bookOn:hover,
.btn.bookOn:focus {
  background: #333 !important;
}

.time-On-Toggle {
  float: left;
  width: 87%;
  position: absolute;
  z-index: 99;
  display: none;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #ccc;
  padding: 10px;
}

.time-On-Toggle:before {
  content: "";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  position: absolute;
  top: -15px;
  left: 40px;
}

.time-On-Toggle .timeInput {
  display: none;
  width: 100%;
  margin-bottom: 10px;
  margin-top: 20px;
}

.timeInput input.book-time {
  display: inline-block;
  width: 100%;
  border: 1px solid #ccc;
  padding: 5px 7px;
}

.time-On-Toggle #Book-On-Time {
  width: 100%;
  background: #1388f9;
  border: none;
  line-height: 40px;
  margin-top: 10px;
  color: #fff;
}

.time-On-Toggle #Book-On-Time:hover,
.time-On-Toggle #Book-On-Time:focus {
  background: #1074d5;
}

.time-On-Toggle input.book-time,
.time-On-Toggle #Book-On-Time {
  border-radius: 3px;
}

.officerprofile {
  /*margin: 70px 20px;*/
  max-width: 90%;
}

.officerprofile .modal-content {
  box-shadow: none;
}

.officer-past-exp {
  margin-top: 30px;
}

.officer-past-exp h4 {
  margin: 10px 0 30px;
}

.table-bordered th {
  border: 1px solid #dee2e6 !important;
}

.table-bordered thead th {
  border-bottom-width: 4px !important;
}

.last-work-schedule {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
}

.last-work-schedule li {
  display: inline-block;
  font-size: 12px;
  list-style: none;
  width: 45%;
  border-right: 1px solid #666;
  padding: 0 10px;
  text-align: center;
}

.last-work-schedule li:last-child {
  border-right: none;
}

.table tr td:last-child {
  width: 20%;
  /* previously set 30% width of last */
  /* width: 30%; */
}

.officer-past-exp .table td {
  text-align: left;
}

.pos-rel {
  left: 0;
  top: 350px;
}

.sidebar #minimizeSidebar {
  background: transparent;
  /* #1c274a */
  color: #fff;
  border: none;
}

.sidebar #minimizeSidebar:hover,
.sidebar #minimizeSidebar:focus {
  background: #3864ed !important;
  color: #fff !important;
  border-color: #3864ed !important;
}

.chevron-right,
.visible-on-sidebar-regular {
  font-size: 24px;
  position: relative;
  top: 1px;
  left: -1px;
}

.m-menu-icon {
  font-size: 14px;
  position: relative;
  top: 1px;
}

.btn-toggle {
  margin: 0 0rem;
  padding: 0;
  position: relative;
  border: none;
  height: 1.5rem;
  width: 3rem;
  border-radius: 1.5rem;
  color: #6b7381;
  background: #999 !important;
  /* bdc1c8 */
}

.btn.btn-toggle:hover,
.btn.btn-toggle:focus {
  background: #999 !important;
}

.btn-toggle:focus,
.btn-toggle.focus,
.btn-toggle:focus.active,
.btn-toggle.focus.active {
  outline: none;
}

.btn-toggle:before,
.btn-toggle:after {
  line-height: 1.5rem;
  width: 4rem;
  text-align: center;
  font-weight: 400;
  font-size: 0.55rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  bottom: 0;
  transition: opacity 0.25s;
}

.btn-toggle:before {
  content: "Off";
  left: -4rem;
}

.btn-toggle:after {
  content: "On";
  right: -4rem;
  opacity: 0.5;
}

.btn-toggle>.handle {
  position: absolute;
  top: 0.1875rem;
  left: 0.1875rem;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 1.125rem;
  background: #fff;
  transition: left 0.25s;
}

.btn-toggle.active {
  transition: background-color 0.25s;
}

.btn-toggle.active>.handle {
  left: 1.6875rem;
  transition: left 0.25s;
}

.btn-toggle.active:before {
  opacity: 0.5;
}

.btn-toggle.active:after {
  opacity: 1;
}

.btn-toggle.btn-sm:before,
.btn-toggle.btn-sm:after {
  line-height: -0.5rem;
  color: #fff;
  letter-spacing: 0.75px;
  left: 0.4125rem;
  width: 2.325rem;
}

.btn-toggle.btn-sm:before {
  text-align: right;
}

.btn-toggle.btn-sm:after {
  text-align: left;
  opacity: 0;
}

.btn-toggle.btn-sm.active:before {
  opacity: 0;
}

.btn-toggle.btn-sm.active:after {
  opacity: 1;
}

.form-check .form-check-label {
  padding-left: 35px;
}

.btn.btn-toggle.active {
  background-color: #29b5a8 !important;
}

.sidebar #minimizeSidebar {
  width: 35px !important;
  height: 35px !important;
}

.dashboard-home {
  height: 900px !important;
}

.sidebar .logo a.logo-mini {
  margin: 0 0 0 11px;
}

.sidebar .logo {
  text-align: center;
}

.visible-on-sidebar-regular {
  top: 2px;
}

.offsearchfilter {
  margin-bottom: 30px !important;
}

.form-check.sp-form-chk {
  margin-bottom: 30px;
}

.global-setting {
  margin-top: 30px;
}

.officer-list-item {
  float: left;
  width: 100%;
}

.list-item {
  float: left;
}

.delete-btn {
  background: url("../img/delete.png") 0 0 no-repeat;
  border: none;
  width: 50px;
  height: 50px;
}

.multiman {
  background: #fff;
  padding: 20px;
  border-radius: 5px;
  margin-top: 15px;
}

.red-sterick {
  color: red;
}

.revoke {
  background: url("../img/actions/revoke.svg") 0 0 no-repeat;
}

.clmnselect {
  margin: 0 -5px -30px 0;
}

#dataTable1_filter {
  margin-right: 50px;
}

.dropdown-menu-right {
  width: 200px;
  height: 200px;
  overflow-y: scroll;
}

.btn.backbtn {
  border-radius: 100px;
  width: 1.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
}

.btn.backbtn .visible-on-sidebar-regular {
  font-size: 16px;
  color: #333;
}

.btn.backbtn:hover .visible-on-sidebar-regular {
  color: #fff;
}

.btn.backbtn:hover {
  background: transparent !important;
}

.weekpicker {
  font-size: 14px;
  padding: 10px 15px;
  margin-bottom: 20px;
}

.submit-week {
  width: 100%;
  border: none;
  background: #0e76db;
  color: #fff;
  border-radius: 5px;
  line-height: 40px;
  text-transform: uppercase;
  font-size: 14px;
  cursor: pointer;
}

.submit-week:hover {
  background: #0b5aa8;
  margin-top: 1px;
}

.filter-advance {
  float: right;
  background: #353535;
  line-height: 40px;
  padding: 0 30px;
  font-size: 14px;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.filter-advance:hover,
.filter-advance:focus {
  color: #fff;
  text-decoration: none;
  background: #1a1a1a;
}

.available-filter {
  display: none;
}

.available-filter .advanced_filter {
  display: none;
}

.data-grid-availableofficer {
  background: #fff;
}

.data-grid-availableofficer table.dataTable {
  margin-top: 0px !important;
}

.data-grid-availableofficer .clmnselect,
.data-grid-availableofficer #dataTable1_filter,
.data-grid-availableofficer #dataTable1_info {
  display: none;
}

.avail,
.notavail,
.tentative {
  display: block;
  width: 100%;
  padding: 10px 10px;
  color: #fff;
  margin-bottom: 1px;
}

.avail:hover,
.notavail:hover,
.tentative:hover {
  text-decoration: none;
  color: #fff;
}

.avail {
  background: #4cb050;
}

.notavail {
  background: #cf2a28;
}

.tentative {
  background: #ffb200;
}

.available {
  background: #4cb050;
}

.notavailable {
  background: #cf2a28;
}

.tentate {
  background: #ffb200;
}

.holidays {
  background: #4cb050;
}

.data-grid-availableofficer .odd td,
.data-grid-availableofficer .even td {
  height: 150px;
}

.data-grid-availableofficer table.dataTable thead th,
.data-grid-availableofficer table.dataTable tbody td {
  width: 160px !important;
}

.data-grid-availableofficer table.dataTable tbody td {
  vertical-align: top !important;
  padding-top: 20px;
}

.data-grid-availableofficer table.dataTable tbody tr.odd {
  background: #fff;
}

.grey {
  background: #f1f1f1;
}

.white-dots {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: #fff;
  border-radius: 100px;
  margin-right: 7px;
}

.qualification-desc {
  height: 50px;
}

.clientgrid .odd .row-actions .view_ac,
.clientgrid .even .row-actions .view_ac {
  display: none;
}

.fp {
  float: left;
  margin-right: 5px;
}

.dropdown-validation .validation-advice {
  position: absolute;
  top: 58px;
}

.modalrevoke {
  background-image: url(../img/modal/revoke.png);
  background-repeat: no-repeat;
  width: 415px;
  height: 57px;
  background-size: contain;
  display: block;
  padding-left: 71px;
  color: #333;
  line-height: 57px;
}

.modalclone {
  background-image: url(../img/modal/clone.png);
  background-repeat: no-repeat;
  width: 415px;
  height: 57px;
  background-size: contain;
  display: block;
  padding-left: 71px;
  color: #333;
  line-height: 57px;
}

.table-responsive .dataTabels_wrapper .dataTables_scrollBody table.dataTable .odd td:nth-child(3),
.table-responsive .dataTabels_wrapper .dataTables_scrollBody table.dataTable .even td:nth-child(3) {
  width: 200px;
}

#exTab2 h3 {
  color: white;
  background-color: #428bca;
  padding: 5px 15px;
}

.tab {
  display: inline-block;
  width: 100%;
}

.tab-content {
  display: inline-block;
  width: 100%;
  margin: 0 15px 50px;
  background: #fff;
  padding: 15px;
}

.nav.nav-tabs {
  margin-left: 15px;
}

.custom-modal .custom-modal--header h4 {
  background: url(../img/modal/assign-officer.png) 0 0 no-repeat;
  color: #37b34a;
}

table.dataTable thead th:nth-child(3) {
  /*width: 610px !important;*/
}

.odd td:nth-child(3),
.even td:nth-child(3) {
  /*max-width: 370px !important;*/
  word-wrap: break-word;
  white-space: normal !important;
}

.odd td:nth-child(4),
.even td:nth-child(4),
.odd td:nth-child(6),
.even td:nth-child(6),
.odd td:nth-child(7),
.even td:nth-child(7),
.odd td:nth-child(10),
.even td:nth-child(10) {
  word-wrap: break-word;
  white-space: normal !important;
}

.filter-toggle {
  display: block;
  width: 100%;
  height: 100%;
}

.invoice-wrapper {
  float: left;
  width: 100%;
  border: 3px solid #ccc;
  padding: 20px;
}

.invoice-wrapper h3 {
  display: inline-block;
  width: 100%;
  font-size: 20px;
  margin-bottom: 20px;
}

.company-info {
  float: left;
  width: 500px;
}

.client-area {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px !important;
}

.client-area select.client,
.client-area select.rate {
  float: left;
  width: 50%;
  margin-right: 20px;
}

.client-area select.hours {
  float: left;
  width: 30%;
}

.date-time-section,
.adjustment {
  float: left;
  width: 100%;
}

.date-time {
  float: right;
  width: 50%;
  margin-top: 48px;
  margin-bottom: 10px !important;
}

.date-time-section select.date,
.date-time-section select.time {
  float: left;
  width: 45%;
}

.invoice-top-data {
  float: left;
}

.invoice-top-data tr td:last-child {
  text-align: left;
}

.adjustment {
  margin: 20px 0;
}

.plus,
.minus,
.delete-job {
  display: inline-block;
  border-radius: 100px;
  background: #fff;
  box-shadow: 0 0 5px #ccc;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 20px;
  line-height: 15px;
  /*float: right;*/
  margin-left: 10px;
  border: none;
}

.w-270 {
  width: 270px;
}

.w-600 {
  width: 600px;
}

.w-200 {
  width: 140px;
}

.w-800-invoice {
  width: 800px !important;
}

.plus {
  background: #fff url(../img/actions/add_invoice.png) center 0px no-repeat;
}

.plus:hover {
  background: #fff url(../img/actions/add_invoice.png) center -48px no-repeat;
}

.minus,
.delete-job {
  background: #fff url(../img/actions/delete_invoice.png) center 0px no-repeat;
}

.minus:hover,
.delete-job:hover {
  background: #fff url(../img/actions/delete_invoice.png) center -46px no-repeat;
}

.calendar-data-loader {
  float: left;
  width: 100%;
  text-align: center;
  padding: 50px 0;
}

.calendar-data .table thead th {
  text-transform: uppercase;
  text-align: center;
  background: #1d274a;
  color: #fff;
  vertical-align: top;
  /*padding: 20px 0 30px;*/
}

.calendar-data .table thead th {
  border: 1px solid #fff;
  text-align: center !important;
  height: 60px;
  vertical-align: middle;
}

.calendar-data .table td:first-child {
  width: 250px;
  padding: 10px;
}

/*.calendar-data .table td:nth-child(2),*/
/*.calendar-data .table td:nth-child(3),*/
/*.calendar-data .table td:nth-child(4),*/
/*.calendar-data .table td:nth-child(5),*/
/*.calendar-data .table td:nth-child(6),*/
/*.calendar-data .table td:nth-child(7),*/
/*.calendar-data .table td:nth-child(8),*/
.calendar-data .table tr td:last-child {
  padding: 0;
}

.calendar-data .table td {
  /*height: 200px;*/
  height: 50px;
  vertical-align: top;
  border: 1px solid #ccc;
  padding: 0;
}

/*line commented for checking purpose saad 17May-2019*/
/*.calendar-data .table td span{*/
/*    display: inline;*/
/*    height: 100%;*/
/*    margin-left: 2px;*/
/*}*/
.calendar-data .table tr td:last-child {
  width: auto;
}

/*.calendar-data .table td:first-child{*/
/*background: #fff;*/
/*border: 1px solid #ccc;*/
/*}*/
.table-hover>tbody>tr:hover {
  background-color: transparent;
}

.halfavail,
.fullavail,
.notavail,
.tentative,
.holidays,
.grey {
  display: block;
  width: 100%;
  padding: 10px 10px;
  color: #fff;
  margin-bottom: 1px;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.halfavail {
  background: #8eb021;
}

.fullavail {
  background: #4cb050;
}

.notavail {
  background: #cf2a28;
}

.tentative {
  background: #ffb200;
}

.holidays {
  background: #4cb050;
}

.time-container {
  display: inline-block;
  float: left;
  width: 100%;
  /*position: absolute;*/
}

/*.avail-time, .notavail-time, .tentative-time{*/
/*    display: inline-block;*/
/*    padding: 5px 10px;*/
/*    color: #fff;*/
/*    border-radius:3px;*/
/*    margin-bottom: 2px*/
/*}*/
/*.avail-time:hover, .notavail-time:hover, .tentative-time:hover{*/
/*    color: #000000;*/
/*    text-decoration: none;*/
/*}*/
/*.avail-time{*/
/*    background: #799911;*/
/*}*/
/*.notavail-time{*/
/*    background: #cf2a28;*/
/*}*/
/*.tentative-time{*/
/*    background: #ffb503;*/
/*}*/
.time-container .fullavail,
.time-container .halfavail,
.time-container .notavail,
.time-container .tentative {
  display: block;
  padding: 5px 10px;
  color: #fff;
  border-radius: 3px;
  margin-bottom: 3px;
}

.time-container .fullavail:hover,
.time-container .halfavail:hover,
.time-container .notavail:hover,
.time-container .tentative:hover {
  color: #000000;
  text-decoration: none;
}

.time-container .fullavail {
  background: #38953b;
}

.time-container .halfavail {
  background: #799910;
}

.time-container .notavail {
  background: #cf2a28;
}

.time-container .tentative {
  background: #d99800;
}

.modal_event_assign,
.modal_officer_assign {
  display: none;
}

.custom-modal {
  display: block;
}

.transparent {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1045;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
}

.v-select {
  background: #fff;
}

.v-select ul.dropdown-menu {
  margin-top: 20px;
  background: #fff;
  z-index: 9999;
}

.availability_wrapper {
  width: 100%;
  display: inline-block;
  margin: 70px 0 0 0;
}

.mx-datepicker {
  width: 100% !important;
}

/* SELECT2 BOOTSTRAP CSS */
.form-control.select2-hidden-accessible {
  position: absolute !important;
  width: 1px !important;
}

.select2-container--bootstrap {
  display: block;
}

.select2-container--bootstrap .select2-selection--multiple {
  min-height: 34px;
  padding: 0;
  height: auto;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  display: block;
  line-height: 1.428571429;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container--bootstrap .select2-selection {
  /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555555;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  outline: 0;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 6px;
}

.select2-container .select2-search--inline .select2-search__field {
  padding: 7px 5px;
}

.select2-search__field {
  height: 25px !important;
}

.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  background: transparent;
  padding: 0 12px;
  height: 32px;
  line-height: 1.428571429;
  margin-top: 0;
  min-width: 5em;
}

.select2-container--bootstrap .select2-selection__clear {
  color: #999;
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  color: #555555;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin: 5px 0 0 6px;
  padding: 0 6px;
}

.available-filter hr {
  display: inline-block;
  width: 100%;
}

.available-filter {
  display: inline-block;
  width: 100%;
  background: #ccc;
  margin-top: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding-bottom: 10px;
}

.available-filter label {
  color: #1e264a;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}

#invoiceRate {
  width: 100%;
  padding: 7px 10px;
  margin-top: 21px;
}

#jobtypelistdiv {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}

#invoiceRate {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #aaa;
}

.submit-btn {
  background: #0e75da;
  /* text-transform: uppercase; */
  text-transform: capitalize;
  font-size: 14px;
  padding: 10px 45px;
}

.submit-btn:hover,
.submit-btn:focus {
  background: #0f87fc !important;
}

.select2-results__options {
  height: 150px;
  overflow-y: scroll;
}

.job,
.job1,
.job2,
.job3 {
  text-align: left;
}

.job1,
.job2,
.job3 {
  margin-top: 60px;
  display: inline-block;
}

.job1 i {
  font-size: 24px;
}

/*.job{*/
/*    width: 460px;*/
/*}*/
/*.job1{*/
/*    width: 420px;*/
/*    padding-left: 80px*/
/*}*/
/*.job2{*/
/*    width: 310px;*/
/*    padding-left: 20px*/
/*}*/
.invoice-data tr th:last-child {
  text-align: left;
}

.jobHours,
.jobRate,
.price,
.jobMinutes {
  width: 100px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #999;
  padding: 8px 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.jobHours[readonly],
.jobRate[readonly],
.price[readonly],
.jobMinutes[readonly] {
  background: #f1f1f1;
  border-color: #ccc;
}

.disabled-select {
  background-color: #d5d5d5;
  opacity: 0.5;
  border-radius: 3px;
  cursor: not-allowed;
  position: relative;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.checkbox-wrapper {
  width: 45%;
  display: inline-block;
  margin: 40px 0 0 0;
}

.calendar-wrapper.container {
  overflow-x: scroll;
  max-width: 98%;
  padding: 0;
  margin-left: 0;
  width: 100%;
}

.calendar-data.table-responsive {
  width: 2500px;
  padding-bottom: 0;
}

.calendar-data .table {
  margin-bottom: 0;
}

.select select {
  -webkit-appearance: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ccc;
  width: 100%;
  height: 2.4em;
  padding-left: 5px;
  outline: 0;
  color: #666;
  font-size: 14px;
}

.select:after {
  content: "";
  border: 1px solid #666;
  border-right: 0;
  border-top: 0;
  display: block;
  position: absolute;
  right: 30px;
  margin-top: -25px;
  height: 0.8em;
  width: 0.8em;
  transform: rotate(-46deg);
}

.advance-btn {
  float: right;
  background: #333;
  line-height: 39px;
  border-radius: 3px;
  margin: 8px 10px 0 0;
  text-transform: uppercase;
  color: #fff;
  padding: 0 40px;
  cursor: pointer;
}

.advance-btn:before {
  content: "-";
  position: absolute;
  top: 19px;
  right: 305px;
  color: #fff;
  line-height: normal;
}

#mainrate {
  margin: 0 !important;
  height: 2.3rem;
  border-radius: 3px;
  border: 1px solid #aaa;
  padding: 10px;
}

.jobDiv {
  width: 100%;
}

.invoice-data tr td:last-child {
  width: 10%;
}

.invoice-data tr td {
  vertical-align: top;
}

.card {
  border-radius: 5px;
  margin-top: 60px;
}

.card-wizard .nav-pills {
  background: #465b9e;
  padding: 3px 0;
}

.card-wizard .moving-tab {
  background-color: #1c274a;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 15px 0;
}

.hours_edit,
.minutes_edit,
.job_edit {
  margin-right: 25px;
  color: #999;
}

.hours_edit:hover,
.hours_edit:focus,
.minutes_edit:hover,
.minutes_edit:focus,
.job_edit:hover,
.job_edit:focus {
  text-decoration: none;
  color: #000;
}

#job_total {
  padding: 8px 10px;
  border: 1px solid #aaa;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

label.error {
  display: none;
}

.adjustment_input {
  border: 1px solid #aaa;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 8px 10px;
}

.moving-tab:after {
  content: "";
  position: absolute;
  top: 53px;
  left: 280px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-top: 10px solid #1c274a;
}

.w-perc-30 {
  width: 30%;
}

.jobLocation-name {
  display: inline-block;
  margin-bottom: 20px;
}

.toggle-button-wrapper {
  float: left;
  width: 100%;
  margin: 10px 0 20px;
}

.toggle-wrapper {
  float: left;
  width: 100%;
  /*overflow-x: scroll;*/
  /*height: 90px;*/
}

.toggle-checkbox {
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 0;
  padding: 8px 10px;
  list-style: none;
  float: left;
  width: 100%;
  position: relative;
}

.toggle-checkbox li {
  float: left;
  border: 0 solid #000;
  width: 260px;
  line-height: 45px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  padding-left: 2%;
  margin-bottom: 1%;
}

.toggle-checkbox li label.vue-js-switch {
  float: right;
  margin: 12px 15px 0 0;
  text-transform: capitalize;
}

/*css start (saad)*/
/*availibilty starts here*/
.div_for_name_column {
  line-height: 2;
  font-size: x-small;
}

.span_container {
  width: 500px;
  height: 50px;
  display: -webkit-flex;
  /* Safari */
  display: -webkit-inline-box;
}

.span_for_datatable {
  -webkit-flex: 1;
  /* Safari 6.1+ */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
}

.div-officerType {
  width: 200px;
  text-align: center;
}

.div-Name {
  width: 200px !important;
}

.overlay {
  background-color: #007bff;
  opacity: 0.5;
  display: list-item;
  width: auto;
  height: auto;
  margin: auto;
  padding: 6px;
}

.btn-navigation {
  font-family: Raleway-SemiBold;
  font-size: 13px;
  color: rgba(58, 133, 191, 0.75);
  letter-spacing: 1px;
  line-height: 15px;
  border: 2px solid rgba(58, 133, 191, 0.75);
  background: transparent;
  transition: all 0.3s ease 0s;
}

.btn-navigation:hover {
  color: #fff;
  background: rgba(58, 133, 191, 0.75);
  border: 2px solid rgba(58, 133, 191, 0.75);
}

.compact_span_container {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  /* Safari */
  display: -webkit-inline-box;
}

.compact-table {
  font-size: smaller;
  border: 1px;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.margin-for-radio-buttons {
  margin-left: 1%;
}

/*css start for add invoice */
.add_invoice_wrapper {
  width: 100%;
  display: inline-block;
  margin: 20px 0 0 0;
}

.invoice-filter {
  display: none;
}

.invoice-filter .advanced_filter {
  display: none;
}

.invoice-filter hr {
  display: inline-block;
  width: 100%;
}

.invoice-filter {
  display: inline-block;
  width: 100%;
  background: #ccc;
  margin-top: -20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding-bottom: 10px;
}

.invoice-filter label {
  color: #1e264a;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}

.invoice-table-wrapper.container {
  /*overflow-x: scroll;*/
  max-width: 98%;
  padding: 0;
  margin-left: 0;
  width: 100%;
}

.invoice-data.table-responsive {
  width: 2500px;
  padding-bottom: 0;
}

.invoice_table {
  width: 100%;
}

.invoice_table>thead>tr>th {
  font-size: 9px;
  width: 6.25%;
  text-align: center;
  background: #1d274a;
  color: white;
}

.invoice_table>tbody>tr>td {
  font-size: 12px;
  text-align: center;
}

.welfare_table {
  width: 100%;
}

.welfare_table>thead>tr>th {
  font-size: 9px;
  width: 10%;
  text-align: center;
  background: #1d274a;
  color: white;
  position: sticky;
  top: -1px;
}

.welfare_table>tbody>tr>td {
  font-size: 11px;
  padding: 5px 5px;
  text-align: center;
}

.activity_table {
  width: 100%;
}

.activity_table>thead>tr>th {
  font-size: 9px;
  /* width: 10%; */
  text-align: center;
  background: #1d274a;
  color: white;
  position: sticky;
  top: -1px;
}

.activity_table>tbody>tr>td {
  font-size: 11px;
  padding: 5px 5px;
  text-align: center;
}

.mileage_table {
  width: 100%;
}

.mileage_table>thead>tr>th {
  font-size: 12px;
  /* width: 10%; */
  text-align: center;
  background: #1d274a;
  color: white;
  position: sticky;
  top: -1px;
  z-index: 1;
}

.mileage_table>tbody>tr>td {
  font-size: 12px;
  /* padding: 5px 5px; */
  text-align: center;
}

.trip_table {
  width: 100%;
}

.trip_table>thead>tr>th {
  font-size: 10px;
  /* width: 10%; */
  text-align: center;
  background: #1d274a;
  color: white;
  position: sticky;
  top: -1px;
}

.trip_table>tbody>tr>td {
  font-size: 10px;
  /* padding: 5px 5px; */
  text-align: center;
}

.alert_table {
  width: 100%;
}

.alert_table>thead>tr>th {
  font-size: 10px;
  /* width: 10%; */
  text-align: center;
  background: #1d274a;
  color: white;
  position: sticky;
  top: -1px;
}

.alert_table>tbody>tr>td {
  font-size: 11px;
  padding: 6px 6px;
  text-align: center;
}

.vehicle_table {
  width: 100%;
}

.vehicle_table>thead>tr>th {
  font-size: 10px;
  /* width: 10%; */
  text-align: center;
  background: #1d274a;
  color: white;
  position: sticky;
  top: -1px;
}

.vehicle_table>tbody>tr>td {
  font-size: 12px;
  /* padding: 5px 5px; */
  text-align: center;
}

.without_ampm::-webkit-datetime-edit-ampm-field {
  display: none;
}

input[type="time"]::-webkit-clear-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  margin: -10px;
}

/*css end for add invoice*/
/*css for view invoice starts*/
.topGradientDiv {
  background: linear-gradient(to bottom, #d0dbec 17%, #fdfefe 90%);
}

.novusLogoImg {
  height: 100px;
  width: 200px;
}

.novusHeading {
  margin-bottom: -6px;
}

.invoiceHeading {
  margin-right: 30px;
  color: #27477b;
  font-weight: bold;
  font-family: Helvetica;
}

.invoiceIDDateRef {
  margin-left: 80%;
}

.tableMainHeadings {
  background-color: #d0dbec;
}

.tableSubHeading {
  border: 1px solid black;
  background-color: white;
}

.secondTableMargin {
  margin-top: -15px;
}

.thankYouDiv {
  background: linear-gradient(to bottom, #fdfefe 17%, #d0dbec 90%);
}

.bankLogoImg {
  float: right;
  height: 100px;
  margin-top: 225px;
  margin-right: -15px;
}

.importantNoticeHeading {
  font-family: serif;
  font-weight: bold;
}

.tdWidth {
  width: 250px;
}

/*css for view invoice ends*/
.toggle-handle {
  display: none !important;
}

/*css for timesheet starts*/
.timesheet_wrapper {
  width: 100%;
  display: inline-block;
  margin: 20px 0 0 0;
}

.timesheet-filter {
  display: none;
}

.timesheet-filter .advanced_filter {
  display: none;
}

.timesheet-filter hr {
  display: inline-block;
  width: 100%;
}

.timesheet-filter {
  display: inline-block;
  width: 100%;
  background: #ccc;
  margin-top: -20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding-bottom: 10px;
}

.timesheet-filter label {
  color: #1e264a;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}

.timesheet-table-wrapper.container {
  /*overflow-x: scroll;*/
  max-width: 98%;
  padding: 0;
  margin-left: 0;
  width: 100%;
}

.timesheet-detail-box {
  background: #1c274a;
  color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 0;
  padding: 8px 10px;
  list-style: none;
  float: left;
  width: 100%;
  position: relative;
}

.timesheet-detail-box li {
  float: left;
  font-size: 11px;
  padding-left: 2%;
}

/*css for timesheet ends*/
div#vue-root .pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

div#vue-root .pagination>li {
  display: inline;
}

div#vue-root .pagination>li>a,
div#vue-root.pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #1c274a;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}

div#vue-root .pagination>li:first-child>a,
div#vue-root .pagination>li:first-child>span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

div#vue-root .pagination>li:last-child>a,
div#vue-root .pagination>li:last-child>span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

div#vue-root .pagination>li>a:hover,
div#vue-root .pagination>li>span:hover,
div#vue-root .pagination>li>a:focus,
div#vue-root .pagination>li>span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd;
}

div#vue-root .pagination>.active>a,
div#vue-root .pagination>.active>span,
div#vue-root .pagination>.active>a:hover,
div#vue-root .pagination>.active>span:hover,
div#vue-root .pagination>.active>a:focus,
div#vue-root .pagination>.active>span:focus {
  z-index: 3;
  color: #fff;
  background-color: #1c274a;
  border-color: #1c274a;
  cursor: default;
}

div#vue-root .pagination>.disabled>span,
div#vue-root .pagination>.disabled>span:hover,
div#vue-root .pagination>.disabled>span:focus,
div#vue-root .pagination>.disabled>a,
div#vue-root .pagination>.disabled>a:hover,
div#vue-root .pagination>.disabled>a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}

div#vue-root .pagination-lg>li>a,
div#vue-root .pagination-lg>li>span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

div#vue-root .pagination-lg>li:first-child>a,
div#vue-root .pagination-lg>li:first-child>span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

div#vue-root .pagination-lg>li:last-child>a,
div#vue-root .pagination-lg>li:last-child>span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}

div#vue-root .pagination-sm>li>a,
div#vue-root .pagination-sm>li>span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

div#vue-root .pagination-sm>li:first-child>a,
div#vue-root .pagination-sm>li:first-child>span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

div#vue-root .pagination-sm>li:last-child>a,
div#vue-root .pagination-sm>li:last-child>span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.padding-top-4-percent {
  padding-top: 4% !important;
}

.modal-backdrop {
  background-color: black;
  opacity: 0.5;
}

/* for vue screens */
.vue-template {
  /* margin-left: 8px; */
  padding-right: 0px !important;
  /* margin added by saad */
  margin: 0px 7px 0px 7px;
}

.vue_data_grid {
  width: 100%;
}

.vue_data_grid>thead>tr>th {
  font-size: 12px;
  font-weight: 900;
  text-transform: capitalize !important;
  background-color: white;
  position: sticky;
  top: -1px;
  z-index: 1;
  /* text-align: center !important; */
  /* color: white; */
  /* width: 10%; */
}

.vue_data_grid>tbody>tr>td {
  font-size: 12px;
  padding: 7px 3px 7px 3px !important;
  /* text-align: center; */
}

.show_entry_label {
  font-size: 10px;
  /* margin-left: 5px; */
}

.show_selector {
  font-size: 10px;
  height: 25px !important;
  /* margin-left: -5px; */
}

.col_hide_btn {
  border: 1px solid #ccc;
  border-radius: 20%;
  height: 25px;
  text-align: center;
  font-size: 20px;
  padding-top: 2px;
  margin-top: 14px;
}

.table_pager_counter {
  margin-left: -10px;
  font-size: 11px;
}

.table_pager {
  float: right;
  margin-top: -20px;
}

.heading {
  background-color: #1c274a;
  color: white;
  /* height: 35px; */
  font-size: 16px;
  cursor: pointer;
  font-weight: 900;
  padding-left: 10px;
}

.row:first-child>.col-md-12 .heading_c {
  margin-top: 20px;
}


.heading_c {
  background-color: #1c274a;
  color: white;
  height: 36px;
  font-size: 14px;
  cursor: pointer;
  font-weight: 500;
  margin-top: 10px;
  padding-left: 10px;
}


.heading_c>.fa {
  padding: 10px 5px 0px 0px;
}

.heading_c>.icon {
  /* margin-top: 10px; */
  /* margin-right: 5px;
  padding: 10px 5px 0px 0px; */
}

.heading_c>.ac_bt {
  margin-top: 10px;
}

.heading_c .pull-right {
  /* padding: 1px 0px 2px 0px; */
  margin: 3px -3px 0px 3px;
  /* margin: 3px !important; */
}




.heading_counter {
  /*  */
  border-color: red !important;
  background-color: red !important;
  font-size: 9px !important;
  border-radius: 50%;
  vertical-align: middle;
  display: inline-block;
  /* padding: 0.25em 0.4em; */
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  margin: -3px 0px 0px 5px;
}

.body {
  background-color: white;
  padding-top: 5px;
  padding-bottom: 5px;
  /* margin-bottom:20px !important; */
  font-size: 12px;
}

/* .body .pull-right{
  margin-right: -5px;
} */
/* Instead off  */
.apply_ac,
.clear_all_ac {
  margin: 0px;
}

.btn-round {
  float: right;
  margin-left: 25px;
  padding: 10px;
  width: 80px !important;
  border-radius: 0%;
}

.action {
  width: 40%;
}

.vc-ps-controls,
.vc-ps-head {
  display: none !important;
}

.vc-ps-body,
.vc-ps-saturation-wrap,
.vc-ps-hue-wrap {
  height: 200px !important;
}

.carret {
  padding-right: 25px;
  padding-top: 8px;
}

.sidemenu_name {
  white-space: nowrap;
  max-width: 167px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* My ToolTip For Vue  Start */
.mytooltip {
  position: relative;
  display: inline-block;
  /* position: relative;
  display: inline-block; */
  /* border-bottom: 1px dotted black; */
}

.mytooltip .mytooltiptextL {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  visibility: hidden;
  /* width: 135px; */
  /* height: 36px; */
  width: max-content;
  font-size: 14px;
  background-color: #ffff;
  color: black;
  text-align: center;
  border-radius: 6px;
  /* padding: 7px 0; */
  padding: 7px 10px 7px 10px;
  font-family: system-ui;
  position: absolute;
  z-index: 1;
  top: -5px;
  right: 110%;
  user-select: none;
  pointer-events: none;
}

.mytooltip .mytooltiptextB {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  visibility: hidden;
  /* width: 135px;
  height: 36px; */
  width: max-content;
  font-size: 14px;
  background-color: #ffff;
  color: black;
  text-align: center;
  border-radius: 6px;
  /* padding: 7px 0; */
  padding: 7px 10px 7px 10px;
  font-family: system-ui;
  position: absolute;
  z-index: 1;
  top: 150%;
  left: 25%;
  margin-left: -60px;
  user-select: none;
  pointer-events: none;
}

.mytooltip .mytooltiptextT {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  visibility: hidden;
  /* width: 135px;
  height: 36px; */
  width: max-content;
  font-size: 14px;
  background-color: #ffff;
  color: black;
  text-align: center;
  border-radius: 6px;
  /* padding: 7px 0; */
  padding: 7px 10px 7px 10px;
  font-family: system-ui;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 25%;
  margin-left: -60px;
  user-select: none;
  pointer-events: none;
}

.mytooltip .mytooltiptextR {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  visibility: hidden;
  /* width: 135px;
  height: 36px; */
  width: max-content;
  font-size: 14px;
  background-color: #ffff;
  color: black;
  text-align: center;
  border-radius: 6px;
  /* padding: 7px 0; */
  padding: 7px 10px 7px 10px;
  font-family: system-ui;
  position: absolute;
  z-index: 1;
  /* top: -5px; */
  top: -50px;
  /* left: 110%; */
  left: 892%;
  user-select: none;
  pointer-events: none;
}

/* visibility: hidden;
  width: 120px;
  background-color: white;
  color: black !important;
  font-size: 10px !important;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0; */
/* border: 1px solid #7d7d7d; */
/* Position the tooltip */
/* position: absolute;
  z-index: 1;
  top: -20px;
  right: -45px; */
/* } */
.mytooltip-top {
  top: -20px !important;
  right: -45px !important;
}

.mytooltip-left {
  top: -7px !important;
  right: 105% !important;
}

.mytooltip-right {
  top: -10px !important;
  right: -100px !important;
}

.mytooltip-bottom {
  top: 150% !important;
  left: 50% !important;
  margin-left: -60px !important;
}

/*
.mytooltip:hover .mytooltiptext {
  visibility: visible;
} */
.mytooltip .mytooltiptextL::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #ffff;
}

.mytooltip .mytooltiptextB::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}

.mytooltip .mytooltiptextT::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

.mytooltip:hover .mytooltiptext {
  visibility: visible;
}

.mytooltip .mytooltiptextR::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
}

.mytooltip:hover .mytooltiptextL {
  visibility: visible;
}

.mytooltip:hover .mytooltiptextR {
  visibility: visible;
}

.mytooltip:hover .mytooltiptextT {
  visibility: visible;
}

.mytooltip:hover .mytooltiptextB {
  visibility: visible;
}

/* my ToolTip for Vue End */
/* All Label  transfrom from Here */
.form_labels,
.mt-3>b,
.form-group>label,
.ng-switch>b,
.btn-round,
label {
  text-transform: capitalize !important;
}

.form_labels {
  padding: 5px 0px 10px 0px;
}

.form_labels .title {
  font-weight: 600;
  font-size: 10px;
}
 .req_field {
	color: red !important;
}

.form_labels .form-control {
  height: 40px !important;
}

.form_labels .toggle-button {
  margin-top: 10px;
}

.timesheet_box {
  background-color: #1c274a;
  color: white;
  height: 36px;
  font-size: 12px;
  /* cursor: pointer; */
  font-weight: 500;
  margin-top: 10px;
  padding-left: 10px;
  padding-top: 10px;
}

.timesheet_box>.fa {
  padding: 10px 0px 0px 0px;
}

.timesheet_box>.label {
  margin-right: 30px;
}

.timesheet_box>.icon {
  margin-top: 10px;
}

.timesheet_box>.ac_bt {
  margin-top: 10px;
}

.timesheet_box .pull-right {
  /* padding: 1px 0px 2px 0px; */
  margin: -7px 1px 0px 0px;
  /* margin: 3px !important; */
}

.reset-btn {
  background-color: #ffb300;
}

.mybadge {
  text-transform: capitalize !important;
  width: 70px;
  border-radius: 0% !important;
}

.bg-red {
  background-color: red !important;
  border-color: red !important;
}

.bg-green {
  background-color: #008000 !important;
  border-color: #008000 !important;
}

.bg-blue {
  background-color: #2195f2 !important;
  border-color: #2195f2 !important;
}

.bg-golden {
  background-color: #ffb300 !important;
  border-color: #ffb300 !important;
}

.bg-yellow {
  background-color: #e6e600 !important;
  border-color: #e6e600 !important;
}

.bg-amber {
  background-color: #e06e27 !important;
  border-color: #e06e27 !important;
}

/* .bg-green , .bg-blue, .bg-golden, .bg-yellow{
  text-transform: capitalize !important;
  border-radius: 0% !important;
  padding: 3px 10px 3px 10px !important ;
} */
.filter_btns {
  background-color: red;
}

.mx-input {
  height: 40px !important;
}

.lat_lng {
  cursor: pointer;
}

.lat_lng:hover {
  color: #2195f2 !important;
}

/* for Vue Js Screens  */
.multiselect__tag {
  background: #0e75da !important;
}

.multiselect__tags {
  border: 1px solid #aaaaaa !important;
}

.mx-input {
  border: 1px solid #aaaaaa !important;
}

/* classes for google map */
.full_width {
  width: 100% !important;
}

.full_height2 {
  height: 100vh !important;
}

/* @media only screen and (max-height: 480px) {
  .full_height{
    height: 430px !important;
  }
}
@media only screen and (max-height: 768px) {
  .full_height{
    height: 728px !important;
  }
}
@media only screen and (max-height: 1024px) {
  .full_height{
    height: 994px ;
  }
}
@media only screen and (max-height: 1200px) {
  .full_height{
    height: 1170px ;
  }
}
@media only screen and (max-height: 1201px ) {
  .full_height{
    height: 1015px  ;
  }
} */
.full_height {
  height: 1015px !important;
}

.floating_over_map {
  position: absolute;
  z-index: 1;
}

.top_right {
  top: 5px;
  right: 10px;
}

.bottom_right {
  bottom: 5px;
  right: 10px;
}

.bottom_left {
  bottom: 5px;
  left: 10px;
}

/* for Vue Js Screens  */
.badge {
  text-transform: capitalize !important;
  font-size: 15px;
}

.nav-badge {
  text-transform: capitalize !important;
}

/* .logo-full-screen{
  width: 200px;
} */
.full-screen-logo {
  display: none;
}

.full-screen-logo img {
  width: 34px !important;
  float: left;
}

.logo-text {
  font-size: 18px;
  text-transform: uppercase;
  margin: 10px;
}

.map_div {
  /* border: 1px solid black; */
  position: relative;
}

.multiselectCustomClass {
  font-size: 10px !important;
}

#snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
  opacity: 0.5;
}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}

.toggled .v-switch-core {
  background-color: #0e75da !important;
}

.web-version {
  color: white;
  font-weight: 900;
  z-index: 9;
  position: absolute;
  top: 94%;
  left: -7%;
  transform: rotate(-90deg);
}

.text-lowercase {
  text-transform: lowercase !important;
}

.row.seperator {
  margin: 20px 0 !important;
  border-top: 1px solid black;
}

.cursor-pointer {
  cursor: pointer;
}

.sos {
  width: 200px;
  height: 100px;
  padding-left: 76px;
  padding-right: 37px;
  left: -50px;
}

@media screen and (min-width: 368px) and (max-width: 7000px) and (orientation: landscape) {
  .sos img {
    /* transform: rotate(-90deg); */
    /* transform-origin: left top; */
    width: 100px;
    height: 50px;
    overflow-x: hidden;
    position: absolute;
    /* top: 100%; */
    left: 10;
  }
}

/* Muhammad Hassan */
.custom_package {
  margin: 0 5px;
  color: #FFF;
  border: 2px solid #FFF;
  padding: 2px 5px;
  border-radius: 25px;
  background: #2195f2;
  box-shadow: 0px 0px 5px 0px #404040;
  cursor: pointer;
}

.silver_package {
  margin: 0 5px;
  color: #FFF;
  border: 2px solid #FFF;
  padding: 2px 5px;
  border-radius: 25px;
  background: #8d8d8d;
  box-shadow: 0px 0px 5px 0px #404040;
  cursor: pointer;
}

.gold_package {
  margin: 0 5px;
  color: #FFF;
  border: 2px solid #FFF;
  padding: 2px 5px;
  border-radius: 25px;
  background: #c38b0d;
  box-shadow: 0px 0px 5px 0px #404040;
  cursor: pointer;
}

.platinum_package {
  margin: 0 5px;
  color: #FFF;
  border: 2px solid #FFF;
  padding: 2px 5px;
  border-radius: 25px;
  background: #9d6e6e;
  box-shadow: 0px 0px 5px 0px #404040;
  cursor: pointer;
}

.web_package {
  margin: 0 5px;
  color: #FFF;
  border: 2px solid #FFF;
  padding: 2px 5px;
  border-radius: 25px;
  background: #008800;
  box-shadow: 0px 0px 5px 0px #404040;
  cursor: pointer;
}
.modal{
  z-index:9999999!important;
}
.default_package {
  margin: 0 5px;
  color: #FFF;
  border: 2px solid #FFF;
  padding: 2px 5px;
  border-radius: 25px;
  background: #d959b1;
  box-shadow: 0px 0px 5px 0px #404040;
  cursor: pointer;
}
/* Muhammad Hassan */
.use_btn{
  background-image: url(../img/templates.png);
}
.sug_icon{
  background-image: url(../img/brain2.png);
  width: 37px;
    height: 39px;
}
.sug_btn{
  background-image: url(../img/chat.png);
}
/* add by sheeba 3-feb-2022 */
.dropup .dropdown-toggle:after, .dropdown .dropdown-toggle:after {
  margin-left: -8px !important;
}
a#navbarDropdownMenuLink:after {
  margin-left: -8px !important;
}
.emergency_quick_contact_icon {
	background-image: url(../img/tags_labels/Emergency_Services.svg);
	width: 20px;
	height: 15px;
}
.add_emergencyquickcontact_w_ac {
	background-image: url(../img/actions/Add_Emergency_Services.svg);
}
.emergency_quick_contact_icon_sidemenu {
	background-image: url(../img/tags_labels/Emergency_Services.svg);
	width: 22px;
	height: 17px;
	margin:0px;
  opacity: 0.5;
}
.add_job {
  background-image: url(../img/actions/add_job.png);
}
.add_bid {
  background-image: url(../img/actions/add_bid.png);
}
.patrol{
  background-image: url(../img/tags_labels/patrol.png);
  width: 20px;
  height: 20px;
  margin-top: 0px !important;
  opacity: 0.5;
}
.patrol-head{
  background-image: url(../img/tags_labels/foot_step_icon.png);
  width: 35px;
  height: 30px;
  margin-top: 0px;
  opacity: 0.5;
}
.qr_code {
  background-image: url(../img/actions/QR_Code.jpg);
}
.viewpatrol_ac {
  background-image: url(../img/actions/viewpatrol.png);
}

.viewgeofence_ac {
  background-image: url(../img/actions/viewgeofence.png);
}
.geofence_manager_ac {
  background-image: url(../img/actions/geofence_manager.png);
}

.viewpatrol_ac.inactive {
  filter: grayscale(100%);
  opacity: 0.5;
  box-shadow: none !important;
  pointer-events: none;
}

/* .viewpatrol_ac:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
} */


.add_patrol_icon{
  background-image: url(../img/actions/add_patrol_icon.png);
}
.preview_icon{
  background-image: url(../img/preview.png);
}



.form_icon_leftside{
  background-image: url(../img/electronicform/FORM_withoutborder.png);
  width: 20px;
  height: 15px;
  background-size: contain;
}
.form_icon_add{
  background-image: url(../img/electronicform/form_add.png);
}
.form_icon_edit{
  background-image: url(../img/electronicform/edited_FORM.png);
}

.form_template{
  background-image: url(../img/electronicform/form_template.png);
  width: 20px;
  height: 20px;
  margin-top: 0px !important;
  opacity: 0.5;
}

/* section */
.section_icon_{
  background-image: url(../img/electronicform/section_icon_withoutborder.png);
  width: 20px;
  height: 15px;
  background-size: contain;
}
.section_icon_add_{
  background-image: url(../img/electronicform/Add_section_tab.jpg);
}
.section_icon_edit_{
  background-image: url(../img/electronicform/section_icon_edit.png);
}
/* input */
.input_icon_{
  background-image: url(../img/electronicform/input_icon_withoutborder.png);
  width: 20px;
  height: 15px;
  background-size: contain;
}
.input_icon_add_{
  background-image: url(../img/electronicform/Add_input_tab.jpg);
}


/* officertype */
.officertype{
  background-image: url(../img/electronicform/OFFICERTYPE.png);
  width: 20px;
  height: 20px;
  margin-top: 0px !important;
  opacity: 0.5;
}
.document_verification_menu{
  background-image: url(../img/document_verification_icon/documentverification.png);
  width: 20px;
  height: 20px;
  margin-top: 0px !important;
  opacity: 0.5;
}
.dragdrop_icon {
  background-image: url(../img/iconnew/networking.png);
  width: 100%;
  height: 75px;
  margin-top: 0px !important;
  opacity: 1;
}

/* planner officer name dropdown */
.officername_list::after {
  background: url(../img/iconnew/down-chevron.png) !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  content: "";
  position: absolute;
  height: 100%;
  width: 17px;
  right: 10px;
  top: 10px;
  transition: all 0.4s;
}
/* .officername_search {
  background: url(../img/iconnew/team.png) !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  height: 37px;
  width: 49px;
  border: none!important;
  cursor: pointer;
} */

.assignform_ac {
  background-image: url(../img/electronicform/assignform.png);
}
.form_consolidate_view {
  background-image: url(../img/electronicform/FORM_withoutborder.svg);
}
.capture {
  background-image: url(../img/electronicform/capture.svg);
     width: 34px!important;
    height: 29px !important;
  background-size: contain;
}
.verify_icon {
  background-image: url(../img/actions/Verify_icon.svg);
     width: 34px!important;
    height: 29px !important;
  background-size: contain;
}
.add_sms_manager {
	background-image: url(../img/add_sms_manager.png);
}
.toggleStyle {
  /* --toggle-width: 80px; */
  --toggle-bg-on: rgb(14, 117, 218);
  --toggle-border-on: rgb(14, 117, 218);
  --toggle-bg-off: rgb(191, 203, 217);
  --toggle-border-off: rgb(191, 203, 217);
  --toggle-text-on: #fff;
  --toggle-text-off: #fff;
  --toggle-ring-color: #fff;
}
.toggleStylehideandshow {
  --toggle-width: 60px;
  --toggle-bg-on: rgb(14, 117, 218);
  --toggle-border-on: rgb(14, 117, 218);
  --toggle-bg-off: rgb(191, 203, 217);
  --toggle-border-off: rgb(191, 203, 217);
  --toggle-text-on: #fff;
  --toggle-text-off: #fff;
  --toggle-ring-color: #fff;
}
.toggleStyleactiveandinactive {
  --toggle-width: 80px;
  --toggle-bg-on: rgb(14, 117, 218);
  --toggle-border-on: rgb(14, 117, 218);
  --toggle-bg-off: rgb(191, 203, 217);
  --toggle-border-off: rgb(191, 203, 217);
  --toggle-text-on: #fff;
  --toggle-text-off: #fff;
  --toggle-ring-color: #fff;
}
.toggleStylepercentageandfixed {
  --toggle-width: 100px;
  --toggle-bg-on: rgb(14, 117, 218);
  --toggle-border-on: rgb(14, 117, 218);
  --toggle-bg-off: rgb(191, 203, 217);
  --toggle-border-off: rgb(191, 203, 217);
  --toggle-text-on: #fff;
  --toggle-text-off: #fff;
  --toggle-ring-color: #fff;
}
.toggleStyleindividualandgroup {
  --toggle-width: 100px;
  --toggle-bg-on: rgb(14, 117, 218);
  --toggle-border-on: rgb(14, 117, 218);
  --toggle-bg-off: rgb(191, 203, 217);
  --toggle-border-off: rgb(191, 203, 217);
  --toggle-text-on: #fff;
  --toggle-text-off: #fff;
  --toggle-ring-color: #fff;
}
.toggleStylemandatoryandoptional  {
  --toggle-width: 100px;
  --toggle-bg-on: rgb(14, 117, 218);
  --toggle-border-on: rgb(14, 117, 218);
  --toggle-bg-off: rgb(191, 203, 217);
  --toggle-border-off: rgb(191, 203, 217);
  --toggle-text-on: #fff;
  --toggle-text-off: #fff;
  --toggle-ring-color: #fff;
}
.toggleStyleenableanddisable {
  --toggle-width: 70px;
  --toggle-bg-on: rgb(14, 117, 218);
  --toggle-border-on: rgb(14, 117, 218);
  --toggle-bg-off: rgb(191, 203, 217);
  --toggle-border-off: rgb(191, 203, 217);
  --toggle-text-on: #fff;
  --toggle-text-off: #fff;
  --toggle-ring-color: #fff;
}
.toggleStyleyesandno {
  /* --toggle-width: 100px; */
  --toggle-bg-on: rgb(14, 117, 218);
  --toggle-border-on: rgb(14, 117, 218);
  --toggle-bg-off: rgb(191, 203, 217);
  --toggle-border-off: rgb(191, 203, 217);
  --toggle-text-on: #fff;
  --toggle-text-off: #fff;
  --toggle-ring-color: #fff;
}
.toggleOnDisabled {
  --toggle-bg-on-disabled: rgb(14, 117, 218);
  --toggle-text-on-disabled: #fff;
  /* --toggle-border-on-disabled: #0e75da ; */
  --toggle-border-on-disabled: rgb(14, 117, 218);
}
.toggleOffDisabled {
  --toggle-bg-off-disabled: rgb(191, 203, 217);
  --toggle-text-off-disabled: #fff;
  --toggle-border-off-disabled: rgb(191, 203, 217);
}
.view_file_icon {
  background-image: url(../img/actions/rp_doc.png);
}