/* Your custom styles */

/* 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.8);
	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: #eee;
	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;
}
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: 59px;
}

.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: 0rem !important;
	margin-top: 59px !important;
	padding-left: 0rem !important;
	padding-right: 0rem !important;

}

.hidden-sn main.mainiframe {

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

}


#PageSelector, #LangSelector {

	min-width: 300px;
	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.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;
	left: -1px;
	width: 0px;
	height: 0px;
	border-top: 5px solid #333;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #333;
	border-right: 5px solid transparent;
	border-radius: 3px 0 0 0;
}

/* 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 {
	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.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;
}

.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;

}


.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;
}

.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: -30px !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);
}

.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: 750px) {

	.hidden-sn main, .savefixed-padding {

		padding-left: 1rem;
		padding-right: 0rem;
	}


}

/*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;
}

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

.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 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);
}

.cms-form-card .card-header {
	position: relative;
	-webkit-transition: background .18s, border-top .18s;
	transition: background .18s, border-top .18s;
	padding: .75rem 1.25rem;
	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 {
	background-color: rgba(0, 0, 0, 0.03);
	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{
	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;
}

.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;
}

.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 {
	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 .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{
	z-index: 1051;
}

.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 {
	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;
}

.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{
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	object-fit: scale-down;
	object-position: center center;
}

[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 .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 {
	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;
}

#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 {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(238, 238, 238, 0.9);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	overflow: hidden;
}

#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 .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*/