/* TYPOGRAPHY */
.control-label{line-height:105%;}
h1, .h1, h3,.h3 { font-weight:bold;}

/* STRUCTURE */
body{margin-bottom:60px; background-color:#f5f5f5}
header{	 /*border-bottom: 1px solid #dedee2;*/margin-bottom: 20px;background-color:#fff}
	header .navbar-default{background:white; border:none; padding-top:30px;}
	header .navbar{margin-bottom:0px}
	header .navbar-brand{ height:auto; padding:0px; position:relative; top:-15px;}

@media only screen and (min-width: 700px)  {
	header .user-name{max-width: 500px;  white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; text-align: right;}
	
}

@media only screen and (max-width: 500px)  {
	#page-content{padding-left:0px; padding-right:0px;}
	.card-view .glyphicon{text-align:center; width:100%; background-color:#2e9ce6 ;padding:8px; margin: 8px 0px; color:white}
		.card-view .glyphicon.glyphicon-trash{background-color:#e45c00; color:white}
	.card-view .title{margin-right:4px;}
}

footer{
	margin-top:50px;
	background-color:#e5e5e5;
	padding: 2px 0px;
	font-size:13px;
	position: fixed;
    min-height: 20px;
    height: 20px;
    bottom: 0;
    width: 100%;
}
footer div.col-xs-3 {
	text-align: right;
}

footer .container{}
footer .container p{margin:0px;}


.portal-nav-sidebar{	position:relative;
	left:-15px;
}
.portal-nav-sidebar .nav>li{ border-bottom: 1px solid #000;}
.portal-nav-sidebar .nav>li>a { padding:10px 8px; color:#000; font-weight:bold; text-transform:uppercase;}
.portal-nav-sidebar	.nav>li>a:hover{color:#2e9ce6;}
.portal-nav-sidebar	.nav>li>a:focus, .portal-nav-sidebar .nav > li > a.selected {color:#2e9ce6; text-transform:uppercase;}

/* FORM */
.form-control{border:none;}
.btn-primary { padding: 10px 18px; border:none; text-transform: uppercase; font-weight:bold;}
.btn{text-transform: uppercase; font-weight:bold;}	
.btn-group .btn-default.dropdown-toggle, .btn-group.open .btn-default.dropdown-toggle {
  background: transparent;
  color: #333;
  border: 1px solid #ddd;
  font-weight: normal;
  padding: 6px 12px;
  select
}
/* FORM VALIDATION */
.form-control.error,
.form-control.stk-error{border-color:red;}
label.error,
label.stk-error{ font-weight:normal; color:red;}	


/* COLORS */
.bg-primary-light{ background-color:#3054ae;}

/* PANELS */
.panel-body {background-color: #f5f5f5;}
	
/* NOTIFICATION BOXES*/
.notification-boxes {}
.notification-boxes .box {
	margin-bottom: 30px;
	padding: 25px;
	text-align: center;
	background-color: #fff ;
	min-height: 318px;
}

.notification-boxes .box h3 {
	margin-top: 15px;
    margin-bottom: 5px;
	letter-spacing: 0.5px;
	font-weight:bold;
	font-size:27px;
	min-height: 60px;
}
.notification-boxes .box .glyphicon{
	margin-top:10px;
	font-size: 60px;
	color:#2e9ce6;
}
.notification-boxes .box p {
	min-height:3.6em;
	line-height:1.2em;
}
.notification-boxes .box .btn-transparent {
	margin-top: 10px;
	border: 1px solid #2e9ce6;
}
.notification-boxes .box .btn-transparent:hover {}
.notification-boxes .professionalIcon {
	width: 25%;
	padding-bottom: 28%
}
.notification-boxes .professional h3 {
	margin-top: -42px !important;
}
.professional .btn {
	margin-top: 40px !important;
}
.notification-boxes .box .glyphicon.notification-envelop {
	position: absolute;
	font-size: 27px;
	top: 10px;
	right: 36px;
}

/* APPOINTMENT */
.fixed-table-body{ height:inherit;}
.divTableRow {	display: inline;}

.divTableCell, .divTableHead {
	display:inline-block;
	border: 1px solid #2e9ce6;
	color: #2e9ce6;
	padding: 4px 10px;
	margin: 4px;
	font-size: 18px;
	font-weight:bold;
	background: transparent;
	min-width: 122px;
	text-align: center;
}
.divTableCell:hover, .divTableHead:hover{
	background: #2e9ce6;
	color:white;
	cursor:pointer;
}
.divTableCellPaint, divTableHeadPaint {
	display:inline-block;
	border: 1px solid #2e9ce6;
	padding: 4px 10px;
	margin: 4px;
	font-size: 18px;
	font-weight:bold;
	background: #2e9ce6;
	color:white;
	min-width: 122px;
	text-align: center;
}

.divTableCellNoRegistry, .divTableHead {
	display:inline-block;
	border: 1px solid #009D45;
	color: #009D45 !important;
	padding: 4px 10px;
	margin: 4px;
	font-size: 18px;
	font-weight:bold;
	background: transparent;
	min-width: 122px;
	text-align: center;
}
.divTableCellNoRegistry:hover, .divTableHead:hover{
	background: #009D45;
	color:white !important;
	cursor:pointer;
}
.divTableCellNoRegistryPaint, divTableHeadPaint {
	display:inline-block;
	border: 1px solid #009D45;
	padding: 4px 10px;
	margin: 4px;
	font-size: 18px;
	font-weight:bold;
	background: #009D45;
	color:white !important;
	min-width: 122px;
	text-align: center;
}

/* GENERIC PROFESSIONAL ICONS */
.professionalIcon {
	width: 45%;
	height: 0;
	padding-bottom: 47%;
	background-image: url(../img/icons_professional_icons_spritesheet.svg);
	margin: 0 auto;
	background-size: 300% 200%;
	background-position-x: calc(-25% * 2);
	filter: invert(55%) sepia(34%) saturate(1009%) hue-rotate(164deg) brightness(100%) contrast(99%);
}

.professionalIcon-doctor {
	background-position-y: calc(-25% * 0);
}

.professionalIcon-nurse {
	background-position-y: calc(-100% * 1);
}

.professionalIcon-male {
	background-position-x: calc(25% * 0);
}

.professionalIcon-female {
	background-position-x: calc(-100% * 1);
}



/* MESSAGE MANAGEMENT*/
.threadSelected td{background-color:#adabab !important;}
.notRead {  font-weight: bold;}

.conditions > div {
	padding-right: 20px;
    float: left;
}