/* Botão de paginas nas tabelas fica vermelho */
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color: #dd4b39;
    border-color: #dd4b39;
}
.small-box .icon {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: -10px;
    right: 10px;
    z-index: 0;
    font-size: 90px;
    color: rgba(255, 255, 255, 0.8);
}

.table>tbody>tr>td{
    padding: 4px;
}

.table-bordered>thead>tr>th{
    border-bottom: 1px solid #dd4b39;
}
.table-bordered>tfoot>tr>th{
    border-top: 1px solid #dd4b39;
}

.modal-header{
    border-bottom: 1px solid #dd4b39;
}
.modal-footer{
    border-top: 1px solid #dd4b39;
}

.btn-default-red{
    border: 1px solid #dd4b39;
    color: #333;
    background-color: lightgray;
}

.invisivel{
    display: none;
}

.texto-ajuda-titulo{
    font-weight: bold;
}

.texto-ajuda{
    text-align: justify;
}

.linha-clicavel:hover{
    cursor: pointer;
    transform: scale(1.005); 
}

/* Deixar a div com o radio e o checkbox ocupando
o tamanho de um input*/
.radio-and-check{
    padding-top: 7px;
    padding-bottom: 7px;
}

dt p{
    margin-bottom: 0px; 
}

dd{
    margin-bottom: 10px;
}

dl > strong{
    font-size: 16px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    white-space: normal; 
    background-color: #dd4b39;
    border-color: #dd4b39;
    padding: 1px 10px;
    color: #fff;
}

.nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #dd4b39;
}

/* Mensagem de dentro do Dropzone */
#myDropzone .message {
    font-family: "Segoe UI Light", "Arial", serif;
    font-weight: 600;
    color: #333;
    font-size: 1.5em;
    letter-spacing: 0.05em;
}

/* Dropzone */
.dropzone {
    border: 2px dashed #dd4b39;
    background: white;
    border-radius: 5px;
    min-height: 300px;
    padding: 90px 0;
    vertical-align: baseline;
}

/* Slider */
.my-slider {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;   
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}
.my-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%; 
    background: #dd4b39;
    cursor: pointer;
}
.my-slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #dd4b39;
    cursor: pointer;
}

/* Galeria de Fotos */
#photos {
    /* Prevent vertical gaps */
    line-height: 0;
 
    -webkit-column-count: 5;
    -webkit-column-gap:   0px;
    -moz-column-count:    5;
    -moz-column-gap:      0px;
    column-count:         5;
    column-gap:           0px;
 }
#photos img {
    /* Just in case there are inline attributes */
    width: 100% !important;
    height: auto !important;
    padding: 1px 1px 1px 1px;
}
@media (max-width: 1200px)  {
    #photos {
        -moz-column-count:    5;
        -webkit-column-count: 5;
        column-count:         5;
    }
}
@media (max-width: 992px) {
    #photos {
        -moz-column-count:    3;
        -webkit-column-count: 3;
        column-count:         3;
    }
}
@media (max-width: 768px) {
    #photos {
        -moz-column-count:    2;
        -webkit-column-count: 2;
        column-count:         2;
    }
}
@media (max-width: 576px) {
    #photos {
        -moz-column-count:    1;
        -webkit-column-count: 1;
        column-count:         1;
    }
}

/* Aumenta a imagem do perfil do migrante para 100% da DIV */
.perfil img {
    height: 100%;
    width: 100%;
}

/* Altera a altura da rede de relacionamentos */
#mynetwork {
    height: 500px;
}