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;

}

#footer {

  position:fixed!important;

  right: 0;

  left: 0;

  bottom: 0;

}

@media screen and (min-width:601px) {

    div.classic-log{

        margin: auto;

        margin-top: 34px;

        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-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.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: 5px;

        background-color: #e9f0fc;

        border-radius: 5px;

        border: solid 2px #091f43;

        text-align: center;

        margin: 5px;

    }

    input.generic-ckbox{

        width: 20px;

        height: 20px;

        vertical-align: middle;

    }

    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;

    }

    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.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.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.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.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%;

    }

    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: #000000;

        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: 150px;

        z-index: 1;

        overflow-x: hidden;

        top:0;

        left:0;

        background-color: #4b87e7;

        padding: 5px;

    }

    header.side-header-no-fixed{

        height: 100%;

        width: 150px;

        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;

    }

    td.td-classic-btn{

        background-color: #ffffff;

        border-radius: 2px;

        padding:5px;

    }

    label.generic-lab-ckbox{

        font-size:14pt;

        vertical-align:middle;

    }

}

@media screen and (max-width:600px) {



}