/* General */

h1 {
	font-size: 24px;
	margin-top: 25px;
}

.mTop30 {margin-top: 30px;}
.mTop25 {margin-top: 25px;}
.mTop20 {margin-top: 20px;}

.red {color: red}
.green {color: green}

.text-right, .textRight {text-align: right;}

.formBG {
	padding: 20px 30px 40px;
	background: transparent url('../img/form_bg.png');
	border-radius: 15px;
	margin-bottom: 20px;
	margin-top: 20px;
	border: 1px solid yellow;
}

.loginForm .form-group, .loginForm .checkbox, .loginForm button {
	margin-left: 20px;
	margin-right: 20px;
}

.btn-wide {width: 100%}

.fr {float: right;}

.select2-container.select2-dropdown-open {
    width: 170% !important;
  }


.table_link {
	color: #0E75A1;
	text-decoration: none;
  	border-bottom: 1px #99CBE0 dotted;
}

/*
*	Navbar company
*/

.navbar-company {margin-top: 20px; background-color: rgba(255,255,0,0.5);}

/* Time sheets form */

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	cursor: auto;
	background-color: #fff;
}

.timeOptions {
	padding: 20px 30px;
	background: #fff;
	border-radius: 7px;
	border: 1px solid #ccc;
}

.timeFields textarea {height: 100px;}

.submitButtons {text-align: right; padding-top: 30px;}

/* TimeTracker */

.timeTime {
	margin-top: 20px;
}

.timeWrap {
	background-color: #fff;
	padding: 13px 23px 10px;
	border-radius: 10px;
}

.timeTime input {
	font-size: 20px;
	height: 50px;
/*	margin-top: 10px;*/
}

.timeTime .timepicker {background-color: yellow; font-weight: 700;}

.timeOptions {margin-bottom: 15px}

/*#id-field-start_time, #id-field-end_time {
	background: rgb(217, 247, 217);
	font-size: 36px;
	height: 70px;
}*/

.billAssignment tbody>tr>td {
	line-height: 2.4;
	padding-bottom: 0px;
	padding-top: 12px;
}

/* stats */
.stats div div {text-align: center; background-color: yellow; padding: 10px 0 20px 0; border-radius: 15px}
.stats h3 {font-size: 40px;}


/* table */

.table {
	table-layout: fixed;
}

.table .actions, .table .person, .table .time, .table .actions-1, .table .id {
	width: 10%;
}

.table .actions-2, .table .actions-3 {
	width: 15%;
}

.table .time, .table .details, .table .opt {
	width: 20%;
}

.table .details, .table .groups  {
	width: 25%;
}

.workOrder {
	border: 1px solid #ccc;
	padding: 20px;
	margin-bottom: 20px;
}

/*.table .act_col {}*/

/* Form */
.btn-primary{background-color: yellow; color: #000; border-color: rgb(208, 209, 173)}
.btn-primary:hover {background-color: rgb(246, 247, 222); border-color: rgb(208, 209, 173); color: #000;}
.full-width {width: 100%}


/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	h1 {font-size: 36px}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}