/*!
 * application style overrides and customizations
 */

 /* modal vertical scroll fix for mobile 
@media (max-width :770px) {
.modal{
	position: relative!important;
}
.modal-body{
	max-height:none;
}
}
*/

table.collection.table.table-bordered {
    font-size: 14px;
}
textarea#description {
    width: 250px;
    height: 130px;
    resize: none;
}

.quick-times .btn-group {
    visibility: hidden;
}

.modal-body {
    position: relative;
    max-height: 550px;
    padding: 15px;
    overflow-y: auto;
}

.btn-primary {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #000;
    background-image: -moz-linear-gradient(top, #08c, #04c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
    background-image: -webkit-linear-gradient(top, #08c, #04c);
    background-image: -o-linear-gradient(top, #08c, #04c);
    background-image: linear-gradient(to bottom, #333, #666);
    background-repeat: repeat-x;
    border-color: #04c #04c #002a80;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
      color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #000;
    background-image: -moz-linear-gradient(top, #08c, #04c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
    background-image: -webkit-linear-gradient(top, #08c, #04c);
    background-image: -o-linear-gradient(top, #08c, #04c);
    background-image: linear-gradient(to bottom, #333, #666);
    background-repeat: repeat-x;
    border-color: #04c #04c #002a80;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    	background-position:inherit !important;

}

.dropdown-menu .active>a, .dropdown-menu .active>a:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #333;
    background-image: -moz-linear-gradient(top, #08c, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #08c, #0077b3);
    background-image: -o-linear-gradient(top, #08c, #0077b3);
    background-image: linear-gradient(to bottom, #000, #333);
    background-repeat: repeat-x;
    outline: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu li>a:hover, .dropdown-menu li>a:focus, .dropdown-submenu:hover>a {
    color: #fff;
    text-decoration: none;
    background-color: #000;
    background-image: -moz-linear-gradient(top, #08c, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #08c, #0077b3);
    background-image: -o-linear-gradient(top, #08c, #0077b3);
    background-image: linear-gradient(to bottom, #000, #333);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.progress-striped .bar {
    background-color: #333;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255,255,255,0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.75, rgba(255,255,255,0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    background-size: 40px 40px;
}

.navbar-inverse .nav .active>a, .navbar-inverse .nav .active>a:hover, .navbar-inverse .nav .active>a:focus {
    color: #fff;
    background-color: #666;
}

.form-horizontal .control-group {
    margin-bottom: 10px;
}


#filterCustomerIdInputContainer,
#filterCustomerIdTEInputContainer,
#filterCategoryIdInputContainer,
#categoryIdInputContainer{
display:none;
}


hr { 
margin: 5px 0;
}


.dropdown.open a{
	color:#FFF;
}


.nav-collapse.collapse {
    float: right;

    margin-top: 20px;

}

h1 {
    font-size: 25px;
}

hr {
    border: 0;
    border-top: 0px;
    border-bottom: 0px;
}

.header_separator {
float:left;
width:100%;
height:50px;	
}

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {

    color: #fff !important;

}

.dropdown-menu li > a {
    clear: both;
    color: #000 !important;
    display: block;
    font-weight: normal;
    line-height: 20px;
    padding: 3px 20px;
    white-space: nowrap;
}

.navbar-inverse .brand, .navbar-inverse .nav > li > a {

    text-shadow: 0 0 #000 !important;
}
.navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover {
    color: #000;
}

.column_3 {
	color:red;	
}

.report_container_html{
	max-width:980px;	
	margin:auto;
}

table.report_html th, table.report_html td {
    font-size: 13px;
    vertical-align: middle;
}

.report_container_html h3 {
 margin-top:10px;	
}

#timeTrackingButton {
display:none !important;
width:0px !important;
height:0px !important;	
}


.collectionContainer{
	overflow: auto;
}

.brand {
	color: #fff!important;	
}

.jumbotron {
    background: none repeat scroll 0 0 #0B73BC;  /* 9D261D */
    border-bottom: 1px solid #333333;
    padding: 40px 20px 48px 20px;
    /* text-shadow: 2px 2px 2px #333333; */
    margin: -20px 0 0;
}

.hero-img {
	text-align: center;
}

.jumbotron h1 {
    font-size: 80px;
    letter-spacing: -2px;
    line-height: 1;
}
.jumbotron, .jumbotron h1 {
    color: #FFFFFF;
}


#social-buttons {
	margin: 0 0 30px;
    background-color: #F5F5F5;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #FFFFFF;
    padding: 22px 0;
    text-align: center;
	height: 20px;
}

/* fixing body margin */
@media (max-width :768px) {

#timeEntryDetailDialog .modal-body {
    max-height: 500px;
    overflow-y: auto;
    position: relative;
}

.header_separator {
    float: left;
    height: 0;
    width: 100%;
}

.nav-collapse.collapse {
     width: 100%;
}
	.jumbotron {
    margin: -20px -20px 0 -20px;
	}

	.jumbotron h1 {
	font-size: 50px;
	}
	#social-buttons {
	margin: 0 -20px 30px -20px;
}
.hero-img {
	display: none;
}
}
/* /media */


/* reset for font-awesome 2.0 and bootstrap 2.2.1 */
[class^="icon-"], [class*=" icon-"] {
  background-image:none;
  height:auto;
  line-height:normal;
  margin-top:0;
  vertical-align:baseline;
  width:auto;
}

/* note that this gets overridden by bootstrap-responsive.min.css when screen size changes */
body {
	padding-top: 60px;
	padding-bottom: 40px;
}

h1 {
	margin-bottom: 8px;
}

.rtext {
	text-align: right !important;
}

p.buttonContainer {
}

.btn-sidebar{
	width: 100%;
}

table.collection tr:hover {
    cursor: pointer;
    background-color: #fbfbfb
}

table.collection th{
    background-color: #eeeeee;
}

table.collection th:hover {
    cursor: pointer;
    background-color: #dfdfdf;
}

table th {
	white-space: nowrap;
}

/* no text wrap inside table cells
table td {
	max-width: 200px;
	overflow: hidden;
	white-space: nowrap;
}
*/

input.date-picker
{
	width: 110px;
	margin-top: -1px;

	background-image:url("../bootstrap/img/calendar.png");
	background-position:87px 4px;
	background-repeat:no-repeat;
}

input.date-picker:hover
{
	cursor: pointer
}

input.time-picker
{
	width: 110px;
}

.searchContainer input, searchContainer button
{
	margin-top: 8px;
}

.searchContainer input
{
	margin-top: 8px;
}

/* search filter button */
.input-append button.add-on {
    height: inherit !important;
    color: #999999;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 8px;
}

span.loader {
	margin: 0px;
	display: inline-block;
	width: 150px;
}

span.loader .bar {
	display: inline-block;
	width: 100%;
	height: 30px;
}

.progress {
	margin: 0;
}

#currentTimetrack{
	font-size: 20px;
	line-height: 20px;
	height: 20px;
	color: #FFFFFF;
	display: block;
	float: right;
	padding: 7px 5px;
}

footer {
	text-align: center;
	color: #808080;
}


@media(max-width:600px) {
  

#timeEntryModelContainer label {
    margin-bottom: 0px;
}

textarea#description {
    width: 100%;
    height: 110px;
    resize: none;
}

form {
    margin-bottom: 0px;
}

#timeEntryDetailDialog .modal-header h3 {
    font-size: 0px;
    line-height: 30px;
    margin: 0;
}
#timeEntryDetailDialog .modal-header {
    border-bottom: 1px solid #eee;
    height: 30px;
    padding: 9px 15px;
}


#timeEntryDetailDialog.modal.hide.fade.in {
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
}



}


@media (min-width :480px) {


	#startInputContainer .control-label,
	#endInputContainer .control-label {
		width: 120px
	}
	
	#startInputContainer .controls,
	#endInputContainer .controls {
		margin-left: 140px
	}

}

.timespan {
	min-width: 300px;
}

#descriptionInputContainer {
	margin: 0;
}

.quick-times .start-btns {
	position: relative;
	display: inline-block;
}

.quick-times .ctrl,
.quick-times .restart {
	cursor: pointer;
}



.quick-times i {
    display: none;
}

#startInputContainer input.date-picker, #endInputContainer input.date-picker {
    background-image: url(../bootstrap/img/calendar.png);
    width: 95px;
    background-position: right;
}

#setDefaultsDialog fieldset {
	padding: 50px 0 150px 0;
}

#filterContainer .control-group {
	margin-right: 10px;
}


#filterContainer .combo input {
	width: 150px;
}

select {
	width: 191px;
}

table.report th,
table.report td {
	background: none;
	line-height: 16px;
	padding: 4px;
}

#report-total {
	font-size: 14px;
	font-weight: 700;
	padding: 6px 8px;
	margin-bottom: 20px;
}

body.report-html {
	margin: 40px; 
	padding: 0;
}

/* reports: align duration and minutes to the right */
body.report-html td:nth-child(7),
body.report-html td:nth-child(8) {
	text-align: right;
}

/* patch */
.dropdown-menu .divider {
	margin: 10px 1px;
}

@media(max-width:690px) {	
	.form-horizontal .control-group {
    margin-bottom: 10px;
}
}

@media(max-width:320px) {
#startInputContainer input.date-picker,
#endInputContainer input.date-picker {
  background-image: url("../bootstrap/img/calendar.png");
  background-position: 61px 4px;
  width: 80px;
  padding:0px;
}

#timeEntryDetailDialog .modal-header h3 {
    font-size: 0px;
    line-height: 30px;
    margin: 0;
}

#timeEntryDetailDialog .modal-header {
    border-bottom: 1px solid #eee;
    height: 35px;
    padding: 9px 15px;
}
.form-horizontal .control-group {
    margin-bottom: 7px;
}
}