:root {
    --blue-color:white;
    --red-color:white;
    --green-color:white;
    --yellow-color:white;
}

html, body {
    margin:1px;
    background-color: #b3d3c9;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    -webkit-transform: translate3d(0, 0, 0);

    background-image: none;
    background-repeat: repeat;
    background-attachment: fixed;
}

#sortable1, #sortable2, #sortable3 { list-style-type: none; margin: 0; float: left; margin-right: 10px; background: #eee; padding: 5px; width: 143px;}
#sortable1 li, #sortable2 li, #sortable3 li { margin: 5px; padding: 5px; font-size: 1.2em; width: 120px; }


h1 {
    color: navy;
    margin-left: 20px;
}
.hidden{
    hidden:false;
}

#search {
    position: relative;
    display:none;
    width:100%;

}

#searchrows {
    position: relative;
    max-height: 200px;
    background-color: var(--blue-color);
    overflow-y:auto;
    overflow-x:hidden;
    border-style: solid;
    border-width:1px;
    border-radius: 5px;
    border-color: darkgray;
    padding:0px;
    width:100%;
}

#searchcontrols {
    display:block;
    position: relative;
    width:100%;
    background-color: var(--blue-color);
    border-style: solid;
    border-width:1px;
    border-radius: 5px;
    border-color: darkgray;
    height:30px;
    line-height:30px;
}

#dashcontainer{
    margin-left:2px;
}

#listsheader {
    display:block;
    position: relative;
    width:100%;
    border-style: solid;
    border-width:1px;
    border-radius: 5px;
    border-color: darkgray;
    height:30px;
    line-height:30px;
}

.listscolor{
    background-color:var(--yellow-color);
}

#tablists .ui-widget-content{
    background-color:var(--yellow-color);
}

#resultsfootertext {
    font-color:lightgrey;
    font-size:.8em;
}

#resultsfooter {
    position: relative;
    left: 0px;
    height: 30px;
    line-height: 30px;
    background-color: var(--blue-color);
    font-color:lightgrey;
    border-style: solid;
    border-width:1px;
    border-radius: 5px;
    border-color: darkgray;
}

#package {
    position: relative;
    left: 0px;
    min-height: 24px;
    max-height: 300px;
    overflow-y:auto;
    padding:2px;
    background-color: lightgrey;
    overflow-y: auto;
    max-height: 300px;

    border-style: solid;
    border-width:1px;
    border-radius: 5px;
    border-color: darkgray;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

select {
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    border:2px solid #000;
    background-image:url('/images/selectdown.png');
    background-repeat:no-repeat;
    background-size:16px 17px;
    background-position:right center;
    padding-left:5px;
}

.nofocus{
    outline:none;
}
.packagerow{
    position:relative;
    background-color: whitesmoke;
    left:10px;
    height:24px;
}

.resultsrow {
    font-size:medium;
    position:relative;
    color:black;
    padding: 1px;
    min-height:24px;
    display: table;
    height:24px;
    width:100%;

    position: relative;
    left: 0px;
    min-height: 24px;
    max-height: 300px;
    overflow-y:auto;
    padding:2px;
    background-color: lightgrey;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#results {
    position: relative;
    min-height: 24px;
    max-height: 300px;
    overflow-y:auto;
    background-color: lightgrey;

    border-style: solid;
    border-width:1px;
    border-radius: 5px;
    border-color: darkgray;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.smalltext{
    font-size:0.7em;
    font-color:lightgray;
}

.sline{
    padding-top:8px;
    padding-bottom:8px;
    width:100%;
    max-width:600px;
    min-width:300px;
    margin:0 auto;
    font-size:.9em;
}

.stitle{
    display:inline-block;
    width:35%;
}
.svalue{
    display:inline-block;
    width:65%;
}
.stext{
    display:inline-block;
    width:95%;
}

.ct-series-a .ct-line,
.ct-series-a .ct-point {
    stroke: blue;
}

.ct-series-b .ct-line,
.ct-series-b .ct-point {
    stroke: green;
}

.ct-grid{
    stroke:lightblue;
}


.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
    stroke: green;
    stroke-width:2px;

}

#hits .ct-line {
    /* Set the colour of this series line */
    stroke: green;
    /* Control the thikness of your lines */
    stroke-width: 2px;
    stroke-linecap: round;
}
#hits .ct-area {
    fill: green;
}

#webhits .ct-line {
    /* Set the colour of this series line */
    stroke: red;
    /* Control the thikness of your lines */
    stroke-width: 2px;
    stroke-linecap: round;

}
#webhits .ct-area {
    fill: red;
}

#sessionlist .jsgrid-table{
    font-size:.7em;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}


table{

}

.k-event {

    clear: both;
    margin:3px 2px 3px 2px;
    padding:3px 1px 3px 1px;
    border-radius: 2px;
    border: solid 1px rgba(100, 100, 100, 0.5);
    -webkit-box-shadow: 0px 2px 2px rgba(100, 100, 100, 0.5);
    box-shadow: 0px 2px 2px rgba(100, 100, 100, 0.5);
    width:85px !important;

    text-align:center;
    text-justify:auto;
    text-shadow:0px 0px 2px rgb(200, 200, 200);
    color:#101010;
}

.k-scheduler-monthview .k-scheduler-table td {
    height:130px !important;
}

#grid {
}

.k-grid tbody tr{
    height: 38px;
}

.k-grid td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.testcellclass{
    background-color:#FFFFFF;
}

.ui-tabs{
    padding:0px!important;
}

.tabspage{
    display: block;
    overflow-y: auto;
    background-color:lightgrey!important;
    margin-right:0px!important;
    margin-top:0px!important;
    min-height: 24px;
    max-height: 300px;
    overflow-x: hidden;
}

.k-more-events > span {
    margin-top: 0em;
    height: 20px;
}

div.k-more-events {
    font-size: 12px;
    height: 20px;
}

.k-state-selected {
    background-color:green;
}

k-event:hover .k-resize-handle, .k-event-active .k-resize-handle, .k-scheduler-mobile .k-event-active:hover .k-resize-handle { /* Hides the resize icons on events */
    visibility: hidden;
}

.k-chart {
    background-color:transparent;
}

.k-task .event-template{
    font-size:1em;
}
.event-template{
    font-size:.8em;
}

.k-grid tbody tr{
    height:30px;
}

.hotitem{
    box-shadow: 0px 1px 1px lightgray,
    -1px 1px 2px gray, 1px 1px 2px lightgray;
    padding:3px;
    display:inline-block;
    float:left;
    font-size:.9em;
    text-indent:2px;
    border-radius: 4px;
    border-color:lightgrey;
    background-color:#f5f5f5;
    overflow: visible;
    color: #202020;
    margin:2px;
    position:relative;
    cursor: pointer;
    display:inline-block;
}

.hotitem:hover {
    background-color: #D2ECFC;
}

button::-moz-focus-inner {
    border:0;
    padding:0;
}

.idrop{
    height:1.8em;
    line-height:1.8em;
    font-size:1em;
    border-radius:3px;
    background-color:whitesmoke;
    font-family: System Installed Font Name, 'Imported Font Name', Fallback Font;
    display:inline-block;
    overflow:hidden;
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-shadow: none;
    text-align: start;

    vertical-align:top;

    box-sizing: border-box;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    color: black;
    cursor: default;
    border-width: 1px;
    border-style: solid;
    border-color: lightgrey;
    border-image: initial;
    -webkit-writing-mode: horizontal-tb;
}

.ibox{
    height:1.8em;
    line-height:1.8em;

    border-radius:3px;
    background-color:whitesmoke;
    height:100%;
    font-size:1em;
    font-family: System Installed Font Name, 'Imported Font Name', Fallback Font;
    display:inline-block;
    overflow:hidden;
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;

    text-shadow: none;
    text-align: start;

    vertical-align:top;
    box-sizing: border-box;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    color: black;
    cursor: default;
    border-width: 1px;
    border-style: solid;
    border-color: lightgrey;
    border-image: initial;
    -webkit-writing-mode: horizontal-tb;
}

.ibackbox{
    background-color:transparent;
    display:inline-block;
    position:relative;
    border:none;
    vertical-align:top;
}

.ibuttonimage{

    height:1.8em;

}

.ibutton{
    text-indent:0px;
    font-size: 1em;
    border-radius: 1px;
    height: 1.7em;
    line-height:1.8em;
    width: 1.7em;
    border-radius: 1px;
    border-width: 1px;

    background-color: lightgrey;
    padding: 0px;
    text-align:center;

    display:inline-block;
    align-items:center;
    vertical-align:middle;
}

.icbutton{
    height:100%;
    display:inline-block;
    background-color: whitesmoke;
    border-width: 1px;
    border-radius: 2px;
}

.icbutton:hover {
    background-color: #CED4D8;
}

#clock{
    background-image:url('');
    background-size:cover;
    background-position: center;
    height: 16px; width: 16px;
    border: 1px solid #bbb;
}


meter {
    /* Reset the default appearance */
    /*-webkit-appearance: none;*/
    -moz-appearance: none;
    appearance: none;

    margin: 0 auto 1em;
    width: 100%;
    height: .5em;

    /* Applicable only to Firefox */
    background: none;
    background-color: rgba(0,0,0,0.1);
}

meter.no-appearance {
    -webkit-appearance: none;
}

meter::-webkit-meter-bar {
    background: none;
    background-color: rgba(0,0,0,0.1);
}

meter[value="1"]::-webkit-meter-optimum-value { background: red; }
meter[value="2"]::-webkit-meter-optimum-value { background: yellow; }
meter[value="3"]::-webkit-meter-optimum-value { background: orange; }
meter[value="4"]::-webkit-meter-optimum-value { background: green; }

meter[value="1"]::-moz-meter-bar { background: red; }
meter[value="2"]::-moz-meter-bar { background: yellow; }
meter[value="3"]::-moz-meter-bar { background: orange; }
meter[value="4"]::-moz-meter-bar { background: green; }


.feedback {
    color: #9ab;
    font-size: 90%;
    padding: 0 .25em;
    font-family: Courgette, cursive;
    margin-top: 1em;
}

.shadow {
    -moz-box-shadow:    1px 1px 2px 2px #ccc;
    -webkit-box-shadow: 1px 1px 2px 2px #ccc;
    box-shadow:         1px 1px 2px 2px #ccc;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

.configuretabpage{
    position:absolute;
    margin-top:0px;
    width:100%;
    max-height:580px;
    height:580px;
    border-style:solid;
    border-color:black;
    background-color:white;
    padding-left:0px;
    margin-left:0px;
}

.dataproperty{

}

.dialogline{
    line-height:28px;
}

.dialogentry{
    vertical-align:middle;
    display:inline-block;
    margin-right:5px;
}

.dialogdrop{
    height:1.8em;
    line-height:1.8em;
    font-size:1em;
    border-radius:5px;
    background-color:white;
    font-family: System Installed Font Name, 'Imported Font Name', Fallback Font;
    display:inline-block;
    overflow:hidden;
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-shadow: none;
    text-align: start;
    vertical-align:top;

    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    color: black;
    cursor: default;
    border-width: 1px;
    border-style: solid;
    border-color: lightgrey;
    border-image: initial;
    -webkit-writing-mode: horizontal-tb;
}

.dialoginput{
    text-indent:5px;
    height:1.8em;
    line-height:1.8em;
    border-radius:3px;
    background-color:white;
    font-size:1em;
    font-family: System Installed Font Name, 'Imported Font Name', Fallback Font;
    display:inline-block;
    overflow:hidden;
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-shadow: none;
    text-align: start;
    vertical-align:top;
    box-sizing: border-box;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    color: black;
    cursor: default;
    border-width: 1px;
    border-style: solid;
    border-color: lightgrey;
    border-image: initial;
    -webkit-writing-mode: horizontal-tb;
}

.dialogcaption{
    position:absolute;left:3px;right:3px;top:3px;height:25px;
    background-color:lightskyblue;margin:2px;border-radius:5px;
    text-align:center;line-height:25px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

.dialogbutton{
    margin-left:5px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

.dialogframe22{
    position:absolute;
    background-color:whitesmoke;
    opacity:1;
    border-radius:5px;
    -moz-box-shadow:    1px 1px 2px 2px #ccc;
    -webkit-box-shadow: 1px 1px 2px 2px #ccc;
    box-shadow:         1px 1px 2px 2px #ccc;
}

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #33383b;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 1s linear infinite;
  }
  /* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

  #gaugetext {
      margin-top:15px;
      margin-left:15px;
  }

  .spinner2 {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: relative;
    text-align: center;
    
    -webkit-animation: sk-rotate 2.0s infinite linear;
    animation: sk-rotate 2.0s infinite linear;
  }

  .spinner {

    width: 40px;
    height: 40px;
    position: relative;
    text-align: left;
    margin-left:15px;
    
    -webkit-animation: sk-rotate 2.0s infinite linear;
    animation: sk-rotate 2.0s infinite linear;
  }
  
  .dot1, .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #333;
    border-radius: 100%;
    
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
  }
  
  .dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
  }
  
  @-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
  @keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}
  
  @-webkit-keyframes sk-bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
  }
  
  @keyframes sk-bounce {
    0%, 100% { 
      transform: scale(0.0);
      -webkit-transform: scale(0.0);
    } 50% { 
      transform: scale(1.0);
      -webkit-transform: scale(1.0);
    }
  }