/* 
 * 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
 *----------------------------------------------+--------+--------+
 */  



/* 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{
}

/* CUSTOM */

/*
  Allow angular.js to be loaded in body, hiding cloaked elements until
  templates compile.  The !important is important given that there may be
  other selectors that are more specific or come later and might alter display.
 */
[ng\:cloak],
[ng-cloak],
.ng-cloak {
    display: none !important;
}

.form-control {
    border-radius: 0;
}

    .form-control.invalid {
        border-color: red;
    }

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        background-color: rgba(238, 238, 238, 0.3);
        cursor: default;
    }

.modal-content {
    border-radius: 0;
}

.modal-header {
    color: #ffffff;
    background-color: #7a0d25;
}

.btn-command {
    color: #ffffff;
    background-color: #7a0d25;
    margin: 0;
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 10px 10px 10px 10px;
    font-size: 1.0em;
}

    .btn-command > span {
        display: inline-block;
        padding: 2px;
    }

    .btn-command > label {
        text-transform: lowercase;
        margin: 0 8px 0 0;
    }

    .btn-command:hover {
        color: #ffffff;
        background-color: rgba(122, 13, 37, 0.7);
    }

    .btn-command:disabled {
        cursor: default;
        background-color: #7a0d25;
    }

    .btn-command:active {
        color: #ffffff;
        background-color: #7a0d25;
    }

.product-thumb {
    width: 64px;
    height: 64px;
    margin: 0;
    padding: 0;
}

    .product-thumb > div {
        width: 64px;
        height: 64px;
        margin: 0;
        padding: 0;
    }

        .product-thumb > div > img {
            width: 64px;
            height: 64px;
            margin: 0;
            padding: 0;
        }

        .product-thumb > div > i {
            margin: 13px;
        }

.btn {
    border-radius: 0;
    box-shadow: none;
}

.btn-primary {
    background-color: #7a0d25;
    border-color: transparent;
}

    .btn-primary:hover {
        background-color: rgba(122, 13, 37, 0.7);
        border-color: transparent;
    }

.pc-categories-list {
    padding: 0;
    margin: 0;
    margin-top: 8px;
}

    .pc-categories-list > li {
        list-style: none;
        list-style-type: none;
        padding: 4px 8px;
        display: block;
        border-radius: 3px;
        margin-bottom: 2px;
    }

        .pc-categories-list > li > a {
            cursor: pointer;
            text-decoration: none;
            color: #000000;
            display: block;
            width: 180px;
            white-space: nowrap;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .pc-categories-list > li.selected {
            background-color: #7a0d25;
        }

            .pc-categories-list > li.selected > a {
                color: #ffffff;
            }

@media only screen and (max-width: 1200px) {
    .pc-categories-list {
        padding: 0;
    }

        .pc-categories-list > li > a {
            width: 140px;
        }
}

@media only screen and (max-width: 992px) {
    .pc-categories-list {
        padding: 0;
    }

        .pc-categories-list > li > a {
            width: 100px;
        }
}

@media only screen and (max-width: 768px) {
    .pc-categories-list {
        padding: 0;
    }

        .pc-categories-list > li > a {
            width: auto;
        }
}

.pc-products-list > div > table {
    margin-top: 10px;
}

    .pc-products-list > div > table > thead > tr > td {
        font-weight: bold;
    }

    .pc-products-list > div > table > tbody > tr > td.amount {
        text-align: right;
        width: 120px;
        padding-right: 19px;
    }

    .pc-products-list > div > table > tbody > tr > td.center {
        text-align: center;
    }

    .pc-products-list > div > table > tbody > tr > td.right {
        text-align: right;
    }

    .pc-products-list > div > table > tbody > tr > td.highlighted {
        color: #d9534f;
    }

    .pc-products-list > div > table > tbody > tr > td > select {
        width: 80px;
        float: right;
    }

    .pc-products-list > div > table > tbody > tr > td > input[type=number] {
        width: 100px;
        text-align: right;
    }

    .pc-products-list > div > table > tfoot > tr > td > div > div > div {
        padding: 1px;
    }

        .pc-products-list > div > table > tfoot > tr > td > div > div > div > label {
            width: 140px !important;
            text-align: right;
            font-weight: normal;
        }

        .pc-products-list > div > table > tfoot > tr > td > div > div > div > div {
            width: 120px !important;
            background: #ffffff !important;
            background-image: none;
            box-shadow: none;
            text-align: right;
        }

            .pc-products-list > div > table > tfoot > tr > td > div > div > div > div:focus,
            .pc-products-list > div > table > tfoot > tr > td > div > div > div > div:hover {
                border-color: #cccccc;
                background: #ffffff !important;
                box-shadow: none;
            }

.pc-products-list > div > footer {
    padding: 0;
}

    .pc-products-list > div > footer > a {
        padding: 0;
    }

.pc-products-list > footer {
    margin-top: 10px;
}

.error-popover {
    cursor: pointer;
    color: red;
    font-weight: bold;
}

.popover {
    border-radius: 0;
    border: none;
    padding: 0;
    background-color: red;
}

    .popover.right > .arrow:after {
        border-right-color: red;
    }

.popover-content {
    padding: 4px 8px;
    font-size: .9em;
    background-color: red;
    font-weight: bold;
    color: white;
}

.pc-agreement-form > div.row > div > div.row {
    padding: 0;
}

    .pc-agreement-form > div.row > div > div.row > div.form-group {
        margin-bottom: 4px;
    }

        .pc-agreement-form > div.row > div > div.row > div.form-group > table > tbody > tr > td > div.progress {
            height: 20px;
            margin-top: 6px;
            margin-bottom: 6px;
        }

        .pc-agreement-form > div.row > div > div.row > div.form-group > table > tbody > tr > td.command {
            width: 47px;
        }

.pc-agreement-form > div.row > div > table > thead > tr > td {
    font-weight: bold;
}

.pc-agreement-form > div.row > div > table > tbody > tr > td {
    padding: 4px;
}

    .pc-agreement-form > div.row > div > table > tbody > tr > td > span {
        display: block;
        height: 20px;
        margin: 5px 0 5px 0;
    }

    .pc-agreement-form > div.row > div > table > tbody > tr > td > input[type=text] {
        margin: 0;
    }

    .pc-agreement-form > div.row > div > table > tbody > tr > td > input[type=checkbox] {
        margin: 8px;
    }

    .pc-agreement-form > div.row > div > table > tbody > tr > td.date > input {
        width: 100px;
    }

    .pc-agreement-form > div.row > div > table > tbody > tr > td.date > span {
        width: 100px;
    }

.pc-contact-detail > div.row {
    padding: 0;
}

    .pc-contact-detail > div.row > div.form-group {
        margin-bottom: 4px;
    }

.pc-contact-detail > header {
    margin-bottom: 20px;
}
/*
 * typehead.js-bootstrap3.less
 * @version 0.2.3
 * https://github.com/hyspace/typeahead.js-bootstrap3.less
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */
.has-warning .twitter-typeahead .tt-input,
.has-warning .twitter-typeahead .tt-hint {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-warning .twitter-typeahead .tt-input:focus,
    .has-warning .twitter-typeahead .tt-hint:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    }

.has-error .twitter-typeahead .tt-input,
.has-error .twitter-typeahead .tt-hint {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-error .twitter-typeahead .tt-input:focus,
    .has-error .twitter-typeahead .tt-hint:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    }

.has-success .twitter-typeahead .tt-input,
.has-success .twitter-typeahead .tt-hint {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-success .twitter-typeahead .tt-input:focus,
    .has-success .twitter-typeahead .tt-hint:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    }

.input-group .twitter-typeahead:first-child .tt-input,
.input-group .twitter-typeahead:first-child .tt-hint {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    width: 100%;
}

.input-group .twitter-typeahead:last-child .tt-input,
.input-group .twitter-typeahead:last-child .tt-hint {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    width: 100%;
}

.input-group.input-group-sm .twitter-typeahead .tt-input,
.input-group.input-group-sm .twitter-typeahead .tt-hint {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0px;
}

select.input-group.input-group-sm .twitter-typeahead .tt-input,
select.input-group.input-group-sm .twitter-typeahead .tt-hint {
    height: 30px;
    line-height: 30px;
}

textarea.input-group.input-group-sm .twitter-typeahead .tt-input,
textarea.input-group.input-group-sm .twitter-typeahead .tt-hint,
select[multiple].input-group.input-group-sm .twitter-typeahead .tt-input,
select[multiple].input-group.input-group-sm .twitter-typeahead .tt-hint {
    height: auto;
}

.input-group.input-group-sm .twitter-typeahead:not(:first-child):not(:last-child) .tt-input,
.input-group.input-group-sm .twitter-typeahead:not(:first-child):not(:last-child) .tt-hint {
    border-radius: 0;
}

.input-group.input-group-sm .twitter-typeahead:first-child .tt-input,
.input-group.input-group-sm .twitter-typeahead:first-child .tt-hint {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-group.input-group-sm .twitter-typeahead:last-child .tt-input,
.input-group.input-group-sm .twitter-typeahead:last-child .tt-hint {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.input-group.input-group-lg .twitter-typeahead .tt-input,
.input-group.input-group-lg .twitter-typeahead .tt-hint {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 0px;
}

select.input-group.input-group-lg .twitter-typeahead .tt-input,
select.input-group.input-group-lg .twitter-typeahead .tt-hint {
    height: 46px;
    line-height: 46px;
}

textarea.input-group.input-group-lg .twitter-typeahead .tt-input,
textarea.input-group.input-group-lg .twitter-typeahead .tt-hint,
select[multiple].input-group.input-group-lg .twitter-typeahead .tt-input,
select[multiple].input-group.input-group-lg .twitter-typeahead .tt-hint {
    height: auto;
}

.input-group.input-group-lg .twitter-typeahead:not(:first-child):not(:last-child) .tt-input,
.input-group.input-group-lg .twitter-typeahead:not(:first-child):not(:last-child) .tt-hint {
    border-radius: 0;
}

.input-group.input-group-lg .twitter-typeahead:first-child .tt-input,
.input-group.input-group-lg .twitter-typeahead:first-child .tt-hint {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-group.input-group-lg .twitter-typeahead:last-child .tt-input,
.input-group.input-group-lg .twitter-typeahead:last-child .tt-hint {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.twitter-typeahead {
    width: 100%;
    float: left;
}

.input-group .twitter-typeahead {
    display: table-cell !important;
}

.twitter-typeahead .tt-hint {
    color: #777777;
}

.twitter-typeahead .tt-input {
    z-index: 2;
}

    .twitter-typeahead .tt-input[disabled],
    .twitter-typeahead .tt-input[readonly],
    fieldset[disabled] .twitter-typeahead .tt-input {
        cursor: not-allowed;
        background-color: #eeeeee !important;
    }

.tt-dropdown-menu,
.tt-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 160px;
    width: 100%;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

    .tt-dropdown-menu .tt-suggestion,
    .tt-menu .tt-suggestion {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #333333;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .tt-dropdown-menu .tt-suggestion.tt-cursor,
        .tt-menu .tt-suggestion.tt-cursor,
        .tt-dropdown-menu .tt-suggestion:hover,
        .tt-menu .tt-suggestion:hover {
            cursor: pointer;
            text-decoration: none;
            outline: 0;
            background-color: #f5f5f5;
            color: #262626;
        }

            .tt-dropdown-menu .tt-suggestion.tt-cursor a,
            .tt-menu .tt-suggestion.tt-cursor a,
            .tt-dropdown-menu .tt-suggestion:hover a,
            .tt-menu .tt-suggestion:hover a {
                color: #262626;
            }

        .tt-dropdown-menu .tt-suggestion p,
        .tt-menu .tt-suggestion p {
            margin: 0;
        }

/*.clearfix {
    display: none;
}*/

div.invalid .ta-scroll-window {
    border: solid red 1px !important;
}

.ta-scroll-window {
    height: 160px !important;
    min-height: 160px !important;
}