form label span.required {
    color: red !important;
}

.ajax-loader {
    position: fixed;
    left: 0px;
    top: 50%;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.ajax-loader span {
    margin-top: 40%;
    font-size: 15px;
    background-color: #ffffff;
    border: 2px solid #cecece;
    padding: 10px 20px;
    border-radius: 5px;
}

@media (min-width: 992px){
    .header .header-top {
        height: auto !important;
        min-height: 70px;
    }
}


.header-mobile, .header .header-top {
    background-color: #0063af!important;
}

@media (max-width: 768px) {

    .remove {
        display: none !important;
    }
}
@media (min-width: 768px) {

    .mobile {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .mobile {
        margin: 0px 0px 0px 0px;
    }
}

#header .header-logo {
    margin-left: -1.5rem;
}




@media (max-width: 768px) {

    .remove {
        display: none !important;
    }
}

.notification-box {
    /*position: fixed;*/
    z-index: 99;
    /*top: 30px;*/
    /*right: 30px;*/
    width: 50px;
    /*height: 50px;*/
    text-align: center;
}

.notification-bell {
    animation: bell 1s 1s both infinite;
}

    .notification-bell * {
        display: block;
        margin: 0 auto;
        background-color: #fff;
        box-shadow: 0px 0px 5px #fff;
    }

.bell-top {
    width: 6px;
    height: 6px;
    border-radius: 3px 3px 0 0;
}

.bell-middle {
    width: 15px;
    height: 15px;
    margin-top: -1px;
    border-radius: 12.5px 12.5px 0 0;
}

.bell-bottom {
    position: relative;
    z-index: 0;
    width: 21px;
    height: 2px;
}

    .bell-bottom::before,
    .bell-bottom::after {
        content: '';
        position: absolute;
        top: -4px;
    }

    .bell-bottom::before {
        left: 1px;
        border-bottom: 4px solid #fff;
        border-right: 0 solid transparent;
        border-left: 4px solid transparent;
    }

    .bell-bottom::after {
        right: 1px;
        border-bottom: 4px solid #fff;
        border-right: 4px solid transparent;
        border-left: 0 solid transparent;
    }

.bell-rad {
    width: 8px;
    height: 4px;
    margin-top: 2px;
    border-radius: 0 0 4px 4px;
    animation: rad 1s 2s both infinite;
}

.notification-count {
    position: absolute;
    z-index: 1;
    /*top: -6px;*/
    /*right: -6px;*/
    width: 18px;
    height: 21px;
    line-height: 21px;
    font-size: 11px;
    border-radius: 10%;
    background-color: #ff4927;
    color: #fff;
    animation: zoom 3s 3s both infinite;
}

/*@keyframes bell {
    0% {
        transform: rotate(0);
    }

    10% {
        transform: rotate(30deg);
    }

    20% {
        transform: rotate(0);
    }

    80% {
        transform: rotate(0);
    }

    90% {
        transform: rotate(-30deg);
    }

    100% {
        transform: rotate(0);
    }
}*/

/*@keyframes rad {
    0% {
        transform: translateX(0);
    }

    10% {
        transform: translateX(6px);
    }

    20% {
        transform: translateX(0);
    }

    80% {
        transform: translateX(0);
    }
    90% {
        transform: translateX(-6px);
    }

    100% {
        transform: translateX(0);
    }
}*/

@keyframes zoom {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    10% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 1;
    }

    51% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}


.wizard.wizard-4 .wizard-nav .wizard-steps .wizard-step {
    -ms-flex: 0 0 calc(16% - .16rem)!important;
     flex: 0 0 calc(16% - .16rem)!important; 
     width: calc(16% - .16rem)!important; 
}


.bg-diagonal:after {
    z-index: 0 !important;
}

.bg-diagonal .card-body {
    z-index: 1 !important;
}


@media (min-width: 768px) {
    ul.two-col {
        columns: 2 !important;
        -webkit-columns: 2 !important;
        -moz-columns: 2 !important;
    }
}


.flash-button {
    padding: 5px 10px;
    color: #fff;
    border: none;
    border-radius: 5px;
    animation-name: flash;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    /*Firefox 1+*/
    -webkit-animation-name: flash;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    /*Safari 3-4 -moz-animation-name: flash;*/
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
}

@keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

/*Firefox 1+*/
@-webkit-keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

/*Safari 3-4*/
@-moz-keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}


table tbody tr td{
    word-break: break-word!important;
}
    table tbody tr td .no-break {
        word-break: normal !important;
    }