html 
{
height:100%;
margin:0pt;
overflow:hidden;
padding:0pt;
}


.compareCell {
    margin-right: 5px;
    margin-top: 5px;
    display: inline-block;
    vertical-align: top;
    /*border:1px solid #c8c8c8;*/
}

.fixrows {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.container-body > .row > [class*="col"]:first-child {
    /*position: absolute;*/
    display: inline-block;
    background-color: white;
    height: 100%;
    width: 150px;
    z-index: 20;
}

.container-body > .row > [class*="col"]:nth-child(2) {
    padding-left: 200px !important;
}
.container-body > .row:hover div{
   background-color:bisque !important;
}
.container-body > .row:hover {
    background-color: bisque ;
}
/*nohover for the header*/
.container-body > .row:first-child {
    background-color: white!important;
}
.container-body > .row:first-child div {
    background-color: white !important;
}
/**/
.contentCell {
    width: 100%;
    height: 100%;
    float: left;
}
.treeCell
{
    width: 250px; 
    position:relative; 
    z-index:1; 
    float:left; 
    display: block; 
    height:100%;    

}

.adminAreaSubContent
{
    padding-left: 13px;
    padding-top: 10px;
}

.subContent
{
     
    width:99%; 
    float:left;
}
.newportalheaderPanel
{
    overflow: auto; 
    width:500px; 
    float:left;
    padding-left: 5px;
    
}
.td:hover
{
    /*background:Silver;*/
}
.newportalcontrol
{
    overflow: auto;
    height:160px; 
    width:170px; 
    border-style: solid;
    border-width: 1px;
    border-color: #d0d2d1;
    float:left;
}
.rightPanel
{
    overflow: auto; 
    width:250px; 
    float:left;
    padding-left: 5px;
}
.mainContainer
{
    overflow:hidden;
}

.demoInfobox 
{ 
    position: fixed; 
    top: 246px; right: 30px; width: 300px; height: 500px;
    z-index: 100;
    background: none repeat scroll 0px 0px rgba(255, 255, 255, 0);
}
.detailsPage .demoInfobox { top: 196px; }
.demoInfobox div.demoInfoboxWrapper { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; border: 0px none; font-size: 12px; }
.demoInfobox div.demoInfoboxHeader { height: 25px; border-bottom: 0px solid #808080; background: none repeat scroll 0px 0px rgba(255, 255, 255, 1.0); }
.demoInfobox div.demoInfoboxHeader .demoInfoboxHeaderText { font-size: 24px; font-weight:bold; margin-left: 0px; margin-top: 5px; color:#A3A2A2; }
.demoInfobox div.demoInfoboxHeader .demoInfoboxHeaderCorner { display: block; float: right; margin-right: 5px; }
.demoInfobox div.demoInfoboxContent 
{ 
    padding-left: 10px; padding-right: 10px; background: none repeat scroll 0px 0px rgb(200, 200, 200); 
    font-family: verdana,arial,helvetica,sans-serif; color:black;    
    border: 2px solid white;
}
.demoInfobox div.demoInfoboxContent div.demoInfoboxSection { border-bottom: 0px solid black; padding-bottom: 10px; padding-top: 10px; }
.demoInfobox div.demoInfoboxContent div.demoInfoboxSection .demoInfoboxSectionTitle { font-weight:bold; font-size:14px; border-bottom: 1px solid #808080; margin-bottom: 7px; padding-bottom: 7px; }
.demoInfobox td.demoInfoboxBullet { background: url("/DatastoreSimple/Gfx/help.gif") no-repeat scroll 0 0 transparent; width: 20px; }
.demoInfobox div.demoInfoboxContent div.demoInfoboxFooter {  }
.ChartContainer img { display: block; margin: auto; }

.tabsPanel.forPages 
{ 
    display: table; 
    margin:0; 
    position: relative;
    bottom: -1px;
}
.tabsPanel.forPages li
{
    float:left;
    margin-right:2px;
    padding:2px;
    /*border:1px solid black;*/
    color: #FFFFFF;
    background-color: #B80000;
    cursor: pointer;
    font-family: Tahoma;
    font-size: 8pt;
    font-weight: bold;
}
.tabsPanel.forPages li:hover { text-decoration: underline; }
.tabsPanel.forPages li.selected
{
    background-color: #C8C8C8;
    border-bottom: 0 solid #C8C8C8;
    padding: 4px;
}
.tabsPanel.forPages li.selected span
{
    display:block; height: 1px; width:100%;position: relative;bottom:-1px;
    background-color: #C8C8C8;
}
.tabsContainer.forPages 
{
    float:left;
    /*border:1px solid black;*/
    min-height:310px;
    width:100%;/*width:450px;*/
    /*position: relative;
    top: -1px;*/
}
.tabsContainer.forPages, .tabsPanel.forPages li { border:1px solid #868686; }
.page { display: none; }
.pageDetails.firstColumn, .pageDetails.firstColumn { display: table; float:left; }
.pageDetails.bottomPanel { clear: both; float:left; }
img.preview.forPages { /*width: 40px;*/ height: 120px; width: 120px; }
.templateOption { display: table-cell; padding: 1px; border: 4px solid transparent; }
.templateOption div
{
    margin: auto; text-align: center;
}
.templateOption.selected { background-color: #868686; }
.page input, .page textarea { }

/*
.detailfieldValue span, .detailfieldValue input { margin: 2px; }
.paramEditControl td { display: inline-block; table-layout:fixed ; width: 10px; }
.detailfieldValue input, .detailfieldValue select, .detailfieldValue textarea, .detailfieldValue span { border: 1px solid transparent; }

.paramEditControl td.detailfieldValue select { margin: 2px 3px; }
.paramEditControl td.detailfieldLabel { width: auto; min-width: 10px; }
.paramEditControl td.detailfieldValue { width: auto; }
.paramEditControl td.detailfieldValue div, .paramEditControl td.detailfieldValue div.detailTBNotRequired { border: 1px transparent solid; }
.paramEditControl td.detailfieldValue div.detailTBRequired { border: 1px red solid; }
*/

table#familyArticles, table#familyArticlesCloned { background-color: #505050; }
table#familyArticles td, table#familyArticlesCloned td { background-color: #c8c8c8; }
table#familyArticles tr.header td, table#familyArticlesCloned tr.header td{ background-color: #a0a0a0; }

.fullPageConstraint {
    overflow: auto;
    display: block;
    width: 99%;
}

.halfPageConstraint {
    overflow: auto;
    display: block;
    width: 50%;
}

/*.fullPageConstraint .subContent > *,
.infoCell.fullPageConstraint {
    width: 95% !important;
}
.halfPageConstraint .subContent > *,
.infoCell.halfPageConstraint {
    width: 47.5% !important;
}*/

.fullPageConstraint .InfoMessage,
.fullPageConstraint .SubInfoMessage,
.halfPageConstraint .InfoMessage,
.halfPageConstraint .SubInfoMessage {
    margin: 10px 0px;
}

.fullPageConstraint input[type='radio'],
.halfPageConstraint input[type='radio'] {
    margin-left: 0px;
}

.buttonsPanel {
    overflow:auto;
    margin-top: 10px;
}
.buttonsPanel .button {
    float: left; 
    margin-right: 5px;
}

table.progressStatus {
}

table.progressStatus td {
    padding: 5px 0px;
}

.noPadding .paramEditControl * {
    padding: 0px;
    margin: 0px;
}

.working {
    cursor: wait;
}
.not-saved {
    border: 1px solid red;
}

.AutoCompleteHighlights
{
    font-weight:bold;
    color:Black;
}


.CoreArticleHeaderListItem
{
    padding-top: 10px !important;
}

.CoreArticleHeaderSpan 
{
    font-weight: bold;
    color:Black;
}

.LastArticleHeaderSpan 
{
    font-weight: bold;
    color:Black;
}

.LastArticleHeaderListItem
{
    padding-top: 10px !important;
}

.CoreArticleListItem
{
    
}

.CoreArticleListItemImage
{
    width: 30px;
    height: auto;
    max-width: 30px;
    max-height: 30px;
    margin-right: 5px;
}

.LastArticleListItemImage
{
    width: 30px;
    height: auto;
    max-width: 30px;
    max-height: 30px;
    margin-right: 5px;
}

.OrderHistoryHeaderListItem
{
    padding-top: 10px !important;
}


.OrderHistoryListItemImage
{
    width: 30px;
    height: 30px;
}

.OrderHistoryHeaderSpan 
{
    font-weight: bold;
    color:Black;
}

.OrderHistoryListItem
{
    
}


.SearchInGroupListItem
{
    
}

.SearchInGroupListItemImage
{
    width: 30px;
    height: auto;
    max-width: 30px;
    max-height: 30px;
    margin-right: 5px;
}

.box {
    position: relative;
    width: 100%; /* desired width */
}

.box:before {
    content: "";
    display: block;
    padding-top: 100%; /* initial ratio of 1:1*/
}

/* Other ratios */
.ratio2_1:before {
    padding-top: 50%;
}

.ratio1_2:before {
    padding-top: 200%;
}

.ratio4_3:before {
    padding-top: 75%;
}

.ratio16_9:before {
    padding-top: 56.25%;
}

.content {
    position: absolute !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.img-fluid-carousel {
    max-height: 100%;
    width: auto;
}