/*

    Common

*/

form.testFile {

    color: white;

    font-size: 20px;

    font-family: ProflingvaFontB,sans-serif;

    text-transform: initial;

    border-top: 1px solid #5f4c4a;

    border-bottom: 1px solid #5f4c4a;

    padding: 3% 0%;

    margin-top: 7px;

    overflow: hidden;

}

.wizard,

.tabcontrol

{

    display: block;

    width: 100%;

    overflow: hidden;

}




.wizard a,

.tabcontrol a

{

    outline: 0;

}



.wizard ul,

.tabcontrol ul

{

    list-style: none !important;

    padding: 0;

    margin: 0;

}



.wizard ul > li,

.tabcontrol ul > li

{

    display: block;

    padding: 0;

}



/* Accessibility */

.wizard > .steps .current-info,

.tabcontrol > .steps .current-info

{

    position: absolute;

    left: -999em;

}



.wizard > .content > .title,

.tabcontrol > .content > .title

{

    position: absolute;

    left: -999em;

}







/*

    Wizard

*/



.wizard > .steps

{

    position: relative;

    display: block;

    width: 100%;

}



.wizard.vertical > .steps

{

    display: inline;

    float: left;

    width: 24%;

}



.wizard > .steps .number

{

    font-size: 16px;

}



.wizard > .steps > ul > li

{

    width: 25%;

}



.wizard > .steps > ul > li,

.wizard > .actions > ul > li

{

    float: left;

}



.wizard.vertical > .steps > ul > li

{

    float: none;

    width: 100%;

}



.wizard > .steps a,

.wizard > .steps a:hover,

.wizard > .steps a:active

{

    display: block;

    width: auto;

    margin: 0 0.1em 0.5em;

    padding: 1em 1em;

    text-decoration: none;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 33px;

    outline: none;

}



.wizard > .steps .disabled a,

.wizard > .steps .disabled a:hover,

.wizard > .steps .disabled a:active

{

    background: #eee;

    color: #aaa;

    cursor: default;

    text-transform: uppercase;

    font-family: ProflingvaFontB;

    font-size: 17px;

}



.wizard > .steps .current a,

.wizard > .steps .current a:hover,

.wizard > .steps .current a:active

{

    background: #DD353F;

    color: #fff;

    cursor: default;

    font-size: 17px;

    text-transform: uppercase;

    font-family: ProflingvaFontB,sans-serif;

}



.wizard > .steps .done a,

.wizard > .steps .done a:hover,

.wizard > .steps .done a:active

{

    background: #44ba28;

    color: #fff;

    font-size: 16px;

    font-size: 17px;

    text-transform: uppercase;

    font-family: ProflingvaFontB,sans-serif;

}



.wizard > .steps .error a,

.wizard > .steps .error a:hover,

.wizard > .steps .error a:active

{

    background: #DD353F;

    color: #fff;

}



.wizard > .content

{

    background: #eee;

    display: block;

    margin: 0.5em;

    /* min-height: 35em; */

    overflow: hidden;

    position: relative;

    width: auto;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

}



.wizard.vertical > .content

{

    display: inline;

    float: left;

    margin: 0% 3.5% 0.5em 5.5%;

    width: 67%;

}



.wizard > .content > .body

{

    float: left;

    /* position: absolute; */

    width: 100%;

    height: 95%;

    padding: 2.5%;

}



.wizard > .content > .body ul

{

    list-style: disc !important;

}



.wizard > .content > .body ul > li

{

    display: list-item;

}



.wizard > .content > .body > iframe

{

    border: 0 none;

    width: 100%;

    height: 100%;

}



.wizard > .content > .body input

{

    display: block;

    border: 1px solid #ccc;

}



.wizard > .content > .body input[type="checkbox"]

{

    display: inline-block;

}



.wizard > .content > .body input.error

{

    background: rgb(251, 227, 228);

    border: 1px solid #fbc2c4;

    color: #8a1f11;

}



.wizard > .content > .body label

{

    display: inline-block;

    margin-bottom: 0.7em;

}



.wizard > .content > .body label.error

{

    color: #DD353F;

    display: block;

    margin-left: 1.5em;

    font-size: 14px;

    padding-top: 10px;

}



.wizard > .actions

{

    position: relative;

    display: block;

    text-align: right;

    width: 100%;

}



.wizard.vertical > .actions

{

    display: inline;

    float: right;

    margin: 0 2.5%;

    width: 95%;

    display: none;

}



.wizard > .actions > ul

{

    display: inline-block;

    text-align: right;

}



.wizard > .actions > ul > li

{

    margin: 0 0.5em;

}



.wizard.vertical > .actions > ul > li

{

    margin: 0 0 0 1em;

}









.wizard > .actions a,

.wizard > .actions a:hover,

.wizard > .actions a:active

{

    background: hsl(108, 65%, 44%);

    color: #fff;

    display: block;

    padding: 0.5em 1em;

    text-decoration: none;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    display: inline-block;

    padding: 10px 18px;

    margin-bottom: 0;

    font-size: 21px;

    text-transform: uppercase;

    font-family: ProflingvaFontB, sans-serif;

    font-weight: 400;

    line-height: 1.42857143;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    box-shadow: 0px 3px 1px #c5c5c5;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    -webkit-box-shadow: 0px 3px 1px #c5c5c5;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 30px;

}



.wizard > .actions .disabled a,

.wizard > .actions .disabled a:hover,

.wizard > .actions .disabled a:active

{

    background: #eee;

    color: #aaa;

}



.wizard > .loading

{

}



.wizard > .loading .spinner

{

}







/*

    Tabcontrol

*/



.tabcontrol > .steps

{

    position: relative;

    display: block;

    width: 100%;

}



.tabcontrol > .steps > ul

{

    position: relative;

    margin: 6px 0 0 0;

    top: 1px;

    z-index: 1;

}



.tabcontrol > .steps > ul > li

{

    float: left;

    margin: 5px 2px 0 0;

    padding: 1px;



    -webkit-border-top-left-radius: 5px;

    -webkit-border-top-right-radius: 5px;

    -moz-border-radius-topleft: 5px;

    -moz-border-radius-topright: 5px;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

}



.tabcontrol > .steps > ul > li:hover

{

    background: #edecec;

    border: 1px solid #bbb;

    padding: 0;

}



.tabcontrol > .steps > ul > li.current

{

    background: #fff;

    border: 1px solid #bbb;

    border-bottom: 0 none;

    padding: 0 0 1px 0;

    margin-top: 0;

}



.tabcontrol > .steps > ul > li > a

{

    color: #5f5f5f;

    display: inline-block;

    border: 0 none;

    margin: 0;

    padding: 10px 30px;

    text-decoration: none;

}



.tabcontrol > .steps > ul > li > a:hover

{

    text-decoration: none;

}



.tabcontrol > .steps > ul > li.current > a

{

    padding: 15px 30px 10px 30px;

}



.tabcontrol > .content

{

    position: relative;

    display: inline-block;

    width: 100%;

    height: 35em;

    overflow: hidden;

    border-top: 1px solid #bbb;

    padding-top: 20px;

}



.tabcontrol > .content > .body

{

    float: left;

    position: absolute;

    width: 95%;

    height: 95%;

    padding: 2.5%;

}



.tabcontrol > .content > .body ul

{

    list-style: disc !important;

}



.tabcontrol > .content > .body ul > li

{

    display: list-item;

}

.bs-callout {

    padding: 20px;

    margin: 20px 0;

    border: 1px solid #606060;

    border-left-width: 5px;

    border-radius: 3px;

    background-color: white;

}

div#uploadifive-file_upload-file-0 {}



div#uploadifive-file_upload-file-0 {}



.uploadifive-queue-item.complete {

    background-color: #dff0d8;

}



.uploadifive-queue-item.error {

    background-color: #f2dede;

}

.imgicon {

    float: left;

    margin-right: 8px;

}

div#dropdesc, div#dropdesc1 {

    top: 32%;

    position: relative;

}



#dropdesc > div:nth-child(1),#dropdesc1 > div:nth-child(1) {

    font-size: 20px;

}

.uploadifive-button {

    float: left;

    margin-right: 10px;

}

#queue, #queue1 {

    border: 1px solid #E5E5E5;

    height: 250px;

    overflow: auto;

    margin-bottom: 10px;

    padding: 0 3px 3px;

    /* width: 300px; */

    background: rgb(255, 255, 255);

    padding: 15px;

    border-radius: 6px;

    text-align: center;

    border: 2px dashed #ffcc74;

}



#queue2 {

    border: 1px solid #E5E5E5;

    height: 177px;

    overflow: auto;

    margin-bottom: 10px;

    padding: 0 3px 3px;

    width: 300px;

}



.ResultUpload{

    display:none;



}



.uploadifive-button {

    /* background-color: #505050; */

    background-image: linear-gradient(bottom, #505050 0%, #707070 100%);

    background-image: -o-linear-gradient(bottom, #505050 0%, #707070 100%);

    background-image: -moz-linear-gradient(bottom, #505050 0%, #707070 100%);

    /* background-image: -webkit-linear-gradient(bottom, #505050 0%, #707070 100%); */

    background-image: -ms-linear-gradient(bottom, #505050 0%, #707070 100%);

    /* background-image: -webkit-gradient(

        linear,

        left bottom,

        left top,

        color-stop(0, #505050),

        color-stop(1, #707070)

    ); */

    background-position: center top;

    background-repeat: no-repeat;

    /* -webkit-border-radius: 30px; */

    -moz-border-radius: 30px;

    /* border-radius: 30px; */

    /* border: 2px solid #808080; */

    color: #FFF;

    font: bold 12px Arial, Helvetica, sans-serif;

    text-align: center;

    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);

    text-transform: uppercase;

    width: 100%;

}

.uploadifive-button:hover {

    /* background-color: #606060; */

    background-image: linear-gradient(top, #606060 0%, #808080 100%);

    background-image: -o-linear-gradient(top, #606060 0%, #808080 100%);

    background-image: -moz-linear-gradient(top, #606060 0%, #808080 100%);

    /* background-image: -webkit-linear-gradient(top, #606060 0%, #808080 100%); */

    background-image: -ms-linear-gradient(top, #606060 0%, #808080 100%);

    /* background-image: -webkit-gradient(

        linear,

        left bottom,

        left top,

        color-stop(0, #606060),

        color-stop(1, #808080)

    ); */

    background-position: center bottom;

}

.uploadifive-queue-item {

    background-color: #F5F5F5;

    border-bottom: 1px dotted #D5D5D5;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    font: 12px Arial, Helvetica, Sans-serif;

    margin-top: 3px;

    padding: 15px;

    padding-top: 8px;

    padding-bottom: 7px;

    overflow: hidden;

    text-align: left;

}

.uploadifive-queue-item .close {

    background: url('/google_sheets/cancel.png') 0 0 no-repeat;

    height: 16px;

    text-indent: -9999px;

    width: 16px;

    position: absolute;

    margin: 0;

    padding: 0;

    right: 40px;

}

.uploadifive-queue-item .progress {

    border: 1px solid #D0D0D0;

    height: 8px;

    margin-top: 5px;

    width: 100%;

    float: none;

}



.nameupfile {

    float: left;

    margin-top: 13px;

    font-size: 15px;

    font-family: ProflingvaFontB,sans-serif;

    color: #424242;

}

.viduslug {

    margin-top: 24px;

}

li:focus {

    outline: none;

}



.alertlich {

    font-size: 32px;

    line-height: 40px;

    min-height: 126px;

    color: #4d3835;

    font-family: ProflingvaFontB, sans-serif;

}

h2.titlelich {

    font-size: 25px;

    text-transform: uppercase;

    font-family: 'PT Sans Narrow', sans-serif;

    font-weight: bold;

    margin-left: 6%;

}



.viduslug {

    margin-bottom: 15px;

}

/* ---------- ADAPTIVE ---------- */

@media (max-width: 767px) {
    #ustn-form .wizard.vertical > .steps {
        display: block;
        float: none;
        width: 100%;
    }
    #ustn-form .wizard.vertical > .content {
        display: block;
        float: none;
        margin: 0px;
        width: 100%;
    }

}

@media (min-width: 480px) and (max-width: 767px) {
    #ustn-form .wizard.vertical > .steps > ul {
        display: flex;
    }
}