/* Your custom styles */

/* FIX dropdown lang names with ellipsis */

.dropdown-item {

	overflow: hidden;
	text-overflow: ellipsis;
}


/* mobile */

@media (max-width: 767px) {


	.sClipped {


		display: inline-block;
		width: 100px;
		white-space: nowrap;
		overflow: hidden !important;
		text-overflow: ellipsis;
	}


}


/* SITEMANAGER BIG LOADER */

.sm-bigloader-overlay {

	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 5000;

	display: none;

}

.sm-bigloader-bg {


	background-color: #fff;
	color: #333;

	position: fixed;
	/* center the element */
	right: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
	/* give it dimensions */
	/*min-height: 10em;*/
	width: 90%;

	min-height: 200px;

	margin-top: 100px;

	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);


}

.sm-bigloader-wrapper, .sm-bigloader-complete {

	padding: 20px;

}

.sm-bigloader-complete {

	margin-top: 40px;

}

.sm-bigloader-pic {

	float: left;
	width: 64px;
	height: 51px;
	margin-right: 10px;

}

.sm-bigloader-loadinfo img {

	height: 6px;
	margin-top: -2px;

}

.sm-bigloader-story {

	margin-bottom: 20px;

}


.typed-cursor {
	opacity: 1;
	-webkit-animation: blink 0.7s infinite;
	-moz-animation: blink 0.7s infinite;
	animation: blink 0.7s infinite;
}

@keyframes blink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes blink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes blink {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.btn-cons {

	min-width: 120px;

}

.btn-cons2X {
	min-width: 240px;
}

.load_angular {
	display: none;
}

.taskhover:hover .taskremove {
	display: block;
}

.taskremove, a.taskremove:active, a.taskremove:visited, a.taskremove:focus, a.taskremove:hover {

	margin-right: 7px;
	display: none;
	cursor: pointer;
	color: #ff3547 !important;

}

/* Time line */

a.ACTtooltip:link, a.ACTtooltip:active, a.ACTtooltip:visited {

	color: #909090;
	-webkit-transition: all 0.5s; /* Safari */
	transition: all 0.5s;

}

a.ACTtooltip:hover {

	color: #333;
	text-decoration: underline;
}


.activity-box {

	margin-top: 0px;

}

.cbp_infobtn {

	color: #909090;
	cursor: pointer;

}

.cbp_infobtn:hover {

	color: #333;

}

.cbp_tmtimeline .muted {

	color: #909090;
}

.cbp_tmtimeline {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	position: relative;
}

.cbp_tmtimeline li {
	position: relative;
}

/* The line */
.cbp_tmtimeline:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 2px;
	background: #64b5f6;
	left: 10%;
	margin-left: -6px;
}

/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime {
	display: block;
	width: 25%;
	padding-right: 100px;
	position: absolute;
	font-family: 'Open Sans';
}


.cbp_tmdate {

	background: #4285f4;
	color: #fff;
	padding: 5px 10px;
	font-size: 10px;
	display: inline-block;
	margin-bottom: 10px;
	margin-top: 40px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	left: 5%;
	position: relative;

}

.cbp_tmtimeline > li .cbp_tmtime {
	text-align: right;
}

.cbp_tmtimeline > li .cbp_tmtime .date {
	font-size: 1.2em;
	color: #505458;
	margin-bottom: 5px;
	display: block;
}

.cbp_tmtimeline > li .cbp_tmtime .time {
	font-size: 1.5em;
	color: #505458;
	display: block;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
	color: #505458;
}

/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel {
	margin: 0 5% 0 16%;
	background: #f5f5f5;
	font-size: 13px;
	line-height: 1.4;
	position: relative;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
	background: #f5f5f5;
}

.cbp_tmtimeline > li .cbp_tmlabel h2 {
	margin-top: 0px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #f5f5f5;
	border-width: 10px;
	top: 10px;

	/*
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    */

}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
	border-right-color: #f5f5f5;
}

/* The icons */
/* The icons */
.cbp_tmtimeline > li .cbp_tmicon {
	width: 30px;
	height: 30px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 30px;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	color: #ffffff;
	background: #64b5f6 !important;
	border-radius: 50%;
	/*box-shadow: 0 0 0 2px #84ACC5;*/
	text-align: center;
	left: 10%;
	top: 0;
	margin: 5px 0 0 -20px;


}

.cbp_tmtimeline > li .cbp_tmicon {
	font-size: 1em;
}

.cbp_tmtimeline > li .cbp_tmicon.success {
	background: #0090d9;
	box-shadow: 0 0 0 8px #2ba3df;
	color: #fff;
}

.cbp_tmtimeline > li .cbp_tmicon.primary {
	background: #0aa699;
	box-shadow: 0 0 0 8px #33b5aa;
	color: #fff;
}

.cbp_tmtimeline > li .cbp_tmicon.warning {
	background: #fbb05e;
	box-shadow: 0 0 0 8px #fcbd79;
	color: #fff;
}

.cbp_tmtimeline > li .cbp_tmicon.danger {
	background: #f35958;
	box-shadow: 0 0 0 8px #f78c8b;
	color: #fff;
}

.cbp_tmtimeline > li .cbp_tmicon.info {
	background: #1f3853;
	box-shadow: 0 0 0 8px #455a70;
	color: #fff;
}

.cbp_tmtimeline .action-links li {
	display: inline;
	float: left;
	position: relative;
}

.cbp_tmtimeline .action-links {
	margin: 4px 0 0;
	list-style: none;
	font-size: 13px;
	padding: 0;
}

.cbp_tmtimeline .action-links li {
	display: inline;
	float: left;
	position: relative;
	padding-left: 0px;
	padding-right: 8px;
	color: #93969e;
}

.cbp_tmtimeline .action-links li:after {
	color: #999999;
	content: "•";
	padding-left: 8px;
}

.cbp_tmtimeline .action-links li:last-child:after {
	content: "";
}


/* Media Queries */
@media screen and (min-width: 1200px) {


	.activity-box {

		/*margin-top:-60px;*/

	}

}


@media screen and (max-width: 65.375em) {

	.cbp_tmtimeline > li .cbp_tmtime {

	}


}

@media screen and (max-width: 47.2em) {


	.cbp_tmtimeline:before {
		display: none;
	}

	.cbp_tmtimeline > li .cbp_tmtime {
		width: 100%;
		position: relative;
		padding: 0 0 20px 0;
	}

	.cbp_tmtimeline > li .cbp_tmtime {
		text-align: left;
	}

	.cbp_tmtimeline > li .cbp_tmlabel {
		margin: 0 0 30px 0;
		padding: 1em;
		font-weight: 400;
		font-size: 95%;
	}

	.cbp_tmtimeline > li .cbp_tmlabel:after {
		right: auto;
		left: 20px;
		border-right-color: transparent;
		border-bottom-color: #fff;
		top: -20px;
	}

	.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
		border-right-color: transparent;
		border-bottom-color: #fff;
	}

	.cbp_tmtimeline > li .cbp_tmicon {
		position: relative;
		float: right;
		left: auto;
		margin: -55px 5px 0 0px;
		display: none;
	}

	.cbp_tmdate {
		margin-bottom: 20px;
	}
}

.sitemngr-savefixed {

	position: fixed;
	bottom: 0px;
	margin: 0px;

	padding-top: 15px;
	padding-bottom: 15px;

	/*
    min-height:107px;

    padding-top:15px;
    */

	z-index: 499;

	width: 100%;

	background: #fff;
	/*text-align:center;*/

}

.showsave-height {
	height: 200px;
}

.scrollup {
	display: none;
	/*
    margin-top:-9px;
    */
}

/* BOOTSTRAP TABLE */

.bootstrap-table .dropdown-menu {

	/*
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    list-style: none;
    */
	text-shadow: none;
	-webkit-box-shadow: 0px 0px 5px rgba(86, 96, 117, 0.20);
	-moz-box-shadow: 0px 0px 5px rgba(86, 96, 117, 0.20);
	box-shadow: 0px 0px 5px rgba(86, 96, 117, 0.20);
	border: none;
	border-radius: 3px;
	padding: 0px;
	font-size: 13px;
}

.bootstrap-table .dropdown-menu.morebutton {

	/*
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    list-style: none;
    */
	text-shadow: none;
	-webkit-box-shadow: 0px 0px 5px rgba(86, 96, 117, 0.20);
	-moz-box-shadow: 0px 0px 5px rgba(86, 96, 117, 0.20);
	box-shadow: 0px 0px 5px rgba(86, 96, 117, 0.20);
	border: none;
	border-radius: 3px;
	padding: .5rem 0;
	font-size: 1rem;
}


.bootstrap-table [type="radio"], .bootstrap-table [type="checkbox"] {

	position: relative;
	left: 0px;
	visibility: visible;

}

.bootstrap-table .columns .keep-open .dropdown-toggle {
	padding-top: 10px;
	padding-bottom: 10px;
}

.fixed-table-toolbar .dropdown-menu {
	padding-top: 10px;
}

.bootstrap-table .dropdown-menu .divider {
	background-color: #eaedf0;
	height: 1px;
	margin: 3px 0;
	border-bottom: 0px
}

.bootstrap-table .dropdown-menu > li > a {
	line-height: 25px;
	color: #2a2e36;
	margin: 4px;
	border-radius: 3px;
	text-align: left;
	display: block;
	padding: 5px;
}

.bootstrap-table .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
	color: #252525;
	text-decoration: none;
	background-color: #eff2f3;
	background-image: none;
}

.bootstrap-table .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	color: #252525;
	text-decoration: none;
	background-color: #eff2f3;
	background-image: none;
}

.bootstrap-table .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
	color: #999;
}

.bootstrap-table .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
	text-decoration: none;
	cursor: default;
	background-color: transparent;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}


.bootstrap-table .pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}

.bootstrap-table .pagination > li {
	display: inline;
}

.bootstrap-table .pagination > li > a,
.bootstrap-table .pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.428571429;
	text-decoration: none;
	background-color: #ffffff;
	border: 1px solid #dddddd;
}

.bootstrap-table .pagination > li:first-child > a,
.bootstrap-table .pagination > li:first-child > span {
	margin-left: 0;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}

.bootstrap-table .pagination > li:last-child > a,
.bootstrap-table .pagination > li:last-child > span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.bootstrap-table .pagination > li > a:hover,
.bootstrap-table .pagination > li > span:hover,
.bootstrap-table .pagination > li > a:focus,
.bootstrap-table .pagination > li > span:focus {
	background-color: #eeeeee;
}

.bootstrap-table .pagination > .active > a,
.bootstrap-table .pagination > .active > span,
.bootstrap-table .pagination > .active > a:hover,
.bootstrap-table .pagination > .active > span:hover,
.bootstrap-table .pagination > .active > a:focus,
.bootstrap-table .pagination > .active > span:focus {
	z-index: 2;
	color: #ffffff;
	cursor: default;
	background-color: #4285f4;
	border-color: #4285f4;
}

.bootstrap-table .pagination > .disabled > span,
.bootstrap-table .pagination > .disabled > span:hover,
.bootstrap-table .pagination > .disabled > span:focus,
.bootstrap-table .pagination > .disabled > a,
.bootstrap-table .pagination > .disabled > a:hover,
.bootstrap-table .pagination > .disabled > a:focus {
	color: #999999;
	cursor: not-allowed;
	background-color: #ffffff;
	border-color: #dddddd;
}

.bootstrap-table .pagination-lg > li > a,
.bootstrap-table .pagination-lg > li > span {
	padding: 10px 16px;
	font-size: 18px;
}

.bootstrap-table .pagination-lg > li:first-child > a,
.bootstrap-table .pagination-lg > li:first-child > span {
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
}

.bootstrap-table .pagination-lg > li:last-child > a,
.bootstrap-table .pagination-lg > li:last-child > span {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.bootstrap-table .pagination-sm > li > a,
.bootstrap-table .pagination-sm > li > span {
	padding: 5px 10px;
	font-size: 12px;
}

.bootstrap-table .pagination-sm > li:first-child > a,
.bootstrap-table .pagination-sm > li:first-child > span {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}

.bootstrap-table .pagination-sm > li:last-child > a,
.bootstrap-table .pagination-sm > li:last-child > span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

/* NEW STYLES */

.profile-sidebar {
	margin-bottom: 20px;
	position: relative;
	background-image: url(../img/sidenavbg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

.profile-wrapper {
	padding: 20px;
	text-align: center;
	/*color: #424242;*/
	color: #ffffff;
	text-shadow: 0 1px 0 #424242;
	padding-bottom: 38px;
	min-height: 159px;
}

.profile-pic {
	min-height: 69px;
	position: relative;
}

.side-nav .profile-pic a {
	height: auto;
	line-height: 1.5;
	padding-left: 0px;
}

.profile-pich {

	position: absolute;
	top: 1px;
	left: 70px;
	z-index: 5;
	width: 64px;
	height: 64px;
}

.profile-pich:hover {

	background-image: url("../img/camera.png");


}

.bars-lightwave {
	padding-left: 8px;
	padding-right: 8px;
}

.side-nav a.btn {
	padding: 0.84rem 2.14rem;
	height: auto;
	line-height: 1.5;
}

.side-nav-closebtn {
	position: absolute;
	top: 5px;
	right: 10px;

}

.close {
	text-shadow: none;
}


@media (min-width: 1200px) {
	.navbar.navbar-dark form .md-form .form-control {
		width: 400px;
	}
}

.tab-content {
	padding: 3rem;
	padding-top: 4rem;
}

.switch label input[type=checkbox]:checked + .lever:after {
	background-color: #4285F4;
	left: 24px;
}

.z-depth-0 {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.breadcrumb {
	background: #f6f6f6;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: nowrap;
}
ol.breadcrumb.material-breadcrumb {
	background: white;
	border-radius: 0;
	margin: -10px calc(-1rem - 15px) 1rem;
	padding: 0 70px;
	border-bottom: 1px solid #E5E5E5;
	box-shadow:0px 2px 4px rgba(0, 0, 0, 0.06);
	position: fixed;
	width: 100%;
	z-index: 999;
	top: 10px;
	display:none;
}
ol.breadcrumb.material-breadcrumb > li.active{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 400px;
}
.breadcrumb-item{
	display: flex;
	align-items: center;
	padding:5.5px 0;
}
.breadcrumb-item+.breadcrumb-item::before{
	display: inline-block;
	padding: 0 .5rem;
	color: #6c757d;
	content: "keyboard_arrow_right";
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}
.breadcrumb-item.active {
	font-weight: 400;
	color: #424242;
}
ol.breadcrumb.material-breadcrumb > li.button-closeside{
	position: absolute;
	left: 25px;
	top: calc(50% - 13px);
	display: flex;
	color: #6D7275;
	opacity: 0.5;
	cursor: pointer;
	transition: opacity 200ms ease;
}
ol.breadcrumb.material-breadcrumb > li.button-closeside:hover{
	opacity: 1;
}
ol.breadcrumb.material-breadcrumb .btn-topPublish, ol.breadcrumb.material-breadcrumb .btn-togglehelpcenterDUMMY{
	font-size: 13px;
	line-height: 1;
	padding: 10px 20px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
	font-weight: 500;
	text-transform: lowercase;
}
ol.breadcrumb.material-breadcrumb .btn-togglehelpcenterDUMMY{
	background: #f9f9f9;
	color: #6D7275!important;
	border:1px solid #E5E5E5
}
ol.breadcrumb.material-breadcrumb + #fotoForm.main-wrapper, ol.breadcrumb.material-breadcrumb + * + #fotoForm.main-wrapper{
	margin-top:25px!important;
}
.card-header:first-child {
	padding-top: 18px;
	padding-bottom: 18px;
}

.flex-grshwi {
	flex: 0 0 100%;
}

.font-weight-200 {
	font-weight: 200;
}

.font-weight-300 {
	font-weight: 300;
}

.font-weight-400 {
	font-weight: 400;
}

.font-weight-500 {
	font-weight: 500;
}

.font-weight-600 {
	font-weight: 600;
}

/* switch */


.switch.round label .lever {
	width: 54px;
	height: 34px;
	border-radius: 10em;
}

.switch.round label .lever:after {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	left: 4px;
	top: 4px;
}

.switch.square label .lever {
	width: 54px;
	height: 34px;
	border-radius: 0px;
}

.switch.square label .lever:after {
	width: 26px;
	height: 26px;
	border-radius: 0px;
	left: 4px;
	top: 4px;
}


.select-wrapper .select-dropdown {
	/*z-index:5000;*/
}

.dropdown-content.select-dropdown.active {
	z-index: 5000;
}

.iframeInSM {
	display: none;
	margin-top: 0;
	height: calc(100vh - 52px) !important;
}
/*.integrationframe{
	height: 100%!important;
}*/

.toast-top-right {

	top: 80px;
}


.card img.img-noradius {

	-webkit-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;

}

.quickmenu-nav .dropdown-toggle::after {
	display: none;
}


.navbar-nav .quickmenu-nav .dropdown-menu-right {
	right: -10px;
	margin-top: 5px;
	min-width: 520px;
	border-radius: 0px;
	max-height: 75vh;
	overflow: hidden;
	overflow-y: auto;
}

.quickmenu-nav .dropdown-item .fa {
	margin-right: 10px;

}

/*
.quickmenu-nav .dropdown-menu.dropdown-primary .dropdown-item:hover, .quickmenu-nav .dropdown-menu.dropdown-primary .dropdown-item:active {
    background-color: #1add97 !important;
}
*/


.hidden-sn main.mainfix {
	padding-top: 0 !important;
	margin-top: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.hidden-sn main.mainiframe {

	padding-top: 0rem !important;
	padding-bottom: 5.5rem !important;
	padding-left: 1rem !important;
	padding-right: 1rem !important;

}

.mainfix .content.gridfix {
	/* grid editor full height control */
	height: calc(100vh - 52px);
}

#PageSelector, #LangSelector {

	min-width: 200px;
	background: #fff;

}

.sm-select-mini input.select-dropdown {

	height: 2rem !important;
	line-height: 2rem !important;
	border-bottom-width: 0px;
	margin: 0px;
	padding-left: 10px;
	padding-right: 20px;


}

.sm-select-mini span.caret {
	color: initial;
	position: absolute;
	right: 5px;
	top: 8px;
	font-size: 10px;
}

.sm-select-mini.table-caret span.caret {
	top: 0px !important;
}


.sm-select-border {
	/*border-bottom:1px solid #ced4da;*/
	border: 1px solid #ced4da;

	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #fff;
}

.sm-select input.select-dropdown {

	height: 2.4rem !important;
	line-height: 2rem !important;
	border-bottom-width: 1px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;


}

.sm-select span.caret {
	color: initial;
	position: absolute;
	right: 5px;
	top: 8px;
	font-size: 10px;
}

.dropdown-content li.optgroup-option, .dropdown-content li.optgroup, .colorful-select .dropdown-content li.optgroup span:hover {
	/*
    background:#f5f5f5 !important;
    */
}
.dropdown-content li.fake-optgroup{
	display:list-item!important;
	border-top: 1px solid #eee;
}
.dropdown-content li.fake-optgroup > span{
	display:block!important;
	padding-left: 1.5rem;
}
.browsebar .fake-optgroup:before{
	content: "expand_more";
	top: 12px;
	left: 0;
	color: #4285f4;
	position: absolute;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	transition: all 0.1s linear;
	padding-left: 0.5rem;
}
.browsebar .fake-optgroup:hover:before{
	color: #ffffff;
}

.dropdown-content li.optgroup-option span {
	padding-left: 25px;
}

.colorful-select .dropdown-content li.optgroup span, .colorful-select .dropdown-content li.optgroup span:hover {

	color: #333 !important;

}

.dropdown-primary .dropdown-content li.optgroup-option span:hover {

	/*
    background-color: #333 !important;

    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    */
}

.navbar .dropdown-menu a.dropdown-boxitem:active, .navbar .dropdown-menu a.dropdown-boxitem:visited, .navbar .dropdown-menu a.dropdown-boxitem:focus {

	display: block !important;

	-webkit-border-radius: 2px;
	border-radius: 2px;
	word-break: break-word;

}

a.dropdown-boxitem .fa, a.dropdown-boxitem .material-icons {

	display: block;
	text-align: center;
	font-size: 40px;
	margin-bottom: 10px;
	color: #6f6f6f;


}


a.dropdown-boxitem.waves-effect, a.dropdown-boxitem.waves-light {
	display: block;
	border: 1px solid #fff;
}

.navbar .dropdown-menu a.dropdown-boxitem:hover {

	border: 1px solid #e5e5e5;


}

.alert-sm {
	background: #f5f5f5;
	color: #212121;

	-webkit-box-shadow: none;
	box-shadow: none;

}

.alert-sm a {
	color: #000 !important;
}

.sm-grey {
	background: #f5f5f5;
	color: #212121;
}


#iFrameBoard {
	margin-top: 10px;
}

.mainiframe #closeiframe {
	min-height: 1px;
}


.chip.chip-md {
	height: 42px;
	width: 42px;
	line-height: 42px;
	border-radius: 21px;
}

.chip.chip-md img {
	height: 42px;
	width: 42px;
}

.chip.chip-lg {
	height: 52px;
	width: 52px;
	line-height: 52px;
	border-radius: 26px;
}

.chip.chip-lg img {
	height: 52px;
	width: 52px;
}

.media-body .description {
	font-size: 0.8rem;
}


.breadcrumb li.breadlast {

	flex-grow: 1;
	text-align: right;

}

.breadcrumb > li.breadlast:before {

	padding: 0 5px;

	content: " " !important;
}


.breadcrumb li.breadlast:after {

	clear: both;

}

.white-skin .side-nav .collapsible li .collapsible-header.active {
	color: initial;

}


/* CONTENT */

.sGrid-wrapper {
	margin-bottom: 2rem;
}

.sGrid-wrapper .sGridTitle {
	border-radius: 0.3rem 0.3rem 0 0;
	background: #37474f;

	color: #fff;
	/*
        border-radius: 0.3rem 0.3rem 0 0;
        background:#f7f7f7;
        color:#212529;
        border-bottom: 1px solid rgba(0,0,0,.125);

    */
}

.sGrid-wrapper .classic-tabs {
	border-radius: 0 0 0 0;
}


.sGrid-wrapper [type="checkbox"] + label:before {

	border-color: #ffffff;

}


.sGrid-wrapper [type="checkbox"]:checked + label:before {
	top: -4px;
	left: -3px;
	width: 12px;
	height: 22px;
	border-style: solid;
	border-width: 2px;
	border-color: transparent #ffffff #ffffff transparent;
	-webkit-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	transform: rotate(40deg);
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}

.sGrid-wrapper.databasesettings [type="checkbox"] + label:before {

	border-color: #212529;

}


.sGrid-wrapper.databasesettings [type="checkbox"]:checked + label:before {
	top: -4px;
	left: -3px;
	width: 12px;
	height: 22px;
	border-style: solid;
	border-width: 2px;
	border-color: transparent #212529 #212529 transparent;
	-webkit-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	transform: rotate(40deg);
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}


.sGrid-wrapper [type="checkbox"][class*="filled-in"]:not(:checked) + label:after {
	background-color: transparent;
	border-color: #5a5a5a;
	top: 0;
	z-index: 0;
}

.sGrid-wrapper [type="checkbox"][class*="filled-in"]:checked + label:before {
	top: 0;
	left: 1px;
	width: 8px;
	height: 13px;
	border-color: transparent #ffffff #ffffff transparent;
}

.sGrid-wrapper .classic-tabs li a {

	padding: 15px 24px;
}

.sGridTitle h5 {
	margin-top: 12px;
}

.sContentItemLBL {
	margin-left: 15px;
	margin-top: 12px;
}

.sGridTitle .dropdown {
	display: inline;
}


.sGridTitle .dropdown-toggle::after {
	display: none !important;
}

.sGrid-Single .sGridTitle {

	min-height: 52px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.sGrid-Single .sGridTitle {
	/*background:#*/
}

.sGrid-Single .sGridTitle h5 {
	margin-left: 20px;
}

.sGrid-wrapper .tab-content {
	padding: 1rem;
	z-index: 2;
}

a.pn_link {
	color: #78909c !important;
	font-size: 26px;
	margin-right: 5px;
}

a.pn_link:hover {

	color: #4285f4 !important;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.NP-wrapper {
	position: absolute;
	top: 26px;
	right: 100px;
}

input[type=range].no-border {
	border: none;
}


.dropdown-toggle.toggle-fix::after {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 15px;
	margin-right: 15px;
	margin-left: 0px;
}

.dropdown-toggle.toggle-fix2::after {
	position: absolute;
	top: 5px;
	right: 0;
	margin-top: 15px;
	margin-right: 15px;
	margin-left: 0px;
}

.dropdown-toggle.toggle-fix2.btn-level-0::after {

	top: 2px;

}


.dropdown-toggle.no-caret::after {
	display: none;
}

.wysihtml5-sandbox {
	outline: rgb(0, 0, 0) none 0px !important;
	outline-offset: 2px !important;
	width: 100% !important;
}
.wysihtml5-toolbar:not(.wysihtml5-commands-disabled) + textarea + input + .wysihtml5-sandbox{
	height:325px!important;
	display:block!important;
}

.wysihtml5-toolbar .btn.btn-sm {
	padding: 0.5rem 1rem;
}

.wysihtml5-toolbar .dropdown {
	display: inline;
	float: left;
}

a.wysihtml5colora {
	color: #999;
}

a.wysihtml5colora:hover {
	color: #000;
}

.checkbox-primary-filled [type="checkbox"][class*='filled-in']:checked + label:after {
	border-color: #4285F4;
	background-color: #4285F4;
}

.sm-font-10 {
	font-size: 10px !important;
}

.dd-white .dd3-content {
	background: #fff;
	color: inherit
}

/*.dd:not(.drag-start) .dd-white .dd-item.active:not(:hover) .dd3-content {
	background:#4285f4;
}
.dd:not(.drag-start) .dd-white .dd-item.active:not(:hover) .dd3-content .list-labeltitle, .dd:not(.drag-start) .dd-white .dd-item.active:not(:hover) .dd3-content .list-labeltitle + span{
	color:#fff;
}*/
.dd-item.active {
	border-left: 5px solid #4285f4 !important;
}

.dd:not(.drag-start) li.dd-item:hover > .dd3-content[id^="hItem"] {
	background-color: rgba(0, 0, 0, 0.075);
}

#dropfiles {
	border: 2px dashed #eee;
	padding-top: 75px;
	padding-bottom: 75px;
}


.dropdown-menu.scrollable-menu {
	height: auto;
	max-height: 200px;
	overflow-x: hidden;
}

.hidden {
	display: none !important;
}

.db-entry-item {
	margin-bottom: 5px;
	background: #ffffff;
	border: 1px solid #eaeaea;
}

.db-entry-item > .d-flex {
	width: calc(100% - 56px);
}

.db-entry-item > .d-flex > span {
	width: calc(100% - 20px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cascading-admin-card .admin-up .img-icon {
	padding: 1rem 1.3rem;
	font-size: 2rem;
	color: #fff;
	text-align: left;
	margin-right: 1rem;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
}

.cascading-admin-card .admin-up .img-icon .img-fix {
	max-width: 41px;
}

.fix-xl {
	max-width: 215px;
	overflow-wrap: break-word;
}

@media (max-width: 1200px) {

	.fix-xl {
		max-width: 205px;
		overflow-wrap: break-word;
	}

	.cascading-admin-card .admin-up .img-icon {
		padding: 0.6rem 1rem;
	}

	.cascading-admin-card .admin-up .data p {
		margin-bottom: 0.2rem;
	}

}

.btn-light-grey {
	/*background-color: #f5f0f0 !important;*/
	background-color: #f7f7f7 !important;
	color: #313131 !important;
}

.btn-light-grey:hover {
	/*background-color: #cfd8dc !important;*/
	background-color: #eee !important;

}

.success-gradient {
	background: -webkit-linear-gradient(50deg, #05ffa3, #00c851) !important;
	background: -o-linear-gradient(50deg, #05ffa3, #00c851) !important;
	background: linear-gradient(40deg, #05ffa3, #00c851) !important;
}

select.browser-default.sm-style {

	padding: 0.35rem;
	border: 1px solid #dadada;
}

.dropdown-item.active, .dropdown-item:active > * {
	color: #fff !important;
}

.sminfo-card .grid {

	margin-bottom: 1rem;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

	/*border: 1px solid #e0e0e0;*/
	border-radius: 0.25rem;
}

.sminfo-card .grid-title {
	/*background:#37474f;
    background:#607d8b !important;
    background:#37474f !important;
    */

	background: #f7f7f7 !important;
	border-bottom: 1px solid #e0e0e0;

	padding: 5px 20px;
}

.sminfo-card .grid .grid-body {

	background: #fff !important;

}

.sminfo-card a.s_trigger_help {
	color: #212529;
	padding-top: 10px;
	padding-bottom: 5px;
}

.sminfo-card a.s_trigger_help:hover {
	color: #212529;
}

.sminfo-card .btn.btn-flat {
	color: #fff !important;
}

.sminfo-card .grid-title h4 .fa-question-circle {
	display: none;
}

.btn-diff {
	position: relative;
}

.btn-diff:before {
	content: "";
	position: absolute;
	top: -1px;
	right: 2px;
	width: 6px;
	height: 6px;
	background-color: #4285f4;
	border-radius: 6px;
}

/* SUBMENU IN SIDEBAR */

.side-nav .collapsible-body a {

	line-height: 36px;
	padding: 5px 0 5px 20px;
	height: auto;

}

.side-nav .collapsible-body .fa {
	margin-right: 0px;
}

.side-nav .collapsible-body .collapsible-submenubody a {

	padding-left: 50px;

}

.side-nav .collapsible-body a {

	background-color: rgba(0, 0, 0, 0.05);
}

.side-nav .collapsible li a:hover {
	background-color: rgba(0, 0, 0, 0.08);
}

.side-nav .collapsible li a:hover .menu-icon {
	color: #424242;
}

.white-skin .side-nav .collapsible li .collapsible-body a:hover {
	color: #000;
	background-color: rgba(0, 0, 0, 0.08);
}

.collapsible-submenu.open .rotate-angle {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all 150ms ease-in 0s;
	-o-transition: all 150ms ease-in 0s;
	transition: all 150ms ease-in 0s;
}

.collapsible-submenu .fa-angle-down.rotate-angle {
	position: absolute;
	right: 0;
	top: 13px;
	margin-right: 20px;
}

.white-skin .side-nav .collapsible li .collapsible-header.menuvcms.active {
	color: #fff;
	background-color: #4167e6 !important;
	background-image: linear-gradient(-90deg, #07b8ef, #4167e6) !important;
}

.white-skin .side-nav .collapsible li .collapsible-header.menudev.active {
	color: #fff;
	background-color: #923d95 !important;
	background-image: linear-gradient(-45deg, #ce338b, #923d95) !important;
}

.white-skin .side-nav .collapsible li .collapsible-header.menudes.active {
	color: #fff;
	background-color: #e43088 !important;
	background-image: linear-gradient(-45deg, #fdc34b, #e43088) !important;
}

.white-skin .side-nav .collapsible li .collapsible-header.active i.material-icons.menu-icon {
	color: #fff;
}

.white-skin .side-nav .collapsible li .collapsible-header.active .fa {
	color: #fff;
}

.white-skin .side-nav .collapsible li .collapsible-header.menuvcms.menu-cmsgrad {

	box-shadow: inset 4px 0px 0 #4167e6;

}

.white-skin .side-nav .collapsible li .collapsible-header.menuvcms.menu-cmsgrad.active,
.white-skin .side-nav .collapsible li .collapsible-header.menudev.menu-devgrad.active,
.white-skin .side-nav .collapsible li .collapsible-header.menudes.menu-desgrad.active {
	box-shadow: inset 4px 0px 0 transparent;
}

.white-skin .side-nav .collapsible li .collapsible-header.menudes.menu-desgrad {
	box-shadow: inset 4px 0px 0 #e43088;

}

.white-skin .side-nav .collapsible li .collapsible-header.menudev.menu-devgrad {

	box-shadow: inset 4px 0px 0 #923d95;

}

.white-skin .side-nav .collapsible li .collapsible-header.menushop.menu-webgrad {
	padding-left: 16px;
}

.side-nav .collapsible {
	padding-bottom: 100px;
}

.side-nav .fa-angle-down.rotate-icon {
	top: 16px;
	margin-right: 25px;
}

.collapsible .active .rotate-icon {
	-webkit-transform: scaleY(-1);
	-ms-transform: scaleY(-1);
	transform: scaleY(-1);
}

.side-nav .collapsible a.active, .side-nav .collapsible a:hover {
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.white-skin .side-nav .collapsible li .collapsible-header.menuvcms:hover {
	color: #fff;
	background-color: #4167e6 !important;
	background-image: linear-gradient(-90deg, #07b8ef, #4167e6) !important;
}

.white-skin .side-nav .collapsible li .collapsible-header.menuvcms:hover i.menu-icon, .white-skin .side-nav .collapsible li .collapsible-header.menuvcms:hover i.rotate-icon {
	color: #fff;
}


.white-skin .side-nav .collapsible li .collapsible-header.menudes:hover {
	color: #fff;
	background-color: #e43088 !important;
	background-image: linear-gradient(-45deg, #fdc34b, #e43088) !important;
}

.white-skin .side-nav .collapsible li .collapsible-header.menudes:hover i.menu-icon, .white-skin .side-nav .collapsible li .collapsible-header.menudes:hover i.rotate-icon {
	color: #fff;
}

.white-skin .side-nav .collapsible li .collapsible-header.menudev:hover {
	color: #fff;
	background-color: #923d95 !important;
	background-image: linear-gradient(-45deg, #ce338b, #923d95) !important;
}

.white-skin .side-nav .collapsible li .collapsible-header.menudev:hover i.menu-icon, .white-skin .side-nav .collapsible li .collapsible-header.menudev:hover i.rotate-icon {
	color: #fff;
}

.white-skin .side-nav .collapsible li .collapsible-header.menugrad:hover,
.white-skin .side-nav .collapsible li .collapsible-header.new-settings.menugrad.active{
	color: #fff;
	background-color: #0bc0dd !important;
	background-image: linear-gradient(-45deg, #17d4ad, #0bc0dd) !important;
}

.white-skin .side-nav .collapsible li .collapsible-header.menugrad:hover i.menu-icon,
.white-skin .side-nav .collapsible li .collapsible-header.menugrad:hover i.rotate-icon{
	color: #fff;
}

.white-skin .side-nav .collapsible li .collapsible-header.menugrad.active i.material-icons.menu-icon {
	color: initial;
}

.white-skin .side-nav .collapsible li .collapsible-header.menugrad.new-settings.active i.menu-icon,
.white-skin .side-nav .collapsible li .collapsible-header.menugrad.new-settings.active i.rotate-icon{
	color: #fff;
}

.white-skin .side-nav .collapsible li .collapsible-header.menugrad.active:hover i.material-icons.menu-icon {
	color: #fff;
}

.side-nav .collapsible > li {
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.side-nav .bottom-menu-fixed a.exiticonh {
	height: 35px;
	width: 35px;
	text-align: center;
}

.side-nav .bottom-menu-fixed a.exiticonh i.material-icons {
	top: 5px;
}

.white-skin .side-nav .collapsible li .collapsible-body a .title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bottom-menu-fixed {

	color: #333;
	padding: 20px;
	background: #f2f2f2;
	display: block;
	width: 100%;
	margin-top: auto;

}

.side-nav .bottom-menu-fixed a {
	display: inline-block;
	height: auto;
	line-height: initial;
	padding-left: 0px;
}

.rotate-180 {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}


#StyleFORM img {
	max-width: 100%;
	height: auto;
}

.sminfo-toggle {

	width: 450px;
	height: 100%;
	/*height:500px;*/
	position: fixed;
	top: 0;
	right: 0;

	background: #f5f5f5;
	z-index: 1105;
	overflow: hidden;

	margin-right: -450px;

	/*border-left:1px solid #999;*/

	-webkit-box-shadow: 10px 0 20px 10px rgba(68, 68, 68, 0.6);
	box-shadow: 10px 0 20px 10px rgba(68, 68, 68, 0.6);
}

.top-cmsgrad {

	background-color: #4167e6 !important;
	background-image: linear-gradient(-90deg, #07b8ef, #4167e6) !important;


}

.top-devgrad {
	background-color: #923d95 !important;
	background-image: linear-gradient(-45deg, #ce338b, #923d95) !important;

}

.top-desgrad {

	background-color: #e43088 !important;
	background-image: linear-gradient(-45deg, #fdc34b, #e43088) !important;

}

.text-cmscol {
	color: #4167e6 !important;
}

.text-devcol {
	color: #923d95 !important;
}

.text-descol {
	color: #e43088 !important;
}


.cascading-admin-card .circle-up {
	margin-top: 20px;
}

.cascading-admin-card .circle-up .fa {
	padding: 1.7rem;
	font-size: 2rem;
	color: #4f4f4f;
	text-align: left;
	margin-right: 1rem;
	-webkit-border-radius: 3px;
	border-radius: 150px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #e0e0e0;

}

.cascading-admin-card .circle-up .data {
	margin-top: 0px;
}


.btn-icon, a.btn-icon {
	padding: 5px;
	font-size: 16px;
	color: #999 !important;
}

a.btn-icon:hover {
	color: #414141 !important;
}

.btn-dragicon {
	padding: 5px;
	font-size: 16px;
	color: #999 !important;

	cursor: move; /* fallback if grab cursor is unsupported */
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;

}

.grabbable {
	cursor: move; /* fallback if grab cursor is unsupported */
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}

/* (Optional) Apply a "closed-hand" cursor during drag operation. */
.grabbable:active, .grabbable.active {
	cursor: grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}

.form-control.invalid {
	border-color: #f44336;
	box-shadow: 0 0 0 0.2rem rgba(244, 67, 54, 0.25);
}

.classic-tabs li.invalid a, .classic-tabs li.invalid a.active {
	border-bottom: 3px solid #f44336;
	color: #f44336;
	font-weight: bold;
}


a.btnToggleTRcenterDUMMY {
	display: none;
	padding: 0.5rem 0.8rem;
}

/* MDA update.css */

.logo {
	height: 35px;
	margin-top: 5px;
	max-width: 140px;
	width: auto;
	object-position: center;
	object-fit: contain;
}

.partner-logo {
	max-height: 40px;

}


.card p {
	margin-bottom: 0.65rem;
	font-size: 0.92rem;
	font-weight: 500;
	color: rgb(117, 117, 117);
}

h4 {
	font-size: 1.3rem;
}

.testimonial-card .avatar {
	border: none;
	margin: 0;
	background-color: rgba(181, 181, 181, 0.1) !important;
	padding: 25px;
}

.testimonial-card .card-up {
	height: 50px;
	overflow: visible;
	padding: 5px;
}

.dd3-handle {
	background: transparent !important;
	color: black !important;
	padding-left: 0 !important;
}

.dd3-handle sDragHandler {
	padding-left: 0 !important;
}

.dd-item,
.pagecomp-item,
.activity-item,
.project-user,
.cbp_tmlabel {
	border-bottom: 1px solid rgba(0, 0, 0, .125) !important;
}

.dd3-content {
	margin: 0 !important;
	padding-right: 0 !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex !important;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.dd-dragel {
	border-bottom: none !important;
}

.dd-dragel .dd3-content {
	background: #ffffff !important;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.dd-dragel .dd3-handle {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.dd-dragel .sHandleContent {
	color: #000000 !important;
}

.sHandleContent {
	padding: 5px 15px !important;
}

.action-icons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.action-icon {
	font-size: 24px !important;
	color: rgba(0, 0, 0, 0.54) !important;
	width: 40px;
	height: 40px;
	display: -webkit-inline-box !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;

	-webkit-transition: background 0.5s; /* Safari */
	transition: background 0.5s;

}


.action-icon.dark-version {
	color: rgb(36, 36, 36)!important;
}

.topmenu-avatar{
	height: 30px;
	width: 30px;
	overflow: hidden;
}
.topmenu-avatar > img{
	object-fit: contain;
	height: 100%;
	width: 100%;
}


.iconh-white:hover, a.iconh-white:hover {
	background-color: rgba(255, 255, 255, 0.17) !important;
}

.iconh:hover, a.iconh:hover {
	background-color: rgba(0, 0, 0, 0.07) !important;
}

.action-icon-light {
	color: rgba(255, 255, 255, 1) !important;
}

.action-icon-32dp {
	height: 32px;
	width: 32px;
}

.flex-grow-1 {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
.flex-grow-2 {
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
}
.flex-grow-3 {
	-webkit-box-flex: 3;
	-ms-flex-positive: 3;
	flex-grow: 3;
}

.btn {
	letter-spacing: 0.02rem;
	padding: 0.60rem 1.10rem;
	font-weight: 600;
	-webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
	-webkit-transition: -webkit-box-shadow .28s cubic-bezier(.4, 0, .2, 1);
	transition: -webkit-box-shadow .28s cubic-bezier(.4, 0, .2, 1);
	transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1);
	transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .28s cubic-bezier(.4, 0, .2, 1);
	transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .28s cubic-bezier(.4, 0, .2, 1);
}

.btn:hover {
	-webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
	opacity: 0.92;
}

.btn-level-0 {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.btn-text {
	background: transparent !important;
	color: #4285f4 !important;
	margin: 0 !important;
}

.btn-text:hover {
	background-color: rgba(90, 149, 245, 0.07) !important;
	color: #5a95f5 !important;
}

.btn-text:focus,
.btn-primary:not([disabled]):not(.disabled).btn-text:active {
	background-color: rgba(90, 149, 245, 0.17) !important;
	color: #5a95f5 !important;
}

.btn-textwhite {
	background: transparent !important;
	color: #fefefe !important;
	margin: 0 !important;
}

.btn-textwhite:hover {
	background-color: rgba(255, 255, 255, 0.17) !important;
	color: #fff !important;
}

.btn-textwhite:focus,
.btn-primary:not([disabled]):not(.disabled).btn-textwhite:active {
	background-color: rgba(255, 255, 255, 0.17) !important;
	color: #fff !important;
}

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

.z-depth-0 {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}


.modal-dialog .modal-content .modal-header {
	padding: 30px;
}

.modal-dialog .modal-content .modal-header .heading {
	font-size: 35px;
	font-weight: 600;
}

.modal-dialog .modal-content .modal-header .close {
	position: absolute;
	right: 0;
	top: 15px;
	margin: 0;
	padding: 20px 30px;
}

.modal-dialog .modal-content .modal-footer {
	padding: 20px 30px;
}

.modal-notify .modal-title {
	color: #fff;
}

.modal-dialog.modal-notify.modal-info .modal-header {
	background-color: #64b5f6;
}

.copybox {
	width: 400px !important;
	right: -15px !important;
}

.copybox .closecopybox {
	position: relative;
	right: -20px;
	top: -20px;
	margin: 5px;
}

.copybox .closecopybox a {
	color: #000000;
}

.copybox .form-control {
	width: auto;
}

.legend-body {
	border: none !important;
}

.project-status {
	width: 80px;
	height: 80px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 80px;
	flex: 0 0 80px;
	border-radius: 50%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 2rem;
}

.project-status i {
	font-size: 2.5rem;
}

.project-working {
	background-color: #4167e6 !important;
	background-image: linear-gradient(-45deg, #07b8ef, #4167e6) !important;
}

.project-online {
	background-color: #1add97;
	background-image: linear-gradient(-45deg, #1add97, #01ff8a);
}

.project-cancelled {
	background-color: #ffc107;
	background-image: linear-gradient(-45deg, #ffe186, #ffc107);
}

.classic-tabs .nav-item .nav-link {
	color: #4f4f4f;
}

.classic-tabs .nav-item .nav-link.active {
	color: #4285f4;
}

.cbp_tmtimeline:before {
	display: none;
}

.cbp_tmtimeline > li .cbp_tmlabel {
	margin: 0;
	background: transparent;
}

.cbp_tmtimeline > li .cbp_tmlabel:before,
.cbp_tmtimeline > li .cbp_tmlabel:after {
	display: none;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
	background: transparent;
}

.cbp_tmtimeline > li .cbp_tmdate {
	margin-top: 25px;
	left: 0;
}

/* END MDA CHANGES */

.dropdown-menu-right {
	right: 0;
	left: auto;
}

.font-small {
	font-size: 0.8rem !important;
}

.border-25 {
	-webkit-border-radius: 0.25rem;
	border-radius: 0.25rem;
}

.sm-iconbg {
	background-color: rgba(181, 181, 181, 0.15) !important;
}

.menu-icon {
	font-size: 24px !important;
	margin-right: 20px;
	position: relative;
	color: rgba(0, 0, 0, 0.54);

	/*
    display: inline-flex;
    vertical-align: middle;
    */
}

.text-icon {
	font-size: 14px !important;
	position: relative;
	top: 2px;

}

.material-iconpos {

	position: relative;
	top: 5px;

}

.modal-notify .close {
	color: #fff;
}

.table.bottombrdr td, .table.bottombrdr th {

	border-bottom: 1px solid #dee2e6;
	border-top: 0px solid #dee2e6;


}

.material-icons.large-icon {
	font-size: 48px;
}

.img-cardpos {
	position: relative;
	top: -8px;
}

.dropdown-primary .dropdown-content li.active, .dropdown-primary .dropdown-content li a, .dropdown-primary .dropdown-content li span:hover {
	box-shadow: none;
}

.bootstrap-table .btn {

	-webkit-box-shadow: none !important;
	box-shadow: none !important;

}

.sGrid-wrapper .classic-tabs .nav-item .nav-link.active {
	color: #fff !important;
}

.sGrid-wrapper .classic-tabs .nav-item .nav-link {
	color: #eee !important;
}

.table-accounts .table td,
.table-accounts .table th {
	vertical-align: middle !important;
}

.table-accounts .table tr td:first-child {
	border-left: 5px solid rgb(238, 238, 238);
}

.table-accounts .table tr.is-live td:first-child {
	border-left: 5px solid rgb(26, 221, 151);
}

.drag-iconcolor {
	color: #d4d4d4;
}

.list-labeltitle {
	position: relative;
	/*top:2px;*/
	left: 10px;
}

.infobox {
	display: none;
	position: absolute;
	top: -20px;
	right: 100px;
	width: 560px;
	z-index: 5000;
	background: #fff;
	padding: 30px 10px 20px 10px;
}

.listlabel-edit {
	display: none;
	position: relative;
}

a.devstruct {
	color: #000 !important;
	/*
    text-decoration: underline;
    */
}

.action-icon.d-none {
	display: none !important;
}

.list-align-middle {
	position: relative;
	top: 8px;
}

td.v-align-middle {
	vertical-align: middle;
}

.d-flex-normal {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}


.hidden-sn main, .savefixed-padding {
	padding-left: 3rem;
	padding-right: 3rem;
}

.savefixed-padding {
	padding-left: 3rem;
	padding-right: 3rem;
}


@media (max-width: 768px) {

	.hidden-sn main, .savefixed-padding {
		padding-left: 0!important;
		padding-right: 0!important;
	}


}

/*NEW SIDENAV FLEXBOX*/
.side-nav > ul {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.side-nav > ul > li:last-of-type {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-grow: 1;
}


/*NEW CMS FORMS STYLE*/
.cms-form-card .item-edit-buttons {
	display: none !important;
}

.card-add-section {
	border-top: 12px solid #4285f4;
}


.cms-form-card .component-title {
	padding-left: 10px;
	font-size: 1.4rem;
	font-weight: 500;
}

.cms-form-card .card-info > .list-item-nr{
	background: #e3edfd;
	color: #4285f4;
	border-radius: 4px;
	padding: 6px 8px;
	line-height: 1;
	font-size: 12px;
	font-weight: 600;
}

.component-title .badge {
	margin-left: 20px;
	padding: 5px 8px;
	font-size: .9rem;
}

.component-title .badge .sContITEMmem + span i{
	font-size: 12px;
	opacity: .75;
}

.add-item-between-wrapper{
	position: relative;
	height: 60px;
	opacity: 0;
	transition: opacity 150ms ease;
}
.add-item-between-wrapper:hover{
	opacity: 1;
}
.add-item-between {
	width: 30px;
	height: 30px;
	display: -webkit-inline-box !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: background 0.5s;
	transition: background 0.5s;
	background-color: #4285f4;
	color: #fff !important;
	border-radius: 50%;
	z-index: 1;
	cursor: pointer;
}
.add-item-between:hover {
	background-color: #5a95f5;
}
.add-item-between > i {
	font-size: 18px;
}

.add-item-between-wrapper:before,
.add-item-between-wrapper:after{
	content: "";
	position: absolute;
	width: calc(50% - 20px);
	height: 2px;
	background-color: #eaeaea;
	background-size: 10px 100%;
	left: 0;
	top: 30px;
}
.add-item-between-wrapper:after{
	left: auto;
	right: 0;
}

.cms-form-card .action-icon-divider {
	height: 40px;
	width: 2px;
	background-color: rgba(0, 0, 0, 0.125);
	margin: 0 15px;
}

.cms-form-card .responsive-label {
	width: 150px;
}

.cms-form-card .icon-small {
	font-size: 18px !important;
	width: 32px;
	height: 32px;
}

.cms-form-card [type="checkbox"] + label.mda-checkbox--nolabel {
	width: 40px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.cms-form-card [type="checkbox"] + label.mda-checkbox--nolabel span:last-child {
	display: none;
}

.cms-form-card [type="checkbox"] + label.mda-checkbox {
	margin: auto;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	position: relative;
	padding-left: 0;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 40px;
	line-height: normal;
	font-size: initial;
}

.cms-form-card [type="checkbox"] + label.mda-checkbox:before {
	content: none;
}

.cms-form-card [type="checkbox"] + label.mda-checkbox span {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.cms-form-card [type="checkbox"] + label.mda-checkbox span:first-child {
	position: relative;
	width: 18px;
	height: 18px;
	border-radius: 3px;
	-webkit-transform: scale(1);
	transform: scale(1);
	vertical-align: middle;
	border: 2px solid rgba(0, 0, 0, .54);
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

.cms-form-card [type="checkbox"] + label.mda-checkbox span:first-child svg {
	position: absolute;
	top: 2px;
	left: 1px;
	fill: none;
	stroke: #FFFFFF;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 16px;
	stroke-dashoffset: 16px;
	-webkit-transition: all .16s ease;
	-webkit-transition: all 0.16s ease;
	transition: all 0.16s ease;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.cms-form-card [type="checkbox"] + label.mda-checkbox span:first-child:before {
	content: "";
	width: 100%;
	height: 100%;
	background: #506EEC;
	display: block;
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 1;
	border-radius: 50%;
}

.cms-form-card [type="checkbox"] + label.mda-checkbox span:last-child {
	padding-left: 8px;
}

.cms-form-card [type="checkbox"] + label.mda-checkbox:hover span:first-child {
	border-color: #4285f4;
}

.cms-form-card [type="checkbox"].mda-checkbox--input:checked + .mda-checkbox span:first-child {
	background: #4285f4;
	border-color: #4285f4;
}

.cms-form-card [type="checkbox"].mda-checkbox--input:checked + .mda-checkbox span:first-child svg {
	stroke-dashoffset: 0;
}

.cms-form-card [type="checkbox"].mda-checkbox--input:checked + .mda-checkbox span:first-child:before {
	-webkit-transform: scale(3);
	transform: scale(3);
	opacity: 0;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.cms-form-card .action-icon-badge {
	position: absolute;
	top: 0;
	right: 0;
	width: 1rem;
	height: 1rem;
	font-size: .7rem;
	z-index: 9;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0;
}

.cms-form-card .dropdown-menu.radio-list {
	min-width: 4rem;
	left: -12px !important;
}

.cms-form-card .responsive-slider label {
	font-size: 0.9rem;
	font-weight: 500;
}

.cms-form-card .radio-list input[type="radio"] + label.radio-item {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: .25rem 0;
	margin: 0;
	height: auto;
}

.cms-form-card .radio-list input[type="radio"] + label.radio-item:hover {
	background-color: rgba(0, 0, 0, .035);
}

.cms-form-card .radio-list input[type="radio"] + label.radio-item:before,
.cms-form-card .radio-list input[type="radio"] + label.radio-item:after {
	content: none;
	position: absolute;
	left: -9999px;
	visibility: hidden;
}

.cms-form-card .radio-list input[type="radio"]:checked + label.radio-item {
	background-color: #4285f4;
	color: #ffffff !important;
}

.action-icon-tooltip {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.cms-form-card {
	-webkit-transition: -webkit-box-shadow .18s;
	transition: -webkit-box-shadow .18s;
	transition: box-shadow .18s;
	transition: box-shadow .18s, -webkit-box-shadow .18s;
}

.cms-form-card .collapsing {
	-webkit-transition: height .18s ease;
	transition: height .18s ease;
}


.cms-form-card.active.z-depth-1, .cms-form-card.new-list-item, .cms-form-card.new-list-item.active.z-depth-1 {
	-webkit-box-shadow: 0 6px 22px 0 rgba(0, 0, 0, 0.08);
	box-shadow: 0 6px 22px 0 rgba(0, 0, 0, 0.08);
}

.cms-form-card .card-header {
	position: relative;
	-webkit-transition: background .18s, border-top .18s;
	transition: background .18s, border-top .18s;
	padding: .75rem 1.25rem!important;
	border-bottom: none;
	border-top: .75rem solid rgba(90, 149, 245, 0.17);
	background-color: rgb(255, 255, 255);
}

.cms-form-card.collapsed:not(.database-entry-setup) .card-header,
.cms-form-card.collapsed.active:not(.database-entry-setup) .card-header {
	border-top: none;
}

.cms-form-card.active .card-header, .cms-form-card.new-list-item .card-header, .cms-form-card.new-list-item.active .card-header, .cms-form-card.database-entry-setup .card-header {
	border-top: .75rem solid rgb(66, 133, 244);
}

.cms-form-card.required .card-header {
	border-top: .75rem solid rgb(255, 53, 71) !important;
}

.cms-form-card.collapsed.required .card-header {
	background-color: rgba(255, 53, 71, 0.05) !important;
}

.cms-form-card .card-header:before {
	content: '';
	position: absolute;
	left: 1.25rem;
	right: 1.25rem;
	bottom: 0;
	height: 1px;
	background-color: rgba(0, 0, 0, .125);
}

.cms-form-card.collapsed .card-header:before {
	content: none;
}

.cms-form-card .card-body .label-banner {
	margin-bottom: 0.1rem;
}

.cms-form-card .card-body label {
	font-size: 0.9rem;
	margin-bottom: 0rem;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.54) !important;
}

.cms-form-card .card-body .multiple-select-dropdown li label {
	margin-bottom: .5rem;
}

.cms-form-card .input-container input[type="text"],
.cms-form-card .input-container input[type="url"],
.cms-form-card .input-container input[type="date"],
.cms-form-card .input-container input[type="time"],
.cms-form-card .input-container input[type="datetime-local"],
.cms-form-card .input-container input[type="month"],
.cms-form-card .input-container input[type="week"],
.cms-form-card .input-container input[type="tel"],
.cms-form-card .input-container input[type="number"],
.cms-form-card .input-container input[type="email"],
.cms-form-card .input-container input[type="password"],
.cms-form-card .select-wrapper.mdb-select input.select-dropdown,
.cms-form-card .form-control.color-picker,
.cms-form-card .select2-container--default .select2-selection--multiple,
.cms-form-card .input-container .input-group-text,
#PageSelRefr .select-wrapper.mdb-select input.select-dropdown,
#breakpoint_form_input,
#scale_form_input{
	height: 2.5rem !important;
	padding: .25rem .5rem !important;
	font-size: .875rem !important;
	line-height: 1.5 !important;
	border-radius: .2rem !important;
	background-color: rgba(247, 247, 247, 0.7);
	border: 1px solid rgb(234, 234, 234);
	color: #000;
}
.cms-form-card .input-container .input-group-text {
	background-color: rgb(234, 234, 234);
	border: 1px solid rgb(234, 234, 234);
	border-right-width: 0;
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important;
	z-index: 1;
}
.cms-form-card .input-container .input-group-text + input[type="text"],
.cms-form-card .input-container .input-group-text + input[type="url"],
.cms-form-card .input-container .input-group-text + input[type="date"],
.cms-form-card .input-container .input-group-text + input[type="time"],
.cms-form-card .input-container .input-group-text + input[type="datetime-local"],
.cms-form-card .input-container .input-group-text + input[type="month"],
.cms-form-card .input-container .input-group-text + input[type="week"],
.cms-form-card .input-container .input-group-text + input[type="tel"],
.cms-form-card .input-container .input-group-text + input[type="number"],
.cms-form-card .input-container .input-group-text + input[type="email"],
.cms-form-card .input-container .input-group-text + input[type="password"],
.cms-form-card .input-container .input-group-text + .select-wrapper.mdb-select input.select-dropdown,
.cms-form-card .input-container .input-group-text + .form-control.color-picker{
	border-left-width: 0;
	border-top-left-radius: 0!important;
	border-bottom-left-radius: 0!important;
}

.cms-form-card .input-container input[disabled],
.cms-form-card .input-container textarea[disabled] {
	opacity: 0.5;
}

.cms-form-card textarea {
	padding: .25rem .5rem !important;
	font-size: .875rem !important;
	line-height: 1.5 !important;
	border-radius: .2rem !important;
	background-color: rgba(247, 247, 247, 0.7);
	border: 1px solid rgb(234, 234, 234);
	color: #000;
}

.cms-form-card .select-wrapper.mdb-select .cms-form-card .select-wrapper.mdb-select{
	height: 2.5rem;
}
#PageSelRefr .select-wrapper.mdb-select input.select-dropdown{
	height: 2rem !important;
}
#breakpoint_form_input,
#scale_form_input{
	height: 1.8rem!important;
	font-size: 12px!important;
	width: 50px;
}
#breakpoint_form_input + .render-label,
#scale_form_input + .render-label{
	/*margin-left: -20px;*/
}
#scale_form_input{
	pointer-events: none;
	user-select: none;
	cursor: no-drop;
}
#breakpoint_form_input::-webkit-inner-spin-button,
#breakpoint_form_input::-webkit-outer-spin-button,
#scale_form_input::-webkit-inner-spin-button,
#scale_form_input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.browser-sizes{
	height: 48px;
	overflow: hidden;
}

#PageSelRefr .select-wrapper.mdb-select.sm-select-border{
	border:0;
}

.cms-form-card .select-wrapper.mdb-select.sm-select-border{
	border-radius: .2rem !important;
}

.cms-form-card .select-wrapper.mdb-select .caret{
	top: 12px;
	right: 12px;
}
#PageSelRefr .select-wrapper.mdb-select .caret{
	top: 9px;
}

.cms-form-card input[type="text"]:focus,
.cms-form-card input[type="url"]:focus,
.cms-form-card input[type="date"]:focus,
.cms-form-card input[type="time"]:focus,
.cms-form-card input[type="datetime-local"]:focus,
.cms-form-card input[type="month"]:focus,
.cms-form-card input[type="week"]:focus,
.cms-form-card input[type="tel"]:focus,
.cms-form-card input[type="number"]:focus,
.cms-form-card input[type="email"]:focus,
.cms-form-card input[type="password"]:focus,
.cms-form-card textarea:focus,
.cms-form-card .select2-container--default.select2-container--focus .select2-selection--multiple,
#PageSelRefr .select2-container--default.select2-container--focus .select2-selection--multiple,
#breakpoint_form_input:focus,
#scale_form_input:focus{
	border: 1px solid rgb(66, 133, 244);
	-webkit-box-shadow: 0 0 0 1px rgb(66, 133, 244);
	box-shadow: 0 0 0 1px rgb(66, 133, 244);
}

.cms-form-card textarea:focus {
	background-color: rgba(247, 247, 247, 0.7);
}

.cms-form-card .database-settings textarea:focus {
	background-color: #fff;
}

.cms-form-card .rad-list,
.cms-form-card .chk-list{
	font-size: .875rem !important;
	border-radius: .2rem !important;
	background-color: rgba(247, 247, 247, 0.7);
	border: 1px solid rgb(234, 234, 234);
	color: #000;
	margin: 0;
	overflow: hidden;
	display: grid;
	grid-column-gap: 0;
	grid-row-gap: 0;
	grid-template-columns: repeat(4, 1fr);
}
.cms-form-card .database-settings .rad-list,
.cms-form-card .database-settings .chk-list {
	background-color: rgba(255, 255, 255, 0.7);
}
.cms-form-card .rad-list.setup{
	grid-template-columns: repeat(12, 1fr);
}
.cms-form-card .rad-list.setup.leftover-0 .form-check{
	border-bottom:0!important;
}
@media (max-width:1250px) {
	.cms-form-card .rad-list.setup{
		grid-template-columns: repeat(6, 1fr);
	}
	.cms-form-card .rad-list.setup.leftover-0 .form-check:nth-last-child(1),
	.cms-form-card .rad-list.setup.leftover-0 .form-check:nth-last-child(2),
	.cms-form-card .rad-list.setup.leftover-0 .form-check:nth-last-child(3),
	.cms-form-card .rad-list.setup.leftover-0 .form-check:nth-last-child(4),
	.cms-form-card .rad-list.setup.leftover-0 .form-check:nth-last-child(5),
	.cms-form-card .rad-list.setup.leftover-0 .form-check:nth-last-child(6){
		border-bottom:0!important;
	}
}
@media (max-width:800px) {
	.cms-form-card .rad-list.setup{
		grid-template-columns: repeat(4, 1fr);
	}
	.cms-form-card .rad-list.setup.leftover-0 .form-check:nth-last-child(1),
	.cms-form-card .rad-list.setup.leftover-0 .form-check:nth-last-child(2),
	.cms-form-card .rad-list.setup.leftover-0 .form-check:nth-last-child(3),
	.cms-form-card .rad-list.setup.leftover-0 .form-check:nth-last-child(4){
		border-bottom:0!important;
	}
}
.cms-form-card .rad-list.rad-grid-3,
.cms-form-card .chk-list.chk-grid-3{
	grid-template-columns: repeat(3, 1fr);
}
.cms-form-card .rad-list.rad-grid-2,
.cms-form-card .chk-list.chk-grid-2{
	grid-template-columns: repeat(2, 1fr);
}
.cms-form-card .rad-list.rad-grid-1,
.cms-form-card .chk-list.chk-grid-1{
	grid-template-columns: repeat(1, 1fr);
}
.cms-form-card .rad-list .form-check,
.cms-form-card .chk-list .form-check{
	border:1px solid rgb(234, 234, 234)!important;
	margin: -1px 0 0 -1px;
}
.cms-form-card .rad-list .form-check:nth-child(4n),
.cms-form-card .chk-list .form-check:nth-child(4n){
	border-right:0!important;
}
.cms-form-card .rad-list.leftover-1 .form-check:nth-last-child(1),
.cms-form-card .rad-list.leftover-2 .form-check:nth-last-child(1),
.cms-form-card .rad-list.leftover-2 .form-check:nth-last-child(2),
.cms-form-card .rad-list.leftover-3 .form-check:nth-last-child(1),
.cms-form-card .rad-list.leftover-3 .form-check:nth-last-child(2),
.cms-form-card .rad-list.leftover-3 .form-check:nth-last-child(3),
.cms-form-card .rad-list.leftover-0 .form-check:nth-last-child(1),
.cms-form-card .rad-list.leftover-0 .form-check:nth-last-child(2),
.cms-form-card .rad-list.leftover-0 .form-check:nth-last-child(3),
.cms-form-card .rad-list.leftover-0 .form-check:nth-last-child(4),
.cms-form-card .chk-list.leftover-1 .form-check:nth-last-child(1),
.cms-form-card .chk-list.leftover-2 .form-check:nth-last-child(1),
.cms-form-card .chk-list.leftover-2 .form-check:nth-last-child(2),
.cms-form-card .chk-list.leftover-3 .form-check:nth-last-child(1),
.cms-form-card .chk-list.leftover-3 .form-check:nth-last-child(2),
.cms-form-card .chk-list.leftover-3 .form-check:nth-last-child(3),
.cms-form-card .chk-list.leftover-0 .form-check:nth-last-child(1),
.cms-form-card .chk-list.leftover-0 .form-check:nth-last-child(2),
.cms-form-card .chk-list.leftover-0 .form-check:nth-last-child(3),
.cms-form-card .chk-list.leftover-0 .form-check:nth-last-child(4){
	border-bottom:0!important;
}
.cms-form-card .rad-list .form-check,
.cms-form-card .chk-list .form-check{
	margin:-1px 0 0 -1px;
	overflow: hidden;
}
.cms-form-card .rad-list .form-check input,
.cms-form-card .chk-list .form-check input{
	margin:0;
	position: absolute;
}
.cms-form-card .rad-list .form-check:hover label,
.cms-form-card .chk-list .form-check:hover label{
	background: rgb(238, 238, 238);
}

.cms-form-card .rad-list .form-check label,
.cms-form-card .chk-list .form-check label{
	padding: .5rem 2.5rem!important;
	padding-right: .5rem!important;
	color: #000 !important;
	font-weight: 400;
	width: 100%;
	height: 2.5rem!important;
}
.cms-form-card .rad-list [type="radio"]:not(:checked) + label:before, .cms-form-card .rad-list [type="radio"]:not(:checked) + label:after,
.cms-form-card .chk-list [type="checkbox"]:not(:checked) + label:before, .cms-form-card .chk-list [type="checkbox"]:not(:checked) + label:after{
	border-color: rgb(221, 221, 221) !important;
}
.cms-form-card .rad-list .form-check:hover [type="radio"]:not(:checked) + label:before, .cms-form-card .rad-list .form-check:hover [type="radio"]:not(:checked) + label:after,
.cms-form-card .chk-list .form-check:hover [type="checkbox"]:not(:checked) + label:before, .cms-form-card .chk-list .form-check:hover [type="checkbox"]:not(:checked) + label:after{
	border-color: rgba(0, 0, 0, 0.54) !important;
}

.cms-form-card .rad-list .form-check [type="radio"] + label:before, .cms-form-card .rad-list .form-check [type="radio"] + label:after {
	top: .5rem;
	left: .5rem;
}
.cms-form-card .chk-list .form-check [type="checkbox"] + label:before, .cms-form-card .chk-list .form-check [type="checkbox"] + label:after {
	top: .6rem;
	left: .75rem;
}
.cms-form-card .chk-list .form-check [type="checkbox"]:checked + label:before, .cms-form-card .chk-list .form-check [type="checkbox"]:checked + label:after {
	top: .3rem;
	left: .5rem;
}
.cms-form-card .switch-cms{
	padding: .5rem 1rem!important;
	font-size: .875rem !important;
	border-radius: .2rem !important;
	background-color: rgba(247, 247, 247, 0.7);
	border: 1px solid rgb(234, 234, 234);
	color: #000;
	font-weight: 400;
	height: 2.5rem!important;
}
.cms-form-card .switch-cms label{
	font-weight: 400!important;
	color: #000!important;
}

.cms-form-card .badge-tooltip {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	cursor: pointer;
}

.cms-form-card .badge-tooltip i {
	font-size: 1.1rem;
	color: rgb(66, 133, 244);
}

.cms-form-card.required .required label {
	color: rgb(255, 53, 71) !important;
}

.cms-form-card.required .required input {
	border: 1px solid rgb(255, 53, 71) !important;
	-webkit-box-shadow: 0 0 0 1px rgb(255, 53, 71) !important;
	box-shadow: 0 0 0 1px rgb(255, 53, 71) !important;
	background-color: rgba(255, 53, 71, 0.05) !important;
}

#link_database .fixed-table-toolbar .search{width:100%;}
#link_database .bootstrap-table .table thead>tr>th {
	background: #f9f9f9;
}
#link_database, #file-modal{
	z-index: 100100;
}

.cms-form-card.required .database-settings .required input {
	background-color: rgba(255, 255, 255, 1) !important;
}

/* REMOVE ALERT STYLING */

.cms-form-card .link-types {
	position: relative;
	height: 0rem;
}

.cms-form-card .link-types .link-type, .bootstrap-wysihtml5-insert-link-modal .database-list .database-item {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
.cms-form-card .link-types .link-type{
	height: 2.5rem;
}


.cms-form-card .link-types .link-type.active, .bootstrap-wysihtml5-insert-link-modal .database-list .database-item.active {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}

.cms-form-card .image-container .upload-image,
.cms-form-card .image-container .upload-video,
.cms-form-card .image-container .upload-audio,
.cms-form-card .image-container .upload-icon{
	background-color: rgba(90, 149, 245, 0.07) !important;
}

.cms-form-card .image-container .image-preview-link {
	display: inline-block;
}

.cms-form-card.required .required a.action-icon {
	color: rgb(255, 53, 71) !important;
	background-color: rgba(255, 53, 71, 0.05) !important;
}

.cms-form-card .single-item-icon {
	background-color: rgb(66, 133, 244);
}

.cms-form-card .single-item-icon i {
	color: rgb(255, 255, 255);
}

.full-line.cms-form-card .card-header:before {
	left: 0;
	right: 0;
}
.cms-form-card .card-header.no-line:before {
	height: 0;
	display:none;
}

.form-toolbar {
	position: absolute;
	top: 0px;
	left: -3.95rem;
	width: 3.5rem;
	z-index: 400;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	background-color: #ffffff;
	border-radius: .25rem;
}

.form-toolbar.active {
	position: fixed;
	left: 0.5rem;
	top: 56px;
}
.form-toolbar.iframe.active {
	top: 90px;
}

.form-toolbar .toolbar-divider {
	width: 100%;
	border-top: 1px solid rgba(0, 0, 0, .125);
}

.cms-form-card a.action-copy {
	margin-right: -.3rem;
}

.cms-form-card a.action-copy i {
	color: rgb(234, 234, 234);
	-webkit-transition: color .5s;
	transition: color .5s;
}

.cms-form-card a.action-copy:hover i {
	color: rgba(0, 0, 0, 0.54);
}

.action-disabled {
	opacity: 0.25 !important;
	pointer-events: none !important;
}

.cms-form-card .required-errormessage {
	font-size: 0.8rem;
	font-weight: 500;
	color: rgb(255, 53, 71);
	display: none;
}

.cms-form-card.required .required .required-errormessage {
	display: block;
}

.dropdown-item.required {
	color: #fff !important;
	background: rgb(255, 53, 71) !important;
}


.main-wrapper {
	padding-left: 3.5rem !important;
	padding-right: 3.5rem !important;
}

.list-divider {
	position: relative;
}

.list-divider .list-divider-title:before {
	position: absolute;
	content: '';
	left: 100%;
	right: 0;
	top: 0;
	height: 3px;
	background: red;
}

.list-items-container, .single-items-container {
	position: relative;
}

.cms-form-card .img-preview {
	height: 16rem;
	max-width: 100%;
}
.link-type-database > input, #databaseEntries tbody tr:hover{
	cursor: pointer;
}
#databaseEntries input.descr{
	background: transparent;
	border: none;
	box-shadow: none;
}
.link-type-external .ext-type {
	height: 2.5rem !important;
	padding: .25rem .5rem !important;
	font-size: .875rem !important;
	line-height: 1.5 !important;
	border-radius: .2rem !important;
	background-color: #f9f9f9;
	border: 1px solid rgb(234, 234, 234);
	color: #000 !important;
	text-transform: none;
	display: inline-flex;
	align-items: center;
	font-weight: 400;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	transform: translateX(3px);
	z-index: 4;
	transition: border .15s ease-in-out, box-shadow .15s ease-in-out;
}

.link-type-external .ext-type.changed {
	animation-name: selectedType;
	animation-duration: 0.5s;
}

@keyframes selectedType {
	0% {
		background-color: #eaeaea;
	}
	100% {
		background-color: #f9f9f9;
	}
}

.link-type-external .ext-type[aria-expanded=true] {
	background-color: #eaeaea !important;
}

.link-type-external.focus .ext-type {
	-webkit-box-shadow: -2px -2px 0 0 rgb(66, 133, 244), -2px 2px 0 0 rgb(66, 133, 244) !important;
	box-shadow: -2px -2px 0 0 rgb(66, 133, 244), -2px 2px 0 0 rgb(66, 133, 244) !important;
}

.btn.dropdown-toggle.z-depth-0.m-0.ext-type.waves-effect.waves-light.invalid {
	border: 2px solid red;
}

.link-type-external .dropdown-toggle:after {
	content: "▼";
	color: #adadad;
	font-size: 10px;
	margin-left: 1rem;
	width: auto;
	height: auto;
	border: none;
	vertical-align: unset;
}

.link-type-external .input-group input[type="text"] {
	padding-left: 0.75rem !important;
}

.link-type-external .input-group input[type="text"]:focus, .link-type-external.focus .input-group input[type="text"] {
	border: 1px solid rgba(66, 133, 244, 0);
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
	box-shadow: 2px -2px 0 0px rgb(66, 133, 244), 2px 2px 0 0px rgb(66, 133, 244);
}

.cms-form-card .link-selectors {
	display: block;
}

.cms-form-card .select-linktype, .cms-form-card .link-types {
	width: 100%;
}

@media (min-width: 420px) {
	.cms-form-card .link-types {
		width: 0;
	}

	.cms-form-card .link-types.active {
		width: 100%;
		height: 40px;
	}

	.cms-form-card .col-md-12 > div > div > div > .select-linktype,
	.cms-form-card .col-md-11 > div > div > div > .select-linktype,
	.cms-form-card .col-md-10 > div > div > div > .select-linktype,
	.cms-form-card .col-md-9 > div > div > div > .select-linktype,
	.cms-form-card .col-md-8 > div > div > div > .select-linktype {
		flex-basis: auto;
	}

	.cms-form-card .col-md-12 > div > div > div > .link-types.active,
	.cms-form-card .col-md-11 > div > div > div > .link-types.active,
	.cms-form-card .col-md-10 > div > div > div > .link-types.active,
	.cms-form-card .col-md-9 > div > div > div > .link-types.active,
	.cms-form-card .col-md-8 > div > div > div > .link-types.active {
		width: 400%;
		margin-top: 0 !important;
		margin-left: 10px;
	}

	.cms-form-card .col-md-12 > div > div > .link-selectors,
	.cms-form-card .col-md-11 > div > div > .link-selectors,
	.cms-form-card .col-md-10 > div > div > .link-selectors,
	.cms-form-card .col-md-9 > div > div > .link-selectors,
	.cms-form-card .col-md-8 > div > div > .link-selectors {
		display: flex;
		flex-direction: row;
		align-items: center;
	}
}

.cms-form-card .img_wrapper {
	position: relative;
	width: 100%;
	padding-top: 100%;
	border-radius: 3px;
	background-color: #f7f7f7;
	border: 1px solid rgb(234, 234, 234);
}
.cms-form-card .img_wrapper > .edit_btns + img,
.cms-form-card .img_wrapper > video,
.cms-form-card .img_wrapper > .audio-img{
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	object-fit: scale-down;
	object-position: center center;
}
.cms-form-card .img_wrapper > .audio-img + .audio-name{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: center;
	z-index: 1;
}

[id^="scrollPID_"] > [data-img-id],
[id^="scrollPID_"] > [data-img-id],
[id^="scrollPID_"] > [data-img-id],
[id^="scrollPID_"] > [data-img-id],
[id^="scrollPID_"] > [data-img-id],
[id^="scrollPID_"] > [data-img-id],
[id^="scrollPID_"] > [data-img-id],
[id^="scrollPID_"] > [data-img-id] {
	width: 33%;
	margin-left: 15px;
}

[id^="scrollPID_"] > [data-img-id]:first-child,
[id^="scrollPID_"] > [data-imgid]:first-child,
[id^="scrollPID_"] > [data-img-id]:first-child,
[id^="scrollPID_"] > [data-img-id]:first-child,
[id^="scrollPID_"] > [data-img-id]:first-child,
[id^="scrollPID_"] > [data-img-id]:first-child,
[id^="scrollPID_"] > [data-img-id]:first-child,
[id^="scrollPID_"] > [data-img-id]:first-child {
	width: 33%;
	margin-left: 0;
}

.col-md-12 > div > div > [id^="scrollPID_"] > [data-img-id] {
	width: 18%;
}

.col-md-12 > div > div > [id^="scrollPID_"] > [data-img-id]:first-child {
	width: 22%;
}

.col-md-11 > div > div > [id^="scrollPID_"] > [data-img-id] {
	width: 20%;
}

.col-md-11 > div > div > [id^="scrollPID_"] > [data-img-id]:first-child {
	width: 24%;
}

.col-md-10 > div > div > [id^="scrollPID_"] > [data-img-id] {
	width: 22%;
}

.col-md-10 > div > div > [id^="scrollPID_"] > [data-img-id]:first-child {
	width: 26%;
}

.edit_btns .action-icon {
	width: 30px;
	height: 30px;
}

.edit_btns .action-icon i {
	font-size: 17px;
}

.col-md-12 > div > div > [id^="scrollPID_"] .edit_btns .action-icon i {
	font-size: 24px;
}

.col-md-12 > div > div > [id^="scrollPID_"] .edit_btns .action-icon {
	width: 40px;
	height: 40px;
}

.cms-form-card .img_container {
	background-color: rgba(247, 247, 247, 0.7);
	border: 1px solid rgb(234, 234, 234);
	padding: 14px 15px;
	border-radius: 3px;
}

.cms-form-card .img_wrapper label {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 2px 6px;
	color: #fff !important;
	background: rgba(55, 71, 79, 0.5);
	border-radius: 3px 3px 0 0;
}
.cms-form-card .img_wrapper .size-info {
	position: absolute;
	z-index: 2;
	top: -12px;
	right: -13px;
	cursor: pointer;
}
.cms-form-card .img_wrapper .edit_btns {
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	transition: opacity 250ms ease;
	z-index:1;
}

.cms-form-card .img_wrapper:hover .edit_btns,
.cms-form-card .img_wrapper:focus .edit_btns,
.cms-form-card .img_wrapper:active .edit_btns,
.cms-form-card .img_wrapper.active .edit_btns{
	opacity: 1;
}

.cms-form-card .img_wrapper .edit_btns .action-icon {
	background-color: rgba(255, 255, 255, 1);
	margin: 0 5px;
}

.cms-form-card .img_wrapper .edit_btns .action-icon:hover, .cms-form-card .img_wrapper .edit_btns .action-icon:focus, .cms-form-card .img_wrapper .edit_btns .action-icon:active {
	background-color: rgba(255, 255, 255, 1) !important;
}

.cms-form-card .img_wrapper .svgdata-icon > svg, .cms-form-card .img_wrapper .svgdata-icon > img {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 50%;
	width: 50%;
	transform: translate(-50%, -50%);
	fill: rgb(108 117 125);
}

#sm-page-loader .blobs {
	-webkit-filter: url("#goo");
	filter: url("#goo");
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

#sm-page-loader .blob {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: linear-gradient(180deg, #07b8ef, #4167e6);
}

#sm-page-loader {
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(255,255,255,0.85);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	overflow: hidden;
	pointer-events: none;
	position: fixed;
}

#sm-page-loader .blob:nth-child(1) {
	animation: blob-left-anim cubic-bezier(0.770, 0.000, 0.175, 1.000) 2s infinite;
}

#sm-page-loader .blob:nth-child(2) {
	animation: blob-right-anim cubic-bezier(0.770, 0.000, 0.175, 1.000) 2s infinite;
}

#sm-page-loader .blobs {
	/*animation: blob-circle ease 4s infinite;*/
}

@keyframes blob-left-anim {
	0% {
		transform: scale(1) translate(0, 0);
	}
	33% {
		transform: scale(0.5) translate(80px, 0);
	}
	66% {
		transform: scale(0.8) translate(0, 0);
	}
	100% {
		transform: scale(1) translate(0, 0);
	}
}

@keyframes blob-right-anim {
	0% {
		transform: scale(1) translate(0, 0);
	}
	33% {
		transform: scale(0.5) translate(-80px, 0);
	}
	66% {
		transform: scale(0.8) translate(0, 0);
	}
	100% {
		transform: scale(1) translate(0, 0);
	}
}

@keyframes blob-circle {
	0% {
		transform: rotate(0deg);
	}
	50% {
		transform: rotate(180deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.cms-form-card.mb-5.collapsed {
	margin-bottom: 1.5rem !important;
}

#language-sel .dropdown-item {
	cursor: pointer;
}

span.list-divider-title:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background: #dfdfdf;
	top: 50%;
	left: 0;
	z-index: -1;
}

span.list-divider-title {
	color: rgba(0, 0, 0, 0.54);
	padding: 0 10px;
	margin-left: 30px;
	background: #eeeeee;
}

.new-list-item .action-icon {
	background-color: #4285f4;
	color: #fff !important;
}

#collapseItemSetup.show + .new-list-item {
	display: none;
}

.new-list-item .action-icon:hover, .new-list-item .action-icon:focus, .new-list-item .action-icon:active {
	background-color: #5a95f5 !important;
}

.new-list-item .action-icon:active {
	background-color: #0b51c5 !important;
}

.main-wrapper {
	margin: 0 -1rem;
}

.breadcrumb {
	padding: 0.75rem 0 .75rem 0;
}

#lastSave {
	font-size: 12px;
	font-weight: 400;
	font-style: italic;
	color: #4285f4;
	margin-left: 10px;
}

.cms-form-card .database-settings {
	background-color: rgb(247, 247, 247);
	padding: 1.5rem;
	border: 1px solid #eaeaea;
	border-radius: 3px;
}

.cms-form-card .database-settings input[type="time"]::-webkit-inner-spin-button{
	-webkit-appearance: none;
}
.cms-form-card .database-settings input[type="time"]::-webkit-clear-button{
	display: none;
}

.cms-form-card .database-settings .input-container input[type="text"],
.cms-form-card .database-settings .input-container input[type="url"],
.cms-form-card .database-settings .input-container input[type="date"],
.cms-form-card .database-settings .input-container input[type="time"],
.cms-form-card .database-settings .input-container input[type="datetime-local"],
.cms-form-card .database-settings .input-container input[type="month"],
.cms-form-card .database-settings .input-container input[type="week"],
.cms-form-card .database-settings .input-container input[type="tel"],
.cms-form-card .database-settings .input-container input[type="number"],
.cms-form-card .database-settings .input-container input[type="email"],
.cms-form-card .database-settings .input-container input[type="password"],
.cms-form-card .database-settings .input-container textarea,
.cms-form-card .database-settings .select-wrapper.mdb-select input.select-dropdown,
.cms-form-card .database-settings .form-control.color-picker,
.cms-form-card .database-settings .select2-container--default .select2-selection--multiple {
	background-color: rgba(255, 255, 255, 1);
}

.cms-form-card .database-settings .select-wrapper.mdb-select .caret {
	z-index: 1;
	color: #adadad;
}

.cms-form-card .action-page + .select-wrapper input.select-dropdown, .cms-form-card .publish-type + .select-wrapper input.select-dropdown {
	background: transparent !important;
	border: 0 !important;
	width: 155px;
	text-overflow: ellipsis;
	-webkit-transition: width 250ms;
	-moz-transition: width 250ms;
	-ms-transition: width 250ms;
	-o-transition: width 250ms;
	transition: width 250ms;
}

.cms-form-card .action-page + .select-wrapper input.select-dropdown.required {
	border: 2px solid rgb(255, 53, 71) !important;
}

.cms-form-card .action-page + .select-wrapper input.select-dropdown + ul, .cms-form-card .publish-type + .select-wrapper input.select-dropdown + ul {
	width: 250px !important;
}

.cms-form-card .action-page + .select-wrapper .caret {
	display: none;
}

.cms-form-card .action-page + .select-wrapper {
	margin-right: 10px;
}

.cms-form-card .tab-content {
	z-index: auto;
}

.cms-form-card .publish-type + .select-wrapper input.select-dropdown {
	height: 2rem !important;
	color: #004085;
}

.cms-form-card .publish-type + .select-wrapper .caret {
	color: #004085 !important;
	top: 8px;
}

.cms-form-card .select-dropdown .search.form-control {
	margin: 0 !important;
	width: calc(100% - 20px);
	height: 1.875rem !important;
}

.cms-form-card .select-dropdown .search.form-control:focus {
	-webkit-box-shadow: 0 0 0 1px rgb(66, 133, 244);
	box-shadow: 0 0 0 1px rgb(66, 133, 244);
}

.table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
	border: 0;
}

.table-borderless tbody tr:not(.row-section):hover {
	background-color: transparent;
}

.profile-img a.action-icon {
	opacity: 0;
	background-color: #fff !important;
	transition: all 0.25s ease;
}

.profile-img:hover a.action-icon {
	opacity: 1;
}

/*bootstrap table for cms-form-card*/
.cms-form-card .bootstrap-table {
	width: 100%;
}

.cms-form-card .card-body .fixed-table-container {
	padding-bottom: 0px;
	border: 1px solid #eaeaea !important;
	border-radius: 3px;
}

.cms-form-card .card-body .fixed-table-container, .cms-form-card .card-body .bootstrap-table .table, .cms-form-card .card-body .bootstrap-table .table > thead > tr > th, .cms-form-card .card-body .fixed-table-container tbody td {
	border: none;
}

.cms-form-card .fixed-table-toolbar .search {
	margin-bottom: 16px;
}

.cms-form-card .bootstrap-table .table:not(.table-condensed), .cms-form-card .bootstrap-table .table:not(.table-condensed) > tbody > tr > td, .cms-form-card .bootstrap-table .table:not(.table-condensed) > tbody > tr > th, .cms-form-card .bootstrap-table .table:not(.table-condensed) > tfoot > tr > td, .cms-form-card .bootstrap-table .table:not(.table-condensed) > tfoot > tr > th, .cms-form-card .bootstrap-table .table:not(.table-condensed) > thead > tr > td {
	padding: 0;
}

.cms-form-card .bootstrap-table .table thead tr, .cms-form-card .bootstrap-table .table tbody tr:not(:last-child) {
	border-bottom: 1px solid #eaeaea;
}

.cms-form-card .bootstrap-table .table tbody tr {
	border-left: 6px solid transparent;
}

.cms-form-card .bootstrap-table .table tbody tr td {
	font-size: 14px;
	line-height: 24px;
}

.cms-form-card .bootstrap-table .table thead th {
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
}

.cms-form-card .bootstrap-table .table thead th {
	padding: 16px;
}

.cms-form-card .bootstrap-table .fixed-table-container .table tbody tr td {
	padding: 16px;
	color: rgba(0, 0, 0, 0.75) !important;
}

.cms-form-card .fixed-table-container tbody td .th-inner, .cms-form-card .fixed-table-container thead th .th-inner {
	padding: 0;
}

.cms-form-card .bootstrap-table .table tbody tr td:first-child, .cms-form-card .bootstrap-table .table thead th:first-child {
	padding-left: 16px;
}

.cms-form-card .bootstrap-table .table tbody tr td:first-child.bs-checkbox {
	padding-left: 6px;
	padding-right: 10px;
}

.cms-form-card .bootstrap-table .table thead th:last-child, .cms-form-card .bootstrap-table .table tbody tr td:last-child {
	padding-right: 16px;
}

.cms-form-card .bootstrap-table .table tbody tr td.actions {
	padding: 0px;
}

.cms-form-card .bootstrap-table .table.table-hover tbody tr:hover, .cms-form-card .bootstrap-table .table tbody tr.selected {
	background-color: #f9f9f9;
	border-left: 6px solid #4285f4;
}

.cms-form-card .bootstrap-table .table thead th.bs-checkbox, .cms-form-card .bootstrap-table .table tbody tr td.bs-checkbox {
	padding: 0 16px;
	position: relative;
}

.cms-form-card .bootstrap-table [type="checkbox"] {
	position: absolute;
	opacity: 0;
	visibility: visible;
	left: 50%;
	width: 18px;
	height: 18px;
	top: 50%;
	cursor: pointer;
	z-index: 999;
	transform: translate(-50%, -50%);
}

.cms-form-card .bootstrap-table [type="checkbox"] + label.mda-checkbox {
	pointer-events: none;
}

.cms-form-card [type="checkbox"] + label.mda-checkbox span:first-child {
	width: 16px;
	height: 16px;
}

.cms-form-card [type="checkbox"] + label.mda-checkbox span:first-child svg {
	top: 1px;
	left: 0px;
}

.cms-form-card .search .form-control {
	height: 2.5rem !important;
	padding: .25rem .5rem !important;
	font-size: .875rem !important;
	line-height: 1.5 !important;
	border-radius: .2rem !important;
	background-color: rgba(247, 247, 247, 0.7);
	border: 1px solid rgb(234, 234, 234);
	color: #000;
}

.cms-form-card #toolbar .select-wrapper.mdb-select .caret {
	top: 0px;
}

.cms-form-card #toolbar .select-wrapper.mdb-select input.select-dropdown {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	height: 2rem !important;
}

.cms-form-card .multiple-toolbars .select-wrapper.mdb-select .caret {
	top: 0px;
}

.cms-form-card .multiple-toolbars .select-wrapper.mdb-select input.select-dropdown {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	height: 2rem !important;
}

.cms-form-card .fixed-table-container thead th .desc, .cms-form-card .fixed-table-container thead th .both, .cms-form-card .fixed-table-container thead th .asc {
	position: relative;
	background-image: none !important;
}

.cms-form-card .fixed-table-container thead th .desc:after, .cms-form-card .fixed-table-container thead th .asc:after {
	font-family: 'Material Icons';
	content: "arrow_downward";
	position: relative;
	top: 6px;
	left: 16px;
	transform: translateY(-50%);
	font-size: 21px;
	color: #757575;
	line-height: 0;
}

.cms-form-card .fixed-table-container thead th .asc:after {
	content: "arrow_upward";
}

.cms-form-card .fixed-table-container a.project-link:hover {
	text-decoration: underline;
}

.cms-form-card #toolbar .select-wrapper.mdb-select input.select-dropdown {
	margin: 0 !important;
}

/*END NEW CSM FORMS*/
.no-shadow {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.btn-light {
	/*
	background-color: #4285f4 !important;
	color: #ffffff !important;
	*/
	background-color: rgb(235, 242, 254) !important;
	color: rgb(31, 113, 250) !important;

}

.btn-light:focus, .btn-light:active, .btn-light.active {
	background-color: rgb(223 234 253) !important;
}

.btn-light:hover {
	background-color: rgb(223 234 253) !important;
}

.badge-light {
	background-color: #e0e0e0 !important;
	color: #000000 !important; }

.badge-primary {
	background-color: #4285f4 !important;
	color: #ffffff !important; }

.badge.pagecomp-installed {
	position:absolute;
	top: -45px;
	right:10px;

}

.badge.pagecomp-type {
	position:absolute;
	top: -50px;
	left:10px;

}

/* NEW SITEMANAGER NAVIGATION */
.sm-nav-menu{
	border-bottom: 1px solid #dee2e6;
	height: 52px;
	background: #fff;
	user-select: none;
}
.nav-menu-items, .nav-menu-items a{
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 1;
	color: #000;
	height: 100%;
}
.nav-menu-items .btn-sm{
	font-size: 12px;
	padding: 6px 12px;
	text-transform: capitalize!important;
	font-weight: 500;
	letter-spacing: 0.5px;
	border-radius: 3px;
}
.nav-divider{
	width: 1px;
	height: 100%;
	background: #dee2e6;
}
.nav-menu-item,
.nav-menu-subitem,
.nav-menu-subpanel-subitem{
	position:relative;
	height: 100%;
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 0 15px;
}
.nav-menu-item:hover > span,
.nav-menu-subitem:hover > .nav-open-panel{
	color: #1f71fa;
}
.nav-open-panel{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width:100%;
}
.nav-menu-subpanel,
.nav-menu-subpanel-subpanel{
	position: absolute;
	display: none;
	flex-direction: column;
	top: 50px;
	left: 0;
	background: #FFFFFF;
	box-shadow: 0px 6px 24px rgb(0 0 0 / 14%);
	border-radius: 5px;
	padding: 10px 0;
	z-index: 999;
	width: max-content;
}
.nav-menu-subpanel[data-subpanel="account"]{
	left: auto;
	right: calc(100% - 51px);
}
.nav-menu-subpanel-subpanel{
	top: 0;
	left: 100%;
}
.nav-menu-subitem:not(.nav-menu-subitem-responsive):hover > .nav-menu-subpanel,
.nav-menu-subitem.open > .nav-menu-subpanel,
.nav-menu-subpanel-subitem:not(.nav-menu-subpanel-subitem-responsive):hover > .nav-menu-subpanel-subpanel,
.nav-menu-subpanel-subitem.open > .nav-menu-subpanel-subpanel,
.nav-menu-subpanel:not(.nav-menu-subpanel-responsive):hover{
	display: flex!important;
}
.nav-menu-subpanel-item,
.nav-menu-subpanel-subitem,
.nav-menu-subpanel-subpanel-item,
.nav-menu-subpanel-subitem.nav-menu-subpanel-subitem-responsive .nav-open-panel{
	padding: 10px 24px;
	cursor: pointer;
}
.nav-menu-subpanel-subitem.nav-menu-subpanel-subitem-responsive,
.nav-menu-subpanel-subitem.nav-menu-subpanel-subitem-responsive .nav-menu-subpanel-subitem{
	padding: 0;
}
.seo-list .nav-menu-subpanel-subpanel-item{
	cursor: default;
}
.nav-menu-subpanel-item:hover,
.nav-menu-subpanel-subitem:hover,
.nav-menu-subpanel-subitem.open,
.nav-menu-subpanel-subpanel-item:hover{
	background: #f8f9fa;
}
.nav-menu-subpanel-divider{
	height: 1px;
	width: 100%;
	background: rgba(5, 21, 50, 0.1);
}
.nav-menu-subpanel-subitem > .nav-open-panel .nav-open-panel-arrow {
	margin-left: 16px;
	font-size: 18px;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}
.nav-menu-subpanel.nav-menu-subpanel-responsive {
	left: 15px;
	width: calc(100vw - 30px);
	position: fixed;
}
.nav-menu-subpanel.nav-menu-subpanel-responsive .nav-menu-subpanel-subpanel,
.nav-menu-subpanel.nav-menu-subpanel-responsive .nav-menu-subpanel-subitem .nav-menu-subpanel-subpanel{
	position: relative;
	display: none;
	flex-direction: column;
	background: #FFFFFF;
	box-shadow: none;
	border-radius: 0;
	padding: 0;
	z-index: 999;
	width: 100%;
	top: 0;
	left: 0;
}
.nav-menu-subpanel-subitem.nav-menu-subpanel-subitem-responsive .nav-menu-subpanel-subitem{
	position: relative;
	flex-direction: column;
	background: #FFFFFF;
	box-shadow: none;
	border-radius: 0;
	padding: 0;
	z-index: 999;
	width: 100%;
	top: 0;
	left: 0;
}
.nav-menu-subpanel.nav-menu-subpanel-responsive .nav-menu-subpanel-subpanel-item,
.nav-menu-subpanel-subitem.nav-menu-subpanel-subitem-responsive .nav-menu-subpanel-subitem .nav-open-panel{
	padding-left: 36px;
}
.nav-menu-subpanel-subitem.nav-menu-subpanel-subitem-responsive .nav-menu-subpanel-subitem .nav-menu-subpanel-subpanel-item {
	padding-left: 48px;
}
.nav-menu-responsive{
	display:none;
}
@media (max-width: 768px) {
	.nav-menu-items:not(.nav-menu-responsive),
	.nav-publish .btn-topView{
		display:none!important;
	}
	.nav-menu-responsive{
		display:flex;
	}

}
.btn-toggletrainingcenter{
	position: relative;
}
.sm-nav-menu .btn-toggletrainingcenter:before{
	content: "";
	position: absolute;
	top: 12px;
	right: -6px;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background: #1f71fa;
}
.sm-nav-menu .sm-progress-loader img,
.browsebar .sm-progress-loader img{
	width: 20px;
	height: 20px;
	animation-name: sm-spin-loader;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@keyframes sm-spin-loader {
	from {
		transform:rotate(0deg);
	}
	to {
		transform:rotate(360deg);
	}
}
.sm-nav-menu .sm-progress-success i,
.sm-nav-menu .sm-progress-fail i{
	font-size: 20px;
	display: none;
}
.sm-nav-menu .sm-progress-success i{
	color: #00c851;
}
.sm-nav-menu .sm-progress-fail i{
	color: #ff3547;
}

.sm-nav-menu .background-queue .server {
	position:relative;
	top:4px;
	color:#1245ee;

	-webkit-animation: queue-fadeinout 1s linear forwards;
	animation: queue-fadeinout 1s linear forwards;
	animation-iteration-count: infinite;

}

.background-queue-redirect-loader {
	position:fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);  z-index:5000003;
}

.background-queue-redirect-overlay {
	background:#fff;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:5000002;
}

.queue-animation {

	-webkit-animation: queue-fadeinout 1s linear forwards;
	animation: queue-fadeinout 1s linear forwards;
	animation-iteration-count: infinite;

}

@-webkit-keyframes queue-fadeinout {
	0%,100% { opacity: 0.5; }
	50% { opacity: 1; }
}

@keyframes queue-fadeinout {
	0%,100% { opacity: 0.5; }
	50% { opacity: 1; }
}

.sm-nav-menu .online-users, .sm-nav-menu .background-queue{
	gap: 5px;
}
.sm-nav-menu .online-users .online-user {
	position: relative;
	height: 30px;
	width: 30px;
	background-color: #ebf2fe;
	color: #4285f4!important;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 14px!important;
	display: flex!important;
	align-items: center;
	justify-content: center;
	border: none!important;
	box-shadow: none;
	border-radius: 50%;
}
.sm-nav-menu .online-users .online-user img{
	height: 100%;
	width: 100%;
	object-fit: contain;
	object-position: center;
	border-radius: 50%;
	overflow: hidden;
}
.sm-nav-menu .online-users .online-user .material-icons{
	font-size: 12px;
	position: absolute;
	bottom: -4px;
	right: -4px;
	background: #fff;
	border-radius: 50%;
	border: 2px solid #fff;
}

.sm-nav-menu .status,
.browsebar .status{
	position: relative;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #dbdfe3;
	position: relative;
	margin-right: 1rem;
	margin-bottom: 2px;
}
.sm-nav-menu .status.red,
.browsebar .status.red{
	background: #ff3547!important;
}
.sm-nav-menu .status.orange,
.browsebar .status.orange{
	background: #ff8800!important;
}
.sm-nav-menu .status.green,
.browsebar .status.green{
	background: #00c851!important;
}

.sm-nav-menu .subtitle,
.browsebar .subtitle{
	padding-bottom: 5px;
	font-weight: 400;
	font-size: 12px;
	text-decoration: underline;
}
.sm-nav-menu .subtitle:hover,
.browsebar .subtitle:hover{
	background: transparent;
}
.browsebar .nav-menu-subitem{
	height: 48px;
}
.browsebar .nav-menu-subpanel{
	top: 45px;
}

/* --- NEW PROJECTS DASHBOARD---*/
.projects-page .sm-editbar-btns {
	font-size: 14px;
	line-height: 140%;
	color: #000;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	box-sizing: border-box;
	border-radius: 3px;
	display: inline-flex;
	flex-direction: row;
	align-items: center;
}
.projects-page .sm-editbar-btns .sm-editbar-btn {
	transition: all 200ms ease!important;
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 8px 10px;
}
.projects-page .sm-editbar-btns .sm-editbar-btn.sorting {
	padding: 8px;
}
.projects-page .sm-editbar-btns .sm-editbar-btn:hover,
.projects-page .sm-editbar-btns .sm-editbar-btn.active {
	background: rgba(18, 69, 238, 0.05);
}
.projects-page .sm-editbar-btns .sm-editbar-btn i {
	transition: all 200ms ease!important;
	display: inline-block;
	font-size: 18px;
	color: #000;
}
.projects-page .sm-editbar-btns .sm-editbar-btn:hover > i,
.projects-page .sm-editbar-btns .sm-editbar-btn.active > i,
.projects-page .sm-editbar-btns .sm-editbar-btn a:hover > i {
	color: rgba(18, 69, 238, 1);
}
.projects-page .sm-editbar-btn-divider {
	border-left: 1px solid #E5E5E5;
	height: 34px;
}
.projects-page .sm-editbar-btns .sm-editbar-btn i.sort{
	transform: rotateY(45deg) translateX(-2px);
}
.projects-page .sm-editbar-btns .sm-editbar-btn i.position{
	transform: rotateY(30deg) translateX(2px);
}


.projects-overview{
	user-select: none;
}
.projects-page .header-title{
	font-weight: 500;
	font-family: 'Roboto', Sans-Serif;
}
.projects-page .projects-header{
	position: sticky;
	top: 52px;
	background: #f6f6f6;
	z-index: 2;
	padding: 0 25px;
}
@media (max-width: 768px){
	.projects-page .projects-header{
		flex-direction: column;
	}
	.projects-page .projects-header .header-actions{
		align-items: flex-start!important;
	}
	.projects-page .project-add{
		display: none;
	}
	.projects-page .search-projects{
		width: auto!important;
	}
	.projects-page .projects-grid, .projects-page .templates-grid{
		display: flex;
		flex-direction: column;
		width: calc(100vw - 30px);
	}
}
.projects-page .project-add{
	text-transform: capitalize!important;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.5px;
	border-radius: 3px;
	padding: 8px 16px;
}
.projects-page .projects-sorting{
	position: relative;
	height: 34px;
}
.projects-page .projects-sorting-selected,
.projects-page .course-delete{
	cursor: pointer;
	color: rgb(0 0 0 / 70%);
	font-size: 14px;
	font-weight: 500;
	font-family: 'Roboto', Sans-Serif;
}
.projects-page .projects-list-action .projects-sorting-selected{
	width: 130px;
}
.projects-page .projects-sorting-selected i{
	font-size: 18px;
	color: rgb(0 0 0 / 70%);
}
.projects-page .projects-search .projects-sorting-selected i{
	font-size: 21px;
	color: rgb(0 0 0 / 30%);
}
.projects-page .projects-sorting-list{
	position: absolute;
	display: none;
	flex-direction: column;
	background: #FFFFFF;
	box-shadow: 0px 6px 24px rgb(0 0 0 / 14%);
	border-radius: 5px;
	padding: 10px 0;
	z-index: 1;
	width: max-content;
	top: 45px;
	left: -8px;
}
.projects-page .projects-list-action .projects-sorting-list{
	top: 34px;
	left: 0;
	width: 160px;
}
.projects-page .projects-sorting-list li{
	height: 100%;
	padding: 10px 24px;
	cursor: pointer;
	position: relative;
}
.projects-page .project .projects-sorting-list li{
	padding: 0;
}
.projects-page .projects-sorting-list li > *{
	font-family: "Roboto", sans-serif!important;
	font-weight: 400;
	font-size: 15px;
	line-height: 1;
	color: #000;
}
.projects-page .project .projects-sorting-list li > *:not(.divider) {
	padding: 10px 24px;
	display: block;
}
.projects-page .projects-sorting-list li > small{
	font-size: 12px;
	color: rgba(0,0,0,0.7);
}
.projects-page .projects-sorting-list .divider{
	height: 1px;
	width: 100%;
	background: rgba(5, 21, 50, 0.1);
	padding: 0;
}
.projects-page .projects-sorting-list li:hover {
	background: #f8f9fa;
}
.projects-page .projects-sorting-list li.active:after{
	content: 'check';
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-12px);
	color: #4285f4;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 21px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}
.projects-page .projects-sorting-list.show{
	display: block;
}
.projects-page .show-favorites{
	cursor: pointer;
}
.projects-page .show-favorites i{
	transition: all 200ms ease!important;
	color: #f6f6f6;
	-webkit-text-stroke: 2px #000;
}
.projects-page .show-favorites.active i{
	color: #4285f4;
	-webkit-text-stroke: 2px #4285f4;
}
.projects-page .search-projects{
	height: 2.5rem !important;
	padding: .25rem .5rem .25rem 2.25rem!important;
	font-size: .875rem !important;
	line-height: 1.5 !important;
	border-radius: .2rem !important;
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgb(234, 234, 234);
	color: #000;
	width: 350px;
	outline: none;
}
.projects-page .search-projects:focus,
.projects-page .search-projects:active{
	border: 1px solid rgb(66, 133, 244);
	-webkit-box-shadow: 0 0 0 1px rgb(66 133 244);
	box-shadow: 0 0 0 1px rgb(66 133 244);
}
.projects-page .projects-search{
	position: relative;
}
.projects-page .search-projects + i{
	position: absolute;
	left: 8px;
	top: 9px;
	color: rgb(0 0 0 / 50%);
}


/* --- PROJECTS OVERVIEW ---*/
.projects-page .projects-grid,
.projects-page .templates-grid{
	height: auto;
	display: grid;
	grid-column-gap: 50px;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	padding: 25px 25px 100px 25px;
}
.projects-page .templates-grid{
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
.projects-page .projects-list{
	height: auto;
	margin: 25px 25px 100px 25px;
	background: #fff;
	box-shadow: 0px 0px 24px rgb(5 21 50 / 7%);
	border: 1px solid #dee2e6!important;
	border-radius: 5px;
	overflow: hidden;
}
.projects-page .templates-grid{
	overflow-y: auto;
	overflow-x: hidden;
	max-height: calc(100vh - 288px);
	padding: 25px;
}

.projects-page .templates-grid::-webkit-scrollbar-track{
	background-color: #f6f6f6;
	cursor: pointer;
}
.projects-page .templates-grid::-webkit-scrollbar{
	background: #E5E5E5;
	border-radius: 5px;
	width: 5px;
	cursor: pointer;
}

.projects-page .templates-grid::-webkit-scrollbar-thumb{
	width: 5px;
	background-color: #E5E5E5;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

.card--new,
.projects-page .projects-grid .project,
.projects-page .template {
	background: #FFFFFF;
	border: 1px solid #dee2e6;
	box-sizing: border-box;
	box-shadow: 0px 0px 24px rgba(5, 21, 50, 0.07);
	border-radius: 5px;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 50px;
	transition: all 200ms ease;
}

.card--new .header {
	font-weight: 600;
	font-size: 18px;
	user-select: none;
	color: rgb(36, 36, 36);
	fill: rgb(36, 36, 36);
	line-height: 1.15!important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgb(230, 230, 230);
}

.projects-page .projects-list .project{
	background: #FFFFFF;
	border-bottom: 1px solid #dee2e6;
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
	transition: all 200ms ease;
}

.projects-page .projects-list .project:last-child{
	border-bottom-width: 0;
}

.projects-page .project.project-loading{
	box-shadow: none;
}

.projects-page .projects-grid .project:not(.project-loading):hover{
	box-shadow: 0px 0px 24px rgba(5, 21, 50, 0.14);
}

.projects-page .project .project-thumbnail,
.projects-page .template .template-thumbnail{
	height: 150px;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
	position: relative;
	background-color: #ebf2fe;
}
.projects-page .projects-list .project .project-thumbnail{
	height: 64px;
	border-radius: 0;
	width: 100px;
}
.projects-page .project .project-thumbnail img,
.projects-page .template .template-thumbnail img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}
.projects-page .project .project-thumbnail i,
.projects-page .template-thumbnail i{
	font-size: 64px;
}
.projects-page .template .template-version{
	color: #fff;
	background-color: #4285f4;
	border-radius: 15px;
	font-size: 10px;
	font-weight: 500;
	line-height: 1;
	padding: 3px 9px;
	display: inline-flex;
}
.projects-page .template .template-version:empty{
	display:none;
}
.projects-page .template .template-actions{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	background: rgb(31 113 250 / 80%);
	transition: all 200ms ease;
}
.projects-page .template:hover .template-actions{
	opacity: 1;
}
.projects-page .template .template-actions .btn{
	text-transform: capitalize!important;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.5px;
	border-radius: 3px;
	padding: 8px 16px;
}
.projects-page .project .project-favorite{
	position: absolute;
	top: 0;
	right: 0;
	color: #f6f6f6;
	opacity: 0;
	transition: all 200ms ease;
	-webkit-text-stroke: 2px #4285f4;
	cursor: pointer;
}
.projects-page .project:hover .project-favorite,
.projects-page .project .project-favorite.active{
	opacity: 1;
}
.projects-page .project .project-favorite:hover,
.projects-page .project .project-favorite.active{
	color: #4285f4;
	-webkit-text-stroke: 2px #4285f4;
}
.projects-page .project .project-divider{
	width: 100%;
	height: 1px;
	background: #dee2e6;
}
.projects-page .project .project-name > a:first-child,
.projects-page .project .project-name span,
.projects-page .template .template-name span{
	font-size: 21px;
	font-weight: 500;
	color: #000000;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
}
.projects-page .template .template-name span{
	font-size: 16px;
}
.projects-page .project .project-preview{
	font-size: 18px;
	color: rgba(0, 0, 0, 0.3);
}
.projects-page .project .project-publish,
.projects-page .project .project-progress-title{
	font-size: 12px;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.5);
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
}
.projects-page .project .project-progress-title{
	color: rgba(0, 0, 0, .7);
}
.projects-page .project .project-progress-bar{
	background-color: #ebf2fe;
	height: 8px;
}
.projects-page .project .project-progress-bar .progress-bar{
	background-color: #4285f4;
	height: 8px;
}
.projects-page .project .project-users{
	gap: 5px;
}
.projects-page .project .project-edit{
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
}
.projects-page .project .project-live{
	background-color: #00c851;
	border-radius: 9px;
	height: 9px;
	width: 9px;
	display: inline-table;
}
.projects-page .project .project-settings{
	position: relative;
}
.projects-page .projects-grid .project .project-actions{
	height: 52px;
	line-height: 1;
}
.projects-page .project .project-user{
	height: 30px;
	width: 30px;
	background-color: #ebf2fe;
	color: #4285f4!important;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 14px!important;
	display: flex!important;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border: none!important;
	box-shadow: none;
	border-radius: 50%;
}
.projects-page .project .project-user img{
	height: 100%;
	width: 100%;
	object-fit: contain;
	object-position: center;
}
.projects-page .project-new{
	height: 353px;
	cursor: pointer;
}
.projects-page .project-more{
	height: 353px;
}
.projects-page .project-new .project-new-circle,
.projects-page .project-more .project-new-circle{
	width: 100px;
	height: 100px;
	border: 2px solid #4285f4;
	border-radius: 50px;
	transition: all 200ms ease;
}
.projects-page .project-new:hover .project-new-circle{
	background: #4285f4;
}
.projects-page .project-new .project-new-circle i,
.projects-page .project-more .project-new-circle i{
	font-size: 28px;
	color: #4285f4;
}
.projects-page .project-new:hover .project-new-circle i{
	font-size: 28px;
	color: #fff;
}
.projects-page .project-new .project-new-text,
.projects-page .project-more .project-new-text{
	font-size: 16px;
	font-weight: 500;
	color: rgba(0, 0, 0, 1);
}

.projects-page .project-loading .project-thumbnail{
	height: 150px;
	width: 100%;
	background-color: #ebf2fe;
	position: relative;
}
.projects-page .project-loading .project-name{
	height: 21px;
	width: 124px;
	background-color: #f6f6f6;
}
.projects-page .project-loading .project-publish,
.projects-page .project-loading .project-edit,
.projects-page .project-loading .project-settings{
	height: 12px;
	width: 64px;
	background-color: #f6f6f6;
}
.projects-page .project-loading .project-publish{
	width: 188px;
}
.projects-page .project-loader {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: placeHolderShimmer;
	animation-name: placeHolderShimmer;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	background: #ebf2fe;
	background: -webkit-gradient(linear, left top, right top, color-stop(8%, #ebf2fe), color-stop(18%, #d8e6fd), color-stop(33%, #ebf2fe));
	background: -webkit-linear-gradient(left, #ebf2fe 8%, #d8e6fd 18%, #ebf2fe 33%);
	background: linear-gradient(to right,  #ebf2fe 8%,#d8e6fd 18%, #ebf2fe 33%);
	-webkit-background-size: 800px 104px;
	background-size: 800px 104px;
	height: 96px;
	position: relative;
}
@-webkit-keyframes placeHolderShimmer{
	0%{
		background-position:-468px 0
	}
	100%{
		background-position:468px 0
	}
}
@keyframes placeHolderShimmer{
	0%{
		background-position:-468px 0
	}
	100%{
		background-position:468px 0
	}
}

.projects-page .cms-form-card .card-body .form-check-input + label{
	color: rgba(0, 0, 0, 0.27) !important;
}
.projects-page .form-check-input + * + *{
	opacity: .5;
	pointer-events: none;
}

.projects-page .cms-form-card .card-body .form-check-input:checked + label{
	color: rgba(0, 0, 0, 0.54) !important;
}
.projects-page .form-check-input:checked + * + *{
	opacity: 1;
	pointer-events: auto;
}
.projects-page .form-check-input + * + .mdb-select > .select-dropdown{
	margin-bottom: 0!important;
}
.projects-page .no-projects{
	font-size: 18px;
	font-weight: 500;
	color: #000;
}
.projects-page .empty-templates {
	font-size: 16px;
	font-weight: 500;
	color: rgb(0 0 0 / 50%);
}
.projects-page .no-projects-emoji{
	font-size: 60px;
}
.projects-page .empty-projects > * > div:first-child{
	font-size: 24px;
	font-weight: 500;
	color: #000;
}
.projects-page .empty-projects > * > div:last-child{
	font-size: 16px;
	font-weight: 400;
	color: rgba(0,0,0,0.7);
}
.projects-page .empty-projects .loader i{
	font-size: 40px;
	color: #4285f4;
	opacity: 0.5;
}
.projects-page .cta-space:empty{
	width: 6.35rem;
}
.projects-page .cta-space{
	position: sticky;
	top: 100px;
	width: 200px;
}
.projects-page .cta-banner{
	width: 100%;
	background: #FFFFFF;
	border: 1px solid #dee2e6;
	box-sizing: border-box;
	box-shadow: 0px 0px 24px rgb(5 21 50 / 7%);
	border-radius: 5px;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 50px;
	transition: all 200ms ease;
}
.projects-page .cta-banner img{
	width: 100%;
	object-fit: contain;
	object-position: center;
}
.projects-page .cta-banner .cta-title{
	font-size: 21px;
	font-weight: 400;
	color: #000000;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
}
.projects-page .cta-banner .btn{
	text-transform: capitalize!important;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.5px;
	border-radius: 3px;
	padding: 8px 16px;
}

.projects-page [type="checkbox"] + label.mda-checkbox {
	margin: auto;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	position: relative;
	padding-left: 0;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	line-height: normal;
	font-size: initial;
	height: auto;
}

.projects-page [type="checkbox"] + label.mda-checkbox:before {
	content: none;
}

.projects-page [type="checkbox"] + label.mda-checkbox span {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.projects-page [type="checkbox"] + label.mda-checkbox span:first-child {
	position: relative;
	width: 18px;
	height: 18px;
	border-radius: 3px;
	-webkit-transform: scale(1);
	transform: scale(1);
	vertical-align: middle;
	border: 2px solid rgba(0, 0, 0, .54);
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

.projects-page [type="checkbox"] + label.mda-checkbox span:first-child svg {
	position: absolute;
	top: 2px;
	left: 1px;
	fill: none;
	stroke: #FFFFFF;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 16px;
	stroke-dashoffset: 16px;
	-webkit-transition: all .16s ease;
	-webkit-transition: all 0.16s ease;
	transition: all 0.16s ease;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.projects-page [type="checkbox"] + label.mda-checkbox span:first-child:before {
	content: "";
	width: 100%;
	height: 100%;
	background: #506EEC;
	display: block;
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 1;
	border-radius: 50%;
}

.projects-page [type="checkbox"] + label.mda-checkbox span:last-child {
	padding-left: 8px;
}

.projects-page [type="checkbox"] + label.mda-checkbox:hover span:first-child {
	border-color: #4285f4;
}

.projects-page [type="checkbox"].mda-checkbox--input:checked + .mda-checkbox span:first-child {
	background: #4285f4;
	border-color: #4285f4;
}

.projects-page [type="checkbox"].mda-checkbox--input:checked + .mda-checkbox span:first-child svg {
	stroke-dashoffset: 0;
}

.projects-page [type="checkbox"].mda-checkbox--input:checked + .mda-checkbox span:first-child:before {
	-webkit-transform: scale(3);
	transform: scale(3);
	opacity: 0;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

#sm-tooltip{
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	line-height: 1.5;
	color: #fff;
	background-color: #000E3E;
	position: absolute;
	border-radius: 3px;
	padding: 8px 16px;
	z-index: 9999999999999;
	display: none;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
}
#sm-tooltip:after {
	content: "";
	position: absolute;
	top: calc(100% - 12px);
	left: calc(50% - 10px);
	background-color: #000E3E;
	width: 20px;
	height: 20px;
	border-radius: 3px;
	transform: rotate(45deg);
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
	z-index:-1;
}

#sm-tooltip.bottom:after {
	top: -8px;
	left: calc(50% - 10px);
}
#sm-tooltip.right:after, #sm-tooltip.right-top:after, #sm-tooltip.right-bottom:after {
	top: calc(50% - 10px);
	left: -8px;
}
#sm-tooltip.left:after, #sm-tooltip.left-top:after, #sm-tooltip.left-bottom:after {
	top: calc(50% - 10px);
	right: -10px;
	left: auto;
}
#sm-tooltip.top-right:after {
	top: calc(100% - 12px);
	left: 12px;
}
#sm-tooltip.top-left:after {
	top: calc(100% - 12px);
	left: auto;
	right: 12px;
}
#sm-tooltip.bottom-right:after {
	top: -8px;
	left: 12px;
}
#sm-tooltip.bottom-left:after {
	top: -8px;
	right: 12px;
	left: auto;
}