/*C4P Custom CSS*/

@import url(https://fonts.googleapis.com/css?family=Sigmar+One);

@media only screen and (max-width: 800px) {

	/* Force table to not be like tables anymore */
	#no-more-tables table,
	#no-more-tables thead,
	#no-more-tables tbody,
	#no-more-tables tbody > tr > th,
	#no-more-tables tbody > tr > td,
	#no-more-tables tbody > tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr:not(.visible-header) {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#no-more-tables tbody > tr { border: 1px solid #ccc; }

	#no-more-tables tbody > tr > td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 30%;
		width: inherit!important;
		white-space: normal;
		text-align:left;
		overflow: hidden;
	}

	#no-more-tables tbody > tr > td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}

	.pull-right-not-xs, .pull-left-not-xs{
		float: none!important;
	}
	.pull-right-xs {
		float: right!important;
	}
	.pull-left-xs {
		float: left!important;
	}

	/*
	Label the data
	*/
	#no-more-tables tbody > tr > td:before { content: attr(data-title); }
}

.pull-right-not-xs, .pull-right-not-sm, .pull-right-not-md, .pull-right-not-lg{
	float: right;
}

.pull-left-not-xs, .pull-left-not-sm, .pull-left-not-md, .pull-left-not-lg{
	float: left;
}
@media (max-width: 767px) {
	.pull-right-not-xs, .pull-left-not-xs{
		float: none;
	}
	.pull-right-xs {
		float: right;
	}
	.pull-left-xs {
		float: left;
	}
}


@media (min-width: 768px) {
	.pull-left-from-sm{
		float: left;
	}
}

	@media (min-width: 768px) and (max-width: 991px) {
	.pull-right-not-sm, .pull-left-not-sm{
		float: none;
	}
	.pull-right-sm {
		float: right;
	}
	.pull-left-sm {
		float: left;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.pull-right-not-md, .pull-left-not-md{
		float: none;
	}
	.pull-right-md {
		float: right;
	}
	.pull-left-md {
		float: left;
	}
}
@media (min-width: 1200px) {
	.pull-right-not-lg, .pull-left-not-lg{
		float: none;
	}
	.pull-right-lg {
		float: right;
	}
	.pull-left-lg {
		float: left;
	}
}

.no-padding-lg {
	padding-left: 0!important;
	padding-right: 0!important;
}
.no-padding-left-lg {padding-left: 0!important;}
.no-padding-right-lg {padding-right: 0!important;}

@media (max-width: 576px) {
	.no-padding-xs {
		padding-left: 0!important;
		padding-right: 0!important;
	}
	.no-padding-left-xs {padding-left: 0!important;}
	.no-padding-right-xs {padding-right: 0!important;}
}

@media (max-width: 768px) {
	.no-padding-sm {
		padding-left: 0!important;
		padding-right: 0!important;
	}
	.no-padding-left-sm {padding-left: 0!important;}
	.no-padding-right-sm {padding-right: 0!important;}
}
@media (max-width: 992px) {
	.no-padding-md {
		padding-left: 0!important;
		padding-right: 0!important;
	}
	.no-padding-left-md {padding-left: 0!important;}
	.no-padding-right-md {padding-right: 0!important;}
}

body.open-app {
	overflow: hidden;
}
textarea {resize: vertical;min-height: 54px;}
.fa, .fas, .far, .fal {
	position: relative;
}
.fc-title .fa.fa-google, .fc-title .fa.fa-windows {
	font-family: "Font Awesome 5 Brands";
}
.dropdown.profile-element .dropdown-menu > li > a {
	color: #676a6c !important;
}

.dropdown.profile-element .dropdown-menu > li > a:hover,
.dropdown.profile-element .dropdown-menu > li > a:focus {
	color: #fff !important;
}

.tabs-container .nav-tabs.nav-sub-tabs>li>a {
	border: none!important;
}

.ui-dialog .ui-dialog-titlebar-close:after {
	content: "\f00d";
	display: block;
	color: #505c69;
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	font-size: 15px;
	margin-top: -4px;
	margin-left: 1px;
}

.ui-dialog .ui-dialog-titlebar-close {
	background: none;
	border: 0;
}

.tasks-alarm {
	color: #ff0c00 !important;
}

.irs-slider{
	width: 22px;
	border-radius: 4px;
}

.irs-bar-edge, .irs-bar{
	background: #1cc09f;
	border-color: #19aa8d;
}
.irs-from, .irs-to, .irs-single{
	background: #1cc09f;
}

.border-bottom-progress-bar {
	/* border-bottom: 3px solid #a1a1a1; */
	position: relative;
}

.border-rounded-5 {
	border: 1px solid #676a6c;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#table-transaction_live2 > tbody > tr > td {
	padding-bottom: 3px !important;
}

.border-bottom-progress-bar {
	background: #e6e6e6;
	position: static;
	height: 3px;
	margin-top: 5px;
	margin-bottom: -3px;
	width: 100%;
}

.dataTable .fa-check-circle {
	font-size: 20px;
}

.fa-checker.fa-check-circle {
	font-size: 15px;
}

.fa-checker.fa-check-circle.far {
	display: none;
}

.dataTable .fa-check-circle:not(.far),
.fa-checker.fa-check-circle:not(.far) {
	color: #1ab394;
}

.border-bottom-progress-bar.progress-bar-10 {
	background: linear-gradient(to right, #1ab394 10%, #e6e6e6 10%);
}

.border-bottom-progress-bar.progress-bar-20 {
	background: linear-gradient(to right, #1ab394 20%, #e6e6e6 20%);
}

.border-bottom-progress-bar.progress-bar-30 {
	background: linear-gradient(to right, #1ab394 30%, #e6e6e6 30%);
}

.border-bottom-progress-bar.progress-bar-40 {
	background: linear-gradient(to right, #1ab394 40%, #e6e6e6 40%);
}

.border-bottom-progress-bar.progress-bar-50 {
	background: linear-gradient(to right, #1ab394 50%, #e6e6e6 50%);
}

.border-bottom-progress-bar.progress-bar-60 {
	background: linear-gradient(to right, #1ab394 60%, #e6e6e6 60%);
}

.border-bottom-progress-bar.progress-bar-70 {
	background: linear-gradient(to right, #1ab394 70%, #e6e6e6 70%);
}

.border-bottom-progress-bar.progress-bar-80 {
	background: linear-gradient(to right, #1ab394 80%, #e6e6e6 80%);
}

.border-bottom-progress-bar.progress-bar-90 {
	background: linear-gradient(to right, #1ab394 90%, #e6e6e6 90%);
}

.border-bottom-progress-bar.progress-bar-100 {
	background: linear-gradient(to right, #1ab394 100%, #e6e6e6 100%);
}

/*td a[data-toggle="collapse"] {display: block;}*/
.no-padding-right{padding-right:0}
.transaction-owners .btn-circle{width:38px;height:38px;
	border-radius: 50%;}
.rtm-select select{width:auto}
@media screen and (max-width: 769px) {
	.rtm-select select {
		width: 100%
	}
	.transaction-owners .table-cell {display: block;width:100%}
	.modal-header .close {
		font-size: 23px;
	}

	.xs-table-fixed {
		table-layout: fixed;
	}
}

.transaction-details ul{padding-left: 14px;
	list-style-type: square;}

/*
.transaction-box {vertical-align: top!important;display:inline-block;
	padding-right: 0;position:relative}
.transaction-box.no-results{min-height:81px;}
.transaction-box.no-results2{min-height:56px;}

.transaction-box+.transaction-box:before {
	content:"";
	position: absolute;
	top: 10px;
	bottom: 10px;
	width: 1px;
	background: #e8ebed;
	left: 0;
}

.transaction-box.separated:before {
	display: none
}

.transaction-box.separated,.separated-box {
	border-color: #e8ebed;
	border-style: solid;
	border-width:1px 0 0;
	display: block
}*/

.borderless>td, tr.borderless {
	border: none!important;
}

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

.fcg {
	color: #666666;
}

.fcw {
	color: #ffffff;
}

a.fcg {
	color: inherit!important;
}

.inmodal .modal-body.bg-white{
	overflow: visible;
	background-color: #fff;
}

.inmodal .modal-body.scroll {
	overflow-x: hidden;
	max-height: 450px;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	color: #fff!important;
}

.filter-bar {
	position: relative;
}

.filter-bar .icon-left, .filter-bar .icon-right {
	position: absolute;
	padding: 10px;
	cursor: pointer;
}

.filter-bar div.dropdown { position: absolute; }
.filter-bar .dropdown-menu { top: 35px; }
.filter-bar .icon-left { left: 0; top: 0; }
.filter-bar .icon-right { right: 17px; top: 0; }
.filter-bar .icon-right-2 { right: 50px; }
.filter-bar .form-control-left { padding-left: 33px; }
.filter-bar .form-control-right { padding-right: 33px; }
.filter-bar .form-control-right-2x { padding-right: 66px; }

._3fj {
	color: #337ab7!important
}

._3fd {
	padding-right: 25px
}

._3fy, ._3fe, ._3fx {
	position: absolute;
	right: 47px;
	top: 11px;
	z-index: 20;
	cursor: pointer;
}

._3fy {
	top: 6px;
	right: 6px;
}

._3fx {
    right: 11px;
}

._3fe._3fg {
	right: 120px;
}
._3fe._3fh {
	right: 155px;
}

@media (max-width: 991px) {
	._3fe._3fg {
		right: 89px;
	}
}

@media (max-width: 767px) {
	._3fy {
		right: 20px;
	}
}

._3fe.active{
	/*color: #1bb394;*/
	color: #f03b18;
}

._3fi {
	width: 100%
}

._2fs3 ._2fs1 {
	background-image: url(/img/actions.png);
	background-repeat: no-repeat;
	background-position: -1px -3px;
	height: 14px;
	width: 12px;
	background-size: 68px 17px;
}

._2fs1 {
	height: 12px;
	left: 0px;
	position: absolute;
	width: 12px;
	top: 4px;
}

._61ag {
	padding-left: 14px;
}

._2fs3 {
	color: #bf0000;
	font-size: 12px;
	font-weight: 500;
	position: relative;
}

.nowrap ._2fs3 {
	white-space: initial;
}

.table-va tr>td {
	vertical-align: middle!important;
}

td.wrap {
	max-width: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.nowrap {white-space: nowrap;}
.breakAll {word-break: break-all}

.body-small .navbar-top-links li:not(.no-space):last-child{
	margin-right: 40px
}

@media (max-width: 767px) { /* iphone fix, supervisor */
	.body-small .navbar-top-links li.sv{
		margin-right: 0
	}
}

.btn-gray {
	background-color: #3d3d3d;
	border-color: #3d3d3d;
	color: #FFF;
}

.btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.active, .open .dropdown-toggle.btn-gray, .btn-gray:active:focus, .btn-gray:active:hover, .btn-gray.active:hover, .btn-gray.active:focus {
	background-color: #333333;
	border-color: #333333;
	color: #FFF;
}

@media (min-width: 768px) {
    ._12oi {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 77%;
        display: inline-block;
    }
}

.dataTables_filter{display:none;} /*hack datatables - vkladal prazdny div*/

td.nowrap-short{
	min-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 0;
	width: 100%;
}

.indenter{display:table-cell !important}

.heatmap span.indenter{display: inline !important;}

.feed-element {vertical-align:initial !important}

.clearfix {
	display: block;
	content: "";
	clear: both;
}

.baseline {
	vertical-align: baseline !important;
	top: -3px;
}

.dataTables_length > label > select {
	line-height: 20px;
}

div.dataTables_wrapper .col-sm-6, div.dataTables_wrapper .col-sm-12, div.dataTables_wrapper .col-sm-5, div.dataTables_wrapper .col-sm-7 {
	min-height: 0;
}

select.input-sm {
	padding-top: 3px;
}

/*prokladana tabulka pro rowspan*/
.table-tbody-striped tbody:nth-child(even) {
	/*background: #f9f9f9;*/
}

.table-tbody-striped tbody {
	/*	border-top: solid !important;*/
	border-top: 1px solid #e7eaec !important;;
}

/*switchery do panel headignu*/
.switchery {
	position: relative;
	top: 0px;
	height: 20px
}

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

a.back-btn, .btn-panel {
	padding-right: 10px;
	margin-right: 20px;
}

a.back-btn:hover, .btn-panel:hover {
	opacity: 0.8;
}

.table-striped .table, .table-tbody-striped .table {
	background-color: transparent;
}

.dropdown-toggle {
	border-radius: 3px !important;
}

.margin-auto {
	margin: auto !important
}

td {
	vertical-align: baseline !important;
}

td.baseline-middle, .valign-top{
	vertical-align: top !important;
}
.valign-middle{vertical-align: middle !important;}
.valign-baseline{vertical-align: baseline !important;}
.table-noborder td {
	vertical-align: top !important;
}

.panel-level-2 .panel-heading {
	opacity: .8;
}

.panel {
	border: 1px solid rgba(0, 0, 0, 0.15) !important;
}

.feed-element, .feed-element .media {
	margin-top: 0px;
}

option.opt-treeview-disabled {
	background: #2f4050;
	color: #fff;
}

.mandatory {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #ec182f;
}

._3px {
	padding-right: 20px!important
}

._4er tr>td:first-child, ._4er tr>th:first-child {
	display: none;
}

._4ex tbody>tr>td:first-child {
	/* background: #FFC107; */
	text-align: center;
}

._4rg,._4rh,._4ri,._4ro {
	position: absolute;
	overflow: hidden;
	top: 0;
	bottom: 0;
	width: 16px;
}

._4rg{
	background-color: #1c84c6;
	left: 0;
}

._4ri{
	background-color: #1c84c6;
	right: 0;
}

._4rh {
	background-color: #1ab394;
	right: 0;
}

._4ro {
	background-color: #f8ac59;
	right: 0;
}

._4rt {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: inherit;
	overflow: hidden;
	white-space: nowrap;
}

._4re {
	-moz-transform-origin: 0 50%;
	-moz-transform: rotate(-90deg) translate(-50%, 50%);
	-webkit-transform-origin: 0 50%;
	-webkit-transform: rotate(-90deg) translate(-50%, 50%);
	-o-transform-origin: 0 50%;
	-o-transform: rotate(-90deg) translate(-50%, 50%);
	-ms-transform-origin: 0 50%;
	-ms-transform: rotate(-90deg) translate(-50%, 50%);
	transform-origin: 0 50%;
	transform: rotate(-90deg) translate(-50%, 50%);
	position: absolute;
	top: 0;
	bottom: 0;
	height: inherit;
	margin: auto;
	font-family: 'Open Sans';
	font-size: 10px;
	line-height: 16px;
	font-weight: 600;
	color: #fff;
}

.event { background-color: #1ab394; }
.meeting { background-color: #23C6C8; }
.task { background-color: #f8ac59; }

._4rg~* {
	padding-left: 10px;
}

/*calendar*/

.event-flag{
	position: absolute;
	right: 4px;
	font-size: 0;
	height: 8px;
	width: 8px;
	border-radius: 50%;
	top: -3px!important;
	opacity: 1;
	z-index: 90;
	background-color: #ed5565;
}

.fc-icon, .fc-row.fc-rigid, .fc-time-grid-event{
	overflow: visible;
}

body div.zabuto_calendar .table tr td.event div.day, body div.zabuto_calendar ul.legend li.event{    background-color: #6bceba;
	border-radius: 5px;
	color: #fff;}
body div.zabuto_calendar .table tr td.event div.day.today{
	background-color: #03A9F4;}
body div.zabuto_calendar .table tr td div.day.selected{
    background-color: #949494;
}

div.zabuto_calendar .table tr:last-child {
    border-bottom: none!important;
}

div.zabuto_calendar .table tr:last-child td {
    padding-bottom: 0;
}
.fc-day-grid-event .fc-content{
	margin: -5px;
	padding: 5px;
}
.fc-day-top .weather{
	cursor:pointer}
.fc-month-view .fc-time{
	display : none;
}


._1730 {
	margin: 10px 0
}

._5jrl {
	display: inline-block
}

._5jrm {
	opacity: 0;
	position: absolute
}

._5jsn {
	background: #fff;
	border: 1px solid #757575;
	border-radius: 4px;
	display: block;
	-webkit-user-select: none
}

._5jsn._63bf {
	border-radius: 20px
}

input:checked+._5jsn {
	background: #1ab394;
	border-color: #1ab394
}

input:checked+._5jsn ._5jst {
	color: #fff
}

._5jsn._30mm {
	margin-bottom: 8px;
	margin-right: 8px;
	padding: 3px 5px;
	cursor: pointer;
	color: #757575;
	font-weight: normal;
	font-size: 12px;
}

._5jsn._30mm._30mx {
	background: #dbdbdb;
	border-color: #cecece;
	color: #949494;
	pointer-events: none;
}

._30my {
	cursor: not-allowed;
}


i.weather{
	background-image: url(/img/weatherFlat_sprite.png);
	width: 32px;
	height: 20px;
	display: block;
}
/* https://openweathermap.org/weather-conditions */
.weather._01d{background-position: 0 -105px}
.weather._01n{background-position: -33px -105px}
.weather._02d{background-position: 0 -168px}
.weather._02n{background-position: 0 -210px}
.weather._03d{background-position: -99px -63px}
.weather._03n{background-position: -99px -63px}
.weather._04d{background-position: -99px -42px}
.weather._04n{background-position: -99px -42px}
.weather._09d{background-position: 0 -147px}
.weather._09n{background-position: 0 -147px}
.weather._10d{background-position: -165px 0}
.weather._10n{background-position: -66px -189px}
.weather._11d{background-position: -99px -126px}
.weather._11n{background-position: -99px -126px}
.weather._13d{background-position: -66px -126px}
.weather._13n{background-position: -66px -126px}
.weather._50d{background-position: 0 -63px}
.weather._50n{background-position: 0 -63px}
i.weather-large{
	background-image: url(/img/weatherLargeFlat_sprite.png);
	width: 60px;
	height: 37px;
	display: block;
}
.weather-large._01d{background-position: -122px -190px}
.weather-large._01n{background-position: -183px -152px}
.weather-large._02d{background-position: -122px -152px}
.weather-large._02n{background-position: -61px -114px}
.weather-large._03d{background-position: -183px -114px}
.weather-large._03n{background-position: -183px -114px}
.weather-large._04d{background-position: -183px -76px}
.weather-large._04n{background-position: -183px -76px}
.weather-large._09d{background-position: -305px -76px}
.weather-large._09n{background-position: -305px -76px}
.weather-large._10d{background-position: -366px 0}
.weather-large._10n{background-position: -305px -342px}
.weather-large._11d{background-position: -244px 0}
.weather-large._11n{background-position: -244px 0}
.weather-large._13d{background-position: -122px -228px}
.weather-large._13n{background-position: -122px -228px}
.weather-large._50d{background-position: 0 -114px}
.weather-large._50n{background-position: 0 -114px}
.fc-day-header>div{text-align:center}
.fc-day-header>div .weather{display:inline-block;cursor:pointer}
.webui-popover{    -webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.4);z-index:2001!important;
	box-shadow: 0 0 5px 0px rgba(0,0,0,0.4);padding:0;border-width: 0;}
.webui-popover.top-left>.arrow,.webui-popover.top-right>.arrow,.webui-popover.top>.arrow,.webui-popover.bottom-left>.arrow, .webui-popover.bottom-right>.arrow, .webui-popover.bottom>.arrow{left:50%!important}
.webui-popover.bottom-left>.arrow:after, .webui-popover.bottom-right>.arrow:after, .webui-popover.bottom>.arrow:after{border-bottom-color: #1ab394;}
/*.webui-popover.in[class*=bottom]{margin-top:7px!important}
.webui-popover.in[class*=top]{margin-top:-7px!important}*/
.webui-popover .webui-popover-title{    background-color: #1ab394;color: #fff;border-width:0;
	font-weight: bold;}
._3a{
	font-weight: bold;
	font-size: 15px;
	line-height: 24px;}
._3b{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
._3c{    background-color: #f8f8f8;padding:9px 20px;
	margin-top: 5px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;}
._3d{     padding: 0 10px;
	font-size: 21px;}
._3f{padding:5px 15px}
._3e{
	color: #00bcf2;}
._3g{    padding: 10px;
	background: #fff;
	margin: 20px 15px;
	border: 1px solid #e2e2e2;
position: relative}
._3g ._3gf {
	display: inline;
	position: absolute;
	left: 0;
	top: -4px;
}._3g ._3es span {
 color: #337ab7;
	cursor: pointer;
}._3g .input-start-date {
	 width: 77px;
	 border: 1px solid #e3e3e3;
	 padding: 2px;
	 margin-left: 5px;
}
 ._3ex{border-bottom:1px dashed #0d8ddb;color:#0d8ddb}
 ._3ee .form-control._3ey{width:0px;height:inherit;opacity:0;
	 padding: 0;
	 margin: 0;}
._3ee{display:flex}
._3ee ._3eo{    margin: -7px 0 -1px;}

._3ee .tokenize{width:100%}

._3ee .tokenize>.tokens-container{
	height: auto!important;}
._3ee .tokenize>.tokens-container .placeholder+.token {
	margin-top: 0;
}
._3ee .tokenize>.tokens-container>.placeholder, ._3ee .tokenize>.tokens-container>.token-search, ._3ee .tokenize>.tokens-container>.token-search>input {
	background-color: #f5f5f5;
	border-color: #f5f5f5;
	margin: 0;
}
._3ei{    margin-top: 9px;
	padding-left: 4px;}
.vcenter ._3ei{
    margin-top: -6px;
}
._3em{
	position:relative;
	padding-left: 4px;}
._3ei._3el{padding-left:0}
._3ee .form-control {
	padding: 5px;
	height: 30px;
	margin: 6px 0 5px 3px;
	background-color: #f5f5f5;
}._3rr {
     float: left;
     margin-top: 3px;
     margin-left: 30px;
 }
._3ef img,._3ez img {width:36px;height:36px;margin-top:1px}
._3rt{float:left;margin-top:7px}

._3rz {position: absolute;
    right: -1px;
    left: -1px;
    background: #f5f5f5;
    padding: 12px 12px;
    border-style: solid;
    border-width: 1px;
    margin: 9px 0 13px;
    border-color: #e7e8e8;}

._3ee textarea.form-control { height: 55px; resize: none}

._3re .qyzSpRRtQLLFFHqOykDTB {
	margin-top: 10px;
}
._3ea{
	font-size: 14px;padding:10px 14px 10px}
.edit+._3ea{
	padding-top:20px
}
._4ed{     background-color: #1ab394;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.2);
	box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.2);
	cursor: pointer;
	display: inline-block;
	fill: #fff;
	height: 56px;
	outline: none;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 56px;
	z-index: 4000;}
._4ed:hover{    -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
	box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);}
._4ef{display: inline-block;
	height: 24px;
	position: absolute;
	top: 16px;
	left: 16px;
	width: 24px;
	font-size: 24px;
	line-height: 1;
	color: #fff;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;}
.webui-popover-content button.notes {
	position: absolute;
	right: 12px;
	top: 50px;
	box-shadow: 2px 2px 2px rgba(0,0,0,.25);
	background-color: rgba(255,255,255,.3);
}
.webui-popover-content button.action {    position: absolute;
	color: #ffffff!important;
	top: 75px;
	left: 10px;
	box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.2);}
.webui-popover-content button.edit:after {
	content: "";
	background: rgba(255,255,255,.2);
	position: absolute;
	top: -1px;
	right: -1px;
	left: -1px;
	bottom: -1px;
	border-radius: 50%;
}
.webui-popover-content button.edit:hover:after {
	background: rgba(255,255,255,.25);
}
.webui-popover-event .webui-popover-title{
	height: 90px;
	display: flex;
	align-items: center;
	position: relative;
	padding-left: 38px;
	text-shadow: 1px 1px 1px #808080;}
.webui-popover-inner .close{
	position: absolute;
	right: 0;
	z-index: 10;
}
.qyzSpRRtQLLFFHqOykDTB {
	width: 24px;
	height: 24px;
	text-align: center;
}
.fc-state-highlight {
	opacity: 0;
	border: none;
}

/* Styling for each event from Schedule */
.fc-time-grid-event.fc-v-event.fc-event {
	border-radius: 4px;
	border: none;
	padding: 5px;
	opacity: .65;
	min-height: 15px;
	left: 5% !important;
	right: 5% !important;
}

/* Bolds the name of the event and inherits the font size */
.fc-event {
	font-size: inherit !important;
	font-weight: bold !important;
}

/* Remove the header border from Schedule */
.fc td, .fc th {
	/*border-style: none !important;*/
	border-width: 1px !important;
	padding: 0 !important;
	vertical-align: top !important;
}

.fc-time-grid-event .fc-content{
	max-height: 100%;
	word-break: break-all;
}

	/* Inherits background for each event from Schedule. */
.fc-event .fc-bg {
	z-index: 1 !important;
	background: inherit !important;
	opacity: .25 !important;
}

.fc-title {
	overflow: hidden;
	text-overflow: ellipsis;
	/*white-space: nowrap;*/
	display: block;
}

.fc-day-grid-event.fc-h-event {
	padding: 5px !important;
}

/* Normal font weight for the time in each event */
.fc-time-grid-event .fc-time {
	font-weight: normal !important;
}

/* Apply same opacity to all day events */
.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start {
	opacity: .65 !important;
	margin-left: 2px !important;
}

.fc-ltr .fc-h-event.fc-not-end {
	padding-right: 15px!important;
}

/* Apply same opacity to all day events */
.fc-day-grid-event.fc-h-event.fc-event.fc-not-start.fc-end {
	opacity: .65 !important;
	margin-left: 2px !important;
	padding: 5px !important;
}

.fc-day-grid-event.fc-h-event.fc-event.fc-not-start:before {
	content: "\f053 ";
	float: left;
	font-family: "Font Awesome 5 Pro";
	margin-left: 0;
	margin-right: 5px;
	color:inherit
}

.fc-day-grid-event.fc-h-event.fc-event.fc-not-end:after {
	content: "\f054 ";
	position: absolute;
	right: 3px;
	top: 5px;
	font-family: "Font Awesome 5 Pro";
	margin-right: 0;
	margin-left: 5px;
	color:inherit
}

/* Material design button */
.fc-button {
	display: inline-block;
	position: relative;
	cursor: pointer;
	min-height: 36px;
	min-width: 88px;
	line-height: 36px;
	vertical-align: middle;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center;
	border-radius: 2px;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: none;
	border: 0;
	padding: 0 6px;
	margin: 6px 8px;
	letter-spacing: .01em;
	background: transparent;
	color: currentColor;
	white-space: nowrap;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 14px;
	font-style: inherit;
	font-variant: inherit;
	font-family: inherit;
	text-decoration: none;
	overflow: hidden;
	-webkit-transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1);
	transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1);
}

.fc-button:hover {
	background-color: rgba(158,158,158,0.2);
}

.fc-button:focus, .fc-button:hover {
	text-decoration: none;
}

/* The active button box is ugly so the active button will have the same appearance of the hover */
.fc-state-active {
	background-color: rgba(158,158,158,0.2);
}

/* Not raised button */
.fc-state-default {
	box-shadow: None;
}

/*heatmap*/

.heatmap {
	margin-left: auto;
	margin-right: auto
}

.heatmap td, .heatmap th {
	vertical-align: bottom;
	text-align: center;
	padding: 0px !important;
}

.heatmap td > a {
	display: inline-block;
	color: grey;
	width: 100%;
}

.heatmap td > a:hover {
	background-color: white;
	opacity: 0.7;
}

.heatmap td {
	width: 25px;
	font-size: 10px;
	overflow: hidden;
	white-space: nowrap;
	
	border: solid 2px white;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.heatmap td:nth-child(1) {
	/*	width:100px;
		white-space: nowrap;
		overflow:hidden;*/
	text-align: left;
	padding-right: 25px !important;
}

.heatmap th {
	width: 20px;
	height: 105px;
	position: relative;
}

.heatmap th div {
	transform: rotate(-90deg) translate(25px, 20px);
	position: absolute;
	transform-origin: left bottom;
	font-weight: 400;
	font-size: 10px;
}

/*nav header*/
.img-user {
	width: 50px;
	height: auto;
	border-color: white;
	border-width: 2px;
	border-style: solid;
}

/*select styl override*/
select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml;utf8,<svg fill='#5c6e80' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") !important;
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 30px !important;
}

.form-control:disabled {
	background-image: none !important;
	color: black !important;
	background-color:transparent !important;
	border:none;
	padding-left:0;
	padding-right:0;
}

/*panel override*/
.panel-heading {
	padding: 0px 10px 7px 10px !important;
	box-shadow: 0px 3px 3px #888888;
	border-style: solid !important;
	border-width: 1px !important;
	border-color: rgba(0, 0, 0, 0.1) !important;
}

.panel-heading h2 {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	font-size: 22px;
}

.panel-heading .btn-default {
	color: black;
}
.tokenize ul{margin-bottom:0}

.popover-title,.editable-cancel{color:#676a6c}

.popover-title {
    margin: 0!important;
}

form.popover-form {
	display: none;
}
form.popover-form textarea {
	width: 100%;
}
form.popover-form p {
	text-align: center;
}

/*login screen override*/
.middle-box {
	padding-top: 0;
	margin: -70px auto;
}

.loginscreen img {
	width: 60%
}

.loginscreen h2 {
	font-size: 20px;
	margin-bottom: 30px;
}

.p-xxxs {
	padding: 2px;
}

.w-0 {width: 0px;}

.w-10 {
	width: 1px;
}

.w-30 {
	width: 30px;
}

.w-50 {
	width: 50px;
}

.w-60 {
	width: 60px !important;
}

.w-80 {	width: 80px; !important;}

.w-100 { width: 100%; !important;}

.max-h-unset{ max-height: unset }

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

.table-noborder {
	margin-bottom: -10px;
}

.table-noborder > thead > tr > th,
.table-noborder > tbody > tr > th,
.table-noborder > tfoot > tr > th,
.table-noborder > thead > tr > td,
.table-noborder > tbody > tr > td,
.table-noborder > tfoot > tr > td {
	border-top: 0px solid #e7eaec;
	padding-left: 13px;
	padding-right: 13px;
}

.table-expense > tbody {
	border-top: 1px solid #e7eaec !important;
}

.table-expense > tbody > tr > th,
.table-expense > tbody > tr > td {
	border-top: 0px solid #e7eaec;
}

.table-expense .divide {
	border-top: 1px solid #e7eaec !important;
	padding-top: 0px !important;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.margin0 {
	margin: 0 0 0 0;
}

.inbox-tab-active td:first-child:before {
	width: 3px;
	background: #1ab394;
	content: "";
	position: absolute;
	left: -3px;
	right: 0;
	bottom: -1px;
	top: -1px;
}

@media (max-width: 767px) {
    .inbox-tab-active td:before {
        width: 3px;
        background: #1ab394;
        content: "";
        position: absolute;
        left: -3px;
        right: 0;
        bottom: -3px;
        top: 0px;
    }
}

.inbox-tab-active td {
	background: #f5f5f5;
}

.inbox-tab-active td:first-child {
	position: relative;
}

@media (max-width: 1000px) {
	.inbox-table { font-size: 12px; }
	.inbox-table thead > tr > th { border-bottom: none; }
	.inbox-table tbody > tr > td:nth-child(2) { border-top: none; }
	.inbox-table tbody > tr > td:first-child {
		background: #f3f3f4;
		margin: 0 -21px;
		padding: 8px 26px;
	}
	.inbox-table tbody > tr > td:first-child:before {
		background: none;
	}
	.activity-table tbody > tr > td:first-child {
		background: #f3f3f4;
		margin: 0;
		padding: 8px;
	}
	.inbox-table td:first-child button.inbox_threads_show { /** color: #fff; */ background: none; }
	.inbox-table ._12fu { float: right; }
	.inbox-table ._12fu > .label:last-child { margin-left: 0; }
	._11ga ._12ft a { float: left; }
	._23pe { float: right; }
	
	/* fix labels in the vertical middle of input text */
	.form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right; }
	
	table td:first-child button.inbox_threads_show {
		margin-left: 2px;
	}

    .scroll-xs-dataTable .dataTables_wrapper {
        overflow-x: scroll;
    }

    ._11ga tr {
        position: relative;
    }

    ._11ga tr, ._11ga td {
        display: block
    }

    ._11ga .label-workbox {
        position: relative
    }

    ._11ga ._11er td {
        border-top: inherit;
    }

    ._12fu {
        float: left;
        margin-top: 5px
    }

    ._11ga .label-workbox {
        top: 0;
        left: 0;
        margin-right: 5px;
    }

    tr.inbox-tab-active+tr[data-group-id].inbox-tab-active td:first-child {
        border-top-color: #29b89b;
    }

    /*tr.inbox-tab-active+tr[data-group-id].inbox-tab-active+tr:not([data-group-id]) td:first-child,*/ ._11er td:first-child {
        border-top: 3px solid #29b89b!important;
    }

    ._11ga ._12ft {
        overflow: auto;
    }

    ._11ga ._12ft a {
        display: block
    }

    ._12fu .nowrap {
        white-space: initial;
    }

    ._11ga tr td:nth-child(4):after {
        content: "Date by:";
        float: left;
        margin-right: 3px;
        font-weight: bold;
    }

    ._11er td:last-child {
        border-bottom: initial!important;
    }
}

@media (min-width: 768px) {
	.inbox-table ._12fu {
		top: 2px;
	}

	.inbox-table ._12ft {
		max-width: initial;
	}

	.inbox-tab-active td:first-child span.label {
		text-align: right;
		position: relative;
	}

	.inbox-tab-space td:first-child span.label {
		margin-left: 26px;
	}

	.inbox-tab-space td:first-child button[data-group-id]+.label {
		margin-left: 0;
	}

    ._12ft {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 450px;
    }

    ._12fu {
        position: absolute;
        right: 7px;
        top: 17px;
        background-color: inherit;
    }

	tr.inbox-tab-active + tr[data-group-id].inbox-tab-active td:first-child .label:after {
		position: absolute;
		content: "";
		background: #1bb394;
		width: 2px;
		left: 6px;
		top: -35px;
		bottom: 19px;
	}

	tr.inbox-tab-active + tr[data-group-id].inbox-tab-active td:first-child .label.label-info:after {
		background: #23c6c8;
	}

	tr.inbox-tab-active + tr[data-group-id].inbox-tab-active td:first-child .label.label-warning:after {
		background: #f8ac59;
	}

	tr.inbox-tab-active + tr[data-group-id].inbox-tab-active td:first-child .label.label-success:after {
		background: #1c84c6;
	}

	tr.inbox-tab-active + tr[data-group-id].inbox-tab-active td:first-child .label.label-danger:after {
		background: #ed5565;
	}
}

._11er td {
    background:#dddddd;
    border-bottom:1px solid #ccc
}

#inbox-tab ._11er td a {
    color: #2f4050
}

@media (min-width: 768px) {
	._5z-k {
		background-color: #ffffff;
		border-style: solid;
		border-color: #dadcde;
		/* border-width: 1px 1px 0px 1px; */
		border-width: 1px;
		border-radius: 8px 8px 0 0;
		bottom: 0;
		content: '';
		position: absolute;
		top: -6px;
		transform: perspective(30px) rotateX(5deg);
		transform-origin: bottom left;
		width: 100%;
	}

	/* ._5t-r li.active {
		z-index: 101!important;
	}*/

	._5t-r._5t-p li.active a {
		color: #fff!important;
	}

	._5t-r li.active a {
		color: #6f6f6f!important;
	}

	._5t-r._5t-p li.active ._5z-k {
		background-color: #505c69;
		/* border-color: #303740; */
		/* background-color: #394450; */
		border-color: #454e58;
	}

	._5t-r li.active ._5z-k {
		background-color: #f3f3f4;
		border-color: #e3e4e6;
	}

	._5t-r>li {
		box-sizing: border-box;
		height: 100%;
		position: relative;
		z-index: 99;
		width: 150px;
	}

	._5t-r li:nth-child(1) {
		z-index: 97;
	}

	._5t-r li:nth-child(2) {
		z-index: 96;
	}

	._5t-r li:nth-child(3) {
		z-index: 95;
	}

	._5t-r li:nth-child(4) {
		z-index: 94;
	}

	._5t-r>li>a {
		background: none!important;
		border: none!important;
		color: #77797c!important;
	}

	._5t-r li {
		margin-right: -9px;
	}

	.tabs-container .nav-tabs._5t-r._5t-p {
		border-bottom: 1px solid #5c6e80;
	}

	/*._5t-r.p-b-n {
		padding-bottom: 1px!important;
		border-bottom: none;
	}*/
	
    .row-no-padding {
        margin-left: 0;
        margin-right: 0;
    }

    .row-no-padding [class*='col-']:not(:first-child):not(:last-child) {
        padding-right: 7px;
        padding-left: 7px;
    }

    .row-no-padding [class*='col-']:first-child {
        padding-right: 7px;
        padding-left: 0;
    }

    .row-no-padding [class*='col-']:last-child {
        padding-left: 7px;
        padding-right: 0;
    }
    
    .wide-80 {
	    width: 80%;
    }
}

.loginbox {
	padding: 10px;
	color: #888888;
	border-radius: 3px;
}

.table {
	width: 100% !important;
}
#right-sidebar {
	width: 220px !important;
	overflow: visible !important;
	/* ORIGINAL:
    border-left-color: #333;
	background: #2f4050;
	*/
	background: #1cc09f;
	border-left: 1px solid #22a388;
	color: white !important;
}
#right-sidebar.sidebar-open {
	box-shadow: -2px 2px 10px #404d58;
}
#right-notifications-sidebar.sidebar-open {
	box-shadow: -2px 2px 10px rgba(0,0,0,.2);
}
/* OLD STYLE RIGHT MENU START */
#right-sidebar a, #right-sidebar .navbar-static-side a {
	color: white !important;
}
#right-notifications-sidebar .tab-content a, #right-notifications-sidebar .tab-content .navbar-static-side a {
	color: #676a6c !important;
}

#right-sidebar .navbar-default .nav > li > a:hover,
#right-sidebar .navbar-default .nav > li > a:focus,
#right-notifications-sidebar .navbar-default .nav > li > a:hover,
#right-notifications-sidebar .navbar-default .nav > li > a:focus {
	background: #1ab394 !important;
}

body.oib-fixed-sidebar .navbar-static-side {
	position: fixed;
	z-index: 2001;
	height: 100%;
}

body.mini-navbar.oib-fixed-sidebar .navbar-static-side:hover {
	width: 220px;
}

body.mini-navbar.oib-fixed-sidebar .navbar-static-side .metismenu>li {
	width: 70px;
}

#right-sidebar .nav > li.active,
#right-notifications-sidebar .nav > li.active {
	background: #19aa8d;
	border-left: none
}
/* OLD STYLE RIGHT MENU END */

.nav .dropdown a:hover, .nav .dropdown a:hover {
	background: #1ab394 !important;
}

body.mini-navbar #right-notifications-sidebar .nav>li>a,
body.mini-navbar #right-sidebar .nav>li>a {
	padding-top: 0;
}

body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar #right-sidebar .nav li:hover>.nav-second-level,
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar #right-notifications-sidebar .nav li:hover>.nav-second-level {
	width: 140px;
}

.mini-navbar .nav-second-level li a {
	padding: 10px 10px 10px 15px!important;
}

.modal-header .nav-tabs > li > a:hover, .modal-header .nav-tabs > li > a:focus {
	color: #ffffff;
}.modal-header .nav > li.active > a {
	 color: #555;
 }
.modal-header.tabs-container .nav-tabs {
	border-bottom: none
}

.sidebar-container {
	overflow: visible !important;
}

body.mini-navbar #right-notifications-sidebar,
body.mini-navbar #right-sidebar {
	width: 70px !important;
	
}

body.mini-navbar .navbar-static-side-right {
	width: 70px !important;
}

.mini-navbar .c4p-right-menu {
	left: -142px !important;
}

.panel {
	margin-top: 5px;
}

.panel-title a {
	color: white;
}

.panel-default .panel-heading a {
	color: #333;
}

div.ajaxLoader {
	position: absolute;
	z-index: 999;
	margin: -40px 0 0 -40px;
	top: 50%;
	left: 51%;
	bottom: 0;
	right: 0;
	border: 6px solid #2f4050; /* Light grey */
	border-top: 6px solid #1ab394; /* Blue */
	border-radius: 50%;
	width: 40px;
	height: 40px;
	animation: spin 1s linear infinite;
}

.modal-loader{
	width: 98%;
	display: none;
	position: absolute;
	height: 98%;
	background: rgba(256,256,256,0.5);
	z-index: 3
}
.modal-loader .inner-loader{
	position: absolute;
	-webkit-transform: translate(50%,-50%);
	-moz-transform: translate(50%,-50%);
	-ms-transform: translate(50%,-50%);
	transform: translate(50%, -50%);
	right: 50%;
	top: 70px;
	text-align: center;
}
.modal-loader .inner-loader img{
	width: 64px;
	display: block;
	margin-bottom: -15px;
}

.modal-loader .inner-loader span{
	font-weight: bold;
}

.spin {
animation: spin 1s linear infinite;
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

.disabled-input:disabled {
padding-left: 12px;
}

.notification {
font-size: 14px !important;
padding-right: 10px;
}

.label-notification {
font-size: 18px;
font-weight: 300;
position: relative;
}

.label-notification .label-warning {
position: absolute;
right: 2px;
width: 0;
height: 0;
padding: 6px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
	z-index: 1;
}

#modal-task-card .label-notification .label-warning {
	right: -3px;
	top: -1px;
}

.changedDependency {
background: #ebebeb;
}

.label-collab {
top:-10px !important;
left:-8px !important;
padding: 1px 3px 1px 3px;
}

.form-control {
color: #676a6c !important;
font-weight: 300;
}

.panel-title h2 {
color: red !important;
text-decoration: underline;
}

#cooperate {
z-index: 100;
position: fixed;
bottom: 10px;
}

/****************************************BACKGROUNDS*******************************************/
.bg-white {
	background-color: white;
}

/*.bg-bow {
	background-color: #e4f4f1;
}

.bg-mlst {
	background-color: #edfaf7;
}

.bg-empl {
	background-color: #C0CFE6;
}

.bg-contr {
	background-color: #FBCDD3;
}*/

.redesign-title {
	margin: 0;
	line-height: 1.42857143;
}

.redesign-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
}

.gray-bg, .bg-muted {
	background-color: #f3f3f4!important;
}

@media (min-width: 768px) {
	.col-sm-2-5 {
		width: 20%;
	}
}

.ibox-border {
	border: solid 1px #e7eaec;
}

.bg-service {background-color:whitesmoke;}
.bg-provider {background-color:white;}
/*.service-card-active.bg-provider {background-color:#5c6e80;border-bottom:none}*/
.redesign-background, .redesign-background .form-control:disabled {background-color:#5c6e80!important;color:#fff!important}
body .redesign-background .form-control {border:1px solid #606d79;/*background-color: #aeb7c0 !important;*/color:#333!important;}
body .redesign-background select.form-control>option {color:#333!important;}
.redesign-background.nav-tabs > li > a:hover{color:#fff}
.redesign-background.nav-tabs > li.active > a{color:#555}
.bg-provider .i-checks label{margin:initial}

#collapse-tabs-box .collab-toolbar {
	border-bottom: 2px solid #1bb394;
}
#collapse-tabs-box .collab-toolbar ~ .ibox .ibox-title {
	border-top: 0;
}

.collab-toolbar>.btn {
	border-radius: 3px 3px 0 0;
}


/*.bg-provider .btn-circle, .bg-provider .img-user{
	width:45px;
	height:45px;
	margin-right: 10px;
}*/

.bg-provider .btn-circle{
	font-size:20px;
	border-radius: 50%;
	padding: 8px 10px;
}
.service-card-active.bg-provider .btn-circle {
	color:#fff;}
.service-card-active.bg-provider .btn-circle.btn-primary,.service-card-active.bg-provider .btn-circle:hover,.service-card-active.bg-provider .btn-circle:focus,.service-card-active.bg-provider .img-user.btn-primary,.service-card-active.bg-provider .img-user:hover,.service-card-active.bg-provider .img-user:focus{background-color:rgb(53,63,74)}

.provider-name-box {
	margin-left: 22px;
	color: #505c69;
	font-size: 13px;
	font-weight: 700;
	border-style: solid;
	border-color: #ddd;
	border-radius: 5px 5px 0 0;
	border-width: 1px;
	padding: 3px 3px 10px 10px;
	background: #f3f3f4;
}

.provider-name-box a {
	color: inherit;
}
.provider-name-box a.empty {
	color: #22c6c8;
	border-bottom-color: #22c6c8;
}
.btn-modal-calendar.ibox-collab {
	border-right: 3px solid #ccc;
}

.table-striped tr.odd {background:#efefef}
.table-striped tr.odd .dataTables_empty {background:#fff}

.redesign-header, .modal-header{    background: #A6BACB;
	color: #fff;
}
.modal-header .close{
	opacity:1;
	color:#fff!important;
	text-shadow:none;
}
.modal-header > div.btn-group {
	color: #676a6c;
}

._14ef {
	position: absolute;
	bottom: 1px;
	border-radius: 0 0 10px 10px;
	right: 1px;
	left: 38px;
}

a.team-name {
	border: 1px solid #e5e6e7;
	padding: 4px;
	margin-top: 5px;
	margin-right: 5px;
	display: inline-block;
	color: inherit;
}

._3ep a.team-name {
	margin-left: -3px;
	margin-top: 2px;
}


.arrow_box {
	position: relative;
	background: #F5F5F5;
	border: 1px solid gray;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #F5F5F5;
	border-width: 7px;
	margin-left: -7px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: gray;
	border-width: 9px;
	margin-left: -9px;
}


.vcenter {
	display: flex;
	align-items: center;;
}

/*********************************************emoji picker     ********************************/

.emoji-picker-container {
	position: relative;
}

.emoji-picker-container input {
	padding-right: 30px
}

input:disabled ~.emoji-picker-icon, textarea:disabled~.emoji-picker-icon {
	pointer-events: none;
}

.emoji-picker-icon {
	cursor: pointer;
	position: absolute;
	right: 7px;
	top: 0;
	z-index: 100;
	font-size: 20px;
	opacity: 0.7;
	color: #90949c;
	bottom: 0;
	margin-top: 7px;
}
*:disabled+.emoji-picker-icon{display:none}

.emoji-container {
	background: #fff;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 10px rgba(0, 0, 0, .3);
	right: 0;
	height: 312px;
	display: none;
	justify-content: center;
	position: absolute;
	text-align: center;
	width: 355px;
	z-index: 300;
	top: 34px
}

.emoji-left .emoji-container{
	right: initial;
}

@media (max-width: 1199px) {
	.emoji-container {
		position: fixed;
		top: initial;
		left: 15px;
		right: 15px;
		width: initial;
	}
	.input-group .emoji-container {
		margin-top: 34px
	}
}

.emoji-container+.editable-clear-x{
	display: none
}

.emoji-container.open {
	display: block
}

.emoji-list {
	overflow: auto;
	height: 280px;
	margin-bottom:37px
}

._1og- {
	background-color: #f6f7f9;
	border-top: 1px #dddfe2 solid;
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0;
	padding: 5px 0 0 0;
	height: 32px;
	opacity: 1;
	transition: opacity .2s;
}

._1ogy {
	cursor: pointer;
	line-height: 0;
	padding: 7px;
}

._45hc a {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
}

._468f {
	outline: none;
}

._45hc, ._45hd {
	display: inline-block;
	list-style-type: none;
	max-width: 100%;
	position: relative;
	vertical-align: middle;
}

._45hc.active:after {
	content: "";
	background: #19aa8d;
	height: 3px;
	left: 0;
	display: block;
	position: absolute;
	top: 20px;
	right: 0;
}

._3vgh {
	color: #90949c;
	cursor: default;
	margin: 0 8px 4px;
	-webkit-user-select: none;
}
._5zfs {
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	height: 36px;
	font-size: 23px;
	margin: 2px;
	color: #90949c;
	text-align: center;
	-webkit-user-select: none;
	vertical-align: middle;
	width: 36px;
}

._14ei{    border: 1px solid #ccc;
	width: 100%;
	padding: 3px;
	margin-bottom: 16px;}
._14ei+._22rd{
	border-top: 1px solid #ccc;
}
._14a- .form-control {
    padding: 5px;
    background-color: #f5f5f5;
}

._14a- .tokenize>.tokens-container>.placeholder, ._14a- .tokenize>.tokens-container>.token-search, ._14a- .tokenize>.tokens-container>.token-search>input {
    background-color: #f5f5f5;
	border-color: #f5f5f5;
	margin: 0;
}

.progress-line-profile {
	cursor: pointer;
	margin-top: 6px;
}

@media screen and (max-width: 768px) {
	.progress-line-profile {
		margin-top: 2px!important;
	}
}

@media screen and (min-width: 768px) {
	.progress-line-profile {
		float: right;
		width: 40%;
	}
}

.work-team-table .progress-line-profile {
	width: 100%;
	min-width: 125px;
}
/*********************************************tag modal window ********************************/
._34ae{
	overflow: auto;
	height: 284px;
	border-top: 1px solid #e5e6e7;
	margin-top: 12px;}._34ae table{padding-top:12px;margin-bottom: 0}
._34ep{border-right: 1px solid #dddfe2;}
._34ea{border-top:1px solid #e5e6e7;background:#f6f7f9;}

@media (max-width: 767px) {
	._34ep{border-right: none;}
	._34ef{border-top: 1px solid #e5e6e7;}
}
.nav-sub-tabs > li > a {
	position: relative
}
.nav-sub-tabs > li > a:hover, .nav-sub-tabs > li > a:focus {
	background: none;
	border-color: #fff;
}
.nav-sub-tabs > li > a:hover:before, .nav-sub-tabs > li > a.active:before {
	content: "";
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	height:3px;
	background: #1ab394;
}

/*._34ae .project-list tr:nth-child(even){
	background:#f6f7f9;
}*/

#_13ep {
	position: relative;
	z-index: 100;
	display: inline;
	margin-right: 10px;
}

#_13ep .badge {
    position: absolute;
    top: -8px;
    right: -4px;
    padding: 2px 4px;
    font-size: 10px;
}

._13es {
	height: 25px;
	width: 25px;
	display: inline-block;
	background: #1ab394;
	padding: 3px 0px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
}

.new-tags .tag-list li a{color:#fff;
	border: 1px solid #3c8878;
	background-color: #2c8f7b;}
._14eq.tag-list li {
	float: none;
	display: inline-block;
}
._34ef{
	padding: 15px;height:340px;overflow:auto}

.unchecked-tag-action {
	color: #ff0a0a;
	font-size: 12px;
	font-weight: bold;
}

._14ht-p._14hr {
	pointer-events: none;
}

._14ht {
	display: none!important;
}

._14ht._14hr {
	display: inline-block!important;
	/*color: #ff4646;*/
}
._14ho {
	 color: #ff4646;
 }

._23tr {
    background-color: #f3f3f3;
	border-color: #ccc;
	border-width:0 1px;
	border-style: solid;
}

._23tr>td {
	border-top-color: #ccc!important;
	border-bottom-color: #ccc;
	border-width:1px 0!important;
	border-style: solid;
}

._23ta {
    border-width: 0 1px;
    border-color: #ccc;
    border-style: solid;
}

._23tb>tbody>tr:last-child {
    border-bottom: 1px solid #ccc
}

._23tb{
    margin-bottom: 0
}

._23tb img {
    width: 30px
}
._12et{
    max-height: 320px;
    overflow-y: scroll;
    background: #fff;
}

._17qs {
	display: inline-block;
	font-weight: bold;
}

._17qq {
	display: inline-block;
	height: 7px;
	width: 7px;
	margin-left: 10px;
	margin-bottom: 1px;
	margin-right: 3px;
}
/*******************************************img border Emplyee Contractor**********************/

.img-circle.empl {
	border-style: solid;
	border-width: 3px;
	border-color: #5E94DB;
}

.img-circle.contr {
	border-style: solid;
	border-width: 3px;
	border-color: #FF7486;
}

.img-circle.empl_thick {
	border-style: solid;
	border-width: 10px;
	border-color: #5E94DB;
}

.img-circle.contr_thick {
	border-style: solid;
	border-width: 10px;
	border-color: #FF7486;
}

.img-circle.contact_thick {
	border-style: solid;
	border-width: 10px;
	border-color: #dddddd;
}
.dashboard-header {
	padding: 0;
	margin-right: 5px;
	margin-left: 5px;
}

.feed-element {
	display: inline-table;
}

/***************************************C4p fix pro mobily*************************************/
@media screen and (max-width: 400px) {
	body {
		font-size: 10px
	}
	
	.ibox, .float-e-margins {
		margin-left: 0px !important;
		padding-right: 1px !important;
		
	}
	
	.control-label {margin-top:10px}
	
	.nav > li i {
		font-size: 5vw;
	}
	
	/*.row, .col-lg-4, .col-md-6,.col-md-4,.col-md-8,.col-lg-8, .col-md-12, col-sm-12 .ibox-title, .ibox-content {
		padding-left: 1px !important;
		padding-right:1px !important;
	}*/
	.panel h2, .ibox-title h1, .label-notification {
		font-size: 6vw;
	}
	
	.chat-message.right {
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
}

/***************************************C4p fix JIRKA*************************************/
/* hide search box in datatables */
.dataTables_filter {
	visibility: hidden;
}

/*fix na button v panel headeru*/

.btn-fix {
	top: -32px;
}

.modal-body {
	padding: 20px 10px 10px 10px;
}

.modal-xlg {
	width: 95%;
}

/**fixed size column/*/
.col-fixed-150 {
	width: 150px;
	height: 100%;
	z-index: 1;
	float: left;
	padding-left: 15px;
}

.col-fixed-100 {
	width: 100px;
	height: 100%;
	z-index: 1;
	float: left;
	padding-left: 15px;
}

.col-fixed-50 {
	width: 50px;
	height: 100%;
	z-index: 1;
	float: left;
	padding-left: 15px;
}

@media screen and (min-width: 800px) {
	.heatmap td {
		width: 40px;
		font-size: 13px;
	}
	
	.heatmap th div {
		transform: rotate(-45deg) translate(18px, -4px);
		position: absolute;
		transform-origin: left bottom;
		font-weight: 400;
		font-size: 13px;
	}
}

table.table-linkto tr > td:last-child {
	min-width: 52px;
}

/**AVATAR**/
.avatar-view {
	width: 120px;
	position:relative;
}

.avatar-view:hover .avatar-change {
	opacity: 0.4;
}

.avatar-change {
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%)
}



@-moz-document url-prefix() {
	.fix-moz--17 {position:relative;top:-17px;}
	.fix-moz--20 {position:relative;top:-20px;}
}

.collab-panel-item {color: #999c9e;}
.collab-panel-item:hover {color: black;}

.p-5 {padding: 5px 5px 5px 5px!important;}
.p-h-10 {padding: 10px 0 10px 0;}
.p-w-5 {padding: 0 5px 0 5px;}
.p-b-n {padding-bottom: 0!important;}
.fa-15x {font-size: 1.5em}
.p-b-10 {padding-bottom: 10px;}
.fix-pos-10 {position:relative;top:10px;}
.fix-pos-15 {position:relative;top:15px;}
.fix-pos--17 {position:relative;top:-17px;}
.fix-pos--25 {position:relative;top:-25px;}
.no-paddings-h {padding-bottom:0px; padding-top:0px;}
.m-b--5 {margin-bottom:-5px;}

.col-fixed-label {width: 120px;}
.table-block {display:table;}
.table-cell {display:table-cell;vertical-align: top;}
.modal-body #linksTable{word-break: break-all;}
.break-text{word-wrap: break-word;
	word-break: break-all;word-break: break-word;}

.row-edit .default,.table-editor{display:none}
.row-edit .table-editor{display:block}

.inbox-dropdown.dropdown-menu > li > a{padding-right: 5px;position:relative}
.inbox-dropdown.dropdown-menu.wider > li > a{padding-right: 60px;position:relative}
.inbox-dropdown.dropdown-menu > li > a .switchery{width:35px;position:absolute;top:3px;right:5px}

table.dataTable .no-sort::after { display: none!important; }table.dataTable .no-sort { cursor: default!important; }

.start-with {
	font-size: 10px;
	width:35px;
	border-color:white;
}

.edit_unlock {
	height:70px;
	text-align:right;
}

/*feed provideru v mlst services*/
.feed-provider {
	white-space: normal;
	width:70px;
	overflow:hidden;
	font-size: 10px;
}
@media screen and (min-width: 769px) {
	.feed-provider {width:150px; font-size:inherit;}
}

.pos-fixed {position: fixed}
.pos-relative {position: relative}
.pos-absolute {position: absolute}
.pos-right {position:absolute; right: 0px}
.date-actions {
	width: 100%;
	z-index: 101;
	max-height: 330px;
	position: fixed;
	top: 0;
	overflow-y: scroll;
}
.date-actions .nav-link .m-t-xs {
	margin-top: 2px;
}
.date-actions .nav .dropdown a:hover, .nav .dropdown a:hover {
	background: transparent !important;
}
.pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #333;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px;
}
@media screen and (max-width: 769px) {
	.label-workbox{
		position:absolute;
		top:2px;
		left:10px;
	}
	.btn-workbox-refresh {
		position:absolute;
		top: 6px;
		left: -10px;
	}
}

.panel-heading .btn-group {
	display:block;
}

/*service 2.0*/

.service-card-active {
	/*border-right: 5px solid #1cc09f;*/
}

.btn-app { padding: 6px 8px}
.btn-app-active {
}
.btn-app img {
	width:16px; height:auto;
	position: relative;
	top: -1px;
}
.iframe-app {
	border-width:1px;
	border-style:solid;
	border-color:#d9d9d9;
	border-radius:3px;
}
.iframe-app .embed-responsive-item {top:30px !important}

.btn-social-media img{
	width:16px;
	height:auto;
	top:-2px;
	position:relative
}

._17eo {
	margin: 5px 0 5px;
	padding-left: 5px;
}

._17ek {
	padding-right: 5px;
	width: 50%;
	float: left
}

._17eo>img {
	width: 25px;
	height: 25px;
	margin-right: 5px
}

/*fix*/
.form-control:disabled+.input-group-addon {
	border: none;
	pointer-events: none;
}

table.treetable ._17os .indenter+div {
	width: 100%;
	display: table-cell;
}

.activeTransaction .progress {
	background-color: #fff;
}

.btn-panel {
	margin-right: 20px;
	position:relative;
	border-color: #ffffff;
}

.btn-panel.btn-circle {
	padding-right: initial;
}
.panel-heading .btn-default {color:black}

.delete-provider {margin-right:4px;}

.panel-heading .small {color:white;}

.collab-menu {
	padding: 5px 5px 5px 5px;
	border-bottom: solid 1px #1ab394;
	position:relative;
	top:-12px;
	z-index:0;
}

.vertical-text {
	transform: rotate(-90deg);
	transform-origin: left top 0;
	float: left;
	white-space:nowrap;
	position:absolute;
}
.valign-bottom {vertical-align:bottom !important;}


.service-card {
	display: none
}
.service-card .ibox {
	margin-bottom:9px
}
.service-card>td:first-child {
	padding-top:0;
	padding-right: 0;
}

.service-card-active {
	display: table-row
}

.bg-mlst.leaf .btn-group .btn {
	border: none;
	width: 18px;
	height: 18px;
	opacity: 1
}

.tab-pane.panel-body {
	border-top: inherit
}
/* test feature */
@media (min-width: 768px) {
	.scroll-dataTable .dataTables_wrapper {
		overflow-x: scroll;
	}
}

@media (max-width: 1199px) {
	/*#billableHours {
		overflow: auto;
	}*/
	#billableHours.scroll-dataTable:not([data-id='0']) .dataTables_wrapper {
		/*overflow-x: initial;
		position: absolute;*/
		width: 0px;
	}
}

.fwb{font-weight: bold}

.btn-delete-owner {
	width: 12px;
	height: 12px;
	font-size: 7px;
	border-radius: 50%;
	padding: 1px;
	position: absolute;
	bottom: -13px;
	right: -13px;
	z-index: 1
}

body textarea.form-control {
	min-height: 2em!important;
}

._17ee tbody>tr:hover>td{cursor:pointer}
._17ee tbody>tr a:not(.showDetail):not(.modal-link) {
	pointer-events: none;
}

._17ee tbody>tr a{
	color: inherit;
	font-weight: 600;
}

._22fx ._22fl {
	background-color: #f8ac59;
	border-color: #f8ac59;
	color: #FFF;
}
._22fx ._22fs {
	color: #f8ac59;
}
._22ra {
	display: inline-block;
}
._22rx {
	cursor: default;
	filter: alpha(opacity=50);
	opacity: .5;
}

._22rd ._22re img, ._22rr, ._22ro img {
	width: 22px;
	height: 22px;
	border-radius: 50%;
}

._22re img+div {
	display: contents;
}

._23ee {
    margin: 0 5px 0!important;
    position: relative;
    top: -7px;
    float: right;
}

._22eg {
	font-weight: bold;
    padding-top: 5px;
}

._22eg+h2 {
	margin-top: 0
}

._22rd ._22re._22rz {
	padding-left: 20px;
}

._22rd ._22re._22ry {
	padding-left: 30px;
}

._22rd {
	height: 200px;
	min-width: 180px;
	margin: -9px -14px;
	overflow: auto;
}

._22rd ._22re:not(._22rx):hover {
	background-color: #f1f1f1;
	color: #333333;
	padding-right: 20px;
	cursor: pointer;
}

._22rd ._22re ._22rg {
	display:none;
	position: absolute;
	top: 10px;
	right: 10px;
}

._22rd ._22re:hover ._22rg {
	display:block;
}

._22io {
    max-width: 400px;
}

._22io .popover-content {
    padding: 0;
    max-height: 400px;
    overflow: auto;
}

._22io ol{
    padding: 0 20px 0 52px;
}._22ip {    padding-left: 53px!important;
}._22ix{
      padding: 0px 0px 0 36px;
      margin-top: -5px;
      margin-bottom: 5px;
      font-weight: bold;
      font-size: 13px;
  }

 ._22io ._22ro {
    border-top: 1px solid #ececec;
}

._22io .popover-content>._22ro:first-child  {
    border: none;
}

._22io ul {
    padding: 0 20px;
    list-style: square;
}

._22ey {
    font-size: 12px;
    font-weight:bold
}

._22ez {
    padding-left: 36px;
    font-style: italic;
    color: #3d9c44;
}

._22io ._22ro {
    padding-bottom: 0
}

._22rd ._22re, ._22ro {
	font-size: 13px;
	padding: 10px;
	min-height: 30px;
	overflow: hidden;
	position: relative;
	outline: none;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}

._22kk {
	position: absolute;
	right: -12px;
	bottom: -7px;
	opacity: 1;
	font-size: 21px;
	color: #1ab394;
}td._17ep {
	 min-width: 35px;
	 height: 35px;
	 border-width: 1px;
	 border-color: #ffffff;
	 border-style: solid;
 }td._17sp {
	 border-top: 0!important;
	 border-left: 1px solid #e7eaec;
 }
td._17ep {
	position: relative;
}

td._17ep:after {
	content: attr(data-workstream);
	position: absolute;
	top: 7px;
	z-index: 1;
	margin: auto;
	color: #ffffff;
	text-shadow: #000 0 0 1px, #000 0 0 1px,   #000 0 0 1px, #000 0 0 1px, #000 0 0 1px, #000 0 0 1px;
	pointer-events: none;
	opacity: .6;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

table.heatmap-hide td:not(._17sp):not(._17ep),
table.heatmap-hide th {
	display: none;
}

._13ra table>tbody>tr:first-child>td {
	border-top: 0
}

table._13rg>tbody>tr>td:first-child {
	vertical-align: middle!important;
}

._12rx>div:first-child{
	display: block!important
}

._12rx .btn-square.hidden~a img{
	float: left;
}

._12rx .btn-square.hidden+div{
	display: none;
}

._12rx .btn-square+div{
	display: inline-block;
}

._12rx .btn-square.hidden~a{
	display: block!important;
	word-wrap: break-word;
	white-space: pre-line;
}

._12rx .btn-square~a{
	position: relative;
	float: none;
	display: inline!important;
}

._12rx .btn-square~a:before{
	display: none
}

._12rx .btn-square~a div.fcg{
	display: none!important;
}

._12rx .btn-square.hidden~a div.fcg{
	display: inline-block!important;
	top: 0;
	position: absolute;
	bottom: 5px;
	margin: auto;
	vertical-align: middle;
	font-weight: bold;
	right: 0;
	left: 60px;
}

.fake-link {
	color: #5f94db;
	text-decoration: underline;
	cursor: pointer;
}

.vertical-align-middle {
	vertical-align: baseline;
	vertical-align: -webkit-baseline-middle;
}

.fixed-container-box{position: relative;margin-bottom: 70px}

.ibox.fixed-container{    position: absolute;
	left: 0;
	right: 0;
	z-index: 1;}
.ibox.styled-box .ibox-content{
	padding-top:0;
	padding-bottom:4px
}
.ibox.styled-box .label{
	background-color: #a3e1d4;
	top: -7px;
	position: relative;
}
.provider-list-view{
	font-size: 20px;
	color: #fff;
}

.show-transparent {
	opacity: 0;
	font-size: 20px;
}

.close-work-table {
	display: none;
}

.service-card-active .close-work-table {
	color: #ffffff
}

.service-card-active .close-work-table {
	display: inline-block;
	font-size: 20px
}

.bg-mlst.leaf .btn-group, #coloredBranch .bg-bow + .branch span.indenter a, #coloredBranch .leaf + .branch span.indenter a, #coloredBranch .service-card + .branch span.indenter a {
	width: 26px !important;
	height: 26px !important;
	margin-right: 5px;
	z-index: 2;
	position: relative;
}

._14eo,._14es {
	display: inline-block;
}
._14eo {
	padding-left: 15px;
	width: 100%;
}

._14eo>.img-user {
	width: 50px;
	height: 50px;
}

._14es ._14ey .label {
	position: absolute;
	right: -4px;
	left: inherit!important;
	font-size: 0;
	height: 8px;
	width: 8px;
	border-radius: 50%;
	top: -8px!important;
}

._14es ._14ey:hover,._14es ._14ey.active {
	padding: 5px 1px;
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	border-color: #0fb9bb;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #22c6c8;
	color: #fff;
	display: inline-block;
}

.archived ._14es ._14ey.active, .archived ._14es ._14ey:hover {
	background-color: #fff;
	border-color: #dddddd;
	color: #505c69;
}

.tr-more-info .collab-toolbar:before {
	left: 58px;
	top: -5px;
}

._14eo>div>.img-circle {
	z-index: 10;
	position: relative;
	left: 30px;
	top: -13px;
}

._14es {
	background: #f3f3f4;
	z-index: 9;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	margin-left: 22px;
	padding: 2px 20px 2px 10px;
	border-style: solid;
	border-color: #ddd;
	display: block;
	border-width: 0 1px 1px 1px;
	min-height: 115px;
	text-align: right;
	position: relative
}

._14em {
	background: #f3f3f4;
	margin-left: 22px;
	border-style: solid;
	border-color: #ddd;
	border-width: 0 1px 1px 1px;
	position: relative
}

._14em .btn.edit {
	position: absolute;
	right: 7px;
	top: 7px;
}

._14em .btn.save {
	position: absolute;
	right: 7px;
	top: 38px;
}

.provider-name-box+._14es .img-user {
	margin-top: 20px;
	margin-left: 10px;
}

.provider-name-box+._14es {
	margin-top: 10px;
	background: #f3f3f4;
}

.service-card-active ._14es {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.service-card-active .tr-more-info .grey-bg:before {
	content: '';
	position: absolute;
	left: 58px;
	top: 0;
	width: 1px;
	background: #d1d1d1;
	border-radius: 100px;
	bottom: 0;
}

body .ckeditor-content * {
	max-width: 100%!important;
	width: auto!important;
}

input.form-control-transparent:not(:hover) {
	border-color: transparent;
	background: transparent;
}

._14es ._14ey, ._3dr {
	background: none;
	color: #505c69;
	padding: 6px 2px;
	border:none;
	outline: none;
	font-size: 20px;
	display: inline-block;
}

.bg-provider ._3dr {
	color: #505c69;
}

.bg-provider.hidden~.tr-more-info {
	display: none!important;
}

.bg-provider + .bg-provider td {
	padding-top: 21px!important;
}

.bg-mlst ._3dr {
	margin-top: -6px;
}

._14es ._14ey {
	position: relative;
	min-width: 27px;
	width: 35px;
	margin-bottom: -3px;
	text-align: center;
	height: 36px;
}

._17ei {
	margin-top: 4px;
}

.archived ._14es ._14ey {
	margin-bottom: -2px;
}

#coloredBranch table {
	margin-bottom: 0;
	/*overflow: hidden*/
}

#coloredBranch .bg-service-completed .btn {
	color: #fff;
	position: relative;
	top: -6px;
}

#coloredBranch .panel-body {
	padding-bottom: 0
}
#coloredBranch .tr-more-info td .gray-bg>.grey-bg {
	box-shadow: 2px 2px 4px rgba(216, 216, 216, 0.77);
	background: #f3f3f4;
}
/*
#coloredBranch .service-card > td span.indenter:before, #coloredBranch .branch > td span.indenter:before, #coloredBranch .leaf > td span.indenter:before {
	content: "";
	position: absolute;
	background: #1cafff;
	width: 1px;
	left: 21px;
	top: 31px;
	bottom: -30px;
	z-index: 1;
}*/

#coloredBranch .bg-service .toggle-calendar {
	color: #fff;
}

#coloredBranch .bg-provider td:last-child {
	vertical-align: middle!important;
}

#coloredBranch .leaf > td span.indenter:before {
	top: 8px;
}

/*#coloredBranch .bg-mlst td:first-child, #coloredBranch .bg-service td:first-child, #coloredBranch .bg-empl td:first-child, #coloredBranch .bg-contr td:first-child, #coloredBranch .bg-provider td:first-child {
	-webkit-box-shadow: inset 44px 0px 0px 0px rgb(191, 232, 224);
	-moz-box-shadow: inset 44px 0px 0px 0px rgb(191, 232, 224);
	box-shadow: inset 44px 0px 0px 0px rgb(191, 232, 224);
}*/

#coloredBranch .service-card > td span.indenter:before {
	top: 0
}

#coloredBranch .bg-service {
	background: none;
}

#coloredBranch table>tbody>tr>td,
#coloredBranch table>tbody>tr
{
	border-width: 0!important;
}

#coloredBranch .milestone-name {
	background: #505c69;
	color: #fff;
	padding: 7px 10px 7px 23px;
	height: 35px;
	margin-left: -26px;
	width: calc(100% + 30px);
	display: block;
	z-index: 2;
	border-radius: 5px;
	border: 1px solid #333535;
	box-shadow: 2px 2px 4px rgba(216,216,216,.77);
}

#coloredBranch .branch .milestone-name {
	padding-top: 8px;
	padding-left: 24px;
}

#coloredBranch .leaf .milestone-name {
	margin-left: -29px;
	width: calc(100% + 32px);
}

#coloredBranch .leaf .whitespace {
	padding-left: 0!important;
}

#coloredBranch .milestone-name+.toggle-calendar {
	position: absolute;
	top: 3px;
}

@media screen and (min-width: 992px) {
	.tagReportBody:not(.both-visible) .quadrant-spider {
		padding: 0 30%;
	}

	.tagReportBody:not(.both-visible) .quadrant-spider+.bar {
		padding: 0 20%;
	}
}

@media screen and (max-width: 769px) {
	#coloredBranch .milestone-name {
		width: 100%!important;
		margin-left: 0!important;
	}
	#coloredBranch .milestone-name+.toggle-calendar {
		right: 45px;
		color: #fff;
	}

	#coloredBranch tr.bg-mlst td {
		padding-right: 6px;
	}

	.service-helper, .milestone-helper {
		display: none;
	}

	#coloredBranch .tr-more-info>td:before {
		left: 26px!important;
	}

	._14es ._14ey:hover, ._14es ._14ey.active {
		border-radius: 5px;
		border-width: 1px;
	}

	._14es {
		width: 100%;
		display: table;
	}

	._14es ._14ey {
		width: 11%;
	}

	.service-card-active ._14eo {
		margin-bottom: -17px;
	}

	#coloredBranch .service-card>td:first-child, #coloredBranch .tr-more-info td .gray-bg {
		margin-top: 20px!important;
		border-right: 0;
	}
}

#coloredBranch .bg-service > td:first-child {
	padding-right: 0
}

#coloredBranch .bg-service > td:last-child {
	position: relative;
	padding-right: 0;
	padding-left: 0
}

#coloredBranch .bg-service > td .bg-service-completed {
	background: #1dafff;
	position: absolute;
	bottom: 0;
	top: 0;
	right: 0;
	left: 0;
	margin: 8px 0;
	padding: 8px;
}
/*
#coloredBranch .leaf.bg-service > td span.indenter:after {
	content: "";
	position: absolute;
	background: #1cafff;
	left: 22px;
	width: 46px;
	top: 28px;
	height: 1px;
}*/

#coloredBranch .end-branch-line > td span.indenter:before {
	bottom: 30%
}
/*
#coloredBranch .end-branch-line > td:first-child:after, #coloredBranch .end-branch-line2.collapsed > td:first-child:after, #coloredBranch .end-branch.collapsed > td:first-child:after {
	content: "";
	bottom: 30%;
	background: #1cafff;
	position: absolute;
	left: 16px;
	height: 11px;
	width: 11px;
	border-radius: 50%;
	margin-bottom: -3px;
}*/

#coloredBranch .end-branch-line2.collapsed > td:first-child:after, #coloredBranch .end-branch.collapsed > td:first-child:after {
	bottom: -15px;
}

#coloredBranch .branch:first-child > td span.indenter:before, /*#coloredBranch tr:last-child > td span.indenter:before,*/ #coloredBranch .bg-service.end-branch-line > td:first-child:after, #coloredBranch .end-branch-line + .tr-more-info span.indenter:before { /*, #coloredBranch .bg-bow+.bg-mlst.leaf.expanded span.indenter:before, #coloredBranch .branch.collapsed.end-branch span.indenter:before, #coloredBranch .leaf.bg-mlst td span.indenter:before*/
	background: transparent !important
}

#coloredBranch .branch > td:first-child, .leaf > td {
	position: relative;
}

#coloredBranch span.indenter{
	padding-left:0!important;
}

#coloredBranch .leaf .whitespace>div {
	margin-top: 0px !important;
}

#coloredBranch .form-control[disabled] {
	background-color: #FFF!important;
	border: 1px solid #e5e6e7;
	padding: 6px 12px;
	cursor: not-allowed;
}

#coloredBranch span.indenter + .service-background {
	background: #94d1f1;
	padding: 8px 10px 6px;
	border-radius: 5px;
	min-height: 42px;
	margin-right: 4px;
	box-shadow: 2px 2px 4px rgba(216,216,216,.77);
	border: 1px solid #94d1f1;
}

#coloredBranch span.indenter + div>strong {
	display: inline-block;
	color: #fff;
	margin-top: 3px;
	left: 1px;
	position: relative;
	border-radius: 3px
}

@media screen and (max-width: 769px) {
	#coloredBranch span.indenter + div > strong {
		/* overflow: hidden; popover problem on mobile device */
		text-overflow: ellipsis;
		position: absolute;
		left: 10px;
		right: 0;
		width: 100%;
		padding-right: 116px;
		white-space: nowrap;
	}

	._3ds {
		margin-top: 5px;
		margin-right: 19px;
	}

	body ._14es .task-progress-bar {
		top: 35px;
	}

	._14ef {
		left: 1px
	}

	#coloredBranch .milestone-name {
		margin-left: initial
	}
}

#coloredBranch span.indenter + div .date, .bg-provider .date {
	margin-top: 5px;
	width: 330px
}
.bg-provider .date {
	margin: 7px 0 5px;
}

#coloredBranch .leaf>td:first-child {
	padding-left: 55px !important;
}

#coloredBranch .whitespace {
	padding-left: 44px !important;
}

@media screen and (max-width: 769px) {
	#coloredBranch .leaf>td:first-child {
		padding-left: 26px!important;
	}

	._14eo {
		padding-left:0
	}

	.provider-name-box {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	._14es {
		padding-right: 5px;
		padding-left: 7px;
	}

	._14es {
		margin-left: 0;
		padding-left: 60px;
	}

	.provider-name-box, ._14em {
		margin-left: 0;
	}

	._14es .img-user {
		position: relative;
		left: 10px;
	}

	#coloredBranch span.indenter+.service-background {
		margin-right: 5px;
	}

	._14eo>div>.img-circle {
		left: 3px;
		top: -40px;
	}

	#coloredBranch .whitespace {
		padding-left: 19px!important;
	}

	#coloredBranch .tr-more-info td .gray-bg:before, .service-card-active td:first-child:before {
		left: 26px!important;
	}

	#coloredBranch .service-card>td:first-child, #coloredBranch .tr-more-info td .gray-bg {
		padding-left: 27px!important;
	}
}

#coloredBranch .service-card > td:first-child, #coloredBranch .tr-more-info td .gray-bg {
	padding-left: 93px;
	background: none!important;
	margin-right: 5px;
	border-right: 1px solid #ddd;
}

#coloredBranch .tr-more-info>td:before {
	content: "";
	position: absolute;
	background: #ddd;
	height: 1px;
	right: 5px;
	left: 92px;
	bottom: 0px;
}

/*#coloredBranch .tr-more-info td .gray-bg:after {
	content: "";
	position: absolute;
	background: #ddd;
	width: 1px;
	right: -2px;
	top: -1px;
	bottom: 0px;
}*/

#coloredBranch .tr-more-info td .gray-bg:before {
	top: -1px!important
}

#coloredBranch .tr-more-info td .gray-bg:before, .service-card-active td:first-child:before {
	content: "";
	position: absolute;
	background: #ddd;
	width: 1px;
	left: 92px;
	top: 55px;
	bottom: 0px;
}

.bg-service.leaf td:first-child:before {
	top: 23px
}

#coloredBranch .tr-more-info>td:first-child {
	padding-left:0!important;
	padding-bottom:0!important;
	background: #f1f1f1;
}

#table-transaction-live-services #paging .btn {
	z-index: 999;
	font-size: 14px;
	color: #fff;
	background: transparent!important;
	padding-right: 0;
	text-align: right;
}

#table-transaction-live-services .leaf #paging {
	top: 15px;
	left: 28px;
	z-index: 4;
}

#table-transaction-live-services .leaf .open#paging {
	z-index: 1000;
}

#table-transaction-live-services #paging {
	position: absolute;
	top: 16px;
	left: 29px;
}

@media screen and (max-width: 1199px) {
	#table-transaction-live-services #paging {
		top: 17px;
	}
}

.collab-toolbar~.ibox {
	 background: #fff;
	 border-style: solid;
	 border-width: 0 1px 1px;
	 border-color: #ddd;
 }

#coloredBranch .bg-mlst.branch #paging .btn {
	z-index: 999;
	border: none;
	border-radius: 2px !important;
	height: 22px;
	width: 22px;
	margin-left: -4px;
}

._3dr {
	padding: 0;
	color: #fff;
	margin-left: 5px;
	margin-top: -3px;
	margin-right: 3px;
}

._17ei ._3dr {
	margin-left: 0;
	margin-right: 5px;
}

._14eo ._17ei {
	margin-top: 4px;
}

.archived ._14ey, .archived ._3dr {
	color: #484848;
}

.archived .fa-check-circle {
	color: #1ab394;
}

._3ds .label {
	position: relative;
	top: -3px;
}

._17ei .label {
	margin-right: 5px;
}

.no-radius tbody td.hasWork {
	background-color: #1ab394 !important;
}

.no-radius tbody td {
	border-radius: 0 !important;
}

hr.tiny {margin:5px 0}

#congrats {
	position: fixed;
	top: 0;
	width: 100%!important;
	height: 100%!important;
	line-height: 1;
	text-align: center;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100000;
	background: rgba(0, 0, 0, .24);
}

#congrats #title {
	transform-origin: 50% 50%;
	font-size: 50px;
	font-family: 'Sigmar One', cursive;
	z-index: 2;
	position: relative;
	top: calc(50% - 50px);
	color: #fff;
	text-align: center;
	width: 100%;
	user-select: none;
	-webkit-user-select: none;
}

#congrats .particle {
	height: 50px;
	width: 50px;
	position: absolute;
	top: 45%;
	left: 45%;
	z-index: 1;
	font-size: 30px;
}

#congrats .star {
	color: #ffcc00;
}

#congrats .blob {
	background: #d5f2ff;
	border-radius: 50%;
	display: block;
}

.tr-no-background td:first-child:before {
	width: 0;
	bottom: 0;
	top: 0;
	background: #ffffff;
}

.tr-no-background td { background: #ffffff; }

/* popover */
.popover-content form.popover-form {
	display: block;
}

svg > g:last-child > g:last-child { pointer-events: none }
div.google-visualization-tooltip { pointer-events: none }

.modal-content iframe {
	width: 100%;
	height: 100%;
	min-height: inherit;
}

.modal-content.loader .modal-body::after {
	background: #fff url(/images/loader.gif) center center
	no-repeat;
	content: "";
	z-index: 1000;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;}

.modal-content.loader .modal-body + .modal-footer {
	display: none;
}

.modal-footer.sticky-footer {
	position: sticky;
	bottom: 0;
	background: white;
	z-index: 500;
}

.message.unseen {
    background: #ffe3c5;
}

.panel-body#collapse-tabs-box {
    padding: 0 10px
}


.p-b-none {
    padding-bottom: 0
}

.p-b-xxs {
    padding-bottom: 1px
}

.p-b-xs {
    padding-bottom: 5px
}

.p-b-sm {
    padding-bottom: 10px
}

.p-t {
    padding-bottom: 15px
}

.p-b-md {
    padding-bottom: 20px
}

.p-b-lg {
    padding-bottom: 30px
}

.p-b-xl {
    padding-bottom: 40px
}

@media screen and (max-width: 769px){
	.p-x-0{
		padding-right: 0!important;
		padding-left: 0!important;
	}
}

#collapse-tabs-box>.dashboard-header {
    padding-bottom: 0!important;
}

.select2-container > .select2-dropdown {
	z-index: 10000;
}

tr.bg-provider>td, tr.bg-mlst>td, tr.bg-service>td {
	padding-top: 10px!important;
	padding-bottom: 0!important;
}
tr.end-branch-line>td:not(.p-5) {
	padding-bottom: 10px!important;
}

table.tag-table > thead > tr,
table.tag-table > tfoot > tr {
	background: #2f4050;
	color: white;
}

table.tag-table > thead > tr > th:first-child,
table.tag-table > tfoot > tr > td:first-child {
	/*border-left: 2px solid #19aa8d;*/
}

table#table-transaction-live-services span.indenter {
	position: absolute;
}

table#table-transaction-live-services tr.expanded span.indenter a:before {
	content: "\f068";
	display: block;
	color: #505c69;
	font-weight: 900;
	font-family: "Font Awesome 5 Pro";
	font-size: 15px;
	margin-top: 7px;
	width: 13px;
}

table#table-transaction-live-services tr.collapsed span.indenter a, table#table-transaction-live-services tr.expanded span.indenter a {
	background: none;
}

table#table-transaction-live-services tr.collapsed span.indenter a:before {
	content: "\f067";
	display: block;
	color: #505c69;
	font-weight: 900;
	font-family: "Font Awesome 5 Pro";
	font-size: 15px;
	margin-top: 7px;
	width: 13px;
}

#table-transaction-live-services tbody>tr:first-child span.indenter {
	display: none!important;
}

#table-transaction-live-services .table-striped tr.odd .dataTables_empty,
.table#table-transaction-live-services .table {
	background: #f3f3f4;
}

/* quadrant box for report*/

.quadrant>div {
	padding: 0;
	background: #f5f5f5;
}

.quadrant .total {
	padding-top: 15px;
	font-weight: 30px;
	font-weight: bold;
}

.quadrant>.col-xs-6 {
	padding-top: 50%;
	border-color:#e5e6e7;
	border-style:solid;
}

.quadrant>.col-xs-6:nth-child(1) {
	border-width: 1px 1px 0;
}

.quadrant>.col-xs-6:nth-child(2) {
	border-width: 1px 1px 0 0;
}

.quadrant>.col-xs-6:nth-child(3) {
	border-width: 1px 1px 1px 1px;
}

.quadrant>.col-xs-6:nth-child(4) {
	border-width: 1px 1px 1px 0px;
}

.quadrant h3 {
	position: absolute;
	top: 50%;
	text-align:center;
	left:0;
	right:0;
	font-weight: 500;
	color: #333;
	transform: translateY(-50%);
	margin-bottom: 0;
}

.quadrant .layer1 h3, .quadrant .layer2 h3, .quadrant .layer3 h3, .quadrant .layer4 h3 {
	color: #fff
}

.quadrant .content {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.layer1,.layer2,.layer3,.layer4 {
	position:absolute;
	width: 50%;
	height: 50%;
	background-color: #1ab394;
	border-color: #569488;
	border-style: solid
}

.layer1 {
	border-width: 2px 0 0 2px;
	right: 0;
	bottom:0
}

.layer2 {
	border-width: 2px 2px 0 0;
	left: 0;
	bottom:0
}

.layer3 {
	border-width: 0 0 2px 2px;
	right: 0;
	top:0
}

.layer4 {
	border-width: 0 2px 2px 0;
	left: 0;
	top:0
}

.quadrant h3 {
	margin-top: 0px;
	font-weight: 300;
}

.chartImage {
	position: relative;
}

.chartImage:after {
	background-image: url(/img/chasm.png);
	background-repeat: no-repeat;
	content: "";
	position: absolute;
	top: 45px;
	right: 5px;
	left: 50px;
	bottom: 130px;
	background-size: 100% 100%;
}


@media (min-width: 576px) {
	.float-sm-left {
		float: left !important;
	}
	.float-sm-right {
		float: right !important;
	}
	.float-sm-none {
		float: none !important;
	}
}

@media (min-width: 768px) {
	.float-md-left {
		float: left !important;
	}
	.float-md-right {
		float: right !important;
	}
	.float-md-none {
		float: none !important;
	}
}

@media (min-width: 992px) {
	.float-lg-left {
		float: left !important;
	}
	.float-lg-right {
		float: right !important;
	}
	.float-lg-none {
		float: none !important;
	}
}

@media (min-width: 1200px) {
	.float-xl-left {
		float: left !important;
	}
	.float-xl-right {
		float: right !important;
	}
	.float-xl-none {
		float: none !important;
	}
}

/* icheck checkbox color */

.icheckbox_square-green {
	background: url(/css/plugins/iCheck/transparent.png) no-repeat;
	background-color: #2d8f7b;
}

.icheckbox_square-green:not(.hover):not(.checked) {
	background-color: transparent!important;
}

/* external calendar */

#external-list > div {
	position: relative;
}

/* color palette */

.color-palette {
	position: absolute;
	width: 200px;
	border: 1px solid #ccc;
	border-radius: 4px;
	bottom: calc(100% + 10px);
	background: #fff;
	right: -5px;
	padding: 3px;
}


.color-palette .color {
	border-radius: 50%;
	display: inline-block;
	outline: none;
	width: 18px;
	height: 18px;
	margin: 3px;
	cursor: pointer;
	position: relative;
	background-color: #e8eaed;
}

.color-palette .checked-color.active {
	opacity: 1;
}

.color-palette .checked-color {
	opacity: 0;
	transition: opacity 100ms linear;
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	color: #fff;
	display: block;
	line-height: 18px;
	font-size: 14px;
	text-align: center;
}

.color-palette .hex-container {
	text-align: center;
	margin: 5px 0;
	border-top: 1px solid #ccc;
	padding-top: 5px;
}

.color-palette .hex-container input {
	outline: none;
	border: 1px solid #ccc;
	text-align: center;
	border-radius: 3px;
	width: 60px;
	text-transform: uppercase;
}

.color-palette .hex-container .preview {
	margin-right: 8px;
	width: 19px;
	height: 19px;
	display: inline-block;
	position: relative;
	margin-bottom: -4px;
	border-radius: 50%;
	margin-left: 5px;
	box-shadow: 1px 1px #ccc;
}

/* task status list */

.task-status-list,
.task-priority-list,
.task-progress-list {
	position: absolute;
	width: 31px;
	top: 20px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
	right: -3px;
	padding: 3px;
	z-index: 5;
	display: none;
}

.task-status-list.open,
.task-priority-list.open,
.task-progress-list.open {
	display: block;
}


.task-status-list .task-status,
.task-priority-list .task-priority,
.task-progress-list .task-progress {
	border-radius: 50%;
	outline: none;
	width: 18px;
	height: 18px;
	margin: 3px;
	cursor: pointer;
	position: relative;
	background-color: #e8eaed;
	color: #333;
	line-height: 18px;
	padding: 0;
	text-align: center;
}

.task-progress-list .task-progress {
	margin: 3px 2px;
	height: 30px;
	width: 30px;
}

.task-priority {
	float: right;
}

.task-status,
.task-priority,
.task-hoursworked,
.complete-risk {
	padding: 10px 10px;
	height: 35px;
	font-size: 13px;
	display: block;
	line-height: 13px;
	width: 35px;
	cursor: pointer;
}

.task-hoursworked {
	padding: 10px 0;
	font-size: 11px;
}

.task-status-list,
.task-priority-list,
.task-progress-list {
	width: 42px;
	top: 33px;
}

.datatableview-footer__control-bar .task-status-list,
.datatableview-footer__control-bar .task-priority-list,
.datatableview-footer__control-bar .task-progress-list {
	bottom: 35px;
	top: initial;
}

.task-status-list .task-status, .task-priority-list .task-priority {
	width: 28px;
	height: 28px;
	line-height: 28px;
}

.task-status-list .task-status+.task-status,
.task-progress-list .task-progress+.task-progress,
.task-priority-list .task-priority+.task-priority {
	margin-top: 12px;
}

.task-progress {
	padding: 2px 3px 1px;
	display: block
}

.task-progress .progress-circle {
	height: 31px;
	width: 31px;
	margin: 0;
}

.task-progress .progress-circle:before {
	left: 3px;
	top: 3px;
	bottom: 3px;
	right: 3px;
	font-size: 10px;
}

.task-progress .progress-circle:hover:before,
.task-progress .progress-circle:focus:before {
	transform: scale(1);
}

.simple-tasks-table .actions i.fa-dollar-sign,
#table-modal-task .actions i.fa-dollar-sign,
#table-tiles-task .actions i.fa-dollar-sign {
	margin-top: 6px;
	font-size: 22px;
	margin-left: 5px;
}

.simple-tasks-table .actions>div,
#table-tiles-task .actions>div {
	margin-right: 5px;
	position: relative;
}

.simple-tasks-table .actions>div label.task-progress {
	position: relative!important;
	left:inherit;
	right:inherit;
	top:inherit
}

.workstats-container .task-progress {
	position: absolute;
	top: 8px;
	left: 150px;
}

.workstats-container .task-hoursworked {
	position: absolute;
	top: 8px;
	left: 110px;
}

.workstats-container .complete-risk {
	position: absolute;
	padding: 10px 2px;
	left: 192px;
	top: 8px;
}

.feed-element .workstats-container {
	margin-top: 30px;
}

.feed-element .workstats-container .complete-risk {
	bottom: 5px;
	left: 108px;
	top: initial;
}

.feed-element .workstats-container .task-progress {
	bottom: 5px;
	top: initial;
	left: 67px;
}

.feed-element .workstats-container .task-hoursworked {
	bottom: 5px;
	top: initial;
	left: 27px;
}

#_13ep {
	margin-top: 8px;
}

@media screen and (max-width: 769px) {
	.tasks-table thead > tr > th:nth-child(2) {
		width: 1px !important;
	}
	.tasks-table .task-status {
		margin-bottom: 5px;
	}
}

.w100 {
	width: 90px!important;
	padding: 6px
}

.task-priority-list .task-priority {
	color: #fff;
}

.task-status-list .task-status + .task-status,
.task-priority-list .task-priority + .task-priority {
	margin-top: 5px;
}

.task-status-list .checked-status.active,
.task-priority-list .checked-priority.active {
	opacity: 1;
}

.task-status-list .checked-status,
.task-priority-list .checked-priority {
	opacity: 0;
	transition: opacity 100ms linear;
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	color: #fff;
	display: block;
	line-height: 18px;
	font-size: 14px;
	text-align: center;
}

.task-name {
	width: calc(100% - 60px);
	display: inline-block;
}

.todolist-work-table .task-name {
	width: 70%;
}

.todolist-work-table .task-reminder {
	width: calc(30% - 70px);
	max-width: 160px;
	padding-bottom: 5px;
	display: inline-block;
}

.todolist-remind-column {
	margin-left: calc(70% - 49px)
}

@media screen and (max-width: 769px) {
	.todolist-remind-column {
		margin-left: 10px;
	}

	.todolist-work-table .task-reminder {
		width: 100%;
	}
}

/* modal */

.modal-dialog .modal-content {
	overflow: visible
}

.modal-dialog.upgraded .close {
	background-color: #fff;
	display: block;
	font-size: 32px;
	height: 36px;
	opacity: 1;
	position: absolute;
	right: 12px;
	text-align: center;
	top: 16px;
	width: 36px
}

.modal-dialog .close * {
	opacity: 0.3
}

.modal-dialog .close:hover * {
	opacity: 0.6
}

.modal-dialog .modal-child-header {
	display: none
}

.modal-dialog .modal-body {
	-webkit-transition: 0.2s cubic-bezier(0.77, 0, 0.175, 1);
	-moz-transition: 0.2s cubic-bezier(0.77, 0, 0.175, 1);
	transition: 0.2s cubic-bezier(0.77, 0, 0.175, 1);
	transition-duration: 0.6s;
	width: 100%
}

.modal-dialog .modal-body.slide-out-left {
	position: absolute;
	-webkit-transform: translate(-1500px, 0);
	-moz-transform: translate(-1500px, 0);
	-ms-transform: translate(-1500px, 0);
	-o-transform: translate(-1500px, 0);
	transform: translate(-1500px, 0)
}

.modal-dialog .modal-body.slide-in-right {
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	-webkit-transform: translate(1500px, 0);
	-moz-transform: translate(1500px, 0);
	-ms-transform: translate(1500px, 0);
	-o-transform: translate(1500px, 0);
	transform: translate(1500px, 0)
}

.modal-dialog .modal-body.slide-out-right {
	position: absolute;
	-webkit-transform: translate(1500px, 0);
	-moz-transform: translate(1500px, 0);
	-ms-transform: translate(1500px, 0);
	-o-transform: translate(1500px, 0);
	transform: translate(1500px, 0)
}

.modal-dialog .modal-body.slide-in-left {
	-webkit-transform: translate(-1500px, 0);
	-moz-transform: translate(-1500px, 0);
	-ms-transform: translate(-1500px, 0);
	-o-transform: translate(-1500px, 0);
	transform: translate(-1500px, 0)
}

.modal-dialog .breadcrumb {
	margin-right: 36px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.modal-dialog .breadcrumb>li {
	display: inline
}

.modal-dialog .modal-child .modal-child-header {
	display: block;
	margin-bottom: 10px
}

.modal-dialog h1.modal-title {
	font-size: 28px;
	margin: 0 15px 0 0
}

.modal-dialog h3.modal-title {
	font-size: 22px
}

@media (max-width: 767px) {
	.modal-dialog h1 {
		font-size:24px;
		line-height: 1.1
	}

	.modal-dialog .close,.modal-dialog .notice {
		margin-top: -5px
	}

	.modal-dialog .notice {
		right: 50px !important
	}

	.modal-dialog .modal-body {
		padding: 10px
	}
}

#modal-task-card span.task-progress {
	float: left;
	position: absolute;
	top: 30px;
}

#modal-task-card .task-progress-list {
	right: initial;
	top: 64px;
	left: 13px;
}

/* progress */
.progress-circle {
	background-color: #ddd;
	border-radius: 50%;
	display: inline-block;
	height: 15rem;
	margin: 4rem 2rem 0;
	position: relative;
	width: 15rem;
}
.progress-circle input {
	border: none;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	outline: none;
	text-align: center;
	position: absolute;
	top: 3px;
	left: 3px;
	margin: 0;
}

.progress-circle input::-webkit-outer-spin-button,
.progress-circle input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.progress-circle input[type=number] {
	-moz-appearance: textfield;
}

.progress-circle:before {
	-webkit-box-align: center;
	align-items: center;
	background-color: #fff;
	border-radius: 50%;
	content: attr(data-progress) '%';
	display: -webkit-box;
	display: flex;
	font-size: 3rem;
	-webkit-box-pack: center;
	justify-content: center;
	position: absolute;
	left: 1rem;
	right: 1rem;
	top: 1rem;
	bottom: 1rem;
	-webkit-transition: -webkit-transform 0.2s ease;
	transition: -webkit-transform 0.2s ease;
	transition: transform 0.2s ease;
	transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.progress-circle:after {
	background-color: #1ab394;
	border-radius: 50%;
	content: '';
	display: inline-block;
	height: 100%;
	width: 100%;
}
.progress-circle:hover:before,
.progress-circle:focus:before {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}
/**
* $step is set to 5 by default, meaning you can only use percentage classes in increments of five (e.g. 25, 30, 45, 50, and so on). This helps to reduce the size of the final CSS file. If you need a number that doesn't end in 0 or 5, you can change the text percentage while rounding the class up/down to the nearest 5.
*/
.progress-circle[data-progress="0"]:after {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #ddd), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, left top, right top, color-stop(50%, #1ab394), color-stop(50%, #ddd), to(#ddd));
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(90deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="1"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(93.6deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="2"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(97.2deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="3"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(100.8deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="4"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(104.4deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="5"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(108deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="6"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(111.6deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="7"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(115.2deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="8"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(118.8deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="9"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(122.4deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="10"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(126deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="11"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(129.6deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="12"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(133.2deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="13"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(136.8deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="14"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(140.4deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="15"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(144deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="16"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(147.6deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="17"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(151.2deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="18"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(154.8deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="19"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(158.4deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="20"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(162deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="21"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(165.60000000000002deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="22"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(169.2deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="23"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(172.8deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="24"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(176.4deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="25"]:after {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #ddd), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, #1ab394), color-stop(50%, #ddd), to(#ddd));
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(180deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="26"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(183.60000000000002deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="27"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(187.2deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="28"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(190.8deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="29"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(194.4deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="30"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(198deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="31"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(201.60000000000002deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="32"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(205.2deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="33"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(208.8deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="34"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(212.4deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="35"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(216deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="36"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(219.6deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="37"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(223.20000000000002deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="38"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(226.8deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="39"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(230.4deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="40"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(234deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="41"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(237.6deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="42"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(241.20000000000002deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="43"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(244.8deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="44"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(248.4deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="45"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(252deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="46"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(255.6deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="47"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(259.20000000000005deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="48"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(262.8deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="49"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(266.4deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="50"]:after {
	background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #1ab394), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #1ab394), color-stop(50%, #ddd), to(#ddd));
	background-image: linear-gradient(-90deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="51"]:after {
	background-image: linear-gradient(-86.4deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="52"]:after {
	background-image: linear-gradient(-82.8deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="53"]:after {
	background-image: linear-gradient(-79.2deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="54"]:after {
	background-image: linear-gradient(-75.6deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="55"]:after {
	background-image: linear-gradient(-72deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="56"]:after {
	background-image: linear-gradient(-68.4deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="57"]:after {
	background-image: linear-gradient(-64.8deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="58"]:after {
	background-image: linear-gradient(-61.2deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="59"]:after {
	background-image: linear-gradient(-57.6deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="60"]:after {
	background-image: linear-gradient(-54deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="61"]:after {
	background-image: linear-gradient(-50.4deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="62"]:after {
	background-image: linear-gradient(-46.8deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="63"]:after {
	background-image: linear-gradient(-43.199999999999996deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="64"]:after {
	background-image: linear-gradient(-39.6deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="65"]:after {
	background-image: linear-gradient(-36deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="66"]:after {
	background-image: linear-gradient(-32.4deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="67"]:after {
	background-image: linear-gradient(-28.799999999999997deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="68"]:after {
	background-image: linear-gradient(-25.200000000000003deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="69"]:after {
	background-image: linear-gradient(-21.599999999999994deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="70"]:after {
	background-image: linear-gradient(-18deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="71"]:after {
	background-image: linear-gradient(-14.399999999999991deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="72"]:after {
	background-image: linear-gradient(-10.799999999999997deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="73"]:after {
	background-image: linear-gradient(-7.200000000000003deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="74"]:after {
	background-image: linear-gradient(-3.599999999999994deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="75"]:after {
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #1ab394), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #1ab394), color-stop(50%, #ddd), to(#ddd));
	background-image: linear-gradient(0deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="76"]:after {
	background-image: linear-gradient(3.600000000000009deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="77"]:after {
	background-image: linear-gradient(7.200000000000003deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="78"]:after {
	background-image: linear-gradient(10.799999999999997deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="79"]:after {
	background-image: linear-gradient(14.400000000000006deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="80"]:after {
	background-image: linear-gradient(18deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="81"]:after {
	background-image: linear-gradient(21.60000000000001deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="82"]:after {
	background-image: linear-gradient(25.200000000000003deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="83"]:after {
	background-image: linear-gradient(28.799999999999997deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="84"]:after {
	background-image: linear-gradient(32.400000000000006deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="85"]:after {
	background-image: linear-gradient(36deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="86"]:after {
	background-image: linear-gradient(39.599999999999994deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="87"]:after {
	background-image: linear-gradient(43.20000000000002deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="88"]:after {
	background-image: linear-gradient(46.80000000000001deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="89"]:after {
	background-image: linear-gradient(50.400000000000006deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="90"]:after {
	background-image: linear-gradient(54deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="91"]:after {
	background-image: linear-gradient(57.599999999999994deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="92"]:after {
	background-image: linear-gradient(61.20000000000002deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="93"]:after {
	background-image: linear-gradient(64.80000000000001deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="94"]:after {
	background-image: linear-gradient(68.4deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="95"]:after {
	background-image: linear-gradient(72deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="96"]:after {
	background-image: linear-gradient(75.6deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="97"]:after {
	background-image: linear-gradient(79.20000000000002deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="98"]:after {
	background-image: linear-gradient(82.80000000000001deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="99"]:after {
	background-image: linear-gradient(86.4deg, #1ab394 50%, transparent 50%, transparent), linear-gradient(270deg, #1ab394 50%, #ddd 50%, #ddd);
}
.progress-circle[data-progress="100"]:after {
}
.sticky-row td {
	position: sticky;
	top: -21px;
	background: #ffffff;
	z-index: 1;
}

span.ShowWorkTableTasks {
	cursor: pointer;
}

/* apps  grid */

.top-navigation {
	position: relative;
	height: auto;
}


.apps .grid {
	margin: 15px;
	list-style: none;
	padding: 0;
}

.grid {
	cursor: pointer;
	display: grid;
	grid-gap: 15px;
	grid-template-columns: 1fr 1fr;
}

@media (min-width: 768px) {
	.grid {
		grid-template-columns: 1fr 1fr 1fr;
	}
}
@media (min-width: 992px) {
	.grid {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	}

	.apps .grid {
		margin: auto;
	}
}

@media (min-width: 1200px) {
	.apps {
		padding: 120px 0
	}
	.apps .grid {
		width: 60%
	}
}

.apps-window .size-action {
	float: right;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	margin-right: 5px;
	background: #1ab394;
	padding: 5px;
	border-radius: 50%;
	cursor: pointer;
	margin-right: 10px;
	display: none;
}

.apps-dual .apps-content + .apps-content {
	display: none;
}

@media (min-width: 1200px) {
	.apps-window .size-action {
		display: block;
	}

	.apps-dual .apps-content + .apps-content {
		margin-left: 14px;
		display: block;
	}

	.apps-dual .apps-content {
		width: calc(50% - 7px);
		height: 100%;
		background: #ffffff;
		overflow: auto;
		margin: auto;
		float: left;
	}
}

@media (min-width: 1200px) {
	.apps-split .apps .grid {
		width: inherit;
	}

	.apps-split .apps-window {
		width: calc(100% - 50%);
		margin-right: 50%;
	}

	.apps-dual .modal,
	.apps-split .modal {
		max-width: 50%;
	}

	.apps-dual .modal-dialog,
	.apps-split .modal-dialog {
		max-width: initial;
	}

	.apps-dual.modal-right .modal {
		margin-left: calc(50% + 7px);
	}
}


.apps-split .apps-content {
	width: 100%;
}

.apps-split #page-wrapper {
	padding-left: calc(50% + 15px);
}

.grid__item {
	position: relative;
	width: 100%;
}
.grid__item:before {
	content: "";
	height: 0;
	display: inline-block;
	padding-top: calc(100% - 4px);
	width: 1px;
	position: relative;
}
.grid__item .content-inside {
	margin: auto;
}
.grid__item .content {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	display: grid;
	border-radius: 3px;
	-webkit-box-align: center;
	align-items: center;
	justify-items: center;
	text-align: center;
	align-content: center;
}

.mini-app {
	padding: 3px;
	width: 49px;
	height: 49px;
	text-align:center;
	color: #fff;
	font-size: 10px;
	display: table-cell;
	vertical-align: middle;
	border-radius: 5px;
	left: 11px;
	position: relative;
}

.mini-app i {
	width: 43px;
	font-size: 13px;
}

.c-state {
	color: #ffffff;
	word-break: break-word;
}

.frame_loading {
	background: #fff url(/images/loader.gif) no-repeat center center
}

.apps-actions > i {
	position: absolute;
	right: 12px;
	top: 10px;
}

.top-navigation {
	background-color: #f3f3f4;
}

.top-navigation  .inmodal .modal-header {
	text-align: center;
}

.top-navigation  .modal {
	padding: 0!important;
	top: 60px;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto;
	position: fixed;
}

.iframe.top-navigation  .modal {
	top: 0;
}

.top-navigation .close {
	color: #fff;
	opacity: 1;
	text-shadow: none;
}

.top-navigation  .modal-dialog {
	width: auto;
	padding: 15px;
	margin: 0;
}

@media (min-width: 768px) {
	.top-navigation .modal-dialog.modal-md {
		width: 600px;
		margin: auto;
	}

	.top-navigation .modal-dialog.modal-sm {
		width: 300px;
		margin: auto;
	}
}


.transaction-work-table-box {
	position: relative;
	border-width: 1px;
	border-style: solid;
	border-radius: 10px;
	margin-bottom: 25px;
	background: #f3f3f4;
	border-color: #e1e1e1;
}

.transaction-work-table-box.open {
	border-color: #ccc;
}

.transaction-work-table-header {
	padding: 5px 1px;
	border-bottom: 1px solid #ccc;
	margin: 0 5px;
}

.transaction-work-table-header .btn-default {
	position: absolute;
	top: 6px;
	right: 5px;
}

.transaction-work-table-footer {
	padding: 5px;
	border-radius: 0 0 10px 10px;
	position: absolute;
	left: 78px;
	top: 20px;
}

.open .transaction-work-table-footer {
	border-radius: 0;
}

.transaction-work-description {
	border-bottom: 1px solid #ddd;
	position: relative
}

.transaction-work-description .btn.edit {
	position: absolute;
	right: 7px;
	top: 7px;
}

.transaction-work-description .btn.save {
	position: absolute;
	right: 7px;
	top: 20px;
}

.transaction-work-table-body {
	position: relative;
	padding: 5px 5px 15px;
}

.transaction-work-table-footer .ribbon-bar {
	float:right;
}

.transaction-work-table-body .actions-bar {
	position: absolute;
	right: 0;
	top: 0;
}

.transaction-work-table-body .task-progress-bar,
._14es .task-progress-bar {
	position: absolute;
	right: 15px;
	top: 38px;
	min-width: 215px;
	text-align: left;
}

.transaction-work-table-body .task-progress-bar {
	top: 30px;
}

._14es .task-progress-bar {
	top: 43px;
}

.transaction-work-table-footer .ribbon-bar .btn-link .fa {
	font-size: 18px;
}

.transaction-work-table-footer .ribbon-bar .btn-link .label {
	position: absolute;
	right: -4px;
	left: inherit!important;
	font-size: 0;
	height: 8px;
	width: 8px;
	border-radius: 50%;
	top: -8px!important;
}

.transaction-work-table-header strong {
	color: #333333;
}

.transaction-work-table-panel .service-card {
	display: block;
}

.transaction-work-table-header {
	padding: 5px 25px 5px 1px;
}

.transaction-work-table-header .btn-default {
	position: absolute;
	top: 2px;
	right: 5px;
}

@media (max-width: 700px) {
	.transaction-work-table-body {
		height: 90px;
	}

	.transaction-work-table-body .task-progress-bar {
		top: 53px;
	}

	.transaction-work-table-footer {
		top: 13px;
		left: 66px;
	}
}

@media (max-width: 500px) {
	.transaction-work-table-body {
		height: 99px;
	}

	.transaction-work-table-body .task-progress-bar {
		top: 27px;
	}

	.task-progress-bar .btn {
		left: 33px;
		top: -23px;
		position:relative;
	}

	.transaction-work-table-footer {
		top: 64px;
		right: 0;
		left: initial;
	}
}

.desks-list.boards-view .transaction-work-table-body,
.desks-list.tiles-view .transaction-work-table-body {
	height: 99px;
}

.desks-list.boards-view .transaction-work-table-body .task-progress-bar,
.desks-list.tiles-view .transaction-work-table-body .task-progress-bar {
	top: 27px;
}

.desks-list.boards-view .task-progress-bar .btn,
.desks-list.tiles-view .task-progress-bar .btn {
	left: 33px;
	top: -23px;
	position:relative;
}

.desks-list.boards-view .transaction-work-table-footer,
.desks-list.tiles-view .transaction-work-table-footer {
	top: 63px;
	right: 0;
	left: initial;
}

#demoCustom mark {
	padding:0 3px;
	margin:-1px -4px;
	border-radius:0.5em;
	border:1px solid pink;
}

[aria-describedby='dialog-add-task-work'] {
	max-width: 305px!important;
}

@media (min-width: 768px) {
	[aria-describedby='dialog-add-task-work'] {
		max-width: 515px!important;
	}
}

.nav-scroller {
	position: relative;
	z-index: 2;
	height: 2.75rem;
	overflow-y: hidden;
}

.nav-scroller .nav {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	padding-bottom: 1rem;
	margin-top: -1px;
	overflow-x: auto;
	color: rgba(255, 255, 255, .75);
	text-align: center;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

.nav-underline .nav-link {
	padding-top: .75rem;
	padding-bottom: .75rem;
	color: #6c757d;
}

.nav-underline .nav-link:hover {
	color: #007bff;
}

.nav-underline .active {
	font-weight: 500;
	color: #343a40;
}

.nav-link {
	display: block;
	padding: .5rem 1rem;
}

.btn-transparent {
	background: transparent;
}

@media (min-width: 992px) {
	.horizontal-scrollable > .row {
		overflow-x: auto;
		white-space: nowrap;
	}

	.horizontal-scrollable > .row > div[class^=col-] {
		display: inline-block;
		vertical-align: top;
		float: none;
	}
}

.breadcrumb.no-slash > li + li:before {
	display: none;
}

.fn-label .showDetail {
	display: inline-block;
	width: 21px;
}

.fn-label .img-user {
	width: 21px;
}

.fn-gantt .changed-dateby {
	border: 1px solid #FF9800;
}

.fn-gantt .bar .fn-label .btn,
.fn-gantt .bar .fn-label .label {
	height: 27px;
	width: 27px;
	margin: 1px 2px 0px 1px;
	padding: 7px;
}

.fn-gantt .bar .fn-label .btn {
	padding: 2px;
	border-radius: 50%
}


.fn-gantt .bar .fn-label .task-progress .progress-circle {
	width: 26px;
	height: 26px;
}


.fn-gantt .bar .fn-label .task-progress {
	padding: 0;
}

.favourites:hover i,
.favourites.favourite i {
	color: #FFC107;
	cursor: pointer;
}

span.show-children-icon a + .favourites {
	margin-left: 16px;
}

.task-progress-bar .btn {
	margin-left: -32px;
	margin-right: 6px;
	width: 26px;
	border: 1px solid #ccc;
	background: none;
}


.CodeMirror {
	font-size: 16px;
	display: block;
	width: 100%;
	height: 400px;
	padding: 10px;
	line-height: 1.428571429;
	color: #555555;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.CodeMirror pre {
	font-family: 'Open Sans', sans-serif;
}
.CodeMirror-focused {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.CodeMirror-linewidget {
	overflow: visible;
}

span.pill {
	background: #F7F75F;
	cursor: pointer;
}

/*span.pill {
  margin-bottom: 0;
  padding: 0 5px 2px;
  text-align: center;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
}

span.pill:hover,
span.pill:focus {
  background-color: #428bca;
  border-color: #357ebd;
}

span.pill:active,
span.pill.active {
  background-color: #3276b1;
  border-color: #285e8e;
}*/

.CodeMirror-selected, span.pill-highlight {
	background: #FFB3D7;
}
.CodeMirror-focused .CodeMirror-selected {
	background: #FFB3D7;
}


#content_area {
	min-height: 100%;
	background: #FDFEFE;
}

.content_wrapper_centered {
	width: 980px;
	padding: 20px 20px 80px 20px;
	margin-left: auto;
	margin-right: auto;
}

.vertical_content_centered {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px 0px 90px 0px;
}

.vertical_content_centered .content_wrapper_centered {
	padding-top: 100px;
}

.guide-arrow {
	display: none;
	position: absolute;
	font-style: italic;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, Oxygen, Cantarell, "Fira Sans", "Droid Sans", Helvetica, Arial, sans-serif;
	font-size: 28px;
	font-weight: 400;
	color: #FE4701;
	width: 200px;
	font-weight: normal;
	line-height: 1;
	padding-bottom: 40px;
}

.guide-arrow-right {
	background-image: url('/img/arrow_right_orange.png');
	background-position: bottom right;
	background-repeat: no-repeat;
}

#guide-waiting {
	margin-top: 0px;
	margin-left: -10px;
}

#create_success_wrapper a {
	text-decoration: none;
}

#create_success_wrapper .created_inbox_link {
	font-size: 36px;
	font-weight: 700;
	text-align: center;
	line-height: 140px;
	text-decoration: none;
}

#create_success_wrapper .created_inbox_link_wrapper .btn {
	color: #2C3E50;
}

#create_success_wrapper .created_inbox_link_wrapper .btn:hover, #create_success_wrapper .created_inbox_link_wrapper .btn:focus {
	border: 1px solid #2C3E50;
	background-color: #2C3E50;
	color: #FFFFFF;
}

#create_success_wrapper #waiting_info {
	display: block;
	font-size: 26px;
	font-weight: 400;
	line-height: 2.2;
	padding: 0px 0px 0px 50px;
	display: block;
}

#waiting_loading_img {
	position: absolute;
	margin-left: -40px;
	margin-top: 16px;
}

#create_success_wrapper #done_wrapper {
	display: none;
}

.copy_clipboard_trigger {
	cursor: pointer;
}


.btn-wizard-checkbox {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: block;
	position: relative;
	margin: auto;
	text-align: left;
	cursor: pointer;
}

.btn-wizard-checkbox > input[type='radio'] {
	position: absolute;
	opacity: 0;
}

.btn-wizard-checkbox > input[type='radio']:checked ~ span {
	border-color: #14977d;
	background-color: #14977d;
	color: white;
}

.btn-wizard-checkbox > input[type='radio']:checked ~ span::before {
	border-color: transparent;
	background-color: #f7f7f5;
}

.btn-wizard-checkbox > input[type='radio']:checked ~ span > svg.checkbox {
	opacity: 1;
}

.btn-wizard-checkbox > span {
	-webkit-transition: background-color .25s, border-color .25s, color .25s, transform .25s cubic-bezier(0.52, 0.02, 0.36, 1.44);
	-moz-transition: background-color .25s, border-color .25s, color .25s, transform .25s cubic-bezier(0.52, 0.02, 0.36, 1.44);
	transition: background-color .25s, border-color .25s, color .25s, transform .25s cubic-bezier(0.52, 0.02, 0.36, 1.44);
	display: block;
	width: 100%;
	margin: 20px auto;
	padding: 16px 24px 16px 48px;
	border: 0.5px solid rgba(65, 55, 70, 0.1);
	border-radius: 4px;
	background: #fff;
	box-shadow: 0 2px 6px 0 rgba(65, 55, 70, 0.1);
	font-size: 16px;
	font-weight: normal;
	pointer-events: none;
}

.btn-wizard-checkbox > span::before {
	-webkit-transition: background-color .25s, border-color .25s, color .25s;
	-moz-transition: background-color .25s, border-color .25s, color .25s;
	transition: background-color .25s, border-color .25s, color .25s;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 16px;
	width: 16px;
	height: 16px;
	margin: auto;
	border: 1px solid rgba(65, 55, 70, 0.2);
	border-radius: 50%;
	color: #f7f7f5;
}

.btn-wizard-checkbox > span > svg.checkbox {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 19px;
	margin: auto;
	stroke: #14977d;
	opacity: 0;
	padding: 0;
}

.btn-wizard-checkbox:hover > span {
	background-color: rgba(65, 55, 70, 0.05);
}

.btn-wizard-checkbox:hover > input[type='radio']:checked ~ span {
	border-color: #1ab394;
	background-color: #1ab394;
}

.btn-wizard-checkbox:active > span {
	-webkit-transform: scale(0.975);
	-moz-transform: scale(0.975);
	-ms-transform: scale(0.975);
	-o-transform: scale(0.975);
	transform: scale(0.975);
}


.uiLinkButton input {
	background: none;
	border: none;
	color: #365899;
	cursor: pointer;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.trans_tokens {
	padding-left: 10px;
}

.trans_tokens_button {
	margin-right: 10px;
	margin-top: 6px;
}

.trans_bar {
	background: #eee;
	border-style: solid;
	border-color: #ccc;
	border-width: 0px 1px 1px 1px;
}

.cke_button__savecontentbutton_label {
	display: inline!important;
}

.cke_combo__my-combo .cke_combo_inlinelabel {
	background-image: url(/img/fa-retweet.png);
	background-position: 0 0;
	background-size: 16px;
	cursor: inherit;
	background-repeat: no-repeat;
	margin-top: 5px;
	width: 22px;
	height: 21px;
	float: left;
	display: inline-block;
	padding-left: 0;
	margin-left: 5px;
}

.cke_combo__my-combo .cke_combo_button, .cke_button.cke_button__savecontentbutton {
	background-image: linear-gradient(to bottom,#49d8bb,#1b9a80);
	border-color: #179078;
}

.cke_combo__my-combo .cke_combo_button.cke_button_off:hover,
a.cke_button__savecontentbutton.cke_button_off:hover,
.cke_combo__my-combo .cke_combo_button.cke_button_off:focus,
a.cke_button__savecontentbutton.cke_button_off:focus,
.cke_combo__my-combo .cke_combo_button.cke_button_off:active,
a.cke_button__savecontentbutton.cke_button_off:active,
.cke_combo__my-combo .cke_combo_button.cke_button_disabled:hover,
a.cke_button__savecontentbutton.cke_button_disabled:hover,
.cke_combo__my-combo .cke_combo_button.cke_button_disabled:focus,
a.cke_button__savecontentbutton.cke_button_disabled:focus,
.cke_combo__my-combo .cke_combo_button.cke_button_disabled:active,
a.cke_button__savecontentbutton.cke_button_disabled:active {
	background-image: linear-gradient(to bottom,#3fbba2,#17846d);
}

.cke_combo__my-combo .cke_combo_open {
	display: none;
}

@media screen and (max-width: 769px) {
	.cke_toolbox > span:not(.cke_toolbar_last) {
		display: none;
	}
}

body div.zabuto_calendar .table tr td.event.dual_event div.day {
	background: linear-gradient(to bottom right, #6bceba 0%, #6bceba 50%, #ff7e2a 50%, #ff7e2a 100%);
}

body div.zabuto_calendar .table tr td.dual_event:not(.event) div.day {
	background: #ff7e2a;
}

.fc-view.fc-agendaWeek-view:not(.fc-expanded) .fc-day-grid.fc-unselectable,
.fc-view.fc-agendaDay-view:not(.fc-expanded) .fc-day-grid.fc-unselectable {
	max-height: 62px;
	overflow: hidden;
}

.webui-popover-content .cke {
	width: 100%;
}

.cke_float {
	z-index: 2000!important;
}

div#modal-task-card.guest-view .task-progress,
div#modal-task-card.guest-view .modal-body input,
div#modal-task-card.guest-view .modal-body button {
	pointer-events: none;
}

div#modal-task-card.guest-view .task-timer,
div#modal-task-card.guest-view .modal-footer,
div#modal-task-card.guest-view .label-notification,
div#modal-task-card.guest-view .cke_top,
div#modal-task-card.guest-view .cke_bottom,
div#modal-task-card.guest-view #modal-task-card-btn-add-work,
div#modal-task-card.guest-view #modal-task-card-btn-show-cal,
div#modal-task-card.guest-view #task-comments,
div#modal-task-card.guest-view #modal-task-provider-info-text + div,
div#modal-task-card.guest-view #filesBox,
div#modal-task-card.guest-view #filesTable .text-right {
	display: none!important;
}

.tasks-table .rating {
	width: 300px;
}

@media screen and (max-width: 769px) {
	.tasks-table .rating {
		width: 100%;
	}
}

#wrapper .datatableview .datatableview-footer__control-bar {
	position: relative;
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
	margin-top: -1px;
	margin-left: 1px;
	width: calc(100% - 3px);
	padding: 8px 22px 5px;
	font-size: 13px;
	z-index: 0;
	transition: all 0.2s ease-out;
	transition-duration: 150ms;
	transition-property: opacity, transform;
	opacity: 0;
	transform: translateY(40%);
	line-height: 36px;
}

@media only screen and (max-width: 991px) {
	#wrapper .datatableview .datatableview-footer__control-bar {
		padding-left: 15px;
		padding-right: 15px;
	}
}

#wrapper .datatableview .datatableview-footer__control-bar.visible {
	opacity: 1;
	transform: none;
	z-index: 28;
}

@media only screen and (max-width: 480px) {
	#wrapper .datatableview .datatableview-footer__control-bar .datatableview-footer__control-bar__select-buttons span {
		display: none;
	}
}

#wrapper .datatableview .datatableview-footer__control-bar .control-bar-action {
	margin: 3px 25px 0 0!important;
}

#wrapper .datatableview .datatableview-footer__control-bar .action-close {
	display: block;
	height: 10px;
	width: 10px;
	padding: 0;
	margin: 0 !important;
	border: none !important;
	position: absolute;
	right: 10px;
}

#wrapper .datatableview .datatableview-footer__control-bar .action-close:after {
	position: relative;
	display: block;
	content: '';
	height: 10px;
	width: 10px;
	-webkit-filter: brightness(1000%);
	filter: brightness(1000%);
	background: url('/img/icon-close.svg') no-repeat center;
	background-size: contain;
}

@media (max-width: 320px) {
	#wrapper .datatableview .datatableview-footer__control-bar .datatableview-footer__control-bar__select-buttons {
		display: block;
		margin: 10px 0 0 -14px;
	}
}

#wrapper .datatableview .datatableview-footer__control-bar::before {
	content: '';
	position: absolute;
	top: -8px;
	left: 16px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 10px 8px;
	border-color: transparent transparent #18a689 transparent;
}

@media only screen and (max-width: 991px) {
	#wrapper .datatableview .datatableview-footer__control-bar::before {
		left: 12px;
	}
}

#wrapper .datatableview .datatableview-footer__control-bar .btn {
	font-weight: bold;
	margin: -4px 5px 0;
}

@media (max-width: 991px) {
	#wrapper .datatableview .datatableview-footer__control-bar .btn {
		padding: 3px 8px;
	}
}

#wrapper .datatableview .datatableview-footer__control-bar .dropdown-menu {
	padding: 15px 0;
}

@media only screen and (max-width: 767px) {
	#wrapper .datatableview .datatableview-footer__control-bar .dropdown-menu {
		right: unset;
		left: 30px;
	}
}

#wrapper .datatableview .datatableview-control-bar {
	background: #18a689;
	color: #FFF;
	clear: both;
}

@media (max-width: 991px) {
	#wrapper .datatableview .datatableview-control-bar {
		padding-top: 10px;
	}
}

@media only screen and (max-width: 480px) {
	#wrapper .datatableview .datatableview-control-bar__selected-info {
		font-size: 11px;
	}
}

#wrapper .datatableview .datatableview-control-bar .btn-toolbar {
	float: right;
	margin-right: -15px;
}

@media (max-width: 991px) {
	#wrapper .datatableview .datatableview-control-bar .btn-toolbar {
		padding: 0 0 5px;
		margin-left: -18px;
	}
}

@media (max-width: 767px) {
	#wrapper .datatableview .datatableview-control-bar .btn-toolbar {
		margin-top: 15px;
		float: none;
	}
}

#wrapper .datatableview .datatableview-control-bar .btn-toolbar .btn-group:last-child .btn.datatableview-control-bar__more-dropdown.dropdown-toggle {
	margin-right: -1px;
}

#wrapper .datatableview .datatableview-control-bar__action, #wrapper .datatableview .datatableview-control-bar__more-dropdown {
	border: 1px solid transparent;
	color: #FFF;
	background-color: transparent;
	padding-left: 17px;
	padding-right: 17px;
	border-radius: 3px;
}

@media only screen and (max-width: 991px) {
	#wrapper .datatableview .datatableview-control-bar__action, #wrapper .datatableview .datatableview-control-bar__more-dropdown {
		padding-left: 12px;
		padding-right: 12px;
	}
}

#wrapper .datatableview .datatableview-control-bar__action:hover, #wrapper .datatableview .datatableview-control-bar__more-dropdown:hover {
	border-color: #FFF;
	background-color: transparent;
}

#wrapper .datatableview .datatableview-control-bar__action:active, #wrapper .datatableview .datatableview-control-bar__more-dropdown:active {
	background-color: transparent;
}

#wrapper .datatableview .control-bar-action.btn {
	border: 1px solid transparent;
	color: #FFF;
	background-color: transparent;
	padding-left: 17px;
	padding-right: 17px;
	border-radius: 3px;
}

@media only screen and (max-width: 991px) {
	#wrapper .datatableview .control-bar-action.btn {
		padding-left: 12px;
		padding-right: 12px;
	}
}

#wrapper .datatableview .control-bar-action.btn:hover {
	border-color: #FFF;
	background-color: transparent;
}

#wrapper .datatableview .control-bar-action.btn:active {
	background-color: transparent;
}

ul.cke_autocomplete_panel {
	width: 250px;
}

ul.cke_autocomplete_panel .photo {
	vertical-align: middle;
	float: left;
	height: 30px;
	border-radius: 50%;
}

.cke_autocomplete_panel .username {
	padding-left: 5px;
	color: #b7b7b7;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 190px;
}

.cke_autocomplete_panel .fullname {
	padding-left: 5px;
	display: inline-block;
	overflow: hidden;
	width: 190px;
}

.only-notification-body .notification-hidden {
	display: none;
}

.message-content .cke_top, .message-content .cke_bottom {
	display: none;
}

.message-content .cke_top, .message-content .cke_chrome {
	border: none;
}
@media (max-width: 767px) {
	.text-xs-center {
		text-align: center;
	}
}