#week_left,
#week_right {
    font-size: 15px;
    cursor: pointer;
    height: auto;
    line-height: 1.2em;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Titillium web';
    color: #FFFFFF;
    background-color: #44b076;
    border: 1px solid #44b076;
    padding: 10px 18px;
    width: 180px;
    border-radius: 10px 10px 10px 10px;
}
#week_left:hover,
#week_right:hover{
    color: #44b076;
    background-color: #FFFFFF;
}
#week_right{
    margin-left: auto;
    margin-right: 0;
}
#week_right:before{
    display: none;
}
#week_left::before,
#week_right::after{
    font-family: 'dashicons'; 
    font-size: 15px;
	padding-right: 10px;
	padding-left: 10px;
 
}
#week_right::after{
    content: "\f345";
}
.week_arrow {
    vertical-align: middle;
    width: 200px;
    border: none;
}
.date_head{
    border: none;
}
#upsz_date,
input[type="text"].upsz_date{
    width: 100px;
    padding: 0;
    border-left: none;
    border-top: none;
    border-right: none;
    border-radius: 0;
    margin-left: 10px;
    text-align: center;
    cursor: pointer;
	font-weight: 700;
	background-color: transparent;
	color: #707070;
}
td.upsz_vacation_checked span {
    display: none;
}

td.upsz_vacation_checked:after {
    content: "Elmarad";
    color: rgba(0,0,0,0.5);
    text-transform: uppercase;
    font-weight: 600;
}

td.upsz_vacation_holiday span {
    display: none;
}
td.upsz_vacation_r_diag span {
    display: none;
}

td.upsz_vacation_r_diag:after {
    content: "Távleletezés";
    color: #44b076;
    text-transform: uppercase;
    font-weight: 600;
}
td.upsz_vacation_holiday:after {
    content: "Ünnepnap";
    color: #E53935;
    text-transform: uppercase;
    font-weight: 600;
}
#rendelesdiv table th.upsz-doctd{
    text-align: center;
    font-size: 17px;
	background-color: #fff;
}
.upsz-doctd{
    border-left: none;
	color: #44b076;
}

#rendelesdiv table td {	
	background-color: #fff;
}

#rendelesdiv table td,
#rendelesdiv table th{
    border-color: #44b076!important;
}

#rendelesdiv table  {
	border-radius: 20px;
	overflow: hidden;
	
}

.upsz-dayname{
    background-color: #44b076;
    color: #FFFFFF;
}
.daydate{
    font-size: 15px;
	background-color: #fff;
}
.upsz_vacation_null,
.upsz_vacation_{
    color: #707070;
    font-weight: 600;
}
.upsz_vacation_null,
.upsz_vacation_checked,
.upsz_vacation_holiday,
.upsz_vacation_r_diag,
.upsz_vacation_{
    font-size: 17px;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
    background-color: #FFFFFF!important;
    border-color: #44b076!important;
    color: #44b076!important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    background-color: #44b076!important;
    border-color: #44b076!important;
    color: #FFFFFF!important;    
}
.soa-icon{
    font-size: 17px;
	font-weight: 700;
    min-width: fit-content;
	margin-bottom: 0;
	color: #707070;
}
.soa-icon:before{
    content: '';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #44b076;
    color: #FFFFFF;
    padding: 5px 10px;
    margin-right: 10px;
    font-size: 13px;
    width: 32px;
    border-radius: 50%;
}
.soa-icon.nb:before{
    content: 'NB';
}
.soa-icon.b:before{
    content: 'B';
}
.soa-icon.ni:before{
    content: 'NI';
}
.soa-icon.isz:before{
    content: 'ISZ';
}
.soa-icon.il:before{
    content: 'IL';
}
.soa-icon.b,
.soa-icon.nb,
.soa-icon.ni,
.soa-icon.isz {
/* 	background-color: #fff; */
    padding: 10px;
/*     border-radius: 10px; */
}
.upsz_clone table tr:last-child td,
.upsz_clone table tr:last-child th{
    border-bottom: 1px solid #44b076!important;
}
.soa-icon-cont,
.soa-icon-cont-inner{
    display: flex;
    flex-flow: row;
    align-items: center;
    max-width: 100%;
    width: fit-content;
    margin: auto;
	border-radius: 30px;
}
.soa-icon-cont{
	margin-top: 20px;
	background-color: #44b076;
}
.soa-icon-cont-inner{
	position: relative;
    right: -2px;
	gap: 20px;
	background-color: #fff;
	padding: 0 15px;
}
.soa-icon-cont-title{
	font-weight: 700;
    color: #fff;
	padding: 10px 30px;
}
#rendelesdiv h2 {
	color:#44b076;
	font-size:36px;
	line-height:36px;
	padding:50px 0 20px 0;
	
}
#rendelesdiv.upsz_clone table th,
#rendelesdiv.upsz_clone table td{
	width: 150px;
}
#rendelesdiv table {
	margin-bottom:20px;
}
#rendelesdiv table td, #rendelesdiv table th {
	text-align:center;
	padding:5px 2px;
	border-width:0 1px 1px;
	border-bottom:1px solid #fff;
}
#rendelesdiv table tr:last-child td, #rendelesdiv table tr:last-child th {
	border-bottom:none;
}
#rendelesdiv table th.doctd {
	text-align:left;
}
#rendelesdiv table th.doctd a {
	text-decoration:none;
}
#rendelesdiv, #rendelesdiv table {
    font-size:1.1em;
}


.date_head label {
	display: inline;
	font-weight: 700;
	color: #707070;
}




@media (max-width:767px){
    #rendelesdiv.upsz_clone table{
/*         min-width: max-content; */
    }
    #rendelesdiv table th,
    .upsz-dayname{
        font-size: 0.75em!important;
    }
    .date_head label,
    #rendelesdiv table th.upsz-doctd,
    .upsz_vacation_null,
    .upsz_vacation_checked,
    .upsz_vacation_holiday,
    .upsz_vacation_r_diag,
    .upsz_vacation_{
        font-size: 14px;
    }

    #week_left,
    #week_right{
        font-size: 14px;
        width: 50px;
        overflow: hidden;
        white-space: nowrap;
    }
    #rendelesdiv{
        overflow: scroll;
    }
    #week_left{
        padding-right: 0;
    }
    #week_right{
        padding-left: 0;
    }
    #week_left::before{
        margin-left: 79px;
        margin-right: 42px;  
    }
    #week_right::after{
        margin-left: 40px;
        margin-right: 106px;
    }
    .upsz_vacation_null span,
    .upsz_vacation_ span{
        width: 43px;
        display: block;
        margin: auto;        
    }
    .soa-icon-cont{
        flex-flow: column;    
    }
	
	 .soa-icon-cont-inner {
        flex-direction: column !important;
        align-items: center;
        gap: 10px; /* Köz a két <p> között */
    }	
	 .soa-icon-cont-inner p {
        display: flex;
        align-items: center;
        justify-content: center;
		height: 40px;
    }
    #rendelesdiv table td, #rendelesdiv table th{
        vertical-align: middle;
    }
}