/*
 * Container
 */
@font-face {
  font-family: 'robotoregular';
  src: url("../fonts/font-roboto/Roboto-Regular-webfont.eot");
  src: url("../fonts/font-roboto/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/font-roboto/Roboto-Regular-webfont.woff") format("woff"), url("../fonts/font-roboto/Roboto-Regular-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }
/**
 * Roboto Light
 */
@font-face {
  font-family: 'robotolight';
  src: url("../fonts/font-roboto/Roboto-Light-webfont.eot");
  src: url("../fonts/font-roboto/Roboto-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/font-roboto/Roboto-Light-webfont.woff") format("woff"), url("../fonts/font-roboto/Roboto-Light-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }
  
.header-wrap .container {
  width: 100%;
  font-family: "robotoregular", Helvetica, Arial, sans-serif;
  /* For columns padding left & right */ }
  .header-wrap .container .row {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%; }

.btn, .btn:hover {
  text-decoration: none;
}
.btn:active, .btn:focus {
  outline: none; }


/**
 * Add/remove floats
 */
.float--right {
  float: right !important; }

.float--left {
  float: left !important; }

.float--none {
  float: none !important; }

/**
 * Text alignment
 */
.text--left {
  text-align: left  !important; }

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

.text--right {
  text-align: right !important; }

/**
 * Add/remove margins
 */
.push {
  margin: 24px !important; }

.push--top {
  margin-top: 24px !important; }

.push--right {
  margin-right: 24px !important; }

.push--bottom {
  margin-bottom: 24px !important; }

.push--left {
  margin-left: 24px !important; }

.push--ends {
  margin-top: 24px !important;
  margin-bottom: 24px !important; }

.push--sides {
  margin-right: 24px !important;
  margin-left: 24px !important; }

.push-half {
  margin: 12px !important; }

.push-half--top {
  margin-top: 12px !important; }

.push-half--right {
  margin-right: 12px !important; }

.push-half--bottom {
  margin-bottom: 12px !important; }

.push-half--left {
  margin-left: 12px !important; }

.push-half--ends {
  margin-top: 12px !important;
  margin-bottom: 12px !important; }

.push-half--sides {
  margin-right: 12px !important;
  margin-left: 12px !important; }

.flush {
  margin: 0 !important; }

.flush--top {
  margin-top: 0 !important; }

.flush--right {
  margin-right: 0 !important; }

.flush--bottom {
  margin-bottom: 0 !important; }

.flush--left {
  margin-left: 0 !important; }

.flush--ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.flush--sides {
  margin-right: 0 !important;
  margin-left: 0 !important; }

/**
 * Add/remove paddings
 */
.soft {
  padding: 24px !important; }

.soft--top {
  padding-top: 24px !important; }

.soft--right {
  padding-right: 24px !important; }

.soft--bottom {
  padding-bottom: 24px !important; }

.soft--left {
  padding-left: 24px !important; }

.soft--ends {
  padding-top: 24px !important;
  padding-bottom: 24px !important; }

.soft--sides {
  padding-right: 24px !important;
  padding-left: 24px !important; }

.soft-half {
  padding: 12px !important; }

.soft-half--top {
  padding-top: 12px !important; }

.soft-half--right {
  padding-right: 12px !important; }

.soft-half--bottom {
  padding-bottom: 12px !important; }

.soft-half--left {
  padding-left: 12px !important; }

.soft-half--ends {
  padding-top: 12px !important;
  padding-bottom: 12px !important; }

.soft-half--sides {
  padding-right: 12px !important;
  padding-left: 12px !important; }

.hard {
  padding: 0 !important; }

.hard--top {
  padding-top: 0 !important; }

.hard--right {
  padding-right: 0 !important; }

.hard--bottom {
  padding-bottom: 0 !important; }

.hard--left {
  padding-left: 0 !important; }

.hard--ends {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.hard--sides {
  padding-right: 0 !important;
  padding-left: 0 !important; }


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

.fa-1x {
	font-size: 1.714285em;
}
/** Add some margin to the icons */
.fa {
	margin-right: 0.571428em;
}

/**
 * Lone icons
 */
.fa-lone {
	margin-right: 0;
}

/**
 * Lone icons
 */
.fa-right {
	margin-left: 0.571428em;
	margin-right: 0;
}

/**
 * Icons soft
 */
.icon--soft {
	border: 1px #2a3030 solid;
	border-radius: 200px;
	padding: 0.2em 0.7em;
	margin-right: 0.571428em;
	color: #2a3030;
	background-color: #dbe79c;
}

.light-green .icon--soft {
	background-color: #dbe79c;
}

.color-orange .icon--soft {
	background-color: #ff972c;
}

.fa-fnone {
	border: 1px #2a3030 solid;
	background-color: #e5e6e6;
	width: 12px;
	height: 12px;
}

.text--sub {
	font-size: 24px;
	margin-top: 6px;
}

.fa-home, .fa-search {
	width: 24px;
	height: 24px;
}

.fa-home:before, .fa-search:before {
	content: "" !important;
}

.fa-home {
	background: url("../images/home.png") no-repeat 0 0;
}

.fa-home:hover {
	background: url("../images/home_over.png") no-repeat 0 0;
}

.fa-search {
	background: url("../images/search.png") no-repeat 0 0;
}
/*------------------------------------*\
    BUTTONS.CSS
\*------------------------------------*/
/**
 * Base button extend
 */
body .btn {
  line-height: normal;
  padding: 6px 14px !important;
  border: 1px solid transparent;
  background: #2a3030 !important;
  color: #fff !important;
  margin-bottom: 12px;
  margin-bottom: 0.85714rem;
  /*12px 25px 20px 12px*/
  border-radius: 0 !important;
  text-decoration: none;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  font-size: 14px !important;
  width: auto !important;
  height: auto !important;
  /* Disabled */
  /* Caret */ }
  body .btn[disabled], body .btn[disabled]:hover, body .btn[disabled]:active {
    background: #acacad !important;
    border-color: #acacad !important;
    color: #bbbfbf !important; }
  body .btn .caret {
    margin-left: 0.3em; }
.btn + .btn, .btn-group + .btn-group {
	margin-left: 12px !important;
}
body .form-control .btn--unstyled {
	padding: 0 1em !important;
	margin: 0;
	vertical-align: top;
	position: absolute;
	right: 7px;
	top: 11px;
/*	top: 4px; // new logo REP-4846 */
	height: 100% !important;
	font-size: 14px;
}
body .form-control .fa {
	position: absolute;
	right: 12px;
	top: 9%;
	margin: 0;
	color: #989f9f;
}
/**
 * Button unstyled
 */
body .btn--unstyled {
  background: transparent !important;
  border-color: transparent !important;
  color: #dbe79c; }
  body .btn--unstyled:hover, body .btn--unstyled:active {
    color: #2a3030;
    text-decoration: underline;
    background: transparent !important;
    border-color: transparent !important;
    }

/**
 * Button Primary
 */
body .btn--primary {
  color: #808080; }
  body .btn--primary:hover, body .btn--primary:active, body .btn--primary {
    /*background: #2a3030 !important;*/
    border-color: #2a3030 !important; }
  body .btn--primary:hover {
    color: #d6d9d9 !important;
	background: #555959 !important;
	border-color: #555959 !important; }
  body .btn--primary:active, body .btn--primary:focus {
    /*background: #121515 !important;*/
    border-color: #121515 !important; }
  body .btn--primary,  body .btn--primary:active {
    color: #808080 !important; }
/*------------------------------------*\
    HEADER.CSS
\*------------------------------------*/
/**
 * Header of page
 */
.header-wrap {
  padding: 15px 0;
/*  padding: 1.9285714em 0; // new logo REP-4846 */
  position: relative;
  height: 96px;
  background: #ffffff;
  color: #474f57;
/*  background: #2a3030;
  color: #bbbfbf; // REP-4846 */
  *zoom: 1;
  }
  .header-wrap:before, .header-wrap:after {
    content: " ";
    display: table; }
  .header-wrap:after {
    clear: both; }
  .header-wrap .brand-logo {
    float: left; }
  .header-wrap img {
    vertical-align: top; }
  .header-wrap .fa {
    color: #545f5f; }
    .header-wrap .fa.fa-home {
    margin: 16px 0 0 12px;
/*      margin: 6px 0 0 12px;// new logo REP-4846 */
      }
      
.header-wrap .fa.fa-bars {
	margin: 0.42857rem 0 0 0;
}
      
  .header-wrap a:hover .fa, .header-wrap .fa-bars:hover {
    color: #dbe79c; }
  .header-wrap .search {
  margin-top: 15px;
/*    margin-top: 6px;
    margin-top: 0.42857rem; // new logo REP-4846 */
    }
    .header-wrap .search .text-input {
      background-color: #d1dedf; 
      border: 1px #989f9f solid;
  	  color: #2a3030;
/*      background-color: #bbbfbf; 
      border: 1px #989f9f solid;
  color: #2a3030;// REP-4846 */
  padding: 0.28571em;
  transition: all 0.1s ease-in;
  vertical-align: middle;
  outline: none;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3) inset;
  font-size: 14px;
  }
  .header-wrap .dropdown > a {
    padding-right: 0; }


/*------------------------------------*\
    $FLYOUT
\*------------------------------------*/
/**
 * Flyouts are pieces of content that fly out of a parent when said parent is
 * hovered. They typically appear bottom-left of the parent.
 *
   <div class=flyout>
       Foo
       <div class=flyout__content>
           <h1>Lorem</h1>
           <p>Ipsum</p>
       </div>
   </div>
 *
 * Extend these objects in your theme stylesheet.
 *
 * Demo: jsfiddle.net/inuitcss/B52HG
 *
 */
.flyout,
.flyout--alt {
  position: relative;
  overflow: hidden; }

.flyout__content {
  /**
   * Position the flyouts off-screen. This is typically better than
   * `display:none;`.
   */
  position: absolute;
  top: 100%;
  left: -99999px;
  z-index: 999;
  width: 180px;
  background: #ffffff;
/*  background: #e5e6e6; // REP-4846 */
  -webkit-box-shadow: 3px 3px 8px 1px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: 3px 3px 8px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 8px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 8px 1px rgba(0, 0, 0, 0.3); }
  .flyout__content > ul {
    margin-bottom: 0; }

/**
 * Bring the flyouts into view when you hover their parents.
 * Two different types of flyout; ΓÇÿregularΓÇÖ (`.flyout`) and ΓÇÿalternativeΓÇÖ
 * (`.flyout--alt`).
 */
.flyout:hover,
.flyout--alt:hover {
  overflow: visible;
  cursor: pointer; }

/**
 * Regular flyouts sit all the way from the top, flush left.
 */
.flyout:hover > .flyout__content {
  left: 60px;
  top: -107px; }

/**
 * Alternative flyouts sit all the way from the left, flush top.
 */
.flyout--alt:hover > .flyout__content {
  top: 0;
  left: 100%; }

.flyout:hover > .flyout__content li {
  padding: 5px 20px;
  padding: 0.35714rem 1.42857rem;
  margin-bottom: 0;
  border-bottom: 1px #989f9f solid; }

.flyout:hover > .flyout__content .fa {
  position: absolute;
  top: 37%;
  left: -10px;
  color: #e5e6e6; }
.flyout > .flyout__content li a {
  	color: #545f5f;
  	font-size: 14px;
}
.flyout > .flyout__content li a:hover {
	color: #00b07d;
/*  	color: #2a3030; // REP-4846 */
}

/**
 * Flyout top menu (position)
 */
.flyout--top .flyout__content {
  width: auto; white-space: nowrap;}
.flyout--top:hover > .flyout__content {
  left: auto;
  right: 100%;
  top: -15px; }
.flyout--top:hover > .flyout__content .fa {
  position: absolute;
  top: 13px;
  left: 98%;
  color: #e5e6e6;
  width: 24px;
  height: 100px; }
.flyout--top .flyout--alt .flyout__content {
  width: 250px; }
.flyout--top .flyout--alt:hover > .flyout__content {
  top: -15px;
  left: auto;
  right: 109%; }

/*------------------------------------*\
    AUTOCOMPLETE.CSS
\*------------------------------------*/

body .t-autocomplete-menu {
  -webkit-box-shadow: -3px 5px 8px 1px rgba(0, 0, 0, 0.3);
  -khtml-box-shadow: -3px 5px 8px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -3px 5px 8px 1px rgba(0, 0, 0, 0.3);
  box-shadow: -3px 5px 8px 1px rgba(0, 0, 0, 0.3);
  width: auto !important;
  max-width: 250px;
  max-height: 200px;
  overflow: auto;
  border: 1px #989f9f solid; }
  body .t-autocomplete-menu ul {
    background-color: #e5e6e6;
    padding: 0;
    overflow: auto;
    margin: 0;
    width: 100%;
    max-height: 200px;
    position: relative;
    display: table;
    border: none !important; }
  body .t-autocomplete-menu li {
    color: #545f5f;
    list-style-type: none;
    margin: 0;
    cursor: pointer;
    padding: 5px 12px;
    padding: 0.35714rem 0.85714rem;
    border-top: 1px #989f9f solid;
    border-bottom: none;
    font-weight: normal;
    white-space: nowrap;
    text-align: left; }
    body .t-autocomplete-menu li.selected {
      color: #2a3030;
      font-weight: normal; }
    body .t-autocomplete-menu li:first-child {
      border-top: none;
      border-bottom: none; }

/* ui-autocomplete default*/
body .ui-autocomplete{
	background-color: #ffffff !important;
/*	background-color: #e5e6e6 !important;// REP-4846 */
	z-index: 99999 !important;
	/*max-width: 617px;*/
	max-height:400px;
	margin: 0;
	padding: 0;
	overflow: auto;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	list-style-type: disc;
	border: none;
	color: #474f57;
/*	color: #545f5f;// REP-4846 */
	font-size: 14px;
}

body .ui-autocomplete li {
	margin-bottom: 0;
	padding:6px 0;
	border-top:1px solid #c0c1c1;
	cursor: pointer;
}
/*
body .ui-autocomplete li:hover{
	background: #bbbfbf;
}
body .ui-autocomplete li.active {
	background: #bbbfbf;
}// REP-4846 */
#ui-acitve-menuitem {
	border: none;
}

/* ui-autocomplete for patient search*/
.info-item .info-item__img {
	color:#b9bdbd;
}

.ui-autocomplete li:hover .info-item__img {
	color:#545F5F;
}
.ui-autocomplete .info-item {
	color: #545f5f;
	font-size: 14px;
}
.info-item__gender {
	width:48px;
	display: block;
	float: left;
}
.info-item__gender span{
	float: right;
}

.info-item__name{
	white-space:nowrap; 
	overflow:hidden;
	text-overflow:ellipsis; 
}
/*------------------------------------*\
	DESKTOP.CSS
\*------------------------------------*/
/*
 * Add Grids for tablets and desktops
 */
/*------------------------------------*\
	GRIDS    
\*------------------------------------*/
/**
 * Nested Row
 */
.row .row, .row--wide {
  width: auto;
  max-width: none;
  min-width: 0;
  margin-left: -12px;
  margin-right: -12px; }

/**
 * Collapsed Row
 */
.row--collapse .columns {
  padding-left: 0;
  padding-right: 0; }
.row .row--collapse {
  margin-left: 0;
  margin-right: 0; }

/**
 * Grid Clearing
 */
.row {
  width: 100%;
  *zoom: 1; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

/* Columns */
.columns {
  float: left;
  min-height: 1px;
  padding: 0 12px;
  position: relative; }

/* Columns padding left & right */
.columns--push {
  float: left;
  min-height: 1px;
  padding-right: 12px;
  position: relative; }

/**
 * Column aligned centrally
 */
.column--center {
  float: none;
  margin: 0 auto; }

/**
 * Generates grids columns
 * .one, .two....
 */
.one {
  width: 8.33333%!important; }

.two {
  width: 16.66667%!important; }

.three {
  width: 25%!important; }

.four {
  width: 33.33333%!important; }

.five {
  width: 41.66667%!important; }

.six {
  width: 50%!important; }

.seven {
  width: 58.33333%!important; }

.eight {
  width: 66.66667%!important; }

.nine {
  width: 75%!important; }

.ten {
  width: 83.33333%!important; }

.eleven {
  width: 91.66667%!important; }

.twelve {
  width: 100%!important; } 


.t100 {
	width:100% !important;
}

.t86 {
	width:86% !important;
}
/*------------------------------------*\
    DIALOG.CSS
\*------------------------------------*/
div[aria-labelledby="ui-dialog-title-personEditorDlg"] #personEditorDlg {
	height: auto !important;
	padding: 0 !important;
}
div[aria-labelledby="ui-dialog-title-personEditorDlg"] iframe {
	padding-top: 2px;
	padding-bottom: 12px;
}
.patient-contact-height {
	height: 666px !important;
}
body .ui-dialog {
  background-color: #cccccc !important;
  box-shadow: -3px 5px 8px 1px rgba(0, 0, 0, 0.3) !important;
  border: none !important;
  /* title */
  /* content */
  /* buttons */
  /* resizable */ }
  .ui-dialog form {
    margin-bottom: 0; }
  .ui-dialog .ui-dialog-titlebar {
    padding: 24px;
    padding: 1.71429rem;
    cursor: move;
    position: relative;
    background: none !important;
    background-color: transparent !important;
    margin: 0 !important;
    }
    .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
      float: left;
      font-family: "robotolight", Helvetica, Arial, sans-serif;
      color: #545f5f !important;
      font-size: 24px;
      font-size: 1.71429rem;
      line-height: 0.85; }
      @media only screen and (min-width: 600px) {
        .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
          font-size: 32px;
          font-size: 2.28571rem; } }
    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
      position: absolute;
      right: 24px;
      top: 34px;
      width: 24px;
      height: 24px; }
      .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close span {
        display: block; top: 0 !important;
    	right: 0 !important;}
      .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:focus {
        padding: 0;
        text-decoration: none;
        border: none; }
      .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon {
        background: url("../images/close.png") no-repeat top left transparent !important;
        width: 24px !important;
      	height: 24px !important;
        }
    .ui-dialog .ui-dialog-titlebar .ui-state-hover {
      background: none !important; }
      .ui-dialog .ui-dialog-titlebar .ui-state-hover .ui-icon {
        background: url("../images/close_over.png") no-repeat top left transparent  !important;
        border: none; }
    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close span:hover {
    	top: 0 !important;
    	right: 0 !important;
    }
  .ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 12px;
    padding: 0.85714rem;
    background: none;
    color: #545f5f !important;
    zoom: 1; }
  body .ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    background-image: none;
    margin: 0 !important;
    padding: 0 24px 24px !important;
    background-color: transparent !important;
    }
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    width: 100%;
    text-align: right;
    padding: 0 !important;
    margin: 0 !important;}
  .ui-dialog .ui-dialog-buttonpane button {
    margin-bottom: 0;
    margin-right: 0 !important;
    cursor: pointer; }
  .ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px; }