/* PLY PALETTE */
.sectionEditor .dataTable .plies tr
{
    background: #fff !important;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid #DDD;
    border-bottom: 0;
}
.sectionEditor .dataTable .plies tr:hover,
.multiaxialEditor tbody tr:hover,
.replaceStackEditor tbody tr:hover
{
    background: #BFBFBF !important;
}
    .sectionEditor .dataTable .plies tr.ui-selected:hover,
    .multiaxialEditor tbody tr.ui-selected:hover,
    .replaceStackEditor tbody tr.ui-selected:hover
    {
        background: #8F8F8F !important;
    }
    .sectionEditor .dataTable .plies tr.groupStart.global.selected, .sectionEditor .dataTable .plies tr.groupStart.global:hover, .sectionEditor .dataTable .plies tr.groupEnd.global:hover {
        background: #466789 !important;
    }
    .sectionEditor .dataTable .plies tr.groupStart.local.selected, .sectionEditor .dataTable .plies tr.groupStart.local:hover, .sectionEditor .dataTable .plies tr.groupEnd.local:hover {
        background: #46875b !important;
    }
.sectionEditor .dataTable .plies tr.ui-selecting, .sectionEditor .dataTable .plies tr.ui-selected,
.multiaxialEditor tbody tr.ui-selecting, .multiaxialEditor tbody tr.ui-selected,
.replaceStackEditor tbody tr.ui-selecting, .replaceStackEditor tbody tr.ui-selected
{
    background: #BFBFBF !important;
}
.sectionEditor .dataTable .plies tr td.checked
{
    background: #D9E5F2 !important;
}
    .sectionEditor .dataTable .plies tr.ui-selected:hover td.checked
    {
        background: #7A8188 !important;
    }
.sectionEditor .dataTable .plies tr:hover td.checked, .sectionEditor .dataTable .plies tr.ui-selecting td.checked, .sectionEditor .dataTable .plies tr.ui-selected td.checked
{
    background: #A3ACB5 !important;
}

/* CORE PALETTE */
.sectionEditor .dataTable .plies tr.corePly,
.multiaxialEditor tbody tr.core,
.replaceStackEditor tbody tr.core
{
    background: #F4DD9F !important;
}
.sectionEditor .dataTable .plies tr.corePly:hover,
.multiaxialEditor tbody tr.core:hover,
.replaceStackEditor tbody tr.core:hover
{
    background: #B7A677 !important;
}
.sectionEditor .dataTable .plies tr.corePly.ui-selected:hover,
.multiaxialEditor tbody tr.core.ui-selected:hover,
.replaceStackEditor tbody tr.core.ui-selected:hover
{
    background: #897C59 !important;
}
.sectionEditor .dataTable .plies tr.corePly.ui-selecting, .sectionEditor .dataTable .plies tr.corePly.ui-selected,
.multiaxialEditor tbody tr.core.ui-selecting, .multiaxialEditor tbody tr.core.ui-selected,
.replaceStackEditor tbody tr.core.ui-selecting, .replaceStackEditor tbody tr.core.ui-selected
{
    background: #B7A677 !important;
}
.sectionEditor .dataTable .plies tr.corePly td.checked
{
    background: #D0CCAA !important;
}
.sectionEditor .dataTable .plies tr.corePly:hover td.checked, .sectionEditor .dataTable .plies tr.corePly.ui-selecting td.checked, .sectionEditor .dataTable .plies tr.corePly.ui-selected td.checked
{
    background: #9C997F !important;
}
.sectionEditor .dataTable .plies tr.corePly.ui-selected:hover td.checked
{
    background: #75735F !important;
}

/* MULTIPLY PALETTE */
.sectionEditor .dataTable .plies tr.MultiPly,
.multiaxialEditor tbody tr.MultiPly,
.replaceStackEditor tbody tr.MultiPly
{
    background: #D4EE92 !important;
}
.sectionEditor .dataTable .plies tr.MultiPly:hover,
.multiaxialEditor tbody tr.MultiPly:hover,
.replaceStackEditor tbody tr.MultiPly:hover
{
    background: #9db06c !important;
}
.sectionEditor .dataTable .plies tr.MultiPly.ui-selected:hover,
.multiaxialEditor tbody tr.MultiPly.ui-selected:hover,
.replaceStackEditor tbody tr.MultiPly.ui-selected:hover
{
    background: #748250 !important;
}
.sectionEditor .dataTable .plies tr.MultiPly.ui-selecting, .sectionEditor .dataTable .plies tr.MultiPly.ui-selected,
.multiaxialEditor tbody tr.MultiPly.ui-selecting, .multiaxialEditor tbody tr.MultiPly.ui-selected,
.replaceStackEditor tbody tr.MultiPly.ui-selecting, .replaceStackEditor tbody tr.MultiPly.ui-selected
{
    background: #9db06c !important;
}
.sectionEditor .dataTable .plies tr.MultiPly td.checked
{
    background: #d0dcaa!important;
}
.sectionEditor .dataTable .plies tr.MultiPly:hover td.checked, .sectionEditor .dataTable .plies tr.MultiPly.ui-selecting td.checked, .sectionEditor .dataTable .plies tr.MultiPly.ui-selected td.checked
{
    background: #9da680 !important;
}
.sectionEditor .dataTable .plies tr.MultiPly.ui-selected:hover td.checked
{
    background: #798063 !important;
}


/* REFERENCES */

.sectionEditor .dataTable .plies tr.reference.Beam
{
    background: #cecece !important;
}
.sectionEditor .dataTable .plies tr.reference.Beam:hover
{
    background: #c4c4c4 !important;
}
.sectionEditor .dataTable .plies tr.reference.Beam.ui-selected:hover
{
    background: #969696 !important;
}
.sectionEditor .dataTable .plies tr.reference.Beam.ui-selecting, .sectionEditor .dataTable .plies tr.reference.Beam.ui-selected
{
    background: #c4c4c4 !important;
}

.sectionEditor .dataTable .plies tr.reference.Bonding
{
    background: #c6de8d !important;
}
.sectionEditor .dataTable .plies tr.reference.Bonding:hover
{
    background: #8fa166 !important;
}
.sectionEditor .dataTable .plies tr.reference.Bonding.ui-selected:hover
{
    background: #667349 !important;
}
.sectionEditor .dataTable .plies tr.reference.Bonding.ui-selecting, .sectionEditor .dataTable .plies tr.reference.Bonding.ui-selected
{
    background: #8fa166 !important;
}

.sectionEditor .dataTable .plies tr.reference.LaminateFamily
{
    background: #afd6f1 !important;
}
.sectionEditor .dataTable .plies tr.reference.LaminateFamily:hover
{
    background: #83a1b5 !important;
}
.sectionEditor .dataTable .plies tr.reference.LaminateFamily.ui-selected:hover
{
    background: #627887 !important;
}
.sectionEditor .dataTable .plies tr.reference.LaminateFamily.ui-selecting, .sectionEditor .dataTable .plies tr.reference.LaminateFamily.ui-selected
{
    background: #83a1b5 !important;
}


.sectionEditor .dataTable .plies tr.reference.Reinforcement
{
    background: #f5c9bb !important;
}
.sectionEditor .dataTable .plies tr.reference.Reinforcement:hover
{
    background: #b8978c !important;
}
.sectionEditor .dataTable .plies tr.reference.Reinforcement.ui-selected:hover
{
    background: #8a7169 !important;
}
.sectionEditor .dataTable .plies tr.reference.Reinforcement.ui-selecting, .sectionEditor .dataTable .plies tr.reference.Reinforcement.ui-selected
{
    background: #b8978c !important;
}
/*---------------------------------*/

.sectionEditor.editable .dataTable .plies .editItem, .sectionEditor.editable .dataTable .plies .groupStart img
{
    cursor: hand;
    cursor: pointer;
}

.sectionEditor.editable .dataTable .plies .editItem .note 
{
    position: relative;
    z-index: 9999;
}

.sectionEditor input.locked#Width, .sectionEditor input.locked#AreaOrLength, .sectionEditor input.locked#Coverage
{
    border: 1px solid red;
}

.sectionEditor .dataTable .plies td
{
    padding: 0 !important;
    
}

.sectionEditor .dataTable .plies td.notUsedInGeometry
{
      border-left: 1px solid #000;
      border-right: 1px solid #000;
}
.sectionEditor .dataTable .plies td[data-td-type="angle"]
{
      border-left: 1px solid transparent;
      border-right: 1px solid transparent;
}

.sectionEditor .dataTable .plies td .text
{
    overflow: hidden;
    padding: 4px 0 !important;
}

.sidebarRight form
{
    padding: 0 !important;
}
.sectionEditorOrderPlaceholder
{
    background: red;
    height: 2px;
}

.sectionEditor .dataTable .plies .groupItem, .sectionEditor .dataTable .plies .groupEnd, .sectionEditor .dataTable .plies .groupStart
{
    border-left: 1px solid #333;
    border-right: 1px solid #333;
}
.sectionEditor .dataTable .plies .groupStart .text
{
    color: #FFF;
}
.sectionEditor .dataTable .plies .groupEnd.global, .sectionEditor .dataTable .plies .groupStart.global
{
    border-top: 1px solid #333;
    background: #6185a9 !important;
}
.sectionEditor .dataTable .plies .groupEnd.local, .sectionEditor .dataTable .plies .groupStart.local
{
    border-top: 1px solid #333;
    background: #66a861 !important;
    
}
    .sectionEditor .dataTable .plies .groupStart.collapsed {
        border-bottom: 1px solid #333;
    }
.sectionEditor .dataTable .plies .groupEnd
{
    border-top: 0;
    border-bottom: 1px solid #333;
    height: 10px;
    line-height: 0;
    font-size: 0;
    padding: 0;
}
.sectionEditor .dataTable thead th.edited
{
    background: #222;
    font-weight: bold;
}
.sectionEditor .dataTable .plies td.edited
{
    
    /*box-shadow: inset 1px 0px 0 #000, inset -1px 0px 0 #000;
    -moz-box-shadow: inset 1px 0px 0 #000, inset -1px 0px 0 #000;
    -webkit-box-shadow: inset 1px 0px 0 #000, inset -1px 0px 0 #000;*/
}

.sectionEditorTableHeader th
{
    padding: 0 !important;
}
.sectionEditorTableHeader th div.text
{
    overflow: hidden;
    padding: 4px 0 !important;
}

.sectionEditorContainer .itemsListHeader
{
    overflow: hidden;
    margin: 0 15px;
}
.sectionEditorContainer .itemsListBody
{
    height: 500px;
    margin: 0 15px;
    overflow: auto;
}

.sectionEditor tfoot input
{
    margin: 0;
}
.sectionEditor tfoot .text
{
    color: #AAA;
}

.sectionEditor.preview tbody img.duplicate, .sectionEditor.preview tbody img.delete, .sectionEditor.preview tbody img.edit
{
    display: none;
}

.sectionEditor .plies tr td input[type="checkbox"] {
    display: inline-block;
    width: auto;
}
.sectionEditor .plies tr:hover input[type="checkbox"] {
    display: inline-block;
}

.sectionEditor .plies tr td.checked input[type="checkbox"] {
    display: inline-block;
}

.sectionEditorBottomBar {
    background: #999;
    color: #FFF;
    margin: 0 15px;
    padding: 1px 2px 2px 2px;
}

.sectionEditor .showHideGroupItems {
    color: #FFF;
    display: block;
    text-align: center;
    text-decoration: none;
}

.sectionEditor .FELink_Keywords div {
    height: 15px;
    overflow: hidden; 
    white-space: nowrap;
}
.sectionEditor .FELink_Keywords div.expanded {
    height: auto;
    overflow: auto;
    white-space: normal;
}
    .sectionEditor .FELink_Keywords div.expanded span {
        display: block;
    }

.sectionEditor .noteEditor, .sectionEditorSettings{
    box-shadow: 2px 2px 4px rgba(0,0,0,0.35);
    -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.35);
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.35);
    background: #EEE;
    border: 1px solid #AAA;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    width: 280px;
    z-index: 10001;
}
    .sectionEditor .noteEditor .buts, .sectionEditorSettings .buts {
        padding: 10px 0 0 0;
    }
    .sectionEditorSettings table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    .sectionEditorSettings td {
        padding-top: 5px;
        vertical-align: middle;
    }
        .sectionEditorSettings td.checkbox {
            padding-right: 3px;
            width: 1%;
        }
        .sectionEditorSettings td.label {
            width: 99%;
        }

.sectionEditor .bomValues input[readonly] {
    border: 0;
    text-align: center;
}

.sectionEditor .sectionEditorButtons {
    padding: 15px;
}

.sectionEditor .sectionEditorTopBar {
    background: #999;
    color: #FFF;
    margin: 0 15px;
    padding: 6px 7px 7px 7px;
}

    .sectionEditor .sectionEditorTopBar .settings {
        background: url('/Content/New/Images/Icons/SettingsWhite.png') top left no-repeat; display: block; float: right; height: 22px; margin: -2px -3px 0 10px; width: 22px;
    }

.sectionEditor .sectionEditorButtons fieldset {
    margin-bottom: 0px;
}

.sectionEditor .commentColumn > div {
    width: 300px;
}