/* Move down content because we have a fixed navbar that is 50px tall */

/* @import url('https://fonts.googleapis.com/css?family=Roboto'); */
@import url('https://fonts.googleapis.com/css?family=PT+Sans');

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    min-height: 100%;
    height: 100%;
}

body {
    /*font-family: 'Roboto', sans-serif;*/
    font-family: 'PT Sans', sans-serif !important;
    padding-top: 45px !important;
    padding-bottom: 20px !important;
    margin-bottom: 60px !important; /* Margin bottom by footer height */
    height: 100%;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

hr {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 100%; /*max-width: 500px;*/
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 1rem;
    }

    .body-content {
        padding: 0;
    }
}

.jumbotron {
    padding: 0.2rem 0.2rem;
    margin-bottom: 1rem;
    background-color: #e9ecef;
    border-radius: 0.3rem;
}

/*
    background-color: #34495e
*/

.table .thead-light th {
    color: #f7f1e3;
    background-color: #8898a8 !important;
    border-color: #dee2e6 !important;
    text-align: center;
    position: sticky !important;
    top: -1px !important;
    z-index: 1;
}


    .table .thead-light th.FejlecPihenoNap {
        background-color: #ffdb99 !important;
        color: black;
    }

.DeletedRow {
    background-color: lightcoral;
}

.FelhasznaloCSS {
}

table td {
    vertical-align: middle !important;
}

.FelhasznaloKJCSS {
    background-color: forestgreen;
}

.FelhasznaloLeszCSS {
    background-color: greenyellow;
}

.FelhasznaloHibaCSS {
    background-color: yellow;
    color: red;
    font-weight:bold;
}

.table .thead-light a {
    color: white;
    position: sticky !important;
    top: 0 !important
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.150);
}

/* modal Form */

.eupopup-container-fixedtop {
    position: absolute !important
}

.Info {
    background-color: #5bc0de;
}

.BorderError {
    border-color: #d9534f;
}

.Question {
    background-color: #2c6ba0;
}

.Success {
    background-color: #4aa34a;
}

.Attention {
    background-color: #ed9e2e;
}
/*Minddiák Projekt állapotok*/
/*Meg lett nyitva a projekt, a hozzá rendelt tagok tudnak jelenlétet rögzíteni*/
.MdPrAllapotNyitott {
    background-color: yellow;
    /*opacity: 0.7;*/
}

/*Az adatok a bérnek átadhatók*/
.MdPrAllapotKesz {
    /*background: repeating-linear-gradient(-45deg, green, green 20px,red 20px, red 40px);*/
    background-color: peachpuff;
    /*opacity: 0.7;*/
}

/*Az adminisztrátor a projektben dolgozók adatait a bérnek átadta, DE NEM MINDENKIÉT!!!*/
.MdPrAllapotBernekReszbenAtadva {
    /*background: repeating-linear-gradient(90deg, purple, purple 20px,red 20px, red 40px);*/
    /*color: white;*/
    background-color: lightgreen;
    /*opacity: 0.7;*/
}

/*A projekt vezető valamelyik tag átadható adatát visszavonta. MARADHATOTT MÁS ÁTADHATÓ ETTŐL!*/
.MdPrAllapotVisszavonva {
    /*    background: repeating-linear-gradient(45deg, blue, blue 20px,red 20px, red 40px);
    color: white;*/
    background-color: red;
    /*opacity: 0.7;*/
}

/*Az adminisztrátor a projektben MINDEN dolgozó adatát a bérnek átadta*/
.MdPrAllapotBernekAtadva {
    background-color: green;
    /*opacity: 0.7;*/
    color: white;
}

.AllapotOtlet {
    background-color: greenyellow;
    /*opacity: 0.7;*/
    color: black;
}

.AllapotJelzes {
    background-color: lightgreen;
    opacity: 0.7;
}

.AllapotRogzitve {
    background-color: limegreen;
    opacity: 0.7;
}

.AllapotModositva {
    background-color: dodgerblue;
    opacity: 0.7;
    color: white;
}

.AllapotTorolve {
    background-color: red;
    opacity: 0.7;
    color: white;
}

.AllapotRendben {
    background-color: green;
    opacity: 0.7;
    color: white;
}
/*  A MyData formon ezzel jelöljük, mi módosult, mi változott..., mi törlődött...*/
.CSSInserted {
    color: forestgreen;
    font-weight:bolder
}

.CSSUpdated {
    color: blue;
    font-weight: bolder
}

.CSSDeleted {
    color: red;
    text-decoration: line-through;
    font-weight: bolder
}

.AllapotJavitva {
    /*    background: linear-gradient(to top, green 0%, green 50%, red 50%, red 100%);*/
    background: repeating-linear-gradient(-45deg, green, green 20px,red 20px, red 40px);
    color:white;
    opacity: 0.7;
}

.AllapotEgyeztessunk {
    /*    background: linear-gradient(to top, green 0%, green 50%, red 50%, red 100%);*/
    background: repeating-linear-gradient(90deg, purple, purple 20px,red 20px, red 40px);
    color: white;
    opacity: 0.7;
}

.AllapotKorabbiHonapok {
    background-color: darkgreen;
    opacity: 0.7;
    color: white;
}

.AllapotNyitottHonap {
    background-color: lightgreen;
    opacity: 0.7;
}

.AllapotKovetkezoHonapok {
    background-color: lightgray;
    opacity: 0.7;
}

.FejlesztoBlokk {
    background-color: #c1c0bf;
}

.UgyfelAdminBlokk {
    background-color: #d3d3d3;
}

.CegAdminBlokk {
    background-color: #f2e8e8;
    color: aqua;
}

.ModalPopupBG {
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.ModalPopupEditHeader {
    background-color: #46a5f4;
    /*filter: alpha(opacity=50);*/
    opacity: 0.6;
    padding-top: 0.5rem !important;
    padding-right: 0.5rem !important;
    padding-bottom: 0.2rem !important;
    padding-left: 1.0rem !important;
}

/* Pihenőnap */
.NapTipusCss0 {
    background-color: moccasin;
    opacity: 0.9;
}

/* Munkaszüneti nap */
.NapTipusCss8 {
    background-color: red;
    opacity: 0.7;
}

/* Munkanap */
.NapTipusCss1 {
    opacity: 0.9;
}
/* Pihenőnap */
.JhNapTipusCss0 {
    background-color: moccasin;
    opacity: 0.9;
}

/* Munkaszüneti nap */
.JhNapTipusCss8 {
    background-color: red;
    opacity: 0.7;
}

/* Munkanap */
.JhNapTipusCss1 {
    opacity: 0.9;
}

/* Sticky footer styles
-------------------------------------------------- */

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px; /* Set the fixed height of the footer here */
    line-height: 34px; /* Vertically center the text there */
    background-color: rgba(245, 245, 245,.96);
    z-index: 200;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container {
    width: auto !important;
    /*max-width: 1366px;*/
    max-width: 1920px !important;
/*    padding: 0.1rem 0.5rem 0.1rem 0.5rem !important;*/
    padding-left: 0.2rem !important;
    padding-top: 0.2rem !important;
    padding-right: 0.2rem !important;
    padding-bottom: 0.2rem !important;
    margin: 0.1rem 0.2rem !important;
}

.containerbelso {
    width: auto;
    /*max-width: 1366px;*/
    max-width: 1900px;
    padding: 0.1rem 0.1rem 0.1rem 0.1rem;
}

.form-control::-webkit-input-placeholder {
    color: lightgray;
}

/*szűrú textbox*/
.Searchbox {
    color: lightgray;
}

/*amikor szűr egy textbox*/
.FilteredSearchbox {
    background-color: #ffe1db;
}

@media (min-width: 576px) {
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem);
    }
}
/*
@media (min-width: 500px) {
    .modal-dialog {
        max-width: 480px;
        margin: 0.1rem auto;
    }
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 560px;
        margin: 0.2rem auto;
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        max-width: 750px;
        margin: 0.75rem auto;
    }
}

@media (min-width: 800px) {
    .modal-dialog {
        max-width: 790px;
        margin: 0.75rem auto;
    }
}

@media (min-width: 992px) {
    .modal-dialog {
        max-width: 900px;
        margin: 0.75rem auto;
    }
}

@media (min-width: 1024px) {
    .modal-dialog {
        max-width: 900px;
        margin: 0.75rem auto;
    }
}

}
@media (min-width: 1200px) {
    .modal-dialog {
        max-width: 1100px;
        margin: 0.75rem auto;
    }
}

*/

.card-header-Mido {
    padding: 0.5rem 1.25rem;
    margin-bottom: 0;
    background: linear-gradient(45deg, #F3F8FF, #FBFDFF); /* Lágy halványkékesszürke-még halványabb átmenet */
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer-Mido {
    padding: 0.25rem 1.25rem;
    background: linear-gradient(45deg, #FBFDFF, #FDFEFF); /* Lágy halványkékesszürke-még halványabb átmenet */
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}


.card-header-UjLevel {
    padding: 0.5rem 1.25rem;
    margin-bottom: 0;
    background-color: rgb(256, 0, 0);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header-Fejleszto {
    padding: 0.5rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(256, 128, 128, 0.153);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer-Fejleszto {
    padding: 0.25rem 1.25rem;
    background-color: rgba(128, 0, 0, 0.053);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header-UgyfelAdmin {
    padding: 0.5rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 128, 0, 0.143);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer-UgyfelAdmin {
    padding: 0.25rem 1.25rem;
    background-color: rgba(0, 128, 0, 0.043);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header-CegAdmin {
    padding: 0.5rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 128, 0.133);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer-CegAdmin {
    padding: 0.25rem 1.25rem;
    background-color: rgba(0, 0, 128, 0.033);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header-MinDDiak {
    padding: 0.5rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(252, 4, 4, 0.13);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer-MinDDiak {
    padding: 0.25rem 1.25rem;
    background-color: rgba(252, 4, 4, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header-Ter {
    padding: 0.5rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(126, 4, 4, 0.13);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer-Ter {
    padding: 0.25rem 1.25rem;
    background-color: rgba(252, 4, 4, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.ModalSelect {
    z-index: 70000 !important;
}

.MparCimsor1 {
    padding-left: 5px !important;
    font-size: large;
    text-decoration: underline;
    font-weight: bolder;
    /*content:"->";*/
}

.MparCimsor2 {
    padding-left: 30px !important;
    /*content: "-->";*/
    font-weight: bold;
}

.MparSor {
    padding-left: 55px !important;
}

.dugott {
    display: none !important
}

.Nemdugott {
    display: unset !important
}

/*MaxMsgBox Css*/
.Error {
    background-color: #d9534f;
}

.BorderError {
    border-color: #d9534f;
}

.Question {
    background-color: #2c6ba0;
}

.Success {
    background-color: #4aa34a;
}

.Attention {
    background-color: #ed9e2e;
}

.PopUp {
    background: white;
    min-width: 200px;
    min-height: 150px;
    border-radius: 4px;
    /*width: 800px;*/
    z-index: 251661311;
}

.felugroMeret UgyfelkapuMessageTip {
    height: 520px !important;
}

.eberCim {
    margin-top: 0.25rem !important;
    
}

@media (max-width: 992px) {
    .eberCim {
        margin-top: 0.75rem !important;
        font-size: 1.75rem !important;
    }

    .remove-d-flex-Mobile {
        display: block !important;
    }

    .roviditve {
        display: block !important;
    }

    .teljes {
        display: none !important;
    }

    .mpeMeretezes {
        width: 100% !important;
    }

    .PopUp {
        display: block;
        background: white;
        /*width: 500px !important;*/
        width: 95% !important;
        min-height: 150px;
        border-radius: 4px;
        overflow-y: auto;
        position: relative !important;
        /*max-height: 800px;*/
        max-height: 95%;
    }

    .pnlAltEditMobileWidth {
        width: 350px !important
    }

    .divAltEditMainMobile {
        width: 100% !important
    }

    .popup body {
    }

    .balBorda {
        border-left: none !important;
        border-top: 1px dashed #333;
        padding-top: 20px;
    }

    .jobbPadding {
        padding-right: unset !important;
    }

    .sorMagassag {
        height: 62px !important;
    }

    .helpMenuSav {
        width: 100%;
        height: 50px;
        background-color: #dddddd;
        vertical-align: middle;
        justify-content: space-between;
        display: flex !important;
    }

    /*HELP jobb és bal sáv menüvé degradálása mobil esetén*/
    #MainContent_trvMenu {
        height: 30%;
        position: absolute;
        width: 100% !important;
        left: 20px;
        top: 40px;
    }

    #MainContent_trvJobbMenu {
        height: 30%;
        left: 50px;
        position: absolute;
        width: 100% !important;
        top: 40px;
    }

    .mobileMenuBal {
        /*position: fixed;*/
        position: absolute;
        z-index: 251661314; /*A HTML képek miatt kell ilyen magas z-index...*/
        background: rgba(239, 239, 239,0.98);
        width: 410px;
        left: -645px;
        top: 98px;
        -webkit-box-shadow: 29px 0px 23px -20px rgba(0,0,0,0.46);
        -moz-box-shadow: 29px 0px 23px -20px rgba(0,0,0,0.46);
        box-shadow: 29px 0px 23px -20px rgba(0,0,0,0.46);
        background-color: none !important;
    }

    .mobileMenuJobb {
        position: absolute;
        right: -655px;
        z-index: 251661314; /*A HTML képek miatt kell ilyen magas z-index...*/
        background: #efefef;
        width: 400px;
        top: 98px;
        box-shadow: 8px 0 10px -6px black;
        -webkit-box-shadow: -29px 0px 23px -20px rgba(0,0,0,0.46);
        -moz-box-shadow: -29px 0px 23px -20px rgba(0,0,0,0.46);
        box-shadow: -29px 0px 23px -20px rgba(0,0,0,0.46);
        background-color: none !important;
    }

    .hiddenLeft {
        left: -645px;
        transition: left ease 0.5s;
    }

    .shownLeft {
        left: 0px;
        transition: left ease 0.5s;
    }

    .hiddenRight {
        right: -655px;
        transition: right ease 0.5s;
    }

    .shownRight {
        right: 0px;
        transition: right ease 0.5s;
    }

    .mutatottMenu {
        display: block !important;
    }

    .fixaltTreeBezartGomb {
        display: block;
        right: 0;
        position: absolute;
        background-color: cornflowerblue;
    }

    .divTreeBezar {
        width: 377px;
        background-color: #efefef;
        position: sticky;
        top: 0;
        height: 38px;
        float: left;
        z-index: 10;
    }

    .fixaltCimsorBezartGomb {
        left: 0;
        position: absolute;
        background-color: cornflowerblue;
    }

    .divCimsorBezar {
        width: 377px;
        background-color: #efefef;
        position: sticky;
        top: 0;
        height: 38px;
        float: right;
        z-index: 10;
    }

    .helpMagassagMobile {
        overflow: auto;
        height: calc(100vh - 220px) !important;
        top: 234px;
        position: absolute;
    }

    .UzenetTipMagassagMobile {
        overflow: auto;
        height: calc(100vh - 206px) !important;
        position: inherit;
        margin-top: -31px;
    }

    .divBreadcrumbs {
        display: none !important;
    }

    .divKereso {
        display: none !important;
    }

    .divKeresoTelefon {
        display: flex !important;
        align-content: flex-end;
    }

    .lblCimTextMobile {
        text-overflow: ellipsis;
        white-space: nowrap !important;
        font-size: 18px;
        overflow: hidden;
        width: 35vh;
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .tblLabel {
        margin-bottom: 10px;
    }

    .updMainStyle {
        height: 130%
    }

    .TextareaMobil {
        width: 100% !important
    }

    .txtRowSzelesseg {
        width: 98% !important;
    }

    .UzenetTipTartalom {
        min-height: 800px !important
    }

    .hrRejtesMobil {
        display: none !important;
    }

    .mobilVonal {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    #mainDiv01 {
        padding-top: 0 !important;
    }

    .btnNaptarnezet {
        font-size: 36px;
    }

    .divJovahagyo {
        padding-top: 5px !important;
        padding-bottom: 0 !important;
    }

    .PopupMax {
        width: 50vh !important;
        height: 80vh;
    }

    .divFejlecMobilFix {
        position: fixed;
        background-color: white;
        z-index: 1029;
        top: 55px;
        left: 0;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 8px;
    }

    .divBodyMobil {
        padding-top: 50px;
    }

    .calendarDayBetumeret {
        font-size: xx-small !important;
    }

    .mobilMargoNull {
        margin-top: 0.0rem !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-bottom: 0.0rem !important;
        padding: 0px;
    }
    .MidoBeoCsopCssRMDU {
        font-weight: normal !important;
    }
}

.divNaptarNezet {
    border: 1px solid lightgray;
    border-radius: 10px;
    padding: 5px !important;
    background: #f5f5f5;
    box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.2);
}

.CsoportMidoFejlec2MobilNezet {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}

@media (max-width: 654px) {

    .hideTextKicsi {
        display: none !important;
    }
}

@media (max-width: 855px) {
    /*.divFenyujsag {
        width: unset !important
    }

    .fenyujsag {
        width: 420px !important;
    }

    .divFenyujsagNyit {
        width: 420px !important;
    }*/

    .upDown {
        width: 420px !important;
    }

    .txtUjHir {
        width: 420px !important;
    }
}

.divBreadcrumbsMobile {
    align-items: center;
    display: none !important
}

.roviditve {
    display: none;
}

.teljes {
    display: block;
}

.mpeMeretezes {
    width: 60%;
    max-height: 1000px;
    overflow: auto
}

.felsoBorda {
    padding-top: 10px;
    background-color: #d7ecff;
    border-radius: 6px;
}

.nincsSortores {
    flex-wrap: nowrap !important;
}

.sorMagassag {
    height: 38px;
}

.oldalBorda {
    /*border-left: 1px solid #333;
    border-right: 1px solid #333;*/
    background-color: #e8f0f7;
    -webkit-box-shadow: inset 10px 0px 6px -7px rgba(255,255,255,1), inset -10px 0px 6px -7px rgba(255,255,255,1);
    -moz-box-shadow: inset 10px 0px 6px -7px rgba(255,255,255,1), inset -10px 0px 6px -7px rgba(255,255,255,1);
    box-shadow: inset 10px 0px 6px -7px rgba(255,255,255,1), inset -10px 0px 6px -7px rgba(255,255,255,1);
}

.alsoBorda {
    /*border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;*/
    background-color: #e8f0f7;
    -webkit-box-shadow: inset 0px -10px 6px -7px rgba(255,255,255,1),inset 10px 0px 6px -7px rgba(255,255,255,1), inset -10px 0px 6px -7px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px -10px 6px -7px rgba(255,255,255,1),inset 10px 0px 6px -7px rgba(255,255,255,1), inset -10px 0px 6px -7px rgba(255,255,255,1);
    box-shadow: inset 0px -10px 6px -7px rgba(255,255,255,1),inset 10px 0px 6px -7px rgba(255,255,255,1), inset -10px 0px 6px -7px rgba(255,255,255,1);
}

.jobbPadding {
    padding-right: 6%;
}

.cmdEditNew {
    color: green;
}

.cmdEditOld {
    color: blue;
}

/*Amikor létezik egy adat*/
.lblEditOld {
    color: blue;
}

/*Amikor nem létezik egy adat*/
.lblEditNew {
    color: red;
    opacity: 0.3;
}

/*A label középre */
.lblKozepre {
    display: inline-block;
}

.Engedelyezett {
    background-color: rgba(94, 219, 57, 1);
}

.Tiltott {
    background-color: rgb(219, 57, 57);
}

.kepKozepre {
    display: inline-block;
}

.kapcsolo {
    display: inline-flex;
    align-items: center;
    width: 50px;
    opacity: 1;
}

    .kapcsolo:after {
        opacity: 1 !important;
        /*width: 80px;*/
        width: 5rem;
        height: 24px;
        border-radius: 4px;
        left: 0;
        /*position: relative;*/
        background-color: rgb(219, 57, 57);
        content: 'Nem';
        border: 1px solid #B8B8B8;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        /*top: 2px;*/
        font-size: medium !important;
    }

.kapcsoloBE:after {
    background-color: rgba(94, 219, 57, 1);
    content: 'Igen';
    color: black;
    font-size: medium !important;
}

.kiszallasKapcsoloMeret {
    width: 100px !important;
}

    .kiszallasKapcsoloMeret:after {
        height: 24px !important;
    }

.row00310 {
    color: blue;
}

.row00315 {
    color: red;
    text-decoration: line-through;
}

.row00320 {
    color: springgreen;
    font-weight: bold
}

.row00330 {
    color: green;
    font-weight: bold
}

.row00340 {
    color: green;
    text-decoration: line-through;
}

.row00350 {
    color: black;
}

.TimerGreen {
    color: green;
    font-weight: bold
}

.TimerRed {
    color: red;
    font-weight: bold
}

.TimerRedAth {
    color: red;
    font-weight: bold;
    text-decoration: line-through;
}

.tipp {
    color: yellow;
}

.circleTag {
    margin-left: auto;
    margin-right: auto;
    width: 120px;
    height: 120px;
    background: #E6E7ED;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
}

    .circleTag:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.circleTag {
    list-style: none;
    behavior: expression( function(t){
            t.insertAdjacentHTML('afterBegin','<span class="frame_before"></span>');
            t.runtimeStyle.behavior = 'none';
        }(this) );
}

    .circleTag img {
        vertical-align: middle;
        max-height: 80px;
        max-width: 100%;
    }

span {
    /*white-space:normal!important*/
}

.grecaptcha-badge {
    bottom: 65px !important;
}

/*Hírolvasó CSS*/
.modalHir {
    /*display: none;*/ /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    -webkit-animation-name: fadeIn; /* Fade in the background */
    -webkit-animation-duration: 0.4s;
    animation-name: fadeIn;
    animation-duration: 0.4s
}

/* Modal tartalom */
.modalHir-content {
    position: fixed;
    bottom: 0;
    background-color: #fefefe;
    width: 100%;
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: 0.4s;
    animation-name: slideIn;
    animation-duration: 0.4s
}

/* Bezárás gomb */
.closeHir {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .closeHir:hover,
    .closeHir:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.modalHir-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.modalHir-body {
    padding: 2px 16px;
}

.modalHir-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

/* Animáció */
@-webkit-keyframes slideIn {
    from {
        bottom: -300px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

@keyframes slideIn {
    from {
        bottom: -300px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fenyujsag {
    overflow: auto;
    resize: none;
    width: 100%;
    background: none;
    border: none
}

.fenyujsagHeader {
    background: none;
    border: none;
    resize: none;
    font-size: x-large;
    color: white
}

.btnHirGomb {
    position: absolute;
    top: 95px;
    font-size: 20px !important;
    background: none !important;
}

.badge-notify {
    /*display: none;*/
    background: red;
    position: absolute;
    position: absolute !important
}
/*.divFenyujsag {
    padding-top: 40px;
    width: 800px;
    margin: 0 auto;
    height: 120px;
}

.fenyujsag {
    bottom: -200px;
    background-color: #f6f6f6;
    border: hidden;
    position: fixed;
    display: flex;
    width: 800px;
    resize: none;
    height: 250px;
    -webkit-box-shadow: 0px 0px 13px 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 13px 4px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 13px 4px rgba(0,0,0,0.3);
    transition: bottom ease 0.5s;
}

.divFenyujsagNyit {
    background-color: #d9534f;
    height: 0px;
    position: fixed;
    bottom: 75px;
    margin: 0 auto;
    width: 800px;
    color: white;
    align-content: center;
    text-align: center;
    line-height: 1.5rem;
    transition: bottom ease 0.5s;
    overflow: auto;
}*/
/*.divFenyujsagNyit:hover > .fenyujsag {
        bottom: 50px
    }*/
/*.upDown1 {
    width: 800px;
    height: 50px;
    animation: MoveUpDown 1s ease-in-out infinite;
    position: relative;
    left: 40px;
    margin: 0 auto;
    z-index: 3;
    line-height: 0.1rem;
}

.txtUjHir {
    background-color: #e6e7ec;
    color: #9c4949;
    height: 39px;
    width: 800px;
    position: fixed;
    padding-left: 5px;
    padding-top: 15px;
    margin: 0 auto;
    bottom: 50px;
    font-weight: 900 !important;
}*/
/*@keyframes MoveUpDown {
    0%, 100% {
        bottom: 20px;
    }

    50% {
        bottom: 33px;
    }
}*/
/*HELP oldal stílusai*/
.helpOszlopok {
    overflow: auto;
    height: calc(100vh - 148px);
    padding-bottom: 86px;
}

.bodyHelpMagassag {
    height: calc(100vh - 60px);
    box-sizing: border-box;
    overflow: hidden;
    padding-bottom: 0 !important;
}

.maxMagassag {
    height: 100%;
}

.mainHelpMagassag {
    height: 100%;
    padding: 0 !important;
}

.divHelpMagassag {
    height: 100%;
    padding: 0 !important;
}

.mainContentdivHelpCss {
    height: 100%;
    margin: 0 !important;
}

.balJobbOszlopCss {
    font-size: smaller;
    color: #4c76ef !important;
    padding-bottom: 80px
}

a:link {
    text-decoration: none !important;
}


/* width */
::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.mutatottMenu {
    display: none;
}

.jobboldal {
    right: 0;
}

#MainContent_divHtmlTart img {
    max-width: 100%;
    height: auto !important;
}

.WordSection1 {
    padding-bottom: 80px;
}

#MainContent_trvMenu {
    height: 30%;
    position: absolute;
    width: 25%;
}

#MainContent_trvJobbMenu {
    height: 30%;
    position: absolute;
    width: 25%;
}

#MainContent_divHtmlTart td {
    font-size: small !important
}

.uploadDiv {
    background-color: rgba(67, 70, 202, 0.39);
    z-index: 1030;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 106%;
    /* this is what centers your element in the fixed wrapper*/
    display: flex;
    flex-flow: column nowrap;
    justify-content: center; /* aligns on vertical for column */
    align-items: center; /* aligns on horizontal for column */
    /* just for styling to see the limits */
    box-sizing: border-box;
}

.uploadElement {
    width: 50%;
    height: 200px;
    min-width: 400px;
    /* Just for styling */
    background-color: white;
    -webkit-box-shadow: 0px 0px 20px 6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 20px 6px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 20px 6px rgba(0,0,0,0.75);
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border: 4px solid #ebebeb;
}

.uploadBezarDiv {
    display: flex;
    /*align-content: flex-end;*/
    padding: 15px;
    background-color: #82b8e5;
    /*flex-direction: row-reverse;*/
}

.uploadBezarX {
    color: white;
}

.uploadBezarGomb {
    background-color: #d9534f;
}

.helpGombHeader {
    height: 38px;
    background-color: rgba(229, 229, 229, 0.63);
    vertical-align: middle
}

.divWordButtons {
    margin-left: 20px;
    padding-left: 10px;
    width: 90px;
    height: 38px;
    align-items: center;
}

.divWordButtonsBackground {
    background-color: aliceblue;
    box-shadow: 0 7px 5px -2px rgba(0, 0, 0, 0.38);
    /*margin:10px;*/
}

.divDocManipulate {
    margin-left: 100px;
    padding-left: 10px;
    width: 90px;
    height: 38px;
    align-items: center;
}

.divKereso {
    margin-left: 100px;
    padding-left: 10px;
    width: 200px;
    height: 38px;
    align-items: center;
}

.divKeresoTelefon {
    display: none;
    height: 38px;
    align-items: center;
    position: absolute;
    right: 20px;
    cursor: pointer;
}

.divBreadcrumbs {
    margin-left: 100px;
    padding-left: 10px;
    min-width: 400px;
    height: 38px;
    align-items: center;
}

.breadcrumb {
    padding: 0 !important;
    margin: 0 !important;
}

.popupHeaderText {
    align-content: flex-start;
}

.inputFile {
    min-width: 300px;
}

.keresesMeretezes {
    width: 200px;
    margin-left: 10px;
    height: 30px;
}

.mobileKeresesMeretezes {
    width: 200px;
    margin-left: 10px;
    height: 30px;
}

.dropdownMeret {
    width: 222px;
}

.mobileMenuBal {
    background-color: #f6f6f6;
}

.mobileMenuJobb {
    background-color: #f6f6f6;
}

.divHelpMelleklet {
    background-color: rgba(67, 70, 202, 0.39);
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 106%;
    /* this is what centers your element in the fixed wrapper*/
    display: flex;
    flex-flow: column nowrap;
    justify-content: center; /* aligns on vertical for column */
    align-items: center; /* aligns on horizontal for column */
    /* just for styling to see the limits */
    box-sizing: border-box;
}

.divHelpMellekletElement {
    width: 50%;
    max-height: 80%;
    min-width: 400px;
    /* Just for styling */
    background-color: white;
    -webkit-box-shadow: 0px 0px 20px 6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 20px 6px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 20px 6px rgba(0,0,0,0.75);
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border: 4px solid #ebebeb;
    min-height: 600px;
}

.divFejlec {
    height: 20%;
    min-height: 102px;
}

.divBody {
    height: 80%;
    overflow: auto;
}

.btnUjMelleklet {
    margin-top: 10px;
    margin-left: 10px;
}

.simaGorgetes {
    scroll-behavior: smooth;
}
/*A MyHelp jobb oldali "címsorok" oszlopának formázása (behúzások pl.) */
#toc {
    display: table;
    background-color: #f9f9f9;
    font-size: 95%;
    padding: 7px;
}

    #toc #tocHeader {
        font-weight: bold;
        text-align: center;
    }

    #toc a:before { /* content:"• "; */
    }

    #toc a {
        line-height: 15px;
        margin: 10px;
    }

    #toc .toc_Level1 {
        margin-left: 5px;
    }

    #toc .toc_Level2 {
        margin-left: 15px;
    }

    #toc .toc_Level3 {
        margin-left: 25px;
    }

    #toc .toc_Level4 {
        margin-left: 35px;
    }
/**/

.form-group-suru {
    margin-bottom: 0.4rem;
}

/*Minddiák Mido táblázat stílusok*/
.MdJelenletGridA { /*Felvitel alatt*/
    color: black;
    background-color: #aaaaaa;
    text-align: center;
}

.MdJelenletGridB { /*Nyitva, szerkeszthető*/
    text-align: center;
}

.MdJelenletGridC { /*Rögzítés alatt*/
    text-align: center;
}


.MdJelenletGridD {
    color: black;
    background-color: #aaaaaa;
}

.MdJelenletGridE { /*Jóváhagyó által elfogadva*/
    color: black;
    background-color: #aaaaaa;
    text-align: center;
}

.MdJelenletGridF {
    color: black;
    background-color: #aaaaaa;
}

.MdJelenletGridG {
    color: white;
    background-color: #b6038c;
}

/*Nyitott			Meg lett nyitva a projekt, a hozzá rendelt tagok tudnak jelenlétet rögzíteni*/
.MdJelenletAllapotN {
    background-color: yellow;
    color: black; /*Narancs szerű...*/
    font-weight: bold;
}

/*Rögzítés alatt			Már elkezdte a tag rögzíteni*/
.MdJelenletAllapotR {
    background-color: peachpuff; /*Kékes*/
    font-weight: bold;
}

/*Kész, Jóváhagyásra vár			A tag készre állította, értesítést küldött a rendszer a kijelölt kapcsolattartónak*/
.MdJelenletAllapotK {
    background-color: lightgreen; /*Zöld*/
    font-weight: bold;
}

/*Jóváhagyva			Csonk nélkül elfogadta a jóváhagyó a tag által rögzített értéket*/
.MdJelenletAllapotJ {
    background-color: darkgreen;
    color: white; 
    font-weight: bold;
}

/*Elutasítva			A kapcsolattartó kifogásolt napokat és elutasította a jelenlétet. 
    Levél megy a tagnak és a projekt vezetőnek. A Kapcsolattartók karbantartása menüben lehet beállítani, hogy ezt, vagy a G-t használja*/
.MdJelenletAllapotE {
    background-color: red;
    color: white;
    font-weight: bold;
}

/*718	T		Törölt  Rögzítettek már hozzá munkaidőt, utána kivették a projektből. Nem lehet törölni, hogy a rögzítéseknek, törléseknek nyoma maradjon...*/
.MdJelenletAllapotT {
    background-color: lightcoral;
    color: gray;
    font-weight: bold;
}

/*718	M		Módosított	MdJelenletAllapotM		A kapcsolattartó kifogásolt ÉS MÓDOSÍTOTT napokat és úgy hagyta jóvá a jelenlétet.*/
.MdJelenletAllapotM {
    background-color: orange;
    color: black;
    font-weight: bold;
}

/*718	S		Stopnak átadva	MdJelenletAllapotS		Az adminisztrátor a bérnek átadta az adatokat*/
.MdJelenletAllapotS {
    background-color: green;
    color: white;
    font-weight: bold;
}

/*718	A		Átadható		Az adatok a bérnek átadhatók*/
.MdJelenletAllapotA {
    /*    background: linear-gradient(to top, green 0%, green 50%, red 50%, red 100%);*/
    background: repeating-linear-gradient(-45deg, green, green 20px,red 20px, red 40px);
    color: white;
    opacity: 0.8;
    font-weight: bold;
}

/*718	V		Átadható - Visszavonva		A projekt vezető egyszer már átadhatónak jelölte, de most visszavonta, mert esetleg még vár valami adatra*/
.MdJelenletAllapotV {
    /*    background: linear-gradient(to top, green 0%, green 50%, red 50%, red 100%);*/
    background: repeating-linear-gradient(+45deg, blue, blue 20px,red 20px, red 40px);
    color: white;
    opacity: 0.8;
    font-weight: bold;
}

.gombmagassag {
    vertical-align: auto;
}

.grdRowJelenlet {
    height: 200px;
    overflow: auto
}

.spaHtmlTartalom div {
    margin-top: 5px;
    margin-left: 5px;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    overflow: auto;
    height: 440px;
    box-shadow: inset 0 0px 3px 0px rgba(0, 0, 0, 0.47)
}

.spaHtmlTartalomMax div {
    margin-top: 2px;
    margin-left: 10px;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    overflow: auto;
    height: 100%;
    box-shadow: inset 0 0px 3px 0px rgba(0, 0, 0, 0.47)
}

.updMainStyle {
    height: 100%;
    overflow: auto;
}

    .updMainStyle div {
        margin-left: 0px;
        width: 99.5%
    }

.txtRowSzelesseg {
    width: 98% !important;
}

.UzenetTipTartalom {
    height: 100%;
    width: 100%;
    /*    min-height: 400px*/
}

.NaptarDayHeaderStyle {
    text-align: center;
    background-color: #a1d1ff !important
}

.NaptarTitleStyle {
    background-color: #7aa6d5;
    font-size: 20px;
    font-weight: 600;
}

.btnNaptarnezet {
    font-size: 36px;
}

.MidoNaptar {
    max-width: 800px;
    height: auto;
}

.mobilSzuro {
    margin-top: 0.1rem;
}

.hTagnev {
    margin-bottom: 0;
}

.LevelEmbed {
    width: 99.2%;
    /*height: 100%;*/
    margin-top: 10px;
}

.AdatValtLapÁthúzott {
    text-decoration: line-through;
}

.AdatValtLapBold {
    font-weight: bold;
}

/*zöld színskála*/
.ZoldSzinSkala01 {
    background-color: #d8f3dc;
    color: black;
}

.ZoldSzinSkala02 {
    background-color: #b7e4c7;
    color: black;
}

.ZoldSzinSkala03 {
    background-color: #95d5b2;
    color: black;
}

.ZoldSzinSkala04 {
    background-color: #74c69d;
    color: black;
}

.ZoldSzinSkala05 {
    background-color: #52b788;
    color: white;
}

.ZoldSzinSkala06 {
    background-color: #40916c;
    color: white;
}

.ZoldSzinSkala07 {
    background-color: #2d6a4f;
    color: white;
}

.ZoldSzinSkala08 {
    background-color: #1b4332;
    color: white;
}

.ZoldSzinSkala09 {
    background-color: #081c15;
    color: white;
}


/*piros szerű*/
.SzinSkala01 {
    background-color: #f94144;
    color: white;
}

/*piros szerű*/
.SzinSkala02 {
    background-color: #f3722c;
    color: white;
}

/*narancs*/
.SzinSkala02 {
    background-color: #f8961e;
    color: white;
}

/*narancs szerű*/
.SzinSkala04 {
    background-color: #FAA51B;
    color: white;
}
/*halvány zöld*/
.SzinSkala05 {
    background-color: #C8BB12;
    color: white;
}

/*halvány zöld*/
.SzinSkala06 {
    background-color: #96D009;
    color: white;
}

/*halvány zöld*/
.SzinSkala07 {
    background-color: #9AFA1B;
    color: black;
}

/*zöld*/
.SzinSkala08 {
    background-color: #6EC312;
    color: white;
}

/*sötét zöld*/
.SzinSkala09 {
    background-color: #418C09;
    color: white;
}

/*egész sötét zöld*/
.SzinSkala10 {
    background-color: #155500;
    color: white;
}

/*Előkészítés alatt*/
.TerMberAllapot01 {
    background-color: #3f0d12;
    color: white;
}

/*Megnyitva cél állításhoz*/
.TerMberAllapot02 {
    background-color: #a71d31;
    color: white;
}

/*Cél állítás befejezve*/
.TerMberAllapot03 {
    background-color: #f1f0cc;
    color: black;
}

/*Értékelés alatt*/
.TerMberAllapot04 {
    background-color: #d5bf86;
    color: black;
}

/*Értékelés véglegesítve*/
.TerMberAllapot05 {
    background-color: #8d775f;
    color: black;
}

/*Adatok átadva a bérnek*/
.TerMberAllapot06 {
    background-color: #9dbf9e;
    color: white;
}

/*Adatok átadva a bérnek kicsit sötétebb zöld*/
.TerMberAllapot07 {
    background-color: #73ab84;
    color: white;
}

/*Adatok átadva a bérnek még sötétebb zöld*/
.TerMberAllapot08 {
    background-color: #61988e;
    color: white;
}

/*Adatok átadva a bérnek még sötétebb zöld*/
.TerMberAllapot09 {
    background-color: #137547;
    color: white;
}

/*Adatok átadva a bérnek egész sötét zöld*/
.TerMberAllapot10 {
    background-color: #054a29;
    color: white;
}

/*Nincs Felhasználónév*/
.FelhasznaloAllapot01 {
    background-color: red;
    color: white;
}

/*Felhasználónév elkészült*/
.FelhasznaloAllapot02 {
    background-color: orange;
    color: white;
}

/*Felhasználói fiók elkészült*/
.FelhasznaloAllapot03 {
    background-color: yellow;
    color: black;
}

/*Aktiváló linket küldtünk*/
.FelhasznaloAllapot04 {
    background-color: lightgreen;
    color: black;
}

/*Aktiváló linket küldtünk*/
.FelhasznaloAllapot05 {
    background-color: green;
    color: white;
}

/*Munkatárs*/
.FelhasznaloCsoport01 {
    background-color: green;
    color: white;
}

/*L1 vezető*/
.FelhasznaloCsoport02 {
    background-color: red;
    color: white;
}

/*L2 vezető*/
.FelhasznaloCsoport03 {
    background-color: orange;
    color: white;
}

/*L3 vezető*/
.FelhasznaloCsoport04 {
    background-color: yellow;
    color: black;
}

.UzenetKivalasztott {
    text-decoration: underline;
    color:blue;
}

.UzenetMasik {
    color: black;
}

.chkMiddleSize {
    width: 1.5em;
    height: 1.5em;
}

.MasodikReg {
    color: darkorange;
}

.ElteroNev {
    color: red;
    /*font-weight: bold;*/
    /*text-decoration: line-through;*/
}
.MUCsokkeno {
    color: red;
    font-weight: bold;
}
.MUNovekvo {
    color: green;
    font-weight: bold;
}
.MUEgyenlo {
    color: blue;
    font-weight: bold;
}


.MUfooter {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 30%; /* Set the fixed height of the footer here */
    line-height: 34px; /* Vertically center the text there */
    background-color: red;
    z-index: 200;
}

.btnmini {
    line-height: 1.0rem !important;
}

.btnfeher {
    background-color: white !important;
}


.btnTransparent {
    background-color: transparent !important;
}

.btngray {
    background-color: gray !important;
}

.zoom {
    zoom: 2;
    -moz-transform: scale(2);
    -moz-transform-origin: 0 0;
}

.MuTevTorles {
    color: red;
    font-weight: bold
}

.MuTevModositas {
    color: blue;
    font-weight: bold
}

.MuTevHomeOffice {
    background-color: orange !important;
    color: black !important;
}

.MuTevFejleszes {
    background-color: orangered !important;
    opacity: 0.8;
    color: black !important;
}

.MuTevAllapotKesz {
    background-color: green !important;
    opacity: 0.5;
    color: black !important;
}

.MuTevAllapotAktiv {
    background-color: deepskyblue !important;
    opacity: 0.8;
    color: black !important;
}

.MuTevAllapotFelbehagyva {
    background-color: deeppink !important;
    opacity: 0.8;
    color: black !important;
}

.MuTevAdmin {
    background-color: yellow !important;
    opacity: 0.8;
    color: black !important;
}

.MuFSorAllapotKesz {
    background-color: green !important;
    opacity: 0.7;
    color: white !important;
}

.MuFSorAllapotFolyamatban {
    background-color: yellow !important;
    opacity: 0.5;
    color: black !important;
}

.MuFSorAllapotIrreleváns {
    background-color: gray !important;
    opacity: 0.5;
    color: black !important;
}

.MuFSorAdatGomb {
    font-weight: bold;
    color:mediumvioletred
}

.MuFSorEmlekeztetoAktuális {
    background-color: red !important;
    opacity: 0.7;
    color: white !important;
    font-weight: bold
}

.MuFSorEmlekezteto2NaponBelül {
    background-color: orangered !important;
    opacity: 0.5;
    color: black !important;
}

.MuFSorEmlekezteto5NaponBelül {
    background-color: yellow !important;
    opacity: 0.6;
    color: black !important;
}

.MuUgyfelAllapotErdeklodo {
    background-color: orange !important;
    opacity: 0.6;
    color: black !important;
}

.MuUgyfelAllapotBevezetesAlatt {
    background-color: lightgreen !important;
    opacity: 0.6;
    color: black !important;
}

.MuUgyfelAllapotAKtiv {
    background-color: green !important;
    opacity: 0.6;
    color: white !important;
}

.MuUgyfelAllapotUgyfel {
    background-color: lightgreen !important;
    opacity: 0.6;
    color: black !important;
}

.MuUgyfelAllapotLezart {
    background-color: orangered !important;
    opacity: 0.6;
    color: white !important;
}

.MuUgyfelAllapotTorolt {
    background-color: red !important;
    opacity: 0.6;
    color: white !important;
}

.btndisabled {
    opacity: .4;
    background-color: gray !important;
    color: darkgray;
    border-color: darkgray !important;
}

.TerHrStyle {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.MuMegrToroltCSS {
    color: red;
    text-decoration: line-through;
}

.MuMegrInaktivCSS {
    background-color: lightgray !important;
}

.MuMegrToroltInaktivCSS {
    color: red;
    text-decoration: line-through;
    background-color: lightgray !important;
}

.HfInaktivAsztalCSS {
    background-color: lightgray !important;
    border-radius: 10px;
    color: darkgray !important;
}

.HfAsztalFeliratCSS01 {
    color: black !important;
    font-weight: bold;
}

.HfAsztalFeliratCSS02 {
    color: darkgray !important;
}

.HfAsztalFeliratCSS03 {
    color: darkgray !important;
}
.HfAsztalFeliratCSS04 {
    color: darkgray !important;
}
.HfAsztalFeliratCSS05 {
    color: darkgray !important;
}
.HfAsztalFeliratCSS06 {
    color: darkgray !important;
}

/*.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

    .tooltip .tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}*/

#MainContent_AltEdit_txtFsorLeiras64 
{
    min-height: 100px;
}
#MainContent_AltEdit_txtMuFolyLeiras {
    min-height: 150px;
}
#MainContent_AltEdit_txtMuFolyLepesLeiras {
    min-height: 150px;
}

#MainContent_AltEdit_txtMrendPotlekMukodesLeiras {
    min-height: 150px;
}

#MainContent_AltEdit_txtMrendPotlekMSzunetLeiras {
    min-height: 150px;
}

.gombNoPadding {
    padding: 0.375rem 0.05rem !important;
}

/*Ez azért van, mert az egyes stílusokat a CSS általában a sorrendjük alapján értelmezi, 
    így ha az .active szabály előtt van a .HelpCircle szabály, akkor az .active szabályt felülírja. 
    Alábbi megoldással biztosíthatjuk, hogy az .active szabály a megfelelő sorrendben kerüljön feldolgozásra, és így az elvárt eredményt kapjuk.*/

.HelpCircle {
    font-size: 1.5rem;
    background-color: white;
    color: black;
    vertical-align: middle;
}

    .HelpCircle path {
        fill: black;
    }

    .HelpCircle.active path {
        fill: red !important;
    }


.navbarMyWb{
    padding: 0.2rem 0.5rem !important;
}

.table-suru th,
.table-suru td {
    padding: 0.2rem !important;
}

.form-controlMyWb {
    padding: 0.175rem 0.5rem !important;
    height: calc(1.3em + 0.75rem + 2px) !important;
}

.btnMyWb {
    /*padding: 0.375rem 0.75rem;*/
    padding: 0.275rem 0.5rem !important;
}

@media (min-width: 1680px) {
    .modal-xl {
        max-width: 1600px;
    }
}

@media (min-width: 1900px) {
    .modal-xl {
        max-width: 1880px;
    }
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #c8c8c8 !important;
    opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #c8c8c8 !important;
}
.btn-primary.disabled, .btn-primary:disabled {
    background-color: #8989897a!important;
    border-color: #8989897a!important;
}
.imgMyPicture {
    max-width: 150px;
    max-height: 150px;
    margin: 0px;
    border-radius: 50%;
}

    .imgMyPicture img {
        max-width: 100%;
        max-height: 100%;
        min-height: 150px;
        max-height: 150px;
        object-fit: cover;
        border-radius: 50%;
    }

.imgMyIcon {
    font-size: 100px;
}

.mydatacontainer {
    display: flex;
    flex-wrap: wrap;
}

.personal-info,
.classification {
    width: 100%;
    margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
    .personal-info,
    .classification {
        width: 50%;
        padding: 0 20px;
    }
}

.personal-info h2,
.classification h2 {
    display: flex;
    justify-content:flex-start;
    align-items: flex-start;
    font-size: 28px;
    font-weight: bold;
    margin: 2.0rem 0.0rem;
}

.personal-details ul,
.classification-details ul {
    list-style: none;
    padding: 0;
    margin: 0.5rem 0.0rem;
}

.personal-details img {
    width: 100%;
    max-width: 200px;
    height: auto;
    margin-bottom: 0.5rem;
}

.personal-details ul li,
.classification-details ul li {
    margin: 0.5rem 0.0rem;
    line-height: 1.5;
}

.liico
{
    margin: 0.0rem 0.5rem 0.0rem 0.0rem;
}

.imgWrapper {
    position: relative;
    width: 150px;
    height: 30px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btnMyPicture {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 60px;
    /*line-height: 150px;*/
    color: #999;
    border-radius: 50%;
    background-color: transparent;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

    .btnMyPicture:hover {
        color: #333;
        background-color: transparent;
    }

.upload-icon, .delete-icon {
    position: absolute;
    bottom: 0;
}

.upload-icon {
    right: 0.0rem;
}

.delete-icon {
    left: 0.0rem;
}

.kartyastilus {
    background: #f5f5f5;
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
}

/*Midő*/
/* Pihenőnap */

.NaptarTipusCss0 {
    background-color: moccasin;
    opacity: 0.9;
}

/* Munkaszüneti nap */
.NaptarTipusCss8 {
    background-color: red;
    opacity: 0.7;
    color:white;
}

/* Munkanap */
.NaptarTipusCss1 {
    opacity: 1.0;
}

/* Más hó */
.NaptarTipusCss2 {
    background-color: #e2e2e2; /*ez egy szürke*/
    opacity: 0.4;
}

/*  PihenőnapMásHó  */
.NaptarTipusCss3 {
    background-color: moccasin;
    opacity: 0.4;
}

/*A csoportos munkabeosztásnál a nap CSS */
.CsoportMidoNapCss {
    background-color: red;
    border-radius: 6px;
    opacity: 0.7;
}

/*A csoportos munkabeosztásnál a kijelölt nap CSS */
.CsoportMidoKijeloltNap {
    background-color: lightgrey !important;
    border-radius: 6px;
    opacity: 0.8;
}
.MidoBeoNapTipusCssPI {
    background-color: #ffe4b59e;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.9;
    color: blue;
    /*font-size: 0.8rem;*/
    font-weight: normal;
    padding: 0px 4px;
    margin: 0px;
}

.MidoBeoNapTipusCssÜN {
    background-color: red !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: blue;
    /*font-size: 0.8rem;*/
    font-weight: normal;
    padding: 0px 4px;
    margin: 0px;
}
/*  Tartós távollét */
.MidoBeoNapTipusCssTT {
    background-color: LightGray;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: white;
    /*font-size: 0.8rem;*/
    font-weight: normal;
    padding: 0px 4px;
    margin: 0px;
}
/*  BEKU */
.MidoBeoNapTipusCssBK {
    background-color: Gray;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: white;
    /*font-size: 0.8rem;*/
    font-weight: normal;
    padding: 0px 4px;
    margin: 0px;
}

/*  Munkanap */
.MidoBeoNapTipusCssMN {
    background-color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: blue;
    /*font-size: 0.8rem;*/
    font-weight: normal;
    padding: 0px 4px;
    margin: 0px;
}

.KeszJelCssKesz {
    background-color: transparent;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: red;
    font-size: xx-small;
    font-weight: normal;
    padding: 0px 0px;
    margin: 1px;
    vertical-align:text-top;
}
/*Jelenlétben, vagy munkabeosztásnál rögzítve*/
.KeszJelCssJR {
    background-color: transparent;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: black;
    font-size: xx-small;
    font-weight: normal;
    padding: 0px 0px;
    margin: 1px;
    vertical-align: text-top;
}

/*Jelenlétben, vagy munkabeosztásnál rögzítve*/
.KeszJelCssWB {
    background-color: transparent;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: darkblue;
    font-size: xx-small;
    font-weight: normal;
    padding: 0px 0px;
    margin: 1px;
    vertical-align: text-top;
}
/*Igénylő rögzítette*/
.KeszJelCssIR {
    background-color: transparent;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: orangered;
    font-size: xx-small;
    font-weight: normal;
    padding: 0px 0px;
    margin: 1px;
    vertical-align: text-top;
}
/*Igénylő igényelte*/
.KeszJelCssIG {
    background-color: transparent;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: red;
    font-size: xx-small;
    font-weight: normal;
    padding: 0px 0px;
    margin: 1px;
    vertical-align: text-top;
}
/*Jóváhagyó jóváhagyta*/
.KeszJelCssJH {
    background-color: transparent;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: green;
    font-size: xx-small;
    font-weight: normal;
    padding: 0px 0px;
    margin: 1px;
    vertical-align: text-top;
}
/*Jóváhagyó elutasította*/
.KeszJelCssJE {
    background-color: yellow;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: black;
    font-size: xx-small;
    font-weight: normal;
    padding: 0px 0px;
    margin: 1px;
    vertical-align: text-top;
}

.KeszJelCssEL {
    background-color: transparent;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: black;
    font-size: xx-small;
    font-weight: normal;
    padding: 0px 0px;
    margin: 1px;
    vertical-align: text-top;
}

/*Igénylő törlést igényel*/
.KeszJelCssTI {
    background-color: transparent;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: red;
    font-size: xx-small;
    font-weight: normal;
    padding: 0px 0px;
    margin: 1px;
    vertical-align: text-top;
}

.MidoBeoCsopCssDE {
    background-color: dodgerblue;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: black;
    border-radius: 5px;
    font-size: 0.8rem;
    font-weight: normal;
    padding: 0px 4px;
    margin: 1px;
}

.MidoBeoCsopCssPI {
    background-color: moccasin;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: black;
    border-radius: 5px;
    font-size: 0.8rem;
    font-weight: normal;
    padding: 0px 4px;
    margin: 1px;
}

.MidoBeoCsopCssRMDE {
    background-color: dodgerblue;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: red;
    border-radius: 5px;
    font-size: 0.8rem;
    font-weight: bolder;
    padding: 0px 4px;
    margin: 1px;
}
.MidoBeoCsopCssDU {
    background-color: orange;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: white;
    border-radius: 5px;
    font-size: 0.8rem;
    font-weight: normal;
    padding: 0px 4px;
    margin: 1px;
}
/*Rendkívüli munkavégzés ÉJszaka*/
.MidoBeoCsopCssRMDU {
    background-color: orange;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: red;
    border-radius: 5px;
    font-size: 0.8rem;
    font-weight: bold;
    padding: 0px 4px;
    margin: 1px;
}

.MidoBeoCsopCssÉJ {
    background-color: dimgray;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: white;
    border-radius: 5px;
    font-size: 0.8rem;
    font-weight: normal;
    padding: 0px 4px;
    margin: 1px;
}

.MidoBeoCsopCssÜN {
    background-color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: black;
    border-radius: 5px;
    font-size: 0.8rem;
    font-weight: bold;
    padding: 0px 4px;
    margin: 1px;
}
/*Rendkívüli munkavégzés ÉJszaka*/
.MidoBeoCsopCssRMÉJ {
    background-color: gray;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: red;
    border-radius: 5px;
    font-size: 0.8rem;
    font-weight: bold;
    padding: 0px 4px;
    margin: 1px;
}

.MidoBeoCsopCssKL {
    background-color: darkmagenta;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: white;
    border-radius: 5px;
    font-size: 0.8rem;
    font-weight: normal;
    padding: 0px 4px;
    margin: 1px;
}

/*Munkavégzés helye a szabigeny formon*/
.MidoBeoCsopCssMH {
    background-color: darkgray;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: darkblue;
    border-radius: 5px;
    font-size: 0.8rem;
    font-weight: bold;
    padding: 0px 4px;
    margin: 1px;
}

.MidoBeoCsopCssKIFSZR {
    background-color: forestgreen;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: white;
    border-radius: 5px;
    font-size: 0.8rem;
    font-weight: normal;
    padding: 0px 4px;
    margin: 0px;
}
/*Tervezett szabadság Voltaira*/
.MidoBeoCsopCssKITSZ {
    background-color: lightgreen;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: black;
    border-radius: 5px;
    font-size: 0.8rem;
    font-weight: normal;
    padding: 0px 4px;
    margin: 0px;
}
.MidoBeoCsopCssKIBETG {
    background-color: mediumvioletred;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: white;
    border-radius: 5px;
    font-size: 0.8rem;
    font-weight: normal;
    padding: 0px 4px;
    margin: 0px;
}

.BeosztasCssDE {
    background-color: dodgerblue;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.9;
    color: black;
    border-radius: 5px;
    font-size: 0.8rem;
    font-weight: normal;
    padding: 0px 4px;
    margin: 0px;
}
/*  DropDownLis színezéséhez    */
.BeosztasCssDEDdl {
    background-color: dodgerblue;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: white;
}

.BeosztasCssDEMH {
    background-color: #002cff54;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.4;
    color: black;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: normal;
}

.BeosztasCssPI {
    background-color: moccasin;
    font-family: 'segoe ui', tahoma, geneva, verdana, sans-serif;
    opacity: 0.8;
    color: black;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: normal;
}

/*  DropDownLis színezéséhez    */
.BeosztasCssPIDdl {
    background-color: moccasin;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: white;
}

/*más hó*/
.BeosztasCssPIMH {
    background-color: #ffe4b54e;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.5;
    color: black;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: normal;
}

.BeosztasCssDU {
    background-color: orange;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: black;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: normal;
}

/*  DropDownLis színezéséhez    */
.BeosztasCssDUDdl {
    background-color: orange;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: white;
}
/*más hó*/
.BeosztasCssDUMH {
    background-color: orange;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.4;
    color: black;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: normal;
}

.BeosztasCssÜN {
    background-color: red;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: white;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: normal;
}

/*  DropDownLis színezéséhez    */
.BeosztasCssÜNDdl {
    background-color: red;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: white;
}

/*más hó*/
.BeosztasCssÜNMH {
    background-color: red;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.5;
    color: white;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: normal;
}
.BeosztasCssÉJ {
    background-color: dimgray;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: white;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: normal;
}

/*  DropDownLis színezéséhez    */
.BeosztasCssÉJDdl {
    background-color: dimgray;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.8;
    color: white;
}

/*más hó*/
.BeosztasCssÉJMH {
    background-color: dimgray;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    opacity: 0.5;
    color: white;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: normal;
}

.MunkaidoCSS {
    background-color: transparent;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    /*opacity: 0.7;*/
    color: black;
    /*border-radius: 6px;*/
    font-size: 0.8rem;
    font-weight:revert;
}

.calendarDayBetumeret {
    font-size: 0.8rem;
}
.mobilMargoNull {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.calendarDayFormazas {
    border-style: none;
    font-weight: bold;
    background-color: transparent
}


.CsoportMidoNaptar {
    max-width: 800px;
    height: auto;
}

.CsoportMidoNaptarKicsi {
    max-width: 600px;
    height: auto;
}

.MidoMuveletGomb, .MidoMuveletGombAdm, .MidoMuveletGombFejl {
    border: 2px solid;
    border-radius: 8px;
    /*padding: 0.1rem 0.1rem 0.1rem 0.1rem;*/
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    display: inline-block;
    padding: 1px 1px;
    text-align: center;
}

.MidoMuveletGombAdm {
    background-color: #FCF3CF;
    border: 2px solid #FFA500; /* Kerekített keret */
}

.MidoMuveletGombFejl {
    background-color: lightblue;
    border: 2px solid #5AA8FF; /* Kerekített keret */
}

.colAdm {
    background-color: #FCF3CF;
}

.colFejl {
    background-color: lightgreen;
}

.btnMido {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

/* Pihenőnap */
.MidoNapTipusCss0 {
    background-color: moccasin;
    opacity: 0.5;
}

/* Pihenőnap más hó */
.MidoNapTipusCss3 {
    background-color: moccasin;
    opacity: 0.3;
}

/* Munkaszüneti nap */
.MidoNapTipusCss8 {
    background-color: red;
    opacity: 0.6;
}

/*Ünnep más hó*/
.MidoNapTipusCss4 {
    background-color: red;
    opacity: 0.3;
}

/* Munkanap */
.MidoNapTipusCss1 {
    opacity: 0.7;
}

/* MunkanapMásHó */
.MidoNapTipusCss2 {
    background-color: #e2e2e2;
}

.MidoNaptarDayHeaderStyle {
    text-align: center;
    background-color: #a1d1ff !important
}

.MidoNaptarTitleStyle {
    background-color: #7ca6d5;
    opacity: 0.7;
    font-size: 20px;
    font-weight: 600;
    border-style: none;
}

/*Amikor nincs semmi, akkor legyen lila. Ilyen nem lenne szabad legyen majd!!!*/
.WMidoCsoportMidoNaptarTipusCss {
    background-color: deeppink;
    color:aqua;
}

.WMidoCsoportMidoNaptarTipusCssÜN {
    background-color: red;
    opacity: 0.9;
}

.WMidoCsoportMidoNaptarTipusCssÜNMH {
    background-color: red;
    opacity: 0.4;
}

.WMidoCsoportMidoNaptarTipusCssPI {
    background-color: #ffe4b59e;
}

.WMidoCsoportMidoNaptarTipusCssPIMH {
    background-color: #ffe4b59e;
    opacity: 0.4;
}

.WMidoCsoportMidoNaptarTipusCssMU {
    background-color: white;
}

.WMidoCsoportMidoNaptarTipusCssMUMH {
    background-color: lightgray;
    opacity: 0.4;
}

.MrendPotlekNincs {
    background-color: red;
    color: white;
    opacity: 0.7;
}

.NemHasznaltPotlekTipusCSS {
    color: lightgrey;
}

.HasznaltPotlekTipusCSS {
    color: black;
}

/*Hátterek*/
.BackGroundGreenCss {
    background-color: #BBE7A0;
}
.BackGroundOrangeCss {
    background-color: #E7CCA0;
}
.BackGroundBlueCss {
    background-color: #A0DFE7;
}
.BackGroundRedCss {
    background-color: #f83838;
}
.BackGroundTransparentCss {
    background: repeating-linear-gradient( 45deg, #f83838 0px, #f83838 20px, #fcb6b6 20px, #fcb6b6 40px );
}

/* Szegélyek */
.BorderGreenCss {
    border-color: #BBE7A0;
    border-width: 0.6rem;
    border-style: solid;
}
.BorderOrangeCss {
    border-color: #E7CCA0;
    border-width: 0.6rem;
    border-style: solid;
}
.BorderBlueCss {
    border-color: #A0DFE7;
    border-width: 0.6rem;
    border-style: solid;
}
.BorderRedCss {
    border-color: #f83838;
    border-width: 0.6rem;
    border-style: solid;
}
.BorderTransparentCss {
    background: repeating-linear-gradient( 45deg, #f83838 0px, #f83838 20px, #fcb6b6 20px, #fcb6b6 40px );
}

.MidoKulsosFelh {
    background-color: lightsalmon;
    color: white;
    opacity: 0.9;
}

.select2-dropdown--below {
    z-index: 100000 !important;
}
.select2-selection {
    padding: 0.175rem 0.5rem !important;
    height: calc(1.3em + 0.75rem + 2px) !important;
    border: 1px solid #ced4da !important
}
.select2-selection__arrow {
    height:32px !important;
}
.select2-results__option {
    padding: 3px 6px 3px 6px !important;
}
.select2-container--open .select2-dropdown--below {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}
.ddlKotelezo {
    border: 1px solid Blue !important;
}

.KivalasztottFeladatFeljekCSS {
    background-color: #D0FBD0;
    font-weight: bold;
}
.NemKivalasztottFeladatFeljekCSS {
    background-color: initial;
    font-weight: initial;
}

.MaiFeladatFeljekCSS {
    background-color: #66ff66;
    font-weight: bold;
}

.JeloltSzuroIkon {
    border: 2px inset #007bff;
    border-radius: 6px;
    padding: 2px;
    background: #0071ff33;
    cursor: not-allowed !important;
}

.JeloletlenSzuroIkon {
    border: none;
}

.upper-index {
    vertical-align: super; /* Felső index pozíció */
    font-size: small; /* Kisebb betűméret, ha szükséges */
    font-weight:bold;
}


/*  Naptár stílusok */

.cim {
    font-size: 20px;
}

@media (max-width: 768px) {
    .cim {
        font-size: 16px; /* kisebb méret mobilon */
    }
}

.calendar {
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto !important;
    padding: 0 !important;
}

@media (max-width: 768px) {
    .calendar {
        width: 100%;
        border-collapse: collapse;
        padding-left: 0.1rem;
        padding-right: 0.0rem;
        font-size: 12px;
    }
}

.calendar-header {
    text-align: center !important;
    border: 2px solid darkgray;
    background-color: #7aa6d5;
    font-size: 20px;
    font-weight: 600;
    /*text-align: center;*/
    margin-bottom: 0.0rem;
    transform: rotate(0deg);
}

@media (max-width: 768px) {

    .calendar-header {
        font-size: 18px;
    }
}

.calendar-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

@media (max-width: 768px) {

    .calendar-row {
        display: flex;
        flex-wrap: wrap;
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

.calendar-weekheader {
    width: calc(100% / 7);
    height: 35px;
    padding: 5px;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid darkgray;
    background-color: #a1d1ff;
    font-weight: bold;
}

.calendar-day {
    display: inline-block;
    width: calc(100% / 7);
    height: 68px;
    padding-top: 0.0rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    box-sizing: border-box;
    text-align: left;
    border: 1px solid #ddd;
    /*background-color: #fff;*/
    font-size: medium;
}

    .calendar-day.Keszenlet {
        height: 88px;
    }

    @media (max-width: 768px) {
        .calendar-day {
            padding-top: 0.0rem;
            padding-left: 0.0rem;
            padding-right: 0.0rem;
            height: 70px; /*14*3+12*/
            font-size: small;
        }
    }

    .calendar-day:hover {
    background-color: #f5f5f5;
}

.calendar-day.other-month {
    /*color: #999;*/
    background-color: #f5f5f5;
}

.calendar-day.current-month {
    color: #333;
}

.calendar-day.today {
    background-color: #ffc;
}

.calendar-day.selected {
    background-color: #cfc;
}


.calendar-day.yellow {
    background-color: yellow;
}

.calendar-controls {
    display: flex;
    justify-content: flex-start;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}

    .calendar-controls button {
        border: 1px solid black;
        border-radius: 4px;
        padding: 2px 10px;
        margin-top: 0.3rem;
        margin-right: 10px;
    }

.outer-div {
    display: inline-block;
    margin-right: 10px;
}

.inner-div {
    height: 4.0rem;
    width: 30px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    border: 1px solid black;
}

.div-delelott {
    /*background-color: blue;*/
    background-color: #0C9FFF;
    border-radius: 3px;
    color: white;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    margin-left: 3px;
    margin-right: 3px;
    text-align: center;
    font-size: 12px;
}

@media (max-width: 768px) {
    .div-delelott {
        font-size: 9px;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }
}

.div-szabadsag {
    background-color: #FFC85A;
    border-radius: 3px;
    color: white;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 0px;
    text-align: center;
    font-size: 12px;
}

@media (max-width: 768px) {
    .div-szabadsag {
        font-size: 9px;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }
}

.div-ugyelet {
    background-color: darkgrey;
    border-radius: 3px;
    color: black;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    margin-left: 3px;
    margin-right: 3px;
    text-align: center;
    font-size: 12px;
}

@media (max-width: 768px) {
    .div-ugyelet {
        font-size: 9px;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }
}

.legend-color {
    width: 20px;
    height: 20px;
    border: 2px solid #000;
    margin-right: 5px;
}

.szabIgdisabled {
    opacity: .4;
/*    background-color: gray !important;
    color: darkgray;
    border-color: darkgray !important;*/
}