.main-logo {
    /*background: url(/media/t1mhd3be/squwix_white.svg) no-repeat;*/
    background: url(/media/jxvi35rp/squwix_white.svg) no-repeat;
    background-size: contain;
    height: 40px !important;
    width: 160px;
    margin-bottom: -15px;
}

.badge.badge-primary {
    background: #233072;
}

.page {
    /*background-color: #fff;*/
}

/*
* ==========================================================
*     Main NAVBAR
* ==========================================================
*/
nav.navbar {
    background: #2D3767;
}

nav.navbar a.menu-btn:hover {
    background: #233072;
}

    nav.navbar .dropdown-menu {
        background: #2D3767;
        color: #fff;
    }

        nav.navbar .dropdown-menu .form-control {
            background: #2D3767;
            color: #fff;
        }

        nav.navbar .dropdown-menu a label {
            color: #fff !important;
        }

        nav.navbar .dropdown-menu li:hover {
            background: #6C749D;
            color: #fff;
        }


/* ==========================================================
*     SIDE NAVBAR
* ==========================================================
*/
nav.side-navbar {
    background: #2D3767;
}

    nav.side-navbar .sidenav-header {
        background: #2D3767;
    }

.partner-dropdown-wrapper .btn,
.project-dropdown-wrapper .btn {
    background: #6C749D !important;
}

nav.navbar a.menu-btn {
    background: #6C749D !important;
}

.filter-partner .nav-btn {
    background: #6C749D !important;
}

nav.side-navbar li.active a {
    background: #6C749D;
}

nav.side-navbar li ul.collapse a {
    padding-left: 20px;
    border-left: 2px solid #6C749D;
}

nav.side-navbar .sidenav-header span {
    font-size: 0.8em;
    color: #666;
}

nav.side-navbar a:focus, nav.side-navbar a:hover, nav.side-navbar a[aria-expanded="true"] {
    background: #6C749D;
    color: #fff;
    border-radius: 2px;
}

/*
* ==========================================================
*      DASHBOARD COUNTS
* ==========================================================
*/
section.dashboard-counts {
    color: #333;
}

    section.dashboard-counts .count-title i {
        font-size: 1.5em;
        color: #233072;
    }


/*
* ==========================================================
*      STATISTICS
* ==========================================================
*/

section.statistics .user-activity .progress .progress-bar.bg-primary {
    background: #233072 !important;
}

section.statistics .user-activity .page-statistics {
    margin-top: 20px;
}

    section.statistics .user-activity .page-statistics strong {
        display: block;
        text-transform: uppercase;
        color: #233072;
        font-size: 2em;
    }



/*
* ==========================================================
*      UPDATES SECTION
* ==========================================================
*/
section.updates div[class*="col-"] > div {
    background: #fff;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

section.updates .left-col {
    padding-right: 20px;
}

section.updates .card-header {
    height: 50px;
    background: #fff;
    border-top: none;
    border-bottom-color: #f3f3f3;
}

    section.updates .card-header h2 {
        color: #555;
    }





/*
* ==========================================================
*     LOGIN PAGE
* ==========================================================
*/
.login-page .logo .img,
.register-page .logo .img,
.forgotPassword-page .logo .img,
.resetPassword-page .logo .img {
    /*background: url(/media/t1mhd3be/squwix_white.svg) no-repeat;*/
    background: url(/media/jxvi35rp/squwix_white.svg) no-repeat;
    background-size: contain;
    width: 320px !important;
    height: 80px !important;
    margin-bottom: -15px;
}

.login-page .form-inner,
    .register-page .form-inner {
        padding: 40px 30px;
        background: #fff;
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
        margin-bottom: 20px;
    }

.login-page, .register-page, .forgotPassword-page, .resetPassword-page {
    background: #848484;
}

    .login-page .form-inner, .register-page .form-inner, .forgotPassword-page .form-inner, .resetPassword-page .form-inner {
        background: #2D3767 !important;
    }

.login-page form input,
.register-page form input {
    color: #FFF;
}


    .login-page form input[type='text'], .login-page form input[type='password'], .login-page form input[type='email'],
    .register-page form input[type='text'],
    .register-page form input[type='password'],
    .register-page form input[type='email'] {
        background: none;
    }


.login-page form label.label-custom.active,
.register-page form label.label-custom.active {
    color: #233072;
}


/* ========================================= */
/* THEMING OF BOOTSTRAP COMPONENTS           */
/* ========================================= */
/*
 * 1. NAVBAR
 */
.navbar {
}
.btn-primary {
    color: #fff;
    background-color: #6C749D;
    border-color: #233072;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #233072;
        border-color: #6C749D;
    }

    .btn-primary:focus, .btn-primary.focus {
        background-color: #233072 !important;
        box-shadow: 0 0 0 2px rgba(51, 179, 90, 0.5);
    }

    .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
        border-color: #6C749D;
        box-shadow: 0 0 0 2px rgba(51, 179, 90, 0.5);
    }

    .btn-primary.disabled, .btn-primary:disabled {
        background-color: #233072 !important;
        border-color: #233072;
    }



.btn-outline-primary {
    color: #233072;
    background-image: none;
    background-color: transparent;
    border-color: #233072;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #233072;
        border-color: #233072;
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        box-shadow: 0 0 0 2px rgba(51, 179, 90, 0.5);
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #233072;
        background-color: transparent;
    }

    .btn-outline-primary:active, .btn-outline-primary.active,
    .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #233072;
        border-color: #233072;
    }

.link-secondary {

}

.link-secondary:hover {
    color: #6C749D;
}


/*
 * 3. TYPE
 */
body {
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
    color: #292b2c;
    background-color: #fff;
}

a {
    color: #6C749D;
    text-decoration: none;
}

    a:focus, a:hover {
        color: #233072;
        text-decoration: underline;
    }

.text-primary {
    color: #233072 !important;
}

/*
 * 4. PAGINATION
 */

.page-item.active .page-link {
    z-index: 2;
    color: #fff;
    background-color: #233072;
    border-color: #233072;
}
.page-link {
    padding: 0.5rem 0.75rem;
    line-height: 1.25;
    color: #233072;
    background-color: #fff;
    border: 1px solid #ddd;
}

.memberworkitems-date-nav button {
    background: #6C749D;
}

footer.main-footer {
    background: #2D3767 !important;
    color: #31b0d5 !important;
}

footer.main-footer a:hover {
    /*color: #fff;*/
}


.teamsDropDown .dropdown-item:hover {
    background: #6C749D;
    color: #fff;
}

.btn-link {
    color: #6C749D !important;
}

.login-page .text-primary {
    color: #fff !important;
}

.login-page form label.label-custom.active, .register-page form label.label-custom.active, .forgotPassword-page form label.label-custom.active, .resetPassword-page form label.label-custom.active {
    color: #fff !important;
}

.login-page form input[type=text], .login-page form input[type=password] {
}

.nav .nav-link.active {
    background-color: #6C749D !important;
    color: #fff !important;
}

.nav .nav-link:hover {
    background: rgba(108,116,157,0.4) !important;
}

.nav-item .nav-link:hover, .nav-item.show {
    background: #6C749D !important;
    color: #fff !important;
}

.tabs .tab.active {
    color: #6C749D !important;
}

section.updates a {
    color: #6C749D !important;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #6C749D !important;
    color: #fff !important;
}
.pagination > li > a, .pagination > li > span {
    color: #233072 !important;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    
}

ul.custom-list li.active, ul.custom-list li:hover {
    background-color: #6C749D !important;
    color: #fff !important;
}

.ui-state-highlight > div {
    background-color: rgba(108,116,157,0.4) !important;
    border: 2px dashed #ddd;
}

.ui-sortable-helper  {

}

.ticket-project-option,
.ticket-type-selector .ticket-type-option
{
    border-color: rgba(108,116,157,0.4) !important;
}

.dropzone {
    border-color: rgba(108,116,157,0.4) !important;
}


.ng-table-pager button.active {
    color: #fff;
    background-color: #6C749D !important;
    border-color: #233072 !important;
}

    .ng-table-pager button.active span {
        color: #fff;
    }