.text-trimmed {
  width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active a, .dropdown-menu > .active a:hover, .dropdown-menu > .active a:focus {
  color: #141719;
  background-color: #edf1f2 !important;
  background-image: none;
  filter: none; }

.active > .nav-sub {
  height: auto !important;
  margin-left: 0;
  overflow: hidden;
  opacity: 1;
  /*-webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;*/ }

html, body {
  width: 100%;
  height: 100%; }

body {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #58666e;
  background-color: transparent;
  -webkit-font-smoothing: antialiased;
  min-width: 1200px; }

html.NewRegisterPatientHtml {
  overflow: hidden; }
  html.NewRegisterPatientHtml body.NewRegisterPatientBody {
    background-color: white; }
    html.NewRegisterPatientHtml body.NewRegisterPatientBody .k-overlay {
      background-color: #fff;
      opacity: 1 !important; }
    html.NewRegisterPatientHtml body.NewRegisterPatientBody .k-window-iframecontent {
      background-color: white;
      width: 100% !important;
      height: 95% !important;
      position: absolute;
      padding-top: 50px !important;
      left: 0% !important;
      right: 0% !important;
      top: 0px !important;
      overflow: hidden !important;
      box-shadow: none; }
      html.NewRegisterPatientHtml body.NewRegisterPatientBody .k-window-iframecontent #dialogPopup {
        background-color: white;
        width: unset !important;
        /* height: unset !important; */
        position: unset !important;
        padding-top: unset !important;
        left: unset !important;
        right: unset !important;
        top: unset !important;
        overflow: unset !important;
        border: 0px; }
      html.NewRegisterPatientHtml body.NewRegisterPatientBody .k-window-iframecontent .k-window-titlebar .k-window-actions {
        display: none !important; }

#physiciansList .k-loading-image {
  background-color: #f3f5f6;
  opacity: .6; }
  #physiciansList .k-loading-image .k-loading-color {
    position: absolute;
    right: 48%;
    top: 67%; }
#physiciansList .uploadImg {
  position: relative;
  top: -2px; }
#physiciansList .upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block; }
  #physiciansList .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    max-height: 35px !important;
    height: 100%;
    cursor: pointer; }

body.AllergiesBody .app-header-fixed {
  padding-top: 0px !important; }
body.AllergiesBody .app-content {
  margin-left: 0px !important;
  background-color: white !important; }
body.AllergiesBody .label-search {
  background-color: white; }

*:focus {
  outline: 0 !important; }

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin: 0; }

/*popo-over*/
.imgIndx {
  position: relative;
  z-index: 205; }

.secIndex {
  z-index: 300 !important; }

.imgIndx2 {
  position: relative;
  z-index: 305; }

.showOn {
  text-transform: capitalize;
  min-width: 213px !important;
  max-width: 346px;
  z-index: 200;
  position: absolute;
  background-color: #f5fff4;
  border-radius: 10px;
  box-shadow: 0 0 7px 0px #CFD6E5;
  margin-left: -97px;
  margin-top: 10px; }
  .showOn .popover-arrow {
    position: absolute;
    font-size: 20px;
    margin-left: 96px;
    height: 2px !important;
    margin-top: -20px;
    color: #f5fff4;
    text-shadow: 2px -6px 8px #CFD6E5; }
  .showOn .info-content {
    height: auto;
    max-height: 200px;
    overflow: auto;
    padding: 7px;
    line-height: 14px;
    font-size: 13px;
    color: #58666e; }
    .showOn .info-content label {
      white-space: normal;
      word-break: break-all;
      /*width: 245px!important;*/ }
      .showOn .info-content label span {
        word-break: break-word; }
    .showOn .info-content table {
      table-layout: fixed;
      white-space: normal; }
      .showOn .info-content table td {
        white-space: normal;
        /*max-width: 200px;*/
        vertical-align: baseline; }
    .showOn .info-content .W107 {
      width: 132px; }
  .showOn .customScroll::-webkit-scrollbar {
    height: 7px; }

.AllergiesPopOver {
  margin-left: 114px !important;
  margin-top: 0 !important;
  /*min-width: 160px !important;*/
  max-width: none; }

.popover-arrowAllergies {
  margin-left: 190px !important;
  margin-top: -20px !important; }

.styleTooltipAllergiesView {
  max-width: 159px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.wrapperTooltipAllergies {
  display: inline-flex; }

.NotAllergicStyle {
  color: #c0c2c3;
  font-style: italic; }

.dispInlBlk {
  display: inline-block; }

.w273 {
  width: 273px; }

.w110 {
  width: 110px; }

.head-col {
  color: #2571BE; }

.BGroopClass .tooltip.bottom .tooltip-arrow {
  margin-left: -10px !important; }
.BGroopClass .tooltip.bottom .tooltip-inner {
  margin-left: 33px !important; }

.ml-278 {
  margin-left: -278px !important;
  max-width: 562px !important; }

.ml275 {
  margin-left: 275px !important; }

.m276 {
  margin-left: 276px !important; }

.ml-22 {
  margin-left: -22px; }

a {
  color: #363f44;
  text-decoration: none;
  cursor: pointer; }

.input-group-btn a {
  color: #ffffff !important; }

a:hover, a:focus {
  color: #141719;
  text-decoration: none; }

label {
  font-weight: normal;
  margin-top: 3px !important; }

small,
.small {
  font-size: 13px; }

.badge,
.label {
  font-weight: normal;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); }

.mydiv {
  position: relative !important; }

.cursordefault {
  cursor: default !important; }

.cursor-pointer {
  cursor: pointer; }

.badge.bg-light,
.label.bg-light {
  text-shadow: none; }

.badge {
  background-color: #cfdadd; }

.badge.up {
  position: relative;
  top: -10px;
  padding: 3px 6px;
  margin-left: -10px; }

.badge-sm {
  padding: 2px 5px !important;
  font-size: 85%; }

ul#sideNav {
  background-color: #2370be;
  max-height: 92%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0;
  /*padding-left: 7px;*/ }

ul#sideNav::-webkit-scrollbar-track {
  border-radius: 10px;
  margin: 3px !important; }

ul#sideNav::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: #1d6ebf;
  margin: 3px !important; }

ul#sideNav::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #072f56; }

.floated-sub-nav::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: transparent;
  margin: 20px !important; }

.floated-sub-nav::-webkit-scrollbar {
  width: 24px;
  height: 5px;
  background-color: transparent;
  /*margin: 3px !important;*/ }

.floated-sub-nav::-webkit-scrollbar-thumb {
  border-radius: 20px;
  /*background-color: white;*/
  box-shadow: inset 0 0 10px 10px rgba(255, 255, 255, 0.7);
  border: solid 9px transparent; }

blockquote {
  border-color: #dee5e7; }

.thumbnail {
  border-color: #dee5e7; }

.progress {
  background-color: #edf1f2; }

.progress,
.progress-bar {
  box-shadow: none; }

.progress-bar-info {
  background-color: #147ec7; }

.progress-bar-success {
  background-color: #a084b8; }

.progress-bar-warning {
  background-color: #EBC480; }

.progress-bar-danger {
  background-color: #F27437; }

.alert {
  font-size: 13px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); }
  .alert .close i {
    display: block;
    font-size: 12px;
    font-weight: normal; }

.form-control {
  border: none;
  border-radius: 2px;
  box-shadow: none; }
  .form-control:focus {
    box-shadow: none; }

.form-horizontal .control-label.text-left {
  text-align: left; }

.ng-submitted span.borderMe.ng-invalid > span {
  border-color: #F27437 !important; }

.has-error.validationMessage {
  padding-top: 0; }

.k-filtercell > span > .k-button {
  padding: 0 !important;
  box-shadow: none !important;
  line-height: 0 !important; }

.has-error.form-control,
.has-error.form-control:focus,
.has-error.form-control:active,
.k-multiselect.k-header.has-error,
div.k-widget.form-control.has-error,
.text-autoComplete.has-error,
span.k-picker-wrap.k-state-default.has-error,
.has-error-control.form-control {
  border-bottom-color: #F27437 !important; }

.k-dropdown-wrap.k-state-disabled {
  border: 0;
  background-color: transparent !important; }

label.control-label.has-error.validationMessage {
  color: #F27437;
  float: right; }

.input-lg {
  height: 45px; }

.input-group-addon {
  background-color: #edf1f2;
  border-color: #cfdadd; }

.list-group {
  border-radius: 2px; }

.list-group.no-radius .list-group-item {
  border-radius: 0 !important; }

.list-group.no-borders .list-group-item {
  border: none; }

.list-group.no-border .list-group-item {
  border-width: 1px 0; }

.list-group.no-bg .list-group-item {
  background-color: transparent; }

.list-group-item {
  padding-right: 15px;
  border-color: #e7ecee;
  position: relative !important; }
  .list-group-item.media {
    margin-top: 0; }
  .list-group-item.active {
    color: #fff;
    background-color: #147ec7 !important;
    border-color: #147ec7 !important; }
    .list-group-item.active .text-muted {
      color: #ace4f5 !important; }
    .list-group-item.active a {
      color: #ffffff; }
  .list-group-item.focus {
    background-color: #e4eaec !important; }
  .list-group-item.select {
    position: relative;
    z-index: 1;
    background-color: #dbeef9 !important;
    border-color: #c5e4f5; }
  .list-group-item > .badge {
    margin-right: 0; }
  .list-group-item > .fa-chevron-right {
    float: right;
    margin-top: 4px;
    margin-right: -5px; }
    .list-group-item > .fa-chevron-right + .badge {
      margin-right: 5px; }
  .list-group-item button.btn-primary {
    padding: 5px !important;
    line-height: 9px;
    margin-top: -1px; }

a.list-group-item:hover, a.list-group-item:focus, a.list-group-item.hover {
  background-color: #edf1f2; }

div[data-role="listview"] .list-group-item .listactions {
  right: 5px;
  bottom: 5px !important; }

.nav-pills.no-radius > li > a {
  border-radius: 0; }

.nav-pills > li.active > a {
  color: #ffffff !important;
  background-color: #147ec7; }
  .nav-pills > li.active > a:hover, .nav-pills > li.active > a:active {
    background-color: #19a9d5; }

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: rgba(255, 255, 255, 0.23); }

.navbar-nav > li.dropdown.rotateY180 a:hover, .navbar-nav > li.dropdown.rotateY180 a:focus {
  background-color: rgba(255, 255, 255, 0.23); }

.nav-tabs {
  border-color: #dee5e7; }
  .nav-tabs > li > a {
    border-bottom-color: #dee5e7;
    border-radius: 2px 2px 0 0; }
  .nav-tabs > li.active > a {
    border-bottom-color: #ffffff !important; }

.panel-heading {
  border-radius: 2px 2px 0 0;
  background: #edf1f2 !important;
  color: #545454 !important;
  padding: 5px !important;
  padding-left: 10px !important;
  padding-right: 10px !important; }
  .panel-heading i {
    font-size: 13px !important; }

.panel-borderred {
  border-top: 2px solid #F27437 !important;
  border-radius: 0; }

.panelgradient {
  border-top: 2px solid;
  position: relative; }
  .panelgradient:first-child:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: linear-gradient(to left, #21b799, #1d6ebf);
    border-radius: 16px;
    top: -2px;
    left: 0; }

.panel-default {
  border-color: #dee5e7; }
  .panel-default .panel-heading {
    background-color: #f6f8f8; }
  .panel-default > .panel-heading,
  .panel-default > .panel-footer {
    border-color: #edf1f2; }

.panel-heading.no-border {
  margin: -1px -1px 0 -1px;
  border: none; }

.panel-heading .nav {
  margin: -10px -15px; }
.panel-heading .list-group {
  background: transparent; }

.panel-footer {
  background-color: #ffffff;
  border-color: #edf1f2;
  border-radius: 0 0 2px 2px; }

.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 1px solid #eaedef; }

.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px 15px;
  border-top: 1px solid #eaeff0; }
.table > thead > tr > th {
  padding: 8px 15px;
  border-bottom: 1px solid #eaeff0; }

.table-bordered {
  border-color: #eaeff0; }
  .table-bordered > tbody > tr > td {
    border-color: #eaeff0; }
  .table-bordered > thead > tr > th {
    border-color: #eaeff0; }

.well,
pre {
  background-color: #edf1f2;
  border-color: #dee5e7; }

.dropdown-menu {
  border-top: 1px solid #989595 !important;
  border-bottom: 1px solid #989595 !important;
  border-radius: 2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  padding: 0 !important;
  min-width: 80px !important; }
  .dropdown-menu.pull-left {
    left: 100%; }
  .dropdown-menu > .panel {
    margin: -5px 0;
    border: none; }
  .dropdown-menu > li > a {
    padding: 5px 25px 5px 0; }

.btn-group > .btn {
  margin-left: -1px; }

@media (max-width: 1200px) {
  .standardGrid {
    overflow-x: scroll !important;
    display: list-item !important; }

  .tooltipfix .k-grid-header-wrap {
    overflow: visible; } }
.row-sm {
  margin-right: -10px;
  margin-left: -10px; }

.row-sm > div {
  padding-right: 10px;
  padding-left: 10px; }

.modal-backdrop {
  background-color: #3a3f51; }

.modal-backdrop.in {
  opacity: 0.8;
  filter: alpha(opacity=80); }

.app-mainContainer {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100%; }

.app {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100%; }
  .app:before {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    display: block;
    width: inherit;
    border: inherit;
    content: ""; }

/*.form-horizontal{
    margin-top: -50px !important;
    margin-left: -48px !important;
}*/
.app-header-fixed .app-header {
  position: fixed;
  top: 0;
  width: 100%; }

.hide-layout {
  display: none !important; }

.padding0 {
  padding-top: 0px !important; }

.app-header {
  z-index: 1025;
  border-radius: 0; }

.app-aside {
  float: left; }
  .app-aside:before {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: inherit;
    background-color: inherit;
    border: inherit;
    content: ""; }

/*.app-aside-footer {
    position: absolute;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    max-width: 200px;
}

.app-aside-folded {
    .app-aside-footer {
        max-width: 60px;
    }
}

.app-aside-footer {
    ~ div {
        padding-bottom: 50px;
    }
}*/
.app-aside-right {
  padding-bottom: 50px; }

.app-content {
  height: 100%;
  margin-inline-start: 0px !important; }
  .app-content:before, .app-content:after {
    display: table;
    content: " "; }
  .app-content:after {
    clear: both; }

.app-content-body {
  float: left;
  min-height: 100px;
  width: 100%;
  padding-bottom: 28px !important;
  box-shadow: inset 7px 0 10px -9px rgba(0, 0, 0, 0.64); }

.app-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 1px;
  z-index: 12;
  background-color: #21b799; }
  .app-footer.app-footer-fixed {
    position: fixed; }

.hbox {
  display: table;
  width: 100%;
  height: 100%;
  border-spacing: 0;
  table-layout: fixed; }
  .hbox .col {
    display: table-cell;
    float: none;
    height: 100%;
    vertical-align: top; }

.navbar {
  margin: 0;
  border-width: 0;
  border-radius: 0; }
  .navbar .navbar-form-sm {
    margin-top: 10px;
    margin-bottom: 10px; }

.navbar-header > button {
  padding: 10px 17px;
  font-size: 16px;
  line-height: 30px;
  text-decoration: none;
  background-color: transparent;
  border: none; }

.navbar-brand {
  float: none;
  overflow: hidden;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
  padding: 0 7px;
  z-index: -1;
  line-height: 43px; }
  .navbar-brand:hover {
    text-decoration: none; }
  .navbar-brand img {
    display: inline;
    max-height: 20px;
    vertical-align: middle; }
  .navbar-brand i {
    vertical-align: middle;
    max-height: 25px;
    margin-top: -4px; }

.app.container {
  padding-right: 0;
  padding-left: 0; }

@media (min-width: 768px) and (max-width: 991px) {
  .hbox-auto-sm {
    display: block; }
    .hbox-auto-sm > .col {
      display: block;
      width: auto;
      height: auto; }
    .hbox-auto-sm > .col.show {
      display: block !important; } }
@media (max-width: 767px) {
  span.searchInput {
    margin-left: 10px !important;
    margin-bottom: 15px !important;
    width: 96% !important; }

  .app-aside {
    float: none;
    clear: both; }

  .app-content-full {
    width: 100% !important; }

  .hbox-auto-xs {
    display: block; }
    .hbox-auto-xs > .col {
      display: block;
      width: auto;
      height: auto; }

  .navbar-nav {
    margin-top: 0;
    margin-bottom: 0;
    padding: 5px;
    margin: 0 !important; }
    .navbar-nav > li > a {
      box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
      color: #453C5A; }
      .navbar-nav > li > a .up {
        top: 0; }
      .navbar-nav > li > a .avatar {
        width: 30px;
        margin-top: -5px; }
    .navbar-nav .open .dropdown-menu {
      background-color: #fff; }

  .navbar-form {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); }
    .navbar-form .form-group {
      margin-bottom: 0; } }
@media (min-width: 768px) {
  .app.container {
    width: 750px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    overflow-x: hidden;
        /*&.app-aside-fixed {
            .aside-wrap {
                left: inherit;
            }

            &.app-aside-folded {
                .app-aside {
                    > ul.nav {
                        position: absolute;
                    }
                }
            }
        }*/ }
    .app.container.app-aside-folded {
      /*.app-aside {
          overflow-x: visible;
      }*/ }
      .app.container.app-aside-folded .app-footer-fixed {
        max-width: 690px; }
    .app.container .app-header,
    .app.container .app-aside {
      max-width: 750px; }
    .app.container .app-footer-fixed {
      right: auto;
      left: auto;
      width: 100%;
      max-width: 550px; }
    .app.container.app-aside-dock .app-footer-fixed {
      max-width: 750px; } }
@media (min-width: 992px) {
  .app.container {
    width: 970px; }
    .app.container .app-header,
    .app.container .app-aside {
      max-width: 970px; }
    .app.container .app-footer-fixed {
      max-width: 770px; }
    .app.container.app-aside-folded .app-footer-fixed {
      max-width: 910px; }
    .app.container.app-aside-dock .app-footer-fixed {
      max-width: 970px; } }
@media (min-width: 1200px) {
  .app.container {
    width: 1170px; }
    .app.container .app-header,
    .app.container .app-aside {
      max-width: 1170px; }
    .app.container .app-footer-fixed {
      max-width: 970px; }
    .app.container.app-aside-folded .app-footer-fixed {
      max-width: 1110px; }
    .app.container.app-aside-dock .app-footer-fixed {
      max-width: 1170px; } }
.app-aside-dock .app-content-body {
  margin-top: 47px; }

/*.nav-sub {
    height: 0;
    margin-left: -20px;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}*/
.ar.nav-sub {
  margin-right: -20px; }

/*.app-aside-folded {
    li {
        &:hover, &:focus, &:active {
            > .nav-sub {
                max-height: 1000px !important;
                margin-left: 0;
                overflow: hidden;
                opacity: 1;
                transition: max-height 0s ease-in;
                -webkit-transition-delay: 0.5s;
                -moz-transition-delay: 0.5s;
                -ms-transition-delay: 0.5s;
                -o-transition-delay: 0.5s;
                transition-delay: 0.5s;
            }
        }
    }
}*/
.nav-sub-header {
  display: none !important; }
  .nav-sub-header a {
    padding: 15px 20px; }

.navi ul.nav li {
  position: relative;
  display: block; }
  .navi ul.nav li li ul {
    padding: 0 !important; }
  .navi ul.nav li li.active > ul {
    display: block; }
  .navi ul.nav li li li a > i {
    background-color: transparent !important;
    margin-left: 20px; }
  .navi ul.nav li li li a > i.ahbs.ahbs-medical-book-2 {
    margin-left: 4px !important; }
  .navi ul.nav li a:not(.page-link) {
    position: relative;
    z-index: 2;
    background-color: #1d6ebf;
    color: white;
    font-weight: normal;
    text-transform: none;
    line-height: 40px;
    padding: 0 !important;
    display: -webkit-box;
    display: inline-block; }
    .navi ul.nav li a:not(.page-link) .badge, .navi ul.nav li a:not(.page-link) .label {
      padding: 2px 5px;
      margin-top: 2px;
      font-size: 11px; }
    .navi ul.nav li a:not(.page-link) > i:before {
      position: relative;
      z-index: 2; }

.navi > ul.nav > li > a > span.font-bold {
  display: inline-block;
  width: 192px;
  margin-left: -3px;
  border-bottom: 1px solid #0f4173;
  border-top: 1px solid #15599d;
  height: 42px;
  padding-left: 8px;
  color: #9DC6E4; }
.navi > ul.nav > li > a > i {
  position: relative;
  width: 40px !important;
  background-color: #2370be;
  overflow: visible;
  height: 42px;
  padding-top: 13px;
  vertical-align: top;
  border-top: 1px solid #144271;
  text-align: center;
  font-size: 24px;
  color: #9DC6E4;
  text-shadow: 0 0 1px #09223b; }
.navi > ul.nav > li:last-of-type a > span.font-bold {
  border-bottom: 0 solid transparent; }
.navi > ul.nav > li:last-of-type > a > i {
  border-bottom: 0 solid transparent; }
.navi > ul.nav > li.active a > span.font-bold {
  border-bottom: 1px solid #0f4173 !important; }
.navi > ul.nav > li ul li a {
  display: block; }

/*for diffrentiating child from parent at side bar*/
nav > ul > li.ng-scope.active > ul > li > ul > li > a {
  background: transparent; }

header-logo-icon {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  left: 15px;
  font-size: 12px;
  bottom: -8px;
  color: #1D6EBF; }

/* Start Fixing media query styles */
.app-aside-folded {
    /*.submoduleicon {
        margin: 0 !important;
        margin-left: 15px !important;
    }

    .subModule-level {
        ul {
            li {
                > a {
                    > i.fa {
                        line-height: 40px;
                        font-size: 16px;
                        margin-left: 20px !important;
                    }
                }
            }
        }
    }*/
    /*&.app-aside-fixed {
        .app-aside {
            > ul.nav {
                position: fixed;
                left: 80px;
                z-index: 1010;
                display: block;
                width: 260px;
                height: auto;
                overflow: visible;
                overflow-y: auto;
                opacity: 1;
                -webkit-overflow-scrolling: touch;

                &:before {
                    position: absolute;
                    top: 0;
                    left: -60px;
                    width: 60px;
                    height: 50px;
                    content: "";
                }

                a {
                    padding-right: 20px !important;
                    padding-left: 20px !important;
                }
            }
        }
    }*/ }
  .app-aside-folded .nav-sub-header {
    display: block !important; }
    .app-aside-folded .nav-sub-header a:not(.page-link) {
      height: 41px !important;
      line-height: 45px !important;
      background-color: #124C86 !important; }
    .app-aside-folded .nav-sub-header.activepageItem .activepageSubItem, .app-aside-folded .nav-sub-header.activepageItem .activepageSubItem a {
      color: #fdcf49 !important; }
  .app-aside-folded a > span.ng-binding {
    margin-left: 5px;
    display: inline-block; }
  .app-aside-folded .active a {
    padding-left: 0 !important; }
  .app-aside-folded .navi {
    width: 45px;
    text-align: center; }
    .app-aside-folded .navi > ul > li > a {
      position: relative;
      padding: 0;
      text-align: center;
      border: none;
      box-shadow: none !important; }
      .app-aside-folded .navi > ul > li > a.openFromTop .floated-menu-shadow.Active {
        display: block; }
      .app-aside-folded .navi > ul > li > a.openFromTop + .floated-sub-nav {
        border-radius: 0 20px 20px; }
      .app-aside-folded .navi > ul > li > a.openFromBottom .floated-menu-shadow.Active {
        display: block;
        box-shadow: #2fb697 4px -13px 0px -1px;
        /*box-shadow:#2fb697 7px -11px 0px -1px*/
        left: 3px;
        top: -45px;
        transform: rotate(105deg); }
      .app-aside-folded .navi > ul > li > a.openFromBottom + .floated-sub-nav {
        border-radius: 20px 20px 20px 0; }
      .app-aside-folded .navi > ul > li > a .floated-menu-shadow {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        box-shadow: #2fb697 18px -10px 0px -1px;
        left: -2px;
        position: absolute;
        top: 40px;
        display: none; }
      .app-aside-folded .navi > ul > li > a > img {
        width: 30px;
        height: 30px;
        padding: 5px;
        box-sizing: content-box;
        vertical-align: top; }
        .app-aside-folded .navi > ul > li > a > img.Active {
          padding-right: 10px;
          border-radius: 100px 0 0 100px;
          box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
          background: #2fb697; }
          .app-aside-folded .navi > ul > li > a > img.Active:hover {
            border-radius: 100px 0 0 100px !important; }
          .app-aside-folded .navi > ul > li > a > img.Active + .block {
            visibility: hidden !important; }
        .app-aside-folded .navi > ul > li > a > img:not(.Active):hover {
          border-radius: 100px;
          background: #2a86ac;
          background: -moz-linear-gradient(left, #2a86ac 0%, #2a99a7 100%);
          background: -webkit-linear-gradient(left, #2a86ac 0%, #2a99a7 100%);
          background: linear-gradient(to right, #2a86ac 0%, #2a99a7 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a86ac', endColorstr='#2a99a7',GradientType=1 ); }
      .app-aside-folded .navi > ul > li > a span.block {
        margin-top: -10px !important;
        white-space: nowrap;
        text-overflow: clip;
        max-width: 45px;
        font-size: 11.5px;
        line-height: 35px;
        letter-spacing: -0.5px; }
      .app-aside-folded .navi > ul > li > a span {
        display: none; }
        .app-aside-folded .navi > ul > li > a span.pull-right {
          display: none !important; }
        .app-aside-folded .navi > ul > li > a span.font-bold {
          display: none; }
      .app-aside-folded .navi > ul > li > a i {
        display: block;
        float: none;
        margin: 0;
        font-size: 24px;
        line-height: 50px;
        border: none !important;
        width: 40px !important;
        /*border-bottom: 1px solid #144271 !important;*/
        padding-top: 0 !important; }
        .app-aside-folded .navi > ul > li > a i b {
          left: 0 !important; }
      .app-aside-folded .navi > ul > li > a .badge, .app-aside-folded .navi > ul > li > a .label {
        position: absolute;
        top: 8px;
        right: 12px;
        z-index: 3; }
    .app-aside-folded .navi > ul > li > .floated-sub-nav {
      position: fixed !important;
      left: 40px !important;
      z-index: 10;
      padding: 15px;
      text-align: left;
      background: linear-gradient(to left, #2370be 0%, #2fb697 100%);
      overflow: hidden;
      color: white;
      direction: ltr;
      box-shadow: 9px 9px 11px rgba(0, 0, 0, 0.3);
      max-height: 250px;
      overflow-y: auto;
      min-height: 130px; }
      .app-aside-folded .navi > ul > li > .floated-sub-nav:before {
        content: " ";
        position: absolute;
        top: 29px;
        left: -17px;
        width: 25px;
        height: 25px;
        border-radius: 100px;
        background-color: #1d6ebf;
        z-index: 1050;
        display: none; }
      .app-aside-folded .navi > ul > li > .floated-sub-nav .content {
        position: relative;
        z-index: 10; }
        .app-aside-folded .navi > ul > li > .floated-sub-nav .content .module-title {
          font-size: 20px; }
        .app-aside-folded .navi > ul > li > .floated-sub-nav .content .subMenuRow + .subMenuRow {
          margin-left: 60px; }
        .app-aside-folded .navi > ul > li > .floated-sub-nav .content .subMenuRow .sub-module-title {
          position: relative;
          padding-left: 25px !important;
          color: white;
                /*&:before{
    content:" ";
    width:5px;
    height:5px;
    border-radius:10px;
    background-color:#2fb697;
    position:absolute;
    top:40%;
    left:10px;
}*/ }
          .app-aside-folded .navi > ul > li > .floated-sub-nav .content .subMenuRow .sub-module-title:hover, .app-aside-folded .navi > ul > li > .floated-sub-nav .content .subMenuRow .sub-module-title:focus {
            text-decoration: none; }
          .app-aside-folded .navi > ul > li > .floated-sub-nav .content .subMenuRow .sub-module-title.Active {
            color: #fdcf49; }
        .app-aside-folded .navi > ul > li > .floated-sub-nav .content .page-link {
          color: white;
          /*padding-left:35px!important;*/
          position: relative; }
        .app-aside-folded .navi > ul > li > .floated-sub-nav .content .nav-pagesList {
          display: none;
          list-style-type: disc;
          padding-left: 55px !important; }
          .app-aside-folded .navi > ul > li > .floated-sub-nav .content .nav-pagesList li {
            display: list-item; }
      .app-aside-folded .navi > ul > li > .floated-sub-nav .gradient-bg {
        position: absolute;
        right: -50%;
        top: -50%;
        width: 120%;
        height: 125%;
        z-index: 2;
        background: #5dbba5;
        background: -moz-radial-gradient(center, ellipse cover, #5dbba5 32%, #2a98a8 73%);
        background: -webkit-radial-gradient(center, ellipse cover, #5dbba5 32%, #2a98a8 73%);
        background: radial-gradient(ellipse at center, #5dbba5 32%, #2a98a8 73%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5dbba5', endColorstr='#2a98a8',GradientType=1 ); }
  .app-aside-folded .activepage span {
    color: #fff !important; }
    .app-aside-folded .activepage span img {
      border-radius: 100px;
      background: #2a86ac;
      background: -moz-linear-gradient(to right, #2c99c5 0%, #28b2c3 100%);
      background: -webkit-linear-gradient(to right, #2c99c5 0%, #28b2c3 100%);
      background: linear-gradient(to right, #2c99c5 0%, #28b2c3 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a86ac', endColorstr='#2a99a7',GradientType=1 ); }

.ar.app-aside-folded .navi li li a {
  padding-right: 20px !important; }
.ar.app-aside-folded.app-aside-fixed .app-aside > ul.nav {
  position: fixed;
  right: 280px;
  z-index: 1010;
  display: block;
  width: 260px;
  height: auto;
  overflow: visible;
  overflow-y: auto;
  opacity: 1;
  -webkit-overflow-scrolling: touch; }
  .ar.app-aside-folded.app-aside-fixed .app-aside > ul.nav:before {
    position: absolute;
    top: 0;
    right: -60px;
    width: 60px;
    height: 50px;
    content: ""; }

.app-aside,
.navbar-header {
  width: 193px; }

.navbar-collapse,
.app-content,
.app-footer {
  margin-left: 193px; }
  .navbar-collapse .findPntBtn:hover,
  .app-content .findPntBtn:hover,
  .app-footer .findPntBtn:hover {
    color: #89b6dc; }

.app-aside-right {
  position: absolute;
  top: 50px;
  right: 0;
  bottom: 0;
  z-index: 1000; }

.app-aside-right.pos-fix {
  z-index: 1010; }

.visible-folded {
  display: none; }

.app-aside-folded .hidden-folded {
  display: none !important; }
.app-aside-folded .visible-folded {
  display: inherit; }
.app-aside-folded .text-center-folded {
  text-align: center; }
.app-aside-folded .pull-none-folded {
  float: none !important; }
.app-aside-folded .w-auto-folded {
  width: auto; }
.app-aside-folded .app-aside {
  width: 45px; }
.app-aside-folded .app-content,
.app-aside-folded .app-footer {
  margin-left: 4px; }
.app-aside-folded .app-header .navbar-brand {
  display: block;
  padding: 0; }

.app-aside-fixed .app-header .navbar-header {
  position: fixed; }
.app-aside-fixed .aside-wrap {
  position: fixed;
  top: 50px;
  bottom: 0;
  left: 0;
  z-index: 1000;
  width: 199px;
  overflow: hidden; }
  .app-aside-fixed .aside-wrap .navi-wrap {
    position: relative;
    width: 217px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: white; }

/*start of editting*/
.arrownav {
  position: absolute;
  right: 0 !important;
  float: right;
  top: 13px;
  color: #9DC6E4; }

.arrownav-active {
  position: absolute;
  right: 6px !important;
  float: right;
  bottom: -9px;
  z-index: 5;
  font-size: 24px;
  color: #124C86;
  display: none;
  text-shadow: 0 1px 1px #0E355C;
  display: none; }

li.active[menu="child"] .arrownav-active {
  display: inline-block; }

li.module-level.active > a > span > .arrownav-active {
  display: inline-block; }

.bordernav.active > a {
  box-shadow: -1px 1px 4px #0E355C;
  position: relative;
  z-index: 4; }
.bordernav.active .subModule-level ul li > a > i.fa {
  line-height: 40px;
  font-size: 16px;
  margin-left: 58px; }
.bordernav.active .subModule-level .arrownav-active {
  color: #2D67A0;
  text-shadow: 1px 1px 2px #285c8f;
  z-index: 3;
  right: -2px !important; }
.bordernav.active .subModule-level > li {
  border-bottom: 1px solid #285c8f;
  border-top: 1px solid #3676b6; }
.bordernav.active .subModule-level ul > li:first-of-type,
.bordernav.active .subModule-level > li:first-of-type {
  border-top: 0 solid transparent; }
.bordernav.active .subModule-level ul > li:last-of-type,
.bordernav.active .subModule-level > li:last-of-type {
  border-bottom: 0 solid transparent; }

.bordernav:hover > a .font-bold, .bordernav:hover > a > i.fa, .bordernav:hover > a .arrownav, .bordernav:hover > a .ahbs, .bordernav.active > a .font-bold, .bordernav.active > a > i.fa, .bordernav.active > a .arrownav, .bordernav.active > a .ahbs {
  color: white !important; }
.bordernav .subModule-level li:hover a, .bordernav .subModule-level li:hover a .arrownav, .bordernav .subModule-level li.active a, .bordernav .subModule-level li.active a .arrownav {
  color: white !important; }

.app-aside-folded .arrownav-active {
  color: #2D67A0;
  text-shadow: 1px 1px 2px #285c8f;
  z-index: 3;
  right: -2px !important; }
.app-aside-folded .subModule-level > li > a i.fa-circle {
  font-size: 8px !important; }

.subModule-level > li > a {
  padding-left: 25px !important;
  box-shadow: 1px 1px 2px #285c8f;
  position: relative;
  z-index: 2;
  color: #DBDDDD; }
  .subModule-level > li > a i.fa-circle {
    font-size: 8px !important; }
.subModule-level ul > li {
  border-bottom: 1px solid #3d71a3;
  border-top: 1px solid #478ccf; }

/*end of editting*/
.submodule {
  background-color: #2D67A0 !important; }

.submoduleicon {
  margin-left: 45px;
  margin-right: 5px; }

.app-aside-fixed {
    /*&.app-aside-folded {
        .app-aside {
            position: fixed;
            top: 0;
            bottom: 0;
            z-index: 1010;
        }

        .aside-wrap {
            width: 59px;

            .navi-wrap {
                width: 77px;

                > * {
                    width: 60px;
                }
            }
        }
    }*/ }
  .app-aside-fixed .aside-wrap .navi-wrap::-webkit-scrollbar {
    -webkit-appearance: none; }
    .app-aside-fixed .aside-wrap .navi-wrap::-webkit-scrollbar:vertical {
      width: 17px; }
  .app-aside-fixed .aside-wrap .navi-wrap > * {
    width: 200px; }

.navi-wrap {
  position: fixed;
  width: auto;
  background-color: #fff !important; }

.smart .app-aside-fixed .aside-wrap .navi-wrap {
  width: 200px; }
.smart.app-aside-folded .aside-wrap .navi-wrap {
  width: 60px; }

.col.show {
  display: table-cell !important; }

@media only screen and (max-width: 767px) {
  .navbar-header.box-shadow.bg-logo {
    top: 0px;
    position: fixed; }

  .app-aside.hidden-xs.bg-img.bg-white {
    display: block !important; }

  .app-aside.hidden-xs.bg-img.bg-white.hide-layout {
    display: none !important; }

  .navbar-collapse.collapse {
    display: block !important;
    height: auto;
    padding-bottom: 0;
    overflow: visible !important; }

  .navi-wrap {
    position: fixed;
    width: auto;
    background-color: #fff !important; }

  .visible-xs.res-menu-btn {
    display: none !important; }

  .nav.navbar-nav.hidden-xs {
    display: inline-block !important;
    float: left; }

  .app.app-header-fixed .app-content.noselect.tooltipfix.p-r {
    margin-left: 235px !important; }

  .app.app-header-fixed.app-aside-folded .app-content.noselect.tooltipfix.p-r {
    margin-left: 36px !important; }

  .app-header-fixed .aside-wrap .navi-wrap {
    position: fixed !important; }

  .navbar-nav {
    margin-bottom: 0;
    margin: -5px !important;
    display: inline-block;
    float: right; } }
@media only screen and (max-width: 681px) {
  li.dropdown.rotateY180.mr5.ml5 {
    display: none; } }
@media only screen and (max-width: 373px) {
  .PatientSearchMainContainer {
    display: none; } }
/* ./ End Fixing media query styles */
@media (max-width: 767px) {
  .app {
    overflow-x: hidden; }

  .app-content {
    -webkit-transition: transform 0.2s ease;
    -moz-transition: transform 0.2s ease;
    -o-transition: transform 0.2s ease;
    -ms-transition: transform 0.2s ease;
    transition: transform 0.2s ease; }

  .off-screen {
    position: absolute;
    top: 50px;
    bottom: 0;
    z-index: 1010;
    display: block !important;
    overflow-x: hidden;
    overflow-y: auto;
    visibility: visible;
    -webkit-overflow-scrolling: touch; }
    .off-screen + * {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1015;
      width: 100%;
      overflow: hidden;
      -webkit-transform: translate3d(75%, 0, 0);
      -moz-transform: translate3d(75%, 0, 0);
      -o-transform: translate3d(75%, 0, 0);
      -ms-transform: translate3d(75%, 0, 0);
      transform: translate3d(75%, 0, 0);
      -webkit-transition: transform 0.2s ease;
      -moz-transition: transform 0.2s ease;
      -o-transition: transform 0.2s ease;
      -ms-transition: transform 0.2s ease;
      transition: transform 0.2s ease;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      backface-visibility: hidden; }
      .off-screen + * .off-screen-toggle {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1020;
        display: block !important; }
    .off-screen.pull-right {
      right: 0; }
      .off-screen.pull-right + * {
        -webkit-transform: translate3d(-75%, 0, 0);
        -moz-transform: translate3d(-75%, 0, 0);
        -o-transform: translate3d(-75%, 0, 0);
        -ms-transform: translate3d(-75%, 0, 0);
        transform: translate3d(-75%, 0, 0); } }
@media (min-width: 992px) {
  .app-aside-dock .app-content,
  .app-aside-dock .app-footer {
    margin-left: 0; }
  .app-aside-dock .app-aside-footer ~ div {
    padding-bottom: 0; }
  .app-aside-dock.app-aside-fixed.app-header-fixed {
    padding-top: 77px !important; }
  .app-aside-dock.app-aside-fixed .app-aside {
    position: fixed;
    top: 50px;
    z-index: 1000;
    width: 100%; }
  .app-aside-dock .app-aside,
  .app-aside-dock .aside-wrap,
  .app-aside-dock .navi-wrap {
    position: relative;
    top: 0;
    float: none;
    width: 100% !important;
    overflow: visible !important; }
  .app-aside-dock .navi-wrap > * {
    width: auto !important; }
  .app-aside-dock .app-aside {
    bottom: auto !important; }
    .app-aside-dock .app-aside.b-r {
      border-right-width: 0; }
    .app-aside-dock .app-aside:before {
      display: none; }
    .app-aside-dock .app-aside nav > .nav {
      float: left; }
    .app-aside-dock .app-aside .hidden-folded,
    .app-aside-dock .app-aside .line,
    .app-aside-dock .app-aside .navi-wrap > div {
      display: none !important; }
    .app-aside-dock .app-aside .navi > ul > li {
      position: relative;
      display: inline-block;
      float: left; }
      .app-aside-dock .app-aside .navi > ul > li > a {
        height: auto;
        padding: 10px 15px 12px 15px;
        text-align: center; }
        .app-aside-dock .app-aside .navi > ul > li > a > .badge, .app-aside-dock .app-aside .navi > ul > li > a .label {
          position: absolute;
          top: 5px;
          right: 8px;
          padding: 1px 4px; }
        .app-aside-dock .app-aside .navi > ul > li > a > i {
          display: block;
          float: none;
          width: 40px;
          margin: -10px auto -7px auto;
          font-size: 14px;
          line-height: 40px; }
        .app-aside-dock .app-aside .navi > ul > li > a > span {
          display: block;
          font-weight: normal; }
          .app-aside-dock .app-aside .navi > ul > li > a > span.pull-right {
            position: absolute;
            bottom: 2px;
            left: 50%;
            display: block !important;
            margin-left: -6px;
            line-height: 1; }
            .app-aside-dock .app-aside .navi > ul > li > a > span.pull-right i {
              width: 12px;
              font-size: 12px;
              line-height: 12px; }
              .app-aside-dock .app-aside .navi > ul > li > a > span.pull-right i.text {
                line-height: 14px;
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                transform: rotate(90deg); }
      .app-aside-dock .app-aside .navi > ul > li .nav-sub {
        position: absolute;
        top: auto !important;
        left: 0;
        z-index: 1050;
        display: none;
        width: 200px;
        height: auto !important; }
      .app-aside-dock .app-aside .navi > ul > li .nav-sub-header {
        display: none !important; }
    .app-aside-dock .app-aside .navi li:hover > .nav-sub, .app-aside-dock .app-aside .navi li:focus > .nav-sub, .app-aside-dock .app-aside .navi li:active > .nav-sub {
      display: block;
      height: auto !important;
      margin-left: 0;
      overflow: auto;
      opacity: 1; }
    .app-aside-dock .app-aside .navi li li a {
      padding-left: 15px; }

  .ar.app-aside-dock .app-aside .navi > ul > li {
    float: right; }
    .ar.app-aside-dock .app-aside .navi > ul > li > a span.pull-right {
      right: 50%; }
    .ar.app-aside-dock .app-aside .navi > ul > li .nav-sub {
      right: 0; } }
.arrow {
  z-index: 10;
  border-width: 9px; }
  .arrow, .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid; }
  .arrow:after {
    border-width: 8px;
    content: ""; }
  .arrow.top {
    top: -9px;
    left: 50%;
    margin-left: -9px;
    border-bottom-color: rgba(0, 0, 0, 0.1);
    border-top-width: 0; }
    .arrow.top:after {
      top: 1px;
      margin-left: -8px;
      border-bottom-color: #ffffff;
      border-top-width: 0; }
    .arrow.top.arrow-primary:after {
      border-bottom-color: #21b799; }
    .arrow.top.arrow-info:after {
      border-bottom-color: #147ec7; }
    .arrow.top.arrow-success:after {
      border-bottom-color: #a084b8; }
    .arrow.top.arrow-danger:after {
      border-bottom-color: #F27437; }
    .arrow.top.arrow-warning:after {
      border-bottom-color: #EBC480; }
    .arrow.top.arrow-light:after {
      border-bottom-color: #edf1f2; }
    .arrow.top.arrow-dark:after {
      border-bottom-color: #3a3f51; }
    .arrow.top.arrow-black:after {
      border-bottom-color: #1c2b36; }
  .arrow.right {
    top: 50%;
    right: -9px;
    margin-top: -9px;
    border-left-color: #c7c0c0;
    border-right-width: 0; }
    .arrow.right:after {
      right: 1px;
      bottom: -8px;
      border-left-color: #ffffff;
      border-right-width: 0; }
    .arrow.right.arrow-primary:after {
      border-left-color: #21b799; }
    .arrow.right.arrow-info:after {
      border-left-color: #147ec7; }
    .arrow.right.arrow-success:after {
      border-left-color: #a084b8; }
    .arrow.right.arrow-danger:after {
      border-left-color: #F27437; }
    .arrow.right.arrow-warning:after {
      border-left-color: #EBC480; }
    .arrow.right.arrow-light:after {
      border-left-color: #edf1f2; }
    .arrow.right.arrow-dark:after {
      border-left-color: #3a3f51; }
    .arrow.right.arrow-black:after {
      border-left-color: #1c2b36; }
  .arrow.bottom {
    bottom: -9px;
    left: 50%;
    margin-left: -9px;
    border-top-color: rgba(0, 0, 0, 0.1);
    border-bottom-width: 0; }
    .arrow.bottom:after {
      bottom: 1px;
      margin-left: -8px;
      border-top-color: #ffffff;
      border-bottom-width: 0; }
    .arrow.bottom.arrow-primary:after {
      border-top-color: #4FCDAC; }
    .arrow.bottom.arrow-info:after {
      border-top-color: #147ec7; }
    .arrow.bottom.arrow-success:after {
      border-top-color: #a084b8; }
    .arrow.bottom.arrow-danger:after {
      border-top-color: #F27437; }
    .arrow.bottom.arrow-warning:after {
      border-top-color: #EBC480; }
    .arrow.bottom.arrow-light:after {
      border-top-color: #edf1f2; }
    .arrow.bottom.arrow-dark:after {
      border-top-color: #3a3f51; }
    .arrow.bottom.arrow-black:after {
      border-top-color: #1c2b36; }
  .arrow.left {
    top: 50%;
    left: -9px;
    margin-top: -9px;
    border-right-color: rgba(0, 0, 0, 0.1);
    border-left-width: 0; }
    .arrow.left:after {
      bottom: -8px;
      left: 1px;
      border-right-color: #ffffff;
      border-left-width: 0; }
    .arrow.left.arrow-primary:after {
      border-right-color: #21b799; }
    .arrow.left.arrow-info:after {
      border-right-color: #147ec7; }
    .arrow.left.arrow-success:after {
      border-right-color: #a084b8; }
    .arrow.left.arrow-danger:after {
      border-right-color: #F27437; }
    .arrow.left.arrow-warning:after {
      border-right-color: #EBC480; }
    .arrow.left.arrow-light:after {
      border-right-color: #edf1f2; }
    .arrow.left.arrow-dark:after {
      border-right-color: #3a3f51; }
    .arrow.left.arrow-black:after {
      border-right-color: #1c2b36; }
  .arrow.pull-left {
    left: 19px; }
  .arrow.pull-right {
    right: 19px;
    left: auto; }
  .arrow.pull-up {
    top: 19px; }
  .arrow.pull-down {
    top: auto;
    bottom: 19px; }

.btn {
  font-weight: 500 !important;
  outline: 0 !important;
  white-space: normal !important; }

.btn-link {
  color: #58666e; }
  .btn-link.active {
    box-shadow: none; }

.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:active, .btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
  background-color: #fcfdfd;
  border-color: #dee5e7; }

.btn-default.btn-bg {
  border-color: rgba(0, 0, 0, 0.1);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box; }

.btn-primary {
  color: #ffffff !important;
  background-color: #21b799;
  border-color: #21b799 !important;
  line-height: 16px;
  border-radius: 0 !important;
  border: 0 !important;
  font-size: 13px !important;
  box-shadow: 1px 1px 1px rgba(129, 119, 119, 0.67);
  border-radius: 5px !important; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:visited {
    background-color: #198c75 !important; }

.btn-primary-blue {
  background-color: #fff;
  color: #1D6EBF;
  line-height: 14px;
  font-size: 13px;
  border-radius: 0 !important; }

.open .dropdown-toggle.btn-primary {
  color: #ffffff !important;
  background-color: rgba(6, 6, 6, 0.2);
  border-color: rgba(6, 6, 6, 0.2); }

.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:active, .btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
  background-color: #B5EADC !important;
  border-color: #B5EADC !important;
  color: #FFFFFF !important; }

/*disable link button*/
.btn-link.disabled, .btn-link.disabled:hover, .btn-link.disabled:active, .btn-link.disabled.active,
.btn-link[disabled],
.btn-link[disabled]:hover,
.btn-link[disabled]:active,
.btn-link[disabled].active,
fieldset[disabled] .btn-link,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:active,
fieldset[disabled] .btn-link.active {
  color: #58666e !important;
  cursor: not-allowed !important; }

.btn-success, .btn-success:hover, .btn-success:active, .btn-success.active {
  color: #ffffff !important; }
.btn-success:active, .btn-success.active {
  background-image: none; }

.open .dropdown-toggle.btn-success {
  color: #ffffff !important;
  background-image: none; }

.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:active, .btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
  background-color: #a084b8;
  border-color: #a084b8; }

.btn-info {
  background-color: #21B799; }
  .btn-info, .btn-info:hover, .btn-info:active, .btn-info.active {
    color: #ffffff !important; }
  .btn-info:active, .btn-info.active {
    background-image: none; }

.open .dropdown-toggle.btn-info {
  color: #ffffff !important;
  background-image: none; }

.btn-warning, .btn-warning:hover, .btn-warning:active, .btn-warning:focus, .btn-warning.active {
  color: #ffffff !important;
  background-color: #EBC480 !important;
  border-color: #EBC480 !important; }
.btn-warning:active, .btn-warning.active {
  background-image: none; }

.open .dropdown-toggle.btn-warning {
  color: #ffffff !important;
  background-color: #EBC480 !important;
  border-color: #EBC480 !important;
  background-image: none; }

.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:active, .btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
  background-color: #EBC480;
  border-color: #EBC480; }

.btn-danger, .btn-danger:hover, .btn-danger:active, .btn-danger.active {
  color: #ffffff !important;
  background-color: #F27437;
  border-color: #F27437; }
.btn-danger:active, .btn-danger.active {
  background-image: none; }

.open .dropdown-toggle.btn-danger {
  color: #ffffff !important;
  background-color: #F27437;
  border-color: #F27437;
  background-image: none; }

.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:active, .btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
  background-color: #F27437;
  border-color: #F27437; }

.btn-black {
  color: #ffffff !important;
  background-color: #1c2b36;
  border-color: #1c2b36; }
  .btn-black:hover, .btn-black:active, .btn-black.active {
    color: #ffffff !important;
    background-color: #131e25;
    border-color: #0e161b; }
  .btn-black:active, .btn-black.active {
    background-image: none; }

.open .dropdown-toggle.btn-black {
  color: #ffffff !important;
  background-color: #131e25;
  border-color: #0e161b;
  background-image: none; }

.btn-black.disabled, .btn-black.disabled:hover, .btn-black.disabled:active, .btn-black.disabled.active,
.btn-black[disabled],
.btn-black[disabled]:hover,
.btn-black[disabled]:active,
.btn-black[disabled].active,
fieldset[disabled] .btn-black,
fieldset[disabled] .btn-black:hover,
fieldset[disabled] .btn-black:active,
fieldset[disabled] .btn-black.active {
  background-color: #1c2b36;
  border-color: #1c2b36; }

.btn-icon {
  width: 34px;
  padding: 0 !important;
  text-align: center; }
  .btn-icon i {
    position: relative;
    top: -1px; }
  .btn-icon.btn-sm {
    width: 10px;
    height: 9px;
    margin: 5px 0; }
    .btn-icon.btn-sm i {
      top: -4px; }
  .btn-icon.btn-lg {
    width: 45px;
    height: 45px; }
    .btn-icon.btn-lg i {
      line-height: 45px; }

.btn-rounded {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 50px; }
  .btn-rounded.btn-lg {
    padding-right: 25px;
    padding-left: 25px; }

.btn > i.pull-left,
.btn > i.pull-right {
  line-height: 1.42857143; }

.btn-block {
  padding-right: 12px;
  padding-left: 12px; }

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 2px; }
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 2px; }

.btn-addon i {
  position: relative;
  float: left;
  width: 34px;
  margin: -7px -12px;
  margin-right: 12px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px 0 0 2px; }
  .btn-addon i.pull-right {
    margin-right: -12px;
    margin-left: 12px;
    border-radius: 0 2px 2px 0; }
.btn-addon.btn-sm i {
  width: 30px;
  height: 30px;
  margin: -6px -10px;
  margin-right: 10px;
  line-height: 30px; }
  .btn-addon.btn-sm i.pull-right {
    margin-right: -10px;
    margin-left: 10px; }
.btn-addon.btn-lg i {
  width: 45px;
  height: 45px;
  margin: -11px -16px;
  margin-right: 16px;
  line-height: 45px; }
  .btn-addon.btn-lg i.pull-right {
    margin-right: -16px;
    margin-left: 16px; }
.btn-addon.btn-default i {
  background-color: transparent;
  border-right: 1px solid #dee5e7; }

.timeline {
  padding: 0;
  margin: 0; }

.datepicker {
  margin: 0 5px; }
  .datepicker .btn-default {
    border-width: 0;
    box-shadow: none; }
  .datepicker .btn[disabled] {
    opacity: 0.4; }
  .datepicker .btn-info .text-info {
    color: #fff !important; }
  .datepicker span.k-select[role="button"] {
    top: 3px !important; }

.item {
  position: relative; }
  .item .top {
    position: absolute;
    top: 0;
    left: 0; }
  .item .bottom {
    position: absolute;
    bottom: 0;
    left: 0; }
  .item .center {
    position: absolute;
    top: 50%; }
  .item:hover .item-overlay {
    display: block; }

.item-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none; }
  .item-overlay.active {
    display: block; }

.form-validation .form-control.ng-dirty.ng-invalid {
  border-color: #F27437; }
.form-validation .form-control.ng-dirty.ng-valid, .form-validation .form-control.ng-dirty.ng-valid:focus {
  border-color: #a084b8; }
.form-validation .i-checks .ng-invalid.ng-dirty + i {
  border-color: #F27437; }

.ng-animate .bg-auto:before {
  display: none; }

[ui-view].ng-leave {
  display: none; }
  [ui-view].ng-leave.smooth {
    display: block; }

.smooth.ng-animate {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.fade-in.ng-enter {
  -webkit-animation: fadeIn 0.5s;
  -o-animation: fadeIn 0.5s;
  -moz-animation: fadeIn 0.5s;
  animation: fadeIn 0.5s; }

.fade-in.ng-leave {
  -webkit-animation: fadeOut 0.5s;
  -moz-animation: fadeOut 0.5s;
  -o-animation: fadeOut 0.5s;
  animation: fadeOut 0.5s; }

.fade-in-up.ng-enter {
  -webkit-animation: fadeInUp 0.5s;
  -o-animation: fadeInUp 0.5s;
  -moz-animation: fadeInUp 0.5s;
  animation: fadeInUp 0.5s; }

.fade-in-up.ng-leave {
  -webkit-animation: fadeOutUp 0.5s;
  -o-animation: fadeOutUp 0.5s;
  -moz-animation: fadeOutUp 0.5s;
  animation: fadeOutUp 0.5s; }

.bg-transparent {
  background: transparent !important; }

.bg-light {
  color: #58666e;
  background-color: #edf1f2; }

.bg-dark {
  color: #a6a8b1;
  background-color: #3a3f51; }

.nav > li > a:hover, .nav > li > a:focus {
  background-color: transparent; }

.bg-primary {
  color: #edf1f2;
  background-color: #21b799; }

.bg-primary.dk,
.bg-primary .dk {
  background-color: #1d6ebf; }

.bg-info {
  color: #dcf2f8;
  background-color: #147ec7; }

.bg-danger {
  color: #ffffff;
  background-color: #F27437; }

.bg-white {
  color: #58666e;
  background-color: #ffffff; }

.bg-black-opacity {
  background-color: rgba(32, 43, 54, 0.36); }

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

a.bg-info:hover {
  background-color: #19a9d5; }

a.text-info:hover {
  color: #19a9d5; }

.text-info {
  color: #1d6ebf; }

a.text-success:hover {
  color: #23ad44; }

.text-success {
  color: #21b799; }

.text-danger {
  color: #F27437 !important; }

.text-danger-lt {
  color: #f26767; }

.text-dark {
  color: #3a3f51; }

.text-grey {
  color: #cacaca; }

.text-white {
  color: #fff; }

.text-muted {
  color: #98a6ad; }

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot");
  src: url("../fonts/icomoon.eot") format("embedded-opentype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased; }

.icon-logoblack-01:before {
  content: "\e600"; }

.tooltip {
  overflow: initial !important;
  position: absolute !important; }

.p-r {
  position: relative; }

html input[disabled] {
  cursor: no-drop !important; }

.welcome,
.app-content-body div.dashboardWelcome {
  background-image: url("../img/welcome.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%; }

.errorbg {
  background-image: url("../img/error3.jpg");
  background-repeat: no-repeat;
  background-size: cover; }

#loader {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  #loader > div {
    text-align: center;
    vertical-align: middle !important;
    margin: auto;
    position: absolute;
    top: 30%;
    left: 10%;
    z-index: 5000;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    margin: 0 auto; }

.standardGrid tr th, .standardGrid .k-grid-header th.k-header {
  padding: .429em .6em .571em .6em !important;
  padding-bottom: 0 !important; }

.standardGrid tr.k-grid-edit-row span.k-i-arrow-s {
  background-position: -2px -30px !important; }
.standardGrid tr.k-grid-edit-row span.k-dropdown-wrap:before {
  content: "" !important; }
.standardGrid .k-grid-norecords {
  height: auto !important; }

/*For disabling widgets with readonly state or disabled state,i-checks with disabled */
.k-widget[aria-readonly=true],
input[aria-readonly=true],
input[aria-readonly=true] + .k-select > span,
div[disabled], div[disabled] label,
.k-widget .k-state-disabled {
  cursor: no-drop !important; }

/*E N D*/
.text-center-imp {
  text-align: center !important; }

.k-grid-content {
  height: auto !important;
  overflow: visible !important; }

.k-grid-content-expander {
  width: auto !important; }

.k-list > .k-state-selected.k-state-focused {
  color: #3f51b5 !important;
  background-color: #fff;
  border-color: #fff; }
.k-list > .k-state-selected > .k-state-default,
.k-list > .k-state-selected .k-state-focused > .k-state-default {
  color: #3f51b5 !important; }

/*color option label of dropdownlist for all stats*/
.k-list-container .k-list-optionlabel {
  cursor: pointer;
  color: #3f51b5;
  background-color: #fff;
  border-color: #fff; }

/*E N D*/
/*.nav.nav-sub {
    overflow-x: hidden;

    li {
        a[ui-sref] {
            -moz-transition: transform 0.2s !important;
            -o-transition: transform 0.2s !important;
            -webkit-transition: transform 0.2s !important;
            transition: transform 0.2s !important;
            background-color: transparent;
            color: $brand-info;
        }
    }
}*/
/*E N D*/
.k-state-disabled {
  cursor: no-drop !important; }

/*END*/
.treeSearchCandidate {
  color: #428bca;
  background-color: rgba(212, 212, 212, 0.76); }

.nav.navbar-nav.navbar-right a {
  padding-right: 15px;
  padding-left: 15px; }

.k-scheduler-content[style="height: 113px;"],
.k-scheduler-content[style="height: 227px;"] {
  overflow-x: hidden !important; }

dep-tree.ng-dirty.ng-invalid > span > span {
  outline: 0;
  border-color: rgba(255, 1, 1, 0.8) !important; }

/*
Checkbox Tree
*/
[kendo-tree-view] [type="checkbox"] {
  position: relative;
  top: 4px;
  left: 9px; }

.k-in.k-state-selected, .k-in, .k-in.k-state-focused {
  pointer-events: none;
  background-color: transparent !important; }

/*E N D*/
.customScroll::-webkit-scrollbar {
  width: 8px; }

.customScroll::-webkit-scrollbar-button {
  width: 8px;
  height: 5px; }

.customScroll::-webkit-scrollbar-track {
  background: transparent;
  border: thin solid transparent; }

.customScroll::-webkit-scrollbar-thumb {
  background: rgba(153, 153, 153, 0.71);
  border: thin solid rgba(128, 128, 128, 0.14);
  border-radius: 10px; }

.customScroll::-webkit-scrollbar-thumb:hover {
  background: #999999; }

/*to remove the white space under the drop down */
.k-list-container {
  padding-bottom: 0 !important; }

/*for making space for the date field filter on grid*/
.k-filtercell .k-datepicker + * + .k-button {
  opacity: 0;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }
.k-filtercell:hover .k-datepicker + * + .k-button {
  right: -41px;
  z-index: 9;
  opacity: 1; }
.k-filtercell:hover .k-picker-wrap {
  padding-right: inherit; }
.k-filtercell:hover [data-role="datepicker"] + span {
  display: inherit; }
.k-filtercell > span:not(.k-operator-hidden) {
  padding-right: 0 !important; }
.k-filtercell .k-picker-wrap {
  padding-right: 0; }
  .k-filtercell .k-picker-wrap [data-role="datepicker"].k-input {
    text-indent: 5px; }

.k-state-hover {
  border-color: #147ec7 !important; }

div.k-treeview .k-in {
  display: inline; }

div div.k-treeview {
  overflow: inherit; }

.aside-wrap.ng-scope {
  position: relative;
  z-index: 1000; }

.app-aside-dock .app-aside .navi li:hover > .nav-sub {
  max-height: 400px;
  overflow-x: hidden; }

.app-aside-dock .app-aside .navi li:hover > .nav-sub::-webkit-scrollbar {
  width: 8px; }

.app-aside-dock .app-aside .navi li:hover > .nav-sub::-webkit-scrollbar-button {
  width: 8px;
  height: 5px; }

.app-aside-dock .app-aside .navi li:hover > .nav-sub::-webkit-scrollbar-track {
  background: transparent;
  border: thin solid transparent; }

.app-aside-dock .app-aside .navi li:hover > .nav-sub::-webkit-scrollbar-thumb {
  background: rgba(153, 153, 153, 0.71);
  border: thin solid rgba(128, 128, 128, 0.14);
  border-radius: 10px; }

.app-aside-dock .app-aside .navi li:hover > .nav-sub::-webkit-scrollbar-thumb:hover {
  background: #999999; }

.bg-light.lter.b-b.wrapper-md {
  border-bottom: 4px solid #48d46a;
  padding: 10px;
  background-color: white; }

a.text-danger.btn.btn-white.close,
button.text-danger.btn.btn-white.close {
  opacity: 1 !important; }

.k-animation-container > div {
  height: auto !important; }
  .k-animation-container > div > ul {
    max-height: 170px !important; }

.unauthorizationbg {
  background-repeat: no-repeat;
  background-size: cover !important;
  background: url("../img/unauthorization.jpg") no-repeat center center;
  height: 100vh !important; }

.fieldlist {
  margin: 0 0 -1em;
  padding: 0 !important; }
  .fieldlist li {
    list-style: none;
    padding: 0.4em 1em 1em 0;
    display: inline-block; }

.k-radio:checked + .k-radio-label:after {
  top: 3px !important;
  left: 3px !important;
  background-color: #1d6ebf !important; }
.k-radio:checked + .k-radio-label:before {
  border-color: #7F7F7F !important; }

.k-radio-label:before {
  border-width: 1px !important;
  width: 16px !important;
  height: 16px !important; }

.dropdown-menu a[disabled] {
  cursor: no-drop; }

.k-checkbox:focus + .k-checkbox-label:after,
.k-radio:focus + .k-radio-label:before {
  border-color: #147ec7 !important;
  box-shadow: 0 0 0 2px #147ec7 !important; }

.bg-header {
  background: -webkit-linear-gradient(-108deg, #21b799 10%, #1d6ebf 90%) !important;
  background: -moz-linear-gradient(-108deg, #21b799 10%, #1d6ebf 90%) !important;
  background: -ms-linear-gradient(-108deg, #21b799 10%, #1d6ebf 90%) !important;
  background: -o-linear-gradient(-108deg, #21b799 10%, #1d6ebf 90%) !important;
  background: linear-gradient(-108deg, #21b799 10%, #1d6ebf 90%) !important;
  height: 50px !important; }

.bg-logo {
  background-color: #1d6ebf !important; }

button.btn {
  border-radius: 0px;
  opacity: 1 !important; }

button.btn-transparent {
  background-color: #fff;
  color: #21b799;
  line-height: 14px;
  border-radius: 0 !important;
  font-size: 13px !important; }

.similarmessageCont > div {
  display: inline-block;
  vertical-align: middle; }
  .similarmessageCont > div:nth-of-type(2) {
    max-width: 90%; }

button.btn-transparent:hover, button.btn-transparent:focus {
  background-color: #E6E6E6;
  color: #21b799 !important;
  box-shadow: 1px 1px 1px rgba(129, 119, 119, 0.67);
  border-radius: 5px !important;
  position: relative; }

.btn-primary-blue:hover, .btn-primary-blue:focus {
  background-color: #E6E6E6;
  box-shadow: 1px 1px 1px rgba(129, 119, 119, 0.67);
  border-radius: 5px !important; }

button.btn-primary:hover {
  background-color: #198c75 !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important; }

button.btn-primary .uploadImg {
  position: relative;
  top: -2px; }

button.btn-primary:focus {
  background-color: #198c75;
  border: 0 !important;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn-default {
  color: #ffffff;
  background-color: #1d6ebf;
  border: 0 !important;
  line-height: 16px; }
  .btn-default:hover, .btn-default:focus {
    background-color: #0B549C !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; }

button.btn-actions {
  background-color: transparent !important;
  font-weight: 700;
  color: #666666;
  line-height: 14px;
  border-radius: 0 !important;
  margin-left: 35px; }
  button.btn-actions:hover, button.btn-actions:focus {
    color: #4d4d4d;
    background-color: #E6E6E6 !important; }

textarea.form-control, textarea.form-control:focus {
  text-indent: 0px !important; }

textarea.materialize-textarea,
.k-multiselect.k-header,
.k-dropdown .k-state-default,
.k-combobox,
.k-dropdown,
.k-textbox,
.standardGrid .k-input,
span.k-colorpicker,
.bootstrap-duallistbox-container .filter,
.k-widget.k-numerictextbox.form-control.k-input,
.searchInbox {
  background-color: transparent !important;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  border-bottom: 2px solid #7F7F7F !important;
  border-radius: 0 !important;
  width: 100%;
  padding: 0 !important;
  box-shadow: none;
  text-indent: .1em;
  color: #3a3f52 !important; }

textarea.materialize-textarea:focus,
.k-multiselect.k-header:focus,
.k-dropdown:focus .k-state-default:focus,
.k-dropdown-wrap.k-state-focus,
textarea.materialize-textarea:focus,
.k-dropdown .k-state-default:focus,
.k-multiselect .k-state-default:focus,
.k-dropdown-wrap .k-state-default .k-state-hover,
.k-multiselect-wrap .k-state-default .k-state-hover,
.k-dropdown-wrap .k-state-default .k-state-focused,
.k-dropdown-wrap .k-state-default .k-state-focused,
.k-multiselect-wrap .k-state-focused,
.k-combobox:focus,
.k-dropdown:focus,
.k-textbox:focus,
.searchInbox:focus,
.bootstrap-duallistbox-container .filter:focus,
.standardGrid .k-state-focused .k-input,
.k-widget.k-numerictextbox.form-control.k-input:focus {
  border-bottom: 2px solid #147ec7 !important; }

.bootstrap-duallistbox-container .filter {
  margin-bottom: 10px !important; }

.grid-dropdown {
  display: inline-block; }
  .grid-dropdown a {
    color: #1d6ebf; }
    .grid-dropdown a:hover {
      text-decoration: underline; }
  .grid-dropdown ul li {
    display: block; }

.btn-menu, li.dropdown.rotateY180 {
  color: #ffffff !important; }

a.btn-menu {
  color: #ffffff !important;
  background-color: rgba(6, 6, 6, 0.38) !important; }

.navbar-nav > li.dropdown.rotateY180 > a {
  color: #ffffff;
  padding: 12px 14px; }

.actions {
  padding: 3px 15px 0 15px;
  width: auto;
  height: 34px;
  float: left; }

.k-radio-label {
  line-height: 1.1em;
  font-size: 13px !important;
  padding-top: 3px !important; }

.k-checkbox-label,
.k-radio-label {
  margin-left: -1px !important; }

.title {
  margin: 5px 0; }

/*.app-header {
    .box-shadow {
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.46);
    }
}*/
.text-blue {
  color: #147ec7; }

.btn-blue {
  background-color: #147ec7;
  color: #FFF; }
  .btn-blue:hover, .btn-blue:focus {
    color: #B7EDF1; }

.btn-save {
  background-color: #4FCDAC;
  color: #FFF;
  margin: 5px 2px 5px 0; }

.btn-cancel {
  background-color: #F27437;
  color: #FFF; }

.btn-catchy {
  background-color: #F27437;
  color: #FFF; }

.btn-add {
  background-color: #a084b8;
  color: #FFF;
  margin: 5px 2px 5px 0; }

a.navbar-brand {
  color: #FFFFFF; }
  a.navbar-brand:hover, a.navbar-brand:focus {
    color: #7BB7E0;
    text-decoration: none; }

.navbar-nav > li > a:hover {
  color: #21716E; }

.navbar-header {
  height: 50px; }

.navbar-btn {
  margin-top: 7px; }

/*li.nav-sub-header {
    background-color: red !important;
}*/
.form-group {
  margin-bottom: 5px; }

.dropdown-header {
  border-width: 0 0 1px 0;
  text-transform: uppercase; }
  .dropdown-header > span {
    display: inline-block;
    padding: 20px; }
    .dropdown-header > span:first-child {
      width: 50px; }

.selected-value {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  width: 24px;
  height: 24px;
  background-size: 100%;
  margin-right: 5px;
  border-radius: 50%; }

.x {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background-size: 100%;
  margin-top: 7px;
  margin-right: 5px;
  margin-left: 5px;
  border-radius: 50%;
  float: left; }

.input-group-btn {
  right: 52pc; }

.search-header {
  background-image: url("../img/bgmenu.jpg"); }

.c-label {
  float: right;
  text-align: right;
  margin-bottom: 0 !important; }

.k-picker-wrap .k-input {
  text-indent: 0 !important; }

.k-calendar td.k-state-selected {
  background-color: #1d6ebf !important; }

.text-autoComplete {
  width: 100% !important; }

.k-autocomplete .k-input {
  padding-bottom: 5px;
  box-sizing: border-box; }

span.text-autoComplete {
  border-color: #7f7f7f !important; }
  span.text-autoComplete.k-state-focused {
    border-color: #147ec7 !important; }

.k-list > li.k-state-hover {
  border: 0 !important; }

.mydiv .form-group input[type="text"] {
  box-shadow: none !important; }

.has-error .k-radio-label:before {
  border: 2px solid #F27437 !important; }

.k-dropdown-wrap .k-input {
  height: 1.6em !important;
  line-height: 1.6em !important;
  text-indent: 0.1em !important; }

.k-widget.k-dropdown.k-header {
  max-height: 21px !important; }

input {
  max-height: 20px !important; }

.k-radio:checked + .k-radio-label:active:before {
  box-shadow: 0 0 0 0.2em rgba(63, 81, 181, 0.3) !important; }

.k-dropdown span.k-select {
  width: 20px !important; }

/* Disabled single select style */
.k-dropdown.k-header[aria-disabled="true"] {
  border-bottom: 0px solid transparent !important; }
  .k-dropdown.k-header[aria-disabled="true"] .k-state-disabled {
    border-bottom: 1px solid #c6c6c6 !important; }

button[aria-disabled="true"],
button[disabled="disabled"],
button.k-state-disabled {
  border-bottom: 0 !important;
  cursor: default !important; }

div[disabled="disabled"] {
  border-bottom: 0 !important; }

.k-textbox::-webkit-input-placeholder,
[kendo-auto-complete]::-webkit-input-placeholder,
input[kendo-date-picker]::-webkit-input-placeholder,
input[kendo-time-picker]::-webkit-input-placeholder,
input[kendo-date-time-picker]::-webkit-input-placeholder,
.k-dropdown.k-header .k-input,
.bootstrap-duallistbox-container .filter::-webkit-input-placeholder {
  color: #A4A4A4 !important;
  font-size: 13px !important; }

.k-dropdown.ddl-text-placeHolder span.k-input {
  color: #58666e !important;
  font-size: 14px !important;
  padding: .1em 0 !important;
  padding-right: 15px !important; }

[aria-disabled="true"],
[disabled="disabled"]::-webkit-input-placeholder {
  color: #cbcbcb !important;
  font-size: 14px !important;
  padding: .1em 0 !important;
  padding-right: 15px !important; }

[aria-disabled="true"],
[disabled="disabled"]:-moz-placeholder {
  color: #cbcbcb !important;
  font-size: 14px !important;
  padding: .1em 0 !important;
  padding-right: 15px !important; }

code-filtered-ddl .k-dropdown.k-header.form-control,
address-ddl .k-dropdown.k-header.form-control {
  margin-top: -2px !important; }

.k-animation-container .k-list-container.k-popup {
  box-shadow: 0px 1px 3px gray !important;
  border: 1px solid silver; }
  .k-animation-container .k-list-container.k-popup .k-icon.k-i-search {
    opacity: 0.6; }

.bg-header span.searchInput .k-select .k-icon {
  background-position: -15px -29px !important; }

.shadow-inner {
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3); }

.action-crumb {
  background-color: #fff;
  position: fixed;
  z-index: 200;
  box-shadow: 3px -1px 5px 0 rgba(0, 0, 0, 0.4);
  box-shadow: inset 7px 0 10px -9px rgba(0, 0, 0, 0.64);
  width: 100%;
  border-left: 1px solid #EDF1F2;
  padding-top: 0;
  margin-top: -1px; }

.local-wrap {
  padding: 5px 0;
  width: auto;
  float: right;
  padding-bottom: 0; }
  .local-wrap .fixed {
    position: fixed !important;
    right: 0 !important;
    width: 100% !important;
    background-color: #fff !important;
    min-height: 45px !important;
    z-index: 10000; }
  .local-wrap.enhanced {
    padding: 0; }

.actionbar {
  width: 100% !important; }

.search-btn {
  padding: 10px 16px;
  font-size: 15px !important;
  float: right; }

.search-input {
  padding: 17px 0 !important;
  font-size: 16px !important; }

.search-btn-div {
  float: right;
  width: 7%;
  padding-right: 15px;
  font-size: 16px !important; }
  .search-btn-div button {
    width: 100%; }

.search-input-div {
  float: left;
  width: 93%;
  padding-left: 15px;
  padding-right: 15px; }

@media (min-width: 1200px) and (max-width: 1450px) {
  .search-input-div {
    width: 91%; }

  .search-btn-div {
    width: 9%; } }
@media (max-width: 1200px) {
  .search-input-div {
    width: 85%; }

  .search-btn-div {
    width: 15%; } }
@media (max-width: 890px) {
  .search-input-div {
    width: 80%; }

  .search-btn-div {
    width: 20%; } }
.app-header-fixed .navi-wrap {
  width: 235px !important;
  height: 100%;
  background-color: #1d6ebf !important;
  /*background-image: url(../img/menuBG.jpg);*/
  background-repeat: repeat-y;
  background-position: left top; }
  .app-header-fixed .navi-wrap .top_nav_old {
    height: 100%;
    /*background-image: url(../img/bg_logo.png);*/
    background-repeat: no-repeat;
    background-position: left bottom;
    background-attachment: fixed; }

.app-aside-folded .navi-wrap {
  width: auto !important; }

.border-r {
  border-right: 1px solid #eaeff0; }

.patient-bannar {
  background-color: white;
  position: fixed;
  box-shadow: inset 7px 0 10px -9px rgba(0, 0, 0, 0.64);
  z-index: 10;
  font-family: 'Segoe UI Regular', Tahoma, Geneva, Verdana, sans-serif; }
  .patient-bannar .banner-content {
    background-color: white; }
    .patient-bannar .banner-content .table {
      margin-bottom: 0 !important; }
      .patient-bannar .banner-content .table td {
        padding: 5px 8px !important;
        background-color: white; }
      .patient-bannar .banner-content .table .slidedContent td {
        padding: 0 !important;
        width: 300px !important; }
        .patient-bannar .banner-content .table .slidedContent td > div {
          margin: 0 !important; }
        .patient-bannar .banner-content .table .slidedContent td b {
          text-transform: capitalize; }
        .patient-bannar .banner-content .table .slidedContent td:nth-of-type(4) b {
          display: inline-block;
          margin-right: 1px; }
      .patient-bannar .banner-content .table tr:nth-of-type(1) {
        /*td {
            background-color: #edf1f2 !important;
        }*/ }
        .patient-bannar .banner-content .table tr:nth-of-type(1) > td:nth-of-type(1) {
          background-color: #fff !important; }
    .patient-bannar .banner-content .photoCont {
      width: 90px;
      padding: 5px !important;
      vertical-align: top; }
      .patient-bannar .banner-content .photoCont > img {
        max-height: 80px;
        max-width: 80px; }
    .patient-bannar .banner-content .dataCell {
      border-left: 0 !important;
      border-right: 0 !important; }
      .patient-bannar .banner-content .dataCell:first-of-type {
        border-left: 1px !important; }
      .patient-bannar .banner-content .dataCell.personalInfo {
        border-left: 1px solid #eaeff0 !important; }
        .patient-bannar .banner-content .dataCell.personalInfo b {
          text-transform: capitalize; }
        .patient-bannar .banner-content .dataCell.personalInfo .name {
          max-width: 80%; }
          .patient-bannar .banner-content .dataCell.personalInfo .name div.pull-left > span {
            display: inline-block;
            width: 10px;
            height: 10px;
            position: relative;
            z-index: 1050; }
          .patient-bannar .banner-content .dataCell.personalInfo .name b.nameWithStatus {
            float: left;
            width: 100%;
            padding-left: 15px;
            margin-top: -20px; }
          .patient-bannar .banner-content .dataCell.personalInfo .name .patientName {
            width: 110%; }
      .patient-bannar .banner-content .dataCell.birthInfo b {
        display: inline-block; }
      .patient-bannar .banner-content .dataCell.birthInfo img {
        margin-left: 1px;
        max-width: 16px; }
      .patient-bannar .banner-content .dataCell.birthInfo > div:nth-of-type(2),
      .patient-bannar .banner-content .dataCell.birthInfo > div:nth-of-type(3) {
        color: #F27437; }
    .patient-bannar .banner-content .tableWithoutBorder {
      border: none !important; }
    .patient-bannar .banner-content .slidedHeader b {
      margin-right: 7px; }
    .patient-bannar .banner-content .slidedHeader > td {
      width: 300px !important; }
    .patient-bannar .banner-content .slidedHeader.slidedHeader td {
      background-color: #FFF !important; }
    .patient-bannar .banner-content .slidedHeader.openSlider {
      background-color: #dadada !important;
      padding: 5px 8px !important; }
      .patient-bannar .banner-content .slidedHeader.openSlider td {
        background-color: #dadada !important; }
    .patient-bannar .banner-content .slidedHeader > td:nth-of-type(3) {
      width: 150px; }
    .patient-bannar .banner-content .slidedHeader > td i.fa {
      display: inline-block;
      margin: 0 9px 0 9px;
      font-size: 20px;
      vertical-align: top;
      color: #F27437; }
    .patient-bannar .banner-content .slidedHeader > td .fa-times-circle-o {
      color: silver !important; }
    .patient-bannar .banner-content tr td.photoContEmpty {
      display: none;
      width: 0 !important;
      padding: 0 !important; }
  .patient-bannar .allergiesHeader {
    background: url("../img/allergies.png") center left no-repeat;
    padding-left: 23px; }
    .patient-bannar .allergiesHeader.noAllergies {
      background: url("../img/allergies_Empty.png") center left no-repeat; }
    .patient-bannar .allergiesHeader.noPermission {
      background: url("../img/allergies_noPermission.png") center left no-repeat; }
  .patient-bannar .ng-binding.emailB {
    max-width: 200px !important;
    -ms-word-wrap: break-word;
    word-wrap: break-word; }

.actionsingrid {
  position: relative !important;
  z-index: 1 !important; }
  .actionsingrid table[role="grid"] tbody tr td:last-child {
    position: relative;
    overflow: visible; }

.dropdown-menu-grid {
  position: absolute !important;
  right: 62px !important;
  left: auto;
  z-index: 10000;
  top: -4px;
  border-color: transparent;
  box-shadow: -2px 0 4px 1px rgba(0, 0, 0, 0.4) !important; }
  .dropdown-menu-grid > li {
    padding: 3px !important; }
  .dropdown-menu-grid li a {
    clear: unset !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .dropdown-menu-grid li i {
    float: left !important;
    padding: 3px !important; }

.dropdown-menu-grid > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #1d6ebf;
  background: transparent !important; }

.open > .dropdown-menu-grid {
  display: inline-flex !important; }

.dropdown-menu-grid-role {
  position: absolute;
  left: 62px;
  z-index: 10000;
  top: 0;
  background-color: #ffffff;
  border-color: transparent;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.4) !important;
  height: 120px;
  margin-left: 15px;
  overflow-y: auto; }
  .dropdown-menu-grid-role > li {
    padding: 0 3px !important; }

.navbar-nav > li > .dropdown-menu {
  border-bottom: 4px solid #21b799 !important; }

.k-datepicker .k-picker-wrap .k-select,
.k-timepicker .k-picker-wrap .k-select,
.k-numeric-wrap .k-select,
.k-dropdown-wrap .k-select {
  width: 1.3em !important; }

.k-datetimepicker .k-picker-wrap .k-select {
  width: 3.8em !important; }

.searchbanner {
  margin-bottom: 15px; }

.k-checkbox-label:active:before {
  box-shadow: 0 0 0 3px rgba(6, 6, 6, 0.2) !important;
  border-radius: 13% !important; }

.label-search-line {
  height: 2px !important;
  margin: 0;
  padding: 0;
  margin-top: -15px;
  margin-bottom: 15px;
  background: -moz-linear-gradient(left, rgba(214, 214, 214, 0) 0, #1d6ebf 30%, #21b799 70%, rgba(214, 214, 214, 0.05) 100%, rgba(214, 214, 214, 0) 100%);
  background: -webkit-linear-gradient(left, rgba(214, 214, 214, 0) 0, #1d6ebf 30%, #21b799 70%, rgba(214, 214, 214, 0.05) 100%, rgba(214, 214, 214, 0) 100%);
  background: linear-gradient(to right, rgba(214, 214, 214, 0) 0, #1d6ebf 30%, #21b799 70%, rgba(214, 214, 214, 0.05) 100%, rgba(214, 214, 214, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d6d6d6', endColorstr='#00d6d6d6',GradientType=1 ); }

.label-search {
  background-color: white;
  font-weight: bold;
  color: #288AB7; }

.pd-colorcode {
  padding: 5px; }

.colorcode {
  position: relative;
  display: block;
  border-radius: 500px;
  white-space: nowrap;
  text-align: left;
  cursor: default;
  padding-left: 5px;
  padding-right: 20px;
  color: black; }
  .colorcode i {
    position: absolute;
    left: -10px;
    top: 0;
    width: 9px !important;
    height: 18px !important;
    border: 1px solid gray; }

.colorcodediv {
  background-color: #EDF1F2 !important;
  margin-top: 5px !important;
  width: 100% !important;
  min-height: 0 !important; }

.color-code-in-grid {
  width: 6px;
  height: 16px;
  margin-right: 6px;
  margin-top: 3px; }

b.hide-visibility {
  visibility: hidden !important; }

b.show-visibility {
  visibility: visible !important; }

span.k-select,
span.k-picker-wrap.k-state-disabled {
  border: none !important; }

span.k-picker-wrap.k-state-disabled {
  border: none !important;
  border-bottom: 1px solid #C6C6C6 !important; }

.form-control[disabled],
.form-control[disabled][readonly] {
  border: none !important;
  border-bottom: 1px solid #d2d3d3 !important;
  color: #C6C6C6 !important; }

/*.form-control.text-autoComplete[disabled]*/
span.k-autocomplete.k-state-disabled {
  border: none !important;
  padding-right: 15px; }

.nobancursor.form-control[disabled] {
  cursor: default !important; }

.k-datepicker .k-picker-wrap.k-state-default,
.k-datetimepicker .k-picker-wrap.k-state-default,
.k-timepicker .k-picker-wrap.k-state-default {
  border-bottom: 2px solid #7F7F7F !important; }

.k-datepicker .k-picker-wrap.k-state-default.k-state-focused,
.k-datetimepicker .k-picker-wrap.k-state-default.k-state-focused,
.k-timepicker .k-picker-wrap.k-state-default.k-state-focused {
  border-bottom-color: #1d6ebf !important; }

.k-picker-wrap.k-state-default {
  border: none !important; }

.bold {
  font-weight: bold !important; }

.app-aside-folded .activepage > a,
.activepage > a {
  /*border-right: 3px solid #2de3be;
  border-left: 3px solid #2de3be;
  background-color: #21B799 !important;
  color: #fff !important;*/ }

.app-aside-folded .notactivepage a,
.notactivepage a {
  background-color: #437EB7 !important;
  color: #fff !important; }

.k-grid .k-grid-content [role="grid"] tbody[role="rowgroup"] td {
  max-height: 20px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  font-size: 14px !important;
  white-space: nowrap !important;
  overflow: inherit !important; }

.k-grid-pager .k-link,
.k-grid-pager .k-link:link,
.k-pager-wrap .k-pager-numbers .k-state-selected {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.codeContainer {
  position: relative; }
  .codeContainer i.fa {
    position: absolute;
    top: 3px;
    right: 0;
    color: #F27437;
    padding: 0 3px 2px 1px; }
  .codeContainer input[type="text"] {
    padding-right: 10px !important; }
  .codeContainer .tooltip-inner {
    max-width: 350px;
    width: 100px !important; }

.dateBirthCont i.fa {
  top: 2px; }
.dateBirthCont .k-select {
  margin-right: 12px !important; }
.dateBirthCont .tooltip-inner {
  max-width: 350px;
  width: 135px !important; }

.EmailCont i.fa {
  right: 14px; }

.activeh {
  background-color: #F27437 !important; }

.similarmessageCont {
  color: #F27437;
  background-color: #fff;
  border: 2px solid;
  border-radius: 0; }

.removedBlackListData .content {
  background-color: #edf1f2;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
.removedBlackListData .heading {
  border-bottom: 1px solid #d4d4d4;
  color: #F27437; }

.has-error[disabled] {
  border-bottom: 1px solid #F27437 !important; }

.tooltip-inner {
  white-space: normal !important;
  word-break: break-all;
  /*to make the text into container even it don`t has any spaces ---fix issues*/ }

.k-autocomplete .k-loading,
.k-multiselect .k-loading {
  bottom: 3px !important;
  top: 4px; }

.k-animation-container .k-list li[role="option"] {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 0;
  line-height: 24px; }

.grid-dropdown-role {
  height: 150px;
  overflow-y: auto; }

.customScrollbar *::-webkit-scrollbar-track,
.k-animation-container .k-list-scroller::-webkit-scrollbar-track,
.dropdown-menu-grid-role::-webkit-scrollbar-track,
.k-animation-container .nav-list.abn-tree::-webkit-scrollbar-track,
.dropdownhasTreeView .DDL-Tree-Container .TreeViewCont::-webkit-scrollbar-track,
div.toggle-more > div::-webkit-scrollbar-track,
div.animation-popup-container .k-list-scroller::-webkit-scrollbar-track,
#tagsPhysiciansTreeView::-webkit-scrollbar-track, #treeSelectedPhysicians::-webkit-scrollbar-thumb, .rescheduleDates::-webkit-scrollbar-thumb,
.k-animation-container .k-list-container.k-list-scroller ul.k-list::-webkit-scrollbar-track,
.physicianSpecialitesModalContainer .modal-body::-webkit-scrollbar-track,
.clinicManagementForm .searchCaritireaPannel::-webkit-scrollbar-track,
.singleSelect-scrlablePart ul.k-list::-webkit-scrollbar-track,
.k-window-content.k-window-iframecontent::-webkit-scrollbar-track, .scrollableContainer > ul::-webkit-scrollbar-track,
.standardGrid .k-scrollbar.k-scrollbar-vertical::-webkit-scrollbar-track, .standardGrid .k-grid-content::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
  margin: 3px !important; }

.customScrollbar ::-webkit-scrollbar,
.k-animation-container .k-list-scroller::-webkit-scrollbar, .dropdown-menu-grid-role::-webkit-scrollbar, #treeSelectedPhysicians::-webkit-scrollbar-thumb, .rescheduleDates::-webkit-scrollbar-thumb, #tagsPhysiciansTreeView::-webkit-scrollbar,
.k-animation-container .nav-list.abn-tree::-webkit-scrollbar, .dropdownhasTreeView .DDL-Tree-Container .TreeViewCont::-webkit-scrollbar,
div.toggle-more > div::-webkit-scrollbar, div.animation-popup-container .k-list-scroller::-webkit-scrollbar,
.k-animation-container .k-list-container.k-list-scroller ul.k-list::-webkit-scrollbar, .physicianSpecialitesModalContainer .modal-body::-webkit-scrollbar,
.clinicManagementForm .searchCaritireaPannel::-webkit-scrollbar,
.singleSelect-scrlablePart ul.k-list::-webkit-scrollbar,
.k-window-content.k-window-iframecontent::-webkit-scrollbar, .scrollableContainer > ul::-webkit-scrollbar,
.standardGrid .k-scrollbar.k-scrollbar-vertical::-webkit-scrollbar, .standardGrid .k-grid-content::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #F5F5F5;
  margin: 3px !important; }

.customScrollbar ::-webkit-scrollbar-thumb,
.k-animation-container .k-list-scroller::-webkit-scrollbar-thumb, .dropdown-menu-grid-role::-webkit-scrollbar-thumb, #treeSelectedPhysicians::-webkit-scrollbar-thumb, .rescheduleDates::-webkit-scrollbar-thumb, #tagsPhysiciansTreeView::-webkit-scrollbar-thumb,
.k-animation-container .nav-list.abn-tree::-webkit-scrollbar-thumb, .dropdownhasTreeView .DDL-Tree-Container .TreeViewCont::-webkit-scrollbar-thumb,
div.toggle-more > div::-webkit-scrollbar-thumb, div.animation-popup-container .k-list-scroller::-webkit-scrollbar-thumb,
.k-animation-container .k-list-container.k-list-scroller ul.k-list::-webkit-scrollbar-thumb, .physicianSpecialitesModalContainer .modal-body::-webkit-scrollbar-thumb,
.clinicManagementForm .searchCaritireaPannel::-webkit-scrollbar-thumb,
.singleSelect-scrlablePart ul.k-list::-webkit-scrollbar-thumb,
.k-window-content.k-window-iframecontent::-webkit-scrollbar-thumb, .scrollableContainer > ul::-webkit-scrollbar-thumb,
.standardGrid .k-scrollbar.k-scrollbar-vertical::-webkit-scrollbar-thumb, .standardGrid .k-grid-content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #dadada; }

.modal-dialog .modal-content {
  border-radius: 0 !important; }
.modal-dialog .modal-header i.fa-close {
  color: #c5c5c5;
  font-weight: normal;
  font-size: 16px; }
  .modal-dialog .modal-header i.fa-close:hover {
    color: #000;
    opacity: 0.3; }

.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap {
  padding: 0 !important; }

.minheight {
  min-height: 314px; }

div.standardGrid thead[role="rowgroup"] th[role="columnheader"] {
  font-weight: bold;
  font-size: 13px;
  padding-bottom: 6px !important; }
div.standardGrid .k-grid-pager .k-link, div.standardGrid .k-grid-pager .k-link:link,
div.standardGrid .k-pager-wrap .k-pager-numbers .k-state-selected {
  min-width: 2.3em;
  line-height: 17px !important;
  height: auto !important; }
div.standardGrid .k-pager-wrap .k-pager-numbers .k-state-selected {
  border-width: 1px 0 0;
  border-bottom: 1px solid #1d6ebf !important; }

.login {
  width: 800px;
  background-color: rgba(255, 255, 255, 0.73);
  padding: 50px 460px 50px 46px;
  margin-left: auto;
  margin-top: 100px;
  margin-bottom: 20px; }
  .login hgroup {
    text-align: center;
    margin-top: 1em; }
  .login h1, .login h3 {
    font-weight: 300; }
  .login h1 {
    color: #636363; }
  .login h3 {
    color: #1d6ebf; }
  .login form {
    width: 380px;
    margin: 4em auto;
    padding: 3em 2em 2em 2em;
    background: #fafafa;
    border: 1px solid #ebebeb;
    box-shadow: rgba(0, 0, 0, 0.14902) 0 1px 1px 0, rgba(0, 0, 0, 0.09804) 0 1px 2px 0; }
  .login .group {
    position: relative;
    margin-bottom: 25px; }
  .login img {
    height: 100px;
    padding: 15px;
    padding-left: 0px; }
  .login input {
    color: #404040 !important;
    font-size: 16px !important;
    background-color: transparent !important;
    padding: 15px 35px 0 5px;
    -webkit-appearance: none;
    display: block;
    background: transparent;
    width: 100%;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #757575;
    max-height: unset !important; }
    .login input:focus {
      outline: none; }
      .login input:focus ~ .bar:before, .login input:focus ~ .bar:after {
        width: 50%; }
      .login input:focus ~ .highlight {
        -moz-animation: inputHighlighter 0.3s ease;
        -o-animation: inputHighlighter 0.3s ease;
        -webkit-animation: inputHighlighter 0.3s ease;
        animation: inputHighlighter 0.3s ease; }
  .login label {
    color: #999;
    font-size: 18px !important;
    font-weight: normal !important;
    position: absolute !important;
    pointer-events: none;
    left: 5px;
    top: 10px;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }
    .login label.control-label.has-error.validationMessage {
      top: 37px;
      right: 0;
      font-size: 14px !important; }
  .login .bar {
    position: relative;
    display: block;
    width: 100%; }
    .login .bar:before, .login .bar:after {
      content: '';
      height: 2px;
      width: 0;
      bottom: 0;
      position: absolute;
      background: #1d6ebf;
      -moz-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease; }
    .login .bar:before {
      left: 50%; }
    .login .bar:after {
      right: 50%; }
  .login .button {
    position: relative;
    display: inline-block;
    padding: 12px 24px;
    margin: .3em 0 1em 0;
    width: 100%;
    vertical-align: middle;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    letter-spacing: 1px;
    background: transparent;
    border: 0;
    border-bottom: 2px solid #1d6ebf;
    cursor: pointer;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease; }
    .login .button:focus {
      outline: 0; }
  .login .buttonBlue {
    background: #1d6ebf; }
    .login .buttonBlue:hover {
      background: #1d6ebf; }
  .login footer {
    text-align: center; }
    .login footer p {
      color: #888;
      font-size: 13px;
      letter-spacing: .4px; }
    .login footer a {
      color: #1d6ebf;
      text-decoration: none;
      -moz-transition: all .2s ease;
      -o-transition: all .2s ease;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
      .login footer a:hover {
        color: #666;
        text-decoration: underline; }
    .login footer img {
      width: 80px;
      -moz-transition: all .2s ease;
      -o-transition: all .2s ease;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
      .login footer img:hover {
        opacity: .83; }
    .login footer img:focus, .login footer a:focus {
      outline: none; }
  .login input.ng-invalid.ng-invalid-required.has-error {
    border-bottom: 2px solid #F27437; }

.login input:focus ~ label,
input.used ~ label {
  top: -8px !important;
  -moz-transform: scale(0.75) !important;
  -o-transform: scale(0.75) !important;
  -webkit-transform: scale(0.75) !important;
  -ms-transform: scale(0.75) !important;
  transform: scale(0.75) !important;
  left: -6px !important;
  color: #1d6ebf !important; }

@keyframes inputHighlighter {
  from {
    background: #1d6ebf; }
  to {
    width: 0;
    background: transparent; } }
.showpassword {
  top: 6px !important;
  right: 5px !important;
  position: absolute; }
  .showpassword .btn:active,
  .showpassword .btn.active {
    box-shadow: none !important; }
  .showpassword button {
    position: relative !important; }
  .showpassword .tooltip {
    position: absolute;
    right: -38px !important;
    left: auto !important; }

.color-catchy {
  color: #F27437 !important; }

.fa-eye + .tooltip.top .tooltip-inner {
  width: 107px !important;
  background: #1d6ebf !important; }
.fa-eye + .tooltip.top .tooltip-arrow {
  border-top-color: #1d6ebf !important; }

.fa-eye-slash + .tooltip.top .tooltip-inner {
  width: 107px !important;
  background: #F27437 !important; }
.fa-eye-slash + .tooltip.top .tooltip-arrow {
  border-top-color: #F27437 !important; }

.loginbg .login input.hasErrorDummy {
  border-bottom: 2px solid #F27437 !important; }

.btn-primary-grid {
  background-color: #21b799; }
  .btn-primary-grid:disabled {
    background-color: #8CDACA; }

.btn-default-grid {
  background-color: #1d6ebf; }
  .btn-default-grid:disabled {
    background-color: #88C4FF; }

.btn-catchy-grid {
  background-color: #F27437; }
  .btn-catchy-grid:disabled {
    background-color: #88C4FF; }

.btn-default-grid,
.btn-primary-grid,
.btn-catchy-grid {
  color: #ffffff !important;
  line-height: 10px;
  border-radius: 0 !important;
  border: 0 !important;
  padding: 5px 5px 5px 5px;
  font-size: 12px;
  margin: 1px;
  box-shadow: 1px 1px 1px rgba(129, 119, 119, 0.67);
  border-radius: 5px !important; }

.showmoredropdown {
  border: none !important;
  padding: 0 !important;
  top: 5px;
  left: 16px;
  background: transparent; }
  .showmoredropdown i {
    color: #fff;
    background: transparent !important;
    z-index: 20000;
    font-size: xx-large; }
  .showmoredropdown ul {
    position: absolute !important;
    z-index: 10000 !important;
    padding: 5px !important;
    top: -3px;
    background-color: #ffffff !important;
    border: #A8A8A8 solid 1px !important;
    border-radius: 3px;
    max-height: 200px;
    height: auto;
    margin-left: 16px !important;
    min-width: 115px !important;
    overflow-y: auto !important;
    max-width: 200px;
    -ms-word-wrap: break-word;
    word-wrap: break-word; }

/*common style for all grids*/
.k-grid td {
  padding: 2px 0.6em 2px 0.6em !important; }
.k-grid .k-grid-header {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.k-grid-content tbody tr td > span {
  margin-left: 0 !important;
  margin-right: 0 !important; }

/*common style for all grids*/
.similaritiesResults .k-grid-content tbody tr td > span {
  /*Similarities patient grid*/
  max-width: 80% !important; }

.patientResults .k-grid-content tbody tr td > span {
  /*find patient grid*/
  max-width: 90% !important; }

.textarea.k-textbox {
  height: 60px;
  max-height: 120px !important;
  resize: vertical !important;
  padding-left: 12px;
  padding-top: 5px; }

.patient-bannar .c-label {
  font-style: italic !important;
  font-weight: normal !important;
  font-size: 13px !important; }
.patient-bannar .floated-left {
  float: left; }

/*shimaa 31-3-2016*/
.app-content.noselect {
  /*border-left: 1px solid #0f4173;*/ }
  .app-content.noselect .app-content-body {
    box-shadow: 0 0 0 transparent !important; }

form .action-crumb {
  box-shadow: 0 0 0 transparent !important;
  border: 1px solid #e3e3e3; }
  form .action-crumb .shadow-inner {
    box-shadow: 0 0 0 transparent !important; }
    form .action-crumb .shadow-inner .actions {
      padding-left: 5px; }

.box-cont.w-full {
  padding-right: 0;
  padding-left: 0; }
  .box-cont.w-full .panel {
    border: 1px solid #e3e3e3; }

.findPaient-gridCont {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.fade-in .patientBanner-Cont {
  padding-top: 38px !important; }

#AdmissionTabs {
  padding-bottom: 0px;
  border-bottom: 1px solid #dddddd; }
  #AdmissionTabs li {
    cursor: pointer;
    padding: 0px 20px 5px; }
    #AdmissionTabs li.active-tab {
      border-bottom: 2px solid #146ac4;
      color: #3f8bd5; }

patient-banner {
    /*.slidedCellHeader{
    height: 46px;
}*/ }
  patient-banner .patient-bannar .newChronicArrow {
    font-size: 1.4rem;
    color: #a2d4ff; }
  patient-banner .patient-bannar .padL3 {
    padding-left: 1rem !important; }
  patient-banner .patient-bannar .margT3 {
    margin-top: 1rem !important; }
  patient-banner .patient-bannar .margx0 {
    margin-left: 0px !important;
    margin-right: 0px !important; }
  patient-banner .patient-bannar .margb1 {
    margin-bottom: 0.25rem !important; }
  patient-banner .patient-bannar .padL0 {
    padding-left: 0px !important; }
  patient-banner .patient-bannar .padR1 {
    padding-right: 0.25rem !important; }
  patient-banner .patient-bannar .padR2 {
    padding-right: 0.5rem !important; }
  patient-banner .patient-bannar .padx0 {
    padding-left: 0px !important;
    padding-right: 0px !important; }
  patient-banner .patient-bannar .padx2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }
  patient-banner .patient-bannar .margy5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important; }
  patient-banner .patient-bannar .dFlex {
    display: flex !important;
    white-space: normal !important; }
  patient-banner .patient-bannar .justify-content-center-ang {
    -webkit-box-pack: center !important;
    justify-content: center !important; }
  patient-banner .patient-bannar .margx3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important; }
  patient-banner .patient-bannar .margy4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  patient-banner .patient-bannar .floatRight {
    float: right !important; }
  patient-banner .patient-bannar .pabB3 {
    padding-bottom: 1rem !important; }
  patient-banner .patient-bannar .padR4 {
    padding-right: 1.5rem !important; }
  patient-banner .patient-bannar .ChronicDiseasesTitleStyle {
    color: #8c98b8;
    font-size: 16px;
    /* &:lang(en) {*/
    font-family: "Segoe UI semibold";
    /*}
&:lang(ar) {
    font-family: "Cairo-SemiBold";
}*/ }
  patient-banner .patient-bannar .padT4dec {
    padding-top: 0.4rem !important; }
  patient-banner .patient-bannar .padx2px {
    padding-top: 8px;
    padding-bottom: 8px; }
  patient-banner .patient-bannar .dotStyle {
    color: #ff9e01;
    font-size: 0.5rem;
    /*&:lang(en) {*/
    padding-left: 6px;
        /* }
&:lang(ar) {
    padding-left: 6px;
}*/ }
  patient-banner .patient-bannar .NoChronicFound {
    color: #5a5a5a;
    font-size: 15px;
    /* &:lang(en) {*/
    font-family: "Segoe UI semibold";
            /*}

    &:lang(ar) {
        font-family: "Cairo-SemiBold";
    }*/ }
  patient-banner .patient-bannar .withoutDot {
            /* &:lang(en)

    {*/
    padding-left: 21px;
            /*}

    &:lang(ar) {
        padding-left: 21px;
    }*/ }
  patient-banner .patient-bannar .chronicName {
    color: #121f2d;
    font-size: 14px;
    word-break: break-all;
    font-family: "Segoe UI";
    font-weight: normal; }
  patient-banner .patient-bannar .rightSpace {
            /* &:lang(en)

    {*/
    padding-right: 5rem;
    /*}*/
        /*&:lang(ar) {
    padding-left: 5rem;
}*/ }
  patient-banner .patient-bannar .floatleft {
    float: left; }
  patient-banner .patient-bannar .lineSeperator {
    border-top: 1px solid #3681c2 !important;
    opacity: 0.45; }
  patient-banner .patient-bannar .currentVisitStyle {
    color: #121f2d;
    font-size: 12px; }
  patient-banner .patient-bannar #chronicItemsId.showOn .info-content {
    height: 300px !important; }
  patient-banner .patient-bannar .chronicTabstripWrapper {
    height: 255px;
    overflow: auto;
    padding-left: 10px; }
  patient-banner .patient-bannar .newChronicPopOverContent {
    width: 430px;
    border: solid 1px #a2d4ff;
    background-color: #f9fcff;
    height: auto;
    max-height: 300px !important;
    overflow: hidden !important;
    padding: 0px !important;
    line-height: 14px;
    font-size: 16px; }
  patient-banner .patient-bannar .noofchronic {
    border-radius: 19px;
    background-color: #FF6363;
    color: #fff;
    text-align: center;
    width: 23px;
    height: 23px;
    display: inline-block; }
  patient-banner .patient-bannar .banner-content {
    box-shadow: 0 0 0 transparent !important;
    /*border-bottom: 1px solid #e3e3e3;*/ }
    patient-banner .patient-bannar .banner-content .table-bordered {
      border-color: #e3e3e3;
      border-right: 0 !important; }
      patient-banner .patient-bannar .banner-content .table-bordered tr:nth-of-type(1) > td:nth-of-type(4) {
        border-right: 1px solid #eaeff0 !important; }
  patient-banner .heigh2Lines {
    height: 46px; }
  patient-banner .heigh1Lines {
    height: 30px; }
  patient-banner .sliddingPartHeight {
    height: 119px; }

#BloodGroupModal .addCategoryModalContainer .modal-header {
  padding: 5px; }
#BloodGroupModal .addCategoryModalContainer .modal-footer {
  padding-top: 4px;
  padding-bottom: 2px;
  padding-right: 16px; }

/*.app {
    .app-header {
        .box-shadow {
            box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.56);
        }
    }
}*/
.patient-bannar {
  background-color: #fff;
  height: 55px;
  box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2); }
  .patient-bannar .patientDetails {
    max-width: 95%; }
  .patient-bannar .patientCode {
    /*color: #21B993;*/
    color: #1d9f40;
    font-size: 21px;
    font-weight: 600;
    font-size: 16px !important; }
  .patient-bannar .patientAge {
    font-size: 16px;
    font-weight: 600;
    color: #2399ff; }
  .patient-bannar .patientStatus {
    width: 55px;
    font-size: 12px;
    padding: 1px 3px 0px;
    border-radius: 3px;
    text-align: center;
    height: 21px;
    line-height: 15px;
    border: 1px solid #e04c28;
    background-color: #d23342;
    color: #fff;
    position: relative;
    top: -7px; }
  .patient-bannar .showOn .datePopOverContent {
    width: 250px;
    border: solid 1px #a2d4ff;
    background-color: #f9fcff;
    max-height: 200px !important;
    padding: 15px 17px 13px 18px !important;
    font-size: 14px !important; }
  .patient-bannar .noofchronic {
    border-radius: 25px;
    background-color: #d23342 !important;
    border: 1px solid #a8303c !important;
    width: 15px !important;
    height: 15px !important;
    padding: 0px !important;
    font-size: 11px !important;
    position: relative;
    right: 10px;
    top: 1px;
    line-height: 0px !important; }
  .patient-bannar .diagnosisLbl {
    margin-left: -11px; }
  .patient-bannar .w-50 {
    width: 50%; }
  .patient-bannar .showOn.locationShowOn {
    margin-left: -288px !important; }
    .patient-bannar .showOn.locationShowOn .popover-arrow {
      margin-left: 140px !important; }
  .patient-bannar .showOn.doctorShowOn {
    margin-left: -200px !important; }
    .patient-bannar .showOn.doctorShowOn .popover-arrow {
      margin-left: 197px !important; }
  .patient-bannar .showOn .doctorPopOverContent {
    width: 445px;
    border: solid 1px #a2d4ff;
    background-color: #f9fcff;
    max-height: 280px !important;
    padding: 27px 32px 27px 16px !important;
    font-size: 14px !important; }
    .patient-bannar .showOn .doctorPopOverContent table tr th {
      color: #121f2d;
      padding-bottom: 10px; }
    .patient-bannar .showOn .doctorPopOverContent table tr td {
      color: #a4abb2;
      font-weight: 600 !important;
      line-height: 20px; }
  .patient-bannar .showOn.AllergiesPopOver {
    margin-left: 24px !important;
    margin-top: 2px !important; }
    .patient-bannar .showOn.AllergiesPopOver .allergyDataClass {
      min-height: 100px;
      overflow-y: auto;
      max-height: 280px;
      padding-right: 30px; }
    .patient-bannar .showOn.AllergiesPopOver .allergyPopOverContent {
      width: 445px;
      border: solid 1px #a2d4ff;
      background-color: #f9fcff;
      max-height: 400px !important;
      padding: 27px 0px 27px 16px !important;
      font-size: 14px !important; }
      .patient-bannar .showOn.AllergiesPopOver .allergyPopOverContent .popover-arrowAllergies {
        margin-left: 45px !important;
        margin-top: -40px !important; }
      .patient-bannar .showOn.AllergiesPopOver .allergyPopOverContent table tr th {
        color: #121f2d;
        padding-bottom: 10px; }
      .patient-bannar .showOn.AllergiesPopOver .allergyPopOverContent table tr td {
        color: #a4abb2;
        font-weight: 600 !important;
        line-height: 20px; }
      .patient-bannar .showOn.AllergiesPopOver .allergyPopOverContent .arBtnAl {
        background-color: #3f8cd6;
        border-color: #3f8cd6;
        font-size: 12px !important;
        height: 28px;
        padding-top: 4px;
        width: 80px; }
        .patient-bannar .showOn.AllergiesPopOver .allergyPopOverContent .arBtnAl:hover {
          background-color: #3f8cd6;
          border-color: #3f8cd6; }
  .patient-bannar .showOn.insuredDataOn {
    min-width: 340px !important; }
    .patient-bannar .showOn.insuredDataOn .insuredPopOverContent {
      width: 340px;
      min-width: 340px;
      border: solid 1px #a2d4ff;
      background-color: #f9fcff;
      max-height: 280px !important;
      padding: 27px 32px 15px 16px !important;
      font-size: 14px !important; }
      .patient-bannar .showOn.insuredDataOn .insuredPopOverContent .w-35 {
        width: 32% !important; }
      .patient-bannar .showOn.insuredDataOn .insuredPopOverContent .w-60 {
        width: 68% !important; }
  .patient-bannar .MeasurmentPopover .popoverArrow, .patient-bannar .infoPopover .popoverArrow {
    margin-left: 7px; }
  .patient-bannar .grayClr {
    color: #a4abb2;
    white-space: normal;
    word-break: break-all; }
  .patient-bannar .blackClr {
    color: #121f2d;
    font-weight: 600; }
  .patient-bannar .dimmedText {
    color: #b5b5b5 !important;
    font-weight: normal !important;
    font-style: italic !important; }
  .patient-bannar .cashImg {
    margin-top: -5px; }
  .patient-bannar .head-col.text-primary {
    color: #3681c2 !important;
    margin-bottom: 15px; }
  .patient-bannar .bedLocation .showOn {
    margin-left: -235px; }
    .patient-bannar .bedLocation .showOn .popoverArrow {
      margin-left: 152px; }
  .patient-bannar .linkStyle {
    cursor: pointer; }
    .patient-bannar .linkStyle:hover {
      text-decoration: underline;
      color: #609dd1; }
  .patient-bannar .popoverArrow {
    font-size: 1.4rem !important;
    color: #a2d4ff !important; }
  .patient-bannar .infoArrow {
    color: #0c3c6b;
    font-size: 16px;
    position: relative;
    top: 7px; }
  .patient-bannar .info-icon {
    background-color: #1D6EBF;
    width: 15px;
    height: 15px;
    width: 15px;
    height: 15px;
    border-radius: 50px;
    position: relative;
    color: #fff;
    text-align: center;
    font-size: 13px;
    z-index: 99; }
    .patient-bannar .info-icon span {
      top: -1px;
      left: 5px; }
    .patient-bannar .info-icon::after {
      display: none; }
  .patient-bannar .editBlood .bWidth {
    width: 58px; }
  .patient-bannar .editBlood button {
    padding: 0px !important;
    padding-right: 5px !important;
    padding-left: 5px !important; }
  .patient-bannar .bannerImg {
    margin-top: -1px; }
  .patient-bannar .patientInfo {
    margin-bottom: -5px; }
    .patient-bannar .patientInfo .patientName {
      max-width: 69%;
      color: #083c6e !important;
      font-weight: bold;
      text-transform: capitalize; }
  .patient-bannar .VisitDetails .VInsured {
    margin-bottom: -5px;
    margin-top: 4px; }
  .patient-bannar i.fa.fa-pencil {
    color: grey; }
  .patient-bannar .docAndLocation {
    box-sizing: border-box; }
    .patient-bannar .docAndLocation .visitDoc {
      max-width: 50%;
      float: left; }
      .patient-bannar .docAndLocation .visitDoc .infoPopover {
        vertical-align: top !important; }
    .patient-bannar .docAndLocation .bedLocation {
      max-width: 50%;
      padding-left: 15px; }
  .patient-bannar img.imgHovered:hover {
    border-radius: 25px;
    box-shadow: 0px 0px 5px grey;
    border: 1px solid #f1eeee;
    background-color: #cec7c7 !important; }
    .patient-bannar img.imgHovered:hover:after {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      opacity: 1; }

.patientBanner-Cont {
  height: 55px;
  box-shadow: 0px 1px 7px #c8c5c5 !important;
    /*.patient-bannar {
        background-color: #F6F6F6 !important;
        padding-top: 3px !important;

        .estimatedAgeIcon {
            max-width: 13px;
            margin-left: 2px;
        }

        .truncatedAddress {
            max-width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-weight: bold;
        }

        .concatinatedCellHeader {
            .c-label {
                float: none;
                clear: both;
            }

            b {
                display: block;
                width: 100%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }

        .concatinatedCell {
            .c-label {
                word-wrap: break-word;
                max-width: 100%;
            }
        }
    }*/ }

.fade-in .minimized-patientBanner-Cont {
  padding-top: 0px !important;
  box-shadow: 0px 1px 7px #c8c5c5 !important; }
  .fade-in .minimized-patientBanner-Cont patient-banner .patient-bannar.minimizedWidth {
    padding-top: 0px !important;
    box-shadow: 0px 1px 7px #c8c5c5 !important;
    width: 900px !important; }
    .fade-in .minimized-patientBanner-Cont patient-banner .patient-bannar.minimizedWidth .slidedHeader {
      font-size: 13px !important; }
      .fade-in .minimized-patientBanner-Cont patient-banner .patient-bannar.minimizedWidth .slidedHeader .pl0, .fade-in .minimized-patientBanner-Cont patient-banner .patient-bannar.minimizedWidth .slidedHeader .pn {
        width: 100% !important; }
      .fade-in .minimized-patientBanner-Cont patient-banner .patient-bannar.minimizedWidth .slidedHeader .pl0 .c-label {
        float: left !important; }
    .fade-in .minimized-patientBanner-Cont patient-banner .patient-bannar.minimizedWidth .sliddingPart, .fade-in .minimized-patientBanner-Cont patient-banner .patient-bannar.minimizedWidth .birthInfo, .fade-in .minimized-patientBanner-Cont patient-banner .patient-bannar.minimizedWidth .dataCell {
      font-size: 13px !important; }
    .fade-in .minimized-patientBanner-Cont patient-banner .patient-bannar.minimizedWidth .dataCell b {
      word-wrap: break-word; }
    .fade-in .minimized-patientBanner-Cont patient-banner .patient-bannar.minimizedWidth .banner-content .table-bordered tr:nth-of-type(1) > td:nth-of-type(3) {
      width: 30%; }

.deadPatient .banner-content .table tr:nth-of-type(1) td {
  background-color: #edf1f2 !important; }

.deadPatient .banner-content .table tr:nth-of-type(1) > td:nth-of-type(1) {
  background-color: #fff !important; }

.panel {
  margin-bottom: 7px;
  border-radius: 2px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px #ccc solid;
  border-top-width: 0; }

.box-cont {
  padding: 42px 4px 0 0 !important;
  position: relative; }

.patient-bannar::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 8px;
  background-color: #f6f6f6;
  top: -8px;
  left: 0px;
  z-index: 1050; }

.EmailWithTip {
  position: relative; }
  .EmailWithTip i {
    position: absolute;
    color: #F27437;
    top: 0;
    right: 20px; }
  .EmailWithTip .tooltip-inner {
    max-width: 350px;
    width: 135px !important; }

.patient-bannar .slidedContent:nth-of-type(3) {
  border: 2px solid transparent;
  border-left: 1px solid #e3e3e3; }

/*shimaa 31-3-2016*/
/*TOGGLE FoR EMPLOYEE AS PATIENT*/
.lbl {
  position: relative;
  display: block;
  height: 25px;
  width: 150px;
  background: #DEDEDE url(../img/patternOverlay.png);
  box-shadow: inset 0 0 5px #C5C5C5;
  border-radius: 2px;
  cursor: pointer;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .lbl:after {
    position: absolute;
    left: 2px;
    top: 2px;
    display: block;
    width: 75px;
    height: 21px;
    border-radius: 2px;
    background: #1d6ebf;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
    content: '';
    font-size: 12px;
    color: white;
    text-align: center;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }

.cbx:checked ~ label:after {
  left: 73px; }

.cbx:disabled ~ label {
  pointer-events: none; }

.cntr {
  position: absolute;
  right: 165px;
  top: 40px;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.cntrbefore {
  float: left;
  position: absolute;
  top: 3px;
  left: 0;
  color: #7F7F7F;
  z-index: 10; }

.cntrafter {
  position: absolute;
  float: right;
  right: -3px;
  top: 5px;
  color: #7F7F7F;
  font-size: 12px; }

.press {
  margin-bottom: 40px; }

.hidden {
  display: none; }

.pageTitleContainer {
  position: relative; }
  .pageTitleContainer > div {
    padding-left: 40px;
    color: #58666e; }
  .pageTitleContainer span {
    font-size: 19px;
    display: inline-block;
    margin-top: -2px;
    margin-right: 35px; }
  .pageTitleContainer .pageTitleSeparator {
    position: absolute;
    background: url(../img/separatorLine.png) left center no-repeat;
    height: 35px;
    left: 0;
    top: 0;
    margin-top: -5px; }
  .pageTitleContainer .fa {
    margin-right: 5px;
    margin-top: 5px;
    vertical-align: top;
    color: #1D6EBF;
    font-size: 18px; }
  .pageTitleContainer i.ahbs {
    font-size: 24px;
    color: #1D6EBF; }
  .pageTitleContainer.has-drpdown i {
    margin-right: 10px; }
  .pageTitleContainer.has-drpdown > div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 35px; }
  .pageTitleContainer.has-drpdown .title {
    margin: 0;
    width: 100%; }
  .pageTitleContainer.has-drpdown .seperator {
    width: 1px;
    background: #cccccc;
    height: 20px;
    margin: 0px 10px; }
  .pageTitleContainer.has-drpdown .pageTitleSeparator {
    height: 36px;
    margin-top: 0px; }
  .pageTitleContainer.has-drpdown .e-dropdown {
    width: auto;
    padding: 0 15px 0 5px; }

.MPIFindPatientForm #advanced-search .tooltip {
  left: 15px !important; }
  .MPIFindPatientForm #advanced-search .tooltip .tooltip-arrow {
    left: auto !important;
    right: 20px !important; }

/*Scroll Side Nav */
#advanced-search .searchArea-findPatient {
  max-height: 600px;
  overflow-y: scroll;
  overflow-x: hidden; }

.k-grid-header .k-header,
.k-grid-header .k-header .k-link,
.k-grid-header .k-link,
.k-grid-header .k-link:link,
.k-pager-info,
.k-scheduler-agendaview .k-scheduler-datecolumn,
.k-scheduler-header {
  color: #444 !important; }

#advanced-search .searchArea-findPatient::-webkit-scrollbar {
  width: 8px; }

#advanced-search .searchArea-findPatient::-webkit-scrollbar-button {
  width: 8px;
  height: 5px; }

#advanced-search .searchArea-findPatient::-webkit-scrollbar-track {
  background: transparent;
  border: thin solid transparent; }

#advanced-search .searchArea-findPatient::-webkit-scrollbar-thumb {
  background: rgba(153, 153, 153, 0.71);
  border: thin solid rgba(128, 128, 128, 0.14);
  border-radius: 10px; }

#advanced-search .searchArea-findPatient::-webkit-scrollbar-thumb:hover {
  background: #999999; }

/****************** Confirmation Popup ******************/
.confirmationDir .close-pop-icon {
  position: absolute;
  right: 10px;
  top: 7px; }

/****************** Grid in Clinic Tag list ******************/
#clinicTagList .k-grid-header {
  padding: 0 0 !important; }
#clinicTagList .k-grid-header .k-header .k-link,
#clinicTagList .k-grid-header .k-link,
#clinicTagList .k-grid-header .k-link:link {
  padding: 0 8px !important; }
#clinicTagList .grid-dropdown {
  float: left; }
#clinicTagList .showmoredropdown ul {
  top: 20px !important;
  left: 125px; }
#clinicTagList .showmoredropdown i {
  left: 223px !important;
  top: -9px !important;
  text-shadow: 0 -1px 0 black; }
#clinicTagList .k-dropdown .k-dropdown-wrap {
  height: 23px !important;
  top: -1px;
  position: relative; }
#clinicTagList td[role="gridcell"]:nth-child(5) {
  position: relative;
  overflow: visible; }
#clinicTagList .tooltip-inner {
  -ms-word-wrap: break-word !important;
  word-wrap: break-word !important;
  max-width: 200px !important; }

/****************** Add New physicians Form ******************/
#AddExternalPhysicianform .k-grid-header th.k-header {
  padding: 5px 12px !important;
  font-weight: bold; }

.add-contact {
  padding: 10px 16px;
  font-size: 15px !important;
  float: right;
  margin-bottom: 10px; }

.k-editor .k-editable-area {
  padding: 10px; }

.add-contact-btn {
  float: right; }

.add-qualification-div,
.add-contact-div {
  padding: 10px;
  border: 1px solid #E5E5E5;
  background-color: #fff;
  margin-right: 10px;
  min-height: 192px; }

.add-qualification-title {
  color: #21B799;
  border-bottom: 1px solid #E5E5E5;
  padding-bottom: 2px;
  margin-bottom: 5px; }

.k-editor-toolbar .k-button-group .k-tool {
  max-width: 25px !important; }

.k-colorpicker .k-tool-icon {
  top: 3px !important; }

.k-editor-widget .k-editor-toolbar-wrap ul.k-editor-toolbar {
  line-height: 10px; }

.k-editor-widget .k-editor-toolbar-wrap ul.k-editor-toolbar > li > a {
  height: auto !important;
  line-height: 10px !important; }

.PhysicianQualification.k-grid .k-grid-content [role="grid"] tbody[role="rowgroup"] td {
  padding-right: 18px !important; }

/****************** rich editor in physicians form ******************/
.custom-textEditor table.k-editor-widget tr[role="presentation"] > td.k-editor-toolbar-wrap .k-editor-toolbar > li:nth-child(3) span[role="textbox"] {
  width: auto !important;
  border-bottom: 0 solid transparent !important; }

.custom-textEditor table.k-editor-widget tr[role="presentation"] > td.k-editor-toolbar-wrap .k-editor-toolbar > li:nth-child(3) span.k-icon.k-i-arrow-s {
  position: relative;
  left: 2px;
  height: 100%;
  background-image: none;
  width: 100%; }

.custom-textEditor .k-colorpicker.k-header.k-editor-widget.k-group-end {
  border: none !important; }

.k-colorpicker .k-select .k-icon {
  color: #fafafa !important;
  background: #fafafa !important; }

table.k-editor.k-header {
  border: 1px solid #E5E5E5 !important; }

/****************** Grid in physicians list ******************/
#physiciansList .k-grid-header {
  padding: 0 0 !important; }
#physiciansList .k-grid-header .k-header .k-link, #physiciansList .k-grid-header .k-link, #physiciansList .k-grid-header .k-link:link {
  padding: 0 8px !important; }
#physiciansList .grid-dropdown {
  float: left; }
  #physiciansList .grid-dropdown .tooltip-inner {
    word-break: initial !important; }
#physiciansList .showmoredropdown ul {
  top: 20px !important;
  left: 125px; }
#physiciansList .showmoredropdown i {
  left: 223px !important;
  top: -9px !important;
  text-shadow: 0 -1px 0 black; }
#physiciansList .k-dropdown .k-dropdown-wrap {
  height: 23px !important;
  top: -1px;
  position: relative; }
#physiciansList td[role="gridcell"]:nth-child(5) {
  position: relative;
  overflow: visible; }
#physiciansList .tooltip-inner {
  -ms-word-wrap: break-word !important;
  word-wrap: break-word !important;
  max-width: 200px !important; }
#physiciansList .roleSpan {
  max-width: 240px; }
#physiciansList .roleli {
  white-space: pre-wrap;
  margin-bottom: 4px; }
#physiciansList .rolecont {
  /*width: 240px;*/
  display: inline-block;
  float: left; }
#physiciansList .listcont {
  width: 180px; }
#physiciansList .userdrop {
  display: inline-block;
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden !important;
  padding-right: 5px !important; }
#physiciansList .parent {
  font-weight: bold;
  font-size: 16px; }
#physiciansList .child {
  padding-left: 10px; }
  #physiciansList .child span {
    margin-right: 5px; }

.des-div {
  padding: 0 5px; }

/****************** Grid in users list ******************/
#usersList .k-grid-header {
  padding: 0 0 !important; }
#usersList .k-grid-header .k-header .k-link, #usersList .k-grid-header .k-link, #usersList .k-grid-header .k-link:link {
  padding: 0 !important; }
#usersList .grid-dropdown {
  float: left; }
#usersList .showmoredropdown ul {
  left: 180px !important; }
#usersList .showmoredropdown i {
  left: 180px !important;
  top: -17px !important;
  text-shadow: -1px 0 0 black; }
#usersList .k-dropdown .k-dropdown-wrap {
  height: 23px !important;
  top: -1px;
  position: relative; }
#usersList td[role="gridcell"]:nth-child(4) {
  position: relative;
  overflow: visible; }
#usersList .roleSpan {
  max-width: 83px; }
#usersList .roleli {
  white-space: pre-wrap;
  background: #F5F4F4;
  margin-bottom: 4px; }
#usersList .rolecont {
  width: 180px;
  display: inline-block;
  float: left; }
#usersList .pipeSpan {
  width: 14px;
  float: left;
  text-align: center; }
#usersList .userdrop {
  display: inline-block;
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden !important;
  padding-right: 5px !important; }

.hideOverflow2 {
  overflow: hidden !important;
  width: 96%;
  display: inline-block;
  float: left;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.hideOverflow {
  overflow: hidden !important;
  display: inline-block;
  float: left;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.insidemorepopup {
  background: #edf1f2;
  padding: 4px;
  margin-bottom: 2px;
  margin-top: 2px;
  width: 93%;
  border-radius: 1px;
  border-left: 1px solid #a3a9ae; }

.disapledlabel,
.disapledlabel .text-primary {
  color: #dadada; }

.minusmarginbottm {
  bottom: -3px !important; }

.wordbreack {
  -ms-word-break: break-all;
  word-break: break-all; }

.capatlize-transform {
  text-transform: capitalize !important; }

.break-word {
  -ms-word-wrap: break-word !important;
  word-wrap: break-word !important; }

.break-word-tooltip + .tooltip .tooltip-inner {
  -ms-word-wrap: break-word !important;
  word-wrap: break-word !important;
  max-width: 200px !important; }

.k-grid .capatlize-transform + .tooltip .tooltip-inner, .capatlize-transform + .tooltip .tooltip-inner {
  max-width: 200px !important;
  text-transform: capitalize !important;
  word-break: break-word; }

.navbar-right .tooltip .tooltip-inner {
  max-width: 200px !important;
  text-transform: capitalize !important; }

/*to make list panel view only one line of the choice*/
.k-list-container .k-list li.k-item {
  white-space: nowrap;
  border-width: 0 !important;
  padding: 0px !important;
  position: relative;
  width: auto !important;
  display: inline-block !important;
  min-width: 99% !important; }

.textareaCounter {
  color: #7b7b7b; }

.defaulttextarea {
  height: 60px;
  max-height: 117px; }

.mydiv .k-datepicker span.k-picker-wrap,
.mydiv .k-timepicker span.k-picker-wrap {
  padding-right: 35px !important; }

.nowrap {
  white-space: nowrap !important; }

.mydiv .k-dropdown-wrap .k-input {
  padding-right: 15px !important; }

dep-tree .k-input {
  color: #58666e !important; }

/*div.k-list-container.k-popup ul.k-list{min-height:30px!important;height:auto!important;}*/
.footerContainer {
  text-align: center !important;
  font-size: 13px; }

.footerContainer span {
  color: #26cbaa; }

.helpContainer {
  position: absolute;
  right: 20px;
  bottom: 14px;
  z-index: 15; }
  .helpContainer .helpHeader {
    position: relative;
    border-radius: 100px;
    background-color: #F27437;
    font-size: 18px;
    color: white;
    width: 30px;
    height: 30px;
    text-align: center;
    padding-top: 1px;
    border: 2px solid #F6F6F6;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
    .helpContainer .helpHeader:hover {
      background-color: #c25d2d; }
      .helpContainer .helpHeader:hover + .hiddenData {
        opacity: 1;
        bottom: 30px; }
        .helpContainer .helpHeader:hover + .hiddenData > div {
          display: block; }
        .helpContainer .helpHeader:hover + .hiddenData .helpContent {
          height: auto; }
  .helpContainer .helpContent {
    width: 220px;
    background-color: #FFF;
    font-size: 13px;
    border: 1px solid #e3e3e3;
    padding: 7px 0;
    border-radius: 2px;
    box-shadow: -1px 0 4px rgba(192, 192, 192, 0.5); }
  .helpContainer .helpHeader + .hiddenData {
    opacity: 0;
    position: absolute;
    right: 0;
    bottom: 15px;
    z-index: 1050;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
    .helpContainer .helpHeader + .hiddenData > div {
      display: none;
      -moz-animation: ease-in-out 0.2s;
      -o-animation: ease-in-out 0.2s;
      -webkit-animation: ease-in-out 0.2s;
      animation: ease-in-out 0.2s;
      -moz-animation-fill-mode: forwards;
      -o-animation-fill-mode: forwards;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards; }
    .helpContainer .helpHeader + .hiddenData .helpContent {
      height: 0; }
  .helpContainer .fa-sort-desc {
    font-size: 24px;
    text-shadow: 0 1px 0 #b8b8b8;
    color: white; }
  .helpContainer .iconCont {
    margin-top: -15px;
    margin-right: 3px; }
  .helpContainer .contentTitle {
    color: #F27437;
    border-bottom: 1px solid #e3e3e3;
    margin: 0 15px 5px 15px;
    font-size: 14px;
    padding-bottom: 5px; }
  .helpContainer .contentTitle i {
    font-size: 12px;
    margin-right: 5px; }
  .helpContainer .helpRow {
    margin: 0 15px;
    padding: 2px 5px; }
    .helpContainer .helpRow:nth-of-type(2n) {
      background: #f6f6f6; }
  .helpContainer .fa-times {
    color: #d6d6d6; }

.btn-danger:focus {
  background-color: #F27437;
  border-color: #F27437; }

.bootstrap-duallistbox-container .form-control:focus {
  background: #f2f9ff; }
.bootstrap-duallistbox-container .btn-group .btn {
  width: 50%; }
.bootstrap-duallistbox-container select {
  border: 1px solid #ccc;
  overflow: auto !important; }

form.form-horizontal[novalidate], div.form-horizontal {
  padding-left: 4px !important;
  padding-bottom: 6px !important; }

.k-list-filter input.k-textbox {
  padding-right: 23px !important;
  width: 96% !important;
  margin-left: 2%;
  border-bottom: 1px solid gray !important; }

.standardGrid .k-filtercell .k-dropdown-wrap.k-state-default > span.k-input {
  color: #444 !important; }
.standardGrid .k-filtercell .k-autocomplete.k-header.k-state-default {
  text-indent: 0 !important; }
  .standardGrid .k-filtercell .k-autocomplete.k-header.k-state-default::before {
    left: 0 !important; }
  .standardGrid .k-filtercell .k-autocomplete.k-header.k-state-default input[data-role="autocomplete"] {
    width: 100% !important;
    padding-left: 20px !important;
    text-indent: 0 !important;
    box-sizing: border-box; }
.standardGrid .k-grid-header th.k-header > a.k-link {
  font-size: 13px;
  min-height: 15px !important;
  padding: 0 !important; }

.k-checkbox:checked + .k-checkbox-label:before {
  background-color: #1d6ebf !important;
  border-color: #1d6ebf !important;
  border-color: #1d6ebf;
  border-radius: 1px; }
.k-checkbox + .k-checkbox-label:after {
  border-radius: 0 !important;
  width: 0.85em !important;
  height: 0.85em !important; }

.empAsPatientContainer {
  position: relative;
  border-radius: 20px;
  background-image: url(../img/patternOverlay.png);
  background-color: #ededed;
  padding: 2px 12px;
  padding-left: 30px;
  margin-top: 1px;
  margin-right: 30px;
  box-shadow: 0 1px 2px white, #cfcfcf 0 2px 1px inset; }
  .empAsPatientContainer label.empLbl {
    color: #a6a6a6;
    font-size: 13px;
    display: inline-block;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 2px;
    cursor: pointer; }
    .empAsPatientContainer label.empLbl::before, .empAsPatientContainer label.empLbl::after {
      background-image: url(../img/checkIcon.png);
      background-position: -2px -2px;
      content: "";
      position: absolute;
      top: 3px;
      left: 4px;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      cursor: pointer; }
    .empAsPatientContainer label.empLbl::before {
      box-shadow: 0 1px 2px #cfcfcf,white 0 3px 3px inset;
      background: #fdfdfd;
      background: -moz-linear-gradient(top, #fdfdfd 0, #e7e7e7 100%);
      background: -webkit-linear-gradient(top, #fdfdfd 0, #e7e7e7 100%);
      background: linear-gradient(to bottom, #fdfdfd 0, #e7e7e7 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e7e7e7',GradientType=0 ); }
    .empAsPatientContainer label.empLbl::after {
      background-image: url(../img/checkIcon.png); }
  .empAsPatientContainer .empCheckbox:checked + label.empLbl {
    color: #21B799;
    font-weight: 700;
    text-shadow: 1px 2px 3px white; }

.empCheckbox:checked + label.empLbl::after {
  background-image: url(../img/checkIcon.png);
  background-position: -27px -2px; }
.empCheckbox:focus + label.empLbl {
  color: #124C86; }

.c-label b.text-danger {
  margin-left: 3px; }

.nav-pills > li.active a, .nav-pills > li.active a:hover, .nav-pills > li.active a:focus {
  background-color: #fff !important;
  border-radius: 0 !important;
  color: #3f51b5 !important; }

ul.abn-tree li.abn-tree-row a:hover, ul.abn-tree li.abn-tree-row a:focus {
  border-radius: 0 !important;
  background-color: #ebebeb !important; }
ul.abn-tree li.abn-tree-row.active a:hover, ul.abn-tree li.abn-tree-row.active a:focus {
  border-radius: 0 !important;
  background-color: #fff !important; }

#selectEmployeeAsPatient-list ul#selectEmployeeAsPatient_listbox,
ul.abn-tree[tree-control="treeControl"] {
  min-height: 30px;
  height: auto !important; }

/* Create custom tabs */
.customTabs {
  border-bottom: 1px solid #c6c6c6;
  margin-bottom: 10px; }
  .customTabs .mainHeaderCont {
    text-align: right; }
  .customTabs .mainHeader {
    background-color: white;
    position: relative;
    top: 29px;
    display: inline-block;
    padding: 0 5px; }
  .customTabs .btn-link {
    color: #889094;
    padding-top: 5px !important;
    padding-bottom: 4px !important;
    text-decoration: none;
    display: block;
    text-align: center;
    width: 98%;
    position: relative;
    top: 2px;
    -o-transition: all 0.03s;
    -moz-transition: all 0.03s;
    -webkit-transition: all 0.03s;
    transition: all 0.03s; }
    .customTabs .btn-link > span {
      display: block;
      text-align: center; }
    .customTabs .btn-link.active {
      color: #1D6EBF !important;
      border-bottom: 2px solid #1D6EBF !important;
      top: 1px !important;
      background-color: rgba(237, 241, 242, 0.48);
      font-weight: bold !important; }
    .customTabs .btn-link:focus {
      text-shadow: 0 0 0;
      background-color: rgba(237, 241, 242, 0.48); }
    .customTabs .btn-link:hover {
      border-bottom: 1px solid #1D6EBF;
      color: #333; }
  .customTabs .tabContainer {
    position: relative; }

.pull-center {
  text-align: center !important; }

.user-data-cont .alert.alert-info {
  border-radius: 0;
  border: 0 solid #c6c6c6;
  border-top: 0;
  background-color: #EDF1F2;
  color: #58666e; }

.errorMessage {
  color: #F27437 !important; }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: transparent !important; }

/* Start of Single Select Fix Scrolling Part */
.singleSelect-scrlablePart {
  padding-right: 2px !important;
  max-height: 150px; }
  .singleSelect-scrlablePart ul.k-list {
    max-height: 150px;
    overflow: auto;
    padding-left: 2px; }

.MultiSelectPopup-All .singleSelect-scrlablePart {
  max-height: 150px; }

/* End of Single Select Fix Scrolling Part */
/*Start of multi-select*/
.multiSelect-control.k-multiselect .k-multiselect-wrap li.k-button,
.multiSelect-control.k-multiselect .k-multiselect-wrap li.k-button:hover,
.multiSelect-control.k-multiselect .k-multiselect-wrap li.k-button:focus,
.multiSelect-control.k-multiselect .k-multiselect-wrap li.k-button:focus:not(.k-state-disabled):not([disabled]) {
  cursor: default;
  background-color: transparent !important;
  padding: 0 !important;
  box-shadow: 0 0 0 transparent;
  color: #3a3f52 !important;
  text-transform: inherit;
  padding-right: 3px !important;
  text-align: left !important; }

.multiSelect-control.k-multiselect .k-multiselect-wrap li.k-button > span {
  margin: 0 !important; }
  .multiSelect-control.k-multiselect .k-multiselect-wrap li.k-button > span.k-select {
    display: none !important; }
.multiSelect-control.k-multiselect .k-multiselect-wrap li.k-button::after {
  content: ","; }
.multiSelect-control.k-multiselect .k-multiselect-wrap li.k-button:last-child::after {
  content: ""; }
.multiSelect-control.k-multiselect .k-multiselect-wrap li.k-button.exceededLi::after {
  content: ",  ..."; }
.multiSelect-control.k-multiselect .k-multiselect-wrap li.k-button.exceededLi ~ li {
  display: none !important; }
.multiSelect-control.k-multiselect [role="listbox"] + .k-input:not(.noPlaceholder) {
  color: #A4A4A4 !important;
  font-size: 13px !important;
  float: left; }
.multiSelect-control.k-multiselect [role="listbox"] + .k-input.k-readonly {
  width: auto !important;
  max-width: 95% !important; }
.multiSelect-control.k-multiselect ul[role="listbox"] {
  height: 15px;
  max-width: 85%;
  overflow: hidden !important;
  margin-top: 4px;
  float: left; }
  .multiSelect-control.k-multiselect ul[role="listbox"] + .k-input {
    margin-top: 0px; }

.multiSelect-control.k-multiselect .k-multiselect-wrap li.k-button.concatenatedTxt::after {
  content: ""; }

span.multi-select-extension {
  background-color: white;
  position: absolute;
  top: -5px;
  right: 15px;
  display: inline-block;
  text-align: left;
  padding-bottom: 5px; }

.k-checkbox-label:before {
  left: 1px !important; }
.k-checkbox-label:after {
  left: 2px !important; }

.k-multiselect.multiSelectFocused {
  border-bottom: 2px solid #147ec7 !important; }

.mydiv {
  position: relative; }
  .mydiv .k-multiselect {
    position: relative;
    cursor: pointer; }
  .mydiv .arrow-multiSelectIndicator {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    cursor: pointer; }
  .mydiv .k-state-disabled + .MultiSelectPopup-All + .arrow-multiSelectIndicator .k-i-arrow-s,
  .mydiv .k-state-disabled + .MultiSelectPopup-All + .arrow-multiSelectIndicator .k-i-arrow-s:hover {
    opacity: 0.5;
    cursor: default; }
  .mydiv .k-state-border-down + .MultiSelectPopup-All + .k-select.arrow-multiSelectIndicator .k-icon.k-i-arrow-s {
    background-position: 1px 2px !important; }

.MultiSelectPopup-All div.singleSelect-scrlablePart ul.k-list {
  padding-left: 23px !important; }
  .MultiSelectPopup-All div.singleSelect-scrlablePart ul.k-list li.k-item {
    position: relative;
    /*padding-left: 23px !important;*/ }
    .MultiSelectPopup-All div.singleSelect-scrlablePart ul.k-list li.k-item.k-state-focused {
      background-color: transparent; }
.MultiSelectPopup-All li.k-item::before {
  content: "";
  position: absolute;
  top: 8px;
  left: -18px;
  width: 0.9em;
  height: 0.9em;
  border: 1px solid #7f7f7f;
  background-color: white; }
.MultiSelectPopup-All li.k-item.k-state-selected {
  box-shadow: 0 0 0 transparent !important; }
  .MultiSelectPopup-All li.k-item.k-state-selected::after {
    content: "\2713";
    font-size: 12px;
    width: 0.9em;
    height: 0.9em;
    position: absolute;
    top: 8px;
    left: -18px;
    border: 1px solid #1d6ebf !important;
    text-align: center;
    background-color: #1d6ebf !important;
    color: white;
    line-height: 10px; }
.MultiSelectPopup-All .dropdown-header {
  padding: 0 !important;
  margin: 0 5px !important;
  border-bottom: 1px solid #ebebeb; }
  .MultiSelectPopup-All .dropdown-header.text-center {
    position: relative; }
    .MultiSelectPopup-All .dropdown-header.text-center .btn.btn-info.pull-right {
      position: absolute;
      right: 0; }
  .MultiSelectPopup-All .dropdown-header button {
    background: transparent !important;
    border-color: transparent !important;
    color: #1d6ebf !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-right: 0px !important;
    height: 20px !important;
    box-shadow: 0 0 0 transparent !important;
    font-size: 13px !important; }
    .MultiSelectPopup-All .dropdown-header button:hover {
      color: #21b799 !important; }
    .MultiSelectPopup-All .dropdown-header button i {
      background-color: transparent !important;
      margin: 0 !important;
      padding: 0 !important;
      width: 20px !important;
      line-height: 20px !important; }

[id$=list].k-list-container.k-popup div.multi-select-wrapper-container ul.k-list {
  padding-left: 23px !important; }
  [id$=list].k-list-container.k-popup div.multi-select-wrapper-container ul.k-list li.k-item {
    position: relative;
    /*padding-left: 23px !important;*/ }
    [id$=list].k-list-container.k-popup div.multi-select-wrapper-container ul.k-list li.k-item.k-state-focused {
      background-color: transparent; }
[id$=list].k-list-container.k-popup div.multi-select-wrapper-container li.k-item::before {
  content: "";
  position: absolute;
  top: 8px;
  left: -18px;
  width: 0.9em;
  height: 0.9em;
  border: 1px solid #7f7f7f;
  background-color: white; }
[id$=list].k-list-container.k-popup div.multi-select-wrapper-container li.k-item.k-state-selected {
  box-shadow: 0 0 0 transparent !important; }
  [id$=list].k-list-container.k-popup div.multi-select-wrapper-container li.k-item.k-state-selected::after {
    content: "\2713";
    font-size: 12px;
    width: 0.9em;
    height: 0.9em;
    position: absolute;
    top: 8px;
    left: -18px;
    border: 1px solid #1d6ebf !important;
    text-align: center;
    background-color: #1d6ebf !important;
    color: white;
    line-height: 10px; }
[id$=list].k-list-container.k-popup .dropdown-header {
  padding: 0 !important;
  margin: 0 5px !important;
  border-bottom: 1px solid #ebebeb; }
  [id$=list].k-list-container.k-popup .dropdown-header.text-center {
    position: relative; }
    [id$=list].k-list-container.k-popup .dropdown-header.text-center .btn.btn-info.pull-right {
      position: absolute;
      right: 0; }
  [id$=list].k-list-container.k-popup .dropdown-header button {
    background: transparent !important;
    border-color: transparent !important;
    color: #1d6ebf !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-right: 0px !important;
    height: 20px !important;
    box-shadow: 0 0 0 transparent !important;
    font-size: 13px !important; }
    [id$=list].k-list-container.k-popup .dropdown-header button:hover {
      color: #21b799 !important; }
    [id$=list].k-list-container.k-popup .dropdown-header button i {
      background-color: transparent !important;
      margin: 0 !important;
      padding: 0 !important;
      width: 20px !important;
      line-height: 20px !important; }

[id$=ddl-multiselect-list].k-list-container.k-popup div.k-list-scroller ul.k-list {
  padding-left: 23px !important; }
  [id$=ddl-multiselect-list].k-list-container.k-popup div.k-list-scroller ul.k-list li.k-item {
    position: relative;
    /*padding-left: 23px !important;*/ }
    [id$=ddl-multiselect-list].k-list-container.k-popup div.k-list-scroller ul.k-list li.k-item.k-state-focused {
      background-color: transparent; }
[id$=ddl-multiselect-list].k-list-container.k-popup li.k-item::before {
  content: "";
  position: absolute;
  top: 8px;
  left: -18px;
  width: 0.9em;
  height: 0.9em;
  border: 1px solid #7f7f7f;
  background-color: white; }
[id$=ddl-multiselect-list].k-list-container.k-popup li.k-item.k-state-selected {
  box-shadow: 0 0 0 transparent !important; }
  [id$=ddl-multiselect-list].k-list-container.k-popup li.k-item.k-state-selected::after {
    content: "\2713";
    font-size: 12px;
    width: 0.9em;
    height: 0.9em;
    position: absolute;
    top: 8px;
    left: -18px;
    border: 1px solid #1d6ebf !important;
    text-align: center;
    background-color: #1d6ebf !important;
    color: white;
    line-height: 10px; }
[id$=ddl-multiselect-list].k-list-container.k-popup .dropdown-header {
  padding: 0 !important;
  margin: 0 5px !important;
  border-bottom: 1px solid #ebebeb; }
  [id$=ddl-multiselect-list].k-list-container.k-popup .dropdown-header.text-center {
    position: relative; }
    [id$=ddl-multiselect-list].k-list-container.k-popup .dropdown-header.text-center .btn.btn-info.pull-right {
      position: absolute;
      right: 0; }
  [id$=ddl-multiselect-list].k-list-container.k-popup .dropdown-header button {
    background: transparent !important;
    border-color: transparent !important;
    color: #1d6ebf !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-right: 0px !important;
    height: 20px !important;
    box-shadow: 0 0 0 transparent !important;
    font-size: 13px !important; }
    [id$=ddl-multiselect-list].k-list-container.k-popup .dropdown-header button:hover {
      color: #21b799 !important; }
    [id$=ddl-multiselect-list].k-list-container.k-popup .dropdown-header button i {
      background-color: transparent !important;
      margin: 0 !important;
      padding: 0 !important;
      width: 20px !important;
      line-height: 20px !important; }

/*End of multi-select*/
#PatientCode[ng-disabled="true"] {
  border-bottom: 0 !important;
  cursor: default !important; }

.identifier_error {
  border-bottom-color: #F27437 !important; }

ul.k-pager-numbers > li > span, ul.k-pager-numbers > li > a {
  line-height: 28px !important; }

.k-treeview li[role="treeitem"] .k-checkbox-label::before, .k-treeview li[role="treeitem"] .k-checkbox-label::after {
  border-radius: 0 !important;
  font-size: 13px;
  top: -5px;
  left: 3px; }
.k-treeview li[role="treeitem"] .k-checkbox-label::before {
  width: 0.9em;
  height: 0.9em; }
.k-treeview li[role="treeitem"] .k-checkbox-label::after {
  width: 1em !important;
  height: 1em !important; }
.k-treeview li[role="treeitem"] span.k-in {
  padding: 0 !important;
  margin-left: 17px !important; }

.k-checkbox + .k-checkbox-label:active:after {
  box-shadow: none !important; }

.k-treeview li[role="treeitem"] .k-checkbox:indeterminate + .k-checkbox-label::after,
.k-treeview li[role="treeitem"] .k-checkbox:indeterminate + .k-checkbox-label::before {
  background-color: #1d6ebf !important;
  border: 1px solid #1d6ebf !important; }

form.form-sticky.form-horizontal[novalidate] {
  padding-bottom: 0 !important; }

form.form-sticky div.panel {
  margin-right: 5px;
  border-radius: 0 !important;
  border: 1px rgba(204, 204, 204, 0.63) solid !important;
  border-top: 0 !important;
  margin-top: -10px; }

div.toggle-more {
  position: absolute;
  top: 27px;
  right: -77px;
  background-color: #ffffff !important;
  border: #A8A8A8 solid 1px !important;
  border-radius: 3px;
  padding: 5px 0 0 5px;
  padding-bottom: 0;
  width: 200px;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2) !important;
  z-index: 5; }
  div.toggle-more i.fa-caret-up {
    position: absolute;
    left: 43%;
    font-size: 28px;
    top: -26px;
    color: white;
    text-shadow: 0 -1px 0 #505050;
    z-index: 10; }
  div.toggle-more > div {
    max-height: 150px;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 15px; }
  div.toggle-more ul {
    padding: 0;
    margin: 0;
    padding-bottom: 7px; }
    div.toggle-more ul > li {
      line-height: 17px;
      color: rgba(51, 51, 51, 0.86);
      position: relative; }
      div.toggle-more ul > li > div {
        white-space: normal !important;
        padding-left: 20px !important; }
      div.toggle-more ul > li::before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 10px;
        background-color: rgba(51, 51, 51, 0.86);
        position: absolute;
        left: 10px;
        top: 5px; }
      div.toggle-more ul > li:nth-of-type(1) {
        color: #333; }
        div.toggle-more ul > li:nth-of-type(1)::before {
          content: "";
          width: 0;
          height: 0;
          border-radius: 0;
          background-color: transparent;
          position: absolute;
          left: 0;
          top: 0; }

.heighlightGray {
  /*background-color: #ebebeb;*/ }

.hideNonSearched {
  display: none !important; }

.k-treeview .k-top {
  padding-bottom: 4px; }

.k-datepicker.k-header {
  width: 100% !important; }

select[kendo-multi-select] {
  padding: 0 !important; }

@media (max-width: 1200px) {
  .user-data-cont {
    width: 100%; }

  .wider-lbl-res {
    width: 40% !important; }

  .responsive-form-group .responsive-field,
  .responsive-form-group .responsive-field-txtbx {
    float: left; }

  .responsive-form-group .c-label {
    width: 120px; }
  .responsive-form-group .responsive-field-txtbx {
    width: 78%; }
  .responsive-form-group .before-ckbx {
    width: 150px; }
  .responsive-form-group .box1, .responsive-form-group .box2 {
    float: left;
    width: 49%; }

  /********** Nurse portal responsiveness in  (max-width: 1200px)  *********/
  body {
    min-width: 790px !important; }

  .maxWidth-130 {
    max-width: 130px !important; }

    /*.maxWidth25{
        max-width: 25% !important;

    }*/
  .maxWidth-85 {
    max-width: 85px !important; }

  .maxWidth15 {
    max-width: 15% !important; }

  .maxWidth13 {
    max-width: 13% !important; }

  .ml-10 {
    margin-left: 10px; }

  /*.orderLines-row{
      max-width: 80%;
  }*/
  .confirmProcedure .procedure-title {
    padding-left: 10px !important; }

  .dispenseTab {
    width: 25% !important; }

  .k-grid .k-grid-content [role="grid"] tbody[role="rowgroup"] td {
    overflow: hidden !important; }

  /*.nurseportal-header-btns{
      width:36% !important;
  }*/ }
.coloredDiv {
  width: 15px;
  height: 20px;
  display: inline-block;
  margin-right: 5px; }

.coloredDrop {
  position: relative;
  top: 4px;
  margin-left: 3px; }

.rotateY90 {
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Chrome, Safari, Opera */
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.alignLeft {
  text-align: left; }

.fa-small {
  font-size: 7px;
  position: relative;
  top: -2px; }

.physicionList a.dropdown-toggle[aria-expanded="true"] > i.fa {
  -ms-transform: rotate(90deg) !important;
  /* IE 9 */
  -webkit-transform: rotate(90deg) !important;
  /* Chrome, Safari, Opera */
  -moz-transform: rotate(90deg) !important;
  -o-transform: rotate(90deg) !important;
  transform: rotate(90deg) !important; }

.MultiSelectPopup-All {
  position: relative !important; }

.bigFont {
  font-size: 19px; }

.ResourceSchedule .isvalid-lbl {
  padding: 2px !important; }

.physicianList .phys-name {
  max-height: 33px !important;
  margin-bottom: 5px;
  margin-top: 0; }
.physicianList .showmoredropdown {
  top: 7px !important;
  left: 25px !important;
  width: 200px; }
  .physicianList .showmoredropdown .dropdown-menu-grid-role {
    max-height: 110px !important; }
  .physicianList .showmoredropdown .insidemorepopup {
    white-space: nowrap;
    text-overflow: initial;
    float: none !important;
    width: auto !important;
    background: transparent !important;
    padding: 1px 4px !important;
    line-height: 12px;
    font-size: 13px;
    border-left: 3px solid #e0e0e0 !important; }
.physicianList ul.dropdown-menu-grid-role {
  overflow: auto !important;
  max-width: 150px !important; }

.ResourceSchedule .listitem:hover {
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.3); }

.primary-light-color {
  color: #21b799; }

.color-gray {
  color: #757575 !important; }

.color-orange {
  color: #F27437 !important; }

.color-primary {
  color: #147ec7 !important; }

.l-lable {
  width: 115px;
  float: left; }

div.toggle-more2 i.fa-caret-left {
  position: absolute;
  left: -12px;
  font-size: 28px;
  top: -20px;
  color: white;
  text-shadow: -1px 0 0 #505050;
  z-index: 100000; }
div.toggle-more2 ul {
  left: -11px;
  top: -15px; }

.col-lg-4 div#mydivG .k-animation-container {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 100 !important; }

#mydivG .k-popup {
  box-shadow: none;
  border-color: #e0e0e0;
  border-bottom-width: 1px; }

.mydivSpec .multiSelect-control.k-multiselect .k-multiselect-wrap ul[role="listbox"] {
  display: none; }
  .mydivSpec .multiSelect-control.k-multiselect .k-multiselect-wrap ul[role="listbox"] + .k-input {
    margin-top: 0 !important; }

.visHide {
  visibility: hidden; }

.list-cont-1 {
  width: 40%;
  float: left;
  padding: 0 1%; }

.list-cont-2 {
  width: 26%;
  float: left; }
  .list-cont-2 div:nth-of-type(2) {
    margin-top: -2px !important; }

.list-cont-3 {
  width: 30%;
  padding: 0 1%;
  float: right; }

.nobord {
  border: 0 !important; }

.single-select-list-view span.k-dropdown.k-header {
  display: none; }
.single-select-list-view span.k-dropdown.k-header.has-error + .physicianListPopup .k-list-scroller {
  border: 2px solid #F27437; }
.single-select-list-view .physicianListPopup {
  width: 100% !important; }
  .single-select-list-view .physicianListPopup.disabled .k-list-container .k-list-optionlabel {
    display: none; }
  .single-select-list-view .physicianListPopup.disabled ul.k-list li.k-item {
    pointer-events: none;
    color: #58666e !important; }
  .single-select-list-view .physicianListPopup .animation-popup-container {
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    position: relative !important;
    z-index: 1 !important;
    height: auto !important; }
    .single-select-list-view .physicianListPopup .animation-popup-container .k-list-container {
      width: 100% !important;
      top: 0 !important;
      left: 0 !important;
      position: relative !important;
      z-index: 1 !important;
      height: auto !important;
      text-align: right; }
  .single-select-list-view .physicianListPopup .k-list-container {
    width: 100% !important;
    border: none !important; }
    .single-select-list-view .physicianListPopup .k-list-container .k-list-filter {
      margin-top: -3px;
      display: none; }
    .single-select-list-view .physicianListPopup .k-list-container .k-list-optionlabel {
      font-size: 13px;
      border: none !important;
      padding: 0px !important;
      color: #1d6ebf;
      display: inline-block; }
    .single-select-list-view .physicianListPopup .k-list-container .k-list-optionlabel:hover {
      background-color: white !important;
      color: #4FCDAC; }
    .single-select-list-view .physicianListPopup .k-list-container div.k-list-scroller {
      height: 290px !important;
      position: relative;
      overflow: auto;
      background-color: #edf1f2; }
    .single-select-list-view .physicianListPopup .k-list-container ul.k-list {
      background-color: #edf1f2;
      position: absolute;
      width: 100%; }
      .single-select-list-view .physicianListPopup .k-list-container ul.k-list li {
        line-height: 15px !important;
        min-height: 0 !important;
        background-color: transparent !important;
        position: relative !important;
        border-bottom: 1px solid #e4e6e6 !important;
        border-top: 1px solid #fafafa !important;
        padding: 6px 10px !important;
        text-align: left; }
      .single-select-list-view .physicianListPopup .k-list-container ul.k-list li:nth-of-type(1) {
        border-top: 0 solid transparent !important; }
      .single-select-list-view .physicianListPopup .k-list-container ul.k-list li:hover {
        background-color: #e4e7e8 !important; }
      .single-select-list-view .physicianListPopup .k-list-container ul.k-list li.k-state-selected {
        font-weight: 700;
        background-color: #e4e7e8 !important;
        box-shadow: 0 1px 2px white, #cfcfcf 0 2px 1px inset;
        border-top: 0 !important; }
  .single-select-list-view .physicianListPopup .k-popup {
    box-shadow: none; }

.multi-select-list-view div.k-multiselect.k-state-border-down, .multi-select-list-view span.arrow-multiSelectIndicator {
  display: none; }
.multi-select-list-view div.k-multiselect-wrap.k-floatwrap ul.k-reset[role="listbox"] {
  display: none; }
.multi-select-list-view div.k-multiselect-wrap.k-floatwrap input.k-input[role="listbox"] {
  width: 100% !important;
  margin-top: 0 !important; }
.multi-select-list-view div.k-multiselect-wrap.k-floatwrap input.k-input[role="listbox"]:focus {
  border-bottom: 2px solid red !important; }
.multi-select-list-view .MultiSelectPopup-All {
  width: 100% !important; }
  .multi-select-list-view .MultiSelectPopup-All .animation-popup-container {
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    position: relative !important;
    z-index: 1 !important; }
    .multi-select-list-view .MultiSelectPopup-All .animation-popup-container .k-list-container {
      width: 100% !important;
      top: 0 !important;
      left: 0 !important;
      position: relative !important;
      z-index: 1 !important; }
  .multi-select-list-view .MultiSelectPopup-All .k-list-container {
    width: 100% !important;
    border: none !important; }
    .multi-select-list-view .MultiSelectPopup-All .k-list-container .dropdown-header {
      margin: 0 !important; }
      .multi-select-list-view .MultiSelectPopup-All .k-list-container .dropdown-header button {
        margin-right: 0 !important; }
    .multi-select-list-view .MultiSelectPopup-All .k-list-container .k-list-filter {
      margin-top: -3px; }
    .multi-select-list-view .MultiSelectPopup-All .k-list-container .k-list-optionlabel {
      font-size: 13px; }
    .multi-select-list-view .MultiSelectPopup-All .k-list-container .k-list-optionlabel:hover {
      background-color: white !important;
      border: 1px solid white !important;
      color: #4FCDAC; }
    .multi-select-list-view .MultiSelectPopup-All .k-list-container div.k-list-scroller {
      height: 205px !important;
      position: relative;
      overflow: auto;
      background-color: #edf1f2; }
    .multi-select-list-view .MultiSelectPopup-All .k-list-container ul.k-list {
      background-color: #edf1f2;
      position: absolute !important;
      min-width: 100% !important; }
      .multi-select-list-view .MultiSelectPopup-All .k-list-container ul.k-list li {
        line-height: 15px !important;
        min-height: 0 !important;
        background-color: transparent !important;
        position: relative !important;
        border-bottom: 1px solid #e4e6e6 !important;
        border-top: 1px solid #fafafa !important;
        padding: 6px 10px !important;
        text-transform: capitalize;
        padding-left: 23px !important; }
      .multi-select-list-view .MultiSelectPopup-All .k-list-container ul.k-list li.k-item::before {
        left: 5px !important; }
      .multi-select-list-view .MultiSelectPopup-All .k-list-container ul.k-list li.k-item::after {
        left: 5px !important; }
      .multi-select-list-view .MultiSelectPopup-All .k-list-container ul.k-list li:nth-of-type(1) {
        border-top: 0 solid transparent !important; }
      .multi-select-list-view .MultiSelectPopup-All .k-list-container ul.k-list li:hover {
        background-color: #e4e7e8 !important; }
      .multi-select-list-view .MultiSelectPopup-All .k-list-container ul.k-list li.k-state-selected {
        font-weight: 700;
        background-color: #e4e7e8 !important;
        box-shadow: 0 1px 2px white, #cfcfcf 0 2px 1px inset !important; }
      .multi-select-list-view .MultiSelectPopup-All .k-list-container ul.k-list li.k-item.k-state-selected::after {
        top: 9px !important;
        left: 6px !important; }
  .multi-select-list-view .MultiSelectPopup-All .k-popup {
    box-shadow: none; }
  .multi-select-list-view .MultiSelectPopup-All .k-state-border-up, .multi-select-list-view .MultiSelectPopup-All .k-list-scroller {
    height: auto !important; }

.streatched-multiSelect.k-multiselect.form-control {
  max-height: 1000px !important;
  height: auto !important; }
  .streatched-multiSelect.k-multiselect.form-control .k-multiselect-wrap {
    overflow-x: hidden !important;
    max-height: 1000px !important;
    height: auto !important; }
    .streatched-multiSelect.k-multiselect.form-control .k-multiselect-wrap ul[role="listbox"] {
      box-sizing: border-box !important;
      max-width: 93%; }
      .streatched-multiSelect.k-multiselect.form-control .k-multiselect-wrap ul[role="listbox"] li {
        background-color: #edf1f2 !important;
        border: none !important;
        border-radius: 0px !important;
        padding: 2px 5px !important;
        margin: 2px !important;
        text-transform: initial !important; }
        .streatched-multiSelect.k-multiselect.form-control .k-multiselect-wrap ul[role="listbox"] li span.k-select {
          position: relative !important;
          margin: 0px !important;
          padding: 0px !important; }
          .streatched-multiSelect.k-multiselect.form-control .k-multiselect-wrap ul[role="listbox"] li span.k-select span.k-icon.k-i-close {
            zoom: 0.7;
            transform: scale(0.9);
            transform-origin: 2px 0; }
    .streatched-multiSelect.k-multiselect.form-control .k-multiselect-wrap input.k-input {
      padding: 0px !important; }

.k-timepicker .k-icon.k-i-clock {
  margin-top: 3px !important; }

.k-scheduler-timecolumn .k-icon.k-i-arrow-e {
  background-position: 0 -16px; }

.k-scheduler-timecolumn .k-icon.k-i-arrow-w {
  background-position: 0 -48px; }

.k-scheduler .k-header li, .k-scheduler .k-header .k-link, .k-scheduler .k-header {
  background-color: #1d6ebf !important;
  border-color: #1d6ebf !important; }

.k-header.k-scheduler-footer .k-header, .k-header.k-scheduler-footer ul.k-header li .k-link {
  color: #edf1f2 !important; }

.k-multiselect.k-state-disabled {
  border-bottom: 1px solid #C6C6C6 !important;
  cursor: not-allowed !important; }
  .k-multiselect.k-state-disabled input.k-input {
    border-bottom: 0 !important; }

.FilterationSerlectSpecialities .popupTreeView, #FilterationSerlectSupervisory-list {
  box-shadow: 0px 4px 6px #7f7f7f !important; }

label.ValidationErrorLabel {
  color: #F27437;
  text-align: right;
  float: right; }

.newTitle {
  color: #1d6ebf;
  background-color: white;
  font-weight: bold;
  border-bottom: 1px solid #1d6ebf; }

.customScheduler .k-scheduler-toolbar > ul > li {
  border: none !important; }
.customScheduler .k-scheduler-layout {
  margin-top: 1px !important; }
.customScheduler .k-scheduler-toolbar {
  box-shadow: 0px 1px 0px #c3c3c3;
  border-width: 0; }
.customScheduler .k-header .k-link {
  font-size: 13px;
  text-transform: capitalize;
  background-color: transparent !important; }
.customScheduler .k-scheduler-toolbar > .k-scheduler-views > li.k-state-selected {
  background: rgba(0, 0, 0, 0.2) !important; }
.customScheduler .k-scheduler-toolbar, .customScheduler .k-scheduler-toolbar li .k-link, .customScheduler .k-scheduler-footer {
  line-height: 25px !important; }
.customScheduler .k-scheduler-toolbar .k-nav-current .k-link .k-i-calendar, .customScheduler .k-i-arrow-e, .customScheduler .k-i-arrow-w {
  position: relative;
  top: 4px; }
.customScheduler .k-scheduler-footer {
  box-shadow: 0px -1px 0 #e4e4e4;
  margin-top: 1px; }
.customScheduler .k-scheduler-table .k-today, .customScheduler .k-today > .k-scheduler-datecolumn, .customScheduler .k-today > .k-scheduler-groupcolumn {
  background-color: rgba(240, 240, 240, 0.55); }

/* Auto Complete Scrollbar Fixing */
.scrollableContainer ul {
  max-height: 200px;
  overflow: auto !important; }

/* Starter container for dashboard */
.starter_container {
  background: -webkit-linear-gradient(-108deg, #21b799 10%, #1d6ebf 90%) !important;
  background: -moz-linear-gradient(-108deg, #21b799 10%, #1d6ebf 90%) !important;
  background: -ms-linear-gradient(-108deg, #21b799 10%, #1d6ebf 90%) !important;
  background: -o-linear-gradient(-108deg, #21b799 10%, #1d6ebf 90%) !important;
  background: linear-gradient(-108deg, #21b799 10%, #1d6ebf 90%) !important;
  color: #000;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1500;
  overflow: hidden; }
  .starter_container .content {
    position: absolute;
    top: 45%;
    left: 44%; }
  .starter_container span {
    display: block;
    padding-left: 65px; }
  .starter_container .loader_content {
    font-size: 35px;
    float: left;
    -webkit-animation-name: scale_loader;
    -moz-animation-name: scale_loader;
    -ms-animation-name: scale_loader;
    animation-name: scale_loader;
    -webkit-animation-duration: 2.09s;
    -moz-animation-duration: 2.09s;
    -ms-animation-duration: 2.09s;
    animation-duration: 2.09s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    -ms-animation-direction: normal;
    animation-direction: normal;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5); }
  .starter_container #content_1 {
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    animation-delay: 0.75s; }
  .starter_container #content_2 {
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    animation-delay: 0.9s; }
  .starter_container #content_3 {
    -webkit-animation-delay: 1.05s;
    -moz-animation-delay: 1.05s;
    -ms-animation-delay: 1.05s;
    animation-delay: 1.05s; }
  .starter_container #content_4 {
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    animation-delay: 1.2s; }
  .starter_container #content_5 {
    -webkit-animation-delay: 1.35s;
    -moz-animation-delay: 1.35s;
    -ms-animation-delay: 1.35s;
    animation-delay: 1.35s; }
  .starter_container #content_6 {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    animation-delay: 1.5s; }
  .starter_container #content_7 {
    -webkit-animation-delay: 1.64s;
    -moz-animation-delay: 1.64s;
    -ms-animation-delay: 1.64s;
    animation-delay: 1.64s; }
  .starter_container #content_8 {
    -webkit-animation-delay: 1.74s;
    -moz-animation-delay: 1.74s;
    -ms-animation-delay: 1.74s;
    animation-delay: 1.74s; }
  .starter_container #content_9 {
    -webkit-animation-delay: 1.84s;
    -moz-animation-delay: 1.84s;
    -ms-animation-delay: 1.84s;
    animation-delay: 1.84s; }
  .starter_container #content_10 {
    -webkit-animation-delay: 1.94s;
    -moz-animation-delay: 1.94s;
    -ms-animation-delay: 1.94s;
    animation-delay: 1.94s; }
  .starter_container #content_11 {
    -webkit-animation-delay: 2.04s;
    -moz-animation-delay: 2.04s;
    -ms-animation-delay: 2.04s;
    animation-delay: 2.04s; }
@-webkit-keyframes scale_loader {
  0% {
    -webkit-transform: scale(1);
    color: black; }
  100% {
    -webkit-transform: scale(0.5);
    color: white; } }
@-moz-keyframes scale_loader {
  0% {
    -moz-transform: scale(1);
    color: black; }
  100% {
    -moz-transform: scale(0.5);
    color: white; } }
@-ms-keyframes scale_loader {
  0% {
    -ms-transform: scale(1);
    color: black; }
  100% {
    -ms-transform: scale(0.5);
    color: white; } }
@keyframes scale_loader {
  0% {
    transform: scale(1);
    color: black; }
  100% {
    transform: scale(0.5);
    color: white; } }
/* ./ Starter container for dashboard */
span.k-widget.k-dropdown.k-header:focus .k-input {
  border-bottom-color: #147ec7 !important; }

.k-datetimepicker {
  width: 100% !important; }
  .k-datetimepicker .k-picker-wrap .k-icon {
    margin: 0 1px !important; }
  .k-datetimepicker .k-picker-wrap .k-select {
    width: 2.8em !important; }
  .k-datetimepicker .k-picker-wrap.k-state-default {
    padding-right: 50px !important; }
    .k-datetimepicker .k-picker-wrap.k-state-default .k-select {
      padding-top: 3px; }

.shiftedControlIcon .k-select {
  margin-right: 10px !important; }
.shiftedControlIcon .fa-info,
.shiftedControlIcon .fa-exclamation {
  position: absolute;
  top: 3px;
  right: 0;
  padding: 0 3px 2px 1px; }
.shiftedControlIcon .endDate.fa-exclamation {
  padding: 0 3px 2px 1px; }
.shiftedControlIcon .startDate.fa-exclamation {
  padding: 0 8px 2px 1px; }

.k-widget.k-window:not(.fullScreenMode) {
  top: 4% !important;
  left: 2.5% !important;
  padding-top: 45px !important; }

.k-widget.k-window.kWndMinMode {
  top: 10% !important;
  left: 3.5% !important;
  z-index: 1006 !important; }

.k-overlay.koverlayMinMode {
  top: 5%;
  z-index: 1000 !important; }

.prvntPointer {
  pointer-events: none; }

.kendoPopup-headerTemplate {
  margin-top: -4px;
  font-size: 16px;
  padding-left: 5px; }
  .kendoPopup-headerTemplate span {
    display: inline-block;
    margin: 3px !important;
    vertical-align: middle; }
  .kendoPopup-headerTemplate .name {
    margin-left: 0px !important;
    max-width: 450px;
    position: relative; }
    .kendoPopup-headerTemplate .name span {
      max-width: 100%;
      min-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .kendoPopup-headerTemplate .name span::before {
    left: 25px !important;
    top: 25px !important; }
  .kendoPopup-headerTemplate .name span::after {
    left: 8px !important;
    top: 30px !important;
    text-transform: capitalize !important;
    white-space: normal !important;
    height: auto !important; }
  .kendoPopup-headerTemplate span.mobile {
    font-style: italic;
    color: #7f7f7f; }
    .kendoPopup-headerTemplate span.mobile i {
      transform: rotate(75deg);
      position: relative;
      top: -1px;
      color: rgba(29, 110, 191, 0.73); }
  .kendoPopup-headerTemplate .popupTitle {
    font-size: 14px;
    position: relative;
    margin-left: 3px; }
    .kendoPopup-headerTemplate .popupTitle i {
      font-size: 10px;
      display: inline-block;
      margin-right: 2px; }

.slided {
  display: block !important; }

.p7-p5 {
  padding: 7px 5px !important; }

.line-gray {
  /*separation gray line*/
  height: 1px;
  background: linear-gradient(to right, rgba(214, 214, 214, 0) 0, gray 30%, gray 70%, rgba(214, 214, 214, 0.05) 100%, rgba(214, 214, 214, 0) 100%);
  margin-bottom: 5px;
  opacity: 0.2;
  width: 80%;
  display: inline-block; }

.line-white {
  /*separation white line*/
  height: 1px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, white 30%, white 70%, rgba(255, 255, 255, 0.05) 100%, rgba(255, 255, 255, 0) 100%);
  opacity: 0.5;
  width: 80%;
  display: inline-block; }

.WarningMsg {
  /*yellow warning message container*/
  font-size: 13px;
  font-weight: 400;
  background-color: #fef4ef;
  padding: 5px 15px;
  line-height: 15px;
  box-shadow: 0px 0px 3px silver; }
  .WarningMsg i {
    color: #ebc480; }

.newWarningMsg {
  color: #878787;
  font-size: 13px;
  font-weight: 400;
  background-color: #fef8f8;
  padding: 5px 15px;
  line-height: 15px;
  box-shadow: 0px 0px 3px silver;
  border-radius: 8px;
  box-shadow: 0 0 15px 0 rgba(255, 161, 161, 0.33);
  border: solid 1px rgba(255, 161, 161, 0.63); }
  .newWarningMsg h5 {
    color: #f56557; }

.newWarningIcon {
  color: #f56557;
  background: rgba(255, 161, 161, 0.63);
  padding: 7px;
  border-radius: 50px;
  font-size: 20px;
  vertical-align: bottom; }

/* Sart Of Style of No Result Template Into Any Grid */
.standardGrid .noResults {
  text-align: center;
  width: 100%;
  opacity: 0.9;
  position: absolute;
  top: 48%;
  font-weight: bold; }
  .standardGrid .noResults span:nth-of-type(1) {
    border: 2px solid;
    border-radius: 200px;
    display: inline-block;
    padding-top: 6px;
    width: 28px;
    height: 22px;
    margin-right: 5px;
    display: inline-block; }

/* End Of Style of No Result Template Into Any Grid */
/* fix width of columns into grids displayed at popups */
.standardGrid .k-grid-content td span[tooltip], .standardGrid td span[tooltip] {
  max-width: 100% !important; }

/* Hide checkbox label when chackbox is hidden */
input[type="checkbox"].ng-hide + label.k-checkbox-label {
  display: none; }

/* Style spans into kendo grids that is binded according to keeping inner spaces into cells */
.kendoBindedString {
  text-decoration: inherit !important; }

/* common Style of grids act as list */
.list-grid-view {
  border: 0px !important; }
  .list-grid-view .k-grid-header {
    display: none; }

/* warning tooltip break words after word end - fix issue */
.codeContainer i.fa + .tooltip .tooltip-inner {
  word-break: break-word !important; }

.bootstropKendoGrid.k-widget * {
  box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important; }
  .bootstropKendoGrid.k-widget * .noResults span:nth-of-type(1) {
    width: 32px;
    height: 32px; }

/*==================================*/
/*===START===INPUT===FILE===STYLE===*/
/*==================================*/
input[type="file"] {
  color: transparent !important;
  border-bottom: 2px solid #7f7f7f;
  display: inline-block;
  width: 100%;
  max-height: 22px !important; }
  input[type="file"][disabled] {
    color: transparent !important; }
  input[type="file"]::-webkit-file-upload-button {
    visibility: hidden; }
  input[type="file"]::before {
    content: "\f016";
    background: none;
    border: none;
    outline: none;
    -webkit-user-select: none;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    bottom: 3px;
    right: 0;
    font: normal normal normal 18px/1 FontAwesome;
    color: #4d4d4d !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px; }
  input[type="file"]:focus::before, input[type="file"]:active::before {
    color: #147ec7 !important; }
  input[type="file"]:active {
    outline: 0; }
  input[type="file"] + .chosenFilesNames {
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 90%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    input[type="file"] + .chosenFilesNames.placeholder {
      color: #A4A4A4 !important;
      font-size: 13px !important; }

/*================================*/
/*===END===INPUT===FILE===STYLE===*/
/*================================*/
/* Start Styles moved from innnerpages file */
/* START QUICK FIND PATIENT DROP DOWN DIRECTIVE */
.PatientSearchMainContainer {
  width: 30% !important;
  float: left;
  /*margin-left: 30px;*/ }

.quickFindPatientContainer {
  position: relative;
  margin-top: 7px; }
  .quickFindPatientContainer .searchInput {
    padding: 0px !important;
    padding-right: 30px !important; }
  .quickFindPatientContainer .selectedPatient {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
    color: white; }
    .quickFindPatientContainer .selectedPatient div.containeer {
      background-color: rgba(14, 53, 92, 0.3);
      padding: 0 5px;
      margin-right: 22px;
      height: 88%; }
      .quickFindPatientContainer .selectedPatient div.containeer .pull-left {
        font-size: 13px;
        padding: 6px 0 2px 0;
        width: 93%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .quickFindPatientContainer .selectedPatient div.containeer button {
        background-color: transparent !important;
        border: 0px;
        padding: 0px !important;
        box-shadow: none !important; }
        .quickFindPatientContainer .selectedPatient div.containeer button i {
          font-size: 11px;
          width: 16px;
          height: 16px;
          border: 1px solid #437eb7;
          border-radius: 200px;
          box-shadow: 1px 1px 1px #2d67a0;
          text-align: center;
          padding-top: 2px;
          margin-top: 7px;
          color: #ffffff; }
      .quickFindPatientContainer .selectedPatient div.containeer:hover {
        box-shadow: 0 1px 2px #6292c1, #124c86 0 3px 1px inset;
        background-color: rgba(14, 53, 92, 0.4);
        cursor: default; }
  .quickFindPatientContainer .searchBox button {
    position: absolute;
    top: 5px;
    right: 3px;
    color: #89B5DB;
    background-color: transparent !important;
    border: 0px;
    padding: 0px !important;
    border-left: 1px solid #2a93c3 !important;
    border-radius: 0px !important;
    padding-left: 5px !important;
    z-index: 1050; }
    .quickFindPatientContainer .searchBox button i.fa {
      color: #89b6dc; }
    .quickFindPatientContainer .searchBox button:hover i.fa {
      color: #ffffff;
      text-shadow: 3px 1px 3px #144679; }
  .quickFindPatientContainer .searchInput:focus {
    box-shadow: none;
    outline: none;
    background-position: 0 18px;
    border-color: white !important; }
  .quickFindPatientContainer .searchInput + button i.fa {
    color: #FFF; }
  .quickFindPatientContainer .searchInput.invisibleTxtBox {
    color: transparent !important; }
  .quickFindPatientContainer .popupPatients {
    background-color: #fff;
    box-shadow: -1px 2px 4px rgba(177, 177, 177, 0.5);
    overflow: hidden !important;
    border: 1px solid #e3e3e3;
    position: absolute;
    top: 30px;
    /*rtl:ignore*/
    padding: 5px 5px 0 0;
    z-index: 1050;
    width: 100%;
    overflow: auto; }
    .quickFindPatientContainer .popupPatients .k-loading-mask {
      top: auto !important;
      bottom: 3px !important;
      height: 20px !important;
      background-color: rgba(255, 255, 255, 0.7);
      width: 40% !important;
      /*rtl:ignore*/
      margin-left: 30%;
      border-radius: 3px; }
      .quickFindPatientContainer .popupPatients .k-loading-mask .k-loading-image {
        background-image: url(Material/loading-image-dots.gif) !important;
        background-position: center center; }
    .quickFindPatientContainer .popupPatients .registerNewContainer {
      text-align: center;
      box-shadow: -2px -1px 1px #e0e0e0;
      position: relative; }
      .quickFindPatientContainer .popupPatients .registerNewContainer .registerNewPatientBtn {
        display: inline-block;
        text-align: center;
        padding: 3px !important;
        background-color: white !important;
        color: #347cc5;
        text-decoration: underline;
        box-shadow: none !important; }
        .quickFindPatientContainer .popupPatients .registerNewContainer .registerNewPatientBtn i.fa {
          display: inline-block;
          margin-right: 3px; }
        .quickFindPatientContainer .popupPatients .registerNewContainer .registerNewPatientBtn:hover {
          color: #124c86; }
    .quickFindPatientContainer .popupPatients .standardGrid .k-grid-content {
      height: 220px !important;
      overflow: hidden !important; }
    .quickFindPatientContainer .popupPatients .unauthorized {
      text-align: center;
      opacity: 0.5;
      font-size: 14px;
      margin: 80px 0; }
      .quickFindPatientContainer .popupPatients .unauthorized span {
        margin-right: 5px;
        display: inline-block;
        font-size: 16px; }
      .quickFindPatientContainer .popupPatients .unauthorized i {
        font-size: 20px;
        position: relative;
        top: 2px;
        left: -4px; }
    .quickFindPatientContainer .popupPatients .k-grid {
      border: 0px solid transparent !important; }
      .quickFindPatientContainer .popupPatients .k-grid .k-grid-header {
        display: none !important; }
      .quickFindPatientContainer .popupPatients .k-grid .k-grid-content {
        max-height: 100% !important;
        /*rtl:ignore*/
        padding-right: 8px !important;
        overflow: auto !important; }
        .quickFindPatientContainer .popupPatients .k-grid .k-grid-content .k-scrollbar {
          /*rtl:ignore*/
          direction: ltr; }
        .quickFindPatientContainer .popupPatients .k-grid .k-grid-content table tbody tr.k-alt {
          background-color: transparent !important; }
        .quickFindPatientContainer .popupPatients .k-grid .k-grid-content table tbody tr td {
          padding: 0px !important;
          white-space: initial !important;
          position: relative; }
          .quickFindPatientContainer .popupPatients .k-grid .k-grid-content table tbody tr td .listitem .label-search-line {
            height: 1px !important;
            margin: 2px 15px 3px 15px; }
          .quickFindPatientContainer .popupPatients .k-grid .k-grid-content table tbody tr td .listitem .Code {
            color: #7f7f7f;
            font-size: 13px;
            font-style: italic;
            line-height: 13px;
            padding: 0 5px; }
            .quickFindPatientContainer .popupPatients .k-grid .k-grid-content table tbody tr td .listitem .Code .fa {
              width: 12px;
              text-align: center; }
            .quickFindPatientContainer .popupPatients .k-grid .k-grid-content table tbody tr td .listitem .Code .fa-female {
              color: #f27437;
              opacity: 0.7; }
            .quickFindPatientContainer .popupPatients .k-grid .k-grid-content table tbody tr td .listitem .Code .fa-male {
              color: #1d6ebf;
              opacity: 0.9; }
            .quickFindPatientContainer .popupPatients .k-grid .k-grid-content table tbody tr td .listitem .Code span.noGender {
              display: inline-block;
              width: 12px; }
          .quickFindPatientContainer .popupPatients .k-grid .k-grid-content table tbody tr td .listitem .Name {
            font-weight: 700;
            text-transform: capitalize;
            line-height: 16px !important;
            word-wrap: break-word;
            padding: 0 5px; }
          .quickFindPatientContainer .popupPatients .k-grid .k-grid-content table tbody tr td .listitem .Age {
            line-height: 15px !important;
            padding: 0 5px 0 0; }
          .quickFindPatientContainer .popupPatients .k-grid .k-grid-content table tbody tr td .listitem .PhoneNumber {
            line-height: 15px !important;
            padding: 0 0 0 5px; }
          .quickFindPatientContainer .popupPatients .k-grid .k-grid-content table tbody tr td .listitem:hover {
            cursor: pointer;
            background: -moz-linear-gradient(top, rgba(237, 241, 242, 0) 0%, #edf1f2 80%, #edf1f2 100%);
            background: -webkit-linear-gradient(top, rgba(237, 241, 242, 0) 0%, #edf1f2 80%, #edf1f2 100%);
            background: linear-gradient(to bottom, rgba(237, 241, 242, 0) 0%, #edf1f2 80%, #edf1f2 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00edf1f2', endColorstr='#edf1f2',GradientType=0 ); }
          .quickFindPatientContainer .popupPatients .k-grid .k-grid-content table tbody tr td .listitem-active,
          .quickFindPatientContainer .popupPatients .k-grid .k-grid-content table tbody tr td .listitem-active:hover {
            background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(163, 163, 163, 0.65) 100%);
            background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(163, 163, 163, 0.65) 100%);
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(163, 163, 163, 0.65) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6a3a3a3',GradientType=0 );
            padding-top: 3px; }
            .quickFindPatientContainer .popupPatients .k-grid .k-grid-content table tbody tr td .listitem-active .fa,
            .quickFindPatientContainer .popupPatients .k-grid .k-grid-content table tbody tr td .listitem-active:hover .fa {
              text-shadow: 1px 1px 1px white; }
    .quickFindPatientContainer .popupPatients .editPatientBtn {
      position: absolute;
      top: 12px;
      right: 5px; }
  .quickFindPatientContainer:hover .searchInput {
    box-shadow: none;
    outline: none;
    background-position: 0 18px;
    border-color: white !important; }
  .quickFindPatientContainer:hover button i.fa-search {
    color: #FFF; }

/* END QUICK FIND PATIENT DROP DOWN DIRECTIVE */
/* START OF DROP DOWN DIRECTIVE WITH TreeView */
.dropdownhasTreeView .popupTreeView {
  background-color: #fff;
  box-shadow: 0px 1px 3px gray !important;
  border: 1px solid silver;
  position: absolute;
  top: 22px;
  width: 100%;
  padding-top: 5px;
  z-index: 10050; }
  .dropdownhasTreeView .popupTreeView span.k-list-filter {
    padding: 1px; }
  .dropdownhasTreeView .popupTreeView .unselectSingleItemSelect:hover {
    color: #1d6ebf !important; }
  .dropdownhasTreeView .popupTreeView .unselectSingleItemSelect span:hover {
    color: #21b799 !important; }
  .dropdownhasTreeView .popupTreeView .k-treeview .k-top,
  .dropdownhasTreeView .popupTreeView .k-treeview .k-mid,
  .dropdownhasTreeView .popupTreeView .k-treeview .k-bot {
    position: relative !important;
    display: inline-block;
    /*erase important*/
    min-width: 100%; }
    .dropdownhasTreeView .popupTreeView .k-treeview .k-top .k-in,
    .dropdownhasTreeView .popupTreeView .k-treeview .k-mid .k-in,
    .dropdownhasTreeView .popupTreeView .k-treeview .k-bot .k-in {
      display: inline-block;
      width: 97%; }
      .dropdownhasTreeView .popupTreeView .k-treeview .k-top .k-in:hover,
      .dropdownhasTreeView .popupTreeView .k-treeview .k-mid .k-in:hover,
      .dropdownhasTreeView .popupTreeView .k-treeview .k-bot .k-in:hover {
        background-color: #f0f0f0 !important; }
    .dropdownhasTreeView .popupTreeView .k-treeview .k-top .k-checkbox-wrapper,
    .dropdownhasTreeView .popupTreeView .k-treeview .k-mid .k-checkbox-wrapper,
    .dropdownhasTreeView .popupTreeView .k-treeview .k-bot .k-checkbox-wrapper {
      display: inline-block;
      width: 100%;
      position: absolute; }
      .dropdownhasTreeView .popupTreeView .k-treeview .k-top .k-checkbox-wrapper .k-checkbox-label,
      .dropdownhasTreeView .popupTreeView .k-treeview .k-mid .k-checkbox-wrapper .k-checkbox-label,
      .dropdownhasTreeView .popupTreeView .k-treeview .k-bot .k-checkbox-wrapper .k-checkbox-label {
        position: absolute;
        width: 100%;
        margin-top: 9px !important;
        z-index: 100;
        height: 80%;
        margin: 0px !important; }
        .dropdownhasTreeView .popupTreeView .k-treeview .k-top .k-checkbox-wrapper .k-checkbox-label::before, .dropdownhasTreeView .popupTreeView .k-treeview .k-top .k-checkbox-wrapper .k-checkbox-label::after,
        .dropdownhasTreeView .popupTreeView .k-treeview .k-mid .k-checkbox-wrapper .k-checkbox-label::before,
        .dropdownhasTreeView .popupTreeView .k-treeview .k-mid .k-checkbox-wrapper .k-checkbox-label::after,
        .dropdownhasTreeView .popupTreeView .k-treeview .k-bot .k-checkbox-wrapper .k-checkbox-label::before,
        .dropdownhasTreeView .popupTreeView .k-treeview .k-bot .k-checkbox-wrapper .k-checkbox-label::after {
          top: 4px !important; }
.dropdownhasTreeView .DDL-Tree-Container {
  width: 100% !important; }
  .dropdownhasTreeView .DDL-Tree-Container[disabled] {
    color: #58666e !important;
    opacity: 0.7; }
  .dropdownhasTreeView .DDL-Tree-Container .TreeViewCont {
    width: auto !important;
    background-color: #FFF;
    padding: 0;
    border-radius: 2px;
    padding-bottom: 5px;
    max-height: 178px;
    overflow: auto; }
    .dropdownhasTreeView .DDL-Tree-Container .TreeViewCont div[data-role="treeview"] {
      overflow: hidden; }
.dropdownhasTreeView .dropdownSearchTXT {
  cursor: default !important; }
.dropdownhasTreeView .dropdownSearchTXT {
  padding-right: 20px !important;
  color: transparent !important; }
.dropdownhasTreeView .dropdownSearchTXT[disabled],
.dropdownhasTreeView .dropdownSearchTXT[disabled][readonly] {
  cursor: not-allowed !important;
  color: transparent !important; }
.dropdownhasTreeView .selectedOptions {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none;
  margin-top: -20px !important;
  height: 20px;
  padding-right: 20px !important;
  overflow: hidden; }
  .dropdownhasTreeView .selectedOptions li {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 5px; }
    .dropdownhasTreeView .selectedOptions li::after {
      content: ","; }
    .dropdownhasTreeView .selectedOptions li:last-child::after {
      content: ""; }
  .dropdownhasTreeView .selectedOptions li.exceededLi::after {
    content: ",  ..."; }
.dropdownhasTreeView span.down-up-select {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important; }

/* END OF DROP DOWN DIRECTIVE WITH TreeView */
/* Custom Tooltip */
.patientName.customTooltipHover:hover:after,
.PhysicianName.customTooltipHover:hover:after {
  text-transform: capitalize !important; }

.txt-inline {
  display: inline !important; }

.customTooltipHover {
  position: relative;
  display: inline-block; }
  .customTooltipHover::after, .customTooltipHover::before {
    content: "";
    opacity: 0;
    transition: opacity 0.2s 0 ease; }
  .customTooltipHover:hover::before, .customTooltipHover:hover::after {
    z-index: 1050;
    opacity: 1;
    transition: opacity 0.2s 0.5s ease;
    visibility: visible;
    display: inline-block; }
  .customTooltipHover:hover::before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000; }
  .customTooltipHover:hover::after {
    content: attr(data-title);
    width: auto;
    min-width: 35px;
    height: auto !important;
    color: #fff;
    padding: 3px 8px;
    max-width: 300px;
    word-wrap: break-word;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.4;
    white-space: normal !important; }

/* Custom Tooltip */
/* kendo grids action buttons tooltip */
.standardGrid td:last-of-type button + .tooltip .tooltip-inner {
  word-break: initial !important; }

/* kendo grids action buttons tooltip */
/* popup window title */
.k-window-iframecontent .k-header {
  background-color: #fff;
  color: #58666E;
  padding: 0px !important;
  height: auto !important; }
  .k-window-iframecontent .k-header .k-window-title {
    display: inline-block !important;
    margin-top: 0px !important;
    width: 100% !important;
    position: relative !important;
    left: 0px !important;
    line-height: 18px; }
.k-window-iframecontent .k-window-content {
  padding: 0 5px 5px 5px;
  margin-top: 6px;
  border-top: 1px solid #edf1f2; }
.k-window-iframecontent .k-window-titlebar .k-i-close {
  background-position: -32px -16px !important;
  opacity: .5; }
.k-window-iframecontent .k-window-titlebar .k-window-action:hover {
  background-color: transparent !important;
  border-color: transparent !important; }

/* popup window title */
/* Start Of Patient Registeration Page */
.RegisterPateintBody .k-animation-container {
  z-index: 2 !important; }

/* End Of Patient Registeration Page */
/* End Styles moved from innerpages file*/
/* START common Styles move from outpatient*/
.unselectSingleItemSelect {
  background: transparent !important;
  border-color: transparent !important;
  color: #1d6ebf !important;
  padding: 3px 0 !important;
  margin: 0 2% !important;
  position: relative;
  line-height: 20px !important;
  text-align: right;
  min-height: 15px !important; }

.unselectSingleItemSelect::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, rgba(214, 214, 214, 0) 0, gray 30%, gray 70%, rgba(214, 214, 214, 0.05) 100%, rgba(214, 214, 214, 0) 100%);
  opacity: 0.2; }

.unselectSingleItemSelect:hover {
  color: #21b799 !important; }

/* End common Styles move from outpatient*/
/* Start Editing Dual List Box Styles */
.box1.box1-left {
  padding-right: 25px; }

.box2.box2-right {
  padding-left: 25px; }

.box1.box1-left.col-md-6,
.box2.box2-right.col-md-6 {
  border: 1px solid #ccc;
  padding-left: 0;
  padding-right: 0;
  width: 48%; }

.box1.box1-left.col-md-6 {
  margin-left: .5%; }

.box2.box2-right.col-md-6 {
  margin-left: 3%; }

.bootstrap-duallistbox-container .filter {
  width: 96% !important;
  margin: 0 0 5px 10px !important; }
.bootstrap-duallistbox-container select#bootstrap-duallistbox-nonselected-list_,
.bootstrap-duallistbox-container select#bootstrap-duallistbox-selected-list_,
.bootstrap-duallistbox-container select {
  width: 96%;
  display: block !important;
  margin-left: 10px;
  height: 112px !important; }
.bootstrap-duallistbox-container .info {
  margin-left: 10px;
  margin-top: 5px; }

button.btn.clear1.pull-right.btn-default.btn-xs,
button.btn.clear2.pull-right.btn-default.btn-xs {
  margin-right: 11px;
  margin-top: 4px;
  margin-bottom: 5px; }

.box1.box1-left.col-md-6 label,
.box2.box2-right.col-md-6 label {
  background: #1d6ebf;
  color: #fff;
  padding: 2px 0px 3px 10px;
  margin-top: 0px !important; }

.btn-cont .move-left-1,
.btn-cont .move-left-2,
.btn-cont .move-right-1,
.btn-cont .move-right-2 {
  position: absolute !important;
  width: 25px !important;
  height: 24px !important;
  padding: 0px !important;
  box-shadow: 1px 1px 1px rgba(129, 119, 119, 0.67);
  border-radius: 5px !important; }
.btn-cont .move-left-2 {
  top: 85px; }
.btn-cont .move-right-1 {
  top: 114px; }
.btn-cont .move-right-2 {
  top: 143px; }

.app.app-header-fixed .app-content.noselect.tooltipfix.p-r .btn-cont .move-left-1 {
  right: -30px; }
.app.app-header-fixed .app-content.noselect.tooltipfix.p-r .btn-cont .move-left-2 {
  right: -30px; }
.app.app-header-fixed .app-content.noselect.tooltipfix.p-r .btn-cont .move-right-1 {
  left: -30px; }
.app.app-header-fixed .app-content.noselect.tooltipfix.p-r .btn-cont .move-right-2 {
  left: -30px; }

.app.app-header-fixed.app-aside-folded .app-content.noselect.tooltipfix.p-r .btn-cont .move-left-1 {
  right: -32px; }
.app.app-header-fixed.app-aside-folded .app-content.noselect.tooltipfix.p-r .btn-cont .move-left-2 {
  right: -32px; }
.app.app-header-fixed.app-aside-folded .app-content.noselect.tooltipfix.p-r .btn-cont .move-right-1 {
  left: -33px; }
.app.app-header-fixed.app-aside-folded .app-content.noselect.tooltipfix.p-r .btn-cont .move-right-2 {
  left: -33px; }

/* ./ End Editing Dual List Box Styles */
/* Strart No responsive Media Query */
@media (max-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }

  .col-sm-12 {
    width: 100%; }

  .col-sm-11 {
    width: 91.66666667%; }

  .col-sm-10 {
    width: 83.33333333%; }

  .col-sm-9 {
    width: 75%; }

  .col-sm-8 {
    width: 66.66666667%; }

  .col-sm-7 {
    width: 58.33333333%; }

  .col-sm-6 {
    width: 50%; }

  .col-sm-5 {
    width: 41.66666667%; }

  .col-sm-4 {
    width: 33.33333333%; }

  .col-sm-3 {
    width: 25%; }

  .col-sm-2 {
    width: 16.66666667%; }

  .col-sm-1 {
    width: 8.33333333%; }

  .col-sm-pull-12 {
    right: 100%; }

  .col-sm-pull-11 {
    right: 91.66666667%; }

  .col-sm-pull-10 {
    right: 83.33333333%; }

  .col-sm-pull-9 {
    right: 75%; }

  .col-sm-pull-8 {
    right: 66.66666667%; }

  .col-sm-pull-7 {
    right: 58.33333333%; }

  .col-sm-pull-6 {
    right: 50%; }

  .col-sm-pull-5 {
    right: 41.66666667%; }

  .col-sm-pull-4 {
    right: 33.33333333%; }

  .col-sm-pull-3 {
    right: 25%; }

  .col-sm-pull-2 {
    right: 16.66666667%; }

  .col-sm-pull-1 {
    right: 8.33333333%; }

  .col-sm-pull-0 {
    right: auto; }

  .col-sm-push-12 {
    left: 100%; }

  .col-sm-push-11 {
    left: 91.66666667%; }

  .col-sm-push-10 {
    left: 83.33333333%; }

  .col-sm-push-9 {
    left: 75%; }

  .col-sm-push-8 {
    left: 66.66666667%; }

  .col-sm-push-7 {
    left: 58.33333333%; }

  .col-sm-push-6 {
    left: 50%; }

  .col-sm-push-5 {
    left: 41.66666667%; }

  .col-sm-push-4 {
    left: 33.33333333%; }

  .col-sm-push-3 {
    left: 25%; }

  .col-sm-push-2 {
    left: 16.66666667%; }

  .col-sm-push-1 {
    left: 8.33333333%; }

  .col-sm-push-0 {
    left: auto; }

  .col-sm-offset-12 {
    margin-left: 100%; }

  .col-sm-offset-11 {
    margin-left: 91.66666667%; }

  .col-sm-offset-10 {
    margin-left: 83.33333333%; }

  .col-sm-offset-9 {
    margin-left: 75%; }

  .col-sm-offset-8 {
    margin-left: 66.66666667%; }

  .col-sm-offset-7 {
    margin-left: 58.33333333%; }

  .col-sm-offset-6 {
    margin-left: 50%; }

  .col-sm-offset-5 {
    margin-left: 41.66666667%; }

  .col-sm-offset-4 {
    margin-left: 33.33333333%; }

  .col-sm-offset-3 {
    margin-left: 25%; }

  .col-sm-offset-2 {
    margin-left: 16.66666667%; }

  .col-sm-offset-1 {
    margin-left: 8.33333333%; }

  .col-sm-offset-0 {
    margin-left: 0; } }
@media (max-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }

  .col-md-12 {
    width: 100%; }

  .col-md-11 {
    width: 91.66666667%; }

  .col-md-10 {
    width: 83.33333333%; }

  .col-md-9 {
    width: 75%; }

  .col-md-8 {
    width: 66.66666667%; }

  .col-md-7 {
    width: 58.33333333%; }

  .col-md-6 {
    width: 50%; }

  .col-md-5 {
    width: 41.66666667%; }

  .col-md-4 {
    width: 33.33333333%; }

  .col-md-3 {
    width: 25%; }

  .col-md-2 {
    width: 16.66666667%; }

  .col-md-1 {
    width: 8.33333333%; }

  .col-md-pull-12 {
    right: 100%; }

  .col-md-pull-11 {
    right: 91.66666667%; }

  .col-md-pull-10 {
    right: 83.33333333%; }

  .col-md-pull-9 {
    right: 75%; }

  .col-md-pull-8 {
    right: 66.66666667%; }

  .col-md-pull-7 {
    right: 58.33333333%; }

  .col-md-pull-6 {
    right: 50%; }

  .col-md-pull-5 {
    right: 41.66666667%; }

  .col-md-pull-4 {
    right: 33.33333333%; }

  .col-md-pull-3 {
    right: 25%; }

  .col-md-pull-2 {
    right: 16.66666667%; }

  .col-md-pull-1 {
    right: 8.33333333%; }

  .col-md-pull-0 {
    right: auto; }

  .col-md-push-12 {
    left: 100%; }

  .col-md-push-11 {
    left: 91.66666667%; }

  .col-md-push-10 {
    left: 83.33333333%; }

  .col-md-push-9 {
    left: 75%; }

  .col-md-push-8 {
    left: 66.66666667%; }

  .col-md-push-7 {
    left: 58.33333333%; }

  .col-md-push-6 {
    left: 50%; }

  .col-md-push-5 {
    left: 41.66666667%; }

  .col-md-push-4 {
    left: 33.33333333%; }

  .col-md-push-3 {
    left: 25%; }

  .col-md-push-2 {
    left: 16.66666667%; }

  .col-md-push-1 {
    left: 8.33333333%; }

  .col-md-push-0 {
    left: auto; }

  .col-md-offset-12 {
    margin-left: 100%; }

  .col-md-offset-11 {
    margin-left: 91.66666667%; }

  .col-md-offset-10 {
    margin-left: 83.33333333%; }

  .col-md-offset-9 {
    margin-left: 75%; }

  .col-md-offset-8 {
    margin-left: 66.66666667%; }

  .col-md-offset-7 {
    margin-left: 58.33333333%; }

  .col-md-offset-6 {
    margin-left: 50%; }

  .col-md-offset-5 {
    margin-left: 41.66666667%; }

  .col-md-offset-4 {
    margin-left: 33.33333333%; }

  .col-md-offset-3 {
    margin-left: 25%; }

  .col-md-offset-2 {
    margin-left: 16.66666667%; }

  .col-md-offset-1 {
    margin-left: 8.33333333%; }

  .col-md-offset-0 {
    margin-left: 0; } }
@media (max-width: 1200px) {
  /* Start Bootstrap Styles */
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }

  .col-lg-12 {
    width: 100%; }

  .col-lg-11 {
    width: 91.66666667%; }

  .col-lg-10 {
    width: 83.33333333%; }

  .col-lg-9 {
    width: 75%; }

  .col-lg-8 {
    width: 66.66666667%; }

  .col-lg-7 {
    width: 58.33333333%; }

  .col-lg-6 {
    width: 50%; }

  .col-lg-5 {
    width: 41.66666667%; }

  .col-lg-4 {
    width: 33.33333333%; }

  .col-lg-3 {
    width: 25%; }

  .col-lg-2 {
    width: 16.66666667%; }

  .col-lg-1 {
    width: 8.33333333%; }

  .col-lg-pull-12 {
    right: 100%; }

  .col-lg-pull-11 {
    right: 91.66666667%; }

  .col-lg-pull-10 {
    right: 83.33333333%; }

  .col-lg-pull-9 {
    right: 75%; }

  .col-lg-pull-8 {
    right: 66.66666667%; }

  .col-lg-pull-7 {
    right: 58.33333333%; }

  .col-lg-pull-6 {
    right: 50%; }

  .col-lg-pull-5 {
    right: 41.66666667%; }

  .col-lg-pull-4 {
    right: 33.33333333%; }

  .col-lg-pull-3 {
    right: 25%; }

  .col-lg-pull-2 {
    right: 16.66666667%; }

  .col-lg-pull-1 {
    right: 8.33333333%; }

  .col-lg-pull-0 {
    right: auto; }

  .col-lg-push-12 {
    left: 100%; }

  .col-lg-push-11 {
    left: 91.66666667%; }

  .col-lg-push-10 {
    left: 83.33333333%; }

  .col-lg-push-9 {
    left: 75%; }

  .col-lg-push-8 {
    left: 66.66666667%; }

  .col-lg-push-7 {
    left: 58.33333333%; }

  .col-lg-push-6 {
    left: 50%; }

  .col-lg-push-5 {
    left: 41.66666667%; }

  .col-lg-push-4 {
    left: 33.33333333%; }

  .col-lg-push-3 {
    left: 25%; }

  .col-lg-push-2 {
    left: 16.66666667%; }

  .col-lg-push-1 {
    left: 8.33333333%; }

  .col-lg-push-0 {
    left: auto; }

  .col-lg-offset-12 {
    margin-left: 100%; }

  .col-lg-offset-11 {
    margin-left: 91.66666667%; }

  .col-lg-offset-10 {
    margin-left: 83.33333333%; }

  .col-lg-offset-9 {
    margin-left: 75%; }

  .col-lg-offset-8 {
    margin-left: 66.66666667%; }

  .col-lg-offset-7 {
    margin-left: 58.33333333%; }

  .col-lg-offset-6 {
    margin-left: 50%; }

  .col-lg-offset-5 {
    margin-left: 41.66666667%; }

  .col-lg-offset-4 {
    margin-left: 33.33333333%; }

  .col-lg-offset-3 {
    margin-left: 25%; }

  .col-lg-offset-2 {
    margin-left: 16.66666667%; }

  .col-lg-offset-1 {
    margin-left: 8.33333333%; }

  .col-lg-offset-0 {
    margin-left: 0; }

  /*.col-sm-3 {
      width: 19.5%;
  }*/
  /* ./ End Bootstrap Styles */
  .app.app-header-fixed .app-content.noselect.tooltipfix.p-r .customTabs .col-md-2.responsive-field {
    width: 20.666667%; }

  .responsive-form-group .responsive-field-txtbx {
    width: 66.66666667% !important; }
  .responsive-form-group .c-label {
    width: auto !important; }
  .responsive-form-group .before-ckbx {
    width: 33.33333333%; }
  .responsive-form-group .wider-lbl-res {
    width: 25% !important; } }
/* ./ End No responsive Media Query */
/* Start Ads Font Icon in Side Menu */
nav ul.nav li.module-level a.auto.ng-scope i.ahbs {
  font-size: 27px !important;
  display: inline-block;
  padding-top: 6px; }
nav ul.nav li.module-level a.auto.ng-scope.unModuledPage i {
  margin-left: -3px; }
nav ul.nav.nav-sub ul.nav.dker i.pull-left.ahbs {
  font-size: 20px;
  margin-top: 8px;
  padding-left: 34px;
  padding-right: 3px; }

.app.app-header-fixed nav ul.nav.nav-sub ul.nav.dker i.pull-left.ahbs {
  padding-left: 30px; }

.app.app-header-fixed.app-aside-folded nav ul.nav.nav-sub ul.nav.dker i.pull-left.ahbs {
  padding-left: 0px; }

/* ./ End Ads Font Icon in Side Menu */
/* Start of reports section */
.Reports-Form .action-crumb {
  margin-top: -20px;
  height: 36px; }
.Reports-Form .box-cont.w-full {
  padding: 15px 0 0 0 !important; }
  .Reports-Form .box-cont.w-full body {
    margin: 0px !important; }

/* End of reports section */
.dummyFocussingBtn {
  /*position: absolute;
  border: 0px;
  background: transparent;*/
  width: 50px;
  height: 50px;
  background-color: red; }

.dummyFocussingBtn:focus {
  background-color: green; }

/* Start Disable Checkbox */
.k-checkbox:checked + .IsDisableCheckbox.k-checkbox-label:before {
  color: silver !important;
  background: #f5f5f5 !important;
  border-color: #bfbfbf !important;
  border-radius: 1px;
  cursor: not-allowed; }

/* Start Disable Checkbox */
/* Start Notification */
.notification_menu {
  border: 0; }
  .notification_menu .panel {
    box-shadow: 5px 5px rgba(102, 102, 102, 0.3); }
    .notification_menu .panel .panel-heading {
      color: #62878f !important; }
    .notification_menu .panel .notification_Nav {
      height: 250px;
      overflow: auto; }
      .notification_menu .panel .notification_Nav li a {
        display: block;
        clear: both;
        font-weight: 300;
        line-height: 20px;
        white-space: normal;
        font-size: 13px;
        padding: 6px;
        text-shadow: none;
        border-bottom: 1px solid #EFF2F6 !important;
        color: #888; }
        .notification_menu .panel .notification_Nav li a .time {
          float: right;
          max-width: 75px;
          font-size: 11px;
          font-weight: 400;
          opacity: .7;
          filter: alpha(opacity=70);
          text-align: right;
          padding: 1px 5px;
          /*background: #f1f1f1;*/ }

/* End Notification */
/* End Notification */
/* Modal Popup Sizes */
.modal-dialog.modal-Exlg {
  width: 94%; }

/* Filtration numeric controls into any grid */
.standardGrid tr.k-filter-row .k-numeric-wrap::before {
  content: url(../img/search.png);
  padding: 0 !important;
  left: 0;
  margin: 0 10px 0 0;
  position: absolute; }

/*hidden input to add has-error style for radio buttons*/
.mydiv.hiddenInputForRequiredRadio input {
  height: 0; }
.mydiv.hiddenInputForRequiredRadio:not(.has-error) {
  line-height: 0; }
  .mydiv.hiddenInputForRequiredRadio:not(.has-error) input {
    border: 0 !important;
    height: 0; }

/* LabRad Result Directive */
.labrad-result-container .bold {
  line-height: 15px; }
.labrad-result-container .gray-bg-color {
  padding: 10px 0px !important;
  background-color: #edf1f0; }
.labrad-result-container .note-result::-webkit-scrollbar {
  width: 8px; }
.labrad-result-container .note-result::-webkit-scrollbar-button {
  width: 8px;
  height: 5px; }
.labrad-result-container .note-result::-webkit-scrollbar-track {
  background: transparent;
  border: thin solid transparent; }
.labrad-result-container .note-result::-webkit-scrollbar-thumb {
  background: rgba(153, 153, 153, 0.71);
  border: thin solid rgba(128, 128, 128, 0.14);
  border-radius: 10px; }
.labrad-result-container .note-result::-webkit-scrollbar-thumb:hover {
  background: #999999; }
.labrad-result-container .note-result {
  overflow-y: auto;
  width: 99%;
  word-break: break-word; }
.labrad-result-container .h60 {
  height: 60px; }
.labrad-result-container .hauto {
  height: 185px; }
.labrad-result-container .no-data-inpopup {
  text-align: center;
  display: inline-block;
  margin: 112px auto 112px;
  width: 100%; }
  .labrad-result-container .no-data-inpopup .noResults span:nth-of-type(1) {
    border: 2px solid;
    border-radius: 200px;
    padding-top: 4px;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    display: inline-block; }

[check-all-ddl] .btn-group .btn-primary, .filterChkBox .btn-group .btn-primary {
  box-shadow: none;
  border-radius: 0 !important; }

.filterChkBox .btn-primary {
  box-shadow: none;
  border-radius: 0 !important; }

.btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:active,
.btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:active,
.btn-catchy[disabled], .btn-catchy[disabled]:hover, .btn-catchy[disabled]:active,
.btn-primary-grid[disabled], .btn-primary-grid[disabled]:hover, .btn-primary-grid[disabled]:active,
.btn-default-grid[disabled], .btn-default-grid[disabled]:hover, .btn-default-grid[disabled]:active,
.btn-catchy-grid[disabled], .btn-catchy-grid[disabled]:hover, .btn-catchy-grid[disabled]:active, .printBtn[disabled] {
  background-color: #c9cecf !important;
  border-color: #c0c0c0 !important;
  box-shadow: none !important;
  cursor: no-drop !important; }

.btn-transparent[disabled], .btn-transparent[disabled]:hover, .btn-transparent[disabled]:active,
.btn-link[disabled], .btn-link[disabled]:hover, .btn-link[disabled]:active {
  color: #c0c2c3 !important;
  cursor: no-drop !important;
  pointer-events: auto !important;
  background-color: transparent !important;
  box-shadow: none !important; }

.k-calendar-container.k-popup .k-header a:not(.k-nav-fast) {
  width: 20px;
  height: 20px;
  line-height: 16px;
  margin-top: 3px; }
.k-calendar-container.k-popup .k-header .k-nav-fast {
  margin: 0 !important; }
.k-calendar-container.k-popup .k-content td {
  border-radius: 0 !important; }

.treeBtn {
  padding: 0px !important;
  color: #1d6ebf !important;
  cursor: pointer !important; }

/* DEntal-view */
.DentalSetup .circle {
  height: 19px;
  width: 19px;
  border-radius: 50%;
  display: inline-block;
  margin-top: 5px;
  background-color: coral;
  border: solid 1px rgba(0, 0, 0, 0.1); }
.DentalSetup .color-picker {
  margin-left: -20px;
  margin-top: 14px;
  position: absolute;
  z-index: 1; }
  .DentalSetup .color-picker .col-picker {
    width: 120px;
    border: solid 1px rgba(0, 0, 0, 0.3);
    background-color: white; }
  .DentalSetup .color-picker .arrow-up {
    width: 0px;
    height: 0px;
    position: relative;
    top: -27px;
    left: 13px;
    -webkit-text-stroke: 1px #8A8A8A;
    color: white;
    font-size: 33px; }
  .DentalSetup .color-picker .palette {
    /*padding-top: 5px;*/ }
    .DentalSetup .color-picker .palette td {
      border: 3px solid transparent;
      margin: 15px;
      box-sizing: border-box; }
    .DentalSetup .color-picker .palette tr:first-child td:first-child {
      position: relative;
      box-shadow: none !important; }
      .DentalSetup .color-picker .palette tr:first-child td:first-child:before {
        content: "";
        width: 89%;
        height: 89%;
        display: inline-block;
        border: 1px solid black;
        position: absolute;
        top: 0; }
      .DentalSetup .color-picker .palette tr:first-child td:first-child:after {
        content: "";
        width: 29px;
        height: 17px;
        border-bottom: 1px solid red;
        -webkit-transform: translateY(-13px) translateX(3px) rotate(37deg);
        position: absolute; }
.DentalSetup .k-filtercell > span > label {
  padding-right: 7px !important; }
.DentalSetup .k-filter-row .k-filtercell .k-operator-hidden label {
  line-height: 16px;
  float: left; }
  .DentalSetup .k-filter-row .k-filtercell .k-operator-hidden label input {
    float: left;
    display: inline-block;
    margin-right: 2px; }
.DentalSetup .k-widget[aria-readonly=true], .DentalSetup input[aria-readonly=true], .DentalSetup input[aria-readonly=true] + .k-select > span, .DentalSetup div[disabled], .DentalSetup div[disabled] label, .DentalSetup .k-widget .k-state-disabled {
  cursor: pointer !important; }
.DentalSetup .k-grid .k-grid-content [role="grid"] tbody[role="rowgroup"] td {
  padding-bottom: 2px !important;
  padding-top: 2px !important; }

/*update kendo date color*/
.k-calendar .k-today {
  background-color: #1d6ebf !important;
  /*a{
      color:#1d6ebf !important;
  }*/ }

/*allergies styles*/
.allergiesModal {
  display: flex;
  flex-direction: column;
  justify-content: flex-start; }
  .allergiesModal .enhanced-form-group {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0 10px;
    margin-top: 10px; }
    .allergiesModal .enhanced-form-group > label {
      color: #6c89a5;
      font-weight: 600; }
    .allergiesModal .enhanced-form-group .radio-inline label {
      max-width: unset;
      color: #7f878e; }
      .allergiesModal .enhanced-form-group .radio-inline label:after {
        background-color: #2b94f9 !important; }
  .allergiesModal .form-allergies {
    display: flex;
    flex-direction: column; }
    .allergiesModal .form-allergies .e-seperator {
      margin: 10px 15px;
      border-color: #ccc; }
    .allergiesModal .form-allergies .e-pr {
      position: relative; }
    .allergiesModal .form-allergies .k-overlay {
      z-index: 10010;
      opacity: 0.6;
      position: absolute;
      background: white; }
  .allergiesModal .invalidConrol span.text-autoComplete {
    border-bottom: 2px solid #f17c43 !important; }
  .allergiesModal #currentAllergyGridList .ahbs-unblock {
    color: #21b799; }
  .allergiesModal #HistoryAllergyGridList .ahbs-unblock {
    color: #21b799; }
  .allergiesModal .pAllergies .tooltip.bottom.in.fade {
    margin-top: 0 !important; }
  .allergiesModal .inActiveStatus {
    color: #c0c2c3 !important; }
  .allergiesModal .pr3 {
    padding-right: 3px; }
  .allergiesModal .fs16 {
    font-size: 16px; }
  .allergiesModal .mt7 {
    margin-top: 7px; }
  .allergiesModal .fs25 {
    font-size: 25px; }
  .allergiesModal .linkbtn {
    color: #428bca;
    text-decoration: underline !important; }

.mt-7 {
  margin-top: -7px; }

.mt-1 {
  margin-top: -1px !important; }

.w84 {
  width: 84px; }

.ml-20 {
  margin-left: -20px; }

.posAbs {
  position: absolute; }

.ml50 {
  margin-left: 50px; }

.w150 {
  width: 150px; }

.mt-20 {
  margin-top: -20px; }

.fs14 {
  font-size: 14px; }

.ml60 {
  margin-left: 60px; }

.ml55 {
  margin-left: 55px; }

.borderStyFocus {
  border-bottom: 2px solid #7f7f7f; }

.kendoPopup-headerTemplate .name span.allergy {
  margin-left: -20px;
  display: inline; }

borderStyFocus:focus {
  border-bottom: 2px solid #147ec7; }

.mt2 {
  margin-top: 2px; }

.fs13 {
  font-size: 13px; }

.AllergiesBody .k-tooltip.k-popup[role="tooltip"] {
  visibility: hidden; }
.AllergiesBody #MoreInfoTooltip_tt_active, .AllergiesBody #ClassificationTooltip_tt_active {
  visibility: visible;
  background-color: white;
  color: #58666e;
  box-shadow: 0 0px 7px 0 rgba(0, 0, 0, 0.5) !important; }
  .AllergiesBody #MoreInfoTooltip_tt_active .k-tooltip-button, .AllergiesBody #ClassificationTooltip_tt_active .k-tooltip-button {
    display: none; }
  .AllergiesBody #MoreInfoTooltip_tt_active .k-tooltip-content, .AllergiesBody #ClassificationTooltip_tt_active .k-tooltip-content {
    padding-right: 0px; }
  .AllergiesBody #MoreInfoTooltip_tt_active .k-callout.k-callout-n, .AllergiesBody #ClassificationTooltip_tt_active .k-callout.k-callout-n {
    border-bottom-color: #d0d0d0; }
  .AllergiesBody #MoreInfoTooltip_tt_active .k-callout.k-callout-n:after, .AllergiesBody #ClassificationTooltip_tt_active .k-callout.k-callout-n:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    top: -4px;
    left: -6px;
    border-style: solid;
    border-width: 6px;
    border-color: transparent;
    border-bottom-color: white; }
  .AllergiesBody #MoreInfoTooltip_tt_active .k-callout.k-callout-s, .AllergiesBody #ClassificationTooltip_tt_active .k-callout.k-callout-s {
    border-top-color: #d0d0d0; }
  .AllergiesBody #MoreInfoTooltip_tt_active .k-callout.k-callout-s:after, .AllergiesBody #ClassificationTooltip_tt_active .k-callout.k-callout-s:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    top: -6px;
    left: -6px;
    border-style: solid;
    border-width: 6px;
    border-color: transparent;
    border-top-color: white; }
.AllergiesBody .infoServiceTransaction {
  text-align: left;
  font-size: 13px; }
  .AllergiesBody .infoServiceTransaction .btDashed {
    border-top: 1px dashed #e6e6e6; }
    .AllergiesBody .infoServiceTransaction .btDashed .billingError {
      color: #a54545; }
  .AllergiesBody .infoServiceTransaction .taxCard {
    line-height: 14px;
    /*background-color: #edf1f2;*/ }
    .AllergiesBody .infoServiceTransaction .taxCard i.fa-circle {
      font-size: 8px; }
  .AllergiesBody .infoServiceTransaction .scrolableContainer {
    overflow-y: auto;
    max-height: 140px; }

.consultationFilter .k-radio:disabled + .k-radio-label {
  color: #58666e !important; }

.onlinePhysColor {
  color: #F27437; }

.onlineColor {
  color: #21b799; }

/*.k-calendar .k-today{
    background-color:transparent !important;
    border:1px solid #1d6ebf;
    a{
        color:#1d6ebf !important;
    }
    
}*/
/*---------------------- */
@media (min-width: 970px) and (max-width: 1024px) and (orientation: landscape) {
  .col-md-3 {
    width: 19.5% !important; } }
.k-rtl #pat-bannar .infoPopover .showOn {
  margin-top: 5px !important; }
.k-rtl .showOn.locationShowOn .popover-arrow {
  margin-right: 90px !important; }

/*shortcuts page style*/
.introbg p {
  margin: 0 0; }

.introbg {
  background: transparent url(/../../Theme/img/intro1.jpg) no-repeat scroll center center;
  background-size: cover;
  height: auto;
  min-height: 100%;
  position: absolute;
  top: 0;
  width: inherit;
  background-color: #f0f3f4;
  display: flex;
  -ms-flex-flow: column nowrap;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap; }

.loginbg {
  background: transparent url(/../../Theme/img/login.jpg) no-repeat scroll center center;
  background-size: cover;
  min-height: 100vh !important;
  position: absolute;
  top: 0;
  width: inherit;
  background-color: #f0f3f4;
  display: flex;
  -ms-flex-flow: column nowrap;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap; }

.inner {
  display: flex;
  -ms-flex-flow: column nowrap;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  align-items: center;
  margin-top: 40px; }

.flex-container {
  width: 100%;
  max-width: 868px;
  height: auto;
  margin: 0 auto;
  padding: 10px;
  position: relative;
  list-style: none;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-top: 40px; }

.flex-item {
  width: 200px;
  height: 165px;
  margin: 5px;
  color: white;
  font-size: 3em;
  text-align: center; }

.intro_ico {
  width: 100%;
  max-width: 100px;
  border-radius: 8%;
  vertical-align: middle;
  border: 0; }

.intro_text {
  display: block;
  max-width: 100%;
  /*white-space: nowrap;*/
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  text-shadow: 1px 1px #000000;
  vertical-align: top;
  color: #fff;
  margin-top: 8px;
  font-size: 18px;
  padding-left: 10px;
  padding-right: 10px; }

.introbg input {
  width: 98% !important;
  max-width: 868px;
  display: block;
  -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  -moz-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  -o-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 96%, white 1%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, white 1%);
  background-position: -868px 18px;
  background-size: 868px 50%;
  background-repeat: no-repeat;
  color: white;
  padding-left: 2% !important; }

.introbg input:hover {
  box-shadow: none;
  outline: none;
  background-position: 0 18px; }

.introbg input::-webkit-input-placeholder {
  font-family: 'roboto', sans-serif;
  -webkit-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: white; }

.introbg input:focus::-webkit-input-placeholder, .introbg input:valid::-webkit-input-placeholder {
  color: white;
  font-size: 11px;
  -webkit-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
  visibility: visible !important; }

/*end Shortcuts style*/
/* sub pages style */
.btn-green {
  background-color: #4FCDAC;
  border-radius: 0px;
  text-transform: uppercase;
  color: #ffffff; }

.btn-green:hover, .btn-green:focus {
  background-color: #198c75 !important;
  color: #ffffff !important; }

.btn {
  padding: 6px 6px !important;
  vertical-align: text-top; }

.list-group-lg li.list-group-item {
  padding-top: 5px;
  padding-bottom: 5px; }

.list-group-lg li.list-group-item .inbox_row {
  line-height: 26px; }

.searchInbox {
  width: 300px !important; }

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.4; }

.modal-dialog.modal-lg {
  background-color: white; }

form#VitalRecordModal {
  padding: 0 !important; }

.VitalRecordModalContainer .modal-body {
  padding: 0; }
  .VitalRecordModalContainer .modal-body .model-inner-scroll {
    max-height: calc(100vh - 275px) !important;
    padding: 0; }
    .VitalRecordModalContainer .modal-body .model-inner-scroll .accordion-complete-record {
      padding: 10px 0; }
      .VitalRecordModalContainer .modal-body .model-inner-scroll .accordion-complete-record .accordion i {
        font-size: 18px; }
    .VitalRecordModalContainer .modal-body .model-inner-scroll .accordion-complete-record .vital-input, .VitalRecordModalContainer .modal-body .model-inner-scroll .accordion-single-record .vital-input {
      padding: 0;
      padding-inline-end: 75px; }
    .VitalRecordModalContainer .modal-body .model-inner-scroll .accordion-complete-record:nth-child(even) {
      background: #f7f7f7; }
  .VitalRecordModalContainer .modal-body .vital-sign-form {
    padding: 0;
    /*padding-inline-end: 75px;*/ }
    .VitalRecordModalContainer .modal-body .vital-sign-form .k-radio:checked + .k-radio-label[disabled]:before {
      border-color: #ccc !important;
      background-color: white !important; }
    .VitalRecordModalContainer .modal-body .vital-sign-form .k-radio:checked + .k-radio-label[disabled]:after {
      background-color: #ccc !important; }
    .VitalRecordModalContainer .modal-body .vital-sign-form .k-radio:disabled + .k-radio-label:active:before {
      background: #ffffff !important; }
  .VitalRecordModalContainer .modal-body .multiSelect-control.k-multiselect [role=listbox] + .k-input.k-readonly {
    width: 100% !important; }
  .VitalRecordModalContainer .modal-body .vital-sign-date {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.07), 0 3px 6px rgba(0, 0, 0, 0.01);
    margin: 0 !important;
    margin-bottom: 15px !IMPORTANT;
    background-color: #f7f7f7;
    padding: 20px 0;
    padding-inline-end: 75px;
    padding-inline-start: 0;
    /*margin-bottom: 20px !IMPORTANT;*/ }

.pos-rlt {
  position: relative; }

.pos-stc {
  position: static !important; }

.pos-abt {
  position: absolute; }

.pos-fix {
  position: fixed; }

.visibility-show {
  visibility: visible; }

.visibility-hidden {
  visibility: hidden; }

.line {
  width: 100%;
  height: 2px;
  margin: 10px 0;
  font-size: 0;
  overflow: hidden; }

.line-xs {
  margin: 0; }

.line-lg {
  margin-top: 15px;
  margin-bottom: 15px; }

.line-dashed {
  border-style: dashed !important;
  background-color: transparent;
  border-width: 0; }

.no-line {
  border-width: 0; }

.no-border, .no-borders {
  border-color: transparent !important;
  border-width: 0 !important; }

.nobold {
  font-weight: normal; }

.no-radius {
  border-radius: 0; }

.block {
  display: block !important; }

.block.hide {
  display: none; }

.inline {
  display: inline-block !important; }

.d-inline {
  display: inline-block !important; }

.flex {
  display: flex !important; }

.none {
  display: none; }

.pull-none {
  float: none; }

.rounded {
  border-radius: 500px; }

.clear {
  display: block;
  overflow: hidden; }

.clearfix {
  clear: both; }

.no-bg {
  background-color: transparent !important; }

.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.l-h {
  line-height: 1.42857143; }

.l-h-0x {
  line-height: 0; }

.l-h-1x {
  line-height: 1.2; }

.l-h-2x {
  line-height: 2em; }

.l-s-1x {
  letter-spacing: 1; }

.l-s-2x {
  letter-spacing: 2; }

.l-s-3x {
  letter-spacing: 3; }

.font-normal {
  font-weight: normal; }

.font-thin {
  font-weight: 300; }

.font-bold {
  font-weight: 700; }

.text-3x {
  font-size: 3em; }

.text-2x {
  font-size: 2em; }

.text-lg {
  font-size: 18px; }

.text-md {
  font-size: 16px !important; }

.text-base {
  font-size: 14px !important; }

.text-sm {
  font-size: 13px; }

.text-xs {
  font-size: 12px; }

.text-24 {
  font-size: 24px; }

.text-20 {
  font-size: 20px; }

.text-18 {
  font-size: 18px; }

.text-xxs {
  text-indent: -9999px; }

.text-ellipsis {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.text-noWrap {
  white-space: nowrap !important; }

.text-normalWrap {
  white-space: normal !important; }

.text-u-c {
  text-transform: uppercase; }

.text-l-t {
  text-decoration: line-through; }

.text-u-l {
  text-decoration: underline; }

.text-italic {
  font-style: italic; }

.text-active, .active > .text, .active > .auto .text {
  display: none !important; }

.active > .text-active, .active > .auto .text-active {
  display: inline-block !important; }

.box-shadow {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05); }

.box-shadow-lg {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05); }

.text-shadow {
  font-size: 170px;
  text-shadow: 0 1px 0 #dee5e7, 0 2px 0 #fcfdfd, 0 5px 10px rgba(0, 0, 0, 0.125), 0 10px 20px rgba(0, 0, 0, 0.2); }

.no-shadow {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.bg-white {
  background-color: #ffffff; }

.bg-none {
  background: none !important; }

.bg-lightgrey {
  background-color: #edeff0; }

.wrapper-xs {
  padding: 5px; }

.wrapper-sm {
  padding: 10px; }

.wrapper {
  padding: 15px; }

.wrapper-md {
  padding: 20px; }

.wrapper-lg {
  padding: 30px; }

.wrapper-xl {
  padding: 50px; }

.padder-lg {
  padding-left: 30px;
  padding-right: 30px; }

.padder-md {
  padding-left: 20px;
  padding-right: 20px; }

.padder {
  padding-left: 15px;
  padding-right: 15px; }

.padder-v {
  padding-top: 15px;
  padding-bottom: 15px; }

.no-padder {
  padding: 0 !important; }

.pull-in {
  margin-left: -15px;
  margin-right: -15px; }

.pull-out {
  margin: -10px -15px; }

.b {
  border: 1px solid rgba(0, 0, 0, 0.05); }

.b-a {
  border: 1px solid #dee5e7 !important; }

.b-t {
  border-top: 1px solid #dee5e7 !important; }

.b-r {
  border-right: 1px solid #dee5e7 !important; }

.b-b {
  border-bottom: 1px solid #dee5e7 !important; }

.b-l {
  border-left: 1px solid #dee5e7 !important; }

.b-light {
  border-color: #edf1f2 !important; }

.b-dark {
  border-color: #3a3f52 !important; }

.b-black {
  border-color: #3a3f52 !important; }

.b-primary {
  border-color: #1d6ebf !important; }

.b-success {
  border-color: #4FCDAC !important; }

.b-info {
  border-color: #147ec7 !important; }

.b-warning {
  border-color: #e2c200 !important; }

.b-danger {
  border-color: #fe8e7e !important; }

.b-white {
  border-color: #fff; }

.b-dashed {
  border-style: dashed !important; }

.border-none {
  border: none !important; }

.b-l-light {
  border-left-color: #edf1f2 !important; }

.b-l-grey {
  border-left-color: rgba(6, 6, 6, 0.38) !important; }

.b-l-dark {
  border-left-color: #3a3f52 !important; }

.b-l-black {
  border-left-color: #3a3f52 !important; }

.b-l-primary {
  border-left-color: #21b799 !important; }

.b-l-success {
  border-left-color: #4FCDAC !important; }

.b-l-info {
  border-left-color: #147ec7 !important; }

.b-l-warning {
  border-left-color: #e2c200 !important; }

.b-l-danger {
  border-left-color: #fe8e7e !important; }

.b-l-white {
  border-left-color: #fff; }

.b-l-2x {
  border-left-width: 2px; }

.b-l-3x {
  border-left-width: 3px; }

.b-l-4x {
  border-left-width: 4px; }

.b-l-5x {
  border-left-width: 5px; }

.b-2x {
  border-width: 2px; }

.b-3x {
  border-width: 3px; }

.b-4x {
  border-width: 4px; }

.b-5x {
  border-width: 5px; }

.c-dark {
  color: #3a3f52 !important; }

.r {
  border-radius: 2px 2px 2px 2px; }

.r-2x {
  border-radius: 4px; }

.r-3x {
  border-radius: 6px; }

.r-l {
  border-radius: 2px 0 0 2px; }

.r-r {
  border-radius: 0 2px 2px 0; }

.r-t {
  border-radius: 2px 2px 0 0; }

.r-b {
  border-radius: 0 0 2px 2px; }

/*Prevent text selection*/
.noselect {
  /*-webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;*/ }

.m-xxs {
  margin: 2px 4px; }

.m-xs {
  margin: 5px; }

.m-sm {
  margin: 10px; }

.m {
  margin: 15px; }

.m-md {
  margin: 20px; }

.m-lg {
  margin: 30px; }

.m-xl {
  margin: 50px; }

.m-n {
  margin: 0 !important; }

.m-l-none {
  margin-left: 0 !important; }

.m-l-xs {
  margin-left: 5px; }

.m-l-sm {
  margin-left: 10px; }

.m-l {
  margin-left: 15px; }

.m-l-md {
  margin-left: 20px; }

.m-l-lg {
  margin-left: 30px; }

.m-l-xl {
  margin-left: 40px; }

.m-l-xxl {
  margin-left: 50px; }

.m-l-n-xxs {
  margin-left: -1px; }

.m-l-n-xs {
  margin-left: -5px; }

.m-l-n-sm {
  margin-left: -10px; }

.m-l-n {
  margin-left: -15px; }

.m-l-n-md {
  margin-left: -20px; }

.m-l-n-lg {
  margin-left: -30px; }

.m-l-n-xl {
  margin-left: -40px; }

.m-l-n-xxl {
  margin-left: -50px; }

.m-t-none {
  margin-top: 0 !important; }

.m-t-xxs {
  margin-top: 1px; }

.m-t-xs {
  margin-top: 5px; }

.m-t-sm {
  margin-top: 10px; }

.m-t {
  margin-top: 15px; }

.m-t-md {
  margin-top: 20px; }

.m-t-lg {
  margin-top: 30px; }

.m-t-xl {
  margin-top: 40px; }

.m-t-xxl {
  margin-top: 50px; }

.m-t-n-xxs {
  margin-top: -1px; }

.m-t-n-xs {
  margin-top: -5px; }

.m-t-n-sm {
  margin-top: -10px; }

.m-t-n {
  margin-top: -15px; }

.m-t-n-md {
  margin-top: -20px; }

.m-t-n-lg {
  margin-top: -30px; }

.m-t-n-xl {
  margin-top: -40px; }

.m-t-n-xxl {
  margin-top: -50px; }

.m-r-none {
  margin-right: 0 !important; }

.m-r-xxs {
  margin-right: 1px; }

.m-r-xs {
  margin-right: 5px; }

.m-r-sm {
  margin-right: 10px; }

.m-r {
  margin-right: 15px; }

.m-r-md {
  margin-right: 20px; }

.m-r-lg {
  margin-right: 30px; }

.m-r-xl {
  margin-right: 40px; }

.m-r-xxl {
  margin-right: 50px; }

.m-r-n-xxs {
  margin-right: -1px; }

.m-r-n-xs {
  margin-right: -5px; }

.m-r-n-sm {
  margin-right: -10px; }

.m-r-n {
  margin-right: -15px; }

.m-r-n-md {
  margin-right: -20px; }

.m-r-n-lg {
  margin-right: -30px; }

.m-r-n-xl {
  margin-right: -40px; }

.m-r-n-xxl {
  margin-right: -50px; }

.m-b-none {
  margin-bottom: 0 !important; }

.m-b-xxs {
  margin-bottom: 1px; }

.m-b-xs {
  margin-bottom: 5px; }

.m-b-sm {
  margin-bottom: 10px; }

.m-b {
  margin-bottom: 15px; }

.m-b-md {
  margin-bottom: 20px; }

.m-b-lg {
  margin-bottom: 30px; }

.m-b-xl {
  margin-bottom: 40px; }

.m-b-xxl {
  margin-bottom: 50px; }

.m-b-n-xxs {
  margin-bottom: -1px; }

.m-b-n-xs {
  margin-bottom: -5px; }

.m-b-n-sm {
  margin-bottom: -10px; }

.m-b-n {
  margin-bottom: -15px; }

.m-b-n-md {
  margin-bottom: -20px; }

.m-b-n-lg {
  margin-bottom: -30px; }

.m-b-n-xl {
  margin-bottom: -40px; }

.m-b-n-xxl {
  margin-bottom: -50px; }

.avatartipbigger {
  width: 15px !important;
  height: 15px !important; }

.avatar {
  position: relative;
  display: block;
  border-radius: 500px;
  white-space: nowrap; }
  .avatar img {
    border-radius: 500px; }
  .avatar i {
    position: absolute;
    left: -4px;
    top: -3px;
    width: 10px;
    height: 10px;
    margin: 2px;
    border-width: 2px;
    border-style: solid;
    border-radius: 100%; }
    .avatar i.right {
      left: auto;
      right: 0; }
    .avatar i.bottom {
      left: auto;
      top: auto;
      bottom: 0;
      right: 0; }
    .avatar i.left {
      top: auto;
      bottom: 0; }
    .avatar i.on {
      background-color: #4FCDAC; }
    .avatar i.off {
      background-color: #99a6ad; }
    .avatar i.busy {
      background-color: #fe8e7e; }
    .avatar i.away {
      background-color: #e2c200; }
  .avatar.thumb-md i {
    width: 12px;
    height: 12px;
    margin: 3px; }
  .avatar.thumb-sm i {
    margin: 1px; }
  .avatar.thumb-xs i {
    margin: 0; }

.w-1x {
  width: 1em; }

.w-2x {
  width: 2em; }

.w-3x {
  width: 3em; }

.w-xxs {
  width: 60px; }

.w-xs {
  width: 90px; }

.w-sm {
  width: 150px; }

.w {
  width: 200px; }

.w-md {
  width: 240px; }

.w-lg {
  width: 280px; }

.w-xl {
  width: 320px; }

.w-xxl {
  width: 360px; }

.w-full {
  width: 100%; }

.w-auto {
  width: auto; }

.w-maxFull {
  max-width: 100%; }

.w-max320 {
  max-width: 320px; }

.h-auto {
  height: auto; }

.h-full {
  height: 100%; }

.h-200 {
  height: 200px; }

.h-60 {
  height: 60px; }

.thumb-xl {
  width: 128px;
  display: inline-block; }

.thumb-lg {
  width: 96px;
  display: inline-block; }

.thumb-md {
  width: 64px;
  display: inline-block; }

.thumb {
  width: 50px;
  display: inline-block; }

.thumb-sm {
  width: 40px;
  display: inline-block; }

.thumb-xs {
  width: 34px;
  display: inline-block; }

.thumb-xxs {
  width: 30px;
  display: inline-block; }

.thumb-wrapper {
  padding: 2px;
  border: 1px solid #dee5e7; }

.thumb img,
.thumb-xs img,
.thumb-sm img,
.thumb-md img,
.thumb-lg img,
.thumb-btn img {
  height: auto;
  max-width: 100%;
  vertical-align: middle; }

.img-full {
  width: 100%; }
  .img-full img {
    width: 100%; }

.scrollable {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }
  .scrollable.hover {
    overflow-y: hidden !important; }
    .scrollable.hover:hover {
      overflow: visible !important;
      overflow-y: auto !important; }
  .smart .scrollable {
    overflow-y: auto !important; }

.scroll-x, .scroll-y {
  overflow: hidden;
  -webkit-overflow-scrolling: touch; }

.scroll-y {
  overflow-y: auto; }

.scroll-x {
  overflow-x: auto; }

.backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050; }
  .backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0); }
  .backdrop.in {
    opacity: 0.8;
    filter: alpha(opacity=80); }

.gray-scale-bg {
  filter: grayscale(100%); }

/*desktop*/
@media screen and (min-width: 992px) {
  .col-lg-2-4 {
    width: 20.000%;
    float: left; } }
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm.show {
    display: inherit !important; }

  .no-m-sm {
    margin: 0 !important; } }
/*phone*/
@media (max-width: 767px) {
  .w-auto-xs {
    width: auto; }

  .shift {
    display: none !important; }

  .shift.in {
    display: block !important; }

  .row-2 [class*="col"] {
    width: 50%;
    float: left; }

  .row-2 .col-0 {
    clear: none; }

  .row-2 li:nth-child(odd) {
    clear: left;
    margin-left: 0; }

  .text-center-xs {
    text-align: center; }

  .text-left-xs {
    text-align: left; }

  .text-right-xs {
    text-align: right; }

  .no-border-xs {
    border-width: 0; }

  .pull-none-xs {
    float: none !important; }

  .pull-right-xs {
    float: right !important; }

  .pull-left-xs {
    float: left !important; }

  .dropdown-menu.pull-none-xs {
    left: 0; }

  .hidden-xs.show {
    display: inherit !important; }

  .wrapper-lg, .wrapper-md {
    padding: 15px; }

  .padder-lg, .padder-md {
    padding-left: 15px;
    padding-right: 15px; }

  .no-m-xs {
    margin: 0 !important; } }
/*===============================================
Text Helpers
================================================= */
.text-uppercase {
  text-transform: uppercase !important; }

.fw200 {
  font-weight: 200 !important; }

.fw300 {
  font-weight: 300 !important; }

.fw400 {
  font-weight: 400 !important; }

.fw600 {
  font-weight: 600 !important; }

.fw700 {
  font-weight: 700 !important; }

.fs3 {
  font-size: 4px !important; }

.fs4 {
  font-size: 4px !important; }

.fs5 {
  font-size: 5px !important; }

.fs6 {
  font-size: 6px !important; }

.fs7 {
  font-size: 7px !important; }

.fs8 {
  font-size: 8px !important; }

.fs9 {
  font-size: 9px !important; }

.fs10 {
  font-size: 10px !important; }

.fs11 {
  font-size: 11px !important; }

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

.fs13 {
  font-size: 13px !important; }

.fs14 {
  font-size: 14px !important; }

.fs15 {
  font-size: 15px !important; }

.fs16 {
  font-size: 16px !important; }

.fs16 {
  font-size: 17px !important; }

.fs18 {
  font-size: 18px !important; }

.fs20 {
  font-size: 20px !important; }

.fs22 {
  font-size: 22px !important; }

.fs24 {
  font-size: 24px !important; }

.fs26 {
  font-size: 26px !important; }

.fs28 {
  font-size: 28px !important; }

.fs30 {
  font-size: 30px !important; }

.fs35 {
  font-size: 35px !important; }

.fs40 {
  font-size: 40px !important; }

.fs45 {
  font-size: 45px !important; }

.fs50 {
  font-size: 50px !important; }

.fs60 {
  font-size: 60px !important; }

.fs70 {
  font-size: 70px !important; }

.fs80 {
  font-size: 80px !important; }

.fs90 {
  font-size: 90px !important; }

.fs100 {
  font-size: 100px !important; }

/*===============================================
D. Padding Helpers
================================================= */
.pn {
  padding: 0 !important; }

.p1 {
  padding: 1px !important; }

.p2 {
  padding: 2px !important; }

.p3 {
  padding: 3px !important; }

.p4 {
  padding: 4px !important; }

.p5 {
  padding: 5px !important; }

.p6 {
  padding: 6px !important; }

.p7 {
  padding: 7px !important; }

.p8 {
  padding: 8px !important; }

.p10 {
  padding: 10px !important; }

.p12 {
  padding: 12px !important; }

.p15 {
  padding: 15px !important; }

.p20 {
  padding: 20px !important; }

.p25 {
  padding: 25px !important; }

.p30 {
  padding: 30px !important; }

.p35 {
  padding: 35px !important; }

.p40 {
  padding: 40px !important; }

.p50 {
  padding: 50px !important; }

.ptn {
  padding-top: 0 !important; }

.pt5 {
  padding-top: 5px !important; }

.pt10 {
  padding-top: 10px !important; }

.pt15 {
  padding-top: 15px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt25 {
  padding-top: 25px !important; }

.pt30 {
  padding-top: 30px !important; }

.pt35 {
  padding-top: 35px !important; }

.pt40 {
  padding-top: 40px !important; }

.pt50 {
  padding-top: 50px !important; }

.pt43 {
  padding-top: 43px !important; }

.pt60 {
  padding-top: 60px !important; }

.pt95 {
  padding-top: 95px !important; }

.prn {
  padding-right: 0 !important; }

.pr2 {
  padding-right: 2px !important; }

.pr5 {
  padding-right: 5px !important; }

.pr10 {
  padding-right: 10px !important; }

.pr15 {
  padding-right: 15px !important; }

.pr20 {
  padding-right: 20px !important; }

.pr25 {
  padding-right: 25px !important; }

.pr30 {
  padding-right: 30px !important; }

.pr35 {
  padding-right: 35px !important; }

.pr40 {
  padding-right: 40px !important; }

.pr50 {
  padding-right: 50px !important; }

.pbn {
  padding-bottom: 0 !important; }

.pb5 {
  padding-bottom: 5px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pb25 {
  padding-bottom: 25px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pb35 {
  padding-bottom: 35px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.pln {
  padding-left: 0 !important; }

.pl5 {
  padding-left: 5px !important; }

.pl10 {
  padding-left: 10px !important; }

.pl15 {
  padding-left: 15px !important; }

.pl20 {
  padding-left: 20px !important; }

.pl25 {
  padding-left: 25px !important; }

.pl30 {
  padding-left: 30px !important; }

.pl35 {
  padding-left: 35px !important; }

.pl40 {
  padding-left: 40px !important; }

.pl50 {
  padding-left: 50px !important; }

/*===============================================
E. Margin Helpers
================================================= */
/* margin center helper */
.mauto {
  margin-left: auto;
  margin-right: auto; }

.mn {
  margin: 0 !important; }

.m1 {
  margin: 1px !important; }

.m2 {
  margin: 2px !important; }

.m3 {
  margin: 3px !important; }

.m4 {
  margin: 4px !important; }

.m5 {
  margin: 5px !important; }

.m8 {
  margin: 8px !important; }

.m10 {
  margin: 10px !important; }

.m15 {
  margin: 15px !important; }

.m20 {
  margin: 20px !important; }

.m25 {
  margin: 25px !important; }

.m30 {
  margin: 30px !important; }

.m35 {
  margin: 35px !important; }

.m40 {
  margin: 40px !important; }

.m50 {
  margin: 50px !important; }

.mtn {
  margin-top: 0 !important; }

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

.mt-2 {
  margin-top: -2px !important; }

.mt-3 {
  margin-top: 3px !important; }

.mt-4 {
  margin-top: -4px !important; }

.mt-5 {
  margin-top: -5px !important; }

.mt-7 {
  margin-top: -7px !important; }

.mt2 {
  margin-top: 2px !important; }

.mt3 {
  margin-top: 3px !important; }

.mt5 {
  margin-top: 5px !important; }

.mt11 {
  margin-top: 11px !important; }

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

.mt17 {
  margin-top: 17px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt35 {
  margin-top: 35px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt42 {
  margin-top: 42px !important; }

.mt50 {
  margin-top: 50px !important; }

.mt80 {
  margin-top: 80px !important; }

.mrn {
  margin-right: 0 !important; }

.mr5 {
  margin-right: 5px !important; }

.mr10 {
  margin-right: 10px !important; }

.mr15 {
  margin-right: 15px !important; }

.mr20 {
  margin-right: 20px !important; }

.mr25 {
  margin-right: 25px !important; }

.mr30 {
  margin-right: 30px !important; }

.mr35 {
  margin-right: 35px !important; }

.mr40 {
  margin-right: 40px !important; }

.mr50 {
  margin-right: 50px !important; }

.mbn {
  margin-bottom: 0 !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.mln {
  margin-left: 0 !important; }

.ml5 {
  margin-left: 5px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml15 {
  margin-left: 15px !important; }

.ml20 {
  margin-left: 20px !important; }

.ml25 {
  margin-left: 25px !important; }

.ml30 {
  margin-left: 30px !important; }

.ml35 {
  margin-left: 35px !important; }

.ml40 {
  margin-left: 40px !important; }

.ml50 {
  margin-left: 50px !important; }

.ml90 {
  /*text-align:center;*/
  margin-left: 127px; }

/*Regular Width Helpers. Primarily used on tables*/
.w20 {
  width: 20px !important; }

.w30 {
  width: 30px !important; }

.w35 {
  width: 35px !important; }

.w40 {
  width: 40px !important; }

.w50 {
  width: 50px !important; }

.w75 {
  width: 75px !important; }

.w100 {
  width: 100px !important; }

.w125 {
  width: 125px !important; }

.w150 {
  width: 150px !important; }

.w175 {
  width: 175px !important; }

.w200 {
  width: 200px !important; }

.w225 {
  width: 225px !important; }

.w250 {
  width: 250px !important; }

.w300 {
  width: 300px !important; }

.w320 {
  width: 320px !important; }

.w350 {
  width: 350px !important; }

.w400 {
  width: 400px !important; }

.w450 {
  width: 450px !important; }

.mnw20 {
  min-width: 20px !important; }

.mnw30 {
  min-width: 30px !important; }

.mnw40 {
  min-width: 40px !important; }

.mnw50 {
  min-width: 50px !important; }

.mnw75 {
  min-width: 75px !important; }

.mnw100 {
  min-width: 100px !important; }

.mnw125 {
  min-width: 125px !important; }

.mnw150 {
  min-width: 150px !important; }

.mnw175 {
  min-width: 175px !important; }

.mnw200 {
  min-width: 200px !important; }

.mnw250 {
  min-width: 250px !important; }

.mnw300 {
  min-width: 300px !important; }

.mnw500 {
  min-width: 500px !important; }

.mnw700 {
  min-width: 700px !important; }

.mnw1000 {
  min-width: 1000px !important; }

.none-imp {
  display: none !important; }

.w-1-p {
  width: 1% !important; }

.w-2-p {
  width: 2% !important; }

.w-3-p {
  width: 3% !important; }

.w-4-p {
  width: 4% !important; }

.w-5-p {
  width: 5% !important; }

.w-6-p {
  width: 6% !important; }

.w-7-p {
  width: 7% !important; }

.w-8-p {
  width: 8% !important; }

.w-9-p {
  width: 9% !important; }

.w-10-p {
  width: 10% !important; }

.w-11-p {
  width: 11% !important; }

.w-12-p {
  width: 12% !important; }

.w-13-p {
  width: 13% !important; }

.w-14-p {
  width: 14% !important; }

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

.w-16-p {
  width: 16% !important; }

.w-17-p {
  width: 17% !important; }

.w-18-p {
  width: 18% !important; }

.w-19-p {
  width: 19% !important; }

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

.w-21-p {
  width: 21% !important; }

.w-22-p {
  width: 22% !important; }

.w-23-p {
  width: 23% !important; }

.w-24-p {
  width: 24% !important; }

.w-25-p {
  width: 25% !important; }

.w-26-p {
  width: 26% !important; }

.w-27-p {
  width: 27% !important; }

.w-28-p {
  width: 28% !important; }

.w-29-p {
  width: 29% !important; }

.w-30-p {
  width: 30% !important; }

.w-31-p {
  width: 31% !important; }

.w-32-p {
  width: 32% !important; }

.w-33-p {
  width: 33% !important; }

.w-34-p {
  width: 34% !important; }

.w-35-p {
  width: 35% !important; }

.w-36-p {
  width: 36% !important; }

.w-37-p {
  width: 37% !important; }

.w-38-p {
  width: 38% !important; }

.w-39-p {
  width: 39% !important; }

.w-40-p {
  width: 40% !important; }

.w-41-p {
  width: 41% !important; }

.w-42-p {
  width: 42% !important; }

.w-43-p {
  width: 43% !important; }

.w-44-p {
  width: 44% !important; }

.w-45-p {
  width: 45% !important; }

.w-46-p {
  width: 46% !important; }

.w-47-p {
  width: 47% !important; }

.w-48-p {
  width: 48% !important; }

.w-49-p {
  width: 49% !important; }

.w-50-p {
  width: 50% !important; }

.w-51-p {
  width: 51% !important; }

.w-52-p {
  width: 52% !important; }

.w-53-p {
  width: 53% !important; }

.w-54-p {
  width: 54% !important; }

.w-55-p {
  width: 55% !important; }

.w-56-p {
  width: 56% !important; }

.w-57-p {
  width: 57% !important; }

.w-58-p {
  width: 58% !important; }

.w-59-p {
  width: 59% !important; }

.w-60-p {
  width: 60% !important; }

.w-61-p {
  width: 61% !important; }

.w-62-p {
  width: 62% !important; }

.w-63-p {
  width: 63% !important; }

.w-64-p {
  width: 64% !important; }

.w-65-p {
  width: 65% !important; }

.w-66-p {
  width: 66% !important; }

.w-67-p {
  width: 67% !important; }

.w-68-p {
  width: 68% !important; }

.w-69-p {
  width: 69% !important; }

.w-70-p {
  width: 70% !important; }

.w-71-p {
  width: 71% !important; }

.w-72-p {
  width: 72% !important; }

.w-73-p {
  width: 73% !important; }

.w-74-p {
  width: 74% !important; }

.w-75-p {
  width: 75% !important; }

.w-76-p {
  width: 76% !important; }

.w-77-p {
  width: 77% !important; }

.w-78-p {
  width: 78% !important; }

.w-79-p {
  width: 79% !important; }

.w-80-p {
  width: 80% !important; }

.w-81-p {
  width: 81% !important; }

.w-82-p {
  width: 82% !important; }

.w-83-p {
  width: 83% !important; }

.w-84-p {
  width: 84% !important; }

.w-85-p {
  width: 85% !important; }

.w-86-p {
  width: 86% !important; }

.w-87-p {
  width: 87% !important; }

.w-88-p {
  width: 88% !important; }

.w-89-p {
  width: 89% !important; }

.w-90-p {
  width: 90% !important; }

.w-91-p {
  width: 91% !important; }

.w-92-p {
  width: 92% !important; }

.w-93-p {
  width: 93% !important; }

.w-94-p {
  width: 94% !important; }

.w-95-p {
  width: 95% !important; }

.w-96-p {
  width: 96% !important; }

.w-97-p {
  width: 97% !important; }

.w-98-p {
  width: 98% !important; }

.w-99-p {
  width: 99% !important; }

.w-100-p {
  width: 100% !important; }

.text-right {
  text-align: right !important; }

.mouse-p {
  cursor: pointer; }

.pt0 {
  padding-top: 0px !important; }

.pt7 {
  padding-top: 7px !important; }

.pl0 {
  padding-left: 0px !important; }

.pr0 {
  padding-right: 0px !important; }

.ml-2 {
  margin-left: -2px !important; }

.ml-8 {
  margin-left: -8px !important; }

.mb3 {
  margin-bottom: 3px !important; }

.ml39 {
  margin-left: 39px !important; }

.mt0 {
  margin-top: 0px !important; }

.mt3 {
  margin-top: 3px !important; }

.mr2 {
  margin-right: 2px !important; }

.pr7 {
  padding-right: 7px !important; }

.ml2 {
  margin-left: 2px !important; }

.pt100 {
  padding-top: 140px !important; }

.mt8 {
  margin-top: 8px !important; }

.ml-115 {
  margin-left: -100px !important; }

.ml100 {
  margin-left: 100px !important; }

.mt1 {
  margin-top: 1px !important; }

.mt4 {
  margin-top: 4px !important; }

.ml-5 {
  margin-left: -5px !important; }

.mr-3 {
  margin-right: -3px !important; }

.mr3 {
  margin-right: 3px !important; }

.wp55 {
  width: 54% !important; }

.wp45 {
  width: 45% !important; }

.pl8 {
  padding-left: 8px !important; }

.pt55 {
  padding-top: 55px !important; }

.pt51 {
  padding-top: 51px !important; }

.ml0 {
  margin-left: 0 !important; }

.mt-15 {
  margin-top: -15px !important; }

.mr-15 {
  margin-right: -15px !important; }

.mr0 {
  margin-right: 0 !important; }

.mt100 {
  margin-top: 100px !important; }

.mt130 {
  margin-top: 130px !important; }

.ml8 {
  margin-left: 8px !important; }

.pt45 {
  padding-top: 45px !important; }

.mr-2 {
  margin-right: -2px !important; }

.opacity-4 {
  opacity: 0.4 !important; }

.opacity-6 {
  opacity: 0.6 !important; }

.opacity-7 {
  opacity: 0.7 !important; }

.opacity-8 {
  opacity: 0.8 !important; }

.mb1 {
  margin-bottom: 1px !important; }

.cursor-not-allowed {
  cursor: not-allowed !important; }

.placeholder-color {
  color: #A4A4A4; }

.wordbreak-all {
  -ms-word-break: break-all !important;
  word-break: break-all !important; }

.d-flex {
  display: flex; }

.whitespace-nowrap {
  white-space: nowrap; }

.px-3 {
  padding: 0px 3px; }

.SeanceBGColor {
  background-color: #811389 !important; }

.SunsetOrangeBGColor {
  background-color: #FF4949 !important; }

.SalmonBGColor {
  background-color: #FF7676 !important; }

.w10 {
  width: 10px !important; }

.h10 {
  height: 10px !important; }

.mt7 {
  margin-top: 7px; }

.vertical-middle {
  vertical-align: middle !important; }

.fs15 {
  font-size: 15px !important; }

.w19 {
  width: 19px !important; }

.display-inline {
  display: inline !important; }

.colorFireBush {
  color: #E4A526; }

.colorWhite {
  color: #ffffff !important; }

.lower-text {
  text-transform: lowercase; }

.d-inline-block {
  display: inline-block !important; }

.pb7 {
  padding-bottom: 7px !important; }

.w-250 {
  width: 250px !important; }

.mt27 {
  margin-top: 27px !important; }

.w-140 {
  width: 140px !important; }

.vertical-top {
  vertical-align: top !important; }

.ml12 {
  margin-left: 12px; }

.ml15 {
  margin-left: 15px; }

.w-15 {
  width: 15%; }

/*kedno styles================================================================================================================================*/
.k-alt, .k-separator, .k-resource.k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child {
  background-color: #f5f5f5 !important; }

.k-textbox {
  width: 100% !important; }

.k-picker-wrap,
.k-numeric-wrap,
.k-grouping-header,
.k-pager-wrap,
.k-progressbar,
.k-draghandle,
.k-autocomplete,
.k-state-highlight,
.k-tabstrip-items .k-item,
.k-panelbar .k-tabstrip-items .k-item,
.km-pane-wrapper > .km-pane > .km-view > .km-content.k-toolbar,
.k-pager-numbers .k-state-selected,
.k-grid-footer,
.k-grid-footer td,
.k-scheduler-header,
.km-pane-wrapper .k-grid-header .k-header {
  background: none !important;
  border-bottom: #3a3f52 2px solid !important;
  color: #3a3f52; }

.k-grid-header,
.k-grid-header .k-header {
  background: #EAEAEA !important; }

.k-grid-header-wrap,
.k-grid .k-grouping-header,
.k-grid-header,
.k-pager-wrap,
.k-pager-wrap .k-textbox,
.k-pager-wrap .k-link,
.k-gantt-toolbar .k-state-default,
.k-grouping-row td,
.k-group-footer td,
.k-grid-footer td {
  border: none !important; }

.k-grid-header .k-header {
  border: none !important; }

.k-grid-header {
  padding: 6px 10px !important; }

.k-calendar .k-header {
  background-color: #1d6ebf !important; }

.k-calendar .k-header .k-state-hover {
  background-color: rgba(6, 6, 6, 0.38) !important; }

.k-header.k-grid-toolbar {
  background: none !important;
  color: #3a3f52 !important;
  border-color: #1d6ebf !important; }

.k-grid-header th.k-header, .k-filter-row th {
  border: none !important;
  /*text-align:center!important;*/ }

.k-grid-header .k-header .k-link, .k-grid-header .k-link, .k-grid-header .k-link:link, .k-pager-info, .k-scheduler-header, .k-scheduler-agendaview .k-scheduler-datecolumn {
  color: #3a3f52 !important; }

.k-pager-numbers .k-state-selected {
  border-color: #1d6ebf !important; }

.controlborder {
  border: none !important;
  width: 100% !important; }

input.controlborder {
  border: none !important; }

.k-tabstrip-items > .k-item {
  border-bottom-width: 4px !important;
  border-radius: 0 !important;
  border-bottom-style: solid;
  text-transform: uppercase; }

.k-tabstrip-items .k-state-active {
  background-color: #1d6ebf;
  border-radius: 0 !important;
  background-image: none;
  border-color: #1d6ebf;
  border-bottom-color: #4BD0F7 !important; }

input.k-textbox {
  text-indent: 0.1em !important; }

input.k-textbox,
textarea.k-textbox,
input.k-textbox:hover,
textarea.k-textbox:hover,
textarea.k-textbox,
.k-textbox > input,
.k-multiselect-wrap,
.k-input {
  background-color: transparent !important;
  color: #444; }

li.k-button {
  background-color: #f1f1f1; }

.datepickerEdit {
  height: 38px;
  background-color: #f6f8f8;
  border: 1px solid #CCCCCC !important; }

/*html input[disabled], .k-state-disabled{  cursor: no-drop!important;}*/
/*Style to make tooltip in header kendo grid appear without */
.header-tooltip .k-grid-header-wrap {
  overflow: initial !important;
  /*z-index: 999000 !important;*/ }

/*STANDARD STYLING FOR ALL Kendo GRIDS*/
/*style applied on pagging grids*/
.standardGrid.paging .k-grid-content {
  height: 1778px;
  overflow-y: hidden; }

.standardGrid.small .k-grid-header {
  padding-right: 0 !important; }

.tooltipfix .standardGrid .k-grid-content td span[tooltip], .tooltipfix .standardGrid td span[tooltip] {
  max-width: 100%;
  vertical-align: middle !important; }

.leaveRequest .standardGrid .k-grid-content td span[tooltip], .leaveRequest .standardGrid td span[tooltip] {
  /*max-width: 119%;*/
  max-width: 114%; }

.standardGrid .k-header .k-i-arrow-s {
  background-position: 0 -288px !important; }
.standardGrid .k-filter-row .k-i-arrow-s {
  background-position: 0 -31px !important; }
.standardGrid .k-grid-content td span[tooltip], .standardGrid td span[tooltip] {
  display: inline-block;
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden !important;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }
.standardGrid .k-grid-content {
  height: 366px; }
.standardGrid .k-grid-header .k-filtercell > .k-operator-hidden {
  padding-right: 0; }
.standardGrid .k-filtercell > span:not(.k-operator-hidden) {
  padding-right: 40px; }
.standardGrid .k-widget.k-dropdown.k-header.k-dropdown-operator:hover {
  opacity: 1; }
.standardGrid .k-widget.k-dropdown.k-header.k-dropdown-operator {
  right: -4px;
  top: -46px;
  /*z-index: 99999;*/
  opacity: 0.2;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
.standardGrid .k-grid-header {
  border-bottom: 1px solid #c6c6c6 !important;
  padding: 0 !important; }
.standardGrid tr.k-filter-row .k-input,
.standardGrid tr.k-filter-row .k-autocomplete {
  text-indent: 22px !important;
  background: #edf1f2 !important; }
.standardGrid tr.k-filter-row .k-input {
  border-bottom: 2px solid #7F7F7F !important; }
.standardGrid .k-datepicker .k-picker-wrap.k-state-default {
  border-bottom: none !important; }
.standardGrid tr.k-filter-row .k-input:focus,
.standardGrid tr.k-filter-row .k-autocomplete:focus {
  border-bottom-color: #147ec7 !important;
  background: #edf1f2 !important; }
.standardGrid tr.k-filter-row .k-autocomplete::before,
.standardGrid .k-numeric-wrap:before,
.standardGrid .k-picker-wrap:before,
.standardGrid .k-dropdown-wrap:before {
  content: url("../img/search.png");
  padding: 0 !important;
  left: 0;
  margin: 0 10px 0 0;
  position: absolute; }
.standardGrid .k-filter-row th {
  padding-top: 0 !important; }
.standardGrid th {
  overflow: initial !important;
  padding-bottom: 0 !important; }
.standardGrid tr td, .standardGrid tr th, .standardGrid .k-grid-header th.k-header {
  border-bottom-width: 0 !important; }
.standardGrid tr td .btn {
  margin-left: 10px !important; }
.standardGrid tr th, .standardGrid .k-grid-header th.k-header {
  background: #edf1f2 !important; }
.standardGrid .k-grid-header th.k-header > .k-link {
  min-height: 26px !important; }
.standardGrid .k-grid-header .k-header.k-with-icon.k-filterable .k-grid-filter {
  padding: 11px 5px 5px; }
  .standardGrid .k-grid-header .k-header.k-with-icon.k-filterable .k-grid-filter.k-state-active .k-icon.k-filter {
    opacity: 1; }

.k-multiselect-wrap {
  /*height: 75px !important;*/
  max-height: 75px !important;
  overflow: auto !important; }

.k-filter-menu.k-popup.k-group ul.k-multicheck-wrap {
  max-height: 185px; }
.k-filter-menu.k-popup.k-group .k-textbox.k-space-right .k-icon.k-font-icon.k-i-search:before {
  content: "\f002";
  font-family: FontAwesome;
  font-size: 1.25rem; }

/*for hiding paging other number 2 1 2*/
.k-current-page {
  display: none; }

.searchEmployee .k-grid-content td span[tooltip] {
  max-width: 240px; }

.k-grid .fixed {
  position: fixed;
  top: 81.5px;
  width: 79% !important;
  z-index: 11; }

.k-grid .fixed th[role="columnheader"] {
  background-color: #EDEBF5 !important; }

.k-grid .fixed .k-filter-row th {
  background-color: #F5F5F5 !important; }

.k-grid .k-grid-header-wrap > [role=grid] {
  /*background:red;*/ }

.k-widget span.k-input:not(.noPlaceholder), [role="listbox"] + .k-input:not(.noPlaceholder) {
  color: rgba(6, 6, 6, 0.38); }

.k-header {
  border-top: none !important;
  border-right: none !important;
  border-left: none !important; }

.k-picker-wrap .k-input {
  border: 0 !important; }

.k-dropdown .k-dropdown-wrap {
  height: 22px !important;
  overflow: hidden; }
  .k-dropdown .k-dropdown-wrap > .k-select {
    height: 100%;
    min-height: initial;
    line-height: initial; }

.k-datepicker .k-picker-wrap {
  height: 22px !important;
  overflow: hidden; }
  .k-datepicker .k-picker-wrap > .k-select {
    height: 100%;
    min-height: initial;
    line-height: initial; }

.k-multiselect .k-multiselect-wrap {
  min-height: 22px !important;
  overflow: auto; }
  .k-multiselect .k-multiselect-wrap > .k-select {
    height: 100%;
    min-height: initial;
    line-height: initial; }

.k-datetimepicker .k-picker-wrap {
  height: 22px !important;
  overflow: hidden; }
  .k-datetimepicker .k-picker-wrap > .k-select {
    height: 100%;
    min-height: initial;
    line-height: initial; }

.k-timepicker .k-timepicker-wrap {
  height: 22px !important;
  overflow: hidden; }
  .k-timepicker .k-timepicker-wrap > .k-select {
    height: 100%;
    min-height: initial;
    line-height: initial; }

.k-timepicker .k-picker-wrap {
  height: 22px !important; }

.k-widget.form-control {
  width: 100% !important;
  max-height: 21px !important; }

.k-multiselect-wrap li {
  margin: 0 !important;
  padding: 0.2em 0 0 1em !important;
  line-height: 1em !important;
  float: left !important;
  background-color: rgba(29, 110, 191, 0.19) !important;
  border: none !important; }

.k-dropdown .k-state-hover .k-input {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.k-autocomplete.k-state-hover, .k-dropdown-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-picker-wrap.k-state-hover, .k-textbox:hover {
  background-color: rgba(249, 249, 249, 0) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.k-autocomplete.k-state-hover, .k-dropdown-wrap.k-state-focus, .k-numeric-wrap.k-state-hover, .k-picker-wrap.k-state-hover, .k-textbox:hover {
  background-color: rgba(249, 249, 249, 0) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.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 {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-top: none;
  border-right: none;
  border-left: none; }

tr.k-alt.ng-scope {
  background-color: #edf1f2 !important; }

.k-autocomplete.k-state-hover, .k-dropdown-wrap.k-state-active, .k-numeric-wrap.k-state-hover, .k-picker-wrap.k-state-hover, .k-textbox:hover {
  background-color: rgba(249, 249, 249, 0) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.k-combobox, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-textbox, .k-timepicker, .k-timepicker .k-input, span.k-colorpicker {
  background-color: rgba(76, 44, 44, 0); }

k-autocomplete.k-state-default, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default {
  background-position: 50% 50%;
  background-color: rgba(249, 249, 249, 0) !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible; }

.k-grid .k-grouping-header {
  display: none; }

.k-grid-content {
  min-height: 130px !important; }

.k-filter-row th {
  padding: 5px; }

input:focus, .k-datepicker:focus, .k-datetimepicker:focus, .k-timepicker:focus {
  border-bottom-color: #147ec7; }

.input-field label {
  color: #9e9e9e;
  position: absolute;
  top: 0.8rem;
  left: 0.75rem;
  cursor: text; }

/*E N D*/
.k-dropdown-wrap.k-state-default:focus {
  box-shadow: none; }

.k-dropdown .k-dropdown-wrap {
  height: 22px !important;
  overflow: hidden !important; }

.searchInput .k-dropdown-wrap {
  height: 33px !important; }

.k-grid-header .k-header .k-link,
.k-grid-header .k-link,
.k-grid-header .k-link:link,
.k-pager-info,
.k-scheduler-agendaview .k-scheduler-datecolumn {
  color: #666684;
  padding: 0 5px !important;
  font-weight: 700; }

.k-grid, .k-grid-content {
  height: auto !important;
  overflow-y: visible; }

.k-pager-sizes, .k-pager-wrap .k-link, .k-pager-wrap .k-pager-numbers .k-state-selected {
  padding: 0; }

.k-pager-wrap .k-link {
  border-color: #D4D4D4;
  cursor: pointer; }

a.k-link {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.k-state-default > .k-select {
  border: none !important; }

.k-datepicker, .k-datetimepicker, .k-timepicker {
  background: none !important; }

.k-treeview > .k-group, .k-treeview .k-item > .k-group, .k-treeview .k-content {
  background: #ffffff !important; }

.k-checkbox:checked + .k-checkbox-label:after {
  background-color: #1d6ebf !important;
  border-color: #1d6ebf !important; }

.k-checkbox:disabled + .k-checkbox-label:after, .k-checkbox:checked:disabled + .k-checkbox-label:active:after, .k-checkbox:disabled + .k-checkbox-label:hover:before, .k-checkbox:checked:disabled + .k-checkbox-label:hover:after {
  background: #f4f4f5 !important;
  border-color: #bfbfbf !important;
  border-radius: 1px; }

.k-filter-row.k-input, .k-filter-row.k-textbox > input, .k-filter-row.k-autocomplete .k-input, .k-filter-row.k-multiselect-wrap {
  border: 1px solid #000 !important; }

.k-textbox,
.k-textbox:focus,
.k-multiselect-wrap .k-input,
.k-picker-wrap .k-select,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-select,
.k-numeric-wrap .k-input,
.k-autocomplete .k-input,
.k-selectbox .k-input {
  line-height: 1.4em !important;
  text-indent: .1em !important; }

.k-grid tr.k-state-selected {
  background-color: #00b0ff !important; }

.k-header.searchInput {
  margin-left: 30px; }

.introbg .k-icon, .introbg .k-state-hover .k-icon {
  background-position: -15px -34px !important; }
.introbg .k-state-focused .k-icon {
  background-position: -15px 0 !important; }

.k-input.search .k-icon {
  background-position: -15px -34px !important; }

.k-dropdown-wrap.k-state-focused {
  box-shadow: none !important; }

.bg-header .k-header.searchInput .k-icon {
  background-position: -15px -34px !important; }

#sideNav .search-icon {
  left: 35px !important;
  top: 13px !important; }

.searchInput:hover + .search-icon, .searchInput:focus + .search-icon {
  color: #fff !important; }

.k-state-border-down + .search-icon {
  color: #fff !important; }

.app-aside-dock .app-content,
.app-aside-dock .app-footer {
  margin-left: 0; }
.app-aside-dock .tohide {
  display: none; }

.app-aside-fixed nav.top_nav_old {
  display: none; }
.app-aside-fixed .nbs-flexisel-container {
  display: block; }

.app-header-fixed .nbs-flexisel-container {
  display: none; }

.k-input.searchInput::-webkit-input-placeholder {
  color: #69A8E0 !important;
  text-indent: 0px !important; }

.app .new_logo {
  display: none; }
.app.app-aside-folded .new_logo {
  display: inline-block;
  left: 200px;
  position: absolute; }

.navbar-brand img {
  max-height: none; }

a.dropdown-toggle.navIcons {
  padding-top: 15px; }
  a.dropdown-toggle.navIcons:hover {
    background-color: #736498; }
  a.dropdown-toggle.navIcons:focus {
    background-color: #453C5A; }

.open a.dropdown-toggle.navIcons {
  background-color: #82CCC3; }

.top-nav-item {
  height: 79px;
  background: rgba(104, 88, 142, 0.52);
  position: relative;
  margin: 0 7px; }
  .top-nav-item .title-icon {
    position: absolute;
    top: 11px;
    left: 11px;
    font-size: 32px;
    opacity: 0.3; }
  .top-nav-item .top-nav-title {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 10px;
    padding-bottom: 4px;
    color: white;
    font-size: 15px; }
  .top-nav-item .top-nav-line {
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    width: 85%;
    height: 80%;
    top: 6px;
    position: relative; }
  .top-nav-item .down {
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(0, 0, 0, 0.42); }
  .top-nav-item:hover .down {
    color: black; }
  .top-nav-item:hover .top-nav-line {
    border-color: rgba(255, 255, 255, 0.7); }
  .top-nav-item:active, .top-nav-item.active {
    -webkit-box-shadow: inset 0px 3px 14px 2px rgba(0, 0, 0, 0.31);
    -moz-box-shadow: inset 0px 3px 14px 2px rgba(0, 0, 0, 0.31);
    box-shadow: inset 0px 3px 14px 2px rgba(0, 0, 0, 0.31); }

.app.app-aside-folded .top-nav-level-2, .app.app-aside-dock .top-nav-level-2 {
  position: relative;
  text-align: center;
  background: rgba(0, 0, 255, 0.3);
  padding-top: 5px; }
  .app.app-aside-folded .top-nav-level-2 .slick-slider, .app.app-aside-dock .top-nav-level-2 .slick-slider {
    padding-bottom: 5px; }
  .app.app-aside-folded .top-nav-level-2 .triangle, .app.app-aside-dock .top-nav-level-2 .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 9.5px 10px 9.5px;
    border-color: transparent transparent rgba(0, 0, 255, 0.3) transparent;
    position: absolute;
    top: -10px; }

slick .slick-prev:before, slick .slick-next:before {
  transition: 0.2s; }
slick .slick-prev.slick-disabled:before, slick .slick-next.slick-disabled:before {
  opacity: 0;
  cursor: initial; }

.slick-level-3 .top-nav-item {
  background: rgba(107, 102, 119, 0.79); }

.app.app-aside-dock .nav li.bordernav {
  display: none; }

.slider {
  overflow-x: hidden !important;
  overflow-y: hidden;
  max-height: 200px;
  max-height: 500px;
  /* approximate max height */
  -o-transition-property: all;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  transition-property: all;
  -o-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  transition-duration: .5s;
  -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }

.slider.closed {
  max-height: 0; }

.slick-slider h3 {
  padding: 10px 5px 10px 5px;
  font-size: 15px;
  margin: 0;
  color: #ffffff;
  text-align: center;
  cursor: pointer !important;
  min-height: 37px; }

.app-aside-dock.app-aside-fixed .app-aside {
  top: 50px; }

@media (min-width: 992px) {
  .app-aside-dock .app-aside.b-r {
    background-color: #1d6ebf;
    height: 37px !important; } }
.slick-level-2 {
  background-color: #000000;
  padding: 10px; }

.slick-level-3 {
  background-color: #384f71;
  padding: 10px; }

.slick-slide .top-nav-item {
  background: #555555; }

.slick-slide .top-nav-item icon {
  color: #FFFFFF; }

.slick-slide .top-nav-item .top-nav-title {
  font-size: 13px; }

.slick-slider {
  margin-bottom: 0px !important; }

.slick h3 {
  cursor: pointer; }

.top-nav-item.active, .top-nav-item:active {
  border: 2px solid #ffffff;
  background-color: #5a4d78 !important;
  -webkit-box-shadow: inset 0 0px 0px 0px rgba(0, 0, 0, 0.31);
  -moz-box-shadow: inset 0 0px 0px 0px rgba(0, 0, 0, 0.31);
  box-shadow: inset 0 0px 0px 0px rgba(0, 0, 0, 0.31); }

.slick-level-3 .slick-slide .top-nav-item {
  background: #00869c;
  min-width: 50px; }

.top-nav-item .down {
  right: -19px;
  font-size: 10px; }

.slick-slide .down {
  font-size: 10px;
  padding-left: 5px; }

.app-aside-dock .app-content-body {
  margin-top: 28px; }

input.searchInput {
  color: #ffffff !important; }

.app-header .app-mainContainer span.searchInput {
  position: relative;
  max-width: 868px;
  border-color: rgba(255, 255, 255, 0.48) !important;
  width: 30%;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 90%, white 1%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 90%, white 1%);
  background-position: -868px 18px;
  background-size: 868px 56%;
  background-repeat: no-repeat;
  color: white; }

div.bg-header input.searchInput {
  max-height: 30px !important;
  height: 30px !important;
  display: inline-block !important;
  border-bottom: 2px solid #89b6dc !important;
  background: transparent !important; }

.nav input.searchInput {
  max-height: 30px !important;
  height: 30px !important;
  margin-top: 5px !important;
  display: inline-block !important;
  width: 95% !important;
  border-bottom: 2px solid #89b6dc !important;
  background: transparent !important;
  margin-left: 35px;
  padding-left: 20px;
  padding-top: 9px;
  margin-bottom: 15px !important; }

div.bg-header span.k-header.searchInput:hover {
  border-color: #FFF !important; }
div.bg-header span.k-header.searchInput > input.searchInput {
  padding-left: 20px !important;
  padding-bottom: 0px !important;
  position: relative;
  top: 4px;
  height: 23px !important; }
div.bg-header .searchInput .k-input.ng-scope {
  color: #89B5DB !important;
  margin-top: 4px !important;
  margin-left: 17px !important;
  font-size: 14px !important; }
div.bg-header .searchInput.activesearchInput .k-input.ng-scope {
  color: white !important; }

/*start of style for text input fast search*/
.app-header .app-mainContainer span.searchInput {
  max-width: 868px !important;
  width: 30% !important;
  color: white !important;
  background-color: transparent !important;
  border-bottom: 2px solid #89b6dc;
  display: inline-block !important;
  margin-top: 18px !important;
  margin-left: 30px !important;
  padding-bottom: 13px !important;
  padding-left: 19px !important;
  font-size: 14px !important; }

.nav input.searchInput::-webkit-input-placeholder {
  color: #89b6dc !important;
  font-size: 14px !important; }

div.bg-header .searchInput::-webkit-input-placeholder {
  color: #89b6dc !important;
  font-size: 14px !important; }

/*end of style for text input fast search*/

/*# sourceMappingURL=app.css.map */