body.classic{
    background-color: #d2e1f9;
    margin-bottom: 10px;
    font-family: Calibri;
    text-align: center;
}
footer.classic{
    margin: auto;
    bottom: 10px;
    width: 100%;
    vertical-align: middle;
    position: fixed;
    text-align: center;
    height: 40px;
}
@media screen and (min-width:601px) {
    div.classic-log{
        margin: auto;
        margin-top: 100px;
        width: 300px;
        padding: 10px;
        background-color: #8fb4f0;
        border-radius: 10px;
        border: solid 2px #091f43;
    }
    div.danger{
        margin: auto;
        width: 200px;
        padding: 3px;
        background-color: #ff6666;
        color: #990000;
        border-radius: 10px;
        border: solid 2px #ff0000;
    }
    div.warning{
        margin: auto;
        width: 500px;
        padding: 3px;
        background-color: #ffd966;
        color: #997300;
        border-radius: 10px;
        border: solid 2px #806000;
    }
    div.info{
        margin: auto;
        width: 500px;
        padding: 3px;
        background-color: #d2e1f9;
        color: #997300;
        border-radius: 10px;
        border: solid 2px #806000;
    }
    div.home-user{
        width: 300px;
        height: 250px;
        margin-left: 200px;
        margin-right: 200px;
        float: left;
        padding: 20px;
        border: solid 2px #6296ea;
        background-color: #e9f0fc;
        border-radius: 10px;
    }
    div.home-news{
        width: 300px;
        height: 250px;
        margin-left: 200px;
        margin-right: 200px;
        float: right;
        padding: 20px;
        border: solid 2px #6296ea;
        background-color: #e9f0fc;
        border-radius: 10px;
    }
    div.in-news{
        width: 280px;
        height: 150px;
        padding: 10px;
        margin:auto;
        border: solid 2px #6296ea;
        background-color: #4b87e7;
        border-radius: 10px;
    }
    div.news{
        margin: auto;
        margin-bottom: 5px;
        width: auto;
        background-color: #ffffff;
        color: #000000;
        border: solid 1px #3c5d5d;
        border-radius: 10px;
    }
    h3.classic-log{
        font-size: 20pt;
    }
    label.classic-log{
        font-size: 14pt;
        padding: 5px;
    }
    label.classic-log-13{
        font-size: 13pt;
        padding: 5px;
    }
    label.classic-log-check{
        font-size: 12pt;
        padding: 5px;
    }
    input.classic-log{
        font-size: 14pt;
        padding: 5px;
        background-color: #e9f0fc;
        border-radius: 5px;
        border: solid 2px #091f43;
        text-align: center;
        margin: 5px;
    }
    input.classic-mod{
        font-size: 12pt;
        padding: 3px;
        background-color: #e9f0fc;
        border-radius: 5px;
        border: solid 2px #091f43;
        text-align: center;
        margin: 5px;
    }
    input.tab-mod{
        font-size: 11pt;
        padding: 1px;
        background-color: #e9f0fc;
        border-radius: 5px;
        border: solid 2px #091f43;
        text-align: center;
        margin: 2px;
    }
    input.tab-mod-num{
        font-size: 11pt;
        padding: 1px;
        width: 60px;
        background-color: #e9f0fc;
        border-radius: 5px;
        border: solid 2px #091f43;
        text-align: center;
        margin: 2px;
    }
    input.tab-mod-lab{
        font-size: 11pt;
        padding: 1px;
        width: 60px;
        background-color: #ffffff;
        border-radius: 5px;
        border: solid 0px ;
        text-align: center;
        margin: 2px;
    }
    input.tab-mod-lab:read-only{
        font-size: 11pt;
        padding: 1px;
        width: 60px;
        background-color: #ffffff;
        border-radius: 5px;
        border: solid 0px ;
        text-align: center;
        margin: 2px;
    }
    input.tab-mod-lab-l{
        font-size: 11pt;
        padding: 1px;
        width: 120px;
        background-color: #ffffff;
        border-radius: 5px;
        border: solid 0px ;
        text-align: center;
        margin: 2px;
    }
    input.error{
        font-size: 14pt;
        padding: 5px;
        background-color: #ffb3b3;
        border-radius: 5px;
        border: solid 2px #ff0000;
        text-align: center;
        margin: 5px;
    }
    input.generic-inp-text{
        font-size: 11pt;
        padding: 2px;
        background-color: #e9f0fc;
        border-radius: 5px;
        border: solid 2px #091f43;
        text-align: center;
        margin: 2px;
    }
    input.generic-inp-text:disabled{
        font-size: 11pt;
        padding: 2px;
        background-color: #8fb4f0;
        border-radius: 5px;
        border: solid 2px #091f43;
        text-align: center;
        margin: 2px;
    }
    input.generic-inp-num{
        font-size: 11pt;
        padding: 2px;
        background-color: #e9f0fc;
        border-radius: 5px;
        border: solid 2px #091f43;
        text-align: center;
        margin: 2px;
        width: 130px;
    }
    input.generic-inp-num:disabled{
        font-size: 11pt;
        padding: 2px;
        background-color: #8fb4f0;
        border-radius: 5px;
        border: solid 2px #091f43;
        text-align: center;
        margin: 2px;
    }
    textarea.generic-inp-num{
        font-size: 11pt;
        padding: 2px;
        background-color: #e9f0fc;
        border-radius: 5px;
        border: solid 2px #091f43;
        text-align: center;
        margin: 2px;
    }
    input.generic-ckbox{
        width: 20px;
        height: 20px;
        vertical-align: middle;
    }
    input.generic-radiobox{
        width: 15px;
        height: 15px;
        vertical-align: middle;
    }
    input.type-lab-mag{
        font-size: 14pt;
        background-color: rgba(255,255,255,0);
        color: #ffffff;
        border: 0px solid #000000;
        width: 100px;
    }
    input.type-lab-doc{
        font-size: 14pt;
        background-color: rgba(255,255,255,0);
        color: #000000;
        border: 0px solid #000000;
        width: 150px;
        text-align: center;
    }
    input.type-lab{
        font-size: 12pt;
        background-color: rgba(255,255,255,0);
        color: #000000;
        border: 0px solid #000000;
        width: 50px;
        text-align: left;
    }
    select.classic-log{
        font-size: 14pt;
        padding: 5px;
        background-color: #e9f0fc;
        border-radius: 5px;
        border: solid 2px #091f43;
        text-align: center;
        margin: 5px;
    }
    select.generic-sel{
        font-size: 11pt;
        padding: 5px;
        background-color: #e9f0fc;
        border-radius: 5px;
        border: solid 2px #091f43;
        text-align: center;
        margin: 5px;
    }
    select.generic-sel-home{
        font-size: 11pt;
        padding: 5px;
        background-color: #ffffff;
        border-radius: 5px;
        border: solid 2px #091f43;
        text-align: center;
        margin: 5px;
    }
    select.generic-sel-mag{
        font-size: 12pt;
        padding: 2px;
        background-color: #ffffff;
        border-radius: 5px;
        border: solid 2px #091f43;
        text-align: center;
        margin: 5px;
    }

    select.r{
        font-size: 12pt;
        padding: 2px;
        border-radius: 5px;
        border: solid 2px #cc0000;
        text-align: center;
        margin: 5px;
    }

    select.g{
        font-size: 12pt;
        padding: 2px;
        border-radius: 5px;
        border: solid 2px #006600;
        text-align: center;
        margin: 5px;
    }

    select.y{
        font-size: 12pt;
        padding: 2px;
        border-radius: 5px;
        border: solid 2px #ffaa00;
        text-align: center;
        margin: 5px;
    }

    select.tab-sel-mag{
        font-size: 11pt;
        padding: 1px;
        background-color: #ffffff;
        border-radius: 5px;
        border: solid 2px #091f43;
        text-align: center;
        margin: 2px;
    }
    button.classic-log{
        font-size: 13pt;
        padding: 5px;
        background-color: #a5c3f3;
        border-radius: 5px;
        border: solid 2px #091f43;
        text-align: center;
        margin: 5px;
        cursor: pointer;
    }
    button.classic-log:hover{
        font-size: 13pt;
        padding: 5px;
        background-color: #3578e3;
        border-radius: 5px;
        border: solid 2px #091f43;
        text-align: center;
        color: #ffffff;
        margin: 5px;
        cursor: pointer;
    }

    button.mag-va-btn{
        font-size: 13pt;
        padding: 2px;
        background-color: #a5c3f3;
        border-radius: 5px;
        border: solid 2px #091f43;
        text-align: center;
        margin: 2px;
        cursor: pointer;
    }
    button.mag-va-btn:hover{
        font-size: 13pt;
        padding: 2px;
        background-color: #3578e3;
        border-radius: 5px;
        border: solid 2px #091f43;
        text-align: center;
        color: #ffffff;
        margin: 2px;
        cursor: pointer;
    }

    button.doc-va-btn{
        font-size: 11pt;
        padding: 2px;
        background-color: #a5c3f3;
        border-radius: 5px;
        border: solid 2px #091f43;
        text-align: center;
        margin: 2px;
        cursor: pointer;
    }
    button.doc-va-btn:hover{
        font-size: 11pt;
        padding: 2px;
        background-color: #3578e3;
        border-radius: 5px;
        border: solid 2px #091f43;
        text-align: center;
        color: #ffffff;
        margin: 2px;
        cursor: pointer;
    }

    button.del{
        font-size: 13pt;
        padding: 5px;
        background-color: #ff9999;
        border-radius: 5px;
        border: solid 2px #990000;
        color: #000000;
        text-align: center;
        margin: 5px;
        cursor: pointer;
    }
    button.del:hover{
        font-size: 13pt;
        padding: 5px;
        background-color: #e60000;
        border-radius: 5px;
        border: solid 2px #990000;
        text-align: center;
        color: #ffffff;
        margin: 5px;
        cursor: pointer;
    }

    button.save{
        font-size: 13pt;
        padding: 5px;
        background-color: #a5c3f3;
        border-radius: 5px;
        border: solid 2px #1f69e0;
        color: #000000;
        text-align: center;
        margin: 5px;
        cursor: pointer;
    }
    button.save:hover{
        font-size: 13pt;
        padding: 5px;
        background-color: #6296ea;
        border-radius: 5px;
        border: solid 2px #1f69e0;
        text-align: center;
        color: #ffffff;
        margin: 5px;
        cursor: pointer;
    }

    button.add{
        font-size: 13pt;
        padding: 5px;
        background-color: #80ffbf;
        border-radius: 5px;
        border: solid 2px #008040;
        color: #000000;
        text-align: center;
        margin: 5px;
        cursor: pointer;
    }
    button.add:hover{
        font-size: 13pt;
        padding: 5px;
        background-color: #00b359;
        border-radius: 5px;
        border: solid 2px #008040;
        text-align: center;
        color: #ffffff;
        margin: 5px;
        cursor: pointer;
    }
    button.add:disabled{
        font-size: 13pt;
        padding: 5px;
        background-color: #ccffe6;
        border-radius: 5px;
        border: solid 2px #008040;
        text-align: center;
        color: #008040;
        margin: 5px;
        cursor: pointer;
    }

    button.del-tab{
        font-size: 9pt;
        padding: 5px;
        background-color: #ff9999;
        border-radius: 5px;
        border: solid 2px #990000;
        color: #000000;
        text-align: center;
        margin: 5px;
        font-weight: bold;
        cursor: pointer;
    }
    button.del-tab:hover{
        font-size: 9pt;
        padding: 5px;
        background-color: #e60000;
        border-radius: 5px;
        border: solid 2px #990000;
        text-align: center;
        color: #ffffff;
        margin: 5px;
        font-weight: bold;
        cursor: pointer;
    }
    button.main-but{
        font-size: 13pt;
        padding: 5px;
        background-color: #6296ea;
        border-radius: 5px;
        border: solid 2px #123f87;
        color: #000000;
        text-align: center;
        margin: 5px;
        cursor: pointer;
    }
    button.main-but:hover{
        font-size: 13pt;
        padding: 5px;
        background-color: #1854b4;
        border-radius: 5px;
        border: solid 2px #123f87;
        text-align: center;
        color: #ffffff;
        margin: 5px;
        cursor: pointer;
    }

    button.main-but-mag{
        font-size: 13pt;
        padding: 5px;
        background-color: #6296ea;
        border-radius: 5px;
        border: solid 2px #123f87;
        color: #000000;
        text-align: center;
        margin: 5px;
        cursor: pointer;
        width: 250px;
        height: 250px;
    }
    button.main-but-mag:hover{
        font-size: 13pt;
        padding: 5px;
        background-color: #1854b4;
        border-radius: 5px;
        border: solid 2px #123f87;
        text-align: center;
        color: #ffffff;
        margin: 5px;
        cursor: pointer;
        width: 250px;
        height: 250px;
    }


    button.mag-but{
        font-size: 12pt;
        padding: 3px;
        background-color: #d2e0f9;
        border-radius: 5px;
        border: solid 2px #123f87;
        color: #000000;
        text-align: center;
        margin: 5px;
        cursor: pointer;
    }
    button.mag-but:hover{
        font-size: 12pt;
        padding: 3px;
        background-color: #4b84e7;
        border-radius: 5px;
        border: solid 2px #123f87;
        text-align: center;
        color: #ffffff;
        margin: 5px;
        cursor: pointer;
    }

    button.riatt{
        font-size: 13pt;
        padding: 5px;
        background-color: #99ff99;
        border-radius: 5px;
        border: solid 2px #008000;
        color: #000000;
        text-align: center;
        margin: 5px;
        cursor: pointer;
    }
    button.riatt:hover{
        font-size: 13pt;
        padding: 5px;
        background-color: #00cc00;
        border-radius: 5px;
        border: solid 2px #008000;
        text-align: center;
        color: #ffffff;
        margin: 5px;
        cursor: pointer;
    }

    button.mod{
        font-size: 13pt;
        padding: 5px;
        background-color: #b3cccc;
        border-radius: 5px;
        border: solid 2px #293d3d;
        color: #000000;
        text-align: center;
        margin: 5px;
        cursor: pointer;
    }
    button.mod:hover{
        font-size: 13pt;
        padding: 5px;
        background-color: #476b6b;
        border-radius: 5px;
        border: solid 2px #293d3d;
        text-align: center;
        color: #ffffff;
        margin: 5px;
        cursor: pointer;
    }
    button.tab{
        background-color: #ffffff;
        border:none;
        outline:none;
        cursor:pointer;
        padding: 15px;
        font-size: 14pt;
        width: 15%;
    }
    button.tab-doc{
        background-color: #ffffff;
        border:none;
        outline:none;
        cursor:pointer;
        padding: 5px;
        font-size: 11pt;
    }
    button.r{
        background-color: #ffb3b3;
        border:solid 2px #ff0000;
        border-radius: 5px;
        color:#000000;
        outline:none;
        cursor:pointer;
        padding: 5px;
        font-size: 11pt;
    }
    button.r:hover{
        background-color: #ff4d4d;
        border:solid 2px #ff0000;
        border-radius: 5px;
        color:#ffffff;
        outline:none;
        cursor:pointer;
        padding: 5px;
        font-size: 11pt;
    }

    button.r:disabled{
        background-color: #ffe6e6;
        border:solid 2px #ff8080;
        border-radius: 5px;
        color:#ff8080;
        outline:none;
        cursor:pointer;
        padding: 5px;
        font-size: 11pt;
    }

    

    button.selBtn{
        background-color: #e9f0fc;
        border:solid 2px #6294ea;
        border-radius: 5px;
        color:#000000;
        outline:none;
        cursor:pointer;
        padding: 5px;
        font-size: 11pt;
    }
    button.selBtn:hover{
        background-color: #bcd1f6;
        border:solid 2px #6294ea;
        border-radius: 5px;
        color:#000000;
        outline:none;
        cursor:pointer;
        padding: 5px;
        font-size: 11pt;
    }

    button.selBtn:disabled{
        background-color: #ffffff;
        border:solid 2px #6294ea;
        border-radius: 5px;
        color:#6294ea;
        outline:none;
        cursor:pointer;
        padding: 5px;
        font-size: 11pt;
    }

    button.b{
        background-color: #a5c3f3;
        border:solid 2px #1f69e0;
        border-radius: 5px;
        color:#000000;
        outline:none;
        cursor:pointer;
        padding: 5px;
        font-size: 11pt;
    }
    button.b:hover{
        background-color: #6296ea;
        border:solid 2px #1f69e0;
        border-radius: 5px;
        color:#ffffff;
        outline:none;
        cursor:pointer;
        padding: 5px;
        font-size: 11pt;
    }
    button.b:disabled{
        background-color: #ffffff;
        border:solid 2px #1f69e0;
        border-radius: 5px;
        color:#1f69e0;
        outline:none;
        cursor:none;
        padding: 5px;
        font-size: 11pt;
    }
    button.g{
        background-color: #b3e6cc;
        border:solid 2px #40bf80;
        border-radius: 5px;
        color:#000000;
        outline:none;
        cursor:pointer;
        padding: 5px;
        font-size: 11pt;
    }
    button.g:hover{
        background-color: #79d2a4;
        border:solid 2px #40bf80;
        border-radius: 5px;
        color:#000000;
        outline:none;
        cursor:pointer;
        padding: 5px;
        font-size: 11pt;
    }

    button.g:disabled{
        background-color: #e6fff3;
        border:solid 2px #40bf80;
        border-radius: 5px;
        color:#40bf80;
        outline:none;
        cursor:not-allowed;
        padding: 5px;
        font-size: 11pt;
    }

    button.y{
        background-color: #ffdd99;
        border:solid 2px #ffaa00;
        border-radius: 5px;
        color:#000000;
        outline:none;
        cursor:pointer;
        padding: 5px;
        font-size: 11pt;
    }
    button.y:hover{
        background-color: #ffc34d;
        border:solid 2px #ffaa00;
        border-radius: 5px;
        color:#000000;
        outline:none;
        cursor:pointer;
        padding: 5px;
        font-size: 11pt;
    }

    a.classic{
        font-size: 13pt;
        padding: 5px;
        background-color: #a5c3f3;
        border-radius: 5px;
        border: solid 2px #091f43;
        text-align: center;
        margin: 5px;
        text-decoration: none;
        color:#000000;
    }
    a.classic:hover{
        font-size: 13pt;
        padding: 5px;
        background-color: #3578e3;
        border-radius: 5px;
        border: solid 2px #091f43;
        text-align: center;
        color: #ffffff;
        margin: 5px;
        text-decoration: none;
    }
    a.logout{
        font-size: 13pt;
        padding: 5px;
        text-decoration: none;
        background-color: #ff9999;
        border-radius: 5px;
        border: solid 2px #990000;
        color: #000000;
        text-align: center;
        margin: 5px;
    }
    a.logout:hover{
        font-size: 13pt;
        padding: 5px;
        text-decoration: none;
        background-color: #e60000;
        border-radius: 5px;
        border: solid 2px #990000;
        color: #ffffff;
        text-align: center;
        margin: 5px;
    }
    a.opt{
        font-size: 13pt;
        padding: 5px;
        text-decoration: none;
        background-color: #c2d6d6;
        border-radius: 5px;
        border: solid 2px #3d5c5c;
        color: #000000;
        text-align: center;
        margin: 5px;
    }
    a.opt:hover{
        font-size: 13pt;
        padding: 5px;
        text-decoration: none;
        background-color: #5c8a8a;
        border-radius: 5px;
        border: solid 2px #3d5c5c;
        color: #ffffff;
        text-align: center;
        margin: 5px;
    }
    a.side-link{
        padding: 5px;
        text-decoration: none;
        background-color: #78a5ed;
        color: #091f43;
        display: block;
    }
    a.side-select{
        padding: 5px;
        text-decoration: none;
        background-color: #d2e1f9;
        color: #000000;
        display: block;
    }
    a.side-opt{
        padding: 5px;
        text-decoration: none;
        background-color: #c2d6d6;
        color: #000000;
        display: block;
    }
    a.side-opt-selected{
        padding: 5px;
        text-decoration: none;
        background-color: #e0ebeb;
        color: #000000;
        display: block;
    }
    a.side-logout{
        padding: 5px;
        text-decoration: none;
        background-color: #ff9999;
        color: #000000;
        display: block;
    }
    a.side-link:hover{
        padding: 5px;
        text-decoration: none;
        background-color: #ffffff;
        color:#000;
        display: block;
    }
    a.side-select:hover{
        padding: 5px;
        text-decoration: none;
        background-color: #ffffff;
        color: #000000;
        display: block;
    }
    a.side-opt:hover{
        padding: 5px;
        text-decoration: none;
        background-color: #5c8a8a;
        color: #ffffff;
        display: block;
    }
    a.side-opt-selected:hover{
        padding: 5px;
        text-decoration: none;
        background-color: #5c8a8a;
        color: #ffffff;
        display: block;
    }
    a.side-logout:hover{
        padding: 5px;
        text-decoration: none;
        background-color: #e60000;
        color: #ffffff;
        display: block;
    }
    header.side-header{
        position: fixed;
        height: 100%;
        width: 10%;
        z-index: 1;
        overflow-x: hidden;
        top:0;
        left:0;
        background-color: #4b87e7;
        padding: 5px;
    }
    header.side-header-no-fixed{
        height: 100%;
        width: 15%;
        z-index: 1;
        overflow-x: hidden;
        top:0;
        left:0;
        background-color: #4b87e7;
        padding: 5px;
    }
    img.logo{
        width: 180px;
    }
    img.logo-header{
        width: 130px;
        border-radius: 50px;
        background-color: #ffffff;
    }
    img.home-logo{
        width: 300px;
        margin: auto;
        float: inherit;

    }
    img.logo-nav{
        width: 80px;
    }
    img.img-avatar{
        width: 80px;
        height: 80px;
        vertical-align: middle;
        border-radius: 50%;
        border: solid 2px #091f43;
    }
    table.tab-classic{
        width: auto;
        text-align: center;
        margin:auto;
        margin-top: 40px;
        background-color: #1f69e0;
        border: solid 2px #091f43;
        font-size: 13pt;
        border-radius: 5px;
    }
    th.th-classic{
        background-color: #d2e1f9;
        border-radius: 2px;
        padding:5px;
        font-size: 14pt;
    }
    td.td-classic{
        background-color: #ffffff;
        border-radius: 2px;
        padding:5px;
        font-size: 14pt;
    }
    th.th-classic-tab{
        background-color: #d2e1f9;
        border-radius: 2px;
        padding:5px;
        font-size: 12pt;
    }
    td.td-classic-tab{
        background-color: #ffffff;
        border-radius: 2px;
        padding:5px;
        font-size: 11pt;
    }
    td.td-classic-btn{
        background-color: #ffffff;
        border-radius: 2px;
        padding:5px;
    }

    table.tab-mag{
        width: 95%;
        height: 20vh;
        text-align: center;
        margin:auto;
        margin-top: 2%;
        background-color: #1f69e0;
        font-size: 12pt;
        border-radius: 5px;
        position:sticky;
    }
    table.tab-mag thead th{
        position:sticky;
        top:0;
        margin:100%;
    }
    th.th-mag{
        background-color: #d2e1f9;
        border-radius: 2px;
        font-size: 12pt;
        border: solid 2px #091f43;
        margin:100%;
    }
    td.td-mag{
        background-color: #ffffff;
        border-radius: 2px;
        font-size: 12pt;
        margin:100%;
    }

    table.tab-mag-1{
        width: auto;
        text-align: center;
        margin:auto;
        margin-top: 40px;
        background-color: #1f69e0;
        border: solid 2px #091f43;
        font-size: 11pt;
        border-radius: 5px;
    }
    th.th-mag-1{
        background-color: #d2e1f9;
        border-radius: 2px;
        padding:5px;
        font-size: 12pt;
    }
    td.td-mag-1{
        background-color: #ffffff;
        border-radius: 2px;
        padding:5px;
        font-size: 11pt;
    }

    label.generic-lab-ckbox{
        font-size:14pt;
        vertical-align:middle;
    }
    div.containerDocDiv{
        width: 100%;
        height: 100%;
        position: relative;
    }
    div.boxDiv{
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: #ffffff;
    }
    div.boxB2{
        width: 100%;
        height: 100%;
        margin: auto;
        text-align: center;
        position: absolute;
        background: rgba(255,255,255,0.5);
    }
    div.boxB3{
        width: 100%;
        height: 100%;
        margin: auto;
        text-align: center;
        position: absolute;
        background: rgba(255,255,255,0.7);
    }

    .tooltip-classic{
        position: relative;
        display:inline-block;
    }
    .tooltip-classic .tooltip-text-classic::after{
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
    }
    .tooltip-classic .tooltip-text-classic{
        visibility: hidden;
        width: 60%;
        background-color: #8cb3d9 ;
        color: #000000;
        text-align: center;
        border:solid 2px #264d73;
        border-radius: 5px;
        position: absolute;
        opacity: 0;
        transition: opacity 0.5s;
        z-index: 1;
        bottom:103%;
        left:20%;
        font-size: 12pt;
    }
    .tooltip-classic:hover .tooltip-text-classic{
        visibility: visible;
        opacity: 1;
    }
}
@media screen and (max-width:600px) {

}