:root {
	  --main-color: #ff9300;
	  --main-light-color: #fffcef;
	  --main-hover-color: #ff9300;
      --main-border-color: #fffcef; 
      --main-light-color-verywashed: #fffcef55;
      --main-light-color-washed: #fffcef88;
      --main-color-verywashed: #ff930055;
      --main-color-washed: #ff9300AA;
      --main-color-subpanel-bg: rgb(240,240,240);
}

.d-dateline {
    --fa-primary-color: blue!important;
    --d-border-color: blue!important;
}

.d-band-0 {
     background-color:var(--main-light-color-verywashed)!important;
}
.d-band-1 {
     background-color:var(--main-color-verywashed)!important;
}
.d-band-2 {
         background-color:var(--main-color-washed)!important;
}
.d-band-3 {
         background-color:var(--main-color-washed)!important;
}
.d-tape {
    top: 40%;
    height:12px;
    border-width:1px;
    border-radius:2px;
}

.d-tape-pin {
        
        top: 40%;
        height:8px;
}
.d-pin {
        
        top: 40%;
        height:8px;
}

/*
.d-event, .d-tape-event {
    overflow:visible;
}*/

.d-marker {
    color:rgb(90,90,90)!important;
}

li .ui-state-active {
    background-color:var(--main-color)!important;
    color:rgb(90,90,90)!important;
    border:unset!important;
    font-weight:bold!important;
}


.ui-state-active
{
 border: 1px solid var(--main-light-color);
 background:var(--main-color);
 color: #ffffff;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid  var(--main-light-color)!important;
    background:  var(--main-hover-color);
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px var(--main-color)!important;
}




.ui-widget 
{
    font-size:1.1em!important;
}



.jGrowl-notification {
    background-color:  var(--main-light-color);
}