/* Write your custom CSS here */
.ta_center {
	text-align: center;
}

.req:after {
	content:"*"; 
	color: #ea5f00;
	font-size: 20px; 
	position: absolute; 
		right: 0;
		top: 0;
}

.important {
	color: #ea5f00;
}

.form-control.jq_datepicker_full[readonly],
.form-control.jq_datepicker_month[readonly] {
	background-color: #ffffff;
}

.form_loader {
	position: absolute;
		top: 1px;
		left: 16px;
    z-index: 10;
}

.tooltip-icon {
	padding: 0 6px;
	border-radius: 50%;
}

.help_container {
    background-color: #f0f0f0;
    border: 1px #000000 solid;
	max-width: 100%;
	overflow: hidden;
    padding: 15px;
	position: absolute;
    z-index: 1;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	background-color: #f0f0f0;
	font-weight: bold;
}
#main-wrapper {
	margin-bottom: 151px !important;
}

.page-footer {
    position: absolute;
		bottom: 0;
		left: 0;
}

@media (min-width: 767px)
{
	.page-footer {
		padding: 19px 25px 0 160px;
	}
}

.scrolloff {
	pointer-events: none;
}

/* frontend */
.login-container {
	position: absolute;
    right: 20px;
    top: 30%;
    font-size: 17px !important;
}

.login-container a {
	color: #5f5f5f;
}

.language-selector {
	background-color: #ea5f00;
    border: 0;
    color: #ffffff;
    height: 35px;
    float: right;
    margin-left: 3px;
	margin-right: 20px;
    padding: 0 5px;
}

.fe_slide {
	background-size: cover !important;
}

.fe_slide .background {
	background-color: rgba( 0, 0, 0, 0.5 );
	box-sizing: border-box;
	padding: 15px 15px 1px 15px;
	margin: 30px;
}

.fe_slide p.text {
	color: #ffffff;
	font-size: 18px !important;
	font-weight: bold;
	line-height: 22px;
}

.fe_slide p.text span.important {
	font-size: 18px !important;
}

.fe_slide p.text span.small { 
	font-size: 16px !important;
}

.fe_slide p.button {
	background-color: #ea5f00;
	border: 1px #ffffff solid;
	border-radius: 4px;
	font-size: 18px !important;
	text-align: center;
}

@media (orientation: landscape) {
	
	.fe_slide .background {
		width: calc( 50% - 60px);
	}
}

@media (max-width: 767px) and (orientation: landscape) {
	
	.fe_slide .background {
		width: calc( 100% - 60px);
	}
}

@media (min-width: 1200px) {
	
	.fe_slide p.text,
	.fe_slide p.text span.important,
	.fe_slide p.text span.small,
	.fe_slide p.button {
		font-size: 30px !important;
		line-height: 35px;
	}
}

.slide-1 {
	background: transparent url('../../images/sk/frontpage/pokuta.jpg?v=1') center center no-repeat;
}

.slide-2 {
	background: transparent url('../../images/sk/frontpage/terminy.jpg?v=1') center center no-repeat;
}

.slide-3 {
	background: transparent url('../../images/sk/frontpage/servis-olej.jpg?v=1') center center no-repeat;
}

.slide-4 {
	background: transparent url('../../images/sk/frontpage/servis-pneu.jpg?v=1') center right no-repeat;
}

.slide-5 {
	background: transparent url('../../images/sk/frontpage/poistenie.jpg?v=1') center right no-repeat;
}

.slide-6 {
	background: transparent url('../../images/sk/frontpage/peniaze.jpg?v=1') center right no-repeat;
}

/* calendar */
.calendar_month {
	font-size: 20px;
}

.calendar_prev,
.calendar_now,
.calendar_next {
	cursor: pointer;
	display: inline-block;
	float: left;
	border: 1px #dddddd solid;
	border-radius: 3px;
	padding: 15px 20px 15px 20px;
}

.calendar_now {
	margin-left: 10px;
}

.calendar_next {
	float: right;
}

.calendar_prev:hover,
.calendar_now:hover,
.calendar_next:hover {
	background-color: #eeeeee;
}

.free {
	position: relative;
	width: 540px;
	max-width: 100%;
	max-height: 370px;
	overflow: hidden;
	text-align: center;
}

.free img {
	position: relative;
    left: 100%;
    margin-left: -200%;
	min-height: 100%;
}

.free p {
	background-color: rgba( 0, 0, 0, 0.5 );
	color: #ffffff;
	font-size: 25px;
	line-height: 30px;
	padding: 5%;
	position: absolute;
    bottom: 5%;
    left: 5%;
	width: 90%;
	text-align: left;
}

@media (max-width: 767px) {
	
	.free p {
		
	}
}

/**/
th.controls {
	height: 63px;
	width: 15%;
}

th.controls div {
	vertical-align: bottom;
}

th.hidden-xs.w20 {
	box-sizing: content-box;
	width: 20px;
}

th.w50p {
	box-sizing: content-box;
	width: 50%;
}

table td .panel {
	border: 0;
	box-shadow: 0;
	margin-bottom: 0;
}

table td .panel .panel-heading {
	padding: 0;
	height: auto;
}

.panel-group .panel-heading .panel-title>a {
	display: inline-block;
    width: 100%;
}

.navbar  .logo-box {
	background: transparent;
}

/* login / register */
.logo-text,
.logo-name {
	text-align: center;
}

.logo-text img,
.logo-name img {
	height: auto;
	width: 200px;
}

.logo-text img {
	width: 130px;
}

.logo-name img {
	margin-top: 15px;
}

.fb-login-button {
	margin-top: 19px;
}

.slideshow figure.register img {
	float: left;
	height: 100%;
	margin-right: 20px;
	width: initial;
}

/* blog */
.video_wrapper {
	position: relative;
	padding-bottom: 52.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

	.video_wrapper iframe {
		margin-top: 19px;
		position: absolute;
		top: 0;
		left: 0px;
		width: calc(100% - 0px);
		height: calc(100% - 19px);
	}
	
/* calendar */
.calendar-event {
	padding: 7px 0;
}

/* select2 */
.select2-container--disabled,
.select2-container--disabled .select2-selection--single {
	background-color: #eeeeee !important;
}

.pay_logos {
	position: relative;
	top: 4px;
	margin-left: 15px;
}

.pay_logos img.small {
	height: 26px;
	margin-top: 5px;
	width: auto;
}

/* icons */
.info-box-icon.danger i {
	color: #f25656;
}

.info-box-icon.primary i {
    color: #7a6fbe;
}

.info-box-icon.success i {
    color: #22baa0;
}

.info-box-icon.info i {
    color: #12AFCB;
}

.info-box-icon.warning i {
    color: #f6d433;
}

.info-box .info-box-stats p.perex {
	font-size: 14px !important;
}

#flot2, #flot3 { 
	max-width: 100%; 
	width: 100%; 
}

.print{ 
	max-width: 704px !important; 
}

@media print{
  .pagebreak {page-break-after: always;}
  
}