/* ---------- Logo ---------- */
.logo {
  display: inline-block;
  line-height: 1;
  vertical-align: middle; }

/* ---------- Text formatting ---------- */
.important {
  font-weight: bold; }

/* ---------- Main content body ---------- */
.portal-iframe #main-content {
  width: 100%; }

/* ---------- Loading animation ---------- */
.loading-animation {
  background: url(/CloudClinikPatient-theme/css/../images/progress_bar/loading_animation.gif) no-repeat top center;
  margin-top: 10px;
  padding-top: 40px;
  text-align: left; }

/* ---------- Separator ---------- */
.separator {
  border-top: 1px dotted #BFBFBF; }

/* ---------- Update manager ---------- */
.update-available {
  margin-top: 10px;
  padding: 2px;
  text-align: left; }

/* ---------- Text highlighting ---------- */
.highlight {
  background: #FFC;
  font-weight: bold;
  margin: 0 1px; }

/* ---------- Miscellaneous ---------- */
span.alert {
  display: inline-block; }

#skip-to-content {
  clip: rect(0 0 0 0);
  position: absolute; }

/* ---------- Dragging/sorting indicators ---------- */
.portlet-layout.dragging {
  border-collapse: separate; }

.drop-area {
  background-color: #D3DADD; }

.active-area {
  background: #FFC; }

.portlet-boundary.yui3-dd-dragging {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6; }
  .portlet-boundary.yui3-dd-dragging .portlet {
    border: 2px dashed #CCC; }

.sortable-layout-proxy {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }
  .sortable-layout-proxy .portlet-topper {
    background-image: none; }

.proxy {
  cursor: move;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
  opacity: 0.65;
  position: absolute; }
  .proxy.generic-portlet {
    height: 200px;
    width: 300px; }
    .proxy.generic-portlet .portlet-title {
      padding: 10px; }
  .proxy.not-intersecting .forbidden-action {
    background: url(/CloudClinikPatient-theme/css/../images/application/forbidden_action.png) no-repeat;
    display: block;
    height: 32px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 32px; }

.resizable-proxy {
  border: 1px dashed #828F95;
  position: absolute;
  visibility: hidden; }

.sortable-proxy {
  background: #727C81;
  margin-top: 1px; }

.lfr-freeform-layout-drag-indicator {
  visibility: hidden; }

.sortable-layout-drag-target-indicator {
  margin: 2px 0; }

.yui3-dd-proxy {
  z-index: 1110 !important; }

/* ---------- Portal tool tips ---------- */
.tooltip {
  max-width: 200px; }

/* ---------- Tags ---------- */
.tagselector-content {
  border-width: 0;
  margin-bottom: 15px;
  overflow: visible;
  padding: 0; }
  .tagselector-content .textboxlistentry-holder {
    background: #FFF;
    border: 1px solid #CCC;
    margin-bottom: 5px;
    overflow: visible;
    padding: 5px;
    position: relative; }
    .tagselector-content .textboxlistentry-holder li {
      line-height: 1; }
    .tagselector-content .textboxlistentry-holder .lfr-tag-selector-input {
      border-width: 0;
      margin-bottom: 0; }
  .tagselector-content .textboxlistentry-remove {
    padding: 0 3px 1px; }

.tagselector .lfr-tags-selector-content {
  border-width: 0; }
.tagselector .lfr-tag-selector-input {
  background: none;
  padding: 0;
  width: auto; }
.tagselector .field .field-content {
  margin: 0; }
.tagselector .textboxlist-input-container {
  margin: 0; }

.tagselector-focused .textboxlistentry-holder {
  background: #FFF none;
  border: 1px solid #CCC; }

.categoriesselector-content .textboxlistentry-holder {
  background-color: transparent;
  border-width: 0;
  padding: 0; }

/* ---------- Tag cloud and tag list ---------- */
.tag-items {
  list-style: none;
  margin: 0 1em 0 0;
  padding: 0 1em 0.5em 1em;
  white-space: normal; }
  .tag-items li {
    display: inline;
    float: left;
    margin: 0 1em 0 0; }
  .tag-items a {
    white-space: nowrap; }

.tag-selected {
  color: #000;
  font-weight: bold;
  text-decoration: none; }

.tag-cloud {
  line-height: 2.5em; }
  .tag-cloud .tag-popularity-1 {
    font-size: 1em; }
  .tag-cloud .tag-popularity-2 {
    font-size: 1.3em; }
  .tag-cloud .tag-popularity-3 {
    font-size: 1.6em; }
  .tag-cloud .tag-popularity-4 {
    font-size: 1.9em; }
  .tag-cloud .tag-popularity-5 {
    font-size: 2.2em; }
  .tag-cloud .tag-popularity-6 {
    font-size: 2.5em; }

/* ---------- Underlay ---------- */
.underlay {
  clear: both;
  top: 100%; }
  .underlay .yui3-widget-hd {
    height: 38px; }
  .underlay .lfr-portlet-item {
    border-width: 0; }

.underlay-hidden {
  display: none; }

.underlay-content {
  background: #f4f3f3 url(/CloudClinikPatient-theme/css/../images/common/message_panel_shadow.png) repeat-x 0 0;
  border: 0 solid #AEAFB1;
  border-width: 0 1px 1px; }

.underlay-close {
  position: absolute;
  right: 5px;
  top: 5px; }

/* ---------- Tabs ---------- */
.tab-active strong {
  font-weight: normal; }

.tab-back {
  float: right; }

.tab-back-content {
  border-width: 0;
  padding: 1px; }

/* ---------- Miscellaneous ---------- */
.lfr-panel-container {
  background: #FFF; }

.lfr-panel-content {
  padding: 5px 10px; }

.lfr-panel-basic .lfr-panel-content {
  padding-left: 15px; }

.dialog-bd {
  min-height: 30px; }

.dialog-content {
  border: 1px solid #C8C9CA;
  padding: 5px; }

.panel-hd {
  background: #c0c2c5 url(/CloudClinikPatient-theme/css/../images/application/panel_header_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #C8C9CA #AEB2B8 #AEB2B8 #C8C9CA;
  padding-left: 10px;
  text-shadow: 1px 1px #FFF; }

.app-view-drop-active {
  background-color: #00A2EA;
  font-weight: bold; }
  .category-portlets .app-view-drop-active {
    color: #FFF; }

.basecelleditor [class~="form-validator-message"] {
  clip: rect(auto auto auto auto);
  width: auto; }

.document-library-file-entry-cell-editor-hidden {
  display: none; }

.previous-level {
  display: inline-block;
  font-size: 21px;
  line-height: 21px;
  margin-right: 5px;
  text-decoration: none;
  vertical-align: middle; }

/* ---------- Menus ---------- */
.lfr-page-templates li a {
  padding: 0; }
  .lfr-page-templates li a label {
    cursor: pointer;
    display: block;
    padding: 5px 0 5px 5px; }

.menu {
  position: absolute;
  width: auto; }
  .menu .notice-message {
    background-image: none;
    margin: 3px;
    padding: 6px; }

.menu-content {
  background: #FFF;
  list-style: none;
  min-width: 150px; }
  .menu-content li {
    margin: 0;
    padding: 0; }
    .menu-content li .disabled {
      color: #999; }

.menu-content {
  background: #ccc9c9 url(/CloudClinikPatient-theme/css/../images/application/menu_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #AEAFB1 #777879 #777879 #AEAFB1;
  padding: 2px 0; }

.menugroup-content .menu-label {
  background: #D2D6DE;
  color: #5B677D;
  display: block;
  padding: 5px 3px;
  text-shadow: 1px 1px #FFF; }

.menugroup-content ul {
  display: block;
  min-width: 0; }

.menu-content li {
  border-bottom: 1px solid #BCBBBB;
  border-top: 1px solid #EEE;
  display: block;
  margin: 0;
  padding: 0; }
  .menu-content li.first {
    border-top-width: 0; }
  .menu-content li.last {
    border-bottom-width: 0; }

.menu-content li a, .menu-content li .disabled {
  color: #2C2F34;
  display: block;
  padding: 4px 5px;
  text-decoration: none; }

.menu-content li a.focus, .lfr-menu-expanded li a:focus {
  background-color: #5B677D;
  color: #FFF;
  text-shadow: -1px -1px #2C2F34; }

/* ---------- Loading mask ---------- */
.loadingmask-content {
  background: #CCC; }

.loadingmask-message {
  background: #d4d4d4 url(/CloudClinikPatient-theme/css/../images/portlet/header_bg.png) repeat-x 0 0; }

/* ---------- Tree view ---------- */
.tree-node .icon-check {
  padding-right: 2px; }
  .tree-node .icon-check:before {
    content: "\f096"; }
.tree-node .tree-node-checked .icon-check {
  padding-right: 0; }
  .tree-node .tree-node-checked .icon-check:before {
    content: "\f046"; }
.tree-node .tree-node-over .tree-label {
  text-decoration: underline; }
.tree-node [class^="icon-"] {
  margin-right: 5px; }
.tree-node .tree-node-checkbox-container {
  margin-right: 0; }
.tree-node .tree-node-selected .tree-label {
  background: none; }

.tree-node-content .tree-hitarea {
  color: #999;
  font-size: 10px;
  padding-right: 6px; }
.tree-node-content .tree-label {
  margin-left: 3px; }
.tree-node-content .tree-node-hidden-hitarea {
  visibility: hidden; }

.tree-node-selected .tree-label {
  background-color: transparent; }

/* ---------- Page customization ---------- */
.dragging .portlet-column.customizable {
  background-color: #CFFCCF;
  outline: 3px solid #9CC97B; }

.customizable-layout-column-content {
  background-color: #C92C3C; }
  .customizable-layout-column-content.yui3-widget-content-expanded {
    border: 3px solid #333;
    margin: 0.2em; }

.customizable .customizable-layout-column-content {
  background-color: #9CC97B; }

.layout-customizable-controls {
  background-color: #FFF;
  font-size: 1.5em;
  margin: 1em;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
  padding: 1em;
  position: absolute;
  z-index: 15; }

/* ---------- Pagination ---------- */
.paginator-link {
  background: #eeeeee url() no-repeat scroll 50% 1px;
  border: 1px solid #F0F1F2;
  border-color: #F0F1F2 #B2B2B2 #949494 #F0F1F1;
  color: #1F1E1E;
  display: inline-block;
  height: 20px;
  padding: 0;
  text-indent: -9999px;
  width: 20px; }

.paginator-page-link {
  height: auto;
  text-indent: 0; }

.paginator-current-page {
  background: #0083bd url(/CloudClinikPatient-theme/css/../images/application/paginator_link_current_bg.png) 0 0 repeat-x;
  border-color: #38B6EF #006D9E #006D9E #46B4E6;
  color: #FFF;
  text-shadow: -1px -1px #003C57; }

.paginator-first-link {
  background-image: url(/CloudClinikPatient-theme/css/../images/arrows/paging_first.png); }

.paginator-prev-link {
  background-image: url(/CloudClinikPatient-theme/css/../images/arrows/paging_previous.png); }

.paginator-last-link {
  background-image: url(/CloudClinikPatient-theme/css/../images/arrows/paging_last.png); }

.paginator-next-link {
  background-image: url(/CloudClinikPatient-theme/css/../images/arrows/paging_next.png); }

.paginator-current-page-report, .paginator-total {
  color: #555;
  font-size: 0.9em; }

.paginator-current-page-report {
  margin-left: 2em; }

.taglib-page-iterator .search-pages .page-links {
  padding: 0; }

/* ---------- CKEditor menu ---------- */
.aui .cke_dialog .cke_dialog_ui_input_text {
  height: auto; }
.aui .cke_editable_inline a {
  cursor: pointer; }

/* ---------- CKEditor panel menu ---------- */
.cke_panel.cke_combopanel {
  width: 220px; }

.cke_panel_block .cke_panel_grouptitle {
  font-size: 20px;
  line-height: 20px;
  margin-top: 0; }
.cke_panel_block .cke_panel_list {
  margin-left: 0; }
  .cke_panel_block .cke_panel_list .cke_panel_listItem {
    line-height: initial; }
    .cke_panel_block .cke_panel_list .cke_panel_listItem a:hover {
      text-decoration: none; }

/* ---------- HTML editor ---------- */
body.html-editor {
  background: #FFF;
  color: #000;
  padding: 1em; }

.html-editor.portlet-message-boards {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word; }
  .html-editor.portlet-message-boards blockquote {
    background: #eef0f2 url(/CloudClinikPatient-theme/css/../images/message_boards/quoteleft.png) no-repeat 5px 5px;
    border: 1px solid #777;
    padding: 5px 45px; }
    .html-editor.portlet-message-boards blockquote:after {
      background: url(/CloudClinikPatient-theme/css/../images/message_boards/quoteright.png) no-repeat 50%;
      content: '';
      display: block;
      float: right;
      height: 24px;
      margin-right: -35px;
      margin-top: -25px;
      width: 31px;
      z-index: 999; }
    .html-editor.portlet-message-boards blockquote cite {
      display: block;
      font-weight: bold; }
  .html-editor.portlet-message-boards pre {
    background: #F9F9F9;
    border: 1px solid #777;
    padding: 0.5em; }

/* ---------- Inline editing ---------- */
.lfr-editable {
  outline: 1px dashed #68bb30;
  outline-offset: 2px;
  position: relative; }
  .lfr-editable:after {
    background: #68bb30 url(/CloudClinikPatient-theme/css/../images/common/edit_white.png) no-repeat 50%;
    content: '';
    display: block;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px; }
  .lfr-editable:focus:after {
    display: none; }
  .lfr-editable:focus:hover {
    background-color: transparent; }
  .lfr-editable:hover {
    background-color: rgba(255, 255, 255, 0.3);
    outline-color: #519226; }
    .lfr-editable:hover:after {
      background-color: #519226; }

.lfr-editable-notice-close {
  margin-left: 1em; }

.lfr-portlet-title-editable {
  margin-top: 0;
  z-index: 9999; }
  .lfr-portlet-title-editable .lfr-portlet-title-editable-content {
    padding: 0; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .combobox-content .field-content .field-input-text {
      display: block;
      margin-bottom: 0; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .combobox-content .field-label.textfield-label {
      display: none; }
    .lfr-portlet-title-editable .lfr-portlet-title-editable-content .combobox-content .toolbar-content {
      margin-top: 0;
      vertical-align: top; }
      .lfr-portlet-title-editable .lfr-portlet-title-editable-content .combobox-content .toolbar-content .btn-group {
        margin-top: 0; }

.lfr-page-layouts .lfr-layout-template .layout-template-entry {
  height: 25px;
  width: 25px; }

.ie input.cke_dialog_ui_input_text {
  height: auto; }
.ie .proxy.not-intersecting .forbidden-action {
  right: 2px;
  top: 2px; }

.ie7 .menu-content li {
  z-index: 10; }
.ie7 .paginator-link {
  color: transparent;
  font-size: 0;
  overflow: hidden;
  text-indent: 0;
  vertical-align: middle; }
.ie7 .paginator-page-link {
  color: #1F1E1E;
  font-size: 1em;
  height: auto;
  line-height: 1.4;
  overflow: visible;
  text-indent: 0; }
.ie7 .paginator-current-page {
  color: #FFF; }

.ie8 .row-fluid input[class*=span].search-query {
  line-height: 20px;
  min-height: 20px; }

.ios.mobile .modal-content .dialog-iframe-bd {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

/* ---------- Column widths ---------- */
.portlet-column-content.empty {
  padding: 50px; }

/* ---------- Wrapper ---------- */
#wrapper {
  padding: 2em 5em 0;
  position: relative; }
  @media (max-width: 767px) {
    #wrapper {
      padding-left: 0.5em;
      padding-right: 0.5em; } }
  @media (min-width: 768px) and (max-width: 979px) {
    #wrapper {
      padding-left: 2em;
      padding-right: 2em; } }

.aui {
  /* ---------- Staging dockbar ---------- */
  /* ---------- Add content ---------- */
  /* ---------- Menus ---------- */
  /* ---------- Customization bar ---------- */ }
  .aui .dockbar {
    left: 0;
    right: 0;
    top: 0; }
    .aui .dockbar .staging-controls .staging-bar li.dropdown .dropdown-menu {
      left: auto;
      margin-left: 10px;
      width: auto; }
    .aui .dockbar.navbar-static-top {
      position: relative; }
      .aui .dockbar.navbar-static-top .collapse {
        position: static; }
        .aui .dockbar.navbar-static-top .collapse .nav-account-controls {
          position: static; }
    .aui .dockbar .btn-link {
      color: #FFF; }
    .aui .dockbar .diamond {
      border: 12px solid transparent;
      border-bottom-color: #1485EB;
      height: 0;
      position: relative;
      top: -12px;
      width: 0; }
      .aui .dockbar .diamond:after {
        border: 12px solid transparent;
        border-top-color: #1485EB;
        content: '';
        height: 0;
        left: -12px;
        position: absolute;
        top: 12px;
        width: 0; }
    .aui .dockbar .impersonating-user .alert-icon {
      margin-right: 9px; }
    .aui .dockbar .impersonating-user .alert-info {
      border-width: 0;
      margin-bottom: 6px; }
    .aui .dockbar .info-button {
      top: 9px; }
    .aui .dockbar .info-items {
      left: 0;
      position: absolute;
      top: 100%;
      width: 100%;
      z-index: 1; }
    .aui .dockbar .navbar-inner {
      padding-left: 20px;
      padding-right: 20px; }
      .aui .dockbar .navbar-inner .brand h1 {
        display: inline-block;
        font-size: inherit;
        line-height: 1;
        margin-bottom: 0;
        margin-top: 0; }
      .aui .dockbar .navbar-inner .container {
        margin-left: 0;
        margin-right: 0;
        width: 100%; }
        .aui .dockbar .navbar-inner .container .nav-account-controls {
          float: right; }
      .aui .dockbar .navbar-inner .site-administration-menu li {
        list-style: none; }
        .aui .dockbar .navbar-inner .site-administration-menu li a {
          color: #000;
          display: block;
          padding: 3px 5px 3px 40px; }
          .aui .dockbar .navbar-inner .site-administration-menu li a:focus, .aui .dockbar .navbar-inner .site-administration-menu li a:hover {
            background: #0DB5E7;
            color: #FFF;
            text-decoration: none; }
          .aui .dockbar .navbar-inner .site-administration-menu li a i {
            font-size: 0.8em; }
    .aui .dockbar .nav.staging-nav-items {
      margin: 0;
      position: static; }
      .aui .dockbar .nav.staging-nav-items li.dropdown.active > .dropdown-toggle {
        background-color: transparent;
        display: block; }
        .aui .dockbar .nav.staging-nav-items li.dropdown.active > .dropdown-toggle:hover {
          color: #0077B3; }
      .aui .dockbar .nav.staging-nav-items .staging-link {
        position: static; }
    .aui .dockbar .user-avatar img {
      margin-top: -2px;
      text-decoration: none;
      vertical-align: middle;
      width: 20px; }
  .aui .dockbar-split .dockbar {
    height: 0;
    position: absolute; }
    .aui .dockbar-split .dockbar .staging-controls .staging-bar li.dropdown .dropdown-menu {
      left: 0;
      margin-left: 0;
      width: 100%; }
    .aui .dockbar-split .dockbar.navbar-static-top .collapse {
      position: relative; }
      .aui .dockbar-split .dockbar.navbar-static-top .collapse .nav-account-controls {
        position: fixed; }
    .aui .dockbar-split .dockbar .divider-vertical {
      display: none; }
    .aui .dockbar-split .dockbar .info-button {
      top: 12px; }
    .aui .dockbar-split .dockbar .info-items {
      left: auto;
      position: static; }
    .aui .dockbar-split .dockbar .navbar-inner {
      background-color: transparent;
      border-width: 0;
      padding: 0;
      width: 0; }
      .aui .dockbar-split .dockbar .navbar-inner .nav {
        border-bottom-width: 0; }
        .aui .dockbar-split .dockbar .navbar-inner .nav > li {
          background-color: #333; }
          .aui .dockbar-split .dockbar .navbar-inner .nav > li > a {
            color: #FFF;
            line-height: 31px; }
            .aui .dockbar-split .dockbar .navbar-inner .nav > li > a:focus, .aui .dockbar-split .dockbar .navbar-inner .nav > li > a:hover {
              color: #FFF; }
            .aui .dockbar-split .dockbar .navbar-inner .nav > li > a [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav > li > a [class*=" icon-"] {
              margin-top: 3px; }
          .aui .dockbar-split .dockbar .navbar-inner .nav > li.active > a {
            color: #FFF; }
        .aui .dockbar-split .dockbar .navbar-inner .nav li.dropdown.active > .dropdown-toggle {
          color: #FFF; }
        .aui .dockbar-split .dockbar .navbar-inner .nav li.dropdown.open > .dropdown-toggle {
          background-color: #555;
          color: #FFF; }
        .aui .dockbar-split .dockbar .navbar-inner .nav li.info-items {
          background-color: transparent; }
        .aui .dockbar-split .dockbar .navbar-inner .nav li.staging-toggle > a {
          background-color: #2496E5;
          padding-bottom: 0;
          padding-top: 0; }
          .aui .dockbar-split .dockbar .navbar-inner .nav li.staging-toggle > a:hover {
            background-color: #2FA4F5; }
        .aui .dockbar-split .dockbar .navbar-inner .nav li.staging-toggle span.nav-item-label {
          padding: 5px 10px; }
      .aui .dockbar-split .dockbar .navbar-inner .nav-account-controls {
        left: auto;
        margin-right: 0;
        padding: 0;
        position: fixed;
        right: 5em;
        z-index: 325; }
      .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls {
        background: transparent;
        position: fixed;
        top: 10%;
        z-index: 350; }
        .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li {
          float: none;
          margin: 10px;
          position: relative; }
          .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li.toggle-controls a {
            clip: rect(0 0 0 0);
            position: absolute; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li.toggle-controls a:focus {
              clip: rect(auto auto auto auto);
              position: static; }
          @media (max-width: 979px) {
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li.page-preview-controls {
              display: none; } }
          .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a {
            background: #333;
            color: #FFF;
            padding: 6px 8px;
            text-align: center; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a:hover {
              background: #555; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a [class*=" icon-"] {
              font-size: 25px;
              position: relative;
              vertical-align: middle; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link {
              background: #92F545; }
              .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link [class*=" icon-"] {
                color: #000; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a .nav-item-label {
              background: #333;
              display: none;
              left: 100%;
              margin-left: 0.5em;
              margin-top: -1em;
              padding: 0 20px;
              position: absolute;
              top: 50%;
              white-space: nowrap; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a:hover .nav-item-label {
              display: block; }
            .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a .icon-caret-down {
              display: none; }
        .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls:hover > li.toggle-controls a {
          clip: rect(auto auto auto auto);
          position: static; }
    .aui .dockbar-split .dockbar .staging-nav-items li > span {
      color: #FFF;
      display: block;
      padding: 10px 15px;
      line-height: 31px; }
  .aui .dockbar-split .info-link-container {
    width: 0; }
  .aui .dockbar-split .info-items {
    height: 1px;
    width: 715px; }
    .aui .dockbar-split .info-items a, .aui .dockbar-split .info-items .btn-link {
      color: #FFF;
      text-decoration: underline; }
      .aui .dockbar-split .info-items a:hover, .aui .dockbar-split .info-items .btn-link:hover {
        text-decoration: none; }
        .aui .dockbar-split .info-items a:hover .taglib-text, .aui .dockbar-split .info-items .btn-link:hover .taglib-text {
          text-decoration: none; }
    .aui .dockbar-split .info-items .btn-link {
      border-width: 0;
      font-size: 14px;
      font-weight: 300;
      margin: 0 0 0 6px;
      padding: 0;
      text-shadow: none; }
  .aui .dockbar-split .staging-bar {
    margin: 10px 0; }
  .aui .dockbar-split.controls-hidden .dockbar .navbar-inner .nav-add-controls > li.toggle-controls > .toggle-controls-link {
    background: #F5AF45; }
  .aui .dockbar-split.lfr-has-add-content .nav-add-controls {
    left: 350px; }
  .aui .dockbar-split.lfr-has-device-preview .nav-add-controls {
    left: 220px; }
  .aui .dockbar-split.lfr-has-edit-layout .nav-add-controls {
    left: 460px; }
  .aui.dialog-iframe-root-node .dockbar .nav-add-controls .page-preview-controls {
    display: none; }
  .aui .touch .dockbar-split .dockbar .navbar-inner .nav-add-controls > li.toggle-controls > .toggle-controls-link, .aui .controls-hidden.dockbar-split .dockbar .navbar-inner .nav-add-controls > li.toggle-controls > .toggle-controls-link {
    clip: rect(auto auto auto auto);
    position: static; }
  .aui .variation-selector {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    margin: 1em; }
  .aui .layout-revision-container {
    margin: 1em 0 0 1em;
    padding: 0; }
    .aui .layout-revision-container .approximate-date {
      color: #999;
      font-weight: bold; }
    .aui .layout-revision-container .current-version {
      color: #41801d;
      display: block; }
    .aui .layout-revision-container .current-version-pointer {
      display: inline-block;
      width: 0; }
      .aui .layout-revision-container .current-version-pointer img {
        left: -25px;
        position: relative; }
    .aui .layout-revision-container .layout-variation-name {
      color: #666;
      font-size: 1.15em;
      margin-bottom: 0.1em;
      text-transform: uppercase; }
    .aui .layout-revision-container .layout-revision-current {
      color: #666; }
    .aui .layout-revision-container .real-date {
      color: #999;
      display: block;
      text-align: right; }
    .aui .layout-revision-container .taglib-workflow-status .workflow-status {
      background: none;
      padding-left: 0; }
      .aui .layout-revision-container .taglib-workflow-status .workflow-status .workflow-status-ready-for-publication {
        color: #41801d;
        font-weight: bold; }
  .aui .layout-revision-container-root {
    margin: 0; }
  .aui .staging-controls {
    padding-left: 5px;
    padding-right: 50px; }
    .aui .staging-controls select {
      width: 100%; }
    .aui .staging-controls .staging-bar .dropdown-menu {
      font-size: 13px;
      min-width: 520px;
      width: 100%; }
      .aui .staging-controls .staging-bar .dropdown-menu .btn-link {
        float: left;
        font-size: 11px;
        margin: 0 5px 0 0;
        padding: 0;
        text-decoration: underline;
        text-shadow: none; }
        .aui .staging-controls .staging-bar .dropdown-menu .btn-link:hover {
          text-decoration: none; }
        .aui .staging-controls .staging-bar .dropdown-menu .btn-link.history {
          float: right; }
  .aui .lfr-admin-panel {
    background-color: #FFF;
    bottom: 0;
    left: 0;
    overflow: auto;
    padding: 10px;
    position: fixed;
    top: 0;
    z-index: 1100; }
    @media (max-width: 767px) {
      .aui .lfr-admin-panel {
        margin: 0 -20px;
        position: static;
        width: auto; }
        .aui .lfr-admin-panel.lfr-add-panel .add-content-menu .lfr-add-page-toolbar, .aui .lfr-admin-panel.lfr-edit-layout-panel .taglib-form-navigator .button-holder {
          margin-top: 0;
          position: static;
          width: auto; }
        .aui .lfr-admin-panel.lfr-edit-layout-panel .taglib-form-navigator .accordion {
          margin-bottom: 20px; }
        .aui .lfr-admin-panel.lfr-edit-layout-panel .site-admin-link {
          padding: 0;
          position: static; } }
  .aui .lfr-has-add-content {
    padding-left: 350px; }
  .aui .lfr-has-device-preview {
    padding-left: 220px; }
  .aui .lfr-has-edit-layout {
    padding-left: 460px; }
  @media (max-width: 767px) {
    .aui .lfr-has-add-content, .aui .lfr-has-device-preview, .aui .lfr-has-edit-layout {
      padding-left: 20px; } }
  .aui .dropdown-menu > li > a:focus > [class^="icon-"] {
    background-image: none; }
  .aui .my-sites-menu .site-type {
    color: #FFF;
    display: none;
    float: right;
    font-size: 0.8em;
    font-weight: normal;
    margin-right: 10px;
    position: absolute;
    right: 100%; }
  .aui .my-sites-menu a:hover .site-type {
    color: #FFFFFF;
    display: inline-block; }
  .aui .ie.rtl .dockbar .menu-button span {
    background-position-x: -25px; }
  .aui.ie6 .dockbar-split .dockbar .navbar-inner .nav-add-controls li.page-preview-controls, .aui.ie7 .dockbar-split .dockbar .navbar-inner .nav-add-controls li.page-preview-controls, .aui.ie8 .dockbar-split .dockbar .navbar-inner .nav-add-controls li.page-preview-controls {
    display: none; }
  .aui .ie7 .dockbar {
    zoom: 1; }
  .aui .ie7 .my-sites-menu a {
    overflow: visible;
    text-align: left; }
  .aui .ie7 .my-sites-menu .site-name {
    float: none; }
  .aui .ie7 .my-sites-menu .site-type {
    float: none; }
  .aui .ie6 .dockbar, .aui .ie6 .lfr-dockbar-pinned .dockbar {
    height: 10px;
    left: 0;
    position: relative;
    top: 0; }
  .aui .ie6 .dockbar .pin-dockbar {
    display: none; }
  .aui .ie6 .my-sites-menu {
    width: 200px; }
    .aui .ie6 .my-sites-menu a {
      zoom: 1; }
  .aui .ie6 .menu-scroll {
    height: 300px;
    overflow-y: auto; }
  .aui .controls-hidden .info-button, .aui .controls-hidden .page-customization-bar {
    display: none; }
  .aui .info-button {
    cursor: pointer;
    display: inline-block;
    position: relative;
    right: 12px;
    z-index: 1; }
    .aui .info-button a {
      color: #FFF;
      padding: 2px 10px;
      position: absolute;
      text-decoration: none;
      z-index: 1; }
    .aui .info-button .icon-stop {
      color: #1485EB;
      font-size: 20px; }
  .aui .page-customization-bar {
    background-color: #555;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFF;
    display: table;
    font-size: 14px;
    font-weight: 300;
    padding: 0 15px;
    width: 100%; }
    .aui .page-customization-bar .customized-icon {
      margin: 5px;
      vertical-align: middle; }
    .aui .page-customization-bar .page-customization-actions {
      padding-left: 5em; }
    .aui .page-customization-bar .page-customization-actions a {
      color: #EEE;
      font-size: 0.8em;
      padding: 0 1em; }
    .aui .page-customization-bar .page-customization-bar-form {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      width: 25%; }
      .aui .page-customization-bar .page-customization-bar-form a {
        color: #FFF; }
        .aui .page-customization-bar .page-customization-bar-form a:focus, .aui .page-customization-bar .page-customization-bar-form a:hover {
          color: #FFF;
          text-decoration: none; }
      .aui .page-customization-bar .page-customization-bar-form span {
        display: block;
        line-height: 20px; }
    .aui .page-customization-bar .page-customization-bar-text {
      display: table-cell;
      height: 51px;
      vertical-align: middle;
      width: 75%; }
    .aui .page-customization-bar .page-customization-bar-container {
      position: absolute; }
    .aui .page-customization-bar .reset-prototype {
      display: inline; }
  @media (max-width: 1140px) {
    .aui .dockbar-split .dockbar .info-items {
      width: 515px; } }
  @media (max-width: 979px) {
    .aui #navigation {
      display: none; }
      .aui #navigation.open {
        display: block; }
    .aui .dockbar-split .dockbar {
      height: auto;
      position: relative; }
      .aui .dockbar-split .dockbar .navbar-inner {
        width: auto; }
    .aui .user-avatar-image {
      width: 18px; } }

/* ---------- Add/remove page ---------- */
.modify-pages li {
  position: relative; }
  .modify-pages li.lfr-nav-hover .delete-tab {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1; }
.modify-pages .add-page-editor-input {
  width: 150px; }
.modify-pages .delete-tab {
  color: #444;
  cursor: pointer;
  display: block;
  font-size: 20px;
  font-weight: bold;
  height: 10px;
  line-height: 6px;
  margin-top: -8px;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  padding: 3px 0;
  position: absolute;
  right: 1px;
  text-shadow: 0 1px #FFF;
  top: 50%; }
  .modify-pages .delete-tab:hover {
    color: #B50303; }
.modify-pages .lfr-nav-sortable > a > span {
  padding-left: 28px; }
.modify-pages .drag-handle {
  background-color: #555;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  color: #FFF;
  cursor: pointer;
  font-size: 16px;
  left: 3px;
  line-height: 1em;
  margin: 8px;
  padding: 4px;
  position: absolute;
  text-align: center;
  top: 2px;
  width: 1em; }
@media (min-width: 980px) {
  .modify-pages .lfr-nav-sortable > a > span {
    padding-left: 0; }
  .modify-pages .drag-handle {
    display: none; } }
.modify-pages .lfr-nav-updateable.selected a:hover span {
  cursor: text; }

.controls-hidden .modify-pages .lfr-nav-sortable > a > span {
  padding-left: 0; }
.controls-hidden .modify-pages .drag-handle {
  display: none; }

.nav li .toolbar {
  margin-top: 5px; }

/* ---------- Navigation portlet ---------- */
.nav-menu ul {
  padding-left: 10px; }
.nav-menu li a.ancestor {
  font-weight: bold; }
.nav-menu li a.selected {
  color: #000;
  font-weight: bold;
  text-decoration: none; }

.nav-menu-style-arrows ul {
  list-style-image: url(/CloudClinikPatient-theme/css/../images/arrows/04_right.png); }

/* ---------- Page template selector ---------- */
.form-options {
  border: 1px solid #AAA;
  display: inline-block;
  vertical-align: middle; }
  .form-options input {
    border-width: 0;
    display: inline;
    float: left; }

.form-triggers {
  float: left; }

.form-trigger {
  background: #c4c4c4 url(/CloudClinikPatient-theme/css/../images/application/button_bg.png) repeat-x 0 0;
  border-left: 1px solid #BBB;
  display: inline-block;
  float: left; }
  .form-trigger img {
    background: url() no-repeat 50% 40%;
    height: 25px;
    padding: 0 3px;
    vertical-align: middle;
    width: 16px; }
  .form-trigger:focus, .form-trigger:hover {
    background-color: #83B0CA;
    background-image: url(/CloudClinikPatient-theme/css/../images/application/button_bg_over.png); }

.trigger-selected {
  background-color: #EBEBEB;
  background-image: url(/CloudClinikPatient-theme/css/../images/application/button_bg_selected.png); }
  .trigger-selected:focus, .trigger-selected:hover {
    background-color: #B7DEF4;
    background-image: url(/CloudClinikPatient-theme/css/../images/application/button_bg_selected_over.png); }

.options-trigger img {
  background-image: url(/CloudClinikPatient-theme/css/../images/common/configuration.png); }

.save-trigger img {
  background-image: url(/CloudClinikPatient-theme/css/../images/common/check.png); }

/* ---------- Portlet wrapper and icons ---------- */
.freeform .portlet {
  margin-bottom: 0; }

body.portlet {
  border-width: 0; }

.portlet-topper {
  position: relative; }
  .portlet-topper .portlet-topper-toolbar {
    margin: 0;
    padding: 2px;
    position: absolute;
    right: 3px;
    text-align: right;
    top: 3px;
    z-index: 300; }
    .portlet-topper .portlet-topper-toolbar a {
      color: inherit; }
      .portlet-topper .portlet-topper-toolbar a, .portlet-topper .portlet-topper-toolbar a:hover {
        text-decoration: none; }
      .portlet-topper .portlet-topper-toolbar a i {
        font-size: 19px; }
    .portlet-topper .portlet-topper-toolbar .nobr {
      display: block;
      float: left;
      padding: 1px; }
    .portlet-topper .portlet-topper-toolbar .portlet-icon-back {
      background: url(/CloudClinikPatient-theme/css/../images/arrows/12_left.png) no-repeat 0 50%;
      color: #FFF;
      font-weight: bold;
      padding: 5px 5px 5px 18px; }
      .portlet-topper .portlet-topper-toolbar .portlet-icon-back:hover {
        color: #FFF; }
    .portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
      color: transparent;
      font-size: 0; }

.portlet-title {
  display: block; }
  .portlet-title img {
    vertical-align: middle; }

.portlet-title-editable {
  cursor: pointer; }

.portlet-title-text {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 95%;
  vertical-align: top; }

.panel-page-content .portlet-title-text, .panel-page-body .portlet-title-text {
  cursor: auto; }

.portlet-content, .portlet-minimized .portlet-content-container {
  padding: 12px 10px 10px; }

.portlet-minimized .portlet-content {
  padding: 0; }

.portlet-nested-portlets .portlet-boundary {
  left: 0 !important;
  position: relative !important;
  top: 0 !important; }

.portlet-borderless-bar, .portlet-content .lfr-icon-actions {
  background: #333;
  color: #FFF;
  text-shadow: -1px -1px black; }
  .portlet-borderless-bar a, .portlet-content .lfr-icon-actions a {
    color: #3AF; }

.portlet-borderless-container:hover .portlet-borderless-bar, .portlet-content:hover .lfr-icon-actions {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

.portlet-borderless-container:hover .portlet-borderless-bar .portlet-actions, .portlet-content:hover .lfr-icon-actions .taglib-text {
  display: inline-block; }

.portlet-borderless-bar .portlet-options .dropdown-toggle, .portlet-borderless-bar .portlet-options.open .dropdown-toggle {
  background-image: url(/CloudClinikPatient-theme/css/../images/portlet/options_borderless.png); }

.portlet-content .lfr-icon-actions {
  float: left;
  margin: 1px 10px 1px 1px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  padding: 2px 7px; }
  .portlet-content .lfr-icon-actions .taglib-text {
    color: #FFF;
    display: none;
    font-weight: bold;
    margin-right: 1em;
    text-decoration: none;
    vertical-align: middle; }
  .portlet-content .lfr-icon-actions .lfr-icon-action a {
    background: url() no-repeat 0 50%;
    display: inline-block;
    margin-left: 5px;
    vertical-align: top; }
    .portlet-content .lfr-icon-actions .lfr-icon-action a:hover {
      text-decoration: none; }
      .portlet-content .lfr-icon-actions .lfr-icon-action a:hover span {
        text-decoration: underline; }
    .portlet-content .lfr-icon-actions .lfr-icon-action a img {
      visibility: hidden; }
  .portlet-content .lfr-icon-actions .lfr-icon-action-add a {
    background-image: url(/CloudClinikPatient-theme/css/../images/common/add_white.png); }
  .portlet-content .lfr-icon-actions .lfr-icon-action-edit a {
    background-image: url(/CloudClinikPatient-theme/css/../images/common/edit_white.png); }
  .portlet-content .lfr-icon-actions .lfr-icon-action-edit-template a {
    background-image: url(/CloudClinikPatient-theme/css/../images/common/edit_template_white.png); }
  .portlet-content .lfr-icon-actions .lfr-icon-action-configuration a {
    background-image: url(/CloudClinikPatient-theme/css/../images/common/configuration_white.png); }
.portlet-content .lfr-url-error {
  display: inline-block;
  white-space: normal; }

/* ---------- Borderless portlet ---------- */
.portlet-borderless-container {
  min-height: 2.5em;
  position: relative; }

.portlet-borderless-bar {
  background-color: transparent;
  font-size: 10px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  height: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 200; }
  .portlet-borderless-bar a {
    background: url() no-repeat 0 50%;
    display: inline-block;
    height: 20px;
    margin-left: 5px;
    text-indent: -9999px;
    width: 16px; }
  .portlet-borderless-bar .portlet-actions {
    float: right;
    overflow: hidden;
    padding: 0 5px; }
    .portlet-borderless-bar .portlet-actions .portlet-action, .portlet-borderless-bar .portlet-actions .portlet-options {
      display: inline-block; }
  .portlet-borderless-bar .portlet-actions, .portlet-borderless-bar .portlet-title-default {
    background-color: #333;
    min-height: 21px; }
  .portlet-borderless-bar .portlet-action-separator {
    display: none; }
  .portlet-borderless-bar .portlet-back a {
    height: auto;
    text-indent: 0;
    width: auto; }
  .portlet-borderless-bar .portlet-close {
    display: inline-block;
    vertical-align: middle; }
    .portlet-borderless-bar .portlet-close a {
      background-image: url(/CloudClinikPatient-theme/css/../images/portlet/close_borderless.png); }
  .portlet-borderless-bar .portlet-options li.lfr-trigger strong a {
    background-image: url(/CloudClinikPatient-theme/css/../images/portlet/options_borderless.png); }

.lfr-configurator-visibility .portlet-borderless-bar {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6; }
.lfr-configurator-visibility .portlet-content .lfr-icon-actions {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

.portlet-content .icons-container {
  clear: both;
  height: auto;
  margin-top: 1em;
  overflow: hidden;
  width: auto; }

.portlet-title-default {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  float: right;
  font-weight: bold;
  height: 0;
  line-height: 19px;
  max-width: 50%;
  padding: 0 10px;
  text-transform: uppercase; }

.portlet-draggable .portlet-topper {
  cursor: move; }
.portlet-draggable .portlet-title-default {
  background: #333333 url(/CloudClinikPatient-theme/css/../images/portlet/draggable_borderless.png) no-repeat 0 50%;
  cursor: move;
  padding-left: 20px; }

/* ---------- Panel page ---------- */
.lfr-panel-page {
  width: 100%; }
  .lfr-panel-page .portlet-title {
    font-size: 13px; }
  .lfr-panel-page .lfr-add-content h2 span {
    background-color: #D3DADD; }

/* ---------- Standard styles defined in the JSR 168 ---------- */
/* ---------- Fonts ---------- */
/* ---------- Font attributes for the 'normal' fragment font ---------- */
/* ---------- Font attributes similar to the .portlet-font but the color is lighter ---------- */
/* ---------- Messages ---------- */
.portlet-msg {
  background: #EEE none no-repeat 6px 50%;
  border: 1px solid #555;
  color: #34404F;
  font-weight: bold;
  margin: 2px auto 14px;
  padding: 6px 6px 6px 30px;
  text-align: left; }

/* ---------- Status labels ---------- */
.lfr-status-alert-label, .lfr-status-error-label, .lfr-status-info-label, .lfr-status-progress-label, .lfr-status-success-label {
  background: none no-repeat 0 50%;
  padding: 3px 3px 3px 20px; }

.lfr-status-alert-label {
  background-image: url(/CloudClinikPatient-theme/css/../images/messages/alert.png);
  color: #663; }

.lfr-status-error-label {
  background-image: url(/CloudClinikPatient-theme/css/../images/messages/error.png);
  color: #900; }

.lfr-status-help-label, .lfr-status-info-label, .lfr-status-progress-label {
  background-image: url(/CloudClinikPatient-theme/css/../images/messages/info.png);
  color: #34404F; }

.lfr-status-help-label {
  background-image: url(/CloudClinikPatient-theme/css/../images/portlet/help.png); }

.lfr-status-progress-label {
  background-image: url(/CloudClinikPatient-theme/css/../images/aui/loading_indicator.gif); }

.lfr-status-success-label {
  background-image: url(/CloudClinikPatient-theme/css/../images/messages/success.png);
  color: #384F34; }

/* ---------- Liferay messages ---------- */
.lfr-message {
  position: relative; }
  .lfr-message .lfr-message-control {
    background-color: #333;
    display: inline-block; }
  .lfr-message .lfr-message-controls {
    display: none;
    left: 3px;
    margin: -8px 8px 0 3px;
    position: absolute;
    top: 50%;
    z-index: 10; }
  .lfr-message .lfr-message-close {
    background-image: url(/CloudClinikPatient-theme/css/../images/portlet/close_borderless.png);
    background-position: 0 0;
    background-repeat: no-repeat; }
  .lfr-message .lfr-message-close-all {
    color: #FFF;
    display: none;
    font-size: 0.8em;
    margin-left: 10px;
    padding: 1px 10px;
    text-shadow: 1px 1px 0 #000;
    vertical-align: top; }
    .lfr-message .lfr-message-close-all a {
      color: #FFF; }
  .lfr-message .lfr-message-controls-hover .lfr-message-close-all {
    display: inline-block; }
  .lfr-message.pending {
    background-image: url(/CloudClinikPatient-theme/css/../images/common/time.png); }

.lfr-message-content.alert {
  margin-bottom: 0; }

.lfr-message-close {
  cursor: pointer; }

/* ---------- Sections ---------- */
/* ---------- Text in a selected cell range ---------- */
.portlet-section-selected, .portlet-section-selected a {
  background: #727C81;
  color: #FFF;
  font-weight: bold;
  text-decoration: none; }
.portlet-section-selected a:hover, .portlet-section-selected a:focus {
  background-color: #727C81; }

/* ---------- Text of a subheading ---------- */
/* ---------- Table or section footnote ---------- */
/* ---------- Text that belongs to the table but does not fall in one of the other categories (e.g. explanatory or help text that is associated with the section) ---------- */
/* ---------- Forms ---------- */
.alert .form {
  margin: 0; }

/* ---------- Text used for the descriptive label of the whole form (not the labels for fields) ---------- */
/* ---------- Text of the user-input in an input field ---------- */
/* ---------- Text on a button ---------- */
/* ---------- Text that appears beside a context dependent action icon ---------- */
/* ---------- Text that appears beside a 'standard' icon (e.g. Ok, or cancel) ---------- */
/* ---------- Text for a separator of fields (e.g. checkboxes, etc.) ---------- */
/* ---------- Text for a field (not input field, e.g. checkboxes, etc.) ---------- */
/* ---------- Menus ---------- */
/* ---------- General menu settings such as background color, margins, etc. ---------- */
/* ---------- Normal, unselected menu item ---------- */
/* ---------- Selected menu item ---------- */
/* ---------- Normal, unselected menu item when the mouse hovers over it ---------- */
/* ---------- Selected menu item when the mouse hovers over it ---------- */
/* ---------- Normal, unselected menu item that has sub-menus ---------- */
/* ---------- Selected sub-menu item that has sub-menus ---------- */
/* ---------- Descriptive text for the menu (e.g. in a help context below the menu) ---------- */
/* ---------- Menu caption ---------- */
/* ---------- Miscellaneous portlet styles ---------- */
.restricted, .restricted td {
  background: #FDD;
  border-width: 0; }
.restricted * {
  color: #727C81; }

.alt.restricted td {
  background-color: #FFC0C0; }

.hover.restricted td {
  background-color: #D3BDC0; }

.alt.restricted td.first, .restricted td.first {
  background-image: url(/CloudClinikPatient-theme/css/../images/messages/error.png);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 28px; }

/* ---------- Permissions ---------- */
.table-data tr.lfr-role .first {
  background-image: url();
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 30px;
  vertical-align: middle; }
.table-data tr.lfr-role-guest .first {
  background-image: url(/CloudClinikPatient-theme/css/../images/common/guest_icon.png); }
.table-data tr.lfr-role-regular .first {
  background-image: url(/CloudClinikPatient-theme/css/../images/common/user_icon.png); }
.table-data tr.lfr-role-site .first {
  background-image: url(/CloudClinikPatient-theme/css/../images/common/site_icon.png); }
.table-data tr.lfr-role-organization .first {
  background-image: url(/CloudClinikPatient-theme/css/../images/common/organization_icon.png); }
.table-data tr.lfr-role-team .first {
  background-image: url(/CloudClinikPatient-theme/css/../images/common/team_icon.png); }

/* ---------- Miscellaneous component styles ---------- */
/* ---------- Add content dialog ---------- */
.lfr-portlet-item, .lfr-portlet-item p a {
  font-size: 1em; }

/* ---------- Breadcrumb taglib ---------- */
.breadcrumb.breadcrumb-vertical {
  display: inline-block;
  text-align: center; }
  .breadcrumb.breadcrumb-vertical li {
    display: block; }
    .breadcrumb.breadcrumb-vertical li.last, .breadcrumb.breadcrumb-vertical li.only {
      background: none; }
  .breadcrumb.breadcrumb-vertical .divider {
    background: url(/CloudClinikPatient-theme/images/arrows/07_down.png) no-repeat 50% 100%;
    display: block;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    height: 10px; }

/* ---------- Calendar taglib ---------- */
.taglib-calendar tr.portlet-section-header th, .taglib-calendar tr td {
  border-width: 0; }
.taglib-calendar tr td a {
  background-color: #F0F5F7;
  border: 1px solid #FFF;
  border-bottom-width: 0;
  border-left-width: 0;
  display: block;
  height: 15px;
  padding: 5px 0; }
  .taglib-calendar tr td a:hover {
    background-color: #727C81;
    color: #FFF; }
.taglib-calendar tr td.calendar-inactive {
  background-color: #FFF;
  color: #B5BFC4; }
.taglib-calendar tr th {
  border-bottom-color: #D7D7D7; }
.taglib-calendar table td {
  border-width: 0; }
.taglib-calendar .calendar-current-day, .taglib-calendar .calendar-current-day a {
  background-color: #FFF; }
.taglib-calendar .calendar-current-day a {
  border: 1px solid #727C81;
  color: #369;
  text-decoration: underline; }

/* ---------- navbar form search ---------- */
.navbar form {
  margin: 0; }

.ie .portlet-borderless-bar {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }
.ie .portlet-content .lfr-icon-actions {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }
.ie .portlet-borderless-container:hover .portlet-borderless-bar, .ie .portlet-journal-content .lfr-icon-actions:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }
.ie .taglib-calendar tr td.first a {
  border-right-width: 0; }

.ie6 .portlet-content .icons-container, .ie7 .portlet-content .icons-container {
  overflow: visible; }
.ie6 .portlet-content .lfr-icon-actions .taglib-text, .ie7 .portlet-content .lfr-icon-actions .taglib-text {
  display: inline-block; }
.ie6 .portlet-borderless-bar .portlet-actions, .ie7 .portlet-borderless-bar .portlet-actions {
  margin-left: 20px;
  margin-right: 0; }
.ie6 .portlet-title-default, .ie7 .portlet-title-default {
  float: left; }
.ie6 .lfr-message .lfr-message-close, .ie7 .lfr-message .lfr-message-close {
  float: left; }

.ie6 .portlet-topper-toolbar .icon {
  height: 16px;
  width: 16px; }
.ie6 .portlet-borderless-container {
  height: 2.5em; }
.ie6 .portlet-borderless-bar {
  filter: alpha(opacity=90); }
  .ie6 .portlet-borderless-bar .portlet-actions {
    display: inline;
    filter: alpha(opacity=90); }
.ie6 .breadcrumbs {
  zoom: 1; }

.ie8 .dockbar img, .ie8 .lfr-icon-action img, .ie8 .logo img {
  max-width: none; }

.menu-content, .underlay-content {
  -webkit-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5); }

.lfr-add-panel, .lfr-device-preview-panel, .lfr-edit-layout-panel {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

.lfr-preview-file-image img, .lfr-translation-manager {
  -webkit-box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8);
  box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8); }

.lfr-preview-file-image-current-column {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8); }

.lfr-preview-file-image-current-column {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8); }

.lfr-device-preview .lfr-device-size-status-content {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 1px white;
  -moz-box-shadow: 0 0 1px white;
  box-shadow: 0 0 1px white;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9; }
.lfr-device-preview .lfr-device:after, .lfr-device-preview .lfr-device:before {
  -webkit-box-shadow: #111111 0 1px 0;
  -moz-box-shadow: #111111 0 1px 0;
  box-shadow: #111111 0 1px 0; }
.lfr-device-preview .lfr-device:after {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px; }
.lfr-device-preview .lfr-device.rotated:after, .lfr-device-preview .lfr-device.rotated:before {
  -webkit-box-shadow: #111111 -1px 1px 0;
  -moz-box-shadow: #111111 -1px 1px 0;
  box-shadow: #111111 -1px 1px 0; }
.lfr-device-preview .lfr-device.smartphone, .lfr-device-preview .lfr-device.tablet {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px; }
.lfr-device-preview .lfr-device.tablet:before {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

@media (max-width: 979px) {
  .dockbar .navbar-inner .btn-navbar {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none; } }
.dockbar .navbar-inner .nav li.staging-toggle.active > a {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
.dockbar .navbar-inner .nav li.staging-toggle span {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }
.dockbar .menu-button-active .menu-button {
  -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7);
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7); }
.dockbar .impersonating-user .alert-info {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

.dockbar-split .dockbar .navbar-inner .nav > li > a {
  text-shadow: none; }
.dockbar-split .dockbar .navbar-inner .nav-add-controls > li a {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }
  .dockbar-split .dockbar .navbar-inner .nav-add-controls > li a .nav-item-label {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px; }
.dockbar-split .dockbar .navbar-inner .nav-add-controls > li.open a {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0; }

@media (max-width: 979px) {
  .navbar .navbar-search .form-search .search-query {
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
    border-radius: 14px; } }
.portlet-document-library .lfr-ddm-small-image-preview, .portlet-dynamic-data-mapping .lfr-ddm-small-image-preview {
  -webkit-box-shadow: 0 1px 3px #cccccc;
  -moz-box-shadow: 0 1px 3px #cccccc;
  box-shadow: 0 1px 3px #cccccc; }

.portlet-asset-category-admin .tree-node-selected, .portlet-asset-category-admin .tree-node-over, .portlet-asset-category-admin .category-item {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.lfr-translation-manager-translation.lfr-translation-manager-translation-editing {
  -webkit-box-shadow: inset 0 0 2px #224fa8;
  -moz-box-shadow: inset 0 0 2px #224fa8;
  box-shadow: inset 0 0 2px #224fa8; }

.portlet-document-library-upload-mask .overlaymask-content {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.lfr-search-combobox-item, .portlet-journal .lfr-search-combobox .search input {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px; }

.lfr-search-combobox .field-input-text {
  -webkit-border-radius: 4px 1px 1px 4px;
  -moz-border-radius: 4px 1px 1px 4px;
  -ms-border-radius: 4px 1px 1px 4px;
  -o-border-radius: 4px 1px 1px 4px;
  border-radius: 4px 1px 1px 4px; }
.lfr-search-combobox .button-input {
  -webkit-border-radius: 1px 4px 4px 1px;
  -moz-border-radius: 1px 4px 4px 1px;
  -ms-border-radius: 1px 4px 4px 1px;
  -o-border-radius: 1px 4px 4px 1px;
  border-radius: 1px 4px 4px 1px; }

.lfr-upload-container .progress-bar, .lfr-upload-container .progress, .lfr-editable:after {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }

body > .lfr-menu-list ul, .active-area-proxy, .entry-display-style .entry-thumbnail, .lfr-api-results, .lfr-translation-manager, .lfr-translation-manager-translation, .lfr-upload-container .cancel-button .modify-pages .delete-tab, .portlet-image-gallery-display .image-thumbnail img, .rule-group-instance-container .rule-group-instance, .select-documents, .select-files, .taglib-ratings.stars:hover, .taglib-ratings.stars:hover .liferay-rating-vote > div, .taglib-ratings.stars .rating-focused > div, .tags-search-combobox .field-input-text {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

.entry-display-style, .lfr-search-combobox, .lfr-upload-container .upload-file, .lfr-upload-container .upload-target, .portlet-document-library .common-file-metadata-container.selected, .portlet-document-library-display .common-file-metadata-container.selected, .portlet-image-gallery-display .image-icon, .select-documents, .select-files {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.portlet-journal .lfr-ddm-container .field-wrapper {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px; }

.portlet-journal .display-page-item-container .display-page-item, .portlet-journal .display-page-item-container .display-page-item .display-page-item-remove, .taglib-categorization-filter .asset-entry {
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px; }

.menu-content {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.taglib-form-navigator > .form-steps > ul.form-navigator.well {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .taglib-form-navigator > .form-steps > ul.form-navigator.well .tab .tab-label:hover .number, .taglib-form-navigator > .form-steps > ul.form-navigator.well .tab .tab-label:focus .number {
    -webkit-box-shadow: 0 0 5px 0 #333333;
    -moz-box-shadow: 0 0 5px 0 #333333;
    box-shadow: 0 0 5px 0 #333333;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-property: box-shadow;
    -moz-transition-property: box-shadow;
    -o-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .taglib-form-navigator > .form-steps > ul.form-navigator.well .tab .tab-label .number {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; }

.underlay-content {
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px; }

.input-localized .lfr-input-localized-state {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }
.input-localized .lfr-input-localized .lfr-input-localized-state {
  -webkit-box-shadow: 0 0 3px #dddddd;
  -moz-box-shadow: 0 0 3px #dddddd;
  box-shadow: 0 0 3px #dddddd; }
  .input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
    -webkit-box-shadow: 0 0 3px #ff0047;
    -moz-box-shadow: 0 0 3px #ff0047;
    box-shadow: 0 0 3px #ff0047; }
.input-localized .palette-item-selected .lfr-input-localized-state {
  -webkit-box-shadow: 0 0 3px #27c1f2;
  -moz-box-shadow: 0 0 3px #27c1f2;
  box-shadow: 0 0 3px #27c1f2; }

.lfr-add-panel .add-content-button .lfr-actions {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }
.lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-list:hover, .lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-list.hover, .lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-list.over, .lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-descriptive:hover, .lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-descriptive.hover, .lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-descriptive.over {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }
.lfr-add-panel .lfr-panel.lfr-extended {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
.lfr-add-panel .lfr-panel.lfr-extended .lfr-panel-titlebar, .lfr-add-panel .add-application-tab .lfr-add-content .lfr-title-category {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d2dbe4), color-stop(100%, #bdc8d6));
  background-image: -webkit-linear-gradient(#d2dbe4, #bdc8d6);
  background-image: -moz-linear-gradient(#d2dbe4, #bdc8d6);
  background-image: -o-linear-gradient(#d2dbe4, #bdc8d6);
  background-image: linear-gradient(#d2dbe4, #bdc8d6); }
.lfr-add-panel .search-panel .add-content-search .field-input {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

.lfr-add-dialog .add-content-menu .search-query, .lfr-add-panel .add-content-menu .search-query {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px; }

.lfr-content-preview-popup .lfr-content-preview-popup-content {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 8px 3px 7px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 8px 3px 7px rgba(0, 0, 0, 0.25);
  box-shadow: 8px 3px 7px rgba(0, 0, 0, 0.25); }

.lfr-message .lfr-message-control {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }

.lfr-token, .layout-customizable-controls, .lfr-translation-manager-delete-translation {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px; }

.customizable-layout-column-content {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px; }

.staging-tabview-list {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

.site-variations-tabview-list .tab-content, .staging-tabview-list .tab-active .tab-content, .tagselector-content .textboxlistentry-holder .lfr-tag-selector-input:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.rule-group-instance-container .rule-group-instance {
  -webkit-box-shadow: 1px 1px 2px #999999;
  -moz-box-shadow: 1px 1px 2px #999999;
  box-shadow: 1px 1px 2px #999999; }

.lfr-action-label {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }

.lfr-api-service-search .field-input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }

  to {
    background-position: 0 0; } }

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }

  to {
    background-position: 0 0; } }

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }

  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }

  to {
    background-position: 0 0; } }

.lfr-progress-active .progress-bar-status, .lfr-upload-container .file-uploading .progress-bar .progress {
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
  -webkit-animation: progress-bar-stripes 0.5s linear infinite;
  -moz-animation: progress-bar-stripes 0.5s linear infinite;
  -ms-animation: progress-bar-stripes 0.5s linear infinite;
  -o-animation: progress-bar-stripes 0.5s linear infinite;
  animation: progress-bar-stripes 0.5s linear infinite;
  -webkit-transition: width 0.5s ease-out;
  -moz-transition: width 0.5s ease-out;
  -o-transition: width 0.5s ease-out;
  transition: width 0.5s ease-out; }

@-webkit-keyframes highlight-animation {
  from {
    background-color: #FFC; }

  to {
    background-color: transparent; } }

@-moz-keyframes highlight-animation {
  from {
    background-color: #FFC; }

  to {
    background-color: transparent; } }

@-o-keyframes highlight-animation {
  from {
    background-color: #FFC; }

  to {
    background-color: transparent; } }

@keyframes highlight-animation {
  from {
    background-color: #FFC; }

  to {
    background-color: transparent; } }

.highlight-animation {
  -webkit-animation: highlight-animation 0.7s;
  -moz-animation: highlight-animation 0.7s;
  -ms-animation: highlight-animation 0.7s;
  -o-animation: highlight-animation 0.7s;
  animation: highlight-animation 0.7s; }

body:first-of-type .portlet-borderless-bar, body:first-of-type .portlet-content .lfr-icon-actions {
  -webkit-transition: opacity 0.5s ease;
  -webkit-transition-delay: 0.15s;
  -moz-transition: opacity 0.5s ease 0.15s;
  -o-transition: opacity 0.5s ease 0.15s;
  transition: opacity 0.5s ease 0.15s; }
body:first-of-type .portlet-borderless-container:hover .portlet-borderless-bar, body:first-of-type .portlet-content:hover .lfr-icon-actions {
  -webkit-transition: opacity 0.5s ease;
  -webkit-transition-delay: 0s;
  -moz-transition: opacity 0.5s ease 0s;
  -o-transition: opacity 0.5s ease 0s;
  transition: opacity 0.5s ease 0s; }
body:first-of-type .portlet-borderless-bar .portlet-actions, body:first-of-type .portlet-content .lfr-icon-actions .taglib-text {
  display: inline-block;
  max-width: 0;
  overflow: hidden;
  -webkit-transition: max-width 0.3s ease-in;
  -webkit-transition-delay: 0.2s;
  -moz-transition: max-width 0.3s ease-in 0.2s;
  -o-transition: max-width 0.3s ease-in 0.2s;
  transition: max-width 0.3s ease-in 0.2s;
  text-overflow: ellipsis;
  white-space: nowrap; }
body:first-of-type .portlet-borderless-bar .portlet-actions, body:first-of-type .portlet-content:hover .lfr-icon-actions .taglib-text {
  -webkit-transition: max-width 0.3s ease;
  -webkit-transition-delay: 0s;
  -moz-transition: max-width 0.3s ease 0s;
  -o-transition: max-width 0.3s ease 0s;
  transition: max-width 0.3s ease 0s; }
body:first-of-type .portlet-borderless-bar .portlet-actions {
  -moz-border-radius-bottomleft: 20px;
  -webkit-border-bottom-left-radius: 20px;
  border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -webkit-border-top-left-radius: 20px;
  border-top-left-radius: 20px; }
body:first-of-type .portlet-borderless-bar .portlet-title-default {
  -moz-border-radius-bottomright: 20px;
  -webkit-border-bottom-right-radius: 20px;
  border-bottom-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  -webkit-border-top-right-radius: 20px;
  border-top-right-radius: 20px; }
body:first-of-type .portlet-borderless-container:hover .portlet-borderless-bar .portlet-actions {
  max-width: 500px; }
body:first-of-type .portlet-content:hover .lfr-icon-actions .taglib-text {
  max-width: 200px; }
@media (max-width: 979px) {
  body:first-of-type .portlet-content .lfr-icon-actions .taglib-text {
    max-width: 200px; } }

.portlet-boundary.yui3-dd-dragging {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: -webkit-transform 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease; }

.portlet-document-library .entry-thumbnail .label, .portlet-document-library-display .workflow-status .label, .portlet-journal .entry-thumbnail .label {
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0; }

@-webkit-keyframes lfr-drop-active {
  0% {
    background-color: #EBEBEB;
    border-color: #DDD; }

  50% {
    background-color: #DDEDDE;
    border-color: #7D7;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }

  75% {
    background-color: #DDEDDE;
    border-color: #7D7; }

  100% {
    background-color: #EBEBEB;
    border-color: #DDD; } }

@-moz-keyframes lfr-drop-active {
  0% {
    background-color: #EBEBEB;
    border-color: #DDD; }

  50% {
    background-color: #DDEDDE;
    border-color: #7D7;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }

  75% {
    background-color: #DDEDDE;
    border-color: #7D7; }

  100% {
    background-color: #EBEBEB;
    border-color: #DDD; } }

@-o-keyframes lfr-drop-active {
  0% {
    background-color: #EBEBEB;
    border-color: #DDD; }

  50% {
    background-color: #DDEDDE;
    border-color: #7D7;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }

  75% {
    background-color: #DDEDDE;
    border-color: #7D7; }

  100% {
    background-color: #EBEBEB;
    border-color: #DDD; } }

@keyframes lfr-drop-active {
  0% {
    background-color: #EBEBEB;
    border-color: #DDD; }

  50% {
    background-color: #DDEDDE;
    border-color: #7D7;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1); }

  75% {
    background-color: #DDEDDE;
    border-color: #7D7; }

  100% {
    background-color: #EBEBEB;
    border-color: #DDD; } }

.upload-drop-active .lfr-upload-container .upload-target {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none; }
.upload-drop-active .portlet-document-library .document-container {
  -webkit-box-shadow: inset 0 0 5px #b8c1d1;
  -moz-box-shadow: inset 0 0 5px #b8c1d1;
  box-shadow: inset 0 0 5px #b8c1d1; }

.upload-drop-intent .lfr-upload-container .upload-target {
  -webkit-animation: lfr-drop-active 1s ease 0.2s infinite;
  -moz-animation: lfr-drop-active 1s ease 0.2s infinite;
  -ms-animation: lfr-drop-active 1s ease 0.2s infinite;
  -o-animation: lfr-drop-active 1s ease 0.2s infinite;
  animation: lfr-drop-active 1s ease 0.2s infinite; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

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

.col-xs-11 {
  width: 91.66666666666666%; }

.col-xs-10 {
  width: 83.33333333333334%; }

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

.col-xs-8 {
  width: 66.66666666666666%; }

.col-xs-7 {
  width: 58.333333333333336%; }

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

.col-xs-5 {
  width: 41.66666666666667%; }

.col-xs-4 {
  width: 33.33333333333333%; }

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

.col-xs-2 {
  width: 16.666666666666664%; }

.col-xs-1 {
  width: 8.333333333333332%; }

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

.col-xs-pull-11 {
  right: 91.66666666666666%; }

.col-xs-pull-10 {
  right: 83.33333333333334%; }

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

.col-xs-pull-8 {
  right: 66.66666666666666%; }

.col-xs-pull-7 {
  right: 58.333333333333336%; }

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

.col-xs-pull-5 {
  right: 41.66666666666667%; }

.col-xs-pull-4 {
  right: 33.33333333333333%; }

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

.col-xs-pull-2 {
  right: 16.666666666666664%; }

.col-xs-pull-1 {
  right: 8.333333333333332%; }

.col-xs-pull-0 {
  right: 0; }

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

.col-xs-push-11 {
  left: 91.66666666666666%; }

.col-xs-push-10 {
  left: 83.33333333333334%; }

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

.col-xs-push-8 {
  left: 66.66666666666666%; }

.col-xs-push-7 {
  left: 58.333333333333336%; }

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

.col-xs-push-5 {
  left: 41.66666666666667%; }

.col-xs-push-4 {
  left: 33.33333333333333%; }

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

.col-xs-push-2 {
  left: 16.666666666666664%; }

.col-xs-push-1 {
  left: 8.333333333333332%; }

.col-xs-push-0 {
  left: 0; }

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

.col-xs-offset-11 {
  margin-left: 91.66666666666666%; }

.col-xs-offset-10 {
  margin-left: 83.33333333333334%; }

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

.col-xs-offset-8 {
  margin-left: 66.66666666666666%; }

.col-xs-offset-7 {
  margin-left: 58.333333333333336%; }

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

.col-xs-offset-5 {
  margin-left: 41.66666666666667%; }

.col-xs-offset-4 {
  margin-left: 33.33333333333333%; }

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

.col-xs-offset-2 {
  margin-left: 16.666666666666664%; }

.col-xs-offset-1 {
  margin-left: 8.333333333333332%; }

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

@media (min-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.66666666666666%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .col-sm-offset-0 {
    margin-left: 0; } }
@media (min-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.66666666666666%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .col-md-offset-0 {
    margin-left: 0; } }
@media (min-width: 1200px) {
  .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.66666666666666%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .col-lg-offset-0 {
    margin-left: 0; } }
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-body {
  padding: 15px; }

.panel > .list-group {
  margin-bottom: 0; }

.panel > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0; }

.panel > .list-group .list-group-item:first-child {
  border-top: 0; }

.panel > .list-group .list-group-item:last-child {
  border-bottom: 0; }

.panel > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.panel > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.panel > .table,
.panel > .table-responsive > .table {
  margin-bottom: 0; }

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px; }

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px; }

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px; }

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px; }

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
  border-top: 1px solid #ddd; }

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0; }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0; }

.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0; }

.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0; }

.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th,
.panel > .table-bordered > tfoot > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:first-child > th,
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tfoot > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:first-child > td {
  border-top: 0; }

.panel > .table-bordered > thead > tr:last-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:last-child > th,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-bordered > thead > tr:last-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td {
  border-bottom: 0; }

.panel > .table-responsive {
  margin-bottom: 0;
  border: 0; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit; }

.panel-title > a {
  color: inherit; }

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel-group {
  margin-bottom: 20px; }

.panel-group .panel {
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 4px; }

.panel-group .panel + .panel {
  margin-top: 5px; }

.panel-group .panel-heading {
  border-bottom: 0; }

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

.panel-group .panel-footer {
  border-top: 0; }

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd; }

.panel-default {
  border-color: #ddd; }

.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd; }

.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ddd; }

.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ddd; }

.panel-primary {
  border-color: #428bca; }

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #428bca;
  border-color: #428bca; }

.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #428bca; }

.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #428bca; }

.panel-success {
  border-color: #d6e9c6; }

.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6; }

.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d6e9c6; }

.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d6e9c6; }

.panel-info {
  border-color: #bce8f1; }

.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1; }

.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bce8f1; }

.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bce8f1; }

.panel-warning {
  border-color: #faebcc; }

.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc; }

.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #faebcc; }

.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #faebcc; }

.panel-danger {
  border-color: #ebccd1; }

.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1; }

.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ebccd1; }

.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ebccd1; }

@media (min-width: 768px) {
  .container {
    width: 750px; } }
@media (min-width: 992px) {
  .container {
    width: 970px; } }
@media (min-width: 1200px) {
  .container {
    width: 1170px; } }
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }

.row {
  margin-left: -15px;
  margin-right: -15px; }

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left; }

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

.col-xs-11 {
  width: 91.66667%; }

.col-xs-10 {
  width: 83.33333%; }

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

.col-xs-8 {
  width: 66.66667%; }

.col-xs-7 {
  width: 58.33333%; }

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

.col-xs-5 {
  width: 41.66667%; }

.col-xs-4 {
  width: 33.33333%; }

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

.col-xs-2 {
  width: 16.66667%; }

.col-xs-1 {
  width: 8.33333%; }

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

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-10 {
  right: 83.33333%; }

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

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-7 {
  right: 58.33333%; }

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

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-4 {
  right: 33.33333%; }

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

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-0 {
  right: 0; }

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

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-10 {
  left: 83.33333%; }

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

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-7 {
  left: 58.33333%; }

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

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-4 {
  left: 33.33333%; }

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

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-0 {
  left: 0; }

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

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

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

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

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

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

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

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

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

@media (min-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.66667%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .col-sm-offset-0 {
    margin-left: 0; } }
@media (min-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.66667%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .col-md-offset-0 {
    margin-left: 0; } }
@media (min-width: 1200px) {
  .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.66667%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .col-lg-offset-0 {
    margin-left: 0; } }
.w3-image {
  max-width: 100%;
  height: auto; }

img {
  margin-bottom: -5px; }

a {
  color: inherit; }

.w3-table, .w3-table-all {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  display: table; }

.w3-table-all {
  border: 1px solid #ccc; }

.w3-bordered tr, .w3-table-all tr {
  border-bottom: 1px solid #ddd; }

.w3-striped tbody tr:nth-child(even) {
  background-color: #f1f1f1; }

.w3-table-all tr:nth-child(odd) {
  background-color: #fff; }

.w3-table-all tr:nth-child(even) {
  background-color: #f1f1f1; }

.w3-hoverable tbody tr:hover, .w3-ul.w3-hoverable li:hover {
  background-color: #ccc; }

.w3-centered tr th, .w3-centered tr td {
  text-align: center; }

.w3-table td, .w3-table th, .w3-table-all td, .w3-table-all th {
  padding: 8px 8px;
  display: table-cell;
  text-align: left;
  vertical-align: top; }

.w3-table th:first-child, .w3-table td:first-child, .w3-table-all th:first-child, .w3-table-all td:first-child {
  padding-left: 16px; }

.w3-btn, .w3-button {
  border: none;
  display: inline-block;
  outline: 0;
  padding: 8px 16px;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  background-color: inherit;
  text-align: center;
  cursor: pointer;
  white-space: nowrap; }

.w3-btn:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.w3-btn, .w3-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.w3-disabled, .w3-btn:disabled, .w3-button:disabled {
  cursor: not-allowed;
  opacity: 0.3; }

.w3-disabled *, :disabled * {
  pointer-events: none; }

.w3-btn.w3-disabled:hover, .w3-btn:disabled:hover {
  box-shadow: none; }

.w3-badge, .w3-tag {
  background-color: #000;
  color: #fff;
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center; }

.w3-badge {
  border-radius: 50%; }

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

.w3-ul li {
  padding: 8px 16px;
  border-bottom: 1px solid #ddd; }

.w3-ul li:last-child {
  border-bottom: none; }

.w3-tooltip, .w3-display-container {
  position: relative; }

.w3-tooltip .w3-text {
  display: none; }

.w3-tooltip:hover .w3-text {
  display: inline-block; }

.w3-ripple:active {
  opacity: 0.5; }

.w3-ripple {
  transition: opacity 0s; }

.w3-input {
  padding: 8px;
  display: block;
  border: none;
  border-bottom: 1px solid #ccc;
  width: 100%; }

.w3-select {
  padding: 9px 0;
  width: 100%;
  border: none;
  border-bottom: 1px solid #ccc; }

.w3-dropdown-click, .w3-dropdown-hover {
  position: relative;
  display: inline-block;
  cursor: pointer; }

.w3-dropdown-hover:hover .w3-dropdown-content {
  display: block;
  z-index: 1; }

.w3-dropdown-hover:first-child, .w3-dropdown-click:hover {
  background-color: #ccc;
  color: #000; }

.w3-dropdown-hover:hover > .w3-button:first-child, .w3-dropdown-click:hover > .w3-button:first-child {
  background-color: #ccc;
  color: #000; }

.w3-dropdown-content {
  cursor: auto;
  color: #000;
  background-color: #fff;
  display: none;
  position: absolute;
  min-width: 160px;
  margin: 0;
  padding: 0; }

.w3-check, .w3-radio {
  width: 24px;
  height: 24px;
  position: relative;
  top: 6px; }

.w3-sidebar {
  height: 100%;
  width: 270px;
  background-color: #555555;
  position: relative !important;
  z-index: 1;
  overflow: hidden;
  min-height: 500px; }

.w3-bar-block .w3-dropdown-hover, .w3-bar-block .w3-dropdown-click {
  width: 100%; }

.w3-bar-block .w3-dropdown-hover .w3-dropdown-content, .w3-bar-block .w3-dropdown-click .w3-dropdown-content {
  min-width: 100%; }

.w3-bar-block .w3-dropdown-hover .w3-button, .w3-bar-block .w3-dropdown-click .w3-button {
  width: 100%;
  text-align: left;
  padding: 8px 16px; }

.w3-main, #main {
  transition: margin-left .4s; }

.w3-modal {
  z-index: 3;
  display: none;
  padding-top: 100px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4); }

.w3-modal-content {
  margin: auto;
  background-color: #fff;
  position: relative;
  padding: 0;
  outline: 0;
  width: 600px; }

.w3-bar {
  width: 100%;
  overflow: hidden; }

.w3-center .w3-bar {
  display: inline-block;
  width: auto; }

.w3-bar .w3-bar-item {
  padding: 8px 16px;
  float: left;
  width: auto;
  border: none;
  outline: none;
  display: block; }

.w3-bar .w3-dropdown-hover, .w3-bar .w3-dropdown-click {
  position: static;
  float: left; }

.w3-bar .w3-button {
  white-space: normal; }

.w3-bar-block .w3-bar-item {
  width: 100%;
  display: block;
  padding: 8px 16px;
  text-align: left;
  border: none;
  outline: none;
  white-space: normal;
  float: none;
  color: #fff !important; }

.w3-bar-block.w3-center .w3-bar-item {
  text-align: center; }

.w3-block {
  display: block;
  width: 100%; }

.w3-responsive {
  overflow-x: auto; }

.w3-container:after, .w3-container:before, .w3-panel:after, .w3-panel:before, .w3-row:after, .w3-row:before, .w3-row-padding:after, .w3-row-padding:before,
.w3-cell-row:before, .w3-cell-row:after, .w3-clear:after, .w3-clear:before, .w3-bar:before, .w3-bar:after {
  content: "";
  display: table;
  clear: both; }

.w3-col, .w3-half, .w3-third, .w3-twothird, .w3-threequarter, .w3-quarter {
  float: left;
  width: 100%; }

.w3-col.s1 {
  width: 8.33333%; }

.w3-col.s2 {
  width: 16.66666%; }

.w3-col.s3 {
  width: 24.99999%; }

.w3-col.s4 {
  width: 33.33333%; }

.w3-col.s5 {
  width: 41.66666%; }

.w3-col.s6 {
  width: 49.99999%; }

.w3-col.s7 {
  width: 58.33333%; }

.w3-col.s8 {
  width: 66.66666%; }

.w3-col.s9 {
  width: 74.99999%; }

.w3-col.s10 {
  width: 83.33333%; }

.w3-col.s11 {
  width: 91.66666%; }

.w3-col.s12 {
  width: 99.99999%; }

@media (min-width: 601px) {
  .w3-col.m1 {
    width: 8.33333%; }

  .w3-col.m2 {
    width: 16.66666%; }

  .w3-col.m3, .w3-quarter {
    width: 24.99999%; }

  .w3-col.m4, .w3-third {
    width: 33.33333%; }

  .w3-col.m5 {
    width: 41.66666%; }

  .w3-col.m6, .w3-half {
    width: 49.99999%; }

  .w3-col.m7 {
    width: 58.33333%; }

  .w3-col.m8, .w3-twothird {
    width: 66.66666%; }

  .w3-col.m9, .w3-threequarter {
    width: 74.99999%; }

  .w3-col.m10 {
    width: 83.33333%; }

  .w3-col.m11 {
    width: 91.66666%; }

  .w3-col.m12 {
    width: 99.99999%; } }
@media (min-width: 993px) {
  .w3-col.l1 {
    width: 8.33333%; }

  .w3-col.l2 {
    width: 16.66666%; }

  .w3-col.l3 {
    width: 24.99999%; }

  .w3-col.l4 {
    width: 33.33333%; }

  .w3-col.l5 {
    width: 41.66666%; }

  .w3-col.l6 {
    width: 49.99999%; }

  .w3-col.l7 {
    width: 58.33333%; }

  .w3-col.l8 {
    width: 66.66666%; }

  .w3-col.l9 {
    width: 74.99999%; }

  .w3-col.l10 {
    width: 83.33333%; }

  .w3-col.l11 {
    width: 91.66666%; }

  .w3-col.l12 {
    width: 99.99999%; } }
.w3-content {
  max-width: 980px;
  margin: auto; }

.w3-rest {
  overflow: hidden; }

.w3-cell-row {
  display: table;
  width: 100%; }

.w3-cell {
  display: table-cell; }

.w3-cell-top {
  vertical-align: top; }

.w3-cell-middle {
  vertical-align: middle; }

.w3-cell-bottom {
  vertical-align: bottom; }

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

.w3-show-block, .w3-show {
  display: block !important; }

.w3-show-inline-block {
  display: inline-block !important; }

@media (max-width: 600px) {
  .w3-modal-content {
    margin: 0 10px;
    width: auto !important; }

  .w3-modal {
    padding-top: 30px; }

  .w3-dropdown-hover.w3-mobile .w3-dropdown-content, .w3-dropdown-click.w3-mobile .w3-dropdown-content {
    position: relative; }

  .w3-hide-small {
    display: none !important; }

  .w3-mobile {
    display: block;
    width: 100% !important; }

  .w3-bar-item.w3-mobile, .w3-dropdown-hover.w3-mobile, .w3-dropdown-click.w3-mobile {
    text-align: center; }

  .w3-dropdown-hover.w3-mobile, .w3-dropdown-hover.w3-mobile .w3-btn, .w3-dropdown-hover.w3-mobile .w3-button, .w3-dropdown-click.w3-mobile, .w3-dropdown-click.w3-mobile .w3-btn, .w3-dropdown-click.w3-mobile .w3-button {
    width: 100%; } }
@media (max-width: 768px) {
  .w3-modal-content {
    width: 500px; }

  .w3-modal {
    padding-top: 50px; } }
@media (min-width: 993px) {
  .w3-modal-content {
    width: 900px; }

  .w3-hide-large {
    display: none !important; }

  .w3-sidebar.w3-collapse {
    display: block !important; } }
@media (max-width: 992px) and (min-width: 601px) {
  .w3-hide-medium {
    display: none !important; } }
@media (max-width: 992px) {
  .w3-sidebar.w3-collapse {
    display: none; }

  .w3-main {
    margin-left: 0 !important;
    margin-right: 0 !important; } }
.w3-top, .w3-bottom {
  position: fixed;
  width: 100%;
  z-index: 1; }

.w3-top {
  top: 0; }

.w3-bottom {
  bottom: 0; }

.w3-overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2; }

.w3-display-topleft {
  position: absolute;
  left: 0;
  top: 0; }

.w3-display-topright {
  position: absolute;
  right: 0;
  top: 0; }

.w3-display-bottomleft {
  position: absolute;
  left: 0;
  bottom: 0; }

.w3-display-bottomright {
  position: absolute;
  right: 0;
  bottom: 0; }

.w3-display-middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); }

.w3-display-left {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%); }

.w3-display-right {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%); }

.w3-display-topmiddle {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%); }

.w3-display-bottommiddle {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%); }

.w3-display-container:hover .w3-display-hover {
  display: block; }

.w3-display-container:hover span.w3-display-hover {
  display: inline-block; }

.w3-display-hover {
  display: none; }

.w3-display-position {
  position: absolute; }

.w3-circle {
  border-radius: 50%; }

.w3-round-small {
  border-radius: 2px; }

.w3-round, .w3-round-medium {
  border-radius: 4px; }

.w3-round-large {
  border-radius: 8px; }

.w3-round-xlarge {
  border-radius: 16px; }

.w3-round-xxlarge {
  border-radius: 32px; }

.w3-row-padding, .w3-row-padding > .w3-half, .w3-row-padding > .w3-third, .w3-row-padding > .w3-twothird, .w3-row-padding > .w3-threequarter, .w3-row-padding > .w3-quarter, .w3-row-padding > .w3-col {
  padding: 0 8px; }

.w3-container, .w3-panel {
  padding: 0.01em 16px; }

.w3-panel {
  margin-top: 16px;
  margin-bottom: 16px; }

.w3-code, .w3-codespan {
  font-family: Consolas,"courier new";
  font-size: 16px; }

.w3-code {
  width: auto;
  background-color: #fff;
  padding: 8px 12px;
  border-left: 4px solid #4CAF50;
  word-wrap: break-word; }

.w3-codespan {
  color: crimson;
  background-color: #f1f1f1;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 110%; }

.w3-card, .w3-card-2 {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.w3-card-4, .w3-hover-shadow:hover {
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19); }

.w3-spin {
  animation: w3-spin 2s infinite linear; }

@keyframes w3-spin {
  0% {
    transform: rotate(0deg); }

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

.w3-animate-fading {
  animation: fading 10s infinite; }

@keyframes fading {
  0% {
    opacity: 0; }

  50% {
    opacity: 1; }

  100% {
    opacity: 0; } }

.w3-animate-opacity {
  animation: opac 0.8s; }

@keyframes opac {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

.w3-animate-top {
  position: relative;
  animation: animatetop 0.4s; }

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0; }

  to {
    top: 0;
    opacity: 1; } }

.w3-animate-left {
  position: relative;
  animation: animateleft 0.4s; }

@keyframes animateleft {
  from {
    left: -300px;
    opacity: 0; }

  to {
    left: 0;
    opacity: 1; } }

.w3-animate-right {
  position: relative;
  animation: animateright 0.4s; }

@keyframes animateright {
  from {
    right: -300px;
    opacity: 0; }

  to {
    right: 0;
    opacity: 1; } }

.w3-animate-bottom {
  position: relative;
  animation: animatebottom 0.4s; }

@keyframes animatebottom {
  from {
    bottom: -300px;
    opacity: 0; }

  to {
    bottom: 0;
    opacity: 1; } }

.w3-animate-zoom {
  animation: animatezoom 0.6s; }

@keyframes animatezoom {
  from {
    transform: scale(0); }

  to {
    transform: scale(1); } }

.w3-animate-input {
  transition: width 0.4s ease-in-out; }

.w3-animate-input:focus {
  width: 100% !important; }

.w3-opacity, .w3-hover-opacity:hover {
  opacity: 0.60; }

.w3-opacity-off, .w3-hover-opacity-off:hover {
  opacity: 1; }

.w3-opacity-max {
  opacity: 0.25; }

.w3-opacity-min {
  opacity: 0.75; }

.w3-greyscale-max, .w3-grayscale-max, .w3-hover-greyscale:hover, .w3-hover-grayscale:hover {
  filter: grayscale(100%); }

.w3-greyscale, .w3-grayscale {
  filter: grayscale(75%); }

.w3-greyscale-min, .w3-grayscale-min {
  filter: grayscale(50%); }

.w3-sepia {
  filter: sepia(75%); }

.w3-sepia-max, .w3-hover-sepia:hover {
  filter: sepia(100%); }

.w3-sepia-min {
  filter: sepia(50%); }

.w3-tiny {
  font-size: 10px !important; }

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

.w3-medium {
  font-size: 15px !important; }

.w3-large {
  font-size: 18px !important; }

.w3-xlarge {
  font-size: 24px !important; }

.w3-xxlarge {
  font-size: 36px !important; }

.w3-xxxlarge {
  font-size: 48px !important; }

.w3-jumbo {
  font-size: 64px !important; }

.w3-left-align {
  text-align: left !important; }

.w3-right-align {
  text-align: right !important; }

.w3-justify {
  text-align: justify !important; }

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

.w3-border-0 {
  border: 0 !important; }

.w3-border {
  border: 1px solid #cccccc !important; }

.w3-border-top {
  border-top: 1px solid #cccccc !important; }

.w3-border-bottom {
  border-bottom: 1px solid #cccccc !important; }

.w3-border-left {
  border-left: 1px solid #cccccc !important; }

.w3-border-right {
  border-right: 1px solid #cccccc !important; }

.w3-topbar {
  border-top: 6px solid #cccccc !important; }

.w3-bottombar {
  border-bottom: 6px solid #cccccc !important; }

.w3-leftbar {
  border-left: 6px solid #cccccc !important; }

.w3-rightbar {
  border-right: 6px solid #cccccc !important; }

.w3-section, .w3-code {
  margin-top: 16px !important;
  margin-bottom: 16px !important; }

.w3-margin {
  margin: 16px !important; }

.w3-margin-top {
  margin-top: 16px !important; }

.w3-margin-bottom {
  margin-bottom: 16px !important; }

.w3-margin-left {
  margin-left: 16px !important; }

.w3-margin-right {
  margin-right: 16px !important; }

.w3-padding-small {
  padding: 4px 8px !important; }

.w3-padding {
  padding: 8px 16px !important; }

.w3-padding-large {
  padding: 12px 24px !important; }

.w3-padding-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important; }

.w3-padding-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important; }

.w3-padding-32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important; }

.w3-padding-48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important; }

.w3-padding-64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important; }

.w3-left {
  float: left !important; }

.w3-right {
  float: right !important; }

.w3-button:hover {
  color: #990000 !important;
  background-color: #cccccc !important; }

.w3-transparent, .w3-hover-none:hover {
  background-color: transparent !important; }

.w3-hover-none:hover {
  box-shadow: none !important; }

/* Colors */
.w3-amber, .w3-hover-amber:hover {
  color: black !important;
  background-color: #ffc107 !important; }

.w3-aqua, .w3-hover-aqua:hover {
  color: black !important;
  background-color: cyan !important; }

.w3-blue, .w3-hover-blue:hover {
  color: white !important;
  background-color: #2196f3 !important; }

.w3-light-blue, .w3-hover-light-blue:hover {
  color: black !important;
  background-color: skyblue !important; }

.w3-brown, .w3-hover-brown:hover {
  color: white !important;
  background-color: #795548 !important; }

.w3-cyan, .w3-hover-cyan:hover {
  color: black !important;
  background-color: #00bcd4 !important; }

.w3-blue-grey, .w3-hover-blue-grey:hover, .w3-blue-gray, .w3-hover-blue-gray:hover {
  color: white !important;
  background-color: #607d8b !important; }

.w3-green, .w3-hover-green:hover {
  color: white !important;
  background-color: #4caf50 !important; }

.w3-light-green, .w3-hover-light-green:hover {
  color: black !important;
  background-color: #8bc34a !important; }

.w3-indigo, .w3-hover-indigo:hover {
  color: white !important;
  background-color: #3f51b5 !important; }

.w3-khaki, .w3-hover-khaki:hover {
  color: black !important;
  background-color: khaki !important; }

.w3-lime, .w3-hover-lime:hover {
  color: black !important;
  background-color: #cddc39 !important; }

.w3-orange, .w3-hover-orange:hover {
  color: black !important;
  background-color: #ff9800 !important; }

.w3-deep-orange, .w3-hover-deep-orange:hover {
  color: white !important;
  background-color: #ff5722 !important; }

.w3-pink, .w3-hover-pink:hover {
  color: white !important;
  background-color: #e91e63 !important; }

.w3-purple, .w3-hover-purple:hover {
  color: white !important;
  background-color: #9c27b0 !important; }

.w3-deep-purple, .w3-hover-deep-purple:hover {
  color: white !important;
  background-color: #673ab7 !important; }

.w3-red, .w3-hover-red:hover {
  color: white !important;
  background-color: #f44336 !important; }

.w3-sand, .w3-hover-sand:hover {
  color: black !important;
  background-color: oldlace !important; }

.w3-teal, .w3-hover-teal:hover {
  color: white !important;
  background-color: #009688 !important; }

.w3-yellow, .w3-hover-yellow:hover {
  color: black !important;
  background-color: #ffeb3b !important; }

.w3-white, .w3-hover-white:hover {
  color: black !important;
  background-color: white !important; }

.w3-black, .w3-hover-black:hover {
  color: white !important;
  background-color: black !important; }

.w3-grey, .w3-hover-grey:hover, .w3-gray, .w3-hover-gray:hover {
  color: black !important;
  background-color: #bbbbbb !important; }

.w3-light-grey, .w3-hover-light-grey:hover, .w3-light-gray, .w3-hover-light-gray:hover {
  color: black !important;
  background-color: #f1f1f1 !important; }

.w3-dark-grey, .w3-hover-dark-grey:hover, .w3-dark-gray, .w3-hover-dark-gray:hover {
  color: white !important;
  background-color: #616161 !important; }

.w3-pale-red, .w3-hover-pale-red:hover {
  color: black !important;
  background-color: #ffdddd !important; }

.w3-pale-green, .w3-hover-pale-green:hover {
  color: black !important;
  background-color: #ddffdd !important; }

.w3-pale-yellow, .w3-hover-pale-yellow:hover {
  color: black !important;
  background-color: #ffffcc !important; }

.w3-pale-blue, .w3-hover-pale-blue:hover {
  color: black !important;
  background-color: #ddffff !important; }

.w3-text-red, .w3-hover-text-red:hover {
  color: #f44336 !important; }

.w3-text-green, .w3-hover-text-green:hover {
  color: #4caf50 !important; }

.w3-text-blue, .w3-hover-text-blue:hover {
  color: #2196f3 !important; }

.w3-text-yellow, .w3-hover-text-yellow:hover {
  color: #ffeb3b !important; }

.w3-text-white, .w3-hover-text-white:hover {
  color: white !important; }

.w3-text-black, .w3-hover-text-black:hover {
  color: black !important; }

.w3-text-grey, .w3-hover-text-grey:hover, .w3-text-gray, .w3-hover-text-gray:hover {
  color: #757575 !important; }

.w3-text-amber {
  color: #ffc107 !important; }

.w3-text-aqua {
  color: cyan !important; }

.w3-text-light-blue {
  color: skyblue !important; }

.w3-text-brown {
  color: #795548 !important; }

.w3-text-cyan {
  color: #00bcd4 !important; }

.w3-text-blue-grey, .w3-text-blue-gray {
  color: #607d8b !important; }

.w3-text-light-green {
  color: #8bc34a !important; }

.w3-text-indigo {
  color: #3f51b5 !important; }

.w3-text-khaki {
  color: #b4aa50 !important; }

.w3-text-lime {
  color: #cddc39 !important; }

.w3-text-orange {
  color: #ff9800 !important; }

.w3-text-deep-orange {
  color: #ff5722 !important; }

.w3-text-pink {
  color: #e91e63 !important; }

.w3-text-purple {
  color: #9c27b0 !important; }

.w3-text-deep-purple {
  color: #673ab7 !important; }

.w3-text-sand {
  color: oldlace !important; }

.w3-text-teal {
  color: #009688 !important; }

.w3-text-light-grey, .w3-hover-text-light-grey:hover, .w3-text-light-gray, .w3-hover-text-light-gray:hover {
  color: #f1f1f1 !important; }

.w3-text-dark-grey, .w3-hover-text-dark-grey:hover, .w3-text-dark-gray, .w3-hover-text-dark-gray:hover {
  color: #3a3a3a !important; }

.w3-border-red, .w3-hover-border-red:hover {
  border-color: #f44336 !important; }

.w3-border-green, .w3-hover-border-green:hover {
  border-color: #4caf50 !important; }

.w3-border-blue, .w3-hover-border-blue:hover {
  border-color: #2196f3 !important; }

.w3-border-yellow, .w3-hover-border-yellow:hover {
  border-color: #ffeb3b !important; }

.w3-border-white, .w3-hover-border-white:hover {
  border-color: white !important; }

.w3-border-black, .w3-hover-border-black:hover {
  border-color: black !important; }

.w3-border-grey, .w3-hover-border-grey:hover, .w3-border-gray, .w3-hover-border-gray:hover {
  border-color: #bbbbbb !important; }

/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: 'FontAwesome';
  src: url("/CloudClinikPatient-theme/css/../fonts/fontawesome-webfont.eot?v=4.6.3");
  src: url("/CloudClinikPatient-theme/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("/CloudClinikPatient-theme/css/../fonts/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("/CloudClinikPatient-theme/css/../fonts/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("/CloudClinikPatient-theme/css/../fonts/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("/CloudClinikPatient-theme/css/../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px !important;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571429em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none; }

.fa-ul > li {
  position: relative; }

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
  text-align: center; }

.fa-li.fa-lg {
  left: -1.85714286em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid .08em #eee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

.fa-glass:before {
  content: "\f000"; }

.fa-music:before {
  content: "\f001"; }

.fa-search:before {
  content: "\f002"; }

.fa-envelope-o:before {
  content: "\f003"; }

.fa-heart:before {
  content: "\f004"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-o:before {
  content: "\f006"; }

.fa-user:before {
  content: "\f007"; }

.fa-film:before {
  content: "\f008"; }

.fa-th-large:before {
  content: "\f009"; }

.fa-th:before {
  content: "\f00a"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-check:before {
  content: "\f00c"; }

.fa-remove:before, .fa-close:before, .fa-times:before {
  content: "\f00d"; }

.fa-search-plus:before {
  content: "\f00e"; }

.fa-search-minus:before {
  content: "\f010"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-signal:before {
  content: "\f012"; }

.fa-gear:before, .fa-cog:before {
  content: "\f013"; }

.fa-trash-o:before {
  content: "\f014"; }

.fa-home:before {
  content: "\f015"; }

.fa-file-o:before {
  content: "\f016"; }

.fa-clock-o:before {
  content: "\f017"; }

.fa-road:before {
  content: "\f018"; }

.fa-download:before {
  content: "\f019"; }

.fa-arrow-circle-o-down:before {
  content: "\f01a"; }

.fa-arrow-circle-o-up:before {
  content: "\f01b"; }

.fa-inbox:before {
  content: "\f01c"; }

.fa-play-circle-o:before {
  content: "\f01d"; }

.fa-rotate-right:before, .fa-repeat:before {
  content: "\f01e"; }

.fa-refresh:before {
  content: "\f021"; }

.fa-list-alt:before {
  content: "\f022"; }

.fa-lock:before {
  content: "\f023"; }

.fa-flag:before {
  content: "\f024"; }

.fa-headphones:before {
  content: "\f025"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-volume-down:before {
  content: "\f027"; }

.fa-volume-up:before {
  content: "\f028"; }

.fa-qrcode:before {
  content: "\f029"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-book:before {
  content: "\f02d"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-print:before {
  content: "\f02f"; }

.fa-camera:before {
  content: "\f030"; }

.fa-font:before {
  content: "\f031"; }

.fa-bold:before {
  content: "\f032"; }

.fa-italic:before {
  content: "\f033"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-list:before {
  content: "\f03a"; }

.fa-dedent:before, .fa-outdent:before {
  content: "\f03b"; }

.fa-indent:before {
  content: "\f03c"; }

.fa-video-camera:before {
  content: "\f03d"; }

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
  content: "\f03e"; }

.fa-pencil:before {
  content: "\f040"; }

.fa-map-marker:before {
  content: "\f041"; }

.fa-adjust:before {
  content: "\f042"; }

.fa-tint:before {
  content: "\f043"; }

.fa-edit:before, .fa-pencil-square-o:before {
  content: "\f044"; }

.fa-share-square-o:before {
  content: "\f045"; }

.fa-check-square-o:before {
  content: "\f046"; }

.fa-arrows:before {
  content: "\f047"; }

.fa-step-backward:before {
  content: "\f048"; }

.fa-fast-backward:before {
  content: "\f049"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-play:before {
  content: "\f04b"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-forward:before {
  content: "\f04e"; }

.fa-fast-forward:before {
  content: "\f050"; }

.fa-step-forward:before {
  content: "\f051"; }

.fa-eject:before {
  content: "\f052"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-minus-circle:before {
  content: "\f056"; }

.fa-times-circle:before {
  content: "\f057"; }

.fa-check-circle:before {
  content: "\f058"; }

.fa-question-circle:before {
  content: "\f059"; }

.fa-info-circle:before {
  content: "\f05a"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-times-circle-o:before {
  content: "\f05c"; }

.fa-check-circle-o:before {
  content: "\f05d"; }

.fa-ban:before {
  content: "\f05e"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-mail-forward:before, .fa-share:before {
  content: "\f064"; }

.fa-expand:before {
  content: "\f065"; }

.fa-compress:before {
  content: "\f066"; }

.fa-plus:before {
  content: "\f067"; }

.fa-minus:before {
  content: "\f068"; }

.fa-asterisk:before {
  content: "\f069"; }

.fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-warning:before, .fa-exclamation-triangle:before {
  content: "\f071"; }

.fa-plane:before {
  content: "\f072"; }

.fa-calendar:before {
  content: "\f073"; }

.fa-random:before {
  content: "\f074"; }

.fa-comment:before {
  content: "\f075"; }

.fa-magnet:before {
  content: "\f076"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-retweet:before {
  content: "\f079"; }

.fa-shopping-cart:before {
  content: "\f07a"; }

.fa-folder:before {
  content: "\f07b"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-arrows-v:before {
  content: "\f07d"; }

.fa-arrows-h:before {
  content: "\f07e"; }

.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: "\f080"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-camera-retro:before {
  content: "\f083"; }

.fa-key:before {
  content: "\f084"; }

.fa-gears:before, .fa-cogs:before {
  content: "\f085"; }

.fa-comments:before {
  content: "\f086"; }

.fa-thumbs-o-up:before {
  content: "\f087"; }

.fa-thumbs-o-down:before {
  content: "\f088"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-heart-o:before {
  content: "\f08a"; }

.fa-sign-out:before {
  content: "\f08b"; }

.fa-linkedin-square:before {
  content: "\f08c"; }

.fa-thumb-tack:before {
  content: "\f08d"; }

.fa-external-link:before {
  content: "\f08e"; }

.fa-sign-in:before {
  content: "\f090"; }

.fa-trophy:before {
  content: "\f091"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-upload:before {
  content: "\f093"; }

.fa-lemon-o:before {
  content: "\f094"; }

.fa-phone:before {
  content: "\f095"; }

.fa-square-o:before {
  content: "\f096"; }

.fa-bookmark-o:before {
  content: "\f097"; }

.fa-phone-square:before {
  content: "\f098"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-facebook-f:before, .fa-facebook:before {
  content: "\f09a"; }

.fa-github:before {
  content: "\f09b"; }

.fa-unlock:before {
  content: "\f09c"; }

.fa-credit-card:before {
  content: "\f09d"; }

.fa-feed:before, .fa-rss:before {
  content: "\f09e"; }

.fa-hdd-o:before {
  content: "\f0a0"; }

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-hand-o-right:before {
  content: "\f0a4"; }

.fa-hand-o-left:before {
  content: "\f0a5"; }

.fa-hand-o-up:before {
  content: "\f0a6"; }

.fa-hand-o-down:before {
  content: "\f0a7"; }

.fa-arrow-circle-left:before {
  content: "\f0a8"; }

.fa-arrow-circle-right:before {
  content: "\f0a9"; }

.fa-arrow-circle-up:before {
  content: "\f0aa"; }

.fa-arrow-circle-down:before {
  content: "\f0ab"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-arrows-alt:before {
  content: "\f0b2"; }

.fa-group:before, .fa-users:before {
  content: "\f0c0"; }

.fa-chain:before, .fa-link:before {
  content: "\f0c1"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-cut:before, .fa-scissors:before {
  content: "\f0c4"; }

.fa-copy:before, .fa-files-o:before {
  content: "\f0c5"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-save:before, .fa-floppy-o:before {
  content: "\f0c7"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  content: "\f0c9"; }

.fa-list-ul:before {
  content: "\f0ca"; }

.fa-list-ol:before {
  content: "\f0cb"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

.fa-google-plus:before {
  content: "\f0d5"; }

.fa-money:before {
  content: "\f0d6"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-columns:before {
  content: "\f0db"; }

.fa-unsorted:before, .fa-sort:before {
  content: "\f0dc"; }

.fa-sort-down:before, .fa-sort-desc:before {
  content: "\f0dd"; }

.fa-sort-up:before, .fa-sort-asc:before {
  content: "\f0de"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-linkedin:before {
  content: "\f0e1"; }

.fa-rotate-left:before, .fa-undo:before {
  content: "\f0e2"; }

.fa-legal:before, .fa-gavel:before {
  content: "\f0e3"; }

.fa-dashboard:before, .fa-tachometer:before {
  content: "\f0e4"; }

.fa-comment-o:before {
  content: "\f0e5"; }

.fa-comments-o:before {
  content: "\f0e6"; }

.fa-flash:before, .fa-bolt:before {
  content: "\f0e7"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-paste:before, .fa-clipboard:before {
  content: "\f0ea"; }

.fa-lightbulb-o:before {
  content: "\f0eb"; }

.fa-exchange:before {
  content: "\f0ec"; }

.fa-cloud-download:before {
  content: "\f0ed"; }

.fa-cloud-upload:before {
  content: "\f0ee"; }

.fa-user-md:before {
  content: "\f0f0"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-bell-o:before {
  content: "\f0a2"; }

.fa-coffee:before {
  content: "\f0f4"; }

.fa-cutlery:before {
  content: "\f0f5"; }

.fa-file-text-o:before {
  content: "\f0f6"; }

.fa-building-o:before {
  content: "\f0f7"; }

.fa-hospital-o:before {
  content: "\f0f8"; }

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-medkit:before {
  content: "\f0fa"; }

.fa-fighter-jet:before {
  content: "\f0fb"; }

.fa-beer:before {
  content: "\f0fc"; }

.fa-h-square:before {
  content: "\f0fd"; }

.fa-plus-square:before {
  content: "\f0fe"; }

.fa-angle-double-left:before {
  content: "\f100"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-double-up:before {
  content: "\f102"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-desktop:before {
  content: "\f108"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-tablet:before {
  content: "\f10a"; }

.fa-mobile-phone:before, .fa-mobile:before {
  content: "\f10b"; }

.fa-circle-o:before {
  content: "\f10c"; }

.fa-quote-left:before {
  content: "\f10d"; }

.fa-quote-right:before {
  content: "\f10e"; }

.fa-spinner:before {
  content: "\f110"; }

.fa-circle:before {
  content: "\f111"; }

.fa-mail-reply:before, .fa-reply:before {
  content: "\f112"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-folder-o:before {
  content: "\f114"; }

.fa-folder-open-o:before {
  content: "\f115"; }

.fa-smile-o:before {
  content: "\f118"; }

.fa-frown-o:before {
  content: "\f119"; }

.fa-meh-o:before {
  content: "\f11a"; }

.fa-gamepad:before {
  content: "\f11b"; }

.fa-keyboard-o:before {
  content: "\f11c"; }

.fa-flag-o:before {
  content: "\f11d"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-terminal:before {
  content: "\f120"; }

.fa-code:before {
  content: "\f121"; }

.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "\f122"; }

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "\f123"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-crop:before {
  content: "\f125"; }

.fa-code-fork:before {
  content: "\f126"; }

.fa-unlink:before, .fa-chain-broken:before {
  content: "\f127"; }

.fa-question:before {
  content: "\f128"; }

.fa-info:before {
  content: "\f129"; }

.fa-exclamation:before {
  content: "\f12a"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-eraser:before {
  content: "\f12d"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-microphone:before {
  content: "\f130"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-shield:before {
  content: "\f132"; }

.fa-calendar-o:before {
  content: "\f133"; }

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-rocket:before {
  content: "\f135"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-chevron-circle-left:before {
  content: "\f137"; }

.fa-chevron-circle-right:before {
  content: "\f138"; }

.fa-chevron-circle-up:before {
  content: "\f139"; }

.fa-chevron-circle-down:before {
  content: "\f13a"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-anchor:before {
  content: "\f13d"; }

.fa-unlock-alt:before {
  content: "\f13e"; }

.fa-bullseye:before {
  content: "\f140"; }

.fa-ellipsis-h:before {
  content: "\f141"; }

.fa-ellipsis-v:before {
  content: "\f142"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-play-circle:before {
  content: "\f144"; }

.fa-ticket:before {
  content: "\f145"; }

.fa-minus-square:before {
  content: "\f146"; }

.fa-minus-square-o:before {
  content: "\f147"; }

.fa-level-up:before {
  content: "\f148"; }

.fa-level-down:before {
  content: "\f149"; }

.fa-check-square:before {
  content: "\f14a"; }

.fa-pencil-square:before {
  content: "\f14b"; }

.fa-external-link-square:before {
  content: "\f14c"; }

.fa-share-square:before {
  content: "\f14d"; }

.fa-compass:before {
  content: "\f14e"; }

.fa-toggle-down:before, .fa-caret-square-o-down:before {
  content: "\f150"; }

.fa-toggle-up:before, .fa-caret-square-o-up:before {
  content: "\f151"; }

.fa-toggle-right:before, .fa-caret-square-o-right:before {
  content: "\f152"; }

.fa-euro:before, .fa-eur:before {
  content: "\f153"; }

.fa-gbp:before {
  content: "\f154"; }

.fa-dollar:before, .fa-usd:before {
  content: "\f155"; }

.fa-rupee:before, .fa-inr:before {
  content: "\f156"; }

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
  content: "\f157"; }

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
  content: "\f158"; }

.fa-won:before, .fa-krw:before {
  content: "\f159"; }

.fa-bitcoin:before, .fa-btc:before {
  content: "\f15a"; }

.fa-file:before {
  content: "\f15b"; }

.fa-file-text:before {
  content: "\f15c"; }

.fa-sort-alpha-asc:before {
  content: "\f15d"; }

.fa-sort-alpha-desc:before {
  content: "\f15e"; }

.fa-sort-amount-asc:before {
  content: "\f160"; }

.fa-sort-amount-desc:before {
  content: "\f161"; }

.fa-sort-numeric-asc:before {
  content: "\f162"; }

.fa-sort-numeric-desc:before {
  content: "\f163"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-youtube-square:before {
  content: "\f166"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-xing:before {
  content: "\f168"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-youtube-play:before {
  content: "\f16a"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-adn:before {
  content: "\f170"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-bitbucket-square:before {
  content: "\f172"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-long-arrow-down:before {
  content: "\f175"; }

.fa-long-arrow-up:before {
  content: "\f176"; }

.fa-long-arrow-left:before {
  content: "\f177"; }

.fa-long-arrow-right:before {
  content: "\f178"; }

.fa-apple:before {
  content: "\f179"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-android:before {
  content: "\f17b"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-trello:before {
  content: "\f181"; }

.fa-female:before {
  content: "\f182"; }

.fa-male:before {
  content: "\f183"; }

.fa-gittip:before, .fa-gratipay:before {
  content: "\f184"; }

.fa-sun-o:before {
  content: "\f185"; }

.fa-moon-o:before {
  content: "\f186"; }

.fa-archive:before {
  content: "\f187"; }

.fa-bug:before {
  content: "\f188"; }

.fa-vk:before {
  content: "\f189"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-arrow-circle-o-right:before {
  content: "\f18e"; }

.fa-arrow-circle-o-left:before {
  content: "\f190"; }

.fa-toggle-left:before, .fa-caret-square-o-left:before {
  content: "\f191"; }

.fa-dot-circle-o:before {
  content: "\f192"; }

.fa-wheelchair:before {
  content: "\f193"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-turkish-lira:before, .fa-try:before {
  content: "\f195"; }

.fa-plus-square-o:before {
  content: "\f196"; }

.fa-space-shuttle:before {
  content: "\f197"; }

.fa-slack:before {
  content: "\f198"; }

.fa-envelope-square:before {
  content: "\f199"; }

.fa-wordpress:before {
  content: "\f19a"; }

.fa-openid:before {
  content: "\f19b"; }

.fa-institution:before, .fa-bank:before, .fa-university:before {
  content: "\f19c"; }

.fa-mortar-board:before, .fa-graduation-cap:before {
  content: "\f19d"; }

.fa-yahoo:before {
  content: "\f19e"; }

.fa-google:before {
  content: "\f1a0"; }

.fa-reddit:before {
  content: "\f1a1"; }

.fa-reddit-square:before {
  content: "\f1a2"; }

.fa-stumbleupon-circle:before {
  content: "\f1a3"; }

.fa-stumbleupon:before {
  content: "\f1a4"; }

.fa-delicious:before {
  content: "\f1a5"; }

.fa-digg:before {
  content: "\f1a6"; }

.fa-pied-piper-pp:before {
  content: "\f1a7"; }

.fa-pied-piper-alt:before {
  content: "\f1a8"; }

.fa-drupal:before {
  content: "\f1a9"; }

.fa-joomla:before {
  content: "\f1aa"; }

.fa-language:before {
  content: "\f1ab"; }

.fa-fax:before {
  content: "\f1ac"; }

.fa-building:before {
  content: "\f1ad"; }

.fa-child:before {
  content: "\f1ae"; }

.fa-paw:before {
  content: "\f1b0"; }

.fa-spoon:before {
  content: "\f1b1"; }

.fa-cube:before {
  content: "\f1b2"; }

.fa-cubes:before {
  content: "\f1b3"; }

.fa-behance:before {
  content: "\f1b4"; }

.fa-behance-square:before {
  content: "\f1b5"; }

.fa-steam:before {
  content: "\f1b6"; }

.fa-steam-square:before {
  content: "\f1b7"; }

.fa-recycle:before {
  content: "\f1b8"; }

.fa-automobile:before, .fa-car:before {
  content: "\f1b9"; }

.fa-cab:before, .fa-taxi:before {
  content: "\f1ba"; }

.fa-tree:before {
  content: "\f1bb"; }

.fa-spotify:before {
  content: "\f1bc"; }

.fa-deviantart:before {
  content: "\f1bd"; }

.fa-soundcloud:before {
  content: "\f1be"; }

.fa-database:before {
  content: "\f1c0"; }

.fa-file-pdf-o:before {
  content: "\f1c1"; }

.fa-file-word-o:before {
  content: "\f1c2"; }

.fa-file-excel-o:before {
  content: "\f1c3"; }

.fa-file-powerpoint-o:before {
  content: "\f1c4"; }

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
  content: "\f1c5"; }

.fa-file-zip-o:before, .fa-file-archive-o:before {
  content: "\f1c6"; }

.fa-file-sound-o:before, .fa-file-audio-o:before {
  content: "\f1c7"; }

.fa-file-movie-o:before, .fa-file-video-o:before {
  content: "\f1c8"; }

.fa-file-code-o:before {
  content: "\f1c9"; }

.fa-vine:before {
  content: "\f1ca"; }

.fa-codepen:before {
  content: "\f1cb"; }

.fa-jsfiddle:before {
  content: "\f1cc"; }

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
  content: "\f1cd"; }

.fa-circle-o-notch:before {
  content: "\f1ce"; }

.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
  content: "\f1d0"; }

.fa-ge:before, .fa-empire:before {
  content: "\f1d1"; }

.fa-git-square:before {
  content: "\f1d2"; }

.fa-git:before {
  content: "\f1d3"; }

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
  content: "\f1d4"; }

.fa-tencent-weibo:before {
  content: "\f1d5"; }

.fa-qq:before {
  content: "\f1d6"; }

.fa-wechat:before, .fa-weixin:before {
  content: "\f1d7"; }

.fa-send:before, .fa-paper-plane:before {
  content: "\f1d8"; }

.fa-send-o:before, .fa-paper-plane-o:before {
  content: "\f1d9"; }

.fa-history:before {
  content: "\f1da"; }

.fa-circle-thin:before {
  content: "\f1db"; }

.fa-header:before {
  content: "\f1dc"; }

.fa-paragraph:before {
  content: "\f1dd"; }

.fa-sliders:before {
  content: "\f1de"; }

.fa-share-alt:before {
  content: "\f1e0"; }

.fa-share-alt-square:before {
  content: "\f1e1"; }

.fa-bomb:before {
  content: "\f1e2"; }

.fa-soccer-ball-o:before, .fa-futbol-o:before {
  content: "\f1e3"; }

.fa-tty:before {
  content: "\f1e4"; }

.fa-binoculars:before {
  content: "\f1e5"; }

.fa-plug:before {
  content: "\f1e6"; }

.fa-slideshare:before {
  content: "\f1e7"; }

.fa-twitch:before {
  content: "\f1e8"; }

.fa-yelp:before {
  content: "\f1e9"; }

.fa-newspaper-o:before {
  content: "\f1ea"; }

.fa-wifi:before {
  content: "\f1eb"; }

.fa-calculator:before {
  content: "\f1ec"; }

.fa-paypal:before {
  content: "\f1ed"; }

.fa-google-wallet:before {
  content: "\f1ee"; }

.fa-cc-visa:before {
  content: "\f1f0"; }

.fa-cc-mastercard:before {
  content: "\f1f1"; }

.fa-cc-discover:before {
  content: "\f1f2"; }

.fa-cc-amex:before {
  content: "\f1f3"; }

.fa-cc-paypal:before {
  content: "\f1f4"; }

.fa-cc-stripe:before {
  content: "\f1f5"; }

.fa-bell-slash:before {
  content: "\f1f6"; }

.fa-bell-slash-o:before {
  content: "\f1f7"; }

.fa-trash:before {
  content: "\f1f8"; }

.fa-copyright:before {
  content: "\f1f9"; }

.fa-at:before {
  content: "\f1fa"; }

.fa-eyedropper:before {
  content: "\f1fb"; }

.fa-paint-brush:before {
  content: "\f1fc"; }

.fa-birthday-cake:before {
  content: "\f1fd"; }

.fa-area-chart:before {
  content: "\f1fe"; }

.fa-pie-chart:before {
  content: "\f200"; }

.fa-line-chart:before {
  content: "\f201"; }

.fa-lastfm:before {
  content: "\f202"; }

.fa-lastfm-square:before {
  content: "\f203"; }

.fa-toggle-off:before {
  content: "\f204"; }

.fa-toggle-on:before {
  content: "\f205"; }

.fa-bicycle:before {
  content: "\f206"; }

.fa-bus:before {
  content: "\f207"; }

.fa-ioxhost:before {
  content: "\f208"; }

.fa-angellist:before {
  content: "\f209"; }

.fa-cc:before {
  content: "\f20a"; }

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
  content: "\f20b"; }

.fa-meanpath:before {
  content: "\f20c"; }

.fa-buysellads:before {
  content: "\f20d"; }

.fa-connectdevelop:before {
  content: "\f20e"; }

.fa-dashcube:before {
  content: "\f210"; }

.fa-forumbee:before {
  content: "\f211"; }

.fa-leanpub:before {
  content: "\f212"; }

.fa-sellsy:before {
  content: "\f213"; }

.fa-shirtsinbulk:before {
  content: "\f214"; }

.fa-simplybuilt:before {
  content: "\f215"; }

.fa-skyatlas:before {
  content: "\f216"; }

.fa-cart-plus:before {
  content: "\f217"; }

.fa-cart-arrow-down:before {
  content: "\f218"; }

.fa-diamond:before {
  content: "\f219"; }

.fa-ship:before {
  content: "\f21a"; }

.fa-user-secret:before {
  content: "\f21b"; }

.fa-motorcycle:before {
  content: "\f21c"; }

.fa-street-view:before {
  content: "\f21d"; }

.fa-heartbeat:before {
  content: "\f21e"; }

.fa-venus:before {
  content: "\f221"; }

.fa-mars:before {
  content: "\f222"; }

.fa-mercury:before {
  content: "\f223"; }

.fa-intersex:before, .fa-transgender:before {
  content: "\f224"; }

.fa-transgender-alt:before {
  content: "\f225"; }

.fa-venus-double:before {
  content: "\f226"; }

.fa-mars-double:before {
  content: "\f227"; }

.fa-venus-mars:before {
  content: "\f228"; }

.fa-mars-stroke:before {
  content: "\f229"; }

.fa-mars-stroke-v:before {
  content: "\f22a"; }

.fa-mars-stroke-h:before {
  content: "\f22b"; }

.fa-neuter:before {
  content: "\f22c"; }

.fa-genderless:before {
  content: "\f22d"; }

.fa-facebook-official:before {
  content: "\f230"; }

.fa-pinterest-p:before {
  content: "\f231"; }

.fa-whatsapp:before {
  content: "\f232"; }

.fa-server:before {
  content: "\f233"; }

.fa-user-plus:before {
  content: "\f234"; }

.fa-user-times:before {
  content: "\f235"; }

.fa-hotel:before, .fa-bed:before {
  content: "\f236"; }

.fa-viacoin:before {
  content: "\f237"; }

.fa-train:before {
  content: "\f238"; }

.fa-subway:before {
  content: "\f239"; }

.fa-medium:before {
  content: "\f23a"; }

.fa-yc:before, .fa-y-combinator:before {
  content: "\f23b"; }

.fa-optin-monster:before {
  content: "\f23c"; }

.fa-opencart:before {
  content: "\f23d"; }

.fa-expeditedssl:before {
  content: "\f23e"; }

.fa-battery-4:before, .fa-battery-full:before {
  content: "\f240"; }

.fa-battery-3:before, .fa-battery-three-quarters:before {
  content: "\f241"; }

.fa-battery-2:before, .fa-battery-half:before {
  content: "\f242"; }

.fa-battery-1:before, .fa-battery-quarter:before {
  content: "\f243"; }

.fa-battery-0:before, .fa-battery-empty:before {
  content: "\f244"; }

.fa-mouse-pointer:before {
  content: "\f245"; }

.fa-i-cursor:before {
  content: "\f246"; }

.fa-object-group:before {
  content: "\f247"; }

.fa-object-ungroup:before {
  content: "\f248"; }

.fa-sticky-note:before {
  content: "\f249"; }

.fa-sticky-note-o:before {
  content: "\f24a"; }

.fa-cc-jcb:before {
  content: "\f24b"; }

.fa-cc-diners-club:before {
  content: "\f24c"; }

.fa-clone:before {
  content: "\f24d"; }

.fa-balance-scale:before {
  content: "\f24e"; }

.fa-hourglass-o:before {
  content: "\f250"; }

.fa-hourglass-1:before, .fa-hourglass-start:before {
  content: "\f251"; }

.fa-hourglass-2:before, .fa-hourglass-half:before {
  content: "\f252"; }

.fa-hourglass-3:before, .fa-hourglass-end:before {
  content: "\f253"; }

.fa-hourglass:before {
  content: "\f254"; }

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
  content: "\f255"; }

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
  content: "\f256"; }

.fa-hand-scissors-o:before {
  content: "\f257"; }

.fa-hand-lizard-o:before {
  content: "\f258"; }

.fa-hand-spock-o:before {
  content: "\f259"; }

.fa-hand-pointer-o:before {
  content: "\f25a"; }

.fa-hand-peace-o:before {
  content: "\f25b"; }

.fa-trademark:before {
  content: "\f25c"; }

.fa-registered:before {
  content: "\f25d"; }

.fa-creative-commons:before {
  content: "\f25e"; }

.fa-gg:before {
  content: "\f260"; }

.fa-gg-circle:before {
  content: "\f261"; }

.fa-tripadvisor:before {
  content: "\f262"; }

.fa-odnoklassniki:before {
  content: "\f263"; }

.fa-odnoklassniki-square:before {
  content: "\f264"; }

.fa-get-pocket:before {
  content: "\f265"; }

.fa-wikipedia-w:before {
  content: "\f266"; }

.fa-safari:before {
  content: "\f267"; }

.fa-chrome:before {
  content: "\f268"; }

.fa-firefox:before {
  content: "\f269"; }

.fa-opera:before {
  content: "\f26a"; }

.fa-internet-explorer:before {
  content: "\f26b"; }

.fa-tv:before, .fa-television:before {
  content: "\f26c"; }

.fa-contao:before {
  content: "\f26d"; }

.fa-500px:before {
  content: "\f26e"; }

.fa-amazon:before {
  content: "\f270"; }

.fa-calendar-plus-o:before {
  content: "\f271"; }

.fa-calendar-minus-o:before {
  content: "\f272"; }

.fa-calendar-times-o:before {
  content: "\f273"; }

.fa-calendar-check-o:before {
  content: "\f274"; }

.fa-industry:before {
  content: "\f275"; }

.fa-map-pin:before {
  content: "\f276"; }

.fa-map-signs:before {
  content: "\f277"; }

.fa-map-o:before {
  content: "\f278"; }

.fa-map:before {
  content: "\f279"; }

.fa-commenting:before {
  content: "\f27a"; }

.fa-commenting-o:before {
  content: "\f27b"; }

.fa-houzz:before {
  content: "\f27c"; }

.fa-vimeo:before {
  content: "\f27d"; }

.fa-black-tie:before {
  content: "\f27e"; }

.fa-fonticons:before {
  content: "\f280"; }

.fa-reddit-alien:before {
  content: "\f281"; }

.fa-edge:before {
  content: "\f282"; }

.fa-credit-card-alt:before {
  content: "\f283"; }

.fa-codiepie:before {
  content: "\f284"; }

.fa-modx:before {
  content: "\f285"; }

.fa-fort-awesome:before {
  content: "\f286"; }

.fa-usb:before {
  content: "\f287"; }

.fa-product-hunt:before {
  content: "\f288"; }

.fa-mixcloud:before {
  content: "\f289"; }

.fa-scribd:before {
  content: "\f28a"; }

.fa-pause-circle:before {
  content: "\f28b"; }

.fa-pause-circle-o:before {
  content: "\f28c"; }

.fa-stop-circle:before {
  content: "\f28d"; }

.fa-stop-circle-o:before {
  content: "\f28e"; }

.fa-shopping-bag:before {
  content: "\f290"; }

.fa-shopping-basket:before {
  content: "\f291"; }

.fa-hashtag:before {
  content: "\f292"; }

.fa-bluetooth:before {
  content: "\f293"; }

.fa-bluetooth-b:before {
  content: "\f294"; }

.fa-percent:before {
  content: "\f295"; }

.fa-gitlab:before {
  content: "\f296"; }

.fa-wpbeginner:before {
  content: "\f297"; }

.fa-wpforms:before {
  content: "\f298"; }

.fa-envira:before {
  content: "\f299"; }

.fa-universal-access:before {
  content: "\f29a"; }

.fa-wheelchair-alt:before {
  content: "\f29b"; }

.fa-question-circle-o:before {
  content: "\f29c"; }

.fa-blind:before {
  content: "\f29d"; }

.fa-audio-description:before {
  content: "\f29e"; }

.fa-volume-control-phone:before {
  content: "\f2a0"; }

.fa-braille:before {
  content: "\f2a1"; }

.fa-assistive-listening-systems:before {
  content: "\f2a2"; }

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
  content: "\f2a3"; }

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
  content: "\f2a4"; }

.fa-glide:before {
  content: "\f2a5"; }

.fa-glide-g:before {
  content: "\f2a6"; }

.fa-signing:before, .fa-sign-language:before {
  content: "\f2a7"; }

.fa-low-vision:before {
  content: "\f2a8"; }

.fa-viadeo:before {
  content: "\f2a9"; }

.fa-viadeo-square:before {
  content: "\f2aa"; }

.fa-snapchat:before {
  content: "\f2ab"; }

.fa-snapchat-ghost:before {
  content: "\f2ac"; }

.fa-snapchat-square:before {
  content: "\f2ad"; }

.fa-pied-piper:before {
  content: "\f2ae"; }

.fa-first-order:before {
  content: "\f2b0"; }

.fa-yoast:before {
  content: "\f2b1"; }

.fa-themeisle:before {
  content: "\f2b2"; }

.fa-google-plus-circle:before, .fa-google-plus-official:before {
  content: "\f2b3"; }

.fa-fa:before, .fa-font-awesome:before {
  content: "\f2b4"; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

/** ======================================================================================================================	
								NEW CSS START HERE (JUNAID) 
 ==========================================================================================================================**/
/** ====================================================================================	
								FOR FONTS FAMILY
 ====================================================================================**/
@font-face {
  font-family: 'Noto Nastaliq Urdu Draft';
  font-style: normal;
  font-weight: 400;
  src: url(/CloudClinikPatient-theme/css/../fonts/NotoNastaliqUrduDraft.eot);
  src: url(/CloudClinikPatient-theme/css/../fonts/NotoNastaliqUrduDraft.eot?#iefix) format("embedded-opentype"), url(/CloudClinikPatient-theme/css/../fonts/NotoNastaliqUrduDraft.woff2) format("woff2"), url(/CloudClinikPatient-theme/css/../fonts/NotoNastaliqUrduDraft.woff) format("woff"), url(/CloudClinikPatient-theme/css/../fonts/NotoNastaliqUrduDraft.ttf) format("truetype"); }

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 600;
  src: url(/CloudClinikPatient-theme/css/../fonts/Cairo-SemiBold.ttf) format("truetype"); }

@font-face {
  font-family: 'OpenSans-Light';
  src: url(/CloudClinikPatient-theme/css/../fonts/OpenSans-Light.ttf);
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'OpenSans-Bold';
  src: url(/CloudClinikPatient-theme/css/../fonts/OpenSans-Bold.ttf); }

@font-face {
  font-family: 'OpenSans-Regular';
  src: url(/CloudClinikPatient-theme/css/../fonts/OpenSans-Regular.ttf); }

@font-face {
  font-family: 'OpenSans-SemiBold';
  src: url(/CloudClinikPatient-theme/css/../fonts/OpenSans-SemiBold.ttf); }

.OpenSans_Light {
  font-family: 'OpenSans-Light' !important; }

.OpenSans_Bold {
  font-family: 'OpenSans-Bold' !important; }

.OpenSans_Regular {
  font-family: 'OpenSans-Regular' !important; }

.OpenSans_SemiBold {
  font-family: 'OpenSans-SemiBold' !important; }

/** ====================================================================================	
								FOR GENERAL
 ====================================================================================**/
body, * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body, p, span, h1, h2, h3, h4, h4, h6, a, button, ul, li, input, textarea, label, select, .ui-outputlabel {
  font-family: 'OpenSans-Regular'; }

h1, h2, h3, h4, h4, h6 {
  font-weight: normal !important; }

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  text-shadow: none !important;
  box-shadow: none !important; }

.m-auto {
  margin: 0 auto; }

.aui label {
  display: block;
  margin-bottom: 5px;
  cursor: text; }

/***************************** POSITIONS *******************************/
.p-relative {
  position: relative; }

.p-absolute {
  position: absolute; }

/***************************** TEXT-ALIGNEMNT *******************************/
.text-center {
  text-align: center !important; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-decoration-none {
  text-decoration: none !important; }

/***************************** FOR TEXT-COLORS *****************************/
.text-white {
  color: #fff !important; }

.text-pink {
  color: #f2766a !important; }

.text-grey {
  color: #676767 !important; }

.text-blue {
  color: #5c85b1 !important; }

/***************************** FOR DISPLAY PROPERTIES *****************************/
.d-none {
  display: none !important; }

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

.d-block {
  display: block !important; }

.d-inline-block {
  display: inline-block !important; }

.d-flex {
  display: flex !important; }

/***************************** INPUT FIELD *******************************/
.ui-inputfield {
  height: 35px !important;
  width: 100% !important;
  background: #dfdfdf !important;
  box-shadow: none !important;
  font-family: OpenSans-Regular !important;
  margin: 0 !important;
  border: 1px solid #dfdfdf !important; }

.ui-inputtext {
  height: 37px !important; }

/***************************** BUTTONS *******************************/
.btn {
  background: #5c85b1 !important;
  font-family: OpenSans-Regular !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 8px 20px !important;
  border-radius: 5px !important;
  text-shadow: none !important;
  color: #fff !important; }

.pinkBtn {
  background: #f2766a !important;
  font-family: OpenSans-Regular !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 8px 20px !important;
  border-radius: 5px !important;
  text-shadow: none !important;
  color: #fff !important; }

.blueBtn {
  background: #5c85b1 !important;
  font-family: OpenSans-Regular !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 8px 20px !important;
  border-radius: 5px !important;
  text-shadow: none !important;
  color: #fff !important; }

.ui-button-text-only .ui-button-text {
  padding: 0 !important;
  font-size: 14px !important;
  text-transform: uppercase;
  font-family: OpenSans-SemiBold !important; }

/***************************** MIN-HEIGHT *******************************/
.mh-80 {
  min-height: 80px; }

.mh-85 {
  min-height: 85px; }

.mh-90 {
  min-height: 90px; }

.mh-95 {
  min-height: 95px; }

/***************************** CONTENT CENTER *******************************/
.justify-content-center {
  justify-content: center !important; }

.align-item-center {
  align-item: center !important; }

/***************************** FOR MARGIN-TOP *****************************/
.mt-0 {
  margin-top: 0 !important; }

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

.mt-2 {
  margin-top: 0.5rem !important; }

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

.mt-4 {
  margin-top: 1.5rem !important; }

.mt-5 {
  margin-top: 2rem !important; }

/***************************** FOR MARGIN-BOTTOM *****************************/
.mb-0 {
  margin-bottom: 0 !important; }

.mb-1 {
  margin-bottom: 0.25rem !important; }

.mb-2 {
  margin-bottom: 0.5rem !important; }

.mb-3 {
  margin-bottom: 1rem !important; }

.mb-4 {
  margin-bottom: 2rem !important; }

.mb-5 {
  margin-bottom: 2rem !important; }

/***************************** FOR MARGIN-LEFT *****************************/
.ml-0 {
  margin-left: 0 !important; }

.ml-1 {
  margin-left: 0.25rem !important; }

.ml-2 {
  margin-left: 0.5rem !important; }

.ml-3 {
  margin-left: 1rem !important; }

/***************************** FOR MARGIN-RIGHT *****************************/
.mr-0 {
  margin-right: 0 !important; }

.mr-1 {
  margin-right: 0.25rem !important; }

.mr-2 {
  margin-right: 0.5rem !important; }

.mr-3 {
  margin-right: 1rem !important; }

/***************************** FOR PADDING-TOP *****************************/
.pt-0 {
  padding-top: 0 !important; }

.pt-1 {
  padding-top: 0.25rem !important; }

.pt-2 {
  padding-top: 0.5rem !important; }

.pt-3 {
  padding-top: 1rem !important; }

.pt-4 {
  padding-top: 1.5rem !important; }

.pt-5 {
  padding-top: 2rem !important; }

/***************************** FOR PADDING-BOTTOM *****************************/
.pb-0 {
  padding-bottom: 0 !important; }

.pb-1 {
  padding-bottom: 0.25rem !important; }

.pb-2 {
  padding-bottom: 0.5rem !important; }

.pb-3 {
  padding-bottom: 1rem !important; }

.pb-4 {
  padding-bottom: 2rem !important; }

.pb-5 {
  padding-bottom: 2rem !important; }

/***************************** FOR PADDING-LEFT *****************************/
.pl-0 {
  padding-left: 0 !important; }

.pl-1 {
  padding-left: 0.25rem !important; }

.pl-2 {
  padding-left: 0.5rem !important; }

.pl-3 {
  padding-left: 1rem !important; }

/***************************** FOR PADDING-RIGHT *****************************/
.pr-0 {
  padding-right: 0 !important; }

.pr-1 {
  padding-right: 0.25rem !important; }

.pr-2 {
  padding-right: 0.5rem !important; }

.pr-3 {
  padding-right: 1rem !important; }

/***************************** FOR OVERALL PADDING *****************************/
.p-0 {
  padding: 0 !important; }

.p-1 {
  padding: .25rem !important; }

.p-2 {
  padding: .5rem !important; }

.p-3 {
  padding: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.p-5 {
  padding: 2rem !important; }

/***************************** FOR OVERALL MARGIN *****************************/
.m-0 {
  margin: 0 !important; }

.m-1 {
  margin: .25rem !important; }

.m-2 {
  margin: .5rem !important; }

.m-3 {
  margin: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.m-5 {
  margin: 2rem !important; }

/***************************** FOR FONT-SIZE *****************************/
.fs-10 {
  font-size: 10px !important; }

.fs-11 {
  font-size: 11px !important; }

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

.fs-13 {
  font-size: 13px !important; }

.fs-14 {
  font-size: 14px !important; }

.fs-15 {
  font-size: 15px !important; }

.fs-16 {
  font-size: 16px !important; }

.fs-17 {
  font-size: 17px !important; }

.fs-18 {
  font-size: 18px !important; }

.fs-20 {
  font-size: 20px !important; }

.fs-22 {
  font-size: 22px !important; }

.fs-24 {
  font-size: 24px !important; }

.fs-26 {
  font-size: 26px !important; }

.fs-28 {
  font-size: 28px !important; }

/***************************** FOR FONT-WEIGHT *****************************/
.fw-300 {
  font-weight: 300 !important; }

.fw-400 {
  font-weight: 400 !important; }

.fw-500 {
  font-weight: 500 !important; }

.fw-600 {
  font-weight: 600 !important; }

.fw-700 {
  font-weight: 700 !important; }

.fw-800 {
  font-weight: 800 !important; }

.fw-900 {
  font-weight: 900 !important; }

/***************************** FOR BACKGROUNDS *****************************/
.no-bg {
  background: none !important; }

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

.bg-grey {
  background: #eee !important; }

.bg-blue {
  background: #5c85b1 !important; }

.bg-pink {
  background: #f2766a !important; }

/***************************** FOR BORDERS *****************************/
.b-0 {
  border: 0px !important; }

.br-white {
  border-right: 1px solid #ffff !important; }

.bb-white {
  border-bottom: 1px solid #ffff !important; }

.bb-grey {
  border-bottom: 1px solid #dddd !important; }

/***************************** FOR BORDERS-RADIUS *****************************/
.br-3 {
  border-radius: 3px !important; }

.br-4 {
  border-radius: 4px !important; }

.br-5 {
  border-radius: 5px !important; }

/***************************** FOR BOX-SHADOWS *****************************/
.bs-0 {
  box-shadow: none !important; }

/***************************** FOR LINE-HEIGHT *****************************/
.lineheight-20 {
  line-height: 20px !important; }

.lineheight-23 {
  line-height: 23px !important; }

.lineheight-25 {
  line-height: 25px !important; }

.lineheight-27 {
  line-height: 27px !important; }

.lineheight-30 {
  line-height: 30px !important; }

.lineheight-33 {
  line-height: 33px !important; }

.lineheight-35 {
  line-height: 35px !important; }

.lineheight-50 {
  line-height: 50px !important; }

/***************************** FOR TEXT-stylings *****************************/
.text-underline {
  text-decoration: underline !important; }

/***************************** FOR CHECHBOXES *****************************/
.ui-chkbox .ui-chkbox-box {
  width: 18px;
  height: 18px;
  display: inline-block;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background: #fff !important;
  border-radius: 2px;
  margin-right: 10px; }

.ui-chkbox-box.ui-state-active .ui-icon-check.ui-icon, .ui-chkbox-box.ui-state-focus .ui-icon-check.ui-icon {
  background: #5b85b0 !important;
  border-radius: 0;
  width: 12px;
  height: 12px;
  margin: 2px 0 0 2px !important; }

.ui-selectmanycheckbox label {
  margin-right: 20px; }

/***************************** FOR RADIO BUTTONS *****************************/
/** ====================================================================================	
								FOR WIDTHS
 ====================================================================================**/
.w-1 {
  width: 1% !important; }

.w-2 {
  width: 2% !important; }

.w-3 {
  width: 3% !important; }

.w-4 {
  width: 4% !important; }

.w-5 {
  width: 5% !important; }

.w-6 {
  width: 6% !important; }

.w-7 {
  width: 7% !important; }

.w-8 {
  width: 8% !important; }

.w-9 {
  width: 9% !important; }

.w-10 {
  width: 10% !important; }

.w-11 {
  width: 11% !important; }

.w-12 {
  width: 12% !important; }

.w-13 {
  width: 13% !important; }

.w-14 {
  width: 14% !important; }

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

.w-16 {
  width: 16% !important; }

.w-17 {
  width: 17% !important; }

.w-18 {
  width: 18% !important; }

.w-19 {
  width: 19% !important; }

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

.w-21 {
  width: 21% !important; }

.w-22 {
  width: 22% !important; }

.w-23 {
  width: 23% !important; }

.w-24 {
  width: 24% !important; }

.w-25 {
  width: 25% !important; }

.w-26 {
  width: 26% !important; }

.w-27 {
  width: 27% !important; }

.w-28 {
  width: 28% !important; }

.w-29 {
  width: 29% !important; }

.w-30 {
  width: 30% !important; }

.w-31 {
  width: 31% !important; }

.w-32 {
  width: 32% !important; }

.w-33 {
  width: 33% !important; }

.w-34 {
  width: 34% !important; }

.w-35 {
  width: 35% !important; }

.w-36 {
  width: 36% !important; }

.w-37 {
  width: 37% !important; }

.w-38 {
  width: 38% !important; }

.w-39 {
  width: 39% !important; }

.w-40 {
  width: 40% !important; }

.w-41 {
  width: 41% !important; }

.w-42 {
  width: 42% !important; }

.w-43 {
  width: 43% !important; }

.w-44 {
  width: 44% !important; }

.w-45 {
  width: 45% !important; }

.w-46 {
  width: 46% !important; }

.w-47 {
  width: 47% !important; }

.w-48 {
  width: 48% !important; }

.w-49 {
  width: 49% !important; }

.w-50 {
  width: 50% !important; }

.w-51 {
  width: 51% !important; }

.w-52 {
  width: 52% !important; }

.w-53 {
  width: 53% !important; }

.w-54 {
  width: 54% !important; }

.w-55 {
  width: 55% !important; }

.w-56 {
  width: 56% !important; }

.w-57 {
  width: 57% !important; }

.w-58 {
  width: 58% !important; }

.w-59 {
  width: 59% !important; }

.w-60 {
  width: 60% !important; }

.w-61 {
  width: 61% !important; }

.w-62 {
  width: 62% !important; }

.w-63 {
  width: 63% !important; }

.w-64 {
  width: 64% !important; }

.w-65 {
  width: 65% !important; }

.w-66 {
  width: 66% !important; }

.w-67 {
  width: 67% !important; }

.w-68 {
  width: 68% !important; }

.w-69 {
  width: 69% !important; }

.w-70 {
  width: 70% !important; }

.w-71 {
  width: 71% !important; }

.w-72 {
  width: 72% !important; }

.w-73 {
  width: 73% !important; }

.w-74 {
  width: 74% !important; }

.w-75 {
  width: 75% !important; }

.w-76 {
  width: 76% !important; }

.w-77 {
  width: 77% !important; }

.w-78 {
  width: 78% !important; }

.w-79 {
  width: 79% !important; }

.w-80 {
  width: 80% !important; }

.w-81 {
  width: 81% !important; }

.w-82 {
  width: 82% !important; }

.w-83 {
  width: 83% !important; }

.w-84 {
  width: 84% !important; }

.w-85 {
  width: 85% !important; }

.w-86 {
  width: 86% !important; }

.w-87 {
  width: 87% !important; }

.w-88 {
  width: 88% !important; }

.w-89 {
  width: 89% !important; }

.w-90 {
  width: 90% !important; }

.w-91 {
  width: 91% !important; }

.w-92 {
  width: 92% !important; }

.w-93 {
  width: 93% !important; }

.w-94 {
  width: 94% !important; }

.w-95 {
  width: 95% !important; }

.w-96 {
  width: 96% !important; }

.w-97 {
  width: 97% !important; }

.w-98 {
  width: 98% !important; }

.w-99 {
  width: 99% !important; }

.w-100 {
  width: 100% !important; }

/** ====================================================================================	
								FOR ERROR MSG
 ====================================================================================**/
.ui-outputlabel.ui-state-error {
  background: none !important;
  color: inherit !important; }

.ui-messages-error, .ui-message-error {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important; }

.ui-message-error-icon {
  display: none !important; }

.add_new_user_group_msg span.ui-message-error-detail {
  font-size: 10px !important; }

.ui-messages-info, .ui-message-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
  float: left;
  width: 100%; }

.ui-messages-error-icon {
  display: none !important; }

.ui-messages ul,
.ui-messages-info-detail, .ui-messages-warn-detail,
.ui-messages-error-detail, .ui-messages-fatal-detail,
.ui-message-info-detail, .ui-message-warn-detail,
.ui-message-error-detail, .ui-message-fatal-detail {
  margin: 0 !important;
  font-size: 12px !important; }

/** ====================================================================================	
								FOR CONSULTATION PAGE 
 ====================================================================================**/
.tick {
  background: #16ef08;
  width: 10px;
  height: 10px;
  position: relative;
  display: block;
  float: left;
  top: 4px;
  border-radius: 10px;
  background-repeat: no-repeat !important; }

.cross {
  background: #b4b4b4;
  width: 10px;
  height: 10px;
  position: relative;
  display: block;
  top: 4px;
  float: left;
  border-radius: 10px;
  background-repeat: no-repeat !important; }

.flex-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  padding: 0;
  margin: 0;
  list-style: none; }

.flex-item {
  background: white;
  width: 400px;
  min-height: 194px;
  margin: 10px;
  border-radius: 16px;
  border: 1px solid #B2BAC1;
  padding: 0px 15px;
  flex-basis: calc(33.333% - 20px);
  min-width: calc(100% * (1/4) - 1px); }

.list-view {
  flex-basis: calc(100% - 30px) !important; }

.grid-view {
  flex-basis: calc(33.333% - 30px) !important; }

.card_description {
  max-width: 80%;
  min-width: 80%; }

.user-icon {
  padding: 13px 10px;
  border: 1px solid #AAAAAA;
  margin-top: 15px;
  border-radius: 12px; }

.list-border {
  border: 1px solid #B4B4B4;
  line-height: 16px !important; }

.Doc_Detail {
  min-height: 185px;
  max-width: 75%;
  min-width: 75%; }

.Doc_Img {
  min-width: 20%;
  max-width: 20%; }

.grid-border {
  border: 1px solid #676767;
  line-height: 16px !important; }

.SearchDoctorCard {
  background: white;
  width: 400px;
  margin: 15px;
  border-radius: 16px;
  border: 1px solid #B2BAC1;
  padding: 0px 15px;
  flex-basis: calc(33.333% - 30px); }

.SearchDoctorFields {
  margin: 15px;
  flex-basis: calc(20% - 30px);
  border-radius: 10px; }

.Consultation_Tabs {
  padding: 0;
  border: 0 !important; }

.SearchDoctorFields .ui-selectonemenu label.ui-selectonemenu-label {
  min-width: 230px !important;
  max-width: 340px !important; }

.Consultation_Tabs .ui-tabs-panel {
  padding: 0 !important; }

.Consultation_Tabs ul.ui-tabs-nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap !important;
  border-bottom: 1px solid #b4b4b4;
  background: #fff !important;
  padding: 0 !important; }

.Consultation_Tabs .ui-tabs-nav li {
  background: none !important;
  border: 0 !important; }

.Consultation_Tabs .ui-tabs-selected.ui-state-active a {
  color: #5c85b1 !important;
  font-family: OpenSans-SemiBold !important; }

.Consultation_Tabs .ui-tabs-nav li a {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
  font-family: OpenSans-Regular !important;
  font-size: 18px;
  color: #676767 !important;
  font-weight: normal !important; }

.Consultation_Tabs ul.ui-tabs-nav li.ui-corner-top {
  border-right: 1px solid #b4b4b4 !important;
  box-shadow: none !important;
  border-radius: 0 !important; }

.Consultation_Tabs .ui-tabs .ui-tabs-nav li:last-child {
  border: 0 !important; }

.Consultation_Tabs ul.ui-tabs-nav li.ui-corner-top:last-child {
  border: 0 !important; }

.Advance_Search_Btn:before {
  content: "\f0d7";
  font-family: FontAwesome !important;
  float: left; }

.AppointmentConfirmationDlg .ui-dialog-titlebar {
  display: flex;
  font-size: 22px;
  justify-content: center;
  color: #f27569;
  padding-bottom: 20px;
  padding: 15px 10px;
  border-bottom: 2px dotted #d4d4d4;
  justify-content: center;
  color: #f27569;
  padding-bottom: 20px;
  padding: 15px 10px; }

span.Available {
  background: #f27569;
  width: 15px;
  height: 15px;
  float: left;
  margin-top: 1px; }

span.Reserved {
  background: #b4b4b4;
  width: 15px;
  height: 15px;
  float: left;
  margin-top: 1px; }

.fa-long-arrow-left:before {
  content: "\f177";
  float: left;
  font-family: FontAwesome !important; }

.ui-dialog .ui-dialog-titlebar {
  background: none !important; }

.AppointmentConfimationBtn button {
  flex-basis: calc(50% - 20px);
  margin: 10px; }

.AppointmentHistoryCardBottomLeft {
  flex-basis: 60%; }

.AppointmentHistoryCardBottomRight {
  flex-basis: 40%;
  text-align: right; }

/** ====================================================================================	
								FOR LOGIN PAGE 
 ====================================================================================**/
.flex-container .login_top_cards {
  background-color: #fff;
  margin: 10px;
  text-align: center;
  line-height: 75px;
  font-size: 14px;
  padding: 0 10px;
  flex-basis: calc(17% - 40px);
  font-family: OpenSans-Bold;
  border-radius: 10px; }

.login_top_cards img {
  width: 30px;
  margin-right: 10px; }

.header_nav li a {
  padding: 7px 15px !important; }

.Language_Portal {
  width: 100px;
  height: 35px !important;
  margin: 0 10px 0px 20px !important; }

.Language_Portal select {
  max-width: 100% !important;
  border-radius: 5px !important;
  border: 1px solid #999 !important;
  margin: 0 !important;
  height: 36px !important;
  font-family: OpenSans-SemiBold !important; }

li.Language_Portal a {
  padding: 4px 8px !important; }

.patientloginlayout {
  min-height: calc(100vh - 245px );
  display: flex;
  align-items: center;
  background: url(/CloudClinikPatient-theme/css/../images/New/cc_bg.jpg); }

.control-group input {
  width: 100%;
  height: 35px !important;
  background: #d2d2d2 !important;
  border-radius: 5px !important; }

.control-group label,
.control-group.success label,
.control-group.error label {
  color: #676767 !important; }

.control-group.success input,
.control-group.error input {
  background: #d2d2d2 !important;
  border: 1px solid #d2d2d2 !important;
  margin: 0 !important;
  font-family: OpenSans-Regular !important; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #d2d2d2 inset !important; }

.btn {
  background: #5c85b1 !important;
  font-family: OpenSans-Regular !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 8px 20px !important;
  border-radius: 5px !important; }

.SignInBtn .btn {
  width: 100% !important;
  text-transform: uppercase !important;
  font-family: OpenSans-SemiBold !important; }

.login_right .control-group {
  min-height: 90px !important;
  margin: 0 !important; }

.taglib-icon-list li {
  font-family: OpenSans-Bold !important;
  text-decoration: underline !important;
  color: #5b85b0 !important;
  margin-right: 0 !important;
  width: 50% !important; }

.taglib-icon-list li:nth-child(3) {
  text-align: right; }

span.taglib-text {
  font-family: 'OpenSans-SemiBold';
  color: #5C85B2 !important; }

.taglib-icon {
  text-decoration-color: #5C85B2 !important; }

.forgotPassword li {
  width: 100% !important; }

.forgotPassword {
  width: 50%;
  text-align: right; }

ul.taglib-icon-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center; }

.page-maximized div#content {
  width: 500px;
  margin: 0 auto;
  min-height: calc(100vh - 102px );
  max-width: 100%;
  display: flex; }

.page-maximized .columns-max {
  justify-content: center;
  align-items: center;
  display: flex;
  width: 500px; }

.aui .control-group.error input:focus, .aui .control-group.error select:focus, .aui .control-group.error textarea:focus {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important; }

.aui .control-group.success input:focus, .aui .control-group.success select:focus, .aui .control-group.success textarea:focus {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important; }

.Custom_Layout {
  float: left;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100% !important; }

.login_top_cards h4 {
  font-family: OpenSans-SemiBold;
  color: #676767 !important; }

.Custom_Layout .portlet-column {
  flex-basis: 50%; }

/** ====================================================================================	
								FOR LABS SCREEN
 ====================================================================================**/
.Lab_Attacment_Icon {
  background: url("/CloudClinikPatient-theme/css/../images/New/lab_attacment_icon.png");
  background-repeat: no-repeat;
  width: 36px;
  height: 36px;
  float: left;
  background-color: #cccccc;
  display: block;
  background-position: center;
  border-radius: 5px; }

.SearchFilter {
  flex-basis: calc(30% - 200px);
  margin: 20px; }

.AttachmentMain .ui-datalist-content {
  border: 0 !important;
  display: inline-block;
  width: 100%; }

.AttachmentMain li.ui-datalist-item {
  margin-right: 5px !important;
  display: inline-block; }

.d-flex .AttachmentBottom:nth-child(2) {
  width: 50% !important; }

.d-flex .AttachmentBottom:nth-child(3) {
  width: 20% !important; }

.d-flex .AttachmentBottom:nth-child(1) {
  width: 30% !important; }

/** ====================================================================================	
								FOR VITALS SCREEN
 ====================================================================================**/
.Temprature_Icon {
  background: url("/CloudClinikPatient-theme/css/../images/New/Temprature.png");
  height: 30px;
  width: 30px;
  background-repeat: no-repeat; }

.Blood_Pressure {
  background: url("/CloudClinikPatient-theme/css/../images/New/Blood_Pressure.png");
  height: 30px;
  width: 30px;
  background-repeat: no-repeat; }

.Pulse_Rate {
  background: url("/CloudClinikPatient-theme/css/../images/New/Pulse_Rate.png");
  height: 30px;
  width: 30px;
  background-repeat: no-repeat; }

.Respiration_Rate {
  background: url("/CloudClinikPatient-theme/css/../images/New/Respiration_Rate.png");
  height: 30px;
  width: 30px;
  background-repeat: no-repeat; }

.Blood_Glucose {
  background: url("/CloudClinikPatient-theme/css/../images/New/Blood_Glucose.png");
  height: 30px;
  width: 30px;
  background-repeat: no-repeat; }

.Height {
  background: url("/CloudClinikPatient-theme/css/../images/New/Height.png");
  height: 30px;
  width: 30px;
  background-repeat: no-repeat; }

.Weight {
  background: url("/CloudClinikPatient-theme/css/../images/New/Weight.png");
  height: 30px;
  width: 30px;
  background-repeat: no-repeat; }

/** ====================================================================================	
								FOR CALL A DOCTOR SCREEN
 ====================================================================================**/
.symptoms-view {
  max-width: 100%;
  width: 600px;
  flex-flow: row wrap; }

.add-symptoms-view {
  max-width: 100%;
  width: 700px;
  flex-flow: row wrap; }

.symptoms-view .Symptom {
  flex-basis: calc(50% - 20px );
  margin: 10px; }

/** ====================================================================================	
								FOR PAGINATION
 ====================================================================================**/
.ui-paginator {
  background: none !important;
  border: 0 !important;
  margin-top: 10px; }

span.ui-paginator-first.ui-state-default,
span.ui-paginator-prev.ui-state-default,
span.ui-paginator-next.ui-state-default,
span.ui-paginator-last.ui-state-default {
  background: none;
  border-radius: 20px;
  width: 30px;
  height: 30px;
  line-height: 27px;
  border: none !important;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; }

.ui-paginator-page {
  width: 35px;
  height: 35px;
  border-radius: 90px !important;
  margin: 0 3px !important;
  line-height: 35px !important;
  font-size: 10px !important;
  background: #d6d6d6 !important;
  border: none !important;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
  color: #ffffff !important;
  text-shadow: none !important; }

span.ui-icon.ui-icon-seek-first:after {
  content: "\f048" !important;
  font-family: FontAwesome !important;
  position: absolute;
  color: #5c85b1 !important;
  display: block;
  text-indent: 0px !important;
  top: -1px;
  left: 5px;
  font-weight: 900 !important; }

span.ui-icon.ui-icon-seek-first {
  background: none;
  position: relative; }

span.ui-paginator-page.ui-state-hover {
  background: #5c85b1 !important; }

span.ui-icon.ui-icon-seek-prev:after {
  content: "\f049" !important;
  font-family: FontAwesome !important;
  position: absolute;
  color: #5c85b1 !important;
  display: block;
  text-indent: 0px !important;
  top: -1px;
  left: 3px;
  font-weight: 900 !important; }

span.ui-icon.ui-icon-seek-prev {
  background: none;
  position: relative; }

span.ui-paginator-page.ui-state-default.ui-state-active.ui-corner-all {
  background: #5c85b1 !important; }

.ui-paginator-rpp-options {
  background: none !important;
  border: none !important;
  box-shadow: none;
  border-bottom: 1px solid #ccc !important;
  border-radius: 0 !important;
  width: 50px; }

span.ui-icon.ui-icon-seek-next:after {
  content: "\f04e" !important;
  font-family: FontAwesome !important;
  position: absolute;
  color: #5c85b1 !important;
  display: block;
  text-indent: 0px !important;
  top: -1px;
  left: 3px;
  font-weight: 900 !important; }

span.ui-icon.ui-icon-seek-next {
  background: none;
  position: relative; }

span.ui-icon.ui-icon-seek-end:after {
  content: "\f050" !important;
  font-family: FontAwesome !important;
  position: absolute;
  color: #5c85b1 !important;
  display: block;
  text-indent: 0px !important;
  top: -1px;
  left: 3px;
  font-weight: 900 !important; }

span.ui-icon.ui-icon-seek-end {
  background: none;
  position: relative; }

.ui-paginator .ui-icon {
  text-indent: 0px !important;
  color: #eee; }

/** ====================================================================================	
								FOR DATA TABLES
 ====================================================================================**/
.tableStyle .ui-datatable-header {
  padding: 0 !important;
  border: 0;
  border-radius: 0 !important; }

.tableStyle .ui-datatable-scrollable-header {
  border-radius: 0 !important; }

.ui-datatable-scrollable-body .ui-datatable-scrollable-theadclone,
.tableStyle .ui-datatable-scrollable-body .ui-datatable-scrollable-theadclone {
  display: none !important; }

.tableStyle .ui-datatable-scrollable-header .ui-state-default,
.tableStyle .ui-datatable-scrollable-header .ui-widget-content,
.tableStyle .ui-datatable-scrollable-header .ui-state-default,
.tableStyle .ui-datatable-scrollable-header .ui-widget-header .ui-state-default {
  text-align: left !important;
  text-shadow: none !important;
  box-shadow: none !important;
  border: 0 !important; }

.tableStyle .ui-datatable-scrollable-header .ui-state-default.text-center {
  text-align: center !important; }

.tableStyle .ui-datatable-scrollable-header .ui-state-default input {
  border: 2px solid #ccc !important; }

.tableStyle .ui-datatable-scrollable-header .ui-state-default input:focus {
  border: 2px solid #777 !important; }

.tableStyle .ui-datatable-scrollable-header .ui-inputfield.ui-state-default {
  background: white !important;
  border-radius: 2px;
  color: #777; }

.tableStyle.secondary .ui-datatable-scrollable-body table tbody tr.ui-widget-content:hover,
.tableStyle.primary .ui-datatable-scrollable-body table tbody tr.ui-widget-content.ui-state-hover {
  background: #f7f7cb !important;
  box-shadow: none !important;
  color: #111; }

.tableStyle .ui-datatable-scrollable-body table tbody tr td {
  border-color: #e6e6e6 !important;
  color: #4f4f4f !important;
  text-shadow: none !important; }

.tableStyle.breakWord table tbody tr {
  word-wrap: break-word !important;
  overflow-wrap: break-word !important; }

.tableStyle.noWrap table tbody tr td {
  border: 1px solid #ddd !important;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis; }

.tableStyle.noWrap table tbody tr td div {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis; }

.ui-datatable-scrollable-body table tbody tr td .campName, .ui-datatable-scrollable-body table tbody tr td .campName a {
  font-size: 13px;
  font-family: OpenSans-Regular !important;
  text-transform: capitalize;
  color: #555; }

.ui-datatable-scrollable-body table tbody tr td .campDate {
  font-size: 11px; }

.ui-datatable-scrollable-body table tbody tr td .campDate span {
  font-style: italic;
  font-family: OpenSans-Bold !important; }

.ui-datatable-scrollable-body table tbody tr td .table-actions button {
  text-align: center;
  margin-right: 20px; }

.ui-datatable-scrollable-body table tbody tr td .table-actions button .ui-button-text {
  padding: 0px !important; }

.ui-datatable-scrollable-body table tbody tr td .table-actions button:last-child {
  margin-right: 0; }

.tableStyle .ui-datatable-scrollable-body table tbody tr td input.ui-inputfield {
  margin: 0 !important; }

.tableStyle .table-footer-none .ui-datatable-scrollable-footer {
  display: none !important; }

.tableStyle .ui-datatable-scrollable-body {
  max-height: 100px;
  min-height: auto !important; }

.tableStyle table thead tr th {
  padding: .6em !important; }

.tableStyle table tbody tr td {
  padding: .25em .6rem !important; }

.tableStyle .ui-datatable-scrollable-header .ui-inputfield.ui-state-default {
  color: #666 !important;
  background: white !important;
  border-radius: 2px; }

.ui-datatable-odd {
  background: none repeat scroll 0 0 rgba(195, 195, 195, 0.2) !important; }

/** ====================================================================================	
								FOR FILE UPLOADING 
 ====================================================================================**/
span.ui-icon-plusthick:before {
  content: "\f067";
  font-family: FontAwesome !important;
  color: #fff !important;
  position: absolute;
  top: -1px !important;
  left: 4px; }

span.ui-icon-plusthick {
  background: none !important;
  position: relative;
  text-indent: 0; }

.ui-fileupload-buttonbar .ui-button {
  vertical-align: middle;
  margin-right: 0.5em;
  background: #f27569 !important;
  border: 0;
  color: #fff !important;
  padding: 5px 10px;
  margin-bottom: 0.5em; }

.ui-fileupload-buttonbar {
  padding: 0 !important;
  background: none !important;
  border: 0 !important; }

.ui-fileupload-content {
  padding: 0 !important;
  border: 0 !important; }

/** ====================================================================================	
								FOR MIN HEIGHT ( DATATABLE )
 ====================================================================================**/
.mh-80 .ui-datatable-scrollable-body {
  max-height: 80vh !important; }

.mh-77 .ui-datatable-scrollable-body {
  max-height: 77vh !important; }

.mh-75 .ui-datatable-scrollable-body {
  max-height: 75vh !important; }

.mh-73 .ui-datatable-scrollable-body {
  max-height: 73vh !important; }

.mh-70 .ui-datatable-scrollable-body {
  max-height: 70vh !important; }

.mh-67 .ui-datatable-scrollable-body {
  max-height: 67vh !important; }

.mh-65 .ui-datatable-scrollable-body {
  max-height: 65vh !important; }

.mh-63 .ui-datatable-scrollable-body {
  max-height: 63vh !important; }

.mh-60 .ui-datatable-scrollable-body {
  max-height: 60vh !important; }

.mh-57 .ui-datatable-scrollable-body {
  max-height: 57vh !important; }

.mh-55 .ui-datatable-scrollable-body {
  max-height: 55vh !important; }

.mh-53 .ui-datatable-scrollable-body {
  max-height: 53vh !important; }

.mh-50 .ui-datatable-scrollable-body {
  max-height: 50vh !important; }

.mh-48 .ui-datatable-scrollable-body {
  max-height: 48vh !important; }

.mh-45 .ui-datatable-scrollable-body {
  max-height: 45vh !important; }

.mh-43 .ui-datatable-scrollable-body {
  max-height: 43vh !important; }

.mh-40 .ui-datatable-scrollable-body {
  max-height: 40vh !important; }

.mh-37 .ui-datatable-scrollable-body {
  max-height: 37vh !important; }

.mh-33 .ui-datatable-scrollable-body {
  max-height: 33vh !important; }

.mh-30 .ui-datatable-scrollable-body {
  max-height: 30vh !important; }

.mh-27 .ui-datatable-scrollable-body {
  max-height: 27vh !important; }

.mh-25 .ui-datatable-scrollable-body {
  max-height: 25vh !important; }

.mh-20 .ui-datatable-scrollable-body {
  max-height: 20vh !important; }

.mh-150 .ui-datatable-scrollable-body {
  max-height: 150px !important; }

/** ====================================================================================	
								FOR DATEPICKERS
 ====================================================================================**/
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  font-family: OpenSans-Regular !important; }

.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
  color: #359f99 !important;
  text-decoration: none !important; }

.ui-datepicker .ui-datepicker-calendar .ui-state-default {
  background: none !important;
  border: none !important;
  color: #5b85b0 !important;
  text-align: center !important;
  text-shadow: none !important;
  font-family: OpenSans-Regular !important; }

.ui-datepicker .ui-datepicker-current-day .ui-state-highlight, .ui-datepicker .ui-datepicker-current-day .ui-state-default {
  background: #5c85b1 !important;
  color: #fff !important; }

.ui-datepicker {
  z-index: 9999999999 !important; }

/** ====================================================================================	
								FOR SELECT OPTIONS
 ====================================================================================**/
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
  position: relative !important;
  background: none !important;
  text-indent: 0 !important;
  right: 12px !important;
  float: right;
  overflow: visible !important; }

.ui-selectonemenu-panel .ui-selectonemenu-filter-container span.ui-icon.ui-icon-search:after {
  content: "\f002" !important;
  font-family: FontAwesome !important;
  position: absolute;
  color: #5a85b0 !important;
  top: -37px;
  z-index: 9999999 !important;
  right: 0;
  text-indent: 0 !important; }

.ui-selectonemenu-panel .ui-selectonemenu-filter-container {
  width: 100% !important; }

.ui-selectonemenu-panel .ui-selectonemenu-filter-container input {
  box-shadow: none !important;
  border: 2px solid #dfdfdf; }

.ui-selectonemenu-items .ui-state-highlight {
  background: #5b85b0 !important; }

.ui-selectonemenu-panel .ui-selectonemenu-list-item {
  font-family: OpenSans-Regular !important; }

.ui-selectonemenu .ui-selectonemenu-trigger {
  background: none !important;
  border: none !important;
  width: 20px !important;
  padding: 0 !important;
  box-shadow: none !important; }

.ui-selectonemenu-trigger span.ui-icon.ui-icon-triangle-1-s.ui-c:after {
  content: "\f0d7" !important;
  font-family: FontAwesome !important;
  position: absolute !important;
  top: 7px !important;
  right: 5px !important;
  font-size: 12px !important;
  color: #707070 !important;
  font-weight: 900 !important; }

.ui-selectonemenu-trigger span.ui-icon.ui-icon-triangle-1-s.ui-c {
  position: relative !important;
  margin: 0 !important;
  text-indent: 0px !important;
  height: 30px;
  background-image: none !important; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight,
.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-state-hover {
  background: #5b85b0 !important;
  color: #fff !important;
  border-radius: 0 !important; }

.ui-selectonemenu-panel .ui-selectonemenu-list-item {
  text-shadow: none !important;
  word-wrap: break-word;
  max-width: 100%;
  white-space: normal !important;
  min-width: 200px; }

.ui-selectonemenu label.ui-selectonemenu-label {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  padding-right: 25px !important; }

.ui-selectonemenu label.ui-selectonemenu-label {
  background: #dfdfdf !important;
  padding: 5px 10px !important;
  line-height: 24px !important;
  font-family: OpenSans-SemiBold !important; }

.ui-selectonemenu.ui-state-hover {
  box-shadow: none !important; }

.ui-selectonemenu {
  border: 1px solid #dfdfdf !important;
  width: 100% !important;
  background: #dfdfdf !important; }

/** ======================================================================================================================	
								NEW CSS END HERE (JUNAID) 
 ==========================================================================================================================**/
li.last_nav a {
  color: #fff !important;
  padding: 20px 20px !important; }

li.last_nav {
  background: #a71c21 !important; }

ul.nav.header_nav li.last_nav a:hover {
  color: #fff !important; }

.online_doc form {
  margin: 0 !important;
  line-height: 37px; }

.aui .navbar .nav > li > a:focus, .aui .navbar .nav > li > a:hover {
  color: #900 !important; }

.header_top .navbar-inner {
  border: none !important;
  background: none !important;
  box-shadow: none !important; }

.custom_btn_navbar .sr-only {
  display: none !important; }

.custom_btn_navbar .icon-remove {
  color: #900 !important;
  font-size: 22px; }

.login_text {
  text-align: center;
  width: 60%;
  margin: 0 auto; }

.create_account form {
  background: #aaaaaa !important;
  padding: 20px 0px !important;
  width: 100% !important;
  font-family: 'segoeui' !important; }

.custom_button_submit .btn-danger {
  background: #900 !important;
  font-family: 'segoeui' !important;
  font-size: 12px !important;
  padding: 4px 0 !important;
  font-weight: 600 !important;
  float: right !important;
  width: 40% !important; }

.custom_button_submit {
  font-size: 12px;
  font-family: 'segoeui' !important;
  width: 90% !important;
  margin: 1em auto 3em !important;
  line-height: 35px !important; }

.custom_button_submit a {
  font-size: 12px;
  font-family: 'segoeui' !important;
  color: #3327b7 !important;
  font-weight: 600; }

.custom_button_submit .ui-chkbox {
  vertical-align: middle !important;
  margin-right: 5px !important; }

.custom_button_submit .ui-chkbox-box {
  background: #fff !important; }

.birthday .ui-message-error {
  width: 100% !important;
  clear: both; }

.appt_time_available:focus {
  background: #00BDFD !important; }

.ccFreeTrialPortletErrorMessage {
  clear: both; }

.aui ul, .aui ol {
  margin: 0 !important; }

.powered-by {
  color: white !important; }

.footer_contact_us {
  width: 50%;
  float: left; }

.footer_contact_us h4 {
  color: white !important;
  font-size: 15px; }

.footer_contact_us ul {
  display: inline-block;
  float: left;
  margin-left: 0 !important; }

.connect ul li {
  list-style: none !important;
  float: left !important;
  padding-right: 14px !important; }

.fa {
  color: white !important;
  font-family: FontAwesome !important; }

footer .powered-by a {
  color: #c1c1c1 !important; }

.footer_contact_us_right {
  float: right; }

.footer_contact_us_right li {
  list-style: none;
  color: #c1c1c1;
  font-size: 15px; }

.list.patient_forgot_pass {
  background: #aaaaaa !important;
  padding: 0 0 1.3em 2em !important; }

.list.patient_forgot_pass ul li a {
  color: #000 !important; }

.patientdashboard {
  background: #ddd;
  min-height: 737px !important; }

.widget_bg:hover {
  text-decoration: none !important; }

.widget_bg {
  padding: 3em 0 !important;
  display: inherit; }

.portal_icon {
  background: url("/CloudClinikPatient-theme/css/../images/portal_icon.png") top center !important;
  width: 100%;
  height: 60px;
  background-repeat: no-repeat !important; }

.appt_book:before {
  background: url("/CloudClinikPatient-theme/css/../images/book.png") 12px 10px !important;
  width: 35px;
  float: left;
  margin: 0 !important;
  position: absolute;
  top: -10px !important;
  left: 0;
  content: "";
  height: 35px;
  background-repeat: no-repeat !important; }

.video_call {
  background: url("/CloudClinikPatient-theme/css/../images/video_call.png") top right !important;
  background-repeat: no-repeat !important;
  width: 100%;
  height: 90px; }

.video_call_dialog {
  background: url("/CloudClinikPatient-theme/css/../images/video_call_dialog.png") top 1em center !important;
  background-repeat: no-repeat !important;
  width: 100%;
  height: 100px; }

.doc {
  display: inline-block;
  width: 55%;
  float: left;
  font-size: 18px;
  font-family: "segoeui" !important;
  font-weight: 600;
  padding-left: 2.5em;
  background: url("/CloudClinikPatient-theme/css/../images/doctor-icon-black.png") top left 8px !important;
  background-repeat: no-repeat !important; }

.vital_history_table table {
  font-size: 12px !important;
  width: 98%;
  margin-top: 2em; }

.vital_history_table th {
  background: #3591ad !important;
  color: #fff !important;
  text-shadow: none;
  box-shadow: none; }

.vital_history_table tbody td {
  text-align: center !important; }

.temp_point_add {
  padding-left: 0; }

.temp_point_add .ui-selectonemenu {
  width: 92% !important;
  box-shadow: none !important;
  border: none; }

.temp_point_add .ui-selectonemenu-label {
  width: 100% !important;
  border: 2px solid #999;
  box-shadow: none;
  height: 25px;
  border-radius: 0 !important;
  font-family: 'segoeui' !important;
  line-height: 25px; }

.temp_point_add .ui-selectonemenu-trigger.ui-state-default.ui-corner-right {
  background: none;
  border: none;
  box-shadow: none;
  padding: 0; }

.temp_point_add .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
  margin-top: 10px !important; }

.bmi-color td.bmi-col {
  background-color: green; }

.bmi-color td.bmi-col-underweight {
  background-color: #0000FF;
  color: #FFFFFF !important; }

.bmi-color td.bmi-col-normal {
  background-color: #66CC00;
  color: #FFFFFF !important; }

.bmi-color td.bmi-col-overweight {
  background-color: #FFF826;
  color: #000000 !important; }

.bmi-color td.bmi-col-obese {
  background-color: #CC0000;
  color: #FFFFFF !important; }

.vaccine {
  background: url("/CloudClinikPatient-theme/css/../images/vaccine.png") top left !important;
  background-repeat: no-repeat !important;
  height: 35px;
  width: 40px; }

.SearchDoctor_button {
  float: left;
  width: 43%; }

.ignore_call {
  background: url("/CloudClinikPatient-theme/css/../images/ignore.png") 15px 10px !important;
  background-repeat: no-repeat !important;
  height: 40px;
  width: 48%;
  font-family: OpenSans-SemiBold !important;
  box-shadow: none !important;
  font-size: 16px !important;
  text-transform: uppercase;
  color: #676767 !important;
  border: 1px solid #676767 !important; }

.answer_call {
  background: url("/CloudClinikPatient-theme/css/../images/answer.png") 15px 10px !important;
  background-repeat: no-repeat !important;
  height: 40px;
  width: 48%;
  font-family: OpenSans-SemiBold !important;
  box-shadow: none !important;
  font-size: 16px !important;
  border: 1px solid #676767 !important;
  text-transform: uppercase;
  color: #676767 !important; }

.comments {
  float: right; }

.smile {
  float: left; }

.smile label, .comments label {
  color: #fff;
  font-size: 13px;
  margin: 0;
  text-align: center; }

.top.online_doctor {
  width: 20% !important;
  right: 0px !important;
  top: 8.9em !important;
  position: absolute !important;
  height: 30%; }

.top.online_doctor li {
  margin-top: 5px;
  line-height: 30px;
  list-style: none;
  border-bottom: 1px solid #ddd; }

.top.online_doctor li a {
  font-size: 13px;
  padding: 10px; }

.top.online_doctor label {
  width: 25%;
  float: right;
  font-size: 11px;
  text-align: center;
  background: #3ebc37;
  color: #fff;
  border-radius: 10px;
  font-weight: 600;
  text-transform: uppercase; }

.online_doctors_bars {
  border: 1px solid #5b85b0 !important;
  box-shadow: none !important;
  background: #fff !important;
  font-family: OpenSans-SemiBold !important;
  margin-top: 5px !important;
  float: left;
  color: #676767 !important;
  padding: 7px 10px !important; }

.ui-icon-arrow-1-s {
  background-position: -64px -15px !important; }

.help_portion a {
  color: #676767;
  font-size: 15px;
  font-style: italic;
  padding-left: 1em;
  vertical-align: middle;
  display: table-cell; }

.fa-question-circle {
  color: #f87f2e !important;
  font-size: 26px !important;
  border: 2px solid #f87f2e;
  border-radius: 25px;
  width: 23px;
  height: 25px;
  padding-left: 2px;
  padding-right: 1px; }

.incoming_call {
  width: 40%; }

.incoming_call label {
  font-family: "segoeui" !important;
  margin: 0 !important;
  font-weight: 600; }

.incoming_call button {
  font-family: "segoeui" !important;
  background: none !important;
  width: 50%;
  border-radius: 0 !important; }

.incoming_call h3 {
  font-family: "segoeui" !important;
  margin: 0 !important; }

.incoming_call_text {
  float: left;
  padding-top: 1em;
  width: 60% !important; }

.incoming_call .ui-dialog-titlebar {
  background: none !important; }

.incoming_call_right {
  width: 40% !important;
  float: left; }

.doctor_appointment_name {
  width: 50% !important;
  float: left; }

.doctor_appointment_name label {
  font-family: "segoeui" !important;
  font-size: 12px !important; }

.doctor_appointment_name h5 {
  margin: 0; }

.appointment_date {
  width: 50% !important;
  float: right;
  line-height: 35px; }

.appointment_date h5 {
  float: left;
  margin: 0;
  line-height: 35px; }

.appt_calender {
  float: right; }

.appt_calender input {
  margin: 0 !important;
  width: 70% !important;
  border-radius: 8px !important;
  height: 25px !important;
  text-align: center !important;
  font-weight: 600 !important;
  font-family: "segoeui" !important; }

.submit_btn {
  width: 20%;
  padding: 5px 0 !important;
  color: #fff !important;
  border: none !important;
  font-weight: normal !important;
  background: #a71c21 5% 50% !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important; }

.current_medication_doctor {
  text-align: center;
  background: #999;
  color: #fff;
  font-size: 14px;
  padding: 5px;
  margin-top: 5px;
  font-weight: 600;
  border-radius: 25px; }

.ui-dialog-titlebar-close:hover {
  padding: 1px !important; }

.appt_time_available {
  background: #f2766a;
  margin: 10px; }

.appt_time_selected {
  background: #04bef7;
  margin: 10px; }

.appt_time_reserved {
  background: #b4b4b4;
  margin: 10px; }

.AppointmentSlots {
  flex-basis: calc(10% - 10px ); }

a.ui-panelgrid-cell:hover {
  text-decoration: none !important; }

a.widget_bg:focus {
  text-decoration: none !important; }

.incoming_call .ui-dialog-titlebar-close:hover {
  background: none !important;
  border: none !important;
  box-shadow: none !important; }

.appt_calender button {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  background: url("/CloudClinikPatient-theme/css/../images/calendar.png") 50% 50% !important;
  background-repeat: no-repeat !important; }

.did_not_attend {
  background: url("/CloudClinikPatient-theme/css/../images/did_not_attend.png") 0 0 !important;
  background-repeat: no-repeat !important;
  height: 40px;
  width: 40px;
  border: none !important;
  box-shadow: none !important;
  float: right;
  margin-top: 4px !important;
  outline: none !important; }

.cross_no {
  background: url("/CloudClinikPatient-theme/css/../images/cross_no.png") 10px 5px !important;
  background-repeat: no-repeat !important;
  width: 35%;
  height: 32px;
  box-shadow: none !important;
  font-family: "segoeui" !important; }

.tick_yes {
  background: url("/CloudClinikPatient-theme/css/../images/tick_yes.png") 10px 5px !important;
  background-repeat: no-repeat !important;
  width: 35%;
  height: 32px;
  box-shadow: none !important;
  font-family: "segoeui" !important; }

.appointment_delete {
  text-align: center; }

.appt_calender span.ui-icon-calendar {
  display: none !important; }

.birthday {
  margin: 0 auto !important;
  width: 91% !important; }

.user_id {
  width: 36% !important; }

/*mozilla scrolbalken*/
@-moz-document url-prefix(http://),url-prefix(https://) {
  scrollbar {
    -moz-appearance: none !important;
    background: lime !important; }

  thumb, scrollbarbutton {
    -moz-appearance: none !important;
    background-color: blue !important; }

  thumb:hover, scrollbarbutton:hover {
    -moz-appearance: none !important;
    background-color: red !important; }

  scrollbarbutton {
    display: none !important; }

  scrollbar[orient="vertical"] {
    min-width: 10px !important; } }

/**/
.scrollbar-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 20px;
  border: 2px solid rgba(0, 0, 0, 0.2);
  overflow: auto;
  background-color: whiteSmoke; }

.scrollbar-container .inner {
  height: 2011px;
  width: 1985px;
  padding: 1em;
  background-color: white;
  font-family: sans-serif; }

::-webkit-scrollbar {
  background: transparent;
  width: 8px;
  height: 8px; }

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border: solid whiteSmoke 0px; }

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3); }

.ajax-status {
  width: 55px;
  height: 55px;
  position: fixed;
  right: 16px;
  bottom: 30px;
  z-index: 9999; }

.loader {
  background: url(/CloudClinikPatient-theme/css/../images/loader.gif) no-repeat;
  display: block;
  width: 55px;
  height: 55px; }

.header_nav a.active {
  font-weight: 600;
  color: #900 !important; }

*:focus {
  outline: 0 !important; }

.medication_clinic_name {
  float: left;
  width: 50%; }

.medication_doctorname {
  display: inline-block;
  width: 40%; }

.medication_search_record {
  box-shadow: inset 0 0 10px;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-family: "segoeui" !important; }

a .medication_search_record:hover {
  background: #ccc !important; }

.main {
  border: 1px solid #ccc;
  padding: 15px;
  margin-bottom: 1em;
  box-shadow: 0 0 10px #ccc; }

.Sr_no {
  width: 5%;
  float: left;
  border-right: 1px solid #ddd;
  height: 20px;
  margin-right: 1em; }

.visit_date {
  float: right;
  width: 15%;
  font-size: 18px;
  font-family: "segoeui" !important;
  font-weight: 600; }

.visit_wise_view {
  display: inline-block;
  width: 100%;
  background: #ccc;
  margin-bottom: 5px;
  padding: 6px 0; }

.login_right .modal-content h1 {
  font-size: 20px !important;
  text-align: left !important;
  border: none !important;
  padding: 0px !important; }

.login_right .modal-header {
  padding: 0px !important;
  color: #900 !important; }

.login_right .button-holder {
  margin: 0 !important; }

.new_online_doctors form {
  margin: 0 !important; }

.patient_name {
  display: inline-block;
  width: 80%; }

#mySidebar .big_screen .first_widget {
  background: #02BEFE !important; }

#mySidebar .big_screen .second_widget {
  background: #FF9327 !important; }

#mySidebar .big_screen .third_widget {
  background: #777777 !important; }

.w3-sidebar {
  max-width: 100%; }

.chat-panel .panel-title {
  color: #f2f2f2 !important;
  font-size: 12px !important;
  font-family: "segoeui" !important; }

@media (min-width: 1024px) {
  td.ui-panelgrid-cell {
    width: 10%; } }
@media (max-width: 992px) {
  .w3-sidebar.w3-collapse {
    position: absolute !important;
    z-index: 9999999 !important;
    min-height: 400px !important;
    background: none !important;
    width: 200px !important; }

  button.w3-xlarge {
    font-size: 24px !important;
    border: 1px solid #900 !important;
    border-radius: 4px;
    padding: 8px;
    color: #900 !important;
    margin: 0 0 1em .3em !important; }

  .w3-teal {
    background: none !important; }

  .big_screen {
    height: 370px !important;
    overflow-y: scroll;
    background: #fff !important; } }
@media (max-width: 767px) {
  i.fa.fa-question-circle {
    font-size: 26px !important; }

  .help_portion {
    display: inline-block;
    padding: 0 0 2em 0 !important; }

  .user_id {
    width: 92% !important; }

  li.last_nav a:hover {
    background: #900 !important; } }
@media screen and (max-width: 979px) {
  .aui body {
    padding: 0px !important; }

  .aui .navbar-fixed-top, .aui .navbar-fixed-bottom, .aui .navbar-static-top {
    margin-left: 0px !important;
    margin-right: 0px !important; }

  .custom_nav .header_nav {
    width: 100% !important;
    position: absolute !important;
    z-index: 99999999 !important;
    background: #fff !important; }

  .header_top .navbar {
    position: relative !important;
    z-index: 991524212 !important; }

  .custom_btn_navbar {
    background: none !important;
    margin-top: 10px !important;
    margin-right: 20px !important;
    border: 1px solid #900 !important; }

  a.custom_btn_navbar .icon-bar {
    background: #900 !important;
    box-shadow: none !important; }

  .top.online_doctor {
    width: 30% !important; }

  .incoming_call {
    width: 80% !important; } }
@media screen and (min-width: 315px) and (max-width: 560px) {
  .connect ul li {
    padding-right: 10px !important; }

  .footer_contact_us_right li {
    font-size: 13px !important; }

  .footer_contact_us_right {
    padding-right: 0.4em !important;
    width: 46% !important; }

  .footer_contact_us {
    padding-left: 0.4em !important; }

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

  .patient_img {
    width: 30px !important;
    height: 30px !important;
    margin-left: 10px !important; }

  .custom_button_submit .btn-danger {
    float: left !important;
    width: 100% !important; }

  .top.online_doctor {
    width: 70% !important;
    top: 11.1em !important; }

  .incoming_call h3 {
    font-size: 15px !important; }

  .incoming_call label {
    font-size: 12px; }

  .ignore_call span {
    width: 90% !important;
    text-align: center;
    font-size: 12px !important;
    background: url("/CloudClinikPatient-theme/css/../images/ignore.png") 5% 48% !important;
    background-repeat: no-repeat !important; }

  .answer_call span {
    width: 90% !important;
    text-align: center;
    font-size: 12px !important;
    background: url("/CloudClinikPatient-theme/css/../images/answer.png") 5% 48% !important;
    background-repeat: no-repeat !important; }

  .submit_btn {
    width: 45% !important; }

  .doctor_appointment_name, .appointment_date {
    width: 100% !important; }

  .appt_calender input {
    width: 70% !important; }

  .appointment_date {
    margin-bottom: 20px !important; }

  .advance_search .ui-grid-row {
    border: none !important; }

  .extra {
    display: none; }

  .patient_info a {
    width: 146px !important; }

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

  .filename h5 {
    display: none !important; }

  .filename {
    width: 65% !important;
    font-size: 12px !important;
    padding-left: 1em !important; }

  .SearchDoctor_button .ui-button-text-only {
    font-size: 14px !important;
    margin: 0 !important; }

  .doc {
    display: block !important;
    width: 100% !important;
    font-size: 12px !important;
    padding-left: 0 !important;
    margin: 0 !important;
    text-align: center; }

  .visit_date {
    float: left !important;
    width: 100% !important;
    font-size: 12px !important;
    text-align: center;
    margin-top: 5px; }

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

  .filename {
    font-size: 12px !important;
    padding-left: 10px !important;
    width: 65% !Important; }

  .medication_clinic_name {
    width: 100%;
    font-size: 12px; }

  .Sr_no {
    display: none !important; }

  .medication_doctorname {
    width: 100%;
    font-size: 12px; }

  .result {
    margin-top: 1em; }

  .online_doctors_bars {
    font-size: 12px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important; }

  .patient_info {
    float: none !important;
    margin: 0 auto !important;
    width: 50% !important; }

  .submit_btn {
    margin-bottom: 1em !important; }

  .temp_point_add .ui-selectonemenu {
    width: 92% !important;
    display: inline-flex;
    border: 2px solid #999; }

  .temp_point_add .ui-selectonemenu-label {
    width: 100% !important;
    border: none !important; }

  .temp_point_add .ui-selectonemenu-trigger.ui-state-default.ui-corner-right {
    right: 10px !important; }

  .temp_point_add {
    min-height: 70px !important; }

  .vital_form {
    padding: 0 !important; }

  input.v-notes-big {
    width: 90% !important;
    padding-right: 1px !important; }

  .login_page_content {
    padding-top: 2em !important; }

  .thanks-ok {
    padding: 6px 0 !important;
    width: 60% !important;
    margin: 0 auto !important;
    font-family: "segoeui" !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 600 !important; }

  .thanks-modal .modal-header {
    padding: 10px 15px;
    border: none !important;
    text-align: center; }

  .incoming_call_text h3 {
    font-size: 16px !important; }

  .incoming_call_text h4 {
    font-size: 14px !important; }

  .ignore_call {
    padding: 0 !important;
    margin: 0 !important; }

  .answer_call {
    margin-left: 0 !important;
    padding: 0 !important; }

  .patient_name {
    width: 70% !important; } }
@media screen and (min-width: 561px) and (max-width: 766px) {
  .top.online_doctor {
    width: 50% !important; }

  .submit_btn {
    width: 30% !important;
    margin-right: 10px !important; }

  .appt_calender input {
    width: 65% !important; }

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

  .extra {
    display: none; }

  .patient_info a {
    border: none !important;
    width: 250px !important; }

  .filename h5 {
    display: none !important; }

  .filename {
    font-size: 12px !important;
    padding-left: 10px !important;
    width: 65% !Important; }

  .SearchDoctor_button {
    float: none !important;
    width: 35% !important;
    display: inline-block; }

  .visit_date {
    width: 25% !important;
    font-size: 14px !important; }

  .doc {
    font-size: 14px !important; }

  .medication_clinic_name {
    width: 100%;
    font-size: 12px; }

  .Sr_no {
    display: none !important; }

  .medication_doctorname {
    width: 100%;
    font-size: 12px; }

  .result {
    margin-top: 1em; }

  .online_doctors_bars {
    font-size: 12px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important; }

  .temp_point_add .ui-selectonemenu {
    width: 92% !important;
    display: inline-flex;
    border: 2px solid #999; }

  .temp_point_add .ui-selectonemenu-label {
    width: 100% !important;
    border: none; }

  .temp_point_add .ui-selectonemenu-trigger.ui-state-default.ui-corner-right {
    right: 10px !important; }

  .temp_point_add {
    min-height: 70px !important; }

  .vital_form {
    padding: 0 !important; }

  input.v-notes-big {
    width: 90% !important;
    padding-right: 1px !important; }

  .login_page_content {
    padding-top: 2em !important; }

  .login_page_content {
    padding-top: 2em !important; }

  .thanks-ok {
    padding: 6px 0 !important;
    width: 60% !important;
    margin: 0 auto !important;
    font-family: "segoeui" !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 600 !important; }

  .thanks-modal .modal-header {
    padding: 10px 15px;
    border: none !important;
    text-align: center; }

  .incoming_call_text h3 {
    font-size: 16px !important; }

  .incoming_call_text h4 {
    font-size: 14px !important; }

  .ignore_call {
    padding: 0 !important;
    margin: 0 !important; }

  .answer_call {
    margin-left: 0 !important;
    padding: 0 !important; }

  .patient_info {
    float: none !important;
    width: 60% !important; }

  .patient_name {
    width: 70% !important; }

  .first_widget i {
    font-size: 24px !important; }

  .aui h4 {
    font-size: 14px !important; } }
@media screen and (min-width: 768px) and (max-width: 980px) {
  .incoming_call {
    width: 50% !important; }

  .submit_btn {
    width: 45% !important; }

  .appt_calender input {
    width: 65% !important; }

  .appt_calender {
    width: 70% !important; }

  .extra {
    display: none; }

  .filename {
    font-size: 12px !important;
    padding-left: 10px !important;
    width: 65% !Important; }

  .visit_date {
    width: 30% !important; }

  .small_doctor_search {
    padding-left: 0 !important; }

  .online_doctors_bars {
    font-size: 12px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important; }

  .patient_info a {
    width: 135px !important;
    font-size: 11px !important; }

  .custom_portlet {
    width: 45% !important; }

  .medication_clinic_name {
    width: 100%;
    font-size: 12px; }

  .Sr_no {
    display: none !important; }

  .medication_doctorname {
    width: 100%;
    font-size: 12px; }

  .result {
    margin-top: 1em; }

  .patient_name {
    width: 70% !important; }

  .first_widget i {
    font-size: 24px !important; }

  .aui h4 {
    font-size: 14px !important; } }
@media screen and (min-width: 979px) and (max-width: 1200px) {
  td.ui-panelgrid-cell {
    width: 100% !important;
    display: inline-block; }

  .appt_calender input {
    width: 65% !important; }

  .appt_calender {
    width: 80% !important; }

  .patient_info a {
    width: 150px !important;
    font-size: 12px !important; }

  .extra {
    display: none; }

  .patient_info a {
    width: 110px !important; }

  .online_doctors_bars {
    font-size: 12px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important; }

  .new_online_doctors {
    padding: 0 !important; }

  .Sr_no {
    display: none !important; }

  .medication_doctorname {
    width: 100%;
    font-size: 12px; }

  .result {
    margin-top: 1em; }

  .SearchDoctor_button {
    width: 50% !important; }

  .patient_name {
    width: 70% !important; }

  .logintime {
    width: 60% !important; }

  .visit_date {
    width: 20% !important;
    font-size: 14px !important; }

  .doc {
    font-size: 14px !important; }

  .aui h4 {
    font-size: 14px !important; }

  .first_widget i {
    font-size: 24px !important; } }
@media screen and (min-width: 1201px) and (max-width: 1299px) {
  .patient_info a {
    width: 148px !important;
    font-size: 12px !important; }

  .extra {
    display: none; }

  .custom_portlet {
    width: 46.88% !important; }

  .patient_name {
    width: 70% !important; }

  .big_screen i {
    font-size: 36px !important; } }
@media screen and (min-width: 1300px) and (max-width: 1600px) {
  .extra {
    display: none; }

  .patient_info a {
    width: 165px !important;
    font-size: 12px !important; }

  .custom_portlet {
    width: 47% !important; }

  .patient_name {
    width: 70% !important; }

  .big_screen i {
    font-size: 36px !important; } }
@media screen and (min-width: 1601px) and (max-width: 1920px) {
  .appointment_date {
    width: 40% !important; }

  .widget_bg {
    padding: 3.83em 0 !important; }

  .extra {
    display: none; }

  .patient_info a {
    width: 190px !important;
    font-size: 12px !important; }

  .custom_portlet {
    width: 47.77% !important; }

  .big_screen i {
    font-size: 36px !important; } }
@media (max-width: 35em) {
  .ui-datatable-reflow .ui-datatable-data td .ui-column-title {
    font-weight: 600;
    font-size: 13px !important; }

  .ui-datatable-reflow .ui-datatable-data td {
    display: flex !important;
    font-size: 11px !important; }

  .accordion_panel {
    width: 96%; } }
button#sendCodeBtn,
button#verificationBtn {
  background: #3D5A99 !important;
  color: #fff !important;
  text-shadow: none;
  border: none !important;
  font-family: "segoeui" !important;
  width: 30%; }

button#closeBtn,
button#verificationCloseBtn,
button#userSelectionSaveBtn,
button#userSelectionCloseBtn {
  background: #3D5A99 !important;
  color: #fff !important;
  text-shadow: none;
  border: none !important;
  width: 30%;
  font-family: "segoeui" !important; }

#verificationGeneralMessage {
  font-weight: 600 !important;
  padding-bottom: 1em; }

@media only screen and (max-width: 767px) {
  .m-fs-10 {
    font-size: 10px !important; }

  .m-fs-11 {
    font-size: 11px !important; }

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

  .m-fs-13 {
    font-size: 13px !important; }

  .m-fs-14 {
    font-size: 14px !important; }

  .m-fs-15 {
    font-size: 15px !important; }

  .m-fs-16 {
    font-size: 16px !important; }

  .m-fs-17 {
    font-size: 17px !important; }

  .m-fs-18 {
    font-size: 18px !important; }

  .m-fs-20 {
    font-size: 20px !important; }

  .m-fs-22 {
    font-size: 22px !important; }

  .m-fs-24 {
    font-size: 24px !important; }

  .m-fs-26 {
    font-size: 26px !important; }

  .m-fs-28 {
    font-size: 28px !important; }

  .m-d-none {
    display: none; }

  .Custom_Layout .portlet-column, .flex-container .login_top_cards, .SearchFilter {
    flex-basis: 100%; }

  .symptoms-view .Symptom {
    flex-basis: calc(100% - 20px) !important;
    margin: 10px; }

  .add-symptoms-view {
    padding: 0 10px !important; }

  .flex-item {
    min-width: 250px;
    flex-basis: calc(100% - 15px);
    min-height: 225px; }

  .flex-container {
    justify-content: center; }

  .SearchDoctorCard {
    min-width: 250px;
    flex-basis: calc(100% - 15px);
    min-height: 235px; }

  .SearchDoctorFields {
    flex-basis: calc(100% - 15px); }

  .AppointmentHistoryCardBottomRight, .AppointmentHistoryCardBottomLeft {
    flex-basis: 100%;
    text-align: center; }

  .custom_btn_navbar {
    width: 60px !important; }

  .header_nav li, .d-flex .AttachmentBottom:nth-child(1), .d-flex .AttachmentBottom:nth-child(3), .d-flex .AttachmentBottom:nth-child(2), .online-doctors-toggler {
    width: 100% !important; }

  .header_nav li {
    padding: 0 20px !important; }

  button#onlineDoctorsBtn {
    width: 100%;
    text-align: left;
    border: 0 !important; }

  .header_nav li a {
    padding: 10px 12px !important;
    border: 0 !important; }

  li.Language_Portal {
    margin: 0 9px !important; }

  .Language_Portal select {
    width: 100%;
    border: 0 !important;
    font-size: 14px !important;
    padding: 0 !important; } }
@media only screen and (min-width: 768px) and (max-width: 998px) {
  .t-fs-10 {
    font-size: 10px !important; }

  .t-fs-11 {
    font-size: 11px !important; }

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

  .t-fs-13 {
    font-size: 13px !important; }

  .t-fs-14 {
    font-size: 14px !important; }

  .t-fs-15 {
    font-size: 15px !important; }

  .t-fs-16 {
    font-size: 16px !important; }

  .t-fs-17 {
    font-size: 17px !important; }

  .t-fs-18 {
    font-size: 18px !important; }

  .t-fs-20 {
    font-size: 20px !important; }

  .t-fs-22 {
    font-size: 22px !important; }

  .t-fs-24 {
    font-size: 24px !important; }

  .t-fs-26 {
    font-size: 26px !important; }

  .t-fs-28 {
    font-size: 28px !important; }

  .t-d-none {
    display: none; }

  .flex-item {
    min-width: 250px;
    flex-basis: calc(50% - 65px);
    min-height: 235px; }

  .flex-container {
    justify-content: center; }

  .SearchDoctorCard {
    min-width: 250px;
    flex-basis: calc(50% - 65px);
    min-height: 235px; }

  .flex-container .login_top_cards {
    flex-basis: calc(30% - 40px); }

  .SearchFilter {
    flex-basis: calc(30% - 50px) !important; }

  .header_nav li, .d-flex .AttachmentBottom:nth-child(1), .d-flex .AttachmentBottom:nth-child(3), .d-flex .AttachmentBottom:nth-child(2), .online-doctors-toggler {
    width: 100% !important; }

  .header_nav li {
    padding: 0 20px !important; }

  button#onlineDoctorsBtn {
    width: 100%;
    text-align: left;
    border: 0 !important; }

  .header_nav li a {
    padding: 10px 12px !important;
    border: 0 !important; }

  li.Language_Portal {
    margin: 0 9px !important; }

  .Language_Portal select {
    width: 100%;
    border: 0 !important;
    font-size: 14px !important;
    padding: 0 !important; } }