/*									OM                                       */
/******************************************************************************
* @file hpsum.css
* 
*
* @section LICENSE
*
* HPE Confidential
* Copyright 2020 Hewlett-Packard Enterprise Company, L.P.
*
* @section DESCRIPTION
*
* This files contains the styling for all the hpsum over ridden elements
*
*
*******************************************************************************/



.square-list-style > li
{
 	list-style-type:square;	
 	margin-bottom:5px;
 	margin-left:1.5em;
}

.company-small-logo{
	top: 0px;
	position: relative;
    display: inline-block;
    vertical-align: top;
    background-image: url("../../img/company-small-logo.png");
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}

.company-large-logo{
	position: relative;
    display: inline-block;
    vertical-align: top;
    background-image: url("../../img/company-large-logo.png");
    background-repeat: no-repeat;
	width: 350px;
    height: 350px;
}

.company-logo-spinner{
	width:30%;
	background-position: 0px -100px;
	
}

.company-large-logo-spinner{
	position: absolute;
	left: 46%;
	
}
		
#hpsum-hp-logo.hp-logo {
    background-image: url("../../img/hp-piano/hp-piano-icons.png");
    background-position: -260px -180px;
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
    position:static;
	resize: both;
}

div.hpsum-ok {
    background-image: url("../../img/hp-piano/hp-piano-icons.png");
    background-position: -41px -1px;
    background-repeat: no-repeat;
    height: 17px;
    width: 17px;
    margin-right:10px;
    margin-left:-5px;
    position:relative;
    top:50%;
    margin-top:8px;
    vertical-align:middle;
}

div.hpsum-error {
    background-image: url("../../img/hp-piano/hp-piano-icons.png");
    background-position: -1px -1px;
    background-repeat: no-repeat;
    height: 17px;
    width: 17px;
    margin-right:10px;
    margin-left:-5px;
    position:relative;
    top:50%;
    margin-top:8px;
    vertical-align:middle;
}

.hpsum-error
{
	font-family: Arial,Helvetica,sans-serif;
	color:#666666;

}

.hpsum-error-area {
    background-image: url("../../img/hp-piano/status-error.png");
    background-position: -1px 2px;
    background-repeat: no-repeat;
	background-color: #fffdd7;
    padding-left: 20px;
    padding-top:8px;
    position:relative;
	font-family: Arial,Helvetica,sans-serif;
	color:#666666;
}
.hpsum-warning {
    background-image: url("../../img/hp-piano/status-warning.png");
    background-position: -1px 2px;
    background-repeat: no-repeat;
	background-color: #fffdd7;
    padding-left: 20px;
    padding-top:8px;
    position:relative;
}
.hpsum-status-changing
{
    -webkit-animation: spin 3s infinite linear forwards 0.7s;
    -moz-animation: spin 3s infinite linear forwards 0.7s;
    -ms-animation: spin 3s infinite linear forwards 0.7s;
    -o-animation: spin 3s infinite linear forwards 0.7s;
    height: 21px;
    width: 21px;
}

.hpsum-status-change-med
{
    -webkit-animation: spin 3s infinite linear forwards 0.7s;
    -moz-animation: spin 3s infinite linear forwards 0.7s;
    -ms-animation: spin 3s infinite linear forwards 0.7s;
    -o-animation: spin 3s infinite linear forwards 0.7s;
    height: 18px;
    width: 18px;
}

.hpsum-status-change-small
{
    -webkit-animation: spin 3s infinite linear forwards 0.7s;
    -moz-animation: spin 3s infinite linear forwards 0.7s;
    -ms-animation: spin 3s infinite linear forwards 0.7s;
    -o-animation: spin 3s infinite linear forwards 0.7s;
    height: 14px;
    width: 14px;
}

button.ilo-federation-clickable {
    color: #000;
    font-size: 14px;
    margin-left: 10px;
    margin-bottom: 16px;
    font-family: Arial, Helvetica, sans-serif;
}

button.ilo-federation-clickable:hover {
    color: #007dba
}

:-ms-input-placeholder {  
   color: #cccccc !important;  
}

:-moz-placeholder { /* Firefox 18- */
   color: #cccccc !important; 
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #cccccc !important;  
}

::-webkit-input-placeholder {
   color: #cccccc;
}
}

div .hpsum-live-log-window{
     box-sizing: border-box;
     margin:1px 0 0 0px;
     padding : 1px 1px 1px 1px;
     resize:both;
}

.hpsum-up-icon
{
   background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAJmZmaWlpdnZ2bm5ufLy8szMzLKysuXl5b+/v////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAkALAAAAAAUABQAAAQrMMlJq7046827T4HwTQBgHGNZIoSnqkW7vWrA0UB8q4O8n6PQaEgsGo/HCAA7);
   background-repeat: no-repeat;
   width:1.2em;
   height:1em;
   display:inline-block;
   margin-right:5px;
   background-position:left top;
}

.hpsum-down-icon
{  
   background-image: url(data:image/gif;base64,R0lGODlhFAAUALMAAJmZmaWlpdnZ2b+/v/Ly8rKysuXl5czMzP///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAUABQAAAQuEMlJq7046827/1UAjCQQbEJJClyhFp2hGt5ADh9BEuABHCAEIcALGo/IpHITAQA7);
   background-repeat: no-repeat;
   width:1.2em;
   height:1em;
   display:inline-block;
   margin-right:5px;
  background-position:left top;
}

.hpsum-dialog-offline-confirm-contents
{

    padding: 40px;
}

.hpsum-dialog-offline-confirm-contents ul{
   font-weight: 400;
   font-size: 1.1em;
}

.hpsum-dialog-offline-confirm-contents #hpsum-offline-deploy-server-count{
  color:#cc2c2c;
  font-size:1.2em;
  font-weight: 600;
  text-align: center;
  margin-top:10px;

}

.hpsum-round-bang
{
    background-image: url("../../img/hp-sum/hpsum-round-bang.png");
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}


.hpsum-dialog-offline-confirm-contents #hpsum-offline-deploy-alert
{
  width: 40px;
  height: 40px;
   background-image: url("../../img/hp-piano/hp-piano-icons.png");
  background-position: 0px -240px;
  background-repeat: no-repeat;
  float:left;
  margin-right:30px;
}


.hp-tooltip.hpsum-above-right:after {
    content: "";
    position: absolute;
    top: auto;
    bottom: -7px;
    left: auto;
    right: 10px;
    border-width: 9px 9px 0;
    border-color: #00B388 transparent;
    border-style: solid;
    display: block;
    width: 0; }

#hp-ilofederation-refresh{
  vertical-align: top;
}

#baseline-validate-table
{    
  overflow-y:hidden !important;
}

#baselines-contents-table
{    
  overflow-y:hidden !important;
}

#hpsum-cbl-table-review
{    
  overflow-y:hidden !important;
}

#hp-activity-flyout li.hp-activity div.hp-brief > .hp-activity-message
{
	display: block !important;
      margin-bottom: 3px !important;
      white-space: normal !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
}

#hp-activity-flyout li.hp-activity
{
	height: auto !important;
}

.hpsumBrowse > .hp-button
{
	margin: 0px 15px 2px 10px; 
	vertical-align: top; 
	font-size: 13px !important; 
	color: #425563 !important;
}

#hpsum-browse-dialog-ok
{
	border-color: #666 !important;
	background-color: #00b388 !important;
	color: #fff !important;
	font-family: 'HPBold', Arial, Helvetica, sans-serif !important;
	text-decoration: none !important;
}

.sum-disable-button-props
{
	background-color: #f3f3f3 !important;
    border-color: #f3f3f3 !important;
    color: #737373 !important;
}
.sum-unset-dimensions
{
    width: unset !important;
    height:unset !important; 
    overflow: hidden !important;
}
.sum-baseline-name-width
{
    max-width: 200px;
}
.sum-disable-color-grey
{
	color:#888;
}

#circular3dG{
position:relative;
width:15px;
height:15px;
display:inline-block;
padding-right:2px;
}

.circular3dG{
position:absolute;
background-color:#007DBA;
width:4px;
height:4px;
-moz-border-radius:4px;
-moz-animation-name:bounce_circular3dG;
-moz-animation-duration:0.8800000000000001s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:4px;
-webkit-animation-name:bounce_circular3dG;
-webkit-animation-duration:0.8800000000000001s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:4px;
-ms-animation-name:bounce_circular3dG;
-ms-animation-duration:0.8800000000000001s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:4px;
-o-animation-name:bounce_circular3dG;
-o-animation-duration:0.8800000000000001s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:4px;
animation-name:bounce_circular3dG;
animation-duration:0.8800000000000001s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#circular3d_1G{
left:6px;
top:1px;
-moz-animation-delay:0.33s;
-webkit-animation-delay:0.33s;
-ms-animation-delay:0.33s;
-o-animation-delay:0.33s;
animation-delay:0.33s;
}

#circular3d_2G{
left:9px;
top:4px;
-moz-animation-delay:0.44000000000000006s;
-webkit-animation-delay:0.44000000000000006s;
-ms-animation-delay:0.44000000000000006s;
-o-animation-delay:0.44000000000000006s;
animation-delay:0.44000000000000006s;
}

#circular3d_3G{
left:11px;
top:7px;
-moz-animation-delay:0.55s;
-webkit-animation-delay:0.55s;
-ms-animation-delay:0.55s;
-o-animation-delay:0.55s;
animation-delay:0.55s;
}

#circular3d_4G{
left:10px;
top:10px;
-moz-animation-delay:0.66s;
-webkit-animation-delay:0.66s;
-ms-animation-delay:0.66s;
-o-animation-delay:0.66s;
animation-delay:0.66s;
}

#circular3d_5G{
left:6px;
top:11px;
-moz-animation-delay:0.7700000000000001s;
-webkit-animation-delay:0.7700000000000001s;
-ms-animation-delay:0.7700000000000001s;
-o-animation-delay:0.7700000000000001s;
animation-delay:0.7700000000000001s;
}

#circular3d_6G{
left:1px;
top:7px;
-moz-animation-delay:0.8800000000000001s;
-webkit-animation-delay:0.8800000000000001s;
-ms-animation-delay:0.8800000000000001s;
-o-animation-delay:0.8800000000000001s;
animation-delay:0.8800000000000001s;
}

#circular3d_7G{
left:0px;
top:2px;
-moz-animation-delay:0.99s;
-webkit-animation-delay:0.99s;
-ms-animation-delay:0.99s;
-o-animation-delay:0.99s;
animation-delay:0.99s;
}

#circular3d_8G{
left:3px;
top:0px;
-moz-animation-delay:1.1s;
-webkit-animation-delay:1.1s;
-ms-animation-delay:1.1s;
-o-animation-delay:1.1s;
animation-delay:1.1s;
}

@-moz-keyframes bounce_circular3dG{
0%{
-moz-transform:scale(1)}

100%{
-moz-transform:scale(.3)}

}

@-webkit-keyframes bounce_circular3dG{
0%{
-webkit-transform:scale(1)}

100%{
-webkit-transform:scale(.3)}

}

@-ms-keyframes bounce_circular3dG{
0%{
-ms-transform:scale(1)}

100%{
-ms-transform:scale(.3)}

}

@-o-keyframes bounce_circular3dG{
0%{
-o-transform:scale(1)}

100%{
-o-transform:scale(.3)}

}

@keyframes bounce_circular3dG{
0%{
transform:scale(1)}

100%{
transform:scale(.3)}

}

#tour-activities 
{
	word-break: break-all !important; 
}

.hp-status-scheduled {
  width: 14px;
  height: 14px;
  background-image: url("../../img/hp-sum/time.png");
  background-repeat: no-repeat; }
  .hp-status-scheduled.hp-inactive {
    background-image: url("../../img/hp-sum/time-inactive.png"); }
  .hp-status-scheduled.hp-unset {
    background-image: url("../../img/hp-sum/time-unset.png"); }


.hp-details-header .hp-status-scheduled{
  width: 19px;
  height: 19px;
  background-image: url("../../img/hp-sum/time19.png");
}

  table > thead > tr td, table > thead > tr th {
    vertical-align: middle !important;
}