.add-new-btn {
	float: right;
	margin-top: 12px;
	margin-right: 12px;
}
/* Color Class */
.color1 {
	color: #37363e;
}
.color2 {
	color: #58666e;
}
.color3 {
	color: #e4e4e4;
}
.color4 {
	color: #f5f5f5;
}
.color5 {
	color: #399bff;
}
.color6 {
	color: #33577b;
}
.color7 {
	color: #26a65b;
}
.color8 {
	color: #51b7a3;
}
.color9 {
	color: #f39c12;
}
.color10 {
	color: #ef4836;
}
.color11 {
	color: #9a80b9;
}
.color12 {
	color: #a2ded0;
}
.color13 {
	color: #d2527f;
}
.color14 {
	color: #c78568;
}
.color15 {
	color: #e99844;
}
/* Color Class Background */
.color0-bg {
	background: #3d464d;
}
.color1-bg {
	background: #37363e;
}
.color2-bg {
	background: #58666e;
}
.color3-bg {
	background: #e4e4e4;
}
.color4-bg {
	background: #f5f5f5;
}
.color5-bg {
	background: #399bff;
}
.color6-bg {
	background: #33577b;
}
.color7-bg {
	background: #26a65b;
}
.color8-bg {
	background: #51b7a3;
}
.color9-bg {
	background: #f39c12;
}
.color10-bg {
	background: #ef4836;
}
.color11-bg {
	background: #9a80b9;
}
.color12-bg {
	background: #a2ded0;
}
.color13-bg {
	background: #d2527f;
}
.color14-bg {
	background: #c78568;
}
.color15-bg {
	background: #e99844;
}
/* Up - Down */
.color-up {
	color: #26a65b;
}
.color-down {
	color: #ef4836;
}
.color-fix {
	color: #399bff;
}
body {
	background: #1a242f;
	color: #58666e;
	margin: 0;
	line-height: 1.7em;
	font-size: 13px;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	outline: 0;
	overflow: auto;
	margin: 0% auto 0 !important;
    max-width: 100% !important;
    min-height: 100% !important;
    padding: 0px !important;

}

::-moz-selection {
 background: #D5EAFF;
}
::selection {
	background: #D5EAFF;
}
a {
	color: #399bff;
	text-decoration: none;
}
a.red {
	color: red;
	text-decoration: none;
}
a.red1 {
	color: red;
	text-decoration: line-through;
}
a:hover, a:focus {
	text-decoration: none;
	color: #399bff;
}
b, strong {
	font-weight: 600;
}
/* Grid Normal */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-right: 15px;
	padding-left: 15px;
}
.row {
	margin-right: -15px;
	margin-left: -15px;
}
/* Grid Widget */
.container-widget .col-xs-1, .container-widget .col-sm-1, .container-widget .col-md-1, .container-widget .col-lg-1, .container-widget .col-xs-2, .container-widget .col-sm-2, .container-widget .col-md-2, .container-widget .col-lg-2, .container-widget .col-xs-3, .container-widget .col-sm-3, .container-widget .col-md-3, .container-widget .col-lg-3, .container-widget .col-xs-4, .container-widget .col-sm-4, .container-widget .col-md-4, .container-widget .col-lg-4, .container-widget .col-xs-5, .container-widget .col-sm-5, .container-widget .col-md-5, .container-widget .col-lg-5, .container-widget .col-xs-6, .container-widget .col-sm-6, .container-widget .col-md-6, .container-widget .col-lg-6, .container-widget .col-xs-7, .container-widget .col-sm-7, .container-widget .col-md-7, .container-widget .col-lg-7, .container-widget .col-xs-8, .container-widget .col-sm-8, .container-widget .col-md-8, .container-widget .col-lg-8, .container-widget .col-xs-9, .container-widget .col-sm-9, .container-widget .col-md-9, .container-widget .col-lg-9, .container-widget .col-xs-10, .container-widget .col-sm-10, .container-widget .col-md-10, .container-widget .col-lg-10, .container-widget .col-xs-11, .container-widget .col-sm-11, .container-widget .col-md-11, .container-widget .col-lg-11, .container-widget .col-xs-12, .container-widget .col-sm-12, .container-widget .col-md-12, .container-widget .col-lg-12 {
	padding-right: 5px;
	padding-left: 5px;
}
.container-widget .row {
	margin-right: -5px;
	margin-left: -5px;
}
.container-widget .panel {
	margin-bottom: 10px;
}
.container-widget .widget {
	margin-bottom: 10px;
}
.container-default {
	padding: 0;
}
.container-widget {
	padding: 0;
	margin-left: -5px;
	margin-right: -5px;
}
.container-padding {
}
.container-no-padding {
	padding: 0px;
	margin: -20px -30px 0 -30px;
}
.container-mail {
	padding: 0px;
	margin: -20px -30px 0 -30px;
}
/* =================================================================================
Top
================================================================================= */
#top {
	height: 54px;
	color: #fff;
	width: 100%;
	position: fixed;
	z-index: 900;
	top: 0;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #eee;
	background: #fff;
}
/* =================================================================================
App Logo
================================================================================= */
/*.applogo {
  width: 250px;
  height: 60px;
  background: rgba(0, 0, 0, 0.14);
  color: #fff;
  position: relative;
  padding: 19px 0 0 0px;
  float: left;
  text-align: center;
}*/
/*.applogo .logo {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  font-family: "proximanova", Avenir, Helvetica, sans-serif;
  background:url(../img/logo-1.png);
  background-repeat: no-repeat;
    background-position: 20px 0px;
    width: 100%;
    display: block;
    line-height: normal;
    margin-top: -8px;
  padding-left:15px;
}*/
.applogo .logo {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	background: url(../images/logo1.png);
	background-repeat: no-repeat;
	background-position: 12px 12px;
	width: 100%;
	display: block;
	line-height: normal;
	margin-top: 0px;
	padding-left: 0px;
	text-indent: -9999px;
}
.applogo {
	width: 77px;
	height: 54px;
	color: #fff;
	position: relative;
	padding: 5px 10px;
	float: left;
	text-align: center;
	background-color: #1a242f;
	margin-top: -8px;
	border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
}
/* =================================================================================
Sidebar Open Button - Show or Hide Sidebar
================================================================================= */
.sidebar-open-button {
	height: 43px;
	font-size: 22px;
	display: none;
	width: 62px;
	text-align: center;
	float: left;
	color: #fff;
	padding-top: 0px;
	border-right: 1px solid rgba(0, 0, 0, 0.14);
	z-index: 1;
}
.sidebar-open-button:hover, .sidebar-open-button:active {
	background: rgba(255, 255, 255, 0.07);
}
.sidebar-open-button-mobile {
	height: 43px;
	display: none;
	font-size: 22px;
	width: 62px;
	text-align: center;
	float: left;
	color: rgba(0, 0, 0, 0.6);
	padding-top: 19px;
	border-right: 1px solid rgba(0, 0, 0, 0.14);
}
.sidebar-open-button-mobile:hover, .sidebar-open-button-mobile:active {
	background: rgba(255, 255, 255, 0.07);
}
/* =================================================================================
Searchbox - Top Search Input
================================================================================= */
.searchform {
	width: 220px;
	margin: 0 20px;
	float: left;
	padding-top: 14px;
	position: relative;
}
.searchbox {
	border-radius: 999px;
	border: none;
	height: 32px;
	width: 220px;
	padding-left: 20px;
	padding-right: 36px;
	background: rgba(255, 255, 255, 0.95);
	color: #37363e;
	box-shadow: inset none;
}
.searchbox:focus {
	background: #fff;
	box-shadow: none;
	border-top: none;
}
.searchbutton {
	border: none;
	color: rgba(0, 0, 0, 0.5);
	background: none;
	position: absolute;
	top: 18px;
	font-size: 16px;
	right: 15px;
}
/* =================================================================================
Top Menu
================================================================================= */
.topmenu {
	float: left;
	padding-top: 20px;
	padding-left: 0;
	font-weight: 600;
	margin-left: -7px;
}
.topmenu a {
	color: rgba(255, 255, 255, 0.9);
	padding: 7px;
}
.topmenu a:hover {
	color: #fff;
}
.topmenu li {
	display: inline;
}
/* =================================================================================
Sidepanel Open Button - Show or Hide Sidepanel
================================================================================= */
.sidepanel-open-button {
	height: 60px;
	font-size: 22px;
	display: block;
	width: 62px;
	text-align: center;
	float: right;
	color: rgba(0, 0, 0, 0.6);
	padding-top: 19px;
	border-left: 1px solid rgba(0, 0, 0, 0.14);
	z-index: 1;
}
.sidepanel-open-button:hover, .sidepanel-open-button:active {
	background: rgba(255, 255, 255, 0.05);
}
/* =================================================================================
Top Right
================================================================================= */
.top-right {
	float: right;
	padding-right: 20px;
	padding-left: 10px;
	font-weight: 600;
	line-height: 26px;
	font-size: 11px;
}
.top-right .link {
	display: inline-block;
	padding: 10px 0px;
}
.top-right .link a {
	display: block;
}
.top-right .dropdown-menu {
	min-width: 135px;
}
.top-right .dropdown-menu .list-title {
	text-align: center;
}
.top-right .dropdown-menu li {
	position: relative;
	display: block;
	border-bottom: 1px #eaeaea solid;
	color: #399bff
}
.top-right .dropdown-menu li i {
	width: 20px
}
.dropdown-menu li i {
	color: #399bff !important;
}
.top-right a {
	color: #fff;
}
.top-right .profilebox {
	color: #777;
}
.top-right .profilebox img {
	width: 32px;
	height: 31px;
	float: left;
	border-radius: 100%;
	margin-right: 7px;
	margin-top: -4px;
}
.top-right .profilebox .caret {
	margin-left: 5px;
	color: #777;
}
.top-right .profilebox:hover {
	color: #333;
}
.top-right .notifications {
	color: #fff;
	padding: 4px 12px;
	font-weight: bold;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 999px;
}
.top-right .notifications:hover {
	background: rgba(0, 0, 0, 0.5);
}
.top-right .hdbutton {
	background: #fff;
	color: #404B5F;
	padding: 4px 16px;
	border-radius: 999px;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}
.top-right .hdbutton:hover {
	background: rgba(255, 255, 255, 0.95);
}
/* =================================================================================
Sidebar
================================================================================= */
.sidebar {
	width: 77px;
	background: #000;
	height: 100%;
	float: left;
	position: fixed;
	z-index: 1000;
}
.sidebar .label {
	font-size: 10px;
	position: relative;
	line-height: 12px;
	padding: 2px 5px;
	position: absolute;
	right: 35px;
	top: 12px;
	font-weight: 600;
}
.sidebar .label-default {
	background: rgba(255, 255, 255, 0.2);
}
.sidebar-panel {
	background: none;
	border: none;
	position: fixed;
}
.sidebar-panel li {
	border-bottom: 1px #2b2b2b solid;
}
.sidebar-panel li.b-box {
	height: 54px;
}
.sidebar-panel li a {
	display: block;
	color: rgba(255, 255, 255, 0.6);
	padding: 0px;
	position: relative;
	height: 54px;
	width: 77px;
	line-height: 54px;
	text-align: center;
}
.sidebar-panel li a .caret {
	position: absolute;
	right: 20px;
	top: 18px;
	color: rgba(255, 255, 255, 0.4);
}
.sidebar-panel li .icon {
	position: relative;
	display: block;
	color: rgba(255, 255, 255, 0.6);
	font-size: 19px;
	text-align: center;
}
 .sidebar-panel li a:hover, {
 color: #f2f2f2;
}
.sidebar-panel li a.active {
	color: #f2f2f2;
	border-left: 3px #f78076 solid;
}
.sidebar-panel li a:hover .icon, .sidebar-panel li a.active .icon {
	color: #fff;
}
.sidebar-panel li ul {
	display: none;
	padding: 0;
	background: rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 13px;
	margin: 0 -20px 0 -20px;
	font-weight: 400;
}
.sidebar-panel li ul li {
	position: relative;
	margin: 0;
}
.sidebar-panel li ul li a {
	margin: 0px;
	color: rgba(255, 255, 255, 0.6);
	padding: 9px 20px 9px 54px;
}
.sidebar-panel li ul li a:hover {
	background: rgba(0, 0, 0, 0.08);
}
.sidetitle {
	color: rgba(255, 255, 255, 0.5);
	font-size: 10px;
	padding: 0;
	margin: 0 0 5px 3px;
	letter-spacing: 0.4px;
}
.sidebar-plan {
	/* padding: 20px;*/
	font-size: 12px;
	bottom: 0;
}
.sidebar-plan .progress {
	height: 6px;
	background: rgba(0, 0, 0, 0.3);
	margin: 7px 0;
}
.sidebar-plan .progress-bar {
	background: #399bff;
}
.sidebar-plan .link {
	position: absolute;
	right: 20px;
	color: rgba(255, 255, 255, 0.6);
}
.sidebar-plan .link:hover {
	color: #fff;
}
.sidebar-plan .space {
	display: block;
	font-size: 11px;
	text-align: center;
	color: rgba(255, 255, 255, 0.5);
}
.sidebar-colorful .sidebar-panel li a .icon {
	font-size: 15px;
	color: #fff;
}
.sidebar-colorful .color1 {
	background: #399bff;
}
.sidebar-colorful .color2 {
	background: #33577b;
}
.sidebar-colorful .color3 {
	background: #26a65b;
}
.sidebar-colorful .color4 {
	background: #51b7a3;
}
.sidebar-colorful .color5 {
	background: #f39c12;
}
.sidebar-colorful .color6 {
	background: #ef4836;
}
.sidebar-colorful .color7 {
	background: #9a80b9;
}
.sidebar-colorful .color8 {
	background: #a2ded0;
}
.sidebar-colorful .color9 {
	background: #d2527f;
}
.sidebar-colorful .color10 {
	background: #c78568;
}
.sidebar-colorful .color11 {
	background: #e99844;
}
.sidebar-square .sidebar-panel li a .icon {
	font-size: 13px;
	border-radius: 0;
	background: rgba(0, 0, 0, 0.3);
}
.sidebar-no-icon .sidebar-panel li a {
	padding-left: 23px;
}
.sidebar-no-icon .sidebar-panel li a .icon {
	display: none;
}
/* =================================================================================
Sidepanel
================================================================================= */
.sidepanel {
	z-index: 9999;
	position: fixed;
	display: none;
	width: 300px;
	top: 60px;
	bottom: 0;
	right: 0;
	padding-top: 20px;
	overflow: auto;
	box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.2);
	background: #FBFBFD;
}
.sidepanel ul {
	padding: 0;
}
.sidepanel li {
	display: block;
}
.sidepanel li a:hover {
	background: rgba(0, 0, 0, 0.02);
}
.sidepanel .nav-tabs {
	font-size: 12px;
	font-weight: bold;
	display: block;
	width: 300px;
	position: fixed;
	background: #3d464d;
	z-index: 2;
	top: 60px;
	padding: 0;
}
.sidepanel .nav-tabs > li {
	float: left;
	margin-bottom: -1px;
	display: inline-block;
	border-right: none;
	width: 33.3333%;
	margin: 0;
}
.sidepanel .nav-tabs > li > a {
	margin-right: 0px;
	line-height: normal;
	color: #fff;
	display: block;
	padding: 10px 0;
	border: none;
	border-radius: 0px;
	text-align: center;
	margin-bottom: -1px;
	padding: 12px 0;
}
.sidepanel .nav-tabs > li > a:hover {
	border-color: none;
}
.sidepanel .nav-tabs > li.active > a, .sidepanel .nav-tabs > li.active > a:hover, .sidepanel .nav-tabs > li.active > a:focus {
	color: #399BFF;
	cursor: default;
	background-color: #fff;
	border: none;
}
.sidepanel-m-title {
	text-align: center;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	font-size: 13px;
	color: #37363e;
	padding: 16px 0;
	position: relative;
}
.sidepanel-m-title .left-icon, .sidepanel-m-title .right-icon {
	border: 1px solid #e1e1e1;
	color: #58666e;
	position: absolute;
	width: 26px;
	font-size: 13px;
	height: 26px;
	border-radius: 3px;
}
.sidepanel-m-title .left-icon a, .sidepanel-m-title .right-icon a {
	color: #58666e;
	display: block;
}
.sidepanel-m-title .left-icon a:hover, .sidepanel-m-title .right-icon a:hover {
	opacity: 0.7;
}
.sidepanel-m-title .left-icon {
	left: 0;
}
.sidepanel-m-title .right-icon {
	right: 0;
}
/* Today */
.today {
	padding: 0;
}
/* List with Title */
.list-w-title {
	margin: 0px -20px;
}
.list-w-title .label {
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	font-size: 11px;
}
.list-w-title .date {
	position: absolute;
	right: 20px;
	font-size: 11px;
	color: #76757B;
	top: 23px;
}
.list-w-title a {
	display: block;
	position: relative;
	padding: 20px;
	border-bottom: 1px solid #E5E5E5;
	color: #7A8189;
}
.list-w-title h4 {
	margin: 5px 0;
	font-size: 13px;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
}
/* General Sidepanel Title */
.gn-title {
	background: #E4E4E4;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 -20px;
	padding: 4px 0 4px 20px;
}
/* Todo List */
.todo-list li {
	padding: 5px 0 5px 20px;
}
/* Chat List */
#chat {
	position: relative;
}
#chat .group {
	font-size: 11px;
	margin: 0px -20px;
}
#chat .group .member {
	position: relative;
	line-height: 17px;
}
#chat .group .member a {
	display: block;
	padding: 10px 20px;
	color: #7A8893;
}
#chat .group .member a:hover {
	color: #3D464C;
}
#chat .group .member img {
	border-radius: 50%;
	height: 36px;
	width: 36px;
	float: left;
	margin-right: 10px;
	margin-top: 0px;
}
#chat .group .member b {
	font-weight: 600;
	display: block;
	font-size: 13px;
}
#chat .group .member .status {
	display: block;
	position: absolute;
	right: 20px;
	top: 50%;
	bottom: 50%;
	margin: -4px 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}
#chat .group .member .online {
	background: #3CA63F;
}
#chat .group .member .busy {
	background: #EA5944;
}
#chat .group .member .away {
	background: #E99844;
}
#chat .group .member .offline {
	background: #7B8994;
}
#chat .search {
	padding: 20px;
	border-top: 1px solid #E5E5E5;
	background: #fff;
	position: fixed;
	bottom: 0;
	width: 300px;
	margin-bottom: 0;
	margin-left: -20px;
}
/* =================================================================================
Content
================================================================================= */
.content {
	padding-top: 54px;
	margin-left: 77px;
	background: #fff;
	min-height: 980px;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: normal;
	overflow: hidden;
}
/* =================================================================================
FOOTER
================================================================================= */
.footer {
	border-top: 1px solid #e2e2e2;
	margin-left: -30px;
	margin-right: -30px;
	margin-bottom: 0;
	padding: 10px;
	font-size: 11px;
	color: #666;
	background: rgba(0, 0, 0, 0.02);
}
.footer .col-md-6 {
	margin-bottom: 0;
}
/* =================================================================================
Page Header
================================================================================= */
.page-header {
	background: inherit;
	margin: 0px 0px 0px 0px;
	border-bottom: none;
	position: relative;
	overflow: hidden;
	padding-top: 6px;
	padding-bottom: 0px;
	padding-left: 15px;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	min-height: 52px;
	float: left;
}
.page-header .title {
	padding: 0;
	margin: 0;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	font-size: 16px;
	line-height: normal;
	font-weight: 600;
	color: #222222;
	padding-bottom: 0px;
	display: inline-block;
	line-height: 30px;
	margin-right: 15px;
}
.count-email {
	display: inline-block;
	margin-left: 12px;
}
.page-header .right {
	position: absolute;
	right: 15px;
	bottom: 10px;
	min-width: 500px;
	text-align: right;
}
.page-header .right .btn-group {
	float: right;
}
.page-header .right .btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 4px !important;
	background-color: #6fbce8;
	color: #fff;
	font-size: 13px;
	padding: 7px 15px 7px 15px;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.page-header .right .btn .fa {
	margin: 0 4px;
}
.page-header .right .btn .no-border {
	border: none;
}
.page-header .right .btn-group .btn {
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.page-header .pagination {
	margin: 0;
}
.page-header .widget-inline-list {
	right: 0;
	bottom: -25px;
	position: relative !important;
}
/* Page loading */
.loading {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #3d464d;
	opacity: 0.99;
}
.loading img {
	width: 40px;
	height: 40px;
	position: absolute;
	left: 50%;
	right: 50%;
	bottom: 50%;
	top: 50%;
	margin: -20px;
}
/* =================================================================================
Presentation
================================================================================= */
.presentation {
	background: rgba(0, 0, 0, 0.05);
	margin: -20px -30px 30px -30px;
	padding: 70px 50px;
}
.presentation .titles .icon {
	color: #fff;
	border-radius: 3px;
	font-size: 36px;
	line-height: 0;
	padding: 8px 16px;
	text-align: center;
}
.presentation .titles .icon .fa {
	font-weight: inherit;
}
.presentation .titles h1 {
	font-size: 38px;
	font-weight: 600;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	margin: 30px 0 0px 0;
	color: #37363e;
}
.presentation .titles h4 {
	font-size: 24px;
	font-weight: 300;
	color: #777;
	margin: 0px;
}
.presentation .list {
	display: inline-block;
	float: right;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 2em;
	color: #37363e;
	right: 0;
}
.presentation .list a {
	border-bottom: 1px solid #ccc;
}
.presentation .list .fa {
	margin-right: 10px;
	color: #26a65b;
}
/* Icons Preview */
.fa-item {
	padding: 6px 0;
	position: relative;
	padding-left: 50px;
	font-size: 13px;
	color: #37363e;
	border-radius: 3px;
	border: 5px solid #fff;
}
.fa-item .fa {
	position: absolute;
	left: 10px;
	font-size: 20px;
	color: #444;
	display: block;
	width: 40px;
	text-align: center;
}
.fa-item:hover {
	color: #000;
	background: #f2f2f2;
	border-color: #f2f2f2;
}
.colorsheme {
	border-radius: 3px;
	margin-right: 5px;
	margin-bottom: 3px;
	float: left;
	width: 30px;
	height: 30px;
}
/* Kode Alert */
.kode-alert {
	color: #fff;
	position: relative;
	border-radius: 3px;
	text-align: left;
	margin-bottom: 10px;
	padding: 12px;
	padding-right: 30px;
}
.kode-alert a {
	color: inherit;
	text-decoration: underline;
	font-weight: 600;
}
.kode-alert h4 {
	font-size: 13px;
	margin: 0;
	color: inherit;
	font-weight: 600;
	line-height: normal;
}
.kode-alert .img {
	width: 40px;
	height: 40px;
	position: absolute;
	border-radius: 3px;
	left: 12px;
	top: 12px;
}
.kode-alert-img {
	padding-left: 65px;
	min-height: 64px;
}
.kode-alert-icon {
	padding-left: 40px;
}
.kode-alert-icon .fa {
	display: block;
	width: 20px;
	text-align: center;
	position: absolute;
	font-size: 15px;
	left: 12px;
	top: 17px;
}
.kode-alert .closed {
	position: absolute;
	right: 3px;
	text-decoration: none;
	font-weight: bold;
	top: 0px;
	font-size: 20px;
	color: rgba(255, 255, 255, 0.5);
	padding: 4px;
}
.kode-alert .closed:hover {
	color: #fff;
}
.kode-alert-click {
	cursor: pointer;
	padding-right: 12px;
}
.kode-alert .primary {
	outline: 0;
	border: none;
	background: rgba(0, 0, 0, 0.4);
	color: inherit;
	border-radius: 3px;
	padding: 4px 10px;
}
.kode-alert .cancel {
	outline: 0;
	border: none;
	background: rgba(255, 255, 255, 0.4);
	color: rgba(0, 0, 0, 0.8);
	border-radius: 3px;
	padding: 4px 10px;
}
.kode-alert .primary:hover, .kode-alert .cancel:hover {
	opacity: 0.9;
}
.kode-alert-top, .kode-alert-bottom, .kode-alert-top-left, .kode-alert-top-right, .kode-alert-bottom-left, .kode-alert-bottom-right, .kode-alert-fullscreen {
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
	position: fixed;
	display: none;
	z-index: 1000;
}
.kode-alert-top {
	top: 0;
	left: 0;
	right: 0;
}
.kode-alert-bottom {
	bottom: 0;
	left: 0;
	right: 0;
}
.kode-alert-top-left {
	top: 80px;
	left: 20px;
}
.kode-alert-top-right {
	top: 80px;
	right: 20px;
}
.kode-alert-bottom-left {
	bottom: 20px;
	left: 20px;
}
.kode-alert-bottom-right {
	bottom: 20px;
	right: 20px;
}
.kode-alert-fullsize {
	top: 50%;
	left: 50%;
	margin: -20px;
}
.alert1 {
	background: #399bff;
}
.alert2 {
	background: #33577b;
}
.alert3 {
	background: #26a65b;
}
.alert4 {
	background: #51b7a3;
}
.alert5 {
	background: #f39c12;
}
.alert6 {
	background: #ef4836;
}
.alert7 {
	background: #9a80b9;
}
.alert8 {
	background: #a2ded0;
	color: #444;
}
.alert8 .closed {
	color: inherit;
}
.alert8 a:hover.closed {
	color: inherit;
}
.alert9 {
	background: #d2527f;
}
.alert10 {
	background: #c78568;
}
.alert11 {
	background: #e99844;
}
.alert1-light {
	background: #d2e8ff;
	color: #00356c;
}
.alert2-light {
	background: #7ea3c9;
	color: #152433;
}
.alert3-light {
	background: #83e3aa;
	color: #13532e;
}
.alert4-light {
	background: #bde4dc;
	color: #2f7365;
}
.alert5-light {
	background: #fad9a4;
	color: #976008;
}
.alert6-light {
	background: #fac9c4;
	color: #b11e0e;
}
.alert7-light {
	background: #e8e3ef;
	color: #674b88;
}
.alert8-light {
	background: #edf9f6;
	color: #2f8571;
}
.alert9-light {
	background: #f2cbd9;
	color: #97274e;
}
.alert10-light {
	background: #f0dfd8;
	color: #935336;
}
.alert11-light {
	background: #f9e3cd;
	color: #b26515;
}
.alert1-light .closed, .alert2-light .closed, .alert3-light .closed, .alert4-light .closed, .alert5-light .closed, .alert6-light .closed, .alert7-light .closed, .alert8-light .closed, .alert9-light .closed, .alert10-light .closed, .alert11-light .closed {
	color: inherit;
	opacity: 0.6;
}
.alert1-light .closed:hover {
	color: inherit;
	opacity: 0.8;
}
/* =================================================================================
Mailbox
================================================================================= */
.mailbox .write {
	padding: 20px;
	background: #fff;
}
.mailbox-menu {
	background: #fff;
	overflow: hidden;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	position: relative;
}
.mailbox-menu .menu {
	padding: 11px 0;
	margin-bottom: 0;
}
.mailbox-menu .menu li {
	display: inline;
	color: #76747A;
	font-size: 13px;
	padding: 16px 0;
	border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.mailbox-menu .menu li .fa {
	font-size: 16px;
	color: #666;
	margin-right: 5px;
}
.mailbox-menu .menu li a {
	color: #76747A;
	border-radius: 3px;
	padding: 15px 19px;
}
.mailbox-menu .menu li a:hover {
	color: #333;
}
.mailbox-menu .menu li a:hover .fa {
	color: #333;
}
.mailbox-menu .menu li:last-child {
	margin-left: -1px;
}
.mailbox-inbox {
	background: #fff;
	border-right: 1px solid #ddd;
	padding: 0;
	left: 0;
	top: 0;
	color: #76747A;
}
.mailbox-inbox li {
	display: block;
}
.mailbox-inbox .item {
	display: block;
	padding: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.09);
	color: #76747A;
	position: relative;
	font-size: 12px;
}
.mailbox-inbox .item:hover {
	background: #E3F2FF;
}
.mailbox-inbox .item:hover .from {
	color: #37363E;
}
.mailbox-inbox .img {
	width: 40px;
	height: 40px;
	border-radius: 999px;
	float: left;
	margin-right: 10px;
}
.mailbox-inbox .from {
	font-size: 13px;
	display: block;
	color: #333;
}
.mailbox-inbox .date {
	position: absolute;
	font-size: 10px;
	right: 20px;
	top: 20px;
	opacity: 0.7;
}
.mailbox-inbox .search {
	padding: 23px 20px;
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.mailbox-inbox .mailbox-search {
	border-radius: 999px;
	border: none;
	height: 32px;
	width: 100%;
	padding-left: 20px;
	padding-right: 36px;
	background: rgba(0, 0, 0, 0.07);
	color: #333;
	box-shadow: inset none;
}
.mailbox-inbox .mailbox-search:focus {
	background: rgba(0, 0, 0, 0.12);
	box-shadow: none;
	border-top: none;
}
.mailbox-inbox .searchbutton {
	right: 35px;
	top: 27px;
}
.panel-widget .mailbox-inbox {
	border: 0;
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: -20px;
}
.container-mailbox {
	position: relative;
}
.chat {
	border-left: 1px solid #ddd;
	margin-left: -1px;
}
.chat .title {
	height: 79px;
	padding: 12px 20px;
	background: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	position: relative;
}
.chat .title h1 {
	margin: 0;
	font-size: 19px;
}
.chat .title .btn-group {
	position: absolute;
	right: 20px;
	bottom: 20px;
}
.chat .conv {
	padding: 20px;
	background: #fff;
	margin-bottom: 0;
}
.chat .conv li {
	display: block;
	position: relative;
	padding-left: 70px;
	margin-bottom: 20px;
}
.chat .conv .img {
	border-radius: 999px;
	width: 50px;
	height: 50px;
	position: absolute;
	left: 0;
	top: 0;
}
.chat .conv .ballon {
	display: inline-table;
	padding: 14px 20px;
	border-radius: 20px;
	margin-bottom: 14px;
}
.chat .conv .color1 {
	background: #B9F98E;
	color: #0A451D;
}
.chat .conv .color2 {
	background: #B6DEFF;
	color: #153440;
}
.chat .conv .addition {
	padding: 5px 20px;
	background: #f2f2f2;
	display: inline-block;
	border-radius: 20px;
	border: 1px dashed #ccc;
	font-size: 12px;
}
.chat .conv .addition a {
	text-decoration: underline;
}
.chat .conv .addition .fa {
	margin-right: 6px;
	font-size: 13px;
}
.chat .conv .date {
	text-align: center;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	padding: 10px 0;
	font-size: 11px;
}
/* Changelog */
.changelogs .title {
	font-weight: 600;
}
.changelogs .version {
	font-size: 13px;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
}
.changelogs .date {
	font-size: 12px;
	position: absolute;
	right: 20px;
	top: 20px;
}
.changelogs .update {
	position: relative;
	background: #fff;
	padding: 20px;
	border: 1px solid #e4e4e4;
	border-radius: 3px;
	margin-bottom: 20px;
}
.changelogs .list {
	font-size: 12px;
	margin-top: 10px;
	background: #f2f2f2;
	padding: 6px 10px;
	border-radius: 3px;
	border-left: 2px solid #ccc;
}
.changelogs .list h4 {
	margin: 0px;
	font-size: 13px;
}
.changelogs .list:hover {
	background: #eee;
}
/* Social Profile */
.social-top {
	height: 250px;
	padding: 20px 30px;
	border-bottom: 60px solid #fff;
	position: relative;
	background: url(../img/socialbg.jpg);
	background-size: cover;
}
.social-top .profile-img {
	width: 120px;
	height: 120px;
	border-radius: 999px;
	border: 4px solid #fff;
}
.social-top .name {
	margin: 0;
	color: #fff;
	bottom: 5px;
	position: absolute;
	left: 140px;
	top: 10px;
	font-size: 28px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.social-top .name .btn {
	margin-left: 6px;
	text-shadow: none;
}
.social-top .profile-text {
	position: absolute;
	margin: 0;
	height: 25px;
	overflow: hidden;
	font-size: 16px;
	top: 85px;
	left: 140px;
}
.social-top .profile-left {
	position: absolute;
	width: 90%;
	bottom: -52px;
}
.social-stats {
	padding: 0;
	margin: 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	right: 20px;
	bottom: 0;
	color: rgba(0, 0, 0, 0.8);
	position: absolute;
	background: rgba(255, 255, 255, 0.6);
}
.social-stats li {
	display: inline-block;
	width: 31.33333%;
	font-size: 12px;
	padding: 10px 20px;
	text-align: center;
}
.social-stats li b {
	display: block;
	font-weight: 600;
	font-size: 20px;
}
.social-content {
	padding: 20px 30px;
}
.status {
	margin: -20px;
}
.status .who {
	padding: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.status .who img {
	border-radius: 999px;
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 10px;
}
.status .who .name {
	display: block;
	font-size: 13px;
	font-weight: normal;
	line-height: normal;
}
.status .who .name b {
	color: #399bff;
}
.status .who .from {
	font-size: 12px;
	opacity: 0.7;
}
.status .text {
	padding: 20px;
	font-size: 13px;
	color: #37363e;
	line-height: 1.82em;
}
.status .image {
	padding: 20px;
}
.status .image img {
	width: 100%;
}
.status .links {
	margin: 0;
	padding: 15px 20px;
	border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.status .links .fa {
	font-size: 13px;
	margin-right: 2px;
	color: inherit;
}
.status .links li {
	display: inline;
	padding-right: 20px;
}
.status .comments {
	padding: 0 20px;
	font-size: 13px;
	border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.status .comments li {
	display: block;
	position: relative;
	padding: 15px 0 15px 40px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.status .comments li:last-child {
	border-bottom: none;
	padding-bottom: 5px;
}
.status .comments img {
	width: 30px;
	height: 30px;
	border-radius: 999px;
	position: absolute;
	left: 0px;
}
.status .comments .name {
	color: #58666e;
	display: block;
	font-weight: 600;
}
/* =================================================================================
Invoice
================================================================================= */
.invoice {
	background: #fff;
	position: relative;
	padding: 70px;
	border: 1px solid #ccc;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
}
.invoice .logo {
	line-height: 26px;
	text-align: center;
	color: #76747A;
	font-weight: 300;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	font-size: 16px;
}
.invoice .logo img {
	margin-bottom: 10px;
}
.invoice .logo b {
	color: #37353E;
	font-weight: 500;
}
.invoice .line {
	border-bottom: 2px solid #E4E4E4;
	padding: 50px 0;
}
.invoice .line h4 {
	margin: 0;
	color: #76747A;
	font-weight: bold;
	font-size: 13px;
}
.invoice .line h2 {
	color: #37353E;
	font-weight: normal;
	font-size: 24px;
	margin: 0;
}
.invoice .table {
	margin-top: 40px;
	color: #37353E;
	font-size: 17px;
}
.invoice .table .title {
	font-size: 13px;
	color: #76747A;
}
.invoice .table p {
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	font-size: 13px;
	color: #76747A;
}
.invoice .table .total {
	margin: 0;
}
.invoice .table > thead > tr > th, .invoice .table > tbody > tr > th, .invoice .table > tfoot > tr > th, .invoice .table > thead > tr > td, .invoice .table > tbody > tr > td, .invoice .table > tfoot > tr > td {
	padding-left: 0px;
	padding-right: 0px;
}
.table tr:nth-child(even) {
	background: #fff;
}
.table tr:last-child {
	border-bottom: 1px solid #eee;
}
.invoice .signature {
	border-bottom: 2px solid #E4E4E4;
	border-top: 2px solid #E4E4E4;
	margin: 20px 0;
	padding: 20px 0;
}
.invoice .bottomtext {
	font-size: 11px;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
}
.invoice .invoicename {
	color: #E4E4E4;
	font-weight: bold;
	font-size: 30px;
	right: 50px;
	top: 50px;
	position: absolute;
}
/* =================================================================================
Login Pages
================================================================================= */
.login-form {
	width: 360px;
	padding-top: 100px;
	margin: 0px auto;
	text-shadow: none;
}
.login-form form {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
}
.login-form form img {
	margin-bottom: 18px;
}
.login-form form .profile {
	border-radius: 999px;
}
.login-form form .top {
	border-bottom: 1px solid #ddd;
	text-align: center;
	padding: 30px 0;
}
.login-form form .top h1, .login-form form .top h4 {
	margin: 0;
}
.login-form form .top h1 {
	color: #37363E;
	font-size: 30px;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: -14px;
}
.login-form form .top h4 {
	font-weight: normal;
	color: #76757B;
	font-size: 15px;
}
.login-form form .form-area {
	padding: 40px;
}
.login-form form .form-area .group {
	position: relative;
	margin-bottom: 20px;
}
.login-form form .form-area .form-control {
	padding-left: 38px;
	height: 40px;
}
.login-form form .form-area .fa {
	position: absolute;
	top: 11px;
	left: 13px;
	font-size: 16px;
	color: #C3C3C3;
}
.login-form form .form-area .btn {
	height: 42px;
	font-weight: 600;
}
.login-form form .form-area .checkbox {
	margin-bottom: 20px;
}
.login-form .footer-links {
	color: #76757B;
	padding: 10px 5px;
}
.login-form .footer-links a {
	color: #76757B;
}
.login-form .footer-links a:hover {
	color: #37363e;
}
/* =================================================================================
404 - 500 Pages
================================================================================= */
.error-pages {
	text-align: center;
	padding-top: 100px;
}
.error-pages .icon {
	border-radius: 4px;
	margin-bottom: 20px;
}
.error-pages h1 {
	color: #37363e;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	font-size: 28px;
}
.error-pages h4 {
	color: #767279;
	font-weight: normal;
	font-size: 16px;
	margin-top: 10px;
}
.error-pages form {
	width: 400px;
	margin: 0px auto;
	margin-top: 30px;
	position: relative;
}
.error-pages form .form-control {
	padding-left: 34px;
	height: 40px;
}
.error-pages form .fa {
	position: absolute;
	left: 10px;
	top: 11px;
	font-size: 16px;
}
.error-pages .bottom-links {
	margin-top: 30px;
}
.error-pages .bottom-links a {
	margin: 0px 6px;
}
/* =================================================================================
Top Stats
================================================================================= */
.topstats {
	background: #fff;
	padding: 0;
	color: #76747A;
	position: relative;
	font-size: 12px;
	border-radius: 3px;
	margin-left: -5px;
	margin-right: -5px;
	text-shadow: none;
	padding: 12px 0;
}
.topstats li {
	display: block;
	text-align: center;
	margin: 10px 0;
}
.topstats .title {
	color: #37363e;
	font-weight: 600;
	font-size: 13px;
}
.topstats .title .fa {
	font-size: 15px;
	color: #000;
	margin-right: 4px;
	opacity: 0.4;
}
.topstats h3 {
	font-size: 28px;
	font-weight: bold;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	letter-spacing: -1px;
	line-height: normal;
	margin: 1px 0;
}
.topstats h3 small {
	color: #37363e;
}
.topstats .diff b {
	font-weight: bold;
}
.topstats .diff .fa {
	margin-right: 2px;
}
.topstats .arrow {
	position: absolute;
	width: 0;
	height: 0;
	top: -18px;
	right: 5px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #fff transparent;
}
/* Charts */
.flotchart-container {
	box-sizing: border-box;
	width: 100%;
}
.flotchart-placeholder {
	width: 100%;
	height: 300px;
	font-size: 13px;
	line-height: 1.2em;
}
.legend table {
	border-spacing: 5px;
}
.easypie {
	display: inline-block;
	width: 95px;
	font-size: 12px;
	height: 95px;
	margin: 0 20px 20px 0px;
	vertical-align: top;
	position: relative;
	text-align: center;
	padding-top: 29px;
	border-radius: 999px;
}
.easypie span {
	display: block;
	font-size: 20px;
	font-weight: bold;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
}
.easypie canvas {
	position: absolute;
	left: 0;
	width: 95px;
	height: 95px;
	top: 0;
}
.rickshaw-chart {
	width: 100%;
}
/* Demo Css */
/* Demo sidebar */
.demo-sidebarmenu .sidebar {
	position: relative;
	top: 0;
	width: 100%;
}
.demo-sidebarmenu .sidebar .panel {
	position: relative;
}
/* Calendar */
.calendar-layout {
	background: #fff;
	margin: -20px -30px;
	margin-bottom: 0;
	padding: 30px 20px;
}
/* =================================================================================
Awesome Bootstrap Checkbox Rewrite
================================================================================= */
.checkbox-primary input[type="checkbox"]:checked + label::before {
	background-color: #399bff;
	border-color: #399bff;
}
.checkbox-primary input[type="checkbox"]:checked + label::after {
	color: #fff;
}
.checkbox-danger input[type="checkbox"]:checked + label::before {
	background-color: #ef4836;
	border-color: #ef4836;
}
.checkbox-danger input[type="checkbox"]:checked + label::after {
	color: #fff;
}
.checkbox-info input[type="checkbox"]:checked + label::before {
	background-color: #51b7a3;
	border-color: #51b7a3;
}
.checkbox-info input[type="checkbox"]:checked + label::after {
	color: #fff;
}
.checkbox-warning input[type="checkbox"]:checked + label::before {
	background-color: #f39c12;
	border-color: #f39c12;
}
.checkbox-warning input[type="checkbox"]:checked + label::after {
	color: #fff;
}
.checkbox-success input[type="checkbox"]:checked + label::before {
	background-color: #26a65b;
	border-color: #26a65b;
}
.checkbox-success input[type="checkbox"]:checked + label::after {
	color: #fff;
}
.radio-primary input[type="radio"] + label::after {
	background-color: #399bff;
}
.radio-primary input[type="radio"]:checked + label::before {
	border-color: #399bff;
}
.radio-primary input[type="radio"]:checked + label::after {
	background-color: #399bff;
}
.radio-danger input[type="radio"] + label::after {
	background-color: #ef4836;
}
.radio-danger input[type="radio"]:checked + label::before {
	border-color: #ef4836;
}
.radio-danger input[type="radio"]:checked + label::after {
	background-color: #ef4836;
}
.radio-info input[type="radio"] + label::after {
	background-color: #51b7a3;
}
.radio-info input[type="radio"]:checked + label::before {
	border-color: #51b7a3;
}
.radio-info input[type="radio"]:checked + label::after {
	background-color: #51b7a3;
}
.radio-warning input[type="radio"] + label::after {
	background-color: #f39c12;
}
.radio-warning input[type="radio"]:checked + label::before {
	border-color: #f39c12;
}
.radio-warning input[type="radio"]:checked + label::after {
	background-color: #f39c12;
}
.radio-success input[type="radio"] + label::after {
	background-color: #26a65b;
}
.radio-success input[type="radio"]:checked + label::before {
	border-color: #26a65b;
}
.radio-success input[type="radio"]:checked + label::after {
	background-color: #26a65b;
}
/* =================================================================================
Bootstrap Rewrite
================================================================================= */
a:focus, input, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline: 0px;
}
/* Typography */
mark {
	background: #FBDDAC;
	padding: 2px 4px;
	border-radius: 3px;
}
code {
	background: #EDF6FF;
	padding: 2px 2px;
	color: #000;
	border: 1px solid #C3E1FF;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: inherit;
	font-weight: 400;
	line-height: 1.6;
	color: #37363e;
}
h1, .h1, h2, .h2, h3, .h3 {
	margin-top: 20px;
	margin-bottom: 10px;
	letter-spacing: -0.02em;
}
h4, .h4, h5, .h5, h6, .h6 {
	margin-top: 15px;
	margin-bottom: 10px;
}
h1, .h1 {
	font-size: 2.25em;
}
h2, .h2 {
	font-size: 2em;
}
h3, .h3 {
	font-size: 1.75em;
}
h4, .h4 {
	font-size: 1.5em;
}
h5, .h5 {
	font-size: 1.25em;
}
h6, .h6 {
	font-size: 1em;
}
.text-st {
	color: #666;
}
.lead {
	line-height: 1.7em;
}
blockquote {
	background: #f2f2f2;
	padding: 16px 20px;
	border-radius: 3px;
	border-left: 5px solid #ccc;
}
blockquote footer, blockquote small, blockquote .small {
	display: block;
	font-size: 80%;
	line-height: 1.42857143;
	color: inherit;
	opacity: 0.6;
}
.blockquote-reverse, blockquote.pull-right {
	border-right: 5px solid #ccc;
}
dt, dd {
	line-height: inherit;
}
.font-title {
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
}
.font-w-300 {
	font-weight: 300;
}
.font-w-400 {
	font-weight: 400;
}
.font-w-600 {
	font-weight: 600;
}
.font-w-700 {
	font-weight: 700;
}
.font-w-800 {
	font-weight: 800;
}
.font-title-tab {
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}
/* Button General */
.btn {
	font-size: 13px;
	padding: 7px 12px 7px 12px;
	border: none;
	background: #e4e4e4;
	color: inherit;
	border-radius: 3px;
}
.btn.btn-default i {
	font-size: 12px;
}
input[type="submit"].btn-default {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 4px;
	background-color: #f78076;
	color: #fff;
	font-size: 13px;
	padding: 7px 15px 7px 15px;
	box-shadow: none;
}
.btn:hover {
	background-color: #eeeeee;
	color: #666;
}
.btn:active, .btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	pointer-events: none;
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}
.btn-xs {
	font-size: 11px;
	padding: 3px 8px;
}
.btn-sm {
	font-size: 12px;
	padding: 5px 14px;
}
.btn-lg {
	font-size: 16px;
	padding: 10px 30px;
}
.btn-xl {
	font-size: 20px;
	padding: 14px 30px;
}
.btn .fa {
	font-size: 15px;
	margin-right: 5px;
}
.btn-icon {
	padding-left: 10px;
	padding-right: 10px;
}
.btn-icon .fa {
	margin: 0;
	font-size: normal;
}
.btn-rounded {
	border-radius: 999px;
}
.btn-square {
	border-radius: 0;
}
.btndiv .btn {
	margin-bottom: 10px;
}
.btn.btn-default.table-download-btn, .btn.btn-light.table-download-btn {
	padding: 5px 10px;
}
.btn.btn-default.table-download-btn i, .btn.btn-light.table-download-btn i {
	margin-right: 0px;
}
/* Button Default */
.btn-default {
	background-color: #399bff;
	color: #fff;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
	background-color: #4da5ff;
	color: #fff;
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
	background: #208eff;
	box-shadow: none;
	color: #fff;
}
.btn-default .badge {
	color: #399bff;
	background-color: #fff;
}
/* Button Primary */
.btn-primary {
	background-color: #33577b;
	color: #fff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	background-color: #396189;
	color: #fff;
}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	background: #2c4a69;
	box-shadow: none;
	color: #fff;
}
.btn-primary .badge {
	color: #33577b;
	background-color: #fff;
}
/* Button white */
.btn-white {
	background-color: #e4e4e4;
	color: #666;
}
.btn-white:hover, .btn-white:focus, .btn-white.focus, .btn-white:active, .btn-white.active, .open > .dropdown-toggle.btn-white {
	background-color: #eeeeee;
	color: #666;
}
.btn-white:active, .btn-white.active, .open > .dropdown-toggle.btn-white {
	background: #d7d7d7;
	box-shadow: none;
	color: #666;
}
.btn-white .badge {
	color: #e4e4e4;
	background-color: #fff;
}
/* Button toggle */
.btn-toggle {
	background-color: #e4e4e4;
	color: #666;
	border-size: 4px;
	border-size: 5px;
}
.btn-toggle:hover, .btn-toggle:focus, .btn-toggle.focus, .btn-toggle:active, .btn-toggle.active, .open > .dropdown-toggle.btn-toggle {
	background-color: #eeeeee;
	color: #666;
}
.btn-toggle:active, .btn-toggle.active, .open > .dropdown-toggle.btn-toggle {
	background: #d7d7d7;
	box-shadow: none;
	color: #666;
}
.btn-toggle .badge {
	color: #e4e4e4;
	background-color: #fff;
}
/* Button light */
.btn-light {
	background-color: #fff;
	color: inherit;
	border: 1px solid #e5e5e5;
}
.btn-light:hover, .btn-light:focus, .btn-light.focus, .btn-light:active, .btn-light.active, .open > .dropdown-toggle.btn-light {
	background-color: #f9f9f9;
	color: inherit;
}
.btn-light:active, .btn-light.active, .open > .dropdown-toggle.btn-default {
	box-shadow: none;
	color: inherit;
}
/* Button Success */
.btn-success {
	background-color: #26a65b;
	color: #fff;
}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
	background-color: #2ab764;
	color: #fff;
}
.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
	background: #219150;
	box-shadow: none;
	color: #fff;
}
.btn-success .badge {
	color: #26a65b;
	background-color: #fff;
}
/* Button Info */
.btn-info {
	background-color: #51b7a3;
	color: #fff;
}
.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
	background-color: #5fbdab;
	color: #fff;
}
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
	background: #46a995;
	box-shadow: none;
	color: #fff;
}
.btn-info .badge {
	color: #51b7a3;
	background-color: #fff;
}
/* Button Warning */
.btn-warning {
	background-color: #f39c12;
	color: #fff;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
	background-color: #f4a425;
	color: #fff;
}
.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
	background: #e08e0b;
	box-shadow: none;
	color: #fff;
}
.btn-warning .badge {
	color: #f39c12;
	background-color: #fff;
}
/* Button Danger */
.btn-danger {
	background-color: #ef4836;
	color: #fff;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
	background-color: #f15949;
	color: #fff;
}
.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
	background: #ed321e;
	box-shadow: none;
	color: #fff;
}
.btn-danger .badge {
	color: #ef4836;
	background-color: #fff;
}
/* Button Color11 */
.btn-option1 {
	background-color: #9a80b9;
	color: #fff;
}
.btn-option1:hover, .btn-option1:focus, .btn-option1.focus, .btn-option1:active, .btn-option1.active, .open > .dropdown-toggle.btn-option1 {
	background-color: #a48dc0;
	color: #fff;
}
.btn-option1:active, .btn-option1.active, .open > .dropdown-toggle.btn-option1 {
	background: #8d70b0;
	box-shadow: none;
	color: #fff;
}
.btn-option1 .badge {
	color: #9a80b9;
	background-color: #fff;
}
/* Button Color12 */
.btn-option2 {
	background-color: #a2ded0;
	color: #333;
}
.btn-option2:hover, .btn-option2:focus, .btn-option2.focus, .btn-option2:active, .btn-option2.active, .open > .dropdown-toggle.btn-option2 {
	background-color: #b1e3d8;
	color: #333;
}
.btn-option2:active, .btn-option2.active, .open > .dropdown-toggle.btn-option2 {
	background: #8fd7c6;
	box-shadow: none;
	color: #333;
}
.btn-option2 .badge {
	color: #a2ded0;
	background-color: #fff;
}
/* Button Color13 */
.btn-option3 {
	background-color: #d2527f;
	color: #fff;
}
.btn-option3:hover, .btn-option3:focus, .btn-option3.focus, .btn-option3:active, .btn-option3.active, .open > .dropdown-toggle.btn-option3 {
	background-color: #d6628b;
	color: #fff;
}
.btn-option3:active, .btn-option3.active, .open > .dropdown-toggle.btn-option3 {
	background: #cd3e70;
	box-shadow: none;
	color: #fff;
}
.btn-option3 .badge {
	color: #d2527f;
	background-color: #fff;
}
/* Button Color14 */
.btn-option4 {
	background-color: #c78568;
	color: #fff;
}
.btn-option4:hover, .btn-option4:focus, .btn-option4.focus, .btn-option4:active, .btn-option4.active, .open > .dropdown-toggle.btn-option4 {
	background-color: #cd9177;
	color: #fff;
}
.btn-option4:active, .btn-option4.active, .open > .dropdown-toggle.btn-option4 {
	background: #c07655;
	box-shadow: none;
	color: #fff;
}
.btn-option4 .badge {
	color: #c78568;
	background-color: #fff;
}
/* Button Color15 */
.btn-option5 {
	background-color: #e99844;
	color: #fff;
}
.btn-option5:hover, .btn-option5:focus, .btn-option5.focus, .btn-option5:active, .btn-option5.active, .open > .dropdown-toggle.btn-option4 {
	background-color: #eba256;
	color: #fff;
}
.btn-option5:active, .btn-option5.active, .open > .dropdown-toggle.btn-option5 {
	background: #e68b2d;
	box-shadow: none;
	color: #fff;
}
.btn-option5 .badge {
	color: #e99844;
	background-color: #fff;
}

#myDropDown{
	border: none !important;
}

/* Label Class */
.label {
	font-size: inherit;
	padding: 1px 6px;
	font-weight: 600;
	border-radius: 4px;
}
.label-default {
	background: #399bff;
}
.label-primary {
	background: #33577b;
}
.label-success {
	background: #26a65b;
}
.label-info {
	background: #51b7a3;
}
.label-warning {
	background: #f39c12;
}
.label-danger {
	background: #ef4836;
}
/* Input options */
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
	color: #26a65b;
}
.has-success .form-control {
	border-color: #26a65b;
	box-shadow: none;
}
.has-success .form-control:focus {
	border-color: #26a65b;
	box-shadow: none;
}
.has-success .input-group-addon {
	color: #26a65b;
	background-color: #26a65b;
	border-color: #26a65b;
}
.has-success .form-control-feedback {
	color: #26a65b;
}
.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
	color: #f39c12;
}
.has-warning .form-control {
	border-color: #f39c12;
	box-shadow: none;
}
.has-warning .form-control:focus {
	border-color: #f39c12;
	box-shadow: none;
}
.has-warning .input-group-addon {
	color: #f39c12;
	background-color: #f39c12;
	border-color: #f39c12;
}
.has-warning .form-control-feedback {
	color: #f39c12;
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
	color: #ef4836;
}
.has-error .form-control {
	border-color: #ef4836;
	box-shadow: none;
}
.has-error .form-control:focus {
	border-color: #ef4836;
	box-shadow: none;
}
.has-error .input-group-addon {
	color: #ef4836;
	background-color: #ef4836;
	border-color: #ef4836;
}
.has-error .form-control-feedback {
	color: #ef4836;
}
input[type="radio"] {
	vertical-align: text-top
}
/* Form Control */
.form-control {
	height: 34px;
	border-radius: 3px;
	padding-left: 10px;
	font-size: 13px;
	background: #fff;
	border: 1px solid #BDC4C9;
	display: block;
	box-shadow: inset 0px 1px 0px #F1F0F1;
	font-size: 11px;
}
.c_popup .form-control {
	height: 34px;
	border-radius: 3px;
	padding-left: 10px;
	font-size: 13px;
	background: #fff;
	border: 1px solid #BDC4C9;
	display: inline-block;
	box-shadow: inset 0px 1px 0px #F1F0F1;
	font-size: 11px;
	width: 72%;
	margin-left: 4px;
}
.c_popup .account-form-box .form-label {
	color: #333;
	display: inline-block;
	float: left;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 3px;
	padding-right: 3px;
	width: 125px;
	vertical-align: 0px;
	margin-top: 4px;
}
.form-control:focus {
	background: #fff;
	border-color: #BDC4C9;
	box-shadow: none;
	border-top: 1px solid #B7B7B7;
}
.file-selector {
	padding: 6px 12px;
	padding-left: 0px;
	border: 0px solid #BDC4C9;
	box-shadow: none;
}
.form-label {
	font-weight: 500;
}
/* Fieldset Form */
.fieldset-form fieldset {
	padding: 20px;
	margin: 0 2px;
	border-radius: 3px;
	border: 1px solid #ccc;
	padding-top: 10px;
}
.fieldset-form legend {
	width: auto;
	padding: 0px 10px;
	margin-bottom: 20px;
	font-size: 16px;
	line-height: inherit;
	color: #333;
	border: 0;
	font-weight: 600;
	border-bottom: none;
}
/* Form Control Line */

.form-control-line {
	border-left: 0;
	border-top: 0;
	border-right: 0;
	padding-left: 0;
	border-radius: 0;
	box-shadow: none;
}
.form-control-line:focus {
	border-top: 0;
	background: none;
	border-color: #666;
}
/* Form Control Radius */
.form-control-radius {
	border-radius: 999px;
}
/* Form Group */
.form-group {
	margin-bottom: 10px;
}
/* Form Inline */
.form-inline label {
	margin-right: 5px;
}
.form-inline .checkbox-inline, .form-inline .radio-inline {
	padding-left: 0;
	margin-right: 5px;
}
.form-inline .checkbox-inline label, .form-inline .radio-inline label {
	padding-left: 5px;
}
.form-inline .form-group {
	padding-right: 10px;
}
/* Input Group Addon */
.input-group-addon {
	background: #f7f7f7;
	border-color: #BDC4C9;
	font-weight: 600;
	padding-left: 17px;
	padding-right: 17px;
}
/* Input Control Sizing */
.input-sm {
	height: 30px;
	font-size: 12px;
	line-height: 1.5;
}
.input-lg {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 3px;
}
/* breadcrumb */
.breadcrumb {
	background: none;
	padding: 0;
	margin: 0;
	font-weight: 600;
}
.breadcrumb .active {
	font-weight: normal;
	color: #999;
}
/* Dropdown Menu */
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 0px 0;
	margin: 2px 0 0;
	font-size: 13px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-header {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 10px;
	padding-left: 15px;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	padding-top: 5px;
}
.dropdown-menu li {
	position: relative;
}
.dropdown-menu > li > a {
	padding: 9px 14px;
	color: #3D464D; text-transform:none;
}
.dropdown-menu .divider {
	margin: 4px 0;
}
.dropdown-menu-list li a {
	padding-left: 15px;
}
.dropdown-menu-list .badge {
	right: 20px;
	font-weight: normal;
	margin-left: 5px;
	padding: 2px 6px;
	font-size: 11px;
}
.dropdown-menu-list .falist {
	left: 15px;
	top: 11px;
	font-size: 15px;
}
#editor {
	max-height: 250px;
	height: 250px;
	background-color: white;
	border-collapse: separate;
	border: 1px solid #cccccc;
	padding: 4px;
	box-sizing: content-box;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
	box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	overflow: scroll;
	outline: none;
}
#voiceBtn {
	width: 20px;
	color: transparent;
	background-color: transparent;
	transform: scale(2, 2);
	-webkit-transform: scale(2, 2);
	-moz-transform: scale(2, 2);
	border: transparent;
	cursor: pointer;
	box-shadow: none;
	-webkit-box-shadow: none;
}
div[data-role="editor-toolbar"] {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.dropdown-menu a {
	cursor: pointer;
}
/* Tabs */
.tab-content {
	background: #fff;
	padding: 20px;
}
.nav-tabs {
	border-bottom: none;
	background: #E9E9E9;
	padding: 0;
}
.nav-tabs > li {
	float: left;
	margin-bottom: -1px;
	margin-right: -2px;
}
.nav-tabs > li > a {
	margin-right: 2px;
	line-height: 1.42857143;
	color: inherit;
	border: none;
	border-radius: 0;
}
.nav-tabs > li > a:hover {
	border-color: none;
	background: rgba(0, 0, 0, 0.1);
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: #555;
	cursor: default;
	background-color: #fff;
	border: none;
	border-bottom-color: transparent;
}
.nav-pills {
	padding-bottom: 10px;
}
.nav-pills > li {
	float: left;
}
.nav-pills > li > a {
	border-radius: 3px;
	padding: 4px 10px;
}
.nav-pills > li + li {
	margin-left: 2px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	color: #fff;
	background-color: #399bff;
}
.nav-stacked li {
	width: 100%;
	display: block;
}
.nav-justified {
	padding: 0;
	margin-bottom: -1px;
	border-bottom: none;
}
 @media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
	margin-bottom: 0;
}
}
.nav-tabs.nav-justified > li > a {
	border-radius: 0px;
}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
	border: none;
}
 @media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
	border-bottom: 1px solid #fff;
	border-radius: none;
}
}
.nav-line {
	border-bottom: none;
	background: none;
	padding: 0;
}
.nav-line > li {
	float: left;
	margin-bottom: -1px;
}
.nav-line > li > a:hover {
	border-color: none;
	background: none;
	border-bottom: 3px solid #e4e4e4;
	color: #37363e;
}
.nav-line > li.active > a, .nav-line > li.active > a:hover, .nav-line > li.active > a:focus {
	color: inherit;
	cursor: default;
	background-color: transparent;
	border-bottom: 3px solid #399bff;
}
.nav-icon .fa {
	font-size: 16px;
	color: inherit;
}
.nav-pills > li > a {
	border-radius: 3px;
	padding: 4px 14px;
}
.tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li {
	float: none;
	margin: 0;
}
.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {
	min-width: 74px;
	margin-right: 0;
	margin-bottom: 3px;
}
.tabs-left > .nav-tabs {
	float: left;
	margin-right: 29px;
}
.tabs-right > .nav-tabs {
	float: right;
	margin-left: 29px;
	text-align: right;
}
.tabcolor5-bg li a, .tabcolor6-bg li a, .tabcolor7-bg li a, .tabcolor8-bg li a, .tabcolor9-bg li a, .tabcolor10-bg li a {
	color: #fff;
}
.tabcolor5-bg {
	background: #399bff;
}
.tabcolor6-bg {
	background: #33577b;
}
.tabcolor7-bg {
	background: #26a65b;
}
.tabcolor8-bg {
	background: #51b7a3;
}
.tabcolor9-bg {
	background: #f39c12;
}
.tabcolor10-bg {
	background: #ef4836;
}
/* Panels */
.panel {
	box-shadow: none;
	border: 1px solid #e5e5e5;
	background: #fff;
	padding: 20px;
	margin-bottom: 20px;
	position: relative;
}
.panel-footer {
	margin: -20px;
	margin-top: 20px;
	background: #f9f9f9;
}
.panel-transparent {
	background: none;
	border: none;
}
.panel-transparent .panel-title {
	background: none;
	border: none;
}
.panel-default > .panel-heading {
	background-color: inherit;
	border-bottom: 0;
	color: #3D464D;
}
.panel-title {
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	color: #58666e;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 16px 20px;
	margin: -20px;
	background: #fff;
	margin-bottom: 5px;
	border-bottom: none;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.panel-body, .panel-heading {
	padding: 0;
	color: inherit;
	background-color: transparent;
	border-color: none;
}
.panel-body {
	background-color: #fff;
}
.panel-heading {
	background: transparent;
	border-bottom: transparent;
}
.panel .badge {
	font-size: 11px;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	text-transform: none;
	padding: 4px 10px;
	margin-left: 5px;
	font-weight: normal;
}
.panel-footer {
	background: rgba(0, 0, 0, 0.01);
	border-top: 1px solid inherit;
}
.panel-title .badge {
	color: #fff;
	background-color: rgba(0, 0, 0, 0.2);
}
.panel-heading {
	font-size: 20px;
	padding-bottom: 15px;
	font-weight: 300;
}
.panel .list-group {
	margin: -20px;
	margin-top: 20px;
	background: transparent;
}
.panel .list-group li {
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-left: 0;
	background: transparent;
	border-right: 0;
}
.panel .list-group-item:first-child {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.panel .list-group-item:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom: 0;
}
/* Panel Collapse */
.panel-collapse {
	padding-bottom: 0;
}
.panel-collapse .panel-title {
	padding-bottom: 0;
	margin-bottom: 0;
}
.panel-collapse .panel-body {
	padding: 10px 0 20px 0;
}
/* Panel widget */
.panel-widget {
	overflow: hidden;
	border: none;
}
/* Panel Default */
.panel-default {
	border-color: #ddd;
}
.panel-default .badge {
	color: inherit;
	background-color: rgba(0, 0, 0, 0.2);
}
.panel-default .list-group {
	margin: -20px;
	margin-top: 20px;
}
.panel-default .list-group li {
	border: 1px solid #ddd;
	border-left: 0;
	border-right: 0;
}
.panel-default .list-group-item:first-child {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.panel-default .list-group-item:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom: 0;
}
/* Panel Primary */
.panel-primary {
	border-color: #399bff;
	background: #399bff;
	color: #fff;
}
.panel-primary > .panel-heading {
	color: inherit;
	background: transparent;
	border-bottom: transparent;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #399bff;
}
.panel-primary .panel-title {
	color: #fff;
	background: #399bff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.panel-primary .panel-footer {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.04);
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #399bff;
}
/* Panel Success */
.panel-success {
	border-color: #26a65b;
	background: #26a65b;
	color: #fff;
}
.panel-success > .panel-heading {
	color: inherit;
	background: transparent;
	border-bottom: transparent;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #26a65b;
}
.panel-success .panel-title {
	color: #fff;
	background: #26a65b;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.panel-success .panel-footer {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.04);
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #26a65b;
}
/* Panel Info */
.panel-info {
	border-color: #51b7a3;
	background: #51b7a3;
	color: #fff;
}
.panel-info > .panel-heading {
	color: inherit;
	background: transparent;
	border-bottom: transparent;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #51b7a3;
}
.panel-info .panel-title {
	color: #fff;
	background: #51b7a3;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.panel-info .panel-footer {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.04);
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #51b7a3;
}
/* Panel Warning */
.panel-warning {
	border-color: #f39c12;
	background: #f39c12;
	color: #fff;
}
.panel-warning > .panel-heading {
	color: inherit;
	background: transparent;
	border-bottom: transparent;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #f39c12;
}
.panel-warning .panel-title {
	color: #fff;
	background: #f39c12;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.panel-warning .panel-footer {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.04);
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #f39c12;
}
/* Panel Danger */
.panel-danger {
	border-color: #ef4836;
	background: #ef4836;
	color: #fff;
}
.panel-danger > .panel-heading {
	color: inherit;
	background: transparent;
	border-bottom: transparent;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #ef4836;
}
.panel-danger .panel-title {
	color: #fff;
	background: #ef4836;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.panel-danger .panel-footer {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.04);
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #ef4836;
}
/* Panel Dark */
.panel-dark {
	border-color: #3d464d;
	background: #3d464d;
	color: #fff;
}
.panel-dark > .panel-heading {
	color: inherit;
	background: transparent;
	border-bottom: transparent;
}
.panel-dark > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #3d464d;
}
.panel-dark .panel-title {
	color: #fff;
	background: #3d464d;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.panel-dark .panel-footer {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.04);
}
.panel-dark > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #3d464d;
}
/* Panel Tools */
.panel-tools {
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	position: absolute;
	right: 16px;
	top: 13px;
	text-transform: none;
	font-weight: 600;
	font-size: inherit;
	z-index: 1;
}
.panel-tools li {
	display: inline-block;
}
.panel-tools a {
	padding: 3px 8px;
	display: block;
	color: inherit;
	border-radius: 3px;
}
.panel-tools a:hover {
	color: rgba(0, 0, 0, 0.6);
	background: rgba(0, 0, 0, 0.09);
}
.panel-tools .icon {
	font-size: 13px;
	color: rgba(0, 0, 0, 0.5);
	border-radius: 3px;
	cursor: pointer;
}
.panel-tools .icon a {
	color: rgba(0, 0, 0, 0.4);
}
.panel-tools .dropdown-menu {
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	font-size: 13px;
}
.panel-tools .dropdown-menu li {
	display: list-item;
}
.panel-tools .dropdown-menu a {
	display: block;
}
.panel-search {
	margin: -20px;
	padding: 15px 20px;
	position: relative;
	color: #333;
	display: none;
	background: rgba(255, 255, 255, 0.1);
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.panel-search input {
	background: #fff;
	border-radius: 999px;
	padding-left: 35px;
}
.panel-search input:focus {
	background: #fff;
}
.panel-search .icon {
	position: absolute;
	left: 35px;
	top: 25px;
}
.panel-fullsize {
	position: fixed;
	width: 100%;
	height: 100vh;
	overflow: auto;
	top: 0;
	left: 0;
	z-index: 9999;
}
.panel-tools-hover {
	display: none;
}
.panel:hover .panel-tools-hover {
	display: block;
}
.panel-title .titleicon {
	margin-right: 10px;
}
.panel-closed .panel-title {
	margin-bottom: -20px;
}
.panel-closed .panel-body {
	display: none;
}
/* Widget Tools */
.widget-tools {
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	position: absolute;
	right: 15px;
	top: 13px;
	text-transform: none;
	font-weight: 600;
	font-size: inherit;
	z-index: 1;
}
.widget-tools li {
	display: inline-block;
}
.widget-tools a {
	padding: 3px 8px;
	display: block;
	color: inherit;
	border-radius: 3px;
}
.widget-tools a:hover {
	color: rgba(0, 0, 0, 0.6);
	background: rgba(0, 0, 0, 0.09);
}
.widget-tools .icon {
	font-size: 13px;
	color: rgba(0, 0, 0, 0.5);
	border-radius: 3px;
	cursor: pointer;
}
.widget-tools .icon a {
	color: rgba(0, 0, 0, 0.4);
}
.widget-tools .dropdown-menu {
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	font-size: 13px;
}
.widget-tools .dropdown-menu li {
	display: list-item;
}
.widget-tools .dropdown-menu a {
	display: block;
}
.widget-fullsize {
	position: fixed;
	width: 100%;
	height: 100vh;
	overflow: auto;
	top: 0;
	left: 0;
	z-index: 9999;
}
.widget-tools-hover {
	display: none;
}
.widget:hover .widget-tools-hover {
	display: block;
}
/* Modals */
.modal {
	z-index: 10000;
}
.modal-sm {
	max-width: 400px;
}
.modal-lg {
	min-width: 90%;
}
.modal .close {
	width: 26px;
	border-radius: 4px;
	font-size: 23px;
	background: #ccc;
	color: #000;
	text-shadow: none;
	opacity: 0.4;
	outline: 0;
}
.modal .close:hover {
	opacity: 0.6;
}
.modal-title {
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	font-size: 16px;
}
.modal-content {
	box-shadow: 2px 2px 2px red;
	text-align: left;
}
.modalicon {
	background: #fff;
	border-radius: 3px;
	text-align: center;
	height: 300px;
	display: table-cell;
	width: 100%;
	position: relative;
	vertical-align: middle;
	border: 2px solid #e2e2e2;
}
.modalicon img {
	border-radius: 3px;
}
.modalicon:hover {
	border-color: #ccc;
}
.progress {
	height: 18px;
	background: rgba(0, 0, 0, 0.15);
	box-shadow: none;
	margin: 0px;
}
.progress-bar {
	background: #399bff;
	font-size: 12px;
	font-weight: 600;
	line-height: normal;
}
.progress-bar-success {
	background: #26a65b;
}
.progress-bar-info {
	background: #51b7a3;
}
.progress-bar-warning {
	background: #f39c12;
}
.progress-bar-danger {
	background: #ef4836;
}
.progress-bar-transparent {
	background: transparent;
	color: inherit;
}
.progress-small {
	height: 9px;
}
.progress-large {
	height: 26px;
}
.progress-extralarge {
	height: 36px;
}
/* Table */
.table {
	margin: 0;
}
.table-hover > tbody > tr:hover {
	background-color: #EFF7FF;
}
thead {
	font-weight: 600;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	color: #37363e;
}
thead .fa {
	font-size: 16px;
	margin: 0;
}
table td {
	display: table-cell;
	vertical-align: middle;
	font-size: 13px;
}
.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: 6px 12px 6px;
	line-height: 1.7;
	position: relative;
}
.table {
	background-image: url(../images/table-bg.jpg);
	background-repeat: repeat;
}
.table > thead > tr > th {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee !important;
	background: #f6f6f6;
	padding: 10px 12px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	border: 1px solid #eee !important;
}
.table-bordered > thead > tr > th {
	color: #fff;
	background-color: #f8f8f8;
	font-size: 12px;
	color: #333;
	padding: 8px 8px 9px 8px !important;
	letter-spacing: 0.5px;
	white-space: nowrap;
	min-width: 65px;
	border: none;
	border: 1px #eee solid;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	font-weight: 600;
	text-transform: none;
}
.table-bordered > tbody > tr > td {
	padding: 8px;
	line-height: 1.7;
	font-size: 13px;
	color: #666;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: #fff;
}
.table-striped > tbody > tr:nth-of-type(2n+2) {
	background-color: #f8f8f8;
}
.doc-grid {
	padding: 10px 20px;
}
.doc-grid div {
	border: 1px solid #ccc;
	text-align: center;
	font-size: 16px;
	padding: 20px 0;
	background: #fff;
}
.pagination {
	margin-right: 15px;
}
/* =================================================================================
Widgets
================================================================================= */
.widget {
	overflow: hidden;
	margin-bottom: 10px;
	background: #fff;
	border-radius: 3px;
	padding: 20px;
	position: relative;
}
.widget .widget-title {
	color: #37363e;
	font-size: 12px;
	font-weight: bold;
	padding: 16px 20px;
	background: #fff;
	margin-bottom: 5px;
	border-bottom: none;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	margin: -20px;
	margin-bottom: 20px;
}
.widget .widget-title h5 {
	font-size: 12px;
	z-index: 1;
	margin: 0;
	color: #58666e;
}
.widget .widget-title h2 {
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	font-weight: bold;
	text-transform: uppercase;
}
.widget-inline-list {
	display: block;
	padding-left: 0;
	color: #58666e;
}
.widget-inline-list li {
	display: block;
	float: left;
	text-align: center;
	padding: 15px 0;
}
.widget-inline-list li span {
	font-size: 18px;
	display: block;
	color: inherit;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	font-weight: 600;
}
.widget-inline-list .chart {
	display: block;
	margin-top: 5px;
}
.widget-inline-list .col-1 {
	width: 8.3333333%;
}
.widget-inline-list .col-2 {
	width: 16.666666%;
}
.widget-inline-list .col-3 {
	width: 25%;
}
.widget-inline-list .col-4 {
	width: 33.333333%;
}
.widget-inline-list .col-6 {
	width: 50%;
}
.widget-inline-list .col-12 {
	width: 100%;
}
/* Chart with Stats */
.chart-with-stats {
	padding: 0;
}
.chart-with-stats .right {
	background: rgba(255, 255, 255, 0.8);
	min-width: 150px;
	position: absolute;
	text-align: center;
	right: 0;
	top: 0;
}
.chart-with-stats .right .title {
	left: 0;
	right: 0;
	text-align: center;
	padding-bottom: 14px;
}
.chart-with-stats .bigchart {
	height: 300px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin-top: 70px;
}
.chart-with-stats .top-label {
	position: absolute;
	right: 170px;
	top: 20px;
	background: #f2f2f2;
	border-radius: 3px;
	text-align: right;
	padding: 10px 20px;
}
.chart-with-stats .top-label h2 {
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	margin: 0;
	font-weight: bold;
	color: #37363e;
	font-size: 28px;
}
.chart-with-stats .top-label h4 {
	font-size: 13px;
	margin: 0;
	opacity: 0.7;
	color: #58666e;
}
.chart-with-stats .title {
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	color: #58666e;
	font-weight: bold;
	position: absolute;
	left: 20px;
	top: 0px;
	font-size: 13px;
	z-index: 1;
	margin-bottom: 0;
	padding: 0;
}
.chart-with-stats .title small {
	display: block;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 4px;
}
.chart-with-stats .widget-inline-list {
	position: absolute;
	opacity: 0.9;
	top: 50px;
	bottom: 0;
}
.chart-with-stats .widget-inline-list span {
	color: #37363e;
}
.chart-with-stats .widget-inline-list li {
	margin-bottom: 20px;
}
.chart-on-bottom {
	width: 100%;
	position: absolute;
	left: -20px;
	right: -2px;
	bottom: -2px;
}
/* Social Box */
.socialbox .text {
	font-size: 20px;
	color: #fff;
	line-height: 1.6em;
	font-weight: 300;
}
.socialbox .text-info {
	color: #fff;
	opacity: 0.7;
}
.socialbox .logo {
	color: #fff;
	font-size: 28px;
	left: 20px;
	bottom: 20px;
	position: absolute;
}
.socialbox .info {
	color: #fff;
	margin: 0;
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-size: 15px;
	padding: 0;
}
.socialbox .info .fa {
	margin-right: 4px;
}
.socialbox .info li {
	display: inline;
	padding-left: 10px;
}
/* Profile Widget */
.profile-widget {
	padding: 0;
	padding-top: 40px;
	color: #fff;
	text-align: center;
	background: url(../img/socialbg.jpg);
	background-size: cover;
}
.profile-widget .profile-image {
	width: 115px;
	height: 115px;
	border: 4px solid #fff;
	border-radius: 999px;
	margin-bottom: 10px;
}
.profile-widget .btn {
	background: #fff;
	color: #37363e;
}
.profile-widget .btn:hover {
	opacity: 0.9;
}
.profile-widget h1 {
	color: #fff;
	margin: 0;
	font-size: 26px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	font-weight: 300;
}
.profile-widget .stats {
	color: #fff;
	padding: 12px 0;
	position: absolute;
	bottom: -20px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.4);
}
.profile-widget .stats span {
	color: #fff;
}
/* Basic List */
.basic-list {
	margin-bottom: 0;
	padding: 0;
}
.basic-list li {
	display: block;
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	padding: 11px 0;
}
.basic-list li:last-child {
	border-bottom: none;
}
.basic-list .right {
	position: absolute;
	right: 0;
	display: inline-block;
	padding: 3px 6px;
	font-weight: 600;
}
/* Image List */
.image-list li {
	padding-left: 50px;
}
.image-list .img {
	width: 40px;
	height: 40px;
	position: absolute;
	left: 0;
	border-radius: 999px;
}
.image-list .desc {
	font-size: 12px;
	opacity: 0.8;
	display: block;
}
/* Blog Post */
.blog-post .image-div {
	border-radius: 3px;
	margin-bottom: 14px;
	position: relative;
	overflow: hidden;
}
.blog-post .image-div a {
	color: #fff;
}
.blog-post .image-div a:hover {
	opacity: 0.8;
}
.blog-post .image {
	width: 100%;
	min-height: 100px;
	border-radius: 3px;
	top: 0;
	opacity: 0.2;
}
.blog-post .title {
	position: absolute;
	top: 0;
	color: #fff;
	padding: 10px;
	margin: 0;
	line-height: normal;
	font-size: 34px;
	font-weight: 300;
}
.blog-post .author {
	position: relative;
	padding-left: 50px;
	border-top: 1px solid #ededed;
	padding-top: 20px;
	margin-top: 15px;
	margin-bottom: 0;
}
.blog-post .author img {
	width: 40px;
	height: 40px;
	border-radius: 999px;
	position: absolute;
	left: 0;
}
.blog-post .author .text {
	margin-bottom: 20px;
}
.blog-post .author span {
	display: block;
	color: #37363e;
	font-weight: 600;
}
/* Quick Menu */
.quick-menu {
	padding: 0;
	background: #fff;
	margin-bottom: 10px;
	border-radius: 3px;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
}
.quick-menu .label {
	position: absolute;
	padding: 4px 6px;
	top: -10px;
	right: 10px;
}
.quick-menu li {
	display: block;
	text-align: center;
	padding: 0;
	position: relative;
	font-size: 13px;
}
.quick-menu li .fa {
	display: block;
	font-size: 28px;
	margin-bottom: 5px;
	opacity: 0.8;
}
.quick-menu a {
	color: #58666e;
	display: block;
	padding: 18px 0;
}
.quick-menu a .fa {
	color: #399bff;
}
.quick-menu a:hover {
	background: rgba(0, 0, 0, 0.03);
	color: #37363e;
}
/* Widget Map */
.gmaps, .gmaps-panaroma {
	height: 300px;
	background: #6699cc;
	border-radius: 3px;
}
.gmaps-overlay {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 20px;
	line-height: 40px;
	opacity: 0.8;
	background: #4477aa;
	border: solid 3px #336699;
	border-radius: 4px;
	box-shadow: 2px 2px 10px #333;
	text-shadow: 1px 1px 1px #666;
	padding: 0 4px;
}
.gmaps-overlay_arrow {
	left: 50%;
	margin-left: -16px;
	width: 0;
	height: 0;
	position: absolute;
}
.gmaps-overlay_arrow.above {
	bottom: -15px;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-top: 16px solid #336699;
}
.gmaps-overlay_arrow.below {
	top: -15px;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-bottom: 16px solid #336699;
}
/* widget table-dic */
.table-dic .fa {
	text-shadow: none;
	color: #399bff;
	font-size: 20px;
	margin-right: 8px;
}
.table-dic .type {
	font-size: 11px;
	opacity: 0.7;
}
.panel-title-new {
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	color: #58666e;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 16px 20px 0px 20px;
	margin: -20px;
	background: #fff;
	margin-bottom: 5px;
	border-bottom: none;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.form-horizontal .form-group {
	margin-right: 0px;
	margin-left: 0px;
}
.form-horizontal .control-label {
	text-align: left;
	padding-left: 0px;
}
table.validation-content {
	width: 100%;
}
table.validation-content td {
	border-right: 1px solid #ddd;
	padding-right: 10px;
	padding-left: 10px;
	width: 33.33%;
	display: inline;
}
table.validation-content td:last-child {
	border-right: 0px solid #ddd;
}
.key-value {
	height: 60px;
	margin: 32px 0 0 0;
	padding: 0 0px 32px 0px;
	height: 90px;
}
.key-value textarea {
	display: block;
	padding: 20px 30px;
	text-align: center;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	resize: none;
	overflow: hidden;
	outline: none;
	font-size: 15px;
	font-family: monospace;
	line-height: normal;
	color: #333332;
	line-height: 1.5em;
	white-space: nowrap;
	font-weight: bold;
	border: none;
	border: 1px solid #e6e9ec;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	background-color: #f9fafb;
}
.panel.api-doc {
	padding: 0px;
}
.panel.api-doc .nav-tabs.nav-justified > li a {
	border-bottom: 1px solid #ddd;
}
.panel.api-doc .nav-tabs.nav-justified > li.active a {
	border-bottom: 0px solid #ddd;
}
.panel.api-doc .nav-tabs {
	background: #000;
	color: #fff;
}
.dd-panel-title {
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	color: #58666e;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 15px !important;
	margin: 0px;
	background: #fff;
	margin-bottom: 25px;
	border-bottom: none;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.dd-panel-title input, select {
	width: 100%;
}
.dd-panel-title .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100%;
}
.dd-panel-title .bootstrap-select.btn-group .btn .filter-option {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
}
.chart-with-stats .right {
	margin-top: 75px;
}
.dd-color-cleansed {
	color: #399bff;
}
.dd-color-cost {
	color: #26a65b;
}
.dd-color-files {
	color: #33577b;
}
.dd-color-api-calls {
	color: #9a80b9;
}
.dd-color-email-Quality {
	color: #f39c12;
}
.dd-color-average-time {
	color: #ef4836;
}
.dd-color-extra {
	color: #9a80b9;
}
.container-widget table td h3 {
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	color: #58666e;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
}
.chart-with-stats .right .title {
	text-align: left;
	padding: 0px;
}
.chart-with-stats .widget-inline-list li {
	margin-bottom: 0px;
	text-align: left;
	padding: 10px 0px;
}
.chart-with-stats .widget-inline-list li:first-child {
	padding: 0px 0px 10px 0px;
}
.chart-with-stats .widget-inline-list li div.colored-box {
	height: 9px;
	width: 16px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}
.chart-with-stats .widget-inline-list li div.colored-box.color-1 {
	background: #8cc9ff;
}
.chart-with-stats .widget-inline-list li div.colored-box.color-2 {
	background: #ff77a8;
}
.chart-with-stats .widget-inline-list li div.colored-box.color-3 {
	background: #ffb34f;
}
.chart-with-stats .widget-inline-list li div.colored-box.color-4 {
	background: #75ff85;
}
.chart-with-stats .widget-inline-list li div.colored-box.color-5 {
	background: #c787ff;
}
.fa-arrow-circle-down {
	font-size: 20px
}
.fa-arrow-circle-up {
	font-size: 20px
}
.modal-dialog1 {
	width: 800px !important;
	padding-top: 30px;
	padding-bottom: 30px;
	z-index: 1050;
	position: relative
}
.modal-dialog1 .modal-header {
	background: #399bff;
	border-bottom: none !important;
	padding: 15px 20px !important;
}
.modal-dialog1 .modal-content {
	border-radius: 0px !important
}
.modal-dialog1 h3 {
	font-size: 13px;
	letter-spacing: 0.5px;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 7px;
	color: #fff
}
.modal-dialog1 h4 {
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	font-size: 20px;
	line-height: normal;
	font-weight: normal;
	margin-bottom: 5px;
	color: #fff
}
.modal-dialog1 .modal-body {
	position: relative;
	padding: 0px 0px !important;
	overflow: hidden
}
.modal-dialog1 .file-status {
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	margin-top: 3px
}
.modal-dialog1 .file-done {
	background: #3ab174;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 4px 10px;
	border-radius: 15px;
	text-transform: uppercase
}
.modal-dialog1 .report-col {
	width: 520px;
	float: left;
	padding: 20px
}
.modal-dialog1 .summery-col {
	width: 250px;
	float: right;
	background: #f8f8f8;
	padding: 25px;
	min-height: 510px;
	border-left: 1px #eaeaea solid
}
.modal-dialog1 .summery-col h5 {
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px
}
.modal-dialog1 .summery-col ul {
	overflow: hidden;
	padding: 0px;
	text-align: left;
	margin: 0;
	padding-top: 9px;
	padding-bottom: 9px;
	border-bottom: 1px #e5e5e5 solid
}
.modal-dialog1 .summery-col ul li {
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.modal-dialog1 .summery-col ul li strong {
	text-transform: uppercase;
	width: 70px !important;
	display: block
}
.modal-dialog1 .summery-col ul:last-child {
	border-bottom: none;
	padding-bottom: 0
}
.modal .close {
	width: 26px;
	border-radius: 4px;
	font-size: 23px;
	background: #fff;
	color: #000;
	text-shadow: none;
	opacity: 1;
	outline: 0;
	position: absolute;
	right: 10px;
	top: 10px;
}
.modal .close img {
	width: 26px;
}
.modal-dialog1 .btn {
	display: block;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase
}
.modal-dialog {
	width: 750px;
	padding-top: 0px;
}
.dataTables_filter label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 11px;
	font-weight: 300;
}
.dataTables_filter input[type="search"] {
	margin-left: 10px;
}
.top-black {
	background: #fff;
	height: 54px;
	border-bottom: 0px solid #eee;
	line-height: 44px;
	position: fixed;
	z-index: 1000;
	width: 100%;
	padding-left: 77px;
	overflow: initial;
}
.search-box-top .top-search-box {
	border-radius: 3px;
	font-size: 13px;
	height: 35px;
	margin: 0;
	padding: 3px 12px;
	width: 280px;
	font-weight: 300;
	color: #000;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	border: 1px #ddd solid;
}
.search-box-top .button-common {
	cursor: pointer;
	display: inline-block;
	height: 34px;
	min-width: 20px;
	position: absolute;
	right: 15px;
	top: -3px;
	background: none;
	border: 0 none;
	border-radius: 3px;
	filter: none;
	overflow: hidden;
	padding: 1px 5px;
	width: 35px;
	margin-top: 0px;
}
.search-box-top .searchIconNew:before {
	font-size: 16px;
	color: #70707d;
	content: '\f002';
	font-family: FontAwesome;
	margin-left: 5px;
}
.rgt-links {
	float: right;
	text-align: right;
	font-size: 13px;
	margin-right: 15px;
	padding-top: 3px;
	color: #333;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
}
.rgt-links span {
	color: #ccc;
	display: inline-block;
	margin-left: 6px;
	margin-right: 6px;
}
.rgt-links a {
	font-size: 13px;
	padding: 0px;
	color: #333;
}
.table .email-values .valie-numbers, .table .email-values .accepted-count, .table .email-values .invalid-count, .table .email-values .other-count {
	display: inline-block;
	margin-right: 8px;
}
.table .email-values .valie-numbers {
	color: #333;
}
.table .email-values .accepted-count {
	color: #009100
}
.table .email-values .invalid-count {
	color: #cc0000;
}
.table .email-values .other-count {
	color: #003399;
	margin-right: 0px;
}
.table tr:nth-child(even) {
	background: #fff;
}
.nav-tabs {
	padding-left: 7px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	border-bottom: 1px #e5e5e5 solid;
	background: inherit;
}
.nav-tabs > li > a {
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: normal;
	margin-bottom: 0px;
	border-radius: 0;
	color: #b7b7b7;
}
.nav-tabs > li > a:hover {
	border-color: #fff #fff #fff;
}
.nav > li > a:hover, .nav > li > a:focus {
	background-color: inherit;
	color: #37363e;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: #37363e;
	background-color: #fff;
	border: 0px solid #ddd;
	border-bottom: 3px solid #459285;
}
.fa.fa-check {
	color: #ccc;
}
.sidebar-panel li.activelinks a {
	font-weight: normal;
	border-right: 3px #36b6f6 solid;
	color: #fff;
}
.activelinks i {
	color: #fff;
}
.account-form-box {
	width: 600px;
	overflow: hidden;
	padding: 0;
	padding-top: 22px;
	position: relative;
	padding-bottom: 30px;
	margin: auto;
	background-color: #fff;
	border: 0px solid #ddd;
	border-radius: 0px;
	margin-top: 5px;
	margin-left: 18px;
	color: #777;
	font-size: 13px
}
.account-form-box .table-bordered > thead > tr > th {
	color: #333;
	background-color: #f8f8f8;
	border: 1px solid #eee !important;
}
.account-form-box .table tr:last-child {
	border-bottom: 1px solid #eee;
}
.account-form-box .section-heading {
	color: #333;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: normal;
	line-height: 1.4em;
	margin: 0;
	text-align: left;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	padding-bottom: 20px;
	border-bottom: 0px solid #E1E1E1;
	margin-bottom: 5px;
	padding-bottom: 15px;
	padding-top: 0px;
	text-transform: inherit;
}
.account-add-page select {
	width: 60%;
	height: 32px;
	border: 1px #ddd solid;
	border-radius: 3px;
}
.account-add-page input[type="radio"], .account-add-page input[type="checkbox"] {
	margin: 2px 2px 0 0;
	margin-top: 1px \9;
	line-height: normal;
	vertical-align: -3px;
}
.account-form-box .form-group span a {
	margin-top: 5px;
	display: inline-block;
}
.account-form-box .form-group span a:hover {
	text-decoration: underline;
}
.account-form-box .form-label {
	font-size: 13px;
	margin-bottom: 3px;
	padding-right: 3px;
	color: #333;
	font-weight: 600;
	float: left;
	width: 140px;
	margin-top: 5px;
}
.account-form-box .form-control {
	padding: 5px 11px;
	box-sizing: border-box;
	border: 1px solid #ddd;
	border-radius: 3px;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	font-size: 13px;
	box-shadow: inset 0 0px 0px rgba(144, 164, 174, 0.1);
	float: left;
	width: 76%;
}
.account-form-box .form-control_1 {
	padding: 5px 11px;
	box-sizing: border-box;
	border: 1px solid #ddd;
	border-radius: 3px;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	font-size: 13px;
	box-shadow: inset 0 1px 1px rgba(144, 164, 174, 0.1);
	height: 60px;
	display: inline-block;
	background: #fff;
	box-sizing: border-box;
	width: 76%;
	margin-left: 3px;
	outline: none;
}
.account-form-box .form-group {
	margin-bottom: 10px;
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
}
.account-form-box .fa.fa-check {
	color: #fff;
	margin-right: 7px;
}
.account-add-page {
	background: #fff
}
.account-form-box .add_btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 600;
	line-height: 20px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 4px !important;
	background-color: #2a9fd4;
	color: #fff;
	font-size: 16px;
	padding: 10px 0px 10px 0px;
	border: none;
	width: 76%;
	margin-left: 142px;
}
.account-form-box .add_btn:hover {
	background: #1994cb;
}
.del {
	background: #fdf9ea;
	padding: 12px 15px;
	margin: 15px;
	color: #333;
	border: 1px solid #eee1af;
	border-radius: 3px;
	letter-spacing: 0.3px
}
.del strong {
	font-weight: 600;
	font-style: normal;
	color: #333
}
.del a {
	background: #1ABC9C;
	padding: 5px 15px;
	text-align: center;
	display: inline-block;
	color: #fff;
	font-weight: 400;
	font-size: 13px;
	letter-spacing: 0.5px;
	border-radius: 4px;
	margin-left: 10px;
	margin-right: 5px;
	font-style: normal
}
.icon-img {
	background: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#EBE9E9));
	background: -moz-linear-gradient(center top, #FDFDFD, #EBE9E9);
	border-color: #d1d1d1;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 4px;
	width: 24px;
	border-style: solid;
	border-width: 1px;
	display: inline-block;
	line-height: 16px;
	margin-bottom: 0;
	text-align: center;
	cursor: pointer;
	text-transform: capitalize;
	color: #333;
	font-size: 12px;
}
.custom-file-upload {
	background: #fff;
	border: 2px #6fbce8 solid;
	padding: 10px 15px;
	text-align: left;
	display: inline-block;
	color: #6fbce8;
	font-weight: 400;
	font-size: 13px;
	letter-spacing: 0.5px;
	border-radius: 4px;
	width: 620px;
	cursor: pointer;
}
input[type="file"] {
	display: none;
}
.click_btn {
	display: inline- block;
	margin-top: 10px;
	font-weight: 700;
	line-height: 20px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 4px !important;
	background-color: #6fbce8;
	color: #fff;
	font-size: 13px;
	padding: 8px 15px;
	border: none;
	border-bottom: 3px #58a6d3 solid;
}
.login-page h2 {
	font-size: 28px;
	font-weight: 600;
	margin: auto 0 18px;
}
.login-page {
	width: 380px;
	padding: 8% 0 0;
	margin: auto;
}
.login-page .form {
	position: relative;
	z-index: 1;
	background: #FFFFFF;
	max-width: 420px;
	margin: 0 auto 100px;
	padding: 30px 35px 35px;
	text-align: center;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
.login-page .form input {
	outline: 0;
	background: #fff;
	width: 100%;
	border: 1px #ddd solid;
	margin: 0 0 15px;
	padding: 12px;
	box-sizing: border-box;
	font-size: 13px;
	border-radius: 3px;
}
.login-page .form button {
	outline: 0;
	background: #2a9fd4;
	width: 100%;
	border: 0;
	padding: 15px;
	color: #FFFFFF;
	font-size: 16px;
	-webkit-transition: all 0.3 ease;
	transition: all 0.3 ease;
	cursor: pointer;
	font-weight: 600;
	border-radius: 3px;
}
.login-page .form button:hover, .login-page .form button:active, .login-page .form button:focus {
	background: #1994cb;
}
.login-page .form .message {
	margin: 15px 0 0;
	color: #b3b3b3;
	font-size: 12px;
}
.login-page .form .message a {
	color: #2a9fd4;
	text-decoration: none;
}
.login-page .form .register-form {
	display: none;
}
.login-page .container {
	position: relative;
	z-index: 1;
	max-width: 300px;
	margin: 0 auto;
}
.login-page .container:before, .login-page .container:after {
	content: "";
	display: block;
	clear: both;
}
.login-page .container .info {
	margin: 50px auto;
	text-align: center;
}
.login-page .container .info h1 {
	margin: 0 0 15px;
	padding: 0;
	font-size: 36px;
	font-weight: 300;
	color: #1a1a1a;
}
.login-page .container .info span {
	color: #4d4d4d;
	font-size: 12px;
}
.login-page .container .info span a {
	color: #000000;
	text-decoration: none;
}
.login-page .login-form {
	margin: 0 auto;
	padding-top: 0;
	text-shadow: none;
	width: auto;
}
.login-page .fa.fa-check {
	color: #fff;
}
.summary {
	float: right;
	display: inline-block;
	margin-right: 30px;
}
.summary a {
	color: #333;
}
.summary a.green {
	color: #009100;
}
.summary a.red {
	color: #cc0000;
}
.s-devider {
	color: #ccc;
	display: inline-block;
	margin-left: 6px;
	margin-right: 6px;
}
.summary strong {
	margin-left: 5px;
}
.date-filter {
	float: left;
	display: inline-block;
}
h1.user-dashboard {
	float: left;
	display: inline-block;
	margin-right: 15px !important;
}
.date-filter input#datepicker {
	border: 1px solid #c9d7df;
	border-radius: 2px;
	box-shadow: 0 1px 1px rgba(144, 164, 174, 0.1) inset;
	box-sizing: border-box;
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	padding: 5px 11px;
}
input.add_btn {
	background-color: #6fbce8;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 4px !important;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
	margin-bottom: 0;
	padding: 7px 15px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}
/* vijay ------------- */

.f-box .f-titel {
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: normal;
	margin-top: 6px;
}
.f-box .f-titel-a {
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: normal;
	margin-top: 6px;
	color: #999;
}
.f-box p.f-desc {
	padding-right: 15%;
	font-size: 15px;
	margin-top: 8px;
}
.box-left {
	border-right: 1px #eee solid;
	padding-top: 10px;
	background-color: #fff;
}
.co-form {
	padding: 20px 30px 30px;
}
.co-form label {
	display: block;
	margin-bottom: 5px;
	font-weight: 600;
	color: #666;
	font-size: 15px;
}
.co-form .form-control {
	box-shadow: none;
	border-radius: 0px;
	border-color: #eee;
	margin-bottom: 10px;
	width: 75%;
}
.co-form .btn.btn-info {
	background-color: #6fbce8;
	border-radius: 0px;
	border: 1px #6fbce8 solid;
}
a.edit {
	position: absolute;
	top: 10px;
	right: 5px;
	padding: 4px 6px;
	font-size: 13px;
	font-weight: 300;
}
.inner-box {
	padding: 15px;
}
.inner-box .co-title {
	padding: 0;
	margin: 0 0px 3px;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	font-size: 18px;
	line-height: normal;
	font-weight: 600;
	color: #222222;
}
.inner-box .add {
	font-size: 13px;
	font-weight: 500;
	line-height: 22px;
	color: #666;
	margin-bottom: 10px;
	display: inline-block;
}
.inner-box ul {
	margin-top: 6px;
	padding: 0px;
	list-style: none;
}
.inner-box ul li {
	padding-bottom: 5px;
	font-size: 13px;
}
.inner-box ul li span {
	text-transform: uppercase;
	font-weight: 800;
	color: #333;
	font-size: 13px;
}
ul.co-d-box li {
	font-weight: 600;
	color: #999;
}
.metrics-table.table-responsive {
	margin-top: -1px;
}
.sticky-box {
	position: fixed;
	top: 152px;
	background-color: #fff;
	width: 295px;
}
.sticky-box1 {
	position: fixed;
	top: 54px;
	background-color: #fff;
	z-index: 1;
	display: inline-block;
	width: 96%;
}
.co-normal-links {
	background: #fff;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	border-bottom: 1px #e5e5e5 solid;
}
.btn.btn-next, .btn.btn-next:hover {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 4px !important;
	background-color: #6fbce8;
	color: #fff;
	font-size: 13px;
	padding: 7px 15px 7px 15px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin-top: 10px;
}
.f-box {
	border-top: 1px #eee solid;
	background-image: url(../images/table-bg.jpg);
	background-repeat: repeat;
	display: inline-block;
	width: 100%;
}
.f-box .f-titel {
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: normal;
	margin-top: 6px;
}
.f-box .f-titel-a {
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: normal;
	margin-top: 6px;
	color: #999;
}
.f-box p.f-desc {
	padding-right: 15%;
	font-size: 15px;
	margin-top: 8px;
}
.box-left {
	border-right: 1px #eee solid;
	padding-top: 10px;
	background-color: #fff;
}
.co-form {
	padding: 20px 30px 30px;
}
.co-form label {
	display: block;
	margin-bottom: 5px;
	font-weight: 600;
	color: #666;
	font-size: 15px;
}
.co-form .form-control {
	box-shadow: none;
	border-radius: 0px;
	border-color: #eee;
	margin-bottom: 10px;
	width: 75%;
}
.co-form .btn.btn-info {
	background-color: #6fbce8;
	border-radius: 0px;
	border: 1px #6fbce8 solid;
}
.co-form .btn.btn-skip {
	background-color: #1ABC9C;
	border-radius: 0px;
	color: #fff;
	border: 1px #1ABC9C solid;
}
.co-form .btn.btn-bad {
	background-color: #ff4d4d;
	border-radius: 0px;
	color: #fff;
	border: 1px #ff4d4d solid;
}
p.user-main-p {
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.5px;
	margin: 0;
	padding-bottom: 0;
	padding-top: 3px;
}
.sidebar-panel li.activelinks a .i-logo {
	background: url(../1_files/i-logo-over.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 15px;
	height: 23px;
	display: inline-block;
	margin-top: 15px;
}
.sidebar-panel li a .i-logo {
	background: url(../1_files/i-logo.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 15px;
	height: 23px;
	display: inline-block;
	margin-top: 15px;
}
.sidebar-panel li a:hover .i-logo {
	background: url(../images/i-logo-over.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 15px;
	height: 23px;
	display: inline-block;
	margin-top: 15px;
}
.bigger {
	font-size: 14px !important;
}
.count-dashboard {
	font-size: 13px;
	font-weight: normal;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
}
.companychange {
	background-color: #FF0000
}
.table tr.complete {
	background-color: #d0fccd;
}
.highlight-syntax {
	background-color: #6fbce8;
	color: #fff;
	padding: 1px 6px;
}
.latecoming {
	background-color: #fff4f4;
}
.ontime {
	background-color: #f3fce9;
}
.latecomingspan {
	color: #FF0000 !important;
}
.ontimespan {
	color: #28931b !important;
}
.note {
	display: none;
}
.tt:hover .note {
	display: block;
}
.new-badge {
	background: #15c39a;
	color: #fff;
	font-weight: 600;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	float: right;
	display: inline-block;
	padding: 3px 12px;
	border-radius: 999px;
}
.red-flag-badge {
	background: #dd152f;
	color: #fff;
	font-weight: 600;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	float: right;
	display: inline-block;
	padding: 3px 12px;
	border-radius: 999px;
}
.company-contact-badge {
	background: #fab205;
	color: #fff;
	font-weight: 600;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	float: right;
	display: inline-block;
	padding: 3px 12px;
	border-radius: 999px;
}
.contact-contact-badge {
	background: #a381e1;
	color: #fff;
	font-weight: 600;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	float: right;
	display: inline-block;
	padding: 3px 12px;
	border-radius: 999px;
}
#fade-div {
	background: none repeat scroll 0 0 #000;
	height: 100%;
	left: 0;
	opacity: 0.5;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}
.popup_block {
	opacity: 1;
	position: fixed;
	text-align: left;
	top: 0%;
	width: 600px;
	z-index: 10000;
	background: #fff;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 0.3px;
	border-top: 0px;
	right: 0px;
	left: inherit;
	height: 100%;
	-webkit-box-shadow: -2px 0px 5px 1px rgba(0,0,0,0.10);
	-moz-box-shadow: -2px 0px 5px 1px rgba(0,0,0,0.10);
	box-shadow: -2px 0px 5px 1px rgba(0,0,0,0.10);
	overflow-y: scroll;
}
.popup {
	content: "";
	left: 0;
	right: 0;
	top: 0;
	z-index: 1;
}
.popup_block .inner {
	overflow: auto;
	height: 100%;
	margin-top: 10px;
}
.rc-table {
	margin: 0;
	width: 100%;
	max-width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}
.rc-table > tbody > tr > td {
	padding: 14px 20px;
	line-height: 1.7;
	display: table-cell;
	vertical-align: top;
	font-size: 13px;
}
.contact-info span {
	font-weight: normal;
	color: rgba(0,0,0,.55);
	font-size: 12px;
	display: block;
}
.co-title {
	padding: 20px 20px;
	text-align: left;
	color: #000;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	font-size: 22px;
	line-height: normal;
	font-weight: 600;
	border-bottom: 1px #e5e5e5 solid
}
.co-title span {
	font-weight: 400;
	color: #777;
	font-size: 13px;
	display: block;
	padding-bottom: 3px
}
.co-title a.link {
	font-size: 13px;
	font-weight: normal;
	display: block;
	margin-top: 5px
}
#fade-div {
	background: none repeat scroll 0 0 #000;
	height: 100%;
	left: 0;
	opacity: 0.5;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}
.close-icon {
	position: absolute;
	z-index: 10;
	right: 15px;
	padding-top: 25px
}
.email {
	margin-top: 15px;
	overflow: hidden
}
.icon-div {
	float: left;
	width: 30px
}
.info-div {
	float: left;
	width: 320px
}
.info-div a {
	display: block
}
.email i {
	background: #9ca7b0;
	color: #fff;
	width: 20px;
	height: 18px;
	border-radius: 3px;
	font-size: 11px;
	text-align: center;
	padding-top: 3px;
	margin-right: 3px
}
.phone-div {
	margin-top: 10px;
	overflow: hidden
}
.phone-div i {
	background: #9ca7b0;
	color: #fff;
	width: 20px;
	height: 18px;
	border-radius: 3px;
	font-size: 11px;
	text-align: center;
	padding-top: 4px;
	margin-right: 3px
}
.social-block i {
	background: #9ca7b0;
	color: #fff;
	width: 20px;
	height: 18px;
	border-radius: 3px;
	font-size: 11px;
	text-align: center;
	padding-top: 4px;
	margin-right: 7px
}
.meta-info {
	margin-bottom: 5px;
	overflow: hidden;
	color: #7e8890;
	position: relative
}
.meta-info h5 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	color: #333
}
.meta-info ul {
	overflow: hidden;
	text-align: left;
	margin: 0px;
	padding: 0px;
	margin-bottom: 8px;
}
.meta-info ul li {
	display: inline;
	width: 270px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px
}
.meta-info ul li.tbl-title {
	width: 90px;
	color: #333
}
.other-info {
	margin-top: 15px;
	overflow: hidden;
	color: #7e8890;
	position: relative
}
.other-info h5 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px #e5e5e5 solid;
	padding-bottom: 5px;
	margin-bottom: 10px;
	color: #333
}
.show-block {
	position: absolute;
	z-index: 10;
	right: 5px;
	top: 5px;
	font-size: 11px
}
.show-block a, .close-block a {
	color: #b3b3b3
}
.close-block {
	position: absolute;
	z-index: 10;
	right: 5px;
	top: 5px;
	font-size: 11px
}
.contact-info label {
	font-weight: normal;
	margin-bottom: 0px;
}
.ci-box {
	margin-bottom: 8px;
	overflow: hidden;
}
.btn-save {
	display: block;
	margin-bottom: 0;
	font-weight: 600;
	line-height: 20px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 4px !important;
	background-color: #1ABC9C;
	color: #fff;
	font-size: 16px;
	padding: 12px 0px 12px 0px;
	border: 1px solid rgba(0,0,0,0.1);
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	margin-top: 6px;
	width: 100%;
}
.btn-save:hover {
	display: block;
	margin-bottom: 0;
	font-weight: 600;
	line-height: 20px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 4px !important;
	background-color: #1ABC9C;
	color: #fff;
	font-size: 16px;
	padding: 12px 0px 12px 0px;
	border: 1px solid rgba(0,0,0,0.1);
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	margin-top: 6px;
	width: 100%;
}
.inputbox {
	font-size: 13px;
	line-height: 20px;
	padding: 8px 10px;
	box-sizing: border-box;
	border: solid 1px #CCC;
	border-radius: 2px;
	letter-spacing: 0.3px;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	width: 100%;
}
.sidebar1 {
	width: 300px;
	background: #fefcef;
	height: 100%;
	float: left;
	position: fixed;
	z-index: 1000;
	top: 54px;
	font-size: 13px;
	border-right: 1px #f7ecb5 solid;
	letter-spacing: 0.5px;
}
.sidebar1 p {
	padding: 15px 20px;
	line-height: 24px;
	color: #000
}
.sidebar1 ul {
	padding: 0px 40px;
	margin: 0px;
	list-style-type: square;
	color: #000
}
.sidebar1 ul li {
	margin-bottom: 8px;
}
.content-new {
	padding-top: 54px;
	margin-left: 300px;
	background: #fff;
	min-height: 980px;
	overflow: hidden;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: normal;
}
.sidebar1 h4 {
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	color: #dd152f;
	letter-spacing: 1px;
	font-weight: 600;
	padding: 0px;
	margin: 0px;
	padding-left: 20px;
	padding-top: 20px
}
.address {
	overflow: hidden;
	padding-left: 15px;
	padding-bottom: 15px;
}
.address h1 {
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	font-size: 32px;
	letter-spacing: -1px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 5px;
}
.address p {
	font-size: 14px;
	line-height: 25px;
	letter-spacing: 0.5px;
}
.content-new h2 {
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	color: #37363e;
	letter-spacing: 0.5px;
	font-weight: 600;
	padding: 0px;
	margin: 0px;
	padding-left: 15px;
	padding-bottom: 10px;
}
.content-new .get-started-btn-big {
	padding: 7px 30px;
	border-radius: 4px;
	border: 1px solid transparent;
	background: #00a8fd;
	outline: 0;
	display: inline-block;
	color: #fff;
	font-weight: 600;
	font-size: 1.6rem;
	letter-spacing: 0;
	-webkit-transition: .2s box-shadow ease;
	-moz-transition: .2s box-shadow ease;
	transition: .2s box-shadow ease;
	font-size: 16px;
	font-family: "Whitney A", "Whitney B", "Avenir", Helvetica, sans-serif;
	letter-spacing: 0.5px;
	box-shadow: 0px 3px 0px #0386c8;
	margin-top: 35px;
}
.domain-block {
	padding: 0px 15px
}
.domain-block label {
	display: block;
	font-weight: normal
}
.domain-block .input-block {
	font-size: 13px;
	line-height: 20px;
	padding: 8px 10px;
	box-sizing: border-box;
	border: solid 1px #CCC;
	border-radius: 2px;
	letter-spacing: 0.3px;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	width: 420px;
	margin-bottom: 10px
}
.add-block {
	padding: 10px 18px
}
.add-block label {
	display: inline-block;
	font-weight: normal;
	width: 80px
}
.add-block .input-block {
	font-size: 13px;
	line-height: 20px;
	padding: 8px 10px;
	box-sizing: border-box;
	border: solid 1px #CCC;
	border-radius: 2px;
	letter-spacing: 0.3px;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	width: 380px;
	margin-bottom: 10px
}
a.task {
	font-size: 16px;
	margin-right: 7px;
	vertical-align: -4px;
	color: #333;
}
/* new css 2-2-18*/
.no-padding {
	padding: 0px;
	margin-right: -1px;
}
h2.com-name {
	margin: 0px 0px 10px;
	padding: 0;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	font-size: 18px;
	line-height: normal;
	font-weight: 600;
	color: #222222;
}
ul.com-dec {
	list-style: none;
	padding: 0px;
	margin: auto auto auto 6px;
}
ul.com-dec li {
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	color: #37363e;
	font-weight: 600;
	padding-bottom: 4px;
}
ul.com-dec li a {
	text-transform: none;
	font-weight: 500;
	font-size: 13px;
}
ul.add_project_checkbox {
	margin : auto;
	padding: 0px;
	list-style: none;
	display: inline-block;
}
ul.add_project_checkbox li {
	display: inline-block;
	width: 32%;
	margin-bottom: 6px;
}
ul.add_project_checkbox li input {
	margin-right: 4px;
	vertical-align: -2px;
}
/**NEw Added**/
.add-new-btn {
	margin-right: 0px;
	margin-top: 5px;
	float: right;
}
.add-new-btn a:hover {
	text-decoration: underline;
	color: #399bff
}
.sidebar .sidebar-panel li img {
	filter: grayscale(100%);
}
.sidebar .sidebar-panel .active {
	filter: grayscale(0%) !important;
	background: #232323ab;
}
.detail-apr {
	color: #ddd;
	font-size: 18px;
	text-align: center
}
.sidebar-panel i {
	display: block;
	color: rgba(255, 255, 255, 0.6);
	padding: 0px;
	position: relative;
	height: 54px;
	width: 77px;
	line-height: 54px;
	text-align: center;
	color: #fff;
}
.sidebar-panel span {
	text-align: center;
}
.detail-apr .toggle {
	background-color: #ddddde;
	border-radius: 60px;
	box-shadow: 0 1px 1px 0 rgba(255,255,255,.4), 0 1px 0 0 rgba(0,0,0,0.10) inset;
	cursor: pointer;
	width: 65px;
	height: 28px;
	overflow: hidden;
	position: relative;
	transition: all .25s linear;
}
.detail-apr .toggle .slide {
	color: #818283;
	color: rgba(0,0,0,.15);
	background: #efefef;
	border-radius: 50%;
	font-size: 25px;
	line-height: 25px;
	text-align: center;
	text-decoration: none;
	height: 22px;
	width: 22px;
	position: absolute;
	top: 3px;
	left: 3px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15), 0 1px 1px 0 rgba(255,255,255,.8) inset;
	transition: all 0.3s cubic-bezier(0.43, 1.3, 0.86, 1);
}
.detail-apr .toggle .slide span {
	text-shadow: 0 1px 1px rgba(255,255,255,.7), 0 0 1px rgba(0,0,0,.3);
}
.detail-apr .toggle .slide:before, .detail-apr .toggle .slide:after {
	color: #FFF;
	content: "\f00d";
	font-family: fontAwesome;
	font-size: 24px;
	font-weight: 400;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	-webkit-font-smoothing: antialiased;
	position: absolute;
	top: -1px;
}
.detail-apr .toggle .slide:before {
	right: -31px;
	color: #2a2b2c;
	opacity: 0.2;
}
.detail-apr .toggle .slide:after {
	content: "\f00c";
	left: -32px;
	color: #00ba00;
}
.detail-apr .toggle.on {
	background: #00dc00;
}
.detail-apr .toggle.on .slide {
	left: 38px;
	color: #00d100;
}
#toggle-apr {
	line-height: normal;
}
.count-email a {
	margin-right: 6px;
	text-decoration: underline;
}
.upload-bnt {
	display: inline-block;
	float: right;
	margin-top: 4px;
}
.upload-bnt a {
	margin-right: 0px;
}
.upload-bnt a:hover {
	text-decoration: underline;
	color: #399bff;
}
.upload-bnt .divider {
	color: #ccc;
	display: inline-block;
	margin-left: 0;
	margin-right: 11px;
	margin-top: 3px;
}
.search-box-top.right-s {
	float: right;
	width: 250px;
}
.search-box-top.right-s .top-search-box {
	width: 225px;
	float: right;
	margin: 5px 10px;
}
.select-box {
	float: right;
	width: 250px;
	display: inline-block;
}
.select-box select {
	font-size: 13px;
	height: 35px;
	margin: 0;
	padding: 3px 4px;
	width: 255px;
	font-weight: 300;
	color: #757575;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	border: 1px #ddd solid;
	border-radius: 3px;
	margin-top: 9px;
}
.login_link {
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	border-left: 0px solid rgba(255,255,255,0.2);
	color: #222;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	border-bottom: none;
	float: right;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
	text-align: left;
	padding-left: 0px;
	margin-top: 3px;
	margin-bottom: 10px;
	margin-right: 15px;
}
.login_link a {
	display: inline-block;
	color: #333;
	text-align: center;
	line-height: 30px;
}
.login_link a i {
	vertical-align: -1px;
}
.login_link .login-inner-box {
	display: none;
	position: absolute;
	right: 12px;
	border-radius: 0px;
	font-weight: 300;
	font-size: 13px;
	width: 280px;
	padding-top: 5px;
}
.login_link .login-inner-box ul {
	overflow: hidden;
	text-align: left;
	padding: 0px;
	margin: 0px;
	top: 40px;
	white-space: nowrap;
	z-index: 200;
	width: 160px;
	padding: 10px;
	border: 1px #e8e8e8 solid;
	background-color: #fff;
	float: right;
}
.login_link .login-inner-box ul li {
	display: block;
	text-align: left;
	padding: 0px;
	margin: 0px;
	float: none;
	line-height: normal
}
.login_link .login-inner-box ul li a {
	width: auto;
	color: #6b7579;
	background: none;
	border-radius: 3px;
	line-height: normal;
	padding: 7px 10px;
	display: block;
	text-align: left;
	height: auto;
	font-weight: 400;
}
.login_link .login-inner-box ul li a:hover {
	background-color: #ececec;
	color: #0c91e4;
}
.login_link:hover .login-inner-box {
	display: block;
}
.divider {
	color: #999;
}
.approv-bnt.active i {
	color: #8aeab5;
}
.approv-bnt.remove i {
	color: #fb9c9c;
}
.green-circle {
	width: 11px;
	height: 11px;
	background: #8aeab5;
	border-radius: 100px;
	display: inline-block;
}
.red-circle {
	width: 11px;
	height: 11px;
	background: #fb9c9c;
	border-radius: 100px;
	display: inline-block;
}
.black-circle {
	width: 11px;
	height: 11px;
	background: #333;
	border-radius: 100px;
	display: inline-block;
}
a.active-b i {
	color: #69cb95 !important
}
a.approv-bnt {
	position: absolute;
	right: 10px;
	font-size: 12px;
}
.sidebar-panel li.active a {
	background: #1b1a1a;
}
a.edit_record {
	color: #999;
	float: right;
}
a.edit_record:hover {
	color: #399bff;
}
.green-check i {
	color: #8aeab5 !important;
	font-size: 12px;
}
.dot-form {
	float: left;
	margin-top: 4px;
}
.modal-backdrop.in {
	opacity: .7;
}
.quora-link {
	padding: 0px;
	margin: auto;
}
.quora-link li {
	list-style: none;
	font-size: 15px;
	padding-bottom: 5px;
}
.quora-link li i {
	font-size: 7px;
	color: #999;
	vertical-align: 3px;
	margin-right: 2px;
}
.quora-link input.add-link {
	padding: 5px 7px;
	border: 1px #ddd solid;
	border-radius: 0px;
	margin-right: 5px;
	width: 60%;
	display: inline-block;
	margin-left: 0px;
	margin-top: 12px;
}
a.plus-icon {
	color: #999;
	font-size: 15px;
}
.count-r {
	display: inline-block;
}
ul.rank-link {
	padding: 0px;
	margin-top: 15px;
}
ul.rank-link li {
	list-style: none;
	padding-bottom: 5px;
}
.r-text {
	width: 170px;
	display: inline-block;
}
input.add-rank-text {
	padding: 5px 7px;
	border: 1px #ddd solid;
	width: 200px;
	margin-right: 10px;
}
input.rank-n {
	padding: 5px 7px;
	border: 1px #ddd solid;
	width: 40px;
	margin-right: 10px;
}
.fa.fa-check.green-check {
	color: #8aeab5;
}
.red-cross {
	color: #fb9c9c;
}
.signin {
	background: #f2f2f2;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}
.signin #container.login-block {
	text-align: center;
	width: 450px;
	margin: 10% auto 0
}
.signin #container.signup-block {
	text-align: center;
	width: 600px;
	margin: 20px auto 0
}
.login-logo {
	overflow: hidden;
	margin-bottom: 45px;
}
.signin h1 {
	font-size: 30px;
	color: #333;
	width: 100%;
	text-align: center;
	display: block;
	font-weight: 400;
	letter-spacing: normal;
	margin-bottom: 28px;
	margin-top: 75px;
	line-height: 1.3em;
	font-family: "proximanova", Avenir, Helvetica, sans-serif;
}
.signin #container .row {
	margin: 0 0 20px;
	position: relative
}
.signin #container .row .field {
	background: #fff;
	font-weight: 400;
	text-align: left;
	position: relative;
	transition: background .3s ease
}
.signin #container .row .field.invalid input {
	color: #ae6900
}
.signin #container .row p {
	font-size: 14px;
	font-weight: 400;
	color: #777;
	line-height: 19px;
	width: 100%;
	text-align: center;
	margin: 0
}
.signin #container .row p.copy a {
	text-decoration: underline;
	font-weight: 400
}
.signin #container .row p a {
	font-weight: 400
}
.signin #container .signup-button {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	background: #000;
	border: none;
	color: #fff;
	padding: 14px 30px 18px;
	font-size: 20px;
	border-radius: 4px;
	float: none;
	font-weight: 600;
	letter-spacing: .5px;
	transition: all .4s ease;
}
.signin #container .signup-button i {
	margin-right: 4px;
}
.signin #container .signup-button:hover {
	background: #2d8cff;
	color: #fff;
}
.signin #container .row .field input {
	background: 0 0;
	font-size: 15px;
	color: #000;
	padding: 14px 7px 14px 15px;
	width: 100%;
	position: relative;
	margin: 0;
	outline: 0;
	letter-spacing: normal;
	border: 1px solid #ddd;
	border-radius: 4px
}
.signin #container .row .field input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color:#333;
}
.signin #container .row .field input::-moz-placeholder { /* Firefox 19+ */
color:#333;
}
.signin #container .row .field input:-ms-input-placeholder { /* IE 10+ */
 color:#333;
}
.signin #container .row .field input:-moz-placeholder { /* Firefox 18- */
 color:#333;
}
.signin #container .row .field input:focus {
	font-style: normal;
	opacity: 1;
	border: 1px solid #333
}
.error-tooltip {
	position: absolute;
	height: 24px;
	padding: 7px 12px;
	z-index: 9999;
	opacity: 0;
	-webkit-transform: translate(50px);
	transform: translate(50px);
	transition: all .3s ease;
	margin-top: -15px;
	right: 82px;
	background: #fff;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,.5);
	border-radius: 3px;
	color: #f82116;
	font-size: 12px;
	font-style: italic;
	line-height: .8;
	display: block;
	top: 80%
}
.form-block {
	padding: 60px 55px 60px 55px;
	overflow: hidden;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
}
.session-error {
	background: #e25c55;
	color: #fff;
	padding: 5px;
	border-radius: 4px;
	margin-bottom: 35px
}
body.s-bg {
	background: #f2f2f2;
}
.morecontent span {
	display: none;
}
.type1 i {
	font-size: 18px;
}
.paid-user {
	float: right;
}
.paid-user i {
	font-size: 15px;
	color: #77dab1
}
 @media only screen and (min-width: 250px) and (max-width: 479px) {
.signin #container.login-block {
	text-align: center;
	width: 95%;
	margin: 5% auto 0;
}
.form-block {
	padding: 25px;
	overflow: hidden;
}

}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.signin #container.login-block {
	margin: 8% auto 0;
}
}