* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: 0;
}
*:focus {
  outline: 0 !important;
}

::-webkit-input-placeholder {
  color: #807f7f;
  font-style: italic;
  font-family: 'opensans';
	opacity: 1;
}
:-moz-placeholder {
  color: #807f7f;
  font-style: italic;
  font-family: 'opensans';
	opacity: 1;
}
::-moz-placeholder {
  color: #807f7f;
  font-style: italic;
  font-family: 'opensans';
	opacity: 1;
}
:-ms-input-placeholder {
  color: #807f7f;
  font-style: italic;
  font-family: 'opensans';
	opacity: 1;
}

::-moz-selection {
  color: #fff;
  background: #d74a69;
}
::selection {
  color: #fff;
  background: #d74a69;
}


input[type="text"],input[type="number"], input[type="password"], input[type="tel"], input[type="email"], input[type="search"], textarea, select, .chzn-container-multi .chzn-choices,
.chzn-container-single .chzn-single, .chzn-container-active.chzn-with-drop .chzn-single, .chzn-container-single .chzn-drop, .form-control {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #cfcfcf;
  color: #000;
  font-family: opensans;
  font-size: 90%;
	border-radius: 0;
}
input[type="text"].invalid, input[type="number"].invalid, input[type="password"].invalid, input[type="tel"].invalid, input[type="email"].invalid, input[type="search"].invalid, textarea.invalid, select.invalid, select.invalid + .chzn-container .chzn-single,
input[type="text"].fielderror, input[type="number"].fielderror, input[type="password"].fielderror, input[type="tel"].fielderror, input[type="email"].fielderror, textarea.fielderror, select.fielderror, select.fielderror + .chzn-container .chzn-single {
  border: 1px solid red;
}
input[type="text"].valid, input[type="number"].valid, input[type="password"].valid, input[type="tel"].valid, input[type="email"].valid, input[type="search"].valid, textarea.valid, select.valid, select.valid + .chzn-container .chzn-single {
	background: #CFF9CF;
	border: 1px solid #94DD94;
	animation: none;
	-webkit-animation: none;
}
div.invalid, div.invalid a,
div.fielderror, div.fielderror a {
  color: red;
}
input[type="text"], input[type="number"], input[type="password"], input[type="tel"], input[type="email"], select, .chzn-container-multi .chzn-choices {
  line-height: 100%;
  height: 32px;
  padding: 0 5px;
}

textarea {
  padding: 5px;
  min-height: 80px;
}

.chzn-container {
  text-align: left;
}
.chzn-container-single .chzn-single {
  background: #fff none repeat scroll 0 0;
  border-radius: 0;
  box-shadow: 0 0 0 transparent;
  height: 30px;
  line-height: 30px;
}
.chzn-container-single .chzn-single span {
  margin-right: 30px;
}
.chzn-container-single .chzn-single div {
  line-height: 29px;
  text-align: center;
  width: 30px;
}
.chzn-container-single .chzn-single div b {
  background: none;
  border: 0 !important;
}
body:not(.tpl_nonumber):not(.contentpane) .chzn-container-single .chzn-single div b {
  position: relative;
}
.chzn-container-single .chzn-single div b::before {
  content: "\e614";
  font-family: icomoon;
  position: relative;
}
.chzn-container .chzn-results li.highlighted {
  background: #646363 none repeat scroll 0 0;
  color: #fff;
}
.chzn-container-active.chzn-with-drop .chzn-single {
}
.chzn-container-single .chzn-drop {
  border-top: 0;
  border-radius: 0;
}
.chzn-container-multi .chzn-choices li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

/*button:not(.mfp-arrow):not(.mfp-close):not(.slick-arrow):not(.slick-btn):not(.mod_search):not(.jshop_search), */
.btn:not(.dropdown-toggle):not(.jmodedit):not(.mod_search):not(.gallery):not(.jshop_search), 
.article_anywhere ul.actions li.edit-icon a {
  border-radius: 6px;
  box-shadow: 0 0 0 transparent;
  text-shadow: 0 0 0 transparent;
	display: inline-block;
}
.btn:not(.btn-lg):not(.btn-sm):not(.btn-xs) {
	height: 34px;
	line-height: 34px;
	padding: 0 10px;
}
.btn.btn-primary, 
.article_anywhere ul.actions li.edit-icon a {
  background: #459b45 none repeat scroll 0 0;
  border: 1px solid #459b45;
  color: #fff;
}
/*button:hover:not(.mfp-arrow):not(.mfp-close):not(.slick-arrow):not(.slick-btn):not(.mod_search):not(.jshop_search), */
.btn.btn-primary:hover:not(.dropdown-toggle):not(.jmodedit):not(.mod_search):not(.gallery):not(.jshop_search), 
.btn.btn-primary.active, 
.article_anywhere ul.actions li.edit-icon a:hover {
  background-color: #317b31 !important;
  border-color: #317b31 !important;
  color: #fff !important;
	text-decoration: none;
}

.btn.jmodedit {
  background: #fff none repeat scroll 0 0;
  display: block;
  height: 25px !important;
  line-height: 25px;
  padding: 0;
  text-align: center;
  width: 25px !important;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
a, a:hover, a:active, a:focus {
  outline: 0;
  color: #000;
}
a[href^="tel"]:hover {
	text-decoration: none;
	cursor: text;
}


body {
  color: #000;
  background: #fff;
  font-family: opensans;
  font-size: 15px;
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern";
  -webkit-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern=1";
	overflow-x: hidden;
}
body.openedMenu {
  overflow: hidden;
  position: fixed;
  top: 0; bottom: 0;
}

.site:not(.wide):not([class*="mfp"]) > *, 
.site.hasContentSide .body > .content,
.site.hasContentSide .carousel-caption,
.site.hasContentSide .header-inner,
.site.hasContentSide .navigation .moduletable-inner,
.site.hasContentSide .footer-top-inner,
.site.hasContentSide .footer-bottom-inner {
  max-width: 1240px;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
  margin: 0 auto;
}
.site.wide:not(.hasContentSide) .header-inner, 
.site.wide:not(.hasContentSide) .carousel-caption, 
.site.wide:not(.hasContentSide) .carousel-control-wrap,
.site.wide:not(.hasContentSide) .navigation .moduletable-inner,
.site.wide:not(.hasContentSide) .body > .content .moduletable:not(.google_map):not(.logo) .moduletable-inner,
.site.wide:not(.hasContentSide) .footer-top-inner,
.site.wide:not(.hasContentSide) .footer-bottom-inner,
.site.wide:not(.hasContentSide) .component-wrap {
	margin: 0 auto;
	min-width: 960px;
	padding-left: 30px;
	padding-right: 30px;
	width: 100%;
}

#content-side {
  background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
  float: left;
  padding: 15px;
  position: relative;
  width: 245px;
  z-index: 1;
}
.hasContentSide #content {
  float: left;
  margin-left: -245px;
  padding: 0 15px 15px 260px;
  width: 100%;
}
.hasContentSide .body > .content {
  background: #fff none repeat scroll 0 0;
  position: relative;
  z-index: 1;
}
#content-side .moduletable {
  margin-bottom: 15px;
}
body:not(.fooldal) .component-wrap {
  padding-bottom: 20px;
}



/* Headingek */
.page-header {
  border: 0 none;
  margin: 0;
  padding: 0;
}
.page-header h1, .page-header h2, .page-header h3 {
  margin: 0;
}
.moduletable-inner > h3, .page-header h1, body.view-contact #content h3, div.jshop h1, legend, .accordion-heading {
  font-family: opensans_semibold_italic;
  font-size: 150%;
  font-weight: normal;
  margin: 0;
  padding-bottom: 15px;
}



/* MODULOK */
#content .moduletable {
}




/* Bejelentkezés modul */
#login-form {
  text-align: center;
}
#login-form .control-group,
#form-login .control-group {
  padding-bottom: 15px;
}
#login-form .input-prepend {
}
#login-form .input-prepend > * {
  min-width: 180px;
  width: 75%;
}
#form-login-remember > * {
  display: inline-block;
  float: none;
  margin: 0 3px;
  padding: 0;
  vertical-align: middle;
  width: auto;
}
#login-form .input-prepend .add-on {
  padding-bottom: 3px;
  display: inline-block;
}
#login-form ul {
  font-size: 85%;
  font-style: italic;
}
#login-form .logout-button {
  padding-top: 20px;
}



.component-wrap .login {
  background: #474747 none repeat scroll 0 0;
  color: #acacac;
  margin: 0 auto;
  max-width: 500px;
}
.component-wrap .login .page-header::after {
  border-color: #515152 transparent transparent;
  border-style: solid;
  border-width: 18px 17.5px 0;
  bottom: -57px;
  content: "";
  height: 0;
  left: 0;
  margin: auto auto 40px;
  position: absolute;
  right: 0;
  width: 0;
}
.component-wrap .login .page-header::before {
  border-color: #747474 transparent transparent;
  border-style: solid;
  border-width: 20px 19.5px 0;
  bottom: -59px;
  content: "";
  height: 0;
  left: 0;
  margin: auto auto 40px;
  position: absolute;
  right: 0;
  width: 0;
}
.component-wrap .login .page-header {
  background: #525252 none repeat scroll 0 0;
  text-align: center;
	position: relative;
}
.component-wrap .login .page-header h1 {
  font-family: opensans_light;
  font-size: 200%;
  padding: 30px 20px;
  border-bottom: 1px solid #747474;
  position: relative;
}
.component-wrap .login .login-description {
  margin-bottom: -30px;
  margin-top: 40px;
  text-align: center;
}
.component-wrap .login form {
  padding: 20px;
  padding-top: 0;
}
.component-wrap .login form fieldset {
  margin: 55px auto 30px;
  max-width: 75%;
  width: 100%;
}
.component-wrap .login .control-group {
  border-top: 1px solid #6c6c6c;
  padding: 7px 0;
}
.component-wrap .login .control-group .input-group-addon {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  color: #fff;
  padding-left: 0;
}
.component-wrap .login .control-group input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  color: #acacac;
  box-shadow: 0 0 0 transparent;
}
.component-wrap .login .control-group.remember {
  padding: 15px 0;
}
.component-wrap .login .control-group.remember div:nth-of-type(1) {
  padding-left: 0;
}
.component-wrap .login .control-group.remember div:nth-of-type(2) {
  padding-right: 0;
}
.component-wrap .login .btn.btn-primary {
  background: #78ac45 none repeat scroll 0 0;
  border: 0 none;
  color: #fff;
  font-size: 100%;
  height: 40px !important;
}
.component-wrap .login .btn.btn-primary:hover {
  background: #628f36 none repeat scroll 0 0 !important;
}
.component-wrap .login .btn.btn-default {
  background: #6c6c6c none repeat scroll 0 0;
  border: 0 none;
  color: #fff;
  height: 32px !important;
  line-height: 32px !important;
}
.component-wrap .login .btn.btn-default:hover {
  background: #565555 none repeat scroll 0 0 !important;
}
.component-wrap .login form fieldset .list-unstyled {
  border-top: 1px solid #6c6c6c;
  margin: 0;
  padding-top: 15px;
  text-align: center;
}
.component-wrap .login form fieldset .list-unstyled li:nth-of-type(1) {
  padding-left: 0;
}
.component-wrap .login form fieldset .list-unstyled li:nth-of-type(2) {
  padding-right: 0;
}

header {
  position: relative;
  z-index: 11;
}
header a {
  color: #000;
}
.logo-wrap {
	float: left;
	width: 80px;
}
.logo-wrap p {
	margin: 0;
}

.logo-wrap a {
  display: block;
  padding-top: 100%;
  position: relative;
  width: 100%;
}
.logo-wrap img {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.header-a-b-wrap {
  padding-left: 282px;
}
.header-a-wrap {
  padding-bottom: 10px;
  text-align: right;
}
.header-b-wrap {
  text-align: right;
}


@media all and (min-width:1000px){
  /* Resp menu */
  .resp_menu-wrap {
    display: none !important;
  }
}
/* Főmenü ============================================================================================================================= */
.resp_menu_button-wrap {
  display: none;
}
.navigation {
  background: #fff none repeat scroll 0 0;
  text-align: center;
  position: relative;
  z-index: 2;
}
.moduletable.fomenu ul {
  list-style: none;
}
.moduletable.fomenu ul.menu li {
  display: inline-block;
  position: relative;
}
.moduletable.fomenu ul.menu > li > a, .moduletable.fomenu ul.menu > li > span {
  color: #444;
  display: block;
  font-size: 100%;
  line-height: 50px;
  padding: 0 43px;
}
.moduletable.fomenu ul.menu li:hover > a, .moduletable.fomenu ul.menu li > a:focus, .moduletable.fomenu ul.menu li.active > a, .moduletable.fomenu ul li:hover > span {
  background: #eeeeee;
}
.moduletable.fomenu ul.menu # li:not(:nth-last-of-type(1)) > a, .moduletable.fomenu ul.menu > li:not(:nth-last-of-type(1)) > span {
  border-right: 1px solid #eeeeee;
}
.moduletable.fomenu ul.menu > li.deeper > ul, .moduletable.fomenu ul.menu > li.deeper > ul > li > ul {
  background: #fff none repeat scroll 0 0;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
  display: none;
  min-width: 250px;
  position: absolute;
  text-align: left;
}
.moduletable.fomenu ul.menu > li.deeper:hover > ul {
  display: block;
}
.moduletable.fomenu ul.menu > li.deeper > ul > li > ul {
  display: none;
}
.moduletable.fomenu ul.menu > li.deeper > ul > li.deeper:hover > ul {
  display: block;
  left: 250px;
  top: 0;
}
.moduletable.fomenu ul.menu > li.deeper > ul li {
  width: 100%;
}
.moduletable.fomenu ul.menu > li.deeper > ul li a, .moduletable.fomenu ul.menu > li.deeper > ul li span {
  display: block;
  padding: 12px;
  color: #444;
}
.moduletable.fomenu ul.menu > li.deeper > ul li a:hover {
  text-decoration: none;
}
.moduletable.fomenu ul.menu > li.deeper > ul li:not(:nth-last-of-type(1)) a, .moduletable.fomenu ul.menu > li.deeper > ul li:not(:nth-last-of-type(1)) span {
  border-bottom: 1px solid #eeeeee;
}




/* Elérhetőségek modul ============================================================================================================= */
.moduletable.elerhetosegek ul {
  list-style: outside none none;
  margin: 0;
}
.moduletable.elerhetosegek ul li {
  display: inline-block;
  font-size: 85%;
  padding: 0 10px;
  vertical-align: middle;
}
.moduletable.elerhetosegek ul li:nth-of-type(1) {
  padding-left: 0;
}
.moduletable.elerhetosegek ul li:nth-last-of-type(1) {
  padding-right: 0;
}
.moduletable.elerhetosegek ul li .icon {
  background: #b8d900 none repeat scroll 0 0;
  border-radius: 50%;
  color: #3d3e3d;
  display: inline-block;
  font-size: 12px;
  height: 26px;
  line-height: 25px;
  margin-right: 5px;
  text-align: center;
  vertical-align: middle;
  width: 26px;
}




/* Kereső ============================================================================================================================ */
.moduletable.kereso {
  display: inline-block;
}
.moduletable.kereso input {
  float: left;
  height: 30px;
  padding: 0 5px;
  min-height: 30px !important;
}
.moduletable.kereso button {
  background: #b8d900 none repeat scroll 0 0;
  border: 1px solid #000;
  float: left;
  height: 30px;
  margin: 0 0 0 -1px;
  padding: 0;
  width: 30px;
  border-radius: 0;
  color: #000;
}
.moduletable.kereso button:hover {
  background: #000;
  color: #fff;
}



/* Keresési eredmény oldal */
.search #searchForm .btn-toolbar {
  display: inline-block;
  float: left;
}
.search #searchForm .searchintro {
  display: inline-block;
  float: right;
  padding-top: 4px;
}
.search #searchForm .searchintro * {
  margin: 0;
}
.search #searchForm .btn-toolbar input {
  height: 30px;
}
.search #searchForm .btn-toolbar button {
  border-radius: 0;
  height: 30px;
  position: relative;
  top: 0;
}
.search fieldset {
  background: #fff none repeat scroll 0 0;
  border: 0 none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  float: left;
  line-height: 2em;
  margin-bottom: 15px;
  padding: 10px;
  width: 100%;
}
.search fieldset legend {
  background: #000 none repeat scroll 0 0;
  color: #fff;
  font-size: 145%;
  height: 40px;
  letter-spacing: 2px;
  line-height: 38px;
  margin-bottom: 0;
  margin-left: -10px;
  margin-right: -10px;
  text-indent: 15px;
  width: calc(100% + 20px);
}
.search .form-limit {
  clear: both;
  text-align: right;
}
.search .search-results {
  width: 100%;
}
.search fieldset label {
  display: inline-block;
  line-height: 100%;
  margin: 0;
  min-width: 25%;
  padding: 10px;
  vertical-align: middle;
}
.search fieldset label input {
  display: inline-block;
  margin: 0 5px 0 0 !important;
  position: static !important;
}
.search .result-title {
  border-top: 1px dashed #4b4236;
  font-weight: bold;
  line-height: 25px;
  margin-top: 15px;
  padding-top: 10px;
}
.search fieldset.only input {
  margin-right: 5px;
}
.search fieldset.only label {
  margin-right: 40px;
}
.search span.highlight {
  background-color: #df5468;
  color: #fff;
}
.searchintro strong {
  display: block;
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
}
.search button {
  position: relative;
  top: -1px;
  vertical-align: middle;
}
.searchintrokereses {
  text-align: center;
}
.search fieldset.phrases {
  margin-top: 13px;
}
.search-resultskereses {
  margin-bottom: 15px;
}
.counter {
  display: none;
}



/* Útkövetés */
.moduletable.breadcrumb {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  font-style: italic;
  margin: 0;
  padding: 15px 10px;
}
ul.breadcrumb {
	padding: 0;
	margin: 0;
	border-radius: 0;
	background: none;
}

.breadcrumb a, .breadcrumb span, .breadcrumb > .active {
  
}
.breadcrumb > li + li::before {
  display: none;
}
.breadcrumb .separator {
  padding: 0 5px;
}



/* címke felhő */
.moduletable.tag_cloud {
  padding: 0 10px;
}
.moduletable.tag_cloud ul {
  list-style: none;
}
.moduletable.tag_cloud ul li {
  display: inline-block;
  margin: 3px 1px;
  vertical-align: middle;
}
.moduletable.tag_cloud ul li a {
  background: #eceff2 none repeat scroll 0 0;
  border: 1px solid #d8d0d0;
  border-radius: 7px;
  color: #7d7a7a;
  display: inline-block;
  font-style: italic;
  font-size: 80%;
  line-height: 24px;
  padding: 0 10px;
}
.moduletable.tag_cloud ul li a:hover {
  background: #d8d0d0 none repeat scroll 0 0;
  text-decoration: none;
}




/* Képváltó =========================================================================================================================== */
.carousel-control-wrap {
  /*bottom: 100px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  z-index: 10;*/
}
.carousel-control {
  color: inherit;
  font-size: 100%;
  opacity: 0.3;
  text-shadow: 0 0 0 transparent;
  z-index: 10;
}
.carousel-control span {
  background: #fff none repeat scroll 0 0;
  color: #000;
  font-size: 45px;
  height: 40px;
  left: 0;
  line-height: 33px;
  margin: -20px auto 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  width: 40px;
}
.carousel-inner > .item {
  background-position: center center;
  background-size: auto auto;
}
.carousel-indicators {
  bottom: 0;
}
.carousel-indicators li {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #000;
  border-radius: 50% !important;
  font-size: 0;
  height: 14px !important;
  margin: 2px !important;
  position: relative;
  width: 14px !important;
}
.carousel-indicators li:hover span, .carousel-indicators li.active span {
  background: red none repeat scroll 0 0;
  border-radius: 50%;
  bottom: 0;
  display: block;
  height: 50%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
}
.carousel-caption {
  bottom: 0;
  height: 100%;
  padding: 0;
  left: 0 !important;
  right: 0 !important;
}
.carousel-caption .caption-wrap {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  bottom: 0;
  left: -85%;
  opacity: 0;
  padding: 10px 20px;
  position: absolute;
  width: 300px;
}
.carousel .item.animate .carousel-caption .caption-wrap {
  opacity: 1;
  left: 0;
  transition: left 0.5s;
}
.carousel .item.animate .carousel-caption .caption-wrap h3 {
  margin: 0;
  padding: 10px 0;
}
.carousel .item.animate .carousel-caption .caption-wrap p {
  margin: 0;
}





/* gyorskapcsolat */
.gyorskapcsolat-wrap .left-side, .gyorskapcsolat-wrap .right-side {
  float: left;
}
.gyorskapcsolat-wrap .left-side {
  width: 30%;
}
.gyorskapcsolat-wrap .right-side {
  padding-left: 20px;
  width: 70%;
}
.gyorskapcsolat-wrap input:not(.btn), .gyorskapcsolat-wrap textarea {
  width: 100%;
}
.gyorskapcsolat-wrap .left-side .sor {
  padding-bottom: 12px;
}
.gyorskapcsolat-wrap .right-side textarea {
  height: 174px;
}
.gyorskapcsolat-wrap .right-side .sor.button-wrapper {
  padding-top: 10px;
  text-align: right;
}

#content-side .gyorskapcsolat-wrap .left-side, #content-side .gyorskapcsolat-wrap .right-side {
  width: 100%;
  padding: 0;
}




/* Kapcsolati oldal */
body.view-contact .page-header {
  display: none;
}
body.view-contact .contact-form legend {
  display: none;
}
#contact-form .control-label {
  display: none;
}
#contact-form .left-side {
  width: 40%;
  float: left;
}
#contact-form .right-side {
  width: 60%;
  padding-left: 15px;
  float: left;
}
#contact-form .control-group > * {
  width: 100%;
}
#contact-form input, #contact-form textarea {
  width: 100%;
}
#contact-form textarea {
  height: 168px;
}
#contact-form .control-group {
  margin-bottom: 15px;
}
#contact-form .btn-wrap {
  text-align: right;
}
.contact-address > div {
  display: inline-block;
  line-height: 116%;
  margin: 0;
  padding: 10px 10px 10px 50px;
  position: relative;
  vertical-align: middle;
  width: calc(50% - 3px);
}
.contact-address div h4 {
  color: #000;
  display: inline-block;
  font-size: 18px;
  height: 25px;
  left: 12px;
  line-height: 25px;
  margin: -11px 0 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 25px;
}
.contact-address div h4 i {
  color: #000;
}
.moduletable.google_map {
  border: 5px solid #e5e5e5;
  margin: 20px 0;
}
.contact-miscinfo-wrap {
  padding-top: 10px;
}
.contact-miscinfo dl dt {
  display: none;
}
.contact-miscinfo dl dd {
  margin-left: 0;
}



/* Galéria modul ============================================================================================================================= */
.moduletable.galeria_modul .popup-gallery {
  font-size: 0;
  line-height: 100%;
  text-align: center;
}
.moduletable.galeria_modul .popup-gallery a {
  background-position: center center;
  background-size: cover;
  display: inline-block;
  margin: 5px;
  padding-top: 20%;
  vertical-align: middle;
  width: 31%;
  position: relative;
}
.moduletable.galeria_modul .popup-gallery a img {
  display: none;
}
.moduletable.galeria_modul .popup-gallery a .zoom {
	display: none;
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
}
.moduletable.galeria_modul .popup-gallery a:hover .zoom {
	display: block;
}
.moduletable.galeria_modul .popup-gallery a .zoom .content {
  bottom: 0;
  color: #fff;
  display: inline-block;
  font-size: 22px;
  height: 121px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.moduletable.galeria_modul .popup-gallery a .zoom .icon {
  font-size: 80px;
}
.moduletable.galeria_modul .popup-gallery a .zoom span {
  display: block;
  padding-top: 15px;
  line-height: 100%;
}

.moduletable.galeria_modul .more_button {
  text-align: center;
  padding-top: 20px;
}




/* Footer ============================================================================================================================= */
footer {
  position: relative;
}
.footer-top {
  background: #d1d1d1 none repeat scroll 0 0;
  padding: 20px 0;
  position: relative;
  text-align: center;
}
.footer-bottom {
  background: #8E8E8E none repeat scroll 0 0;
  color: #fff;
  padding: 10px 0;
  text-align: center;
}
.footer-bottom .moduletable p {
	margin: 0;
}



.moduletable.minden_jog {
  float: left;
}
.moduletable.keszitette {
  float: right;
}
.moduletable.keszitette a {
  color: #fff;
}





/* Captcha ============================================================================================================================== */
.osolCaptchaBlock {
  clear: both;
  position: relative;
  width: 100%;
}
.osolCaptchaBlock > .ujkep {
  display: none !important;
}
.osolCaptchaBlock .ellenorzokod {
  text-align: left;
  width: 100%;
}
.osolCaptchaBlock .captcha_kep {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}
.osolCaptchaBlock .captcha_kep > img {
  max-width: 100%;
}
.osolCaptchaBlock .captcha_kep .ujkep {
  display: none !important;
}
.osolCaptchaBlock .bevitel {
  display: inline-block;
  padding-left: 27px;
  vertical-align: middle;
  width: 50%;
}
.osolCaptchaBlock .bevitel input {
  width: 100%;
}
.osolCaptchaBlock .bevitel .ujkep {
  display: block;
  font-size: 70%;
  padding-top: 10px;
  text-align: center;
  width: 100%;
}
.osolCaptchaBlock > label {
  display: none !important;
}



/* Google térkép */
.moduletable.google_map .moduletable-inner {
  width: 100% !important;
}
.moduletable.google_map .gm-style-cc {
  display: none;
}



/* kategória modul (cikk lista) */
.category-module {
  list-style: none;
}
.category-module .items-row {
  padding-left: 0;
  padding-right: 0;
}
.category-module + .all_button {
  text-align: center;
}


/* Cikk lista */
.items-row {
  padding: 20px;
  display: table;
  width: 100%;
}
.items-row:not(:nth-last-of-type(1)) .item {
  border-bottom: 1px solid #d6d7d8;
  display: table;
  padding-bottom: 20px;
  width: 100%;
  margin-bottom: -20px;
}
.items-row .left-side {
  float: right;
  width: 50%;
}
.items-row .right-side {
  float: left;
  width: 50%;
}
.items-row:not(.hasIntroImg) .left-side {
  display: none;
}
.items-row:not(.hasIntroImg) .right-side {
  width: 100%;
}
.items-row .item-image {
  background-position: center center;
  background-size: cover;
  border: 1px solid #d6d7d8;
  height: 206px;
  width: 100%;
  position: relative;
}
.items-row .item-image a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.items-row .item-image a img {
  width: 100%;
  display: none;
}
.items-row .introtext {
  height: 49px;
  line-height: 100%;
  margin-bottom: 14px;
  overflow: hidden;
  padding-right: 20px;
}
.items-row .item-header {
  position: relative;
  border: 0 none;
  border-bottom: 1px solid #d7d9da;
  font-style: italic;
  margin: 0 0 15px;
  padding: 0 0 10px;
  height: 80px;
  overflow: hidden;
  display: table;
  width: 100%;
}
.items-row .item-header h2 {
  display: table-cell;
  font-size: 130%;
  line-height: 110%;
  margin: 0;
  vertical-align: middle;
  padding-right: 20px;
}
.items-row .item-header h2 a {
  color: #5a5959;
}
.items-row .article-info-term {
  display: none;
}
.items-row .article-info {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}
.items-row .article-info dd {
  display: inline-block;
  padding: 0 5px;
}
.items-row .readmore-wrap {
  background: #eceff2 none repeat scroll 0 0;
  border-top: 1px solid #d7d9da;
  color: #979797;
  font-size: 90%;
  line-height: 46px;
  padding: 0 10px;
}
.items-row .readmore {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  float: right;
}




/* teljes cikk */
.articleBody {
  padding: 0px;
}
.articleBody + .pagenav {
  display: none;
}
.item-page .article-info {
  background: #f8f8f8 none repeat scroll 0 0;
  border: 1px solid #d6d7d8;
  margin: 0;
}
.item-page .article-info .article-info-term {
  display: none;
}
.item-page .article-info dd {
  display: inline-block;
  padding: 10px 20px;
  font-size: 90%;
}
.item-page .article-info dd:not(:nth-last-of-type(1)) {
  border-right: 1px solid #d6d7d8;
}
.item-page .article-info dd span {
  margin-right: 5px;
}
.item-page .page-header {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  padding: 20px 0;
}
.item-page .page-header h2 {
  position: relative;
}
.item-page .item-image {
  padding: 0 20px 20px 0;
  max-width: 50%;
}
.item-page .item-image img {
  max-width: 100%;
  width: 100%;
}
.articleBody ul:not(.sige), .article_anywhere ul:not(.sige) {
  padding-left: 30px;
  margin: -5px;
}



.fastsocialshare_container > div {
  display: inline-block;
  line-height: 100%;
  margin: 0;
  padding: 5px;
  vertical-align: middle;
  float: none;
}
.fastsocialshare-share-fbl, .fastsocialshare-share-fbsh {
  margin-top: -8px;
}



.vsig1_0 {
  width: 100% !important;
  text-align: center;
}
.vsig_top1_0 {
  max-height: 350px;
  width: 100% !important;
}
.vsig_top1_0 img {
  max-height: 350px;
  max-width: 100%;
}
.vsig .thumbs-wrap .vsig_cont {
  display: inline-block;
  margin: 0 7px !important;
  vertical-align: middle;
}
.vsig_ctrls {
  padding-top: 10px;
  text-align: center !important;
  width: 100% !important;
  height: auto !important;
}

.vsig_ctrls .btn {
	width: 120px;
}


/* Lapozó */
.pagination {
  width: 100%;
}
.pagination .counter {
  display: none;
}
.pagination ul {
  display: block;
  list-style: outside none none;
  width: 100%;
  text-align: center;
}
.pagination ul li {
  display: inline-block;
  padding: 3px;
  vertical-align: middle;
}
.pagination ul li a {
  background: #f8f8f8 none repeat scroll 0 0;
  border: 1px solid #d8d8d8;
  color: #5e5e5e;
  display: block;
  font-size: 80%;
  height: 33px;
  line-height: 33px;
  min-width: 33px;
}
.pagination ul li a:hover, .pagination ul li.active a {
  background-color: #646363;
  border-color: #646363;
  color: #fff;
  text-decoration: none;
}



/* Regisztráció, belépés, elfelejtett jelszó/felhasználónév */
.registration legend {
  display: none;
}
.component-wrap .registration form fieldset {
  max-width: 500px;
  margin: 0 auto;
}
.registration .control-group {
  padding: 5px 0;
}
.registration .control-label {
  text-align: left !important;
}
.registration fieldset + .control-group .controls {
  width: 100%;
}
.registration .control-group .controls input {
  width: 100%;
}
.registration .control-group .controls {
  text-align: center;
}
.registration .control-group .osolCaptchaBlock {
  margin: 0 auto 30px;
  width: 300px;
}
.registration .control-group .btn {
  margin: 10px;
}
.registration .banner-wrap {
  margin-bottom: 40px;
  margin-top: 20px;
  text-align: center;
}
.registration .banner-wrap img {
  border: 1px solid #edecec;
  max-width: 608px;
  width: 90%;
}
#user-registration fieldset {
  max-width: 500px;
  margin: 0 auto;
}
.remind .control-group, .reset .control-group {
  padding: 10px 0;
}
.remind .control-label, .reset .control-label {
  text-align: left !important;
}
.remind .control-group .control-label, .reset .control-group .control-label {
  float: left;
  width: 40%;
}
.remind .control-group .controls, .reset .control-group .controls {
  float: left;
  width: 60%;
}
.remind .control-group .controls input:not([type="radio"]):not([type="checkbox"]), .reset .control-group .controls input:not([type="radio"]):not([type="checkbox"]) {
  width: 100%;
}
.remind .control-group .osolCaptchaBlock, .reset .control-group .osolCaptchaBlock {
  margin: 0 auto 30px;
  width: 300px;
}
.remind fieldset + .control-group, .remind fieldset + .control-group .controls, .reset fieldset + .control-group, .reset fieldset + .control-group .controls {
  text-align: center;
  width: 100%;
}

.profile fieldset {
  width: 100%;
}
.profile fieldset legend {
  border-bottom: 1px solid #d6d6d6;
  font-family: opensans_semibold_italic;
}
.profile .btn-toolbar {
  clear: both;
  padding-top: 15px;
  text-align: center;
}
.profile .btn-toolbar li {
  display: inline-block;
  float: none !important;
  margin: 5px;
}
.user-profile dt {
  float: left;
  padding-right: 5px;
  width: 50%;
  text-align: right;
}
.user-profile dd {
  float: left;
  padding-left: 5px;
  width: 50%;
  margin: 0;
}
.user-profile fieldset + .control-group .controls {
  padding-top: 20px;
  text-align: center;
  width: 100%;
}



#system-message-wrap {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 999;
}
#system-message::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
#system-message {
  box-sizing: border-box;
  height: 100%;
  left: 0;
  padding: 0 15px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  font-size: 0;
}
#system-message .alert-wrap {
	display: inline-block;
	font-size: 16px;
	max-width: 600px;
	position: relative;
	vertical-align: middle;
	width: 100%;
	z-index: 1045;
	margin: 0 -2px;
}
#system-message .alert-wrap .alert {
  background: #fff none repeat scroll 0 0;
  border: 0 none;
  border-radius: 0;
  text-align: left;
	margin-bottom: 0;
}

/* Mobil váltás =========================================================================================================================================== */
#mobilValtas-wrapper {
  display: none;
  float: left;
  width: 100%;
  clear: both;
}
#view_btn {
  background: #000 none repeat scroll 0 0;
  color: #fff;
  cursor: pointer;
  font-size: 100%;
  font-weight: bold;
  letter-spacing: 2px;
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  z-index: 8;
}

/* Lap tetejére =========================================================================================================================================== */
#toTop {
  background: url('../images/lap-tetejere.png') no-repeat scroll left top;
  bottom: 0px;
  color: transparent;
  cursor: pointer;
  display: none;
  float: right;
  height: 63px;
  margin: 0px 5px 10px 0px;
  position: fixed;
  right: 5px;
  width: 63px;
  text-indent: -999em;
  z-index: 1000;
}
#toTop:hover {
  background: url('../images/lap-tetejere_hov.png') no-repeat scroll 0px 0px transparent;
}





/* SIGE Gallery */
.sige {
  clear: both;
  display: table;
  list-style-type: none !important;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}
.sige_single {
  text-align: center !important;
  list-style-type: none !important;
}
.sige .sige_clr {
  clear: both;
}
.sige_thumb {
  display: inline-block;
}
.sige_thumb img {
  border: 4px solid #fff;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
  display: inline-block;
  position: relative;
  width: 100%;
}
.sige_caption {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: block;
  font-weight: bold;
  clear: both;
}
.sige_small {
  color: #666666;
  font-size: 92%;
  text-align: center;
}
.sige li {
  display: inline-block;
  float: none !important;
  height: auto !important;
  max-width: 300px;
  padding: 5px !important;
  text-align: center;
  vertical-align: top;
  width: 100% !important;
}




.articleBody .img-wrapper, .article_anywhere .img-wrapper {
  display: inline-block;
}
.articleBody .img-wrapper img, .article_anywhere .img-wrapper img {
  height: auto !important;
  max-width: 100%;
  width: 100%;
  margin: 0 !important;
}






/*.registration .control-group {
  display: table;
  width: 100%;
}
.registration .control-group > .control-label {
  float: left;
  margin-bottom: 0;
  padding-right: 20px;
  padding-top: 7px;
  text-align: right;
  width: 50%;
}
.registration .control-group .controls {
  float: left;
  width: 50%;
}*/



.clearfix {
  clear: both;
}
.blog-featured {
  display: none;
}
ul.unstyled {
  list-style: outside none none;
}


/* Modal */
#sbox-window {
  padding: 0;
}
body.contentpane {
  display: block;
  overflow: auto;
  position: static;
}
body.contentpane fieldset.filter input, 
body.contentpane fieldset.filter .btn {
  display: inline-block;
  height: 30px !important;
  line-height: 30px;
  margin: 0;
}
body.contentpane label[for="filter_search"] {
  margin-bottom: 0;
  margin-right: 5px;
  padding-top: 3px;
}
body.contentpane .filters {
  padding-bottom: 20px;
  text-align: right;
}
body.contentpane .filters > div {
  margin: 0 2px;
}
body.contentpane .imgOutline {
  display: inline-block;
  vertical-align: top;
}
body.contentpane .imgOutline a {
  display: inline-block;
  min-height: 81px;
  min-width: 81px;
  text-align: center;
}
body.contentpane header {
  background: #266b92 none repeat scroll 0 0;
  color: #fff;
  font-size: 180%;
  margin-bottom: 20px;
  padding: 15px;
  text-align: center;
}
body.contentpane header .title {
  display: none;
}




.admin_menu-wrap {
  left: 0;
  position: fixed;
  top: 0;
  z-index: 9999;
}
.admin_menu-wrap .admin_menu-inner {
  background: #fff none repeat scroll 0 0;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  width: 0;
}
.admin_menu-wrap.active .admin_menu-inner {
  width: 200px;
}
.admin_menu-wrap .icon {
  background: #fff none repeat scroll 0 0;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: block;
  height: 43px;
  line-height: 43px;
  position: absolute;
  right: -40px;
  text-align: center;
  top: 0;
  width: 40px;
}
.admin_menu-wrap ul li a  {
  color: #000;
}






/* Frontendes admin felületek */
.com_config #content-side,
.layout-edit #content-side {
  display: none;
}
.com_config #content,
.layout-edit #content {
  width: 100%;
  margin: 0 auto;
  padding: 20px;
}
.com_config #content legend,
.layout-edit #content legend {
  margin-bottom: 20px;
}
.com_config #content legend + div, .com_config #content legend + div + hr,
.layout-edit #content legend + div, .layout-edit #content legend + div + hr {
  display: none;
}
.com_config #content input,
.layout-edit #content input {
  height: 34px;
  vertical-align: middle;
}
.com_config #content .btn, .chzn-container-single .chzn-single,
.layout-edit #content .btn, .chzn-container-single .chzn-single {
  height: 34px;
  line-height: 34px;
  vertical-align: middle;
}
.com_config #content textarea, .com_config #content input:not([type="radio"]):not([name="jform[publish_up]"]):not([name="jform[publish_down]"]), .com_config #content .chzn-container,
.layout-edit #content textarea, .layout-edit #content input:not([type="radio"]):not([name="jform[publish_up]"]):not([name="jform[publish_down]"]), .com_content #content .chzn-container {
  width: 100% !important;
}
.com_config #content .control-group,
.layout-edit #content .control-group {
  padding: 5px 0;
}
.com_config #content .form-horizontal .checkbox, .com_config #content .form-horizontal .radio,
.layout-edit #content .form-horizontal .checkbox, .layout-edit #content .form-horizontal .radio {
  padding-top: 0;
}
.com_config #content .btn-toolbar + fieldset,
.layout-edit #content .btn-toolbar + fieldset {
  padding-top: 50px;
}
.tab-content {
  padding-top: 20px;
}
#editor-xtd-buttons {
  padding-top: 10px;
  width: 100%;
}
#editor-xtd-buttons .modal-button {
  display: none;
}
body.layout-edit .chzn-container-single .chzn-single div {
  line-height: 10px;
  text-align: center;
  width: 48px !important;
}
#jform_images_image_intro + .btn + .btn, #jform_images_image_fulltext + .btn + .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: 7px;
  margin-top: 0;
}
.wf-media-input {
  margin-bottom: 10px;
}
#jform_images_image_intro + .btn + .btn span:before,
#jform_images_image_fulltext + .btn + .btn span:before {
  content: "\e904";
	font-family: icomoon;
}
#jform_publish_up_img, #jform_publish_down_img {
  margin-left: 10px;
  margin-top: -1px;
}
.article_anywhere ul.actions {
  list-style: outside none none;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}
li.edit-icon a span {
  margin-right: 5px;
}
body.view-form main#content > div:not(.component-wrap) {
	display: none;
}
.mceContentBody {
  background: #fff none repeat scroll 0 0 !important;
}



.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




/* Sütik használata infó */
#ca_banner {
  background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
  bottom: -30%;
  box-shadow: 0 0 40px #444;
  left: 0;
  padding: 20px;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 16777270;
	transition: bottom 0.5s;
	-webkit-transition: bottom 0.5s;
}
#ca_banner.show {
	bottom: 0;
	transition: bottom 0.5s;
	-webkit-transition: bottom 0.5s;
}
#ca_banner p {
  color: #fff;
  line-height: 200%;
  margin: 0;
}
#ca_banner p button {
  margin-left: 15px;
}
#ca_banner p .modal {
  position: static;
  display: inline;
  color: #fff;
  text-decoration: underline;
}
#ca_banner p .modal:hover {
  text-decoration: none;
}




body > iframe {
  border: 0 none;
  display: block;
  font-size: 0;
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 0;
}



.mfp-wrap {
	overflow: auto;
}

.mfp-container {
  padding: 0 10px;
}
.mfp-wrap.ajax .mfp-content {
  background: #fff none repeat scroll 0 0;
  margin: 10px 0;
  max-width: 700px;
}
.mfp-wrap.ajax .mfp-content header {
  background: #789e00 none repeat scroll 0 0;
  color: #fff;
  font-weight: bold;
  padding: 20px;
  text-align: center;
  margin-bottom: 20px;
}
.mfp-wrap.ajax .mfp-content .item-page {
  padding: 20px;
}
.mfp-wrap.ajax .mfp-content .item-page .article-info {
  display: none;
}
.mfp-wrap.ajax .mfp-content .page-header {
  background: #b8d900 none repeat scroll 0 0 !important;
  margin: -20px;
  padding: 20px;
  margin-bottom: 20px;
}
h3 + .content + .mfp-close {
  color: #fff;
  height: 66px;
}



.moduletable.accordion ul li {
}
.moduletable.accordion ul li a, .moduletable.accordion ul li span {
  display: block;
  line-height: 115%;
  padding: 8px 10px;
  width: 100%;
  position: relative;
}
.moduletable.accordion ul li:not(:nth-of-type(1)) a, .moduletable.accordion ul li:not(:nth-of-type(1)) span {
  border-top: 1px dashed rgba(0, 0, 0, 0.3);
}
.moduletable.accordion ul li a:hover, .moduletable.accordion ul li span:hover {
	cursor: pointer;
	background: rgba(255, 255, 255, 0.5);
	text-decoration: none;
}
.moduletable.accordion ul li.parent:not(.active) > ul {
	display: none;
}
.moduletable.accordion ul li.parent.active > ul > li a, .moduletable.accordion ul li.parent.active > ul > li > span {
  padding-left: 35px;
  font-style: italic;
  font-size: 90%;
}
.moduletable.accordion ul li.parent > span::after, .moduletable.accordion ul li.parent > a::after {
	content: "\e614";
  font-family: icomoon;
  vertical-align: middle;
  margin-left: 5px;
}
.moduletable.accordion ul li.parent.active > span::after, .moduletable.accordion ul li.parent.active > a::after {
	content: "\e617";
}

.moduletable.jshop-category a:active, .moduletable.jshop-category a:hover, .moduletable.jshop-category a:focus {
	text-decoration: none !important;
}

.moduletable.jshop-category ul li.just-loading a::after,
.moduletable.jshop-category ul li.just-loading span::after {
  content: "\e605";
  display: inline-block;
  font-family: icomoon;
  font-style: normal;
  margin-top: -9px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-webkit-keyframes spin { 
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin { 
  100% { 
    -webkit-transform: rotate(360deg); 
    transform: rotate(360deg); 
  }
}



.ng-invalid.ng-touched,
input[type="checkbox"].ng-invalid.ng-touched + label,
input[type="radio"].ng-invalid.ng-touched + label,
multiselect.ng-invalid.ng-touched .btn {
	background: #FFCECE;
}
input[type="radio"].ng-invalid.ng-touched + span,
input[type="checkbox"].ng-invalid.ng-touched + span,
input[type="radio"].ng-invalid.ng-touched + span a,
input[type="checkbox"].ng-invalid.ng-touched + span a {
	color: red;
	text-decoration: underline;
}



body.sajnaljuk .page-header {
  text-align: center;
}
body.sajnaljuk .articleBody {
	text-align: center;
}

.controls span {
	white-space: nowrap;
	margin-right: 15px;
}
.controls span label {
	font-weight: 100;
}


.banner-wrap img {
  width: 100%;
}
.banner-wrap .tablet, .banner-wrap .mobile {
  display: none;
}
@media all and (max-width:768px){
  .banner-wrap .pc {
    display: none;
  }
  .banner-wrap .tablet {
    display: block;
  }
}
@media all and (max-width:480px){
  .banner-wrap .pc {
    display: none;
  }
  .banner-wrap .tablet {
    display: none;
  }
  .banner-wrap .mobile {
    display: block;
  }
}




.loader-wrap {
    background: rgba(255, 255, 255, 0.85) none repeat scroll 0 0;
    bottom: 0;
    display: none;
    left: 0;
    padding: 5%;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}
body.loading .loader-wrap {
    display: block;
}
.loader {
    left: 0;
    margin: -92px auto 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    width: 100px;
}
.loader::before {
    content: "";
    display: block;
    padding-top: 100%;
}
.circular {
    animation: 2s linear 0s normal none infinite running rotate;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: center center 0;
    width: 100%;
}
.loader + .txt {
    display: block;
    font-size: 150%;
    left: 0;
    padding: 13px 15px 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}
.path {
    animation: 1.5s ease-in-out 0s normal none infinite running dash, 6s ease-in-out 0s normal none infinite running color;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
}
@keyframes rotate {
100% {
    transform: rotate(360deg);
}
}
@keyframes rotate {
100% {
    transform: rotate(360deg);
}
}
@keyframes dash {
0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
}
50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
}
100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
}
}
@keyframes dash {
0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
}
50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
}
100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
}
}
@keyframes color {
100%, 0% {
    stroke: #d62d20;
}
40% {
    stroke: #0057e7;
}
66% {
    stroke: #008744;
}
80%, 90% {
    stroke: #ffa700;
}
}
@keyframes color {
100%, 0% {
    stroke: #d62d20;
}
40% {
    stroke: #0057e7;
}
66% {
    stroke: #008744;
}
80%, 90% {
    stroke: #ffa700;
}
}




.component-wrap {
	padding-top: 115px;
}
.header-bar {
	background: #646363 none repeat scroll 0 0;
	left: 0;
	line-height: 95px;
	padding: 0 45px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}
.header-bar::before,
.header-bar::after {
  background: #646363 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 50%;
}
.header-bar::before {
  left: -50%;
}
.header-bar::after {
  right: -50%;
}
.btn-group-horizontal.pull-right {
  padding-right: 20px;
}
.btn-group-horizontal.pull-right .btn-clear {
	color: #c6c6c6;
	text-transform: uppercase;
	font-family: opensans_light;
}
.btn-group-horizontal.pull-right .btn-clear:hover {
	color: #fff;
}
.header-bar .buttons {
  display: inline-block;
  vertical-align: middle;
}
.header-bar .logo-wrap {
	margin-right: 20px;
	margin-top: 8px;
}
.header-bar h2 {
  color: #fff;
  display: inline-block;
  margin: -3px 20px 0 0;
  padding-left: 15px;
  vertical-align: middle;
}
.header-bar .buttons > *:not(.miniinfo) {
  color: #fff;
  cursor: pointer;
  font-size: 90%;
  font-weight: normal;
  margin: 0;
  padding: 0 6px;
  text-transform: uppercase;
}
.header-bar .buttons > a:hover {
	text-decoration: none;
}
.header-bar .buttons > * i::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #a8a8a8;
	border-radius: 50%;
	transform: scale(1.2);
	
}
.header-bar .buttons > * i {
  background: #a8a8a8 none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffff;
  display: inline-block;
  font-size: 17px;
  height: 36px;
  line-height: 36px;
  margin-right: 10px;
  margin-top: -4px;
  position: relative;
  text-align: center;
  transform: scale(1);
  transition: transform 0.3s ease 0s;
  vertical-align: middle;
  width: 36px;
}
.header-bar .buttons > *:hover i {
  transform: scale(1.2);
  transition: transform 0.3s;
}
.header-bar:not(.has-checked-input) .buttons a.success i,
.header-bar:not(.has-checked-input) .buttons label.call-success i,
.header-bar.has-checked-input .buttons label.call-success input:checked + span i {
	background: #5acc5a
}
.header-bar:not(.has-checked-input) .buttons a.success i::after,
.header-bar:not(.has-checked-input) .buttons label.call-success i::after,
.header-bar.has-checked-input .buttons label.call-success input:checked + span i::after {
	border-color: #5acc5a
}
.header-bar:not(.has-checked-input) .buttons label.call-failed i,
.header-bar.has-checked-input .buttons label.call-failed input:checked + span i {
	background: #f46161
}
.header-bar:not(.has-checked-input) .buttons label.call-failed i::after,
.header-bar.has-checked-input .buttons label.call-failed input:checked + span i::after {
	border-color: #f46161
}
.header-bar:not(.has-checked-input) .buttons label.call-callback i,
.header-bar.has-checked-input .buttons label.call-callback input:checked + span i {
	background: #f2599b
}
.header-bar:not(.has-checked-input) .buttons label.call-callback i::after,
.header-bar.has-checked-input .buttons label.call-callback input:checked + span i::after {
	border-color: #f2599b
}
.header-bar:not(.has-checked-input) .buttons label.temporary-refused i,
.header-bar.has-checked-input .buttons label.temporary-refused input:checked + span i {
	background: #66adef
}
.header-bar:not(.has-checked-input) .buttons label.temporary-refused i::after,
.header-bar.has-checked-input .buttons label.temporary-refused input:checked + span i::after {
	border-color: #66adef
}
.header-bar:not(.has-checked-input) .buttons label.permanently-refused i,
.header-bar.has-checked-input .buttons label.permanently-refused input:checked + span i {
	background: #ff8f4c
}
.header-bar:not(.has-checked-input) .buttons label.permanently-refused i::after,
.header-bar.has-checked-input .buttons label.permanently-refused input:checked + span i::after {
	border-color: #ff8f4c
}
.header-bar .buttons > * i + span {
  display: inline-block;
  vertical-align: middle;
	line-height: 100%;
}
.header-bar .buttons > * i + span span:not([class^="timepicker"]) {
  display: block;
}
.header-bar input[name="jform[callback_date]"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  color: #fff;
  display: inline-block;
  font-size: 100%;
  height: 30px;
  line-height: 100%;
  min-height: auto !important;
  padding: 0;
}
.header-bar input[name="jform[callback_date]"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  color: #fff;
  display: inline-block;
  font-size: 90%;
  height: 25px;
  line-height: 100%;
  margin-left: 5px;
  max-width: 130px;
  min-height: auto;
  padding: 0;
  vertical-align: bottom;
}
.header-bar input[name="jform[callback_date]"] {
	border-bottom: 1px solid #fff;
}
.header-bar input[name="jform[callback_date]"]::-webkit-input-placeholder {
	color: #fff !important;
}
.header-bar input[name="jform[callback_date]"]:-moz-placeholder {
	color: #fff !important;
}
.header-bar input[name="jform[callback_date]"]::-moz-placeholder {
	color: #fff !important;
}
.header-bar .buttons > * .bootstrap-datetimepicker-widget {
	color: #000;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
	width: 22em;
}
.timepicker-picker .btn {
	height: auto !important;
}


.com_callcenter .box .row .col-md-4 {
  padding: 0 6px;
}
.box {
	background: #f2f2f2 none repeat scroll 0 0;
	color: #6c6c6c;
	margin-bottom: 14px;
	padding: 15px;
	position: relative;
}
.box.inactive::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
}
.box h2 {
  border-left: 8px solid #d13478;
  color: #4d4d4d;
  font-size: 155%;
  margin: 0 -15px 15px;
  padding: 5px 21px;
  text-transform: uppercase;
  font-family: opensans_light;
}
.box table {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #cfcfcf;
  font-size: 90%;
  margin: 0;
}
.box .table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: #e9e9e9;
}
.box table tr td {
  padding: 4px 6px;
  vertical-align: middle;
}
.box table tr td:nth-of-type(1) strong {
	font-weight: normal;
}
.box table tr td:nth-of-type(2) {
  font-weight: bold;
  text-align: right;
}
.box ul {
  padding-left: 30px;
}

.box.questions .button-wrap {
	padding-top: 10px;
}
.box.questions .question {
  border-bottom: 1px solid #bababa;
  margin-bottom: 10px;
}
.box.questions .question > label::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #d13478;
  border-radius: 50%;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 5px;
}
.box.questions .question > label {
  color: #6c6c6c;
  font-size: 90%;
}
.box.questions .question .form-group label {
	cursor: pointer;
}
.box.questions .question .form-group label input {
  display: none;
}
.box.questions .question .form-group label input + span::before {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #cfcfcf;
  color: #6c6c6c;
  content: "";
  display: inline-block;
  font-family: icomoon;
  font-size: 13px;
  height: 22px;
  line-height: 21px;
  margin-right: 8px;
  margin-top: -3px;
  text-align: center;
  vertical-align: middle;
  width: 22px;
}
.box.questions .question .form-group label input[type="radio"] + span::before {
  border-radius: 50%;
}
.box.questions .question .form-group label input[type="radio"]:checked + span::before {
	content: "\e914";
}
.box.questions .question .form-group label input[type="checkbox"]:checked + span::before {
	content: "\e607";
}
.box.questions .question .form-group label input + span {
  display: inline-block;
	font-weight: normal;
}
.box.questions .question .form-group {
  padding-left: 18px;
  padding-top: 5px;
}
.box.questions .question .chzn-container {
  width: 100%;
}
.box.questions .question .form-group .checkbox-inline:nth-of-type(1),
.box.questions .question .form-group .radio-inline:nth-of-type(1) {
  padding-left: 0;
}
.box.questions .question .radio-inline {
	width: 100%;
	padding: 0;
	margin: 0;
}


.box.pcblut .button-wrapper {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #cfcfcf;
  margin: 15px 0;
  padding: 10px 5px;
}
.box.pcblut .button-wrapper ul {
  margin: 0;
  text-align: center;
}
.box.pcblut .button-wrapper ul li {
  padding: 0;
}
.box.pcblut .button-wrapper ul li .btn {
  border-radius: 0 !important;
  padding: 0 5px;
  font-size: 75%;
}
.box.pcblut .button-wrapper ul.centrums li .btn {
  color: #fff;
  margin: 3px;
}
.box.pcblut .button-wrapper ul li .btn.blut-message-button,
.box.pcblut .button-wrapper ul li .btn.blut-logout-button {
  display: none !important;
}
.box.pcblut .blut-opendays, .box.pcblut .blut-reservation-dates,  .box.pcblut .notification-wrapper {
  border: 1px solid #cfcfcf;
  background: #fff;
}
.box.pcblut .blut-opendays .date .day {
  display: none;
}
.box.pcblut .blut-opendays .row, .box.pcblut .blut-reservation-dates .row, .box.pcblut .notification-wrapper .row {
  font-size: 90%;
	margin: 0;
}
.box.pcblut .blut-opendays .row, .box.pcblut .blut-reservation-dates .row {
  line-height: 38px;
}
.box.pcblut .blut-opendays .row.timeslot-wrapper {
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
}
.box.pcblut .blut-opendays .row > div:not(.blut-timeslots) {
	padding: 0 5px;
}
.box.pcblut .blut-opendays .row > div:not(:nth-last-of-type(1)) {
  border-right: 1px solid #cfcfcf;
}
.box.pcblut .blut-opendays .row:nth-of-type(odd) {
  background: #E9E9E9;
}
.box.pcblut .blut-opendays .button-wrap div {
  display: inline-block;
  margin-top: -7px;
  vertical-align: middle;
}


.box.pcblut .blut-reservation-delete {
  cursor: pointer;
	color: #d13478;
}
.box.pcblut .blut-reservation-delete:hover {
  opacity: 0.6;
}


.box.pcblut .notification-item {
    padding: 12px 0;
}
.box.pcblut .notification-item:nth-of-type(odd) {
    background: #e9e9e9;
}
.box.pcblut .notification-header {
    display: block;
    width: 100%;
}
.box.pcblut .notification-title {
  cursor: pointer;
  display: block;
  float: left;
  width: 60%;
}
.box.pcblut .notification-title .new {
    color: #d13478;
    font-weight: bold;
}
.box.pcblut .notification-date {
    float: left;
    text-align: right;
    width: 40%;
		white-space: nowrap;
}
.box.pcblut .notification-remove {
    color: #d13478;
    display: inline-block;
    margin-left: 12px;
    margin-top: -3px;
    vertical-align: middle;
		cursor: pointer;
}
.box.pcblut .notification-remove:hover {
    opacity: 0.6;
}
.box.pcblut .notification-item:not(.active) .notification-message {
    display: none;
}
.box.pcblut .notification-message {
    clear: both;
    display: block;
    float: left;
    margin-top: 20px;
}


.box.pcblut .login-page .blockHeading {
  display: none;
}
.box.pcblut .login-page .row.birthday {
  margin-bottom: 15px;
}
.box.pcblut .login-page .row .info {
  background: #fff none repeat scroll 0 0;
  padding: 10px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
}

.popover-title:empty {
	display: none;
}






.ui-dialog {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
}
.ui-widget-overlay {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
}
.ui-dialog-titlebar-close {
  background: none;
  border: 0;
}
.ui-dialog-titlebar-close::before {
  color: #4d4d4d;
	content: "\e90d";
  font-family: icomoon;
  font-size: 13px;
}
.ui-dialog-titlebar-close {
  font-size: 0;
  right: 12px !important;
  text-indent: 0;
}
.ui-dialog-title {
  font-weight: bold;
}

.com_callcenter.view-admin .btn-toolbar.tile-style {
	padding-top: 50px;
}
.btn-toolbar.tile-style a {
  background: #f2f2f2 none repeat scroll 0 0;
  border: 0 none;
  color: #646363;
  display: inline-block;
  float: none;
  font-family: opensans_light;
  font-size: 160%;
  height: auto !important;
  margin: 5px;
  min-width: 200px;
  padding: 35px 30px !important;
}
.btn-toolbar.tile-style a:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
}
.btn-toolbar.tile-style a i {
  display: block;
  font-size: 71px;
  margin-bottom: 25px;
}
.btn-toolbar.tile-style a.topics i {
  color: #d23178;
}
.btn-toolbar.tile-style a.users i {
  color: #66adef;
}
.btn-toolbar.tile-style a.questions i {
  color: #5acc5a;
}
.btn-toolbar.tile-style a.friendinvite i {
  color: #F47920;
}


.table:not(.year-view):not(.month-view):not(.day-view) > thead > tr > th {
  background: #646363 none repeat scroll 0 0;
  border: 0 none;
  color: #e1e1e1;
  font-size: 90%;
  font-weight: normal;
  text-transform: uppercase;
  padding: 15px 10px !important;
}
.table.table-striped tbody tr td {
	/*border: 0;*/
	color: #646363;
}
.table tbody tr td a {
	color: #646363;
}
.table tbody tr td a:hover {
	color: #d02671;
}
.table.table-striped tbody tr:nth-of-type(odd) td {
  background: #e9e9e9;
}


.panel-primary > .panel-heading {
  background: #646363 none repeat scroll 0 0;
  border-color: #646363;
}
.panel.panel-primary {
  border-color: #646363;
}


.table tbody [class^="icon"] {
  background: gray none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  height: 28px;
  line-height: 28px;
  margin-right: 5px;
  margin-top: -4px;
  text-align: center;
  vertical-align: middle;
  width: 28px;
}
.table tbody .icon-szerkesztes {
	background: #d02671;
}
.table tbody .icon-hivas_eredmenyek {
	background: #e9780c;
}
.table tbody .icon-bin, .table .icon-cross {
	background: #f46161;
}
.table tbody .icon-eye-open, .table tbody .icon-xls {
	background: #66adef;
}
.table tbody .icon-phone {
	background: #66adef;
}
.table tbody .icon-kerdesek, .table tbody .icon-plus, .table tbody .icon-checkmark, .table tbody .icon-xls-export {
	background: #5acc5a;
}



.table tbody tr.form-status-callback td {
	background: #ffe8bc !important;
}
.table tbody tr td .label-info {
	background: #bf7900 !important;
}



.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}

.loaddonor .label {
  float: left;
  font-size: 100%;
  margin: 3px;
  padding: 5px 10px;
}

.site.com_callcenter table tr th, .site.com_callcenter table tr td {
	text-align: center;
}

.popup-blut-err .mfp-content {
	max-width: 600px;
	margin: 0 auto;
}
#blut-err {
  background: red;
  color: #fff;
  padding: 20px;
}


.refRegister-wrap h3 {
	margin: 0;
	padding: 20px;
	color: #fff;
	background: #646363;
}
.refRegister-wrap .content {
  padding: 20px;
}


.btn-blue, .btn-blue:focus {
	background: #0086c9;
	color: #fff;
}
.btn-blue:hover {
	background: #0372a5;
	color: #fff;
}

.color-magenta {
	color: #D13479;
}
thead.bg-magenta th {
	background-color: #D13479;
}
.inviter-title {
	color: #D13479;
	font-weight: bold;
}


.display-inline {
	display: inline;
}


h3.border-bottom {
	margin-bottom: 25px;
  padding-bottom: 10px;
}
h3.border-bottom:not(.empty) {
  border-bottom: 1px solid #646363;
}

input:invalid:focus {
  border: 1px solid red;
	outline: 0;
}

.well {
  background: rgba(0, 0, 0, 0.05);
  border: 0;
  box-shadow: 0 0 0 transparent;
}

#system-message .close {
  background: #D13479;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  opacity: 1;
  color: #fff;
  text-shadow: 0 0 0 transparent;
  text-align: center;
  line-height: 30px;
}
#system-message .close:hover {
	opacity: 0.8;
}

.table-striped > tbody > tr:nth-of-type(even) {
	background: #fff;
}

.btn.btn-inviterlist {
  background: #d13479 none repeat scroll 0 0;
  color: #fff;
  font-size: 24px;
  position: absolute;
  right: 15px;
  top: 15px;
	z-index: 2;
}
.btn.btn-inviterlist:hover {
  background: #b52b67 none repeat scroll 0 0;
}
.btn.btn-inviterexport {
  position: absolute;
  right: 70px;
  top: 15px;
	z-index: 2;
}
#connectForm label {
  font-size: 90%;
}
.oldlink {
	color: blue !important;
	text-decoration: underline;
}

.oldlink:hover {
	text-decoration: none;
}
.red {
	color: #A00;
}



.box.blutTimes ul {
	padding-left: 16px;
}
.box.blutTimes ul li [type="checkbox"] {
	margin-right: 5px;
}

.bootstrap-datetimepicker-widget ul {
	padding: 0 !important;
}
.bootstrap-datetimepicker-widget table {
	border: 0 !important;
}


.custom-breadcrumbs {
	margin-bottom: 22px;
}
.custom-breadcrumbs a {
	color: #000 !important;
}
.custom-breadcrumbs .blutTimes {
	text-transform: uppercase;
	font-family: opensans_light;
}
.custom-breadcrumbs .blutTimes input {
	border: 0;
	border-bottom: 2px solid #646363
}

.com_callcenter.view-default.task-call [class^="col"] {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.box.form_history .histroy-form-status {
	color: #d13478;
}
.box.form_history h4 {
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0px;
}
.box.form_history .item {
	padding: 10px 0;
}
.box.form_history .item:nth-of-type(1) {
	padding-top: 0;
}
.box.form_history .item:not(:nth-last-of-type(1)) {
	border-bottom: 1px solid #c8c8c8;
}



.marketing-module.marketing-reception .well {
	border-radius: 0;
	background: #f8f8f8;
	border: 1px solid #d8d8d8;
	padding: 22px 30px;
}
.marketing-module.marketing-reception .well.donor-search {
	background: #dbdbdb;
}

.marketing-module.marketing-reception .campaign-descriptions .row:not(:nth-last-of-type(1)) {
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.marketing-module.marketing-reception .donor-rows .row {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
}
.marketing-module.marketing-reception .donor-rows .row .col {
	padding: 15px;
	max-width: 100%;
	flex: 0 0 16.66%;
}
.marketing-module.marketing-reception .donor-rows label {
  min-height: 45px;
}
.marketing-module.marketing-reception .donor-rows label.title-label {
	min-height: auto;
	margin-top: 61px;
	text-transform: uppercase;
	margin-bottom: 0;
	color: #d13478;
}
.marketing-module.marketing-reception .donor-rows label.title-label::before {
	display: none;
}
.marketing-module.marketing-reception label {
	padding-left: 14px;
	position: relative;
	margin-bottom: 12px;
}
.marketing-module.marketing-reception label::before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 8px;
	height: 8px;
	background: #d13478;
	display: block;
	border-radius: 50%;
}
.marketing-module h2.legend {
	border-left: 8px solid #d13478;
	color: #4d4d4d;
	font-size: 155%;
	margin: 0 -20px 0;
	padding: 5px 21px;
	text-transform: uppercase;
	font-family: opensans_light;
}


.container.marketing-module.marketing-marketing {
	max-width: 1400px;
	width: 100%;
}
.marketing-module.marketing-marketing .table {
  border: 1px solid #d8d8d8;
}
.marketing-module.marketing-marketing .table tr:nth-of-type(2n) td {
	background: #f8f8f8;
}
.marketing-module .campaign-list .hidden-campaign td {
	box-shadow: inset 0 0 0 100px #f003;
}
.marketing-module .campaign-list textarea {
	min-width: 300px;
	height: 70px;
	min-height: auto;
}
.marketing-module .campaign-list h2 .centrum-filter {
	list-style: none;
	margin: 0 -10px;
	margin-top: 15px;
	margin-bottom: 0;
}
.marketing-module .campaign-list h2 .centrum-filter li {
	text-transform: capitalize;
	display: inline-block;
	vertical-align: middle;
  padding: 5px 10px;
  font-size: 0.8em;
}
.marketing-module .campaign-list h2 .centrum-filter li label {
  margin: 0;
  font-weight: normal;
}
.marketing-module .questions-list .row > div {
	padding: 0 5px;
}

multiselect .btn {
	background: #fff;
	border-radius: 0;
	box-shadow: 0 0 0 transparent;
}
multiselect.w-100 .btn-group, multiselect.w-100 .btn {
	width: 100% !important;
	text-align: left;
}

.table-cells-valign-middle tr td {
  vertical-align: middle !important;
}
.form-control.form-control-sm {
	height: 22px;
	font-size: 85%;
}

.row.valid-marketing-document-heads {
	margin-top: 12px;
}
.row.valid-marketing-document-heads .label {
  margin: 5px;
}



.d-inline-block {
  display: inline-block;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.text-right {
  text-align: right !important;
}

.w-auto {
  width: auto !important;
}
.w-100 {
  width:100%;
}

.pt-1 {
	padding-top: 5px;
}
.p-0 {
  padding: 0;
}

.ml-0 {
  margin-left: 0 !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mb-1 {
  margin-bottom: 5px !important;
}
.mb-2 {
  margin-bottom: 10px !important;
}
.mb-3 {
  margin-bottom: 15px !important;
}
.mb-4 {
  margin-bottom: 20px !important;
}

.mt-0 {
  margin-top: 0px !important;
}
.mt-4 {
  margin-top: 20px !important;
}

.btn.btn-with-big-icon {
  background: none;
}
.btn.btn-with-big-icon > i {
  background: #a8a8a8 none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffff;
  display: inline-block;
  font-size: 17px;
  height: 36px;
  line-height: 36px;
  margin-right: 10px;
  margin-top: -4px;
  position: relative;
  text-align: center;
  transform: scale(1);
  transition: transform 0.3s ease 0s;
  vertical-align: middle;
  width: 36px;
}
.btn.btn-with-big-icon:not(.btn-sm) > i::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #a8a8a8;
	border-radius: 50%;
	transform: scale(1.2);
}
.btn.btn-with-big-icon:hover i {
	transform: scale(1.2);
	transition: transform 0.3s;
}
.btn.btn-with-big-icon.btn-sm {
  padding: 0;
}
.btn.btn-with-big-icon.btn-sm > i {
	height: 30px;
	line-height: 30px;
	width: 30px;
  font-size: 14px;
  margin: 0;
}

.btn.btn-with-big-icon.success > i {
	background: #5acc5a;
}
.btn.btn-with-big-icon.success > i::after {
	border-color: #5acc5a;
}
.btn.btn-with-big-icon.danger > i {
	background: #f46161;
}
.btn.btn-with-big-icon.danger > i::after {
	border-color: #f46161;
}
.btn.btn-with-big-icon.warning > i {
	background: #ff8f4c;
}
.btn.btn-with-big-icon.warning > i::after {
	border-color: #ff8f4c;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	background-color: #d13478;
	border-color: #d13478;
}
.pagination > li > a, .pagination > li > span {
	color: #d13478;
}

.centrum-checkbox-label {
	width: 130px;
}

#system-message-container {
	margin-top: 100px;
	margin-bottom: -100px;
}