/*!
 * Bootstrap v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
 /** Main menu **/

/** Fonts **/

@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin&display=swap');

/** Global **/

body {
    background: #EDF0F5;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color : #303E67;
}
a {
    color : #0665D0;
    text-decoration: underline;
}

a:hover {
    color : #0665D0;
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0px 0px 0px 0px;
  font-weight: bold;
  color : #303e67;
}

h1 {
  font-size: 18px;
}

h2 {
  font-size: 16px;
}

h3 {
  font-size: 14px;
}

h4 {
  font-size: 12px;
}

h5 {
  font-size: 10px;
}

h6 {
  font-size: 8px;
}

table {
  width: 100%;
  border: 1px solid #EAF0F7;
}

tr.even, tr.odd {
  border-bottom: 1px solid #EAF0F7;
}

thead {
  background: #eee;
}

th, td {
  padding: 5px;
}

a.tabledrag-handle .handle {
  height: 25px;
  width: 25px;
}

label {
  display: block;
}

.tabs.primary {
  font-size: 12px;
  background: #ececec;
  padding: 10px;
  letter-spacing: 0px;
  border-bottom: 1px solid #1c72d4;
}

.tabs-wrapper ul.primary li a{
  all : unset;
  padding: 10px;
  cursor : pointer;
}

ul.primary li.active a {
  font-weight: 500;
  background: #1c72d4;
  color : white
}

.file-widget {
  display: inline-flex;
}

/** Regions **/

.main-content,
.region-sidebar-left .block,
.region-sidebar-right .block {
    background: white;
    -webkit-box-shadow: 0px 2px 4px rgba(31,30,47,0.1);
    box-shadow: 0px 2px 4px rgba(31,30,47,0.1);
    margin-top: 13px;
    margin-bottom: 24px;
    border-radius: .25rem;
}

.region-sidebar-right .block {
  padding: 16px;
  text-align: center;
}

.region.region-header-right a {
  color: white;
}

.region.region-header-right .block {
  /* padding-right: 25px;
  float: right; */
  display: inline-block;
}

.region-header-right .contextual-links-wrapper {
  margin-top: 20px;
}

/** Header **/

.header {
  padding-top: 15px;
  padding-bottom: 15px;
    background-color: #1B72D4;

  }

.site-logo {
  max-height: 42px;
  padding-left: 20px;
  padding-top: 5px;
}

.header-right {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 30px;
  color: white;
  text-align: right;
  font-size: 13px;
}

.header-right a {
  color: white;
}

#block-wsb-bcm-current-user-info {
  /* padding-right: 25px; */
}

/** Main Menu **/

.row.navigation {
    background: #0f1626;
  }

#main-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333333;
  }
  
#main-menu ul.sub-menu.active {
  overflow: visible;
}
#main-menu  li {
    float: left;
  }
  
#main-menu  li a {
    /* display: block; */
    color: #f2f6ff;
    padding: 10px;
    text-decoration: none;
  }
  
#main-menu  li a:hover {
    background-color: #111111;
}

#main-menu li>a:not(:only-child):after {
  color: white;
  content: ' ▾';
}

.menu-item-secondary, .menu-item-tertiary {
    font-size : 0.9em;
    width: 280px;
    text-align: left;
    padding : 10px;
}

.sub-menu.tier-three {
  position: absolute;
  left: 280px;
  top: 0;
}

.sub-menu .tier-three li a {
  padding: 10px;
}

/** User Menu **/

#user-menu {
  /* float : right; */
  display: inline-block;
}

#user-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333333;
  }
  
#user-menu  li {
    /*float: right;*/
  }
  
#user-menu  li a {
    display: block;
    color: #f2f6ff;
    padding: 10px;
    text-decoration: none;
  }
  
#user-menu  li a:hover {
    background-color: #111111;
}

#user-menu li>a:not(:only-child):after {
  color: white;
  content: ' ▾';
}

#user-menu .avatar {
  height: 25px;
}

/** Breadcrumbs **/
.breadcrumb {
  all: unset;
  padding: 8px;
  display: inline-flex;
}

.breadcrumb a{
    color : #a3a1a1;
    text-decoration: none;
}

.delimiter {
  padding-left: 5px;
  padding-right: 5px;
  color: #a3a1a1;
}

.breadcrumb a:hover{
    color : #0168FA;
}

ul#breadcrumbs li:after {
  content:'\3E';
  margin-left: 0.3em;
}

/** Forms **/

fieldset {

  border: 1px solid #dadada;
  margin: 10px 0px;
  padding: 20px;
}

legend {
  all: unset;
}

.fieldset-legend {
  font-weight: bold;
  background: white;
  font-size: 14px;
  color: #0665d0;
}

.fieldset-description {
  font-size: 10px;
}

.vertical-tabs ul.vertical-tabs-list li.selected {
  background:  #F8FAFC;
}

.exposed-filters .form-item {
  all:unset;
  display: inline-block;
}

.form-text,
.form-select {
  border: 1px solid #e8ebf3;
  border-bottom-color: rgb(232, 235, 243);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-radius: .25rem;
  border-bottom: 1px solid #e8ebf3;
  -webkit-transition: border-color 0s ease-out;
  transition: border-color 0s ease-out;
  color : black;
  background-color:#fff;
  padding: 5px;
}

.form-text:hover,
.form-select:hover {
  border: 1px solid #2862aa;
}

.field-group-multiple-table {
  overflow: scroll;
}

.field-group-multiple-table td {
  vertical-align: top;
}

.field-group-multiple-table table {
  background: #f6f6f8;
}

.col.author-info {
  padding: 0px 10px 17px 10px;
}

/** Links and Buttons **/

.action-links {
  display: inline-flex;
}

.action-links li {
  list-style: none;
  padding: 10px;
}

.action-links li a {

    color:#fff;
    background-color:#007bff;
    border-color:#007bff;
    text-decoration: none;

    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid
    transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    padding: .375rem .75rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-submit,
.add-new-record {

  color:#fff;
  background-color:#007bff;
  border-color:#007bff;
  display: inline-block;
  text-decoration: none;
  font-size: 13px !important;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid
  transparent;
      border-top-color: transparent;
      border-right-color: transparent;
      border-bottom-color: transparent;
      border-left-color: transparent;
  padding: .375rem .75rem;
  margin : 17px 17px 17px 0px;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

#edit-delete {
  background : #DC3545;
}

.btn.btn-outline-primary.btn-sm {
  margin: 10px;
  font-size: small;
}

/** Container **/
.container-fluid {
      padding-left : 27px;
      padding-right : 27px;
      width: 98%;
}

.content {
    padding-left: 10px;
    padding-right: 10px;
}

  /** Nodes **/
  .page-title {
    font-size: 18px;
    font-weight: 900;
    color: #585c6e;
    padding: 0 13px;
  }

  .profile h3 {
    border-bottom: unset;
}

  .field {
    padding-bottom: 11px;
  }

  .field-item {
    font-size: 12px;
    color: black;
}

  /** Views **/
  #views-ajax-popup {
    font-size: 11px;
    height: unset;
}

 .views-field .views-field-counter,
 .views-field .views-field-edit-node {
  width: 40px;
  text-align: center;
}

.views-field.views-field-views-bulk-operations {
  width: 30px;
  text-align: center;
}

  .views-ui-display-tab-bucket.header {
    background: unset;
}

.views-display-setting .label {
  margin-right: 3pt;
  color: unset;
  font-size: 12px;
}

.views-displays .secondary .action-list input.form-submit,
.views-ui-display-tab-actions .ctools-button-processed li a, 
.views-ui-display-tab-actions .ctools-button-processed input {
  margin-top: 0px;
  color: #2862aa;
  text-decoration: underline;
}

#views-display-menu-tabs .add-display {
  color: white;
}

  .views-table {
    font-size: 11px;
}

/* Keep small table buttons aligned with the table typography. */
.views-table .btn-sm {
    font-size: inherit;
}

.views-table thead {
    background: #efecec;
}

.views-table thead a {
    color: #646E9A;
}

.views-field {
    padding: 5px;
}

tr.even, tr.odd {
    background-color: transparent;
}

.rowblock {
  min-height: 45px;
}

.block-odd {
  border-top: 1px solid #d2d0d0;
}

/** Rules **/
.rules-operations.action-links a {
  color: black;
  text-decoration: underline;
}

/** Footer **/

.region-footer .content {
  background: #252525;
  margin-top: 10px;
  color : white;
  vertical-align: middle;
  padding : 30px 0;
}

/** Pager **/
.item-list .pager {
  padding-top: 20px;
}

.item-list .pager li {
  margin: unset;
}

.pager li > a, 
.pager li > span {

  /*background-color: #007bff;*/
  /*border: 1px solid #007bff;*/
  color: black;

}

.pager li > a:focus, 
.pager li > a:hover,
.pager li > a:active {

  text-decoration: none;
  background-color: white;
  border-color: #007bff;
  color: #007bff;

}

.pager-current {
  font-weight: bold;
  background: #007bff;
  background-image: none;
  color:  white;
}
/** Admin List **/
.admin-list dd {
  margin-bottom: 11px;
}

/** Block Quote **/
.blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  font-size: 12px;
}

.blockquote p {
  display: inline;
}

/** Batch API **/
.progress {
  all: unset;
}


/** CK Editor **/
.cke_editable.cke_editable_themed.cke_contents_ltr {
  background:  white;
  padding: 5px;
}

.cke_editable.cke_editable_themed.cke_contents_ltr table {
  border : unset;
}


/* Added By Peter 24 Feb 2025 */
.form-type-select button {
  min-width: 100px;
}

/* Added by Peter 26 Mar 2025 */

input.openid-login-email {
  background-color: white !important;
  border: none !important;
  color: var(--text-100, #4A4A4A);
}


input.openid-login-email-change {
  background-color: white !important;
  border: none !important;
  color: var(--primary-200 ) !important;
}

.views-hide-exposed-filters .views-exposed-form {
  display: none;
}

.views-hide-submit-options .form-submit {
  display: none;
}