@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

/****************************/
/* General styles           */
/****************************/

* {
	font-family: 'Open Sans', sans-serif;
}
body {
	padding-top: 40px; 
}
h1, h2, h3, h4, h5, h6, legend, 
.h1, .h2, .h3, .h4, .h5, .h6, .legend {
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    line-height: 1.5;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox {
	display: inline-block;
}
.t3-content {
    padding-top: 0;
    padding-bottom: 0;
}
.fabrikDataContainer {
	padding-top: 20px;
}
.item-page ul, .item-page ol {
	margin-bottom: 18px;
}
.item-page ul li, .item-page ol li {
	margin-bottom: 10px;
	list-style-type: square;
}

/* Buttons */

.btn {
    padding: 6px 9px;
}
.btn.calendarbutton {
    padding: 5px 9px;
}
td .btn {
    padding: 4px 8px;
}
.btn-grey {
    color: #555;
    background-color: #f2f2f2;
    border-color: #ededed;
}
.btn-grey:hover, .btn-grey:focus, .btn-grey.focus, .btn-grey:active, .btn-grey.active, .open > .dropdown-toggle.btn-grey {
    background-color: #e2e2e2;
    border-color: #ddd;
}

/* Input fields */

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox, #courses___length_minutes {
    padding: 5px 10px;
	height: 32px;
}
select.inputbox {
    padding-left: 7px;
}
.input-append, .input-prepend {
    margin-bottom: 2px;
}
.control-group {
    margin-bottom: 8px;
}

/****************************/
/* Header                   */
/****************************/

/* Navigation */

.navbar {
    min-height: 40px;
}
ul.navbar-nav {
	width: 100%;
}
span.fa-info-circle, span.fa-sign-out {
	margin-right: 0 !important;
}
.navbar-nav > li > a {
	font-size: 15px;
}
.fa.half {
	opacity: 0.5;
}
.t3-megamenu .nav .fa.green {
	color: #0A0;
}
.t3-megamenu .nav .fa.grey {
	color: #AAA;
}
.t3-megamenu .nav .mega-inner .fa {
	width: 18px;
	text-align: center;
}
.caret {
	display: none !important;
}
/*
.t3-megamenu .nav [class^="icon-"], .t3-megamenu .nav [class*=" icon-"], .t3-megamenu .nav .fa {
    margin-right: 10px;
}
*/
.t3-megamenu .nav > li > a {
    padding: 10px 16px;
}
.t3-megamenu .nav [class^="icon-"], .t3-megamenu .nav [class*=" icon-"], .t3-megamenu .nav .fa {
    margin-right: 0;
}
.t3-megamenu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li a {
    white-space: nowrap;
}
.t3-megamenu ul.level0 > li:last-child {
	float: right;
}

/* Icons */

.t3-megamenu .fa {
    font-family: 'Open Sans', sans-serif;
}
.t3-megamenu .fa:before {
	margin-right: 8px;
    font: normal normal normal 14px/1 FontAwesome;
}

/* Responsive */

.navbar-toggle {
    padding: 0;
    height: 35px;
    line-height: 34px;
    width: 35px;
    margin-left: 15px;
}

/* Main logo */

.t3-megamenu .nav {
	background: url('/images/adminlogo.png') no-repeat 0 7px;
	padding-left: 40px;
}
#t3-mainnav .navbar-header {
	background: url('/images/adminlogo.png') no-repeat 10px 14px;
}

/****************************/
/* Login page               */
/****************************/

.loginpage #t3-mainbody {
	width: 380px !important;
}
.loginpage #t3-mainnav {
	display: none;
}
.loginpage .nav-tabs {
    border: none;
}
.loginpage .form-validate {
	padding-bottom: 0;
}
.loginpage .form-horizontal .control-group .control-label {
	display: inline-block;
	width: 75px !important;
	padding-top: 0;
    float: left;
}
.loginpage .form-horizontal .control-group .controls {
    margin-left: 100px !important;
}
.loginpage .nav.nav-tabs {
	text-align: center;
}

/* JP fix for login input fields */
@media screen and (min-width: 768px) {
	.loginpage input[type="text"],
	.loginpage input[type="password"]
	{
	  width: 100%;
	}
  }

/****************************/
/* List view                */
/****************************/

/* Header row */

th a {
	white-space: nowrap;
}

/* Filter fields */

.fabrikFilterContainer {
	background: #F4F4F4;
}
.fabrikFilterContainer input,
.fabrikFilterContainer button,
.fabrikFilterContainer select {
	display: inline-block;
    height: 22px;
    padding: 2px 4px;
	font-size: 11px;
	font-weight: normal;
	width: initial;
}
.fabrikFilterContainer input,
.fabrikFilterContainer select {
	width: 70px;
}
.fabrikFilterContainer .input-append {
	margin-bottom: 0;
}
.fabrikFilterContainer .btn.calendarbutton {
    padding: 5px;
}
.fabrikFilterContainer .btn.calendarbutton span.fa {
	vertical-align: top;
}

/* Hide select column */

.fabrik_select {
	display: none;
}

/* List actions */

th.fabrik_actions .btn-group {
	display: none;
}
td.fabrik_actions a span {
	width: 14px;
}
.btn-group {
  display: flex;
}

/* Related data */

.relatednumber {
	font-weight: bold;
	min-width: 32px;
}
th.fabrik_ordercell.related {
	text-align: center;
	font-size: 12px;
}

/* Pagination */

.fabrikNav {
	margin-top: 20px;
}
.fabrikNav select {
	border-radius: 0;
}
.fabrikNav label {
    margin-bottom: 0;
}

/* Smaller text */

.subinfo {
	font-size: 12px;
}

/* Learners */

tr.high_priority1 {
	background: #FFF6F6;
	color: #444;
}
.table-hover > tbody > tr.high_priority1:hover {
	background: #FFEBEB;
}

/* Dates */

td.events___date,
td.bookings___date_reserved,
td.bookings___date_paid,
td.bookings___date_cancelled {
	white-space: nowrap;
}

select[id*=created_user],
select[id*=modified_user] {
	width: 48px;
}
td[class*=created_date],
td[class*=modified_date] {
	font-size: 11px;
	background: #FAFAFA;
	color: #444;
	text-align: center;
}
td[class*=created_user],
td[class*=modified_user] {
	background: #FAFAFA;
	color: #444;
	text-align: center;
}

.table-hover > tbody > tr:hover td[class*=created_user],
.table-hover > tbody > tr:hover td[class*=modified_user],
.table-hover > tbody > tr:hover td[class*=created_date],
.table-hover > tbody > tr:hover td[class*=modified_date] {
    background-color: #f0f0f0;
}
th i.fa {
	font-size: 18px;
	margin-left: 3px;
	vertical-align: bottom;
}


/****************************/
/* Form view                */
/****************************/

.form-actions {
    padding: 0;
    margin: 15px 0 25px 0;
    background-color: transparent;
}
.control-group label {
	font-weight: normal;
	padding-top: 5px;
}
.control-group .fabrikgrid_radio  label {
	padding-top: 0px;
}
.fabrikgrid_radio .radio,
.fabrikgrid_radio .checkbox {
    margin: 5px 0;
}

.control-group .fabrikElement input,
.control-group .fabrikElement textarea,
.control-group .fabrikElement select {
	width: 100%;
	max-width: 100%;
}
.control-group .fabrikElement .input-append {
	width: 86%;
	max-width: 86%;
}
.control-group .fa.small {
	display: none;
}

/* Error message */

.fabrikErrorMessage {
	color: #a00;
}

/* Labels and fields */

.labeldiv {
	width: 140px;
	float: left;
}
.fielddiv {
	margin-left: 140px;
}

h4 .labeldiv {
	width: 200px;
	float: left;
}
h4 .fielddiv {
	margin-left: 200px;
}

/* Full width text/note fields */

div.fb_el_learners___notes {
	margin-top: 20px;
}
div.fb_el_learners___notes:after {
	content: 'Learner task';
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    line-height: 1.5;
    display: block;
    width: 100%;
    padding: 0;
    margin: 13px 0;
    font-size: 21px;
    line-height: inherit;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
div.fb_el_learners___task_details {
	margin-bottom: 20px;
}
div.fb_el_teachers___notes ,
div.fb_el_learners___task_details,
div.fb_el_learners___notes,
div.fb_el_bookings___course,
div.fb_el_bookings___notes,
div.fb_el_events___description {
	width: 100%;
}

/* Courses */

#courses___length_minutes {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    vertical-align: middle;
    background-color: #eee;
    border: 1px solid #ccc;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    border-radius: 4px;
	width: 100%;
	display: inline-block;
}
.spinner {
	height: 38px !important;
	background: none;
	border: none;
}
.spinner p {
	display: none !important;
}

/* Individual courses */

.individual .fb_el_courses___weekday,
.individual .fb_el_courses___time,
.individual .fb_el_courses___capacity {
	display: none;
}

/* Groups courses */

.group .fb_el_courses___learner {
	display: none;
}

/****************************/
/* Details view             */
/****************************/

.formdetails h3.legend  {
    display: block;
    margin-bottom: 13px;
    font-size: 21px;
    line-height: inherit;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
.formdetails .fabrikElementContainer  {
	margin-top: 4px;
}
.formdetails .fabrikGroup .labeldiv {
	font-weight: bold;
}

/* Loaded as module, form=>details */

.formdetails {
	margin-top: 40px;
	margin-bottom: 20px;
}
.formdetails h3 {
	margin: 0;
}
.formdetails .fabrikActions {
	display: none;
}
.formdetails .row-striped {
	border: 0;
}
.formdetails .row-striped .row-fluid {
	border: 0;
	background: none;
    padding: 3px 0;
}
.formdetails .row-striped .row-fluid .fabrikLabel {
	white-space: nowrap;
	padding-right: 10px;
	width: 40%;
	font-weight: bold;
}
.formdetails .row-striped .row-fluid .span8 {
	width: 57%;
}

/* Full width text/note fields */

div.fb_el_learners___task_details_ro  {
	width: 100% !important;
}

/* Fields to hide */

.formdetails .fb_el_courses___learner_ro {
	display: none;
}

/* Read-only form element */

.fabrikElement > div#classes___teacher {
	padding: 5px 5px 5px 7px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #eeeeee;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}


/****************************/
/* Plotalot                 */
/****************************/

div[id^="chart_"] > div {
	margin-top: -15px;
}
div[id^="chart_"] > div.google-visualization-table {
	margin-top: 0;
}

/* Tables */

table.google-visualization-table-table {
	font-size: 14px;
}
table.google-visualization-table-table th,
table.google-visualization-table-table td {
    text-align: center;
}

/* Turnover */

table.google-visualization-table-table td:first-child,
table.google-visualization-table-table td:last-child {
	font-weight: bold;
}


/* Classes/courses/learners */

.tab-cal table tr > *:nth-child(1),
.tab-cal table tr > *:nth-child(5) {
	border-right: 1px solid #666;
}
.tab-cal table td:nth-child(5) {
	font-weight: bold;
}

/* Turnover Groups */

.fin-grp table tr > *:nth-child(1),
.fin-grp table tr > *:nth-child(7),
.fin-grp table tr > *:nth-child(12) {
	border-right: 1px solid #666;
}
.fin-grp table td:nth-child(7),
.fin-grp table td:nth-child(12),
.fin-grp table td:nth-child(13) {
	font-weight: bold;
}
.fin-grp table td:nth-child(2),
.fin-grp table td:nth-child(3),
.fin-grp table td:nth-child(4),
.fin-grp table td:nth-child(5),
.fin-grp table td:nth-child(6),
.fin-grp table td:nth-child(7) {
	color: #F00	;
}

/* Turnover Online */

.fin-onl table tr > *:nth-child(1),
.fin-onl table tr > *:nth-child(7),
.fin-onl table tr > *:nth-child(13) {
	border-right: 1px solid #666;
}
.fin-onl table td:nth-child(7),
.fin-onl table td:nth-child(13) {
	font-weight: bold;
}
.fin-onl table td:nth-child(2),
.fin-onl table td:nth-child(3),
.fin-onl table td:nth-child(4),
.fin-onl table td:nth-child(5),
.fin-onl table td:nth-child(6),
.fin-onl table td:nth-child(7) {
	color: #F00	;
}

/* Turnover Croatia */

.fin-cro table tr > *:nth-child(1),
.fin-cro table tr > *:nth-child(7),
.fin-cro table tr > *:nth-child(11) {
	border-right: 1px solid #666;
}
.fin-cro table td:nth-child(7),
.fin-cro table td:nth-child(11),
.fin-cro table td:nth-child(12) {
	font-weight: bold;
}
.fin-cro table td:nth-child(2),
.fin-cro table td:nth-child(3),
.fin-cro table td:nth-child(4),
.fin-cro table td:nth-child(5),
.fin-cro table td:nth-child(6),
.fin-cro table td:nth-child(7) {
	color: #F00	;
}

/* Turnover all locations */

.fin-all table tr > *:nth-child(1),
.fin-all table tr > *:nth-child(8),
.fin-all table tr > *:nth-child(14) {
	border-right: 1px solid #666;
}
.fin-all table td:nth-child(8),
.fin-all table td:nth-child(14) {
	font-weight: bold;
}
.fin-all table td:nth-child(2),
.fin-all table td:nth-child(3),
.fin-all table td:nth-child(4),
.fin-all table td:nth-child(5),
.fin-all table td:nth-child(6),
.fin-all table td:nth-child(7),
.fin-all table td:nth-child(8) {
	color: #F00;
}

/****************************/
/* Homepage                 */
/****************************/

.infobox {
	border: #ddd 1px solid;
	background: #fcfcfc;
	border-radius: 6px;
	padding: 10px 17px 5px 17px;
	margin: 12px 0 18px 0;
}
.infobox h2 {
	margin-top: 0;
}
.infobox h4 {
	line-height: 1.9;
}
.infobox hr {
	margin: 5px 0;
}
.infobox span.fa,
.infobox .number {
	display: inline-block;
	width: 40px;
	margin-right: 15px;
	text-align: right;
}
.infobox .number {
	font-weight: 600;
}

@media (max-width: 999px) {
	.t3-megamenu .nav > li > a {
		padding: 10px 14px;
	}
	.t3-megamenu .fa:before {
		display: none;
	}
}

/****************************/
/* Teacher area             */
/****************************/

.teachers .fabrikDataContainer {
	padding-top: 0;
}

/* My students */

.teachers tr.high_priority1 {
    background: none;
    color: inherit;
}
.teachers .table-hover > tbody > tr.high_priority1:hover {
    background: #f5f5f5;
}
.teachers.students .related {
	display: none;
}

/* My courses */

.teachers.courses [class*="33___2-2-33"] {
	display: none;
}
.teachers.courses tbody td > a,
.teachers.courses tbody td > a:hover {
	color: inherit;
	text-decoration: none;
	cursor: default;
}
.teachers.courses .fabrikNav {
	display: none;
}
.teachers.courses .fabrikorder span,
.teachers.courses .fabrikorder-asc span,
.teachers.courses .fabrikorder-desc span {
	display: none;
}
.teachers.courses a.fabrikorder,
.teachers.courses a.fabrikorder-asc,
.teachers.courses a.fabrikorder-desc,
.teachers.courses a.fabrikorder:hover,
.teachers.courses a.fabrikorder-asc:hover,
.teachers.courses a.fabrikorder-desc:hover {
	text-decoration: none !important;
	color: #000 !important;
	cursor: default !important;
}


/* My lessons */

.teachers.lessons .fabrikButtonsContainer {
	display: ;
}

/* Add lesson form */

fieldset.teachers.courses #lessons___course {
	
}

/****************************/
/* Payroll                  */
/****************************/

.payroll .nav.nav-pills {
	margin-bottom: 0;
}
.payroll .classes .fabrikButtonsContainer {
	display: none;
}
.payroll .fabrikDataContainer {
	padding-top: 0;
}
.payroll .table {
	margin-bottom: 0;
}
.payroll .teacher > .accordion-heading {
	font-size: 17px;
}
.payroll .teacher > .accordion-body > div > .nn_sliders {
	margin-bottom: 3px;
}
.payroll .nn_sliders-toggle-inner span {
	display: inline-block;
	float: right;
}
.payroll .nn_sliders-toggle-inner span strong {
	display: inline-block;
	width: 120px;
	text-align: right;
}
.payroll .classes___course br,
.payroll .classes___course em {
	display: none;
}
.payroll .fabrik_actions a {
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 12px;
}
.payroll td[class*=created_date], 
.payroll td[class*=modified_date] {
    font-size: 14px;
}

/* JP - remove add course button - start */
#listform_3_com_fabrik_3 .addbutton.addRecord {
	/* display: none; */
}
/* JP - remove add course button - end */

/* JP - online package booking - start */
.online-package-booking textarea {
	width: 100%;
	height: 100px;
}
.online-package-booking input,
.online-package-booking select
{
	width: 100%;
}
.online-package-booking .row{
	margin-top: 20px;
}
/* JP - online package booking - end */

/* JP - multiple select - start */
input[type=checkbox] {
	float: right;
    width: auto;
    position: relative!important;
}
/* JP - multiple select - end */

/* JP - bookings list view - start */
.addbuttonList{
	border-radius: 4px;
	position: relative;
    display: inline-block;
	padding: 10px 15px;
}
.addbuttonList:hover{
	text-decoration: none;
    background-color: #eeeeee;
}
#bookings_table .even {
    background-color: #eee;
}
#learners_table .even {
	background-color: #eee;
}
.mb-3{
	margin-bottom: 3px;
}
.loader{
	text-align: center;
}
.loader img{
	display: inline-block;
}
#bookings_table *{
	font-weight: 400!important;
}
/* JP - bookings list view - end */

/* JP - My classes list view - start */
.table_my_classes_date{
	width: 10%;
}
.table_my_classes_course{
	width: 20%;
}
/* JP - My classes list view - end */

/* JP - All learners list view - start */
.table_learners_date{
	width: 100%;
	display: inline-block;
}
/* JP - All learners list view - end */

/* JP - modal - start */
.modal-title{
	display: inline-block;
}
/* JP - modal - end */

/* ZT:: Some Fab Stuff on: /bookings/add */
.control-group.fabrikElementContainer.plg-field.fb_el_bookings___item{
    width: 100%;
}
@media (min-width: 992px){
    .control-group.fabrikElementContainer.plg-dropdown.fb_el_bookings___tax_rate.col-md-4 {
            margin-left: 33.33333333%;
    }
}
.theStripeError {
    margin-top: 20px;
    margin-bottom: 0;
}