/*
    Alterable CSS Overrides for Custom Branding
*/

/*-----------------------------------*/
/*-----------Primary Color-----------*/
/*-----------------------------------*/
ul.main-navigation li a, h2, h3,
.login .api_loading, .panel-body ul li a,
.datepicker .dropdown-menu .text-info,
.pick-date:after, .results tbody td i,
.modal-title, .login h3, .fa-question-circle,
.select-style:before {
    color: rgba(1, 64, 190, 1) !important;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
    background-color: rgba(1, 64, 190, 1)  !important;
}
      
.btn, button, ul.dropdown-menu li:hover,
.datepicker thead, .datepicker tfoot, .results thead {
    background: rgba(1, 64, 190, 1)  !important;
}

.datepicker .dropdown-menu button:hover,
ul.breadcrumbs li.active {
    background: rgba(1, 64, 190, 1) !important;
}

input:focus, .ms-container .ms-list.ms-focus {
    border-color: rgba(1, 64, 190, 1)  !important;
}

ul.dropdown-menu, .select-style select:focus,
.select-style .current.activeSelector {
    border-top-color: rgba(1, 64, 190, 1)  !important;
}

.results thead th {
    border-right-color: rgba(1, 64, 190, 1)  !important;
}

.navigation, ul.dropdown-menu li:last-child,
.datepicker .dropdown-menu, .results {
    border-bottom-color: rgba(1, 64, 190, 1)  !important;
}

i.tooltip-help-icon {
    color: rgba(1, 64, 190, 1)  !important;
}

/* EvoChat specific styles */
#evochat-title-bar {
    /*background: linear-gradient(rgba(1, 64, 190, 1), rgba(0, 48, 140, 1));*/
    color: #eeeeee; 
}
div.evochat-container {
    /* border: solid 2px rgba(1, 64, 190, 1)  !important; */
    /*background: rgba(255, 255, 255, 1)  !important;*/ 
    background: #eeeeee;
    color: rgba(1, 64, 190, 1)  !important;
}
div.evochat-ribbon {
    /*background: linear-gradient(rgba(1, 64, 190, 1), rgba(0, 48, 140, 1));*/
    color: #eeeeee; 
}

/*Primary Color Alternates*/
.btn:hover, button:hover {
    background: rgba(1, 64, 190, .6);
}

.datepicker .dropdown-menu button.active {
    background: rgba(1, 64, 190, .4) !important;
}

.st-menu {
    background: rgba(1, 64, 190, .8) !important;
}

.processing.btn:hover {
    background: rgba(1, 64, 190, .9);
}

/*-----------------------------------*/
/*----------Secondary Color----------*/
/*-----------------------------------*/
.btn.alt, ul.breadcrumbs li {
    background: rgba(187, 187, 187, 1)  !important;
}

ul.main-navigation li a:hover, .panel-body ul li a:hover {
    color: rgba(187, 187, 187, 1)  !important;
}

/*Secondary Color Alternates*/
.btn.alt:hover {
    background: rgba(187, 187, 187, .6);
}

/*-----------------------------------*/
/*----------Background Color---------*/
/*-----------------------------------*/

body {
    background: #eeeeee;
}

.btn, .btn-primary,.btn-secondary :hover{
    color:white !important;   
     border-color: rgba(1, 64, 190, 1) !important;
}

.navbar {    
    border-bottom-color: rgba(1, 64, 190, 1) !important;
}

/*a {
    color: rgba(1, 64, 190, 1) !important;
}*/

.links a {
    color: rgba(1, 64, 190, 1) !important;
}
.btn, .btn-primary,.btn-secondary {
    border-color: rgba(1, 64, 190, 1) !important;
}
a:active { 
    background-color: none !important;
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow:none
}