/*BEGIN  */
/* Style the dnn login, primary and secondary DNN action Buttons  Compliance Training Solutions October 2020 */
.LoginPanel {
    width: auto !important;
    float: none !important;
    display: flex !important;
    padding: 0 !important;
    max-width: 100% !important;
    justify-content: center;
}

.LoginPanel > div {
    min-width: 300px;
    max-width: 500px;
}

/* style the form item wrapper */

.LoginPanel .dnnForm .dnnFormItem {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

/* style the form label */

.LoginPanel .dnnFormItem > .dnnLabel {
    margin-top: 0;
}

.LoginPanel .dnnFormItem > .dnnLabel label {
    display: block;
}

.LoginPanel .dnnLabel {
    display: block;
    float: none;
    position: relative;
    width: auto;
    padding-right: 0;
    margin-right: 0;
    overflow: visible;
    text-align: left;
}

/* boostrap fix - remove the yellow background from the checkbox field */
.dnnCheckbox .mark {
    background: none !important;
}

/* give the Remember Me checkbox a smaller text size */
.dnnLoginRememberMe {
    font-size: 15px;
}

/* style the login panel text input fields */
.LoginPanel .dnnLoginService input[type="text"],
.LoginPanel .dnnLoginService input[type="password"] {
    width: 100% !important;
    min-width: 100%;
    margin: 0;
    border-radius: 1px;
    padding: 10px;
}

/* hide the empty label beside the Reset Password button */
.LoginPanel .dnnFormItem:last-child span.dnnFormLabel {
    display: none;
}

.LoginPanel ul.dnnActions {
    margin: 0 !important;
    padding: 0 !important;
}

/* primary action buttons - also used in dnn modal popups */

.dnnPrimaryAction,
.dnnFormItem input[type="submit"],
a.dnnPrimaryAction {
    background: #E78A04;
    border: none;
    color: #ffffff;
    text-shadow: none;
    font-weight: 400;
    box-shadow: none;
    border-radius: 1px;
    font-size: 15px;
    padding: 10px 20px;
}


.dnnPrimaryAction:hover,
.dnnFormItem input[type="submit"]:hover,
a.dnnPrimaryAction:hover {
    background: #E78A04 !important;
    text-decoration: none !important;
}

/* secondary action buttons - also used in dnn modal popups */

.dnnSecondaryAction,
.dnnFormItem input[type="submit"],
a.dnnSecondaryAction {
    background: #E78A04;
    border: none;
    color: #555;
    text-shadow: none;
    font-weight: 400;
    box-shadow: none;
    border-radius: 1px;
    font-size: 15px;
    padding: 10px 20px;
}

.dnnSecondaryAction:hover,
.dnnFormItem input[type="submit"]:hover,
a.dnnSecondaryAction:hover {
    background: #f1f1f1 !important;
    text-decoration: none !important;
}
/* Style the dnn login, primary and secondary DNN action Buttons  Compliance Training Solutions October 2020 */
/* END */
/* 
 * Deprecated DNN CSS class names will remain available for some time
 * before being  permanently removed. Removal will occur according to
 * the  following process:
 *
 * 1. Removal will only occur with a major (x.y) release, never
 *    with a maintenance (x.y.z) release.
 * 2. Removal will not occur less than six months after the release
 *    when it was deprecated.
 * 3. Removal will not occur until after deprecation has been noted 
 *    in at least two major releases.
 *
 *                                              |        |Planned |
 *  Name                                        |Release |Removal |
 *----------------------------------------------+--------+--------+
 * Mod{NAME}C                                     5.6.2    6.2
 *   {NAME} = sanitized version of the DesktopModule Name 
 *   Used on <div> tag surrounding Module Content, inside container
 *----------------------------------------------+--------+--------+
 */

/* re-style the dnn login Compliance Training Solutions October 2020 */

.LoginPanel {
    width: auto !important;
    float: none !important;
    display: flex !important;
    padding: 0 !important;
    max-width: 100% !important;
    justify-content: center;
}

.LoginPanel > div {
    min-width: 300px;
    max-width: 500px;
}

/* style the form item wrapper */

.LoginPanel .dnnForm .dnnFormItem {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

/* style the form label */

.LoginPanel .dnnFormItem > .dnnLabel {
    margin-top: 0;
}

.LoginPanel .dnnFormItem > .dnnLabel label {
    display: block;
}

.LoginPanel .dnnLabel {
    display: block;
    float: none;
    position: relative;
    width: auto;
    padding-right: 0;
    margin-right: 0;
    overflow: visible;
    text-align: left;
}

/* boostrap fix - remove the yellow background from the checkbox field */
.dnnCheckbox .mark {
    background: none !important;
}

/* give the Remember Me checkbox a smaller text size */
.dnnLoginRememberMe {
    font-size: 15px;
}

/* style the login panel text input fields */
.LoginPanel .dnnLoginService input[type="text"],
.LoginPanel .dnnLoginService input[type="password"] {
    width: 100% !important;
    min-width: 100%;
    margin: 0;
    border-radius: 1px;
    padding: 10px;
}

/* hide the empty label beside the Reset Password button */
.LoginPanel .dnnFormItem:last-child span.dnnFormLabel {
    display: none;
}

.LoginPanel ul.dnnActions {
    margin: 0 !important;
    padding: 0 !important;
}

/* primary action buttons - also used in dnn modal popups */

.dnnPrimaryAction,
.dnnFormItem input[type="submit"],
a.dnnPrimaryAction {
    background: #E78A04;
    border: none;
    color: #ffffff;
    text-shadow: none;
    font-weight: 400;
    box-shadow: none;
    border-radius: 1px;
    font-size: 15px;
    padding: 10px 20px;
}


.dnnPrimaryAction:hover,
.dnnFormItem input[type="submit"]:hover,
a.dnnPrimaryAction:hover {
    background: #E78A04 !important;
    text-decoration: none !important;
}

/* secondary action buttons - also used in dnn modal popups */

.dnnSecondaryAction,
.dnnFormItem input[type="submit"],
a.dnnSecondaryAction {
    background: #E78A04;
    border: none;
    color: #555;
    text-shadow: none;
    font-weight: 400;
    box-shadow: none;
    border-radius: 1px;
    font-size: 15px;
    padding: 10px 20px;
}

.dnnSecondaryAction:hover,
.dnnFormItem input[type="submit"]:hover,
a.dnnSecondaryAction:hover {
    background: #f1f1f1 !important;
    text-decoration: none !important;
}







/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {}

/* background color for the content part of the pages */
Body {}

.ControlPanel {}

/* background/border colors for the selected tab */
.TabBg {}

.LeftPane {}

.ContentPane {}

.RightPane {}

/* text style for the selected tab */
.SelectedTab {}

/* hyperlink style for the selected tab */
A.SelectedTab:link {}

A.SelectedTab:visited {}

A.SelectedTab:hover {}

A.SelectedTab:active {}

/* text style for the unselected tabs */
.OtherTabs {}

/* hyperlink style for the unselected tabs */
A.OtherTabs:link {}

A.OtherTabs:visited {}

A.OtherTabs:hover {}

A.OtherTabs:active {}

/* GENERAL */
/* style for module titles */
.Head {}

/* style of item titles on edit and admin pages */
.SubHead {}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {}

/* text style used for most text rendered by modules */
.Normal {}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox {}

.NormalRed {}

.NormalBold {}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton {}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {}

A.CommandButton:visited {}

A.CommandButton:hover {}

A.CommandButton:active {}

/* button style for standard HTML buttons */
.StandardButton {}

/* GENERIC */
H1 {}

H2 {}

H3 {}

H4 {}

H5,
DT {}

H6 {}

TFOOT,
THEAD {}

TH {}

A:link {}

A:visited {}

A:hover {}

A:active {}

SMALL {}

BIG {}

BLOCKQUOTE,
PRE {}


UL LI {}

UL LI LI {}

UL LI LI LI {}

OL LI {}

OL OL LI {}

OL OL OL LI {}

OL UL LI {}

HR {}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */
.Message {}

/* style of item titles by Announcements and events */
.ItemTitle {}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {}

.ModuleTitle_MenuBar {}

.ModuleTitle_MenuItem {}

.ModuleTitle_MenuIcon {}

.ModuleTitle_SubMenu {}

.ModuleTitle_MenuBreak {}

.ModuleTitle_MenuItemSel {}

.ModuleTitle_MenuArrow {}

.ModuleTitle_RootMenuArrow {}

/* Main Menu */

.MainMenu_MenuContainer {}

.MainMenu_MenuBar {}

.MainMenu_MenuItem {}

.MainMenu_MenuIcon {}

.MainMenu_SubMenu {}

.MainMenu_MenuBreak {}

.MainMenu_MenuItemSel {}

.MainMenu_MenuArrow {}

.MainMenu_RootMenuArrow {}

/* Login Styles */
.LoginPanel {}

.LoginTabGroup {}

.LoginTab {}

.LoginTabSelected {}

.LoginTabHover {}

.LoginContainerGroup {}

.LoginContainer {}
/* re-style the dnn login */

.LoginPanel {
	width: auto !important;
	float: none !important;
	display: flex !important;
	padding: 0 !important;
	max-width: 100% !important;
	justify-content: center;
}

.LoginPanel > div {
	min-width: 300px;   
	max-width: 500px;
}

/* style the form item wrapper */

.LoginPanel .dnnForm .dnnFormItem {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	margin-bottom: 15px;
}

/* style the form label */

.LoginPanel .dnnFormItem > .dnnLabel {
	margin-top: 0;
}

.LoginPanel .dnnFormItem > .dnnLabel label {
	display: block; 
}

.LoginPanel .dnnLabel {
	display: block;
	float: none;
	position: relative;
	width: auto;
	padding-right: 0;
	margin-right: 0;
	overflow: visible;
	text-align: left;
}

/* boostrap fix - remove the yellow background from the checkbox field */
.dnnCheckbox .mark {
	background: none !important;
}

/* give the Remember Me checkbox a smaller text size */
.dnnLoginRememberMe {
	font-size: 15px;
}

/* style the login panel text input fields */
.LoginPanel .dnnLoginService input[type="text"], 
.LoginPanel .dnnLoginService input[type="password"] {
	width: 100% !important;
	min-width: 100%;
	margin: 0;
	border-radius: 1px;
	padding: 10px;
}

/* hide the empty label beside the Reset Password button */
.LoginPanel .dnnFormItem:last-child span.dnnFormLabel {
	display: none;
}

.LoginPanel ul.dnnActions {
	margin: 0 !important;
	padding: 0 !important;
}

/* primary action buttons - also used in dnn modal popups */

.dnnPrimaryAction, 
.dnnFormItem input[type="submit"], 
a.dnnPrimaryAction {
	background: #015488;
	border: none;
	color: #ffffff;
	text-shadow: none;
	font-weight: 400;
	box-shadow: none;
	border-radius: 1px;
	font-size: 15px;
	padding: 10px 20px;
}
.dnnPrimaryAction:hover, 
.dnnFormItem input[type="submit"]:hover, 
a.dnnPrimaryAction:hover {
	background: #1B6EA2 !important;
	text-decoration: none !important;
}

/* secondary action buttons - also used in dnn modal popups */

.dnnSecondaryAction, 
.dnnFormItem input[type="submit"], 
a.dnnSecondaryAction {
	background: #f5f5f5;
	border: none;
	color: #555;
	text-shadow: none;
	font-weight: 400;
	box-shadow: none;
	border-radius: 1px;
	font-size: 15px;
	padding: 10px 20px;
}
.dnnSecondaryAction:hover, 
.dnnFormItem input[type="submit"]:hover, 
a.dnnSecondaryAction:hover {
	background: #f1f1f1 !important;
	text-decoration: none !important;
}


