html{ height: 100%; }

body{
    /*display: flex;*/
    /*flex-direction: column;*/
    height: 100%;
    /*min-width: 550px;*/
}

header{
   flex: 0 0 auto;
}

/*.main-content{*/
   /*flex: 1 0 auto;*/
/*}*/

footer{
   flex: 0 0 auto;
}

/*Flashing light bulb in logo*/

@keyframes flashing {

    0%, 100% {
        opacity: 0;
    }

    50% {
        opacity: 0.6;
    }

}

.logo_img{
    height: 120px;
    width: 260px;
}

.logo_img:before{
        content: ' ';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 0;
        background: url(../images/logo_light.png) no-repeat 15px 0px;
    }

.logo_img:hover::before{
    animation: flashing 2s linear infinite;
}

.flash::before {
    animation: flashing 2s linear infinite;
}

/* Header of basic template*/

/*header, .main-content {*/
    /*margin: 20px 15px;*/
    /*padding-bottom: 15px;*/
/*}*/

header {
     border-bottom: 2px dashed orange;
}

/* Footer */



/*.social-link {*/
    /*margin-top: 1em;*/
/*}*/

/*.social-link ul {*/
    /*display: block;*/
    /*width: 320px;*/
    /*margin: 0 auto;*/

/*}*/
/*.social-link ul li {*/
    /*display: inline-block;*/
    /*width: 84px;*/
    /*height: 84px;*/
/*}*/
/*.social-link ul li svg {*/
    /*width: 64px;*/
    /*height: 64px;*/
/*}*/
/*.social-link a {*/
    /*width: 64px;*/
    /*height: 64px;*/
    /*display: block;*/
    /*padding: 10px;*/
    /*border-radius: 50%;*/
    /*border: 1px solid;*/
/*}*/
/*.facebook svg path {*/
    /*fill: #344c8a;*/
/*}*/

.twitter {
    /*background-image: url(../../static/images/);*/
    /*background-position: 100% 100%;*/
}

.g-plus {
    /*background-position: 100% 0%;*/
}

.link-in {
    /*background-position: 0% 100%;*/
}

.facebook:hover, .twitter:hover, .g-plus:hover, .link-in:hover {
    animation: shaking .3s linear 2;
}

footer {
    margin: 0px 30px;
    padding-bottom: 15px;
    border-top: 2px dashed orange;
}

/* Login part*/
.login {
    margin: 15px auto;
    float: right;
    width: 100px;
    text-align: center;
}

.error-label {
    padding-top: 5px;
}

.pointer_disabled {
    pointer-events: none;
}

.pointer_enabled {
    pointer-events: auto;
}

.js-grade-questions {
    padding: 2px 9px;
    border: 1px solid #fff;
    border-radius: 4px;
}

.change-pass {
    width: 360px;
}