fieldset, legend {
    width: auto;
    border: 1px solid #ccc
}

fieldset {
    background: #fff
}

legend {
    background: #751b63;
    color: #fff;
    font-size: 16px;
    padding: 5px 10px;
    margin-left: 5px
}

.singleImg {
    background: url(../images/choosefile.png) center no-repeat;
    width: 100%;
    margin: 10px auto;
    float: left
}

    .singleImg img {
        width: 96%;
        margin: 2%;
        height: 100%
    }

.btn {
    padding: 5px 9px;
    font-size: 12px;
    line-height: 1.5;
    /*border-radius: 0px*/
}

.multipleImg {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    height: 227px;
    display: inline-block;
    white-space: nowrap
}

    .multipleImg li {
        vertical-align: top !important;
        display: inline-block !important;
        background: url(../images/multiplefile.png) center no-repeat;
        width: 200px !important;
        height: 200px !important;
        margin: 5px !important;
        float: none !important
    }

        .multipleImg li img {
            width: 100% !important;
            height: 100% !important
        }

.geotagging {
    margin: 1% 5%;
    width: 90%;
    float: left;
    padding: 5px;
    font-size: 16px
}

.geotaggingbutton {
    margin: 6px 6% 10px;
    float: left
}

.imgclear {
    margin-right: 10px;
    font-size: 14px;
    margin-top: -33px
}

.bottomMargin {
    margin-bottom: 10px
}

.signatureImg {
    height: 100px;
    width: 90%
}

    .signatureImg img {
        width: 80%;
        height: 100px;
        margin: 0 10%
    }

div.bhoechie-tab-menu div.list-group, div.bhoechie-tab-menu div.list-group > a {
    margin-bottom: 0;
    color: #212020;
    font-size: 15px;
    font-weight: 700
}

div.bhoechie-tab-container {
    z-index: 10;
    background-color: #fff;
    padding: 0 !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
    opacity: .97;
    filter: alpha(opacity=97)
}

div.bhoechie-tab-menu {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0
}

    div.bhoechie-tab-menu div.list-group {
        margin-top: 56px
    }

        div.bhoechie-tab-menu div.list-group > a .fa, div.bhoechie-tab-menu div.list-group > a .las {
            color: #5A55A3
        }

        div.bhoechie-tab-menu div.list-group > a:first-child {
            border-top-right-radius: 0;
            -moz-border-top-right-radius: 0
        }

        div.bhoechie-tab-menu div.list-group > a:last-child {
            border-bottom-right-radius: 0;
            -moz-border-bottom-right-radius: 0
        }

        div.bhoechie-tab-menu div.list-group > a.active, div.bhoechie-tab-menu div.list-group > a.active .fa, div.bhoechie-tab-menu div.list-group > a.active .las {
            background-color: #13c0ba;
            color: #000
        }

            div.bhoechie-tab-menu div.list-group > a.active:after {
                content: '';
                position: absolute;
                left: 100%;
                top: 50%;
                margin-top: -13px;
                border-bottom: 13px solid transparent;
                border-top: 13px solid transparent;
                border-left: 10px solid #ccc
            }

div.bhoechie-tab-content {
    background-color: #fff;
    float: left;
    width: 100%
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
    display: none
}

.bhoechie-tab {
    border-left: 1px solid #ccc
}

.surveyformView {
    width: 100%;
    float: left;
    height: 424px;
    display: inline-block
}

    .surveyformView li {
        float: left;
        padding: 5px;
        width: 48%;
        margin: 5px
    }

        .surveyformView li label {
            font-size: 13px;
            font-weight: 400;
            float: left;
            margin-right: 10px;
            margin-bottom: 0
        }

        .surveyformView li span {
            float: left;
            margin-top: 0;
            padding: 5px;
            background: url(../images/download.png);
            border: 1px dotted #ccc;
            width: 100%;
            min-height: 30px
        }

            .surveyformView li span strong {
                margin-top: 2px;
                margin-left: 5px;
                margin-right: 5px;
                float: left;
                font-weight: 400
            }

.surveyHeading, .surveyHeading2 {
    padding: 10px;
    color: #fff;
    font-weight: 700;
    z-index: 1;
    position: relative;
    float: left;
    width: 100%
}

.surveyHeading {
    background: #13c0ba;
    margin: 0;
    font-size: 15px
}

    .surveyHeading small {
        color: #fff
    }

.surveyheaderbottom {
    float: left;
    background: url(../images/arrowSu.png) repeat-x;
    height: 15px;
    width: 100%;
    margin: -1px 0 0
}

.surveyHeading2 {
    background: #c02b13;
    margin: 0;
    text-align: center;
    font-size: 16px
}

.surveyInfo, .surveyLabel {
    font-size: 13px
}

.surveyheaderbottom2 {
    float: left;
    background: url(../images/arrowred.png) repeat-x;
    height: 15px;
    width: 100%;
    margin: -1px 0 0
}

.stepsnumber {
    float: none !important;
    color: #fff !important;
    background: #C2311A !important;
    font-weight: 400 !important
}

@media screen and (max-width: 480px) {
    .surveyformView li {
        width: 98%
    }

    div.bhoechie-tab-menu div.list-group > a {
        float: left
    }

    #SurveyStepsTab {
        height: auto !important
    }

    .list-group-item {
        padding: 6px 7px;
        font-size: 13px
    }

    .surveyformView {
        border-bottom: 1px solid #ccc;
        margin-bottom: 20px
    }

    #mediascroll {
        overflow-x: hidden
    }
}

.surveyInfo {
    color: #000;
    margin-right: 7px
}

.surveylabel {
    background: url(../images/ab_texture_tile.png);
    padding: 3px 15px 3px 3px;
    border-radius: 0 50px 0 0
}

@media screen and (max-width: 760px) {
    div.bhoechie-tab-menu div.list-group > a {
        float: left
    }

    #SurveyStepsTab {
        height: auto !important
    }

    .list-group-item {
        padding: 6px 9px;
        font-size: 13px
    }

    .surveyformView {
        border-bottom: 1px solid #ccc;
        margin-bottom: 20px
    }

    #mediascroll {
        overflow-x: hidden
    }
}