/*		GENERAL		*/
body {
  font-family: 'Source Sans Pro', sans-serif;
  text-align:left;
  font-size:14px;
  background:#F8F8F8;/*EFEFEF*/
}

.clear {
	clear:both;
}

.label {
	font-size:12px;
}

.label-info {
	background-color:#0DD599;
}

a {
	cursor:pointer;
}

a:hover {
	text-decoration:none;
}

.btn-primary {
	background-color:#166eb2;
	border-color:#006abc;
	font-weight:400;
}

.btn-primary:hover {
	background-color:#1367a7;
	border-color:#006abc;
	font-weight:400;
}

.btn > .badge-button
{
	background-color:#FFFFFF;
	color:#166eb2;
}

.page-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #CCC;
}

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #CCC;
}

.message {
	margin-top:20px;
	float:right;
}

.leftForm {
	text-align:left;
	margin-bottom:5px;
	font-size:14px;
	font-weight:300;
}

.leftForm label{
	font-size:14px;
	font-weight:300;
}

.btn,input {
	margin-bottom:5px;
}
	
@media(min-width:768px) {
    .leftForm {
		text-align:right;
		margin-bottom:0px;
	}
	.btn, input {
		margin-bottom:0px;
	}
}

.datepicker{
	z-index:1051 !important;	
}

.loader {
	width:32px;
	height:32px;
	margin:45px auto;
	background:url(../images/ajax-loader.gif);
}

.boxMessage{
	width:100%;
	height:auto;
	margin:5px 0;
	text-align:center;
}

.boxMessage .alert{
	float:left;
	margin-bottom:10px;
}

.boxMessage .loader {
	margin:5px auto !important;
}

.loaderScroll {
	height:32px;
	padding:10px 0;
	background:url(../images/ajax-loader.gif) no-repeat center;
	background-color:#EBEBEB;
}

.alert
{
	margin-top:20px;
	width:100%;
}

/*	SPECIAL HIDDEN CLASS	*/

.hidden-mobile-tablet {
	display:none;
}

@media(min-width:768px) {
    .hidden-mobile-tablet {
		display:block;
    }
}
@media(min-width:1117px) {
	body .modal-dialog {
		/* new custom width */
		 width:60%;
	}
}
/*
table td {
	background:#FFF;
}*/


/* Toggle Styles */

#wrapper {
    padding: 0;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 250px;
	top:0;
    width: 100%;
    height: 100%;
    margin-left: -250px;
	overflow:hidden;
	padding-top:100px;
}

#content-wrapper {
    width: 100%;
    position: absolute;
	padding: 5px;
    padding-top:105px;
	margin:0;
}

.container-fluid {
	padding: 10px;
}

@media(min-width:768px) {
    #wrapper {
        padding-left: 220px;
    }

    #sidebar-wrapper {
		top:0;
        width: 220px;
		display:block;
		padding-top:0;
    }

    #content-wrapper {
		padding-top:55px;
        padding-left: 10px;
		padding-right: 10px;
        position: relative;
    }
}
/*
@media(min-width:1117px) {
	#wrapper {
        padding-left: 250px;
    }
	#sidebar-wrapper {
		width: 250px;
	}
}
*/
/*		SIDEBAR		*/

.sidebar {
	padding: 0;
	background-color:#101010;
	width:220px;
}

@media(min-width:768px) {
	.sidebar {
		width:220px;
		display:block !important;
		border-right:2px solid #71c9f2;
	}
}

@media(min-width:1200px) {
	.sidebar {
		width:250px;
		display:block;
	}
}

.nav-sidebar {
	margin-bottom: 15px;
}

.nav-sidebar .nav-li-icon {
	width:auto;
	float:left;
	margin-right:10px;
}

.nav-sidebar .nav-li-text {
	width:auto;
	float:left;
}

.nav-sidebar > li > a, .nav-sidebar > li > a:hover {
	padding-right: 15px;
	padding-left: 15px;
	color:#c8c8c8;
	background-color:#101010;
	/*border-bottom:1px solid #282828;*/
}

.nav-sidebar .active a, .nav-sidebar .active a:hover {
	color: #fff;
	background-color: #414141;
	border-right:5px solid #71c9f2 !important;
}

.sidebar-divider {
	width:100%;
	background:#212121;
	padding:20px 15px;
	color:#CCCCCC;
	border-bottom:1px solid #292929;/*616161*/
	border-top:1px solid #292929;
	margin-bottom:10px;
}

.sidebar-brand {
	width:100%;
	height:50px;
	margin-top:10px;
	display:none;
}

.sidebar-brand img {
	margin:0 auto;
}

@media(min-width:768px) {
	.nav-sidebar > li > a:hover {
		color: #fff;
		background-color: #414141;
	}
	.sidebar-brand {
		display:block;
	}
}

/*		NAVBAR		*/
.navbar {
	z-index: 1000;
	position:fixed;
	width:100%;
	height:100px;
	background:#FFFFFF;
	text-align:left;
	border-bottom:1px solid #d5d5d5;
}

.nav-left {
	width:100%;
	float:left;
	padding-top: 13px;
	overflow:hidden;
	background:#252525;
	height:48px;
	padding:0 20px;
}

.nav-left div {
	width:auto;
	margin:0 auto;
}

.nav-left h1 {
	font-family: 'Source Sans Pro', sans-serif;
	margin:0;
	padding:0;
	float:left;
	margin-left:15px;
	margin-top:5px;
	color:#ADADAD;
	font-weight:300 !important;
	font-size:34px;
}
.nav-left i {
	margin:0;
	padding:0;
	float:left;
	margin-top:12px;
	color:#ADADAD;
}

.nav-right {
	width:100%;
	float:right;
	text-align:right;
	height:58px;
	padding-left:10px;
	padding-right:0px;
}


.nav-right ul {
	list-style-type:none;
	width:auto;
	float:right;
}

.nav-right ul li {
	width:auto;
	list-style-type:none;
	float:left;
	margin-right:10px;
	padding-top: 15px;
	padding-right:5px;
	padding-left:5px;
	text-align:center;
}

.nav-right ul li a {
	color:#999;
}
.nav-right ul li a i {
	color:#6E6E6E;
}

.nav-right .nav-divider {
	width:0;
	height:48px;
	padding:1px 0;
	border-right:1px solid #EBEBEB;
}

@media(min-width:768px) {
	.nav-right ul li {
		padding-right:0;
		padding-left:0;
		padding-top:7px;
	}
    .navbar {
		padding-left:20px;
        padding-right: 240px;
		height:50px;
    }
	.nav-left {
		width:50%;
		background:#FFF;
		padding:0;
	}
	.nav-right {
		width:45%;
	}
}

.user-name {
	font-size:16px;
	color:#FFFFFF;
}

.user-rank {
	font-size:12px;
}

/*		MAIN CONTENT		*/

.main .page-header {
  margin-top: 0;
}

.feature-options {
	text-align:left;
	margin-bottom:15px;
}

/*		AUTH		*/
.auth-panel
{
	padding:10px;
	margin:50px 5px 10px 5px;
}
.auth-panel-heading
{
	/*background:#101010;*/
	padding:0;
	text-align:center;
	width:100%;
}
/*		DASHBOARD		*/

.chartLegend li {
	list-style-type:none;
}

.chartLegend li span {
	display:inline-block;
	width:12px;
	height:12px;
	margin-right:5px;
}

.placeholders {
  margin-bottom: 20px;
  text-align: center;
}

.placeholder {
	width:100%;
	height:auto;
	margin: 10px auto;
	padding:0px 0 5px 0;
	color:#FFFFFF;
	border:1px solid #FFF;
}

.placeholder-icon {
	width:30%;
	height:auto;
	color:#FFFFFF;
	border:0;
	float:left;
	margin-top:10px;
	margin-bottom:5px;
	text-align:right;
	opacity:0.7;
}

.placeholder-main {
	width:70%;
	height:auto;
	color:#FFFFFF;
	border:0;
	float:right;
}

.placeholder-foot {
	width:100%;
	border:0;
	float:left;
}

.placeholder-foot h4 {
	color:#FFFFFF;
	font-size:14px !important;
	font-weight:300 !important;
}

.placeholder-main h2 {
	font-size:24px !important;
	margin:20px 0 0 0;
}

.placeholder-foot h4 {
	font-size:16px;
	margin:5px 0;
}

#dashboard-appointments h3 {
	margin-top:5px;
}

#dashboard-appointments .container-appointment {
	background-color:#FFFFFF;
	padding:10px;
}

#dashboard-appointments .time-appointment {
	font-size:16px;
	font-weight:700;
}

#dashboard-appointments .description-appointment {
	width:100%;
	float:right;
	padding-bottom:5px;
	border-bottom:1px solid #999;
	margin-bottom:5px;
}

#dashboard-appointments .company-appointment {
	width:60%;
	float:left;
	padding:0px 0;
	margin-top:0px;
}

#dashboard-appointments .more-appointment {
	width:39%;
	float:right;
	text-align:right;
	margin-top:0px;
}

/*		SETTINGS		*/
.settings-nav {
	padding:0;
	padding-right:15px;
	padding-left:15px;
	margin:0;
}

.settings-nav ul {
	list-style-type:none;
	padding:0;
	width:100%;
}

.settings-nav ul li {
	height:40px;
	width:100%;
	border-bottom:1px solid #d8d8d8;/*8A8A8A*/
	padding-top:10px;
}

.settings-nav ul .active {
	background-color:#f4f4f4;
}

.settings-nav ul .active a {
	color:#000;
}

.settings-nav ul li a {
	width:100%;
	color:#5e5e5e;
}

.settings-nav ul li i {
	width:auto;
	float:left;
	padding-top:2px;
	margin-left:10px;
}

.settings-nav ul li div {
	width:auto;
	float:left;
	margin-left:7px;
	padding-right:5px;
}
@media(min-width:768px) {
	.settings-nav {
		padding-right:0;
	}
}

/*		APPOINTMENTS CALENDAR		*/
.calendar {
	width:100%;
	
}

.calendar th
{
	text-align:center;
	width:14%;
	font-size:10px;	
}

.calendar td {
	background:#FFFFFF;
	width:14%;
	height:60px;
	border:1px solid #949494;
	font-size:14px;
	text-align:center;
}

td {
	text-align:left;
	}
	
.calendar a span {
	color:#616161;
	font-size:18px;
	font-weight:300;
	width:100%;
	height:100%;
	display:block;
	padding:5px 5px 0 5px;
	text-align:left;
}

@media(min-width:600px) {
    .calendar th {
		font-size:14px;
    }
	.calendar td {
		height:100px;
    }
	.calendar a span {
		font-size:30px;
	}
}
.calendar .other-month a, .calendar .other-month a span {
	opacity:0.5;
}

.calendar-sunday a span {
	color:#E60000;
}

.calendar-today {
	background-color:#D7FFFF !important;
}

.calendar-day-info {
	width:auto;
	background:#E1E1E1;
	color:#333333;
}

.calendar-sunday .calendar-day-info {
	background-color:#FFF;
}

.calendar-day-info fa {
	margin:10px 0;	
}

/*		CALLS LISTS		*/
.lists-progress-bar {
	color:#333333;
}

/*		COMPANIES		*/
.box-pagination {
	width:100%;
	text-align:center;
	}

.fieldList div {
	cursor:pointer;
}


