@import url('../../02/css/styles.css');

:root {
    --primary: #96C0D0;   --primary-hover: #6ba5bb;   --primary-active: #6ba5bb;
    --secondary: #f5f5f5; --secondary-hover: #d3d3d3; --secondary-active: #e6e6e6;
    --success: #517CAB;   --success-hover: #517CAB;   --success-active: #517CAB;
    --info: #17a2b8;      --info-hover: #2f96b4;      --info-active: #31b0d5;
    --warning: #ffc107;   --warning-hover: #f89406;   --warning-active: #ec971f;
    --danger: #f00;       --danger-hover: #f62727;    --danger-active: #f10303;
	--cc-grey:#999;       
	--cc-light-grey:#eee; 	  
	--cc-colour-one: #D7DF3B;
	--cc-colour-two: #A1D7A6;   
	--cc-colour-three: #96C0D0;  
	--cc-colour-four: #517CAB;
	--cc-colour-five: #37488F;
	--cc-font-colour: #333;
}

/* Header */

.navigation-menu, .mobile-breadcrumbs, .dropdown-menu-header, .header-search {
    background: #fff;
	color: var(--cc-font-colour);
    -webkit-box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 12%);
    box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 12%);
}

.header-menu-section > a {
    border-color: var(--cc-light-grey);
}

.usermenu-item,
.user-tools > li {
    border-color: var(--cc-light-grey);
    border-width: 0 1px 0 0;
}

.user-tools-wrapper .usermenu-item {
    border-width: 0 0 0 1px;
}
a.user-tools-link, .user-tools-icon {
    color: var(--cc-colour-three);
}

.user-tools > li:last-child {
    border-right: none;
}


.sidebar-toggle {
    background: none;
    border: none;
    color: var(--cc-colour-three);
    display: inline-block;
    font-size: 25px;
    width: auto;
    height: auto;
}



/* Sidebar */
.sidebar-logo img {
    max-height: none;
}

.sidebar-logo-link img {
    height: 50px;
}

/* Login */
.login-form-container .client-logo {
    height: 56px;
    max-width: 100%;
    text-align: center;
}