/*Prevents highlighting on button / text field focus */
.btn.focus, .btn:focus
{
    outline: 0;
    box-shadow: 0 0 0 0;
}
.form-control:focus
{
    outline: 0;
    box-shadow: 0 0 0 0;
    border-color: #ced4da;
}



/*Adds shadow to the text input on hover*/
.input-group:hover {
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.08);
}

#searchStats {
    color: #808080;
    font-size: small;
    line-height: 43px;
    padding-left: 16px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dropdown:active {
    color: #777;
    border-color: transparent;
}

#dateRangeDropDownMenuButton:not(:disabled):not(.disabled).active, 
#dateRangeDropDownMenuButton:not(:disabled):not(.disabled):active, 
.show>#dateRangeDropDownMenuButton.dropdown-toggle,
#documentLocationDropDownMenuButton:not(:disabled):not(.disabled).active, 
#documentLocationDropDownMenuButton:not(:disabled):not(.disabled):active, 
.show>#documentLocationDropDownMenuButton.dropdown-toggle
{
    color: #777;
    font-weight: bold;
    border-color: transparent;
    background-color: transparent;
}

#dateRangeDropDownMenuButton:not(:disabled):not(.disabled).active:focus, 
#dateRangeDropDownMenuButton:not(:disabled):not(.disabled):active:focus, 
.show>#dateRangeDropDownMenuButton.dropdown-toggle:focus,
#documentLocationDropDownMenuButton:not(:disabled):not(.disabled).active:focus, 
#documentLocationDropDownMenuButton:not(:disabled):not(.disabled):active:focus, 
.show>#documentLocationDropDownMenuButton.dropdown-toggle:focus{
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,0.0);
}

#dateRangeDropDownMenuButton, #documentLocationDropDownMenuButton { 
    color: #777;
    border-color: transparent;
}


#dateRangeDropDownMenuButton:hover, #documentLocationDropDownMenuButton:hover {
    color: #000;
    border-color: transparent;
    background-color: transparent;
}


#dateRangeDropDownMenuButton:active, #documentLocationDropDownMenuButton:active { 
    color: #777;
    font-weight: bold;
    border-color: transparent;
    background-color: transparent;
}

#allDateInterval{
    font-weight: 400;
    color: #777;
    background-color: transparent;
}

#today{
    font-weight: 400;
    color: #777;
    background-color: transparent;
}

#this_week{
    font-weight: 400;
    color: #777;
    background-color: transparent;
}

#this_month{
    font-weight: 400;
    color: #777;
    background-color: transparent;
}

#this_year{
    font-weight: 400;
    color: #777;
    background-color: transparent;
}

#older{
    font-weight: 400;
    color: #777;
    background-color: transparent;
}

.list-group-item.active{
    border-color: #f6b502;
    background-color: transparent;
}

.resultTitle{
    line-height: 1.2;
    margin: 0;
    padding: 0;
}

.h3, h3 {
    font-size: 18px;
    margin: 0;
    padding: 0;
}

a:link {
    cursor: pointer;
}

a:visited {
    color: #609;
}
a:link {
    color: #1a0dab;
}

.resultUrl {
    font-size: 14px;
    color: #006621;
    font-style: normal;
    margin: 0;
    padding: 0;
}

.resultExtract {
    font-size: small;
    color: #545454;
    line-height: 1.4;
    text-align: left;
    word-wrap: break-word;
    font-style: normal;
    margin: 0;
    padding: 0;
}

/*Deals with document date*/
.resultExtract span {
    color: #808080;
}


mark {
    font-weight: bold;
    font-style: normal;
    color: #6a6a6a;
    background-color: yellow;
}

.singleResult {
    margin-top: 0;
    margin-bottom: 26px;
}

/*tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}*/

.logoText {
    font-size: 18px;
    font-weight: bold;
}

#otherPages a:link {
    /*    margin: 30px auto 30px;*/
    color: #4285f4;
}

/*We want modal for the tree to fit to content*/
#resultTreeModal .modal-content {  
  width: auto;  
}

/* We want the cursor to behave as if it was a hyperlink*/
.table-content-monitored-search {
        cursor: pointer;
}

/*Animated bell
source : https://bbbootstrap.com/snippets/ringing-bell-animation-font-awesome-icons-74107512*/ 
.faa-ring {
    color: #f6b502
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    2% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    4% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    6% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    8% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    10% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    12% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    14% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    16% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    18% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    2% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    4% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    6% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    8% {
        -webkit-transform: rotate(-22deg);
        -ms-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    10% {
        -webkit-transform: rotate(22deg);
        -ms-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    12% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    14% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    16% {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    18% {
        -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    20% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.faa-ring.animated,
.faa-ring.animated-hover:hover,
.faa-parent.animated-hover:hover>.faa-ring {
    -webkit-animation: ring 2s ease infinite;
    animation: ring 2s ease infinite;
    transform-origin-x: 50%;
    transform-origin-y: 0px;
    transform-origin-z: initial
}
/*End of animated bell*/