dd {
    margin: 0;
}

*:focus {
    outline: none;
}

html {
    min-height: 100%;
    position: relative;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/OpenSans-Regular.eot');
    src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
}

body {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px !important;
    color: #45484d !important;
    margin: 0;
    padding: 0;
    background-color: white;
    height:100%;
}

.message {
    top: 5px;
    margin-right: 18px;
    position: relative;
}

#wrapper {
    background: white;
    min-height: 100%;
}

#content {
    clear: both;
    padding: 0;
    min-height: 700px;
    background: white;
}

.pageOverlay {
    top: 0;
    left: 0;
    position: relative;
    min-height: 700px;
    width: 100%;
    z-index: 1001;
    display: block;
}

#loadingOverlay {
    background:  #fff url('//ajax.googleapis.com/ajax/libs/dojo/1.7.4/dijit/themes/claro/images/loadingAnimation.gif') no-repeat 10px 23px;
}

.loadingMessage {
    padding: 25px 40px;
    color: #999;
}

.header {
    background: url('/images/header-bg.jpg') no-repeat #1B80B6;
    height: 59px;
    text-align: right;
}

.logo {
    background: url('/images/logo.png') no-repeat transparent;
    height: 55px;
}

.header-left {
    font-size: .95em;
    color: white;
    float: left;
    width: 300px;
}

.header-right {
    padding: 10px 25px 0 15px;
    font-size: .95em;
    color: white;
    float: right;
}

.header-right p {
    padding: 0;
    margin: 0;
}

.header-right a {
    font-size: .95em;
    color: #FCCE77;
}

.nav-bar {
    border-top: 1px solid #2D444F;
    border-bottom: 1px solid #2D444F;
    background: url('/images/nav1_bg.gif') repeat-x 0 100% #666E73;
    padding: 0 30px;
}

.content {
    float: left;
    width: 100%;
    padding: 0;
    min-height: 100%;
}

.page-top {
    margin-bottom: 0px;
    height: 38px;
    padding: 0 15px;
    box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 0 #fff;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    background: #fafafa;
    color: #797979;
    border-bottom: 1px solid #ddd;
    font-size: 9pt;
}

.page-title {
    float: left;
    font-size: 18px !important;
    padding: 8px 0px 12px 4px;
    color: #333;
   // clear: both;
}

div[id$="grid-title"] {
    float: left;
    font-size: 16px;
    padding: 8px 0px 9px 0px;
    width: auto;
}

span[id$="grid-title-count"] {
    font-weight: normal;
}

.page-controls {
    padding-top: 4px;
    float: right;
}

.entity-metadata {
    line-height: 14px;
    font-size: 13px;
    position: relative;
    cursor: help;
    float: right;
    min-height: 0px;
    padding: 3px 5px 3px 5px;
    background-color: #e4e4e4;
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    margin-right: 16px;
    top: 10px;
}

.tab-content {
    overflow: hidden;
    padding: 10px 20px;
}

.tab-content {
    min-height: 400px;
}

.box {
    color: white;
    background-color: #ba2929;
    width: 200px;
    height: 50px;
    padding: 10px;
}

#wrapper .dgrid {
    height: auto;
}

#wrapper .dgrid .dgrid-scroller {
    position: relative;
    max-height: 700px;
//overflow: auto;
}

.dijitDialog {
    max-width: 950px;
}

.dijitDialog #nolayout-content .dgrid {
    height: 410px !important;
    position: relative;
//overflow: hidden;
}

.dijitDialog #nolayout-content .dgrid .dgrid-scroller {
    position: relative;
    max-height: 350px;
    overflow: auto;
}

.sourcing-pane .dgrid {
    height: auto;
}

#nolayout-content {
    min-width: 850px;
    clear: both;
    width: auto;
}

.footer {
    background-color: #7d7e80;
    color: #fff;
    font-size: 10px;
    clear: both;
    text-align: center;
    height: 40px;
    line-height: 40px;
}

.footer .logo {
    background: url('/images/footer-logo.png') no-repeat transparent;
    height: 25px;
    float: right;
    width: 140px;
}

/* Menu */

#menu {
    width: 100%;
    background: #7d7e80;
    background-image: url('/images/header/nav-bg.png');
    background-repeat: repeat-x;
    background-position: bottom;
}

#menu ul {
    margin: 0;
    padding: 0 5px;
    list-style: none;
    position: relative;
    display: inline-table;
}

#menu ul ul {
    display: none;
}

#menu ul li {
    float: left;
    position: relative;
}

#menu ul li a {
    display: block;
    padding: 5px 10px;
    color: #fff;
    text-decoration: none;
}

#menu ul li:hover {
    background: #ff0000;
    background-image: url('/images/header/menu_hover.png');
    background-repeat: no-repeat;
    background-position: right top;
}

#menu ul li:hover > ul {
    display: block;
}

#menu ul ul {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 130px;
    padding: 5px 0;
    margin: 0px 0 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.2);
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

#menu ul ul li {
    width: 130px;
}

#menu ul ul li a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #000;
    white-space: nowrap;
}

#menu ul ul li a:hover {
    background-color: #ff0000;
    color: #fff;
}

#menu ul ul li:hover a {
    color: #fff;
}

#menu ul ul ul {
    left: 32px;
}

#menu ul li ul li:hover ul li a {
    color: #000;
}

#menu ul li ul li:hover ul li:hover a {
    color: #fff;
}

/* End Menu */

dt {
    float: left;
    width: 200px;
}

dd {
    padding-bottom: 20px ! important;
    clear: both;
}

#supply_tab,#product_tab,#setting_tab,#sales_tab, #client_tab{
    padding: 30px 0;
}

#wrapper .dijitSelect .dijitButtonText{
    text-align: left;
}

#supplies_section .row {
    background-color: #EEE;
    padding: 5px 0;
    width: 720px;
    float: left;
    clear: both;
    display: inline-block;
}

#left_links {
    float: right;
    padding: 10px 10px;
}

#comments {
    position: absolute;
    top: 2300px;
    left: 755px;
}

#price_weight .first_row th {
    padding: 0 15px;
}

.high-quality-supply {
    color: green;
}

.low-quality-supply {
    color: red;
}

.section-factor {
    padding: 5px 0px;
    width: 300px;
    background: #EEE;
    margin-top: 10px;
    display: block;
}

.supplies_section_label {
    float: left;
}

.supplies_section_action {
    float: left;
}

.reset-box {
    overflow: auto;
    padding: 5px 35px;
    margin: 170px auto;
    width: 400px;
    height: auto;
    background-color: #fff;
    border: 1px solid #ccc;
}

.login-box {
    padding: 10px 35px;
    margin: 170px auto;
    width: 270px;
    height: auto;
    background-color: #fff;
    border: 1px solid #ccc;
    font-size: 12px !important;
}

.login-box h1 {
    padding-bottom: 10px;
    padding-top: 0px;
    margin-top: 0px;
}

.login-box .error-box {
    padding-top: 5px;
}

.login-box a {
    text-decoration: none;
    position: relative;
    top: -8px;
    font-size: 11px;
    color: black;
}

.reset-box a {
    text-decoration: none;
    position: relative;
    top: 30px;
    font-size: 11px;
    color: black;
}

#nolayout-content .success-box, #nolayout-content .error-box {
    margin-left: 0px !important;
}

.error-box a, .success-box a{
    text-decoration: underline;
}

.error-box {
    border: 1px solid #F16048;
    color: #DF280A;
    background-color: #FAEBE7;
    min-height: 23px;
    margin-bottom: 11px;
    padding: 11px 8px 2px 32px;
    font-size: 11px;
}

.success-box {
    border: 1px solid #95A486 !important;
    color: #3D6611 !important;
    background-color: #EFF5EA;
    min-height: 23px;
    margin-bottom: 11px;
    margin-left: 11px;
    padding: 11px 8px 2px 32px;
    font-size: 11px;
}

.login-box dl, .reset-box dl {
    height: 90px;
}

.login-box dt {
    float: left;
    display: block;
    padding-bottom: 10px;
    width: 75px;
}

.login-box dd {
    float: right;
    clear: none;
    display: block;
    padding-bottom: 10px;
}

.login-box .submit, .reset-box .submit {
    float: right;
    clear: both;
}

.tundra .dijitTabContainerLeft-tabs {
    border-color: #CCC;
    padding-top: 0px;
    min-width: 179px;
}

.tundra .dijitTitlePaneContentOuter {
    overflow: hidden !important;
}

.tundra .dijitTabContainerTop-dijitContentPane, .tundra .dijitTabContainerLeft-dijitContentPane,
.tundra .dijitTabContainerBottom-dijitContentPane, .tundra .dijitTabContainerRight-dijitContentPane,
.tundra .dijitAccordionContainer-dijitContentPane {
    padding: 0px !important;
}

viewdetails-content fieldset {
    border: none !important;
}

fieldset {
    overflow: visible;
    background: #fff !important;
    margin: 0 auto 20px !important;
    position: static !important;
    border: 1px solid #c1c1c1 !important;
}

.viewdetails-content fieldset {
    border: none !important;
}

.viewdetails-content fieldset legend {
    padding: 0 !important;
}

fieldset .legend {
    background-image: linear-gradient(to bottom, #f8f8f8, #ededed);
    background-repeat: repeat-x;
    border-bottom: 1px solid #c1c1c1;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    height: 29px;
    line-height: 29px;
    position: relative;
    padding: 0;
    width: 100%;
}

fieldset legend {
    margin: 0;
    color: #45484d;
    font-size: 14px !important;
    height: 29px;
    line-height: 29px;
    padding: 0 15px;
    font-weight: 700;
}

fieldset .content {
    padding:0px 10px 20px 15px;
    margin: 0;
}

.tundra .dijitTabPaneWrapper {
    border: none;
}

.tundra .dijitTabPaneWrapper {
    border-bottom: none;
}

.tundra .dijitTabContainerTopStrip {
    border-top: 0 !important;
    border-right: 0  !important;
    border-left: 0  !important;
    background: none  !important;
}

.tundra .dijitInputContainer input, .tundra .dijitTextBox .dijitButtonNode, .tundra .dijitSelect .dijitButtonContents,
.tundra .dijitTextBox .dijitButtonNode {
    line-height: 18px !important;
    height: 18px !important;
}

.tundra .dijitButtonText {
    font-size: 13px !important;
}

.tundra .dijitTab {
    background: none;
    background-color: #e9e9e9;
    color: #999;
    border: none;
}

.tundra .dijitTabHover, .tundra .dijitTabCheckedHover {
    background: none;
    color: #777;
    background-color: #f6f6f6;
    border: none;
}

.tundra .dijitTabContainerLeft-tabs .dijitTabChecked,
.tundra .dijitTabContainerTop-tabs .dijitTabChecked
{
    border: none;
    border-left: 5px solid #ff0000;
    color: #333;
    background-color: #fff;
}

.tundra .dijitTabContainerTop-tabs .dijitTabChecked {
    border: 1px solid #ccc;
}

.tundra .dijitTab img, .tundra .dijitTabContainerLeft-tabs img {
    display: none;
}

.tundra .dijitTab span {
    padding: 5px 10px;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.red {
    color: #DF280A;
}

.help {
    height: 16px;
    text-decoration: none;
    padding-left: 20px;
    float: right;
    padding-top: 6px;
    padding-right: 11px;
    color: #fff;
}

.tabs-error {
    width: 16px;
    float: right;
    height: 16px;
}

.settings-category-panel {
    display: block;
    width: auto;
    float: left;
    padding-right: 12px;
}

.category-panel {
    display: none;
    width: auto;
    float: left;
    padding-right: 12px;
}

.right-panel {
    overflow: hidden;
    width: auto;
    height: 100%;
}

div[id$="-catTree"] {
    width: auto;
    padding-top: 20px;
    clear: both;
    min-height: 20px;
    padding: 14px 11px 16px 8px;;
    background-color: #f5f5f5;
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    margin-right: 6px;
}

#fieldsTree {
    padding-left: 5px;
    padding-top: 20px;
    clear: both;
    min-height: 20px;
    padding: 14px 0px 16px 16px;
    background-color: #f5f5f5;
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    margin-right: 6px;
}

#parentFieldsTree {
    padding-left: 5px;
    padding-top: 20px;
    clear: both;
}

#unassignedFieldsTree {
    padding-left: 5px;
    padding-top: 20px;
    clear: both;
    min-height: 20px;
    padding: 14px 0px 16px 16px;
    background-color: #f5f5f5;
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    margin-right: 6px;
}

.settings-wrapper {
    width: 100%;
}

.manage-categories {
    float: left;
    max-width: 250px;
}

.manage-fields {
    width: auto;
    display: block;
    overflow: hidden;
}

.unassigned-fields {
    float: left;
    width: auto;
}

.dialog-input-wrapper {
    float: left;
    clear: both;
    padding: 5px 5px;
}

.dialog-input-wrapper .label {
    width: 150px;
    float: left;
}

.dialog-input-wrapper input {
    float: left;
}

.dialog-button-wrapper {
    float: right;
    clear: both;
    padding: 10px;
}

.category-page-controls {
    width: 100%;
    height: 32px;
    border-bottom: 4px solid #DFDFDF;
    margin-bottom: 15px;
}

.category-page-controls .top-button {
    float: right;
}

.category-settings {
    clear: both;
    margin: 10px;
}

/* Catalog settings */

.field-tree-root{
    width: 0px;
    height: 0px;
    background: #fff;

}

.parent-field{
    width: 16px;
    height: 16px;
    background: #cccccc;
}

.current-field{
    width: 16px;
    height: 16px;
    background: rgba(68, 136, 255, 0.45);

}

.parent-field-col{
    width: 16px;
    height: 16px;
    background: #2e322b;
}

.current-field-col{
    width: 16px;
    height: 16px;
    background: #3773d9;

}

.tundra #fieldsTree .dijitTreeNode {

}

.field:before {
    content: "\f044";
}

.linkfield:before {
    content: "\f0c1";
}

.datefield:before {
    content: "\f073";
}

.multichoicefield:before {
    content: "\f022";
}

.userlist:before{
    content: "\f007";
}

.comments:before{
    content: "\f086";
}

.files:before{
    content: "\F016";
}

.workflow:before{
    content: "\F04B";
}

.field-parent {
    opacity:0.3;
}

.tab:before {
    content: "\f0c9";
}

.customtab:before {
    content: "\f009";
}

.calculated:before {
    content: "\F12B";
}

.map:before {
    content: "\F0AC";
}

.image:before {
    content: "\F03E";
}

.tablink:before{
    content: "\f0ec";
}

.settings-button {
    clear: both;
    width: 100%;
    height: 43px;
}

.settings-button .button {
    float: left;
}

.dijitTextArea {
    width: 500px;
    height: 100px;
}

select {
    width: 194px;
    height: 80px;
}

#gridDiv {
    height: 100%;
    clear: both;
}

div[id$="-searchBoxWrapper"]{
    width: 150px;
    float: left;
    padding-bottom: 10px;
    padding-right: 8px;
}

div[id$="-searchBoxWrapper"] label{
    float: left;
    width: 150px;
    padding-right: 8px;
}

.advancedField {
    width: 150px;
}

.gridDiv {
    clear: both;
}

.selectedActionZone {
    float: right;
}

.selectedActionLabel {
    padding-top: 6px;
    float: left;
}

.selectedAction {
    float: left;
    padding-top: 6px;
    padding-right: 7px;
    padding-left: 9px;
}

div[id$="-actionZone"] {
    clear: both;
}

div[id$="-controlButtonDiv"] {
    float: right;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    div[id$="-controlButtonDiv"] {
        float: left;
        clear: both;
        padding-bottom: 5px;
    }
}

div[id$="-addLinkButtonDiv"], div[id$="-createLinkButtonDiv"],
div[id$="-removeLinkButtonDiv"], div[id$="-addSelectedButtonDiv"],
div[id$="-sourceButtonDiv"], div[id$="-removeSelectedButtonDiv"],
div[id$="-deleteButtonDiv"] {
    float: right;
    padding: 0px 4px 0px 5px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    div[id$="-addLinkButtonDiv"], div[id$="-createLinkButtonDiv"],
    div[id$="-removeLinkButtonDiv"], div[id$="-addSelectedButtonDiv"],
    div[id$="-sourceButtonDiv"], div[id$="-removeSelectedButtonDiv"] {
        float: right;
        padding: 0;
    }
}

div[id$="-searchButtonDiv"] {
    float: left;
}

div[id$="-searchButtonDiv"] button {
    float: left;
}

.tableSearch {
    float: left;
    padding: 4px 4px 7px 0px;
}

.tableSearch .dijitTextBox {
    height: 21px;
}

.tableSearch .dijitTextBox input {
    line-height: 21px !important;
}

div[id$="-advancedSearchButton"] {
    float: left;
    padding: 0px 4px 7px 0px;
}


div[id$="-advancedSearchButton"] span {
    float: left;
}

div[id$="-submitLinkButtonDiv"], div[id$="-submitNewButtonDiv"]  {
    position: relative;
    left: 256px;
    padding-top: 20px;
    padding-right: 15px;
    padding-bottom: 20px;
    width: 100%;
}

div[id$="-searchDiv"] {
    display: none;
    overflow: hidden;
    clear: both;
    min-height: 36px;
    padding: 7px 0px 16px 8px;
    background-color: #e4e4e4;
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    margin-right: 6px;
    margin-bottom: 5px;
}


div[id$="-submitSearchDiv"] {
    float: left;
}

div[id$="-clearSearchDiv"] {
    display: block;
    float: left;
}

div[id$="-advancedSearchDiv"] {
    display: none;
    clear: both;
    min-height: 30px;
    padding: 7px 0px 16px 8px;
    background-color: #e4e4e4;
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    margin-right: 6px;
    margin-bottom: 5px;
}

.dojoxCheckedMultiSelectHidden {
    display: none;
}

div[id$="-specialFunctionality"] {
    float: left;
    clear: both;
    width: 100%;
}

.content .specialfuncbutton {
    float: left;
    margin-bottom: 16px;
    margin-right: 15px;
    min-width: 130px;
}

.icon-bigbutton {
    text-align: center;
    font-size: 42px;
    color: #333;
}

.specialfuncbutton .dijitButtonText {
    text-align: center;
    font-size: 14px;
}

.tundra div[id$="-specialFunctionality"] .dijitButtonHover .dijitButtonNode {
    background: none !important;
    background-color: #fff !important;
    border: 1px solid #c1c1c1 !important;
}

.content .specialfuncbutton {
    float: left;
    height: 60px !important;
    margin-bottom: 24px;
    margin-right: 15px;
}

.specialfuncbutton .dijitButtonNode {
    padding-bottom: 8px;
    padding-top: 4px;
    background: #f4f4f4;
    display: block;
    color: #222;
    border: 1px solid #c1c1c1;
    height: 60px !important;
}

div[id$="-searchZone"] {
    overflow: hidden;
    min-height: 36px;
    padding: 5px 0px 0px 5px;
    background-color: #f5f5f5;
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    margin-right: 6px;
    margin-bottom: 7px;
}

div[id$="-addNewLinkgrid"] {
    clear: both;
}

.field-id {
    width: 80px;
}

.field-_item {
    width: 60px;
}

.help .icon-question-sign {
}

.title-red-icon {
    color: #ff0000;
    font-size: 22px;
    position: relative;
    top: 1px;
    padding-right: 3px;
}

.dijitButtonNode .dijitButtonText {
    line-height: 20px !important;
    color: #333;
}

.icon-button {
    position: relative;
    top: -1px;
    font-size: 14px;
}

.login-top-icon {
    color: white;
    padding-right: 5px;
}

.menu-icon {
    font-size: 14px;
}

.emphasized-color {
    color: #ff0000;
}

.subrow-color {
    color: blue;
}

.title-pane-title {
    font-size: 12px;
}

a {
    color: #ff0000;
    text-decoration: none;
}

div[id^="widget_link"] {
    float: left;
    clear: right;
}

.linkEntityWrap {
    padding-top: 15px;
    clear: both;
}

.linkEntityWrap {
    padding-top: 15px;
    clear: both;
}

.linkEntityWrap .dijitTextBox {
    width: 410px;
}

.selectEntityButton {
    padding-left: 198px;
    padding-top: 7px;
    float: left;
    clear: left;
}

.clearEntityButton {
    padding-left: 5px;
    padding-top: 7px;
    float: left;
}

.viewEntityDetails {
    padding-left: 6px;
    text-decoration: none;
}

.viewMapAction {
    position: relative;
    padding-left: 6px;
    text-decoration: none;
    top: 2px;
}

.hideField, .hiddenElement {
    display: none;
}

.viewdetails-content {
}

.grid-icon {
    font-size: 11px;
}

.sourcing-pane {
    clear: both;
    width: 100%;
    padding-top: 22px;
}

.sourcing-left-icon {
    float: left;
    max-width: 60px;
    padding-top: 15px;
    padding-right: 16px;
    padding-left: 15px;
}

.sourcing-right-grid {
    width: auto;
}

.quickcreate .legend {
    display: none !important;
}

.quickcreate fieldset {
    border: none !important;
    overflow: visible;
}


.quickcreate .tab-content {
    padding-top: 10px;
}

.commentscontainer {

}

.followerstitle {
    font-size: 18px;
    padding-bottom: 7px;
}

.commentscontainer ul li .dijitButton, .commentscontainer ul li .dijitButtonNode,
.commentscontainer ul li .dijitButton:hover, .commentscontainer ul li .dijitButtonNode:hover{
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}

.followerslist {
    float: right;
    width: 250px;
    border: 1px solid #ddd;
    background: #fafafa;
    padding: 15px;
    margin-left: 20px;
}

.followerslist ul {
    list-style-type: none;
    padding-left: 0;
}

.commentslist {
    width: auto;
    overflow: hidden;
}

.commentslist ul {
    padding-left: 0;
    margin-left: 0;
    margin-top: 0;
}

.commentslist li {
    display: block;
    height: 50px;
    height: 100%;
    border: 1px solid #ddd;
    background: #fafafa;
    margin: 0 0 10px;
    padding: 15px 10px 5px 10px;
    overflow: hidden;
}

.commentslist li:hover {
    background: #fff;
}

.commentslist li .meta {
    padding-top: 13px;
    display: block;
    font-size: 11px;
    color: #ff0000;
}

.commentslist .commentcontent {
    float: left;
}

.commentslist .contentremove {
    float: right;
}

.fileslist {
    width: auto;
    overflow: hidden;
}

.fileslist a {
    color: #333;
}

.fileslist ul {
    padding-left: 0;
    margin-left: 0;
    margin-top: 0;
}

.fileslist li {
    display: block;
    height: 50px;
    height: 100%;
    font-size: 16px;
    border: 1px solid #ddd;
    background: #fafafa;
    margin: 0 0 10px;
    padding: 15px 10px 5px 10px;
}

.fileslist li:hover {
    background: #fff;
}

.fileslist li .remove {
    float: right;
    padding-top: 18px;
}

.fileslist li .meta {
    padding-top: 13px;
    display: block;
    font-size: 11px;
    color: #ff0000;
}

.fileslist .fileitem {
    clear: both;
    overflow: hidden;
}

.fileslist .fileitem .filename {
    float: left;
}


.sourcing {
    width: auto !important;
    margin: 10px !important;
}

.dashboard {
    padding: 10px;
    overflow: hidden;
    background-color: #f5f5f5;
}

.dashboard .container {
    overflow: hidden;
    background: #fff !important;
    margin: 0 auto 20px !important;
    position: static !important;
    border: 1px solid #c1c1c1 !important;
}

.dashboard .container .widget-content {
    padding: 15px;
    margin: 0;
}


.dashboard .container .legend {
    background-image: linear-gradient(to bottom, #f8f8f8, #ededed);
    background-repeat: repeat-x;
    border-bottom: 1px solid #c1c1c1;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    height: 29px;
    line-height: 29px;
    position: relative;
    padding: 0;
    width: 100%;
}

.dashboard .container .legend span {
    margin: 0;
    color: #45484d;
    font-size: 14px !important;
    height: 29px;
    line-height: 29px;
    padding: 0 15px;
    font-weight: 700;
}

.dashboard .container .right-panel {
    overflow: visible;
}

.one-col-right {
    float: left;
    width: 33%;
    padding-left: 1%;
}

.two-col-left {
    float: left;
    width: 66%;
}

.nav-dash {
    list-style: none;
    margin: 0 -20px 20px;
    padding: 10px 0;
    text-align: center;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background-color: #f9f9f9;
}

.nav-dash >li {
    display: inline-block;
    margin: 0 3px;
}

.nav-dash >li >a {
    position: relative;
    font-size: 32px;
    color: #777;
    display: block;
    background-color: #ddd;
    border: 1px solid #ccc;
    padding: 27px 22px;
    margin: 0 0 5px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
}

li [class^="icon-"], .nav li [class^="icon-"], li [class*="icon-"], .nav li [class*="icon-"] {
    display: inline-block;
    width: 1.25em;
    text-align: center;
}

.collapsed .expando {
    display: none;
}

.expando {
    background-color: #fafafa;
    padding: 10px;
}

.field-expand {
    width: 20px;
}

.dgrid-expand {
    padding: 2px 0 0 2px;
}

.tundra .dgrid-row-odd {
    background: none;
}

.ui-state-default:hover {
    background-color: #e9f2fe !important;
}

.ui-state-active {
    background-color: #cee6fa !important;
}

.ui-state-active:hover {
    background-color: #9bc6f2 !important;
}

.ui-state-highlight {
    background-color: #ff6 !important;
}

.tundra .dgrid-row-odd.dgrid-cell {
//border: 1px solid #ddd;
border-color: #ddd !important;
    }

.collapsedval {
    padding-bottom: 10px;
}

.dijitToggleButton, .dijitButton, .dijitDropDownButton, .dijitComboButton {
    height: 26px !important;
}

.comment-remove {
    padding-top: 5px;
}

.quicktab div[id$="-specialFunctionality"], .quicktab div[id$="-controlButtonDiv"], .quicktab .selectedActionZone {
    display: none;
}

.total-packaging {
    overflow: hidden;
    min-height: 30px;
    padding: 5px 0px 0px 5px;
    background-color: #f5f5f5;
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    margin-right: 6px;
    margin-top: 17px;
}

.total-packaging {
    font-size: 18px;
}

.total-packaging div {
    float: left;
    padding-right: 20px;
}

.calculatedField {
    clear: both;
    padding-top: 15px;
}

.calculatedField .dijitReadOnly {
    background: none !important;
    border: none;
    color: #333;
}


.header {
    background: #231F20;
    height: 56px;
    text-align: right;
}

.logo {
    background: url('/images/users/Swisspack_embossed_.png') no-repeat transparent;
    height: 36px;
    margin: 10px;
}

.header-left {
    font-size: .95em;
    color: white;
    float: left;
    width: 450px;
}

.header-right {
    padding: 10px 25px 0 15px;
    font-size: .95em;
    color: white;
    float: right;
}

.header-right p {
    padding: 0;
    margin: 0;
}

.header-right a {
    font-size: .95em;
    color: #ff0000;
}

.emphasized-color {
    color: #ff0000;
}

a {
    color: #ff0000;
}

.tundra .dojoxCalendarEvent .bg {
    background-color: #ff0000 !important;
}

.tundra .dojoxCalendarMatrixView .dojoxCalendarEvent.dojoxCalendarHorizontal.Selected .bg {
    background-color: #660000 !important;
}

#workflow-specialFunctionality {
    float: left;
    clear: both;
    height: 90px;
    margin-bottom: 10px;
}

.workflow-content {
    float: left;
    clear: both;
    overflow: hidden;
    width: 100%;
}

.workflow-widget {
    padding: 0 10px;
    overflow: hidden;
}

.workflow-header {
    background-color: #fafafa;
    border: 1px solid #c1c1c1;
    padding: 10px;
    overflow: hidden;
    margin-bottom: 5px;
}

.workflow-header-pending {
    background-color: #F9F9F9;
}

.workflow-header-working {
    background-color: #FFE9D2;
}

.workflow-header-finished {
    background-color: #EFF5EA;
}


.workflow-tasks {
    clear: both;
}

.workflow-widget .lefttitles {
    float: left;
}

.workflow-widget .steptitle {
    font-size: 23px;
    padding-bottom: 6px;
    cursor: help;
}

.workflow-widget .steptitle a {
    z-index: 999;
    font-size: 21px;
    color: #333;
}

.workflow-widget .rightcontrols {
    float: right;
}

.workflow-content .separator {
    line-height: 48px;
    width: 30px;
    margin: 0 auto;
}

.workflow-content .separator i {
    line-height: 48px;
    font-size: 78px;
}

#workflow-specialFunctionality .buttonsleft {
    float: left;
}

#workflow-specialFunctionality .buttonsright {
    float: right;
}

.file-widget {
    overflow: hidden;
    min-height: 30px;
    padding: 7px 0px 7px 8px;
    background-color: #f5f5f5;
    border: 1px solid #e4e4e4;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    margin-right: 6px;
    margin-top: 0px;
}

.popupsupplier {
    text-align: center;
}

div[id^="thumbnailfield"] {
    padding-top: 14px;
    padding-left: 200px;
}

.removeConditionButton {
    padding-left: 197px;
    padding-top: 16px;
    clear: both;
}

textarea {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}


.tundra .dojoxCalendarEvent.Tasks .bg {
    background-color: #ff0000 !important;
}
.tundra .dojoxCalendarEvent.Tasks.Hovered .bg {
    background-color: #ff0000 !important;
}
.tundra .dojoxCalendarEvent.Tasks.Selected .bg {
    background-color: #ff0000 !important;
}
.tundra .dojoxCalendarEvent.Products .bg {
    background-color: #7d7e80 !important;
}
.tundra .dojoxCalendarEvent.Products.Hovered .bg {
    background-color: #7d7e80 !important;
}
.tundra .dojoxCalendarEvent.Products.Selected .bg {
    background-color: #7d7e80 !important;
}
.tundra .dojoxCalendarEvent.Shipments .bg {
    background-color: #aaaaaa !important;
}
.tundra .dojoxCalendarEvent.Shipments.Hovered .bg {
    background-color: #aaaaaa !important;
}
.tundra .dojoxCalendarEvent.Shipments.Selected .bg {
    background-color: #aaaaaa !important;
}

.kpi-two-col-left {
    padding-right: 10px;
    float: left;
    width: 50%;
}

.kpi-two-col-right {
    float: left;
    width: 48%;
}

.info-desc {
    color: #c1c1c1;
    position: relative;
    top: 0px;
    font-size: 14px;
}

.label-desc-hide {
    display: none;
}

.label-desc-hover {
    display: block;
    position: absolute;
    overflow: visible;
    float: left;
    margin-top: 8px;
    z-index: 100000;
    width: 400px;
    background: #ffffff url("images/popupMenuBg.gif") repeat-x bottom left;
    border: 1px solid #7eabcd;
    padding: 0.45em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px !important;
    color: #45484d !important;
}

.dojoxUploaderFileListTable {
    border: 1px solid #ddd;
    background: #fafafa;
    margin-bottom: 10px;
}

.dojoxUploaderFileListTable tr {
    border-top: 1px solid #ddd;
    padding: 1px;
}

.dojoxUploaderFileListHeader  th{
    padding-right: 25px;
    font-weight: bold;
 }

.dojoxUploaderFileListTable  td{
    padding-right: 25px;
}

#uploaderDiv {
    padding-top: 5px;
}

.dojoxUploaderFileListProgress {
    height: 0px;
    width: 0px;
    position: relative;
    float: left;
    color: transparent
}

.changeallchecbox {
    position: relative;
    top: -2px;
}