/**********************************/
/* Generic Helper class
/**********************************/
.text-bold{
	font-weight:600;
}
.my-text-default{
	color:#619523;
}
.my-sub-title{
	font-weight:600;
	color:#619523;
}

/**********************************/
/* Navbar
/**********************************/
/* general */
.navbar-default{
	background-color:#9fd18b;
	border-color:#9fd18b;
	font-weight:600;
}

/* toggle */
.navbar-default .navbar-toggle{
	border:none;
	background-color:transparent !important;
}
.navbar-default .navbar-toggle .icon-bar{
	background-color:#FFF;
}

/* link */
.navbar-default .navbar-nav > li > a{
	color:#FFF;
}

/* link - active */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus{
	background-color:#9fd18b;
	color:#000;
}


/* dropdown */
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus{
	background-color:#9fd18b;
}

.navbar-default .dropdown-menu{
	background-color:#9fd18b;
}
.navbar-default .dropdown-menu > li > a{
	font-weight:600;
	color:#FFF;
}
.navbar-default .dropdown-menu > li > a:hover,
.navbar-default .dropdown-menu > li > a:focus{
	background-color:#9fd18b;
	color: #555;
}

.navbar-default .dropdown-menu .divider{
	background-color:#555;
	margin:5px 20px;
}

.navbar-default .dropdown-menu .dropdown-header{
	color:#FFF;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing: 2px;
}

/**********************************/
/* Footer
/**********************************/
#footer{
	font-size:10px;
	font-weight:600;
	text-align:center;
	text-transform:uppercase;
	background-color: #C4C6C5;
    color: #55565a;
}

/* desktop */
@media (min-width: 768px){	
	#footer ul > li:not(:last-child)::after{
		content:'-';
		margin: 0 5px;
	}
}

/**********************************/
/* Modal
/**********************************/
.modal-content{
	border-radius:0px;
}
.modal-header{
	background-color: #C4C6C5;
    color: #55565a;
    font-weight: 600;
    font-size: 20px;
}

/**********************************/
/* Title
/**********************************/
/* generic */
#breadcrumb,h1,h2,h3,h4{
	color:#55565a;
	background-color:#C4C6C5;
	font-weight:600;
}
/* font size */
h1{
	font-size:18px;
}
h2{
	font-size:10.5px;
}
h3, h4{
	font-size:13.5px;
	font-weight:600;
}

/* angled title */
#breadcrumb, h1, h2, h3, h4{
	position:relative;
}
#breadcrumb:after, h1::after, h2::after, h3::after, h4::after{
	content:'';
	width:50px;
	height:70px;
	background-color:#FFF;
	position:absolute;
	right:0px;
	bottom:0px;
	transform: rotate(45deg);
  	transform-origin: bottom right;
}

/* h3, h4 */
h3, h4{
	color:#FFF;
	background-color:#9fd18b;
}
h3::after,
h4::after{
	border-bottom-color:#9fd18b;
	border-left-color:#9fd18b;
}

/* h5 (same as label) */
h5{
	font-weight:600;
	white-space:nowrap;
	display:inline-block;
	width:100%;
	overflow:hidden;
	text-transform:uppercase;
	color:#619523;
}
h5::after{
	margin-left:8px;
	content: "\00a0";
	width:100%;
	display:inline-block;
	background:url('/assets/img/theme/1x3-619523.png') repeat-x left center;	
}

/**********************************/
/* Breadcrumb
/**********************************/
#breadcrumb{
	background-color:#f0f0f0;
}

/**********************************/
/* button
/**********************************/
.btn.btn-default,
.btn.btn-default:hover,
.btn.btn-default:focus,
.btn.btn-default:active{	
	background-color:#FFF;
	border-color:#619523;
	border-radius:0px;
	padding:2px 5px;
}
.btn.btn-primary,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active{
	background-color:#619523;
}

/* stats - success */
.btn.btn-default.btn-success{
	border-color:#009641;
	background-color:#009641;
}
/* stats - warning */
.btn.btn-default.btn-warning{
	border-color:#F7A600;
	background-color:#F7A600;
}

/* stats - danger */
.btn.btn-default.btn-danger{
	border-color:#f72b00;
	background-color:#f72b00;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn, .btn span{
	opacity:0.8;
}

/**********************************/
/* pagination
/**********************************/
.pagination > li > a, 
.pagination > li > span{
	border:none;
	color:#333;
	background-color:#FFF;
}
.pagination > .disabled > a, 
.pagination > .disabled > a:focus, 
.pagination > .disabled > a:hover, 
.pagination > .disabled > span, 
.pagination > .disabled > span:focus, 
.pagination > .disabled > span:hover{
	border:none;
	color:#333;
	background-color:#FFF;
}
.pagination > .active > a, .pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover{
	border:none;
	color:#333;
	background-color:#FFF;
}

/**********************************/
/* Form
/**********************************/
/* label (same as h5) */
.form-group label:not(.checkbox){
	white-space:nowrap;
	display:inline-block;
	width:100%;
	overflow:hidden;
	text-transform:uppercase;
	color:#619523;
}
.form-group label:not(.checkbox)::after{
	margin-left:8px;
	content: "\00a0";
	width:100%;
	display:inline-block;
	background:url('/assets/img/theme/1x3-619523.png') repeat-x left center;
}

/* form control (input, select, ...) */
.form-control{
	border-radius:0px;
	background-color:#f0f0f0;
	border-color:#f0f0f0;
}
.form-control:focus{
	border-color:rgba(97, 149, 35, 0.6);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(97, 149, 35, 0.6);	
}

/* input group addon (button after input) */
.input-group-addon{
	border-color:#f0f0f0;
}

/* input group date */
.input-group.date{
	margin-bottom:20px;
}

/* states */
.form-group.has-error label{
	color:#a94442;
}
.form-group.has-error label::after{
	background: rgba(0, 0, 0, 0) url("/assets/img/theme/1x3-a94442.png") repeat-x scroll left center;
}

/**********************************/
/* Table
/**********************************/
.table > thead > tr > th, .table > tfoot > tr > th{
	color:#619523;
}
.table > thead > tr > th{
	white-space:nowrap;
}

/**********************************/
/* Table - datatable
/**********************************/
.dataTables_info{
	color:#619523;
	font-weight:600;
}

/**********************************/
/* List
/**********************************/
.my-ul{
	list-style-type:none;
	padding:0px;
}
.list-group-item-condensed{
	padding:2px;
}

/**********************************/
/* 1024+
/**********************************/
@media (min-width: 1096px){	
	/* container (shadow left-right) */
	.container{
		 /*box-shadow: 12px 0 8px 0px rgba(0, 0, 0, 0.3), -12px 0 8px 0px rgba(0, 0, 0, 0.3);*/
		 box-shadow: -6px 0px 10px -9px #000000, 6px 0px 10px -9px #000000;
	}
	
	/* navbar ruban */
	.navbar:after{
		content:' ';
		position:absolute;
		background:url(/assets/img/theme/ruban-header.png) no-repeat bottom left;
		width:405px;
		height:68px;
		left:619px;
		top:0px;
	}
	
	/* footer ruban */
	#footer::before{
		content:' ';
		position:absolute;
		left:0px;
		bottom:0px;
		width:169px;
		height:68px;
		background:url(/assets/img/theme/ruban-footer.png) no-repeat bottom left;
	}
	
	/* title */
	h1::after, h2::after{
		left:-50px;
		top:0px;
		transform: rotate(-48deg);
  		transform-origin: top right;
		
	}
}