@media screen {

h2 { text-align: center;  color: red;}
h2.toPrint { display: none; }

table.toolBar tr td select, table.toolBar tr td option {
    font-size:11px;
}

table.orarend {
    width: 95%;
    background-color: #333333;
    max-width: 1000px;
}
table.orarend tr th {
    background-color: #889988;
    color: white;
/*    border-width: 0px 1px 2px 0px !important; */
    width:2%;
    height:30px;
}

table.orarend tbody tr th {
    border-right: solid 2px #889988;
    border-left: solid 2px #889988;
}
table.orarend tbody tr th.most { background-color: #99aa99; border-right: solid 2px #1e90ff;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}

/* THEAD */

table.orarend thead tr th {
    background-color: #889999;
    color: white;
    border-bottom: solid 1px white;
    font-weight: 100;
    letter-spacing:0.2px;
}
table.orarend thead tr th.ma { border-bottom: solid 1px #1E90FF; background-color: #9aa; }
table.orarend thead tr th.het { background-color: #6495ED}

table.orarend thead tr th.spec { background-color: #f06; }
table.orarend thead tr th.spec.roviditett { background-color: lightgreen; }

table.orarend thead tr th.hover { background-color: rgba(200,150,200,0.5); }
table.orarend tbody tr th.hover { background-color: rgba(100,150,200,0.5); border-color: rgb(100,150,200); }
table.orarend tbody tr th.most.hover { background-color: rgba(200,150,200,0.5); border-color: rgb(100,150,200); }

/* TFOOT */

table.orarend tfoot.publikus tr th {
    background-color: lightgreen;
    color: white;
}
table.orarend tfoot.nempublikus tr th {
    background-color: #f06;
    color: white;
}
table.orarend tfoot:hover tr th {
    background-color: #8f8;
}

table.orarend tbody tr td div.oraMostVan { 
    border-style: solid; 
    border-color: lightgreen; border-width: 0px 4px 0px 4px; border-radius:2px; 
}

table.orarend tbody tr td div.utolsoora { 
    border-style: solid; 
    border-color: orange; border-width: 0px 0px 2px 0px; border-radius:2px; 
}

table.orarend tbody tr td div.dolgozat { 
    background-color: orange; color:white;
    border-radius:2px; padding:2px;
    border: solid 1px white;
    margin:2px;
    font-size: x-small;
}
table.orarend tbody tr td div.jegyzet { 
    background-color: lightgreen; color:white;
    border-radius:2px; padding:2px;
    border: solid 1px white;
    margin:2px;
    font-size: x-small;
}
table.orarend tbody tr td div.hazifeladat { 
    background-color: #3f51b5; color:white;
    background-color: #e91e63;
    border-radius:2px; padding:2px;
    border: solid 1px white;
    margin:2px;
    font-size: x-small;
}
table.orarend tbody tr td div.jegyzet.publikus0 { } 
table.orarend tbody tr td div.jegyzet.publikus1 { border: dashed 1px white; } 
table.orarend tbody tr td div.jegyzet.publikus2 { border: dotted 1px white; } 
table.orarend tbody tr td div.jegyzet.mase.publikus1 { background-color: #4caf50;} 
table.orarend tbody tr td div.jegyzet.mase.publikus2 { background-color: #4caf50;} 


table.orarend tbody tr td div.hazifeladat span { padding-right:2px; } 
table.orarend tbody tr td div.hazifeladat.tanarLattam { background-color: #2E7D32;} 
table.orarend tbody tr td div.hazifeladat.diakKesz { background-color: #4CAF50;} 

table.orarend tbody tr.orarendJegyzetSor th { background-color: orange; border-color: orange; font-weight:normal; font-size: x-small; cursor: pointer}
table.orarend tbody tr.orarendJegyzetSor td.jegyzetContainer { background-color: cornflowerblue; }
table.orarend tbody tr.orarendJegyzetSor td.jegyzetContainer div:hover { border-color: #bbb;   transition : border 50ms ease-out;}

table.orarend tr td {
    text-align: center;
    background-color: #efefef;
/*    border-width: 0px 1px 2px 0px;*/
    width:18%;
}

table.orarend tbody tr td.eppTart {
    outline: solid 2px #1e90ff;
    background-color: rgba(255,255,255,1);
}


table.orarend tr td select {
    font-size: 10px;
    background-color:#000011;
    color: white
}

div.unfinished {
    background-color: yellow;
}
    table.orarend tbody tr td hr { width: 80% } 
    div.normál {}
    div.plusz {
	background-color: #eeccee;
    }
    div.elmarad {
	color: white;
	background-color: black;
    }
    div.elmarad_máskor {
	color: white;
	background-color: #555555;
    }
    div.normál_máskor {
	color: white;
	background-color: #776699;
    }
    div.felügyelet {
	background-color: #FF69B4; /* #bbaac0  */
    }
    div.helyettesítés {
	background-color: #ccffcc;
    }
    div.összevonás {
	background-color: #B0C4DE /*#aabbc0;*/
    }
    div.friss {  }

    div.nemVoltBent { color: #bbb; }

    span.hianyzasTicker {
    float:left;
    width: 12px;
    line-height: 12px;
    border-radius: 50%;
    text-align: center;
    border: 2px solid #aaa;
    font-size:12px;
    margin-left:2px;
    padding:2px;
    background-color: white;
    color:#333;
    font-weight: bold;
    }
    span.hianyzasTicker.igazolatlan { border-color: #e91e63; }
    span.hianyzasTicker.igazolt { border-color: green; }
    span.hianyzasTicker.hianyzas {  }
    span.hianyzasTicker.keses { border-color: orange; font-size:8px;}
    span.hianyzasTicker.felszereles { color:cornflowerblue; font-size:8px;  }
    span.hianyzasTicker.felmentes { color:cornflowerblue; font-size:8px;  }

    div.osztályfüggetlen { color: #eeeeee; background-color: rgba(52, 150, 185, 1); }
    table.osztalyOrarend div.osztályfüggetlen { display:none; }
    table.diakOrarend div.osztályfüggetlen { display:none; }

    span.helyett {
	color: gray;
	text-decoration: line-through;
    }

    table.orarend tr td span.t0 {
	padding:0px 2px;
	background-color: mediumvioletred; color:white;
    }
    table.orarend tr td span.t1 {
    }

    table.orarend tbody tr th div {
	color: #dddddd; 
	white-space:nowrap;font-size:xx-small; font-weight:normal; width:100%; text-align: center;
	/* text-shadow: 0px 1px black;*/
    }

    table.orarend thead tr th:hover span.napLeiras { display:none; }

    table.orarend div.orarendTools { display:none; padding: 0px; }
    table.orarend thead tr th:hover div.orarendTools { display: block; }
    table.orarend div.orarendTools span { padding: 4px; font-size:20px; }
    table.orarend div.orarendTools a span { color:white; }
    table.orarend div.orarendTools span:hover {    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;}
    table.orarend div.orarendTools span.icon-info-sign:hover { color: cornflowerblue;}
    table.orarend div.orarendTools span.jegyzet:hover { color: lightgreen;}
    table.orarend div.orarendTools span.dolgozat:hover { color: orange;}
    table.orarend div.orarendTools span.bezar:hover { color: #f06; }

    table.orarend span.cimke { margin:0px 1px; border-radius: 2px; font-size:xx-small; color:white; padding: 0px 2px 0px 2px;  background-color:#ddd; }
    table.orarend span.cimke_0 { background-color: #4caf50; }
    table.orarend span.cimke_1 { background-color: red; }
    table.orarend span.cimke_2 { background-color: orange; }
    table.orarend span.cimke_3 { background-color: #3f51b5; }
    table.orarend span.cimke_4 { background-color: #673ab7; }


    h2.mayorSocialEdition {
    text-align: center;
    background-color: #f06;
    width: 220px;
    margin: auto;
    color: #fff;
    margin-bottom: 8px;
    border-radius: 4px;
    padding: 2px;
    }

    .animated { 
    -webkit-animation-duration: 1.5s; 
    animation-duration: 1.5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    } 

    @-webkit-keyframes shake { 
    0%, 100% {-webkit-transform: translateX(0);} 
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-2px);} 
    20%, 40%, 60%, 80% {-webkit-transform: translateX(2px);} 
    } 
    @keyframes shake { 
    0%, 100% {transform: translateX(0);} 
    10%, 30%, 50%, 70%, 90% {transform: translateX(-2px);} 
    20%, 40%, 60%, 80% {transform: translateX(2px);} 
    } 
    .shake { 
    -webkit-animation-name: shake; 
    animation-name: shake; 
    }
}
@media (max-width: 764px) {

/*
    table.orarend thead tr th div.orarendTools { display: block; border-top: solid 1px white; padding-top:4px; background-color: cornflowerblue;}
    table.orarend thead tr th div.orarendTools span { color: #eee;}
    table.orarend thead tr th span.napLeiras { display:block; }
    table.orarend thead tr th:hover span.napLeiras { display:block; }
*/    
}
@media print {
    table.toolBar, #nav, #nav1, #nav2, #poz, #head {
	display: none;
    }
    table.orarend {
	width: 100%;
    }
    table.orarend thead tr th {
	color: black;
	border-color: black;
	border-style: solid;
	border-width: 1px 1px 2px 1px;
	width:2%;
	height:30px;
    }
    table.orarend tbody tr th {
	color: black;
	border-color: black;
	border-style: solid;
	border-width: 0px 1px 2px 1px; 
	width:2%;
	height:30px;
    }

    table.orarend tr td {
	text-align: center;
	border-color: black;
	border-style: solid;
	border-width: 0px 1px 2px 0px;
	width:18%;
	font-size:10px;
	page-break-inside: avoid;
    }
    hr { width: 80% }
    h2.toPrint { color: black; text-align: center; margin-top:0px; margin-bottom: 0px; padding-top:0px; padding-bottom:0px; } 

    table.orarend tbody tr th div {
	color: #dddddd; text-shadow: 0px 1px black;white-space:nowrap;font-size:xx-small; font-weight:normal; width:100%; text-align: center;
    }

    table.orarend div.orarendTools { display:none; }
    h2.mayorSocialEdition { display:none; }

}

sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
  padding-left: 1px;
}