@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins-Thin.ttf");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins-ThinItalic.ttf");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins-ExtraLight.ttf");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins-ExtraLightItalic.ttf");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins-Light.ttf");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins-LightItalic.ttf");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins-Regular.ttf");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins-Italic.ttf");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins-Medium.ttf");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins-MediumItalic.ttf");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins-SemiBold.ttf");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins-SemiBoldItalic.ttf");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins-Bold.ttf");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins-BoldItalic.ttf");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins-ExtraBold.ttf");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins-ExtraBoldItalic.ttf");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins-Black.ttf");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins-BlackItalic.ttf");
  font-weight: 900;
  font-style: italic;
}

/*========== Custom Checkbox ==========*/
/*======= Custom radio  button ======*/
html {
  width: 100%;
}

body {
  width: 100%;
  margin: 0;
  padding: 0 0 0 0;
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  overflow-x: hidden;
  background-color: #f5f5f5;
  overflow-y: visible!important;
  overflow-x: hidden!important;
}

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

a {
  color: #333;
  text-decoration: none;
}

a:hover {
  color: #333;
  text-decoration: none;
}

a:focus {
  color: #333;
  text-decoration: none;
}

button:focus {
  outline: none;
}

.cust-chk-bx {
  display: block;
  position: relative;
  padding-left: 30px;
  letter-spacing: 0.5px;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 15px;
  color: #5a5a5a;
  line-height: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cust-chk-bx input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.cust-chk-bx input:checked ~ .cust-chkmark {
  background-color: #0f3b56;
  border-color: #0f3b56;
}

.cust-chk-bx input:checked ~ .cust-chkmark:after {
  display: block;
}

.cust-chk-bx input:focus ~ .cust-chkmark {
  border-color: #1f303a;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(46, 71, 86, 0.15);
  box-shadow: 0 0 0 0.2rem rgba(46, 71, 86, 0.15);
}

.cust-chk-bx .cust-chkmark:after {
  left: 5px;
  top: 2px;
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cust-chkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 21px;
  width: 21px;
  background-color: #fff;
  border-radius: 3px;
  border: 2px solid #e0e0e0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.cust-chkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.cust-radio-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-left: 25px;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 14px;
  color: #5a5a5a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 400;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cust-radio-btn input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.cust-radio-btn input:checked ~ .cust-radio-chkmark {
  background-color: #fff;
}

.cust-radio-btn input:checked ~ .cust-radio-chkmark:after {
  display: block;
}

.cust-radio-btn input:focus ~ .cust-radio-chkmark {
  -webkit-box-shadow: 0 0 0 0.17rem rgba(208, 208, 208, 0.7);
  box-shadow: 0 0 0 0.17rem rgba(208, 208, 208, 0.7);
}

.cust-radio-btn .cust-radio-chkmark:after {
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #2b170f;
}

.cust-radio-chkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 21px;
  width: 21px;
  background-color: #fff;
  border: 2px solid #2b170f;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.cust-radio-chkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.dropdown-menu {
  border: 0;
  -webkit-box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.05);
  border-radius: .125rem;
  font-size: 14px;
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
}

.dropdown-menu .dropdown-item {
  color: #282828;
  font-size: 14px;
  letter-spacing: 0.3px;
  text-transform: capitalize;
  border-bottom: 1px solid #f5f5f5;
  font-weight: 500;
  line-height: normal;
  padding: 10px 15px 10px 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.dropdown-item:focus {
  background-color: #f5f5f5;
  color: #282828;
}

.dropdown-item:hover {
  background-color: #f5f5f5;
  color: #282828;
}

.dropdown-item:active {
  color: #fff !important;
  background-color: #f3f7f8;
  background-color: #282828;
}

.dropdown-item.active {
  color: #fff !important;
  background-color: #f3f7f8;
  background-color: #282828;
}

.dropdown-arrow-remove.dropdown-toggle::after {
  display: none;
}

.simplebar-track.simplebar-horizontal {
  height: 9px;
}

.bootstrap-select > .dropdown-toggle.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
  height: auto;
}

.bootstrap-select > .dropdown-toggle.btn-lg {
  min-height: calc(1.5em + (1.437rem + 2px));
  padding: 0.5rem 1rem;
  border-radius: 0.3rem;
}

.bootstrap-select .dropdown-toggle.btn-lg .filter-option {
  padding: 5px 0;
}

.bootstrap-select > .dropdown-toggle {
  border: 1px solid #dcdcdc;
  border-radius: .25rem;
  height: 39px;
  padding: 7px 10px;
  outline: none !important;
  font-weight: 400;
  font-size: 15px;
  background-color: #fafafa;
}

.bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
  color: #141414;
  background-color: #fff;
  border-color: #0f3b56;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.25rem rgba(15, 59, 86, 0.25);
  box-shadow: 0 0 0 0.25rem rgba(15, 59, 86, 0.25);
}

.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: none !important;
  color: #141414;
  background-color: #fff;
  border-color: #0f3b56;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.25rem rgba(15, 59, 86, 0.25);
  box-shadow: 0 0 0 0.25rem rgba(15, 59, 86, 0.25);
}

.bootstrap-select .dropdown-menu {
  padding: 0;
  -webkit-box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.1);
  border: 0;
}

.bootstrap-select .dropdown-menu li a span.text {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
}

.bs-actionsbox {
  padding: 10px 8px 4px 8px;
}

.bs-donebutton {
  padding: 10px 8px 4px 8px;
}

.bs-searchbox {
  padding: 10px 8px 4px 8px;
}

.login-height-full {
  height: calc(100vh - 0px);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.copy-right-line {
  color: #969696;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}

.login-fix-width {
  width: 450px;
  margin: 0 auto;
}

.login-logo {
  width: 250px;
  margin: 0 auto;
}

.login-box-main {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  margin: 0 auto;
  background-color: #fff;
  margin-top: 25px;
  border-radius: 5px;
  padding: 0 12px 10px;
}

.login-head h2 {
  color: #141414;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  padding: 15px 0 15px 0;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 10px;
}

.forgot-pass-text {
  color: #141414;
  font-weight: 500;
}

.forgot-pass-text:focus {
  text-decoration: underline;
}

.menu-toggle-icn {
  width: 27px;
  -webkit-filter: invert(1) brightness(10);
  filter: invert(1) brightness(10);
}

.fitscreen-height-main {
  position: relative;
  border-top-left-radius: 14px;
  padding: 0px 12px 12px 12px;
}

.page-header-name h1 {
  color: #c1082e;
  font-size: 17px;
  margin-bottom: 0;
  letter-spacing: 0.5px;
  font-weight: 600;
  text-transform: uppercase;
}

.btn-icon {
  font-size: 18px;
  margin-right: 3px;
}

.table-box-main table tbody tr td{vertical-align: middle;}
.table-box-main {
  background: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.04);
  margin-bottom: 52px;
}

.table-box-main .cust-chkmark {
  height: 20px;
  width: 20px;
}

.table-box-main .cust-chk-bx .cust-chkmark:after {
  left: 6px;
  top: 3px;
}

.table-box-main table thead tr th {
  background: #f8f8f8;
  color: #323232;
  text-transform: uppercase;
  font-size: 13px;
  padding: 10px 10px 10px 10px;
  border-right: 1px solid #e0e3ef;
  border-bottom: 1px solid #e0e3ef;
  border-color: #e6e6e6;
  white-space: nowrap;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.3px;
}

.table-box-main table tr {
  border-color: #f8f8f8;
}

.table-box-main table tbody tr td {
  color: #564a50;
  font-weight: 500;
  border-right: 1px solid #e0e3ef;
  border-bottom: 1px solid #e0e3ef;
  border-top: 0 !important;
  border-color: #e6e6e6;
  text-align: center;
  padding: 3px 10px;
  white-space: nowrap;
  font-size: 13px;
}

.table-box-main table tbody tr.group td {
  color: #1e1e1e !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  padding-bottom: 5px !important;
  padding-top: 5px !important;
  border-top: 1px solid #e0e3ef !important;
  border-bottom: 1px solid #e0e3ef !important;
}

.table-box-main .dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #e0e3ef;
}

.table-box-main table.dataTable.stripe tbody tr.odd {
  background-color: #fff;
  background-color: #f5f5f5;
}

.table-box-main table.dataTable.display tbody tr.odd {
  background-color: #fff;
}

.table-box-main table.dataTable.display tbody tr.even {
  background-color: #f5f5f5;
}

.table-box-main table.dataTable.display tbody tr:hover {
  background-color: #fff;
}

.table-box-main table.dataTable.hover tbody tr:hover {
  background-color: #fff;
}

.table-box-main .dataTables_wrapper .dataTables_length {
  float: none;
}

.table-box-main .dataTables_wrapper .dataTables_info {
  padding: 0;
}

.table-box-main .dataTables_wrapper .dataTables_paginate {
  padding-top: 6px;
  padding-bottom: 6px;
}

.table-box-main .dataTables_wrapper .dataTables_paginate .paginate_button {
  border: 1px solid #4e575d;
  border-radius: 3px;
  background: #fff;
  color: #4e575d !important;
  font-weight: 600;
  background: #fff;
}

.table-box-main .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  background: #564a50;
  color: white !important;
  border: 1px solid #0f3b56 !important;
  background-color: #0f3b56 !important;
  background: #0f3b56 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.table-box-main .dataTables_wrapper .dataTables_paginate .paginate_button:active {
  color: white !important;
  background: #564a50;
  color: white !important;
  border: 1px solid #0f3b56 !important;
  background-color: #0f3b56 !important;
  background: #0f3b56 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.table-box-main .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  border: 1px solid #4e575d;
  border-radius: 3px;
  background: #fff;
  color: #4e575d !important;
  font-weight: 600;
  background: #fff;
}

.table-box-main .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  color: white !important;
}

.table-box-main .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  color: white !important;
}

.table-box-main .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  color: #fff !important;
  border: 1px solid #0f3b56;
  background-color: #0f3b56 !important;
  background: #0f3b56 !important;
}

.table-box-main .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #fff !important;
  border: 1px solid #0f3b56;
  background-color: #0f3b56 !important;
  background: #0f3b56 !important;
}

.table-box-main .dataTables_length label {
  margin: 0;
}

.modal-header-cust {
  padding-top: 13px;
  padding-bottom: 13px;
}

.modal-header-cust h5 {
  color: #000000;
  font-size: 17px;
  font-weight: 600;
}

.modal-header-cust .close {
  opacity: 1;
  color: #fff;
}

tr.group {
  background: #fdf8f7 !important;
}

table.dataTable.display tbody tr.odd > .sorting_1 {
  background-color: #ffffff;
}

table.dataTable.display tbody tr.even > .sorting_1 {
  background-color: #faf5f4;
}

table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #ffffff;
}

table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #faf5f4;
}

.Lotno-text {
  color: #333f68;
}

.grid-media-col ul li a {
  display: block;
  color: #4e575d;
  margin: 0 5px;
  font-size: 16px;
}

.tbl-footer-row {
  margin: 0;
}

.pagination-cust .page-item .page-link {
  border: 1px solid #4e575d;
  border-radius: 3px;
  background: #fff;
  color: #4e575d !important;
  font-weight: 600;
  background: #fff;
}

.pagination-cust .page-item .page-link:hover {
  color: white !important;
  background: #564a50;
}

.pagination-cust .page-item .page-link:active {
  color: white !important;
  background: #564a50;
}

.pagination-cust .page-item.active .page-link {
  color: #fff !important;
  border: 1px solid #0f3b56;
  background-color: #0f3b56 !important;
  background: #0f3b56 !important;
}

.pagination-cust .page-item.active .page-link:hover {
  color: #fff !important;
  border: 1px solid #0f3b56;
  background-color: #0f3b56 !important;
  background: #0f3b56 !important;
}

.action-cel-btn {
  background-color: #dcdcdc;
  width: 30px;
  height: 30px;
  display: block;
  line-height: 30px;
  text-align: center;
  border-radius: 50px;
  margin: 2px 5px;
  font-size: 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.action-cel-btn:hover {
  background-color: #0f3b56;
  color: #fff;
}

.smart-lock-image {
  width: 40px;
  height: 40px;
  /* line-height: 40px; */
  margin: 0 auto;
  border: 1px solid #e0e3ef;
  background-color: #fff;
}

.smart-lock-image img {
  /* width: 20px; */
  width: 100%;
  height: 40px;
  object-fit: contain;
}

.Model-Animation.modal.fade .modal-dialog {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.Model-Animation.modal.fade.show .modal-dialog {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-opacity: 1;
  opacity: 1;
}

.required-fild {
  color: #fe0000;
}

.add-device-scan-main {
  border: 2px dashed #e6e6e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.add-device-scan-inner img {
  width: 60px;
  margin: 0 auto;
}

.add-device-scan-inner h3 {
  color: #c8c8c8;
  margin: 10px 0 0 0;
  font-size: 16px;
  font-weight: 500;
}

.add-device-scan-inner h4 {
  color: #828282;
  font-size: 13px;
  font-weight: 500;
  margin: 25px 0;
}

.edit-device-scan-main {
  border: 2px dashed #e6e6e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.edit-device-scan-inner img {
  width: 60px;
  margin: 0 auto;
}

.edit-device-scan-inner h3 {
  color: #c8c8c8;
  margin: 10px 0 0 0;
  font-size: 16px;
  font-weight: 500;
}

.edit-device-scan-inner h4 {
  color: #828282;
  font-size: 13px;
  font-weight: 500;
  margin: 25px 0;
}

.add-customer-file-upload {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  cursor: pointer;
}

.edit-customer-file-upload {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  cursor: pointer;
}

.cust-details-profile-pic {
  width: 90px;
  height: 90px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 5px;
}

.cust-profile-name {
  color: #323232;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
}

/*.cust-profile-details ul li {
  color: #5a5a5a;
  font-weight: 500;
}*/

.cust-profile-details ul li {
  color: #5a5a5a;
  font-weight: 500;
  border-right: 1px solid #dfdfdf;
  padding-bottom: 5px;
}

.delet-record-txt-lrg {
  color: #323232;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

.delet-record-txt-small {
  font-size: 15px;
  font-weight: 500;
  color: #323232;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #1f303a;
}

.cust-pagination {
    display: flex;
    justify-content: flex-end;
}
.cust-pagination li a {
    display: inline-block;
    padding: 0;
    background: #f5f5f5;
    margin: 5px 0 5px 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: 35px;
    text-align: center;
    line-height: 35px;
    height: 35px;
}
.cust-pagination li a.current {
    background: #0f3b56;
    color: #fff !important;
}



/**********************/
.field{margin-left:10px;}

.switch {
  position: relative;
  display: block;
  vertical-align: top;
  width: 61px;
  height: 25px;
  background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
  background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
  border-radius: 18px;
  box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  }
.switch-input {position: absolute;top: 0;left: 0;opacity: 0;}
.switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  text-transform: uppercase;
  background: #eceeef;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
  width: 60px;
  }
.switch-label:before,
.switch-label:after {position: absolute;top: 50%;margin-top: -.5em;line-height: 1;-webkit-transition: inherit;
  -moz-transition: inherit;-o-transition: inherit;transition: inherit;}
/* .switch-label:before {content: attr(data-off);right: 11px;color: #aaaaaa;text-shadow: 0 1px rgba(255, 255, 255, 0.5);}
.switch-label:after {content: attr(data-on);left: 11px;color: #FFFFFF;text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;} */
  .switch-label:before {right: 11px;color: #aaaaaa;text-shadow: 0 1px rgba(255, 255, 255, 0.5);}
.switch-label:after {left: 11px;color: #FFFFFF;text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;}
.switch-input:checked~.switch .switch-label {background: #42ba96;border-color: #42ba96;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);}
.switch-input:checked~.switch .switch-label:before {opacity: 0;}
.switch-input:checked~.switch .switch-label:after {opacity: 1;}
.switch-handle {
  position: absolute;
  top: 3px;
  left: 4px;
  width: 20px;
  height: 20px;
  background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
  background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
  border-radius: 100%;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {content: "";position: absolute;top: 50%;left: 50%;margin: -6px 0 0 -6px;width: 12px;height: 12px;
  background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
  background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
  border-radius: 6px;box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);}
.switch-input:checked~.switch .switch-handle {left: 35px;box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);}
.switch-label,
.switch-handle {transition: All 0.3s ease;-webkit-transition: All 0.3s ease;-moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;}

 /* 5 Input tag css in one line  start*/
 input.form-control.form-control-lg.Cumpulsory.OnlyNumber.required {width: 52px;}
 /* 5 Input tag css in one line  end*/


 .table_fo {
  width: calc(100% - 70px);
  display: inline-block;
  padding: 10px 0px;
  position: fixed;
  bottom: 0;
  background-color: #fff;
  right: 0;
  border-top: 1px solid #000;
  -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.75);
  box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.75);
  z-index: 1080;
}

 .table_fo .cust-pagination li a{margin: 0px 0 0px 5px;}


.form-select{padding: 0.600rem 0.75rem;border: 1px solid #dcdcdc;background-color: #fafafa;font-size: 0.9rem;}
.form-select:focus {
  color: #141414;
  background-color: #fff;
  border-color: #0f3b56;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgb(15 59 86 / 25%);
}

.add-cust-uploaded-file{
  display: none;
}

.edit-cust-uploaded-file{
  display: none;
}

a.action-cel-btn {
  cursor: pointer;
}

.select2-container{z-index: 1060;}
.select2-dropdown{z-index: 1070;}
.modal{z-index: 1050;}

.select2-container--default .select2-selection--single .select2-selection__rendered {color: #2e4756;line-height: 45px;}
.select2-container--default .select2-selection--single {min-height: calc(1.5em + (1.5rem + 2px));border: 1px solid #dcdcdc;color: #2e4756;}
.select2-container--default .select2-selection--single .select2-selection__arrow {top: 9px;}
.select2-selection.select2-selection--single:focus{color: #141414;background-color: #fff;border-color: #0f3b56;outline: 0;box-shadow: 0 0 0 0.25rem rgb(15 59 86 / 25%);}


/*************************************** Radio & CheckBox Style Start ***********************************/
.form-check{margin-right: 0px;padding-left: 0;}
[type="radio"]:checked,
[type="radio"]:not(:checked) {position: absolute;left: -9999px;}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {position: relative;cursor: pointer;display: inline-block;color: #333333;
	font-size: 16px;padding-left: 31px;padding-right: 20px;line-height:18px;margin-bottom: 8px;margin-top: 8px;}

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0;width: 18px;height: 18px;
		border: 1px solid #cbcfd6;border-radius: 100%;background: #fff;}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {content: '';width: 8px;height: 8px;background: #fff;position: absolute;top: 5px;left: 5px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
[type="radio"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
[type="radio"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
[type="radio"]:checked + label:before{border-color: #0c2f54;background-color: #0c2f54;}
.CheckBox[type="checkbox"]:checked + label,
.CheckBox[type="checkbox"]:not(:checked) + label {position: relative;cursor: pointer;display: inline-block;color: #333333;
		font-size: 14px;padding-left: 31px;padding-right: 20px;line-height:19px;margin-bottom:8px;margin-top:8px;}
.CheckBox[type="checkbox"]:checked + label:before,
.CheckBox[type="checkbox"]:not(:checked) + label:before {content: ''; position: absolute;left: 0;top: 0;width: 19px;height: 19px;border: 1px solid #cbcfd6;border-radius: .25em;background: #fff;-webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;}
.CheckBox[type="checkbox"]:checked + label:after,
.CheckBox[type="checkbox"]:not(:checked) + label:after {content: '';width: 12px;height: 12px;content: "\f00c";color: #0c2f54;            font-family: "Font Awesome 5 pro";font-weight: 900;text-rendering: auto;position: absolute;top: 0px;left: 4px;font-size: 11px;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.CheckBox[type="checkbox"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.CheckBox[type="checkbox"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);color: #fff;}
.CheckBox[type="checkbox"]:checked + label:before{border-color: #0f3b56;background-color: #0f3b56;}
.CheckBox[type="checkbox"]:checked, [type="checkbox"]:not(:checked){position: absolute;left: -9999px;}
/*************************************** Radio & CheckBox Style End ***********************************/

.active
{
  background-color: #7cd122;
}

.inactive
{
  background-color:#ef6262;
}

.reset
{
  background-color:#23bec3;
}


/*Logo Css*/
/*.loader_fs .fashion_load_body {
  color: #333333;
  left: 52%;
  padding: 7px;
  position: fixed;
  top: 23%;
  margin-left: -87px;
  z-index: 100001;
}

.loader_fs .larger .load_msg {
    background: url(../images/pageloader.gif) no-repeat scroll 6% 50% transparent;
    background-size: 100px 100px;
    font-size: 20px;
    padding: 300px 178px 0px 51px;
}

.fashion_order_load {
    opacity: 0.5;
    z-index: 100000;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    background-color: #111 !important;
}*/
/*************************** PAGE LOADER CSS START *****************************/
.loader_fs {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 99999;
}

.loader_fs .loader {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  min-height: 250px;
  float: left;
  z-index: 100;
  overflow: hidden;
}

.loader_fs .loader .loader-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 150px;
  height: 150px;
  border: 5px solid rgb(235, 235, 236);
  border-radius: 50%;
}

.loader_fs .loader .loader-container::before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 150px;
  height: 150px;
  border-top: 7px solid #c32032;
  border-radius: 50%;
  animation: spin 1.8s infinite ease-in-out;
  background-color: #fff;
}

.loader_fs .loader p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 35px;
  font-weight: 700;
  letter-spacing: 2px;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #000918;
}

.loader_fs .loader p.loader-title {
  color: transparent;
  z-index: 3;
}

.loader_fs .loader p.loader-title-double {
  color: #000918;
  z-index: 1;
  animation: loader 2.5s 1s infinite ease-out;
}

.loader_fs .loader p.loader-title-double img{width: 120px;}

.more_less{
  display: grid;
  white-space: normal;
  word-break: break-word;
  line-height: 24px;
  width: 300px;
  margin: 0 auto;
}
.more_less a{
  text-decoration: underline !important;
  color: #0f3b56;
  font-weight: 600;
}

@keyframes spin {
  0% {
      transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
      transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes loader {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 1;
  }

  35% {
    opacity: 0.6;
  }

  38% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  60% {
    opacity: 1;
  }

  70% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}
/*************************** PAGE LOADER CSS END *****************************/

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: 1250px;
  }
  .resto-around-image img {
    height: 190px;
  }
}

@media (min-width: 1600px) {
  .container {
    max-width: 1350px;
  }
  body {
    font-size: 15px;
  }
  .table-box-main table tbody tr td {
    font-size: 15px;
  }
  .table-box-main table thead tr th {
    font-size: 15px;
  }
  .dropdown-menu .dropdown-item {
    font-size: 15px;
  }
}

@media (min-width: 1830px) {
  .container {
    max-width: 1500px;
  }
}

@media (max-width: 1199px) {
  .add-device-scan-inner {
    padding: 10% 0;
  }
  .edit-device-scan-inner {
    padding: 10% 0;
  }
}

@media (max-width: 991.98px) {
  .table_fo{
    width: 100%;
  }
}

@media (max-width: 767.98px) {
  .login-fix-width {
    width: 100%;
    margin: 15px auto;
  }
  .cust-pagination {
      justify-content: center;
  }
  .table_fo .table_fo_boxes{flex: 0 0 auto;width: 100%;margin-bottom: 15px;text-align: center;}
  .table_fo .table_fo_boxes:last-child{margin-bottom: 0px;}
  .table_fo {
      width: 100%;
      position: inherit;
      bottom: inherit;
      right: inherit;
  }
/*  .login-height-full {
    height: calc(100vh - 0px);
  }*/
}

@media (max-width: 575.98px) {
  .head_btn button{font-size: 14px;line-height: 14px;}
  .page-header-name h1{font-size: 14px;}
  .title_btn{display: inline-block !important;width: 100%;margin: 0;}
  .title_btn .page-header-name{margin-bottom: 10px;}
  .title_btn .col, .title_btn .col-auto{padding: 0 !important;text-align: left !important;}
  .login-logo {
      width: 150px;
      margin: 0 auto;
  }
  .login-height-full {
    height: 100%;
  }
}
/*# sourceMappingURL=style.css.map */