/* Set the navbar colors, including dropdowns, to the branded color, or variants of such */
.main-navigation,
.branded-background {
  background-color: #6b6a6b;
}

.branded-text {
  color: #0093c3;
}

.accent-background {
  background-color: #0093c3;
}
.main-navigation .nav .dropdown:hover > a,
.main-navigation .nav .dropdown.dropped > a,
#navbar .ol-top-right > ul > li > a:hover,
#navbar .ol-top-right > ul > li > a:focus,
#navbar .ol-top-right > ul > li.dropdown > a:hover,
#navbar .ol-top-right > ul > li.dropdown > a:focus,
#cloud-search .cloudsearch .icon.active,
#cloud-search #cloud-search-form form {
  background: #858385;
  
  color: black;
  
}

.main-navigation .ol-background-light-black {
  background: #858385;
  
  color: black;
  
}

.main-navigation .ol-background-light-black.dropdown-menu > li > a {
  
    color: white;
  
}
.main-navigation .ol-background-light-black.dropdown-menu > li > a:hover, .main-navigation .ol-background-light-black.dropdown-menu > li > a:focus {
  background: #6b6a6b;
  
    color: white;
  
}

.main-navigation .ol-top-right > ul > li > a:hover, .main-navigation .ol-top-right > ul > li > a:focus, .main-navigation .ol-top-right > ul > li.dropdown > a:hover, .main-navigation .ol-top-right > ul > li.dropdown > a:focus {
  background: #6b6a6b;
  
    color: white;
  
}

#navbar .nav > li.nav-events-toggle.active a.open {
  background-color: #6b6a6b;
  
    color: white;
  
}

.main-navigation .nav .dropdown > a, #navbar .ol-top-right > ul > li > a, #navbar .ol-top-right > ul > li.dropdown > a, .branded-background {
  
    color: white;
  
}

.dropdown-menu li.header {
  background: #919091;
  
  color: black;
  
}


/* Set the login-box top color to be branded */
.login-page .logo-area {
  background-color: #6b6a6b !important;
  border-color: #515151 !important;
}

#login-logo {
  background-image: url("https://cdn01.onelogin.com/images/brands/logos/login/eb530bbaaedb930dc204a17d3f6103173a76c007.png?1584930440");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 60px;
  margin: auto;
  max-width: 210px;
}

#logo {
  background-image: url("https://cdn01.onelogin.com/images/brands/logos/login/eb530bbaaedb930dc204a17d3f6103173a76c007.png?1584930440");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 60px;
  margin: auto;
  max-width: 210px;
}

.login-page body#login-page {
  background: url() no-repeat center center fixed;
  background-size: cover;
}
/* Debootstrapped button code */
input[type="button"], input[type="reset"], input[type="submit"], .button {
  background-color: #0093c3;
  
    color: white;
  
  -webkit-transition: background-color 0.25s ease 0s;
  -moz-transition: background-color 0.25s ease 0s;
  -ms-transition: background-color 0.25s ease 0s;
  -o-transition: background-color 0.25s ease 0s;
  transition: background-color 0.25s ease 0s;
}

input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover,
input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, .button:active {
  background-color: #00b9f6;
  -webkit-transition: background-color 0.25s ease 0s;
  -moz-transition: background-color 0.25s ease 0s;
  -ms-transition: background-color 0.25s ease 0s;
  -o-transition: background-color 0.25s ease 0s;
  transition: background-color 0.25s ease 0s;
}

/* Old, bootstrapped buttons */
.btn.btn-primary, .modal .modal-footer.confirmation-alert .btn.btn-primary, .pagination li.active span, .tiled-list ul .selected {
  background-color: #0093c3;
  
    color: white;
  
  -webkit-transition: background-color 0.25s ease 0s;
  -moz-transition: background-color 0.25s ease 0s;
  -ms-transition: background-color 0.25s ease 0s;
  -o-transition: background-color 0.25s ease 0s;
  transition: background-color 0.25s ease 0s;
}

/* New Layout Buttons */
.new-style-blue-btn, a.new-style-blue-btn{
  background-color: #0093c3;
  
    color: white;
  
  -webkit-transition: background-color 0.25s ease 0s;
  -moz-transition: background-color 0.25s ease 0s;
  -ms-transition: background-color 0.25s ease 0s;
  -o-transition: background-color 0.25s ease 0s;
  transition: background-color 0.25s ease 0s;
}

.pagination li.active span {
  border-color: #0093c3;
}

.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus, .modal .modal-footer.confirmation-alert .btn.btn-primary:hover, .modal .modal-footer.confirmation-alert .btn.btn-primary:active, .modal .modal-footer.confirmation-alert .btn.btn-primary:focus, ul.pager li a:hover, .tiled-list ul .selected:hover, .new-style-blue-btn:hover {
  background-color: #00b9f6;
  border-color: #00b9f6;
  -webkit-transition: background-color 0.25s ease 0s;
  -moz-transition: background-color 0.25s ease 0s;
  -ms-transition: background-color 0.25s ease 0s;
  -o-transition: background-color 0.25s ease 0s;
  transition: background-color 0.25s ease 0s;
}

ul.pager li a:hover {
  border-color: #00b9f6;
}

/*Brand top of modals */
.modal .modal-body.confirmation-alert {
  border-color: #6b6a6b;
}

.ol-branded-mask-background, #login-shade {
  background-color: rgba(0,0,0,0);
}
/* For SVGs */
.ol-branded-fill {
  fill: #6b6a6b;
}

.ol-accent-fill {
  fill: #0093c3;
}

.ol-branded-text-fill {
  
    fill: white;
  
}

.ol-accent-text-fill {
  
    fill: white;
  
}

.ol-branded-mask-fill {
  fill: #000000;
  fill-opacity: 0.0;
}

.ol-top-border {
  border-top: 5px solid #6b6a6b;
}