

.br-0 {border-radius:0;}
.br-1 {border-radius:1rem;}
.br-2 {border-radius:2rem;}

.pull-left {
	float:left;
}

.pull-right {
	float:right;
}

.ta-l, .ta-left, 	.text-align-left 	{text-align:left;}
.ta-c, .ta-center, 	.text-align-center 	{text-align:center;}
.ta-r, .ta-right, 	.text-align-right 	{text-align:right;}

.lh-inherit, 	.lh-i, .line-height-inherit {line-height:inherit;}
.lh-1, 			.lh-1, .line-height-1 		{line-height:1;}

.tw-nowrap, .tw-n, .tw-nw,
.ws-nowrap, .ws-n, .ws-nw {white-space:nowrap;}

.nopadding, .p-0, .noPadding, .no-padding {padding:0;}

.bold {
	font-weight:bold;
}

.semibold {
	font-weight:600;
}

.light {
	font-weight:300;
}

.uppercase {
	text-transform:uppercase;
}

.lowercase {
	text-transform:lowercase;
}

.x2 {
	font-size:2em;
}

.x3 {
	font-size:3em;
}

.noselect,
.no-select {
	-webkit-user-select: none; -ms-user-select: none; user-select: none;
}

video,
audio,
iframe,
figure,
figcaption,
small,
img {
	max-width:100% !important;
	margin:0 auto;
}

.bg-action_danger {
	background-color: rgba(255, 125, 125, 0.5) !important;
	border-color:rgba(255, 125, 125, 0.5) !important;
	box-shadow: 0px 0px 10px -5px rgba(255, 125, 125, 0.5) !important;
}

.bg-action_danger > * {
	background-color:transparent !important;
}

.bg-action_warning {
	background-color: #fff7cb !important;
	border-color:#fff7cb !important;
	box-shadow: 0px 0px 10px -5px #fff7cb !important;
}

.bg-action_warning > * {
	background-color:transparent !important;
}

.bg-action_success {
	background-color: #98efac !important;
	border-color:#98efac !important;
	box-shadow: 0px 0px 10px -5px #98efac !important;
}

.bg-action_success > * {
	background-color:transparent !important;
}




.btn.focus, .btn:focus {
	box-shadow:none;
	outline: -webkit-focus-ring-color auto 1px;
	outline-offset: -2px;
}

.dropdown-item {
	line-height:1;
	padding:15px;
	font-size:16px;
}



.btn-icon {
	position:relative;
	padding:5px 30px;
}

.btn-icon + .btn-icon {
	margin:0 15px;
}

.btn-icon:last-of-type {
	margin-right:0;
}

.btn-icon i {
	position:absolute;
	top:auto;
	bottom:auto;
	left:auto;
	right:auto;
	width:32px;
	height:32px;
	border-radius:32px;
	border:1px solid #dddddd;
	background:#ffffff;
	font-size:18px;
	color:#222222;
	line-height:32px;
	cursor:pointer;
	-webkit-box-shadow: 0px 2px 10px -7px rgba(33, 33, 33, 0.5); -moz-box-shadow: 0px 2px 10px -7px rgba(33, 33, 33, 0.5); box-shadow: 0px 2px 10px -7px rgba(33, 33, 33, 0.5);
	-moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; -webkit-transition: all 0.28s ease; transition: all 0.28s ease;
	z-index:1;
}

.btn-icon-top.btn-icon-right i {
	bottom:auto;
	left:auto;
	top:0px;
	right:0px;
	-webkit-transform:translate(50%,-50%);
	-ms-transform:translate(50%,-50%);
	-moz-transform:translate(50%,-50%);
	transform:translate(50%,-50%);
}

.btn-icon-top.btn-icon-left i {
	bottom:auto;
	right:auto;
	left:0px;
	top:0px;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

.btn-icon-bottom.btn-icon-right i {
	top:auto;
	left:auto;
	bottom:0px;
	right:0px;
	-webkit-transform:translate(50%,50%);
	-ms-transform:translate(50%,50%);
	-moz-transform:translate(50%,50%);
	transform:translate(50%,50%);
}

.btn-icon-bottom.btn-icon-left i {
	top:auto;
	right:auto;
	bottom:0px;
	left:0px;
	-webkit-transform:translate(-50%,50%);
	-ms-transform:translate(-50%,50%);
	-moz-transform:translate(-50%,50%);
	transform:translate(-50%,50%);
}

.showWhenClosed,
.showWhenOpen {
	transition:none !important;
}

.showWhenClosed,
.open > .showWhenOpen {
	opacity:1;
}


.showWhenOpen,
.open > .showWhenClosed {
	opacity:0;
}

.btnShowAdvancedBlockOptions{
	padding:5px 20px;
}


#statusBar {
	border-bottom:1px solid #cccccc;
	background:#ffffff;
	z-index:99;
	-webkit-box-shadow: 0px 2px 10px -7px rgba(33, 33, 33, 0.5); -moz-box-shadow: 0px 2px 10px -7px rgba(33, 33, 33, 0.5); box-shadow: 0px 2px 10px -7px rgba(33, 33, 33, 0.5);
}

#statusBar h1,
#statusBar h2,
#statusBar h3 {
	margin:0;
}

#statusBarRow {

}

#statusBarPageDDL {
	min-width:250px;
	min-width:15vw;
	max-width:320px;
	margin-bottom:0;
}

#statusBarPageDDL .ddlStatusBarPageSelector {
	margin:0.5rem 0;
}

#statusBarUserInfo {
	text-align:right;
}

.divToggleContainer {
	position:relative;
}

.divToggleContainer button[data-toggle="collapse"] + .collapse,
.divToggleContainer button[data-toggle="collapse"] + .collapsed,
.divToggleContainer button[data-toggle="collapse"] + .collapsing,
.divToggleContainer button[data-toggle="collapse"] + .collapse.in,
.divToggleContainer button[data-toggle="collapse"] + .collapse.show {
	position:absolute;
	left:0;
	top:100%;
	border:1px solid #cccccc;
}

#anchToggleAdditionalLinks {
	position:absolute;
	left:0;
	width:auto;
	min-width:33vw;
}

.ulStatusBarDropdown{
	padding:0;
	margin:0;
}

.liStatusbatDropdown{
	list-style:none;
}




#statusBar,
#statusBar .divToggleAdditionalLinks,
#statusBar .divToggleAdditionalLinksInner,
#statusBar .divPrimaryLinks,
#statusBar .divPrimaryLinksInner,
#statusBar #statusBarPageList,
#statusBar h1,
#statusBar h2,
#statusBar h3,
#statusBar #statusBarUserInfo {
	height:55px;
	line-height:55px;
}

#statusBar #statusBarUserInfo .btn {
	height:55px;
	line-height:38px;
	float:left;
	padding-top:0;
	padding-bottom:0;
	color:#a7a7a7;
}

#statusBar #statusBarUserInfo img {
	height:38px;
}

.divPrimaryLinks .btn {
	margin:5px;
	margin:0.5rem 0.25rem;
	min-width:85px;
	text-align:center;
}

.divPrimaryLinks .btn-square {
    min-width:auto;
    min-height:auto;
    font-size:2.3rem;
    padding:0px;
    line-height:0px;
    margin-top:8px;
}

.btn-sandwich {
	float:left;
	padding:7.5px;
    min-width: 55px;
    min-height: 55px;
	border-radius:0;
	outline:none;
}

.btn-sandwich .icon-bar {
	position:relative;
	top:0;
	display:block;
	width:100%;
	float:left;
	height:5px;
	border-radius:30px;
	background:#2fa1d1;
	-moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; -webkit-transition: all 0.28s ease; transition: all 0.28s ease;
}

.btn-sandwich .icon-bar + .icon-bar {
	margin-top:5px;
}

.btn-sandwich .icon-bar-1,
.btn-sandwich[aria-expanded="true"] .icon-bar-1 {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
	top:10px;
}

.btn-sandwich .icon-bar-2,
.btn-sandwich[aria-expanded="true"] .icon-bar-2 {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
	opacity:0;
}

.btn-sandwich .icon-bar-3,
.btn-sandwich[aria-expanded="true"] .icon-bar-3 {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg);
	top:-9px;
}

.btn-sandwich.collapsed .icon-bar-1,
.btn-sandwich.collapsed .icon-bar-2,
.btn-sandwich.collapsed .icon-bar-3,
.btn-sandwich[aria-expanded="false"] .icon-bar-1,
.btn-sandwich[aria-expanded="false"] .icon-bar-2,
.btn-sandwich[aria-expanded="false"] .icon-bar-3 {
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	transform:rotate(0deg);
	opacity:1;
}

.btn-sandwich.collapsed .icon-bar-1,
.btn-sandwich[aria-expanded="false"] .icon-bar-1,
.btn-sandwich.collapsed .icon-bar-3,
.btn-sandwich[aria-expanded="false"] .icon-bar-3 {
	top:auto;
}

body.user-frontend header {
	position:relative !important;
	margin-top:55px !important;
}



#statusBarTitle {
	text-align:center;
}

#statusBarUserInfo {
	padding:0;
	border-left:1px solid #cccccc;
}

#divUserInfoDropdown {
	min-width:185px;
	margin-top:5px;
}

#divUserInfoDropdown .divUserDetails,
#divUserInfoDropdown .divUserActions {
	display:block;
	float:left;
	width:100%;
	text-align:left;
}

#divUserInfoDropdown .divUserDetails > span,
#divUserInfoDropdown .divUserActions > span {
	float:left;
	width:100%;
	height:38px;
	line-height:38px;
}

#divUserInfoDropdown .divUserDetails .spanUserDetail {
	padding:0px 15px;
	font-family:'myriad-pro', sans-serif;
	font-size:14px;
	line-height:21px;
	height:21px;
}

#divUserInfoDropdown .divUserDetails .spanUserDetail-user {
	font-family:'myriad-pro', sans-serif;
	font-size:24px;
	height:auto;
	line-height:1;
	margin:7.5px 0;
}

#divUserInfoDropdown .divUserActions .anchUserAction {
	padding:10px 15px;
	line-height:1;
	height:auto;
}

.dropdown-icon {
	min-width:28px;
}

#divUserInfoDropdown .divUserActions > span.spanModelDetails {
	text-align:center;
	padding:5px 15px;
	height:auto;
	line-height:1;
}

#divUserInfoDropdown .divUserActions > span.spanModelDetails .spanModelDetail {
	font-size:14px;
	line-height:21px;
	height:21px;
	display:block;
	white-space:nowrap;
}

@media screen and (max-width:568px) {

	h2.headerAdminSection,
	h3.headerAdminSection,
	h4.headerAdminSection {
		font-size:18px;
	}

	.divAdminColTopLeft {
		padding-right:0;
	}

	video, audio, iframe, figure, figcaption, small {
		margin-bottom:15px;
	}

}



#divSiteAndDashboardWrapper {
	margin-top:55px;
}

#divDashboardWrapper {
	position:fixed;
	top:55px;
	width:312px;
	left:-302px;
	padding-right:10px;
	background:#222222;
	border-right:1px solid #000000;
	height:100%;
	-moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; -webkit-transition: all 0.28s ease; transition: all 0.28s ease;
	-webkit-box-shadow: 0px 2px 10px -7px rgba(33, 33, 33, 0.5); -moz-box-shadow: 0px 2px 10px -7px rgba(33, 33, 33, 0.5); box-shadow: 0px 2px 10px -7px rgba(33, 33, 33, 0.5);
	z-index:98;
}

#divDashboardWrapper.open {
	left:0;
	padding-right:0px;
	-webkit-box-shadow: 0 0 16px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 16px 1px rgba(0,0,0,0.3); box-shadow: 0 0 16px 1px rgba(0,0,0,.3);
}

#divDashboardWrapper #divDashboardToggle .icon {
	-moz-transform:		rotate(180deg);
	-webkit-transform:	rotate(180deg);
	-ms-transform:		rotate(180deg);
	transform:			rotate(180deg);
	-moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;
}

#divDashboardWrapper.open #divDashboardToggle .icon {
	-moz-transform		rotate(0deg);
	-webkit-transform:	rotate(0deg);
	-ms-transform:		rotate(0deg);
	transform:			rotate(0deg);
}

#divDashboardWrapper .anchDashboardOption {
	position:relative;
	display:block;
	float:left;
	width:100%;
	text-align:left;
	color:#f5f5f5;
	line-height:1.25;
	padding:10px 5px 10px 15px;
	border-right:4px solid transparent;
	background:transparent;
	-moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; -webkit-transition: all 0.28s ease; transition: all 0.28s ease;
	text-decoration:none;border-bottom:none;
}


#divDashboardWrapper .anchDashboardOption.current,
#divDashboardWrapper .anchDashboardOption:hover {
	text-decoration:none;border-bottom:none;
	border-right:4px solid #2fa1d1;
	background:#000000;
}


#divDashboardWrapper .anchDashboardOption 	+ .anchDashboardOption:before,
#divDashboardWrapper .divPageDetail 		+ .divPageDetail:before,
#divDashboardWrapper .divCategoryDetail 	+ .divCategoryDetail:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:1px;
	background:rgba(255,255,255,0.33);
	z-index:2;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.5+0,0+100 */
	background: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}


#divDashboardToggle {
    position: absolute;
	right: 0px;
    top: 50%;
    width: 38px;
    height: 38px;
    border-radius: 38px;
    font-size:24px;
    background: #222222;
    border: 1px solid #000000;
    text-align:center;
    color: #ffffff;
	cursor:pointer;
	box-shadow:0px 0px 0px 4px #f5f5f5;
    -webkit-transform: translate(50%,-50%);
    -ms-transform: translate(50%,-50%);
    transform: translate(50%,-50%);
    z-index: 999;

}

#divContentContainerCollapse {
	position:relative;
	left:0;
	-moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; -webkit-transition: all 0.28s ease; transition: all 0.28s ease;
}

.divPageBreadcrumb {
	padding:20px 25px;
	border-bottom:1px solid #dddddd;
}

@media screen and (min-width:1200px) and (max-width:1460px) {
	/* .container {
		max-width:1030px;
	}
	*/
}

@media screen and (min-width:1366px) {

	#divContentContainerCollapse {
		position:relative;
		left:0px;
	}

	.divDashboardWrapper.open + #divContentContainerCollapse {
		left:151px;
	}

}



.divAdminSection {
	position:relative;
    border: 1px solid #dddddd;
	background:#f5f5f5;
    background: rgba(255, 255, 255, 0.75);
	padding:1rem;
	margin:0;
	-moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; -webkit-transition: all 0.28s ease; transition: all 0.28s ease;
}

.divAdminSection:hover {
    /*border: 1px solid #cccccc;*/
    background: rgba(255, 255, 255, 1);
}

h2.headerAdminSection,
h3.headerAdminSection,
h4.headerAdminSection {
	margin:0;
}

.divAdminSection + .divAdminSection,
.divAdminSection + .headerAdminSection,
.headerAdminSection + .divAdminSection {
	margin-top:1rem;
}

.form-group {
    padding: 1rem 0;
}

.form-group,
.form-group.row,
.form-group > .row {
	margin:0;
}

.form-group + .form-group {
	border-top:1px solid #dddddd;
}

.inp-group {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	flex: 0 0  100%;
	max-width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.inp-group select {
	border:1px solid #cccccc;
}

.inp-group .divInputReplacer,
.inp-group input,
.inp-group select,
.inp-group textarea,
.inp-group .inp-tinymce,
.inp-group .switch,
.inp-group .rdo-group {
	margin-top:0.5rem;
	padding:5px 15px;
	flex: 0 0 100%;
    max-width: 100%;
 	-webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}


.inp-group > label {
	position:relative;
	margin:0.5rem 0;
	padding-right:0.5rem;
	width:100%;
	flex: 0 0 100%;
    max-width: 100%;
}

.inp-group > label:before {
	content:"";
	display:block;
	position:absolute;
	left:-9px;
	bottom:0px;
	height:100%;
	width:3px;
	background:#2fa1d1;
}

.inp-group-append > label:before{
	content:"";
	display:block;
	position:absolute;
	left:-9px;
	bottom:0px;
	height:100%;
	width:3px;
	background:#2fa1d1;
}

.inp-group small,
.inp-group figcaption {
	display:block;
	width:100%;
	font-size:14px;
	text-align:left;
	margin-bottom:0.5rem;
 	-webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
}

.inp-group-append small,
.inp-group-append figcaption,
.inp-group-prepend small,
.inp-group-prepend figcaption {
	margin-top:0.5rem;
	margin-bottom:0;
 	-webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}


@media screen and (min-width:992px) {

	.inp-group {

	    -webkit-box-align: start;
	    -moz-box-align: start;
	    -webkit-align-items: flex-start;
	    -ms-flex-align: start;
	    align-items: flex-start;

	    -webkit-box-pack: end;
	    -moz-box-pack: end;
	    -webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	    justify-content: flex-end;

	}

	.inp-group > label {
		line-height:1.2;
		/*padding-right:30px;*/
		-webkit-box-flex: 0;
   	 	-moz-box-flex: 0;
	    -webkit-flex: 0 1 20%;
	    -ms-flex: 0 1 20%;
	    flex: 0 1 20%;
	}

	.inp-group > label:before {
		display:none;
	}

	.inp-group > label:after {
		content:"";
		display:block;
		position:absolute;
		left:0px;
		bottom:-8px;
		height:3px;
		width:50px;
		background:#2fa1d1;
	}

	.inp-group input,
	.inp-group select,
	.inp-group textarea,
	.inp-group .inp-tinymce,
	.inp-group small,
	.inp-group figcaption {
		-webkit-box-flex: 0;
   	 	-moz-box-flex: 0;
	    -webkit-flex: 0 1 80%;
	    -ms-flex: 0 1 80%;
	    flex: 0 1 80%;

	    -webkit-box-align: start;
	    -moz-box-align: start;
	    -webkit-align-items: flex-start;
	    -ms-flex-align: start;
	    align-items: flex-start;

	}

	.inp-group small,
	.inp-group figcaption {
		text-align:left;
		margin-top:0.5rem;
		margin-bottom:0;
	 	-webkit-box-ordinal-group: 3;
	    -moz-box-ordinal-group: 3;
	    -webkit-order: 2;
	    -ms-flex-order: 2;
	    order: 2;

	}


	/* lg input types */

	.inp-group-large,
	.inp-group-lg {
		flex: 0 0  100%;
		max-width: 100%;
	}

	.inp-group-large > label,
	.inp-group-lg > label {
		-webkit-box-flex: 0;
   	 	-moz-box-flex: 0;
	    -webkit-flex: 0 1 20%;
	    -ms-flex: 0 1 20%;
	    flex: 0 1 20%;
	}


	/* med input types */
	.inp-group-medium,
	.inp-group-med,
	.inp-group-md {
		flex: 0 0  60%;
		max-width: 60%;
	}

	.inp-group-medium > label,
	.inp-group-med > label,
	.inp-group-md > label {
		flex: 0 0  33.33334%;
		max-width: 33.33334%;
	}

	.inp-group-medium input,
	.inp-group-medium select,
	.inp-group-medium textarea,
	.inp-group-medium .inp-tinymce,
	.inp-group-medium small,
	.inp-group-medium figcaption,
	.inp-group-med input,
	.inp-group-med select,
	.inp-group-med textarea,
	.inp-group-med .inp-tinymce,
	.inp-group-med small,
	.inp-group-med figcaption,
	.inp-group-md input,
	.inp-group-md select,
	.inp-group-md textarea,
	.inp-group-md .inp-tinymce,
	.inp-group-md small,
	.inp-group-md figcaption {
		flex: 0 0  66.66667%;
		max-width: 66.66667%;
	}


	/* small input types */

	.inp-group-small,
	.inp-group-sm {
		flex: 0 0  40%;
		max-width: 40%;
	}

	.inp-group-small > label,
	.inp-group-small input,
	.inp-group-small select,
	.inp-group-small textarea,
	.inp-group-small .inp-tinymce,
	.inp-group-small small,
	.inp-group-small figcaption,
	.inp-group-sm > label,
	.inp-group-sm input,
	.inp-group-sm select,
	.inp-group-sm textarea,
	.inp-group-sm .inp-tinymce,
	.inp-group-sm small,
	.inp-group-sm figcaption {
		flex: 0 0  50%;
		max-width: 50%;
	}

	/* extra small input types */

	.inp-group-xs,
	.inp-group-extrasmall {
		flex: 0 0  25%;
		max-width: 25%;
	}

	.inp-group-xs input,
	.inp-group-xs select,
	.inp-group-xs textarea,
	.inp-group-xs .inp-tinymce,
	.inp-group-xs small,
	.inp-group-xs figcaption,
	.inp-group-extrasmall input,
	.inp-group-extrasmall select,
	.inp-group-extrasmall .inp-tinymce,
	.inp-group-extrasmall textarea,
	.inp-group-extrasmall small,
	.inp-group-extrasmall figcaption {
		flex: 0 0  20%;
		max-width: 20%;
	}

	.inp-group-xs > label,
	.inp-group-extrasmall > label {
		flex: 0 0  80%;
		max-width: 80%;
	}

	.inp-group-stack.inp-group-xs,
	.inp-group-stack.inp-group-extrasmall {
		flex: 0 0 20%;
	    max-width: 20%;
	}


	/* radio buttons & check boxes forcing width */

	.inp-group.inp-group-chk .switch,
	.inp-group.inp-group-chk .switch + small,
	.inp-group.inp-group-chk .switch + figcaption,
	.inp-group.inp-group-rdo .rdo-group,
	.inp-group.inp-group-rdo .rdo-group + small,
	.inp-group.inp-group-rdo .rdo-group + figcaption {
		-webkit-box-flex: 0;
	 	-moz-box-flex: 0;
	    -webkit-flex: 0 1 80%;
	    -ms-flex: 0 1 80%;
	    flex: 0 1 80%;
		max-width:80%;
	}
    .inp-group.inp-group-chk .switch.mw-65 {
        -webkit-flex: 0 1 65%;
        -ms-flex: 0 1 65%;
        flex: 0 1 65%;
        max-width:65%;
    }

	.inp-group.inp-group-chk > label,
	.inp-group.inp-group-rdo > label {
		-webkit-box-flex: 0;
	 	-moz-box-flex: 0;
	    -webkit-flex: 0 1 20%;
	    -ms-flex: 0 1 20%;
	    flex: 0 1 20%;
		max-width:20%;
	}
    .inp-group.inp-group-chk > label.mw-35,
    .inp-group.inp-group-rdo > label.mw-35 {
        -webkit-flex: 0 1 35%;
        -ms-flex: 0 1 35%;
        flex: 0 1 35%;
        max-width:35%;
    }

	.inp-group.inp-group-chk > label.mw-35{
		font-size: 12px;
		top: -5px;
		left: -5px;
		line-height: 1;
	}

	/* //admin //section //adminsection //rows //adminrow //addnew //new */
	.divAddNewInner.row {
	    -webkit-flex-wrap: nowrap;
	    -ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	}


}


@media screen and (min-width:768px) and (max-width:991px) {



}

@media (min-width:568px) {

	.inp-xs,
	.inp-extrasmall {
		flex: 0 0  20%;
	    max-width: 20%;
	}

	.inp-small,
	.inp-sm {
		flex: 0 0  33.33333%;
	    max-width: 33.33333%;
	}

	.inp-med,
	.inp-md {
		flex: 0 0  50%;
	    max-width: 50%;
	}

	.inp-large,
	.inp-lg {
		flex: 0 0  75%;
	    max-width: 75%;
	}


}

.inp-group-stack {
	padding:0 15px;
}

.inp-group-stack.col,
.inp-group-stack.col-auto {
	flex:auto;
}

.inp-group-stack > label,
.inp-group-stack input,
.inp-group-stack select,
.inp-group-stack textarea,
.inp-group-stack .switch,
.inp-group-stack .rdo-group {
	display:block;
	width:100%;
	float:left;
	margin:1rem 0;
	max-width:none;
	flex:auto;
}


.inp-group-datepicker {
	position:relative;

}

.inp-group-datepicker i {
	position:absolute;
	right:15px;
	top:40px;
	margin:0.5rem 0;
	margin-left:-15px;
	font-size:21px;
	line-height:38px;
	z-index:1;
	padding-right:5px;
}

@media screen and (min-width:992px) {

	.inp-group-datepicker i {
		position:absolute;
		right:auto;
		top:auto;
		margin:0.5rem 0;
		margin-left:-15px;
		font-size:21px;
		line-height:38px;
		z-index:1;
	}

}



.inp-group .inp-tinymce {
	padding:0;
	min-height:150px;
}

.inp-group-stack .inp-tinymce {
	width:100%;
	margin-bottom:30px;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
	max-width:100%;
}

.inp-tinymce .tox-editor-container,
.inp-tinymce .tox-edit-area,
.inp-tinymce .tox-statusbar {
	width:100% !important;
}

.inp-tinymce .mce-content-body {
	min-height:200px;
}



.inp-group-label-inline {
	position:relative;
	float:left;
	width:100%;
}

.inp-group-label-inline label {
	position:absolute;
	left:8px;
	top:22px;
	font-size:14px;
	margin:0;
	line-height:1;
	-webkit-user-select: none; -ms-user-select: none; user-select: none;
  	pointer-events: none;
	-moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -webkit-transition: all 0.15s ease; transition: all 0.15s ease;
}

.inp-group-label-inline input[type=checkbox] ~ label,
.inp-group-label-inline input[type=radio] ~ label {
	pointer-events:auto;
}

.inp-group-label-inline label:after {
	content:"";
	display:block;
	position:absolute;
	bottom:-5px;
	left:10px;
	height:2px;
	width:0%;
	background:#2fa1d1;
	-moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; -webkit-transition: all 0.28s ease; transition: all 0.28s ease;
}

.inp-group-label-inline input:focus ~ label,
.inp-group-label-inline.used input ~ label,
.inp-group-label-inline textarea:focus ~ label,
.inp-group-label-inline.used textarea ~ label,
.inp-group-label-inline select ~ label {
	font-size:12px;
	top:-5px;
	left:-5px;
	line-height:1;
}

.inp-group-label-inline input:focus ~ label:after,
.inp-group-label-inline.used input ~ label:after,
.inp-group-label-inline textarea ~ label:after,
.inp-group-label-inline.used textarea ~ label:after,
.inp-group-label-inline select ~ label:after {
	width:100%;
	left:4px;
}

.inp-group-label-inline input,
.inp-group-label-inline textarea,
.inp-group-label-inline select {
	display:block;
	float:left;
	margin:18px 0;
	width:100%;
	height:38px;
	border:1px solid #dddddd;
	line-height:38px;
	padding-left:15px;
}

.inp-group-label-inline textarea {
	line-height:1.4;
}
.inp-group-label-inline textarea.ta-small {

}
.inp-group-label-inline textarea.ta-medium {
    height:76px;
}
.inp-group-label-inline textarea.ta-large {
    height:152px;
}
.inp-group-label-inline select {
	line-height:1;
}




.inp-group-append input  {padding-right:30px;}
.inp-group-prepend input {padding-left:25px;}

input.no-spin::-webkit-outer-spin-button,
input.no-spin::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number].no-spin {
  -moz-appearance:textfield;
}

.inp-group-append label,
.inp-group-prepend label {
	position:relative;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.inp-group-append .spanAppend,
.inp-group-prepend .spanPrepend {
	position:absolute;
	right:auto;
	left:10px;
	bottom:-54px;
	width:10px;
	line-height:38px;
	text-align:center;
	font-weight:bold;
}

.inp-group-unit .spanAppend {
	font-weight:normal;
	width:auto;
	right:10px;
	left:auto;
	opacity:0.8;
}


@media screen and (min-width:992px) {

	.inp-group.inp-group-append > label:after {
		display:none;
	}

	.inp-group-append > label {
		position:initial; /* unset from relative so that parent flex container can be relative parent */
	}

	.inp-group-append {
		position:relative;
	}

	.inp-group-append input,
	.inp-group-prepend input {
		padding-left:15px;
	}

	.inp-group-append .spanAppend,
	.inp-group-prepend .spanPrepend {
		right:10px;
		left:auto;
		bottom:auto;
	}

}



.inp-group .rdo-group {
	padding:0;
	margin:0;
}

.inp-group.inp-group-rdo {
	position:relative;
}

.inp-group.inp-group-rdo,
.inp-group.inp-group-chk {
	flex-basis:100%;
	max-width:100%;
}

.inp-group.inp-group-rdo .rdo-option {
	width:100%;
	float:left;
	clear:both;
	min-height:30px;
	height:auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.inp-group.inp-group-rdo input[type=radio] {
	display:none;
	width:18px;
	height:18px;
}

.inp-group.inp-group-rdo .rdoVisibleLabelText {
	margin:0;
    pointer-events: auto;
    cursor: pointer;
}

.inp-group.inp-group-rdo input[type=radio] + .rdoVisibleLabel {
	position: relative;
    float: left;
    pointer-events: auto;
    cursor: pointer;
    background: #ffffff;
    font-size: 18px;
	width: 18px;
    height: 18px;
    border: 2px solid #a7a7a7;
    border-radius: 50%;
    margin: 0;
    margin-right: 7px;
}

.inp-group.inp-group-rdo input[type=radio]:checked + .rdoVisibleLabel:after {
	opacity:1;
	background:#49c9ff;
}

.inp-group.inp-group-rdo .rdoVisibleLabel:after {
    opacity: 0;
    content:"";
    position: absolute;
    width: 80%;
    height: 80%;
    border-radius: 50%;
    background:transparent;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
   	transform: translate(-50%,-50%);
    border: none;
    -moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; -webkit-transition: all 0.28s ease; transition: all 0.28s ease;
}



.divAdminSection .switch .chkYesNoSwitch, .divPseudoAdminSection .switch .chkYesNoSwitch {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.inp-group .switch {
   -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
	margin:0;
	padding:0;
}

.divAdminSection .switch .lblYesNoSwitch, .divPseudoAdminSection .switch .lblYesNoSwitch {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
	-webkit-user-select: none; -ms-user-select: none; user-select: none;
    padding: 2px;
    width: 90px;
    height: 30px;
    background-color: #dddddd;
    border-radius: 30px;
}

.divAdminSection .switch .lblYesNoSwitch:before,
.divPseudoAdminSection .switch .lblYesNoSwitch:before,
.divAdminSection .switch .lblYesNoSwitch:after,
.divPseudoAdminSection .switch .lblYesNoSwitch:after {
    content: "";
    display: block;
    font-family:'myriad-pro', sans-serif;
    white-space:nowrap;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}

.divAdminSection .switch .lblYesNoSwitch:before, .divPseudoAdminSection .switch .lblYesNoSwitch:before {
    right: 1px;
	background:transparent;
    border-radius: 30px;
    padding-top: 2px;
    -moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; -webkit-transition: all 0.28s ease; transition: all 0.28s ease;
}

.divAdminSection .switch .lblYesNoSwitch:after, .divPseudoAdminSection .switch .lblYesNoSwitch:after {
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    border-radius: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    -moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; -webkit-transition: all 0.28s ease; transition: all 0.28s ease;
}

.divAdminSection .switch .chkYesNoSwitch:checked ~ .lblYesNoSwitch:before, .divPseudoAdminSection .switch .chkYesNoSwitch:checked ~ .lblYesNoSwitch:before {
    background-color: #49c9ff;
    content: "yes";
    width: 100%;
    padding-left: 10px;
    color:#ffffff;
    line-height:24px;

}

.divAdminSection .switch  .chkYesNoSwitch ~ .lblYesNoSwitch:before, .divPseudoAdminSection .switch  .chkYesNoSwitch ~ .lblYesNoSwitch:before {
    content: "no";
    padding-left: 60px;
    line-height: 24px;
}

.divAdminSection .switch .chkYesNoSwitch:checked ~ .lblYesNoSwitch:after, .divPseudoAdminSection .switch .chkYesNoSwitch:checked ~ .lblYesNoSwitch:after {
    margin-left: 60px;
}

.divAdminSection .switch label.lblYesNoSwitch, .divPseudoAdminSection .switch label.lblYesNoSwitch {
    display: inline-block;
    margin-top:22px;
}




.chkPopupTrigger {
	display:none;
}

.spanHoverPopup {
	height: 38px;
    line-height: 38px;
	width: 38px;
	border-radius:38px;
	text-align:center;
	border:1px solid #dddddd;
	background:#ffffff;
	-webkit-box-shadow: 0px 2px 10px -7px rgba(33, 33, 33, 0.5); -moz-box-shadow: 0px 2px 10px -7px rgba(33, 33, 33, 0.5); box-shadow: 0px 2px 10px -7px rgba(33, 33, 33, 0.5);
}

.spanHoverPopup label {
	margin:0;
	width:100%;
}

.spanHoverPopup label i {
	font-size:21px;
	display:block;
    line-height: 38px;
}

.spanHoverPopup span {
	position:absolute;
	text-align:left;
	line-height:1;
	visibility:hidden;
	opacity:0;
	margin:0 15px;
	padding:15px;
	background:#ffffff;
	border:1px solid #dddddd;
	border-left:4px solid #2fa1d1;
	border-radius:10px;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	-webkit-box-shadow: 0px 2px 10px -7px rgba(33, 33, 33, 0.5); -moz-box-shadow: 0px 2px 10px -7px rgba(33, 33, 33, 0.5); box-shadow: 0px 2px 10px -7px rgba(33, 33, 33, 0.5);
	-moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; -webkit-transition: all 0.28s ease; transition: all 0.28s ease;
	z-index:99;
}


@media screen and (min-width:1367px) {

	.spanHoverPopup {
		position:absolute;
		top: -10px;
		right: -15px;

	}

	.spanHoverPopup span {
		font-size:16px;
		position:absolute;
	    right: 38px;
	    left: auto;
	    bottom: -50%;
		width:330px;

	}

	.spanHoverPopup:focus span,
	.spanHoverPopup:active span,
	.spanHoverPopup:hover span {
		visibility:visible;
		opacity:1;
		margin:0;
	}

}

@media screen and (max-width:1366px) {

	.spanHoverPopup {
		position:absolute;
		right:-15px;
		top:-10px;
	}

	.chkPopupTrigger + span {
		width: auto;
		min-width:250px;
		max-width:80vw;
	    left: auto;
	    right: 38px;
		bottom:-50%;
	}

	.chkPopupTrigger + span {
		visibility:hidden;
		opacity:0;
	}

	.chkPopupTrigger:checked + span {
		visibility:visible;
		opacity:1;
		margin:0 0px;
	}

}

@media (min-width:992px) and (max-width:1366px) {

	.chkPopupTrigger + span {
		width: 330px;
	}

}



.divSearchWrapper {
    width:100%;
    clear:both;
    margin-top:30px;
    margin-bottom:30px;
}

.divSearchInput-text,
.divSearchInput-submit {
    display:inline-block;
    padding:0;
}

.divSearchWrapper .divSearchInputs {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.divSearchInput input {
    display:block;
    width:100%;
    line-height:38px;
    height:40px;
    border:1px solid #dddddd;
}

.divSearchInput-text input {
    text-indent:8px;
    margin-bottom:10px;
}

.divSearchInput-submit input {
    border:1px solid #1879b7;
    color:#1879b7;
    padding:0 15px;
    background:#f5f5f5;
}

.divSearchResults {
    text-align:center;
    background:#f5f5f5;
    border:1px solid #dddddd;
	border-radius:5px;
    margin-top:15px;
	padding:5px;
}

.divSearchResults .headerSearchResults {
    display:block;
    font-family:'Arial', sans-serif;
    font-size:16px;
    color:#222222;
    font-weight:normal;
    margin:10px auto;
}

@media screen and (min-width:992px) {
    .divSearchResults {
        margin-top:15px;
    }
}

@media screen and (min-width:768px) {

    .divSearchInput-text input {
        margin-bottom:0px;
    }

    .divSearchWrapper .divSearchInputs {
        padding-right:0;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .divSearchWrapper .divSearchResults + .divSearchInputs {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }


}




.anchBackToTop {
	position:fixed;
	bottom:0px;
	height:32px;
	width:38px;
	right:38px;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	background:#222222;
	color:#ffffff;
	text-decoration:none;border-bottom:none;
	-webkit-box-shadow: 0px 2px 10px -7px rgba(33, 33, 33, 0.5); -moz-box-shadow: 0px 2px 10px -7px rgba(33, 33, 33, 0.5); box-shadow: 0px 2px 10px -7px rgba(33, 33, 33, 0.5);
	-moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; -webkit-transition: all 0.28s ease; transition: all 0.28s ease;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	z-index:99;
}

.anchBackToTop:hover {
	color:#49c9ff;
	text-decoration:none;border-bottom:none;
	-webkit-box-shadow: 0px 2px 5px -2px rgba(33, 33, 33, 0.4); -moz-box-shadow: 0px 2px 5px -2px rgba(33, 33, 33, 0.4); box-shadow: 0px 2px 5px -2px rgba(33, 33, 33, 0.4);
}

.anchBackToTop span {
	font-size:12px;
	line-height:1;
}

.anchBackToTop span.top {
	font-family:'Roboto Slab', serif;
}

@media screen and (min-width:768px) {
	.anchBackToTop.showing 	{bottom:0px;}
	.anchBackToTop.hiding 	{bottom:-50px;}
}

@media screen and (max-width:767px) {

	.anchBackToTop {
		width:40px;
		height:40px;
		line-height:40px;
		border-radius:50px;
		bottom:60px;
	}

	.anchBackToTop span {
		line-height:0.8;
	}

	.anchBackToTop.hiding {
		right:-75px !important;
	}

}



.divTabPanel,
.divTabPanelInner {
	position:relative;

}

.dropdown-toggle::after {
	margin-left:0.5em;
	vertical-align:0.17em;
}

.divTabPanel .btn-create {
	margin:0.5rem 0.25rem;
	min-width:100px;
	font-size:18px;
}
.divTabPanel .btn-general {
    margin:0.5rem 0.0rem;
}

.divTabPanel .btn-create-multiple {
	padding-right:0;
}

.divTabPanel .btn-create-single {

}

.divTabPanel .btn-save {
	margin:0.5rem 0.5rem;
	min-width:85px;
}

.divTabPanel .anchCancelAction {
	/*color:var(--red);*/
	margin-right:15px;

	padding:9px 19px;
	color: #fff;
	background-color: var(--red);
	border-color: var(--red);
	border-radius:5px;
	position: relative;
	bottom: -4px;
}

.divTabPanel .anchCancelAction:hover{
	text-decoration:none;
	background:#c82333;
}


.divTabPanel .divAddNewActions {
	text-align:right;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.divTabPanel #btnShowAllDescendants {
	float:right;
	margin:0.5rem 0.25rem;
	line-height:38px;
}

.divTabPanel .divAddNew {
	position:absolute;
	width:100%;
	padding:15px;
	border:1px solid #dddddd;
	background:#ffffff;
	-webkit-box-shadow: 0px 2px 10px -7px rgba(33, 33, 33, 0.5); -moz-box-shadow: 0px 2px 10px -7px rgba(33, 33, 33, 0.5); box-shadow: 0px 2px 10px -7px rgba(33, 33, 33, 0.5);
	padding-top:0;
	margin-bottom:30px;
	opacity:0;
	z-index:0;
	visibility:hidden;
	pointer-events:none;
	-moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -webkit-transition: all 0.15s ease; transition: all 0.15s ease;
}

.divTabPanel .divAddNew.open {
	padding:15px;
	opacity:1;
	z-index:99;
	visibility:visible;
	pointer-events:initial;
}

.divTabPanel .divAddNew h3 {
	margin-top:20px;
	margin-bottom:15px;
}

.divTabPanel .divAddNew h3:first-of-type {
	margin-top:5px;
}

.divContentPageEdit-Home .divTabContainer .nav-tabs .nav-link{
	min-width: 165px;
	padding: 8px 13px;
	font-size: 20px;
}



.divSortHandle.disabled,
.divSortHandle.disabled > * {
	pointer-events:none;
	cursor:initial;
}

.divSortHandle.disabled .draggable-item {
	display:none;
}

.divContentListWrapper {
	width:100%;
	clear:both;
	margin:0;
	-webkit-box-flex: 0;
 	-moz-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.divContentListWrapper .divContentItem {
	width:100%;
}

/* nested sorts (subcategories) */
.divContentItemWrapper .divContentListWrapper {
	position:relative;
	visibility:hidden;
	height:0;
	opacity:0;
	left:30px;
	-moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; -webkit-transition: all 0.28s ease; transition: all 0.28s ease;
}

.divContentItemWrapper .divContentListWrapper.open {
	position:relative;
	height:auto;
	visibility:visible;
	opacity:1;
	left:0px;
}

.divContentListWrapper .divContentItemInner {
	padding:15px 0;
	border:1px solid #dddddd;
	color:#222222;
	background:#ffffff;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.divContentListWrapper .divContentItemWrapper,
.divContentListWrapper .divContentItemRow,
.divContentListWrapper .divContentItemInner,
.divContentListWrapper .divBlockWrapper,
.divContentListHeader,
.divContentListHeader .divContentListHeaderInner {
	margin:0;
}

.divContentListWrapper .divBlockWrapper .divContentItemInner {
	padding-top:0;
}

.divContentListWrapper .divBlockWrapper {
    margin-bottom:15px;
    margin-top:15px;
}

.divContentListWrapper .divContentItem {
	width:100%;
}

.divContentListWrapper .divContentItemRow {
	margin-bottom:-1px !important;
}

.divContentListHeader .divContentListHeaderInner {
	padding:15px 0;
}

.divContentListWrapper .divSortHandle,
.divContentListWrapper .divDescendantIcon,
.divContentListWrapper .divCategoryItem {
	position:relative;
	line-height:38px;
	padding:0 7.5px;
}

.divContentListWrapper .divSortHandle,
.divContentListWrapper .divDescendantIcon {
	font-size:24px;
	cursor:grab;
	padding:0;
}

.divContentListWrapper .divDescendantIcon {
	cursor:initial;
	opacity:0.2;
}

.divContentListWrapper .divContentListWrapper .divContentItemColumn.divContentItemColumn-type {
	left:-22px;
}


.divContentListWrapper .divContentItemColumn .spanContentItemLabel {
	display:inline-block;
	line-height:1.5;
}

.divContentListWrapper .divContentItemColumn .spanContentItemNote {
    position: absolute;
    top: -5px;
    left: 15px;
    font-size: 11px;
    line-height: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.divContentListWrapper .divContentItemColumn-options {
	/*text-align:right;*/
	font-size:24px;
	padding-left:0;
	padding-right:7.5px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
   -webkit-box-pack: end;
    -moz-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.divContentListWrapper .spanContentItemOption {
	width:33.33334%;
	height:38px;
	line-height:38px;
	font-size:24px;
	text-align:center;
}

.divContentListWrapper .divSortableItemColumn-users{
	-webkit-box-pack: start;
	-moz-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;	
}

.divContentListWrapper .spanContentItemOption button {
    position: relative;
    top: -4px;
    padding: 0;
    width: 100%;
    height: 100%;
	font-size: 24px;
    line-height: inherit;
}

.divContentListWrapper .spanContentItemOption .anchItemAction {
	padding:10px 15px;
}

.divContentListWrapper .spanContentItemOption-users .anchItemAction{
	padding:8px;
}

.divContentListWrapper .dropdown-icon {
	font-size:18px;
	min-width:32px;
}

.divContentListWrapper .divSortHandle {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.divContentListWrapper .spanContentItemOption-showhide {
	cursor:pointer;
}

.divContentListWrapper .spanContentItemOption-showhide i {
	-webkit-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	transform:rotate(0deg);
	-moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;
}

.divContentListWrapper .spanContentItemOption-showhide.open i {
	-webkit-transform:rotate(-180deg);
	-ms-transform:rotate(-180deg);
	-moz-transform:rotate(-180deg);
	transform:rotate(-180deg);
}


@media screen and (min-width:992px) {

	.divContentListWrapper .divSortHandle,
	.divContentListWrapper .divContentItemColumn {
		padding:0 15px;
	}

	.divContentListWrapper .divContentItemColumn {
		height:100%;
	}

	.divContentListWrapper .divContentItemColumn.divContentItemColumn-options {
		padding-left:0;
	}

	.divContentListHeader .divSortHandle.buffer {
		display:none;
	}

	.divContentListHeader.divSortableHeader .divSortHandle.buffer {
		display:block;
	}

	.divContentListHeader .divSortHandle.buffer,
	.divContentListHeader .divSortHandle,
	.divContentListWrapper .divSortHandle {
		width:0;
		padding:0;
		padding-left:15px;
	}

	.divContentListHeader .divSortableHeader .divSortHandle.buffer,
	.divContentListHeader .divSortableHeader .divSortHandle,
	.divContentListWrapper .divSortableItem .divSortHandle,
	.divContentListWrapper .divSortableItemRow .divSortHandle {
		width:38px;
		padding:0 15px;
	}

}

@media screen and (min-width:568px) {
	.divContentListWrapper.divSortableItemWrapper .divSortableItemRow,
	.divTabPanel-blocks .divContentListWrapper.divSortableWrapper {
		margin-left:-15px;
	}
}

@media screen and (min-width:568px) and (max-width:991px) {
	.divContentListWrapper .divContentItemColumn {
		padding:0 15px;
	}
}



@media screen and (max-width:991px) {

	.divTabPanel .divAddNew.open {
		position:fixed;
		height:100%;
		width:100%;
		top:0px;
		left:0px;
		padding:40px;
		overflow-y:scroll;
		margin-bottom:0px;
		z-index:1030;
	}

	.divContentListWrapper .spanContentItemOption {
		position:relative;
		height:40px;
		width:40px;
		line-height:38px;
		border-radius:40px;
		border:1px solid #dddddd;
		-moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; -webkit-transition: all 0.28s ease; transition: all 0.28s ease;
		-webkit-box-shadow: 0px 2px 10px -7px rgba(33, 33, 33, 0.5); -moz-box-shadow: 0px 2px 10px -7px rgba(33, 33, 33, 0.5); box-shadow: 0px 2px 10px -7px rgba(33, 33, 33, 0.5);

	}

	.divContentListWrapper .spanContentItemOption + .spanContentItemOption {
		margin-left:4px;
	}

	.divContentListWrapper .spanContentItemOption:hover,
	.divContentListWrapper .spanContentItemOption:active,
	.divContentListWrapper .spanContentItemOption:focus {
		-webkit-box-shadow: 0px 2px 5px -2px rgba(33, 33, 33, 0.4); -moz-box-shadow: 0px 2px 5px -2px rgba(33, 33, 33, 0.4); box-shadow: 0px 2px 5px -2px rgba(33, 33, 33, 0.4);
	}

	.divContentListWrapper .spanContentItemOption-showhide i {
		line-height:inherit;
	}

	.dropdown-menu-right {
		right:0px !important;
		bottom:auto !important;
		left:auto !important;
		top:auto !important;
		transform:none !important;
	}

	.divContentListWrapper .divSortHandle {
		padding:0 7.5px;
	}

}

@media screen and (min-width:568px) and (max-width:991px) {

	.divContentListWrapper.divSortableWrapper {
		margin:0 0px;
	}

}



.divCopiedToClipboard {
	position:fixed;
	color:var(--success);
	font-size:18px;
	line-height:1;
	right:26px;
	bottom:50px;
	background:#ffffff;
	border:2px solid #dddddd;
	opacity:0;
	padding:12px 36px;
	border-radius:5px;
	text-align:center;
	-moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; -webkit-transition: all 0.28s ease; transition: all 0.28s ease;
	-webkit-box-shadow: 0px 2px 10px -7px rgba(33, 33, 33, 0.5); -moz-box-shadow: 0px 2px 10px -7px rgba(33, 33, 33, 0.5); box-shadow: 0px 2px 10px -7px rgba(33, 33, 33, 0.5);
}

.divCopiedToClipboard i {
	font-size:inherit;
	line-height:inherit;
	color:var(--success);
}

.divCopiedToClipboard.open {
	opacity:1;
	right:38px;
}

.copy-next-val {
	cursor:pointer;
	-moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; -webkit-transition: all 0.28s ease; transition: all 0.28s ease;
}

.DragAndDropFilesWrapper{
	border: 1px solid #dc3545;
}

@media screen and (min-width:992px) {

	.copy-next-val:hover {
		color:var(--success);
	}

	.divSortableWrapper .divSortableItemColumn .copy-next-val {
		opacity:1;
		/*visibility:hidden;*/
		-moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; -webkit-transition: all 0.28s ease; transition: all 0.28s ease;
	}

	.divSortableWrapper .divSortableItemColumn:hover .copy-next-val {
		opacity:1;
		visibility:visible;
		color:#007bff;
	}
}




.divModalWrapper.open.loading > img,
.divModalWrapper.open {
	display:block;
	margin:auto;
}

.divModalWrapper.open.loading .divModalInner,
.divModalWrapper > img {
	display:none;
}

.divModalWrapper > img {
	position:absolute;
	top:50%;
	left:50%;
	width:auto;
	height:auto;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

.divModalWrapper {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	-webkit-user-select: none; -ms-user-select: none; user-select: none;
	z-index:1031;
}

.divModalWrapper .divModalInner {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	height:100%;
	overflow-y:auto;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	background:#ffffff;
	padding:30px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	-moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -webkit-transition: all 0.15s ease; transition: all 0.15s ease;
	-webkit-box-shadow: 0px 2px 5px -2px rgba(33, 33, 33, 0.4); -moz-box-shadow: 0px 2px 5px -2px rgba(33, 33, 33, 0.4); box-shadow: 0px 2px 5px -2px rgba(33, 33, 33, 0.4);
}

.divModalWrapper .divModalAction {
	position:absolute;
	right:15px;
	top:15px;
}

@media screen and (min-width:992px) {

	.divModalWrapper .divModalInner {
		width:75%;
		height:75%;
	}
}

@media screen and (min-width:1200px) {
	.divModalWrapper .divModalInner {
		width:60%;
		height:60%;
	}
}

	.divLoginTitle .divLoginImg{
		width:300px;
		height:auto;
		margin-bottom:35px;
	}

	.divLoginTitle img{
		width:100%;
		height:100%;
	}

	.divLoginTitle h3{
		font-weight:bold;
		font-size:32px;
		margin-bottom:0;
	}

	.divAdminLoginSubmitWrapper .LoginButton{
		padding: 0px 30px;
		font-size: 16px;
		border-radius:3px;
	}

	.divAdminLoginSubmitWrapper .LoginButton:hover{
		background:#ffffff;
	}


.mandatoryStyle{
	background-color:#fff7cb;
}

.mandatoryStyle:after {
	    content:"*";
	    color: red;
	    }

.btn-secondary {
    color:#585858;
    background-color: #f5f5f5;
    border: none;
}

.btn-secondary:hover {
    color: #000;
    background-color: #f5f5f5;
    border:none;
}
