html, body {
    /* height: auto; */
    height: 100%;
    /* min-height: 100%; */
}
body {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    background-color:#232B3B
}
h1 {
    font-family: "Poppins", sans-serif;
    font-size:40px;
    color: #01C693;
    margin: 0;
}
span {
    font-weight: 500;
    color: #01C693;
}
.page-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height:100%;
}
/* 
 * title objects 
 */
.wicket-icon-container {
    display: flex;
    justify-content: center;
    overflow: visible;
    margin: 40px;
}
#wicket-icon{
    flex: none;
    min-height: 100px;
    min-width: 200px;
    background-position: center;
    background-repeat: no-repeat;
    overflow: visible;
    background-image: url("../images/Wicket.svg");
}
.success-wicket-icon {
    height: 100px;
    width: 100px;
    margin: 80px;
    background-color: #01C693;
    border-radius: 50%;
    /* offset-x | offset-y | blur-radius | spread-radius | color */
    box-shadow: 0 0 0 30px #01B989,
                0 0 0 60px #19A27F;
}
.failed-wicket-icon {
    height: 100px;
    width: 100px;
    margin: 80px;
    background-color: #F14F51;
    border-radius: 50%;
    /* offset-x | offset-y | blur-radius | spread-radius | color */
    box-shadow: 0 0 0 30px #E03E40,
                0 0 0 60px #D23032;
}
.title-failed {
    color:#F14F51;
}

/* 
 * package report objects
 */
#module-table {
    /* transparent*/
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0,0,0,0);
}
table#module-table tbody tr:hover {
    background: none;
}
#module-table td{
    max-width:600px;
    white-space: normal;
    border-color:rgba(151, 156, 166, 0.48);
}
#module-table .module-entry-first td{
    border-top: none;
}
#module-table .module-entry-last td{
    border-bottom: none;
}
#package-name-col {
    text-align: left;
}
#package-version-col {
    text-align: center;
}
#package-status-col {
    min-width: 480px;
}
.package-info-text {
    color:#FFFFFF;
    font-size: 20px;
}
.percentage-container{
    display:inline-block;
}
.percentage-align {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.percentage-container .mdl-progress {
    min-height: 10px;
    width: 300px;
    margin-left: 30px;
}
/* progress section of bar*/
.percentage-container .mdl-progress .progressbar {
    background-color:#01C693;
    align-self: center;
    border-radius: 20px;
}
/* background color of bar */
.percentage-container .mdl-progress .bufferbar{
    background: #969CA7;
    border-radius: 20px;
}

.progress-percentage-text {
    margin-left:10px;
    font-weight: 500;
}

.failed-icon {
    min-height: 14px;
    min-width: 14px;
    background: url("../images/red_x.svg"); 
    background-position: center;
    background-repeat: no-repeat;
}

.success-icon {
    min-height: 15px;
    min-width: 20px;
    background: url("../images/green_checkmark.svg"); 
    background-position: center;
    background-repeat: no-repeat;
}

.package-error-message {
    color: #F14F51;
}
.waiting-install-text {
    color: #FFFFFF;
}
/*
 * button objects
 */
.button-container{
    display: flex;
    flex-direction: row;
    margin-top:30px;
}
.button-container .wicket-button {
    font-family: "Poppins", sans-serif;
    background:rgba(0,0,0,0);
    border-radius: 20px;
    border-color: white;
    border-width: 1px;
    border-style: solid;
    min-width: 165px;
}
.button-container .wicket-button:hover {
    background: #3b4964;
}

/* immediate children */
.button-container > * {
    margin: 0 6px;
}

#revert-button {
    display: none;
}

#retry-button {
    display: none;
    border-width: 0px;
    background: #7554DA;
    min-width: 100px;

}
#retry-button:hover {
    background: #969CA7;
}