h1 {
	font-size: 250%;
}

h4 {
	-webkit-margin-after: 0.5em;
	-webkit-margin-before: 0.5em;
}

* {box-sizing: border-box;}

body {
	margin: 0;
	padding: 0;
	/*font-family: Arial, Helvetica, sans-serif;*/
	/*font-family: "Segoe UI Webfont",-apple-system,"Helvetica Neue","Lucida Grande","Roboto","Ebrima","Nirmala UI","Gadugi","Segoe Xbox Symbol","Segoe UI Symbol","Meiryo UI","Khmer UI","Tunga","Lao UI","Raavi","Iskoola Pota","Latha","Leelawadee","Microsoft YaHei UI","Microsoft JhengHei UI","Malgun Gothic","Estrangelo Edessa","Microsoft Himalaya","Microsoft New Tai Lue","Microsoft PhagsPa","Microsoft Tai Le","Microsoft Yi Baiti","Mongolian Baiti","MV Boli","Myanmar Text","Cambria Math";*/
	font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
	font-size: 11pt;
	font-weight: normal;
	background-color: #ffffff;
}

body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #FFF;
	border: 1px solid #ccc;
}

body::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb
{
	background-color: #2b303b;
	-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
}

div {
	display:block;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
}

input, textarea, select {
	outline: none;
	border: 1px solid #ccc;
    -webkit-transition: all 0.20s ease-in-out;
    -moz-transition: all 0.20s ease-in-out;
    -ms-transition: all 0.20s ease-in-out;
    -o-transition: all 0.20s ease-in-out;
    -webkit-appearance: none;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding: 6px;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
}

input:focus, textarea:focus, select:focus {
	border: 1px solid #ccc;
    border: 1px solid #87A2F1;
    -webkit-box-shadow: 0px 0px 6px 0px #2163a8;
    -moz-box-shadow: 0px 0px 6px 0px #2163a8;
    box-shadow: 0px 0px 6px 0px #2163a8;
}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.bar {
	background: #7db9e8;
	background: -moz-linear-gradient(top,  #7db9e8 0%, #2989d8 50%, #1e5799 100%);
	background: -webkit-linear-gradient(top,  #7db9e8 0%,#2989d8 50%,#1e5799 100%);
	background: linear-gradient(to bottom,  #7db9e8 0%,#2989d8 50%,#1e5799 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 );
}

.header {
	position: fixed;
	height: 45px;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1000;
	background-color: #2989d8; /*#2989d8;*/ /*#5396da;*/
	color: #FFF;
	text-align: center;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    line-height: 45px;
}

.header .title {
    font-size: 16pt;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.header .user {
    font-size: 12pt;
    position: absolute;
    top: 0px;
    right: 10px;
}

.header .titleIn {
	font-size: 14pt;
    float: left;
    margin-left: 10px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.header2 {
	position: fixed;
	height: 45px;
	left: 0;
	right: 0;
	top: 45px;
	z-index: 1000;
	background-color: #2989d8;
	color: #FFF;
	text-align: center;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    line-height: 45px;
}

.header2.quebec {
	border-bottom: 4px solid #BA0002;
}

.header2.mauricie {
	border-bottom: 4px solid #6FA444;
}

.header2.gatineau {
	border-bottom: 4px solid #2A388F;
}

.header2.ottawa {
	border-bottom: 4px solid #004990;
}

.header2 ul {
	padding: 0;
	margin: 0;
}

.header2 li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
	font-size: 18px;
	padding: 10px 10px;
	letter-spacing: 2px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	cursor: pointer;
}

.header2 li:hover {
	background-color: rgba(0,0,0,0.4);
}

.header2 li.active {
	background-color: rgba(255,255,255,0.4);
}

.header2.quebec li.active {
	background-color: rgba(186,0,2,0.9);
}

.header2.mauricie li.active {
	background-color: rgba(111,164,68,0.9);
}

.header2.gatineau li.active {
	background-color: rgba(42,56,143,0.9);
}

.header2.ottawa li.active {
	background-color: rgba(0,73,144,0.9);
}

.fa {
	/* color: #FFF; */
	text-decoration: none;
}

.fa-plus {
	font-size: 2em;
	float: left;
}

.antxt {
	line-height: 32px;
	display: inline-block;
	margin-left: 12px;
	float: left;
}

.editcontent {
	max-width: 800px;
	margin: auto;
	overflow: hidden;
}

.header .user {
	float: right;
    line-height: 45px;
	margin-right: 20px;
	font-size: 10pt;
}

.header .fa-bars {
	float: right;
    line-height: 45px;
	margin-right: 30px;
}

.header .dropdown-toggle:after{
	display:none;
}

.header .fa-sign-out {
	float: right;
    line-height: 45px;
	margin-right: 20px;
}

.header .fa-cogs {
	float: right;
    line-height: 45px;
	margin-right: 30px;
}

.search .fa {
	color: #555;
	margin: 4px 10px;
	font-size: 1.8em;
}

.pg {
	position: absolute;
	top: 45px;
	left: 0;
	right: 0;
	bottom: 0;
}

.mainPage {
	margin: 100px 0 0 210px;
}

.navMenu {
	position: fixed;
	top: 90px;
	left: 0;
	width: 200px;
	bottom: 0;
	z-index: 1000;
	background-color: #2b303b;
	color: #DDD;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.8);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.8);
    padding: 10px 0;
}

.navMenu li {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 18px;
	padding: 10px 0px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	cursor: pointer;
}

.pgContent {
	overflow: hidden;
    padding-bottom: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.header h1 {
	padding: 5px;
}

.roundBtn {
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff, #dbdbdb);
	background-image: -moz-linear-gradient(top, #ffffff, #dbdbdb);
	background-image: -ms-linear-gradient(top, #ffffff, #dbdbdb);
	background-image: -o-linear-gradient(top, #ffffff, #dbdbdb);
	background-image: linear-gradient(to bottom, #ffffff, #dbdbdb);
	-webkit-border-radius: 60;
	-moz-border-radius: 60;
	border-radius: 60px;
	-webkit-box-shadow: 1px 1px 3px #666666;
	-moz-box-shadow: 1px 1px 3px #666666;
	box-shadow: 1px 1px 3px #666666;
	color: #369;
	font-size: 30px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	width: 20px;
	height: 40px;
    display: inline-block;
    text-align: center;	
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    overflow: hidden;
    cursor: pointer;
	box-sizing: initial;
}


.roundBtn:active, .roundBtn.pressed {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	/*padding: 11px 26px 11px 26px;*/
}

.button {
	/*
	background: #3498db;
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
	*/
	background-color:#337ab7;
	/*border: 1px solid #2e6da4;*/
	-webkit-border-radius: 2;
	-moz-border-radius: 2;
	border-radius: 2px;
	color: #ffffff;
	font-size: 12pt;
	padding: 10px 14px 10px 14px;
	text-decoration: none;
	position: relative;
	float: left;
	cursor: pointer;
}

.button.red {
	background: #db3434;
	background-image: -webkit-linear-gradient(top, #db3434, #b92929);
	background-image: -moz-linear-gradient(top, #db3434, #b92929);
	background-image: -ms-linear-gradient(top, #db3434, #b92929);
	background-image: -o-linear-gradient(top, #db3434, #b92929);
	background-image: linear-gradient(to bottom, #db3434, #b92929);
}

.button.back {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
	float:left;
	margin-left:20px;
}

.button.back:after, .button.back:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.button.back:after {
	border-color: rgba(136, 183, 213, 0);
	/*border-right-color: #378ec7;*/
	border-right-color:#337ab7;
	border-width: 19px;
	margin-top: -19px;
}
.button.back:before {
	border-color: rgba(194, 225, 245, 0);
	/*border-right-color: #378ec7;*/
	border-right-color:#337ab7;
	border-width: 19px;
	margin-top: -19px;
}

.invoice {
	position: fixed;
	top: 45px;
	left: 0;
	width: 460px;
	bottom: 1px;
	-webkit-box-shadow: 1px 1px 3px #666666;
	-moz-box-shadow: 1px 1px 3px #666666;
	box-shadow: 1px 1px 3px #666666;
	background-color: #eee;
}

.ar {
	text-align: right;
}

.flr {
	float: right;
}

.rfc {
	color: red;
}

.popup {
	position: absolute;
	min-height: 200px;
	min-width: 300px;
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	left: 50%;
	margin-left: -150px;
	top: 50%;
	margin-top: -100px;
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	opacity: 0;
	z-index: 2100;
}

.backgroud {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .4);
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	opacity: 0;
	z-index: 2000;
}

div.hi {
	color: #3561c7;
	font-weight: bold;
}

div.lo {
	color: #333;
	font-size: 10pt;
    line-height: 18px;
    /*font-style: italic;*/
	font-size: 14px;
	overflow: hidden;
}

div.delete {
    position: absolute;
    height: 30px;
    width: 30px;
    top: 10px;
    right: 10px;
	color: #666;
	font-size: 1.6em;
}

div.delete:hover {
	color: #222;
}

.load {
	background: url(../img/loading.gif) no-repeat center;
}

.list {
    margin: 20px auto;
    padding: 0;
	font-size: 16px;
	max-width: 800px;
}

.list ul {
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 10px;	
}

.list ul li {
	list-style: none;
    margin: 0;
    padding: 10px 50px 10px 10px;
	opacity: 0;
	transform: rotateX(-90deg);
	transition: all 0.5s cubic-bezier(.36,-0.64,.34,1.76);
	border-bottom: 1px solid #ccc;
	position: relative;
 }

 .list ul li:not(.nl) {
	cursor: pointer;
 }

.list ul li.show {
	opacity: 1;
	transform: none;
	transition: all 0.5s cubic-bezier(.36,-0.64,.34,1.76);
}

.list ul li.empty {
	color: #bbb;
	cursor: inherit;
	text-align: center;
}

.mainPage .content {
	padding: 20px;
}

.ct {
	text-align: center;
}