﻿
.portfolioNegro {
    border: solid 1px transparent;
    background-color: rgba(0, 0, 0,0.1);
    display: inline-block;
    padding: 20px;
    width: 100%;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    margin-bottom: 20px;
}

.thumbnail {
    border-radius: 0;
    background-color: rgba(255, 255, 255,0.8);
}

.thumbnail img {
    margin-bottom: 10px;
}

/*!
 * Start Bootstrap - 3 Col Portfolio (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */


.portfolioNegro-item {
    margin-bottom: 25px;
    color: #d0d0d0;
}
.portfolioNegro-item:not(:last-child) {
    margin-bottom: 25px;
    border-right: solid 1px #d0d0d0;
}

@media (max-width: 991px) {
    .portfolioNegro-item:not(:last-child) {
        margin-bottom: 25px;
        border-right: none;
    }
}

.linkblanco {
    color: #a5d5ff !important
}
.linkblanco:hover{
    color:white !important
}

h1 {
    color: #428bca;
    cursor: default;
}

.centered {
    text-align:center
}

.borders {
    vertical-align: middle;
}
@media (min-width: 768px){
    .borders {
        border-left: solid 1px white;
        border-right: solid 1px white;
        padding-left: 30px;
        padding-right: 30px
    }
}

.client-big{
    padding: 5px;
    max-height: 80px;
    height: auto;
    max-width: 100%
}

.clients-container {
    width: 92%;
    margin: auto
}

.clients-subcontainer {
    text-align: center;
}

@media(max-width:650px){
    .clients-container{
        margin-top: 25px
    }
}

.client-small{
    padding: 5px 0;
    margin: 25px 3%;
    height: 100px;
}

@media (max-width:767px){
    .client-small{
        padding: 13px 16px;
        max-width:49%;
        margin: auto;
        height:auto
    }
}



.row .centered{
    margin-left:0;
    margin-right:0
}

.clients-subcontainer a{
    text-decoration: none;
}

.validation {
    margin-bottom: 30px
}

.pendingContainer {
    width: 42%;
}

@media(min-width:768px){
    .validation {
        display: flex;
    }
    .lenelValidationText {
        padding: 0;
    }
    .genetecValidationText {
        padding: 0;
        margin-top: 30px
    }
}
@media(max-width:767px) {
    .leftcard .validation{
        margin-top:15px;
    }
    .pendingContainer{
        width:90%
    }
    .rowsmall{
        margin:0
    }
}


.validationIcon {
    display: flex;
    align-items: center;
}