* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Poppins";
	margin: 0;
	padding: 0;
	background: #fff;
	line-height: 1.5;
	font-size: 14px;
	overflow-x: hidden;
}

body,
html {
	height: 100%;
	scrollbar-color: #a0a0a0 #f5f5f5;
	scrollbar-width: thin;
}

.min-w-auto {
	min-width: auto;
}

a {
	color: #05b3b4;
}

a.disabled,
button.disabled {
	pointer-events: none;
	cursor: default;
}

.btn-primary.disabled,
.btn-primary:disabled {
	color: #fff;
	background-color: #05b3b4;
	border-color: #05b3b4;
}

a:focus,
img:focus,
input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: 0;
}

/*.container{ max-width:1440px;}*/

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
	background-color: #05b3b4;
	border-color: #05b3b4;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
	box-shadow: none;
}

.dropdown-item.active,
.dropdown-item:active {
	background-color: #05b3b4;
}

.btn-primary.focus,
.btn-primary:focus {
	color: #fff;
	background-color: #05b3b4;
	border-color: #05b3b4;
	box-shadow: none;
}

.btn.focus,
.btn:focus {
	outline: 0;
	box-shadow: none;
}

a:hover {
	color: #05b3b4;
}

/***** Title CSS *****/
h2 {
	margin: 0 0 0.5rem;
	padding: 0;
	display: block;
	font-size: 1.6rem;
	color: #1f2929;
	line-height: 1.5;
	font-weight: 600;
}

h3 {
	margin: 0 0 1rem;
	padding: 0;
	display: block;
	font-size: 1.2rem;
	color: #1f2929;
	line-height: 1.5;
	font-weight: 600;
}

h4 {
	margin: 0 0 0.5rem;
	padding: 0;
	display: block;
	font-size: 1rem;
	color: #1f2929;
	line-height: 1.5;
	font-weight: 500;
}

h4 strong {
	font-weight: 500;
}

h5 {
	margin: 0 0 1.5rem;
	padding: 0;
	display: block;
	font-size: 0.95rem;
	color: #1f2929;
	line-height: 1.5;
	font-weight: 500;
}

h6 {
	margin: 0 0 1.5rem;
	padding: 0;
	font-size: 0.9rem;
	font-weight: 500;
	line-height: 1.5;
	color: #758080;
}

h6 a {
	color: #05b3b4;
}

p {
	font-size: 0.8rem;
	color: #758080;
	font-weight: 400;
	line-height: 1.5;
	word-break: break-word;
}

p strong {
	font-weight: 500;
}

.WhiteColor {
	color: #fff;
}

.PrimaryColor {
	color: #05b3b4;
}

.OrangeColor {
	color: #ffc651;
}

/***** Input form *****/
.form-group label {
	color: #758080;
	font-size: 0.85rem;
	line-height: 1.5;
	margin: 0;
	font-weight: 500;
}

.form-group label i img {
	max-height: 16px;
	margin-top: -3px;
}

#task_status_color {
	height: 40px !important;
}

.form-control:not(textarea.form-control) {
	opacity: 1;
	width: 100%;
	color: #1f2929 !important;
	font-size: 0.85rem;
	line-height: 1;
	height: auto !important;
	border: 0;
	/* font-weight: 600; */
	padding: 0.5rem !important;
	font-family: "Poppins";
}

textarea {
	opacity: 1;
	width: 100%;
	color: #1f2929 !important;
	font-size: 0.83rem !important;
	line-height: 1;
	border: 0 !important;
	/* font-weight: 600; */
	padding: 0.5rem 0 0.6rem 0 !important;
	font-family: "Poppins";
}

.form-control:focus {
	color: #1f2929;
	border-color: initial;
	outline: 0;
	box-shadow: none;
}

.form-control:disabled,
.form-control[readonly] {
	padding: 0.5rem 0 0.5rem 6px !important;
}

/*.form-control::-webkit-input-placeholder { color:#1F2929; opacity:1;}
.form-control::-moz-placeholder { color:#1F2929; opacity:1;}
.form-control:-ms-input-placeholder { color:#1F2929; opacity:1;}
.form-control:-moz-placeholder { color:#1F2929; opacity:1;}*/

.form-group.RightIcon {
	padding: 0 2.4rem 0 0;
}

.form-group.RightIcon .InputIcon {
	right: 0;
	left: auto;
}

.form-group.RightTwoIcon {
	padding: 0 3.2rem 0 0;
}

.form-group.RightTwoIcon .InputIcon {
	right: 0;
	left: auto;
}

.form-group.RightTwoIcon .InputIcon i {
	margin-left: 0.5rem;
}

.form-group.NoIcon {
	padding: 0;
}

/***** Button *****/
.btn {
	border-radius: 100px;
	padding: 0.53rem 1.5rem;
	line-height: 1.5;
	font-weight: 500;
	font-size: 0.85rem;
	color: #fff;
	/* min-width: 190px; */
	border-width: 2px;
	border-style: solid;
}

.btn span {
	line-height: 1.5;
	font-size: 0.9rem;
	color: #fff;
	margin-right: 0.8rem;
}

.btn i {
	background: url(../images/RightArrow.svg) no-repeat 0 0;
	width: 24px;
	height: 12px;
	margin-left: auto;
	display: inline-block;
}

.btn i.plusIcon {
	background: url(../images/PlusWhite.svg) no-repeat 0 0;
	width: 20px;
	height: 20px;
	margin-left: auto;
	display: inline-block;
	vertical-align: top;
}

.btn.btn-left-arrow span {
	margin-left: 0.8rem;
	margin: auto;
}

.btn.btn-left-arrow i {
	background: url(../images/LeftArrow.svg) no-repeat 0 0;
	width: 24px;
	height: 21px;
	margin-left: auto;
	display: inline-block;
}

.btn-primary {
	background: #05b3b4;
	border: 2px solid #05b3b4;
	transition: ease-in-out 0.5s;
}

.btn.btn-primary.small-btn {
	font-size: 12px;
	padding: 2px 8px 2px 8px !important;
}

body .btn-primary:not(:disabled):not(.disabled).active,
body .btn-primary:not(:disabled):not(.disabled):active,
body .show>.btn-primary.dropdown-toggle,
body .btn-primary:focus,
body .btn-primary.focus,
body .btn-primary:hover,
body .btn-primary:hover {
	background: transparent;
	color: #05b3b4;
	border-color: #05b3b4;
}

body .btn-primary:not(:disabled):not(.disabled).active span,
body .btn-primary:not(:disabled):not(.disabled):active span,
body .show>.btn-primary.dropdown-toggle span,
body .btn-primary:focus span,
body .btn-primary.focus span,
body .btn-primary:hover span,
body .btn-primary:hover span {
	color: #05b3b4;
}

body .btn-primary:not(:disabled):not(.disabled).active i,
body .btn-primary:not(:disabled):not(.disabled):active i,
body .show>.btn-primary.dropdown-toggle i,
body .btn-primary:focus i,
body .btn-primary.focus i,
body .btn-primary:hover i,
body .btn-primary.btn:hover i {
	background: url(../images/RightArrowPrimary.svg) no-repeat 0 0;
}

body .btn-primary.btn.btn-left-arrow:hover i {
	background: url(../images/LeftArrowPrimary.svg) no-repeat 0 0;
}

body .btn-primary:not(:disabled):not(.disabled).active i.plusIcon,
body .btn-primary:not(:disabled):not(.disabled):active i.plusIcon,
body .show>.btn-primary.dropdown-toggle i.plusIcon,
body .btn-primary:focus i.plusIcon,
body .btn-primary.focus i.plusIcon,
body .btn-primary:hover i.plusIcon,
body .btn-primary.btn:hover i.plusIcon {
	background: url(../images/PlusPrimary.svg) no-repeat 0 0;
}

/* new file upload button CSS */
button.btn.btn-primary.upload-new-file,
button.btn.btn-primary.upload-new-folder {
	background: #e5e5e5;
	color: #05b3b4;
	border-radius: 5px !important;
	border: unset;
}

button.btn.btn-primary.upload-new-file span,
button.btn.btn-primary.upload-new-folder span {
	color: #05b3b4;
}

.clear-search {
	min-width: 120px;
	padding: 0.53rem 1rem !important;
}

/* button.btn.btn-primary.upload-new-file.active,
button.btn.btn-primary.upload-new-folder.active {
	background: #05b3b4;
} */

.upload-new-file-form button.btn-custom-close:hover {
	background: #626060;
	border: 2px solid #626060;
}

.upload-new-file-form button.btn-custom-close:hover span {
	color: #ffffff;
}

.upload-new-file-form button.btn-custom-close {
	border: 2px solid #626060;
	background: transparent;
}

.upload-new-file-form button.btn-custom-close span {
	color: #000000;
}

button.btn.btn-primary.upload-new-file.active span,
button.btn.btn-primary.upload-new-folder.active span {
	color: #05b3b4;
	border-color: unset;
	font-weight: 500;
}

button.btn.btn-primary.upload-new-file span,
button.btn.btn-primary.upload-new-folder span {
	color: #626060;
}

button.btn.btn-primary.upload-new-file:hover,
button.btn.btn-primary.upload-new-folder:hover {
	background: transparent;
}

/* button.btn.btn-primary.upload-new-file:hover span,
button.btn.btn-primary.upload-new-folder:hover span {
	color: #05b3b4;
} */

/* new file upload button CSS */

.bdr-primary {
	border: 1px solid #b1bebe;
	background: transparent;
	color: #05b3b4;
}

.bdr-primary:hover {
	background: #05b3b4;
	color: #fff;
}

.Light-bdr {
	border: 1px solid #c1d6d6;
	background: transparent;
	color: #c1d6d6;
	transition: ease-in-out 0.5s;
}

.Light-bdr span {
	color: #c1d6d6;
}

.Light-bdr i {
	background: url(../images/LightArrowRight.svg) no-repeat 0 0;
	width: 24px;
	height: 12px;
	margin-left: auto;
	display: inline-block;
}

.Light-bdr:hover {
	background: #c1d6d6;
	color: #fff;
}

.Light-bdr:hover i {
	background: url(../images/RightArrow.svg) no-repeat 0 0;
}

.Light-bdr:hover span {
	color: #fff;
}

.PrevArrow {
	transform: rotate(-180deg);
}

.Dark-bdr {
	border: 1px solid #1f2929;
	background: transparent;
	color: #1f2929;
}

.Dark-bdr:hover {
	background: #1f2929;
	color: #fff;
}

.btn-Dark {
	background: #1f2929;
	color: #fff;
	border-color: #1f2929;
}

.btn-Dark:hover {
	background: transparent;
	color: #1f2929;
}

.btn-Dark:hover span {
	color: #1f2929;
}

.btn-Dark:hover i {
	background: url(../images/RightArrowDark.svg) no-repeat 0 0;
}

.btn-Light {
	background: transparent;
	color: #758080;
	border-color: #758080;
}

.btn-Light:hover {
	background: #758080;
	color: #fff;
}

.btn-yellow {
	border: 2px solid #ffc651;
	background: #ffc651;
	color: #fff;
}

.btn-yellow:hover {
	background: transparent;
	border: 2px solid #ffc651;
	color: #ffc651;
}

.btn-yellow:hover span {
	color: #ffc651;
}

.btn-yellow:hover i {
	background: url(../images/RightArrowYellow.svg) no-repeat 0 0;
}

.EnvelopeIcon {
	background: url(../images/Envelope.svg) no-repeat 0 0;
	width: 28px;
	height: 22px;
}

.PasswordIcon {
	background: url(../images/password.svg) no-repeat 0 0;
	width: 27px;
	height: 36px;
}

.UserIcon {
	background: url(../images/UserIcon.svg) no-repeat 0 0;
	width: 32px;
	height: 36px;
}

.EyeIcon {
	background: url(../images/EyeIcon.svg) no-repeat 0 0 / 26px 16px;
	width: 26px;
	height: 16px;
	position: absolute;
	top: 72%;
	transform: translateY(-50%);
	right: 0.9rem;
	cursor: pointer;
	display: flex;
	justify-content: center;
}

.EyeIcon.show:after {
	background: #758080;
	width: 25px;
	content: "";
	position: absolute;
	height: 2px;
	transform: rotate(45deg);
	top: 0px;
	margin-top: 7px;
}

.CheckIcon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0.9rem;
	width: 24px;
	height: 24px;
	background: url(../images/CheckIcon.svg) no-repeat 0 0;
}

::-webkit-input-placeholder {
	color: #1f2929;
}

::-moz-placeholder {
	color: #1f2929;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #1f2929;
}

:-moz-placeholder {
	color: #1f2929;
}

/***** CheckBox *****/
.form-group.RadioChceboxWrap {
	padding-left: 0;
	padding-right: 1rem;
}

.form-group input[type="radio"],
.form-group input[type="checkbox"] {
	padding: 0;
	height: 1px;
	width: 1px;
	margin-bottom: 0;
	cursor: pointer;
	opacity: 0;
}

.form-group input[type="radio"]+label,
.form-group input[type="checkbox"]+label {
	position: relative;
	cursor: pointer;
	padding: 0 0 0 2rem;
	line-height: 1.65;
	color: #758080;
	font-weight: 500;
}

.form-group input[type="radio"]+label a,
.form-group input[type="checkbox"]+label a {
	color: #05b3b4;
	text-decoration: underline;
}

.form-group input[type="radio"]+label a:hover,
.form-group input[type="checkbox"]+label a:hover {
	text-decoration: none;
}

.form-group input[type="radio"]+label:before,
.form-group input[type="checkbox"]+label:before {
	content: "";
	-webkit-appearance: none;
	background-color: transparent;
	/* border: 1px solid #d9e2e2; */
	border: 1px solid #c7d4d4;
	border-radius: 2px;
	padding: 0;
	width: 22px;
	height: 22px;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 1.5rem;
}

.form-group input[type="radio"]:checked+label,
.form-group input[type="checkbox"]:checked+label {
	color: #05b3b4;
}

.form-group input[type="radio"]:checked+label:before,
.form-group input[type="checkbox"]:checked+label:before {
	border: 1px solid #05b3b4;
}

.form-group input[type="radio"]:checked+label:after,
.form-group input[type="checkbox"]:checked+label:after {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 9px;
	width: 6px;
	height: 12px;
	border: solid #05b3b4;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.NoBdrMar {
	margin-bottom: 0 !important;
	border: 0 !important;
}

/******* Select option box *******/
div.SelectBoxWrap {
	padding: 0;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100%;
	background: transparent;
}

.bootstrap-select button.btn {
	background: transparent;
	border: 0;
	opacity: 1;
	width: 100%;
	color: #758080;
	font-size: 0.9rem;
	line-height: 1.5;
	height: auto;
	border: 0;
	font-weight: 600;
	padding: 0.5rem 0 0.5rem;
}

.bootstrap-select.btn-light:not(:disabled):not(.disabled).active,
.bootstrap-select.btn-light:not(:disabled):not(.disabled):active,
.bootstrap-select.show>.btn-light.dropdown-toggle {
	color: #1f2929;
	background-color: transparent;
	border-color: transparent;
}

.bootstrap-select.btn-light:not(:disabled):not(.disabled).active:focus,
.bootstrap-select.btn-light:not(:disabled):not(.disabled):active:focus,
.bootstrap-select.show>.btn-light.dropdown-toggle:focus {
	box-shadow: none;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
	outline: 0 !important;
	outline-offset: 0;
	box-shadow: none !important;
	background: transparent !important;
	border-color: transparent !important;
}

.bootstrap-select .dropdown-menu {
	padding: 0;
}

.bootstrap-select .dropdown-menu li.active a:hover {
	color: #fff;
}

.bootstrap-select .dropdown-menu {
	border-color: #eff3f3;
	border-radius: 0;
}

/***** Input File *****/
.no-js .inputfile-2+label {
	color: #d3394c;
	border: 2px solid currentColor;
}

.inputfile-2:focus+label,
.inputfile-2.has-focus+label,
.inputfile-2+label:hover {
	color: #722040;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile+label {
	opacity: 1;
	width: 100%;
	color: #1f2929;
	font-size: 0.9rem;
	line-height: 0.7;
	height: auto;
	border: 0;
	font-weight: 600;
	padding: 0.7rem 0 0.826rem;
	cursor: pointer;
}

.no-js .inputfile+label {
	display: none;
}

/***** table *****/
.modal-dialog {
	max-width: 800px;
	padding: 0 1rem;
}

.modal-content {
	border: 0;
	border-radius: 0.4rem;
}

.modal-header {
	margin: 0;
	flex-wrap: wrap;
	padding: 1.4rem 1.8rem;
	border: 0;
}

.modal-header h3 {
	margin: 0;
	padding: 0;
	display: block;
	color: #05b3b4;
	font-size: 1.2rem;
	line-height: 1.5;
	width: 100%;
}

.modal-header h5 {
	margin: 0;
	padding: 0;
	display: block;
	color: #1f2929;
	font-size: 0.93rem;
	line-height: 1.5;
	width: 100%;
}

.modal-header button.close {
	position: absolute;
	top: -15px;
	right: -15px;
	background: #fff;
	width: 40px;
	height: 40px;
	border-radius: 100px;
	display: block;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	opacity: 1;
	transition: ease-in-out 0.5s;
	margin: 0;
	padding: 0;
}

.modal-header button.close img {
	opacity: 0.4;
	padding: 0 0 2px 1px;
	width: 18px;
	height: 18px;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
	opacity: 1;
}

.modal-header button.close:hover img {
	opacity: 1;
}

.modal-body {
	padding: 0 1.8rem 0.8rem;
}

#add_subtask_todo,
.new-notes-add-modal {
	z-index: 1112;
}

.todo-notes-listing ul li {
	word-break: break-all;
}

.modal-zindex {
	z-index: 11111;
}

.new_todo_add_model.modal-zindex {
	z-index: 1050;
}

.zero-z-index {
	z-index: 0;
}

.modal-backdrop.fade.show~.modal-backdrop.fade.show {
	z-index: 1111;
}

div#todo_edit_model {
	overflow: auto;
}

table.table {
	border: 1px solid #eff3f3;
}

.table td,
.table th {
	vertical-align: middle;
	padding: 0.65rem 0.85rem;
}

table.table th {
	color: #1f2929;
	font-size: 0.9rem;
	line-height: 1.5;
	border-left: 1px solid #dee2e6;
	font-weight: 500;
}

table.table th:last-child {
	border-right: 1px solid #dee2e6;
}

table.table td {
	color: #758080;
	font-size: 0.9rem;
	line-height: 1.5;
}

table.table td+td {
	border-left: 1px solid #eff3f3;
}

.dropdown-menu {
	padding: 0.2rem 0;
	font-size: 0.85rem;
}

.dropdown-item {
	padding: 0.25rem 0.8rem;
}

/***** Header *****/
.Header {
	background: #fff;
	border-bottom: 1px solid #eff3f3;
	padding: 0.5rem;
}

a.navbar-brand {
	display: block;
	padding: 0;
	margin: 0 3rem 0 0;
}

a.navbar-brand img {
	max-height: 30px !important;
}

.Header nav.navbar {
	padding: 0;
}

.navbar-collapse ul.navbar-nav li.nav-item {
	margin: 0 1.4rem;
}

.navbar-collapse ul.navbar-nav li.nav-item a.nav-link {
	color: #223434;
	font-size: 1em;
	line-height: 1;
	display: block;
	padding: 0.5rem 0;
}

.navbar-collapse ul.navbar-nav li.nav-item a.nav-link:hover {
	color: #05b3b4;
	text-decoration: none;
}

.navbar-collapse ul.navbar-nav li.nav-item.TryFree {
	margin: 0;
}

.navbar-collapse ul.navbar-nav li.nav-item.TryFree a.nav-link {
	background: #ffc651;
	color: #fff;
	border-radius: 100px;
	padding: 0.5rem 1.8rem;
}

.navbar-collapse ul.navbar-nav li.nav-item.TryFree a.nav-link:hover {
	background: #05b3b4;
}

.MobileNav {
	display: none;
}

/***** Sign In UP *****/
.SignInUp {
	padding: 5rem 0 5rem;
	font-family: "Poppins" !important;
}

.SignInUp h1 {
	margin: 0 0 1rem;
	padding: 0;
	display: block;
	color: #1f2929;
	font-size: 1.5rem;
	line-height: 1.2;
	font-weight: 600;
	font-family: "Poppins" !important;
}

.SignInUpBox {
	max-width: 550px;
	margin: 0 auto;
	z-index: 1;
	position: relative;
}

.SignInUpBox form {
	max-width: 100%;
	background: #fff;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);
	border-radius: 10px;
}

.form-group.InputBox {
	padding: 1.2rem 3.5rem 0.5rem 5rem;
	position: relative;
	display: block;
	border-bottom: none !important;
	/* border-bottom: 1px solid #EFF3F3; */
	margin: 0;
}

.InputBox.form-group input.form-control {
	border-bottom: 1px solid #d2d2d2 !important;
	border-radius: 0px;
}

.InputBox.form-group input.form-control:focus {
	border-bottom-color: #05b3b4;
}

.form-group.InputBox i.PasswordIcon,
.InputBox i.UserIcon,
.form-group.InputBox i.EnvelopeIcon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 1.8rem;
}

.CheckBoxDiv {
	padding: 1.2rem 1rem 1.2rem 1.8rem;
	border-bottom: 1px solid #eff3f3;
}

.CheckBoxDiv .form-group {
	padding: 0;
	margin: 0;
	border: 0;
}

.CheckBoxDiv a {
	color: #758080;
	font-size: 0.9rem;
	text-decoration: underline;
	font-weight: 500;
}

.CheckBoxDiv a:hover {
	color: #05b3b4;
	text-decoration: none;
}

.InputButton {
	padding: 1.5rem 1.4rem;
}

.InputButton p {
	color: #758080;
	font-size: 0.9rem;
	font-weight: 400;
	text-align: right;
	margin: 0;
	padding: 0;
	line-height: 1.4;
}

.InputButton a {
	color: #05b3b4;
	font-size: 0.9rem;
	text-decoration: underline;
	font-weight: 500;
}

.InputButton a:hover {
	color: #05b3b4;
	text-decoration: none;
}

.OrSignIn {
	padding: 1rem 0 0;
}

.OrSignIn p {
	margin: 0;
	padding: 0 0 1rem;
	display: block;
	text-align: center;
	color: #758080;
	font-size: 1rem;
	line-height: 1.3;
	font-weight: 500;
}

.OrSignIn ul:before {
	content: "";
	position: absolute;
	top: -1rem;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 1rem solid transparent;
	border-right: 1rem solid transparent;
	border-bottom: 1rem solid #f7f7f7;
}

.OrSignIn ul {
	margin: 0;
	padding: 1rem;
	list-style: none;
	background: #f7f7f7;
	border-radius: 0 0 10px 10px;
	border: 2px solid #fff;
	justify-content: center;
	position: relative;
}

.OrSignIn ul li {
	margin: 0 0.5rem;
}

.OrSignIn ul li a {
	display: block;
}

.SignInUpFooter {
	text-align: center;
	border-top: 0.6rem solid #ffc651;
	background: #05b3b4;
	margin: -5rem 0 0;
	padding: 6rem 0 5rem;
}

.SignInUpFooter p {
	margin: 0;
	padding: 0;
	display: block;
	color: #d4e9e9;
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 1.3;
}

.SignInUpFooter p a {
	font-weight: 500;
	color: #fff;
}

/***** Home page *****/
.Carousel {
	position: relative;
	margin: 0 0 4rem;
}

.Carousel .row {
	flex-direction: row-reverse;
}

.Carousel img {
	max-width: 100%;
	max-height: 400px;
}

.Carousel:before,
.Carousel:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: auto;
	right: auto;
}

.Carousel:before {
	background: url(../images/Carousel-Left.png) no-repeat 0 0 / 150px auto;
	width: 150px;
	height: 56px;
	left: 0;
	bottom: 0;
	z-index: -1;
}

.Carousel:after {
	background: url(../images/CarouselRight.png) no-repeat 0 0 / 150px auto;
	width: 150px;
	height: 56px;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.CarouselCaption {
	padding: 1.5rem 0.9rem 0;
}

.CarouselCaption h2 {
	margin: 0 0 0.6rem;
	padding: 0;
	font-size: 1.8rem;
	line-height: 1.4;
	color: #1f2929;
}

.CarouselCaption h2 strong {
	color: #05b3b4;
	font-weight: 600;
	display: block;
}

.GetStartedForm h6 a {
	text-decoration: underline;
}

.GetStartedForm h6 a:hover {
	text-decoration: none;
}

.GetStartedForm form {
	margin: 2rem 0 0.6rem;
	box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.08);
	padding: 0 180px 0 0;
	border-radius: 100px;
	max-width: 500px;
	position: relative;
}

.GetStartedForm form input {
	background: #fff;
	border: 0;
	padding: 0.657rem 1.5rem;
	line-height: 1.5;
	font-size: 0.9rem;
	color: #303030;
	width: 100%;
	border-radius: 100%;
}

.GetStartedForm form button {
	position: absolute;
	top: 0;
	right: 0;
	width: 160px;
	color: #1f2929;
	font-size: 0.95rem;
	background: #ffc651;
	border-radius: 100px;
	transition: ease-in-out 0.5s;
	border: 0;
	padding: 0.625rem 0.8rem;
}

.GetStartedForm form button:hover {
	background: #1f2929;
	color: #fff;
}

.GetStartedForm h6 {
	padding: 0 0 0 1rem;
}

.CarouselButton a {
	margin-bottom: 0.5rem;
}

.CarouselButton a+a {
	margin-left: 2rem;
}

.SimplifyData {
	margin: 0 0 3rem;
}

.SimplifyDataHead {
	text-align: right;
	margin-top: -2rem;
}

.SimplifyDataHead a {
	max-width: 192px;
	margin-left: auto;
}

.SimplifyDataBox {
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);
	padding: 1.5rem;
	border-radius: 6px;
	height: 100%;
}

.SimplifyDataBody .col-md-6 {
	margin-bottom: 2rem;
}

.SimplifyDataBox h4 {
	position: relative;
}

.SimplifyDataBox h4 span {
	margin-right: 1rem;
}

.SimplifyDataBox h4 span img {
	max-height: 35px;
}

.SimplifyDataBox p {
	margin: 0;
	padding: 0;
}

.BusinessPack:before {
	content: "";
	height: 500px;
	border-radius: 100px 100px 0 0;
	background: #05b3b4;
	border-bottom: 10px solid #ffc651;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.BusinessPack {
	position: relative;
	padding: 3rem 0 4rem;
}

.BusinessPackHead {
	text-align: center;
	padding: 0 0 2.5rem;
}

.BusinessPackHead h2 {
	color: #fff;
	margin-bottom: 0.4rem;
}

.BusinessPackHead p {
	color: #fff;
	margin: 0;
}

.PackBox.CollabowCompany:hover:before {
	display: none;
}

.PackBox {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
	position: relative;
	border: 2px solid transparent;
	height: 100%;
}

.PackBox:hover {
	border-color: #ffc651;
}

.PackBox:hover .PackBoxHead {
	background: #ffc651;
	border-radius: 10px 10px 0 0;
}

.PackBoxHead {
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
	display: block;
	padding: 0.8rem 1rem;
}

.PackBoxHead h4 {
	margin: 0;
}

.PackBoxHead h4 i {
	margin: 0 1.5rem 0 0;
}

.PackBoxHead h4 i img {
	max-height: 40px;
}

.PackBoxBody {
	padding: 1.2rem;
	min-height: 356px;
}

.PackBoxBody p {
	margin-bottom: 0;
}

.PackBoxBody p+p {
	margin-top: 1rem;
}

.PackBoxBody p strong {
	color: #1f2929;
}

.PackBoxBTN {
	padding: 0 0.5rem 1rem;
	text-align: center;
	position: sticky;
	top: 100%;
}

.PackBoxBTN a {
	min-width: 130px;
}

.CollabowCompany {
	border: 2px solid #ffc651;
}

.CollabowCompany .PackBoxHead {
	background: #ffc651;
	border-radius: 10px 10px 0 0;
}

.PackBoxBody .form-group {
	margin-top: 3rem;
	padding: 0;
	border: 0;
}

.PackBoxBody .form-group input[type="checkbox"]+label {
	padding: 0 0 0 2.3rem;
}

.ComparePack {
	margin: 1.5rem 0 0;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding: 0 1rem;
}

.ComparePack a {
	color: #1f2929;
	font-size: 0.9rem;
	text-decoration: underline;
}

.ComparePack a:hover {
	color: #33c1c1;
	text-decoration: none;
}

.WhyChoose {
	margin: 0 0 4rem;
}

.WhyChooseHead {
	text-align: center;
}

.WhyChooseHead p {
	margin-bottom: 1.5rem;
}

.WhyChooseBody {
	margin-bottom: 2.5rem;
}

.WhyChooseBody h4 {
	align-items: center;
	min-height: 98px;
}

.WhyChooseBody h4 span {
	margin-right: 0.7rem;
}

.WhyChooseBody h4 span img {
	height: 40px;
}

.WhyChooseBody p {
	margin-bottom: 0;
}

.WhyChooseBody .col-md-3 {
	position: relative;
	padding: 0 2rem;
}

.WhyChooseBody .col-md-3+.col-md-3:before {
	content: "";
	border-left: 2px dashed #bebebe;
	width: 1px;
	height: 50%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -1px;
}

.MoreFeatures {
	text-align: center;
}

.MoreFeatures a {
	padding: 0.53rem 2.5rem;
}

.TrustedBy {
	margin: 0 0 4rem;
	text-align: center;
}

.TrustedBy h6 {
	margin: 0 0 1rem;
}

.TrustedBy ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	max-width: 100%;
	justify-content: space-between;
}

.TrustedBy ul li img {
	max-height: 30px;
}

.MoreAbout {
	background: #33c1c1;
	margin: 0 0 1rem;
}

.MoreAboutHead {
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	display: flex;
}

.MoreAboutHead h2 {
	position: relative;
	color: #fff;
	padding: 5rem 0 0 5.2rem;
	z-index: 10;
}

.MoreAboutHead h2:before {
	content: "";
	background: url(../images/AboutIcon.png) no-repeat 0 0;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 157px;
	height: 157px;
	z-index: -1;
}

.MoreAboutHead h6 {
	padding: 0 0 0 5.2rem;
}

.MoreAbout ul {
	flex-wrap: wrap;
	list-style: none;
	margin: -25px 0;
}

.MoreAbout ul li {
	width: 100%;
}

.MoreAbout ul li+li {
	margin-top: 2.1rem;
}

.MoreAboutBox {
	background: #fff;
	border-radius: 10px;
	position: relative;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
	padding: 1rem 3rem 1rem 4rem;
	display: inline-block;
	vertical-align: top;
}

.MoreAboutBox i {
	position: absolute;
	top: 0;
	left: -50px;
}

.MoreAboutBox i img {
	vertical-align: top;
}

.MoreAboutBox h4 {
	display: block;
	position: relative;
	line-height: 1.9;
	margin: 0 0 0.2rem;
}

.MoreAboutBox p {
	display: block;
	margin: 0;
	padding: 0;
}

.MoreAboutBox span {
	position: absolute;
	bottom: 15px;
	right: 15px;
}

.MoreAboutBox span img {
	vertical-align: top;
	height: 25px;
}

.SimpleData {
	text-align: right;
}

.SimpleData .MoreAboutBox {
	text-align: left;
}

.StartUsing {
	padding: 3rem 0 4rem;
}

.StartUsing h2 {
	margin: 0;
	text-align: center;
}

.StartUsing h6 {
	text-align: center;
	margin: 0 0 2.5rem;
}

.StartUsing form {
	position: relative;
	background: #fff;
	max-width: 550px;
	margin: 0 auto;
	border-radius: 100px;
	padding: 0 200px 0 3.5rem;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
}

.StartUsing form i {
	position: absolute;
	top: 50%;
	left: 1.2rem;
	transform: translateY(-50%);
}

.StartUsing form i img {
	max-height: 16px;
}

.StartUsing form input {
	background: transparent;
	border: 0;
	padding: 0.7rem 0;
	width: 100%;
}

.StartUsing form button {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0.606rem 1.5rem;
}

.Footer {
	background: #1f2929;
	padding: 0;
	overflow: hidden;
}

.FooterLeft {
	padding-top: 3rem;
}

.FooterLeft h3 {
	margin: 0 0 0 0 1rem;
	padding: 0;
	display: block;
	font-size: 1rem;
	color: #fff;
	font-weight: 5300;
}

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

.FooterLeft ul li {
	display: block;
}

.FooterLeft ul li+li {
	margin-top: 0.5rem;
}

.FooterLeft ul li a {
	color: #8d8d8d;
	font-size: 0.85rem;
	line-height: 1.5;
	text-decoration: none;
}

.FooterLeft ul li a:hover {
	color: #33c1c1;
	text-decoration: none;
}

.FooterBottam {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding: 1rem 15px;
	margin: 2rem 0 0;
}

.FooterBottam ul li {
	margin: 0 2.2rem 0 0;
}

.FooterBottam ul li+li {
	margin-top: 0;
}

.FooterBottam ul li a:hover {
	color: #05b3b4;
}

.FooterBottam .dropdown button {
	padding: 0 0 0 5px;
	background: transparent;
	border: 0;
	min-width: initial;
	color: #8d8d8d;
	font-size: 0.85rem;
	line-height: 1.5;
	font-weight: 400;
	box-shadow: none;
}

.FooterBottam .btn-secondary:not(:disabled):not(.disabled).active:focus,
.FooterBottam .btn-secondary:not(:disabled):not(.disabled):active:focus,
.FooterBottam .show>.btn-secondary.dropdown-toggle:focus {
	box-shadow: none;
	border: 0;
	background: transparent;
	color: #05b3b4;
}

.FooterBottam .dropdown i img {
	max-height: 18px;
}

.FooterRight:before {
	content: "";
	background: #33c1c1;
	position: absolute;
	left: 100%;
	top: 0;
	width: 150%;
	height: 100%;
}

.FooterRight {
	background: #33c1c1;
	border-radius: 100px 0 0 0;
	padding: 4rem 0 0 2.8rem;
}

.FooterRight h4 {
	margin: 0;
	padding: 0;
	color: #1f2929;
	font-size: 1.3rem;
	line-height: 1.5;
}

.FooterRight h6 {
	color: #fff;
	margin: 0 0 1.2rem;
}

.FooterRight ul {
	list-style: none;
}

.FooterRight ul li {
	margin: 0 1rem 0 0;
}

.FooterRightTop {
	min-height: 131px;
}

.FooterRight p {
	padding: 1.2rem 0;
	margin: 0;
	color: #d4e9e9;
	font-size: 0.9rem;
}

.FooterRight p a {
	color: #fff;
}

/***** Dashboard *****/
/* .HumberNav .DashbaordContent { padding-left:250px;}
.HumberNav .dashboardHeader{ left:250px; width:calc(100% - 250px);} */

.leftnavigation ul li.MobileHeaderNav,
.MobileHeader {
	display: none;
}

.leftnavigation:before {
	content: "";
	background: rgba(0, 0, 0, 0.5);
	width: 0;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	transition: ease-in-out 0.5s;
	display: none;
	/* display: block; */
	z-index: -1;
}

.HumberNav .leftnavigation:before {
	width: 100%;
}

.HumberNav .leftnavigation {
	width: 150px;
	z-index: 11;
	transition: ease-in-out 0.5s;
}

body.HumberNav .dashboardHeader {
	left: 170px;
	width: calc(100% - 200px);
}

body.HumberNav .DashbaordContent {
	padding-left: 170px;
}

.closeNav {
	display: none;
}

.HumberNav .closeNav {
	position: absolute;
	top: 1.7rem;
	right: 0.7rem;
	display: block;
	margin: 0;
	left: auto;
}

.HumberNav .leftnavigation ul li {
	text-align: left;
}

/* .HumberNav .leftnavigation ul li a {
	padding: 0.8rem 0.75rem;
} */

.HumberNav .leftnavigation ul li a strong {
	opacity: 1;
	font-size: 0.85rem;
	color: #fff;
	font-weight: normal;
	display: inline-block;
	vertical-align: middle;
	/* margin: 0 0 0 1rem; */
}

.HumberNav .leftnavigation ul li.LogoIconNav a {
	width: 100%;
	margin: 0px;
	transition: ease-in-out 1s;
	transform: scale(1);
}

.Dashboard {
	padding: 0;
	position: relative;
	background: #eff3f3;
	min-height: 100%;
}

.leftnavigation {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	transition: ease-in-out 0.5s;
	width: 46px;
	z-index: 100;
	height: calc(100vh + 19px);
}

.leftnavigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #05b3b4;
	border-radius: 0 10px 0 0;
	z-index: 10;
	height: 100%;
}

.leftnavigation ul li {
	display: block;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	/* text-align: center; */
}

.leftnavigation ul li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	padding: 0.6rem 0.75rem 0.4rem 0.75rem;
	transition: ease-in-out 0.5s;
}

.leftnavigation ul li a:hover {
	background: rgba(255, 255, 255, 0.2);
}

.leftnavigation ul li.LogoIconNav {
	padding: 1.4rem 0.5rem;
}

.leftnavigation ul li.LogoIconNav a {
	width: 0px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	transition: all 1s;
	transform: scale(0);
}

.leftnavigation ul li.LogoIconNav a:hover {
	background: transparent;
}

.leftnavigation ul li a strong {
	font-size: 0;
	opacity: 0;
}

.dashboardHeader:before {
	content: "";
	position: absolute;
	top: 0;
	width: calc(100% + 66px);
	background: #fff;
	height: 0;
	overflow: hidden;
	opacity: 1;
	left: -33px;
}

.dashboardHeader.fixed-header:before {
	height: 100%;
	opacity: 1;
	overflow: visible;
}

.right-action-wrapper .dropdown.bootstrap-select .dropdown-menu.show {
	width: 100%;
	min-width: 180px;
}

.right-action-wrapper .dropdown.bootstrap-select .dropdown-menu .inner {
	overflow: hidden;
}

.file-list-loader {
	display: none;
	background: #a5f8f96b;
	width: 100%;
	height: 400px;
	z-index: 1111;
	/* display: flex; */
	align-items: center;
	justify-content: center;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	text-align: center;
}

.grey-color {
	color: grey;
}

.download-all-wrap h3 {
	cursor: pointer;
}

input::placeholder,
textarea::placeholder {
	color: #999;
	font-size: 12px !important;
}

.form-group.NoIcon.mb-3.preview-wrapper {
	border-bottom: none;
}

.new_todo_add_model label,
.todo_edit_model label {
	color: black;
}

.new_todo_add_model .text-info,
.todo_edit_model .text-info {
	color: grey !important;
}

.copy-link-icon svg {
	display: inline;
}

textarea#personal-msg.round-corner-field {
	border-bottom: 2px solid #e9ecef !important
}

textarea#personal-msg {
	border-bottom: 1px solid #a2a1a1 !important;
	font-size: 12px;
	font-weight: normal;
}

.copy-link-icon svg {
	display: inline;
}

.toast-area .message {
	word-break: break-word !important;
}

.toast-area .message {
	word-break: break-word !important;
}

.toast-area .message {
	word-break: break-word !important;
}

.bootstrap-select .dropdown-item.active {
	color: #fff !important;
}

.bootstrap-select .btn-light:focus {
	color: unset !important;
	border: none !important;
}

#c-share-form .g-recaptcha,
.CheckBoxDiv .g-recaptcha,
.cstm-hidden-g-captcha .g-recaptcha {
	display: none;
}

.task_group_list_model .modal-dialog,
.task_group_template_list_model .modal-dialog {
	pointer-events: inherit !important;
}

.task_group_template_list_model.large-modal .modal-dialog {
	max-width: 1400px;
	width: 100%;
}

.task_group_template_list_model.small-modal .modal-dialog {
	max-width: 600px;
	width: 100%;
}

#add_template_subtask_todo {
	z-index: 111111;
}

.chat-wrapper h2 {
	text-align: center;
	margin: 0 auto;
	display: block;
}

.select-user-chat-dropdown-img {
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 12px;
	border-radius: 50%;
	-o-object-fit: cover;
	object-fit: cover;
}

.select-user-chat-dropdown-name {
	height: 50px;
	vertical-align: middle;
}

/* START task group button */
.addtaskgrp-btn ul>li>a.btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	padding: 0px;
	background: transparent !important;
	padding: 18px 0px;
	min-height: 40px;
}

.addtaskgrp-btn ul>li>a.btn::after {
	margin: -6px 10px 0 0;
}

.addtaskgrp-btn ul>li>a.btn::after,
.addtaskgrp-btn ul>li>a.btn:active::after,
.addtaskgrp-btn ul>li>a.btn::after {
	background: url('../images/ArrowHover.svg') no-repeat 0 0 / 8px auto !important;
}

.addtaskgrp-btn ul>li.show>a.btn {
	background: transparent !important;
}

.addtaskgrp-btn ul>li.show>a.btn:after {
	background: url('../images/ArrowHover.svg') no-repeat 0 0 / 8px auto !important;
}

.addtaskgrp-btn ul>li>a.btn:hover {
	background: #fff !important;
}

.addtaskgrp-btn ul>li>ul.dropdown-menu.show>li>ul {
	margin-top: -3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.addtaskgrp-btn>.btn {
	padding: 0.53rem;
	line-height: 1;
	height: 40px;
	min-width: 92px;
}

.advace-options-wrapper .fa-angle-down:before {
	color: #05b3b4;
}

.sweet-alert.showSweetAlert.visible {
	z-index: 999999;
}

.cloned-tasks {
	background: #05b3b41f !important;
	box-shadow: inset 0px 0px 6px 0px #05b3b461;
}

.swal-reverse-btns .sa-button-container {
	display: flex;
	flex-direction: row-reverse;
	text-align: center;
	justify-content: center;
}

.swal-reverse-btns .sa-button-container .cancel {
	margin-left: 10px;
}

.profile-page .bootstrap-select .dropdown-menu .inner {
	max-height: 270px !important;
}

.cstm-library-activity-filter .dropdown-menu.show {
	z-index: 1;
}

.ActionsTagsBody .vertical-folder-load-wrapper,
.ActionsTagsBody .vertical-sub-folder-load-wrapper {
	display: none;
}

.upload-new-file-form span.tooltiptext.tooltip-bottom.text-left {
	z-index: 11;
}

.signup-with-google-btn-wrapper {
	border: 2px solid;
	border-radius: 100px;
	cursor: pointer;
}

.signup-with-google-btn-wrapper.gray {
	border-color: #163143;
}

.signup-with-google-btn-wrapper.sky {
	border-color: #0ab3b5;
}

.signup-with-google-btn-wrapper.yellow {
	border-color: #ffc651;
}

.signup-with-google-btn-wrapper label {
	color: #163143;
	font-size: 16px;
	cursor: pointer;
}

.ViewActive .thumbnail-box-view,
body:not(.ViewActive) .thumbnail-list-view,
.ViewActive .box-view-detail-wrapper,
body:not(.ViewActive) .list-view-detail-wrapper {
	display: none !important;
}

body.ViewActive .AllFilesUl .filemain-wrapper .filename-wrapper .file-icon {
	height: 25px !important;
}

body:not(.ViewActive) ul.AllFilesUl>li>.d-flex>a .file-icon {
	width: 80px !important;
	min-width: 80px !important;
	height: 80px !important;
}

.bootstrap-datetimepicker-widget {
	z-index: 999999 !important;
}

.move-icon-wrap{
	border: 1px solid #ddd;
	border-right:unset;
}

.gray_repeat_bt {
	background: #80808091 !important;
	border: 2px solid #80808091;
}

.gray_repeat_bt:hover svg {
	fill: #ffffff !important;
}

.gray_repeat_bt:hover span {
	color: #ffffff !important;
}

.gray_repeat_bt:hover {
	border-color: #80808091 !important;
}

.task_repeat_btn:not(:disabled):not(.disabled):active span,
.task_repeat_btn:focus span {
	color: #fff !important;
}

.task_repeat_btn svg {
	transition: ease 0.25s;
}

a:not(.gray_repeat_bt).task_repeat_btn:hover svg,
a:not(.gray_repeat_bt).task_repeat_btn:focus svg {
	stroke: #05b3b4 !important;
}

a:not(.gray_repeat_bt).task_repeat_btn:focus {
	border-color: #05b3b4 !important;
}

a:not(.gray_repeat_bt).task_repeat_btn:focus span {
	color: #05b3b4 !important;
}

.gray_repeat_bt:focus,
.gray_repeat_bt:active {
	border: 0px solid #80808091 !important;
}

body .gray_repeat_bt{
	padding: 12px !important;
	border:unset !important;  
}

.gray_repeat_bt:focus svg {
	stroke: #ffffff !important;
}

body.profile .activities--wrapper{
	display: none !important;
}

.sort-options-wrapper .dropdown-menu ul li.selected:hover span,
.sort-options-wrapper .dropdown-menu ul li a.dropdown-item:focus span,
.filter-options-wrapper .dropdown-menu ul li.selected:hover span,
.filter-options-wrapper .dropdown-menu ul li a.dropdown-item:focus span {
	color: #ffffff;
}

body .sort-options-wrapper .dropdown-menu ul li.selected:hover a,
.sort-options-wrapper .dropdown-menu ul li a.dropdown-item:focus,
body .filter-options-wrapper .dropdown-menu ul li.selected:hover a,
.filter-options-wrapper .dropdown-menu ul li a.dropdown-item:focus {
	background: #05b3b4 !important;
}

.todo-sorting-drodpown btn.dropdown-toggle {
	padding-top: 9px !important;
	padding-bottom: 8px !important;
}

.filter-options-wrapper .dropdown-content1 .bootstrap-select button,
.sorting-options-wrapper .dropdown-content1 .bootstrap-select button {
	display: none !important;
	height: 0px !important;
}

.filter-options-wrapper .dropdown-content1,
.sorting-options-wrapper .dropdown-content1 {
	height: 0px !important;
	position: absolute;
	top: -10px;
}

.sort-options-wrapper .arrow-up::after {
	content: "\2191";
}

.sort-options-wrapper .arrow-down::after {
	content: "\2193";
}

.sort-options-wrapper .arrow-up::after,
.sort-options-wrapper .arrow-down::after {
	font-size: 16px;
	color: #000000;
	display: inline-block;
	position: absolute;
	top: 4px;
	left: 100px;
	font-weight: 600;
}

.sort-options-wrapper .dropdown-menu ul li a.dropdown-item:focus::after,
.sort-options-wrapper .dropdown-menu ul li a.dropdown-item:focus::after,
.sort-options-wrapper .selected.active .arrow-up::after,
.sort-options-wrapper .selected.active .arrow-down::after {
	color: #ffffff;
}

.sort-options-wrapper .dropdown1 .dropdown-content1 {
	max-width: 130px !important;
}

.hide-show-secure-share-label-wrap i img,
.hide-show-public-share-label-wrap i img{
	width: 15px !important;
}

.shared-email-container {
	position: relative;
	display: inline-block;
	width: 150px;
	/* Adjust according to your design */
}

.shared-email-text {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	max-width: 100%;
	cursor: pointer;
}

.select-email-wrapper input.select2-search__field {
	width: 100% !important;
}

.write-msg-wrap textarea {
	resize: vertical !important;
	width: 100%;
	min-height: 55px;
	max-height: 500px;
}

/* apply z-index to checkbox if the multiple file section open in box view */
body:not(.ViewActive) .open-context-menu input.file-action-checks {
	z-index: 1;
}

.package-short-details-wrap label{
	width: 100%;
	border-right: 1px solid #9fa0a0;
	margin-right: 30px;
}

.package-short-details-wrap label:last-child{
	border-right: unset;
}

.package-short-details-wrap h3{
	margin-bottom: 0px;
	color: #05b3b4;
}

body.ViewActive .round-field-form .select2-selection__rendered,
body .round-field-form .select2-selection__rendered,
body.ViewActive .ListToDoView .todo-cointainer.TodoTab ul.select2-selection__rendered:not(.SelectBoxWrap ul) {
	border: unset !important;
}

@media (max-width:575px){
	body:not(.ViewActive) ul.AllFilesUl>li>.d-flex>a .file-icon{
		width: 50px !important;
		min-width: 50px !important;
		height: 50px !important;
	}
}

body:not(.ViewActive) .left-thumbnail-section .file-icon.position-relative,
body:not(.ViewActive).shared-file-view-wrapper .file-icon.postion-absolute {
	border-right: unset !important;
}

body:not(.ViewActive) .left-thumbnail-section .file-icon.position-relative img,
body:not(.ViewActive).shared-file-view-wrapper .file-icon.postion-absolute img {
	border: 1px solid #6c757d94 !important;
	border-radius: 10px;
}

body:not(.ViewActive) .left-thumbnail-section,
body:not(.ViewActive).shared-file-view-wrapper .file-icon.postion-absolute {
	margin-left: 5px;
}

.cstm-group-option {
	color: #333333 !important;
	font-size: 11px;
	line-height: 1.82;
	text-transform: uppercase;
	font-weight: bold;
	cursor: default !important;
	padding: 15px 5px !important;
}

.cstm-group-child {
	padding-left: 20px !important;
}

.no-share-access-wrapper {
	background: #ededed;
	padding: 0.5rem;
	color: #1f2929 !important;
	font-size: 0.85rem;
	line-height: 1;
	height: auto !important;
}

.plan-wrap h4 {
	max-width: 615px;
	margin: auto;
}

.closeNav {
	display: none;
}

.bt-payment #card-cvv-wrapper,
.bt-payment #card-expiration-date,
.bt-payment #card-number-wrapper,
.bt-payment #card-cvv-wrapper-new-payment,
.bt-payment #card-expiration-date-new-payment,
.bt-payment #card-number-wrapper-new-payment {
	opacity: 1;
	width: 100%;
	color: #1f2929 !important;
	font-size: 0.85rem;
	line-height: 1;
	border: 0;
	padding: 0.5rem !important;
	font-family: "Poppins";
	height: 36px;
}

.PlanIncude ul.features-list {
	height: auto;
	max-height: 200px;
}

.package-details-wrap .single-package-details {
	display: none;
}

.package-details-wrap .single-package-details.active {
	display: block;
}

.txt-dark-orange {
	color: #FF8C00 !important;
}

.cstm-disabled {
	pointer-events: none;
	opacity: 0.7;
}

.india-cust-info {
	background-color: #fef8ec;
	border: 1px solid #ffc651;
	color: #243B4B !important;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: -0.2px;
	padding: 0.75rem 1.25rem;
}

.sub-user-deactivate-account {
	top: 5px;
}

/* START horizontal line with middle text css */
.hr-text {
	border: 0;
	line-height: 1em;
	position: relative;
	text-align: center;
	height: 1.5em;
	font-size: 14px;
	margin: 30px 15px;
}

.hr-text::before {
	content: "";
	background: linear-gradient(to right, transparent, gray, transparent);
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
}

.hr-text::after {
	content: attr(data-content);
	position: relative;
	padding: 0 7px;
	line-height: 1.5em;
	background-color: #ffffff;
}

/* END horizontal line with middle text css */

#task_status_table_wrapper table {
	margin-bottom: 0px !important;
}

.short-task-status {
	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
	width: 100%;
	display: block;
}

.round-mobile-logo img {
	display: none;
	max-height: 27px;
}

.load-usernames .dropdown-menu {
	z-index: 1;
}

.plan-wrap h4 {
	max-width: 615px;
	margin: auto;
}

.closeNav {
	display: none;
}

.bt-payment #card-cvv-wrapper,
.bt-payment #card-expiration-date,
.bt-payment #card-number-wrapper,
.bt-payment #card-cvv-wrapper-new-payment,
.bt-payment #card-expiration-date-new-payment,
.bt-payment #card-number-wrapper-new-payment {
	opacity: 1;
	width: 100%;
	color: #1f2929 !important;
	font-size: 0.85rem;
	line-height: 1;
	border: 0;
	padding: 0.5rem !important;
	font-family: "Poppins";
	height: 36px;
}

.PlanIncude ul.features-list {
	height: auto;
	max-height: 200px;
}

.package-details-wrap .single-package-details {
	display: none;
}

.package-details-wrap .single-package-details.active {
	display: block;
}

.txt-dark-orange {
	color: #FF8C00 !important;
}

.cstm-disabled {
	pointer-events: none;
	opacity: 0.7;
}

.india-cust-info {
	background-color: #fef8ec;
	border: 1px solid #ffc651;
	color: #243B4B !important;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: -0.2px;
	padding: 0.75rem 1.25rem;
}

.sub-user-deactivate-account {
	top: 5px;
}

/* START horizontal line with middle text css */
.hr-text {
	border: 0;
	line-height: 1em;
	position: relative;
	text-align: center;
	height: 1.5em;
	font-size: 14px;
	margin: 30px 15px;
}

.hr-text::before {
	content: "";
	background: linear-gradient(to right, transparent, gray, transparent);
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
}

.hr-text::after {
	content: attr(data-content);
	position: relative;
	padding: 0 7px;
	line-height: 1.5em;
	background-color: #ffffff;
}

/* END horizontal line with middle text css */

#task_status_table_wrapper table {
	margin-bottom: 0px !important;
}

.short-task-status,
.text-ellipsis {
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis;
	width: 100%;
	display: block;
}

.round-mobile-logo img {
	display: none;
	max-height: 27px;
}

.load-usernames .dropdown-menu {
	z-index: 1;
}

.small-z-index {
	z-index: 3;
}

ul.recycle-bin-wrapper>li>.d-flex>a .file-icon {
	height: 25px !important;
}

ul.recycle-bin-wrapper .restore-delete-section {
	width: 200px !important;
}

button.remove-read-alert {
	background: rgb(255, 198, 81);
	border: 2px solid rgb(255, 198, 81);
	color: rgb(22, 49, 67);
}

button.remove-read-alert:hover {
	background-color: transparent;
	color: rgb(255, 198, 81);
	border: 2px solid rgb(255, 198, 81);
}

ul.dropdown-menu.show {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

/* start task listing table view css */
#todo_listing_wrapper {
	width: 100%;
}

#todo_listing {
	border-spacing: 0 3px;
}

#todo_listing {
	border-top: unset !important;
	margin-top: 0px;
}

#todo_listing thead {
	background: #eff3f3;
}

#todo_listing th {
	color: #878783;
}

#todo_listing td {
	padding: 10px 6px;
}

#todo_listing tr:first-child td {
	border-top: 1px solid #ddd;
}

#todo_listing .TodoTaskStatus,
#todo_listing .todo-group {
	min-width: 105px;
	max-width: 105px;
}

#todo_listing .todo-title {
	min-width: 350px;
	max-width: 350px;
}

#todo_listing .todo-assignee {
	min-width: 300px;
	max-width: 300px;
}

#todo_listing .todo-completed-date,
#todo_listing .todo-end-date {
	min-width: 60px;
	max-width: 60px;
}

#todo_listing td.task-number,
#todo_listing td.task-done-icon,
#todo_listing td.task-edit-icon,
#todo_listing td.task-fav-icon {
	width: 0.7%;
}

#todo_listing th {
	text-align: center;
}

#todo_listing td {
	word-wrap: break-word;
}

#todo_listing td.TodoTaskStatus p {
	border-radius: 20px;
}

#todo_listing_wrapper .datatable-header {
	border-bottom: unset;
	padding: 0px;
}

#todo_listing_wrapper .datatable-footer {
	border-top: unset;
	padding: 20px 5px;
}

#todo_listing tbody tr td p {
	margin: 0px;
}

#todo_listing .switch .TodoTab input[type=checkbox] {
	height: 20px !important;
	width: 20px !important;
	margin: 7px 0 0;
	position: relative;
}

#todo_listing td.TodoFav img {
	width: 20px;
}

#todo_listing td.todo-title p {
	width: 320px;
	min-width: 320px;
}

#todo_listing td.TodoTaskStatus p,
#todo_listing td.todo-group p {
	width: 100px !important;
	min-width: 100px;
}

#todo_listing td.todo-completed-date p,
#todo_listing td.todo-end-date p {
	width: 80px;
	min-width: 80px;
	text-align: center;
	margin: 0 auto;
	display: block;
}

#todo_listing td.todo-info p {
	width: 45px;
	min-width: 45px;
}

.dropdown.bootstrap-select.task-view-preference button::after {
	top: 50%;
	right: 11px;
}

.dropdown.bootstrap-select.task-view-preference button {
	min-width: 120px !important;
}

.dropdown.bootstrap-select.task-view-preference {
	border: 1px solid #ddd !important;
}

.small-btn-text {
	font-size: 12px;
}

.filter-options-wrapper button.dropbtn1 {
	font-size: 14px;
	font-weight: 400;
	color: #212529 !important;
}

#todo_listing b.b-hide,
body:not(.ViewActive) b.b-hide {
	display: none !important;
}

.mobile-task-preference .dropdown-toggle::after {
	display: none;
	/* Hide the default dropdown arrow */
}

.mobile-task-preference .dropdown-menu-left {
	right: 0;
	left: auto;
	padding: 0;
}

.mobile-task-preference button#dropdownTaskPreference i {
	color: #05b3b4;
	font-size: 18px;
	background: unset;
}

button#dropdownTaskPreference:active {
	box-shadow: unset;
}

button#dropdownTaskPreference {
	background: unset;
	border: unset;
	width: 10px;
	padding: 0px;
}

.mobile-task-preference .dropdown-item.selected {
	background-color: #05b3b4;
	color: white;
}

li.add-new-task-dropdown a:hover {
	color: #16181b;
	text-decoration: none;
	background-color: #f5f5f5;
}

#todo_listing.dataTable thead .sorting:before,
#todo_listing.dataTable thead .sorting:after {
	color: #3c3838;
}

#todo_listing td p {
	white-space: normal;
}

table#todo_listing thead>tr>th.sorting::after {
	content: "▲" !important;
	top: 20px;
}

table#todo_listing thead>tr>th.sorting::before {
	content: "▼" !important;
	margin-bottom: 10px !important;
	padding-bottom: 10px !important;
	top: 22px;
}

#todo_listing td.TodoTaskStatus p,
#todo_listing td.todo-group p,
#todo_listing td.todo-info p {
	margin: 0 auto !important;
	display: block;
	text-align: center;
}

#todo_listing th:first-child {
	border-left-color: #bbb;
}

#todo_listing th:last-child {
	border-right-color: #bbb;
}

body:not(.ViewActive) p.todo-status-text {
	width: 50% !important;
	border-radius: 20px;
	text-align: center;
	font-size: 12px;
}

.box-view-details {
	font-size: 12px;
}

body:not(.ViewActive) li.TodoTabFileName p {
	display: flex !important;
}

body:not(.ViewActive) li.TodoBoxGroup {
	display: inline-flex;
}

body.ViewActive li.TodoBoxGroup,
body:not(.ViewActive) .list-view-details,
body.ViewActive .box-view-details {
	display: none !important;
}

body.ViewActive .list-view-details{
	display: flex !important;
}

body:not(.ViewActive) .box-view-details {
	display: block !important;
}

/* end task listing table view css */

.todos-cointainer-task li.TodoTabMe {
	word-break: break-all;
}

.load-usernames .form-group {
	padding: 0px;
	margin: 0px;
	border: unset;
}

.load-usernames label {
	margin: 0;
	margin-right: 10px;
}

.load-usernames .radio-buttons input[type="radio"] {
	display: none;
}

#suggested-username-wrapper .dropdown {
	padding: 1px !important;
	background: #e9ecef;
}

.load-usernames .form-group:hover {
	border: unset;
}

/* start new profile setup style */
.round-field-form .form-group {
	padding-left: 0px !important;
	border-bottom: unset;
}

.round-field-form input,
.round-field-form select,
.InviteHead input,
.round-field-form .dropdown.bootstrap-select,
.select-tag-wrap span.select2.select2-container,
.round-corner-field,
.round-field-form span.select2.select2-container {
	border: 2px solid #e9ecef !important;
	border-radius: 10px;
}

.calender-wrap i.fa.fa-calendar {
	position: absolute;
	right: 28px;
	top: 12px;
	cursor: pointer;
}

.round-field-form span.select2.select2-container ul.select2-selection__rendered {
	margin: 0px !important;
}

.round-field-form span.select2.select2-container span.select2-selection__rendered {
	line-height: 20px !important;
}

.round-field-form input.select2-search__field {
	border: unset !important;
	line-height: 35px;
}

.round-field-form span.select2.select2-container ul {
	margin: 0px !important;
}

.round-field-form label {
	margin-bottom: 10px;
}

.round-field-form span.select2-selection.select2-selection--multiple:hover {
	background: transparent !important;
}

.round-field-form .select2-container .select2-search--inline .select2-search__field{
	margin-top: 2px;
}

.select-tag-wrap span.select2.select2-container{
	padding: 0.5rem;
}

.select-tag-wrap span.select2.select2-container:before{
	right: 5px !important;
}

.round-field-form .form-group:hover {
	border-bottom: 0px !important;
}

.load-usernames .radio-buttons .form-group
{
	margin-top: -14px;
}

#suggested-username-wrapper button.btn.dropdown-toggle {
	padding-left: 0.5rem;
}

/* end new profile setup style */

/* start profile settings style */
.round-field-form span.select2-selection.select2-selection--single,
.multi-select-round-btn-wrap button {
	border: 2px solid #e9ecef !important;
	border-radius: 10px !important;
	min-height: 40px ! important;
	vertical-align: bottom;
	padding: 10px;
}

.multi-select-round-btn-wrap .dropdown-toggle::after{
	margin-right: 0.5rem !important;
	margin-top: -5px !important;
}

.round-field-form .SelectBoxWrap span.select2-selection.select2-selection--single{
	border:unset !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
	
}

.round-field-form textarea {
	border: 2px solid #e9ecef !important;
	border-radius: 10px !important;
	padding: 0.5rem !important;
}

.round-field-form textarea.rounded-0{
	border-radius:0px !important;
}

.round-field-form .upload-pic-wrap {
	border: 2px solid #e9ecef !important;
	border-radius: 10px;
}

.round-field-form .MultiCheckbox h6,
.round-field-form .upload-pic-wrap span {
	color: #758080;
}

.account-setting-section .form-group.NoIcon h3,
.account-setting-section .form-group.NoIcon h6 {
	font-weight: normal;
	color: #1f2929 !important;
	font-size: 14px;
	font-family: 'Poppins';
}

.account-setting-section .InviteBox,
.AddUsersDiv .InviteBox {
	border: 2px solid #e9ecef !important;
	border-radius: 10px;
	padding: 10px;
}

.max-content-width{
	width: max-content;
}
/* end profile settings style */

body:not(.ViewActive) .TodoTab ul {
	flex-wrap: unset;
}

.box-todo-status-action-wrap input[type=checkbox] {
	width: 20px !important;
	height: 20px !important;
}

.box-todo-fav-action-wrap img {
	width: 22px !important;
}

/* start public file share comment and like */
.public-actions-wrapper {
	background: #ffffff;
	border-radius: 6px;
}

.public-actions-wrapper img {
	height: 22px;
	width: 22px;
}

.public-actions-wrapper .file-review {
	gap: 10px;
}

.public-actions-wrapper .file-review .file-review-inner {
	border-right: 1px solid #a5a5a5;
	padding-right: 15px;
	margin-right: 5px;
}

.public-actions-wrapper .file-review .file-review-inner:last-child {
	border-right: 0px;
	padding-right: 0px;
}

.file-comments-modal .user-comment-img {
	width: 32px;
	height: 32px;
	margin-right: 15px;
}

.file-comments-modal .user-comment-img img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.file-comments-modal .your-comment {
	background: #f1f1f1;
	border-radius: 10px;
	padding: 15px;
}

.file-comments-modal .comment-control {
	border: 1px solid #c7c7c7;
	padding: 15px 15px 15px 40px !important;
	border-radius: 10px;
}

.file-comments-modal .comment-control .InputIcon {
	left: 20px;
}

.file-comments-modal .comment-control:hover,
.file-comments-modal .comment-control:focus {
	border-color: #05b3b4;
}

span.cancle-edit-msg {
	position: absolute;
	right: 110px;
	top: 8px;
	cursor: pointer;
	font-size: 20px;
	display: none;
}

span.cancle-edit-file-msg {
	position: absolute;
	right: 120px;
	bottom: 28px;
	cursor: pointer;
	font-size: 20px;
	display: none;
}

.file-chats-wrapper .chat-new-card {
	padding: 10px !important;
}

.file-chats-wrapper #chatContainer {
	padding-right: 0px;
}

/* end public file share comment and like */

body .ContentRightWrap .emojionepicker{
	top: -30px !important;
}

.OpenPreview .global-icon {
	border-right: 1px solid #a5a5a5;
	padding-right: 12px;
}

.top-right-file-actions .file-review-inner {
	margin-left: 5px;
	border-right: 1px solid #a5a5a5;
	padding-right: 15px;
	margin-right: 5px;
}

@media screen and (max-width:767px) {
	.addtaskgrp-btn ul>li>ul.dropdown-menu.show>li>ul {
		left: 2rem;
		right: auto;
		top: 2.5rem;
	}
	.round-field-form .form-group {
		margin-bottom: 1rem;
	}
	.right-border-hide-mobile-screen {
		border-right: unset !important;
	}
}

/* END task group button */

body.modal-open .select2-container {
	z-index: 99999;
}

@media screen and (min-width: 1300px) {
	.dashboardHeader.fixed-header:before {
		box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
	}
}

@media screen and (max-width: 1299px) {
	.dashboardHeader.fixed-header:before {
		background: transparent;
	}

	.dashboardHeader.fixed-header .SearchBox,
	.dashboardHeader.fixed-header .SearchBox input,
	.fixed-header .dropdown.bootstrap-select.mr-sm-4.advance-filter-search {
		background: #fff !important;
	}

	.leftnavigation ul li ul.leftnavigation_inner {
		overflow: auto;
		overflow-x: hidden;
		max-height: calc(100vh - 160px);
	}

	.right-side-bell-icon{
		margin-left: auto !important;
	}
}

.dashboardHeader {
	position: fixed;
	top: 0;
	left: 4.5rem;
	width: calc(100% - 6rem);
	align-items: center;
	padding: 0.813rem 0;
	z-index: 10;
	transition: ease-in-out 0.5s;
}

.HumberIcon {
	margin: 0 1.5rem 0 4px;
	z-index: 10;
	cursor: pointer;
	z-index: 11;
}

.HumberIcon img {
	max-height: 16px;
}

.Breadcrumb {
	margin: 0;
	position: relative;
}

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

.Breadcrumb ul li {
	margin: 0 1rem 0 0;
	font-size: 0.8rem;
	color: #758080;
	font-weight: 500;
}

.Breadcrumb ul li a {
	font-size: 0.8rem;
	color: #1f2929;
	font-weight: 500;
}

.Breadcrumb ul li a strong {
	margin-right: 0.5rem;
	color: #1f2929;
	font-weight: 500;
}

.Breadcrumb ul li a i {
	margin-right: 0.5rem;
}

.HeaderProfile {
	/* margin-left: auto; */
	position: relative;
	padding: 0 3rem 0 0;
	text-align: right;
	min-height: 40px;
}

.HeaderProfile span {
	position: absolute;
	top: 0;
	right: 0;
	width: 36px;
	height: 36px;
	border-radius: 100px;
	background: #fff;
	border: 1px solid #eee;
	margin-left: 1rem;
}

.HeaderProfile span img {
	box-shadow: 0px 0px 10px 4px #05b3b4;
}

.HeaderProfile strong {
	font-size: 0.9rem;
	color: #1f2929;
	font-weight: 500;
	line-height: 1.5;
	display: block;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	/*max-width: 140px;*/
	white-space: nowrap;
}

.HeaderProfile small {
	font-size: 0.7rem;
	color: #758080;
	font-weight: 400;
	line-height: 1.5;
	display: block;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	max-width: 140px;
	white-space: nowrap;
}

.HeaderProfile.dropdown.show .dropdown-menu.show {
	right: 0 !important;
	left: auto !important;
}

.DashbaordContent {
	background: #eff3f3;
	padding: 4rem 1.5rem 0.2rem 4.5rem;
	transition: ease-in-out 0.5s;
}

.DashbaordBody {
	background: #fff;
	padding: 1.5rem;
	border-radius: 6px;
}

.form-group {
	border-bottom: 1px solid #d2d2d2;
	position: relative;
	padding: 0 0 0 2.4rem;
	margin-bottom: 2rem;
	transition: ease 0.25s;
}

.form-group:hover {
	border-bottom: 1px solid #05b3b4;
}

.InputIcon {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	margin: 0;
}

.InputIcon img {
	max-width: 24px !important;
	max-height: 24px !important;
	vertical-align: top;
}

.MultiCheckbox {
	border-bottom: 1px solid #eff3f3;
	min-height: 100px;
	margin-bottom: 2rem;
}

.MultiCheckbox h6 {
	color: #1f2929;
	font-size: 0.95rem;
	line-height: 1.5;
	font-weight: 500;
	margin: 0;
	font-size: 0.9rem;
	margin-bottom: 0.7rem;
}

.MultiCheckbox h6 {
	color: #1f2929;
	font-size: 0.95rem;
	line-height: 1.5;
	font-weight: 500;
	margin: 0;
	font-size: 0.9rem;
	margin-bottom: 0.7rem;
}

.Checkbox .form-group {
	padding: 0;
	border: 0;
	margin: 0 0 0.5rem;
}

.Checkbox .form-group input[type="radio"]+label,
.Checkbox .form-group input[type="checkbox"]+label {
	padding: 0 0 0 2rem;
}

.stepUI {
	margin: -1.4rem -1.4rem 1rem;
}

.stepUI ul {
	margin: 0;
	padding: 0;
	list-style: none;
	justify-content: space-between;
}

.stepUI ul li {
	text-align: center;
	width: 100%;
}

.stepUI ul li span {
	width: 100%;
	background: #eff3f3;
	height: 8px;
	margin: 0 0 0.6rem;
	display: block;
}

.stepUI ul li:first-child span {
	border-radius: 10px 0 0 10px;
}

.stepUI ul li:last-child span {
	border-radius: 0 10px 10px 0;
}

.stepUI ul li strong {
	color: #b1bebe;
	font-size: 0.8rem;
	line-height: 1.5;
	font-weight: 500;
}

.stepUI ul li.active span {
	background: #05b3b4;
	border-radius: 10px 0 0 10px;
}

.stepUI ul li.active+.active span {
	border-radius: 0;
}

.stepUI ul li.active:last-child span {
	border-radius: 0 10px 10px 0;
}

.stepUI ul li.active strong {
	color: #05b3b4;
}

.InviteColleagues {
	padding: 0 0 1.5rem;
	border-bottom: 1px solid #eff3f3;
	margin: 0 0 1.5rem;
}

.InviteColleagues h4 {
	margin: 0 0 0.5rem;
	padding: 0;
	display: block;
	font-size: 0.9rem;
	color: #1f2929;
}

.InviteColleagues h4 a {
	color: #05b3b4;
}

.InviteColleagues h5 {
	margin: 0 0 1.5rem;
	padding: 0;
	display: block;
	font-size: 0.9rem;
	color: #758080;
}

.InviteColleagues h5 span {
	color: #05b3b4;
	align-items: center;
}

.AddUser {
	border: 1px solid #eff3f3;
	padding: 0.7rem;
	max-width: 450px;
	align-items: center;
}

.AddUser label {
	padding: 0 1rem;
	margin: 0;
}

.InviteHead {
	margin: 0 0 0.8rem;
	padding: 0 0 0 1rem;
}

.InviteHead .form-group {
	border: 0;
	margin: 0;
	max-width: 300px;
	width: 100%;
}

.InviteHead h6 {
	margin: 0 2.5rem 0 0;
	padding: 0;
	color: #d2d2d2;
	font-size: 1.5rem;
	line-height: 1.5;
}

.InviteHead .InviteCheckbox {
	padding-left: 6rem;
}

.InviteSent button.btn {
	background: #05b3b4;
	color: #fff;
}

.InviteSent button.btn:hover {
	background: transparent;
	color: #05b3b4;
	border-color: #05b3b4;
}

.InviteSent button.btn:hover i {
	background: url(../images/RightArrowPrimary.svg) no-repeat 0 0;
}

.InviteSent p {
	margin: 0;
	padding: 0;
	color: #adbfbf;
	line-height: 1.5;
}

.InviteSent>.d-flex>h5 {
	margin: 0;
	color: #008080;
}

.InviteSent>.d-flex {
	margin-left: 4rem;
}

.InviteCheckbox .form-group input[type="radio"]+label,
.InviteCheckbox .form-group input[type="checkbox"]+label {
	padding: 0 0 0 2rem;
	width: 150px;
}

.InviteSent {
	margin: 0 0 0 4.5rem;
}

.InviteSent button {
	margin: 0 3rem 0 0;
}

.InviteBox {
	padding: 0 0 1.5rem;
	margin: 0 0 1.5rem;
}

.InputWithBtn {
	/*align-items: center;*/
	margin-bottom: 2rem;
}

.InputWithBtn .form-group {
	margin-bottom: 0;
}

.InputWithBtn .OR {
	color: #b1bebe;
	font-size: 1rem;
	font-weight: 500;
	text-align: center;
}

.InputWithBtn button.Light-bdr i {
	margin-left: 2rem;
}

.FinishPopup .modal-dialog {
	max-width: 950px;
}

.FinishPopup .modal-content {
	border: 2px solid #05b3b4;
}

.FinishPopup .modal-body {
	padding: 2.5rem 2.5rem 3.5rem;
}

.FinishPopup h3 {
	margin: 0 0 2.5rem;
	padding: 0;
	display: block;
	font-size: 1.25rem;
	color: #1f2929;
	text-align: center;
}

.GetStarted {
	background: #f2f6f6;
}

.LearnMore p,
.GetStarted p {
	font-size: 1rem;
	color: #1f2929;
	line-height: 1.5;
	margin: 0 0 2.1rem;
	padding: 0;
	text-align: center;
}

.LearnMore a,
.GetStarted a {
	max-width: 250px;
	width: 100%;
	margin: 0 auto -23px;
}

.LearnMore {
	background: #f2f6f6;
	margin-left: auto;
}

.LearnMore,
.GetStarted {
	border-radius: 10px;
	padding: 2.1rem 1.5rem 0;
}

.inner-block {
	max-width: 260px;
}

.inner-block p {
	font-size: 14px;
}

.FinishPopup .close {
	margin-top: -25px;
	margin-right: -20px;
}

.SingleCheckbox h6 {
	margin-bottom: 0.3rem;
}

.SingleCheckbox {
	border-bottom: 1px solid #eff3f3;
	padding: 0 0 0.363rem;
	margin-bottom: 2rem;
}

.UpgradePro {
	position: absolute;
	bottom: -10px;
	text-align: center;
	width: 100%;
}

.UpgradePro.upgrade-profile-step1 {
	bottom: -30px !important;
	position: unset !important;
}

.UpgradePro a {
	color: #ffc651;
}

.SingleCheckbox.Checkbox .form-group input[type="radio"]+label,
.Checkbox .form-group input[type="checkbox"]+label {
	width: 100%;
	padding: 0 2.3rem 0 0;
}

.SingleCheckbox .form-group input[type="radio"]+label:before,
.SingleCheckbox .form-group input[type="checkbox"]+label:before {
	left: auto;
	right: 0;
	margin: 0;
}

.SingleCheckbox .form-group input[type="radio"]:checked+label:after,
.SingleCheckbox .form-group input[type="checkbox"]:checked+label:after {
	left: auto;
	right: 7px;
}

.CategoryBoxWrap {
	max-width: 360px;
	width: 100%;
}

.CategoryBoxWrap h4 {
	margin: 0 0 0.6rem;
}

.CategoryBox {
	border: 1px solid #eff3f3;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	border-radius: 8px;
	margin: 0 0 1.5rem;
}

.CategoryHead {
	border-bottom: 1px solid #eff3f3;
	padding: 1rem;
}

.CategoryHead h4 {
	margin: 0;
	color: #758080;
	font-size: 1rem;
}

.CategoryHead i.Move {
	margin-right: 1rem;
	cursor: pointer;
}

.EditDelete {
	margin-left: auto;
}

.EditDelete i+i {
	margin-left: 0.5rem;
}

.EditDelete i img {
	vertical-align: top;
}

.DateCategory {
	margin-top: 1rem;
	align-items: flex-start;
}

.DateCategoryCarousel {
	margin-bottom: 1rem;
	border: 0;
	box-shadow: none;
	transition: ease-in-out 0.5s;
	width: 100%;
}

.DateCategoryCarousel ul.slides {
	margin: 0;
	padding: 0;
	list-style: none;
}

.CategoryBody {
	padding: 1rem;
}

.CategoryBodyHead {
	margin: 0 0 0.7rem;
}

.CategoryBodyHead h5 {
	margin: 0;
}

.CategoryBodyHead i {
	margin-left: auto;
}

.CategoryBodyList {
	border: 1px solid #eff3f3;
}

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

.CategoryBodyList ul li {
	display: flex;
	padding: 0.7rem;
	align-items: center;
	margin: 0;
}

.CategoryBodyList ul li+li {
	border-top: 1px solid #eff3f3;
}

.CategoryBodyList ul li h5 {
	margin: 0;
	color: #758080;
	font-size: 0.95rem;
	word-break: break-all;
}

.CategoryBodyList ul li .CategoryBodyListIcon {
	margin: 0 0 0 auto;
}

.CategoryBodyListIcon i+i {
	margin-left: 0.4rem;
}

.DateCategoryCarousel .CategoryBodyListIcon i img {
	vertical-align: top;
	height: 16px;
}

.DateCategoryCarousel .flex-control-nav {
	display: none;
}

.DateCategoryCarousel ul.flex-direction-nav li {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.DateCategoryCarousel ul.flex-direction-nav li a {
	border: 1px solid #b1bebe;
	background-color: #fff;
	width: 36px;
	height: 36px;
	border-radius: 100px;
	display: block;
	line-height: 1.5;
	left: auto;
	right: auto;
	margin: 0;
	opacity: 1 !important;
	display: block;
	font-size: 0;
	transition: ease-in-out 0.5s;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.DateCategoryCarousel ul.flex-direction-nav li a:hover {
	background-color: #05b3b4;
	border-color: #05b3b4;
}

.DateCategoryCarousel ul.flex-direction-nav li.flex-nav-prev {
	right: auto;
	left: -18px;
}

.DateCategoryCarousel ul.flex-direction-nav li.flex-nav-prev a.flex-prev {
	left: 0;
	background-image: url(../images/LightArrowRight.svg);
	transform: rotate(-180deg);
	background-size: 20px auto;
}

.DateCategoryCarousel ul.flex-direction-nav li.flex-nav-prev:hover a.flex-prev {
	left: 0;
	background-image: url(../images/RightArrow.svg);
}

.DateCategoryCarousel ul.flex-direction-nav li.flex-nav-next {
	right: -18px;
	left: auto;
}

.DateCategoryCarousel ul.flex-direction-nav li.flex-nav-next a.flex-next {
	right: 0;
	background-image: url(../images/LightArrowRight.svg);
	background-size: 20px auto;
}

.DateCategoryCarousel ul.flex-direction-nav li.flex-nav-next:hover a.flex-next {
	background-image: url(../images/RightArrow.svg);
}

.flex-direction-nav a:before {
	display: none;
}

.AddFolder {
	border: 1px solid #ffe7b5;
	padding: 1.5rem;
	border-radius: 10px;
	display: none;
	transition: ease-in-out 0.5s;
}

.AddFolder h5 {
	display: block;
}

.AddFolder .form-group {
	margin-bottom: 1.5rem;
}

.AddFolder .btn {
	min-width: 145px;
}

.AddNewObject .AddFolder {
	width: 30%;
	display: block;
}

.AddNewObject .DateCategoryCarousel {
	width: 65%;
	margin-left: auto;
}

.WhiteBox {
	padding: 1rem 1rem 0.5rem 1rem;
	background: #fff;
	border-radius: 6px;
	position: relative;
}

.OpenPreviewBox .WhiteBox iframe {
	width: 100%;
}

.Preview {
	margin-bottom: 1rem;
}

.PreviewImg {
	background: #fff;
	border-radius: 6px;
	/*height: 60px;*/
	border-top: 0px solid transparent;
	min-height: 100%;
	/*max-height: inherit;*/
	text-align: center;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.PreviewImg img {
	width: 50% !important;
	max-width: fit-content;
	max-width: fit-content;
	max-height: 70px;
	min-height: 70px;
	object-fit: contain;
	object-position: center;
	border-radius: 10px;
}

/*.PreviewImg{ background:#EFF3F3; border-radius:6px; height:234px; border-top:5px solid #05B3B4;}*/

.Tabs ul.nav.nav-tabs {
	margin: 0 -1.5rem 1rem;
	padding: 0 1.5rem 0.8rem;
	position: relative;
	border-bottom: 1px solid #eff3f3;
}

.Tabs ul.nav.nav-tabs li:nth-child(2):before,
.Tabs ul.nav.nav-tabs li:nth-child(2):after,
.Tabs ul.nav.nav-tabs li:nth-child(4):before,
.Tabs ul.nav.nav-tabs li:nth-child(4):after,
.Tabs ul.nav.nav-tabs li:nth-child(6):before,
.Tabs ul.nav.nav-tabs li:nth-child(6):after {
	content: "";
	background: #d2d2d2;
	width: 1px;
	height: 65px;
	position: absolute;
	top: 100%;
	transform: translateY(-50%);
	left: 0;
}

.Tabs ul.nav.nav-tabs li:nth-child(2):after {
	right: 0;
	left: auto;
}

.Tabs ul.nav.nav-tabs li:nth-child(1) {
	text-align: center;
	width: 50%;
}

.Tabs ul.nav.nav-tabs li:nth-child(3) {
	text-align: center;
	width: 50%;
}

.Tabs ul.nav.nav-tabs li:nth-child(2) {
	text-align: center;
	width: 50%;
}

.Tabs ul.nav.nav-tabs li {
	border: 0;
	margin: 0;
	position: relative;
	width: 50%;
	padding: 5px 10px;
	text-align: center;
}

.Tabs ul.nav.nav-tabs li a {
	border: 0;
	margin: 0;
	padding: 0;
	border-radius: 0;
	color: #758080;
	font-size: 0.8rem;
	background: transparent;
	z-index: 1;
	position: relative;
}

.Tabs ul.nav.nav-tabs li a:hover,
.Tabs ul.nav.nav-tabs li a.active {
	color: #05b3b4;
}

#Meta-data .d-flex,
#Share .d-flex {
	flex-wrap: wrap;
	padding: 0 0.5rem;
	overflow-y: auto;
}

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

.ActionsTabs ul li {
	margin: 0.9rem 0;
}

.ActionsTabs ul li a i {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background-repeat: no-repeat;
	background-position: 0 50%;
	width: 30px;
	height: 18px;
	display: block;
	background-size: auto 17px;
}

.ActionsTabs ul li a {
	color: #758080;
	font-size: 0.8rem;
	font-weight: 400;
	position: relative;
	padding: 0 0 0 2rem;
	line-height: 1.5;
}

.ActionsTabs ul li a strong {
	font-weight: 400;
}

.ActionsTabs ul li.active a,
.ActionsTabs ul li:hover a {
	color: #05b3b4;
	text-decoration: none;
}

.ActionsTabs {
	margin: 0 -1.5rem;
	padding: 0 1.5rem;
}

.ActionsTabs+.ActionsTabs {
	margin-top: 1.5rem;
	border-top: 1px solid #eff3f3;
	padding-top: 1rem;
}

.ActionsTabs ul li.BasicUpdateNewVersion a i {
	background-image: url(../images/upload2.svg);
}

.ActionsTabs ul li.BasicUpdateNewVersion:hover i,
.ActionsTabs ul li.active.BasicUpdateNewVersion a i {
	background-image: url(../images/upload.svg);
}

.download-wrap i {
	background-repeat: no-repeat;
	width: 30px;
	height: 18px;
	display: inline-block;
	background-size: auto 17px;
	position: relative;
	top: 5px;
}

.ActionsTabs ul li.BasicDownload a i,
.download-wrap i,
.HistoryTab li.HistoryDownloadVersionFile .version-file-download i {
	background-image: url(../images/Download.svg);
}

.ActionsTabs ul li.BasicDownload:hover i,
.ActionsTabs ul li.active.BasicDownload a i,
.download-wrap i:hover,
.HistoryTab li.HistoryDownloadVersionFile:hover .version-file-download i {
	background-image: url(../images/DownloadHover.svg);
}

.ActionsTabs ul li.BasicChat a i {
	background-image: url(../images/Chat.svg);
}

.ActionsTabs ul li.BasicChat:hover i,
.ActionsTabs ul li.BasicChat.active a i {
	background-image: url(../images/ChatHover.svg);
}

.ActionsTabs ul li.BasicGetLink a i {
	background-image: url(../images/GetLink.svg);
}

.ActionsTabs ul li.BasicGetLink:hover i,
.ActionsTabs ul li.BasicGetLink.active a i {
	background-image: url(../images/GetLinkHover.svg);
}

.ActionsTabs ul li.BasicGetPrivateLink a i {
	background-image: url(../images/private-link.svg);
}

.ActionsTabs ul li.BasicGetPrivateLink:hover i,
.ActionsTabs ul li.BasicGetPrivateLink.active a i {
	background-image: url(../images/private-link.svg);
}

.ActionsTabs ul li.BasicLike a i {
	background-image: url(../images/Like.svg);
}

.ActionsTabs ul li.BasicLike:hover i,
.ActionsTabs ul li.BasicLike.active a i {
	background-image: url(../images/LikeHover.svg);
}

.ActionsTabs ul li.BasicFavourite a i {
	background-image: url(../images/Favourite.svg);
}

.ActionsTabs ul li.BasicFavourite:hover i,
.ActionsTabs ul li.BasicFavourite.active a i {
	background-image: url(../images/FavouriteHover.svg);
}

.ActionsTabs ul li.BasicAddPreviewImage a i {
	background-image: url(../images/Eye.svg);
}

.ActionsTabs ul li.BasicAddPreviewImage:hover i,
.ActionsTabs ul li.BasicAddPreviewImage.active a i {
	background-image: url(../images/EyeHover.svg);
}

.ActionsTabs ul li.BasicShare a i {
	background-image: url(../images/Share.svg);
}

.ActionsTabs ul li.BasicShare:hover i,
.ActionsTabs ul li.BasicShare.active a i {
	background-image: url(../images/ShareHover.svg);
}

.ActionsTabs ul li.BasicShareFilesFolders a i {
	background-image: url(../images/Share.svg);
}

.ActionsTabs ul li.BasicShareFilesFolders:hover i,
.ActionsTabs ul li.BasicShareFilesFolders.active a i {
	background-image: url(../images/ShareHover.svg);
}

.ActionsTabs ul li.BusinessDelete a i {
	background-image: url(../images/Dustbin.svg);
}

.ActionsTabs ul li.BusinessDelete:hover i,
.ActionsTabs ul li.BusinessDelete.active a i {
	background-image: url(../images/DustbinHover.svg);
}

.ActionsTabs ul li.BusinessEdit a i {
	background-image: url(../images/Edit.svg);
}

.ActionsTabs ul li.BusinessEdit:hover i,
.ActionsTabs ul li.BusinessEdit.active a i {
	background-image: url(../images/EditHover.svg);
}

.ActionsTabs ul li.BusinessPublic a i {
	background-image: url(../images/MakePublic.svg);
}

.ActionsTabs ul li.BusinessPublic:hover i,
.ActionsTabs ul li.BusinessPublic.active a i {
	background-image: url(../images/MakePublicHover.svg);
}

.ActionsTabs ul li.BusinessPermissions a i {
	background-image: url(../images/Permission.svg);
}

.ActionsTabs ul li.BusinessPermissions:hover i,
.ActionsTabs ul li.BusinessPermissions.active a i {
	background-image: url(../images/PermissionHover.svg);
}

.ActionsTabs ul li.BusinessRemind a i {
	background-image: url(../images/Favourite.svg);
}

.ActionsTabs ul li.BusinessRemind:hover i,
.ActionsTabs ul li.BusinessRemind.active a i {
	background-image: url(../images/FavouriteHover.svg);
}

.ActionsTabs ul li.BusinessTag a i {
	background-image: url(../images/Share.svg);
}

.ActionsTabs ul li.BusinessTag:hover i,
.ActionsTabs ul li.BusinessTag.active a i {
	background-image: url(../images/ShareHover.svg);
}

.ActionsTabs ul li.BusinessVersion a i {
	background-image: url(../images/Version.svg);
}

.ActionsTabs ul li.BusinessVersion:hover i,
.ActionsTabs ul li.BusinessVersion.active a i {
	background-image: url(../images/VersionHover.svg);
}

.ActionsTabs ul li.BusinessAddPassword a i {
	background-image: url(../images/PasswordLock.svg);
}

.ActionsTabs ul li.BusinessAddPassword:hover i,
.ActionsTabs ul li.BusinessAddPassword.active a i {
	background-image: url(../images/PasswordLockHover.svg);
}

.ActionsTabs ul li.BusinessRemovePassword a i {
	background-image: url(../images/Remove.svg);
}

.ActionsTabs ul li.BusinessRemovePassword:hover i,
.ActionsTabs ul li.BusinessRemovePassword.active a i {
	background-image: url(../images/RemoveHover.svg);
}

ul.AllFilesUl li.open-context-menu .d-flex .view-file-details span.BasicChat {
	background-image: url(../images/Chat.svg);
	background-repeat: no-repeat;
	background-position: 0 50%;
	overflow: inherit !important;
	border-right: 0;
	width: 20px !important;
	height: 20px;
	background-size: auto 16px;
	margin-right: 3px !important;
	margin-top: 0.2rem !important;
}

ul.AllFilesUl li.open-context-menu .d-flex .view-file-details span.menu-context {
	background-image: url(../images/actionMenu.svg);
	background-repeat: no-repeat;
	background-position: 0 50%;
	overflow: inherit !important;
	border-right: 0;
	width: 20px !important;
	height: 20px;
	background-size: auto 20px;
	margin-right: 3px !important;
	margin-top: 0.2rem !important;
	margin-left: -6px;
	/* transform: rotate(90deg); */
}

ul.AllFilesUl li.open-context-menu .d-flex .view-file-details span.BasicView {
	background-image: url(../images/preview.svg);
	background-repeat: no-repeat;
	background-position: 0 50%;
	overflow: inherit !important;
	border-right: 0;
	width: 20px !important;
	height: 20px;
	background-size: auto 16px;
	margin-right: 3px !important;
	margin-top: 0.2rem !important;
}

ul.AllFilesUl li.open-context-menu .d-flex .view-file-details span.BasicShare {
	background-image: url(../images/Share.svg);
	background-repeat: no-repeat;
	background-position: 0 50%;
	overflow: inherit !important;
	border-right: 0;
	width: 20px !important;
	height: 20px;
	background-size: auto 16px;
	margin-right: 3px !important;
	margin-top: 0.2rem !important;
}

ul.AllFilesUl li.open-context-menu .d-flex .view-file-details span.menu-context:hover {
	background-image: url(../images/actionMenuHover.svg);
}

ul.AllFilesUl li.open-context-menu .d-flex .view-file-details span.BasicChat:hover {
	background-image: url(../images/ChatHover.svg);
}

ul.AllFilesUl li.open-context-menu .d-flex .view-file-details span.BasicShare:hover {
	background-image: url(../images/ShareHover.svg);
}

ul.AllFilesUl li.open-context-menu .d-flex .view-file-details span.BasicView:hover {
	background-image: url(../images/preview-hover.svg);
}

.FileProperties {
	display: block;
}

.FileProperties ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid #eff3f3;
}

.FileProperties ul li {
	padding: 0.7rem 1rem 0.6rem;
	display: flex;
}

.FileProperties ul li+li {
	border-top: 1px solid #eff3f3;
}

.FileProperties ul li strong {
	font-size: 0.7rem;
	color: #1f2929;
	line-height: 1.5;
	font-weight: 500;
	width: 48%;
}

.FileProperties ul li span {
	font-size: 0.8rem;
	color: #758080;
	line-height: 1.5;
	font-weight: 500;
	width: 52%;
}

.FileProperties ul li span a {
	color: #05b3b4;
}

.HistoryTab {
	border: 1px solid #eff3f3;
}

.HistoryTab+.HistoryTab {
	margin-top: 1.5rem;
}

.HistoryTab ul {
	margin: 0;
	padding: 0;
	list-style: none;
	flex-wrap: wrap;
}

.HistoryTab ul li {
	width: 50%;
}

.HistoryTab ul li+li+li {
	border-top: 1px solid #eff3f3;
}

.HistoryTab ul li a {
	display: block;
	padding: 0.5rem 1rem 0.5rem 2.5rem;
	position: relative;
}

.HistoryTab ul li a strong {
	font-weight: 500;
	color: #758080;
	font-size: 0.8rem;
	line-height: 1.5;
}

.HistoryTab ul li:hover a {
	text-decoration: none;
}

.HistoryTab ul li a i {
	background-repeat: no-repeat;
	background-position: 0 50%;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0.6rem;
	width: 30px;
	height: 16px;
	background-size: auto 16px;
}

.HistoryTab ul li.HistoryDate a i {
	background-image: url(../images/Calendar.svg);
}

.HistoryTab ul li.HistoryDate.active a i,
.HistoryTab ul li.HistoryDate:hover a i {
	background-image: url(../images/CalendarHover.svg);
}

.HistoryTab ul li.HistoryTime a i {
	background-image: url(../images/Clock.svg);
}

.HistoryTab ul li.HistoryTime.active a i,
.HistoryTab ul li.HistoryTime:hover a i {
	background-image: url(../images/ClockHover.svg);
}

.HistoryTab ul li.HistoryView a i {
	background-image: url(../images/Eye.svg);
	background-position: 6px 50%;
}

.HistoryTab ul li.HistoryView.active a i,
.HistoryTab ul li.HistoryView:hover a i {
	background-image: url(../images/EyeHover.svg);
}

.HistoryTab ul li.HistoryMe a i {
	background-image: url(../images/Me.svg);
}

.HistoryTab ul li.HistoryMe.active a i,
.HistoryTab ul li.HistoryMe:hover a i {
	background-image: url(../images/MeHover.svg);
}

.HistoryTab ul li.HistoryLocation a i {
	background-image: url(../images/Location.svg);
	background-position: 2px 50%;
}

.HistoryTab ul li.HistoryLocation.active a i,
.HistoryTab ul li.HistoryLocation:hover a i {
	background-image: url(../images/LocationHover.svg);
}

.HistoryTab ul li.HistoryWeb a i {
	background-image: url(../images/WebUk.svg);
}

.HistoryTab ul li.HistoryWeb.active a i,
.HistoryTab ul li.HistoryWeb:hover a i {
	background-image: url(../images/WebUkHover.svg);
}

.HistoryTab ul li.HistoryEdited a i {
	background-image: url(../images/Edit.svg);
}

.HistoryTab ul li.HistoryEdited.active a i,
.HistoryTab ul li.HistoryEdited:hover a i {
	background-image: url(../images/EditHover.svg);
}

.MultiAction {
	margin: -1rem -1rem 0;
	padding: 1px;
}

.MultiActionFolder {
	background: #e7ebeb;
	border-radius: 0 0 10px 10px;
	padding: 0.7rem 1rem 0.5rem;
	min-width: 270px;
}

.MultiActionFolder ul {
	margin: 0;
	padding: 0;
	list-style: none;
	justify-content: space-between;
	align-items: end;
}

.MultiActionFolder ul li a {
	display: block;
	text-align: center;
}

.MultiActionFolder ul li a img {
	vertical-align: top;
}

.MultiActionFolder ul li a span {
	font-size: 0.8rem;
	font-weight: 400;
	margin-top: 0.1rem;
}

.MultiActionFolder ul li a strong {
	color: #758080;
	font-size: 0.75rem;
	line-height: 1.5;
	font-weight: 400;
}

.MultiActionFolder ul li.BigPLus {
	display: flex;
	align-items: center;
}

.MultiActionFolder ul li.BigPLus a img {
	height: 20px;
	margin: 0 auto;
}

.MultiActionFolder ul li.active a strong,
.MultiActionFolder ul li:hover a,
.MultiActionFolder ul li:hover a strong {
	color: #05b3b4;
	text-decoration: none;
}

.MultiActionFolder ul li a i {
	display: block;
	height: 20px;
	width: 20px;
	background-size: auto 17px;
	background-position: center 0;
	background-repeat: no-repeat;
	margin: 0 auto;
	transition: ease-in-out 0.5s;
}

.MultiActionFolder ul li.active a i,
.MultiActionFolder ul li:hover a i {
	transform: rotate(-180deg);
}

.MultiActionFolder ul li.ActionsFolder a i {
	background-image: url(../images/Folder.svg);
}

body.tablet-view.FolderCarouselBody .GroupAction,
body.tablet-view.ActionsTagsBody .GroupAction {
	display: flex !important;
}

body.tablet-view .GroupAction {
	display: none !important;
}

.FolderCarouselBody ul li.ActionsFolder a strong {
	color: #05b3b4;
}

.FolderCarouselBody ul li.ActionsFolder a i,
.MultiActionFolder ul li.ActionsFolder:hover a i {
	background-image: url(../images/FolderHover.svg);
	transform: rotate(-180deg);
}

.MultiActionFolder ul li.ActionsSubFolder a i {
	background-image: url(../images/SubFolder.svg);
}

.FolderSubCarouselBody ul li.ActionsSubFolder a strong {
	color: #05b3b4;
}

.FolderSubCarouselBody .MultiActionFolder ul li.ActionsSubFolder a i,
.MultiActionFolder ul li.ActionsSubFolder:hover a i {
	background-image: url(../images/SubFolderHover.svg);
	transform: rotate(-180deg);
}

.MultiActionFolder ul li.ActionsGroup a i {
	background-image: url(../images/Group.svg);
}

.GroupCarouselBody ul li.ActionsGroup a strong {
	color: #05b3b4;
}

.GroupCarouselBody ul li.ActionsGroup a i,
.MultiActionFolder ul li.ActionsGroup:hover a i {
	background-image: url(../images/GroupHover.svg);
	transform: rotate(-180deg);
}

.MultiActionFolder ul li.ActionsSubGroup a i {
	background-image: url(../images/SubGroup.svg);
}

.SubGroupCarouselBody ul li.ActionsSubGroup a strong {
	color: #05b3b4;
}

.SubGroupCarouselBody ul li.ActionsSubGroup a i,
.MultiActionFolder ul li.ActionsSubGroup:hover a i {
	background-image: url(../images/SubGroupHover.svg);
	transform: rotate(-180deg);
}

.MultiActionFolder ul li.ActionsTags a i {
	background-image: url(../images/Tags.svg);
}

.ActionsTagsBody ul li.ActionsTags a strong {
	color: #05b3b4;
}

.ActionsTagsBody ul li.ActionsTags a i,
.MultiActionFolder ul li.ActionsTags:hover a i {
	background-image: url(../images/TagsHover.svg);
	transform: rotate(-180deg);
}

/* BDP 30-07-2021 */
.MultiActionFolder ul li.ActionsTimeline a i {
	background-image: url(../images/List.svg);
}

.MultiActionFolder ul li.ActionsViewAllFiles a i {
	background-image: url(../images/view-all-files.svg);
}

.ActionsTimelineBody ul li.ActionsTimeline a i,
.MultiActionFolder ul li.ActionsTimeline:hover a i {
	background-image: url(../images/ListHover.svg);
	transform: rotate(-180deg);
}

.ActionsTimelineBody ul li.ActionsViewAllFiles a i,
.MultiActionFolder ul li.ActionsViewAllFiles:hover a i {
	background-image: url(../images/view-all-files-hover.svg);
	transform: rotate(-180deg);
}

.ActionTimelineView:before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 100%;
	height: 1px;
	background: #c8eeef;
}

.ActionTimelineView span {
	background: #fff;
	padding: 0.1rem 2rem;
	color: #05b3b4;
	font-size: 0.9rem;
	line-height: 1.5;
	position: relative;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}

.ActionTimelineView span:hover {
	color: #1f2929;
}

.ActionTimeline {
	margin-bottom: 0px;
}

.ActionTimelineView {
	position: relative;
	text-align: center;
}

.ActionsTimelineBody ul li.ActionsTimeline a strong {
	color: #05b3b4;
}

/* BDP 30-07-2021 */

.CategoryAction {
	/* padding: 1rem 0; */
	width: calc(100% - 670px);
}

.CategoryAction.multiaction-slider {
	width: calc(100% - 715px);
}

.CategoryAction ul {
	margin: 0;
	list-style: none;
	align-items: center;
}

.CategoryAction ul li a {
	position: relative;
	/* padding: 0 0 0 1.2rem; */
	white-space: nowrap;
}

.CategoryAction ul li a img {
	width: 20px !important;
	height: 20px !important;
	object-fit: contain;
	object-position: center;
}

.CategoryAction ul li a strong {
	color: #758080;
	font-size: 0.8rem;
	font-weight: 400;
	line-height: 1.5;
}

.CategoryAction ul li a:hover,
.CategoryAction ul li a:hover strong {
	color: #05b3b4;
	text-decoration: none;
}

.CategoryAction ul li a i {
	position: absolute;
	top: 50%;
	left: -20px;
	transform: translateY(-50%);
	background-repeat: no-repeat;
	background-position: 0 50%;
	width: 16px;
	height: 20px;
	display: block;
	background-size: 16px auto;
}

.CategoryAction ul li.FavouritesCategory a i {
	background-image: url(../images/Favourite.svg);
}

.CategoryAction ul li.FavouritesCategory a:hover i,
.CategoryAction ul li.FavouritesCategory.active a i {
	background-image: url(../images/FavouriteHover.svg);
}

.CategoryAction ul li.CategoryDataAnalytics a i {
	/*background-image: url(../images/DataAnalytics.svg);*/
	background-image: attr(data-image);
}

.CategoryAction ul li.CategoryDataAnalytics a:hover i,
.CategoryAction ul li.CategoryDataAnalytics.active a i {
	background-image: url(../images/DataAnalyticsHover.svg);
}

.CategoryAction ul li.CategoryStrategy a i {
	background-image: url(../images/Strategy.svg);
}

.CategoryAction ul li.CategoryStrategy a:hover i,
.CategoryAction ul li.CategoryStrategy.active a i {
	background-image: url(../images/StrategyHover.svg);
}

.CategoryAction ul li.CategoryRota a i {
	background-image: url(../images/Rota.svg);
}

.CategoryAction ul li.CategoryRota a:hover i,
.CategoryAction ul li.CategoryRota.active a i {
	background-image: url(../images/RotaHover.svg);
}

.CategoryAction .flexslider {
	border: 0;
	margin: 0;
	width: calc(100% - 100px);
	padding: 0 2rem;
	display: flex;
	align-items: center;
}

.CategoryAction .flexslider.carousel .flex-viewport {
	z-index: 1;
}

.CategoryAction .flexslider.carousel ul {
	display: flex;
}

.CategoryAction .flex-control-nav.flex-control-paging {
	display: none;
}

.CategoryAction .flex-direction-nav {
	position: absolute;
	margin: -5px 0 0;
	width: 10px;
	height: 16px;
	padding: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	left: 0;
}

.CategoryAction .flex-direction-nav li {
	margin: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.CategoryAction .flex-direction-nav li a {
	background: url(../images/Arrow.svg) no-repeat 0 0;
	width: 10px;
	height: 16px;
	display: block;
	font-size: 0;
	padding: 0;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	left: auto;
	right: auto;
	opacity: 1 !important;
	cursor: pointer;
}

.CategoryAction .flex-direction-nav li a:hover {
	background: url(../images/ArrowHover.svg) no-repeat 0 0;
}

.CategoryAction .flex-direction-nav .flex-nav-prev a,
.CategoryAction .flex-direction-nav .flex-nav-prev {
	left: 10px;
	right: auto;
}

.CategoryAction .flex-direction-nav .flex-nav-next a,
.CategoryAction .flex-direction-nav .flex-nav-next {
	left: auto;
	right: 10px;
}

.CategoryAction .flex-direction-nav .flex-nav-next a {
	transform: rotate(-180deg);
}

.CategoryAction .flexslider:hover .flex-direction-nav .flex-prev,
.CategoryAction .flexslider:hover .flex-direction-nav .flex-next {
	opacity: 1;
}

.ActionGroup {
	min-height: 100%;
	display: flex;
	justify-content: left;
	padding-right: 0.2rem;
}

.ActionGroupView {
	position: relative;
	text-align: center;
	display: flex;
	align-items: center;
}

.ActionGroupView span {
	background: #fff;
	padding: 2rem 0.5rem;
	color: #05b3b4;
	font-size: 0.9rem;
	line-height: 1.5;
	position: relative;
	display: inline-block;
	vertical-align: top;
	writing-mode: vertical-rl;
	text-orientation: upright;
	cursor: pointer;
}

.ActionGroupView span:hover {
	color: #1f2929;
}

.ActionGroupView:before {
	content: "";
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	left: 50%;
	width: 1px;
	height: 100%;
	background: #c8eeef;
}

.ActionSubGroup {
	min-height: 100%;
	display: flex;
	justify-content: left;
	padding-right: 0.2rem;
}

.ActionSubGroupView {
	position: relative;
	text-align: center;
	display: flex;
	align-items: center;
}

.ActionSubGroupView span {
	background: #fff;
	padding: 2rem 0.5rem;
	color: #05b3b4;
	font-size: 0.9rem;
	line-height: 1.5;
	position: relative;
	display: inline-block;
	vertical-align: top;
	writing-mode: vertical-rl;
	text-orientation: upright;
	cursor: pointer;
}

.ActionSubGroupView span:hover {
	color: #1f2929;
}

.ActionSubGroupView:before {
	content: "";
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	left: 50%;
	width: 1px;
	height: 100%;
	background: #c8eeef;
}

.ActionHeader {
	width: 100%;
}

.ActionFolderView {
	position: relative;
	text-align: center;
}

.ActionFolderView span {
	background: #fff;
	padding: 0.1rem 2rem;
	color: #05b3b4;
	font-size: 0.9rem;
	line-height: 1.5;
	position: relative;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}

.ActionFolderView span:hover {
	color: #1f2929;
}

.ActionFolderView:before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 100%;
	height: 1px;
	background: #c8eeef;
}

.ActionSubFolder {
	width: 100%;
	margin: 0;
}

.ActionSubFolderView {
	position: relative;
	text-align: center;
}

.ActionSubFolderView span {
	background: #fff;
	padding: 0.1rem 2rem;
	color: #05b3b4;
	font-size: 0.9rem;
	line-height: 1.5;
	position: relative;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}

.ActionSubFolderView span:hover {
	color: #1f2929;
}

.ActionSubFolderView:before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 100%;
	height: 1px;
	background: #c8eeef;
}

.ActionWrapinner {
	width: 100% !important;
	padding: 0;
	/* height: calc(100% - 122px); */
}

.AllFilesWrap {
	height: calc(100vh - 300px);
	min-height: 200px;
}

.AllFilesWrap .mCustomScrollbar {
	height: 100%;
}

.AllFiles {
	background: #f8f9f9;
	border: 1px solid #ffe7b5;
	padding: 1rem;
	border-radius: 6px;
	margin: 0 0 1rem;
}

.AllFiles h4 {
	margin: 0 0 1rem;
	padding: 0;
}

.AllFiles h4 i {
	margin: 0 0.5rem 0 0;
}

.AllFiles h4 span {
	color: #1f2929;
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 600;
}

ul.AllFilesUl {
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.AllFilesUl>li {
	width: 305px;
	margin: 0 0.5rem 0.5rem 0;
	/*min-width:305px;*/
	margin: 0 0.8rem 0.8rem 0;
	width: calc(50% - 0.8rem);
	position: relative;
}

ul.AllFilesUl>li input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin-right: 5px;
	position: absolute;
	top: 5px;
	left: 5px;
}

.ViewActive ul.AllFilesUl>li input[type="checkbox"] {
	position: relative;
	top: 0;
	left: 0;
}

.ViewActive ul.AllFilesUl>li .filedetails-block.selectfiles {
	width: calc(100% - 18px);
}

ul.AllFilesUl>li>.d-flex>a {
	display: flex;
	border: 1px solid #eff3f3;
	background: #fff;
	width: 100%;
	align-items: center;
	min-width: calc(100% - 40px);
	text-decoration: none;
	padding-right: 5px;
}

ul.AllFilesUl>li>.d-flex>a>div {
	width: 100%;
}

body.shared-file-view-wrapper:not(.ViewActive) ul.AllFilesUl>li>.d-flex>a .file-icon {
	width: 125px;
	min-width: 125px;
	height: 125px;
}

body.shared-file-view-wrapper:not(.ViewActive) ul.AllFilesUl>li {
	width: calc(50% - 0.8rem);
}

body.shared-file-view-wrapper ul.AllFilesUl>li>.d-flex>a .file-icon {
	width: 44px;
	min-width: 44px;
	height: 44px;
}

ul.AllFilesUl>li>.d-flex>a .file-icon {
	width: 125px;
	min-width: 125px;
	height: 125px;
	border-right: 1px solid #eff3f3;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

ul.AllFilesUl>li>.d-flex.filedetails-block:hover>a .file-icon {
	border-color: #05b3b4;
}

ul.AllFilesUl>li>.d-flex>a i img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	padding: 10px;
	object-fit: cover;
}

.ViewActive ul.AllFilesUl>li>.d-flex>a .file-icon {
	width: 45px;
	min-width: 45px;
}

.ViewActive ul.AllFilesUl>li>.d-flex>a i img {
	width: 22px;
	padding: 0px;
}

body.ViewActive.shared-file-view-wrapper ul.AllFilesUl>li>.d-flex>a i img,
body.ViewActive.shared-file-view-wrapper ul.AllFilesUl>li>.d-flex>a .file-icon {
	width: 22px !important;
	height: 22px;
}

body:not(.ViewActive).shared-file-view-wrapper img.icon-padding {
	padding: 0.6rem !important;
}

ul.AllFilesUl>li>.d-flex>a span {
	font-size: 0.85rem;
	color: #758080;
	line-height: 1.5;
	font-weight: 400;
	padding: 0.3rem 0 0.3rem 1rem;
	width: calc(100% - 55px);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

ul.AllFilesUl>li>.d-flex>a:hover span {
	color: #05b3b4;
	text-decoration: none;
}

ul.AllFilesUl>li>.d-flex.filedetails-block:hover>a {
	border: 1px solid #05b3b4;
	text-decoration: none;
}

ul.AllFilesUl>li>.d-flex.filedetails-block:hover>a i {
	border-color: #05b3b4;
}

.AllFilesWrap .mCustomScrollbar.FileDropdown {
	height: 350px;
}

.FileDropdown .mCSB_inside>.mCSB_container {
	margin-right: 9px;
}

ul.AllFilesUl>li:hover .FileDropdown {
	display: block;
}

.FileDropdown {
	display: none;
	margin: 0;
	padding: 0;
	border: 1px solid #eff3f3;
	position: absolute;
	top: 100%;
	left: 60%;
	z-index: 1;
	background: #fff;
	width: 290px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.FileDropdown ul>li {
	display: block;
}

.FileDropdown ul>li>a {
	color: #758080;
	font-size: 0.8rem;
	line-height: 1.5;
	display: block;
}

.FileDropdown ul>li>a>i {
	padding: 0.7rem 0.1rem 0.6rem 1.2rem;
	display: inline-block;
	vertical-align: top;
	font-size: 0.9rem;
	font-style: normal;
}

.FileDropdown ul>li>a>span {
	padding: 0.7rem 0.7rem 0.6rem;
	display: inline-block;
	vertical-align: top;
	font-size: 0.9rem;
}

.FileDropdown ul>li+li {
	border-top: 1px solid #eff3f3;
}

.FileDropdown ul>li>a:hover {
	background: #05b3b4;
	text-decoration: none;
	color: #fff;
}

.MultiActionWrap {
	margin: 0 0 0.5rem;
}

.GroupAction {
	padding-right: 0;
	max-height: 790px;
	transition: all 0.45s;
	transform: translateX(-10px);
	min-width: 20px;
	margin-bottom: 0.8rem;
}

.ActionsTagsBody .GroupAction {
	opacity: 1;
	transform: translateX(0px);
}

#TimeLine {
	width: calc(100% - 40px);
}

.FileTimeLine {
	width: 100%;
	margin-left: auto;
}

.TimeLine {
	/* border-radius: 6px;
	border: 1px solid #EFF3F3; */
	max-height: 197px;
}

.TimeLineHead {
	/* border-bottom: 1px solid #EFF3F3; */
	padding: 0.5rem 0;
	align-items: center;
}

.TimeLineHead h4 {
	margin: 0 1.5rem 0 0;
}

.TimeLineHead a {
	color: #b1bebe;
	text-decoration: none;
	line-height: 1.5;
}

.TimeLineHead span {
	padding: 0 1rem;
	color: #b4c0c0;
	font-size: 0.6rem;
	line-height: 1.5;
}

.TimeLineHead a:hover {
	color: #05b3b4;
}

.TimeLineBody {
	position: relative;
	margin: 1rem;
	width: calc(100% - 4rem);
}

.TimeLineArrow {
	width: 100%;
	padding: 0 0.5rem;
}

.TimeLineBody.timeline-arrow:before {
	content: "";
	background: #758080;
	height: 3px;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	transform: translateY(-50%);
}

.TimeLineArrow:after,
.TimeLineArrow:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -4px;
	right: auto;
	width: 10px;
	height: 16px;
	display: block;
	margin: -8px 0 0;
}

.TimeLineArrow:after {
	background: url(../images/Arrow.svg) no-repeat 0 0;
}

.TimeLineArrow:before {
	content: "";
	background: url(../images/Arrow.svg) no-repeat 0 0;
	left: auto;
	right: -3px;
	transform: rotate(-180deg);
}

.TimeLineBody ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	justify-content: space-between;
}

.TimeLineBody ul li {
	display: inline-block;
	vertical-align: top;
}

.TimeLineBody ul li .TimeLineBox {
	padding: 0 1.5rem;
}

.TimeLineBody ul li .TimeLineBox .TimeLineHistroy {
	text-align: center;
}

.TimeYear {
	/* padding: 1.188rem 0 0; */
	text-align: center;
}

.TimeYear h4 {
	margin: 0;
	padding: 0;
	display: block;
	color: #758080;
	font-size: 0.9rem;
	line-height: 1.5;
	font-weight: 500;
	min-width: 40px;
	cursor: pointer;
}

.TimeYear h4:hover {
	color: #05b3b4;
}

.TimeLineBody ul li .TimeLineBox .TimeLineHistroy strong {
	width: 40px;
	height: 40px;
	background: #05b3b4;
	border-radius: 100px;
	text-align: center;
	line-height: 40px;
	font-weight: 500;
	font-size: 0.9rem;
	color: #fff;
	display: block;
	cursor: pointer;
}

.HistoryPoint {
	margin: 0.5rem 0.9rem;
	display: block;
	width: 10px;
	height: 10px;
	background: #05b3b4;
	border: 2px solid #fff;
	border-radius: 100px;
	position: relative;
}

.TimeLineBox.Active .TimeYear h4 {
	color: #05b3b4;
}

.TimeLineBody .TimeLineBox.Active {
	padding-right: 0;
}

.TimeAction {
	display: none;
}

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

.TimeAction ul li {
	color: #05b3b4;
	font-size: 0.8rem;
	line-height: 1.5;
	font-weight: 400;
	position: relative;
	padding: 0 0 0 0.6rem;
}

.TimeAction ul li:before {
	content: "";
	display: block;
	background: url(../images/ArrowHover.svg) no-repeat 0 0;
	width: 5px;
	height: 8px;
	transform: rotate(180deg);
	background-size: 5px auto;
	position: absolute;
	left: 0;
	margin-top: -4px;
	top: 50%;
}

.TimeAction ul li+li {
	margin-left: 1rem;
}

.Active .TimeAction {
	display: block;
	padding: 0 0 0 1rem;
}

.MetaData {
	margin-top: 2rem;
}

.MetaData ul {
	margin: 0 -15px;
	padding: 0;
	list-style: none;
}

.MetaData ul li {
	width: 33.33%;
	padding: 0 15px;
}

.MetaDataBox {
	background: #fff;
	border-radius: 6px;
}

.MetaDataBox.Active {
	height: 100%;
}

.MetaDataBoxHead {
	padding: 1rem;
	cursor: pointer;
}

.MetaDataBoxHead h4 {
	margin: 0;
	padding: 0;
	display: block;
	line-height: 1.5;
	position: relative;
}

.MetaDataBoxHead h4 i {
	background: url(../images/MetaData.svg) no-repeat 0 0;
	display: block;
	width: 16px;
	height: 19px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.Active .MetaDataBoxHead h4,
.MetaDataBoxHead:hover h4 {
	color: #05b3b4;
}

.Active .MetaDataBoxHead h4 i {
	background: url(../images/MetaDataHover.svg) no-repeat 0 0;
}

.MetaDataBox.Active .MetaDataBoxBody {
	display: block;
}

.MetaDataBoxBody .form-group.NoIcon {
	padding: 0;
	margin: 0 0 1.2rem;
}

.MetaDataBoxBody .form-control {
	padding: 0.1rem 0 0.6rem 0;
}

.MetaDataBoxBody>.d-flex {
	flex-wrap: wrap;
	padding: 0 0.5rem;
	max-height: 450px;
	overflow-y: auto;
}

.ChangePermissions .form-group input[type="radio"]+label {
	background: #b1bebe;
	border-radius: 4px;
	padding: 0.1rem 0.5rem;
	font-size: 0.8rem;
	color: #fff;
	min-width: 50px;
	text-align: center;
}

.ChangePermissions .form-group input[type="radio"]+label:before {
	display: none;
}

.ChangePermissions .Checkbox .form-group {
	margin: 0 1rem 0 0;
}

.ChangePermissions .Checkbox {
	padding-bottom: 5px;
}

.ChangePermissions .form-group input[type="radio"]:checked+label {
	background: #05b3b4;
}

.ChangePermissions .form-group input[type="radio"]:checked+label:after {
	display: none;
}

.GroupCarouselBody .ActionGroupInfo {
	display: block;
}

.GroupCarouselBody .ActionGroupView {
	display: none;
}

.ActionGroupInfo {
	display: none;
}

.ActionSubGroupInfo {
	display: none;
}

.SubGroupCarouselBody .ActionSubGroupInfo {
	display: block;
	padding: 0 1rem;
}

.SubGroupCarouselBody .ActionSubGroupView {
	display: none;
}

.ActionSubGroupInfo h4 {
	color: #768888;
}

.ActionFoldersGroup,
.ActionSubFoldersGroup,
.ActionTagsGroup {
	min-height: 100%;
	display: flex;
	justify-content: left;
	padding-right: 0.4rem;
}

.ActionFolderView,
.ActionSubFolderView,
.ActionTagsView {
	position: relative;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ActionFolderView span,
.ActionSubFolderView span,
.ActionTagsView span {
	background: #fff;
	padding: 2rem 0.3rem;
	color: #05b3b4;
	font-size: 0.9rem;
	line-height: 1.5;
	position: relative;
	display: inline-block;
	vertical-align: top;
	writing-mode: vertical-rl;
	text-orientation: upright;
	cursor: pointer;
}

.ActionFolderView span:hover,
.ActionSubFolderView span:hover,
.ActionTagsView span:hover {
	color: #1f2929;
}

.ActionFolderView:before,
.ActionSubFolderView:before,
.ActionTagsView:before {
	content: "";
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	left: 50%;
	width: 1.1px;
	height: 100%;
	background: #c8eeef;
}

.ActionFoldersInfo,
.ActionSubFoldersInfo,
.ActionTagsInfo {
	opacity: 0;
	visibility: hidden;
	transform: translateX(-100px);
	width: 0;
}

.FolderCarouselBody .ActionFoldersInfo,
.FolderSubCarouselBody .ActionSubFoldersInfo,
.ActionsTagsBody .ActionTagsInfo {
	transition: 0.5s;
	opacity: 1;
	visibility: visible;
	transform: translateX(0px);
	width: auto;
}

.FolderCarouselBody .ActionFolderView,
.FolderSubCarouselBody .ActionSubFolderView,
.ActionsTagsBody .ActionTagsView {
	display: none;
}

.FolderCarouselBody .ActionFoldersInfo,
.FolderSubCarouselBody .ActionSubFoldersInfo,
.ActionsTagsBody .ActionInfo {
	display: block;
}

.FolderCarouselBody .ActionFoldersInfo h4,
.FolderSubCarouselBody .ActionSubFoldersInfo h4,
.ActionsTagsBody .ActionTagsInfo h4 {
	font-style: italic;
	color: #768888;
}

.ActionFoldersInfo .form-group,
.ActionSubFoldersInfo .form-group,
.ActionTagsInfo .form-group {
	margin: 0;
}

.ActionFoldersInfo .form-group,
.ActionSubFoldersInfo .form-group,
.ActionTagsInfo .form-group {
	border-bottom: 0;
	position: relative;
	padding: 8px;
	margin: 0;
	line-height: 0.75;
}

.ActionTagsInfo .form-group input[type="checkbox"],
.ActionFoldersInfo .form-group input[type="checkbox"] {
	position: absolute;
}

.ActionFoldersInfo .form-group input[type="radio"]+label,
.ActionFoldersInfo .form-group input[type="checkbox"]+label,
.ActionSubFoldersInfo .form-group input[type="radio"]+label,
.ActionSubFoldersInfo .form-group input[type="checkbox"]+label,
.ActionTagsInfo .form-group input[type="radio"]+label,
.ActionTagsInfo .form-group input[type="checkbox"]+label {
	padding: 0 0 0 2.3rem;
	color: #758080;
	font-size: 0.85rem;
	font-weight: 500;
}

.ActionFoldersInfo .CommonGroupInfo,
.ActionSubFoldersInfo .CommonGroupInfo,
.ActionTagsInfo .CommonGroupInfo {
	height: auto;
	max-height: 510px;
	margin-left: -13px;
}

.vertical-folder-load-wrapper .ActionFoldersInfo span,
.vertical-sub-folder-load-wrapper .ActionSubFoldersInfo span,
.tag-load-wrapper .ActionTagsInfo span {
	color: #05b3b4;
	font-size: 0.9rem;
	font-style: normal;
	margin-top: 4px;
	margin-bottom: 8px;
	display: inline-block;
}

body.FolderCarouselBody .ActionWrapinner .GroupAction {
	margin-left: 0.5rem !important;
	margin-left: 5px !important;
}

.ActionsSubFolderInfo span,
.ActionsFolderInfo span {
	margin: 0;
	min-width: 130px;
}

a.selectall-btn {
	padding: 8px 6px;
	margin-right: 25px;
	background: #05b3b4;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	width: 100px;
	font-size: 12px;
}

.ActionsSubFolderInfo,
.ActionsFolderInfo {
	display: none;
}

.FolderCarouselBody .ActionFolderView,
.FolderSubCarouselBody .ActionSubFolderView {
	display: none;
}

.FolderSubCarouselBody .ActionsSubFolderInfo,
.FolderCarouselBody .ActionsFolderInfo {
	padding: 0;
	position: relative;
	display: flex;
	align-items: center;
}

.FolderSubCarouselBody .ActionsSubFolderInfo ul.slides li,
.FolderCarouselBody .ActionsFolderInfo ul.slides li {
	min-width: 150px;
}

.FolderAction {
	margin: 0.5rem 0;
	/* border-bottom: 1px solid #eff3f3; */
	margin-bottom: 0px;
}

.FolderCarouselBody .vertical-sub-folder-load-wrapper {
	display: none;
}

.FolderCarouselBody.FolderSubCarouselBody .vertical-sub-folder-load-wrapper {
	display: block;
}

/* .ActionFolder {
	margin-bottom: 1rem;
} */

.FolderAction .CommonGroupInfo .flex-viewport {
	min-height: inherit;
}

.FolderAction .CommonGroupInfo ul>li+li {
	border-top: 0;
	border-left: 1px solid #eff3f3;
}

.FolderAction .CommonGroupInfo .flex-direction-nav {
	position: absolute;
	left: 0;
	transform: translateY(-50%);
	top: 50%;
	width: 100%;
	height: auto;
}

.FolderAction .CommonGroupInfo .flex-nav-prev a {
	left: 0;
	transform: rotate(-180deg);
}

.FolderAction .CommonGroupInfo .flex-nav-next a {
	right: -14px;
	left: auto;
	transform: rotate(-180deg);
}

.FolderSubCarouselBody .ActionsSubFolderInfo {
	display: flex;
	align-items: center;
	width: 100%;
}

.FolderSubCarouselBody .ActionSubFolderView {
	display: none;
}

.FolderAction .mCSB_scrollTools .mCSB_buttonLeft {
	background-color: #eff3f3;
	width: 28px !important;
	height: 28px !important;
	border-radius: 100px;
	top: -33px;
	left: -15px !important;
	opacity: 1;
	right: auto !important;
}

.FolderAction .mCSB_scrollTools .mCSB_buttonLeft:before {
	content: "";
	background-image: url(../images/Arrow.svg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	width: 8px;
	height: 14px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -7px 0 0 -4px;
	background-size: 8px auto;
}

.FolderAction .mCSB_scrollTools .mCSB_buttonLeft:hover:before {
	background-image: url(../images/ArrowHoverWhite.svg);
}

.FolderAction .mCSB_scrollTools .mCSB_buttonLeft:hover {
	opacity: 1 !important;
	background-color: #05b3b4;
}

.FolderAction .mCSB_scrollTools .mCSB_buttonRight:hover {
	opacity: 1 !important;
	background-color: #05b3b4;
}

.FolderAction .mCSB_scrollTools .mCSB_buttonRight {
	background-color: #eff3f3;
	width: 28px !important;
	height: 28px !important;
	border-radius: 100px;
	display: block;
	top: -33px;
	right: -15px !important;
	opacity: 1;
	left: auto !important;
}

.FolderAction .mCSB_scrollTools .mCSB_buttonRight:before {
	content: "";
	background-image: url(../images/Arrow.svg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	width: 8px;
	height: 14px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -7px 0 0 -4px;
	background-size: 8px auto;
	transform: rotate(-180deg);
}

.FolderAction .mCSB_scrollTools .mCSB_buttonRight:hover:before {
	background-image: url(../images/ArrowHoverWhite.svg);
}

.FolderAction .mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
	margin: 0;
}

.FolderAction .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.FolderAction .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: -13px;
}

.CommonFolderInfo {
	border: 1px solid #eff3f3;
	background: #fff;
	min-width: 120px;
}

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

.CommonFolderInfo ul>li+li {
	border-top: 1px solid #eff3f3;
}

.sub-folder-load-wrapper,
.folder-load-wrapper {
	margin-bottom: 10px;
}

.folder-load-wrapper .ActionsFolderInfo .CommonFolderInfo {
	width: calc(100% - 240px);
	margin-left: 10px;
}

.sub-folder-load-wrapper .ActionsSubFolderInfo .CommonFolderInfo {
	width: calc(100% - 270px);
	margin-left: 10px;
}

.CommonFolderInfo ul>li>a {
	display: block;
	padding: 0.7rem 2rem 0.7rem 2.2rem;
	position: relative;
	white-space: nowrap;
}

.CommonFolderInfo ul>li>a>i {
	position: absolute;
	top: 50%;
	left: 0.8rem;
	background: url(../images/DoubleArrow.svg) no-repeat 0 0;
	display: block;
	width: 11px;
	height: 10px;
	transform: translateY(-50%);
}

.CommonFolderInfo ul>li>a>span {
	color: #758080;
	font-size: 0.85rem;
	font-weight: 500;
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.CommonFolderInfo ul>li:hover a,
.CommonFolderInfo ul>li:hover span {
	background: #eff3f3;
	text-decoration: none;
	color: #05b3b4;
	text-decoration: none;
}

.CommonFolderInfo ul>li:hover i {
	background: url(../images/DoubleArrowHover.svg) no-repeat 0 0;
}

/***** Vertical Carousel ****/
.CommonGroupInfo {
	border: 1px solid #eff3f3;
	background: #fff;
	max-width: 190px;
	/* height: calc(100% - 40px); */
}

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

.CommonGroupInfo ul>li+li {
	border-top: 1px solid #eff3f3;
}

.CommonGroupInfo ul>li>a {
	display: block;
	padding: 0.7rem 2rem 0.7rem 2.2rem;
	position: relative;
}

.CommonGroupInfo ul>li>a>i {
	position: absolute;
	top: 50%;
	left: 0.8rem;
	background: url(../images/DoubleArrow.svg) no-repeat 0 0;
	display: block;
	width: 11px;
	height: 10px;
	transform: translateY(-50%);
}

.CommonGroupInfo ul>li>a>span {
	color: #758080;
	font-size: 0.85rem;
	font-weight: 500;
}

.CommonGroupInfo ul>li:hover a,
.CommonGroupInfo ul>li:hover span {
	background: #eff3f3;
	text-decoration: none;
	color: #05b3b4;
	text-decoration: none;
}

.CommonGroupInfo ul>li:hover i {
	background: url(../images/DoubleArrowHover.svg) no-repeat 0 0;
}

.CommonGroupInfo .mCSB_scrollTools a+.mCSB_draggerContainer {
	margin: 0;
}

.CommonGroupInfo .mCSB_outside+.mCSB_scrollTools {
	right: -9px;
}

.GroupAction .mCSB_scrollTools .mCSB_buttonUp {
	background-color: #eff3f3;
	width: 28px;
	height: 28px;
	border-radius: 100px;
	top: -20px;
	left: -5px;
	opacity: 1;
	right: auto;
	background-image: none;
}

.GroupAction .mCSB_scrollTools .mCSB_buttonUp:before {
	content: "";
	background-image: url(../images/Arrow.svg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	width: 8px;
	height: 14px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -4px;
	background-size: 8px auto;
	transform: rotate(90deg);
}

.GroupAction .mCSB_scrollTools .mCSB_buttonUp:hover:before {
	background-image: url(../images/ArrowHoverWhite.svg);
}

.GroupAction .mCSB_scrollTools .mCSB_buttonUp:hover {
	opacity: 1;
	background-color: #05b3b4;
}

.GroupAction .mCSB_scrollTools .mCSB_buttonDown:hover {
	opacity: 1;
	background-color: #05b3b4;
}

.GroupAction .mCSB_scrollTools .mCSB_buttonDown {
	background-color: #eff3f3;
	width: 28px;
	height: 28px;
	border-radius: 100px;
	top: auto;
	bottom: -20px;
	left: -5px;
	opacity: 1;
	transform: rotate(90deg);
	background-image: none;
}

.GroupAction .mCSB_scrollTools .mCSB_buttonDown:before {
	content: "";
	background-image: url(../images/Arrow.svg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	width: 8px;
	height: 14px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -7px 0 0 -4px;
	background-size: 8px auto;
	transform: rotate(-180deg);
}

.GroupAction .mCSB_scrollTools .mCSB_buttonDown:hover:before {
	background-image: url(../images/ArrowHoverWhite.svg);
}

/***** Vertical Carousel Close ****/

.OpenPreview {
	width: calc(100% - 0px);
}

/* .OpenPreview h4 span {
	color: #05B3B4;
} */

.OpenPreviewBox {
	background: #eff3f3;
	border-top: 3px solid #05b3b4;
	border-radius: 4px;
	/* min-height: 460px; */
	/* height: calc(100% - 30px); */
}

.IAexample {
	margin: 0 0 0 auto;
	width: 32%;
}

.IAexample h4 span {
	color: #8f9797;
}

.UserOnline {
	position: relative;
	margin: 0;
	min-height: 66px;
	padding: 0.5rem 0 0 75px;
}

.UserOnline span {
	background: #eff3f3;
	width: 66px;
	height: 66px;
	display: block;
	border-radius: 100px;
	position: absolute;
	top: 0;
	left: 0;
}

.UserOnline span img {
	width: 66px;
	height: 66px;
	display: block;
	border-radius: 100px;
}

.UserOnline h4 {
	margin: 0;
	padding: 0;
	display: block;
	font-size: 0.95rem;
}

.UserOnline p {
	margin: 0;
	padding: 0;
	display: block;
}

.ChatBox,
.AddChatBox {
	max-height: 240px;
	min-height: 240px;
	padding: 0.5rem 0.5rem 0.5rem 0;
	overflow: auto;
}

.new_todo_add_model .AddChatBox,
.todo_edit_model .ChatBox {
	max-height: 110px !important;
	min-height: 110px !important;
}

.ChatBox ul,
.AddChatBox ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ChatBox ul li,
.AddChatBox ul li {
	margin-bottom: 1rem;
}

.ChatBoxDIV p {
	margin: 0 0 0.3rem;
	padding: 0;
	display: block;
	text-align: left;
	font-size: 0.8rem;
	font-weight: 400;
}

.ChatBoxDIV .d-flex {
	align-items: flex-end;
}

.ChatBoxDIV .d-flex span {
	min-width: 50px;
	height: 50px;
	display: block;
	border-radius: 100px;
	background: #eff3f3;
	margin: 0 1rem 0 0;
}

.ChatBoxDIV .d-flex span img {
	width: 50px;
	height: 50px;
	display: block;
	border-radius: 100px;
}

.ChatBoxMessage {
	border: 1px solid #eff3f3;
	padding: 1rem;
	font-size: 0.8rem;
	font-weight: 400;
	color: #758080;
	line-height: 1.5;
	border-radius: 6px;
	position: relative;
}

.ChatBoxMessage i {
	position: absolute;
	bottom: 0.35rem;
	right: 0.5rem;
}

.ChatBoxMessage i img {
	height: 14px;
}

/* .ActiveUser i {
	right: auto;
	left: .5rem;
} */

.ActiveUser .ChatBoxDIV p {
	text-align: left;
	word-break: break-word;
}

.ActiveUser .ChatBoxDIV .d-flex {
	flex-direction: row-reverse;
}

.ActiveUser .ChatBoxDIV .d-flex span {
	margin: 0 0 0 1rem;
}

.ActiveUser .ChatBoxMessage {
	background: #f4f6f6;
	text-align: left;
}

.CommentSubmit textarea {
	margin: 0 0 0.5rem;
	width: 100%;
	padding: 1rem;
	border: 1px solid #eff3f3;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
	border-radius: 6px;
	resize: none;
	height: 56px;
}

.HistoryTable thead th {
	background: #f4f6f6;
}

.HistoryTable thead th,
.HistoryTable tbody td {
	text-align: center;
}

.ShareWrap {
	align-items: center;
}

.ShareWrap .form-group {
	margin: 0;
}

.ShreCheckbox .form-group {
	margin: 0;
	border: 0;
	padding: 0;
}

.ShreCheckbox .form-group+.form-group {
	margin-left: 1rem;
}

.ShreCheckbox .form-group input[type="radio"]+label,
.ShreCheckbox .form-group input[type="checkbox"]+label {
	padding: 0 0 0 2.3rem;
}

.ShareWrap {
	margin-bottom: 1rem;
}

.ShareWrapBTM {
	margin-top: 1.5rem;
}

.ShareWrapBTM .PasswordCode {
	background: url(../images/password.svg) no-repeat 0 0 / auto 26px;
	display: block;
	color: #758080;
	line-height: 26px;
	padding-left: 2.2rem;
	margin-right: 3rem;
}

.ShareWrapBTM .PasswordCode:hover {
	background: url(../images/PasswordHover.svg) no-repeat 0 0 / auto 26px;
}

.SharedWith {
	margin-top: 2rem;
}

.SharedWith h3 {
	margin: 0 0 1rem;
}

.SharedWith .InviteHead {
	flex-wrap: wrap;
	padding: 0;
}

.SharedWith .InviteBox {
	padding: 0 0 0.5rem;
	margin: 0 0 1rem;
}

.SharedWith .InviteHead h6 {
	margin: 0 1.5rem 0 0;
}

.SharedWith .InviteCheckbox {
	padding: 0.5rem 0 0;
	justify-content: space-between;
	width: 100%;
}

.SharedWith .InviteCheckbox .form-group {
	padding: 0 0 0 2.8rem;
}

#PasswordCode .modal-dialog {
	max-width: 540px;
}

#PasswordCode .form-group {
	margin-bottom: 1.5rem;
}

.PasswordCodeBTM {
	padding: 0 0 1rem;
}

.PasswordCodeBTM a {
	text-decoration: underline;
	color: #758080;
}

.PasswordCodeBTM a:hover {
	text-decoration: none;
}

#Permissions .SharedWith {
	margin-top: 0;
}

#Permissions .SharedWith .InviteBox {
	margin: 0 -1.8rem 1.3rem;
	padding: 0 1.8rem 1rem;
	border-bottom: 1px solid #cecece;
}

.CustomPermissions {
	margin: 2rem 0 0;
}

.CustomPermissions h4 {
	color: #05b3b4;
}

.CustomPermissions .form-group {
	padding: 0;
	margin: 0;
	border: 0;
}

.CustomPermissions .border-btm {
	padding-bottom: 1rem;
	margin: 0 0 1rem;
	border-bottom: 1px solid #eff3f3;
}

.CustomPermissions .border-btm .col-md-6 {
	padding: 0;
	margin: 0.2rem 0;
}

.WayneHarvey .form-group {
	border: 0;
	margin: 0;
}

.WayneHarvey h4 {
	color: #758080;
	font-size: 0.8rem;
	margin: 0 4rem 0 0;
}

.WayneHarvey {
	border-bottom: 1px solid #eff3f3;
	margin: 0 0 1rem;
	padding: 0 0 1rem;
}

.CompareNotification {
	text-align: center;
	padding: 0 0 0.5rem;
}

.CompareNotification p {
	margin: 0;
	padding: 0;
	line-height: 1.5;
	color: #1f2929;
	font-size: 1rem;
	font-weight: 500;
}

.CompareNotification p a {
	color: #05b3b4;
	text-decoration: underline;
}

.CompareNotification p a:hover {
	text-decoration: none;
}

.AlertsPlan {
	margin: 0 0 2rem;
}

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

.AlertsPlan ul li label {
	color: #758080;
	font-size: 0.9rem;
	line-height: 40px;
	margin: 0;
}

.AlertsPlan-01 {
	width: 180px;
	text-align: right;
	padding-right: 2rem;
}

.AlertsPlan-02 {
	width: 160px;
}

.AlertsPlan-03 {
	width: 160px;
}

.AlertsPlan-02 label,
.AlertsPlan-03 label {
	text-align: center;
	display: block;
}

.AlertsPlan ul li .form-group {
	border: 1px solid #eff3f3;
	margin: 0;
	padding: 0;
}

.AlertsPlan ul li .bootstrap-select button.btn {
	min-width: 100%;
	padding: 0.7rem 1rem 0.838rem;
}

.AlertsPlan ul li .dropdown-item {
	padding-left: 1rem;
	padding-right: 1rem;
}

.FullUpload {
	display: block;
	margin: 1rem 0 1rem;
}

.FullUpload h5 {
	margin: 0 0 1rem;
	padding: 0;
	display: block;
	color: #1f2929;
	font-size: 0.9rem;
	line-height: 1.5;
}

.FullUpload h5 i {
	margin-left: 1rem;
}

.DragFile h6 {
	margin: 0 0 0.5rem;
	padding: 0;
	display: block;
	color: #758080;
	font-size: 0.9rem;
}

.DragFile .form-group {
	border: 1px solid #eff3f3;
	padding: 0.7rem 0.7rem 0.7rem 4rem;
}

.DragFile .InputIcon {
	left: 25px;
}

.DragFile .inputfile+label {
	font-weight: 400;
	font-size: 0.85rem;
}

i.AddElement img {
	width: 16px;
}

.SetPermission h6 {
	margin: 0 0 0.185rem;
}

.SetPermission .Checkbox {
	border-bottom: 1px solid #eff3f3;
}

.form-group.NoIcon {
	padding: 0;
}

.CreateLink {
	padding: 0.55rem 0;
}

.CreateLink a {
	color: #05b3b4;
	font-size: 0.9rem;
	padding: 0;
	margin: 0;
}

.CreateLink a i {
	margin-right: 0.3rem;
}

.UseDefaults {
	border: 1px solid #ffc651;
	padding: 1.5rem;
	height: 100%;
	flex-direction: column;
	justify-content: space-between;
	display: flex;
}

.UseDefaults h4 {
	margin: 0;
	padding: 0;
	display: block;
	text-align: center;
}

.UseDefaultBTN {
	text-align: center;
}

.UseDefaultBTN button {
	max-width: 250px;
	width: 100%;
}

.StatsWrap {
	margin: 0 0 1.5rem;
}

.StatsHead {
	margin: 0 0 0.5rem;
}

.StatsHead h4 {
	margin: 0 1rem 0 0;
	font-size: 0.95rem;
}

.StatsHead a {
	font-size: 0.95rem;
	color: #05b3b4;
	text-decoration: underline;
}

.StatsHead a:hover {
	text-decoration: none;
}

.SortBy p {
	margin: 0;
	text-decoration: none;
	color: #758080;
	font-size: 0.8rem;
	font-weight: 500;
	line-height: 1.5;
	background: url(../images/DownSort.svg) no-repeat right 100%;
	padding: 0 0.8rem 0 0;
}

.SortBy-arrowchanges p {
	background: none !important;
	padding: 0px !important;
}

.SortBy-arrowchanges img {
	transform: rotate(180deg);
	margin-left: 10px;
}

.SortBy-arrowchanges.abc img {
	transform: rotate(0deg);
}

.StatsCarousel {
	border: 1px solid #eff3f3;
	border-radius: 6px;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.08);
}

.StatsCarousel h5 {
	margin: 0;
}

.StatsCarousel h6 {
	font-size: 0.8rem;
	margin: 0;
	display: block;
}

.StatsCarousel ul.slides li {
	padding: 0.7rem 1.5rem;
}

.StatsCarousel ul.slides li+li {
	border-left: 1px solid #eff3f3;
}

.StatsCarousel .flex-control-nav {
	display: none;
}

.StatsCarousel .flex-direction-nav {
	position: absolute;
	left: 0;
	transform: translateY(-50%);
	top: 50%;
	width: 100%;
	height: auto;
}

.StatsCarousel .flex-nav-prev a,
.StatsCarousel .flex-nav-next a {
	font-size: 0;
	position: absolute;
	top: auto;
	bottom: auto;
	background: #eff3f3;
	width: 28px;
	height: 28px;
	z-index: 0;
	margin: -14px 0 0 0;
	display: block;
	opacity: 1 !important;
	border-radius: 100px;
	top: 50%;
	transform: rotate(-90deg);
	left: -14px;
}

.StatsCarousel .flex-nav-prev a:before,
.StatsCarousel .flex-nav-next a:before {
	content: "";
	background-image: url(../images/Arrow.svg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	width: 8px;
	height: 14px;
	position: absolute;
	top: 50%;
	left: 50%;
	background-size: 8px auto;
	margin: -7px 0 0 -4px;
	transform: rotate(90deg);
}

.StatsCarousel .flex-nav-prev a:hover:before,
.StatsCarousel .flex-nav-next a:hover:before {
	background-image: url(../images/ArrowHoverWhite.svg);
}

.StatsCarousel .flex-nav-prev a:hover,
.StatsCarousel .flex-nav-next a:hover {
	background: #05b3b4;
}

.StatsCarousel .flex-nav-next .flex-next {
	right: -14px;
	left: auto;
	transform: rotate(90deg);
}

.SharedDocs {
	border-top: 1px solid #eff3f3;
	border-bottom: 1px solid #eff3f3;
	padding: 1.4rem 1.5rem 2rem;
	margin: 0 -1.5rem 1.5rem;
}

.GoChat {
	border-left: 1px solid #e6e6e6;
	padding: .7rem;
	/* margin: ; */
	line-height: 1.5;
}

.GoChat a {
	color: #05b3b4;
	text-decoration: none;
	font-weight: 500;
	font-size: 0.8rem;
}

.GoChat a:hover {
	color: #1f2929;
}

.taggedNotify li {
	padding: 10px 15px;
	background: #eff3f3;
	margin-bottom: 15px;
	border-radius: 10px;
}

.sharedNotify li {
	padding: 10px 15px;
	background: #eff3f3;
	margin-bottom: 15px;
	border-radius: 10px;
}

.addedNotify li,
.taskAssignNotify li {
	padding: 10px 15px;
	background: #eff3f3;
	margin-bottom: 15px;
	border-radius: 10px;
}

.Mentioned {
	border-top: 1px solid #eff3f3;
	padding: 1.4rem 1.5rem 0;
	margin: 0 -1.5rem 0.5rem;
}

.MentionedHead {
	margin: 0 0 0.5rem;
}

.MentionedHead h4 {
	margin: 0 1rem 0 0;
}

.MentionedBody {
	border: 1px solid #eff3f3;
	border-radius: 6px;
	padding: 0.7rem 1.5rem;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.08);
}

.MentionedDiv {
	width: 95%;
}

div.altpg-div {
	max-width: 93%;
	word-break: break-all;
}

.MentionedBody ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	text-overflow: ellipsis;
}

.MentionedBody h6,
.MentionedBody h5 {
	margin: 0;
}

.FavouritesHead+.FavouritesHead {
	margin-top: 2rem;
}

.FavouritesHead h3 {
	margin: 0 0 0.7rem;
	padding: 0;
	font-size: 0.9rem;
}

.FavouritesHead h3 span {
	color: #d2d2d2;
	font-size: 1rem;
	line-height: 1.5;
	margin-right: 0.5rem;
}

.FavouritesUl {
	margin: 0 0 0.5rem;
}

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

.FavouritesUl ul li {
	margin: 0 2rem 0 0;
}

.FavouritesUl ul li strong {
	font-size: 0.8rem;
	color: #1f2929;
	line-height: 1.5;
	font-weight: 500;
}

.FavouritesUl ul li small {
	font-size: 0.8rem;
	color: #758080;
	line-height: 1.5;
	font-weight: 500;
}

.FavouritesUl ul li.ml-auto {
	margin: 0;
}

.FavouritesUl ul li.ml-auto a img {
	opacity: 0.2;
	max-width: 14px;
}

.FavouritesUl ul li.ml-auto a:hover img {
	opacity: 1;
}

.FavouritesBox {
	border: 1px solid #eff3f3;
	border-radius: 6px;
	padding: 0.8rem 1rem;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.08);
}

.FavouritesBox .form-group {
	margin: 0;
	border: 0;
	padding: 0;
}

.FavouritesBox ul {
	margin: 0;
	padding: 0;
	list-style: none;
	justify-content: space-between;
}

.FavouritesBox ul li p {
	margin: 0;
	padding: 0;
	color: #758080;
	line-height: 1.5;
	font-weight: 500;
}

.FavouritesBox ul li p strong {
	font-weight: 500;
	color: #1f2929;
	line-height: 1.5;
}

.WeeklyWrap {
	margin: 0 0 2rem;
}

.WeeklyHead {
	margin: 0 0 0.6rem;
}

.WeeklyHead h4 {
	margin: 0;
	padding: 0;
	font-size: 0.95rem;
	color: #1f2929;
	line-height: 1.5;
}

.WeeklyHead p {
	color: #758080;
	font-size: 0.8rem;
	background: url(../images/DownSort.svg) no-repeat right 50%;
	padding: 0 0.8rem 0 0;
	margin: 0;
}

.WeeklyBody {
	border: 1px solid #eff3f3;
	border-radius: 6px 6px 0 0;
}

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

.WeeklyBody ul li {
	padding: 0.6rem 1.2rem;
	width: 100%;
}

.WeeklyBody ul li+li {
	border-left: 1px solid #eff3f3;
}

.WeeklyBody ul li h4 {
	margin: 0;
	padding: 0;
	display: block;
	line-height: 1.5;
	font-size: 0.9rem;
	color: #1f2929;
}

.WeeklyBody ul li p {
	margin: 0;
	padding: 0;
	display: block;
	line-height: 1.5;
	font-size: 0.8rem;
	color: #758080;
}

.WeeklyInfo {
	background: #eff3f3;
	padding: 0.5rem 0.7rem 0.4rem;
	text-align: center;
}

.WeeklyInfo a {
	padding: 0 2.1rem 0 0;
	color: #008080;
	font-size: 0.85rem;
	line-height: 1.5;
	background: url(../images/GreenArrowRight.svg) no-repeat 99% 50%;
}

.WeeklyInfo:hover {
	background: #c1d6d6;
}

.WeeklyInfo:hover a {
	text-decoration: none;
	color: #fff;
	background: url(../images/RightArrow.svg) no-repeat right 50%;
}

.bdrFull {
	border-top: 1px solid #eff3f3;
	border-bottom: 1px solid #eff3f3;
	padding: 1.4rem 1.5rem;
	margin: 0 -1.5rem 0.5rem;
}

.UpgradePlan>ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.list-style-none {
	list-style: none;
}

.UpgradePlan>ul>li {
	margin: 0 2rem 0 0;
}

.PlanBox {
	border: 1px solid #eff3f3;
	border-radius: 6px;
	width: 320px;
	height: 100%;
	background: #fff;
	box-shadow: 0 24px 26px -20px rgb(0 0 0 / 27%);
}

.PlanBox h3 {
	padding: 0 0 1rem;
	margin: 0;
	display: block;
	text-align: center;
	font-weight: bold;
}

.PlanBox h3 big {
	font-size: 155%;
}

.PlanIMG {
	justify-content: center;
	/* box-shadow: 0 3px 6px rgba(0, 0, 0, .16); */
	width: 60px;
	height: 60px;
	/* margin: -2.2rem auto .6rem; */
	margin: 1.8rem auto 0.6rem;
	background: #fff;
	border-radius: 100px;
	padding: 5px;
}

.PlanPrice {
	background: #eff3f3;
	padding: 1rem;
	justify-content: center;
	height: auto;
	overflow: hidden;
	/*text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;*/
}

.PlanPrice span {
	font-size: 1.5rem;
	color: #05b3b4;
	line-height: 1.5;
	margin: 0 1rem;
}

.PlanPrice span sup {
	color: #1f2929;
	font-size: 0.8rem;
	line-height: 1.5;
	top: -0.7rem;
	left: 0.3rem;
}

.PlanPrice p {
	margin: 0 1rem;
	padding: 0;
	line-height: 1.5;
	color: #758080;
	font-size: 0.9rem;
	font-weight: 600;
	text-transform: uppercase;
}

.PlanIncude {
	text-align: center;
	padding: 1.5rem 1.5rem;
	position: relative;
	/* height: calc(100% - 130px); */
	margin-right: 10px;
}

.PlanIncude h4 {
	margin: 0 0 0.5rem;
	padding: 0;
	display: block;
	color: #05b3b4;
	font-weight: 500;
}

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

.PlanIncude ul li {
	padding: 0 0 0 1.5rem;
	color: #758080;
	font-size: 0.9rem;
	line-height: 1.5;
	text-align: left;
	margin: 0.5rem 0;
	position: relative;
}

.PlanIncude ul li:before {
	content: "";
	width: 8px;
	height: 8px;
	display: block;
	border-radius: 100px;
	background: #d8d8d8;
	position: absolute;
	top: 6px;
	left: 0;
}

.PlanIncude a.btn {
	max-width: 90%;
	margin: 0 auto;
	position: sticky;
	top: 100%;
	left: 0;
}

.StandardPlan .PlanIMG {
	background: #05b3b4;
	border-color: #05b3b4;
}

.PLanCheckBox {
	border: 0;
	padding: 0;
}

#Standard .col-md-7 .form-group {
	margin-bottom: 1.5rem;
}

#Standard .UpgradePlan ul,
#Standard .UpgradePlan {
	height: 100%;
	width: 100%;
}

#Standard .UpgradePlan>ul>li {
	margin: 0;
	width: 100%;
}

#Standard .UpgradePlan .PlanBox {
	width: 100%;
}

.SearchBox {
	background: #fff;
	border-radius: 6px;
	display: block;
	position: relative;
	padding: 0.5rem 0.5rem 0.5rem 3.5rem;
	max-width: 280px;
	width: 100%;
	/* margin: 0 1rem 0 0; */
	height: 36px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: 1px #758080 solid;
}

.SearchBox button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0.7rem;
	border: 0;
	background: transparent;
}

.SearchBox:before {
	content: "";
	height: 16px;
	width: 1px;
	position: absolute;
	top: 50%;
	left: 40px;
	background: #e4e4e4;
	transform: translateY(-50%);
}

.SearchBox input {
	border: 0;
	width: 100%;
	font-style: italic;
}

.BusinessItem {
	margin: 0;
}

.BusinessItem>ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.BusinessItem>ul>li {
	padding: 0 1rem;
	z-index: 1;
}

.BusinessItem>ul>li+li {
	border-left: 1px solid #a5a5a5;
}

.BusinessItem>ul>li>a {
	color: #758080;
	font-size: 0.85rem;
	line-height: 1.5;
}

.BusinessItem>ul>li>a:hover {
	color: #05b3b4;
}

.dropdown-toggle {
	white-space: nowrap;
	padding-right: 2rem !important;
	position: relative;
}

.dropdown:hover a {
	text-decoration: none;
}

.dropdown-toggle::after {
	background: url(../images/Arrow.svg) no-repeat 0 0 / 8px auto;
	width: 8px;
	height: 14px;
	display: block;
	border: 0;
	position: absolute;
	top: 50%;
	right: 0;
	transform: rotate(-90deg);
	margin: -6px 2px 0 0;
	padding: 0;
	border-right: 0px !important;
	border-bottom: 0px !important;
	border-left: 0px !important;
}

.dropdown:hover .dropdown-toggle::after {
	background: url(../images/ArrowHover.svg) no-repeat 0 0 / 8px auto;
}

.ContentLeft {
	flex: 0 0 calc(100% - 15px);
	max-width: calc(100% - 15px);
	-ms-flex: 0 0 calc(100% - 15px);
}

.ContentRight {
	flex: 0 0 84px;
	max-width: 84px;
	-ms-flex: 0 0 84px;
}

.BoxIcons {
	position: absolute;
	top: 1rem;
	right: 1rem;
	/*cursor: pointer;*/
}

.BoxIcons.pin-tab {
	top: 12px;
	right: unset;
	display: flex;
	justify-content: space-between;
	width: calc(100% - 30px);
}

.BoxIcons img {
	max-height: 16px;
}

.BoxIcons .BoxIconsClose {
	display: none;
}

.ContentRightWrap {
	display: none;
}

.ContentBoxOpen .ContentRight {
	/* flex: 0 0 300px;
	max-width: 300px;
	-ms-flex: 0 0 300px; */
	flex: 0 0 450px;
	max-width: 450px;
	-ms-flex: 0 0 450px;
}

.ContentBoxOpen .BoxIconsNav {
	display: none;
}

.ContentBoxOpen .BoxIcons .BoxIconsClose {
	display: block;
}

.ContentBoxOpen .ContentRightWrap {
	display: block;
	padding-top: 1.5rem;
}

.ContentLeft .WhiteBox {
	height: 100%;
}

.WeeklyWrap .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.WeeklyWrap .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: -13px;
}

.WeeklyWrap .mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
	margin: 0;
}

.SelectBoxWrap .dropdown-toggle:after {
	margin-top: -7px;
	right: 10px;
}

.PrincingPage:before {
	height: 300px;
	content: "";
	background: #e3f1f1;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	display: block;
}

.PrincingPage {
	padding: 1rem 0rem;
	position: relative;
}

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

.PrincingPage .PlanPrice p {
	margin: 0;
}

.PrincingPage .UpgradePlan>ul {
	justify-content: center;
}

.PrincingPage .PlanIncude ul li:before {
	background: #fff;
	/* border: 1px solid #dadada; */
	width: 21px;
	height: 22px;
	border-radius: 2px;
	top: 0;
}

.PrincingPage .PlanIncude ul li:after {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	left: 8px;
	width: 6px;
	height: 11px;
	border: solid #05b3b4;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.PrincingPage .PlanIncude ul li {
	padding: 0 0 0 2rem;
	margin: 0.9rem 0;
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Old versions of Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
	/* Non-prefixed version, currently*/
}

.PrincingPage .PlanIncude ul li.Disable {
	opacity: 0.5;
}

.PrincingPage .PlanIncude ul li.Disable:after {
	top: 6px;
	left: 6px;
	width: 10px;
	height: 10px;
	transform: initial;
	border: 0;
	background: url(../images/ThinClose.svg) no-repeat 0 0 / 10px 10px;
}

.PrincingPage .tab-content>.active {
	overflow-y: auto;
	max-height: 100%;
	/* overflow-x: auto; */
	min-height: inherit;
}

.switch-btn-wrappper {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: max-content;
	margin: 1rem auto 1rem;
	padding: 5px;
	border: 1px solid #05b3b469;
	border-radius: 100px;
	background-color: #ffffff;
}

.switch-btn-wrappper .nav-pills {
	margin: 0;
}

.switch-btn-wrappper .nav-pills .nav-item a {
	padding: 16px 40px;
	border: 1px solid transparent;
	border-radius: 100px;
	background-color: transparent;
	-webkit-transition: background-color 0.2s, color 0.2s ease-out;
	transition: background-color 0.2s, color 0.2s ease-out;
	color: #05b3b4;
	font-size: 14px;
	line-height: 14px;
	font-weight: 600;
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	text-align: left;
	cursor: pointer;
	outline: none !important;
}

.switch-btn-wrappper .nav-pills .nav-item a.active {
	border: 1px solid #ffffff;
	background-color: #05b3b4;
	color: #ffffff;
	font-weight: 600;
}

.HeaderProfileBox {
	cursor: pointer;
}

body .select2-selection--multiple:not([class*="bg-"]):not([class*="border-"]) {
	border: #ddd;
	padding: 0;
	background: transparent;
}

body .select2-container--classic .select2-selection--multiple .select2-selection__choice {
	background-color: #fff;
	border: 1px solid #e4e4e4;
	margin: 5px 5px 0 0;
}

body .select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
	color: #666;
}

body .select2-container--classic.select2-container--open .select2-dropdown {
	border-color: #eff3f3;
}

body .select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #05b3b4;
}

.select2-container .select2-search--dropdown .select2-search__field {
	padding-left: 30px !important;
}

/*08-10 */
.chat-new-card {
	/* height: calc(100% - 425px); */
	/* height: 615px; */
	max-height: 100%;
	/* margin-left: 30px; */
	border: 1px solid #05b3b4;
	padding: 10px 1px 10px 10px;
	border-radius: 5px;
	/*overflow: overlay;*/
	position: relative;
	width: auto;
	/*display:none*/
}

/***** Updated css by PAM 29/30-7-2021*****/
.FilesViews,
.ToDoViews,
.zindex-1 {
	z-index: 1;
}

.FilesViews ul,
.ToDoViews ul {
	display: flex;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.FilesViews ul li,
.ToDoViews ul li {
	padding: 0 1rem;
}

.FilesViews>ul>li+li,
.ToDoViews>ul>li+li {
	border-left: 1px solid #a5a5a5;
}

.FilesViews ul li a,
.ToDoViews ul li a {
	color: #758080;
	font-size: 0.85rem;
	line-height: 1.5;
	display: flex;
	align-items: center;
}

.FilesViews ul li a i,
.ToDoViews ul li a i {
	margin-right: 0.6rem;
	height: 16px;
}

.FilesViews ul li a i svg,
.ToDoViews ul li a i svg {
	width: 26px;
	fill: #758080;
	max-height: 16px;
}

.FilesViews ul li a strong,
.ToDoViews ul li a strong {
	font-weight: 400;
}

.FilesViews ul li.Active a,
.FilesViews ul li a:hover,
.ToDoViews ul li.Active a,
.ToDoViews ul li a:hover {
	color: #05b3b4;
}

.FilesViews ul li a:hover i svg,
.FilesViews ul li.Active a i svg,
.ToDoViews ul li a:hover i svg,
.ToDoViews ul li.Active a i svg {
	fill: #05b3b4;
}

.ViewActive ul.AllFilesUl>li {
	width: 100%;
	min-width: 100%;
	margin: 0 0 0.5rem 0;
}

.ViewActive ul.AllFilesUl>li>.d-flex>a {
	max-width: 100%;
}

.ViewActive ul.AllFilesUl>li>.d-flex>a>div {
	width: 100%;
}

.ViewActive ul.AllFilesUl>li>.d-flex>a>div>.flex-column {
	flex-direction: row !important;
	align-items: center;
}

.ViewActive ul.AllFilesUl>li>.d-flex>a>div>.flex-column>div {
	margin-right: 1rem;
}

.ViewActive ul.AllFilesUl>li>.d-flex>a>div>.flex-column p {
	margin-bottom: 0 !important;
}

.AllFilesWrap .mCSB_container_wrapper>.mCSB_container {
	padding-right: 0;
}

ul.AllFilesUl>li>.d-flex>a .w-100.d-flex>.d-flex {
	flex-wrap: wrap;
}

ul.AllFilesUl>li>.d-flex>a .w-100.d-flex>.d-flex .file-short-info span+span {
	margin-left: 0.5rem;
}

.DateCategoryCarousel ul.nav.nav-tabs {
	margin: 0;
}

.DateCategoryCarousel .tab-content {
	border: 1px solid #eee;
	border-top: 0;
}

.DateCategoryCarousel .tab-content .tab-pane {
	padding: 0.5rem 1rem;
}

.TableView table.table {
	border: 0;
	border-collapse: separate;
	border-spacing: 0 0.8em;
}

.TableView table.table tr {
	box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
	background: #fff;
	column-gap: 20px;
}

.TableView table.table thead td {
	padding: 20px;
	background: #fff;
	color: #1f2929;
	font-weight: 500;
	font-size: 1rem;
	border-top: 0;
}

.TableView table.table tbody td {
	color: #758080;
	font-size: 0.875rem;
	line-height: 1.5;
	padding: 0.5rem 0.85rem;
	border-top: 0;
}

.TableView table.table tbody td h4,
.TableView table.table tbody td h5 {
	margin: 0;
	color: #758080;
	font-size: 0.875rem;
	line-height: 1.5;
}

.TableView table.table tbody td,
.TableView table.table tbody td {
	border-bottom: 0;
}

.ManageTableView table.table {
	width: 100%;
}

.TableView.ManageTableView {
	width: 100%;
	overflow: auto;
}

ul.AllFilesUl>.DateCategoryCarousel .tab-content .tab-pane#BoxView {
	padding: 1rem 0.2rem 0.2rem 1rem;
	background: #fff;
}

.ViewActive .MultiView .TableView {
	display: block;
}

.MultiView .TableView {
	display: none;
}

.MultiView ul.AllFilesUl.d-flex {
	display: flex !important;
}

.ViewActive .MultiView ul.AllFilesUl.d-flex {
	display: none !important;
}

.current-folder {
	padding: 10px;
	background: #ededed;
	color: #6c757d;
	border-radius: 5px 5px 0 0;
	cursor: pointer;
	position: relative;
}

.current-folder:before {
	background-image: url('../images/Arrow.svg');
	content: '';
	position: absolute;
	right: 10px;
	top: 12px;
	width: 14px;
	height: 14px;
	background-size: contain;
	background-repeat: no-repeat;
	transform: rotate(-90deg);
}

.current-folder:before {
	transition: all 0.5s ease-in
}

.current-folder-wrapper .auto-rotate-arrow:before {
	-webkit-transform: rotate(90deg);
	transition: all 0.5s ease-in
}

.rejected-file-wrapper {
	border: 1px solid #FFC200 !important;
}

.rejected-file-wrapper .card-header {
	background: #FFC200 !important;
	color: #fff;
}

#action_file_modal .folder-list li.folder_li:hover {
	background-color: #f8f9fa;
}

#action_file_modal .folder-list li.folder_li a {
	color: gray;
}

#action_file_modal .folder-list li.folder_li.bg-color>a {
	color: #fff;
}

#action_file_modal .folder-list li.folder_li.bg-color {
	background: #05b3b4 !important;
}

#action_file_modal .folder-list li.folder_li:hover a {
	color: #05b3b4;
}

#action_file_modal .folder-list li.folder_li.bg-color:hover>a {
	color: #fff;
}

#filter_copy_success_modal .card {
	border: 1px solid rgb(0 0 0 / 20%);
}

#filter_copy_success_modal .card-header {
	border-bottom: 1px solid rgb(0 0 0 / 20%);
}

#filter_copy_success_modal .card ul {
	margin-bottom: 0px;
}

#action_file_modal .folder-list ul.nav.navbar-nav li {
	border-bottom: 1px solid #cbcbcb73;
	padding: 5px 15px !important;
	margin: 0px !important;
	cursor: pointer;
	position: relative;
}

#action_file_modal .folder-list ul.nav.navbar-nav li a {
	display: flex;
	padding: 3px 0px;
}

#action_file_modal .folder-list ul.nav.navbar-nav li.bg-color ul,
#action_file_modal .folder-list ul.nav.navbar-nav li.bg-color ul li::before {
	border-color: #fff;
}

.left-folder-selection .select-new-folder {
	padding: 10px;
	background: #ededed;
	color: #6c757d;
	border-radius: 5px 5px 0 0;
	position: relative;
}

.folder-list li.folder_li.bg-color a.select_folder::after {
	background: url('../images/Arrow.svg') no-repeat 0 0 / 8px auto;
	filter: brightness(0) invert(1);
}

#action_file_modal .folder-list li.folder_li:hover ul li.bg-color a {
	color: #fff;
}

#action_file_modal .folder-list ul.nav.navbar-nav li:before {
	content: '';
	position: absolute;
	top: 16px;
	left: -19px;
	width: 15px;
	border-top: 1px #6c757d dotted;
}

.dropdown.bg-color li.folder_li {
	background: #fff;
}

.folder-list li.dropdown ul {
	list-style: unset !important;
	border-left: 0.1em #6c757d dotted;
	margin: 0 0 0.25em 0.5em;
	padding-left: 18px;
}

.folder-list li.dropdown ul li {
	border: 1px solid #dfdada;
	background: #fff;
}

.current-folder-list,
.folder-list {
	overflow: auto;
	max-height: calc(100vh - 20rem);
	border: 1px solid #6c757d40;
	border-radius: 0 0 5px 5px;
}

.current-folder-list ul li summary {
	position: relative;
	margin-top: 1em;
	padding: 0.2em 0.5em 0.2em;
	background: #6c757d;
	color: #eee;
	font-size: 13px;
}

.current-folder-list>ul {
	list-style: none;
}

.current-folder-list ul li ul {
	margin: 0 0 0.25em 0.86em;
	padding: 0.5em 0em 0.5em .5em;
	border-left: 0.1em #6c757d dotted;
	border-bottom: 0.1em #6c757d dotted;
	list-style: none;
}

.current-folder-list>ul>li>ul>li span {
	display: block;
	position: relative;
	margin-top: 0.25em;
	padding: 0.2em 0.5em 0.2em 1.5em;
	background: #6c757d3d;
	color: #6c757d;
	font-size: 13px;
}

.current-folder-list>ul>li>ul>li>ul.sub-folder {
	list-style: none;
	padding-left: 0.75em;
}

.current-folder-list>ul>li>ul>li span:before {
	content: '';
	position: absolute;
	width: 4px;
	height: 4px;
	background: #6c757d;
	top: 12px;
	left: 8px;
	border-radius: 50%;
}

.current-folder-list>ul>li>ul>li>ul.sub-folder li {
	display: block;
	position: relative;
	margin-top: 0.25em;
	padding: 0.2em 0.5em 0.2em 0.5em;
	background: #6c757d17;
	color: #6c757d;
	font-size: 13px;
}

.filter-change-copy-wrap h6 {
	text-decoration: underline;
}

.current-folder-list summary {
	cursor: unset;
}

#action_file_modal .folder-list {
	border: 1px solid #6c757d40;
	border-radius: 0 0 5px 5px;
}

#action_file_modal .folder-list nav.navbar {
	padding: 0px;
}

/***** Updated css by PAM 29/30-7-2021*****/
/*08-10 end*/

/* START task group settings dropdown css */
.multi-dropdown-wrapper .dropdown-submenu {
	position: relative !important;
}

.multi-dropdown-wrapper .dropdown-submenu>.dropdown-menu {
	position: absolute;
	top: 5;
	right: -10rem;
	margin-top: -6px;
}

/* rotate caret on hover */
.multi-dropdown-wrapper .dropdown-menu>li>a:hover:after {
	text-decoration: underline;
	transform: rotate(-180deg);
}

.multi-dropdown-wrapper .nav-link.dropdown-toggle {
	background: #05b3b4;
	color: #05b3b4;
	border-color: #05b3b4;
	border-radius: 100px;
	padding: 0.53rem 1.5rem;
	line-height: 1.5;
	font-weight: 500;
	font-size: 0.85rem;
	color: #fff;
	/* min-width: 190px; */
	border-width: 2px;
	border-style: solid;
	white-space: nowrap;
	padding-right: 2rem !important;
	position: relative;
}

.multi-dropdown-wrapper .dropdown-toggle::after {
	background: url(../images/white-arrow.svg) no-repeat 0 0 / 8px auto;
}

.multi-dropdown-wrapper ul li ul li a:after {
	color: #000 !important;
	background: none !important;
	border: none !important;
	text-decoration: none !important;
	transform: rotate(-0deg) !important;
}

.multi-dropdown-wrapper ul li a::after {
	background: url("../images/white-arrow.svg") no-repeat 0 0 / 8px auto !important;
}

.multi-dropdown-wrapper .nav-link.dropdown-toggle {
	background: #05b3b4;
	border-color: #05b3b4;
	border-radius: 100px;
	padding: 0.53rem 1.5rem !important;
	line-height: 1.5 !important;
	font-weight: 500;
	font-size: 0.85rem !important;
	color: #fff !important;
	border-width: 2px;
	border-style: solid;
	white-space: nowrap;
	padding-right: 2rem !important;
	position: relative;
}

.multi-dropdown-wrapper .nav-link.dropdown-toggle:hover {
	background: #fff !important;
	color: #05b3b4 !important;
}

.multi-dropdown-wrapper .nav-link.dropdown-toggle::after {
	filter: brightness(0) invert(1) !important;
	right: 5px;
}

.multi-dropdown-wrapper .nav-link.dropdown-toggle:hover::after {
	filter: none !important;
	background: url("../images/ArrowHover.svg") no-repeat 0 0 / 8px auto !important;
}

.multi-dropdown-wrapper .dropdown-submenu ul.dropdown-menu {
	width: max-content;
}


/* END task group settings dropdown css */

/***** Media start *****/

@media screen and (min-width: 1450px) and (max-width: 2400px) {

	ul.AllFilesUl>li,
	body.shared-file-view-wrapper:not(.ViewActive) ul.AllFilesUl>li {
		width: calc(33.33% - 0.8rem);
	}
}

@media (min-width: 1920px) {
	.ContentBoxOpen .ContentRight {
		flex: 0 0 500px;
		max-width: 500px;
		-ms-flex: 0 0 500px;
	}

	.ChatBox {
		max-height: calc(100vh - 80vh);
		min-height: calc(100vh - 80vh);
	}
}

@media screen and (min-width:1300px) {

	.ActionFoldersInfo .form-group,
	.ActionSubFoldersInfo .form-group,
	.ActionTagsInfo .form-group {
		padding: 5px 8px 8px;
		line-height: 0.25;
	}
}

@media (max-width: 1299px) {
	.ChatBox {
		max-height: calc(100vh - 60vh);
		min-height: calc(100vh - 60vh);
	}

	/* #preview-contents {
		max-height: 645px;
		min-height: 645px;
	} */

	.Dashboard {
		padding: 5.375rem 0 0;
	}

	.DashbaordContent {
		padding: 0 1rem 1rem;
	}

	/*.dashboardHeader {
		display: none !important;
	}*/

	.MobileHeader {
		display: block;
		background: #eff3f3;
		border-bottom: 2px solid #05b3b4;
		padding: 0.8rem;
		margin: 0 0 1rem;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9;
	}

	.MobileHeader>.d-flex>a>img {
		max-height: 30px;
	}

	.MobileHeader .HumberIcon {
		margin: 0.45rem 0 0;
		transition: ease-in-out 0.5s;
	}

	.HumberNav .MobileHeader .HumberIcon {
		opacity: 0;
	}

	.Breadcrumb ul {
		flex-wrap: wrap;
		background: transparent;
	}

	.HumberNav .leftnavigation {
		opacity: 1;
		overflow: hidden;
		z-index: 12;
	}

	.HumberNav .closeNav {
		top: 16px;
	}

	.HumberNav .leftnavigation ul li a strong {
		font-size: 0.9rem;
	}

	.leftnavigation ul li.MobileHeaderNav {
		display: block;
		padding: 0;
	}

	.MobileHeaderProfile:before {
		background: #37c2c3;
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
	}

	.MobileHeaderProfile {
		position: relative;
		padding: 4px 0;
		z-index: 10;
		text-align: center;
		margin: 0;
	}

	.MobileHeaderProfile span {
		width: 80px;
		height: 80px;
		border-radius: 100px;
		background: #fff;
		border: 1px solid #eee;
		margin: 0 auto 0.5rem;
		display: block;
	}

	.MobileHeaderProfile strong {
		font-size: 1rem;
		color: #fff;
		font-weight: 500;
		line-height: 1.5;
		display: block;
	}

	.MobileHeaderProfile small {
		color: #fff;
	}

	.leftnavigation {
		opacity: 0;
		width: 0;
		overflow: hidden;
	}

	.DashbaordBody {
		padding: 1.5rem 1.1rem;
	}

	.stepUI {
		margin: -1.4rem -1rem 1rem;
	}

	.Breadcrumb {
		display: none;
	}

	.HumberNav .leftnavigation ul li .Breadcrumb {
		display: block;
		padding: 1rem 1rem 0.5rem;
		background: #37c2c3;
	}

	.HumberNav .leftnavigation ul li .Breadcrumb ul li a strong {
		font-size: 0.8rem;
		margin: 0;
	}

	.HumberNav .leftnavigation ul li .Breadcrumb ul li {
		border: 0;
		margin: 0 0.5rem 0.5rem 0;
		color: #fff;
		font-size: 0.8rem;
	}

	.HumberNav .leftnavigation ul li .Breadcrumb ul li a {
		padding: 0;
	}

	.HumberNav .leftnavigation ul li .Breadcrumb ul li a i {
		margin: 0 0.5rem;
	}

	.MultiAction {
		margin: -1rem -1rem 0;
	}

	.ActionWrap {
		padding-top: 1rem;
	}

	.ActionWrapinner {
		flex-wrap: wrap;
		height: auto;
	}

	.GroupAction {
		width: 100% !important;
		padding: 0 0 0.5rem;
		align-items: baseline;
	}

	.TimeLine,
	.FileTimeLine {
		width: 100% !important;
		flex-wrap: wrap;
	}

	.ActionGroup,
	.ActionGroupView,
	.ActionSubGroup,
	.ActionSubGroupView,
	.ActionTagsGroup,
	.ActionTagsView {
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
		min-height: initial;
	}

	.ActionSubHeaderView span,
	.ActionHeaderView span,
	.ActionGroupView span,
	.ActionSubGroupView span,
	.ActionTagsView span {
		vertical-align: top;
		writing-mode: initial;
		padding: 0.5rem 1rem;
		min-width: 120px;
	}

	.ActionTagsView:before,
	.ActionSubGroupView:before,
	.ActionGroupView:before {
		top: 50%;
		transform: translate(0, -50%);
		left: 0;
		width: 100%;
		height: 1px;
	}

	.ActionSubHeader {
		margin: 0;
	}

	.ActionWrap {
		padding-top: 0;
		height: auto;
	}

	.HeaderAction {
		margin: 0;
	}

	.ActionHeader,
	.ActionSubHeader {
		margin-bottom: 1rem;
	}

	.AllFiles {
		padding: 1rem;
		height: auto;
	}

	/* .AllFilesWrap {
		height: 450px;
	} */

	.ActionGroupInfo,
	.ActionFoldersInfo,
	.ActionSubFoldersInfo,
	.ActionTagsInfo,
	.ActionSubGroupInfo,
	.ActionTagsInfo {
		max-height: 250px;
	}

	.ActionFoldersInfo .CommonGroupInfo,
	.ActionSubFoldersInfo .CommonGroupInfo,
	.ActionTagsInfo .CommonGroupInfo {
		height: calc(100% - 65px);
	}

	.IAexample.chat-new-card {
		width: 100%;
		margin-left: 0;
		margin-top: 30px;
	}

	.FilesViews ul li,
	.ToDoViews ul li {
		padding: 0 0.5rem;
	}

	.FilesViews ul li a i,
	.ToDoViews ul li a i {
		margin: 0;
	}

	.FilesViews ul li a strong,
	.ToDoViews ul li a strong {
		display: none;
	}

	.folder-filter-wrapper ul,
	.sub-folder-filter-wrapper ul,
	.tag-filter-wrapper ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}

	.folder-filter-wrapper li.folder-filter,
	.sub-folder-filter-wrapper li.sub-folder-filter,
	.tag-filter-wrapper li.tag-filter {
		float: left;
		margin-right: 15px;
		margin-left: 10px;
	}
}

@media (max-width: 1280px) {
	.ChatBox {
		max-height: 410px;
		min-height: 410px;
	}
}

@media screen and (max-width:1199px) {
	.dashboard-content .WhiteBox .CategoryAction {
		order: 4;
		margin-left: 15px;
	}

	.dashboard-content .WhiteBox .CategoryAction.multiaction-slider {
		order: 5;
		width: calc(100% - 25px);
		margin-top: 15px;
	}
}

@media (max-width: 1139px) {
	.ChatBox {
		max-height: 465px;
		min-height: 275px;
	}

	.navbar-collapse ul.navbar-nav li.nav-item {
		margin: 0 0.5rem;
	}

	a.navbar-brand {
		margin: 0 1rem 0 0;
	}

	.container {
		max-width: 100%;
	}

	.CarouselCaption {
		padding: 1.5rem 1rem 0 3rem;
	}

	.FooterRight p {
		font-size: 0.8rem;
	}

	.PackBoxBTN a {
		padding: 0.53rem 0.5rem;
	}

	.DateCategory {
		flex-wrap: wrap;
	}

	.AddNewObject .AddHeader {
		width: 100%;
		margin: 1.5rem 0;
	}

	.AddNewObject .DateCategoryCarousel {
		width: 100%;
	}

	.MultiAction {
		flex-wrap: wrap;
	}

	.CategoryAction {
		width: 100%;
	}

	.CategoryAction .flexslider {
		width: calc(100% - 120px);
	}

	.OpenPreview {
		width: 100%;
		margin-bottom: 1.5rem;
	}

	.OpenPreviewBox {
		min-height: 250px;
		height: auto;
	}

	.IAexample {
		width: 100%;
	}
}

@media (max-width: 1024px) {
	.navbar-expand-lg .navbar-collapse {
		display: none !important;
	}

	.MobileNav {
		display: flex;
		margin: 0 0 0 auto;
		overflow: hidden;
	}

	.NavIcon {
		background: transparent;
		border: 0;
		width: 34px;
		height: 23px;
		position: relative;
		margin: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
		cursor: pointer;
		z-index: 11;
	}

	.NavIcon span {
		display: block;
		position: absolute;
		height: 3px;
		width: 50%;
		background: #1f2929;
		opacity: 1;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
	}

	.NavIcon span:nth-child(even) {
		left: 50%;
		border-radius: 0 9px 9px 0;
	}

	.NavIcon span:nth-child(odd) {
		left: 0px;
		border-radius: 9px 0 0 9px;
	}

	.NavIcon span:nth-child(1),
	.NavIcon span:nth-child(2) {
		top: 0px;
	}

	.NavIcon span:nth-child(3),
	.NavIcon span:nth-child(4) {
		top: 10px;
	}

	.NavIcon span:nth-child(5),
	.NavIcon span:nth-child(6) {
		top: 20px;
	}

	.NavIcon span:nth-child(7) {
		top: 30px;
	}

	.NavIcon.open span:nth-child(1),
	.NavIcon.open span:nth-child(6) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		background: #05b3b4;
	}

	.NavIcon.open span:nth-child(2),
	.NavIcon.open span:nth-child(5) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		background: #05b3b4;
	}

	.NavIcon.open span:nth-child(1) {
		left: 5px;
		top: 7px;
	}

	.NavIcon.open span:nth-child(2) {
		left: calc(50% - 5px);
		top: 7px;
	}

	.NavIcon.open span:nth-child(3) {
		left: -50%;
		opacity: 0;
	}

	.NavIcon.open span:nth-child(4) {
		left: 100%;
		opacity: 0;
	}

	.NavIcon.open span:nth-child(5) {
		left: 5px;
		top: 14px;
	}

	.NavIcon.open span:nth-child(6) {
		left: calc(50% - 5px);
		top: 14px;
	}

	.MobileNav .MobileNavBox:before {
		content: "";
		position: fixed;
		top: 0;
		right: -100%;
		width: 0;
		height: 100%;
		background: rgba(0, 0, 0, 0.2);
		transition: ease-in-out 0.5s;
		z-index: -1;
	}

	.MobileNav .MobileNavBox {
		position: fixed;
		top: 0;
		right: -100%;
		z-index: 10;
	}

	.MobileNav ul {
		width: 0;
		background: #fff;
		position: fixed;
		top: 0;
		right: -100%;
		margin: 0;
		padding: 3.5rem 0 0;
		list-style: none;
		transition: ease-in-out 0.5s;
		height: 100%;
		z-index: 10;
	}

	.MobileNav .MobileNavBox ul li:first-child {
		border-top: 1px solid #eee;
	}

	.MobileNav .MobileNavBox ul li {
		padding: 0.1rem 1rem;
		border-bottom: 1px solid #eee;
	}

	.MobileNav .MobileNavBox ul li a {
		padding-right: 0;
		padding-left: 0;
		color: #223434;
		font-size: 0.9em;
		line-height: 1;
		display: block;
		padding: 0.9rem 0;
		position: relative;
	}

	.MobileNav .MobileNavBox.fliph ul {
		right: 0;
		width: 240px;
	}

	.MobileNav .MobileNavBox.fliph:before {
		right: 0;
		width: 100%;
	}

	.MobileNav .dropdown-menu {
		position: relative;
		top: 0;
		float: none;
		min-width: 100%;
		padding: 0;
		border: 1px solid #eee;
		border-radius: 0;
		margin: 0 0 0.5rem;
	}

	.MobileNav .dropdown-menu a.dropdown-item {
		padding: 0.6rem 0.5rem;
		font-size: 0.9em;
	}

	.MobileNav .dropdown-menu a.dropdown-item+a {
		border-top: 1px solid #eee;
	}

	.MobileNav li.TryFree {
		background: #ffc651;
	}

	.MobileNav li.TryFree a.nav-link {
		color: #fff;
	}

	h2 br {
		display: none;
	}

	.ContentLeft {
		padding-right: 0;
	}

	.GroupAction {
		flex-wrap: wrap;
	}

	.ActionGroup,
	.ActionGroupView,
	.ActionSubGroup,
	.ActionSubGroupView,
	.ActionTagsGroup,
	.ActionTagsView {
		margin: 0;
		padding: 0;
	}

	/* .ChatBox {
		max-height: calc(100% - 155px);
	} */

	.MetaData {
		margin-top: 1rem;
	}

	.PlanBox {
		width: 100%;
	}

	.HumberNav .DashbaordContent {
		padding: 0 1rem 1rem;
	}

	.leftnavigation:before {
		content: "";
		background: rgba(0, 0, 0, 0.5);
		width: 0;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		transition: ease-in-out 0.5s;
		/* display: block; */
		z-index: -1;
	}

	.HumberNav .leftnavigation ul li a strong {
		opacity: 0 !important;
	}

	.HumberNav .leftnavigation {
		width: 46px !important;
	}

	body.HumberNav .dashboardHeader {
		left: 60px;
		width: calc(100% - 80px);
	}

	body.HumberNav .DashbaordContent {
		padding-left: 60px;
	}

	.HumberNav .leftnavigation ul li.LogoIconNav a {
		width: 30px;
	}

	.HumberIcon.closeNav {
		display: none;
	}

	.MobileHeader .mobile-logo {
		width: 34px;
		overflow: hidden;
		min-height: 35px;
		position: relative;
		top: 5px;
	}

	.dashboardHeader {
		left: 3.25rem !important;
		width: calc(100% - 4.5rem) !important;
	}

	.lg_tablet {
		display: none;
	}

	.mobile_logo img {
		/* display:none; */
	}

	.mobile_logo img {
		max-height: 26px;
	}

}

@media screen and (min-width:768px) and (max-width:1024px) {
	.MobileHeader .mobile-logo {
		left: 40px;
	}

	.HumberIcon.tab_lg_humb {
		position: relative;
		right: 43px;
	}

	.only_small_tablet_humber {
		display: inline-block !important;
	}

	.only_small_tablet_humber img {
		filter: brightness(0) invert(1);
	}	
}

@media (max-width: 991px) {

	/* #preview-contents{
		max-height: 685px;
		min-height: 685px;
	} */
	.ChatBox {
		/*max-height: calc(100vh - 58vh);
		min-height: calc(100vh - 58vh);*/
		max-height: 470px;
		min-height: 275px;
	}

	.ContentBoxOpen .ContentRight {
		flex: 0 0 420px;
		max-width: 420px;
		-ms-flex: 0 0 420px;
	}

	.ContentBoxOpen .ContentLeft ul.AllFilesUl>li.open-context-menu {
		width: calc(100% - 0.8rem);
	}

	.TrustedBy ul {
		flex-wrap: wrap;
	}

	.TrustedBy ul li {
		width: 50%;
		border: 1px solid #eff3f3;
		padding: 1rem;
	}

	.CarouselCaption {
		padding: 1.5rem 1rem 0 1.5rem;
	}

	.CarouselButton a {
		min-width: 140px;
	}

	.SimplifyDataBody,
	.SimplifyDataHead {
		text-align: center;
		margin-top: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.SimplifyDataHead a {
		margin: 0 auto 2rem;
	}

	.SimplifyDataHead h2 {
		max-width: 80%;
		margin: 0 auto 1rem;
	}

	.SimplifyData {
		margin: 0 0 1rem;
	}

	.BusinessPack .col-sm-12.col-md-4 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 1.5rem;
	}

	.PackBoxBody {
		padding: 1.2rem;
		min-height: inherit;
		margin: 0;
	}

	.BusinessPack:before {
		height: 300px;
	}

	.BusinessPack {
		padding: 1.5rem 0;
	}

	.BusinessPackHead {
		padding: 0 0 1.5rem;
	}

	.PackBoxBTN a {
		padding: 0.53rem 1.5rem;
	}

	.WhyChooseBody .col-md-3+.col-md-3:before {
		display: none;
	}

	.WhyChooseBody .col-md-3 {
		-ms-flex: 0 0 calc(50% - 1rem);
		flex: 0 0 calc(50% - 1rem);
		max-width: calc(50% - 1rem);
		border: 2px dashed #eff3f3;
		margin: 0.5rem;
		padding: 1rem;
	}

	.WhyChooseBody h4 {
		min-height: 73px;
	}

	.WhyChooseBody {
		margin-bottom: 1rem;
	}

	.TrustedBy {
		margin: 0 0 2rem;
	}

	.WhyChoose {
		margin: 0 0 2rem;
	}

	.MoreAbout .col-md-6 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.MoreAboutHead h2:before {
		top: 30px;
		left: 50%;
		width: 80px;
		height: 80px;
		background-size: 80px;
		margin-left: -40px;
	}

	.MoreAboutHead h2 {
		padding: 4rem 0 0 0;
		text-align: center;
		margin: 0;
	}

	.MoreAboutHead h6 {
		padding: 0;
		text-align: center;
	}

	.MoreAbout ul {
		max-width: 400px;
		margin: 0 auto;
	}

	.MoreAbout ul li {
		width: 100%;
	}

	.MoreAboutBox {
		width: 100%;
	}

	.MoreAbout {
		padding-bottom: 2rem;
	}

	.MoreAbout ul li+li {
		margin-top: 1rem;
	}

	.StartUsing {
		padding: 1rem 0 2rem;
	}

	.StartUsing h6 {
		margin: 0 0 1.5rem;
	}

	.FooterBottam ul li {
		margin-right: 0;
	}

	.FooterBottam ul li+li {
		margin-left: 0.8rem;
	}

	.col-md-8.FooterLeft {
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		max-width: 60%;
		padding-top: 2rem;
	}

	.col-md-4.FooterRight {
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
		padding-top: 2rem;
	}

	.FooterRight {
		padding: 4rem 0 0 1.8rem;
	}

	.FooterRightTop {
		min-height: 150px;
	}

	.UseDefaults {
		min-height: 250px;
	}

	.MultiCheckbox {
		min-height: inherit;
	}

	.SetPermission {
		margin-bottom: 2rem;
	}

	.FavouritesUl ul li {
		margin: 0 1rem 0 0;
	}

	.UpgradePlan>ul>li {
		margin: 0;
	}

	.UpgradePlan>ul>li+li {
		margin-left: 1rem;
	}

	.PlanPrice {
		padding: 0.5rem;
	}

	.PlanIncude {
		padding: 0.8rem;
	}

	.InviteHead {
		padding: 0;
	}

	.InviteHead h6 {
		margin: 0 1rem 0 0;
	}

	.InviteHead .InviteCheckbox {
		padding-left: 0;
	}

	.MetaData ul {
		margin: 0;
		flex-wrap: wrap;
	}

	.MetaData ul li {
		padding: 0;
		width: 100%;
	}

	.MetaData ul li+li {
		margin-top: 1rem;
	}

	.PrincingPage .PlanPrice {
		min-height: 58px;
	}

	.inner-block {
		max-width: 195px;
		padding: 1rem 1rem 0;
	}

	.inner-block p {
		font-size: 14px;
		margin: 0 0 1.5rem;
	}

	.inner-block a.btn {
		padding: 0.53rem 0.75rem;
		min-width: 150px;
	}

	.inner-block a.btn span {
		font-size: 0.8rem;
	}

	/* .FilesViews { display:none;} */
	ul.AllFilesUl>li.open-context-menu {
		width: 100%;
		margin: 0 0 0.8rem 0;
	}

	.BusinessItem>ul>li {
		padding: 0 0.5rem;
		z-index: 1;
	}

	.FilesViews,
	.ToDoViews {
		position: relative;
		top: 2px;
	}

	.ViewActive .todos-cointainer .all-todo-header,
	.all-todo-header {
		display: none !important;
	}

	ul.AllFilesUl>li>.d-flex>a .file-icon {
		width: 110px;
		min-width: 110px;
		height: 110px;
	}

	.CategoryAction ul li a i {
		left: -10px;
	}

	.MultiActionFolder {
		padding: 0.7rem 0.5rem 0.5rem;
	}

}

@media (max-width: 767px) {
	.dashboard-content.col-md-12 .FileTimeLine {
		padding-left: 0;
	}

	.Carousel:before,
	.Carousel:after {
		display: none;
	}

	.SimplifyDataHead h2 {
		max-width: 100%;
		margin: 0 auto 1rem;
	}

	.WhyChooseBody .col-md-3 {
		-ms-flex: 0 0 calc(100% - 1rem);
		flex: 0 0 calc(100% - 1rem);
		max-width: calc(100% - 1rem);
		border: 2px dashed #eee;
		margin: 0 0.5rem 1rem;
		padding: 1rem;
	}

	.TrustedBy ul li img {
		max-width: 100%;
		max-height: 30px;
	}

	.TrustedBy ul li {
		width: 50%;
		border: 1px solid #eff3f3;
		padding: 0.5rem;
		height: 48px;
		display: flex;
		align-items: center;
	}

	.PackBoxBody .form-group {
		margin-top: 1rem;
		margin-bottom: 0;
	}

	.BusinessPack:before {
		border-radius: 20px 20px 0 0;
	}

	.SimplifyDataBox {
		padding: 1rem;
		text-align: left;
	}

	.CarouselCaption {
		padding: 1.5rem 1rem 0;
	}

	.CarouselButton a {
		padding: 0.53rem 1rem;
	}

	.CarouselButton a+a {
		margin-left: 0.1rem;
	}

	.GetStartedForm form button {
		width: 130px;
	}

	.GetStartedForm form {
		padding: 0 130px 0 0;
	}

	.CarouselCaption h2 {
		font-size: 1.5rem;
	}

	h2 {
		font-size: 1.4rem;
	}

	.SimplifyDataBody .col-md-6 {
		margin-bottom: 1rem;
	}

	.PackBoxBTN a {
		min-width: 110px;
		padding: 0.53rem 1rem;
	}

	.ComparePack {
		margin: 0;
	}

	.col-md-8.FooterLeft {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding-top: 2rem;
	}

	.col-md-4.FooterRight {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding: 1rem;
		border-radius: 0;
	}

	.FooterRight:before {
		display: none;
	}

	.FooterRightTop {
		min-height: inherit;
		text-align: center;
	}

	.FooterRight p {
		padding: 0;
		text-align: center;
	}

	.FooterRight ul {
		justify-content: center;
	}

	.FooterRight h6 {
		margin: 0 0 0.8rem;
	}

	.FooterLeft .col-md-3 {
		width: 50%;
		margin-bottom: 1.5rem;
	}

	.FooterBottam {
		margin: 0;
		padding: 0.2rem 0.5rem;
	}

	.FooterLeft ul {
		flex-wrap: wrap;
	}

	.FooterBottam ul li+li,
	.FooterBottam ul li {
		margin: 0.5rem 0;
		width: 30%;
		text-align: center;
	}

	.FooterBottam ul li:nth-child(2) {
		width: 40%;
	}

	.FooterBottam ul li:nth-child(4) {
		width: 100%;
		margin-bottom: 1rem;
	}

	.StartUsing form button {
		right: auto;
		top: auto;
		padding: 0.606rem 1.5rem;
		bottom: -60px;
		left: 0;
	}

	.StartUsing form {
		margin: 0 auto 4rem;
		padding: 0 0 0 3.5rem;
	}

	.MoreAboutBox p br {
		display: none;
	}

	.SignInUp {
		padding: 4rem 0 0;
	}

	.SignInUpBox {
		padding: 0 1rem;
	}

	.InputButton {
		padding: 1.4rem;
	}

	.InputButton {
		padding: 1.4rem;
		flex-wrap: wrap;
	}

	.InputButton p {
		margin: 1rem 0 0 0.8rem !important;
		text-align: left;
	}

	.CheckBoxDiv {
		flex-wrap: wrap;
		padding: 1.2rem 1rem 1.2rem 1.3rem;
	}

	.CheckBoxDiv a {
		width: 100%;
	}

	.CheckBoxDiv .form-group {
		width: 100%;
		margin-bottom: 0;
	}

	.form-group.InputBox {
		padding: 1.2rem 2.5rem 0.5rem 3rem;
	}

	.form-group.InputBox i.PasswordIcon,
	.InputBox i.UserIcon,
	.form-group.InputBox i.EnvelopeIcon {
		left: 1rem;
		background-size: 20px auto;
	}

	.InputButton p br {
		display: none;
	}

	.InviteHead {
		flex-wrap: wrap;
		padding: 0;
	}

	.InviteSent {
		margin: 0;
		flex-wrap: wrap;
	}

	.InviteSent button {
		margin: 0 0 1rem;
	}

	.InviteHead .InviteCheckbox {
		padding-left: 0;
		flex-wrap: wrap;
	}

	.InviteHead .InviteCheckbox .form-group {
		margin: 0.5rem 0;
		max-width: 50%;
		width: 100%;
		padding: 0;
	}

	.d-flex.PageBTMbtn {
		flex-wrap: wrap;
	}

	.d-flex.PageBTMbtn button,
	.d-flex.PageBTMbtn a {
		margin: 0.5rem auto;
	}

	.InputWithBtn .OR {
		padding: 0.5rem 1rem;
	}

	.UseDefaults {
		padding: 0.5rem;
		min-height: 250px;
	}

	h4 {
		font-size: 0.95rem;
	}

	.InputWithBtn .form-group {
		margin-bottom: 2rem;
	}

	.InputWithBtn {
		margin-bottom: 0;
	}

	.SetPermission {
		margin-bottom: 1.5rem;
	}

	.form-group {
		margin-bottom: 1.5rem;
	}

	.MentionedHead,
	.StatsHead {
		flex-wrap: wrap;
	}

	.MentionedHead a,
	.StatsHead a,
	.MentionedHead h4,
	.StatsHead h4 {
		margin: 0 0 0.5rem 0;
	}

	.MentionedHead,
	.SortBy {
		margin: 0 0 0.5rem !important;
		width: 100%;
	}

	.MentionedBody ul li {
		flex-wrap: wrap;
	}

	.MentionedBody {
		padding: 1rem;
	}

	.GoChat {
		border-top: 1px solid #eff3f3;
		border-left: 0;
		margin: 0.5rem 0 0 !important;
		padding: 0.5rem 0 0;
		width: 100%;
	}

	.form-group label {
		font-size: 0.8rem;
	}

	.FavouritesUl ul {
		flex-wrap: wrap;
	}

	.FavouritesUl ul li {
		margin: 0.5rem 1rem 0.5rem 0;
	}

	.FavouritesBox ul {
		flex-wrap: wrap;
	}

	.FavouritesBox ul li {
		margin: 0.5rem 1rem 0.5rem 0;
	}

	.UpgradePlan>ul {
		flex-wrap: wrap;
	}

	.UpgradePlan>ul>li {
		width: 100%;
	}

	.UpgradePlan>ul>li+li {
		margin: 4rem 0 0;
	}

	.PlanBox {
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}

	.UpgradePlan {
		margin: 0 0 2rem;
	}

	#Standard .UpgradePlan {
		height: auto;
	}

	.WeeklyHead {
		flex-wrap: wrap;
	}

	.WeeklyHead p {
		margin: 0 !important;
	}

	.AddHeader {
		padding: 1rem;
	}

	.AddHeader>.d-flex {
		flex-wrap: wrap;
	}

	.AddHeader>.d-flex>button {
		margin: 0.5rem auto;
	}

	.DateCategoryCarousel>.d-flex {
		flex-wrap: wrap;
	}

	.DateCategoryCarousel>.d-flex>button {
		margin: 0.5rem auto;
	}

	.CategoryBodyList ul li {
		padding: 0.5rem;
		flex-wrap: wrap;
	}

	.CategoryHead {
		padding: 0.8rem;
	}

	.ContentBoxOpen .ContentLeft,
	body .ContentLeft {
		flex: 0 0 100%;
		max-width: 100%;
		-ms-flex: 0 0 100%;
		padding-right: 15px;
	}

	.ContentBoxOpen .ContentRight,
	body .ContentRight {
		flex: 0 0 100%;
		max-width: 100%;
		right: 0 !important;
		position: relative !important;
		-ms-flex: 0 0 100%;
	}

	.MetaData {
		margin-top: 1rem;
	}

	.TimeLineHead {
		flex-wrap: wrap;
	}

	.TimeLineHead h4 {
		width: 100%;
		margin: 0 0 0.2rem;
	}

	.TimeLineBody {
		margin: 0 1rem 1rem;
		width: calc(100% - 2rem);
	}

	.MultiActionHeader ul {
		flex-wrap: wrap;
	}

	.MultiActionHeader ul li {
		padding: 0 0.5rem 0.5rem;
	}

	.CategoryAction ul {
		padding: 0 0 0 1rem;
	}

	.ContentLeft .WhiteBox,
	.ContentRight .WhiteBox {
		height: auto;
		min-height: 54px;
	}

	.InviteCheckbox {
		flex-wrap: wrap;
	}

	.modal-dialog {
		padding: 1rem 0.8rem;
	}

	.modal-header {
		padding: 1rem 1rem 0.5rem;
	}

	.modal-body {
		padding: 1rem;
	}

	.WayneHarvey h4 {
		margin: 0 0 1rem 0;
		display: block;
		width: 100%;
	}

	.WayneHarvey .form-group {
		margin-bottom: 0.5rem;
	}

	.AlertsPlan ul li label {
		font-size: 0.9rem;
		line-height: normal;
		margin: 0;
	}

	.AlertsPlan-01 {
		padding-right: 0.5rem;
	}

	.AlertsPlan ul li {
		align-items: center;
	}

	.PasswordCodeBTM {
		padding: 0;
		flex-wrap: wrap;
	}

	.PasswordCodeBTM a,
	.PasswordCodeBTM button {
		margin: 0 0 1rem;
	}

	.HistoryTableWrap {
		overflow: auto;
	}

	.HistoryTableWrap table {
		min-width: 700px;
	}

	#Permissions .SharedWith .InviteBox {
		margin: 0 -1rem 1rem;
	}

	.ShareWrapBTM {
		margin: 1rem 0;
		flex-wrap: wrap;
	}

	.ShareWrapBTM .PasswordCode {
		margin: 0 0 1rem;
	}

	.ShreCheckbox {
		margin: 1rem 0;
	}

	.InviteHead p.ml-auto {
		margin: 0 !important;
	}

	.ActionWrapinner {
		width: 100% !important;
	}

	.InviteSent>.d-flex {
		margin-left: 1.5rem;
	}

	.PrincingPage .PlanPrice {
		min-height: initial;
	}

	.inner-block {
		margin-bottom: 3rem;
	}

	.LearnMore.inner-block {
		margin-left: 2rem;
	}

	.inner-block {
		margin-bottom: 3rem;
		max-width: 202px;
	}

	.inner-block.configure-btn {
		margin-bottom: 0px;
	}

	.FinishPopup h3 {
		font-size: 1rem;
	}

	ul.AllFilesUl>li>.d-flex>a .file-icon {
		width: 100px;
		min-width: 100px;
		height: 100px;
	}

	.ViewActive .AllFilesWrap .mCSB_container_wrapper {
		margin-right: 20px;
	}

	.AllFilesWrap .mCSB_container_wrapper {
		margin-right: 10px;
	}

	body.shared-file-view-wrapper:not(.ViewActive) ul.AllFilesUl>li>.d-flex>a .file-icon {
		width: 100px;
		min-width: 100px;
		height: 100px;
	}
}

@media screen and (max-width:728px) {
	ul.AllFilesUl>li input[type="checkbox"] {
		position: relative;
		left: 0;
		top: 0;
	}

	ul.AllFilesUl>li.open-context-menu .filedetails-block {
		width: 100% !important;
	}
}

@media screen and (min-width: 576px) and (max-width: 767px) {
	.right-action-wrapper .filter-files.dropdown.bootstrap-select {
		max-width: 150px;
	}

	.right-action-wrapper .sort-files.dropdown.bootstrap-select {
		max-width: 180px;
	}
}

@media (max-width: 575px) {

	/* #preview-contents {
		min-height: inherit;
		max-height: inherit !important;
	} */
	.right-action-wrapper .filter-files.dropdown.bootstrap-select {
		max-width: calc(100% - 35px);
	}

	.right-action-wrapper .sort-files.dropdown.bootstrap-select {
		max-width: 100%;
	}

	.right-action-wrapper .filter-files.dropdown.bootstrap-select button.dropdown-toggle:after {
		margin-right: 12px;
	}

	ul.AllFilesUl>li>.d-flex>a .file-icon {
		width: 55px;
		min-width: 55px;
		height: 55px;
	}

	ul.AllFilesUl>li>.d-flex>a i img {
		padding: 5px;
	}

	.right-file-details-section {
		width: calc(100% - 55px);
	}

	.AllFiles{
		padding: .5rem;
	}
}

/* plan list page css start */
.plan-wrap h4 span {
	border-left: 4px solid #05b3b4;
}

.plan-wrapper>ul>li {
	margin: 0 0rem 0 0;
	max-width: 600px;
	width: 500px;
}

.plan-wrapper ul li .PlanBox {
	width: 100%;
}

.plan-wrapper .PlanIncude a.btn {
	min-width: 150px;
}

.planprice-label h3 {
	color: #05b3b4;
}

.price-dialog {
	max-width: 1000px;
}

@media screen and (min-width: 540px) and (max-width: 575px) {
	.inner-block {
		max-width: 192px;
	}
}

@media screen and (max-width: 539px) {
	.inner-block {
		width: 100%;
	}

	.LearnMore.inner-block {
		margin-left: 0rem;
	}

	.select-file {
		max-width: initial;
	}

	.FileTimeLine .d-flex.align-items-center {
		flex-wrap: wrap;
	}

	.FileTimeLine .dropdown.bootstrap-select.sort-files {
		margin-left: 0;
		max-width: -webkit-fill-available;
	}
}

.w-3 {
	width: 3.5rem !important;
}

.custom-pl-4 {
	padding-left: 4rem;
}

.img-preview-profile {
	max-width: 100px !important;
	width: 100% !important;
	max-height: 100px !important;
	border-radius: 50%;
	min-height: 36px !important;
	height: 36px;
	min-width: 36px;
	object-fit: cover;
	object-position: center;
}

.hide {
	display: none !important;
}

.border-light-grey {
	border-top: 1px solid #cbd4db;
}

.btn-outline-primary {
	background: transparent;
	color: #05b3b4;
	border-color: #05b3b4;
	transition: ease-in-out 0.5s;
}

.btn-outline-primary i {
	background: url(../images/RightArrowPrimary.svg) no-repeat 0 0;
}

.btn-outline-primary span {
	color: #05b3b4;
}

.btn-outline-primary:not(:disabled):not(.disabled).active span,
.btn-outline-primary:not(:disabled):not(.disabled):active span,
.show>.btn-outline-primary.dropdown-toggle span,
.btn-outline-primary:focus span,
.btn-outline-primary.focus span,
.btn-outline-primary:hover span,
.btn-outline-primary:hover span {
	color: #fff;
}

.btn-outline-primary:not(:disabled):not(.disabled).active i,
.btn-outline-primary:not(:disabled):not(.disabled):active i,
.show>.btn-outline-primary.dropdown-toggle i,
.btn-outline-primary:focus i,
.btn-outline-primary.focus i,
.btn-outline-primary:hover i,
.btn-outline-primary:hover i {
	background: url(../images/RightArrow.svg) no-repeat 0 0;
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle,
.btn-outline-primary:focus,
.btn-outline-primary.focus,
.btn-outline-primary:hover,
.btn-outline-primary:hover {
	background: #05b3b4;
	border: 2px solid #05b3b4;
}

.mw-135 {
	min-width: 135px !important;
}

.mxw-95 {
	max-width: 95% !important;
}

.mxw-85 {
	max-width: 80% !important;
}

/* select 2 dropdown css */
.SelectBoxWrap span.select2 {
	width: 100%;
}

.upload-new-file-form .dz-default.dz-message:before {
	font-size: 80px;
	top: 48px;
	width: 80px;
	height: 80px;
	margin-left: -32px;
	background-image: url(../../user/images/server-grayicon.svg?cache);
	content: "" !important;
}

.app-configuration-modal .modal-dialog {
	max-width: 1125px;
}

body.modal-open {
	padding-right: 0px !important;
}

.business-settings-modal .tag-form .select2-container,
.custom-settings-modal .tag-form .select2-container {
	width: 100% !important;
}

.f-18 {
	font-size: 18px !important;
}

.f-15 {
	font-size: 15px !important;
}

.planlabel-head {
	background: #05b3b429;
	padding: 5px 15px !important;
	border-radius: 6px;
}

/* --- Dash Boardpage drop css --- */
.select-file {
	max-width: 150px;
}

.share-folder-modal .select-file {
	max-width: 180px;
}

button.btn.dropdown-toggle.btn-light {
	padding-left: 8px;
	border-radius: 4px;
}

.select-file .dropdown-toggle::after {
	margin-top: -5px;
	margin-right: 15px;
}

/* File Active */
ul.AllFilesUl>li>.d-flex>a.active {
	border: 1px solid #05b3b4;
	text-decoration: none;
}

ul.AllFilesUl>li>.d-flex>a.active i {
	border-color: #05b3b4;
}

ul.AllFilesUl>li>.d-flex>a.active span {
	color: #05b3b4;
	text-decoration: none;
}

@media screen and (max-width: 1199px) {
	ul.AllFilesUl>li.open-context-menu {
		width: calc(50% - 0.8rem);
	}
}

@media screen and (max-width: 767px) {
	ul.AllFilesUl>li.open-context-menu {
		width: calc(100% - 0.8rem);
	}

	ul.AllFilesUl>li>.d-flex>a i img {
		/* width: 22px; */
	}
}

/* upgrade page css start */
.plan-subwrappers {
	height: calc(100% - 230px);
}

.PreviewImg iframe {
	width: 100%;
	height: 100%;
	border: 0;
	background: transparent;
	overflow: hidden;
}

.description-text {
	max-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.upgrade-icon {
	position: relative;
	top: 35px;
	z-index: 1;
}

.card.upgrade-card {
	overflow: hidden;
}

.card.upgrade-card a {
	text-decoration: none;
}

.active-label {
	color: #ffffff !important;
	transform: rotate(-40deg) translate(-125px, -85px);
	width: 170px;
	text-align: center;
	border-radius: 0px;
	padding: 8px 0px !important;
	top: 0;
	background: #05b3b4;
	font-size: 14px;
}

.form-group.checkbox-center input[type="radio"]+label:before,
.form-group.checkbox-center input[type="checkbox"]+label:before {
	top: 10px !important;
}

.form-group.checkbox-center input[type="radio"]+label:after,
.form-group.checkbox-center input[type="checkbox"]+label:after {
	top: 13px;
}

.MetaDataBoxHead h4,
.MetaDataBoxHead:hover h4 {
	color: #7d8888;
}

.HeaderProfile .dropdown-item:focus,
.HeaderProfile .dropdown-item:hover {
	background-color: #e0e0e0bc !important;
}

span.select2 {
	width: 100% !important;
}

label.error {
	color: #dc3545 !important;
}

/* Upload file changes */
.upload-file .dz-details {
	display: flex;
	justify-content: center;
}

.upload-file .dz-details .dz-size {
	position: absolute;
	bottom: -50px !important;
	left: auto !important;
}

.gray-txt {
	color: #9a9a9a;
}

.gray-txt.file-count-wrap {
	font-size: 0.9rem;
	line-height: 1.5;
	margin-bottom: 0px;
	font-weight: normal;
}

/* Copy link animation CSS */
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.bounceIn {
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
}

@-webkit-keyframes bounceIn {

	from,
	20%,
	40%,
	60%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	}

	80% {
		-webkit-transform: scale3d(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97);
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes bounceIn {

	from,
	20%,
	40%,
	60%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}

	40% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	}

	80% {
		-webkit-transform: scale3d(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97);
	}

	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

/* Copy link animation CSS */

.select2-selection .select2-selection__rendered .select2-selection__choice {
	width: auto;
}

.cursor-pointer {
	cursor: pointer !important;
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background-color: #f5f5f5;
	cursor: pointer;
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #a0a0a0;
	cursor: pointer;
}

.round {
	border-radius: 0.5rem;
	border: 1px solid #e8e8e8;
	padding: 0.5rem 1rem 0.5rem;
	/* margin-top: 0.5rem; */
	margin-bottom: 0.5rem;
}

.share-access-dropdown {
	display: flex;
	align-items: center;
	border: 1px solid #e8e8e8;
	border-radius: 6px;
	justify-content: space-between;
	padding: 6px !important;
	margin-bottom: 12px;
}

.share-access-dropdown .share-access-right {
	width: 138px;
}

.share-access-dropdown .username-left {
	/* max-width: 90px; */
	width: calc(100% - 145px);
	word-break: break-all;
}

.share-access-dropdown .share-access-right .form-control {
	background: #ededed;
}

.share-access-dropdown .share-access-right .form-group {
	border: none;
}

.MetaDataBoxBody>.d-flex::-webkit-scrollbar {
	width: 3px;
	background-color: #f5f5f5;
	cursor: pointer;
}

.modal-open .modal {
	scrollbar-color: #a0a0a0 #f5f5f5;
	scrollbar-width: thin;
}

/* Select2 dropdown right side arrow css start */
.select2-dropdown-toggle .select2:before {
	background: url(../images/Arrow.svg) no-repeat 0 0 / 8px auto;
	width: 8px;
	height: 14px;
	display: block;
	border: 0;
	position: absolute;
	top: 50%;
	right: 0;
	transform: rotate(-90deg);
	margin: -6px 2px 0 0;
	padding: 0;
	border-right: 0px !important;
	border-bottom: 0px !important;
	border-left: 0px !important;
	content: "";
	margin-top: -1px;
}

.context-menu-list {
	width: 300px !important;
	box-shadow: 0 2px 10px #0000001f !important;
	-webkit-box-shadow: 0 2px 10px #0000001f !important;
	border-radius: 0.5em !important;
	max-height: 500px !important;
	overflow: hidden auto !important;
	scrollbar-color: #a0a0a0 #f5f5f5;
	scrollbar-width: thin;
}

.context-menu-list .context-menu-item {
	padding: 0.35em 0.75em 0.35em 2.75em !important;
	position: relative;
}

.context-menu-item.context-menu-hover {
	background-color: #05b3b4 !important;
}

.context-menu-item.context-menu-hover:before {
	filter: brightness(2);
}

.context-menu-separator {
	margin: 0px 0px 10px !important;
}

li.context-menu-item.context-menu-icon:before {
	content: "";
	position: absolute;
	background-position: center;
	width: 24px;
	height: 24px;
	left: 8px;
	background-size: auto 16px;
	background-repeat: no-repeat;
	top: 15px;
}

li.context-menu-item.context-menu-icon.context-menu-icon-large-preview:before {
	background-image: url(../images/preview.svg);
}

li.context-menu-item.context-menu-icon.context-menu-icon-advanced-share:before {
	background-image: url(../images/advanced-share.svg);
}

li.context-menu-item.context-menu-icon.context-menu-icon-quick-share:before,
li.context-menu-item.context-menu-icon.context-menu-icon-file-folder-share:before {
	background-image: url(../images/Share.svg);
}

li.context-menu-item.context-menu-icon.context-menu-icon-history:before {
	background-image: url(../images/Calendar.svg);
}

li.context-menu-item.context-menu-icon.context-menu-icon-chat:before {
	background-image: url(../images/Chat.svg);
}

li.context-menu-item.context-menu-icon.context-menu-icon-rename:before {
	background-image: url(../images/Edit.svg);
}

li.context-menu-item.context-menu-icon.context-menu-icon-private-link:before {
	background-image: url(../images/private-link.svg);
}

li.context-menu-item.context-menu-icon.context-menu-icon-public-link:before {
	background-image: url(../images/GetLink.svg);
}

li.context-menu-item.context-menu-icon.context-menu-icon-password-lock:before {
	background-image: url(../images/PasswordLock.svg);
}

li.context-menu-item.context-menu-icon.context-menu-icon-change-file-properties:before {
	background-image: url(../images/folder-setting.svg);
}

li.context-menu-item.context-menu-icon.context-menu-icon-remove-public-link:before {
	background-image: url(../images/MakePublic.svg);
}

li.context-menu-item.context-menu-icon.context-menu-icon-rename-file:before {
	background-image: url(../images/Edit.svg);
}

li.context-menu-item.context-menu-icon.context-menu-icon-update-file-version:before {
	background-image: url(../images/upload2.svg);
}

/*
li.context-menu-item.context-menu-icon.context-menu-icon-tags:before {
	background-image: url(../images/hash-tags.svg);
}

li.context-menu-item.context-menu-icon.context-menu-icon-headings:before {
	background-image: url(../images/headers.svg);
}

li.context-menu-item.context-menu-icon.context-menu-icon-groups:before {
	background-image: url(../images/Download.svg);
}
*/
li.context-menu-item.context-menu-icon.context-menu-icon-change-permission:before {
	background-image: url(../images/Permission.svg);
}

li.context-menu-item.context-menu-icon.context-menu-icon-make-copy:before {
	background-image: url(../images/copy.svg);
}

li.context-menu-item.context-menu-icon.context-menu-icon-make-favorite:before {
	background-image: url(../images/Favourite.svg);
}

li.context-menu-item.context-menu-icon.context-menu-icon-mark-favorite:before {
	background-image: url(../images/mark-favourite.svg);
}

li.context-menu-item.context-menu-icon.context-menu-icon-like:before {
	background-image: url(../images/Like.svg);
}

li.context-menu-item.context-menu-icon.context-menu-icon-mark-like:before {
	background-image: url(../images/mark-like.svg);
}

li.context-menu-item.context-menu-icon.context-menu-icon-notification-setting:before {
	background-image: url(../images/notification.svg);
}

li.context-menu-item.context-menu-icon.context-menu-icon-delete:before {
	background-image: url(../images/Dustbin.svg);
}

li.context-menu-item.context-menu-icon.context-menu-icon-remove-password-lock:before {
	background-image: url(../images/Remove.svg);
}

li.context-menu-item.context-menu-icon.context-menu-icon-download:before {
	background-image: url(../images/Download.svg);
}

li.context-menu-item.context-menu-icon.context-menu-icon-add-preview-image:before {
	background-image: url(../images/Eye.svg);
}

.show-update-tags .custom-view {
	padding: 0.4rem 0.5rem;
	border: 1px solid #969b9b;
	border-radius: 0.5rem;
	cursor: pointer;
	margin-bottom: 0.8rem;
	margin-right: 0.8rem;
}

.fav {
	color: #05b3b4;
}

.fillIcon {
	background-image: url(../images/FavouriteHover.svg) !important;
}

.nofill {
	background-image: url(../images/Favourite.svg) !important;
}

.filllikeIcon {
	background-image: url(../images/LikeHover.svg) !important;
}

.nofilllike {
	background-image: url(../images/Like.svg) !important;
}

.mxw-75 {
	max-width: 75% !important;
}

.custom-disable {
	pointer-events: none;
	opacity: 0.5;
}

/* 9-30 */
#fav_table_wrapper .dataTables_scroll {
	padding: 10px;
	border: 1px solid #ddd;
	margin: 0 15px;
}

#fav_table_wrapper .dataTables_scroll .dataTables_scrollHead table {
	border: none !important;
}

#fav_table_wrapper .dataTables_scroll table.table.table-bordered.table-striped.dataTable.no-footer>thead>tr>th {
	border: none;
	padding: 15px;
	/*text-align: center;*/
	vertical-align: middle;
}

#fav_table_wrapper .dataTables_scrollBody table#fav_table {
	border: none !important;
}

#fav_table_wrapper .dataTables_scrollBody table#fav_table tr.odd {
	background: #fff !important;
}

#fav_table_wrapper .dataTables_scrollBody table#fav_table tr td {
	border: none !important;
	border-bottom: 1px solid #ddd !important;
	padding: 30px 20px !important;
	/*text-align: center;*/
	vertical-align: middle;
}

#fav_table_wrapper .bottom .dataTables_paginate {
	float: none;
	text-align: center;
	margin: 0;
	padding: 20px;
}

/* checkbox styling */
.custom_checkbox label {
	display: block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.custom_checkbox label input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: -15px;
	left: 50%;
	height: 14px;
	width: 14px;
	background-color: #fff;
	border: 1px solid #d9e2e2;
	border-radius: 2px;
	padding: 0;
	width: 22px;
	height: 22px;
	transform: translateX(-50%);
}

/* On mouse-over, add a grey background color */
.custom_checkbox label:hover input~.checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.custom_checkbox label input:checked~.checkmark {
	background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.custom_checkbox label input:checked~.checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.custom_checkbox label .checkmark:after {
	left: 7px;
	top: 2px;
	width: 6px;
	height: 11px;
	border: solid #1f2929;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.select2-dropdown-toggle span.select2-selection.select2-selection--single {
	background: #fff !important;
	border: none !important;
	height: 35px;
}

.select2-dropdown-toggle .select2-container--classic .select2-selection--single .select2-selection__arrow {
	background-image: none !important;
	background-color: transparent;
	border: none;
}

.select2-selection--single .select2-selection__arrow:after {
	display: none !important;
}

.form-group.RightTwoIcon .InputIcon i:first-child {
	margin-left: 0;
}

span.select2-selection.select2-selection--multiple:hover {
	background: rgb(153 153 153 / 0.15);
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 2px !important;
	padding-right: 0 !important;
}

span.select2-selection.select2-selection--multiple {
	position: relative;
}

li.CategoryDataAnalytics.view-file-details {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: auto !important;
}

/* span.select2-selection.select2-selection--multiple::after {content: "";background: url("../images/Arrow.svg") no-repeat 0 0 / 8px auto;width: 8px;height: 14px;display: block;border: 0;position: absolute;top: 50%;right: 0;transform: rotate(-90deg);margin: -6px 2px 0 0;padding: 0;border-right: 0px !important;border-bottom: 0px !important;border-left: 0px !important;} */

/*http://localhost/collabow_admin/app/assets/user/images/Arrow.svg 
.select2-container--classic .select2-selection--single{
	background-image: none;
	background: #fff;
	background-color: #fff;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
	background-image: none;
	border: none;
} */

/* 09-10-2020 @MRA */

.fixed-header .SearchBox {
	background: #eff3f3 !important;
	/* background: #fff !important; */
}

.fixed-header .SearchBox input {
	background: #eff3f3 !important;
	/* background: #fff !important; */
}

.typeahead__dropdown .typeahead__dropdown-item>a,
.typeahead__list .typeahead__item>a {
	display: inline-flex !important;
}

.typeahead__container span.extension {
	margin-right: 5px;
	width: auto;
}

.typeahead__container span.extension img {
	width: 25px;
}

.typeahead__container span.name {
	line-height: 1.5;
	font-size: 14px;
	overflow: hidden;
	width: auto;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.typeahead__container .typeahead__query .search {
	border: 0;
}

.typeahead__button button {
	border: 0 !important;
}

.typeahead__container .typeahead__list {
	width: 300px;
	padding: 0px !important;
}

.typeahead__container .typeahead__list a {
	width: 100%;
}

.typeahead__container .advanced-search {
	transform: rotate(-90deg);
	top: 3px;
}

.typeahead__container .advanced-search img {
	width: 6px;
}

.SearchBox .typeahead__container .typeahead__field .typeahead__button button.search-icon {
	position: absolute;
	left: -65px;
	transform: translateY(0px);
	top: 0px;
}

li.ActiveUser .ChatBoxDIV .ChatBoxMessage i {
	right: 5px;
	bottom: 1px;
	text-align: right;
	display: flex;
}

@media screen and (max-width: 1299px) {
	.IAexample.chat-new-card {
		order: 1;
	}

	.ActionWrapinner .FileTimeLine {
		order: 2;
	}
}

/* Dashboard preview-tab design css start */
@media screen and (max-width: 768px) {
	ul#preview-tabs:before {
		content: none;
	}

	ul#preview-tabs {
		margin-left: 0px;
		margin-right: 0px;
		padding-top: 0.8rem !important;
	}

	.AddNewObject .AddFolder {
		width: 100%;
		display: block;
	}

	.AddNewObject .DateCategoryCarousel {
		width: 100%;
		margin-left: auto;
	}

	#invite-user-setting {
		height: 100% !important;
	}
}

/* Chat filter list block css start */
.userfilter-list {
	width: calc(100% - 15px);
	bottom: 10rem;
	background: #fff;
	left: 15px;
	right: 0;
	z-index: 1;
	border: 1px solid #dad5d5;
	border-radius: 5px;
	max-height: 250px;
	overflow: auto;
	position: absolute;
}

.userfilter-list p {
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	transition: ease 0.25s;
	cursor: pointer;
}

.userfilter-list p:hover {
	background: #ddffff;
}

div #messageText {
	margin: 0 0 0.2rem;
	width: calc(100% - 10px);
	padding: 1rem 2rem 1rem 1rem !important;
	border: 1px solid #eff3f3 !important;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
	border-radius: 6px;
	resize: none;
	height: 56px;
}

button.btn.sendMsg:not(.file-send-msg) {
	min-width: 125px;
}

strong {
	font-weight: bold;
}

/* chatbox user drop down content css */
.CommentSubmit .dropdown-menu {
	left: 0px !important;
	width: calc(100% - 30px);
	max-height: 200px;
	overflow: auto;
	top: auto !important;
	bottom: 100% !important;
}

.CommentSubmit .dropdown-item {
	white-space: normal;
}

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

/* 26-10-2020 MRA */
.result-content {
	border-radius: 6px;
}

.result-title h5 {
	color: #05b3b4;
	word-break: break-all;
}

.services-level h6 {
	color: #232323;
	font-size: 13px;
	word-break: break-all;
}

.services-level p {
	word-break: break-all;
	font-size: 12px;
	font-weight: 400;
}

.close-btn {
	position: absolute;
	right: -11px;
	top: -11px;
	width: 36px;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	background: #fff;
	box-shadow: 0px 3px 10px 0px #00000036;
}

@media screen and (min-width: 992px) {
	.result-wrapper {
		border-right: 1px solid #fff0d0;
	}
}

@media screen and (min-width:1200px) {
	.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
		font-size: 0.9rem;
	}
}

@media screen and (max-width: 991px) {
	.result-wrapper {
		border-bottom: 1px solid #fff0d0;
	}

	.tab-content>.active {
		max-height: 100%;
	}

	button.btn.dropdown-toggle.btn-light {
		padding-left: 8px;
	}

	.dashboard-content .WhiteBox .CategoryAction {
		margin-left: 0px;
	}

	.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
		font-size: 0.9rem;
	}

}

@media screen and (max-width:767px) {
	.dashboard-content .WhiteBox .CategoryAction.file-action {
		margin-top: 15px;
		width: 100% !important;
	}

	.dashboard-content .WhiteBox .CategoryAction.file-action .dropdown.bootstrap-select.filter-files.select-file {
		max-width: calc(100% - 38px);
	}

	.dashboard-content .WhiteBox .CategoryAction {
		margin-left: 15px;
	}

	.dashboard-content .WhiteBox .CategoryAction.showall-fav{
		margin-left: 0px;
	}
	.dashboard-content .WhiteBox .CategoryAction.showall-fav .tooltip1 .tooltiptext{
		left: auto;
		right: 0;
	}
}

@media screen and (max-width:575px) {
	.multi_filter .filter_inner {
		max-width: 100%;
		width: 100%;
		margin-right: 1rem !important;
	}

	.multi_filter .search_todo {
		max-width: 100% !important;
		margin-left: 1rem !important;
		margin-right: 1rem !important;
	}
}

/* 27-10-2020 MRA */
.ActionsTabs ul li.BasicView a i {
	background-image: url(../images/preview.svg);
}

.ActionsTabs ul li.BasicView:hover i,
.ActionsTabs ul li.active.BasicView a i {
	background-image: url(../images/preview-hover.svg);
}

/* MRA 09-01-2021 start */
.ActionsTabs ul li.BasicChangeFileProperties a i {
	background-image: url(../images/folder-setting.svg);
}

.ActionsTabs ul li.BasicChangeFileProperties:hover i,
.ActionsTabs ul li.active.BasicChangeFileProperties a i {
	background-image: url(../images/folder-setting-hover.svg);
}

/* MRA 09-01-2021 end */

.ActionsTabs ul li.BasicAdvancedShare a i {
	/*background-image: url(../assets/user/images/preview.svg);*/
	background-image: url(../images/advanced-share.svg);
}

.ActionsTabs ul li.BasicAdvancedShare:hover i,
.ActionsTabs ul li.active.BasicAdvancedShare a i {
	background-image: url(../images/advanced-share-hover.svg);
}

.line-height-2 {
	line-height: 2.5;
}

.custom-border-theme {
	border-color: #05b3b4 !important;
}

.custom-border {
	border-color: #05b3b4 !important;
	border-radius: 0.5rem;
}

.small-img {
	height: 15px;
}

/* 27-10-2020 MRA */

/*.ActionWrapinner .FileTimeLine .TimeLine .TimeLineBody .TimeLineArrow .mCSB_container,
.AllFilesWrap div#mCSB_6_container {
	top: 0px !important;
}*/
/* All files details block start */
.filedate {
	width: 75px !important;
	display: block !important;
	overflow: inherit !important;
	padding-right: 3px !important;
	border-right: 1px solid #cbcbcb;
	font-size: 12px !important;
	padding-left: 0px !important;
}

.fileownname {
	max-width: calc(100% - 87px) !important;
	word-break: break-all;
	padding-right: 10px !important;
	border-right: 1px solid #cbcbcb;
	font-size: 12px !important;
	width: auto !important;
	padding-left: 10px !important;
	margin-right: 10px;
}

span.BasicChat {
	width: 43px !important;
	display: block !important;
	overflow: inherit !important;
	font-size: 12px !important;
	padding-left: 7px !important;
}

.file-name {
	font-weight: 400;
	font-size: 14px;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

ul.AllFilesUl li.open-context-menu .d-flex .view-file-details span.filedate,
ul.AllFilesUl li.open-context-menu .d-flex .view-file-details span.fileownname {
	color: #758080 !important;
	padding-bottom: 0px;
}

ul.AllFilesUl li.open-context-menu .d-flex>.view-file-details span.filedate:hover,
ul.AllFilesUl li.open-context-menu .d-flex>.view-file-details span.fileownname:hover {
	color: #05b3b4 !important;
}

/* 28-10-2020 @MRA */
.line-height-custom-2 {
	line-height: 2.2;
}

/* search dropdown css start */
.SelectBoxWrap span.select2-selection.select2-selection--single {
	border: none;
	padding: 0.5rem;
	min-height: 36px !important;
	background: #fff !important;
}

.SelectBoxWrap span.select2-selection.select2-selection--single:hover {
	-webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset;
	box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.05) inset;
}

.SelectBoxWrap span.select2-selection.select2-selection--single:after {
	content: "";
	background: url(../images/Arrow.svg) no-repeat 0 0 / 8px auto;
	width: 8px;
	height: 14px;
	display: block;
	border: 0;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: rotate(-90deg);
	margin: -6px 2px 0 0;
	padding: 0;
	border-right: 0px !important;
	border-bottom: 0px !important;
	border-left: 0px !important;
}

.SelectBoxWrap span.select2-selection.select2-selection--single .select2-selection__arrow {
	display: none;
}

.max-height-105 {
	max-height: 105px;
	overflow: auto;
}

/* 28-10-2020 @MRA */

/* 29-10-2020 @MRA */
.application-config-step1-form a {
	text-decoration: none;
}

.btn-custom-close {
	min-width: 130px;
}

.btn-custom-close span {
	margin-right: 0;
}

/* 29-10-2020 @MRA */

/* 30-10-2020 @MRA */
span.select2.select2-container.select2-container--classic {
	border-bottom: 1px solid #a2a1a1;
	/*min-height: 45px; */
}

span.select2.select2-container.select2-container--classic:hover {
	border-bottom: 1px solid #05b3b4;
	transition: ease-in-out 0.5s;
}

/* 30-10-2020 @MRA */

/* More Button css */
span.more_alerts {
	display: inline-block;
	background: #05b3b4;
	color: #fff;
	border-radius: 4px;
	padding: 4px 15px;
	font-size: 16px;
	cursor: pointer;
	border: 1px solid #05b3b4;
	transition: ease 0.25s;
}

span.more_alerts:hover {
	background: #fff;
	color: #05b3b4;
}

/* More Button css */

/* show-update-tags modal css start */
#show-update-tags .modal-dialog,
#show-update-folders .modal-dialog {
	max-width: 100%;
	height: 100%;
}

#show-update-tags .modal-content,
#show-update-folders .modal-content {
	height: 100%;
}

/* show-update-tags modal css end */

/* 02-11-2020 @MRA */
.max-height-list {
	height: auto;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 240px;
}

.search-result-main .close-btn {
	cursor: pointer;
}

/* 02-11-2020 @MRA */

/* 03-11-2020 @MRA */
section.drivefile-wrapper {
	position: fixed;
	background: #000000c4;
	width: 100%;
	height: 100%;
	z-index: 111;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: auto;
}

.st0,
.st10,
.st12 {
	display: none;
	fill: none;
}

.st1,
.st13 {
	fill: #ffffff;
}

.st4 {
	fill: none;
}

.st11 {
	display: inline;
}

.drive-header {
	background: #00000085;
	min-height: 55px;
	padding: 0px 25px;
}

.file-back {
	width: 40px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.25s;
	border-radius: 4px;
	cursor: pointer;
}

.file-back:hover {
	background: #ffffff52;
}

.filename-label {
	max-width: calc(100% - 60px);
	width: 100%;
}

.file-img {
	width: 21px;
	height: 21px;
}

.filename-txt {
	max-width: calc(100% - 40px);
}

.filename-txt span {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.openwith-btn {
	min-width: 100px;
	height: 36px;
	background: #0006;
	border-radius: 0px;
	padding: 0px 10px;
	color: #fff !important;
	transition: ease 0.25s;
}

.openwith-btn:after {
	right: 6px !important;
}

.openwith-btn:hover {
	background: #ffffff1a;
}

.icon-block {
	width: 40px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	transition: ease 0.25s;
	cursor: pointer;
}

.icon-block:hover {
	background: #ffffff52;
}

.border-radius-10 {
	border-radius: 10px;
}

@media screen and (max-width: 767px) {
	.file-back {
		position: absolute;
		left: 0;
		top: 5px;
	}
}

/* 03-11-2020 @MRA */

/* 04-11-2020 @MRA */
.TimeLineBody .TimeLineArrow .mCSB_container {
	top: 0px !important;
}

#search-key {
	word-break: break-all;
}

@media screen and (max-width: 1299px) {
	.dashboardHeader {
		left: 11.5rem;
		width: calc(100% - 13.5rem);
	}

	.MobileHeader .HumberIcon {
		display: none;
	}
}

@media screen and (min-width: 992px) {

	.mobile-search,
	.search-close {
		display: none;
	}
}

@media screen and (max-width: 991px) {
	.search-fullwidth {
		position: fixed;
		left: 0;
		height: 60px;
		display: flex;
		align-items: center;
		background: #fff;
		z-index: 11;
		max-width: 100%;
		right: 0;
		top: 1px;
		display: none;
		border-radius: 0px;
		border-right: 0px;
	}

	button.search-icon {
		background: transparent;
		border: none;
		outline: none;
		margin-right: 5px;
		margin-left: 2px !important;
	}
}

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

	.FilesViews ul li a i svg,
	.ToDoViews ul li a i svg {
		width: 20px;
	}

	.MobileHeader>.d-flex>a>img {
		max-height: 27px;
		margin-top: 2px;
	}

	.MobileHeader .mobile-logo {
		width: 28px;
		overflow: hidden;
		min-height: 35px;
		position: relative;
		top: 5px;
	}

	.dashboardHeader {
		left: 1.25rem !important;
		width: calc(100% - 2.5rem) !important;
	}

	.HeaderProfile strong {
		font-size: 12px;
	}

	.dashboardHeader.fixed-header:before {
		box-shadow: none;
		left: 0;
		height: 60px;
	}

	.search-fullwidth input#search {
		width: calc(100% - 33px);
		overflow: hidden;
		margin-right: 10px;
	}

	.BusinessItem>ul>li>a {
		font-size: 0.75rem;
	}

	.BusinessItem>ul>li>a.dropdown-toggle {
		padding-right: 1.5rem !important;
	}

	.FilesViews ul li,
	.ToDoViews ul li {
		padding: 0 0.25rem;
	}

	.HeaderProfile {
		padding: 0 2.75rem 0 0;
	}

	.HeaderProfile span {
		width: 30px;
		height: 30px;
	}

	.img-preview-profile {
		min-height: 30px !important;
		height: 30px;
		min-width: 30px;
	}
}

@media screen and (max-width: 500px) {
	.advance-filter-search button.btn.dropdown-toggle.btn-light {
		margin-left: 0px !important;
	}
}

/* @media screen and (max-width:499px) {
	.search-fullwidth {
		position: fixed;
		left: 0;
		height: 60px;
		display: flex;
		align-items: center;
		background: #fff;
		z-index: 11;
		max-width: 100%;
		right: 0;
		top: 1px;
		display: none;
	}

	.search-fullwidth input#search {
		width: calc(100% - 33px);
		overflow: hidden;
		margin-right: 10px;
	}
} */

.search-fullwidth {
	/*display: none;*/
	justify-content: space-between;
}

.search-fullwidth.show {
	display: flex !important;
}

.mobile-search {
	z-index: 1;
}

.active-filter span,
.active-filter a {
	background: #eff3f3;
	text-decoration: none;
	color: #05b3b4 !important;
	text-decoration: none;
}

/* 04-11-2020 @MRA */

/* 08-11-2020 @MRA */
.view-file-details.active .file-name {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	max-width: 230px;
}

.preview-content .file-name {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	max-width: 200px;
}

.menustyle-icon {
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	background-color: #fff;
	position: relative;
	border: 1px solid #eff3f3;
	cursor: pointer;
}

/* 08-11-2020 @MRA */
/* Notification Drodown Css start */
.bell-btn {
	width: auto;
	min-width: auto;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	position: relative !important;
	box-shadow: none !important;
}

.bell-btn:after {
	display: none;
}

.bell-btn svg {
	color: #05b3b4;
	width: 20px;
}

.notification-no {
	/*  position: absolute;
	right: -12px;
	width: 22px;
	height: 22px;
	background: #ef8e17;
	top: -11px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px; */
	position: absolute;
	right: -5px;
	width: 11px;
	height: 11px;
	background: #ef8e17;
	top: -5px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
}

.notification-no span {
	font-size: 16px;
	line-height: 0;
	margin: 0;
}

.notification-dropdown {
	width: 320px;
	border: 1px solid #05b3b4;
	box-shadow: 0px 3px 10px 0px #05b3b438;
	padding: 0px;
	transition: all 0.2s ease;
	opacity: 0;
	display: block !important;
	visibility: hidden;
	right: 0 !important;
	left: inherit !important;
	transform: translateX(0%) translateY(-70px) scale(0.97) !important;
}

.notification-dropdown.show {
	transform: translateX(0%) translateY(25px) scale(1) !important;
	opacity: 1;
	visibility: visible;
}

.notification-dropdown.show div.d-flex a {
	width: 95%;
}

.userprofile-dropdown {
	transition: all 0.2s ease;
	opacity: 0;
	display: block !important;
	visibility: hidden;
	right: 0 !important;
	left: inherit !important;
	transform: translateX(0%) translateY(-70px) scale(0.97) !important;
}

.userprofile-dropdown.show {
	transform: translateX(0%) translateY(45px) scale(1) !important;
	opacity: 1;
	visibility: visible;
}

.notification-dropdown button.dropdown-item {
	padding: 15px 15px;
	border-bottom: 1px solid #e0e6e6;
	/* word-break: break-all; */
	white-space: normal;
}

.notification-dropdown button.dropdown-item:last-child {
	border-bottom: none;
}

.notification-dropdown button.dropdown-item.now-msg {
	background: #05b3b41f;
	box-shadow: inset 0px 0px 6px 0px #05b3b461;
}

a.clearall-btn {
	width: 100%;
	padding: 6px 15px;
	display: block;
	text-align: center;
	background: #05b3b4;
	color: #fff !important;
	font-weight: 500;
	font-size: 15px;
}

/* Notification Drodown Css end */

/* 10-11-2020 @MRA */
.box-wrapper img {
	max-height: 16px;
}

.OpenPreview .BoxIconsNav,
.OpenPreview .BoxIconsClose {
	cursor: pointer;
}

.preview-fix-textarea {
	resize: none;
	overflow: auto;
	max-width: 810px;
	height: 97%;
}

/* 10-11-2020 @MRA */

/* 11-11-2020 @MRA */
.filedetails-block:hover .menustyle-icon {
	border: 1px solid #05b3b4;
	text-decoration: none;
	border-left: 1px solid transparent;
}

@media screen and (min-width: 1200px) {

	.ContentBoxOpen li.open-context-menu,
	.open-chatbox li.open-context-menu {
		width: calc(33.33% - 0.8rem);
	}
}

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

	.ContentBoxOpen li.open-context-menu,
	.open-chatbox li.open-context-menu {
		width: calc(100% - 0.8rem);
	}
}

/* 11-11-2020 @MRA */

/* 12-11-2020 @MRA */
.disabled-action span {
	color: #a0a0a0;
	pointer-events: none;
}

.disabled-action {
	pointer-events: none;
	opacity: 0.8;
}

ul.AllFilesUl>li .active {
	border: 1px solid #05b3b4;
	text-decoration: none;
}

.close-chatbtn img {
	max-height: 14px;
	position: absolute;
	right: 10px;
	top: 8px;
	cursor: pointer;
}

/* 12-11-2020 @MRA */

/* 19-11-2020 */
/*.open-file-upload-modal li.select2-results__option.select2-results__option--group[aria-label="List of folders"]{
	background: #eff3f3;
	box-shadow: 0px -5px 10px 0px #00000014;
	color: #05b3b4;
}
.open-file-upload-modal li.select2-results__option.select2-results__option--group[aria-label="List of folders"] strong{
	font-weight: 400;
}*/

/* 21-11-2020 */
li.select2-results__option[aria-label="───────────────────────────────────────────────────────────"] strong {
	padding: 0;
	margin: 0;
}

li.select2-results__option[aria-label="───────────────────────────────────────────────────────────"] li,
li.select2-results__option[aria-label="───────────────────────────────────────────────────────────"] li.select2-results__option--highlighted,
li.select2-results__option[aria-label="───────────────────────────────────────────────────────────"] li.select2-results__option--selectable,
li.select2-results__option[aria-label="───────────────────────────────────────────────────────────"] li.select2-results__option--selected {
	background: #2c8b94;
	color: #fff;
}

li.select2-results__option[aria-label="───────────────────────────────────────────────────────────"] li:hover {
	background: #2c8b94bf !important;
	color: #fff !important;
}

/* 21-11-2020 */

/* 24-11-2020 */
.TimeLine .timeline-actions.active {
	color: #05b3b4 !important;
}

/* 24-11-2020 */

/* 25-11-2020 */
.timeline-month {
	position: absolute;
	margin: 10px;
}

.timeline-total {
	position: absolute;
	margin-top: 30px !important;
	margin-left: -5px;
	width: 35px !important;
	height: 35px !important;
	line-height: 35px !important;
	font-size: 12px !important;
}

/* 25-11-2020 */

/* 26-11-2020 */
body.ContentBoxOpen {
	overflow-x: hidden;
}

.word-break-all {
	word-break: break-all;
}

.ContentRight {
	position: relative;
	visibility: visible;
	transition: 0.55s;
	display: block !important;
	overflow-x: hidden;
}

.ContentRight.hide {
	position: relative;
	right: -100%;
	overflow-x: hidden;
	visibility: hidden;
	transition: 0.6s;
	display: block !important;
	max-width: 0 !important;
	flex: 0 !important;
	width: 0 !important;
	height: 0px;
}

.DashbaordContent>.row {
	position: relative;
}

.ContentRight.show {
	height: 100%;
	min-height: calc(100vh - 65px) !important;
	padding-bottom: 1rem;
	visibility: visible;
	transition: 0.6s;
	display: block !important;
	overflow-x: hidden;
	position: absolute;
	top: 0;
	right: 0.1rem;
	z-index: 5;
}

.ContentRight.show .WhiteBox {
	box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
	height: 100%;
}

.ContentRight.show .preview-wrapper,
.ContentRight.show .ContentRightWrap {
	height: 100%;
}

.ContentRight.show .ContentRightWrap .Tabs {
	max-height: calc(100% - 190px);
	height: 100%;
	/* overflow-y: auto;
	overflow-x: hidden; */
}

.ContentRight.show .ContentRightWrap .Tabs.fileimg-noshow {
	max-height: calc(100% - 40px);
}

.ContentRight.hide .WhiteBox {
	padding: 0;
	overflow-x: hidden;
}

/* 26-11-2020 */

/* 27-11-2020 */
.select2-selection--multiple .select2-search--inline {
	width: 100%;
}

.TimeLineBody.open {
	transition: 0.5s;
	will-change: transform;
	animation: fadeIn 0.5s ease-in both;
}

.TimeLineBody.closed {
	/* max-height: 0; */
	transition: all 0.5s ease;
	will-change: transform;
}

.search-result-main,
.file-folder-search-result-main {
	height: auto;
	transition: 1s;
	transform: translateY(0px);
	margin-top: 0;
	display: block !important;
	opacity: 1;
}

.search-result-main.hide,
.file-folder-search-result-main.hide {
	transition: ease 1s, height 1s, opacity 0.5s;
	transform: translateY(-10%);
	height: 0;
	opacity: 0;
}

.dashboard-content.col-md-12 {
	transition: 1s;
}

.dashboard-content.col-md-12 .FileTimeLine {
	width: 100% !important;
	padding-left: 0.25rem;
}

/* 27-11-2020 */

/*30-11-2020*/
@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translate3d(0, -15%, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

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

/*30-11-2020*/

/*01-12-2020*/
.OpenPreview textarea.file_content {
	background: #05b3b41f;
}

.OpenPreview textarea[readonly].file_content {
	background: transparent;
}

.line-height--2 {
	line-height: 2.5;
}

i.file-rightarrow {
	position: absolute !important;
	left: 0rem !important;
	background-image: url(../images/DoubleArrow.svg) !important;
	display: block !important;
	width: 11px !important;
	height: 10px !important;
	background-size: cover !important;
}

/*01-12-2020*/

.recentitems-btn .dropdown-toggle {
	min-width: auto !important;
}

.recentitems-btn .dropdown-menu {
	max-width: 375px;
	min-width: 320px;
}

.recentitems-btn .dropdown-menu li a span {
	word-break: break-all;
	white-space: normal;
}

.searchnotes_wrapper .search_notes {
	max-width: 250px;
}

@media screen and (max-width: 575px) {
	.recentitems-btn .dropdown-toggle {
		font-size: 12px !important;
	}

	/* .HeaderProfileBox #header-profile-name,
	.HeaderProfileBox small {
		display: none;
	} */

	.recentitems-btn .dropdown-menu {
		margin-left: -6rem;
	}

	.ActiosFoldersInfo .CommonGroupInfo,
	.ActionSubFoldersInfo .CommonGroupInfo,
	.ActionTagsInfo .CommonGroupInfo {
		margin-top: 10px;
	}

	.add-new-note {
		min-width: 130px;
	}

	.searchnotes_wrapper {
		max-width: 100%;
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.searchnotes_wrapper .search_notes {
		width: 100%;
		max-width: calc(100% - 0px);
	}
}

/* 05-12-2020 @MRA */
.right-action-wrapper {
	padding: 5px 5px 5px 7px;
	border-left: 1px solid #eff3f3;
	border-bottom: 1px solid #f2f6f6;
	background: #eff3f3;
	border-top: 1px solid #fafbfb;
	border-radius: 10px;
}

.sort-files:before {
	border-left: 1px solid #05b3b452;
	content: "";
	position: absolute;
	width: 1px;
	height: 27px;
	background: rgb(5, 179, 180, 32%);
	margin-top: 5px;
	left: -4px;
}

.sort-files {
	position: relative;
}

.Tabs ul.nav.nav-tabs li:nth-child(1):after,
.Tabs ul.nav.nav-tabs li:nth-child(2):after,
.Tabs ul.nav.nav-tabs li:nth-child(3):after,
.Tabs ul.nav.nav-tabs li:nth-child(4):after,
.Tabs ul.nav.nav-tabs li:nth-child(5):after,
.Tabs ul.nav.nav-tabs li:nth-child(6):after {
	border-bottom: 1px solid #d2d2d2;
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	display: inline-block !important;
	bottom: 0px;
	top: auto !important;
	background: transparent !important;
	transform: translateY(1px);
}

/*div#History {
		max-height: 490px;
		overflow: auto;
		position: relative;
	}*/

/*div.preview-contents:before {content: '';
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		width: 100%;
		height: 21px;
		background: linear-gradient(180deg, #ffffff 50%, #eff3f35c);
		z-index: 1;
	}
	div.preview-contents:after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0px;
		right: 0;
		width: 100%;
		height: 40px;
		background: linear-gradient(00deg, #ffffff 60%, #eff3f35c);
		z-index: 11;
	}*/

/*.preview-contents {
		position: relative;
	}*/

/* 07-12-2020 @MRA */
.max-height-450 {
	max-height: 450px;
	overflow: auto;
}

/*a.clear-filter{
		top:25px;
		left:25px;
	}*/

#preview-contents {
	/* max-height: 460px; */
	/*overflow: auto;*/
	/* overflow: hidden; */
	scrollbar-color: #a0a0a0 #f5f5f5;
	scrollbar-width: thin;
}

/* 07-12-2020 @MRA */

/* 07-12-2020 @MRA */
.BoxIcons.pin-tab .toggle-pin-preview img {
	max-height: 20px;
}

/* 07-12-2020 @MRA */

/* 09-12-2020 */

/* Notification css start */
.tooltip1 {
	position: relative;
	display: inline-block;
}

.tooltip1 .tooltiptext {
	visibility: hidden;
	background-color: #6f6f6f;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 3px 6px;

	/* Position the tooltip */
	position: absolute;
	z-index: 11;
	left: 0;
	min-width: 100px;
	font-size: 12px;
	margin-top: 25px;
	margin-left: -1.5rem;
}

.tooltip1:hover .tooltiptext {
	visibility: visible;
}

/* Notification css end */

/* 09-12-2020 */
.DateCategoryCarousel .flexslider ul.slides li {
	width: 280px !important;
}

/* 09-12-2020 */

/* 14-12-2020 */
.card-no-border {
	border: none;
}

.top-active {
	display: inline-block;
	position: absolute;
	color: red;
	top: 0;
	left: 0;
	border-style: solid;
	border-width: 55px 0px 0px 55px;
	height: 0px;
	width: 0px;
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	transform: rotate(90deg);
	border-color: transparent #000 green blue;
}

.shape-txt {
	color: #000;
}

/* 14-12-2020 */

.upgrade-storage-wrapper {
	display: block;
	padding-left: 20px;
	padding-right: 20px;
}

.storage-aleartmsg,
.unpaiduser-aleartmsg {
	padding: 0.75rem 1.25rem;
	margin-bottom: 1rem;
	position: fixed;
	z-index: 11;
	text-align: center;
	width: 100%;
	border-radius: 0;
	border: none;
	background: #ea5462;
	color: #fff;
	font-weight: 600;
	left: 0;
	right: 0;
	top: 0;
	min-height: 45px;
}

body.HumberNav .storage-aleartmsg,
body.HumberNav .unpaiduser-aleartmsg {
	z-index: 1;
}

.upgrade-storage-wrapper.show {
	transition: ease 1s;
	transform: translateY(0px);
	visibility: visible;
}

.upgrade-storage-wrapper.hidde {
	transform: translateY(-50px);
	transition: ease 0.5s;
	visibility: hidden;
}

a.upgrade-link {
	color: #fff;
	background: #05b3b4;
	padding: 5px 18px;
	border-radius: 25px;
	font-size: 13px;
	font-weight: 200;
	text-decoration: none;
	box-shadow: 0px 2px 4px 0px #ffffff54;
	margin-left: 5px;
	transition: ease 0.25s;
	border: 1px solid #cccccc;
}

a.upgrade-link:hover {
	color: #ffffff;
	border-color: #fff;
}

.upgrade-show-dashboard-pt-6 {
	padding-top: 6rem;
}

.upgrade-show-dashboard-top,
.-sub-user-top {
	top: 45px !important;
}

body .dashboardHeader.unpaid-sub-user-warning {
	top: 37px !important;
}

@media screen and (max-width: 1299px) {
	body.storage-warning .MobileHeader {
		top: 45px;
	}

	body.loading-body .ActionWrapinner .GroupAction {
		display: none !important;
	}

	body.FolderCarouselBody .FileTimeLine {
		margin-top: 15px !important;
	}

	.FolderCarouselBody.FolderSubCarouselBody .GroupAction {
		margin-bottom: 0px !important;
	}
}

@media screen and (max-width: 767px) {
	.ContentRight.hide {
		right: 0;
	}

	/*.preview-content.ContentRight.show{
		order:1;
	}

	.dashboard-content.col-md-9.ContentLeft{
		order:2;
	}*/

	.large-preview-opened .dashboard-content.col-md-9.ContentLeft {
		order: 1 !important;
	}

	.large-preview-opened .col-md-3.preview-content.ContentRight.show {
		order: 2 !important;
	}
}

@media screen and (max-width: 499px) {
	body.storage-warning .search-fullwidth {
		top: 45px;
	}

	.storage-aleartmsg,
	.unpaiduser-aleartmsg {
		font-size: 11px;
		padding: 0.5rem 0.5rem;
	}

	a.upgrade-link {
		padding: 2px 8px;
		font-size: 12px;
	}

	a.close-storage {
		margin-right: 10px;
	}

	.FileTimeLine .right-action-wrapper {
		margin-top: 10px;
	}
}

/* 16-12-2020 @MRA */
.file-properties-action-view li.nav-item:not(:last-child) {
	border-bottom: 1px solid #a3a7a7;
}

.activated-plan .PlanBox {
	box-shadow: 0px 0px 10px 0px #0000001c;
}

.PlanBox h5.active-label {
	transform: rotate(-36deg) translate(-39px, -16px);
}

.file-properties-action-view a {
	color: #7b8585;
}

.file-properties-action-view a:hover {
	color: #05b3b4a6;
	transition: 0.5s;
}

.file-properties-action-view a.active {
	color: #05b3b4;
}

/* 16-12-2020 @MRA */

.PlanBox h5.active-label {
	transform: rotate(-36deg) translate(-38px, -12px);
}

/* 18-12-2020 */
#stepTwoPro .select2 {
	max-height: 90px;
	overflow-x: hidden;
	overflow-y: auto;
}

/* 18-12-2020 */

/* 29-12-2020 */
.change-btn {
	background: #05b3b4;
	max-width: 150px;
	min-width: 56px;
	/* position: absolute; */
	/* right: 0; */
	display: flex;
	/* top: 0; */
	/* margin-top: 0; */
	padding: 5px 12px;
	align-items: center;
	justify-content: center;
	color: #fff !important;
	border: 2px solid #05b3b4;
	margin-bottom: 24px;
}

.change-btn:hover {
	background: #fff;
	color: #05b3b4 !important;
}

.selectpicker-rightbtn {
	padding: 0 6rem 0 0 !important;
}

/* 29-12-2020 */

/* 21-01-2021 */
.file-short-info span.shared-file i {
	background-image: url(../images/Share.svg);
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	background-size: 16px;
	display: block !important;
	overflow: inherit !important;
	padding-right: 0px !important;
	border-right: 0;
	font-size: 12px !important;
	padding-left: 0px !important;
	transform: rotate(180deg);
}

.file-short-info span.public-file i {
	background-image: url(../images/RotateGlobal.svg);
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	background-size: 18px;
	display: block !important;
	overflow: inherit !important;
	padding-right: 0 !important;
	border-right: 0;
	font-size: 12px !important;
	padding-left: 0px !important;
}

.file-short-info span.password-lock-file i {
	background-image: url(../images/password-lock.svg);
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	display: block !important;
	overflow: inherit !important;
	/* padding-right: 30px !important; */
	border-right: 0;
	font-size: 12px !important;
	padding-left: 0px !important;
}

.file-short-info span.tasks-of-file img,
.file-short-info span.chat-of-file img,
.file-short-info span.notes-of-file img {
	height: 20px;
	width: 20px;
	background-size: 16px;
	display: block !important;
	overflow: inherit !important;
	padding-right: 0px !important;
	border-right: 0;
	padding-left: 0px !important;
	margin-left: 5px !important;
}

span.shared-file,
span.public-file,
span.password-lock-file,
span.chat-of-file,
span.tasks-of-file,
span.task-counter,
span.notes-of-file,
span.notes-counter {
	padding: 0 !important;
	width: unset !important;
	padding-right: 0;
}

span.task-counter p {
	font-size: 0.95rem !important;
}

/* 21-01-2021 */

/* 22-01-2021 MRA */

ul.AllFilesUl>li>.d-flex.filedetails-block:hover>a .file-short-info i,
ul.AllFilesUl>li>.d-flex>a.active .file-short-info i {
	border-color: #cbcbcb;
}

.context-menu-list {
	z-index: 1111111 !important;
}

/* 22-01-2021 MRA */

/* 25-01-2021 MRA */
.active-timeline-year {
	background-color: #c8d2d2 !important;
}

.active-timeline-month {
	background-color: #c8d2d2 !important;
}

/* 25-01-2021 MRA */

/* 27-01-2021 MRA */
.BusinessPublic .public-link-active i {
	background-image: url(../images/MakePublicHover.svg) !important;
}

.BusinessPublic .public-link-active strong {
	color: #05b3b4 !important;
}

/* 27-01-2021 MRA */

/* 15-03-2021 MRA */
.copylink-icon {
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
	justify-content: flex-end;
	cursor: pointer;
	width: 18px;
	height: 18px;
}

.link-input {
	position: relative;
}

.link-input input.form-control {
	padding-right: 40px !important;
	padding-left: 10px !important;
}

.link-input .copylink-icon img {
	width: 100%;
	height: 100%;
}

/* 15-03-2021 MRA */

/* 19-03-2021 ASS */

.upgrade_modal_package {
	margin: -83px 0px 10px 0px;
	padding: 10px;
}

/* 19-03-2021 ASS */
/* 27-03-2021 MRA */
.tab-content>.active {
	overflow-y: auto;
	/* max-height: 463px; */
	overflow-x: hidden;
	min-height: inherit;
}

/* 27-03-2021 MRA */

/* 12-05-2021 DDA */

.FileProperties ul li+li span.span-folder-editable span.select2 span.select2-selection,
.FileProperties ul li+li span.span-sub-folder-editable span.select2 span.select2-selection {
	width: 100%;
	padding: 0px;
	border: none;
	background: transparent;
}

.FileProperties ul li+li span.span-folder-editable span.select2 span.select2-selection span.select2-selection__arrow,
.FileProperties ul li+li span.span-sub-folder-editable span.select2 span.select2-selection span.select2-selection__arrow {
	background-color: transparent;
	border: none;
	background: transparent;
}

.FileProperties ul li+li span.span-folder-editable span.select2 span.select2-selection:before,
.FileProperties ul li+li span.span-sub-folder-editable span.select2 span.select2-selection:before {
	content: "";
	background: url("../images/Arrow.svg") no-repeat 0 0 / 8px auto;
	width: 8px;
	height: 14px;
	display: block;
	border: 0;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: rotate(-90deg);
	margin: -6px 2px 0 0;
	padding: 0;
	border-right: 0px !important;
	border-bottom: 0px !important;
	border-left: 0px !important;
}

body .select2-container--classic .select2-selection--multiple .select2-selection__choice span.select2-selection__choice__display {
	max-width: calc(100% - 15px);
	width: 100%;
	display: inline-block;
	overflow: hidden;
	word-break: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	white-space: pre-wrap;
	font-size: 12px !important;
}

/* .FileProperties ul li span.span-tags-editable ul.select2-selection__rendered {
	border: none;
}

.FileProperties ul li span.span-tags-editable span.select2 span.select2-selection.select2-selection--multiple {
	width: 100%;
	background: #fff !important;
} */

/* 12-05-2021 DDA */

/* 14-07-2021 BDP */
.span-tags-editable span.select2-selection.select2-selection--multiple {
	width: 100%;
}

/* 14-07-2021 BDP */
/* 19-07-2021 BDP */
.dashboardHeader .dropdown-toggle::after {
	margin-top: -0.5rem;
}

.dashboardHeader button.btn.dropdown-toggle.btn-light {
	min-width: 145px;
}

.dropdown.bootstrap-select.mr-sm-4.advance-filter-search {
	background: #fff;
	border-radius: 6px;
	max-width: 170px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.fixed-header .dropdown.bootstrap-select.mr-sm-4.advance-filter-search {
	background: #eff3f3;
}

.advance-filter-search button.btn.dropdown-toggle.btn-light {
	padding: 8px 0 8px 15px;
	width: 155px;
	height: 36px;
	/* background: #fff; */
}

.advance-filter-search button.btn.dropdown-toggle.btn-light:hover {
	box-shadow: 0 0 0 100px rgb(255 255 255 / 5%) inset;
}

/* 19-07-2021 BDP */

/* 03-08-2021 BDP */
.DateCategoryCarousel ul li a:hover i svg,
.DateCategoryCarousel ul li a.active i svg {
	fill: #05b3b4;
}

.DateCategoryCarousel ul li a:hover strong,
.DateCategoryCarousel ul li a.active strong {
	color: #05b3b4;
}

.DateCategoryCarousel ul li a i svg {
	width: 27px;
	fill: #758080;
	max-height: 16px;
}

.slides-table .CategoryBodyHead {
	margin: 0;
	min-width: 180px;
}

.slides-table .CategoryBodyHead i {
	margin-left: auto;
	align-self: center;
}

.CategoryBox div.drop-sub-folder.ui-droppable {
	margin: 1rem;
	border: 1px solid #979f9f;
	box-shadow: 0 3px 6px rgb(119 127 135);
	border-radius: 5px;
	padding: 0.5rem;
	background: #b2d8d8;
}

.slides-table tr td div.drop-sub-folder {
	border: 1px solid #979f9f;
	box-shadow: 0 3px 6px rgb(119 127 135);
	border-radius: 5px;
	padding: 0.5rem;
	background: #b2d8d8;
	min-width: 150px;
}

/* 03-08-2021 BDP */
/*03-08-2021  DDA */

.allfile-header {
	display: none !important;
}

.AllFilesUl .filemain-wrapper .filename-wrapper {
	width: 100%;
	display: flex;
	align-items: center;
}

.AllFilesUl .filemain-wrapper {
	flex-wrap: wrap;
}

.AllFilesUl .filemain-wrapper .filename-wrapper .filename-subinner {
	max-width: calc(100% - 0px);
	width: 100%;
	padding-right: 10px;
	padding-left: 70px;
}

.ViewActive .AllFilesUl .filemain-wrapper .filename-wrapper .filename-subinner {
	padding-left: 56px;
}

.AllFilesUl .filemain-wrapper .filename-wrapper .file-icon {
	margin-right: 10px;
	/* height: 25px; */
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}

.filemain-wrapper .filedate-wrapper {
	margin-left: 70px;
	order: 2;
}

.filemain-wrapper .fileownname-wrapper {
	max-width: calc(100% - 150px);
	width: 100%;
	order: 3;
	min-width: 75px;
}

.filemain-wrapper .fileownname-wrapper .fileownname {
	/* border-right: 0px; */
	padding: 0.3rem 0 0.3rem 1rem;
}

.filemain-wrapper .fileownname-wrapper span.fileownname {
	max-width: 100% !important;
}

.filemain-wrapper .fileaction-wrapper,
.filemain-wrapper .fileinfo-wrapper .file-short-info {
	display: flex;
	align-items: center;
	margin: 0px 5px;
	order: 4;
	padding: 0.135rem 0 0.135rem;
}

.filemain-wrapper .fileaction-wrapper {
	border-right: 1px solid #cbcbcb;
	margin-left: 70px;
}

.fileinfo-wrapper {
	order: 5;
	border-right: 1px solid #cbcbcb;
	padding: 0.01rem 0 0.01rem 0;
}

.filesize-wrapper {
	/* order: 6;
	padding-left: 5px; */
	order: 3;
	padding-left: 10px !important;
	/* max-width: 150px;
	width: 100%; */
}

body:not(.ViewActive) .box-view-flex,
body:not(.ViewActive) .filemain_listview_detail .fileaction-wrapper,
body:not(.ViewActive) .filemain_listview_detail .fileinfo-wrapper {
	display: none !important;
}

body:not(.ViewActive) .box-view-flex {
	display: flex;
	order: 4;
}

.filemain-wrapper .box-view-flex .fileaction-wrapper,
.filemain-wrapper .box-view-flex .fileinfo-wrapper{
	border-right: 0px !important;
}

.ViewActive .allfile-header {
	display: flex !important;
	justify-content: space-between;
	align-items: center;
	height: 35px;
	background: #fff;
	margin-bottom: 0.5rem;
	padding: 0.5rem 1rem;
	font-size: 15px;
	border: 1px solid #eff3f3;
}

.ViewActive .filename-wrapper {
	display: flex;
	align-items: center;
}

.ViewActive .filename-wrapper .filename-subinner {
	max-width: calc(100% - 54px);
	width: 100%;
	padding-right: 30px;
}

.ViewActive .filename-wrapper .file-icon {
	margin-right: 10px;
}

.ViewActive .filename-wrapper .filename-subinner .file-name {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	white-space: normal;
}

.ViewActive .filedate-wrapper span.filedate {
	margin-left: auto;
	margin-right: auto;
	border-right: none;
	padding: 0.2rem 0rem 0rem 1rem;
}

.ViewActive .fileownname-wrapper span.fileownname {
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	white-space: normal;
	padding: 0px;
	border-right: none;
}

.ViewActive .filemain-wrapper .fileaction-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: inherit;
}

.allfile-header .f-name,
.ViewActive .filemain-wrapper .filename-wrapper,
.allfile-header .file-date,
.ViewActive .filemain-wrapper .filedate-wrapper,
.allfile-header .file-owner,
.ViewActive .filemain-wrapper .fileownname-wrapper,
.allfile-header .file-action,
.ViewActive .filemain-wrapper .fileaction-wrapper,
.allfile-header .file-info,
.ViewActive .filemain-wrapper .fileinfo-wrapper,
.allfile-header .file-size,
.ViewActive .filemain-wrapper .filesize-wrapper {
	order: inherit;
}

.filemain-wrapper .fileownname-wrapper {
	margin-left: 0px;
}

.ViewActive .filemain-wrapper .fileownname-wrapper {
	margin-left: 0px;
}

.ViewActive .fileinfo-wrapper,
.ViewActive .filemain-wrapper .fileaction-wrapper {
	border-right: none;
}

@media screen and (min-width: 992px) {

	.allfile-header .f-name,
	.ViewActive .filemain-wrapper .filename-wrapper {
		width: 30%;
		max-width: 30%;
	}

	.newfile-header .f-name {
		width: 23%;
		max-width: 23%;
	}

	.allfile-header.newfile-header .file-type {
		width: 20%;
		max-width: 20%;
	}

	.allfile-header .file-date,
	.ViewActive .filemain-wrapper .filedate-wrapper {
		width: 13%;
		max-width: 13%;
		text-align: center;
		margin-left: inherit;
	}

	.allfile-header .file-owner,
	.ViewActive .filemain-wrapper .fileownname-wrapper {
		width: 20%;
		max-width: 20%;
		text-align: center;
	}

	.allfile-header .file-action,
	.ViewActive .filemain-wrapper .fileaction-wrapper {
		max-width: 12%;
		width: 12%;
		text-align: center;
	}

	.allfile-header .file-info,
	.ViewActive .filemain-wrapper .fileinfo-wrapper {
		width: 15%;
		max-width: 15%;
		text-align: center;
	}

	.allfile-header .file-size,
	.ViewActive .filemain-wrapper .filesize-wrapper {
		width: 10%;
		max-width: 10%;
		text-align: center;
	}

	.FolderCarouselBody .allfile-header .f-name,
	.FolderCarouselBody.ViewActive .filemain-wrapper .filename-wrapper {
		width: 23%;
		max-width: 23%;
	}

	.FolderCarouselBody .allfile-header .file-date,
	.FolderCarouselBody.ViewActive .filemain-wrapper .filedate-wrapper {
		width: 16%;
		max-width: 16%;
	}

	.FolderCarouselBody .allfile-header .file-owner,
	.FolderCarouselBody.ViewActive .filemain-wrapper .fileownname-wrapper {
		width: 10%;
		max-width: 10%;
	}

	.FolderCarouselBody .allfile-header .file-action,
	.FolderCarouselBody.ViewActive .filemain-wrapper .fileaction-wrapper {
		width: 10%;
		max-width: 10%;
	}

	.FolderCarouselBody .allfile-header .file-info,
	.FolderCarouselBody.ViewActive .filemain-wrapper .fileinfo-wrapper {
		width: 27%;
		max-width: 27%;
	}

	.FolderCarouselBody .allfile-header .file-size,
	.FolderCarouselBody.ViewActive .filemain-wrapper .filesize-wrapper {
		width: 10%;
		max-width: 10%;
	}

	.FolderCarouselBody .filemain-wrapper .fileownname-wrapper {
		max-width: none;
	}

}

@media screen and (min-width: 992px) {
	.advance-filter-mob {
		display: none !important;
	}

	.filemain_listview_detail {
		display: contents;
	}
}

@media screen and (max-width: 1199px) {
	.ViewActive .allfile-header {
		font-size: 14px;
	}
}

@media screen and (max-width: 991px) {
	.ViewActive ul.AllFilesUl li .filemain-wrapper {
		flex-wrap: wrap;
	}

	.ViewActive ul.AllFilesUl li .filemain-wrapper .filedate-wrapper,
	.ViewActive ul.AllFilesUl li .filemain-wrapper .fileownname-wrapper {
		/* order: 3; */
		margin-left: 0px;
		border-right: 1px solid #dcdcdc;
	}

	.ViewActive ul.AllFilesUl li .filemain-wrapper .fileownname-wrapper {
		display: block;
		width: 100%;
		order: 2;
		max-width: calc(100% - 140px);
		margin-left: 0px;
	}

	.ViewActive ul.AllFilesUl li .filemain-wrapper .fileaction-wrapper {
		order: 4;
		margin-left: 5px;
		margin-right: 7px;
		border-right: 1px solid #dcdcdc;
		padding-right: 3px;
		padding-left: 2px;
	}

	.ViewActive ul.AllFilesUl li .filemain-wrapper .fileinfo-wrapper {
		order: 5;
		padding-right: 5px;
		border-right: 1px solid #dcdcdc;
		margin-right: 5px;
	}

	.ViewActive ul.AllFilesUl li .filemain-wrapper .filesize-wrapper {
		order: 6;
		margin-left: 5px !important;
	}

	.ViewActive .allfile-header {
		display: none !important;
	}

	ul.AllFilesUl {
		justify-content: space-between;
	}

	/* .HeaderProfile strong,
	.HeaderProfile small {
		display: none;
	} */

	.advance-filter-search button.btn.dropdown-toggle.btn-light {
		min-width: 120px;
		width: 120px;
		padding-left: 7px;
		font-size: 11.5px;
		line-height: 18px;
	}

	.advance-filter-search button.btn.dropdown-toggle.btn-light {
		min-width: calc(100% - 20px);
		width: 100%;
		max-width: calc(100% - 20px);
		margin-left: 15px;
	}

	.advance-filter-mob {
		height: 40px;
		display: flex !important;
		align-items: center;
		margin-right: 10px;
		max-width: 200px !important;
	}

	.advance-filter-desk {
		display: none !important;
	}

	.filemain_listview_detail {
		padding-left: 55px;
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}

	.filemain_listview_detail .fileownname-wrapper {
		width: auto !important;
		min-width: auto !important;
	}

	.filemain_listview_detail .fileownname-wrapper .fileownname {
		padding-left: 0px !important;
	}

	.filemain_listview_detail .fileinfo-wrapper .file-short-info {
		margin: 0px !important;
	}

	.ViewActive .fileownname-wrapper span.fileownname {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

	.AllFilesUl .filedate {
		width: 75px !important;
	}

	body.shared-file-view-wrapper:not(.ViewActive) ul.AllFilesUl>li {
		width: calc(100% - 0.8rem);
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.ViewActive ul.AllFilesUl li {
		width: calc(50% - 5px);
		min-width: calc(50% - 5px);
	}

	.ViewActive ul.AllFilesUl {
		justify-content: space-between;
	}

	.AddNewObject .AddFolder {
		width: 50%;
		display: block;
	}

	.AddNewObject .DateCategoryCarousel {
		width: 100%;
		margin-left: auto;
	}
}

@media screen and (max-width: 767px) {
	.dropdown.bootstrap-select.mr-sm-4.advance-filter-search {
		max-width: 100%;
	}

	.search-fullwidth.show .search-close img {
		width: 15px;
		margin-right: 10px;
	}

	.HumberIcon {
		margin: 0 0.5rem 0 0;
	}

	.BusinessItem>ul>li {
		padding: 0 0.2rem;
	}

	.bell-btn svg {
		width: 16px;
	}

	.ContentBoxOpen .dashboard-row {
		flex-direction: column-reverse;
	}

	.AllFilesUl .filemain-wrapper .filename-wrapper .filename-subinner {
		padding-left: 55px;
	}

	.filemain-wrapper .filedate-wrapper,
	.filemain-wrapper .fileaction-wrapper {
		margin-left: 55px;
	}

	.filemain-wrapper .fileownname-wrapper {
		max-width: calc(100% - 130px);
	}

	.filemain_listview_detail .fileownname-wrapper .fileownname {
		padding-left: 0px !important;
	}

	.filemain_listview_detail .fileaction-wrapper {
		justify-content: flex-start !important;
		display: inline-flex !important;
		margin-left: 0px !important;
	}

	.filemain_listview_detail .filesize-wrapper {
		margin-left: 6px !important;
	}

	.file-short-info span.chat-of-file img {
		margin-left: 0px !important;
	}

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

}

@media screen and (min-width: 576px) and (max-width: 767px) {
	.filemain-wrapper .fileownname-wrapper .fileownname {
		border-right: 1px solid #cbcbcb;
		padding-bottom: 0px;
		padding-right: 5px !important;
		padding-left: 2px !important;
	}

	.filemain-wrapper .fileownname-wrapper {
		max-width: calc(100% - 9rem);
		min-width: auto;
		width: auto;
	}

	.filemain-wrapper .fileaction-wrapper {
		margin-left: 0px;
	}

	.FileTimeLine h3.gray-txt {
		font-size: 0.75rem;
	}

	.clear-filter {
		font-size: 12px;
	}

	.right-action-wrapper .filter-files .dropdown-toggle {
		min-width: 180px;
	}
}

@media screen and (max-width: 575px) {
	.filemain-wrapper .fileownname-wrapper {
		/* order: 2;
		margin-left: 45px; */
		max-width: calc(100% - 130px);
	}

	.filemain-wrapper .filedate-wrapper {
		/* order: 3;
		width: 100%; */
	}

	.ViewActive ul.AllFilesUl li .filemain-wrapper .filedate-wrapper {
		width: auto;
		/* border-right: 0px; */
	}

	.ViewActive ul.AllFilesUl li .filemain-wrapper .filedate-wrapper span.filedate {
		margin-left: 0px;
	}

	.ViewActive ul.AllFilesUl li .filemain-wrapper .fileaction-wrapper {
		margin-left: 55px;
	}

	.filename-wrapper .filename-subinner .file-name {
		font-size: 13px;
		margin-bottom: 3px !important;
	}

	.ViewActive ul.AllFilesUl li .filemain-wrapper .filesize-wrapper p,
	.filesize-wrapper p {
		font-size: 10px;
	}

	.filesize-wrapper p {
		margin-top: 1px;
	}

	.FileTimeLine h3.gray-txt {
		font-size: 0.75rem;
	}

	.FolderCarouselBody.FolderSubCarouselBody .FileTimeLine {
		margin-top: 0px !important;
	}

	.FolderCarouselBody .FileTimeLine {
		margin-top: 15px !important;
	}

	.filemain-wrapper .fileownname-wrapper .fileownname {
		padding-left: 0px !important;
		padding-bottom: 0px;
		padding-right: 5px !important;
	}

	.ViewActive .fileownname-wrapper span.fileownname {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
}

.CategoryBodyList ul li.sub-folder-drag img {
	width: auto;
}

.TableView table.table tbody td.sub-folder-drag h5 {
	white-space: nowrap;
}

/*03-08-2021  DDA */

/*10-08-2021  BDP */
.PLanCheckBox input[type="checkbox"] {
	display: block;
	opacity: 0;
}

.Meta-data .form-group h4 {
	font-size: 0.85rem;
}

/*10-08-2021  BDP */

/* Dashboard css start (18-08-2021) */
.file_content {
	max-height: calc(100% - 55px);
	min-height: calc(100vh - 300px);
	overflow: auto;
}

.ContentRight.show .ContentRightWrap .Tabs .tab-content {
	overflow: auto;
	max-height: calc(100% - 125px);
}

.ContentRight.show .ContentRightWrap .Tabs.fileimg-noshow .tab-content {
	max-height: calc(100% - 125px);
}

.ContentRight.show .ContentRightWrap .Tabs .tab-content .Chat {
	margin-bottom: 1rem;
}

.ContentRight.show .ContentRightWrap .Tabs .tab-content.preview-contents {
	max-height: calc(100% - 170px);
}

.TodoTab {
	padding: 0.8rem 0.8rem 0 0.8rem;
	border: 1px solid #ddd;
	margin-bottom: 0.2rem;
}

.tab-pane .TodoTab+.TodoTab {
	margin-top: 0.8rem;
}

.ContentBoxOpen .todo-cointainer {
	position: relative;
}

.todo-new-cointainer .Todo-add-new,
.todo-edit-cointainer,
.new_todo_add_model .Todo-add-new,
.add_new_task_template_model .Todo-add-new {
	border: 1px solid #05b3b4;
	padding-bottom: 0.8rem;
	border-radius: 0.4rem;
}

.TodoTab ul {
	margin: 0;
	padding: 0;
	list-style: none;
	flex-wrap: wrap;
}

li.TodoTags span.select2.select2-container.select2-container--classic.select2-container--focus.select2-container--below {
	border: #ddd 1px solid;
	padding: 0 0.9rem 0 0;
}

/* .ContentRightWrap .Todo-add-new.TodoTab ul li:nth-child(2n + 2) {
	margin-left: 0;
}
.ContentRightWrap .Todo-add-new.TodoTab ul li:nth-child(2n + 1) {
	margin-left: auto;
} */

/* .TodoTab ul li:nth-child(2n + 2) {
	margin-left: auto;
} */

.TodoTab ul li {
	/* width: calc(50% - 5px); */
	width: 100%;
	padding: 0 0 0.8rem;
}

.TodoTab ul li .form-control {
	border: 1px solid #ddd !important;
	padding: 8px 8px !important;
	font-size: 12px;
}

.TodoTab ul li.switch {
	margin-left: auto;
	width: auto;
}

.TodoTab ul {
	justify-content: space-between;
}

.todo-cointainer.TodoTab ul li.TodoDeleteTask {
	position: absolute;
	top: 7px;
	right: 1rem;
	width: auto !important;
}

.TodoTab ul li.switch,
body.ViewActive.ContentBoxOpen .TodoTab ul li.switch {
	margin-left: 0px;
	position: absolute;
	top: 5px;
	left: 3.7rem;
	z-index: 1;
}

body.ContentBoxOpen .todo-cointainer.TodoTab ul li.TodoFav {
	position: absolute;
	top: 10px;
	margin-left: 3.8rem;
}

.project-todo-list .todo-cointainer.TodoTab ul li.TodoFav {
	position: absolute;
	top: 10px;
	margin-left: 4.5rem;
	z-index: 1;
}

body.ContentBoxOpen .todo-cointainer.TodoTab ul li.TodoFav,
body.ContentBoxOpen .todo-cointainer.TodoTab ul li.TodoPopup,
body.ContentBoxOpen .todo-cointainer.TodoTab ul li.TodoCopyLink,
body.ContentBoxOpen .todo-cointainer.TodoTab ul li.TodoDeleteTask {
	z-index: 1;
}

body:not(.ViewActive) .project-todo-list .todo-cointainer.TodoTab ul li.copy-link-icon {
	position: absolute;
	top: 10px;
	left: 0px;
}

body:not(.ViewActive) .project-todo-list .todo-cointainer.TodoTab ul li.TOdosubTaskTotal.text-lg-center {
	text-align: unset !important;
}

/* body:not(.ViewActive) .project-todo-list .todo-cointainer.TodoTab ul li.task-number {
	left: 30px;
	width: auto;
} */

.todo-cointainer.TodoTab ul li.TodoPopup,
body.ContentBoxOpen .todo-cointainer.TodoTab ul li.TodoPopup {
	width: auto;
	position: absolute;
	top: 12px;
	margin-left: 6.75rem;
}

body.ContentBoxOpen .todo-cointainer.TodoTab ul li.TodoCopyLink {
	width: auto;
	position: absolute;
	top: 12px;
	margin-left: 9.6rem;
}

body.ContentBoxOpen .todo-cointainer.TodoTab ul li.TodoFav a {
	margin: 0px 15px !important;
}

.todo-cointainer.TodoTab ul li.TodoFav a img {
	width: 22px;
}

.todo-cointainer.TodoTab ul li.TodoFav {
	width: auto;
}

body:not(body.ViewActive) .todo-cointainer.TodoTab ul {
	margin-top: 1rem;
}

.ListToDoView .todo-cointainer.TodoTab ul li.TodoDescription {
	position: absolute;
	top: 8px;
	right: 3.5rem;
	padding-bottom: 0px;
	width: auto;
}

.ListToDoView .todo-cointainer.TodoTab ul li.TodoEdit {
	position: absolute;
	top: 8px;
	right: 4.75rem;
	padding-bottom: 0px;
	width: auto;
	z-index: 1;
}

.ListToDoView .todo-cointainer.TodoTab ul li.TodoFileLink {
	position: absolute;
	top: 8px;
	right: 8rem;
	padding-bottom: 0px;
	width: auto;
}

/* textarea.todo_desc_area{
	opacity: 1;
	width: 100%;
	color: #1f2929 !important;
	font-size: 0.85rem;
	line-height: 1;
	border: 1px solid #ddd !important;
	font-weight: 600;
	font-family: "Poppins";
	padding: 8px 8px !important;
} */

.ListToDoView .Todo-add-new ul li.TodoDescription {
	right: 1rem !important;
}

.ListToDoView .Todo-add-new ul li.TodoFileLink {
	right: 2rem !important;
}

.ViewActive b.b-hide,
.todo-notes-listing b.b-hide,
.template-sub-task-listing b.b-hide,
.sub-todo-task-listing b.b-hide {
	display: none;
}

.box-view-actions p{
	margin: 0;
}

@media screen and (min-width: 1200px) {
	.DashbaordContent {
		height: 100%;
	}

	.DashbaordContent .dashboard-content .WhiteBox .ActionWrap .ActionWrapinner .OpenPreview {
		height: calc(100% - 15px);
	}

	.DashbaordContent .dashboard-content .WhiteBox.ActionWrap {
		/* height: calc(100% - 56px); */
		overflow: auto;
	}

	.DashbaordContent .dashboard-content .WhiteBox .ActionWrap .ActionWrapinner .GroupAction {
		max-height: 100%;
	}

	.lg_tablet {
		display: none;
	}
}

@media screen and (min-width:992px) {

	/* .todos-cointainer{
		overflow:auto;
	} */
	.ViewActive .ListToDoView .todo-cointainer.TodoTab ul li:first-child,
	.ListToDoView .sub-todo-task-listing .todo-cointainer.TodoTab ul li:first-child,
	.ListToDoView .template-sub-task-listing .todo-cointainer.TodoTab ul li:first-child,
	.ListToDoView .todo-notes-listing .todo-cointainer.TodoTab ul li:first-child {
		border-left: none;
	}

	.ViewActive .ListToDoView .todo-cointainer.TodoTab ul:not(.SelectBoxWrap ul),
	.ListToDoView .sub-todo-task-listing .todo-cointainer.TodoTab ul:not(.SelectBoxWrap ul),
	.ListToDoView .template-sub-task-listing .todo-cointainer.TodoTab ul:not(.SelectBoxWrap ul),
	.ListToDoView .todo-notes-listing .todo-cointainer.TodoTab ul:not(.SelectBoxWrap ul) {
		border: 1px solid #ddd !important;
		justify-content: space-between;
	}

	.ViewActive .ListToDoView .todo-cointainer.TodoTab.all-todo-header ul li.switch {
		max-width: 51px;
		padding-left: 7px;
	}

	.ViewActive .ListToDoView .todo-cointainer.TodoTab.all-todo-header ul li.TodoDeleteTask {
		padding-right: 7px;
		min-width: 31px;
	}

	.ViewActive .ListToDoView .todo-cointainer.TodoTab.all-todo-header ul li.TodoDone {
		min-width: 37px;
	}

	.ViewActive .ListToDoView .todo-cointainer.TodoTab.all-todo-header ul li.TodoFav {
		padding-left: 7px;
		padding-right: 5px;
	}

	.ViewActive .ListToDoView .todo-cointainer.TodoTab ul li.TodoFav a img,
	.ViewActive .ListToDoView .todo-cointainer.TodoTab ul li.box-view-TodoFav a img {
		width: 20px;
	}

	.ViewActive .ListToDoView .todo-cointainer.TodoTab ul li.TodoFav {
		min-width: 3%;
		max-width: 5%;
		padding: 0.8rem 0px;
	}

	/* .ViewActive .ListToDoView .todo-cointainer.TodoTab ul li.TodoTabMe,
	.ViewActive .ListToDoView .todo-cointainer.TodoTab ul li.TodoTabFileName,
	.ViewActive .ListToDoView .todo-cointainer.TodoTab ul li.TodoTabSelectUser,
	.ViewActive .ListToDoView .todo-cointainer.TodoTab ul li.TodoTabDate,
	.ViewActive .ListToDoView .todo-cointainer.TodoTab ul li.TodoTabTime,
	.ViewActive .ListToDoView .todo-cointainer.TodoTab ul li.TodoTabLink {
		min-width: 13%;
		max-width: 15%;
	} */

	/* .ViewActive .Todo-add-new ul li:not(.tab-pane.Todo-list .Todo-add-new ul li){
		min-width: 18%;
		max-width: 18%;
	} */

	/* .ViewActive .Todo-add-new ul li.TodoDescription:not(.tab-pane.Todo-list .Todo-add-new ul li.TodoDescription){
		min-width: 3% !important;
		max-width: 3% !important;
	} */

	/* .ViewActive .Todo-add-new ul li.TodoFileLink{
		min-width: 3% !important;
		max-width: 3% !important;
	} */

	.ViewActive .Todo-add-new {
		margin-bottom: 12px;
	}

	.ViewActive .ListToDoView div.div-null,
	.ViewActive .ListToDoView div.d-flex.list-view-details {
		border: 1px solid #ddd;
	}

	.ViewActive .TodoTab .switch input.todo-status:not(.ViewActive .tab-content .switch input.todo-status) {
		margin-top: auto;
		margin-bottom: auto;
	}

	.ViewActive .all-todo-header ul li {
		justify-content: center;
	}

	.ViewActive .ListToDoView .todo-cointainer.TodoTab ul li:first-child,
	.ListToDoView .sub-todo-task-listing .todo-cointainer.TodoTab ul li:first-child,
	.ListToDoView .template-sub-task-listing .todo-cointainer.TodoTab ul li:first-child,
	.ListToDoView .todo-notes-listing .todo-cointainer.TodoTab ul li:first-child {
		border-left: none;
	}

	/* .TodoTab ul li .form-control{
		font-size: 10px;
	} */
	.todo-cointainer.TodoTab ul li.TodoDeleteTask {
		max-width: 70px;
	}

	.ViewActive .todo-cointainer.TodoTab ul li.TodoDeleteTask,
	.ViewActive .TodoTab ul li.switch,
	.sub-todo-task-listing .TodoTab ul li.switch,
	.template-sub-task-listing .TodoTab ul li.switch,
	.ViewActive .todo-cointainer.TodoTab ul li.TodoFav {
		position: relative;
		top: 0px;
		right: 0px;
		left: 0px;
		margin-left: 0px;
	}

	.ViewActive.ContentBoxOpen .todo-cointainer.TodoTab ul li.TodoDeleteTask {
		position: absolute;
		right: 1rem;
		left: auto;
		top: 5px;
	}

	.ViewActive .ListToDoView .todo-cointainer.TodoTab ul li.TodoDescription,
	.ViewActive .ListToDoView .todo-cointainer.TodoTab ul li.TodoEdit {
		width: auto;
	}

	.ViewActive .ListToDoView .todo-cointainer.TodoTab ul li.TodoFileLink {
		width: auto;
	}

	.TodoTab ul li.switch,
	body.ViewActive.ContentBoxOpen .TodoTab ul li.switch {
		left: 3rem;
	}

}

@media screen and (min-width:1450px) {

	.ViewActive .ListToDoView .todo-cointainer.TodoTab ul li,
	.TodoTab ul li .form-control {
		font-size: 13px;
	}
}

@media screen and (min-width:992px) and (max-width:1449px) {
	.ViewActive .ListToDoView .todo-cointainer.TodoTab ul li {
		font-size: 12px;
	}
}

@media screen and (min-width:992px) and (max-width:1199px) {

	.ViewActive .ListToDoView .todo-cointainer.TodoTab ul li:not(.select2 ul li),
	.ListToDoView .sub-todo-task-listing .todo-cointainer.TodoTab ul li:not(.select2 ul li),
	.ListToDoView .template-sub-task-listing .todo-cointainer.TodoTab ul li:not(.select2 ul li),
	.ListToDoView .todo-notes-listing .todo-cointainer.TodoTab ul li:not(.select2 ul li) {
		font-size: 11px;
		padding: 10px 7px !important;
		justify-content: center;
	}
}

@media (max-width: 991px) {
	/* .ContentRight.show .ContentRightWrap .Tabs .tab-content.preview-contents {
		overflow: hidden;
	} */

	.ViewActive .TodoTab:not(.Todo-add-new, .todo-edit-cointainer) {
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}

	.Tabs .TodoTab {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.TodoTab ul {
		justify-content: space-between;
	}

	.todo-cointainer.TodoTab ul li.TodoFav {
		margin-right: auto;
		width: auto !important;
	}

	.ContentBoxOpen .todo-cointainer.TodoTab ul li.TodoFav {
		margin-left: 3.8rem !important;
	}

	b.b-hide,
	.todo-notes-listing b.b-hide,
	.sub-todo-task-listing b.b-hide {
		display: inline-flex !important;
	}

	li.task-number,
	li.copy-link-icon.text-center {
		position: absolute;
		top: 10px;
	}

	li.task-number {
		margin-left: 0.5rem;
		margin-left: 8px !important;
		margin-top: 3px !important;
	}
}

@media (min-width:992px) {

	.ViewActive .ListToDoView .todo-cointainer.TodoTab:not(.Todo-add-new, .todo-edit-cointainer),
	.ListToDoView .sub-todo-task-listing .todo-cointainer.TodoTab:not(.Todo-add-new, .todo-edit-cointainer),
	.ListToDoView .template-sub-task-listing .todo-cointainer.TodoTab:not(.Todo-add-new, .todo-edit-cointainer),
	.ListToDoView .todo-notes-listing .todo-cointainer.TodoTab:not(.Todo-add-new, .todo-edit-cointainer) {
		flex: 0 0 100%;
		max-width: 100%;
		display: flex;
		padding: 0;
		border: none;
	}

	.ViewActive .ListToDoView .todo-cointainer.TodoTab>div:nth-child(1)>img,
	.ListToDoView .template-sub-task-listing .todo-cointainer.TodoTab>div:nth-child(1)>img,
	.ListToDoView .sub-todo-task-listing .todo-cointainer.TodoTab>div:nth-child(1)>img {
		margin: auto !important;
		padding: 0 1rem;
	}

	.ViewActive .ListToDoView .todo-cointainer.TodoTab>div:nth-child(1)>a.favourite_task {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 10px;
	}

	.ViewActive .ListToDoView .todo-cointainer.TodoTab ul.d-flex,
	.ListToDoView .sub-todo-task-listing .todo-cointainer.TodoTab ul.d-flex,
	.ListToDoView .template-sub-task-listing .todo-cointainer.TodoTab ul.d-flex,
	.ListToDoView .todo-notes-listing .todo-cointainer.TodoTab ul.d-flex {
		width: 100%;
		flex-wrap: initial;
	}

	.ViewActive .ListToDoView .todo-cointainer.TodoTab ul:not(.SelectBoxWrap ul),
	.ListToDoView .sub-todo-task-listing .todo-cointainer.TodoTab ul:not(.SelectBoxWrap ul),
	.ListToDoView .template-sub-task-listing .todo-cointainer.TodoTab ul:not(.SelectBoxWrap ul),
	.ListToDoView .todo-notes-listing .todo-cointainer.TodoTab ul:not(.SelectBoxWrap ul) {
		border-right: 1px solid #ddd;
	}

	.ViewActive .ListToDoView .todo-cointainer.TodoTab ul li:not(.select2 ul li),
	.ListToDoView .sub-todo-task-listing .todo-cointainer.TodoTab ul li:not(.select2 ul li),
	.ListToDoView .template-sub-task-listing .todo-cointainer.TodoTab ul li:not(.select2 ul li),
	.ListToDoView .todo-notes-listing .todo-cointainer.TodoTab ul li:not(.select2 ul li) {
		border-left: 1px solid #ddd;
		padding: .8rem .5rem;
	}

	.ViewActive .ListToDoView .todo-cointainer.TodoTab ul li.switch,
	.ListToDoView .template-sub-task-listing .todo-cointainer.TodoTab ul li.switch,
	.ViewActive .ListToDoView .todo-cointainer.TodoTab ul li.TodoDeleteTask {
		margin: 0;
	}

	.ViewActive .ListToDoView .todo-cointainer.Todo-add-new ul.d-flex {
		/* width: calc(100% - 95px); */
		flex-wrap: initial;
	}

	.ViewActive .ListToDoView .todo-cointainer.Todo-add-new>h3 {
		margin: 0;
		padding: 0 0.65rem;
		background: #05b3b4;
		color: #fff;
		white-space: nowrap;
		line-height: 1.25;
		height: 100%;
		display: flex;
		align-items: center;
	}

	.ViewActive .ListToDoView .todo-cointainer.TodoTab ul li.TodoDescription {
		position: relative;
		top: 0px;
		right: 0px;
		padding: 0rem;
		min-width: 95px;
		max-width: 96px;
	}

	.ViewActive .ListToDoView .todo-cointainer.TodoTab ul li.TodoEdit {
		position: relative;
		top: 0px;
		right: 0px;
		padding: 0rem;
		min-width: 35px;
	}

	.ViewActive .ListToDoView .todo-cointainer.TodoTab ul li.TodoFileLink {
		position: relative;
		top: 0px;
		right: 0px;
		padding: 0rem;
		min-width: 35px;
	}

}

@media (max-width:767px) {

	/* .TodoTab:not(.Todo-add-new, .tab-pane.Todo-list .TodoTab) { */
	.TodoTab:not(.Todo-add-new, .todo-edit-cointainer, .ContentBoxOpen .TodoTab) {
		flex: 0 0 50%;
		max-width: 50%;
		touch-action: auto;
	}

	.todo-cointainer.TodoTab ul li.TodoPopup,
	body.ViewActive.ContentBoxOpen .todo-cointainer.TodoTab ul li.TodoPopup {
		margin-left: 7.75rem;
	}

	.todo-cointainer.TodoTab ul li.TodoPopup,
	body.ViewActive.ContentBoxOpen .todo-cointainer.TodoTab ul li.TodoCopyLink {
		margin-left: 11.65rem;
	}

	.DashbaordContent>.row {
		margin: 0 -15px !important;
	}

	.Todo-list div.dropdown.bootstrap-select.filter-options,
	.Todo-list div.dropdown.bootstrap-select.sorting-options {
		width: 100% !important;
	}

	.Todo-list>.col-md-9.p-2.my-2 {
		margin-bottom: 0 !important;
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
}

@media(max-width:599px) {
	.TodoTab ul li {
		width: 100%;
	}

	.TodoTab:not(.Todo-add-new, .todo-edit-cointainer) {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media screen and (max-width:575px) {
	.TodoTab:not(.Todo-add-new, .todo-edit-cointainer, .ContentBoxOpen .TodoTab) {
		max-width: 100%;
		flex: 0 0 100%;
	}
}

/* BDP 23-08-2021 */
.TodoTab ul li {
	display: flex;
}

.Todo-list .add-todo-list img {
	height: 30px;
	width: 30px;
}

section.recycle-bin .AllFilesWrap {
	height: calc(100vh - 195px);
}

div.Todo-list .filter-options,
div.Todo-list .sorting-options,
div.Todo-list .assignee-options {
	border: 1px solid #ddd !important;
}

div.Todo-list .filter-options .dropdown-toggle::after,
div.Todo-list .sorting-options .dropdown-toggle::after,
div.Todo-list .assignee-options .dropdown-toggle::after {
	top: 36%;
	right: 11px;
}

.ContentBoxOpen .TodoTab ul li.TodoTags .select2-container .select2-selection--multiple {
	height: calc(100% - 15px);
}

.ViewActive.ContentBoxOpen .TodoTab ul li.TodoTags .select2-container .select2-selection--multiple {
	height: calc(100% - 0px);
}

.TodoTab .switch input[type=checkbox],
.TodoTab .box-view-switch input[type=checkbox] {
	height: 20px !important;
	width: 20px !important;
	margin: 7px 0 0;
	position: relative;
}

.Todo-list div.dropdown.bootstrap-select.filter-options,
.Todo-list div.dropdown.bootstrap-select.sorting-options {
	width: auto;
}

.TodoTab>div:nth-child(1) img {
	height: 20px;
}

.Todo-list h5.todo-file-name {
	margin: 0;
	color: #758080;
	font-size: 0.95rem;
	word-break: break-all;
	align-items: center;
}

.Todo-list a.add-todo-list {
	display: inline-flex;
	align-items: center;
}

.todos-cointainer .all-todo-header {
	display: none;
}

.ViewActive .todos-cointainer .all-todo-header {
	display: flex;
}

.ViewActive .todos-cointainer .all-todo-header .div-null {
	padding: 0 0.75rem;
	display: flex;
	align-items: center;
}

.all-todo-header ul,
.all-todo-header ul li {
	border: 0 !important;
}

.ViewActive .todos-cointainer .all-todo-header .div-null svg {
	width: 20px;
	fill: #05b3b4;
}

.collapse-hide {
	height: 0;
	overflow: hidden;
}

.collapse-show {
	height: 100%;
}

.collapse-inner {
	transition: height 0.5s;
}

/* 18-10-2021 - BDP */
.share-folder-modal .modal-dialog {
	max-width: 1000px;
	width: 95%;
}

.share-folder-modal button.btn.dropdown-toggle.btn-light {
	padding-left: 0;
}

.share-folder-modal .input-group-text {
	padding: .375rem .75rem .75rem 0;
	background-color: #ffffff;
	border: 1px solid #ffffff;
}

.share-folder-modal .form-group {
	padding: 0 !important;
}

.sharefile-wrapper {
	display: flex;
	flex-grow: 1;
	width: 100%;
}

.share-folder-modal .filter-option-inner-inner,
.share-folder-modal .input-group-prepend {
	margin-left: 0.5rem;
}

@media screen and (max-width:991px) {
	.sharefile-wrapper {
		flex-wrap: wrap;
	}
}

@media screen and (min-width:768px) and (max-width:991px) {

	.filter-search-files-folders1,
	.filter-search-files-folders-div {
		max-width: 33.33%;
	}

	.share-folder-modal .select-file {
		max-width: 100%;
	}
}

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

	.filter-search-files-folders1,
	.filter-search-files-folders-div {
		width: 50%;
	}

	.filter-search-files-folders1 .select-file,
	.filter-search-files-folders-div .select-file {
		max-width: 100%;
	}
}

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

	.filter-search-files-folders1,
	.filter-search-files-folders-div {
		width: 100%;
	}
}

.share-folder-modal .result-wrapper ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.share-folder-modal .result-wrapper ul>li+li {
	border-top: 1px solid #eff3f3;
}

.share-folder-modal .result-wrapper ul>li>a {
	display: block;
	padding: 0.5rem 0.5rem 0.5rem 1.05rem;
	position: relative;
	white-space: nowrap;
}

.share-folder-modal .result-wrapper ul>li>a>i {
	position: absolute;
	top: 50%;
	left: 0;
	background: url(../images/DoubleArrow.svg) no-repeat 0 0;
	display: block;
	width: 11px;
	height: 10px;
	transform: translateY(-50%);
}

.share-folder-modal .form-group input[type="radio"],
.share-folder-modal .form-group input[type="checkbox"] {
	display: block;
	position: absolute;
	opacity: 0;
}

.share-folder-modal .result-wrapper ul>li>a>span {
	color: #758080;
	font-size: 0.85rem;
	font-weight: 500;
	max-width: 180px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.share-folder-modal .result-wrapper ul>li:hover a,
.share-folder-modal .result-wrapper ul>li:hover span {
	background: #eff3f3;
	text-decoration: none;
	color: #05b3b4;
	text-decoration: none;
}

.share-folder-modal .result-wrapper ul>li:hover i {
	background: url(../images/DoubleArrowHover.svg) no-repeat 0 0;
}

/* BDP 20-12-2021 */
.dashboard-content .MultiActionWrap .dropdown .btn-light:hover,
.dashboard-content .MultiActionWrap .dropdown .btn-light:focus {
	background: #05b3b4;
	color: #fff;
	border: 1px solid #05b3b4;
}

.dashboard-content .MultiActionWrap .dropdown .btn-light:hover span,
.dashboard-content .MultiActionWrap .dropdown .btn-light:focus span {
	color: #fff !important;
}

.dashboard-content .MultiActionWrap .min-w-auto {
	min-width: auto !important;
}

.dashboard-content .MultiActionWrap .dropdown img {
	max-width: 20px;
	min-width: 20px;
}

.dashboard-content .MultiActionWrap .c-share img.cshare-icon {
	max-width: 40px !important;
	width: 27px;
	margin-left: -2px;
}

.dashboard-content .MultiActionWrap .dropdown-menu {
	width: 222px !important;
}

.dashboard-content .MultiActionWrap .arrow-rotate img {
	min-width: 7px;
	max-width: 7px;
	transform: rotate(180deg);
}

.new-btn-dropdown span {
	font-size: 16px;
	color: #6c757d;
}

.new-btn-dropdown:hover img,
.new-btn-dropdown:focus img {
	/* filter: invert(45%) sepia(91%) saturate(711%) hue-rotate(139deg) brightness(89%) contrast(96%); */
	filter: invert(99%) sepia(130%) saturate(23%) hue-rotate(139deg) brightness(228%) contrast(154%);
	transition: ease-in-out 0.25s;
}

.new-btn-dropdown:hover span,
.new-btn-dropdown:focus span {
	color: #05b3b4 !important;
	transition: ease-in-out 0.2s;
}

.dashboard-content .MultiActionWrap .dropdown-menu a {
	color: #758080;
}

.dashboard-content .MultiActionWrap .dropdown-menu a:hover {
	color: #05b3b4;
}

.dashboard-content .MultiActionWrap .dropdown-menu a:hover img {
	filter: invert(45%) sepia(91%) saturate(711%) hue-rotate(139deg) brightness(89%) contrast(96%);
}

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

	.todo-sorting-drodpown,
	.notes-sorting-drodpown {
		max-width: 45%;
		width: 100%;
	}

	.todo-sorting-drodpown button.btn.dropdown-toggle,
	.notes-sorting-drodpown button.btn.dropdown-toggle {
		min-width: 100%;
	}
}

@media screen and (max-width:450px) {
	.new-btn-dropdown {
		padding: 5px 8px !important;
		align-items: center;
	}

	.new-btn-dropdown span {
		font-size: 12px;
	}

	.dashboard-content .MultiActionWrap .dropdown img:not(.arrow-rotate img) {
		max-width: 20px;
		min-width: 20px;
	}

	.new-btn-dropdown img {
		min-width: 12px !important;
		max-width: 12px !important;
	}

	.MultiActionFolder {
		min-width: 230px;
	}
}

@media screen and (max-width:359px) {
	.new-btn-dropdown span {
		display: none;
	}

	.new-btn-dropdown {
		padding: 6px 4px 6px 6px !important;
	}

	.new-btn-dropdown img {
		margin-right: .15rem !important;
	}

	.MultiActionFolder {
		min-width: 235px;
	}
}

/* BDP 20-12-2021 */

/* BDP 31-12-2021 */
.share_success_model h5 span {
	color: #000;
}

.share_success_model .modal-content {
	border-top: 12px solid #05b3b4;
	border-bottom: 12px solid #05b3b4;
}

.share_success_model .modal-header {
	padding: 10px 15px;
}

.share_success_model .modal-header h3 {
	color: #000;
	font-weight: 600;
	font-size: 16px;
}

.share_success_model .modal-body {
	padding: 0px 15px 20px;
}

.share_success_model .modal-body h5 {
	font-size: 14px;
	color: #000;
}

/* BDP 31-12-2021 */

/* .todo-cointainer.TodoTab ul li.TodoDeleteTask, .todo-cointainer.TodoTab ul li.TodoFav{ */
/* width: 110px; */
/* max-height: 60px; */
/* } */



/* BDP 07-03-2022 */

span.select2-selection.select2-selection--single {
	height: 32px;
}

/* span.select2.select2-container.select2-container--classic {
	border-bottom: none !important;
} */

.select2-container .select2-selection--multiple {
	height: 100%;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
	display: block !important;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
	height: 32px !important;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
	line-height: normal !important;
}

.select2-container--classic.select2-container--open .select2-selection--single {
	border: none !important;
}

.select2-container--classic .select2-results>.select2-results__options {
	overflow-x: hidden;
}

.select2-container--classic .select2-selection--single:focus {
	border: none !important;
}

.select2-container .select2-search--inline .select2-search__field,
.select2-container--classic .select2-selection--single .select2-selection__rendered {
	font-size: 12px !important;
}

.font-12 {
	font-size: 12px !important;
}

.OpenPreviewBox .WhiteBox video {
	max-height: 565px;
}

.OpenPreviewBox .WhiteBox img {
	max-height: 620px;
}

.OpenPreviewBox .prev-next-btns {
	top: 50%;
	margin-left: 4px;
	width: calc(100% - 8px);
}

.OpenPreviewBox .openPreviewSub {
	margin: 0 25px;
}

.OpenPreviewBox .prev-next-btns button {
	background-color: transparent;
	border: 1px solid transparent;
	color: #05b3b4;
	font-size: 3rem;
}


.public-prev-next-btns {
	top: 50%;
	margin-left: 3px;
	width: calc(100% - 6px);
}

.OpenPreviewBox .openPreviewSub {
	margin: 0 25px;
}

.OpenPreviewBox .public-prev-next-btns a {
	background-color: transparent;
	border: 1px solid transparent;
	color: #05b3b4;
	font-size: 3rem;
	padding: 0 !important;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
	top: 10px;
}

.ui-tooltip-content {
	overflow-wrap: break-word;
}

button.deactivate-account {
	padding: 0.4rem 0.5rem;
}

button.deactivate-account span {
	font-size: 11px;
}

/* CSS - BDP 06-07-2022 ( Bulk File Actions ) */
.ActionsTabs ul li.FileActionDownload a i {
	background-image: url(../images/Download.svg);
}

.ActionsTabs ul li.FileActionDownload:hover a i {
	background-image: url(../images/DownloadHover.svg);
}

.ActionsTabs ul li.FileActionUnselect a i {
	background-image: url(../images/unCheck.svg);
}

.ActionsTabs ul li.FileActionUnselect:hover a i {
	background-image: url(../images/unCheckHover.svg);
}

.ActionsTabs ul li.FileActionDelete a i {
	background-image: url(../images/Dustbin.svg);
}

.ActionsTabs ul li.FileActionDelete:hover a i {
	background-image: url(../images/DustbinHover.svg);
}

.bulk-file-actions .bulk-li {
	width: calc(50% - 24px);
	margin: 12px !important;
	min-height: 100px;
}

.bulk-file-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.bulk-file-actions .bulk-li a i {
	position: relative;
	transform: inherit;
	top: auto;
	min-width: 30px;
	width: auto;
	min-height: 30px;
	background-position: center;
	background-size: 24px;
	margin-bottom: 5px;
}

.bulk-file-actions .bulk-li a {
	padding: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 2px #05b3b4;
	border-style: dashed;
	border-radius: 10px;
	box-shadow: 0px 2px 14px 0px #05b3b42e;
	background: #fff;
	padding: 5px;
	text-align: center;
}

.bulk-file-actions .bulk-li a strong {
	font-size: 14px;
}

@media screen and (min-width:576px) and (max-width:767px) {
	.bulk-file-actions .bulk-li {
		width: calc(33% - 24px);
	}
}

.preview-inner {
	display: flex;
	word-break: break-word;
	align-items: flex-start;
	background-color: #e9ecef;
	padding: 5px;
	border-radius: 5px;
	margin-bottom: 5px;
}

.preview-inner img {
	width: 20px;
}

.preview-inner a {
	font-size: 12px;
	text-decoration: none;
}

.dropbtn::after {
	right: 7px;
}

.dropbtn {
	border: 1px solid #ddd !important;
}

.dropbtn,
.dropbtn1 {
	background-color: #fff;
	color: white;
	padding: 8px;
	font-size: 0.9rem;
	border: none;
	cursor: pointer;
	position: relative;
	width: 100%;
	color: #758080;
	font-weight: 600;
	text-align: left;
}

.dropdown,
.dropdown1 {
	position: relative;
}

.dropdown-content {
	display: none;
	position: absolute;
	left: 0;
	background-color: #ffffff;
	min-width: 160px;
	box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
	z-index: 1;
}

.dropdown-content1 {
	display: none;
	position: absolute;
	top: 0;
	left: 160px;
	background-color: #ffffff;
	min-width: 160px;
	box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
	z-index: 1;
}

.dropbtn1 {
	padding: 8px 15px;
}

.dropdown-content a,
.dropdown-content1 a {
	color: #333;
	padding: 7.5px 15px;
	text-decoration: none;
	display: block;
	position: relative;
}

.dropdown1 button.dropbtn1:before {
	content: '\e9c7';
	font-family: 'icomoon';
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 15px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
}

.dropdown-content a:hover,
.dropdown-content1 a:hover {
	background-color: #f8f9fa;
}

.dropdown:hover .dropdown-content,
.dropdown1:hover .dropdown-content1 {
	display: block;
}

.dropdown:hover .dropbtn,
.dropdown1:hover .dropbtn1 {
	background-color: rgb(0 0 0 / 5%);
	color: #000;
}

.dropdown-content1 {
	width: 260px;
}

.open-filter .dropdown-menu {
	display: block;
	margin-top: 0px;
}

.open-filter .dropdown-toggle {
	pointer-events: none;
	width: 100% !important;
}

.open-filter .dropdown-toggle:after {
	content: unset;
}

.filterassign-wrapper button.btn {
	border: 1px solid #ddd !important;
	color: #999;
	border-radius: 0px;
	padding-left: 15px;
	font-size: 0.9rem;
	font-weight: 600;
}

.filterassign-wrapper .btn:after {
	margin-right: 10px;
}

.filterassign-wrapper button.btn:hover {
	box-shadow: 0 0 0 100px rgb(0 0 0 / 5%) inset;
}

.filterassign-wrapper.show .btn {
	color: #000;
}

.filterassign-wrapper ul.dropdown-menu {
	border: 1px solid #eff3f3;
	margin-top: 1px;
	padding: 0px;
}

.filterassign-wrapper ul.dropdown-menu li a {
	padding: 8px 15px;
	outline: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	width: 100%;
	-webkit-transition: all ease-in-out 0.15s;
	-o-transition: all ease-in-out 0.15s;
	transition: all ease-in-out 0.15s;
}

.filterassign-wrapper ul.dropdown-menu li a:hover {
	background-color: #f8f9fa;
}

.filterassign-wrapper ul.dropdown-menu li a:active {
	background-color: #05b3b4;
	color: #fff;
}

textarea#todoMessageText,
textarea#addTodoMessageText {
	margin: 0 0 0.2rem;
	width: calc(100% - 10px);
	padding: 1rem 2rem 1rem 1rem !important;
	border: 1px solid #eff3f3 !important;
	box-shadow: 0 5px 10px rgb(0 0 0 / 8%);
	border-radius: 6px;
	resize: none;
	height: 56px;
}

.sub-todo-task-listing .SubTodoDeleteTask,
.sub-todo-task-listing .SubTodoEditTask,
.template-sub-task-listing .templateSubTodoEditTask,
.template-sub-task-listing .templateSubTodoDeleteTask {
	width: auto;
}


.bootstrap-datetimepicker-widget.dropdown-menu {
	width: auto !important;
}

.bootstrap-datetimepicker-widget .table-condensed>thead>tr>th,
.bootstrap-datetimepicker-widget .table-condensed>tbody>tr>td,
.bootstrap-datetimepicker-widget .table-condensed>tfoot>tr>td {
	padding: 10px !important;
}

.editmodal-todomsg {
	position: absolute;
	top: 7px;
	right: 20px;
	border-radius: 6px;
	padding: 0.53rem 0.75rem;
	cursor: pointer;
}

.editmodal-todomsg svg {
	width: 20px;
	fill: #fff;
}

.editmodal-todomsg:hover svg,
.editmodal-todomsg:focus svg {
	fill: #05b3b4;
}

.modal-commentcontrol .emojionepicker-picker {
	right: 80px !important;
	margin-top: 0 !important;
}

.modal-commentcontrol textarea#todoMessageText,
.modal-commentcontrol textarea#addTodoMessageText {
	padding: 0px !important;
	box-shadow: none !important;
	border: none !important;
	height: auto;
	width: 100%;
}

.modal-commentcontrol {
	width: calc(100% - 10px);
	padding: 1rem 2rem 0.5rem 1rem !important;
	border: 1px solid #eff3f3 !important;
	box-shadow: 0 5px 10px rgb(0 0 0 / 8%);
	border-radius: 6px;
	padding-right: 6.5rem !important;
}

@media screen and (max-width:575px) {
	.modal-commentcontrol {
		padding: 0.5rem 2rem 0.5rem 0.5rem !important;
		padding-right: 5.5rem !important;
	}

	.modal-commentcontrol .emojionepicker-picker {
		right: 60px !important;
		margin-top: 5px !important;
	}

	.editmodal-todomsg {
		top: 7px;
		right: 7px;
		padding: 0.35rem 0.5rem;
	}
}

/*Plan info section css start*/
.planinfo_wrapper {
	max-width: 100%;
	width: 100%;
	padding: 2rem;
	margin: 3rem auto 0;
	background: #fff;
	border: 1px solid #05b3b4;
	border-radius: 50px;
}

.plan_link {
	text-decoration: underline;
	color: #05b3b4;
	font-size: 16px;
	font-weight: 400;
}

h2 .plan_link {
	font-size: 24px;
}

.plan_table table thead tr th {
	background: #05b3b4;
	padding: 7px 10px;
	color: #fff;
	font-size: 16px;
}

/*Plan info section css end*/

.plan_intro {
	font-size: 14px;
}

.scrollable {
	max-height: 230px;
	overflow: auto;
	max-height: 230px;
	overflow: auto;
}

.sub-todo-task-listing,
.template-sub-task-listing {
	max-height: unset !important;
	overflow: unset !important;
}

.large-modal .modal-dialog {
	max-width: 1200px;
}

.small-modal .modal-dialog {
	max-width: 600px;
}

.auto-save-todo-select+.btn-group .multiselect.dropdown-toggle {
	white-space: unset;
	height: auto;
	text-align: left !important;
	width: 100% !important;
	display: block !important;
	border: none;
	color: #1f2929 !important;
	font-size: 0.85rem;
	font-family: "Poppins";
	font-weight: 600;
	padding: 0.5rem !important;
}

.assign-block .btn-group {
	width: 100%;
}

.disabled {
	color: #6c757d !important;
	font-weight: 500;
}

.progress-bar.active {
	-webkit-animation: progress-bar-stripes 0.7s linear infinite;
	-o-animation: progress-bar-stripes 0.7s linear infinite;
	animation: progress-bar-stripes 0.7s linear infinite;
}

.progress-bar {
	-webkit-animation: progress-bar-stripes 0.7s linear infinite;
	-o-animation: progress-bar-stripes 0.7s linear infinite;
	animation: progress-bar-stripes 0.7s linear infinite;
}

#upload-new-file-modal .progress {
	width: 100%;
	height: 26px;
}

#upload-new-file-modal .progress .progress-bar,
#c-share-form .progress .progress-bar {
	background-color: #206060;
}

#c-share-form .progress {
	background-color: #bfcccc;
}

.load-more {
	position: absolute;
	bottom: 0.85rem;
	left: 0;
	right: 0;
	padding: 5px;
	background: #05b3b4c9;
	z-index: 1;
	color: #fff;
	text-align: center;
	width: 100%;
	letter-spacing: 2px;
}

.progress-bar-animated {
	-webkit-animation: progress-bar-stripes 0.8s linear infinite !important;
	animation: progress-bar-stripes 0.8s linear infinite !important;
}

.color-grey {
	color: grey;
}

.custom-datepicker input.icondatepicker {
	position: relative;
	z-index: 1;
	background: transparent;
}

.custom-datepicker svg {
	fill: #ced4da;
	width: 16px;
	position: absolute;
	top: 8px;
	right: 0;
}

.sub-todo-task-listing::-webkit-scrollbar,
.template-sub-task-listing::-webkit-scrollbar {
	width: 10px;
	border: 5px solid white;
}

.sub-todo-task-listing::-webkit-scrollbar-thumb,
.template-sub-task-listing::-webkit-scrollbar-thumb {
	background-clip: padding-box;
}

.sub-todo-task-listing::-webkit-scrollbar-track,
.template-sub-task-listing::-webkit-scrollbar-track {
	background-color: #bbbbbb69;
}

/* Buttons */
.sub-todo-task-listing::-webkit-scrollbar-button:single-button,
.template-sub-task-listing::-webkit-scrollbar-button:single-button {

	display: block;
	border-style: solid;
	height: 13px;
	width: 10px;
}

/* Up */
.sub-todo-task-listing::-webkit-scrollbar-button:single-button:vertical:decrement,
.template-sub-task-listing::-webkit-scrollbar-button:single-button:vertical:decrement {
	border-width: 0 8px 8px 8px;
	border-color: transparent transparent #555555 transparent;
}

.sub-todo-task-listing::-webkit-scrollbar-button:single-button:vertical:decrement:hover,
.template-sub-task-listing::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
	border-color: transparent transparent #777777 transparent;
}

/* Down */
.sub-todo-task-listing::-webkit-scrollbar-button:single-button:vertical:increment,
.template-sub-task-listing::-webkit-scrollbar-button:single-button:vertical:increment {
	border-width: 8px 8px 0 8px;
	border-color: #555555 transparent transparent transparent;
}

.sub-todo-task-listing::-webkit-scrollbar-button:vertical:single-button:increment:hover,
.template-sub-task-listing::-webkit-scrollbar-button:vertical:single-button:increment:hover {
	border-color: #777777 transparent transparent transparent;
}

.settings-wrapper .dropdown .dropdown-toggle::after {
	filter: brightness(0) invert(1);
	right: 10px;
}

.settings-wrapper .dropdown .dropdown-toggle:hover::after,
.settings-wrapper .dropdown .dropdown-toggle:focus::after {
	filter: inherit;
}

.settings-wrapper .dropdown .dropdown-content {
	box-shadow: 0px 3px 10px 0px #0000001a;
}

/* Custom Tooltip css start */
.tooltip .tooltiptext {
	visibility: hidden;
	position: absolute;
	width: 120px;
	background-color: #555;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
	z-index: 1;
	opacity: 0;
	transition: opacity .6s;
}

.tooltip-bottom {
	top: 25px;
	left: -15px;
}

.tooltip-custom .tooltiptext {
	visibility: hidden;
	position: absolute;
	width: 100%;
	min-width: 550px;
	background-color: #555555ed;
	color: #fff;
	text-align: center;
	padding: 7px;
	border-radius: 6px;
	z-index: 1;
	opacity: 0;
	transition: opacity .6s;
	font-size: 12px;
}

.tooltip-custom:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

.tooltip-custom {
	position: relative;
	cursor: pointer;
}

.ViewActive .ListToDoView .todo-cointainer.TodoTab .tooltip-custom .tooltiptext ul li,
.tooltip-custom .tooltiptext ul li {
	position: relative;
	padding: 0px 0px 5px 12px !important;
	border: none !important;
	text-align: left !important;
	display: block;
}

.tooltip-custom .tooltiptext ul li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 50%;
}

.tooltip-bottom:after {
	content: "";
	position: absolute;
	bottom: 100%;
	right: 15px;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #555555ed transparent;
}

.ViewActive .ListToDoView .todo-cointainer.TodoTab .tooltip-custom .tooltiptext ul,
.tooltip-custom .tooltiptext ul {
	border: none !important;
}

.tooltip-custom .tooltiptext li {
	font-weight: normal;
}

.tooltip-custom .tooltiptext ul li:last-child {
	padding-bottom: 0px !important;
}

.tooltip-custom ul {
	padding: 0;
	margin: 0px;
}

@media screen and (max-width:991px) {
	.tooltip-custom .tooltiptext {
		min-width: 500px;
		font-size: 11px;
	}

	.tooltip-bottom {
		right: auto;
		left: -6px;
	}

	.tooltip-bottom:after {
		right: auto;
		left: 15px;
	}
}

@media screen and (max-width:767px) {
	.tooltip-custom .tooltiptext {
		min-width: 300px;
		text-align: left;
	}
}

@media screen and (max-width:575px) {
	.tooltip-bottom {
		right: -6rem;
		left: auto;
	}

	.tooltip-bottom:after {
		right: auto;
		left: 65%;
	}
}

/* Custom Tooltip css end */
.inputcustom-checkbox .custom-control-label:before,
.inputcustom-checkbox .custom-control-label:after {
	height: 20px !important;
	width: 20px !important;
	border-color: #a0a0a0;
	top: 0;
	cursor: pointer;
}

.inputcustom-checkbox .custom-control-input:checked~.custom-control-label::before {
	background: #05b3b4;
	border-color: #05b3b4;
}

.inputcustom-checkbox .custom-control-input:focus:not(:checked)~.custom-control-label:before {
	border-color: #05b3b4;
}

.inputcustom-checkbox .custom-control-input:focus~.custom-control-label::before {
	-webkit-box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
	box-shadow: 0 0 0 0.2rem rgb(5 179 180 / 22%);
}

.inputcustom-checkbox .custom-control-input:focus~.custom-control-label::before {
	-webkit-box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
	box-shadow: 0 0 0 0.2rem rgb(5 179 180 / 22%);
	width: 16px;
	position: absolute;
	top: 8px;
	right: 0;
	width: 16px;
	position: absolute;
	top: 8px;
	right: 0;
}

/* Custom Tooltip css start */
.tooltip .tooltiptext {
	visibility: hidden;
	position: absolute;
	width: 120px;
	background-color: #555555ed;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
	z-index: 1;
	opacity: 0;
	transition: opacity .6s;
}

.tooltip-bottom {
	top: 25px;
	right: -10px;
}

.tooltip-custom .tooltiptext {
	visibility: hidden;
	position: absolute;
	width: 100%;
	min-width: 550px;
	background-color: #555555ed;
	color: #fff;
	text-align: center;
	padding: 7px;
	border-radius: 6px;
	z-index: 1;
	opacity: 0;
	transition: opacity .6s;
	font-size: 12px;
}

.tooltip-custom:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

.tooltip-custom {
	position: relative;
	cursor: pointer;
}

.ViewActive .ListToDoView .todo-cointainer.TodoTab .tooltip-custom .tooltiptext ul li,
.tooltip-custom .tooltiptext ul li {
	position: relative;
	padding: 0px 0px 5px 12px !important;
	border: none !important;
	text-align: left !important;
	display: block;
}

.tooltip-custom .tooltiptext ul li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 50%;
}

.tooltip-bottom:after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 0;
	margin-left: 20px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #555555ed transparent;
	width: 10px;
}

.ViewActive .ListToDoView .todo-cointainer.TodoTab .tooltip-custom .tooltiptext ul,
.tooltip-custom .tooltiptext ul {
	border: none !important;
}

.tooltip-custom .tooltiptext li {
	font-weight: normal;
}

.tooltip-custom .tooltiptext ul li:last-child {
	padding-bottom: 0px !important;
}

.tooltip-custom ul {
	padding: 0;
	margin: 0px;
}

@media screen and (max-width:991px) {
	.tooltip-custom .tooltiptext {
		min-width: 500px;
		font-size: 11px;
	}

	.tooltip-bottom {
		right: auto;
		left: -6px;
	}

	.tooltip-bottom:after {
		right: auto;
		left: -10px;
	}
}

@media screen and (max-width:767px) {
	.tooltip-custom .tooltiptext {
		min-width: 300px;
		text-align: left;
	}
}

@media screen and (max-width:575px) {
	.tooltip-bottom {
		right: -10rem;
		left: auto;
	}

	.tooltip-bottom:after {
		right: auto;
		left: 35%;
	}
}

.todos-cointainer .task-number {
	border-left: 0px !important;
}

.ViewActive .ListToDoView div.div-null,
.ViewActive .ListToDoView div.d-flex.list-view-details {
	border-right: 0px;
}

.ViewActive .ListToDoView .todo-cointainer.TodoTab ul li.task-number {
	max-width: 35px;
	min-width: 30px;
	justify-content: center;
	margin: auto;
}

/* Custom Tooltip css end */

.todo-cointainer .usetwentyfour ul,
.todo-cointainer .usetwentyfour {
	z-index: 111111 !important;
	background: #fff !important;
	background-color: #fff !important;
	border: 1px solid #ced4da;
}

/* Custom up and down arrow css start */
.sub-todo-task-listing .mCSB_scrollTools .mCSB_buttonUp,
.template-sub-task-listing .mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px;
}

.sub-todo-task-listing .mCSB_buttonDown,
.template-sub-task-listing .mCSB_buttonDown {
	background-position: -112px -92px;
}

.sub-todo-task-listing .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.template-sub-task-listing .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #adc3c3;
	width: 4px;
}

.sub-todo-task-listing .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.template-sub-task-listing .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #adc3c3;
}

.sub-todo-task-listing .mCSB_scrollTools .mCSB_draggerRail,
.template-sub-task-listing .mCSB_scrollTools .mCSB_draggerRail {
	background-color: #dce8e8;
	box-shadow: none;
	border-radius: 0;
}

/* Custom up and down arrow css end */

.task-count-wrapper {
	left: 0%;
	position: relative;
}

/* Alert Page Design css start  */
.custom-datatable .dataTables_length,
.custom-datatable .dataTables_filter {
	display: none;
}

.custom-datatable table thead tr th {
	background: #05b3b4;
	color: #fff;
}

.custom-datatable table thead tr th::before,
.custom-datatable table thead tr th::after {
	color: #fff !important;
	top: auto !important;
}

.custom-datatable .dataTables_paginate ul li a {
	border-radius: 4px !important;
	color: #758080;
	padding: 0.5rem;
	box-shadow: none !important;
}

.custom-datatable .dataTables_paginate ul li {
	background: none;
	padding: 0;
}

.custom-datatable .dataTables_paginate ul li.active a {
	background: #05b3b4;
	border-color: #05b3b4;
}

/* Alert Page Design css end  */

/* new notes module css start */
.notes-sorting-drodpown .filter-options {
	border: 1px solid #ddd !important;
}

.aleartpage-drop .todo-sorting-drodpown .dropdown-toggle,
.notes-sorting-drodpown .dropdown-toggle {
	border: 1px solid #ddd !important;
}

.aleartpage-drop .todo-sorting-drodpown .dropdown-toggle::after,
.notes-sorting-drodpown .dropdown-toggle::after {
	right: 5px;
	width: 7px;
	margin-top: -5px;
	margin-right: 8px;
}

.notes-sorting-drodpown .dropdown-toggle {
	border: unset !important;
}

#notes-dttable>thead>tr>th[class*="sort"]:before,
#notes-dttable>thead>tr>th[class*="sort"]:after {
	content: "" !important;
}

#new_notes_form label {
	color: black;
}

#new_notes_form .validation-error-label {
	color: #758080;
	font-weight: 500;
}

/* new notes module css end */




/* Alert Page Design css end  */

.ChatBox .ChatBoxDIV {
	white-space: pre-line;
}

.ChatBox .ChatBoxDIV p {
	white-space: pre-line;
}

.chat-wrapper .ChatBoxMessage p,
.chat-wrapper .ChatBoxMessage .cstm-chat-content {
	white-space: pre-line;
	position: relative;
	top: 0px;
	margin-bottom: 15px;
}

.chat-wrapper .ChatBoxMessage .cstm-chat-content ul,
.ChatBox .ChatBoxDIV .ChatBoxMessage ul {
	white-space: initial;
}

.ChatBox .ChatBoxDIV p br,
.chat-wrapper .ChatBoxMessage p br {
	display: none;
}

/* new signup process design start */
.cstm-new-signup .signup_rightwrapper h1 {
	color: rgba(22, 49, 67, 1);
	font-size: 60px;
	font-weight: 700;
	letter-spacing: -2.2px;
	line-height: 64px;
	margin-bottom: 20px;
}

.cstm-new-signup .signup_rightwrapper p {
	color: rgba(10, 179, 181, 1) !important;
	font-size: 22px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: -0.6px;
	margin-bottom: 30px;
}

.cstm-new-signup .signup_rightwrapper h4 {
	color: rgba(22, 49, 67, 1);
	font-size: 22px;
	font-weight: 600;
	letter-spacing: -0.8px;
	line-height: 26px;
	margin-bottom: 10px;
}

.cstm-new-signup .signup_rightwrapper h5 {
	display: flex;
	align-items: flex-end;
}

.cstm-new-signup .signup_rightwrapper h5 label {
	color: rgba(22, 49, 67, 1);
	font-size: 26px;
	font-weight: 400;
	letter-spacing: -0.6px;
	line-height: 36px;
}

.cstm-new-signup .signup_rightwrapper h5 span {
	color: rgba(36, 59, 75, 1);
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.2px;
	line-height: 27px;
}

.cstm-new-signup .signup_rightwrapper h6 {
	color: rgba(22, 49, 67, 1);
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: -0.2px;
	margin-bottom: 20px;
}

.cstm-new-signup .package_list ul {
	list-style: none;
	margin-left: 0px;
}

.cstm-new-signup .package_list ul li {
	display: flex;
	padding-bottom: 10px;
	border-bottom: 1px solid #c8e9e9;
	margin-bottom: 10px;
}

.cstm-new-signup .package_list ul li svg {
	min-width: 24px;
	min-height: 24px;
	padding: 6px;
	background: #163143;
	fill: #fff;
	border-radius: 50px;
	margin-right: 6px;
}

.cstm-new-signup .package_list ul li span {
	color: rgba(22, 49, 67, 1);
	font-size: 14px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: -0.1px;
}

.cstm-new-signup .package_list ul li:last-child {
	border-bottom: none;
}

.cstm-new-signup .signup_rightwrapper.sky h5 label {
	color: #0ab3b5;
}

.cstm-new-signup .signup_rightwrapper.sky .package_list ul li svg {
	background: #0ab3b5;
}

.cstm-new-signup .signup_rightwrapper.yellow h5 label {
	color: #ffba51;
}

.cstm-new-signup .signup_rightwrapper.yellow .package_list ul li svg {
	background: #ffba51;
}

/* Form left side css */
.cstm-new-signup .create_wrapper h4 {
	color: rgba(22, 49, 67, 1);
	font-size: 26px;
	font-weight: 600;
	letter-spacing: -0.8px;
	line-height: 26px;
	margin-bottom: 10px;
}

.cstm-new-signup .create_wrapper p {
	color: rgba(36, 59, 75, 1) !important;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.2px;
	margin-bottom: 24px;
}

.cstm-new-signup .step {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 24px;
}

.cstm-new-signup .step_link>span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 24px;
	min-height: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: #fff;
	border: 1px solid rgba(10, 179, 181, 1);
	opacity: 1;
	color: rgba(10, 179, 181, 1);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -0.1px;
	margin-right: 5px;
}

.cstm-new-signup .step_link.active>span {
	background: rgba(10, 179, 181, 1);
	color: #fff;
}

.cstm-new-signup .create_wrapper {
	border-radius: 12px;
	border: 3px solid rgba(157, 171, 171, 1);
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
	background-color: rgba(255, 255, 255, 1);
	padding: 39px;
}

.cstm-new-signup .step_link b {
	color: rgba(22, 49, 67, 1);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -0.1px;
	display: inline-block;
	margin-right: 5px;
	white-space: nowrap;
}

.cstm-new-signup .step_line {
	background-color: rgba(216, 216, 216, 1);
	min-width: 58px;
	height: 2px;
	margin-right: 10px;
}

.cstm-new-signup .step_link {
	display: inline-flex;
	align-items: center;
}

.cstm-new-signup .step_link:nth-child(2) .step_line {
	min-width: 26px;
}

.cstm-new-signup .custom_input label {
	color: rgba(22, 49, 67, 1);
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.4px;
	margin-bottom: 6px;
}

.cstm-new-signup .custom_input {
	padding-left: 0;
	border: none !important;
	margin-bottom: 20px;
}

.cstm-new-signup .custom_input input.form-control {
	border-radius: 5px;
	border: 2px solid rgba(190, 186, 184, 1);
	background-color: rgba(255, 255, 255, 1);
	padding: 16px 18px !important;
	opacity: 1;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.1px;
}

.cstm-new-signup .custom_input.error label {
	color: #df2020;
}

.cstm-new-signup .custom_input.error input.form-control {
	border-color: #df2020 !important;
}

.cstm-new-signup .custom_input input.form-control::placeholder {
	color: rgba(162, 162, 162, 1) !important;
}

.cstm-new-signup .custom_input input.form-control:focus {
	border-color: #163143 !important;
}

.cstm-new-signup .show_password {
	position: absolute;
	display: flex;
	align-items: center;
}

.cstm-new-signup .show_password {
	color: rgba(10, 179, 181, 1);
	font-weight: 500;
	letter-spacing: -0.1px;
	position: absolute;
	right: 16px;
	top: 15px;
	display: flex;
	align-items: center;
	transition: all 0.25s;
}

.cstm-new-signup .show_password svg {
	width: 26px;
	height: 16px;
	fill: rgba(10, 179, 181, 1);
}

.cstm-new-signup .show_password:hover {
	color: #163143;
}

.cstm-new-signup .show_password:hover svg {
	fill: #163143;
}

.cstm-new-signup .no-highlight {
	user-select: none;
	-moz-user-select: none;
	-webkit-text-select: none;
	-webkit-user-select: none;
}

.cstm-new-signup .show_password:hover {
	color: #163143;
}

.cstm-new-signup .show_password:hover svg {
	fill: #163143;
}

.cstm-new-signup .custom_input.password input.form-control {
	padding-right: 95px !important;
}

.cstm-new-signup .custom_check_box label:before,
.custom_check_box label:after {
	width: 24px;
	height: 24px;
	left: -32px;
	border-radius: 3px !important;
	border: 1px solid rgba(190, 186, 184, 1);
	top: 1px;
}

.cstm-new-signup .custom_check_box .custom-control-input {
	width: 24px;
	height: 24px;
}

.cstm-new-signup .custom_check_box label {
	color: rgba(36, 59, 75, 1);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: -0.09px;
	line-height: 27px;
	margin-left: 8px;
	cursor: pointer;
}

.cstm-new-signup .custom_check_box label a {
	color: rgba(36, 59, 75, 1);
	text-decoration: underline;
}

.cstm-new-signup .custom_check_box .custom-control-input:checked~label::before {
	color: #fff;
	border-color: #0ab3b5;
	background-color: #0ab3b5;
	transform: scale(0.8);
}

.cstm-new-signup .custom_check_box label a:hover {
	color: #0ab3b5;
}

.cstm-new-signup .btn_blue {
	padding: 15px 30px;
	background: #163143;
	color: rgba(255, 255, 255, 1) !important;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.4px;
	border: 2px solid #163143;
	transition: all 0.5s;
	box-shadow: 0px 3px 5px rgba(22, 49, 67, 0.1);
	min-width: 172px;
}

.cstm-new-signup .gray .btn_blue:hover,
.cstm-new-signup .gray .btn_blue:focus,
.cstm-new-signup .gray .btn_blue:active {
	background: #fff !important;
	color: #163143 !important;
	box-shadow: none;
	border-color: #163143 !important;
}

.cstm-new-signup .gray .btn_blue:hover span,
.cstm-new-signup .gray .btn_blue:focus span,
.cstm-new-signup .gray .btn_blue:active span {
	color: #163143 !important;
}

.cstm-new-signup .already_label {
	color: rgba(36, 59, 75, 1);
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.2px;
	transition: all 0.25s;
}

.cstm-new-signup .already_label a {
	color: rgba(22, 49, 67, 1);
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.4px;
	margin-left: 5px;
}

.cstm-new-signup .already_label a:hover {
	color: #0ab3b5;
}

.cstm-new-signup .already_label a svg {
	display: inline-block;
}

.cstm-new-signup .already_label a svg {
	fill: #0ab3b5;
}

.cstm-new-signup .create_wrapper .recaptch_txt {
	color: rgba(36, 59, 75, 1) !important;
	font-size: 14px !important;
	font-weight: 400;
	letter-spacing: -0.09px;
	line-height: 27px;
	margin-bottom: 0;
}

.cstm-new-signup .create_wrapper .recaptch_txt a {
	color: rgba(22, 49, 67, 1);
	text-decoration: underline;
}

.orWithEmail h6 {
	margin: 0 0 1.4375rem;
	padding: 0;
	position: relative;
	text-align: center;
}

.orWithEmail h6:before {
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	background: rgba(190, 186, 184, 1);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

.orWithEmail h6 span {
	display: inline-block;
	vertical-align: top;
	color: rgba(36, 59, 75, 1);
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
	background: #fff;
	padding: 0 1rem;
	z-index: 1;
	position: relative;
}

.cstm-new-signup .create_wrapper .recaptch_txt a:hover {
	color: #0ab3b5;
}

.cstm-new-signup .create_wrapper.sky {
	border-color: #0ab3b5;
}

.cstm-new-signup .create_wrapper.sky .btn_blue {
	background-color: rgba(15, 181, 181, 1);
	background-image: linear-gradient(-63.434948822921996deg,
			rgba(9, 157, 179, 1) 0%,
			rgba(15, 181, 181, 1) 100%);
	border-color: #0ab3b5;
}

.cstm-new-signup .create_wrapper.sky .btn_blue:hover {
	color: #0ab3b5 !important;
}

.cstm-new-signup .create_wrapper.sky .btn_blue:hover {
	background: #fff !important;
	color: #0ab3b5 !important;
	box-shadow: none;
	border-color: #0ab3b5 !important;
}

.cstm-new-signup .create_wrapper.sky .btn_blue:hover span {
	color: #0ab3b5 !important;
}

.cstm-new-signup .create_wrapper.yellow {
	border-color: #ffc651;
}

.cstm-new-signup .create_wrapper.yellow .btn_blue span {
	color: #163143 !important;
}

.cstm-new-signup .create_wrapper.yellow .btn_blue {
	background: #ffc651;
	border-color: #ffc651;
	color: #163143 !important;
	background-color: rgba(255, 198, 81, 1);
	background-image: linear-gradient(-63.434948822921996deg,
			rgba(255, 173, 81, 1) 0%,
			rgba(255, 198, 81, 1) 100%);
}

.cstm-new-signup .create_wrapper.yellow .btn_blue:hover,
.cstm-new-signup .create_wrapper.yellow .btn_blue:focus,
.cstm-new-signup .create_wrapper.yellow .btn_blue:active {
	background: #fff !important;
	color: #ffc651 !important;
	box-shadow: none;
	border-color: #ffc651 !important;
}

.cstm-new-signup .create_wrapper.yellow .btn_blue:hover span,
.cstm-new-signup .create_wrapper.yellow .btn_blue:focus span,
.cstm-new-signup .create_wrapper.yellow .btn_blue:active span {
	color: #ffc651 !important;
}

.cstm-new-signup .create_wrapper.sky .btn_blue:hover,
.cstm-new-signup .create_wrapper.sky .btn_blue:focus,
.cstm-new-signup .create_wrapper.sky .btn_blue:active {
	background: #fff !important;
	color: #05b3b4 !important;
	box-shadow: none;
	border-color: #05b3b4 !important;
}

.cstm-new-signup .create_wrapper.sky .btn_blue:hover span,
.cstm-new-signup .create_wrapper.sky .btn_blue:focus span,
.cstm-new-signup .create_wrapper.sky .btn_blue:active span {
	color: #05b3b4 !important;
}

/* Verify account css start */
.cstm-new-signup .checkemail_list ul li .count {
	min-width: 32px;
	height: 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(10, 179, 181, 1);
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.11px;
	border-radius: 50%;
	margin-right: 10px;
}

.cstm-new-signup .checkemail_list ul li {
	align-items: center;
	border-bottom: 0;
	padding-bottom: 2px;
}

.cstm-new-signup .checkemail_list ul li span {
	font-size: 16px;
}

.cstm-new-signup .open_wrapper .already_label {
	display: flex;
	align-items: center;
}

.cstm-new-signup .open_wrapper .already_label a svg {
	margin-left: 8px;
}

.cstm-new-signup .open_wrapper .already_label a {
	text-decoration: underline;
}

.cstm-new-signup .create_wrapper p span {
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -0.62px;
	line-height: 26px;
	color: #0ab3b5;
}

.cstm-new-signup .create_wrapper p span b {
	color: rgba(22, 49, 67, 1);
}

.cstm-new-signup .modal-dialog.modal-md {
	max-width: 654px;
}

.cstm-new-signup .z-index-1 {
	z-index: 1;
}

.cstm-new-signup .border-radius-12 {
	border-radius: 12px;
}

.cstm-new-signup .min-w-auto {
	min-width: auto;
}

/* Verify account css end */

/* Menu option modal css start */
.cstm-new-signup .menuoption_list ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.cstm-new-signup .menuoption_list .menu_img {
	min-width: 36px;
	height: 36px;
}

.cstm-new-signup .menuoption_list ul li {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.cstm-new-signup .menuoption_list .menu_info h6 {
	color: rgba(22, 49, 67, 1);
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.2px;
	margin-bottom: 0;
}

.cstm-new-signup .menuoption_list .menu_info p {
	color: rgba(22, 49, 67, 1);
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.2px;
	margin-bottom: 0;
}

/* .cstm-new-signup .menuoption_list li .menu_img {
	background-image: url("../assets/user/images/menu_icon.png");
	background-repeat: no-repeat;
	margin-right: 10px;
} */

.cstm-new-signup .menuoption_list .menu_img {
	background-color: #05b3b4;
	border-radius: 50%;
	background-position: 8px;
	background-repeat: no-repeat;
	background-size: 21px;
}

.cstm-new-signup .menuoption_list .modal-left-menu-list li:nth-child(2) .menu_img {
	background-position: 8px 10px;
}

.cstm-new-signup .menuoption_list .modal-right-menu-list li:nth-child(1) .menu_img,
.cstm-new-signup .menuoption_list .modal-right-menu-list li:nth-child(4) .menu_img {
	background-position: 7px;
}

.cstm-new-signup .start_card .start_icon {
	text-align: center;
	margin-bottom: 12px;
}

.cstm-new-signup .start_card h6 {
	color: rgba(22, 49, 67, 1);
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.2px;
	text-align: center;
	margin-bottom: 0;
}

.cstm-new-signup .start_card p {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.2px;
	text-align: center;
}

.cstm-new-signup .start_card .signup_btn {
	position: absolute;
	padding: 11px 14px;
	width: calc(100% - 80px) !important;
	left: 0;
	right: 0;
	bottom: -22px;
	margin: auto;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.4px;
	text-align: center;
}

.cstm-new-signup .start_card.create_wrapper.sky {
	border-radius: 8px;
	border: 3px solid rgba(10, 179, 181, 1);
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
	background-color: rgba(247, 255, 255, 1);
	min-height: 234px;
}

.cstm-new-signup .start_card.create_wrapper.yellow {
	min-height: 234px;
	border-radius: 8px;
	border: 3px solid rgba(255, 198, 81, 1);
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
	background-color: rgba(254, 248, 236, 1);
}

.cstm-new-signup .hide-show-icon .hide-svg,
.cstm-new-signup .show-hide-icon .show-svg {
	display: block;
}

.cstm-new-signup .show-hide-icon .show-svg,
.cstm-new-signup .hide-show-icon .hide-svg {
	display: none;
}

.cstm-new-signup .modal h4 {
	font-family: "Poppins";
}

/* Menu option modal css end */

/* validation error css start */
.cstm-error-msg label {
	color: #df2020 !important
}

.cstm-error-msg input {
	border-color: #df2020 !important
}

.cstm-error-msg label.error {
	font-weight: normal;
}

/* validation error css end */

.custom-control.custom-checkbox {
	padding-left: 1.75rem;
}

.leftnavigation.step-two-modal {
	z-index: 11111;
}

.leftnavigation.step-two-modal::before {
	display: none;
}

.leftnavigation.step-one-modal {
	z-index: 1111;
}

.modal-open .leftnavigation.step-one-modal ul:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: 0.5;
}

.modal-open .leftnavigation.step-one-modal ul li.menu_active {
	position: relative;
}

.modal-open .leftnavigation.step-one-modal ul li.menu_active a:before {
	content: '';
	position: absolute;
	top: 0;
	left: -2px;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	max-width: 36px;
	max-height: 36px;
	margin: auto;
	background: #0aa2b3;
	border-radius: 50%;
	display: none;
}

.modal-open .leftnavigation.step-one-modal ul li.menu_active a img {
	position: relative;
}

.modal-open .leftnavigation.step-one-modal ul li.menu_active a span {
	position: absolute;
	top: 8px;
	left: 0px;
	opacity: 1;
	color: rgba(22, 49, 67, 1);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -0.1px;
	border-radius: 18px;
	box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.15);
	background-color: rgba(255, 255, 255, 1);
	padding: 8px 15px;
	transition: ease 0.35s;
	transform: translateX(-100%);
	opacity: 0;
}

.profile-page span.select2.select2-container {
	z-index: 0;
}

.grecaptcha-badge {
	visibility: hidden;
}

.invisible-google-captcha-wrapper>div {
	display: none;
}

section.cstm-new-signup .modal {
	z-index: 99999;
}

.cstm-new-signup #btn-sub span,
.cstm-new-signup #loginForm .btn_blue span {
	font-size: 16px;
}

.cstm-new-signup .CheckBoxDiv a {
	color: #163143;
}

.cstm-new-signup .CheckBoxDiv a:hover {
	color: #05b3b4;
}

.how-team-section h1.heading {
	opacity: 1;
	color: rgba(22, 49, 67, 1);
	font-family: "Poppins-Bold";
	font-size: 40px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: -1.47px;
	text-align: left;
	line-height: 44px;
}

.cstm-new-signup .modal .create_wrapper span b {
	font-weight: 600;
}

.how-team-section {
	padding: 12% 0 16px 0;
}

.how-team-section p.para {
	opacity: 1;
	color: rgba(36, 59, 75, 1) !important;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: -0.3px;
	text-align: left;
	line-height: 30px;
}

.how-team-section .vc_col-sm-6.slick-slide {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.modal-backdrop {
	background-color: #163143;
}

.modal-backdrop.show {
	opacity: 0.7;
}

.modal-open .modal {
	padding-right: 0px !important;
}

.preview-img-wrapper {
	width: 125px;
	height: 125px;
	background: #e7e7e7;
	border-radius: 20px;
	padding: 7px;
	position: relative;
}

.preview-img-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 15px;
}

.preview-img-wrapper .remove-preview-img {
	font-size: 20px;
	position: absolute;
	top: -4px;
	right: -8px;
	background: #ff3b3b;
	border: none;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}

.preview-img-wrapper .remove-preview-img:hover {
	background: #ef2323;
}

.ActionWrapinner .GroupAction a.mCSB_buttonUp,
.ActionWrapinner .GroupAction a.mCSB_buttonDown {
	z-index: 9;
}

.FolderCarouselBody .ActionFoldersInfo .CommonGroupInfo,
.FolderSubCarouselBody .ActionSubFoldersInfo .CommonGroupInfo,
.ActionsTagsBody .ActionTagsInfo .CommonGroupInfo {
	margin-left: 0;
}

.FolderCarouselBody .ActionFoldersInfo .CommonGroupInfo input[type="radio"]+label,
.FolderSubCarouselBody .ActionSubFoldersInfo .CommonGroupInfo input[type="radio"]+label {
	min-width: 225px;
	max-width: 225px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.ActionsTagsBody .ActionTagsInfo .form-group input[type="checkbox"]+label {
	min-width: 225px;
	max-width: 225px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.FolderCarouselBody .CommonGroupInfo,
.ActionsTagsBody .CommonGroupInfo {
	max-width: unset;
}

.FolderCarouselBody .GroupAction,
.ActionsTagsBody .GroupAction {
	min-width: inherit;
}

.FolderCarouselBody.ViewActive ul.AllFilesUl>li>.filedetails-block>.view-file-details>.filemain-wrapper,
.ActionsTagsBody.ViewActive ul.AllFilesUl>li>.filedetails-block>.view-file-details>.filemain-wrapper {
	justify-content: space-between;
}

.folder-load-wrapper .ActionFolder,
.tags-load-wrapper .ActionSubFolder {
	margin-bottom: 0.5rem;
}

.folder-load-wrapper .ActionFolder .ActionFolderView::before,
.tags-load-wrapper .ActionSubFolder .ActionSubFolderView::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 100%;
	height: 1px;
	background: #c8eeef;
}

.folder-load-wrapper .ActionFolder .ActionFolderView span,
.tags-load-wrapper .ActionSubFolder .ActionSubFolderView span {
	background: #fff;
	padding: 0.1rem 2rem;
	color: #05b3b4;
	font-size: 0.9rem;
	line-height: 1.5;
	position: relative;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	writing-mode: unset;
}

/* :not(.tablet-view).FolderCarouselBody .AllFiles .view-file-details .fileaction-wrapper,
:not(.tablet-view).ActionsTagsBody .AllFiles .view-file-details .fileaction-wrapper,
:not(.tablet-view).FolderCarouselBody .AllFiles .view-file-details .fileinfo-wrapper,
:not(.tablet-view).ActionsTagsBody .AllFiles .view-file-details .fileinfo-wrapper,
:not(.tablet-view).FolderCarouselBody .AllFiles .file-action,
:not(.tablet-view).ActionsTagsBody .AllFiles .file-action,
:not(.tablet-view).FolderCarouselBody .AllFiles .file-info,
:not(.tablet-view).ActionsTagsBody .AllFiles .file-info {
	display: none;
} */

.vertical-folder-load-wrapper {
	position: relative;
	z-index: 111;
}

@media screen and (min-width:1201px) {
	.mobile_logo {
		margin-right: 5px;
	}

	.mobile_logo img {
		max-height: 28px;
	}

}


@media screen and (max-width: 1199px) {
	.cstm-new-signup .signup_rightwrapper h1 {
		font-size: calc(40px + 20 * (100vw - 320px) / 1600);
		line-height: calc(50px + 20 * (100vw - 320px) / 1600);
		margin-bottom: 10px;
	}

	.cstm-new-signup .signup_rightwrapper p {
		font-size: 20px;
	}

	.cstm-new-signup .create_wrapper {
		padding: 20px;
	}

	.cstm-new-signup .custom_check_box label {
		font-size: 11px;
	}

	.cstm-new-signup .checkemail_list ul li span {
		font-size: 14px;
	}

	.ActionFoldersInfo .CommonGroupInfo,
	.ActionSubFoldersInfo .CommonGroupInfo,
	.ActionTagsInfo .CommonGroupInfo {
		margin-top: 5px;
		height: calc(100% - 35px);
		margin-bottom: 5px !important;
	}

	.vertical-folder-load-wrapper .ActionFoldersInfo span,
	.vertical-sub-folder-load-wrapper .ActionSubFoldersInfo span,
	.tag-load-wrapper .ActionTagsInfo span {
		margin-top: 5px;
		margin-bottom: 5px;
	}

	/* .mobile_logo img{
		max-height: 30px;
	} */

	.mobile-full-logo {
		width: auto !important;
	}

	.mobile-logo-nav {
		padding: 0.65rem 0.5rem !important;
		border-bottom: 0px !important;
	}
}

@media screen and (min-width:1025px) and (max-width:1200px) {
	.mobile_logo img {
		max-height: 28px;
	}

	.mobile_logo {
		margin-right: 6px;
	}

	.tab_lg_humb {
		margin-top: -10px;
	}

	.mobile_logo img {
		display: none !important;
	}

	.mobile_logo img~img {
		display: inline-block !important;
		max-height: 30px;
	}

	.mobile-full-logo {
		display: none !important;
	}

}

@media screen and (min-width:1024px) and (max-width:1199px) {
	.HumberIcon {
		white-space: nowrap;
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.mobile_logo {
		padding-top: 10px;
	}

	.leftnavigation ul li a {
		display: inline-block;
	}

	.leftnavigation ul li.submenu a img {
		margin-bottom: 0 !important;
	}
}

@media screen and (min-width:768px) and (max-width:1360px) {
	.load-usernames .radio-label{
		font-size: 11px;
	}
}

@media screen and (max-width: 1069px) {
	.HumberNav section.leftnavigation.step-two-modal {
		display: none;
	}
}

@media screen and (max-width: 991px) {
	.cstm-new-signup .create_wrapper {
		padding: 28px 24px;
	}

	.sub-todo-task-listing .TodoTab ul,
	.template-sub-task-listing .TodoTab ul {
		flex-wrap: wrap !important;
	}

	body.todo .sub-todo-task-listing .b-hide,
	body.todo .template-sub-task-listing .b-hide,
	body.todo .todo-notes-listing .b-hide {
		display: block !important;
	}

	.filesize-wrapper{
		margin-top: 0px !important;
		margin-left: 0px !important;
		padding: 0px !important;
	}

	ul.AllFilesUl li.open-context-menu .d-flex .view-file-details span.menu-context{
		margin-left: 0px !important;
	}

	body.ViewActive .box-view-flex,
	body.ViewActive .filemain_listview_detail .fileaction-wrapper,
	body.ViewActive .filemain_listview_detail .fileinfo-wrapper {
		display: none !important;
	}
}

@media screen and (max-width: 767px) {
	.cstm-new-signup .custom_input {
		margin-bottom: 14px;
	}

	.cstm-new-signup .create_wrapper h4 {
		font-size: 20px;
		margin-bottom: 5px;
	}

	.cstm-new-signup .create_wrapper p {
		font-size: 14px;
		margin-bottom: 16px;
	}

	.cstm-new-signup .step_line,
	.cstm-new-signup .step_link:nth-child(2) .step_line {
		min-width: 12px;
		margin-right: 5px;
	}

	.cstm-new-signup .signup_rightwrapper p {
		font-size: 18px;
	}

	.cstm-new-signup .step_link b {
		font-size: 13px;
	}

	.cstm-new-signup .custom_input label {
		font-size: 14px;
		margin-bottom: 4px;
	}

	.cstm-new-signup .custom_input input.form-control {
		padding: 10px 18px !important;
		font-size: 13px;
	}

	.cstm-new-signup .show_password {
		top: 10px;
	}

	.cstm-new-signup .signup_btn {
		width: 100%;
	}

	.cstm-new-signup .create_wrapper .recaptch_txt {
		letter-spacing: -0.3px;
		font-size: 13px !important;
		line-height: 16px;
	}

	.cstm-new-signup .already_label {
		font-size: 14px;
	}

	.cstm-new-signup .already_label a {
		margin-left: 10px;
		font-size: 14px;
	}

	.cstm-new-signup .already_label a svg {
		position: relative;
		top: -1px;
	}

	.cstm-new-signup .menuoption_list .menu_info h6 {
		font-size: 14px;
		font-weight: 600;
		letter-spacing: -0.18px;
		line-height: 18px;
	}

	.cstm-new-signup .menuoption_list .menu_info p {
		font-size: 14px;
		font-weight: 400;
		letter-spacing: -0.18px;
		line-height: 18px;
	}

	.cstm-new-signup .menuoption_list ul li {
		margin-bottom: 14px;
	}

	.how-team-section .vc_col-sm-6.slick-slide {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}

	#preview-contents .tab-pane::-webkit-scrollbar {
		width: 5px;
	}

	#preview-contents .tab-pane::-webkit-scrollbar-thumb {
		background-color: #888;
	}

	#preview-contents .tab-pane {
		overflow: auto;
		scrollbar-width: thin;
		/* For Firefox */
		-ms-overflow-style: none;
		/* For IE and Edge */
	}

	#preview-contents .tab-pane::-webkit-scrollbar {
		display: none;
	}

	.dashboard-row .col-md-3.preview-content.ContentRight.show {
		margin-bottom: 10px;
	}

	.leftnavigation:before {
		content: "";
		background: rgba(0, 0, 0, 0.5);
		width: 0;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		transition: ease-in-out 0.5s;
		display: block;
		z-index: -1;
	}

	.HumberNav .leftnavigation ul li a strong {
		opacity: 1 !important;
	}

	.HumberNav .leftnavigation {
		width: 145px !important;
		z-index: 9999;
	}

	body.HumberNav .DashbaordContent {
		padding-left: 0px;
	}

	body.HumberNav .closeNav {
		display: block;
	}

	.mobile-logo img {
		display: none;
		;
	}

	.round-mobile-logo img {
		display: block;
	}

	.upgrade-show-dashboard-pt-6 {
		padding-top: 3rem;
	}
	
}

@media screen and (max-width: 575px) {
	.cstm-new-signup .signup_rightwrapper h1 {
		font-size: 36px;
		line-height: 38px;
	}

	.cstm-new-signup .btn_blue {
		padding: 10px 30px;
	}

	.cstm-new-signup .checkemail_list ul li {
		align-items: flex-start;
	}

	.cstm-new-signup .checkemail_list ul li span+span {
		padding-top: 5px;
		line-height: 1.5;
	}

	.cstm-new-signup .open_wrapper .already_label a {
		margin-left: 5px;
	}

	.cstm-new-signup .open_wrapper .already_label img {
		width: 34px;
	}

	.cstm-new-signup .start_card.create_wrapper.sky,
	.cstm-new-signup .start_card.create_wrapper.yellow {
		min-height: 198px;
	}

	.cstm-new-signup .create_wrapper .btn {
		width: 100%;
	}

	body.shared-file-view-wrapper:not(.ViewActive) ul.AllFilesUl>li>.d-flex>a .file-icon {
		width: 44px;
		min-width: 44px;
		height: 44px;
	}

	.show-all-alert {
		padding: 5px;
		font-size: 12px;
		max-width: 100px;
		width: 100%;
		min-width: 70px;
	}

	.remove-read-alert {
		padding: 5px 10px;
		font-size: 12px;
	}
}

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

	.HeaderProfile strong,
	.HeaderProfile small {
		display: none;
	}
}

@media screen and (max-width: 375px) {
	.cstm-new-signup .create_wrapper {
		padding: 24px 15px;
	}

	.cstm-new-signup .step_line,
	.step_link:nth-child(2) .step_line {
		min-width: 10px;
		margin-right: 5px;
	}

	.cstm-new-signup .step_link b {
		font-size: 12px;
		margin-right: 5px;
	}
}

/* new signup process design end */
.ChatBox .ChatBoxDIV {
	white-space: pre-line;
}

.ChatBox .ChatBoxDIV p {
	white-space: pre-line;
}

.ChatBox .ChatBoxDIV p br {
	display: none;
}

.profile-page span.select2.select2-container {
	z-index: 0;
}

.grecaptcha-badge {
	visibility: hidden;
}

section.cstm-new-signup .modal {
	z-index: 99999;
}

/* new signup process design end */
.ChatBox .ChatBoxDIV {
	white-space: pre-line;
}

.ChatBox .ChatBoxDIV p {
	white-space: pre-line;
}

.ChatBox .ChatBoxDIV p br {
	display: none;
}

.profile-page span.select2.select2-container {
	z-index: 0;
}

.grecaptcha-badge {
	visibility: hidden;
}

section.cstm-new-signup .modal {
	z-index: 99999;
}

/* new signup process design end */

.modal-open .usetwentyfour.bootstrap-datetimepicker-widget {
	bottom: auto !important;
}

.bootstrap-datetimepicker-widget li.in.show.collapse .timepicker span[data-action="showSeconds"],
.bootstrap-datetimepicker-widget li.in.show.collapse .timepicker span[data-action="showMinutes"]+.bdpw-timepicker-colon {
	display: none;
}

.bootstrap-datetimepicker-widget li.in.show.collapse .timepicker span[data-action="togglePeriod"] {
	width: 100% !important;
}

.text-center.mb-3.hide-show-share-prop-label b:after,
.text-center.mb-3.hide-show-organise-prop-label b:after,
.hide-show-secure-share-label-wrap label:after,
.hide-show-public-share-label-wrap label:after {
	content: "";
	background: url(../images/Arrow.svg) no-repeat 0 0 / 8px auto;
	width: 8px;
	height: 14px;
	display: block;
	border: 0;
	position: absolute;
	top: 20px;
	right: 10px !important;
	transform: rotate(-90deg);
	margin: -6px 2px 0 0;
	padding: 0;
	border-right: 0px !important;
	border-bottom: 0px !important;
	border-left: 0px !important;
	transition: all 0.7s;
	cursor: pointer;
}

.hide-show-secure-share-label-wrap label:after,
.hide-show-public-share-label-wrap label:after {
	top: 15px !important;
}

.text-center.mb-3.hide-show-share-prop-label,
.text-center.mb-3.hide-show-organise-prop-label,
.hide-show-secure-share-label-wrap,
.hide-show-secure-share-label-wrap label,
.hide-show-public-share-label-wrap,
.hide-show-public-share-label-wrap label {
	cursor: pointer;
}

.hide-show-share-prop-label,
.hide-show-organise-prop-label {
	padding: 10px;
	border-radius: 5px;
	background: #e5e5e5;
}

.hide-show-secure-share-label-wrap,
.hide-show-public-share-label-wrap {
	padding: 5px;
	border-radius: 5px;
	background: #e9ecef;
}

.showshareprop_inner {
	border: 3px dashed #eeeeee;
	padding: 20px 10px;
}

.share-fields-wrap {
	border: 3px dashed #eeeeee;
	padding-top: 15px;
	margin-bottom: 10px;
}

.upload-left-col .create-link-wrapper {
	border: 3px dashed #eeeeee;
	padding-top: 15px;
}

.hide-show-share-prop-label.rotate-arrow b::after,
.hide-show-organise-prop-label.rotate-arrow b::after,
.hide-show-secure-share-label-wrap.rotate-arrow label::after,
.hide-show-public-share-label-wrap.rotate-arrow label::after {
	transform: rotate(90deg) !important;
}

.upload-left-col .adv-link-opt.rotate-arrow .fa-angle-down {
	transform: rotate(180deg) !important;
}

.upload-left-col .adv-link-opt i {
	color: #05b3b4;
}

.adv-link-opt .fa-angle-down {
	transition: all 0.7s;
}

.upload-left-col.adv-link-opt {
	cursor: pointer;
	width: max-content !important;
}

.clear-selection-wrap button.select2-selection__clear span {
	display: none;
}

.clear-selection-wrap button.select2-selection__clear {
	margin-bottom: -4px !important;
	top: -4px;
	right: 4px;
}

.DashbaordContent,
.DashbaordContent>.row {
	min-height: calc(100vh - 120px);
}

.DashbaordContent .Todo-list {
	min-height: auto;
}

.leftnavigation ul li.submenu {
	max-height: calc(100% - 120px);
	overflow: hidden;
}

/* Show scrollbar on hover */
.leftnavigation ul li.submenu:hover.mCustomScrollbar {
	overflow: auto !important;
}

.leftnavigation ul li.submenu.mCustomScrollbar .mCSB_container {
	margin: 0px;
}

ul.leftnavigation_inner .active {
	background: rgba(255, 255, 255, 0.2);
}

/* .HumberNav */
.leftnavigation ul li.submenu a img {
	width: 24px;
	min-width: 24px;
	min-height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.validation-error-label {
	color: #F44336 !important;
}

/* .remove{
	margin-top: -60px;
    text-align: center;
	
} */
@media screen and (max-width:1199px) {
	/* .remove{
        margin-top: 20px;
    } */
}

.emoji-menu-trigger.you {
	position: absolute;
	left: -16px;
	top: -4px;
	font-size: 16px;
}

.ChatBoxMessage.reply .emoji-menu-trigger {
	position: absolute;
	right: -16px;
	top: -4px;
	font-size: 16px;
}

.ChatBoxMessage.reply .emoji-menu {
	right: 0;
}

.selected-emoji {
	margin-right: 34px;
	position: relative;
	top: 1px;
}

@media (max-width:425px) {
	.file-name-class {
		width: 95px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 14px;
	}
}

.emoji-menu {
	display: none;
	/* Default state */
}

.emoji-menu.active {
    display: block; /* Shown when active */
}

.file-comments-modal .ChatBox {
	max-height: 450px;
}

.comment_wrapper {
	display: flex;
	border: 2px solid #e6e6e6;
	background-color: #eceff1;
}

.comment_wrapper .CommentSubmit_textarea {
	width: 100%;
	margin-right: 30px;
}

.comment_wrapper .CommentSubmit_textarea textarea#messageText {
	margin-bottom: 0px;
	margin-top: 4px;
	margin-left: 4px;
	height: 47px;
}

.comment_wrapper .send-message-btn svg {
	fill: #fff;
	width: 20px;
	transition: ease 0.5s;
}

.comment_wrapper .CommentSubmit_textarea .emojionepicker-picker {
	margin-right: 40px;
}

.comment_wrapper .send-message-btn:hover svg {
	fill: #05b3b4;
}

.comment_wrapper .send-message-btn {
	border-radius: 6px;
	padding: 10px 15px;
	margin: 4px 0px;
}

@media (max-width:575px){
	.comment_wrapper .CommentSubmit_textarea .emojionepicker-picker {
		margin-right: 30px;
	}
	.comment_wrapper .CommentSubmit_textarea textarea#messageText{
		margin-top: 6px;
		height: 43px;
    	padding: 10px !important;
	}
	.comment_wrapper .send-message-btn {
		border-radius: 6px;
		padding: 6px 8px;
		margin: 7px 2px 7px 0px;
	}
	.package-short-details-wrap label {
		border-right: unset;
	}
}

@media (max-width:425px){
    .file-name-class {
        width: 95px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 14px;
    }
}

/* Username suggestion */
.radio-buttons {
	display: flex;
	align-items: center;
}
.radio-buttons label {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
}
.radio-buttons input[type="radio"] {
	padding: 0;
	height: 0% !important;
	width: 20px !important;
	margin-bottom: 0;
	cursor: pointer;
	opacity: revert !important;
} 

/* right sidebar chat emojo popup css */
@media screen and (min-width: 1921px) and (max-width: 2400px) {
	body .ContentRightWrap .emojionepicker {
		top: -35px !important;
	}
}

@media screen and (min-width: 1300px) and (max-width: 1920px) {
	body .ContentRightWrap .emojionepicker {
		top: 35px !important;
	}
}

@media screen and (min-width: 1281px) and (max-width: 1301px) {
	body .ContentRightWrap .emojionepicker {
		top: 50px !important;
	}
}

@media screen and (min-width: 1140px) and (max-width: 1280px) {
	body .ContentRightWrap .emojionepicker {
		top: 202px !important;
	}
}

@media screen and (min-width: 320px) and (max-width: 1139px) {
	body .ContentRightWrap .emojionepicker {
		top: 260px !important;
	}
}

/* right sidebar chat emojo popup css */


/* View all task page top filter css */
.top-sort-and-filter-options .dropdown .dropdown-content .dropdown1 .dropdown-content1 {
	max-width: 240px;
}

.top-sort-and-filter-options .dropdown .dropdown-content .dropdown1 .dropdown-content1 .dropdown-menu ul li .dropdown-item {
	word-break: break-word;
	white-space: normal;
}

.top-sort-and-filter-options .dropdown .dropdown-content .dropdown1 .dropdown-content1 .dropdown-menu ul li .dropdown-item span.text {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-right: 10px;
}

.top-sort-and-filter-options .dropdown .dropdown-content .dropdown1 .dropdown-content1 .dropdown-menu ul.dropdown-menu {
	max-height: 225px;
	overflow: auto;
}

.all-in-one-filter-wrapper .sorting-options-wrapper button.dropbtn1 {
	font-weight: normal;
	color: #212529 !important;
}

.all-in-one-filter-wrapper .status-filter-wrapper .btn-light:hover .filter-option-inner-inner {
	color: #000000;
}


@media (max-width:1199px) {
	.top-sort-and-filter-options .dropdown .dropdown-content .dropdown1 .dropdown-content1 {
		right: 160px;
		left: inherit;
	}

	.top-sort-and-filter-options .dropdown .dropdown-content .dropdown1 .dropdown-content1 .dropdown-menu {
		max-width: 260px;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.sorting-options-wrapper .dropdown .dropdown-content .dropdown1 .dropdown-content1 {
		left: 160px;
		right: inherit;
	}
}

@media (max-width:575px) {
	.status-filter-wrapper {
		z-index: 111;
	}

	.sorting-options-wrapper {
		width: 100%;
		margin-right: 1rem;
		z-index: 11;
	}

	.top-sort-and-filter-options .dropdown .dropdown-content .dropdown1 .dropdown-content1 {
		left: 160px;
		right: inherit;
	}

	.top-sort-and-filter-options .dropdown .dropdown-content .dropdown1 .dropdown-content1 {
		max-width: 300px;
		width: 45vw;
		min-width: 70px;
	}

	.top-sort-and-filter-options .dropdown .dropdown-content .dropdown1 .dropdown-content1 .dropdown-menu ul li .dropdown-item {
		font-size: 12px;
	}
	
	.MobileHeader,
	.dashboardHeader{
		z-index: 999;
	}
}

/* View all task page top filter css end */