html, body
{

	height:100%;

}

.full-width
{

	width:100%;

}

.full-height
{
	height:100%;
}

div.tagsinput {
	    width: 100% !important;
}
.lead-update .col-md-8.col-sm-8.col-xs-12 {
	    margin-bottom: 49px;
}

.main-message-container
{
	/*display: none !important; */
	/*margin-top: 0!important;*/
	visibility: hidden;
	bottom:4em !important;
	height:40em !important;
	position:fixed;
	width: 400px !important;
	right:0;
	z-index:9999;
	border-radius:10px;
}

.main-message-container > .message-north > .message-user-list
{
	border-radius:10px;
}

.bubble-left:before
{
	top:10px !important;
	left:-9px !important;
	height:12px !important;
	width:11px !important;
}

.bubble-right:before
{
	top:8px !important;
}

.bubble-right
{
	background:#a8d0ef !important;
}

.main-message-container > .message-north > .message-thread > .message
{
	padding:3px 7px 3px 5px !important;
}

.main-message-container > .message-south textarea
{
	border-radius:10px !important;
}

.main-message-container > .message-north > .message-thread > .message > p
{
	color:#5a6484 !important;
	font-size: 12px!important;
}
.main-message-container > .message-north > .message-user-list a {

	padding: 7px!important;
	height: 30px!important;

}

.bubble-left
{
	background:#ede9ff !important;
}

.main-message-container > .message-north > .message-thread > .message .message-user
{
	color:black !important;
}

.main-message-container > .message-north > .message-thread > .message .message-timestamp
{
	font-size: 8px !important;
	padding: 0.4em 0 0 3em !important;
	color:gray !important;
}

.main-message-container > .message-north > .message-thread > .message
{
	border-radius:10px;
}

.daterangepicker .ranges li
{
	color:#73879C
}

select[name="DocumentProduct[product_id]"]
{
	display:block !important;
}

iframe#showattachments
{
	width:100%;
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover
{
	background:#536A7F;
	border:1px solid #536A7F;
	color:#fff
}

.select2-container .select2-selection--single
{
	height:33px;
}

.daterangepicker .input-mini
{
	background-color:#eee;
	border:1px solid #ccc;
	box-shadow:none !important
}

.daterangepicker .input-mini.active
{
	border:1px solid #ccc
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect
{
	font-size:12px;
	padding:1px;
	height:auto;
	margin:0;
	cursor:default;
	height:30px;
	border:1px solid #ADB2B5;
	line-height:30px;
	border-radius:0px !important
}

.daterangepicker select.monthselect
{
	margin-right:2%
}

.daterangepicker td.in-range
{
	background:#E4E7EA;
	color:#73879C
}

.daterangepicker td.active,
.daterangepicker td.active:hover
{
	background-color:#536A7F;
	color:#fff
}

.daterangepicker th.available:hover
{
	background:#eee;
	color:#34495E
}

.daterangepicker:before,
.daterangepicker:after
{
	content:none
}

.daterangepicker .calendar.single
{
	margin:0 0 4px 0
}

.daterangepicker .calendar.single .calendar-table
{
	width:224px;
	padding:0 0 4px 0 !important
}

.daterangepicker .calendar.single .calendar-table thead tr:first-child th
{
	padding:8px 5px
}

.daterangepicker .calendar.single .calendar-table thead th
{
	border-radius:0
}

.daterangepicker.picker_1
{
	color:#fff;
	background:#34495E
}

.daterangepicker.picker_1 .calendar-table
{
	background:#34495E
}

.daterangepicker.picker_1 .calendar-table thead tr
{
	background:#213345
}

.daterangepicker.picker_1 .calendar-table thead tr:first-child
{
	background:#1ABB9C
}

.daterangepicker.picker_1 .calendar-table td.off
{
	background:#34495E;
	color:#999
}

.daterangepicker.picker_1 .calendar-table td.available:hover
{
	color:#34495E
}

.daterangepicker.picker_2 .calendar-table thead tr
{
	color:#1ABB9C
}

.daterangepicker.picker_2 .calendar-table thead tr:first-child
{
	color:#73879C
}

.daterangepicker.picker_3 .calendar-table thead tr:first-child
{
	color:#fff;
	background:#1ABB9C
}

.daterangepicker.picker_4 .calendar-table thead tr:first-child
{
	color:#fff;
	background:#34495E
}

.daterangepicker.picker_4 .calendar-table td,
.daterangepicker.picker_4 .calendar-table td.off
{
	background:#ECF0F1;
	border:1px solid #fff;
	border-radius:0
}

.daterangepicker.picker_4 .calendar-table td.active
{
	background:#34495E
}

.calendar-exibit .show-calendar
{
	float:none;
	display:block;
	position:relative;
	background-color:#fff;
	border:1px solid #ccc;
	margin-bottom:20px;
	border:1px solid rgba(0, 0, 0, 0.15);
	overflow:hidden
}

.calendar-exibit .show-calendar .calendar
{
	margin:0 0 4px 0
}

.calendar-exibit .show-calendar.picker_1
{
	background:#34495E
}

.calendar-exibit .calendar-table
{
	padding:0 0 4px 0
}

.left_col
{
	background:#08262c;
}

.nav-sm .container.body .col-md-3.left_col
{
	min-height:100%;
	width:90px;
	padding:0;
	z-index:999;
	position:absolute
}

.nav-sm .container.body .col-md-3.left_col.menu_fixed
{
	position:fixed;
	height:100%
}

.nav-sm .container.body .col-md-3.left_col .mCSB_container,
.nav-sm .container.body .col-md-3.left_col .mCustomScrollBox
{
	overflow:visible
}

.nav-sm .hidden-small
{
	visibility:hidden
}

.nav-sm .container.body .right_col
{
	padding:70px 20px;
	margin-left:90px;
	z-index:2
}

.nav-sm .navbar.nav_title
{
	width:90px
}

.nav-sm .navbar.nav_title a span
{
	display:none
}

.nav-sm .navbar.nav_title a i
{
	font-size:27px;
	margin:13px 0 0 3px
}

.site_title i
{
	border:1px solid #EAEAEA;
	padding:5px 6px;
	border-radius:50%
}

.site_title img
{
	max-height:66px;
	max-width:180px;
}

.nav-sm .main_container .top_nav
{
	display:block;
	margin-left:90px;
	z-index:2
}

.nav-sm .nav.side-menu li a
{
	text-align:center !important;
	font-weight:400;
	font-size:10px;
	padding:10px 5px
}

.nav-sm .nav.child_menu li.active,
.nav-sm .nav.side-menu li.active-sm
{
	border-right:5px solid #1ABB9C
}

.nav-sm ul.nav.child_menu ul,
.nav-sm .nav.side-menu li.active-sm ul ul
{
	position:static;
	width:200px;
	background:none
}

.nav-sm > .nav.side-menu > li.active-sm > a
{
	color:#1ABB9C !important
}

.nav-sm .nav.side-menu li a i.toggle-up
{
	display:none !important
}

.nav-sm .nav.side-menu li a i
{
	font-size:25px !important;
	text-align:center;
	width:100% !important;
	margin-bottom:5px
}

.nav-sm ul.nav.child_menu
{
	left:100%;
	position:absolute;
	top:0;
	width:210px;
	z-index:4000;
	background:#08262c;
	display:none
}

.nav-sm ul.nav.child_menu li
{
	padding:0 10px
}

.nav-sm ul.nav.child_menu li a
{
	text-align:left !important
}

.nav-sm .profile
{
	display:none
}

.menu_section
{
	margin-bottom:35px
}

.menu_section h3
{
	padding-left:15px;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:.5px;
	font-weight:bold;
	font-size:11px;
	margin-bottom:0;
	margin-top:0;
	text-shadow:1px 1px #000
}

.menu_section > ul
{
	margin-top:10px
}

.profile_pic
{
	width:35%;
	float:left
}

.img-circle.profile_img
{
	width:70%;
	background:#fff;
	margin-left:15%;
	z-index:1000;
	position:inherit;
	margin-top:10px;
	border:1px solid rgba(52, 73, 94, 0.44);
	padding:4px
}

.profile_info
{
	padding:10px;
	width:65%;
	float:left
}

.profile_info span
{
	font-size:13px;
	line-height:30px;
	color:#BAB8B8
}

.profile_info h2
{
	font-size:14px;
	color:#ECF0F1;
	margin:0;
	font-weight:300
}

.profile.img_2
{
	text-align:center
}

.profile.img_2 .profile_pic
{
	width:100%
}

.profile.img_2 .profile_pic .img-circle.profile_img
{
	width:50%;
	margin:10px 0 0
}

.profile.img_2 .profile_info
{
	padding:15px 10px 0;
	width:100%;
	margin-bottom:10px;
	float:left
}

.main_menu span.fa
{
	float:right;
	text-align:center;
	margin-top:5px;
	font-size:10px;
	min-width:inherit;
	color:#C4CFDA
}

.active a span.fa
{
	text-align:right !important;
	margin-right:4px
}

.nav-sm .menu_section
{
	margin:0
}

.nav-sm span.fa,
.nav-sm .menu_section h3
{
	display:none
}

.nav-sm li li span.fa
{
	display:inline-block
}

.nav_menu
{
	float:left;
	background:#EDEDED;
	border-bottom:1px solid #D9DEE4;
	margin-bottom:10px;
	width:100%;
	position:relative
}

@media (min-width:480px)
{
	.nav_menu
	{
		position:static
	}
}

.nav-md .container.body .col-md-3.left_col
{
	min-height:100%;
	width:230px;
	padding:0;
	position:absolute;
	display:-ms-flexbox;
	display:flex;
	z-index:1
}

.nav-md .container.body .col-md-3.left_col.menu_fixed
{
	height:100%;
	position:fixed
}

body .container.body .right_col
{
	background:#F7F7F7
}

.nav-md .container.body .right_col
{
	padding:10px 20px 0;
	margin-left:230px
}

.nav_title
{
	width:230px;
	float:left;
	background:#08262c;
	border-radius:0;
	height:57px
}

@media (max-width:991px)
{
	.nav-md .container.body .right_col,
	.nav-md .container.body .top_nav
	{
		width:100%;
		margin:0
	}

	.nav-md .container.body .col-md-3.left_col
	{
		display:none
	}

	.nav-md .container.body .right_col
	{
		width:100%;
		padding-right:0;
		overflow: auto
	}

	.right_col
	{
		padding:10px !important
	}
}

@media (max-width:1200px)
{
	.x_title h2
	{
		width:62%;
		font-size:17px
	}

	.tile,
	.graph
	{
		zoom:85%;
		height:inherit
	}
}

@media (max-width:1270px) and (min-width:192px)
{
	.x_title h2 small
	{
		display:none
	}
}

.left_col .mCSB_scrollTools
{
	width:6px
}

.left_col .mCSB_dragger
{
	max-height:400px !important
}

.blue
{
	color:#3498DB
}

.purple
{
	color:#9B59B6
}

.green
{
	color:#1ABB9C
}

.aero
{
	color:#9CC2CB
}

.red
{
	color:#E74C3C
}

.dark
{
	color:#34495E
}

.border-blue
{
	border-color:#3498DB !important
}

.border-purple
{
	border-color:#9B59B6 !important
}

.border-green
{
	border-color:#1ABB9C !important
}

.border-aero
{
	border-color:#9CC2CB !important
}

.border-red
{
	border-color:#E74C3C !important
}

.border-dark
{
	border-color:#34495E !important
}

.bg-white
{
	background:#fff !important;
	border:1px solid #fff !important;
	color:#73879C
}

.bg-green
{
	background:#1ABB9C !important;
	border:1px solid #1ABB9C !important;
	color:#fff
}

.bg-red
{
	background:#E74C3C !important;
	border:1px solid #E74C3C !important;
	color:#fff
}

.bg-blue
{
	background:#3498DB !important;
	border:1px solid #3498DB !important;
	color:#fff
}

.bg-orange
{
	background:#F39C12 !important;
	border:1px solid #F39C12 !important;
	color:#fff
}

.bg-purple
{
	background:#9B59B6 !important;
	border:1px solid #9B59B6 !important;
	color:#fff
}

.bg-blue-sky
{
	background:#50C1CF !important;
	border:1px solid #50C1CF !important;
	color:#fff
}

.container
{
	width:100%;
	padding:0;
	    overflow: hidden;
}

.navbar-nav > li > a,
.navbar-brand,
.navbar-nav > li > a
{
	color:#fff !important
}

.top_nav .nav > li > a:focus,
.top_nav .nav > li > a:hover,
.top_nav .nav .open > a,
.top_nav .nav .open > a:focus,
.top_nav .nav .open > a:hover
{
	background:#D9DEE4
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
  background: #2A3F54 !important;
}
body
{
	color:#73879C;
	/* background:#2A3F54; */
	font-family:"Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
	font-size:13px;
	font-weight:400;
	line-height:1.471
}

.main_container .top_nav
{
	display:block;
	margin-left:230px
}

.no-padding
{
	padding:0 !important
}

.page-title
{
	width:100%;
	height:65px;
	padding:10px 0
}

.page-title .title_left
{
	width:45%;
	float:left;
	display:block
}

.page-title .title_left h3
{
	margin:9px 0
}

.page-title .title_right
{
	width:55%;
	float:left;
	display:block
}

.page-title .title_right .pull-right
{
	margin:10px 0
}

.fixed_height_320
{
	height:320px
}

.fixed_height_390
{
	height:390px
}

.fixed_height_200
{
	height:200px
}

.overflow_hidden
{
	overflow:hidden
}

.progress-bar-dark
{
	background-color:#34495E !important
}

.progress-bar-gray
{
	background-color:#BDC3C7 !important
}

table.no-margin .progress
{
	margin-bottom:0
}

.main_content
{
	padding:10px 20px
}

.col-md-55
{
	width:50%;
	margin-bottom:10px
}

@media (min-width:768px)
{
	.col-md-55
	{
		width:20%
	}

	.top_nav{
		position: fixed !important;
		width: calc(100% - 85px) !important;
		z-index: 998 !important;
	}
	
}

@media (min-width:992px)
{
	.col-md-55
	{
		width:20%
	}
}

@media (min-width:1200px)
{
	.col-md-55
	{
		width:20%
	}
}

@media (min-width:192px) and (max-width:1270px)
{
	table.tile_info span.right
	{
		margin-right:7px;
		float:left
	}
}

.center-margin
{
	margin:0 auto;
	float:none !important
}

.col-md-55,
.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
{
	position:relative;
	min-height:1px;
	float:left;
	padding-right:10px;
	padding-left:10px
}

.row
{
	margin-right:-10px;
	margin-left:-10px
}

.grid_slider .col-md-6
{
	padding:0 40px
}

h1,
.h1,
h2,
.h2,
h3,
.h3
{
	margin-top:10px;
	margin-bottom:10px
}
td, th {
	padding: 0;
	color: #08262c!important;
}
a
{
	color:#08262c;;
	text-decoration:none
}

a,
a:visited,
a:focus,
a:active,
:visited,
:focus,
:active,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus
{
	outline:0
}

a:hover,
a:focus
{
	text-decoration:none
}

.navbar
{
	margin-bottom:0
}

.navbar-header
{
	background:#34495E
}

.navbar-right
{
	margin-right:0
}

.top_nav .navbar-right
{
	margin:0;
	/*width:70%;*/
	float:right
}

.top_nav .navbar-right li
{
	display:inline-block;
	float:right;
	position:static
}

@media (min-width:480px)
{
	.top_nav .navbar-right li
	{
		position:relative
	}
}

.top_nav .dropdown-menu li
{
	width:100%
}

.top_nav .dropdown-menu li > a
{
	width:100%;
	padding:12px 20px
}

.top_nav li a i
{
	font-size:15px
}

.navbar-static-top
{
	position:fixed;
	top:0;
	width:100%
}

.sidebar-header
{
	border-bottom:0;
	margin-top:46px
}

.sidebar-header:first-of-type
{
	margin-top:0
}

.nav.side-menu > li
{
	position:relative;
	display:block;
	cursor:pointer
}

.nav.side-menu > li > a
{
	margin-bottom:6px
}

.nav.side-menu > li > a:hover
{
	color:#F2F5F7 !important
}

.nav.side-menu > li > a:hover,
.nav > li > a:focus
{
	text-decoration:none;
	background:transparent
}

.nav.child_menu
{
	display:none
}

.nav.child_menu li:hover,
.nav.child_menu li.active
{
	background-color:rgba(255, 255, 255, 0.06)
}

.nav.child_menu li
{
	padding-left:36px
}

.nav-md ul.nav.child_menu li:before
{
	background:#425668;
	bottom:auto;
	content:"";
	height:8px;
	left:23px;
	margin-top:15px;
	position:absolute;
	right:auto;
	width:8px;
	z-index:1;
	border-radius:50%
}

.nav-md ul.nav.child_menu li:after
{
	border-left:1px solid #425668;
	bottom:0;
	content:"";
	left:27px;
	position:absolute;
	top:0
}

.nav-md ul.nav.child_menu li:last-child::after
{
	bottom:50%;
}

.nav.side-menu > li > a,
.nav.child_menu > li > a
{
	color:#E7E7E7;
	font-weight:500
}

.nav.child_menu li li:hover,
.nav.child_menu li li.active
{
	background:none
}

.nav.child_menu li li a:hover,
.nav.child_menu li li a.active
{
	color:#fff
}

.nav > li > a
{
	position:relative;
	display:block;
	padding:13px 10px 12px
}

.nav.side-menu > li.current-page,
.nav.side-menu > li.active
{
	border-right:5px solid #1ABB9C
}

.nav li.current-page
{
	background:rgba(255, 255, 255, 0.05)
}

.nav li li li.current-page
{
	background:none
}

.nav li li.current-page a
{
	color:#fff
}

.nav.side-menu > li.active > a
{
	text-shadow:rgba(0, 0, 0, 0.25) 0 -1px 0;
	background:linear-gradient(#334556, #08262c), #08262c;
	box-shadow:rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0
}

.navbar-brand,
.navbar-nav > li > a
{
	font-weight:500;
	color:#ECF0F1 !important;
	margin-left:0 !important;
	line-height:32px
}

.site_title
{
	text-overflow:ellipsis;
	overflow:hidden;
	font-weight:400;
	font-size:22px;
	width:100%;
	color:#ECF0F1 !important;
	margin-left:0 !important;
	line-height:59px;
	display:block;
	height:55px;
	margin:0;
	padding-left:10px
}

.site_title:hover,
.site_title:focus
{
	text-decoration:none
}

.nav.navbar-nav > li > a
{
	color:#515356 !important
}

.nav.top_menu > li > a
{
	position:relative;
	display:block;
	padding:10px 15px;
	color:#34495E !important
}

.nav > li > a:hover,
.nav > li > a:focus
{
	background-color:transparent
}

.top_search
{
	padding:0
}

.top_search .form-control
{
	border-right:0;
	box-shadow:inset 0 1px 0px rgba(0, 0, 0, 0.075);
	border-radius:25px 0px 0px 25px;
	padding-left:20px;
	border:1px solid rgba(221, 226, 232, 0.49)
}

.top_search .form-control:focus
{
	border:1px solid rgba(221, 226, 232, 0.49);
	border-right:0
}

.top_search .input-group-btn button
{
	border-radius:0px 25px 25px 0px;
	border:1px solid rgba(221, 226, 232, 0.49);
	border-left:0;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
	color:#93A2B2;
	margin-bottom:0 !important
}

.toggle
{
	float:left;
	margin:0;
	padding-top:16px;
	width:50px
}

.toggle a
{
	padding:15px 15px 0;
	margin:0;
	cursor:pointer
}

.toggle a i
{
	font-size:26px
}

.nav.child_menu > li > a
{
	color:rgba(255, 255, 255, 0.75);
	font-size:12px;
	padding:9px
}

.panel_toolbox
{
	float:right;
	min-width:70px
}

.panel_toolbox > li
{
	float:left;
	cursor:pointer
}

.panel_toolbox > li > a
{
	padding:5px;
	color:#C5C7CB;
	font-size:14px
}

.panel_toolbox > li > a:hover
{
	background:#F5F7FA
}

.line_30
{
	line-height:30px
}

.main_menu_side
{
	padding:0
}


.bs-docs-sidebar .nav > li > a
{
	display:block;
	padding:4px 6px
}

footer
{
	background:#fff;
	padding:16px 20px;
	display:block
}

.nav-sm footer
{
	margin-left:70px
}

.footer_fixed footer
{
	position:fixed;
	left:0px;
	bottom:0px;
	width:100%
}

@media (min-width:768px)
{
	.footer_fixed footer
	{
		margin-left:0
	}
}

@media (min-width:768px)
{
	.footer_fixed .nav-sm footer
	{
		margin-left:0
	}
}

.tile-stats.sparkline
{
	padding:10px;
	text-align:center
}

.jqstooltip
{
	background:#34495E !important;
	width:30px !important;
	height:22px !important;
	text-decoration:none
}

.tooltip
{
	display:block !important
}

.tiles
{
	border-top:1px solid #ccc;
	margin-top:15px;
	padding-top:5px;
	margin-bottom:0
}

.tile
{
	overflow:hidden
}

.top_tiles
{
	margin-bottom:0
}

.top_tiles .tile h2
{
	font-size:30px;
	line-height:30px;
	margin:3px 0 7px;
	font-weight:bold
}

article.media
{
	width:100%
}

*,
*:before,
*:after
{
	box-sizing:border-box
}

#integration-list
{
	width:100%;
	margin:0 auto;
	display:table
}

#integration-list ul
{
	padding:0;
	margin:20px 0;
	color:#555
}

#integration-list ul > li
{
	list-style:none;
	border-top:1px solid #ddd;
	display:block;
	padding:15px;
	overflow:hidden
}

#integration-list ul:last-child
{
	border-bottom:1px solid #ddd
}

#integration-list ul > li:hover
{
	background:#efefef
}

.expand
{
	display:block;
	text-decoration:none;
	color:#555;
	cursor:pointer
}

.expand h2
{
	width:85%;
	float:left
}

h2
{
	font-size:30px;
	font-weight:400
}

#left,
#right
{
	display:table
}

#sup
{
	display:table-cell;
	vertical-align:middle;
	width:80%
}

.detail a
{
	text-decoration:none;
	color:#C0392B;
	border:1px solid #C0392B;
	padding:6px 10px 5px;
	font-size:13px;
	margin-right:7px
}

.detail
{
	margin:10px 0 10px 0px;
	display:none;
	line-height:22px;
	height:150px
}

.detail span
{
	margin:0
}

.right-arrow
{
	width:10px;
	float:right;
	font-weight:bold;
	font-size:20px
}

.accordion .panel
{
	margin-bottom:5px;
	border-radius:0;
	border-bottom:1px solid #efefef
}

.accordion .panel-heading
{
	background:#F2F5F7;
	padding:13px;
	width:100%;
	display:block
}

.accordion .panel:hover
{
	background:#F2F5F7
}

.x_panel
{
	position:relative;
	width:100%;
	margin-bottom:10px;
	padding:10px 5px;
	display:inline-block;
	background:#fff;
	border:1px solid #E6E9ED;
	-webkit-column-break-inside:avoid;
	-moz-column-break-inside:avoid;
	column-break-inside:avoid;
	opacity:1;
	transition:all .2s ease
}

.x_title
{
	border-bottom:2px solid #E6E9ED;
	padding:1px 5px 6px;
	margin-bottom:10px
}

.x_title .filter
{
	width:40%;
	float:right
}

.x_title h2
{
	margin:5px 0 6px;
	float:left;
	display:block;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap
}

.x_title h2 small
{
	margin-left:10px
}

.x_title span
{
	color:#BDBDBD
}

.x_content
{
	padding:0 5px 6px;
	position:relative;
	width:100%;
	float:left;
	clear:both;
	margin-top:5px
}

.x_content h4
{
	font-size:16px;
	font-weight:500
}

legend
{
	padding-bottom:7px
}

.demo-placeholder
{
	height:280px
}

.profile_details:nth-child(3n)
{
	clear:both
}

.profile_details .profile_view
{
	display:inline-block;
	padding:10px 0 0;
	background:#fff
}

.profile_details .profile_view .divider
{
	border-top:1px solid #e5e5e5;
	padding-top:5px;
	margin-top:5px
}

.profile_details .profile_view .ratings
{
	margin-bottom:0
}

.profile_details .profile_view .bottom
{
	background:#F2F5F7;
	padding:9px 0;
	border-top:1px solid #E6E9ED
}

.profile_details .profile_view .left
{
	margin-top:20px
}

.profile_details .profile_view .left p
{
	margin-bottom:3px
}

.profile_details .profile_view .right
{
	margin-top:0px;
	padding:10px
}

.profile_details .profile_view .img-circle
{
	border:1px solid #E6E9ED;
	padding:2px
}

.profile_details .profile_view h2
{
	margin:5px 0
}

.profile_details .profile_view .ratings
{
	text-align:left;
	font-size:16px
}

.profile_details .profile_view .brief
{
	margin:0;
	font-weight:300
}

.profile_details .profile_left
{
	background:white
}

.pagination.pagination-split li
{
	display:inline-block;
	margin-right:3px
}

.pagination.pagination-split li a
{
	border-radius:4px;
	color:#768399;
	-moz-border-radius:4px;
	-webkit-border-radius:4px
}

.calc_table{

}
.calc_table th, .category-table th {
	font-size: 24px;
	color: rgb(85, 85, 85) !important;
	line-height: 1.223;
}
.calc_table th {
	border: none;
}

.calc_table td{
	font-size: 18px;
	color: rgb(85, 85, 85) !important;
	border: none;
}

.calc_table tr{
	border-bottom: none;
}
.calc_table tr.j-goods-item{
	border-bottom: 1px solid #ddd;
}

.calc_table td:last-child {
	font-size: 24px;
	color: rgb(85, 85, 85);
	font-weight: bold;
}
.calc_table td .input-group{
	width: 150px;
}
.calc_table td .input-group .btn{
	padding-top: 6px;
	padding-bottom: 6px;
}
.calc_table td .input-group .form-control{
	text-align: center;
}
.calc_table th:nth-child(1), .calc_table td:nth-child(1){
	width: 50%;
	float: left;
}
.calc_table th:nth-child(2), .calc_table th:nth-child(3),
.calc_table td:nth-child(2), .calc_table td:nth-child(3){
	width: 25%;
	float: left;
}
.calc_modal .modal-content{
	background: #f7f7f7;
}
.calc_table {
	width: 100%;
	border-spacing: 0;

}

.calc_table th,
.calc_table td,
.calc_table tr,
.calc_table thead,
.calc_table tbody { display: block; }

.calc_table thead tr {
	width: 97%;
	width: -webkit-calc(100% - 16px);
	width:    -moz-calc(100% - 16px);
	width:         calc(100% - 16px);
}

.calc_table tr:after {
	content: ' ';
	display: block;
	visibility: hidden;
	clear: both;
}

.calc_table tbody {
	height: -webkit-calc(100vh - 250px);
	height:    -moz-calc(100vh - 250px);
	height:         calc(100vh - 250px);
	overflow-y: auto;
	overflow-x: hidden;
}

.list-infographia{
	list-style: none;
	padding: 0;
	margin: 0;
}
.list-infographia_item{
	border-radius: 10px;
	padding: 5px 10px;
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	color:#fff;
	display: flex;
	justify-content: space-between;

}
.list-infographia_item .after{

	position: absolute;
	top: 14px;
	right: -18px;
	height: 45px;
	width: 45px;
	border-radius: 10px;
	transform:  translate(0px,0px)  rotate(45deg) skewX(10deg) skewY(10deg);
	-moz-transform:  translate(0px,0px)  rotate(45deg) skewX(10deg) skewY(10deg);
	-o-transform:  translate(0px,0px)  rotate(45deg) skewX(10deg) skewY(10deg);
	-ms-transform:  translate(0px,0px)  rotate(45deg) skewX(10deg) skewY(10deg);

}
.list-infographia_item:after{
	content: '';
	display: block;
	clear: both;
}
.list-infographia_status{
	display: block;
	float:left;
	/*height: -webkit-calc(100% + 10px);
	height: -moz-calc(100% + 10px);
	height: calc(100% + 10px);*/
	font-size: 14px;
	font-weight: 600;
	border-right: 1px solid rgba(255,255,255,0.3);
	padding: 5px 5px 0px 0;
	min-width: 90px;
	text-align: center;
	margin-right: 10px;
	white-space:pre-wrap;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;

	margin-left: -10px;
	margin-top: -5px;
	margin-bottom: -5px;
	background: rgba(0,0,0,0.2);

}
.list-infographia_item div{
	position: relative;
	z-index: 1;
}
.list-infographia_status:after{
	content: '';
	margin-left: -7px;
	height: 100%;
	width: 0px;
	display: inline-block;
	vertical-align: middle;
}
.list-infographia_status span{
	display: inline-block;
	vertical-align: middle;
}
.list-infographia_date, .list-infographia_contact, .list-infographia_phone{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
.list-infographia_item-top, .list-infographia_msg{

	float: left;
}
.list-infographia_msg{
	width: 100%;
	background: rgba(0,0,0,0.1);
	padding: 3px 5px;
	border-radius: 3px;
	height: 44px;
	overflow: hidden;
}
.list-infographia_item-top:after{
	content: '';
	display: block;
	clear: both;
}


.calc_modal .close{
	background: #b22f2f;
	width: 34px;
	height: 34px;
	position: absolute;
	top:5px;
	right: 5px;
	color:#fff;
	opacity: 1;
	font-size: 30px;
	border-radius: 50%;
}
.calc_modal .modal-footer{
	background: #cdd5dc; /*#448ccb;*/
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color:#555;
}
.calc_form{
	display: block;
}
.calc_form_item{
	display: block;
	float: left;
	background: #448ccb;
	border-radius: 4px;
	margin: 0 20px 20px 0;
	max-width: 100%;
}
.calc_form_title{
	display: block;
	float: left;
	padding: 0px 9px;
	color:#fff;
	height: 30px;
	line-height: 30px;
	border-right: solid 1px #fff;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	/*text-overflow: ellipsis;*/
	width: -webkit-calc(100% - 82px);
	width: -moz-calc(100% - 82px);
	width: calc(100% - 82px);
}
.field-leadform-description-view .calc_form_title{
	width: -webkit-calc(100% - 26px);
	width: -moz-calc(100% - 26px);
	width: calc(100% - 26px);
}
.calc_form_value{
	display: block;
	float: left;
	/* padding: 0px 9px;*/
	color:#fff;
	height: 30px;
	line-height: 30px;
	width: 24px;
	text-align: center;
}

.a_calc_form{
	display: block;
	float: left;
	padding: 0px 5px;
	color:#fff;
	height: 30px;
	line-height: 30px;
}
.a_calc_form:hover{
	color:#fff;
	background: rgba(0, 0, 0, 0.15);
}
.a_calc_form:last-child{
	border-left: solid 1px #fff;
}
.calc_form .form-group{
	margin-right: 20px;
	margin-bottom: 20px;
}
.calc_form .input_sm_w .form-control{
	width: 70px;
}
.calc_form .form-control{
	border-radius: 3px;
}
.select-style {
	padding: 0;
	margin: 0;
	border: 1px solid #ccc;
	border-radius: 3px;
	overflow: hidden;
	background-color: #fff;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.select-style:after{
	content: "\f107";
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 0;
	font: normal normal normal 20px/30px FontAwesome;
	background: #448ccb;
	color: #fff;
	z-index: 0;
	text-align: center;
}
.select-style select {
	padding: 5px 38px 5px 8px;
	border: none;
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 30px;
	position: relative;
	z-index: 1;
	font-size: 14px;
}

.select-style select:focus {
	outline: none;
}
select:-moz-focusring
{
	color: transparent;
	text-shadow: 0 0 0 #000;
}
.checkbox_calc{
	text-align: left;
	position: relative;
}
.checkbox_calc:after{
	content: '';
	display: block;
	clear: both;
}
.checkbox_calc input[type=checkbox] {
	position:absolute;
	z-index:-1000;
	left:-1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
}

.checkbox_calc input[type=checkbox] + label {
	padding-left:25px;
	height:30px;
	display:inline-block;
	float:left;
	line-height:30px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:14px;
	vertical-align:middle;
	cursor:pointer;
	position: relative;
	font-weight: bold;
}
.checkbox_calc label {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.checkbox_calc label:before{
	content: '';
	border-width: 3px;
	border-color: rgb(68, 140, 203);
	border-style: solid;
	border-radius: 5px;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	display: block;
}
.checkbox_calc label:after{
	content: '';
	border-radius: 3px;
	background-color: rgb(68, 140, 203);
	position: absolute;
	left: 5px;
	top: 50%;
	margin-top: -5px;
	width: 10px;
	height: 10px;
	display: none;
}
.checkbox_calc > input[type=checkbox]:checked + label:after {
	display: block;
}

table.tile h3,
table.tile h4,
table.tile span
{
	font-weight:bold;
	vertical-align:middle !important
}

table.tile th,
table.tile td
{
	text-align:center
}

table.tile th
{
	border-bottom:1px solid #E6ECEE
}

table.tile td
{
	padding:5px 0
}

table.tile td ul
{
	text-align:left;
	padding-left:0
}

table.tile td ul li
{
	list-style:none;
	width:100%
}

table.tile td ul li a
{
	width:100%
}

table.tile td ul li a big
{
	right:0;
	float:right;
	margin-right:13px
}

table.tile_info
{
	width:100%
}

table.tile_info td
{
	text-align:left;
	padding:1px;
	font-size:15px
}

table.tile_info td p
{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin:0;
	line-height:28px
}

table.tile_info td i
{
	margin-right:8px;
	font-size:17px;
	float:left;
	width:18px;
	line-height:28px
}

table.tile_info td:first-child
{
	width:83%
}

td span
{
	line-height:inherit
}

.sidebar-widget
{
	overflow:hidden
}

.error-number
{
	font-size:90px;
	line-height:90px;
	margin:20px 0
}

.col-middle
{
	margin-top:5%
}

.mid_center
{
	width:370px;
	margin:0 auto;
	text-align:center;
	padding:10px 20px
}

h3.degrees
{
	font-size:22px;
	font-weight:400;
	text-align:center
}

.degrees:after
{
	content:"o";
	position:relative;
	top:-12px;
	font-size:13px;
	font-weight:300
}

.daily-weather .day
{
	font-size:14px;
	border-top:2px solid rgba(115, 135, 156, 0.36);
	text-align:center;
	border-bottom:2px solid rgba(115, 135, 156, 0.36);
	padding:5px 0
}

.weather-days .col-sm-2
{
	overflow:hidden;
	width:16.66666667%
}

.weather .row
{
	margin-bottom:0
}

.bulk-actions
{
	display:none
}

table.countries_list
{
	width:100%
}

table.countries_list td
{
	padding:0 10px;
	line-height:30px;
	border-top:1px solid #eeeeee
}

.dataTables_paginate a
{
	padding:6px 9px !important;
	background:#ddd !important;
	border-color:#ddd !important
}

.paging_full_numbers a.paginate_active
{
	background-color:rgba(38, 185, 154, 0.59) !important;
	border-color:rgba(38, 185, 154, 0.59) !important
}

button.DTTT_button,
div.DTTT_button,
a.DTTT_button
{
	border:1px solid #E7E7E7 !important;
	background:#E7E7E7 !important;
	box-shadow:none !important
}

table.jambo_table
{
	border:1px solid rgba(221, 221, 221, 0.78)
}

table.jambo_table thead
{
	background:rgba(52, 73, 94, 0.94);
	color:#ECF0F1
}

table.jambo_table tbody tr:hover td
{
	background:rgba(38, 185, 154, 0.07);
	border-top:1px solid rgba(38, 185, 154, 0.11);
	border-bottom:1px solid rgba(38, 185, 154, 0.11)
}

table.jambo_table tbody tr.selected
{
	background:rgba(38, 185, 154, 0.16)
}

table.jambo_table tbody tr.selected td
{
	border-top:1px solid rgba(38, 185, 154, 0.4);
	border-bottom:1px solid rgba(38, 185, 154, 0.4)
}

.dataTables_paginate a
{
	background:#ff0000
}

.dataTables_wrapper
{
	position:relative;
	clear:both;
	zoom:1
}

.dataTables_processing
{
	position:absolute;
	top:50%;
	left:50%;
	width:250px;
	height:30px;
	margin-left:-125px;
	margin-top:-15px;
	padding:14px 0 2px 0;
	border:1px solid #ddd;
	text-align:center;
	color:#999;
	font-size:14px;
	background-color:white
}

.dataTables_length
{
	width:40%;
	float:left
}

.dataTables_filter
{
	width:50%;
	float:right;
	text-align:right
}

.dataTables_info
{
	width:60%;
	float:left
}

.dataTables_paginate
{
	float:right;
	text-align:right
}

table.dataTable th.focus,
table.dataTable td.focus
{
	outline:2px solid #1ABB9C !important;
	outline-offset:-1px
}

table.display
{
	margin:0 auto;
	clear:both;
	width:100%
}

table.display thead th
{
	padding:8px 18px 8px 10px;
	border-bottom:1px solid black;
	font-weight:bold;
	cursor:pointer
}

table.display tfoot th
{
	padding:3px 18px 3px 10px;
	border-top:1px solid black;
	font-weight:bold
}

table.display tr.heading2 td
{
	border-bottom:1px solid #aaa
}

table.display td
{
	padding:3px 10px
}

table.display td.center
{
	text-align:center
}

table.display thead th:active,
table.display thead td:active
{
	outline:none
}

.dataTables_scroll
{
	clear:both
}

.dataTables_scrollBody
{
	*margin-top:-1px;
	-webkit-overflow-scrolling:touch
}

.top .dataTables_info
{
	float:none
}

.clear
{
	clear:both
}

.dataTables_empty
{
	text-align:center
}

tfoot input
{
	margin:0.5em 0;
	width:100%;
	color:#444
}

tfoot input.search_init
{
	color:#999
}

td.group
{
	background-color:#d1cfd0;
	border-bottom:2px solid #A19B9E;
	border-top:2px solid #A19B9E
}

td.details
{
	background-color:#d1cfd0;
	border:2px solid #A19B9E
}

.example_alt_pagination div.dataTables_info
{
	width:40%
}

.paging_full_numbers
{
	width:400px;
	height:22px;
	line-height:22px
}

.paging_full_numbers a:active
{
	outline:none
}

.paging_full_numbers a:hover
{
	text-decoration:none
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active
{
	border:1px solid #aaa;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:2px 5px;
	margin:0 3px;
	cursor:pointer
}

.paging_full_numbers a.paginate_button
{
	background-color:#ddd
}

.paging_full_numbers a.paginate_button:hover
{
	background-color:#ccc;
	text-decoration:none !important
}

.paging_full_numbers a.paginate_active
{
	background-color:#99B3FF
}

table.display tr.even.row_selected td
{
	background-color:#B0BED9
}

table.display tr.odd.row_selected td
{
	background-color:#9FAFD1
}

div.box
{
	height:100px;
	padding:10px;
	overflow:auto;
	border:1px solid #8080FF;
	background-color:#E5E5FF
}

ul.msg_list li
{
	background:#f7f7f7;
	padding:5px;
	display:-ms-flexbox;
	display:flex;
	margin:6px 6px 0;
	width:96% !important
}

ul.msg_list li:last-child
{
	margin-bottom:6px;
	padding:10px
}

ul.msg_list li a
{
	padding:3px 5px !important
}

ul.msg_list li a .image img
{
	border-radius:2px 2px 2px 2px;
	-webkit-border-radius:2px 2px 2px 2px;
	float:left;
	margin-right:10px;
	width:11%
}

ul.msg_list li a .time
{
	font-size:11px;
	font-style:italic;
	font-weight:bold;
	position:absolute;
	right:35px
}

ul.msg_list li a .message
{
	display:block !important;
	font-size:11px
}

.dropdown-menu.msg_list span
{
	white-space:normal
}

.dropdown-menu
{
	border:medium none;
	box-shadow:none;
	display:none;
	float:left;
	font-size:12px;
	left:0;
	list-style:none outside none;
	padding:0;
	position:absolute;
	text-shadow:none;
	top:100%;
	z-index:9998;
	border:1px solid #D9DEE4;
	border-top-left-radius:0;
	border-top-right-radius:0
}

.dropdown-menu > li > a
{
	color:#5A738E
}

.navbar-nav .open .dropdown-menu
{
	position:absolute;
	background:#fff;
	margin-top:0;
	border:1px solid #D9DEE4;
	-webkit-box-shadow:none;
	right:0;
	left:auto;
	width:220px
}

.navbar-nav .open .dropdown-menu.msg_list
{
	width:300px
}

.info-number .badge
{
	font-size:10px;
	font-weight:normal;
	line-height:13px;
	padding:2px 6px;
	position:absolute;
	right:2px;
	top:8px
}

ul.to_do
{
	padding:0
}

ul.to_do li
{
	background:#f3f3f3;
	border-radius:3px;
	position:relative;
	padding:7px;
	margin-bottom:5px;
	list-style:none
}

ul.to_do p
{
	margin:0
}

.dashboard-widget
{
	background:#f6f6f6;
	border-top:5px solid #79C3DF;
	border-radius:3px;
	padding:5px 10px 10px
}

.dashboard-widget .dashboard-widget-title
{
	font-weight:normal;
	border-bottom:1px solid #c1cdcd;
	margin:0 0 10px 0;
	padding-bottom:5px;
	padding-left:40px;
	line-height:30px
}

.dashboard-widget .dashboard-widget-title i
{
	font-size:100%;
	margin-left:-35px;
	margin-right:10px;
	color:#33a1c9;
	padding:3px 6px;
	border:1px solid #abd9ea;
	border-radius:5px;
	background:#fff
}

ul.quick-list
{
	width:45%;
	padding-left:0;
	display:inline-block
}

ul.quick-list li
{
	padding-left:10px;
	list-style:none;
	margin:0;
	padding-bottom:6px;
	padding-top:4px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}

ul.quick-list li i
{
	padding-right:10px;
	color:#757679
}

.dashboard-widget-content
{
	padding-top:9px
}

.dashboard-widget-content .sidebar-widget
{
	width:50%;
	display:inline-block;
	vertical-align:top;
	background:#fff;
	border:1px solid #abd9ea;
	border-radius:5px;
	text-align:center;
	float:right;
	padding:2px;
	margin-top:10px
}

.widget_summary
{
	width:100%;
	display:-ms-inline-flexbox;
	display:inline-flex
}

.widget_summary .w_left
{
	float:left;
	text-align:left
}

.widget_summary .w_center
{
	float:left
}

.widget_summary .w_right
{
	float:left;
	text-align:right
}

.widget_summary .w_right span
{
	font-size:20px
}

.w_20
{
	width:20%
}

.w_25
{
	width:25%
}

.w_55
{
	width:55%
}

h5.graph_title
{
	text-align:left;
	margin-left:10px
}

h5.graph_title i
{
	margin-right:10px;
	font-size:17px
}

span.right
{
	float:right;
	font-size:14px !important
}

.tile_info a
{
	text-overflow:ellipsis
}

.sidebar-footer
{
	bottom:0px;
	clear:both;
	display:block;
	padding:5px 0 0 0;
	position:fixed;
	width:230px;
	background:#2A3F54;
	z-index:999;
}

.sidebar-footer a
{
	padding:7px 0 3px;
	text-align:center;
	width:25%;
	font-size:17px;
	display:block;
	float:left;
	background:#172D44;
	cursor:pointer;
}

.sidebar-footer a:hover
{
	background:#425567
}

.tile_count
{
	margin-bottom:20px;
	margin-top:20px
}

.tile_count .tile_stats_count
{
	border-bottom:1px solid #D9DEE4;
	padding:0 10px 0 20px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	position:relative
}

@media (min-width:992px)
{
	footer
	{
		margin-left:230px
	}
}

@media (min-width:992px)
{
	.tile_count .tile_stats_count
	{
		margin-bottom:10px;
		border-bottom:0;
		padding-bottom:10px
	}
}

.tile_count .tile_stats_count:before
{
	content:"";
	position:absolute;
	left:0;
	height:65px;
	border-left:2px solid #ADB2B5;
	margin-top:10px
}

@media (min-width:992px)
{
	.tile_count .tile_stats_count:first-child:before
	{
		border-left:0
	}
}

.tile_count .tile_stats_count .count
{
	font-size:30px;
	line-height:47px;
	font-weight:600
}

@media (min-width:768px)
{
	.tile_count .tile_stats_count .count
	{
		font-size:40px
	}
}

@media (min-width:992px) and (max-width:1100px)
{
	.tile_count .tile_stats_count .count
	{
		font-size:30px
	}
}

.tile_count .tile_stats_count span
{
	font-size:12px
}

@media (min-width:768px)
{
	.tile_count .tile_stats_count span
	{
		font-size:13px
	}
}

.tile_count .tile_stats_count .count_bottom i
{
	width:12px
}

.dashboard_graph
{
	background:#fff;
	padding:7px 10px
}

.dashboard_graph .col-md-9,
.dashboard_graph .col-md-3
{
	padding:0
}

a.user-profile
{
	color:#5E6974 !important
}

.user-profile img
{
	width:29px;
	height:29px;
	border-radius:50%;
	margin-right:10px
}

ul.top_profiles
{
	height:330px;
	width:100%
}

ul.top_profiles li
{
	margin:0;
	padding:3px 5px
}

ul.top_profiles li:nth-child(odd)
{
	background-color:#eee
}

.media .profile_thumb
{
	border:1px solid;
	width:50px;
	height:50px;
	margin:5px 10px 5px 0;
	border-radius:50%;
	padding:9px 12px
}

.media .profile_thumb i
{
	font-size:30px
}

.media .date
{
	background:#ccc;
	width:52px;
	margin-right:10px;
	border-radius:10px;
	padding:5px
}

.media .date .month
{
	margin:0;
	text-align:center;
	color:#fff
}

.media .date .day
{
	text-align:center;
	color:#fff;
	font-size:27px;
	margin:0;
	line-height:27px;
	font-weight:bold
}

.event .media-body a.title
{
	font-weight:bold
}

.event .media-body p
{
	margin-bottom:0
}

h4.graph_title
{
	margin:7px;
	text-align:center
}

.fontawesome-icon-list .fa-hover a:hover
{
	background-color:#ddd;
	color:#fff;
	text-decoration:none
}

.fontawesome-icon-list .fa-hover a
{
	display:block;
	line-height:32px;
	height:32px;
	padding-left:10px;
	border-radius:4px
}

.fontawesome-icon-list .fa-hover a:hover .fa
{
	font-size:28px;
	vertical-align:-6px
}

.fontawesome-icon-list .fa-hover a .fa
{
	width:32px;
	font-size:16px;
	display:inline-block;
	text-align:right;
	margin-right:10px
}

.main_menu .fa
{
	width:26px;
	opacity:.99;
	display:inline-block;
	font-family:FontAwesome;
	font-style:normal;
	font-weight:normal;
	font-size:18px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}

.tile-stats
{
	position:relative;
	display:block;
	margin-bottom:12px;
	border:1px solid #E4E4E4;
	-webkit-border-radius:5px;
	overflow:hidden;
	padding-bottom:5px;
	-webkit-background-clip:padding-box;
	-moz-border-radius:5px;
	-moz-background-clip:padding;
	border-radius:5px;
	background-clip:padding-box;
	background:#FFF;
	transition:all 300ms ease-in-out
}

.tile-stats:hover .icon i
{
	animation-name:transformAnimation;
	animation-duration:.5s;
	animation-iteration-count:1;
	color:rgba(58, 58, 58, 0.41);
	animation-timing-function:ease;
	animation-fill-mode:forwards;
	-webkit-animation-name:transformAnimation;
	-webkit-animation-duration:.5s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function:ease;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-name:transformAnimation;
	-moz-animation-duration:.5s;
	-moz-animation-iteration-count:1;
	-moz-animation-timing-function:ease;
	-moz-animation-fill-mode:forwards
}

.tile-stats .icon
{
	width:20px;
	height:20px;
	color:#BAB8B8;
	position:absolute;
	right:53px;
	top:22px;
	z-index:1
}

.tile-stats .icon i
{
	margin:0;
	font-size:60px;
	line-height:0;
	vertical-align:bottom;
	padding:0
}

.tile-stats .count
{
	font-size:38px;
	font-weight:bold;
	line-height:1.65857
}

.tile-stats .count,
.tile-stats h3,
.tile-stats p
{
	position:relative;
	margin:0;
	margin-left:10px;
	z-index:5;
	padding:0
}

.tile-stats h3
{
	color:#BAB8B8
}

.tile-stats p
{
	margin-top:5px;
	font-size:12px
}

.tile-stats > .dash-box-footer
{
	position:relative;
	text-align:center;
	margin-top:5px;
	padding:3px 0;
	color:#fff;
	color:rgba(255, 255, 255, 0.8);
	display:block;
	z-index:10;
	background:rgba(0, 0, 0, 0.1);
	text-decoration:none
}

.tile-stats > .dash-box-footer:hover
{
	color:#fff;
	background:rgba(0, 0, 0, 0.15)
}

.tile-stats > .dash-box-footer:hover
{
	color:#fff;
	background:rgba(0, 0, 0, 0.15)
}

table.tile_info
{
	padding:10px 15px
}

table.tile_info span.right
{
	margin-right:0;
	float:right;
	position:absolute;
	right:4%
}

.tile:hover
{
	text-decoration:none
}

.tile_header
{
	border-bottom:transparent;
	padding:7px 15px;
	margin-bottom:15px;
	background:#E7E7E7
}

.tile_head h4
{
	margin-top:0;
	margin-bottom:5px
}

.tiles-bottom
{
	padding:5px 10px;
	margin-top:10px;
	background:rgba(194, 194, 194, 0.3);
	text-align:left
}

a.star
{
	color:#428bca !important
}

.mail_content
{
	background:none repeat scroll 0 0 #FFFFFF;
	border-radius:4px;
	margin-top:20px;
	min-height:500px;
	padding:10px 11px;
	width:100%
}

.list-btn-mail
{
	margin-bottom:15px
}

.list-btn-mail.active
{
	border-bottom:1px solid #39B3D7;
	padding:0 0 14px
}

.list-btn-mail > i
{
	float:left;
	font-size:18px;
	font-style:normal;
	width:33px
}

.list-btn-mail > .cn
{
	background:none repeat scroll 0 0 #39B3D7;
	border-radius:12px;
	color:#FFFFFF;
	float:right;
	font-style:normal;
	padding:0 5px
}

.button-mail
{
	margin:0 0 15px !important;
	text-align:left;
	width:100%
}

button,
.buttons,
.btn,
.modal-footer .btn + .btn
{
	margin-bottom:5px;
	margin-right:5px
}

.btn-group-vertical .btn,
.btn-group .btn
{
	margin-bottom:0;
	margin-right:0
}

.mail_list_column
{
	border-left:1px solid #DBDBDB
}

.mail_view
{
	border-left:1px solid #DBDBDB
}

.mail_list
{
	width:100%;
	border-bottom:1px solid #DBDBDB;
	margin-bottom:2px;
	display:inline-block
}

.mail_list .left
{
	width:5%;
	float:left;
	margin-right:3%
}

.mail_list .right
{
	width:90%;
	float:left
}

.mail_list h3
{
	font-size:15px;
	font-weight:bold;
	margin:0px 0 6px
}

.mail_list h3 small
{
	float:right;
	color:#ADABAB;
	font-size:11px;
	line-height:20px
}

.mail_list .badge
{
	padding:3px 6px;
	font-size:8px;
	background:#BAB7B7
}

@media (max-width:767px)
{
	.mail_list
	{
		margin-bottom:5px;
		display:inline-block
	}
}

.mail_heading h4
{
	font-size:18px;
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
	margin-top:20px
}

.attachment
{
	margin-top:30px
}

.attachment ul
{
	width:100%;
	list-style:none;
	padding-left:0;
	display:inline-block;
	margin-bottom:30px
}

.attachment ul li
{
	float:left;
	width:150px;
	margin-right:10px;
	margin-bottom:10px
}

.attachment ul li img
{
	height:150px;
	border:1px solid #ddd;
	padding:5px;
	margin-bottom:10px
}

.attachment ul li span
{
	float:right
}

.attachment .file-name
{
	float:left
}

.attachment .links
{
	width:100%;
	display:inline-block
}

.compose
{
	padding:0;
	position:fixed;
	bottom:0;
	right:0;
	background:#fff;
	border:1px solid #D9DEE4;
	border-right:0;
	border-bottom:0;
	border-top-left-radius:5px;
	z-index:9999;
	display:none
}

.compose .compose-header
{
	padding:5px;
	background:#169F85;
	color:#fff;
	border-top-left-radius:5px
}

.compose .compose-header .close
{
	text-shadow:0 1px 0 #ffffff;
	line-height:.8
}

.compose .compose-body .editor.btn-toolbar
{
	margin:0
}

.compose .compose-body .editor-wrapper
{
	height:100%;
	min-height:50px;
	max-height:180px;
	border-radius:0;
	border-left:none;
	border-right:none;
	overflow:auto
}

.compose .compose-footer
{
	padding:10px
}

.editor.btn-toolbar
{
	zoom:1;
	background:#F7F7F7;
	margin:5px 2px;
	padding:3px 0;
	border:1px solid #EFEFEF
}

.input-group
{
	margin-bottom:10px
}

.ln_solid
{
	border-top:1px solid #e5e5e5;
	color:#ffffff;
	background-color:#ffffff;
	height:1px;
	margin:20px 0
}

span.section
{
	display:block;
	width:100%;
	padding:0;
	margin-bottom:20px;
	font-size:21px;
	line-height:inherit;
	color:#333;
	border:0;
	border-bottom:1px solid #e5e5e5
}

.form-control
{
	border-radius:0;
	width:100%
}
.kv-grid-table .form-control{
  overflow: hidden;
}
.form-horizontal .control-label
{
	padding-top:8px
}

.form-control:focus
{
	border-color:#CCD0D7;
	box-shadow:none !important
}

legend
{
	font-size:18px;
	color:inherit
}

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

.form-control-feedback
{
	margin-top:8px;
	height:23px;
	color:#bbb;
	line-height:24px;
	font-size:15px
}

.form-control-feedback.left
{
	border-right:1px solid #ccc;
	left:13px
}

.form-control-feedback.right
{
	border-left:1px solid #ccc;
	right:13px
}

.form-control.has-feedback-left
{
	padding-left:45px
}

.form-control.has-feedback-right
{
	padding-right:45px
}

.form-group
{
	margin-bottom:10px
}

.validate
{
	margin-top:10px
}

.invalid-form-error-message
{
	margin-top:10px;
	padding:5px
}

.invalid-form-error-message.filled
{
	border-left:2px solid #E74C3C
}

p.parsley-success
{
	color:#468847;
	background-color:#DFF0D8;
	border:1px solid #D6E9C6
}

p.parsley-error
{
	color:#B94A48;
	background-color:#F2DEDE;
	border:1px solid #EED3D7
}

ul.parsley-errors-list
{
	list-style:none;
	color:#E74C3C;
	padding-left:0
}

input.parsley-error,
textarea.parsley-error,
select.parsley-error
{
	background:#FAEDEC;
	border:1px solid #E85445
}

.btn-group .parsley-errors-list
{
	display:none
}

.bad input,
.bad select,
.bad textarea
{
	border:1px solid #CE5454;
	box-shadow:0 0 4px -2px #CE5454;
	position:relative;
	left:0;
	-moz-animation:.7s 1 shake linear;
	-webkit-animation:0.7s 1 shake linear
}

.item input,
.item textarea
{
	transition:0.42s
}

.item .alert
{
	float:left;
	margin:0 0 0 20px;
	padding:3px 10px;
	color:#FFF;
	border-radius:3px 4px 4px 3px;
	background-color:#CE5454;
	max-width:170px;
	white-space:pre;
	position:relative;
	left:-15px;
	opacity:0;
	z-index:1;
	transition:0.15s ease-out
}

.item .alert::after
{
	content:'';
	display:block;
	height:0;
	width:0;
	border-color:transparent #CE5454 transparent transparent;
	border-style:solid;
	border-width:11px 7px;
	position:absolute;
	left:-13px;
	top:1px
}

.item.bad .alert
{
	left:0;
	opacity:1
}

.inl-bl
{
	display:inline-block
}

.well .markup
{
	background:#fff;
	color:#777;
	position:relative;
	padding:45px 15px 15px;
	margin:15px 0 0 0;
	background-color:#fff;
	border-radius:0 0 4px 4px;
	box-shadow:none
}

.well .markup::after
{
	content:"Example";
	position:absolute;
	top:15px;
	left:15px;
	font-size:12px;
	font-weight:bold;
	color:#bbb;
	text-transform:uppercase;
	letter-spacing:1px
}

.autocomplete-suggestions
{
	border:1px solid #e4e4e4;
	background:#F4F4F4;
	cursor:default;
	overflow:auto
}

.autocomplete-suggestion
{
	padding:2px 5px;
	font-size:1.2em;
	white-space:nowrap;
	overflow:hidden
}

.autocomplete-selected
{
	background:#f0f0f0
}

.autocomplete-suggestions strong
{
	font-weight:normal;
	color:#3399ff;
	font-weight:bolder
}

.btn
{
	border-radius:3px
}

a.btn-success,
a.btn-primary,
a.btn-warning,
a.btn-danger
{
	color:#fff
}

.btn-success
{
	background:#26B99A;
	border:1px solid #169F85
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success
{
	background:#169F85
}

.btn-dark
{
	color:#E9EDEF;
	background-color:#4B5F71;
	border-color:#364B5F
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark
{
	color:#FFFFFF;
	background-color:#394D5F;
	border-color:#394D5F
}

.btn-round
{
	border-radius:30px
}

.btn.btn-app
{
	position:relative;
	padding:15px 5px;
	margin:0 0 10px 10px;
	min-width:80px;
	height:60px;
	box-shadow:none;
	border-radius:0;
	text-align:center;
	color:#666;
	border:1px solid #ddd;
	background-color:#fafafa;
	font-size:12px
}

.btn.btn-app > .fa,
.btn.btn-app > .glyphicon,
.btn.btn-app > .ion
{
	font-size:20px;
	display:block
}

.btn.btn-app:hover
{
	background:#f4f4f4;
	color:#444;
	border-color:#aaa
}

.btn.btn-app:active,
.btn.btn-app:focus
{
	box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn.btn-app > .badge
{
	position:absolute;
	top:-3px;
	right:-10px;
	font-size:10px;
	font-weight:400
}

textarea
{
	padding:10px;
	vertical-align:top;
	width:200px
}

textarea:focus
{
	outline-style:solid;
	outline-width:2px
}

.btn_
{
	display:inline-block;
	padding:3px 9px;
	margin-bottom:0;
	font-size:14px;
	line-height:20px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	color:#333333;
	text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
	background-color:#f5f5f5;
	background-image:linear-gradient(to bottom, #fff, #e6e6e6);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	border-color:#e6e6e6 #e6e6e6 #bfbfbf;
	border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
	border:1px solid #cccccc;
	border-bottom-color:#b3b3b3;
	border-radius:4px;
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.bs-glyphicons
{
	margin:0 -10px 20px;
	overflow:hidden
}

.bs-glyphicons-list
{
	padding-left:0;
	list-style:none
}

.bs-glyphicons li
{
	float:left;
	width:25%;
	height:115px;
	padding:10px;
	font-size:10px;
	line-height:1.4;
	text-align:center;
	background-color:#f9f9f9;
	border:1px solid #fff
}

.bs-glyphicons .glyphicon
{
	margin-top:5px;
	margin-bottom:10px;
	font-size:24px
}

.bs-glyphicons .glyphicon-class
{
	display:block;
	text-align:center;
	word-wrap:break-word
}

.bs-glyphicons li:hover
{
	color:#fff;
	background-color:#1ABB9C
}

@media (min-width:768px)
{
	.bs-glyphicons
	{
		margin-right:0;
		margin-left:0
	}

	.bs-glyphicons li
	{
		width:12.5%;
		font-size:12px
	}
}

.tagsinput
{
	border:1px solid #CCC;
	background:#FFF;
	padding:6px 6px 0;
	width:300px;
	overflow-y:auto
}

span.tag
{
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	display:block;
	float:left;
	padding:5px 9px;
	text-decoration:none;
	background:#1ABB9C;
	color:#F1F6F7;
	margin-right:5px;
	font-weight:500;
	margin-bottom:5px;
	font-family:helvetica
}

span.tag a
{
	color:#F1F6F7 !important
}

.tagsinput span.tag a
{
	font-weight:bold;
	color:#82ad2b;
	text-decoration:none;
	font-size:11px
}

.tagsinput input
{
	width:80px;
	margin:0px;
	font-family:helvetica;
	font-size:13px;
	border:1px solid transparent;
	padding:3px;
	background:transparent;
	color:#000;
	outline:0px
}

.tagsinput div
{
	display:block;
	float:left
}

.tags_clear
{
	clear:both;
	width:100%;
	height:0px
}

.not_valid
{
	background:#FBD8DB !important;
	color:#90111A !important
}

ul.bar_tabs
{
	overflow:visible;
	background:#F5F7FA;
	height:25px;
	margin:21px 0 14px;
	padding-left:14px;
	position:relative;
	z-index:1;
	width:100%;
	border-bottom:1px solid #E6E9ED
}

ul.bar_tabs > li
{
	border:1px solid #E6E9ED;
	color:#333 !important;
	margin-top:-17px;
	margin-left:8px;
	background:#fff;
	border-bottom:none;
	border-radius:4px 4px 0 0
}

ul.bar_tabs > li.active
{
	border-right:6px solid #D3D6DA;
	border-top:0;
	margin-top:-15px
}

ul.bar_tabs > li a
{
	padding:10px 17px;
	background:#F5F7FA;
	margin:0;
	border-top-right-radius:0
}

ul.bar_tabs > li a:hover
{
	border:1px solid transparent
}

ul.bar_tabs > li.active a
{
	border-bottom:none
}

ul.bar_tabs.right
{
	padding-right:14px
}

ul.bar_tabs.right li
{
	float:right
}

a:focus
{
	outline:none
}

ul.timeline li
{
	position:relative;
	border-bottom:1px solid #e8e8e8;
	clear:both
}

.timeline .block
{
	margin:0;
	border-left:3px solid #e8e8e8;
	overflow:visible;
	padding:10px 15px;
	margin-left:105px
}

.timeline.widget
{
	min-width:0;
	max-width:inherit
}

.timeline.widget .block
{
	margin-left:5px
}

.timeline .tags
{
	position:absolute;
	top:15px;
	left:0;
	width:84px
}

.timeline .tag
{
	display:block;
	height:30px;
	font-size:13px;
	padding:8px
}

.timeline .tag span
{
	display:block;
	overflow:hidden;
	width:100%;
	white-space:nowrap;
	text-overflow:ellipsis
}

.tag
{
	line-height:1;
	background: #0f4752;
	color:#fff !important
}

.tag:after
{
	content:" ";
	height:30px;
	width:0;
	position:absolute;
	left:100%;
	top:0;
	margin:0;
	pointer-events:none;
	border-top:14px solid transparent;
	border-bottom:14px solid transparent;
	border-left:11px solid #0f4752;
}

.wazzup_admin {
	background: orange;
}
.wazzup_admin:after {
	border-left:11px solid orange;
}
.wazzup_client {
	background: green;
}
.wazzup_client:after {
	border-left:11px solid green;
}

.timeline h2.title
{
	position:relative;
	font-size:16px;
	margin:0
}

.timeline h2.title:before
{
	content:"";
	position:absolute;
	left:-23px;
	top:3px;
	display:block;
	width:14px;
	height:14px;
	border:3px solid #d2d3d2;
	border-radius:14px;
	background:#f9f9f9
}

.timeline .byline
{
	padding:.25em 0
}

.byline
{
	-webkit-font-smoothing:antialiased;
	font-style:italic;
	font-size:.9375em;
	line-height:1.3;
	color:#aab6aa
}

ul.social li
{
	border:0
}

.social-sidebar,
.social-body
{
	float:right
}

.social-sidebar
{
	background:#EDEDED;
	width:22%
}

.social-body
{
	border:1px solid #ccc;
	width:78%
}

.thumb img
{
	width:50px;
	height:50px;
	border-radius:50%
}

.chat .thumb img
{
	width:27px;
	height:27px;
	border-radius:50%
}

.chat .status
{
	float:left;
	margin:16px 0 0 -16px;
	font-size:14px;
	font-weight:bold;
	width:12px;
	height:12px;
	display:block;
	border:2px solid #FFF;
	z-index:12312;
	border-radius:50%
}

.chat .status.online
{
	background:#1ABB9C
}

.chat .status.away
{
	background:#F39C12
}

.chat .status.offline
{
	background:#ccc
}

.chat .media-body
{
	padding-top:5px
}

.dashboard_graph .x_title
{
	padding:5px 5px 7px
}

.dashboard_graph .x_title h3
{
	margin:0;
	font-weight:normal
}

.chart
{
	position:relative;
	display:inline-block;
	width:110px;
	height:110px;
	margin-top:5px;
	margin-bottom:5px;
	text-align:center
}

.chart canvas
{
	position:absolute;
	top:0;
	left:0
}

.percent
{
	display:inline-block;
	line-height:110px;
	z-index:2;
	font-size:18px
}

.percent:after
{
	content:'%';
	margin-left:0.1em;
	font-size:.8em
}

.angular
{
	margin-top:100px
}

.angular .chart
{
	margin-top:0
}

.widget
{
	min-width:250px;
	max-width:310px
}

.widget_tally_box .btn-group button
{
	text-align:center
}

.widget_tally_box .btn-group button
{
	color:inherit;
	font-weight:500;
	background-color:#f5f5f5;
	border:1px solid #e7e7e7
}

ul.widget_tally,
ul.widget_tally li
{
	width:100%
}

ul.widget_tally li
{
	padding:2px 10px;
	border-bottom:1px solid #ECECEC;
	padding-bottom:4px
}

ul.widget_tally .month
{
	width:70%;
	float:left
}

ul.widget_tally .count
{
	width:30%;
	float:left;
	text-align:right
}

.pie_bg
{
	border-bottom:1px solid rgba(101, 204, 182, 0.16);
	padding-bottom:15px;
	border-radius:4px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
	padding-bottom:10px;
	box-shadow:0 4px 6px -6px #222
}

.widget_tally_box .flex
{
	display:-ms-flexbox;
	display:flex
}

ul.widget_profile_box
{
	width:100%;
	height:42px;
	padding:3px;
	background:#ececec;
	margin-top:40px;
	margin-left:1px
}

ul.widget_profile_box li:first-child
{
	width:25%;
	float:left
}

ul.widget_profile_box li:first-child a
{
	float:left
}

ul.widget_profile_box li:last-child
{
	width:25%;
	float:right
}

ul.widget_profile_box li:last-child a
{
	float:right
}

ul.widget_profile_box li a
{
	font-size:22px;
	text-align:center;
	width:35px;
	height:35px;
	border:1px solid rgba(52, 73, 94, 0.44);
	display:block;
	border-radius:50%;
	padding:0px
}

ul.widget_profile_box li a:hover
{
	color:#1ABB9C !important;
	border:1px solid #26b99a
}

ul.widget_profile_box li .profile_img
{
	width:85px;
	height:85px;
	margin:0;
	margin-top:-28px
}

.widget_tally_box p,
.widget_tally_box span
{
	text-align:center
}

.widget_tally_box .name
{
	text-align:center;
	margin:25px
}

.widget_tally_box .name_title
{
	text-align:center;
	margin:5px
}

.widget_tally_box ul.legend
{
	margin:0
}

.widget_tally_box ul.legend p,
.widget_tally_box ul.legend span
{
	text-align:left
}

.widget_tally_box ul.legend li .icon
{
	font-size:20px;
	float:left;
	width:14px
}

.widget_tally_box ul.legend li .name
{
	font-size:14px;
	margin:5px 0 0 14px;
	text-overflow:ellipsis;
	float:left
}

.widget_tally_box ul.legend p
{
	display:inline-block;
	margin:0
}

.widget_tally_box ul.verticle_bars li
{
	height:140px;
	width:23%
}

.widget .verticle_bars li .progress.vertical.progress_wide
{
	width:65%
}

ul.count2
{
	width:100%;
	margin-left:1px;
	border:1px solid #ddd;
	border-left:0;
	border-right:0;
	padding:10px 0
}

ul.count2 li
{
	width:30%;
	text-align:center
}

ul.count2 li h3
{
	font-weight:400;
	margin:0
}

ul.count2 li span
{
	font-weight:300
}

.divider
{
	border-bottom:1px solid #ddd;
	margin:10px
}

.divider-dashed
{
	border-top:1px dashed #e7eaec;
	background-color:#ffffff;
	height:1px;
	margin:10px 0
}

ul.messages
{
	padding:0;
	list-style:none
}

ul.messages li,
.tasks li
{
	border-bottom:1px dotted #e6e6e6;
	padding:8px 0
}

ul.messages li img.avatar,
img.avatar
{
	height:32px;
	width:32px;
	float:left;
	display:inline-block;
	border-radius:2px;
	padding:2px;
	background:#f7f7f7;
	border:1px solid #e6e6e6
}

ul.messages li .message_date
{
	float:right;
	text-align:right
}

ul.messages li .message_wrapper
{
	margin-left:50px;
	margin-right:40px
}

ul.messages li .message_wrapper h4.heading
{
	font-weight:600;
	margin:0;
	cursor:pointer;
	margin-bottom:10px;
	line-height:100%
}

ul.messages li .message_wrapper blockquote
{
	padding:0px 10px;
	margin:0;
	border-left:5px solid #eee
}

ul.user_data li
{
	margin-bottom:6px
}

ul.user_data li p
{
	margin-bottom:0
}

ul.user_data li .progress
{
	width:90%
}

.project_progress .progress
{
	margin-bottom:3px !important;
	margin-top:5px
}

.projects .list-inline
{
	margin:0
}

.profile_title
{
	background:#F5F7FA;
	border:0;
	padding:7px 0;
	display:-ms-flexbox;
	display:flex
}

ul.stats-overview
{
	border-bottom:1px solid #e8e8e8;
	padding-bottom:10px;
	margin-bottom:10px
}

ul.stats-overview li
{
	display:inline-block;
	text-align:center;
	padding:0 15px;
	width:30%;
	font-size:14px;
	border-right:1px solid #e8e8e8
}

ul.stats-overview li:last-child
{
	border-right:0
}

ul.stats-overview li .name
{
	font-size:12px
}

ul.stats-overview li .value
{
	font-size:14px;
	font-weight:bold;
	display:block
}

ul.stats-overview li:first-child
{
	padding-left:0
}

ul.project_files li
{
	margin-bottom:5px
}

ul.project_files li a i
{
	width:20px
}

.project_detail p
{
	margin-bottom:10px
}

.project_detail p.title
{
	font-weight:bold;
	margin-bottom:0
}

.avatar img
{
	border-radius:50%;
	max-width:45px
}

.pricing
{
	background:#fff
}

.pricing .title
{
	background:#1ABB9C;
	height:110px;
	color:#fff;
	padding:15px 0 0;
	text-align:center
}

.pricing .title h2
{
	text-transform:capitalize;
	font-size:18px;
	border-radius:5px 5px 0 0;
	margin:0;
	font-weight:400
}

.pricing .title h1
{
	font-size:30px;
	margin:12px
}

.pricing .title span
{
	background:rgba(51, 51, 51, 0.28);
	padding:2px 5px
}

.pricing_features
{
	background:#FAFAFA;
	padding:20px 15px;
	min-height:230px;
	font-size:13.5px
}

.pricing_features ul li
{
	margin-top:10px
}

.pricing_footer
{
	padding:10px 15px;
	background-color:#f5f5f5;
	border-top:1px solid #ddd;
	text-align:center;
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px
}

.pricing_footer p
{
	font-size:13px;
	padding:10px 0 2px;
	display:block
}

.ui-ribbon-container
{
	position:relative
}

.ui-ribbon-container .ui-ribbon-wrapper
{
	position:absolute;
	overflow:hidden;
	width:85px;
	height:88px;
	top:-3px;
	right:-3px
}

.ui-ribbon-container.ui-ribbon-primary .ui-ribbon
{
	background-color:#5b90bf
}

.ui-ribbon-container .ui-ribbon
{
	position:relative;
	display:block;
	text-align:center;
	font-size:15px;
	font-weight:700;
	color:#fff;
	transform:rotate(45deg);
	padding:7px 0;
	left:-5px;
	top:15px;
	width:120px;
	line-height:20px;
	background-color:#555;
	box-shadow:0 0 3px rgba(0, 0, 0, 0.3)
}

.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:after,
.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:before
{
	border-top:2px solid #5b90bf
}

.ui-ribbon-container .ui-ribbon:before
{
	left:0;
	bottom:-1px
}

.ui-ribbon-container .ui-ribbon:before
{
	right:0
}

.ui-ribbon-container .ui-ribbon:after,
.ui-ribbon-container .ui-ribbon:before
{
	position:absolute;
	content:" ";
	line-height:0;
	border-top:2px solid #555;
	border-left:2px solid transparent;
	border-right:2px solid transparent
}

.thumbnail .image
{
	height:120px;
	overflow:hidden
}

.caption
{
	padding:9px 5px;
	background:#F7F7F7
}

.caption p
{
	margin-bottom:5px
}

.thumbnail
{
	height:190px;
	overflow:hidden
}

.view
{
	overflow:hidden;
	position:relative;
	text-align:center;
	box-shadow:1px 1px 2px #e6e6e6;
	cursor:default
}

.view .mask,
.view .content
{
	position:absolute;
	width:100%;
	overflow:hidden;
	top:0;
	left:0
}

.view img
{
	display:block;
	position:relative
}

.view .tools
{
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	position:relative;
	font-size:17px;
	padding:3px;
	background:rgba(0, 0, 0, 0.35);
	margin:43px 0 0 0
}

.mask.no-caption .tools
{
	margin:90px 0 0 0
}

.view .tools a
{
	display:inline-block;
	color:#FFF;
	font-size:18px;
	font-weight:400;
	padding:0 4px
}

.view p
{
	font-family:Georgia, serif;
	font-style:italic;
	font-size:12px;
	position:relative;
	color:#fff;
	padding:10px 20px 20px;
	text-align:center
}

.view a.info
{
	display:inline-block;
	text-decoration:none;
	padding:7px 14px;
	background:#000;
	color:#fff;
	text-transform:uppercase;
	box-shadow:0 0 1px #000
}

.view-first img
{
	transition:all 0.2s linear
}

.view-first .mask
{
	opacity:0;
	background-color:rgba(0, 0, 0, 0.5);
	transition:all 0.4s ease-in-out
}

.view-first .tools
{
	transform:translateY(-100px);
	opacity:0;
	transition:all 0.2s ease-in-out
}

.view-first p
{
	transform:translateY(100px);
	opacity:0;
	transition:all 0.2s linear
}

.view-first:hover img
{
	transform:scale(1.1)
}

.view-first:hover .mask
{
	opacity:1
}

.view-first:hover .tools,
.view-first:hover p
{
	opacity:1;
	transform:translateY(0px)
}

.view-first:hover p
{
	transition-delay:0.1s
}

.form-group.has-feedback span
{
	display:block !important;
}

.form-group .btn
{
	margin-bottom:-6px;
}

.input-group-btn .btn
{
	margin-bottom:0;
}

/*!
 * bootstrap-vertical-tabs - v1.2.1
 * https://dbtek.github.io/bootstrap-vertical-tabs
 * 2014-11-07
 * Copyright (c) 2014 İsmail Demirbilek
 * License: MIT
 */

.tabs-left,
.tabs-right
{
	border-bottom:none;
	padding-top:2px
}

.tabs-left
{
	border-right:1px solid #F7F7F7
}

.tabs-right
{
	border-left:1px solid #F7F7F7
}

.tabs-left > li,
.tabs-right > li
{
	float:none;
	margin-bottom:2px
}

.tabs-left > li
{
	margin-right:-1px
}

.tabs-right > li
{
	margin-left:-1px
}

.tabs-left > li.active > a,
.tabs-left > li.active > a:hover,
.tabs-left > li.active > a:focus
{
	border-bottom-color:#F7F7F7;
	border-right-color:transparent
}

.tabs-right > li.active > a,
.tabs-right > li.active > a:hover,
.tabs-right > li.active > a:focus
{
	border-bottom:1px solid #F7F7F7;
	border-left-color:transparent
}

.tabs-left > li > a
{
	border-radius:4px 0 0 4px;
	margin-right:0;
	display:block;
	background:#F7F7F7;
	text-overflow:ellipsis;
	overflow:hidden
}

.tabs-right > li > a
{
	border-radius:0 4px 4px 0;
	margin-right:0;
	background:#F7F7F7;
	text-overflow:ellipsis;
	overflow:hidden
}

.sideways
{
	margin-top:50px;
	border:none;
	position:relative
}

.sideways > li
{
	height:20px;
	width:120px;
	margin-bottom:100px
}

.sideways > li > a
{
	border-bottom:1px solid #ddd;
	border-right-color:transparent;
	text-align:center;
	border-radius:4px 4px 0px 0px
}

.sideways > li.active > a,
.sideways > li.active > a:hover,
.sideways > li.active > a:focus
{
	border-bottom-color:transparent;
	border-right-color:#ddd;
	border-left-color:#ddd
}

.sideways.tabs-left
{
	left:-50px
}

.sideways.tabs-right
{
	right:-50px
}

.sideways.tabs-right > li
{
	transform:rotate(90deg)
}

.sideways.tabs-left > li
{
	transform:rotate(-90deg)
}

.morris-hover
{
	position:absolute;
	z-index:1000
}

.morris-hover.morris-default-style
{
	padding:6px;
	color:#666;
	background:rgba(243, 242, 243, 0.8);
	border:solid 2px rgba(195, 194, 196, 0.8);
	font-family:sans-serif;
	font-size:12px;
	text-align:center
}

.morris-hover.morris-default-style .morris-hover-row-label
{
	font-weight:bold;
	margin:0.25em 0
}

.morris-hover.morris-default-style .morris-hover-point
{
	white-space:nowrap;
	margin:0.1em 0
}

.price
{
	font-size:40px;
	font-weight:400;
	color:#26B99A;
	margin:0
}

.prod_title
{
	border-bottom:1px solid #DFDFDF;
	padding-bottom:5px;
	margin:30px 0;
	font-size:20px;
	font-weight:400
}

.product-image img
{
	width:90%
}

.prod_color li
{
	margin:0 10px
}

.prod_color li p
{
	margin-bottom:0
}

.prod_size li
{
	padding:0
}

.prod_color .color
{
	width:25px;
	height:25px;
	border:2px solid rgba(51, 51, 51, 0.28) !important;
	padding:2px;
	border-radius:50px
}

.product_gallery a
{
	width:100px;
	height:100px;
	float:left;
	margin:10px;
	border:1px solid #e5e5e5
}

.product_gallery a img
{
	width:100%;
	margin-top:15px
}

.product_price
{
	margin:20px 0;
	padding:5px 10px;
	background-color:#FFFFFF;
	text-align:left;
	border:2px dashed #E0E0E0
}

.price-tax
{
	font-size:18px
}

.product_social
{
	margin:20px 0
}

.product_social ul li a i
{
	font-size:35px
}

.login
{
	background:#F7F7F7
}

.login .fa-paw
{
	font-size:26px
}

a.hiddenanchor
{
	display:none
}

.login_wrapper
{
	right:0px;
	margin:0px auto;
	margin-top:5%;
	max-width:350px;
	position:relative
}

.registration_form,
.login_form
{
	position:absolute;
	top:0px;
	width:100%
}

.registration_form
{
	z-index:21;
	opacity:0;
	width:100%
}

.login_form
{
	z-index:22
}

#signup:target ~ .login_wrapper .registration_form,
#signin:target ~ .login_wrapper .login_form
{
	z-index:22;
	animation-name:fadeInLeft;
	animation-delay:.1s
}

#signup:target ~ .login_wrapper .login_form,
#signin:target ~ .login_wrapper .registration_form
{
	animation-name:fadeOutLeft
}

.animate
{
	-webkit-animation-duration:0.5s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-fill-mode:both;
	-moz-animation-duration:0.5s;
	-moz-animation-timing-function:ease;
	-moz-animation-fill-mode:both;
	-o-animation-duration:0.5s;
	-o-animation-timing-function:ease;
	-o-animation-fill-mode:both;
	-ms-animation-duration:0.5s;
	-ms-animation-timing-function:ease;
	-ms-animation-fill-mode:both;
	animation-duration:0.5s;
	animation-timing-function:ease;
	animation-fill-mode:both
}

.login_box
{
	padding:20px;
	margin:auto
}

.left
{
	float:left
}

.alignleft
{
	float:left;
	margin-right:15px
}

.alignright
{
	float:right;
	margin-left:15px
}

.clearfix:after,
form:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}

.login_content
{
	margin:0 auto;
	padding:0px 0 0;
	position:relative;
	text-align:center;
	text-shadow:0 1px 0 #fff;
	min-width:280px
}

.login_content a,
.login_content .btn-default:hover
{
	text-decoration:none
}

.login_content a:hover
{
	text-decoration:underline
}

.login_content h1
{
	font:normal 25px Helvetica, Arial, sans-serif;
	letter-spacing:-0.05em;
	line-height:20px;
	margin:10px 0 30px
}

.login_content h1:before,
.login_content h1:after
{
	content:"";
	height:1px;
	position:absolute;
	top:10px;
	width:27%
}

.login_content h1:after
{
	background:#7e7e7e;
	background:linear-gradient(left, #7e7e7e 0%, #fff 100%);
	right:0
}

.login_content h1:before
{
	background:#7e7e7e;
	background:linear-gradient(right, #7e7e7e 0%, #fff 100%);
	left:0
}

.login_content h1:before,
.login_content h1:after
{
	content:"";
	height:1px;
	position:absolute;
	top:10px;
	width:20%
}

.login_content h1:after
{
	background:#7e7e7e;
	background:linear-gradient(left, #7e7e7e 0%, #fff 100%);
	right:0
}

.login_content h1:before
{
	background:#7e7e7e;
	background:linear-gradient(right, #7e7e7e 0%, #fff 100%);
	left:0
}

.login_content form
{
	margin:20px 0;
	position:relative
}

.login_content form input[type="text"],
.login_content form input[type="email"],
.login_content form input[type="password"]
{
	border-radius:3px;
	-ms-box-shadow:0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
	-o-box-shadow:0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
	box-shadow:0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
	border:1px solid #c8c8c8;
	color:#777;
	margin:0 0 20px;
	width:100%
}

.login_content form input[type="text"]:focus,
.login_content form input[type="email"]:focus,
.login_content form input[type="password"]:focus
{
	-ms-box-shadow:0 0 2px #ed1c24 inset;
	-o-box-shadow:0 0 2px #ed1c24 inset;
	box-shadow:0 0 2px #A97AAD inset;
	background-color:#fff;
	border:1px solid #A878AF;
	outline:none
}

#username
{
	background-position:10px 10px !important
}

#password
{
	background-position:10px -53px !important
}

.login_content form div a
{
	font-size:12px;
	margin:10px 15px 0 0
}

.reset_pass
{
	margin-top:10px !important
}

.login_content div .reset_pass
{
	margin-top:13px !important;
	margin-right:39px;
	float:right
}

.separator
{
	border-top:1px solid #D8D8D8;
	margin-top:10px;
	padding-top:10px
}

.button
{
	background:#f7f9fa;
	background:linear-gradient(top, #f7f9fa 0%, #f0f0f0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f9fa', endColorstr='#f0f0f0', GradientType=0);
	-ms-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;
	-o-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;
	border-radius:0 0 5px 5px;
	border-top:1px solid #CFD5D9;
	padding:15px 0
}

.login_content form input[type="submit"],
#content form .submit
{
	float:left;
	margin-left:38px
}

.button a
{
	background:url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png) 0 -112px no-repeat;
	color:#7E7E7E;
	font-size:17px;
	padding:2px 0 2px 40px;
	text-decoration:none;
	transition:all 0.3s ease
}

.button a:hover
{
	background-position:0 -135px;
	color:#00aeef
}

header
{
	width:100%
}

#nprogress .bar
{
	background:#1ABB9C
}

#nprogress .peg
{
	box-shadow:0 0 10px #1ABB9C, 0 0 5px #1ABB9C
}

#nprogress .spinner-icon
{
	border-top-color:#1ABB9C;
	border-left-color:#1ABB9C
}

.editor-wrapper
{
	min-height:250px;
	background-color:white;
	border-collapse:separate;
	border:1px solid #ccc;
	padding:4px;
	box-sizing:content-box;
	box-shadow:rgba(0, 0, 0, 0.07451) 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
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple
{
	background-color:#fff;
	border:1px solid #ccc;
	border-radius:0;
	min-height:38px
}

.select2-container--default .select2-selection--single .select2-selection__rendered
{
	color:#73879C;
	padding-top:5px
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered
{
	padding-top:3px
}

.select2-container--default .select2-selection--single .select2-selection__arrow
{
	height:36px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__clear
{
	margin-top:2px;
	border:none;
	border-radius:0;
	padding:3px 5px
}

.select2-container--default.select2-container--focus .select2-selection--multiple
{
	border:1px solid #ccc
}

.switchery
{
	width:32px;
	height:20px
}

.switchery > small
{
	width:20px;
	height:20px
}

fieldset
{
	border:none;
	margin:0;
	padding:0
}

.cropper .img-container,
.cropper .img-preview
{
	background-color:#f7f7f7;
	width:100%;
	text-align:center
}

.cropper .img-container
{
	min-height:200px;
	max-height:516px;
	margin-bottom:20px
}

@media (min-width:768px)
{
	.cropper .img-container
	{
		min-height:516px
	}
}

.cropper .img-container > img
{
	max-width:100%
}

.cropper .docs-preview
{
	margin-right:-15px
}

.cropper .img-preview
{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	overflow:hidden
}

.cropper .img-preview > img
{
	max-width:100%
}

.cropper .preview-lg
{
	width:263px;
	height:148px
}

.cropper .preview-md
{
	width:139px;
	height:78px
}

.cropper .preview-sm
{
	width:69px;
	height:39px
}

.cropper .preview-xs
{
	width:35px;
	height:20px;
	margin-right:0
}

.cropper .docs-data > .input-group
{
	margin-bottom:10px
}

.cropper .docs-data > .input-group > label
{
	min-width:80px
}

.cropper .docs-data > .input-group > span
{
	min-width:50px
}

.cropper .docs-buttons > .btn,
.cropper .docs-buttons > .btn-group,
.cropper .docs-buttons > .form-control
{
	margin-right:5px;
	margin-bottom:10px
}

.cropper .docs-toggles > .btn,
.cropper .docs-toggles > .btn-group,
.cropper .docs-toggles > .dropdown
{
	margin-bottom:10px
}

.cropper .docs-tooltip
{
	display:block;
	margin:-6px -12px;
	padding:6px 12px
}

.cropper .docs-tooltip > .icon
{
	margin:0 -3px;
	vertical-align:top
}

.cropper .tooltip-inner
{
	white-space:normal
}

.cropper .btn-upload .tooltip-inner,
.cropper .btn-toggle .tooltip-inner
{
	white-space:nowrap
}

.cropper .btn-toggle
{
	padding:6px
}

.cropper .btn-toggle > .docs-tooltip
{
	margin:-6px;
	padding:6px
}

@media (max-width:400px)
{
	.cropper .btn-group-crop
	{
		margin-right:-15px !important
	}

	.cropper .btn-group-crop > .btn
	{
		padding-left:5px;
		padding-right:5px
	}

	.cropper .btn-group-crop .docs-tooltip
	{
		margin-left:-5px;
		margin-right:-5px;
		padding-left:5px;
		padding-right:5px
	}
}

.cropper .docs-options .dropdown-menu
{
	width:100%
}

.cropper .docs-options .dropdown-menu > li
{
	padding:3px 20px
}

.cropper .docs-options .dropdown-menu > li:hover
{
	background-color:#f7f7f7
}

.cropper .docs-options .dropdown-menu > li > label
{
	display:block
}

.cropper .docs-cropped .modal-body
{
	text-align:center
}

.cropper .docs-cropped .modal-body > img,
.cropper .docs-cropped .modal-body > canvas
{
	max-width:100%
}

.cropper .docs-diagram .modal-dialog
{
	max-width:352px
}

.cropper .docs-cropped canvas
{
	max-width:100%
}

.form_wizard .stepContainer
{
	display:block;
	position:relative;
	margin:0;
	padding:0;
	border:0 solid #CCC;
	overflow-x:hidden
}

.wizard_horizontal ul.wizard_steps
{
	display:table;
	list-style:none;
	position:relative;
	width:100%;
	margin:0 0 20px
}

.wizard_horizontal ul.wizard_steps li
{
	display:table-cell;
	text-align:center
}

.wizard_horizontal ul.wizard_steps li a,
.wizard_horizontal ul.wizard_steps li:hover
{
	display:block;
	position:relative;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	opacity:1;
	color:#666
}

.wizard_horizontal ul.wizard_steps li a:before
{
	content:"";
	position:absolute;
	height:4px;
	background:#ccc;
	top:20px;
	width:100%;
	z-index:4;
	left:0
}

.wizard_horizontal ul.wizard_steps li a.disabled .step_no
{
	background:#ccc
}

.wizard_horizontal ul.wizard_steps li a .step_no
{
	width:40px;
	height:40px;
	line-height:40px;
	border-radius:100px;
	display:block;
	margin:0 auto 5px;
	font-size:16px;
	text-align:center;
	position:relative;
	z-index:5
}

.wizard_horizontal ul.wizard_steps li a.selected:before,
.step_no
{
	background:#34495E;
	color:#fff
}

.wizard_horizontal ul.wizard_steps li a.done:before,
.wizard_horizontal ul.wizard_steps li a.done .step_no
{
	background:#1ABB9C;
	color:#fff
}

.wizard_horizontal ul.wizard_steps li:first-child a:before
{
	left:50%
}

.wizard_horizontal ul.wizard_steps li:last-child a:before
{
	right:50%;
	width:50%;
	left:auto
}

.wizard_verticle .stepContainer
{
	width:80%;
	float:left;
	padding:0 10px
}

.actionBar
{
	width:100%;
	border-top:1px solid #ddd;
	padding:10px 5px;
	text-align:right;
	margin-top:10px
}

.actionBar .buttonDisabled
{
	cursor:not-allowed;
	pointer-events:none;
	opacity:.65;
	filter:alpha(opacity=65);
	box-shadow:none
}

.actionBar a
{
	margin:0 3px
}

.wizard_verticle .wizard_content
{
	width:80%;
	float:left;
	padding-left:20px
}

.wizard_verticle ul.wizard_steps
{
	display:table;
	list-style:none;
	position:relative;
	width:20%;
	float:left;
	margin:0 0 20px
}

.wizard_verticle ul.wizard_steps li
{
	display:list-item;
	text-align:center
}

.wizard_verticle ul.wizard_steps li a
{
	height:80px
}

.wizard_verticle ul.wizard_steps li a:first-child
{
	margin-top:20px
}

.wizard_verticle ul.wizard_steps li a,
.wizard_verticle ul.wizard_steps li:hover
{
	display:block;
	position:relative;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	opacity:1;
	color:#666
}

.wizard_verticle ul.wizard_steps li a:before
{
	content:"";
	position:absolute;
	height:100%;
	background:#ccc;
	top:20px;
	width:4px;
	z-index:4;
	left:49%
}

.wizard_verticle ul.wizard_steps li a.disabled .step_no
{
	background:#ccc
}

.wizard_verticle ul.wizard_steps li a .step_no
{
	width:40px;
	height:40px;
	line-height:40px;
	border-radius:100px;
	display:block;
	margin:0 auto 5px;
	font-size:16px;
	text-align:center;
	position:relative;
	z-index:5
}

.wizard_verticle ul.wizard_steps li a.selected:before,
.step_no
{
	background:#34495E;
	color:#fff
}

.wizard_verticle ul.wizard_steps li a.done:before,
.wizard_verticle ul.wizard_steps li a.done .step_no
{
	background:#1ABB9C;
	color:#fff
}

.wizard_verticle ul.wizard_steps li:first-child a:before
{
	left:49%
}

.wizard_verticle ul.wizard_steps li:last-child a:before
{
	left:49%;
	left:auto;
	width:0
}

.form_wizard .loader
{
	display:none
}

.form_wizard .msgBox
{
	display:none
}

.progress
{
	border-radius:0
}

.progress-bar-info
{
	background-color:#3498DB
}

.progress-bar-success
{
	background-color:#26B99A
}

.progress_summary .progress
{
	margin:5px 0 12px !important
}

.progress_summary .row
{
	margin-bottom:5px
}

.progress_summary .row .col-xs-2
{
	padding:0
}

.progress_summary .more_info span
{
	text-align:right;
	float:right
}

.progress_summary .data span
{
	text-align:right;
	float:right
}

.progress_summary p
{
	margin-bottom:3px;
	width:100%
}

.progress_title .left
{
	float:left;
	text-align:left
}

.progress_title .right
{
	float:right;
	text-align:right;
	font-weight:300
}

.progress.progress_sm
{
	border-radius:0;
	margin-bottom:18px;
	height:10px !important
}

.progress.progress_sm .progress-bar
{
	height:10px !important
}

.dashboard_graph p
{
	margin:0 0 4px
}

ul.verticle_bars
{
	width:100%
}

ul.verticle_bars li
{
	width:23%;
	height:200px;
	margin:0
}

.progress.vertical.progress_wide
{
	width:35px
}

.alert-success
{
	color:#ffffff;
	background-color:rgba(38, 185, 154, 0.88);
	border-color:rgba(38, 185, 154, 0.88)
}

.alert-info
{
	color:#E9EDEF;
	background-color:rgba(52, 152, 219, 0.88);
	border-color:rgba(52, 152, 219, 0.88)
}

.alert-warning
{
	color:#E9EDEF;
	background-color:rgba(243, 156, 18, 0.88);
	border-color:rgba(243, 156, 18, 0.88)
}

.alert-danger,
.alert-error
{
	color:#E9EDEF;
	background-color:rgba(231, 76, 60, 0.88);
	border-color:rgba(231, 76, 60, 0.88)
}

.ui-pnotify.dark .ui-pnotify-container
{
	color:#E9EDEF;
	background-color:rgba(52, 73, 94, 0.88);
	border-color:rgba(52, 73, 94, 0.88)
}

.custom-notifications
{
	position:fixed;
	margin:15px;
	right:0;
	float:right;
	width:400px;
	z-index:4000;
	bottom:0
}

ul.notifications
{
	float:right;
	display:block;
	margin-bottom:7px;
	padding:0;
	width:100%
}

.notifications li
{
	float:right;
	margin:3px;
	width:36px;
	box-shadow:3px 3px 3px rgba(0, 0, 0, 0.3)
}

.notifications li:last-child
{
	margin-left:0
}

.notifications a
{
	display:block;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	padding:9px 8px
}

.tabbed_notifications .text
{
	padding:5px 15px;
	height:140px;
	border-radius:7px;
	box-shadow:6px 6px 6px rgba(0, 0, 0, 0.3)
}

.tabbed_notifications div p
{
	display:inline-block
}

.tabbed_notifications h2
{
	font-weight:bold;
	text-transform:uppercase;
	width:80%;
	float:left;
	height:20px;
	text-overflow:ellipsis;
	overflow:hidden;
	display:block
}

.tabbed_notifications .close
{
	padding:5px;
	color:#E9EDEF;
	float:right;
	opacity:1
}

.fc-state-default
{
	background:#f5f5f5;
	color:#73879C
}

.fc-state-down,
.fc-state-active
{
	color:#333;
	background:#ccc
}

.dropzone
{
	min-height:300px;
	border:1px solid #e5e5e5
}

/*
.x_content {
    direction: rtl;
}
*/

.main_menu .label
{
	line-height:11px;
	margin-top:4px;
}

.comments-block
{
	margin:5px;
	background:lightgrey;

}

.ins-blocks .custom-lead-form {
	padding: 10px;
}

.comments-block
{
	margin:5px;
	padding: 10px;
	background: #e0e0e0;
    border: 1px solid black;
	position: relative;
	min-height: 50px;

}
.comments-block .author {
	margin-left: 5px;
	position: absolute;
}
.comments-block .icon {
	float: left;
    padding-right: 5px;
}
.comments-block .icon i {
	font-size: 2.2em;
}

@media (max-width:460px)
{
	.dataTables_wrapper .col-sm-6
	{
		width:100%;
		margin-bottom:5px;
	}

	.dataTables_wrapper .col-sm-6 .dataTables_filter
	{
		float:none;
	}
}

@media (max-width:767px)
{
	.dataTables_length
	{
		float:none;
	}
}

/* CSS3 Checkbox */
/*
.checkbox-input { display:block;position:relative; }
.checkbox-input:before { display:block;content:"";position:absolute;top:2px;left:0;height:20px;width:20px;background:red;border-radius:3px; }


 #input + label:after {
    content: 'click my input';
    color: blue;
  }

  #input:focus + label:after {
    content: 'not valid yet';
    color: blue;
  }

  #input:valid + label:after {
    content: 'looks good';
    color: red;
  }

/* CSS3 Checkbox - end */
/*

/*
.checkbox 																										{ display: block;position:relative;cursor:pointer; }
.checkbox input 																								{ position:absolute;z-index:-1;opacity:0;left:0;top:0; }
.checkbox div 																									{ position:absolute;top:2px;left:0;height:20px;width:20px;background:#e6e6e6;border-radius:3px; }
.checkbox input:checked ~ div 																			{ background: #1ABC9C; }
.checkbox:hover input:not([disabled]):checked ~ div,
.checkbox input:checked:focus ~ div 																	{ background: #1ABC9C; }
.checkbox input:disabled ~ div 																			{ background: #1ABC9C;opacity: 0.6;pointer-events: none; }
.checkbox div:after 																							{ content: '';position: absolute;display: none; }
.checkbox input:checked ~ div:after 																	{ display: block; }
.checkbox-wp div:after 																					{ left: 7px;top: 3px;width: 7px;height: 11px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(40deg); }
.checkbox-wp input:disabled ~ div:after 																{ border-color: #F2F2F2; }


.checkbox-radio div 																							{ border-radius: 50%; }
.checkbox-radio div:after 																					{ left: 7px;top: 7px;height: 6px;width: 6px;border-radius: 50%;background: #fff; }
.checkbox-radio input:disabled ~ div:after 															{ background: #F2F2F2; }


.checkbox, .radio { margin-top:-3px; }

table thead .checkbox { margin-top:-7px;margin-top:-21px; }
table thead .checkbox.radio { margin-top:-7px;margin-top:-21px; }
*/

.daterangepicker.xdisplay
{
	width:228px;
}

.dataTables_wrapper > .row
{
	overflow:auto !important; /*prevent datatables overflowing its container*/
}

/** bootstrap-datetimepicker **/
.input-group.date .input-group-addon
{
	border-radius:0px !important;
	background-color:#ffff !important;
}

/** /bootstrap-datetimepicker **/
#sidebar-menu ul li ul
{

}

.menu-logo
{
	width:75px;
}

.logo_bg
{
	background:url(https://nisa8020.com/images/logo-brand-inverse.svg);
	background-repeat:no-repeat;
	background-size:73px;
	height:30px;
	background-position:center;
}

.lead-update .lead-form {
	width: 30%;
	float: left;
	padding-right: 40px;
}
.lead-update .lead-comment {
	width: 70%;
	    float: right;
}



/*.document-index table.table.table-striped.table-bordered tbody tr:hover td{
    background: #2A3F54;
    opacity: 0.9;
    color: #fff;
    cursor: pointer;
}*/
.my-style {
	width: 50%;
}

.style-nnn {
	text-align: center;
}

.select2-container .select2-selection--single .select2-selection__clear {
	position: absolute;
	right: 3rem;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding: 8px 20px 0 8px;
}


.roistat-nomer{
	font-size: 12px;
	color: #FFF;
	padding: 3px;
	font-weight: 700;
}

.roistat-nomer.roistat{
	color: #009104;
}

.roistat-nomer.system{
	color: #00d804;
}

.roistat-nomer.manually{
	color: #d84900;
}

.roistat-nomer.default{
	color: #0086cf;
}

/*goods-category*/
.goods-category{
	list-style: none;
	font-size: 14px;
}

.goods-category .goods-category-item {
	padding: 7px 7px 7px 5px;
	cursor: pointer;
}
@media (max-width:767px)
{
	.goods-category .goods-category-item {
		display: inline-table;
	}
}


.goods-category .goods-category-item.active {
	background: #bcd8dc;
	font-weight: bold;
}

.goods-category .goods-category-item:hover {
	background: #ccebef;
}

.calc-table-content {
	border-left: 2px solid #ddd;
}

.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: #ec0000 !important;
}

.has-error .form-control {
	border-color: #ec0000 !important;
	-webkit-box-shadow: inset 0 1px 6px rgba(255, 0, 0, 1) !important;
	box-shadow: inset 0 1px 6px rgba(255, 0, 0, 1)!important;
}

.btn-think{
	color: #fff;
	background-color: #CDDC39;
	border-color: #a3af2d;
}

.btn-black{
	color: #fff;
	background-color: #000;
	border-color: #000;
}
.btn-black:hover{
	color: #fff;
	background-color: #5e5b5b;
	border-color: #5e5b5b;
}
.btn-grey {
	color: #000;
}
.red-circle {
	display: flex; /* Используем flexbox для центрирования */
	align-items: center; /* Вертикальное центрирование */
	justify-content: center; /* Горизонтальное центрирование */
	width: 20px; /* Задаем ширину круга */
	height: 20px; /* Задаем высоту круга */
	background-color: red; /* Красный цвет фона */
	border-radius: 50%; /* Создаем круг */
	color: white; /* Цвет цифры */
	font-size: 12px; /* Размер цифры */
	font-weight: bold; /* Жирный шрифт цифры */
	float: right;
  }















/* Обеспечиваем правильную работу sticky для родительских контейнеров */
/* .right_col {
    overflow: visible !important;
} */


/* ИСПРАВЛЕНИЕ STICKY - убираем конфликтующие стили */
/* html, body {
    overflow: visible !important;
}

.container, .container-fluid {
    overflow: visible !important;
} */

table {
    background-color: #fff;
}
.day-header {
	position: static !important;
}


/* Стили для тестового sticky блока */
div[style*="position: sticky"] {
    position: sticky !important;
    top: 0 !important;
    z-index: 2999 !important;
    background: red !important;
    color: white !important;
}




/* СТИЛИ ДЛЯ ДЕНЕЖНОЙ ШАПКИ */
.tableWithSticky .day-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 2999 !important;
    background-color: #fff !important;
    box-shadow: 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/* СТИКИ ДЛЯ ПЕРВОЙ КОЛОНКИ - ПРИЛИПАЕТ СЛЕВА */
.tableWithSticky  tr td:first-child,
.tableWithSticky  tr th:first-child,
.tableWithSticky  .day-header td:first-child,
.tableWithSticky  .day-header th:first-child {
    position: sticky !important;
    left: 0 !important;
    z-index: 998 !important;
    background-color: #fff !important;
    box-shadow: 2px 0 4px rgba(0, 0, 0, 0.1) !important;
}

/* ИСПРАВЛЯЕМ РОДИТЕЛЬСКИЕ КОНТЕЙНЕРЫ ДЛЯ STICKY */
table.tableWithSticky,
.tableWithSticky tbody,
.tableWithSticky thead,
.tableWithSticky tr,
.tableWithSticky td,
.tableWithSticky th,
div[class*="tableWithSticky"],
div[class*="container"],
div[class*="wrapper"],
div[class*="content"],
div[style*="overflow"] {
    overflow: visible !important;
    transform: none !important;
}

/* АГРЕССИВНОЕ ИСПРАВЛЕНИЕ - убираем все transform и overflow */
/* * {
    transform: none !important;
} */

/* Специально для таблиц */
.tableWithSticky .table-bordered,
.tableWithSticky .table-striped,
.tableWithSticky .table {
    overflow: visible !important;
    transform: none !important;
}

/* Убираем transform с первой строки таблицы */
.tableWithSticky .table-bordered tr:nth-child(1) {
    transform: none !important;
}

/* Принудительно отключаем все конфликтующие стили */
/* *:not(.test-sticky):not(.header-tableIvan):not(.header-tableIvan > div):not(.day-header):not(td:first-child):not(th:first-child) {
    position: static !important;
} */


.call-to-client {
	width: auto;
	padding: 6px 10px;
}

@media (max-width: 768px) {
	.new-leads-scroll-wrapper {
		padding-top: 0px !important;
	}
}