:root {
  scroll-behavior: smooth;
}

body {
  font-family: 'Lato', sans-serif !important;
  background: #ffffff;
  color: #444444;
  max-width: 99%;
}
a {
  color: #5091CD;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "lato", sans-serif;
}

/*--------------------------------------------------------------
# Main
--------------------------------------------------------------*/
#main {
  margin-top: 8px;
  padding: 20px 10px 0px 95px;
  transition: all 0.3s;
}

.main-top{margin-top: 0px !important;}
.main-top2{margin-top: -22px !important; }
.main-left{margin-left: 56px !important; }
.main-left2{margin-left: -22px !important }
.main-bottom{margin-bottom: 70px !important; }
/* .main-ucb {
  margin-top: 0px !important;
  padding: 0px 0px 0px 5px !important;
  transition: all 0.3s !important;
} */
@media (max-width: 1199px) {
  #main {
    /* padding: 20px; */
    margin-top: 8px;
    padding: 20px 10px 0px 91px;
    transition: all 0.3s;
  }
}
#main-device-data {
  margin-top: 30px;
  padding: 0px;
  transition: all 0.3s;
}

@media (max-width: 1199px) {
  #main-device-data {
    padding: 20px;

  }
}

.scrollable-menu {
  height: auto;
  max-height: 300px;
  overflow-x: hidden;
}

.scrolling {
  height: auto;
  max-height: 250px;
  overflow-x: hidden;
}

/*--------------------------------------------------------------
# Page Title
--------------------------------------------------------------*/
.pagetitle {
  margin-bottom: 10px;
  text-decoration: underline;
  width: 100%;
}

.pagetitle h1 {
  font-size: 24px;
  margin-bottom: 0;
  font-weight: 600;
  color: #5091CD;
  text-decoration: underline;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 0px;
  bottom: 97px;
  z-index: 99999;
  background: #5091CD;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #5091CD;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Override some default Bootstrap stylings
--------------------------------------------------------------*/
/* Dropdown menus */
.dropdown-menu {
  border-radius: 4px;
  padding: 10px 0;
  -webkit-animation-name: dropdown-animate;
  animation-name: dropdown-animate;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  border: 0;
  box-shadow: 0 5px 30px 0 rgba(82, 63, 105, 0.2);
  /* max-height: 300px; */
  max-height: fit-content;
}

.dropdown-menu .dropdown-header,
.dropdown-menu .dropdown-footer {
  text-align: center;
  font-size: 15px;
  padding: 10px 25px;
}

.text-dark{
  color: #000000;
}
.dropdown-menu .dropdown-footer a {
  color: #444444;
  text-decoration: underline;
}

.dropdown-menu .dropdown-footer a:hover {
  text-decoration: none;
}

.dropdown-menu .dropdown-divider {
  color: #a5c5fe;
  margin: 0;
}

.dropdown-menu .dropdown-item {
  font-size: 12px;
  padding: 10px 15px;
  transition: 0.3s;
}

.dropdown-menu .dropdown-item i {
  margin-right: 10px;
  font-size: 12px;
  line-height: 0;
}

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

@media (min-width: 768px) {
  .dropdown-menu-arrow::before {
    content: "";
    width: 13px;
    height: 13px;
    background: #fff;
    position: absolute;
    top: -7px;
    right: 20px;
    transform: rotate(45deg);
    border-top: 1px solid #eaedf1;
    border-left: 1px solid #eaedf1;
  }
}

@-webkit-keyframes dropdown-animate {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }

  0% {
    opacity: 0;
  }
}

@keyframes dropdown-animate {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }

  0% {
    opacity: 0;
  }
}

/* Light Backgrounds */
.bg-primary-light {
  background-color: #cfe2ff;
  border-color: #cfe2ff;
}

.bg-primary {
  background-color: #5091CD !important;
  border-color: #ffffff;
  color: #ffffff !important;
}
.text-Connected-secondary {
  color: #000000;
  border-color: #000000;
}

.text-Connected-primary {
  color: #5091CD;
  border-color: #5091CD;
}
.text-bg-primary {
  background-color: #5091CD !important;
  border-color: #5091CD !important;
}

.custom-th-bg{
  background-color: #5091CD !important;
  color: #ffffff;
}

.border-primary {
  border-color: #5091CD !important;
}

.text-bg-danger {
  background-color: #FD7070 !important;
  border-color: #FD7070 !important;
}
.bg-secondary-light {
  background-color: #e2e3e5;
  border-color: #e2e3e5;
}

.bg-success-light {
  background-color: #d1e7dd;
  border-color: #d1e7dd;
}

.bg-danger-light {
  background-color: #f8d7da;
  border-color: #f8d7da;
}

.bg-warning-light {
  background-color: #fff3cd;
  border-color: #fff3cd;
}

.bg-info-light {
  background-color: #cff4fc;
  border-color: #cff4fc;
}

.bg-dark-light {
  background-color: #d3d3d4;
  border-color: #d3d3d4;
}

/* Card */
.card {
  margin-bottom: 10px;
  border: none;
  border-radius: 5px;
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
}

.login-card{
  width: 18rem;
}
.card-header,
.card-footer {
  border-color: #ebeef4;
  background-color: #fff;
  color: #798eb3;
  padding: 15px;
}

.card-title {
  padding: 20px 0 15px 0;
  font-size: 16px;
  font-weight: 500;
  color: #5091CD;
  font-family: 'Lato', sans-serif;
}

.card-title span {
  color: #899bbd;
  font-size: 14px;
  font-weight: 400;
}

.card-body {
  padding: 0 20px 20px 20px;
}

.card-img-overlay {
  background-color: rgba(255, 255, 255, 0.6);
}

/* Alerts */
.alert-heading {
  font-weight: 500;
  font-family: 'Lato', sans-serif;
  font-size: 20px;
}

/* Close Button */
.btn-close {
  background-size: 50%;
}

:not(.btn-check)+.btn:active {
  color: #000000 !important;
  background-color: #ffffff;
  border-color: var(--bs-btn-active-border-color);
}

:not(.btn-check)+.btn:focus {
  color: #000000 !important;
  background-color: #ffffff;
  border-color: var(--bs-btn-active-border-color);
}

.custom-btn-close {
  background-size: 30%;
  color: #5091CD;
  font-weight: 700;
}

.btn-close:focus {
  outline: 0;
  box-shadow: none;
}

/* Accordion */
.accordion-item {
  border: 1px solid #ebeef4;
}

.accordion-button:focus {
  outline: 0;
  box-shadow: none;
}

.accordion-button:not(.collapsed) {
  color: #5091CD;
  background-color: #f6f9ff;
}

.accordion-flush .accordion-button {
  padding: 15px 0;
  background: none;
  border: 0;
}

.accordion-flush .accordion-button:not(.collapsed) {
  box-shadow: none;
  color: #5091CD;
}

.accordion-flush .accordion-body {
  padding: 0 0 15px 0;
  color: #3e4f6f;
  font-size: 15px;
}

/* Breadcrumbs */
.breadcrumb {
  font-size: 14px;
  font-family: "Lato", sans-serif;
  color: #000000;
  font-weight: 600;
}

.breadcrumb a {
  color: #000000;
  transition: 0.3s;
}

.breadcrumb a:hover {
  color: #5091CD;
}

.breadcrumb .breadcrumb-item::before {
  color: #525252;
}

.breadcrumb .active {
  color: #5091CD;
  font-weight: 600;
}

th, td {
  font-size: 11px;
  padding: 9px 8px !important;
  vertical-align: middle;
  color: #555555;
}

.nav-tabs-bordered .nav-link {
  margin-bottom: -2px;
  border: none;
  color: #2c384e;
}

.nav-tabs-bordered .nav-link:hover,
.nav-tabs-bordered .nav-link:focus {
  color: #5091CD;
}

.nav-tabs-bordered .nav-link.active {
  background-color: #fff;
  color: #5091CD;
  border-bottom: 2px solid #5091CD;
}
.nav-font-size{
    font-size: 13px;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.logo {
  line-height: 1;
  margin-left: 38px;
}

@media (min-width: 1200px) {
  .logo {
    width: 280px;
  }
}

.logo img {
  width: 100px;
}

.logo span {
  font-size: 26px;
  font-weight: 700;
  color: #5091CD;
  font-family: 'Lato', sans-serif;
}
.header {
  transition: all 0.5s;
  z-index: 997;
  border: 0.5px solid #e7e7e7;
  height: 62px;
  box-shadow: rgba(1, 41, 112, 0.1);
  background-color: rgb(255, 255, 255);
  padding-left: 35px;
  /* Toggle Sidebar Button */
  /* Search Bar */
}

.header .toggle-sidebar-btn {
  font-size: 32px;
  padding-left: 10px;
  cursor: pointer;
  color: #5091CD;
}

.header .search-bar {
  min-width: 210px;
  margin: 0px 50px;
}
.header-nav-main {
  margin-top: 10px; 
  /* margin-right: 20px; */
  height: 60px;
}

.header-request-service {
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
}

.header-Facilities {
    font-size: 12px;
    font-weight: 600;
    width: 50px;
}

.header-Facilities-title {
    float: right;
    margin-top: 60px;
    margin-right: 50px;
}

.header-help {
    font-size: 11px;
    font-weight: 600;
    line-height: 11px;
    width: 30px;
    margin-left: -12px;
}
.custom-key-image{margin-left: -5px;}
.header-help-contact{float: right; margin-top: 60px;}
.header-help-card{max-width: 280px; max-height: 120px;}
.header-account{font-size: 12px; font-weight: 600; }
.ucb-card{width: 35rem; height: 180px;border: 1px solid #CDCDCD;}
.ucb-device{width: 350px; height: 40px; background-color: #F8F8F8;}
.text-green{color: #00B050; font-size: 14px;}
.text-blue{color: #5091CD; font-size: 14px;}
.text-blue-2{color: #5091CD; font-size: 14px;}
.spm-next-12{color:#666666 !important; font-size: 13px;}
.text-white{color: #ffffff; font-size: 11px;}
.text-white-2{color: #ffffff; font-size: 14px;}
.table-header-blue{background-color: #5091CD !important; color: #FFFFFF;}
.text-blue2{color: #5091CD; font-size: 11px; text-decoration: underline;}
.text-pink{color: #FD7070; font-size: 14px;}
.text-pink2{color: #FD7070; font-size: 12px;}
.ucb-pending{width: 350px; height: 40px; background-color: #F8F8F8;}
.text-block{color: #000000; font-size: 14px;}
.text-black{color: #000000; font-size: 10px;}
.ucb-card-right{width: 36rem; height: 180px; border: 1px solid #CDCDCD; margin-left: 10px;}
.header-search-bar-align{margin-right: 140px;}
/* .header .search-bar{margin-right: 140px;} */
.facilities-bg{background-color: #F4F4F4 !important;}
.custom-pagination{ font-size: 13px;}
.custom-pagination-li{font-size: 13px I !important; width: 40px; height: 40px;}
.footer-splash{--bs-breadcrumb-divider: '|' !important; color: #ffffff !important;}
.ucb-image-alignment{padding-left: 30px;}
.dashboard-tab{font-size:12px; font-weight: 600;}
.customer-cotent-text{height: 200px !important;}
.custom-check-box{border: 1px solid #ffffff !important; background-color: #5091CD;} 
.customer-content-text{height: 200px !important;}
.custom-margin{margin-left: 40px;}
.custom-margin2{margin-left:-160px;}
.login-bg-image{background-image: url(../../assets/img/subtraction-5.png); background-size: cover; height:100%;}
.blank-bg-image{background-image: url(../../assets/img/blank-bg.png); background-size: cover; height:100%;}
.custom-check-box:active {
  border: 1px solid #ffffff !important;
  background-color: #ffffff !important;
  color: #5091CD !important;
}
.custom-check-box-2{border: 1px solid #ffffff !important; background-color: #ffffff;} 
.custom-check-box-2:active {
  border: 1px solid #ffffff !important;
  background-color: #5091CD !important;
}
.custom-check-box-3{border: 1px solid #5091CD !important; background-color: #ffffff;   margin-bottom: 10px;
} 
.custom-check-box-3:active {
  border: 1px solid #5091CD !important;
  background-color: #5091CD !important;
}

.title-blue{color: #5091CD; font-size: 13px; font-weight: 600;}
/* .nav-item-header:hover{ background-color: #F4F4F4; color: #5091CD; border: 1px solid #D9D9D9;} */
/* .nav-item-header:active{ background-color: #F4F4F4; color: #5091CD; border: 1px solid #D9D9D9;} */
.custom-header{vertical-align: middle !important; height: 60px;}
.welcome-note{font-size: 12px;font-weight: 600; height: 20px;padding: 25px;}
.welcome-note img{margin-right: -7px;}
.breadcrumb-item+.breadcrumb-item::before {content: var(--bs-breadcrumb-divider, ">"); color: #5091CD;}
.breadcrumb-item2+.breadcrumb-item2::before {content: var(--bs-breadcrumb-divider, "|"); color: #bbbbbb;}
.dropdown-menu-font{font-size: 11px;}
.custom-breadcrumb{background-color:#f4f4f4; margin-top: 48px; display: flex; position: inherit;margin-left: 12px;  padding-left: 84px; border:1px solid #dedede;}
.facilities-badge{margin-top: 20px; font-size: 8px; margin-left: -4px; background-color:#5091CD; color:#ffffff;}
.ucb-badge{font-size: 8px;margin-left:-56px; background-color:#5091CD; color:#ffffff;}
.euipment-top{margin-top: 75px;}
.remote-title{font-size: 12px; font-weight:800; color: #5091CD;}
.remote-title-pink{font-size: 11px; font-weight:900; color: #FD7070;}
.quarterly-main{margin-top: -15px !important;}
.custom-label{font-size: 11px;line-height: 1.6;}
.login-title{color: #153675;}
.breadcrumb{
  --bs-breadcrumb-margin-bottom: 0.4rem;
}
.ucb-hearder-title{color: #3E8EDE; margin:auto; font-weight: 900;}
.offcanvas-backdrop.show {
  opacity: .0;
}

@media (max-width: 576px) {
  .header .search-bar {
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    padding: 20px;
    box-shadow: 0px 0px 15px 0px rgba(1, 41, 112, 0.1);
    background: white;
    z-index: 9999;
    transition: 0.3s;
    visibility: hidden;
    opacity: 0;
  }

  .header .search-bar-show {
    top: 60px;
    visibility: visible;
    opacity: 1;
  }
}

.header .search-form {
  width: 100%;
}

.header .search-form input {
  font-size: 11px;
  color: #7e7e7e;
  border: 1px solid rgba(1, 41, 112, 0.2);
  padding: 7px 38px 7px 8px;
  border-radius: 3px;
  transition: 0.3s;
  width: 100%;
}

.header .search-form input:focus,
.header .search-form input:hover {
  outline: none;
  box-shadow: 0 0 10px 0 rgba(1, 41, 112, 0.15);
  border: 1px solid rgba(1, 41, 112, 0.3);
}

.header .search-form button {
  border: 0;
  padding: 0;
  margin-left: -30px;
  background: none;
  position: relative;
}

.header .search-form button i {
  color: #5091CD;
}

.header .invite-form {
    width: 100%;
}

.header .invite-form input {
    font-size: 11px;
    color: #7e7e7e;
    border: 1px solid rgba(1, 41, 112, 0.2);
    padding: 7px 38px 7px 8px;
    border-radius: 3px;
    transition: 0.3s;
    width: 100%;
}

.header .invite-form input:focus,
.header .invite-form input:hover {
    outline: none;
    box-shadow: 0 0 10px 0 rgba(1, 41, 112, 0.15);
    border: 1px solid rgba(1, 41, 112, 0.3);
}

.invite-form label.error {
    padding-left: 7px;
}

/*--------------------------------------------------------------
# Header Nav
--------------------------------------------------------------*/
.header-nav ul {
  list-style: none;
}

.btn:hover {
  color: #000000 !important;
  background-color: #ffffff;
  border-color: #5f9bd4;
}
/* .btn:active {
  color: #000000 !important; */
  /* background-color: #ffffff; */
  /* border-color: #5f9bd4;
  border:1px solid #5f9bd4;
  border-radius:50px;
} */
a:hover {
  color: #5f9bd4;
}
.header-nav .nav-icon {
  font-size: 22px;
  color: #585858;
  /* margin-right: 25px; */
  /* position: relative; */
}

.imgsize{
  width: 120px;
  margin: 10px 0px;
}

.CustDash{
  position: relative;
  display: inline-grid;
}

.offcanvas-body {
  padding: 0px;
}

.toggle-bg-color{
  background-color: #3E8EDE0F;
  color: #000;
}

.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
  color: #5091CD;
}
.text-primary {
  color: #5091CD !important;
}
.text-primary:hover {
  color: #5091CD !important;
}
.offcanvas.offcanvas-start {
  /* width: var(--bs-offcanvas-width); */
 
}

/* .li .nav-item:hover{
  background-color: #ffffff;
  color: #5091CD;
} */

.a .nav-link:hover{
  background-color: #ffffff;
  color: #5091CD;
}

.sidebar-nav .nav-link.collapsed:hover{
  color: #5091CD !important;
  background: #ffffff;
  /* border-left: 5px solid #5091CD; */
  border-radius: 0px;
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.sidebar {
  position: fixed;
  top: 60px;
  left: 0;
  bottom: 0;
  width: 88px;
  z-index: 996;
  transition: all 0.3s;
  padding: 0px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #aab7cf transparent;
  box-shadow: 0px 0px 20px rgba(1, 41, 112, 0.1);
  background-color: #F4F4F4;
  height: 100%;
  border: 1px solid #CCCCCC;
}


/* 
@media (max-width: 1199px) {
  .sidebar {
    left: -300px;
  }
}

.sidebar::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #fff;
}

.sidebar::-webkit-scrollbar-thumb {
  background-color: #aab7cf;
}

.btn:first-child:active{
  color: #ffffff;
  border: 1px solid #ffffff;
  background-color: #5e9fdd;

} */

/* @media (min-width: 1200px) { */

 /* #footer {
    margin-left: 90px;
  } */
  /* #main {
    margin-left: 68px; */
    /* margin-top: -22px; */
  /* }
} */

/* @media (max-width: 1199px) {
  .toggle-sidebar .sidebar {
    left: 0;
  }
} */

@media (min-width: 1200px) {

  .toggle-sidebar #main,
  .toggle-sidebar #footer {
    margin-left: 0;
  }

  .toggle-sidebar .sidebar {
    left: -300px;
  }
}

.sidebar-nav {
  padding: 0;
  margin: 0;
  list-style: none;
}

.sidebar-nav li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.sidebar-nav .nav-item {
  /* margin-bottom: 5px; */
  /* height: 40px; */
}
select option {
  background-color: #ECECEC !important;
  color: #000000 !important;
}

.toggle-nav-margin{
  margin-top: 60px;
}

.sidebar-nav .nav-heading {
  font-size: 11px;
  text-transform: uppercase;
  color: #899bbd;
  font-weight: 600;
  margin: 10px 0 5px 15px;
}

.sidebar-nav .nav-link {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
  color: #5091CD;
  transition: 0.3;
  background: #F4F4F4;
  padding: 6px 4px;
  border-radius: 4px;
}

.sidebar-nav .nav-link i {
  font-size: 16px;
  margin-right: 10px;
  color: #5091CD;
}

.sidebar-nav .nav-link.collapsed {
  color: #5091CD;
  background: #F4F4F4;
}

.sidebar-nav .nav-link.collapsed i {
  color: #899bbd;
}

.sidebar-nav .nav-link:hover {
  color: #5091CD;
  background: #F4F4F4;
}

.sidebar-nav .nav-link:hover i {
  color: #5091CD;
}

.sidebar-nav .nav-link .bi-chevron-down {
  margin-right: 0;
  transition: transform 0.2s ease-in-out;
}

.sidebar-nav .nav-link:not(.collapsed) .bi-chevron-down {
  transform: rotate(180deg);
}

.sidebar-nav .nav-content {
  padding: 5px 0 0 0;
  margin: 0;
  list-style: none;
}

.sidebar-nav .nav-content a {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: #5091CD;
  padding: 10px 0 10px 40px;
  transition: 0.3s;
}

.sidebar-nav .nav-content a i {
  font-size: 6px;
  margin-right: 8px;
  line-height: 0;
  border-radius: 50%;
}

.sidebar-nav .nav-content a:hover,
.sidebar-nav .nav-content a.active {
  color: #5091CD;
}

.sidebar-nav .nav-content a.active i {
  background-color: #5091CD;
}

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f4f4f4;
  --bs-table-border-color: #dfe0e1;
  --bs-table-striped-bg: ##f4f4f4;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: ##f4f4f4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: ##f4f4f4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
}
/*--------------------------------------------------------------
# Icons list page
--------------------------------------------------------------*/
.iconslist {
  display: grid;
  max-width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1.25rem;
  padding-top: 15px;
}

.iconslist .icon {
  background-color: #fff;
  border-radius: 0.25rem;
  text-align: center;
  color: #5091CD;
  padding: 15px 0;
}

.iconslist i {
  margin: 0.25rem;
  font-size: 2.5rem;
}

.iconslist .label {
  font-family: var(--bs-font-monospace);
  display: inline-block;
  width: 100%;
  overflow: hidden;
  padding: 0.25rem;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666;
}

/*--------------------------------------------------------------
# F.A.Q Page
--------------------------------------------------------------*/
.faq .basic h6 {
  font-size: 18px;
  font-weight: 600;
  color: #5091CD;
}

.faq .basic p {
  color: #6980aa;
}


@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Error 404
--------------------------------------------------------------*/
.error-404 {
  padding: 30px;
}

.error-404 h1 {
  font-size: 180px;
  font-weight: 700;
  color: #5091CD;
  margin-bottom: 0;
  line-height: 150px;
}

.error-404 h2 {
  font-size: 24px;
  font-weight: 700;
  color: #5091CD;
  margin-bottom: 30px;
}

.error-404 .btn {
  background: #51678f;
  color: #fff;
  padding: 8px 30px;
}

.error-404 .btn:hover {
  background: #3e4f6f;
}

.field-rm{max-width:90px; height:28px; border-radius:7px; border:0.3px solid #3e8ede; margin-bottom:3px;}
.custom-date-range-btn{margin-right:10px; margin-bottom:10px; color:#3e8ede;}
.custom-device-table{max-width: 100%; margin: 0px;}

@media (min-width: 992px) {
  .error-404 img {
    max-width: 50%;
  }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {
  font-size: 14px;
  transition: all 0.3s;
  border-top: 1px solid #cddfff;
  padding-top: 12px;
  bottom: 0%;
  width: 100%;
  position: fixed;
  background-color: #7A7A7A;
  margin-bottom: 0px;
}

.footer .copyright {
  text-align: center;
  color: #ffffff;
  margin-left: 45px;
}

.footer .credits {
  padding-top: 5px;
  text-align: center;
  font-size: 13px;
  color: #ffffff;
}

.modal-backdrop.show {
  display: none;
}

.btn {
    font-size: 12px !important;
}

/* .btn-light,
.btn-primary {
    width: 90px;
} */

.btn.dropdown-toggle {
    width: 100%;
}
.no-table-data { 
  width: 100%; 
  padding: 20px 30px; 
  margin: 0; 
  font-size: 13px;  
  color: #070304; 
  line-height: 32px; 
  letter-spacing: 0.5px; 
  font-weight: 900;
   text-transform: uppercase;  
   text-align: left; 
   float: right;
  }
  p.osr-table-note {
    padding: 15px 0;
    margin: 0; 
    color: #000;
  }
  p.osr-table-note span {
    display: none;
  }
  p.osr-table-note strong {
    color: #000;
  }
  p.osr-table-note span.note-more {
    color: #5091cd;
    font-weight: bold; 
    cursor: pointer; 
    display: inline-table;
  }
  p.osr-table-note span.osr-read-more {
    display: unset;
  }
  .profile-values-text {
    font-size : 11px;
  }
 .error{
    color: red !important;
  }
  
  .notes{font-size: 11px;}

  /* Spinner-body loader */
.body-main-loader { background: #efefef;text-align: center;width: 100%;height: 100%;position: fixed;z-index: 9999; display: block;}
.body-loader {border: 5px solid #ffffff; border-top: 5px solid #5091cd; border-radius: 50%;width: 50px;height: 50px;animation: spin 2s linear infinite;margin: -25px 0 0 -25px;top: 50%;position: absolute;left: 50%;}

/* frame */
#content-wrapper-contents { border: 0; overflow: hidden; height: 100%; width: 100%; position: absolute; top: 0; margin: auto; left: 0; }
/* Spinner-frame loader */
.frame-main-loader { background: #efefef; text-align: center; width: 100%; height: 100%; position: absolute; z-index: -9999; display: block; top: 0; left: 0; }
.frame-loader { border: 5px solid #ffffff; border-top: 5px solid #5091cd; border-radius: 50%; width: 50px; height: 50px; animation: spin 2s linear infinite; margin: -25px 0 0 -25px; top: 50%; position: absolute; left: 50%; }

   /* ******************************Old CSS start ************************************/
 #week_day_selector{width: 167px;}
.faq-ques {color: #5091CD;font-size: 13px;font-weight: 700;}  
.faq-ans {padding: 0px 15px 0px 15px;font-size: 13px;}  
.faq-page-title {box-shadow: 0 5px #8888880f;}  
.faq-list {float: left;padding-top: 25px; padding-bottom: 25px;margin: 0;}  
.fa-color-red{font-size:13px; color:red}  
.online_dot {margin-left: 6%;height: 10px;width: 10px;background-color: #3f9e39;border-radius: 50%;display: inline-block;}  
.offline_dot {margin-left: 6%;height: 10px;width: 10px;background-color: #CDCDCD;border-radius: 50%;display: inline-block;}
.alarm_dot {margin-left: 6%;height: 10px;width: 10px;background-color: #ff7070; border-radius: 50%;display: inline-block;}

.morecontent span {display: none;}
.morelink {display: block;}

.custom-csr{clear: both; display: none;}
.custom-message{width: 100%; float: none; display: inline-block;}
.small-sr{font-size: 15px;font-weight: 600;}

/* Service History PDf report css start */
.sh-cc-logo{padding: 20px 0 10px !important;}
.sh-cc-logo img{width: 175px;}
.sh-powerby{padding: 0 0 10px !important;text-align:right}
.sh-service{padding: 0; vertical-align: bottom;}
.sh-service h2{font-weight: 900;  margin:0; padding:0;}
.sh-service h2 span{font-weight: 700;}
.sh-report-by{padding: 0; vertical-align: bottom; text-align:right;font-size:12px; color: #57585a; font-weight:700;}
.sh-service-visits-table{vertical-align:top;border:1px solid #6e6e6e !important;margin-top:30px}
.sh-service-visits-summary{width:350px; padding: 5px !important; border-right:1px solid #6e6e6e; vertical-align:top;}
.sh-service-visits-summary h2{margin-bottom: 5px; margin-top:0; font-size: 13px;}
.sh-service-visits-table-data{font-size: 11px;}
.sh-field-repair{width:300px;}
.top-5-devices{width:520px; padding: 5px !important; padding-left:25px !important; vertical-align:top;}
.top-5-devices h2{width:100%; margin-bottom: 5px;margin-top:0; font-size: 13px;}
.sh-table-4{text-align:left; font-size: 11px;}
.sh-table-4-row{padding-bottom:5px; font-size: 12px;}
.sh-serial{width:80px;}
.sh-equip{width:260px;}
.sh-noof_visits{width:90px; text-align:center;}
.sh-table-5{border:1px solid #6e6e6e;}
.sh-table-5-data{height: 55px; min-height: 55px;}
.sh-description{width: 200px; text-align: left !important;}

/* Service History PDf report css End */

  /* Support page */
.custom-support{font-size: 15px; font-weight: 600;}
.close{float:right; font-size:1.5rem;}
.support_success{font-size: 12px;}

/* create SR */
.custom-csr{clear: both; display: none;}
.custom-message{width: 100%; float: none; display: inline-block;}
.small-sr{font-size: 15px;font-weight: 600;}
.urgency-range { position: relative; width: 100%;}
.form-block.urgency-range .field {  border: none; z-index: 1;position: relative; outline: none; -webkit-appearance: none; /* Hides the slider so that custom slider can be made */ width: 100%; /* Specific width is required for Firefox. */ background: transparent; /* Otherwise white in Chrome */ appearance: none;}
.form-block.urgency-range .urgency-all { position: absolute; top: 22px; height: 50px; }
.form-block.urgency-range .urgency-all.urgency-1 {left: 11px;}
.form-block.urgency-range .urgency-all.urgency-2 {left: 26.7%;}
.form-block.urgency-range .urgency-all.urgency-3 {left: 58%;}
.form-block.urgency-range .urgency-all.urgency-4 {right: 1px;}
.form-block.urgency-range .urgency-all span:before {  position: absolute; top: 0;height: 35px; left: 50%; width: 2px; background: #f00; content: ""}
.form-block.urgency-range .urgency-all span i {padding-top: 35px; display: inline-block; font-style: normal; }
.form-block.urgency-range::before { position: absolute;left: 0;right: 0;top: 37px;background: #f00;height: 5px;content: "";width: 100%;border-radius: 10px;background-image: linear-gradient(to right, #f5f4ef 15%, #f8b356 64%, #ef495d);}
.form-block.urgency-range .field::-webkit-slider-thumb {-webkit-appearance: none; /* Override default look */appearance: none;width: 15px; /* Set a specific slider handle width */height: 15px; /* Slider handle height */background: #3f8ddf; /* Green background */border:2px solid #FFF;border-radius: 15px;cursor: pointer; /* Cursor on hover */}
.form-block.urgency-range .field::-moz-range-thumb {width: 15px; /* Set a specific slider handle width */height: 15px; /* Slider handle height */background: #3f8ddf; /* Green background */border:2px solid #FFF;border-radius: 15px;cursor: pointer; /* Cursor on hover */}
.form-block span.request-radio-block label {float: none;display: inline-block;position: relative;width: auto;margin: 0 10px 0 0;}
.form-block .field{ width:100%; height:35px; float:left; padding:0 15px; margin:0; font-size:12px; color:#000000; font-weight:700; text-transform:none; background:#fff; border:1px solid #d9d9d9; border-radius:30px;}
.form-block label{ width:100%; float:left; padding:0; margin:0 0 6px 0; font-size:12px; color:#000000; font-weight:700; text-transform:uppercase;}
.form-block label, .request-service-form label{ color:#666666; text-transform: none;}
.form-block{ width:100%; float:left; padding:0; margin:0 0 21px 0; position:relative; }
.other-person-label span.request-radio-block{ position:absolute;width: 150px;right:0px;top:2px;left: 450px;}
.csr-fileupload{ width:auto;float: center; margin-top: 20px;color: #5091cd;background: none;  font-size: 12px;font-weight: 700;text-decoration: underline;text-transform: capitalize;cursor: pointer;}
.csr-fileupload span{font-size: 13px;position: absolute;margin-left: 150px;text-decoration: underline;}
.upload {font-size: 20px;cursor: pointer;opacity: 0;}
textarea.issue-details{height: 150px}
.csr-name{width: 590px; font-size: 12px;}
.csr-phone{width: 290px;font-size: 12px;}
.csr-Ext{margin-top: 128px;width: 290px; font-size: 12px;}
.dropdown-csr{font-size: 12px;}
.required-label{color: red !important;}
.csr-submit{background:#FD7070 !important;color: #fff;margin-left: 20px;}
.csr-submit.btn:hover{ background:#ffffff !important;color:#000}
.csr-msg {line-height: 17px ;} 
.csr-hours{background-color: #e9ecef; }
.custom-search{margin-left: -4px;}

@media (min-width: 1200px){
.csr-layout {
    flex: 0 0 auto;
    width: 21%;
}
}


/* Create SR End */


/* -------  dashboard css start ----------*/
.weekly-chart-tab { position: relative; }
.weekly-chart-tab ul.tab-chart-week {position: absolute;right: 20px;top: -10px;z-index: 9;}
.weekly-chart-tab .slick-next { right: -5px; }
.weekly-chart-tab .slick-prev { left: -5px; }
li.image-box-shadow { -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.06); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.06); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.06); } 
.tab-chart-week {width: 140px;margin-top: 2%;}
.multi-week-btn.active {float: left;height: 37px;width: 42px;background: url(../img/single-week-icon.png)}
.multi-week-btn {float: left; margin-left: 4px;height: 33px;width: 34px;background: url(../img/single-week-icon-out.png)}
/* .current-week-btn {float: left;height: 34px;width: 33px;background: url(../img/multi-week-out.png)} */
.current-week-btn.active {float: left;height: 34px;width: 34px;background: url(../img/multi-week-in.png)}
.current-week-btn {float: left;height: 34px;width: 34px;background: url(../img/multi-week-out.png)}
.tab-chart-week li a {width: 40px;height: 36px; overflow: hidden;padding: 0; margin: 0;-webkit-transition: none;-moz-transition: none;-o-transition: none; -ms-transition: none;transition: none;}
.multi-week-btncs {float: left;height: 70px;width: 42px;background: url(../img/single-week-icon.png)}
.tab-chart-week li {border: none !important;color: #3a3738;font-size: 16px;margin: 0 0 10px 0;padding: 0 0 0 18px;position: relative;line-height: normal;list-style: none;}
.tab-title-section p {color: #000;font-size: 10px;font-weight: 900;text-transform: uppercase;}
.table-list th {font-size: 11px;color: #000000;font-weight: 900;background: #f8f8f8;text-transform: uppercase;}
.table-list a:hover {color: #000;text-decoration: none;}
.table-list a {color: #5091cd;text-decoration: underline;}
.dashboard-btn-space .btn {border-radius: 20px;border: 1px solid #afacac;background: #fff;line-height: 100%;}
.dashboard-btn-space{margin-top: 5%;margin-left: 4%;margin-bottom: 5%;}
.dashboard-btn-space-top{margin-top: 5%;margin-bottom: 5%;}
.a_link {min-width: 119px;display: inline-block;font-size: 11px;color: #3e8ede;text-align: center;line-height: 26px;font-weight: 700;border: 1px solid #3e8ede;border-radius: 7px;}


.pms-schedule-section {padding: 5px;display: inline-block;width: 100%;}
.tab-title-section {display: inline-block;text-align: center;width: 100%;}
.tab-title-section h5 {color: #5091CD;font-size: 13px;font-weight: 900;padding: 0;text-transform: uppercase;letter-spacing: 0.4px;}
.pms-schedule-table {max-width: 100% !important;}
.tes1{float: right;margin-top: -33px;font-size: 10px;}
.tes2{float: right;margin-top: 10px !important; font-size: 10px;}
.tes2 .wid1 { margin-bottom: 10px !important; font-size: 10px;}
.tes2 .wid2 { margin-bottom: 10px !important; font-size: 10px;}
.spantest{ color: #6a6464; margin-right: 10px; font-weight: 600;font-size: 10px;}
.div1 {width: 18px;height: 18px;background-color:#FFFFFF;border: 1px solid #707070;display: initial;position: relative;color: #ffffff;}
.div2 {width: 18px;height: 18px;border: 1px solid #ADE1B7;display: initial;background-color: #ADE1B7;position: relative;color: #ADE1B7; }
.div3 {width: 18px;height: 18px;border: 1px solid #FF7070;background-color:#FF7070;display: initial;position: relative;color: #FF7070; }
.div4 {width: 18px;height: 18px;border: 1px solid #A5A2A2;background-color:#A5A2A2;display: initial;position: relative;color: #A5A2A2; }
.footable-first-hide thead tr th:first-child,
.footable-first-hide tbody tr td:first-child {display: none; }
a.btn-update {cursor: pointer;}
iframe#launcher-frame {min-width: 75px!important;; max-width: 85px !important;}

/**** Custom Scroll *******/

.pms-schedule-section .content {padding: 0px;background: inherit;margin: 10px 10px 0;width: 100%;max-width: 98%;height: 304px;}
#mCSB_1, #mCSB_2, #mCSB_3 {-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.06);-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.06);box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.06);border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;  }
.pms-schedule-table .table-list .table-bordered {border-color: inherit}
.pms-schedule-table .table-bordered {border: 1px solid #f8f8f8 !important;}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 6px;background-color: #000;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.mCSB_scrollTools {opacity: 1;  }
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {width: 21px;background-color: #f1f1f1 !important;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0; display: none;}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {background-position: -94px 0;z-index: 111;}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {background-position: -93px -20px;}
.mCSB_scrollTools a + .mCSB_draggerContainer {margin: 0;}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 15px;background-color: #fff;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.mCSB_scrollTools .mCSB_draggerContainer {top: 25px;bottom: 25px;}
.mCSB_outside + .mCSB_scrollTools {right: -17px;background: #f2f2f2;width: 21px;}
.equipment-box-three .open,.pms-schedule-table .open, .status-open {background: #ff7070 !important; color: #fff !important;}
.align-left {text-align:left; }
/*********************/

/* .omt_box {float: left;height: 20px;width: 20px;background-image: url(../img/omt_logo2.png);} */
.compliance-filter .detail-2{ width:100%; min-height:110px; float:left; padding:18px 20px 0 0; margin:0;  background-color: #5091cd;}
.compliance-filter .detail-4 { background-color: #FF7070 !important; }
.compliance-filter .detail-2 .select-field{ margin-bottom:10px; margin-left: 15px;}
.compliance-filter .detail-2 .select-field .btn-default{ height:32px; background:#fcfdfe;}
.compliance-filter .select-field .bootstrap-select.btn-group .dropdown-menu{ background:#fcfdfe;}
.compliance-filter .search-btn{ width:100%; height:35px; max-width:153px; padding:0 10px; margin:40px 0 0 -10px; font-size:12px; text-transform:uppercase; text-align:center; font-weight:700; display:inline-block; letter-spacing:0.5px; border:1px solid #5091cd; border-radius:30px;color:#5091cd; background:#fff;}
.compliance-filter .search-btn:hover{ color:#5091cd; background:#fff;}
.compliance-filter .search-block-2{ width:100%; float:left; padding:0 30px/*0 10px 0 20px*/; margin:0; border-top:1px solid #ececec; background:#f8f8f8;}
.compliance-filter .calender-info{ width:100%; float:left; padding:0px 0px 3px 15px; margin:0; border-left:1px solid #ececec; border-right:1px solid #ececec; position: relative; display: flex;}
.compliance-filter .calender-info label{ float:left; padding:0; margin:0 10px 0 0; font-size:11px; color:#ffffff; display:inline-block; line-height:32px;}
.compliance-filter .calender-info .calender-data{ float:left; padding:0; margin:0 10px 0 0; display:inline-block; position:relative;}
.compliance-filter .calender-info .calender-data .field{ width:114px; height:32px; display:block; padding:0 30px 0 15px; margin:0; font-size:11px; color:#767676; border:1px solid #ececec; border-radius:30px; background:#fcfdfe;}
.compliance-filter .calender-info .calender-data .field:focus{ color:#535353; border-color:#d1d1d1; background:#fcfdfe;}
.compliance-filter .calender-info .calender-data i{ font-size:12px; color:#a6a6a6; position:absolute; right:12px; top:10px;}
.search_box {border-radius: 20px; border: 1px solid #e1d3d3;height: 30px;padding-left: 12px; padding-right: 12px;width: 100%;background-color: #f6fbff;}
.compliance-filter {width: 95.1%;margin-left: 3.1%;margin-bottom: -1%;background: #5091cd;}
.normal-title {text-transform: inherit !important;}
.open-equipment-alarms-section .tab-title-section h2 {margin-bottom: 20px;}
.compliance-reminders-section .tab-title-section h2 {margin-bottom: 20px; }
.omt_success_box{margin-top: -36px;float: left;margin-left: 41%;font-size: 14px;color: #348334;}
.status-past_due{background: #ff7070 !important; color: #1b1a1a !important;font-weight: 900;text-transform: capitalize;}
.status-completed{background: #53c653 !important;color: #1b1a1a !important;font-weight: 900;text-transform: capitalize;}
.status-offline{background: #a5a2a2 !important;color: #fff !important;}
.closed, .status-closed, .completed {background-color: #00b050 !important;color: #fff !important;}
.status-pending { background: #ff7070 !important; color: #fff !important; }

/* ----------dashboard css end------------*/


/* ----------remote monitoring -------start------ */
.reporting-popup-box {width:  740px; position: relative; display: none;}
.reporting-popup-box ul.first-list li .select-field-2 .selected a{color: #000;   }
.reporting-popup-box ul.first-list li .select-field-2 a span {color: #5091cd;  }
.reporting-popup-box.add_equipment_box {width: 100%;}
.reporting-popup-box.add_equipment_box .popup-left-section {width: 100%;padding-right: 0;}
.reporting-popup-box.add_equipment_box h2 {width: 100%;text-align: center;font-size: 20px;text-transform: uppercase;color: #5091cd;font-weight: bold; margin-top: 10px; }
#addequipmentpopup .quote-loader-main { position: absolute; width: inherit;bottom: 0; right: 0;}
.equipment-main-box .equipment-alarm.alarm-offline { border: 2px solid #fff; }
.table-list.equipment-table-list-2 {-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.06);-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.06);box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.06);   }
.table-list.equipment-table-list-2 th {color: #fff;background: #5091cd;  padding-top: 10px;padding-bottom: 10px;  }
.table-list.equipment-table-list-2 .table-bordered > thead > tr > th {border-right: 1px solid #3b87d3;border-top: 1px solid #fff;padding-top: 10px;padding-bottom: 12px;font-size: 10px;}
.table-list.equipment-table-list-2 .table-bordered > thead > tr > th.footable-last-column {border-right: 1px solid #fff;}
.table-list.equipment-table-list-2 tr > th.equipment-th, .table-list.equipment-table-list-2 .table > tbody > tr > td {padding-left: 20px;padding-right: 20px;}
.popup-main-section {display: inline-block;width: 100%;padding-bottom: 15px;}
.reporting-popup-box {width:  740px; position: relative; display: none;}
.reporting-popup-box ul.first-list li .select-field-2 .selected a{color: #000;   }
.reporting-popup-box ul.first-list li .select-field-2 a span {color: #5091cd;  }
.add_equipment_rm ul.first-list li .select-field-2 a span {color: #5091cd;  }

.add_equipment_rm span.multiselect-selected-text span {display: none;}
.add_equipment_rm .multiselect-container > li.disabled {display:none;}
.popup-buttons li a.generate-report.rm-add-equipment {width: 300px;margin: 0 auto;display: inherit;}
.reporting-popup-title {font-size: 11px;color: #3d8cdb;text-transform: uppercase;font-weight: 700;letter-spacing: 0.6px;text-align: center; padding-bottom: 30px; }
.reporting-popup-title i {font-size: 32px;display: inline-block;vertical-align: top;line-height: 45px;padding-right: 15px;}
.reporting-popup-title span  {line-height: 20px;  display: inline-block;text-align: left;  }
.reporting-popup-title span strong {font-size: 23px;font-weight: 900; color: #3d8cdb; letter-spacing: 0.6px;}
.popup-left-section {width: 56.5%;padding-right: 40px;font-size: 11px;color: #000; float: left;padding-top: 25px;  }
.popup-left-section ul {padding: 0;margin: 0 0 5px; display: inline-block;width: 100%; }
.popup-left-section ul li {float: left;width: 90%;padding: 0;margin: 0 0 10px; }
.popup-left-section ul li:before {display: none;  }
.popup-left-section .add_equipment_rm ul.multiselect-container li:before, .popup-left-section ul.multiselect-container li:before { top: 50%; }
.popup-left-section .field {font-size: 12px;color: #000000;font-weight: 700;background: #fff;}
.popup-left-section .multiselect-container li a > label {padding: 0px 15px !important; text-align: start;}
.popup-left-section .select-field .btn-default {height: 33px;text-align: left;font-size: 12px;color: #000000;font-weight: 700;border: 1px solid #d9d9d9;border-radius: 30px;background: #fff;-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0);outline: none !important;   }
.popup-left-section ul.multiselect-container { display: none; }
.popup-left-section .open > ul.dropdown-menu { display: block; max-height: 300px; overflow-y: scroll;}
.popup-left-section .multiselect-container li { width: 100%; margin:0; }
.popup-left-section .multiselect-container li a {padding: 8px 20px;font-size: 11px;color: #000000;}
.popup-left-section ul.multiselect-container li:before {border:1px solid #5091cd; border-radius:3px;}
.popup-left-section ul.multiselect-container li.active::before {border-color:#5091cd;color:#5091cd; background: inherit; }
.multiselect-container button.btn.btn-default.multiselect-clear-filter {border-left: none;height: 34px;margin-left: 0px;width: 35px;padding-right: 10px;padding-left: 0;text-align: center;margin-right: 10px;}
.multiselect-container>li>a>label { padding: 0px 15px 0px 20px !important; margin-top: 15px !important;}
.multiselect-container.dropdown-menu li a:hover { background: none; color: inherit; }
.popup-left-section .multiselect-native-select .btn-group { width: 100% !important; }
.popup-label {width: 30%;float: left;font-size: 11px;color: #000;font-weight: normal;text-transform:capitalize;margin: 0;line-height: 33px;   }
ul.first-list li .select-field {width: 70%; }
.secound-list .popup-label {width: 20%;}
ul.secound-list li .select-field {width: 80%;  }
ul.secound-list li input.field {-moz-border-radius: 15px;-border-radius: 15px;height: 33px;border: 1px solid #d9d9d9;background: #fff;border-radius: 30px;  width: 80%;padding-left: 14px;padding-right: 14px; }
.popup-buttons li a {background: #fff;border: 1px solid #5091cd;border-radius: 30px;color: #5091cd;display: inline-block;font-size: 11px;font-weight: 700;height: 38px;letter-spacing: 0.5px;line-height: 36px;margin: 0;max-width: 100%;padding: 0 10px;text-align: center;text-transform: uppercase;width: 100%;   }
.popup-buttons li a:hover {background: #5091cd;color: #fff;  }
.popup-buttons li a.generate-report {background: #5091cd;border: 1px solid #5091cd;   color: #fff;}
.popup-buttons li a.generate-report:hover {background: #fff; color: #5091cd;   }
.popup-buttons li i {padding-right: 6px;font-size: 12px;  }
.popup-right-section {float: left;width: 43.5%;text-align: center;  }
.report-preview-title {margin-bottom: 10px;  }
.pro-connect {color: #707070;font-size: 10px;display: inline-block;text-align: center;width: 100%;padding-bottom: 5px;}

.fancybox-no-radius .fancybox-skin { -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.fancybox-opened.fancybox-no-radius .fancybox-skin {-webkit-box-shadow: 0 5px 39px rgba(0, 0, 0, 0.30);-moz-box-shadow: 0 5px 39px rgba(0, 0, 0, 0.30);box-shadow: 0 5px 39px rgba(0, 0, 0, 0.30);}
.fancybox-no-radius .fancybox-close {background:url(../img/popup-close-btn.png) no-repeat left top;width: 14px;height: 15px;  top: 14px;right: 15px;  }
.fancybox-no-radius .fancybox-skin, .fancybox-back-white .fancybox-skin {background: #fff;}
.select-field-2 .selectpicker.btn-default span span {display: none;}
.reporting-popup-box .quote-loader-main {position: absolute; z-index: 9999; }
.reporting-popup-box .reporting-popup-block { padding: 25px 25px 0; }
.quote-loader-main {position: fixed;height: 100%;width: 100%;background: #000;top: 0;z-index: 99;opacity: 0.5; display: none;}
.quote-loader {width: 50px;background: URL('../img/loader.gif');z-index: 99;height: 50px;position: absolute;top: 50%;left: 50%;margin: -25px 0 0 -25px; background-size: cover;}
.datepicker.dropdown-menu { z-index: 9999;}
embed.report-preview-box { height: 425px; background: #cfcfcf;}
.alarm-off-2 {background: #ccefdc !important;}
.alarm-offline {background: #efefef !important; }
.alarm-offline .alarm-title, .alarm-off-2 .alarm-title { color: #666666 !important; }
.alarm-on {background: #ff7070 !important;color: #fff !important; } 
.alarm-off {background: #00b050 !important;color: #fff !important; }
.alarm-on i.fa-bell-o {font-size: 18px;padding-right: 15px;}
.alarm-information {color: #666;letter-spacing: 0.6px;}
.alarm-information strong {font-weight: 900;color: #000;}
.alarm-information-off {color: #bcbcbc; text-transform: uppercase; }
.remaining-cycle-timeing {background: #c5ddf5;color:#2274c6;font-size:14px;font-weight: 900;letter-spacing: 0.6px;}
.rm-switch ul{display: flex;white-space: nowrap;text-transform: uppercase; }
.rm-switch ul li a {font-size: 18px;color: #97c4f2;padding: 0 4px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;line-height: 26px; width: 30px;display: inline-block;}
.rm-switch ul li {padding-left: 0px;}
.rm-switch ul li> a.active {border: 1px solid #97c4f2;color: #97c4f2;}
.online-devices, .offline-devices, .nostatus-devices, .notconnected-devices, .nostatus-devices-fill, .alarm-devices {width: 11px;height: 11px;border-radius: 100%;display: inline-block;margin-right: 10px}
.online-devices {background: #6cf300; -webkit-box-shadow: 0px 0px 9px 0px rgba(108,243,0,0.35);-moz-box-shadow: 0px 0px 9px 0px rgba(108,243,0,0.35);box-shadow: 0px 0px 9px 0px rgba(108,243,0,0.35); }
.offline-devices { background: #b2aeae;}
.alarm-devices { background: #ff7070;-webkit-box-shadow: 0px 0px 9px 0px rgba(255,112,112,0.35);-moz-box-shadow: 0px 0px 9px 0px rgba(255,112,112,0.35);box-shadow: 0px 0px 9px 0px rgba(255,112,112,0.35); }
.nostatus-devices,.notconnected-devices  { border: 2px solid #cfcfcf; }
.nostatus-devices-fill  { background: #cfcfcf; border: 2px solid #cfcfcf;  }
.add_equipment_rm .multiselect-container>li>a>label input[type="checkbox"],.popup-left-section .multiselect-container>li>a>label input[type="checkbox"] {height: 15px !important;}
span.select-all {position: relative;top:-3px;color:#000000 !important;}
/* ----------remote monitoring ------end-------*/

/************** Contact Us ************/
.inner-main{ width:100%; float:left; padding:0; margin:0 0 50px 0; background:#fff; box-shadow:0 0 20px rgba(179, 179, 179, 0.2);}
.inner-main .inner-title{ width:100%; float:left; padding:27px 30px 22px 30px; margin:0; font-size:13px; color:#5091cd; text-transform:uppercase; font-weight:900; letter-spacing:0.5px; border-bottom:1px solid #ececec;}
.info-contact{ width:100%; float:left; padding:0; margin:0;}
.info-contact .form-info{ width:100%; float:left; padding:26px 20px 40px 20px; margin:0;}
.info-contact .form-inner{ width:100%; max-width:722px; float:left; padding:0; margin:0;}
.info-contact .form-block{ width:100%; float:left; padding:0; margin:0 0 21px 0; position:relative;display: block;}
.info-contact .form-block label{ width:100%; float:left; padding:0; margin:0 0 6px 0; font-size:12px; color:#000000; font-weight:700; text-transform:uppercase;}
.info-contact .form-block .field{ width:100%; height:35px; float:left; padding:0 15px; margin:0; font-size:12px; color:#000000; font-weight:700; text-transform:none; background:#fff; border:1px solid #d9d9d9; border-radius:30px;}
.info-contact .form-block .field-2{ width:100%; height:190px; float:left; padding:10px 15px; margin:0; font-size:12px; color:#000000; font-weight:700; text-transform:none; background:#fff; border:1px solid #d9d9d9; border-radius:12px;}
.info-contact .submit-btn{ min-width:153px; height:41px; float:left; clear:both; padding:0 10px; margin:0 15px 0 0; border:1px solid #5091cd; font-size:12px; color:#ffffff; text-transform:uppercase; font-weight:700; text-align:center; background:#5091cd; border-radius:30px;}
.info-contact .submit-btn:hover{ color:#5091cd; background:#fff;}

.success-msg{ width:100%; max-width:610px; float:left; padding:0 0 0 33px; margin:5px 0 0 0; font-size:11px; color:#6daf03; letter-spacing:0.5px; line-height:15px; position:relative;}
.success-msg i{ width:24px; height:24px; float:left; padding:0; margin:0; line-height:24px; text-align:center; font-size:13px; color:#6daf03; border:1px solid #6daf03; border-radius:50%; position:absolute; left:0; top:2px;}
.info-contact-2{ width:100%; float:left; padding:0 0 20px 0; margin:0;}
.info-contact-2 h2{ width:100%; float:left; padding:0; margin:0 0 5px 0; font-size:14px; color:#5091cd; text-transform:uppercase; font-weight:900; letter-spacing:0.5px;}
.info-contact-2 p{ width:100%; float:left; padding:0; margin:0 0 20px 0; font-size:13px; color:#000000; font-weight:700; letter-spacing:0.5px;}

.info-contact-2 .block{ width:100%; min-height:235px; float:left; padding:26px 20px 25px 20px; margin:0 0 30px 0; text-align:center; background:#fff; position:relative; box-shadow:0 0 20px rgba(179, 179, 179, 0.2); -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out;}
.info-contact-2 .block .title{ width:100%; min-height:36px; float:left; padding:0; margin:0 0 14px 0; font-size:13px; color:#5091cd; font-weight:900; letter-spacing:1px; text-transform:uppercase;}
.info-contact-2 .block .icon{ width:54px; height:54px; padding:0; margin:0 auto 30px auto; display:block; clear:both;}
.info-contact-2 .block p{ width:100%; float:left; padding:0; margin:0; font-size:13px; color:#000000; font-weight:700; letter-spacing:0.5px; line-height:20px;}
.info-contact-2 .block p a{ color:#5091cd; text-decoration:underline; word-wrap: break-word;}
.info-contact-2 .block p a:hover{ color:#000000; text-decoration:underline;}
.info-contact-2 .block:hover{ background:#5091cd;}
.info-contact-2 .block:hover .title{ color:#fff;}
.info-contact-2 .block:hover p{ color:#fff;}
.info-contact-2 .block:hover p a{ color:#fff;}
.info-contact-2 .block:hover p a:hover{ color:#fff;}

.info-contact-2 .block .icon.icon-1{ background:url(../../images/contact_icon_1.png) no-repeat center top;}
.info-contact-2 .block:hover .icon.icon-1{ background:url(../../images/contact_icon_1_h.png) no-repeat center top;}
.info-contact-2 .block .icon.icon-2{ background:url(../../images/contact_icon_2.png) no-repeat center top;}
.info-contact-2 .block:hover .icon.icon-2{ background:url(../../images/contact_icon_2_h.png) no-repeat center top;}
.info-contact-2 .block .icon.icon-3{ background:url(../../images/contact_icon_3.png) no-repeat center top;}
.info-contact-2 .block:hover .icon.icon-3{ background:url(../../images/contact_icon_3_h.png) no-repeat center top;}
/* ---------------Contact Us End-------------- */

/* --------Account Image Upload------------ */
.upload-btn{ width:100%; float:left; padding:0; margin:0;}
.upload-btn .fileUpload { position: relative; overflow: hidden; padding:0; margin:0; font-size:10px; color:#5091cd; text-transform:uppercase; font-weight:700; background:none; border:none; box-shadow:none;}
.upload-btn .fileUpload i{ margin:0 5px 0 0;}
.upload-btn .fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0);}
.upload-btn .fileUpload:hover, .upload-btn .fileUpload:focus{ background:none; color:#000;}

/************************* Old CSS end*******************************************/


   
/* SET UP EMAIL REPORTS email reports main */
.service-email-report-block {position: relative; width: auto; display: inline-block;}
.email-reports-main{ font-size: 13px; background:#FFF; text-align: left; width:235px; position:relative; top:5px; left: 15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow: 0 0 15px rgba(179, 179, 179, 0.4); -webkit-box-shadow: 0 0 15px rgba(179, 179, 179, 0.4); -moz-box-shadow: 0 0 15px rgba(179, 179, 179, 0.4); display: none; z-index: 9999;}
.email-reports-main:before{ content:""; top:-10px; left:0; right:0; position: relative; margin:0 auto; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 10px solid white; }
.email-reports-card{display: block;position: absolute;top: 160px;left: 750px;}
.email-reports-main input[type="checkbox"]{ right: 20px; top:0; width:59px; height:30px; cursor:pointer;}
.email-reports-main input[type="checkbox"]:checked + .email-report-lbl:before{ opacity:0; }
.email-reports-main input[type="checkbox"]:checked + .email-report-lbl:after{ opacity:1; }
.email-report-left {float: left; width: 143px; text-align:left;}
.email-report-right {float: right; width: 60px; position:relative;}
.weekly-listing-card{display: flex;position: absolute;right: -180px; top:136px;}
.custom-email-report-test{padding-left: 40px;}
.email-reports-field{ width:100%; float:left; display: none; border-top:1px solid #ececec;}
.email-report-left .active{ display:none;  text-transform:uppercase; font-weight:900; color:#50b265;}
.email-report-left .in-active{ display:block; text-transform:uppercase; font-weight:900; color:#d5dade;}
.email-reports-field ul{list-style-type: none; padding-left: 0px!important;}
.email-reports-field ul li{ width:100%; float:left; text-align:left; padding:16px 0px; border-bottom:1px solid #ececec; margin:0px; }
.email-reports-field ul li:before{ content:"";}
.email-reports-field input[type="radio"]{left: 10px; top:15px; cursor:pointer;}
.email-reports-field input[type="radio"]:checked + .report-lbl:before{background:url(../images/radio-img.png) no-repeat 0 0px;}
.email-reports-field input[type="radio"]:checked + .report-lbl{color:#5091cd;}
.email-reports-field .report_method{ width:65px;  opacity:0; text-align:right; height:15px; cursor:pointer; position:absolute; z-index:1;}
.email-reports-field ul li .weekday_listing { background: #FFF ; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow: 0 0 15px rgba(179, 179, 179, 0.4); -webkit-box-shadow: 0 0 15px rgba(179, 179, 179, 0.4); -moz-box-shadow: 0 0 15px rgba(179, 179, 179, 0.4);}
.email-reports-field ul li .weekday_listing:before{content:""; top:14px; left:-10px; position: absolute;  width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-right: 10px solid white;}
.email-reports-field ul li .weekday_listing li{text-align:center; padding:10px 20px 10px 20px; border-bottom:1px solid #ececec; margin:0px; text-transform:uppercase; font-weight:900; font-size:11px;}
.email-reports-field ul li .weekday_listing li span{color:#3f8edb; font-weight:700;}
.email-reports-field ul li .weekday_listing input[type="radio"]{cursor: pointer; left:0; top: 0px;}
.email-reports-field ul li .weekday_listing input[type="radio"] + .weekday-lbl::before{ display:none;}
.email-reports-field ul li .weekday_listing li.active { background: #5091cd; }
.email-reports-field ul li .weekday_listing li.active span { color: #fff; }

/* Device Details Page CSS Code */
.device_department.select-field { padding: 16px 15px 13px 15px; border-left: 1px solid #ececec; margin-left: 15px; margin-bottom: 0px !important; }
.operator-task-status.select-field { padding: 16px 15px 13px 15px; }
.select-check-th { padding-top: 46px !important; padding-bottom: 17px !important; }
.select-check-td { padding-top: 18px !important; padding-bottom: 29px !important; border-bottom: 0 !important; }
.no-table-data {text-align: center;}
.save_data_btn { width: 100%; height: 41px; max-width: 153px; padding: 0 10px; margin: 29px 0 0 0; font-size: 10px; color: #ffffff; text-transform: uppercase; text-align: center; font-weight: 700; line-height: 39px; display: inline-block; letter-spacing: 0.5px; background: #3e8ede; border: 1px solid #3e8ede; border-radius: 30px; }
.operator-task-status.select-field.width .open { background: none; }
.equipment-detail-temperature .block { padding: 17px 0 0 10px; display: inline-flex; font-size: 11px; color: #000000; text-transform: uppercase; margin-top: 10px; width: 100%; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden; background: #fff; }
#apply_alarm_filter { display: none; }
#apply_cycle_tap_filter { display: none; }
#apply_operator_filter { display: none; }
.equipment-detail-temperature .block label { padding-right: 10px; }
.equipment-temperature-info-harmonization{font-size: 17px;color: #fff;background:#5091cd; vertical-align: text-top; text-align: center;line-height: 36px;}
.equipment-temperature-info-harmonization.temperature-info-2 span {vertical-align: bottom;}
.equipment-temperature-info-harmonization strong {color: #fff;font-weight: normal;}
.equipment-temperature-info-harmonization span {font-size: 17px;font-weight: 300;vertical-align: text-top;line-height: 36px;}

/* User */
.edit-link{border-width: 0;}
/* OmT */
.form-select-sm {padding-bottom: 0px;padding-left: 0px;}
.form-select {padding: 0px;}
/* .show{display:flex;} */
/* OMT */
.gallery img {height: 30%;width: 30%;}
.tiles-img{width: 100%;height: 100%;object-fit: cover;overflow: hidden;}

.modal-title{color: #fff !important;}
.modal-header{ background-color: #5091CD !important; border-color: #337ab7 !important}
#rm_columns ul.multiselect-container.dropdown-menu.show {overflow-y: auto;}
.custom-letter-space {letter-spacing: 3px;}
#rm_columns button.multiselect.dropdown-toggle.btn.btn-default{color: #000000;background-color: #ffffff;border-color: #5f9bd4;}

.w-15{
  width: 20% !important;
}

.tooltip-margin{ margin-top:70px;margin-right:46px;}
.tooltip-margin2{ margin-top:60px !important;}
.weekdays-margin{ margin-left:40px; }
.body-cls{font-size:14px;} 

.w-15.btn.btn-primary{
  font-size: 16px !important;
  border: 1px solid #5091cd;
  background:  #5091cd;
  color: #fff;
  width: 20% !important;
}

#continue_cancel:hover {background: #5091cd;color: #ffffff;}
#continue_submit:hover {color: #fff;
  background-color: #007bff;
  border-color: #007bff;}
 
.w-15.btn.btn-outline-secondary{
  font-size: 16px !important;
  border: 1px solid #5091cd;
  background:   #fff;
  color:#5091cd;
  width: 20% !important;
}

.careteam-modal-header {
    background-color: #5091CD !important;
    border-color: #337ab7 !important;
    display: flex;
    padding: 6px;
}

.careteam-modal-header .btn-close {
    margin-left: auto;
}

.overall_alert {
    font-size: small;
    width: 400px !important;
    clear: both;
    z-index: 999;
    margin-right: auto;
    margin-left: auto;
    margin-top: 32px;
    position:absolute;
    left: 0;
    right: 0;
}

/* add_user_iframe and edit user ifarme date picker */

.bootstrap-datetimepicker-widget{width:190px;padding-left:25px;}
.bootstrap-datetimepicker-widget{width:190px;padding-left:25px;}
.timepicker-picker table td a span,
.timepicker-picker table td,
.timepicker-picker table td span {
    height: 20px !important;
    line-height: 20px !important;
    vertical-align: middle;
    width: 30px !important;
    padding: 0px !important;
}

.offline_000 {
  margin-top: 65PX;
}
.selected_response_lov {
  border-radius: 5px;
  padding: 7px;
  width: 100%;
}

.remote-monitoring-left { width: 60%; float: left; }
.remote-monitoring-right { width: 40%; float: left; padding: 0 0 0 40px; }
.remote-monitoring-left .more-info-btn { width: 100%; max-width: 180px; height: 40px; padding: 0 10px; margin: 10px auto 15px auto; font-size: 12px; font-weight: 700; display: inline-block;    line-height: 40px; text-align: center; letter-spacing: 1px; text-transform: uppercase; border-radius: 30px; float: left; }
.aside-thumbnail { background-color: #fff; -webkit-box-shadow: 0 0 20px rgba(0,0,0,.06); -moz-box-shadow: 0 0 20px rgba(0,0,0,.06); box-shadow: 0 0 20px rgba(0,0,0,.06); margin-bottom: 20px; border: 1px solid #ececec; text-align: center; }
.remote-monitoring-left p.success {color: green;}
.aside-thumbnail img{width:100%}
.rm-info-inner-title{padding:27px 30px 22px 0px !important;}

.idle_hours {
  max-width:100px;float:none;
}
.idle_time {
  display: none;font-weight: 900;margin-bottom: 10px;bottom: 5px;clear: both;color: red !important;
}
.ucb-title-text{margin:auto}
.ucb-table-res{overflow-x: hidden;}

.invite-popup-margin {
    Margin-right: 50px;
}
.div5 {
  height: 5px !important;
  background-color: #5091CD !important;
  position: relative !important;
  color: #5091CD !important;
  width: 45px !important;
  }
  .display-msg{
    margin-top: 40%;
  }
  .sign-up-input{
    background: transparent;
  }
  .sign-up-input:focus{
    background: transparent;
  }
.select-field2 {
    background-color: transparent !important;
    padding: 5px;
}
.select-field2 option{
  background-color:#d7e7f7 !important;
}
.emoji-color{
  color:#5091CD;
}

.back_disable:focus{
  border: 1px solid #ced4da;
  border-radius: 3px;
  opacity: 1;  
  box-shadow: none; 
}
.form-select-md {
background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat #ced4da;
background-position: calc(100% - 0.75rem) center !important;
-moz-appearance:none !important;
-webkit-appearance: none !important; 
appearance: none !important;
padding-right: 2rem !important;
}

.modal_content_request, 
.denial_request_confirmation,
.denial_request_submit,
.approve_request_confirmation {
  height: 202px; width: 502px; text-align: center;
}
.confirm_popup_lbl {
  flex: auto; margin-left: -335px;
}
.denial_popup_lbl {
  flex: auto; margin-left: -315px;
}
#closeUserdenialRequest, .btn-cancel, #denial_request_closemodal {color: #fff; background-color: #FD7070 !important; border: #FD7070 solid 1px !important;}
#closeUserdenialRequest:hover, .btn-cancel:hover, #denial_request_closemodal:hover {background-color: #fff !important; border: #FD7070 solid 1px !important;}
.MyClass{
  max-width: 300px; 
  white-space: nowrap,initial;
  word-wrap: break-word;
} 
.custom-title {
    font-size: 12.5px;
}