@font-face {
  font-family: 'Morebi Rounded';
  src: url('fonts/morebi/2CFDE0_5_0.woff2') format('woff2'), url('fonts/morebi/2CFDE0_5_0.woff') format('woff');
}
.bg-mainColor {
  /*background-color: #0073B3;*/
  color: #ffffff;
}
body:before {
  font-family: "Kendo UI";
  content: "\a0";
  font-size: 0;
  width: 0;
  height: 0;
  position: absolute;
  z-index: -1;
}
.k-recur-weekday-checkbox {
  margin-left: 7px !important;
  height: 13px !important;
}
.cursorPointer {
  cursor: pointer;
}
ul.noBullet {
  list-style-type: none;
}
body.ktmv a:hover,
a:focus {
  text-decoration: none;
}
.k-mobile body.ktmv,
body.ktmv.ktmv-mobile {
  font-size: 14px;
}
body.ktmv {
  overflow: hidden;
  font-size: 16px;
  /*Disable user selection*/
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bg-disactive {
  background-color: #979797;
}
.ktmv a:focus,
.ktmv a:hover {
  text-decoration: initial;
}
.activeEncoder {
  background-color: #127277 !important;
}
.activeEncoderName {
  color: white !important;
}
.ktmv .km-view {
  top: auto;
  left: auto;
  position: static;
  border-radius: inherit;
}
.ktmv .km-view .km-header,
.ktmv .km-view .km-header .panel-heading {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.ktmv .km-widget.km-listview,
.ktmv .k-widget.k-listview {
  list-style-type: none;
  height: 100%;
}
.bg-ktmv {
  background-color: #F5F7FA;
  color: #000000 !important;
}
html,
body {
  margin: 0;
  padding: 0;
  min-width: 320px;
}
header {
  /*margin: 0;*/
  margin: 20px 0;
  font-size: 20px;
  color: #fff;
  background-color: #fff;
  max-height: 50px;
  /*overflow: hidden;*/
  border-bottom: 1px solid #ccc;
}
header h1,
header button {
  display: inline-block;
  vertical-align: middle;
}
.top-buffer {
  padding-top: 60px;
}
#login-view .form-sigin {
  max-width: 430px;
  padding: 20px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 3px;
}
/*.km-view{*/
/*display:block;*/
/*}*/
.landing-apps-wrapper {
  width: 100%;
  height: 52% !important;
}
.landing-apps-container {
  text-align: center;
  width: 100%;
  height: 100%;
}
#mainContainer .km-listview-wrapper {
  height: 100%;
}
#landing-apps-list {
  background: transparent;
  border: none;
  box-shadow: inherit;
  transform: translateY(21%);
}
#landing-apps-detail-list {
  padding: 20px 5px;
  margin-bottom: -1px;
  min-height: 310px;
  background: transparent;
  border: none;
  box-shadow: inherit;
}
#recent-building-list {
  width: 100%;
  padding-top: 30px;
  background: transparent;
  border: none;
  box-shadow: inherit;
  display: inline-block;
}
#landing-apps-list li,
#recent-building-list li {
  display: inline-block;
  max-height: 210px;
  overflow: hidden;
}
#landing-apps-list .apps {
  float: left;
  position: relative;
  height: 160px;
  border-radius: 0px;
  background-position: 50% 30%;
  background-repeat: no-repeat;
  font-family: Morebi Rounded;
}
#landing-apps-list .apps:hover,
#landing-apps-list .apps:focus {
  text-decoration: initial;
}
#landing-apps-detail-list .apps:hover,
#landing-apps-list .apps:focus {
  text-decoration: initial;
}
/*#landing-apps-list .apps:before*/
/*{*/
/*content: '';*/
/*position: absolute;*/
/*width: 1100%;*/
/*height: 1100%;*/
/*top: 20px;*/
/*right: -500%;*/
/*background: teal;*/
/*-webkit-transform-origin: 54% 0;*/
/*-ms-transform-origin: 54% 0;*/
/*transform-origin: 54% 0;*/
/*-webkit-transform: rotate(45deg);*/
/*-ms-transform: rotate(45deg);*/
/*transform: rotate(45deg);*/
/*z-index: -1;*/
/*}*/
/*#landing-apps-list .apps:before {*/
/*content: '';*/
/*position: absolute;*/
/*bottom: 0;*/
/*right: 0;*/
/*border-bottom: 40px solid white;*/
/*border-left: 40px solid red;*/
/*width: 0;*/
/*}*/
/*#landing-apps-list .apps.SiteSurvey:before     {border-left: 40px solid #619AF3;}
        #landing-apps-list .apps.UsersMgr:before       {border-left: 40px solid #37BC9B;}
        #landing-apps-list .apps.Operator:before       {border-left: 40px solid #339966;}
        #landing-apps-list .apps.KeysMaster:before     {border-left: 40px solid #FF902B;}
        #landing-apps-list .apps.LocksMaster:before    {border-left: 40px solid #F05050;}
        #landing-apps-list .apps.Settings:before       {border-left: 40px solid #3A3F51;}
        #landing-apps-list .apps.Report:before         {border-left: 40px solid #6666CC;}
        #landing-apps-list .apps.Monitoring:before     {border-left: 40px solid #996600;}
        #landing-apps-list .apps.Schedule:before       {border-left: 40px solid #009933;}*/
#landing-apps-list .apps {
  opacity: 0.9;
  -webkit-mask: url(images/homeicon.svg);
          mask: url(images/homeicon.svg);
}
#landing-apps-list .apps h3 {
  display: block;
  color: #ffffff !important;
  position: relative;
  top: 106px;
  font-size: 18px !important;
  font-weight: lighter !important;
  text-transform: initial !important;
  max-width: 80%;
  margin: auto;
}
#landing-apps-detail-list .apps h3 {
  display: block;
  color: #ffffff !important;
  position: relative;
  top: 106px;
  font-size: 18px !important;
  font-weight: lighter !important;
  text-transform: initial !important;
  max-width: 80%;
  margin: auto;
}
#recent-building-list .building {
  /*position: relative;*/
  /*width: 200px;*/
  /*height: 200px;*/
  /*line-height: 170px;*/
  margin: auto;
  /*padding: 5px 10px;*/
  text-align: left;
  vertical-align: middle;
}
/*#recent-building-list li{*/
/*border: solid 1px #aaa;*/
/*}*/
/*#landing-apps-list .apps h3{

            padding: 15px 5px 0 0;
            max-width: 96px;
            overflow: hidden;
            line-height: 1.1em;
            font-size: .9em;
            font-weight: bold;
            text-transform: uppercase;
            color: #999;
            margin: auto;
        }*/
#recent-building-list .building h3 {
  /*padding: 15px 5px 0 0;*/
  /*max-width: 96px;*/
  overflow: hidden;
  line-height: 1.1em;
  font-size: 1.1em;
  /*font-weight: bold;*/
  text-transform: uppercase;
  color: #000000;
  margin: auto;
}
.ktmv .navbar .k-menu {
  background-color: transparent;
  border: none;
  color: #000000;
  height: 50px;
}
.ktmv .navbar .k-menu > li,
.ktmv .navbar .k-menu > li > .k-link {
  height: 50px;
}
.ktmv .navbar .k-menu .k-item > .k-link {
  font-size: 16px;
  padding-top: 0.9em;
  padding-bottom: 0.7em;
}
.ktmv .navbar .k-menu .k-item > .k-link > .k-icon {
  margin-left: 6px;
}
.ktmv .navbar .k-menu.right .k-animation-container {
  left: auto !important;
  right: 0 !important;
}
.ktmv .navbar .dropdown {
  font-size: 16px;
}
.ktmv .navbar-default .navbar-nav > .open > a,
.ktmv .navbar-default .navbar-nav > .open > a:hover,
.ktmv .navbar-default .navbar-nav > .open > a:focus {
  background-color: transparent;
  /*color: #000000;*/
}
.ktmv .navbar .k-dropdown {
  margin-top: 3px;
  background-color: transparent;
}
.ktmv .navbar .k-dropdown .k-dropdown-wrap {
  border: none;
  background-color: transparent;
  text-align: right;
}
.ktmv .navbar .k-dropdown .k-input {
  color: #000000;
  margin-top: 3px;
}
.ngdialog-content .k-dropdown-wrap.k-state-default,
.align-center {
  /*text-align: center;*/
}
.bg-white {
  background: #fff !important;
  /*max-height:50px !important;*/
}
.ktmv .navbar {
  line-height: 50px;
  height: 51px;
  min-height: 50px;
  border-radius: 0;
}
.ktmv .navbar-brand {
  padding: 15px 15px;
  height: 50px;
}
.ktmv .navbar-text {
  margin: 0 5px 0 0;
  /*padding-top: 8px;*/
  font-size: 16px !important;
  font-family: Morebi Rounded;
  font-weight: bold;
}
.ktmv .navbar a.msg-icon {
  color: #333;
  text-align: center;
  padding: 7px;
  border-radius: 50%;
  margin: 10px 3px;
  width: 30px;
  height: 30px;
  font-size: 14px;
}
.ktmv .navbar-nav > li {
  height: 50px;
  padding-left: 2px;
  padding-right: 2px;
}
.ktmv .navbar-default .navbar-nav > li > a {
  color: #202020;
}
.topnavbar a span {
  font-size: 14px;
}
.topnavbar > .row > [class^="col-"] {
  /*border-left: solid 1px #cccccc;*/
  height: 50px;
}
.ktmv .navbar .img-user {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: solid 1px #cccccc;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 4px;
  vertical-align: top;
}
.topnavbar .msg-icon {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  margin-top: 10px;
  line-height: 8px;
}
.topnavbar .msg-icon em {
  font-size: 12px !important;
}
.topnavbar .img-responsive {
  max-height: 100%;
  width: auto;
}
.logo-header {
  width: 180px;
  height: 20px;
  background-image: url(images/header/logoheader.svg);
  background-repeat: no-repeat;
  background-position: left 50%;
  background-size: 160px;
}
.icon-readkey {
  width: 60px;
  height: 50px;
  background-image: url(images/icons/keyinterrogation.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 30px;
}
.icon-khome {
  width: 60px;
  height: 50px;
  background-image: url(images/icons/white/home.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 30px;
}
.landing .icon-khome {
  background-image: url(images/icons/white/exit.svg);
}
footer {
  position: fixed;
  left: 0px;
  bottom: 20px;
  width: 100%;
  z-index: auto;
  height: 22px !important;
  font-size: 12px !important;
}
/* IE 6 */
.thumb-img {
  width: 40px;
  height: 40px;
  /*border:solid 1px #333;*/
  margin: auto;
  display: block;
  /*margin-top: 8px;*/
  margin: 4px auto 0 2px;
}
.thumb-img30 {
  width: 30px;
  height: 30px;
  margin: auto;
  display: block;
  margin: 4px auto 0 2px;
}
.k-widget.k-listview {
  -webkit-padding-start: 0;
}
.btn-blue {
  background-color: #0073B3;
  color: #ffffff;
  /*border-color: transparent;*/
}
.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus {
  background-color: #0282c8;
  color: #ffffff;
  /*border-color: transparent;*/
}
.km-header .propertyItem {
  /*height:46px;*/
  line-height: 44px;
}
.k-listview .propertyItem,
.km-listview .propertyItem {
  line-height: normal;
  cursor: pointer;
  /*height: 55px;*/
  margin: 0;
  padding: 5px 0;
  border-bottom: solid 1px #ccc;
  overflow: hidden;
}
.k-listview .propertyItem.tile,
.km-listview .propertyItem.tile {
  cursor: pointer;
  /*height:140px;*/
  /*width:140px;*/
  width: 90%;
  height: 90%;
  line-height: normal;
  margin: auto;
  border: solid 1px #a0a0a0;
  border-radius: 6px;
  overflow: hidden;
  display: inline-block;
  text-align: center;
}
.k-listview .propertyItem:hover,
.km-listview .propertyItem:hover {
  background-color: none;
}
.ktmv .k-widget.k-listview .propertyItem:active,
.ktmv .k-widget.k-listview .listItem:active {
  background-color: #0282c8;
  color: #ffffff;
}
.k-listview .propertyItem .name {
  padding-top: 3px;
}
.detailBtn {
  line-height: inherit;
  height: inherit;
  position: absolute;
  display: inline-block;
  right: 0;
  overflow: hidden;
}
.detailBtn .kt-btn.fa {
  height: inherit;
  min-width: 46px;
  float: right;
  padding-top: 19px;
}
.kt-btn.fa.text-warning {
  color: red;
}
.kt-btn.check.c-checkbox label {
  height: 100%;
  width: 100%;
}
.text-white {
  color: #ffffff !important;
}
.ktmv .k-widget.k-listview > .active {
  background-color: #d0d0d0;
}
.bd0 {
  border: none !important;
}
.bd0-left {
  border-left: none !important;
}
.bd0-right {
  border-right: none !important;
}
.bd0-top {
  border-top: none !important;
}
.bd0-bottom {
  border-bottom: none !important;
}
.bd1 {
  border: solid 1px #cccccc;
}
.bd1-left {
  border-left: solid 1px #cccccc;
}
.bd1-right {
  border-right: solid 1px #cccccc;
}
.bd1-top {
  border-top: solid 1px #cccccc;
}
.bd1-bottom {
  border-bottom: solid 1px #cccccc;
}
.bd1-green {
  border: solid 1px #559c82;
}
.bd4-right {
  border-right: solid 4px #fff;
}
.rounded {
  border-radius: 50%;
}
.rounded6 {
  border-radius: 6px;
}
.rounded6-top {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.rounded6-bottom {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.rounded6-bottom-left {
  border-bottom-left-radius: 6px;
}
.rounded6-top-left {
  border-top-left-radius: 6px;
}
.rounded6-bottom-right {
  border-bottom-right-radius: 6px;
}
.rounded6-top-right {
  border-top-right-radius: 6px;
}
.rounded4 {
  border-radius: 4px;
}
.rounded4-top {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.rounded4-bottom {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.rounded4-bottom-left {
  border-bottom-left-radius: 4px;
}
.rounded4-top-left {
  border-top-left-radius: 4px;
}
.rounded4-bottom-right {
  border-bottom-right-radius: 4px;
}
.rounded4-top-right {
  border-top-right-radius: 4px;
}
.noRounded,
.noRounded .rounded6 {
  border-radius: 0 !important;
}
.nobd .bd1 {
  border-width: 0;
}
.bg-danger-dark {
  background-color: #ec2121 !important;
  color: #ffffff !important;
}
.wd-100 {
  width: 100px;
}
.fwd {
  width: 100%;
}
.ktmv .ngdialog.fh .ngdialog-content .ngdialog-message,
.ktmv .ngdialog.fh .ngdialog-content {
  height: 100%;
}
.ktmv .ngdialog .ngdialog-content {
  border: solid 2px #cccccc;
}
.ktmv .ngdialog.wd-modal .ngdialog-content {
  width: 500px;
  padding-bottom: 0px;
}
.ktmv .ngdialog.wd-modal-540 .ngdialog-content {
  width: 540px;
  padding-bottom: 0px;
}
.ktmv .ngdialog.wd-modal-540.accessPoint .ngdialog-content {
  width: 540px;
  padding-bottom: 0px;
}
.ktmv .ngdialog.wd-modal-550 .ngdialog-content {
  width: 550px;
  padding-bottom: 0px;
}
.ktmv .ngdialog.wd-modal-550.accessPoint .ngdialog-content {
  width: 550px;
  padding-bottom: 0px;
}
.ktmv .ngdialog.wd-modal-580 .ngdialog-content {
  width: 580px;
  padding-bottom: 0px;
}
.ktmv .ngdialog.wd-modal-580.accessPoint .ngdialog-content {
  width: 580px;
  padding-bottom: 0px;
}
.ktmv .ngdialog.wd-modal-610 .ngdialog-content {
  width: 610px;
  padding-bottom: 0px;
}
.ktmv .ngdialog.wd-modal-610.accessPoint .ngdialog-content {
  width: 610px;
  padding-bottom: 0px;
}
.ktmv .ngdialog.wd-modal-610.makeKey .ngdialog-content {
  width: 610px;
  padding-bottom: 0px;
}
.ktmv .ngdialog.wd-modal-650 .ngdialog-content {
  width: 650px;
  padding-bottom: 0px;
}
.ktmv .ngdialog.wd-modal-650.accessPoint .ngdialog-content {
  width: 650px;
  padding-bottom: 0px;
}
.ktmv .ngdialog.wd-modal-650.makeKey .ngdialog-content {
  width: 800px;
  padding-bottom: 0px;
}
.ktmv .ngdialog.wd-modal-720 .ngdialog-content {
  width: 720px;
  padding-bottom: 0px;
}
.ktmv .ngdialog.wd-modal-920 .ngdialog-content {
  width: 1000px;
  padding-bottom: 0px;
}
.ktmv .ngdialog.wd-modal-1500 .ngdialog-content {
  width: 1500px;
  padding-bottom: 0px;
}
.notifications-modal .ngdialog-content {
  padding-top: 0 !important;
}
.ktmv .ngdialog.wd-modal-920.makeKey .ngdialog-content {
  width: 1000px;
  padding-bottom: 0px;
}
.ktmv .ngdialog.mt-100 .ngdialog-content {
  margin-top: 100px;
  padding-bottom: 0px;
}
.ktmv .ngdialog.wd-modal-900 .ngdialog-content {
  width: 800px;
}
.ktmv .ngdialog.top50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.breadcrumb-bar {
  height: 60px;
  border: 1px solid #ccc;
}
.breadcrumb-bar .row,
.breadcrumb-bar .row [class^="col-"],
.breadcrumb-bar .row,
.breadcrumb-bar .row [class*=" col-"] {
  height: 100%;
  vertical-align: middle;
  text-align: left;
  overflow: hidden;
}
.breadcrumb-bar .row [class^="col-"],
.breadcrumb-bar .row [class*=" col-"] {
  border-width: 0;
  /*left:-1px;*/
}
.breadcrumb-bar .row [class^="col-"] span,
.breadcrumb-bar .row [class*=" col-"] span {
  /*vertical-align: sub;*/
  line-height: 20px;
}
/*.breadcrumb-bar .row [class^="col-"] .inactive span
{
    vertical-align: middle;
    line-height:54px;
}*/
.bclast {
  border-radius: 5px;
}
.breadcrumb-bar .home {
  background-image: url("images/icons/white/propertybuilder.svg");
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer !important;
  border-right-width: 0;
  width: 74px;
}
.breadcrumb-bar .home.active {
  background-image: url("images/icons/white/propertybuilder.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  /*background-size:50px 50px;*/
}
.breadcrumb-bar .active-previous {
  background-image: url("images/breadcrumbs/arrow-white.svg");
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-color: #0282c8;
  color: #ffffff;
  cursor: pointer !important;
  border-left-width: 0;
  border-right-width: 0;
}
.breadcrumb-bar .inactive {
  background-image: url("images/breadcrumbs/blue/dark2.svg");
  background-repeat: no-repeat;
  background-position: 0 50%;
  border-left-width: 0;
  pointer-events: none;
}
.breadcrumb-bar .active {
  background-image: url("images/breadcrumbs/blue/light2.svg");
  background-repeat: no-repeat;
  background-position: 0 50%;
  border-left-width: 0;
  background-color: #0073B3;
  color: #ffffff;
  cursor: pointer !important;
}
.k-ie .breadcrumb-bar .active-previous {
  background-size: 16px 40px !important;
}
.k-ie .breadcrumb-bar .inactive,
.k-ie .breadcrumb-bar .active {
  background-size: 58px 100%;
}
.k-ie .breadcrumb-bar .home {
  background-size: 40px;
}
/*.breadcrumb-bar .inactive .bcarrow{
    background-color: #0282c8;
    mask-image: url(images/icons/breadcrumbArrow01.svg);
    -webkit-mask-image: url(images/icons/breadcrumbArrow01.svg);
}
.breadcrumb-bar .active .bcarrow{
    background-color: #8BB8F1;
    mask-image: url(images/icons/breadcrumbArrow01.svg);
    -webkit-mask-image: url(images/icons/breadcrumbArrow01.svg);
}
.breadcrumb-bar .active-previous .bcarrow{
    background-color: #8BB8F1;
    background-image: url("images/breadcrumbArrow-white.svg");
    background-repeat: no-repeat;
    background-position: 0 50%;
}*/
.breadcrumb-bar .row > :first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.breadcrumb-bar .row :last-child:not(.radial-bar) {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.breadcrumb-bar [ng-click],
.breadcrumb-bar [data-ng-click] {
  cursor: default;
}
.breadcrumb-bar .active .h1,
.breadcrumb-bar .active-previous .h1 {
  color: #fff;
}
.breadcrumb-bar .h1 {
  font-size: 18px;
  font-weight: normal;
  font-family: Morebi Rounded;
  color: #aaa;
}
.ngdialog-message.km-view .km-content,
.ngdialog-message.km-view .km-header,
.ngdialog-message.km-view .km-footer {
  width: auto;
  margin-left: -15px;
  margin-right: -15px;
}
.ngdialog-message.km-view .km-header .k-grid-header-wrap {
  border-top: solid 1px #cccccc;
}
.ngdialog-message.km-view .km-header .clear-input {
  right: 0px;
  top: -2px;
}
.km-header .row {
  /*border-top: solid 1px #cccccc;*/
  /*border-left: solid 1px #cccccc;*/
  /*border-right: solid 1px #cccccc;*/
  border-bottom: solid 1px #cccccc;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.km-header .row:first-child > :first-child,
.km-header .row:first-child {
  border-top-left-radius: 6px;
}
.km-header .row:first-child > :last-child,
.km-header .row:first-child {
  border-top-right-radius: 6px;
}
.right-col .panel-list .km-header .row:first-child > :first-child,
.right-col .panel-list .km-header .row:first-child {
  border-top-left-radius: 0px;
}
.right-col .panel-list .km-header .row:first-child > :last-child,
.right-col .panel-list .km-header .row:first-child {
  border-top-right-radius: 0px;
}
.right-col .panel-list .km-header .row {
  border-top: none;
}
.right-col .km-footer {
  border-bottom: solid 1px #cccccc;
}
.kt-btn {
  /*background: url("images/Settings.png") no-repeat center;*/
  /*background-size: contain;*/
  background-color: #ffffff;
  height: 50px;
  /*border: solid 1px #cccccc;*/
  padding: 0;
  margin: auto;
  cursor: pointer;
  text-align: center;
}
.headerBtn {
  height: 50px;
  padding-top: 14px !important;
  padding-left: 0;
  padding-right: 0;
  font-size: 22px !important;
}
.subHeaderBtn {
  height: 40px;
  padding-top: 9px !important;
  padding-left: 0;
  padding-right: 0;
  font-size: 22px !important;
}
.kt-btn-height,
.header-height {
  height: 50px;
}
.kt-btn:not(:last-child) {
  border-right: solid 1px #cccccc;
}
.kt-btn:hover,
.kt-btn:focus,
.kt-btn.focus,
.kt-btn:active,
.kt-btn.active {
  /*color: #ffffff;*/
  background-color: #f0f0f0;
  border-color: #c0c0c0;
}
/*.kt-group-btn .kt-btn:active, .kt-group-btn .kt-btn.active {
    color: #ffffff;
    background-color: #8BB8F1;
    border-color: #c0c0c0;
}*/
/*.kt-btn span, .kt-btn.c-checkbox {
    color: #000000;
}*/
/*.kt-btn:active span, .kt-btn.active span{*/
/*color: #ffffff;*/
/*}*/
.kt-btn.fa.active,
.kt-btn.active .fa {
  color: #f0f0f0;
}
.kt-btn.fa,
.kt-btn .fa {
  padding-top: 18px;
  color: #0282c8;
}
.tile .kt-btn.fa:before,
.tile .kt-btn .fa:before {
  padding-top: 10px;
}
.propertyItem .c-checkbox {
  height: 50px;
}
.kt-btn.fa::before {
  text-align: center;
  display: block;
}
.kt-search {
  padding-top: 6px;
  height: 50px;
  /*border: solid 1px #cccccc;*/
}
.k-widget.k-listview .row [class^="col-"] {
  height: 100%;
  padding: 0;
}
.km-header .row [class^="col-"].checkbox.c-checkbox,
.k-widget.k-listview .row [class^="col-"].checkbox.c-checkbox,
.km-widget.km-listview .row [class^="col-"].checkbox.c-checkbox {
  margin: 0;
}
.km-header .row [class^="col-"].checkbox.c-checkbox {
  border-right: solid 1px #cccccc;
}
.km-header .row [class^="col-"].checkbox.c-checkbox label,
.k-widget.k-listview .row [class^="col-"].checkbox.c-checkbox label,
.km-widget.km-listview .row [class^="col-"].checkbox.c-checkbox label {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}
.km-header .row [class^="col-"].checkbox.c-checkbox label .fa,
.k-widget.k-listview .row [class^="col-"].checkbox.c-checkbox label .fa,
.km-widget.km-listview .row [class^="col-"].checkbox.c-checkbox label .fa {
  color: #0282c8;
  line-height: inherit;
  text-align: center;
  display: block;
}
.k-widget.k-listview .row.active [class^="col-"].checkbox.c-checkbox label .fa,
.km-widget.km-listview .row.active [class^="col-"].checkbox.c-checkbox label .fa {
  color: #ffffff;
}
.bg-transparent {
  background: transparent;
}
.col-centered {
  display: inline-block;
  float: none;
  /* reset the text-align */
  text-align: left;
  /* inline-block space fix */
  margin-right: -4px;
}
.icon-G {
  background-image: url("images/list/group.png");
  background-size: contain;
}
.icon-S {
  background-image: url("images/list/site.png");
  background-size: contain;
}
.icon-B {
  /*background-image: url("images/list/building.png");*/
  background-image: url("images/icons/propertybuilder.svg");
  background-size: 30px;
  background-position: 50%;
  background-repeat: no-repeat;
}
.icon-usr {
  background-image: url("images/user-green.png");
  background-size: contain;
}
.def-user {
  /*background-image: url("images/user-green.png");*/
  /*background-size: contain;*/
  color: #58ceb1;
}
.active .def-user {
  /*background-image: url("images/user-white.png");*/
  /*bbackground-color: #37BC9B;*/
  color: #fff;
}
/*
.icon-F {
    background-image: url("images/list/floor.png");
    background-size: contain;
    background-color:#6498FA;
    background-repeat:no-repeat;
    background-position:50%;
}
*/
.icon-F,
.icon-F:before,
.icon-F:after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.icon-F {
  position: relative;
  height: 14px;
  width: 23px;
  padding: 5px;
  margin-left: 25%;
  background-color: #428BCA;
  top: 14px;
  transform: rotate(163deg) skew(54deg);
}
.icon-A,
.icon-A:before,
.icon-A:after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.icon-A {
  /*background-image: url("images/list/accessPoint.png");*/
  background-color: #428BCA;
}
.active .icon-G {
  background-image: url("images/list/group-active.png");
  background-size: contain;
}
.active .icon-S {
  background-image: url("images/list/site-active.png");
  background-size: contain;
}
.active .icon-B {
  /*background-image: url("images/list/building-active.png");*/
  background-image: url("images/icons/white/propertybuilder.svg");
  /*background-size: contain;*/
}
/*
.active .icon-F {
    background-image: url("images/list/floor-active.png");
    background-size: contain;
}*/
.active .icon-F {
  border: 2px solid #fff;
}
.active .icon-A {
  border: 2px solid #fff;
  /*
    background-image: url("images/list/accessPoint-active.png");
    background-size: contain;
    */
}
/*FELIPE*/
.nop {
  padding: 0;
}
.panel-login {
  background: transparent !important;
}
.ktmv-bg {
  /*background-image: url("images/home/hotel-reception-3-blue-high.jpg");*/
  /*background-image: url("images/katimavik-bg.jpg");*/
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.ktmv .k-upload .k-upload-files,
.ktmv .k-upload .k-upload-files .k-file {
  margin: 0;
  padding: 0;
}
.ktmv .k-button.k-upload-button {
  display: none;
}
.animate.ng-enter,
.animate.ng-leave {
  transition: 1350ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  position: relative;
  display: block;
}
.animate.ng-enter.ng-enter-active,
.animate.ng-leave {
  opacity: 1;
  right: 0;
  height: 30px;
}
.animate.ng-leave.ng-leave-active,
.animate.ng-enter {
  opacity: 0;
  right: -50px;
  height: 0px;
}
.slide-show-right,
.slide-show-left {
  transition: all 0.5s ease-in-out;
  transform: translate(0, 0);
  position: relative;
}
.slide-show-right.ng-hide-add,
.slide-show-left.ng-hide-add,
.slide-show-right.ng-hide-remove.ng-hide-remove-active,
.slide-show-left.ng-hide-remove.ng-hide-remove-active {
  transform: translate(0, 0);
  position: absolute;
}
.slide-show-right.ng-hide-add.ng-hide-add-active,
.slide-show-left.ng-hide-remove {
  position: absolute;
  transform: translateX(100%);
}
.slide-show-right.ng-hide-remove,
.slide-show-left.ng-hide-add.ng-hide-add-active {
  transform: translateX(-100%);
  position: absolute;
}
.slide-left,
.slide-right {
  transition: all 0.5s ease-in-out;
  transform: translate(0, 0);
}
.slide-left.ng-leave-active {
  transform: translateX(-100%);
}
.slide-left.ng-enter {
  transform: translateX(100%);
}
.slide-left.ng-enter-active,
.slide-left.ng-leave {
  transform: translate(0, 0);
}
.slide-right.ng-leave-active {
  transform: translateX(100%);
}
.slide-right.ng-enter {
  transform: translateX(-100%);
}
.slide-right.ng-enter-active,
.slide-right.ng-leave {
  transform: translate(0, 0);
}
.stretch.ng-enter,
.stretch.ng-leave {
  transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  position: relative;
  display: block;
  transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
}
.stretch.ng-leave.ng-leave-active,
.stretch.ng-enter {
  transform: scaleX(0);
  /*height: 0px;*/
  opacity: 0;
}
.stretch.ng-enter.ng-enter-active,
.stretch.ng-leave {
  transform: scaleX(1);
  /*height: 30px;*/
  opacity: 1;
}
.rb-title {
  font-size: 16px;
  font-weight: normal;
  font-family: 'Source Sans Pro', sans-serif;
}
.rb-content {
  font-size: 12px;
  font-weight: normal;
  font-family: 'Source Sans Pro', sans-serif;
}
.bold {
  font-weight: bold;
}
/*.drag-started*/
/*{*/
/*cursor: default;*/
/*background: #ececec;*/
/*}*/
/*.drag-enter*/
/*{*/
/*border: solid 1px #ff0000 !important;*/
/*}*/
.ngDialog-generic-search .ngdialog-content {
  position: absolute;
  width: 260px;
  top: 50px;
  float: right;
  right: 5%;
  padding: 2px 5px 0px 5px;
}
.prop-logo-area {
  border: 1px solid #ccc;
  padding: 0;
  height: 160px;
}
.aDisabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}
.aEnabled {
  pointer-events: all;
  cursor: default;
  opacity: 1;
}
.half-opacity {
  opacity: 0.5;
}
#leftPanelView-list {
  border-top-width: 0;
}
/*.km-widget.km-buttongroup .km-button.km-state-active {
    color: #ffffff;
    background-color: #0282c8;
    border-color: #0282c8;
}

.floorEdit .btn-group.km-widget.km-buttongroup .btn.km-button {
    min-width: 25%;
    border: 1px solid #ccc;
}

.apEdit .btn-group.km-widget.km-buttongroup .btn.km-button {
    min-width: 69px;
    border: 1px solid #ccc;
}

.apEdit .btn-group.km-widget.km-buttongroup .btn.km-button {
    min-width: 25%;
    border: 1px solid #ccc;
}*/
.bd-white {
  border-color: #fff;
}
.widget-pattern-btn {
  min-width: 79px !important;
}
.widget-topbottom-btn {
  min-width: 158px !important;
}
.validation-msg {
  color: #cc3300 !important;
  min-height: 20px !important;
  background-color: #fff !important;
  line-height: 15px;
}
.information-msg {
  color: #0282c8 !important;
}
.k-invalid-msg {
  color: #cc3300 !important;
  min-height: 20px !important;
  background-color: #fff !important;
  border-color: #fff !important;
}
.k-warning {
  background-image: none !important;
}
.k-i-warning:before {
  content: "" !important;
}
.k-tooltip-validation .k-i-warning {
  vertical-align: text-top;
  margin-right: -10px !important;
}
.validation-form input.ng-invalid.ng-dirty:not(#newPassword),
.validation-form input.ng-invalid.ng-valid.ng-dirty:not(#newPassword) {
  background-color: #FF9999;
}
.validation-form input.ng-valid.ng-dirty {
  background-color: #fff;
}
.validation-form.ng-submitted input.ng-invalid {
  background-color: #FF9999;
}
.co-warning {
  background-color: #ffffff;
  color: #ff902b;
  border-color: #ff8d26;
}
.text-ellipsis {
  /*white-space: nowrap;*/
  overflow: hidden;
  text-overflow: ellipsis;
}
.breadcrumb-bar .row .inactive[class^="col-"],
.breadcrumb-bar .inactive .text-ellipsis {
  overflow: visible;
}
.bottom-content {
  width: 950px;
  height: 100%;
  display: block;
  margin: 0 auto !important;
}
.bc-position {
  position: absolute;
  bottom: 0px;
  width: 950px;
}
#leftPanelView-tile {
  min-height: 1px;
}
.row.required {
  padding-right: 1px !important;
  display: flex;
}
.row.required:after {
  content: "*";
  color: #ff902b;
  padding-left: 3px;
  margin-top: 8px;
}
.asterisk {
  color: #ff902b;
}
.dropdown-menu > li > div {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.52857143;
  color: #5f5f5f;
  white-space: nowrap;
  cursor: default;
}
.panel-heading h2 {
  font-family: Morebi Rounded;
}
.mh {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.left-col {
  padding-left: 20px !important;
}
.right-col {
  padding-right: 20px !important;
}
.k-widget.k-slider.k-slider-horizontal .k-slider-wrap .k-slider-items {
  width: 120%;
}
.km-pages {
  text-align: center;
  margin: 0;
  /*padding: .6em 0 0;*/
  height: 1.5em;
  clear: both;
  padding: 0 10px;
}
.km-pages li {
  display: inline-block;
  width: .5em;
  height: .55em;
  margin: 0 .3em;
  background: transparent;
  border: 1px solid currentcolor;
  /*height: .5em;*/
  border-radius: 3em;
  position: relative;
  /*top: -270px;*/
}
.km-pages li.km-current-page {
  background: currentcolor;
}
.km-widget.km-scrollview > div,
.km-widget.km-scrollview .km-virtual-page:not(:first-child):not(:last-child) {
  height: 100% !important;
}
.scroll-view-nav-prev,
.scroll-view-nav-next {
  display: block;
  position: absolute;
  /*top: 0px;*/
  top: 40%;
  z-index: 1;
  height: 20%;
  /*height: 25%;*/
  width: 50px;
  opacity: 0.2;
  /*margin: 50% 0;*/
  margin: 0;
}
.scroll-view-nav-prev {
  left: 10px;
  background: url("http://demos.telerik.com/kendo-ui/content/web/scrollview/arrow-left.png") no-repeat 50% 50%;
}
.scroll-view-nav-next {
  left: auto;
  right: 0;
  background: url("http://demos.telerik.com/kendo-ui/content/web/scrollview/arrow-right.png") no-repeat 50% 50%;
}
a.scroll-view-nav-prev:hover {
  background: url("http://demos.telerik.com/kendo-ui/content/web/scrollview/arrow-left.png") no-repeat 50% 50% rgba(0, 0, 0, 0.3);
  opacity: 1;
}
a.scroll-view-nav-next:hover {
  background: url("http://demos.telerik.com/kendo-ui/content/web/scrollview/arrow-right.png") no-repeat 50% 50% rgba(0, 0, 0, 0.3);
  opacity: 1;
}
.content-bd-left .km-content {
  border-left: 1px solid #cccccc;
}
.content-bd-right .km-content {
  border-right: 1px solid #cccccc;
}
.floor-navigation-bar-text {
  font-size: 14px;
}
.km-header .k-state-border-down {
  border: none !important;
  line-height: 10px;
  margin-top: 5px;
}
.navigation-floor-icon {
  margin-top: 4px;
}
.autoh {
  height: auto;
}
.autoh.km-view .km-content {
  height: auto;
  flex-basis: auto;
}
.status-header-text {
  padding: 10px;
}
.mv8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.thumb164 {
  width: 164px !important;
  height: 164px !important;
}
.img164 {
  max-height: 164px !important;
}
.img128 {
  max-height: 128px !important;
}
.img248 {
  max-height: 248px !important;
  max-width: 248px !important;
  width: 248px !important;
  height: 248px !important;
}
.centered-button {
  max-height: 50px !important;
  text-align: center;
}
.img320 {
  max-height: 320px !important;
  max-width: 320px !important;
  width: 320px !important;
  height: 320px !important;
  margin-left: 0px !important;
}
.user-photo {
  background: url("images/home/users.png") no-repeat 50% 50%;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-top: 24px !important;
  height: 176px;
  min-height: 176px;
  max-height: 176px;
  overflow: hidden;
  position: relative;
}
.user-photo .close {
  background: 0 0;
  border-radius: 3px;
  color: #666;
  font-size: 26px;
  font-weight: 400;
  height: 30px;
  line-height: 26px;
  position: absolute;
  right: 0px;
  text-align: center;
  width: 30px;
  z-index: 9;
  text-shadow: 1px 1px #fff;
}
.user-photo .close:hover {
  color: #999;
  text-shadow: 1px 1px #fff;
}
.btn-active-behaviour {
  background-color: #58ceb1 !important;
}
.btn-inactive-behaviour {
  background-color: whitesmoke;
}
.bk-light-grayish-cyan {
  background-color: #d7f3ec;
}
.bk-green {
  background-color: #d7f3ec;
  /*color: #ffffff;*/
}
.bk-light-gray {
  background-color: #eee;
}
.alphabet-indexer {
  display: block;
  position: absolute;
  width: 30px;
  right: 1px;
  /*top:0;*/
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 65%;
  z-index: 1001;
  padding: 10px 0 0 0;
}
@media screen and (max-height: 600px) {
  .alphabet-indexer {
    display: none;
  }
}
.alphabet-indexer-item:hover {
  transform: scale(2);
}
/*.km-widget.km-listview > li {
    overflow: hidden;
}*/
.ktmv .img-upload-container {
  position: absolute;
  top: 0;
}
.ktmv .k-dropzone.k-dropzone-hovered {
  border: 1px solid #8a2be2;
}
.ktmv .k-widget.k-upload.k-header {
  border-width: 0;
  background: 0;
}
.ktmv .k-widget.k-upload.k-header .k-dropzone.k-dropzone-active {
  background-color: #f5f5f5;
}
.ktmv .k-widget.k-upload.k-header .k-upload-files,
.ktmv .k-widget.k-upload.k-header .k-dropzone .k-upload-status-total {
  display: none;
}
::-webkit-input-placeholder {
  color: #bababa !important;
  text-align: left;
}
:-moz-placeholder {
  /* older Firefox*/
  color: #bababa !important;
  text-align: left;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #bababa !important;
  text-align: left;
}
:-ms-input-placeholder {
  color: #bababa !important;
  text-align: left;
}
.input-placeholder {
  color: #bababa !important;
  text-align: left;
  margin: 0 auto;
  display: inherit;
  width: 100%;
}
/*.input-number {*/
/*position: relative;*/
/*display: table;*/
/*border-collapse: separate;*/
/*}*/
/*.input-number .form-control:first-child {*/
/*border-top-right-radius: 0;*/
/*border-bottom-right-radius: 0;*/
/*}*/
.selected-country-value {
  float: left;
  width: 40px;
  margin: 4px;
}
#countries-list .k-item > span {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  min-height: 45px;
  width: 79%;
  padding: .6em 0 0 .6em;
}
#countries-list .k-item > span:first-child {
  width: 30px;
  border-left-width: 0;
  padding: .6em 0 0 0;
}
#countries-list img {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
  width: 30px;
  height: 30px;
}
.pull-right .km-switch {
  display: block;
  float: right;
}
@-moz-document url-prefix() {
  .k-widget.k-datepicker .k-picker-wrap input {
    position: absolute;
  }
  .k-widget.k-combobox .k-dropdown-wrap input {
    position: absolute;
  }
  .k-widget.k-datetimepicker .k-picker-wrap input {
    position: absolute;
  }
  .k-widget.k-numerictextbox .k-numeric-wrap input {
    position: absolute !important;
    display: inline !important;
  }
  .user-photo {
    max-height: 236px !important;
    max-width: 236px !important;
    width: 236px !important;
    height: 236px !important;
  }
}
.checkbox-list li,
.checkbox-list ul li {
  margin-bottom: 5px;
  padding-top: 2px;
  position: relative;
}
.checkbox-list label,
.checkbox-list ul label {
  display: block;
  font-weight: normal;
  padding-left: 21px;
}
.checkbox-list input,
.checkbox-list ul input {
  display: inline;
  margin: 0 5px 0 -21px;
  position: absolute;
  top: 2px;
}
.checkbox-list ul {
  margin: 5px 0 0 20px;
}
.checkbox-list p,
.checkbox-list ul p {
  color: #808080;
  padding-left: 21px;
  margin: 0;
}
.ktmv .c-checkbox span {
  margin-right: 8px;
  margin-top: 2px;
}
.mv0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.ktmv .km-listgroupinset {
  margin: 1em 0.1em;
}
.left1 {
  left: -1px;
}
.left5 {
  margin-left: 5px;
}
.ktmv .k-textbox .k-icon {
  top: auto;
  margin: 0;
  position: relative;
}
.ktmv .k-widget.k-multiselect .k-multiselect-wrap.k-floatwrap .k-input {
  margin-top: 5px;
}
.cur-d {
  cursor: default !important;
}
.cur-p {
  cursor: pointer !important;
}
[ng-number-input] input::-webkit-outer-spin-button,
[ng-number-input] input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
[ng-number-input] input[type=number] {
  -moz-appearance: textfield;
}
button {
  border: none;
}
.p-md {
  padding: 13px;
}
.h2 {
  font-family: Morebi Rounded;
  margin-top: 6px !important;
  margin-bottom: 6px;
}
.center-vertical {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.summary {
  /*font-family: Morebi Rounded !important;*/
}
.summary .h3 {
  font-size: 22px;
  height: 25px;
}
.boxshadow0 {
  box-shadow: inset 0 0 0 !important;
}
.grid-list-view.k-grid > table {
  /*table-layout: auto;*/
}
.grid-list-view.k-grid tr td {
  padding: 0.4em 0em;
  line-height: normal;
  border-left: 0;
  text-align: left;
}
.grid-list-view.k-grid .k-group-col {
  width: 100%;
}
.grid-list-view.k-grid .k-grid-content {
  padding-right: 0 !important;
}
.grid-list-view.k-grid .k-group-cell {
  display: none;
}
.grid-list-view.k-grid .k-grouping-header,
.grid-list-view.k-grid .k-grid-header,
.grid-list-view.k-grid .k-header {
  display: none;
}
.errorMessage {
  position: static;
  display: inline-block;
}
#leftPanelView-tile > li {
  width: auto;
  height: auto;
  display: block;
}
.clear-input {
  width: 30px;
  height: 30px;
  display: inline-block;
  position: absolute;
  right: 24px;
  top: -6px;
  text-align: center;
  color: #999999;
  font-size: 24px;
  border-radius: 10px;
  cursor: pointer;
  margin-top: -3px;
}
.panel-search {
  padding-top: 2px;
}
.panel-search .clear-input {
  right: 14px;
  top: 3px;
}
.kt-search .clear-input {
  right: 14px;
  top: -2px;
}
.accesspointsearch .clear-input {
  right: 4px !important;
  top: -4px !important;
}
.propertyItem .adeco-input-search input {
  background-image: url() !important;
}
.panel-header {
  font-family: 'Morebi Rounded';
  text-align: left;
  font-size: 22px;
  line-height: 50px;
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
}
::-ms-clear {
  display: none;
}
.k-notification-wrap {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
.km-listview .masterDetailItem {
  min-height: 70px;
  padding: 4px 15px;
  line-height: normal;
  border-bottom: solid 1px #ccc;
  overflow: hidden;
  margin: 0;
  cursor: pointer;
  text-align: left;
}
.km-listview .masterDetailItem .master {
  overflow: hidden;
  font-size: 18px;
  font-weight: bold;
}
.km-listview .masterDetailItem .detail {
  margin-left: 4px;
}
.fa.rotate-45:before {
  transform: rotate(-45deg);
}
.fa-rotate-45 {
  transform: rotate(-45deg);
}
.k-icon.k-i-collapse,
.k-icon.k-i-expand {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  background-image: none;
  vertical-align: text-bottom;
}
.k-icon.k-i-collapse:before {
  content: "\f0d7";
  text-align: center;
  display: block;
  /*transform: rotate(-45deg);*/
  margin-top: 2px;
}
.k-icon.k-i-expand:before {
  content: "\f0da";
  text-align: center;
  display: block;
  margin-top: 2px;
}
.k-mobile .ktmv .km-scroll-container {
  -webkit-transform: none;
}
.mv-xs {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}
.accessPoint-footer .btn-blue {
  border-color: #fff;
}
.login-error-msg {
  color: red;
}
.activation-msg {
  color: #2b957a;
  font-size: 20px;
}
.reset-password-success-msg {
  color: green;
}
.help-icon {
  color: #515253;
}
.tab-group {
  margin-top: 3px;
  margin-bottom: 0;
  padding-left: 0 !important;
  padding-right: 20px !important;
  height: 40px;
  list-style-type: none;
  border-bottom: solid 1px #cccccc;
}
.tab-button {
  height: 40px;
  padding-top: 7px;
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px 1px 0px 0px;
  background-color: #f0f0f0;
  border-bottom-width: 1px;
}
.tab-selected {
  background-color: #ffffff;
  border-bottom-width: 0px;
  font-weight: bold;
}
.tab-disabled {
  border-style: none;
}
.tab-border_disabled {
  border-style: none;
}
.summary_detail_label {
  font-size: 16px;
  margin-bottom: 15px;
  margin-top: 15px;
}
.summary_detail_label_padding {
  padding-left: 0px;
}
.field-required::after {
  color: #FF9900;
  content: "*";
}
#ktmv-help {
  float: left;
  position: absolute;
  top: 0;
  right: 0;
  background-color: white;
}
#ktmv-help iframe {
  width: 100%;
  height: 100%;
}
.k-radio:checked + .k-radio-label:before {
  border-color: #A5A5A5;
}
.k-radio-label:hover:before,
.k-radio:checked + .k-radio-label:hover:before {
  border-color: #696969;
}
.k-radio-label:before {
  border-color: #9E9E9E;
}
a.msg-icon.bg-green:focus,
a.msg-icon.bg-green:hover {
  box-shadow: 0px 0px 10px #37bc9b;
  background-color: #37bc9b !important;
}
a.msg-icon.bg-danger:focus,
a.msg-icon.bg-danger:hover {
  box-shadow: 0px 0px 10px #f05050;
  background-color: #f05050 !important;
}
a.msg-icon.bg-warning:focus,
a.msg-icon.bg-warning:hover {
  box-shadow: 0px 0px 10px #ff902b;
  background-color: #ff902b !important;
}
a.msg-icon.bg-disactive:focus,
a.msg-icon.bg-disactive:hover {
  box-shadow: 0px 0px 10px #979797;
  background-color: #979797 !important;
}
.k-scrollbar.k-scrollbar-vertical {
  overflow: hidden;
}
.encoder-msg-primary {
  background-color: transparent;
  color: #0282c8 !important;
}
.encoder-msg-danger {
  background-color: transparent;
  color: #f05050 !important;
}
.encoder-msg-warning {
  background-color: transparent;
  color: #ff902b !important;
}
.encoder-msg-green {
  background-color: transparent;
  color: #37bc9b !important;
}
.ktmv .k-loading-image {
  background-image: url('images/loading-image.gif');
}
#matrixRoomZonesListView .k-loading-image,
#auroraGroupsListView .k-loading-image {
  display: none;
}
.ktmv .k-grid-content {
  height: 100%;
  overflow-y: auto;
}
.kv-group-list-container {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
/*::-webkit-scrollbar {*/
/*width: 15px;*/
/*height: 15px;*/
/*border-bottom: 1px solid #eee;*/
/*border-top: 1px solid #eee;*/
/*}*/
/*::-webkit-scrollbar-thumb {*/
/*border-radius: 8px;*/
/*background-color: #C3C3C3;*/
/*border: 2px solid #eee;*/
/*}*/
/*::-webkit-scrollbar-track {*/
/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);*/
/*}*/
.km-stretched-view {
  /*line-height: initial;*/
  /*display: block;*/
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.km-stretched-view .kv-group-list-container {
  height: auto;
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
}
.kv-group-list-container .kv-group-header {
  background-color: #eeeeee;
  border-bottom: #ccc 1px solid;
  border-top: #ccc 1px solid;
  margin-top: 2px;
}
.kv-group-list-container .kv-group-detail {
  border-top: #ccc 1px solid;
}
.kv-group-list-container .kv-group-detail:nth-child(even) {
  background-color: #ffffff;
}
.landing-page-background-image {
  /*border: 1px solid #ccc;*/
  /*border-radius: 4px;*/
  /*margin-top: 24px !important;*/
  max-width: 320px;
  height: 176px;
  min-height: 176px;
  max-height: 176px;
  overflow: hidden;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.landing-page-background-image .close {
  background: 0 0;
  border-radius: 3px;
  color: #666;
  font-size: 26px;
  font-weight: 400;
  height: 30px;
  line-height: 26px;
  position: absolute;
  right: 0px;
  text-align: center;
  width: 30px;
  z-index: 9;
  text-shadow: 1px 1px #fff;
}
.landing-page-background-image .close:hover {
  color: #999;
  text-shadow: 1px 1px #fff;
}
.landing-header-section {
  width: 100%;
  display: inline-block;
  position: relative;
}
.bx-wrapper {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}
.bx-wrapper .bx-controls-direction a {
  top: 60% !important;
}
.bx-wrapper .bx-prev {
  left: -45px !important;
}
.bx-wrapper .bx-next {
  right: -45px !important;
}
.k-mobile .bx-wrapper .bx-prev {
  left: -15px !important;
}
.k-mobile .bx-wrapper .bx-next {
  right: -15px !important;
}
/*.guestregistration span, .propertybuilder span, .devicemanagement span, .accessmanagement span {
    color:#0073b3;
}
.reporting span {
    color:#d3751e;
}
.staffkeys span, .systemkeys span, .usermanagement span {
    color:#0F888D;
}*/
/*ICONS*/
.apps .icon {
  /*SVG Color Manipulation*/
  mask-position: 50%;
  -webkit-mask-position: 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: 50px;
  -webkit-mask-size: 50px;
}
.k-ie .apps.Guest .icon {
  background-image: url(images/icons/guestregistration.svg);
}
.k-ie .apps.Report .icon {
  background-image: url(images/home/reporting.svg);
}
.k-ie .apps.UsersMgr .icon {
  background-image: url(images/home/usermanagement.svg);
}
.k-ie .apps.SiteSurvey .icon {
  background-image: url(images/home/propertybuilder.svg);
}
.k-ie .apps.DeviceManager .icon {
  background-image: url(images/home/devicemanagement.svg);
}
.k-ie .apps.AccessMgt .icon {
  background-image: url(images/home/accessmanagement.svg);
}
.k-ie .apps.StaffKeys .icon {
  background-image: url(images/home/staffkeys.svg);
}
.k-ie .apps.SystemKeys .icon {
  background-image: url(images/home/systemkeys.svg);
}
.k-ie .apps.Settings .icon {
  background-image: url(images/home/systemsettings.svg);
}
.k-ie .apps.RoleMgt .icon {
  background-image: url(images/home/rolemanagement.svg);
}
.k-ie .apps.LockMgr .icon {
  background-image: url(images/home/programmingauditing.svg);
}
.k-ie .apps.Resident .icon {
  background-image: url(images/icons/resident.svg);
}
.k-ie .apps.StaffMgr .icon {
  background-image: url(images/icons/staff.svg);
}
.apps.NotificationManagement .icon {
  background-image: url(images/home/notification.svg);
}
.apps.Guest .icon {
  /*background-image: url(images/home/guestregistration.svg);*/
  /*background-color: #0073b3 !important;*/
  mask-image: url(images/icons/guestregistration.svg);
  -webkit-mask-image: url(images/icons/guestregistration.svg);
}
.apps.Report .icon {
  /*background-image: url(images/home/reporting.svg);*/
  mask-image: url(images/icons/reporting.svg);
  -webkit-mask-image: url(images/icons/reporting.svg);
}
.apps.UsersMgr .icon {
  /*background-image: url(images/home/usermanagement.svg);*/
  mask-image: url(images/icons/usermanagement.svg);
  -webkit-mask-image: url(images/icons/usermanagement.svg);
}
.apps.SiteSurvey .icon {
  /*background-image: url(images/home/propertybuilder.svg);*/
  mask-image: url(images/icons/propertybuilder.svg);
  -webkit-mask-image: url(images/icons/propertybuilder.svg);
}
.apps.DeviceManager .icon {
  /*background-image: url(images/home/devicemanagement.svg);*/
  mask-image: url(images/icons/devicemanagement.svg);
  -webkit-mask-image: url(images/icons/devicemanagement.svg);
}
.apps.AccessMgt .icon {
  /*background-image: url(images/home/accessmanagement.svg);*/
  mask-image: url(images/icons/accessmanagement.svg);
  -webkit-mask-image: url(images/icons/accessmanagement.svg);
}
.apps.StaffKeys .icon {
  /*background-image: url(images/home/staffkeys.svg);*/
  mask-image: url(images/icons/staffkeys.svg);
  -webkit-mask-image: url(images/icons/staffkeys.svg);
}
.apps.SystemKeys .icon {
  /*background-image: url(images/home/systemkeys.svg);*/
  mask-image: url(images/icons/systemkeys.svg);
  -webkit-mask-image: url(images/icons/systemkeys.svg);
}
.apps.Settings .icon {
  /*background-image: url(images/home/systemsettings.svg);*/
  mask-image: url(images/icons/systemsettings.svg);
  -webkit-mask-image: url(images/icons/systemsettings.svg);
}
.apps.RoleMgt .icon {
  /*background-image: url(images/home/rolemanagement.svg);*/
  mask-image: url(images/icons/rolemanagement.svg);
  -webkit-mask-image: url(images/icons/rolemanagement.svg);
}
.apps.LockMgr .icon {
  /*background-image: url(images/home/programmingauditing.svg);*/
  mask-image: url(images/icons/programmingauditing.svg);
  -webkit-mask-image: url(images/icons/programmingauditing.svg);
}
.apps.Resident .icon {
  /*background-image: url(images/home/guestregistration.svg);*/
  /*background-color: #0073b3 !important;*/
  mask-image: url(images/icons/resident.svg);
  -webkit-mask-image: url(images/icons/usermanagement.svg);
}
.apps.StaffMgr .icon {
  /*background-image: url(images/home/guestregistration.svg);*/
  /*background-color: #0073b3 !important;*/
  mask-image: url(images/icons/staff.svg);
  -webkit-mask-image: url(images/icons/staff.svg);
}
html:not(.k-ie) .apps.Guest .icon,
html:not(.k-ie) .apps.Resident .icon,
html:not(.k-ie) .apps.StaffMgr .icon,
html:not(.k-ie) .apps.SiteSurvey .icon,
html:not(.k-ie) .apps.AccessMgt .icon,
html:not(.k-ie) .apps.RoleMgt .icon,
html:not(.k-ie) .apps.LockMgr .icon {
  background-color: #0073b3 !important;
}
html:not(.k-ie) .apps.DeviceManager .icon,
html:not(.k-ie) .apps.Settings .icon {
  background-color: #3A3F51 !important;
}
html:not(.k-ie) .apps.Report .icon,
html:not(.k-ie) .apps.UsersMgr .icon {
  background-color: #2b957a !important;
}
html:not(.k-ie) .apps.StaffKeys .icon {
  background-color: #0F888D !important;
}
html:not(.k-ie) .apps.SystemKeys .icon {
  background-color: #3A3F51 !important;
}
.apps.Resident span,
.apps.StaffMgr span,
.apps.Guest span,
.apps.SiteSurvey span,
.apps.AccessMgt span,
.apps.RoleMgt span,
.apps.LockMgr span {
  color: #0073b3 !important;
}
.apps.DeviceManager span,
.apps.Settings span,
.apps.SystemKeys span {
  color: #3A3F51 !important;
}
.apps.Report span,
.apps.UsersMgr span {
  color: #2b957a !important;
}
.apps.StaffKeys span {
  color: #0F888D !important;
}
#landing-apps-detail-list li {
  height: 160px;
  float: left;
  margin: 0 20px;
  background-repeat: no-repeat;
  background-position: 0;
  width: 160px;
  background-image: url(images/sq-small.svg);
}
.bx-viewport {
  height: 200px !important;
}
#landing-apps-list li {
  height: 160px;
  float: left;
  margin: 10px 20px;
  background-repeat: no-repeat;
  background-position: 0;
  width: 320px;
  background-image: url(images/sq-large.svg);
}
#landing-apps-list a .title {
  height: 120px;
  width: 200px;
  /* Internet Explorer 10 */
  display: -ms-flexbox;
  -ms-flex-align: center;
  /* Firefox */
  display: -moz-box;
  -moz-box-align: center;
  /* Safari, Opera, and Chrome */
  display: -webkit-box;
  -webkit-box-align: center;
  /* W3C */
  display: flex;
  text-align: left;
}
#landing-apps-detail-list a .title {
  height: 60px;
  display: inline-block;
  font-family: Morebi Rounded;
  font-weight: 400;
  text-align: center;
  font-size: 18px;
  /* Internet Explorer 10 */
  display: -ms-flexbox;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  /* Firefox */
  display: -moz-box;
  -moz-box-pack: center;
  -moz-box-align: center;
  /* Safari, Opera, and Chrome */
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  /* W3C */
  display: flex;
  box-pack: center;
  box-align: center;
}
#landing-apps-list a {
  font-size: 32px;
  padding-left: 30px;
  /* Internet Explorer 10 */
  display: -ms-flexbox;
  -ms-flex-align: center;
  /* Firefox */
  display: -moz-box;
  -moz-box-align: center;
  /* Safari, Opera, and Chrome */
  display: -webkit-box;
  -webkit-box-align: center;
  /* W3C */
  display: flex;
  box-align: center;
}
#landing-apps-list a:lang(fr) {
  font-size: 26px;
}
#landing-apps-detail-list a {
  font-size: 18px;
  display: block;
  padding: 20px;
}
#landing-apps-list .icon {
  width: 60px;
  height: 60px;
  display: inline-block;
  background-position: 50%;
  background-repeat: no-repeat !important;
}
#landing-apps-list a .icon {
  margin-right: 20px;
  /*height: 100%;*/
}
#landing-apps-detail-list .icon {
  width: 60px;
  height: 60px;
  display: inline-block;
  background-position: 50%;
  background-repeat: no-repeat !important;
}
.bx-wrapper {
  max-width: 990px !important;
}
#landing-apps-detail-list .apps.Settings.icon {
  background-image: url(images/home/Settings.png);
}
#landing-apps-detail-list .apps.Monitoring .icon {
  background-image: url(images/home/Monitoring.svg);
}
.absolute-center {
  display: inline-block;
}
#landing-apps-list li:last-of-type {
  height: 152px !important;
  float: left;
  margin: 14px 20px !important;
  background-repeat: no-repeat;
  background-position: 0 !important;
  width: 160px !important;
  background-image: url(images/sq-small.svg) !important;
}
#landing-apps-list li:last-of-type a {
  font-size: 18px !important;
  display: block !important;
  padding: 20px !important;
}
#landing-apps-list li:last-of-type a .title {
  height: 60px !important;
  width: auto !important;
  display: inline-block !important;
  font-family: Morebi Rounded !important;
  font-weight: 400 !important;
  text-align: center !important;
  font-size: 18px !important;
}
#landing-apps-list li:last-of-type a .icon {
  width: 60px !important;
  height: 60px !important;
  display: inline-block !important;
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  margin-right: 0 !important;
}
.circle-icon {
  text-align: center;
  padding: 5px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 18px;
}
.rounded6.km-view .km-content {
  border-radius: 6px;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px white inset;
}
input:-webkit-autofill:focus,
textarea:-webkit-autofill:focus,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 50px white inset;
}
.ktmv .km-pane-wrapper > .km-pane > .km-view > .km-content {
  background-color: #ffffff;
}
.trv-report-page,
.trv-report-page .sheet {
  min-height: 647px;
}
.pageFooterTextBox {
  top: auto !important;
  bottom: 10px;
}
.km-list > li,
.km-widget .km-listview-link,
.km-widget .km-listview-label {
  padding: 0;
}
.line_space {
  padding-left: 40px !important;
}
.textarea_styling {
  width: 700px;
  height: 120px;
  border: 3px solid #cccccc;
  padding: 5px;
  font-family: Tahoma, sans-serif;
  /* background-image: url(bg.gif); */
  background-position: bottom right;
  background-repeat: no-repeat;
}
.tabStyle tr td {
  /*padding: 8px;*/
  border-bottom: solid 1px #ccc;
}
tbody tr:nth-child(even) {
  /*background-color: #f5f5f5;*/
  background-color: #fff;
}
.k-alt,
.k-pivot-layout > tbody > tr:first-child > td:first-child,
.k-resource.k-alt,
.k-separator {
  /*background-color: #f5f5f5;*/
  background-color: #fff;
}
.summary_detail_style {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 15px;
}
.header_color {
  background-color: #f5f5f5;
  width: 102%;
  line-height: 50%;
}
.reports_small_image {
  max-width: 35px;
  max-height: 35px;
}
.ktmv .trv-content-wrapper.k-content {
  border-radius: 6px;
}
.ktmv .trv-nav {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-width: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.ktmv .trv-nav .trv-menu-large {
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ktmv .trv-content-wrapper.k-content .trv-pages-area.k-widget {
  border-width: 0;
}
.ktmv .k-menu .k-item > .k-link {
  display: block;
  padding: .5em 1.1em .4em;
  line-height: 1.34em;
  -webkit-user-select: none;
}
.ktmv .k-menu .k-item,
.k-widget.k-menu-horizontal > .k-item {
  position: relative;
  float: left;
  vertical-align: top;
  zoom: 1;
  box-sizing: content-box;
}
.password-eye {
  left: auto;
  right: 15px;
  top: 12px;
  pointer-events: all;
}
.permission-hidden {
  visibility: hidden !important;
  display: none !important;
}
.fa-img {
  width: 24px;
  height: 24px;
  border-radius: 0;
  margin: auto;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.fa-img-floor-white {
  background-image: url(images/icons/white/floor.svg);
}
/*.fa-img-elevator-outline-white {*/
/*background-image: url(images/icons/white/elevator-outline.svg);*/
/*}*/
.fa-img-elevator-white {
  background-image: url(images/icons/white/elevator.svg);
}
.fa-img-panel-blue {
  background-image: url(images/icons/blue/panel.svg);
}
.fa-img-relay-blue {
  background-image: url(images/icons/blue/relay.svg);
}
.fa-img-relay-outline-blue {
  background-image: url(images/icons/blue/relay-outline.svg);
}
.k-button.k-state-focused,
.k-grid-header th.k-state-focused,
.k-list > .k-state-focused,
.k-listview > .k-state-focused,
.k-state-focused,
td.k-state-focused {
  box-shadow: none;
  border-color: #ccc !important;
}
.k-listview > .k-state-focused.k-state-selected,
.k-state-selected td.k-state-focused,
td.k-state-focused.k-state-selected {
  box-shadow: none !important;
}
/* Footer Buttons*/
.km-footer {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top: solid 1px #cccccc;
  font-size: 14px !important;
  background: inherit;
}
.footer-button {
  /*padding-top:10px;*/
  height: 60px;
  /* Internet Explorer 10 */
  display: -ms-flexbox;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  /* Firefox */
  display: -moz-box;
  -moz-box-pack: center;
  -moz-box-align: center;
  /* Safari, Opera, and Chrome */
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  /* W3C */
  display: flex;
  box-pack: center;
  box-align: center;
}
.footer-button .icon {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 24px;
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 60px;
  margin-right: 10px;
  position: relative;
  float: left;
  /*top:-3px;*/
}
.modal-footer-btn .footer-button .icon {
  background-position-y: 25%;
}
.ktmv-footer {
  height: 60px;
  overflow: hidden;
  font-size: 16px;
  font-weight: normal;
}
.wbr-2 {
  border-right: 2px solid #fff;
}
.wbl-2 {
  border-left: 2px solid #fff;
}
.ktmv-footer.left-footer {
  border-bottom-left-radius: 6px;
  border-right: solid 4px #fff;
}
.ktmv-footer.right-footer {
  border-bottom-right-radius: 6px;
  border-left: solid 1px #fff;
}
.ktmv-footer.full-footer {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  border-right: solid 1px #fff;
  border-left: solid 1px #fff;
}
.ktmv-footer span {
  font-size: 16px;
  display: inline-block;
  /*width: 92%;*/
  word-wrap: break-word;
}
.k-mobile .ktmv-footer span {
  font-size: 14px;
}
.ktmv-footer i {
  font-size: 28px;
  margin-right: 10px;
  vertical-align: middle;
}
.k-dropdown span.k-input {
  text-align: left;
}
/*MODAL*/
.modal-footer {
  font-size: 14px;
  margin-left: -16px;
  margin-right: -16px;
  padding: 0px;
  border: 0px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.modal-footer span {
  font-size: 14px;
  font-weight: bold;
}
.modal-footer br {
  display: none;
}
.modal-footer button {
  height: 50px;
  overflow: hidden;
}
.modal-footer i {
  font-size: 28px;
  vertical-align: middle;
  margin-right: 6px;
  position: relative;
  top: -2px;
}
.modal-footer-btn {
  border: solid 1px #fff;
  padding-top: 5px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.modal-footer-btn-left {
  border: solid 1px #fff;
  border-right-width: 3px;
  border-bottom-left-radius: 4px;
  padding-top: 5px;
}
.modal-footer-btn-mid {
  border: solid 1px #fff;
  padding-top: 5px;
}
.modal-footer-btn-right {
  border: solid 1px #fff;
  border-left-width: 3px;
  border-bottom-right-radius: 4px;
  padding-top: 5px;
}
.btn-footer {
  padding-top: 10px;
}
/*WHITE ICONS*/
.limitedusekey .icon {
  background-image: url(images/icons/white/limitedtimekey.svg);
}
.additionalkeys .icon {
  background-image: url(images/icons/white/additionalkeys.svg);
}
.replacementkey .icon {
  background-image: url(images/icons/white/replacementkey.svg);
}
.check-out .icon {
  background-image: url(images/icons/white/checkout.svg);
}
.newregistration .icon {
  background-image: url(images/icons/white/guestregistration.svg);
}
.key .icon {
  background-image: url(images/icons/white/key.svg);
}
.read-keys .icon {
  background-image: url(images/icons/white/readkeys.svg);
}
.report .icon {
  background-image: url(images/icons/white/reporting.svg);
}
.edit .icon {
  background-image: url(images/icons/white/edit.svg);
}
.back .icon {
  background-image: url(images/icons/white/back.svg);
}
.next .icon {
  background-image: url(images/icons/white/next.svg);
}
.new .icon {
  background-image: url(images/icons/white/new.svg);
}
.save .icon {
  background-image: url(images/icons/white/Save.svg);
}
/*APP HOME ICONS*/
.app-home-icon {
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: 50%;
}
.app-home-icon.reports {
  background-image: url(images/icons/green/reporting.svg);
}
.app-home-icon.access {
  background-image: url(images/icons/blue/accessmanagement.svg);
}
/*-----*/
.k-autocomplete,
.k-dropdown-wrap,
.k-multiselect.k-header,
.k-numeric-wrap,
.k-picker-wrap,
.k-textbox {
  border-color: #ccc;
}
.k-autocomplete.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-multiselect.k-header.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-textbox:focus {
  border-color: #76abd9;
  box-shadow: none;
}
.k-popup .k-list .k-state-focused {
  border-radius: 4px;
  box-shadow: none;
  background-color: #eee;
  color: inherit;
}
.summary .fa-pencil-square {
  font-size: 20px;
}
.bcarrow {
  display: inline-block;
  width: 22px;
  height: 60px;
  margin-right: 10px;
  float: left;
  mask-position: 0 50%;
  -webkit-mask-position: 0 50%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: 60px;
  -webkit-mask-size: 60px;
}
.breadcrumb-bar .text-ellipsis {
  /* Internet Explorer 10 */
  display: -ms-flexbox;
  -ms-flex-pack: left;
  -ms-flex-align: center;
  /* Firefox */
  display: -moz-box;
  -moz-box-pack: left;
  -moz-box-align: center;
  /* Safari, Opera, and Chrome */
  display: -webkit-box;
  -webkit-box-pack: left;
  -webkit-box-align: center;
  /* W3C */
  display: flex;
  box-pack: left;
  box-align: center;
}
.breadcrumb-bar .text-ellipsis span {
  margin-top: 0;
}
.report-viewer-modal {
  margin: auto;
  width: 860px;
  overflow: inherit !important;
}
.report-viewer-modal .page-no {
  padding-top: 0 !important;
}
.report-viewer-modal .k-first.k-state-hover .k-link,
.report-viewer-modal .k-first.k-state-hover {
  border-top-left-radius: 5px;
}
.report-viewer-modal .k-last.k-state-hover .k-link,
.report-viewer-modal .k-last.k-state-hover {
  border-top-right-radius: 5px;
}
.report-viewer-modal .trv-content-wrapper.k-content {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.report-viewer-modal .trv-report-page {
  width: 100% !important;
  height: 100% !important;
  overflow: auto !important;
}
.nested-breadcrumb-container {
  display: table;
}
.nested-breadcrumb-element {
  display: table-cell;
  vertical-align: middle;
}
.trv-report-viewer .k-icon.k-i-arrow-s {
  display: none;
}
.mid-label {
  position: relative;
  top: 30%;
}
.mt-50 {
  margin-top: 50px;
}
[viewport]:not(.ktmv-show) {
  display: none;
}
.km-view .km-stretched-view > .km-pane-wrapper {
  position: absolute;
}
.system-error-pop-up {
  word-wrap: break-word;
  -webkit-user-select: initial;
      -ms-user-select: initial;
          user-select: initial;
  max-height: 400px;
  overflow-y: scroll;
}
#preferencesForm .k-widget.k-dropdown .k-dropdown-wrap {
  height: 2.43em;
}
.light-gray {
  background-color: #eeeeee;
}
.landing-apps-footer-bg {
  position: fixed;
  bottom: 0;
  width: 100%;
}
.landing-apps-footer {
  min-height: 260px;
  /*position: absolute;
    bottom: 0;*/
  width: 100%;
}
.bldgDropdown > .k-dropdown-wrap {
  height: 30px;
}
.km-header .bldgDropdown.k-state-border-down,
.km-header .bldgDropdown .k-state-border-down {
  margin-top: 0;
}
.ap-summary-grid .grid-building-item {
  background-color: #e0e0e0;
  font-weight: bold;
  color: #585858;
}
.ap-summary-grid .grid-floor-indent {
  width: 98%;
  margin-left: 2%;
}
.ap-summary-grid .grid-ap-columns {
  width: 20%;
  float: left;
}
.ngdialog-content .ap-summary-grid .grid-ap-columns {
  width: 50%;
}
.ap-summary-grid .grid-floor-item {
  background-color: #e0e0e0;
  font-weight: bold;
  color: #585858;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.ap-summary-grid .grid-floor-item .fa.fa-times {
  padding-top: 3px !important;
}
.ap-summary-grid .grid-ap-item {
  width: 100%;
  color: white;
  border-radius: 6px;
  height: 30px;
  line-height: 30px;
}
.alignleft {
  float: left;
}
.alignright {
  float: right;
}
.alignNone {
  float: none !important;
}
.clearboth {
  clear: both;
}
.ap-summary-grid .fa.fa-caret-down,
.ap-summary-grid .fa.fa-caret-right {
  color: #5d9cec;
}
.ap-summary-grid .grid-ap-items,
.grid-floor-items {
  border: 1px solid #e0e0e0;
  padding-bottom: 10px;
}
.k-grid-header-wrap.k-auto-scrollable table {
  width: 100%;
}
.k-grid-header-wrap.k-auto-scrollable {
  border-right-width: 0;
}
.ktmvicon-download-installer {
  speak: none;
  line-height: 1;
  background-image: url(images/icons/white/driverinstall.svg);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position-x: 8px;
  background-position-y: 6px;
}
.notification-alert {
  color: #ff7f00;
}
.notification-normal {
  color: #515253;
}
.notification-dropdown {
  color: #515253;
  min-width: 350px;
  text-align: center;
}
.notification-dropdown .notification-dropdown-list {
  max-height: 450px;
  overflow-y: auto;
}
.notification-dropdown-list .group-label {
  font-weight: bold;
  font-size: 14px;
}
.notification-dropdown-list .detail-label {
  font-size: 13px;
}
.notification-navlink {
  color: #2196f3;
}
.notification-navlink:hover {
  color: #0073b3;
}
.notification-date-header {
  text-align: left;
  line-height: 2.5;
  cursor: default;
}
.notification-badge {
  background-color: #ff7f00;
  border-radius: 10px;
  color: white;
  line-height: 1;
  padding: 1px 3px;
  font-size: 12px;
  position: absolute;
  /* Position the badge within the relatively positioned button */
  top: 10px;
  right: 10px;
}
.wrap-text {
  white-space: normal;
}
.ktmv .k-pager-wrap .k-dropdown {
  width: 4.8em;
}
.k-datetimepicker .k-picker-wrap {
  display: -webkit-box;
}
.rhs-placeholder-text {
  transform: translateY(40%);
}
.clear-input .srchFont {
  font-size: 17px;
}
.mt4 {
  margin-top: 4px !important;
}
.pt-xs {
  padding-top: 2px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.lh50 {
  line-height: 50px !important;
}
.lh20 {
  line-height: 20px !important;
}
.trv-menu-large {
  height: 50px !important;
  border-bottom: 1px solid #ccc;
}
.trv-report-viewer .k-header a,
.trv-report-viewer .k-header .k-link {
  height: 35.6px;
}
#tnbDropDownId span.k-dropdown {
  padding: 1px;
  border-color: white !important;
  border-width: 1px;
  border-style: solid;
  width: 300px;
  margin-top: 2px;
  margin-left: 7px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */
  #tnbDropDownId span.k-dropdown {
    margin-top: 8px;
  }
}
#tnbDropDownId li {
  border-bottom-color: coral;
  border-width: 3px;
}
#tnbDropDownId span.k-dropdown .k-input {
  margin-top: 0px !important;
}
#tnbDropDownId span.k-dropdown .k-icon.k-i-arrow-60-down {
  color: white !important;
}
.layoutList {
  overflow: scroll !important;
  overflow-x: hidden !important;
  height: 100%;
}
.layoutForm {
  overflow-y: hidden;
  height: 90% !important;
}
.mgt10 {
  margin-top: 10px !important;
}
.adeco-agnostic.monitoring .bx-wrapper .bx-prev {
  left: -45px !important;
}
.adeco-agnostic.monitoring .bx-wrapper .bx-next {
  right: -45px !important;
}
.mt0 {
  margin-top: 0px !important;
}
.k-group.k-menu-group .k-item .k-link > label > input {
  height: 13px !important;
}
.k-group.k-menu-group > li {
  width: 100%;
}
.menu-item {
  font-family: 'FF Mark Regular' !important;
}
#notificationsModal #expandedModalNotificationGrid .k-grid-content.k-auto-scrollable {
  max-height: 600px;
}
#notificationsModal #expandedModalNotificationGrid .k-grid-header table tr th {
  border-width: 1px !important;
}
#notificationsModal #expandedModalNotificationGrid > div.k-grid-header > div > table > colgroup col:nth-child(1) {
  width: 4% !important;
}
#notificationsModal #expandedModalNotificationGrid > div.k-grid-header > div > table > colgroup col:nth-child(2) {
  width: 24.5% !important;
}
#notificationsModal #expandedModalNotificationGrid > div.k-grid-header > div > table > colgroup col:nth-child(3) {
  width: 10.8% !important;
}
#notificationsModal #expandedModalNotificationGrid > div.k-grid-header > div > table > colgroup col:nth-child(4) {
  width: 9.85% !important;
}
#notificationsModal #expandedModalNotificationGrid > div.k-grid-header > div > table > colgroup col:nth-child(5) {
  width: 50.1% !important;
}
#notificationsModal #expandedModalNotificationGrid .k-grid-header .k-grid-header-wrap thead tr th > a > div {
  display: inline !important;
}
#notificationsModal #expandedModalNotificationGrid span.k-icon.k-i-sort-desc-sm,
#notificationsModal #expandedModalNotificationGrid span.k-icon.k-i-sort-asc-sm {
  margin-left: 5px;
}
#notificationsModal #expandedModalNotificationGrid .k-grid-header th:first-of-type > div {
  top: 0px !important;
}
#notificationsModal #expandedModalNotificationGrid tr td[role=gridcell],
#notificationsModal #expandedModalNotificationGrid .k-grid-header th.k-header,
#notificationsModal #expandedModalNotificationGrid.k-grid .k-grid-header .k-header .k-link,
#notificationsModal #expandedModalNotificationGrid.k-grid .k-grid-header .k-header {
  text-align: left !important;
}
#notificationsModal #expandedModalNotificationGrid .k-grid-header th.k-header {
  padding: 0 .6em 0 .6em;
  vertical-align: inherit;
}
#notificationsModal #expandedModalNotificationGrid th[role~='columnheader']:last-child div {
  height: 18px !important;
}
.metrics-icon {
  width: 30%;
  height: 50px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: 50%;
}
.usermgr #notificationsModal #expandedModalNotificationGrid.k-grid tr td[role=gridcell],
.staff-keys #notificationsModal #expandedModalNotificationGrid.k-grid tr td[role=gridcell],
.propertyBuilder #notificationsModal #expandedModalNotificationGrid.k-grid tr td[role=gridcell],
.deviceMgr #notificationsModal #expandedModalNotificationGrid.k-grid tr td[role=gridcell],
.SystemKey #notificationsModal #expandedModalNotificationGrid.k-grid tr td[role=gridcell],
.rolemgr #notificationsModal #expandedModalNotificationGrid.k-grid tr td[role=gridcell],
.notification #notificationsModal #expandedModalNotificationGrid.k-grid tr td[role=gridcell],
.notification #notificationsModal #expandedModalNotificationGrid.k-grid .k-grid-header th.k-header {
  padding-bottom: 0.4em !important;
  padding-left: 0.6em !important;
  padding-right: 0.6em !important;
  padding-top: 0.4em !important;
}
.deviceMgr #notificationsModal #expandedModalNotificationGrid.k-grid .k-grid-content {
  overflow-x: auto;
}
.ktmv.access-mgr #notificationsModal.ngdialog-message div > ul {
  padding-top: 0 !important;
  list-style-type: none;
}
.adeco-lock-manager #notificationsModal #expandedModalNotificationGrid.k-grid .k-grid-header {
  display: block !important;
}
.adeco-role-manager #notificationsModal #expandedModalNotificationGrid.k-grid .k-grid-content > table > tbody > tr > td[role=gridcell] {
  border-color: #ccc !important;
  border-right-width: 1px !important;
  border-bottom-width: 1px !important;
  border-top-width: 0px !important;
  border-left-width: 0px !important;
}
#notificationsModal #expandedModalNotificationGrid .unread {
  font-weight: bold !important;
}
.border-buttom-none {
  border-bottom: none !important;
}
.mb-lg {
  margin-bottom: 15px !important;
}
.mt-xl {
  margin-top: 30px !important;
}
.ml-25 {
  margin-left: 25px !important;
}
.ml-30 {
  margin-left: 30px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.ml-36 {
  margin-left: 36px !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mr-50 {
  padding-right: -500px !important;
}
.mr-200 {
  margin-right: 200px !important;
}
.mt-4 {
  margin-top: -4px;
}
.plr-4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.margin-left-key {
  margin-left: 22px;
}
.make-key-pop-up-icon {
  background-repeat: no-repeat;
  background-position: 50%;
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  position: relative;
  float: left;
  /*top:-3px;*/
}
.mt-15 {
  margin-top: -15px !important;
}
.mt3 {
  margin-top: 3px;
}
.luk-rhp {
  height: 455px;
  margin-top: 44px;
  border: solid 1px #ccc !important;
}
.luk-lhp {
  height: 499px;
  border: solid 1px #ccc !important;
  margin-left: 10px;
}
.luk-unit {
  max-height: 288px;
  overflow-y: auto;
}
.luk-unit .k-icon {
  margin-left: 5px;
  margin-bottom: 1px;
}
.mr3 {
  margin-right: 3px;
}
.full-height {
  height: 100% !important;
}
.ml25 {
  margin-left: 25px !important;
}
.dialog-content {
  max-height: 300px !important;
  overflow-y: auto;
}
html footer {
  position: absolute;
}
.erase-message-center {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}
.access-info {
  max-height: 750px;
}
.access-info #accessinfoModel section div {
  max-height: 590px;
  overflow-y: auto;
  padding-right: 15px !important;
  padding-left: 15px !important;
}
.access-info #accessinfoModel .modal-footer > div {
  margin-top: 5px;
  margin-left: 2px;
  padding-right: 4px !important;
}
.messageDialogAlert-footer-adjustment {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 3px;
}