#loginBody {
    background: url('/admin/theme/jrny/cms-bg.jpg') !important;
    background-repeat: no-repeat;
    background-size: cover !important;
}

#loginScreen {
    background: transparent !important;
}

#loginScreen #loginMessage {
    color: #ffa000 !important;
}

#loginHeader {
    display: none;
}

#loginTitle {
    position: relative;
    color: white;
    margin-bottom: 0;
}

#loginTitle::before {
    content: '';
    background-image: url('/admin/theme/jrny/logo-wit.svg');
    width: 200px;
    height: 120px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
}

#loginContent {
    margin-top: 0;
}

#loginContent .forgotten, #loginContent .password, #loginContent .username {
    display: inline-block;
    position: relative;
    margin-top: 0;
    width: 100%;
}
#loginContent .title {
    font-size: 1.2em;
    text-align: left;
    color: #fff;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden;
    padding: 0 !important;
}
#loginContent .input {
    width: 100%;
    text-align: left;
    margin: 0;
    float: none !important;
    display: block;
}
#loginContent input[type=text], #loginContent input[type=email], #loginContent input[type=password], #loginContent .title {
    line-height: 55px;
    height: 55px;
    position: relative;
    padding-left: 30px;
    width: 100%;
}
#loginContent .username .input:before,
#loginContent .password .input:before {
    content: "\f007";
    font-family: "Font Awesome 5 Pro";
    color: #F2DC00;
    font-weight: 300 !important;
    font-size: 22px;
    position: absolute;
    height: 55px;
    line-height: 55px;
    left: 10px;
    top: 5px;
}
#loginContent .password .input:before {
    content: "\f023";
}

#loginContent .loginBtn {
    color: #fff !important;
    background-color: #55C2B8 !important;
    border-radius: 8px;
    padding: 0 25px;
    text-transform: none;
    height: 55px;
    line-height: 55px;
    font-size: 18px;
}

#loginContent .loginBtn:hover {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #7fbbcc !important;
}

#loginCopyright {
    display: none;
}

body {
    font-family: Open Sans, Barlow, HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif !important;
    background: #f1f1f1 !important;
}

.frameheader .wrapper .subwrapper .versionInfo, body.frameheader .wrapper .subwrapper .versionInfo,
.frameheader .wrapper .subwrapper .versionInfo p.domain, body.frameheader .wrapper .subwrapper .versionInfo p.domain,
.frameheader .wrapper .subwrapper .versionInfo a, body.frameheader .wrapper .subwrapper .versionInfo a {
    position: relative;
    font-weight: 300;
    font-size: 16px !important;
    color: #593D86 !important;
}

.frameheader .wrapper .subwrapper .versionInfo {
    font-weight: normal !important;
    font-size: 16px !important;
}

.frameheader .wrapper .subwrapper .versionInfo .fal {
    color: #55C2B8 !important;
    font-size: 26px !important;
    position: relative;
    top: 3px;
    padding-left: 6px;
    padding-right: 20px;
}

.frameheader .wrapper .subwrapper .versionInfo > a {
    position: relative;
    top: 3px;
    padding-left: 21px;
}

.frameheader .wrapper .subwrapper .versionInfo p.domain:after, body.frameheader .wrapper .subwrapper .versionInfo p.domain:after {
    border-color: #55C2B8;
    height: 30px;
    display: inline-block;
    position: absolute;
    top: 5px;
    right: -15px;
}

body.framemenu .greeting,
body.framemenu .status,
p.menuitems a.menuitem:last-child,
p.menuitems a.menuitem:last-child .fa-chevron-left {
    color: #593D86 !important;
}

.menuitems:last-of-type li:last-of-type a.menuitem {
    color: #2F2E3F !important;
}

body.framemenu .greeting .online,
body.framemenu .status .online {
    color: #55C2B8 !important;
}

body.framemenu .greeting .offline,
body.framemenu .status .offline {
    color: #FD8787 !important;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover, .daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #55C2B8 !important;
}

.daterangepicker td.in-range {
    background-color: #EBFAE3;
}

/* Create background header CSS */
body.framemenu .logo {
    padding: 25px 0 0 20px !important;
}

body.frameheader .wrapper .topbar {
    background: #bdd600 !important;
}

body.frameheader .wrapper .subwrapper {
    background: #353734 !important;
}

body.frameheader .wrapper .subwrapper .versionInfo p {
    color: #ffffff;
}

/* Create background menu CSS */
body.framemenu, frame[name=menuframe] {
    background: #DED8E7 !important;
}

body.framemenu .logo {
    background: #ffffff !important;
}

a.menuitem {
    color: #2F2E3F !important;
}

a.menuitem i {
    color: #593D86 !important;
}

/* Create titlebar CSS */
#titlebar {
    background-color: #353734;
    color: #ffffff;
    border: 1px solid #353734;
    border-top: none;
}

#titlebar .screen_id {
    color: #ffffff;
}

#titletext {
    color: #000000;
    background: #ece9d8;
}

/* Create headerbar CSS */
.adminTable .header {
    background-color: #9b9b9b;
    color: #000000;
}

.adminTable .header a {
    color: #000000;
}

/* Create subheaderbar CSS */
.adminTable .subheader {
    background-color: #c6c6c6;
    color: #000000;
}

/* Create group header text CSS */
div.group_header {
/ / color: #;
}

/* Load the menu color settings */
p.menutitle {
    color: #593D86 !important;
}

p.subtitle {
    color: #593D86;
}

a.menuitem {
    color: #353734;
}

/* Buttons */

.btn-default:hover, .btn-primary:hover, .btn.active:hover, .btn-danger:hover {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #55C2B8 !important;
}


.btn-primary, .btn.active {
    color: #FFFFFF !important;
    background-color: #55C2B8 !important;
}

.btn-danger {
    color: #FFFFFF !important;
    background-color: #FFA000 !important;
}

a.menuitem i {
    display: inline-block;
    width: 30px;
}


.alert-success {
    color: #55c2b8;
    background-color: hsl(174deg 47% 55% / 20%);
    border-color: rgb(85 194 184 / 78%);
}