.general-progress{
    width:100%;
    height:15px;
    border:1px solid #4682B4;
}

.general-progress-content{
    background-color:#87CEEB;
    height: 15px;
}

.loading-content{
    border:1px solid #4682B4;
    width:100%;
    margin-top:10px;
}

.loaded-item{
    width:235px;
    height:17px;
    background-color:#87CEEB;
    margin:5px 0px 5px 7px;
    border-radius:4px;
    border:1px solid #4682b4;
}

.loading-item{
    width:235px;
    height:17px;
    margin:5px 0px 5px 7px;
    border-radius:4px;
    border:1px solid #4682b4;
    text-align:center;
    font-size:14px;
    background-color:#CCCCCC;
}

.loading-bar{
    background-color:#FF6633;
    float:left;
    height:17px;
}

.status{
    position:fixed;
    left:45%;
    text-align:left;
}

.peepso-migrator-modal-background{
    background-color: black;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20000;
}

.peepso-migrator-modal{
    background-color: #ffffff;
    left: 25%;
    padding: 10px;
    position: fixed;
    right: 25%;
    top: 30%;
    width: auto;
    z-index: 30000;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.peepso-migrator-modal .btn {
    border: 0 none;
    border-radius: 5px;
    height: 35px;
    width: 170px;
}

.plugin-check {
    width: 200px;
    text-align: right;
    vertical-align: top;
}
.image-icon {
    width:20px;
}
.select-field {
    width: 250px;
    display: inline-block;
    margin-left: 10px;
}

/*
 * Base
 */

.progressbar{

    width:90%;
    height:20px;
    margin:0 auto;
    padding:0px;

    background:#cfcfcf;
    border-width:1px;
    border-style:solid;
    border-color: #aaa #bbb #fff #bbb;    
    box-shadow:inset 0px 2px 3px #bbb;    
}

.progressbar .info {
    width: 100%;
    text-align: center;
    float: left;
}

.progressbar,
.progressbar-inner{
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -o-border-radius:4px;
}

.progressbar-inner{
    width:0%; /* Change to actual percentage */
    height:100%;
    background:#999;

    background-size:18px 18px;
    background-color: #ac0;   
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
        transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
        transparent 75%, transparent);
    background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
        transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
        transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
        transparent 75%, transparent);

    box-shadow:inset 0px 2px 8px rgba(255, 255, 255, .5), inset -1px -1px 0px rgba(0, 0, 0, .2);
}

/*
 * Color Options
 */
.progressbar-green .progressbar-inner{
    background-color:#ac0;
}

.progressbar-blue .progressbar-inner{
    background-color:#7ce;
}

.progressbar-yellow .progressbar-inner{
    background-color:#fb5;
}

.progressbar-red .progressbar-inner{
    background-color:#f67;
}

/*
 * Background
 */

.stage{
    position:relative;
    width:750px;
    height:267px;
    padding-top:160px;
    background-color: #eee;
    background-size:12px 12px;
    background-image: -webkit-linear-gradient(-45deg,
        rgba(255, 255, 255, .2) 10%, 
        transparent 10%, transparent 50%, 
        rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 60%,
        transparent 60%, transparent);
    background-image: -moz-linear-gradient(-45deg,
        rgba(255, 255, 255, .3) 10%, 
        transparent 10%, transparent 50%, 
        rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 60%,
        transparent 60%, transparent);
    background-image: -ms-linear-gradient(-45deg,
        rgba(255, 255, 255, .3) 10%, 
        transparent 10%, transparent 50%, 
        rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 60%,
        transparent 60%, transparent);
    background-image: -o-linear-gradient(-45deg,
        rgba(255, 255, 255, .3) 10%, 
        transparent 10%, transparent 50%, 
        rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 60%,
        transparent 60%, transparent);
    background-image: linear-gradient(-45deg,
        rgba(255, 255, 255, .3) 10%, 
        transparent 10%, transparent 50%, 
        rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 60%,
        transparent 60%, transparent);
}

tr {
    height : 25px;
}