﻿.main-layout-body {
    width: 100%;
}
.main-layout-sidebar {
    width: 26rem;
    z-index: 9;
    background: none !important;
}
.main-layout {
    background-color: #1473b9 !important;  
}
.main-header .lc-logo {
    background:none;
}
.main-header .lc-logo a {
    text-align:left;
    background:none;
    line-height:3rem;
    font-weight:300;
}
.main-header .lc-logo a:before {
    content:'';
    display:inline-block;
    width:3rem;
    height:3rem;
    line-height:3rem;
    margin-right:1rem;
    vertical-align:middle;

    background-image: url("images/logicall_icon.svg");
    background-position: center;
    background-size: 100% auto;
}
.main-header .main-navigation {
    margin-left: 3rem;
}
.main-header .main-navigation .navbar-nav > li > .dropdown-menu {
    background: none !important;
    padding: 0 0 1rem 0;
}
.main-header .main-navigation .navbar-nav .caret {
    margin-left:1rem;
    margin-top:-4px;
}
.main-header .logged-in-user form * {
    display:none;
}
.main-header .logged-in-user .log-off {
    display:block;
    text-align:left;
}
.main-header .logged-in-user .log-off:before {
    content:'';
    display:inline-block;
    width:2.5rem;
    height:2.5rem;
    line-height:2.5rem;
    margin-right:1rem;
    vertical-align:middle;

    background-image: url("images/logoff_icon.svg");
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
footer {
    display:none !important;
}


/* Main navigation */

.main-header .main-navigation .navbar-nav > li > a {
    background:none !important;
}


/* Page content */

.landing-page {
    color: white;
    padding-top: 8rem;
    min-width: 1024px;
    max-width: 2014px;
    margin: 0 auto;
    width: 1024px;
}
.landing-page p {
    line-height:1;
    margin:0 0 1rem 0;
}
.call-center-info {
    text-align:center;
}
.call-center-info h4 {
    line-height:1;
    margin:0 0 1rem 0;
}
.call-center-info h2 {
    line-height: 1;
    margin: 0 0 4rem 0;
    font-size: 4.5rem;
    font-weight: 300;
}
.call-center-info .landing-page-button {
    display: inline-block;
    background: #fff;
    padding: 0 4rem;
    line-height: 4rem;
    margin: 0 0 8rem 0;

    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
}
.call-center-info .landing-page-button:hover {
    text-decoration:none;
    color:#fff;
    background:#07467f;
}
.user-avatar-container {
    text-align:right;
}
.user-avatar {
    display:inline-block;
    height:12rem;
    line-height:12rem;
    width:12rem;
    margin-top:-2rem;
    background:#fff;
    text-align:center;
    color: #1473b9;
    font-size: 4rem;
    letter-spacing: -0.5rem;

    border-radius:12rem;
    -webkit-border-radius:12rem;
    -moz-border-radius:12rem;
}
.user-info p {
    margin: 0 0 0.5rem 0;
}
.user-info h3 {
    line-height: 1;
    margin: 0 0 0.5rem 0;
    font-size: 3rem;
}
.user-info h4 {
    line-height: 1;
    margin: 2rem 0;
    font-size: 2rem;
}
.user-info .user-campaigns p {
    margin-bottom:1rem;
}
.user-info .user-campaigns p a {
    text-decoration:none;
    color:#fff;
}
.user-info .user-campaigns p a:hover {
    text-decoration:underline;
    cursor:pointer;
}
.clickable {
    text-decoration: underline;
}

/* Login page */

.login-form {
    width: 400px;
    max-width: 400px;
    min-width: 400px;
    margin: 0 auto;
}
.login-form h2 {
    text-align:left;
    background:none;
    line-height:3rem;
    font-weight:300;
}
.login-form h2:before {
    content:'';
    display:inline-block;
    width:3rem;
    height:3rem;
    line-height:3rem;
    margin-right:1rem;
    vertical-align:middle;

    background-image: url("images/logicall_icon.svg");
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.login-form h5 {
    margin: 0 0 4rem 0;
    font-weight: 300;
}
.login-form .form-group {
    margin: 0 0 1rem 0;
}
.login-form .form-group label {
    color:#fff;
    padding:0;
    display:block;
    margin: 0 0 0.5rem 0;
    text-align: left;
}
.login-form .form-group input[type="text"],
.login-form .form-group input[type="password"] {
    background:#d5e5f4;
    border:none;

    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;

    border-radius: 4rem;
    -webkit-border-radius: 4rem;
    -moz-border-radius: 4rem;
}
.login-form .form-group input[type="text"]:focus,
.login-form .form-group input[type="password"]:focus {
    background:#fff;
}
.login-footer {
    padding-top: 4rem;
}
.login-footer > * {
    display: inline-block;
    width:45%;
    vertical-align:middle;
}
.login-footer .checkbox {
    margin:0;
    padding:0 0 0 1rem;
}
.login-footer .checkbox > * {
    display: inline-block !important;
    vertical-align: middle;
    position: static !important;
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0 !important;
}
.login-footer #RememberMe {
    display: none !important;
}
.login-footer .checkbox .custom-checkbox-label:before {
    content:'';

    display:inline-block;
    vertical-align:middle;
    height:1.5rem;
    width:1.5rem;
    margin: -1px 0.5rem 0 0;
    
    border:2px solid #fff;
    border-radius:2rem;
    -moz-border-radius:2rem;
    -moz-border-radius:2rem;
}
.custom-checkbox:checked + input + .custom-checkbox-label:before {
    background-image:url("images/checked_icon.svg") !important;
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.login-footer .btn-login {
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;

    border-radius: 4rem;
    -webkit-border-radius: 4rem;
    -moz-border-radius: 4rem;

    color:#fff;
    background:#07467f !important;
    border:none !important;
}
.login-footer .btn-login:hover {
    background: #000 !important;
}