:root {
	--pr: #152354;
	--pr-light: #293a73;
	--acc: #541522;
	--acc-light: #752737;
	--grey: #bdbdbd;
	--succ: #2e8b62;
	--dang: #cc4f4f;
	--warn: #ffd96f;
	--darkgrey: #646464;
	--darkergreyrgb: #424242;
}

html{
	background-image: url('images/background_pattern.jpg'); 
	background-size: 550px !important; 
	min-height: 100%;
	overflow-y: scroll;
	box-shadow: inset 0 0 0 2000px rgb(255, 255, 255, 0.5);
}

body{
font-family: "Titillium Web", sans-serif !important;
font-weight: 100 !important;
color: #1C1C1C;
cursor: default;
background-color: rgba(0,0,0,0.0) !important;
}

.header{
	color: rgb(204, 108, 63);
	background: #fff;
}

.nav{
	margin-right: -1rem;
}

.ugyfelform .container .row div{
	padding:0px !important;
	margin-bottom: .6rem;

}

.zip{
	margin-right: 1.2rem;
}


.nav li a{
	border: 1px solid rgba(0,0,0,0.1);
}

.nav li a{
	
	padding-left: .8rem;
	padding-right: .8rem;
	font-family: "Titillium Web" !important;
	font-weight: 400;
	text-transform: uppercase;
}

.nav li a i,.uj-feladat i{
	padding-right: .5rem;
}

.nav li a span{
	margin-left: .5rem;
	position: relative;
	top: -1px;
	font-weight: 300;
}

.uj-feladat{
	text-transform: uppercase;
}

.btn{
	font-family: "Titillium Web" !important;
}

.title{
	font-family: "Righteous", sans-serif !important;
	padding-top: .3rem;
	padding-left: 1rem;
}

.admintitle{
	font-family: "Righteous", sans-serif !important;
	padding-top: .3rem;
	padding-bottom: 1rem;
	text-align: center !important;

}

.mainlist{
	width:100% !important;
}

ul.list-group.mainlist li.list-group-item a button.btn.btn-sm.btn-danger{
	margin-right: 1rem !important;

}

.p_title{
	font-family: "Righteous", sans-serif !important;
	font-size: 1.1rem;
	text-transform: uppercase;
}

.p_address{
	font-size: 0.9rem;
	color: var(--grey);
}

.p_title i{
	padding-right: .3rem;
	position: relative;
	top: -1px;
}

.alert-heading{
	text-align: left !important;
	font-family: "Righteous", sans-serif !important;
	text-transform: uppercase;
	font-size: .85rem;
	padding-top: .2rem;
	padding-bottom: .0rem;
	padding-left: .12rem;
}

.taskalert{
	background-repeat: no-repeat;
	background-size: 0px;
	background-position: right top;
	
}

.tasktitle i{
	top:-1px;
	position:relative;
	padding-right: 5px;
}

.tasktitle{
	font-size: .9rem;
	text-decoration: none !important;
	font-family: Righteous !important;
	color: var(--darkgrey) !important;
}

.address{
	color: var(--grey) !important;
	outline:none; 
	font-size: 0.75rem; 
	font-family: "Inria Serif", sans-serif !important;
	text-decoration: none;

}

.task{
	font-family: "Inria Serif", sans-serif !important;
	font-weight: 400 !important;
	font-size: .9rem;
	padding-top: .5rem;
	padding-bottom: .7rem;
	margin: 0px;
}

.ptask{
	font-weight: 400 !important;
	font-size: .9rem;
	padding-top: .5rem;
	padding-bottom: .7rem;
	margin: 0px;
}

.pbtn{
	font-size: .75rem !important;

}

.pbtn i{
	padding-right: .3rem;
}

.audit{
	font-weight: 400 !important;
	font-size: 0.8rem;
	margin-bottom: 0px;
	padding-top: .7rem;
}


.audit img{
	width: 45px;
	border-radius: 50%;
	margin-right: 10px;
	border: 2px solid #fff;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.15);
}

.actions .btn{
	
	margin-right: .8rem;
	margin-top: .2rem;
	font-size:.75rem;
	padding: .2rem .6rem .2rem .6rem;
	
}

.sarif{
	font-family: "Inria Serif", sans-serif !important;
	font-weight: 400 !important;
}


.btn.done{
	background: var(--succ) !important;
}
.btn.delete{
	background: var(--dang) !important;
}
.btn.edit{
	background: var(--warn) !important;
}

.table tr:first-child td{
	font-size: .9rem;
	
}

.table tr td, .table tr td a {
	font-family: "Inria Serif", sans-serif !important;
	color: var(--darkergrey);
}

.table tr td i{
	font-size: 1rem;
	position: relative;
	top: 1px;
}







#loginbox{
	width: 320px; 
	margin:auto; 
	margin-top: 200px; 
	border: 1px solid #ccc; 
	text-align:center; 
	padding-top: 25px; 
	padding-bottom: 25px; 

	background: linear-gradient(137deg, rgba(245,245,245,1) 0%, rgba(226,226,226,1) 100%);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
}

.input_user{
	padding: 7px; 
	font-family: 'Exo 2'; 
	background-color: #fff; 
	margin-bottom: 20px; 
	width: 80%; 
	border: 1px solid #ddd; 
	
	background-repeat: no-repeat; 
	background-position: 7px center; 
	background-size: 15px;
	
}


.input_passw{
	padding: 7px; 
	font-family: 'Exo 2'; 
	background-color: #fff; 
	margin-bottom: 20px; 
	width: 80%; 
	border: 1px solid #ddd; 

	background-repeat: no-repeat; 
	background-position: 3px center; 
	background-size: 25px;	
	
}


.input_passw:focus, .input_user:focus{
    outline: none;
}

.input_submit{
	padding: 7px; 
	font-family: 'Exo 2'; 
	background: #444; 
	width: 85% !important; 
	color: #fff; 
	border: 1px solid #17357D; 
	background: #1b3063;
	cursor: pointer;
}


.transparent{
	background: rgba(0,0,0,0) !important;
}


.nav-link{
	background: white !important;
}

.nav-link.active{
	background: rgba(var(--bs-primary-rgb)) !important;
}

.nav > li{
  margin-right:20px;
}


.btn.archivum{
	width: 100% !important;
	float: right;
}




















#center{
width:1100px;
margin: auto;	
min-height: 800px;
border: 1px solid #BBB;
margin-top: 20px;
background: #f4f4f4;
box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
padding: 0px;
}

#titlebar{
	 padding: 7px; background: #28587F; cursor: default; border-bottom: 4px solid #08385F;
}

.ugyfel{
	padding: 7px; color:#fff; margin-left: -7px; background: #B25163; padding-left: 14px; border-bottom: 4px solid #923143; 
}

.felugyelo{
	padding: 7px; color: #fff; padding-left: 14px;  
}
	

#head{
position: relative;
height: 120px;
padding: 0px;
}

#title{
font-size: 16pt;
}

#menuul{
list-style-type: none;	
margin-left: -24px;
}

#menuul li{
float:left;	
padding: 10px 15px;
}

#menuul li a{
text-decoration:none;
padding-bottom: 4px;
font-size: 10pt;
-webkit-transition: 0.15s; /* Safari */
transition: 0.15s;
font-weight: 400;
text-transform: uppercase;
font-family: 'Exo 2', sans-serif;
}

#menuul li a:hover{
text-decoration:none;

font-size: 10pt;
}

a#m1{
border-bottom: 3px solid #B25163;
color: #B25163;
}

a#m2{
border-bottom: 3px solid #28587F;
color: #28587F;
}

a#m3{
border-bottom: 3px solid #444;
color: #444;
}

a#m4{
border-bottom: 3px solid #444;
color: #444;
}

a#m5{
border-bottom: 3px solid #28587F;
color: #28587F;
}


#content{
position:relative;
padding: 15px;

}

#content_header{
font-size: 10pt;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
padding: 7px;
padding-left: 10px;
background: #fafafa;
margin-left: 30px;
margin-right: 30px;
margin-bottom: 10px;
}


#content_data{
font-size: 10pt;
margin-left: 30px;
margin-bottom: 30px;
margin-right: 30px;
text-align: justify;
}


::-moz-selection { /* Code for Firefox */
    color: #444;
    background: #ddd;

}

::selection {
    color: #444;
    background: #ddd;

}


a.tick{
text-decoration: none;
color: #fff;	
padding: 5px 7px;
border: 1px solid #599A16;
background: #79BA36;
margin-right: 15px;

}

a.del{
text-decoration: none;
color: #fff;	
padding: 5px 7px;
border: 1px solid #923143;
background: #B25163;
margin-right: 15px;
}

a.upd{
text-decoration: none;
color: #fff;	
padding: 5px 7px;
border: 1px solid #08385F;
background: #28587F;
}

a.ticks{
text-decoration: none;
color: #79BA36;	


}

a.dels{
text-decoration: none;
color: #B25163;	

}

a.upds{
text-decoration: none;
color: #28587F;	

}

a.todopat{

text-decoration: none;
color: #B25163;	
	
}

a.listapat{

text-decoration: none;
color: var(--darkergrey);	
	
}


div.todonav{
position: relative;
padding: 7px;
background: #eee;
border: 1px solid #ccc;
margin-bottom:10px;
margin-top: 10px;
}

div.todonav button{
border: 1px solid #777;
font-family: 'Exo 2', sans-serif;
background: #fff;
padding: 5px;
margin-right: 7px;
cursor: pointer;
}

div.todonav input{
border: 1px solid #ccc;
font-family: 'Exo 2', sans-serif;
background: #fff;
padding: 6px;
margin-right: 7px;
}

div.todonav input[type="submit"]{
border: 1px solid #ccc;
font-family: 'Exo 2', sans-serif;
background: #fff;
padding: 5px;
margin-right: 7px;
cursor: pointer;
}

.newtodo select{
border: 1px solid #ccc;
background: #fff;
margin-right: 7px;
cursor: pointer;
}

.newtodo select option{
padding: 5px;	
}

.newtodo textarea{
font-family: 'Exo 2', sans-serif;
border: 1px solid #ccc;
background: #fff;
padding: 5px;
margin-right: 7px;
width: 550px;
height: 160px;
font-size:10pt;
margin-top: -17px;
}

.newtodo input[type="submit"]{
border: 1px solid #ccc;
font-family: 'Exo 2', sans-serif;
background: #fff;
padding: 5px;
margin-right: 7px;
cursor: pointer;
}

.custom-tooltip {
	--bs-tooltip-bg: var(--bd-violet-bg);
	--bs-tooltip-color: var(--bs-white);
  }
  

.attention{
color: var(--dang) !important;
	
}


div.listanav{
position: relative;
padding: 7px;
background: #eee;
border: 1px solid #ccc;
margin-bottom:10px;
}


div.listanav input{
border: 1px solid #ccc;
font-family: 'Exo 2', sans-serif;
background: #fff;
padding: 6px;
margin-right: 7px;

}

div.listanav input[type="submit"]{
border: 1px solid #ccc;
font-family: 'Exo 2', sans-serif;
background: #fff;
padding: 5px;
margin-right: 7px;
cursor: pointer;
}


button#newres{
border: 1px solid #1C8585;
font-family: 'Exo 2', sans-serif;
background: #fff;
font-size: 9pt;
margin-right: 7px;
cursor: pointer;
color: #fff;
background: #299696;
float: right;
}

a.modres{
	text-decoration: none;
color: #299696;	
	
	
}

a.resmod button{
border: 1px solid #ccc;
font-family: 'Exo 2', sans-serif;
background: #fff;
padding: 5px;
margin-right: 7px;
cursor: pointer;
}

input.battery{
width: 250px;
border: 1px solid #ccc;
font-family: 'Exo 2', sans-serif;
background: #fff;
padding: 6px;
margin-right: 7px;
}

input.datepicker{
width: 75px;
border: 1px solid #ccc;
font-family: 'Exo 2', sans-serif;
background: #fff;
padding: 6px;
margin-right: 7px;
}


table#battable td{
padding-bottom: 10px;
}

#battable{
	width: auto;
	
}

#battable tr td{
	background: transparent;
	font-family: "Titillium Web" !important;
}

#battable tr td:first-child input{
	width: 100%;
}

#battable tr td:nth-child(2) input{
	width: 100%;
}

#battable tr td:first-child{
	width: 20% !important;
}

#battable tr td:nth-child(2){
	width: 50% !important;
}

#battable tr td:nth-child(3), #battable tr td:nth-child(4){
	width: 15% !important;
}

#battable tr td:nth-child(3) input, #battable tr td:nth-child(4) input{
	width: 100%;
	text-align: center;
}

.addrow{
	margin-left: .5rem;
}

.addrow i{
	padding-right: .3rem;
}