@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light');

@font-face {
	font-family : 'typicons';
	src         : url("../fonts/typicons/typicons.eot");
	src         : url("../fonts/typicons/typicons.eot?#iefix") format('embedded-opentype'),
	url("../fonts/typicons/typicons.woff") format('woff'),
	url("../fonts/typicons/typicons.ttf") format('truetype'),
	url("../fonts/typicons/typicons.svg#typicons") format('svg');
	font-weight : normal;
	font-style  : normal;
}

@font-face {
	font-family : 'Shadows Into Light';
	src         : url('../fonts/ShadowsIntoLight.ttf');
}

@font-face {
	font-family : 'Material Icons';
	src         : url("../fonts/material-design/MaterialIcons-Regular.eot");
	src         : url("../fonts/material-design/MaterialIcons-Regular.woff") format('woff'),
	url("../fonts/material-design/MaterialIcons-Regular.ttf") format('truetype'),
	url("../fonts/material-design/MaterialIcons-Regular.svg") format('svg');
}


.pagination_input {
	display          : inline-block;
	padding          : 5px 10px;
	font-size        : 14px;
	text-align       : center;
	width            : 30px;
	background-color : #F3F3F3;
}

body.nomobile {
	min-width : 1024px;
}

body {
	background-size : 100% auto;
}


main {
	padding-bottom : 200px;
}

container {
	position : relative;
	top      : -5px;
}

body.flow {
	min-width : 700px;
}

.floatright {
	float : right;
}

.floatleft {
	float : left;
}

h1 {
	font-size : 24px;
}

h2 {
	text-transform   : uppercase;
	font-size        : 18px;
	margin-top       : 20px;

	display          : block;
	clear            : both;
	font-size        : 20px;
	margin-bottom    : 20px;
	background-color : #F1BD5F;
	padding          : 10px 10px;
	margin-top       : 30px;
}

p {
	line-height : 1.4em;
}

tabBody {
	display : none;
}

tabbed {
	display : block;
	margin-bottom: 35px;
}

tabbed tab {
	display : inline-block;
	padding: 10px 20px;
	border-radius: 4px;
	color:black;
	border: 1px solid #AAA;
	cursor: pointer;
	margin : 0 10px 0 0;
}

tabbed tab:hover {
	border: 1px solid #333;
}

tabbed tab.active {
	background-color: #E08B32;
}

main h2 {
	background-color : transparent !important;
}

select.designed {
	-webkit-appearance : none;
	padding            : 10px 10px 10px 30px;
	border-radius      : 5px;
	outline            : none;
	border             : 1px solid #444 !important;
	font-size          : 14px;
	color              : #000;
	cursor 				: pointer;
	background-image: url('../images/arrow-down.png');
	background-size: 9%;
	background-repeat: no-repeat;
	background-position: left center;
	background-color: white;
}

select.designed:hover {
	box-shadow: 1px 1px 3px #444;
}

input.designed {
	-webkit-appearance : none !important;
	padding            : 10px 10px 10px 35px !important;
	border-radius      : 5px !important;
	outline            : none !important;
	border             : 1px solid #444 !important;
	font-size          : 14px !important;
	color              : #000 !important;
	cursor : text !important;
	background-color: white !important;
}

input.designed:hover {
	box-shadow: 1px 1px 3px #444;
}

.propertyLabel {
	font-size        : 10px;
	background-color : transparent;
	color            : #000;
	display          : inline-block;
	padding          : 4px 6px;
	border-radius    : 4px;
	margin-left      : 10px;
	border           : 1px solid #555;
}


.choosencolor {
	display       : block;
	float         : left;
	width         : 20px;
	height        : 20px;
	border-radius : 25px;
	border        : 1px solid #333;
	display       : none !important;
}

#CF_popup .choosencolor {
	display       : block;
	float         : left;
	width         : 30px;
	height        : 30px;
	margin-left   : 100px;
	border-radius : 25px;
	display       : none !important;
}

#CF_popup .half .choosencolor {
	margin-left : 20px;
}

#CF_popup wrapper {
	display          : block;
	width            : 100%;
	height           : 100%;
	background-color : rgba(0, 0, 0, 0.6);
	position         : absolute;
	top              : 0px;
	left             : 0px;
	z-index          : 999;
}

#CF_popup wrapper inner {
	display          : block;
	margin           : 0 auto 0 auto;
	width            : 500px;
	background-color : white;
	border-radius    : 5px;
	box-shadow       : 0px 0px 5px #444;
	padding          : 50px 0 20px 0;
	min-height       : 100px;
	margin-top       : 100px;
	margin-bottom    : 100px;
	position         : relative;
	overflow         : scroll;
}

#CF_popup wrapper inner closer {
	position   : absolute;
	top        : 8px;
	right      : 22px;
	cursor     : pointer;
	font-size  : 34px;
	color      : black;
	width      : 15px;
	height     : 15px;
	display    : block;
	text-align : center;
}

#CF_popup wrapper inner loading,
loading {
	display          : block;
	width            : 64px;
	height           : 64px;
	background-image : url(../images/loading.gif);
	background-size: contain;
	margin           : 30px auto 0 auto;
}

#CF_popup .hidden {
	display : none;
}

#CF_popup p {
	margin-left  : 25px;
	margin-right : 25px;
}

.nextStep {
	display          : block;
	clear            : both;
	background-color : #666;
	color            : white;
	border-radius    : 3px;
	padding          : 10px 10px;
	margin           : 30px 0 0 0;
	text-align       : center;
	overflow         : hidden;
	cursor           : pointer;
}

.nextStep:hover {
	background-color : #000;
}

#CF_popup input[type="checkbox"] {
	/*zoom: 			1.2 !important;*/
	/*	-ms-transform: scale(1.1); /* IE *!/
		-moz-transform: scale(1.1); /* FF *!/
		-webkit-transform: scale(1.1); /* Safari and Chrome *!/
		-o-transform: scale(1.1); /* Opera *!/*/
	width              : 17px; /*Desired width*/
	height             : 17px; /*Desired height*/
	border             : 1px solid #999;
	border-radius      : 4px;
	box-shadow         : inset 0px 1px 2px #444;
	vertical-align     : middle;
	cursor             : pointer;
	-webkit-appearance : none;
	appearance         : none;
}

#CF_popup input[type="checkbox"]:disabled {
	background-color : #DDD;
}

#CF_popup input[type="checkbox"]:checked {
	background-color : #E07C23;
	box-shadow       : inset 0px 0px 1px #444;
}

#CF_popup textarea.full {
	display          : block;
	clear            : both;
	padding          : 20px;
	font-size        : 14px;
	width            : 90%;
	margin           : 5%;
	box-sizing       : border-box;
	background-color : #E8E8E8;
	min-height       : 150px;
	outline          : none;
}

sidebarLeft loading {
	background-image : url(../images/loading-white.gif);
}

loading.white {
	background-image : url(../images/loading-white.gif) !important;
}

loading.small {
	width           : 30px !important;
	height          : 30px !important;
	background-size : cover;
}

loading.smallest {
	width           : 12px !important;
	height          : 12px !important;
	background-size : fit;
}

loading.inline {
	display : inline-block;
}

/* QUESTION POPUP */

#CF_popup.full inner {
	width     : 90%;
	max-width : 1100px !important;
	margin    : 0 auto;
	height    : 80vh;
	overflow  : scroll;
}

#CF_popup.full closer {
	position : absolute;
}

#CF_popup.question inner {
	width       : 600px;
	min-height  : 200px;
	text-align  : center;
	line-height : 1.3em;
}

#CF_popup.question label:not(.nomarkup),
#CF_popup.question nomenulabel {
	display          : block;
	clear            : both;
	font-size        : 18px;
	margin-bottom    : 20px;
	/*background-color : #F2CBAD;*/
	color            : #DA5111;
	padding          : 10px 10px;
	margin-top       : 30px;
	line-height      : 1.3em;
	box-sizing       : border-box;
	margin-left      : auto;
	margin-right     : auto;
	width            : 95%;
	border-radius    : 5px;
	font-weight      : 600;
}

#CF_popup.question label.smaller,
#CF_popup.question nomenulabel {
	font-size        : 15px;
	background-color : #FFECD3;
}

#CF_popup.question nomenulabel em {
	font-size: 		12px;
	margin-left: 	50px;
	margin-right: 	50px;
	display: 		none;
	line-height: 	1.2em;
	color: 			#777;
	margin-top: 	15px;
	position: 		fixed;
	width: 			200px;
	box-shadow: 1px 1px 3px #333;
	opacity: 1;
	padding: 5px;
	border-radius: 3px;
	background-color: white;
	z-index: 9999;
}

#CF_popup.question nomenulabel:hover em {
	display : block;
}

#CF_popup.question nomenulabel .typcn {
	float        : right;
	margin-right : 10px;
}

#CF_popup.question label.inline {
	display    : inline-block !important;
	margin     : 0;
	padding    : 0;
	margin     : 0;
	text-align : left;
}

#CF_popup.question label.nomarkup {
	background-color : transparent;
	font-size        : 15px !important;
	clear            : none;

}

#CF_popup.question input[type="text"],
#CF_popup.question input[type="email"],
#CF_popup.question input[type="password"] {
	display       : block;
	font-size     : 16px;
	padding       : 10px 0px;
	width         : 100%;
	margin        : 0 auto;
	text-align    : center;
	outline       : none;
	border        : 0px;
	border-bottom : 1px dashed #999;
}

#CF_popup.question input[type="text"].smaller {
	width  : 50%;
	margin : 0;
}

#CF_popup.question input[type="button"],
#CF_popup.question input[type="submit"] {
	text-align                 : center;
	border-bottom-left-radius  : 15px;
	border-bottom-right-radius : 15px;
	padding                    : 10px 15px;
	border                     : 0px;
	font-size                  : 13px;
	text-transform             : uppercase;
	background-color           : #DA5111;
	color                      : white;
	cursor                     : pointer;
	font-weight                : 600;
	clear                      : both;
}

#CF_popup input[type="button"].next {
	border-radius    : 5px;
	background-color : #E2AD83;
	margin-top       : 15px;
	display          : none !important;
}

#CF_popup.question input[type="button"].grey,
#CF_popup.question input[type="submit"].grey {
	background-color : #888;
	font-weight      : 100;
}

#CF_popup.question select {
	max-width  : 80%;
	margin-top : 8px;
}

#CF_popup.question .half {
	display : block;
	width   : 46%;
	padding : 2%;
	float   : left;
}

#CF_popup.question .half label {
	margin           : 0;
	padding          : 5px 10px;
	background-color : transparent;
	font-size        : 15px;
}

#CF_popup inner select {
	font-size     : 14px;
	display       : block;
	clear         : both;
	margin        : 0 auto;
	margin-bottom : 10px;
}

#CF_popup .warning {
	display          : block;
	margin           : 15px 20px 5px 20px;
	padding          : 15px 15px;
	background-color : #FFE9CD;
	font-size        : 12px;
	text-align       : left;
}

#CF_popup .warning .typcn {
	font-size  : 25px;
	float      : left;
	margin     : 5px 5px 15px 0;
	display    : block;
	min-height : 30px;
}

popupnav {
	position         : absolute;
	width            : auto !important;
	left             : 0px;
	right            : 0px;
	top              : 0px;
	box-sizing       : border-box;
	text-align       : left;
	background-color : #EEE;
	box-shadow       : 0px 1px 2px #444;
	padding          : 0px 0;
	overflow 		: visible;
	max-height 		: 45px;
}

popupnav li {
	list-style-type : none;
	display         : inline-block;
	font-size       : 13px;
	padding         : 13px 15px;
	margin          : 0;
	cursor          : pointer;
	border-right    : 1px solid #999;
}

popupnav li.active {
	background-color : white;
	color            : black;
	padding-bottom: 16px;
	border-right: 0px;
}


.profilepicture {
	border-radius : 100px;
	width         : 80px;
	height        : 80px;
	overflow      : hidden;
	clear         : both;
	border        : 1px solid #999;
	position      : relative;
}

.profilepicture loading {
	position : absolute;
	z-index  : 99;
	top      : -20px;
	left     : 0px;
}

.profilepicture img {
	width : 80px;
}

.profilepicture:hover .clicktochange {
	display : block;
}

.profilepicture .clicktochange {
	position         : absolute;
	bottom           : 0px;
	background-color : rgba(0, 0, 0, 0.7);
	color            : white;
	font-size        : 9px;
	text-align       : center;
	padding          : 5px 9px 10px 9px;
	line-height      : 1.4em;
	cursor           : pointer;
	display          : none;
}


feedback {
	position   : fixed;
	right      : 0;
	bottom     : 0px;

	width      : 100%;
	height     : auto;
	text-align : center;
	z-index    : 99999;

}

feedback .notification {
	border-top-left-radius  : 10px;
	border-top-right-radius : 10px;
	background-color        : #D4803A;
	color                   : white;
	padding                 : 10px 15px;
	margin-bottom           : 0px;
	text-align              : center;
	display                 : inline-block;
	font-size               : 14px;
	min-width               : 50%;
	margin-top              : 2px;
	box-shadow              : 0px 2px 3px #444;
}

feedback .notification:first-of-type {
	border-radius : 10px !important;
}



newbutton {
	float: 	right;
	/*clear: 	both;*/
	background-color: #DA5111;
	display: inline-block;
	margin-right: 	20px;
	padding: 		10px 15px;
	text-transform: uppercase;
	font-size: 		12px;
	cursor: 		pointer;
	margin-bottom: 	25px;
	color: 			white;
	border-radius: 5px;
}

newbutton:hover {
	background-color: #E88E55;
	color: 			white;
}

newbutton .typcn {
	font-size: 20px;
	margin-right: 5px;
}

newbutton.grey {
	background-color: #666;
}

.medium-editor-element {
	outline : none !important;
}

.ct-widget.ct-ignition {
	display : none;
}

.ce-element--focused,
.ce-element--over {
	background-color : transparent !important;
}

.ct-widget.ct-toolbox {
	border-radius : 10px !important;
}

.ct-tool--disabled {
	border-radius : 10px;
}

sidebar closer {
	position  : absolute;
	top       : 10px;
	left      : 10px;
	font-size : 30px;
	cursor    : pointer;
}

sidebarLeft {
	overflow            : scroll;
	-moz-user-select    : none;
	-webkit-user-select : none;
	-ms-user-select     : none;
	user-select         : none;
	position            : relative;
	z-index             : 99;
}

sidebarLeft closer {
	position   : absolute;
	top        : 5px;
	right      : 0px;
	cursor     : pointer;
	font-size  : 24px;
	color      : white;
	width      : 45px;
	height     : 45px;
	display    : block;
	text-align : center;
}

sidebarLeft p {
	color       : white;
	line-height : 1.5em;
	font-size   : 13px;
	color       : #BBB;
	font-style  : italic;
}

sidebarLeft p .typcn {
	font-size : 20px;
}

sidebarLeft .section {
	background-color : #666;
	color            : white;
	border-radius    : 4px;
	display          : block;
	padding          : 25px 10px 10px 10px;
	font-size        : 11px;
	text-transform   : uppercase;
	text-align       : center;
	font-weight      : 600;
	margin-top       : 10px;
	position         : relative;
}

sidebarLeft .section label {
	position  : absolute;
	top       : 3px;
	left      : 5px;
	font-size : 10px;
}


sidebarLeft tools {
	position    : absolute;
	top         : 4px;
	right       : 4px;
	white-space : nowrap;
	margin      : 0 0 10px 10px;
}

sidebarLeft tools span {
	float     : right;
	display   : block;
	font-size : 19px;
}


/*TOOLS AND SUBMENU WITH TOOLS IN TABLEROWS*/
[tablerow] {
	display: 		block;
	border-top: 1px solid #EEE;
	text-transform: 	uppercase;
	margin-bottom: 	4px;
	font-size: 		14px;
	clear: 			both;
	margin-right: 	20px;
	cursor: 		pointer;
	position: 		relative;
	overflow: 		visible;
}

[tablerow] tools {
	float: 			right;
	margin-top: 	5px;
}

[tablerow] tools tool.typcn-th-list {
	width:		10px;
	text-align: left;
	overflow: hidden;
	display: inline-block;
	margin-right: 15px;
	margin-left: 5px;
	opacity: 0.4;
	position : relative;
	top: 8px;
	height: auto;
	padding: 0;
	line-height: 20px;
}

[tablerow] tools subtools {
	display: none;
	position: absolute;
	top: 30px;
	right:0;
	padding-top: 5px;
	background-color: white;
	min-width: 100px;
	overflow: hidden;
	box-shadow: 1px 1px 4px #444;
	z-index: 999;
	width: auto !important;
	border-radius: 4px;
}

[tablerow] tools subtools tool {
	display: block !important;
	width: auto;
	margin: 5px 10px;
	border-bottom: 1px solid #DDD;
	padding: 5px 10px 15px 10px;
	clear:both;
	float:none;
}

[tablerow] tools subtools tool:last-of-type {
	border-bottom: 0px;
}

[tablerow] tools subtools tool .typcn {
	float: none;
}

[tablerow] tools subtools tool .title {
	font-family: Verdana;
	font-size: 13px;
	text-transform: none;
	display: inline-block;
	padding: 0;
	margin-left: 10px;
	text-align: left;
}

[tablerow] tools tool {
	font-size: 		24px;
	color: 			#777;
	margin-right: 	0px;
}

[tablerow] tools tool:hover {
	color: 			black;
}






#breadcrumbs {
	display        : block;
	padding-top    : 5px;
	padding-bottom : 10px;
	margin-bottom  : 20px;
	padding-left   : 50px;

}

.breadcrumb {
	text-transform   : uppercase;
	text-decoration  : none;
	cursor           : pointer;
	font-size        : 13px;
	color            : #333;
	margin-bottom    : 15px;
	position         : relative;
	top              : -3px;
	background-color : rgba(255, 255, 255, 0.3);
	padding          : 4px;
	border-radius    : 3px;
}

.breadcrumb:hover {
	text-decoration : underline;
}

.breadcrumbdivider {
	display        : inline-block;
	margin         : 0 5px;
	font-size      : 15px;
	letter-spacing : -3px;
	color          : #BBB;
}

#breadcrumbs .typcn {
	font-size : 25px;
}

.red {
	color : red !important;
}

.floatright {
	float : right;
}


div.alert {
	display          : block;
	margin           : 10px;
	background-color : #E68C57;
	color            : white;
	text-shadow      : 1px 1px 1px #333;
	padding          : 5px 10px 10px 10px;
	border-radius    : 5px;
	text-align       : center;
	font-size        : 13px;
}

div.alert .typcn {
	font-size    : 30px;
	margin-right : 10px;
}


.switcher {
	display          : inline-block;
	width            : 35px;
	height           : 20px;
	border-radius    : 20px;
	background-color : #999;
	box-shadow       : inset 0px 2px 2px #444;
	cursor           : pointer;
	margin           : 0 10px;
	position         : relative;
	top              : 4px;
}

.switcher.wide {
	width : 90px;
}

.switcher.big {
	width  : 60px;
	height : 30px;
}

.switcher.publish {
	background-color : #7A9E74;
}

.switcher .switch {
	display          : block;
	width            : 18px;
	height           : 18px;
	background-color : #A52361;
	border-radius    : 20px;
	margin           : 1px;
	box-shadow       : 0px 3px 5px #444;
	position         : relative;
	animation        : all 1s ease-in-out 0s infinite alternate;
}

.switcher.big .switch {
	width  : 25px;
	height : 25px;
}

.switcher.wide .switch {
	width  : 25px;
	height : 25px;
	top    : -5px;
}


.switcher .switch.left {
	float : left;
}

.switcher:hover .switch.left {
	left : 3px;
}

.switcher .switch.right {
	float            : right;
	background-color : green;
}

.switcher:hover .switch.right {
	right : 3px;
}

.switcher .publish,
.switcher .draft {
	display     : none;
	font-weight : 600;
	color       : white;
	font-size   : 10px;
}

.switcher.draft .draft {
	display : inline-block;
	margin  : 1.5px 10px 2px 2px;
	float   : right;
}

.switcher.publish .publish {
	display : inline-block;
	margin  : 1.5px 2px 2px 10px;
}

.hide {
	display : none;
}

.sendemail,
.includeMessage {
	display        : block;
	margin-top     : 5px;
	padding-bottom : 5px;
	font-size      : 13px;
	font-style     : italic;
}

.sendemail input,
.includeMessage input{
	margin-right : 5px !important;
}

.notice {
	padding: 10px;
	margin: 10px 0;
	display: block;
	border: 1px solid #ef4400;
	background-color: #f5ede7;
	color: black;
	border-radius: 10px;
}


/* START SCREEN */
#start_screen {
	background-image    : url(../images/arrows-02.png);
	background-size     : 400px;
	background-position : top right;
	margin-top          : 50px;
	overflow            : hidden;
	height              : 200px;
	display             : block;
	background-repeat   : no-repeat;
	width               : 500px;
	padding-left        : 70px;
	padding-top         : 150px;
	float               : right;
}

#start_screen .text {
	font-family : 'Shadows Into Light';
	font-size   : 35px;
}

#start_screen.noarrow {
	background-image : none;
}


/* TABLES */

table {
	width      : 100%;
	margin-top : 15px;
}

table td,
table th {
	text-overflow : ellipsis;
	white-space   : nowrap;
	max-width     : 400px;
	overflow      : hidden;
	padding       : 15px 15px;
	font-size     : 14px;
	border-top    : 1px solid #EEE;
	/*max-width: 		180px;*/
}

table.cke_dialog,
table.cke_dialog_contents {
	/* RESET TABLE WIDTH MAX FOR CKE EDITOR */
	width : 450px !important;
}


table th {
	font-weight      : 700;
	text-align       : left;
	color            : black;
	/*text-shadow: 	0px 1px 1px #000;*/
	border           : 0px;
	border-bottom    : 1px;
	background-color : #BBB;
	text-transform   : uppercase;
}

table tr {
	background-color : white;
}

table tr:nth-of-type(even) {
	background-color : #F9F9F9;
}

table tbody tr:hover {
	background-color : #EEE;
	cursor           : pointer;
}

table tr:hover td {
	/*border: 			1px solid #DDD;*/
}

table .number {
	background-color : #888;
	font-size        : 10px;
	padding          : 5px 10px;
	display          : inline-block;
	border-radius    : 10px;
	color            : white;
}

table .tools {
	float     : right;
	font-size : 20px;
}


table.tidy td,
table.tidy th {
	padding : 5px 10px;
}

table.tidy input,
table.tidy input,
table.tidy select {
	border           : 0px;
	outline          : none;
	background-color : transparent;
	padding          : 5px;
	font-size        : 14px;
}

table.tidy input:hover,
table.tidy input:focus {
	background-color : white;
}


.chatbubblewrapper {
	display: block;
	clear: both;
	text-align: left;
	margin: 0 0 12px 0;
	overflow: hidden;
	color: #2c3e50;
	padding: 0 16px;
}

.chatbubblewrapper.unread {
	color: #000;
	font-weight: 500;
}

.chatbubblewrapper.other * {
	float: left;
}

.chatbubblewrapper * {
	float: right;
	vertical-align: bottom;
}

.chatbubblewrapper .time {
	font-size: 11px;
	margin: 4px 8px;
	color: #94a3b8;
	display: inline-block;
}

.chatbubble {
	padding: 10px 16px;
	border-radius: 18px;
	display: inline-block;
	min-height: 25px;
	min-width: 45px;
	box-sizing: border-box;
	max-width: 75%;
	font-size: 14px;
	line-height: 1.5;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	transition: all 0.2s ease;
}

.chatbubblewrapper .chatbubble {
	border: none;
}

.chatbubble.person_0 {
	background-color: #3b82f6 !important;
	color: white !important;
	border-bottom-right-radius: 4px;
}

.chatbubble.person_1 {
	background-color: #f1f5f9;
	/* color: #1e293b; */
	border-bottom-left-radius: 4px;
}

.chatbubble.person_2 {
	background-color: #f1f5f9;
	color: #1e293b;
	border-bottom-left-radius: 4px;
}

.chatbubblewrapper .chatavatar {
	border-radius: 50%;
	width: 32px;
	height: 32px;
	border: 1px solid #e2e8f0;
	margin: 0 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f8fafc;
	overflow: hidden;
	font-size: 12px;
	color: #64748b;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 4px;
	box-sizing: border-box;
	max-width: 32px;
}

.chatbubblewrapper .chatavatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.chatbubblewrapper .chatavatar:hover {
	border-color: #3b82f6;
}

.daydivider {
	border-top: 1px solid #e2e8f0;
	overflow: visible;
	text-align: center;
	margin: 24px 0 16px 0;
	background-color: inherit;
}

.daydivider .datestamp {
	display: inline-block;
	padding: 0 12px;
	background-color: white;
	color: #64748b;
	font-size: 12px;
	position: relative;
	top: -11px;
	font-weight: 500;
}

.loadAllMessages {
	text-align: center;
	font-size: 13px;
	margin: 16px 0;
	cursor: pointer;
	color: #3b82f6;
	padding: 8px 16px;
	background-color: #f8fafc;
	border-radius: 6px;
	transition: all 0.2s ease;
}

.loadAllMessages:hover {
	background-color: #f1f5f9;
	color: #2563eb;
}

.opacity_50 {
	opacity : 0.5 !important;
}


/* COLUMNS TABLE */

table.columns tr {
	background-color : white !important;
}

table.columns tr td:first-of-type {
	background-color : #555;
	font-weight      : 600;
	color            : white;
}

.italic {
	font-style : italic !important;
}


.zopim {
	right : auto !important;
	left  : 10px !important;
}


/* MESSAGECENTER */

#CF_popup.CF_messagecenter inner .newMessage {
	width : 300px !important;
}

#CF_popup.CF_messagecenter inner .timelinechat_form {
	background-color : inherit;
	border           : 0px;
	border-top-width : 1px;
}

.chatrulewrapper {
	display       : block;
	text-align    : left;
	border-bottom : 1px solid #BBB;
	padding       : 10px 25px;
	cursor        : pointer;

}

.chatrulewrapper .breadcrumbs {
	font-size : 12px;
	margin    : 5px 5px 5px 2px;
	color     : #999;
}

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


.chatrulewrapper:hover {
	background-color : #EEE;
}

.chatrulewrapper .time {
	float     : right;
	color     : #888;
	font-size : 14px;
}

.chatrulewrapper .avatar {
	overflow       : hidden;
	display        : inline-block;
	width          : 60px;
	height         : 60px;
	vertical-align : top;
	margin-right   : 20px;
}

.chatrulewrapper .name {
	display        : inline-block;
	vertical-align : top;
	margin-top     : 5px;
	font-weight    : 600;
}


.chatrulewrapper .avatar img {
	float         : left;
	border-radius : 40px;
	width         : 50px;
	margin        : 10px;
}


.nochatsyet_authorinfo .avatar {
	border-radius : 80px;
	width         : 80px;
	height        : 80px;
	display       : block;
	margin        : 0 auto;
	border        : 1px solid #333;
	overflow      : hidden;
}

.nochatsyet_authorinfo .avatar img {
	width : 80px;
}

.nochatsyet_authorinfo .name {
	display          : inline-block;
	margin           : 0 auto;
	background-color : #333;
	color            : white;
	padding          : 5px 20px;
	margin           : 5px 0 0 0;
	border-radius    : 20px;
}


body.flow .recentChats {
	background-color : inherit;
	margin           : 10px;
}

body.flow .recentChats .chatbubble {
	background-color : white;
}


body.flow .timelinechat_form {
	background-color : #DDD;
	display          : block;
	overflow         : hidden;
	padding          : 5px 20px 25px 20px;
	border           : 1px solid #BBB;
}

body.flow .bgwrapper {
	background-color : #E5E5E5;
	display          : none;
	padding          : 10px;
}

.timelinechat_form textarea.newMessage {
	border-radius  : 20px;
	outline        : none;
	box-shadow     : none;
	border         : 1px solid #999;
	width          : 400px;
	height         : 15px;
	padding        : 5px 15px;
	vertical-align : top;
	resize         : none;
}

.timelinechat_form .typcn {
	background-color : #D9712F;
	color            : white;
	padding          : 5px 15px;
	border-radius    : 25px;
	display          : inline-block;
	margin           : 0 0 10px 6px;
	cursor           : pointer;
	border           : 1px solid #CE4D2A;
	font-size        : 15px;
	font-weight      : 400;
	vertical-align   : top;
}

.center {
	text-align : center;
	display    : block;
}


/* CKEDITOR */

#cke_12 {
	display : none;
}

/* COLORPICKER */
.cke_dialog {
	width : 350px;
}

.cke_dialog_contents {
	width : 340px;
}


.cke_dialog table tbody tr:hover,
.cke_dialog_body table tbody tr:hover,
.cke_dialog_contents table tbody tr:hover {
	background-color : transparent;
}

.cke_dialog table tr:hover,
.cke_dialog table tr:hover tr td,
.cke_dialog_contents_body table tbody tr td {
	border : 0px solid transparent !important;
}

.cke_textarea_inline ul {
	list-style : disc;
}

.cke_textarea_inline ol {
	list-style : decimal;
}


/*p*/

/*.404*/
/*error {*/
/*	display    : block;*/
/*	text-align : center;*/
/*}*/

#vatdetails {
	margin-left : 13px;
	color       : #888;
	font-style  : italic;
	margin-top  : 5px;
	line-height : 1.3em;
}


#tools {
	text-align : right;
}

#searchform {
	position : relative;
	overflow : visible;
}

#filterform {
	max-width: 240px;
}

#tools span,
#tools div {
	display : inline-block;
}

#tools span.typcn {
	font-size    : 30px;
	margin-right : 15px;
	position     : relative;
	top          : 4px;
	cursor       : pointer;
	color        : #DA5111;
}

#searchform .typcn {
	position  : absolute !important;
	left      : 10px !important;
	margin    : 0;
	top       : 11px;
	font-size : 25px;
	color     : #999 !important;
}

#user_switching_switch_on {
	position         : fixed;
	bottom           : 0px;
	width            : 100%;
	box-sizing       : border-box;
	background-color : red;
	color            : white !important;
	padding          : 10px 20px;
}

#user_switching_switch_on a {
	color : white;
}


/* DATEPICKER */

#ui-datepicker-div {
	background-color : white;
	padding          : 10px;
	box-shadow       : 0px 1px 3px #444;
	display          : none;
}

#ui-datepicker-div .ui-datepicker-prev {
	float  : left;
	cursor : pointer;
}

#ui-datepicker-div .ui-datepicker-next {
	float  : right;
	cursor : pointer;
}

#ui-datepicker-div .ui-datepicker-title {
	display    : block;
	margin     : 0 auto;
	text-align : center;
}

#ui-datepicker-div table tr:hover td {
	border : 0px
}

#ui-datepicker-div table a {
	text-decoration : none;
	color           : #333;
}


smaller {
	font-size : 12px;
	color     : #999;
}

#pagination {
	display : block;
	clear   : both;
}

#pagination {
	border-top  : 1px solid #888;
	text-align  : right;
	margin-top  : 10px;
	padding-top : 10px;
	color       : #888;
}

#pagination a {
	display         : inline-block;
	padding         : 7px;
	text-align      : center;
	margin-left     : 2px;
	text-decoration : none;
	color           : #888;
	border-radius   : 20px;
}

#pagination a:hover {
	background-color : #DDD;
}

#pagination a.active {
	color       : #D54712;
	font-weight : 600;
	font-size   : 20px;
}

#pagination a.active:hover {
	background-color : transparent;
	cursor           : auto;
}


.half {
	width      : 45%;
	box-sizing : border-box;
	display    : inline-block;
}


#statusPanel {
	display          : block;
	padding          : 10px 20px;
	max-width        : 500px;
	background-color : #A52361;
	color            : white;
	margin           : 0 auto 10px auto;
	position         : relative;
	border-radius    : 20px;
}

#statusPanel a {
	text-decoration  : none;
	background-color : white;
	color            : #A52361;
	padding          : 2px 3px;
	border-radius    : 4px;
	cursor           : pointer;
}


.paymentmessage {
	font-size  : 12px;
	margin     : 0 45px;
	text-align : left;
}

.cf_imageupload.imageplaceholder {
	display          : block;
	width            : 100%;
	background-color : rgba(255, 255, 255, 0.4);
	color            : #FFF;
	font-size        : 30px;
	padding          : 25px 0;
	cursor           : pointer;
}

img.cf_imageupload {
	width  : 100% !important;
	cursor : pointer;
}

.backgroundimage img {
	width : 100%;
}

.cornerStatus {
	position : absolute;
	display  : none;
}

#systemnotification {
	position         : fixed;
	bottom           : 0;
	width            : 100vw !important;
	box-sizing       : border-box;
	line-height      : 1.3em;
	background-color : orange;
	color            : white;
	padding          : 10px 20px;
	text-align       : center;
	z-index          : 9999;
	display          : none;
}


td.progress {
	width : 150px;
}

td.progress .progressbar {
	border-radius    : 4px;
	overflow         : hidden;
	background-color : #999;
	display          : block;
}

td.progress .indicator {
	display          : block;
	height           : 20px;
	background-color : #A52361;
	padding          : 4px 5px 2px 5px;
	box-sizing       : border-box;
	text-shadow      : 1px 1px 1px #000;
	min-width        : 5px;
	color            : white;
	text-align       : right;
}


/* LIVEZILLA*/


#lz_overlay_wm {
	margin             : 0 !important;
	bottom             : 70px !important;
	right              : -150px !important;
	-webkit-transition : all 1s; /* Safari */
	transition         : all 1s;
}

#lz_overlay_wm:hover {
	right              : 4px !important;
	-webkit-transition : all 1s; /* Safari */
	transition         : all 1s;
}

#lz_overlay_preview {
	display : none !important;
}

.note {
	font-size   : 12px;
	font-style  : italic;
	line-height : 1.4em;
	margin      : 5px 0 0 0;
	color       : #888;
}

#affiliateStamp {
	display     : block;
	padding     : 50px 10px 25px 10px;
	bottom      : 0px;
	right       : 0px;
	color       : #555;
	text-align  : left;
	font-family : "Open Sans";
}

#affiliateStamp a {
	display         : block;
	margin          : 0 auto;
	width           : 260px;
	text-decoration : none;
	color           : #555;
	line-height     : 1.3em;
}

#affiliateStamp strong {
	display : block;
}

#affiliateStamp img {
	width        : 40px;
	position     : relative;
	margin-right : 10px;
	float        : left;
}

#affiliateStamp div {
	text-decoration : underline;
}

uploadstatus {
	position : fixed;
	z-index: 9999;
	width: 90vw;
	margin: 0 5vw;
	border-radius: 10px;
	height: 20px;
	background-color: black;
	bottom: 20px;
	left: 0px;
	overflow: hidden;
}

uploadstatus inner {
	background-color: #E27C22;
	display: block;
	height: 20px;
	width: 10px;
}




tabtools {
	float:	right;
	font-size: 20px;
	margin-right: 5px;
	cursor : pointer;
	margin-top: 7px;
	display: block;
	width: 6px;
	text-align: left;
	overflow: hidden;
	background-color: white;
}

tabtools subtools {
	display: none;
	position : absolute;
	top:35px;
	right: 10px;
	min-width: 100px;
	min-height : 20px;
	background-color: white !important;
	overflow: hidden;
	z-index : 999;
	box-shadow: 2px 2px 4px #444;
}

tabtools subtools tool {
	display: block;
	width: 100%;
	margin: 5px 10px;
	border-bottom: 1px solid #DDD;
	padding-bottom: 5px;
	background-color: white !important;
}

tabtools subtools tool:last-of-type {
	border-bottom: 0px;
}

tabtools subtools tool .title {
	font-family: Verdana;
	font-size: 13px;
	text-transform: none;
	display: inline-block;
	padding: 0;
	margin-left: 10px;
	text-align: left;
}

#CF_popup progressbar,
#CF_popup progressbarProcess {
	overflow:hidden;
	height: 26px;
	border-radius: 20px;
	margin: 0 25px;
	box-sizing: border-box;
	border: 1px solid #888;
	display: block;
	clear:both;
	margin-top: 10px;
}

#CF_popup progressbar fill,
#CF_popup progressbarProcess fill{
	display: block;
	background-color: #A52362;
	width: 0;
	box-sizing: border-box;
	max-width: 100%;
	height: 26px;
	border-radius: 20px;
	border: 3px solid white;
	position: relative;
	top: -3px;
	left: -3px;
	padding-bottom: 4px;
	padding-right: 10px;
	margin: 2px;
}

#CF_popup progressbar fill ,
#CF_popup progressbarProcess fill  {
	text-align: right;
	color:white;
	font-size: 12px;
	text-shadow: 1px 1px 1px #000;
}


#CF_popup #exportfilterTools {
	text-align: left;
	padding-left: 30px;
	margin-bottom: 5px;
	border-bottom: 1px solid black;
}
#CF_popup #exportfilterTools span {
	display: inline-block;
	margin-right: 20px;
	font-size: 14px;
	font-style: italic;
	cursor: pointer;
}
#CF_popup #exportfilterTools span:hover {
	text-decoration: underline;
}

tags tag {
	display: inline-block;
	padding: 5px 14px;
	color: white;
	background-color: #A42361;
	border-radius: 20px;
	margin: 1px 2px;
}

tags tag .typcn {
	position : relative;
	left: 5px;
	cursor : pointer;
	margin:0;
	padding: 0;
	float:right;
	display: none;
}

tags tag:hover .typcn {
	display: block;
}

.settingrule .error {
	color: 				white !important;
	background-color: 	red;
	display: 			inline-block;
	clear: 				both;
	padding: 			5px 10px;
	border-radius: 		20px;
}