/*------------ Color Palette ------------*/
/*
LIGHT ORANGE: #e4644b
DARK ORANGE: #d05942
DARK BROWN: #484141
Menu text: #f7f1e3
Submenu text: #ae9f9f
*/

/**/

:root {
  --MATEblue: #005f92;
  --MATEgreen: #007548;
  --MATEdarkgreen: #007548;
  --MATElightblue: #008cc7;
  --MATElightgreen: #38AC55;
  --MATEturquoise: #00afa9;

  --topPart: 120px;
  --topPartExt: 122px;
}

/*------------ General Settings ------------*/
ul {
    /*width: 250.5px;*/
    list-style: none;
}

li {
    cursor: pointer;
}

/*------------ Main Menu ------------*/
.mainmenu {
    font-size: 16px;
    position: relative;
    margin: 0px;
    padding: 10px;
    width: 345px; /*Eni*/
    font-family: POPPINS, "Open Sans", sans-serif; /*'Roboto Regular'; - Eni*/
}


.mainmenu > li {
    box-sizing: border-box;
    color: white;
    border-top: 1px solid var(--MATEblue); /*#025682;*/
    background-color: var(--MATEblue); /*#003B5B;*/
    /*padding-top: 4px;*/
    /*margin-top: 10px;*/
    /*margin-top: 5px;*/
}

/*
.mainmenu > li:first-child {
    border-top: 0;
    border-radius: 7px 7px 0 0;
}

.mainmenu > li:last-child {
    border-radius: 0 0 7px 7px;
}
*/



.mainmenu > li .messages {}



.mainmenu > li span {
    line-height: 40px;
    display: block;
    margin-left: 38px; /*Eni*/
}

.mainmenu > li .icon {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    padding: 6px;
    margin-right: 4px;
}

.mainmenu > li .messages {
    font-size: 16px;
    line-height: 26px;
    display: block;
    float: right;
    /*width: 46px;
    height: 24px;*/
    margin-top: -30px;
    margin-right: 10px;
    padding: 0;
    text-align: center;

    /*margin-top: -32px;*/
    width: 12px !important;
    height: 20px !important;
}

.mainmenu .chosen,
.mainmenu .chosen:hover {
    border-right: solid 6px var(--MATElightgreen); /*#96d145;*/
}

.mainmenu li:hover {
    /*border-right: solid 6px blueviolet;*/
    background-color: var(--MATEturquoise); /*blueviolet;*/
}


/*
    .submenu {width: 345px; margin-top: 5px; margin-bottom: 30px;}
    .submenu > li {height: 26px; padding-top: 5px; color: red;}
    .expand-triangle {width: 315px;}
    .mainmenu > li .icon {width: 30px; height: 30px; margin-right: 8px; margin-top: -1px; margin-left: 2px;}
    #menu a {text-shadow: none !important; text-decoration: none !important;}*/


.expand-triangle {
    /*width: 230px;*/
    height: 10px;
    content: " ";
}

.expand-triangle img {
    width: inherit;
    height: inherit;
    margin-left: -40px;
    vertical-align: top;
}

/*------------ Sub Menu ------------*/
.submenu {
    font-size: 15px;
    box-sizing: border-box;
    content: " ";
    /*color: #ae9f9f; - Eni*/
}

.submenu li {
    line-height: 24px;
    height: 26px;
    margin-left: -40px;
    /*padding-top: 2px;*/
    transition: border-right 220ms ease-in;
    /*border-right: solid 12px #484141;*/
    background-color: var(--MATElightblue);
}

.submenu .chosen,
.submenu .chosen:hover {
    border-right: solid 6px var(--MATElightgreen); ;/*#96d145;*/
}

/*
.submenu li:hover {
    border-right: solid 6px #d05942;
}
*/

.submenu li span {
    margin-left: 30px;
}


/* ---------------------------------------------------------------------------------------- */
/*Eni: eredeti
  háttérszín: #558dae
  vonalszín: #003B5B*/
html, body {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    min-width: 1000px;
    width: 100% !important;
    font-family: POPPINS, "Open Sans", sans-serif; /*Eni*/
}

.FejlecKeret {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    height: var(--topPart); /*190px;*/
    background: var(--MATEgreen);
    text-align: center;
    border-bottom: solid 2px white;
}

.EKELogo {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 320px;
    height: 100%;
    background-color: var(--MATEgreen);
}

.EKELogoKep {
    margin-top: 5px;
}

.OldalCim {
    position: absolute;
    left: 320px;
    right: 350px;
    top: -15px; /*0px;*/
    height: 100%;
    background-color: var(--MATEgreen);
    text-align: center;
    line-height: 28px;
}

.CampusLogo {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 350px;
    height: 100%;
    background-color: var(--MATEgreen);
}

.CampusLogoKep {
    margin-top: 2px;
}

.VonalKeret {
    position: absolute;
    left: 0px;
    top: var(--topPart); /*190px;*/
    right: 0px;
    height: 2px;
    background-color: black; /*Eni*/
}

.TartalomKeret {
    position: absolute;
    left: 0px;
    top: var(--topPartExt); /*192px;*/
    right: 0px;
    bottom: 0px;
}

.MenuKeret {
    float: left;
    width: 390px;
    height: 100%;
    /*background: var(--MATEgreen);*/
    overflow-x: auto;
}

.MenuSzoveg {
    height: 100%;
    width: 100%;
}

.Tartalom {
    position: absolute;
    left: 390px;
    top: 1px;
    right: 0px;
    bottom: 0px;
    overflow: auto;
    padding: 0px;
    /*background: var(--MATEgreen);*/
    margin: -1px;
}

.LablecKeret {
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 19px;
    background: papayawhip;
    border: solid 1px black; /*Eni*/
}

.Lablec {
    background-color: navajowhite;
}

.Cim1 {
    font-size: 20px;
    font-family: cursive;
    font-weight: bold;
}

.Cim2 {
    font-size: 16px;
    font-family: sans-serif;
    font-weight: bold;
}

.Cim3 {
    font-size: 14px;
    font-family: cursive;
    font-weight: normal;
}

.Cim4 {
    font-size: 12px;
    font-family: cursive;
    font-weight: normal;
}

input[type=radio] {
    width: 10px;
    height: 10px;
}

.blockUI {
    z-index: 9050 !important;
}

div.msgBoxContent {
    height: auto;
    padding-top: 20px;
}

.msgBox {
    z-index: 9050 !important;
}

.msgButton {
    padding-top: 5px;
}

h1.cimsor {
    margin-block-start: 10px;
    margin-block-end: 0px;
}
    /*.kilepes {margin-top: 20px;}*/

.nyelv {
    margin-top: 40px !important;
}

.bRogzit {
    font-size: 22px;
    padding: 10px 15px;
    margin-top: 20px;
    background-color: green;
    color: white;
    cursor: pointer;
}

.bMegsem {
    font-size: 22px;
    padding: 10px 15px;
    margin-top: 20px;
    background-color: maroon;
    color: white;
    cursor: pointer;
}

    /*.bRogzit:hover {background-color: magenta;}*/
@media screen and (max-width: 1200px) {
    .CampusLogo {display: none;}
    .OldalCim {right: 0px;}
}

@media screen and (max-width: 800px) {
    .EKELogo {display: none;}
    .OldalCim {left: 0px;}
}

.window, .window .window-body {
    border-color: darkcyan;
}

.window {
    background-color: tan;
    background: -webkit-linear-gradient(top, darkcyan 0, darkcyan 20%);
    background: -moz-linear-gradient(top, darkcyan 0, darkcyan 20%);
    background: -o-linear-gradient(top, darkcyan 0, darkcyan 20%);
    background: linear-gradient(to bottom, darkcyan 0, darkcyan 20%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=darkcyan, endColorstr=darkcyan, GradientType=0);
}

.window-proxy {
    border: 1px dashed darkcyan;
}

.window-proxy-mask, .window-mask {
    background: #ccc;
}

.window .panel-footer {
    border: 1px solid darkcyan;
    position: relative;
    top: -1px;
}

.panel-title {
    font-size: 24px;
    font-weight: bold;
    color: whitesmoke;
    height: 25px;
    line-height: 20px;
    margin-top: -5px;
}

hr {
    border-style: solid;
}