@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);

body {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	background-color:#f7f7f7;
	font-family:'Open Sans',sans-serif;
}
h1,h2,h3,h4,h5,h6,p,ul,li,a,table,dt,dd,div {
	font-family:'Open Sans',sans-serif;
}
h2,
h2 span, 
h2 a {
	font-size:1.5rem;
}
h3,
h3 span, 
h3 a { 
	font-size:1.375rem;
}
h4, 
h4 span,
h4 a { 
	font-size:1.25rem;
}
h5, 
h5 span,
h5 a {
	font-size:1.125rem; 
}
h6, 
h6 span,
h6 a {
	font-size:1rem; 
}
label, 
p, 
ul, 
ol, 
a, 
blockquote, 
input, 
textarea, 
select, 
[type=date], 
[type=text], 
[type=email], 
span { 
	font-size:0.9375rem;
	line-height:1.7;
}
.container.mywidget h1, 
.container.mywidget h2, 
.container.mywidget h3, 
.container.mywidget h4, 
.container.mywidget h5, 
.container.mywidget h6 {
    clear: both;
    line-height: 1.6;
    margin: 0 0 0.75em;
    padding: 1.5em 0 0;
}
.container.mywidget div h1:first-child,
.container.mywidget div h2:first-child,
.container.mywidget div h3:first-child,
.container.mywidget div h4:first-child,
.container.mywidget div h5:first-child,
.container.mywidget div h6:first-child {
	padding-top:0px;
}
.user-info-navbar .user-info-menu .external a {
	padding-top:10px;
	padding-bottom:10px; 
}
pre {
	background-color:#ededed;
	border:1px solid #ccc;
	border-radius:7px;
	padding:40px;
	font-size:95%;
}
.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a .line, 
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li a .line {
	padding-top:10px; 
}
.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a:hover, .navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li.active a:hover {
	background-color:#f5f5f5; 
}
.top_section .navbar {
	margin-bottom:0px; 
}
.top_section .navbar ul {
	margin-bottom:0px; 
}
.navbar-default {
	background-color:#27292a;
}
.navbar-nav h2 {
    margin-top: 0;
    padding: 20px 13px;
}
.page-container {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    height: 100%;
	vertical-align: top;
    width: 100%;
	position:relative;
}	
.main_container {
    width: 100%;
	padding:0;
}
.inner_container {
    width: 100%;
	padding:0;
}
.alert {
	padding:30px;
}
.alert p:last-child {
	margin-bottom:0px;
}
.alert h2 {
	padding-top:0px !important;
	display:inline-block;
}
.purchase-code-wrap {
	margin-top:15px;
	text-align:center;
}
.purchase-code-wrap span {
	font-weight:bold;
}
.purchase-code-wrap pre {
	padding:5px;
}
.sidebar-menu {
    position:absolute;
	left:0;
	top:0px;
	bottom:0;
	width:260px;
	height:100%;
	float:left;
	background-color:#414956;
}
.select2-container {
    width:100% !important;
}
.select2select label {
    width:100%;
    display:block;
}
.content {
	width: 260px; 
	margin: 100px auto;
}
	.colors {
		width: 260px; 
		float: left; 
		margin: 20px auto;
	}
	.colors a {
		width: 43.3px; 
		height: 30px; 
		float: left;
	}
	.colors .default {
		background: #414956;
	}
	.colors .blue {
		background: #4A89DC;
	}
	.colors .green {
		background: #03A678;
	}
	.colors .red {
		background: #ED5565;
	}
	.colors .white {
		background: #fff;
	}
	.colors .black {
		background: #292929;
	}
	.jquery-accordion-menu,.jquery-accordion-menu * {
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		outline:0;
	}
	.jquery-accordion-menu {
		min-width:260px;
		float:left;
		position:relative;
	}
	.jquery-accordion-menu .jquery-accordion-menu-footer,
	.jquery-accordion-menu .jquery-accordion-menu-header {
		width:100%;
		padding-left:22px;
		float:left;
		line-height:50px;
		font-weight:600;
		color:#f0f0f0;
		background:#414956;
	}
	.jquery-accordion-menu .jquery-accordion-menu-header a {
		color:#F0F0F0;
		text-align:center;
		text-transform:uppercase;
	}
	.jquery-accordion-menu ul { 
		margin:0;
		padding:0;
		list-style:none;
	}
	.jquery-accordion-menu ul li {
		width:100%;
		display:block;
		float:left;
		position:relative;
	}
	.jquery-accordion-menu ul li a {
		width:100%;
		padding:14px 22px;
		float:left;
		text-decoration:none;
		color:#f0f0f0;
		font-size:13px;
		background:#414956;
		white-space:nowrap;
		position:relative;
		overflow:hidden;
		-o-transition:color .2s linear,
			background .2s linear;-moz-transition:color .2s linear,
				background .2s linear;-webkit-transition:color .2s linear,
					background .2s linear;
		transition:color .2s linear,background .2s linear;
	}
	.jquery-accordion-menu>ul>li.active>a,.jquery-accordion-menu>ul>li:hover>a {
		color:#fff;
		background:#3b424d;
	}
	.jquery-accordion-menu>ul>li>a { 
		border-bottom:solid 1px #3b424d;
	}
	.jquery-accordion-menu ul li a i { 
		width:34px;
		float:left;
		line-height:18px;
		font-size:16px;
		text-align:left;
	}
	.jquery-accordion-menu .submenu-indicator {
		float:right;
		right:22px;
		position:absolute;
		line-height:19px;
		font-size:20px;
		-o-transition:transform .3s linear;
		-moz-transition:transform .3s linear;
		-webkit-transition:transform .3s linear;
		-ms-transition:transform .3s linear;
	}
	.jquery-accordion-menu ul ul.submenu .submenu-indicator {
		line-height:16px;
	}
	.jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator {
		-ms-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg)
	}
	.jquery-accordion-menu ul ul.submenu,.jquery-accordion-menu ul ul.submenu li ul.submenu {
		width:100%;
		display:none;
		position:static;
	}
	.jquery-accordion-menu ul ul.submenu li {
		clear:both;
		width:100%;
	}
	.jquery-accordion-menu ul ul.submenu li a {
		width:100%;
		float:left;
		font-size:11px;
		background:#383838;
		border-top:none;
		position:relative;
		border-left:solid 6px transparent;
		-o-transition:border .2s linear;
		-moz-transition:border .2s linear;
		-webkit-transition:border .2s linear;
		transition:border .2s linear;
	}
	.jquery-accordion-menu ul ul.submenu li:hover>a {
		border-left-color:#414956;
	}
	.jquery-accordion-menu ul ul.submenu>li>a {
		padding-left:30px;
	}
	.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a { 
		padding-left:45px;
	}
	.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a { 
		padding-left:60px;
	}
	.jquery-accordion-menu ul li .jquery-accordion-menu-label,.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
		min-width:20px;
		padding:1px 2px 1px 1px;
		position:absolute;
		right:18px;
		top:14px;
		font-size:11px;
		font-weight:800;
		color:#555;
		text-align:center;
		line-height:18px;
		background:#f0f0f0;
		border-radius:100%;
	}
	.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
		top:12px;
	}
	.ink {
		display:block;
		position:absolute;
		background:rgba(255,255,255,.3);
		border-radius:100%;
		-webkit-transform:scale(0);
		-moz-transform:scale(0);
		-ms-transform:scale(0);
		-o-transform:scale(0);
		transform:scale(0);
	}
	.animate-ink {
		-webkit-animation:ripple .5s linear;
		-moz-animation:ripple .5s linear;
		-ms-animation:ripple .5s linear;
		-o-animation:ripple .5s linear;
		animation:ripple .5s linear;
	}
	@-webkit-keyframes ripple { 100% {
		opacity:0;
		-webkit-transform:scale(2.5)}
	}
	@-moz-keyframes ripple{ 100% {
		opacity:0;
		-moz-transform:scale(2.5)}
	}
	@-o-keyframes ripple{ 100% {
		opacity:0;
		-o-transform:scale(2.5)}
	}
	@keyframes ripple{100% { 
		opacity:0;
		transform:scale(2.5)}
	}
	.blue.jquery-accordion-menu .jquery-accordion-menu-footer,
	.blue.jquery-accordion-menu .jquery-accordion-menu-header,
	.blue.jquery-accordion-menu ul li a { 
		background:#4A89DC;
	}
	.blue.jquery-accordion-menu>ul>li.active>a,
	.blue.jquery-accordion-menu>ul>li:hover>a { 
		background:#3e82da;
	}
	.blue.jquery-accordion-menu>ul>li>a { 
		border-bottom-color:#3e82da;
	}
	.blue.jquery-accordion-menu ul ul.submenu li:hover>a { 
		border-left-color:#3e82da;
	}
	.green.jquery-accordion-menu .jquery-accordion-menu-footer,
	.green.jquery-accordion-menu .jquery-accordion-menu-header,
	.green.jquery-accordion-menu ul li a { 
		background:#03A678;
	}
	.green.jquery-accordion-menu>ul>li.active>a,
	.green.jquery-accordion-menu>ul>li:hover>a { 
		background:#049372;
	}
	.green.jquery-accordion-menu>ul>li>a { 
		border-bottom-color:#049372;
	}
	.green.jquery-accordion-menu ul ul.submenu li:hover>a { 
		border-left-color:#049372;
	}
	.red.jquery-accordion-menu .jquery-accordion-menu-footer,
	.red.jquery-accordion-menu .jquery-accordion-menu-header,
	.red.jquery-accordion-menu ul li a { 
		background:#ED5565;
	}
	.red.jquery-accordion-menu>ul>li.active>a,
	.red.jquery-accordion-menu>ul>li:hover>a { 
		background:#DA4453;
	}
	.red.jquery-accordion-menu>ul>li>a { 
		border-bottom-color:#DA4453;
	}
	.red.jquery-accordion-menu ul ul.submenu li:hover>a { 
		border-left-color:#DA4453;
	}
	.white.jquery-accordion-menu .jquery-accordion-menu-footer,
	.white.jquery-accordion-menu .jquery-accordion-menu-header,
	.white.jquery-accordion-menu ul li a { 
		background:#fff;
		color:#555;
	}
	.white.jquery-accordion-menu>ul>li.active>a,
	.white.jquery-accordion-menu>ul>li:hover>a { 
		background:#f0f0f0;
	}
	.white.jquery-accordion-menu>ul>li>a { 
		border-bottom-color:#f0f0f0;
	}
	.white.jquery-accordion-menu ul ul.submenu li:hover>a { 
		border-left-color:#f0f0f0;
	}
	.white.jquery-accordion-menu ul ul.submenu li a { 
		color:#f0f0f0;
	}.white.jquery-accordion-menu>ul>li>a>.ink { 
		background:rgba(0,0,0,.1);
	}
	.black.jquery-accordion-menu .jquery-accordion-menu-footer,
	.black.jquery-accordion-menu .jquery-accordion-menu-header,
	.black.jquery-accordion-menu ul li a { 
		background:#292929;
	}
	.black.jquery-accordion-menu>ul>li.active>a,
	.black.jquery-accordion-menu>ul>li:hover>a { 
		background:#222;
	}
	.black.jquery-accordion-menu>ul>li>a { 
		border-bottom-color:#222;
	}
	.black.jquery-accordion-menu ul ul.submenu li:hover>a { 
		border-left-color:#222;
	}

.main-content {
    position: relative;
    transition: opacity 100ms ease-in-out 0s;
    vertical-align: top;
    width: calc(100% - 260px);
	float:right;
}
.navbar-nav > li {
	float:none;
	width:100%;
}
.navbar-nav {
	width:100%;
}
.dropdown-menu {
	min-width:100%;
}
.dropdown-item i {
	margin-right:7px;
}
.navbar-header {
	width:100%;
	background-color:#333;
}	
.navbar {
    border-radius:0;
}	
.navbar-header a.navbar-brand {
	color:#fff;
}
.navbar-default {
	border:none;
}		
.top_section {
	width:100%;
	padding:20px 20px;
	border-bottom:1px solid #dcd3d3;
	background-color:#FFF;
}
.page-title {
	background: #f8f8f8;
	margin-bottom: 25px;
	padding: 30px 30px;
	-webkit-box-shadow: 0 1px 0 rgba(0,1,1,.08),inset 0 1px 0 #ededed;	
	-moz-box-shadow: 0 1px 0 rgba(0,1,1,.08),inset 0 1px 0 #ededed;
	box-shadow: 0 1px 0 rgba(0,1,1,.08),inset 0 1px 0 #ededed;
}
.page-title h1 { 
	font-size:30px;
	margin-bottom:0px;
}
.user-info-navbar .user-info-menu.left-links {
	float:left;
}
.user-info-navbar .user-info-menu.left-links .nav-item {
	margin-right:25px;
}
.user-info-navbar .user-info-menu.right-links {
	float:right;
	}	

.user-info-navbar ul li a {
	text-decoration:none;
	}	
.user-info-navbar .user-info-menu > li > a .badge {
    font-size: 9px;
    font-weight: 400;
    line-height: 1;
    min-width: 18px;
    padding: 4px;
    position: absolute;
    right: 26px;
    top: -14px;
}
.user-info-navbar .user-info-menu > li > a {
    color: #979898;
    display: block;
    position: relative;
    text-decoration: none;
    top: 1px;
    z-index: 5;
}
.badge.badge-green, .badge.badge-success {
    background-color: #8dc63f;
}	
.user-info-navbar .user-info-menu > li.user-profile > a > img + span, .navbar.horizontal-menu .navbar-inner > .nav > li.user-profile > a > img + span {
    margin-left: 5px;
}
.user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu, .navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.user-profile-menu {
    left: auto;
    right: -1px;
    width: 250px;
	position:absolute;
}
.user-info-navbar .user-info-menu > li .dropdown-menu, .navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu {
    box-shadow: 0 2px 8px rgba(0, 1, 1, 0.05);
    z-index: 3;
}
.user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li, 
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.user-profile-menu li {
    display: block;
    position: relative;
}
.user-info-navbar .user-info-menu li {
    line-height: 1;
}
.user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a, 
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.user-profile-menu li a {
    border-bottom: 1px solid #f0f0f0;
    color: #979898;
    display: block;
}
.user-info-navbar .user-info-menu li a {
    line-height: 1;
}
.user-info-navbar .user-info-menu > li .dropdown-menu.messages, .navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.messages {
    width: 370px;
}
.user-info-navbar .user-info-menu > li .dropdown-menu, .navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu {
    box-shadow: 0 2px 8px rgba(0, 1, 1, 0.05);
    z-index: 3;
}
.top_section .left-links .dropdown-menu, .messages {
	position:absolute !important;
	}
.user-info-navbar .user-info-menu > li .dropdown-menu.notifications, 
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.notifications {
    width: 370px;
}
.user-info-navbar .user-info-menu > li .dropdown-menu, 
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu {
    box-shadow: 0 2px 8px rgba(0, 1, 1, 0.05);
    z-index: 3;
}
.user-info-navbar .user-info-menu > li .dropdown-menu > .top, 
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .top {
    padding: 20px 30px 0;
}
.user-info-navbar .user-info-menu > li .dropdown-menu > .top p, 
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu > .top p {
    border-bottom: 1px solid #ededed;
    color: #979898;
    margin: 0;
    padding-bottom: 15px;
}
.user-info-navbar .user-info-menu li {
    line-height: 1;
}
.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list, 
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list {
    max-height: 300px;
    overflow: auto;
    position: relative;
}
.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list.ps-scrollbar, 
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list.ps-scrollbar {
    overflow: hidden;
}
.user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list, 
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu.notifications .dropdown-menu-list {
    max-height: 276px;
}
.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li, 
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li {
    position: relative;
}
.user-info-navbar .user-info-menu li {
    line-height: 1;
}
.user-info-navbar .user-info-menu li a {
    line-height: 1;
}
.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a, 
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li a {
    color: #979898;
    display: block;
    padding: 10px 30px;
    position: relative;
}
.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a, 
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li.active a {
    color: #606161;
}
.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:after, 
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li a:after {
    background: none repeat scroll 0 0 #ededed;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 30px;
    position: absolute;
    right: 30px;
}
.user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a .line, 
.navbar.horizontal-menu .navbar-inner > .nav > li .dropdown-menu .dropdown-menu-list li a .line {
    display: block;
}
.user-info-navbar .user-info-menu li a img {
    line-height: 1;
}
.dashboard_heading {
	width:100%;
	background-color:#333;
	border-left:1px solid #dcd3d3;
	padding: 10px;
}
.dashboard_heading h1 {
	font-size:200%;
	color:#878787;
	padding:0px;
	margin:0px;
	float:left;
	color:#FFF;	
}
.dashboard_heading h2 {
	font-size:122%;
	color:#878787;
	float:right;
	font-weight:normal;
	margin-top:28px;
	padding:0px;
	margin:0px;
}
.dashboard_heading h2 a {
	color:#FFF;
	padding-top:5px;
	display:block; 
}
.dashboard_heading h1 span {
	font-size:49%;
	color:#878787;
	margin-left:5px;
	}
.mywidget {
	min-width:100%;
	padding:0px 30px 30px;
}
.dash-widget.dash-counter, 
.dash-widget.dash-counter-block .dash-upper, 
.dash-widget.dash-progress-counter .dash-upper {
    background: none repeat scroll 0 0 #dedede;
    display: table;
    line-height: 1;
    padding: 28px;
    width: 100%;
}
.dash-widget {
    position: relative;
}
.dash-widget.dash-counter .dash-icon, 
.dash-widget.dash-counter-block .dash-upper .dash-icon, 
.dash-widget.dash-progress-counter .dash-upper .dash-icon {
    width: 1%;
}
.dash-widget.dash-counter .dash-icon, 
.dash-widget.dash-counter .dash-label, 
.dash-widget.dash-counter-block .dash-upper .dash-icon, 
.dash-widget.dash-counter-block .dash-upper .dash-label, 
.dash-widget.dash-progress-counter .dash-upper .dash-icon, 
.dash-widget.dash-progress-counter .dash-upper .dash-label {
    display: table-cell;
    padding: 18px;
    vertical-align: middle;
}
.dash-widget.dash-counter .dash-icon i, 
.dash-widget.dash-counter-block .dash-upper .dash-icon i, 
.dash-widget.dash-progress-counter .dash-upper .dash-icon i {
    background: none repeat scroll 0 0 padding-box #9d9d9d;
    color: #fff;
    display: block;
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
}
.dash-widget.dash-counter .dash-icon + .dash-label, 
.dash-widget.dash-counter-block .dash-upper .dash-icon + .dash-label, 
.dash-widget.dash-progress-counter .dash-upper .dash-icon + .dash-label {
    padding-left: 0;
}
.dash-widget.dash-counter .dash-icon, 
.dash-widget.dash-counter .dash-label, 
.dash-widget.dash-counter-block .dash-upper .dash-icon, 
.dash-widget.dash-counter-block .dash-upper .dash-label, 
.dash-widget.dash-progress-counter .dash-upper .dash-icon, 
.dash-widget.dash-progress-counter .dash-upper .dash-label {
    display: table-cell;
    padding: 18px;
    vertical-align: middle;
}	
.dash-widget.dash-counter .dash-label .num, 
.dash-widget.dash-counter-block .dash-upper .dash-label .num, 
.dash-widget.dash-progress-counter .dash-upper .dash-label .num {
    color: #3e3f3f;
    display: block;
    font-size: 28px;
    font-weight: 400;
}
.dash-widget.dash-counter .dash-label span, 
.dash-widget.dash-counter-block .dash-upper .dash-label span, 
.dash-widget.dash-progress-counter .dash-upper .dash-label span {
    color: #979898;
    display: block;
    font-size: 10px;
    font-style: normal;
    margin-top: 5px;
    text-transform: uppercase;
}
.dash-widget.dash-counter-block, 
.dash-widget.dash-progress-counter {
    background: none repeat scroll 0 0 #505050;
    color: #fff;
    margin-bottom: 20px;
	text-align:center;
}	
.dash-lower {
	padding:15px;
}
.col-padding-y {
    padding-top: .9375rem;
    padding-bottom: .9375rem;
}
.dash-widget.dash-progress-counter.dash-progress-counter-pink .dash-background {
    color: #fff;
}
.dash-widget.dash-progress-counter .dash-background {
    bottom: -10%;
    color: #fff;
    font-size: 150px;
    left: -40%;
    opacity: 0.1;
    position: absolute;
}	
.dash-widget.dash-progress-counter.dash-progress-counter-pink {
    background-color: #ff6264;
}
.dash-widget.dash-progress-counter.dash-progress-counter-pink .dash-upper {
    background-color: transparent;
}
.dash-widget.dash-progress-counter .dash-upper .dash-icon i {
	background-color:transparent;
	}
.dash-widget.dash-progress-counter .dash-progress {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.40);
    height: 12px;
    margin: 10px 30px 0;
	border-radius:5px;
    position: relative;
}
.dash-widget.dash-progress-counter .dash-progress .dash-progress-fill {
    background: none repeat scroll 0 0 #fff;
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    top: 0;
}
.dash-widget.dash-progress-counter {
    color: #fff;
}
.dash-widget.dash-todo-list .dash-header {
    border-bottom: 1px solid #eee;
    display: table;
    margin-bottom: 15px;
    width: 100%;
}
.dash-widget.dash-todo-list .dash-header .dash-icon i {
    display: block;
    font-size: 28px;
    line-height: 1;
}
.dash-widget.dash-todo-list .dash-header .dash-label {
    padding-left: 15px;
}
.dash-widget.dash-todo-list .dash-header .dash-icon, 
.dash-widget.dash-todo-list .dash-header .dash-label {
    display: table-cell;
    padding-bottom: 20px;
    vertical-align: top;
}
.dash-widget.dash-todo-list .dash-header .dash-label span {
    font-size: 12px;
    opacity: 0.8;
}
.dash-widget.dash-todo-list .dash-header .dash-label span, 
.dash-widget.dash-todo-list .dash-header .dash-label strong {
    display: block;
    line-height: 1.1;
}
.dash-widget.dash-todo-list .dash-header .dash-label strong {
    font-size: 15px;
}
.dash-widget.dash-todo-list {
    background: none repeat scroll 0 0 #dedede;
    margin-bottom: 20px;
    padding: 25px 30px;
}	
.cbr-replaced .cbr-state {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ddd;
    display: block;
    height: 15px;
    line-height: 1;
    position: relative;
    width: 15px;
}
.dash-widget.dash-todo-list .dash-body {
    padding-bottom: 10px;
    padding-top: 5px;
}
.dash-widget.dash-todo-list .dash-body ul.list-unstyled li span {
	font-weight:normal;
}
.dash-user-img {
	float:left;
	}
.dash-comment {
	float:left;
	}
.dash-header .dash-icon {
	float:left;
	width:30px;
	}
.dash-label {
	float:left;
	width:auto;
	}
.dash-label h3 {
	margin:0;
	} 		
.dash-header {
	margin-bottom:10px;
	}
.dash-widget.dash-conversations {
    background: none repeat scroll 0 0 #fff;
    margin-bottom: 20px;
    padding: 30px;
    position: relative;
}	
.dash-user-name {
    display: block;
    margin-bottom: 5px;
}
.dash-widget.dash-conversations .dash-body .dash-comment-entry .dash-comment {
    padding: 15px;
    width: 88%;
}	
.dash-comment-entry {
	border-bottom:1px solid #eee;
}
table form {
	display:inline-block;
}
.message-thread-row {
	background-color:#FFF;
	clear:both;
	padding:25px;
	border-bottom:1px solid #ededed;
}
.thread-wrapper {
	background-color:#ededed;
	padding:20px;
	border:1px solid #ededed;
	
}
footer.main-footer .footer-text {
    float: left;
}
footer {
	padding:30px 0;
	background-color:#dcd3d3;
	margin-top:25px;
}
.footer-inner {
	padding:0px 30px 15px;
	}
footer.main-footer .go-up a {
    background-color: rgba(44, 46, 47, 0.05);
    display: inline-block;
    padding: 2px 5px;
	float:right;
}		
.settings-icon {
    top: 15px;
    width: 40px;
    z-index: 9999;
    position: absolute;
    right: 0px;
    top: 20px;
}
.settings-icon a {
    color: #FFF;
    line-height: 1;
}	
.settings-icon a:hover {
    color: #fff;
}	
.settings-icon a i {
    font-size: 18px;
    line-height: 1;
}
.settings-icon button {
	display:none;
}
.settings-pane .user-info {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    width: 100%;
	text-align:center;
	padding-bottom:30px;
}
.settings-pane .user-info .user-image {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
}
.user-details h3 {
	margin:0;
	}
.user-details h3 a {
	text-decoration:none;
	font-size:16px;
	color:#fff;
	}
.user-title {
	font-size:12px;
	}		
.settings-pane .link-blocks-env {
    text-align: center;
	padding-bottom:30px;
}
.settings-pane .links-block.left-sep {
    border-left: 1px solid #323435;
    padding-left: 75px;
}
.settings-pane .links-block {
    display: inline-block;
    padding-right: 85px;
    text-align: left;
}
.settings-pane .links-block h4 {
    color: #fff;
    margin: 0 0 15px;
}
.list-unstyled {
    list-style: outside none none;
    padding-left: 0;
}
.settings-pane .links-block {
    text-align: left;
}
.cbr-replaced {
    -moz-user-select: none;
    display: inline-block;
    position: relative;
    top: -1px;
    vertical-align: middle;
}
.cbr-replaced.cbr-primary .cbr-state {
    background: none repeat scroll 0 0 #2c2e2f;
    border-color: #323435;
}
.cbr-replaced .cbr-state {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ddd;
    display: block;
    height: 15px;
    line-height: 1;
    position: relative;
    width: 15px;
}
.cbr-replaced.cbr-primary.cbr-checked span {
    background-image: url("assets/images/ok-white-full.png");
}
.settings-pane .links-block ul li label {
    -moz-user-select: none;
    display: inline-block;
    padding-left: 5px;
}
.settings-pane .links-block.left-sep {
    border-left: 1px solid #323435;
    padding-left: 75px;
}
.settings-pane .links-block {
    display: inline-block;
    padding-right: 85px;
    text-align: left;
}
.settings-pane .links-block h4 {
    color: #fff;
    margin: 0 0 15px;
}
.settings-pane .links-block h4 a {
    color: #fff;
}
.settings-pane .links-block h4 span {
    border-bottom: 1px solid #323435;
    display: inline-block;
    padding-bottom: 5px;
}
.settings-pane {
    background: none repeat scroll 0 0 #414956;
    color: #fff;
    display: block;
    overflow: hidden;
    perspective: 500px;
    position: relative;
    transform-origin: center bottom 0;
	padding:30px 0;
}	
.settings-pane .links-block.left-sep {
    border-left: 1px solid #323435;
    padding-left: 75px;
}
.settings-pane .links-block {
    display: inline-block;
    padding-right: 85px;
    text-align: left;
}
.settings-pane .links-block ul li a {
    color: #979898;
    display: block;
}
.settings-pane > a[data-toggle="collapse"] {
    color: #979898;
    display: block;
    font-size: 18px;
    line-height: 1;
    padding: 10px 12px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
}
/* CSS Document */
#wc_table .even {
	background-color:#FCFCFC; 
}
#wc_table .odd {
	background-color:#f9f9f9;
}
#wc_table .odd td, #wc_table .even td {
	border-bottom: 1px solid #DFDFDF;
    border-top: 1px solid  #FFFFFF; 
}
#wc_table {
	border:1px solid #DFDFDF;
	border-radius:3px; 
}
#wc_table thead {
	background:linear-gradient(to top, #ECECEC, #F9F9F9) repeat scroll 0 0 #F1F1F1; 
}
#wc_table th {
	border-bottom:0px;
	padding-top:15px;
	padding-bottom:10px;
}

.dataTables_filter {
	margin-bottom:15px; 
}
.my_note {
	background-color:#c4f5c0;
	border:1px solid #CCCCCC;
	padding:20px;

}
.note_detail {
	height:238px;
	overflow:hidden; 
}
.note_detail:hover {
	overflow:auto; 
}
.note_title h2 {
	font-size:20px;
}
.note_title h2 a {
	font-size:11px; 
}
.note_title {
	border-bottom:1px solid #CCC; 
}
.announcement-container form,
.note_title form {
	display:inline-block;
}
.announcement-container {
	background-color:#FFF;
	padding:25px;
	border:1px solid #ededed;
	border-radius:12px;
	margin-top:15px;
	margin-bottom:15px;
}
.announcement-container p:last-child {
	margin-bottom:0px;
}
#cropContaineroutput {
    width: 200px;
    height: 200px;
    position: relative;
    border: 1px solid #CCC;
}
.ticket_message img {
	max-width: 100%;
}
.ticket_message {
			border:1px solid #ccc;
			border-radius:5px;
			background-color:#FFF;
			padding:30px;
			margin-bottom:30px;
			position: relative;
		}
		.ticket_meta {
			padding-bottom: 15px;
			border-bottom: 1px solid #ededed;
			margin-bottom: 20px;
		}
		.ticket_meta:after {
			clear:both;
			display:table;
			content:"";
		}
		.message_date {
			float:left;
			width:50%;
			line-height:30px;
			font-size:16px;
			font-weight:normal;
		}
		.user_info {
			float:right;
			width:50%;
		}
		.user_info h2 {
			line-height: 30px;
			float: right;
			font-size: 16px;
			font-weight: normal;
			margin: 0px;
			margin-left: 15px;
		}
		.user_info img {
			height:30px;
			border-radius:100%;
			width:auto;
			float:right;
		}
		
.ribbon {
   position: absolute;
   right: -5px; top: -5px;
   z-index: 1;
   overflow: hidden;
   width: 75px; height: 75px; 
   text-align: right;
}
.ribbon span {
   font-size: 10px;
   color: #fff; 
   text-transform: uppercase; 
   text-align: center;
   font-weight: bold; line-height: 20px;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg); /* Needed for Safari */
   width: 100px; display: block;
   background: #79A70A;
   background: linear-gradient(#9BC90D 0%, #79A70A 100%);
   box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
   position: absolute;
   top: 19px; right: -21px;
}
		
		.ribbon span::before {
   content: '';
   position: absolute; 
   left: 0px; top: 100%;
   z-index: -1;
   border-left: 3px solid #79A70A;
   border-right: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #79A70A;
}
.ribbon span::after {
   content: '';
   position: absolute; 
   right: 0%; top: 100%;
   z-index: -1;
   border-right: 3px solid #79A70A;
   border-left: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #79A70A;
}
		
		.blue span {background: linear-gradient(#2989d8 0%, #1e5799 100%);}
.blue span::before {border-left-color: #1e5799; border-top-color: #1e5799;}
.blue span::after {border-right-color: #1e5799; border-top-color: #1e5799;}