/*

When editing this stylesheet make sure to test it in all browsers. You can use
the test.html file in the same folder.

 */


/***********************************************
 * BEGIN: ../../cssf/idbicons/idbicon-core.css *
 ***********************************************/
.idbicon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: inherit;
    padding: 0px;
    margin: 0px;
    min-width: 20px;
    min-height: 20px;
    border-style: none;
    outline: none;
}

div.idbicon, span.idbicon {
    display:inline-block;
    vertical-align: middle;
}

/* background-color:inherit doesn't work for buttons in IE. */
button.idbicon {
    background-color: transparent;
}

i.idbicon {
    display: block;
}

@keyframes focus-pulse-brightness-anim {
    0% {
        filter: brightness(1);
        -webkit-filter: brightness(1);
    }
    50% {
        filter: brightness(2);
        -webkit-filter: brightness(2);
    }
    100% {
        filter: brightness(1);
        -webkit-filter: brightness(1);
    }
}

@keyframes rainbow-outline {
    0% {
        outline-color: #e6261f;
    }
    12.5% {
        outline-color: #eb7532;
    }
    25% {
        outline-color: #f7d038;
    }
    37.5% {
        outline-color: #a3e048;
    }
    50% {
        outline-color: #49da9a;
    }
    62.5% {
        outline-color: #34bbe6;
    }
    75% {
        outline-color: #4355db;
    }
    87.5% {
        outline-color: #d23be7;
    }
    100% {
        outline-color: #e6261f;
    }
}

@keyframes rainbow-color {
    0% {
        color: #e6261f;
    }
    12.5% {
        color: #eb7532;
    }
    25% {
        color: #f7d038;
    }
    37.5% {
        color: #a3e048;
    }
    50% {
        color: #49da9a;
    }
    62.5% {
        color: #34bbe6;
    }
    75% {
        color: #4355db;
    }
    87.5% {
        color: #d23be7;
    }
    100% {
        color: #e6261f;
    }
}


button.idbicon.focus-pulse:not(.idbicon-trash-black):not(:focus) {
    filter: brightness(1);
}

button.idbicon.focus-pulse:not(.idbicon-trash-black):focus {
    filter: brightness(2);
    animation-name: focus-pulse-brightness-anim;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
}

button:not([disabled]).idbicon:focus{
    outline: none;
}


div:not([disabled]).idbicon.idbicon-unlink:focus,
div:not([disabled]).idbicon.idbicon-trash-black:focus,
button:not([disabled]).idbicon.idbicon-unlink:focus,
button:not([disabled]).idbicon.idbicon-trash-black:focus {
    filter: sepia(1) hue-rotate(310deg) saturate(4); /* red */
}

div:not([disabled]).idbicon.idbicon-unlink:hover,
div:not([disabled]).idbicon.idbicon-trash-black:hover,
button:not([disabled]).idbicon.idbicon-unlink:hover,
button:not([disabled]).idbicon.idbicon-trash-black:hover {
  filter: sepia(1) hue-rotate(310deg) saturate(8); /* red */
}

div:not([disabled]).idbicon.idbicon-unlink:hover:focus,
div:not([disabled]).idbicon.idbicon-trash-black:hover:focus,
button:not([disabled]).idbicon.idbicon-unlink:hover:focus,
button:not([disabled]).idbicon.idbicon-trash-black:hover:focus {
    filter: sepia(1) hue-rotate(310deg) saturate(12); /* red */
}


a:not([disabled]).idbicon.idbicon-download:focus,
div:not([disabled]).idbicon.idbicon-rename-black:focus,
button:not([disabled]).idbicon.idbicon-split-black:focus,
button:not([disabled]).idbicon.idbicon-import-black:focus,
button:not([disabled]).idbicon.idbicon-plus-black:focus,
button:not([disabled]).idbicon.idbicon-new-black:focus {
    filter: sepia(1) hue-rotate(90deg) saturate(4); /* green */
}

a:not([disabled]).idbicon.idbicon-download:hover,
div:not([disabled]).idbicon.idbicon-rename-black:hover,
button:not([disabled]).idbicon.idbicon-split-black:hover,
button:not([disabled]).idbicon.idbicon-import-black:hover,
button:not([disabled]).idbicon.idbicon-plus-black:hover,
button:not([disabled]).idbicon.idbicon-new-black:hover {
    filter: sepia(1) hue-rotate(90deg) saturate(8); /* green */
}

a:not([disabled]).idbicon.idbicon-download:hover:focus,
div:not([disabled]).idbicon.idbicon-rename-black:hover:focus,
button:not([disabled]).idbicon.idbicon-split-black:hover:focus,
button:not([disabled]).idbicon.idbicon-import-black:hover:focus,
button:not([disabled]).idbicon.idbicon-plus-black:hover:focus,
button:not([disabled]).idbicon.idbicon-new-black:hover:focus {
    filter: sepia(1) hue-rotate(90deg) saturate(12); /* green */
}


a:not([disabled]).idb-content-line-icon.idbicon-external:focus,
a:not([disabled]).idb-content-line-icon.idbicon-preview:focus,
a:not([disabled]).idb-content-line-icon.idb-icon-preview:focus img,
button:not([disabled]).idbicon.idbicon-reset-black:focus,
button:not([disabled]).idbicon.idbicon-scissors-black:focus,
button:not([disabled]).idbicon.idbicon-kb:focus,
button:not([disabled]).idbicon.idbicon-pencil-black:focus {
    filter: sepia(1) hue-rotate(190deg) saturate(10) brightness(1.5); /* blue */
    outline-color: hsl(208 62% 40% / 1) !important;
}


a:not([disabled]).idb-content-line-icon.idbicon-external:hover,
a:not([disabled]).idb-content-line-icon.idbicon-preview:hover,
a:not([disabled]).idb-content-line-icon.idb-icon-preview:hover img,
button:not([disabled]).idbicon.idbicon-reset-black:hover,
button:not([disabled]).idbicon.idbicon-scissors-black:hover,
button:not([disabled]).idbicon.idbicon-kb:hover,
button:not([disabled]).idbicon.idbicon-pencil-black:hover {
    filter: sepia(1) hue-rotate(190deg) saturate(12) brightness(1.5); /* blue */
    outline-color: hsl(208 62% 40% / 1) !important;
}

a:not([disabled]).idb-content-line-icon.idbicon-external:hover:focus,
a:not([disabled]).idb-content-line-icon.idbicon-preview:hover:focus,
a:not([disabled]).idb-content-line-icon.idb-icon-preview:hover:focus img,
button:not([disabled]).idbicon.idbicon-reset-black:hover:focus,
button:not([disabled]).idbicon.idbicon-scissors-black:hover:focus,
button:not([disabled]).idbicon.idbicon-kb:hover:focus,
button:not([disabled]).idbicon.idbicon-pencil-black:hover:focus {
    filter: sepia(1) hue-rotate(190deg) saturate(14) brightness(1.5); /* blue */
    outline-color: hsl(208 62% 40% / 1) !important;
}

button:not([disabled]).idbicon.idbicon-advanced:focus {
    filter: sepia(1) hue-rotate(145deg) saturate(4) brightness(5); /* cyan sic brightness*/
}

button:not([disabled]).idbicon.idbicon-search-light:focus{
    filter: sepia(1) hue-rotate(145deg) saturate(4) brightness(1); /* cyan sic brightness*/
}

button:not([disabled]).idbicon.idbicon-search-light:hover,
button:not([disabled]).idbicon.idbicon-advanced:hover {
    filter: sepia(1) hue-rotate(145deg) saturate(8) brightness(5); /* cyan */
}

button:not([disabled]).idbicon.idbicon-search-light:hover:focus,
button:not([disabled]).idbicon.idbicon-advanced:hover:focus {
    filter: sepia(1) hue-rotate(145deg) saturate(12) brightness(5); /* cyan */
}


.idbicon-inline {
    display: inline-block;
    vertical-align: middle;
}

.idbicon + .idbicon {
    margin-left: 6px;
}

.idbicon:focus {
    outline: none;
}

.idbicon-arrow-left-tail-dark {
    background-image: url(../../images/idbicons/arrow-left-tail-dark.svg);
}

.idbicon-arrow2-dark-down {
    background-image: url(../../images/idbicons/arrow2-dark-down.svg);
}

.idbicon-arrow-thin-dark-up {
    background-image: url(../../images/idbicons/arrow-thin-dark-down.svg);
    transform: scaleY(-1);
}

.idbicon-check-green {
    background-image: url(../../images/idbicons/check_green.svg);
}

.idbicon-green-circle-plus {
    background-image: url(../../images/idbicons/green_circle_plus.svg);
}

.idbicon-cross-red {
    background-image: url(../../images/idbicons/cross_red.svg);
}

.idbicon-cross-grey {
    background-image: url(../../images/idbicons/cross_grey.svg);
}

.idbicon-cross-black {
    background-image: url(../../images/idbicons/delete.svg);
}

.idbicon-cross-light {
    background-image: url(../../images/idbicons/delete-light.svg);
}

.idbicon-refresh {
    background-image: url(../../images/idbicons/refresh.svg);
}

.idbicon-warning-yellow {
    background-image: url(../../images/idbicons/warning.svg);
}

.idbicon-search-light {
    background-image: url(../../images/idbicons/search.svg);
}

.idbicon-info-light {
    background-image: url(../../images/idbicons/info-light.svg);
}

.idbicon-plus-black {
    background-image: url(../../images/idbicons/new.svg);
}
.idbicon-plus-light {
    background-image: url(../../images/idbicons/new-light.svg);
}
.idbicon-pencil-black {
    background-image: url(../../images/idbicons/edit.svg);
}
.idbicon-pencil-light {
    background-image: url(../../images/idbicons/edit-light.svg);
}
.idbicon-trash-light {
    background-image: url(../../images/idbicons/trash-light.svg);
}
.idbicon-trash-black {
    background-image: url(../../images/idbicons/trash.svg);
}
.idbicon-rename-black {
    background-image: url(../../images/idbicons/rename.svg);
}

.idbicon-case-sensitive {
    background-image: url(../../images/idbicons/case-sensitive.svg);
}

.idbicon-case-insensitive {
    background-image: url(../../images/idbicons/case-insensitive.svg);
}

.idbicon-cog-black {
    background-image: url(../../images/idbicons/cog.svg);
}
.idbicon-cog-light {
    background-image: url(../../images/idbicons/cog-light.svg);
}

.idbicon-new-black {
    background-image: url(../../images/idbicons/new.svg);
}

.idbicon-new-folder-black {
   background-image:url(../../images/idbicons/new-folder.svg);
}

.idbicon-scissors-black {
    background-image: url(../../images/idbicons/scissors.svg);
}
.idbicon-pause-black {
    background-image: url(../../images/idbicons/pause.svg);
}
.idbicon-play-black {
    background-image: url(../../images/idbicons/play.svg);
}
.idbicon-refresh-black {
    background-image: url(../../images/idbicons/refresh.svg);
}

.idbicon-reset-black {
    background-image: url(../../images/idbicons/refresh.svg);
}

.idbicon-storedprocedure-black {
    background-image: url(../../images/idbicons/storedprocedure.svg);
}

.idbicon-wrench-black {
    background-image: url(../../images/idbicons/wrench.svg);
}
.idbicon-return-black {
    background-image: url(../../images/idbicons/return.svg);
    background-size: 80% 80%;
}
.idbicon-calendar-black {
    background-image: url(../../images/idbicons/calendar.svg);
}

.idbicon-time-black {
    background-image: url(../../images/idbicons/time.svg);
}

.idbicon-chevron-up-black {
    background-image: url(../../images/idbicons/chevron-up.svg);
}
.idbicon-chevron-down-black {
    background-image: url(../../images/idbicons/chevron-down.svg);
}

.idbicon-chevron-left-black {
    background-image: url(../../images/idbicons/chevron-left.svg);
}
.idbicon-chevron-right-black {
    background-image: url(../../images/idbicons/chevron-right.svg);
}

.idbicon-import-black {
    background-image: url(../../images/idbicons/import.svg);
}

.idbicon-calendar-check-black {
    background-image: url(../../images/idbicons/calendar-check.svg);
}
.idbicon-remove-black {
    background-image: url(../../images/idbicons/remove.svg);
}

.idbicon-check-black {
    background-image: url(../../images/idbicons/check.svg);
}

.idbicon-check-light {
    background-image: url(../../images/idbicons/check-light.svg);
}

.idbicon-split-black {
    background-image: url(../../images/idbicons/split.svg);
}

.idbicon-unlink {
    background-image: url(../../images/idbicons/unlink.svg);
}

.idbicon-download {
    background-image: url('../../images/idbicons/download.svg');
}

.idbicon-download-light {
    background-image: url('../../images/idbicons/download-light.svg');
}

.idbicon-alerts {
    background-image: url('../../images/idbicons/alerts.svg');
}

.idbicon-reports {
    background-image: url('../../images/idbicons/reports.svg');
}

.idbicon-guest-user {
    background-image: url('../../images/idbicons/guest-user.svg');
}

.idbicon-lcd-user {
    background-image: url('../../images/idbicons/lcd-user.svg');
}

.idbicon-envelope {
    background-image: url('../../images/idbicons/envelope.svg');
}

.idbicon-envelope-disabled {
    background-image: url('../../images/idbicons/envelope-disabled.svg');
}

.idbicon-eye-false-light {
    background-image: url('../../images/idbicons/eye-false-light.svg');
}

.idbicon-eye-true {
    background-image: url('../../images/idbicons/eye-true.svg');
}

.idbicon-eye-false {
    background-image: url('../../images/idbicons/eye-false.svg');
}

.idbicon-attachment {
    background-image: url('../../images/idbicons/attachment.svg');
}

.idbicon-external {
   background-image: url('../../images/idbicons/link-out.svg');
}

/*
  This icon is toggleable between two states by adding or removing the .active
  class to the immediate parent. This is compatible with the Bootstrap toggle
  buttons. 
 */
.idbicon-fullscreen-light {
    background-image: url('../../images/idbicons/arrows-out-light.svg');
}

.active > .idbicon-fullscreen-light {
    background-image: url('../../images/idbicons/arrows-in-light.svg');
}

/*
  This icon is toggleable between two states by adding or removing the .active
  class to the immediate parent. This is compatible with the Bootstrap toggle
  buttons. 
 */
.idbicon-scale-light {
    background-image: url('../../images/idbicons/scale-up-light.svg');
}

.active > .idbicon-scale-light {
    background-image: url('../../images/idbicons/scale-down-light.svg');
}

.idbicon-link-out {
    background-image: url('../../images/idbicons/link-out.svg');
}

.idbicon-link-out-light {
    background-image: url('../../images/idbicons/link-out-light.svg');
}

.idbicon-key {
    background-image: url('../../images/idbicons/key.svg');
}

.idbicon-lock {
    background-image: url('../../images/idbicons/lock.svg');
}

.idbicon-lock-light {
    background-image: url('../../images/idbicons/lock-light.svg');
}

.idbicon-preview {
    background-image: url('../../images/idbicons/preview.svg');
}

.idbicon-multi-check {
    background-image: url('../../images/idbicons/multi-check.svg');
}

.idbicon-multi-uncheck {
    background-image: url('../../images/idbicons/multi-uncheck.svg');
}

.idbicon-view-layout-list {
    background-image: url('../../images/idbicons/view-layout-list.svg');
}

.idbicon-view-layout-table {
    background-image: url('../../images/idbicons/view-layout-table.svg');
}

.idbicon-pin {
    background-image: url('../../images/idbicons/pin.svg');
}

.idbicon-home-light {
    background-image: url('../../images/idbicons/home-light.svg');
}

.idbicon-home-dark {
    background-image: url('../../images/idbicons/home-dark.svg');
}

.idbicon-copy-light {
    background-image: url('../../images/idbicons/copy-light.svg');
}
.idbicon-share-dark {
    background-image: url('../../images/idbicons/share-dark.svg');
}

.idbicon-kb {
    background-image: url('../../images/idbicons/knowledge-base.svg');
}

/*
  This icon is toggleable between two states by adding or removing the .active
  class to the immediate parent. This is compatible with the Bootstrap toggle
  buttons. 
 */
.idbicon-flag-dark {
    background-image: url('../../images/idbicons/flag-dark.svg');
}
.active > .idbicon-flag-dark {
    background-image: url('../../images/idbicons/flag-filled-dark.svg');
}

.idbicon-undo {
    background-image: url('../../images/idbicons/undo.svg');
}

.idbicon-redo {
    background-image: url('../../images/idbicons/redo.svg');
}

.idbicon-user-account-disabled {
    background-image: url('../../images/idbicons/user-account-disabled.svg');
}

.idbicon-user-account-locked {
    background-image: url('../../images/idbicons/user-account-locked.svg');
}

.idbicon-datasource-offline {
    background-image: url('../../images/idbicons/datasource-offline.svg');
}

.idbicon-paperclip {
    background-image: url('../../images/idbicons/paperclip.svg');
}


.idbicon-hover-bg:hover {
    background-color: #eeeeee;
    background-size: calc(100% - 2px) calc(100% - 2px);
    border: 1px solid #dddddd;
    padding: 2px;
}

.idbicon-fade-disabled:disabled {
    opacity: 0.5;
}

.idbicon-datetime {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: inherit;
    max-height: 20px;
    max-width: 20px;
    width: 100%;
    height: 100%;
}

/* background-color:inherit doesn't work for buttons in IE. */
button.idbicon-datetime {
    background-color: transparent;
}

/***********************************************
 * END:   ../../cssf/idbicons/idbicon-core.css *
 ***********************************************/

html {
    font-family: system-ui, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.3;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
}

/* Text */

h1, h2, h3, h4, h5, h6 {
    margin: 1.2em 0 0.8em;
    line-height: 1.4;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.8em;
}

h3 {
    font-size: 1.6em;
}

h4 {
    font-size: 1.4em;
}

h5 {
    font-size: 1.2em;
}

h6 {
    font-size: 1em;
}

code, kbd, samp, pre {
    font-size: 1em;
}

strong, b {
    font-weight: bolder;
}

/* Forms */

input, button, textarea, select, .idb-link-button {
    padding: 0.4em 0.6em;
    margin: 0;
    background-color: white;
    border: 1px solid lightgray;
    border-radius: 0.2em;
    font-size: inherit;
}

input:focus,
button:focus,
textarea:focus,
select:focus,
.idb-link-button:focus {
    outline: none;
    border-color: darkgray;
}

input:disabled,
button:disabled,
textarea:disabled,
select:disabled {
    opacity: 0.6;
    filter: grayscale(100%);
    cursor: auto;
}

input, textarea {
    /*-webkit-appearance: none;*/
    font-family: inherit;
}

textarea {
    overflow: auto;
}

button,
[type=submit],
[type=reset],
[type=button],
.idb-link-button {
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: inherit;
    line-height: 1;
    border: none;
    background-color: lightgray;
    cursor: pointer;
}

button:active:not(:disabled),
[type=submit]:active:not(:disabled),
[type=reset]:active:not(:disabled),
[type=button]:active:not(:disabled),
.idb-link-button:active:not(:disabled) {
    background-color: darkgray;
}

.idb-link-button {
    display: inline-block;
    text-decoration: none;
    color: inherit;
}

[type=search] {
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.6;
}

select:-moz-focusring{
    color: transparent !important;
    text-shadow: 0 0 0 #111 !important;
}
::-moz-focus-inner{
    border: 0px none!important;
    outline:currentcolor none medium !important;
}
/* mixins */
.unselectable {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}