/* Global Reset & Standards ---------------------- */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Required for positioning of FLUID edit cues */
.pageedit {
    float: right;
    padding-top: 56px
}

.itemlist .far, .itemlist .fas, .itemlist .fab, .edit {
    display: inline !important;
    border-bottom: none !important
}

.itemlist .far, .itemlist .fas, .itemlist .fab, .edit .fas, .edit .far, .edit .fab, .pageedit .fas, .pageedit .far, .pageedit .fab {
    font-size: 22px !important;
    color: #666;
    border-bottom: none !important
}

.pageedit .fas, .pageedit .far, .pageedit .fab {
    font-size: 28px !important;
    padding: 5px;
    border-bottom: none !important
}

.itemlist .fas:hover, .itemlist .far:hover, .itemlist .fab:hover {
    color: #282828;
    border-bottom: none !important
}

/* Required for email preview scroll area */
.emailContentArea {
    border: 1px solid #cbcbb5;
    padding: 10px 15px;
    margin: 0 0 10px 0;
    background: #cbcbb5;
    max-height: 600px;
    overflow: auto
}

.emailPreviewArea {
    margin-bottom:10px;
    height:400px;
    overflow: auto
}
ul.outStyle, ol.outStyle {
    padding-left: 20px
}
ul.outStyle li, ol.outStyle li {
    list-style-position: outside;
}
/* Top of Section Elements */
div.sectionHeader, h4.sectionHeader, h5.sectionHeader {
    margin-top:0 !important;
    margin-bottom: 14px !important
}

div.sectionHeader h4, div.sectionHeader h5 {
    margin: 0
}

/* Nested tabs container */
div.sectionTabs {
    border-top: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-left: solid 1px #bbb;
    background-color: #fafafa;
}
div.sectionTabs .rtsLink {
    padding: 4px !important;
    font-size: 90%
}
div.sectionTabs ul.rtsUL
{
    background-color: #fff;
}

    /* Required for PEC:ExpandColumn */
    .tdAsCollapser, .tdAsExpander {
        background-color: #f2f2f2;
        width: 16px
    }

.tdAsExpander { 
    text-align:center;
    vertical-align:middle;
    font-size:12px;
    cursor:pointer
}

.tdAsExpander:hover { 
    background-color:#a0a0a0
}

.trAsDetails > td:nth-child(2) {
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.7)
}

/* PEC:ScrollPanel Styles */
.scrollContentArea {
    margin:5px;
    border:solid 1px #f5f5f5;
    max-height:450px;
    overflow:scroll
}

/* SiteMap Styles */
li.list-large, .list-large {
    padding: 3px 0;
    font-size: 18px;
    font-size: 1.8rem
}

/* Sidebar Collapsible Panel */
.innerSidebar ul.accordion.aInner li.active .content {
    position: relative;
    float: left
}

.innerSidebar ul.accordion.aInner {
    display: inline-block;
    width: 100%;
    border-color: #e9e9e9;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.innerSidebar ul.accordion.aInner li {
    border-color: #e9e9e9
}

.innerSidebar ul.accordion.aInner li div.title {
    border-color: #e9e9e9;
    background-color: #f2f2f2
}

.innerSidebar ul.accordion.aInner li div.title h4 {
    font-size: 20px;
    font-size: 2rem
}

.innerSidebar ul.accordion.aInner li.active div.title {
    border-top: none;
    border-color: #e9e9e9
}

.innerSidebar ul.accordion.aInner li.active .content {
    border-color: #e9e9e9;
    width: 100%;
    max-height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
    word-wrap: break-word !important
}

/* Sidebar Heading */
.innerSidebar h4 {
    margin-bottom: 6px;
    padding-bottom: 6px;
    font-weight: bold;
    border-bottom: 1px solid #e9e9e9;
    font-size: 18px;
    font-size: 1.8rem
}

/* Sidebar Buttons */
.innerSidebar .button {
    margin-bottom: 12px
}

.innerSidebar .button.green {
    background-color: #508c4f;
    border-color: #006400
}

.innerSidebar .button.green:hover {
    background-color: #006400
}

.innerSidebar .button.red {
    background-color: #a74734;
    border-color: #6b2a22
}

.innerSidebar .button.red:hover {
    background-color: #6b2a22
}

.innerSidebar .button.yellow {
    background-color: #e6d25d;
    border-color: #c9b854;
    color: #b77126
}

.innerSidebar .button.yellow:hover {
    background-color: #c9b854
}

/* Sidebar Category */
.innerSidebar .category {
    margin-top: 8px
}

/* SlideToggle */
.switchWrap {
    position: relative
}

.switchWrap p {
    margin-right: 8px;
    margin-bottom: 0;
    position: relative;
    float: left
}

.switchHide {
    display: none
}

.ie.ie8 .switchHide {
    display: block
}

input:checked + .switch {
    background: rgba(111,170,109,0.5)
}

input:checked + .switch:before {
    left: 20px;
    background: #60a55f
}

input:checked + .switch:active::before {
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.28),0 0 0 20px rgba(111,170,109,0.125);
    -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.28),0 0 0 20px rgba(111,170,109,0.125);
    box-shadow: 0 2px 8px rgba(0,0,0,0.28),0 0 0 20px rgba(111,170,109,0.125)
}

.switch {
    background: rgba(255,255,255,0.3);
    display: inline-block;
    position: relative;
    width: 40px;
    height: 16px;
    background: rgba(0,0,0,0.26);
    margin: 3px 0 0 0;
    vertical-align: middle;
    cursor: pointer;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1)
}

.switch:before {
    background: #f0f0f0;
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    width: 24px;
    height: 24px;
    background: #fafafa;
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.28);
    -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.28);
    box-shadow: 0 2px 8px rgba(0,0,0,0.28);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1),background 0.28s cubic-bezier(0.4, 0, 0.2, 1),box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1),background 0.28s cubic-bezier(0.4, 0, 0.2, 1),box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1),background 0.28s cubic-bezier(0.4, 0, 0.2, 1),box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1),background 0.28s cubic-bezier(0.4, 0, 0.2, 1),box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1)
}

.switch:active::before {
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.28),0 0 0 20px rgba(128,128,128,0.1);
    -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.28),0 0 0 20px rgba(128,128,128,0.1);
    box-shadow: 0 2px 8px rgba(0,0,0,0.28),0 0 0 20px rgba(128,128,128,0.1)
}

.fas.orange, .far.orange, .fab.orange {
    color: #cc6b36
}

/* TextBox, DateInput */
.pickerTextCentered {
    text-align: center
}

/* ComboPicker */
div.pickerTextCentered .rcbInputCell INPUT.rcbInput {
    text-align: center;
    font-weight: bold
}

.cb-nodroparrow .rcbArrowCellRight {
    display: none !important
}

.cb-noscrollbar .rcbScroll {
    overflow: visible !important
}
.rcbSeparator label {
    color: #fff !important;
}
.rcbSeparator {
    background-color: #737373;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    padding-top: 4px !important;
}

.rcbTemplate > label:first-child > input.rcbCheckBox {
    margin-top: 4px !important;
    float: left;
}

/* RADComboBox Clear Button */
.combo-clear-btn, .input-clear-btn, .autocompletebox-clear-btn {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    z-index: 2;
    width: 22px;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s ease 0s,visibility 0s linear .2s;
    font-family: "Font Awesome 5 Free";
    text-align: center;
    font-weight: 900;
    line-height:22px;
}
.combo-clear-btn {
    right: 30px;
    top: 6px;
}
.input-clear-btn {
    right: 5px;
    top: 6px;
}
.autocompletebox-clear-btn {
    right: 5px;
    bottom: 4px;
    z-index:0;
}
.RadAutoCompleteInlineTokenHack .autocompletebox-clear-btn {
    right: 4px;
    bottom: unset;
    top: 5px;   
}
input.rcbInput:disabled + span.combo-clear-btn, input.riTextBox:disabled + span.input-clear-btn, input.racInput:disabled + span.autocompletebox-clear-btn {
    display: none
}
.riContSpinButtons.RadInput .input-clear-btn {
    right: 22px !important;
}
.cb-nodroparrow .combo-clear-btn, .searchbar .combo-clear-btn {
    right: 6px !important;
}
.combo-clear-btn:before, .input-clear-btn:before, .autocompletebox-clear-btn:before {
    display: block;
    content: "\f00d";
    background-color: white;
    border-radius: 12px;
}
.RadComboBox:hover .combo-clear-btn, .RadInput:hover .input-clear-btn, .RadAutoCompleteBox:hover .autocompletebox-clear-btn {
    display: block;
    visibility: visible;
    opacity: 1;
    transition: opacity .2s ease 0s,visibility 0s linear 0s;
}

/* ReadOnlyLabel */
.ro-area {
    border: 1px solid #bababa;
    padding: 6px;
    min-height: 32px;
    margin-bottom: 16px;
    width: 100%;
    background-color: #e9e9e9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

.ro-fat {
    padding: 5px 5px 0 !important
}

.ro-multiline {
    height: 160px !important
}

div.ro-loading {
    background: linear-gradient(-45deg, #fff, #f2f2f2, #e9e9e9, #fff);
    background-size: 400% 400%;
    animation: ro-gradient 3s ease infinite;
}

@keyframes ro-gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.collapse .bAttached-right {
    border-radius: unset !important;
    left: -1px;
    border-top: none;
    padding-bottom:7px !important
}

.button.dropdown.ul-padding-top ul {
    top: 36px !important
}

.bForcePadding .button {
    margin-left: 4px !important
}

.bForceTop .button ul {
    top:36px !important
}

.bForceTop .button.bAttached-right ul {
    top: 32px !important
}

.bForceTop .button.small ul {
    top: 27px !important
}

.list-green {
    background: rgba(0, 255, 0, 0.40) !important
}

.list-blue {
    background: rgba(0, 148, 255, 0.40) !important
}

.list-blue.all-day {
    color: #fff;
    text-shadow: 1px 1px #2ba6cb
}

.list-yellow {
    background: rgba(255, 216, 0, 0.40) !important
}

.list-orange {
    background: rgba(212, 134, 50, 0.40) !important
}

.list-red {
    background: rgba(255, 0, 0, 0.40) !important
}

h4.sectionTitle.approved {
    border-left: 4px solid #43A047 !important
}

h4.sectionTitle.denied {
    border-left: 4px solid #F44336 !important
}

h4.sectionTitle.pending {
    border-left: 4px solid #FFEB3B !important
}

.mic-container div {
    font-size: 7em;
    border-radius: 50%;
    height: 200px !important;
    width: 200px !important;
    text-align: center;
    padding-top: 20px;
    background-color: #f5f5f5;
    border: solid 6px #f5f5f5
}

.mic-container div a {
    color: #FFF;
    cursor: pointer
}

.mic-container .start {
    background-color: green
}

.mic-container .stop {
    background-color: red;
    -webkit-transition: border-color 1s linear; /* Saf3.2+, Chrome */
    -moz-transition: border-color 1s linear; /* FF3.7+ */
    -o-transition: border-color 1s linear; /* Opera 10.5 */
    transition: border-color 1s linear
}

.btns-container div {
    text-align: center
}

.btns-container div a {
    font-size: larger;
    cursor: pointer
}

.rpbStateSelected {
    background-color: green;
    border-color: #d88c18
}

.rpbStateDefault {
    border-color: #d88c18
}

.video-mic-container div {
    border-radius: 50%;
    height: 26px !important;
    width: 26px !important;
    text-align: center;
    padding-top: 1px;
    background-color: #f5f5f5;
    border: solid 2px #f5f5f5;
    float: right
}

.video-mic-container div a {
    color: #FFF
}

.video-mic-container .recording {
    background-color: red;
    -webkit-transition: border-color 1s linear; /* Saf3.2+, Chrome */
    -moz-transition: border-color 1s linear; /* FF3.7+ */
    -o-transition: border-color 1s linear; /* Opera 10.5 */
    transition: border-color 1s linear
}

.rpbStateSelected {
    background-color: green;
    border-color: #d88c18
}

.rpbStateDefault {
    border-color: #d88c18
}

.reToolCell {
    position: relative;
}

.editor-cue {
    position: absolute;
    right: 0;
    top: 1px;
    z-index: 1
}

.editor-cue span {
    font-weight: 500;
    background: #2d3538;
    color: #fff;
    border: 1px solid #161a1c;
    text-transform: uppercase;
    display: inline-block;
    font-size: 11px;
    line-height: 1;
    padding: 7px 14px 8px;
}
.tableContain.clip { 
    overflow-x: clip 
}
.tableContain thead tr th.btn-col, .tableContain tbody tr td.btn-col {
    width: 35px;
    text-align: center;
    border-left: none !important
}

.tableContain tbody tr td.btn-col i {
    cursor: pointer
}

.tableContain thead td.no-wrap, .tableContain tbody tr td.no-wrap
{
    white-space:nowrap !important
}

.tableContain tbody tr td.fitted-col a, .tableContain tbody tr td.primary-col a {
    cursor: pointer;
}

.tableContain thead tr th.fitted-col, .tableContain tbody tr td.fitted-col, .tableContain tbody tr td.primary-col {
    width: 1px;
    text-align: center
}

.tableContain tbody tr td.primary-col {
    vertical-align: middle;
    background-color: #f5f5f5;
    pointer-events:none
}
.tableContain tbody tr td.primary-col:hover {
    background-color: #a0a0a0;
}
.tableContain tbody tr td.primary-col input, .tableContain tbody tr td.primary-col a {
    pointer-events: auto
}
.tableContain tbody tr td.primary-col a {
    color: inherit
}
.tableContain tbody tr td.primary-col input {
    margin-right: 0;
}

table.noStyle {
    border: none;
    margin-bottom: 0;
    background: transparent
}
table.noStyle td {
    padding: 0;
    border: none
}
table.noStyle tr, table.noStyle tr:hover {
    background: transparent !important
}

.sectionInner h4 {
    font-size:18px;
    font-size:1.8rem
}

.sectionInner {
    position: relative;
    float: left;
    width: 100%;
    border: 1px solid #bbbbbb;
    padding: 10px 15px;
    margin: 0 0 10px 0
}

.avatar-icon-x-sm {
    height: 34px;
    width: 34px
}

.avatar-icon-sm {
    height: 44px;
    width: 44px
}

.avatar-icon-med {
    height: 54px;
    width: 54px
}

.avatar-icon-lg {
    height: 64px;
    width: 64px
}

.avatar-icon, .avatar-icon-med, .avatar-icon-lg, .avatar-icon-sm, .avatar-icon-x-sm {
    border: solid 1px;
    border-radius: 50%;
    background-size: cover;
    background-position: center
}

.avatar-row {
    margin-bottom: 0 !important
}

.avatar-row .avatar-cue {
    cursor: pointer
}

.avatar-row table {
    border: none !important;
    padding: 0 !important
}

.avatar-row tr {
    background-color: white !important
}

.avatar-row .cl, .avatar-row .cl-lg, .avatar-row .cl-med, .avatar-row .cl-sm, .avatar-row .cl-x-sm {
    padding: 0 !important;
    text-align: center;
    vertical-align: middle
}

.avatar-row .cl-lg {
    width: 64px
}

.avatar-row .cl-med {
    width: 54px
}

.avatar-row .cl-sm {
    width: 44px
}

.avatar-row .cl-x-sm {
    width: 34px
}

.avatar-row .cr, .avatar-row .cr-lg, .avatar-row .cr-med, .avatar-row .cr-sm, .avatar-row .cr-x-sm {
    padding: 0 0 0 10px !important;
    border: none;
    vertical-align: middle
}

.avatar-row .cr-med h4, .noavatar-row.med h4 {
    font-size: 18px;
    font-size:1.8rem
}

.avatar-row .cr-sm h4, .noavatar-row.sm h4 {
    font-size: 14px;
    font-size: 1.4rem
}

.avatar-row .cr-sm span, .noavatar-row.sm span {
    font-size: 12px;
    font-size: 1.2rem
}

.avatar-row .cr-sm div, .noavatar-row.sm div {
    line-height: 12px
}

.avatar-row .cr-sm a, .noavatar-row.sm a {
    font-size: 12px;
    font-size: 1.2rem
}

.avatar-row .cl .cue {
    text-align: center;
    top: -3px;
    position: relative
}

.noavatar-row.lg h4 {
    font-size:20px !important;
    font-size:2rem !important
}

.noavatar-row h4 {
    margin:0
}

.noavatar-row p {
    line-height:18px
}

/* Colors from color wheel */
.msg-0 {
    color: #3ca6a0
}

.msg-1 {
    color: #3d96d4
}

.msg-2 {
    color: #0093b1
}

.msg-3 {
    color: #783f6b
}

.msg-4 {
    color: #aa418d
}

.msg-5 {
    color: #e54072
}

.msg-6 {
    color: #e94540
}

.msg-7 {
    color: #d16d23
}

.msg-8 {
    color: #fe7c00
}

.msg-9 {
    color: #fec100
}

.msg-10 {
    color: #ffe400
}

.msg-11 {
    color: #8dba00
}

.msg-12 {
    color: #59ada6
}

.msg-13 {
    color: #60a6e0
}

.msg-14 {
    color: #61aec4
}

.msg-15 {
    color: #914577
}

.msg-16 {
    color: #be4999
}

.msg-17 {
    color: #ea4f87
}

.msg-18 {
    color: #f25957
}

.msg-19 {
    color: #e08135
}

.msg-20 {
    color: #fe9611
}

.msg-21 {
    color: #fece00
}

.msg-22 {
    color: #ffec48
}

.msg-23 {
    color: #a1c651
}

.msg-24 {
    color: #93c4c1
}

.msg-25 {
    color: #abcef1
}

.msg-26 {
    color: #add2e4
}

.msg-27 {
    color: #a45490
}

.msg-28 {
    color: #d673b7
}

.msg-29 {
    color: #f578a6
}

.msg-30 {
    color: #f86e70
}

.msg-31 {
    color: #e69b5f
}

.msg-32 {
    color: #ffaa42
}

.msg-33 {
    color: #ffda5a
}

.msg-34 {
    color: #ffed70
}

.msg-35 {
    color: #badc74
}

.msg-36 {
    color: #d7e1e3
}

.msg-37 {
    color: #d9eafc
}

.msg-38 {
    color: #dceaf4
}

.msg-39 {
    color: #b97ca9
}

.msg-40 {
    color: #e5aed0
}

.msg-41 {
    color: #f9aec6
}

.msg-42 {
    color: #ff9b94
}

.msg-43 {
    color: #edc098
}

.msg-44 {
    color: #ffc27a
}

.msg-45 {
    color: #fee6a5
}

.msg-46 {
    color: #feef95
}

.msg-47 {
    color: #dcecb7
}

.msg-48 {
    color: #fefe33
}

.msg-49 {
    color: #fabc02
}

.msg-50 {
    color: #fb9902
}

.msg-51 {
    color: #fd5308
}

.msg-52 {
    color: #fe2712
}

.msg-53 {
    color: #a7194b
}

.msg-54 {
    color: #8601af
}

.msg-55 {
    color: #3d01a4
}

.msg-56 {
    color: #0247fe
}

.msg-57 {
    color: #0392ce
}

.msg-58 {
    color: #66b032
}

.msg-59 {
    color: #d0ea2b
}

.sub-text {
    font-size: 80% !important
}

div.sub-text.inputCheck {
    line-height:14px
}

.highlight-text, ht {
    color: #a74734;
    text-shadow: 0 0 6px #e6d25d;
    font-weight: bold
}

.code-label, cl {
    background: #e9e9e9;
    color: gray;
    padding: 1px 4px;
    font-size: 80% !important;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    display: inline;
    position: relative;
    bottom: 1px;
    border: outset 1px #f5f5f5;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-shadow: 1px 1px #fafafa;
    opacity: .9
}

.small-text {
    line-height: 1;
    margin: 0;
    padding: 0;
    font-size: 60%
}

.rsMainHeader {
    padding-top: 0px !important
}

.rsMainHeader .leftText {
    text-align: left !important;
    padding: 0px 0px 5px 5px
}

.rsMainHeader .leftText a, .rsMainHeader .leftText span, .rsMainHeader .leftText i, .rsMainHeader .leftText label {
    padding-right: 0 !important
}

.rsMainHeader .leftText a.right, .rsMainHeader .leftText span.right {
    position: relative
}

.RadScheduler .rsAptContent .fa-circle {
    margin: 0 !important
}

.pec-listbox table {
    border: 0
}

.pec-listbox tr:hover {
    background: none
}

.modal-filter {
    width: 100% !important;
    margin-top: -6px !important;
    background: #e9e9e9 !important
}

.modal-filter .row {
    margin-bottom: 0 !important
}

.modal-filter.modal-sticky {
    position: fixed !important;
    margin-top: 0 !important;
    top: 0px !important
}
.modal-filter .panelToggle {
    opacity: .7
}
.modal-filter .panelToggle:hover {
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}
.panel-filter {
    background-color: #e9e9e9
}

.modal-document {
    overflow: hidden
}

.optex-col {
    text-align: center;
    padding-top: 16px !important
}

.optex-col .switchWrap {
    float: right;
    margin-right: 4px
}

.optex-col .button {
    float: right
}

.twelve columns.row-header {

}

.row-content {

}

.row-option {
    text-align: center;
    top: -6px
}

.slider-container {
    height: 25px;
    padding-top: 1px
}

.impact-text {
    text-shadow: 1px 1px #d3d3d3
}

.progress-circle-wrap {
    width: 150px;
    height: 150px;
    background: #fefcff; /*Changes whitespace in circle*/
    border-radius: 50%;
    border: 1px solid #cdcbd0;
    display: inline-block
}

.progress-circle-wrap .progress-circle .progress-mask, .progress-circle-wrap .progress-circle .progress-fill {
    width: 150px;
    height: 150px;
    position: absolute;
    border-radius: 50%
}

.progress-mask .progress-fill {
    clip: rect(0px, 75px, 150px, 0px);
    background-color: #227ded /*Changes progress bar color*/
}

.progress-circle-wrap .progress-circle .progress-mask {
    clip: rect(0px, 150px, 150px, 75px)
}

.progress-circle-wrap .progress-inside-circle {
    width: 122px;
    height: 122px;
    background: #fefcff; /*Changes background color of inside circle, where the text is located*/
    border-radius: 50%;
    line-height: 120px;
    text-align: center;
    margin-top: 14px;
    margin-left: 14px;
    color: #1e51dc; /*Text color*/
    position: absolute;
    z-index: 100;
    font-weight: 700;
    font-size: 2em
}

/* Telerik:RadEditor */
.reTextArea {
    padding: 3px !important;
    min-height: auto;
}
.reIframeWrapperIOS {
    height: auto !important;
}

/* Telerik:FileExplorer:RadUpload */
.rfeUploadContainer {
    font-family:inherit !important
}

/* Telerik:FileExplorer */
.RadFileExplorer .rfeFilterWrapper {
    margin: 5px !important
}

.RadFileExplorer .rfeFilterWrapper label.rfeFilterLbl {
    margin: 6px
}

.RadFileExplorer .rfeFilterWrapper input.rfeFilterTxt {
    width: 200px
}

.RadFileExplorer .rfeFilterContainer {
    padding: 3px 5px 5px !important
}

.RadFileExplorer .rfeFilterContainer label.rfeFilterLbl {
    margin: 8px 6px 6px
}

.RadFileExplorer .rfeFilterContainer input.rfeFilterTxt {
    width: 200px
}

/* Notification */
@-webkit-keyframes fade-in {
    from {
        visibility: hidden;
        opacity: 0
    }

    to {
        visibility: visible;
        opacity: 1
    }
}

@keyframes fade-in {
    from {
        visibility: hidden;
        opacity: 0
    }

    to {
        visibility: visible;
        opacity: 1
    }
}

@-webkit-keyframes fade-out {
    from {
        visibility: visible;
        opacity: 1
    }

    to {
        visibility: hidden;
        opacity: 0
    }
}

@keyframes fade-out {
    from {
        visibility: visible;
        opacity: 1
    }

    to {
        visibility: hidden;
        opacity: 0
    }
}

@-webkit-keyframes slide-show {
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slide-show {
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slide-hide {
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes slide-hide {
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.top-left {
    position: fixed;
    z-index: 1000;
    display: flex;
    align-items: center;
    padding: 20px;
    color: #fff;
    line-height: 1.3;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
    max-width: 350px;
    margin: 20px;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-420px);
    transform: translateX(-420px);
    top: 0;
    left: 0
}

@-webkit-keyframes slide-in-left {
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slide-in-left {
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slide-out-left {
    to {
        -webkit-transform: translateX(-420px);
        transform: translateX(-420px)
    }
}

@keyframes slide-out-left {
    to {
        -webkit-transform: translateX(-420px);
        transform: translateX(-420px)
    }
}

.top-left.do-show {
    -webkit-animation: slide-in-left 1s ease-in forwards, slide-out-left 1s ease-in forwards 5s;
    animation: slide-in-left 1s ease-in forwards, slide-out-left 1s ease-in forwards 5s
}

.top-left[data-notification-status="notice"] {
    background-color: #29B6F6
}

.top-left[data-notification-status="notice"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23077CB2'/%3E%3Cpath d='M11.016,6.984V9h1.968V6.984H11.016z M11.016,17.016h1.968v-6h-1.968V17.016z' fill='%23077CB2'/%3E%3C/svg%3E") center/cover no-repeat
}

.top-left[data-notification-status="warning"] {
    background-color: #FFCA28
}

.top-left[data-notification-status="warning"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C19100'/%3E%3Cpath d='M11.016,17.016h1.968V15h-1.968V17.016z M11.016,6.983v6.001h1.968V6.983H11.016z' fill='%23C19100'/%3E%3C/svg%3E") center/cover no-repeat
}

.top-left[data-notification-status="error"] {
    background-color: #EF5350
}

.top-left[data-notification-status="error"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C71612'/%3E%3Cpath d='M13.406,12l2.578,2.578l-1.406,1.406L12,13.406l-2.578,2.578l-1.406-1.406L10.594,12L8.016,9.421l1.406-1.405L12,10.593 l2.578-2.577l1.406,1.405L13.406,12z' fill='%23C71612'/%3E%3C/svg%3E") center/cover no-repeat
}

.top-left[data-notification-status="success"] {
    background-color: #66BB6A
}

.top-left[data-notification-status="success"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%233A813D'/%3E%3Cpath d='M10.477,13.136l5.085-5.085l1.406,1.406l-6.492,6.492l-3.446-3.445l1.406-1.406L10.477,13.136z' fill='%233A813D'/%3E%3C/svg%3E") center/cover no-repeat
}

.top-left[data-notification-status="question"] {
    background-color: #8D6E63
}

.top-left[data-notification-status="question"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23513F39'/%3E%3Cpath d='M12.001,6.314h-0.002c-1.996,0-3.609,1.614-3.609,3.609h1.784c0-0.977,0.85-1.784,1.826-1.784  c0.977,0,1.827,0.807,1.827,1.784c0,1.826-2.718,1.614-2.718,4.544h1.784c0-2.038,2.717-2.294,2.717-4.544  C15.609,7.928,13.997,6.314,12.001,6.314z M11.109,17.186h1.784v-1.826h-1.784V17.186z' fill='%23513F39'/%3E%3C/svg%3E") center/cover no-repeat
}

.top-left[data-notification-status="plain"] {
    background-color: #333
}

.top-left[data-notification-status="fullscreen"] {
    background-color: #333
}

.top-left-infinite {
    position: fixed;
    z-index: 1000;
    display: flex;
    align-items: center;
    padding: 20px;
    color: #fff;
    line-height: 1.3;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
    max-width: 350px;
    margin: 20px;
    top: 0;
    left: 0;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-420px);
    transform: translateX(-420px)
}

.top-left-infinite .notify-contain {
    margin-right: 40px
}

@keyframes slide-in-left {
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.top-left-infinite.do-show {
    -webkit-animation: slide-in-left 1s ease-in forwards;
    animation: slide-in-left 1s ease-in forwards
}

.top-left-infinite[data-notification-status="notice"] {
    background-color: #29B6F6
}

.top-left-infinite[data-notification-status="notice"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23077CB2'/%3E%3Cpath d='M11.016,6.984V9h1.968V6.984H11.016z M11.016,17.016h1.968v-6h-1.968V17.016z' fill='%23077CB2'/%3E%3C/svg%3E") center/cover no-repeat
}

.top-left-infinite[data-notification-status="warning"] {
    background-color: #FFCA28
}

.top-left-infinite[data-notification-status="warning"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C19100'/%3E%3Cpath d='M11.016,17.016h1.968V15h-1.968V17.016z M11.016,6.983v6.001h1.968V6.983H11.016z' fill='%23C19100'/%3E%3C/svg%3E") center/cover no-repeat
}

.top-left-infinite[data-notification-status="error"] {
    background-color: #EF5350
}

.top-left-infinite[data-notification-status="error"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C71612'/%3E%3Cpath d='M13.406,12l2.578,2.578l-1.406,1.406L12,13.406l-2.578,2.578l-1.406-1.406L10.594,12L8.016,9.421l1.406-1.405L12,10.593 l2.578-2.577l1.406,1.405L13.406,12z' fill='%23C71612'/%3E%3C/svg%3E") center/cover no-repeat
}

.top-left-infinite[data-notification-status="success"] {
    background-color: #66BB6A
}

.top-left-infinite[data-notification-status="success"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%233A813D'/%3E%3Cpath d='M10.477,13.136l5.085-5.085l1.406,1.406l-6.492,6.492l-3.446-3.445l1.406-1.406L10.477,13.136z' fill='%233A813D'/%3E%3C/svg%3E") center/cover no-repeat
}

.top-left-infinite[data-notification-status="question"] {
    background-color: #8D6E63
}

.top-left-infinite[data-notification-status="question"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23513F39'/%3E%3Cpath d='M12.001,6.314h-0.002c-1.996,0-3.609,1.614-3.609,3.609h1.784c0-0.977,0.85-1.784,1.826-1.784  c0.977,0,1.827,0.807,1.827,1.784c0,1.826-2.718,1.614-2.718,4.544h1.784c0-2.038,2.717-2.294,2.717-4.544  C15.609,7.928,13.997,6.314,12.001,6.314z M11.109,17.186h1.784v-1.826h-1.784V17.186z' fill='%23513F39'/%3E%3C/svg%3E") center/cover no-repeat
}

.top-left-infinite[data-notification-status="plain"] {
    background-color: #333
}

.top-left-infinite[data-notification-status="fullscreen"] {
    background-color: #333
}

.top-right {
    position: fixed;
    z-index: 1000;
    display: flex;
    align-items: center;
    padding: 20px;
    color: #fff;
    line-height: 1.3;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
    max-width: 350px;
    margin: 20px;
    top: 0;
    right: 0;
    -webkit-transform: translateX(420px);
    transform: translateX(420px);
    top: 0;
    right: 0
}

@-webkit-keyframes slide-in-right {
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slide-in-right {
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slide-out-right {
    to {
        -webkit-transform: translateX(420px);
        transform: translateX(420px)
    }
}

@keyframes slide-out-right {
    to {
        -webkit-transform: translateX(420px);
        transform: translateX(420px)
    }
}
.top-right.do-show {
    -webkit-animation: slide-in-right 1s ease-in forwards, slide-out-right 1s ease-in forwards 3s;
    animation: slide-in-right 1s ease-in forwards, slide-out-right 1s ease-in forwards 3s
}

.top-right[data-notification-status="notice"] {
    background-color: #29B6F6
}

.top-right[data-notification-status="notice"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23077CB2'/%3E%3Cpath d='M11.016,6.984V9h1.968V6.984H11.016z M11.016,17.016h1.968v-6h-1.968V17.016z' fill='%23077CB2'/%3E%3C/svg%3E") center/cover no-repeat
}

.top-right[data-notification-status="warning"] {
    background-color: #FFCA28
}

.top-right[data-notification-status="warning"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C19100'/%3E%3Cpath d='M11.016,17.016h1.968V15h-1.968V17.016z M11.016,6.983v6.001h1.968V6.983H11.016z' fill='%23C19100'/%3E%3C/svg%3E") center/cover no-repeat
}

.top-right[data-notification-status="error"] {
    background-color: #EF5350
}

.top-right[data-notification-status="error"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C71612'/%3E%3Cpath d='M13.406,12l2.578,2.578l-1.406,1.406L12,13.406l-2.578,2.578l-1.406-1.406L10.594,12L8.016,9.421l1.406-1.405L12,10.593 l2.578-2.577l1.406,1.405L13.406,12z' fill='%23C71612'/%3E%3C/svg%3E") center/cover no-repeat
}

.top-right[data-notification-status="success"] {
    background-color: #66BB6A
}

.top-right[data-notification-status="success"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%233A813D'/%3E%3Cpath d='M10.477,13.136l5.085-5.085l1.406,1.406l-6.492,6.492l-3.446-3.445l1.406-1.406L10.477,13.136z' fill='%233A813D'/%3E%3C/svg%3E") center/cover no-repeat
}

.top-right[data-notification-status="question"] {
    background-color: #8D6E63
}

.top-right[data-notification-status="question"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23513F39'/%3E%3Cpath d='M12.001,6.314h-0.002c-1.996,0-3.609,1.614-3.609,3.609h1.784c0-0.977,0.85-1.784,1.826-1.784  c0.977,0,1.827,0.807,1.827,1.784c0,1.826-2.718,1.614-2.718,4.544h1.784c0-2.038,2.717-2.294,2.717-4.544  C15.609,7.928,13.997,6.314,12.001,6.314z M11.109,17.186h1.784v-1.826h-1.784V17.186z' fill='%23513F39'/%3E%3C/svg%3E") center/cover no-repeat
}

.top-right[data-notification-status="plain"] {
    background-color: #333
}

.top-right[data-notification-status="fullscreen"] {
    background-color: #333
}

.top-right-infinite {
    position: fixed;
    z-index: 1000;
    display: flex;
    align-items: center;
    padding: 20px;
    color: #fff;
    line-height: 1.3;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
    max-width: 350px;
    margin: 20px;
    top: 0;
    right: 0;
    top: 0;
    right: 0;
    -webkit-transform: translateX(420px);
    transform: translateX(420px)
}

.top-right-infinite .notify-contain {
    margin-right: 40px
}

@keyframes slide-in-right {
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.top-right-infinite.do-show {
    -webkit-animation: slide-in-right 1s ease-in forwards;
    animation: slide-in-right 1s ease-in forwards
}

.top-right-infinite[data-notification-status="notice"] {
    background-color: #29B6F6
}

.top-right-infinite[data-notification-status="notice"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23077CB2'/%3E%3Cpath d='M11.016,6.984V9h1.968V6.984H11.016z M11.016,17.016h1.968v-6h-1.968V17.016z' fill='%23077CB2'/%3E%3C/svg%3E") center/cover no-repeat
}

.top-right-infinite[data-notification-status="warning"] {
    background-color: #FFCA28
}

.top-right-infinite[data-notification-status="warning"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C19100'/%3E%3Cpath d='M11.016,17.016h1.968V15h-1.968V17.016z M11.016,6.983v6.001h1.968V6.983H11.016z' fill='%23C19100'/%3E%3C/svg%3E") center/cover no-repeat
}

.top-right-infinite[data-notification-status="error"] {
    background-color: #EF5350
}

.top-right-infinite[data-notification-status="error"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C71612'/%3E%3Cpath d='M13.406,12l2.578,2.578l-1.406,1.406L12,13.406l-2.578,2.578l-1.406-1.406L10.594,12L8.016,9.421l1.406-1.405L12,10.593 l2.578-2.577l1.406,1.405L13.406,12z' fill='%23C71612'/%3E%3C/svg%3E") center/cover no-repeat
}

.top-right-infinite[data-notification-status="success"] {
    background-color: #66BB6A
}

.top-right-infinite[data-notification-status="success"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%233A813D'/%3E%3Cpath d='M10.477,13.136l5.085-5.085l1.406,1.406l-6.492,6.492l-3.446-3.445l1.406-1.406L10.477,13.136z' fill='%233A813D'/%3E%3C/svg%3E") center/cover no-repeat
}

.top-right-infinite[data-notification-status="question"] {
    background-color: #8D6E63
}

.top-right-infinite[data-notification-status="question"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23513F39'/%3E%3Cpath d='M12.001,6.314h-0.002c-1.996,0-3.609,1.614-3.609,3.609h1.784c0-0.977,0.85-1.784,1.826-1.784  c0.977,0,1.827,0.807,1.827,1.784c0,1.826-2.718,1.614-2.718,4.544h1.784c0-2.038,2.717-2.294,2.717-4.544  C15.609,7.928,13.997,6.314,12.001,6.314z M11.109,17.186h1.784v-1.826h-1.784V17.186z' fill='%23513F39'/%3E%3C/svg%3E") center/cover no-repeat
}

.top-right-infinite[data-notification-status="plain"] {
    background-color: #333
}

.top-right-infinite[data-notification-status="fullscreen"] {
    background-color: #333
}

.bottom-right {
    position: fixed;
    z-index: 1000;
    display: flex;
    align-items: center;
    padding: 20px;
    color: #fff;
    line-height: 1.3;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
    max-width: 350px;
    margin: 20px;
    bottom: 0;
    right: 0;
    -webkit-transform: translateX(420px);
    transform: translateX(420px);
    bottom: 0;
    right: 0
}

@keyframes slide-in-right {
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slide-out-right {
    to {
        -webkit-transform: translateX(420px);
        transform: translateX(420px)
    }
}

.bottom-right.do-show {
    -webkit-animation: slide-in-right 1s ease-in forwards, slide-out-right 1s ease-in forwards 3s;
    animation: slide-in-right 1s ease-in forwards, slide-out-right 1s ease-in forwards 3s
}

.bottom-right[data-notification-status="notice"] {
    background-color: #29B6F6
}

.bottom-right[data-notification-status="notice"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23077CB2'/%3E%3Cpath d='M11.016,6.984V9h1.968V6.984H11.016z M11.016,17.016h1.968v-6h-1.968V17.016z' fill='%23077CB2'/%3E%3C/svg%3E") center/cover no-repeat
}

.bottom-right[data-notification-status="warning"] {
    background-color: #FFCA28
}

.bottom-right[data-notification-status="warning"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C19100'/%3E%3Cpath d='M11.016,17.016h1.968V15h-1.968V17.016z M11.016,6.983v6.001h1.968V6.983H11.016z' fill='%23C19100'/%3E%3C/svg%3E") center/cover no-repeat
}

.bottom-right[data-notification-status="error"] {
    background-color: #EF5350
}

.bottom-right[data-notification-status="error"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C71612'/%3E%3Cpath d='M13.406,12l2.578,2.578l-1.406,1.406L12,13.406l-2.578,2.578l-1.406-1.406L10.594,12L8.016,9.421l1.406-1.405L12,10.593 l2.578-2.577l1.406,1.405L13.406,12z' fill='%23C71612'/%3E%3C/svg%3E") center/cover no-repeat
}

.bottom-right[data-notification-status="success"] {
    background-color: #66BB6A
}

.bottom-right[data-notification-status="success"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%233A813D'/%3E%3Cpath d='M10.477,13.136l5.085-5.085l1.406,1.406l-6.492,6.492l-3.446-3.445l1.406-1.406L10.477,13.136z' fill='%233A813D'/%3E%3C/svg%3E") center/cover no-repeat
}

.bottom-right[data-notification-status="question"] {
    background-color: #8D6E63
}

.bottom-right[data-notification-status="question"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23513F39'/%3E%3Cpath d='M12.001,6.314h-0.002c-1.996,0-3.609,1.614-3.609,3.609h1.784c0-0.977,0.85-1.784,1.826-1.784  c0.977,0,1.827,0.807,1.827,1.784c0,1.826-2.718,1.614-2.718,4.544h1.784c0-2.038,2.717-2.294,2.717-4.544  C15.609,7.928,13.997,6.314,12.001,6.314z M11.109,17.186h1.784v-1.826h-1.784V17.186z' fill='%23513F39'/%3E%3C/svg%3E") center/cover no-repeat
}

.bottom-right[data-notification-status="plain"] {
    background-color: #333
}

.bottom-right[data-notification-status="fullscreen"] {
    background-color: #333
}

.bottom-right-infinite {
    position: fixed;
    z-index: 1000;
    display: flex;
    align-items: center;
    padding: 20px;
    color: #fff;
    line-height: 1.3;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
    max-width: 350px;
    margin: 20px;
    bottom: 0;
    right: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: translateX(420px);
    transform: translateX(420px)
}

.bottom-right-infinite .notify-contain {
    margin-right: 40px
}

@keyframes slide-in-right {
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.bottom-right-infinite.do-show {
    -webkit-animation: slide-in-right 1s ease-in forwards;
    animation: slide-in-right 1s ease-in forwards
}

.bottom-right-infinite[data-notification-status="notice"] {
    background-color: #29B6F6
}

.bottom-right-infinite[data-notification-status="notice"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23077CB2'/%3E%3Cpath d='M11.016,6.984V9h1.968V6.984H11.016z M11.016,17.016h1.968v-6h-1.968V17.016z' fill='%23077CB2'/%3E%3C/svg%3E") center/cover no-repeat
}

.bottom-right-infinite[data-notification-status="warning"] {
    background-color: #FFCA28
}

.bottom-right-infinite[data-notification-status="warning"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C19100'/%3E%3Cpath d='M11.016,17.016h1.968V15h-1.968V17.016z M11.016,6.983v6.001h1.968V6.983H11.016z' fill='%23C19100'/%3E%3C/svg%3E") center/cover no-repeat
}

.bottom-right-infinite[data-notification-status="error"] {
    background-color: #EF5350
}

.bottom-right-infinite[data-notification-status="error"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C71612'/%3E%3Cpath d='M13.406,12l2.578,2.578l-1.406,1.406L12,13.406l-2.578,2.578l-1.406-1.406L10.594,12L8.016,9.421l1.406-1.405L12,10.593 l2.578-2.577l1.406,1.405L13.406,12z' fill='%23C71612'/%3E%3C/svg%3E") center/cover no-repeat
}

.bottom-right-infinite[data-notification-status="success"] {
    background-color: #66BB6A
}

.bottom-right-infinite[data-notification-status="success"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%233A813D'/%3E%3Cpath d='M10.477,13.136l5.085-5.085l1.406,1.406l-6.492,6.492l-3.446-3.445l1.406-1.406L10.477,13.136z' fill='%233A813D'/%3E%3C/svg%3E") center/cover no-repeat
}

.bottom-right-infinite[data-notification-status="question"] {
    background-color: #8D6E63
}

.bottom-right-infinite[data-notification-status="question"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23513F39'/%3E%3Cpath d='M12.001,6.314h-0.002c-1.996,0-3.609,1.614-3.609,3.609h1.784c0-0.977,0.85-1.784,1.826-1.784  c0.977,0,1.827,0.807,1.827,1.784c0,1.826-2.718,1.614-2.718,4.544h1.784c0-2.038,2.717-2.294,2.717-4.544  C15.609,7.928,13.997,6.314,12.001,6.314z M11.109,17.186h1.784v-1.826h-1.784V17.186z' fill='%23513F39'/%3E%3C/svg%3E") center/cover no-repeat
}

.bottom-right-infinite[data-notification-status="plain"] {
    background-color: #333
}

.bottom-right-infinite[data-notification-status="fullscreen"] {
    background-color: #333
}

.bottom-left {
    position: fixed;
    z-index: 1000;
    display: flex;
    align-items: center;
    padding: 20px;
    color: #fff;
    line-height: 1.3;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
    max-width: 350px;
    margin: 20px;
    bottom: 0;
    left: 0;
    -webkit-transform: translateX(-420px);
    transform: translateX(-420px);
    bottom: 0;
    left: 0
}

@keyframes slide-in-left {
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slide-out-left {
    to {
        -webkit-transform: translateX(-420px);
        transform: translateX(-420px)
    }
}
.bottom-left.do-show {
    -webkit-animation: slide-in-left 1s ease-in forwards, slide-out-left 1s ease-in forwards 3s;
    animation: slide-in-left 1s ease-in forwards, slide-out-left 1s ease-in forwards 3s
}

.bottom-left[data-notification-status="notice"] {
    background-color: #29B6F6
}

.bottom-left[data-notification-status="notice"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23077CB2'/%3E%3Cpath d='M11.016,6.984V9h1.968V6.984H11.016z M11.016,17.016h1.968v-6h-1.968V17.016z' fill='%23077CB2'/%3E%3C/svg%3E") center/cover no-repeat
}

.bottom-left[data-notification-status="warning"] {
    background-color: #FFCA28
}

.bottom-left[data-notification-status="warning"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C19100'/%3E%3Cpath d='M11.016,17.016h1.968V15h-1.968V17.016z M11.016,6.983v6.001h1.968V6.983H11.016z' fill='%23C19100'/%3E%3C/svg%3E") center/cover no-repeat
}

.bottom-left[data-notification-status="error"] {
    background-color: #EF5350
}

.bottom-left[data-notification-status="error"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C71612'/%3E%3Cpath d='M13.406,12l2.578,2.578l-1.406,1.406L12,13.406l-2.578,2.578l-1.406-1.406L10.594,12L8.016,9.421l1.406-1.405L12,10.593 l2.578-2.577l1.406,1.405L13.406,12z' fill='%23C71612'/%3E%3C/svg%3E") center/cover no-repeat
}

.bottom-left[data-notification-status="success"] {
    background-color: #66BB6A
}

.bottom-left[data-notification-status="success"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%233A813D'/%3E%3Cpath d='M10.477,13.136l5.085-5.085l1.406,1.406l-6.492,6.492l-3.446-3.445l1.406-1.406L10.477,13.136z' fill='%233A813D'/%3E%3C/svg%3E") center/cover no-repeat
}

.bottom-left[data-notification-status="question"] {
    background-color: #8D6E63
}

.bottom-left[data-notification-status="question"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23513F39'/%3E%3Cpath d='M12.001,6.314h-0.002c-1.996,0-3.609,1.614-3.609,3.609h1.784c0-0.977,0.85-1.784,1.826-1.784  c0.977,0,1.827,0.807,1.827,1.784c0,1.826-2.718,1.614-2.718,4.544h1.784c0-2.038,2.717-2.294,2.717-4.544  C15.609,7.928,13.997,6.314,12.001,6.314z M11.109,17.186h1.784v-1.826h-1.784V17.186z' fill='%23513F39'/%3E%3C/svg%3E") center/cover no-repeat
}

.bottom-left[data-notification-status="plain"] {
    background-color: #333
}

.bottom-left[data-notification-status="fullscreen"] {
    background-color: #333
}

.bottom-left-infinite {
    position: fixed;
    z-index: 1000;
    display: flex;
    align-items: center;
    padding: 20px;
    color: #fff;
    line-height: 1.3;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
    max-width: 350px;
    margin: 20px;
    bottom: 0;
    left: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateX(-420px);
    transform: translateX(-420px)
}

.bottom-left-infinite .notify-contain {
    margin-right: 40px
}

@keyframes slide-in-left {
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.bottom-left-infinite.do-show {
    -webkit-animation: slide-in-left infinite ease-in forwards;
    animation: slide-in-left infinite ease-in forwards
}

.bottom-left-infinite[data-notification-status="notice"] {
    background-color: #29B6F6
}

.bottom-left-infinite[data-notification-status="notice"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23077CB2'/%3E%3Cpath d='M11.016,6.984V9h1.968V6.984H11.016z M11.016,17.016h1.968v-6h-1.968V17.016z' fill='%23077CB2'/%3E%3C/svg%3E") center/cover no-repeat
}

.bottom-left-infinite[data-notification-status="warning"] {
    background-color: #FFCA28
}

.bottom-left-infinite[data-notification-status="warning"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C19100'/%3E%3Cpath d='M11.016,17.016h1.968V15h-1.968V17.016z M11.016,6.983v6.001h1.968V6.983H11.016z' fill='%23C19100'/%3E%3C/svg%3E") center/cover no-repeat
}

.bottom-left-infinite[data-notification-status="error"] {
    background-color: #EF5350
}

.bottom-left-infinite[data-notification-status="error"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C71612'/%3E%3Cpath d='M13.406,12l2.578,2.578l-1.406,1.406L12,13.406l-2.578,2.578l-1.406-1.406L10.594,12L8.016,9.421l1.406-1.405L12,10.593 l2.578-2.577l1.406,1.405L13.406,12z' fill='%23C71612'/%3E%3C/svg%3E") center/cover no-repeat
}

.bottom-left-infinite[data-notification-status="success"] {
    background-color: #66BB6A
}

.bottom-left-infinite[data-notification-status="success"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%233A813D'/%3E%3Cpath d='M10.477,13.136l5.085-5.085l1.406,1.406l-6.492,6.492l-3.446-3.445l1.406-1.406L10.477,13.136z' fill='%233A813D'/%3E%3C/svg%3E") center/cover no-repeat
}

.bottom-left-infinite[data-notification-status="question"] {
    background-color: #8D6E63
}

.bottom-left-infinite[data-notification-status="question"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23513F39'/%3E%3Cpath d='M12.001,6.314h-0.002c-1.996,0-3.609,1.614-3.609,3.609h1.784c0-0.977,0.85-1.784,1.826-1.784  c0.977,0,1.827,0.807,1.827,1.784c0,1.826-2.718,1.614-2.718,4.544h1.784c0-2.038,2.717-2.294,2.717-4.544  C15.609,7.928,13.997,6.314,12.001,6.314z M11.109,17.186h1.784v-1.826h-1.784V17.186z' fill='%23513F39'/%3E%3C/svg%3E") center/cover no-repeat
}

.bottom-left-infinite[data-notification-status="plain"] {
    background-color: #333
}

.bottom-left-infinite[data-notification-status="fullscreen"] {
    background-color: #333
}

.bar-top {
    position: fixed;
    z-index: 1000;
    display: flex;
    align-items: center;
    padding: 20px;
    color: #fff;
    line-height: 1.3;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

@-webkit-keyframes slide-show-bottom {
    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@keyframes slide-show-bottom {
    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@-webkit-keyframes slide-show-top {
    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@keyframes slide-show-top {
    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@-webkit-keyframes slide-hide-bottom {
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes slide-hide-bottom {
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-webkit-keyframes slide-hide-top {
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes slide-hide-top {
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.bar-top.do-show {
    -webkit-animation: slide-show-top 1s forwards, slide-hide-top 1s forwards 3s;
    animation: slide-show-top 1s forwards, slide-hide-top 1s forwards 3s
}

.bar-top[data-notification-status="notice"] {
    background-color: #29B6F6
}

.bar-top[data-notification-status="notice"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23077CB2'/%3E%3Cpath d='M11.016,6.984V9h1.968V6.984H11.016z M11.016,17.016h1.968v-6h-1.968V17.016z' fill='%23077CB2'/%3E%3C/svg%3E") center/cover no-repeat
}

.bar-top[data-notification-status="warning"] {
    background-color: #FFCA28
}

.bar-top[data-notification-status="warning"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C19100'/%3E%3Cpath d='M11.016,17.016h1.968V15h-1.968V17.016z M11.016,6.983v6.001h1.968V6.983H11.016z' fill='%23C19100'/%3E%3C/svg%3E") center/cover no-repeat
}

.bar-top[data-notification-status="error"] {
    background-color: #EF5350
}

.bar-top[data-notification-status="error"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C71612'/%3E%3Cpath d='M13.406,12l2.578,2.578l-1.406,1.406L12,13.406l-2.578,2.578l-1.406-1.406L10.594,12L8.016,9.421l1.406-1.405L12,10.593 l2.578-2.577l1.406,1.405L13.406,12z' fill='%23C71612'/%3E%3C/svg%3E") center/cover no-repeat
}

.bar-top[data-notification-status="success"] {
    background-color: #66BB6A
}

.bar-top[data-notification-status="success"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%233A813D'/%3E%3Cpath d='M10.477,13.136l5.085-5.085l1.406,1.406l-6.492,6.492l-3.446-3.445l1.406-1.406L10.477,13.136z' fill='%233A813D'/%3E%3C/svg%3E") center/cover no-repeat
}

.bar-top[data-notification-status="question"] {
    background-color: #8D6E63
}

.bar-top[data-notification-status="question"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23513F39'/%3E%3Cpath d='M12.001,6.314h-0.002c-1.996,0-3.609,1.614-3.609,3.609h1.784c0-0.977,0.85-1.784,1.826-1.784  c0.977,0,1.827,0.807,1.827,1.784c0,1.826-2.718,1.614-2.718,4.544h1.784c0-2.038,2.717-2.294,2.717-4.544  C15.609,7.928,13.997,6.314,12.001,6.314z M11.109,17.186h1.784v-1.826h-1.784V17.186z' fill='%23513F39'/%3E%3C/svg%3E") center/cover no-repeat
}

.bar-top[data-notification-status="plain"] {
    background-color: #333
}

.bar-top[data-notification-status="fullscreen"] {
    background-color: #333
}

.bar-top-infinite {
    position: fixed;
    z-index: 1000;
    display: flex;
    align-items: center;
    padding: 20px;
    color: #fff;
    line-height: 1.3;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.bar-top-infinite.do-show {
    -webkit-animation: slide-show 1s forwards;
    animation: slide-show 1s forwards
}

.bar-top-infinite[data-notification-status="notice"] {
    background-color: #29B6F6
}

.bar-top-infinite[data-notification-status="notice"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23077CB2'/%3E%3Cpath d='M11.016,6.984V9h1.968V6.984H11.016z M11.016,17.016h1.968v-6h-1.968V17.016z' fill='%23077CB2'/%3E%3C/svg%3E") center/cover no-repeat
}

.bar-top-infinite[data-notification-status="warning"] {
    background-color: #FFCA28
}

.bar-top-infinite[data-notification-status="warning"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C19100'/%3E%3Cpath d='M11.016,17.016h1.968V15h-1.968V17.016z M11.016,6.983v6.001h1.968V6.983H11.016z' fill='%23C19100'/%3E%3C/svg%3E") center/cover no-repeat
}

.bar-top-infinite[data-notification-status="error"] {
    background-color: #EF5350
}

.bar-top-infinite[data-notification-status="error"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C71612'/%3E%3Cpath d='M13.406,12l2.578,2.578l-1.406,1.406L12,13.406l-2.578,2.578l-1.406-1.406L10.594,12L8.016,9.421l1.406-1.405L12,10.593 l2.578-2.577l1.406,1.405L13.406,12z' fill='%23C71612'/%3E%3C/svg%3E") center/cover no-repeat
}

.bar-top-infinite[data-notification-status="success"] {
    background-color: #66BB6A
}

.bar-top-infinite[data-notification-status="success"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%233A813D'/%3E%3Cpath d='M10.477,13.136l5.085-5.085l1.406,1.406l-6.492,6.492l-3.446-3.445l1.406-1.406L10.477,13.136z' fill='%233A813D'/%3E%3C/svg%3E") center/cover no-repeat
}

.bar-top-infinite[data-notification-status="question"] {
    background-color: #8D6E63
}

.bar-top-infinite[data-notification-status="question"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23513F39'/%3E%3Cpath d='M12.001,6.314h-0.002c-1.996,0-3.609,1.614-3.609,3.609h1.784c0-0.977,0.85-1.784,1.826-1.784  c0.977,0,1.827,0.807,1.827,1.784c0,1.826-2.718,1.614-2.718,4.544h1.784c0-2.038,2.717-2.294,2.717-4.544  C15.609,7.928,13.997,6.314,12.001,6.314z M11.109,17.186h1.784v-1.826h-1.784V17.186z' fill='%23513F39'/%3E%3C/svg%3E") center/cover no-repeat
}

.bar-top-infinite[data-notification-status="plain"] {
    background-color: #333
}

.bar-top-infinite[data-notification-status="fullscreen"] {
    background-color: #333
}

.bar-bottom {
    position: fixed;
    z-index: 1000;
    display: flex;
    align-items: center;
    padding: 20px;
    color: #fff;
    line-height: 1.3;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

@keyframes slide-show-bottom {
    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@keyframes slide-show-top {
    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@keyframes slide-hide-bottom {
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes slide-hide-top {
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.bar-bottom.do-show {
    -webkit-animation: slide-show-bottom 1s forwards, slide-hide-bottom 1s forwards 3s;
    animation: slide-show-bottom 1s forwards, slide-hide-bottom 1s forwards 3s
}

.bar-bottom[data-notification-status="notice"] {
    background-color: #29B6F6
}

.bar-bottom[data-notification-status="notice"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23077CB2'/%3E%3Cpath d='M11.016,6.984V9h1.968V6.984H11.016z M11.016,17.016h1.968v-6h-1.968V17.016z' fill='%23077CB2'/%3E%3C/svg%3E") center/cover no-repeat
}

.bar-bottom[data-notification-status="warning"] {
    background-color: #FFCA28
}

.bar-bottom[data-notification-status="warning"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C19100'/%3E%3Cpath d='M11.016,17.016h1.968V15h-1.968V17.016z M11.016,6.983v6.001h1.968V6.983H11.016z' fill='%23C19100'/%3E%3C/svg%3E") center/cover no-repeat
}

.bar-bottom[data-notification-status="error"] {
    background-color: #EF5350
}

.bar-bottom[data-notification-status="error"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C71612'/%3E%3Cpath d='M13.406,12l2.578,2.578l-1.406,1.406L12,13.406l-2.578,2.578l-1.406-1.406L10.594,12L8.016,9.421l1.406-1.405L12,10.593 l2.578-2.577l1.406,1.405L13.406,12z' fill='%23C71612'/%3E%3C/svg%3E") center/cover no-repeat
}

.bar-bottom[data-notification-status="success"] {
    background-color: #66BB6A
}

.bar-bottom[data-notification-status="success"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%233A813D'/%3E%3Cpath d='M10.477,13.136l5.085-5.085l1.406,1.406l-6.492,6.492l-3.446-3.445l1.406-1.406L10.477,13.136z' fill='%233A813D'/%3E%3C/svg%3E") center/cover no-repeat
}

.bar-bottom[data-notification-status="question"] {
    background-color: #8D6E63
}

.bar-bottom[data-notification-status="question"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23513F39'/%3E%3Cpath d='M12.001,6.314h-0.002c-1.996,0-3.609,1.614-3.609,3.609h1.784c0-0.977,0.85-1.784,1.826-1.784  c0.977,0,1.827,0.807,1.827,1.784c0,1.826-2.718,1.614-2.718,4.544h1.784c0-2.038,2.717-2.294,2.717-4.544  C15.609,7.928,13.997,6.314,12.001,6.314z M11.109,17.186h1.784v-1.826h-1.784V17.186z' fill='%23513F39'/%3E%3C/svg%3E") center/cover no-repeat
}

.bar-bottom[data-notification-status="plain"] {
    background-color: #333
}

.bar-bottom[data-notification-status="fullscreen"] {
    background-color: #333
}

.bar-bottom-infinite {
    position: fixed;
    z-index: 1000;
    display: flex;
    align-items: center;
    padding: 20px;
    color: #fff;
    line-height: 1.3;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%
}

.bar-bottom-infinite[data-notification-status="notice"] {
    background-color: #29B6F6
}

.bar-bottom-infinite[data-notification-status="notice"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23077CB2'/%3E%3Cpath d='M11.016,6.984V9h1.968V6.984H11.016z M11.016,17.016h1.968v-6h-1.968V17.016z' fill='%23077CB2'/%3E%3C/svg%3E") center/cover no-repeat
}

.bar-bottom-infinite[data-notification-status="warning"] {
    background-color: #FFCA28
}

.bar-bottom-infinite[data-notification-status="warning"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C19100'/%3E%3Cpath d='M11.016,17.016h1.968V15h-1.968V17.016z M11.016,6.983v6.001h1.968V6.983H11.016z' fill='%23C19100'/%3E%3C/svg%3E") center/cover no-repeat
}

.bar-bottom-infinite[data-notification-status="error"] {
    background-color: #EF5350
}

.bar-bottom-infinite[data-notification-status="error"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C71612'/%3E%3Cpath d='M13.406,12l2.578,2.578l-1.406,1.406L12,13.406l-2.578,2.578l-1.406-1.406L10.594,12L8.016,9.421l1.406-1.405L12,10.593 l2.578-2.577l1.406,1.405L13.406,12z' fill='%23C71612'/%3E%3C/svg%3E") center/cover no-repeat
}

.bar-bottom-infinite[data-notification-status="success"] {
    background-color: #66BB6A
}

.bar-bottom-infinite[data-notification-status="success"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%233A813D'/%3E%3Cpath d='M10.477,13.136l5.085-5.085l1.406,1.406l-6.492,6.492l-3.446-3.445l1.406-1.406L10.477,13.136z' fill='%233A813D'/%3E%3C/svg%3E") center/cover no-repeat
}

.bar-bottom-infinite[data-notification-status="question"] {
    background-color: #8D6E63
}

.bar-bottom-infinite[data-notification-status="question"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23513F39'/%3E%3Cpath d='M12.001,6.314h-0.002c-1.996,0-3.609,1.614-3.609,3.609h1.784c0-0.977,0.85-1.784,1.826-1.784  c0.977,0,1.827,0.807,1.827,1.784c0,1.826-2.718,1.614-2.718,4.544h1.784c0-2.038,2.717-2.294,2.717-4.544  C15.609,7.928,13.997,6.314,12.001,6.314z M11.109,17.186h1.784v-1.826h-1.784V17.186z' fill='%23513F39'/%3E%3C/svg%3E") center/cover no-repeat
}

.bar-bottom-infinite[data-notification-status="plain"] {
    background-color: #333
}

.bar-bottom-infinite[data-notification-status="fullscreen"] {
    background-color: #333
}

.fullscreen {
    position: fixed;
    z-index: 1000;
    display: flex;
    align-items: center;
    padding: 20px;
    color: #fff;
    line-height: 1.3;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.fullscreen.do-show {
    -webkit-animation: slide-show 1s forwards;
    animation: slide-show 1s forwards
}

.fullscreen[data-notification-status="notice"] {
    background-color: #29B6F6
}

.fullscreen[data-notification-status="notice"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23077CB2'/%3E%3Cpath d='M11.016,6.984V9h1.968V6.984H11.016z M11.016,17.016h1.968v-6h-1.968V17.016z' fill='%23077CB2'/%3E%3C/svg%3E") center/cover no-repeat
}

.fullscreen[data-notification-status="warning"] {
    background-color: #FFCA28
}

.fullscreen[data-notification-status="warning"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C19100'/%3E%3Cpath d='M11.016,17.016h1.968V15h-1.968V17.016z M11.016,6.983v6.001h1.968V6.983H11.016z' fill='%23C19100'/%3E%3C/svg%3E") center/cover no-repeat
}

.fullscreen[data-notification-status="error"] {
    background-color: #EF5350
}

.fullscreen[data-notification-status="error"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23C71612'/%3E%3Cpath d='M13.406,12l2.578,2.578l-1.406,1.406L12,13.406l-2.578,2.578l-1.406-1.406L10.594,12L8.016,9.421l1.406-1.405L12,10.593 l2.578-2.577l1.406,1.405L13.406,12z' fill='%23C71612'/%3E%3C/svg%3E") center/cover no-repeat
}

.fullscreen[data-notification-status="success"] {
    background-color: #66BB6A
}

.fullscreen[data-notification-status="success"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%233A813D'/%3E%3Cpath d='M10.477,13.136l5.085-5.085l1.406,1.406l-6.492,6.492l-3.446-3.445l1.406-1.406L10.477,13.136z' fill='%233A813D'/%3E%3C/svg%3E") center/cover no-repeat
}

.fullscreen[data-notification-status="question"] {
    background-color: #8D6E63
}

.fullscreen[data-notification-status="question"]:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.984c4.407 0 8.016 3.609 8.016 8.016 0 4.406-3.608 8.016-8.016 8.016S3.984 16.407 3.984 12 7.593 3.984 12 3.984m0-2C6.478 1.984 1.984 6.477 1.984 12c0 5.521 4.493 10.016 10.016 10.016S22.016 17.522 22.016 12c0-5.523-4.495-10.016-10.016-10.016zm0 2c4.407 0 8.016 3.609 8.016' fill='%23513F39'/%3E%3Cpath d='M12.001,6.314h-0.002c-1.996,0-3.609,1.614-3.609,3.609h1.784c0-0.977,0.85-1.784,1.826-1.784  c0.977,0,1.827,0.807,1.827,1.784c0,1.826-2.718,1.614-2.718,4.544h1.784c0-2.038,2.717-2.294,2.717-4.544  C15.609,7.928,13.997,6.314,12.001,6.314z M11.109,17.186h1.784v-1.826h-1.784V17.186z' fill='%23513F39'/%3E%3C/svg%3E") center/cover no-repeat
}

.fullscreen[data-notification-status="plain"] {
    background-color: #333
}

.fullscreen[data-notification-status="fullscreen"] {
    background-color: #333
}

.notify-contain {
    display: block;
    position: relative;
    float: left;
    width: 100%
}

.notify-contain h1, .notify-contain h2, .notify-contain h3, .notify-contain h4, .notify-contain h5, .notify-contain h6, .notify-contain p {
    color: white
}

.notify-contain h5 {
    font-size: 24px;
    font-weight: bold;
    margin: 20px 0
}

.notify-contain p {
    font-size:14px;
    font-size:1.4rem
}

.notify-contain .notify-btn {
    border: solid 1px;
    padding: 4px
}

.notify-contain .notify-btn a {
    color: white
}

.nc-close {
    cursor: pointer
}

.notify-close {
    font-size: 20px;
    color: white;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 20
}

.nc-button {
    padding: 15px 20px;
    border: 2px solid white;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    color: white
}

.nc-button:hover, .nc-button.is-active {
    color: #333;
    background-color: white
}

.fullscreen {
    height: 100vh;
    padding: 0;
    text-align: center
}

.fullscreen .nc-button {
    display: inline-block;
    margin-top: 20px
}

.fullscreen .notify-close {
    font-size: 28px;
    color: white;
    position: absolute;
    top: 20px;
    right: 20px
}

/* AlertMessage */
.alert, .alert .alert-title h4, .alert .alert-description, .alert .alert-context, .alert-context {
    position: relative;
    float: left
}

.alert .alert-context .alert-context-nav, .alert .alert-title .alert-nav, .alert-context .alert-context-nav {
    position: relative;
    float: right
}

.row.alert-cntr .column, .row.alert-cntr .columns {
    min-height:0
}

.row.alert-cntr .alert {
    margin: 0 0 20px 0
}

.alert {
    border: 1px solid rgba(58,58,58,0.8);
    display: none;
    margin: 20px 0;
    overflow: visible;
    padding: 0 20px;
    width: 100%;
    z-index: 30;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.alert:after {
    content: "";
    display: table;
    clear: both
}

.alert.alert-standard {
    background: #3a3a3a
}

.alert.alert-success {
    background: #508c4f
}

.alert.alert-fail {
    background: #a74734
}

.alert .alert-close {
    opacity: .5;
    cursor: pointer
}

.alert.alert-standard .alert-close {
    color: grey
}

.alert .alert-close:hover {
    color: white
}

.alert .alert-title {
    padding: 12px 12px 12px 0px;
    width: 60%
}

.alert .alert-title:after {
    content: "";
    display: table;
    clear: both
}

.alert .alert-title h4 {
    color: #e6d25d;
    margin: 0;
    text-transform: uppercase;
    font-size: 18px;
    font-size: 1.8rem
}

.alert .alert-title h4 .fas, .alert .alert-title h4 .far, .alert .alert-title h4 .fab {
    color: #fff;
    margin-right: 6px;
    vertical-align: middle;
    font-size: 32px;
    font-size: 3.2rem;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.alert .alert-title .alert-nav {
    margin-left: 8px;
    padding-right: 20px;
    right: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.alert .alert-title .alert-nav .fas, .alert .alert-title .alert-nav .far, .alert .alert-title .alert-nav .fab {
    vertical-align: middle
}

.alert .alert-title .alert-nav .button {
    display: inline-block
}

.alert .alert-title .alert-nav .button.dropdown .fas, .alert .alert-title .alert-nav .button.dropdown .far, .alert .alert-title .alert-nav .button.dropdown .fab {
    margin-right: 4px;
    font-size: 16px;
    font-size: 1.6rem
}

.alert .alert-title .alert-nav .button.close {
    padding: 3px 10px 4px;
    background: #b56150;
    border-color: #da6b54;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.5)
}

.alert .alert-title .alert-nav .button.close .fas, .alert .alert-title .alert-nav .button.close .far, .alert .alert-title .alert-nav .button.close .fab {
    display: inline;
    font-size: 18px;
    font-size: 1.8rem;
    text-shadow: 0px 2px 2px rgba(0,0,0,0.3)
}

.alert .alert-title .alert-nav .button.close:hover {
    background: #a05344;
    border-color: transparent;
    text-shadow: none
}

.alert .alert-description {
    color: #fff;
    padding: 0 0 14px 38px;
    margin: 0;
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem
}

.alert .alert-description p, .alert .alert-description a {
    font-size: 12px;
    font-size: 1.2rem
}

.alert .alert-description a {
    color: #e6d25d
}

.alert .alert-context {
    width: 100%;
    background: #e9e9e9;
    border: 1px solid #3a3a3a;
    margin: 12px 0;
    padding: 0 12px 0 0;
    z-index: 10;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.alert .alert-context .alert-context-title {
    background: #3a3a3a;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 12px;
    margin: 0;
    height: 100%;
    color: #e6d25d;
    line-height: 46px;
    left: 0;
    font-size: 12px;
    font-size: 1.2rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.alert .alert-context .alert-context-title .fas, .alert .alert-context .alert-context-title .far, .alert .alert-context .alert-context-title .fab {
    color: #fff;
    vertical-align: middle;
    margin-right: 4px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    font-size: 18px;
    font-size: 1.8rem
}

.alert .alert-context .alert-context-nav ul.inline-list {
    line-height: 46px
}

.alert {
    border: 3px solid rgba(58,58,58,0.8);
    display: none;
    margin: 20px 0;
    overflow: visible;
    padding: 0 20px;
    width: 100%;
    z-index: 30;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.alert:after {
    content: "";
    display: table;
    clear: both
}

.alert.alert-standard {
    background: #3a3a3a
}

.alert.alert-success {
    background: #508c4f
}

.alert.alert-fail {
    background: #a74734
}

.alert .alert-title {
    padding: 12px 0 6px
}

.alert .alert-title:after {
    content: "";
    display: table;
    clear: both
}

.alert .alert-title h4 {
    color: #e6d25d;
    margin: 0;
    text-transform: uppercase;
    font-size: 18px;
    font-size: 1.8rem
}

.alert .alert-title h4 .fas, .alert .alert-title h4 .far, .alert .alert-title h4 .fab {
    color: #fff;
    margin-right: 6px;
    vertical-align: middle;
    font-size: 32px;
    font-size: 3.2rem;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.alert .alert-title .alert-nav {
    padding-left: 20px
}

.alert .alert-title .alert-nav .fas, .alert .alert-title .alert-nav .far, .alert .alert-title .alert-nav .fab {
    vertical-align: middle
}

.alert .alert-title .alert-nav .button {
    display: inline-block
}

.alert .alert-title .alert-nav .button.dropdown .fas, .alert .alert-title .alert-nav .button.dropdown .far, .alert .alert-title .alert-nav .button.dropdown .fab {
    margin-right: 4px;
    font-size: 16px;
    font-size: 1.6rem
}

.alert .alert-title .alert-nav .button.close {
    padding: 3px 10px 4px;
    background: #b56150;
    border-color: #da6b54;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.5)
}

.alert .alert-title .alert-nav .button.close .fas, .alert .alert-title .alert-nav .button.close .far, .alert .alert-title .alert-nav .button.close .fab {
    display: inline;
    font-size: 18px;
    font-size: 1.8rem;
    text-shadow: 0px 2px 2px rgba(0,0,0,0.3)
}

.alert .alert-title .alert-nav .button.close:hover {
    background: #a05344;
    border-color: transparent;
    text-shadow: none
}

.alert .alert-description {
    color: #fff;
    padding: 0 0 14px 38px;
    margin: 0;
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem
}

.alert .alert-description p, .alert .alert-description a {
    font-size: 12px;
    font-size: 1.2rem
}

.alert .alert-description a {
    color: #e6d25d
}

.alert .alert-context {
    width: 100%;
    background: #e9e9e9;
    border: 1px solid #3a3a3a;
    margin: 12px 0;
    padding: 0 12px 0 0;
    z-index: 10;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.alert .alert-context .alert-context-title {
    background: #3a3a3a;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 12px;
    margin: 0;
    height: 100%;
    color: #e6d25d;
    line-height: 46px;
    left: 0;
    font-size: 12px;
    font-size: 1.2rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.alert .alert-context .alert-context-title .fas, .alert .alert-context .alert-context-title .far, .alert .alert-context .alert-context-title .fab {
    color: #fff;
    vertical-align: middle;
    margin-right: 4px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    font-size: 18px;
    font-size: 1.8rem
}

.alert .alert-context .alert-context-nav ul.inline-list {
    line-height: 46px
}

.alert-context {
    width: 100%;
    background: #e9e9e9;
    border: 1px solid #3a3a3a;
    margin: 12px 0;
    padding: 0 12px 0 0;
    z-index: 10;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.alert-context .alert-context-title {
    background: #3a3a3a;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 12px;
    margin: 0;
    height: 100%;
    color: #e6d25d;
    line-height: 46px;
    left: 0;
    font-size: 12px;
    font-size: 1.2rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.alert-context .alert-context-title .fas, .alert-context .alert-context-title .far, .alert-context .alert-context-title .fab {
    color: #fff;
    vertical-align: middle;
    margin-right: 4px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    font-size: 18px;
    font-size: 1.8rem
}

.alert-context .alert-context-nav ul.inline-list {
    line-height: 46px
}

.alert-context {
    width: 100%;
    background: #e9e9e9;
    border: 1px solid #3a3a3a;
    margin: 12px 0;
    padding: 0 12px 0 0;
    z-index: 10;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.alert-context .alert-context-title {
    background: #3a3a3a;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 12px;
    margin: 0;
    height: 100%;
    color: #e6d25d;
    line-height: 46px;
    left: 0;
    font-size: 12px;
    font-size: 1.2rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.alert-context .alert-context-title .fas, .alert-context .alert-context-title .far, .alert-context .alert-context-title .fab {
    color: #fff;
    vertical-align: middle;
    margin-right: 4px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    font-size: 18px;
    font-size: 1.8rem
}

.alert-context .alert-context-nav ul.inline-list {
    line-height: 46px
}

.alert {
    overflow: visible
}

.alert:after {
    content: "";
    display: table;
    clear: both
}

.alert.alert-standard {
    background: #3a3a3a;
    border-color: #3a3a3a;
    padding: 0 20px;
    position: relative;
    z-index: 30
}

.alert.alert-standard .alert-title {
    width: 60%;
    padding-right: 12px
}

.alert.alert-standard .alert-title h4 {
    color: #e6d25d;
    text-transform: uppercase;
    font-size: 18px;
    font-size: 1.8rem
}

.alert.alert-standard .alert-title .fas, .alert.alert-standard .alert-title .far, .alert.alert-standard .alert-title .fab {
    color: #fff;
    vertical-align: middle;
    margin-right: 6px;
    font-size: 32px;
    font-size: 3.2rem;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

.alert.alert-standard .alert-nav {
    margin-left: 8px;
    padding-right: 20px;
    right: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.alert.alert-standard .alert-nav .fas, .alert.alert-standard .alert-nav .far, .alert.alert-standard .alert-nav .fab {
    vertical-align: middle
}

.alert.alert-standard .alert-nav .button {
    display: inline-block
}

.alert.alert-standard .alert-nav .button.dropdown .fas, .alert.alert-standard .alert-nav .button.dropdown .far, .alert.alert-standard .alert-nav .button.dropdown .fab {
    margin-right: 4px;
    font-size: 16px;
    font-size: 1.6rem
}

.alert.alert-standard .alert-nav .button.close {
    padding: 3px 10px 4px;
    background: #b56150;
    border-color: #da6b54;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.5)
}

.alert.alert-standard .alert-nav .button.close .fas, .alert.alert-standard .alert-nav .button.close .far, .alert.alert-standard .alert-nav .button.close .fab {
    display: inline;
    font-size: 18px;
    font-size: 1.8rem;
    text-shadow: 0px 2px 2px rgba(0,0,0,0.3)
}

.alert.alert-standard .alert-nav .button.close:hover {
    background: #a05344;
    border-color: transparent;
    text-shadow: none
}

.alert .alert-btn {
    cursor:pointer;
    border:solid;
    padding:4px 10px;
    font-weight: bold
}

.error small, small.error, .error-input, input.error, .error textarea, textarea.error, .checkbox-contain.error small.error, .radio-contain.error small.error {
    position: relative;
    float: left
}

.error small, small.error {
    text-align: left;
    background: #a74734;
    border-top: 1px solid #883a2a;
    color: #fff;
    width: 100%;
    font-weight: normal;
    margin-top: -1px
}

.error-input {
    border: 1px solid #883a2a
}

.error-input, input.error, .error textarea, textarea.error {
    padding-bottom: 6px;
    width: 100%
}

input.error, .error textarea, textarea.error {
    border: none
}

.checkbox-contain.error {
    border: 1px solid #a74734;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.checkbox-contain.error.ck-multi {
    padding-top: 4px
}

.checkbox-contain.error.ck-multi label {
    padding: 0 8px
}

.checkbox-contain.error.ck-multi small.error {
    margin-top: 8px
}

.checkbox-contain.error label {
    padding: 4px 6px
}

.checkbox-contain.error .checkbox:before {
    background: #eac4bd;
    border-color: #dea296
}

.checkbox-contain.error small.error {
    background: #a74734;
    color: #fff;
    width: 100%;
    padding: 4px;
    text-align: center
}

.radio-contain.error {
    border: 1px solid #883a2a;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.radio-contain.error label, .radio-contain.error .rd-title {
    padding: 4px 6px
}

.radio-contain.error .radio:before {
    background: #eac4bd;
    border-color: #dea296
}

.radio-contain.error small.error {
    background: #a74734;
    color: #fff;
    width: 100%;
    padding: 4px;
    text-align: center
}

/* Notice */
.notice input, input.notice, .notice textarea, textarea.notice, .notice input:focus, input.notice:focus, .notice textarea:focus, textarea.notice:focus {
    border-color: #4b7bb2;
    background-color: #29b6f6
}

.notice input:focus, input.notice:focus, .notice textarea:focus, textarea.notice:focus {
    outline-color: #4b7bb2
}

.notice label, label.notice {
    color: #FFF
}

.notice small, small.notice {
    display: block;
    padding: 6px 4px;
    text-align: left;
    background: #29b6f6;
    border-top: 1px solid #4b7bb2;
    color: #fff;
    width: 100%;
    font-weight: normal;
    margin-top: -1px;
    margin-bottom: 12px;
    font-size: 12px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.notice small, small.notice, .notice-input, input.notice, .notice textarea, textarea.notice, .checkbox-contain.notice small.notice, .radio-contain.notice small.notice {
    position: relative;
    float: left
}

.notice-input {
    border: 1px solid #4b7bb2
}

.notice-input, input.notice, .notice textarea, textarea.notice {
    padding-bottom: 6px;
    width: 100%
}

input.notice, .notice textarea, textarea.notice {
    border: none
}

.checkbox-contain.notice {
    border: 1px solid #4b7bb2;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.checkbox-contain.notice.ck-multi {
    padding-top: 4px
}

.checkbox-contain.notice.ck-multi label {
    padding: 0 8px
}

.checkbox-contain.notice.ck-multi small.notice {
    margin-top: 8px
}

.checkbox-contain.notice label {
    padding: 4px 6px
}

.checkbox-contain.notice .checkbox:before {
    background: #29b6f6;
    border-color: #4b7bb2
}

.checkbox-contain.notice small.notice {
    background: #29b6f6;
    color: #fff;
    width: 100%;
    padding: 4px;
    text-align: center
}

.radio-contain.notice {
    border: 1px solid #4b7bb2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.radio-contain.notice label, .radio-contain.notice .rd-title {
    padding: 4px 6px
}

.radio-contain.notice .radio:before {
    background: #29b6f6;
    border-color: #4b7bb2
}

.radio-contain.notice small.notice {
    background: #29b6f6;
    color: #fff;
    width: 100%;
    padding: 4px;
    text-align: center
}

.reveal-modal .row.alert-cntr {
    margin-bottom: 0px
}

div.modal-cntr {
    display:flex;
}

/* AsyncLogList */
ul.logStyle {
    list-style: none;
}
.loggerHeader {
    border: solid 1px #e5e5e5;
    padding: 2px
}

.loggerItem {
    color: gray;
    background-color: #f2f2f2;
    border-bottom: #ddd solid 1px
}

.loggerItem {
    color: gray;
    background-color: #f2f2f2;
    border-bottom: #ddd solid 1px
}

.loggerItemU {
    color: #8d1515;
    background-color: #fbd9d9;
    border-bottom: #d9a499 solid 1px
}

.loggerItemY {
    color: #663;
    background-color: #fbfaad;
    border-bottom: #d9d875 solid 1px
}

.loggerItemB {
    color: #003;
    background-color: #99b2ff;
    border-bottom: #788cc8 solid 1px
}

.loggerItemP {
    color: #306;
    background-color: #cc80e6;
    border-bottom: #b45dd2 solid 1px
}

.loggerItemG {
    color: #030;
    background-color: #dfefda;
    border-bottom: #b5c9af solid 1px
}

.loggerItemO {
    color: #54331c;
    background-color: #ffe79c;
    border-bottom: #e2c469 solid 1px
}

.loggerItemBr {
    color: #54331c;
    background-color: #c96;
    border-bottom: #a66525 solid 1px
}

.loggerItemW {
    color: #333;
    background-color: #fff;
    border-bottom: #ddd solid 1px
}

.loggerContent {
    background-color: white;
    margin-bottom: 5px;
    padding: 2px;
    border: solid 1px #fff
}

    .loggerContent:hover {
        background-color: #e4e5fa;
        border: solid 1px #e5e5e5
    }

.loggerItem:hover, .loggerItemU:hover, .loggerItemY:hover, .loggerItemB:hover, .loggerItemP:hover, .loggerItemG:hover, .loggerItemO:hover, .loggerItemBr:hover, .loggerItemW:hover {
    color: #003;
    background-color: transparent;
    cursor: default;
    border-bottom: solid 1px #bababa;
}

.loggerWrap {
    word-wrap: break-word;
    overflow-wrap: break-word
}

/* Used to add a separator between 2 inline inputs */
.row .col-sep:before {
    position: absolute;
    float: left;
    left: -4px;
    top: -1px;
    content: '-';
    font-size: 20px
}

/* Remove Popup */
.remove-popup .attachment-node {
    background-color: transparent !important;
    border-color: transparent !important;
    width: 95% !important
}

.remove-popup .attachment-node:hover {
    background-color: #e5e5e5 !important;
    border-radius: unset !important
}

.remove-popup .attachment-node i {
    vertical-align: middle;
    font-size: 16px;
}    

/* LogProxy */
.air-quotes q:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f10d\0020";
    font-size: 80%
}
.air-quotes q:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\0020\f10e";
    font-size: 80%
}

.localhost-marker, .staging-marker, .demo-marker {
    color: white;
    z-index: 1000;
    position: fixed;
    font-size: 12px;
    writing-mode: sideways-lr;
    box-shadow: 1px 1px 2px black;
    padding: 4px 0;
    bottom: 45%;
    opacity: .8;
    text-align: center;
    font-weight: bold;
    min-height: 120px;
    line-height: 16px;
    text-shadow: 0 0 3px black;
    pointer-events: none;
}
.localhost-marker { background: forestgreen; }
.staging-marker { background: indianred; }
.demo-marker { background: purple; }

/* Filter Panel/Popup Close Button */
.panel .panelClose, .modal-filter .close-reveal-modal {
    -webkit-transition: all 0.3s linear;
    -webkit-transition-delay: 0.25s;
    -moz-transition: all 0.3s linear 0.25s;
    -o-transition: all 0.3s linear 0.25s;
    transition: all 0.3s linear 0.25s
}
.panel .panelClose {
    position: absolute;
    background-color: transparent;
    top: 10px;
    right: 10px;
    padding: 6px;
    cursor: pointer;
    color: #676767;
    font-size: 20px;
    font-size: 2rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.panel .panelClose:after, .modal-filter .close-reveal-modal:after {
    content: 'Close';
    color: #676767;
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0;
    height: 100%;
    text-transform: uppercase;
    font-family: "Lato",Helvetica,sans-serif;
    font-size: 11px;
    font-size: 1.1rem;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear
}
.panel .panelClose:after {
    line-height: 32px;
}
.modal-filter .close-reveal-modal:after {
    font-weight: 900
}
.panel .panelClose:hover, .modal-filter .close-reveal-modal:hover {
    color: #676767;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear
}
.panel .panelClose:hover {
    background: #e9e9e9;
}
.panel .panelClose:hover:after, .modal-filter .close-reveal-modal:hover:after {
    content: 'Close';
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: all 0.2s linear;
    -webkit-transition-delay: 0.25s;
    -moz-transition: all 0.2s linear 0.25s;
    -o-transition: all 0.2s linear 0.25s;
    transition: all 0.2s linear 0.25s
}
.panel .panelClose:hover:after {
    left: -42px;
}
.modal-filter .close-reveal-modal:hover:after {
    left: -50px;
}

/* Default Filter Toggle */
.panelToggle {
    position: absolute;
    bottom: 0;
    cursor: pointer;
    padding-right: 5px;
}
.panelToggle a:after {
    content: "DEFAULT FILTERS";
    position: absolute;
    white-space: nowrap;
    top: 4px;
    left: -20px;
    opacity: 0;
    -webkit-transition: left .2s linear, opacity .2s linear;
    -webkit-transition-delay: 0s;
    -moz-transition: left .2s linear 0s, opacity .2s linear 0s;
    -o-transition: left .2s linear 0s, opacity .2s linear 0s;
    transition: left .2s linear 0s, opacity .2s linear 0s;
    font-weight: 900;
    font-size: 1.1rem;
}
.panelToggle:hover a:after {
    left: 76px;
    opacity: 1;    
    -webkit-transition-delay: .25s;
    -moz-transition-delay: .25s;
    -o-transition-delay: .25s;
    transition-delay: .25s;
}
.panelToggle i {
    font-size: 2rem;
    position: relative;
    top: 3px
}
.panelToggle, .panelToggle a {
    color: #676767 !important
}
.panelToggle span.dim {
    opacity: .4
}

/* RadContextMenu */
.RadMenu_Context .rmItem .rmText a.target-blank {
    float: right;
    color: white;
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
}
.RadMenu_Context .rmItem .rmText a.target-blank:before {
    content: "\f35d";
}
.RadMenu_Context .rmItem .rmText a.target-blank:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

/* Telerik Graph */
.graph-container {
    position: relative;
}
.graph-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    background-color: #fff;
    padding: 5px 10px;
    border: solid 1px #d2d2d2;
    display: none;
}    

/* PayPal */
.button.paypal, .button.paypal:hover, .button.paypal:focus {
    background: url(/images/ui/paypal_btn.svg);
    background-color: #ffc439;
    width: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60px
}
.button.paypal:hover {
    background-size: 65px
}

/* Likert */
.likert {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 14px 0;
    display: block;
    border-bottom: 2px solid #efefef;
}

.likert:last-of-type {
    border-bottom: 0;
}

.likert:before {
    content: '';
    position: relative;
    top: 9px;
    display: block;
    background-color: #efefef;
    height: 4px;
}

.likert li {
    display: inline-block;
    text-align: center;
    vertical-align: top;
}

.likert li input[type=radio] {
    display: block;
    position: relative;
    top: 0;
    left: 50%;
    margin-left: -6px;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    cursor: pointer;
}

.likert li label {
    width: 100%;
    margin-top: 6px;
}

.likert.opt1:before {
    left: 50%;
    width: 0%;
}

.likert.opt1 li {
    width: 100%;
}

.likert.opt2:before {
    left: 24.5%;
    width: 50%;
}

.likert.opt2 li {
    width: 49.5%;
}

.likert.opt3:before {
    left: 16.5%;
    width: 67%;
}

.likert.opt3 li {
    width: 33%;
}

.likert.opt4:before {
    left: 12.5%;
    width: 74%;
}

.likert.opt4 li {
    width: 24.6%;
}

.likert.opt5:before {
    left: 9.5%;
    width: 80%;
}

.likert.opt5 li {
    width: 19.6%;
}

.likert.opt6:before {
    left: 8%;
    width: 82%;
}

.likert.opt6 li {
    width: 16.2%;
}

.likert.opt7:before {
    left: 7%;
    width: 84.5%;
}

.likert.opt7 li {
    width: 14%;
}

.likert.opt8:before {
    left: 6%;
    width: 87.5%;
}

.likert.opt8 li {
    width: 12.3%;
}

.likert.opt9:before {
    left: 5.5%;
    width: 88.5%;
}

.likert.opt9 li {
    width: 10.9%;
}

.likert.opt10:before {
    left: 5%;
    width: 89%;
}

.likert.opt10 li {
    width: 9.8%;
}      

/* CheckboxList */
.checkboxlist-container {
    width: 100%
}

.checkboxlist-container table {
    margin: 0 auto;
    width: 98%
}

.checkboxlist-container table tr td {
    padding: 0 8px;
}

.checkboxlist-container table tr td label {
    display: flex;
    align-items: start;
}

.checkboxlist-container table tr td label input[type="checkbox"] {
    margin-top: 5px;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    cursor: pointer;
    margin-right: 10px;
}