body {
	background: #f6f7f8;
	padding-top: 50px;
	color: #5f6468;
	font-size: 15px;
}

p {
	color: #000;
}

a, a:hover, a:focus {
	color: #696969;
}

.note-editor a {
	color: #428bca;
}
.modal-backdrop {
	position:unset !important;
}

h1, h2, h3, h4, h5, h6 {
	color: #5f6468;
}

h1 {
	font-weight: 300;
	font-size: 40px;
}

h2 {
	font-weight: 300;
	margin-bottom: 20px;
}

h3, h4 {
	font-weight: 300;
}

.large {
	font-size: 2em;
}

.text-muted {
	color: #9fadbb;
}

.color-gray {
	color: #5f6468;
}

.color-blue {
	color: #30a5ff;
}

.color-teal {
	color: #1ebfae;
}

.color-orange {
	color: #ffb53e;
}

.color-red {
	color: #f9243f;
}

.bg-primary .glyphicon-remove {
	color: #5f6468;
}

.bg-primary .glyphicon-remove:hover {
	color: #ef4040;
}

.no-padding {
	padding: 0 !important;
	margin: 0 !important;
}

.glyphicon-xl {
	font-size: 6em;
}

.glyphicon-l {
	font-size: 3em;
}

.glyphicon-m {
	font-size: 1.5em;
}

.glyphicon-s {
	font-size: 0.75em;
}

.form-control {
	border: 1px solid #eee;
	box-shadow: none;
	padding-top: 0px;
	margin: 0px;
	font-size: 17px;
	color: #333;
}

.form-control:focus {
	border: 1px solid #30a5ff;
	outline: 0;
	box-shadow: inset 0px 0px 0px 1px #30a5ff;
}

#overlay {
	display: none;
	width: 80%;
    height: 500px;
    overflow: scroll;
    max-width: 98%;
    z-index: 9999;
    margin-top: 5px;
    border: 2px solid #222;
}
.jcrop-holder {
	display: inline-block;
}
#overlay-vertical {
	display: none;
	width: 400px;
	max-height: 500px;
	overflow: scroll;
	max-width: 98%;
}

#overlay-wide {
	display: none;
	width: 800px;
	max-height: 500px;
	max-width: 98%;
}

#overlay .overlay_div {
	background-color: #CCC;
	border: 1px solid #000;
	padding: 25px;
	text-align: center;
}

.navbar-header .navbar-brand {
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 2px;
	background: #eec107;
}

.navbar-header .navbar-brand span {
	color: #30a5ff;
}

.container-fluid {
	background: #eec107;
}
/*Buttons*/
a.btn:hover, button:hover {
	opacity: 0.8;
}

a.btn:active, button:active {
	box-shadow: inset 0px 0px 500px rgba(0, 0, 0, .1);
	opacity: 1;
}

.btn-default, .btn-default:hover, .btn-default:focus, .btn-default:active,
	.btn-default.active, .open>.dropdown-toggle.btn-default, .btn-default.disabled,
	.btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover,
	.btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover,
	.btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus,
	.btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active,
	.btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active
	{
	background-color: #e9ecf2;
	border-color: #e9ecf2;
	color: #1b3548;
}

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active,
	.btn-primary.active, .open>.dropdown-toggle.btn-primary, .btn-primary.disabled,
	.btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover,
	.btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover,
	.btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus,
	.btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active,
	.btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active
	{
	background-color: #30a5ff;
	border-color: #30a5ff;
}

.btn-success, .btn-success:hover, .btn-success:focus, .btn-success:active,
	.btn-success.active, .open>.dropdown-toggle.btn-success, .btn-success.disabled,
	.btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover,
	.btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover,
	.btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus,
	.btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active,
	.btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active
	{
	background-color: #8ad919;
	border-color: #8ad919;
}

.btn-warning, .btn-warning:hover, .btn-warning:focus, .btn-warning:active,
	.btn-warning.active, .open>.dropdown-toggle.btn-warning, .btn-warning.disabled,
	.btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover,
	.btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover,
	.btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus,
	.btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active,
	.btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active
	{
	background-color: #ffb53e;
	border-color: #ffb53e;
}

.btn-danger, .btn-danger:hover, .btn-danger:focus, .btn-danger:active,
	.btn-danger.active, .open>.dropdown-toggle.btn-danger, .btn-danger.disabled,
	.btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover,
	.btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover,
	.btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus,
	.btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active,
	.btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active
	{
	background-color: #f9243f;
	border-color: #f9243f;
}

/*Backgrounds*/
.bg-primary {
	color: #1b3548;
	background-color: #e9ecf2;
}

a.bg-primary:hover {
	background-color: #e9ecf2;
}

.bg-success {
	color: #fff;
	background-color: #8ad919;
}

a.bg-success:hover {
	background-color: #8ad919;
}

.bg-success a {
	color: rgba(255, 255, 255, .75);
}

.bg-info {
	color: #fff;
	background-color: #30a5ff;
}

a.bg-info:hover {
	background-color: #30a5ff;
}

.bg-info a {
	color: rgba(255, 255, 255, .75);
}

.bg-warning {
	color: #fff;
	background-color: #ffb53e;
}

a.bg-warning:hover {
	background-color: #ffb53e;
}

.bg-warning a {
	color: rgba(255, 255, 255, .75);
}

.bg-danger {
	color: #fff;
	background-color: #f9243f;
}

a.bg-danger:hover {
	background-color: #f9243f;
}

.bg-danger a {
	color: rgba(255, 255, 255, .75);
}

/*Panels*/
.panel {
	border: 0;
}

.panel-body {
	border: 1px solid #CCC;
	/* overflow: scroll; */
	/* display: inline-block; */
}

.panel-heading:not(.note-toolbar) {
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 0.025em;
	height: 45px;
	line-height: 45px;
}

.panel-title {
	font-size: 18px;
	font-weight: bold;
}

.panel-logo {
	padding: 20px;
	text-align: center;
}

.panel-logo img {
	width: auto;
	max-height: 80px;
	max-width: 100%;
}

.panel-default .panel-heading {
	background: #f5f5f5;
	border: 1px solid #D8D8D8;
	color: #313131;
	font-size: 18px;
	font-weight: bold;
	padding-top: 0px;
}

.panel-heading.small-heading {
	font-size: 14px;
	height: 36px;
	line-height: 35px;
}

.div.dataTables_length select {
	padding-top: 0px;
}

.panel-footer {
	background: #fff;
	border-top: 1px solid #eee;
}

.panel-widget {
	padding: 0;
	position: relative;
}

.panel-widget .panel-footer {
	border: 0;
	text-align: center;
}

.panel-footer .input-group {
	padding: 0px;
	margin: 0 -5px;
}

.panel-footer .input-group-btn:last-child>.btn, .panel-footer .input-group-btn:last-child>.btn-group
	{
	margin: 0;
}

.panel-widget .panel-footer a {
	color: #999;
}

.panel-widget .panel-footer a:hover {
	color: #666;
	text-decoration: none;
}

.panel-blue {
	background: #30a5ff;
	color: #fff;
}

.panel-teal {
	background: #1ebfae;
	color: #fff;
}

.panel-orange {
	background: #ffb53e;
	color: #fff;
}

.panel-red {
	background: #f9243f;
	color: #fff;
}

.panel-blue .panel-body p, .panel-teal .panel-body p, .panel-orange .panel-body p,
	.panel-red .panel-body p {
	color: #fff;
	color: rgba(255, 255, 255, .8);
}

.panel-blue .panel-heading, .panel-teal .panel-heading, .panel-orange .panel-heading,
	.panel-red .panel-heading {
	border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.panel-blue .text-muted, .panel-teal .text-muted, .panel-orange .text-muted,
	.panel-red .text-muted {
	color: rgba(255, 255, 255, .5);
}

.dark-overlay {
	background: rgba(0, 0, 0, .05);
	text-align: center;
}

.widget-left {
	height: 80px;
	padding-top: 15px;
	text-align: center;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.widget-right {
	text-align: left;
	line-height: 1.6em;
	margin: 0px;
	padding: 20px;
	height: 80px;
	color: #999;
	font-weight: 300;
	background: #fff;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}



.widget-right .text-muted {
	color: #9fadbb;
}

.widget-right .large {
	color: #5f6468;
}

.panel-blue .widget-left {
	background: #30a5ff;
	color: #fff;
}

.panel-teal .widget-left {
	background: #1ebfae;
	color: #fff;
}

.panel-orange .widget-left {
	background: #ffb53e;
	color: #fff;
}

.panel-red .widget-left {
	background: #f9243f;
	color: #fff;
}

.panel-widget {
	background: #fff;
}

/*Jumbotron*/
.jumbotron {
	background: #fff;
	border-bottom: 1px solid #eee;
	color: #5f6468;
}

/*Tabs*/
.panel .tabs {
	margin: 0;
	padding: 0;
}

.nav-tabs {
	background: #e9ecf2;
	border: 0;
}

.nav-tabs li a:hover {
	background: #fff;
}

.nav-tabs li a, .nav-tabs li a:hover, .nav-tabs li.active a, .nav-tabs li.active a:hover
	{
	border: 0;
	padding: 15px 20px;
}

.nav-pills {
	padding: 15px;
	padding-bottom: 0;
}

.nav-pills li a, .nav-pills li a:hover, .nav-pills li.active a,
	.nav-pills li.active a:hover {
	border: 0;
	padding: 7px 15px;
}

.nav-pills li.active a, .nav-pills li.active a:hover {
	background: #696969;
}

.tab-content {
	padding: 15px;
}

/*Navbar*/
.navbar {
	border: 0;
}

.navbar input {
	border: 0;
	background: #444;
	color: #fff;
}

.navbar input:focus {
	color: #fff;
	background: #555;
	border: 1px solid #696969;
	outline: 0;
	box-shadow: inset 0px 0px 0px 1px #696969;
}

.user-menu {
	display: inline-block;
	margin-top: 14px;
	margin-right: 10px;
	float: right;
	list-style: none;
	padding: 0;
}

.user-menu > li {
	display:inline;
	padding-right:15px;
}

.li-color{
	color: #696969 !important;
}

.user-menu a {
	color: #fff;
}

.user-menu a:hover, .user-menu a:focus {
	text-decoration: none;
}

/* Sidebar */
.sidebar {
	display: block;
	background-color: #fff;
	padding: 0;
	display: none;
}

.sidebar form {
	padding: 20px 15px 5px 15px;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}
/* .photo_story_preview_section {
	text-align:center;
	position:fixed;
    top:0;
} */

@media ( min-width : 768px) {
	.sidebar {
		display: block;
		position: fixed;
		top: 50px;
		bottom: 0;
		left: 0;
		z-index: 1000;
		display: block;
		margin: 0;
		padding: 0;
		overflow-x: hidden;
		overflow-y: auto;
		background-color: #fff;
		box-shadow: 1px 0px 10px rgba(0, 0, 0, .05);
	}
	.navbar-header {
		width: 100%;
	}
}

.sidebar ul.nav a:hover, .sidebar ul.nav li.parent ul li a:hover {
	text-decoration: none;
	background-color: #e9ecf2;
}

.sidebar ul.nav .active a, .sidebar ul.nav li.parent a.active, .sidebar ul.nav .active>a:hover,
	.sidebar ul.nav li.parent a.active:hover {
	color: #fff;
	background-color: #696969;
}

.sidebar ul.nav.active>a:focus {
	color: #fff;
	background-color: #696969;
}

.sidebar ul.nav li.parent.active ul>li.left-menu.active a {
	background-color: #dedede;
}
/* .sidebar ul.nav li.parent a.active:focus {
	color: #fff;
	background-color: #e9ecf2;
} */
.sidebar ul.nav ul, .sidebar ul.nav ul li {
	list-style: none;
	list-style-type: none;
}

.sidebar ul.nav ul.children {
	width: auto;
	padding: 0;
	margin: 0;
	background: #f9f9f9;
}

.sidebar ul.nav ul.children li a {
	height: 40px;
	background: #f9f9f9;
	color: #696969 !important;
}

.sidebar ul.nav li.current a {
	background-color: #696969;
	color: #fff !important;
}

.sidebar ul.nav li.parent ul li a {
	border: none;
	display: block;
	padding-left: 30px;
	line-height: 40px;
	word-break: break-all;
	overflow: hidden;
}

.sidebar span.glyphicon {
	margin-right: 10px;
}

.sidebar ul.nav li.divider {
	border-bottom: 1px solid #eee;
	margin: 20px 0px 0px 0px;
}

.sidebar .attribution {
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 15px;
	text-align: center;
	border-top: 1px solid #eee;
	font-size: 12px;
}

/*Breadcrumbs*/
.breadcrumb {
	border-radius: 0;
	padding: 10px 15px;
	background: #e9ecf2;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	margin: 0;
}

h1.page-header {
	margin-top: 30px;
	border-bottom: 0;
}

/*Charts*/
.main-chart {
	background: #fff;
}

.easypiechart-panel {
	text-align: center;
	padding: 1px 0;
	margin-bottom: 20px;
}

.placeholder h2 {
	margin-bottom: 0px;
}

.donut {
	width: 100%;
}

.easypiechart {
	position: relative;
	text-align: center;
	width: 120px;
	height: 120px;
	margin: 20px auto 10px auto;
}

.easypiechart .percent {
	display: block;
	position: absolute;
	font-size: 26px;
	top: 38px;
	width: 120px;
}

#easypiechart-blue .percent {
	color: #696969;
}

#easypiechart-teal .percent {
	color: #1ebfae;
}

#easypiechart-orange .percent {
	color: #ffb53e;
}

#easypiechart-red .percent {
	color: #ef4040;
}

/*Calendar Widget*/
#calendar, .datepicker-inline {
	width: 100%;
}

#calendar table {
	width: 100%;
}

.datepicker table tr td.old, .datepicker table tr td.new {
	color: rgba(255, 255, 255, .50);
}

.datepicker table tr td.active, .datepicker table tr td.active:hover,
	.datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover,
	.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover,
	.datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover,
	.datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus,
	.datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus,
	.datepicker table tr td.active:active, .datepicker table tr td.active:hover:active,
	.datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active,
	.datepicker table tr td.active.active, .datepicker table tr td.active:hover.active,
	.datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active,
	.open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover,
	.open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover
	{
	color: #ffffff;
	background-color: rgba(0, 0, 0, .5);
	border-color: #285e8e;
}

.datepicker table tr td span:hover, .datepicker thead tr:first-child th:hover,
	.datepicker tfoot tr th:hover, .datepicker table tr td.day:hover,
	.datepicker table tr td.day.focused {
	background: rgba(0, 0, 0, 0.25);
}

.panel-heading .glyphicon {
	margin-right: 10px;
}

/*Todo List Widget*/
.todo-list-item .glyphicon {
	margin-right: 5px;
	color: #9fadbb;
}

.todo-list-item .glyphicon:hover {
	margin-right: 5px;
	color: #1b3548;
}

.todo-list {
	padding: 0;
	margin: -15px;
	background: #fff;
	color: #5f6468;
}

#checkbox {
	margin: 0;
}

.todo-list .checkbox {
	display: inline-block;
	margin: 0px;
}

.panel-body input[type=checkbox]:checked+label {
	text-decoration: line-through;
	color: #777;
}

input[type=radio], input[type=checkbox] {
	width: 30px;
}

.todo-list-item {
	list-style: none;
	line-height: 0.9;
	padding: 14px 15px 8px 15px;
}

.todo-list-item:hover, a.todo-list-item:focus {
	text-decoration: none;
	background-color: #f6f6f6;
}

.todo-list-item .trash .glyph:hover {
	color: #ef4040;
}

/*Chat Widget*/
.chat ul {
	list-style: none;
	margin: -15px;
	padding: 15px;
}

.chat ul li {
	margin-bottom: 10px;
	padding: 15px 5px;
	border-bottom: 1px solid #eee;
}

.chat ul li.left .chat-body {
	margin-left: 100px;
}

.chat ul li.right .chat-body {
	margin-right: 100px;
}

.chat ul li .chat-body p {
	margin: 0;
}

.chat ul .glyphicon {
	margin-right: 5px;
}

.chat .panel-body {
	overflow-y: scroll;
	height: 300px;
}

.chat-body small {
	margin-left: 5px;
}

/*Tables*/
.table {
	background: #fff;
}

.fixed-table-container {
	border: 1px solid #eee;
}

.fixed-table-container thead th {
	background: #f7f7f8;
	border-color: #ddd;
	color: #5f6468;
	font-weight: 300;
	font-size: 16px;
}

.fixed-table-container tbody td {
	border: 1px solid #eee;
}

.fixed-table-container tbody td:last-child {
	border-right: none;
}

.table>thead>tr>th {
	border-bottom: 1px solid #e6e7e8;
	vertical-align: middle;
	height: 30px;
}

.fixed-table-pagination .pagination {
	margin-top: 10px;
	margin-bottom: 0px;
}

.fixed-table-pagination .pagination-detail {
	margin-top: 20px;
}

/*Icons*/
.sidebar .glyph, .user-menu .glyph {
	height: 16px;
	width: 16px;
	margin: 0 10px 0 0;
	stroke-width: 3px;
}

.user-menu .glyph {
	stroke-width: 4px;
}

.breadcrumb .glyph {
	height: 14px;
	width: 14px;
	margin: -2px 0 0 0;
	stroke-width: 4px;
}

.alert .glyph, .panel-heading .glyph {
	width: 26px;
	height: 26px;
	margin: 0 10px 0 0;
	stroke-width: 2px;
}

.panel-widget .glyph {
	stroke-width: 2px;
}

.todo-list .glyph {
	width: 14px;
	height: 14px;
	stroke-width: 4px;
	color: #999;
}

.glyph.table {
	background: none;
	border: none;
}

/*Icon Grid*/
.icon-grid div {
	border: 1px solid #ddd;
	margin: 0 0 -1px -1px;
	text-align: center;
	padding: 10px 0 20px 0;
}

.icon-grid svg {
	width: 35%;
	display: block;
	margin: 0 auto;
}

.icon-grid h4 {
	display: none;
}

.icon-grid pre {
	margin: 10px 10px -10px 10px;
	border-radius: 0;
	font-size: 10px;
	border-color: #ddd;
	height: 65px;
	overflow: scroll;
}

.page_heading {
	font-size: 19px;
	font-weight: bold;
	padding: 5px 0px;
	border-bottom: 1px solid #ddd;
}

#wrapper {
	width: 100%;
	padding: 5px 8px;
}

.small_btn {
	padding: 3px 5px;
}

.social_block {
	border: 1px solid #CCC;
}

.social_block .page_heading {
	text-align: center;
	background: #f7f8f9;
}

.social_block .details_block {
	padding: 20px;
}

.social_block .icon {
	margin-left: 15px;
}

.social_block .icon img {
	
}

.selectize-control.full_width .selectize-input {
	width: 100%;
	max-width: 100%;
}

#columns {
	-webkit-column-count: 3;
	-webkit-column-gap: 10px;
	-webkit-column-fill: auto;
	-moz-column-count: 3;
	-moz-column-gap: 10px;
	-moz-column-fill: auto;
	column-count: 3;
	column-gap: 15px;
	column-fill: auto;
	text-align: center;
	padding: 10px;
}

.pin {
	display: inline-block;
	background: #FFF;
	border: 1px solid #FAFAFA;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
	margin: 0 2px 15px;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	padding-bottom: 5px;
	opacity: 1;
	width: 100%;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.pin .heading {
	background: #EFEFEF;
	padding: 10px 5px;
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	padding-botton: 5px;
}

.pin img {
	width: 100%;
}

.pin p {
	font: 13px/18px Arial, sans-serif;
	color: #333;
	margin: 0;
	padding: 5px;
	word-wrap: break-word;
}

.break_word {
	word-wrap: break-word;
}

.break_word_all {
	word-break: break-all;
}
.pin .heading {
	display: block;
}

.right-icon {
	
}

.heading {
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	padding: 5px;
	min-width: 120px;
	vertical-align: top;
}

.heading_block {
	display: block;
	font-size: 15px;
	font-weight: bold;
	padding: 5px;
	min-width: 120px;
	vertical-align: top;
}

.heading-form {
	font-size: 15px;
	font-weight: bold;
	padding: 8px;
	display: block;
	background: #F5F5F5;
	border-bottom: 1px solid #cecece;
}

.heading-collapsable {
	font-size: 15px;
	font-weight: bold;
}

.heading-block {
	font-size: 16px;
	color: #444444;
	font-weight: bold;
	padding: 15px 0px 5px 0px;
}

.help_message {
	font-size: 12px;
	color: #868686;
	display: inline-block;
	float: right;
	font-weight: 400;
	margin-top: 10px;
	min-height: 17px;
	min-width: 10px;
}

.help_message_custom {
	font-size: 12px;
	color: #868686;
	font-weight: 400;
	min-width: 10px;
}

.heading-inline {
	display: inline-block;
	font-size: 15px;
	color: #666666;
	font-weight: bold;
	padding: 15px 0px 5px 0px;
}

.desc_inline {
	display: inline-block;
	font-size: 13px;
	color: #666666;
}

.heading-small {
	font-size: 15px;
	font-weight: bold;
	padding: 2px 7px 13px 7px;
	min-width: 120px;
	border-bottom: 1px dotted #CCC;
	min-height: 40px;
}

.description {
	display: inline-block;
	font-size: 13px;
	padding: 5px;
}

.form_heading {
	width: 200px;
}

.common_button {
	width: auto;
	padding: 5px 30px;
	text-decoration: none;
}

.common_button.green {
	background: #8ad918;
}

.common_button.red {
	background: red;
}

.button_light {
	float: right;
	font-size: 15px;
	font-weight: normal;
	border: 1px solid #EEC107;
	padding: 3px 10px;
	border-radius: 3px;
	color: #000;
	margin: 0px 5px;
	background: #fff;
}

.button_grey {
	float: right;
	font-size: 15px;
	font-weight: normal;
	border: 1px solid #CECECE;
	padding: 7px 18px;
	border-radius: 3px;
	color: #4A4A4A;
	margin: 0px 5px;
	text-decoration: none;
	background: #EEE;
}

.button_link {
	float: right;
	font-size: 15px;
	font-weight: normal;
	padding: 3px 10px;
	border-radius: 3px;
	color: #04C4CE;
	margin: 0px 5px;
	text-decoration: underline;
	cursor: pointer;
}

.right-icon {
	float: right;
	font-size: 15px;
	font-weight: normal;
	padding: 3px 3px;
	cursor: pointer;
}

#columns2 {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

#columns1 {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
	padding: 10px;
}

.colResizeTd {
	border: none !important;
	vertical-align: top;
}

.content {
	background: #F9F9F9;
	border: 1px solid #E9EAEA;
}

.right.colResizeTd {
	border-left: 1px solid #CCC !important;
}

#content_div {
	padding: 10px !important;
}

.small {
	width: 20px;
	margin-left: 15px !important;
}

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

table.dataTable thead .sorting, table.dataTable thead .sorting_asc,
	table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled,
	table.dataTable thead .sorting_desc_disabled {
	/* background: 0 0; */
	
}

/* table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
} */

/* table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
} */

/* table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
} */
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td,
	.table>tbody>tr>td, .table>tfoot>tr>td {
	padding: 8px 8px;
	line-height: 1;
}

ul {
	list-style-type: none;
	padding: 2px;
}

.panel-body li {
	border-bottom: 1px solid #E2E2E2;
}

.panel li {
	border-bottom: 1px solid #E2E2E2;
}

.nav li {
	border-bottom: 1px solid #E2E2E2;
}

.table-header {
	background: #EEC107 !important;
}

.icon {
	padding: 0px 2px;
	cursor: pointer;
}

.icon img {
	width: 16px;
}

.wide_frame {
	position: fixed;
	width: 90%;
	height: 550px;
	position: fixed;
	z-index: 99999;
	left: 5%;
	top: 5%;
}

.common_overlay {
	/* position: fixed;
	left: 50%;
	top: 46%;
	text-align: center;
	z-index: 999;
	margin-left: -200px;
	margin-top: -200px;
	background-color:#F1F4F7;
	border: 2px solid #000;
	padding: 2px; */
	position: fixed;
	text-align: center;
	z-index: 999;
	width:80%;
	margin-left: 10%;
	background-color: #F1F4F7;
}

.common_overlay.wide {
	left: 50%;
	top: 45%;
	text-align: center;
	z-index: 1004;
	margin-left: -400px;
	margin-top: -200px;
	background-color: #F6F7F8;
	border: 2px solid #000;
	padding: 2px;
	overflow: scroll;
}

.common_overlay.cropper {
	left: 50%;
	top: 45%;
	text-align: center;
	z-index: 1004;
	margin-left: -400px;
	margin-top: -200px;
	background-color: #F6F7F8;
	border: 2px solid #000;
	padding: 2px;
	overflow: scroll;
}

.common_overlay.vertical {
	left: 50%;
	top: 45%;
	text-align: center;
	z-index: 1004;
	margin-left: -200px;
	margin-top: -200px;
	background-color: #F1F4F7;
	border: 2px solid #000;
	padding: 2px;
}

#notification {
	/*  position: absolute;
    left: 71%;
    top: 79%;
    text-align: center;
    z-index: 999;
    margin-left: -187px;
    margin-top: -298px;
    background-color: #F1F4F7;
    border: 2px solid #000;
    padding: 2px; */
	display: none;
	position: absolute;
	left: 78%;
	top: 111%;
	border: 2px solid #000;
	width: 509px;
	max-height: 150px;
	overflow: scroll;
	max-width: 90%;
	margin-top: 285px;
}

.dialog-header {
	background: #EEC107;
	border-bottom: 1px solid #CCC;
	height: 40px;
	font-size: 20px;
	text-align: center;
	padding: 10px;
}

.empty-message {
	text-align: center;
	padding: 10px 5px;
}

.empty-message.bold {
	color: #000;
	font-weight: bold;
}

.col-sm-12 {
	overflow-x: hidden;
	padding-right: 20px;
}

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

.icon-img {
	width: 16px;
	height: auto;
}

.dataTables_empty {
	text-align: center;
	padding: 15px 0px !important;
}

.form-content-wrapper-main {
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	border-radius: 3px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
}

.form-content-wrapper {
	padding: 0px 10px;
}

.no-border td {
	border: none !important;
}

.hidden-input {
	background: none;
	border: none;
	width: 150px;
}
/* select.soflow, select.soflow-color {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 10px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   min-width: 80px;
} */

/* select.soflow-color {
   color: #fff;
   background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#779126, #779126 40%, #779126);
   background-color: #779126;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   padding-left: 15px;
} */
.tooltip {
	z-index: 999999;
}

.selected {
	background: #F5F5F5 !important;
}

#accordion2 .accordion-toggle span.glyphicon.glyphicon-collapse-up:before
	{
	/* content:"\e160" */ /* up */
	content: "\2212";
}

#accordion2 .accordion-toggle.collapsed span.glyphicon.glyphicon-collapse-up:before
	{
	/* content:"\e159" */ /* down */
	content: "\2b";
}

.scroll-div {
	overflow: scroll;
}

.scrollable-div {
	height: 180px;
	overflow: scroll;
}

.today {
	font-weight: bold;
	background: #FFF3C0 !important;
	vertical-align: middle !important;
	height: 50px;
}

.target_matched {
	background: green !important;
}

.very_good {
	background: yellow !important;
}

.good {
	background: #932c79 !important;
}

.poor {
	background: pink !important;
}

.very_poor {
	background: red !important;
}

.centerV {
	vertical-align: middle !important;
}

.float-right {
	float: right;
}

.common_button.float-right {
	margin-left: 20px
}

.icon.float-right {
	margin-left: 5px
}

.error-dialog {
	background: #ffdada !important;
}

th.small-head {
	font-size: 11px;
	padding: 5px 15px 5px 2px !important;
}

.data-row {
	background: #FFF;
	text-align: left;
	padding: 0px 10px
}

.data-row:hover {
	background: #F6F7F8;
}

.list-sub-heading {
	font-size: 12px;
	color: #B1B1B1;
}

.highlight {
	background: #FFF3C0 !important;
}

.REQUEST_FOR_ASSIGNMENT {
	background: #B9FDB9 !important;
}

.FEED {
	background: #EEC107 !important;
}

.main-sub-nav {
	padding-left: 40px !important;
}

.powered-by {
	padding-top: 41px;
	text-align: center;
	background: #F5F5F5;
	height: 150px;
	width: 150px;
	display: inline-grid;
	margin-top: 20px;
	border-radius: 50%;
	border: 1px solid #D8D8D8;
}

.powered-by-index {
	padding-top: 9px;
	text-align: center;
	height: 70px;
	margin-top: 20px;
}

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

/******* easy editor css  ***/
.easyeditor-modal {
	z-index: 9999;
}

.easyeditor-toolbar {
	z-index: 111;
	background: white;
	border: none;
}

.easyeditor figure {
	margin: 0px;
}

.easyeditor figure {
	float: left;
	width: 200px;
}

.easyeditor figure img {
	width: 200px;
	height: auto;
	margin-right: 10px;
}

.easyeditor figure .crop-btn {
	display: block;
	position: absolute;
	right: 50px;
	width: 20px;
}
/******* easy editor css ends ***/
.PRIORITY {
	background: #FFF3C0 !important;
}

.FINISHED {
	background: #C6FBD3 !important;
}

.small-width {
	width: 35px;
}

td a {
	color: #428bca;
	text-decoration: underline;
	cursor: pointer;
	line-height: 20px;
}

.timeline_passed {
	color: red;
}

.timeline_approaching {
	color: #EAAC4E;
}

.completed {
	color: #05F905 !important;
}

.wrapperCSS {
	margin-top: 50px;
}

.fixedHeightTrends {
	height: 157px;
	margin: 0px;
}

.fixedHeightTrends ul {
	overflow: scroll;
	height: 100%;
	background: #FFF
}

.panel-heading-filter {
	margin-bottom: -1px;
}

.panel-heading-filter .button_link {
	padding: 0px;
}

.filter-icon {
	font-size: 12px;
	text-decoration: none;
	color: #888;
}

.filter-heading {
	padding: 10px 0px 5px 0px;
}

.note-btn {
	background-color: #FFFFFF;
	border-color: #CCC;
	color: #1b3548;
}

.right-link {
	float: right;
	padding-right: 5px;
	color: #04C4CE;
	text-decoration: underline;
	font-weight: none;
}

.add-info-parent {
	background: url('../images/img_info.png') no-repeat center;
	height: 30px;
	width: 30px;
}

.crop-btn-parent {
	height: 30px;
	width: 30px;
	background: url('../images/cut.png') no-repeat center;;
}

.add-watermark-parent {
	background: url('../images/addwatermark.png') no-repeat center;
	height: 30px;
	width: 30px;
}

.remove-watermark-parent {
	background: url('../images/removewatermark.png') no-repeat center;
	height: 30px;
	width: 30px;
}

.preview_image_container {
	height: 150px;
	width: 250px;
	padding: 5px;
}

.image_thumb {
	width: 100%;
	height: 100%;
	object-fit: fill
}

.image_thumb_small {
	max-width: 150px;
	max-height: 150px;
}

.button-wrapper {
	background: #E2E2E2;
	border-top: 1px solid #CCC;
	text-align: center;
}
.button-wrapper-dark {
	background: #EEC107;
    border-top: 1px solid #a9a8a8;
}
.button-wrapper-dark1 {
	background: #e2e2e2;
    padding: 5px 20px;
    border-radius: 3px;
    border: 1px solid #CCC;
}
.details-content-wrapper {
	background: #F7F7F7;
	padding: 5px;
	border: 1px solid #E0E0E0;
	border-radius: 3px;
	margin: 15px 0px;
}

.details-content-wrapper .heading {
	padding: 5px;
	border-bottom: 1px dotted #CCC;
}

.details-content-wrapper .details {
	padding: 10px;
}

#details-wrapper {
	margin: 3px 5px;
	padding: 5px 8px;
}

.non-editable {
	border: none;
	width: 100%;
	display: inline-block;
	border-bottom: 1px solid #EAEAEA;
	border-radius: 0px;
	background: none;
}

.edit_icon {
	padding-left: 5px;
	width: 20px;
}

.big_description {
	max-width: 500px;
	height: 200px;
}

.details-heading {
	font-weight: bold;
	width: 125px;
}
.new-details-heading {
	font-weight: bold;
	width: 160px;
}
.click-anchor {
	color: #428bca;
	text-decoration: underline;
	cursor: pointer;
}

/********************Tabs CSS *******/
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#cssmenu:after, #cssmenu>ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

#cssmenu {
	width: auto;
	border-bottom: 3px solid #696969;
	font-family: Raleway, sans-serif;
	line-height: 1;
}

#cssmenu ul {
	background: #e6e5e8;
}

#cssmenu>ul>li {
	float: left;
	text-align: center;
}

#cssmenu.align-center>ul {
	font-size: 0;
	text-align: center;
}

#cssmenu.align-center>ul>li {
	display: inline-block;
	float: none;
}

#cssmenu.align-right>ul>li {
	float: right;
}

#cssmenu.align-right>ul>li>a {
	margin-right: 0;
	margin-left: -4px;
}

#cssmenu>ul>li>a {
	z-index: 2;
	padding: 18px 15px 12px 15px;
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;
	color: #444444;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	margin-right: -4px;
}

#cssmenu>ul>li.active>a, #cssmenu>ul>li:hover>a, #cssmenu>ul>li>a:hover
	{
	color: #ffffff;
}

#cssmenu>ul>li>a:after {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
	width: 100%;
	height: 120%;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	content: "";
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	-webkit-transform: perspective(5px) rotateX(2deg);
	-webkit-transform-origin: bottom;
	-moz-transform: perspective(5px) rotateX(2deg);
	-moz-transform-origin: bottom;
	transform: perspective(5px) rotateX(2deg);
	transform-origin: bottom;
}

#cssmenu>ul>li.active>a:after, #cssmenu>ul>li:hover>a:after, #cssmenu>ul>li>a:hover:after
	{
	background: #E2E2E2;
}

.ui-icon, .ui-widget-content .ui-icon {
	background: url("../images/cross.png") no-repeat center;
	width: 10px;
	height: 10px;
}
/*************** tabs css ends here *****/
.pagination .page_no {
	font-weight: bold;
}




.group-heading td {
	background-color: #efefef !important;
	color: #1f1f1f;
	padding: 12px !important;
	font-size: 17px;
	font-weight: bold;
}

.content-div {
	padding: 10px;
	background: #f5f5f5;
	border: 1px solid #CCC;
}

.notification .text {
	padding-left: 5px;
	border-left: 5px solid #eec107;
}

.notification .count {
	font-weight: bold;
	color: #eec107;
	font-size: 20px;
}

.page_sub_heading {
	font-size: 17px;
	font-weight: bold;
	padding: 5px;
}

.error_message {
	text-align: center;
	color: red;
	padding: 15px;
}

fieldset, label {
	margin: 0;
	padding: 0;
}
/* body{ margin: 20px; } */
h1 {
	font-size: 1.5em;
	margin: 10px;
}

/****** Style Star Rating Widget *****/
.rating {
	border: none;
	float: left;
}

.rating>input {
	display: none;
}

.rating>label:before {
	margin: 5px;
	font-size: 1.25em;
	font-family: FontAwesome;
	display: inline-block;
	content: "\f005";
}

.rating>.half:before {
	content: "\f089";
	position: absolute;
}

.rating>label {
	color: #ddd;
	float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/
.rating>input:checked ~ label, /* show gold star when clicked */ .rating:not(:checked)>label:hover,
	/* hover current star */ .rating:not(:checked)>label:hover ~ label {
	color: #FFD700;
} /* hover previous stars in list */
.rating>input:checked+label:hover,
	/* hover current star when changing rating */ .rating>input:checked ~
	label:hover, .rating>label:hover ~ input:checked ~ label,
	/* lighten current selection */ .rating>input:checked ~ label:hover ~
	label {
	color: #FFED85;
}
input:checked + label { 
    border: 0px solid #ddd  !important; 
}

.slider.slider-horizontal {
	width: 100% !important;
}

#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	counter-reset: step;
}

#progressbar li {
	list-style-type: none;
	color: #333;
	text-transform: uppercase;
	font-size: 11px;
	width: 25%;
	float: left;
	position: relative;
}

#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 20px;
	line-height: 20px;
	display: block;
	font-size: 13px;
	color: #333;
	background: #eec107;
	border-radius: 3px;
	margin: 0 auto 5px auto;
	padding: 0px 20px;
}
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #eec107;
	position: absolute;
	left: -50%;
	top: 9px;
	margin: -9px 0px;
}

#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before, #progressbar li.active:after {
	background: #27AE60;
	color: white;
}

.dataTables_empty {
	text-align: center !important;
	font-size: 15px !important;
}

.table.table-bordered tbody td {
	border-bottom: none;
	text-align: center;
	font-size: 14px !important;
}

.table-header th {
	text-align: left;
}

.center {
	text-align: center;
}

.notification .icon img {
	width: auto;
}

.page_heading_small {
	font-size: 16px;
	font-weight: bold;
	padding: 5px 0px;
	border-bottom: 1px solid #ddd;
}

.page_heading_small span {
	font-size: 14px;
	font-weight: normal;
}

.boxes_wrapper {
	padding: 10px 0px;
}

.boxes {
	padding: 15px;
}

.dashboard-info-wrapper {
	padding: 10px;
}

.right-link {
	min-height: 30px;
}

.empty_message {
	width: 100%;
	font-size: 18px;
	color: #8e8e8e;
	text-align: center;
	padding: 30px 10px;
}

iframe.video-element {
	max-width: 100%;
	width: 640px;
	height: 360px;
	max-height: 100%;
}

.file_preview {
	background-color: #f5f5f5;
	border-right: 1px solid #dedede;
	padding: 5px;
}

.file_preview_name {
	display: inline-block;
	vertical-align: top;
	padding: 5px;
	text-align: left;
}

.file_preview_wrapper {
	border: 1px solid #CCC;
	display: inline-block;
	margin: 5px;
}

.file {
	background: url(../images/file.png) no-repeat left;
	background-size: 40px 40px;
	height: 49px;
	width: 45px;
}

.pdf {
	background: url(../images/pdf.png) no-repeat left;
	background-size: 40px 40px;
	height: 49px;
	width: 45px;
}

.doc, .docx {
	background: url(../images/doc.png) no-repeat left;
	background-size: 40px 40px;
	height: 49px;
	width: 45px;
}

.xls, xlsx {
	background: url(../images/excel.png) no-repeat left;
	background-size: 40px 40px;
	height: 49px;
	width: 45px;
}

.icon1 {
	padding: 1px 8px;
	vertical-align: text-bottom;
}

.icon1 img {
	width: 21px;
}

.temp_details {
	padding: 5px;
	background: #f5f5f5;
	border: 1px solid #CCC;
	margin: 5px;
}

.temp_details img {
	float: right;
	width: 18px;
}

.overlay-heading {
	background: #eec107;
	padding: 7px;
	text-align: center;
	display: block;
}

.overlay-page-wrapper {
	text-align: left;
}

.left_align {
	text-align: left !important;
}

.title_case input {
	text-transform: capitalize;
}

.preview {
	display: inline-block;
}

.preview .file_preview_wrapper {
	background: #eee;
	padding: 3px 5px;
}

.small_input {
	width: 80px;
	display: inline-block;
}

.medium_input {
	width: 150px;
	display: inline-block;
}

.width_20 {
	width: 20%;
	display: inline-block;
}

.width_25 {
	width: 25%;
	display: inline-block;
}

.width_30 {
	width: 30%;
	display: inline-block;
}

.width_40 {
	width: 40%;
	display: inline-block;
}

.width_50 {
	width: 50%;
	display: inline-block;
}

.width_60 {
	width: 60%;
	display: inline-block;
}

.width_70 {
	width: 70%;
	display: inline-block;
}

.width_75 {
	width: 75%;
	display: inline-block;
}

.width_80 {
	width: 80%;
	display: inline-block;
}

.param_group_wrapper_full {
	border-bottom: 1px dotted #888;
	padding-bottom: 10px;
}

.mandatory {
	color: red;
	padding-left: 3px;
}

.content_row {
	padding: 5px 0px;
}

.details_row {
	background: #dfedf5 !important;
}

.details_row td {
	background: #dfedf5 !important;
}

.no_left_padding {
	padding-left: 0px !important;
}

.search_div {
	border: 1px solid #CCC;
	background: #FFFFFF;
}

.filter_heading {
	font-size: 18px;
	border-bottom: 1px dotted #CCC;
	padding: 5px 0px;
	font-weight: bold;
}

.white-box {
	padding: 11px;
	background: #FFF;
	border: 1px solid #CCC;
}

.chosen-select {
	min-width: 155px !important;
}

.chosen-container-single .chosen-single, .chosen-container .chosen-single
	{
	background: url(../images/arrow_down.png) no-repeat 98% 10px !important;
	min-width: 155px !important;
	height: 35px !important;
	font-size: 15px !important;
	padding: 6px !important;
	background-color: #FFF !important;
	border-radius: 3px !important;
}

.chosen-container-single .chosen-drop {
	min-width: 155px !important;
}

.uppercase input {
	text-transform: uppercase;
}

.dataTables_wrapper .col-sm-12 {
	overflow-x: scroll;
}

.page_no_link {
	background: #FFF;
	padding: 5px;
	border: 1px solid #CCC;
	border-radius: 3px;
	margin: 5px 5px;
	display: inline-block;
}

.page_no_link.active {
	background: #eec107;
}

.table-header.center th {
	text-align: center;
}

.white_wrapper {
	background: #FFF;
	border: 1px solid #CCC;
	padding: 10px 0px;
}

.pagination {
	color: #eec107;
	padding: 0px 5px;
}

.hocal-row {
	width: 100%;
	padding: 0px 0px;
}

.hocal-padding {
	padding: 15px;
}

.col-hocal-12 {
	width: 100%;
	float: left
}

.col-hocal-6 {
	width: 45%;
	display: inline-block;
	position: relative;
	float: left
}
.col-hocal-4 {
	width: 33%;
	display: inline-block;
	position: relative;
	float: left;
	padding:0px 15px;
}
.col-hocal-3 {
	width: 25%;
	display: inline-block;
	position: relative;
	float: left;
	padding:0px 15px;
}

.boxed-style {
	background: #f5f6f7;
	margin: 10px 0px !important;
	border: 1px solid #CCC;
}

.image_cropper_img {
	max-height: 450px;
	max-width: 500px;
	width: auto;
	height: auto;
}

.fileinput-button {
	margin-left: 6px;
	border-radius: 3px;
}

.hocal-half {
	width: 47%;
	display: inline-block;
}

.white_box {
	background: #fff;
	padding: 5px;
	border: 1px solid #e6e6e6;
}

.info_message {
	font-size: 13px;
	color: #666;
	padding-left: 30px;
	font-weight: normal;
}

@media ( min-width : 1100px) {
	#columns {
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
	}
}

@media ( max-width : 960px) {
	#columns {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
}

@media ( max-width : 660px) {
	#columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	#overlay {
		max-width: 90%;
	}
	.common_overlay {
		left: 55%;
	}
	.image_cropper_img {
		width: 100%;
		/* height: 100%; */
		height : 250px;
	}
	#overlay-wide, #overlay, #overlay-vertical {
		max-width: 92%;
		width: 90%;
		left: 5%;
		top: 50%;
		margin-left: 0px;
	}
	.panel-body {
		padding: 0px;
	}
	.col-hocal-6,.col-hocal-4,.col-hocal-3 {
		width: 100%;
	}
	.hocal-half {
		width: 100%;
		display: inline-block;
	}
}

.blue td {
	background: LightCyan !important;
}

.green td {
	background: GreenYellow !important;
}

.gray td {
	background: Gainsboro !important;
}

.force_white_row td {
	background: #FFF !important;
}

.force_white_td {
	background: #FFF !important;
}

.inside-block {
	padding: 10px;
	background: #f6f7f8;
	border: 1px solid #CCC;
	border-bottom: none;
}

.inside-block .row {
	padding: 5px;
}

.imgContainer img {
	width: 100%;
	height: auto;
	max-height: 150px;
}

.temp_data .heading-inline {
	color: #da09d4;
}

#slider22 .slider-rangeHighlight.category1 {
	background: green;
}

#slider22 .slider-rangeHighlight.category2 {
	background: green;
}

#slider22 .slider-rangeHighlight.category3 {
	background: red;
}

#slider22 .slider-rangeHighlight.category4 {
	background: blue;
}

.dataTables_wrapper.col-sm-12 {
	overflow-x: scroll;
}

.pagination {
	display: inline-block;
}

.pagination a {
	color: black;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
	cursor: pointer;
}

.pagination_full {
	width: 100%;
	background: #FFF;
	padding: 14px;
	border: 1px solid #CCC;
	text-align: center;
}

.pagination_full a {
	float: none;
}

.pagination a:ACTIVE, .pagination a.active {
	background-color: #D8CCC9;
	color: red;
}

.pagination a:hover:not(.active) {
	background-color: #ddd;
}

.message_box {
	background: #FFF;
	border: 1px solid #CCC;
	border-radius: 3px;
	padding: 10px;
	margin-bottom: 15px;
}

.notification .text {
	display: inline-block;
	padding-left: 50px;
	background: #FFF;
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	border: 1px solid #E4E4E4;
	padding-left: 5px;
	border-left: 5px solid #eec107;
}

.modal-body {
	max-height: 600px;
	overflow-y: scroll;
}

.comments-style {
	position: absolute;
	top: 40px;
	right: 0;
	width: 35%;
	/* margin-top: 20px; */
	z-index: 1;
	background-color: #f3ecd0;
}

.pac-container {
	z-index: 999999;
}

.dataTable_wrapper.col-sm-12 {
	overflow-x: scroll;
}

.DISABLED td {
	background: #CCC;
}

.nav-style {
	background: #f5f5f5;
	border: 1px solid #D8D8D8;
	color: #313131;
	font-size: 18px;
	font-weight: bold;
	padding-top: 0px;
	height: 56px;
	margin-top: 5px;
	margin-left: -10px;
	margin-right: -15px;
}

/* .btn-group{
	display: inline-flex;
	height: 2em;
}
.btn-selection{
	background: #fff;
} */
.reportIncomingLivePin_LIVE {
	border-color: #CB12F8;
}

.hoverWrapper .hoverText {
	position: relative;
	bottom: 30px;
	left: 0px;
	visibility: hidden;
}

.hoverWrapper:hover .hoverText {
	visibility: visible;
	color: #ffffff;
	font-weight: bold;
	font-size: larger;
}

.hoverWrapper:hover .hover {
	opacity: 0.8;
}

.full_width {
	width: 100%;
	max-width: 100%;
}

.SUBMITTED, .DRAFT {
	background: #dcf3fb;
}

.hocal_short_desc li {
	padding: 2px;
	list-style-type: disc;
}

.add_more_delete {
	margin-top: 16px;
	vertical-align: top;
	margin-left: 12px;
}
/* .reportOutgoingLivePin_LIVE {
	border-color: #CB12F8;
} */
@-webkit-keyframes blink { 50% {
	border-color: #CB12F8;
}

}
@keyframes blink { 50% {
	border-color: #CB12F8;
}

}
div.reportOutgoingLivePin_LIVE {
	padding: 20px;
	border: 3px solid transparent;
}

.reportOutgoingLivePin_LIVE {
	animation: blink .5s step-end infinite alternate;
	-webkit-animation: blink .5s step-end infinite alternate;
}

.glyphicon-search {
	color: white;
}

/*Multi form jquery slider*/

/*progressbar*/
#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
}

#progressbar li {
	list-style-type: none;
	color: black;
	text-transform: uppercase;
	font-size: 9px;
	width: 33.33%;
	float: left;
	position: relative;
	text-align: center;
}

#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 20px;
	line-height: 20px;
	display: block;
	font-size: 10px;
	color: #333;
	background: #f19933;
	border-radius: 3px;
	margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #f19933;
	position: absolute;
	left: -50%;
	top: 9px;
}

#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before, #progressbar li.active:after {
	background: #27AE60;
	color: white;
}

.assignmentMapBottom {
	display: inline-block;
	font-weight: bold;
	border-right: 1px dotted;
}

.map_reporter {
	border: 1px solid;
	display: flex;
	overflow-x: unset;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.map_reporter_font {
	font-size: 18px;
	font-family: Calibri;
}

.map_reporter_heading {
	border-right: 1px solid;
	text-align: center;
	font-weight: bold;
}

.map_reporter_data {
	border: 1px solid;
	font-family: PT_Sans-Web-Regular;
	display: flex;
}

.map_reporter_data_heading {
	border-right: 1px solid;
	display: flex;
}
.blue_link {
	color:#3286C2;
}

.map_reporter_data_block1 {
	font-size: larger;
	border-right: 1px dotted;
	text-align: center;
}

.map_reporter_data_block2 {
	font-size: larger;
	text-align: center
}

.map_reporter_data_block_count {
	font-weight: bold;
}

.map_data_bottom_div {
	display: flex;
	border: 1px solid;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	font-family: Calibri;
	font-size: 15px;
	margin-bottom: 2px !important;
}

.map_reporter_data_img {
	width: 130px;
	height: 115px;
}

.map_data_top_data_div {
	margin-left: 10px;
	background-color: #9cdc1a;
	border-top-right-radius: 14px;
}

.map_bottom_anchor {
	cursor: pointer;
	font-weight: bold;
	text-decoration: underline;
}

.map_assignment_top_heading {
	font-family: calibri;
	font-size: xx-large;
}

.inner_text {
	text-align: center;
	font-family: serif;
	opacity: .4;
	font-weight: lighter;
}

.dxg-circular-gauge {
	margin-top: -70px;
}

.th_border {
	border-right: 1px solid;
}

.tr_border {
	border-top: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
}

/*live video css*/
.video {
	width: 100%;
	height: auto;
	border: 2px solid black;
}

.video_detail_one {
	position: absolute;
	width: 100%;
}

.video_detail_two {
	position: absolute;
	bottom: 0px;
	width: 100%;
}

.video_top_images_one {
	width: 20%;
	height: auto;
	margin-top: 0px;
	border: 2px solid black
}

.video_bottom_images_one {
	width: 20%;
	height: auto;
	/* margin-top:-34px; */
	border: 2px solid black;
}

.video_top_images_two {
	width: 20%;
	height: auto;
	margin-top: 0px;
	border: 2px solid black;
}

.video_bottom_images_two {
	width: 20%;
	height: auto;
	/* margin-top: -40px; */
	border: 2px solid black;
}

.video_textbox_top {
	width: 100%;
	max-width: 100%;
	text-align: center;
	padding: 2px;
	margin-top: 1px;
}

.video_textbox_bottom {
	width: 100%;
	max-width: 100%;
	text-align: center;
	padding: 2px;
	margin-bottom: 2px;
}

.video_template_wrapper {
	background: #f5f5f5;
	border: 1px solid #CCC;
	padding: 0px 10px;
}

.template_heading {
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	border-bottom: 1px dotted #CCC;
}

.template_container {
	padding: 10px;
}

.message_overlay {
	background: #3c3b3b;
	color: #FFF;
	text-align: center;
	padding: 3px;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.green-button-edit {
	font-family: serif;
	background: #3dd28d;
	color: white;
	border: 1px solid #3dd28d;
}

.common-btn-green {
	border-radius: 0px;
	border-radius: none;
	background: #3dd28d;
	float: right;
	margin-top: 7px;
	border-radius: none !important;
	font-weight: 100 !important;
}

.subscribed td {
	background-color: #e6e4e4 !important;
}

.mulvaldiv {
	border-radius: 4px;
	height: 70px;
	border: 1px solid lightgrey;
	margin-top: 5px;
}

.button-type-1 {
	float: right;
	padding: 3px 10px;
	color: #04C4CE;
	margin: 0px 5px;
	cursor: pointer;
}

.hocal-toolbar {
	display: block;
	min-width: 40px;
	z-index: 99;
	border-radius: 2px;
	white-space: nowrap;
	background: #FFF;
	padding: 5px;
	border-bottom: 1px solid #CCC;
	/*  background: #eec107; */
}

.hocal-toolbar-group {
	height: 40px;
	padding: 0px 5px;
}

.hocal-toolbar .item {
	margin-left: -5px;
	height: 35px;
	box-shadow: none;
	border: 1px solid #bbb;
	background: white;
	padding: 0px 8px;
	position: unset;
}

.user-name {
	font-family: -webkit-pictograph;
	font-weight: 600;
	color: black;
}

.disabled {
	background: #CCC;
}

.filter_section {
	border-bottom: 1px dotted #222;
	padding: 15px 0px;
}

.fiter_heading {
	font-size: 16px;
	font-weight: bold;
	color: #3285c2;
	padding-bottom: 7px;
}

.dropbtn {
	background-color: #3498DB;
	color: white;
	padding: 0px 5px;
	font-size: 16px;
	border: none;
	cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
	background-color: #2980B9;
}

.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-content {
	border: 0.5px solid lightgray;
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 250px;
	overflow: auto;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	right: 0;
	top: 40px;
}

.dropdown-content a {
	font-family: initial;
	font-size: 15px;
	color: black;
	padding-left: 5px;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #CCC;
}

.dropdown a:hover {
	background-color: #ddd
}

.show {
	display: block;
}

.selectall {
	border-radius: 2px;
	padding: 1px 1px 1px 1px;
}

.div_selection {
	border-color: red;
}

.blue_button {
	height: 30px;
	font-family: serif;
	background: #3286C2;
	color: white;
	border: 1px solid #3286C2;
	border-radius: 2px;
}

.category_cloud {
	border: 1px solid #CCC;
	padding: 5px 10px;
	margin: 10px;
	display: inline-block;
	background: #f5f5f5;
}

.date_filter_search {
	text-decoration: none;
	cursor: pointer;
	font-family: -webkit-pictograph;
	border: 1px solid #3286C2;
	color: white;
	background: #3286C2;
	font-weight: 600;
}

.new_link_checkbox {
	margin-left: 0px !important;
}

.hide {
	display: none !important;
}

.tr_class_highlight td {
	background: #fff5f5 !important;
}

.form-content-wrapper-main .heading-form {
	position: relative;
}

.source-feed {
	padding: 10px 0px;
	border-bottom: 1px dotted #000;
}

.story_stage_cklist_use {
	padding-left: 35px;
	font-size: 12px;
	font-style: italic;
}

.info_icon {
	background: url('../images/info.png') no-repeat center;
	width: 30px;
	height: 30px;
}

.dialog-body {
	padding: 15px;
}

.toggle_section {
	top: 0;
	left: 0px;
	float: left;
	border: 0px;
	margin-top: 2px;
	position: absolute;
	background-color: whitesmoke;
}

.subscription_search .col-sm-3 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.dot {
	width: 10px;
	height: 10px;
	background: red;
	z-index: 999999;
	color: red;
	border-radius: 50%;
	display: inline-block;
}

.Blink {
	animation: blinker 0.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}

.image_upload_icon {
	position: relative;
	display: inline-block;
	padding: 5px 10px;
	border-radius: 5px;
}

.image_upload_icon img {
	height: 20px;
}

.caption_wrapper .note-editor {
	height: 60px;
	border: 1px solid #CCC;
	margin: 24px;
	overflow: hidden;
	text-align: left;
	border-radius: 3px;
	padding: 0px 5px;
}

.read-this-also-wrap .also-read-media-wrap{
	display:none;
}


.note-popover.popover {
	z-index: 999999;
}

.page_layout_element {
	padding: 8px 0px
}

.page_layout_element select {
	margin: 6px 0px !important;
}
.data_element {
	display: inline-block;
}

.data_element_wrapper {
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px !important;
}

.separator_dots {
	min-width: 0px;
	float: right;
}

@keyframes blinker {from { opacity:1;
	
}

to {
	opacity: 0;
}

}
.story_details_section a {
	color: red;
}

.register_btn a {
	text-decoration: none;
}

/* *{
margin:0px;
padding:0px;
box-sizing: border-box;
} */
.social-btn-wrap .social-btn-flex {
	display: flex; 
	background: transparent;
}

.social-btn-wrap .social-btn-box-wrapper {
	width: 50%;
	padding: 0px 10px;
}

.social-btn-wrap .social-btn-box-wrapper-1 {
	width: 100%;
	padding: 0px 30%;
}

.social-btn-wrap .social-btn-box-first {
	background: #007bbe;
	display: flex;
	min-width: 100%;
	border-radius: 5px;
}

.social-btn-wrap .social-btn-box-second {
	background: #ff2909;
	display: flex;
	min-width: 100%;
	margin-left: 0px;
	border-radius: 5px;
}

.social-btn-wrap .social-logo-box {
	width: 25%;
	border-right: 1px solid #ccc;
	padding: 6px 0px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.social-btn-wrap .social-logo-box i {
	font-size: 24px;
}

.social-btn-wrap .social-logo-box a {
	color: #fff;
	text-decoration: none;
}

.social-btn-wrap .social-text-box {
	width: 75%;
	padding: 6px 9px;
	word-break: break-all;
	color: #fff;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.social-btn-wrap .social-text-box a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.highlight-message {
	background: #ffe3e3;
	padding: 10px;
}

.login-or {
	position: relative;
	font-size: 18px;
	color: #aaa;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.hr-or {
	background-color: #cdcdcd;
	height: 1px;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.slide_icons_wrapper {
	background: #f6f7f8;
	padding: 4px 10px;
	border: 1px solid #CCC;
}

.slide_icons {
	background: #FFF;
	border: 1px solid #CCC;
	padding: 3px;
}

.slide_icons_wrapper .sp-replacer {
	padding: 0px;
}

.slide_icons.active {
	background: #f7b8d2;
}

.slide_icons.active a {
	font-weight: bold;
}

.slide_icons a {
	padding: 2px 8px;
}

.span-or {
	display: block;
	position: absolute;
	left: 50%;
	top: -2px;
	margin-left: -25px;
	background-color: #fff;
	width: 50px;
	text-align: center;
}

.header_button_wrapper {
	background: #686868;
	padding: 2px 10px;
	border-radius: 3px;
	cursor: pointer;
}

.color-picker {
	height: 24px;
	width: 24px;
	border-radius: 0px;
}

.select-with-message {
	border: 1px solid #CCC;
	position: relative;
	padding: 3px;
	background: #FFF;
	margin: 0px 5px;
}

.chosen-container-multi .chosen-choices {
	margin: 0px 0px !important;
	border: 1px solid #aaaaaa !important;
}

.select-with-message span {
	padding: 3px;
	border-right: 1px solid #CCC;
}

.select-with-message select {
	width: 34px;
	height: 24px;
	padding: 0px;
	border-radius: 0;
	border: 0px !important;
	background: transparent;
}

.image_thumb_wrapper {
	display: inline-block;
	width: 18%;
	display: inline-flex;
	padding: 5px 0px;
	margin: 0px;
	height: 100%;
}

.image_size {
	position: absolute;
	top: 0px;
	left: 0px;
	background: rgb(0, 0, 0, .5);
	padding: 5px 10px;
	color: #FFF;
}
.editable_table td {
	padding:0px;
	margin:0px;
	position:relative;
}
.table-header-editabe input {
	background: #e0e0e0 !important;
}
.missing_data {
	border:1px solid red !important;
}
.editable_table img {
	width: 20px;
    margin-left: 6px;
}

.editable_table .delete_col_icon {
	position: absolute;
    right: 5px;
    top: 7px;
}
.editable_table .delete_icon {
	width:32px;
}
.editable_table input {
    width: 100%;
    max-width: 100%;
    margin: 0px;
    line-height: 0px;
    border-radius: 0px;
    border: 0px;
}

.scrollable-tag-div {
	height:400px;
}

.theme-red .bars {
	color: #EEC107 !important; 
}

@media ( max-width : 768px) {
	.widget-right {
		width: 100%;
		margin: 0;
		text-align: center;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
	}
	.social-btn-wrap .social-btn-box-wrapper-1 {
		padding: 0px 2%;
	}
	.widget-left {
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}

}
@media (max-width: 660px){
	#overlay {
    	height: 300px;
	}
}

.changeLogTextarea{
	border: none;
	overflow: auto;
	outline: none;
	height:500px;
}
.staticChangeLogTextarea{
	border: none;
	overflow: auto;
	outline: none;
	min-height:200px;
	max-height:500px;
}
.election_details .details {
	padding-left:5px;
	margin-bottom: 15px;
}
.constituency_heading {
	font-size: 30px;
	
}
.table.table-bordered thead th {
	text-align: center;
}

.full_width_card {
	background: #FFF;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #CCC;
    margin: 10px 0px;
}
.broadcast_icon img {
	width: 25px;
    margin-right: 10px;
}
.full_width_row {
	border-bottom: 1px solid #CCC;
    padding: 5px;
}
.full_width_card .date_message {
	ont-size: 13px;
    color: #484848;
    display: inline-block;
    padding-left: 10px;
}
.full_width_card .heading_block {
	padding-left:0px;
}
.full_width_card .tag_message {
	display: inline-block;
    background: #eec230;
    color: #000;
    border-radius: 3px;
    padding: 3px 10px;
}
.question_heading {
	margin-right: 10px;
    color: #3c3c3c;
    font-size: 16px;
}
.answer_options {
	font-size: 15px;
    color: #222;
    display: block;
}
.videojs { 
    display: block;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    word-break: initial;
    width:200px;
    height:150px;
}
.chosen-container {
	padding:4px 0px;
}



@media ( max-width : 768px) {
	.nav-left {
		z-index: 10000;
		position: fixed;
		background: #FFF;
		width: 100%;
		top: 50px;
		height: 450px;
		overflow-y: scroll;
	}
	.image_thumb_wrapper {
		width:47%;
	}
	.image_thumb {
		max-width: 100%;
		max-height: 100%;
	}
	.epaper-item {
		width: 100%
	}
	.panel-heading:not(.note-toolbar) {
		height: auto;
	}
	.panel-heading .heading-text {
		border-bottom: 1px dotted #333;
	}
	.col-sm-3, .col-sm-9, .col-sm-12 {
		padding: 0px;
	}
	#content_div1 {
		padding: 0px !important;
	}
	.right-side-topics {
		display: none;
	}
	.navbar-brand {
		display: none;
	}
	body {
		margin: 0px;
	}
	.navbar-header .page_heading {
		font-size: 14px;
		max-width: 80%;
	}
	.photo_story_preview_section {
		text-align:center;
		position:fixed;
    	top:0;
	}
	.panel-heading {
		padding:10px 5px;
	}
}

.library-folder-item {
	width: 100%;
	text-align: left;
	display: inline-block;
	margin:5px 5px;
}