/*
Author       : Dreamguys
Template Name: Workeys - Bootstrap Admin
Version      : 1.0
*/

/*============================
 [Table of CSS]

1. General
2. Table
3. Helper Class
4. Bootstrap Classes
5. Modal
6. Select2
7. Nav Tabs
8. Components
9. Header
10. MultiSelect
11. Chat
12. Sidebar
13. Content
14. Login
15. Register
16. Project List
17. Project Activity
18. Project Overview
19. Sprints
20. Members
21. Task List
22. Kanban
23. Reports
24. Notes
25. Test
26. Statistics
27. Settings
28. Switch Buttons
29. Profile
30. Calendar
31. Inbox
32. Mail View
33. Responsive

========================================*/

/*-----------------
	1. General
-----------------------*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');

html {
	height: 100%;
}
body {
	background-color: #EDF5F9;
	color: #344357;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	height: 100%;
	line-height: 1.5;
	overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Poppins', sans-serif;
	margin-top: 0;
	color: #344357;
}
a {
	text-decoration: none;
}
a:hover,
a:active,
a:focus {
	outline: none;
	text-decoration: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
label {
	margin-bottom: 0.5rem;
}
.form-control {
	border: 1px solid #E3E2FF;
	box-shadow: none;
	color: #333;
	padding: .54688rem .875rem;
	font-size: 14px;
	height: 40px;
	font-weight: 400;
	background: #FBFBFF;
	color: #1e2022;
}
textarea.form-control {
	height: auto;
}
.form-control:focus {
	box-shadow: 0 0 10px rgba(136, 136, 136, 0.125); 
	outline: 0 none;
	border-color: #c1c9d0;;
}
.form-control-sm {
    height: calc(1.5em + 1rem);
    padding: .4375rem .65625rem;
    font-size: .8125rem;
    line-height: 1.5;
    border-radius: .25rem;
}
.font-normal{
	font-weight: 500;
}

.form-control-lg {
    height: calc(1.5em + 1.875rem);
    padding: .875rem 1.09375rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .3125rem;
}
a {
	color: #4B4B9F;
}
a:hover {
    color: #43439e;
    text-decoration: none;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
p:last-child { 
    margin-bottom: 0;
}
dl, ol, ul {
    margin-top: 0;
    margin-bottom: 0;
}
input,
button,
a {
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
input,
input:focus,
button,
button:focus {
	outline: none;
}
input[type="file"] {
	height: auto;
	min-height: calc(1.5em + .75rem + 2px);
}
input[type=text],
input[type=password] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
textarea.form-control {
	resize: vertical;
}
.navbar-nav > li {
	float: left;
}
.form-group {
	margin-bottom: 1.25rem;
} 
.form-group-custom {
    margin-top: 28px;
}
.input-group .form-control {
	height: 40px;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
	background-color: rgba(0, 0, 0, 0.1);
	border-color: rgba(0, 0, 0, 0.1);
}
.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
}
ul li{
	list-style: none;
}
p:last-child{
	margin-bottom: 0;
}

/*---------------------
	2. Table
-----------------------*/

.table {
	color: #344357;
	max-width: 100%;
	margin-bottom: 0;
	width: 100%;
}
div.dataTables_wrapper div.dataTables_info {
    padding: 15px;
}
div.dataTables_wrapper div.dataTables_paginate{
	padding:10px;
}
.page-item a.page-link {
    margin: 0 10px;
    border: 1px solid #E9E9FF !important;
    color: #344357;
	width: 30px;
    height: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.page-item.previous a.page-link,
.page-item.next a.page-link {
    border: 0px solid #E9E9FF !important;
	width: auto;
    height: auto;
}
.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 7px 7px;
}
.action-sets {
    border: 0.5px solid #E9E9FF;
    min-width: 104px;
    padding: 4px 10px;
    color: #344357;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.action-sets i, .action-drop .dropdown-item i {
	font-size: 10px !important;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: #f8f9fa;
}
.table.no-border > tbody > tr > td,
.table > tbody > tr > th,
.table.no-border > tfoot > tr > td,
.table.no-border > tfoot > tr > th,
.table.no-border > thead > tr > td,
.table.no-border > thead > tr > th { 
	padding: 10px 8px;
}
.table-nowrap td,
.table-nowrap th {
	white-space: nowrap
}
.custom-table {
	border: 1px solid #E9E9FF;
	border-radius: 10px;
}
.table.dataTable {
	border-collapse: collapse !important;
	margin: 0 !important;
}
table.table td h2 {
	display: inline-block;
	font-size: inherit;
	font-weight: 400;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
table.table td h2.table-avatar {
	align-items: center;
	display: inline-flex;
	font-size: inherit;
	font-weight: 400;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	white-space: nowrap;
}
h2.table-avatar img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-right: 10px;
}
h2.table-avatar .name-avatars {
	display: inline-flex;
	color: #FFF;
	width: 30px;
	height: 30px;
	margin: 0 10px 0 0;
}

h5.table-avatar .name-avatars {
	display: inline-flex;
	color: #FFF;
	width: 30px;
	height: 30px;
	margin: 0 10px 0 0;
}
.table > tbody > tr > td {
	padding: 15px;
	font-size: 14px;
    font-weight: 400;
}
table.table td h2 a {
	color: #333;
}
table.table td h2 a:hover {
	color: #43439e;
}
table.table td h2 span {
	color: #888;
	display: block;
	font-size: 12px;
	margin-top: 3px;
} 
.table thead {
    background-color: transparent;
    border-bottom: 0;
}
.table thead tr th {
	font-weight: 500;
	font-size: 14px;
	padding: 15px;
}
.table.table-center td,
.table.table-center th {
	vertical-align: middle;
}
.table-hover tbody tr:hover {
	background-color: #f6f6f7;
}
.table td, .table th {
    vertical-align: middle;
    white-space: nowrap;
}
table.table .dropdown-action {
	margin-bottom: 0;
}
.table-bordered {
	border: 1px solid rgba(0, 0, 0, 0.05) !important;
}
.table-bordered td:first-child{
	border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.table-bordered td:last-child{
	border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.table-bordered th,
.table-bordered td {
	border-color: rgba(0, 0, 0, 0.05);
}
.card-table .card-body {
	padding: 0;
}
.card-table .card-body .table > thead > tr > th {
	border-top: 0;
}
.card-table .card-body .table tr td:first-child,
.card-table .card-body .table tr th:first-child {
	padding-left: 1.5rem;
}
.card-table .table td,
.card-table .table th {
	border-top: 1px solid #e2e5e8;
	padding: 1rem 0.75rem;
	white-space: nowrap;
}
.table>:not(:first-child) {
	border: 0;
}
ul.project-name {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}
.more-set a {
	width: 32px;
	height: 32px;
	background: #E9E9FF;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	color: #4B4B9F;
}
.project-name li a:hover {
    position: relative;
    z-index: 9;
}
.project-name li a img {
    width: 32px;
    height: 32px;
    border-radius: 50px;
}
.project-name li:first-child {
    margin: 0;
}
.progresssettop {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.progressset {
	width: 135px;
}
.progresssettop h5,
.progresssettop h6 {
	font-size: 10px;
}
.progressset .progress {
	background: #E9E9FF;
	height: 9px;
	border-radius: 50px;
}
.page-item.paginate_button a {
    border: 0;
}
.table-actions {
	display: inline-flex;
	align-items: center;
}
.table-actions a + a {
	margin-left: 8px;
}
.action-set.del-action {
	color: #FF0000;
}
.action-set {
	border: 1px solid #E9E9FF;
	color: #344357;
	width: 30px;
	display: inline-flex;
	height: 30px;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
}
.progressset .progress-bar {
	background-color: #399E8D;
}
.project-name li {
    margin-left: -10px;
}
table.table td,table.table th {
	border-color: #dee2e6;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
}
.table .dropdown-menu {
	width: 200px;
	background: #FFFFFF;
	border: 1px solid #F2ECFF;
	box-shadow: 0px 4px 4px rgba(231, 234, 252, 0.75);
	border-radius: 6px;
	margin-top: 10px !important;
}
.table .dropdown-item {
	font-size: 14px;
	color: #1B2559;
	display: flex;
    justify-content: start;
    align-items: center;
	margin-bottom: 14px;
}
.table .dropdown-item:last-child {
	margin-bottom: 0;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #7638FF;
    background: transparent;
}
.table .dropdown-item.active, .table .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #7638FF;
}
.table .dropdown-item i {
	font-size: 16px;
}

/*-----------------
	3. Helper Class
-----------------------*/

.block {
	display: block !important;
}
.bullets li {
	list-style: inherit;
}
#toggle_btn i {
	font-size: 14px;
}
.bg-1 {
	background-color: #ffeec3;
}
.bg-1 i {
	color: #ffb800;
}
.bg-2 {
	background-color: #399E8D;
}
.bg-2 i {
	color: #42cdff;
}
.bg-3 {
	background-color: #ceffd5;
}
.bg-3 i {
	color: #52fb6a;
}
.bg-4 {
	background-color: #fccaff;
}
.bg-4 i {
	color: #f555ff;
}
.bg-5 {
	background-color: #ffb800;
}
.bg-6 {
	background-color: #42cdff;
}
.bg-7 {
	background-color: #52fb6a;
}
.bg-8 {
	background-color: #f555ff;
}
.table .btn {
    white-space: nowrap;
}
table .badge {
    border-radius: 6px;
    display: inline-block;
    font-size: 14px;
    min-width: 105px;
    padding: 8px 20px;
    font-weight: 500;
    text-align: center;
}
.table .bg-success-dark {
	background: #008F64;
}
.table .bg-danger-dark {
	background: #FF0000;
}
.feather {
    width: 18px;
    height: 18px;
}
.toggle_btn-two {
	color: #fff;
}
.bg-one {
	background-color: #FFB800;
}
.bg-one i {
	color:  #FFFFFF;
}
.bg-two {
	background-color: #0CE0FF;
}
.bg-two i {
	color:  #FFFFFF;
}
.bg-three {
	background-color: #17D053;
}
.bg-three i {
	color:  #FFFFFF;
}
.bg-four {
	background-color: #F555FF;
}
.bg-four i {
	color:  #FFFFFF;
}

/*-----------------
	4. Bootstrap Classes
-----------------------*/

.btn.focus,
.btn:focus {
	box-shadow: unset;
}
.btn-white {
    background-color: #fff;
    border-color: #e7eaf3;
}
.btn.btn-rounded {
	border-radius: 50px;
}
.bg-primary,
.badge-primary {
	background-color: #7638ff !important;
}
a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
	background-color: #621aff !important;
}
.bg-success,
.badge-success {
	background-color: #22cc62 !important;
}
a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
	background-color: #1eae55 !important;
}
.bg-info,
.badge-info {
	background-color: #009efb !important;
}
a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
	background-color: #028ee1 !important;
}
.bg-warning,
.badge-warning {
	background-color: #ffbc34 !important;
}
a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
	background-color: #e9ab2e !important;
}
.bg-danger,
.badge-danger {
	background-color: #FF0000 !important;
}
a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
	background-color: #e63333 !important;
}
.bg-white {
	background-color: #fff;
}
.bg-purple,
.badge-purple {
	background-color: #9368e9 !important;
}
.text-primary,
.dropdown-menu > li > a.text-primary {
	color: #4B4B9F !important;
}
.text-success,
.dropdown-menu > li > a.text-success {
	color: #22cc62 !important;
}
.text-danger,
.dropdown-menu > li > a.text-danger {
	color: #FF0000 !important;
}
.text-info,
.dropdown-menu > li > a.text-info {
	color: #009efb !important;
}
.text-warning,
.dropdown-menu > li > a.text-warning {
	color: #ffbc34 !important;
}
.text-purple,
.dropdown-menu > li > a.text-purple {
	color: #7460ee !important;
}
.text-muted {
	color: #757575 !important;
}
.text-success-light {
	color: #57cb63;
}
.text-warning-light {
	color: #feb019;
}
.btn-primary {
	background-color: #4B4B9F;
	border: 1px solid #4B4B9F;
	box-shadow: inset 0 0 0 0 #ffffff;
	padding: 8px 10px;
	font-size: 14px;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
	background-color: #FFF;
	border: 1px solid #3c3ca0;
	box-shadow: inset 0 50px 0 0 #ffffff;
	color: #4B4B9F;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
	background-color: #3c3ca0;
	border: 1px solid #3c3ca0;
}
.btn-primary.active:not(:disabled):not(.disabled),
.btn-primary:active:not(:disabled):not(.disabled),
.show > .btn-primary.dropdown-toggle {
	background-color: #3c3ca0;
	border-color: #3c3ca0;
	color: #fff;
}
.btn-primary.active:focus:not(:disabled):not(.disabled),
.btn-primary:active:focus:not(:disabled):not(.disabled),
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: unset;
}
.btn-primary.disabled,
.btn-primary:disabled {
	background-color: #7638ff;
	border-color: #7638ff;
	color: #fff;
}
.btn-secondary,
.btn-check:active+.btn-secondary, 
.btn-check:checked+.btn-secondary, 
.btn-secondary.active, 
.btn-secondary:active, 
.show>.btn-secondary.dropdown-toggle {
    color: #344357;
    background-color: #DFDFDF;
    border-color: #DFDFDF;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.active,
.btn-secondary:active,
.open > .dropdown-toggle.btn-secondary {
	background-color: #FFF;
	border: 1px solid #DFDFDF;
	box-shadow: inset 0 50px 0 0 #ffffff;
	color: #344357;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
	opacity: 1;
}
.btn-secondary.active:focus:not(:disabled):not(.disabled),
.btn-secondary:active:focus:not(:disabled):not(.disabled),
.show > .btn-secondary.dropdown-toggle:focus {
	box-shadow: unset;
}
.btn-success {
	background-color: #1DB299;
	border: 1px solid #1DB299;
	-webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.active,
.btn-success:active,
.open > .dropdown-toggle.btn-success {
	background-color: #FFF;
	border: 1px solid #1DB299;
	color: #1DB299;
	box-shadow: inset 0 50px 0 0 #ffffff;
}
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success.focus:active,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover {
	background-color: #1eae55;
	border: 1px solid #1eae55
}
.btn-success.active:not(:disabled):not(.disabled),
.btn-success:active:not(:disabled):not(.disabled),
.show > .btn-success.dropdown-toggle {
	background-color: #1eae55;
	border-color: #1eae55;
	color: #fff;
}
.btn-success.active:focus:not(:disabled):not(.disabled),
.btn-success:active:focus:not(:disabled):not(.disabled),
.show > .btn-success.dropdown-toggle:focus {
	box-shadow: unset;
}
.btn-success.disabled,
.btn-success:disabled {
	background-color: #22cc62;
	border-color: #22cc62;
	color: #fff;
}
.btn-info {
	background-color: #009efb;
	border: 1px solid #009efb
}
.btn-info:hover,
.btn-info:focus,
.btn-info.active,
.btn-info:active,
.open > .dropdown-toggle.btn-info {
	background-color: #028ee1;
	border: 1px solid #028ee1
}
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info.focus:active,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .dropdown-toggle.btn-info.focus,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.btn-info:hover {
	background-color: #028ee1;
	border: 1px solid #028ee1
}
.btn-info.active:not(:disabled):not(.disabled),
.btn-info:active:not(:disabled):not(.disabled),
.show > .btn-info.dropdown-toggle {
	background-color: #028ee1;
	border-color: #028ee1;
	color: #fff;
}
.btn-info.active:focus:not(:disabled):not(.disabled),
.btn-info:active:focus:not(:disabled):not(.disabled),
.show > .btn-info.dropdown-toggle:focus {
	box-shadow: unset;
}
.btn-info.disabled,
.btn-info:disabled {
	background-color: #009efb;
	border-color: #009efb;
	color: #fff;
}
.btn-warning {
	background-color: #ffbc34;
	border: 1px solid #ffbc34
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.active,
.btn-warning:active,
.open > .dropdown-toggle.btn-warning {
	background-color: #e9ab2e;
	border: 1px solid #e9ab2e
}
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning.focus:active,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning.focus,
.open > .dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.btn-warning:hover {
	background-color: #e9ab2e;
	border: 1px solid #e9ab2e
}
.btn-warning.active:not(:disabled):not(.disabled),
.btn-warning:active:not(:disabled):not(.disabled),
.show > .btn-danger.dropdown-toggle {
	background-color: #e9ab2e;
	border-color: #e9ab2e;
	color: #fff;
}
.btn-warning.active:focus:not(:disabled):not(.disabled),
.btn-warning:active:focus:not(:disabled):not(.disabled),
.show > .btn-warning.dropdown-toggle:focus {
	box-shadow: unset;
}
.btn-warning.disabled,
.btn-warning:disabled {
	background-color: #ffbc34;
	border-color: #ffbc34;
	color: #fff;
}
.badge-secondary {
	background-color: #621aff !important;
}
.btn-danger {
	background-color: #FF0000;
	border: 1px solid #FF0000;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.active,
.btn-danger:active,
.open > .dropdown-toggle.btn-danger {
	background-color: #FFF;
	border: 1px solid #FF0000;
	color: #FF0000;
	box-shadow: inset 0 50px 0 0 #ffffff;	
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger.focus:active,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open > .dropdown-toggle.btn-danger.focus,
.open > .dropdown-toggle.btn-danger:focus,
.open > .dropdown-toggle.btn-danger:hover {
	background-color: #ec1313;
	border: 1px solid #ec1313;
}
.btn-danger.active:not(:disabled):not(.disabled),
.btn-danger:active:not(:disabled):not(.disabled),
.show > .btn-danger.dropdown-toggle {
	background-color: #ec1313;
	border-color: #ec1313;
	color: #fff;
}
.btn-danger.active:focus:not(:disabled):not(.disabled),
.btn-danger:active:focus:not(:disabled):not(.disabled),
.show > .btn-danger.dropdown-toggle:focus {
	box-shadow: unset;
}
.btn-danger.disabled,
.btn-danger:disabled {
	background-color: #f62d51;
	border-color: #f62d51;
	color: #fff;
}
.btn-light.active:focus:not(:disabled):not(.disabled),
.btn-light:active:focus:not(:disabled):not(.disabled),
.show > .btn-light.dropdown-toggle:focus {
	box-shadow: unset;
}
.btn-dark.active:focus:not(:disabled):not(.disabled),
.btn-dark:active:focus:not(:disabled):not(.disabled),
.show > .btn-dark.dropdown-toggle:focus {
	box-shadow: unset;
}
.btn-outline-primary {
	color: #4B4B9F ;
	border-color: #4B4B9F;
	background: #FFFFFF;
	box-shadow: inset 0 0 0 0 #4B4B9F;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
.btn-outline-primary:hover {
	background-color: #4B4B9F ;
	border-color: #4B4B9F ;
	color: #fff;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
	box-shadow: none;
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
	color: #7638ff;
	background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
	background-color: #7638ff;
	border-color: #7638ff;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
	box-shadow: none;
}
.btn-outline-success {
	color: #22cc62;
	border-color: #22cc62;
}
.btn-outline-success:hover {
	background-color: #22cc62;
	border-color: #22cc62;
}
.btn-outline-success:focus,
.btn-outline-success.focus {
	box-shadow: none;
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
	color: #22cc62;
	background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
	background-color: #22cc62;
	border-color: #22cc62;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
	box-shadow: none;
}
.btn-outline-info {
	color: #00bcd4;
    border-color: #00bcd4;
}
.btn-outline-info:hover {
	color: #fff;
	background-color: #00bcd4;
	border-color: #00bcd4;
}
.btn-outline-info:focus,
.btn-outline-info.focus {
	box-shadow: none;
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
	background-color: transparent;
	color: #00bcd4;
}
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
	background-color: #00bcd4;
	border-color: #00bcd4;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
	box-shadow: none;
}
.btn-outline-warning {
	color: #ffbc34;
	border-color: #ffbc34;
}
.btn-outline-warning:hover {
	color: #212529;
	background-color: #ffbc34;
	border-color: #ffbc34;
}
.btn-outline-warning:focus,
.btn-outline-warning.focus {
	box-shadow: none;
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
	background-color: transparent;
	color: #ffbc34;
}
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
	color: #212529;
	background-color: #ffbc34;
	border-color: #ffbc34;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
	box-shadow: none;
}
.btn-outline-danger {
	color: #FF0000;
	border-color: #FF0000;
}
.btn-outline-danger:hover {
	color: #fff;
	background-color: #FF0000;
	border-color: #FF0000;
}
.btn-outline-danger:focus,
.btn-outline-danger.focus {
	box-shadow: none;
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
	background-color: transparent;
	color: #FF0000;
}
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
	background-color: #FF0000;
	border-color: #FF0000;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
	box-shadow: none;
}
.btn-outline-light {
	color: #ababab;
	border-color: #e6e6e6;
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
	color: #ababab;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
	background-color: #4B4B9F;
	border-color: #4B4B9F;
}
.pagination > li > a,
.pagination > li > span {
	color: #4B4B9F;
}
.page-link:hover {
	color: #4B4B9F;
}
.page-link:focus {
	box-shadow: unset;
}
.page-item.active .page-link {
	background-color: #4B4B9F;
    border-color: #4B4B9F;
}
.page-item .page-link 
{
	border-radius: 5px;
}
.dropdown-menu {
	border: 1px solid #eff2f7;
	border-radius: 5px;
	transform-origin: left top 0;
	background-color: #fff;
	box-shadow: 0 0 1.25rem rgba(31,45,61,.08);
}
.navbar-nav .open .dropdown-menu {
	border: 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	background-color: #fff;
}
.dropdown-menu {
	font-size: 14px;
}
.card {
    background: #fff;
    -webkit-box-shadow: 0px 26px 70px 0px #d5e4eb;
	box-shadow: 0px 26px 70px 0px #d5e4eb;
    margin-bottom: 16px;
    border-radius: 10px;
    border: 0;
}
.card-body {
    position: relative;
}
.card .card-header {
	border-color: #f0f1f5;
	background-color: #fff;
	padding: 1.5rem 1.875rem 1.25rem;
}
.card-header:first-child {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.card-footer:last-child {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.card-footer {
	background-color: #fff;
	border-top: 1px solid #e6e6e6;
	padding: 1rem;
}
.table .thead-light th {
	font-size: 16px;
    color: #1B2559;
    background-color: #f8f9fa;
    border-color: #eff2f7;
}
.card .card-header .card-title {
	margin-bottom: 0;
}
.modal-footer.text-left {
	text-align: left;
}
.modal-footer.text-center {
	text-align: center;
}
.btn-light {
	border-color: #e6e6e6;
	color: #a6a6a6;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
	background-color: #7638ff;
	text-shadow: unset;
}
.bootstrap-datetimepicker-widget table td.today:before {
	border-bottom-color: #7638ff;
}
.bg-info-light {
	background-color: rgba(2, 182, 179, 0.12) !important;
	color: #1db9aa !important;
}
.bg-primary-light {
	background-color: rgba(17, 148, 247, 0.12) !important;
	color: #2196f3 !important;
}
.bg-danger-light {
	background-color: rgb(255 218 218 / 49%) !important;
	color: #FF0000 !important;
}
.bg-warning-light {
	background-color: rgba(255, 152, 0, 0.12) !important;
	color: #f39c12 !important;
}
.bg-success-light {
	background-color: rgba(15, 183, 107, 0.12) !important;
	color: #26af48 !important;
}
.bg-purple-light {
	background-color: rgba(197, 128, 255, 0.12) !important;
	color: #c580ff !important;
}
.bg-default-light {
	background-color: rgba(40, 52, 71, 0.12) !important;
	color: #283447 !important;
}
.card-two {
	border: 1px solid #DBDFEA;
	border-radius: 5px;
}
.row {
	margin-left: -8px;
	margin-right: -8px;
}
.row>* {
	padding-left: 8px;
	padding-right: 8px;
}

/*-----------------
	5. Modal
-----------------------*/

.modal {
	-webkit-overflow-scrolling: touch;
}
.modal-footer.text-center {
    justify-content: center;
}
.modal-footer.text-left {
    justify-content: flex-start;
}
.modal-dialog.modal-md {
    max-width: 600px;
}
.custom-modal .modal-content {
	border: 0;
    border-radius: 20px;
}
.custom-modal .modal-footer {
	border: 0;
}
.custom-modal .modal-header {
    border: 0;
    justify-content: center;
    padding: 30px 30px 0;
}
.custom-modal .modal-footer {
    border: 0;
    justify-content: center;
    padding: 0 30px 30px;
}
.custom-modal .modal-body {
    padding: 30px;
}
.custom-modal .close {
    background-color: #a0a0a0;
    border-radius: 50%;
    color: #fff;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    margin: 0;
    opacity: 1;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    z-index: 99;
}
.custom-modal .modal-title {
	font-size: 22px;
}
.modal-backdrop.show {
    opacity: 0;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
}
.modal .card {
	box-shadow: unset;
}
.form-header {
    text-align: center;
	margin-bottom: 30px;
}
.form-header h3 {
    color: #1B2559;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 10px;
}
.form-header h4 {
    color: #1B2559;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px;
}
.form-header p {
    color: #929292;
    font-size: 15px;
    margin-bottom: 0;
}
.modal-btn > .row {
	margin-left: -8px;
	margin-right: -8px;
}
.modal-btn > .row > div {
	padding-left: 8px;
	padding-right: 8px;
}
.paid-continue-btn {
    background-color: #7638FF;
    border: 1px solid #7638FF;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 20px;
    text-align: center;
}
.paid-continue-btn:hover,
.paid-continue-btn:focus,
.paid-continue-btn:active {
	background-color: #fff;
	border: 1px solid #7638FF;
	color: #7638FF;
}
.paid-cancel-btn {
    background-color: #fff;
    border: 1px solid #7638FF;
    border-radius: 5px;
    color: #7638FF;
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 20px;
    text-align: center;
}
.paid-cancel-btn:hover,
.paid-cancel-btn:focus,
.paid-cancel-btn:active {
	background-color: #7638FF;
	border: 1px solid #7638FF;
	color: #fff;
}
.bank-details .modal-content {
	border: 1px solid #F2ECFF;
	border-radius: 6px;
}
.bank-details .modal-header {
    border: 0;
    justify-content: space-between;
    padding: 30px;
    align-items: center;
    display: flex;
    border-bottom: 1px solid #E5E5E5;
}
.bank-details .close {
	background: transparent;
    border: 0;
    color: #1B2559;
    font-size: 28px;
    line-height: normal;
    top: 20px;
    width: auto;
    height: auto;
    right: 20px;
}
.bank-details .close:hover {
	color: #7638FF;
}
.bank-details .modal-body {
	padding-bottom: 10px;
	border-bottom: 1px solid #E5E5E5;
}
.bank-details .bank-inner-details label {
	font-size: 16px;
	font-weight: 600;
	color: #1B2559;
}
.bank-details .bank-inner-details .form-control {
	height: 50px;
}
.bank-details .bank-inner-details textarea {
	min-height: 100px;
}
.bank-details .bank-inner-details .form-control::placeholder {
	color: #8F9BBA;;
}
.bank-details .modal-footer>* {
	margin: 0;
}
.bank-details .modal-footer {
	justify-content: end;
	padding: 30px;
}
.bank-details-btn .btn {
	min-width: 160px;
	border-radius: 8px;
	padding: 10px 0;
	color: #fff;
}
.bank-details-btn .bank-cancel-btn {
	background: #1B2559;
}
.bank-details-btn .bank-cancel-btn:hover {
	background: #7638FF;
}
.bank-details-btn .bank-save-btn {
	background: #7638FF;
}
.bank-details-btn .bank-save-btn:hover {
	background: #1B2559;
}

/*-----------------
	6. Select2
-----------------------*/

.select2-container .select2-selection--single {
	border: 1px solid #ddd;
	height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 38px;
	right: 7px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #ddd transparent transparent;
	border-style: solid;
	border-width: 6px 6px 0;
	height: 0;
	left: 50%;
	margin-left: -10px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0;
}
.card-filter {
	border: 1px solid #E9E9FF;
	background: #FAFAFF;
	padding: 15px;
	margin-bottom: 20px;
	border-radius: 10px;
	padding-bottom: 0;
}
.card-filter .form-control {
	background: #FBFBFF;
	border: 1px solid #E3E2FF;
	border-radius: 5px;
}
.btn-refresh {
	background: #4FACFE;
	color: #fff;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border:1px solid  #4FACFE;
	transition: all 0.5s;
}
.btn-refresh:hover{
	box-shadow: 0 50px #fff inset;
	color: #4FACFE;
}
.search-set {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.btn-search {
	background: #4B4B9F;
	color: #fff;
	min-width: 98px;
	padding: 10px;
}
.card-filter span.select2-selection.select2-selection--single {
    background: transparent;
}
.select2-container .select2-selection--single {
    border: 1px solid #E3E2FF;
    height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #344357;
    font-size: 14px;
    font-weight: normal;
    line-height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    right: 7px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #344357;
    border-style: solid;
    border-width: 0 2px 2px 0;
    padding: 3px;
    height: 0;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    width: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: #344357;
    border-width: 2px 0 0 2px;
    padding: 3px;
    margin-top: -5px;
}
.select2-container--default.form-control-sm .select2-selection--single .select2-selection__arrow {
    top: 7px;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: #344357;
    border-style: solid;
    border-width: 0 2px 2px 0;
    padding: 3px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
	padding-right: 30px;
	padding-left: 15px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #4B4B9F;
}
.select2-container--default .select2-selection--multiple {
	border: 1px solid #ddd;
	min-height: 40px;
}
.card-new {
	padding: 30px;
}
.card-new .card-headers {
	border-bottom: 1px solid #EFF2F5;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

/*-----------------
	7. Nav Tabs
-----------------------*/

.nav-tabs {
	border-bottom: 1px solid #e6e6e6;
}
.card-header-tabs {
	border-bottom: 0;
}
.nav-tabs > li > a {
	margin-right: 0;
	color: #888;
	border-radius: 0;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
	border-color: transparent;
	color: #333;
}
.nav-tabs.nav-tabs-solid > li > a {
	color: #333;
}
.nav-tabs.nav-tabs-solid > .active > a,
.nav-tabs.nav-tabs-solid > .active > a:hover,
.nav-tabs.nav-tabs-solid > .active > a:focus {
	background-color: #7638ff;
	border-color: #7638ff;
	color: #fff;
}
.tab-content {
	padding-top: 20px;
}
.nav-tabs .nav-link {
	border-radius: 0;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	border-color: transparent;
	color: #333;
}
.nav-tabs.nav-justified > li > a {
	border-radius: 0;
	margin-bottom: 0;
}
.nav-tabs.nav-justified > li > a:hover,
.nav-tabs.nav-justified > li > a:focus {
	border-bottom-color: #ddd;
}
.nav-tabs.nav-justified.nav-tabs-solid > li > a {
	border-color: transparent;
}
.nav-tabs.nav-tabs-solid > li > a {
	color: #333;
	padding: 10px 30px;
}
.nav-tabs.nav-tabs-solid > li > a.active,
.nav-tabs.nav-tabs-solid > li > a.active:hover,
.nav-tabs.nav-tabs-solid > li > a.active:focus {
	background-color: #7638ff;
	border-color: #7638ff;
	color: #fff;
	padding: 10px 30px;
}
.nav-tabs.nav-tabs-solid.nav-tabs-rounded {
	border-radius: 50px;
}
.nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a {
	border-radius: 50px;
}
.nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a.active,
.nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a.active:hover,
.nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a.active:focus {
	border-radius: 50px;
}
.nav-tabs-justified > li > a {
	border-radius: 0;
	margin-bottom: 0;
}
.nav-tabs-justified > li > a:hover,
.nav-tabs-justified > li > a:focus {
	border-bottom-color: #ddd;
}
.nav-tabs-justified.nav-tabs-solid > li > a {
	border-color: transparent;
}
.nav-tabs.nav-justified.nav-tabs-top {
	border-bottom: 1px solid #ddd;
}
.nav-tabs.nav-justified.nav-tabs-top > li > a,
.nav-tabs.nav-justified.nav-tabs-top > li > a:hover,
.nav-tabs.nav-justified.nav-tabs-top > li > a:focus {
	border-width: 2px 0 0 0;
}
.nav-tabs.nav-tabs-top > li {
	margin-bottom: 0;
}
.nav-tabs.nav-tabs-top > li > a,
.nav-tabs.nav-tabs-top > li > a:hover,
.nav-tabs.nav-tabs-top > li > a:focus {
	border-width: 2px 0 0 0;
}
.nav-tabs.nav-tabs-top > li.open > a,
.nav-tabs.nav-tabs-top > li > a:hover,
.nav-tabs.nav-tabs-top > li > a:focus {
	border-top-color: #ddd;
}
.nav-tabs.nav-tabs-top > li+li > a {
	margin-left: 1px;
}
.nav-tabs.nav-tabs-top > li > a.active,
.nav-tabs.nav-tabs-top > li > a.active:hover,
.nav-tabs.nav-tabs-top > li > a.active:focus {
	border-top-color: #7638ff;
}
.nav-tabs.nav-tabs-bottom > li {
	margin-bottom: -1px;
}
.nav-tabs.nav-tabs-bottom > li > a.active,
.nav-tabs.nav-tabs-bottom > li > a.active:hover,
.nav-tabs.nav-tabs-bottom > li > a.active:focus {
	border-bottom-width: 2px;
	border-color: transparent;
	border-bottom-color: #7638ff;
	background-color: transparent;
	transition: none 0s ease 0s;
	-moz-transition: none 0s ease 0s;
	-o-transition: none 0s ease 0s;
	-transition: none 0s ease 0s;
	-webkit-transition: none 0s ease 0s;
}
.nav-tabs.nav-tabs-solid {
	background-color: #fafafa;
	border: 0;
}
.nav-tabs.nav-tabs-solid > li {
	margin-bottom: 0;
}
.nav-tabs.nav-tabs-solid > li > a {
	border-color: transparent;
}
.nav-tabs.nav-tabs-solid > li > a:hover,
.nav-tabs.nav-tabs-solid > li > a:focus {
	background-color: #f5f5f5;
}
.nav-tabs.nav-tabs-solid > .open:not(.active) > a {
	background-color: #f5f5f5;
	border-color: transparent;
}
.nav-tabs-justified.nav-tabs-top {
	border-bottom: 1px solid #ddd;
}
.nav-tabs-justified.nav-tabs-top > li > a,
.nav-tabs-justified.nav-tabs-top > li > a:hover,
.nav-tabs-justified.nav-tabs-top > li > a:focus {
	border-width: 2px 0 0 0;
}
/*-----------------
	8. Components
-----------------------*/

.section-header {
	margin-bottom: 1.875rem;
}
.section-header .section-title {
	color: #333;
}
.line {
	background-color: #7638ff;
	height: 2px;
	margin: 0;
	width: 60px;
}
.comp-buttons .btn {
	margin-bottom: 5px;
}
.pagination-box .pagination {
	margin-top: 0;
}
.comp-dropdowns .btn-group {
	margin-bottom: 5px;
}
.progress-example .progress {
	margin-bottom: 1.5rem;
}
.progress-xs {
	height: 4px;
}
.progress-sm {
	height: 15px;
}
.progress.progress-sm {
	height: 6px;
}
.progress.progress-md {
	height: 8px;
}
.progress.progress-lg {
	height: 18px;
}
.row.row-sm {
	margin-left: -3px;
	margin-right: -3px;
}
.row.row-sm > div {
	padding-left: 3px;
	padding-right: 3px;
}
.avatar {
	position: relative;
	display: inline-block;
	width: 3rem;
	height: 3rem
}
.avatar > img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.avatar-title {
	width: 100%;
	height: 100%;
	background-color: #7638ff;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.avatar-away:before,
.avatar-offline:before,
.avatar-online:before {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 25%;
	height: 25%;
	border-radius: 50%;
	content: '';
	border: 2px solid #fff;
}
.avatar-online:before {
	background-color: #22cc62;
}
.avatar-offline:before {
	background-color: #FF0000;
}
.avatar-away:before {
	background-color: #ffbc34;
}
.avatar .border {
	border-width: 3px !important;
}
.avatar .rounded {
	border-radius: 6px !important;
}
.avatar .avatar-title {
	font-size: 18px;
}
.avatar-xs {
	width: 1.65rem;
	height: 1.65rem;
}
.avatar-xs .border {
	border-width: 2px !important;
}
.avatar-xs .rounded {
	border-radius: 4px !important;
}
.avatar-xs .avatar-title {
	font-size: 12px;
}
.avatar-xs.avatar-away:before,
.avatar-xs.avatar-offline:before,
.avatar-xs.avatar-online:before {
	border-width: 1px;
}
.avatar-sm {
	width: 2.5rem;
	height: 2.5rem;
}
.avatar-sm .border {
	border-width: 3px !important;
}
.avatar-sm .rounded {
	border-radius: 4px !important;
}
.avatar-sm .avatar-title {
	font-size: 15px;
}
.avatar-sm.avatar-away:before,
.avatar-sm.avatar-offline:before,
.avatar-sm.avatar-online:before {
	border-width: 2px;
}
.avatar-lg {
	width: 3.75rem;
	height: 3.75rem;
}
.avatar-lg .border {
	border-width: 3px !important;
}
.avatar-lg .rounded {
	border-radius: 8px !important;
}
.avatar-lg .avatar-title {
	font-size: 24px;
}
.avatar-lg.avatar-away:before,
.avatar-lg.avatar-offline:before,
.avatar-lg.avatar-online:before {
	border-width: 3px;
}
.avatar-xl {
	width: 5rem;
	height: 5rem;
}
.avatar-xl .border {
	border-width: 4px !important;
}
.avatar-xl .rounded {
	border-radius: 8px !important;
}
.avatar-xl .avatar-title {
	font-size: 28px;
}
.avatar-xl.avatar-away:before,
.avatar-xl.avatar-offline:before,
.avatar-xl.avatar-online:before {
	border-width: 4px;
}
.avatar-xxl {
	width: 5.125rem;
	height: 5.125rem;
}
.avatar-xxl .border {
	border-width: 6px !important;
}
.avatar-xxl .rounded {
	border-radius: 8px !important;
}
.avatar-xxl .avatar-title {
	font-size: 30px;
}
.avatar-xxl.avatar-away:before,
.avatar-xxl.avatar-offline:before,
.avatar-xxl.avatar-online:before {
	border-width: 4px;
}
.avatar-group {
	display: inline-flex;
}
.avatar-group .avatar + .avatar {
	margin-left: -.75rem;
}
.avatar-group .avatar-xs + .avatar-xs {
	margin-left: -.40625rem;
}
.avatar-group .avatar-sm+.avatar-sm {
	margin-left: -.625rem;
}
.avatar-group .avatar-lg + .avatar-lg {
	margin-left: -1rem;
}
.avatar-group .avatar-xl + .avatar-xl {
	margin-left: -1.28125rem;
}
.avatar-group .avatar:hover {
	z-index: 1;
}

/*-----------------
	9. Header
-----------------------*/

.header {
	background: #fff;
	box-shadow: 0 0 13px 0 rgba(82,63,105,0.05);
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 2;
	height: 60px;
	width: 240px;
	transition: all 0.2s ease-in-out 0s;
}
.header .header-left {
	float: left;
	height: 60px;
	padding: 0 10px;
	position: relative;
	text-align: center;
	width: 240px;
	z-index: 1;
	transition: all 0.2s ease-in-out;
}
.mini-sidebar .header {
    width: 78px;
}
.header .header-left .logo,
.header .header-left .dark-logo {
	display: inline-block;
	line-height: 60px;
}
.header .header-left .logo img {
	max-height: 45px;
	width: auto;
}
.header-left .logo.logo-small {
	display: none;
}
.header .dropdown-menu > li > a {
	position: relative;
}
.header .dropdown-toggle:after {
	display: none;
}
.header .has-arrow .dropdown-toggle:after, .header-nav .has-arrow .dropdown-toggle:after {
	border-top: 0;
	border-left: 0;
	border-bottom: 2px solid #344357;
	border-right: 2px solid #344357;
	content: '';
	height: 8px;
	display: inline-block;
	pointer-events: none;
	-webkit-transform-origin: 66% 66%;
	-transform-origin: 66% 66%;
	transform-origin: 66% 66%;
	-webkit-transform: rotate(45deg);
	-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	width: 8px;
	vertical-align: 2px;
}
.header .has-arrow .dropdown-toggle[aria-expanded="true"]:after {
	-webkit-transform: rotate(-135deg);
	-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.white-logo {
    display: none;
    line-height: 60px;
}
.user-menu {
	margin: 0;
	position: relative;
	z-index: 99;
	display: inline-flex !important;
	margin-left: auto;
	border: 0;
}
.flag-nav > a img {
    width: 30px;
    height: 30px;
    border-radius: 50px;
}
.header-nav.bottom-nav .flag-nav > a img {
    width: 18px;
    height: 18px;
}
.user-menu.nav > li > a {
	color: #333;
	font-size: 14px;
	padding: 0;
}
.breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
}
.breadcrumb-item a ,.breadcrumb-item {
    color: #344357;
	position: relative;
	padding-right: 5px;
}
.breadcrumb-item.active {
    color: #344357;
}
.user-menu.nav > li > a:hover i,
.user-menu.nav > li > a:focus i {
	opacity: .8;
}
.user-img {
	display: inline-block;
	margin-right: 3px;
	position: relative;
}
.user-img img{
	width: 32px;
    border-radius: 50%;
}
.dropdown-item img{
	margin-right: 5px;
}
.user-menu.nav > li > a.mobile_btn {
	border: 0;
	position: relative;
	padding: 0;
	margin: 0;
	cursor: pointer
}
.user-menu .dropdown-menu {
	min-width: 200px;
	padding: 0;
}
.user-menu .dropdown-menu .dropdown-item {
	display: flex;
	align-items: center;
	padding: 10px 15px;
}
.user-menu .dropdown-menu .dropdown-item:hover {
	color: #7638ff;
	background-color: transparent;
}
.header .dropdown-menu > li > a:focus,
.header .dropdown-menu > li > a:hover {
	background-color: #7638ff;
	color: #fff;
}
.header .dropdown-menu > li > a:focus i,
.header .dropdown-menu > li > a:hover i {
	color: #fff;
}
.header .dropdown-menu > li > a {
	padding: 10px 18px;
}
.header .dropdown-menu > li > a i {
	color: #7638ff;
	margin-right: 10px;
	text-align: center;
	width: 18px;
}
.header .user-menu .dropdown-menu > li > a i {
	color: #7638ff;
	font-size: 16px;
	margin-right: 10px;
	min-width: 18px;
	text-align: center;
}
.header .user-menu .dropdown-menu > li > a:focus i,
.header .user-menu .dropdown-menu > li > a:hover i {
	color: #fff;
}
.mobile_btn {
	display: none;
	float: left;
}
.slide-nav .sidebar {
	margin-left: 0;
}
.menu-title {
	color: #a3a3a3;
	display: block;
	font-size: 14px;
	margin-bottom: 5px;
	padding: 0 25px;
}
.sidebar-overlay {
	background-color: rgba(0, 0, 0, 0.6);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 60px;
	width: 100%;
	z-index: 1000;
}
.sidebar-overlay.opened {
	display: block;
}
html.menu-opened {
	overflow: hidden;
}
html.menu-opened body {
	overflow: hidden;
}
.menu-opened .sidebar{
	margin: 0;
}
.btn-activity {
    border: 1px solid #4B4B9F;
    color: #4B4B9F;
	padding: 8px 10px;
	font-size: 14px;
	transition: all 0.4s;
}
.card-headers {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.card-btn > ul {
	display: flex;
	padding: 0;
	flex-wrap: wrap;
	justify-content: end;
}
.card-btn > ul li {
	margin-bottom: 4px;
}
.btn-activity:hover {
    box-shadow: inset 0 50px #4b4b9f;
    color: #fff;
}
.header-nav {
	background: #FFFFFF;
	box-shadow: 0px 31px 70px #D5E4EB;
	border-radius: 10px;
	padding: 10px;
	display: flex;
    align-items: center;
	margin-bottom: 30px;
}
.header-nav.bottom-nav {
    background: #ffffff;
    box-shadow: none;
    border-radius: 0;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    font-size: 15px;
    list-style-type: none;
    margin: 0;
    position: relative;
}
.bottom-nav.bottom-logout {
    padding: 10px 20px 0;
}
.header-nav-task {
    background: #FFFFFF;
    box-shadow: 0px 31px 70px #d5e4eb;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.header-nav ul {
	display: inline-flex;
	margin-bottom: 0;
}
.user-menu .dropdown-toggle::after{
	border-top: 0;
}

/*-----------------
	10. MultiSelect
-----------------------*/

.multiselect-container .multiselect-option .form-check, 
.multiselect-container .multiselect-group .form-check, 
.multiselect-container .multiselect-all .form-check {
    padding: 0 !important;
}
.multiselect-container .multiselect-option:hover, 
.multiselect-container .multiselect-group:hover, 
.multiselect-container .multiselect-all:hover, 
.multiselect-container .multiselect-option:focus, 
.multiselect-container .multiselect-group:focus, 
.multiselect-container .multiselect-all:focus {
    background-color: transparent !important;
}
.multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback), 
.multiselect-container .multiselect-group.active:not(.multiselect-active-item-fallback), 
.multiselect-container .multiselect-all.active:not(.multiselect-active-item-fallback), 
.multiselect-container .multiselect-option:not(.multiselect-active-item-fallback):active, 
.multiselect-container .multiselect-group:not(.multiselect-active-item-fallback):active, 
.multiselect-container .multiselect-all:not(.multiselect-active-item-fallback):active {
    background-color: #FAFAFF !important;
    color: #0E0E0E;
}
.multiselect-container .multiselect-option.active .form-check-input {
	z-index: 1;
}
.multiselect-option.dropdown-item:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}
.multiselect-container.dropdown-menu input[type=checkbox], .right-list input[type=checkbox] {
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	outline: none;
	content: none;	
}
.form-group.card-label .multiselect-container.dropdown-menu input[type=checkbox]:before, .right-list input[type=checkbox]:before {
	border-radius: 50% !important;
}
.multiselect-container.dropdown-menu input[type=checkbox]:before, .right-list input[type=checkbox]:before {
	font-family: 'feather' !important;
    content: "\e92b";
    font-size: 15px;
    color: transparent !important;
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #F1F1F2;
	font-size: 11px;
    border-radius: 3px;
}
.multiselect-container.dropdown-menu input[type=checkbox]:checked:before, .right-list input[type=checkbox]:checked:before {
	color: #FFF !important;
	line-height: 21px;
	text-align: center;
	background: #374AD0;
	border: 0;
}
.multiselect-container.dropdown-menu input[type=radio], .right-list input[type=radio] {
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	outline: none;
	content: none;	
}
.form-group.card-label .multiselect-container.dropdown-menu input[type=radio]:before, .right-list input[type=radio]:before {
	border-radius: 50% !important;
}
.form-group .multiselect {
    border: 1px solid #E3E2FF;
    border-radius: 5px;
    background: #FBFBFF;
    height: 40px;
    padding: 8px 20px;
    text-align: left !important;
    line-height: 15px;
}
.multiselect-container.dropdown-menu input[type=radio]:before, .right-list input[type=radio]:before {
	font-family: 'feather' !important;
    content: "\e92b";
    font-size: 15px;
    color: transparent !important;
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #F1F1F2;
	font-size: 11px;
    border-radius: 3px;
}
.multiselect-container.dropdown-menu input[type=checkbox], .right-list input[type=checkbox] {
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	outline: none;
	content: none;	
	border: 0;
	border-radius: 50%;
}
.multiselect-container .multiselect-option .form-check-label {
	margin-bottom: 0;
}
.multiselect-option.dropdown-item {
    margin: 0;
    height: 100%;
    cursor: pointer;
    font-weight: 400;
    padding: 5px 10px !important;
    letter-spacing: 0.28px;
    color: #0E0E0E;
    font-size: 14px;
    background: #FCFCFC;
	border-radius: 5px;
    width: 100%;
	position: relative;
	margin-bottom: 8px;
}
.multiselect-container .multiselect-option.active {
	background: #FAFAFF;
}
.form-group.card-label .multiselect-container.dropdown-menu input[type=checkbox]:before, .right-list input[type=checkbox]:before {
	border-radius: 50% !important;
}
.multiselect-container.dropdown-menu input[type=checkbox]:before, .right-list input[type=checkbox]:before {
	font-family: 'feather' !important;
    content: "\e92b";
    font-size: 15px;
    color: transparent !important;
    display: block;
    width: 20px;
    height: 20px;
	background: #FFF;
    border: 1px solid #F1F1F2;
	font-size: 11px;
	text-align: center;
    border-radius: 50%;
}
.form-check-input {
    margin-top: 0;
    right: 15px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: -1;
	position: absolute;
    width: 20px;
    height: 20px;
	border-radius: 50%;
}
.multiselect-container.dropdown-menu input[type=checkbox]:checked:before, .right-list input[type=checkbox]:checked:before {
	color: #FFF !important;
	line-height: 21px;
	text-align: center;
	background: #1DB299;
	border: 0;
	border-radius: 50%;
	word-break: break-word;
}
.multiselect-container.dropdown-menu input[type=radio], .right-list input[type=radio] {
	-moz-appearance:none;
	-webkit-appearance:none;
	-o-appearance:none;
	outline: none;
	content: none;	
}
.multiselect-container.dropdown-menu input[type=radio]:checked:before, .right-list input[type=radio]:checked:before {
	color: #FFF !important;
	line-height: 21px;
	text-align: center;
	background: #1DB299;
	border: 0;
	border-radius: 50%;
}
.multi-drop-img {
    height: 25px;
    width: 25px !important;
    border-radius: 50%;
    margin-right: 5px;
}

/*-----------------
	11. Chat
-----------------------*/

.chat-body {
	height: calc(100vh - 464px);
	min-height: 600px;
	/*max-height: 600px;	
	height: calc(100vh - 285px);*/
	overflow-y: auto;
	overflow-x: hidden;
}
.chat-body.no-msg {
	min-height: 350px;
}
ul.list-unstyled {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.media .avatar, .media .name-avatars {
    height: 40px;
    width: 40px;
}
.media .media-body {
	margin-left: 20px;
}
.reply-item {
	background: #FFFFFF;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 10px;
}
.rep-box {
	border-left: 4px solid  #1DB399;
	padding-left: 10px;
}
.rep-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 10px;
}
.rep-info .avatar, .rep-info .name-avatars {
	width: 25px;
	height: 25px;
	margin-right: 10px;
}
.rep-info h6 {
	font-size: 14px;
	margin: 0;
}
.rep-info h6 span {
	font-size: 10px;
	color: #838383;
}
.drop-item {
	display: inline-block;
}
.drop-item > a {
	color: #344357;
}
.text-edited {
	color: #4B4B9F;
	font-size: 12px;
	font-style: italic;
}
.discussion-sent {
	position: relative;
	padding-top: 10px;
}
.footer-discussion {
	display: inline-flex;
    width: 100%;
}
.footer-discussion .inputgroups {
    width: 100%;
}
.media.sent .media-body .msg-box > div p.current-text {
	text-align: right;
	font-size: 14px;
	margin-right: 10px;	
	margin-top: 13px;
	word-break: break-word;
	text-align: right;
    font-size: 14px;
    margin-right: 10px;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.current-text-one {
	margin-top: 10px;
    word-break: break-word;
    text-align: right;
    font-size: 14px;
    margin-right: 10px;
}
.discuss-item .media-body .msg-box .project-view-text p.current-text {
    margin-top: 10px;
    word-break: break-word;
    text-align: right;
    font-size: 14px;
    margin-right: 10px;
    max-width: inherit;
    white-space: inherit;
    overflow: inherit;
    text-overflow: inherit;
}
.media.sent .media-body .msg-box > div .chat-msg-info {
	justify-content: end;
}
.media .media-body .msg-box > div {
	padding: 10px;
	border-radius: .25rem;
	display: inline-block;
	position: relative;
}
.media .media-body .msg-box > div p {
	font-size: 14px;
	color: #344357;
    margin-bottom: 0;
	margin-right: 20px;
}
.media .media-body .msg-box > div p span {
	font-weight: 500;
}
 .media .media-body .msg-box + .msg-box {
	margin-top: 5px;
}
.media.received {
	margin-bottom: 30px;
}
.media:last-child {
	margin-bottom: 0;
}
.media.received .media-body .msg-box > div {
	background: #FAFAFF;
	border-radius: 0px 6px 6px 0px;
}
.media.sent {
    margin-bottom: 30px;
}
 .media.sent .media-body {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-left: 0;
	margin-right: 20px;
}
.media.sent .media-body .msg-box > div {
    background: #FAFAFF;
	border-radius: 6px 0px 0px 6px;
	display: inline-flex;
}
.media.sent .media-body .msg-box > div p {
    margin-right: 0;
}
.chat-date {
    font-size: 14px;
    margin: 1.875rem 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-transform: capitalize;
}
.chat-date:before {
    background-color: #e0e3e4;
    content: "";
    height: 1px;
    margin-right: 28px;
    position: absolute;
    right: 50%;
    top: 50%;
    width: 100%;
}
.chat-date:after {
    background-color: #e0e3e4;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: 28px;
    position: absolute;
    top: 50%;
    width: 100%;
}
.chat-footer {
    background-color: #fff;
    border-top: 1px solid #e0e3e4;
    padding: 10px 15px;
    position: relative;
}
.chat-footer .input-group {
	width: 100%;
	align-items: center;
}
.chat-footer .input-group .form-control {
    background-color: #f5f5f6;
    border: none;
    border-radius: 50px !important;
}
.chat-footer .input-group .form-control:focus {
    background-color: #f5f5f6;
    border: none;
    box-shadow: none;
}
.chat-footer .input-group .input-group-prepend .btn, 
.chat-footer .input-group .input-group-append .btn {
    background-color: transparent;
    border: none;
    color: #9f9f9f;
}
.chat-footer .input-group .input-group-append .btn.msg-send-btn {
    background-color: #7638ff;
    border-color: #7638ff;
    border-radius: 50%;
    color: #fff;
    margin-left: 10px;
}
.media.received .media-body .msg-box {
	position: relative;
	padding-right: 120px;
}
.media.received .media-body .msg-box:first-child:before {
    border-bottom: 6px solid transparent;
    border-right: 6px solid #fff;
    border-top: 6px solid transparent;
    content: "";
    height: 0;
    left: -6px;
    position: absolute;
    right: auto;
    top: 8px;
    width: 0;
}
.media.sent .media-body .msg-box {
    padding-left: 120px;
    position: relative;
}
.chat-msg-info {
    align-items: center;
    display: flex;
    clear: both;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}
.drop-item .dropdown-menu {
	border: 1px solid #F4F3FF;
	box-shadow: 0px 8px 14px rgba(213, 228, 235, 0.5);
	border-radius: 5px;
	min-width: 100px;
	transform: translate3d(35px, 0, 0) !important;
}
.media.sent .drop-item .dropdown-menu {
	transform: translate3d(-100%, 0, 0) !important;
}
.drop-item .dropdown-menu .dropdown-item {
	font-size: 10px;
	color: #344357;
	padding: 8px 10px;
}
.chat-msg-info li {
    font-size: 13px;
    padding-right: 16px;
    position: relative;
}
.chat-msg-info li:last-child {
	padding-right: 0;
}
.chat-msg-info li:not(:last-child):after {
	position: absolute;
	right: 8px;
	top: 50%;
	content: '';
	height: 4px;
	width: 4px;
	background: #d2dde9;
	border-radius: 50%;
	transform: translate(50%, -50%)
}
.quote-img {
	margin-bottom: 12px;
}
 .media.sent .media-body .msg-box .chat-msg-info li:not(:last-child)::after {
    right: auto;
    left: 8px;
    transform: translate(-50%, -50%);
    background: #aaa;
}
.media .media-body .msg-box > div .chat-time h6 {
	font-size: 14px;
	margin-bottom: 9px;
}
.media .media-body .msg-box > div .chat-time h6 span {
	font-size: 12px;
	font-weight: 400;
	color: #838383;
}
.media.sent .media-body .msg-box > div .chat-time {
    color: rgba(50, 65, 72, 0.4);
}
.chat-msg-info li a {
	color: #777;
}
.chat-msg-info li a:hover {
	color: #2c80ff
}
.chat-seen i {
	color: #00d285;
	font-size: 16px;
}
.chat-msg-attachments {
	display: flex;
	width: 100%;
}
.media.sent .media-body msg-box > div .chat-msg-info {
    flex-direction: row-reverse;
}
.media.sent .media-body .msg-box > div .chat-msg-attachments {
	flex-direction: row-reverse
}
.media.sent .media-body .msg-box > div .chat-msg-info li {
    padding-left: 16px;
    padding-right: 0;
    position: relative;
}
.chat-attachment img {
    max-width: 100%;
}
.chat-attachment {
	position: relative;
	max-width: 100px;
	overflow: hidden;
	border-radius: 5px;
	margin-bottom: 5px;
}
.chat-attachment.video-attach {
	max-width: 240px;
}
.chat-attachment:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.75);
	content: "";
	opacity: 0;
	transition: all .4s;
}
.chat-attachment:hover:before {
	opacity: 1;
}
.chat-attach-caption {
	position: absolute;
	left: 50%;
	right: 0;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	padding: 5px;
	font-size: 13px;
	opacity: 1;
	transition: all .4s;
	text-align: center;
	display: inline-flex;
    align-items: center;
    justify-content: center;
}
.chat-attach-download {
	opacity: 0;
	transition: all .4s;
	color: #fff;
	text-align: center;
}
.chat-attach-download:hover {
	color: #FFF;
}
.chat-attachment:hover .chat-attach-caption {
	opacity: 1;
}
.chat-attachment:hover .chat-attach-download {
	opacity: 1;
}
.chat-attachment-list {
	display: flex;
	margin: -5px;
}
.chat-attachment-list li {
	width: 33.33%;
	padding: 5px;
}
.chat-attachment-item {
	border: 5px solid rgba(230, 239, 251, 0.5);
	height: 100%;
	min-height: 60px;
	text-align: center;
	font-size: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.media.sent .media-body .msg-box > div:hover .chat-msg-actions {
	opacity: 1;
}
.chat-msg-actions {
	position: absolute;
	left: -30px;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
	transition: all .4s;
	z-index: 2;
}
.chat-msg-actions > a {
    padding: 0 10px;
    color: #495463;
    font-size: 24px;
}
.chat-msg-actions > a:hover {
	color: #2c80ff;
}
@keyframes blink {
	50% {
		opacity: 1
	}
}
.btn-file {
    align-items: center;
    display: inline-flex;
    font-size: 20px;
    justify-content: center;
    overflow: hidden;
    padding: 0 0.75rem;
    position: relative;
    vertical-align: middle;
}
.btn-file input {
    cursor: pointer;
    filter: alpha(opacity=0);
    font-size: 23px;
    height: 100%;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.reply-msg-pop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    background: #FBFBFF;
	margin-bottom: 10px;
	width: 100%;
}
.reply-msg-pop .reply-msg {
    width: calc(100% - 12px);
    background: #FFF;
	padding: 10px;
	margin-right: 15px;
}
.reply-msg-pop .reply-msg > div {
    padding: 10px;
    border-left: 4px solid #1DB399;
}
.reply-msg-pop .reply-msg > div h5 {
    font-size: 12px;
}
.reply-msg-pop .reply-msg > div p {
	font-size: 12px;
    margin-bottom: 0;
}
.reply-msg-pop > a {
	color: #FF0000;
}
.filename-box, .audio-box {
	position: relative;
	background: #E9E9FF;
	border-radius: 5px;
	padding: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	width: 400px;
}
.files-name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;	
}
.files-name span {
	width: 20px;
	height: 20px;
	background: #4B4B9F;
	border-radius: 20px;
	color: #FFF;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	margin-right: 10px;
	font-size: 9px;
}
.filename-box a, .audio-box span a {
	color: #4B4B9F;
}
.audio-box:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 110px;
	height: 100%;
	background: #4B4B9F;
	border-radius: 5px 0px 0px 5px;
	content: "";
}
.audio-name {
	z-index: 9;
}
.inputgroups #comment_discussion1 {
	width: 100%;
    height: 45px;
    border: 1px solid #E3E2FF;
    padding: 10px 15px;
    background: #FBFBFF;
    border-radius: 5px;
}
.mentiony-container .mentiony-popover {
	position: absolute;
    bottom: 100%;
	left: 100px;
	min-width: 580px;
    height: auto;
	background: #FFFFFF;
	border: 1px solid #F4F3FF;
	box-shadow: 0px 8px 14px rgba(213, 228, 235, 0.5);
	border-radius: 5px;
	margin-bottom: 25px;
	padding: 10px;
}
.mentiony-list {
	padding: 10px;
	background: #FFFFFF;
	border: 1px solid #F4F3FF;
	box-shadow: 0px 6px 13px rgba(213, 228, 235, 0.11);
	border-radius: 5px;
    max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}
.mentiony-list::-webkit-scrollbar,
.chat-body::-webkit-scrollbar,
.multiselect-native-select .multiselect-container.dropdown-menu::-webkit-scrollbar {
	width: 3px;
    background: #FAFAFF;
	height: 3px;
}
.mentiony-list::-webkit-scrollbar-track,
.chat-body::-webkit-scrollbar-track,
.multiselect-native-select .multiselect-container.dropdown-menu::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #FAFAFF; 
	border-radius: 10px;
}
.mentiony-list::-webkit-scrollbar-thumb,
.chat-body::-webkit-scrollbar-thumb,
.multiselect-native-select .multiselect-container.dropdown-menu::-webkit-scrollbar-thumb  {
	background: #344357; 
	border-radius: 10px;
}
.mentiony-list::-webkit-scrollbar-thumb:hover,
.chat-body::-webkit-scrollbar-thumb:hover,
.multiselect-native-select .multiselect-container.dropdown-menu::-webkit-scrollbar-thumb:hover {
	background: #344357; 
}
.mentiony-item:first-child {
    border: none;
}
.mentiony-item {
	background: #FCFCFC;
    padding: 5px 5px;
	margin-bottom: 8px;
    cursor: pointer;
    overflow: hidden;
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
}
.mentiony-item.active span {
	display: block;
}
.mentiony-item span {
	display: none;
}
.mentiony-item span i {
	color: #1DB299;
}
.mentiony-img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.mentiony-item img {
	width: 25px;
	height: 25px;
	margin-right: 5px;
}
.mentiony-item .name-avatars {
    display: inline-flex;
    font-size: 14px;
    width: 25px;
    height: 25px;
    margin-right: 5px;
}
.inputgroups #comment_discussion1:focus-visible {
	outline: 0;
}
.mentiony-link  {
    color: #344357;
    font-weight: 500;
}
.msg-like {
	display: inline-block;
	background: #FFFFFF;
	border-radius: 5px;
	padding: 5px;
}
.msg-like a {
	color: #051639;
}
.msg-like span {
	margin-left: 5px;
}
.upload-pop {
	width: 100%;
	position: absolute;
    bottom: 60px;
    right: 0;
}
.file-upload {
	background: #FFFFFF;
	border: 1px solid #F4F3FF;
	box-shadow: 0px 8px 14px rgba(213, 228, 235, 0.5);
	border-radius: 5px;
	padding: 15px;
	max-width: 560px;
	margin-bottom: 25px;
	margin-left: auto;
}
.file-upload .uploading-file {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;
}
.file-upload .uploading-file p {
	margin: 0;
}
.upload-action .file-pause {
	color: #4B4B9F;
	margin-right: 5px;
}
.upload-action .file-close {
	color: #FF0000;
}
.file-upload .progress {
	height: 9px;
	margin-bottom: 15px;
}
.progress.progress-success .progress-bar {
	background-color: #399E8D;
}
.progress.progress-danger .progress-bar {
	background-color: #FD6B59;
}
progress[value]::-webkit-progress-bar {
    background-color: #e9ecef;
    border-radius: 4px;
}
progress[value]::-webkit-progress-value {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 7px 7px;
}
.file-upload ul {
	padding: 0;
    display: flex;
	flex-wrap: wrap;
}
.file-upload ul li {
	font-size: 13px;
	color: #808080;
	margin-right: 30px;
}
#comment_discussion_edit1 {
	background: #FBFBFF;
    border: 1px solid #E3E2FF;
    padding: 8px 10px;
    max-height: 250px;
    overflow-y: auto;
}
#comment_discussion_edit1 {
	outline: 0;
}
.card-list {
	margin: 0;
	padding: 0;
}
.card-list li:not(:last-child) {
	margin-bottom: 15px;
}
.member-profile-height {
	min-height: calc(100vh - 302px);
}
.pipeline-height {
	min-height: calc(100vh - 400px);
}
.empticket-height {
	min-height: calc(100vh - 400px);
}
.project-view-height {
    min-height: calc(100vh - 650px);
}
.discussion-height {
    min-height: calc(100vh - 850px) !important;
}
.sprint-progress-height {
    min-height: calc(100vh - 850px) !important;
}
.members-list img {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	margin-right: 10px;
}
.members-list .name-avatars {
	margin-right: 10px;	
}
.member-info h4 {
	font-size: 16px;
	margin-bottom: 2px;
}
.member-info p {
	font-size: 12px;
	margin-bottom: 0;
}
.link-icon .form-control {
	padding: 15px 40px 15px 15px;
}
.upload-popover .drop-upload {
	width: 100%;
    height: 100%;
	background: #f1f1f1;
	position: fixed; 
	z-index: 9999;
    top: 0;
    left: 0;
	overflow-y: hidden;
}
.upload-popover ul {
	display: none;
}
.upload-popover.has-files ul {
	display: block;
}
.upload-popover.has-files {
    height: 155px;	
}
.upload-popover.has-files .drop-upload {
    position: absolute;
	height: 155px;
    overflow-y: auto;
	padding: 5px;
	text-align: left;
	z-index: unset;
}
.upload-popover.has-files .drop-upload p,
.upload-popover.has-files .drop-upload > img {
	position: absolute;
	display: none;
}
.upload-popover input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.upload-popover ul {
	padding: 0;
	margin: 0;
}
.upload-popover li {
	display: inline-block;	
}
.upload-popover .img-upload {
	font-size: 14px;
}
.upload-container {
	position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: #f3f3f3;
    padding: 5px 5px 0;
}
.upload-popover {
	position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: #f3f3f3;
    padding: 5px 5px 0;
	display: none;
}
.containeractive {
	display: block;
}
.img-upload {
	position: relative;
}
.img-upload img {
	width: 145px;
	height: 140px;
	border-radius: 5px;
	margin-bottom: 10px;
}
.img-upload span {
	position: absolute;
	top: 5px;
	right: 5px;
}

/*-----------------
	12. Sidebar
-----------------------*/

.sidebar {
	background-color: #fff; 
	bottom: 0;
	left: 0;
	margin-top: 0;
	position: fixed;
	top: 60px;
	transition: all 0.2s ease-in-out 0s;
	width: 240px;
	z-index: 1001;
	overflow-y: hidden;
}
.sidebar.opened {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.sidebar-inner {
	height: 100%;
	min-height: 100%;
	transition: all 0.2s ease-in-out 0s;
} 
.sidebar-menu ul {
	font-size: 15px;
	list-style-type: none;
	margin: 0;
	padding: 15px 0;
	position: relative;
}
.sidebar-menu li a {
	color: rgba(52, 67, 87, 0.47);
    display: block;
    font-size: 14px;
    height: auto;
    padding: 0 20px;
    font-weight: 500;
}
.sidebar-menu li a:hover {
	color: #4B4B9F;
}
.sidebar-menu > ul > li > a:hover {
	background-color: rgba(118, 56, 255, 0.05);
    color: #4B4B9F; 
}
.sidebar-menu li.active > a, .sidebar-menu li.submenu .active {
    color: #4B4B9F;
	position: relative;
}
.sidebar-menu li.active > a::before {
    width: 5px;
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #FD6B59;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}
.menu-title {
	color: #4B4B9F;
	font-weight: 500;
	display: flex;
	font-size: 14px;
	opacity: 1;
	padding: 5px 15px;
	white-space: nowrap;
}
.menu-title > i {
	float: right;
	line-height: 40px;
}
.sidebar-menu li.menu-title a {
	color: #4B4B9F;
	display: inline-block;
	margin-left: auto;
	padding: 0;
}
.sidebar-menu li.menu-title a.btn {
	color: #fff;
	display: block;
	float: none;
	font-size: 15px;
	margin-bottom: 15px;
	padding: 10px 15px;
}
.sidebar-menu ul ul a.active {
    color: #7638ff;
}
.mobile_btn {
	display: none;
	float: left;
}
.sidebar .sidebar-menu > ul > li > a span {
	transition: all 0.2s ease-in-out 0s;
	display: inline-block;
	margin-left: 20px;
	white-space: nowrap;
}
.sidebar .sidebar-menu > ul > li > a span.chat-user {
	margin-left: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sidebar .sidebar-menu > ul > li > a span.badge {
	margin-left: auto;
}
.sidebar-menu ul ul {
	padding: 5px 0;
}
.sidebar-menu ul ul a {
	display: block;
	font-size: 14px;
	padding: 5px 10px 5px 63px;
	position: relative;
}
.sidebar-menu ul ul a span {
	float: right;
}
.sidebar-menu ul ul {
	display: none;
}
.sidebar-menu ul ul ul a {
	padding-left: 65px;
}
.sidebar-menu ul ul ul ul a {
	padding-left: 85px;
}
.sidebar-menu > ul > li {
	margin-bottom: 3px;
	position: relative;
}
.sidebar-menu > ul > li:last-child {
	margin-bottom: 25px;
}
.sidebar-menu .menu-arrow {
	-webkit-transition: -webkit-transform 0.15s;
	-o-transition: -o-transform 0.15s;
	transition: transform .15s;
	position: absolute;
	right: 15px;
	display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
	text-rendering: auto;
	line-height: 40px;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: translate(0, 0);
	-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	line-height: 18px;
	top: 16px;
}
.sidebar-menu .menu-arrow:before {
	content: "\f105";
}
.sidebar-menu li a.subdrop .menu-arrow {
	-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.sidebar-menu ul ul a .menu-arrow {
	top: 10px;
}
.sidebar-menu > ul > li > a {
	align-items: center; 
	display: flex;
	justify-content: flex-start;
	padding: 15px 25px;
	position: relative;
	transition: all 0.2s ease-in-out 0s;
}
.sidebar-menu > ul > li > a img {
    width: 18px;
}
.sidebar-menu ul li a i {
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	vertical-align: middle;
	width: 20px;
	transition: all 0.2s ease-in-out 0s;
}
.sidebar-menu ul li.menu-title a i {
	font-size: 16px !important;
	margin-right: 0;
	text-align: right;
	width: auto;
}
.sidebar-menu li a > .badge {
	color: #fff;
}
.ui-aside-compact .ui-aside {
    margin-left: 0;
    -webkit-transition: all .301s;
    transition: all .301s;
}
.ui-aside {
    float: left;
    width: 66px;
    margin-left: 0px;
    color: rgba(255, 255, 255, 0.5);
    -webkit-transition: all .299s;
    transition: all .299s;
    padding: 0px 0px;
    margin-right: 11px;
}
.ui-aside::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: inherit;
    background-color: inherit;
    border: inherit;
    z-index: -1;
    background: #001621 no-repeat center top;
    background-size: cover;
}
.tab {
	 border-bottom: none;
}
.tab .tablinks {
	display: block;
    background-color: inherit;
    color: #6e82a5;
    padding: 22px 22px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    position: relative;
    z-index: 1;
    transition: 0.3s;
    margin: 0px 0px;
    font-size: 17px;
    border: 1px solid #203247;
}
.tab .tablinks.active {
    color: #fff;
    background-color: #001621;
    border-color: #182b3e #182b3e #182b3e;
}
.tab .tablinks.active:after {
	width: 5px;
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #7638ff;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}
.tab .tablinks:hover{
	 color: #fff;
    background-color: #101924;
    border-color: #a2212100;
}
.tab .tablinks i img {
	width: 16px;
}
.tab .tablinks i img:hover {
 	    filter: invert(1) brightness(100);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.tab .tablinks.active > i img {
    filter: invert(1) brightness(100);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.tab .tablinks .active {
  background-color: #ccc;
}
.tab .tablinks .active::before {
    width: 5px;
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #7638ff;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}
.tab .tablinks .active::before {
    width: 5px;
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #7638ff;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}
.header .nav-tabs {
	border: 0;
}

/*-----------------
	13. Content
-----------------------*/

.main-wrapper {
	width: 100%;
	height: 100vh;
	min-height: 100vh;
}
.page-wrapper {
	margin-left: 240px;
	position: relative;
	transition: all 0.4s ease;
}
.page-wrapper > .content {
	padding: 16px 16px 0;
} 
.dashboard-content {
    padding: 16px 20px 0;
}
.page-header {
    margin-bottom: 1.875rem;
}
.page-header .breadcrumb {
	background-color: transparent;
	color: #6c757d;
	font-size: 1rem;
	font-weight: 500;
	margin-bottom: 0;
	padding: 0;
}
.page-header .breadcrumb a {
	color: #333;
}
.page-title {
	color: #333;
	margin-bottom: 5px;
}

/*-----------------
	14. Login
-----------------------*/

.login-sec {
	text-align: center;
	background: #FFFFFF;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: inherit;
	margin-top: 20px;
}
.login-sec h2 {
	font-size: 30px;
}
.login-logo {
	margin-top: 5px;
}
.log-img img {
	margin: 0 auto;
}
.login-wrapper {
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.login-wrap {
	background-color: #FFF;
    top: 0;
    left: 0;
    position: fixed;
	height: 100vh;
	padding: 0 40px;
}
.login-wrap-bg {
	position: absolute;
	right: 0;
	padding: 50px 50px 0;
	height: 100%;
	background-image: url('../img/bg/bg-01.png'), url('../img/bg/bg-02.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: cover, auto;
	overflow-y: auto;
}
.login-body {
	display: table;
	height: 100vh;
	min-height: 100vh;
}
.logo-dark{
	max-width: 180px;
	margin: auto;
    display: block;
}
.login-wrapper .logs { 
	margin: 1.875rem auto;
	max-width: 830px;
	width: 100%;
}
.login-wrapper .loginbox {
	background-color: #fff;
	box-shadow: 0px -14px 70px #D5E4EB;
	border-radius: 10px;
	display: flex;
	margin: 1.875rem auto;
	max-width: 830px;
	width: 100%;
}
.login-wrapper .loginbox .login-left {
	align-items: center;
	background: linear-gradient(180deg, #8BC34A, #00bcd4);
	border-radius: 6px 0 0 6px;
	flex-direction: column;
	justify-content: center;
	padding: 80px;
	width: 450px;
	display: flex;
}
.login-wrapper .loginbox .login-right {
	padding: 30px;
	width: 100%;
}
.login-language {
    display: flex;
    align-items: center;
    justify-content: end;
}
.login-wrapper .loginbox .login-right .login-right-wrap {
	max-width: 100%;
	flex: 0 0 100%;
}
.login-right .btn {
	font-size: 16px;
	font-weight: 700;
	padding: 10px;
}
.lang-item {
	margin-bottom: 25px;
}
.lang-item .dropdown-toggle {
	background: #FBFBFF;
	border: 1px solid #E3E2FF;
	border-radius: 5px;
	padding: 8px 10px;
    font-size: 14px;
    color: #344357;
}
.lang-item .dropdown-toggle::after {
    display: inline-block;
    margin-left: 10px;
    vertical-align: inherit;
    content: "";
    border-color: #344357;
    border-style: solid;
    border-width: 0 1.5px 1.5px 0;
    padding: 3px;
	transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
	top: -2px;
    position: relative;
}
.login-sec h1 {
	font-size: 26px;
	max-width: 190px;
}
.log-title {
	margin-bottom: 15px;	
}
.log-title h1 {
	font-size: 36px;
	font-weight: 600;
	margin-bottom: 15px;
}
.log-title p {
	color: #838383;
	margin-bottom: 0;
}
.form-wrap {
	position: relative;
}
.form-icon {
    position: absolute;
    right: 15px;
    top: 12px;
    color: #4B4B9F;
    font-size: 14px;
}
.account-footer {
	text-align: center;
	margin-top: auto;
	padding-bottom: 50px;
}
.account-policy ul {
	padding: 0;
	margin-bottom: 15px;
}
.account-policy ul li {
	display: inline-block;
	margin: 0 15px 15px 0;
}
.account-policy ul li::after {
    color: #344357;
    content: "|";
    font-weight: 300;
    position: relative;
    left: 10px;
}
.account-policy ul li:last-child::after {
    content: "";
}
.account-policy ul li a {
	color: #344357;
	font-weight: 500;
}
.account-policy ul li a:hover {
	color: #F15642;
}
.account-terms p {
	font-weight: 500;
}
.account-subtitle {
	color: #4c4c4c;
	font-size: 17px;
	margin-bottom: 1.875rem;
	text-align: center;
}
.login-wrapper .loginbox .login-right .forgotpass a {
	color: #a0a0a0;
}
.login-wrapper .loginbox .login-right .forgotpass a:hover {
	color: #333;
	text-decoration: underline;
}
.login-wrapper .loginbox .login-right .dont-have {
	color: #838383;
	margin-top: 20px;
}
.login-wrapper .loginbox .login-right .dont-have a {
	color: #F15642;
}
.login-wrapper .loginbox .login-right .dont-have a:hover {
	color: #4B4B9F;
}
.login-wrapper .loginbox label {
	font-weight: 500;
}
.login-wrapper .loginbox .form-control {
	background: #FBFBFF;
	padding: 15px 40px 15px 15px;
}
.forgot-link {
	color: #F15642;
	font-weight: 500;
	display: inline-block;
    margin-bottom: 0.5rem;
}
.social-login {
	text-align: center;
}
.social-login > span {
	color: #757575;
	margin-right: 8px;
}
.social-login > a {
	background-color: #ccc;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	height: 32px;
	line-height: 32px;
	margin-right: 6px;
	text-align: center;
	width: 32px;
}
.social-login > a:last-child {
	margin-right: 0;
}
.social-login > a.facebook {
	background-color: #4b75bd;
}
.social-login > a.google {
	background-color: #fe5240;
}
.lock-user {
    margin-bottom: 20px;
    text-align: center;
}
.lock-user img {
    margin-bottom: 15px;
    width: 100px;
}
.toggle-password, .toggle-passwords {
    position: absolute;
    right: 17px;
    top: 13px;
    color: #4B4B9F;
	cursor: pointer;
}
.toggle-password.fa-eye {
    margin-right: 1px;
}
.pass-group {
    position: relative;
}
.custom_check {
    color: #161B2F !important;
    display: inline-block;
    position: relative;
    font-size: 14px !important;
    margin-bottom: 15px;
    padding-left: 25px;
    cursor: pointer;
	font-weight: 400 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 18px;
}
.custom_check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.custom_check input:checked ~ .checkmark {
    background-color: #FFF;
    border-color: #3c3ca0;
}
.custom_check .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #E3E2FF;
    background-color: #fff;
    border-radius: 3px;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.custom_check .checkmark::after {
    content: "\f00c";
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
    position: absolute;
    display: none;
    left: 50%;	
    transform: translateX(-50%);
    top: 0;
    color: #3c3ca0;
    font-size: 12px;
}
.custom_check input:checked ~ .checkmark:after {
    display: block;
}
.form-control-label {
	font-weight: 500;
}
.verify-code {
	text-align: center;
}
.verify-code img {
	margin-bottom: 20px;
}
.verify-code h5 {
	font-size: 14px;
	margin-bottom: 15px;
}
.verify-code a {
	font-size: 14px;
	font-weight: 500;
	color: #407BFF;
	display: inline-block;
	margin-bottom: 15px;
}
.log-member {
	position: fixed;
	bottom: 0;
	left: 40px;
	z-index: -1;
}
.chat-body {
	position: relative;
}
.chat-body.chat-drag {
	overflow-y: hidden;
}
.chat-drag .msg-drop {
	display: block;
}
.msg-drop {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	margin: 0 !important;
	display: none;
}
.msg-drop .drop-upload {
	height: 100%;
	background: rgba(233, 233, 255, 0.79);
	border: 1px dashed #4B4B9F;
	box-shadow: 0px 0px 10px #D5E4EB;
	border-radius: 10px;
}

/*-----------------
	15. Register
-----------------------*/

.domain-group .input-group-text {
	background: #4B4B9F;
	border-radius: 0px 5px 5px 0px;
	color: #FFF;
	font-size: 14px;
}
.register-body {
	overflow-x: hidden;
}
.register-body .login-sec h1 {
    max-width: 265px;
	margin: 0 auto 40px;
}
.register-body .login-wrap, .register-body .login-wrap-bg {
	position: relative;
    height: unset;
}
.register-body .login-wrap-bg {
	overflow-y: unset;
}
.register-body .loginbox .login-right .dont-have {
	max-width: 285px;
	margin: 20px auto 0;
}
.signin-back {
	width: 100%;
	text-align: center;
}
.signin-back p a {
	color: #F15642;
	text-decoration: underline;
}
.signin-back p a:hover {
	color: #4B4B9F;
}
.back-text {
	display: inline-block;
	text-decoration: underline;
	color: #344357;
	margin-top: 20px;
}
.back-text:hover {
	color: #F15642;
	text-decoration: underline;
}
.signup-done {
	text-align: center;
}
.signup-done img {
	margin-bottom: 10px;
}
.signup-done .signin-back p {
	color: #344357;
}
.signup-done p {
	color: #838383;
	margin-bottom: 25px;
}
.onboard-steps ul {
	margin: 0 0 40px;
	padding: 0;
	position: relative;
	overflow: hidden;
}
.onboard-steps ul:after {
    position: absolute;
    content: '';
    width: 2px;
    height: 500px;
    background: #ebebeb;
    left: 30px;
    top: 50%;
	border-right: 2px dotted #c4c4c4;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 9;
}
.onboard-steps .step-item .step-count {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.onboard-steps .step-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	margin-bottom: 25px;
}
.onboard-steps .step-item:last-child {
	margin-bottom: 0;
}
.onboard-steps .step-item .step-icon {
	width: 60px;
	height: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	z-index: 99;
	background: #EFEFF6;
	border: 1px solid #E9E9FF;
	border-radius: 5px;
}
.onboard-steps .step-item.current .step-icon, .onboard-steps .step-item.active .step-icon {
	background: #4B4B9F;
}
.onboard-steps .step-item.current .step-icon img {
	filter: brightness(0) invert(1);
}
.onboard-steps .step-item.active .step-icon img {
	display: none;
}
.onboard-steps .step-item.active .step-icon {
	color: #FFF;
	font-size: 20px;
}
.step-info {
	margin-left: 15px;
	text-align: left;
	flex: 1;
}
.step-info span {
	color: #FD6B59;
	margin-bottom: 5px;
}
.step-info p {
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 0;
}
.custom-file-upload {
	background-color: #FBFBFF;
    border: 1px solid #E3E2FF;
    border-radius: 5px;
    display: inline-flex;
    transition: border-color .3s;
    width: 100%;
    font-size: 14px;
    cursor: pointer;
    margin-top: 0;
    height: 45px;
    color: #000;
    position: relative;
}
.custom-file-upload .file-upload-text {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    padding-left: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}
.custom-file-upload input {
	display: none;
}
.change-user {
	padding: 12px 18px;
    background: #4B4B9F;
	border-radius: 0px 5px 5px 0px;
	font-size: 14px;
	color: #FFF;
    position: absolute;
    right: 0;
}

/*-----------------
	16. Project List
-----------------------*/

.project-status {
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	box-shadow: 0px 9px 19px rgba(213, 228, 235, 0.45);
	border-radius: 10px;
	padding: 20px 5px;
	position: relative;
	text-align: center;
}
.tot-project3.active {
    background: #dcf4ff;
	border: 1px solid #35C3FC;
}
.tot-project2.active {
    background: #3fc34d1f;
	border: 1px solid #3FC34D;
}
.tot-project4.active {
    background: #ffcc661f;
	border: 1px solid #FFCC66;
}
.tot-project5.active {
    background: #ff00001a;
	border: 1px solid #FF0000;
}
.project-status p {
    color: #B5B5C3;
}
.project-status h2 {
    font-size: 24px;
	font-weight: 600;
}
span.projects-icons {
    margin-bottom: 25px;
    display: block;
}
span.projects-icons i{
	color:#FFF;
	font-size: 18px;
}

.project-status:before {
	position: absolute;
	content: "";
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 7px;
	background: transparent;
	border-radius: 50px;
}
.project-status.tot-project1:before {
	background: #4A4ED6;
}
.project-status.tot-project2:before {
	background: #3FC34D;
}
.project-status.tot-project3:before {
	background: #35C3FC;
}
.project-status.tot-project4:before{
	background: #FFCC66;
}
.project-status.tot-project5:before{
	background: #ED4A47;
}
.project-status.tot-project6:before{
	background: #9C27B0;
}
.project-status.tot-project7:before{
	background: #35C3FC;
}
.pipeline-details ul {
    display: flex;
    align-items: start;
    padding: 0;
    flex-wrap: wrap;
}
.pipeline-details ul li {
    width: 25%;
	padding: 0 5px 15px;
}
.pipeline-details .pipeline-status {
    min-height: 165px;
}
.pipeline-status.active {
    background-color: #ffffff;
    border: 1px solid #4B4B9F;
    box-shadow: inset 0 0 0 0 #ffffff;
}
.pipeline-update {
    width: 200px;
}
.pipeline-status {
    background: #FAFAFF;
    border: 1px solid #E9E9FF;
    border-radius: 10px;
    padding: 20px 5px;
    position: relative;
    text-align: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.pipeline-status:hover {
    box-shadow: 0 0 11px rgb(33 33 33 / 20%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.pipeline-status h2 {
    font-weight: 600;
	font-size: 20px;
	color: #051639;
}
.pipeline-status p {
    font-weight: 500;
	font-size: 15px;
	text-align: center;
	color: #344357;
}
.perity-btn {
    display: block;
    color: #ffffff;
    padding: 3px 10px;
    border-radius: 5px;
    text-align: center;
    align-items: center;
}
.perity-btn:hover {
	background: #4B4B9F;
    color: #ffffff;
}
.atach-btn {
    background: #4B4B9F;
    color: #ffffff;
    border-radius: 5px;
    padding: 3px 10px;
    align-items: center;
    text-align: center;
}
.atach-btn:hover {
    background: #4B4B9F;
    color: #ffffff;
}
.dash-title {
	font-size: 15px;
	font-weight: 600;
}
.dash-widget-icon {
	align-items: center;
	border-radius: 10px;
	color: #fff;
	display: inline-flex;
	font-size: 1.875rem;
	height: 4rem;
	justify-content: center;
	text-align: center;
	width: 4rem;
}
.dash-count {
	font-size: 18px;
	margin-left: 15px;
	padding-top: 5px;
}
.dash-widget-info h3 {
	margin-bottom: 10px;
}
.dash-widget-header {
	align-items: center;
	display: flex;
}

.modal-icon i {   
    font-size: 42px;   
    color: #6c757d;
}
.modal-footer {
	border-top: 0;
	padding-top: 0;
	padding-bottom: .75rem;
}
.add-remove i {
	font-size: 18px;
	cursor: pointer;
}
.error {    
	color: #FF0000 !important;
}

/*-----------------
	17. Project Activity
-----------------------*/

.pro-activity .card.card-box:last-child {
	margin: 0;
}
.card.card-box {
	border-radius: 10px;
	border: 1px solid #E9E9FF;
	box-shadow: none;
}
.card.card-box .card-header {
	padding: 20px;
}
.card.card-box .card-header h6 {
	margin: 0;
	font-weight: 600;
	font-size: 16px;
}
.card.card-box .card-body {
	padding: 20px;
}
.activity-feed {
    list-style: none;
    margin-bottom: 0;
    margin-left: 5px;
    padding: 0;
	position: relative;
}
.activity-feed .feed-item {
    padding-bottom: 15px;
    padding-left: 22px;
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    position: relative;
}
.activity-feed .feed-item:before {
	content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    border-left: 1px dashed #4B4B9F;
}
.activity-feed .feed-item:first-child:before {
    top: 50%;
}
.activity-feed .feed-item:last-child:before {
    height: 50%;
}
.activity-feed .feed-item:after {
    content: "";
    display: block;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    left: -7px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #4B4B9F;
}
.activity-feed .feed-item:last-child {
    border-color: transparent;
    padding-bottom: 0;
}
.activity-feed .feed-item:last-child:after {
	top: 50%;
}
.activity-feed .feed-img {
    margin-right: 15px;	
}
.activity-feed .feed-img img {
    border-radius: 50%;
    width: 45px;
    height: 45px;	
}
.name-avatars {
    background: #ff8e3e;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    display: flex;
    font-weight: 600;
    font-size: 18px;
    width: 45px;
    height: 45px;
	margin-right: 10px;
    align-items: center;
    justify-content: center;
    flex: none;
}
.activity-feed .feed-item h4 {
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 2px;
}
.activity-feed .feed-item p {
	font-size: 12px;
	margin-bottom: 0;
	color: #838383;
}
.activity-feed .feed-item p span {
	color: #4B4B9F;
}
.danger-light {
	background: #FFF3F3;
	border: 0.5px solid #F2F2F2;
	color: #FD6B59;
}
.success-light {
	background: #DCFFF9;
	border: 0.5px solid #F2F2F2;
	color: #1DB399;
}
.btn-close {
	background: #FF0000;
	color: #fff;
	width: 45px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border:1px solid  #FF0000;
	transition: all 0.5s;
	opacity: 1;
	padding: 0;
	flex-shrink: 0;
}
.btn-close:hover {
	box-shadow: 0 50px #fff inset;
	color: #FF0000;
	opacity: 1;
}
.progress-with li a.active {
	text-overflow: ellipsis;
    overflow: hidden;
    max-width: 200px;
    white-space: nowrap;
}
.search-set .search-btn {
	flex: 1;
	margin-right: 5px;
}
.search-set .btn-primary {
    font-size: 14px;
    height: 40px;
    padding: 10px;
    min-width: 115px;
}
.sidebar-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
}
.tog-side {
	z-index: 1001 !important;
}
.toggle-sidebar, 
.toggle-sidebar1, .toggle-sidebar2, .tog-side,
.toggle-sidebar3, .toggle-sidebar4, .toggle-sidebar5,
.edit-toggle-sidebar1, .sidebar_progress {
	width: 600px;
	position: fixed;
	top: 0;
    right: -600px;
	height: 100vh;
    transition: ease all 0.8s;
    -webkit-transition: ease all 0.8s;
    -ms-transition: ease all 0.8s;
	background: rgba(52, 67, 87, 0.64);
    z-index: 1002;
}
.toggle-sidebar.sidebar-popup, 
.toggle-sidebar1.sidebar-popup, .toggle-sidebar2.sidebar-popup, .tog-side.sidebar-popupset,
.toggle-sidebar3.sidebar-popup, .toggle-sidebar4.sidebar-popup, .toggle-sidebar5.sidebar-popup,
.edit-toggle-sidebar1.sidebar-popup, .sidebar_progress.sidebar-popup {
	right: 0;
    width: 100%;
	transition: ease all 0.8s; 
	-webkit-transition: ease all 0.8s;
    -ms-transition: ease all 0.8s;
}
.sidebar-layout {
    background-color: #fff;
    max-width: 600px;
    width: 100%;
	position: absolute;
    right: 0;
	height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.sidebar-lays.sidebar-layout {
	max-width: 970px;
}
.sidebar-header {
	padding: 20px;
	border-bottom: 1px solid #EFF2F5;
}
.sidebar-header h5 {
	margin: 0;
	font-weight: 600;
}
.sidebar-header a {
	color: #FF0000;
	font-size: 24px;
}
.sidebar-body {
	padding: 20px;
}
.select2-container--default .select2-selection--single {
    background-color: #FBFBFF;
}
.btn-submit .btn {
	min-width: 100px;
	padding: 8px 10px;
	margin-right: 10px;
	font-size: 14px;
	font-weight: 600;
}
.btn-danger-dark {
	background: #F15642;
	color: #FFF;
	-webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
.btn-danger-dark:hover {
	color: #F15642;
	box-shadow: inset 0 50px 0 0 #ffffff;
}
.select-image-wrap {
	background: #FFFFFF;
	border: 1px solid #E0E0E0;
	border-radius: 5px;
	padding: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	margin-top: 15px;
}
.select-image {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.select-image img {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	margin-right: 20px;
}
.select-image-wrap a {
	color: #FF0000;
}
.pro-create .form-control {
	background: #FBFBFF;
	border: 1px solid #E3E2FF;
	margin-bottom: 0 !important;
}
.pro-create .form-control:disabled, .pro-create .form-control[readonly] {
    background-color: #EBEBF3;
}
.pro-create .form-control-label {
	font-weight: 500;
}
.pro-create .pro-create .form-control-label {
	margin-bottom: 1.25rem;
}
.taskboard-filecard {
    margin-bottom: 14px !important;
}
.task-progress-new {
    margin-bottom: 10px;
}
.task-buttons-fixed {
    padding: 1.5rem;
}
.discuss-empty-new {
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    height: 100%;
    flex-direction: column;
}
.discuss-empty {
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    height: 100%;
    flex-direction: column;
}
.note-editor .note-toolbar {
    margin: 5px;
	background-color: transparent;
	border-bottom: 1px solid #EFF2F5;
}
.taskboard-upload {
    margin-bottom: 1.5rem !important;
}
.note-editor .card-header {
	padding: 0 5px 5px;
}
.multiselect-native-select .multiselect-container.dropdown-menu {
	transform: translate3d(0px, 40px, 0px) !important;
	right: 0 !important;
    left: 0 !important;
	padding: 10px;
	border: 1px solid #F4F3FF;
	box-shadow: 0px 6px 13px rgba(213, 228, 235, 0.11);
	border-radius: 5px;
	margin-top: 7px !important;
	max-height: 464px;
	min-width: 270px !important;
    width: 100%;
}
.form-check-label .name-avatars {
	display: inline-flex;
	font-size: 14px;
    width: 25px;
    height: 25px;
	margin-right: 5px;
}
.note-icon-magic .note-icon-caret, .note-btn-group .note-icon-caret {
	display: none;
}
.member-card .note-editor .note-editable {
	min-height: 100px !important;
}
.note-editable p {
	margin-bottom: 5px;
}

.note-btn{
	padding: 8px;
}

.note-editable p {
    font-size: 14px;
    color: #333;
    font-weight: normal;
}
.custom-modal .select2-container {
	z-index: 9999;
}
.modal {
	z-index: 1050;
}
.modal-backdrop {
	z-index: 1040;
	background-color: #fff;
}
.fw-500 {
	font-weight: 500;
}
.kanban-drag {
	border: 1px solid #2929d7 !important;
}

/*-----------------
	18. Project Overview
-----------------------*/

.overview-card .card-body {
	padding: 16px 16px;
}
.card-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;	
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	margin-bottom: 5px;
}
.card-head h5 {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 15px;
}
.card-head a {
	color: #344357;
	margin-bottom: 15px;
	text-decoration: underline;
}
.card-head a:hover {
	color: #4B4B9F;
}
.file-card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	border-bottom: 1px solid #EFF2F5;
	padding: 8px 0;
}
.file-card:last-child {
	border: 0;
}
.file-name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;	
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.member-lists .file-actions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;	
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.member-lists .file-name {
	width: calc(100% - 50px);
	padding-right: 10px;
}
.files-list .file-name {
	overflow: hidden;
	margin-right: 10px;
}
.file-img, .recent-img {
	margin-right: 10px;
}
.recent-img img {
	width: 45px;
	height: 45px;
	border: 1px solid #F2F2F2;
	border-radius: 50%;
}
.file-info {
	overflow: hidden;
}
.file-info h6 {
	font-size: 14px;
	margin-bottom: 2px;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.file-info p {
	font-size: 12px;
	color: #838383;
	margin-bottom: 0;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.file-info p span {
	color: #4B4B9F;
}
.files-list .file-actions {
    display: flex;
}
.file-actions a + a {
	margin-left: 15px;
}
.file-actions .file-download {
	color: #1DB299;
}
.file-actions .file-delete {
	color: #FF0000;
}
.file-actions .file-delete:hover {
    color: #e30202;
}
.form-search {
	position: relative;
	margin-bottom: 10px;
}
.form-search .form-control {
	border: 1px solid #D5E4EB;
	padding: 0 20px 0 0;
	border-width: 0 0 1px 0;
    border-radius: 0;
}
.form-search span {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.discussion-item {
	min-height: 223px;
    overflow-y: auto;
}
.discussion-item .discuss-empty {
	padding: 36px 0;
}
.discuss-empty {
	text-align: center;
}
.discuss-empty img {
	margin-bottom: 8px;
}
.discuss-empty h6 {
	font-size: 12px;
	margin-bottom: 2px;
}
.discuss-empty p {
	font-size: 10px;
	margin-bottom: 0;
}
.discuss-item .chat-body {
    max-height: 232px;
}
.discuss-item .media .media-body {
    margin-left: 8px;
}
.discuss-item .media .avatar {
    height: 30px;
    width: 30px;
}
.discuss-item .media.received .media-body .msg-box {
	padding-right: 0;
}
.discuss-item .media.sent .media-body .msg-box {
    padding-left: 0;
}
.discuss-item .drop-item .dropdown-menu {
	transform: translate3d(-10px, 0px, 0px) !important;
}
.discuss-item .media.sent .drop-item .dropdown-menu {
    transform: translate3d(25px, 0, 0) !important;
}
.discuss-item .media.sent .media-body {
	margin-right: 8px;
}
.discuss-item .media .media-body .msg-box > div .chat-time h6 {
    font-size: 13px;
}
.discuss-item .rep-info h6 {
    font-size: 12px;
}
.discuss-footer {
	background: #FBFBFF;
	border: 1px solid #E3E2FF;
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.discuss-footer a {
	margin-right: 10px;
	color: #4B4B9F;
	height: 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.discuss-footer .form-control {
	border: 0;
	background: #FBFBFF;
	padding: 0;
	height: 35px;
	margin: 5px;
}
.discuss-footer .form-control:focus, .form-search .form-control:focus {
	box-shadow: none;
}
.discuss-footer .msg-btn {
	width: 35px;
	height: 35px;
	background: #4B4B9F;
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	color: #FFF;
}
.statistic-wrap {
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 10px;
}
.statistic-img {
	background: #42A545;
	border-radius: 10px 10px 0px 0px;
	padding: 45px 5px;
	text-align: center;
}
.statistic-wrap .bg-success {
	background: #42A545;
}
.statistic-wrap .text-success {
	color: #42A545;
}
.statistic-info {
	padding: 35px 12px;
	text-align: center;
}
.statistic-info h6 {
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 2px;
}
.statistic-info p {
	font-size: 13px;
	margin-bottom: 12px;
}
.statistic-info h3 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 0;
}
.add-btn {
	background: #FFFFFF;
	border: 1px solid #4B4B9F;
	border-radius: 5px;
	font-weight: 600;
	font-size: 12px;
	padding: 5px 10px;
	text-decoration: none !important;
	-webkit-transition: 0.7s;	
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
.add-btn:hover {
	color: #FFF !important;
	box-shadow: inset 0 50px 0 0 #4B4B9F;
	-webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
.files-contents {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: calc(100% - 30px);
}
.dropzones {
    transition: 1s;
}
.box-hover{
	transition: all 0.1s ease;
    transform: scale(1.2);
}
.file-drop {
	margin-top: 7px;
}
.drop-upload {
	background: #FBFBFF;
	border: 1px dashed #E3E2FF;
	border-radius: 5px;
	padding: 20px;
	text-align: center;
	position: relative;
}
.drop-upload input[type="file"], .files-drop input[type="file"], .drop-zone input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.file-drop img, .drop-upload img {
	margin-bottom: 8px;
}
.file-drop p, .drop-upload p {
	color: #4B4B9F;
	margin-bottom: 0;
}
.add-member, .add-members {
	background: #FBFBFF;
	border: 1px dashed #E3E2FF;
	border-radius: 5px;
	padding: 30px;
	display: block;
	font-weight: 500;
	color: #344357;
	text-align: center;
	margin-bottom: 25px;
} 
.member-cont .trash, .btn-danger-outline.trash, .add-mail,
.add-step {
	width: 45px;
	height: 45px;
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 5px;
	color: #FF0000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.add-mail, .add-step {
	color: #4CAF50 !important;
}
.dropzone {
	background: #FBFBFF;
	border: 1px dashed #E3E2FF;
	border-radius: 5px;
	padding: 10px;
	min-height: 70px;
	text-align: center;
}
.dropzone.dz-clickable .dz-message {
	display: none;
}

.breadcrumb-item.active {
    color: #4B4B9F;
}
.card-headerset {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;
}
.card-headerset h2 {
	margin: 0;
	font-size: 20px;
	font-weight: 600;
}
.card-headerset h2 span {
	background: red;
	color: #fff;
	padding: 2px 10px;
	margin-left: 10px;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 400;
}
.card-setview > ul {
	border-top: 1px solid #EFF2F5;
	border-bottom: 1px solid #EFF2F5;
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	padding: 15px 0 0;
}
.card-body-annual .card-setview > ul {
	border: 1px solid #E3E2FF;
    border-radius: 10px;
	padding: 10px 10px 0;
    display: flex;
    align-items: center;
    justify-content: start;
}
.card-annual-sub {
	background: #fff;
    padding: 10px;
    border: 1px solid #d5e4eb !important;
    -webkit-box-shadow: 0px 26px 70px 0px #d5e4eb;
    box-shadow: 0px 26px 70px 0px #d5e4eb;
    border-radius: 10px;
	margin-bottom: 10px;
}
.card-new.card-annual {
    padding: 20px;
}
.leave-height-single {
	min-height: 400px;
}
.card-new.card-annual .project-detailscontent {
    margin-right: 8px !important;
    padding-right: 5px;
}
.card-new.card-annual .project-detailscontent h2 {
    font-size: 12px;
}
.card-new.card-annual .project-detailscontent h6 {
    font-size: 10px;
}
.card-new.card-annual .project-detailsimg img {
    width: 18px;
}
.card-new.card-annual .project-detailsimg {
    width: 30px;
    height: 30px;
}
.card-new.card-annual .toggle-switch-label {
    width: 44px;
    height: 26px;
}
.card-new.card-annual .toggle-switch-indicator {
    width: 20px;
    height: 20px;
}
.progress-days li a.btn-activity{
    border: 1px solid #4B4B9F;
}
.progress-days li  .dropdown-menu a:hover {
    background: #eee !important;
    color: #333;
    border-radius: 0;
}
.card-headerset .project-detailsimg {
    background: #F15642;
}
.card-setview > ul > li {
	margin-bottom: 15px;
}
.project-details {
	display: flex;
	align-items: center;
}
.project-detailsimg {
	width: 35px;
	height: 35px;
	background: #F2F2F2;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	margin-right: 10px;
}
.overview-card .project-detailsimg{
	background: #F15642;
}
.card-body-annual .card-setview > ul > li:last-child .project-detailscontent {
    border-right: 0;
}
.project-detailsimg img {
   width: 16px;
    height: 16px;
}
.project-detailscontent h2 {
	font-size: 12px;
	font-weight: 400;
	margin: 0 0 5px;
}
.project-detailscontent {
	padding-right: 10px;
	border-right: 1px solid #E5E5E5;
	margin-right: 10px;
}
.members-set {
	display: flex;
	align-items: center;
	padding-right: 25px;
	margin-right: 15px;
	border-right: 1px solid #e5e5e5;
}
.members-set h5 {
	margin: 0 20px 0 0;
	font-size: 14px;
	color: #4B4B9F;
}
.project-detailscontent h6 {
	margin: 0;
	font-size: 10px;
	color: #808080;
}
.btn-details {
	background: #FC7753;
	color: #fff;
	font-size: 14px;
	border:1px solid  #FC7753;
	-webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
.btn-details:hover {
	color: #FC7753;
	box-shadow: inset 0 50px 0 0 #ffffff;
	-webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
.btn-details:hover img {
    filter: invert(32%) sepia(37%) saturate(961%) hue-rotate(323deg) brightness(100%) contrast(99%);
}
.pro1 .project-detailsimg {
	background: #1db299;
}
.pro7 .project-detailsimg {
	background: #FFB300;
}
.pro1 .project-detailscontent h6 {
	color: #399E8D;
}
.pro2 .project-detailscontent h6 {
	color: #FF0000;
}
.card-setview .progressset {
    width: 200px;
}
.project-name li a.no-name {
	color: #FD6B59;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	background: #FFF3F3;
	font-weight: 600;
	font-size: 16px;
}
.project-name li a.no-name.no-name1{
	background: #DCFFF9;
	color: #1DB299;
}
.link-set {
	padding-top: 15px;
}
.link-set ul {
	display: flex;
	align-items: center;
	padding: 0;
	margin: 0;
	flex-wrap: wrap;
}
.link-set ul li {
	margin: 0 12px 12px 0;
}
.link-set ul li a {
	color: #344357;
	font-weight: 500;
	font-size: 13px;
	position: relative;
}
.link-set ul li.active a::after,
.link-set ul li a:hover::after {
	background: #FD6B59;
	content: "";
	width: 100%;
	height: 2px;
	bottom: -6px;
	left: 0;
	position: absolute;
}
.card-headersets {
	display: flex;
	align-items: center;
	padding: 16px;
	border-bottom: 1px solid #EFF2F5;
	justify-content: space-between;
}
.card-headersets-main {
    padding: 15px;
	border-top: 1px solid #EFF2F5;
}
.card-headersets-new {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.card-headersets h2 {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
}
.task-list-group .card-headersets h2 {
    max-width: 450px;
	text-overflow: ellipsis;
    overflow: hidden;
    max-width: 200px;
    white-space: nowrap;
}

#member_table_filter {
    padding: 10px 10px 0;
}
#member_table_wrapper {
    padding: 10px 10px 0;
}
.morecontent span {
    display: none;
}
.readmorelink {
    display: block;
    color: #4B4B9F;
    font-weight: 600;
	margin-bottom: 0;
}
.card-read-main {
    padding: 15px 15px 0;
}
.search-input input[type="text"] {
	width: 400px;
	border: 0;
	border-bottom: 1px solid #D5E4EB;
	padding-bottom: 10px;
}
.project-nodatas {
	text-align: center;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}
.project-nodatas img {
	margin-bottom: 30px;
	width: 200px;
}
.project-nodatas p {
	color: #344357;
	font-size: 16px;
	font-weight: 500;
	margin: 0;
}
.project-nodatas h3 {
	font-size: 14px;
	color: #4B4B9F;
}
.smileyset ul {
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.smileyset ul a {
	background: #F2F2F2;
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	font-size: 16px;
	color: #4B4B9F !important;
}
.smileyset ul li {
	margin: 0 10px 0 0;
}
.inputgroups input[type="text"] {
	width: 100%;
	height: 45px;
	border: 1px solid #E3E2FF;
	padding: 0 15px;
	background: #FBFBFF;
	border-radius: 5px;
}
.btn-send {
	background: #4B4B9F;
	width: 100%;
	color: #fff;
	padding: 10px 9px;
	border:1px solid #4B4B9F;
}
.btn-send:hover {
	background: #3f3fa0;
	color: #fff;
}
.search-input img {
    position: absolute;
    right: 5px;
    top: 6px;
}
.search-input {
    position: relative;
}
.close-btn {
	display: inline-block;
	float: right;
	color: #FF0000;
}
.close-btn:hover {
	color: #e90303;
}
.del-img {
	width: 120px;
	height: 120px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	background: rgba(255, 0, 0, 0.1);
	border-radius: 100px;
	margin: 0 auto 30px;
}
.bg-lightblue.del-img {
	background: #E9E9FF !important;
}
.btn-join {
	background: #F15642;
	border-radius: 5px;
	color: #fff;
	min-width: 180px;
	box-shadow: inset 0 0 0 0 #ffffff;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
.btn-join:hover {
	color: #F15642;
	border: 1px solid #F15642;
	background-color: #FFF;
	box-shadow: inset 0 50px 0 0 #ffffff;
}
.login-wrapper .loginbox.join-box {
	max-width: 400px;
}
.log-title .join-title {
	font-size: 24px;
	margin-bottom: 30px;
}
.join-box .close-btn {
	position: absolute;
	top: 20px;
	right: 20px;
}
.bgimg-none {
    background-image: none !important;
}
.del-project {
	text-align: center;
}
.del-project h4 {
	font-weight: 600;
	font-size: 24px;
	margin-bottom: 40px;
}
.del-project p {
	font-weight: 500;
}
.submit-btns {
	margin: 25px 0 0;	
}
.submit-btns .btn {
	min-width: 100px;
	margin: 0 5px;
	font-weight: 600;
	font-size: 15px;
	margin: 10px 5px 0;
}/*
.d-flex {
	padding-left: 8px !important;
    padding-right: 8px !important;
}*/
.content-chat-main {
    padding: 16px 16px 0px 20px;
}
.file-primary {
	background-color: #FDA859 !important;
	color: #fff !important;
}
.file-infocolor {
	background: #35C3FC !important;
	color: #fff !important;
}
.file-grey {
	background: #f9f9f9 !important;
	color: #fff !important;
}
.file-success {
	background: #1DB299 !important;
	color: #fff !important;
}
.file-on {
	background: #9C27B0 !important;
	color: #fff !important;
}
.board-list-task .file-info {
	background: #5A78FF !important;
	color: #fff !important;
}
.file-warning {
	background: #FFCC66 !important;
	color: #fff !important;
}
.file-violet {
	background: #9C27B0 !important;
	color: #fff !important;
}
.file-danger {
	background: #FD6B59 !important;
	color: #fff !important;
}
.file-purple {
	background: #8C8CD1 !important;
	color: #fff !important;
}
.file-d3b {
	background: #8a3d3b !important;
	color: #fff !important;
}
.file-acbd {
	background: #73acbd !important;
	color: #fff !important;
}
.file-e31d {
	background: #96031e !important;
	color: #fff !important;
}
.file-red {
	background: #E91E63 !important;
	color: #fff !important;
}
.file-green {
	background: #009688 !important;
	color: #fff !important;
}
.file-blue1 {
	background: #795548 !important;
	color: #fff !important;
}
.file-blue2 {
	background: #673AB7 !important;
	color: #fff !important;
}
.file-primary > a, .file-warning > a, .file-infocolor > a, .file-success > a, .file-violet > a, .file-danger > a, .file-primary > a, .file-purple > a, .file-d3b > a, .file-acbd > a, .file-e31d > a, .file-red > a, .file-green > a, .file-blue1 > a, .file-blue2 > a, .file-lightblue > a, .file-redcolor > a, .file-rose > a, .file-darkblue > a, .file-lime > a {
	color: #fff !important;
}
.file-grid .manual-head {
	padding: 25px 0;
	text-align: center;
}
.manual-fullimg img {
	height: 80px;
    width: 100%;
    object-fit: cover;
    margin: -25px 0;
    border-radius: 10px;
}
.file-grid .manual-document {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
}
.document-action {
    display: -ms-flexbox;
    display: flex;	
}
.document-name {
	overflow: hidden;
}
.document-name h6 {
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 5px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.document-name p {
	font-weight: 900;
	font-size: 12px;
	color: #838383;
	margin-bottom: 10px;
}
.document-action {
	margin-bottom: 10px;
}
.download-doc {
	width: 30px;
	height: 30px;
	background: #4B4B9F;
	border-radius: 5px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	margin-right: 5px;
}
.download-doc:hover {
	color: #fff;
}
.document-action .task-drop .dropdown {
	width: 30px;
	height: 30px;
}

/*-----------------
	19. Sprints
-----------------------*/

.table-sprint {
	border-collapse: separate;
    border-spacing: 0;
	border-radius: 9px;
}
.table-sprint thead th {
	background: #F9F9FF;
	border: 0.5px solid #f8f8f9;
	height: 54px;
	padding: 10px 15px !important;
}
.table-sprint thead .spr-title {
	font-weight: 500;
	font-size: 14px;
	border-right-color: #f8f8f9;
}
.table-sprint thead .spr-number {
	width: 25px;
	height: 25px;
	background: #FFFFFF;
	border-radius: 5px;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	margin-right: 10px;
}
.table-bordered>:not(caption)>* {
    border-width: 0;
}
.table-sprint thead .spr-head .spr-subtitle {
	font-weight: 500;
	font-size: 14px;
	vertical-align: middle;
}
.table-sprint thead td {
	font-size: 13px;
    padding: 1px 2px;
	border: 0.5px solid #E9E9FF;
	height: 29px;
}
.progress-table td .popup-toggle_editt{
    display: inline-flex;
    padding-top: 2px;
}
.sidebar-layer-new .detail-task-label .project-detailsimg,
.sidebar-layer-new .justify-content-between .project-detailsimg{
	background:#F2F2F2;
}
.sidebar-layer-new .detail-task-label .project-detailsimg img,
.sidebar-layer-new .justify-content-between .project-detailsimg img{
	width: auto;
	height:auto;
}
.pro2 .project-detailsimg {
    background: #F15642;
}
.table-sprint .main-drop .dropdown {
	width: 25px;
    height: 25px;
    background: #FFFFFF;
    border: 1px solid #E9E9FF;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	color: #051639;
}
.table-sprint.progress-table thead td {
    min-width: 84px;
}
.table-bordered.table-sprint tr:last-child td{
    border-bottom: 0;
}
.sprint-card .table-sprint thead td{
	width:25%;
	border: 0.25px solid #E9E9FF;
	border-right: 0;
	    border-bottom: 0;
}
table.table.table-bordered.table-sprint{
	border: 0.25px solid #E9E9FF !important;
}
.chart-wrapper.week-wrapper.timeline-chart {
	border:0;
}
.timeline-chart.chart-wrapper.week-wrapper .chart-values.chat-new-dates li::before{
	content: "";
    width: 0.5px;
    background-color: #E9E9FF;
    position: absolute;
    right: -1px;
    left: auto;
    top: 56px;
    min-height: 1000vh;
    border-right: none;
}
.table-sprint tbody .main-drop .dropdown {
	background: #F9F9FF;
}
.table-sprint .main-drop .dropdown-item {
	font-size: 12px;
	color: #344357;
	margin-bottom: 0;
	padding: 8px 15px;
}
.table-sprint tbody td.s-num {
	border-right: 0.5px solid #E9E9FF !important;
	width: 35px !important;
	color: #838383;
	font-size: 12px;
	text-align: center;
	padding: 5px !important;
}
.table-sprint tbody td {
	border: 0.5px solid #E9E9FF;
	border-width: 0.5px 0 !important;
	font-size: 14px;
	height: 36px;
	padding: 4px 15px !important;
}
.progress-data {
	margin-right: 10px;
}
.progress-data h5, .progress-data span {
	font-weight: 400;
	font-size: 10px;
	margin-bottom: 6px;
}
.sprint-tab ul {
	margin-bottom: 0;
	padding-bottom: 0;
}
.sprint-tab .custom-tabs:after {
	content: none;
}
.sprint-card {
	margin-bottom: 30px;
}
.chart-wrapper {
	width: 100%;
	padding: 0;
	margin: 0 auto;
    overflow-x: auto;	
	overflow-y: hidden;
	margin-bottom: 30px;
	border: 1px solid #E9E9FF;
	border-radius: 10px;
}
.chart-wrapper .chart-bars {
	list-style: none;
	padding: 0;
	width: 1120px;
}
.chart-wrapper .chart-values, .chart-wrapper .chart-week, .chart-wrapper .chart-month,
.chart-wrapper .chart-mon, .prog-wrap.chart-wrapper.month-wrapper .chart-weekend {
	position: relative;
	display: flex;
	margin-bottom: 0;
	padding: 0;	
	list-style: none;
}
.chart-wrapper .chart-bars > li {
	position: relative;
	border-left: 1px solid #E9E9FF;
	border-top: 0;
	padding: 1px 0 1px;
}
.progress-wrap.chart-wrapper .chart-values.month-chart-list li:last-child:before {
    content: "";
    width: 1px;
    background-color: #E9E9FF;
    position: absolute;
    left: 19px;
    top: 39px;
    min-height: 1000vh;
}
.task-padding-top {
    padding-top: 25px !important;
}
.card-taskchart-update .chart-wrapper {
	margin-bottom: 0;
    border-radius: 10px;
}
.chart-wrapper .chart-bars li:last-child {
	border-radius: 0 0 10px 10px;
}
.table-sprint tbody {
	border-width: 0 0.5px 0 0.5px;
	border-style: solid;
	border-color: #E9E9FF;
}
.chart-wrapper li {
	font-size: 12px;
}
.chart-wrapper .chart-month li {
	flex: 0 0 1120px;
	background: #F9F9FF;
	padding: 17px 5px;
}
.chart-wrapper .chart-month li:nth-child(2n) {
	background: rgba(157, 162, 171, 0.20);
}
.chart-wrapper.year-wrapper .chart-month li {
	height: 57px;
    line-height: 57px;
	padding: 0 15px;
	flex: 0 0 100%;
	text-align: center;
}
.chart-wrapper.year-wrapper .chart-month li:nth-child(2n) {
	background: rgb(249 249 255 / 80%);
}
.chart-wrapper.year-wrapper .chart-month li.custom-yr {
	flex: 0 0 360px;
}
.chart-wrapper.year-wrapper .chart-bars {
	width: 100%;
}
.chart-wrapper.year-wrapper .chart-month li.custom-yr {
    flex: 0 0 360px;
}
.chart-wrapper.week-wrapper .chart-month li {
	height: 27px;
    line-height: 27px;
	padding: 0 0px;
	text-align: center;    
	border: 1px solid #E9E9FF;
    border-width: 1px 1px 0;
    border-radius: 9px 9px 0px 0px;
}
.chart-wrapper.day-wrapper .chart-month li {
	height: 27px;
    line-height: 27px;
    padding: 0 0px;
    text-align: center;
    border: 1px solid #E9E9FF;
    border-width: 1px 1px 0;
    border-radius: 9px 9px 0px 0px;
}
.chart-wrapper.month-wrapper .chart-month li {
	height: 27px;
    line-height: 27px;
	padding: 0;
    font-size: 12px;
	text-align: center;
}
.chart-wrapper.year-wrapper .chart-mon li {
	flex: 0 0 8.33%;
	height: 57px;
	line-height: 57px;
	text-align: center;
	background: #F2F2F2;
}
.chart-wrapper.year-wrapper .chart-mon li:nth-child(2n) {
	background: rgba(157, 162, 171, 0.24);
}
.chart-wrapper.year-wrapper.sprint-chart .chart-mon li {
    flex: 0 0 8.33%;
	position: relative;
}
.chart-wrapper.year-wrapper.sprint-chart .chart-mon li::before {
    content: "";
    width: 1px;
    background-color: #E9E9FF;
    position: absolute;
    right: 0;
    top: 28px;
    min-height: 1000vh;
}
.chart-wrapper.year-wrapper.sprint-chart .chart-bars {
    width: 100% !important;
	border-bottom: 1px solid #E9E9FF;
	border-left:0;
	border-radius: 0 0 8px 8px;
}
.prog-wrap.chart-wrapper.year-wrapper .chart-mon li{
	position: relative;
}
.prog-wrap.chart-wrapper.year-wrapper .chart-mon li::before {
	content: "";
    width: 1px;
    background-color: #E9E9FF;
    position: absolute;
	right: 0;
    top: 28px;
    min-height: 1000vh;
}
.chart-wrapper.year-wrapper.sprint-chart .chart-month li {
    flex: 0 0 100% !important;
}
.chart-wrapper .chart-week li {
	flex: 0 0 280px;
	text-align: center;
	padding: 0;
	background: #F2F2F2;
	height: 27px;
    line-height: 27px;
}
.chart-wrapper .chart-week li:nth-child(2n) {
	background: rgba(157, 162, 171, 0.24);
}
.chart-wrapper.year-wrapper .chart-values {	
	display: none;
}
.chart-wrapper .chart-values {	
	list-style: none;
}
.chart-wrapper.day-wrapper .chart-values li {
	flex: 0 0 14.285%;
	height: 57px;
    line-height: 15px;
    padding: 14px 0;
}
.chart-wrapper .chart-values li, .prog-wrap.progress-wrap .chart-weekend li {
	flex: 0 0 40px;
	height: 38px;
	line-height: 38px;
	font-size: 11px;
	text-align: center;
	border-top: 1px solid #E9E9FF;
	border-bottom: 1px solid #E9E9FF;
	border-right: 1px solid #E9E9FF;
}
.chart-wrapper .chart-values li, .prog-wrap.progress-wrap .chart-bars li .task-bar {
    flex: 0 0 40px;
    height: 38px;
    line-height: 38px;
    font-size: 11px;
    text-align: center;
    border-top: 1px solid #E9E9FF;
    border-bottom: 1px solid #E9E9FF;
    border-right: 1px solid #E9E9FF;
}
.taskchart-update-new .progress-wrap.chart-wrapper .chart-bars li .task-bar {
    margin: 6px 0;
}
.chart-wrapper .chart-values li:first-child, .prog-wrap.progress-wrap .chart-weekend li:first-child {
    border-left: 1px solid #E9E9FF;
}
.chart-wrapper .chart-values li:not(:last-child) {
	position: relative;
}
.chart-wrapper .chart-bars .task-bar-items .progress {
	border-radius: 5px;
	margin-bottom: 12px;
	position: relative;
}
.chart-wrapper .chart-bars li .task-bar {
	position: relative;
	color: #FFF;
	margin: 9px 0;
	font-size: 10px;
	white-space: nowrap;
    overflow: hidden;
	text-align: center;
	border-radius: 5px;
	padding: 1px;
	height: 16px;
	line-height: 16px;
	width: 0;
	opacity: 0;
	transition: all 0.65s linear 0.2s;
}
.chart-wrapper .chart-bars li.no-task {
	height: 36px;
	line-height: 36px;
	background: #fff;
}
.chart-wrapper.week-wrapper .chart-week li {
	padding: 0;
	height: 27px;
	line-height: 27px;
}
.chart-wrapper.week-wrapper .chart-values li {
	height: 30px;
    line-height: 5px;
    padding: 14px 0;
}
.sprint-add {
	color: #FF8E3E;
    background: #e8e9eb;
    padding: 5px;
}
.sprint-adds {
	color: #FF8E3E;
    background: #e8e9eb;
	width: 25px;
	height: 25px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.task-body .tab-content .active {
    display: block !important;
}
.task-body .tab-content .tab-pane {
    display: none;
}
.chart-wrapper.day-wrapper .chart-month li {
    flex: 0 0 1150px;
}
.chart-wrapper.day-wrapper .chart-bars {
	width: 1150px;
}
.chart-wrapper .chart-values li.current-date {
    background: #ffb300;
}
.chart-wrapper .chart-values li.current-date::before {
    content: '';
    position: absolute;
    left: 0;
	top: 0;
    height: 105px;
    border-right: 0.5px solid #ffb300;
}
.chart-wrapper .chart-values li.current-date::after {
    content: '';
    position: absolute;
    right: 0;
	top: 0;
    height: 105px;
    border-right: 0.5px solid #ffb300;
}
.prog-wrap.chart-wrapper.year-wrapper .chart-month li {
    height: 57px;
    line-height: 57px;
}
.prog-wrap.chart-wrapper.month-wrapper .chart-month li {
	height: 27px;
    line-height: 27px;
}	
.prog-wrap.month-wrapper .chart-bars li:first-child {
	border-top: 1px solid #E9E9FF;
}
.prog-wrap.chart-wrapper.month-wrapper .chart-values li {
	height: 57px;
    line-height: 15px;
    padding: 14px 0;
}
.prog-wrap.chart-wrapper.month-wrapper .chart-weekend li {
	height: 57px;
	line-height: 15px;
    padding: 20px 0;
}
.middle-day {
	position: relative;
}
.middle-day:before {
	position: absolute;
	content: "";
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
	width: 60px;
	height: 1px;
	border-top: 1px dashed #E9E9FF;
}
.middle-day .mid-firstbox {
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	border-color: #E9E9FF;
	width: 7px;
	height: 16px;
	float: left;
}
.middle-day .mid-lastbox {
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #E9E9FF;
	width: 7px;
	height: 16px;
	float: right;
}
.prog-wrap.chart-wrapper.month-wrapper .chart-values li.first-day,
.prog-wrap.chart-wrapper.month-wrapper .chart-values li.last-day {
	visibility: visible;
}
.prog-wrap.chart-wrapper.month-wrapper .chart-values li.last-day {
	border-left: 1px solid #E9E9FF;
}
.prog-wrap.chart-wrapper.year-wrapper .chart-mon li {
	height: 57px;
    line-height: 57px;
}
.prog-wrap.progress-wrap.chart-wrapper .chart-bars {
    width: 1120px;
	border-right: 1px solid #E9E9FF;
}
.chart-wrapper .chart-values.cheight-none li {
	height: 0;
    line-height: 0;
    font-size: 0;
    padding: 0;
    border: 0;
}
.chart-wrapper.progress-wrap.week-wrapper.year-wrapper-task 
.chart-values li {
    flex: 0 0 15.4%;
}
.chart-wrapper.progress-wrap.week-wrapper.year-wrapper-task 
.chart-values li {
    flex: 0 0 8.33%;
	background: #e9e9ff87;
}
.chart-wrapper.progress-wrap.week-wrapper.year-wrapper-task 
.chart-values li:nth-child(2n) {
    background: #e9e9ff;
}
.chart-wrapper.progress-wrap.week-wrapper.year-wrapper-task {
    width: 100%;
    padding: 0;
    margin: auto;
    border-bottom: 1px solid #E9E9FF;
    border-right: 1px solid #E9E9FF;
    border-radius: 10px;
}
.chart-wrapper.progress-wrap.week-wrapper {
	border-left: 1px solid #E9E9FF;
	border-right: 1px solid #E9E9FF;    
	border-radius: 10px;
}
.monthtaskchat-wrapper .chart-wrapper.progress-wrap.week-wrapper {
	max-width: 645px;
    margin-left: 0;
    border-bottom: 1px solid #E9E9FF;
}
.monthtaskchat-wrapper .progress-wrap.chart-wrapper .chart-month li {
    flex: 0 0 644px;
}
.year-chart-top .task-bar {
    margin-top: 10px !important;
}
.month-chart-top .task-bar {
    margin-top: 16px !important;
}
.overall-process ul {
	margin: 0;
	padding: 10px 0 0 0;
	display: flex;
}
.overall-process ul li {
	margin: 0;
	padding: 0;
}
.overall-process ul li {
	display: inline-block;
}
.overall-process ul li {
	font-size: 24px;
	position: relative;
	margin-right: 20px;
}
.overall-process ul li i {
	font-size: 20px;
	font-weight: 900;
}
.overall-process ul li:before {
    position: absolute;
    content: "";
    top: 50%;
    right: -21px;
    background: #E9E9FF;
    width: 21px;
    height: 1px;
    transform: translateY(-50%);
}
.overall-process ul li:last-child:before {
	content: none;
}
.ontime {
	background: #F8F8FF;
	border: 1px solid #E9E9FF;
	border-radius: 5px;
	padding: 5px;
    font-size: 14px;
    margin: 10px;
	display: inline-block;
}
.time-icon, .amt-icon {
	position: relative;
	width: 100%;
}
.time-icon:after {
	color: #344357;
	content: "\e939";
	display: block;
    font-family: "Feather";
    font-size: 15px;
    margin: auto;
    position: absolute;
    right: 15px;
    top: 10px;
}
.amt-icon:after {
	color: #344357;
	content: "\e954";
	display: block;
    font-family: "Feather";
    font-size: 15px;
    margin: auto;
    position: absolute;
    right: 15px;
    top: 10px;
}
.link-icon {
	position: relative;
	width: 100%;
}
.link-icon span {
	color: #344357;
    font-size: 15px;
    position: absolute;
    right: 15px;
    top: 50%;
	transform: translateY(-50%);
}
.sprint-set {
	margin-bottom: 30px;
}
.project-status h5 {
	font-weight: 400;
	font-size: 12px;
	color: #0E0E0E;
	margin-bottom: 25px;
	text-align: left;
}
.spr-pro.progress {
	height: 9px;
	margin-bottom: 20px;
}
.spr-pro .progress-bar {
	background-color: #399E8D;
}
.folder-name img {
	width: 20px;
}
.month-static .chart-bars li .task-bar {
	width: 53.66px;
	background-color: rgba(76, 175, 80, 0.5);
	opacity: 1;
	left: 0;
}
.overall-process .today-day {
    height: 112px;	
}
.today-day {
	display: inline-block;
    border: 1px solid #ffb300;
    width: 40px;
    height: 36px;
    position: absolute;
    border-width: 0 1px;
    top: 0;
    left: 320px;
}

/*-----------------
	20. Members
-----------------------*/

.member-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	flex-shrink: 0;
	margin-right: 10px;
}
.prev-next {
    margin-right: 15px;
}
.prev-next button {
    border: 1px solid #4B4B9F;
    color: #4B4B9F;
    padding: 8px 10px;
    font-size: 14px;
    transition: all 0.4s;
    background: #fff;
    border-radius: 8px;
}
.calendar-header .fc-right {
    display: none;
}
.calendar-header .fc-toolbar.fc-header-toolbar {
    justify-content: center;
}
.prev-next button:hover,.date-month .btn:hover{
    box-shadow: inset 0 50px #4b4b9f;
    color: #fff;
}
.date-month .btn {
	border: 1px solid #4B4B9F;
    color: #4B4B9F;
    padding: 8px 10px;
    font-size: 14px;
    transition: all 0.4s;
    background: #fff;
    border-radius: 8px;
}
.date-month .btn.active{
	background: #4B4B9F;
	color: #fff;
}
.member-head > a {
	color: #051639;
	margin-right: 20px;
	font-size: 20px;
}
.member-avatar {
	font-size: 14px;
}
.member-avatar img {
	width: 40px;
	height: 40px;
	border-radius: 50px;
	margin-right: 10px;
}
.member-avatar .name-avatars {
	width: 40px;
	height: 40px;
	display: -webkit-inline-flex;
	display: inline-flex;
	display: -ms-inline-flexbox;
	margin-right: 10px;
}
.task-status p {
	font-size: 12px;
	color: #FFF;
}
.task-status p {
	font-size: 11px;
	text-overflow: ellipsis;
    white-space: nowrap;
}
.task-progress .task-status p,
.task-progress .task-status h2 {
	color: #0E0E0E;
}
.task-status h2 {
	font-weight: 700;
	font-size: 24px;
	color: #FFFFFF;
	margin: 0;
}
.task-progress {
	background: #FFFFFF;
	border: 1px solid #E5E2FF;
	border-radius: 5px;
}
.task-progress .progress {
	height: 9px;
	margin-bottom: 6px;
}
.task-progress  .progress-bar {
	background-color: #399E8D;
}
.task-drop .dropdown {
	width: 25px;
    height: 25px;
    background: #FFFFFF;
    border: 1px solid #E9E9FF;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #344357;
}
.task-listed li .task-drop .dropdown:hover {
	background-color: transparent
}
.task-listed li.file-d3b a.dropdown, .task-listed li.file-acbd a.dropdown, .task-listed li.file-e31d a.dropdown, .task-listed li.file-red a.dropdown, .task-listed li.file-green a.dropdown, .task-listed li.file-blue1 a.dropdown, .task-listed li.file-blue2 a.dropdown, .task-listed li.file-primamry a.dropdown, .task-listed li.file-violet a.dropdown, .task-listed li.file-warning a.dropdown, .task-listed li.file-success a.dropdown, .task-listed li.file-grey a.dropdown, .task-listed li.file-infocolor a.dropdown, .task-listed li.file-lightblue a.dropdown, .task-listed li.file-redcolor a.dropdown, .task-listed li.file-rose a.dropdown, .task-listed li.file-darkblue a.dropdown, .task-listed li.file-lime a.dropdown {
	color: #fff;
}
.task-lists {
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 5px;
	margin-bottom: 15px;
}
.task-lists ul li .input-check a {
	color: #344357;
}
.file-acbd  .task-drop .dropdown {
	color: #fff !important;
}
.task-lists ul {
	padding: 0;	
}
.task-lists ul.sub-tasks {
	padding-left: 20px;	
}
.task-lists li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	padding: 10px;
}
.task-lists li.active, .task-lists.active .main-task li  {
	background: #E9E9FF;
}
.task-lists li a {
	color: #344357;
}
.task-lists li .custom_check {
	margin: 0 10px 0 0;
	height: 20px;
}
.task-lists li .progressset {
    width: 75px;
	margin-right: 10px;
}
.pro-action {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}
.task-lists.sub-tasks {
	border-radius: 0 0 5px 5px;
}
.task-lists .sub-tasks li {
	border-top: 1px solid #EFF2F5;
	position: relative;
}
.task-lists.sub-tasks li:last-child {
	border-top: 0;
}
.task-lists .sub-tasks li:after {
	position: absolute;
	content: "";
	border-top: 1px solid #E9E9FF;
	left: 0;
	width: 12px;
	height: 1px;
}
.task-lists .sub-tasks li:before {
	position: absolute;
	content: "";
	border-left: 1px solid #E9E9FF;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
}
.task-lists .sub-tasks li:last-child:before {
	height: 50%;
}
.main-task li .custom_check::before {
	position: absolute;
	content: "";
	top: 105%;
	width: 1px;
	height: 100%;
	left: 10px;
	/*left: 50%;*/
    background: #E9E9FF;
}
.pro3 .project-detailsimg {
    background: #4FACFE;
}
.pro3 .project-detailscontent h6 {
    color: #4FACFE;
}
.pro4 .project-detailsimg {
    background: #4B4B9F;
}
.pro4 .project-detailscontent h6 {
    color: #4B4B9F;
}
.file-task {
	display: -webkit-box;
	display: -ms-flexbox; 
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	background: #FFFFFF;
	border: 1px solid #EFF2F5;
	border-radius: 5px;
	padding: 5px;
}
.file-task-name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.file-task-name img {
	margin-right: 9px;
}
.file-task-time h6 {
	font-weight: 400;
	font-size: 13px;
	margin-bottom: 2px;
	word-break: break-all;
}
.file-task-time p {
	font-size: 10px;
	color: #838383;
}
.file-task-time p span {
	color: #4B4B9F;
}
.file-actions {
	flex-shrink: 0;
}
.file-task > a {
	color: #1DB299;
}
.input-check {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 10px;
	width: calc(100% - 35px);
	word-break: break-all;
}
.member-card .card-setview ul {
	padding: 15px 15px 0;
	align-items: center;
}
.member-card .card-headersets > h6 {
	font-size: 14px;
	margin-bottom: 2px;
}
.member-card .progressset {
	width: 75px;
	margin-right: 10px;
}
.mem-add {
	width: 30px;
	height: 30px;
	background: #4B4B9F;
	border: 1px solid #F2F2F2;
	border-radius: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	color: #FFF;
}
.mem-add:hover {
	color: #FFF;
}
.member-card .card-setview ul.project-name {
    padding: 0 15px 0;
}
ul.project-name .name-avatars {
    width: 32px;
    height: 32px;
}
.member-card .pro3  .project-detailscontent,
.member-card  .members-set {
	border: 0;
}
.member-card  .members-set {
	margin-right: 0;
	padding-right: 0;
}
.fc-daygrid-body tr td {
    height: 150px;
}
.dh-flex {
/*	padding-right: 8px !important;
    padding-left: 8px !important;*/
	display: flex;
}
.file-wrap {
	padding: 15px;
	border-bottom: 1px solid #EFF2F5;
}
.file-wrap .file-drop {
	margin: 0 0 15px;
}
.drop-zone {
    background: #FBFBFF;
    border: 1px solid #3f51b5;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
	position: relative;
}
.file-wrap .file-drop .dropzone,
.file-wrap .file-drop .drop-zone {
	min-height: 40px;
}
.member-card .smileyset ul a {
	width: 40px;
    height: 40px;
}
.member-card .smileyset ul li {
    margin: 0 5px 0 0;
}
.member-card .inputgroups input[type="text"] {
	height: 40px;
}
.member-card .btn-send {
	font-size: 13px;
}
.task-status span {
	position: absolute;
    bottom: 0;
    right: 8px;
	color: #FFF;
}
.task-status span img {
	width: 15px;
	filter: brightness(0) invert(1);
}
.chat-card {
	border-radius: 5px;
	padding: 10px;
}
.kanban-wrap1 {
	overflow-y: hidden;
}
.member-card .discuss-item .chat-body {
    /*max-height: 400px;*/
	padding-right: 5px;
	max-height: 600px;	
	height: calc(100vh + 285px);
}
.view-card .card-body {
	padding: 24px 24px 0;
}
.task-lists .progressset .progress {
    height: 5px;
}
.title-item .main-drop {
	display: flex;
}
.title-item .main-drop .add-doc {
	margin-bottom: 0;
}
.title-item .main-drop .dropdown {
	margin-left: 10px;
}
.mem-list {
	width: 40px;
	height: 40px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	background: #FFFFFF;
	border: 1px solid #4B4B9F;
	border-radius: 5px;
	color: #4B4B9F;
}
.mem-list.active {
	background: #FD6B59;
	border: 1px solid #FD6B59;
	color: #FFF;
}
.member-box {
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 10px;
	padding: 13px;
	margin-bottom: 24px;
}
.member-profile {
	background: #F7F7FF;
	border-radius: 10px;
    padding: 20px 15px 0;
	height: 105px;
}
.member-profile .main-drop {
	text-align: end;
}
.member-profile .action-set {
	background: #FFFFFF;
}
.member-img {
	text-align: center;
	margin-bottom: 15px;
}
.member-img img {
	width: 120px;
	height: 120px;
	border: 0.5px solid #F2F2F2;
	border-radius: 50%;
}
.member-detail {
	text-align: center;
	margin-top: -60px;
}
.member-detail h5 {
	margin-bottom: 10px;
}
.member-detail p {
	margin-bottom: 10px;
	word-break: break-word;
}
.member-img .name-avatars {
	width: 120px;
	height: 120px;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	font-size: 36px;
	margin: 0 auto;
	background: #FFF3F3;
	color: #FD6B59;
}
.member-img .name-avatars.bg-info {
	background: #E9E9FF !important;
	border: 0.5px solid #F2F2F2;
	color: #4B4B9F;
}
.text-light-success {
	color: #3FC34D !important;
}
.mem-search {
    display: -ms-flexbox;
    display: flex;	
}
.mem-search .form-control {
	max-width: 300px;
	width: 100%;
	margin: 0 15px 24px 0;
}
.mem-search .search-btn {
	background: #FD6B59;
	border: 1px solid #FD6B59;
	border-radius: 5px;
	color: #FFF;
	padding: 9px 20px;
    font-weight: 500;
    font-size: 16px;
	margin-bottom: 24px;
	box-shadow: inset 0 0 0 0 #ffffff;
	-webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
.mem-search .search-btn:hover {
	border: 1px solid #FD6B59;
	background: #FFF;
	color: #FD6B59;
	box-shadow: inset 0 0 0 0 #ffffff;
	-webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
.search-member {
	position: relative;
	max-width: 200px;
	width: 100%;
	margin-bottom: 30px;
}
.search-member .form-control {
	height: 40px;
}
.search-member span {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
}
.mail-verify {
	width: 30px;
	height: 30px;
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 5px;
    display: -ms-inline-flexbox;
    display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.single-chart {
	width: 60px;
}
.circular-chart {
	display: block;
	margin: 0 auto;
    max-width: 45px;
    max-height: 40px;
}
.circle-bg {
  fill: none;
  stroke: #eee;
  stroke-width: 5;
}
.circle {
  fill: none;
  stroke-width: 4;
  stroke-linecap: round;
  animation: progress 1s ease-out forwards;
}
@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}
.circular-chart.orange .circle {
	stroke: #FF9B44;
}
.circular-chart.green .circle {
	stroke: #179F49;
}
.circular-chart.blue .circle {
	stroke: #35C3FC;
}
.circular-chart.danger .circle {
	stroke: #ED4A47;
}
.circular-chart.warning .circle {
	stroke: #ffcc66;
}
.circular-chart.violet .circle {
	stroke: #9c27b0;
}
.circular-chart.default .circle {
	stroke: #01a3c4;
}
.percentage {
	fill: #000;
	font-size: 10px;
	font-weight: 600;
	text-anchor: middle;
}
.more-mem {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	position: relative;
	margin-top: 8px !important;
}
.more-mem:before {
	position: absolute;
	content: "";
	top: -5px;
	right: 10px;
	border-bottom: 0;
    border-right: 0;
    border-top: 2px solid #CCCCCC;
    border-left: 2px solid #CCCCCC;
	background: #fff;
	width: 8px;
	height: 8px;
	-webkit-transform-origin: 66% 66%;
    -transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.more-mem ul {
	padding: 5px 5px 0 5px !important;
	height: 115px;
    overflow-y: auto;
}
.more-mem ul::-webkit-scrollbar {
	width: 2px;
    background: #FAFAFF;
}
.more-mem ul::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #E9ECEF; 
	border-radius: 10px;
}
.more-mem ul::-webkit-scrollbar-thumb {
	background: #c1c1c1; 
	border-radius: 10px;
}
.more-mem ul li {
	display: flex;
	align-items: center;
	margin: 0 0 5px !important;
}
.more-mem ul li .name-avatars, .more-mem ul li img {
	margin-right: 10px;
}
.prog-wrap.progress-wrap .chart-bars li.overall-process.over-pro .task-bar {
    margin: 35px 0;
}
.mem-select {
	min-width: 180px;
}
.bg-risk, .bg-trouble  {
	background: #ED4A47 !important;
}
.bg-delay {
	background: #9c27b0 !important;
}
.bg-noprogress {
	background: #FF9B44 !important;
}
.bg-help {
	background: #ffcc66 !important;
}
.bg-2 {
	background: #42A545 !important;
}
.progress-blue {
    background: #35C3FC !important;
} 

/*-----------------
	21. Task List
-----------------------*/

.task-headersets h2 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 25px;
}
.task-listed {
	padding: 0;
	margin: 0;
}
.task-listed li a, .list-task.task-listed li {
	background: #F9F9F9;
	padding: 10px;
	color: #838383;
	margin-bottom: 20px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.list-task.task-listed li.active > a, .list-task.task-listed li:hover > a {
	 color: #fff;
}
.list-task.task-listed li.active > a {
	 color: #fff;
}
.list-task.task-listed li > a, .list-task.task-listed li > a.active {
	background: transparent;
	padding: 0;
	margin: 0;
}
.task-listed li a:hover, .list-task.task-listed li:hover {
	background: transparent !important;
	color: #fff !important;
}
.task-listed li > a:hover {
	background: transparent;
}
.task-listed li a.active, .list-task.task-listed li.active {
	background: #4B4B9F !important;
	color: #fff !important;
}
.list-task.task-listed li.file-active {
	box-shadow: 3px 5px 5px #888888;
}
.sprint-headerset h2 a {
	color: #051639;
}
.sprint-headerset h2 a i {
	margin-right: 25px;
}
.eq-column .col-equal {
    -ms-flex: 0 0 14.28%;
    flex: 0 0 14.28%;
    max-width: 14.28%;
    padding: 0 5px;
}
.eq-column-8 .col-equal {
    -ms-flex: 0 0 14.28%;
    flex: 0 0 16%;
    max-width: 16%;
    padding: 0 5px;
}
.task-card {
	border-radius: 5px;
    padding: 15px;
	position: relative;    
	margin-bottom: 24px;
	overflow: hidden;
}
.task-blue {
	background: #35C3FC;
}
.task-green {
	background: #42A545;
}
.task-warning {
	background: #ffcc66;
}
.task-danger {
	background: #ED4A47;
}
.task-violet {
	background: #9c27b0;
}
.task-all {
	background: #01a3c4;
}
.task-pending {
	background: #FF9B44;
}
.task-card:before {
	position: absolute;
	content: "";
	background: url(../img/bg/card-bg.png);
	background-repeat: no-repeat;
	width: 162px;
    height: 85px;
    bottom: 0;
    right: 0;
}
.task-card.task-progress:before {
	content: none;
}
.task-title {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 20px;
}
.task-title span {
	font-weight: 400;
	font-size: 14px;
	width: 25px;
	height: 25px;
	background: #399E8D;
	border-radius: 5px;
	color: #FFF;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.task-lists.active .progressset .progress {
    background: #FFF;
}
.task-percent {
    padding: 20px 20px 5px;
    display: flex;
    flex-wrap: wrap;
    background: #FBFBFF;
	border: 1px solid #E3E2FF;
	border-radius: 5px;
}
.main-single-task.main-task li .custom_check::before {
	content: none;
}
.task-label {
	position: relative;
	list-style: none;
}
.task-label input[type=radio] {
	position: absolute;
	width: 100%;
    height: 100%;
	opacity: 0;
	cursor: pointer;	
}
.task-label label {
	background: #F2F2F2;
	border-radius: 5px;
	margin: 0;
	padding: 10px 17px;
	margin: 0 10px 15px 0;
    cursor: pointer;
}
.task-label input:checked + label {
	color: #FFF;		
	background: #4B4B9F;
}
.board-color-list {
    display: flex;
    flex-wrap: wrap;
}
.board-color-list .board-control {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 11px;
    cursor: pointer;
    padding-left: 0;
    cursor: pointer;
    width: 25px;
    height: 25px;
}
.board-color-list .board-control:last-child {
	margin-right: 0;
}
.board-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.board-control > .board-control-input:checked ~ .board-indicator:before {
    content: "\f00c";
    display: block;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    border: none;
    position: relative;
    font-family: FontAwesome;
    text-align: center;
    line-height: 16px;
	outline: 1px solid transparent;
    outline-offset: 2px;
    border-radius: 50%;
}
.board-control > .board-control-input:checked ~ .board-indicator::before {
    width: 25px;
    height: 25px;
    line-height: 25px;
}
.board-control > .board-indicator {
    width: 25px;
    height: 25px;
	border-radius: 50%;
}
.board-control.board-grey > .board-indicator {
    background: #f9f9f9 ;
}
.board-control.board-grey > .board-control-input:checked ~ .board-indicator::before {
	outline-color: #f9f9f9; 
}
.board-control.board-primary > .board-indicator {
    background: #FDA859;
}
.board-control.board-primary > .board-control-input:checked ~ .board-indicator::before {
	outline-color: #FDA859; 
}
.board-control.board-success > .board-indicator {
    background: #1DB299;
}
.board-control.board-success > .board-control-input:checked ~ .board-indicator::before {
	outline-color: #1DB299; 
}
.board-control.board-info > .board-indicator {
    background: #5A78FF;
}
.board-control.board-info > .board-control-input:checked ~ .board-indicator::before {
	outline-color: #5A78FF; 
}
.board-control.board-purple > .board-indicator {
    background: #8C8CD1;
}
.board-control.board-purple > .board-control-input:checked ~ .board-indicator::before {
	outline-color: #8C8CD1; 
}
.board-control.board-warning > .board-indicator {
    background: #ffb300;
}
.board-control.board-warning > .board-control-input:checked ~ .board-indicator::before {
	outline-color: #ffb300; 
}
.board-control.board-danger > .board-indicator {
    background: #FD6B59;
}
.board-control.board-danger > .board-control-input:checked ~ .board-indicator::before {
	outline-color: #FD6B59; 
}
.board-control.board-d3b > .board-indicator {
    background: #8a3d3b;
}
.board-control.board-d3b > .board-control-input:checked ~ .board-indicator::before {
	outline-color: #8a3d3b; 
}
.board-control.board-acbd > .board-indicator {
    background: #73acbd;
}
.board-control.board-acbd > .board-control-input:checked ~ .board-indicator::before {
	outline-color: #73acbd; 
}
.board-control.board-e31d > .board-indicator {
    background: #96031e;
}
.board-control.board-e31d > .board-control-input:checked ~ .board-indicator::before {
	outline-color: #96031e; 
}
.board-control.board-violet > .board-indicator {
    background: #9C27B0;
}
.board-control.board-violet > .board-control-input:checked ~ .board-indicator::before {
	outline-color: #9C27B0; 
}
.board-control.board-red > .board-indicator {
    background: #E91E63;
}
.board-control.board-red > .board-control-input:checked ~ .board-indicator::before {
	outline-color: #E91E63; 
}
.board-control.board-green > .board-indicator {
    background: #009688;
}
.board-control.board-green > .board-control-input:checked ~ .board-indicator::before {
	outline-color: #009688; 
}
.board-control.board-blue1 > .board-indicator {
    background: #795548;
}
.board-control.board-blue1 > .board-control-input:checked ~ .board-indicator::before {
	outline-color: #795548; 
}
.board-control.board-blue2 > .board-indicator {
    background: #673AB7;
}
.board-control.board-blue2 > .board-control-input:checked ~ .board-indicator::before {
	outline-color: #673AB7; 
}
.board-list-task.task-listed li.file-danger a,
.board-list-task.task-listed li.file-success a,
.board-list-task.task-listed li.file-on a,
.board-list-task.task-listed li.file-info a,
.board-list-task.task-listed li.file-primary a {
	color: #fff;
}
.file-attach label {
	background: #FBFBFF;
	border: 1px solid #E3E2FF;
	border-radius: 5px;
	padding: 10px;    
	display: flex;
    align-items: center;
    justify-content: space-between;
	margin-bottom: 20px;
}
.file-attach input {
    width: 100%;
    position: absolute;
    left: 0;
    opacity: 0;
}
.attach-check {
	color: #1DB299;
    display: none;
}
.file-attach input:checked ~ label .attach-check {
    display: inline-block;
    float: right;
}
.file-attach input:checked ~ label {
	border: 1px solid #1DB399;
}
.link-box {
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 5px;
	padding: 5px;
	color: #344357;
}
.text-orange {
	color: #FD6B59;
}
.member-input  {
	width: 50%;
}

.milestone-box {
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 10px;
}
.milestone-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	border: 1px solid #E9E9FF;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 0;
}
.milestone-head h6 {
	font-size: 14px;
	margin-bottom: 0;
}
.milestone-action {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;	
	margin-bottom: 0;
}
.milestone-action span {
	margin-right: 10px;
}
.milestone-head .drop > a {
	border: 1px solid #E9E9FF;
	border-radius: 5px;
	width: 25px;
	height: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
}
.milestone-mode {
	border-left: 1px solid #E9E9FF;
	margin-left: 7px;
	padding-top: 10px;
}
.milestone-box .treeview ul li::after,
.milestone-box .treeview ul .documentation-head::before,
.milestone-box .treeview ul .documentation-head::after,
.milestone-box .treeview ul li::before { 
	background: #E9E9FF;
}
.milestone-action .add-doc  {
	width: 25px;
	height: 25px;
}
.milestone-user-info {
	border: 1px solid #E9E9FF;
	border-radius: 10px;
	padding: 10px;
	margin-left: 20px;
}
.milestone-date {
	padding: 0;
	margin: 0;
}
.milestone-date li {
	display: inline-block;
	margin-right: 25px;
	padding-right: 40px;
	border-right: 1px solid #FD6B59;
	font-size: 10px;
}
.milestone-box .treeview ul .documentation-head:after {
	left: 20px;
}
.milestone-date li:last-child {
	border: 0;
	margin: 0;
	padding: 0;
}
.milestone-users {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #EFF2F5;
	border-width: 1px 0 0 0;
	padding: 10px 0 0;
	margin: 10px 0 0;
}
/*.milestone-box {
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 10px;
}
.milestone-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
}
.milestone-head h6 {
	font-size: 14px;
	margin-bottom: 5px;
}
.milestone-action {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;	
	margin-bottom: 5px;
}
.milestone-action span {
	margin-right: 10px;
}
.milestone-date {
	padding: 0;
	margin: 0;
}
.milestone-date li {
	display: inline-block;
	margin-right: 25px;
	padding-right: 40px;
	border-right: 1px solid #FD6B59;
	font-size: 14px;
}
.milestone-date li:last-child {
	border: 0;
	margin: 0;
	padding: 0;
}*/
.pro-bar-wrap {
	display: inline-block;
	width: 60%;
	background: inherit;
	border-radius: 22.5px;
	text-align: left;
	padding: 0 22px;
}
.taskchart-update-main .chart-values li {
    flex: 15%;
}
.taskchart-update-main {
    overflow: hidden;
    width: 100%;
}
.taskchart-update-main .chart-values.taskchart-update-value li {
    flex: 15% !important;
}
.chart-week.taskchart-update-week {
    width: 100%;
    display: block;
}
.pro-bar-wrap span {
	box-shadow: 0 0 0 4px rgb(255 255 255 / 50%);
    border-radius: 50%;
    display: inline-flex;
    margin-right: 3px;
    margin-left: 10px;
}
.progress-wrap.chart-wrapper .chart-bars {
    width: 100%;
}
.progress-wrap.chart-wrapper .chart-month li {
	flex: 0 0 560px;
}
.month-tab .progress-wrap.chart-wrapper .chart-month li {
    flex: 0 0 1550px;
}
.progress-wrap.chart-wrapper .chart-values li {
    flex: 0 0 40px;
	height: 70px;
    line-height: 18px;
}
.weektaskchat-wrapper .progress-wrap.chart-wrapper .chart-values li {
    flex: 0 0 40px;
}
.progress-wrap.chart-wrapper .chart-values.month-chart-list li {
    flex: 0 0 23px;
}
.chart-wrapper.week-wrapper .chart-values.month-chart-list li {
    height: 40px;
    line-height: 10px;
    padding: 14px 0;
}
.progress-wrap.chart-wrapper .chart-values.month-chart-list li::before {
	content: "";
    width: 1px;
    background-color: #E9E9FF;
    position: absolute;
    left: 22px;
    top: 39px;
    min-height: 1000vh;
}
.progress-wrap.chart-wrapper .chart-values li span {
    display: block;
}
.progress-wrap.chart-wrapper .chart-values li::before {
	content: "";
    width: 1px;
    background-color: #E9E9FF;
    position: absolute;
    left: 52px;
    top: 28px;
    min-height: 1000vh;
}
.progress-wrap.chart-wrapper .chart-values li:last-child::before {
	background-color: transparent;
}
.chart-wrapper.progress-wrap.week-wrapper .chart-values li::before {
    left: auto !important;
    top: 43px;
    right: -1px;
}
.milestone-wrap .title-overview.title-tee-view {
    border: 0;
    margin: 0;
	overflow: initial;
	padding-top: 25px;
}
.milestone-wrap .dropdown-menu.show {
    z-index: 99999 !important;
	overflow: visible !important;
}
.chart-wrapper.progress-wrap.week-wrapper .chart-values li:first-child::before {
	left: 48px;
}
.chart-wrapper.progress-wrap.week-wrapper.year-wrapper-task .chart-values li::before {
	top: 29px;
	left: calc(100% - 0%);
}
.chart-wrapper.progress-wrap.week-wrapper .chart-values.month-chart-list li::before {
	left: 22px;
    top: 39px;
}
.chart-wrapper.progress-wrap.week-wrapper .chart-values.month-chart-list li:last-child::before {
	background-color: transparent;
}
.weektaskchat-wrapper .progress-wrap.chart-wrapper .chart-week li {
    flex: 0 0 280px;
}
.progress-wrap.chart-wrapper .chart-month li {
    flex: 0 0 1120px;
}
.yeartaskchat-tab .progress-wrap.chart-wrapper .chart-month li {
    flex: 0 0 100%;
}
.weektaskchat-wrapper .progress-wrap.chart-wrapper .chart-month li {
    flex: 0 0 1400px;
}
.card-body.chat-card-body {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    max-height: calc(100% - 70px);
}
.progress-wrap.chart-wrapper .chart-week li {
    flex: 0 0 280px;
}
.weektaskchat-wrapper .chart-wrapper.week-wrapper .chart-values li {
	height: 57px;
    line-height: 15px;
    padding: 14px 0;
}
.toggle-sidebar .note-editor .note-toolbar,
.toggle-sidebar1  .note-editor .note-toolbar,
.toggle-sidebar2  .note-editor .note-toolbar,
.toggle-sidebar-add  .note-editor .note-toolbar,
	.toggle-sidebar-edit  .note-editor .note-toolbar{
    display: inline-block;
}
.toggle-sidebar .note-editor .note-toolbar > .note-btn-group,
.toggle-sidebar1 .note-editor .note-toolbar > .note-btn-group,
.toggle-sidebar-add .note-editor .note-toolbar > .note-btn-group,
.toggle-sidebar-edit .note-editor .note-toolbar > .note-btn-group,
.toggle-sidebar2 .note-editor .note-toolbar > .note-btn-group{
	margin-right: 0;
}
.toggle-sidebar .note-editor .note-btn,
.toggle-sidebar1 .note-editor .note-btn,
.toggle-sidebar2 .note-editor .note-btn,
.toggle-sidebar-add .note-editor .note-btn,
.toggle-sidebar-edit .note-editor .note-btn{
    font-size: 12px;
}
.progress-wrap.chart-wrapper .chart-bars li .task-bar {
	height: 45px;
    line-height: 45px;
	border-radius: 22.5px;
	text-align: left;
	margin: 15px 0;
	z-index: 1;
}
.card-taskchart-update .progress-wrap.chart-wrapper .chart-bars li .task-bar {
    height: 36px;
    line-height: 36px;
    border-radius: 22.5px;
    text-align: left;
    margin: 4px 0;
    z-index: 1;
}
/* .card-taskchart-update  .chart-wrapper .chart-bars > li {
    position: relative;
    border-left: 1px solid #E9E9FF;
    border-right: 1px solid #E9E9FF;
    border-top: 0;
    padding: 0px 0 0px;
} */
.taskchart-update-new .tab-content {
    padding-top: 0;
}
.taskchart-update-new .pro-bar-wrap {
    max-width: 164px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	padding-left: 8px;
}
.taskchart-update-new .pro-bar-wrap span {
    margin-right: 8px;
}
.progress-wrap.chart-wrapper .chart-values li.current-day span.day-highlight {
	position: absolute;
    left: 50%;
    top: 67px;
    height: 445px;
    background: #1DB399;
	width: 3px;
}
.progress-wrap.chart-wrapper .chart-values li.current-day span.day-highlight::before {
    content: '';
	position: absolute;
    height: 8px;
	width: 8px;
	background: #1DB399; 
	border-radius: 50%;
	margin-left: -4px;
}
.progress-wrap.chart-wrapper .chart-values li.current-day span.day-highlight::after {
    content: '';
	position: absolute;
	bottom: 0;
    height: 8px;
	width: 8px;
	background: #1DB399; 
	border-radius: 50%;
	margin-left: -4px;
}
.pro-percent {
	display: inline-block;
	float: right;
}
.progress-wrap.chart-wrapper .chart-bars li .task-bar .pro-percent span {
	background: #FFFFFF;
	box-shadow: 0px 2px 6px rgba(254, 127, 46, 0.1);
	border-radius: 14px;
	font-size: 8px;
	color: #000;
	padding: 3px 3px;
	margin-right: 9px;
}
.timeline-cal {
	margin: 39px 0 34px;
	padding: 0;
}
.timeline-cal li {
	display: inline-block;
	margin: 0 15px 15px 0;
}
.timeline-cal li:last-child {
	margin-right: 0;
}
.timeline-cal li a {
	background: #FFFFFF;
	border: 1px solid #4B4B9F;
	border-radius: 5px;
	color: #4B4B9F;
	padding: 9px 20px;
	display: inline-block;
}
.timeline-cal li a.active, .timeline-cal li a:hover {
	background: #4B4B9F;
	border: 1px solid #4B4B9F;
	color: #FFFFFF;
}
.timeline-wrap {
	border: 1px solid #E9E9FF;
	border-radius: 10px;
	padding: 10px;
}
.timeline-row {
    display: -ms-flexbox;
    display: flex;
}
.timeline-date-column {
    min-width: 324px;
    padding: 12px;
    padding-top: 0;
    padding-bottom: 0;
}
.timeline-week-column {
    overflow: auto;
}
.tab-content-new {
    margin-left: 12px;
}
.tab-content-milestone {
    padding-top: 10px;
}
#noteForm .form-group {
    margin-bottom: 0;
}
.card-body.note-edit {
    margin-bottom: 0;
}
.card-body.note-edit .form-group {
	margin-bottom: 0;
}
.chart-wrapper.progress-wrap::-webkit-scrollbar,
.tb::-webkit-scrollbar {
	width: 3px;
    background: #FAFAFF;
	height: 10px;
}
.chart-wrapper.progress-wrap::-webkit-scrollbar-track,
.tb::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #E9ECEF; 
	border-radius: 10px;
}
.chart-wrapper.progress-wrap::-webkit-scrollbar-thumb,
.tb::-webkit-scrollbar-thumb {
	background: #c1c1c1; 
	border-radius: 10px;
}
.chart-wrapper.progress-wrap::-webkit-scrollbar-thumb:hover {
	background: #c1c1c1; 
}
.prog-wrap.progress-wrap .chart-bars li.overall-process .task-bar {
    margin: 8px 0;
	height: 40px;
    line-height: 40px;
    font-size: 11px;
}
.prog-wrap.progress-wrap .chart-bars li .task-bar {
	height: 24px;
    line-height: 24px;
	margin: 5px 0;
}

.prog-wrap.progress-wrap .chart-bars li .task-bar .pro-percent span {
	padding: 2px 5px;
	margin-right: 4px;
	font-size: 10px;
}
.prog-wrap.year-wrapper.progress-wrap .chart-month li {
    flex: 0 0 720px;
}
.prog-wrap.progress-wrap .chart-month li {
    flex: 0 0 1120px;
}
.prog-wrap.progress-wrap .chart-values li {
	flex: 0 0 40px;
	height: 57px;
    line-height: 15px;
}
.progress-wrap.prog-wrap.chart-wrapper .chart-values li::before {
    left: auto !important;
    right: -1px;
}
.progress-wrap.prog-wrap.chart-wrapper .chart-values li.current-date::before{
	left: 0 ! important;
	right:auto;
}
.sprint-chart.month-wrapper .chart-weekend li {
	flex: 0 0 53.66px;
}
.prog-wrap.progress-wrap .chart-week li {
	flex: 0 0 280px;
}
.prog-wrap.progress-wrap.week-wrapper .chart-week {
	margin-bottom: 0;
}
.sprint-chart.month-wrapper .chart-week li {
	flex: 0 0 161px;
}
.sprint-chart.month-wrapper .chart-values li {
    flex: 0 0 23px;
	font-size: 8px;
}
.sprint-chart.month-wrapper .chart-month li {
    flex: 0 0 644px;
}
.prog-wrap.sprint-chart.month-wrapper .chart-bars {
    width: 644px;
}
.relate-actions {
	padding: 0;
}
.relate-actions > li {
	display: inline-block;
	margin-right: 18px;
}
.max-action i, .relate-actions > li > a > i {
	font-size: 20px;
}
.schedule-modal .modal-content {
	background: #FFFFFF;
	border: 1px solid #F4F3FF;
	box-shadow: 0px 23px 14px rgba(213, 228, 235, 0.5);
	border-radius: 5px;
	padding: 0 15px;
}
.schedule-modal .modal-header {
	padding: 15px 0;
	border-bottom: 1px solid #EFF2F5;
}
.schedule-modal .modal-body {
	padding: 15px 0;
}
.schedule-modal .modal-header p {
	font-size: 12px;
	color: #344357;
	margin: 0;
}
.schedule-project p {
	font-size: 14px;
    margin-bottom: 15px;	
}
.schedule-project h4 {
	font-weight: 500;
	font-size: 22px;
	margin-bottom: 15px;
	color: #344357;
}
.schedule-project h6 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 15px;
}
.schedule-namelist {
	padding: 0;
}
.schedule-project .priority {
	font-size: 14px;
}
.schedule-namelist li {
	font-weight: 700;
	font-size: 12px;
	color: #344357;
	margin-bottom: 15px;
}
.schedule-namelist li:last-child {
	margin-bottom: 0;
}

/*-----------------
	22. Kanban
-----------------------*/

.kanban-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow-x: auto;
}
.kanban-wrap::-webkit-scrollbar {
	width: 3px;
    background: #FAFAFF;
	height: 10px;
}
.kanban-wrap::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #FAFAFF; 
	border-radius: 10px;
}
.kanban-wrap::-webkit-scrollbar-thumb {
	background: #344357; 
	border-radius: 10px;
}
.kanban-wrap::-webkit-scrollbar-thumb:hover {
	background: #344357; 
}
.kanban-board {
	width: 350px;
	flex: 0 0 350px;
	margin-right: 25px;
}
.kanbans:last-child .kanban-board {
	margin-right: 0;
}
.kanban-wrap .panel {
	padding-bottom: 15px;
}
.kanban-head {
	margin-bottom: 20px;
}
.kanban-head h6 {
	font-size: 16px;
	margin-bottom: 0;
	padding-top: 20px;
	position: relative;
}
.kanban-head h6:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 61px;
	height: 7px;
	background: #4A4ED6;
	border-radius: 50px;
}
.kanban-info .kanban-head h6:before, .kanban-color-info {
	background: #35C3FC;
}
.kanban-success .kanban-head h6:before, .kanban-color-success {
	background: #3FC34D;
}
.kanban-warning .kanban-head h6:before, .kanban-color-warning {
	background: #FFCC66;
}
.kanban-violet .kanban-head h6:before, .kanban-color-viole {
	background: #9C27B0;
}
.kanban-danger .kanban-head h6:before, .kanban-color-danger {
	background: #ED4A47;
}
.kanban-primary .kanban-head h6:before, .kanban-color-primary {
	background: #ff9b44;
}
.kanban-purple .kanban-head h6:before, .kanban-color-purple {
	background: #7460ee;
}
.kanban-d3b .kanban-head h6:before, .kanban-color-d3b {
	background: #8a3d3b;
}
.kanban-acbd .kanban-head h6:before, .kanban-color-acbd {
	background: #73acbd;
}
.kanban-e31d .kanban-head h6:before, .kanban-color-e31d {
	background: #96031e;
}
.kanban-red .kanban-head h6:before, .kanban-color-red {
	background: #E91E63;
}
.kanban-green .kanban-head h6:before, .kanban-color-gree {
	background: #009688;
}
.kanban-blue1 .kanban-head h6:before, .kanban-color-blue1 {
	background: #795548;
}
.kanban-blue2 .kanban-head h6:before, .kanban-color-blue2  {
	background: #673AB7;
}
.kanban-info .kanban-head h6 i {
	color: #35C3FC;
}
.kanban-success .kanban-head h6 i {
	color: #3FC34D;
}
.kanban-warning .kanban-head h6 i {
	color: #FFCC66;
}
.kanban-violet .kanban-head h6 i {
	color: #9C27B0;
}
.kanban-danger .kanban-head h6 i {
	color: #ED4A47;
}
.kanban-bg-blue {
	border: 1px solid #4A4ED6 !important;
}
.kanban-bg-info {
	border: 1px solid #35C3FC !important;
}
.kanban-bg-success {
	border: 1px solid #3FC34D !important;
}
.kanban-bg-warning {
	border: 1px solid #FFCC66 !important;
}
.kanban-bg-violet {
	border: 1px solid #9C27B0 !important;
}
.kanban-bg-danger {
	border: 1px solid #ED4A47 !important;
}
.board-bg-primary {
	border: 1px solid #ff9b44 !important;
}
.board-bg-success {
	border: 1px solid #4caf50 !important;
}
.board-bg-info {
	border: 1px solid #42a5f5 !important;
}
.board-bg-purple {
	border: 1px solid #7460ee !important;
}
.board-bg-warning {
   border: 1px solid #ffb300 !important;
}
.board-bg-danger {
   border: 1px solid #ef5350 !important;
}
.board-bg-d3b {
   border: 1px solid #8a3d3b !important;
}
.board-bg-acbd {
    border: 1px solid #73acbd !important;
}
.board-bg-e31d {
    border: 1px solid #96031e !important;
}
.board-bg-violet {
    border: 1px solid #9C27B0 !important;
}
.board-bg-red {
    border: 1px solid #E91E63 !important;
}
.board-bg-green {
    border: 1px solid #009688 !important;
}
.board-bg-blue1 {
    border: 1px solid #795548 !important;
}
.board-bg-blue2 {
	border: 1px solid #673AB7 !important;
}
.kanban-list {
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 10px;
	padding: 10px;
	height: auto;
}
#emailat{
	display:none;
}
#emailat.active{
	display: block;
}
.kanban-list::-webkit-scrollbar {
	width: 3px;
    background: #FAFAFF;
	height: 3px;
}
.kanban-list::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #FAFAFF; 
	border-radius: 10px;
}
.kanban-list::-webkit-scrollbar-thumb {
	background: #344357; 
	border-radius: 10px;
}
.kanban-list::-webkit-scrollbar-thumb:hover {
	background: #344357; 
}
.kanban-nodata {
	padding: 230px 0;
	text-align: center;
}
.kanban-nodata img {
	margin-bottom: 25px;
	max-width: 100px;
}
.kanban-nodata p {
	font-size: 12px;
	margin-bottom: 2px;
}
.kanban-box {
	background: #FFFFFF;
	border: 1px solid #F5F5F5;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 15px;
}
.kanban-box:last-child {
	margin-bottom: 0;
}
.board-name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 15px;
}
.board-name h6 {
	font-size: 14px;
	margin: 0 10px 10px 0;
}
.board-name .dropdown {
	color: #344357;
}
.due-date {
	display: inline-block;
	background: #F2F2F2;
	border: 1px dashed #E9E9FF;
	border-radius: 5px;
	font-size: 12px;
	padding: 5px 7px;
	margin: 0 4px 13px 0;
	cursor: pointer;
}
.priority {
	display: inline-block;
	background: #FF0000;
	border-radius: 5px;
	font-size: 12px;
	font-weight: 500;
	padding: 5px 10px;
	color: #FFF;
	margin-bottom: 13px;
	cursor: pointer;
}
.priority.high {
	background: #FF0000;
}
.priority.medium {
	background: #FFCC66;
}
.priority.low {
	background: #3FC34D;
}
.kanban-box .project-name {
	margin-bottom: 15px;
}
.kanban-box .progressset {
    width: 100px;
}
.kanban-box .progresssettop h5, 
.kanban-box .progresssettop h6 {
    font-size: 12px;
	font-weight: 400;
}

/*-----------------
	23. Reports
-----------------------*/

.flag-success {
	filter: brightness(0) saturate(100%) invert(52%) sepia(88%) saturate(343%) hue-rotate(72deg) brightness(87%) contrast(88%);
}
.attach-image {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 10px;
	padding: 8px;
	margin-bottom: 15px;
	position: relative;
    z-index: 9;
}
.attach-img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.attach-img a {
	color: #344357;
}
.attach-img img {
	width: 30px;
	height: 30px;
	border-radius: 10px;
}
.attach-img span {
	margin-left: 5px;
}
.attach-image a {
	color: #FF0000;
}
.com-empty {
	margin: 30px 10px;
}
.com-empty p {
	font-weight: 500;
	color: #000000;
	text-align: center;
	margin-bottom: 0;
}
.comment-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 30px;
}
.comment-img {
	margin-right: 25px;
	flex-shrink: 0;
}
.comment-img img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.comment-box {
	background: #FAFAFF;
	border-radius: 0px 6px 6px 0px;
	padding: 10px;
}
.comment-box h6 {
	font-size: 14px;
	margin-bottom: 10px;
}
.comment-box h6 span {
	font-weight: 400;
	font-size: 12px;
	color: #838383;
}
.thead-dropdown .action-set {
	width: 40px;
	height: 40px;
}
.attach-text {
	font-style: italic;
	font-size: 15px;
	color: #FD6B59;
	margin-bottom: 20px;
}
.report-details {
	background: #FBFBFF;
    border: 1px solid #E3E2FF;
	padding: 10px;
}
.kanban-color {
	width: 100%;
    height: 7px;
    border-radius: 50px;
	display: inline-block;
	margin-bottom: 10px;
}

/*-----------------
	24. Notes
-----------------------*/

.note-group {
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 10px;
	margin-bottom: 20px;
}
.note-group:hover {
	box-shadow: 0px 9px 19px rgba(213, 228, 235, 0.45);
}
.note-head {
	background: #FBFBFB;
	border-radius: 9px 9px 0px 0px;
	padding: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;	
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
}
.note-group.active .note-head {
	background: #C8C8FF;
}
.note-group.active .note-body {
	background: #E9E9FF;
}
.note-group .drop-items {
	margin-bottom: 0;
}
.note-head h6 {
	font-size: 14px;
	margin-bottom: 0;
}
.note-head h6 a {
	color: #344357;
}
.note-head .drop-items > a {
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 5px;
	width: 30px;
	height: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;	
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.note-body {
	padding: 10px;
}
.note-body p {
	font-size: 14px;
	margin-bottom: 16px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.note-body .note-duration {
	font-size: 12px;
	color: #838383;
}
.note-cardbody {
	padding-bottom: 8px !important;
}
.note-btn-item {
	display: inline-flex;
    -webkit-box-align: center;
	-ms-flex-align: center;
 	align-items: center;
	padding-top: 27px;
	justify-content: end;
    width: 100%;
	flex-wrap: wrap;
}
.note-btn-item .btn-activity {
	padding: 9px 10px;
}
.note-btn-item .drop-items > a {
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 5px;
	width: 44px;
	height: 44px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;	
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.note-btn-item ul.project-name, .note-btn-item .mem-add,
.note-btn-item .btn-activity, .note-btn-item .drop-items {
	margin-bottom: 20px;
}
.note-edit .ck-editor__editable_inline {
    height: 600px;
}
.ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) {
	background: #FBFBFF;
	border: 1px solid #E3E2FF;
}
.ck.ck-toolbar {
	background: #FBFBFF;
    padding: 5px;
}
.ck.ck-toolbar>.ck-toolbar__items {
	background: #FFF;
    box-shadow: 0px 1.12694px 3.38082px rgb(0 0 0 / 4%), 0px 0.598509px 1.79553px rgb(0 0 0 / 3%), 0px 0.249053px 0.747159px rgb(0 0 0 / 2%);
}
.btn-sub {
	background: #F15642;
	border: 1px solid #F15642;
	font-weight: 600;
    font-size: 15px;
    min-width: 100px;
    padding: 8px 10px;
}
.btn-sub:hover {
	border: 1px solid #F15642;
	color: #F15642;
}
.search-icon {
	position: relative;
}
.search-icon:after {
	color: #344357;
	content: "\e9c1";
	display: block;
    font-family: "Feather";
    font-size: 15px;
    margin: auto;
    position: absolute;
    right: 15px;
    top: 10px;
}
.note-cardbody .form-control, .note-edit .form-control {
	background: #FBFBFF;
}
.note-cardbody .form-control {
    padding: 15px 35px 15px 15px;
}
.note-cardset {
	max-height: 795px;
	overflow-y: auto;
	overflow-x: hidden;
}
.doc-list .note-head h6 a {
	color: #4B4B9F;
}
.add-doc {
	margin-bottom: 10px;
}
.add-doc, .doc-head .drop-items > a {
	width: 30px;
	height: 30px;
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 5px;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	color: #344357;
}
.doc-head p {
	margin-bottom: 15px;
}
.doc-title {
	display: flex;	
	display: -ms-flexbox;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;	
}
.doc-title h6 {
	font-weight: 600;
	font-size: 18px;
	color: #4B4B9F;
	margin-bottom: 10px;
}
.doc-action {
	display: flex;	
	display: -webkit-box;
	display: -ms-flexbox;
	margin-left: auto;
}
.doc-action .drop-items {
	margin: 0 0 10px 10px;
}
.title-submenu {
	margin-bottom: 20px;
}
.title-overview .title-submenu:last-child {
	margin-bottom: 0;
}
.title-item {
	border: 1px solid #E9E9FF;
	border-radius: 10px;
	padding: 15px;
	display: flex;	
	display: -ms-flexbox;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	cursor: pointer;
}
.title-item.subdrop {
	border-radius: 5px 5px 0 0;
}
.title-item p {
	color: #344357;
	font-weight: 500;
	margin-bottom: 0;
}
.title-item p span {
	margin-right: 10px;
}
.title-item.title-list {
	border: 1px solid #E9E9FF;
    border-radius: 0 0 10px 10px;
	display: block;
	padding-bottom:10px;
	position: relative;
	margin-top:-17px;
}
.title-item.title-list ul {
	margin: 0 0 0;
    padding: 0;
    list-style: none;
}
.title-item.title-list ul li a {
	border: 1px solid #E9E9FF;
	border-radius: 10px;
	padding: 10px;
	display: flex;
	margin-bottom: 10px;
	color: #263238;
	position: relative;
}
.title-item.title-list ul li a.active { 
	background: #F2F2F2;
}
.title-item.title-list {
	display: none;
}
.title-item .dropdown {
	width: 30px;
	height: 30px;
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.add-document {
	margin-bottom: 1.25rem;
	width: 100%;
	font-weight: 500;
	padding: 7px 10px;	
}
.note-list-view:not(:last-child) {
	margin-bottom: 20px;
}
.note-list-view h6 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 20px;
}
.note-list-view h5 {
	font-size: 15px;
	color: #4B4B9F;
	margin-bottom: 20px;
}
.note-list-view h4 {
	font-size: 14px;
	color: #838383;
	margin-bottom: 20px;
}
.note-list-view p {
	font-size: 14px;
}
.note-viewedit {
	max-height: 800px;
	overflow-y: auto;
	overflow-x: hidden;
}/*
.fc-daygrid-body tr {
    height: 120px !important;
}*/
.title-overview {
	max-height: 590px;
	overflow-y: auto;
	overflow-x: hidden;
	margin-bottom: 15px;
}
.title-overview::-webkit-scrollbar,
.test-details::-webkit-scrollbar, .note-viewedit::-webkit-scrollbar,
.note-viewedit::-webkit-scrollbar {
	width: 3px;
    background: #FAFAFF;
	height: 3px;
}
.title-overview::-webkit-scrollbar-track,
.test-details::-webkit-scrollbar-track, .note-viewedit::-webkit-scrollbar,
.note-viewedit::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #FAFAFF; 
	border-radius: 10px;
}
.title-overview::-webkit-scrollbar-thumb,
.test-details::-webkit-scrollbar-thumb, .note-viewedit::-webkit-scrollbar,
.note-viewedit::-webkit-scrollbar-thumb  {
	background: #344357; 
	border-radius: 10px;
}
.title-overview::-webkit-scrollbar-thumb:hover,
.test-details::-webkit-scrollbar-thumb:hover, .note-viewedit::-webkit-scrollbar,
.note-viewedit::-webkit-scrollbar-thumb:hover {
	background: #344357; 
}
.title-item.title-list ul li a span {
	margin-left: auto;
}
.add-back {
	font-weight: 500;
	color: #344357;
	text-decoration: underline;
}
.add-back:hover {
	color: #4B4B9F;
	text-decoration: underline;
}
.card-headersets p {
	margin-bottom: 0;
}
.note-items {  
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;	
}
.note-items .form-group {  
	width: calc(100% - 240px);
}
.note-items .note-btn-item {  
    width: auto;
	margin-left: auto;
}
.btn-create {
	background-color: #FD6B59;
    border: 1px solid #FD6B59;
    box-shadow: inset 0 0 0 0 #ffffff;
	color: #fff;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
	padding: 9px 15px;
	margin-bottom: 70px;
	min-width: 250px;
}
.btn-create:hover {
	background-color: #FFF;
	border: 1px solid #FD6B59;
	box-shadow: inset 0 50px 0 0 #ffffff;
	color: #FD6B59;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
.btn-create-new {
    min-width: 165px;
}
.sub-title-item {
	display: none;
	padding-left: 5px !important;
	width: 100%;
}
.title-list ul li > div {
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;	
}
.title-item .sub-active {
	border: 1px solid #E9E9FF;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    margin-bottom: 10px;
	margin-left: 5px;
}
.title-item .sub-active p {
	font-weight: 400;
    color: #263238 !important;	
}
.log-sub {
	color: #4B4B9F;
	position: relative;
}
.log-sub img {
	position: absolute;
	bottom: -10px;
	left: -60px;
}
.login-sec h1.logs-title {
	max-width: 350px;
	margin-bottom: 25px;
}
.log-sec {
	padding-top: 0;
}
.table-drop {
	position: relative;
}
.table-drop-view {
/*	display: block;*/
	position: absolute;
	top: 17px;
	right: 0;
}

/*-----------------
	25. Test
-----------------------*/

.test-accord {
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 10px;
    width: 100%;   
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    flex-wrap: wrap;
	padding: 20px 20px 10px;
	margin-bottom: 20px;
	color: #344357;
}
.test-accord:last-child {
	margin-bottom: 0;
}
.test-accord p {
	font-weight: 500;
	margin-bottom: 10px;
}
.test-icons {
    display: inline-flex;
    margin-left: auto;
    flex-wrap: wrap;
}
.test-icon.test-width {
	width: 130px;
}
.test-icon {    
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    margin-right: 20px;
    margin-bottom: 10px;
	font-weight: 500;
}
.test-icon .task-icons {
    width: 30px;
    height: 30px;
    margin: 0 10px 0 0;   
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    justify-content: center;
	border-radius: 5px;
}
.test-icon:last-child {
	margin-right: 0;
}
.task-icons.bg-blue {
	background: #4A4ED6;
	color: #FFF;
}
.task-icons.bg-info {
	background: #4FACFE;
	color: #FFF;
}
.task-icons.bg-success {
	background: #42A545;
	color: #FFF;
}
.task-icons.bg-danger {
	background: #ED4A47;
	color: #FFF;
}
.task-icons.bg-yellows {
	background: #FFCC66;
	color: #FFF;
}
.test-tasks{
	padding: 0;
}
.collapsesubmenu {
    background: #F9F9FF;
    position: relative;
    padding-right: 10px;
}
.collapsesubmenu ul {
    padding: 20px 0;
    background: #F9F9FF;
}
.collapsesubmenu ul > li > a {
    border: 1px solid #E9E9FF;
    padding: 10px;
    display: block;
    margin: 0 0 10px 0;
    color: #344357;
    background: #fff;
    border-radius: 5px;
    position: relative;
    z-index: 1;
}
.milestone-heads h5 {
    border-bottom: 1px solid #E9E9FF;
    padding: 29px 0;
    padding: 36px 0;
    margin-bottom: 15px;
}
.collapsesubmenu ul > li > a.active	::before{
	position: absolute;
	content:"";
	background: #E9E9FF;
	width: 20px;
	height: 1px;
	top: 50%;
	left: 100%;
}
.file-tickets > a{
	display: none;
}
.file-tickets {
    min-height: 330px;
}
.file-tickets {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.viewassets h4 {
    font-size: 18px;
    margin-bottom: 15px;
}

.viewassets ul {
    padding: 0;
}

.viewassets ul li {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #EFF2F5;
    padding: 10px 0;
}
.max-widthprogress{
	width:125px !important;
}
.viewassets ul li h5 {
    font-size: 14px;
    min-width: 150px;
    margin: 0;
    color: #838383;
}

.viewassets ul li h6 {
    font-size: 14px;
    margin: 0;
}
.note-btn-set a {
    font-size: 20px;
}
/*.test-box-append::before {*/
.test-steps .test-box-append::before {
    height: 100%;
    width: 1px;
    top: 0;
    position: absolute;
    content: "";
    left: -23px;
 /*   z-index: 999999;*/
    background: #E9E9FF;
}
.collapsesubmenu ul > li > a.active,
.collapsesubmenu ul > li > a:hover{
	background: #4B4B9F;
	color: #FFFFFF;
}
.module-sets {
    margin-bottom: 15px;
}
.collapsesubmenu ul > li {
    position: relative;
    padding-left: 35px;
}
.collapsesubmenu ul::after {
    position: absolute;
    content: "";
    background: #E9E9FF;
    width: 1px;
    height: 100%;
    left: 20px;
    top: 0;
    display: block;
}
.collapsesubmenu ul > li:last-child > a {
    margin: 0;
}
.collapsesubmenu ul > li > a::after {
    position: absolute;
    content: "";
    background: #E9E9FF;
    width: 15px;
    height: 2px;
    left: -15px;
    top: 49%;
    z-index: -6;
}
.collapsesubmenu ul > li > .input-scerio::after {
    position: absolute;
    content: "";
    background: #E9E9FF;
    width: 15px;
    height: 2px;
    left: -15px;
    top: 49%;
    z-index:1;
}
span.glyphicon.glyphicon-chevron-up:before {
    content: "\f106";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #333;
    position: absolute;
}
span.glyphicon.glyphicon-chevron-down:before {
    content: "\f107";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #333;
    position: absolute;
}
.collapsesubmenu ul > li > .input-scerio{
	position: relative;
}
.collapsesubmenu ul > li > a.active::before {
    position: absolute;
    content: "";
    background: #E9E9FF;
    width: 68px;
    height: 1px;
    left: 100%;
    top: 49%;
    z-index: -6;
}
.content-setview a {
    background: #E3E3E3;
    width: 100%;
    display: block;
    border: 1px solid #E3E3E3;
    padding: 10px;
    border-radius: 0 0 10px 10px;
    color: #888888;
}
.module-action {
    position: absolute;
    right: 7px;
    top: 7px;
}
.module-lefts {
    position: relative;
}
.task-listview {
    width: 100%;
    background: #4B4B9F;
    border: 1px solid #E9E9FF;
	border-bottom: 0;
    border-radius: 5px 5px 0 0;
    padding: 10px;
    color: #fff !important;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.task-listview.test-task span {
    background: transparent;
	color:#fff;
}
.btn-scanario{
	background: #F2F2F2;
	width: 100%;
	color: #888888;
	text-align: left;
}
.test-steps {
    padding-left: 30px;
    position: relative;
    height: 100%;
}
.test-steps::after {
    position: absolute;
    content: "";
    background: #E9E9FF;
    width: 1px;
    height: 100%;
    left: 8px;
    top: 0;
}
.test-steps .test-box {
    position: relative;
}
.test-steps .test-box::after {
    position: absolute;
    content: "";
    background: #E9E9FF;
    width: 23px;
    left: -23px;
    top: 50%;
    height: 1px;
}
.task-listview.collapsed {
    width: 100%;
    background: #fff;
    border: 1px solid #E9E9FF;
    border-radius: 5px ;
    padding: 10px;
    color: #344357 !important;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.task-listview.test-task.collapsed span {
    background: #FBFBFB;
	color:#344357;
}
.test-icon .progressset {
    width: 180px;
}
.test-icon .progresssettop {
	justify-content: start;
}
.test-icon .progresssettop h5 {
	margin-right: 13px;
}
.eq-column-5 .col-equal {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0 5px;
}
.test-view-body .task-card {
	min-height: 110px;
}
.test-view-body .task-card:before {
	right: -14px;
}
.test-view-body .task-status p {
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 15px;
}
.test-view-body .task-status span {
	bottom: 10px;
	right: 10px;
}
.test-view-body .task-progress .task-status p {
	font-size: 12px;
}
.test-list {
	padding: 0;
	display: -ms-flexbox;
	display: flex;
	flex-wrap:wrap;
}
.test-list li {
	margin-right: 40px;
}
.test-list li a {
	font-size: 16px;
	font-weight: 600;
	color: #344357;
	padding: 0 10px 22px;
	border-bottom: 2px solid transparent;
}
.test-list li a.active {
	border-bottom: 2px solid #FD6B59;	
}
.test-task {
	padding: 0;
    list-style: none;
	margin: 0;
	max-height: 720px;
    overflow-y: auto;
}
.test-task span {
	width: 25px;
	height: 25px;
	display: inline-flex;
    align-items: center;
    justify-content: center;
	background: #FBFBFB;
	border-radius: 5px;
	color: #344357;
	margin-right: 5px;
}
.test-task li {
	display: flex;
    align-items: center;
	margin-bottom: 20px;
}
.test-task li:last-child {
	margin-bottom: 0;
}
.test-task li a {
	width: 100%;
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 5px;
	padding: 10px;
	color: #344357;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.test-details {
/*	max-height: 716px;
    overflow-y: auto;*/
	overflow-x: hidden;
}
.step-icons {	
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 10px;
}
.step-icons p {
	color: #4B4B9F;
}
.num-step {
	width: 25px;
	height: 25px;
	display: inline-flex;
    align-items: center;
    justify-content: center;
	background: #FBFBFB;
	border-radius: 5px;
	color: #0E0E0E !important;
	margin-right: 5px;
}
.test-task li.active span {
	background: #4B4B9F;
    color: #FFF;
}
.test-box {
	border: 1px solid #E9E9FF;
	border-radius: 10px;
	margin-bottom: 20px;
}
.test-box:last-child {
	margin-bottom: 0;
}
.step-infos, .step-action {
    display: flex;
}
.step-action {
	padding-left: 10px;
	margin-bottom: 10px;
	margin-left: auto;
}
.step-action li:not(:last-child) {
	margin-right: 10px;
}
.step-infos p {
	margin-bottom: 10px;
}
.test-detail {
	padding: 10px 10px 0;
}
.test-users {
	border-top: 1px solid #EFF2F5;
	padding: 10px 10px 0;
}
.user-infos {
	display: -ms-flexbox;
	display: flex;	
	margin-bottom: 10px;
}
.user-infos .user-step {
	color: #252627;
	flex-shrink: 0;
}
.user-step {
	width: 30px;
	height: 30px;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    justify-content: center;
	background: rgba(222, 226, 230, 0.5);
	border-radius: 5px;
	color: #FFF;
	margin-right: 10px;
}
.user-date {
	margin-right: 20px;
	width: 110px;
}
.user-date .user-step {
	background: #ED4A47;
}
.user-pass {
	width: 105px;
}
.user-pass .user-step {
	background: #455A64;
}
.user-names {
	background: #FF8E3E;
	color: #FFF !important;
}
.user-success {
	color: #42A545;
}
.user-fail {
	color: #FF0000;
}
.user-infos img {
	width: 30px;
	height: 30px;
	border-radius: 50px;
	margin-right: 10px;
}
.user-attachment {
	margin-left: 60px;
}
.file-attachment {
	background: #4B4B9F;
	border-radius: 5px;
	padding: 6px;
	color: #FFF;
	text-align: center;
	width: 60px;
}
.file-attachment:hover, .file-comment:hover {
	color: #FFF;
}
.file-comment {
	background: #407BFF;
	border-radius: 5px;
	padding: 6px;
	color: #FFF;
	text-align: center;
	width: 60px;
}
.user-data {
	display: flex;
    justify-content: end;
    flex-wrap: wrap;
}
.user-data > div {
	margin-bottom: 10px;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 12px;
}
.btn-detail {
	background: #FFFFFF;
	border: 1px solid #4B4B9F;
	border-radius: 5px;
	padding: 4px 14px;
	color: #4B4B9F;
	display: inline-block;
	font-size: 14px;
	transition: all 0.4s;
}
.btn-detail:hover {
    box-shadow: inset 0 50px #4b4b9f;
    color: #fff;
}
.btn-test {
	background: #FF9B44;
	border: 1px solid #FF9B44;
	border-radius: 5px;
	padding: 4px 14px;
	color: #FFF;
	font-size: 14px;
	display: inline-block;
}
.btn-test:hover {
    box-shadow: inset 0 50px #FFF;
    color: #FF9B44;
}
.main-drop .dropdown {
	width: 30px;
	height: 30px;
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 5px;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	color: #344357;
}
.documentation-main .add-doc {
    width: 25px;
    height: 25px;
}
.documentation-main  .main-drop .dropdown {
	width: 25px;
	height: 25px;
}
.step-information .form-control {
	background: #FBFBFF;
}
.step-information label {
	font-weight: 500;
}
.sample-file {
	background: #FFFFFF;
	border: 1px solid #138146;
	border-radius: 5px;
	padding: 8px 6px;
	text-align: center;
	color: #138146;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 20px;
}
.sample-file img {
	margin-right: 10px;
}
.bug-accord .test-icons {
	margin-left: 0;
}
.bug-accord > .test-icon {
	margin-left: auto;
}
.task-darkblue {
	background: #4A4ED6;
}
.user-infos h6 {
	font-size: 12px;
	font-weight: 400;
	color: #838383;
}
.create-acc {
	margin-bottom: 4px;
}
.test-add {
	width: 30px;
	height: 30px;
	background: #E9E9FF;
	border: 1px dashed #4B4B9F;
	border-radius: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.user-high {
	background: #FF0000;
	border-radius: 5px;
	font-weight: 500;
	padding: 7px 22px;
	color: #FFF;
}
.view-activity .activity-feed .feed-item:before,
.view-activity .activity-feed .feed-item:after {
	content: none;
}
.view-activity .activity-feed .feed-item {
	padding-left: 0;
	border-bottom: 1px solid #EFF2F5;
	padding-bottom: 8px;
	margin-bottom: 8px;
}
.view-activity .activity-feed .feed-item:last-child {
	border-bottom: 0;	
}
.time-track h6 {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 20px;
}
.time-track h5 {
	font-weight: 600;
	font-size: 20px;
	color: #4B4B9F;
	margin-bottom: 25px;
}
.bug-feed {
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.time-track .activity-feed .feed-item {
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
}
.time-track .activity-feed .feed-item a {
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 10px;
}
.bug-navlist {
	border-bottom: 1px solid #EFF2F5;
	margin-bottom: 20px;
}
.bug-navlist li {
	margin: 0 10px 0 0;
}
.bug-navlist li a {
	font-weight: 500;
	padding: 10px 10px;
	display: inline-block;
	color: #344357;
}
.bug-navlist li a.active {
	border-bottom: 2px solid #FD6B59;
}
.create-user {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.create-acc {
	margin-right: 10px;		
}
.create-acc:last-child {
	margin-right: 0;	
}

/*-----------------
	26. Statistics
-----------------------*/

.btn-month {
	background: #E9E9FF;
	border-radius: 5px;
	color: #344357;
	font-size: 14px;
	padding: 8px 20px;
	min-width: 100px;	
}
.btn-month.active {
	background: #4B4B9F;
	color: #FFF;
}
.btn-book {
	background: #FBFBFF;
	border: 1px solid #E3E2FF;
	border-radius: 5px;
	color: #344357;
    font-size: 14px;
    padding: 8px 13px;
}
.daterangepicker .ranges li.active {
	background: #407BFF;
}
.daterangepicker .calendar-table th {
	font-weight: 500;
	color: #718096;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
	min-width: 28px;
	width: 28px;
	height: 28px;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
	background: #407BFF;
	border-radius: 50%;
}
.process-title {
	background: #F9F9FF;
	margin-bottom: 30px;
	min-height: 111px;
	text-align: center;
	padding: 10px;
}
.process-title h5 {
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.process-title ul {
	padding: 0;
	margin: 0;
	width: 100%;
    display: flex;
}
.process-title ul li {
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	border-radius: 5px;
	padding: 10px;
	display: inline-block;
	width: 50%;
    margin-right: 5px;
}
.progress-days li a {
	background: #E9E9FF;
	border-radius: 5px;
	padding: 8px 20px;
	border: 1px solid transparent;
	display: inline-block;
	text-align: center;
}
.progress-days li a.active {
	background: #4B4B9F;
	color: #FFF;
}
.chart-wrapper .chart-bars li.overall-process {
	border-top: 1px solid #E9E9FF;
	border-radius: 5px 5px 0 0;
} 
.chart-wrapper .chart-bars li.overall-process .task-bar {
	margin: 48px 0;
}
.sprint-prog .progress-days li a {
	padding: 8px 15px;
}
.task-chat-up {
    font-weight: 400;
    font-size: 14px;
    padding: 10px;
    min-width: 170px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #4B4B9F;
    text-align: center;
    border-radius: 5px;
    display: block;
}
.taskchat-update-group li a.active {
    background: #4B4B9F;
    color: #FFF;
}
.taskchat-update-group li {
    margin-right: 20px;
}
.task-chat-list, .task-chat-lists {
    font-weight: 400;
    font-size: 14px;
    padding: 10px;
    min-width: 96px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #4B4B9F;
    text-align: center;
    border-radius: 5px;
    display: block;
}
.taskchat-list  li a.active {
    background: #4B4B9F;
    color: #FFF;
}
.taskchat-list li {
    margin-right: 15px;
}
.taskchart-update {
    display: block;
    margin: 0 auto;
    max-width: 26px;
    max-height: 40px;
}
.taskchart-update.danger .circle {
    stroke: #ED4A47;
}
.taskchart-update.purple .circle {
    stroke: #9C27B0;
}
.taskchart-update.blue .circle {
    stroke: #35C3FC;
}
.taskchart-update.green .circle {
    stroke: #179F49;
}
.taskchart-update.warning .circle {
    stroke: #ffcc66;
}
.taskchart-update.violet .circle {
    stroke: #9c27b0;
}
.taskchart-update.orange .circle {
    stroke: #FF9B44;
}
.taskchart-update.orange .warning {
    stroke: #ffcc66;
}
.tab-content-taskchat .task-lists .sub-tasks li {
    border: 0;
}
.tab-content-taskchat {
    padding-top: 1.25rem;
}
.dropdown.task-drop .dropdown-item {
    padding: 6px 10px;
}
.tab-content-taskchat .task-headersets h2 {
    margin-bottom: 1.25rem;
}
.tab-content-taskchat .task-lists {
    margin-bottom: 1.25rem;
}
/*-----------------
	27. Settings
-----------------------*/

.over-title {
	margin-bottom: 30px;
}
.over-title h5 {
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 8px;
}
.over-title p {
	color: #808080;
	margin-bottom: 8px;
}
.overview-img {
	width: 150px;
	height: 150px;
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	border-radius: 10px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	margin: 0 auto 20px;
}
.overview-basic h3 {
	font-size: 20px;
	text-align: center;
	margin-bottom: 60px;
}
.over-sec {
	padding: 20px;
}
.lang-list {
	padding: 0;
}
.lang-info p {
	margin-bottom: 9px;
}
.lang-info h6 {
	font-size: 14px;
	margin-bottom: 0;
}
.lang-list li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid #E9E9FF;	
	padding: 20px;
}
.lang-list li:last-child {
	border-bottom: 0;
}
.lang-img {
	margin-right: 15px;
	flex-shrink: 0;
}
.view-img {
	background: #FFFFFF;
	border: 1px solid #E3E2FF;
	border-radius: 5px;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	max-width: 330px;
	padding: 10px;
	margin-bottom: 30px;
}
.view-img .img-box {
	padding: 10px;
	border: 1px solid #E9E9FF;
	margin-right: 10px;
	text-align: center;
}
.action-verify .action-sets {
	min-width: 140px;
}
.text-verified i {
	color: #1DB299;
}
.text-noverified i {
	color: #FF0000;
}
.sign-box {
	padding: 24px;
	border-bottom: 1px solid #EFF2F5;
}
.sign-box:last-child {
	border: 0;
}
.signin-view h6 {
	font-size: 14px;
	color: #344357;
	margin-bottom: 8px;
}
.signin-view p {
	font-weight: 500;
	color: #4B4B9F;
	margin-bottom: 10px;
}
.btn-mail {
	background: #F15642;
	border-color: #F15642;
}
.btn-mail:hover {
	color: #F15642;
}
.pass-text {
	color: #FD6B59;
	font-style: italic;
}
.btn-verify {
	background: #3FC34D;
	border: 1px solid #3FC34D;
	border-radius: 5px;
	color: #FFF;
	padding: 8px 20px;
    font-weight: 600;
    font-size: 15px;
	box-shadow: inset 0 0 0 0 #ffffff;
	-webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
.btn-verify:hover {
	color:  #3FC34D;	
    background-color: #FFF;
	box-shadow: inset 0 50px 0 0 #ffffff;
}
.activate-box {
	background: #EAFFFB;
	border: 1px dashed #1DB399;
	border-radius: 5px;
	padding: 30px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 40px;
}
.activate-box.danger-box {
	background: #FFF7F7;
	border: 1px dashed #FF0000;
}
.activate-info h6 {
	font-size: 18px;
	margin-bottom: 20px;
}
.activate-info p {
	margin-bottom: 0;
}
.active-icon {	
	margin-right: 20px;
}
.acc-confirm {
	margin-left: 15px;
}
.acc-confirm p {
	font-size: 12px;
	color: #FD6B59;
	font-style: italic;
}
.activate-wrap h6 {
	font-size: 18px;
	margin-bottom: 20px;
}
.activate-wrap .btn-submit {
	margin-bottom: 50px;
}
.domain-success.domain-group .input-group-text {
	background: #1DB299;
}
.domain-success .form-control {
	border: 1px solid #1DB299;
}
.domain-grp {
	position: relative;
	flex: 1 1 auto;
}
.domain-grp span {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	color:  #1DB299;
}
.profile-edit {
	position: relative;	
}
.profile-edit img {
	width: 150px;
	height: 150px;
	border-radius: 20px;
	margin-bottom: 30px;
}
.profile-edit a {
	width: 120px;
	background: rgba(0, 0, 0, 0.73);
	border-radius: 20px;
	padding: 4px;
	color: #FFF;
	font-size: 12px;
	position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
}
.pagination-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.no-pagination p {
	font-size: 12px;
	margin-bottom: 24px;
}
.pagination-list .pagination {
	flex-wrap: wrap;
	margin-bottom: 24px;
}
.page-item.previous a.page-link, .page-item.next a.page-link {
	margin: 0;
}

/*-----------------
	28. Switch Buttons
-----------------------*/

.toggle-switch {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer
}
.toggle-switch:not(.form-group) {
	margin-bottom: 0
}
.toggle-switch-input {
	position: absolute;
	z-index: -1;
	opacity: 0
}
.toggle-switch-content {
	-ms-flex: 1;
	flex: 1;
	margin-left: .5rem
}
.toggle-switch-label {
	position: relative;
	display: block;
	width: 50px;
	height: 26px;
	background-color: #E9E9EA;
	background-clip: content-box;
	border: .125rem solid transparent;
	border-radius: 16px;
	transition: .3s;
}
.toggle-switch-indicator {
	position: absolute;
	left: 0.5rem;
	bottom: 50%;
	width: 20px;
	height: 20px;
	background-color: #fff;
	-webkit-transform: initial;
	transform: initial;
	box-shadow: 0 3px 6px 0 rgba(140, 152, 164, .25);
	border-radius: 50%;
	-webkit-transform: translate3d(0, 50%, 0);
	transform: translate3d(0, 50%, 0);
	transition: .3s;
}
.toggle-switch-input:checked + .toggle-switch-label {
	background-color: #65C466;
}

.toggle-switch-input:checked+.toggle-switch-label .toggle-switch-indicator {
	-webkit-transform: translate3d(1.025rem, 50%, 0);
	transform: translate3d(1.025rem, 50%, 0);
}
.toggle-switch-input.is-valid + .toggle-switch-label {
	background-color: #00c9a7
}
.toggle-switch-input.is-invalid + .toggle-switch-label {
	background-color: #ed4c78
}
.toggle-switch-input:disabled + .toggle-switch-label {
	background-color: rgba(231, 234, 243, .5)
}
.toggle-switch-input:checked:disabled + .toggle-switch-label {
	background-color: rgba(55, 125, 255, .5)
}
.toggle-switch-sm .toggle-switch-label {
	width: 2.5rem;
	height: 1.6125rem
}
.toggle-switch-sm .toggle-switch-indicator {
	width: 1.20938rem;
	height: 1.20938rem
}
.toggle-switch-sm .toggle-switch-input:checked + .toggle-switch-label .toggle-switch-indicator {
	-webkit-transform: translate3d(.81094rem, 50%, 0);
	transform: translate3d(.81094rem, 50%, 0);
}
 
/*-----------------
	29. Profile
-----------------------*/


.cal-dateicon {
	position: relative;
}
.cal-dateicon label {
	position: absolute;
    right: 0;
    top: 50%;
}
.cal-dateicon .icon-date {
    position: absolute;
    right: 15px;
    top: 50%;	
	transform: translateY(-50%);
}
.profile-cover {
    position: relative;
    padding: 1.75rem 2rem;
    border-radius: .75rem;
    height: 10rem;
}
.profile-cover-wrap {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 10rem;
    background-color: #e7eaf3;
    border-radius: .75rem;
}
.profile-cover-img {
    width: 100%;
    height: 10rem;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: top;
    border-radius: .75rem;
}
.cover-content {
    position: relative;
    z-index: 1;
    padding: 1rem 2rem;
    position: absolute;
    bottom: 0;
    right: 0;
}
.custom-file-btn {
    position: relative;
    overflow: hidden;
}
.custom-file-btn-input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.profile-cover-avatar {
    display: -ms-flexbox;
    display: flex;
    margin: -6.3rem auto .5rem auto;
    border: 3px solid #fff;
	border-radius: 50%;
}
.profile-cover-avatar input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(19,33,68,.25);
    border-radius: 50%;
    transition: .2s;
}
.avatar-edit {
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #677788;
    background-color: #fff;
    border-radius: 50%;
    transition: .2s;
	box-shadow: 0 3px 6px 0 rgba(140,152,164,.25);
}
.avatar-edit svg {
	width: 18px;
}
.card-table div.table-responsive > div.dataTables_wrapper > div.row:first-child {
	padding: 1.5rem 1.5rem 0;
}
.card-table div.table-responsive > div.dataTables_wrapper > div.row:last-child {
	padding: 0 1.5rem 1.5rem;
}
div.dataTables_wrapper div.dataTables_filter label {
	margin-bottom: 0;
	position: relative;
}
div.dataTables_wrapper div.dataTables_filter label i {
    position: absolute;
    top: 13px;
    left: 10px;
    font-size: 14px;
}
div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 10px;
    display: inline-block;
    width: auto;
    padding-left: 30px;
    border: 1px solid #E5E5E5;
    color: #1B2559;
    height: 40px;
	border-radius: 8px;
}
#filter_inputs {
    display: none;
}
.input-label {
    display: block;
    color: #1e2022;
    font-size: .875rem;
}
.submit-section {
	text-align: center;
	margin-top: 40px;
}
.submit-btn {
    border-radius: 50px;
    font-size: 18px;
    font-weight: 600;
    min-width: 200px;
    padding: 8px 20px;
}
.card-body-height {
    height: 28rem;
    overflow: hidden;
    overflow-y: auto;
}
.profile-cover-avatar .avatar-img {
    display: block;
    max-width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none;
    border-radius: 50%;
}

.check {
    display: block;
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    position: absolute;
}
.checktoggle {
	background-color: #C4C4C4;
    border: 1px solid #C4C4C4;
    border-radius: 12px;
    cursor: pointer;
    font-size: 0;
    height: 15px;
    margin-left: 10px;
    top: 3px;
    margin-bottom: 0;
    position: absolute;
    width: 30px;
    display: inline-block;
}
.checktoggle:after {
	content: ' ';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(5px, -50%);
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 50%;
	transition: left 300ms ease, transform 300ms ease;
}
.check:checked + .checktoggle {
    background-color: #7638FF;
    border: 1px solid #7638FF;
}
.check:checked + .checktoggle:after {
	background-color: #fff;
	left: 100%;
	transform: translate(calc(-100% - 5px), -50%);
}
.onoffswitch {
	margin-left: auto;
    position: relative;
	width: 73px;
    -webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; 
	overflow: hidden; 
	cursor: pointer;
	border-radius: 20px;
	margin-bottom: 0;
}
.onoffswitch-inner {
	display: block;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
    width: 200%;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    box-sizing: border-box;
    color: #fff;
    display: block;
    float: left;
    font-size: 16px;
    height: 30px;
    line-height: 32px;
    padding: 0;
    width: 50%;
}
.onoffswitch-inner:before {
	background-color: #55ce63;
    color: #fff;
    content: "ON";
    padding-left: 14px;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 14px;
    background-color: #ccc;
    color: #fff;
    text-align: right;
}
.onoffswitch-switch {
    background: #fff;
    border-radius: 20px;
    bottom: 0;
    display: block;
	height: 20px;
    margin: 5px;
    position: absolute;
    right: 43px;
    top: 0;
    transition: all 0.3s ease-in 0s;
    width: 20px;
}
.details-set ul {
	display: flex;
	align-items: start;
	padding: 0;
	flex-wrap: wrap;
}
.details-set ul li {
	 width: 20%; 
	padding: 0 3px;
}
.details-set ul li.active .project-status {
	border: 1px solid #4B4B9F;
}
.details-set .project-status {
	min-height: 165px;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
.header-nav .dropdown-menu {
    transition: all 0.5s;
    transform: translate(0px, 60px);
	margin-top: 8px !important;
}
.dropdown-menu{
	padding: 0;
}
.dropdown-menu a:hover{
	background: #eee;
	color: #333;
}
.mobile-show{
	display: none;
}
.card-headers h5.card-title {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}
.project-nodata {
	width: 100%;
	border: 1px solid #E9E9FF;
	text-align: center;
	padding: 100px 0;
}
.project-nodata p {
	color: #344357;
	font-size: 16px;
	font-weight: 500;
}

/*-----------------
	30. Calendar
-----------------------*/

.calendar-events {
    border: 1px solid transparent;
    cursor: move;
    padding: 10px 15px;
}
.calendar-events:hover {
	border-color: #e9e9e9;
    background-color: #fff;
}
.calendar-events i {
    margin-right: 8px;
}
.calendar {
	float: left;
	margin-bottom: 0;
}
.fc-toolbar.fc-header-toolbar {
    margin-bottom: 1.5rem;
	flex-wrap: wrap;
}
.fc-toolbar-chunk {
	margin-bottom: 10px;
}
.none-border .modal-footer {
	border-top: none;
}
.fc-toolbar h2 {
	font-size: 18px;
	font-weight: 600;
	font-family: 'Roboto', sans-serif;
	line-height: 30px;
	text-transform: uppercase;
}
.fc-day-grid-event .fc-time {
	font-family: 'Roboto', sans-serif;
}
.fc-day {
	background: #fff;
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active,
.fc-toolbar button:focus,
.fc-toolbar button:hover,
.fc-toolbar .ui-state-hover {
	z-index: 0;
}
.fc th.fc-widget-header {
	background: #eeeeee;
	font-size: 14px;
	line-height: 20px;
	padding: 10px 0;
	text-transform: uppercase;
}
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
	border-color: #f3f3f3;
}
.fc-basic-view .fc-day-number, 
.fc-basic-view .fc-week-number {
    padding: 2px 5px;
}
.fc-button {
	background: #f1f1f1;
	border: none;
	color: #797979;
	text-transform: capitalize;
	box-shadow: none !important;
	border-radius: 3px !important;
	margin: 0 3px !important;
	padding: 6px 12px !important;
	height: auto !important;
}
.fc-text-arrow {
	font-family: inherit;
	font-size: 16px;
}
.fc-state-hover {
	background: #f3f3f3;
}
.fc-state-highlight {
	background: #f0f0f0;
}
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
	background-color: #7638ff !important;
	color: #fff !important;
	text-shadow: none !important;
}
.fc-cell-overlay {
	background: #f0f0f0;
}
.fc-unthemed .fc-today {
	background: #fff;
}
.fc-event {
	border-radius: 5px;
	border: none;
	color: #fff !important;
	cursor: move;
	font-size: 12px;
	margin: 1px 7px;
	padding: 1px 5px;
	text-align: left;
}
.fc-basic-view td.fc-week-number span {
	padding-right: 8px;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
}
.fc-basic-view td.fc-day-number {
	padding-right: 8px;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
}
.event-form .input-group .form-control {
	height: 40px;
}
.fc .fc-toolbar-title {
	font-size: 16px;
}
.fc .fc-col-header-cell-cushion {
    padding: 10px 4px !important;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
}
.fc .fc-button-primary {
	background: #FFFFFF;
	border: 1px solid #4B4B9F;
	border-radius: 5px;
	color: #4B4B9F;
}
.fc .fc-button {
	font-size: 14px;
	font-weight: 700;
}
.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {
	background: #4B4B9F;
	border: 1px solid #4B4B9F;
}
.fc .fc-daygrid-event, .fc-popover-body  .fc-h-event .fc-event-title {
	color: #344357 !important;
}
.fc-popover-body  .fc-h-event .fc-event-title {
	font-weight: 700;	
}
.fc-theme-standard .fc-popover-header {
	background: #FFF;
	border-bottom: 1px solid #EFF2F5;
	padding: 10px 10px;
	color: #344357;
}
.fc-theme-standard .fc-popover {
	border: 1px solid #F4F3FF;
	box-shadow: 0px 23px 14px rgba(213, 228, 235, 0.5);
	border-radius: 5px;
}
.fc-popover-body  .fc-h-event {
	background-color: #FFF !important;
	color: #344357 !important;
}
.fc .fc-popover-close {
    color: #FF0000;
}
.fc-toolbar-chunk .btn-group>.btn {
	border-radius: 5px !important;
}
.fc-toolbar-chunk .btn-primary.active {
	background: #4B4B9F;
	border: 1px solid #4B4B9F;
	border-radius: 5px;
	box-shadow: none;
}
.fc-toolbar-chunk .btn-primary {
	background: #FFFFFF;
	border: 1px solid #4B4B9F;
	border-radius: 5px;
	color: #4B4B9F;
}
.fc-toolbar-chunk .fc-prev-button, .fc-toolbar-chunk .fc-next-button {
	width: 40px;
	height: 40px;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.fc-toolbar-chunk .btn-group>.btn-group:not(:first-child), .fc-toolbar-chunk .btn-group>.btn:not(:first-child) {
    margin-left: 8px;
}
.fc-timeGridDay-view .fc-event {
	margin: 30px 0 30px 15px;
    padding: 6px 5px;
}
.fc-dayGridDay-view .fc-daygrid-block-event {
	font-size: 12px;
    margin: 0 20px 40px !important;
    padding: 4px 5px;
}
.fc-dayGridDay-view .fc-daygrid-day-events .fc-daygrid-event-harness:first-child .fc-daygrid-block-event {
	margin-top: 40px !important;
}
.fc-col-header-cell  {
	background: #F5F5F5;
}

.submit-section {
	text-align: center;
	margin-top: 40px;
}
.submit-btn {
    border-radius: 50px;
    font-size: 18px;
    font-weight: 600;
    min-width: 200px;
    padding: 10px 20px;
}
.holiday-settings-add {
    background: #F4F4F4;
    border-radius: 10px;
    padding: 10px;
}
.calender-leave-list {
    margin-bottom: 20px;
}

/*-----------------
	31. Inbox
-----------------------*/

.dropdown-action {
	margin-bottom: 5px;
}
.dropdown-action .dropdown-toggle:after {
	display: none;
}
.action-icon {
    color: #333;
    font-size: 18px;
    display: inline-block;
}
.table-inbox input[type="radio"],
.table-inbox input[type="checkbox"] {
	cursor: pointer;
}
.mail-list {
	list-style: none;
	padding: 0;
}
.mail-list > li > a {
	color: #333;
	display: block;
	padding: 10px;
}
.mail-list > li.active > a {
	color: #7638ff;
	font-weight: bold;
}
.unread .name,
.unread .subject,
.unread .mail-date {
	color: #000;
	font-weight: 600;
}
.table-inbox .starred.fas.fa-star {
	color: #ffd200;
}
.table.table-inbox > tbody > tr > td,
.table.table-inbox > tbody > tr > th,
.table.table-inbox > tfoot > tr > td,
.table.table-inbox > tfoot > tr > th,
.table.table-inbox > thead > tr > td,
.table.table-inbox > thead > tr > th {
    border-bottom: 1px solid #f2f2f2;
    border-top: 0;
}
.table-inbox {
	font-size: 15px;
	margin-bottom: 0;
}
.table.table-inbox thead {
	background-color: #fff;
}
.note-editor.note-frame {
	background: #fff;
	border:1px solid #E9E9FF;
	border-radius: 5px;
    box-shadow: inherit;
}
.note-editor.note-frame .note-statusbar {
	background-color: #fff;
}
.note-editor.note-frame.fullscreen {
	top: 60px;
}
.note-editor.note-frame .btn-light {
    background-color: transparent;
    box-shadow: unset;
    color: #333;
}
.mail-title {
	font-weight: bold;
	text-transform: uppercase;
}
.form-control.search-message {
    border-color: #ccc;
    border-radius: 4px;
    height: 38px;
    width: 180px;
}
.table-inbox tr {
	cursor: pointer;
}
table.table-inbox tbody tr.checked {
	background-color: #ffffcc;
}
.mail-label {
    font-size: 16px !important;
    margin-right: 5px;
}
.details-set.details-set4 ul li {
    width: 25%;
    padding: 0 8px;
}
.details-set4 .project-status {
    padding: 50px 5px 30px;
}
.trouble-set {
    border: 1px solid #E9E9FF;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.trouble-action {
	display: flex;
}
.trouble-select {
    display: block;
}
.trouble-action .taskchart-update {
    min-width: 26px;
}
.trouble-title {
	width: calc(100% - 115px);
}
.trouble-title h5 {
    font-size: 14px;
    color: #344357;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.trouble-title h6 {
    font-size: 12px;
    color: #838383;
    font-weight: 400;
    margin: 0;
}
/*-----------------
	32. Mail View
-----------------------*/

.attachments {
	list-style: none;
	margin: 0;
	padding: 0;
}
.attachments li {
	border: 1px solid #eee;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	width: 180px;
}
.attach-info {
	background-color: #f4f4f4;
	padding: 10px;
}
.attach-file {
    color: #777;
    font-size: 70px;
    padding: 10px;
    min-height: 138px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.attach-file img {
	height: auto;
	max-width: 100%;
}
.mailview-header {
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	padding-bottom: 15px;
}
.mailview-footer {
	border-top: 1px solid #ddd;
	margin-top: 20px;
	padding-top: 15px;
}
.mailview-footer .btn-white {
    margin-top: 10px;
    min-width: 102px;
}
.sender-img {
	float: left;
	margin-right: 10px;
	width: 40px;
}
.sender-name {
	display: block;
}
.receiver-name {
	color: #777;
}
.mail-view-title {
	font-weight: 500;
	font-size: 24px;
	margin: 0;
}
.mail-view-action {
	float: right;
}
.mail-sent-time {
	float: right;
}
.inbox-menu {
	display: inline-block;
	margin: 0 0 1.875rem;
	padding: 0;
	width: 100%;
}
.inbox-menu li {
	display: inline-block;
	width: 100%;
}
.inbox-menu li + li {
	margin-top: 2px;
}
.inbox-menu li a {
	color: #333;
	display: inline-block;
	padding: 10px 15px;
	width: 100%;
	text-transform: capitalize;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	transition: 0.3s ease;
}
.inbox-menu li a i {
	font-size: 16px;
	padding-right: 10px;
	color: #878787;
}
.inbox-menu li a:hover, .inbox-menu li.active a, .inbox-menu li a:focus {
	background: rgba(33, 33, 33, 0.05);
}
.compose-btn {
	margin-bottom: 1.875rem;
}
.compose-btn a {
    font-weight: 600;
    padding: 8px 15px;
}

/*-----------------
	33. Source
-----------------------*/

.source-sidebar .sidebar-menu .menu-arrow {
	top: 17px;
	right: 30px;
}
.source-sidebar .sidebar-menu ul ul a {
    font-size: 14px;
    padding: 7px 10px 7px 65px;
}
.source-sidebar .sidebar-menu ul ul {
	padding: 0;
}
.source-sidebar .sidebar-menu ul ul a.active {
    color: #4B4B9F;
}
.source-menus .breadcrumb-item a, 
.source-menus .breadcrumb-item {
	color: rgba(52, 67, 87, 0.47);
}
.source-menus .breadcrumb-item.active a {
	color: #4B4B9F;
	font-weight: 500;
}
.source-header-nav {
	padding: 20px;
	margin-bottom: 20px;
}
.source-blank-img p {
	font-size: 14px;
	font-weight: 500;
	color: #838383;
	margin-bottom: 25px;
}
.source-blank-widget .form-group label {
	color: #344357;
	font-size: 14px;
	font-weight: 600;
}
.create-source .btn-danger-dark {
	min-width: 169px;
	font-size: 15px;
	padding: 8px 15px;
}
.more-avatars {
	background: #F2F2F2;
    border: 1px solid #FFFFFF;
    color: #4B4B9F;
    border-radius: 50%;
    text-align: center;
    width: 45px;
    height: 45px;
	font-size: 16px;
	font-weight: 600;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.name-bg {
	background: rgba(252, 119, 83, 0.2);
	border: 0.5px solid #F2F2F2;
    color: #FC7753;
}
.source-group,
.source-group-page {
	padding: 20px;
}
.source-new {
	border-radius: 10px;
}
.source-new .card-headers {
	padding: 20px;
}
.border-line {
	border-top: 1px solid #EFF2F5;
}
.work-key-name h4 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0;
	margin-left: 20px;
}
.work-key-name h4 a {
	color: #344357;
}
.work-key-name h4 span {
	color: #344357;
	font-weight: 400;
}
.update-time {
	margin-left: auto;
}
.update-time p {
	color: #808080;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0;
}
.paginations li {
    list-style: none;
    display: inline-block;
    padding-right: 20px;
}
.list-pagination {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.paginations li a.active {
    background: #4B4B9F;
    color: #fff;
	border-radius: 3px;
	width: 30px;
	height: 30px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.paginations li a {
    font-weight: 400;
    font-size: 12px;
    color: #344357;
	width: 30px;
	height: 30px;
	border: 1px solid #E9E9FF;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.paginations li .prev-page,
.paginations li .next-page {
	border: 0;
	display: inline;
}
.search-filter .map-select .form-control {
	background: #FBFBFF;
}
.search-filter .map-select i {
    left: unset;
    right: 15px;
    color: var(--primarycolor);
}
.search-filter .form-group {
	min-width: 404px;
	height: 45px;
}
.reposit-table {
	border: 1px solid #E9E9FF;
	border-radius: 10px;
}
.reposit-table table.table td, .reposit-table table.table th {
    border-color: #e9e9ff;
}
.reposit-table table.table .foot-border td {
	border-color: transparent;
}
.map-select {
	position: relative;
}
.map-select i {
    position: absolute;
    top: 15px;
    left: 15px;
    color: var(--grey);
}
.search-group {
	padding: 20px;
}
.filter-btn .btn-primary {
	font-size: 16px;
	font-weight: 600;
	padding: 9px 15px;
	min-width: 152px;
}
.last-update .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #344357;
    border-style: solid;
    border-width: 0 2px 2px 0;
    padding: 3px;;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    width: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.down-icon {
	font-size: 20px;
}
.source-empty {
	min-height: 600px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.source-key-name .more-avatars {
	background: #DCFFF9;
	border: 0.5px solid #F2F2F2;
    width: 60px;
    height: 60px;
	color: #1DB299;
	font-size: 20px;
}
.sourc-select {
	width: 100%;
}
.source-names {
	margin-left: 10px;
}
.source-names h4 {
	color: #344357;
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: 600;
}
.source-names span {
	color: rgba(52, 67, 87, 0.47);
	font-size: 14px;
	margin-bottom: 0px;
	font-weight: 500;
}
.sourc-select .card-btn {
	margin-left: auto;
}
.source-name-list ul li {
	padding: 0px 10px;
	color: #344357;
	font-size: 14px;
	font-weight: 600;
}
.source-name-list ul li span {
	font-weight: 400;
}
.source-name-list ul li i {
	color: #4B4B9F;
	margin-right: 5px;
}
.download-files .dropdown-menu li {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.drop-source-code {
	padding: 15px;
}
.drop-source-code li {
	font-size: 10px;
	font-weight: 400;
}
.drop-source-code li a {
	background: #E9E9FF;
	border-radius: 5px;
	color: #344357;
	font-size: 10px;
	font-weight: 400;
	min-width: 61px;
	padding: 5px 15px;
	text-align: center;
	margin-right: 15px;
}
.drop-source-code li .active {
	background: #4B4B9F;
	color: #fff;
	border: 0;
}
.comman-padding {
	padding: 20px;
}
.img-source-name img {
	width: 45px;
	border-radius: 50px;
}
.source-name-filter {
	border: 1px solid #E9E9FF;
    background: #FAFAFF;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 10px;
}
.source-name-filter .source-names h4 {
	font-size: 20px;
	margin-bottom: 0;
	color: #000000;
}
.source-name-filter .source-names span {
	font-size: 14px;
	color: #4B4B9F;
}
.search-master-filter .form-group {
	min-width: 265px;
	background: #FBFBFF;
    border-radius: 4px;
}
.source-main {
	background: #EDF5F9;
	border-radius: 10px;
	padding: 10px;
	margin: 0px 20px;
	margin-top: 15px;
}
.source-main .source-names h4 {
	color: #344357;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0;
}
.source-main .more-avatars {
    background: #DCFFF9;
	border: 0.5px solid #F2F2F2;
    color: #1DB299;
}
.source-file-upload .btn-activity {
	font-size: 14px;
	font-weight: 400;
	padding: 8px 15px;
	min-width: 121px;
}
.source-file-upload li {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0px 10px;
}
.source-file-upload input[type="file"] {
	display: none;
}
.source-card {
	display: block;
}
.source-contact-widget h2 {
	color: #344357;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 20px;
}
.work-group {
	width: 55%;
}
.work-group h6 {
	font-size: 15px;
	margin-bottom: 1px;
}
.source-name {
	margin-left: auto;
}
.master-commit-group {
	border: 1px solid #E9E9FF;
	border-radius: 10px;
	margin-bottom: 20px;
}
.master-commit-group .source-key-name {
	padding: 15px;
	border-bottom: 1px solid #E9E9FF;
}
.master-commit-group .source-key-name .source-names p {
	color: #4B4B9F;
}
.master-commit-group  .source-names {
	width: calc(100% - 55px);
}
.new-branches .btn-primary {
	min-width: 137px;
	padding: 9px 15px;
}
.branch-files {
	margin-left: auto;
}
.master-branch-group .source-names h4 span {
	background: #E3E2FF;
	border-radius: 5px;
	min-width: 71px;
	padding: 2px 15px;
	font-size: 14px;
	color: #4B4B9F;
	margin-left: 15px;
}
.master-branch-group .source-names h4 i {
	color: #4B4B9F;
	margin-right: 15px;
	font-weight: 500;
}
.branch-list ul li i {
	font-size: 20px;
	font-weight: 600;
	margin-right: 15px;
}
.branch-list ul li {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.branch-list ul li:nth-child(1) {
	padding-left: 0;
}
.branch-list {
	margin-top: 15px;
}
.branch-list ul li:first-child {
	color: #4B4B9F;
	font-weight: 500;
}
.branch-list ul li:last-child {
	color: #838383;
	font-weight: 500;
}
.delete-icons {
	border: 1px solid #4B4B9F;
	border-radius: 5px;
	width: 45px;
	height: 45px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.delete-icons i {
	color: #FF0000;
	font-size: 16px;
}
.branch-files ul li .btn-activity {
	padding: 8px 10px;
}
.table.master-branch-group .dropdown-menu {
    width: auto;
}
.table.master-branch-group .dropdown-item {
	margin-bottom: 0;
	font-size: 10px;
}
.source-blank-widget .sidebar-layout {
	height: 100%;
}
.exist-branch p {
	font-size: 15px;
	color: #FD6B59;
	font-style: italic;
	font-weight: 400;
	margin-bottom: 30px;
}
.source-merge .nav-tabs {
    border-bottom: 0px;
}
.source-merge .nav-tabs .nav-item.show .nav-link, 
.source-merge .nav-tabs .nav-link.active {
	border: 0;
	border-bottom: 2px solid #FD6B59;
}
.source-merge .nav-link span {
	background: rgba(75, 75, 159, 0.1);
	border-radius: 50px;
	width: 25px;
	height: 25px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	color: #4B4B9F;
	font-size: 14px;
	margin-left: 10px;
}
.source-merge .nav-tabs .nav-link {
	padding: 25px;
	color: #344357;
	font-size: 14px;
	font-weight: 500;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.merge-list ul li {
	color: #344357;
	font-size: 14px;
	font-weight: 500;
}
.merge-list ul li:first-child {
	padding-left: 0;
}
.merge-list .gry-light {
	color: #838383;
}
.merge-list .sky-blue {
	color: #4B4B9F;
}
.merge-name h4 {
	margin-bottom: 15px;
}
.merge-group .source-names {
    margin-left: 0px;
}
.sub-menu, #choosen_files {
	padding: 10px;
    border: 1px solid #c2c2ce;
    box-shadow: 0px 6px 13px rgb(213 228 235 / 11%);
    border-radius: 5px;
	margin-bottom: 10px;
}
.sub-menu::-webkit-scrollbar {
	width: 3px;
    background: #FAFAFF;
	height: 3px;
}
.sub-menu::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #FAFAFF; 
	border-radius: 10px;
}
.sub-menu::-webkit-scrollbar-thumb  {
	background: #344357; 
	border-radius: 10px;
}
.sub-menu::-webkit-scrollbar-thumb:hover {
	background: #344357; 
}
.sub-menu li .select-files:not(:last-child) {
	padding-bottom: 5px;
}
.sub-menu li .select-files {
	width: 15px;
    height: 15px;
    top: 3px;
    position: relative;
    margin-right: 5px;
}
#choosen_files ul {
	padding: 0;
}
.source-nav .breadcrumb-item+.breadcrumb-item::before {
	content: none;
}
.source-nav ul {
	display: block;
}
.source-nav li {
	margin: 0 0 10px 0;
}
.request-wrap .card-btn > ul {
	flex-wrap: nowrap;
}
.request-wrap {
	width: 100%;
	overflow-x: auto;
}
.request-wrap ul li, .request-wrap .source-key-name {
	white-space: nowrap;
}
.update-time { 
	padding-right: 20px;
}
.bx-shadow-none {
	box-shadow: none;
}

/*-----------------
	34. Task Shedule List
-----------------------*/

.board-colum.eq-column .col-equal {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 5px;
}
.board-list-task.task-listed li {
    background: #F9F9F9;
    padding: 10px;
    color: #838383;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	word-break: break-all;
}
.discussion-card-body {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.board-list-task.task-listed li a.dropdown {
    color: #ffffff;
}
.board-list-task.task-listed li a:hover {
    color: #ffffff;
}
li.file-warning.dropzones.ui-droppable .dropdown:hover {
    color: #838383 !important;
}
.file-grey.dropzones.ui-droppable a:hover {
    color: #838383 !important;
}
.file-grey.dropzones.ui-droppable .dropdown.main-drop a {
    color: #838383 !important;
}
.board-list-task.task-listed li a:hover {
    color: #4B4B9F !important;
}
.board-list-task .pro-action .dropdown {
    color: #ffffff;
}
.task-listed.board-list-task #fav_id .input-check a {
    color: #ffffff;
}
.know-review textarea {
    max-height: 45px;
}
.board-list-task.task-listed li a {
    padding: 0px;
    margin-bottom: 0px;
	background: transparent;
	color: #838383;
}
.task-listed .file-purple .input-check a {
    color: #ffffff;
}
.board-list-task.task-listed li.active {
    background: #4B4B9F;
    color: #fff;
}
.board-list-task.task-listed li.active a {
    color: #fff;
}
.board-list-task.task-listed .file-grey:hover a {
    color: #838383;
}
.file-warning .dropdown {
    color: #ffffff !important;
}
.file-grey.dropzones.ui-droppable a {
    color: #838383 !important;
}
.file-grey.dropzones.ui-droppable a:hover {
    color: #252525 !important;
}
.board-list-task.task-listed li.active .dropdown-menu a{
    color: #000;
}
.board-list-task.task-listed li:hover {
    background: #4B4B9F;
}
.board-list-task.task-listed li:hover a {
    color: #fff;
}
.board-list-task.task-listed li a:hover {
    color: #ffffff !important;
}
.board-list-task .pro-action {
	margin-left: auto;
}
.board-list-task.task-listed li:hover .dropdown-menu a {
	color: #333;
}
.board-list-task.task-listed li .dropdown-menu a {
	padding: 10px 15px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.board-list-task.task-listed li .dropdown-menu a:hover {
	background: #eee;
    color: #333;
}
.arch-task {
	min-width: 101px;
	padding: 7px 15px;
}
.boad-task {
	min-width: 126px;
	padding: 7px 15px;
}
.live-task .task-status span {
	bottom: 10px;
	font-size: 20px;
}
.live-task .task-status span img {
	width: 20px;
}
.empty-bord-task .kanban-board {
    width: 315px;
    flex: 0 0 315px;
    margin-right: 25px;
}
.board-addition {
	margin-left: auto;
}
.board-addition .task-drop .dropdown {
    width: 30px;
    height: 30px;
}
.task-head-board {
	margin-left: auto;
}
.marks-btn-as .btn-primary {
	width: 100%;
	padding: 7px 15px;
	background-color: #399E8D;
    border: 1px solid #399E8D;
}
.detail-edit-btn .btn-secondary {
	min-width: 125px;
	padding: 7px 15px;
}
.folder-tasks-list ul {
	padding: 0;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	flex-wrap: wrap;
}
.folder-tasks-list ul li {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 10px;
	padding: 10px 15px;
	margin-right: 15px;
	min-width: 140px;
	margin-bottom: 15px;
}
.folder-tasks-list ul li:last-child {
	margin-right: 0px;
	min-width: 30px;
}
.folder-tasks-list ul li .pro-action {
	margin-left: auto;
}
.folder-tasks-list {
	padding-bottom: 5px;
}
.due-remind .form-check-input {
	background: #FBFBFF;
	border: 1px solid #E3E2FF;
	border-radius: 5px;
	position: static;
	transform: translate(0, -20%);
	width: 30px;
	height: 30px;
	margin-top: 8px;
	margin-right: 10px;
}
.due-remind .form-check-input:checked {
    background-color: #4B4B9F;
    border-color: #4B4B9F;
}
.due-remind .form-check-input:focus {
	box-shadow: none;
}
.btn-del {
	float: right;
}
.extra-board .dropdown-menu span {
	background: #F2F2F2;
	padding:5px;
	display: block;
    margin-bottom: 10px;
	border-radius: 3px;
}
.extra-board .dropdown-menu span:hover {
	background: #4B4B9F;
	color: #fff;
}
.extra-board .dropdown-menu {
	padding: 15px;
}
.extra-board .dropdown-menu a {
	padding: 0;
}
.folder-tasks-list ul li:hover {
	background: #E9E9FF;
}
.folder-tasks-list ul li a {
	color: #344357;
}

/*-----------------
	35. Tracker
-----------------------*/

.cutomer-set {
    border: 1px solid #E9E9FF;
    border-radius: 10px;
    margin-bottom: 25px;
}
.cutomer-sethead {
    background: #E9E9FF;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px 10px 0 0;
}
.cutomer-setheads {
    padding: 20px;
}
.customer-details {
    border: 1px solid #E9E9FF;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
	width: 100%;
}
.customer-detailsname h3 {
    font-size: 14px;
    font-weight: 600;
}
.customer-detailsname h4 {
    font-size: 24px;
    font-weight: 600;
    color: #4B4B9F;
}
.customer-detailsname h5 {
    font-weight: 400;
    font-size: 14px;
    margin: 0;
}
.cutomer-sethead h6 {
    font-size: 16px;
    margin: 0;
    font-weight: 400;
}
.cutomer-sethead h5 {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}
.time-set .customer-detailsname h4 {
    color: #407BFF;
}
.time-set1 .customer-detailsname h4 {
    color: #FF9B44;
}
.time-set2 .customer-detailsname h4 {
    color: #399E8D;
}
.graph-set {
    border: 1px solid #E9E9FF;
    border-radius: 10px;
}
.graph-sethead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid #E9E9FF;
}
.graph-sethead h4 {
    font-size: 16px;
    margin: 0;
}
.graph-sethead a {
    font-size: 14px;
    font-weight: 500;
    color: #344357;
    text-decoration: underline;
}
.graph-setcontent {
    padding: 15px;
}
.graph-details ul {
    padding: 0;
    margin: 35px 0 0;
}
.graph-details ul li {
    padding-left: 25px;
    margin-bottom: 20px;
    position: relative;
}
.graph-details ul li::after {
    position: absolute;
    content: "";
    background: #3FC34D;
    width: 5px;
    height: 44px;
    left: 8px;
    top: 0;
}
.graph-details ul li.graph-details2::after {
    background: #4B4B9F;
}
.graph-details ul li.graph-details3::after {
    background: #4FACFE;
}
.graph-details ul li.graph-details4::after {
    background: #FD6B59;
}
.graph-details ul li.graph-details5::after {
    background: #FEB019;
}
.graph-details ul li h5 {
    font-size: 14px;
    font-weight: 400;
}
.graph-details ul li h6 {
    font-weight: 500;
    font-size:16px;
}
.apexcharts-legend.apexcharts-align-center.position-right {
    display: none;
}
.timeestimation {
    margin-bottom: 30px;
    border: 1px solid #E9E9FF;
    border-radius: 10px;
}
.timeestimationhead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid #E9E9FF;
}
.date-filter {
    display: flex;
    align-items: center;
}
.timeestimationhead h2 {
    font-size: 20px;
    margin: 0;
    font-weight: 600;
}
.filter-range .btn-group {
	align-items: center;
}
.date-filter .btn-group .btn {
    margin-right: 10px;
    background: #E9E9FF;
    border-radius: 5px !important;
    min-width: 100px;
    font-size: 14px;
    padding: 6px;
}
.btn-group.date-group .btn.active,
.btn-group.date-group .btn:hover{
    background: #4B4B9F ;
    color: #fff;
}
.next-range,.prev-range {
    min-width: auto !important;
    margin: 0;
    background: #4B4B9F !important;
    color: #fff;
    width: 45px;
    height: 45px;
}
.btn-group .btn.custom-selected-range{
    background: #FBFBFF;
    border-radius: 0 !important;
}
.btn-group .btn.custom-selected-range:hover {
	color: #000;
}
.time-widget {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E9E9FF;
    padding: 20px;
}
.time-widget ul {
    padding: 0;
    display: flex;
    padding-left: 40px;
}
.time-widget ul li:last-child {
    padding-left: 50px;
}
.time-widget h2 {
    font-size: 16px;
    margin: 0;
    font-weight: 600;
}
.time-widget h3 {
    font-size: 24px;
    font-weight: 600;
    color: #4B4B9F;
}
.time-widget h4 {
    font-size: 14px;
    margin: 0;
}
span.comp-time {
    width: 14px;
    height: 14px;
    display: inline-block;
    background-color: #3FC34D;
    border-radius: 50%;
    margin-right: 7px;
    position: relative;
    top: 2px;
}
.timeestimationcontents th {
    text-align: center;
    background: #E9E9FF;
    border: 1px solid #fff !important;
    font-size: 14px;
    font-weight: 600;
}
.timeestimationcontents {
    padding: 20px;
}
.timeestimationcontents .table {
    border-radius: 20px;
}
.timeestimationcontents td {
    text-align: center;
}
.timeestimationcontents td .progress-bar {
    background-color: #3FC34D;
    border-radius: 50px;
}
.timeestimationcontents td > p {
    margin-top: 10px;
    font-weight: 400;
    color: #344357;
    font-size: 14px;
}
.timeestimationcontents td .progress {
    border-radius: 50px;
}
.timeestimationcontents td {
    border-right: 1px solid #fff !important;
}
.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 7px 7px;
}
.user-detail-group {
	background: #E5E2FF;
	border: 1px solid #E9E9FF;
	border-radius: 10px;
	padding: 20px;
}
.user-detail-group h5 {
	font-size: 15px;
	margin-bottom: 0;
	margin-left: 10px;
}
.user-img-detail {
	margin-bottom: 20px;
}
.img-users {
	position: relative;
}
.active-users {
	width: 10px;
	height: 10px;
	background: green;
	border-radius: 50px;
	position: absolute;
	right: 0;
	border: 1px solid #FFFFFF;
}
.user-detail-group p {
	margin-top: 10px;
}
.user-detail-group img {
	width: 40px;
	height: 40px;
}
.user-detail-group .progress {
	background: #fff;
	border-radius: 10px;
}
.user-detail-group .progress-bar {
    background-color: #3FC34D;
    border-radius: 10px;
}
.user-detail-group .progress-bar.red-bar {
	background-color: #fb2222;
}
.track-reports .timeestimationhead {
	background: #FAFAFF;
	border: 1px solid #E9E9FF;
	border-radius: 10px;
}
.timeestimationhead .last-update, .mas-filter .last-update {
	width: 300px;
}
.last-update .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: inherit;
    border-width: 2px 0 0 2px;
}
.row.mentiony-list {
    overflow: hidden;
    overflow-x: auto;
	flex-wrap: nowrap;
	padding-bottom: 20px;
}
.mentiony-list::-webkit-scrollbar {
    width: 3px;
    background: #FAFAFF;
    height: 10px;
}
.mentiony-list::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #FAFAFF; 
    border-radius: 10px;
}
.mentiony-list::-webkit-scrollbar-thumb {
    background: #344357; 
    border-radius: 10px;
}
.mentiony-list::-webkit-scrollbar-thumb:hover {
    background: #344357; 
}
.user-edit-table {
    border: 1px solid #E9E9FF;
    border-radius: 10px;
}
.time-track-list li {
	padding: 0px 10px;
	text-align: center;
}
.time-track-list {
	padding: 0;
	margin: 0;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.group-active-user .user-img-detail h5 {
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	margin-left: 10px;
}
.update-time {
    margin-left: auto;
}
.track-group-page {
    padding: 15px;
}
.paginations li {
    list-style: none;
    display: inline-block;
    padding-right: 20px;
}
.list-pagination {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.paginations li a.active {
    background: #4B4B9F;
    color: #fff;
	border-radius: 3px;
	width: 30px;
	height: 30px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.paginations li a {
    font-weight: 400;
    font-size: 12px;
    color: #344357;
	width: 30px;
	height: 30px;
	border: 1px solid #E9E9FF;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.paginations li .prev-page,
.paginations li .next-page {
	border: 0;
	display: inline;
}
.track-progress .progress-bar {
	background-color: #3FC34D;
    border-radius: 10px;
}
.track-progress .progress {
	border-radius: 10px;
}
.user-step-two {
	margin-left: 30%;
}
.user-step-three {
	margin-left: 10%;
}
.user-step-four,
.user-step-five {
	margin-left: 25%;
}
.user-step-six {
	margin-left: 50%;
}
.user-step-seven {
	margin-left: 15%;
}
.user-step-eight {
	margin-left: 35%;
}
.user-step-nine {
	margin-left: 32%;
}
.user-step-ten {
	margin-left: 60%;
}
.user-work-time .user-img-detail h5 {
	font-size: 16px;
	margin-left: 15px;
	margin-bottom: 0;
}
.work-time-group {
	padding: 20px;
}
.total-work-last {
	margin-left: auto;
}
.total-work h4 {
	font-size: 16px;
	font-weight: 600;
	color: #344357;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.total-work h4 span {
	color: #4B4B9F;
	font-size: 24px;
	font-weight: 600;
	margin-left: 15px;
}
.track-webs tr td img {
	margin-right: 15px;
}
.track-web-progress .progress {
	height: 25px;
	border-radius: 50px;
}
.track-web-progress .progress-bar {
	background-color: #3FC34D;
    border-radius: 50px;
}
.track-web-one {
	margin-left: 20%;
}
.track-web-two {
	margin-left: 60%;
}
.track-web-three {
	margin-left: 30%;
}
.track-web-four {
	margin-left: 50%;
}
.track-web-five {
	margin-left: 15%;
}
.track-web-six {
	margin-left: 70%;
}
.track-web-head h4 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 20px;
}
.work-time-group .progress {
	margin-bottom: 20px;
}
.work-time-group .bg-success {
	border-radius: 50px;
}
.progress-meter {
    min-height: 15px;
    position: relative;
    top: 31px;
    z-index: 1;
}
.progress-meter .meter-left {
    border-right-width: 1px !important;
}
.progress-meter .meter {
    position: relative;
    float: left;
    min-height: 15px;
    border-width: 0;
    border-style: solid;
    border-color: #bbb;
    height: 25px;
}
.progress-meter .meter .meter-text {
    position: absolute;
    display: inline-block;
    top: -24px;
    width: 100%;
    color: #172b4d;
    text-align: right;
    font-size: 13px;
    right: -1em;
}
.work-time-group .progress {
	height: 25px;
	border-radius: 50px;
}
.source-blank-widget .sidebar-layout {
    height: 100vh;
}
.last-time-update {
	width: 100%;
}
.last-time-update .select2-container--default .select2-selection--single {
    background-color: #FBFBFF;
}
.last-time-update .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: inherit;
    border-width: 2px 0 0 2px;
}
.btn-add .btn-danger-dark,
.btn-add .btn-secondary {
	min-width: 100px;
	padding: 7px 15px;
}
.cal-icon:after {
    color: #344357;
    content: '\f017 ';
    display: block;
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    font-weight: 400;
    margin: auto;
    position: absolute;
    right: 15px;
    bottom: 10px;
	width: 10px;
    height: 45px;
    line-height: 45px;
}
.cal-icon {
	position: relative;
	width: 100%;
}
.cal-icon:after {
	color: #344357;
	content: "\e927";
	display: block;
    font-family: "Feather";
    font-size: 15px;
    margin: auto;
    position: absolute;
    right: 15px;
    top: 10px;
}
.time-icons {
	position: relative;
	width: 100%;
}
.time-icons:after {
	color: #344357;
	content: "\e927";
	display: block;
    font-family: "Feather";
    font-size: 15px;
    margin: auto;
    position: absolute;
    right: 15px;
    top: 10px;
}
.screenshots-img {
	width: 100%;
}
.screen .bottom-left {
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-radius: 5px;
    opacity: 1;
    padding: 20px 10px 10px 8px;
    width: 100%;
}
.screen-content a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, #344357 0%, rgba(75, 75, 159, 0.42) 100%);
	border-radius: 5px;
}
.screen-time {
    display: flex;
    align-items: center;
    margin-bottom: 2px;
}
.screen {
	margin-bottom: 25px;
}
.screen-user-img {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin-right: 5px;
}
.screen-user-time {
    font-size: 12px;
}
.screen-content {
	position: relative;
}
.screen-user-time h5 {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 0;
}
.screen-user-time {
	color: #fff;
	font-size: 12px;
}
.track-screen-group h4 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 25px;
}
.screen-user-det .more-avatars {
	background: #FF8E3E;
    border: 1px solid #FF8E3E;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    width: 40px;
    height: 40px;
    font-size: 12px;
	margin-right: 10px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}
.see-more {
	color: #4B4B9F;
	text-decoration: underline;
}
.see-more:hover {
	text-decoration: underline;
}
.screenshot-info {
    padding: 15px;
    position: relative;
    height: 20%;
    box-sizing: border-box;
    background: white;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 54%;
    margin: auto;
}
.screenshot-user-img img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 50%;
}
.screenshot-user {
    display: flex;
    align-items: center;
}
.screenshot-task {
	margin-left: auto;
}
.screenshot-task h6 {
	margin-bottom: 0;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.screenshot-task h6 i {
	margin-right: 10px;
}
.screenshot-user-info h3 {
	font-size: 16px;
	margin-bottom: 0;
}
.track-activty-widget {
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 10px;
	margin-bottom: 25px;
	width: 100%;
}
.track-activty-widget table{
	min-width: 625px;
}
.track-heading {
	padding: 15px;
	border-bottom: 1px solid #E9E9FF;
}
.track-heading h3 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0;
	line-height: 30px;
}
.track-body {
	padding: 30px;
    max-height: 440px;
    overflow-y: auto;
}
.punsh-btn .btn-primary {
	font-weight: 500;
	font-size: 16px;
	color: #4B4B9F;
	background: #FFFFFF;
	border: 1px solid #4B4B9F;
	border-radius: 5px;
	width: 100%;
	padding: 7px 15px;
}
.punsh-btn .btn-primary:hover {
	background: #4B4B9F;
}
.track-body .last-update {
	width: 100%;
	margin: 30px 0px;
}
.last-update .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 20px !important;
}
.add-task .btn-primary {
	width: 100%;
	font-weight: 500;
	font-size: 16px;
	background: #FD6B59;
	border: 1px solid #FD6B59;
	padding: 7px 15px;
}
.add-task .btn-primary:hover {
	color: #FD6B59;
}
.punch-in,.punch-out {
	margin-right: 15px;
}
.statistic-head p {
	margin-left: auto;
}
.statistic-head h5 {
	font-size: 14px;
	font-weight: 400;
}
.statistic-head p {
	font-size: 14px;
	font-weight: 400;
}
.statistic-head p span {
	color: #4B4B9F;
}
.track-statistics {
	margin-bottom: 30px;
}
.track-statistics .progress {
	border-radius: 10px;
}
.track-statistics .progress-bar {
	border-radius: 10px;
}
.bg-today {
	background-color: #ff9800;
}
.tracker-activity .activity-feed .feed-item:after {
    background-color: #fff;
	width: 8px;
    height: 8px;
	top: 4px;
    left: -4px;
	transform: none;
}
.tracker-activity .activity-feed .feed-item:before {
   content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -8px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #008FFB;
}
.tracker-activity .activity-feed .feed-item {
    border-left: 1px dashed #26acfc;
}
.tracker-activity .activity-feed .feed-item {
	padding-bottom: 33px;
}
.tracker-activity .activity-feed .feed-item:last-child {
    border-color: transparent;
    padding-bottom: 0;
}
.punch-on-time {
	width: 132px;
	height: 132px;
	border-radius: 50%;
	background: linear-gradient(0deg, #FAFAFF, #FAFAFF), linear-gradient(0deg, #FAFAFF, #FAFAFF), #FAFAFF;
	border: 5px solid #4B4B9F;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	margin: auto;
}
.punch-on-time h5 {
	font-size: 20px;
	font-weight: 700;
	color: #4B4B9F;
}
.punch-on-one {
	width: 160px;
	height: 160px;
	border: 2px solid rgba(75, 75, 159, 0.04);
	border-radius: 50%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	margin: auto;
	margin-bottom: 50px;
}
.punch-on-two {
	width: 146px;
	height: 146px;
	border: 2px solid rgba(75, 75, 159, 0.16);
	border-radius: 50%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	margin: auto;
}
.tracker-head .link-set ul li.active a::after, .tracker-head .link-set ul li a:hover::after {
    bottom: -24px;
}
.tracker-head .link-set ul li a {
    padding: 0px 30px;
}
.tracker-head .link-set ul li {
    margin-right: 0px;
}
.web-heads.card-headsset {
    padding: 22px 25px;
}
.card-headsset {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #EFF2F5;
    padding: 15px 25px;
    justify-content: space-between;
	flex-wrap: wrap;
}
.cad-search {
	width: calc(100% - 300px);
}
.cad-search .search-member {
	max-width: 100%;
}

/*-----------------
	36. Chat Module
-----------------------*/

.chat-group h2 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 0;
}
.chat-group {
	margin-bottom: 10px;
}
.chat-list-group {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	margin-left: auto;
}
.chat-list-group li {
	padding: 0px 10px;
	font-size: 20px;
}
.chat-list-group li a i {
	color: #4B4B9F;
}
.chat-widgets {
	padding: 20px;
}
.direct-btn {
	margin: 20px 0px;
}
.direct-btn .btn-primary,
.direct-btn .btn-activity {
	font-size: 16px;
	font-weight: 500;
	width: 100%;
	padding: 7px 15px;
}
.direct-btn .group-chat {
	background: #FFFFFF;
	border: 1px solid #4B4B9F;
	border-radius: 5px;
	margin-left: 15px;
	color: #4B4B9F;
}
.direct-btn .group-chat:hover {
	color: #FFFFFF;
}
.member-head-with {
    max-width: 600px;
}
.chat-user-group {
	border: 0.5px solid #EBEBEB;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 15px;
}
.chat-user-group:hover {
	box-shadow: 0px 2px 8px rgba(213, 228, 235, 0.35);
}
.chat-users {
	width: 100%;
}
.chat-user-time,
.chat-user-count {
	margin-left: auto;
}
.user-titles h5 {
	font-size: 14px;
	margin-bottom: 3px;
}
.chat-user-time p,
.user-text p {
	font-size: 12px;
	margin-bottom: 0;
	color: #838383;
}
.chat-user-count span {
	background: #4B4B9F;
	border-radius: 5px;
	width: 18px;
	height: 18px;
	font-size: 10px;
	color: #fff;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.chat-user-count .user-check {
	background: none;
	color: #838383;
	font-size: 14px;
}
.chat-user-group .img-users {
	width: 45px;
	height: 45px;
	margin-right: 10px;
}
.user-check.active {
	color: #399E8D;
}
.chat-user-group .active-users {
    width: 8px;
    height: 8px;
    right: -2px;
    top: 7px;
}
.chat-search-group {
	padding: 15px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.chat-search-list ul {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	padding: 0;
}
.chat-search-list ul li {
	padding: 10px 0px;
	width: 40px;
	height: 40px;
	background: #FAFAFF;
	border-radius: 5px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	margin: 0px 10px;
}
.chat-search-list {
	margin-left: auto;
}
.search-filter-chat .form-control {
	height: 40px;
	background: #FBFBFF;
	border: 1px solid #E3E2FF;
	border-radius: 5px;
}
.search-btn .btn-primary {
	width: 40px;
	height: 40px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.bg-none {
	background: none !important;
}
.footer-discussion {
    display: inline-flex;
    width: 100%;
}
.footer-discussion .inputgroups {
    width: 100%;
}
.inputgroups input[type="text"] {
    width: 100%;
    height: 45px;
    border: 1px solid #E3E2FF;
    padding: 0 15px;
    background: #FBFBFF;
    border-radius: 5px;
}
.footer-discussion .mentiony-link {
	background: #f0ffff;
    border-radius: 5px;
    padding: 5px;
}
.chat-empty,
.chat-message-box {
	background: #fff url("../img/empty-bg.png") no-repeat center;
}
.chat-message-box {
	background: #fff;
    border-radius: 10px 10px 0 0;
}
.chat-footer {
	padding: 20px;
	border-top: 0.5px solid #E0E0E0;
	background: #fff;
	border-radius: 0px 0px 10px 10px;
}
.chat-empty .project-nodatas {
    margin: 132px 0;
}
.chat-empty .project-nodatas p {
    color: #415B6A;
    font-size: 18px;
    font-weight: 400;
}
.chat-menu .dropdown-item {
	color: #344357;
	padding: 10px;
}
.chat-menu .dropdown-menu {
	min-width: 120px;
}
.chat-menu .dots {
	color: #344357;
	font-size: 25px;
}
.map-select {
    position: relative;
}
.group-message .map-select i {
    position: absolute;
    top: 12px;
    left: 15px;
    color: var(--grey);
	font-size: 20px;
}
.group-message .search-filter .map-select i {
    left: unset;
    right: 15px;
    color: var(--primarycolor);
}
.group-message .form-group {
	width: 100%;
}
.chat-blank-widget .sidebar-layout {
	 height: 100vh;
}
.toggle-sidebar-one.sidebar-popup {
    right: 0;
    transition: ease all 0.8s;
    -webkit-transition: ease all 0.8s;
    -ms-transition: ease all 0.8s;
    -ms-overflow-style: none;
    scrollbar-width: none;
    width: 100%;
}
.toggle-sidebar-one {
    position: fixed;
    top: 0;
    right: -600px;
    height: 100vh;
    transition: ease all 0.8s;
    -webkit-transition: ease all 0.8s;
    -ms-transition: ease all 0.8s;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
    background: rgba(52, 67, 87, 0.64);
    z-index: 1001;
    overflow-x: hidden;
}
.toggle-sidebar-two.sidebar-popup {
    right: 0;
    transition: ease all 0.8s;
    -webkit-transition: ease all 0.8s;
    -ms-transition: ease all 0.8s;
    -ms-overflow-style: none;
    scrollbar-width: none;
    width: 100%;
}
.toggle-sidebar-two {
    position: fixed;
    top: 0;
    right: -600px;
    height: 100vh;
    transition: ease all 0.8s;
    -webkit-transition: ease all 0.8s;
    -ms-transition: ease all 0.8s;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
    background: rgba(52, 67, 87, 0.64);
    z-index: 1001;
    overflow-x: hidden;
}
.toggle-sidebar,
.toggle-sidebar-one,
.toggle-sidebar-two {
	width: 600px;
	position: fixed;
	top: 0;
    right: -600px;
	height: 100vh;
    transition: ease all 0.8s;
    -webkit-transition: ease all 0.8s;
    -ms-transition: ease all 0.8s;
	background: rgba(52, 67, 87, 0.64);
    z-index: 1002;
}
.toggle-sidebar.sidebar-popup,
.toggle-sidebar-one.sidebar-popup-one,
.toggle-sidebar-one.sidebar-popup-two {
	right: 0;
    width: 100%;
	transition: ease all 0.8s; 
	-webkit-transition: ease all 0.8s;
    -ms-transition: ease all 0.8s;
}
.chat-contact .btn-danger-dark {
	min-width: 157px;
	padding: 7px 15px;
	margin-right: 10px;
}
.chat-contact .btn-secondary {
	min-width: 100px;
	padding: 7px 15px;
}
.chat-message-box .chat-body {
	padding: 20px;
}

/*-----------------
	37. Chat Message
-----------------------*/

.chat-body {
/*	max-height: 600px;*/
	overflow-y: auto;
	overflow-x: hidden;
}
ul.list-unstyled {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.media .avatar, .media .name-avatars {
    height: 40px;
    width: 40px;
}
.media .media-body {
	margin-left: 20px;
}
.rep-box {
	border-left: 4px solid  #1DB399;
	padding-left: 10px;
}
.rep-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 10px;
}
.rep-info .avatar, .rep-info .name-avatars {
	width: 25px;
	height: 25px;
	margin-right: 10px;
}
.rep-info h6 {
	font-size: 14px;
	margin: 0;
}
.rep-info h6 span {
	font-size: 10px;
	color: #838383;
}
.drop-item > a {
	color: #344357;
}
.discussion-sent {
	position: relative;
}
.footer-discussion {
	display: inline-flex;
    width: 100%;
}
.footer-discussion .inputgroups {
    width: 100%;
}
.media .media-body .msg-box > div {
	padding: 10px;
	border-radius: .25rem;
	display: inline-block;
	position: relative;
}
.media .media-body .msg-box > div p {
	font-size: 14px;
	color: #344357;
    margin-bottom: 0;
	margin-right: 20px;
}
.media .media-body .msg-box > div p span {
	font-weight: 500;
	color: #4f4fa1;
}
 .media .media-body .msg-box + .msg-box {
	margin-top: 5px;
}
.media:last-child {
	margin-bottom: 0;
}
.media.received .media-body .msg-box > div {
	background: #FAFAFF;
	border-radius: 0px 6px 6px 0px;
}
 .media.sent .media-body {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-left: 0;
	margin-right: 20px;
}
.media.sent .media-body .msg-box > div {
    background: #FAFAFF;
	border-radius: 6px 0px 0px 6px;
	display: inline-flex;
}
.media.sent .media-body .msg-box > div p {
    margin-right: 0;
}
.chat-date {
    font-size: 14px;
    margin: 1.875rem 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-transform: capitalize;
}
 .chat-date:before {
    background-color: #e0e3e4;
    content: "";
    height: 1px;
    margin-right: 28px;
    position: absolute;
    right: 50%;
    top: 50%;
    width: 100%;
}
 .chat-date:after {
    background-color: #e0e3e4;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: 28px;
    position: absolute;
    top: 50%;
    width: 100%;
}
.cad-search.card-search2 {
    width: calc(100% - 400px);
}
.chat-footer {
    background-color: #fff;
    border-top: 1px solid #e0e3e4;
    padding: 10px 15px;
    position: relative;
}
.chat-footer .input-group {
	width: 100%;
	align-items: center;
}
.chat-footer .input-group .form-control {
    background-color: #f5f5f6;
    border: none;
    border-radius: 50px !important;
}
.chat-footer .input-group .form-control:focus {
    background-color: #f5f5f6;
    border: none;
    box-shadow: none;
}
.chat-footer .input-group .input-group-prepend .btn, 
.chat-footer .input-group .input-group-append .btn {
    background-color: transparent;
    border: none;
    color: #9f9f9f;
}
.chat-footer .input-group .input-group-append .btn.msg-send-btn {
    background-color: #7638ff;
    border-color: #7638ff;
    border-radius: 50%;
    color: #fff;
    margin-left: 10px;
}
.msg-typing {
	width: auto;
	height: 24px;
	padding-top: 8px
}
.msg-typing span {
	height: 8px;
	width: 8px;
	float: left;
	margin: 0 1px;
	background-color: #a0a0a0;
	display: block;
	border-radius: 50%;
	opacity: .4
}
.msg-typing span:nth-of-type(1) {
	animation: 1s blink infinite .33333s
}
.msg-typing span:nth-of-type(2) {
	animation: 1s blink infinite .66666s
}
.msg-typing span:nth-of-type(3) {
	animation: 1s blink infinite .99999s
}
.media.received .media-body .msg-box {
	position: relative;
	padding-right: 120px;
}
.media.received .media-body .msg-box:first-child:before {
    border-bottom: 6px solid transparent;
    border-right: 6px solid #fff;
    border-top: 6px solid transparent;
    content: "";
    height: 0;
    left: -6px;
    position: absolute;
    right: auto;
    top: 8px;
    width: 0;
}
.media.sent .media-body .msg-box {
    padding-left: 120px;
    position: relative;
}
.chat-msg-info {
    align-items: center;
    display: flex;
    clear: both;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}
.drop-item .dropdown-menu {
	border: 1px solid #F4F3FF;
	box-shadow: 0px 8px 14px rgba(213, 228, 235, 0.5);
	border-radius: 5px;
	min-width: 100px;
}
.media.sent .drop-item .dropdown-menu {
	transform: translate3d(-100%, 0, 0) !important;
}
.drop-item .dropdown-menu .dropdown-item {
	font-size: 12px;
	color: #344357;
	padding: 8px 10px;
}
.chat-msg-info li {
    font-size: 13px;
    padding-right: 16px;
    position: relative;
}
.chat-msg-info li:last-child {
	padding-right: 0;
}
.chat-msg-info li:not(:last-child):after {
	position: absolute;
	right: 8px;
	top: 50%;
	content: '';
	height: 4px;
	width: 4px;
	background: #d2dde9;
	border-radius: 50%;
	transform: translate(50%, -50%)
}
.quote-img {
	margin-bottom: 12px;
}
.media.sent .media-body .msg-box .chat-msg-info li:not(:last-child)::after {
    right: auto;
    left: 8px;
    transform: translate(-50%, -50%);
    background: transparent;
}
.media .media-body .msg-box > div .chat-time h6 {
	font-size: 14px;
	margin-bottom: 9px;
}
.media .media-body .msg-box > div .chat-time h6 span {
	font-size: 12px;
	font-weight: 400;
	color: #838383;
}
.media.sent .media-body .msg-box > div .chat-time {
    color: rgba(50, 65, 72, 0.4);
}
.chat-msg-info li a {
	color: #777;
}
.chat-msg-info li a:hover {
	color: #2c80ff
}
.chat-seen i {
	color: #00d285;
	font-size: 16px;
}
.chat-msg-attachments {
	padding: 4px 0;
	display: flex;
	width: 100%;
	margin: 0 -1px
}
.chat-msg-attachments > div {
	margin: 0 1px;
	display: flex;
    justify-content: end;
    flex-direction: column;
    align-items: end;
}
.media.sent .media-body msg-box > div .chat-msg-info {
    flex-direction: row-reverse;
}
.media.sent .media-body .msg-box > div .chat-msg-attachments {
	flex-direction: row-reverse
}
.media.sent .media-body .msg-box > div .chat-msg-info li {
    padding-left: 16px;
    padding-right: 0;
    position: relative;
}
.chat-attachment img {
    max-width: 100%;
}
.chat-attachment {
	position: relative;
	max-width: 130px;
	overflow: hidden;
}
.chat-attachment {
	border-radius: .25rem;
}
.chat-attachment:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000;
	content: "";
	opacity: 0.4;
	transition: all .4s;
}
.chat-attachment:hover:before {
	opacity: 0.6;
}
.chat-attachment-list {
	display: flex;
	margin: -5px;
}
.chat-attachment-list li {
	width: 33.33%;
	padding: 5px;
}
.chat-attachment-item {
	border: 5px solid rgba(230, 239, 251, 0.5);
	height: 100%;
	min-height: 60px;
	text-align: center;
	font-size: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.media.sent .media-body .msg-box > div:hover .chat-msg-actions {
	opacity: 1;
}
.chat-msg-actions {
	position: absolute;
	left: -30px;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
	transition: all .4s;
	z-index: 2;
}
.chat-msg-actions > a {
    padding: 0 10px;
    color: #495463;
    font-size: 24px;
}
.chat-msg-actions > a:hover {
	color: #2c80ff;
}
@keyframes blink {
	50% {
		opacity: 1
	}
}
.btn-file {
    align-items: center;
    display: inline-flex;
    font-size: 20px;
    justify-content: center;
    overflow: hidden;
    padding: 0 0.75rem;
    position: relative;
    vertical-align: middle;
}
.btn-file input {
    cursor: pointer;
    filter: alpha(opacity=0);
    font-size: 23px;
    height: 100%;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.reply-msg-pop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    background: #FAFAFF;
	position: absolute;
    bottom: 100%;
}
.reply-msg-pop > div {
    width: 100%;
    background: #FFF;
    padding: 10px;
    border-left: 4px solid #1DB399;
}
.reply-msg-pop > div h5 {
    font-size: 12px;
}
.reply-msg-pop > div p {
    margin-bottom: 0;
}
.inputgroups #comment_discussion1 {
	width: 100%;
    height: unset;
    border: 1px solid #E3E2FF;
    padding: 10px;
    background: #FBFBFF;
    border-radius: 5px;
	overflow-y: auto;
	min-height: 45px;
	max-height: 100px;
}
#tc_post_comments .inputgroups #comment_discussion1 {
	height: 40px;
	min-height: 40px;
}
#tc_post_comments .smileyset ul a {
	height: 40px;
}
#tc_post_comments .btn-send {
	padding: 9px 9px;
	font-size: 14px;
	height: 40px;
}
.mentiony-container .mentiony-popover {
	position: absolute;
    bottom: 100%;
	left: 100px;
	min-width: 280px;
    height: auto;
    max-height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
	border: 1px solid #eee;
	background: #FFF;
}
.mentiony-list {
	padding: 0;
}
.mentiony-item:first-child {
    border: none;
}
.mentiony-item {
    border-top: 1px solid #eee;
    height: 50px;
    padding: 5px 10px;
    cursor: pointer;
    overflow: hidden;
}
.inputgroups #comment_discussion1:focus-visible {
	outline: 0;
}
.mentiony-link  {
    color: #344357;
    font-weight: 600;
}
.media-user .user-titles h5 {
	font-size: 14px;
	color: #0B2A42;
	font-weight: 400;
}
.media-user .user-titles p {
	font-size: 12px;
	color: #838383;
}
.media-user .user-titles p span {
	color: #4B4B9F;
}
.chat-user-group.media-user {
    border: 0;
    border-top: 1px solid #FAFAFF;
    border-bottom: 1px solid #FAFAFF;
    box-shadow: none;
    padding: 0px;
}
.list-chat-down ul {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.project-document .list-chat-down ul li {
	margin-bottom: 0;
	margin-right: 5px;
	font-size: 20px;
}
.media.received .media-body .msg-box.msg-chat-box > div {
    background: #fff;
}
.media.received .media-body .msg-box.msg-chat-box {
	padding-right: 0;
}
.media.media-chats .avatar, .media.media-chats .name-avatars {
    height: 25px;
    width: 25px;
}
.details-set5 ul li {
    width: 20%;
}
.details-set6 ul li {
    width: 25%;
}
.step-form {
	width: calc(100% - 53px);
}
.task_list.active .main-drop .dropdown, .task_list:hover .main-drop .dropdown {
	background: transparent !important;
}
.task_list .main-drop .dropdown span {
	margin-right: 0;
}
.img-upload {
	position: relative;
	background: #EFF1F7;
    border-radius: 50%;
    color: #000;
	width: 142px;
	height: 142px;
	font-size: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.profile-img-update {
	position: relative;
}
.img-upload input[type="file"], .profile-img-update input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
	cursor: pointer;
}
.profile-img-update {
	position: relative;
}
.profile-img-update a {
	position: absolute;
	bottom: 0px;
    right: 20px;
    background: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.chart-wrapper .chart-values li.week-off {
	background: #FD6B59;
	color: #fff;
}
.chart-wrapper.prog-wrap .chart-values li.week-off::before {
    content: '';
    position: absolute;
    left: 0 !important;
    top: 0 !important;
	right: auto;
    height: 100%;
    border-right: 0.5px solid #FD6B59;
}
.chart-wrapper.prog-wrap .chart-values li.week-off::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    border-right: 0.5px solid #FD6B59;
	min-height: 1000vh;
}
.wk-off {
	background: #FFFFFF;
	border-radius: 10px;
	color: #FD6B59;
	font-weight: 500;
	font-size: 8px;
	padding: 2px;
}
.chart-wrapper .chart-values li.half-day {
	background: #FEB019;
	color: #fff;
}
.chart-wrapper.prog-wrap .chart-values li.half-day::before {
    content: '';
    position: absolute;
    left: 0 !important;
    top: 0 !important;
	right: auto;
    height: 100%;
    border-right: 0.5px solid #FEB019;
}
.chart-wrapper.prog-wrap .chart-values li.half-day::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    border-right: 0.5px solid #FEB019;
	min-height: 1000vh;
}
.hf-off {
	background: #FFFFFF;
	border-radius: 10px;
	color: #FEB019;
	font-weight: 500;
	font-size: 8px;
	padding: 2px;
}
.chart-wrapper.prog-wrap .chart-values li.full-day::before {
    content: '';
    position: absolute;
    left: 0 !important;
    top: 0 !important;
	right: auto;
    height: 100%;
    border-right: 0.5px solid #42A5F5;
}
.chart-wrapper.prog-wrap .chart-values li.full-day::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    border-right: 0.5px solid #42A5F5;
	min-height: 1000vh;
}
.full-off {
	background: #FFFFFF;
	border-radius: 10px;
	color: #42A5F5;
	font-weight: 500;
	font-size: 8px;
	padding: 2px;
}
.chart-wrapper .chart-values li.full-day {
	background: #42A5F5;
	color: #fff;
}

/*-----------------
	38. Chat Profile
-----------------------*/

.profile-widget {
	padding: 20px;
}
.profile-header h2 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
}
.close-section {
	margin-left: auto;
}
.close-section i {
	font-size: 20px;
}
.chat-info p {
	color: #808080;
	font-size: 14px;
	margin-bottom: 10px;
}
.chat-user-group.profile-user {
	border: 0;
	border-top: 1px solid #FAFAFF;
	border-bottom: 1px solid #FAFAFF;
	box-shadow: none;
	padding: 10px 0px;
}
.profile-user .user-titles h5 {
	font-size: 20px;
	font-weight: 500;
}
.profile-user .user-titles p {
	font-size: 12px;
}
.profile-check-group {
	border: 1px solid #E9E9FF;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 15px;
}
.block-check h4 {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 0;
}
.profile-select-group h4 {
	font-size: 20px;
	font-weight: 600;
}
.profile-master-filter {
	height: 43px;
}
.profile-master-filter .last-update {
	width: 100%;
}
.block-check .form-check-input {
	z-index: 999;
	right: 0;
}
.block-check {
	position: relative;
}
.block-check .form-check-input:checked {
    background-color: #65C466;
    border-color: #65C466;
}
.lesson-group .profile-card {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    margin-bottom: 10px;
}
.lesson-group .profile-card h6 {
	margin-bottom: 0;
}
.profile-title > a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    color: #000;
}
.profile-title a {
    border-radius: 4px;
    padding: 7px;
    font-weight: 400;
    font-size: 14px;
    color: #808080;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    font-weight: 600;
    font-size: 14px;
    padding-right: 40px;
}
.project-document {
	background: #FBFBFF;
	border: 1px solid #E9E9FF;
	border-radius: 10px;
	padding: 15px;
	margin-bottom: 15px;
}
.project-document ul {
	padding: 0;
}
.project-document ul li {
	color: #344357;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 20px;
}
.project-document ul li img {
	margin-right: 6px;
}
.bg-count {
	background: #4B4B9F;
	width: 18px;
	height: 18px;
	color: #fff;
	font-size: 10px;
	border-radius: 5px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	margin-left: 10px;
	flex-shrink: 0;
}
.open-img img {
	margin-right: 10px;
}
.card {
	width: 100%;
}
.fa-smile {
	font-weight: 500;
}

.clear-chat {
	position: absolute;
	width: 100%;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.clear-chat p {
	font-size: 14px;
	font-weight: 500;
	text-align: center;
}
.clear-chat p i {
	padding-right: 15px;
}
.space-profile {
	margin-bottom: 30px;
}
.group-chats .more-avatars {
	margin-right: 0;
	width: 30px;
    height: 30px;
	background: #FFF3F3;
	border: 0.5px solid #F2F2F2;
    color: #FD6B59;
}
.group-chats .more-avatars.bg-avatar-one {
	background: #F2F6FF;
	border: 0.5px solid #F2F6FF;
    color: #407BFF;
}
.group-chats .more-avatars.bg-avatar-one img {
    background: #F2F6FF;
    border: 0.5px solid #F2F6FF;
    color: #407BFF;
    width: 30px;
    height: 30px;
}
.group-chats .more-avatars.bg-avatar-two {
	background: #E9E9FF;
	border: 0.5px solid #E9E9FF;
	color: #4B4B9F;
}
.chat-user-group .user-group-chat .img-users {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
.chat-user-time .project-name li a img,
.chat-user-time .more-set a {
    width: 30px;
    height: 30px;
    border-radius: 50px;
}
.group-chat-text p {
	color: #838383;
	font-size: 12px;
	font-weight: 400;
	margin-top: 10px;
}
.direct-chat {
	background: #FFFFFF;
    border: 1px solid #4B4B9F;
    border-radius: 5px;
    margin-right: 15px;
    color: #4B4B9F;
}
.search-input.chat-input input[type="text"] {
	width: 100%;
	margin-bottom: 20px;
}
.add-user-chat .chat-menu {
	background: #4B4B9F;
    border: 0.5px solid #F2F2F2;
    border-radius: 50px;
    width: 30px;
    height: 30px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	margin-left: 15px;
}
.add-user-chat .dots {
	font-size: 20px;
	color: #fff;
}
.add-user-chat .drop-item .dropdown-menu .dropdown-item {
    font-size: 14px;
}
.add-user-chat .drop-item .dropdown-menu {
    min-width: 292px;
}
.select-user {
	margin-left: auto;
	color: #1DB299;
}
.img-chat-view img {
	border-radius: 10px;
	width: 100%;
}
.add-img-chat a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.58));
	border-radius: 10px;
}
.add-img-chat {
	width: 100%;
	position: relative;
}
.add-img-chat i {
	position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.select-new-group {
	margin-bottom: 20px;
}
.private-group {
	background: #FBFBFF;
	border: 1px solid #E3E2FF;
	border-radius: 5px;
	width: 100%;
	padding: 15px;
}
.private-group.active {
	border: 1px solid #1DB399;
}
.private-group h3 {
	color: #344357;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0;
}
.attach-check {
	margin-left: auto;
}
.attach-check i {
	color: #1DB299;
	font-size: 20px;
}
.private-head {
	margin-right: 10px;
}
.toggle-sidebar-two .form-group .multiselect-selected-text {
	position: absolute;
    right: 9px;
    top: 9px;
	background: #E3E2FF;
	border-radius: 5px;
	padding: 6px;
}
.add-access {
	width: 45px;
    height: 45px;
    background: #FFFFFF;
    border: 1px solid #E9E9FF;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}
.img-group {
	background: #F5F5FF;
	border: 1px solid #E3E2FF;
	border-radius: 5px;
	padding: 6px 10px;
	height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.img-group img {
	border: 0.5px solid #F2F2F2;
	border-radius: 50px;
	width: 30px;
	height: 30px;
}
.img-group .name-avatars {
	width: 30px;
	height: 30px;
}
.example-open .modal-backdrop { 
	background-color:transparent !important;
	opacity: 0;
	display: none;
}


/*-----------------
	39. Call
-----------------------*/

.call-chat .btn-default {
	background-color: #1DB299;
    border-color: #1DB299;
    color: #fff;
	padding: 0;
	width: 40px;
	height: 40px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.call-chat .btn-default:hover {
	background-color: #1DB299;
    border-color: #1DB299;
}
.dangers .btn-default {
	background-color: #FD6B59;
    border-color: #FD6B59;
    color: #fff;
}
.dangers .btn-default:hover {
	background-color: #f33a24;
    border-color: #f33a24;
}
.call-user img {
	width: 45px;
	height: 45px;
	border-radius: 50px;
}
.call-user-group {
	padding: 20px;
	text-align: center;
}
.caller-img img {
	width: 150px;
	height: 150px;
	border-radius: 10px;
}
.caller-img h3 {
	font-size: 24px;
	font-weight: 500;
	margin: 30px 0px 15px;
}
.caller-detail ul,
.caller-chat-list ul {
	padding: 0;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.caller-detail ul li {
	padding: 0px 10px;
	font-size: 16px;
}
.caller-chat-list {
	margin-top: 15px;
}
.caller-chat-list ul li {
	margin: 0px 10px;
	background: #FAFAFF;
	border-radius: 5px;
	width: 40px;
	height: 40px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.users-call-list {
	width: 100%;
}
.caller-histry-group {
	padding: 20px;
}
.caller-histry ul { 
	padding: 0;
}
.caller-histry li {
	border: 1px solid #E9E9FF;
	border-radius: 10px;
	padding: 15px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	margin-bottom: 15px;
}
.caller-histry li span {
	margin-left: auto;
}
.delete-log p {
	border: 1px solid #FF0000;
    border-radius: 10px;
    color: #FF0000;
    padding: 15px;
    width: 100%;
	text-align: center;
}
.delete-log {
	position: absolute;
    width: 100%;
    left: 0;
    padding: 0px 20px;
    bottom: 20px;
}
.call-start-list ul li a {
	background: #fff;
	border-radius: 5px;
	border: 1px solid #4B4B9F;
	margin-right: 10px;
	width: 71px;
	height: 40px;
	margin-bottom: 15px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.call-start-list ul li.active a {
	background: #4B4B9F;
	border-radius: 5px;
	border: 1px solid #4B4B9F;
}
.call-start-list ul {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	flex-wrap: wrap;
	padding: 0;
}
.meeting-date ul,
.meeting-users ul,
.meet-join-list ul {
	padding: 0;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.meeting-date ul li { 
	margin-right: 20px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.meeting-date ul li:last-child {
	margin-right: 0;
}
.meeting-date ul li i {
	border-radius: 5px;
	width: 25px;
	height: 25px;
	color: #fff;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.bg-date {
	background: #ED4A47;
}
.bg-time {
	background: #4FACFE;
}
.meeting-date {
	margin-top: 10px;
}
.meeting-user-name {
	margin-left: 10px;
}
.user-work-time .user-img-detail .meeting-user-name h5 {
	margin-left: 0px;
}
.meeting-users ul li {
	margin-right: 15px;
}
.chat-search-list.meet-dots {
	margin-left: 0;
}
.meeting-group,
.meeting-topic,
.join-list-group {
	padding: 20px;
}
.meeting-group .project-status h2 {
	font-size: 16px;
}
.meeting-group .project-status {
	width: 100%;
}
.view-list-meet {
	border: 1px solid #E9E9FF;
	border-radius: 10px;
	padding: 0;
}
.view-list-meet li {
	border-bottom: 1px solid #E9E9FF;
	padding: 20px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.view-list-meet li:last-child {
	border-bottom: 0;
}
.view-list-meet li span {
	margin-left: auto;
}
.meeting-topic h3 {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 15px;
}
.meet-join-list ul li {
	margin-right: 30px;
	font-weight: 500;
}
.meet-join-list ul li:last-child {
	margin-right: 0px;
}
.meet-join {
	margin-left: auto;
}
.meet-join .btn-primary {
	min-width: 114px;
	padding: 9px 15px;
}
.login-wrap-bg.login-meeting {
	padding: 50px;
}
.meeting-wrap .login-sec h1 {
    max-width: 300px;
}
.login-wrap.meeting-wrap {
	padding-top: 30px;
}
.file-meet .dropzone {
	background: #FBFBFF;
	border: 1px dashed #E3E2FF;
	border-radius: 5px;
	padding: 10px;
	min-height: 70px;
	text-align: center;
}
.file-meet .dropzone.dz-clickable .dz-message {
	display: none;
}
.made-deal h3 {
	font-size: 20px;
	font-weight: 500;
}
.email-meet-list ul {
	padding: 0;
}
.email-meet-list ul li {
	color: #344357;
	font-size: 16px;
	margin-bottom: 15px;
	font-weight: 500;
}
.email-meet-detail h4 {
	color: #4B4B9F;
	font-size: 16px;
	font-weight: 500;
	margin: 15px 0px 20px;
}
.add-meet-member .add-meet {
	background: #4B4B9F;
	border: 0.5px solid #F2F2F2;
	border-radius: 50px;
	width: 30px;
	height: 30px;
	color: #fff;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.peoples-added {
	margin-bottom: 20px;
}
.emails-send .btn-primary {
	background: #F15642;
	border: 1px solid #F15642;
	min-width: 135px;
	padding: 9px 15px;
}
.emails-send .btn-primary:hover {
	color: #F15642;
}
.email-card-head h5 {
	margin-bottom: 30px;
}
.note-editor.note-frame .btn-light {
	padding: 0.28rem 0.65rem;
	min-width: auto;
}
.new-meet-topic .popover-body {
	padding: 0;
}
.new-meet-topic .card .card-header {
	padding: 5px;
}
.meet-add-member .add-member {
    background: #FBFBFF;
    border: 1px dashed #E3E2FF;
    border-radius: 5px;
    padding: 30px;
    display: block;
    font-weight: 500;
    color: #344357;
    text-align: center;
    margin-bottom: 25px;
}
.meet-add-member .member-cont .trash {
    width: 45px;
    height: 45px;
    background: #FFFFFF;
    border: 1px solid #E9E9FF;
    border-radius: 5px;
    color: #FF0000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}
.meet-memer-counts .select-image img {
    width: 25px;
    height: 25px;
}
.meet-memer-counts .select-image-wrap {
	margin-bottom: 15px;
}
.file-drop-wrapper {
	position: relative;
}
.files-drop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
    height: 100%;
    z-index: 9999;
	display: none;
	background: transparent;
    /*padding: 20px;*/
    text-align: center;
}
.search-file .form-control {
	height: 40px;
	min-width: 300px;
}
.search-file a {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

/*-----------------
	40. Contact
-----------------------*/

.emty-contact-group h3 {
	font-size: 16px;
	font-weight: 500;
	margin-top: 30px;
}
.emty-contact-group p {
	color: #4B4B9F;
	font-size: 14px;
	font-weight: 400;
}
.chat-widgets {
	width: 100%;
}
.empty-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	height: calc(100vh - 305px);
}
.emty-contact-group {
	text-align: center;
}
.contact-active-img img {
	width: 150px;
	height: 150px;
	border-radius: 10px;
}
.caller-contact-detail h2 {
	color: #000000;
	font-size: 24px;
	font-weight: 500;
	margin-top: 30px;
}
.caller-contact-detail p {
	font-size: 16px;
	font-weight: 500;
	margin: 30px 0px;
}
.start-conversion .btn-primary {
	background: #F15642;
	border: 1px solid #F15642;
	border-radius: 5px;
	min-width: 219px;
	padding: 7px 15px;
	font-size: 15px;
	font-weight: 600;
}
.start-conversion .btn-primary:hover {
	color: #F15642;
}
.caller-contacts {
	height: 100%;
	width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	padding: 20px;
}
.contact-active-img {
	position: relative;
    width: 150px;
    height: 150px;
    margin: auto;
}
.contact-active-img .active-users {
    width: 12px;
    height: 12px;
    background: #1DB299;
    border-radius: 50px;
    position: absolute;
    right: 10px;
	top: 10px;
    border: 1px solid #FFFFFF;
}
.reposit-table {
    border: 1px solid #E9E9FF;
    border-radius: 10px;
}
.remove-contact {
	margin-top: 30px;
}
.remove-contact a {
	color: #344357;
	font-size: 14px;
}
.caller-contact-detail.caller-active-id p {
	color: #838383;
	font-size: 12px;
}
.profile-active-group {
	margin-top: 50px;
}
.pro-addr-list {
	margin-left: 20px;
}
.pro-addr-list h5 {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 5px;
}
.pro-addr-list p {
	font-size: 14px;
	font-weight: 500;
}
.profile-detail {
	border-bottom: 1px solid #E9E9FF;
	padding: 20px;
}
.profile-form .form-control {
	background: #FBFBFF;
	border: 1px solid #E3E2FF;
}
.profile-form .select2-container {
	background: #FBFBFF;
}
.profile-form label {
	font-size: 14px;
	font-weight: 500;
}
.update-reset .btn-primary {
	font-size: 15px;
	font-weight: 600;
	min-width: 100px;
	padding: 7px 15px;
}
.update-reset .update-profile {
	background: #F15642;
	border-radius: 5px;
	border: 1px solid #F15642;
	color: #fff;
}
.update-reset .update-profile:hover {
	color: #F15642;
}
.update-reset .reset-profile {
	background: #DFDFDF;
	border-radius: 5px;
	border: 1px solid #DFDFDF;
	color: #000;
}
.update-bg-img {
	margin: 90px 0px 20px;
}
.update-bg-img img {
	width: 100%;
	height: 149px;
}
.edit-img-update {
	width: 120px;
	height: 120px;
	margin: auto;
	position: relative;
}
.edit-img-update img {
	border-radius: 10px;
	width: 100%;
}
.edit-group {
	position: absolute;
    top: 30px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.personal-updates {
	position: relative;
}
.files-type p {
	font-size: 12px;
	font-style: italic;
	font-weight: 400;
	color: #fff;
	margin: 10px 0px;
}
.files-type h5 {
	font-size: 15px;
	font-style: italic;
	font-weight: 400;
	color: #fff;
}
.active-edit {
    position: absolute;
    right: 10px;
    top: 10px;
	width: 24px;
	height: 24px;
	background: #4B4B9F;
	color: #fff;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	border-radius: 5px;
}
.pro-active {
	margin-top: 30px;
}
.profile-actives ul {
	padding: 0;
}
.pro-active .btn-default {
	min-width: 182px;
	background: #FBFBFF;
	border: 1px solid #E3E2FF;
	border-radius: 5px;
	padding: 10px 15px;
}

.pro-active {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.color-one {
	color: #1DB299;
}
.dots-actives {
	font-size: 12px;
}
.pro-active .dropdown-item {
    padding: 10px;
}
.contact-active-img .active-users.color-one {
	background: #1DB299;
}
.chat-conduct {
	width: 100%;
	padding: 20px;
}
.contact-alphapets {
	background-color: #FFF;
	margin-right: 30px;
    width: 100px;
	box-shadow: 0px 31px 70px #D5E4EB;
	border-radius: 10px;
	padding: 20px;
}
.alphapets-inner a {
    display: block;
    text-align: center;
	color: #344357;
	font-weight: 600;
	font-size: 16px;
	width: 40px;
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	border-radius: 5px;
	margin: 0 auto;
}
.alphapets-inner a.refresh {
	background: #FD6B59;
	color: #FFFFFF;
	border: 1px solid #FD6B59;
	border-radius: 5px;	
}
.alphapets-inner a:last-child {
	padding-bottom: 0;
}
.name_search.active {
	background: #4B4B9F;
	color: #FFF;
}
.search-btns {
	width: 40px;
	height: 40px;
	background: #FFFFFF;
	border: 1px solid #4B4B9F;
	border-radius: 5px;
	color: #4B4B9F;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
#filter_inputs1 {
    display: none;
}
.search-filters .search-btns {
	background: #4B4B9F;
	color: #fff;
}
.profix-height {
	height: calc(100vh - 105px);
    display: flex;
    flex-direction: column;
}
.profix-height .btn-submit {
	margin-top: auto;
}

.ticket-list {
	padding: 0;
	margin: 0;
}
.ticket-list li {
	font-weight: 500;
	margin-bottom: 35px;
}
.ticket-list li span {
	font-weight: 400;
	width: 60%;
    float: right;
}
.ticket-list li:last-child {
	margin-bottom: 0;
}
.ticket-head {	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	flex-wrap: wrap;
	background: #FFFFFF;
	box-shadow: 0px 31px 70px #D5E4EB;
	border-radius: 10px;
	padding: 15px 15px 5px;
	margin-bottom: 20px;
}
.ticket-head h4 {
	font-weight: 400;
	color: #000;
}
.ticket-select div {
	display: inline-block;
	margin: 0 10px 10px 0;
}
.ticket-select div:last-child {
	margin-right: 0;
}
.create-ticket {
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;	
}
.ticket-img {
	flex-shrink: 0;
	margin-right: 15px;
}
.ticket-info h6 {
	font-size: 16px;
	margin-bottom: 2px;
}
.ticket-info {
    overflow: hidden;	
}
.ticket-info p {
	color: #4B4B9F;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.text-danger-light {
	color: #FD6B59;
}
.card-describe h6 {
	font-size: 16px;
	margin-bottom: 18px;
}
.text-orange-light {
	color: #FF9B44;
}
.text-blue {
	color: #407BFF;
}
.text-green {
	color: #1DB299;
}
.text-darkblue {
	color: #4B4B9F;
}
.text-lightgreen {
	color: #3FC34D;
}
.file-ticket .file-drop {
	margin-top: 78px;
}

.knowledge-group {
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 10px;
	padding: 15px;
	margin-bottom: 20px;
}
.knowledge-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
}
.knowledge-head h6 {
	font-size: 14px;
	margin-bottom: 15px;
}
.drop-items {
	margin-bottom: 15px;
}
.drop-items > a {
	width: 30px;
	height: 30px;
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}
.knowledge-body p {
	font-size: 12px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.knowledge-duration {
	font-size: 12px;
	color: #838383;
}
.public-badge {
	background: #3FC34D;
}
.public-badge, .private-badge {
	border-radius: 20px;
	padding: 3px 12px;
	display: inline-block;
	color: #FFF;
	font-size: 12px;
	margin-left: 10px;
	margin-bottom: 15px;
}
.private-badge {
	background: #344357;
}
.attach-file-bg {
	padding: 6px 13px;
	display: inline-block;
	color: #FFF;
	font-size: 12px;
	background: #4B4B9F;
	border-radius: 5px;
}
.category-drops ul {
	padding: 0;
}
.category-drops .btn-default {
    min-width: 140px;
    border: 1px solid #E3E2FF;
    border-radius: 5px;
    padding: 4px 15px;
	text-align: left;
	font-size: 14px;
}
.project-chart-blk {
	padding: 0;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.project-chart-blk li {
	margin-right: 5px;
}
.project-chart-blk a {
	color: #344357;
	padding: 10px 10px;
	position: relative;
	display: inline-block;
}
.project-chart-blk a.active:after {
	content: "";
	position: absolute;
	background: #FD6B59;
	width: 100%;
	height: 2px;
	left: 0;
    bottom: 0;
}
.project-chart-blk a:before {
	content: "";
	position: absolute;
	background: #FD6B59;
	width: 100%;
	height: 2px;
	left: 0;
    bottom: 0;
	opacity: 0;
	transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.project-chart-blk a:hover:before {
	content: "";
	position: absolute;
	background: #FD6B59;
	width: 100%;
	height: 2px;
	left: 0;
    bottom: 0;
	opacity: 1;
	transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.know-title {
	background: #FFFFFF;
	box-shadow: 0px 31px 70px #D5E4EB;
	border-radius: 10px;
	padding: 15px 15px 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
	margin-bottom: 16px;
	flex-wrap: wrap;
}
.know-title h4 {
	font-weight: 400;
	margin-bottom: 10px;
}
.know-title .drop-items {
    margin-bottom: 10px;
}
.know-title .drop-items > a {
	background: #4B4B9F;
	border: 1px solid #4B4B9F;
	border-radius: 5px;   
	color: #fff;
	width: auto;
	height: auto;
    font-weight: 500;
    font-size: 16px;
    padding: 7px 20px;
}
.know-title .dropdown-menu {
    min-width: 110px;
}
.know-desc h6 {
	margin-bottom: 18px;
}
.know-desc .like-list {
	border-top: 1px solid #EFF2F5;
	padding: 20px 0 0 0;
	margin: 70px 0 0;
}
.know-desc .like-list li {
	display: inline-block;
	margin-right: 40px;
}
.know-desc .like-list li a {
	color: #344357;
	font-weight: 500;
}
.know-desc .like-list li a i {
	color: #4B4B9F;
	font-weight: 700;
	margin-right: 10px;
}
.know-desc h5 {
	font-size: 16px;
	margin-top: 20px;
}
.help-list {
	padding: 0;
	margin: 0 0 10px;
}
.help-list li {
	display: inline-block;
}
.help-list li {
	margin-right: 10px;
}
.review-box {
	background: #FFFFFF;
	border: 1px solid #E9EBF0;
	border-radius: 8px;
	padding: 15px;
	margin-bottom: 15px;
}
.sent-box.review-box {
	margin-left: 80px;
}
.review-box img {
	width: 40px;
    height: 40px;
    border-radius: 50%;
	margin-right: 10px;
}
.review-info {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
	flex-wrap: wrap;
}
.review-info ul {
	padding: 0;	
	margin-bottom: 18px;
}
.review-info ul li {
	display: inline-block;
	margin-right: 25px;
}
.review-info ul li:last-child {
	margin-right: 0;
}
.review-info ul li a {
	font-size: 16px;
}
.review-name h6 {
	font-weight: 400;
	color: #334253;
	margin-bottom: 5px;
}
.review-name h6 span {
	background: #5357B6;
    border-radius: 2px;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    padding: 2px 6px;
}
.review-name p {
	font-size: 12px;
	color: #67727E;
}
.review-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;	
	margin-bottom: 18px;
}
.review-img .name-avatars {
	width: 40px;
    height: 40px;
	margin-right: 10px;
}
.reply-list {
	padding: 0;
}
.reply-box {
	position: relative;
	padding-left: 20px;
    margin-left: 30px;
}
.reply-box:before {
	content: "";
	left: 0;
    top: 10%;
    position: absolute;
    background: #E9EBF0;
    width: 2px;
    height: 80%;
}
.review-list {
	margin-bottom: 65px;
	padding: 0;
}
.comment-sec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.comment-sec .form-control {
	margin-right: 15px;
}
.comment-sec .btn {
	font-weight: 500;
	font-size: 16px;
	border-radius: 8px;
	padding: 8px 30px;
}
.relate-desc ul {
	margin: 0;
	padding: 0;
}
.test-icon .progressset.progress-set {
    width: 135px;
}
.relate-desc ul li {
	font-weight: 500;
	margin-bottom: 30px;
}
.relate-desc ul li:last-child {
	margin-bottom: 0;
}
.detail-list {
	margin: 0 0 10px;
	padding: 0;
}
.detail-list.det-list li, .detail-list.det-list li a {
	display: block;
	font-size: 14px;
}
.detail-list li {
	display: inline-block;
	margin: 0 7px 10px 0;
}
.detail-list li a {
	display: inline-block;
	background: #F2F2F2;
	border-radius: 5px;
	color: #344357;
	font-size: 12px;
	padding: 5px;
}
.kan-file .file-card {
	border: 1px solid #EFF2F5;
	border-radius: 5px;
	padding: 5px;
	margin-bottom: 10px;
}


/*-----------------
	41. Finance
-----------------------*/

.table thead tr th.table-title {
	font-weight: 600;
	font-size: 16px;
	color: #051639;
}
.table td.table-subtitle {
	font-weight: 500;
	font-size: 12px;
	color: #051639;
}
.sub-head {
	background: #E3E2FF;
}
.finance-table.table > tbody > tr > td {
	font-size: 12px;	
}
.finance-table .table-thead {
	background: #F9F9FF;
}
.finance-table::-webkit-scrollbar {
	width: 3px;
    background: #FAFAFF;
	height: 7px;
}
.finance-table::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #FAFAFF; 
	border-radius: 10px;
}
.finance-table::-webkit-scrollbar-thumb  {
	background: #344357; 
	border-radius: 10px;
}
.finance-table::-webkit-scrollbar-thumb:hover {
	background: #344357; 
}
.finance-table.table td, table.table th {
    border-color: #EFF2F5;
}
.finance-table.table-bordered td, .table-bordered th {
    border: 1px solid #EFF2F5;
}
.fin-select .select2-container {
	min-width: 180px;
}
.fin-select .select2-container .select2-selection--single {
	border: 1px solid #4B4B9F;
	height: 40px;
}
.fin-select .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
}
.fin-select .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
}
.btn-addplus {
	font-size: 24px;
}
.finance-card {
	background: #FAFAFF;
	border: 1px solid #E9E9FF;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 30px;
}
.finance-card ul {
	display: block;	
}
.finance-card ul li a {
	display: block;
	background: #FFFFFF;
	color: #051639;
	border-radius: 4px;
	font-weight: 500;
	font-size: 12px;
}
.finance-box  {
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 10px;
	padding: 20px;
}
.finance-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.finance-head h6, .finance-head a {
	margin-bottom: 16px;
}
.main-cat {
	margin-top: 100px;
}
.main-cat a {
	font-weight: 500;
	font-size: 12px;
	display: block;
	padding: 12px 8px;
}
.fc .fc-daygrid-body, .fc .fc-scrollgrid-section-body table, .fc .fc-scrollgrid table {
	width: 100% !important;
}
.content-center {
	display: flex;
    width: 100%;
    flex-direction: column;
    height: calc(100% - 60px);
    justify-content: center;
}
.note-editor .note-btn {
	border: 0;
	color: #606060;
	background: transparent;
	font-size: 14px;
}
.note-editor .note-toolbar > .note-btn-group {
	border-right: 0;
}
.note-editor.note-frame .note-statusbar {
	border-top: 0;
}
.toggle-sidebar .note-editor .note-btn {
    font-size: 12px;
}
.task-detailset {
    display: flex;
}
.task-content h4 {
    font-size: 16px;
    font-weight: 600;
    color: #344357;
}
.task-content p {
    color: #455A64;
    font-size: 13px;
}
.task-content {
    padding-right: 15px;
}
.member-popset {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.member-popset-progressbar .progressset {
    width: 85px;
}
.member-popset-progressbar .progressset .progress-bar {
    background-color: #FF8E3E;
}
.fs-20{
	font-size: 20px !important;
}
.toggle-sidebar hr{
	border-color: #bdbdbd;
}
.btn-primarycircle {
    background: #4B4B9F;
    color: #fff;
    border-radius: 50px;
    width: 30px;
	border:1px solid #4B4B9F;
    height: 30px;
    padding: 0;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-primarycircle:hover{
	background: transparent;
}
.note-color.open .note-dropdown-menu {
    display: flex !important;
}
.schedule-accord .test-icons .progressset {
    width: 100%;
}
.taskname-set{
	width:100%;
	margin:0 !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size:  16px;
}
/*-----------------
	. Manual
-----------------------*/

.all-manual ul {
	padding: 0;
	margin: 0;
}
.all-manual ul li {
	background: #F9F9F9;
	border-radius: 5px;
	padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;	
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
	margin-bottom: 10px;
}
.all-manual ul li.active, .all-manual ul li:hover {
	background: #4B4B9F;
}
.all-manual ul li.active p a, .all-manual ul li:hover p a {
	color: #fff;
}
.all-manual ul li p, .all-manual ul li:last-child {
	margin-bottom: 0;
}
.all-manual ul li p a {
	color: #838383;
}
.card-height {
/*	min-height: calc(100vh - 63px);*/
	min-height: calc(100vh - 32px);
}
.card-height-new {
    min-height: calc(100vh - 32px) !important;
}
.pro-card-height {
	min-height: 100vh;
}
.card-annual-main {
    background: #FFFFFF;
    box-shadow: 0px 30px 70px #d5e4eb;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 30px;
}
.manual-wrap {
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 20px;
}
.manual-head {
	background: #F7F7FF;
	border-radius: 10px;
	padding: 10px;
}
.manual-headtag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;	
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;	
}
.manual-head p {
	font-weight: 500;
	text-align: center;
	margin-bottom: 30px;
}
.manual-body {
	padding: 10px 0;
}
.manual-user .avatar {
	width: 30px;
	height: 30px;
	border-radius: 50%;
}
.manual-user img {
	margin-right: 7px;
}
.manual-user a {
	color: #344357;
}
.user-modify {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	margin-top: 8px;
}
.user-modify span {
	width: 35px;
	height: 35px;
	background: #F7F7FF;
	border-radius: 5px;	
	color: #4B4B9F;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;	
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
	margin-right: 10px;
}
.manual-user-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;	
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;	
	flex-wrap: wrap;
}
.manual-headtag .public-badge,
.manual-headtag .private-badge,
.manual-headtag .pro-action {
	margin-bottom: 5px;
}
.manual-user-time .project-name {
	margin-top: 8px;	
}
.manual-user-time .project-name li a img, .manual-user-time .more-set a {
    width: 30px;
    height: 30px;
}
.modify-item h6 {
	font-size: 12px;
	margin-bottom: 2px;
}
.modify-item p {
	font-size: 12px;
	color: #838383;
	margin-bottom: 0;
}
.text-paleorange {
	color: #E89950;
}
.manu-title {
	margin-bottom: 30px;
}
.custom-file.cus-file .change-user {
	padding: 5px 10px;
	right: 4px;
    top: 5px;	
	border-radius: 5px;
}
.trash-box {
	width: 45px;
	height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;	
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}
.img-view {
	background: #FBFBFF;
	border: 1px solid #E3E2FF;
	border-radius: 5px;
	padding: 8px;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;	
}
.img-view > div {
	width: calc(100% - 35px);
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;	
}
.img-view span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #263238;
	margin-left: 8px;
}
.img-view a {
	width: 30px;
	height: 30px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;	
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 5px;
	color: #FF0000;
	margin-left: auto;
}
.cus-file .custom-file-upload .file-upload-text {
	color: #B0B7BD;
}
.manual-steps {
	margin: 0;
	padding: 0;
	position: relative;
}
.manual-steps li:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    border-left: 1px dashed #4B4B9F;
}
.manual-steps li:after {
    content: "";
    display: block;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    left: -7px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #FD6B59;
}
.manual-steps li:first-child:before {
    top: 47%;
}
.manual-steps li:last-child:before {
	height: 47%;
}
.manual-steps .manual-wrapper {
	background: #FFFFFF;
	border: 1px solid #E9EBF0;
	border-radius: 8px;
	padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
}
.manual-steps li {
    position: relative;	
	padding: 0 0 30px 25px;
}
.manual-steps li:last-child {
	padding-bottom: 0;
}
.manual-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;	
	width: calc(100% - 60px);
}
.manual-img {
	width: 45px;
	height: 45px;
	background: #EEEEEE;
	border: 0.5px solid #F2F2F2;
	border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
	margin-right: 10px;
}
.manual-text h6 {
	font-weight: 400;
	color: #4B4B9F;
	margin-bottom: 7px;
}
.manual-text {
	overflow: hidden;
    flex: 1;
}
.manual-text p {
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.manual-steps li span {
	background: #4B4B9F;
	border-radius: 5px;
	color: #fff;
	padding: 5px 14px;
	display: inline-block;
}
.card-search {
	position: relative;
	margin-right: 15px;
}
.card-search span {
	position: absolute;
	content: "";
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}
.card-drop > a {
	width: 45px;
	height: 45px;
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}

/*-----------------
	41. Dashboard
-----------------------*/

.tot-task {
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 10px;
	padding: 25px;
	text-align: center;
	margin-bottom: 20px;
}
.board-card .tot-task {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 50px 22px;
}
.capacity-task {
    background: #FFFFFF;
    border: 1px solid #E9E9FF;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tot-task h5 {
	margin-bottom: 35px;
}
.tot-task p {
	font-weight: 600;
    font-size: 20px;
    color: #051639;	
}
.static-chart {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;	
}
.listing-task {
	padding: 0;
	margin: 0 0 0 60px;
}
.listing-task li {
	margin-bottom: 25px;
	border-width: 0 0 0 5px;
	border-style: solid;
	padding-left: 5px;
}
.listing-task p {
	margin-bottom:0;
}
.listing-task h6 {
	font-size: 15px;
}
.comp-task {
	border-color: #4B4B9F;
}
.inpro-task {
	border-color: #FEB019;
}
.hold-task {
	border-color: #3FC34D;
}
.pending-task {
	border-color: #FD6B59;
}
.rev-task {
	border-color: #4FACFE;
}
.task-tab {
	padding: 0;
	margin-bottom: 10px;
}
.task-tab li a {
	border-bottom: 2px solid transparent;
	margin: 0 5px 10px 0;
	padding: 7px;
	color: #344357;
	font-weight: 500;
	display: inline-block;
}
.task-tab li a.active {
	border-bottom: 2px solid #FD6B59;
}
.progress-bars .progress {
	border-radius: 10px;
}
.progress-bars {
	margin-bottom: 30px;
}
.progress-bars:last-child {
	margin-bottom: 0;
}
.green-bg {
	background-color: #3FC34D;
}
.orange-bg {
	background-color: #FF8E3E;
}
.progress-bars .progresssettop h6 span {
	font-weight: 400;
}
.progress-bars .progresssettop h6 {
	font-weight: 600;
}
.schedule-accord {
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 10px;
/*	width: 100%;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;*/
    padding: 20px 10px 10px;
	margin-bottom: 15px;
}
.schedule-accord:last-child {
	margin-bottom: 0;
}
.schedule-accord:hover {
	background: #E9E9FF;
}
.schedule-accord h5 {
	margin-bottom: 10px;
}
.schedule-accord h5 i {
	font-size: 15px;
}
.schedule-accord .test-icons {	
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.schedule-accord .test-icons > div {
	width: 123px;
	margin-bottom: 10px;
}
.schedule-accord .test-icons > div.test-icon-more {
	width: 20px;
}
.schedule-accord .test-icons > div.project-icons {
	width: 100px;
	margin-left: auto;
}
.schedule-accord .test-icon {
	position: relative;
	margin: 0 15px 10px 15px;
}
.schedule-accord .test-icon i {
	color: #1DB299;
}
.schedule-accord .test-icon:after {
	position: absolute;
	top: 35%;
	left: -15px;
	width: 1px;
	height: 12px;
	background: #4B4B9F;
	content: "";
}
.test-icon-more {
	margin: 0 0 10px 60px;
}
.schedule-accord .test-icons .test-icon:first-child {
	margin-left: 0;
}
.schedule-accord .test-icons .test-icon:first-child:after {
	content: none;
}
.schedule-tab {
	margin-bottom: 10px;
}
.schedule-tab li a {
	background: #FFFFFF;
	border: 1px solid #4B4B9F;
	border-radius: 5px;
	color: #4B4B9F;	
	padding: 9px 17px;
	margin: 0 20px 10px 0;
	display: inline-block;
}
.schedule-tab li a.active {
	background: #4B4B9F;
	border: 1px solid #4B4B9F;
	color: #FFFFFF;
}
.upload-pop-sec {
	position: fixed;
    bottom: 0;
    right: 0;
    overflow-y: auto;
    width: 100%;
    height: 100%;
	z-index: 10;
}
.upload-sec {
	width: 100%;
    margin-top: auto;
}
.uploading-item.upload-pop {
	position: relative;
	bottom: unset;
	right: 30px;
}
.uploading-item .file-upload {
	display: flex;
	max-width: 400px;
}
.uploading-item .file-upload > img {
	width: 75px;
	height: 75px;
	border-radius: 5px;
	margin-right: 20px;
}

.fc-event-title {
	padding-left: 15px !important;
}
.fc-event-title.private-key:after {
    color: #fff;
    content: '\f023';
    display: block;
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    font-weight: 600;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
}

/*-----------------
	41. Subscription
-----------------------*/

.down-load img {
	width: 15px;
}
.down-load {
	color: #FD6B59;
}
.subscribe-list ul {
	padding: 0 0 20px;
	margin: 0;
}
.subscribe-list ul li {
	display: inline-block;
	margin: 0 15px 15px 0;
}
.subscribe-list ul li a {
	background: #E9E9FF;
	border-radius: 8px;
	padding: 10px 15px;
	display: inline-block;
	min-width: 125px;
    text-align: center;
	text-transform: uppercase;
}
.subscribe-list ul li a.active {
	background: #4B4B9F;
	color: #fff;
}
.plan-wrap {
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	box-shadow: 0px 26px 70px rgba(213, 228, 235, 0.17);
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 24px;
}
.plan-title {
	background: #E5E2FF;
	border: 1px solid #E5E2FF;
	border-radius: 10px;
	padding: 24px;
	margin-bottom: 30px;
	position: relative;
}
.plan-title h6 {
	text-align: center;
	margin-bottom: 0;
	font-weight: 600;
	font-size: 20px;
}
.plan-title span {
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	background: #FD6B59;
	border-radius: 50px;
	padding: 3px 10px;
	color: #fff;
	font-weight: 600;
	font-size: 10px;
}
.plan-wrap ul {
	padding: 0;
	margin: 0 0 20px;
}
.plan-wrap ul li {
	text-align: center;
	margin-bottom: 20px;
}
.plan-wrap ul li > span {
	position: relative;	
	padding-left: 20px;
}
.plan-wrap ul li > span:before {
	position: absolute;
	left: 0;
	content: "\f058";
    color: #1DB299;
    font-family: FontAwesome;
}
.plan-wrap h5 {
	font-weight: 600;
	font-size: 20px;
	text-align: center;
	margin-bottom: 30px;
}
.plan-wrap h5 span {
	font-weight: 400;
	font-size: 14px;
	color: #808080;
}
.plan-wrap .btn {
	font-weight: 500;
	padding: 7px 10px;
	width: 100%;
}
.btn-green {
	background: #399E8D;
	border: 1px solid #399E8D;
	color: #fff;
	box-shadow: inset 0 0 0 0 #ffffff;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
.btn-green:hover {
	box-shadow: inset 0 50px 0 0 #ffffff;
    color: #399E8D;
}
.new-btn {
	font-size: 16px;
	padding: 7px 20px;
	margin-bottom: 15px;
	color: #4B4B9F;
	font-weight: 500;
}
.business-text {
	color: #4B4B9F;
	font-weight: 600 !important;
}
.cancel-item {
	margin-top: 25px;
}
.cancel-item .btn {
	min-width: 250px;
	font-weight: 600;
}
.subscribe-card {
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 24px;
}
.badge-default {
	background: #F15642;
	border-radius: 50px;
	font-weight: 600;
	font-size: 10px;
	color: #fff;
	padding: 5px 20px;
    display: inline-block;
	margin-bottom: 25px;
}
.badge-setdefault {
	background: #FFFFFF;
	border: 1px solid #4B4B9F;
	border-radius: 50px;
	font-weight: 600;
	font-size: 10px;
	color: #4B4B9F;
	padding: 5px 20px;
    display: inline-block;
	margin-bottom: 20px;
}
.subscribe-card .btn {
	font-size: 15px;
    font-weight: 600;
}
.subscribe-card .form-control[readonly] {
    background-color: #E9E9FF;
    opacity: 1;
}
.discussion-newset{
	padding: 10px;
	border:1px solid #EFF2F5;
	border-radius: 10px;
}
.bg-blue {
	background: #4B4B9F !important;
}
.custom-increment .input-group1{
	display: flex;
	display: -webkit-flex;
	width: 100%;
}
.custom-increment.cart .input-group1{
	justify-content: center;
	-webkit-justify-content: center;
}
.custom-increment input[type=text]{
	border: 1px solid #dbdbdb;
	border-radius: 0;
	padding: 1px;
	text-align: center;
	width: 20px;
	font-size: 12px;
}
.custom-increment.cart input[type=text]{
	width: 60px;
}
.custom-increment input[type=text]:focus{
	border-color: transparent;
}
.custom-increment button{
	font-size: 12px;
	height: 25px;
	background: #dcdcdc;
    color: #000;
    border: 0;
    display: inline-block;
}
.custom-increment button:hover,
.custom-increment button:focus,
.custom-increment button:active {
	background: #dcdcdc !important;
    color: #000 !important;
    border: 0 !important;	
}
.custom-increment.cart button{
	font-size: 10px;
}
.custom-increment button.btn-success{
	border-radius: 0 4px 4px 0;
}
.custom-increment button.btn-danger{
	border-radius: 4px 0px 0px 4px;
}
.input-group-btn .btn {
	padding: 7px 5px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.check-box {
	background: #FAFAFF;
	border-radius: 6px 0px 0px 6px;
	padding: 15px;
}
.check-title  h6{
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	padding-bottom: 15px;
	width: 90%;
}
.check-title {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.check-progress .progressset {
	width: calc(100% - 150px);
}
.check-progress {
	display: flex;
	justify-content: space-between;	
	-webkit-justify-content: space-between;
}
.check-list {
	padding: 0;
	margin: 0;
}
.check-list li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	padding: 10px 0;
}
.check-list li:last-child {
	border-bottom: 0;
}
.check-list .custom_check input:checked ~ .checkmark {
    background-color: #4B4B9F;
}
.check-list .custom_check .checkmark::after {
	color: #fff;
}
.check-list .custom_check input:checked ~ .check-name {
	color: rgba(52, 67, 87, 0.5);
	text-decoration: line-through;
}
.activity-box {
	background: #FFFFFF;
	padding: 15px;
}
.activity-box ul {
	padding: 0;
	margin: 0;	
}
.activity-box ul li, .check-list li {
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.check-list li .check-action {
	margin-left: auto;
}
.fs-18 {
	font-size: 18px;
}
.activity-box ul li:not(:last-child) {
	padding-bottom: 10px;
}
.activity-box ul li img, .activity-box ul li .name-avatars, .chat-activity .name-avatars {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-right: 10px;
}
.activity-box ul li p, .chat-activity p {
	color: #344357;
	font-weight: 500;
}
.activity-box ul li p span, .chat-activity p span {
	color: #4B4B9F;
}
.activity-box ul li > div, .check-list li label {
	width: calc(100% - 200px);
}
.activity-box ul li > span, .chat-activity > span {
	font-size: 12px;
	color: #838383;
	margin-left: auto;
}
.chat-activity {
	margin-bottom: 10px;
}
.det-cover-img {
	position: relative;
	margin-bottom: 20px;
}
.det-cover-img img {
	height: 105px;
	width: 100%;
    object-fit: cover;	
	border-radius: 5px;
}
.det-cover-img span {
	position: absolute;
	cursor: pointer;
	background: #FFFFFF;
	border-radius: 5px;
	color: #000000;
	padding: 5px;
	-ms-flex-pack: center;
	top: 10px;
	right: 3px;
}
.det-cover-img a.add-color {	
	position: absolute;
    right: 3px;
    bottom: 10px;
    background: #fff;
    padding: 5px;
    border-radius: 5px;
}
.det-cover-img a.delete {	
	position: absolute;
    left: 3px;
    top: 10px;
    background: #fff;
    padding: 2px 5px;
    border-radius: 5px;
}
.det-cover-img input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.pro-create .chat-body {
	min-height: auto;
    height: auto;
    overflow-y: hidden;
}
.kanban-box .cover-img img {
	width: 100%;
	height: 160px;
	object-fit: cover;
	border-radius: 7px;
	margin-bottom: 15px;
}
.doc-list ul {
	margin: 0;
	padding: 0;
}
.doc-list ul li h6 {
	margin-bottom: 3px;
}
.doc-list ul li {
	padding-left: 20px;
}
.doc-list ul li p {
	margin-bottom: 10px;
}
.title-submenu {
	position: static !important;
}
.title-submenu, .sub-title-item, .sub-title-item li {
	position: relative;
}
.title-submenu:before {
	position: absolute;
    content: "";
    top: 18px;
    bottom: 18px;
	left: 15px;
    width: 1px;
    height: calc(100% - 63px);
    background: transparent;
}
.cus-label {
	position: relative;
    margin: 0;
	z-index: 9;
}
.sub-title-item::before {
	position: absolute;
    content: "";
    top: 26px;
    bottom: 79px;
	left: 10px;
    width: 1px;
    height: calc(100% - 48px);
    background: #E9E9FF;
}

.sub-active {
	position: relative;
}
.sub-active:after, .sub-title-item li:before {
    position: absolute;
    content: "";
    border-top: 1px solid #E9E9FF;
    left: 0;
    width: 10px;
    height: 1px;
	top: 50%;
}
.overview-main .split-menuview::before {
	border-bottom:0;
 }
 .overview-main .split-menuview::after {
	border-top:0;
 }
.sub-title-item .sub-title-item li:before {
    position: absolute;
    content: "";
    border-top: 1px solid #E9E9FF;
    left: 7px;
    width: 5px;
    height: 1px;
	top: 50%;
}
.note-modal-backdrop {
	z-index: 1001;
}
.mentiony-link {
    background: #f0ffff;
    border-radius: 5px;
    padding: 5px;
}
.card-filter  .select-form {
	background: transparent;
}
.select-form {
	border: 1px solid #E3E2FF;
    height: 45px;
	background: #FBFBFF;
	padding-right: 30px;
    padding-left: 15px;
	border-radius: 4px;
}
.no-tasks {
	border: 1px solid #E3E2FF;
    background: #FBFBFF;
	border-radius: 8px;
	font-size: 14px;
	padding: 7px;
	text-align: center;
	color: #4B4B9F;
}
.chat-activity p {
	border: 1px solid #E3E2FF;
    background: #FBFBFF;
	border-radius: 8px;
	font-size: 14px;
	padding: 7px;
	color: #4B4B9F;	
	min-width: calc(100% - 40px);
    max-width: 100%;
}
.label-reminder {
    margin-top: 6px;
}
.drag-placeholder {
    height: 900px;
	width: 300px;
	flex: 0 0 350px;
	border: 1px solid #000;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #f6f6f6;
	margin-right: 25px;
}
.drag-placeholder-task {
    height: 300px;
	width: 320px;
	border: 1px solid #dfdfdf;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #dfdfdf;
}
.overview-main {
	margin: 0 0 20px;
	padding: 10px;
    border: 1px solid #E9E9FF;
    border-radius: 10px;
}
.overview-main ul {
    margin-left: -8px;
}
.overview-main li {
    list-style-type: none;
    position: relative;
}
.overview-main li::before {
    content: "";
    position: absolute;
    top: 4px;
    left: -10px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius: 0 0 0 0px;
    width: 30px;
    height: 15px;
}
.overview-main li::after {
    position: absolute;
    content:"";
    top: 18px;
    left: -10px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-radius: 0px 0 0 0;
    width: 20px;
    height: 100%;
}
.overview-main li ul li::before {
	top: -16px;
	height: 35px;
}
.overview-main li .title-set {
    padding: 5px 5px 5px 8px;
    position: static;
}
.overview-main li:last-child::after  {
    display: none;
}
.overview-main li:last-child:before{
    border-radius: 0 0 0 5px;
}
ul.overview-main>li:first-child::before {
    display: none;
}
ul.overview-main>li:first-child::after {
    border-radius: 5px 0 0 0;
}
.main-title {
    border: 1px solid #E9E9FF;
    padding: 10px;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    cursor: pointer;
}
.title-set .main-drop, .title-set .sub-active {
    display: flex;
	align-items: center;
}

/*-----------------
	Holiday
-----------------------*/

.profile-group {
    position: absolute;
    top: 30px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.profile-img-update img {
    border-radius: 50%;
    width: 142px;
}
.card-headerset h2 .profile-batge {
    background: #33AC72;
}
.profile-body {
    background: linear-gradient(90deg, #E9E9FF 0%, #FFE6FA 100%);
    border-radius: 10px;
    padding: 80px 0;
}
.member-profile-main {
    background: #FFFFFF;
    box-shadow: 0px 31px 70px #d5e4eb;
    border-radius: 10px;
    padding: 20px;
	margin-bottom:30px;
}
.member-profile-body {
    padding: 24px 24px 0;
    text-align: center;
    margin-top: -8rem;
}
.member-profile-content {
    padding: 24px;
}
.member-profile-body h5 {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: -0.005em;
    color: #08A0F7;
}
.day-main {
    display: block;
    position: relative;
    padding-left: 45px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 20px;
}
.border-top {
    border-top: 1px solid #EFF3FF!important;
}
.form-label-bold {
    font-weight: 700 !important;
    font-size: 14px;
    color: #344357;
} 
.daymark {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    stroke-width: 0;
    transition: all 300ms ease-in-out;
    position: absolute;
    top: 0;
    padding: 14px 18px;
    margin: auto;
    width: 45px;
    min-height: 45px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    height: 45px;
    background: #CAD1D8;
    border-radius: 50px;
    left: 0;
}
.day-main:hover input ~ .daymark {
    background-color: #FF8E3E
}
.day-main input:active ~ .daymark {
    background-color: red;
}
.day-main input:checked ~ .daymark {
    background-color: #FF8E3E;
    color: #ffffff;
}
.daymark:after {
    content: "";
    position: absolute;
    display: none;
}
.day-main input:checked ~ .daymark:after {
    display: none;
}
.day-main .daymark:after {
    left: 8px;
    bottom: 5px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 4px 4px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.day-off-flex {
    display: flex;
    padding: 0;
    flex-wrap: wrap;
}
.form-group.allow-form {
    margin-bottom: 1.05rem;
}
.btn-success {
	background-color: #33AC72;
	border: 1px solid #33AC72;
	-webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
.annual-form-control {
    background: #E3E2FF;
    border: 1px solid #E3E2FF;
    border-radius: 5px;
}
.form-group.form-margin {
    margin-top: 2.25rem;
    margin-bottom: 0;
}
.maternity-right {
    font-weight: 400;
    font-size: 14px;
    color: #808080;
}
.btn-leave {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    padding: 5px;
}
.btn-leave img {
    filter: brightness(0) invert(1);
}
.btn-danger:hover img {
    filter: sepia() saturate(10000%) hue-rotate(30deg)
}
.step-tab p {
    font-weight: 700;
    font-size: 14px;
    letter-spacing: -0.005em;
    color: #4B4B9F;
    margin-left: 10px;
}
#progressbar li {
    background: #F2F2F2;
}
#progressbar .activeli {
    background: #E9E9FF !important;
    margin-right: 5px;
}
.step-tab {
    display: flex;
    align-items: center;
}
.multistep-form-page .main {
  	width: 100%;
}
.multistep-form-page #progressbar {
	margin: 0;
	padding: 0;
	font-size: 18px;
    display: flex;
}
.multistep-form-page #progressbar::after {
    content: '';
    border-top: 2px dashed #ddd;
    position: absolute;
    width: 68%;
    top: 4.5%;
    z-index: -9;
    left: 14%;
}
.multistep-form-page #progressbar li {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #F2F2F2;
    justify-content: center;
    padding: 8px;
    margin-right: 5px;
}
.multistep-form-page #progressbar li h3 {
    text-align: center;
    color: #7D7D7D;
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
}
.multistep-form-page fieldset {
	display: none;
	width: 100%;
}
.multistep-form-page #first {
	display: block;
}
.multistep-form-page ul {
  	display: flex;
}
.multistep-form-page li {
	color: #000;
	font-size: 22px;
	font-weight: 400;
}
.day-main input[type=checkbox] {
    visibility: hidden;
}
fieldset .multisteps-form__title {
	font-size: 32px;
	font-weight: 400;
	margin-bottom: 15px;
	text-transform: uppercase;
}
fieldset h6 {
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 40px;
}
fieldset h5 {
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 40px;
	text-transform: uppercase;
}
fieldset .panel-title {
	background-color: #fff;
	padding: 15px;
	margin-bottom: 20px;
}
.next_btn, .next_btn:hover, .submit_btn, .submit_btn:hover {
    padding: 10px 32px;
    margin-top: 50px;
    font-weight: 600;
}
.pre_btn, .pre_btn:hover {
    padding: 10px 32px;
    margin-top: 50px;
    margin-right: 20px;
}
.multistep-form-page li::marker {
    content: none;
}
.multi-step-icon {
    width: 24px;
    height: 24px;
    border: 2px solid #4B4B9F;
    color: #344357;
    background-color: #F1F1F1;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.activeli .multi-step-icon {
    background: #4B4B9F;
    border-color: #4B4B9F;
    color: #fff;
}
.multistep-form-page .activeli span:before {
    color: #fff;
}
.multi-step-icon span {
    font-size: 16px;
}
.multistep-form-page #progressbar li.activeli h3 {
    color: #EFC10C;
}
.multistep-form-page .card {
    border-radius: 0;
    border-color: #EFEFEF;
    box-shadow: 0 7px 20px 0 rgb(0 0 0 / 10%);
}
.multistep-form-page .card-header {
    padding: 35px;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 0;
    border-color: #E8E8E8;
}
.multistep-form-page .card-header h4 {
    color: #474747;
    font-size: 22px;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
}
.multistep-form-page .card-header p {
    color: #474747;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
}
.multistep-form-page .card-header p>i {
    color: #FF6E1D;
    font-size: 20px;
    margin-right: 6px;
}
.multistep-form-page .card-body {
    padding: 35px;
}
.multistep-form-page .card-body .form-control {
    height: 70px;
    border-color: #E5E5E5;
    margin: 0px;
    color: #474747;
    font-size: 18px;
    font-weight: 400;
}
.radio-input {
    visibility: hidden;
}
.radio-label {
	position: relative;
	padding-left: 20px;
}
.radio-label:after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	left: 0;
	top: 4px;
	border-radius: 50%;
	transform: translate(-50%);
}
.radio-border {
	width: 20px;
	height: 20px;
	display: inline-block;
	outline: solid 3px #E3E2FF;
	border-radius: 50%;
	position: absolute;
	transform: translate(-50%);
	left: 0px;
	top: 0px;
}
.radio-input:checked + .radio-label:after {
	transition: all 0.5s;
	background-color: #4B4B9F;
}
.holiday-toggle{
    min-width: 202px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.table-profile {
    display: flex;
    align-items: center;
}
.table-profileimg img {
    width: 30px;
    height: 30px;
    border-radius: 50px;
}
.table-profilecontent {
    padding-left: 5px;
}
.table-profilecontent h5 {
    font-size: 14px;
    color: #344357;
    margin: 0 0 5px;
}
.table-profilecontent h6 {
    font-size: 12px;
    margin: 0;
    color: #838383;
}
.statics-time {
    border: 1px solid #E9E9FF;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}
.statics-time {
    display: block;
    width: 100%;
}
.board-card .tot-task h5 {
    margin-bottom: 0;
}
.dash-nav .card.active, .statics-time.active, .hideact.active {
    border: 2px solid #1DB399;
    box-shadow: 0px 4px 7px rgb(136 136 136 / 40%);
}
.progresssetbottom{
    padding-top:10px;
    text-align: right;
}
.progresssetbottom h6{
    background: #F4F4FF;
    border:1px solid  #4B4B9F;
    min-width: 100px;
    border-radius: 50px;
    color: #4B4B9F;
    font-size: 10px;
    padding: 5px;
    display: inline-block;
    text-align: center;
    margin: 0;
    font-weight: 600;
}

.statics-time .progresssettop h5, 
.statics-time .progresssettop h6 {
    font-size: 14px;
}
.priority-bases h6{
    min-width: 70px;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    border-radius: 5px;
    padding: 6px 3px;
}
.high-priority{
    background:#ff0000;
}
.medium-priority{
    background: #FFCC66;
}
.statics-time:last-child {
    margin: 0;
}
.low-priority{
    background: #3FC34D;
}
.priority-bases {
    margin-right: 15px;
}
.schedule-accord:hover .chat-links a{
    border: 1px solid #fff;
}
.chat-links a {
    min-width: 60px;
    display: block;
    border: 1px solid #E9E9FF;
    padding: 5px 10px;
    text-align: center;
    height: 35px;
    border-radius: 5px;
}
.chat-links {
    display: flex;
    align-items: center;
}
.chat-links a:hover {
    background: #F4F4FF;
    color: #4B4B9F;
}
.drop-menuset a.dropdown-item.active {
    background: #FAFAFF;
    color: #344357;
}
.drop-menuset {
    padding: 15px;
}
.drop-menuset a.dropdown-item{
    background: #FCFCFC;
}
.drop-menuset a.dropdown-item img{
    margin-left: 25px;
    margin-right: 0;
}
.drop-menuset a.dropdown-item img.drop-profile {
    margin: 0;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    margin-right: 10px;
}
.drop-menuset a.dropdown-item.drop-menusetsub{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.drop-menuset a.dropdown-item.drop-menusetsub span{
    display: flex;
    align-items: center;
}
.letter-set{
    width: 25px;
    height: 25px;
    border-radius: 50px;
    margin-right: 10px;
    background: #DCFFF9;
    color: #1DB299;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.drop-menuset {
    max-height: 162px;
    overflow: auto;
}
.drop-menuset::-webkit-scrollbar {
    width: 5px;
}
.drop-menuset::-webkit-scrollbar-track {
    background: #FAFAFF; 
}
.drop-menuset::-webkit-scrollbar-thumb {
    background: #344357; 
}
.drop-menuset::-webkit-scrollbar-thumb:hover {
    background: #555; 
}
.drop-menusetinput{
    min-width: 315px;
    padding: 25px;
}
.theme-main {
    margin:50px;
}  
.inline-dropdown-menu {
  position: relative;
}
.inline-dropdown-menu-list {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
}
.inline-dropdown-menu-list.pull-right {
    right: 0;
    left: auto;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu > .inline-dropdown-menu-list {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu > .inline-dropdown-menu-list {
    display: none;
}
.dropdown-submenu:hover > .inline-dropdown-menu-list {
    display: block;
}
.dropup .dropdown-submenu > .inline-dropdown-menu-list {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px;
    -webkit-border-radius: 5px 5px 5px 0;
    -moz-border-radius: 5px 5px 5px 0;
    border-radius: 5px 5px 5px 0;
}
.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
    border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left > .inline-dropdown-menu-list {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.drop-input{
    margin-bottom: 15px !important;
}
ul.btn-dropdown {
    padding: 0;
    display: flex;
    align-items: center;
    margin-top: 15px;
}
ul.btn-dropdown li {
    width: 50%;
    text-align: center;
    margin: 0;
}
ul.btn-dropdown li a {
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    transition: all 0.5s;
}
ul.btn-dropdown li:first-child {
    padding-right: 15px;
}
.btn-filters {
    background: #F15642;
}
.btn-reset {
    background: #838383;
}
.btn-reset:hover {
    box-shadow: 0  50px 0 0 #fff inset;
    color: #838383;
}
.btn-filters:hover {
    box-shadow: 0 50px 0 0 #fff inset;
    color: #F15642;
}
.inline-dropdown-menu .btn-activity {
    min-width: 150px;
    text-align: left;
    font-weight: 500;
}
.inline-dropdown-menu .btn-activity i {
    float: right;
    position: relative;
    top: 4px;
}
.smartwrap .fl-grid {
	display: none;
}
.dplaceholder {
	border: 1px solid #4B4B9F;
}
.mod-card {
	background: #FBFBFF;
	border: 1px solid #E3E2FF;
	border-radius: 5px;
	padding: 20px;
}
.documentation-set {
    margin-bottom: 30px;
    position: relative;
}
.documentation-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.documentation-head .main-drop {
    display: flex;
}
.documentation-submenu {
    display: flex;
    align-items: center;
    justify-content: space-between;
	margin-bottom: 20px;
	position: relative;
}
.documentation-submenu::after {
    position: absolute;
    content: "";
    background: #ccc;
    width: 1px;
    height: 47px;
    top: 10px;
    left: 6px;
}
.documenatation-subview .documenatation-subview .documentation-submenu::after{
	background: #ccc;
}
.documenatation-subview:last-child .documentation-submenu::after{
	background: transparent;
}
.documentation-submenunew::after{
	background: #ccc !important;
	top: auto;
	left: -10px;
    bottom: 16px;
}
.documentation-headname span {
    margin-left: 5px;
	font-size: 13px;
}
.documentation-headname {
    display: flex;
}
.documentation-submenu .main-drop {
    display: flex;
}
.documentation-main {
    position: relative;
}
.documenatation-subview {
    padding-left: 15px;
}
.documentation-main::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    top: 8px;
    left: 6px;
    z-index: 1;
    background: #ccc;
}
.documentation-main::before {
	position: absolute;
    content: "";
    background: #fff;
    width: 1px;
    height: 26px;
    bottom: -10px;
    left: 6px;
    z-index: 999;
}
.documentation-submenu .documentation-headname {
    position: relative;
}
.title-item.title-list.treeview ul{
	padding-left: 23px;
}
.tree-heading{
	font-weight: 600;
}
.treeview + .treeview {
    margin-top: 15px;
}
.documentation-submenu .documentation-headname::after {
    position: absolute;
    content: "";
    background: #ccc;
    width: 15px;
	height: 1px;
    left: -11px;
    top: 7px;
    z-index: 1;
}
.treeview > ul {
    width: 100%;
    position: relative;
    padding-left: 5px;
}
.treeview ul li {
	width: 100%;
	position: relative;
	margin-top: -3px;
}
.treeview ul li::after {
    position: absolute;
    content: "";
    background: #ccc;
    width: 1px;
    height: 100%;
    top: 0px;
    width: 1px;
    left: 0;
}
.treeview ul li::before {
    position: absolute;
    content: "";
    background: #ccc;
    height: 100%;
    bottom: 12px;
    width: 1px;
    left: 0;
}
.treeview ul li:last-child::after{
	height: 28px;
    top: -10px;
}
.treeview ul li:last-child::before{
	height: 0;
}

.treeview ul .documentation-head {
	width: 100%;
	font-size: 14px;
	line-height: 1.5;
	padding-left: 18px;
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
}
.title-submenu .add-doc{
    width: 25px;
    height: 25px;
}
.title-submenu .main-drop .dropdown{
	width: 25px;
    height: 25px;
}
.treeview ul .documentation-head:before {
	content: "";
	width: 20px;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	top: 50%;
	bottom: 50%;
	left: 0;
}
.treeview ul .documentation-head  ul {
	margin: 20px 0;
}
.treeview ul .documentation-head  ul li {
	border-left-color: #ccc;
	margin-left: 50px;
	width: calc(100% - 50px);
}
.treeview ul .documentation-head  ul li  .documentation-head {
	color: #ccc;
	padding-left: 15px;
}
.treeview ul .documentation-head  ul li .documentation-head:before {
	background-color: #ccc;
	width: 10px;
}
.title-item.title-list.treeview ul{
	position: relative;
}
/* .title-item.title-list.treeview li li ul::after,
.title-item.title-list.treeview li:last-child ul:after{
    position: absolute;
    content: "";
    background: #fff;
    width: 1px;
    height: 100%;
    left: -1px;
    bottom: 14px;
    z-index: 9;
} */

.treeview > ul {
    padding-left: 7px !important;
}
.title-overview.title-tee-view{
	border: 1px solid #E9E9FF;
}
.title-item.title-list.treeview  ul li a {
    border: 1px solid #E9E9FF;
    border-radius: 5px;
}
.project-lists img{
	filter: brightness(0) invert(1);
}
.project-lists p,
.project-lists h2{
	color:#fff;
}
.task-listed li a.dropdown-item:hover{
	color:#fd6f56 !important;
}
.link-set.link-newset ul li {
    margin: 0 12px 12px 0;
}
.link-set.link-newset ul li a {
    font-size: 15px;
}
.details-set.details-newview ul li {
    width: 20%;
}
.know-title .know-title-head {
    font-size: 24px;
    font-weight: 600;
}
.database-description{
	height: calc(100% - 30px);
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.database-description ul.like-list {
    margin: 0;
}
.card-board-btn .btn {
	min-width: 150px;
}
.dropdown-menu.dropdown-board {
    width: 295px;
    padding: 10px;
}
.dropdown-board + .dropdown-board {
	padding-top: 0;
	padding-bottom: 0;
}
.board-head {
	border-bottom: 1px solid #EFF2F5;
	padding-bottom: 15px;
}
.board-head h6 {
	color: #344357;
	margin: 0;
}
.board-content ul {
    padding: 20px 0 ;
    display: flex;
    flex-wrap: wrap;
}
.board-content ul li {
    width: 50%;
    margin-bottom: 1px;
}
.btn-boardtable{
	background: #E9E9FF;
	color:#4B4B9F;
	width: 30px;
	height:30px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}
.board-content ul li a {
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 5px;
}
.board-content ul li a span {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 8px;
}
.board-content ul li a h6 {
    font-size: 10px;
    margin: 0;
    padding-left: 10px;
}
.board-content ul li a:hover {
    background: #eee;
}
.table-board th ,.table-board td{
	border: 1px solid #B6B6FF;
}
.add-task-board input{
	border:0;
}
.table-path{
	display: flex;
	align-items: flex-start;
}
.table-heights.table-path .table-add th:first-child, .table-heights.table-path .table-add td:first-child {
    width: auto;
	border: 0;
}
.table-add {
    margin-left: 15px;
}
.tab-miletstone .progress-wrap.chart-wrapper .chart-values li{
	height: auto;
    line-height: normal;
	padding: 10px 0;	
}
.milestone-wrap .title-overview.title-tee-view {
    border: 0;
    margin: 0;
}
.tab-miletstone .progress-wrap.chart-wrapper .chart-bars li .task-bar {
    height: 25px;
    line-height: 25px;
    border-radius: 22.5px;
    text-align: left;
    margin: 8px 0 5px;
    z-index: 1;
}
.tab-miletstone .progress-wrap.chart-wrapper .chart-bars li:first-child .task-bar{
	margin: 25px 0 10px;
}
.tab-miletstone .progress-wrap.chart-wrapper .chart-bars li:nth-child(2) .task-bar{
	margin: 10px 0 0px;
}
.tab-miletstone .progress-wrap.chart-wrapper .chart-bars li:last-child .task-bar{
	margin-bottom: 15px;
	margin-top: 15px;
}
.tab-miletstone .chart-wrapper.progress-wrap.week-wrapper {
    margin-bottom: 10px;
}
 .dropdown-scanario {
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 99;
    width: 30px;
    height: 30px;
	background: #fff;
    color: #4B4B9F;
    border: 1px solid #E9E9FF;
    border-radius: 5px;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}
.chart-wrapper ul {
    width: calc(100% - 1px);
}
.chart-wrapper.year-wrapper ul {
    width: 100%;
}
.file-cardset{
	display: flex;
    align-items: center;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 40px );
}
.trouble-actionset.trouble-action .taskchart-update {
    min-width: 32px;
}
.btn-caret{
	width:30px;
	height: 30px;
	line-height: 10px;
	transition: all 0.5s;
}
.collapsed.btn-caret i{
	transform: rotate(180deg);
}
.file-cardset .drop-upload {
    padding: 5px;
    border: 1px solid #4B4B9F;
}
.milestone-box .documentation-headname span {
    margin-left: 15px;
	width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
}
.milestone-box .documentation-headname span::after{
	position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    border: 1px solid #d5d5d5;
    left: 15px;
    top: 17px;
    background: #ffff;
}
.milestone-box .title-item p{
	margin-left: 10px;
	position: relative;
}
.milestone-box .title-item p::after{
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    border: 1px solid #d5d5d5;
    left: -24px;
    top: 3px;
    background: #ffff;
    z-index: 9;
}
/*-----------------
	41. Board Table
-----------------------*/

.card-headerset-new {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #E3E2FF;
    border-radius: 8px;
    padding: 10px;
	margin-bottom: 10px;
}
.card-headerset-new.active {
    border: 1px solid #1DB299;
}
.task-chart-details {
    display: flex;
    align-items: center;
}
.task-chart-img {
	display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
}
.task-chart-img img {   
	width: 24px;
	height: 24px;
}
.timeline-color {
    background: #9C27B0;
}
.text-color {
    background: #00A9FF;
}
.text-button {
    background: #4B4B9F;
}
.text-button {
    background: #4B4B9F;
}
.status-color {
	background: #65C466;
}
.priority-color {
	background: #FEB019;
}
.label-color {
	background: #A358DF;
}
.people-color {
	background: #00CFF4;
}
.date-color {
	background: #11DD80;
}
.location-color {
	background: #F53689;
}
.check-color {
	background: #FFAA00;
}
.dropdown-color {
	background: #F74875;
}
.country-color {
	background: #4CAF50;
}
.email-color {
	background: #FD6B59;
}
.table-board .btn-success {
	background: #42A545;
	border: 1px solid #42A545;
}
.table-board .btn-info {
	background: #35C3FC;
	border: 1px solid #35C3FC;
}
.table-board .btn-warning {
	background: #FF9B44;
	border: 1px solid #FF9B44;
}
.btn-violet {
	background: #9C27B0;
	border: 1px solid #9C27B0;
}
.btn-yellow {
	background: #FFCC66;
	border: 1px solid #FFCC66;
}
.btn-red {
	background: #FD6B59;
	border: 1px solid #FD6B59;
}
.task-chart-new {
    padding: 10px;
    border: 1px solid #FD6B59;
    border-radius: 8px;
}
.task-chart-new a {
    color: #FD6B59;
}
.task-chart-content h6 {
    font-weight: 500;
    font-size: 16px;
    color: #323338;
	margin-bottom: 0;
}
.task-chart-content {
    margin-left: 15px;
}
.task-chat-title {
    font-weight: 500;
    font-size: 20px;
    color: #000000;
	margin-bottom: 15px;
}
.chat-card-new {
    border: 1px solid #4B4B9F;
    border-radius: 5px;
    padding: 15px 15px 0;
}
.card-body-chat {
    border-top: 1px solid #EFF2F5;
	padding: 20px 0 10px 0;
}
td.task-priority-btn {
    background-color: #F2F2F2 !important;
    min-width: 247px;
}
.drop-button-status {
    position: relative;
    outline: none;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    font-size: 14px;
    height: 40px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.people-btn img {
    width: 30px;
}
.poplebox-style-avatar-circle img {
    width: 25px;
}
.board-content-drop ul {
    padding: 0;
    margin: 0;
}
.board-content-drop ul li:last-child {
    margin: 0;
}
.search-member-people {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}
.search-member-people span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}
.people-content-drop ul li {
    margin-bottom: 20px;
}
.board-content-drop ul li {
    margin-bottom: 15px;
}
.text-gray-new {
    color: #9e9e9e;
}
.btn-gray-drop {
    background-color: rgb(196, 196, 196);
    height: 40px;
}
.add-label-button {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0px;
    width: 100%;
    background-color: #0085ff;
    color: #fff;
}
.dropdown-search-input {
    height: 35px;
    width: 100%;
    border-radius: 4px;
    padding-left: 12px;
    outline: none;
    font-size: 14px;
    border: none;
    background-color: var(--primary-background-color);
    border: 1px solid;
    border-color: var(--ui-border-color);
}
.dropdown-search-input {
    border: 1px solid #4B4B9F; 
    margin-bottom: 20px;
}
.check-btn-group .custom_check .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #E3E2FF;
    background-color: #fff;
    border-radius: 3px;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.location-map-new .form-group select {
    background: transparent;
    border: none;
}
.ds-text-content span a {
    color: #212529;
}
.table-board .table > tbody > tr > td, .table-board table.table > thead > tr > th,
.table-board .table tfoot tr > td {
    border: 1px solid #B6B6FF;
	background: #fff;
}
.table-board .table  tbody > tr > td {
	background: #fff;
}
.table-board .table tfoot td {
	padding: 15px;
}
.table-board .table thead tr th {
    font-weight: 500;
    font-size: 14px;
    padding: 10px 15px;
}
.table-board .table tbody tr td {
	font-weight: 500;
}
.clickme-btn {
    min-width: 170px;
    height: 40px;
}
.task-text-area {
    border: 0.5px solid transparent;
    border-radius: 4px;
    padding: 8px;
	font-size: 14px;
	width: 100%;
}
.apperence-auto{
	appearance: auto;
}
.task-text-area::placeholder {
	color: #344357;
	font-size: 14px;
	font-weight: 300;
}
.task-text-area:focus {
    border: 0.5px solid #4B4B9F;	
} 
td:hover .task-text-area {
    border: 0.5px solid #4B4B9F;	
}
.task-timeline {
    min-width: 237px;
    height: 25px;
    background: #E3E2FF;
    border-radius: 50px;
    padding: 15px;
}
.dropdown-menu.dropdown-priority {
    width: 160px;
    padding: 15px;
	margin: 0 28px 0 !important;
}
.table-date {
	min-width: 227px;
	background: #FBFBFF;
	border: 1px solid #E3E2FF;
}
.table-area {
	min-width: 511px;
	background: #FFFFFF;
	border: 0.5px solid transparent;
	border-radius: 4px;
	min-height: 65px !important;
}
td:hover .table-area {
	border: 0.5px solid #1DB399;
}
.table-relate {
	position: relative;
	min-width: 541px;
}
.table-relate p {
	width: 512px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.table-textarea {
	position: relative;
}
.table-board .custom_check {
	padding-left: 20px;
}
.table-board .custom_check .checkmark {
	border: 1.5px solid #8B83BA;
	padding-left: 17px;
}
.task-priority-btn .addboard > a {
	height: 35px;
}
.drop-list {
	min-width: 300px;
}
.table-hovers {
	transform: scale(0);
	transition: all 0.3s;
}
.people-btn:hover .table-hovers {
	transform: scale(1);
}
.people-content-drop .dropdown-search-input {
	width: 100%;
	border: 1px solid #E3E2FF;
	background: #FBFBFF;
	height: 44px;
}
.last-update{
	display: flex;
	align-items: center;
}
.table-headset {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.table-headset .link-tableset {
	opacity: 0;
	color: #333;
}
.dropdown-content ul {
	padding: 0;
}
.dropdown-content ul a {
	padding: 8px;
	display: block;
	border-bottom: 1px dashed #d5d5d5;
}
.table-headset:hover .link-tableset {
	opacity: 1;
}
.upload-files-div input[type="file"] {
	opacity: 0;
	width: 30px;
	height: 30px;
	z-index: 9;
	position: relative;
}

.upload-files-div {
	position: relative;
}

.upload-files-div span {
	position: absolute;
	left: 0;
	z-index: 1;
	background: #E9E9FF;
	padding: 5px;
	width: 30px;
	height: 30px;
	border-radius: 5px;
}

.upload-files-div span img {
	width: 100%;
}

.upload-filesset ul {
	padding: 0;
}

.upload-filesset {
	min-width: 150px;
}
.option-set ul {
	padding: 0;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.option-set ul li {
	margin: 5px;
}
.table-inputs{
	position: relative;
}
.option-set ul li span {
	background: rgba(57, 158, 141, 0.08);
	padding: 10px;
	color: #1DB299;
}
.last-update img{
	width: 32px;
	height: 32px;
	border-radius: 50px;
}
.last-update span{
	margin-left: 5px;
}
.people-content-drop .label-link-text{
	margin-bottom: 20px;
}
hr{
	border-color: #EFF2F5;
}
.link-tableset a {
	margin-left: 10px;
	border-radius: 5px;
	font-size: 14px;
	opacity: 0;
	transition: all 0.5s;
	width: 30px;
	height: 30px;
	display: flex;
}
.people-btn:hover  .link-tableset a{
	opacity: 1;
}
.rating i.filled {
	color: #fbc418;
}
.rating i {
	color: #D9D9D9;
}
.link-tableset{
	color: #004FFF;
	text-decoration: underline;
}
.table-inputs input{
	width: 100%;
	border: 1px solid transparent;
	height: 44px;
	padding: 0 10px;
	min-width: 200px;
}
.table-inputs:hover input{
	border: 1px solid #E3E2FF;
}
.bg-lightgreen{
	background: rgba(57, 158, 141, 0.08);
	color: 	#1DB299;
	min-width: 200px;
}
.table-headinput input {
	border: 1px solid transparent;
	padding: 5px;
	border-radius: 5px;
	width: 105px;
}
.table-headinput:hover input {
	border: 1px solid #B6B6FF;
}
.table-board .input-round .custom_check .checkmark {
    border: 1.5px solid #1DB299;
    padding-left: 17px;
	border-radius: 50px;
}
.input-round .custom_check .checkmark::after{
    color: #1DB299;
}
.poplebox-option ul{
	padding: 0;
}
.poplebox-option li a{
	display: block;
	padding: 5px;
	margin-bottom: 0;
}
.poplebox-option li {
	margin-bottom: 0 !important;
}
.people-content-drop ul li:last-child {
    margin: 0;
}
.form-control-color-picker {
	position: relative;
	height: 40px;
	border-color: #dee4e5;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.form-control-color-picker > .form-control-color-picker-value {
	font-size: 14px;
    padding: 10px 15px;
    cursor: default;
    text-align: center;
}
.form-control-color-picker > .form-control-color-picker-dropdown {
	position: absolute;
	width: 100%;
	left: 0;
	top: 100%;
	z-index: 10;
	background: #fff;
	display: none;
	padding: 0 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
.form-control-color-picker > .form-control-color-picker-dropdown > .form-control-color-picker-dropdown-item {
	padding: 10px 15px;
	position: relative;
	cursor: pointer;
	font-size: 1.2em;
	margin: 10px 0;
}
.form-control-color-picker > .form-control-color-picker-dropdown > .form-control-color-picker-dropdown-item:hover:before, .form-control-color-picker > .form-control-color-picker-dropdown > .form-control-color-picker-dropdown-item:focus:before, .form-control-color-picker > .form-control-color-picker-dropdown > .form-control-color-picker-dropdown-item.selected:before {
	background-color: #fff;
}

.form-control-color-picker:focus > .form-control-color-picker-dropdown {
	display: block;
}
.form-control-color-picker:focus > .form-control-color-picker-triangle {
	border-top: 9px solid #333;
}
.form-control-color-picker:focus > .form-control-color-picker-triangle:after {
	border-top: 6px solid #4f4f4f;
}
.table-heights{
	min-height:550px;
}
.eq-column-6 .col-equal {
    -ms-flex: 0 0 16.6%;
    flex: 0 0 16.6%;
    max-width: 16.6%;
    padding: 0 5px;
}
.table-responsive .dropdown {
    position: static;
}
.title-overview .dropdown {
    position: static;
}
.tab-avatar a {
    display: flex;
    align-items: center;
}
.tab-avatar a img {
	border-radius: 50px;
	margin-right: 10px;
}
.over-priority {
	background: #ff0000;
}
.schedule-accord .test-icons > div.priority-bases {
    width: 105px;
}
.note-editor .note-toolbar .note-dropdown-menu, .note-popover .popover-content .note-dropdown-menu {
    min-width: 210px;
}
.note-editable ul li {
    font-size: 14px;
    list-style: disc;
}
.board-list-task.task-listed li:hover .input-check a {
    white-space: normal;
}
.board-list-task.task-listed li .input-check a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.5s;
}
.fc-scrollgrid-sync-table tr:last-child {
 /*   display: none;*/
}
.shared-list h4 {
    font-size: 16px;
}
.shared-list ul {
    padding: 0;
}
.shared-list a {
    padding: 10px;
    display: block;
    color: #333;
}
.shared-list a.active,
.shared-list a:hover{
	background-color: #d9d9fe;
	color:#4B4B9F;
	border-radius: 0 50px 50px 0;
}
.cad-searchs {
    width: calc(100% - 360px);
}
.view-cardsets .test-icon {
    margin-right: 7px;
}
.view-cardsets .test-icon .progressset {
    width: 135px;
}
.test-box .user-pass {
    width: 125px;
}
.test-box-append{
	padding: 15px;
}
.test-box.test-box-append{
	margin-bottom: 15px;
	background: #eee;
}
.table-heights th:first-child, .table-heights td:first-child {
    width: 50px;
}

.table-heights th:nth-child(2), .table-heights td:nth-child(2) {
    max-width: 130px;
}
.box-shadownone{
	box-shadow:  none !important;
}
.card-sets{
	padding: 27px 16px;
}
.input-scerio input.form-control {
    background: #eee;
}
.chat-contentsets{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height:100%;
}
.chat-contentsets .discussion-sent{
	width:100%;
}

/* .note-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
	flex-wrap: wrap;
} */
.note-editor .note-toolbar > .note-btn-group:last-child{
	border: 0;
}

.multi-select-set
,.multi-search-select-image,.form-group .select{
	border: 1px solid #E3E2FF;
    border-radius: 5px;
    background: #FBFBFF;
    height: 40px;
    padding: 8px 20px;
    text-align: left !important;
    line-height: 15px;
	width: 100%;
	overflow: hidden !important;
	position: relative;
}
.multi-select-set::after,.multi-search-select-image::after,
.form-group .select{
	position: absolute;
	content: "Loading...";
	background: #FBFBFF;
    height: 40px;
    padding: 8px 20px;
    text-align: left !important;
    line-height: 25px;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 99999;
}
.form-group {
    position: relative;
}
.month_tab.monthtab-newsprint .chart-wrapper .chart-week li {
    flex: 0 0 140px;
}
.chat-body.chat-comment {
	max-height: 500px;
	overflow-y: auto;
}
.task-lists .taskchart-update {
	max-width: 30px;
}
.charts-sprint .pro-bar-wrap {
    width: 100%;
}
.table-sprint .progress.progress-sm {
	width:  55px;
}
/*.tab-content-taskchat .task-lists li {
	border-bottom: 1px solid #E9E9FF;
}*/
.tab-content-taskchat .task-lists .sub-tasks li {
	/*border-bottom: 1px solid #E9E9FF;*/
	padding-left: 32px;	
}
.tab-content-taskchat .task-lists .sub-tasks li:before,
.tab-content-taskchat .task-lists .sub-tasks li:after {
	left: 20px;
}
.tab-content-taskchat .task-lists ul.sub-tasks {
    padding-left: 0 !important;
}
.card-taskchart-update .chart-bars li,
.charts-sprint .chart-wrapper .chart-bars > li,
.charts-sprogress .chart-wrapper .chart-bars > li {	
	border-bottom: 1px solid #E9E9FF;
}
.btn-grey {
    background: #F2F2F2;
    border-radius: 5px;
    color: #344357;
    display: inline-block;
    padding: 7px;
    font-size: 13px;
    margin-bottom: 15px;
}
.charts-chart .progress-wrap.chart-wrapper .chart-values.month-chart-list li::before {
	left: 19px;
}
.charts-chart .progress-wrap.chart-wrapper.month-wrapper .chart-values li {
    height: 58px;
}
.charts-chart .progress-wrap.chart-wrapper .chart-bars {
    border-right: 1px solid #E9E9FF;
}
.charts-taskchart .chart-wrapper.week-wrapper .chart-values.month-chart-list li {
    height: 58px;
}
.charts-taskchart .progress-wrap.chart-wrapper.year-wrapper-task .chart-values li {
    height: 82px;
}
label.cus-label::before {
    position: absolute;
    content: "";
    background: #ccc;
    height: 122%;
    top: -14px;
    width: 1px;
    left: -18px;
}
.documentation-headname {
	align-items: center;
}
.charts-sprint .prog-wrap.progress-wrap .chart-bars li .task-bar {
	line-height: 21px;
}
.chat-body .drop-item .dropdown-menu .dropdown-item {
    padding: 4px 10px;
}
.step-action .project-name li:not(:last-child) {
    margin-right: 0;
}
.step-action .project-name li:first-child {
    margin: 0;
}
.step-action ul.project-name .name-avatars {
	margin-right: 0;
}
.charts-sprogress .prog-wrap.progress-wrap .chart-bars li .task-bar {
	line-height: 21px;
}
.charts-sprogress .prog-wrap.progress-wrap .chart-bars li.overall-process .task-bar {
	line-height: 40px;
}
.charts-taskchart .chart-wrapper .chart-values li.current-date::after {
    height: 57px;
}
.charts-taskchart .chart-wrapper.progress-wrap.week-wrapper .chart-values li.current-date::before {
	right:  0;
	top: 57px;
}
.charts-taskchart .chart-wrapper.progress-wrap.week-wrapper .chart-values.month-chart-list li::before {
	top: 57px;
}
.card-taskchart-update .charts-taskchart .progress-wrap.chart-wrapper .chart-bars li .task-bar {
	margin: 5.67px 0;
}
.charts-taskchart .month-chart-top .task-bar {
    margin-top: 5.67px !important;
}
.chat-activities {
	margin-bottom: 25px;
}
.chat-activities .name-avatars {
	width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
}
.chat-active-box {
	background: rgba(53, 195, 252, 0.1);
	border: 1px dashed #35C3FC;
	border-radius: 5px;
	padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
	width: 100%;
}
.chat-active-box span {
	width: 30px;
	height: 30px;
	background: #35C3FC;
	border-radius: 10px;
	color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
	margin-right: 10px;
	flex-shrink: 0;
}
.chat-active-box p {
	font-size: 12px;
	color: #747474;
	margin-bottom: 0;
}
.chat-active-box h6 {
	font-size: 14px;
	color: #000;
	margin-bottom: 0;
}
.chat-active-cont {
    display: flex;
    align-items: center;	
}
.chat-active-box h5 {
	font-size: 10px;
	color: #000;
	margin-bottom: 0;
	margin-left: 10px;
}
.chat-warning .chat-active-box {
	background: rgba(253, 168, 89, 0.1);
	border: 1px dashed #FDA859;
}
.chat-warning .chat-active-box span {
	background: #FDA859;
}
.chat-danger .chat-active-box {
	background: rgba(237, 74, 71, 0.1);
	border: 1px dashed #ED4A47;
}
.chat-danger .chat-active-box span {
	background: #ED4A47;
}
.calendar-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
th.fc-axis.fc-widget-header {
    width: 60px !important;
}
#month-head{
	font-size: 16px;
    font-weight: 600;
    margin: 0 10px;
}
#task_calendar .fc-left{
	display: none;
}
.kan-label {
	padding: 7px 15px;
	font-size: 14px;
	border-radius: 5px;
	display: inline-block;
}
.custom_check.success input:checked ~ .checkmark {
	border-color: #1DB299;	
}
.custom_check.success .checkmark::after {
	color: #1DB299;
}
.lab-pop h6 {
	font-size: 15px;
	margin-bottom: 28px;
}
.label-table .file-actions a {
	color: #344357;
}
.list-label {
	padding: 0;
}
.list-label li {
	margin: 0 10px 15px 0;
	display: inline-block;
}
.list-label li span {
	border-radius: 50px;
}/*-----------------
	41. Task chart new
-----------------------*/

.charts-item {
	display: flex;
}
.chart-taskitem  {
	flex-shrink: 0;
}
.chart-taskitem ul {
	padding: 0;
}
.chart-taskitem ul li {
/*	border-bottom: 1px solid #E9E9FF;
	border-left: 1px solid #E9E9FF;*/
}
.chart-taskitem ul li.title-head {
	height: 132px;
/*	border-top: 1px solid #E9E9FF;*/
	border-radius: 9px 0 0 0;
}
.chart-taskitem ul li.title-head > div {
	font-weight: 600;
	font-size: 12px;
}
.chart-taskitem ul li {
/*	display: table;
	height: 66px;*/
}
.chart-taskitem ul li:last-child {
    border-radius: 0 0 0 9px;
}
.chart-taskitem ul li.title-head .task-wrap > div {
	border-top: 1px solid #E9E9FF;	
}
.chart-taskitem ul li.title-head .task-wrap > div:first-child {
	border-bottom: 1px solid #E9E9FF;
}
.chart-taskitem > ul {
	border-left: 1px solid #E9E9FF;	
}
.chart-taskitem ul li .task-wrap > div:first-child {
	border-bottom: 0;	
}
.task-wrap .chart-taskname::after {
	position: relative;
}
.task-wrap .chart-taskname::after, .sub-task1 .task-wrap .chart-taskname::after {
    position: absolute;
    content: "";
    bottom: 0;
    width: 100%;
    height: 0.5px;
    left: 16px;
    background: #E9E9FF;
}
.weekcharts .task-wrap .chart-taskname::after{
	bottom: -1px;
    height: 0.5px;
}
.weekcharts.chart-taskitem ul li .task-wrap > div{
	position: relative;
}
.weekcharts.chart-taskitem ul li .task-wrap > .chart-taskadd::after{
content: "";
    bottom: -1px;
    width: calc(100% - 12px);
    height: 0.5px;
    left: 13px;
    background: #E9E9FF;
    position: absolute;
}
.chart-taskitem.weekcharts > ul {
    border-left: 0;
    border-bottom: 1px solid #E9E9FF;
}
.weekcharts li.sub-task.sub-1.chart-taskname-list.sub-task-list-chart:first-child .task-wrap::after{
    position: absolute;
    content: "";
    width: calc(100% - 17px);
    height: 0.5px;
    left: auto;
    background: #E9E9FF;
    right: 0;
}
.weekcharts .task-wrap .Chart-Des-Cls.chart-taskname::after {
    width:0;
}
.weekcharts.chart-taskitem ul li .task-wrap .Chart-Des-Cls + .chart-taskadd::after {
    width:0;
}
.sub-task1 .task-wrap .chart-taskname::after {
	top: unset;
	left: 36px;
}
.sub-task1:last-child .task-wrap .chart-taskname::after {
    top: unset;
    left: 16px;
}
.sub-task:last-child .task-wrap .chart-taskname::before {
    position: absolute;
    content: "";
    bottom: 0;
    width: 100%;
    height: 0.5px !important;
    left: 0;
    background: #E9E9FF;
}
.sub-task > .task-wrap .chart-taskname::before {
    position: absolute;
    content: "";
    bottom: 0;
    top:  unset;
    width: 100%;
    height: 0.5px !important;
    left: 37px;
    background: #E9E9FF;
}
.single-main-task .task-wrap .chart-taskname::after {
	left: 0;
}
.chart-taskitem ul li .task-wrap > div {
	display: inline-block;
	font-size: 13px;
	padding: 0 10px;
	border-right: 1px solid #E9E9FF;
	display: table-cell;
	vertical-align: middle;
	border-bottom: 1px solid #E9E9FF;
}
.weekcharts.chart-taskitem ul li .task-wrap > div{
	border-right: 0;
	border-bottom: 0;
}
.chart-taskitem ul li .chart-taskname {
	width: 260px;
}
.chart-taskitem ul li .chart-taskdate {
	width: 200px;
}
.chart-taskitem ul li .chart-taskdur {
	width: 80px;
}
.chart-taskitem ul li .chart-taskadd {
	width: 100px;
}
.chart-taskitem ul li.sub-task .chart-taskname {
	padding-left: 30px;
}
.taskchart-wrapper {
    width: 100%;
    padding: 0;
    margin: 0;
    overflow-x: auto;
    overflow-y: hidden;
}
.taskchart-wrapper .chart-values, 
.taskchart-wrapper .chart-week, 
.taskchart-wrapper .chart-month {
    position: relative;
    display: flex;
    margin-bottom: 0;
    padding: 0;
    list-style: none;
}
.taskchart-wrapper .chart-month li:last-child {
	border-radius: 0 9px 0 0;
}
.taskchart-wrapper.week-wrapper .chart-month li,
.taskchart-wrapper.month-wrapper .chart-month li {
	height: 44px;
    line-height: 44px;
	padding: 0;
	text-align: center;    
	border-bottom: 1px solid #E9E9FF;
	flex: 0 0 1120px;
	font-weight: 600;
	font-size: 12px;
	color: #344357;
	background: #F9F9F9;
}
.taskchart-wrapper.week-wrapper .chart-month li:nth-child(2n),
.taskchart-wrapper.month-wrapper .chart-month li:nth-child(2n) {
    background: #F1F1FF;
}
.taskcharts-week .taskchart-wrapper .chart-values li::before{
    top: 44px;
    left: 39.4px;
}
.chart-month-wrapper .taskchart-wrapper.month-wrapper .chart-values li::before {
    left: 40px;
}
.chart-month-wrapper  .taskchart-wrapper.month-wrapper .chart-values li{
	line-height: 18px;
}
.taskchart-wrapper.week-wrapper .chart-week li {
	flex: 0 0 280px;
	text-align: center;
	padding: 0;
	background: #F2F2F2;
	height: 44px;
    line-height: 44px;
	font-weight: 600;
	font-size: 12px;
	color: #344357;
	background: #F9F9F9;
}
.taskchart-wrapper.month-wrapper .chart-week li {
	flex: 0 0 210px;	
	text-align: center;
	padding: 0;
	background: #F2F2F2;
	height: 44px;
    line-height: 44px;
	font-weight: 600;
	font-size: 12px;
	color: #344357;
	background: #F9F9F9;
}
.taskchart-wrapper .chart-week li:nth-child(2n) {
    background: #F1F1FF;
}
.taskchart-wrapper.week-wrapper .chart-values li {
    flex: 0 0 40px;
    height: 44px;
    line-height: 18px;
	text-align: center;
	font-size: 12px;
	color: #344357;
	padding: 4px 0;
	border: 1px solid #E9E9FF;
	border-width: 0 1px 1px 0;
	position: relative;
}
.taskchart-wrapper.week-wrapper .chart-values li span {
    display: block;
}
.taskchart-wrapper.month-wrapper .chart-values li {
    flex: 0 0 30px;
    height: 44px;
    line-height: 36px;
	text-align: center;
	font-size: 12px;
	color: #344357;
	padding: 4px 0;
	border: 1px solid #E9E9FF;
	border-width: 0 1px 1px 0;
	position: relative;
}
.taskchart-wrapper.month-wrapper .chart-values li span {
    display: none;
}
.taskchart-wrapper.month-wrapper .chart-values li::before {
	left: 22px;
}
.taskchart-wrapper.year-wrapper .chart-month li {
	height: 44px;
    line-height: 44px;
	padding: 0;
	text-align: center;    
	border-bottom: 1px solid #E9E9FF;
	flex: 0 0 100%;
	font-weight: 600;
	font-size: 12px;
	color: #344357;
	background: #F9F9F9;
}
.taskchart-wrapper.year-wrapper .chart-values li:nth-child(2n) {
    background: #F1F1FF;
}
.taskchart-wrapper.year-wrapper .chart-values li {
	height: 88px;
    line-height: 88px;
	padding: 0;
	text-align: center;    
	border-bottom: 1px solid #E9E9FF;
	flex: 0 0 8.33%;
	font-weight: 600;
	font-size: 12px;
	color: #344357;
	background: #F9F9F9;
	position: relative;
}
.year-wrapper.taskchart-wrapper .chart-values li::before {
	top: 0;
    left: auto;
    right: 0px;
}
.taskchart-wrapper .chart-bars {
	padding: 0;
}
.taskchart-wrapper .chart-bars > li {
    position: relative;
    border-bottom: 1px solid #E9E9FF;
	padding: 10px 0;
    height: 66px;
}
.weekcharts .main-task.main-1{
	margin:0;
	border-radius: 0;
    border-bottom: 0;
}
.taskcharts-week .taskchart-wrapper .chart-bars > li {
    height: 67px;
}
.weekcharts .chart-taskitem ul li .task-wrap {
    display: table-row;
    height: 66px;
}
.weekcharts .sub-task > .task-wrap .chart-taskname::before {
    left: 15px;
    bottom: -1px;
}
.weekcharts li.sub-task.sub-1.chart-taskname-list.sub-task-list-chart {
    position: relative;
}
.weekcharts li.sub-task.sub-1.chart-taskname-list.sub-task-list-chart .chart-taskadd{
	border-bottom: 0;
}
.weekcharts li.sub-task.sub-1.chart-taskname-list.sub-task-list-chart::after {
    position: absolute;
    content: "";
    background:#E9E9FF;
    width: 5px;
    height: 0.5px;
    right: 0;
    bottom: 0px;
}
.weekcharts .title-head .task-wrap .chart-taskname::after {
    height: 0px;
}
.weekcharts.chart-taskitem .title-head .task-wrap > .chart-taskadd::after{
	height: 0px;
}
.chart-taskitem.weekcharts ul li.title-head .task-wrap > div:first-child{
	border-left:1px solid #E9E9FF;
	border-bottom: 0;
}
.chart-taskitem.weekcharts ul li.title-head{
	border-right:1px solid #E9E9FF;
}
.weekcharts .sub-task:last-child > .task-wrap .chart-taskname::before {
    width: 0;
}
.weekcharts .task-wrap{
	max-height:66px;
}
.weekcharts .main-task.main-1{
	min-height: 67px;
}
.weekcharts .chart-taskitem ul li .task-wrap{
	min-height: 67px;
}
.weekcharts li.sub-task.sub-1.chart-taskname-list.sub-task-list-chart{
	min-height: 67px;
}
.taskchart-wrapper .chart-bars > li:last-child {
	border-radius: 0 0 3px 0;
}
.taskchart-wrapper .chart-bars li .task-bar .pro-bar-wrap {
	position: absolute;
    left: 0;
    height: 44px;
	border-radius: 22.5px 0px 0px 22.5px;
	width: 70%;
	z-index: -1;
	padding: 0px 10px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.taskchart-wrapper.year-wrapper .chart-bars li .task-bar .pro-bar-wrap {
	padding: 0;
}
.taskchart-wrapper .chart-bars li .task-bar {
    height: 44px;
    line-height: 44px;
    border-radius: 22.5px;
    text-align: left;
    margin: 0;
	color: #fff;
	font-size: 12px;
    z-index: 1;
	text-align: center;
	position: relative;
	padding-right: 15px;
}
.taskchart-wrapper .chart-values li::before {
    content: "";
    width: 1px;
    background-color: #E9E9FF;
    position: absolute;
    left: 39px;
    top: 28px;
    min-height: 1000vh;
}/*
.taskchart-wrapper .chart-values li:last-child::before {
	content: none;
}*/
.taskchart-wrapper::-webkit-scrollbar {
	width: 3px;
    background: #FAFAFF;
	height: 10px;
}
.taskchart-wrapper::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #E9ECEF; 
	border-radius: 10px;
}
.taskchart-wrapper::-webkit-scrollbar-thumb {
	background: #c1c1c1; 
	border-radius: 10px;
}
.taskchart-wrapper::-webkit-scrollbar-thumb:hover {
	background: #c1c1c1; 
}
.chart-taskitem ul li .chart-taskname span {
	height: 15px;
    width: 15px;
    border: 1px solid #E3E2FF;
    background-color: #fff;
    border-radius: 3px;
    display: inline-block;
	margin-right: 8px;
	position: relative;
    top: 3px;
    z-index: 1;
}
.chart-taskitem ul li .chart-taskname span i {
	display: none;
}
.sidebar-header a.side-btn {
	font-weight: 600;
	font-size: 15px;
	padding: 8px 15px;
	color: #fff;
}
.sidebar-header a.side-btn:hover,
.sidebar-header a.side-btn:focus {
	color: #FF0000;
}
.note-cont {
	display: flex;
	align-items: start;
}
.note-cont .project-name {
	margin-left: 15px;
}
.note-cont .project-name li {
    margin-left: -10px;
	padding: 0;
}
.note-cont .project-name li .name-avatars {
	margin: 0;
}
.bor-green {
	border: 2px solid #4CAF50;
}
.bor-orange {
	border: 2px solid #FD6B59;
}
.bor-darkgreen {
	border: 2px solid #399E8D;
}
.bor-blue {
	border: 2px solid #4B4B9F;
}
.sel-heigth .select2-container .select2-selection--single {
	height: 56px;
}
.sel-heigth .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 56px;
}
.sel-heigth .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 54px;
}
.pos-cursor {
	border-left: 2px solid #FD6B59;
	position: relative;
}
.cursor-name {
	position: absolute;
	top: -13px;
	left: -2px;
	background-color: #FD6B59;
	padding: 0 6px;
	font-size: 10px;
	font-weight: 500;
	border-radius: 4px 4px 4px 0;
	display: inline-block;
    color: #fff;
}
.pos-cursor.c-orange {
	border-left: 2px solid #FD6B59;
}
.c-orange .cursor-name {
	background-color: #FD6B59;
}
.pos-cursor.c-green {
	border-left: 2px solid #4CAF50;
}
.c-green .cursor-name {
	background-color: #4CAF50;
}
.pos-cursor.c-blue {
	border-left: 2px solid #4B4B9F;
}
.c-blue .cursor-name {
	background-color: #4B4B9F;
}
.note-editor .table td {
	min-width: 180px;
}
.test-view-body .task-card.active {
	border: 4px solid #4B4B9F;
    box-shadow: 0px 5px 7px rgb(136 136 136 / 50%);
}
.single-main-task.main-task .chart-taskname::before {
	content: none;
}
.main-task .chart-taskname {
	position: relative;
}
.main-task .chart-taskname::before {
	position: absolute;
	content: "";
	top: 50%;
	width: 1px;
	height: 50%;
	left: 16px;
	background: #E9E9FF;
}
.sub-task .chart-taskname {
	position: relative;
}
.sub-task .chart-taskname::before {
	position: absolute;
	content: "";
	top: 0;
	width: 1px;
	height: 100%;
	left: 16px;
	background: #E9E9FF;
}
.sub-task .chart-taskname::after {
	position: absolute;
	content: "";
	border-top: 1px solid #E9E9FF;
	left: 16px;
	top: 50%;
	width: 15px;
	height: 1px;
}
.main-sub-task li {
	border-radius: 0 !important;
}
.main-sub-task .sub-task:last-child .chart-taskname::before {
	height: 50%;
}
.add-pop {
	font-size: 20px;
}
.chart-taskitem ul li .task-wrap {
    display: table-row;
    height: 66px;
 /*   outline: 1px solid #E9E9FF;*/
}
.chart-taskitem ul li.title-head .task-wrap > div {
    font-weight: 600;
    font-size: 12px;
    height: 132px;
}
.chart-taskitem ul .main-sub-task1 li.sub-task1 .chart-taskname {
	padding-left: 45px;
}
.chart-taskitem ul .main-sub-task1 li.sub-task1 .chart-taskname,
.sub-task {
    position: relative;
}
.chart-taskitem ul .main-sub-task1 li.sub-task1 .chart-taskname::before {
	position: absolute;
	content: "";
	top: 0;
	width: 1px;
	height: 100%;
	left: 26px;
	background: #E9E9FF;
}
.chart-taskitem ul .main-sub-task1 li.sub-task1:first-child .chart-taskname::before {
	top: -50% !important;
	height: 100% !important;
}
.chart-taskitem ul .main-sub-task1 li.sub-task1 .chart-taskname::before {
	top: -50%;
	width: 1px;
	height: 100%;
	left: 37px;
	background: #E9E9FF;
}
.chart-taskitem ul .main-sub-task1 li.sub-task1 .chart-taskname span {
	position: relative;
}
/*.chart-taskitem ul .main-sub-task1 li.sub-task1 .chart-taskname::after*/
.chart-taskitem ul .main-sub-task1 li.sub-task1 .chart-taskname span::after {
	position: absolute;
	content: "";
	border-top: 1px solid #E9E9FF;
	left: -9px;
    top: 45%;
	width: 11px;
	height: 1px;
}
.chart-taskitem ul .main-sub-task1 li.sub-task1:last-child .chart-taskname::before {
    height: 100%;
    top: -50%;
}
.sub-task::before {
    position: absolute;
    content: "";
    top: 0;
    width: 1px;
    height: 100%;
    left: 16px;
    background: #E9E9FF;
}
.sub-task:last-child::before {
    height: 50%;
}
.mail-cont select.form-control {
	min-width: 180px;
}

/*-----------------
	41. Tracker
-----------------------*/

.time-rec .rec-icon {
	margin-right: 12px;
}
.time-rec-pause, .rpause {
	color: #FF0000;
	font-size: 20px;
}
.time-rec-play, .rplay {
	color: #4CAF50;
	font-size: 20px;
}
.time-rec .project-detailscontent h2 {
    font-size: 14px;
}
.time-rec .project-detailscontent h6 {
    font-size: 12px;
	color: #4B4B9F;
}
.time-rec .project-detailscontent {
	border: 0;
	margin: 0;
}
.timer-wrap {
	position: fixed;
	right: 20px;
    bottom: 70px;
	display: none;
}
.timer-card {
	min-width: 500px;
	min-width: 500px;
	width: 100%;
}
.timer-head {
	background: #4B4B9F;
	padding: 0 25px 25px;	
}
.timer-head .form-control {
	background: transparent;
	border: 1px solid #DADADA;
	border-radius: 5px;
	padding: 10px 10px 10px 30px;
	color: #fff;
}
.timer-head .form-control::placeholder {
	color: #fff;	
}
.timer-head .form-icon {
	color: #fff;
	left: 10px;
	top: 11px;
	width: 14px;
}
.timer-head-top {
	background: #4B4B9F;
	border-radius: 10px 10px 0px 0px;
	padding: 25px 25px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.timer-head-top ul {
	padding: 0;
	margin-bottom: 17px;
}
.timer-head-top ul li {
	display: inline-block;
	margin-right: 25px;
}
.timer-head-top ul li:last-child {
	margin-right: 0;
}
.timer-head-top ul li a {
	color: #fff;
	display: inline-block;
	padding-bottom: 10px;
}
.timer-head-top ul li a.active {
	border-bottom: 2px solid #fff;
}
.record-timer {
	width: 44px;
	height: 44px;
	background: #1DB399;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
    right: 10px;
    bottom: 10px;
	padding: 10px;
	z-index: 99;
}
.record-timer p {
	display: none;
	font-weight: 500;
	color: #fff;
	margin: 0 7px 0 0;
	transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.record-timer p span {
	width: 30px;
	height: 30px;
	background: #FFFFFF;
	border-radius: 50px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	margin-right: 10px;
}
.record-timer:hover {
	width: auto;
}
.record-timer:hover p {
	display: block;
	transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.timer-card {
	background: #FFFFFF;
	box-shadow: 0px 31px 70px #D5E4EB;
	border-radius: 10px;
	overflow-y: auto;
    max-height: calc(100vh - 130px);
}
.record-close {
	color: #FFFFFF;
	margin-bottom: 20px;
}
.record-close:hover {
	color: #fff;
}
.timer-count {
	display: inline-flex;
	align-items: center;
	margin-bottom: 25px;
	color: #fff;
}
.timer-count span {
	width: 30px;
	height: 30px;
	background: #FFFFFF;
	border-radius: 50px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}
.timer-body {
	padding: 25px;
}	
.timer-task {
	background: #FFFFFF;
	box-shadow: 0px 4px 4px rgba(158, 158, 158, 0.25);
	border-radius: 10px;
	padding: 20px;
	margin: -60px 0 18px;
}
.timer-seltask {
	display: flex;
	align-items: center;
	justify-content: space-between;	
}
.timer-seltask a {
	flex-shrink: 0;
}
.timer-seltask .select2-container .select2-selection--single {
    border: 1px solid #fff;
}
.timer-seltask .select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0;
}
.timer-seltask .select2-container--default .select2-selection--single .select2-selection__arrow {
	display: none;
}
.timer-tasklist ul {
	padding: 0;
}
.timer-tasklist ul li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;	
}
.timer-tasklist ul li:last-child {
	margin-bottom: 0;
}
.timer-tasklist ul li .task-time {
	display: flex;
	align-items: center;
	width: calc(100% - 70px);
}
.task-time-info {
	overflow: hidden;
}
.task-time .time-circle {
	width: 50px;
	height: 50px;
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}
.task-time-info h6 {
	font-weight: 400;
	font-size: 14px;
	margin-bottom: 5px;    
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.task-time-info p {
	color: #888888;
	font-size: 12px;
	margin-bottom: 0;
}
.count-task {
	width: 25px;
	height: 25px;
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	font-size: 12px;
	color: #888888;
}
.back-timer ul li .task-time p {
	font-size: 12px;
	color: #888888;
	margin-bottom: 0;
}
.back-timer ul li .task-time p span {
	font-size: 14px;
	color: #4B4B9F;
	margin-right: 15px;
}
.timer-addtask .btn {
	margin: 0 0 0 15px;
}
.time-back {
	color: #344357;
	text-decoration: underline;
	display: inline-block;
	margin-bottom: 20px;
}
.track-btn {
	margin-bottom: 28px;
}
.track-btn .btn {
	font-weight: 500;
	font-size: 12px;
	padding: 10px 25px;
	margin-right: 5px;
}
.track-btn .btn-white {
	background: transparent;
	color: #344357;
	border: 1px solid #344357;
}
.note-btn.active, .note-btn:active {
	box-shadow: none;
}

/*-----------------
	41. Resize Table
-----------------------*/

.rc-handle-container {
  position: relative;
}
.rc-handle {
  position: absolute;
  width: 7px;
  cursor: ew-resize;
  margin-left: -3px;
  z-index: 2;
}
table.rc-table-resizing {
  cursor: ew-resize;
}
table.rc-table-resizing thead,
table.rc-table-resizing thead > th,
table.rc-table-resizing thead > th > a {
  cursor: ew-resize;
}
.table-project-title .ui-resizable-e {
	display: none !important;
}

.feature-title, .out-title {
	min-width: 260px;
}
.gx-1.row > * {
	padding-left: 4px;
    padding-right: 4px;
}
.timer-box {
	background: #FAFAFA;
	border-radius: 10px;
	padding: 10px;
	text-align: center;
	width: 100px;
	position: relative;
	height: 97px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.timer-box .time-box {
	margin: 0 auto 15px;	
}
.timer-box p {
	margin-bottom: 0;
}
.month-title {
	min-width: 160px;
}
.time-variation {	
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
}
.time-variation li {
	margin-right: 15px;
}
.avatar-list {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.avatar-list .avatar {
	width: 30px;
	height: 30px;
	margin-right: 10px;
}
.time-box {
	width: 41px;
	height: 41px;
	background: rgba(76, 175, 80, 0.05);
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.time-box::before {
	position: absolute;
	content: "";
	left: 50%;
	transform: translateX(-50%);
	width: 35px;
	height: 3px;
	background: #4CAF50;
	border-radius: 4px;	
	bottom: 0;
}
.time-box.absent-time {
	background: rgba(255, 0, 0, 0.05);
}
.time-box.absent-time::before {
	background: #FF0000;
}
.time-box.weekoff-time {
	background: rgba(131, 131, 131, 0.05);
}
.time-box.weekoff-time::before {
	background: #838383;
}
.time-box.half-time {
	background: rgba(254, 176, 25, 0.05);
}
.time-box.half-time::before {
	background: #FEB019;
}
.time-box.holiday-time {
	background: rgba(79, 172, 254, 0.05);
}
.time-box.holiday-time::before {
	background: #4FACFE;
}
.timesheet-wrap {
	overflow-x: auto;
}
.timesheet-card {
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 10px;
	width: fit-content;
	margin-bottom: 24px;
}
.timesheet-head {
	border-bottom: 1px solid #E9E9FF;
	padding: 10px;
	display: flex;
    justify-content: space-between;
}
.timesheet-head li {
	font-weight: 500;
	text-align: center;
	width: 145px;
	padding: 0 5px;
	flex-shrink: 0;
}
.timesheet-head li span {
	display: block;
	text-transform: uppercase;
}
.timesheet-body {
	padding: 10px;
	display: flex;
    justify-content: space-between;
}
.timesheet-body li {
	text-align: center;
	width: 145px;
	padding: 0 5px;
	flex-shrink: 0;
}
.day-box {
	background: #FAFAFA;
	border-radius: 10px;
	padding: 10px;
	position: relative;
}
.day-box .time-box {
	margin: 0 auto 15px;
}
.day-box p {
	text-transform: uppercase;
}

.half-count {
	width: 25px;
	height: 25px;
	background: #4B4B9F;
	border-radius: 50px;
	display: flex;
	align-items: center;
    justify-content: center;
	color: #fff;
	position: absolute;
	top: 8px;
	left: 8px;
	opacity: 0;
}

.half-count.second-part {
	right: 8px;
	left: unset;
}
.half-count.active {
	opacity: 1;
}
.details-set-cap .task-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.details-set-cap .project-lists p {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 10px;
}
.details-set-cap .project-lists h2 {
	font-size: 14px;
	margin-bottom: 0;
}
.details-set-cap .project-lists h3 {
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 0;
}
.task-midred {
	background: #fd6b59;
}
.task-red {
	background: #ff0500;
}
.pro9 .project-detailsimg {
	background: #4FACFE;
}
.project-group {
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 10px;
	padding: 15px;
	margin-bottom: 20px;
}	
.project-head {
	border-bottom: 1px solid #E9E9FF;	
	padding-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.project-head h6 {
	font-weight: 500;
	font-size: 14px;
}
.project-head p {
	font-size: 10px;
	color: #888888;
}
.project-body {
	padding-top: 10px;
}
.project-body > div > div {
	margin-bottom: 10px;
}
.details-set-cap .task-card.active {
	border: 4px solid #a7a7a7;
    box-shadow: 0px 5px 7px rgb(136 136 136 / 50%);
}

.doc-wrap .project-name li a.no-name,
.doc-wrap .project-name li a img,
.doc-wrap .more-set a {
	width: 26px;
    height: 26px;
	font-size: 14px;
}
.treeview ul .documentation-head:after {
    content: "";
    width: 10px;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    top: 50%;
    bottom: 50%;
    left: 29px;
}

.milestone-users {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #EFF2F5;
	border-width: 1px 0 1px 0;
	padding: 10px 0;
	margin: 10px 0 5px;
}
.doc-wrap {
	background: #FFFFFF;
	border: 2px solid #E9E9FF;
	border-radius: 10px;
	margin-left: 10px;
	padding: 10px;
}
.doc-wrap-top, .doc-wrap-bot {
	display: flex;
	align-items: center;
	justify-content: space-between;	
}
.treeview ul .documentation-head .doc-wrap-bot ul {
	padding-left: 0;
	margin: 0;
}
.treeview ul .documentation-head .doc-wrap-bot ul li {
	border-left: 0;
	width: auto;
	margin-left: 0;
}
.treeview ul li .doc-wrap-bot ul li::before,
.treeview ul li .doc-wrap-bot ul li::after {
	content: none;
}
.doc-wrap-bot .milestone-date li {
	font-size: 10px;
	padding-right: 6px;
	margin-right: 6px;
}
.title-item.title-list ul li .doc-wrap-bot .project-name li a {
	border: 0;
	border-radius: 50%;
	padding: 0;
	margin-bottom: 0;
}
.title-item.title-list ul li .doc-wrap-bot .project-name li:first-child {
    margin: 0;
}
.title-item.title-list ul li .doc-wrap-bot .project-name li {
    margin-left: -10px;
}	
.title-item.title-list.treeview ul li .user-attachment {
	display: flex;
	align-items: center;
	margin: 0;
}
.doc-wrap-pro {
	display: flex;
	align-items: center;	
}
.title-item.title-list.treeview ul li .user-attachment a {
    border: 0;
    border-radius: 0;
    padding: 0;
    align-items: center;
	margin: 0 0 0 8px;
	font-size: 12px;
}
.milestone-box .documentation-headname span::after {
	top: 50%;
	transform: translateY(-50%);
	content:  none;
}
.milestone-box .treeview ul li:last-child::after {
	top: 0;
	height: 50%;
}
.time-chart .progress-wrap.chart-wrapper .chart-bars li .task-bar {
	margin: 22.5px 0;
}
.time-chart .progress-wrap.chart-wrapper .chart-bars li:first-child .task-bar {
	margin: 75px 0 25px;
}	
.title-item.title-list ul li .dropdown-item {
	padding: 5px 8px;
}
.time-chart .progress-wrap.chart-wrapper.year-wrapper .chart-bars li:first-child .task-bar {
    margin: 70px 0 25px;
}
.time-file-attachment .file-name:not(:last-child) {
	margin-bottom: 20px;
}
.time-comment .comment-wrap {
	margin-bottom: 20px;
}
.time-comment .comment-img {
    margin-right: 10px;
}
.time-members .name-avatars, .time-members .avatars {
	width: 35px;
	height: 35px;
	font-size: 14px;
}
.time-members .member-info h4 {
    font-size: 14px;
}
.time-members.card-list li:last-child {
    margin-bottom: 15px !important;
}
.weak-priority {
	background: #ff8e3e;
}
.bg-weak {
    background-color: #ffdc0f !important;
}

.task-lightblue {
	background: #B6B6FF;
}
.task-midwarning {
	background: #ff9b44;
}
.board-control.board-lightblue > .board-indicator {
    background: #3cfdfd;
}
.board-control.board-redcolor > .board-indicator {
    background: #ff3616;
}
.board-control.board-rose > .board-indicator {
    background: #ff16e3;
}
.board-control.board-darkblue > .board-indicator {
    background: #415b85;
}
.board-control.board-lime > .board-indicator {
    background: #9abb23;
}
.file-lightblue {
    background: #9C27B0 !important;
    color: #fff !important;
}
.file-redcolor {
    background: #ff3616 !important;
    color: #fff !important;
}
.file-rose {
    background: #ff16e3 !important;
    color: #fff !important;
}
.file-darkblue {
    background: #415b85 !important;
    color: #fff !important;
}
.file-lime {
    background: #9abb23 !important;
    color: #fff !important;
}
.charts-sprint .prog-wrap.progress-wrap .chart-bars li .task-bar {
	margin: 4.67px 0;
}
.project-nodatas.emp-data {
	height: calc(100% - 40px);
}
.project-nodatas.emp-data img {
	height: 150px;
	object-fit: contain;
}
.kanban-sub {
	margin-left: 10px;	
}
.bug-height {
	min-height: 75px;
}
.color-darkblue {
	color: #4B4B9F !important;
}
.color-green {
	color: #22cc62 !important;
}
.color-blue {
	color: #4FACFE !important;
}
.sprint-progressbar.work-time-group {
	display: inline-block;
	margin-bottom: 10px;
}
.sprint-progressbar .progress-meter .meter, .sprint-progressbar.work-time-group .progress {
	height: 9px;
	position: relative;
}
.sprint-progressbar .progress-meter .meter::before {
	position: absolute;
	content: "";
	right: -3px;
	top: -2px;
	width: 13px;
	height: 13px;
	background: #FFFFFF;
	border: 1px solid #E9E9FF;
	border-radius: 50%;
}
.sprint-progressbar .progress-meter .meter .meter-text {
	right: 0px;
	bottom: -24px;
	top: auto;
}
.sprint-progressbar .progress-meter {
	top: 14px;
}


.sprint-progressbar .progress-meter .meter-left {
	border: 0;
}
.kanban-main {
	padding: 10px 10px 10px 13px;
}
.kanban-main .kanban-box {
	position: relative;
}
.kanban-main .kanban-box::before {
	position: absolute;
	content: "";
	left: -7px;
	top: 50%;
	background: #42a5f5;
	width: 1px;
	height: 62%;
}
.kanban-main .kanban-box::after {
	position: absolute;
	content: "";
	left: -7px;
	top: 50%;
	background: #42a5f5;
	width: 7px;
	height: 1px;
}
.kanban-main .kanban-box.kanban-sub::before {
	position: absolute;
	content: "";
	left: -17px;
	top: 0;
	background: #42a5f5;
	width: 1px;
	height: 112%;
}
.kanban-main .kanban-box.kanban-sub::after {
	position: absolute;
	content: "";
	left: -17px;
	top: 50%;
	background: #42a5f5;
	width: 17px;
	height: 1px;
}
.kanban-main .kanban-box.kanban-sub:last-child::before {
	height: 50%;
}
.kanban-main.notask .kanban-box::before,
.kanban-main.notask .kanban-box::after {
	content: none;
}
.details-set.details-newview.box-test ul li {
    width: 16.66%;
}
.details-set.details-newview.box-bugs ul li, .details-set.details-newview.box-sprint ul li {
    width: 16.66%;
}
.box-members a, .details-set.details-newview.box-pipeline ul li {
    width: 20%;
}
.kanban-main .kanban-box.board-bg-success::before, .kanban-main .kanban-box.board-bg-success::after,
.kanban-main .kanban-box.kanban-sub.board-bg-success::before, .kanban-main .kanban-box.kanban-sub.board-bg-success::after {
	background: #4caf50 !important;
}
.kanban-main .kanban-box.board-bg-info::before, .kanban-main .kanban-box.board-bg-info::after,
.kanban-main .kanban-box.kanban-sub.board-bg-info::before, .kanban-main .kanban-box.kanban-sub.board-bg-info::after {
	background: #42a5f5 !important;
}
.kanban-main .kanban-box.board-bg-purple::before, .kanban-main .kanban-box.board-bg-purple::after,
.kanban-main .kanban-box.kanban-sub.board-bg-purple::before, .kanban-main .kanban-box.kanban-sub.board-bg-purple::after {
	background: #7460ee !important;
}
.kanban-main .kanban-box.board-bg-warning::before, .kanban-main .kanban-box.board-bg-warning::after,
.kanban-main .kanban-box.kanban-sub.board-bg-warning::before, .kanban-main .kanban-box.kanban-sub.board-bg-warning::after {
	background: #ffb300 !important;
}
.kanban-main .kanban-box.board-bg-danger::before, .kanban-main .kanban-box.board-bg-danger::after,
.kanban-main .kanban-box.kanban-sub.board-bg-danger::before, .kanban-main .kanban-box.kanban-sub.board-bg-danger::after {
	background: #ef5350 !important;
}
.kanban-main .kanban-box.board-bg-d3b::before, .kanban-main .kanban-box.board-bg-d3b::after,
.kanban-main .kanban-box.kanban-sub.board-bg-d3b::before, .kanban-main .kanban-box.kanban-sub.board-bg-d3b::after {
	background: #8a3d3b !important;
}
.kanban-main .kanban-box.board-bg-acbd::before, .kanban-main .kanban-box.board-bg-acbd::after,
.kanban-main .kanban-box.kanban-sub.board-bg-acbd::before, .kanban-main .kanban-box.kanban-sub.board-bg-acbd::after {
	background: #73acbd !important;
}
.kanban-main .kanban-box.board-bg-e31d::before, .kanban-main .kanban-box.board-bg-e31d::after,
.kanban-main .kanban-box.kanban-sub.board-bg-e31d::before, .kanban-main .kanban-box.kanban-sub.board-bg-e31d::after {
	background: #96031e !important;
}
.kanban-main .kanban-box.board-bg-violet::before, .kanban-main .kanban-box.board-bg-violet::after,
.kanban-main .kanban-box.kanban-sub.board-bg-violet::before, .kanban-main .kanban-box.kanban-sub.board-bg-violet::after {
	background: #9C27B0 !important;
}
.kanban-main .kanban-box.board-bg-red::before, .kanban-main .kanban-box.board-bg-red::after,
.kanban-main .kanban-box.kanban-sub.board-bg-red::before, .kanban-main .kanban-box.kanban-sub.board-bg-red::after {
	background: #E91E63 !important;
}
.kanban-main .kanban-box.board-bg-green::before, .kanban-main .kanban-box.board-bg-green::after,
.kanban-main .kanban-box.kanban-sub.board-bg-green::before, .kanban-main .kanban-box.kanban-sub.board-bg-green::after {
	background: #009688 !important;
}
.kanban-main .kanban-box.board-bg-blue1::before, .kanban-main .kanban-box.board-bg-blue1::after,
.kanban-main .kanban-box.kanban-sub.board-bg-blue1::before, .kanban-main .kanban-box.kanban-sub.board-bg-blue1::after {
	background: #795548 !important;
}
.kanban-main .kanban-box.board-bg-blue2::before, .kanban-main .kanban-box.board-bg-blue2::after,
.kanban-main .kanban-box.kanban-sub.board-bg-blue2::before, .kanban-main .kanban-box.kanban-sub.board-bg-blue2::after {
	background: #673AB7 !important;
}
.kanban-main .kanban-box.kanban-bg-blue::before, .kanban-main .kanban-box.kanban-bg-blue::after,
.kanban-main .kanban-box.kanban-sub.kanban-bg-blue::before, .kanban-main .kanban-box.kanban-sub.kanban-bg-blue::after {
	background: #4A4ED6 !important;
}
.kanban-main .kanban-box.kanban-bg-info::before, .kanban-main .kanban-box.kanban-bg-info::after,
.kanban-main .kanban-box.kanban-sub.kanban-bg-info::before, .kanban-main .kanban-box.kanban-sub.kanban-bg-info::after {
	background: #35C3FC !important;
}
.kanban-main .kanban-box.kanban-bg-success::before, .kanban-main .kanban-box.kanban-bg-success::after, .kanban-main .kanban-box.kanban-sub.kanban-bg-success::before, .kanban-main .kanban-box.kanban-sub.kanban-bg-success::after {
	background: #3FC34D !important;
}
.kanban-main .kanban-box.kanban-bg-warning::before, .kanban-main .kanban-box.kanban-bg-warning::after, .kanban-main .kanban-box.kanban-sub.kanban-bg-warning::before, .kanban-main .kanban-box.kanban-sub.kanban-bg-warning::after {
	background: #FFCC66 !important;
}
.kanban-main .kanban-box.kanban-bg-violet::before, .kanban-main .kanban-box.kanban-bg-violet::after, .kanban-main .kanban-box.kanban-sub.kanban-bg-violet::before, .kanban-main .kanban-box.kanban-sub.kanban-bg-violet::after {
	background: #9C27B0 !important;
}
.kanban-main .kanban-box.kanban-bg-danger::before, .kanban-main .kanban-box.kanban-bg-danger::after, .kanban-main .kanban-box.kanban-sub.kanban-bg-danger::before, .kanban-main .kanban-box.kanban-sub.kanban-bg-danger::after {
	background: #ED4A47 !important;
}
.kanban-main .kanban-box.board-bg-primary::before, .kanban-main .kanban-box.board-bg-primary::after, .kanban-main .kanban-box.kanban-sub.board-bg-primary::before, .kanban-main .kanban-box.kanban-sub.board-bg-primary::after {
	background: #ff9b44 !important;
}
.link-settings ul {
	display: none;
}
.output-para p {
	margin-bottom: 10px;
}
.output-para {
	display: -webkit-box;
  	-webkit-line-clamp: 2;
  	-webkit-box-orient: vertical;  
  	overflow: hidden;
}
.output-chat .chat-body {
	height: calc(100vh - 350px);
    min-height: calc(100vh - 350px);
}

/*-----------------
	 custom - css 
--------------------*/

.team-board-task {
	background: #E5E2FF;
	border-radius: 10px;
	padding: 20px;
	text-align: left;
	margin-bottom: 10px;
	background-image: url(../img/task-bg.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 120px;
}
.due-to-task{
	background: #FFF5F5;
	background-image: url(../img/due-to-task-bg.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;
}
.due-to-task-right{
	background: #e1fffa;
	background-image: url(../img/onboard-bg.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;

}
.due-to-task-right .total-task-img .project-detailsimg{
	background-color: #399E8D;
}
.team-board-task h5 {
    font-size: 16px;
    font-weight: 500;
    color: #344357;
	margin-bottom: 5px;
}
.team-board-task p {
    font-weight: 600;
    font-size: 36px;
    color: #051639;
}
.total-task-img .project-detailsimg {
    margin-right: 0px;
    padding: 10px;
    border-radius: 8px;
    width: 45px;
    height: 45px;
}
.total-task-img .due-to-task-img-color {
    background: #FF0000;
}
.total-task-img img {
    width: 25px;
    height: 25px;
}
.today-all-task-list li {
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #E9E9FF;
    background: #FFF;
    margin-bottom: 10px;
}
.today-all-task-list .list-task {
    border-width: 0 0 0 5px;
    border-style: solid;
    padding-left: 5px;
}
.comp-task {
    border-color: #3FC34D;
}
.inpro-task {
    border-color: #4FACFE;
}
.hold-task {
    border-color: #FD6B59;
}
.pending-task {
    border-color: #FEB019;
}
.today-all-task-list{
	margin: 0px;
}
.shedule-accord-task-main .progressset{
	width: 95px !important;
}
.shedule-accord-task-main .test-icons > div{
	margin-bottom: 0px !important;
}
.shedule-accord-task-main .project-detailscontent{
	padding-right: 0px !important;
}
.shedule-accord-task-main .project-icons .project-name{
	justify-content: flex-end;
}
.shedule-accord-task-main .priority-bases h6{
	padding: 10px;
	margin-bottom: 0px;
}
.shedule-accord-task-main .test-icons{
	justify-content: end;
	gap: 15px;
	width: 100%;
}
.shedule-accord-task-main .test-icons > div{
	width: auto;
}
.shedule-accord-task-main .test-icons > div.project-icons{
	width: auto;
}
.shedule-accord-task-main h5 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.shedule-accord-task-main .test-icons .pro1,.shedule-accord-task-main .test-icons .pro2,.shedule-accord-task-main .test-icons .pro3{
	border-right: 1px solid #E5E5E5;
	padding-right: 10px;
}
.shedule-accord-task-main{
	padding: 15px 10px;
}
.shedule-accord-task-main:hover{
	cursor: pointer;
}
.shedule-accord-task-main .test-icons > div.priority-bases{
	width: 70px;
}
.shedule-accord-task-main .project-icons .project-name li {
    margin-left: -12px;
}
.test-side-right li span.name-avatars{
	background: #FFF3F3;
	color: #FF9B44;
}
.test-side-right li:last-child .name-avatars
{
	background: #DCFFF9;
	color: #1DB299;
}
/* .task-card-active.active{
	border: 2px solid #1DB399;
    box-shadow: 0px 4px 7px rgb(136 136 136 / 40%);
	
} */
.task-card-active:hover{
	cursor: pointer;
}
.detail-cover-img span{
	top:60px !important;
}
.card-setview .card-detail-setview .pro4:nth-last-child(1) .project-detailscontent,.label-bg .project-detailscontent{
	border-right:unset;
}
/* .label-bg .project-detailsimg{
	background: #F2F2F2;
} */
.label-bg{
	width: 25%;
}
.detail-task-label .label1 .project-detailscontent{
	background: #42A5F5;
}
.detail-task-label .label2 .project-detailscontent{
	background: #7460EE;
}
.detail-task-label .label3 .project-detailscontent{
	background: #FFB300;
}
.detail-task-label .labellist .project-detailscontent{
	border-radius: 50px;
	padding: 6px 15px 6px 15px !important;
	line-height: 20px;
}
.detail-task-label .card-detail-setview .members-set{
	border-right: none;
	padding-right: 0px;
}
.detail-task-label .label-desc{
	width: 100%;
}
.detail-task-label .card-description{
	overflow: hidden;
}
.detail-task-label .card-description input{
	width: 100%;
    border: unset;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	color: #344357;
	font-size: 13px;
	font-weight: 300;
	line-height: 20px;
	resize: none;
}
.detail-task-label .file-list-bg{
	background: #FAFAFF;
	padding: 15px;
}
.detail-task-label .show-details{
	background: #F2F2F2;
	border-radius: 5px;
	padding: 7px 10px;
}
.card-file-list {
    background: #FAFAFF;
    padding: 15px;
    margin-bottom: 15px;
}

.card-setview.date-section ul {
	border-top: none;
}
.detail-task-label .create-button{
	font-size: 14px;
    font-weight: 500;
}

.detail-show-detail {
    background: #F2F2F2;
    border-radius: 5px;
    padding: 7px 10px;
}
.progress-bar-sprint-task .check-progress .progressset {
    width: 100%;
}
.progress-check-list li label .check-name {
    font-size: 12px;
}
.progress-check-list li label {
    width: calc(100% - 166px);
}
.show-details {
    background: #F2F2F2;
    border-radius: 5px;
    padding: 7px 10px;
}
.file-list-main {
    margin-bottom: 15px;
    border-bottom: 1px solid #EFF2F5;
}
.detail-create-btn{
	min-width: 105px;
	font-size: 14px;
	padding: 10px 4px;
}
.checklist-input-detail{
	border: 1px solid #4B4B9F !important;
}
.kanban-datail-list{
	margin: 0 15px 10px !important;
}
.kanban-datail-list li i{
	font-size: 15px;
	margin-right: 5px;
}
.kanban-datail-list li a{
	padding: 10px;
}
.kanban-datail-list li{
	margin: 0 7px 16px 0;
}
.form-group.allow-form.form-box {
	border-radius: 10px;
    border: 1px solid #E9E9FF;
    background: #FFF;
    width: 160px;
    height: 100px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form-box .toggle-switch-label,.select-all-box .toggle-switch-label{
	width: 51px;
    height: 31px;
}
.form-box .toggle-switch-indicator,.select-all-box .toggle-switch-indicator{
	width: 20px;
    height: 20px;
	left: 0px;
}

.form-box .toggle-switch-input:checked+.toggle-switch-label .toggle-switch-indicator{
	left: 10px !important;
}
.actions {
    color: #344357;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 20px;
	margin-left: 10px;;
}
.progressbar-toggle-slider .sidebar-layout {
    max-width: 624px !important;
}
.edit-task-percent .task-label:last-child label {
    padding: 0px 0px 0px 0px;
}

/*progress bar*/

.progessbar-bar-task-percentage {
    overflow-x: scroll;
    overflow-y: hidden;
}
.progress-sidebar .task-percent {
    flex-flow: nowrap;
    gap: 11px;
    min-width: 555px;
}
.task-percent {
    padding: 20px 15px 5px;
    display: flex;
    flex-wrap: wrap;
    background: #FBFBFF;
    border: 1px solid #E3E2FF;
    border-radius: 5px;
    justify-content: space-between;
}
.progress-sidebar .edit-task-percent {
    width: 100%;
}
.edit-task-percent {
    display: flex;
    flex-flow: wrap;
    padding-left: 0px;
    justify-content: space-between;
}
#volume-bar {
    background-color: #E9E9FF;
    height: 10px;
    width: 100%;
    position: relative;
    border-radius: 5px;
    margin-bottom: 20px;
}
#range2 {
    height: 10px;
    background: #4CAF50;
    position: absolute;
    border-radius: 5px;
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 7px 7px;
}
#knob2 {
    width: 20px;
    height: 20px;
    background-color: #4CAF50;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    margin-top: -5px;
    margin-left: 0;
    text-align: center;
    z-index: 2;
}
.progessbar-bar-task-percentage .task-label {
    left: 9px;
}
.task-label input[type=radio] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.edit-task-percent .task-label label {
    background: none !important;
    padding: 0px 19px 0px 0px;
    margin: 0 0px 15px 0;
    color: #344357;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    display: flex;
    flex-flow: wrap;
}
.progress-bar-percentage {
    padding: 10px;
    margin-left: 15px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: fit-content;
    border-radius: 5px;
    border: 1px solid #E3E2FF;
    width: 55px;
}
.progress-bar-percentage {
    width: 50px;
    text-align: center;
}

/* --------------Timeline------------ */

.timeline-chart{
	height: calc(100% - 30px);
}
.timeline-chart.chart-wrapper.week-wrapper .chart-values li::before {
    content: "";
    width: 1px;
    background-color: #E9E9FF;
    position: absolute;
    left: 49px;
    top: 57px;
    min-height: 1000vh;
	border-right: none;
}
.timeline-chart.chart-wrapper.week-wrapper .chart-values li {
    height: 57px;
    line-height: 45px;
    padding: 5px 0;
	min-width: 50px;
}
.width-calendar .timeline-chart.chart-wrapper.week-wrapper .chart-values li {
	width: 40px;
	min-width: auto;
}
.timeline-chart.chart-wrapper .chart-bars{
	width: 1200px;
}
.timeline-chart.chart-wrapper .chart-week li {
	flex: 0 0 300px;
}
.timeline-chart.chart-wrapper.week-wrapper .chart-month li{
/*	min-width: 1500px;*/
}
.timeline-chart.chart-wrapper.week-wrapper .chart-week li{
/*	min-width: 375px;*/
}
.timeline-chart.chart-wrapper .chart-bars li.overall-process .task-bar{
	margin: 40px 0;
    height: 40px;
    line-height: 40px;
    font-size: 11px;
/*	width: 200px !important;*/
}
.timeline-chart.chart-wrapper .chart-bars li .task-bar{
	border-radius: 22.5px;
    text-align: left;
}
.timeline-chart.chart-wrapper .chart-bars li .task-bar .pro-percent span{
	background: #FFFFFF;
    box-shadow: 0px 2px 6px rgba(254, 127, 46, 0.1);
    border-radius: 14px;
	color: #000;
	padding: 5px 10px;
    margin-right: 5px;
    font-size: 10px;
}
.timeline-chart .pro-bar-wrap{
	width: 50%;
	padding: 0 5px;
}
.timeline-chart.chart-wrapper .chart-values li.current-date .current-date-position{
	position: relative;
    left: 50%;
    top: 50px;
    height: 100vh;
    border: 2px solid #ffb300;
    z-index: 2;
    width: 2px;
    transform: translate(-50%, 0px);
}
.timeline-chart.chart-wrapper .chart-bars li.overall-process{
	border-top: none !important;
}
.timeline-chart.chart-wrapper .chart-values li.current-date::after{
	display: none;
}
 .timeline-chart.chart-wrapper .chart-values li.current-date .current-date-position::after{
	content: '';
    position: absolute;
    left: -5px !important;
    top: -5px;
    z-index: 5;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background-color: #ffb300;
}
.timeline-chart.chart-wrapper .chart-values li.current-date .current-date-position::before{
	content: '';
    position: absolute;
    left: -5px !important;
    bottom: -5px;
    z-index: 5;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background-color: #ffb300;
}
.timeline-shedual .circular-chart {
	max-width: 26px;
	max-height: 26px;
}
.timeline-shedual .input-check a{
	font-size: 12px;
    font-weight: 500;
}
.timeline-shedual .pro-action .single-chart {
    width: 40px;
}
.milestone-div .timeline-milestone i{
	font-size: 12px;
	font-weight: 400;
	color: #344357;
}

.milestone-div .after-div{
	position: relative;
}
.milestone-div .after-div i{
	font-size: 15px;
}
.milestone-div .after-div span{
	font-size: 12px;
	font-family: 'Poppins';
}
.project-icons .project-name li {
    margin-left: -40px !important;
}
.milestone-div{
	justify-content: space-between;
	flex-flow: wrap;
}
.timeline-milestone .test-side-right li:nth-child(1) .name-avatars {
    background: #DCFFF9;
    color: #1DB299;
}
.timeline-milestone .test-side-right li:nth-child(2) .name-avatars {
    background: #E9E9FF;
    color: #4B4B9F;
}
.timeline-milestone .test-side-right li.more-set a {
    background: #FF9B44;
    color: #fff;
}
.timeline-milestone .task-lists li a,.timeline-milestone .project-name-list li a .name-avatars,.timeline-milestone .project-name-list .more-set {
		font-size: 12px;
}
.chat-links a img{
	width: 15px;
	height: 15px;
}
.chat-link-right-icon a{
	min-width: auto;
	padding: 5px 2px;
	border: none;
}
.task-lists {
	border: none;
}
.main-task,.sub-tasks,.sub-tasks2{
	border: 1px solid #E9E9FF;
	border-radius: 10px;
    margin-bottom: 15px;
}
.task-lists .sub-tasks li{
	border-top: none;
}
.task-lists ul.sub-tasks{
	margin-left:35px;
	padding-left: 0px !important;
}
.task-lists ul.sub-tasks2{
	margin-left: 70px;
	position: relative;
}
.task-submenu-lists{
	position: relative;
}
.task-submenu-lists::before{
	position: absolute;
    content: "";
    border-bottom: 1px solid #E9E9FF !important;
    top: 0;
    bottom: 0;
    width: 70px;
    transform: translate(15%, 0%);
}
.task-submenu-set .task-submenu-lists::before{
	width:0;
    border-bottom: 0 !important;
}
.task-submenu-set .task-submenu-lists::after{
	border-left: 0 !important;
}
.task-submenu-set .sub-tasks {
	position: relative;
}
.task-submenu-set .sub-tasks::after {
	position: absolute;
    content: "";
    background: #E9E9FF;
    left: -20px;
    top: -16px;
    width: 0.7px;
    height: calc(100% + 17px);
}
.task-submenu-set .sub-tasks::before {
	position: absolute;
    content: "";
    background: #E9E9FF;
    left: -20px;
    top: 50%;
    width: 20px;
    height: 1px;
}
.task-submenu-set .sub-tasks:last-child::after{
	background: #E9E9FF;
	height: calc(50% + 17px);
}
.task-submenu-set .task-lists .sub-tasks li:nth-child(1)::after {
    width: 0;
}
.task-submenu-lists::after{
    position: absolute;
    content: "";
    border-left: 1px solid #E9E9FF !important;
    left: 10px;
    top: 0;
    width: 1px;
    height: 85%;
    transform: translate(-40%, 18%);
}
.task-lists .sub-tasks li:nth-child(1)::after{
	position: absolute;
    content: "";
    border-bottom: 1px solid #E9E9FF !important;
    left: 0;
    top: 0;
    width: 24px;
    height: 100%;
}
.task-list-submenus .task-lists .sub-tasks li::after{
	 border-bottom: 1px solid #E9E9FF !important;
    left: -16px;
    width: 16px;
    height: auto;
    top: 50%;
} 
.task-list-submenus  .main-task .task-list-task-input .custom_check::before{
	width:0;
}
.task-list-submenus .task-lists ul.sub-tasks{
	position: relative;
}
.task-submenu-set.task-submenu-lists::after{
	width:0;
	border-left: 0 !important;
}
.task-submenu-set.task-submenu-lists::before{
    border-bottom: 0 !important;
}
.task-list-submenus .task-lists ul.sub-tasks::after{
    position: absolute;
    content: "";
    left: -16px;
    top: 0px;
    width: 0.6px;
    height:calc(100% - 22px);
    background: #E9E9FF;
}
.task-list-submenus .task-lists ul.sub-tasks::before{
    position: absolute;
    content: "";
    left: -16px;
    top: -16px;
    width: 0.6px;
    height: 16px;
    background: #E9E9FF;
    z-index: 9999;
}
.task-lists .sub-tasks .task-list-task-input{
	position: relative;
}
.task-lists .sub-tasks .task-list-task-input:last-child::before{
    position: absolute;
    content: "";
    left: -17px;
    top: 30px;
    width: 1px;
    height: 16px;
    background: #fff;
    z-index: 99999;
}
.timeline-chart.chart-wrapper.week-wrapper .chart-values.chat-new-dates li {
    height: 57px;
    line-height: 15px;
        padding: 14px 0;
}
.fc-day-grid-event .fc-content {
    padding: 8px;
}
.task-lists .sub-tasks2 li:nth-child(1)::before{
	position: absolute;
    content: "";
    border-left: 1px solid #E9E9FF;
    left: -4%;
    top: 0;
    width: 1px;
    height: 65%;
    transform: translate(-80%, -20%);
}
.task-lists .sub-tasks2 li:nth-child(1)::before{
    position: absolute;
    content: "";
    border-bottom: 1px solid #E9E9FF !important;
    left: 0;
    top: 0;
    width: 25px;
    height: 65%;
    transform: translate(-100%, -22%);
}
.task-lists .sub-tasks li::before,.task-lists .sub-tasks .project-name-list li::before,
.task-lists .sub-tasks li::after,.task-lists .sub-tasks .project-name-list li::after{
	border: none !important;
}
.tab-year-head .chart-wrapper.week-wrapper .chart-month li{
	height:54px;
    line-height: 54px;
}

.tab-year-head .timeline-chart.chart-wrapper.week-wrapper .chart-year-month-name li{
	height:54px;
	 line-height: 54px;
}
.timeline-shedual .card-body{
	margin-top: 100px;
}
.timeline-shedual .card-body.taskbar-list-menu{
    margin-top: 90px;
}
/*.timeline-shedual .card-body.taskbar-list-menu.tab-year-view{
    margin-top: 40px;
}*/
.milestone-div .after-div{
	position: relative;
	display: flex;
}
.milestone-div .after-div .after-calaneder{
	background: #FD6B59;
    width: 1px;
    height: 20px;
}
.activity-feed .feed-item .timeline-time-text{
	color: #4B4B9F;
}
.activity-feed .feed-item .timeline-time-text i{
	font-size: 15px;
    padding-right: 5px;
}
.track-heading h3 span.tracking-time{
	font-family: Poppins;
	font-size: 24px;
	font-weight: 600;
	line-height: 36px;
	color: #4B4B9F;
}
.employee-dashboard .total-time-worked{
	border-bottom: 1px solid #E9E9FF;
	flex-flow: wrap;
}
.employee-dashboard .progressbar-time ul{
	gap: 90px !important;
}
.employee-dashboard .progressbar-time{
	min-width: 1031px;
}
.employee-dashboard .progressbar-time-main{
	overflow-x: auto;
}
.employee-dashboard .progressbar-time .progress{
	background-color: #E9E9FF;
	border-radius: 50px;
	height: 25px;
}
.overview-card .employee-dashboard{
	padding: 20px 16px;
}
.track-activty-widget  table th{
	padding: 20px;
	font-weight: 500;
	font-size: 14px;
	width: 20%;
}
.track-activty-widget  table th:last-child{
	width: 30%;
}
.no-task-found-table{
	text-align: center;
    padding: 100px;
}
.no-task-found-table .track-heading h3{
	font-size: 14px;
	font-weight: 500;
}
.no-task-found-table .track-heading,.employee-dashboard .total-time-worked .track-heading{
	border-bottom: none;
}
.track-activty-widget .status-tracker .add-btn a{
	background-color: #4B4B9F;
	color: #fff;
	padding:5px 20px;
}
.status-add-btn .btn-primary{
	padding: 4px 10px;
}
.employee-dashboard .track-body{
	overflow-y: initial;
    max-height: fit-content;
}
.popup-kanbandetails .taskname-set{
	cursor: pointer;
}
.main-task .task-list-task-input .custom_check::before{
	position: absolute;
    content: "";
    top: -3px !important;
    width: 1px;
    height: 44px;
    left: 0px !important;
    background: #E9E9FF;
    transform: translate(0px, 40px);
} 
.task-list-task-input{
	border: 1px solid #E9E9FF;
	border-radius: 10px;
    margin-bottom: 15px;
}
.main-task-list{
	border:none;
}
.task-lists .sub-tasks .task-list-task-input{
	border-top: 1px solid #E9E9FF !important;
	border-radius: 10px;
    margin-bottom: 15px;
} 
.main-task .chart-taskname.chart-taskname-list::before{
	position: inherit !important;;
}
.sub-task-list-chart{
	position: relative !important;
}
.sub-task-list-chart:last-child::before {
	height: 100%;
}
.sub-task-list-chart::before{
	position: absolute;
    content: "";
    top: 50%;
    width: 1px;
    height: 100%;
    left: 16px;
    background: #E9E9FF;
    transform: translate(0px, -99%);
}
table.progress-table th{
	border: none !important;
}
.completed-tasks.active{
	border: 2px solid #3FC34D !important;
}
.inprogress-tasks.active{
	border: 2px solid #4FACFE;
}
.dealy-tasks.active{
	border: 2px solid #FD6B59;
}
.pending-tasks.active{
	border: 2px solid #FEB019;
}
.outboard.active{
	border: 2px solid #344357;
}
.tot-task.active{
	border: 2px solid #4B4B9F;
}
.tot-task.due-to-task.active{
	border: 2px solid #FF0000;
}
.tot-task.due-to-task-right.active{
	border: 2px solid #399E8D;
}
.card.active{
	border: 2px solid #008F64;
}
.total-project{
	margin-bottom: 0px !important;
}
.project-task{
	padding: 0px;
	margin-bottom: 0px !important;
}
.dealy-project-task{
	padding: 15px;
    margin: 10px;
	border-radius: 5px;
	min-height: 110px;
}
.project-task::before{
	display: none;
}
.dealy-project-task::before{
	position: absolute;
    content: "";
    background: url(../img/bg/card-bg.png);
    background-repeat: no-repeat;
    width: 162px;
    height: 85px;
    bottom: 10px;
	right: 10px;
}
.test-view-body .project-task span{
	bottom:20px;
	right: 20px;
}
.test-view-body .total-project .task-card.active{
	border: 2px solid #01a3c4;
}
.test-view-body .in-progress .task-card.active{
	border: 2px solid #35C3FC;
}
.test-view-body .completed-project .task-card.active{
	border: 2px solid #42A545;
}
.test-view-body .pending-project .task-card.active{
	border: 2px solid #FF9B44;
}
.test-view-body .dealy-project .task-card.active{
	border: 2px solid #ED4A47;
}
.next-prev-month-main{
	display: flex;
	align-items: center;
	gap: 20px;
	flex-flow: wrap;
}
.week-day-year-group{
	margin-bottom: 0px;
}
.week-day-year-group .btn-group{
	display: block;
}
.next-prev-month-main .next-prev-task .btn-group .fc-toolbar-chunk .fc-prev-button,
.next-prev-task .btn-group .fc-toolbar-chunk .fc-today-button,
.next-prev-task .btn-group .fc-toolbar-chunk .fc-next-button{
	display: block !important;
}
.calendar-heads .fc-view-harness{
	display: none;
}
.calendar-heads  .fc-toolbar-title{
 	display: none;	
}
.next-prev-task .btn-group .fc-toolbar-chunk{
	display: flex;
	gap: 10px;
	margin-bottom: 0px;
}
.calender-header-main{
	flex-flow: wrap;
	gap: 10px;
}

/* milestone year*/
.timeline-chart.chart-wrapper.week-wrapper .chart-year-month-name li{
	position: relative;
}
.timeline-chart.chart-wrapper.week-wrapper .chart-year-month-name li::before {
    content: "";
    width: 1px;
    background-color: #E9E9FF;
    position: absolute;
    left: 53px;
    top: 27px;
    min-height: 1000vh;
	border-right: none;
}
.card-headersets.calendar-sub-head.justify-content-start {
    flex-wrap: wrap;
}
.card-task-tree ul.sub-tasks.main-task-list .task-list-task-input {
    position: relative;
}
.card-task-tree ul.sub-tasks.main-task-list .task-list-task-input::after {
    position: absolute;
    content: "";
    background: #e5e5e5;
    top: -15px;
    left: -24px;
    width: 0.7px;
    height: calc(100% + 25px);
}
.card-task-tree ul.sub-tasks.main-task-list .task-list-task-input:last-child::after {
	height: calc(50% + 16px);
}
.card-task-tree ul.sub-tasks.main-task-list .task-list-task-input::before {
    position: absolute;
    content: "";
    background: #e5e5e5;
    top: 50%;
    left: -24px;
    width: 24px;
    height: 1px;
}
.card-task-tree .main-task .task-list-task-input .custom_check::before{
	width:0;
} 
.chart-wrapper .chart-week.chart-time-years-set li{
	    height: 48px;
    line-height: 48px;
        position: relative;
}

.chart-wrapper .chart-week.chart-time-years-set  li::before {
    content: "";
    width: 1px;
    background-color: #E9E9FF;
    position: absolute;
    right: 0;
    top: 28px;
    min-height: 1000vh;
}
/*-----------------
	41. Responsive
-----------------------*/

@media (max-width: 1499.98px) {
	.punsh-btn .btn-primary {
		padding: 7px 7px;
	}
}
@media (min-width: 768px) {
	.avatar-xxl {
		width: 8rem;
		height: 8rem;
	}
	.avatar-xxl .border {
		border-width: 4px !important;
	}
	.avatar-xxl .rounded {
		border-radius: 12px !important;
	}
	.avatar-xxl .avatar-title {
		font-size: 42px;
	}
	.avatar-xxl.avatar-away:before,
	.avatar-xxl.avatar-offline:before,
	.avatar-xxl.avatar-online:before {
		border-width: 4px;
	}
}
@media (min-width: 992px) {
	#toggle_btn {
		align-items: center;
		color: #333;
		display: inline-flex;
		float: right;
		font-size: 30px;
		height: 60px;
		justify-content: center;
		margin-left: 15px;
		padding: 0 15px;
	}
	.mini-sidebar #toggle_btn {
		position: absolute;
		right: -10px;
		top: 20px;
		background: #4B4B9F;
		padding: 5px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 16px;
		color: #fff;
		width: 25px;
		height: 25px;
		border-radius: 50px;
		transition: none;
	}
	.mini-sidebar #toggle_btn i {
		font-size: 12px;
	}
	.header-four #toggle_btn {
		color: #fff;
	}
	.header .header-left-two #toggle_btn {
	    padding: 0 0px;
	    margin-left: 0px;
	}
	.mini-sidebar .header-left .logo img {
		height: auto;
		max-height: 40px;
		width: auto;
	}
	.mini-sidebar .header .header-left .logo {
		display: none;
	}
	.mini-sidebar .header-left .logo.logo-small {
		display: block;
	}
	.mini-sidebar .header .header-left {
		padding: 0 5px;
		width: 78px;
	}
	.mini-sidebar.expand-menu .header .header-left { 
		width: 240px;
		background: #FFF;
	}
	.mini-sidebar.expand-menu .header .header-left .logo { 
		display: block;
	}
	.mini-sidebar .sidebar {
		width: 78px;
	}
	.mini-sidebar.expand-menu .sidebar {
		width: 240px;
		z-index: 99999;
	}
	.mini-sidebar .menu-title {
		visibility: hidden;
		white-space: nowrap;
	}
	.mini-sidebar.expand-menu .menu-title {
		visibility: visible;
	}
	.mini-sidebar .menu-title a {
		visibility: hidden;
	}
	.mini-sidebar.expand-menu .menu-title a {
		visibility: visible;
	}
	.modal-open.mini-sidebar .sidebar {
		z-index: 1051;
	}
	.mini-sidebar .sidebar .sidebar-menu ul > li > a span {
		display: none;
		transition: all 0.2s ease-in-out;
		opacity: 0;
	}
	.mini-sidebar.expand-menu .sidebar .sidebar-menu ul > li > a span {
		display: inline;
		opacity: 1;
	} 
	.mini-sidebar .page-wrapper {
		margin-left: 78px;
	}
	.mini-sidebar .header-two:before {
	    margin-left: 78px;
	}
	.mini-sidebar .page-wrapper-four {
	    margin-left: 0px;
	}
	.sidebar-hide {
	  	display: none;
	}
	.header-two #toggle_btn {
		color: #fff;
	}
	.header-six #toggle_btn {
		color: #333;
	}
	.header-seven #toggle_btn {
		color: #333;
	}
	.header-eight #toggle_btn {
		color: #fff;
	}
	.header-nine #toggle_btn {
		color: #fff;
	}
}
@media (max-width: 1399.98px) {
	.log-title h1 {
		font-size: 32px;
	}
	.account-policy ul {
		margin: 0;
	}
	.link-set ul li {
		margin: 0 7px 15px 0;
		font-size: 13px;
	}
	.statistic-img img {
		width: 50px;
		height: 60px;
	}
	.task-lists li a {
		font-size: 12px;
	}
	.statistic-info h6 {
		font-size: 14px;
	}
	.statistic-info {
		padding: 35px 5px;
	}
	.statistic-info p {
		font-size: 11px;
	}
	.task-card {
		padding: 10px;
	}
	.eq-column .col-equal, .eq-column-8 .col-equal {
		padding: 0 2px;
	}
	.eq-column-8 .col-equal .task-card {
		padding: 6px;
	}
	.member-head > a {
		margin-right: 10px;
	}
	.task-lists li .custom_check {
		margin: 0 7px 0 0;
		padding-left: 20px;
	}
	.fc .fc-col-header-cell-cushion {
		font-size: 18px;
	}
	.test-icon {   
		margin-right: 10px;
	}
	.user-step {
		margin-right: 8px;
	}
	.user-date {
		margin-right: 10px;
	}
	.user-attachment {   
		margin-left: 20px;
	}
	.task-status h2 {
		font-size: 20px;
	}
	.process-title h3 {
		font-size: 20px;
	}
	.member-detail h5 {
		font-size: 18px;
	}
	.call-start-list ul li a {
		width: 65px;
	}
	.meet-join-list ul {
		flex-wrap: wrap;
	}
	.meet-join-list ul li {
		margin-bottom: 5px;
	}
	.timeestimationhead .last-update, .mas-filter .last-update {
		width: 240px;
	}
	.search-master-filter .form-group {
		min-width: 240px !important;
	}
	.caller-detail ul li {
		padding: 0px 5px;
		font-size: 14px;
	}
	.open-img img {
		margin-right: 5px;
		max-width: 25px;
	}
	.bg-count {
		margin-left: 4px;
	}
	.search-set .btn-primary {
		font-size: 14px;
		height: 40px;
		padding: 10px;
		min-width: 115px;
		margin-right: 10px;
	}
	.review-info ul li a {
		font-size: 14px;
	}
	.schedule-accord h5 {
		font-size: 16px;
	}	
	.test-icon-more {
		margin: 0 0 10px 30px;
	}
	.listing-task {
		margin: 0;
	}	
	.timeline-cal li a {
		padding: 9px 15px;
	}
	.process-title h5 {
		font-size: 16px;
	}	
	.search-file .form-control {
		min-width: 250px;
	}
	.sidebar-lays.sidebar-layout {
		max-width: 900px;
	}
	.plan-title {
		padding: 20px 12px;
	}
	.plan-title h6 {
		font-size: 16px;
	}
	.plan-wrap h5 {
		font-size: 16px;
	}	
	.single-chart {
		width: 45px;
	}
	.circular-chart {
		max-width: 40px;
		max-height: 25px;
	}
	.percentage {
		font-size: 10px;
	}
	.milestone-date li {
		padding-right: 60px;
	}
	.task-chat-up {
		font-size: 14px;
		padding: 10px;
		min-width: 130px;
	}
	.task-chat-list {
		font-size: 14px;
		padding: 8px;
		min-width: 80px;
		margin-bottom: 10px;
	}
	.member-head-with {
		max-width: 400px;
	}
	.task-padding-top-one {
		padding-top: 20px !important;
	}
	.task-padding-top {
		padding-top: 21px !important;
	}
	.search-member {
		max-width: 200px;
	}
	.shedule-accord-task-main .progresssettop h5 {
		font-size: 10px;
	}
	.timeline-milestone .project-name-list {
		margin-left: 25px;
	}
	.employee-dashboard .track-body{
		padding: 15px;
	}
	.punch-in, .punch-out {
		margin-right: 5px;
	}
	.punsh-btn .btn-primary {
		padding: 7px 0px;
	}
	
}
@media (max-width: 1299.98px) {
	.link-set ul li {
		margin: 0 5px 15px 0;
	}

	.member-head-with {
		max-width: 300px;
	}
	.search-member {
		max-width: 200px;
	}
	.project-detailsimg {
		width: 35px;
		height: 35px;
		margin-right: 5px;
	}
	.card-new.card-annual .project-detailscontent h2 {
		font-size: 10px;
	}
	.card-new.card-annual .project-detailsimg img {
		width: 15px;
	}
	.card-new.card-annual .project-detailsimg {
		width: 25px;
		height: 25px;
	}
	.card-new.card-annual .toggle-switch-label {
		width: 45px;
		height: 25px;
	}
	.card-new.card-annual .toggle-switch-indicator {
		width: 18px;
		height: 18px;
	}
	.card-new.card-annual {
		padding: 15px;
	}
	.card-body-annual .card-setview > ul {
		padding: 10px 4px 0;
	}
	.employee-dashboard .progressbar-time ul {
		gap: 65px !important;
	}
}
@media (max-width: 1249.98px) {
	.view-cardsets .test-icon .task-icons {
		width: 20px;
		height: 20px;
	}
	.view-cardsets  .test-accord{
		padding: 10px
	}

	.user-pass {
		margin-right: 10px;
	}
	.user-step {
		margin-right: 3px;
	}
	.file-attachment {
		width: 40px;
	}
	.note-editor .note-toolbar>.note-btn-group:last-child {
		margin: 0;
	}
	.note-editor .note-toolbar {
		margin: 5px;
		background-color: transparent;
		border-bottom: 1px solid #EFF2F5;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.file-comment {
		width: 40px;
	}
	.note-editor .note-toolbar>.note-btn-group, .note-popover .popover-content>.note-btn-group {
		margin-right: 8px;
	}
}
@media (max-width: 1199.98px) {
	.log-title h1 {
		font-size: 28px;
	}
	.login-sec h1 {
		font-size: 21px;
	}
	.details-set ul li {
		width: 25%;
		margin-bottom: 15px;
	}
	.card-new {
		padding: 30px 30px 15px;
	}	
	.ticket-details-set .project-status {
		margin-bottom: 15px;
	}
	.mentiony-container .mentiony-popover {
		min-width: 500px;
	}
	.eq-column .col-equal, .eq-column-8 .col-equal {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.add-document {
		font-size: 14px;
	}
	.note-list-view h5, .doc-title h6 {
		font-size: 14px;
		margin-bottom: 15px;
	}
	.test-view-body .task-status p {
		font-size: 12px;
	}
	.task-status h2 {
		font-size: 16px;
	}
	.process-title h3, .over-title h5, .overview-basic h3,
	.know-title h4 {
		font-size: 18px;
	}
	.activate-box {
		padding: 20px;
		margin-bottom: 30px;
	}
	.activate-info h6 {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.activate-wrap .btn-submit {
		margin-bottom: 25px;
	}
	.active-icon {
		margin-right: 15px;
	}
	.member-img img,
	.member-img .name-avatars {
		width: 100px;
		height: 100px;
	}
	
	.search-filter .form-group {
		min-width: auto;
	}
	.shedule-grp .card-headersets {
		flex-wrap: wrap;
	}
	.track-reports .timeestimationhead {
		flex-wrap: wrap;
	}
	.last-update {
		margin-bottom: 20px;
	}
	.timeestimationhead {
		flex-wrap: wrap;
	}
	.btn-group .btn{
		padding: 5px;
	}
	.next-prev-task .btn-group .fc-toolbar-chunk .fc-prev-button,
	.next-prev-task .btn-group .fc-toolbar-chunk .fc-next-button{
		width: 30px;
    	height: 33px;
	}
	.next-prev-task .btn-group .fc-toolbar-chunk .fc-today-button{
		height: 33px;
	}	

	.screenshot-info {
		max-width: 79%;
		margin: auto;
	}
	.head-chat {
		margin-top: 20px;
	}
	.delete-log {
		position: relative;
		width: 100%;
		left: 0;
		padding: 0;
		bottom: 0;
	}
	.call-users {
		margin-top: 15px;
	}
	.chat-message-box {
		margin-top: 15px;
	}
	.chat-coman-box {
		margin-top: 15px;
	}
	.meeting-group .project-status {
		margin-bottom: 15px;
	}
	.empty-contact {
		height: unset;
	}
	.date-filter .btn-group .btn {
		min-width: 77px;
		font-size: 12px;
		padding: 5px;
	}
	.ticket-head h4 {
		font-size: 20px;
	}
	.review-info ul li {
		 margin-right: 15px;
	}	
	.note-items { 
		flex-direction: column;
	}
	.note-items .form-group {
		width: 100%;
	}
	.timeline-cal li {
		margin-right: 5px;
	}
	.timeline-cal li a {
		padding: 9px 10px;
	}
	.milestone-date li {
		margin-right: 6px;
		padding-right: 10px;
	}
	.schedule-project h4 {
		font-size: 20px;
	}
	.schedule-project p {
		font-size: 14px;
	}
	.task-chat-list {
		font-size: 12px;
		padding: 8px;
		min-width: 80px;
		margin-bottom: 10px;
	}
	.search-member {
		max-width: 160px;
	}
	.test-list li a {
		font-size: 14px;
		padding: 0 8px 18px;
	}
	.test-list li {
		margin-right: 15px;
	}
	.search-member .form-control {
		height: 40px;
		padding: 10px;
	}
	.card-body-annual .card-setview > ul {
		justify-content: start;
	}
	.toggle-switch-indicator {
		width: 20px;
		height: 20px;
	}
	.card-new.card-annual .toggle-switch-label {
		width: 48px;
		height: 28px;
	}
	.team-board-task{
		background-size: contain;
	}
	.due-to-task-right{
		background-size: contain;
	}
	.timeline-shedual .card-body{
		padding: 0px;
	}
	
}
@media (max-width: 991.98px) {
	.header .header-left {
		position: absolute;
		width: 100%;
	}
	.add-item {
		margin-top: 10px;
	}
	.cad-search.card-search2 {
		width: 50%;
	}
	#sprints .content-center{
		display: block;
	}
	.details-set.details-set4 ul li{
		width: 50%;
	}
	.eq-column-6 .col-equal {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		padding: 0 5px;
	}
	.know-title .know-title-head {
		font-size: 18px;
	}
	.btn, .note-list-view h6 {
		font-size: 14px;
	}
	.dataTables_wrapper {
		border: 0;
	}
	.collapsesubmenu ul > li > a.active::before {
		width: 0;
		height: 0;
	}
	.card-sets {
		padding: 10px;
	}
	.mini-sidebar .header {
		width: 100%;
	}
	.header-nav .user-menu {
		display: none !important;
	}
	.search-set {
		margin-bottom: 15px;
	}
	.details-set ul li{
		width:20%;
		margin-bottom: 15px;
	}
	.card-new {
		padding: 15px;
	}
	.flag-nav {
		display: none;
	}
	.header{
		width: 100%;
	}
	.toggle-sidebar {
		z-index: 999999;
	}
	.project-status {
		padding: 15px 5px 0;
	}
	.mobile-show.user1 {
		display: block;
		position: absolute;
		right: 20px;
		top: 13px;
	}
	.mobile_btn {
		color: #4B4B9F;
		cursor: pointer;
		display: block;
		font-size: 24px;
		height: 60px;
		left: 0;
		line-height: 60px;
		padding: 0 15px;
		position: absolute;
		text-align: center;
		top: 0;
		z-index: 10;
	}
	#toggle_btn {
		display: none;
	}
	.top-nav-search {
		display: none;
	}
	.login-wrap {
		display: none;
	}
	.register-body .login-wrap {
		display: block;
	}
	.page-wrapper > .content {
		padding: 80px 16px 0;
	}
	.login-wrapper .loginbox .login-left {
		padding: 80px 50px;
		width: 50%;
	}
	.login-wrapper .loginbox .login-right {
		padding: 50px;
		width: 100%;
	}
	.sidebar {
		margin-left: -225px;
		width: 225px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		transition: all 0.4s ease;
		z-index: 1041;
	}
	.page-wrapper {
		margin-left: 0;
		padding-left: 0;
		padding-right: 0;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	.mobile_btn-two {
		color: #ffffff;
	}
	.header .has-arrow .dropdown-toggle-two:after {
		border-bottom: 2px solid #fff;
		border-right: 2px solid #fff;
	}
	.header .has-arrow .dropdown-toggle-two:hover:after {
		border-bottom: 2px solid #333;
		border-right: 2px solid #333;
	}
	.log-title h1, .login-sec h1 {
		font-size: 24px;
	}
	.login-right .btn {
		font-size: 14px;
	}
	.search-set .search-btn {
		flex: 0;
	}
	.card-setview > ul > li {
		margin: 25px 0;
	}
	.link-set ul li {
		margin-bottom: 15px;
	}
	.smileyset ul {
		justify-content: space-between;
		margin-bottom: 15px;
	}
	.inputgroups{
		margin-bottom: 15px;
	}
	.search-input input[type="text"] {
		width: 250px;
	}
	.project-detailscontent {
		margin-right: 10px;
	}
	.note-btn-item {
		padding-top: 0;
	}
	.fc .fc-col-header-cell-cushion {
		font-size: 14px;
	}
	.doc-title h6 {
		font-size: 15px;
	}
	.test-list li {
		margin-right: 10px;
	}
	.test-list li a {
		font-size: 14px;
    	padding: 0 5px  15px;
	}
	.process-title h3, .activate-wrap h6 {
		font-size: 16px;
	}
	.activate-box {
		padding: 15px;
	}
	.calendar-btns{
		width:100%;
	}
	.card-headersets.calendar-sub-head.justify-content-start {
	    flex-wrap: wrap;
	}
	.card-headersets.calendar-sub-head.justify-content-start .card-btn {
	    margin-top:15px;
	}
	.source-name-filter .source-names h4 {
		font-size: 18px;
	}
	.source-name-filter .source-names span {
		font-size: 12px;
	}
	.source-main .source-names h4 {
		font-size: 14px;
	}
	.branch-list ul li {
		margin-bottom: 5px;
	}
	.merge-list ul li,
	.update-time p 	{
		font-size: 12px;
	}
	.customer-details{
        margin-bottom: 25px;
    }
    .timeestimationhead{
        flex-direction: column;
    }
    .date-filter {
        flex-wrap: wrap;
        justify-content: center;
    }
    .filter-range{
        margin:15px 0;
    }
    .graph-set{
        margin-bottom: 25px;
    }
	.screenshot-info {
		max-width: 90%;
		margin: auto;
	}
	.track-screen-group h4 {
		font-size: 18px;
		line-height: 1.5;
	}
	.screen-user-time h5 {
		font-size: 15px;
		margin-bottom: 3px;
	}
	.screen-user-time p {
		font-size: 12px;
	}
	.tracker-head .link-set ul li {
		margin-bottom: 0px;
	}
	.delete-log {
		position: relative;
		width: 100%;
		left: 0;
		padding: 0;
		bottom: 0;
	}
	.call-users {
		margin-top: 15px;
	}
	.chat-message-box {
		margin-top: 15px;
	}
	.chat-coman-box {
		margin-top: 15px;
	}
	.meeting-group .project-status {
		margin-bottom: 15px;
	}
	.ticket-head h4 {
		font-size: 18px;
	}
	.know-desc .like-list {
		margin: 30px 0 0;
	}
	.manual-img {
		width: 40px;
		height: 40px;
	}
	.manual-text h6, .manual-text p {
		font-size: 14px;
	}
	.manual-steps li {
		margin-bottom: 20px;
	}	
	.listing-task {
		margin: 0 0 0 30px;
	}
	.subscribe-card .btn {
		font-size: 11px;
		padding: 8px 5px;
	}
	.profile-img-update img {
        border-radius: 50%;
        width: 80px;
    }
    .test-icons .pro1,
    .test-icons .pro2,
    .test-icons .pro3,
    .priority-bases,
    .chat-links{
        margin-bottom: 10px;
    }
	.task-chat-up {
		font-size: 14px;
		padding: 10px;
		min-width: 130px;
	}
	.progress-wrap.chart-wrapper .chart-bars li .task-bar {
		height: 40px;
		line-height: 40px;
	}
	.details-set.details-newview.box-test ul li {
	    width: 50%;
	}
	.details-set.details-newview.box-bugs ul li, 
	.details-set.details-newview.box-pipeline ul li,
	.details-set.details-newview.box-sprint ul li,
	.box-members a {
	    width: 50%;
	}
	.today-all-task-list{
		margin: 0px;
	}
	.team-board-task p {
		font-size: 26px;
	}
	.shedule-accord-task-main .test-icons{
		justify-content: flex-start;
	}
	.deatil-footer-discussion .smileyset ul{
		margin-bottom: 0px;
	}
	.timeline-milestone .chat-links{
		margin-bottom: 0px !important;
	}
	.task-lists ul.sub-tasks{
		margin-left: 30px;
	}
	.task-lists ul.sub-tasks2{
		margin-left: 33px;
	}
	.timeline-shedual .card-body {
		margin-top: 0px;
	}
	.timeline-chart {
		height: calc(100% - 15px);
	}
	
}
@media (min-width: 576px) {
	.schedule-modal .modal-dialog {
		max-width: 540px;
	}
	.profile-group {
        top: 0;
    }
}

@media (max-width: 767.98px) {
	body {
		font-size: 14px;
	}
	h1,
	.h1 {
		font-size: 2rem;
	}
	h2,
	.h2 {
		font-size: 1.75rem;
	}
	h3,
	.h3 {
		font-size: 1.5rem;
	}
	h4,
	.h4 {
		font-size: 1.125rem;
	}
	h5,
	.h5 {
		font-size: 1rem;
	}
	h6,
	.h6 {
		font-size: 0.875rem;
	}
	div.dataTables_wrapper div.dataTables_filter {
		margin-top: 10px;
	}
	.header .has-arrow .dropdown-toggle:after {
		display: none;
	}
	.card-btn > ul li{
		margin:5px;
	}
	.user-menu.nav > li > a > span:not(.user-img) {
		display: none;
	}
	.navbar-nav .open .dropdown-menu {
		float: left;
		position: absolute;
	}
	.navbar-nav.user-menu .open .dropdown-menu {
		left: auto;
		right: 0;
	}
	.header .header-left {
		padding: 0 15px;
	}
	.header .header-left .logo {
		display: none;
	}
	.header-left .logo.logo-small {
		display: inline-block;
	}
	.login-wrapper .loginbox .login-left {
		display: none;
	}
	.card-headers {
		flex-direction: column;
	}
	.card-btn{
		margin-top:10px;
	}
	.details-set ul li {
		width: 33%;
	}
	.pipeline-details ul li {
		width: 50%;
		padding: 0 5px;
		margin-bottom: 15px
	}
	.login-wrap-bg {
		padding: 20px 20px 0;
	}
	.account-footer {
		padding-bottom: 20px;
	}
	.login-wrapper .loginbox, .login-wrapper .logs {
		max-width: 550px;
	}
	.login-wrapper .loginbox .login-right {
		float: none;
		padding: 1.875rem;
		width: 100%;
	}
	.top-action-left .float-left {
		float: none !important;
	}
	.top-action-left .btn-group {
		margin-bottom: 15px;
	}
	.top-action-right {
		text-align: center;
	}
	.top-action-right a.btn.btn-white {
		margin-bottom: 15px;
	}
	.mail-sent-time {
		float: left;
		margin-top: 10px;
		width: 100%;
	}
	.login-wrapper .loginbox .login-right h1 {
		font-size: 20px;
	}
	.dash-count {
		font-size: 16px;
		display: inline-block;
	}
	.dash-widget-header{
		display: block;
	}
	.nav {
		display: block;
	}
	.header-nav {
		padding: 10px 10px 5px;
	}
	.breadcrumb-item { 
		margin-bottom: 5px;
	}
	.timeline > li > .timeline-badge {
		top: 16px;
		left: 15px;
		margin-left: 0;
	}
	ul.timeline > li > .timeline-panel {
		float: right;
		width: calc(100% - 90px);
	}
	.timeline > li > .timeline-panel:before {
		right: auto;
		left: -15px;
		border-right-width: 15px;
		border-left-width: 0;
	}
	ul.timeline>li>.timeline-panel:after {
		right: auto;
		left: -14px;
		border-right-width: 14px;
		border-left-width: 0;
	}
	ul.timeline:before {
		left: 40px;
	}
	.header .header-left-two .logo img,
	.header .header-left-two .dark-logo img {
	    max-height: 45px;
	    width: auto;
	}
	.ui-aside-compact .ui-aside {
	    width: 67px;
	}
	.sidebar-content {
	    width: auto;
	}
	.siderbar-view.show-sidebar {
	    z-index: 999;
	}
	.login-sec h1 {
		font-size: 20px;
		margin: 0 auto 25px;
	}
	.step-info p {
		font-size: 14px;
	}
	.login-wrap-bg {
		background-size: cover, 120px;
	}
	.sidebar-layout {
		max-width: 500px;
	}
	.card-headersets {
		flex-direction: column;
	}
	.calendar-headersets{
		flex-direction: initial;
	}
	.media .avatar {
		height: 25px;
		width: 25px;
	}
	.media .media-body {
		margin-left: 8px;
	}
	.media.sent .media-body {
		margin-right: 8px;
	}
	.media.received .media-body .msg-box {
		padding-right: 0;
	}
	.media.sent .media-body .msg-box {
		padding-left: 0;
	}
	.drop-item .dropdown-menu {
		transform: translate3d(-100%, 10px, 10px) !important;
	}
	.media.sent .drop-item .dropdown-menu {
		transform: translate3d(25px, 5px, 0) !important;
	}
	.smileyset ul li {
		margin: 0 5px 0 0;
	}
	.smileyset ul a, .member-card .smileyset ul a {
		width: 35px;
		height: 35px;
	}
	.inputgroups input[type="text"], .member-card .inputgroups input[type="text"] {
		height: 35px;
	}
	.member-card .btn-send {
		font-size: 14px;
	}
	.btn-send {
		padding: 6px;
	}
	.project-nodatas {
		margin: 50px 0;
	}
	.header-nav ul {
		padding-left: 20px;
	}
	.breadcrumb img {
		width: 16px;
		position: absolute;
		left: -20px;
	}
	.breadcrumb a > i {
		position: absolute;
		left: -20px;
		top: 2px;		
	}
	.file-upload ul li {
		margin-right: 10px;
	}
	.media .media-body .msg-box > div .chat-time h6 {
		font-size: 12px;
	}
	.mentiony-container .mentiony-popover {
		min-width: 260px;
		left: 0;
	}
	.filename-box, .audio-box {
		width: 100%;
		min-width: 200px;
	}
	.member-card .card-headersets > h6 {
		margin-bottom: 10px;
	}
	.task-status h2 {
		font-size: 16px;
	}
	.comment-img img {
		width: 35px;
		height: 35px;
	}
	.comment-img {
		margin-right: 10px;
	}
	.comment-box p {
		font-size: 13px;
	}
	.fc .fc-col-header-cell-cushion {
		font-size: 12px;
	}
	.test-list li a {
		padding-bottom: 5px;
	}
	.test-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.time-track h5 {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.time-track h6 {
		font-size: 14px;
		margin-bottom: 15px;		
	}
	.activity-feed .feed-img img {
		width: 40px;
		height: 40px;
	}
	.project-status h2 {
		font-size: 18px;
	}
	.over-title h5, .overview-basic h3, .know-title h4 {
		font-size: 16px;
	}
	.activate-box {
		padding: 15px;
	}
	.activate-info h6 {
		margin-bottom: 10px;
	}
	.member-detail h5 {
		font-size: 15px;
	}
	
	.search-filter {
		flex-wrap: wrap;
	}
	.filter-btn .btn-primary,
	.filter-btn	{
		min-width: 100%;
	}
	.filters-source {
		margin: 10px 0px;
	}
	.search-filter .form-group {
		min-width: 100%;
		margin-bottom: 20px !important;
	}
	.search-filter .filter-btn {
		margin-bottom: 20px !important;
	}
	.source-empty {
		min-height: 500px;
	}
	.source-pagination {
		flex-wrap: wrap;
		justify-content: center;
	}
	.source-pagination .work-key-name {
		margin-bottom: 20px;
	}
	.paginations li a,
	.paginations li a.active {
		font-size: 14px;
		width: 25px;
		height: 25px;
	}
	.update-time {
		margin-left: 0;
		margin-top: 10px;
	}
	.list-pagination {
		padding: 0;
		flex-wrap: wrap;
	}
	.paginations li {
		padding-right: 11px;
	}
	.work-key-name h4 {
		font-size: 14px;
		margin-left: 12px;
	}
	.more-avatars {
		width: 35px;
		height: 35px;
	}
	.update-time p {
		font-size: 14px;
	}
	.sourc-select {
		flex-wrap: wrap;
	}
	.search-master-filter {
		flex-wrap: wrap;
	}
	.search-master-filter .last-update {
		width: 100%;
	}
	.search-master-filter .form-group {
		min-width: 100%;
	}
	.source-file-upload .btn-activity {
		font-size: 12px;
		padding: 5px 15px;
		min-width: 100px;
	}
	.source-file-upload li {
		padding: 0px 2px;
	}
	.source-key-name .more-avatars {
		width: 45px;
		height: 45px;
		font-size: 16px;
	}
	.source-names h4 {
		font-size: 15px;
	}
	.source-names span {
		font-size: 12px;
	}
	.source-name-list ul li {
		font-size: 12px;
	}
	.sourc-select .card-btn {
		margin-left: 0;
	}
	.source-name-filter .source-names h4 {
		font-size: 14px;
	}
	.source-name-filter .source-names span {
		font-size: 12px;
	}
	.source-main .source-names h4 {
		font-size: 14px;
	}
	.img-source-name img {
		width: 30px;
	}
	.master-commit-group .source-key-name .source-names p {
		font-size: 14px;
	}
	.source-name-list ul li {
		padding: 0px 5px;
	}
	.card-btn.branch-files > ul li {
		margin: 0px;
	}
	.source-merge .nav-tabs {
		display: flex;
	}
	.source-merge .nav-tabs .nav-link {
		padding: 15px;
		padding-top: 0;
		font-size: 12px;
	}
	.source-merge .nav-link span {
		width: 20px;
		height: 20px;
		font-size: 10px;
		margin-left: 10px;
	}
	.merge-group .source-key-name {
		flex-wrap: wrap;
	}
	.merge-list {
		margin-bottom: 10px;
	}
	.source-new .source-merge  {
		padding: 20px !important;
		flex-direction: initial;
	}
	.source-new .card-btn {
		margin-top: 0;
	}
	.source-new .source-group {
		display: block !important;
	}
	.source-names {
		margin-left: 10px;
		width: 100%;
	}
	.source-contact-widget h2 {
		font-size: 14px;
	}
	.folder-tasks-list ul li {
		min-width: 100%;
	}
	.empty-bord-task .kanban-board {
		width: 100%;
		flex: 0 0 100%;
		margin-right: 25px;
	}
	.board-groups {
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	.board-colum.eq-column .col-equal {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding: 0 5px;
	}
	.comment-sec .btn {
		font-size: 14px;
		padding: 7px 20px;
	}
	.relate-desc ul li {
		margin-bottom: 15px;
	}
	.reply-box {
		padding-left: 10px;
		margin-left: 15px;
	}
	.schedule-tab, .task-tab {
		display: flex;
	}
	.schedule-tab li a {
		padding: 9px 12px;
		margin: 0 10px 10px 0;
	}
	.tot-task {
		padding: 15px;
	}
	.tot-task h5 {
		margin-bottom: 15px;
	}
	.work-group {
		flex-direction: column;
		align-items: start !important;
	}
	.source-name {
		margin: 10px 0 0;
	}
	.sprint-prog {
		width: 100%;
	}
	.sprint-prog > ul {
		display: flex;
		justify-content: center;
	}
	.activity-box ul li, .check-list li {
		flex-direction: column;
	}
	.activity-box ul li > div, .check-list li label {
		width: 100%;
	}
	.schedule-project h4 {
		font-size: 16px;
	}
	.schedule-project h6 {
		font-size: 14px;
	}
	.schedule-project p {
		font-size: 13px;
	}
	.test-list li a {
        padding-bottom: 5px;
        font-size: 14px;
    }
	.test-icons .pro1,
    .test-icons .pro2,
    .test-icons .pro3,
    .priority-bases,
    .chat-links{
        margin-bottom: 10px;
    }
	.timeline-row {
		display: block;
	}
	.timeline-date-column {
		min-width: 100%;
	}
	.taskchat-update-group {
		display: flex;
	}
	.task-chat-up {
		font-size: 12px;
		padding: 8px;
		min-width: 100px;
	}
	.taskchat-list {
		display: inline-flex;
	}
	.member-head-with {
		max-width: 100%;
	}
	.card-new.card-annual .toggle-switch-label {
		width: 43px;
		height: 23px;
	}
	.card-new.card-annual .toggle-switch-indicator {
		width: 15px;
		height: 15px;
	}
	.cad-search {
		width: 250px;
	}
	.holiday-settings-add .task-chat-list {
        font-size: 14px;
        padding: 5px;
        min-width: 55px;
        margin-bottom: 10px;
    }
    .holiday-settings-add .btn-primary {
        padding: 5px 10px;
    }
    .holiday-settings-add .card-btn {
        margin-top: 0px;
    }
    .holiday-popup-toggle {
        padding: 5px 10px;
    }
	.details-set.details-newview ul li {
		width: 50%;
	}	
	div.dataTables_wrapper div.dataTables_paginate ul.pagination {
		margin: 0 !important;
	}
	.charts-item {
		overflow-x: auto;
	}
	.charts-item .tab-content {
		min-width: 500px;
	}
	.shedule-accord-task-main .taskname-set{
		margin-bottom: 20px !important;
	}
	.shedule-accord-task-main .project-icons .project-name-list{
		display: flex !important;
    	justify-content: flex-start;
    	margin-left: 10px;
	}
	.deatil-footer-discussion .inputgroups #comment_discussion1{
		min-height: 36px;
    	max-height: 36px;
	}
	.footer-discussion {
		margin-bottom: 0px !important;
	}
	.timeline-header{
		margin-bottom: 10px;
	}
	.track-activty-widget table th {
		padding: 15px;
	}
	.track-heading h3 span.tracking-time,.employee-dashboard .total-time-worked .track-heading{
		padding-left: 0px !important;
	}
	.track-heading h3 span.tracking-time{
		font-size: 16px;
	}
}

@media (max-width: 575.98px) {
	.card {
		margin-bottom: 0.9375rem;
	}
	.page-wrapper > .content {
		padding: 75px 15px 0;
	}
	.details-set.details-newview ul li {
		width: 100%;
	}	
	.chat-window {
		margin-bottom: 0.9375rem;
	}
	.card-body {
		padding: 1.25rem;
	}
	.card-header {
		padding: .75rem 1.25rem;
	}
	.card-footer {
		padding: .75rem 1.25rem;
	}
	.page-header {
		margin-bottom: 0.9375rem;
	}
	.cad-searchs {
		width: 100%;
	}
	.details-set ul li{
		width:50%;
		margin-bottom: 15px;
	}
	.cad-search.card-search2 {
		width: 50%;
	}
	.pipeline-details ul li {
		width: 50%;
		padding: 0 5px;
		margin-bottom: 15px
	}
	.eq-column-6 .col-equal {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding: 0 5px;
	}
	.header-nav {
		margin-bottom: 15px;
	}
	.pagination-lg .page-link {
		font-size: 1.2rem;
		padding: 0.5rem 0.625rem;
	}
	.fs-20 {
		font-size: 14px !important;
	}
	.invoice-details {
		float: left;
		text-align: left;
	}
	.details-set.details-set4 ul li{
		width: 100%;
	}
	.fc-toolbar .fc-right {
		display: inline-block;
		float: none;
		margin: 10px auto 0;
		width: 200px;
		clear: both;
	}
	.fc-toolbar .fc-left {
		float: none;
		margin: 0 auto;
		width: 200px;
	}
	.fc-toolbar .fc-center {
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	.fc-toolbar .fc-center h2 {
		width: 100%;
	}
	.chat-header .media .media-body {
		display: none;
	}
	.chat-window .chat-cont-left .chat-users-list a.media .media-body > div:first-child .user-name,
	.chat-window .chat-cont-left .chat-users-list a.media .media-body > div:first-child .user-last-chat {
		max-width: 160px;
	}
	.page-header .breadcrumb {
		display: none;
	}
	.sticky-sidebar li a {
	    font-size: 20px;
	    height: 44px;
	    width: 44px;
	}
	.logo-small {
		display: block;
	}
	.domain-group .input-group-text {
		font-size: 10px;
		padding: .375rem .5rem;
	}
	.project-detailscontent {
		border-right: 0;
	}
	.card-setview > ul > li {
		width:100%;
		margin:10px 0;
	}
	.search-input input[type="text"] {
		width: 250px;
		margin-top: 10px;
	}
	.card-headerset {
		flex-direction: column;
	}
	.card-headerset h2 {
		margin-bottom:10px;
		font-size: 16px;
	}
	.statistic-wrap {
		margin-bottom: 10px;
	}
	.eq-column .col-equal, .eq-column-5 .col-equal, .eq-column-8 .col-equal {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.step-action {
		padding-left: 0;
	}
	.step-infos {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.card-btn > ul {
		justify-content: center;		
		-webkit-justify-content: center;
		-ms-flex-pack: center;
	}
	.active-icon img {
		max-width: 40px;
	}
	
	.cutomer-sethead,
    .btn-group.date-group{
        flex-wrap: wrap;
    }
    .btn-group.date-group .btn{
        margin-bottom: 10px;
        min-width: auto;
    }
    .cutomer-sethead h5{
        margin-bottom: 15px;
    }
    .customer-detailsname h4 {
        font-size: 18px;
    }
    .time-widget{
        flex-wrap: wrap;
    }
    .time-widget ul{
        padding: 15px 0 0;
        flex-direction: column;
    }
    .time-widget ul li:last-child{
        padding: 15px 0 0;
    }
    .cutomer-setheads {
        padding: 10px;
    }
	.track-pagination {
		flex-wrap: wrap;
		justify-content: center;
	}
	.track-pagination .work-key-name {
		margin-bottom: 20px;
	}
	.update-time {
		margin-left: 0;
		margin-top: 10px;
	}
	.list-pagination {
		padding: 0;
		flex-wrap: wrap;
	}
	.paginations li {
		padding-right: 11px;
	}
	.paginations li a, .paginations li a.active {
		font-size: 14px;
		width: 25px;
		height: 25px;
	}
	.last-update {
		width: 100%;
	}
	.total-work-last {
		margin-left: 0;
		margin-top: 10px;
	}
	.progress-meter {
		display: none;
	}
	.border-space {
		border: 0;
	}
	.total-work h4 span {
		font-size: 14px;
		font-weight: 600;
		margin-left: 3px;
	}
	.total-work h4 {
		font-size: 14px;
	}
	.screenshot-info {
		max-width: 100%;
		margin: auto;
		flex-wrap: wrap;
	}
	.screenshot-task {
		margin-left: 0;
		margin: 15px 0px 0px;
	}
	.track-screen-group h4 {
		font-size: 16px;
		line-height: 1.5;
	}
	.screen-user-time h5 {
		font-size: 14px;
		margin-bottom: 3px;
	}
	.screen-user-time p {
		font-size: 10px;
	}
	.track-body {
		padding: 20px;
	}
	.punsh-btn .btn-primary {
		font-size: 14px;
	}
	.punsh-btn  {
		flex-wrap: wrap;
	}
	.punch-in,.punch-out {
		margin-right: 0px;
		margin-bottom: 15px;
	}
	.tracker-head .link-set ul li.active a::after, .link-set ul li a:hover::after {
		bottom: -10px;
	}
	.tracker-head .link-set ul li a {
		padding: 0px 10px;
	}
	.tracker-head .link-set ul {
		margin-bottom: 20px;
	}
	.chat-search-group {
		flex-wrap: wrap;
	}
	.chat-search-group .user-work-time {
		margin-bottom: 15px;
	}
	.chat-search-list ul li:first-child {
		margin-left: 0;
	}
	.chat-search-list {
		margin-left: 0;
		margin-top: 15px;
	}
	.chat-search-list ul li {
		padding: 10px 0px;
		width: 36px;
		height: 36px;
		margin-bottom: 10px;
	}
	.chat-footer .footer-discussion {
		flex-wrap: wrap;
	}
	.clear-chat {
		position: relative;
		bottom: 0;
		left: 0;
		transform: none;
		text-align: center;
		margin-top: 15px;
	}
	.chat-search-list ul {
		flex-wrap: wrap;
	}
	.chat-message-box h2 {
		margin-bottom: 20px;
	}
	.call-start-list ul,
	.caller-histry li	{
		flex-wrap: wrap;
	}
	.call-users {
		margin-top: 15px;
	}
	.caller-histry li span {
		margin-left: 0;
	}
	.delete-log {
		position: relative;
		width: 100%;
		left: 0;
		padding: 0;
		bottom: 0;
	}
	.caller-detail ul li {
		padding: 0px 6px;
		font-size: 14px;
	}
	.caller-contacts {
		display: block;
	}
	.chat-message-box {
		margin-top: 15px;
	}
	.caller-contact-detail h2 {
		font-size: 20px;
	}
	.caller-contact-detail p {
		font-size: 13px;
	}
	.edit-group {
		width: 100%;
	}
	.chat-coman-box {
		margin-top: 15px;
	}
	.join-list-group {
		flex-wrap: wrap;
	}
	.meet-join-list ul {
		display: block;
	}
	.meet-join {
		margin-left: 0;
	}
	.meeting-users ul li {
		margin-right: 6px;
		font-size: 12px;
	}
	.meeting-group .project-status {
		margin-bottom: 15px;
	}
	.contact-alphapets {
		width: 70px;
		margin-right: 10px;
		padding: 10px;
	}
	.comment-sec {
		flex-direction: column;
	}
	.form-btn {
		margin-top: 10px;
	}
	.manual-steps li {
		flex-direction: column;
	}
	.manual-item {
		width: 100%;
	}
	.manual-steps li span {
		margin-top: 10px;
	}
	.static-chart {
		flex-direction: column;
	}
	.listing-task {
		margin: 0;
	}
	.uploading-item.upload-pop {
		bottom: 10px;
		right: 15px;
	}
	.uploading-item .file-upload {
		max-width: 290px;
	}
	.subscribe-list ul li, .subscribe-list ul li a {
		display: block;
	}
	.profile-group {
        top: 0;
    }
    .profile-img-update img {
        border-radius: 50%;
        width: 50px;
    }
    .static-chart {
        align-items: start;
    }
    .member-profile-content .card-head {
        display: block;
        margin-bottom: 5px;
    }	
    .day-main {
        margin-bottom: 25px;
    }
    .multistep-form-page #progressbar {
        display: block;
    }
    .multistep-form-page #progressbar li {
        display: block;
        margin-bottom: 15px;
    }
	.task-chat-up {
		font-size: 12px;
		padding: 8px;
		min-width: 100px;
		margin-bottom: 10px;
	}
	.task-chat-list {
		font-size: 14px;
		padding: 8px;
		min-width: 80px;
		margin-bottom: 10px;
	}
	.member-profile-group .member-profile-body {
		padding: 24px 0 0;
	}
	.member-profile-main .member-profile-content {
		padding: 24px 0;
	}
	.timer-card {
		min-width: auto;
	}
	.details-set.details-newview.box-test ul li {
	    width: 100%;
	}
	.details-set.details-newview.box-bugs ul li, 
	.details-set.details-newview.box-pipeline ul li,
	.details-set.details-newview.box-sprint ul li,
	.box-members a {
	    width: 100%;
	}
	.progress-bar-timeline .progress-meter {
		display: block !important;
	}
	.progress-bar-timeline{
		overflow: auto;
		max-width: 500px;
	}
	/* .employee-dashboard .track-activty-widget{
		margin-bottom: 0px;
	} */
	.employee-dashboard .total-time-worked .track-heading{
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.calendar-btns{
		flex-direction: column;
		justify-content: center;
	}
	#month-head{
		margin: 10px 0;
	}
}
@media (max-width: 426.98px){
	.shedule-accord-task-main .test-icons{
		display: block !important;
	}
	.shedule-accord-task-main .project-icons .project-name{
		display: block !important;
	}
	.shedule-accord-task-main .project-icons .project-name-list{
		display: flex !important;
    justify-content: flex-start;
    margin-left: 10px;
	}
	.shedule-accord-task-main .test-icons .test-side-right{
		margin-bottom: 15px !important;
	}
	.progress-bar-sprint-task .check-title a i{
		font-size: 16px !important;
		padding-right: 10px !important;
	}
	.progress-bar-sprint-task .check-title h6{
		font-size: 14px !important;
	}
	.footer-discussion{
		margin-bottom: 0px !important;
	}
	.next-prev-month-main{
		gap: 10px;
	}
}
@media (max-width: 375.98px){
	.progress-bar-sprint-task .check-title h6{
		font-size: 12px !important;
	}
	.task-lists .sub-tasks li:nth-child(1)::after,.task-lists .sub-tasks2 li:nth-child(1)::before,
	.task-submenu-lists::after{
		display: none;
	}
	.task-lists ul.sub-tasks,.task-lists ul.sub-tasks2 {
		margin-left: 0px;
	}
	.employee-dashboard{
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	
}


/* .fc-day-other {
	display: none;
} */