@media print
{    
    @page {size: portrait}
    .no-print, .no-print * { display: none !important; }
    .metro .grid .row { margin-top: 0px; }
    h1 { margin: 0!important; }
}

legend {
    margin-bottom: 2px!important;
}

.ui-grid-viewport {
    overflow-anchor: none;
}
.banner_logo {
    padding: 5px!important; 
}
.banner_logo_img {
    height: 32px;
    width: 100px;
    background-image: url("./logos/clinibooks-white.gif");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%, 100%;
}

.mainContent { 
    padding-top: 3.5rem; 
    min-height: 100%;
    height: 100%;
}

.fixedTop {
	position: fixed;left:0;z-index:999;top:0;bottom: auto;min-width:100%;background-color: white
}
.remove-padding { padding-left:0!important; padding-right:0!important }
.remove-padding-bottom{ padding-bottom: 0!important; margin-bottom:0!important }
.remove-padding-top {
    padding-top: 0 !important;
    margin-top: 0 !important
}

.metro .fa {
  display: inline-block;
  *display: inline;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ngProgressLite {
	pointer-events: none;
}

.ngProgressLiteBar {
	background: #29d;
	position: fixed;
	z-index: 100;
	top: 45px;
	left: 0;
	height: 2px;
}

.ngProgressLite .ngProgressLiteBarShadow {
	display: block;
	position: absolute;
	right: 0px;
	width: 100px;
	height: 100%;
	box-shadow: 0 0 10px #29d, 0 0 5px #29d;
	opacity: 1;
	-webkit-transform: rotate(3deg) translate(0px, -4px);
	-ms-transform: rotate(3deg) translate(0px, -4px);
	transform: rotate(3deg) translate(0px, -4px);
}

.metro table {max-width: inherit!important;} /* Setting to 100% disables horizontal scroll in IE11 */
.metro .table {margin-bottom: 0!important;}  /* Causes fixed columns scrolling error */

.element-menu {
    font-family: "Open Sans"!important;
    font-size: 100%!important;
}

.place-right {
    margin-right: 10px;
}

.ng-view {
    padding-top: 40px;
}

.row {
    margin-top: 3px!important;
    padding-top: 3px!important;
}

.row-listview {
    padding-left: 0px!important;
}

.keyword {
    margin-top: 5px;
}

.wrap {
    white-space:normal!important;
}

.font10 {
    font-size: 10pt!important;
}

th, td {
    white-space: nowrap!important;
}

.dataTables_info {
    font-family: "Open Sans Bold"!important;
    padding-left: 20px;
    padding-top: 5px;
}

b {
    font-family: "Open Sans Bold";
}

.element-menu {
    font-family: "Open Sans"!important;
    font-size: 100%!important;
}

.place-right {
    margin-right: 10px;
}

.ng-view {
    padding-top: 40px;
}

.row {
    margin-top: 3px!important;
    padding-top: 3px!important;
}

.slide-left.ng-enter,
.slide-left.ng-leave,
.slide-right.ng-enter,
.slide-right.ng-leave {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background: inherit;
    -ms-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    transition:  .25s ease-in-out;
}


.slide-left.ng-enter {
    z-index: 101;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.slide-left.ng-enter.ng-enter-active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.slide-left.ng-leave {
    z-index: 100;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.slide-left.ng-leave.ng-leave-active {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.slide-right.ng-enter {
    z-index: 100;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.slide-right.ng-enter.ng-enter-active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.slide-right.ng-leave {
    z-index: 101;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.slide-right.ng-leave.ng-leave-active {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.keyword {
    margin-top: 5px;
}

.wrap {
    white-space:normal!important;
}

.font10 {
    font-size: 10pt!important;
}

.headcol {
    position:absolute; 
    width:5em; 
    left:0;
    top:auto;
    border-right: 0px none black; 
    border-top-width:3px; /*only relevant for first row*/
    margin-top:-3px; /*compensate for top border*/
}

.bg-lightGray {
    background: #fffeee!important;
}

.metro .sidebar > ul li a:hover {
    background-color: #4390df !important;
    color: #ffffff;
}
.list-title {line-height: 14px;}

.hoverDisabled {
    pointer-events: none;
}
.hoverDisabled:hover {
    background-color: #fff!important;
    outline: none;
}

/*********************************
Author : Techhysahil
Link : http://techhysahil.com
*********************************/
.wrapper-content {
  display: block;
  width: 200px;
  margin: 0 auto;
  padding: 50px 150px;
  border: 3px solid #48c9b0;
  font-family: Roboto, Helvetica;
}

.title {
  display: block;
  padding-top: 5px;
  font-size: 17px;
  font-weight: 700;
  color: rgba(52, 73, 94, 0.3);
  letter-spacing: 0;
  font-size: 18px;
  line-height: 1.72222;
}

.metro .select2-container .select2-choice { border: 1px solid #d9d9d9;height: 36px;line-height: 30px;margin: 0;font-size: 100%;vertical-align: middle;border-radius: 0px;color: #000;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;background-image: none;}
.metro .select2-container .select2-choice .select2-arrow { border: 0px;background: #fff;}
.metro .select2-container .select2-choice .select2-arrow b { margin-top: 3px!important;}
.metro .select2-container.select2-drop-above .select2-choice { border: 1px solid #000; border-radius: 0px;}
.metro .select2-drop {border: 1px solid #000;border-radius: 0px !important;-webkit-border-radius: 0 0 6px 6px;-moz-border-radius: 0 0 6px 6px;border-radius: 0 0 6px 6px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.metro .select2-drop.select2-drop-above {margin-top: 2px;border-top: 1px solid #000;border-bottom: 0;-webkit-border-radius: 6px 6px 0 0;-moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.metro .select2-search {margin-top: 3px;}
.metro .select2-search input {height: 26px;border: 1px solid #919191;}
.metro .select2-container-active .select2-choice,
.metro .select2-container-active .select2-choices {border: 1px solid #919191;outline: none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.metro .select2-results {padding: 0!important;font-size: 100%!important;}
.metro .select2-results .select2-highlighted {background: #1e90ff;color: #fff;border-radius: 0px;}
.metro .select2-results li { color: #000;padding-top: 3px; padding-bottom: 3px;}

.clinibooks-timeline { position: relative; display: table; height: 100%;}
.clinibooks-timeline div:after {content: ''; width: 2px; position: absolute; top: .5rem; bottom: 0rem; left: 160px; z-index: 1; background: #dc4fad; }
.clinibooks-timeline h3 { position: -webkit-sticky; position: sticky; top: 5rem; font-size: 1em;}
.clinibooks-timeline section.year { position: relative; }
.clinibooks-timeline section.year:first-child section { margin-top: -1.75em; padding-bottom: 0px; }
.clinibooks-timeline section.year section { position: relative; padding-bottom: 1.25em; margin-bottom: 2.2em; }
.clinibooks-timeline section.year section ul { list-style-type: none; padding: 0 0 0 175px; margin: -1.75rem 0 1em; font-size: 1em; }
.clinibooks-timeline section.year section ul:last-child { margin-bottom: 0; }
.clinibooks-timeline section.year section ul:first-of-type:after { content: ''; width: 10px; height: 10px; background: #0050ef; border: 2px solid #FFFFFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: absolute; left: 154px; top: 3px; z-index: 2; }
.clinibooks-timeline section.year section ul li { margin-left: .5rem; }
.clinibooks-timeline section.year section ul li:before { margin-left: -.5rem; padding-right: .3rem; }
.clinibooks-timeline section.year section ul li:not(:first-child) { margin-top: .5rem; }

@media screen and (min-width: 800px) {
    .clinibooks-timeline div:after { left: 260px; }
    .clinibooks-timeline section.year section ul { padding: 0 0 0 275px; }
    .clinibooks-timeline section.year section ul:first-of-type:after { left: 254px; }
}