/*
    Estilização customizada a partir do tema Gentelella : Gentelella - Bootstrap Admin Template by Colorlib
    Autor Original  : https://github.com/ColorlibHQ/gentelella
    Customização    : Adelson RM Silva
    Data/Hora       : 10/04/2020 13:00
    -------------------------------------------------------
    Contexto        : tag styling
    Objetivo        : Definição de estilos para as Tags Select

    Cores Tema DASA :
    ------------------------------------------------------------------------------------------------------------------------
    #3d2892 - Azul roxo - Padrão DASA. O mesmo usado no header/cabeçalho do site oficial : https://dasa.com.br/
    #1ED5D5 - Azul marinho claro. Usando em hover de links
*/
@charset "UTF-8";

.x_panel {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 17px;
    display: inline-block;
    background: #fff;
    border: 1px solid #E6E9ED;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    opacity: 1;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.x_title {
    border-bottom: 2px solid #E6E9ED;
    padding: 1px 5px 6px;
    margin-bottom: 10px;
}

    .x_title .filter {
        width: 40%;
        float: right;
    }

    .x_title h2 {
        margin: 5px 0 6px;
        float: left;
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color: #17375e;
        font-weight: bolder;
    }

        .x_title h2 small {
            margin-left: 10px;
        }

    .x_title span {
        /* color: #17375e; */ /*ARMS, 10/04/2020 14:00 - Cor da fonte dos titulos dos Panel | Valor Original : #BDBDBD; */
        font-weight: bolder;
    }

.x_content {
    padding: 0 3px 6px;
    position: relative;
    width: 100%;
    float: left;
    clear: both;
    margin-top: 5px;
}

    .x_content h4 {
        font-size: 16px;
        font-weight: 500;
    }