body {
	padding-top: 0px;
	padding-bottom: 50px;

}

.mamoka-body-logged-in {
    background: #b7d655;
}

/* Set padding to keep content from hitting the edges */
.body-content {
	padding-left: 0px;
	padding-right: 0px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
	white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
	max-width: 280px;
}

/* MAMOKA Trans Kft. specific stuff below */

/* lets not do this okay
@media (min-width: 1200px) {
	.container{
		max-width: 970px;
	}
}
*/
.container {
	/*width: 980px;
	max-width: 980px;*/
	width: 100%;
	max-width: 100%;
	font-family: FuturaBoldHU,FuturaHU,Futura,Trebuchet MS,Arial,sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
}

h2 {
	font-family: FuturaBoldHU,FuturaHU,Futura,Trebuchet MS,Arial,sans-serif;
	font-size: 17px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
}

.mamoka-container {
}

.mamoka-container-welcome {
	background: #b7d655 url("Design/bg_welcome_hw.png");
    width: 100%;
    height: auto;
    background-repeat:no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.mamoka-container-content {
	background: #b7d655 url("Design/bg_content.jpg") 0px 150px no-repeat;
	background-size: 100% 800px;
}

#mamoka-header {
	position: fixed;
	padding-top: 20px;
	color: #000000;
	z-index: 9999;
	background: url("Design/bg-head.jpg") left top no-repeat;
	background-size: 100% 100%;
}

.header-login{
	width: 100%;
	height: 242px;
}

#mamoka-body {
	background-size: cover;
	color: white;
	position: relative;
	margin-top: 186px;
}

.body-login{
	margin-top: 150px !important;
}

#mamoka-loggedin {
	height: 50px;
	text-align: right;
	margin-top: 10px;
	margin-right: 50px;
	color: #707070;
}

#mamoka-2cols {
	/*overflow: hidden;*/
	padding-left: 26px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 52px;
}

.mamoka-border {
	border: 1px;
	border-style: solid;
	border-color: white;
	padding: 10px;
}

#mamoka-navbar {
	width: 192px;
	float: left;
	overflow: hidden;
	margin-right: 22px;
}
#mamoka-header .navbar{
    position:absolute;
    margin-bottom:0 !important;
    bottom:0 !important;
    background:rgba(0,0,0,0);
}
#mamoka-header .navbar .navbar-nav{
    margin-bottom:0 !important;
    margin-left:0 !important;
}
#mamoka-renderbody {
	width: 90%;
	/*overflow: hidden;*/
	/*float: right;*/
	margin: 0 auto;
	/*padding-left: 120px;*/
}
#mamoka-renderbody .settings input{
	text-align:right;
}

#mamoka-renderbody .settings label:after{
	content:":";

}

label{
	text-align:left !important;
	text-indent:10%;
}

#mamoka-renderbody .settings {
	width: 50%;
	margin: 0 auto;
}

table {
	border: 2px inset;
	border-collapse: collapse;
}

th, td {
	padding: 5px;
	text-align: left;
	color: black;
}

tr:nth-child(odd) {background: #F9E00B}
tr:nth-child(even) {background: #B7D556}

ul.navbar-nav {
	width: 100%;
}

.mamoka-login {
	width: 300px;
}

ul.navbar-nav li a {
	color: #000000;
}

ul.navbar-nav li a:hover {
	background-color: #F9E00B;
}
.dropdown-menu > li > a:hover {
	color: black;
}

.list-options {
	/*padding-left: 5px;*/
}
.checkbox-right {
	margin-top:5px;
	margin-left:5px;
}

.checkbox-right-div {
	text-align:right;
}

.summary-filter-control{
	color:black;
	width: 100%;
}

.summary-filter-control input.btn{
	width:137px;
}

.summary-filter-control label {
	font-weight:normal;
	margin: 0;
}

.summary-filter-border 
{
	border:1px;
	border-style:solid;
	border-color:white;
	padding:5px;
    margin-bottom: 7px;
    float:unset;
    overflow: auto;
}

/*Set the label area of a summary input group*/
.summary-filter-control span.input-group-addon {
	background-color:#dddddd;
	width:240px;
}

/*Set half size label for input group*/
.summary-filter-control span.input-group-addon-half-width {
	width:120px;
}

/*Set the input fields of the summary inpup*/
.summary-filter-control input[type=text]{
	width:90px;
	text-align:center;
}

.query-filter .input-group-addon
{
	background-color:#dddddd;
	/*width:400px;*/
    color: black;
}

.query-filter .container
{
    padding-left: 0px;
}

.query-filter .form-group .control-label
{
    /*width: 100%;*/
    text-indent: 0px;
    min-width: 200px;
}

.query-filter .form-group
{
    padding-left: 0px;
    margin-bottom: 0px;
}

.query-filter .input
{
	/*width:240px;*/
}

.query-filter .row {
    margin-left: 0;
    margin-right: 0;
}

.query-filter label.input-group-addon {
    width:120px;
    text-indent: 0px !important;
}

.query-filter .input-group {
    width:auto;
}

.query-filter .query-filter-border
{
	border:1px;
	border-style:solid;
	border-color:white;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px;
}

.query-filter .input-width-fix
{
    width:90px;
}

/*Set the dropdown*/
.input-group select.form-control {
	width:180px;
}

.img-responsive > img
{
	width: 100%;
}

.total-cost 
{
	color:black;
	text-align:right;
	margin-top:5px;
	padding-right:11px;
}

.total-cost span{
	padding-right:10px;
}

.total-cost-deep{
	color:black;
	text-align:right;
	margin-top:5px;
	padding-right:88px;
}

/* Forms label left */
.form-group {
  text-align: left;
}

.form-group label {
	width: 23%;
}

.size-auto .form-group label {
	width: auto;
}

.size-two .form-group label {
	width: 29%;
}

.size-three .form-group label {
	width: 75%;
}

.summary-filter-control .form-group label {
	width: auto;
	text-indent: 0;
}

.worker-service-info .form-group label{
	width: auto;
}

/* Forms div right */
.form-group div {
	width: 70%;
}

.size-auto .form-group div {
	width: 96%;
}

.size-two .form-group div {
	width: 50%;
}

.size-three .form-group div {
	width: 25%;
}

.summary-filter-control .form-group div {
	width: auto;
}

/* Buttons */
.form-group.buttons div {
	margin-left: 23%;
}

.size-auto .form-group.buttons div {
	margin-left: auto;
}

.size-two .form-group.buttons div {
	margin-left: 29%;
}

.size-three .form-group.buttons div {
	margin-left: 60%;
}

/* Date picker */
.datepicker-dropdown {
  z-index: 10000;
}

.datepicker-inline {
  padding: 0px 17px 0px 17px;
}

.datepicker td,
.datepicker th {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.datepicker-days .table-condensed {
	border: 1px solid white;
}
.datepicker-days {
	border: 1px solid #000;
}

/* Table header fix */
.divTableWithFloatingHeader table,
td {
	border: 0px;
}

th {
	border-top: 2px solid #F9E00B;
	background-color: #F9E00B;
}

table.grid-table .grid-filter-buttons {
	text-align: left;
}

.dropdown.dropdown-menu.grid-dropdown.opened {
	z-index: 4000;
}

.grid-wrap table {
	border: 0px;
}

.result-fixed-vehicle-index-site .tableWithFloatingHeader thead tr th {
	padding: 8px 0px 8px 8px;
}

.tableWithFloatingHeader .result-fixed-vehicle-index {
	width: 110px;
}

.tableWithFloatingHeader .result-accept-calculation,
.tableWithFloatingHeader .result-cancel-calculation {
	width: 50px;
}

/* Buttons size */
.btn {
	height: 32px;
}

.result-buttons {
	border: 1px solid #ffffff;
	padding: 5px;
}

/* WorkerService */
.control-label.worker-service {
	text-indent: 0;
}

/* Header navbar collapse */
.navbar-collapse {
  position: absolute;
  bottom: 2px;
  width: 100% !important;
}

/* Browser resize */
@media (max-width: 600px) {
  .mamoka-body-logged-in .mamoka-border{
	  overflow: hidden;
  }
}

@media (max-width: 1506px) {
  .mamoka-body-logged-in #mamoka-2cols{
	padding: 0px;
  }
  
  .mamoka-body-logged-in #mamoka-renderbody {
    width: 100%;
  }

  .mamoka-body-logged-in .mamoka-border {
    padding: 5px;
  }
}

@media (max-width: 1200px) {
  .mamoka-body-logged-in .grid-row .grid-cell {
    padding: 3px;
  }
}

@media (max-width: 978px) {
  .mamoka-body-logged-in .grid-row .grid-cell {
    padding: 1px;
  }

  .mamoka-body-logged-in .mamoka-border {
    padding: 0px;
    padding-top: 5px;
  }
}

@media (max-width: 920px) {
  .mamoka-body-logged-in .navbar-collapse.collapse {
    padding-left: 150px;
  }
}

@media (max-width: 1125px) {
    .scheudle-grid .grid-cell {
        word-wrap: break-word;
    } 
}

/* DateTimePicker */
.size-two .bootstrap-datetimepicker-widget .list-unstyled .timepicker,
.bootstrap-datetimepicker-widget .timepicker {
	border: 1px solid #000000;
	width: 203px;
	margin-top: 5px;
}

.bootstrap-datetimepicker-widget .collapse table,
.bootstrap-datetimepicker-widget .timepicker .timepicker-picker table {
	border: 0px !important;
}

.bootstrap-datetimepicker-widget .timepicker .timepicker-picker,
.bootstrap-datetimepicker-widget .timepicker .timepicker-hours,
.bootstrap-datetimepicker-widget .timepicker .timepicker-minutes {
	width: 201px !important;
	border:1px solid #ffffff;
}

.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.top,
.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour.bottom {
	width: 215px;
    z-index: 10000;
}

.size-two .bootstrap-datetimepicker-widget .datepicker-days,
.size-two .bootstrap-datetimepicker-widget .datepicker-months,
.size-two .bootstrap-datetimepicker-widget .datepicker-years,
.size-two .bootstrap-datetimepicker-widget .datepicker-decades,
.bootstrap-datetimepicker-widget .datepicker-days,
.bootstrap-datetimepicker-widget .datepicker-months,
.bootstrap-datetimepicker-widget .datepicker-years,
.bootstrap-datetimepicker-widget .datepicker-decades {
	width: 200px;
}

.bootstrap-datetimepicker-widget .picker-switch.accordion-toggle table {
	border: 0px;
}

.bootstrap-datetimepicker-widget .picker-switch.accordion-toggle table .glyphicon {
	margin: 0px;
	top: 0px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour .timepicker {
    width: 203px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour .datepicker {
    width: 400px;
}

/* Filters */
.form-group.filter-list div {
	float: left;
}

.form-group.filter-list .filter-rows {
	width: 100%;
}

.form-group.filter-list .row-left,
.form-group.filter-list .row-right {
	width: 175px;
}

.scheudle-grid .table thead > tr > th,
.vehicle-edit .table thead > tr > th,
.schedule-type .table thead > tr > th,
.result-fixed-vehicle-index-site .table thead > tr > th {
    vertical-align: top;
}

.scheudle-grid .grid-popup-widget .form-group,
.vehicle-edit .grid-popup-widget .form-group,
.schedule-type .grid-popup-widget .form-group,
.result-fixed-vehicle-index-site .grid-popup-widget .form-group {
    margin-left: 0px;
    margin-right: 0px;
}

.scheudle-grid .table.grid-table .grid-header > .grid-header-title,
.vehicle-edit .table.grid-table .grid-header > .grid-header-title,
.schedule-type .table.grid-table .grid-header > .grid-header-title,
.result-fixed-vehicle-index-site .table.grid-table .grid-header > .grid-header-title {
    white-space: normal;
    text-align: center;
}

.form-horizontal.node .form-group label {
    width: 31%;
}

.form-horizontal.node .form-group.buttons div {
    margin-left: 31%;
}

.form-horizontal.node .form-group div {
    width: 50%;
}

.form-group.update {
    width: 100%;
    height: 33px;
}

/* Bejelentkezés oldal */
html,
.mamoka-body-logged-out,
.mamoka-body-logged-out header,
.mamoka-body-logged-out #mamoka-container,
.mamoka-body-logged-out #mamoka-body {
    height: 100%;
}

.mamoka-body-logged-out #mamoka-body {
    height: 70%;
}

.mamoka-body-logged-out #mamoka-2cols {
    width: 28%;
    margin: 0 auto;
}

.mamoka-body-logged-out {
    background-color: #000700;
    padding: 0px;
}

.mamoka-body-logged-out #mamoka-2cols {
    padding: 0px;
    padding-left: 26px;
}

@media (min-width: 800px) {
    .mamoka-body-logged-out .form-group div {
        width: 50%;
        margin-right: 12%;
        float: right;
    }
}

@media (max-width: 1435px) {
    .mamoka-body-logged-out #mamoka-2cols {
        width: 42%;
    }
}

@media (max-width: 1080px) {
    .mamoka-body-logged-out #mamoka-2cols {
        width: 50%;
    }
}

@media (max-width: 1080px) {
    .mamoka-body-logged-out #mamoka-2cols {
        width: 60%;
    }
}

@media (max-width: 1080px) {
    .mamoka-body-logged-out #mamoka-2cols {
        width: 70%;
    }
}

@media (max-width: 580px) {
    .mamoka-body-logged-out #mamoka-2cols {
        width: 100%;
    }
}

.mamoka-body-logged-out #mamoka-header {
    width: 100%;
    height: 185px;
}
a.mobile-icon{
    position:relative;
    text-indent:30px;
}
a.mobile-icon:before
{
    content:' ';
    width:20px;
    background-size:contain  !important;
     background: url("Design/mobile_icon.png") no-repeat top left;
     display: block;
     height: 100%;
     position:absolute;
     left:10px;
     width:20px;
     text-indent: -9999px; 
}

#accordion .panel
{
    background-color: #b7d655;
}

#accordion .panel-collapse
{
    margin-right: 5px;
    margin-top: 8px;
}

label.input-group-addon.addon-label {
    text-indent: 0px !important;
}

.table-menu
{
    color:black
}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
}

.icon-settings {
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    height: 16px;
    width: 16px;
    background-size: 16px 16px;
}