@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI-SemiBold.eot');
    src: url('../fonts/SegoeUI-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUI-SemiBold.woff2') format('woff2'),
        url('../fonts/SegoeUI-SemiBold.woff') format('woff'),
        url('../fonts/SegoeUI-SemiBold.ttf') format('truetype'),
        url('../fonts/SegoeUI-SemiBold.svg#SegoeUI-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI-Light.eot');
    src: url('../fonts/SegoeUI-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUI-Light.woff2') format('woff2'),
        url('../fonts/SegoeUI-Light.woff') format('woff'),
        url('../fonts/SegoeUI-Light.ttf') format('truetype'),
        url('../fonts/SegoeUI-Light.svg#SegoeUI-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI-Bold.eot');
    src: url('../fonts/SegoeUI-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUI-Bold.woff2') format('woff2'),
        url('../fonts/SegoeUI-Bold.woff') format('woff'),
        url('../fonts/SegoeUI-Bold.ttf') format('truetype'),
        url('../fonts/SegoeUI-Bold.svg#SegoeUI-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI.eot');
    src: url('../fonts/SegoeUI.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUI.woff2') format('woff2'),
        url('../fonts/SegoeUI.woff') format('woff'),
        url('../fonts/SegoeUI.ttf') format('truetype'),
        url('../fonts/SegoeUI.svg#SegoeUI') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
	outline: none !important; 
}
body {
	background: #f6f8f9;
	font-family: 'Segoe UI';
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
} 
label {
	margin: 0;
} 
a,.list-title,.pointer{
	cursor: pointer;
	text-decoration: none !important;
} 
a:hover, 
a {
    color: #3b0090;
}
p { 
	margin-bottom: 0;
}
textarea{
	resize: none;
}
.cardcreatwt > button {
	background: transparent;
	border: 0;
	padding: 9px;
	font-size: 13px;
	margin: auto;
	display: block;
	color: #6b778c;
	border-radius: 4px;
	width: 100%;
	text-align: center;
}
.activity-detail-action:hover, .button-subtle:hover, .members-list .header-text:hover, .button-link:hover {
	background: #f7f7f7;
	border-color: #c8c8c8;
}
.cardcreatwt > button:hover {
	background-color: rgba(9,30,66,.02);
	color: #535353;
}
.board-list.ui-sortable-helper {
	background: #ecf0f1;
}
.dummyinp {
	position: relative;
}
.dummyinp ul li, .fu_ninja_inp ul li {
	padding: 7px 20px;
	border-bottom: 1px solid #f1f1f1;
	cursor: pointer;
}
.dummyinp ul li:last-child, .fu_ninja_inp ul li:last-child { 
	border-bottom: 0; 
}
.multi_tags span {
	border: 1px solid #f1f1f1;
	padding: 3px 12px;
	display: inline-block;
	vertical-align: middle;
} 
.multi_tags span i {
	margin-left: 6px;
	font-style: normal;
}
.multi_tags input {
	border: 0px;
	display: inline-block;
	vertical-align: middle;
}
.exist-member {
	border-bottom: 1px solid #f1f1f1;
	width: 100%;
	padding: 7px;
	overflow-y: auto;
	box-sizing: border-box;
}
.members input {
	background-color: transparent;
	border: none;
	box-shadow: none;
	font-size: 14px;
	overflow-x: auto;
	overflow-y: hidden;
	margin: 0;
	padding: 0;
	max-width: 100%;
	min-height: 36px;
	width: 100%;
}
.exist-member u {
	display: flex;
	align-items: center;
	padding: 5px 10px;
	border-radius: 3px;
	margin-top: 6px;
	text-decoration: none;
	cursor: pointer;
}
.exist-member u:hover {
	background-color: #e4f0f6;
}
.memeber_list {
	border: 1px solid #f1f1f1;
	box-shadow: 0 8px 16px -4px rgba(9,30,66,.25),0 0 0 1px rgba(9,30,66,.08);
	background-color: #fff;
	border-radius: 3px;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 105%;
	width: 100%;
	z-index: 10;
	margin: 0;
	overflow-y: visible;
}
.boardlistscroll .board-list {
	width: 310px;
	display: inline-block;
	vertical-align: top;
	padding: 8px;
	height: 100%;
	border-radius: 5px;
	border: 1px solid transparent;
	transition: box-shadow 250ms;
}
.boardlistscroll .board-list:hover,
.newlist:hover {
	border-color: #eaeaea;
}
.funinja_boards_cards.active {
	background: transparent;
	padding: 0;
	border-radius: 0;
} 
.list-cards .card.ui-sortable-helper {
	border-color: #3b0090 !important;
}
.boardlistscroll {
	display: flex;
	overflow: auto;
	white-space: nowrap;
	height: calc(100vh - 60px);
	padding: 12px 12px 0;
}
.funinja_boards_cards {
	background: linear-gradient(180deg, rgba(232, 236, 238, 0.7) 0%, rgba(232, 236, 238, 0) 100%);
	border-radius: 8px;
	padding: 10px;
	height: calc(100vh - 147px);
	overflow-y: auto;
}
.boardlistscroll .card {
	margin-bottom: 10px;
	padding: 13px;
	cursor: pointer;
	display: block;
	max-width: 100%;
	min-height: 80px;
	position: relative;
	border-radius: 4px;
	box-shadow: 0 1px 4px 0 rgba(21,27,38,.08);
	background: #fff;
	border: 1px solid #e8ecee;
}
.boardlistscroll .card:hover {
	box-shadow: 0 2px 10px 0 rgba(21,27,38,.1); 
	border: 1px solid #cbd4db;
}
.label_txt {
	color: #151b26;
	font-size: 17px;
	font-weight: 500;
	line-height: 32px;
}
.list-title {
	padding: 0px 36px 0px 0;
	position: relative;
	margin-bottom: 8px;
	color: #151b26;
	font-size: 15px;
	font-weight: 500;
	line-height: 28px;
	min-height: 34px;
}
.newlist button.lbl_creator_btn {
	border: 0px;
	font-size: 14px;
	color: #0f0f0f;
	position: relative;
	width: 292px;
	padding: 8px;
	border-radius: 4px;
	background: transparent;
	text-align: left;
}
.newlist button:hover {
	background-color: rgba(0,0,0,.03);
}
.editcard {
	border-radius: 3px;
	opacity: 0.7;
	padding: 4px;
	position: absolute;
	right: 5px;
	visibility: hidden;
	z-index: 40;
	font-size: 10px;
	top: 6px;
	margin: auto;
	height: 27px;
	width: 27px;
	text-align: center;
	color: #6c6c6c !important;
}
.card  .editcard:hover  {
	background-color: #f4f5f7;
}
.card:hover .editcard  {
	visibility: visible;
}
.cardcreatwt button i {
	color: #6b778c;
	margin-right: 7px;
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: 0px;
}
.cardassign {
	height: 28px;
	width: 28px;
	float: right;
	background-color: #dfe1e6;
	border-radius: 50%;
	color: #172b4d;
	cursor: pointer;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	font-weight: 700;
}
.bottomdatacards span i {
	margin-right: 5px;
	color: #6b778c;
}
.bottomdatacards span {
	display: inline-block;
	font-size: 11px;
	margin-top: 4px;
	margin-right: 8px;
}
.bottomdatacards span.check {
	font-size: 12px;
}
.bottomdatacards span.check.active i {
	color: #fff;
}
.bottomdatacards span.check.active {
	background-color: #61bd4f;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	margin: 4px 4px 0 0;
	max-width: 100%;
	min-height: 20px;
	overflow: hidden;
	position: relative;
	padding: 2px 4px;
	text-decoration: none;
	text-overflow: ellipsis;
	vertical-align: top;
}
.bottomdatacards {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	margin-top: 8px;
}
.card-composer textarea {
	margin-bottom: 10px;
	padding: 10px;
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(9, 30, 66, 0.07);
	cursor: pointer;
	display: block;
	max-width: 100%;
	min-height: 20px;
	position: relative;
	border: 0px;
	border-radius: 4px;
	width: 100%;
	resize: none;
	font-size: 13px;
}
.btn_controls button:first-child {
	cursor: pointer;
	display: inline-block;
	font-weight: 400;
	margin-bottom: 0px;
	padding: 8px 13px 7px;
	background-color: #3b0090;
	border: none;
	color: #fff;
	border-radius: 3px;
	line-height: normal;
	font-size: 13px;
	vertical-align: middle;
}
.btn_controls button:last-child {
	border: 0px;
	background: transparent;
	text-align: center;
	margin-left: 8px;
}
.btn_controls button:last-child i {
	font-size: 20px;
}
.newlist button i {
	color: #6b778c;
	margin-right: 7px;
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px;
} 
.newlist {
	padding: 8px;
	height: 100%;
	border-radius: 5px;
	border: 1px solid transparent;
	transition: box-shadow 250ms;
	width: 310px;
}
.cardpopupouter.active {
}
.cardpopupouter { 
    
    transform: translateX(-100%);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    background-color: #fff;
    border-left: 1px solid #e8ecee;
    border-top: 1px solid #e8ecee;
    bottom: 0;
    box-shadow: 0 5px 20px 0 rgba(21,27,38,.08);
    left: 100%;
    max-width: 600px;
    position: fixed;
    top: 60px;
    transition: .2s ease-in;
    width: 55%;
    z-index: 600;
    height: calc(100vh - 62px);
    overflow: auto;
}
.edit_padding {
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	padding: 32px;
	position: relative;
}
.tabbed-pane-main {
	width: 100%;
	max-width: 550px;
	display: flex;
	flex-direction: column;
	margin: auto;
}
.form_avter_one {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
.edit_profile .row span.details {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 12px;
	margin-top: 0;
	color: #172b4d;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -.003em;
	line-height: 16px;
	margin-top: 16px;
	margin-top: 0;
	padding-top: 16px;
}
.edit_profile .row span.css-codm9 {
	-moz-box-align: center;
	align-items: center;
	background-color: rgb(250, 251, 252);
	border-radius: 3px;
	box-sizing: border-box;
	color: rgb(23, 43, 77);
	display: flex;
	flex: 1 1 100%;
	font-size: 14px;
	-moz-box-pack: justify;
	justify-content: space-between;
	max-width: 100%;
	overflow: hidden;
	transition: background-color 0.2s ease-in-out 0s, box-shadow 0.2s ease-in-out 0s;
	overflow-wrap: break-word;
	vertical-align: top;
	pointer-events: auto;
	border: medium none;
	box-shadow: rgb(223, 225, 230) 0px 0px 0px 2px inset;
	line-height: 20px;
	padding: 0px;
}
.edit_profile .row span input,
.edit_profile .row span textarea {
	background-color: inherit;
	box-shadow: inherit;
	margin: unset;
	transition: inherit;
	padding: 8px 12px;
	border-radius: inherit;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: #172b4d;
	outline: none;
	border: none;
	display: block;
	box-sizing: border-box;
	-webkit-appearance: none;
	min-width: 0px;
	width: 100%;
	height: 2.57143em;
}
.add_update #new_email {
	background-color: inherit;
	box-shadow: inherit;
	margin: unset;
	transition: inherit;
	padding: 8px 12px;
	border-radius: inherit;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: #172b4d;
	outline: none;
	display: block;
	box-sizing: border-box;
	-webkit-appearance: none;
	min-width: 0px;
	width: 250px;
	height: 2.57143em;
}
#email_update {
	background-color: #5aac44;
	box-shadow: none;
	border: none;
	color: #fff;
	margin-top: 5px;
	margin-right: 0;
	width: 180px;
	padding: 5px;
	border-radius: 3px;
}
#email_update[disabled="disabled"],
 #email_update[disabled="true"] {
	background-color: #979797;
}
.im-upload-frm img {
	max-height: 30px;
}
.edit_profile .row span textarea {
	height: 72px;
	resize: vertical;
	background-color: #fafbfc;
	border: none;
	box-shadow: inset 0 0 0 2px #dfe1e6;
	color: #172b4d;
	box-sizing: border-box;
	-webkit-appearance: none;
	border-radius: 3px;
	display: block;
	line-height: 20px;
	margin-bottom: 0;
	padding: 8px 12px;
	transition-property: background-color,border-color,box-shadow;
	transition-duration: 85ms;
	transition-timing-function: ease;
	overflow: auto;
}
.edit_profile .row {
	margin: 0;
}
.edit_avtar1 {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin-right: 4px;
	margin-top: 16px;
}
.av_heading {
	color: #172b4d;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -.003em;
	line-height: 16px;
	margin-top: 16px;
	margin-top: 0;
	margin-bottom: 12px;
}
.avtar_img {
	border-radius: 50%;
	cursor: pointer;
	overflow: hidden;
	position: relative;
}
.avtar_title {
	position: relative;
	line-height: 10px;
	overflow: hidden;
	white-space: nowrap;
}
.top__info_img.avtar_title {
	width: 100px;
	height: 100px;
	margin: 0;
}
.edit_option {
	background: linear-gradient(0deg,rgba(0,0,0,.5) 50%,transparent 0);
	border-radius: 0;
	border: none;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	height: 100%;
	line-height: 2.5em;
	margin: 0;
	padding-bottom: 8px;
	padding-top: 50%;
	position: absolute;
	text-decoration: underline;
	top: 0;
	visibility: hidden;
	width: 100%;
}
.avtar_img:hover .edit_option {
	visibility: visible;
}
form#edit_profile {
	display: flex;
	flex-direction: column;
	flex: 0 0 355px;
}
.edit_profile [type="submit"]:hover {
	background-color: #61bd4f;
	box-shadow: none;
	border: none;
	color: #fff;
}
.edit_profile [type="submit"] {
	margin-top: 40px;
	margin-right: 0;
	color: #fff;
	border-radius: 3px;
	border: 0;
	background-color: #5aac44;
	box-shadow: none;
	border: none;
	color: #fff;
	box-sizing: border-box;
	-webkit-appearance: none;
	border-radius: 3px;
	border: none;
	display: inline-block;
	line-height: 20px;
	margin-bottom: 8px;
	padding: 6px 12px;
	text-decoration: none;
	position: relative;
	width: 100%;
}
.top_img {
	display: block;
	margin: 18px auto 42px;
	max-width: 100%;
	height: auto;
	width: 100%;
}
h1.mange_heading {
	color: #172b4d;
	font-size: 24px;
	font-weight: 600;
	letter-spacing: -.01em;
	line-height: 28px;
	margin-top: 40px;
	margin-top: 0;
	margin-bottom: 10px;
}
p.privacy_para {
	color: #5e6c84;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 8px;
	white-space: pre-line;
}
h3.about_heading {
	color: #172b4d;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -.008em;
	line-height: 24px;
	margin-top: 28px;
	font-weight: 500;
	line-height: 26px;
	margin-top: 40px;
}
.add_update {
	position: relative;
	font-size: 12px;
	line-height: 24px;
	border: 2px solid #dfe1e6;
	padding: 8px 12px;
	margin-bottom: 12px;
	border-radius: 3px;
}
.mail_option {
	font-size: 14px;
	line-height: 20px;
	color: #172b4d;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	width: calc(100% - 12px);
}
.updation_date {
	color: #5e6c84;
	margin: 0;
}
.change_btn[type="button"] {
	font-weight: 400;
	align-self: flex-start;
	font-size: 14px;
	letter-spacing: 0;
	margin-top: 0;
	border-radius: 3px;
	border: 0;
	text-decoration: none;
	background-color: rgba(9,30,66,.04);
	line-height: 20px;
	padding: 6px 12px;
	outline: 0;
	position: relative;
	display: inline-block;
}
.line_ex {
	margin-top: 0;
	margin-bottom: 10px;
	width: 100%;
}
.tabbed-pane-header {
	background-color: #f4f5f7;
}
.tabbed-pane-header-wrapper {
	flex-direction: column;
	margin: 0 auto;
	max-width: 650px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 50px 0;
}
.top_info {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 0;
}
.top__info_img {
	position: relative;
	border-radius: 50%;
	cursor: pointer;
	overflow: hidden;
	width: 50px;
	height: 50px;
	border: 1px solid #ccc;
	background: #f1f1f1;
	text-transform: uppercase;
	font-size: 23px;
	justify-content: center;
	align-items: center;
	display: flex;
}
.ml-auto img {
	filter: unset !important;
	padding: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}
.top__info_img.avtar_title {
	width: 100px;
	height: 100px;
	border: 1px solid #ccc;
	font-size: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
	color: #535353;
	background: #f9f9f9;
}
.ac_name {
	display: flex;
	align-items: baseline;
}
.ac_name_big {
	font-size: 24px;
	font-weight: 500;
	line-height: 28px;
	color: #0c3953;
	margin-right: 10px;
}

.ac_mail {
	font-size: 12px;
	line-height: 20px;
	color: #5e6c84;
}
.change_btn[type="button"]:hover {
	background-color: rgba(9,30,66,.08);
	box-shadow: none;
	border: none;
}
.top__info_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.tabbed-pane-nav {
	background-color: #f4f5f7;
	border-bottom: 1px solid #dfe1e6;
	position: relative;
	text-align: center;
}
.tabbed-pane-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	justify-content: center;
	align-items: center;
	display: flex;
}
.top_nav.tabbed-pane-nav li {
	display: inline-block;
}
.top_nav.tabbed-pane-nav li a.active {
	background-color: #fff;
	border-color: #dfe1e6;
	cursor: default;
	margin-bottom: -1px;
	padding-bottom: 9px;
}
.top_nav.tabbed-pane-nav li a {
	background-color: #dfe1e6;
	border: 1px solid #dfe1e6;
	display: inline-block;
	font-weight: 700;
	margin: 2px 2px 0;
	padding: 8px 20px;
	text-decoration: none;
	box-sizing: border-box;
	border-bottom: 0;
	cursor: pointer;
	border-radius: 5px 5px 0 0;
	color: #172b4d;
}

/*****Sidebar Notification********/

 
.top_heading .sidebar_close {
	cursor: pointer;
	z-index: 2;
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 15px;
	width: 15px;
	line-height: 5px;
}
.filter_read_btn {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1;
	display: flex;
	flex-direction: row;
	background-color: #fff;
	padding: 0 16px 8px 12px;
	justify-content: space-between;
	width: 100%;
}
.both_btn {
	box-sizing: border-box;
	-webkit-appearance: none;
	border-radius: 3px;
	border: none;
	display: inline-block;
	line-height: 20px;
	margin-bottom: 8px;
	padding: 6px 12px;
	text-decoration: none;
	position: relative;
}
.both_btn {
	background: none;
	border: none;
	box-shadow: none;
	color: #6b778c;
	padding: 0;
	text-decoration: underline;
	font-weight: 400;
}
.both_btn:hover, .both_btn:focus {
	color: #172b4d;
	outline: none;
	background-color: transparent;
	box-shadow: none;
}
.no_notfi {
	margin-bottom: 68px;
	min-height: 285px;
	position: relative;
}
.top__info_img.noti_img {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: 12px 0;
	position: absolute;
	top: 16px;
	bottom: 16px;
	left: 0;
	right: 0;
	padding: 0 8px;
	width: 100%;
	height: 100%;
}
.top__info_img.noti_img img {
	display: block;
	margin-bottom: 32px;
	height: 133px;
	width: 107px;
}
.no_notfi h3 {
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 8px;
	color: #6b778c;
	font-weight: 400;
}
.no_notfi h4 {
	font-size: 12px;
	line-height: 14px;
	color: #6b778c;
	font-weight: 400;
}
.view_all_one a {
	color: #172b4d;
	text-decoration: underline;
	cursor: pointer;
}
dl, ol, ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.noti_extra ul li a.chag_allow_one {
	background: #fff;
	color: #172b4d;
	display: block;
	height: 100%;
	padding: 6px 12px;
	text-align: left;
	text-decoration: none;
	width: 100%;
	transition: none;
	cursor: pointer;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}
.noti_extra ul li a.chag_allow_one:hover {
	border: none;
	box-shadow: none;
	color: #172b4d;
	background: rgba(9,30,66,.04);
}
.tab-notify {
	background: transparent;
	padding: 8px 0;
}
.undefined {
	background: #f4f5f7;
	border-radius: 3px;
	border: 0;
	box-shadow: 0 1px 1px rgba(9,45,66,.25),0 0 0 1px rgba(9,45,66,.08);
	margin: 0 16px 0 48px;
	min-height: 32px;
	padding: 0 0 8px;
	position: relative;
	width: 360px;
}
.mark_for_read {
	position: absolute;
	top: 0;
	left: -32px;
}
.toggle-unread-button {
	flex-shrink: 0;
	margin-left: auto;
	min-height: 16px;
	min-width: 16px;
	align-items: center;
	background-color: transparent;
	cursor: pointer;
	display: flex;
	height: 24px;
	justify-content: center;
	margin-bottom: 8px;
	padding: 0;
	width: 24px;
	outline: none;
}
.toggle-unread-button::before {
	border-radius: 100%;
	border: 1px solid #dfe1e6;
	box-sizing: border-box;
	content: "";
	display: block;
	background-color: inherit;
	border-color: #dfe1e6;
	height: 16px;
	width: 16px;
}
.header_tab {
	color: rgb(255, 255, 255);
	background-color: rgb(4, 4, 4);
	background-image: linear-gradient(0deg, rgba(204, 70, 25, 0.7) 50%, rgba(204, 70, 25, 0.7) 0%), url("https://fudogdesigns.co/img/urgent_vipul.jpg");
	width: 360px;
	background-position: bottom;
	background-size: 100% 64px, cover;
	height: auto;
	border: none;
	border-radius: 3px;
	box-sizing: border-box;
	overflow: hidden;
	padding: 8px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.go_board_link {
	margin: 8px 8px 0;
	width: calc(100% - 16px);
	background-color: #fff;
	border-radius: 3px;
	box-sizing: border-box;
	box-shadow: 0 1px 0 0 rgba(9,30,66,.25);
	display: block;
	padding-bottom: 6px;
	position: relative;
	overflow: hidden;
	color: #172b4d;
}
.go_text {
	color: #172b4d;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	margin: 0;
	padding: 6px 8px 0;
	word-wrap: break-word;
}
.go_board_link:hover {
	background-color: #f4f5f7;
	text-decoration: none;
}
.go_sub_link {
	display: flex;
	font-size: 12px;
	height: 16px;
	line-height: 16px;
	letter-spacing: -.2px;
	padding: 4px 8px;
}
.main_board:hover, .go_sub_link span:hover {
	color: inherit;
}
.main_board, .go_sub_link span {
	display: inline-block;
	font-size: inherit;
	height: 100%;
	margin: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #fff;
	font-weight: 500;
}
.how_mention {
	margin: 16px 8px 8px;
	display: flex;
	align-items: baseline;
}
.small_avter_text {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 8px;
	height: 24px;
	width: 24px;
	line-height: 24px;
	background: #dfe1e6;
	overflow: hidden;
	border-radius: 100%;
}
.samll_inner {
	color: #172b4d;
	display: inline-flex;
	font-size: 12px;
	font-weight: 700;
	justify-content: center;
	line-height: 28px;
	opacity: 1;
	height: 28px;
	width: 28px;
	overflow: hidden;
}
.main_name {
	font-weight: 700;
	white-space: pre-line;
	line-height: 24px;
	color: #172b4d;
}
.hour_mention {
	display: flex;
	padding: 2px 8px;
	margin-bottom: 0;
	margin-top: 8px;
	align-items: center;
}
.user_ex {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	border-radius: 48px;
	box-sizing: border-box;
	border: 1px solid #dfe1e6;
	margin-right: 8px;
}
.add-member {
	height: 20px;
	font-size: 16px;
	line-height: 20px;
	width: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.add-member img {
	padding: 2px;
	width: 18px;
	height: 18px;
}
.hour_text {
	color: #172b4d;
	flex: 1 1 auto;
	position: relative;
}
.conti_hours {
	font-size: 12px;
	line-height: 14px;
	margin: 0 0 6px;
	min-width: 105px;
	color: #6b778c;
}
 
.navbar.navbar-light {
	background-color: #17bee9 !important;
	position: relative;
}
.navbar-expand-md .container {
	max-width: 100%;
	width: 100%;
	padding: 0;
}
.nav-item.dropdown a.nav-link {
	width: 30px;
}
.serch_bar input::placeholder {
    opacity: 1;
    color: #fff;
}
.navbar .same_btn_one a {
	width: 30px;
	height: 30px;
	border-radius: 3px;
	border: 0;
	cursor: pointer;
	text-decoration: none;
	align-items: center;
	background-color: #00a3cd;
	color: #fff;
	display: flex;
	font-weight: 700;
	margin: 0 4px 0 0;
	padding: 0;
	transition: .1s ease;
	align-items: center;
	justify-content: center;
}
.navbar .same_btn_one a img {
	width: 20px;
	height: 20px;
	padding: 2px;
	filter: invert(99%) sepia(100%) saturate(0%) hue-rotate(311deg) brightness(101%) contrast(100%);
}
.navbar .same_btn_one a.wide_one_btn img {
	height: 30px;
	float: left;
	margin-right: 5px;
}
.navbar .same_btn_one a.wide_one_btn {
	width: 100px;
}
.navbar .same_btn_one a span {
	transition: .1s ease;
	overflow: hidden;
	padding: 0 8px 0 2px;
	max-width: 150px;
}
.serch_bar input {
	background-color: #00a3cd;
	border-radius: 3px;
	border: none;
	box-shadow: none;
	box-sizing: border-box;
	color: #fff;
	float: left;
	font-size: 13px;
	height: 30px;
	line-height: 19px;
	margin: 0;
	outline: none;
	padding-left: 8px;
	padding-right: 30px;
	transition: width .15s;
	width: 180px;
}
.serch_bar {
	position: relative;
}
.serch_bar [type="submit"] {
	color: #fff;
	position: absolute;
	right: 2px;
	height: 30px;
	width: 40px;
	padding: 0;
	font-size: 0;
	background-image: url('https://fudogdesigns.co/img/search.svg');
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
	filter: invert(99%) sepia(100%) saturate(0%) hue-rotate(311deg) brightness(101%) contrast(100%);
	background-color: transparent;
}
.same_btn_one {
	display: flex;
}
.navbar .right_side_btn.same_btn_one a.dropdown-item {
	width: auto;
	height: 40px;
	border-radius: 0;
	margin: 0;
	border-bottom: 1px solid #fff;
	font-size: 14px;
	line-height: normal;
}
.navbar .right_side_btn.same_btn_one a.dropdown-item:last-child {
	border-bottom: none;
}
.navbar .right_side_btn.same_btn_one .dropdown-menu {
	padding: 0;
	border-radius: 3px;
	box-shadow: none;
	border: none;
}
.dropdown-item.border_none {
	border-bottom: none !important;
}
.navbar .right_side_btn.same_btn_one a.dropdown-item:hover {
	background-color: #17bee9;
}
.navbar .same_btn_one a.user_ex::after {
	display: none;
}
.navbar .same_btn_one a span.caret {
	padding: 0;
}
.navbar .same_btn_one a.user_ex {
	overflow: hidden;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	color: #fff !important;
	text-align: center;
}
.navbar .navbar-brand {
	display: block;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	top: 5px;
	margin: 0;
}
.navbar .navbar-brand img {
	max-width: 40px;
	margin-right: 10px;
	max-height: 30px;
}
.navbar .navbar-brand {
	display: block;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	top: 5px;
	margin: 0;
	color: #fff !important;
}
.card-header.card_top_one {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.views_one a img {
	width: 25px;
	margin: 0 5px;
}
.views_one a:hover img {
	filter: invert(73%) sepia(97%) saturate(2592%) hue-rotate(153deg) brightness(93%) contrast(97%);
}
.views_one a {
	position: relative;
}
.views_one a::after {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all 0.18s ease-out 0.18s;
	transition: all 0.18s ease-out 0.18s;
	font-weight: normal !important;
	font-style: normal !important;
	text-shadow: none !important;
	font-size: .8rem !important;
	background: rgba(33,37,41,0.9);
	border-radius: 4px;
	color: #fff;
	content: attr(data-balloon);
	padding: .5em 1em;
	position: absolute;
	z-index: 10;
	bottom: 100%;
	left: 50%;
	margin-bottom: 11px;
	-webkit-transform: translate(-50%, 10px);
	transform: translate(-50%, 10px);
	-webkit-transform-origin: top;
	transform-origin: top;
	white-space: nowrap;
}
.views_one a:hover::after,
.views_one a:hover::before {
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.views_one a::before {
	bottom: 100%;
	left: 50%;
	margin-bottom: 5px;
	-webkit-transform: translate(-50%, 10px);
	transform: translate(-50%, 10px);
	-webkit-transform-origin: top;
	transform-origin: top;
	background: no-repeat url("https://fudogdesigns.co/img/drop.svg");
	background-size: auto;
	background-size: 80% auto;
	width: 18px;
	height: 12px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all 0.18s ease-out 0.18s;
	transition: all 0.18s ease-out 0.18s;
	content: '';
	position: absolute;
	z-index: 10;
}
.drop_down {
	margin: 0 20px 0 auto;
	max-width: 200px;
	width: 100%;
}
.drop_down select {
	width: 100%;
	max-width: 100%;
	padding: 7px 15px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff url('https://fudogdesigns.co/img/form-select-arrow.png') right center no-repeat;
	border: 3px solid #eee;
	outline: none;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	height: 35px;
	line-height: 15px;
}
.board_list img {
	max-width: 20px;
	margin-right: 10px;
}
.col-sm-2.left-bar {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}
.col-sm-10.right-bar {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}
.board_list ul li a {
	padding: 3px;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}
.board_list ul.drop_one {
	padding-left: 10px;
}
.board_list ul.drop_one li a {
	font-size: 13px;
	font-weight: 500;
	padding: 4px 8px;
}
.board_list ul li a .plus_one_create {
	background-color: transparent;
	color: #000;
	border: none;
	font-size: 20px;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	padding: 2px;
	line-height: 20px;
	box-shadow: none;
}
.board_list ul li a .plus_one_create::before {
	content: '+';
	position: absolute;
	top: -3px;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
}
.board_list ul li a .plus_one_create:hover {
	background-color: rgba(9,30,66,.08);
}
.right-bar h4 {
	display: inline-block;
	line-height: 24px;
	margin: 4px 0 25px;
	font-size: 16px;
	font-weight: 700;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: middle;
	width: 100%;
}
.right-bar h4 img {
	max-width: 18px;
	margin-right: 10px;
}
.board-tile {
	background-color: #97a0af;
	background-size: cover;
	background-position: 50%;
	color: #fff !important;
	line-height: 20px;
	padding: 8px;
	position: relative;
	text-decoration: none !important;
}
.board-tile-fade, .board-tile {
	border-radius: 3px;
	display: block;
}
.board-tile-fade {
	background-color: rgba(0,0,0,.15);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.board-tile-details {
	display: flex;
	height: 80px;
	position: relative;
	flex-direction: column;
	justify-content: space-between;
}
.board-tile-details-name {
	flex: 0 0 auto;
	font-size: 16px;
	font-weight: 700;
	display: inline-block;
	overflow: hidden;
	max-height: 40px;
	width: 100%;
	word-wrap: break-word;
}
.board-tile-details-sub-container {
	flex: 0 0 auto;
	display: flex;
	align-items: baseline;
	justify-content: flex-end;
}
.board-tile-details-sub-name {
	flex: 1 1 auto;
	width: 100%;
	color: hsla(0,0%,100%,.85);
	display: block;
	letter-spacing: .02em;
	line-height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.board-tile-options {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	margin-left: 4px;
	/* overflow: hidden; */
	position: relative;
	right: -4px;
	z-index: 99;
}
.board-info-icons {
	position: absolute;
	right: 0;
	bottom: 5px;
	z-index: 4;
	width: 50px;
}
.icon-star.is-starred {
	filter: invert(68%) sepia(88%) saturate(1746%) hue-rotate(12deg) brightness(111%) contrast(90%);
} 
.board_member ul {
	position: absolute;
	width: auto;
	height: auto;
	display: flex;
	align-items: center;
	transition: ease-in-out all .5s;
	-webkit-transition: ease-in-out all .5s;
	-moz-transition: ease-in-out all .5s;
	bottom: -100px;
	left: 50%;
	-webkit-transform: translatex(-50%) scale(1) !important;
	-moz-transform: translatex(-50%) scale(1) !important;
	transform: translatex(-50%) scale(1) !important;
	visibility: hidden;
	opacity: 0;
	z-index: 999;
}
.board_member:hover ul {
	visibility: visible;
	opacity: 1;
	bottom: -55px;
}
.board_member ul li a {
	width: 30px;
	height: 30px;
	background-color: #000;
	margin: 0 5px;
	display: inline-block;
	position: relative;
	border-radius: 50%;
	box-shadow: 0px 0px 10px #fff3;
}
.board_member ul li a::before {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 1;
	pointer-events: none;
	-webkit-transition: all 0.18s ease-out 0.18s;
	transition: all 0.18s ease-out 0.18s;
	font-weight: normal !important;
	font-style: normal !important;
	text-shadow: none !important;
	font-size: .8rem !important;
	background: rgba(33,37,41,0.9);
	border-radius: 50%;
	content: attr(memberdata);
	padding: .5em 1em;
	position: absolute;
	z-index: 10;
	white-space: nowrap;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.crate_one.btn.btn-primary {
	width: 100%;
	height: 98px;
	background-color: rgba(9,30,66,.08);
	border: none;
	box-shadow: none;
	color: #252b4d;
	font-weight: 700;
}
.left-bar .btn.btn-primary.crate_one {
	height: 100%;
}
.nav-item a.nav-link {
    width: auto;
    color: #fff;
}
.ml-auto a.nav-link {
    color: #fff !important;
}
.window-module-title h3 {
	display: inline-block;
	width: auto;
	margin: 0;
	min-height: 18px;
	min-width: 40px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 800;
	letter-spacing: 0.5px;
} 
.heading_icon {
	left: -40px;
	position: absolute;
	top: 2px;
	height: 32px;
	line-height: 32px;
	width: 32px;
	background-size: 28px;
	background-repeat: no-repeat;
	background-position: center;
}
.icon-organization {
	background-image: url('../img/team.svg');
} 
.org-list li {
	border-bottom: 1px solid rgba(9,30,66,.13);
	padding: 2px 0;
	position: relative;
}
.org-list li a {
	border-radius: 3px;
	display: block;
	padding: 6px 80px 6px 8px;
	position: relative;
	text-decoration: none;
	color: #172b4d;
}
.org-list li a .item-name {
	padding: 0 4px 0 0;
	margin-bottom: 0;
}
.org-list li a .icons_one {
	width: 15px;
	height: 15px;
	display: inline-block;
	background-size: 100%;
	background-repeat: no-repeat;
	margin-left: 5px;
	filter: invert(61%) sepia(84%) saturate(3456%) hue-rotate(328deg) brightness(90%) contrast(105%);
}
.org-list li a .icon-private {
	background-image: url('../img/user.svg');
}
.org-list li a:hover {
	background: #17bee9;
	color: #fff;
}
.org-list li a:hover .icons_one {
	filter: invert(99%) sepia(100%) saturate(0%) hue-rotate(311deg) brightness(101%) contrast(100%);
}
#edit_profile_frm {
	display: flex;
	flex-direction: column;
	flex: 0 0 355px;
}
#updbutton {
	background-color: #5aac44;
	box-shadow: none;
	border: none;
	color: #fff;
	margin-top: 40px;
	margin-right: 0;
	width: 100%;
	padding: 5px;
	border-radius: 3px;
}
.icon-activity {
	background-image: url('../img/file.svg');
}
.phenom:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: 0px;
}
.phenom-desc span {
	color: #000;
	font-weight: bold;
}
.phenom {
	padding-left: 45px;
	min-height: 32px;
	position: relative;
	margin-bottom: 15px;
	border-bottom: 1px solid #f7f7f7;
	padding-bottom: 15px;
}
.phenom-creator, .phenom-icon {
	left: 0;
	position: absolute;
	top: 0px;
	width: 30px;
	height: 30px;
	overflow: hidden;
	border-radius: 50%;
}
.phenom.mod-attachment-type .phenom-desc, 
.phenom.mod-comment-type .phenom-desc {
	display: block;
}
.inline-member {
	cursor: pointer;
}
.u-font-weight-bold {
	font-weight: 700;
}
.u-font-weight-bold {
	font-size: 14px;
	text-decoration: underline;
}
.phenom-meta {
	display: block;
	font-size: 12px;
	margin: 0;
	min-width: 110px;
}  
.show-more {
	border-radius: 3px;
	clear: both;
	color: #5e6c84 !important;
	display: block;
	padding: 16px 8px 16px 40px;
	margin-top: 16px;
}
.show-more:hover {
	background-color: rgba(9,30,66,.08);
	text-decoration: underline;
} 
.member-cards-options {
	display: flex;
	flex-direction: row;
} 
.quiet-button.mod-with-image {
	padding-left: 28px;
}
.quiet-button {
	border-radius: 3px;
	color: #5e6c84 !important;
	display: block;
	margin: 2px 0;
	padding: 6px 12px;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition-property: background-color,border-color,box-shadow;
	transition-duration: 85ms;
	transition-timing-function: ease;
}
.icon-sm {
	height: 20px;
	font-size: 16px;
	line-height: 20px;
	width: 20px;
	display: inline-block;
	left: 0;
	position: absolute;
	top: 6px;
}
.icon-sm {
	height: 20px;
	font-size: 16px;
	line-height: 20px;
	width: 18px;
	display: inline-block;
	left: 6px;
	position: absolute;
	top: 6px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.icon-sm.icon-filter {
	background-image: url(../img/shot_by.svg);
}
.icon-sm.icon-overflow-menu-horizontal {
	background-image: url('../img/ellipsis.svg');
}
.member-cards-board {
	display: flex;
	flex-direction: column;
	border-radius: 4px;
	padding-bottom: 8px;
	cursor: pointer;
	background-size: cover;
	background-repeat: no-repeat;
}
.body-dark-board-background .board-header {
	background: rgba(0,0,0,.24);
}
.board-header {
	height: auto;
	padding: 8px 4px 4px 8px;
	position: relative;
	transition: padding .1s ease-in;
}
.board-header-btn {
	border-radius: 3px;
	color: #fff;
	float: left;
	font-size: 14px;
	height: 32px;
	line-height: 32px;
	margin: 0 4px 4px 0;
	overflow: hidden;
	padding-left: 32px;
	position: relative;
	text-decoration: none;
}
.board-header-btn.mod-board-name {
	background: transparent;
	font-size: 18px;
	font-weight: 700;
	line-height: 32px;
	padding: 0;
	text-decoration: none;
	max-width: calc(100% - 24px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.board-header-btn.mod-board-name .board-header-btn-text {
	padding: 0 12px;
}
.board-header-btn-org-name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 400px;
	background-color: hsla(0,0%,100%,.24);
}
.board-header-btn-without-icon {
	padding-left: 12px;
}
.board-header-btn-icon {
	background-clip: content-box;
	background-origin: content-box;
	color: #fff;
	padding: 6px;
	position: absolute;
	top: 0;
	left: 0;
}
.board-header-btn-text {
	padding-right: 12px;
}
.member-cards-board-lists {
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
}
.u-fancy-scrollbar {
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translateZ(0);
}
.member-cards-board-lists .list-wrapper {
	min-width: 270px;
}
.list-wrapper:last-child {
	margin-right: 8px;
}
.list-wrapper:first-child {
	margin-left: 8px;
}
.list-wrapper {
	width: 272px;
	margin: 0 4px;
	height: 100%;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
}
.list {
	background-color: #ebecf0;
	border-radius: 3px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	max-height: 100%;
	position: relative;
	white-space: normal;
}
.list-header {
	flex: 0 0 auto;
	padding: 10px 8px;
	position: relative;
	min-height: 20px;
}
.member-cards-board-lists .list-header-name {
	font-weight: 700;
	max-height: 256px;
	min-height: 18px;
	font-size: 14px;
	overflow: hidden;
	word-wrap: break-word;
}
.member-cards-board-lists .list-cards {
	max-height: 400px;
}
 
.list-card {
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(9,30,66,.25);
	cursor: pointer;
	display: block;
	margin-bottom: 8px;
	max-width: 300px;
	min-height: 20px;
	position: relative;
	text-decoration: none;
	z-index: 0;
}
.list-card.is-covered .list-card-cover {
	border-radius: 3px 3px 0 0;
}
.list-card-cover {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.list-card-operation {
	background-color: #f4f5f7;
	background-clip: padding-box;
	background-origin: padding-box;
	border-radius: 3px;
	opacity: .8;
	padding: 4px;
	position: absolute;
	right: 2px;
	top: 2px;
	visibility: hidden;
	z-index: 40;
}
.list-card-details {
	overflow: hidden;
	padding: 6px 8px 2px;
	position: relative;
	z-index: 10;
}
.list-card-title {
	clear: both;
	display: block;
	margin: 0 0 4px;
	overflow: hidden;
	text-decoration: none;
	word-wrap: break-word;
	color: #172b4d;
}
.badges {
	float: left;
	max-width: 100%;
	margin-left: -2px;
}
.badge {
	color: #5e6c84;
	display: inline-block;
	margin: 0 4px 4px 0;
	max-width: 100%;
	min-height: 20px;
	overflow: hidden;
	position: relative;
	padding: 2px;
	text-decoration: none;
	text-overflow: ellipsis;
	vertical-align: top;
}
.badge-icon {
	color: #6b778c;
	vertical-align: top;
}
.badge-text {
	font-size: 12px;
	padding: 0 4px 0 2px;
	vertical-align: top;
	white-space: nowrap;
}
.badge.is-complete {
	background-color: #61bd4f;
	border-radius: 3px;
	color: #fff;
}
.list-card-members {
	float: right;
	margin: 0 -2px 0 0;
}
.list-card-members .member {
	height: 28px;
	width: 28px;
	float: right;
	margin: 0 0 4px 4px;
}

.board_seacrh {
	width: 280px;
	z-index: 10;
	background: #fff;
	display: flex;
	flex-direction: column;
}
.board_heading_main {
	background: #ebecf0;
	font-size: 16px;
	font-weight: 700;
	padding: 11px 13px;
	position: relative;
}
.board_seacrh {
	background: transparent;
	position: fixed;
	top: 44px;
	bottom: auto;
	max-height: calc(100% - 48px);
}
.all_boards {
	box-shadow: 0 12px 24px -6px rgba(9,30,66,.25),0 0 0 1px rgba(9,30,66,.08);
	border-radius: 3px;
	background-color: #fff;
	overflow: hidden;
	display: flex;
	flex: 1;
}
.board_wraper {
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translateZ(0);
	margin: 8px 4px 8px 8px;
	overflow-x: hidden;
	overflow-y: auto;
	flex: 1;
}
.board_wraper input {
	background-color: #fafbfc;
	border: none;
	box-shadow: inset 0 0 0 2px #dfe1e6;
	color: #172b4d;
	box-sizing: border-box;
	-webkit-appearance: none;
	border-radius: 3px;
	display: block;
	line-height: 20px;
	padding: 8px 12px;
	transition-property: background-color,border-color,box-shadow;
	transition-duration: 85ms;
	transition-timing-function: ease;
	margin: 1px 1px 8px;
	width: 98%;
}
.board_wraper input:focus {
	box-shadow: inset 0 0 0 2px #17bee9;
}
.board_list {
	overflow: hidden;
}
.board_inner_one {
	margin: 16px 0 8px;
}
.board_inner_one:first-child {
	margin-top: 8px;
}
.board_head {
	min-height: 20px;
	position: relative;
	color: #5e6c84;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .04em;
	margin-top: 16px;
	text-transform: uppercase;
	line-height: 19px;
}
.board_head {
	min-height: 20px;
	position: relative;
	color: #5e6c84;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .04em;
	text-transform: uppercase;
	line-height: 19px;
	margin: 0 32px 0 8px;
}
.board_icon {
	display: inline-block;
	height: 15px;
	margin-right: 4px;
	width: 15px;
	position: relative;
}
.board_icon::before {
	content: '';
	position: absolute;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	width: 15px;
	height: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.ism_star::before {
	background-image: url('../img/star2.svg');
}
.plus_mins_icons {
	height: 15px;
	width: 15px;
	display: inline-block;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.plus_mins_icons[name="remove"] {
	background-image: url(../img/minus.svg);
}
.plus_mins_icons[name="add"] {
	background-image: url(../img/add.svg);
}
.Plus_mins {
	border-radius: 3px;
	margin: 0;
	padding: 6px 5px 6px 6px;
	background: transparent;
	outline: none;
	position: absolute;
	top: -6px;
	right: -27px;
	box-shadow: none;
	color: #172b4d;
	border: none;
}
.all_board_wraper {
	display: block;
	margin-top: 8px;
	margin-bottom: 4px;
	overflow: hidden;
}
[data-react-beautiful-dnd-droppable="0"] {
	overflow-anchor: none;
}
[data-react-beautiful-dnd-drag-handle="0"] {
	cursor: -webkit-grab;
	cursor: grab;
}
[data-react-beautiful-dnd-drag-handle="0"] {
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	touch-action: manipulation;
}
.board_one {
	box-sizing: border-box;
	border-radius: 3px;
	position: relative;
	margin: 0 4px 4px 0;
	min-width: 0;
}
.link_to_board {
	display: flex;
	font-weight: 700;
	height: 36px;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
	color: #172b4d !important;
}
.div_bg_one {
	background-size: cover;
	background-position: 50%;
	position: absolute;
	width: 100%;
	height: 36px;
	opacity: 1;
	border-radius: 3px;
}
.board_back_ground {
	display: inline-block;
	flex: 0 0 auto;
	background-size: cover;
	border-radius: 3px 0 0 3px;
	height: 36px;
	width: 36px;
	position: relative;
	opacity: .7;
}
.board_info {
	display: flex;
	position: relative;
	flex: 1;
	width: 100%;
	padding: 9px 0 9px 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-top: 2px;
	padding-bottom: 0;
	flex-direction: column;
	z-index: 1;
}
.boardname, .boardasigned {
	display: block;
	padding-right: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.boardname {
	color: #172b4d;
	font-weight: 700;
}
.boardasigned {
	color: rgba(0,0,0,.4);
	font-size: 12px;
	font-weight: 400;
	line-height: 12px;
}
.board_assigned_icon {
	transition-duration: 85ms;
	transition-property: width;
	overflow: hidden;
	display: flex;
	width: 24px;
	margin-right: 4px;
	position: relative;
}
._starred {
	background-image: url(../img/star2.svg);
	filter: invert(70%) sepia(67%) saturate(620%) hue-rotate(8deg) brightness(104%) contrast(103%);
}
.one_ex_icons {
	background-size: 100%;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
}
.div_bg_one::after {
	background: #fff;
	bottom: 0;
	content: "";
	left: 0;
	opacity: .9;
	position: absolute;
	right: 0;
	top: 0;
}
.bottm_btn {
	margin: 2px 4px 2px 0;
}
.same_btn {
	background-color: transparent;
	border-radius: 3px;
	border: 0;
	cursor: pointer;
	background-image: none;
	box-shadow: none;
	color: #5e6c84;
	display: block;
	font-size: 14px;
	text-align: left;
	padding: 6px 10px;
	text-decoration: underline;
	margin: 2px 4px 2px 2px;
	line-height: 20px;
	width: 100%;
	font-weight: 400;
}
.all_team a {
	color: #172b4d;
	width: 30px;
	height: 30px;
	display: flex;
	background-color: #ebedf0;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
}
.all_team li {
	display: inline-block;
	margin: 0 5px;
}
.all_team {
	position: absolute;
	bottom: -30px;
	z-index: 9;
	width: auto;
	right: 0;
}
.all_team li {
	display: inline-block;
	margin: 0 5px;
}
.all_team a {
	color: #172b4d;
	width: 30px;
	height: 30px;
	display: flex;
	background-color: #ebedf0;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
	box-shadow: 0px 0px 10px #00000061;
}
.team-list .board-tile-fade {
	background-color: rgba(0, 0, 0, 0.6);
}
.board-tile-options.team_one {
	right: -50px;
	visibility: hidden;
	opacity: 0;
	transition: ease-in-out all .5s;
	-webkit-transition: ease-in-out all .5s;
	-moz-transition: ease-in-out all .5s;
}
.card a.card-body:hover .board-tile-options.team_one {
	visibility: visible;
	opacity: 1;
	right: -4px;
}
.team-list .icon-star.is-starred {
	filter: invert(95%) sepia(96%) saturate(0%) hue-rotate(320deg) brightness(106%) contrast(105%);
}
 
.fade_popup_overlay {
    width: 100%;
    position: fixed;
    background: rgb(11 11 13 / 38%);
    z-index: 99;
    height: 100vh;
} 
.create_board_popup_inner {
	box-shadow: 0px 1px 7px rgba(0,0,0,0.1);
	background: #fff;
	max-width: 900px;
	width: 90%;
	position: relative;
	border-radius: 3px;
}
.create_board_popup {
	width: 100%;
	position: fixed;
	background: rgb(11 11 13 / 38%);
	z-index: 1000;
	height: 100vh;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.create_board_popup_inner .tabs_spacing { 
	max-height: 370px; 
}
.create_board_label {
    line-height: 100px;
    font-size: 35px;
    font-weight: 400;
    background-color: rgba(43,178,110,.42);
    border-radius: 50%;
    font-weight: 400;
    position: absolute;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0,0,0,.07);
    text-transform: uppercase;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(30,102,163,.66);
}
.create_board_title {
    width: 66%;
    display: inline-block;
    position: relative;
    vertical-align: top;
}
.create_board_img {
    width: 33%;
    display: inline-block;
    vertical-align: top;
}

.create_board_img_upload {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 10px;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: #fff;
    display: block;
    text-align: center;
    background: rgba(11,11,13,.5);
    padding-bottom: 5px;
} 
.create_board_logo_container_inner {
	overflow: hidden;
	width: 100px;
	height: 100px;
	cursor: pointer;
	border-radius: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #ccc;
	font-size: 12px;
} 
.create_board_img_title {
	display: flex;
	align-items: center;
}
.create_board_title input, .create_board_title select {
	-webkit-appearance: none;
	font-size: 16px;
	height: 28px;
	background: 0 0;
	border: none;
	border-bottom: 1px dotted #9b9baa;
	box-shadow: none;
	border-radius: 0;
	padding: 0px 0 6px;
	width: 100%;
	line-height: 22.85px;
}
.create_board_title input:focus {
	border-color: #1e66a3;
	border-bottom-style: solid;
	outline: 0;
}
.cbp_tab_header {
	margin-top: 30px;
} 
.mt25{
  	margin-top: 25px;  
}
.common-cls-dv > .fu_half_inp:first-child {
	margin-top: 0;
}
.cbp_tabs li.active > a {
	color: #3e0099;
}
.btnwrapbtm {
	max-width: 830px;
	margin: auto;
	text-align: right;
	margin-bottom: 20px;
}
.form_mid_hd {
	font-weight: 500;
	font-size: 17px;
	margin: auto;
}
a:hover {
    text-decoration: none !important;
}
.cbp_tabs a {
	color: #50545f;
}
.tabdesc_output textarea:focus, .tabdesc_output textarea:focus {
    border-color: #1e66a3;
    border-bottom-style: solid;
    outline: 0;
}

.tabdesc_output textarea 
{
height: 50px; width: 100%; overflow: hidden; overflow-wrap: break-word; resize: none; line-height: 22.85px;
    -webkit-appearance: none;
    font-size: 16px;
    background: 0 0;
    border: none;
    border-bottom: 1px dotted #9b9baa;
        border-bottom-color: rgb(155, 155, 170);
        border-bottom-style: dotted;
    box-shadow: none;
    border-radius: 0;
    padding: 18px 0 6px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.tabteam_output > div {
    display: inline-block;
    width: calc(100% / 2 - 25px);
    margin-right: 23px;
}

.create_board_title textarea {
    height: 30px;
    width: 100%;
    overflow: hidden;
    overflow-wrap: break-word;
    line-height: 22.85px;
    -webkit-appearance: none;
    font-size: 14px;
    background: 0 0;
    border: none;
    border-bottom: 1px dotted #9b9baa;
    border-bottom-color: rgb(155, 155, 170);
    border-bottom-style: dotted;
    box-shadow: none;
    border-radius: 0;
    padding: 5px 0 10px;
    box-sizing: content-box;
}

.tabteam_guest {
    width: 100% !important;
    margin-bottom: 15px;
}

.create_board_title label {
    margin-bottom: 0px;
}

.tabdetails_output .create_board_title input {
    height: 20px;
    font-size: 14px;
    margin-top: 0px;
}
.tabdetails_output .create_board_title {
    width: calc(100% / 2 - 25px);
    display: inline-block;
    margin-right: 23px;
    margin-bottom: 20px;
}
.tabdetails_design_seo {
    margin-bottom: 10px;
}
.tabdetails_design_seo label {
	margin-right: 60px;
}
.tabdetails_design_seo input {
	margin-right: 9px;
	position: relative;
	top: -1px;
}
.tabconfig_output .create_board_title {
    width: 30%;
    padding: 20px;
}
.tabconfig_output .create_board_title input {
    margin-top:0px;
}
/*.create_board_title.cbp_priority label {
    width: 100%;
    margin-bottom: 7px;
}
.create_board_title.cbp_currency label {
    width: 100%;
    margin-bottom: 7px;
}
.create_board_title.cbp_priority select, .create_board_title.cbp_currency select {
    width: 70%;
    height: 27px;
    font-size: 15px;
    padding: 0px 8px;
}*/
.dummyinp ul,.fu_ninja_inp ul {
	list-style: none;
	padding: 0;
	margin: auto;
	position: absolute;
	top: 100%;
	background: #fff;
	display: none;
	width: 100%;
	border: 1px solid #f1f1f1;
	z-index: 2;
}
.dummyinp.active ul,.fu_ninja_inp.active ul {
	display: block;
}
.dummyinp input, .selectlists, .dummyinp textarea {
	resize: none;
	-webkit-appearance: none;
	font-size: 16px;
	border: 0px;
	border-bottom: 1px dotted #9b9baa !important;
	box-shadow: none;
	border-radius: 0;
	padding: 0px 0 6px;
	width: 100%;
	line-height: 23px;
}
.selectlists {
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff url('https://fudogdesigns.co/img/form-select-arrow.png') right center no-repeat;
}
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #17bee9;
	border-color: #17bee9;
}  
.close_btn {
	color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
	height: 40px;
	overflow: hidden;
	padding: 4px;
	margin: 4px;
	width: 40px;
	z-index: 2;
	transition: background-color 85ms,color 85ms;
	font-size: 20px;
	background-color: hsla(0, 0%, 54.1%, 0.24);
	color: #fff;
	border: none;
	line-height: normal;
}
.window-cover {
	position: relative;
	background-color: rgb(247, 247, 247);
	height: 160px; 
	background-size: contain; 
	background-position: center center; 
	background-repeat: no-repeat;
}
.window-cover-menu {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 8px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.window-cover-menu-button {
	border-radius: 3px;
	padding: 6px 12px 6px 30px;
	background-color: hsla(0,0%,100%,.24);
	color: #fff !important;
	position: relative;
	text-decoration: none !important;
}
.window-cover-menu-button::after {
	content: '';
	position: absolute;
	background-image: url('https://fudogdesigns.co/img/laptop.svg');
	width: 16px;
	height: 16px;
	background-size: contain;
	left: 7px;
	background-repeat: no-repeat;
	top: 0;
	bottom: 0;
	margin: auto;
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(103%) contrast(103%);
}    
.card-detail-item {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}
.labelinfo {
	width: calc(100% - 114px);
	display: inline-block !important;
	margin: auto !important;
	position: relative;
}
.duedate {
	display: inline-block;
	vertical-align: top; 
}
.card-detail-item-header {
	color: #5e6c84;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .04em;
	text-transform: uppercase;
	display: block;
	line-height: 20px;
	margin: 0 8px 4px 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
  
.description-title h3 {
	font-size: 16px;
	line-height: 20px;
	display: inline-block;
	width: auto;
	margin: 0;
	min-height: 18px;
	min-width: 40px;
}
.description-content textarea {
	background-color: rgba(9,30,66,.04);
	box-shadow: none;
	border: none;
	border-radius: 3px;
	display: block;
	min-height: 40px;
	padding: 8px 12px;
	text-decoration: none;
	font-size: 14px;
	line-height: normal;
	font-weight: 400;
	height: 70px;
}
.btn_save_info .btn-sm, .savebutton {
	display: inline-block;
	font-weight: 400;
	line-height: 19px;
	margin: 8px 4px 0 0;
	padding: 3px 12px 5px;
	text-align: center;
	background-color: #3b0090;
	box-shadow: none;
	border: none;
	color: #fff;
	border-radius: 4px;
}
.closebtntext {
	font-size: 12px;
	color: #535353;
	background: transparent;
	border: 0px;
}
.btn_save_info .btn-outline-primary {
	border: none;
	font-size: 18px;
	line-height: normal;
	color: #000;
	background-color: transparent !important;
}
.attachment-thumbnail {
	border-radius: 3px;
	min-height: 80px;
	margin: 0 0 12px; 
	position: relative;
}
.attachment-thumbnail-preview {
	background-size: contain;
	background-repeat: no-repeat;
	height: 68px;
	position: absolute;
	z-index: 1;
	width: 90px;
	background-position: center;
	background-color: #fcfcfc !important;
	border: 1px solid #eaeaea;
	top: 2px;
	left: 0;
	border-radius: 3px;
	overflow: hidden;
}
.attachment-thumbnail-details {
	box-sizing: border-box;
	cursor: pointer;
	padding: 0px 8px 0 114px;
	min-height: 66px;
}
.attachment-thumbnail-name { 
	font-size: 13px;
	display: block;
	font-weight: 600;
	color: #262626;
}
.attachment-thumbnail-details-title-options {
	margin-top: 4px;
	display: block;
	font-size: 13px;
	color: #6f7782;
}
.attachment-thumbnail-details-title-options a {
	color: #6f7782;
	padding-left: 10px;
	position: relative;
	margin-left: 6px;
}
#attchments-ls {
	margin-top: 15px;
}
.attachment-thumbnail-details-title-options a::after {
	content: '-';
	position: absolute;
	left: 0;
}
.attachment-thumbnail-details-title-options a.after_ex::after {
	content: '';
	background-image: url('https://fudogdesigns.co/img/laptop.svg');
	width: 14px;
	height: 14px;
	background-size: contain;
	left: 0;
	background-repeat: no-repeat;
	top: 0;
	bottom: 0;
	margin: auto;
}
.attachment-thumbnail-details-title-options a.after_ex {
	padding-left: 23px;
	margin-left: 0;
}
.checklist-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-flow: row wrap;
}
.checklist .window-module-title {
	border-bottom: 0;
}
.checklist .button-subtle {
	margin: 0;
}
.checklist-progress {
	margin-bottom: 6px;
	position: relative;
} 
.checklist-progress-percentage {
	color: #5e6c84;
	font-size: 11px;
	line-height: 10px;
	position: absolute;
	left: 0;
	top: -1px;
	text-align: center;
	width: 32px;
}
.checklist-progress-bar {
	background: rgba(9,30,66,.08);
	border-radius: 4px;
	height: 8px;
	margin: 0 0 12px 40px;
	overflow: hidden;
	position: relative;
}
.window-main-col .window-title span, .window-main-col .window-title textarea {
	font-size: 22px;
	margin-bottom: 10px;
	display: block;
}
.progress-bar {
	background: #3b0090;
	bottom: 0;
	left: 0;
	position: absolute;
	top: 0;
	transition: width .14s ease-in,background .14s ease-in;
}
.checklist-items-list {
	min-height: 8px;
}
.checklist-item {
	clear: both;
	padding-left: 40px;
	position: relative;
	border-radius: 3px;
	transform-origin: left bottom;
	transition-property: transform,opacity,height,padding,margin;
	transition-duration: .14s;
	transition-timing-function: ease-in;
}
.checklist-item-checkbox input {
	border-radius: 2px;
	box-sizing: border-box;
	line-height: 18px;
	overflow: hidden;
	text-indent: 100%;
	height: 18px;
	width: 18px;
	white-space: nowrap;
	background-color: #fafbfc;
	box-shadow: inset 0 0 0 2px #dfe1e6;
	position: absolute;
	left: 0;
	margin: 6px;
	text-align: center;
	top: 2px;
}
.checklist-item-text-and-controls {
	word-break: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.checklist-item-text-and-controls {
	word-break: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word;
	padding: 6px 0;
	width: 100%;
	display: inline-flex;
}
.markeddown {
	min-height: 20px;
	margin-bottom: 0;
	align-self: center;
	flex: 1;
	word-break: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.checklist-item-controls {
	display: inline-flex;
	flex-direction: row;
	float: right;
	visibility: hidden;
	opacity: 0;
}
.subtle {
	margin-left: 4px;
	height: 24px;
	min-width: 24px;
}
.subtle {
	margin-left: 4px;
	height: 24px;
	min-width: 24px;
	padding: 0 2px;
	background-color: rgba(9,30,66,.04);
	border: none;
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: center;
}
.no-edit { 
	background-image: url('https://fudogdesigns.co/img/stopwatch.svg');
}
.selector-no-edit {
	background-image: url('https://fudogdesigns.co/img/adduser.svg');
}
.menu_one_img {
	background-image: url('https://fudogdesigns.co/img/ellipsis.svg');
}
.checklist-item-text-and-controls:hover .checklist-item-controls {
	visibility: visible;
	opacity: 1;
}
.checklist-item:hover {
	background-color: rgba(9,30,66,.04);
}
.subtle:hover {
	background-color: rgba(9,30,66,.08);
}
.checklist-new-item {
	margin-left: 40px;
}
.checklist-new-item .button-subtle {
	margin: 8px 0; 
}
.title-options .button-subtle {
	margin: 0;
}
.new-comment {
	position: relative;
	padding: 15px 20px;
	background: #fbfbfb;
	box-shadow: 0 -1px 3px 0 rgba(21,27,38,.15);
}
.member img {
	display: block;
}
.member.member-no-menu {
	position: absolute;
	left: 0;
	top:5px;
	background: #3b0090;
	color: #fff;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	text-align: center;
	font-size: 11px;
	line-height: 31px;
	cursor: pointer;
	overflow: hidden;
}
.checklist-item .cardspopup {
	right: 0;
	top: 100%;
}
.listactions li {
	padding: 7px 10px;
	border-radius: 2px;
}
.listactions li:hover {
	background: #eaecef;
}
.comment-frame .cardspopup {
	right: 0;
} 
.activity-detail-action, .button-subtle {
	border-radius: 3px;
	display: inline-block;
	line-height: 18px;
	padding: 4px 8px;
	background-color: transparent;
	color: #172b4d !important; 
	border: 1px solid #ccc;
	font-size: 13px;
}
.activity-module {
	background: #fbfbfb;
	padding: 15px 20px;
}
.comment-box {
	padding: 8px 12px;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 1px 2px -1px rgba(9,30,66,.25),0 0 0 1px rgba(9,30,66,.08);
	margin: auto;
	position: relative;
	transition: box-shadow 85ms ease;
}
.phenom-creator img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.comment-box .btn_save_info {
	display: none;
}
.comment-box-input {
	background: transparent;
	height: 23px;
	border: 0 !important;
	width: 100%;
	resize: none;
	padding: 0;
	transition: all cubic-bezier(.53,-0.09,.47,1.1) 0.3s;
	font-size: 13px;
}
.comment-box-options { 
	position: absolute;
	bottom: 8px;
	right: 8px; 
	transition-duration: 85ms;
	transition-timing-function: ease;
	transition-property: opacity,transform;
}
.comment-box-in {
	border-radius: 3px;
	float: left;
	height: 30px;
	margin-left: 4px;
	padding: 6px;
	width: 30px;
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: center;
}
.comment-box-in:hover {
	background-color: rgba(9,30,66,.08);
}
.attachment {
	background-image: url('https://fudogdesigns.co/img/paperclip.svg');
}
.mention {
	background-image: url('https://fudogdesigns.co/img/at.svg');
}
.emoji {
	background-image: url('https://fudogdesigns.co/img/smile.svg');
}
.add-card {
	background-image: url('https://fudogdesigns.co/img/card.svg');
}
.phenom-creator .member {
	display: flex;
	align-items: center;
	justify-content: center;
}
.attachment-image-preview {
	display: block;
	margin-top: 10px;
} 
.window-sidebar h3 {
	color: #5e6c84;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .04em;
	margin-top: 0;
	text-transform: uppercase;
	line-height: 20px;
	margin-bottom: -4px;
}
.TrackTimeOuter {
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.button-link {
	border-radius: 3px;
	display: inline-block;
	line-height: 18px;
	padding: 4px 8px 4px 30px;
	background-color: transparent;
	color: #172b4d !important;
	border: 1px solid #ccc;
	font-size: 13px;
	position: relative;
}
.button-link::after {
	content: '';
	position: absolute;
	width: 13px;
	height: 13px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	left: 9px;
	top: 0;
	bottom: 0;
	margin: auto; 
}
.change-card-members::after {
	background-image: url('https://fudogdesigns.co/img/add-user.svg');
}
.edit-labels::after {
	background-image: url('https://fudogdesigns.co/img/tag.svg');
}
.add-checklist-menu::after {
	background-image: url('https://fudogdesigns.co/img/checklist-checked-box.svg');
}
.add-due-date::after {
	background-image: url('https://fudogdesigns.co/img/stopwatch.svg');
}
.attach::after {
	background-image: url('https://fudogdesigns.co/img/paperclip.svg');
}
.card-cover-chooser::after {
	background-image: url('https://fudogdesigns.co/img/laptop.svg');
}
.move-card::after {
	background-image: url('https://fudogdesigns.co/img/move.svg');
}
.copy-card::after {
	background-image: url('https://fudogdesigns.co/img/copy.svg');
}
.convert-template::after {
	background-image: url('https://fudogdesigns.co/img/file.svg');
}
.toggle-button::after {
	background-image: url('https://fudogdesigns.co/img/eye.svg');
}

.archive-card::after {
	background-image: url('https://fudogdesigns.co/img/work-time.svg');
}
.del-card::after {
	background-image: url('https://image.flaticon.com/icons/svg/1214/1214428.svg');
}
.more-menu::after {
	background-image: url('https://fudogdesigns.co/img/share.svg');
}
.time_one::after{
	background-image: url('https://fudogdesigns.co/img/stopwatch.svg');
}
.header_icons_one {
	left: -40px;
	position: absolute;
	top: 10px;
	height: 25px;
	width: 25px;
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: center;
}
.topdatacards {
	color: #666;
	font-size: 13px;
	line-height: normal;
}
.icon-checklist {
	background-image: url('https://fudogdesigns.co/img/checklist-checked-box.svg');
}
.activity {
	background-image: url('https://fudogdesigns.co/img/object.svg');
}

.pop-over {
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 8px 16px -4px rgba(9,30,66,.25),0 0 0 1px rgba(9,30,66,.08);
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 100%;
	width: 304px;
	z-index: 70;
	-webkit-transform: translateZ(0);
}
.pop-header-title {
	box-sizing: border-box;
	color: #5e6c84;
	display: block;
	line-height: 40px;
	border-bottom: 1px solid rgba(9,30,66,.13);
	margin: 0 12px;
	overflow: hidden;
	padding: 0 32px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	z-index: 1;
}
.pop-over-header {
	height: 40px;
	position: relative;
	margin-bottom: 8px;
	text-align: center;
}
.close-btn {
	padding: 4px;
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 2;
	height: 25px;
	width: 25px;
	background-image: url('https://fudogdesigns.co/img/cancel.svg');
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: center;
}
.pop-over-content {
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 12px 12px;
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translateZ(0);
}

.attachment-name {
	background-color: #fafbfc;
	border: none;
	box-shadow: inset 0 0 0 2px #dfe1e6;
	color: #172b4d;
	box-sizing: border-box;
	-webkit-appearance: none;
	border-radius: 3px;
	display: block;
	line-height: 20px;
	margin-bottom: 12px;
	padding: 8px 12px;
	transition-property: background-color,border-color,box-shadow;
	transition-duration: 85ms;
	transition-timing-function: ease;
	width: 100%;
	margin: 4px 0 12px;
}
.primary.btn_one {
	cursor: pointer;
	display: inline-block;
	font-weight: 400;
	line-height: 20px;
	padding: 6px 12px;
	text-align: center;
	padding-left: 24px;
	padding-right: 24px;
	background-color: #5aac44;
	box-shadow: none;
	border: none;
	color: #fff;
	border-radius: 3px;
}
.mentionme {
	color: #0079bf;
	font-weight: 700;
}
.member-initials img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.attachment-image-preview {
	border: 1px solid #dfe1e6;
	box-sizing: border-box;
	border-radius: 3px;
	clear: both;
	display: block;
	max-height: 500px;
	max-width: 500px;
	margin: 8px 0 4px;
}
.reply-to-action {
	display: block;
}
img {
	max-width: 100%;
}
.cardspopup.active{
	display: block;
}
.cardspopup {
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 8px 16px -4px rgba(9,30,66,.25),0 0 0 1px rgba(9,30,66,.08);
	overflow: hidden;
	position: absolute;
	width: 310px;
	z-index: 1;
	display: none;
	-webkit-transform: translateZ(0);
	padding: 12px;
	top: calc(100% + 7px);
}
.cardspopup h5 {
	font-size: 14px;
	color: #000;
	padding-bottom: 0px;
	text-align: left;
	font-weight: normal;
}
.sectionpro h6,.labelheading {
	font-size: 14px;
	text-transform: uppercase;
	color: #5e6c84;
}
body .xdsoft_datetimepicker {
	border: 0px;
	border-bottom: 1px solid #f1f1f1;
}
body .xdsoft_datetimepicker .xdsoft_datepicker { 
	margin-left: 0;
}
body .xdsoft_datetimepicker.xdsoft_inline {
	padding: 0;
}
body .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { 
	background: #555 !important; 
}
body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, 
body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
	background: #3b0090;
	box-shadow: #3b0090 0 1px 3px 0 inset;  
}
.duedateouter {
	position: absolute;
	top: calc(100% + 5px);
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 0 1px rgba(111,119,130,.15),0 5px 20px 0 rgba(21,27,38,.08);
	z-index: 100;
	padding: 10px;
}
.searchtype input {
	width: 100%;
	border: 1px solid #ccc;
	height: 40px;
	padding: 0 12px;
	border-radius: 3px;
	background: transparent;
	font-size: 13px;
}
.sectionpro {
	margin-top: 15px;
}
.popupouter {
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.userimg {
	width: 32px;
	height: 32px;
	align-items: center;
	font-size: 23px;
}
.memberlists li {
	display: flex;
	align-items: center;
	padding: 5px 35px 5px 5px;
	flex-wrap: wrap;
	cursor: pointer;
	position: relative;
}
.memberlists li.active i {
	display: block;
}
.close_popup:hover { 
	color: #757575;
}
.close_popup {
	position: absolute;
	right: 0;
	padding: 3px 8px;
	top: 0;
	cursor: pointer;
	font-size: 14px;
	color: #999;
	z-index: 1;
}
.memberlists li i {
	position: absolute;
	right: 12px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 12px;
	color: #535353;
	display: none;
	font-size: 11px;
}
.memberlists span {
	font-size: 14px;
	color: #262626;
	padding-left: 12px;
	width: calc(100% - 32px);
}
.btndefault {
	background-color: rgba(9,30,66,.04);  
	width: 100%;
	display: inline-block;
	padding: 10px;
	text-align: center;
	color: #535353 !important;
	margin: 12px auto;
	border-radius: 3px;
	text-decoration: none !important;
}
.noresultsfound {
	background-color: rgba(9,30,66,.04);
	width: 100%;
	display: inline-block;
	padding: 25px 10px;
	text-align: center;
	color: #535353;
	border-radius: 3px; 
	vertical-align: top;
}
.imgpro {
	text-transform: uppercase;
	color: #535353;
	overflow: hidden;
	border-radius: 50%;
	border: 1px solid #ccc;
	background: #f1f1f1;
	text-align: center;
	display: flex;
	justify-content: center;
	font-size: 13px;
}
.memberlists li:hover {
	background: #f4f4f4;
	border-radius: 3px;
}
.imgpro img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	align-items: center;
}
select option, select optgroup {
	font-family: 'Arial';
	font-style: normal;
	font-size: 14px;
}
.searchtype span {
	margin-bottom: 5px;
	display: inline-block;
}
.searchtype select {
	width: 100%;
	border: 2px solid #ccc;
	height: 40px;
	padding: 0 12px;
	border-radius: 2px;
	background: #f4f4f4;
	font-size: 14px;
	-moz-appearance: none;
}
.btngroup button {
	padding: 8px 22px;
	border: 0px;
	border-radius: 2px;
	background: #5aac44;
	color: #fff;
	font-weight: 600;
}
.mt15 {
	margin-top: 15px;
}
.btngroup {
	width: 100%;
	margin-top: 15px;
}
.attachbtns {
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 5px;
}
.attachbtns ul {
	padding-bottom: 8px;
	width: calc(100% + 25px);
	left: -12px;
	position: relative;
}
.incheight.cardpopupaction .window {
	height: calc(100vh - 302px);
	overflow: auto;
}
.incheight .new-comment textarea {
	height: 100px;
}
.incheight .btn_save_info {
	display: block;
}
.attachbtns li a:hover {
	background: #eaecef;
}
.tiptxt {
	border-top: 1px solid #ccc;
	margin-top: 20px;
	padding-top: 15px;
	color: #7b7b7b;
}
.attachbtns li a {
	padding: 6px 12px;
	display: inline-block;
	cursor: pointer;
	width: 100%;
}
.movecard select {
	background: #f5f6f7;
	padding: 23px 8px 10px;
	border-radius: 2px;
	width: 100%;
	-moz-appearance: none;
	border: 0px;
}
.listposhalf{
	margin-top: 10px;
}
.movecard {
	position: relative;
}
.movecard span {
	color: #5e6c84;
	display: block;
	font-size: 13px;
	line-height: normal;
	position: absolute;
	top: 4px;
	left: 10px;
}
.listposhalf .movecard {
	display: inline-block;
	vertical-align: top;
}
.listposhalf .movecard:last-child {
	width: 80px; 
}
.listposhalf .movecard:first-child {
	width: calc(100% - 84px);
}
.labelheading {
	margin-bottom: 5px;
}
.titletextarea,
.keeptrack {
	margin-bottom: 15px;
}
.titletextarea textarea {
	background-color: #fafbfc;
	border: none;
	box-shadow: inset 0 0 0 2px #dfe1e6;
}
.checkboxcus input {
	display: none;
}
.checkboxcus label {
	position: relative;
	padding-left: 30px;
	margin: 15px 0 14px 0;
	font-weight: normal;
	font-size: 14px;
	cursor: pointer;
}
.duecheckbox label {
	position: relative;
	padding-left: 24px;
	cursor: pointer;
	margin: auto;
	min-height: 20px;
	display: block;
}
.duecheckbox, .datecheck {
	display: inline-block;
	vertical-align: middle;
}
.datecheck span {
	text-transform: uppercase;
	font-size: 11px;
	background: #ffa8a8;
	color: #fff;
	padding: 0px 9px;
	display: inline-block;
	border-radius: 2px;
	margin-left: 4px;
}
.descblock span {
	background: #eaecef;
	padding: 5px 15px;
	font-size: 13px;
	margin-left: 6px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 3px;
}
.datecheck span.complete { 
	background: #57c80a;
}
.datecheck {
	padding: 5px 0;
} 
.dummyinp input:focus, 
.selectlists:focus, 
.dummyinp textarea:focus,
 .multi_tags:focus {
	background-color: #fff;
}
.duecheckbox input {
	display: none;
}
.checkboxcus label::before, .duecheckbox label::before {
	position: absolute;
	content: "";
	background-color: #fff;
	border: 1px solid #dfe1e6;
	left: 0;
	width: 21px;
	height: 22px;
	top: -1px;
}
.fu_ninja_checklist {
	margin-top: 30px;
}
.headingchecklist {
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}
.completeitems {
	float: right;
	margin-top: -4px;
}
.sublistninja h5 {
	font-size: 13px;
	line-height: 16px;
	color: #6f7782;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 0;
}
.editdelbtn img {
	height: 17px;
	display: block;
}
.editdelbtn i {
	font-size: 13px;
	color: #a2a2a2;
	display: block;
	line-height: 28px;
}
.checked_sublist {
	border: 1px solid #303030;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 3px;
	top: 13px;
	border-radius: 50px; 
}
.editdelbtn span {
	border-radius: 50px;
	width: 30px;
	height: 30px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.checked_sublist::before {
	background-image: url("https://fudogdesigns.co/img/tick.svg");
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: center;
	content: "";
	left: 0;
	right: 0; 
	margin: auto;
	top: 0;
	bottom: 0;
	position: absolute;
}
.sublistninja .listdone .checked_sublist::before {
	filter: invert(1);
}
.sublistninja li {
	border-top: 1px solid #e8ecee;
	padding: 10px 72px 14px 40px;
	position: relative;
	cursor: pointer;
}
.sublistninja li.listdone {
	color: #aaa;
}
.sublistninja .listdone .checked_sublist {
	border-color: #5cd55c;
	background-color: #5cd55c;
}
.phenom-desc input {
	width: 100%;
	background: transparent;
	border: 0;
	height: 35px;
	border-radius: 0;
	margin-bottom: 5px;
	border-bottom: 1px solid #ddd;
	padding: 0;
}
.editdelbtn span:hover {
	background: rgba(21,27,38,.04);
}
.sublistninja {
	margin-bottom: 20px;
}
.sublistninja li:hover .editdelbtn {
	opacity: 1;
	visibility: visible;
}
.sublistninja:last-child {
	margin-bottom: 0;
}
.editdelbtn {
	position: absolute;
	right: 0;
	top: 8px;
	display: flex;
	opacity: 0;
	visibility: hidden;
}
.checkboxcus input:checked ~ label:after,.duecheckbox input:checked ~ label:after {
  display: block;
} 
.checkboxcus label::after, .duecheckbox label::after {
	left: 8px;
	top: 3px;
	width: 6px;
	display: none;
	height: 12px;
	position: absolute;
	content: "";
	border: solid #757577;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#invite_team {
	width: 100%;
} 
.multi_tags .tags span {
	background-color: rgba(9,30,66,.04);
	margin: 2px 7px 2px 0;
	font-size: 14px;
	padding: 5px 10px;
	cursor: default;
}
.multi_tags span i {
	margin-left: 8px;
	cursor: pointer;
}
.fu_more_layer.active {
	display: block;
}
.userpopup {
	top: 40px;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 8px 16px -4px rgba(9,30,66,.25),0 0 0 1px rgba(9,30,66,.08);
	overflow: hidden;
	position: absolute;
	width: 100%;
	z-index: 99;
	display: none;
	-webkit-transform: translateZ(0);
	padding: 12px;
	left: 0;
	max-width: 250px;
}
.user_info {
	width: 100%;
	display: inline-block;
}
.userpopup.active {
	display: block;
}
.user_reltop {
	position: relative;
}
.avtar_side {
	overflow: hidden;
	border-radius: 50%;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	color: #555 !important;
	text-align: center;
	background-color: #dfe1e6;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
}
.avtar_side span {
	margin: 0;
	font-weight: 600;
}
.ex_info {
	width: calc(100% - 45px);
	float: left;
	margin-left: 15px;
}
.userpopup .remove {
	float: none;
	cursor: pointer;
	display: block;
	font-weight: 400;
	padding: 6px 12px;
	position: relative;
	text-decoration: none;
	font-size: 14px;
	margin: 0 -12px;
	width: calc(100% + 24px);
	margin-top: 8px;
}
.userpopup .remove:hover {
	background-color: rgba(9,30,66,.04);
}
.ex_info span {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
}
.ex_info p {
	color: #5e6c84;
	font-size: 14px;
	margin-bottom: 5px;
}
.ex_info a {
	color: #5e6c84;
	text-decoration: underline;
	font-size: 13px;
}
.userpopup .close_one {
	color: #6b778c;
	padding: 10px 12px 10px 8px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	font-size: 16px;
}
.list-title span {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	cursor: pointer;
	height: 25px;
	margin: auto;
	opacity: 0.5;
} 
.list-title span:hover {
	opacity: 1;
}
.label_txt input {
	width: 100%;
	border-radius: 3px;
	height: 34px;
	padding: 0 10px;
	background: transparent;
	border: none;
}
.label_txt.editing input {
	border: 1px solid #ccc;
	background: #fff;
}
.list_action {
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 8px 16px -4px rgba(9,30,66,.25),0 0 0 1px rgba(9,30,66,.08);
	display: none;
	position: absolute;
	left: calc(100% - 20px);
	top: 100%;
	width: 215px;
	z-index: 70;
	padding: 7px 0;
}
.list_action.active {
	display: block;
}
.list_action .list_hed {
	width: 100%;
	text-align: center;
	color: #5e6c84;
	display: block;
	line-height: 40px;
	border-bottom: 1px solid rgba(9,30,66,.13);
	margin: 0;
	padding: 0 32px;
	position: relative;
	z-index: 1;
	margin-bottom: 10px;
	cursor: default;
}
.list_action ul li a {
	cursor: pointer;
	display: block;
	font-weight: 400;
	padding: 7px 12px;
	position: relative;
	font-size: 13px;
	line-height: normal;
}
.list_action ul li a:hover, .clo_btn_lis:hover {
	background-color: rgba(9,30,66,.04);
}
.list_action span {
	height: 40px;
	display: block;
	line-height: 35px;
	width: calc(100% - 24px);
	margin: 5px auto;
	border-top: 1px solid rgba(9,30,66,.13);
	border-bottom: 1px solid rgba(9,30,66,.13);
	cursor: pointer;
}
.list_action span.ar_lis_hed {
	border-bottom: none;
}
.clo_btn_lis {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px 12px;
	margin-right: 0;
	z-index: 9;
	border-radius: 3px;
}
.board_heading h3 {
	color: #fff;
	font-size: 19px;
	margin: 0;
}
.board_header {
	display: flex;
	align-items: center;
	background: #3e0099;
	padding: 14px 20px;
	height: 68px;
}
.star-board img {
	width: 17px;
	display: block;
}
.star-board {
	width: 19px;
	height: 18px;
	margin-left: 15px;
	text-align: center;
	opacity: 0.5;
}
.board-wrapper a.without-icon {
	padding-right: 70px;
}	
.board-wrapper a  {
	background-color: rgba(9,30,66,.08);
	/*background-color: rgba(255, 255, 255, 0.24);*/
	position: relative;
	padding: 8px 10px;
	margin-left: 20px;
	border-radius: 3px;
	cursor: pointer;
}
.board-wrapper .label {
	background-color: #bcbcbc;
	padding: 5px;
	border-radius: 30px;
	width: 40px;
	height: 25px;
	display: flex;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 15px;
	align-items: center;
	justify-content: center;
	color: #fff;
}
.board-wrapper a::after {
	content: '';
	position: absolute;
	left: -10px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1px;
	height: 100%;
	background-color: #ebedf0;
}
.board-wrapper a:nth-child(2) {
	padding-left: 40px;
	margin-right: 20px;
}
.board-wrapper a:nth-child(2)::before {
	content: '';
	position: absolute;
	right: -10px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1px;
	height: 100%;
	background-color: #ebedf0;
} 
.board-wrapper a:nth-child(2) img {
	position: absolute;
	width: 25px;
	left: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.sidebar_close img {
	width: 15px;
}
.members-list {
	display: flex;
	align-items: center;
	position: relative;
}
.labeltext i {
	font-size: 10px;
	margin-left: 4px;
}
.labeltext { 
	cursor: pointer;
}
.members-list .header-text {
	padding: 3px 9px;
	border: 1px solid #9ca6af;
	color: #6f7782 !important;
	border-radius: 4px;
	position: relative;
	font-size: 13px;
}
.members-list .header-text::before {
	content: "\f067";
	font-family: FontAwesome;
	display: inline-block;
	margin-right: 6px;
	opacity: 0.4;
}
.members-list .member {
	background: #fff;
	color: #3b0090;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	text-align: center;
	font-size: 11px;
	line-height: 31px;
	margin-right: 6px;
	cursor: pointer;
	overflow: hidden;
}
.window-title textarea {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px 10px 20px;
    font-size: 16px !important;
    color: #535353;
    height: 70px;
}
.mod-right {
	margin: 0 0 0 auto;
}
.mod-right a {
	position: relative;
	padding: 8px 10px;
	padding-left: 40px;
	margin-left: 5px;
	border-radius: 3px;
	cursor: pointer;
	background: rgba(9,30,66,.08);
} 
.watchoption {
	display: inline-block;
	width: 20px;
}
.duedatesec .cardspopup { 
	width: 332px; 
}
.cover-select-box select {
	width: 100%;
	height: 35px;
	border: 1px solid #ccc;
	-moz-appearance: none;
	outline: none !important;
	box-shadow: none !important;
}
.top_bar_fixed {
	align-items: center;
	display: flex;
	height: 53px;
	padding: 0 24px;
	border-bottom: 1px solid #e8ecee;
	justify-content: space-between;
	box-shadow: 0 1px 4px 0 rgba(21,27,38,.08);
}
.watchbtn.active {
	background-color: #5dac5d;
}
.icons_info_top > a {
	color: #737373;
	padding: 10px;
	display: flex;
	justify-content: center;
	height: 35px;
	border-radius: 4px;
	line-height: normal;
	width: 35px;
	text-align: center;
	align-items: center;
}
.fu_more_layer {
	position: absolute;
	top: 100%;
	background: #fff;
	z-index: 11;
	right: calc(100% - 37px);
	width: 240px;
	display: none;
}
.fu_more_layer li {
	border-bottom: 1px solid #ccc;
}
.fu_more_layer li:last-child {
	border-bottom: 0;
}
.fu_items_grid:hover {
	background: rgba(21,27,38,.04);
	color: #151b26;
}
.moreitems {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
.fu_items_grid img {
	width: 14px;
	height: 14px;
	display: block;
}
.fu_items_grid {
	padding: 8px;
	display: flex;
	justify-content: center;
	height: 35px;
	border-radius: 4px;
	line-height: normal;
	width: 35px;
	align-items: center;
}
.markcomplete {
	padding: 0 8px;
	border: 1px solid #cbd4db;
	color: #151b26 !important;
	border-radius: 4px;
	position: relative;
	cursor: pointer;
	font-size: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: normal;
	height: 29px;
}
.markcomplete img {
	height: 11px;
	opacity: 0.6;
	margin-right: 6px;
}
.icons_info_top img, .icons_info_top svg {
	height: 21px;
}
.markcomplete:hover {
	background: #f7f7f7;
	border-color: #c8c8c8;
}
.markcomplete.active {
	background: #5cd55c;
	border-color: #5cd55c;
	color: #fff !important;
}
.fu_titlebar.active .markcomplete {
	font-size: 0;
}
.fu_titlebar .window-title {
	display: none;
}
.duedateblk i {
	width: 32px;
	border: 1px dashed #ccc;
	border-radius: 50%;
	padding: 8px;
	display: inline-block;
	height: 32px;
	vertical-align: middle;
	text-align: center;
	margin-right: 8px;
}
.duedateblk:hover i {
	border-style: solid;
}
.duedateblk i img {
	max-height: 14px;
	display: block;
}
.duedateblk {
	border-radius: 5px;
	display: inline-block;
	vertical-align: top;
}
.flexbox .labeltext {
	margin: auto 0;
	padding: 0;
}
.cardpopupaction .window {
	height: calc(100vh - 185px);
	overflow: auto;
	transition: all cubic-bezier(.53,-0.09,.47,1.1) 0.3s;
}
.new-comment form {
	position: relative;
	padding-left: 45px;
}
.flexbox {
	display: flex;
	justify-content: center;
}
.duedateblk span {
	color: #777676;
	position: relative;
	top: 1px;
	font-size: 13px;
} 
.fu_titlebar.active .markcomplete img {
	margin-right: 0; 
}
.fu_titlebar.active .markcomplete {
	border-radius: 50%;
	width: 25px;
	height: 25px;
	padding: 0px;
	margin-right: 10px;
}
.fu_titlebar.active .window-title {
	display: block;
}
.fu_titlebar {
	display: flex;
	justify-content: center;
	align-items: center;
}
.markcomplete.active img  {
	filter: invert(1);
	opacity: 1;
}
.top_bar_fixed a:hover {
    background: rgba(21,27,38,.04); 
    color: #151b26; 
}
.editdelcomment {
	float: right;
	position: absolute;
	right: 0;
	top: -1px;
}
.phenom-desc p {
	margin: 2px auto 6px;
	color: #7b7b7b;
	line-height: 19px;
}
.phenom-top .date {
	margin-left: 9px;
	color: #7b7b7b;
}
.phenom-desc {
	position: relative;
	font-size: 13px;
}
.editdelcomment span {
	padding: 1px 6px;
	border: 1px solid #e6e6e6;
	color: #6f7782 !important;
	position: relative;
	cursor: pointer;
	font-size: 12px;
	vertical-align: top;
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 27px;
	margin-left: 7px;
	border-radius: 50px;
}
.card-detail-data .memberlists li {
	background: transparent;
}
.tracked-time > div:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: 0px;
}
.tracked-time > div i {
	margin-right: 4px;
	width: 14px;
	text-align: center;
}
.tracked-time > div {
	display: inline-block;
	width: 100%;
	margin-bottom: 9px;
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 10px;
	color: #262626;
}
.tracked-time > div span {
	display: inline-block;
	font-size: 12px;
	line-height: normal;
}
.trackbtns a {
	border-right: 1px solid #ccc;
	padding: 4px 8px;
	font-size: 13px;
	cursor: pointer;
	display: inline-block;
	width: 33.33%;
	text-align: center;
}
textarea {
	outline: none;
}
.trackbtns a:hover {
	background: #15abd1;
	color: #fff !important;
}
.trackbtns a:last-child {
	border: 0px;
}
.trackbtns {
	border: 1px solid #ccc;
	display: flex;
	margin: 10px 0;
}
.track_time.active {
	background: #5cd55c;
	border-color: #5cd55c;
}
.track_time.active span {
	color: #fff;
} 
.tracked-time {
	position: absolute;
	left: 0;
	background: #fff;
	width: 178px;
	padding: 8px;
	border: 1px solid #ccc;
	bottom: calc(100% + 1px);
	border-radius: 2px;
	z-index: 1;
	max-height: 160px;
	overflow: auto;
	display: none;
}
.TrackTimeOuter.active:hover .tracked-time {
	display: block;
}
.active.time_one::after {
	filter: invert(1) !important;
}
.background{
    background: rgb(3,102,254);
    background-image: linear-gradient(90deg, rgba(3,102,254,1) 0%, rgba(73,120,237,1) 52%, rgba(163,138,203,1) 88%);
    height: calc(100vh - 47px);
    padding:30px;
}
.fu_content_right {
	justify-content: right !important;
}

.Split-cell {
	display: flex;
}

.half {
	padding-left: 15px;
}

.icon_rel span {
	position: absolute;
	right: 26px;
	top: 0;
	bottom: 0;
	height: 28px;
	margin: auto;
	cursor: pointer;
}

/***** main container  css start *******/
.fn-container {
	margin-left: 240px;
}
.cards-body {
	height: calc(100vh - 70px);
	padding: 15px;
	background: #fff;
	-webkit-box-shadow: 1px 0px 20px -5px rgba(173, 173, 173, 0.36);
	-moz-box-shadow: 1px 0px 20px -5px rgba(173, 173, 173, 0.36);
	box-shadow: 1px 0px 20px -5px rgba(173, 173, 173, 0.36);
	overflow: auto;
}
.sub-btn {
    margin-top: 20px;
    background: #3b0090;
    border: 0px;
    color: #fff;
    padding: 10px 16px 10px;
    border-radius: 3px;
    min-width: 130px;
}
#ajax-file-upload {
    margin-top: 20px;
}
.fn_main_navigation li button {
    font-size: 12px;
    border: 0px;
    text-align: center;
    width: 100%;
    line-height: 12px;
}
.fn_main_navigation {
	position: fixed;
	height: 100vh;
	max-width: 240px;
	background-color: #3e0099;
	-webkit-box-shadow: 1px 0px 10px -5px rgba(173,173,173,1);
	-moz-box-shadow: 1px 0px 10px -5px rgba(173,173,173,1);
	box-shadow: 1px 0px 10px -5px rgba(173,173,173,1);
	width: 100%;
}
.fn_main_navigation p {
	text-align: center;
	font-size: 13px;
}
.fn_main_navigation p:last-child {
	margin-top: 7px;
}
.fn_main_navigation li.logobar {
	padding: 0;
	margin-bottom: 10px;
}
.fn_main_navigation li a {
	cursor: pointer;
	color: #fff;
	padding: 12px 25px;
	display: flex;
	align-items: center;
}
.fn_main_navigation li { 
	transition: all ease-in-out 0.3s;
}
.fn_main_navigation li i {
	margin-right: 2px;
	min-width: 30px;
	font-size: 21px;
	position: relative;
	top: 1px;
}
.fn_main_navigation p img {
    width: 20px;
}
.fn_main_navigation li a:hover {
	background: rgba(255,255,255,0.1);
	color: #fff;
}
.membership_details {
	position: relative;
}
.base_plan_status span {
	border-right: 1px solid #ccc;
	padding-right: 10px;
	margin-right: 12px;
}
.base_plan_status span:last-child {
	border-right: 0;
}
.base_plan_status {
	margin: 13px auto;
	display: block;
}
.det_membrd span {
	background: #f4f4f4;
	padding: 6px 13px;
	display: inline-block;
	margin: 0 4px 5px 0;
	vertical-align: top;
	min-width: 150px; 
	border-radius: 2px;
}
.base_plan_perks {
	margin-top: 10px;
}
.user-head span {
	background: #f4f4f4;
	padding: 6px 13px;
	display: inline-block;
	margin: 0 4px 5px 0;
	width: calc(100% / 2 - 6px);
	vertical-align: top;
	border-radius: 2px;
}
.membership_btn {
	position: absolute;
	right: 35px;
	background: #3b0090;
	color: #fff !important;
	padding: 3px 8px 5px;
	border-radius: 2px;
	top: 23px;
}
/***** main container  css ends *******/

.board_tile_desc {
	font-size: 11px;
	line-height: normal;
}
/****** board man tile css start *******/
.main_board_tile .board_tile_inner {
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	padding-top: 40px;
}
.main_board_tile:hover .board_top_hd,
.main_board_tile:hover .board_tile_body,
.main_board_tile:hover .board_tile_top{
	opacity: 1;
	visibility: visible;
}
.main_board_tile:hover {
	background: #f6f8f9;
	transform: translate3d(0, -4px, 0);
}
.board_top_hd {
	display: flex;
	justify-content: space-between;
	padding: 10px 14px;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	visibility: hidden;
	opacity: 0;
	transition: all ease-in-out 0.3s;
} 
.board_top_hd .board_tile_starred, .board_top_hd .advacne-opt {
	width: 30px;
	height: 30px;
	cursor: pointer;
	transition: all ease-in-out 0.3s;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.board_tile_body,
.board_tile_top{
	opacity: 0;
	transition: all ease-in-out 0.3s;
	visibility: hidden;
}
.board_top_hd .board_tile_starred:hover,
.board_top_hd .advacne-opt:hover {
	background: rgba(255,255,255,0.3);
} 
.advacne-opt i {
	display: block;
	color: #fff;
} 
.board-status-lbl.In-Progress {
	background: #ff6c00;
}
.board-status-lbl.Re-Assign {
	background: red;
}
.board-status-lbl.Assigned {
	background: #4537dd;
}
.board-status-lbl.Completed {
	background: #008000;
}
.main_board_tile {
	width: calc(100% / 4 - 27px);
	display: block;
	float: left;
	vertical-align: top;
	position: relative;
	padding: 16px;
	margin:  8px;
	border-radius: 20px;
	transition-duration: .4s;
}
.board_tile_time {
    line-height: 15px;
    font-size: 10px;
    font-weight: 400;
    color: #727287;
    display: block;
}
.board_tile_info_list {
    margin-right: 8px;
}
.board_tile_info {
    line-height: 15px;
    font-size: 10px;
    font-weight: 400;
    color: #727287;
    display: block;
}
.board_tile_logo {
	width: 90px;
	height: 90px;
	display: flex;
	overflow: hidden;
	align-items: center;
	justify-content: center;
	margin: auto;
}
.board_tile_status {
    font-size: 14px;
    color: #727287;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
} 
.board_tile_title {
	font-size: 14px;
	color: #0b0b0d !important;
	font-weight: 600;
	margin: 10px 0 5px;
	display: block;
	width: 100%;
	line-height: normal;
	text-align: center;
}
.board_tile_extra_details {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 22px;
}
.board_tile_link {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: calc(100% - 40px); 
}
.board_tile_extra_details > div:last-child {
    float: right;
}
.board_tile_starred span {
	width: 15px;
	height: 15px;
	background-image: url(../img/star2.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	cursor: pointer;
	display: block;
}
.board_header .icon-star, 
.board_header .board_tile_starred span,
.board_top_hd .board_tile_starred span { 
	filter: invert(1);
}
.board_tile_extra_details .board-status-lbl {display:none !important; }
.board-status-lbl {
	position: absolute;
	left: 0;
	right: 0;
	height: 8px;
	width: 40px;
	border-radius: 5px;
	margin: auto;
	top: 22px;
}
.board_tile_starred, .board_tile_member {
    display: inline-block;
    vertical-align: middle;
} 
.board_tile_member_icon {
    background-image: url(../img/user_group.svg);
    height: 19px;
    width: 19px;
    display: inline-block;
    vertical-align: bottom;
    background-repeat: no-repeat;
    margin-right: 4px;
}
.board_heading, .board_tile_menu, .board_tile_starred {
	margin-right: 19px;
}
.members_one {
	background-image: url(../img/grid.svg);
	width: 15px;
	height: 15px;
	background-size: 100%;
	display: block;
	background-repeat: no-repeat;
	cursor: pointer;
	filter: invert(1);
} 
.board_tile_member {
	display: flex;
	align-items: center;
}
.board_tile_member span:first-child {
	margin-right: 3px;
	font-size: 15px;
}
.board_tile_member_number {
	font-size: 11px;
}
.fn_cbt_right > div {
    width: auto;
    float: right;
    margin-left: 14px;
}
.fn_cbt_right {
    float: right;
    width: 50%;
}
.fn_cbt_left {
    float: left;
    width: 50%;
    padding-top: 10px;
}
.fn_cbt {
    float: left;
    width: 100%;
    padding: 10px 0px;
}
.fn_cbt .create-board .crate_one, .fn_cbt .create-team .crate_one {
    width: 120px;
    font-size: 14px;
    font-weight: 100;
    height: 40px;
    text-align: center;
    border-radius: 0px;
    background: #3e3e3e;
    color: #fff;
    line-height: 14px;
}
/****** board man tile css ends *******/



/*********** dashboard navigation for boards and team starts *******/
.main_board_nav li {
    width: auto;
    float: left;
}
 



.dash_team_sel {
    color: #000;
    font-size: 14px;
    border: none;
    cursor: pointer;
}



#team_sel {
    box-sizing: border-box;
    background-repeat: no-repeat;
    font-size: 14px;
    padding: 14px 20px 12px 10px;
    border: none;
    border-bottom: 1px solid #ddd;
    width: 100%;
}

#team_sel:focus {outline: 3px solid #ddd;}

.team_mem_sel {
  display: none;
  position: absolute;
  background-color: #f6f6f6;
  min-width: 230px;
  overflow: auto;
  border: 1px solid #ddd;
  z-index: 1;
}

.team_mem_sel a {
	padding: 7px 10px !important;
	color: #000 !important;
}
.dropdown a:hover {background-color: #ddd;}
.board_list ul li a:hover{
    color: #fff;
}
.show {display: block;}
/*********** dashboard navigation for boards and team ends *******/
/*****manage table user start****/
.main_board_tile_section #boards_row {
	width: 100%;
	margin: auto;
	max-width: 1300px;
	align-items: center;
	justify-content: center;
}
.fn_team_member_manage {
    display: table;
    width: 100%;
    vertical-align: top;
    border: 1px solid #ccc;
}

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

.fn_data_manage > div {
	display: table-cell;
	padding: 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 120px;
}
.fn_tb_hd {
    background: #f1f1f1;
}

.fn_tb_body  .fn_data_manage:last-child  > div{
    border-bottom: 0px;
}
.fn_cbt_top {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 22px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider::before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 6px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
} 
.top_heading {
	border-bottom: 1px solid #ccc;
	margin-bottom: 25px;
}
.notification_sidebar_container {
	width: 100%;
	position: fixed;
	background: rgb(11 11 13 / 38%);
	z-index: 99;
	height: 100vh;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sidebar_close {
    max-width: 15px;
    position: absolute;
    right: 10px;
    height: 15px;
    top: 6px;
    cursor: pointer;
}
.notifications-popover {
	background: #fff;
	max-width: 600px;
	width: 100%;
	padding: 30px 30px;
	position: relative;
}
.top_heading h5 {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: auto;
	padding-bottom: 13px;
	color: #3b0090;
}
.top_heading h5::before {
	position: absolute;
	content: "";
	left: 0;
	width: 100%;
	height: 3px;
	bottom: -2px;
	background: #3b0090;
}
.board-status select {
	width: calc(100% - 162px);
	border: 1px solid #ccc;
	-moz-appearance: none;
	padding: 10px;
	font-size: 14px;
	display: inline-block;
	vertical-align: bottom;
}
.boardmessage label {
	display: block;
	margin: auto;
}
.board-title {
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
}
.board-title::after {
	content: "";
	padding: 9px 0;
	background-repeat: no-repeat;
	background-image: url('https://fudogdesigns.co/img/edit.svg');
	background-size: 12px;
	background-position: center;
	display: inline-block;
	width: 14px;
	height: 18px;
	vertical-align: middle;
	cursor: pointer;
	margin-left: 5px;
	margin-top: -1px;
}
.boardmessage textarea {
	resize: none;
	width: 100%;
	border: 1px solid #ccc;
	-moz-appearance: none;
	padding: 10px;
	font-size: 14px;
}

.colside {
	margin-bottom: 20px;
	position: relative;
}
.editbox input:first-child {
	font-size: 15px;
	padding: 9px 0;
	border: 0px;
	border-bottom: 1px dotted;
	width: 100%;
}
.editbox {
	position: relative;
}
.editbox input[type="button"] {
	position: absolute;
	bottom: 2px;
	border: 0;
	padding: 4px 10px;
	right: 0;
	background-image: url('https://fudogdesigns.co/img/tick.svg');
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	font-size: 0;
	background-size: 16px;
}
.colside > span, .fu_ninja_inp > label {
	font-size: 13px;
	line-height: 16px;
	color: #6f7782;
	font-weight: 500;
	display: block;
}
.visiblity label {
	margin-right: 20px;
}
.newdesign {
	display: inline-block;
	vertical-align: bottom;
	height: 42px;
	width: 146px; 
	border: 1px solid #ccc;
	padding: 8px 12px;
	margin-left: 12px;
}
.newdesign label {
	margin-left: 7px;
	font-size: 13px;
	color: #757575;
}
.visiblity label input {
	margin-right: 8px;
}
.colhalfresult .colside {
	width: calc(100% / 2 - 2px);
	display: inline-block;
	vertical-align: top; 
}
.upload-area input {
	width: 100%;
	border: 1px solid #ccc;
	padding: 9px 8px;
}
.upload-area {
	padding-left: 15px;
}
.teams_lst {
	border: 1px solid #ccc;
	height: 42px;
	position: relative;
}
.members-list a span {
	border: 1px solid #ccc;
	margin-right: 5px;
	padding: 5px 6px;
	display: inline-block;
	vertical-align: middle;
	background: #fcfcfc;
	border-radius: 50%;
	height: 30px;
	width: 30px;
	text-align: center;
	font-size: 12px;
}
.teamcreatepopup .modal-dialog {
	max-width: 650px; 
}
.fu_ninja_inp input, .fu_ninja_inp select, .fu_ninja_inp textarea {
	resize: none;
	-webkit-appearance: none;
	font-size: 16px;
	background: transparent;
	border: none !important;
	border-bottom: 1px dotted #9b9baa !important;
	box-shadow: none;
	border-radius: 0;
	padding: 0px 0 6px;
	width: 100%;
	line-height: 23px;
}
.fu_ninja_inp {
	margin-top: 25px;
	position: relative;
}
.fu_ninja_inp textarea { 
	height: 100px;
}
.close {
	position: absolute;
	top: 3px;
	right: 7px;
	z-index: 10;
}
.modal-footer {
	padding: 25px 0 0;
	border: 0px;
}
.sub_sub_heading {
	font-size: 13px;
	color: #535353;
	opacity: 0.7;
} 
.btn-primary  { 
	border-color: 0 !important;
	box-shadow: none !important;
}
.btn-primary {
	background: #3e0099 !important;
	border: 0px;
	line-height: normal;
	padding-bottom: 7px;
}
.modal-footer button {
	margin: 0;
}
.modal-body {
	padding: 30px;
}
.fuUpdateBoard .item {
	display: inline-block;
	width: calc(100% / 3 - 13px);
	margin-right: 15px;
	margin-bottom: 12px;
	vertical-align: top;
}
.fuUpdateBoard .item:nth-child(3n) {
	margin-right: 0;
}
.teampageassign {
	padding-left: 130px;
	padding-right: 30px;
}
.headingmain{
	font-size: 23px;
}
.fuUpdateBoard{
	min-height: calc(100vh - 140px);
	padding: 30px;
	background: #fff;
}
.fuUpdateBoard .item input {
	display: none;
}
.fuUpdateBoard .item input:checked ~ label {
	border: 2px solid #4c9bff;
	background: #4c9bff;
	color: #fff;
}
.fuUpdateBoard .item label {
    border: 2px solid #ccc;
    padding: 10px 15px;
    width: 100%;
}
.searchteamlist {
	display: inline-block;
	width: 100%;
	border: 1px solid #ccc;
	border-bottom: 0;
	position: relative;
}
.list-table td:last-child a {
	background: #fff;
	width: 30px;
	height: 30px;
	display: inline-block;
	padding: 4px;
	text-align: center;
	border: 1px solid #e1e1e1;
	color: #535353;
	border-radius: 2px;
}
.list-table {
	width: 100%;
}
.list-table th, .list-table td {
	padding: 10px 20px;
	border: 1px solid #ccc;
}
.createticket {
	position: fixed;
	right: 10px;
	bottom: 10px;
	background: #3b0090;
	color: #fff !important;
	padding: 10px 20px;
	border-radius: 2px;
	z-index: 50;
}
.searchteamlist input[type="button"] ,
.searchteamlist input[type="submit"] {
	width: 130px;
	height: 38px;
	background: #3b0090;
	border: 0px;
	color: #fff;
	position: absolute;
	right: 3px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.searchteamlist input[type="text"] {
	width: 100%;
	border: 0px;
	height: 45px;
	padding: 0 138px 0 15px;
}
.fn_data_manage > div.fn_col_sel {
	width: 40px;
	text-align: center;
}
.webhelplink i {
	position: absolute;
	right: 16px;
	font-style: normal;
	bottom: 1px;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 13px 3px;
	border-radius: 0px 4px 4px 0px;
	background: #fff;
	border-radius: 4px;
}
.webhelplink input {
	padding-right: 115px;
}
.funinja_main_page {
	padding-left: 240px;
	display: inline-block;
	width: 100%;
}
.Funinja_BoardColumn {
	white-space: nowrap;
	display: flex;
}
.teamcreatepopup {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 100;
}

/*****manage table user end****/
.window-header {
	padding: 15px 20px;
}
.window-title {
    color: #151b26;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    position: relative;
}
.window-title .editdelbtn {
    opacity: 1;
    visibility: visible;
    bottom: 0;
    top: unset;
}
.window-title .editdelbtn span {
    margin-bottom: 5px;
    margin-right: 5px;
}
.window-header-inline p {
	margin: 5px auto auto;
}
.window-main-col {
	padding: 15px 20px;
	background: #fff;
}
.icons_info_top img {
	opacity: 0.9;
}
.icons_info_top {
	display: flex;
	justify-content: center;
	align-items: center;
}
.labeltext {
	font-size: 13px;
	line-height: 16px;
	color: #6f7782;
	max-width: 110px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	margin: auto;
	width: 100%;
	vertical-align: top;
	padding-top: 7px;
}
.desc_Data {
	width: 100%;
	border: 1px solid #ccc;
	padding: 6px 10px;
	height: 90px;
	resize: none;
	font-size: 13px;
	border-radius: 4px;
}
.desctxt {
	margin-top: 5px;
	font-size: 13px;
	color: #212529;
	display: block;
}
.board_tile_starred .icon-star.active {
	background-image: url(../img/starfilled.svg);
	filter: unset;
}
.project_details_popup .det_two_Sec .create_board_title {
    width: calc(100% / 2 - 12px);
    margin-right: 20px;
}
.project_details_popup .det_three_Sec .create_board_title {
	width: calc(100% / 3 - 16px);
	margin-right: 20px;
}
.project_details_popup  .create_board_title p {
	display: none;
}
.project_details_popup.fu_edit_form .create_board_title label { 
	color: #a4a4a4;
}
.project_details_popup.fu_edit_form .create_board_title input, 
.project_details_popup.fu_edit_form .create_board_title select, 
.project_details_popup.fu_edit_form .create_board_title textarea {
	display: none;
}
.project_details_popup.fu_edit_form .create_board_title p {
	display: block;
	margin: auto;
	font-size: 16px;
	height: 28px;
	width: 100%;
	line-height: 22.85px;
	padding: 0px 0 6px;
	border-bottom: 1px solid #e6e6e6;
}
.project_details_popup .create_board_title {
    width: 100%;
    margin-bottom: 30px;
}
.Client_output h5 {
	border-bottom: 1px solid #ccc;
	margin-bottom: 25px;
}
.Client_output h5 b::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: -2px;
	background: #000;
	height: 3px;
	width: 100%;
}
.Client_output h5 b {
	position: relative;
	padding-bottom: 15px;
	display: inline-block;
	width: auto;
}
.project_details_popup .det_two_Sec .create_board_title:nth-child(2n),
.project_details_popup  .det_three_Sec  .create_board_title:nth-child(3n){
    margin-right: 0px;
}
.editprojectdet {
	background: #3b0090;
	border: 0px;
	color: #fff;
	padding: 5px 5px 7px;
	font-size: 14px;
	border-radius: 3px;
	min-width: 82px;
	position: absolute;
	right: 20px;
	bottom: 10px;
}
.popup_tabs { 
    position: relative;
}
.fu_project_btn img {
	width: 12px;
	margin-right: 5px;
	opacity: 0.6;
}
.editprojectdet img {
	max-width: 12px;
	margin-right: 5px;
	display: inline-block;
	filter: invert(1);
	margin-top: -3px;
}
.fu_project_btn {
	margin-left: auto;
	padding: 5px 14px 6px;
	border: 1px solid #fff;
	color: #000 !important;
	border-radius: 4px;
	position: relative;
	cursor: pointer;
	font-size: 14px;
	background: #fff;
}
.colhalfresult .teams_lst {
	padding: 7px 40px 7px 10px;
	overflow: hidden;
	white-space: nowrap;
}
.team-name i.fa.fa-close {
	top: 7px;
	position: absolute;
	right: 5px;
	font-size: 9px;
	color: #535353;
}
span.team-name {
	border: 1px solid #dddddd;
	font-size: 12px;
	font-weight: 400;
	border-radius: 3px;
	padding: 3px 17px 4px 7px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 1px 3px 1px 0;
	line-height: normal;
}
.colhalfresult .teams_lst {
	padding: 7px 40px 7px 10px;
	overflow: hidden;
	white-space: nowrap;
}
span.addbx {
	position: absolute;
	top: 0px;
	right: 0;
	border: 0px;
	margin: auto;
	font-size: 12px;
	line-height: 22px;
	color: #535353 !important;
	bottom: 0;
	background: #e8e8e8;
	border-radius: 0;
	padding: 10px 14px;
	cursor: pointer;
}
.button-subtle i {
	margin-right: 2px;
}
.sublistninja li input {
	border: 0px;
	width: 100%;
} 
.editpopupinner {
	background: #fff;
	max-width: 900px;
	width: 90%; 
	position: relative;
	border-radius: 3px;
}
.editprofilepopup {
	width: 100%;
	position: fixed;
	background: rgb(11 11 13 / 38%);
	z-index: 99;
	height: 100vh;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.heading-popup {
	display: inline-block;
	vertical-align: top;
	margin: auto;
	padding-bottom: 15px;
	font-size: 20px;
	font-weight: 500;
	width: 100%;
}
.popup_tabs ul {
  display: flex;
  margin-top: 5px;
}
.popup_tabs {
	border-bottom: 1px solid #ccc;
	padding: 25px 35px 11px;
}
.inpbtns input {
	background: #3b0090;
	border: 0px;
	color: #fff;
	padding: 6px 16px 8px;
	border-radius: 3px;
}   
.inpbtns {
  margin-top: 15px;
  text-align: right;
}
.popup_tabs ul li::before {
	position: absolute;
	content: "";
	background: #3b0090;
	width: 100%;
	left: 0;
	right: 0;
	bottom: -12px;
	height: 3px;
	display: none;
}
.fu_half_inp input, .fu_half_inp select, .fu_half_inp textarea {
  -webkit-appearance: none;
  font-size: 16px;
  height: 28px;
  background: 0 0;
  border: none;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-bottom: 1px dotted #9b9baa;
  box-shadow: none;
  border-radius: 0;
  padding: 0px 0 6px;
  width: 100%;
  line-height: 23px;
}
.fu_half_inp textarea {
  height: 60px;
}
.fu_half_inp {
  margin-top: 25px;
}
.half_inp_sec {
  display: flex;
  flex-wrap: wrap;
}
.half_inp_sec .fu_half_inp {
  width: calc(100% / 2 - 10px);
  margin-right: 20px;
}
.half_inp_sec .fu_half_inp:nth-child(2n) {
  margin-right: 0;
}
.fu_half_inp label,.full_label_edit label {
	font-size: 13px;
	line-height: 16px;
	color: #6f7782;
	display: inline-block;
	font-weight: 500;
}
.popup_tabs ul li.active  {
     color: #3b0090;
}
.popup_tabs ul li.active::before {
    display: block;
}
.tabs_spacing {
	padding: 25px 35px;
	max-height: 470px;
	overflow: auto;
	margin-bottom: 25px;
}
.popup_tabs ul li {
	margin-right: 35px;
	font-size: 14px;
	font-weight: 500;
	color: #737373;
	cursor: pointer;
	position: relative;
}
.imgtextupload {
	display: flex;
	align-items: center;
	margin-top: 10px;
	position: relative;
}
.imgupload::before {
  position: absolute;
  content: "";
  background-image: url("https://fudogdesigns.co/img/upload_user.svg");
  background-repeat: no-repeat;
  background-size: 26px;
  width: 100%;
  height: 100%;
  background-position: center;
  opacity: 0.5;
}
.imgtextupload input {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	max-width: 370px;
	cursor: pointer;
	height: 100%;
	opacity: 0;
}
.imgupload {
  width: 50px;
  height: 50px;
  border: 1px dashed #9ca6af;
  fill: #9ca6af;
  border-radius: 50%;
  transition: all ease-in-out 0.3s;
  margin-right: 20px;
  position: relative;
}
.uploadphoto p {
    font-weight: 600;
    color: #3b0090;
    margin-bottom: 3px;
}
.uploadphoto span {
    font-size: 13px;
    color: #535353;
}
.notifylabel {
  font-size: 18px;
  margin-bottom: 15px;
}
.notifypaused {
  font-style: normal;
  display: block;
  margin-bottom: 7px;
  font-size: 13px;
  color: #535353;
}
.pausenotify span {
  display: inline-block;
  border: 1px solid #ccc;
  cursor: pointer;
  padding: 6px 12px ;
  border-radius: 4px;
  font-size: 13px;
}
.pausenotify span img {
	display: inline-block;
	height: 15px;
	vertical-align: middle;
	margin-right: 6px;
	position: relative;
	top: -1px;
}
.pausenotify span:hover,
.timepopup ul li:hover{
  background: #f9f9f9;
}
.pausenotify ul {
	padding: 4px 0;
	position: absolute;
	left: 0;
	width: 184px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 0 1px rgba(111,119,130,.15),0 5px 20px 0 rgba(21,27,38,.08);
	top: 100%;
	display: none;
	z-index: 5;
}
.pausenotify {
  position: relative;
}
.pausenotify ul.active {
  display: block;
}
.pausenotify ul li {
	padding: 8px 15px;
	border-bottom: 1px solid #f0f0f0;
	font-size: 13px;
}
.pausenotify ul li:last-child {
  border: 0px;
}
.pausenotify ul li:hover,.sendmailnotify ul li:hover {
  background: #f9f9f9;
  cursor: pointer;
}
.pausenotify ul li b {
	font-weight: normal;
	float: right;
	color: #9d9d9d;
}
.schedulecard {
  margin-top: 20px;
}
.schedulecard h4 {
  font-size: 16px;
}
.notify_time input[type="checkbox"] {
  margin-right: 6px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.timepopup {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.timepopup input {
	border: 1px solid #ccc;
	width: 90px;
	padding: 6px 10px;
	text-align: center;
	border-radius: 3px;
}
.timepopup ul.active,.sendmailnotify ul.active{
    display:block;
}
.sendmailnotify {
	position: relative;
}
.timepopup ul,.sendmailnotify ul {
  right: 0;
  padding: 4px 0;
  position: absolute;
  left: 0;
  width: 100%;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(111,119,130,.15),0 5px 5px 0 rgba(21,27,38,.08);
  bottom: 100%;
  display: none;
  z-index: 5;
  height: 150px;
  overflow: auto;
}
.email_notify_outer {
  margin-top: 30px;
}
.sendmailnotify span {
  display: inline-block;
  border: 1px solid #ccc;
  cursor: pointer;
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 13px;
  min-width: 230px;
  margin-top: 5px;
}
.timepopup ul li,.sendmailnotify ul li  {
  padding: 4px 10px;
  color: #535353;
  cursor: pointer;
}
.scheduledays ul {
  display: inline-block;
  margin-top: 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  overflow: hidden;
}
.scheduledays {
  margin-top: 20px;
}
.scheduledays ul li {
	font-size: 13px;
	height: 36px;
	line-height: 34px;
	padding: 0 12px;
	float: left;
	border-right: 1px solid #e1e1e1;
	cursor: pointer;
}
.scheduledays ul li.active {
	background: #3b0090;
	color: #fff;
	border-color: #3b0090;
}
.scheduledays ul li:last-child,.sendmailnotify ul li:last-child {
  border-right: 0;
}
.sendmailnotify ul {
	height: auto;
	width: 230px;
	bottom: unset;
	top: 100%;
}
.emailnotify_check {
  margin-top: 15px;
} 
.emailnotify_check li input {
  position: absolute;
  left: 0;
  top: 4px;
}
.emailnotify_check li {
  margin-top: 15px;
  position: relative;
  padding-left: 20px; 
  color: #848484;
  line-height: 19px;
}
.btnpopclose {
	position: absolute;
	width: 15px;
	right: 18px;
	top: 10px;
	cursor: pointer;
	z-index: 2;
}
.emailnotify_check li strong {
  display: block;
  font-weight: 600;
  color: #151515;
  margin-bottom: 3px;
}
.modal-content { 
	border: 0;
	border-radius: 3px; 
}
.emailnotify_check li.disable {
  opacity: 0.5;
  pointer-events: none;
}
.member img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.delete-chk-lst-btn {
	float: right;
	margin-top: -4px;
	margin-right: 7px;
}
.closeduepicker {
	position: absolute;
	right: -10px;
	top: -13px;
	background: #fff;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	border: 1px solid #ccc;
	text-align: center;
	line-height: 22px;
	color: #535353;
	cursor: pointer;
}
.duedatebtm {
	width: auto;
	float: left;
	margin-right: 10px;
}
.pause-ul:hover ul {
    display: block;
}
.payment_container_boot {
	display: flex;
	text-align: center;
	justify-content: space-between;
	max-width: 1160px;
	margin: 40px auto;
	width: 95%;
}
.card_payment_type {
	width: calc(100% / 3 - 20px); 
}
.pamentinfo {
	background: #efeff9;
	border-radius: 14px 14px 34px 34px;
	margin-top: -15px;
	box-shadow: 0px 10px 20px rgba(0,0,0,0.05);
}
.card_payment_type h5 {
	background: #cacaca;
	color: #fff;
	padding: 12px 12px 26px;
	text-transform: uppercase;
	margin: auto;
	font-size: 17px;
	border-radius: 20px 20px 0 0;
}
.img_add_payment {
	background-image: url("https://fudogdesigns.co/img/bgcurve.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: bottom;
	padding: 195px 15px 40px;
	margin-top: -85px;
	min-height: 520px;
}
.img_card_payment img {
	max-height: 105px;
}
.img_card_payment {
	padding: 55px 40px 0;
}
.card_payment_type:nth-of-type(2) h5,
.card_payment_type:nth-of-type(2) .paymentmore a {
	background: #4f4f4f;
}
.card_payment_type:last-child h5,
.card_payment_type:last-child .paymentmore a {
	background: #3b0090;
}
.price_payment p {
	font-size: 60px;
	line-height: 55px;
	font-weight: 600;
	color: #cacaca;
	margin-right: 10px;
}
.card_payment_type:nth-of-type(2) .price_payment p,
.card_payment_type:nth-of-type(2) .price_payment span i{
	color: #4f4f4f;
}
.card_payment_type:last-child .price_payment p,
.card_payment_type:last-child .price_payment span i{
	color: #3b0090;
} 
.price_payment i {
	font-size: 25px;
	font-style: normal;
	display: block;
	font-weight: 600;
	color: #cacaca;
	margin-bottom: 5px;
	margin-top: 10px;
}
.price_payment span {
	color: #a6a6a6;
}
.paymentmore a {
	background: #ea96da;
	color: #fff !important;
	padding: 9px 47px 9px 28px;
	display: inline-block;
	vertical-align: top;
	margin-top: 22px;
	border-radius: 50px;
	position: relative;
}
.paymentmore a::before {
	position: absolute;
	content: "";
	right: 3px;
	width: 30px;
	height: calc(100% - 6px);
	background: #fff;
	margin: auto;
	border-radius: 0 50px 50px 0;
	top: 0;
	bottom: 0;
}
.paymentmore a::after {
	position: absolute;
	content: "";
	border-top: 8px solid #ea96da;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	right: 12px;
	top: 0px;
	bottom: 0;
	margin: auto;
	height: 0;
	transform: rotate(-92deg);
}
.card_payment_type:nth-of-type(2) .paymentmore a::after {
	border-top-color: #4f4f4f;
}
.card_payment_type:last-child .paymentmore a::after{
	border-top-color: #3b0090;
} 
.img_add_payment li {
	font-size: 15px;
	color: #8a8888;
	padding: 15px 0;
	border-bottom: 1px solid #f7f7f7;
	font-weight: 400;
	max-width: 270px;
	margin: auto;
	line-height: 22px;
}
.img_add_payment ul li:last-child {
	border-bottom: 0;
}
.img_add_payment ul {
	margin-bottom: 15px;
}
.price_payment {
	display: flex;
	justify-content: center;
	align-items: center;
}
.header-profile-pic {
	border-radius: 50px;
	height: 35px;
	width: 35px;
	margin: auto auto 5px;
	display: block;
	border: 1px solid #ccc;
}
.fn_main_navigation p:last-child {
	margin-top: 7px;
}
.tox-tinymce {
	margin-top: 40px;
}
.logobar a {
	padding: 12px;
	background: #fff;
	display: inline-block;
	vertical-align: top;
}
.ticket-info i {
    font-style: normal;
    color: #535353;
} 
.ticket-info span {
	width: 25%;
	margin: 5px 0;
}
.ticket-info {
    display: flex;
    flex-wrap: wrap; 
}
.message-row {
    -webkit-box-shadow: 1px 0px 20px -5px rgba(173, 173, 173, 0.36);
    -moz-box-shadow: 1px 0px 20px -5px rgba(173, 173, 173, 0.36);
    box-shadow: 1px 0px 20px -5px rgba(173, 173, 173, 0.36);
    margin-top: 20px;
    background: #fff;
}
.message-heading {
    padding: 18px 30px;
    background: #fcfcfc;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.h-name {
    font-size: 15px;
    color: #000;
    text-transform: capitalize;
}
.previous-msg-list {
	margin-bottom: 20px;
}
.del-x {
    position: absolute;
    top: -7px;
    right: -5px;
    background: #fff;
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 4px;
    border-radius: 50px;
    border: 1px solid #ececec;
    cursor: pointer;
}
.message-body {
    padding: 18px 30px;
} 
.auth_form > div {
	width: 50%;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.auth_form_left{
	padding: 50px 0;
}
.form_info {
	max-width: 410px;
	margin: auto;
	width: 95%;
}
.auth_form {
	display: flex;
	flex-wrap: wrap;
	height: 100vh;
}
.auth-header {
	text-transform: capitalize;
	font-size: 45px;
	font-weight: 600;
	margin: 35px auto;
	line-height: 55px;
}
.logotop, .auth-header {
	text-align: center; 
} 
.auth_log input {
	box-shadow: none !important;
	border: 1px solid #ccc !important;
	border-radius: 3px;
	height: 52px;
}
.auth_log {
	margin-bottom: 25px;
}
.auth_log label {
	font-size: 14px;
	margin-bottom: 5px;
	color: #535353;
}
.authpara a {
	border: 1px solid #3e0099;
	padding: 5px 20px 7px;
	display: inline-block;
	border-radius: 3px;
	color: #3e0099 !important;
	margin-top: 7px;
}
.authpara {
	position: absolute;
	right: 50px;
	top: 40px;
	text-align: right;
}
.authpara h5 {
	font-size: 17px;
	text-transform: capitalize;
}
.authpara h5 img {
	width: 17px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -5px;
	margin-right: 8px;
}
.authpara p {
	max-width: 230px;
	color: #535353;
	margin: 10px auto;
}
.authpara a:hover {
	background: #3e0099; 
	color: #fff !important; 
}
.subinfohd {
	margin-bottom: 25px;
}
.reg_text {
	text-align: center;
	border-top: 1px solid #ececec;
	margin-top: 35px;
	padding: 25px 0;
}
.reg_text a {
	color: #3e0099;
}
.check_rem {
	display: flex;
	justify-content: space-between;
	margin-bottom: 22px;
}
.Split-cell .half:first-child {
	padding-left: 0;
}
.btn-link {
	color: #3e0099 !important;
}
.button_sub button {
	box-shadow: none !important;
	border-radius: 3px;
	min-height: 52px;
	width: 100%;
}
.auth_img-right img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.card_top_one {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #3e0099;
	padding: 16px 42px 16px 28px;
}
.search_hd svg {
	width: 13px;
	position: absolute;
	left: 14px;
	top: 0;
	bottom: 0;
	margin: auto;
	opacity: 0.5;
}
.search_hd {
	position: relative;
}
.search_hd input {
	border-radius: 50px;
	border: 0px;
	height: 37px;
	padding: 0 16px 0 32px;
	width: 140px;
	transition: all ease-in-out 0.3s;
}
.seach_info_open {
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 0 1px rgba(111,119,130,.15),0 5px 20px 0 rgba(21,27,38,.08);
	position: absolute;
	top: 100%;
	visibility: hidden;
	opacity: 0;
	transition: all ease-in-out 0.3s;
	width: 100%;
}
.searchbar.active .seach_info_open { 
	visibility: visible;
	opacity: 1;
}
.search_hd input:focus {
	width: 390px;
	border-color: #ccc !important;
}
.notification_btn i {
	display: block;
}
.notification_btn {
	margin: auto 17px;
	color: #fff !important;
}
.searchbar {
	position: relative;
}
.typetitle {
	padding: 11px 21px;
	transition: all ease-in-out 0.3s;
} 
.typetitle:hover {
	background: #f6f8f9;
} 
.material-icons-outlined {
	font-family: 'Material Icons Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-moz-font-feature-settings: 'liga';
	-moz-osx-font-smoothing: grayscale;
}
.logo_sidebar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 16px;
	background: #fff;
	margin-bottom: 30px;
}
.SideBurgerIcon-image {
	width: 25px;
	cursor: pointer;
}
.SideBurgerIcon-image svg {
	fill: #242424;
}
.logo-main {
	width: 166px;
	overflow: hidden;
}
.sidebaractive .fn_main_navigation {
	max-width: 60px;
}
.sidebaractive .logo-main {
	width: 39px;
}
.sidebaractive .SideBurgerIcon-image {
	position: absolute;
	left: calc(100% + 16px);
	transform: rotate(180deg);
	top: 26px;
}
.sidebaractive .logo-main img {
	max-width: 160px;
}
.sidebaractive .logo_sidebar {
	padding: 20px 11px;
}
.sidebaractive  .funinja_main_page {
	padding-left: 60px; 
}
.fn-container,
 .funinja_main_page{
	transition: all ease-in-out 0.5s;
}
.sidebaractive .fn_main_navigation li a {
	padding: 15px 19px;
	overflow: hidden; 
}
.sidebaractive  .board_header {
	padding-left: 60px;
}
.sidebaractive  .SideBurgerIcon-image svg {
	fill: #fff;
}
.sidebaractive .card_top_one {
	padding-left: 56px;
}
.fn_main_navigation li a { 
	white-space: nowrap;
}
.sidebaractive .fn_main_navigation li i {
	margin-right: 0;
	min-width: 43px;
	font-size: 21px;
}
.sidebaractive .fn-container {
	margin-left: 60px;
}
.fn_main_navigation, .fn_main_navigation * {
	transition: all ease-in-out 0.3s;
}
.fn_main_navigation {
	display: flex;
	flex-wrap: wrap;
}
.topnavinfo {
	width: 100%;
}
.board_list ul li.active a {
	color: #fff;
	font-weight: 600;
	font-size: 15px;
	border-bottom: 1px dotted #fff;
}
.btmnavinfo {
	width: 100%;
	margin-top: auto;
	border-top: 1px solid #ffffff1a;
}
.profile_click img {
	margin: auto;
	border: 0px;
}
.profile_click span {
    color: #fff;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    background: #ffffff38;
    border-radius: 50px;
}
.popup_edit {
	position: absolute;
	border-radius: 4px;
	box-shadow: 0 0 0 1px rgba(111,119,130,.15),0 5px 20px 0 rgba(21,27,38,.08);
	z-index: 1;
	background: #fff;
	right: 0; 
	visibility: hidden;
	opacity: 0;
	transition: all ease-in-out 0.3s;
	top: calc(100% + 10px);
}
.profile_click {
	position: relative;
	cursor: pointer;
}
.profile_click:hover .popup_edit {
	top: 100%; 
	visibility: visible;
	opacity: 1;
}
.popup_edit a {
	padding: 12px 19px;
	display: flex;
	align-items: center;
	min-width: 130px;
	color: #000;
}
.right_nav_top {
	display: flex;
	justify-content: space-between;
}
.popup_edit i {
	font-size: 18px;
	margin-right: 4px;
	position: relative;
	top: 1px;
}
.popup_edit a:hover {
	background: linear-gradient(45deg, #3f0299 0%, #7844c6 60%, #8f5fd7 115%);
	color: #fff;
}

.board_tile_logo img {
	width: auto;
	height: auto;
	max-height: 64px;
}
.board_tile_body * {
	color: #fff;
}
.board_tile_top {
	display: flex;
	justify-content: center;
	align-items: center;
}
.board_tile_top * {
	font-size: 12px;
	color: #727287;
}
.list_sp_card {
	margin: 0 9px;
}
.list_sp_card span:last-child {
	margin-left: 9px;
}
.main_board_tile:nth-child(1n) .board_tile_inner {
	background: linear-gradient(to left, #91eae4, #86a8e7, #7f7fd5);
}
.main_board_tile:nth-child(2n) .board_tile_inner {
	background: linear-gradient(to right, #ff4b2b, #ff416c);
}
.main_board_tile:nth-child(3n) .board_tile_inner {
	background: linear-gradient(to right, #96c93d, #00b09b);
}
.main_board_tile:nth-child(4n) .board_tile_inner {
	background: linear-gradient(45deg, #3f0299 0%, #7844c6 60%, #8f5fd7 115%);
}
.main_board_tile:nth-child(5n) .board_tile_inner {
	background: linear-gradient(45deg, #0064fb 0%, #5193f7 60%, #91bbfb 115%);
}
.main_board_tile:nth-child(6n) .board_tile_inner {
	background: linear-gradient(45deg, #6457f9 0%, #4638dd 60%, #1802ff 115%);
}
.main_board_tile:nth-child(7n) .board_tile_inner {
	background: linear-gradient(45deg, #ff78ff 0%, #e16ce1 60%, #f2adf2 115%);
}
.main_board_tile:nth-child(8n) .board_tile_inner {
	background: linear-gradient(45deg, #5a7896 0%, #3e5f80 60%, #1c344d 115%);
}