@import url("login.css");
@import url("tabpanel.css");



@media (max-width: 768px) {


    .parentmenucaption {
        font-size: 2vmin;     
    }
    .parentmenuicon {
        display: none;
        visibility: hidden;
    }
    .menuitem {
        /*padding: 10px;*/
        /*line-height: 3.5vmax;*/
        line-height: calc( 3.5 * (1vw + 1vh - 1vmin));
    }
}


html,body {
    height: 100%;    
    
}

@media  (max-width: 1300px) {

    .szabadsagkerelmektable td,.szabadsagkerelmektable span {

    }	

    /*    .szabadsagkerelmektable th:nth-child(3),.szabadsagkerelmektable td:nth-child(3),   */
    .szabadsagkerelmektable th:nth-child(2),.szabadsagkerelmektable td:nth-child(2), 
    .szabadsagkerelmektable th:nth-child(11),.szabadsagkerelmektable td:nth-child(11), 
    .szabadsagkerelmektable th:nth-child(13), .szabadsagkerelmektable td:nth-child(13), 
    .beosztottjaim th:nth-child(4), .beosztottjaim td:nth-child(4),
    .beosztottjaim th:nth-child(6), .beosztottjaim td:nth-child(6)
    {
        display: none;
        visibility: hidden;
    }    
}

a {
    color: #02c3f3;  
}




.bordered {
    border: #f00 0px solid;  

}
.feedbackPanel {  
    clear: both;
    text-align: center;
    margin: 5px;
    padding-left: 0px;  
    margin-left:  5px;
    margin-right: 5px;    
    border: #ccc 1px solid;
}


.feedbackPanelERROR {
    list-style: circle;
    list-style-position: inside;
    color: red;
    background: #f2dede;
    padding: 20px;

}

.feedbackPanelINFO {
    color: green;
    list-style: circle;
    list-style-position: inside;
    text-shadow: 0px -1px black;
    font-variant: small-caps;
    font-size: small;
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
    background: #8df478;  
    padding: 20px;
}

.feedbackPanelWARNING {
    color: green;
    list-style: circle;
    list-style-position: inside;
    text-shadow: 0px -1px black;
    font-variant: small-caps;
    font-size: small;
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
    background: #ffe45c;  
    padding: 20px;
}

.portalheader {
    height: 100%;
    vertical-align: middle;      
    padding-top: 3%;

}
.statusbox {                
    padding-top: 2vmin;
    margin: 0px auto;
    text-align: center;
    margin-right: 10px;    
}

.statusbox a:hover {
    color: #8df478;
    text-decoration: none;
}
.navigator, .navigatorLabel {
    text-align: center; 
}

.headers th {
    text-align: center;
    background: #2c78aa;
    background: #dedede;
    background: #fff;
    background: #f7f7f9;
}
.headers a {
    color: blue;
    text-decoration: none;
}


.btn-filter {
    background: #02c3f3;
    color: #fff;
    margin-top: 2%; 
    margin-bottom: 2%; 
}
.btn-clear {

}
.clear {
    clear:both;
}

.justifydown {
    margin-top: 10px;
}

.adate, .adatetitle,  .authortitle,  .articleauthor {
    font-size: small;
    font-weight: bold;
}
.articleheading {
    padding-bottom: 0px;
    padding-top:5px;   
}

.editbutton {
    padding-bottom: 3px; 
}

#urgency {
    vertical-align: top;
    font-size: 65%;
    font-stretch:extra-expanded;
    padding: 2px;

}


.settingspanel .panel-heading {
    padding-bottom:0px;
    padding-top:5px;          
}

.hirekpanel {
    border: 0px;

    margin-top: 0px;
    padding-top: 0px;

}
.hirekpanel .panel-heading {
    /*padding:5px 5px 5px 5px;       */
    margin-bottom: 5px;

}


.panel-article {

}
.panel-article .panel-heading  {    

    color:#2C78AA;
    color:#000;
    background: #f7fcff;    
    background: #D9EDF7;
}
.cikk {
    margin-top: 5px;
    padding-top: 5px;


}
.articleheading h4 {
    margin-bottom: 5px;
    margin-top:5px;

}

.settingspanel h4 {
    margin-bottom: 5px;
    margin-top:5px;

}

.hirekpanel h3 {
    margin-bottom: 5px;
    margin-top:5px;
}


#filespanel {
    img: 0px auto;

}
.filespanel .panel-heading {
    padding-bottom:0px;
    padding-top:5px;   

    background: #337ab7;
    /*background: #FFAB7B;*/
    background: #e7dfba;


}
.filespanel h4 {
    margin-bottom: 5px;
    margin-top:5px;   
    font-size: 1.1em;
    font-weight: bold;

}

.filespanel .table th,.filespanel .table td,.filespanel .table tr {
    font-size: 95%;
    padding: 4px;
}

.issuespanel .panel-heading {
    padding-bottom:0px;
    padding-top:5px;   
    background: #d6e9c6;


}

.issuespanel h4 {
    margin-bottom: 5px;
    margin-top:5px;
    font-size: 1.1em;
    font-weight: bold;

}

.issuespanel .table th,.issuespanel .table td {
    font-size: 95%;
    padding: 4px;
    vertical-align: middle;
}
.homepagerightcontainer {
    /*margin-top: 2.4vmax;*/
    margin-top:  calc( 2.4 * (1vw + 1vh - 1vmin));
}
.eventspanel .panel-heading {
    padding-bottom:0px;
    padding-top:5px;          

}

.eventspanel h4 {
    margin-bottom: 5px;
    margin-top:5px;
    font-size: 1.1em;
    font-weight: bold;

}
.eventspanel .table th,.eventspanel .table td {
    font-size: 95%;
    padding: 5px;
}
.eventspanel .btn-events-new {
    margin: 5px;


}


.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}
.centered,.centered th {    
    text-align: center;    
}




.topmenu {    
    margin: 0px;
    padding: 0px;
    position: relative;
    text-align: left;
    top: 0px;
    max-width: 70%;
    min-width: 70%;
    width:70%;
    max-height: 25px;
    min-height: 25px;
    height: 25px;    
    border-bottom: #0f8ce2;        
}



/* személyi kártya VÉGE*/

#breadcrumb1  {    
    background-repeat: no-repeat;
    z-index: 2;    
    position: relative;
    font-weight: 100;
    text-align: left;    
    font-family: Helvetica, Verdana, Arial, sans-serif;

    word-spacing: 5px;
    font-variant: normal;
    font-size: small;   
    width: 80%;
    height: 6px;
    margin: 5px 5px 0px 0px;
    /*background-repeat: repeat-x;*/
    background: #012138;
    text-align: right;
    float: right;
}


#breadcrumb ul {
    padding-bottom: 6px;
}
#breadcrumb li {
    display: inline;  

}
/* breadcrumb elválasztó */

#arrow{
    padding-right: 3px;
    padding-left: 17px;
    background-repeat: no-repeat;
    background-image: url(../images/nyil2.png);
    font-style: italic;
    color: #f7482d; 
    margin-left: 0px;         
    color: #1c94c4;
}

/* breadcrumb LINKEK */

#breadcrumb a:link {
    background-repeat: no-repeat;
    font-weight: normal;
    text-align: left;
    font-family: Helvetica, Verdana, Arial, sans-serif;    
    color: #cecece;
    color: #ccc;
    word-spacing: 5px;
    font-size: small;
    text-decoration: none;

}

#breadcrumb a:visited {
    background-repeat: no-repeat;
    font-weight: bold;
    text-align: left;

    font-family: Helvetica, Verdana, Arial, sans-serif;

    color: #e79c1b;

    word-spacing: 5px;

    font-variant: normal;
    text-decoration: none;
    font-size: small;
}

#breadcrumb a:hover {
    background-repeat: no-repeat;
    font-weight: normal;
    text-align: left;

    font-family: Helvetica, Verdana, Arial, sans-serif;

    color: #ff2c11;

    word-spacing: 5px;

    font-variant: normal;
    text-decoration: none;
    font-size: small;
}


/* gradiens ĂĽzenetbox */

#clear {
    clear: both;
    height: 1px;
    width: 100%;
}


#cegtitle_container {
    z-index: 2;
    /*color: #2884bf;
    color: #45b911;    */
    font-weight: bold;    
    position: relative;
    width: 100%;

}

#cegtitle_container a {
    font-weight: bold;
    border-collapse: collapse;
    text-decoration: underline;
    text-align: right;
    font-size: 1em;
    float: left;
    clear: both;
    margin-left: 15px;


}

#cegtitle_container a:hover {
    color: red;
}
/*.nevnap {
   clear: both;
   position: relative;
   display: inline;
   float: right;
   top: -43px;
   right: 0px;
   
   margin-right: 10px;
}
.nevnaphl {
   
}
#maidatum {
   clear: both;
    position: relative;
   display: inline;   
   float: right;
   border: #fff 1px solid;
   top: -45px;
   right: 2px;
   
   
   margin-right: 10px;
   color: #fff;
   color: #2884bf;
   color: #ccc;
   font-weight: bold;  
}*/
.leftsidebar {
    padding-top: 10px; 
    /*   background: #ececec;
       background: #f7f7f9;*/
    /*margin-bottom: -9999px;
    padding-bottom: 9999px;*/
    margin: 0px auto;


}

.leftaccordionmenu {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background: #fff;

}
.container, .container-fluid {
    height: 100%;
    /*overflow: hidden;*/
}

#header {
    width: 100%;
    border-bottom: #02c3f3 5px solid;
    border-radius: 5px;

    color: #fff;
    background: #02c3f3; /* blue vil. kék   */
    background: #2c78aa;
    padding-bottom: 5px;
    margin-top: 5px;


}


#header .headercontainer {

    width: 100%; 
    position: relative;
    text-align: center;
}
#logo {
    margin-top: 6%;
    margin-bottom: 6%;

}
#logo img {  
    margin: 0px auto;       
    padding: 1em;
} 

#contentarea .col-md-9 {
    padding-left: 0px;  
    margin-right: 0px;        
}
#contentarea .panel-heading {
}
.fright {
    float: right;   
}
.fleft {
    float: left;   

}
.requiredfield {
    /*background: #ffeaea;*/
    border-left: #f00 2px solid;

}

.asterisk {
    color:#f00;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;      
}

.szabadsagadatok .megnevezes {
    text-align:left;  
    padding: 4px;
}
.szabadsagadatok .nap,.szabadsagadatok .ora,.szabadsagadatok .headers th,.kivettszabadsagokpanel .table td, .kivettszabadsagokpanel .table th{  
    padding: 2px;
}

.sumszabadsag .megnevezes,.megkivehetoszabadsag .megnevezes, .kivett .megnevezes, .folyamatban .megnevezes, .idoaranyos .megnevezes {
    text-align: right;

}


.idoaranyos .nap ,.idoaranyos .ora{
    background: #d5d5d5; 
}


.folyamatban .nap ,.folyamatban .ora{
    background: #d9f9fa; 
}

.kivett .nap ,.kivett .ora{
    background: #f2dede; 
}
.sumszabadsag .nap,.sumszabadsag .ora {    
    background: #d6e9c6;    
}


.kivett td,.sumszabadsag td, .megkivehetoszabadsag td {
    font-weight: bold;
}
.megkivehetoszabadsag .nap,.megkivehetoszabadsag .ora {    
    background: #5cb85c;
    color: white;
    font-weight: bold;
}
.extra_osszeg td {
    background: #bce8f1;
    background: #faf2cc;
    font-weight: bold;

}
.extra_kivett .megnevezes {
    text-align: right;
    background: #faf2cc;
    font-weight: bold;
}
.extra_kiveheto  .nap,.extra_kiveheto  .ora {
    background: #5cb85c;
    color: #fff;
    font-weight: bold;
}
.extra_kiveheto .megnevezes {
    text-align: right;
    font-weight: bold;
    background: #faf2cc;
}
.szabadsagkerelmektable table tr td , .beosztottjaim table tr td {
    vertical-align: middle;    
    padding: 4px;
}
.filter-td input,.filter-td select  {
    width: 99%; 
    padding: 0.3%;
    text-align: center;
}

.filter-td  {
    margin: 0.3%;
    padding: 0.3%;   

}

.table-valign-middle .filter-td {
    vertical-align: middle;        
}

.panel .approvedtitle {
    background: #5cb85c;    
    color: #fff;
}
.panel  .rejectedtitle {
    background: #f00;
    color: #fff;
}

.panel  .cancelledtitle {
    background: #e79c1b;
    color: #fff;
}
.kerelem_APPROVED  {

}
.kerelem_REJECTED {

}
.kerelem_CANCELLED  {


}
.kerelmek_checking {
    background: darkorchid;  
}

.kerelem_tipus_5 {
    background:#f9f2f4; 
}
.btn-vertical-with-padding .btn {
    margin: 0.2vmax; 
}

.tree {
    padding-left:10px;    
    border: 0px;
    margin-left: 5px;


}

.treetable th {
    padding-bottom: 4px;                
    padding-top: 2px;                
}

.treetable td {
    padding:0px;
    border-bottom: 0px;    
}   
.treetable div {
    height: 20px;
}

.treetable .headers  {
    height: 1.5em;

}

.treetable .headers span {
    background:#f4f9fe;
    background: #c4e2ff;
    text-align:center;
    font:bold 1.1em/1.1em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
    color:#66a3d3;
}
.treetable .fdate,.treetable .fsize {
    width: 14%;
}
.treetable .openlink {
    width: 8%;
}

.rolestable .palette {   
    width: 90%;       

    display: inline-block;
    margin: 0px auto;

}
.palette .palette-choices {   
    width: 45%;     
    float: left;
}

.palette .palette-selected {   
    width: 45%; 
    float: right;    
}
.palette .palette-buttons {
    padding-top: 5%;
    padding-left: 3%;

}


.palette-clearer {
    clear: both;
}

.invalidfield {
    border: #f00 1px solid;    
}
.szabadsagnapokinfo {
    margin: 0px auto;
    text-align: center;
}



.szabadsagnapokinfo .btn  {
    margin: 2px;
    padding: 2px;
    display: block;

    /*width: 100%;*/

}
.szabadsagnapokinfo .badge {    
    float: right;
    /*    margin-bottom: 2px;
        margin-top: 2px;*/
    /*    text-align: left;*/
    font-size: 1.3em;
    /*    padding: 6px;*/
}

.szabadsagnapokpanel {
    margin: 0.1em;   
    text-align: center;
    width: 100%;
}


.statusbox .badge {    
    background: #33CC33;
    color: white;
}

.notificationpanel {
    display: block;
    margin: 0px auto;        
    text-align: center;
    padding-right: 10px;
    margin-top: 1em;
    /*    border: #fff 1px solid;*/

}
.notificationpanel .badge {
    vertical-align: middle;   
    margin-bottom: 1px;
    background: #f00;
}

.notificationpanel a:hover {
    color: #fff;
    text-decoration: none;
}
.homepageheaderlogo {
    padding: 1em;
}
.homepageheaderlogo a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
}
.homepageheaderlogo a:hover  .homepageicon {
    color: #02c3f3;  
}
.homepageheaderlogo .homepagelinktext {
    padding-left:5px;
}
.logouttext,.preftext {
    padding-left:4px;
}
.logoutlink,.preflink {
    padding:5px;
}
.issueshistorypanel {
    font-size:80%;
}
.issueshistorypanel .table tr ,.issueshistorypanel .table td,.issueshistorypanel .table th 

{
    padding:2px;
}

.jvlabel {    
    padding-left: 20px;
}
.wider {
    padding-left: 10px; 
    font-weight: 600;
}

.menuitemicon {
    padding-right: 5px;
}

.dropdown-menu {    
    width: max-content;    
    width: -moz-max-content;
    white-space: nowrap;
}

.dropdown-menu li {
    /*padding: 10px;*/
    line-height: 3vmin;
    width: max-content;    
    width: -moz-max-content;

}
.dropdown-menu li:hover{
    background: #ececec;
}
.dropdown-menu a {
    text-decoration: none;    
}
.menuitem {
    padding-left: 10px; 
    padding-right: 10px; 
    font-weight: normal;   
    min-width: fit-content;
    width: auto;
    display: inline;
    font-size: medium;    
}
.dropdown:hover .parentmenuicon {
    color: #02c3f3;  
}
.menuitem:hover .menuitemicon {
    color: #02c3f3;
}

.parentmenuicon, .empicon {
    padding-right: 5px;

}
.selected .parentmenuicon {
    color: #02c3f3;
}

.sajatadataim  {
    display: block;

}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    /*    min-width: 100%;
        min-height: 100%;*/

    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    width: 100%;
}
input[readonly] {
    background-color: white !important;
    cursor: text !important;
}

.uploadform .filechooser {
    padding-right: 2px;    

}
.uploadform .uploadbutton {
    padding-left: 0px;    
    padding-top: 1px;    
}

.footer {
    background: #2c78aa;
    color: #fff;
    padding-bottom: 3em;
    border-top: solid 2px  #02c3f3;    
    text-align: center;
    vertical-align: middle;

}
.footer div {
    margin-top: 1em;
}
.wrapper {
    height: 100%;
    min-height: 100%;
    height: auto !important;    

}
.container-fluid {
    padding-left: -15px;
    padding-right: -15px;
    /*    border: #f00 1px solid;*/
    margin: 0px;

}
.img-article {
    margin-right: 10px; 
    margin-left: 10px; 
    vertical-align: middle;
}
.published label {
    padding-right: 10px;
}


/*   Cafeteria       */

.cafeteriamaincontainer {

}
.cafeteriacontainer {
    width:99%;
    margin: 0px auto;
    padding: 2px;    
}

.cafeteriacontainer .infotable {
    background: white;
    font-size: 14px;

}
.cafeteriacontainer .infotable td {
    border: 0px;

    text-align: left;
    padding: 15px;

}

.cafeteriacontainer table {
    /*border-top:1px solid #a9d2fb;
    border:1px solid #a9d2fb;*/
    background: #c4e2ff;
    margin:0px auto;
    background: #F4F9FE;
    border-collapse: collapse;            
}

.cafeteriacontainer table tr.odd, .cafeteriacontainer table tr.odd a 	{
    background-color: #d9f9fa;
    background-color: #ebf2f9;    
}
.cafeteriacontainer table tr.even,.cafeteriacontainer table tr.even a 	{
    background-color: #f4f9fe;    
}	

.cafeteriacontainer  td {
    color:#678197;
    /*    border-bottom:1px solid #e5eff8;
        border-left:1px solid #e5eff8;*/
    border:1px solid #a9d2fb;
    padding: 2px 2px;
    text-align: center;
    font: 1.0em/1.0em sans-serif;

}				

.cafeteriacontainer thead td {  
    padding:0.1em 0.1em;
    border:1px solid #a9d2fb;  
    background: #c4e2ff;
    color: #66A3D3;
    color: #000;
    font-weight: bold;
    font-size: small;
}							
.cafeteriacontainer input {
    width: 50px;    
    text-align: center;
}
/*.cafeteriacontainer .sumfield .keretosszegtullepes {
    background:#f00;
    color: #fff;    
}*/
.cafeteriacontainer .keretosszeg {
    color: #0b8f31;
    font-weight: bold;    
    font-size: 130%;
}

.cafeteriacontainer .vastag {
    font-weight: bold;
    color: #000;

}

.cafeteriacontainer .warning {
    font-weight: bold;
    color: #f00;
}

.total {
    width: auto;
}
.cafeteriacontainer .sumfield {
    /*width: 5vmax;    */
    width: calc( 5 * (1vw + 1vh - 1vmin));
    background:#efefef;
    color:#000;
    border: 1px;
    border-collapse: collapse;
    font-weight: bold;
    text-align: center;
    padding: 4px;

}
.cafeteriacontainer .sumfield1 {    
    /*width: 5vmax;    */
    width: calc( 5 * (1vw + 1vh - 1vmin));
    background: #8df478;
    color:#000;
    border: 1px;
    border-collapse: collapse;
    font-weight: bold;    
    text-align: center;
    padding: 4px;
}

.cafeteriacontainer  .keretosszegtullepes {
    background:#f00;
    color: #fff;
    padding: 4px;
}
.cafeteriacontainer .feedbackPanel {  
    clear: both;
    text-align: center;
    margin:  0px auto;    
    /*border: #ccc 1px solid;    */
    font-size: 13px;
    /*width: 98.8%;*/
    margin-bottom: 5px;
}


.cafeteriacontainer  .feedbackPanelERROR {
    list-style: circle;
    list-style-position: inside;
    text-shadow: 0px -1px black;
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
    color: red;
    background: #ffcece;      
    font-size: 13px;
    padding: 5px;

}

.cafeteriacontainer .feedbackPanelINFO {
    color: green;
    list-style: circle;
    list-style-position: inside;
    text-shadow: 0px -1px black;    
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
    background: #8df478;  
    padding: 5px;
}

.cafeteriacontainer .feedbackPanelWARNING {
    color: black;
    list-style: circle;
    list-style-position: inside;
    text-shadow: 0px -1px black;
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;   
    background: #fbcb09;  
    padding: 5px;
}
.lejjebb {
    position: relative;
    top: 8px;
}
.csoport1  {
    background: #a9dba9;
}
.csoport2  {
    background: #ffe45c;
}
.csoport3  {
    background: #ececec;
    background: #f2dede;
}
.csoport4  {
    background: #e7dbc6;  
}
.csoport5  {
    background: #ff2c11;  
    text-decoration: line-through;    
}
.csoport5 td .elemneve {
    color: #fff; 
}
.csoport6  {
    background: #ff2c11;  
    text-decoration: line-through;    
}

.mt200etullepes {
    background: #d6e9c6;
}
.cafeteriacontainer a, .cafeteriacontainer a:active, .cafeteriacontainer a:visited {
    text-decoration: none;
}
.cafeteriacontainer .nyil {
    background: #f7f7f7;
    width: 24px;


}
.cafeteriacontainer .nyil img {

    border: 0px;
    width: 24px;

}
.cafeteriacontainer .elemneve {
    font-weight: 600;
    color: #000;
}
.nyil {
    width: 24px;
}
.cafeteriacontainer .notes {
    text-align: left;
    color: blue;
    padding-left: 30px;
}

.cafeteriacontainer .notesm {
    text-align: left;
    color: red;
    padding-left: 30px;
    font-weight: bold;
}

.onypblokk .onypneve {
    width: 33%;    
    margin: 5px;
}
.zaradek {
    margin: 0px auto;
    width: 98%;
}
.onypblokk  {   
    position: relative;
    left: 20px;
}
.downloadblock {
    position: relative;
    top: 10px;  
    margin-left: 20px;
    width: 25%;
    padding-bottom: 10px;

}

.szovegkiert {
    width: 70%;        
}

.szovegkiert2 textarea {
    width: 100%;      
    height: 120px;  
}


.kerdoivtable tr .border_off {
    border-right: none;      


}

.kerdoivtable tr .border_off_left {

    border-left:none;  

}


.szovegkiert textarea {
    width: 98%;       
    height: 120px;
    color: #444;
    font: bold 1em/1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
    border: none;
}
.kerdoivtable .total  {
    font-weight: bold;
    border-left: 0px;
    border-right: 0px;
}


.kerdoivtable thead td {
    font-weight:bold;
    color: #678197;
    padding:.3em 0.5em;
    border:1px solid #a9d2fb;  
    background: #c4e2ff;
    color: #000;
    background: #D9EDF7;
}					

.dimelemert {
    width: 5%;
    margin: 0px auto;
}

.dimelemert input {

    width: 50%;
    border: #000 0px solid;
    text-align: center;

    border: #66A3D3 1px solid;
}

.dimelemnev {    
    border: #000 0px solid;
    font-size: x-small;

}
.dimelemert .invalidfield {
    border: #f00 1px solid;
}
.kerdoivkitoltes .badge {
    vertical-align: middle;   
    margin-bottom: 1px;
    margin-left: 5px; 
    min-width: 3em;
}
.table-cafeteria tbody tr td {    
    padding: 0.2em;
    vertical-align: middle;
}
.checkbox {
    padding-left: 20px;  
}
.ujpenztarselect {
    width: 100%; 
}
.penztarnev {
    font-weight: bold;   
}
.table-penztarak td {
    width: 40%;
}
.table-penztarak td:last-child {
    width: 60%;
}
.label-pending {
    background: blueviolet;
    background: #286090;
}
.panelheading-pending .panel-heading  {
    color: #666;
    /*background: yellow;*/
    border: #ccc 1px solid;   
}
.panelheading-completed .panel-heading  {    
    color: #fff;
    background: #449D44;
    border: #ccc 1px solid;   
}
.panelheading-rejected .panel-heading  {    
    color: #fff;
    background: #f00;
    border: #ccc 1px solid;   
}
#jdown {
    vertical-align: middle;  
}

.table-td-noborder tbody tr td {
    border: 0px;    
}
.decisiontitle {
    font-size: smaller;
    vertical-align: middle;      
}
.hlbox  {    
    font-size: 0.8em;    
    /*    border-left: 2px #6B4357 solid;    */    
    padding-left: 4px;
}
.msgicon {
    margin: 0px auto;
    width: 2em;

}
.smalllmd {
    font-size: smaller;
    padding-left: 20px;
}
.jvselect {
    color: #000;
    margin-right: 5px;
    background: #ebf2f9;
    background: #2C78AA;
    color: #fff;
    border: 1px solid;

}
.jvselecttitle {

}
.systemmessagepanel {

    text-align: justify;        

    color: red;
}

.systemmessagepanel h4 {

    text-align: center;
}

.systemmessagepanel .message {
    margin:5px ; 

}
.systemmessagepanel ul {   
    list-style: square;

}

.systemmessagepanel .row {    
    margin-top: 5px;
    margin-bottom: 0px;
    padding-top: 0px;
}
.systemmessagepanel .datarow {    

}

.statusinfocolumn {
    text-align: left;
}
.statustable {
    display: inline;
    text-align: left;
}
.statustable td {    
    padding: 5px;        
}

.basepanel {
    z-index: 9999;
    padding: 0%;        
    position: relative;
    right: 1%;    
    top: calc( 1.7 * (1vw + 1vh - 1vmin));    
    float: right;
}
.over {
    overflow: auto;   
}
.downloadicon {
    padding: 4px;
}
.tree-folder-open,.tree-folder-closed  {
    font-weight: bold;
}
.rgSzep input {
    margin: 5px;    
}
.tocontainer {
    float: right;
    margin-top: 10px;
    padding: 5px;
    background: #2C78AA;
    font-size: 1em;

}
.expiring   {
    background: red;    
    font-size: 1.5em;
    border: #f00 1px solid;
    border-radius: 3px;
    animation: blinker 1.5s linear infinite;
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.7; }
    100% { opacity: 1.0; }
}
@-moz-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.7; }
    100% { opacity: 1.0; } 
}


@keyframes blinker { 
    0% { opacity: 1.0; } 
    50% { opacity: 0.7; } 
    100% { opacity: 1.0; } 
}

.sumpont {
    margin: 5px;
}
.sumpont span {
    margin-left: 5px;
}
.sumpont .sumpontbadge {
    background: #000; 
}
/*thead {
    background: #DFF0D8;    
    color: #000;
}*/
.editpanelinputfield {
    text-align: center;   
}

#ftext .editpanelinputfield  {
    width: 400px; 
}

#forder .editpanelinputfield  {
    width: 30px; 
}
#fdelay .editpanelinputfield  {
    width: 30px; 
}


.img-slideshowadmin {
    width: 150px;  
}


#slides {

    position: absolute;
    top:0;
    left:0;
    height: 100%;    
    width: 100%;
    padding: 0px;
    margin: 0px;    
    background: #000;
    color: #fff;


}

.slide {
    position: absolute;
    top:0px;
    text-align: center;    
    margin: 0px auto;
    opacity: 0;
    z-index: 1;    
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;        
}


.showing {
    opacity: 1;
    z-index: 2;
}

.containerh1 {
    height: 100%;
    width: 100%;
    display: flex;
    position: fixed;
    align-items: center;
    justify-content: center;  
    padding: 20px; 
    font-size: 6vmin !important;  
}

.slideadminform .row {
    padding: 20px;
}
.clock {
    clear: both;
    font-size: 4em;
    position: absolute;
    bottom: 0px;
    margin: 0;
    padding: 0;
    text-align: center;
    opacity: 1;
    z-index:3;
    width: 100%;
    color: #8df478;
    background: #000;
}
.keretidoprofile {
    margin: 20px;    
    text-align: left;

}

.keretidoprofile2  {
    vertical-align: middle;   
    font-size: x-large;   
    margin: 30px;   
}    
.keretidoegyenlegminusz span {
    color: white;
    padding: 12px;
    background: #f00;  
}

.keretidoegyenlegplusz span {
    background: #5cb85c;
    color: white;
    padding: 12px;
}

.keretidoegyenlegnulla span {
    background: #02c3f3;
    color: white;
    padding: 12px;

}

.pagenavigator {
    margin: 0px auto; 
    width: 100%;   
    min-width: 100%;       
    text-align: center;
    margin-bottom: 2%;
}
.pagenavigator a {     
    font-size: 2vmin;    
    padding: 4px;

}
.pagenavigator a:hover {     
    color: #f00;

}
.pagenavigator .goto a[disabled=disabled] {
    background: #286090;
    color: #fff;
}
.pagenavigator .navbar {    
    margin: 0px auto;    
}

.pbutton .btn {
    margin-bottom: 3px; 
}
.jobbra {
    margin-left:5px;
}
.freshfilemarker:before {
    content: "★";
    color: blue;
    float: left;
}

.attach {      
    margin-left: 0.5em;        
    margin-top: 0.5em;
}

/*#issuestable .action {
    width: 30vmin;
}*/

.cafeterianyilatkozatlabel {
    font-weight: normal;
    padding: 6px;
    border-radius: 10px;    
    border: #000 1px solid;
}
.disabled {
    background: #f00;
    color: white;    
}
.enabled {    
    background: #a9dba9;    
}
.statusbar {
    padding: 20px;  
}
.popupmsg  {
    min-width:100%;
    height:100%;
    background: #a9dba9;        
}
.otpform {    
    padding: 10px;
    font-size: 1.5em;    

}
.otpform input[type=checkbox] {    
    padding: 10px;
    font-size: 1.5em;    
    width:20px;
    height:20px;   

}


.statusR  {
    background: #5cb85c;    
    background: #f00;    
    color: #fff;   
}

.statusO  {
    background: #ececec;    
    color: #000;   
    font-weight: bold;    
}

.statusN  {
    background: #31B0D5;        
    color: #fff;   
}

.statusA  {
    background: #5cb85c;        
    color: #fff;   
}


.statusD  {
    background: #ffe45c;    
    color: #fff;   
}



.betegsegalapadatok {
    background: #e5d3df;
    border:#000 1px solid;    
}
.betegsegalapadatok .panel-heading , .betegsegupload .panel-heading {
    background: #e5d3df;
    color: #6B4357;
    font-weight: bold;
    border-bottom: #000 1px solid;

}
.betegsegupload,.betegsegfajlok, .betegseghistory .panel {
    border:magenta 1px solid;
    border: #000 1px solid;
}

.betegsegupload .uploadinfo {
    background: #c7ddef;
    padding: 5px;
    margin: 15px;
    border: #000 1px solid;
    border-radius: 5px;
}
.betegsegtable .row {
    padding: 0.1em;
}
.wicket-mfu-container tr {
    color: #337ab7;
    padding: 2px;
}
.wicket-mfu-container td {
    padding: 2px;
}
.betegsegfajlok  {
    text-align: center;
}
.betegsegfajlok .muveletek {
    width: 20%;
}
.betegsegfajlok #crd {
    width: 18%;
    font-size: 1em;
}
.betegsegfajlok #status {
    width: 15%;
}
.downloadlink  {    
    border: #ccc 1px solid;
}
.downloadlinktitle {
    padding-left: 0.1em;   
}

.tppapir  {    
    background: #ECD9E5;
    color: black;
    border: #fff;
}
.tppapir .panel-heading1  {
    color: black;
    border: #fff;
}
.tppapirheading {
    background: #E5D3DF;
    color: black;
    border: #fff;
}

textarea {    
    width: 100%;  
    display: block; 
}

.tsznevheader {
    color: blue;
}

.spanpadding {
    padding-left: 0.5em;    
}

th.fc-day-header.fc-widget-header {
    background: #DFF0D8;       
}
th.fc-day-header.fc-widget-header.fc-sun,th.fc-day-header.fc-widget-header.fc-sat   { 
    background: #ffd88c; 
}

td.fc-sun,td.fc-sat   { 
    background: #efefef;
}
.fc {
    background: #fcfcfc;                
}
.fc-toolbar { 
    background: #02c3f3;
    padding: 5px;  
}
.calendarbutton {    
    margin: 5px;
    background: #f8f8f8;      
    border: #000 1px solid;    
}
.szabadsagkerelmektable .glyphicon-calendar {
    color: red;
}
.calendarbutton span {
    padding-left: 4px;
    font-weight: 800;    
    color: #000;   
}

.fc h2 {
    font-size: 1.5em;
}
.fcpanel h3 {

}
.szabadsagpagecalendar .fc {
    height: 50%;    
}
.szabadsagpagecalendar h3 {
    font-size: 1.3em;     
}
.szabadsagpagecalendar h2 {
    font-size: 1.3em;     
}

.sajatdokumentumokpagewarn  {
    color: red;
    background: #f2dede;
}
.fc-week-number {

}

.label-newrecall {    
    background: magenta; 
}


.checkboxfiltertoolbar {
    background: #f5f5f5;            
}

.checkboxfiltertoolbar span {
    font-weight: bold;    
    font-size: 0.9em;

}
.checkboxcontainer {


    background: #ccffff;    
    background: #efefef;
    display: inline-block;
    padding: 3px;
}

.checkboxpanel {    
    display: inline;      
    vertical-align: middle;

}
.checkboxcontainer ul {    
    padding: 0.6em;    
}

.fc-row  tr .fc-unnepnap {    
    background: red;
    color: #fff;
}

.fc-row  tr .fc-munkanap {    
    background: #02c3f3;
    color: #000;
}

.fc-row  tr .fc-msznap {    
    background: orange;
    color: #fff;
}
.fc-week-number {
    background: #DFF0D8;
}

.ido-hetvege {
    background: #02c3f3;
    background: #ff8000;
    color: #fff;
}

.ido-unnep {    
    background: red;
    color: #fff;
}

.ido-unnepnap {    
    background: #f0f0f0;
}


.ido-mnap {    
    background: #02c3f3;
    color: #000;
}

.ido-msznap {    
    background: #ff8000;
    color: #fff;
}

.ido-fizszab {    
    background: #51b151;
    color: #fff;
}


.ido-fiznszab {    
    background: #337ab7;
    color: #fff;
}


.ido-betegseg {    
    background: yellow;
    color: #000;
}

.ido-today  {        

    border-bottom: #f00 2px solid;
}

.ido-iskola {    
    background: #2B6B33;
    background: #a9dba9;
    color: #000;
    border-left: #fff 1px solid;
}


.table-idoadatok {
    background: #faf2cc;
    border: #000 1px solid;

}

.table-idoadatok td {
    border: #000 1px solid;       
}

.idoadatok-header .label {
    margin: 5px;
    padding: 0.7vmin;
    font-size: medium;
}
.idoadatok-header .lastchecktime {
    font-size: smaller;
    padding: 4px;
    margin: 2px;    
    border: #000 1px solid;
    color: #fff;
}

.idoadatok-header .datablock {
    display:block;    
    margin: 0.5em;
}

/*#idoberesOra   input,*/
#tmtol     input,
#tmig      input,
#tenylOra input,
#tulora100 input,
#tulora50 input,
#muszakpotlek30 input,
#iglanOra input,
#igtavfiz input,
#egyigtav input,
#msznora input

{
    width: 3.5em;    
    background: #ddffde;
}


#idoberesOra   input
{
    width: 3.5em;    
    /*background: #ddffde;*/
}



.table-idoadatok .glyphicon-ok {
    color: #5cb85c;

}
.table-idoadatok .glyphicon-alert, .table-idoadatok .glyphicon-time {
    color: red;    
}
.table-idoadatok .glyphicon-check {
    color: blue;        
}
.idoadatokcontainer {
    z-index: -9999;
}
.feljebb {
    position: relative;
    top: -1em;
}
.feljebbb {
    position: relative;
    top: -2vmin;

}


.label-bigger {
    font-size:large;
    margin-left: 0.8em;
}
.notes {
    color: blue;   
}

.badge-felhasznalas-warn {
    background: #f00;    
}
.badge-felhasznalas-ok {
    background: #33CC33;    
}
.szabadsagevesfelhasznalas {
    width: 100%;
}

.szabadsagevesfelhasznalas .glyphicon-alert {
    color: red;    
}
.szabadsagevesfelhasznalas .glyphicon-ok {
    color: #33CC33;    
}

.szabadsagevesfelhasznalas  {
    border: 1px solid;        
    width: 100%;
    border-radius: 5px;
}

.szabadsagevesfelhasznalas .badge {
    font-size: 1.3em;
    margin: 0px auto;   
    float: none;
}
.label-large {
    font-size: 1.2em;    
}



.szamlaszamokalapadatok {
    background: #e5d3df;
    border:#000 1px solid;    
}
.szamlaszamokalapadatok .panel-heading , .szamlaszamokupload .panel-heading {
    background: #e5d3df;
    color: #6B4357;
    font-weight: bold;
    border-bottom: #000 1px solid;

}
.szamlaszamokupload,.szamlaszamokfajlok, .szamlaszamokhistory .panel {
    border:magenta 1px solid;
    border: #000 1px solid;
}

.szamlaszamokupload .uploadinfo {
    background: #c7ddef;
    padding: 5px;
    margin: 15px;
    border: #000 1px solid;
    border-radius: 5px;
}
.szamlaszamoktable .row {
    padding: 0.1em;
}
.wicket-mfu-container tr {
    color: #337ab7;
    padding: 2px;
}
.wicket-mfu-container td {
    padding: 2px;
}
.szamlaszamokfajlok  {
    text-align: center;
}
.szamlaszamokfajlok .muveletek {
    width: 20%;
}
.szamlaszamokfajlok #crd {
    width: 18%;
    font-size: 1em;
}
.szamlaszamokfajlok #status {
    width: 15%;
}
.downloadlink  {    
    border: #ccc 1px solid;
}
.downloadlinktitle {
    padding-left: 0.1em;   
}

.szazalek {
    width: 5vmin;
    text-align: center;
    margin-right: 5px;
}
.osszeg {
    width: 7vmin;
    text-align: right;
}

.table-beosztottakszabadsag td {
    vertical-align: middle;
}

@media  (max-width: 1300px) {
    .table-beosztottakszabadsag td:nth-child(3),.table-beosztottakszabadsag th:nth-child(3),
    .table-beosztottakszabadsag td:nth-child(6),.table-beosztottakszabadsag th:nth-child(6)
    {
        display: none; 
    }
}
.table-beosztottakszabadsag  div {
    font-weight: bold;
    margin: 0px auto;        
    border-radius: 10px;    
}


.table-beosztottakszabadsag .jarandosagNap div {
    background: #33CC33;
    border: 1px solid;            
    width: 3em;  
}

.table-beosztottakszabadsag .kivettNap div {
    background: #f0ad4e;
    border: 1px solid;        
    width: 3em;  
}

.table-beosztottakszabadsag .kivehetoNapEvesNappalCsokkentve div {
    background: #33CC33;
    border: 1px solid;    
    width: 3em;  

}

.table-beosztottakszabadsag .iaKivettel div {
    background: #ececec;
    border: 1px solid;    
    width: 3em;  

}

.table-beosztottakszabadsag .jovahagyottNap div {
    background: #02c3f3;
    border: 1px solid;    
    width: 3em;  
}

.table-beosztottakszabadsag .jovahagyottEvesNap div {
    background: #02c3f3;
    border: 1px solid;    
    width: 3em;  
}
.btn-csvdownload {
    /* float: right;*/
    border: #0b8f31 1px solid;
}
.btn-csvdownload svg {

    vertical-align: middle;
}

.btn-csvdownload:after {    
    content: "\e025";    
    position: relative;    
    vertical-align: middle;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    font-size: 1.2em;    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #0b8f31;
}



.btn-pdf:after {        
    content:"\e045";
    position: relative;    
    vertical-align: middle;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    font-size: 1.2em;    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 5px;
    color: red;
}


.ticker {
    vertical-align: middle;
    position: relative;
    padding-top: 0.5vmax;
    float: right;
    color: blue;
    padding-right: 5px;
}

.progressparent div {    
    margin-top: 1em;
    background: yellow;
    box-shadow: 0 0 10px rgb(245, 159, 0);


}
.progresspanel {
    border: #000 1px solid;
    border-radius: 0.3em;   
    text-align: center;
    margin: 0px auto;    
    font-size: 1.1em;
    padding: 1em;
    width: 50%;
    font-weight: bold;
}
.progresspanel .glyphicon-cloud-upload {

    padding-right: 0.2em;

}
.redline {
    color: red;
}
.collapsebox {
    border-collapse: collapse;
    margin: 0px;
}
.coltable {
    padding: 0 !important;
}


.statusaibjA  {
    background: #ff2c11;        
    color: #fff;     
    font-size: 0.9em;
}


.statusaibjR  {
    background: #0b8f31;
    color: #fff;   
    font-size: 0.9em;
}

.statusaibjM  {
    background: #337AB7;    
    color: #fff;   
    font-size: 0.9em;
}

.btnwider {
    margin: 5px;
}
.table-idoadatokheader  {     
    border-color: #000;
    width: 100%;
}
.table-idoadatokheader td {    
    border: #000 1px solid;
    padding: 1vmin;   
}

.detailxform td {
    padding: 4px;
}

.panel-detailxpanel .panel-heading {
    padding-top: 2px;
    padding-bottom: 2px;
}
.detailxform .jogcimselector {
    width: 20vmax;
    height: 2em;
}
.detailxform input {
    text-align: right;
    float: right;
}
.detailxform th {
    text-align: center;    
}
.buttoncontainer   {
    float: right;
    /*    padding-right: 10px;
        padding-left: 10px;*/
    margin: 1vmin;
}

.modelchanged #save button {
    background: red;        
}
.betegseg {
    background: yellow;   
    color: #000;
    border: #000 1px solid;
}

.unnep {
    background: #f00;
}
.navigation {
    z-index: 99999;
}
#save button {
    margin: 5px;
}

.jcontainer:hover .ttip {
    visibility: visible;
}
.ttip {
    /*width: 120px;*/
    background-color: red;
    color: #fff;
    text-align: center;
    padding: 5px;
    margin-left: 0.5em;    
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    visibility: hidden;
}

#tmtol    .idoadatok-disabled  input,
#tmig     .idoadatok-disabled  input,
#tenylOra .idoadatok-disabled input,
#tulora100 .idoadatok-disabled  input,
#tulora50 .idoadatok-disabled input,
#muszakpotlek30 .idoadatok-disabled input,
#iglanOra .idoadatok-disabled input,
#igtavfiz .idoadatok-disabled input,
#egyigtav .idoadatok-disabled input,
#msznora .idoadatok-disabled input
{
   background: #ececec;    
}

.btn-lock:before {        
    content:"\e033";
    position: relative;    
    vertical-align: middle;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    font-size: 1.2em;    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 5px;
    color: red;
}

.btn-lock {
     background: #f0f0f0;
     margin: 7px;
}
.btn-unlock {
     margin: 5px;
}

.btn-unlock:before {        
    content:"\e118";
    position: relative;    
    vertical-align: middle;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    font-size: 1.2em;    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 15px;    
}

.lockcontainer  {    
    min-height: 2em;    
    
    display: flex;
    align-items: center; 
    justify-content: center;
}
.lockcontainer  span {
  margin-top: 1vmax;
  margin-bottom: 1vmax;
}
.statusbox .hrpsync-danger {
  background: red;   
}
.statusbox .hrpsync-warn   {
  background: #e79c1b;  
}

.statusbox .hrpsync-ok {
  background: #33CC33;
}



.editpanelinputfield {
    width: 3vmax;
    background: #ddffde;
}

.table-beosztottak .headertop {
    background: #f0f0f0;    
}

.table-beosztottak {
    width: 100%;
}

.table-beosztottak tbody>tr>td {
    vertical-align: middle;
}

.table-beosztottak select {
    width: max-content;
}

.hidecell {
    visibility:none;
    display: none;
}

.modelchanged button {
    background: red;        
}

.table-beosztottak .filters-tr td {
     display: table-cell;
     vertical-align: middle;
}

.table-beosztottak .ido-fizszab-new   {    
    color: #000;    
    background: #fff;
    border-left: #f0ad4e 4px solid;
    
}
.table-beosztottak .ido-hetvege {
    color: #f00;
}


.table-beosztottak .ido-unnep {    
    background: red;
    color: #fff;
}


.table-beosztaschoice {
    border: #000 1px solid;
}
.table-beosztaschoice>tbody>tr>td, .table-beosztaschoice>tbody>tr>th, .table-beosztaschoice>tfoot>tr>td, .table-beosztaschoice>tfoot>tr>th, .table-beosztaschoice>thead>tr>td, .table-beosztaschoice>thead>tr>th {
    padding: 2px;
    line-height: 1.2857143;
    vertical-align: top;
    border-top: 1px solid #000;
}


.table-beosztaschoice .megnevezes {
    color: #000;
    background: #cccccc;
    font-weight: bold;
    
}

.idoadatstatuszDELETED td {
    text-decoration: line-through;
    color: red;
    background-color: #f2dede;
}

.idoadatstatuszCHANGED td {    
    background-color: #a9dba9;    
}

.questioncontainer {
    margin-top: 0.3em;    
    display: block;
}