.controlpanel {
	margin: 0 auto;
}

.controlPanelMenuItem {
	float: left;
	width: 175px;
	padding: 20px 0;
	text-align: center;
	height: 110px;
}

	.controlPanelMenuItem a {
		font-weight: bold;
		font-size: large;
	}

.hidden {
	display: none;
}

.blocked {
	display: block;
}

.dnnFormItem input[type="text"].small,
.dnnFormItem input[type="password"].small,
.dnnFormItem input[type="email"].small,
.dnnFormItem input[type="tel"].small,
.dnnFormItem select.small,
.dnnFormItem textarea.small {
	width: 14%;
}

.dnnFormRadioButtons input[type="checkbox"] {
	float: none;
}
/*.dnnFormRightBox { display: inline;float: right;font-weight: normal;margin: 0 10px 0 4px;padding-right: 0;width: 600px; }*/
.dnnFormRightBox {
	display: inline-block;
	font-weight: normal;
	margin: 0 10px 0 0;
	max-width: 100%;
	padding-right: 0;
}

	.dnnFormRightBox label {
		margin: 0 10px 0 4px;
		padding-right: 0;
		text-align: left;
		width: auto;
	}

.cpnav {
	border-right: 1px solid #333;
	padding: 0 8px;
}

	.cpnav:last-child {
		border-right: none;
	}

.padded {
	padding: 8px;
}

.margined { margin: 0 0 10px 0 }

/* Custom Error Message */
.dnnFormItem span.dnnFormMessage.stormFormError:after {
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid red;
	bottom: -7px;
	content: "";
	height: 0;
	left: 15px;
	opacity: 0.75;
	position: absolute;
	width: 0;
}

.dnnFormItem span.dnnFormMessage.stormFormError {
	background: none repeat scroll 0 0 rgba(255, 0, 0, 0.75);
	border: medium none;
	border-radius: 3px 3px 3px 3px;
	bottom: 50%;
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	left: 22%;
	margin-bottom: 0;
	overflow: visible;
	padding: 10px;
	position: absolute;
	text-align: left;
	width: 200px;
}


.ruDropZone {
	background: none repeat scroll 0 0 #D9EEFF !important;
	border: 1px dashed #BBBBBB !important;
	border-radius: 3px 3px 3px 3px !important;
	box-shadow: 0 1px 0 #FFFFFF !important;
	color: #4577A2 !important;
	height: 150px !important;
	margin: 0 0 20px 0 !important;
	position: relative !important;
	width: 180px !important;
	display: block !important;
	left: 10px !important;
	top: 10px !important;
}

	.ruDropZone span {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
		border-radius: 3px 3px 3px 3px;
		box-shadow: 0 1px 0 #FFFFFF, 1px 1px 0 #555555 inset;
		color: #FFFFFF;
		cursor: default;
		display: block;
		font-size: 12px;
		left: 38px;
		opacity: 0.5;
		padding: 5px 0px 2px 0px;
		position: absolute;
		top: 60px;
		transition: all 500ms ease-in-out 0s;
	}

.dnnFormItem .RadTreeView input[type="checkbox"], .dnnFormItem .RadTreeView input.rcbInput {
	float: none !important;
}


.bottom-nav {
	margin-top: 10px;
}


.typhoonform .pagination {margin: 0; float: left;}
.typhoonform .pagination .dnnPrimaryAction {min-width:inherit; }

.typhoonform .pagination > .active > a, 
.typhoonform .pagination > .active > span, 
.typhoonform .pagination > .active > a:hover, 
.typhoonform .pagination > .active > span:hover, 
.typhoonform .pagination > .active > a:focus, 
.typhoonform .pagination > .active > span:focus{background-color: #d4d5d6; border-color: #CCC; color: #666;}

	  
/*#submissions table {
	padding: 10px 0;
}

#submissions .filters {
	margin: 10px 0;
}

	#submissions .filters > div {
		float: left;
		margin: 0 2px;
	}*/

/*#info, #conditions, #page, #fields, #actions, #submissions,
.top-actions, .filters {
	padding: 10px 0;
}*/

/*	#tabs-forms table > tbody > tr > td > a,
	#submissions table > tbody > tr > td > a,
	#fields table > tbody > tr > td > a,
	#actions table > tbody > tr > td > a,
	#conditions table > tbody > tr > td > a {
		cursor: pointer;
	}*/

	#fields ul.dropdown-menu > li {
		list-style-type: none;
	}

	#fields .bottom-actions > a.dnnPrimaryAction {
		margin-bottom: 0;
	}

	#fields table > tbody > tr {
		cursor: pointer;
	}

#fieldDetail .modal-dialog .modal-body ul {
	margin-left: 0;
}

	#fieldDetail .modal-dialog .modal-body ul > li {
		list-style-type: none;
	}

#fieldDetail .modal-dialog .modal-body table > tbody .actions > a,
#fieldDetail .modal-dialog .modal-body table > tfoot .actions > a {
	width: 15px;
	cursor: pointer;
}

#fieldDetail .modal-dialog .modal-body .error-check-options ul > li {
	font-size: 13px;
}

#submissions .top-actions {
	padding: 5px;
}

@media (min-width: 1092px) {
	.modal-xlg {
		width: 1000px;
	}
}

.typhoonform thead th {background-color: #d4d5d6; cursor: pointer;}
.typhoonform tbody td a {cursor: pointer;}
.typhoonform #table-formfields tbody td {cursor: move;}

/*#tabs-forms table > thead > tr,
#fields table > thead > tr,
#actions table > thead > tr,
#submissions table > thead > tr {
	cursor: pointer;
	background-color: #d4d5d6;
}*/

#fields table > tbody > tr:nth-child(2n+1),
#actions table > tbody > tr:nth-child(2n+1) #submissions table > tbody > tr:nth-child(2n+1) {
	background-color: #fff;
}

#messaging .forminstruction, #messaging .confirmation-message {
	margin: 0;
}

#fields .top-actions.dnnFormItem input[type="text"],
#conditions .top-actions.dnnFormItem input[type="text"],
#actions .top-actions.dnnFormItem input[type="text"],
#submissions .top-actions.dnnFormItem input[type="text"],
#tabGeneral .forms .top-actions.dnnFormItem input[type="text"],
#tabRegistration .forms .top-actions.dnnFormItem input[type="text"] {
	width: 25%;
	max-width: 250px;
	margin-right: 10px;
}

#layouts .layouttype {
	margin: 20px;
	text-align: left;
}

#layouts .layout-title {
	margin: 10px;
	font-weight: 600;
}

#layouts .form-instruction-item {
	width: 33.33%;
	float: left;
}

#layouts .button-placement-item {
	width: 25%;
	float: left;
}

	#layouts .form-instruction-item span.item-title,
	#layouts .button-placement-item span.item-title {
		font-weight: 600;
	}

	#layouts .form-instruction-item a,
	#layouts .button-placement-item a {
		cursor: pointer;
	}

		#layouts .form-instruction-item a > img,
		#layouts .button-placement-item a > img {
			width: 80%;
			padding: 10px;
		}

			#layouts .form-instruction-item a > img.selected,
			#layouts .button-placement-item a > img.selected {
				background-color: #f7f7b8;
			}

.fr-box .fr-toolbar button {
	box-shadow: none !important;
}

.fr-box .fr-toolbar .fr-separator {
	display: none !important;
}

.fr-box .fr-counter {
	position: absolute;
	padding: 5px;
	right: 0px;
	color: #cccccc;
	content: attr(data-chars);
	font-size: 15px;
	font-family: "Times New Roman", Georgia, Serif;
	z-index: 1;
	background: #ffffff;
	border-top: solid 1px #ebebeb;
	border-left: solid 1px #ebebeb;
	border-radius: 2px 0 0 0;
	-moz-border-radius: 2px 0 0 0;
	-webkit-border-radius: 2px 0 0 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

[id*=pnlFormView] * {
	box-sizing: border-box;
}

.typhoonform .dnnFormItem button, .typhoonform .dnnFormItem input[type="button"] {
	min-width: 15px;
}

/*#page .pageContent .panel-group {
	width: 100%;
	height: 255px;
	margin: 10px 0;
}*/

/*#page .pageContent .panel-body {
	max-height: 130px;
	overflow-y: hidden;
}

	#page .pageContent .panel-body.addPan {
		max-height: 220px;
		height: 220px;
	}*/

	   /* #page .pageContent .panel-body.addPan .divAddNewpageMessage {
			margin-top: 50px;
		   
		}

			#page .pageContent .panel-body.addPan .divAddNewpageMessage button.fa.fa-plus-circle {
				font-size: 60px;
				color: #0fb10f;
				border: none;
				background-color: transparent;
				cursor: pointer;
			}*/

/*#page .pageContent .panel-collapse[aria-expanded=true] div.panel-body {
	min-height: 130px;
}

#page .pageContent ul li {
	list-style: none;
}

#page > div.row > div:last-child .panel {
	text-align: center;
}

#page div.panel-body.fieldHolder {
	border: 1px dotted red;
}

#page div.panel-body li.pagefielditem.fieldHolder {
	border-top: 1px dotted red;
}*/

.typhoonform .panel .divAddNewpageMessage {padding: 7px 0;}
.typhoonform .panel .divAddNewpageMessage button.fa {font-size: 60px;
				border: none;
				background-color: transparent;
				cursor: pointer;}
.typhoonform .panel .divAddNewpageMessage button.fa-plus-circle {color: #0fb10f;}
.typhoonform .panel .divAddNewpageMessage button.fa-pencil-square {color: #65aae5;}
.typhoonform .panel .divAddNewpageMessage a {display: block;}

.formHeader {
	margin: 30px 0;
	font-size: 18px;
}

.dashboardinfo .row {
	padding: 5px 0;
}

	.dashboardinfo .row.title {
		border-bottom: 1px dotted #ddd;
	}

	.dashboardinfo .row > .dnnLabel {
		margin-right: 0;
		text-align: left;
		width: 50%;
	}

	.dashboardinfo .row > span {
		margin-top: 0;
	}

.typhoonform .dnnFormItem input:invalid, .dnnFormItem textarea:invalid {
	background-color: initial;
}

.typhoonform .error-check-options label {
	font-weight: normal;
}

#productbehavior .mailtoinfo,
#productbehavior .mailfrominfo,
#productbehavior .mailmessage {
	position: relative;
}

#productbehavior .emailbody { margin-left: 15px; }

#productbehavior .mailtoinfo .left-header > span {
	transform: rotate(-90deg);
	display: block;
	position: absolute;
	top: 100px;
	left: -40px;
	background-color: #bebebf;
	padding: 0 20px;
	font-weight: 600;
	width: 160px;
}

	#productbehavior .mailfrominfo .left-header > span {
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
		display: block;
		position: absolute;
		top: 95px;
		left: -120px;
		background-color: #bebebf;
		padding: 0 20px;
		font-weight: 600;
		width: 160px;
	}

	#productbehavior .mailmessage .left-header > span {
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
		display: block;
		position: absolute;
		top: 130px;
		left: -70px;
		background-color: #bebebf;
		padding: 0 40px 0 80px;
		font-weight: 600;
		/*width: 140px;*/
	}

/* viki 10.24 */
.typhoonform {-webkit-box-shadow: 0px 0px 19px 4px rgba(153,153,153,0.5);
-moz-box-shadow: 0px 0px 19px 4px rgba(153,153,153,0.5);
box-shadow: 0px 0px 19px 4px rgba(153,153,153,0.5); border-radius: 10px;}
.typhoonform h2 {margin-top: 0;}
.typhoonform h2.current-form-title, .typhoonform ul.nav-tabs {background: #f6f6f6;}
.typhoonform h2.current-form-title {margin: 0; padding: 15px 30px;}
.typhoonform h2.current-form-title .btn-primary {background-color: #8cbfec; border-color: #8cbfec; margin-left: 10px;}
.typhoonform h2.current-form-title .btn-primary:hover {background-color: #83b0d7;}
.typhoonform table .check-col {width: 80px;}

.typhoonform .btn-primary {background: #65aae5; border-color: #5996ca;color: #ffffff;}
.typhoonform .btn-primary:hover {background: #5996ca;}
.typhoonform ul.nav-tabs {margin-left: 0; padding:15px 15px 0 15px;}
.typhoonform .tab-pane {border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
.typhoonform .tab-pane-unbordered {border:0;}
.typhoonform .panel-main, .typhoonform .panel-secondary {padding: 30px;}
.typhoonform .panel-main { background-color: #ffffff;}
.typhoonform .panel-secondary {background: #f6f6f6;}

.typhoonform .field-search input {width: 75%;}
.typhoonform .field-search .btn {min-width: 45px; padding: 5px 3px;}
.typhoonform .field-search .btn .fa,
.typhoonform .filters .fa {font-size: 18px;}
.typhoonform .filters .fa {margin-left:10px;}

/* dashboard tiles */
.typhoonform .dashboardinfo .row {padding: 0;}
.typhoonform .dashboardinfo .row > div {padding: 5px;}
.typhoonform .dashboardinfo em {display: block; text-align: center; font-style:normal; font-size: 30px; font-weight:bold; color: #107ec3;line-height: 60px;}
.typhoonform .dashboardinfo .dnnLabel {margin: 0; padding: 0; text-align: center; width:auto; display: block; float: none; color: #545454;}
.typhoonform .dashboardinfo .block {border-radius: 5px; padding:14px 0;font-size: 13px;}
.typhoonform .dashboardinfo .block-a {background: #e6e6e6;}
.typhoonform .dashboardinfo .block-b {background: #d8d8d8;}
.typhoonform .dashboardinfo .block-c {background: #cecece;}
.typhoonform .dashboardinfo .block-list {padding: 18px 0 19px 0;}
.typhoonform .dashboardinfo .block-list ul, .typhoonform .dashboardinfo .block-list ul li {margin: 0; padding: 0; list-style-type: none;overflow: hidden;}
.typhoonform .dashboardinfo .block-list .dnnLabel, .typhoonform .dashboardinfo .block-list .fa {text-align: left; float: left;}
.typhoonform .dashboardinfo .block-list .fa {margin: 0 10px; width: 20px; height: 20px; border-radius: 50%; line-height: 20px; text-align: center; background: #fff;}
.typhoonform .dashboardinfo .block-list ul li {font-size:13px;}
.typhoonform .fa-check {color: #339933;}
.typhoonform .fa-close {color: #cc0000;}
.typhoonform .table-top-actions {margin-bottom: 10px;}
.typhoonform .token-message {margin: 0 0 25px 0; font-weight: bold;}
.typhoonform .tokenlist { max-height: 450px;overflow-y: auto;}
[id*="ControlPanel"], [id*="ControlPanel"] *, [id*="ControlPanel"] *::after, .TB_Wrapper * {box-sizing: inherit;}

.typhoonform .note-row p {font-style: italic; color: #999; margin: 0 0 15px 0;}
.typhoonform .note-row p .fa {margin-right: 5px; font-size: 16px;}

.typhoonform .nav-tabs>li.active>a { background-color: #65aae5;border-color: #2e6da4;color: #ffffff;}
.typhoonform .input-full-size .dnnLabel {float: none;width: 100%;text-align: left;}
.typhoonform .input-full-size .dnnLabel label {margin-left: 18px;}
.typhoonform .input-full-size a.dnnFormHelp {left: 0;top: 0;}
.typhoonform .input-full-size .dnnTooltip {left: -3%;}
.typhoonform .input-full-size .typhoonRadioButtons { margin: 0 0 30px 30px;}
.typhoonform .divFormInfo .dnnFormItem .dnnCheckbox img:last-child {margin-bottom: 18px;}
.typhoonform button.close {background-color: #d9534f;border-color: #d43f3a;padding: 6px 12px;font-size: 14px;font-weight: 400;text-align: center;white-space: nowrap;color:#ffffff;text-shadow: none;filter: alpha(opacity=100);opacity: 1;border: 1px solid transparent;border-radius: 4px;}
.typhoonform button.close:hover { background-color: #C9302C;}
.typhoonform .table-skinny { width: auto;}
.typhoonform div.scrolled { overflow-y: auto;max-height: 400px;}
.typhoonform .storm-wysiwyg { margin-bottom: 15px; }
.typhoonform a.btn-danger, a.btn-danger:link, a.btn-danger:visited { color: #ffffff; }

/* public styles */
@media screen and (max-width: 768px) {
	.typhorm .text-right { text-align: left; }   
	.dnnFormItem input[type="text"],
	.dnnFormItem input[type="password"],
	.dnnFormItem input[type="email"],
	.dnnFormItem input[type="tel"],
	.dnnFormItem select,
	.dnnFormItem textarea {
		width: 100%;
		max-width: 445px;
	}

	.dnnFormItem select {
		width: 100%;
	}
}