@keyframes slidy {
    0% { left: 0%; }  /* 1st slide */
    7% { left: 0%; }
    14% { left: -100%; } /* 2nd slide */
    21% { left: -100%; }
    28% { left: -200%; } /* 3rd slide */
    35% { left: -200%; }
    42% { left: -300%; } /* 4th slide */
    49% { left: -300%; }
    56% { left: -200%; } /* back to 3rd slide */
    63% { left: -200%; }
    70% { left: -100%; } /* back to 2nd slide */
    77% { left: -100%; }
    85% { left: 0%; } /* back to 1st slide */
    100% { left: 0%; }
}



div.slider figure {
    width: 400% !important; 
    animation: 60s slidy infinite !important;  /* change speed of animation */
}

div.slider img {
    width: 25% !important; 
}



@media(max-width: 419px){
    header .site-logo {
        height:auto;
        max-width:230px;
    }
}

@media (min-width: 420px) and (max-width: 619px) {
      header .site-logo {
        height:auto;
        max-width:280px;
    }
    
}

@media (min-width: 620px) and (max-width: 950px) {
      header .site-logo {
        height:auto;
        max-width:490px;
    }
}



/*ANG @ GTI deleting (08/2022)!
.user-details a.btn-primary {*/
/*    display:none;*/
/*}*/
/*@media(min-width:766px){*/
/*    .user-details a.btn-primary {*/
/*        margin-right: 10px;*/
/*        border-radius: 0px;*/
/*        padding: 9px 12px;*/
/*        display:inline-block;*/
/*        background:#08989D !important;*/
/*    }*/
/*    header .user-details {*/
/*        position: absolute;*/
/*        right: 15px;*/
/*        top: 0px;*/
/*        margin: 20px 0;*/
/*        transition: 0.5s;*/
/*    }*/
/*}*/
.search-results-list .list-group-item h2, .standard-list .list-group-item h2 {
    color:#333;
}

/*.tj-registration .tj-registration {
     display: none;
}*/

form#studentUpdateForm [name="_student\.details\.emailPreferences"] + .form-group div.top-padding-xs + div.checkbox {
    display: none;
}
form#studentUpdateForm [name="_student\.details\.emailPreferences"] + .form-group div.top-padding-xs + div.checkbox + div.checkbox {
    padding-top: 10px;
}

#activity-modal .modal-dialog {
        width: 65%;
}

/************************
GTI - OPERATOR UI 
*************************/
.page-operator header .page-brand {
    background: #17191C;
    }
.page-operator header .navbar-toggler {
    color:#fff;
    }
.page-operator header .navbar-toggler:hover, .page-operator header .navbar-toggler:active, .page-operator header .navbar-toggler:focus {
    color:#ffffff6b;
    }
@media (max-width: 992px) {
    header .page-header .header-links .user-details>a, 
    header .page-header .header-links .user-details>a .fa-user-circle,
    header .page-header .header-links .beamer_button .fa-stack i    {
        color: #fff;
        }
    }
/************************
END - GTI - OPERATOR UI 
*************************/