/* Base color: #3b424c */
.w3-theme-l5 {color:#000 !important; background-color:#f2f3f5 !important}
.w3-theme-l4 {color:#000 !important; background-color:#d4d8de !important}
.w3-theme-l3 {color:#000 !important; background-color:#aab2bd !important}
.w3-theme-l2 {color:#fff !important; background-color:#7f8b9c !important}
.w3-theme-l1 {color:#fff !important; background-color:#5b6676 !important}
.w3-theme-d1 {color:#fff !important; background-color:#343a43 !important}
.w3-theme-d2 {color:#fff !important; background-color:#2e343c !important}
.w3-theme-d3 {color:#fff !important; background-color:#282d34 !important}
.w3-theme-d4 {color:#fff !important; background-color:#23272d !important}
.w3-theme-d5 {color:#fff !important; background-color:#1d2025 !important}

.w3-theme-light {color:#000 !important; background-color:#f2f3f5 !important}
.w3-theme-dark {color:#fff !important; background-color:#1d2025 !important}
.w3-theme-action {color:#fff !important; background-color:#1d2025 !important}

.w3-theme {color:#fff !important; background-color:#3b424c !important}
.w3-text-theme {color:#3b424c !important}
.w3-border-theme {border-color:#3b424c !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#3b424c !important}
.w3-hover-text-theme:hover {color:#3b424c !important}
.w3-hover-border-theme:hover {border-color:#3b424c !important}

/*********************************************************/
/* Sequence is important */
/*********************************************************/

/*********************************************************/
/* HTML elements */
/*********************************************************/

body {
    margin: 0;
    background-color: #fcfcfc;
}

body,html
{
    color:#333333;
    font-size:14px !important;
    /*font-family: 'Jura', sans-serif;*/
    font-family: 'Roboto', sans-serif;
}

html,
body {
    overscroll-behavior-y: contain;
}

*, input, select, textarea, option, button {
    outline: none!important;
}

h1,h2,h3,h4,h5,h6
{
    /*color:#757575!important;*/
    /*color:#333!important;*/
    /*border-bottom: #333 1px solid;*/
    /*font-family: 'Jura', sans-serif;*/
    font-family: 'Roboto', sans-serif;
}

a
{
    color:#444;
}

button,input
{
    font-size:14px;
}

html,a{
    /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
}

body
{
    padding-top:38px;
    padding-bottom:44px;
}

/*********************************************************/
/* Logical UI elements */
/*********************************************************/

.rp-logo{
    /*font-family: 'Lexend Zetta', sans-serif;*/
    /*font-family: 'Archivo Black', sans-serif;*/
    /*font-family: 'Montserrat Alternates', sans-serif;*/
    font-family: 'Orbitron', sans-serif;
    /*font-family: 'Ruslan Display', sans-serif;*/
    /*font-family: 'Marmelad', sans-serif;*/
    /*font-family: 'Didact+Gothic', sans-serif;*/
    /*font-family: 'Play', sans-serif;*/
    /*font-weight: bold;*/
    /*font-size: 50px;
    text-decoration: underline;*/
    min-width:55px;
    background-position: center;
    background-repeat: no-repeat;
    text-decoration: none;
    text-transform: uppercase;
    position:relative;
    background-color: #f1f1f1;
}

.rp-overlay-icon-button
{
    background-color: rgba(0,0,0,0.25);
    color:#fff;
    position: relative;
    display:block;
}
/*.rp-overlay-icon-button::after{
    content:"";
}*/

.rp-overlay-icon-button-small
{
    width:20px;
    height:20px;
}

.rp-overlay-icon-button-medium
{
    width:30px;
    height:30px;
}

.rp-overlay-icon-button-large
{
    width:50px;
    height:50px;
}

.rp-overlay-icon-button-jumbo
{
    width:100px;
    height:100px;
}

.rp-overlay-icon-button > i
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

/*********************************************************/
/* Other rules */
/*********************************************************/
.rp-flip-h
{
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
    display: inline-block;
}

/*a.w3-bar-item*/
/*{*/
/*    color:#444;*/
/*    font-size:13px;*/
/*    !*text-transform: uppercase;*!*/
/*}*/
/*a.w3-button*/
/*{*/
/*    font-size:13px;*/
/*    !*text-transform: uppercase;*!*/
/*}*/
.w3-underline{
    text-decoration: underline !important;
}

.w3-capitalize{
    text-transform: capitalize;
}

.rp-margin-0
{
    margin: 0 !important;
}

.rp-margin-1
{
    margin: 1px !important;
}

.rp-margin-2
{
    margin: 2px !important;
}

.rp-margin-3
{
    margin: 3px !important;
}

.rp-margin-top-0
{
    margin-top: 0 !important;
}

.rp-margin-top-4
{
    margin-top: 4px !important;
}

.rp-margin-top-8
{
    margin-top: 8px !important;
}

.rp-margin-bottom-0
{
    margin-bottom: 0 !important;
}

.rp-margin-bottom-2
{
    margin-bottom: 2px !important;
}

.validation-summary-errors
{
    padding: 5px 0;
    border-left: red 3px double;
    /*border-top: red 1px solid;
    border-right: red 1px dashed;
    border-bottom: red 1px dashed;*/
    color:red;
}

.validation-summary-errors > ul
{
    list-style: none;
    padding-left:15px;
}

.validation-summary-errors > ul > li
{
    padding: 0 0 0 5px;
    margin: 0;
}

a.rp-no-decoration
{
    text-decoration: none;
}

.rp-ignore-margin
{
    margin: -8px -16px;
}

.rp-block
{
    display:block;
}

.rp-inline-block
{
    display: inline-block;
}

.rp-inline
{
    display: inline;
}

.rp-w-20
{
    width:20px;
}

.rp-w-25
{
    width:25px;
}

.rp-w-30
{
    width:30px !important;
}

.rp-w-35
{
    width:35px;
}

.rp-w-200
{
    width: 200px;
}

.rp-h-1
{
    height:1px;
}

.rp-h-20
{
    height:20px;
}

.rp-no-wrap
{
    white-space: nowrap !important;
}

.rp-margin-10
{
    margin:10px;
}
.rp-margin-left-0
{
    margin-left:0px;
}
.rp-margin-left-10
{
    margin-left:10px;
}
.rp-margin-right-3
{
    margin-right:3px;
}
.rp-margin-right-5
{
    margin-right:5px;
}
.rp-margin-right-25
{
    margin-right:25px;
}

.rp-bold
{
    font-weight: bold !important;
}

.rp-w-side-bar
{
    width: 200px;
}

.rp-margin-side-bar
{
    margin-left: 200px;
}

.rp-margin-side-bar-right
{
    margin-right: 200px;
}
.rp-h-12
{
    height:12px;
}

.rp-h-25
{
    height:25px;
}

.rp-h-30
{
    height:30px;
}

.rp-h-35
{
    height:35px;
}

.rp-margin-bottom-4
{
    margin-bottom: 4px;
}

.rp-margin-bottom-8
{
    margin-bottom: 8px;
}

.rp-margin-bottom-16
{
    margin-bottom: 16px;
}

.rp-margin-bottom-24
{
    margin-bottom: 24px;
}

.rp-margin-bottom-32
{
    margin-bottom: 32px;
}

.rp-margin-bottom-16-negative
{
    margin-bottom: -16px;
}

.rp-hide-overflow-text-ellipsis
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
}

.rp-overflow-visible
{
    overflow: visible !important;
}

.rp-overflow-hidden
{
    overflow: hidden !important;
}

.rp-overflow-wrap
{
    white-space: pre-wrap;
    word-wrap: break-word;
}

.rp-whole-link-container{
    position: relative;
}

.rp-whole-link-anchor{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.rp-hover-50
{
    background-color: initial;
    opacity: 0.5;
}

.rp-hover-50:hover
{
    background-color: rgba(0, 0, 0, 0.5);
}

a.rp-hover-50:hover
{
    color:#fff;
}

.w3-main,#main
{
    transition: none !important;
}

.clearfix {
    overflow: auto;
}

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

.mobile-bar
{
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: white;
    font-size:18px !important;
}

.mobile-bar-top
{
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 2;
}

.top-menu
{
    display:none;
    /*font-family: 'Jura', sans-serif;*/
}

/*
Used for second bottom bar.
Allows to see bottom navigation bar. No overlapping.
*/
.rp-second-bottom-bar
{
    bottom:44px;
}

@media(min-width:601px)
{
    .mobile-bar, .mobile-bar-top
    {
        display: none;
    }
    .top-menu
    {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
    }
    body
    {
        padding-bottom:0;
    }
    .rp-second-bottom-bar
    {
        bottom:0;
    }
}

.rp-w-16
{
    width:16px;
}

.rp-w-85{
    width:85px;
}

.rp-w-50{
    width:50px !important;
}

.rp-h-50{
    height:50px !important;
}

.rp-w-50-percent
{
    width:50%;
}

.rp-w-75{
    width:75px !important;
}

.rp-w-100-percent
{
    width:100% !important;
}

.rp-w-150-percent
{
    width:150% !important;
}

.rp-w-200-percent
{
    width:200% !important;
}

.rp-padding-1-8
{
    padding: 1px 8px;
}

.rp-padding-1
{
    padding: 1px !important;
}

.rp-padding-2
{
    padding: 2px;
}

.rp-padding-2-4
{
    padding: 2px 4px !important;
}

.rp-padding-2-8
{
    padding: 2px 8px !important;
}

.rp-padding-3
{
    padding: 3px;
}

.rp-padding-4
{
    padding: 4px;
}

.rp-padding-5
{
    padding: 5px;
}

.rp-padding-6
{
    padding: 6px !important;
}

.rp-padding-10
{
    padding: 10px;
}

.rp-margin-side-auto
{
    margin-left: auto;
    margin-right: auto;
}

.rp-padding-right-16
{
    padding-right: 16px;
}

.rp-padding-top-16
{
    padding-top: 16px;
}

.rp-padding-bottom-8
{
    padding-bottom: 8px !important;
}

.rp-padding-bottom-16
{
    padding-bottom: 16px !important;
}

.rp-no-padding
{
    padding: 0 !important;
}

.rp-padding-left-5
{
    padding-left: 5px !important;
}

.rp-padding-left-8
{
    padding-left: 8px !important;
}

.rp-padding-left-10
{
    padding-left: 10px !important;
}

.rp-padding-left-15
{
    padding-left: 15px !important;
}

.rp-padding-left-16
{
    padding-left: 16px !important;
}

.rp-no-padding-left
{
    padding-left: 0 !important;
}

.rp-no-padding-right
{
    padding-right: 0 !important;
}

.rp-no-padding-sides
{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.rp-padding-sides-5
{
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.rp-padding-sides-20
{
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.rp-padding-sides-10
{
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/*.w3-button:hover
{
    background-color: #f1f1f1 !important;
}*/

img.rp-profile-logo
{
    max-width:100px;
    max-height: 100px;
    box-shadow: #797979 0px 0px 6px;
}

img.rp-profile-logo-small
{
    max-width:100px;
    max-height: 100px;
    box-shadow: #797979 0px 0px 2px;
}

i.rp-profile-logo
{
    font-size: 100px !important;
    /*border:#aaa 1px solid;
    padding: 1px;*/
}

.rp-relative
{
    position: relative;
}

.rp-absolute-top-right
{
    position: absolute;
    top:0;
    right:0;
}

.rp-absolute-top-left
{
    position: absolute;
    top:0;
    left:0;
}

.rp-absolute-bottom-right
{
    position: absolute;
    bottom:0;
    right:0;
}

.rp-absolute-bottom-left
{
    position: absolute;
    bottom:0;
    left:0;
}

.rp-absolute-important
{
    position: absolute !important;
}

.rp-vertical-align-with-xlarge
{
    position: relative;left:0px;top: -3px;
}

.rp-grand-jumbo
{
    font-family: 'Orbitron', sans-serif;
}

.rp-uppercase
{
    text-transform: uppercase;
}

.rp-grand-jumbo-sub
{
    /*font-family: 'PT Sans', sans-serif;
    text-transform: uppercase;*/
}

.rp-grand-jumbo-sub2
{
    font-size: 8px;
}

.rp-w-100
{
    width:100px;
}

.rp-h-100
{
    height:100px;
}

.rp-h-50-percent
{
    height:50%;
}

.rp-h-100-percent
{
    height:100%;
}

.rp-border-width-2px
{
    border-width:2px !important;
}

.rp-border-width-3px
{
    border-width:3px !important;
}

.rp-border-width-4px
{
    border-width:4px !important;
}

.rp-border-width-5px
{
    border-width:5px !important;
}


img.rp-thumbnail
{
    object-fit: cover;
    width:100%;
    height:100%;
}

.rp-noscroll
{
    height: 100%;
    overflow: hidden;
    /*position:fixed;
    overflow:hidden;*/
}

[v-cloak]
{
    display:none;
}

/*.rp-invert-background
{
    mix-blend-mode: difference;
    !*-webkit-filter: invert(100%);
    filter: invert(100%);*!
}*/

.rp-pointer{
    cursor:pointer;
}

.rp-cursor-default{
    cursor:default;
}

.rp-hover-show{
    opacity:0;
}
.rp-hover-show:hover{
    opacity:1;
}

.rp-check
{
    position: relative;
    left: -15000px;
}
.rp-check-real
{
    border:#999 1px solid;
    width:25px;
    height:25px;
}
.rp-check:checked ~ .rp-check-real
{
    border-width:0px;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='25px' height='25px' viewBox='0 0 6.6146 6.6146'><g transform='translate(-86.273 -120.77)' stroke='%23000'><rect class='check-rect' x='86.32' y='120.82' width='6.5198' height='6.5198' fill='%23005cc8' stroke-linejoin='round' stroke-width='.094776' style='paint-order:fill markers stroke'/><path class='check-check' d='m87.607 123.95 1.1802 1.509 2.7807-2.9569' fill='none' stroke='%23fff' stroke-width='.91933'/></g></svg>");
    background-repeat: no-repeat;
    /*background-color: #2196F3;*/
}
span.rp-check-real
{
    display:inline-block;
}

.rp-white-shadow{
    color: #fff !important;
    text-shadow: 1px 1px 0px black;    
}

.rp-white-shadow-glow{
    color: #fff !important;
    text-shadow: 1px 1px 0px black, 0 0 5px white;    
}

.rp-white-shadow-box{
    color: #fff !important;
    box-shadow: 1px 1px 0px black;
}

.rp-content-box
{
    background-color: white;
    /*box-shadow: 1px 1px 2px #aaa;*/
    border: #f1f1f1 1px solid;
    box-shadow: 1px 1px 2px #f1f1f1;
}

.rp-content-box-header
{
    font-size: 20px;
    color: #757575;
    border-bottom: 1px #f1f1f1 solid;
    text-transform: capitalize;
}

.rp-content-box-header-sub1
{
    font-size: 16px;
    color: #757575;
    border-bottom: 1px #f1f1f1 solid;
    text-transform: capitalize;
}

.w3-sidebar{
    background-color: inherit;
}

.rp-section
{
    margin-top:8px!important;
    margin-bottom:8px!important
}

.rp-button
{
    color:#757575!important;
    background-color: #fff !important;
}

.rp-button:hover
{
    color:#000!important;
    background-color: #fff !important;
}

.rp-button-black
{
    color:#333 !important;
}

.rp-button-black:hover
{
    color:#333 !important;
    text-shadow: #ddd 1px 1px 1px;
}

.rp-button-form
{
    color:#757575!important;
    background-color: #fff !important;
    box-shadow: 1px 1px 2px #f1f1f1;
    margin:2px;
}

.rp-button-form[type=submit]
{
    color:#555!important;
}

.rp-button-form:hover
{
    color:#000!important;
    background-color: #fff !important;
    box-shadow: 1px 1px 2px #ccc;
}

.rp-button-form-icon-only
{
    color:#757575!important;
    background-color: #fff !important;
    margin:2px;
}

.rp-button-form-icon-only:hover
{
    color:#000!important;
    background-color: #fff !important;
}

.rp-button-form-black
{
    color:#000!important;
}

.rp-button-form-cancel
{
    color:#757575!important;
    background-color: #fff !important;
    box-shadow: 1px 1px 2px #f1f1f1;
    margin:2px;
}

.rp-button-form-cancel:hover
{
    color:#555!important;
    background-color: #fff !important;
    box-shadow: 1px 1px 2px #ccc;
}

.rp-button-selected
{
    color: #000 !important;
}


/* These styles must be at the end to override existing ones */
.rp-transparent
{
    background-color:transparent!important;
}

.rp-transparent:hover
{
    background-color:transparent!important;
}

.rp-error-container
{
    color: #f44336!important;
    background-color: #fff6f6;
    border-radius: 20px;
    border-left: #f00 6px solid;
    display:inline-block;
    padding: 8px 16px!important;
    /*white-space: pre-wrap;*/
    word-wrap: break-word;
}
.rp-error-container ul
{
    padding-inline-start: 20px;
    margin:0;
}

.rp-notification-counter
{
    width:20px;
    height:20px;
    font-size: 10px;
    border-radius: 20px;
    text-align: center;
    line-height: 20px;
    background-color: red;
    color:white;
}

.rp-activity
{
    color: #2196F3 !important;
}

.rp-activity:hover
{
    color: #2196F3 !important;
}