.has-text-ct-darkblue{
  color: #003764;
}
a.has-text-ct-darkblue:hover{
  color: #3273dc;
}
.message.is-ct-blue .message-header {
  background-color: #239afb;
  color: #fff;
}
.has-text-broken{
  word-break: break-word;
  overflow-wrap: break-word;
}
.has-text-unbroken{
  white-space: nowrap;
}
.has-text-ct-teal{
  color: rgba(38, 153, 251, 1);
}
.is-divider.is-ct-teal{
  border-top: 1px solid rgba(38, 153, 251, 1);
}
.underlined{
  text-decoration: underline;
}
.box {
  box-shadow: 0 2px 3px rgba(38, 153, 251, 0.2), 0 0 0 1px  rgba(38, 153, 251, 0.2);
}
.datepicker-nav > .button:focus, .datepicker-nav > .button:active {
  background-color: transparent!important;
}
.has-scrollbar::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
.header-of-has-scrollbar{
  margin-right: 7px;
}
.has-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.title-thin{
  line-height: 1.125;
}
.has-bottom-border-thick{
 border-bottom: solid 10px #4a4a4a; 
}
.has-text-weight-extra-bold{
  font-weight:1000!important;
}
.has-space-before-and-after:before{
  content:'\00a0'
}
.has-space-before-and-after:after{
  content:'\00a0'
}
.toggle-wrapper{
    float: left;
    margin-right: 8px;
    margin-top: 4px;
}
.toggle-tl, .toggle-tr, .toggle-bl, .toggle-br{
    float: left;
    height: .5em;
    width: .5em;
}
.toggle-tl, .toggle-tr{
    border-bottom: solid 2px;
}
.toggle-bl, .toggle-br{
    border-top: solid 2px;
}
.plus .toggle-tl, .plus .toggle-bl{
    border-right: solid 2px;
}
.plus .toggle-tr, .plus .toggle-br{
    border-left: solid 2px;
}
.td-80-clipped {
  max-width: 0;
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.td-70-clipped {
  max-width: 0;
  width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.td-60-clipped {
  max-width: 0;
  width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.td-50-clipped {
  max-width: 0;
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.td-30-clipped {
  max-width: 0;
  width: 30%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.td-25-clipped {
  max-width: 0;
  width: 25%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.td-20-clipped {
  max-width: 0;
  width: 20%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.td-15-clipped {
  max-width: 0;
  width: 15%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.height-150{
  max-height: 150px;
  overflow-y: scroll;
}