#colorDefinitionDiv {
    color: #287ACC; /*dark*/
    /*color: #3399ff;*/
}

/*Button Primary*/
div > .btn-primary {
    color: #ffffff;
    background-color: #287ACC;
    border-color: #246DB7; /*darker*/
}

    div > .btn-primary:hover,
    div > .btn-primary:focus,
    div > .btn-primary:active,
    div > .btn-primary.active,
    div > .open .dropdown-toggle.btn-primary {
        color: #ffffff;
        background-color: #3399ff !important; /*dark*/
        border-color: #2D89E5 !important; /*darker*/
    }

    div > .btn-primary.disabled,
    div > .btn-primary[disabled],
    div > fieldset[disabled] .btn-primary,
    div > .btn-primary.disabled:hover,
    div > .btn-primary[disabled]:hover,
    div > fieldset[disabled] .btn-primary:hover,
    div > .btn-primary.disabled:focus,
    div > .btn-primary[disabled]:focus,
    div > fieldset[disabled] .btn-primary:focus,
    div > .btn-primary.disabled:active,
    div > .btn-primary[disabled]:active,
    div > fieldset[disabled] .btn-primary:active,
    div > .btn-primary.disabled.active,
    div > .btn-primary[disabled].active,
    div > fieldset[disabled] .btn-primary.active {
        background-color: #287ACC;
        border-color: #246DB7; /*darker*/
    }

/*Pagination DataTable*/
div > .pagination > .active > a,
div > .pagination > .active > span,
div > .pagination > .active > a:hover,
div > .pagination > .active > span:hover,
div > .pagination > .active > a:focus,
div > .pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    cursor: default;
    background-color: #287ACC;
    border-color: #cd3333;
}

/*Selected Color*/
::selection {
    color: white;
    background: #3399ff;
}

div > a,
footer > a {
    color: #3399ff;
}

    div > a:hover,
    div > a:active,
    div > a:focus,
    footer > a:hover,
    footer > a:active,
    footer > a:focus {
        color: #287ACC;
    }

select:focus::-ms-value {
    background-color: #3399ff;
}

div.row.affix > div {
    box-shadow: 0px 0px 5px 2px lightgrey;
}

.borderDiv{

    border-radius: 3px;
    margin: 5px;

    /*box-shadow: -2px 2px 2px 0px #808080;*/
    box-shadow: 0px 0px 5px 2px lightgrey;

    /*border: 1px solid grey;*/

    background-color: whitesmoke;

}

.borderDiv h3{

    color: #287ACC;

}

.searchHistoryTable > tbody :hover{

    background-color: #287ACC;
    color: white;

}

.resultCardRoot :hover{

    background-color: whitesmoke;

    /*box-shadow: 0 0 6px 3px #287ACC;*/
    box-shadow: 0px 0px 5px 0px #287ACC;
}

.resultCardRoot > .resultCardItem{

    margin: 5px;

}

.resultCardItem :hover{

    box-shadow: none;

}

.resultValue_0 span{

    font-weight: bold;
    color: #287ACC;

}

.resultSearchValueHighlighting{

    color: #287ACC;

}

#detailHeaderRowDiv > div{

    background-color: #287ACC;
    color: white;

}

.detailDataViewItemValue > a {

    color: #287ACC;

}

.detailDataViewItemValue > a:hover{

    color: #287ACC;

}

.detailDataViewItemValue > a:link{

    color: #287ACC;

}

td > a.detailDataViewItemValue {
    color: #287ACC;
}

td > a.detailDataViewItemValue:hover {
    color: #287ACC;
}

td > a.detailDataViewItemValue:link {
    color: #287ACC;
}

.detailDataViewSlider > .bjqs-controls.v-centered > li > a {

    color: #287ACC;

}

.detailDataViewSlider > .bjqs-controls.v-centered > li > a:hover {

    background-color: #287ACC;
    color: white;

}

.detailDataViewSlider > .bjqs-markers > li > a {

    color: #287ACC;

}

.detailDataViewSlider > .bjqs-markers > li.active-marker > a,
.detailDataViewSlider > .bjqs-markers > li > a:hover {

    background-color: #287ACC;
    color: white;

}

.detailDataRoot > .list-group > .list-group-item{

    background-color: whitesmoke;

}

.detailDataRoot > .list-group > a:hover{

    background-color: #287ACC;
    color: white;

}

.dataTables_length > label > select > option:checked{

    background-color: #287ACC;

}

.dataTables_length > label > select:focus,
.dataTables_filter > label > input:focus {

  border-color: #287ACC;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);

}

.dataTables_paginate > ul > li > a{

    color: #287ACC;

}

.page-link:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 122, 204,.25) !important;
}

.dataTables_paginate > ul > .active > a
.dataTables_paginate > ul > .active > a:hover,
.page-item.active .page-link {
    background-color: #287ACC !important;
    border-color: #287ACC !important;
}

.detailDataImage:hover{

    border-color: #287ACC;
    cursor: pointer;

}

.logoBottom:hover{

    cursor: pointer;

}

.searchGlyphiconDiv{

    text-align:right;

}

.glyphicon{

    
    font-size: 20px;
    color: black;

}

.glyphicon:link{

    color: black;
    text-decoration: none;

}

.glyphicon:hover{

    color: #287ACC;
    cursor: pointer;
    text-decoration: none;

}

.detailDataWebView{

    
    background-color: transparent;

}

.searchPageRoot hr{

    border: 1px solid #287ACC;

}

.settingsPageRoot hr{

    border: 1px solid #287ACC;

}

.adminDetailRoot hr {
    border: 1px solid #287ACC;
}

.adminPageTable > tbody :hover {
    background-color: #287ACC;
    color: white;
}