/*** FONTS ***/

@font-face {
    font-family: 'SecuritasSansTTBold';
    src: url(../fonts/SecuritasSansTT-Bold.ttf);
}

@font-face {
    font-family: 'SecuritasSansTTBoldItalic';
    src: url(../fonts/SecuritasSansTT-BoldItalic.ttf);
}

@font-face {
    font-family: 'SecuritasSansTTLight';
    src: url(../fonts/SecuritasSansTT-Light.ttf);
}

@font-face {
    font-family: 'SecuritasSansTTLightItalic';
    src: url(../fonts/SecuritasSansTT-LightItalic.ttf);
}

body {
    font-family: "SecuritasSansTTLight";
    font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "SecuritasSansTTBold";
}

/*** COLORES ***/

/* BLUE Securitas */

.blue-securitas-100 {
    background-color: var(--color__blue--600);
}

.text-blue-securitas-100 {
    color: rgb(0, 119, 183);
}

.blue-securitas-90 {
    background-color: rgb(45, 171, 226);
}

.text-blue-securitas-90 {
    color: rgb(45, 171, 226);
}

.blue-securitas-70 {
    background-color: rgb(110, 189, 233);
}

.blue-securitas-45 {
    background-color: rgb(151, 206, 231);
}

.blue-securitas-25 {
    background-color: rgb(189, 220, 235);
}

/* GREEN Securitas */
.fa.fa-bars{
    color:#ffffff !important;
}

.green-securitas-100 {
    background-color: rgb(0, 128, 116);
}

.text-green-securitas-100 {
    color: rgb(0, 128, 116);
}

.green-securitas-90 {
    background-color: rgb(17, 201, 183);
}

.text-green-securitas-90 {
    color: rgb(17, 201, 183);
}

.green-securitas-70 {
    background-color: rgb(129, 211, 201);
}

.green-securitas-45 {
    background-color: rgb(167, 219, 218);
}

.green-securitas-45 {
    background-color: rgb(205, 234, 235);
}

/* NEGRO Securitas */

.black-securitas-75 {
    background-color: rgb(98, 99, 102);
}

.text-black-securitas-75 {
    color: rgb(98, 99, 102);
}

.black-securitas-60 {
    background-color: rgb(128,129,132);
}

.text-black-securitas-60 {
    color: rgb(128,129,132);
}

.black-securitas-45 {
    background-color: rgb(156, 158, 161);
}

.text-black-securitas-45 {
    color: rgb(156, 158, 161);
}

.black-securitas-30 {
    background-color: rgb(187, 189, 191);
}

.text-black-securitas-30 {
    color: rgb(187, 189, 191);
}

.black-securitas-15 {
    background-color: rgb(219, 220, 221);
}

.text-black-securitas-15 {
    color: rgb(219, 220, 221);
}

.orange-securitas {
    background-color: rgb(249, 172, 49);
}

/*** BOTONES ***/

.btn-securitas {
    background-color: rgb(0, 119,183);
    font-size: .87188rem;
    font-weight: 600;
    text-transform: uppercase;
}

table thead tr th a.sorted {
    font-weight:600;
}

table thead tr th a.asc:after {
    content: " \f160";
    font-family: "FontAwesome";
}

table thead tr th a.desc:after {
    content: " \f161";
    font-family: "FontAwesome";
}
.spinner{
    width:100%;
    height:100%;
    text-align:center;
}
.sk-chase {
    width: 40px;
    height: 40px;
    position: relative;
    animation: sk-chase 2.5s infinite linear both;
    margin: 10px auto;
}

.sk-chase-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: sk-chase-dot 2.0s infinite ease-in-out both;
}

    .sk-chase-dot:before {
        content: '';
        display: block;
        width: 25%;
        height: 25%;
        background-color: #4285f4;
        border-radius: 100%;
        animation: sk-chase-dot-before 2.0s infinite ease-in-out both;
    }

    .sk-chase-dot:nth-child(1) {
        animation-delay: -1.1s;
    }

    .sk-chase-dot:nth-child(2) {
        animation-delay: -1.0s;
    }

    .sk-chase-dot:nth-child(3) {
        animation-delay: -0.9s;
    }

    .sk-chase-dot:nth-child(4) {
        animation-delay: -0.8s;
    }

    .sk-chase-dot:nth-child(5) {
        animation-delay: -0.7s;
    }

    .sk-chase-dot:nth-child(6) {
        animation-delay: -0.6s;
    }

    .sk-chase-dot:nth-child(1):before {
        animation-delay: -1.1s;
    }

    .sk-chase-dot:nth-child(2):before {
        animation-delay: -1.0s;
    }

    .sk-chase-dot:nth-child(3):before {
        animation-delay: -0.9s;
    }

    .sk-chase-dot:nth-child(4):before {
        animation-delay: -0.8s;
    }

    .sk-chase-dot:nth-child(5):before {
        animation-delay: -0.7s;
    }

    .sk-chase-dot:nth-child(6):before {
        animation-delay: -0.6s;
    }

@keyframes sk-chase {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes sk-chase-dot {
    80%, 100% {
        transform: rotate(360deg);
    }
}

@keyframes sk-chase-dot-before {
    50% {
        transform: scale(0.4);
    }

    100%, 0% {
        transform: scale(1.0);
    }
}