/* Add here all your CSS customizations */

.img-fluid-customized{
    margin-top: 20px;
    max-width: 562px !important;
    height: 420px !important;
    opacity: 0.7 !important;
    border-radius: 10px 10px 10px 10px;
}

.custom-file-label {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 1 !important;
    height: calc(1.5em + .75rem + 5px) !important;
    padding: .375rem .75rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #495057 !important;
    background-color: #fff !important;
    border-color: rgba(0, 0, 0, 0.09) !important;
    border-radius: .25rem !important;
}

.custom-file-label::after{
    display: none !important;
}

#labelInputFile{
    overflow: hidden !important;
    text-overflow: clip !important;
}

html, body{
    background-color: #333332;
}

.dimensaoDesktop{
    margin-top: 12% !important;
    margin-left: 32% !important;  
}

.dimensaoMotoGalax{
    margin-top: 44% !important;
    margin-left: -6% !important;  
}

.dimensaoIphone5{
    margin-top: 44% !important;
    margin-left: -10% !important;
}

.dimensaoIphone678{
    margin-top: 44% !important;
    margin-left: -3% !important;
}

.dimensaoIphone678Plus{
    margin-top: 47% !important;
    margin-left: 3% !important;
}

.dimensaoIphoneX{
    margin-top: 64% !important;
    margin-left: 0% !important;
}

.dimensaoIpad{
    margin-top: 47% !important;
    margin-left: 22% !important;  
}

.dimensaoIpadPro{
    margin-top: 53% !important;
    margin-left: 31% !important; 
}

.dimensaoSurfaceDue{
    margin-top: 38% !important;
    margin-left: 11% !important;
}

.dimensaoGalaxFold{
    margin-top: 55% !important;
    margin-left: -18% !important;
}