﻿@charset "utf-8";
/* CSS Document */

body
	{font-family: 'Cabin', sans-serif !important;
	}



label{ font-size:14px;}
.form-control{ font-size:13px;}
.navbar-brand img {
	max-height: 52px!important;
	margin-bottom: 8%;
}
section.m-b-lg button {
	margin-bottom: 2%;
}
.bg-white {
	background-color: #15164a;
}
.navbar-header {
	background-color: #15164a;
}
.logo_main {
	margin-bottom: 0% !important;
}
button.btn.btn-sm.bg-white.b-white.btn-icon {
	background-color: #FFFFFF;
	width: 25px;
}
.m-l-n-xs {
	margin-left: 0px;
}
header ul li .topicon {
	font-size: 18px;
	/*color: #ddd !important;*/
}
/*header ul li a span{color:#fff !important; }*/
header ul li a:hover span{color:#3c4144 !important;}
header ul li :hover .topicon {
	color: #3c4144 !important;
}
.nav > li > a:focus {
	background-color: transparent!important;
}
.nav > li > a:hover {
	background-color: #f7f8fb!important;
}

.list-group-item span{  color:#333;}

/* Left side bar top patient profile */

.nav-xs .nav-primary > ul > li > a span i{ display:none !important;}
.nav-primary ul.nav > li > a i.fa.fa-plus{
  position: absolute;
  right: 10px;
  top: 11px;
  font-size: 18px;
 }
 
.nav-primary ul.nav > li > a{
		background-color:#15164a;
		border-bottom:1px solid #4c4c72;
		color:#fff;
	}
.nav-primary ul.nav > li > a:hover{
		background-color:#353786;	
}
.nav-primary ul.nav li ul li a
 {
	background-color:#f2f2f2;
	border-bottom:1px solid #e5e1e1;
	color:#7f7f7f;	
}
.nav-primary ul.nav li ul li a:hover{
	background-color:#353786 !important;
	color:#fff;	
}
	
	

	
.bg-black {	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#292a70+0,353786+100 */
	background: #292a70; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5MmE3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNTM3ODYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #292a70 0%, #353786 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#292a70), color-stop(100%,#353786)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #292a70 0%,#353786 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #292a70 0%,#353786 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #292a70 0%,#353786 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #292a70 0%,#353786 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292a70', endColorstr='#353786',GradientType=0 ); /* IE6-8 */
	/*box-shadow: 1px 1px 2px #e1e1e1;*/
}
.bg-black.dk, .bg-black .dk {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#292a70+0,353786+100 */
	background: #292a70; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5MmE3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNTM3ODYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #292a70 0%, #353786 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#292a70), color-stop(100%,#353786)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #292a70 0%,#353786 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #292a70 0%,#353786 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #292a70 0%,#353786 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #292a70 0%,#353786 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292a70', endColorstr='#353786',GradientType=0 ); /* IE6-8 */
}
.profile_pic {
	float: left;
	width: 20%;
}
.profile_data {
	float: right;
	width: 77%;
	color:#fff;
}

.profile_data h2 {
	font-size: 13px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
}
.profile_data h2:first-child {
	margin: 0px;
}
.profile_data p {
	margin: 0px;
	color:#fff;
}
.famale_avatar{
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  width: 26px;
  height: 33px;
  background-position: 2px -93px;
  display: inline-block;
		
}
.tablet_patient_profile{
  border-width: 0.07px;
  border-color: rgb(0, 0, 0);
  border-style: solid;
  background-color:#f7fafb;
  box-shadow: 0px 2px 4.3px 0.7px rgba(0, 0, 0, 0.11);
  height:68px;
  }
 .tablet_patient_profile .inline{display:inline-block;} 
.tablet_patient_profile .profile_pic{ margin:4px 5px;}
 .tablet_patient_profile .profile_pic .asidebar{ width:64px; height:62px; padding-top:14px;}
 .tablet_patient_profile h3{ font-size:14px; font-weight:bold; color:#242424; margin-top:15px; margin-bottom:0px;}
 .tablet_patient_profile span{ line-height:15px;}
.asidebar {
	width: 44px;
	background-color: #fff;
	border-radius: 100%;
	color: #4673af;
	text-align: center;
	height: 42px;
	padding-top: 5px;
	font-size: 21px;
}
.test {
	width: 100px !important;
}
.asidebar.test {
	width: 60px !important;
	height: 52px;
	padding-top: 10px;
}
.test i {
	font-size: 28px;
}
.vbox .wrapper {
	padding: 15px 4px;
}
.bg-black .nav > li:hover > a, .bg-black .nav > li:focus > a, .bg-black .nav > li:active > a, .bg-black .nav > li.active > a {
	background-color: #353786;
}
.bg-black .nav > li > a:hover, .bg-black .nav > li > a:focus {
	background-color: #353786 !important;
	color: #fff;
	
}
.bg-black .nav-primary > ul.nav-main > li:hover > a, .bg-black .nav-primary > ul.nav-main > li:focus > a, .bg-black .nav-primary > ul.nav-main > li:active > a, .bg-black .nav-primary > ul.nav-main > li.active > a, .nav > li > a:focus {
	background-color: #15164a !important;
	color: #fff;
}
.asterisk {
	font-size: 5px;	
	vertical-align: top;
	color:#d30000;
}
.asterisk_temp {
    font-size: 5px;
    vertical-align: top;
    color: white;
}
.sprite {
	background-image: url(../images/sprite.png);
	background-repeat: no-repeat;
	display: block;
}
 
.bg-black .nav > li.active > .left_subnavigation {
	width: 20px;
	height: 22px;
	background-position: 0px -49px;
	position: absolute;
	top: 9px;
	left: 13px;
	z-index: 9999;
 }

.bg-black .nav > li.active:hover > .left_subnavigation {
	background-position: -42px -50px;	
}
  
/* */
.bg-black .nav > li > .left_subnavigation.patient_details {
	background-position: -22px -44px;
	width: 20px;
	top: 9px;
	height: 20px;
}
.bg-black .nav > li:hover > .left_subnavigation.patient_details {
	background-position: -22px -1px;
	color:#fff;	
}
 

.bg-black .nav > li > .left_subnavigation {
	width: 20px;
	height: 22px;
	background-position: -42px -22px;
	position: absolute;
	top: 9px;
	left: 13px;
	z-index: 9999;
}
.bg-black .nav > li:hover > .left_subnavigation {
	background-position: -42px -50px;
}


 
 

/* */
.bg-black .nav > li > .left_subnavigation.encounters {
	background-position: -42px -20px;
	width: 20px;
	top: 4px;
	height: 23px;
}
.bg-black .nav > li:hover > .left_subnavigation.encounters {
	background-position: -42px 0px;
}








 

 
 
/* */
.bg-black .nav > li > .left_subnavigation.new_assessments {
	background-position: -62px -21px;
	width: 20px;
	top: 4px;
	height: 23px;
}
.bg-black .nav > li:hover > .left_subnavigation.new_assessments {
	background-position: -62px 0px;
}








.bg-black .nav > li > .left_subnavigation.laborders {
	background-position: -85px -21px;
	width: 20px;
	top: 4px;
	height: 23px;
}
.bg-black .nav > li:hover > .left_subnavigation.laborders {
	background-position: -85px 0px;
}


.bg-black .nav > li > .left_subnavigation.labresults {
	background-position: -108px -26px;
	width: 20px;
	top: 7px;
}
.bg-black .nav > li:hover > .left_subnavigation.labresults {
	background-position: -108px 0px;
}

.bg-black .nav > li > .left_subnavigation.eprescription {
	background-position: -126px -23px;
	width: 20px;
	height: 20px;
	top: 7px;
}
.bg-black .nav > li:hover > .left_subnavigation.eprescription {
	background-position: -126px 0px;
}



.bg-black .nav > li > .left_subnavigation.eprescriptionhistory {
	background-position: -146px -22px;
	width: 20px;
	height: 24px;
	top: 6px;
}
.bg-black .nav > li:hover > .left_subnavigation.eprescriptionhistory {
	background-position: -147px 0px;
}

.bg-black .nav > li > .left_subnavigation.noteshistory {
	background-position: -242px -19px;
	width: 20px;
	height: 24px;
	top: 6px;
}
.bg-black .nav > li:hover > .left_subnavigation.noteshistory {
	background-position: -242px -49px;
}

.bg-black .nav > li.active > .left_subnavigation.noteshistory {
	background-position: -242px -49px;
	color:#fff;
}


.bg-black .nav > li > .left_subnavigation.audit_reports{
	background-position:-145px -16px;
	width: 19px;
	top: 4px;
	height: 27px;
	left:13px;
}
.bg-black .nav > li:hover > .left_subnavigation.audit_reports {
	background-position: -145px -44px;
	height:27px;
}

.bg-black .nav > li.active > .left_subnavigation.audit_reports {
	background-position: -145px -44px;
	height:27px;
	color:#fff;
}

.bg-black .nav > li > .left_subnavigation.history_reports{
	background-position:-164px -16px;
	width: 17px;
	top: 4px;
	height: 27px;
	left:14px;
}
.bg-black .nav > li:hover > .left_subnavigation.history_reports {
	background-position: -164px -44px;
	height:27px;
}
.bg-black .nav > li.active > .left_subnavigation.history_reports {
	background-position: -164px -44px;
	height:27px;
	color:#fff;
}


.bg-black .nav > li > .left_subnavigation.ohb_studies{
	background-position:-181px -16px;
	width: 20px;
	top: 4px;
	height: 27px;
	left:14px;
}
.bg-black .nav > li:hover > .left_subnavigation.ohb_studies {
	background-position: -181px -44px;
	height:27px;
}

.bg-black .nav > li.active > .left_subnavigation.ohb_studies {
	background-position: -181px -44px;
	height:27px;
	color:#fff;
}

.bg-black .nav > li > .left_subnavigation.rx_info{
	background-position:-203px -15px;
	width: 19px;
	top: 4px;
	height: 27px;
	left:14px;
}
.bg-black .nav > li:hover > .left_subnavigation.rx_info {
	background-position: -203px -44px;
	height:27px;
}

.bg-black .nav > li.active > .left_subnavigation.rx_info {
	background-position: -203px -44px;
	height:27px;
}

.bg-black .nav > li > .assessments_checkmark{
  background-position: -122px 5px;
  width: 19px;
  top: 4px;
  height: 27px;
  right: 10px;
  position: absolute;
}

.nav-primary ul.nav li ul li a {
	padding-left: 46px;
}

#sidebar_navigation li > a > i{ font-size:18px;}
.assessment_subnav ul{ list-style:circle;}
.assessment_subnav ul li a{ background-color:#45a837; color:#fff !important; border-bottom:1px solid #4cc13c;}
.bg-black .nav > li.assessment_subnav ul li a:hover{background-color:#1d5315 !important;}
.bg-black .nav > li.assessment_subnav ul li a{ background-color:#45a837; border-bottom:1px solid #4cc13c;}

 

/* Inbox */
.inbox_left .scrollable .wrapper{padding:15px 15px !important;}
.inbox_left{ background-color:#04639b; width:100%; height:428px; }
.inbox_left .nav > li > a{ color:#fff; border-radius:0px; background-color:#087abd;}

.inbox_left .nav > li > a:hover{ color:#242424 !important; background-color:#28a7f2 !important;}
.inbox_left .compose{ width:100%; margin:0px; background-color:#2aa6ef; text-align:left;}
.mail_scrollbar{overflow-y:scroll; height:340px;}

/*  Inbox end */
/* Main container  */
.main_container {
	margin-top: 10px;
	padding: 15px 14px !important;
}
.main_container h3 {
	font-size: 24px;
}
.main_container .m-b-md {
	margin-bottom: 10px;
}
.page_wrapper {
	background-color: #fff;
	padding: 2%;
	width: 100%;
	border:solid 1px #eaeef1;
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;	
}
.msg {
	margin-top: 30px;
}
.select_date {
	background-image: url(../images/sprite.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 32px;
	right: 17px;
	width: 27px;
}
.form-group {
	position: relative;
}
.extra_bottom_margin {
	margin-bottom: 30px;
}
.advanced_search a, .advanced_search a:hover {
	color: #fff;
	margin-left: 5%;
	font-size: 100%;
}
.advanced_search {
	width: 120px;
	position: absolute;
	top: 16%;
	left: 100%;
}
.nav > li > a .todo_icon {
	background: url(../images/sprite.png) -20px -0px no-repeat;	
   	width: 12px;
	display: block;
 
}
.nav > li > a:hover .todo_icon {
	background: url(../images/sprite.png) -33px -0px no-repeat;	
 	width: 12px;
	display: block;
 }
.form-group.required .control-label:after {
	color: #d00;
	content: "*";
	position: absolute;
	margin-left: 2px;
	top: 0px;
}
.errormsg {
	color: red;
	font-size: 12px;
	position: absolute;
}

.nav-xs .slim-scroll span.profile_data {
	display: none;
}

.profile_data_new{
 	background:red;
	width:500px;
	height:1000px;
	display:none;	
  }
 
 .panel.panel-default{
	padding-bottom:15px;
}
.panel.panel-default > .panel-heading, .panel.panel-default > .panel-footer{ font-size:15px; border-color:#e1e1e1;}

/* Accordian */
.add_new_patient .glyphicon{
	position:absolute; 
	right:15px;	
}
.add_new_patient .panel.panel-default{ padding:0px !important;}
.add_new_patient .panel-title > a{font-size:15px; font-weight:normal; color:#404040;}
.panel-title{position:relative;}
.inner_accordian_header{   background-color: #404040;
  color: #fff;
  height: 40px;
  padding: 7px 15px;
  font-size: 18px;
  margin-top: 15px;}
  
 .collapseinner ul{ list-style:none; margin:0px; padding:0px;}
 .collapseinner ul li{  display: block;
  background-color: #f6f6f6;
  color: #242424;
  height: 41px;
  border: 1px solid #e5e5e5;
  padding: 10px 10px 10px 10px; } 
 .collapseinner ul li .radio, .checkbox{margin:0px;}
.inner_accordian_panel_heading{background-color:#fff;}
/*  All buttons styles */
button{position:relative;}
.search, .reset, .transfer_patient, .cancel{margin-left:5px; width:auto; padding:7px 18px; font-size:14px;}
.search:hover{ color:#fff; opacity:0.9;}
.search:focus, .reset:focus{ color:#fff;}
.search{ background-color:#15164a; color:#fff;}
.reset{ background-color:#fcfcfe; color:#15164a; border:1px solid #e1e1e1;}
.reset:hover{ color:#15164a; opacity:0.9;}
.reset:focus, .reset:focus{ color:#15164a;}
.cancel{ background-color:#fff; border:1px solid #b3b3b3; color:#15164a;}
.transfer_patient{background-color:#fafafa; border:1px solid #d6d6d6;}
.[name~=Addnewpatient] i {
  font-size: 18px;
  position: absolute;
  left: 21px;
  top: 10px;
}

[name~=Addnewpatient] {
  margin-bottom: 10px;
  padding: 7px 10px 7px 10px;
  text-align: center;
  float: left;
  width:100%;
  background-color:#19ae88;
}

[name~=Addnewpatient2] i {
  font-size: 18px;
  position: absolute;
  right: 124px;
  top: 10px;
}
[name~=Addnewpatient2] {
  margin-bottom: 10px;
  padding: 7px 10px 7px 25px;
  text-align: left;
  float: left;
}
[name~=Addnewencounter] i {
  font-size: 18px;
  position: absolute;
  right: 145px;
  top: 10px;
}
[name~=Addnewencounter] {
  margin-bottom: 10px;
  padding: 7px 10px 7px 25px;
  text-align: left;
  float: left;
}


 
[name~=notes] {
  margin-bottom: 10px;
  padding: 7px 32px 7px 8px;
  text-align: right;
 }
 
[name~=notes] i {
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  background-position: 0px -71px;
  width: 23px;
  display: inline-block;
  height: 22px;
  position: absolute;
  right: 4px;
  text-align: left;
}

[name~=historynotes] {
  margin-bottom: 10px;
  padding: 7px 32px 7px 8px;
  text-align: right;
 }
 
[name~=historynotes] i {
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  background-position: -24px -71px;
  width: 23px;
  display: inline-block;
  height: 22px;
  position: absolute;
  right: 4px;
  text-align: left;
}

[name~=encounter]{
	padding:7px 31px 8px 10px;	
}
[name~=encounter] i {
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  background-position: -20px -51px;
  width: 21px;
  display: inline-block;
  height: 20px;
  position: absolute;
  right: 4px;
  text-align: left;
}


[name~=laborder]{
	padding:7px 31px 8px 10px;	
}
[name~=laborder] i {
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  background-position: -125px -51px;
  width: 21px;
  display: inline-block;
  height: 20px;
  position: absolute;
  right: 4px;
  text-align: left;
}

[name~=newassessment]{
	padding:7px 31px 8px 10px;	
}
[name~=newassessment] i {
background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  background-position: -41px -49px;
  width: 21px;
  display: inline-block;
  height: 21px;
  position: absolute;
  right: 4px;
  text-align: left;
}


/* Data table css */
.new_encounter_icon {
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  width: 17px;
  display: inline-block;
  background-position: -45px 0px;
}
.last_encounter_icon {
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  width: 8px;
  display: inline-block;
  background-position: -77px 0px;
  margin-left:5px;
}
.all_encounter_icon {
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  width: 16px;
  display: inline-block;
  background-position: -62px 0px;
  margin-left:5px;
}
#advanced_search table th:first-child, #advanced_search table td:first-child{
	text-align:center;
	margin:0px;
}
#advanced_search table th{margin:0px;}
#advanced_search .i-checks input:checked + i{margin:0px;}
#advanced_search .i-checks i{margin:0px;}

#select_questionnaire table th:first-child, #select_questionnaire table td:first-child{
	text-align:left;
	margin:0px;
	width:80%;
}
#select_questionnaire table th{margin:0px; position:relative;}
#select_questionnaire .i-checks input:checked + i{margin:0px;}
#select_questionnaire .i-checks i{margin:0px;}
#select_questionnaire table th span{position:absolute; top:10px; left:20%;}
#select_questionnaire table th:first-child, #select_questionnaire table td:first-child{
	text-align:left;
	margin:0px;
	width:80%;
}

#select_questionnaire_progress table th{margin:0px; position:relative;}
#select_questionnaire_progress .i-checks input:checked + i{margin:0px;}
#select_questionnaire_progress .i-checks i{margin:0px;}
#select_questionnaire_progress table td:first-child, #select_questionnaire table td:first-child{
	text-align:left;
	margin:0px;
	width:30px;
}

#encounters table td i{
	font-size:18px;	
	color:#0994e5;
	cursor:pointer;
}
.drawer_expand_collapse{position:absolute; bottom:70px; left:0px; z-index:999999;}

  
  /* COmmon classes */
 .no-top-margin{ margin-top:0px !important;}
 .no-bottom-margin{ margin-bottom:0px !important;}
 .no-left-margin{ margin-left:0px !important;} 
 .no-right-margin{ margin-right:0px !important;}
 
 .no-top-padding{ padding-top:0px !important;}
 .no-bottom-padding{ padding-bottom:0px !important;}
 .no-left-padding{ padding-left:0px !important;} 
 .no-right-padding{ padding-right:0px !important;}
  
 .no-padding{padding:0px;} 
 .no-margin{margin:0px;}
  
/* media break points  */

@media only screen and (min-device-width : 992px) and (max-device-width : 1600px) {
	.drawer_expand_collapse{position:absolute; bottom:0px; left:0px; z-index:999999;}
}
 
@media (min-width: 768px) {
	
 .header-md .navbar-nav > li > a {
	padding: 20px 9px;
}
.nav-xs .nav-primary > ul > li > a i {
	font-size: 28px !important;
}
.nav-xs .nav-primary > ul > li {
	border-bottom: 1px solid #e1e1e1;
}
.nav-xs .nav-primary > ul > li span {
	font-size: 14px;
}
.nav-xs .slim-scroll span.profile_data .asidebar {
	font-size: 10px !important;
}
 
}

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
header ul.nav > li {
	position: relative;
	display: inline-block;
	float: right;
}
.mail_scrollbar .wrapper p{ padding:15px;}
.mail_scrollbar .wrapper h4{padding-left:15px;}

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
header ul.nav > li {
	position: relative;
	display: inline-block;
}
}

/* Tablet Portait */ 
 
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	
 .advanced_search a, .advanced_search a:hover{margin-left:3%;}
 	 .header-md .navbar-nav > li > a {
	padding: 20px 7px;
}
 .inbox_left{ height:auto;} 
.main_container h3 {
	font-size: 20px !important;
}
.msg {
	margin-top: 8%;
}
.advanced_search {
	width: 332px !important;
}

.mail_scrollbar .wrapper p{ padding:15px;}
.main_container .thumb-xs{ margin-left:30px;}
}



@media only screen and (min-device-width : 768px) and (max-device-width : 816px) {
.input-s-lg {
width:
}
}

/* Tablet Landscape */ 
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}

