/* ------ */
/* Layout */
/* ------ */

.PA-WebPartContentWrapper .PA-ButtonArea
{
    padding : 26px 0px 6px 0px;

    text-align  : right;
    white-space : nowrap;
}
.PA-WebPartContentWrapper .PA-ButtonArea.PA-ListButtonArea                  /* area de botoes das listas */
{
    padding : 8px 0px 0px 0px;
}
.PA-WebPartContentWrapper .PA-ButtonArea.PA-ListItemButtonArea              /* area de botoes dos items das listas */
{
    padding : 0px 0px 0px 0px;
}

.PA-WebPartContentWrapper .btn
{
    min-width   : 15%;
    margin-left : 6px;
}
.PA-WebPartContentWrapper .btn:first-child
{
    margin-left : 0px;
}

.PA-WebPartContentWrapper .btn > .fa
{
    margin : 0px 6px 0px 0px;
}

/* Para os os botoes dentro de tabelas */
.PA-WebPartContentWrapper .table .btn,
.PA-WebPartContentWrapper .table .btn:hover,
.PA-WebPartContentWrapper .table .btn:active,
.PA-WebPartContentWrapper .table .btn:active:hover,
.PA-WebPartContentWrapper .table .btn:focus
{
    padding : 0px 6px;
}


/* ----- */
/* Style */
/* ----- */
.PA-WebPartContentWrapper .PA-ButtonArea
{
    /*border-top : 1px solid #444444;*/
}

.PA-WebPartContentWrapper span.fa-stack
{
    font-size : 0.5em;
}

.PA-WebPartContentWrapper .btn,
.PA-WebPartContentWrapper .btn:hover,
.PA-WebPartContentWrapper .btn:active,
.PA-WebPartContentWrapper .btn:active:hover,
.PA-WebPartContentWrapper .btn:focus
{
    font-family      : inherit;
    font-size        : 11pt;
    font-weight      : inherit;

    color            : rgba( 94, 94, 94, 1);
    border           : 2px solid rgba( 94, 94, 94, 1);
    border-radius    : 0px;
    outline          : none;

    background-color : transparent;
    background-image : none;

    text-shadow      : none;
    box-shadow       : none;
}
.PA-WebPartContentWrapper .btn:hover
{
    color            : white;
    background-color : #5e5e5e;

    transition       : ease-in-out .15s;
}
.PA-WebPartContentWrapper .btn.btn-primary
{
    border-color     : rgba( 128, 23, 27, 1); /* cor uminho ( #80171b) */ 
    color            : rgba( 128, 23, 27, 1); /* cor uminho ( #80171b) */ 
}
.PA-WebPartContentWrapper .btn.btn-primary:hover
{
    color            : white;
    background-color : rgba( 128, 23, 27, 1); /* cor uminho ( #80171b) */

    transition       : ease-in-out .15s;
}


/* Para os os botoes dentro de tabelas */
.PA-WebPartContentWrapper .table .btn,
.PA-WebPartContentWrapper .table .btn:hover,
.PA-WebPartContentWrapper .table .btn:active,
.PA-WebPartContentWrapper .table .btn:active:hover,
.PA-WebPartContentWrapper .table .btn:focus
{
    border-color     : transparent;
}

.PA-WebPartContentWrapper tr:hover .btn,
.PA-WebPartContentWrapper tr:hover .btn:hover,
.PA-WebPartContentWrapper tr:hover .btn:active,
.PA-WebPartContentWrapper tr:hover .btn:active:hover,
.PA-WebPartContentWrapper tr:hover .btn:focus
{
    color : white;
}






/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Para os botoes ancorados a tabelas ou a items numa tabela */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ------ */
/* Layout */
/* ------ */

.PA-WebPartContentWrapper .PA-ListButtonArea              > .btn,
.PA-WebPartContentWrapper .PA-ListButtonArea              > .btn:hover,
.PA-WebPartContentWrapper .PA-ListButtonArea              > .btn:focus,
.PA-WebPartContentWrapper .PA-ListButtonArea              > .btn:active,
.PA-WebPartContentWrapper .PA-ListItemButtonArea          > .btn,
.PA-WebPartContentWrapper .PA-ListItemButtonArea          > .btn:hover,
.PA-WebPartContentWrapper .PA-ListItemButtonArea          > .btn:focus,
.PA-WebPartContentWrapper .PA-ListItemButtonArea          > .btn:active,
.PA-WebPartContentWrapper tr:hover .PA-ListItemButtonArea > .btn,
.PA-WebPartContentWrapper tr:hover .PA-ListItemButtonArea > .btn:hover,
.PA-WebPartContentWrapper tr:hover .PA-ListItemButtonArea > .btn:focus,
.PA-WebPartContentWrapper tr:hover .PA-ListItemButtonArea > .btn:active
{
    margin          : 0px;
    min-width       : initial;
    width           : auto;
    border          : none;
    padding-left    : 0px;
    padding-right   : 0px;
}
.PA-WebPartContentWrapper .PA-ListButtonArea     > .btn,
.PA-WebPartContentWrapper .PA-ListButtonArea     > .btn:hover,
.PA-WebPartContentWrapper .PA-ListButtonArea     > .btn:focus,
.PA-WebPartContentWrapper .PA-ListButtonArea     > .btn:active,
.PA-WebPartContentWrapper .PA-ListItemButtonArea > .btn,
.PA-WebPartContentWrapper .PA-ListItemButtonArea > .btn:hover,
.PA-WebPartContentWrapper .PA-ListItemButtonArea > .btn:focus,
.PA-WebPartContentWrapper .PA-ListItemButtonArea > .btn:active,
.PA-WebPartContentWrapper tr:hover .PA-ListItemButtonArea > .btn,
.PA-WebPartContentWrapper tr:hover .PA-ListItemButtonArea > .btn:hover,
.PA-WebPartContentWrapper tr:hover .PA-ListItemButtonArea > .btn:focus,
.PA-WebPartContentWrapper tr:hover .PA-ListItemButtonArea > .btn:active
{
    margin-left: 8px;
}
.PA-WebPartContentWrapper .PA-ListButtonArea              > .btn:first-child,
.PA-WebPartContentWrapper .PA-ListItemButtonArea          > .btn:first-child,
.PA-WebPartContentWrapper tr:hover .PA-ListItemButtonArea > .btn:first-child,
.PA-WebPartContentWrapper tr:hover .PA-ListItemButtonArea > .btn:first-child:hover
{
    margin-left: 0px;
}

.PA-WebPartContentWrapper .PA-ListButtonArea     > .btn > .fa,
.PA-WebPartContentWrapper .PA-ListItemButtonArea > .btn > .fa,
.PA-WebPartContentWrapper .PA-ListButtonArea     > .btn > span.fa-stack,
.PA-WebPartContentWrapper .PA-ListItemButtonArea > .btn > span.fa-stack
{
	width          : 30px;                       /* diametro dos circulos */
    height         : 30px;                       /* diametro dos circulos */

    border-width   : 2px;
    border-style   : solid;
	border-radius  : 50% 50% 50% 50%;

    padding        : 0px;
    padding-top    : calc( (( 30px - 4px - 10pt) / 2));  /* metade do diametro dos circulos - largura da border - metade da altura da linha de texto */

    line-height    : 10pt;

    text-align     : center;
    vertical-align : middle;
}


/* ------ */
/* Style  */
/* ------ */

.PA-WebPartContentWrapper .PA-ListButtonArea     > .btn > .fa,
.PA-WebPartContentWrapper .PA-ListItemButtonArea > .btn > .fa
{
    border-color     : rgba( 94, 94, 94, 1);
    background-color : transparent;
    color            : rgba( 94, 94, 94, 1);
}
.PA-WebPartContentWrapper .table tr:hover .PA-ListItemButtonArea > .btn > .fa
{
    border-color     : white;
    background-color : transparent;
    color            : white;

    transition : ease-in-out .15s;
}

/* button-hover */
.PA-WebPartContentWrapper                 .PA-ListButtonArea     > .btn:hover,
.PA-WebPartContentWrapper .table tr:hover .PA-ListItemButtonArea > .btn:hover
{
    background-color : transparent;
    color            : rgba( 128, 23, 27, 1);

    transition : ease-in-out .15s;
}

.PA-WebPartContentWrapper .PA-ListButtonArea > .btn:hover > .fa
{
    border-color     : rgba( 128, 23, 27, 1);
    background-color : rgba( 128, 23, 27, 1);
    color            : white;

    transition : ease-in-out .15s;
}

/* item-hover e button-hover */
.PA-WebPartContentWrapper .table tr:hover .PA-ListItemButtonArea > .btn:hover > .fa
{
    border-color     : rgba( 128, 23, 27, 0.75);
    background-color : transparent;
    color            : rgba( 128, 23, 27, 0.75);

    transition : ease-in-out .15s;
}