/* Custom Styles */
/*html,body {
	height: 100%;/*
	/* The html and body elements cannot have any padding or margin. */
	
/*}*/ 

/*@media ( min-width : 640px) and (max-width: 1280px) {
	html,body {
		font-size: 12px ! important;
	}
	th,td {
		font-size: 12px;
	}
	.login-panel {
		margin-top: 5%;
	}
	.footer-stripe {
		height: 100px;
		padding-top: 50px;
	}
}

@media ( min-width : 240px) and (max-width: 640px) {
	.login-panel {
		margin-top: 5%;
	}
	.footer-stripe {
		height: 100px;
		padding-top: 50px;
	}
}*/

/* Wrapper for page content to push down footer */
#wrapper {
	min-height: 100%;
	height: auto;
	/* Negative indent footer by its height */
	margin: 0 auto -30px;
	/* Pad bottom by footer height */
	padding: 55px 0 30px;
}

/*.footer-stripe {
	background: rgba(88, 159, 183, 0.39);
	height: 125px;
	width: 100%;
	margin: auto;
	display: block;
	position: absolute;
	bottom: 0;
	padding-top: 75px;
}*/

/* Set the fixed height of the footer here */
/*.copyright {
	height: 30px;
	color: #FFF;
	background-color: #297AA3;
	right: 0;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	border: 2px solid #FFF;
	text-align: center;
	line-height: 30px;
}

.btn-default {
	background-color: #428BCA;
	border-color: #428BCA;
	color: #FFFFFF
}*/

/*#navbar-header { 
	background-image: -ms-linear-gradient(left, #FFFFFF 0%, #92c4dd 100%);
	
	background-image: -moz-linear-gradient(left, #FFFFFF 0%, #92c4dd 100%);
	
	background-image: -o-linear-gradient(left, #FFFFFF 0%, #297AA3 100%);
	
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #92c4dd),
		color-stop(1, #297AA3) );
	
	background-image: -webkit-linear-gradient(left, #92c4dd 0%, #297AA3 100%);
	
	background-image: linear-gradient(to right, #92c4dd 0%, #297AA3 100%);
}

.nav a {
	color: #FFFFFF;
}*/

.navbar-brand {
	background-color: #fff;
	height:53px;
	margin-left: 30px;
}

@media(max-width:400px) {
	
	.navbar-brand {
		margin-left: 0px;
	}
	
}

.navbar-default .navbar-brand:hover {
	
	background-color: #fafafa;
	
}

/*
.nav-main .dropdown-menu {
	min-height: 75px;
	min-width: 130px;
	margin: 23px 0 0;
	padding: 5px;
	word-wrap: break-word;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #F5F5F5;
}

.nav-main .dropdown-menu:after {*/ /*arrow added to uparrowdiv DIV*/
	/*content: '';
	display: block;
	position: absolute;
	top: -18px; *//*should be set to -border-width x 2 */
	/*left: 51px;
	width: 0;
	height: 0;
	border-color: transparent transparent white transparent;*/
	/*border color should be same as div div background color*/
	/*border-style: solid;
	border-width: 10px;
}

.logout-btn {
	background-color: #78AD12;
	border-color: #78AD12;
	width: 100px;
	margin: auto;
	color: #FFF ! important;
	border-radius: 3px;
}

.logout-btn:hover {
	background-color: #78AD12 ! important;
}

.btn {
	margin-bottom: 5px;
}

.btn-success {
	background-color: #78AD12;
	border-color: #78AD12;
}

.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success
	{
	background-color: #78AD12;
	border-color: #78AD12;
	color: #FFFFFF;
}

#top-user {
	border-radius: 25px;
	background-color: #FFF;
	color: #000;
	top: 7px;
	margin-right: 45px;
}

.user-name {
	color: #FFF;
	float: left;
	margin: 25px 0 0;
	margin-right: 25px;
}

.navbar-top-links li:last-child {
	margin-top: 22px;
}

.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th {
	background: rgba(88, 159, 183, 0.39);
	color: #08298A;
}
*/
.required {
	color: red;
}

.navbar-default {
	font-family: 'OpenSans-Light';
	font-size:100%;
	color:#fff;
}

@media(min-width:1200px) {
	
	.navbar-default {
		
		font-size:120%;
		font-weight:bold;
		
	}
	
}

.navbar-default .navbar-collapse { 

	background-color: #57A7B3;
	/* background-color: #335883; */

}
.navbar-fixed-top {
	border:none;
}


.navbar-default .navbar-nav>li>a {
	color: #FFF;
	opacity:0.9;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li> a :focus {
	
	background-color: #3C8E9B;
	color:#fff;
}

/*
.bs-example .navbar-default {
	background-color: #084B8A;
}

.navbar-default .navbar-nav .open .dropdown-menu {
	background-color: #297AA3;
	border-color: #297AA3;
	min-width: 200px;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	color: #FFFFFF;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
	background-color: #E7E7E7;
	color: #555555;
}

.bs-example .navbar-default .navbar-nav>li>a:hover {
	background-color: #E7E7E7;
	color: #555555;
}

#page-wrapper {
	min-height: 0px;
}

.navbar {
	min-height: 5px;
}

.navbar-nav>li>a {
	padding-bottom: 5px;
	padding-top: 5px;;
}

.page-header {
	margin: 10px 0 20px;
}

#form-buttons {
	margin-left: 15px ! important;
}

.alert-success {
	background-color: #C8EDB9;
	border-color: #C8EDB9;
	color: #326833;
}

h3 {
	color: #0270D7;
}

#page-wrapper {*/ /*background-color:#F5F5F5;*/
	/*background: url('../images/background-image.png');
}

.page-header {
	margin: 1px 0 1px;
	padding-bottom: 1px;
}

.form-control {
	background-color: #FFFFFF;
	background-image: none;
	border: 2px solid #CCCCCC;
	border-radius: 2px 2px 2px 2px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555555;
	display: block;
	font-size: 14px;
	height: 32px;
	line-height: 1.42857;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s
		ease-in-out 0s;
	vertical-align: middle;
	width: 100%;
}

.ui-widget-header {
	background: #297AA3;
	color: #FFF;
}

.breadcrumb {
	margin-bottom: 0px;
	background-color: #f2fbff;
}

.navbar {
	margin-bottom: 1px;
}

.table-bordered {
	border: 1px solid #000;
}
*/
.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td
{

	padding:8px;
	text-align: left;
}
/*
table.dataTable thead {
	background-color: #297AA3;
	color: #fff;
}

table.dataTable thead .sorting:after {
	color: rgb(255, 255, 255);
}

.odd {
	background-color: #FFF;
}

.even {
	background-color: #C5C0C0;
}
*/
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td
{
	padding: 15px;
	text-align: left;
	border-left-width: 0px;
	border-right-width: 0px;
	font-family: OpenSans-Regular;
}


.tablewithbutton>thead>tr>td,
.tablewithbutton>tbody>tr>td,
.tablewithbutton>tfoot>tr>td {
	
	padding: 0px 15px;
	
}

td > .btn {
	
	padding:10px;
	
}
/*
.form-horizontal .control-label {
	text-align: left;
}

body { *//*background-color: #b0c4de;*/
	/*background-color: #f2fbff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.panel-default {
	background-color: #FFF;
	border: 1px solid #297AA3;
}

#generate {
	margin-left: -25px;
}

#generate .btn {
	padding: 6px ! important;
}

@media screen and (min-width: 320px) and (max-width:480px) {*/
	/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
	/*#generate {
		margin-left: 0px ! important;
	}
}*/

/*@media screen and (min-width: 220px) and (max-width:770px) {*/
	/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
	/*#top-user {
		background-color: rgba(0, 0, 0, 0);
		margin-right: 0px;
		color: #FFFFFF;
	}
	.user-name {
		float: none;
		margin: 25px 0 0;
	}
	.dropdown {
		float: none;
	}
	.user-block {
		float: right;
	}
	.navbar-top-links li a {
		padding: 26px;
	}
	.nav-main .dropdown-menu:after { *//*arrow added to uparrowdiv DIV*/
		/*left: 85px;
	}
	.nav-main .dropdown-menu {
		margin: 4px 0 0;
	}
}

@media screen and (min-width: 220px) and (max-width:820px) {*/
	/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
	/*.ui-dialog {
		width: 300px ! important;
		overflow:auto;
	}
	
}

@media screen and (min-width: 660px) and (max-width:1280px) {
.col-sm-3 {
	
	width:35% ! important;
}

}

.ui-dialog {
	top: 150px ! important;
}  

.custom-thead {
	
	background-color: #297AA3; 
	color:#fff;
	font-size:12px;
}

.custom-tbody {
	font-size:13px;
}

.ui-widget {
   
    font-size: 1.0em;
  
}*/

.ui-autocomplete {
	 height:200px ! important;
     overflow: auto;
     position:absolute;
   	 width:20px;
	
	}
/*
.ui-dialog .ui-dialog-title {
   
    margin: 0 0;
}

#autocomplete-billno {
 background-color: rgba(88, 159, 183, 0.39);
}*/

/* Doctor Consultation page css */

/*.new-container { 
  border : 1px solid #297AA3; padding: 1px; 
 
}

.new-container{
	width:100%;
	height:100%;
    display: table;
}
.new-container > div {
  display: table-cell;
  border : 1px solid #297AA3; padding: 1px;
  text-transform:capitalize;
  
}
.one {width:22%;}
.two {width: 56%;}
.three {width: 22%;}

#three-inner1 .content {
	
	height: 50px; 
	text-align: center; 
	line-height: 50px; 
	font-weight: bold;
	 font-size: 16px;
}

.one-content-table tbody tr{
	
	width:100%;
	
	
}

.one-content-table tbody tr td{
	
	vertical-align:top;
	
	
}

.three-content-table tbody tr{
	
	width:100%;
	
	
}

.three-content-table tbody tr td{
	
	vertical-align:top;
	text-align:center;
	
}

.panel-default {
    
    overflow:auto;
    
}

.custom-gradeA td {
	
	width:50%;
}


.icon-time {
    background-position: -48px -24px;
}
.icon-calendar {
    background-position: -192px -120px;
}
.icon-chevron-down {
    background-position: -313px -119px;
}
.icon-chevron-up {
    background-position: -288px -120px;
}
[class^="icon-"], [class*=" icon-"] {
    background-image:url('../Img/glyphicons-halflings.png');
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 14px;
}

.bttn:first-child {
}
.bttn {
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}
.bttn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #A2A2A2;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}*/

.button-link {
    padding: 10px 18px;
    background: #4479BA;
    border: 1px solid #084B8A ! important;
    color: #FFF;
    font-size:28px;
    text-align:center;
    border-radius: 10px;
	text-decoration:none;
}

/*
.labtest-link {
    background-color: #1585BC;
    border: 1px solid #084B8A;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    font-size: 16px;
    padding:8px 10px;
    text-align: center;
    margin: 3px;
    float:left;
    
}

.containertable{
    display:table;
    width:100%;
  
    }

.table-row{  
     display:table-row;
    
}
.col1{
    display:table-cell;
   font-weight: bold;
    width:45%;
}

.col2{
    display:table-cell;
  
    width:55%;
}

#divElement{
  
   text-align: center;
}

p.test {
    width: 12em; 
    word-wrap: break-word;
}

p.notes {
    width: 25em; 
    word-wrap: break-word;
}​

.marginBottom-0 {margin-bottom:0;}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: 1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
}

.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #cccccc;
	margin-top: 5px;
	margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
	border-left-color: #555;
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}*/ 
/*
=======================
fonts 
=======================
*/

.copyright {
	height: 30px;
	color: #FFF;
	background-color: #297AA3;
	right: 0;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	border: 2px solid #FFF;
	text-align: center;
	line-height: 30px;
	position:fixed;
	bottom:0px;
	z-index: 2;
}
.theading{
/*font-family:OpenSans-Semibold;*/
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.theading th{
padding:8px;
font-family: OpenSans-Semibold !important;
}
tr {
	border-width: 0px;
}
tbody > tr:last-child {
	
	border-bottom: 1px solid #ddd;
	
}
	
#page-wrapper {
	min-height: 0px;
}
/*.form-group{
width:100%;
}*/
button,
input,
optgroup,
select,
textarea,
label {
  margin: 0;
  font: inherit;
  color: inherit;
/*margin-top:15px;*/
}

#doctor_menu > li  {
margin:0px;
}
#doctor_menu > li > a {
padding-left: 0px;
border-bottom: 1px solid #BDC3C7;
border-radius: 0px;
}

#doctor_menu > li > a:hover, #doctor_menu > li > a:focus{
border: none;
border-bottom: 1px solid #BDC3C7;
background-color:#3498db;
color: #fff;
padding-left:10px;
transition: padding-left 0.3s;
}

#doctor_menu > li.active > a, #doctor_menu > li.active > a:hover, #doctor_menu > li.active > a:focus{
border:none;
border-bottom: 1px solid #BDC3C7;
background-color:#fff;
color: #555;
}
#doctor_forms {
	padding-left: 40px;
	}


.tabcontent {
	padding-left: 30px;
	}
	
#doctor_forms .form-group {
width: 75%;
}

#doctor_forms > .tab-pane {
padding-left: 0px;
}

#prescribed-medicine-datatable>thead>tr>th, 
#prescribed-medicine-datatable>tbody>tr>td, 
#labtest-datatable th, 
#labtest-datatable td, 
#allergic-medicine-datatable td  {
text-align: left;
padding:10px;
padding-left:0px;

}

#prescribed-medicine-datatable > thead> tr> th,
#labtest-datatable th {
	
	font-family: OpenSans-Semibold;
	
}


	
.add-button> button {
font-size: 25px;
padding:3px; 
margin-bottom: 1px;
margin-left:10px;
border: 2px solid transparent;
border-radius:50%;
transition:background-color 0.5s, color 0.5s;
}
.add-button> button:hover, .add-button> button:focus, .add-button > button:active {
background-color: #3498db;
border: 2px solid #3498db;
outline: 0;
}
#vital-group {
	
	margin-bottom:10px;
	
}

#vital-group > .form-group {
	display: inline-block;
	width: 18%;
	margin-bottom: 3px;
	margin-right: 5px;
	}
#vital-group {
	padding-top: 15px;
	border-bottom: 1px solid #BDC3C7;
}
#vital-group .form-control {

border: 1px solid transparent;
padding: 0px;
width:100%;
}
#vital-group .form-control:focus {
border: 1px solid #bdc3c7;
}
#vital-group .input-group-addon {
padding:0px;
padding-left: 5px;
padding-bottom: 10px;
vertical-align: bottom;
border: none;
border-radius: 0px;
background-color: #fff;
}
#doctor_menu .panel-default {
	border-right: none;
	border-top: none;
	border-radius: 0px;
	margin: 0px;
}
#prescribed-medicine-add-div {
	overflow-y: scroll;
	}
	
.datepicker {	
	background-color: #fff;
	}
	
.modal-body {	
	overflow-y: scroll;
	max-height: 420px;
	
	}
	
.navbar-header .dropdown-menu {
	right: -30px;
	left: auto;
	}
	
th {	
	font-weight: normal;
	font-size:;
}
table {
	font-size: 14px;
	}
	
	
#login .form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;color:#555;vertical-align:middle;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
#login .form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}
#login .form-control:-moz-placeholder{color:#999}
#login .form-control::-moz-placeholder{color:#999;opacity:1}
#login .form-control:-ms-input-placeholder{color:#999}
#login .form-control::-webkit-input-placeholder{color:#999}
	
.error {
	
color: #FF0000;

}


.nav-chat.dropdown-menu:hover{
	 
    display: inline-block;
    border-radius: 10px;
    
}


.datepicker.dropdown-menu {
	
	min-width:1%;
	
}

label.control-label {
	
	font-family: OpenSans-Light;
	font-size: 140%;
	margin-bottom: 0px;
	
}

.generate-btn {
	
	font-size:120%;
	border:none;
	background-color:#f5f5f5;
	color:#FFA000;
	transition: background-color 0.5s, color 0.5s;
	outline:0;
	
}

.generate-btn:hover, .generate-btn:active, .generate-btn:focus {
	
	color:#fff;
	background-color: #FFA000;
	outline:0;
	
}

.save-btn {
	border:none;
	color:#00C853;
	background-color: #f5f5f5;
	transition: background-color 1s;
	font-size:120%;
	outline:0;
}

.save-btn:hover, .save-btn:focus, .save-btn:active {
	
	color:#fff;
	background-color: #00c853;
	outline:0;
}


.print-btn {
	
	font-size:120%;
	border:none;
	color:#009688;
	background-color:#f5f5f5;
	transition: background-color 0.5s, color 0.5s;
	outline:0;
	
}

.print-btn:hover, .print-btn:focus, .print-btn:active {
	
	color:#fff;
	background-color: #009688;
	outline:0;
	
}

.print-btn:before {
	
	font-family: 'Simple-Line-Icons';
	content: "\e02e";
	margin-right: 10px;
	
}

.print-btn-full {
	
	font-size:120%;
	font-family:OpenSans-Light;
	border:none;
	color:#009688;
	background-color:#f5f5f5;
	transition: background-color 0.5s, color 0.5s;
	outline:0;
	
}

.print-btn-full:hover, .print-btn-full:focus, .print-btn-full:active {
	
	color:#fff;
	background-color: #009688;
	outline:0;
	
}

.print-btn-full:before {
	
	font-family: 'Simple-Line-Icons';
	content: "\e02e";
	margin-right: 10px;
	
}
	
input[type=file] {
	
	display:none;
	
}

@keyframes fadeIn {
	
	from {
		
		transform: translateX(20%);
		opacity: 0;
		-webkit-transform: translateX(20%);
		-webkit-opacity: 0;
		
	}
	to {
		
		transform: translateX(0%);
		opacity:1;
		-webkit-transform: translateX(0%);
		-webkit-opacity:1;
	}
	
}

@-webkit-keyframes fadeIn {
	
	from {
		
		transform: translateX(20%);
		opacity: 0;
		-webkit-transform: translateX(20%);
		-webkit-opacity: 0;
		
	}
	to {
		
		transform: translateX(0%);
		opacity:1;
		-webkit-transform: translateX(0%);
		-webkit-opacity:1;
	}
	
}


label.btn:before {
	
	font-family:'Simple-Line-Icons';
	content:"\e032";
	margin-right:10px;
	font-size:16px;
}

label.btn {
	
	border:none;
	border-right:1px solid #e0e0e0;
	margin-right:10px;
	font-family:OpenSans-Light;
	font-size: 16px;
}

#imgname {
	
	border: 1px solid #bdc3c7;
	margin: 10px;
	
}

#imgpre {
	margin-top:20px;
	clear:both;
	border: 1px solid #bdc3c7;
	padding-bottom: 15px;
}

#imgpre img {
	
	
	height: 150px;
	border: 1px solid #e0e0e0;
	
}

#imgnameCover {
	
	border: 1px solid #bdc3c7;
	margin: 10px;
	
}

#imgpreCover {
	margin-top:20px;
	clear:both;
	border: 1px solid #bdc3c7;
	padding-bottom: 15px;
}

#imgpreCover img {
	
	
	height: 150px;
	border: 1px solid #e0e0e0;
	
}

.imgs {
	
	margin: 10px;
	position:relative;
	display:inline-block;
	
}

.imgs > i ,.imgs >figure>i{
	
	font-size:16px;
	position:absolute;
	left: 100%;
	top:0%;
	background-color:#f5f5f5;
	transform: translate(-100%, 0%);
	padding:5px;
	line-height:1;
	
}
.imgs >figure>figcaption{
	position: absolute;
}
.imgs >figure{
	margin-bottom:5px;
}

.fixfixed .navbar-fixed-top, 
.fixfixed .copyright,
.fixfixed .save-div { 
    position: absolute; 
} 

.bootstrap-timepicker-widget.dropdown-menu {
	
	z-index: 1054 !important;
	min-width:160px !important;
	background-color:#fff;
	
}

.bootstrap-timepicker-hour, .bootstrap-timepicker-minute, .bootstrap-timepicker-meridian {
	border: none;
}
#update {
	border:none;
	color: #1565C0;
	background-color: #f5f5f5;
	transition: background-color 1s, color 1s;
	font-size:120%;
}
#update:hover, #update:focus {
	background-color:#1565C0;
	color: #fff;
}

.btnPrevious {
	
	background-color: #f5f5f5;
	border:none;
	color:#FF9800;
	transition:background-color 0.5s, color 0.5s;
	font-size:120%;
	
}

.btnPrevious:hover, .btnPrevious:focus, .btnPrevious:active {
	
	background-color:#FFAB40 ;
	color:#fff;
	
}

.btnPrevious::before {
	
	font-family: FontAwesome;
	content: "\f104";
	font-size:18px;
	margin-right:10px;
	line-height:1;
	
}
.display {
	border:none;
	background-color:#f5f5f5;
	color: #9C27B0;
	transition: background-color 0.5s, color 0.5s;
	font-size: 120%;
}

.display:hover, .display:active, .display:focus {
	background-color: #9C27B0;
	color:#f5f5f5;
	border-color:#9C27B0;
}
#addb {
	
	border:none;
	background-color: #f5f5f5;
	color:#00BCD4;
	font-size: 120%;
	transition: background-color 1s, color 1s;
	
}

#addb:hover, #addb:focus {

	background-color:#00BCD4;
	color: #fff;

}
.btnNext {
	
	background-color: #f5f5f5;
	border:none;
	color:#FF9800;
	transition:background-color 0.5s, color 0.5s;
	font-size:16px;
	
}

.btnNext:hover, .btnNext:focus, .btnNext:active {
	
	background-color:#FFAB40 ;
	color:#fff;
	
}

.btnNext::after {
	
	font-family: FontAwesome;
	content: "\f105";
	font-size:18px;
	margin-left:10px;
	line-height:1;
	
}
.nav-tabs > li.active > a, .nav-tabs > li.active >a:hover, .nav-tabs > li.active >a:focus  {
		
	border:none;
	outline:0;
	color:#FFA000;
		
}

.tab-content > .tab-pane {
	
	padding: 0px;
	
}

.nav-tabs > li:not(.active) > a {
	
	position: relative;
	top: 0px;
	
	
}



.nav-tabs {
	margin-bottom: 2px ! important;
	/*display:inline-block;
	vertical-align:middle;*/
	white-space:nowrap;
}

.nav-tabs>li {
	list-style: none;
	display: inline-block;
	float:none;
	
	
}

.nav-tabs>li>a {
	display: block;
	padding: 5px 15px;
	padding-left:0px;
	position: relative;
	background: #fff;
	color: #FFD54F;
	text-decoration: none;
	border: none;
	font-size:20px;
	font-family: 'OpenSans-Regular';
	line-height: 1.42857;
	margin-right: 0px;
	border-radius: 0px;
	margin-top: 0px;
}

.nav-tabs>li>a:hover, .nav-tabs>li>a:active, .nav-tabs>li>a:focus {
	background: #fff;
	color: #FFA000;
	text-decoration: none;
	border: none;
	line-height: 1.42857;
	outline:0;
}

.nav-tabs>li>a.active {
	background: rgb(41, 122, 163) ! important;
	color: #fff ! important;
	padding: 7px 10px;
	outline: none;
}
#tabparent {
	
	width:100%;
	height:40px;
	clear:both;
}

#tabs {
	
	width:100%;
	overflow:auto;
	height:40px;
}
.addNewPage{
	float:right; 
	font-family: OpenSans-Regular; 
	font-size: 18px !important;
	cursor:pointer;
}

input[name="signature"] {

	display:block;
	
}
.navbar-brand {
background-color:#fff;
}
#extraSpell{
	color:#999;
}
.atwho-view ul{
	/* font-family:openSans-Regular; */
}
.atwho-view ul li strong{
	font-family:openSans-Light !important;
}
.atwho-view ul li {
	border:none!important;
}
.atwho-view .cur strong {
	color:#999 !important;
}
.highBp{
	color:red;
}
/* atwho-view strong{
	color:#fff;
} */
.notification{
	position:relative;
	padding-top:15px;
	padding-bottom:12px;
	font-size:23px;
	color:#fff;
	text-decoration:none;
}
.notification-sm{
	color: #337AB7;
	position:relative;
	padding-top:15px;
	padding-bottom:12px;
	font-size:20px;
	text-decoration:none;
}
.ntfMsg{
	font-size:12px;
	padding: 3px 6px;
	background:#d55244;
	border-radius:50%;
	color:#fff;
	position:absolute;
	top: 9px;
	left: 23px;
	line-height: 1;
}
.ntfMsg-sm{
	font-size:10px;
	padding:2px 4px; 
	background:#d55244;
	border-radius:50%;
	color:#fff;
	position:absolute;
	top: 12px;
	left: 7px;
	line-height:1;
}
.ntfs{
	background:#fff;
	box-shadow: 1px 2px 2px #DDD;
	max-height:350px;
	overflow-y:scroll;
	overflow-x: none;
	min-width: 230px;
	max-width:330px;
        
}
.ntfs li {
	color:rgba(0,0,0,0.7);
	font-size:14px;
	font-family:'OpenSans-Semibold' !important;
	font-weight:normal;
	padding: 1px 2px !important;
	white-space: normal !important;
        border-bottom:1px solid #DDD;
}

.ntfs li a:hover,.ntfs li:hover{
	background:#f1f3f4;
	color:#000;
}
.toastDiv{
	display: block;
	position: fixed;
	z-index: 10000;
	bottom: 0;
	right: 0;
	max-width: 86%;
}
.toast{
	background:rgba(52, 73, 94,1.0);
	margin:10px 15px 15px 0px;
	padding:15px;
	color:white;
	opacity: 0;
	border-radius: 2px;
	font-size: 15px;
	font-family: 'OpenSans-Regular';
	text-align:center;
	-webkit-animation: toastify 1s ease-out forwards;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0s;
    /*animation: toastify 5s cubic-bezier(.18,.89,.32,1.28) forwards; */
	animation: toastify 45s cubic-bezier(0.6, -0.28, 0.74, 0.05) forwards;
    animation-iteration-count: 1;
    animation-delay: 0s;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
} 
.toas:before{
    font-family: 'FontAwesome';
    content:'\f096';
}

.toast:last-child {

	margin-bottom: 45px; 
	
}

@-webkit-keyframes seconds{
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
 @keyframes seconds{
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    left: -9999px; 
  }
}


@keyframes toastify {

	0% {
	
		transform: translateY(200%);
		opacity: 0;
		
	}
	5% {
	
		transform: translateY(0%);
		opacity:1;
		
	}
	95% {
	
		transform:translateY(0%);
		opacity: 1;
		
	}
	100% {
	
		transform: translateY(-200%);
		opacity:0;
		display: none;
		width:0;
		height:0;
		margin:0;
		padding: 0;
		
	}
	
}
#caption .modal-body .captionImg center img{
	max-width: 100%;
}
#caption{
	background:rgba(0,0,0,0.8);
}
.caption{
	border: 1px solid #999 !important;
	color:#fff;
	margin-bottom:10px;
}
#caption .modal-content{
	border:none;
	background: transparent;
	box-shadow:none;
}
#caption .modal-body{
	overflow:hidden;
	padding:0px 0px 15px 0px;
}
#addCaption{
	color: #999;
	border:1px solid #999; 
	background: transparent;
	width:100%;
	margin:5px 0px 0px 0px
}
#addCaption:hover{
	background:#999;
	color:#000;
	border:none; 
}
figcaption{
	cursor:pointer;
}
.fullCap{
	background: #fff;
	z-index: 1024;
	position: relative;
	padding: 5px;
}
.shortCap{
	padding: 5px;
}
.captionCheck{
	display:none !important;
}
.imgss #addCaption{
	margin-bottom:5%;
}
.carousel .carousel-captions{
	position:absolute;
	top:4%;
	left:39%;
	display:none;
}
.carousel-captions textarea,.carousel-captions select{
	width: 100%;
    background: rgba(0,0,0,0.3);
    color: #fff;
    border: 1px solid #fff;
}
#lightbox .modal-body{
	overflow:scroll;
	padding-top:0px;
}
#lightbox .modal-content{
	border:none;
}
.carousel #addCaption{
	margin-top:5px;
	width:auto;
	border-color:#fff;
	color:#ffff;
}
.ChangeCap{
	color:#337ab7;
}
.ui-front {
		z-index:2000;
	}
.nopadding-left{
	padding-left:0px;
}
div.token-input-dropdown-facebook {
	z-index: 11001 !important;
}
.chat_body{
	background:#bdc3c7;
	height:400px;
	padding:5px 0px;
	overflow:auto;
	overflow-x: hidden;
	border: 1px solid black;
	
}

.chat_head{
	background:#57a7b3;
	color:white;
	padding:20px;
	font-weight:bold;
	cursor:pointer;
	border-radius:7px 7px 0px 0px;
}
.chat_box{
	position:fixed;
    right: 36px;
    bottom: 7px;
    width: 183px;
	border-color:black;
}
.ntf{
	background:#fff;
	box-shadow: 1px 2px 2px #DDD;
	max-height:350px;
	overflow-y:scroll;
	overflow-x: none;
	min-width: 200px;
	max-width:300px;
        
}
.ntf li a{
	color:rgba(0,0,0,0.7);
	font-size:14px;
	font-family:'OpenSans-Semibold' !important;
	font-weight:normal;
	padding: 10px 10px !important;
	white-space: normal !important;
}
.ntf li{
	border-bottom:1px solid #DDD;
}
.ntf li a:hover,.ntf li:hover{
	background:#f1f3f4;
	color:#000;
}
#chat-message{
	position: fixed;
    width: 246px;
    height: 600px;
    /*border: 1px solid #ccc;*/
       margin-top: 247px;
    margin-left: 843px;
    /*margin-bottom: 2px;*/
    
}
.modal-open .modal {
    overflow-y:scroll;
   
}
.modal-content{
     border-top:none;
}
.dropdown-chat{
	height: 252px;
}
.dropdown-chat::-webkit-scrollbar {
    width: 15px;
}

.dropdown-chat::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #4da6ff; 
}
ul.dropdown-menu.dropdown-user.ntfs.dropdown-chat
{
	border-radius: 10px;
	text-align: center;
	height: 252px;
}