/* Copyright 2013-2015 etc Chris Tabor. See https://github.com/christabor/css-progress-wizard/blob/master/LICENSE for details. */
.flexer, .progress-indicator {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

    .no-flexer, .progress-indicator.stacked {
        display: block;
    }

.no-flexer-element {
    -ms-flex: 0;
    -webkit-flex: 0;
    -moz-flex: 0;
    flex: 0;
}

.flexer-element, .progress-indicator > li {
    -ms-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    flex: 1;
}

.progress-indicator {
    margin: 15px 0 1em;
    padding: 0;
    margin-bottom: 1em;
    font-size: 14px;
    font-weight: 200;
    color: #231f20;
}

    .progress-indicator > li {
        list-style: none;
        text-align: center;
        width: auto;
        padding: 0;
        margin: 0;
        position: relative;
        text-overflow: ellipsis;
        display: block;
    }

        .progress-indicator > li .bubble {
            width: 20px;
            height: 20px;
            display: block;
            margin: 0 auto 0.5em auto;
        }

            .progress-indicator > li .bubble:before, .progress-indicator > li .bubble:after {
                display: block;
                position: absolute;
                top: 12px;
                width: 100%;
                height: 1px;
                content: '';
                background-color: #a0a0a0;
            }

            .progress-indicator > li .bubble.first:after, .progress-indicator > li .bubble.last:before {
                width: 50%;
            }

            .progress-indicator > li .bubble.first:before, .progress-indicator > li .bubble.last:after {
                width: 0;
            }
    /*completed Styling*/
    .progress-indicator .btn-circle,.progress-indicator .completed.current .btn-circle {
        text-align: center;
        padding: 6px 0;
        font-size: 12px;
        line-height: 1.428571429;
        border-radius: 50%;
        background: #e5e5e5;
        border-width: 1px;
        color: #7d7d7d;
        border-color: #a0a0a0;
        width: 30px;
        height: 30px;
		left:50%;
        margin-left: -15px;
        margin-top: -30px;
        position: absolute;
        cursor:default;
    }

    .progress-indicator .completed .btn-circle, .progress-indicator .completed.current .btn-circle {
        border-color: #34b66b;
        color: #34b66b;
        background-color: #34b66b;
    }

        .progress-indicator .completed .btn-circle:before {
          /*Add another block-level blank space*/
          content: '';
          display: block;
          /*Make it a small rectangle so the border will create an L-shape*/
          width: 8px;
          height: 14px;
          /*Add a white border on the bottom and left, creating that 'L' */
          border: solid #fff;
          border-width: 0 2px 2px 0;
          /*Rotate the L 45 degrees to turn it into a checkmark*/
          transform: rotate(45deg);
          margin-left:10px;
          position:absolute;
        }
       

    .progress-indicator .current .btn-circle {
        width: 38px;
        height: 38px;
        padding: 10px 0;
        border-color: #34b66b;
        color: #34b66b;
        margin-left: -19px;
        margin-top: -35px;
    }
.progress-indicator > li .data-txt{
		padding-top:5px;
}
    .progress-indicator > li .completed .data-txt {
        color: #34b66b;
    }

    .progress-indicator > li .bubble:before {
        left: 0;
    }

    .progress-indicator > li .bubble:after {
        right: 0;
    }


        .progress-indicator > li.completed .bubble {
            background-color: #34b66b;
            color: #34b66b;
            border-color: #247830;
        }

            .progress-indicator > li.completed .bubble:before, .progress-indicator > li.completed .bubble:after {
                background-color: #34b66b;
                border-color: #247830;
            }

    .progress-indicator > li.active {
        color: #337AB7;
    }

        .progress-indicator > li.active .bubble {
            background-color: #337AB7;
            color: #337AB7;
            border-color: #122a3f;
        }

            .progress-indicator > li.active .bubble:before, .progress-indicator > li.active .bubble:after {
                background-color: #337AB7;
                border-color: #122a3f;
            }

    .progress-indicator > li a:hover .bubble {
        background-color: #5671d0;
        color: #5671d0;
        border-color: #1f306e;
    }

        .progress-indicator > li a:hover .bubble:before, .progress-indicator > li a:hover .bubble:after {
            background-color: #5671d0;
            border-color: #1f306e;
        }

    .progress-indicator > li.danger .bubble {
        background-color: #d3140f;
        color: #d3140f;
        border-color: #440605;
    }

        .progress-indicator > li.danger .bubble:before, .progress-indicator > li.danger .bubble:after {
            background-color: #d3140f;
            border-color: #440605;
        }

    .progress-indicator > li.warning .bubble {
        background-color: #edb10a;
        color: #edb10a;
        border-color: #5a4304;
    }

        .progress-indicator > li.warning .bubble:before, .progress-indicator > li.warning .bubble:after {
            background-color: #edb10a;
            border-color: #5a4304;
        }

    .progress-indicator > li.info .bubble {
        background-color: #5b32d6;
        color: #5b32d6;
        border-color: #25135d;
    }

        .progress-indicator > li.info .bubble:before, .progress-indicator > li.info .bubble:after {
            background-color: #5b32d6;
            border-color: #25135d;
        }

    .progress-indicator.stacked > li {
        text-indent: -10px;
        text-align: center;
        display: block;
    }

        .progress-indicator.stacked > li .bubble:before, .progress-indicator.stacked > li .bubble:after {
            left: 50%;
            margin-left: -1.5px;
            width: 3px;
            height: 100%;
        }

    .progress-indicator.stacked .stacked-text {
        position: relative;
        z-index: 10;
        top: 0;
        margin-left: 60% !important;
        width: 45% !important;
        display: inline-block;
        text-align: left;
        line-height: 1.2em;
    }

    .progress-indicator.stacked > li a {
        border: none;
    }

@media handheld, screen and (max-width: 400px) {
    .progress-indicator {
        font-size: 60%;
    }
}

/*# sourceMappingURL=progress-wizard.min.css.map */

/* css for fileupload drop box*/
table {
    border-collapse: collapse;
}

.percent {
    position: absolute;
    width: 300px;
    height: 14px;
    z-index: 1;
    text-align: center;
    font-size: 0.8em;
    color: white;
}

.progress-bar {
    width: 300px;
    height: 14px;
    border-radius: 10px;
    border: 1px solid #CCC;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6666cc), to(#4b4b95));
    border-image: initial;
}

.uploaded {
    padding: 0;
    height: 14px;
    border-radius: 10px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#66cc00), to(#4b9500));
    border-image: initial;
}

.dropbox {
    width: 15em;
    height: 3em;
    border: 2px solid #DDD;
    border-radius: 8px;
    background-color: #FEFFEC;
    text-align: center;
    color: #BBB;
    font-size: 2em;
    font-family: Arial, sans-serif;
}

    .dropbox span {
        margin-top: 0.9em;
        display: block;
    }

    .dropbox.not-available {
        background-color: #F88;
    }

    .dropbox.over {
        background-color: #bfb;
    }
 /*Container Arrow*/
.arrow_box {
	position: relative;
}
.arrow_box:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #fff;
    border-width: 10px;
}
.add-metadata label{padding-right:0; padding-left:0; padding-top:10px}
.add-metadata.arrow_box:after{
    margin-left: -36.5%;
}
.upload-doc:after{
    margin-left: -14%;
}
.toc:after{
    margin-left: 10.6%;
}
.convert:after{
    margin-left: 35%;
}
.wizard-panel{
	padding-top:15px
}
.wizard-title {
    list-style-type: none;
    margin-top: 8px;
    padding-right: 5px;
}