/* SOME DEFAULT COLOURS FOR PSL */
.psl_bg_cream{
  background-color:rgb(245, 245, 245) !important;
}
.psl_txt_cream, a.psl_txt_cream {
  color:rgb(245, 245, 245) !important;
}
.psl_bg_purple{
  background-color: rgb(110, 46, 112) !important;
}
.psl_txt_purple, a.psl_txt_purple {
  color: rgb(110, 46, 112) !important;
}
.psl_bg_violet{
  background-color: rgb(156, 143, 255) !important;
}
.psl_txt_violet, a.psl_txt_violet {
  color: rgb(156, 143, 255) !important;
}


.pslhero{
  background-image: url('../images/splash_image.jpg')!important;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: rgb(110, 46, 112);
}

.navbar-hp {
  background-color:  rgba(0, 0, 0,0.2) !important;
  color: #fff;
}

.hidden{
  display: none;
}




/* RND Link Formatting */
.rnd{
  color: #fff;
  padding: 6px!important;
  margin-left:10px!important;
  padding-left: 10px!important;
  padding-right: 10px!important;
  font-weight: bold;
  line-height: 20px!important;
  border-radius: 10px!important;
}
#rnd-login {
  color: #fff;
  background-color: rgb(100, 30, 100) ;
}
#rnd-login:hover  {
  animation: change-color-login 3s infinite;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1.0);
}
@keyframes change-color-login {
  0% {
    background-color:  rgb(100, 30, 100) ;
  }
  50% {
    background-color: #48c78e ;
  }
}
#rnd-dash {
  color: #000;
  background-color: #fff;
}
#rnd-dash:hover  {
  animation: change-color-dash 3s infinite;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1.0);
}
@keyframes change-color-dash {
  0% {
    background-color:  #fff ;
  }
  50% {
    background-color: #48c78e ;
  }
}



/* ASIDE SUB MENU FORMATTING */
ul.menu-list li{
  width:100%;
  overflow: hidden;
}
.menu-item-label{
  padding-left:10px !important;
  width:90% !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}


/* TABLE FORMATTING */
/*
table tr td{
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
*/


/* BULMA EXTENSIONS STEP */


.steps.is-extra-small{
    font-size:.75rem;
    min-height:1rem
}
.steps.is-extra-small .step-item:not(:first-child)::before{
    height:.2em;
    width:100%;
    bottom:0;
    left:-50%;
    top:.75rem
}
.steps.is-extra-small .step-item .step-marker{
    height:1rem;
    width:1rem;
    position:absolute;
    left:calc(50% - .75rem);
    top:calc(50% - .26rem);
}
.steps.is-extra-small .step-item .step-marker .icon *{
    font-size:.75rem
}
.steps.is-extra-small .step-item .step-details{
    margin-top:1.5rem;
    margin-left:.5em;
    margin-right:.5em;
    padding-top:.2em
}
.steps.is-extra-small .step-item .step-details .step-title{
    font-size:.9rem;
    font-weight:600
}





.steps .step-item.is-primary-dark::before{
    background:linear-gradient(to left,#dbdbdb 50%,hsl(171, 100%, 29%) 50%);
    background-size:200% 100%;
    background-position:right bottom
}
.steps .step-item.is-primary-dark.is-active::before{
    background-position:left bottom
}
.steps .step-item.is-primary-dark.is-active .step-marker{
    background-color:#fff;
    border-color:hsl(171, 100%, 29%);
    color:hsl(171, 100%, 29%);
}
.steps .step-item.is-primary-dark.is-completed::before{
    background-position:left bottom
}
.steps .step-item.is-primary-dark.is-completed .step-marker{
    color:rgba(0,0,0,.7);
    background-color:hsl(171, 100%, 29%);
}

.steps .step-item.is-warning-dark::before{
    background:linear-gradient(to left,#dbdbdb 50%,hsl(48, 100%, 29%) 50%);
    background-size:200% 100%;
    background-position:right bottom
}
.steps .step-item.is-warning-dark.is-active::before{
    background-position:left bottom
}
.steps .step-item.is-warning-dark.is-active .step-marker{
    background-color:#fff;
    border-color:hsl(48, 100%, 29%);
    color:hsl(48, 100%, 29%);
}
.steps .step-item.is-warning-dark.is-completed::before{
    background-position:left bottom
}
.steps .step-item.is-warning-dark.is-completed .step-marker{
    color:rgba(0,0,0,.7);
    background-color:hsl(48, 100%, 29%);
}





.steps .step-item.is-psl-purple::before{
    background:linear-gradient(to left,rgb(110, 46, 112) 50%,rgb(110, 46, 112) 50%);
    background-size:200% 100%;
    background-position:right bottom
}
.steps .step-item.is-psl-purple.is-active::before{
    background-position:left bottom
}
.steps .step-item.is-psl-purple.is-active .step-marker{
    background-color:#fff;
    border-color:rgb(110, 46, 112) ;
    color:rgb(110, 46, 112);
}
.steps .step-item.is-psl-purple.is-completed::before{
    background-position:left bottom
}
.steps .step-item.is-psl-purple.is-completed .step-marker{
    color:rgba(0,0,0,.7);
    background-color:rgb(110, 46, 112);
}
.steps .step-item:first-child .step-marker, .steps .step-item:last-child .step-marker{
    border-radius:0% !important;
}




/* TOOLTIPS */
.tooltip {
    position: relative;
}

.tooltip:before {
    content: attr(data-tooltip);
    min-width: 54px;
    background-color: #999999;
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    padding: 9px 0;
    position: absolute;
    top: -42px;
    left: 50%;
    margin-left: -27px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip:after {
    content: "";
    position: absolute;
    top: -9px;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #999999 transparent transparent;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
}
.tooltip:hover:before,
.tooltip:hover:after{
    visibility: visible;
    opacity: 1;
}


.is-strikethrough {
    text-decoration: line-through !important;
}


/* ADITIONAL TEXT FORMATTING */
.is-size-8 {
  font-size: .70rem !important;
}

/* INPUT FIELD - PLACEHOLDER TEXT COLOUR */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: hsl(0, 0%, 29%) !important;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: hsl(0, 0%, 29%) !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: hsl(0, 0%, 29%) !important;
}




/* TABLE BORDERS */

.table.partial td, .table.partial th {
    border: 1px solid hsl(0, 0%, 86%) !important;
    border-width: 0 0 1px;
    padding: 0.5em 0.75em;
    vertical-align: top;
}


.monofontfamily{
    font-family: monospace !important;
    font-weight: bold;
}
.monofontfamilybold{
    font-family: monospace !important;
    font-weight: bold;
}
.monofontfamilyreg{
    font-family: monospace !important;
    font-weight: normal!important;
}



/* Over ride some of the styling on the input fields so the readonly is not visibly interactive */
.select.readonly select, .textarea.readonly, .input.readonly {
    background-color: #fff;
    border-color: transparent !important;
    border-radius: 4px;
    color: #363636;
    font-family: monospace !important;
    font-weight: bold;
}
.input.readonly:focus, .input.readonly:active, .textarea.readonly:focus, .textarea.readonly:active, .readonly select:focus, .readonly select:active {
    border-color: transparent !important;
}
.select.readonly select:hover, .textarea.readonly :hover, .input.readonly:hover, .select.readonly select.is-hovered, .readonly.is-hovered.textarea, .readonly.is-hovered.input {
    border-color: transparent !important;
}



/* BUTTON WRAP TEXT  */

.wrap-button-text {
    height: max-content;
    white-space: inherit;
    text-overflow: ellipsis;
}



/* BUTTON CLASS TO LIMIT WIDTH AND ADD AN ELLIPSIS */

a.ellipsis{
    justify-content: left!important;
    max-width:150px!important;
    text-align: left!important;
    display: block!important; 
    overflow: hidden;
    text-overflow: ellipsis!important;
}