.rounded-circle,
.avatar.rounded-circle img
{
    border-radius: 50% !important;
}

.avatar img
{
    width: 100%;

    border-radius: .375rem;
}
.avatar + .avatar-content
{
    display: inline-block;

    margin-left: .75rem;
}

.avatar-lg
{
    font-size: .875rem; 

    width: 58px;
    height: 58px;
}

.avatar-sm
{
    font-size: .875rem; 

    width: 36px;
    height: 36px;
}

.avatar-group .avatar
{
    position: relative;
    z-index: 2;

    border: 2px solid #fff;
}
.avatar-group .avatar:hover
{
    z-index: 3;
}

.avatar-group .avatar + .avatar
{
    margin-left: -1rem;
}


#newloader{
    display:none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 999;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
#text-loader {
    display:none;
    position: fixed;
    left: 40%;
    top: 56%;
    z-index: 999;
    background-color:rgba(192,192,192,0.5);
    font-weight:bolder;
    color:#000;
    text-align:center;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@media (min-width: 768px){

    .ml-md-8, .mx-md-8 {
        margin-left: 6rem!important;
    }
}

.custom-navbar-logo {
    height: 100px!important;
}

@media (max-width: 768px){
    .custom-navbar-logo {
        height: 100px !important;
    }
}