.mobilmenu1 {
    background-color: rgb(243, 191, 79);
    box-shadow: 2px 2px 5px 5px rgb(114, 113, 113);
    color: black;
    text-align:center;
    margin: 10px 10px 10px 10px;
    border: 1px solid darkslategray;
    border-radius: 10px;
    display: inline-block;
    min-width: 90%;
    max-width: 95%;
    font-family: 'Roboto', sans-serif;
}
.mobilmenu2 {
    background-color: rgb(243, 191, 79);
    box-shadow: 2px 2px 5px 5px rgb(114, 113, 113);
    color: black;
    text-align:center;
    margin: 10px 10px 10px 10px;
    border: 1px solid darkslategray;
    border-radius: 10px;
    display: inline-block;
    min-width: 44%;
    max-width: 85%;
    font-family: 'Roboto', sans-serif;
}
.mobilmenutel {
    background-color: rgb(243, 191, 79);
    box-shadow: 2px 2px 5px 5px rgb(114, 113, 113);
    color: black;
    text-align:center;
    margin: 10px 10px 10px 10px;
    border: 1px solid darkslategray;
    border-radius: 10px;
    display: inline-block;
    width: 95%;
    font-family: 'Roboto', sans-serif;
}

.mobilmenuformatumvalaszt {
    background-color: rgb(191, 241, 144);
    box-shadow: 2px 2px 5px 5px rgb(114, 113, 113);
    color: black;
    text-align:center;
    margin: 10px 10px 10px 10px;
    border: 1px solid darkslategray;
    border-radius: 10px;
    display: inline-block;
    min-width: 18%;
    max-width: 23%;
    font-family: 'Roboto', sans-serif;
}
.kisraktarfunk {
    background-color: rgb(231, 241, 144);
    border: 1px solid darkslategray;
    border-radius: 10px;
}
.kisraktartetel {
    border-bottom:1pt solid darkslategray;
    border-top:1pt solid darkslategray;
    border-left:1pt solid darkslategray;
    border-right:1pt solid darkslategray;
    border-radius: 2px;
}
.mobilmenuformatumvalaszt1 {
    background-color: #0dcaf0;
    box-shadow: 2px 2px 5px 5px rgb(114, 113, 113);
    color: black;
    text-align:center;
    margin: 10px 10px 10px 10px;
    border: 1px solid darkslategray;
    border-radius: 10px;
    display: inline-block;
    width: 10%;
    font-family: 'Roboto', sans-serif;
}

.mobilmenuformatumvalasztva {
    background-color: rgb(84, 168, 5);
    box-shadow: 2px 2px 5px 5px rgb(114, 113, 113);
    color: black;
    text-align:center;
    margin: 10px 10px 10px 10px;
    border: 1px solid darkslategray;
    border-radius: 10px;
    display: inline-block;
    min-width: 20%;
    max-width: 25%;
    font-family: 'Roboto', sans-serif;
}

.mobilmenuhatter {
    background-color: rgb(204, 198, 184);
    box-shadow: 2px 2px 5px 5px rgb(114, 113, 113);
    color: black;
    text-align:center;
    margin: 10px 10px 10px 10px;
    border: 1px solid darkslategray;
    border-radius: 10px;
    width: 70%;
    font-family: 'Roboto', sans-serif;
}

.mobilmenuhatter1 {
    background-color: rgb(243, 239, 230);
    box-shadow: 2px 2px 5px 5px rgb(167, 160, 160);
    color: black;
    text-align:center;
    margin: 10px 10px 10px 10px;
    border: 1px solid darkslategray;
    border-radius: 10px;
    width: 97%;
    font-family: 'Roboto', sans-serif;
}

.egymasmellett {
    background-color: rgb(243, 191, 79);
    box-shadow: 2px 2px 5px 5px rgb(114, 113, 113);
    color: black;
    text-align:left;
    margin: 10px 10px 10px 10px;
    border: 1px solid darkslategray;
    border-radius: 10px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
}

.vertical-center {
    margin: 0;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  
  .naptar{
    width: 100px;
}
.img-div {
    background-color: lightblue;
    box-shadow: 3px 3px 10px black;
    margin: 20px 1px 50px 1px;
    text-align:center;
}

.fejform {
    background-color: #fdfdfdfd;
    box-shadow: 3px 3px 10px rgb(114, 113, 113);
    margin: 20px 1px 20px 1px;
    text-align:center;
}

.fejinfo {
    background-color: lightgray;
    box-shadow: 3px 3px 10px rgb(114, 113, 113);
    margin: 20px 1px 20px 1px;
    text-align:center;
    border-radius: 10px;
}

.gyartascimsor {
    background-color: rgb(243, 191, 79);
    box-shadow: 2px 2px 5px 5px rgb(114, 113, 113);
    color: black;
    text-align:center;
    margin: 5px 5px 5px 5px;
    border: 1px solid darkslategray;
    border-radius: 10px;
    font-family: 'Roboto', sans-serif;
    width: 100%;
}

.gyartaskeret {
    background-color: rgb(255, 255, 254);
    box-shadow: 2px 2px 5px 5px rgb(78, 78, 78);
    color: black;
    text-align:center;
    margin: 5px 5px 5px 5px;
    border: 1px solid darkslategray;
    border-radius: 10px;
    font-family: 'Roboto', sans-serif;
    width: 100%;
    display: inline-block;
}

.dossziefelkeret {
    background-color: lightgray;
    box-shadow: 3px 3px 10px rgb(114, 113, 113);
    text-align:center;
    display: inline-block;
    margin: 20px 10px 20px 10px;
    border-radius: 10px;
    min-width: 650px;
}
.szamlakozep {
    /* width="100%" border="0" cellpadding="3" cellspacing="0" */
    border-radius: 10px;
    border-width: 0px;
    width: 100%;
}

.tabla_egesz_szeles_keret_nelkul_margo {
    margin: 5% 5% 5% 5%;
    border-radius: 10px;
    border-width: 0px;
    width: 100%;
}

.szazalek_5_szeles {
    width: 5%;
}
.szazalek_90_szeles {
    width: 90%;
}

.kotelezo {
        color: #ff1100;
}

.fizetveszin {
    color: rgb(218, 228, 248);
    text-align:left;
}
.nincsfizetveszin {
    color: red;
}
.fejtfeladat {
    background-color: #cfba8efd;
    box-shadow: 3px 3px 10px rgb(114, 113, 113);
    margin: 20px 1px 20px 1px;
    text-align:left;
}
.fejtalfeladat {
    background-color: rgba(248, 246, 246, 0.671);;
    box-shadow: 3px 3px 10px rgb(114, 113, 113);
    margin: 20px 1px 20px 1px;
    text-align:left;
}
.beszlakibontkeret {
    background-color: rgb(248, 246, 246);
    box-shadow: 2px 2px 5px 5px rgb(114, 113, 113);
    color: black;
    text-align:left;
    border: 1px solid rgb(60, 63, 223);
    border-radius: 5px;
}
/* ------------------------------------- Feladat ablak ------------------------------------*/
.feladatcim {
    background-color: rgb(248, 246, 246);
    box-shadow: 2px 2px 5px 5px rgb(114, 113, 113);
    color: black;
    text-align:left;
    margin: 10px 10px 10px 10px;
    border: 1px solid darkslategray;
    border-radius: 10px;
    display: inline-block;
    width:100%;
    min-width: 300px;
    max-width: 600px;
    font-family: 'Roboto', sans-serif;
}
.feladatcimnez {
    background-color: rgb(248, 246, 246);
    box-shadow: 2px 2px 5px 5px rgb(114, 113, 113);
    color: black;
    text-align:left;
    margin: 10px 10px 10px 10px;
    border: 1px solid darkslategray;
    border-radius: 10px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
}

.feladatokcim {
    background-color: rgb(248, 246, 246);
/*    box-shadow: 3px 3px 10px 5px rgb(114, 113, 113); */
    box-shadow: 2px 2px 5px 5px rgb(114, 113, 113);
    color: black;
    text-align:left;
    margin: 10px 2px 10px 0px;
    border: 3px solid darkslategray;
    border-radius: 10px;
    display: inline-block;
    width: 100%;
    font-family: 'Roboto', sans-serif;
}

.feladatkeret{
    background-color: rgb(248, 246, 246);
    box-shadow: 0px 0px 10px 5px rgb(114, 113, 113);
    margin:10px 0px 10px 5px;
    color: black;
    text-align:left;
    display: inline-block;
}
/* *****************************************************  Egy feladat stilusai *****************************************************/

.feladatoszlop{
    display: flexbox;
    justify-content: space-around;
    align-items:stretch;
}

.egyfeladatprnezetkeret{
    width: 100%;
    background-color: rgb(248, 246, 246);
    box-shadow: 0px 0px 10px 5px rgb(114, 113, 113);
    margin:10px 20px 10px 5px;
    color: black;
    text-align:left;
    border: 3px solid darkslategray;
    border-radius: 10px;
    display: inline-block;
}
.egyfeladat_kesz_cella {
    background-color: grey;
    color: black;
    text-align:left;
    font-style: oblique;
}
.egyfeladat_mas_cella {
    background-color: lightseagreen;
    color: black;
    text-align:left;
    font-style: oblique;
}
.egyfeladat_akt_alcella {
    background-color: rgb(135, 170, 235);
    color: black;
    text-align:left;
    font-style: oblique;
}
.egyfeladat_akt_cella {
    background-color: skyblue;
    color: black;
    text-align:left;
    font-style: oblique;
}
.egyfeladatprnezethetvege {
    background-color: lightcoral;
    color: black;
    text-align:left;
}

.cegadatsor {
    background-color: rgb(230, 231, 233);
    box-shadow: 1px 10px 10px 1px rgb(114, 113, 113);
    margin: 5px 15px 5px 15px;
    border: 3px solid darkslategray;
    border-radius: 10px;
    font-family: 'Roboto', sans-serif;
}

.szlalogo {
    border-radius: 0px;
    border-color:white;
    background-color: white;
    box-shadow: 0px 0px 0px 0px white;
    margin: 0px 0px 0px 0px;
}

.szlakeretregi {
    background-color:rgb(110, 181, 228);
    color: #FFFFFF;
    text-align:left;
}

.szlakeret {
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 3px solid #FFFFFF;
    background-color: #940000;
}

.szlakeretures {
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 3px solid #ffffff11;
}
    
.szlacimsor {
        background-color:rgba(142, 196, 241, 0.842);
        color: black;
        text-align:left;
        font-size: 15px;
    }

.zarojel {
        background-color:white;
        color: black;
        text-align:left;
        font-size: 10px;
        
    }

.aprobetu {
        background-color:white;
        color: black;
        text-align:center;
        font-size: 10px;
    }

.szlatetelsor {font-size: 15px}
.szlamegj {font-size: 12px}

.datepicker {
    background-color: lightskyblue;
    box-shadow: 3px 3px 10px black;
    width: 500px;
}
.nexttimeido {
    width: 100px;
    margin: 5px 1px 20px 1px;
}
/* kontakt táblázat */
.adatcella {
    background-color: rgb(248, 246, 246);
    color: black;
    text-align:left;
}
/****************************************************** ip-telekom szinek ******************************************/
.ip_telekom_statusz_missed {
    background-color: rgba(248, 246, 246, 0.315);
    color: red;
    /*  font-size: 15px;  
    font-weight: bolder; */
}
.ip_telekom_sms_szoveg {
    background-color: rgba(248, 246, 246, 0.315);
    color: rgba(87, 238, 17, 0.342);
    /*  font-size: 15px;  
    font-weight: bolder; */
}
/****************************************************** okmányok ******************************************/
.okmanyadatcella {
    background-color: rgba(248, 246, 246, 0.315);
    color: black;
    /*  font-size: 15px;  */
    font-weight: bolder;
}
.arnyekdoboz {
    background-color: rgba(207, 214, 214, 0.945);
    box-shadow: 3px 3px 10px rgb(114, 113, 113);
    margin: 20px 1px 20px 1px;
    text-align:center;
}
/* kontakt táblázat */
.fejcella {
    background-color: #cfba8efd;
    box-shadow: 3px 3px 10px rgb(114, 113, 113);
    margin: 20px 1px 20px 1px;
    text-align:left;
    border: 1px solid #919090;
	border-radius: 5px;
}

.fejkeret {
    background-color: #fcfcfcfd;
    box-shadow: 3px 3px 10px rgb(114, 113, 113);
    margin: 20px 1px 20px 1px;
    text-align:left;
    border: 1px solid #919090;
	border-radius: 15px;
}

.keszcella {
    background-color: rgb(199, 233, 199);
    color: black;
    text-align:left;
    font-style: oblique;
}

.keszfejcella {
    background-color: darkseagreen;
    color: black;
    text-align:left;
    font-style: oblique;
}

.peldaszoveg {
    color: black;
    background-color: skyblue;
    font-size: 24px;
    font-family: Arial;
    text-align:center;
    font-style: oblique,italic;
}

.Pmenuenable {
    color: black;
    font-size: 24px;
    font-family: Arial;
    text-align:center;
    font-style: oblique,italic;
}
.Pmenudisable {
    color: red;
    font-size: 24px;
    font-family: Arial;
    text-align:center;
    font-style: oblique,italic;
}
.style1 {
    font-size: 14px;
    font-family: Tahoma, Arial, Verdana;
   }
.style5 {font-size: 14px}
.style6 {color: #FFFFFF}
.style8 {font-size: 12px}
   body {
       background-image: url();
   }
   .style18 {
       font-family: Arial, Helvetica, sans-serif;
       font-size: 9px;
   }
   .style20 {font-size: 12px; font-weight: bold; }
.pirosvonal {
    border-top: 1px solid red;
  }

  /*--------------------------------------------------------------------------------*/
  /*----------------------------  CREART CSS  --------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  body {
	width: 100%;
 	margin: 0;
 	padding: 0;
   font-family: 'Roboto', sans-serif;
	background: #fff;
}

/*------------- alapbeállítások --------------*/

p {
  margin-bottom: 1em;
  color: #595959;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

a {
  font-weight: normal;
  font-weight: 600;
  text-decoration: none;
}

/*-- igazítás --*/
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter img { max-width: 100%; padding: 6px; background: #fff; border: 1px solid #e0e0e0; display: block; margin: 5px auto; }
.alignright img { padding: 6px; background: #fff; border: 1px solid #e0e0e0; margin: 0 0 2px 20px; }
.alignleft img { padding: 6px; background: #fff; border: 1px solid #e0e0e0; margin: 0 20px 2px 0; }

/*--- h ---*/
h1 { margin-bottom: 1em; font-size: 30px; font-weight: 600; }
h2 { margin: 1em 0 .5em; font-size: 22px; font-weight: 600; }
h3 { margin: 1em 0 .5em; font-size: 18px; font-weight: 600; }



/*--- navigation ---*/
#navigation {
	border-bottom: 1px solid #000;
	background: #fff;
/*	position: relative; */
	position: sticky;
	top: 0;
}
#navigation .navbar-toggler:focus { outline: none; box-shadow: none; }
#navigation .navbar-brand {
	padding: 0 0 0 27px;
	color: #666;
	font-size: 22px;
	font-weight: 900;
	line-height: 1;
	text-transform: uppercase;
	background: transparent url(../svg/easy_admin_logo.svg) no-repeat left center;
	background-size: 20px;
}
#navigation .navbar-brand > span { color: #D9030E; }
#navigation input::placeholder,
#contents input::placeholder,
#navigation input,
#contents input { font-size: 13px; }
#navigation .nav-link {
	padding-left: .75rem;
	padding-right: .75rem;
	font-size: 13px;
	font-weight: 400;
}
#navigation .dropdown-item {
	font-size: 13px;
	font-weight: 400;
}


/*--- qick menü ---*/
.qm-container { position: sticky; top: 0 }
#quick-nav {
	height: 100vh;
	visibility: hidden;
    /*	position: relative; */
    position: sticky;
}
#quick-nav .bg {
	width: 3rem;
	margin-left: auto;
	display: block;
	background: #808080;
	position: absolute;
	top: 0; right: 0; bottom: 0;
	z-index: -1;
}
#quick-nav ul { padding: 0; margin: 0; }
#quick-nav .nav-link {
	padding: 0 0 0 1.5rem;
	color: #808080;
	font-weight: 400;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#quick-nav .nav-link > span {
	width: 3rem;
	height: 3rem;
	margin-left: 1.5rem;
	background-color: #808080;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 28px;
	display: flex;
}

#quick-nav .nav-item.active .nav-link > span {
	background-color: #ffffff40;
}

#quick-nav .nav-link.filter > span { background-image: url(../svg/user_filter.svg); }
#quick-nav .nav-link.arrive > span { background-image: url(../svg/arrive.svg); }
#quick-nav .nav-link.pay > span { background-image: url(../svg/pay.svg); }
#quick-nav .nav-link.settings > span { background-image: url(../svg/settings.svg); }
#quick-nav .nav-link.profile > span { background-image: url(../svg/profile.svg); }
#quick-nav .nav-link.knowledge > span { background-image: url(../svg/knowledge.svg); }
#quick-nav .nav-link.todo > span { background-image: url(../svg/todo.svg); }
#quick-nav .nav-link.delivery > span { background-image: url(../svg/delivery.svg); }
#quick-nav .nav-link.invoice > span { background-image: url(../svg/invoice.svg); }
#quick-nav .nav-link.cost > span { background-image: url(../svg/cost.svg); }
#quick-nav .nav-link.quick-menu {
	height: 52px;
	font-weight: 700;
	border-bottom: 1px solid #000;
}
#quick-nav .nav-link.quick-menu > span {
	height: 100%;
	background-color: #fff;
	background-image: url(../svg/quick_menu.svg);
}


/*--- contents ---*/
#contents { padding-bottom: 3rem; }


/*--- tables ---*/
#contents table {
	color: #1A1A1A;
	font-size: 13px;
}
#contents table .actions { vertical-align: middle; white-space: nowrap; }
#contents table .actions a {
	padding: 0 5px;
}
#contents table .actions a > img {
	width: 12px;
	height: 12px;
	display: inline-block;
}

#contents .filter .tr { display: table-row; }
#contents .filter .th { display: table-cell; }

/*--- group action ---*/
.group-actions .form-check {
	padding-left: 0;
}
.group-actions .form-check .form-check-input {
	margin-right: -1.5rem;
	margin-left: 0;
}


/*--- top bar ---*/
#contents .top-bar {
	min-height: 3rem;
	align-content: center;
}
#contents .top-bar > [class*="col-"] { align-self: center; }
#contents .top-bar .right { display: flex; justify-content: flex-end; }
#contents .top-bar .breadcrumb { margin: 0; }
#contents .top-bar .breadcrumb * {
	font-size: 13px;
	font-weight: 400;
}

#contents .filter-btn {
	width: 2rem;
	height: 2rem;
	border: 1px solid #ced4da;
	border-radius: 3px;
	background: #fff url(../svg/angle-down.svg) no-repeat center center;
}
#contents .filter-btn.filtersOn {
	background-image: url(../svg/angle-up.svg);
}


/*--- form ---*/
#contents form * {
	color: #1A1A1A;
	font-size: 13px;
}
#contents form .btn { color: #fff; }

input[type="date"] { position: relative; align-self: baseline; }
input[type="date"]::-webkit-calendar-picker-indicator {
	width: auto;
	height: auto;
	color: transparent;
	position: absolute;	
	top: 0; right: 0; bottom: 0; left: 0;
	cursor: pointer;
	background: transparent;
}
.calendar + div[class*="col-"] { display: flex; }
input[type="date"] + span {
	width: 24px;
	height: 24px;
	margin-left: 15px;
	background: transparent url(../svg/calendar.svg) no-repeat center center;
}
label.col-form-label {
	padding-top: .65rem;
	padding-bottom: .65rem;
}
.btn-primary {
	color: #fff;
	background-color: #CC9A33;
	border-color: #CC9A33;
}
.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #BD8A21;
	border-color: #D8B160;
}
.btn-check:focus+.btn-primary, .btn-primary:focus {
	color: #fff;
	background-color: #BD8A21;
	border-color: #D8B160;
	box-shadow: 0 0 0 0.25rem #BD8A2180;
}
.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus {
   box-shadow: 0 0 0 0.25rem #BD8A2180;
}


@media only screen and (max-width: 1200px) {
    /*--- navigation ---*/
    #navigation .navbar-collapse.collapse {
        padding-top: 1rem;
        margin-top: 1rem;
        border-top: 1px solid #66666640;
    }
}

@media only screen and (max-width: 992px) {
	/*--- navigation ---*/
	#navigation .navbar-collapse.collapse {
		padding-top: 1rem;
		margin-top: 1rem;
		border-top: 1px solid #66666640;
	}
}

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

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

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