@font-face { 
    font-family: 'ProximaALight'; 
    src: url('../fonts/proxima/30EE1F_0_0.eot'); 
    src: url('../fonts/proxima/30EE1F_0_0.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/proxima/30EE1F_0_0.woff') format('woff'), 
         url('../fonts/proxima/30EE1F_0_0.woff2') format('woff2'), 
         url('../fonts/proxima/30EE1F_0_0.ttf') format('truetype');
    font-weight: lighter; 
    font-style: normal; 
} 

@font-face { 
    font-family: 'ProximaSLight'; 
    src: url('../fonts/proxima/30EE1F_1_0.eot'); 
    src: url('../fonts/proxima/30EE1F_1_0.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/proxima/30EE1F_1_0.woff') format('woff'), 
         url('../fonts/proxima/30EE1F_1_0.woff2') format('woff2'), 
         url('../fonts/proxima/30EE1F_1_0.ttf') format('truetype');
    font-weight: lighter; 
    font-style: normal; 
} 

@font-face { 
    font-family: 'ProximaLight'; 
    src: url('../fonts/proxima/30EE1F_2_0.eot'); 
    src: url('../fonts/proxima/30EE1F_2_0.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/proxima/30EE1F_2_0.woff') format('woff'), 
         url('../fonts/proxima/30EE1F_2_0.woff2') format('woff2'), 
         url('../fonts/proxima/30EE1F_2_0.ttf') format('truetype');
    font-weight: lighter; 
    font-style: normal; 
} 

@font-face { 
    font-family: 'ProximaA'; 
    src: url('../fonts/proxima/30EE1F_3_0.eot'); 
    src: url('../fonts/proxima/30EE1F_3_0.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/proxima/30EE1F_3_0.woff') format('woff'), 
         url('../fonts/proxima/30EE1F_3_0.woff2') format('woff2'), 
         url('../fonts/proxima/30EE1F_3_0.ttf') format('truetype');
    font-weight: normal; 
    font-style: normal; 
} 

@font-face { 
    font-family: 'ProximaS'; 
    src: url('../fonts/proxima/30EE1F_4_0.eot'); 
    src: url('../fonts/proxima/30EE1F_4_0.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/proxima/30EE1F_4_0.woff') format('woff'), 
         url('../fonts/proxima/30EE1F_4_0.woff2') format('woff2'), 
         url('../fonts/proxima/30EE1F_4_0.ttf') format('truetype');
    font-weight: normal; 
    font-style: normal; 
} 

@font-face { 
    font-family: 'Proxima'; 
    src: url('../fonts/proxima/30EE1F_5_0.eot'); 
    src: url('../fonts/proxima/30EE1F_5_0.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/proxima/30EE1F_5_0.woff') format('woff'), 
         url('../fonts/proxima/30EE1F_5_0.woff2') format('woff2'), 
         url('../fonts/proxima/30EE1F_5_0.ttf') format('truetype');
    font-weight: normal; 
    font-style: normal; 
} 

body, table, tr, td, div, span, p, input, a
{
	margin:0;
	padding:0;
    font-family: 'Proxima';
	font-size:15px;
	letter-spacing:normal;
        /*font-family: "Arial","Segoe UI", "Verdana";*/
	vertical-align:top;
}

iframe{
	border:0;
}

div{
   box-sizing: border-box; 
}

form {
    margin: 0;
    padding: 0;
}

body
{
 margin: 0;
 padding: 0;
 color:black;
 text-align: left;
 vertical-align:top;
 background-color:#f4f4f4;
}

table
{
 border-collapse: collapse;
}

div, span{
	overflow:none;
}
img{
	border:0px;
	border-collapse: collapse;
}

.nopadding{
	padding: 0px !important;
}






#header {
    display: block;
    position: static;
    width: 100%;
	height:60px;
	z-index:900;
	
}
.logo{
    display: block;
    position: relative;
    height: 60px;
    width: 310px;
	float: left;
}

.center{
	margin:0px auto;
}


.logo_container {
  background-image: url("images/qlm_logo.png");
  background-repeat: no-repeat;
  display: block;
  float: left;
  height: 39px;
  margin-top: 11px;
  position: relative;
  border-right: solid #565656 1px;
  margin-right: 4px;
  width: 140px;
  background-size: 135px auto;
  
}
.logo_title{
  display: block;
  float: left;
  height: 60px;
  margin-top: 17px;
  position: relative;
  width: 150px;
  font-size:15pt;
  color:#565656;
}


.topbar {
    display: block;
    position: fixed;
    float: left;
    width: 100%;
    height: 60px;
    z-index: 5;
    transition: all linear .2s;
	box-shadow: 0 4px 10px 0 rgba(0,0,0,0.05);
	padding:0px 20px;
}
.topbar:hover, .topbar.hovered, .topbar.mindiglatszik{
    background-color: #fff;
}

.topbar:hover  .logo  .logo_container, .topbar.hovered .logo  .logo_container, .topbar.mindiglatszik .logo  .logo_container{
    background-position: center;
}

.topbar:hover ul.topmenu li a span, .topbar.hovered ul.topmenu li a span, .topbar.mindiglatszik ul.topmenu li a span{
color:#7f7f7f;
}


.contentsection {
    box-sizing: border-box;
}

section {
    display: block;
    position: relative;
    width: 100%;
    float: left;
    background-color: #fff;
}
section .in {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 1020px;
    overflow: visible;
}

section.login{
	float:none;
	margin: 80px auto;
	height: 459px;	
	width: 490px;	
	background-color: #FFFFFF;	
	box-shadow: 0 4px 10px 0 rgba(0,0,0,0.05);
}
section.login .in{
	width:360px;
}

section.login-permission{
	float:none;
	margin: 80px auto;
	height: 559px;
	width: 490px;
	background-color: #FFFFFF;
	box-shadow: 0 4px 10px 0 rgba(0,0,0,0.05);
}
section.login-permission .in{
	width:360px;
}

.bejelentkezes {
	display:block;
	position:relative;
	width:100%;
	color: #333333;
	font-size: 28px;
	font-weight: bold;
	line-height: 34px;
	padding-top:53px;
	padding-bottom:44px;;
	text-align:center;
}

.login input[type="text"], .login input[type="password"], .login-permission input[type="text"] {
	display:block;
	position:relative;
	height: 50px;
	width: 360px;
	background-color: #FFFFFF;
	margin-bottom:19px;
}

input[type="button"], input[type="submit"], div.button {
  background-color: #e90b8b;
  border: medium none;
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}


.logintext{
	position:absolute;
	display:block;
	top:385px;
	/*width: 167px;*/
	width: 100%;
	font-family: "Proxima Nova";
}


.login-permission .back-text {
	position: absolute;
	display: block;
	top: 485px;
	width: 100%;
	font-family: "Proxima Nova";
}

input[type="submit"].bejelentkezes-btn{
	margin-top:35px;
	margin:0px auto;
}

.elfelejtett-jelszo, .belepesi-jogosultsag {
	height: 17px;
	color: #EE008B;
	font-family: "Proxima";
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
	text-align: center;
	position:relative;
	display:inline-block;
}

.elfelejtett-jelszo{
	/*left:8px;*/
	float: left;
}
.belepesi-jogosultsag{
	/*left:62px;*/
	float: right;
}


.header_image_out{
	height:510px;
}
.header_image{
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-color: #2A2A2A;
}

.header_image.noresize{
    background-size: contain;
}

.header_image_b{
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    background-image: url("images/isometric-wire.png");
}

.header_image_b.nincsracs{
    background-image: none;
}

.header_szoveg{
    display: block;
    position: absolute;
    float: left;
    width: 100%;
    height: 100%;
    z-index:3;
}

.header_szoveg_b{
  display: inline-block;
  vertical-align: middle;
  line-height: normal; 
  width:100%;
  
  box-sizing: border-box;
 
}

.header_szoveg_bb{
    display: block;
    margin: 0 auto;
    position: relative;
    width: 1060px;
	padding-top:84px;
}

.header_szoveg_gomb {
  display: inline-block;
  float: left;
  margin-top: 20px;
}

.topmenu{
	display: block;
	position: relative;
	float: left;
}

.topmenu_ul{
	display: block;
	position: relative;
	float: left;
	list-style: none;
	padding: 5px 0 0 0; 
	margin: 0px;
}

.topmenu_item{
	display: inline-block;
	position: relative;
	float: left;
	margin-right: 10px;
	
}

.topmenu_item a{
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	padding: 18px 16px;
	
	color: #C3C3C3;
	font-family: 'Proxima';
	text-transform: uppercase;
	font-size: 13px;
	text-decoration: none;
}

.topmenu_item.active a{
	color:#E22285;
}

.topmenu_item:hover, .topmenu_item.active{
	border-bottom: 2px solid #E22285;
} 

.content{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	
}

.content.feher{
	background-color: #fff;
}

.in{
	display: block;
	position: relative;
	/*width: 1005px;*/
	width: 1300px;
	margin: 0 auto;
}

.page_title,.page_title span{
	display: inline-flex;
	position: relative;
	/*float: left;*/
	width: 100%;
	color: #C3C3C3;
	font-family: 'Proxima';
	color: #333333;
	font-size: 32px;
	margin-top: 10px;
	margin-bottom: 20px;
	font-weight: 700;
}


.page_title .title{
    float: left;
}

.page_title .filter-button {
    padding: 8px;
    float: right;
    color: #e22285;
}

.filter_title{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 7px;
	color: #333333;
	
}

.filter_chosen_holder{
	display: block;
	position: relative;
	float: left;
	width: 100%;
}

.inputfield.filterfield{
	display: block;
	width: 100%;
	height: 44px;
	line-height: 44px;
	box-sizing: border-box;
	padding: 7px;
	border: 1px solid #e8e8e8;
}

.filter_chosen_holder .chosen-container-single .chosen-single{
	height: 44px;
	line-height: 44px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.dataTables_filter { visibility: hidden;}


.adminlist th{
	color: #040201;
	font-family: 'Proxima';
	font-size: 14px;
	font-weight: 700;
	text-align: left;
}

.adminlistcell{
	font-family: 'Proxima';
	color: #333333;
	font-size: 11px;
	padding: 18px 10px !important;
	border-bottom: 1px solid #E6E6E6;
	word-break: break-word;
}

td.adminlistcell:first-of-type{
	border-left: 1px solid #E6E6E6;
}

td.adminlistcell:last-of-type{
	border-right: 1px solid #E6E6E6;
	padding: 13px 13px 0 10px !important;
}

.adminrozsabutton{
	display: inline-block;
	float: right;
	padding:6px 13px;
	background-color: #e22285;
	font-family: 'Proxima';
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	margin-left: 10px;
}

.admin_reszltekgomb{
	display: inline-block;
	/*float: left;*/
	width: 28px;
	height: 28px;
	background-image: url('images/reszletek_gomb.png');
	background-position: center center;
	background-repeat: no-repeat;
}


.admin_letoltgomb{
	display: inline-block;
	/*float: left;*/
	width: 28px;
	height: 28px;
	background-image: url('images/letolt_ikon.png');
	background-position: center center;
	background-repeat: no-repeat;
}
.crumbsor{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 0px;
}

.crumb_item{
	font-family: 'Proxima';
	font-size: 11px;
	color: #AAAAAA;
	font-weight: 700;
	text-decoration: none;
	word-break: break-word;
}

.crumb_item:first-of-type{
	color: #E22285;
	font-weight: 400;
}

.eszkozdata{
	display: block;
	position: relative;
	float: left;
	background-color: #fff;
	padding-right: 0px;
	
}

.tokfolosleges_szurkesav{
	display: block;
	position: relative;
	float: left;
	
	width: 100%;
	padding: 5px;
}

.tokfolosleges_szurkesav_b{
	height: 57px;
	line-height: 57px;
	background-color: #F9F9F9;
	display: block;
	position: relative;
	float: left;
	width: 100%;
	font-size: 18px;
	padding-left: 20px;
}

.eszkoz_tobbidata{
	display: block;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding: 20px 20px 0;
}

.eszkozdata_title{
	color: #333333;
	font-family: 'Proxima';
	font-weight: 700;
}

.tokfolosleges_szurkesav_b .eszkozdata_title,.tokfolosleges_szurkesav_b .eszkozdata_value{
	font-size: 18px;
} 

.eszkoz_tobbidata .eszkozdata_title, .eszkoz_tobbidata .eszkozdata_value{
	font-size: 16px;
}

.eszkoz_tobbidata .eszkozdata_title{
	text-align: right;
}

.eszkozdata_holder{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	
}

.eszkozfile_holder{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin-top: 30px;
}

.boxtitle{
	color: #373737;
	font-family: 'Proxima';
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 7px;
}

.filelist_holder{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin-top: 20px;
}

.filelist_item{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	background-color: #fff;
	padding: 0 0 0 20px !important;
	min-height: 50px;
	line-height: 50px;
	font-family: 'Proxima';
	font-size: 14px;
	color: #333333;
	border-left: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	word-break: break-word;
	
}

.filelist_item:last-of-type{
	border-bottom: 1px solid #E6E6E6;
}


.letoltesgomb{
	height: 30px;
	line-height: 30px;
	box-sizing: border-box;
	border: 1px solid #e22285;
	text-decoration: none;
	padding: 0px 20px 0 40px;
	font-family: 'Proxima';
	background-image: url('images/letolt_ikon.png');
	background-position: left 10px center;
	background-repeat: no-repeat;
	color: #e22285;
}

.filelist_item .letoltesgomb{
	float: right;
	margin-top:10px;
	margin-right: 10px;
}

.hr{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: 1px;
	background-color: #E6E6E6;
	margin: 20px 0;
}

.nagyrozsagomb{
	display: inline-block;
	padding: 14px 20px;
	background-color: #e22285;
	font-size: 18px;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
}

.eszkozfile_holder.kismargin{
	margin-top: 11px;
}

.szerviz_egyeb{
	width: 97.7%;
	font-family: 'Proxima';
	resize: none;
	border: 1px solid #E6E6E6;
	height: 100px;
	padding: 10px;
	
}

.uresgomb{
	font-family: 'Proxima';
	padding: 10px 38px;
	border: 1px solid #e22285;
	color: #e22285;
	font-size: 18px;
	text-decoration: none;
	font-weight: 700;
	background-color: #fff;
}

.ro_label{
	display: block;
	position: relative;
	height: 50px;
	line-height: 50px;
	font-family: 'Proxima';
	font-size: 18px;
	color: #373737;
	font-size: 14px;
	border: 1px solid #e8e8e8;
	padding-left: 10px;
	box-sizing: border-box;
	background-color: #fff;
}

.filethumb{
	display: block;
	position: relative;
	float: left;
	width: 60px;
	height: 55px;
	border: 1px solid #e8e8e8;
	margin-right: 10px;
	cursor:pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.bottom_button.pdf{
	background-image: url('images/pdf.png');
	height: 60px;
	background-size: 40px 40px;
	padding-top: 40px;
	width:100px;
	box-sizing: border-box;
}

.bottom_button.word{
	background-image: url('images/word.png');
	height: 60px;
	background-size: 40px 40px;
	padding-top: 40px;
	width:100px;
	box-sizing: border-box;
}

.bottom_button.excel{
	background-image: url('images/excel.png');
	height: 60px;
	background-size: 40px 40px;
	padding-top: 40px;
	width:100px;
	box-sizing: border-box;
}

.bottom_button.img{
	height: 60px;
	background-size: 40px 40px;
	padding-top: 40px;
	width:100px;
	/*background-size: contain;*/
	box-sizing: border-box;
}



.bottom_button{
	height: 34px;
	width: 25%;
	font-size: 10pt;
	color: #7f7f7f;
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 28px;
	text-align: center;
	cursor:pointer;
	display:block;
	float:left;
	text-decoration: none;

}
.bottom_button:hover, .bottom_button.active{
	color:#000;
}


.servicecomplete_holder{
	display: block;
	position: relative;
	width: 690px;
	margin: 0 auto;
	box-sizing:border-box;
	padding-top: 150px;
	text-align: center;
}

.servicecomplete_row{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	font-family: 'Proxima';
	padding-bottom: 20px;
}

.servicecomplete_row:nth-of-type(1){
	color: #7F8588;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
}

.servicecomplete_row:nth-of-type(2){
	color: #333333;
	font-weight: 700;
	font-size: 28px;
	
}

.servicecomplete_row:nth-of-type(3){
	color: #7F8588;
	
	font-size: 20px;
	
}


.loggedin {
  background-color: #fff;
  background-image: url("images/profile.png");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 65%;
  box-sizing: border-box;
  display: block;
  height: 60px;
  padding-left: 44px;
  position: absolute;
  right: 0;
  width: 210px;
  z-index: 10;
  cursor: pointer;
  margin-right: 30px;
}

.loggedin_name{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	color: #040201;
	font-size: 14px;
	font-family: 'Proxima';
	font-weight: 700;
	height: 30px;
	line-height: 30px;
	padding-top:5px;
}

.loggedin_company{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	color: #7F8588;
	font-size: 13px;
	height: 30px;
	line-height: 22px;
	padding-bottom:5px;
}

.szurestorles{
	display: block;
	position: absolute;
	right: 0px;
	height: 36px;
	line-height: 36px;
	width: 145px;
	top:24px;
	background-color: #EDEDED;
	padding-right: 30px;
	background-image: url("images/delete.png");
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: auto 20px;
  cursor:pointer;
  padding-left: 10px; 
  font-family: 'Proxima';
}

.excelexport{
   
    background-color: #e22285;
    font-family: 'Proxima';
    color: #fff;
    height: 36px;
    padding: 10px;
    width: 145px;
    top:24px;
    text-align: center;
    cursor:pointer;
}



.footer{
	display: none;
	position: fixed;
	bottom:0px;
	height: 70px;
	width: 100%;
	background-color: #E8E8E8;
}

.footerlink{
	display: block;
	position: relative;
	margin: 0px 20px;
	height: 70px;
	line-height: 70px;
	font-family: 'Proxima';
	color: #C3C3C3;
	font-size: 13px;
	float: right;
	text-decoration: none;
}





.center{
	margin:0px auto;
    float: none;
}

.cikk{
	margin-top:48px;
	font-size:15pt;
	color:#7f7f7f;
}

.cikk .cim{
	font-size:17pt;
	font-weight:bold;
	margin-bottom:12px;
	color:#000;
}

.header_szoveg_bb{
	font-size: 20pt;
	color:#fff;
}

.header_szoveg_cim{
	font-size: 28pt;
}

.hidden{
	display:none;
}


.chosen-container-single .chosen-single div b{
	background-image:none;
	content: " ";
	background-image:none;
    width  : 8px;
    height : 8px;

    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    border-right: 2px solid #e22285;
    border-bottom: 2px solid #e22285;
	margin-top:20px;
}

.filter_chosen_holder .chosen-container-single .chosen-single div b{
	margin-top:16px;
}

.chosen-container-single .chosen-single{
	height: 50px;
	line-height:50px;
}

.dataTables_info{
	display:none;
}

.content, .cikk{
	margin-bottom:60px;
}
.content.szuro{
	margin-bottom:5px;
}


.dataTables_wrapper .dataTables_length{
	position: absolute !important;
	bottom: 0px !important;
}


.szuropopup.s{
	display: none;
}

.logout_icon{
	width: 40px;
		height: 40px;
		right: 10px;
		top: 10px;
		background-image: url("images/poweroff.png");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 69%;
		display: block;
		position: fixed;
		z-index:10;
}

.upload-button {
	margin-left: 25px;
}

@media only screen and (max-width:1200px){

	body, table, tr, td, div, span, p, a {
		font-size: 11px;
	}

	.szerviz_egyeb {
		width: 93.8%;
	}

	.filter-row .col-1-6 {
		width: 33.333%;
	}
	
	.adminlist th{
		font-size:11px;
	}
	
	.dataTables_wrapper .dataTables_length {
		position: absolute !important;
		bottom: -28px !important;
		right: 0;
	}
	
	
	.logintext,.elfelejtett-jelszo, .belepesi-jogosultsag{
		width: 100%;
		text-align: left;
	}
	
	.logout_icon{
		width: 40px;
		height: 40px;
		right: 10px;
		top: 10px;
		background-image: url("images/poweroff.png");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		display: block;
		position: fixed;
		background-size: 30px 30px;
		z-index: 9;
		
	}
	
	.filter_chosen_holder.s{
		display: block;
		position: relative;
		float: left;
		width: 100%;
		box-sizing: border-box;
		background-image: url("images/arrow-down.png");
		background-position: right center;
		background-repeat: no-repeat;
		background-color: #fff;
		padding-left: 6px;
		color: #ababab;
	}
	
	
	.mobileselect{
		display: block;
		position: relative;
		width: 100%;
		border: 1px solid whitesmoke;
		height: 40px;
		line-height: 40px;
		background-color: transparent;
		background-image: url("images/arrow_down.png");
		background-position: right center;
		background-repeat: no-repeat;
		-webkit-appearance: none;
		-moz-appearance: none;
	}
	
	.filtertitle{
		background-image: url("images/filter.png");
		background-position: right center;
		background-repeat: no-repeat;
	}
	
	.szuropopup.s{
		display: block;
		position: absolute;
		width: 100%;
		top: 0px;
		left: 0px;
		background-color: #717171;
		box-sizing: border-box;
		z-index: 10;
		padding: 0;
	}
	.col-1-1s{
		display: block;
		position: relative;
		float: left;
		width: 100%;
		box-sizing: border-box;
		padding:0 !important;
	}
	
	.szuropopup .szuromezo{
		margin-bottom: 10px;
	}
	
	.szuropopup_b{
		display: block;
		position: relative;
		float: left;
		width: 100%;
		padding:20px;
		box-sizing: border-box;
	}
	
	.szuropopup_header{
		display: block;
		position: relative;
		float: left;
		background-color: #616161;
		width: 100%;
		height: 70px;
	}
	
	.szuroheaderfield{
		display: block;
		position: relative;
		float: left;
		height: 70px;
		line-height: 70px;
		font-family: 'Proxima';
		color: #fff;
		font-weight: bold;
		font-size: 14px;
		text-align: center;
	}
	
	.szurotitle.szuroheaderfield{
		font-size: 20px;
	}
	
	.uresrozsagomb{
		display: block;
		position: relative;
		float: left;
		width: 100%;
		border: 2px solid #e22285;
		color: #e22285;
		text-align: center;
		padding: 20px 0px;
		text-transform: uppercase;
		font-size: 19px;
		font-family: 'Proxima';
	}
	
	.logo.center{
		display: block;
		float: none;
		width: auto;
		position: relative;
		margin:  0 auto;
		width: 254px; 
	}
	
	.logo_title{
		display: block;
		float: left;
		width: 114px;
		position: relative;
	}
	
	
	section.login{
		width: 100%;
		padding:20px;
	}

	section.login-permission{
		width: 100%;
		padding:20px;
		margin: 0px;
	}

	section.login .in {
		width: 100%;
	}
	.login input[type="text"], .login input[type="password"] {
		width: 100%;
	}
	section.login{
		margin: 0px;
	}

	section .in, .in{
		width: 100%;
		padding:10px;
	}

	.topmenu{
		display:none;
	}
	.header_image_out{
		height:210px;
		
	}
	.header_szoveg{
		padding: 30px;
	}
	.header_szoveg_bb{
		width:100%;
		padding-top:10px;
	}
	.header_szoveg_cim{
		font-size:0.9em;
	}

	input[type="button"].nagygomb, div.button.nagygomb{
		width:100%;
		display:block;
		box-sizing: border-box; 
		
		height:80px;
		white-space: normal;
		cursor:pointer;
		line-height: 80px;
	}

	.contentsection{
		margin-bottom:80px;
	}

	.bottombar {
	   left:0px;
	   bottom:0px;
	   width:100%;
	   position: fixed;
		width: 100%;
		height: 75px;
		z-index: 5;
		transition: all linear .2s;
		padding: 10px 20px 0px 20px;
		background-color: #fff;
		box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	}

	.bottom_button{
		height: 34px;
		width: 25%;
		font-size: 10pt;
		color: #7f7f7f;
		background-position: top center;
		background-repeat: no-repeat;
		padding-top: 28px;
		text-align: center;
		cursor:pointer;
		display:block;
		float:left;

	}
	.bottom_button:hover, .bottom_button.active{
		color:#000;
	}
	
	.bottom_button.eszkozeim{
		background-image: url(images/eszkozeim.png);
	}
	.bottom_button.eszkozeim:hover, .bottom_button.active.eszkozeim{
		background-image: url(images/eszkozeim_aktiv.png);
	}

	.bottom_button.bejelentesek{
		background-image: url(images/bejelentesek.png);
	}
	.bottom_button.bejelentesek:hover, .bottom_button.active.bejelentesek{
		background-image: url(images/bejelentesek_aktiv.png);
	}

	.bottom_button.munkalapok{
		background-image: url(images/munkalapok.png);
	}
	.bottom_button.munkalapok:hover, .bottom_button.active.munkalapok{
		background-image: url(images/munkalapok_aktiv.png);
	}

	.bottom_button.beallitasok{
		background-image: url(images/bealitasok.png);
	}
	.bottom_button.beallitasok:hover, .bottom_button.active.beallitasok{
		background-image: url(images/bealitasok_aktiv.png);
	}

	.bottom_button.bejelentes{
		width:50px;
		height:50px;
		font-size:7pt;
		font-weight:700;
		background-image: url(images/eszkoz.png);
		color:#ea128a;
	}

	.dataTables_wrapper table thead{
		/*display:none;*/
	}

	.eszkozdata_holder{
		width:100%;
		padding:0;
	}
	.eszkoz_tobbidata {
		width:100%;
		padding:0;
	}

	.eszkoz_tobbidata .eszkozdata_title, .eszkoz_tobbidata .eszkozdata_value{
		font-size:11pt;
	}
	.eszkozdata_title{
		width:33%;
	}
	.eszkozdata_value{
		width:67%;
	}
	.eszkozfile_holder, .eszkozfile_holder .col-1-3{
		width:100%;
	}

	input[type="button"].nagygomb.kicsitkisebb{
		padding: 20px 0;
	}

	.vissza{
		width: 30px;
		height:50px;
		background-image:url('images/vissza.png');
		background-position: left center;
		background-repeat: no-repeat;
		display:block;
		float:left;
		cursor:pointer;
	}
	.mobilcim{
		font-size:16pt;
		font-weight:700;
		display:block;
		float:left;
		padding-top:12px;
	}

	.szervizbejelento_half{
		width:100%;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.szervizbejelento_half1{
		width:100%;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.service_gomb{
		width:33%;
		float:left;
		display:block;
		padding-left:20px;
	}
	.service_gomb:nth-of-type(1){
		padding-left:0px;
	}

	.service_gomb > div{
		text-align:center;
		width:100%;
		padding: 20px 0px;
		border-width:1px;
		border-style: solid;
		font-size:10pt;
		text-align: center;
	}

	.service_gomb.szurke > div{
		border-color:#c0c2ce;
		color:#d1d2db;
		font-weight:600;
	}
	.service_gomb.sarga > div{
		border-color:#feed3d;
		background-color:#feed3d;
		color:#000;
		font-weight:700;
	}
	.service_gomb.piros > div{
		border-color:#ff0000;
		color:#ff0000;
		font-weight:700;
	}

	.withpadding{
		padding:20px;
	}

	.content{
		margin-bottom: 97px;
		/*padding: 0px 0 30px;*/
		background-color: #fff;
	}
	.content .col-1-1{
		padding:0px;
	}

	.content.szuro{
		margin-bottom:5px;
	}

	.servicecomplete_holder{
		width:100%;
		padding:30px 0 0 0;
	}

	.s_full{
		padding:0;
	}

	.s_hidden{
		display:none;
	}
	.s_visible{
		display:block;
	}

	.upload-button {
		margin-left: 0px;
	}

	.szurestorles {
		top: 0;
	}

    .asset-selector, .asset-selector .chosen-single, .asset-selector .chosen-single span {
        height: 100px !important;
        white-space: normal;
        word-break: break-word;
    }
}

.md-input-container{
	position:relative;
	width: 100%;
        
}

.md-input-container.profilefield{
    padding-right:30px;
    box-sizing: border-box;
}

.md-input-container label{
    -webkit-box-ordinal-group: 2;
    order: 1;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    padding-left: 0px;
    padding-right: 0px;
    z-index: 1;
    position: absolute;
    left: 6px;
    right: auto;
    top:12px;
    font-size: 14px;
    color:#808080;
    font-family: 'Roboto', sans-serif; 
	width: 100%;
        
}

.profileadat .md-input-container label{
    font-size: 13px;
}

.profileadat .md-input-container:not(.focused) label{
    top:8px;
}

.md-input-container.focused label, .md-input-container.hastext label{
	transform: translate3d(0px, -9px, 0px) scale(1);
    transform-origin: left top 0px;
    transition: transform 0.25s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
	color:#b9b9b9;
}

.profileadat .md-input-container.focused label, .profileadat .md-input-container.hastext label{
    transform: translate3d(2px, -20px, 0px) scale(1);
}

.md-input-container.focused label{
    font-size: 11px;
}

.md-input-container.error label{
	color:rgb(213,0,0);
}

input[type="text"]:not(.darabinput), input[type="password"]{
    -webkit-appearance: none;
    -webkit-box-ordinal-group: 3;
    order: 2;
    display: block;
    margin-top: 0;
    line-height: 45px;
    height: 45px;
    width: 100%;
    box-sizing: border-box;
    
    background: 0 0;
    border: none;
    border-bottom: 1px solid #e5e5e5;

    vertical-align: baseline;
    font-family: 'Roboto', sans-serif;
	padding: 12px 6px 1px;
    color: #5f5f5f;
    font-size: 14px;
	
	
}

.inputfield.filterfield.s, .mobilfilterfield.s{
	background-color: #fff !important;
	 -webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

.button{
	cursor: pointer;
}

.errormessage{
	display: block;
	position: relative;
	float: left;
	font-family: 'Roboto', sans-serif; 
	color: red;
	text-align: center;
	width: 100%;
	height: 35px;
	line-height: 35px; 
}

.ui-datepicker.ui-widget{
	font-family: 'Roboto', sans-serif; 
	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
/*
.ui-datepicker th{
	color: #bbc3c8;
	font-weight: 400;
}

.ui-datepicker .ui-datepicker-title{
	color: #bbc3c8;
	font-weight: 400;
	
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	background-color: #fff;
    color: #42474a;
    font-weight: normal;
}

.ui-state-default:hover, .ui-widget-content:hover .ui-state-default:hover, .ui-widget-header:hover .ui-state-default:hover{
	background-color: #e22285;
	color: #fff;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	background-color: #e22285;
	color: #fff;
	border: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
	background-color:#fff;
	font-weight: normal;
	color: #fff;
	cursor: pointer;
}


.ui-datepicker .ui-datepicker-prev span{
	background-image: url('/images/datepicker_nyil_bal.png');
	background-image:url('images/datepicker_nyil_bal.png');
	background-position:center center;
	
}

.ui-datepicker .ui-datepicker-next span{
	background-image: url('/images/datepicker_nyil_bal.png');
	background-image:url('images/datepicker_nyil_jobb.png');
	background-position:center center;
	
}

.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover{
	background-color: #fff;
}*/

.ui-datepicker .ui-datepicker-header{
	background: -moz-linear-gradient(top, #3a3a3a 0%, #2a2a2a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #3a3a3a 0%,#2a2a2a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #3a3a3a 0%,#2a2a2a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#2a2a2a',GradientType=0 ); /* IE6-9 */
}

.ui-widget-header{
	color: #fff;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	background-color: #fff;
	color: #2a2a2a;
}


sup.rozsa{
	color: #e22285;
}

.kotelezodoboz{
	display: block;
	position: relative;
	float: left;
	color: #e22285;
	font-family: 'Roboto', sans-serif; 
	font-size: 12px;
}

.errorbar{
	display: block;
	position: relative;
	float: left;
	margin-bottom: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	background-color: #ffe9e9;
	color: #f37070;
	height: 50px;
	line-height: 50px;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #ffcdcd;
	padding: 0px 30px;
	display: none;
}

.pirosx {
	border: 2px solid #f37070;
	display: inline-block;
	height: 8px;
    line-height: 5px;
	padding: 5px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	margin-right: 4px;
    margin-top: 14px;
}

.dataTable tbody tr:hover,  .dataTable tbody tr.kivalasztott {
	background-color: whitesmoke;
}

.ui-datepicker thead{
	border-bottom: 1px solid #c2a847;
}

.ui-datepicker tbody tr{
	border-bottom: 1px solid #e5e5e5;
}

.rightcell{
	text-align: right;
}


input[type="text"].qlminput{
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	height: 44px;
	line-height: 44px;
	padding: 5px;
	margin-top: 10px;
	
}

table.dataTable{
	width: 100% !important;
}

.datumholder{
	display: block;
	position: relative;
	float: left;
	width: 50%;
	box-sizing: border-box;
}

.datumholder:nth-of-type(1){
	padding-right: 5px;
}

.datumholder:nth-of-type(2){
	padding-left: 5px;
}

.rememberme-box {
	margin-bottom: 10px;
}

#rememberme-text {
	padding-left: 5px;
}

@media only screen and (min-width: 600px) {
	.rememberme-box {
		line-height: 13px;
	}
}

.home-button {
	position: relative;
	top: 100px;
}

.password-reset-result {
	font-size: 16px;
	text-align: center;
	color: #333333;
	font-style: italic;
}

.magenta-link {
	height: 17px;
	color: #EE008B;
	font-family: "Proxima";
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
	text-align: center;
	position: relative;
	display: inline-block;
	text-decoration: none;
}

#mobile-filters-row {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    padding: 0;
}

#mobile-filters-row .filters-row-header {
    text-align: center;
    min-height: 30px;
    margin-bottom: 0;
    background-color: #515151;
    color: white;
    padding-top: 10px;
}

#mobile-filters-row .filters-row-content {
    padding: 15px;
    margin-bottom: 0;
    background-color: #686868;
}

#mobile-filters-row .filters-row-footer {
    padding: 15px;
    background-color: #686868;
    text-align: center;
}

#mobile-filters-row .filters-row-footer .filters-row-button {
    display: inline-block;
    padding: 14px 20px;
    background-color: transparent;
    font-size: 18px;
    text-decoration: none;
    color: #e22285;
    font-weight: 700;
    border: 1px solid #e22285;
    width: 100%;
    text-transform: uppercase;
}

#mobile-filters-row .filters-row-content .filter_chosen_holder {
    padding-top: 10px;
}

#mobile-filters-row .filters-row-content input {
    background-color: white;
}

#mobile-filters-row .filters-row-header .filters-row-title {
    font-weight: 600;
    font-size: 18px;
    min-height: inherit;
}

#mobile-filters-row .filters-row-header .filters-row-button {
    font-weight: 600;
    font-size: 14px;
    padding: 5px;
    min-height: inherit;
}


@media handheld, only screen and (max-width: 767px) {



	/* Mobile Layout */

	[class*='mobile-col-'] {
		float: left;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 10px;
		padding-left: 0px;
		padding-right: 10px; /* column-space */
		padding-bottom: 0px;
	}

	.mobile-col-1-1 {
		width: 100%;
	}
	.mobile-col-2-3, .mobile-col-8-12 {
		width: 66.66%;
	}

	.mobile-col-1-2, .mobile-col-6-12 {
		width: 50%;
	}

	.mobile-col-1-3, .mobile-col-4-12 {
		width: 33.33%;
	}

	.mobile-col-1-4, .mobile-col-3-12 {
		width: 25%;
	}

	.mobile-col-1-5 {
		width: 20%;
	}

	.mobile-col-1-6, .mobile-col-2-12 {
		width: 16.667%;
	}

	.mobile-col-1-7 {
		width: 14.28%;
	}

	.mobile-col-1-8 {
		width: 12.5%;
	}

	.mobile-col-1-9 {
		width: 11.1%;
	}

	.mobile-col-1-10 {
		width: 10%;
	}

	.mobile-col-1-11 {
		width: 9.09%;
	}

	.mobile-col-1-12 {
		width: 8.33%
	}

	/* Layout Columns */

	.mobile-col-11-12 {
		width: 91.66%
	}

	.mobile-col-10-12 {
		width: 83.333%;
	}

	.mobile-col-9-12 {
		width: 75%;
	}

	.mobile-col-5-12 {
		width: 41.66%;
	}

	.mobile-col-7-12 {
		width: 58.33%
	}

	.hide-on-mobile {
		display: none !important;
		width: 0;
		height: 0;
	}
}