﻿/* Browswe CSS Reset */
/*************************************************************/
h1, h2, h3, h4, h5, h6 						{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.1; color: inherit; }
h1 small, h2 small, h3 small, 
h4 small, h5 small, h6 small,
h1 .small, h2 .small, h3 .small,
h4 .small, h5 .small, h6 .small				{ font-weight: normal; line-height: 1; color: #999999; }
h1, h2, h3 									{ margin-top: 20px; margin-bottom: 10px; }
h1 small, h2 small, h3 small,
h1 .small, h2 .small, h3 .small 				{ font-size: 65%; }
h4, h5, h6 									{ margin-top: 10px; margin-bottom: 10px; }
h4 small, h5 small, h6 small,
h4 .small, h5 .small, h6 .small 				{ font-size: 75%; }
h1, .h1 										{ font-size: 36px; }
h2, .h2 										{ font-size: 30px; }
h3, .h3 										{ font-size: 24px; }
h4, .h4 										{ font-size: 18px; }
h5, .h5 										{ font-size: 14px; }
h6, .h6 										{ font-size: 12px; }
ul, ol										{ margin-top: 0; margin-bottom: 10px; }
ul ul, ol ul, ul ol, ol ol 							{ margin-bottom: 0; }
dl											{ margin-bottom: 20px; }
dt, dd 										{ line-height: 1.428571429; }
dt											{ font-weight: bold; }
dd											{ margin-left: 0; }

#Body *, 
#Body *:before, 
#Body *:after {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

#Body #Form.showControlBar .edBar {
	top: 53px;
}

/* Skin CSS */
/*************************************************************/
html, body									{ font-size: 14px; line-height: 18px; }
#Body .edBar									{ background: #242424 url(images/img-border.jpg) right bottom repeat-x; display: table; width: 100%; display: none; }
#Body .edCntWrapper							{ padding: 50px 0 0 0; }
#Body .edCnt									{ padding: 24px; }
#Body .leftPane,
#Body .rightPane								{ width: 25%; }
#Body .middlePane							{ width: 50%; }
#Body .leftPane,
#Body .middlePane,
#Body .rightPane								{ vertical-align: top; padding: 24px; }
#Body .leftPane								{ background: #eaeaea; border-right: 1px solid #dadada; }
#Body .rightPane								{ background: #eaeaea; border-left: 1px solid #dadada; }
#Body .edNav,
#Body .edMobNav,
#Body .edSetting								{ float: right; margin: 0 0 5px 0; }
#Body .edNav									{ display: block; }
#Body .edMobNav								{ display: none; }
#Body .edTitle								{ margin: 0 0 5px 0; font-size: 16px; line-height: 36px; color: #fff; text-decoration: none; padding: 0 12px; }
#Body .edNav .k-menu,
#Body .edNav .k-menu .k-item,
#Body .edMobNav .k-menu,
#Body .edMobNav .k-menu .k-item,
#Body .edSetting .k-menu,
#Body .edSetting .k-menu .k-item				{ border: none;  }
#Body .edNav .k-menu,
#Body .edMobNav .k-menu,
#Body .edSetting .k-menu						{ background-color: transparent; }
#Body .edNav .k-menu .k-link,
#Body .edMobNav .k-menu .k-link,
#Body .edSetting .k-menu .k-link				{ font-size: 14px; line-height: 20px; padding: 8px 12px; }
#Body .lfSpacing								{ padding: 0 12px 0 0; }
#Body .rtSpacing								{ padding: 0 0 0 12px; }

/* Form CSS */
/*************************************************************/
#Body .form									{ padding: 12px; }
#Body .form-group							{ margin-bottom: 15px; }
#Body .form-group:after						{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#Body .form-label							{ display: block; margin-bottom: 5px; }
#Body .form-control							{ width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#Body .form-actions							{ margin: 15px 0; }
#Body .form-footer							{ background: #dadada; padding: 12px; }

/* DNN Overwrite CSS */
/*************************************************************/
#Body .DNNEmptyPane 							{ display: none; }
#Body .cntPane,
#Body .DnnModule,
#Body .DNNModuleContent  						{ display: table; height: 100%; width: 100%; }

/* Alignment CSS */
/*************************************************************/
.text-left 									{ text-align: left; }
.text-right 									{ text-align: right; }
.text-center 								{ text-align: center; }
.clearfix:before, .clearfix:after 			{ display: table; content: " "; }
.clearfix:after 								{ clear: both; }
.pull-right 									{ float: right; }
.pull-left 									{ float: left; }
.vSpacing									{ margin: 0 12px 0 0; }

/* Media Query CSS */
/*************************************************************/
@media (max-width:768px){
	#Body .edNav								{ display: none; }
	#Body .edMobNav							{ display: block; }
	.pull-right,
	.pull-left 								{ float: none; }
}

/* Kendo Custom Styling */
/******************************************************************/
/*#Body .k-grid-footer							{ display: none; }*/
#Body .k-dropzone							{ padding: 0; }
#Body .k-grid .k-state-active 				{ background-color: #DADADA; }
#Body .k-grid-header .k-header 				{ white-space: normal; word-wrap:break-word; }
#Body .k-grid td								{ word-wrap: break-word; overflow-wrap: break-word; }
#Body .k-picker-wrap .k-icon,
#Body .k-combobox .k-icon, 
#Body .k-dropdown, 
#Body .k-selectbox .k-icon,
#Body .k-dropdown-wrap .k-select, 
#Body .k-picker-wrap .k-select, 
#Body .k-numeric-wrap .k-select, 
#Body .k-datetimepicker .k-select + .k-select, 
#Body .k-list-container.k-state-border-right	{ vertical-align: middle; }
#Body .k-button								{ white-space: nowrap; min-width: 32px; }
#Body .k-autocomplete, 
#Body .k-dropdown-wrap, 
#Body .k-picker-wrap							{ padding: 0 26px 0 0; overflow: hidden; }
#Body .k-autocomplete .k-select, 
#Body .k-dropdown-wrap .k-select, 
#Body .k-picker-wrap .k-select				{ width: 26px; padding: 0; cursor: pointer; vertical-align: middle;  }
#Body .k-autocomplete .k-select .k-icon, 
#Body .k-dropdown-wrap .k-select .k-icon, 
#Body .k-picker-wrap .k-select .k-icon		{ top: auto; margin: auto; position: relative; }
#Body div.k-window-content					{ padding: 8px; }
#Body .k-edit-form-container					{ margin: 8px; overflow: visible; }
#Body.k-grid tbody .k-button, 
.k-ie8 .k-grid tbody button.k-button 			{ min-width: 32px; }
#Body .k-add:before							{ content: ""; }
#Body .k-update:before						{ content: ""; }
#Body .k-cancel:before						{ content: ""; }
#Body .k-add,
#Body .k-cancel,
#Body .k-update								{ display: inline-block; *display: inline; zoom: 1; font-size: inherit; line-height: 1;
											font-family: FontAwesome; font-style: normal; font-weight: normal; 
											background: transparent; margin: 0 3px 0 0; padding: 0; }
#Body .k-button 								{ color: #787878; }
#Body .k-button:hover,
#Body .k-button:focus,
#Body .k-button:active 						{ color: #fff; }

/* DNN Control Panel Styling */
/******************************************************************/
#Body .ServiceIcon.professional				{ border-bottom: 5px solid #f93719; }