/* Стилі параграфів тексту */


/* =============== MOBILE ====================== */
table {                                 /* mobile */
    border-spacing: 30px;

}
th, td {                             /* mobile */
  border-bottom: 0px solid #ddd;
  font-family: Arial;    font-size: 2.3vh;
  color: black;

}
td {                             /* mobile */
  border-bottom: 0px solid gray;
  font-family: Arial;    font-size: 11px;
  color: black; font-size: 1.5vh;
  height: 10%;
  padding-top: 5px;
}
tr {                             /* mobile */
  border-bottom: 1px solid gray;
  font-family: Arial;    font-size: 11px;
  color: white;
  padding: 10px;
}

.maxwidth {
    position: absolute;
    background: white;
    border: 0px solid rgb(100, 100, 100);
    left: 0%;    top: 0px;
    width: 100%; height: 100%;
}

 .titolo {                                 /* computer */
    display: block;
    background: ;
    border: 0px dotted red;
    position: absolute;
    left: -97.0%;     top:1.0%;
    width: 194.0%;   height: 10%;
    padding: 0px;
    color: darkgreen;
    font-size: 2.0vw;

}


/* =============== COMPUTER ====================== */


@media (min-width: 450px) {

/* Реєстр заголовків */

.image {
    position: relative;
    border: 3px solid green;
    border-radius: 15px;
    position: relative;
    padding: 0%;
    margin: 3.0% 2.0%;
}

.titolo {                                 /* computer */
    display: block;
    background: ;
    border: 0px dotted red;
    position: absolute;
    left: -97.0%;     top:1.0%;
    width: 194.0%;   height: 10%;
    padding: 0px;
    color: darkgreen;

}

.content_view {                                 /* mobila */
    display: block;
    background:  ;
    border: 0px dotted brown;
    position: absolute;
    left: -97.0%;     top:14.0%;
    width: 194.0%;   height: 83%;
    padding-left:0%; padding-right: 3%;
    padding-top: 0%; padding-bottom: 0%;
    color: black; font-size: ;
    overflow-y: auto;
}
.content_view::-webkit-scrollbar {             /* mobila */
        width: 5px;    height: 5px;
}
.content_view::-webkit-scrollbar-thumb {
        background: linear-gradient(to top, darkgreen, rgb(180, 250, 180));
        border-radius: 5px;
}

.menu-fakultet {
    position: absolute;
    background: none;
    border: 1px solid white;
    left:2%;       top:1%;
    width: 96.0%;    height: 5.0%;
    padding-left: 0.0%; padding-top: 1%;
    color: white; font-size: 1.4vw;
    text-align: center; vertical-align: middle;
}
.menu-gruppo {
    position: absolute;
    background: none;
    border: 1px solid white;
    left:50.0%;       top:7.0%;
    width: 48.0%;     height: 92.0%;
    padding-left: 3.0%; padding-top: 1%;
    color: white; font-size:;
    overflow-y: auto;
}
.menu-gruppo::-webkit-scrollbar {             /* computer */
        width: 5px;    height: 5px;
}
.menu-gruppo::-webkit-scrollbar-thumb {
        background: linear-gradient(to top, darkgreen, rgb(180, 250, 180));
        border-radius: 5px;
}
.menu-corso {
    position: absolute;
    background: none;
    border: 1px solid white;
    left: 2.0%;       top:7.0%;
    width: 46.0%;     height: 17.0%;
    padding-left: 3.0%; padding-top: 1%;
    color: white; font-size:;
}
.menu-livelo {
    position: absolute;
    background: none;
    border: 1px solid white;
    left: 2.0%;       top:25.0%;
    width: 46.0%;     height: 15.0%;
    padding-left: 3.0%; padding-top: 1%;
    color: white; font-size: 1.4vh;
}
.menu-forma {
    position: absolute;
    background: none;
    border: 1px solid white;
    left: 2.0%;       top:41.0%;
    width: 46.0%;     height: 12.0%;
    padding-left: 3.0%; padding-top: 1%;
    color: white; font-size: 1.4vh;
}
.menu-finanze {
    position: absolute;
    background: none;
    border: 1px solid white;
    left: 2.0%;       top:54.0%;
    width: 46.0%;     height: 15.0%;
    padding-left: 3.0%; padding-top: 1%;
    margins: 5px 0px;
    overflow-y: auto;
}
.menu-semianno {
    position: absolute;
    background: none;
    border: 1px solid white;
    left: 2.0%;       top:54.0%;
    width: 46.0%;     height: 12.0%;
    padding-left: 3.0%; padding-top: 1%;
    color: white; font-size: 1.4vh;
}

.menu-ekz-zal {
    position: absolute;
    background: none;
    border: 1px solid white;
    left: 2.0%;       top:67.0%;
    width: 46.0%;     height: 10    .0%;
    padding-left: 3.0%; padding-top: 1%;
    color: white; font-size: 1.4vh;

}
.menu-new {                                 /* computer */
    display: block;
    background: none;
    border: 0px dotted yellow;
    position: absolute;
    left:  2.0%;        top: 93%;
    width: 46%;      height: 45px;
    line-height: 1.1; padding-top: 1.5%;
    vertical-align: middle;
}