html, body {
    margin: 0 auto;
    padding: 0px;
    width: 100% !important;
    height: 100% !important;
}

.cropArea {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: none;
    overflow: scroll;
}

.control {
    width: 300px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 20px;
    z-index:99999999;
}

canvas {
    margin: 0 auto !important;
    z-index: 999999 !important;
}

.control1 {
    float: left;
    width: 25%;
}

.control2 {
    float: left;
    width: 25%;
}

.control3 {
    float: left;
    width: 25%;
}

.control4 {
    float: left;
    width: 25%;
}

.btn-icon {
    font-size: 14px;
    width: 40px;
    height: 40px;
}

.pre {
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
    width: 4cm;
    margin: 5px;
}

.pre-print {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

img-crop {
    width: 100%;
    height: 100%;
    display: block;
    /*position: relative;
    top:0;
    left:0;
    z-index:9999;*/
}

    img-crop canvas {
        display: block;
        /*position: absolute;
        top: 0;
        left: 0;*/
        outline: 0;
        -webkit-tap-highlight-color: transparent;
    }

#img-preresult {
}

.avatar {
    border: 1px solid black;
}


.aguarde {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999998;
    background-color: rgba(0, 0, 0, 0.75);
}

.aguarde-icon {
    position: fixed;
    width: 100%;
    text-align: center;
    color: #FFF;
    top: 40%;
    font-size: 20px;
    z-index: 9999999;
}


.aguardeFoto {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999998;
    background-color: rgba(0, 0, 0, 0.75);
}

.aguardeFoto-icon {
    position: fixed;
    width: 100%;
    text-align: center;
    color: #FFF;
    top: 40%;
    font-size: 20px;
    z-index: 9999999;
}

.impressao {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

@media (max-width: 780px) {


    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
        padding-right:0px!important;
        padding-left:0px!important;
    }

    .avatar {
        margin-top: 20px;
    }

    .control{
        width:100%;
        position:fixed;
        bottom:0;
        z-index:99999999;
        background-color:transparent;
    }

    img-crop canvas {
        
        display: block;
        outline: 0;
        top: 0;
        position: fixed;
        margin:0 auto!important;
        -webkit-tap-highlight-color: transparent;
    }

    #btn-prosseguir{
        position:fixed;
        right:10px;
        bottom:10px;
        z-index:9999;
    }

    /*img-crop {
        width: 200px;
        height: 315px;
        display: block;
        position: relative;
        overflow: hidden;
        margin-left: -150px;
        left: 50%;
        text-align: center;
    }

        img-crop canvas {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            outline: 0;
            -webkit-tap-highlight-color: transparent;
            max-width: 300px;
            max-height: 450px;
            text-align: center;
        }

    .cropArea {
        text-align: center;
    }*/
}


legend{
    color:#DC9133!important;
    border-color:#DC9133!important;
}

.topo{
    background-color:#293F7E!important;
}

.navbar {
    background-color: #000!important;
   
}

.btn-primary{
    background-color:#293F7E!important;

}
.btn-secundary{
    background-color:#8D6373!important;
    color:#FFF!important;
}

a{
    color:#293F7E!important;
    cursor:pointer;
}

.bg-primary{
    background-color:#293F7E!important;
}

.alert-danger{
     color:#FFF!important;
    border-color:#C87B53!important;
    background-color:#C87B53!important;
}

.bg-black{
    background-color:#3C3C3B!important;
    color:#fff;
}
.bg-danger{
    background-color:#DC9133!important;
    color:#fff!important;
}

.label-danger {
    background-color: #DC9133;
}