.welcome-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 100px;
    width: 100%;
    min-height: 200px;
}

.alert-messages { /* Fixed position for alert messages to pop up and stay near the top. From Twitter. */
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  z-index: 7000;
  padding-top: 10px;
}

.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 10px;
}

.nav-tabs {
    margin-bottom: 0;
}

.myAlert-top {
    position: fixed;
    top: 5px;
    left: 2%;
    width: 96%;
}

.border-bottom { border-bottom: 1px solid black; }
.margin-left { margin-left: 10px; }
input { font-size: 16px !important;} /*Override jquery ui font-size*/

#characteristicsList { list-style-type: none; margin: 0; padding: 0;}
#characteristicsList li { margin: 3px; padding: 1px; float: left; width: 150px; height: 30px; text-align: center; }
	    
.column { float: left; padding: 0 0 100px 10px; vertical-align: top; position: relative;}
.portlet-header { margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; padding-top: 0.2em; }
.portlet-header .ui-icon { float: right; }
.portlet-content { padding: 0.4em; }
.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }
	    
.column2 { float: right; padding-bottom: 100px; }
.portlet-header2 { margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; padding-top: 0.2em; }
.portlet-header2 .ui-icon { float: right; }
.portlet-content2 {  }
.themenu 
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 8pt; 
	COLOR: #FFFFFF; 
	FONT-FAMILY: arial, helvetica, geneva, swiss, sunSans-Regular;
}
        
/*Stops the hover affect from bootstrap on specific tds*/
tbody tr:hover td.no-hover-effect { 
    background-color: none;
} 

.btn-show-product-line { cursor: pointer; text-decoration: none; }
.productLineSwitch:hover { color: Red; cursor: pointer; }

.make-link { color: #417394; cursor: pointer; text-decoration: none; display: inline;}
.make-link:hover { color: #417394; cursor: pointer; text-decoration: underline; }
        
.cmdCenterMenuLink 
{
    font-family: arial; color: black; font-size: 12px; font-weight: bold;
}

.green-option {
    background: lightgreen;
}

table.table thead .sorting,
table.table thead .sorting_asc,
table.table thead .sorting_desc,
table.table thead .sorting_asc_disabled,
table.table thead .sorting_desc_disabled {
    cursor: pointer;
    *cursor: hand;
}
 
table.table thead .sorting { background: url('images/sort_both.png') no-repeat center right; }
table.table thead .sorting_asc { background: url('images/sort_asc.png') no-repeat center right; }
table.table thead .sorting_desc { background: url('images/sort_desc.png') no-repeat center right; }
 
table.table thead .sorting_asc_disabled { background: url('images/sort_asc_disabled.png') no-repeat center right; }
table.table thead .sorting_desc_disabled { background: url('images/sort_desc_disabled.png') no-repeat center right; }

/* Fine Uploader
-------------------------------------------------- */
.qq-upload-list 
{
    text-align: left;
}
/* For the bootstrapped demos */
li.alert-success 
{
    background-color: #DFF0D8;
}
li.alert-error 
{
    background-color: #F2DEDE;
}
.alert-error .qq-upload-failed-text 
{
    display: inline;
}

.badge-p { background-color: #98FB98; padding: 1px; }
.badge-wei { background-color: #AFEEEE; padding: 1px; }
.badge-uom { background-color: #FA8072; padding: 1px; }
.pwei { width: 80px; } 

/* 
Overwriting Bootstrap control-label widths.    
*/
.form-horizontal .control-label {
  float: left;
  width: 100px; /* changed from 160px to 120px */
  padding-top: 5px;
  text-align: right;
}

.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 130px;  /* changed from 180px to 140px */
  *margin-left: 0;
}


/* Pulse used when something says for sale in Rubicon, and not in AP, or vice-versa */
.pulse {
    display: block;
    border-radius: 0%;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(255,0,0, 1);
    animation: pulse 2s infinite;
}

    .pulse:hover {
        animation: none;
    }

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,0,0, 1);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(255,0,0, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,0,0, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255,0,0, 1);
        box-shadow: 0 0 0 0 rgba(255,0,0, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(255,0,0, 0);
        box-shadow: 0 0 0 10px rgba(255,0,0, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255,0,0, 0);
        box-shadow: 0 0 0 0 rgba(255,0,0, 0);
    }
}
/* End Pulse */


/* Begin Google Button Login Branding */
.gsi-material-button {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-appearance: none;
    background-color: WHITE;
    background-image: none;
    border: 1px solid #747775;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #1f1f1f;
    cursor: pointer;
    font-family: 'Roboto', arial, sans-serif;
    font-size: 14px;
    height: 40px;
    letter-spacing: 0.25px;
    outline: none;
    overflow: hidden;
    padding: 0 12px;
    position: relative;
    text-align: center;
    -webkit-transition: background-color .218s, border-color .218s, box-shadow .218s;
    transition: background-color .218s, border-color .218s, box-shadow .218s;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
    max-width: 400px;
    min-width: min-content;
  }
  
  .gsi-material-button .gsi-material-button-icon {
    height: 20px;
    margin-right: 12px;
    min-width: 20px;
    width: 20px;
  }
  
  .gsi-material-button .gsi-material-button-content-wrapper {
    -webkit-align-items: center;
    align-items: center;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: space-between;
    position: relative;
    width: 100%;
  }
  
  .gsi-material-button .gsi-material-button-contents {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-family: 'Roboto', arial, sans-serif;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
  }
  
  .gsi-material-button .gsi-material-button-state {
    -webkit-transition: opacity .218s;
    transition: opacity .218s;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  
  .gsi-material-button:disabled {
    cursor: default;
    background-color: #ffffff61;
    border-color: #1f1f1f1f;
  }
  
  .gsi-material-button:disabled .gsi-material-button-contents {
    opacity: 38%;
  }
  
  .gsi-material-button:disabled .gsi-material-button-icon {
    opacity: 38%;
  }
  
  
  .gsi-material-button:not(:disabled):hover {
    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
  }
  
  .gsi-material-button:not(:disabled):hover .gsi-material-button-state {
    background-color: #303030;
    opacity: 8%;
  }
/* End Google Button Login Branding */