@import url('../fontawesome/font-awesome.css'); /*Icons Fonts*/
@import url('https://fonts.googleapis.com/css?family=Raleway:400,700');

body {
	background-color: #f9f9f9;
	color: #85868d;
	font-family: 'Raleway', sans-serif;
	position: relative;
	min-height: 100vh !important;
}

body, html {
	overflow-x: hidden;
}

strong, b {
	font-weight: 700;
}

.transit {
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

a:focus {
	outline: none;
}

a:hover {
	text-decoration: none;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

/*****************************
Loader
*****************************/
.loading-container {
	position: fixed;
	background-color: #f9f9f9;
	z-index: 9;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	cursor: wait;
}

.loading {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	transform: rotate(45deg);
}

.loading div {
	width: 16px;
	height: 16px;
	position: absolute;
}

.l1 div, .l2 div, .l3 div, .l4 div {
	width: 100%;
	height: 100%;
}

.l1 div {
	background-color: #2ecc71;
}

.l2 div {
	background-color: #9b59b6;
}

.l3 div {
	background-color: #3498db;
}

.l4 div {
	background-color: #f1c30f;
}

.l1 {
	transform: translate(0, 0);
}

.l2 {
	transform: translate(0, 16px);
}

.l3 {
	transform: translate(16px, 0px);
}

.l4 {
	transform: translate(16px, 16px);
}

@
keyframes rot1 { 0%{
	transform: rotate(0deg);
}

40%{
transform
:
 
rotate
(0deg);
 
}
50%{
transform
:
 
rotate
(0deg);
 
}
60%{
transform
:
 
rotate
(90deg);
 
}
100%{
transform
:
 
rotate
(90deg);
 
}
}
@
keyframes rot2 { 0%{
	transform: rotate(0deg);
}

40%{
transform
:
 
rotate
(0deg);
 
}
50%{
transform
:
 
rotate
(0deg);
 
}
60%{
transform
:
 
rotate
(-90deg);
 
}
100%{
transform
:
 
rotate
(-90deg);
 
}
}
@
keyframes rot3 { 0%{
	transform: rotate(45deg);
}

35%{
transform
:
 
rotate
(45deg);
 
}
65%{
transform
:
 
rotate
(405deg);
 
}
100%{
transform
:
 
rotate
(405deg);
 
}
}
@
keyframes l1-rise { 0%{
	transform: translate(0px, 0px);
}

30%{
transform
:
 
translate
(-4px
,
-4
px
);
 
}
70%{
transform
:
 
translate
(-4px
,
-4
px
);
 
}
100%{
transform
:
 
translate
(0px
,
0
px
);
 
}
}
@
keyframes l2-rise { 0%{
	transform: translate(0, 16px);
}

30%{
transform
:
 
translate
(-4px
,
20
px
);
 
}
70%{
transform
:
 
translate
(-4px
,
20
px
);
 
}
100%{
transform
:
 
translate
(0
,
16
px
);
 
}
}
@
keyframes l3-rise { 0%{
	transform: translate(16px, 0px);
}

30%{
transform
:
 
translate
(20px
,
-4
px
);
 
}
70%{
transform
:
 
translate
(20px
,
-4
px
);
 
}
100%{
transform
:
 
translate
(16px
,
0
px
);
 
}
}
@
keyframes l4-rise { 0%{
	transform: translate(16px, 16px);
}

30%{
transform
:
 
translate
(20px
,
20
px
);
 
}
70%{
transform
:
 
translate
(20px
,
20
px
);
 
}
100%{
transform
:
 
translate
(16px
,
16
px
);
 
}
}
.l1 {
	animation: l1-rise 3s ease 0s infinite;
}

.l2 {
	animation: l2-rise 3s ease 0s infinite;
}

.l3 {
	animation: l3-rise 3s ease 0s infinite;
}

.l4 {
	animation: l4-rise 3s ease 0s infinite;
}

.l1 div, .l4 div {
	animation: rot1 3s ease 0s infinite;
}

.l2 div, .l3 div {
	animation: rot2 3s ease 0s infinite;
}

/*****************************
Left Panel (aside navigation)
*****************************/
aside.left-panel {
	background-color: #3f8738;
	width: 230px;
	position: fixed;
	padding: 25px 0px;
	box-shadow: inset -5px 0px 8px rgba(0, 0, 0, 0.3);
	height: 100%;
	top: 0px;
	left: 0px;
}

aside.left-panel.collapsed {
	overflow: visible !important;
	position: absolute;
	bottom: 0px;
}

/*** Aside sizes ***/
aside.left-panel.lg {
	width: 250px;
}

aside.left-panel.lg+.content {
	margin-left: 250px;
}

/*** Aside Collapsed ***/
@media ( min-width : 768px) {
	aside.left-panel.collapsed {
		width: 75px;
		text-align: center;
	}
	aside.left-panel.collapsed+.content {
		margin-left: 75px;
	}
	aside.left-panel.collapsed .user .user-login, aside.left-panel.collapsed span.nav-label
		{
		display: none;
	}
	aside.left-panel.collapsed .navigation>ul>li>a {
		padding: 20px;
	}
	aside.left-panel.collapsed i.fa {
		font-size: 22px;
	}
	aside.left-panel.collapsed .navigation>ul>li.has-submenu:after {
		display: none;
	}
}

/*****************************
User
*****************************/
.user {
	margin-bottom: 35px;
}

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

.collapsed > .user img{
	padding: 8px; 
} 

.user img {
	padding: 8px 21px;
}

.user .user-login {
	display: inline-block;
}

.user .user-login .btn {
	border: 1px solid #343847;
	background-color: transparent;
	color: #616574;
	padding: 4px 8px;
}

.user-login .dropdown-menu {
	border: 1px solid #343847;
	color: #616574;
	background-color: rgba(11, 86, 161, 1);
	width: 100%;
	margin-top: -1px;
	min-width: 100%;
	border-radius: 0px 0px 4px 4px;
	border-top: 0px;
}

.user-login .dropdown-menu li a {
	font-size: 12px;
	color: #616574;
	padding: 4px 8px;
}

.user-login .dropdown-menu li a:hover, .user-login .dropdown-menu li a:focus
	{
	background-color: #616574;
	color: #fff;
}

.user .user-login .status-icon {
	font-size: 6px;
	line-height: 0px;
	margin-right: 2px;
	position: relative;
	bottom: 2px;
}

.user .user-login .status-icon.available {
	color: #27c7bc;
}

.user .user-login .status-icon.busy {
	color: #EC971F;
}

.user .user-login .status-icon.invisibled {
	color: #4a4e5d;
}

.user .user-login .status-icon.signout {
	color: rgba(232, 90, 41, 1);
}

/*****************************
Navigation
*****************************/
.navigation {
	margin: 20px 0px;
}

.navigation>ul>li {
	position: relative;
}

.navigation>ul>li:hover>i , .navigation>ul>li.active>i{
	color: #fff;
}

.navigation>ul>li>i {
	float: left;
    margin: 13px;
    color: #c2c3c7; 
}

.navigation>ul>li.has-submenu:after {
	content: "\f105";
	font-family: 'FontAwesome';
	display: inline-block;
	position: absolute;
	color: #c2c3c7;
	right: 15px;
	transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	top: 10px;
	visibility: hidden;
}

.navigation>ul>li.active.has-submenu:after, .navigation>ul>li.has-submenu:hover:after
	{
	color: #fff;
}

.navigation>ul>li>a {
	display: block;
	padding: 12px 25px;
	color: #fff;
	text-transform: uppercase;
	font-size: 13px; 
	text-decoration: none;
	font-weight: 800;
	border-bottom: 1px solid #186610;
	transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
}

.navigation>ul:hover>li.active>a {
	background-color: transparent;
	box-shadow: none;
	color: #c2c3c7;
}

.navigation>ul>li:hover>a, .navigation>ul>li.active:hover>a, .navigation>ul>li.active>a
	{
	color: #fff;
	background-color: #4c2881;
	-webkit-box-shadow: inset -6px 0 8px -2px rgba(0, 0, 0, 0.3);
	box-shadow: inset -6px 0 8px -2px rgba(0, 0, 0, 0.3);
}

.navigation ul li a i {
	margin-right: 6px;
	font-size: 14px;
}

/*** Sub Menu ***/
.navigation ul li ul {
	display: none;
	background-color: #308229;
	-webkit-box-shadow: inset -6px 0 8px -2px rgba(0, 0, 0, 0.2);
	box-shadow: inset -6px 0 8px -2px rgba(0, 0, 0, 0.2);
	color: #fff;
}


.navigation ul li ul li{
	
    list-style: none;
}

.navigation>ul>li>ul>li:hover>a{
	background-color: #4c2881;
}

aside:not (.collapsed ) .navigation ul li.active ul {
	display: block;
}

.navigation ul li ul li a {
	color: #fff;
	text-decoration: none;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	border-left: 0px solid #5e6271;
	text-align: left;
	display: block;
	padding: 7px;
}

.navigation ul li ul li a:hover, .navigation ul li ul li.active a {
	border-left: 5px solid #4c2881;
	color: #fff;
}

/*** Aside Collapsed Sub Menu ***/
@media ( min-width : 768px) {
	aside.left-panel.collapsed .navigation ul li ul {
		position: absolute;
		z-index: 3;
		left: 100%;
		top: 0px;
		background-color: #F2F2F4;
		box-shadow: none;
		padding: 10px 0px;
		min-width: 200px;
		border: 1px solid #dddddd;
	}
	aside.left-panel.collapsed .navigation ul li ul:before {
		display: block;
		content: "";
		height: 20px;
		width: 20px;
		border-color: transparent #F2F2F4 transparent transparent;
		border-width: 10px;
		border-style: solid;
		position: absolute;
		cursor: pointer;
		right: 100%;
		top: 22px;
	}
	aside.left-panel.collapsed .navigation>ul>li:hover>ul {
		display: block !important;
	}
	aside.left-panel.collapsed .navigation ul li ul li a {
		border: 0px;
		color: #8f8f9f;
		border-bottom: 1px dashed #ECECEE;
	}
}

/*****************************
Top Header
*****************************/
header {
	background-color: #f2f2f4;
	border-bottom: 1px solid #ececee;
	padding-top: 4px;
	padding-bottom: 4px;
}

.navbar-toggle {
	margin: 8px 20px 8px 0px !important;
	display: block !important;
	padding-left: 0px !important;
}

.navbar-toggle .icon-bar {
	background-color: #b3b3be;
}

.app-search {
	position: relative;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-right: 15px;
}

.app-search .form-control, .app-search .form-control:focus {
	border: 1px solid #d3d3db;
	font-size: 13px;
	color: #c4c4cd;
	padding-left: 30px;
	background: none;
	box-shadow: none;
}

.app-search:before {
	content: "\f002";
	position: absolute;
	left: 12px;
	font-family: FontAwesome;
	cursor: pointer;
	top: 7px;
	color: #c4c4cd;
	display: inline-block;
}

.app-search .form-control::-moz-placeholder {
	color: #c4c4cd;
}

/*** Nav Toolbar (right)***/
header .navbar-default .navbar-nav>li>a {
	color: #b3b3be;
}

/*** Nav Toolbar (right)***/
.nav-toolbar {
	margin: 8px 0px;
	float: right;
}

.nav-toolbar>li {
	padding: 0px;
	display: inline-block;
	margin-left: 5px;
	position: relative;
	list-style: none;
}

.nav-toolbar li span.badge {
	position: absolute;
	top: -3px;
	right: -3px;
	background-color: #8d82b5;
	font-weight: 300;
	cursor: pointer;
	height: 18px;
	width: 18px;
	padding: 1px;
}

.nav-toolbar li span.badge.bg-info {
	background-color: #8d82b5;
}

.nav-toolbar li span.badge.bg-warning {
	background-color: #E35B5A;
}

.nav-toolbar>li>a {
	color: #d3d3db;
	font-size: 18px;
	border: 1px solid #d3d3db !important;
	border-radius: 50px !important;
	height: 34px; 
	width: 34px;
	text-align: center;
	display: block;
	padding: 4px;
}


.nav-toolbar>li>a:hover {
	color: #C1C1C9;
	border: 1px solid #C1C1C9;
}

.nav-toolbar .dropdown-menu.panel {
	padding-top: 0px;
	padding-bottom: 0px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}

/*****************************
Content Area (right)
*****************************/
.content {
	margin-left: 230px;
	width: auto !important;
}

.content>.container-fluid {
	padding-left: 25px;
	padding-right: 25px;
}

.warper {
	padding-top: 20px;
	padding-bottom: 20px;
	min-height: 550px;
}

/*** Page Header / Page Title ***/
.page-header {
	margin: 0px !important;
	border: 0px !important; 
}

.page-header h1 {
	color: #84868e;
	font-weight: 300;
	font-size: 32px;
	margin-top: 15px;
	margin-bottom: 20px;
}

.page-header * {
	font-weight: 300;
}

.page-header * small {
	font-size: 14px;
	color: #9D9EA5;
}

/*****************************
Custom Margins & Paddings
*****************************/
.no-margn {
	margin: 0px;
}

.margn-t-xs {
	margin-top: 5px;
}

.margn-t-sm {
	margin-top: 10px;
}

.no-padd {
	padding: 0px;
}

.padd-xs {
	padding: 5px;
}

.padd-sm {
	padding: 10px;
}

.padd-md {
	padding: 15px;
}

.padd-lg {
	padding: 20px;
}

.padd-t-xs {
	padding-top: 5px;
}

.padd-t-sm {
	padding-top: 10px;
}

.padd-t-md {
	padding-top: 15px;
}

.padd-t-lg {
	padding-top: 20px;
}

/*****************************
Styled Radio/Checkbox
*****************************/
.cr-styled {
	display: inline-block;
	margin: 0px 2px;
}

.cr-styled i {
	display: inline-block;
	height: 20px;
	width: 20px;
	cursor: pointer;
	vertical-align: middle;
	border: 2px solid #CCC;
	border-radius: 3px;
	text-align: center;
	padding-top: 1px;
	font-family: 'FontAwesome';
}

.cr-styled input {
	visibility: hidden;
	display: none;
}

/* Checkbox */
.cr-styled input[type=checkbox]:checked+i:before {
	content: "\f00c";
}

/* Radio */
.cr-styled input[type=radio]+i {
	border-radius: 20px;
}

.cr-styled input[type=radio]:checked+i:before {
	content: "\f111";
}

/*** cr-styled Theaming/Colorss ***/
.cr-styled input:checked+i {
	border-color: #a49bc4;
	color: #a49bc4;
}

/*****************************
 Pages / Widgets / Elements 
*****************************/

/****Dashboard Stats****/
.dashboard-stats.panel {
	position: relative;
	cursor: pointer;
	padding: 10px 10px 10px 106px;
}

.dashboard-stats i.fa.stats-icon {
	width: 80px;
	padding: 20px;
	font-size: 40px;
	position: absolute;
	margin-left: 10px;
	left: 0px;
	top: 10px;
	text-align: center;
	z-index: 1;
	color: #fff;
	height: 80px;
}

.dashboard-stats.rounded i.fa.stats-icon, .dashboard-stats.rounded.panel
	{
	border-radius: 50px;
}

.dashboard-stats .sparkline {
	position: absolute;
	left: 30px;
	top: 20px;
	opacity: 0;
}

.dashboard-stats h3 {
	margin-top: 14px;
}

.dashboard-stats small {
	font-size: 14px;
	margin-left: 6px;
	opacity: 0.8;
}

.dashboard-stats:hover i.fa.stats-icon {
	/*right:10px;*/
	left: 100%;
	margin-left: -90px;
}

.dashboard-stats:hover h3, .dashboard-stats:hover p {
	opacity: 0;
}

.dashboard-stats:hover .sparkline, .dashboard-stats:hover i.fa.stats-icon
	{
	opacity: 1;
}

/****Messages-Chating****/
.messages {
	max-height: 520px;
	overflow: auto;
}

.messages .media {
	padding-top: 18px;
	padding-bottom: 18px;
	margin: 0px;
	border-top: 1px dashed #eaeef1;
}

.messages .media:first-child {
	border: 0px;
}

.messages .media .media-body .media {
	margin-top: 18px;
	padding-bottom: 0px;
}

/*user status icon*/
.user-status {
	position: relative;
	display: inline-block;
}

.user-status:before, .user-status:before {
	content: "";
	display: inline-block;
	height: 12px;
	width: 12px;
	border-radius: 100%;
	background-color: #666;
	position: absolute;
	top: 0px;
	right: 0px;
	border: 2px solid #fff;
}

/*user status icon color*/
.user-status.online:before {
	background-color: #70ba63;
}

.user-status.busy:before {
	background-color: #01a0e6;
}

.user-status.invisibled:before {
	background-color: #f2b635;
}

.user-status.offline:before {
	background-color: #f25648;
}

.messages .media>.pull-left {
	margin-right: 15px;
}

.messages .media>.pull-right {
	margin-left: 15px;
}

.messages .media>.pull-right+.media-body {
	text-align: right;
}

.messages .media img.media-object {
	width: 54px;
	border-radius: 100%;
}

.messages .media .media-body {
	font-size: 13px;
}

/****ToDo List****/
.todo-list li {
	border: 0px;
	margin: 0px;
	border-radius: 0px;
	border-bottom: 1px dashed #e0e0e0;
}

/****Activities List****/
.activities-list {
	max-height: 560px;
	overflow: auto;
}

.activities-list>li {
	position: relative;
	padding: 10px 95px 10px 40px;
}

.activities-list>li:before {
	content: "";
	position: absolute;
	left: 15px;
	top: 0px;
	height: 100%;
	border-left: 1px solid #ccc;
}

.activities-list>li:after {
	content: "";
	position: absolute;
	left: 10px;
	top: 10px;
	height: 12px;
	width: 12px;
	border-radius: 20px;
	border: 1px solid #ccc;
	background-color: #fff;
}

.activities-list>li span.time {
	font-size: 12px;
	color: #ccc;
}

.activities-list li .activity-actions {
	position: absolute;
	right: 0px;
	top: 25px;
}

.activities-list>li.info-activity:before, .activities-list>li.info-activity:after
	{
	border-color: #4fcdfc;
}

.activities-list>li.warning-activity:before, .activities-list>li.warning-activity:after
	{
	border-color: #fcd036;
}

.activities-list>li.danger-activity:before, .activities-list>li.danger-activity:after
	{
	border-color: #ff6264;
}

.activities-list>li.success-activity:before, .activities-list li.success-activity:after
	{
	border-color: #68b828;
}

.activities-list>li.primary-activity:before, .activities-list>li.primary-activity:after
	{
	border-color: #7c38bc;
}

.activities-list>li.info-activity:before, .activities-list>li.info-activity:after
	{
	border-color: #4fcdfc;
}

/*****************************
Footer
*****************************/
.footer {
	background-color: #f2f2f4;
	border-top: 1px solid #ececee;
	padding-bottom: 15px;
	padding-top: 15px;
}

/***********************************************
================================================
 Custom Bootstrap / Overwriting
================================================
************************************************/

/*****************************
 Grid
*****************************/
.row.no-gutter {
	margin-left: 0;
	margin-right: 0;
}

.row.no-gutter [class*="col-"]:not (:first-child ), .row.no-gutter [class*="col-"]:not
	(:last-child ) {
	padding-left: 0;
	padding-right: 0;
}

/*****************************
 Color >> Backgrounds + Text 
*****************************/
.bg-white {
	background-color: #fff;
}

.text-white {
	color: #fff;
}

.bg-pink {
	background-color: #eaa1bd;
}

.text-pink {
	color: #eaa1bd;
}

.bg-yellow {
	background-color: #f9dc85;
}

.text-yellow {
	color: #f9dc85;
}

.bg-gray {
	background-color: #b2b2b2;
}

.text-gray {
	color: #b2b2b2;
}

.bg-lightgray {
	background-color: #fbfbfd;
}

.text-lightgray {
	color: #fbfbfd;
}

.bg-red {
	background-color: #F16364;
}

.text-red {
	color: #F16364;
}

.bg-blue {
	background-color: #00a0e6;
}

.text-blue {
	color: #00a0e6;
}

.bg-green {
	background-color: #67BF74;
}

.text-green {
	color: #67BF74;
}

.bg-purple {
	background-color: #8d82b5;
}

.text-purple {
	color: #8d82b5;
}

.bg-yellow {
	background-color: #F9A43E !important;
}

.text-yellow {
	color: #F9A43E;
}

.bg-orange {
	background-color: #F58559 !important;
}

.text-orange {
	color: #F58559;
}

.bg-test {
	background-color: #79B9D9 !important;
}

.text-test {
	color: #79B9D9;
}

.bg-warning {
	background-color: #FEB252 !important;
}

.text-warning {
	color: #FEB252;
}

.bg-danger {
	background-color: #E9573F !important;
}

.text-danger {
	color: #E9573F;
}

.bg-success {
	background-color: #70BA63 !important;
}

.text-success {
	color: #70BA63;
}

.bg-info {
	background-color: #4DC5F9 !important;
}

.text-info {
	color: #4DC5F9;
}

/*****************************
 Form Elements
*****************************/

/*** Custom Colors Btn ***/
.btn-purple {
	background-color: rgba(232, 90, 41, 1);
	border-color: #6b5f98;
	color: #fff;
}

.btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active,
	.open .dropdown-toggle.btn-purple {
	background-color: rgba(243, 82, 38, 1);
	color: #fff;
}

.btn-green {
	background-color: #70ba63;
	border-color: #579e4b;
	color: #fff;
}

.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active,
	.open .dropdown-toggle.btn-purple {
	background-color: #579e4b;
	color: #fff;
}

/*** Btn Shapes ***/
.btn-circle, .form-control-circle, .btn-group .btn-circle:first-child:not
	(:last-child ):not (.dropdown-toggle ){
	border-radius: 50px;
}

.btn-flat, .form-control-flat {
	border-radius: 0px;
}

/*****************************
Form Elements
*****************************/
.has-feedback div[class*=col-] .form-control-feedback {
	right: 15px;
	line-height: 34px;
}

/*****************************
Panel Styling
*****************************/
.panel {
	margin-bottom: 30px;
}

.panel-heading {
	font-weight: 700;
}

.panel-heading small, .panel-heading span, .panel-heading.un-bold {
	font-weight: 400;
}

/*** default ***/
.panel-default>.panel-heading, .panel-default>.panel-footer {
	border-color: #e8e8eb;
	box-shadow: none;
}

.panel-default>.ui-dialog-titlebar{
	border-color: #e8e8eb;
	box-shadow: none;
	color: #9D9EA5;
    background-color: rgb(245, 245, 245);
    background-image: none;
}

.panel-default>.panel-heading, .btn-default {
	color: #9D9EA5;
}

.panel-default>.ui-dialog-content{
	 background-color: #fff;
}

.form-horizontal .form-group {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

/*** primary ***/
.panel-primary {
	border-color: #8d82b5;
}

.panel-primary>.panel-heading, .panel-primary>.panel-footer {
	border-color: #8d82b5;
	background-color: #8d82b5;
	box-shadow: none;
}

/*** success ***/
.panel-success {
	border-color: #70ba63;
}

.panel-success>.panel-heading, .panel-success>.panel-footer {
	border-color: #70ba63;
	background-color: #70ba63;
	color: #fff;
	box-shadow: none;
}

/*** info ***/
.panel-info {
	border-color: #4cbceb;
}

.panel-info>.panel-heading, .panel-info>.panel-footer {
	border-color: #4cbceb;
	background-color: #4cbceb;
	color: #fff;
	box-shadow: none;
}

/*** warning ***/
.panel-warning {
	border-color: #feb252;
}

.panel-warning>.panel-heading, .panel-warning>.panel-footer {
	border-color: #feb252;
	background-color: #feb252;
	color: #fff;
	box-shadow: none;
}

/*** danger ***/
.panel-danger {
	border-color: #e35b5a;
}

.panel-danger>.panel-heading, .panel-danger>.panel-footer {
	border-color: #e35b5a;
	background-color: #e35b5a;
	color: #fff;
	box-shadow: none;
}

/*** Clean Panel Heading ***/
.panel-heading.clean, .panel-footer.clean {
	background: none;
	border: none;
}

/*****************************
 Dropdown
*****************************/
.dropdown-menu {
	
}

.dropdown-menu>li>a {
	color: #84868e;
}

/*** Dropdown Menu Sizes ***/
.dropdown-menu.md {
	min-width: 300px
}

.dropdown-menu.lg {
	min-width: 400px;
}

.dropdown-menu.arrow:after, .dropdown-menu.arrow:before {
	content: "";
	display: block;
	position: absolute;
	height: 11px;
	width: 11px;
	border-color: inherit;
	border-style: solid;
	border-width: 11px;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	position: absolute;
	bottom: 100%;
	left: 6px;
}

.dropdown-menu.arrow.arrow-top-right, .dropdown-menu.arrow.arrow-top-left
	{
	top: calc(100% + 15px);
}

/**Top Right Arrow**/
.dropdown-menu.arrow.arrow-top-right:after, .dropdown-menu.arrow.arrow-top-right:before
	{
	border-bottom-color: inherit;
	right: 6px;
	left: auto;
}

.dropdown-menu.arrow.arrow-top-right:before {
	right: 5px;
	left: auto;
}

.dropdown-menu.arrow.arrow-top-right:after {
	border-bottom-color: #fff;
}

/**Top Left Arrow**/
.dropdown-menu.arrow.arrow-top-left:after, .dropdown-menu.arrow.arrow-top-left:before
	{
	border-bottom-color: inherit;
	left: 6px;
	left: auto;
}

.dropdown-menu.arrow.arrow-top-left:before {
	left: 5px;
}

.dropdown-menu.arrow:after {
	height: 10px;
	width: 10px;
	border-width: 10px;
}

.dropdown-menu.arrow.panel-default:after {
	border-bottom-color: #F5F5F5;
}

/*****************************
Progress Bars
*****************************/
.progress.progress-xxs {
	height: 4px;
}

.progress.progress-xs {
	height: 8px;
}

.progress.progress-sm {
	height: 12px;
}

.progress.progress-lg {
	height: 24px;
}

/*****************************
Horizaontal Row
*****************************/
hr.sm {
	margin-top: 15px;
	margin-bottom: 15px;
}

hr.xs {
	margin-top: 10px;
	margin-bottom: 10px;
}

hr.dotted {
	border-style: dashed;
}

hr.clean {
	border: 0px;
}

/*****************************
Tabs with panel
*****************************/
.panel.tab-pane.tabs-up {
	border-top: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

/****************************************
=========================================
Responsive Stying
=========================================
*****************************************/
@media ( max-width : 768px) {
	aside.left-panel.collapsed {
		width: 250px;
		left: 0px;
		overflow: hidden !important;
	}
	aside.left-panel.collapsed+.content {
		margin-left: 0px;
		transform: translate3d(250px, 0px, 0px);
		-ms-transform: translate3d(250px, 0px, 0px);
		-webkit-transform: translate3d(250px, 0px, 0px);
		-moz-transition: translate3d(250px, 0px, 0px);
		-o-transition: translate3d(250px, 0px, 0px)
	}
	aside.left-panel {
		left: 100%;
	}
	section.content {
		margin-left: 0px;
	}
	.content>.container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}
	.page-header h1 {
		margin-top: 0px;
	}
}

@media ( max-width : 450px) {
	.dropdown-menu {
		min-width: 280px !important;
	}
	.messages-dropdown {
		right: -80px !important;
	}
	.messages-dropdown.arrow.arrow-top-right:after {
		right: 85px;
	}
	.messages-dropdown.arrow.arrow-top-right:before {
		right: 84px;
	}
	.notifications {
		right: -40px !important;
	}
	.notifications.arrow.arrow-top-right:after {
		right: 45px;
	}
	.notifications.arrow.arrow-top-right:before {
		right: 44px;
	}
}

/****************************************
=========================================
Just For Demo / Showcase
=========================================
*****************************************/
.showcase-btn li, .showcase-btn {
	margin-bottom: 10px;
}

.showcase-switch-button {
	margin-right: 15px;
}

.showcase-pagination {
	margin-top: 10px;
	margin-bottom: 10px;
}

.showcase-icons div {
	line-height: 40px;
	cursor: pointer;
	height: 40px;
}

.showcase-icons i {
	transition: font-size 0.2s ease 0s;
	text-align: center;
	width: 40px;
}

.showcase-icons>div:hover i {
	font-size: 26px;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

table {
    background-color: transparent;
}

.table-bordered {
    border: 1px solid #ddd;
}

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 0;
}

.table-bordered  thead  tr  th, .table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}

.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 {
    border: 1px solid #ddd !important;
}

.table thead tr th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd !important;
}

.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: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    background: transparent !important;
    color: #85868d !important;
    font-family: 'Raleway', sans-serif !important;
    font-size: 14px;
}

th {
    text-align: left !important;
}

.table tbody tr td{
	background-color: #ffffff !important;
	font-family: 'Raleway', sans-serif !important;
	color: #85868d !important;
}

.table tbody tr{
	border: 1px solid #ddd !important;
}

.table-bordered{
	border: 0px !important; 
}

.table-striped tbody tr:nth-child(odd) td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9 !important;
}

.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 {
    border: 1px solid #ddd;
    border-bottom-width: 2px;
}

.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: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.ui-paginator{
	background: #fff !important; 
	border-radius: 0px;
    border: 1px solid #ddd;
    padding: 20px 10px 10px 10px !important;
    height: 55px;
}

.ui-paginator-pages{
	background: transparent !important;
}

.ui-paginator-page, .ui-paginator-prev, .ui-paginator-next{
	background: #f9f9f9 !important; 
    color: #888990 !important;
    border: 1px solid #888990 !important;
}

.ui-paginator-pages > .ui-state-active{
	background: #888990 !important;
    color: #fff !important;
    border: 1px solid #888990 !important;
} 

.ui-state-default .ui-icon{
	background-image: url(/conecta/javax.faces.resource/images/ui-icons_808080_256x240.png.jsf?ln=primefaces-south-street) !important;
}

.ui-paginator-current{
	float: left !important;
	font-family: 'Raleway', sans-serif !important;
	color: #85868d !important;
	font-weight: normal !important; 
	font-size: 14px;
}

.ui-autocomplete-items{
	background:  #fff !important;
	border: 1px solid #888990 !important;
}

.ui-autocomplete-item{
	height: 30px !important;
	background:  #fff !important;
	border: 1px solid #888990 !important;
}

.ui-state-highlight{
	border: 1px solid #888990 !important;
    background: rgba(136, 137, 144, 0.22) !important;
}

.btn{
	color: #646569 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
    background: none !important;
}

.btn-end {
	color: #d3d3db !important; 
	font-size: 18px;
	border: 1px solid #d3d3db !important;
	border-radius: 50px !important;
	height: 34px;
	width: 34px;
	text-align: center;
	display: block;
	padding: 4px;
}

.ui-icon.fa {
     text-indent:0px;
     background-image:none !important;
}

.ui-button-text-icon-left .ui-button-text {
    padding: .1em 0.1em .1em 1.3em;
}

.ui-widget-overlay{ 
	background: none !important; 
}

.fa-label{
	display: table-cell !important; 
	font-size: 14px !important;
}

.control-label{
	color: rgb(133, 134, 141);
    font-family: Raleway, sans-serif;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.txt-right{
	text-align: right;
}

span.form-control {  
    padding: 0px !important;
    border: 0px !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.form-control input {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 12px !important;
  line-height: 1.42857143;
  color: #555 !important;
  background-color: #fff !important;
  background-image: none !important;
  border: 1px solid #ccc !important; 
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s !important;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
  float: left;
}

.form-control input.ui-autocomplete-input{
	width: calc(100% - 33px) !important;
	border-right: 0px !important;
	border-radius: 4px 0px 0px 4px;
}

.form-control .ui-autocomplete-dropdown{
	border-left: 0px !important;
    background: #fff !important;
    border-color: #ccc !important;
}

.form-control >.ui-autocomplete-dropdown {
    height: 34px !important;
    float: left;
}

.form-control .ui-autocomplete-dropdown span.ui-button-icon-primary {
    background-image: url(../images/autocomplete-icon.png) !important;
    left: 17px;
    top: 6px;
    width: 20px;
    height: 20px;
    margin: 0px;
    background-position: 0px;
}

.ui-sortable-column-icon{
    background-image: url(/conecta/javax.faces.resource/images/ui-icons_808080_256x240.png.jsf?ln=primefaces-south-street) !important;
}

.ui-datatable-tablewrapper table{
	width: 100%;
}

.ui-paginator {
    margin: 0px;
    text-align: center;
    padding: 2px;
}

.ui-paginator .ui-paginator-prev{
	display: inline-block;
    padding: 2px 6px;
    zoom: 1;
    margin-left: 1px;
    margin-right: 1px;
    text-decoration: none;
    outline: none;
    border-radius: 6px;
}

.ui-paginator .ui-paginator-prev .ui-icon{
	height: auto;
    overflow: inherit;
}

.ui-paginator .ui-paginator-next{
	display: inline-block;
    padding: 2px 6px;
    zoom: 1;
    margin-left: 1px;
    margin-right: 1px;
    text-decoration: none;
    outline: none;
    border-radius: 6px;
}

.ui-paginator .ui-paginator-next .ui-icon{
	height: auto;
    overflow: inherit;
}

.ui-button-icon-only{
	padding: 6px !important;
}

.ui-paginator .ui-paginator-page{
	display: inline-block;
    padding: 2px 6px;
    zoom: 1;
    margin-left: 1px;
    margin-right: 1px;
    text-decoration: none;
    outline: none;
    border-radius: 6px;
}

.ui-paginator-pages > .ui-state-active{
	background: #888990 !important;
    color: #fff !important;
    border: 1px solid #888990 !important;
}

.ui-datatable tbody td{
	padding: 4px 10px;
    overflow: hidden;
    border-width: 1px; 
    border-style: solid;
    border-color: #dddddd;
}

.fancybox-content{
	width: 100% !important;
    height: 100% !important;
}

.ui-button.ui-state-active{
	background: #4c2881 !important;
    color: #fff !important;
    font-weight: bold;
}