﻿/* ------ */
/* Layout */
/* ------ */

.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList
{
    /*width : calc( 100% + 2px);*/
}
.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList
{
    left : -1px;
}

.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList .caret
{
    top   : 0px !important;
    right : 0px !important;

    width : 33px !important;
    height: 32px !important;

    margin-top : 0px !important;

    border      : none !important;
    border-left : 1px solid rgba( 68, 68, 68, 0.75) !important;
}
.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList .caret > i
{
    margin-top     : 8px;
    vertical-align : middle;
}

/* ----- */
/* Style */
/* ----- */

.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList
{
    border: none !important;
}
.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList button.btn.dropdown-toggle.btn-default
{
    border: 1px solid rgba( 68, 68, 68, 0.75);
}

.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList .btn,
.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList .btn:hover,
.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList .btn:active,
.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList .btn:active:hover,
.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList .btn:focus
{
    font-family   : inherit;
    font-size     : inherit;
    font-weight   : inherit;
    color         : inherit;

    /*opacity       : 0.6;*/

    border-width  : 1px;
    border-radius : 0px;

    outline : none;
}


.bootstrap-select .dropdown-toggle:focus
{
    outline : none !important;
}

.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList .btn:hover
{
    /*opacity    : 0.75;*/

    border     : 1px solid rgba( 68, 68, 68, 0.75);

    background-color : transparent;
    
    box-shadow : inset 0 1px 1px rgba( 68, 68, 68, 0.75), 0 0 3px rgba( 128, 23, 27, .6);
    box-shadow : none;
}

.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList .btn:focus,
.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList .btn:active
{
    /*opacity    : 0.9;*/

    border     : 1px solid rgba( 68, 68, 68, 0.75);

    background-color : transparent;
    
    box-shadow : inset 0 1px 1px rgba( 68, 68, 68, 0.75), 0 0 3px rgba( 128, 23, 27, .6);
    box-shadow : none;
}

.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList:hover .caret, 
.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList.open  .caret 
{
    background-color : rgba( 68,68, 68, 1);
    color : white;
}



.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList .btn-group.open .dropdown-toggle
{
    /*opacity          : 0.9;*/
                     
    border           : 1px solid rgba( 68, 68, 68, 0.75);
    background-color : transparent;
    box-shadow       : none;
}

/* para a lista com as opcoes */
.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList div.dropdown-menu.open,
.PA-WebPartContentWrapper .bootstrap-select .dropdown-menu
{
    margin        : 0px 0px 0px 0px;
    border        : 1px solid rgba( 68, 68, 68, 0.3);
    border-radius : 0px;
    padding       : 0px;

    opacity : 1;
}

.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList ul.dropdown-menu.inner li
{
    font-family   : inherit;
    font-size     : 15px;
    font-weight   : inherit;
    color         : inherit;
}
.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList ul.dropdown-menu.inner li a
{
    font-family   : inherit;
    font-size     : inherit;
    font-weight   : inherit;
    color         : inherit;
                  
    line-height   : 34px;
}
.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList ul.dropdown-menu.inner li.selected,
.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList ul.dropdown-menu.inner li.selected a
{
    color      : rgba( 128, 23, 27, 1); /* cor uminho ( #80171b) */
}

.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList ul.dropdown-menu.inner li,
.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList ul.dropdown-menu.inner li                a,
.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList ul.dropdown-menu.inner li                a:hover,
.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList ul.dropdown-menu.inner li                a:focus,
.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList ul.dropdown-menu.inner li:hover,
.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList ul.dropdown-menu.inner li:hover          a,
.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList ul.dropdown-menu.inner li:hover          a:hover,
.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList ul.dropdown-menu.inner li:hover          a:focus,
.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList ul.dropdown-menu.inner li.selected,
.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList ul.dropdown-menu.inner li.selected       a,
.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList ul.dropdown-menu.inner li.selected       a:hover,
.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList ul.dropdown-menu.inner li.selected       a:focus,
.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList ul.dropdown-menu.inner li.selected:hover,
.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList ul.dropdown-menu.inner li.selected:hover a,
.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList ul.dropdown-menu.inner li.selected:hover a:hover,
.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList ul.dropdown-menu.inner li.selected:hover a:focus
{
    outline          : none;
    background       : initial;
    background-image : none;
    background-color : transparent;
}
.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList ul.dropdown-menu.inner li:hover a:hover,
.PA-WebPartContentWrapper .PA-DropDownList ul.dropdown-menu li a:hover
{
    color            : white;
    background-color : #5e5e5e;
    
    transition : ease-in-out .15s;
}
.PA-WebPartContentWrapper .bootstrap-select.PA-DropDownList ul.dropdown-menu.inner li.selected:hover a:hover,
.PA-WebPartContentWrapper .PA-DropDownList ul.dropdown-menu li.selected a:hover
{
    color            : white;
    background-color : rgba( 128, 23, 27, 1); /* cor uminho ( #80171b) */
    
    transition : ease-in-out .15s;
}

.PA-WebPartContentWrapper .PA-DropDownList .loadNum 
{
    position : absolute;
    top : 0;
    left: 0;

    display : inline-block;
    width   : 100%;

    border           : none              !important;
    padding          : 6px 10px 6px 10px !important;
    background-color : transparent       !important;

    text-align: left;
}