body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:transparent;
	height: 100%;
}

html { 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.outerContainer {
	width: 100%;
	margin: 0 auto;
}

.LoginContainer {
	width: 100%;  
	min-height: 100vh;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 15px;
}

.Login-content {
	width: 600px;
}


.row-margin-zero{
	margin-left:0 !important;
	margin-right:0 !important;
}

.login-header{
	width: 100%;
	background-color: #2D93C3;
	position: fixed;
	top: 0;
	z-index: 9;
}

.IndiciLogo {
    float: left;
    height: 55px;
	padding:7px 0 7px 15px;
}

.footer-container{
	width: 100%;
	height:45px;
    background-color: #455e77;
    position: fixed;
    bottom: 0;
	padding: 10px 0px;
	z-index:1;
	left:0;
}

.pinacleLogocontainer{
	width:20%;
	float:left;
}
.pinacleLogo{
    height: 32px;
    float: left;
	padding-left:15px;
}

.versioncontainer{
	width: 100%;
    float: left;
    color: #fff;
    text-align: center;
    font-size: 12px;
    padding-top: 5px;
    height: 25px;
}

.ValentiaLogoContainer{
	width:20%;
	float:right;
}

.valentiaLogo{
	height: 32px;
	float:right;
	padding-right:15px;
}

.login-inner-container{
	width:500px;
	margin:0 auto;
	padding:15px 0;
}


.loginInput {
    height: 50px;
    width: 100%;
    border: 1px solid lightgrey;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    font-size: 16px;
    padding: 10px;
    color: #70798E;
}
.loginButton {
    cursor: pointer;
    font-size: 16px;
    background: #0d9dd8;
    border-radius: 8px;
    height: 50px;
    width: 100%;
    border: none;
    font-weight: 300;
    color: white;
}

.loginButton:hover {
    background: #00A1DE;
}

.forgotText{
	color:#fff;
	cursor:pointer;
}

.forgotText:focus{
	color:#fff;
}

.forgotText:hover {
    color: #C6E9FB;
    text-decoration: underline;
}

.fancy {
    line-height: 0.5;
    text-align: center;
}
.subtitle {
    margin: 0 0 2em 0;
}

.fancy span:before {
    right: 100%;
    margin-right: 15px;
}

.fancy span:before, .fancy span:after {
    content: "";
    position: absolute;
    /* height: 5px; */
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    top: 5px;
    width: 170px;
}

.fancy span:after {
    left: 100%;
    margin-left: 15px;
}

.fancy span {
    display: inline-block;
    position: relative;
	color:#fff;
}

.loginButton-microsoft {
    cursor: pointer;
    font-size: 16px;
    background: #2672EC;
    border-radius: 8px;
    height: 50px;
    width: 100%;
    border: none;
    font-weight: 300;
    color: white;
}

.forgetmodalHeading{
	color: #3186c1 !important;
    font-size: 24px !important;
    font-weight: normal !important;
}

.modal-body, .modal-content{
	width:100%;
	float:left;
}

.panel-inner-container{
	width:100%;
	float:left;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
	padding:15px 0;
}

.button-margin-left{
	margin-left:5px;
}

.forget-modal-buttons{
	background-color: #337ab7;
    height: 35px;
    padding: 3px 19px 3px 18px;
    width: 85px;
    border: none;
    color: white;
	border-radius: 4px;
}

.col-padding-zero{
	padding-left:0 !important;
	padding-right: 0 !important;
}
.margin-bottom-ten{
	margin-bottom:10px;
}

.label-text-blue{
	color:#3186c1;
    display: inline-block;
    max-width: 100%;
    font-weight: 700;
	font-weight:normal;
}








@media screen and (max-width: 600px) {
	
	.Login-content {
    	width: 400px;
	}
	
	.pinacleLogocontainer{
		width:30%;
	}
	
	.ValentiaLogoContainer{
		width:30%;
	}
	.versioncontainer{
		width:40%;
		padding-top:0;
		}
}

@media screen and (max-width: 586px) {
	
	.fancy span:before, .fancy span:after {
    	width: 120px;
	}
}
@media screen and (max-width: 460px) {
	.pinacleLogo {
    	height: 25px;
		margin-top: 5px;
	}
	.valentiaLogo {
    	height: 25px;
		margin-top: 5px;
	}
}

@media screen and (max-width: 400px) {
	
	.Login-content {
    	width: 300px;
	}
	
	.fancy span:before, .fancy span:after {
    	width: 80px;
	}
}


@media screen and (max-width: 390px) {
	.versioncontainer{
		font-size:11px;
	}
	.pinacleLogo {
    	
		margin-top: 0px;
	}
	.valentiaLogo {
    	
		margin-top: 0px;
	}
}

@media screen and (max-width: 364px) {
	.pinacleLogocontainer {
    width: 25%;
}
	.versioncontainer {
    width: 50%;;
}
	.ValentiaLogoContainer {
    width: 25%;
}
.pinacleLogo {
    height: 25px;
}
}


@media screen and (max-width: 300px) {
	
	.Login-content {
    	width: 200px;
	}
}
.forgotimg-container {
width: 100%;
    /* height: 150px; */
    background-color: transparent;
    margin-bottom: 55px;
    text-align: left;
    font-size: 70px;
    margin-top: 8px;
    color: #28a6d4;
}
.forgotimg-txt {
    font-size: 15px;
    line-height: 22px;
    float: left;
    margin-top: -16px;
    font-family: Arial;
    color: #8f8f8f;
    width: 100%;
}
.label-text-blue{
color: #3186c1;
    display: inline-block;
    max-width: 100%;
    padding-top: 6px !important;
    font-size: 14px !important;
}
.popupbutton-top {
    border-top: 1px solid #ececec;
    margin-top: 25px;
}
.button-margin-left{
	margin-left:5px;
}
.buttoncommon {
    outline: 0;
    margin: .375rem;
    color: #fff;
    word-wrap: break-word;
    white-space: normal;
    cursor: pointer;
    border: 0px !important;
    border-radius: 5px !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding: 8px 15px !important;
    margin-right: 0px;
    margin-top:16px;
    margin-bottom: 2px;
}
.popup-cancelbutton {
    border: 1px solid #5cb85c !important;
    background-color: #5cb85c !important;
    color: #fff !important;
}
.popup-submitbutton {
    border: 1px solid #409b40 !important;
    background-color: #409b40 !important;
    color: #fff !important;
}
    .popup-submitbutton:hover {
    background-color: #5cb85c !important;
    }
	/*.form-control {
    height: 36px !important;
}*/
.form-control {
    border-radius: 4px !important;
    color: #70798E !important;
    font-size: 15px !important;
    padding-top: 4px !important;
	border: 1px solid #e5e5e5;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
}
.btn {
    display: inline-block;
    padding: 8px 13px;
	cursor:pointer;
	}
	.searchtop
	{
	float: right;
    background-color: #fff;
    width: 250px;
    height: 42px;
    border-radius: 5px;
    margin-top: 6px;
    padding-top: 3px;
    padding-left: 0px;
    margin-right: 17px;
	}
.search-container button {
  float: right;
  padding: 5px 10px;
  margin-top: 0px;
  margin-right: 1px;
  background: #fff;
  font-size: 17px;
  border: none;
  cursor: pointer;
  outline:none;
}
.searchfield
{
height: 36px;
    width: 200px;
    border: 0px;
    padding-left: 11px;
	outline:none;
}
.midarea-container
{
width:100%;
margin-top: 55px;
}
.sidenav {
height: 100%;
    width: 160px;
    position: fixed;
    z-index: 1;
    left: 0;
    background-color: #e7edf1;
    overflow-x: hidden;
    padding-top: 20px;
	border-right:1px soild #cad8e1;
/*    webkit-box-shadow: 3px 0px 4px 0px rgba(0,0,0,0.09);
    -moz-box-shadow: 3px 0px 4px 0px rgba(0,0,0,0.09);
    box-shadow: 3px 0px 4px 0px rgba(0,0,0,0.09);*/
}

.sidenav a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.main {
margin-left: 160px;
    margin-bottom: 45px;
    padding-top: 1px;
    padding-left: 20px;
    padding-right: 20px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
.mainheading
{
    margin-bottom: 12px;
    color: #337ab7;
    padding-left: 0px;
    padding-top: 10px;
    font-size: 22px;
    font-weight: bold;
    /* background-color: #fff; */
    padding-bottom: 9px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
tbody tr:hover
{
background-color:#f5f5f5;
}
.pharmacist-img
{
width: 120px;
    height: 120px;
    border-radius: 80px;
    border: 1px solid #ccc;
    margin: auto;
	margin-bottom: 15px;
}
.profilepiccontainer
{
width:120px;
height:120px;
margin:auto;
}
.pharmacistname
{
text-align:center;
font-size:19px;
}
.table-responsive
{
background-color:#fff;
}
.tblicon
{
margin-right: 10px;
    margin-bottom: 2px;
    margin-top: 2px;
	cursor:pointer;
}
.tbltd
{
padding-top:12px !important;
}
#timelineleft{
	width:300px;
    height: 100%;
    float:left;
}
#timelineright{
    height: 100%;
    width: 766px;
    float: left;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 600px;
}
.yearpanel
{
width:63px;
float:left;
}
.monthpanel
{
width:61px;
float:left;
}
.datepanel
{
width: 165px;
    float: left;
    border: 1px solid #e5e5e5;
    padding: 6px;
    padding-top: 0px;
    margin-bottom: 6px;
    border-radius: 4px;
}
.datepanel:hover
{
background-color:#efefef;
}
.datepanel-select
{
background-color:#efefef;
}
.inboxhighlight
{
background-color: #e4e5e6;
}
.yearcalen
{
height: 34px;
    border: 1px solid #0288d1;
    float: left;
    background-color: #fff;
    color: #0288d1;
    text-align: center;
    font-weight: normal;
    padding-top: 6px;
    border-radius: 4px;
    margin-bottom: 6px;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
	margin-right:5px;
}
.yearcalen-select
{
height: 34px;
    background-color: #0288d1;
    color: #fff;
    border: 1px solid #0288d1;	
    float: left;
    text-align: center;
    font-weight: normal;
    padding-top: 6px;
    border-radius: 4px;
    margin-bottom: 6px;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
	margin-right:5px;
}
.yearcalen:hover
{
background-color: #e9e9e9;
    color: #6b6b6b;
    border: 1px solid #e9e9e9;
}
.yearselec
{
    background-color: #0288d1;
    color: #fff;
    border: 1px solid #0288d1;	
}
.yearselecbutton
{
    height: 34px;
    float: left;
    text-align: center;
    font-weight: normal;
    padding-top: 6px;
    border-radius: 4px;
    margin-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
	margin-right:5px;
	background-color: #bababa;
    color: #fff;
    border: 1px solid #bababa;
}
.monthcalen
{
height: 34px;
    float: left;
    color: #6b6b6b;
    text-align: center;
    font-weight: normal;
    padding-top: 6px;
    border-radius: 4px;
    margin-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #eee;
    margin-right: 3px;
    min-width: 52px;
	cursor:pointer;
}
.monthcalen:hover
{
	background-color:#e9e9e9;
}
.monthcalen-select
{
    color: #fff !important;
	background-color:#0288d1;
	height: 34px;
    float: left;
    text-align: center;
    font-weight: normal;
    padding-top: 6px;
    border-radius: 4px;
    margin-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #eee;
    margin-right: 3px;
    min-width: 52px;
	cursor:pointer;
}
.daycalen
{
width: 124px;
    height: 22px;
    float: left;
    color: #1877a2;
    text-align: left;
    font-weight: normal;
    padding-top: 4px;
    border-radius: 4px;
    margin-bottom: 2px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.darkgreencolor
{
color:green !important;
}
.blackcolor
{
color:#000;
}
.greencolor
{
color:#4ebdd1;
}
.graycolor
{
color:#5d5d5d;
}
.timeline-detail {
 padding:3rem 0
}
#timeline {
 margin-bottom:1rem
}
[class*=timeline-status-] p {
 margin:0;
 font-size:1.1rem;
 color:#fff;
 text-transform:uppercase;
 text-align:center
}
[class*=timeline-status-] {
 padding:1.6rem 0
}
.timeline-status-intransit {
 background-color:#65aee0
}
.timeline-status-outfordelivery {
 background-color:#f5a551
}
.timeline-status-deliveryoffice {
 background-color:#f7dc6f
}
.timeline-status-delivered {
 background-color:#4cbb87
}
.timeline-status-attemptfail {
 background-color:#b789c7
}
.timeline-status-error,.timeline-status-exception {
 background-color:#d26759
}
.timeline-status-expired {
 background-color:#616e7d
}
.timeline-status-pending {
 background-color:#ccc
}
.timeline-status-inforeceived {
 background-color:#214977
}
.timeline-list {
 border:1px solid #e5e5e5;
 border-radius: 4px;
}
.timeline-item {
 border-left:1px solid #e5e5e5;
 position:relative;
 padding:2rem 1.5rem .5rem 2.5rem;
 font-size:.9rem;
 margin-left:3rem;
 min-height:78px;
}
.timeline-item:last-child {
 padding-bottom:4rem
}
.timeline-item .timeline-date {
 margin-bottom:.5rem
}
.timeline-item .timeline-date span {
 color:#337ab7;
 font-size:85%;
 padding-left:.4rem
}
.timeline-item .timeline-content {
 padding:.5rem .8rem;
 background-color:#f4f4f4;
 border-radius:.5rem;
 font-size:14px;
}
.timeline-item .timeline-content span {
 display: block;
    color: #000;
    font-size: 12px;
    letter-spacing: .3px;
}
.timeline-item .timeline-icon {
 line-height:18px;
 position:absolute;
 left:-27px;
 width: 50px;
 height: 50px;
 text-align:center;
 border-radius:50%;
 font-size:1.1rem;
 background-color:#0288d1;
 color:#fff
}
.timeline-item .timeline-icon.status-sponsored {
 background-color:#f68
}
.timeline-item .timeline-icon.status-delivered {
 background-color:#4cbb87
}
.timeline-item .timeline-icon.status-outfordelivery {
 background-color:#f5a551
}
.timeline-item .timeline-icon.status-deliveryoffice {
 background-color:#f7dc6f
}
.timeline-item .timeline-icon.status-attemptfail {
 background-color:#b789c7
}
.timeline-item .timeline-icon.status-exception {
 background-color:#d26759
}
.timeline-item .timeline-icon.status-inforeceived {
 background-color:#214977
}
.timeline-item .timeline-icon.status-intransit {
 color: #fff;
    border: 1px solid #0288d1;
    font-size: 15px;
    padding-top: 8px;
}
@media(min-width:992px) {
 .timeline-item {
  margin-left:215px;
 }
 .timeline-item .timeline-date {
  position: absolute;
    left: -200px;
    width: 155px;
    text-align: right;
    font-size: 14px;
 }
 .timeline-item .timeline-date span {
  display:block
 }
 .timeline-item .timeline-content {
  padding:0;
  background-color:transparent;
  padding-left: 10px;
 }
}
.timepm
{
font-size: 13px;
    color: #bce7ff;
	}
.timelineicon {
    margin-right: 0px;
    margin-bottom: 0px;
    margin-top: 3px;
}
.timelinefilter-heading
{
font-size: 18px !important;
    color: #337ab7 !important;
    font-weight: bold;
}
@media (min-width: 768px)
{
.modal-xl {
    width: 90%;
    max-width: 1100px;
}
}
.eventfilter-container
{
width: 100%;
    height: 35px;
    float: left;
    margin-bottom: 10px;
}
.filterbottom-border
{
border-bottom: 1px solid #e5e5e5;
    margin-bottom: 25px;
	padding-bottom: 44px;
}
.lnkselect
{
height: 34px;
    float: left;
    text-align: center;
    font-weight: normal;
    padding-top: 6px;
    border-radius: 4px;
    margin-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
color: #6b6b6b;
}
.formtitle
{
color: #337ab7;
    font-size: 14px;
    float: left;
    width: 15%;
	font-weight: normal;
}
.textareaform
{
width: 85%;
    float: right;
    resize: none;
    height: 85px;
    border: 1px solid #e5e5e5;
    margin-bottom: 15px;
    border-radius: 4px;
    padding: 8px;
}
.precriptionform
{
float:left;
width:100%;
margin-bottom:15px;
}
.formbutton-container
{
width:100%;
float:left;
margin-bottom:20px;
}
.frmgrp
{
width: 32.3%;
    float: left;
    margin-right: 1%;
}
.fieldgrp
{
width: 33.3%;
    float: left;
}
.datepicker {
  border-radius: 4px;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker-rtl {
  direction: rtl;
}
.datepicker-rtl.dropdown-menu {
  left: auto;
}
.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
  padding: 4px;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.15);
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid rgba(0, 0, 0, 0.15);
}
.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #777777;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}
.datepicker table tr td.highlighted {
  color: #000;
  background-color: #d9edf7;
  border-color: #85c5e5;
  border-radius: 0;
}
.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.focus {
  color: #000;
  background-color: #afd9ee;
  border-color: #298fc2;
}
.datepicker table tr td.highlighted:hover {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}
.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}
.datepicker table tr td.highlighted:active:hover,
.datepicker table tr td.highlighted.active:hover,
.datepicker table tr td.highlighted:active:focus,
.datepicker table tr td.highlighted.active:focus,
.datepicker table tr td.highlighted:active.focus,
.datepicker table tr td.highlighted.active.focus {
  color: #000;
  background-color: #91cbe8;
  border-color: #298fc2;
}
.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.highlighted.focus {
  background-color: #d9edf7;
  border-color: #85c5e5;
}
.datepicker table tr td.highlighted.focused {
  background: #afd9ee;
}
.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
  background: #d9edf7;
  color: #777777;
}
.datepicker table tr td.today {
  color: #000;
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today:focus,
.datepicker table tr td.today.focus {
  color: #000;
  background-color: #ffc966;
  border-color: #b37400;
}
.datepicker table tr td.today:hover {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today.active {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}
.datepicker table tr td.today:active:hover,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today.active.focus {
  color: #000;
  background-color: #ffbc42;
  border-color: #b37400;
}
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.today.focus {
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today.focused {
  background: #ffc966;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
  background: #ffdb99;
  color: #777777;
}
.datepicker table tr td.range {
  color: #000;
  background-color: #eeeeee;
  border-color: #bbbbbb;
  border-radius: 0;
}
.datepicker table tr td.range:focus,
.datepicker table tr td.range.focus {
  color: #000;
  background-color: #d5d5d5;
  border-color: #7c7c7c;
}
.datepicker table tr td.range:hover {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}
.datepicker table tr td.range:active,
.datepicker table tr td.range.active {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}
.datepicker table tr td.range:active:hover,
.datepicker table tr td.range.active:hover,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range.active:focus,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range.active.focus {
  color: #000;
  background-color: #c3c3c3;
  border-color: #7c7c7c;
}
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.focus {
  background-color: #eeeeee;
  border-color: #bbbbbb;
}
.datepicker table tr td.range.focused {
  background: #d5d5d5;
}
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
  background: #eeeeee;
  color: #777777;
}
.datepicker table tr td.range.highlighted {
  color: #000;
  background-color: #e4eef3;
  border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.focus {
  color: #000;
  background-color: #c1d7e3;
  border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted:hover {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active:hover,
.datepicker table tr td.range.highlighted.active:hover,
.datepicker table tr td.range.highlighted:active:focus,
.datepicker table tr td.range.highlighted.active:focus,
.datepicker table tr td.range.highlighted:active.focus,
.datepicker table tr td.range.highlighted.active.focus {
  color: #000;
  background-color: #a8c8d8;
  border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
  background-color: #e4eef3;
  border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted.focused {
  background: #c1d7e3;
}
.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
  background: #e4eef3;
  color: #777777;
}
.datepicker table tr td.range.today {
  color: #000;
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.focus {
  color: #000;
  background-color: #f4b747;
  border-color: #815608;
}
.datepicker table tr td.range.today:hover {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active:hover,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today.active:focus,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today.active.focus {
  color: #000;
  background-color: #f2aa25;
  border-color: #815608;
}
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.today.focus {
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
  background: #f7ca77;
  color: #777777;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
  color: #fff;
  background-color: #777777;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.focus {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #161616;
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}
.datepicker table tr td.selected:active:hover,
.datepicker table tr td.selected.highlighted:active:hover,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.highlighted.active:hover,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected.highlighted:active:focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected.highlighted.active:focus,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected.highlighted:active.focus,
.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected.highlighted.active.focus {
  color: #fff;
  background-color: #4c4c4c;
  border-color: #161616;
}
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
  background-color: #777777;
  border-color: #555555;
}
.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #777777;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .prev.disabled,
.datepicker .next.disabled {
  visibility: hidden;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.input-daterange {
  width: 100%;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  line-height: 1.42857143;
  text-shadow: 0 1px 0 #fff;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}

	.logouttop
	{
	float: right;
    margin-top: 0px;
    margin-right: 0px;
    cursor: pointer;
    background-color: #1e7fab;
    height: 55px;
    width: 120px;
    padding-top: 9px;
    text-align: right;
    padding-right: 10px;
	}
	.modelheight
	{
	height: 335px;
	}
	.alertbut
	{
	margin-top: 37px;
    padding-right: 18px !important;
	}
	.listcallicon
	{
	color:#2d93c3;
    padding-right: 5px;
    margin-top: 3px;
    float: left;
	}
	.miciconblue
	{
	color:#0288d1; 
	font-size:16px !important;
	padding-top: 2px;
	}
		.miciconblue1
	{
	color:#0288d1; 
	font-size:16px !important;
	padding-top: 2px;
	}
		.miciconblue2
	{
	color:#0288d1; 
	font-size:16px !important;
	padding-top: 2px;
	}
		.miciconblue3
	{
	color:#0288d1; 
	font-size:16px !important;
	padding-top: 2px;
	}
		.miciconblue4
	{
	color:#0288d1; 
	font-size:16px !important;
	padding-top: 2px;
	}
	.miciconred
	{
	color:#ba0000; 
	font-size:16px !important;
	padding-top: 2px;
	}
	.timeline-container
	{
	float:left;
	width:100%;
	}
	
	.inbox .inbox-menu ul {
    margin-top: 0px;
    padding: 0;
    list-style: none
}

.inbox .inbox-menu ul li {
    height: 40px;
    padding: 5px 0px;
    position: relative;
    padding-top: 10px;
    padding-left: 13px;
}

.inbox .inbox-menu ul li:hover,
.inbox .inbox-menu ul li.active {
    background: #e4e5e6
}

.inbox .inbox-menu ul li.title {
    margin: 20px 0 -5px 0;
    text-transform: uppercase;
    font-size: 10px;
    color: #d1d4d7
}

.inbox .inbox-menu ul li.title:hover {
    background: 0 0
}

.inbox .inbox-menu ul li a {
    display: block;
    width: 100%;
    text-decoration: none;
    color: #3d3f42;
	font-size: 16px;
}

.inbox .inbox-menu ul li a i {
    margin-right: 10px
}

.inbox .inbox-menu ul li a .label {
    position: absolute;
    top: 11px;
    right: 9px;
    display: block;
    min-width: 18px;
    height: 18px;
    padding: 4px;
}

.inbox ul.messages-list {
    list-style: none;
    margin: 15px -15px 0 -15px;
    padding: 15px 15px 0 15px;
    border-top: 1px solid #d1d4d7
}

.inbox ul.messages-list li {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    margin-bottom: 10px;
    padding: 10px
}

.inbox ul.messages-list li a {
    color: #3d3f42
}

.inbox ul.messages-list li a:hover {
    text-decoration: none
}

.inbox ul.messages-list li.unread .header,
.inbox ul.messages-list li.unread .title {
    font-weight: 700
}

.inbox ul.messages-list li:hover {
    background: #e4e5e6;
    border: 1px solid #d1d4d7;
    padding: 9px
}

.inbox ul.messages-list li:hover .action {
    color: #d1d4d7
}

.inbox ul.messages-list li .header {
    margin: 0 0 5px 0
}

.inbox ul.messages-list li .header .from {
    width: 49.9%;
    white-space: nowrap;
    overflow: hidden!important;
    text-overflow: ellipsis
}

.inbox ul.messages-list li .header .date {
    width: 50%;
    text-align: right;
    float: right
}

.inbox ul.messages-list li .title {
    margin: 0 0 5px 0;
    white-space: nowrap;
    overflow: hidden!important;
    text-overflow: ellipsis
}

.inbox ul.messages-list li .description {
    font-size: 12px;
    padding-left: 29px
}

.inbox ul.messages-list li .action {
    display: inline-block;
    width: 16px;
    text-align: center;
    margin-right: 10px;
    color: #d1d4d7
}

.inbox ul.messages-list li .action .fa-check-square-o {
    margin: 0 -1px 0 1px
}

.inbox ul.messages-list li .action .fa-square {
    float: left;
    margin-top: -16px;
    margin-left: 4px;
    font-size: 11px;
    color: #fff
}

.inbox ul.messages-list li .action .fa-star.bg {
    float: left;
    margin-top: -16px;
    margin-left: 3px;
    font-size: 12px;
    color: #fff
}

.inbox .message .message-title {
    margin-top: 30px;
    padding-top: 10px;
    font-weight: 700;
    font-size: 14px
}

.inbox .message .header {
    margin: 20px 0 30px 0;
    padding: 10px 0 10px 0;
    border-top: 1px solid #d1d4d7;
    border-bottom: 1px solid #d1d4d7
}

.inbox .message .header .avatar {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: 34px;
    width: 34px;
    float: left;
    margin-right: 10px
}

.inbox .message .header i {
    margin-top: 1px
}

.inbox .message .header .from {
    display: inline-block;
    width: 50%;
    font-size: 12px;
    margin-top: -2px;
    color: #d1d4d7
}

.inbox .message .header .from span {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #3d3f42
}

.inbox .message .header .date {
    display: inline-block;
    width: 29%;
    text-align: right;
    float: right;
    font-size: 12px;
    margin-top: 18px
}

.inbox .message .attachments {
    border-top: 3px solid #e4e5e6;
    border-bottom: 3px solid #e4e5e6;
    padding: 10px 0;
    margin-bottom: 20px;
    font-size: 12px
}

.inbox .message .attachments ul {
    list-style: none;
    margin: 0 0 0 -40px
}

.inbox .message .attachments ul li {
    margin: 10px 0
}

.inbox .message .attachments ul li .label {
    padding: 2px 4px
}

.inbox .message .attachments ul li span.quickMenu {
    float: right;
    text-align: right
}

.inbox .message .attachments ul li span.quickMenu .fa {
    padding: 5px 0 5px 25px;
    font-size: 14px;
    margin: -2px 0 0 5px;
    color: #d1d4d7
}

.inbox .contacts ul {
    margin-top: 30px;
    padding: 0;
    list-style: none
}

.inbox .contacts ul li {
    height: 30px;
    padding: 5px 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis!important;
    position: relative;
    cursor: pointer
}

.inbox .contacts ul li .label {
    display: inline-block;
    width: 6px;
    height: 6px;
    padding: 0;
    margin: 0 5px 2px 0
}

.inbox .contacts ul li:hover {
    background: #e4e5e6
}    
.inbox-menu
{
padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.compose-container
{
padding-right: 0px;
    padding-left: 0px;
    padding-top: 31px;
}
.control-label
{
text-align:left !important;
padding-right: 0px;
}
.submain
{
width: 135px;
    float: left;
}
.logouttext
{
float: left;
    color: #fff;
    font-size: 16px;
    padding-top: 6px;
    padding-left: 10px;
}
.logoutimg
{
width: 150px;
    height: 150px;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 25px;
}
.logoutpopuptxt
{
text-align:center;
font-size:16px;
color:#337ab7;
}
.calendicon
{
position: absolute;
    right: 0;
    z-index: 2;
    height: 36px;
    width: 36px;
    padding-top: 9px;
}
.date
{
width:100%;
}
.composemessage
{
margin-bottom: 8px;
    background-color: #0288d1;
    color: #fff;
    border-radius: 0px;
    border-color: #2d93c3;
    border-radius: 3px;
	font-weight:bold;
}
.composemessage:hover
{
color:#fff;
background-color:#1d80af;
}
.table-inbox {
    border: 1px solid #d3d3d3;
    margin-bottom: 0;
}
.table-inbox tr td {
    padding: 12px !important;
}
.table-inbox tr td:hover {
    cursor: pointer;
}
.table-inbox tr td .fa-star.inbox-started, .table-inbox tr td .fa-star:hover {
    color: #f78a09;
}
.table-inbox tr td .fa-star {
    color: #d5d5d5;
}
.table-inbox tr.unread td {
    background: none repeat scroll 0 0 #f7f7f7;
    font-weight: 600;
}
ul.inbox-pagination {
    float: right;
}
ul.inbox-pagination li {
    float: left;
}
.mail-option {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}
.mail-option .chk-all, .mail-option .btn-group {
    margin-right: 5px;
}
.mail-option .chk-all, .mail-option .btn-group a.btn {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #e7e7e7;
    border-radius: 3px !important;
    color: #afafaf;
    display: inline-block;
    padding: 5px 10px;
}
.inbox-pagination a.np-btn {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #e7e7e7;
    border-radius: 3px !important;
    color: #afafaf;
    display: inline-block;
    padding: 5px 15px;
}
.mail-option .chk-all input[type="checkbox"] {
    margin-top: 0;
}
.mail-option .btn-group a.all {
    border: medium none;
    padding: 0;
}
.inbox-pagination a.np-btn {
    margin-left: 5px;
}
.inbox-pagination li span {
    display: inline-block;
    margin-right: 5px;
    margin-top: 7px;
}
.fileinput-button {
    background: none repeat scroll 0 0 #eeeeee;
    border: 1px solid #e6e6e6;
}
.inbox-body .modal .modal-body input, .inbox-body .modal .modal-body textarea {
    border: 1px solid #e6e6e6;
    box-shadow: none;
}
.btn-send, .btn-send:hover {
    background: none repeat scroll 0 0 #00a8b3;
    color: #fff;
}
.btn-send:hover {
    background: none repeat scroll 0 0 #009da7;
}
.modal-header h4.modal-title {
    font-family: "Open Sans",sans-serif;
    font-weight: 300;
}
.modal-body label {
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
}
.barcodetop
{
float: right;
    margin-top: 3px;
    margin-right: 20px;
    margin-left: 5px;
}
.viewprescrip-container
{
width: 100%;
    min-height: 50px;
    margin-bottom: 15px;
    float: left;
    padding: 12px;
    padding-bottom: 5px;
	border:1px solid #e5e5e5;
 border-radius: 4px;
 box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.29);
}
.itemno
{
float: left;
    margin-bottom: 8px;
    width: 100%;
}
.prescribedate
{
position: absolute;
    right: 0;
    margin-right: 30px;
}
.nzflogo
{
position: absolute;
    right: 0;
    margin-right: 26px;
    margin-top: 22px;
}
.choosealterntive
{
position: absolute;
    right: 0;
    margin-right: 35px;
    margin-top: 78px;
}
.category
{
position: absolute;
    right: 0;
    margin-right: 29px;
    margin-top: 114px;
}
.despnecount
{
width:150px;
float:left;
}
.dispensetxt
{
color: #337ab7;
    font-weight: bold;
    padding-right: 10px;
    float: left;
    padding-top: 10px;
}
.dispensedigit
{
font-weight: normal;
    margin-right: 6px;
    /* border-radius: 5px; */
    background-color: #fff;
    border: 0px solid #ccc;
    padding: 0px;
    width: 130px;
    text-align: center;
    padding-left: 0px;
    font-size: 16px;
    float: left;
    background-color: #0288d1;
    color: #fff;
    border: 1px solid #0288d1;
    padding: 8px;
    border-radius: 5px;
}
.dispensefilter
{
background-color: #0288d1;
    color: #fff;
    border: 1px solid #0288d1;
    padding: 8px;
    border-radius: 5px;
}
.despensecontainer
{
float: left;
    width: 350px;
}
@media (max-width: 767px) {
.files .btn span {
    display: none;
}
.files .preview * {
    width: 40px;
}
.files .name * {
    display: inline-block;
    width: 80px;
    word-wrap: break-word;
}
.files .progress {
    width: 20px;
}
.files .delete {
    width: 60px;
}
}
ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
.checkboxtop
{
margin-top: 5px !important;

    margin-right: 6px !important;
    margin-left: 5px !important;
}
.topdropdown
{
top: 24px !important;
    margin-left: -38px;
}
}