/* CSS Reset */
.csms_container h1, .csms_container h2, .csms_container h3, .csms_container h4, .csms_container h5, .csms_container h6 { margin-top: 0px; padding-top: 0px; }

/* CSS Reset END*/

@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);
@font-face {
    font-family: 'marsfontbold';
    src: url('/images/w_eromu/font/marsfontbold-webfont.eot');
    src: url('/images/w_eromu/font/marsfontbold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/images/w_eromu/font/marsfontbold-webfont.woff') format('woff'),
    url('/images/w_eromu/font/marsfontbold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'marsfontitalic';
    src: url('/images/w_eromu/font/marsfontitalic-webfont.eot');
    src: url('/images/w_eromu/font/marsfontitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('/images/w_eromu/font/marsfontitalic-webfont.woff') format('woff'),
    url('/images/w_eromu/font/marsfontitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'marsfont_lightregular';
    src: url('/images/w_eromu/font/marsfontlight-webfont.eot');
    src: url('/images/w_eromu/font/marsfontlight-webfont.eot?#iefix') format('embedded-opentype'),
    url('/images/w_eromu/font/marsfontlight-webfont.woff') format('woff'),
    url('/images/w_eromu/font/marsfontlight-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'marsfont_mediumregular';
    src: url('/images/w_eromu/font/marsfontmedium-webfont.eot');
    src: url('/images/w_eromu/font/marsfontmedium-webfont.eot?#iefix') format('embedded-opentype'),
    url('/images/w_eromu/font/marsfontmedium-webfont.woff') format('woff'),
    url('/images/w_eromu/font/marsfontmedium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'marsfontregular';
    src: url('/images/w_eromu/font/marsfontregular-webfont.eot');
    src: url('/images/w_eromu/font/marsfontregular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/images/w_eromu/font/marsfontregular-webfont.woff') format('woff'),
    url('/images/w_eromu/font/marsfontregular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "SevarekExtraLight";
    src: url(/images/w_eromu/font/SeravekWebBasicExtraLight.eot);
    src: local('☺'), url(/images/w_eromu/font/SeravekWebBasicExtraLight.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "SevarekLight";
    src: url(/images/w_eromu/font/SeravekWebBasicLight.eot);
    src: local('☺'), url(/images/w_eromu/font/SeravekWebBasicLight.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "SevarekRegular";
    src: url(/images/w_eromu/font/SeravekWebBasicRegular.eot);
    src: local('☺'), url(/images/w_eromu/font/SeravekWebBasicRegular.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "SevarekMedium";
    src: url(/images/w_eromu/font/SeravekWebBasicMedium.eot);
    src: local('☺'), url(/images/w_eromu/font/SeravekWebBasicMedium.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "SevarekBold";
    src: url(/images/w_eromu/font/SeravekWebBasicBold.eot);
    src: local('☺'), url(/images/w_eromu/font/SeravekWebBasicBold.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
	font-family: 'DINNextLTPro';
	src: url('/images/w_eromu/font/DINNextLTPro-Regular.eot');
	src: local('☺'), url('/images/w_eromu/font/DINNextLTPro-Regular.woff') format('woff'), 
					 url('/images/w_eromu/font/DINNextLTPro-Regular.ttf') format('truetype'), 
					 url('/images/w_eromu/font/DINNextLTPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face { font-family: 'dinnextltpro'; src: local('DINNextLTPro'); }


@font-face {
	font-family: 'DINNextLTPro-Bold';
	src: url('/images/w_eromu/font/DINNextLTPro-Bold.eot');
	src: local('☺'), url('/images/w_eromu/font/DINNextLTPro-Bold.woff') format('woff'), 
					 url('/images/w_eromu/font/DINNextLTPro-Bold.ttf') format('truetype'), 
					 url('/images/w_eromu/font/DINNextLTPro-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINNextLTPro-Light';
	src: url('/images/w_eromu/font/DINNextLTPro-Light.eot');
	src: local('☺'), url('/images/w_eromu/font/DINNextLTPro-Light.woff') format('woff'), 
					 url('/images/w_eromu/font/DINNextLTPro-Light.ttf') format('truetype'), 
					 url('/images/w_eromu/font/DINNextLTPro-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINNextLTPro-Lite';
	src: url('/images/w_eromu/font/DINNextLTPro-Light.eot');
	src: local('☺'), url('/images/w_eromu/font/DINNextLTPro-Light.woff') format('woff'), 
					 url('/images/w_eromu/font/DINNextLTPro-Light.ttf') format('truetype'), 
					 url('/images/w_eromu/font/DINNextLTPro-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINNextLTPro-Black';
	src: url('/images/w_eromu/font/DINNextLTPro-Black.eot');
	src: local('☺'), url('/images/w_eromu/font/DINNextLTPro-Black.woff') format('woff'), 
					 url('/images/w_eromu/font/DINNextLTPro-Black.ttf') format('truetype'), 
					 url('/images/w_eromu/font/DINNextLTPro-Black.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINNextLTPro-Medium';
	src: url('/images/w_eromu/font/DINNextLTPro-Medium.eot');
	src: local('☺'), url('/images/w_eromu/font/DINNextLTPro-Medium.woff') format('woff'), 
					 url('/images/w_eromu/font/DINNextLTPro-Medium.ttf') format('truetype'), 
					 url('/images/w_eromu/font/DINNextLTPro-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body {

}
.included_content{
  font-family: verdana;
  font-size: 12pt;
  color: black;
  font-style:normal;
  font-weight:normal;
}
  
.included_content #contenttitle,
.csms_container #contenttitle{
  position: relative;  
  display:block; 
  font-family: 'marsfont_lightregular', 'DINNextLTPro-Light', 'Open Sans', sans-serif;
  font-size: 2em;
  line-height: 1em;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
.included_content #contenttitle,
.csms_container #contenttitle{
        width: 100%;
        min-width: 200px;                
      }
    }  

.included_content .tartalom,
.csms_container .tartalom{
  font-family: 'marsfont_lightregular', 'DINNextLTPro-Light', 'Open Sans', sans-serif;
  color: black; 
}

.included_content h1,
.csms_container h1{
  position: relative;  
  display:inline-block;
  font-family: 'marsfont_lightregular', 'DINNextLTPro-Light', 'Open Sans', sans-serif;
  font-size: 2em;  
  line-height: 1em;
}

.included_content .alcim,
.csms_container .alcim{
  color: black;
  font-family: 'marsfont_lightregular', 'DINNextLTPro-Light', 'Open Sans', sans-serif;
  font-size: 1.5em;  
  line-height: 1em;
  font-weight:bold;  
}

.csms_container #csms_ajxreq a {
  color: black;
  text-decoration: none;
  font-weight: bold;
}
.csms_container #csms_ajxreq a:hover {
  color: black;
  text-decoration: underline;
  font-weight: bold;
}

#footer{
	background: black;
}

.digital_btn{
	position: relative;
	display: inline-block;	
	border: 0;
	border-radius: 14px;	
	background: #f39200;
	padding: 8px 20px;
	color: white !important;
}

.digital_outline_btn{
	position: relative;
	display: inline-block;	
	border: 1px solid #f39200;
	border-radius: 14px;	
	background: white;
	padding: 8px 20px;
	color: #f39200 !important;
}

.text-yellow{
	color: #f39200;
}

@media screen and (min-width: 990px) {
	.text-md-white{
		color: white;
	}
}
.a_gallery_album {
	position: relative !important;
	display: inline-block !important;	
	width: 197px !important;
	height: 155px !important;
	margin-right: 30px !important;
	margin-top: 30px !important;
	margin-bottom: 30px !important;	
	cursor: pointer !important;
}

.a_gallery_album.selected{background: url(/images/w_eromu/album_selected.png) no-repeat top left !important;}
.a_gallery_album.unselected{background: url(/images/w_eromu/album.png) no-repeat top left !important;}

.a_gallery_album_title {
	position:absolute !important;
	top: 155px !important;
	left:0px !important;
	width: 197px !important;
	text-align: center !important;
	color: #5B5B5B; !important;
}

.a_gallery_album_indexpicture {
	position:absolute !important;
	top: 25px !important;
	left:25px !important;
	width: 161px !important;
	height: 113px !important;
	cursor: pointer !important;
}


.floatbox{
  position: relative;
  display:block;
}

.floatbox .top{
  position: relative;
  display:block;
  background: url(/images/w_eromu/floatbox/top.png) no-repeat top left;
  width: 154px;
  height:21px;
  padding-top:12px;
  padding-left:12px;
  padding-right:12px;
  color: black;
}

.floatbox .content{
  position: relative;
  display:block;
  background: url(/images/w_eromu/floatbox/content.png) repeat-y top left;
  width: 154px;
  min-height:50px;
  padding-left:12px;
  padding-right:12px;
}

.floatbox .bottom{
  position: relative;
  display:block;
  background: url(/images/w_eromu/floatbox/bottom.png) no-repeat top left;
  width: 180px;
  height: 25px;
}

.floatbox .bottom input[type="submit"]{
  position: absolute;
  top: -14px;
  right: 16px;
}


.info
{
  margin: 4px 0 !important;
  padding: 4px 4px 4px 25px!important;
  background: url(/sfDoctrinePlugin/images/info.png) no-repeat 5px 4px!important;
  border: 1px solid #bbb!important;
  background-color: #e0dff7!important;  
  width: 99%!important;
}

.notice,
.success
{
  margin: 4px 0 !important;
  padding: 4px 4px 4px 30px!important;
  background: url(/sfDoctrinePlugin/images/tick.png) no-repeat 10px 4px!important;
  border-top: 1px solid #ddd!important;
  border-bottom: 1px solid #ddd!important;
  background-color: #ffc!important;  
  width: 99%!important;
}

.error
{  
  background: url(/sfDoctrinePlugin/images/error.png) no-repeat 10px 4px!important;
  background-color: #f33!important;
  color: #fff!important;
  width: 99% !important;
}
.error span{
  display: inline-block;
  padding: 4px 4px 4px 30px!important;
}

ul.error_list
{
  margin: 0!important;
  padding: 0px !important;
  color: #d33!important;
  border: none!important;
  background-color: #f33!important;
  padding:0!important;
  padding-left:4px!important;
  }

ul.error_list li
{

  padding: 0px !important;
  padding-left: 24px !important;
  list-style: none!important;
  color: #fff!important;
  background: url(/sfDoctrinePlugin/images/error.png) no-repeat 2px 0px!important;
  margin:0!important;
}

.form-group{
	position: relative;
}

.formError ul.error_list
{
  margin: 0!important;
  padding: 0px !important;
  color: inherit;
  border: none!important;
  background:none !important;
}

.formError { z-index: 990; }
.formError .formErrorContent { z-index: 991; }
.formError .formErrorArrow { z-index: 996; }

.formError {
  position: relative;
  display: block;
  width:100%;
  height: 100%;
}

.formInnerError {
  position: absolute;
  display: block;
  cursor: pointer;
  left:50%;
  opacity: 0.87;
  text-align: left;
}

.formInnerError.up { top: -30px; }
.formInnerError.down { top: 30px; }

.formInnerError.captcha{ left: 5%; top:54px; }

.formError .formErrorContent {
  width: 100%;
  background: #ee0101;
  position:relative;
  color: #fff;
  width: 150px;
  font-size: 11px;
  border: 2px solid #ddd;
  box-shadow: 0 0 6px #000;
  -moz-box-shadow: 0 0 6px #000;
  -webkit-box-shadow: 0 0 6px #000;
  padding: 4px 10px 4px 10px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.formError .formErrorArrow {
  width: 15px;
  position:relative;
}

.formError .formErrorArrow.down { margin: -40px 13px 0 10px; }
.formError .formErrorArrow.up { margin: -2px 0 0 13px; }


body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
  margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0px 0 0 12px;
  top:2px;
}

.formError .formErrorArrow div {
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd;
  box-shadow: 0 2px 3px #EE0101;
  -moz-box-shadow: 0 2px 3px #EE0101;
  -webkit-box-shadow: 0 2px 3px #EE0101;
  font-size: 0px;
  height: 1px;
  background: #ee0101;
  margin: 0 auto;
  line-height: 0;
  font-size: 0;
  display: block;
}

.formError .formErrorArrowBottom div {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.formErrorArrow div {
  background: #33be40;
}

.formErrorArrow div {
  background: #393939;
  color: #FFF;
  box-shadow: none;
}

.formError .formErrorArrow .line10 { width: 15px; border: none; }
.formError .formErrorArrow .line9 { width: 13px; border: none; }
.formError .formErrorArrow .line8 { width: 11px; }
.formError .formErrorArrow .line7 { width: 9px; }
.formError .formErrorArrow .line6 { width: 7px; }
.formError .formErrorArrow .line5 { width: 5px; }
.formError .formErrorArrow .line4 { width: 3px; }
.formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0 solid #ddd; }
.formError .formErrorArrow .line2 { width: 3px; border: none; background: #ddd; }
.formError .formErrorArrow .line1 { width: 1px; border: none; background: #ddd; }



.newFormError{
  position: absolute;
  display: inline-block;
  background: url(/images/admin/exclamation-mark.png) no-repeat center center !important;
  height:20px;
  width:28px;
  top: 8px;
  right: 0;
  cursor: help;
}

  .newFormInnerError{
    display: none;
    position: absolute;
    top:20px;
    left: 28px;
    height: auto;
    max-width: 200px;    
    z-index:999;
    background-color: white;
    cursor: help;
  }
  .newFormError:hover .newFormInnerError{
    display: block;
    cursor: help;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 4px;
    -webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    2px 2px 4px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         2px 2px 4px 0px rgba(50, 50, 50, 0.75);
    font-size:10pt;
    color: #777;
  }

  
 
.csms_frontend_hint{
    display: none;
    position: absolute;    
    height: auto;
    max-width: 400px;    
    z-index:999;
    background-color: white;
    cursor: help;
    cursor: help;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 4px;
    -webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    2px 2px 4px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         2px 2px 4px 0px rgba(50, 50, 50, 0.75);
    font-size:10pt;
    color: #777;
    
  }
  .csms_frontend_hint_box:hover .csms_frontend_hint{
    display: block;    
  }
  
#secure_error_box{
  margin:0 auto;
  position: fixed;
  top: 50%;
  left:50%;
  transform: translate(-50%, -50%);
  height:100px;
  width:300px;
  background-color:white;
  border:2px solid #666;
  z-index:999;
}