﻿/*

	CML Online Applications (COLA)
	Client-definable CSS

	http://www.cmlsoftware.com

*/

/* Overall site appearance */

/* GENERAL STYLES ----------------------------------------------- */

/*.logo { background-image:url('../img/logo-CML.png'); }*/

/* General page text colour */
body { color:#57585A; }

/* page background colour */
body { background:#fff; } /* Small devices */
body.fullwidth { background:#efefef; } /* Medium / large devices */

/* Icon colour */
span.glyphicon { color:#002c62; }

/* Content area headings */
h2 { background-color:#D1D2D4; } /* background colour */
h2 { color:#002C62; } /* text colour */

/* Content area background */
.contentbox { background-color:#fff; }

/* Content area border */
.contentbox { border-color:#7D7E81; } 
.contentbox h2 { border-bottom:solid 1px #7D7E81; }

/* Content area hyperlink colour */
.contentbox a { color:#000; }

/* Dashboard messages content area text highlight */
.contentbox.messages span.highlight { color:Red; }

/* Dashboard activity content area text highlight */
.contentbox.activity span.highlight { color:Orange; }

/* Profile content area heading colour */
.profilewrap h3 { color:#002C62; }

/* Profile content area links */
.profilewrap a { color:#A6A8AA; }

/* Button colour / background colour */
.button, .button.disabled:hover, a.button { color:#fff; background-color:#00AEDC; }

/* Button mouse hover colour / background colour */
.button:hover { color:#fff; background-color:#0082C8; }

/* Property > show detail / hide detail link colour */
.propertymenu a.tab span { color:#0082c8; }

.propertytbl th, .propertytbl th span { color:#002c62; } /* Table headers on the Property page */

.propertymenu a.tab div { color:#002c62; } /* Tab text colour on the property view page */

/* Link within Messages / Recent Activity areas */
.hyperlink-style  { color:red !important; text-decoration:underline; }

/* END GENERAL STYLES ----------------------------------------------- */



/* MOBILE MENU ------------------------------------------------------- */

/* Menu toggle button colour */
.navbar-default .navbar-toggle .icon-bar { background-color:#002c62; }

/* Menu background colour */
nav.navbar .navbar-collapse { background-color:#fff !important; }

/* Menu icon mouse hover background colour */
.navbar-default .navbar-toggle:hover { background-color:#d1d2d4; }

/* Menu text colour */
.navbar-default .navbar-nav > li > a { color:#002c62 !important; }

/* Menu item mouse hover background colour */
.navbar-default .navbar-nav > li > a:hover { background-color:#eee !important; }

/* Menu item divider */
.navbar-nav > li { border-bottom:solid 1px #efefef; }

/* END MOBILE MENU ------------------------------------------------------- */



/* PAGE HEADER --------------------------------------------------------*/

/* Mobile header background colour */
.navbar-default { background-color:#D1D2D4; }

/* Tablet / desktop header background colour */
.headerwrap { background-color:#fff; }

/* Header welcome message text colour */
div.welcome { color:#002C62; }

/* Header username text colour */
a.profile span, span.profile { color:#002C62; }

/* User menu mouse hover colour */
a.profile:hover { background-color:#efefef; }

a.profile.on { background-color:#ccc; }

/* END PAGE HEADER --------------------------------------------------------*/



/* LOGIN SCREEN ------------------------------------------------------*/

/* Main banner image and text colour */
.colaJumboLogin1 
{
background-image: url('../img/JumboBannerLogin1.jpg');
color:#fff;
}

/* Login banner background colour *UNCOMMENT TO APPLY* */
/*.container.banner { background-color:#efefef; }*/

/* END LOGIN SCREEN ------------------------------------------------------*/



/* MOBILE DASHBOARD / ROLE SWITCH ------------------------------------------------------ */
.dash li a { color:#002c62; } /* text colour */
.dash li a { background-color:#D1D2D4; border-bottom:solid 6px #D1D2D4; } /* background colour */
.dash li a:hover { background-color:#D1D2D4; border-bottom:solid 6px #0082C8; } /* hover colour */
.roles .header { background-color:#002c62; color:#fff; } /* roles page account header */
/* END MOBILE DASHBOARD / ROLE SWITCH ---------------------------------------------------- */



/* NAVIGATION MENU -----------------------------------------------------------*/
.menubar li a { color:#000; } /* text colour */
.menubar li a { background-color:#D1D2D4; } /* background colour */
.menubar li a:hover, .menubar li.active a /* hover background colour */
{ 
	background-color:#D1D2D4; 
	border-bottom:solid 6px #0082C8; 
} 
/* END NAVIGATION MENU -----------------------------------------------------------*/



/* USER MENU ----------------------------------------------------------------------*/

/* Text colour */
.usermenu a { color:#000; }

/* Background colour */
.usermenu { background-color:#ccc; }

/* Border colour */
.usermenu 
{
/*border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;*/
}

/* Mouse hover over colour */
.usermenu a:hover { background-color:#fff; }

/* END USER MENU -------------------------------------------------------------------*/



/* CONTACT PAGE ----------------------------------------------------------------- */
address a { color: #002c62; } /* Link colour */
/* END CONTACT PAGE ----------------------------------------------------------------- */


/* TABLE PAGINATION */

.paginate_button { background-color:#00AEDC; color:#fff !important; } /* Default button background / text colour */
.paginate_button:hover { background-color:#0082C8; } /* text colour on mouse hover */
.paginate_button.disabled { background-color:#76D0EB; color:#fff !important; } /* Disabled button background colour */
.paginate_button.current { background-color:#0082C8; } /* Active button background colour */

/* TABLE PAGINATION */



/* PAGE FOOTER --------------------------------------------------------------------*/

footer { background:#002C62; color:#fff; } /* Footer background / text colour */
footer a,
footer a:hover,
footer a:visited
{ color:#fff; text-decoration:underline; } 

/* END PAGE FOOTER --------------------------------------------------------------------*/



/* REPORTING -------------------------------------------------------------------------*/

/* Menu active item*/
.dxnbLite_Moderno .dxnb-itemSelected, .dxnbLite_Moderno .dxnb-largeSelected { background-color:#0082c8; }
/* table border colour */
table.table-report, table.table-report th, table.table-report td { border: 1px solid #7d7e81 !important; }
/* table header background / border colour / foreground colour / text position */
table.table-report thead th { background-color:#0082c8; border: 1px solid #7d7e81 !important; color:#fff; vertical-align:middle; }
/* table alternate row background colour */
.table-report > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th { background-color: #fff; }

/* END REPORTING -------------------------------------------------------------------------*/
