/*body {
    padding-top: 50px;
    padding-bottom: 20px;
}*/

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
/*.body-content {
    padding-left: 15px;
    padding-right: 15px;
}*/


/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}


.clickable {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 1;
}

@media print {
    .no-print {
        display: none !important;
    }

    a:link:after, a:visited:after {
        display: none;
        content: "";
    }
}

.pnotify-center {
    right: calc(50% - 150px);
    top: 100px;
    /*position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes
    transform: translate(-50%, -50%);*/
}

.imagemPerfil {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.side-crop {
    max-width: 375px;
    overflow: hidden;
    text-indent: -50%;
}

.side-crop img {
    max-width: 300px; /* Maybe optional. See note below */
}

/* There's a bug with the new version somewhere* /
select2-container .select2-selection--single{
    height: 43px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 14px !important;
}*/

.select2-drop img, .select2-choice img {
    float: right;
    height: 10px;
}

.wizard .select2-container:not(:first-of-type) {
    padding-top: 5px;
}

div.file-input:not(:first-of-type) {
    padding-top: 5px;
}

.glyphicon-size-small {
    font-size: 12px;
}

/* Clip spacing on modals*/
.modal .details h4, .modal .details h5, .modal .details h6 {
    margin-bottom: 0px;
    margin-top: 15px;
}

table.datatable tr.even {
    background-color: #EAEDED;
}

/* For dataTable details (via responsive plugin)*/
table.dataTable > tbody > tr.child {
    font-size: 10px;
}
table.dataTable > tbody > tr.child h5 {
    font-size: 14px;
}
/* and remove autoadded stuff*/
.dtr-inline.collapsed tbody tr td:first-child, .dtr-inline.collapsed tbody tr th:first-child {
    cursor: auto !important;
}
.dtr-inline.collapsed tbody tr th:first-child::before {
    content: '';
}

/* for the color labels of orders*/
.dataTable tr span.label {
    width: 44px;
    overflow: hidden;
}

/* Profile Adresses */
.form-group input + label {
    margin-top: 7px;
}
    
#canvas3d {
    width: 100%;
    height: 400px;
    margin-bottom: 20px;
}

#picture, #configurator {
    margin-bottom: 20px;
}

#picture img {
    max-width: 100%;
}

#header-content-space {

}

#header-content-space img{
    max-height: 60px;
}

#configurator .cores {
    border-color: #666 !important;
    float: left;
    border: 1px solid #eee;
    padding: 5px;
    margin: 5px;
}

#configurator canvas {
    width: 100%;
    height: 100%
}

#configurator #progress {
    position: absolute;
    margin-top: -20px;
    margin-left: 100px;
    z-index: 500;
    width: 300px;
    height: 10px;
    border: 1px solid #fff;
}

#configurator #bar {
    background-color: #fff;
    height: 10px;
}


#configurator .inactivo {
    color: #ccc;
}

.navbar-melges {
    background-color: #fff;
    border-color: #37474f;
    border-bottom-color: rgb(55, 71, 79);
}

.navbar-tiderace {
    background-color: #fff;
    border-color: #37474f;
    border-bottom-color: rgb(55, 71, 79);
}