body{
	font-family: Roboto;
	font-size: 12px;
}
.aside{
	position:fixed;
	top: 69px;
}
.x-panel .panel-heading{
	background:#fff;
	padding:12px 15px !important;
}
#container{
	top: 69px;
}
.d-flex{
	display:flex;
	   
}
.align-item{
	 -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.dashboard-widget-title{
	    color: #222222;
  
    font-family: Roboto; 
    font-size: 17px;
    font-weight: 600;
     letter-spacing: 0.3px; 
margin: 0px;}

.br{
	border-right:1px solid #ddd;
}

.pl-40{
	padding-left:40px !important;
}

.g-0.row{
	margin:0px;
}
.g-0.row>.col{
	padding:0px;
}

/*  ul.reports-issued li{
	border-left:1px solid #ddd;
}
ul.reports-issued li:first-child{
	border-left:none;
}  */
ul.reports-issued li h5{
	font-size:12px;
	text-transform:uppercase;
}

 .icon-bg-1 {
    font-size:35px;
    float: right;   
	margin-top: 6px;
 
}
.shipment-sample{
	background-color: #0162e8 !important;
	color:white;
	    border-radius: 4px;

}
.shipment-sample h4{
	color:white;
	font-size:24px
}
.sample-title{
	    margin-bottom: 14px;
    font-size: 16px;
    margin-top: 0px;
}
.border-left {
    border-left: 1px solid #e3e8f7 !important;
}
.txt-info {
  
    color: #f24141 !important;
    font-weight: 700;
    font-size: 28px;

}
.bg-info-200{
	    background-color: #ab8ce4;
    color: rgba(0,0,0,0.8);
	padding: 0.5rem !important;
	margin-right: 1.4rem !important;
	border-radius: 4px !important;
	    margin-bottom: 9px;
}
.bg-info-300{
	    background-color: #26c6da;
    color: rgba(0,0,0,0.8);
	padding: 0.5rem !important;
	margin-right: 1.4rem !important;
	border-radius: 4px !important;
	    margin-bottom: 9px;
}
.bg-info-400{
	    background-color: #00c292;
    color: rgba(0,0,0,0.8);
	padding: 0.5rem !important;
	margin-right: 1.4rem !important;
	border-radius: 4px !important;
	    margin-bottom: 9px;
}
.info-200{
	    color: #ab8ce4;
		font-size: 22px;
    margin-top: 3px;
}
.info-300{
	    color: #26c6da;
		font-size: 22px;
    margin-top: 3px;
}

.info-400{
	       color: #00c292;
		   font-size: 22px;
    margin-top: 3px;
}
.clr-panel .panel-body{
	padding:0px;
}
.clr-widget{
	position:relative;
	padding:14px 20px;
	border:2px solid #fff;
	    border-radius: 4px;
		
}
.clr-widget .fs-sm{
	font-size:18px;
}
.clr-widget h4{
	margin-bottom:0px;
	font-size:24px;
}
.clr-widget .icon{
	height:60px;
	width:60px;
	position:absolute;
	right:20px;
	background:#fff;
	top:16px;
	text-align:center;
	font-size:30px;
	line-height:60px;
	border-radius:50%;
}

.bg-primary-transparent {
    background-color: #d9e8fc !important;    color: #0162e8 !important;
}
.bg-pink-transparent {
    background-color: #fee5f1 !important;
	color: #f10075 !important;
}
.align-item .fa {
	font-size:34px;
	color:white
}
.align-item label {
	font-weight:400
}


.icon-bg.pending {
 
  float: right;
  background-size: 100% 100%;
  height: 100px;
  position: absolute;
  right: 35px;
  top: 26px;
  width: 100px;
}
.onway-icon
{

  float: right;
  background-size: 100% 100%;
  height: 100px;
  position: absolute;
  right: 35px;
  top: 26px;
  width: 100px;
}
.icon-bg.process {

  float: right;
  background-size: 100% 100%;
  height: 100px;
  position: absolute;
  right: 35px;
  top: 26px;
  width: 100px;
}
.icon-bg.patients {
 
  float: right;
  background-size: 100% 100%;
  height: 100px;
  position: absolute;
  right: 35px;
   top: 26px;
  width: 100px;
}
.icon-bg.sample-icon {
 
  float: right;
  background-size: 100% 100%;
  height: 100px;
  position: absolute;
  right: 35px;
   top: 26px;
  width: 100px;
}
.icon-bg.sample-nrl {

  float: right;
  background-size: 100% 100%;
  height: 100px;
  position: absolute;
  right: 35px;
   top: 26px;
  width: 100px;
}
.icon-bg.total-test {

  float: right;
  background-size: 100% 100%;
  height: 100px;
  position: absolute;
  right: 35px;
  top: 26px;
  width: 100px;
}
.icon-bg {
  
  float: right;
  background-size: 100% 100%;
  height: 100px;
  position: absolute;
  right: 20px;
  top: 26px;
  width: 100px;
}
.icon-bg.onway-icon {

  float: right;
  background-size: 100% 100%;
  height: 100px;
  position: absolute;
  right: 35px;
   top: 26px;
  width: 100px;
}
.shipped_rec{
	background-color: #888C8D;
    color: #fff;
}
.Nshipped_rec{
	background: linear-gradient(to bottom, #e05b49 0%, #d13960 100%);
}
.sit_rec{
	background-color: #e5ec0e;color: #795F5F;
}
.icon-bg i {
  font-size: 36px;
  float: right;
  margin-top: 20px;
  color: #ffffff75;
}
.content-sec .section-title{
	margin-bottom:0px;
	display:block;
}
.content-sec .section-title h1, .content-sec .section-title h2{
	font-size:18px;
	margin:0px 0px 10px 0px;
}

.main-widget{
	border-radius: 6px;
	background:#fff;
	padding:10px;
	display:block;
	width:100%;
	position:relative;
	margin-bottom:20px;
}
.main-widget .icon-bg{
	height:70px;
	width:70px;
	top:10px;
	right:10px;
}
.main-widget .widget-text{
	min-height:70px;
	display:block;
	padding-top:10px;
}
.main-widget .widget-text .widget-title{
	float:none;
	margin:0px 0px 10px 0px;
	font-size:16px;
}
.main-widget .widget-text p{
	float:none;
	margin:0px;
	color: #dc4b4bd9;
	font-family: Roboto;
	font-size: 30px;
	font-weight:700;
}

.outer-bg-icon .widget {
  float: left;
  margin-top: 15px;
  padding: 26px 1px;
  width: 100%;
}
.message-list a i,
.notification-list a i,
.activity-list a i {
  display: block;
  text-align: center;
}
.custom-dropdowns .dropdown:last-child > a > span {
  position: absolute;
  right: 20px;
  top: -10px;
}
.radio,
.checkbox {
  margin-top: 20px;
}
.SubTitle {
  float: left;
  font-family: Roboto;
  margin: 17px 0 0;
  padding: 0 15px;
  width: 100%;
}
.month-filter {
  display: inline-block;
}
a.small,
input[type="submit"].small,
button.small {
  font-size: 14px;
  padding: 7px 14px;
  border-radius: 4px;
  margin-right: 3px;
}
.panel-heading {
  
  padding: 12px 0px !important;
}
.btn:first-child {
  margin-right: 10px;
}
.panel-heading form {
  margin: 0;
}
#text-search {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;

  float: left;
  font-family: Roboto;
  height: 31px;
  letter-spacing: 0.3px;
  padding: 0 15px;
  width: 100%;
}
.button-row {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
}
.c-btn {
  float: none;
}
.month-filter .input-style,
.month-filter .input-style-select {
  margin-right: 11px;
  line-height: 30px;
  padding: 0px 15px;
  border-radius: 5px;
}
.input-text {
  box-shadow: none !important;
  float: left;
  font-family: Roboto;
  height: 31px;
  letter-spacing: 0.3px;
  padding: 0 15px;
  width: 100%;
}
.pagination {
  margin: 0;
}
.stepContainer {
  margin: 0;
}
.StepTitle,
.StepTitle2 {
     margin-bottom: 1px;
  margin-top: 20px;
}
.div-height .discrpt {
  margin: 10px 0;
}
.forms-button {
  display: block;
  clear: both;
  text-align: center;
}
.panel-bottom {
  display: flex;
  justify-content: flex-end;
  background: none repeat scroll 0 0 #efefef;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  color: #333333;
  float: left;
  font-family: roboto;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0.3px;
  padding: 17px 0px 11px;
  width: 100%;
}
div.dataTables_info {
  padding: 17px 30px 10px !important;
}
div.dataTables_paginate {
  padding: 10px 30px 10px !important;
}
.dataTables_length,
.dataTables_filter {
  padding: 17px 30px 10px !important;
}
.panel-default {
  clear: both;
}
.top-gap {
  margin-bottom: 10px;
}
.dl-horizontal dt {
  text-align: left;
}
*::-webkit-input-placeholder {
  color: #cecece !important;
}
*:-moz-placeholder {
  /* FF 4-18 */
  color: #c3c3c3 !important;
}
*::-moz-placeholder {
  /* FF 19+ */
  color: #c3c3c3 !important;
}
*:-ms-input-placeholder {
  /* IE 10+ */
  color: #c3c3c3 !important;
}
.content {
  padding: 0px 0px 0px 15px;
}
.account-form > fieldset > input[type="password"] {
  margin-left: 16px;
}
.account-form > fieldset > input {
  padding: 15px 0px;
  width: 80%;
}
.widget > h2.StepTitle {
  padding: 0 !important;
}
#image_file {
  margin: 6px 0;
  height: 30px;
}
.custom-dropdown:last-child {
  margin: 0;
}
.custom-dropdown .c-btn {
  margin-right: 4px;
}
table.dataTable th,
table.dataTable td {
  /* white-space: nowrap; */
}
.table-striped tbody > tr:nth-child(2n + 1) > td,
.table-striped tbody > tr:nth-child(2n + 1) > th {
  background-color: transparent;
}
.work-progress-table .table td label {
  font-weight: 400;
}
.work-progress-table .table td input[type="radio"],
.work-progress-table .table td input[type="checkbox"] {
  margin: 3px 5px 0 0;
}
table.dataTable.dtr-inline.collapsed tbody td:first-child::before,
table.dataTable.dtr-inline.collapsed tbody th:first-child::before {
  top: 13px;
}
.widgets-row {
  margin-top: 4px;
}
.progress-top-margin {
  margin-top: 19px !important;
}
.live-visitor > .progress {
  height: 4px;
}
/*progress bar*/
#circle-progressbar,
#circle-progressbar1,
#circle-progressbar2 {
  width: 50px;
  height: 50px;
  display: inline-block;
}

#circle-progressbar > svg,
#circle-progressbar1 > svg,
#circle-progressbar2 > svg {
  width: 100%;
  display: block;
}
.progressbar__label {
  left: 80% !important;
}
.widget-content-p {
  color: white;
  font-family: Roboto;
  font-size: 21px;
  font-weight: 900;
  line-height: 25px;
  margin: 0;
  display: inline-block;
  float: none;
  width: auto;
  vertical-align: top;
  padding: 11px 0px 4px 0px;
  position: absolute;

}
.logo a {
  font-size: 12px;
  font-weight: bold;
}
.logo a img {
  width: 210px;
  padding: 3px 0px 0px 4px;
}
.text-shdw {
  text-shadow: 2px 2px 2px #333;
}
/* .icon-bg {
    position: absolute;
    opacity: 0.2;
    display: inline-block;
    right: 15px;
    top: 45px;
    line-height: 100px;
    font-size: 150px;
    height: auto;
    width: auto;
} */
.outer-bg-icon {
  position: relative;
  overflow: hidden;
}
.nav-profile span img {
  height: 100%;
  width: 100%;
}
.t_center_middle thead tr th {
  text-align: center;
  vertical-align: middle;
}
table.table-bordered th:last-child,
table.table-bordered td:last-child {
  border-right: 1px solid #ddd;
}

.inline-form > input:focus,
.inline-form > textarea:focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #595e64 !important;
  opacity: 0.9 !important;
}
.inline-form > input:focus::-moz-placeholder,
.inline-form > textarea:focus::-moz-placeholder {
  color: #595e64 !important;
  opacity: 0.9 !important;
}

.inline-form > input:focus:-ms-input-placeholder,
.inline-form > textarea:focus:-ms-input-placeholder {
  color: #595e64 !important;
  opacity: 0.9 !important;
}

.inline-form > input:focus::-webkit-input-placeholder,
.inline-form > textarea:focus::-webkit-input-placeholder {
  color: #595e64 !important;
  opacity: 0.9 !important;
}
/* Start for add patient form ATN research */
.inline-form .line_item{
	display:flex;
	flex-direction:row;
}
.inline-form .line_item p{
	  line-height: 43px;
  width: auto;
  padding: 0 0 0 5px;
  color:#000;
}
.inline-form .line_item input{
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  color: #000000;
  float: left;
  font-family: Roboto;
  font-size: 13px;
  height: 23px;
  letter-spacing: 0.3px;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 0 20px 0 0;
  width: 100%;  
}
/* END */	 
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333 !important;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
input::-moz-placeholder {
  color: inherit;
  opacity: 1;
  color: #595e64;
}

input:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
  color: #595e64;
}

input::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
  color: #595e64;
}
.print th,
.print td {
  border: 1px solid #000 !important;
}
.print th:last-child,
.print td:last-child {
  border-right: 2px solid #000 !important;
}
/*
.table-striped.print tbody > tr  > td{
width:250px;
height:46px;
padding:2px 5px;
}*/

.table-bordered.print1 {
  width: 842px;
  max-width: 842px;
}
.table-bordered.print1 tr td > div {
  overflow: hidden;
  height: 56px;
  /*max-width:50px;*/
}
.table-striped.table-bordered.print1 tbody > tr > td,
.table-striped.table-bordered.print1 tbody > tr > th {
  padding: 2px 5px;
}

.print.print2 th,
.print.print2 td {
  border: none !important;
}
.work-progress-table.work-content .table.print2,
.work-progress-table.work-content .table.print2 {
  border-color: rgba(0, 0, 0, 0.7);
}
.work-progress-table.work-content .table.print2 th,
.work-progress-table.work-content .table.print2 td {
  padding: 2px 5px;
}

.work-progress-table.work-content .table.print .border-left {
  border-left: 1px solid rgba(0, 0, 0, 0.7) !important;
}
.work-progress-table.work-content .table {
  margin: 0 0 18px 0;
}

.paddingnone {
  padding: 0;
}
.work-progress-table.work-content .table.print2 td.paddingnone {
  padding: 0;
}
.top-border {
  border-top: 1px solid #000;
}