/* You can add global styles to this file, and also import other style files */

/* @import "@angular/material/prebuilt-themes/indigo-pink.css"; */

body {
    background-color: #f2f8fa !important;
}

.box-container.nl-box-container {
    border: none !important;
    margin: 0 15px;
    margin-bottom: 20px;
    background-color: transparent;
}

.box-container-content.nl-box-container-content {
    padding: 0;
}

.box-container-title {
    background-color: #fff;
    padding: 15px 30px;
}

.box-body {
    padding: 10px 15px;
}

.nl-detail .nl-card {
    min-height: 360px;
}

.nl-card {
    background-color: #fff;
    padding: 15px;
    margin-top: 15px;
    /* overflow: hidden; */
    /*word-break: break-all;*/
}

.nl-card.home-birthday-box {
    height: 595.6px;
    overflow: auto;
    box-sizing: border-box;
}

.nl-card .edit {
    bottom: 15px;
}

.nl-card .bgc-nav {
    border: none !important;
}

.nl-detail .box-dash-info {
    background-color: #fff !important;
    text-align: left;
}

.nl-detail .box-dash-info div:first-child {
    text-align: center;
    font-size: 13px !important;
    font-weight: inherit !important;
    padding: 10px !important;
    padding-bottom: 0 !important;
}

.nl-detail .box-dash-info div:last-child {
    text-align: center;
    background-color: #fff !important;
    font-size: 32px !important;
    padding: 0 10px !important;
}

.nl-notification-icon {
    font-size: 2.5em !important;
    float: left;
    margin-right: 10px;
    height: 60px;
    min-width: 58px;
    padding: 10px;
}

.banner-bg-color-local header,
.banner-bg-color-local .btn-primary,
.banner-bg-color-local .mydp .btnpicker,
.banner-bg-color-local .bg-color-enviroment {
    background-color: #323639 !important;
    border-color: #323639 !important;
}

.banner-bg-color-local .env-color,
.envColorLocal {
    color: #323639 !important;
}

.banner-bg-color-local .c100.ative:after {
    box-shadow: 0px 0px 14px 7px #323639 !important;
}

.banner-bg-color-local .pagination > .active > a,
.banner-bg-color-local .pagination > .active > a:focus,
.banner-bg-color-local .pagination > .active > a:hover,
.banner-bg-color-local .pagination > .active > span,
.banner-bg-color-local .pagination > .active > span:focus,
.banner-bg-color-local .pagination > .active > span:hover {
    background-color: #323639 !important;
    border-color: #323639;
    color: #fff;
}

.banner-bg-color-local .pagination > li > a,
.banner-bg-color-local .pagination > li > span {
    color: #666;
}

.-banner.banner-bg-color-local {
    color: #323639;
}

.bg-menu-local .box-large .glyphicon,
.bg-menu-local .box-large .md-icon,
.bg-menu-local .box-large .icon,
.bg-menu-local .box-large .fa,
.bg-menu-local .box-large .fab,
.bg-menu-local .box-large .fas,
.bg-menu-local .box-large .far {
    color: #323639 !important;
}

.bg-menu-local .menu-float .btn-group .glyphicon,
.bg-menu-local .menu-float .btn-group .md-icon,
.bg-menu-local .menu-float .btn-group .icon,
.bg-menu-local .menu-float .btn-group .fa,
.bg-menu-local .menu-float .btn-group .fab,
.bg-menu-local .menu-float .btn-group .far,
.bg-menu-local .menu-float .btn-group .fas {
    color: #323639 !important;
}

.bg-menu-local .menu-float .fa,
.bg-menu-local .menu-float .fas,
.bg-menu-local .menu-float .fas {
    color: #323639 !important;
}

.banner-bg-color-dev header,
.banner-bg-color-dev .btn-primary,
.banner-bg-color-dev .bg-color-enviroment,
.banner-bg-color-dev .mydp .btnpicker {
    background-color: #593f62 !important;
    border-color: #593f62 !important;
}

.banner-bg-color-dev .env-color,
.envColorDev {
    color: #593f62 !important;
}

.banner-bg-color-dev .c100.ative:after {
    box-shadow: 0px 0px 14px 7px #593f62 !important;
}

.banner-bg-color-dev .pagination > .active > a,
.banner-bg-color-dev .pagination > .active > a:focus,
.banner-bg-color-dev .pagination > .active > a:hover,
.banner-bg-color-dev .pagination > .active > span,
.banner-bg-color-dev .pagination > .active > span:focus,
.banner-bg-color-dev .pagination > .active > span:hover {
    background-color: #593f62 !important;
    border-color: #593f62;
    color: #fff;
}

.banner-bg-color-dev .pagination > li > a,
.banner-bg-color-dev .pagination > li > span {
    color: #593f62;
}

.production-banner.banner-bg-color-dev {
    color: #593f62;
}

.bg-menu-dev .box-large .glyphicon,
.bg-menu-dev .box-large .md-icon,
.bg-menu-dev .box-large .icon,
.bg-menu-dev .box-large .fa,
.bg-menu-dev .box-large .fab,
.bg-menu-dev .box-large .fas,
.bg-menu-dev .box-large .far {
    color: #593f62 !important;
}

.bg-menu-dev .menu-float .btn-group .glyphicon,
.bg-menu-dev .menu-float .btn-group .md-icon,
.bg-menu-dev .menu-float .btn-group .fa,
.bg-menu-dev .menu-float .btn-group .fab,
.bg-menu-dev .menu-float .btn-group .far,
.bg-menu-dev .menu-float .btn-group .fas,
.bg-menu-dev .menu-float .btn-group .icon {
    color: #593f62 !important;
}

.bg-menu-dev .menu-float .glyphicon,
.bg-menu-dev .menu-float .md-icon,
.bg-menu-dev .menu-float .icon,
.bg-menu-dev .menu-float .fa,
.bg-menu-dev .menu-float .fab,
.bg-menu-dev .menu-float .fas,
.bg-menu-dev .menu-float .far {
    color: #593f62 !important;
}

.banner-bg-color-homolog header,
.banner-bg-color-homolog .btn-primary,
.banner-bg-color-homolog .bg-color-enviroment,
.banner-bg-color-homolog .mydp .btnpicker {
    background-color: #226f54 !important;
    border-color: #226f54 !important;
}

.banner-bg-color-homolog .env-color,
.envColorHomolog {
    color: #226f54 !important;
}

.banner-bg-color-homolog .c100.ative:after {
    box-shadow: 0px 0px 14px 7px #226f54 !important;
}

.banner-bg-color-homolog .pagination > .active > a,
.banner-bg-color-homolog .pagination > .active > a:focus,
.banner-bg-color-homolog .pagination > .active > a:hover,
.banner-bg-color-homolog .pagination > .active > span,
.banner-bg-color-homolog .pagination > .active > span:focus,
.banner-bg-color-homolog .pagination > .active > span:hover {
    background-color: #226f54 !important;
    border-color: #226f54;
    color: #fff;
}

.banner-bg-color-homolog .pagination > li > a,
.banner-bg-color-homolog .pagination > li > span {
    color: #226f54;
}

.production-banner.banner-bg-color-homolog {
    color: #226f54;
}

.bg-menu-homolog .box-large .glyphicon,
.bg-menu-homolog .box-large .md-icon,
.bg-menu-homolog .box-large .icon,
.bg-menu-homolog .box-large .fa,
.bg-menu-homolog .box-large .fab,
.bg-menu-homolog .box-large .fas,
.bg-menu-homolog .box-large .far {
    color: #226f54 !important;
}

.bg-menu-homolog .menu-float .btn-group .glyphicon,
.bg-menu-homolog .menu-float .btn-group .md-icon,
.bg-menu-homolog .menu-float .btn-group .icon,
.bg-menu-homolog .menu-float .btn-group .fa,
.bg-menu-homolog .menu-float .btn-group .fab,
.bg-menu-homolog .menu-float .btn-group .far,
.bg-menu-homolog .menu-float .btn-group .fas {
    color: #226f54 !important;
}

.bg-menu-homolog .menu-float .glyphicon,
.bg-menu-homolog .menu-float .md-icon,
.bg-menu-homolog .menu-float .icon,
.bg-menu-homolog .menu-float .fa,
.bg-menu-homolog .menu-float .fab,
.bg-menu-homolog .menu-float .fas,
.bg-menu-homolog .menu-float .far {
    color: #226f54 !important;
}

.banner-bg-color-training header,
.banner-bg-color-training .btn-primary,
.banner-bg-color-training .bg-color-enviroment,
.banner-bg-color-training .mydp .btnpicker {
    background-color: #f37922 !important;
    border-color: #f37922 !important;
}

.banner-bg-color-training .env-color,
.envColorTraining {
    color: #f37922 !important;
}

.banner-bg-color-training .c100.ative:after {
    box-shadow: 0px 0px 14px 7px #f37922 !important;
}

.banner-bg-color-training .pagination > .active > a,
.banner-bg-color-training .pagination > .active > a:focus,
.banner-bg-color-training .pagination > .active > a:hover,
.banner-bg-color-training .pagination > .active > span,
.banner-bg-color-training .pagination > .active > span:focus,
.banner-bg-color-training .pagination > .active > span:hover {
    background-color: #f37922 !important;
    border-color: #f37922;
    color: #fff;
}

.banner-bg-color-training .pagination > li > a,
.banner-bg-color-training .pagination > li > span {
    color: #f37922;
}

.production-banner.banner-bg-color-training {
    color: #f37922;
}

.bg-menu-training .box-large .glyphicon,
.bg-menu-training .box-large .md-icon,
.bg-menu-training .box-large .icon,
.bg-menu-training .box-large .fa,
.bg-menu-training .box-large .fab,
.bg-menu-training .box-large .fas,
.bg-menu-training .box-large .far {
    color: #f37922 !important;
}

.bg-menu-training .menu-float .btn-group .glyphicon,
.bg-menu-training .menu-float .btn-group .md-icon,
.bg-menu-training .menu-float .btn-group .icon,
.bg-menu-training .menu-float .btn-group .fa,
.bg-menu-training .menu-float .btn-group .fab,
.bg-menu-training .menu-float .btn-group .far,
.bg-menu-training .menu-float .btn-group .fas {
    color: #f37922 !important;
}

.bg-menu-training .menu-float .glyphicon,
.bg-menu-training .menu-float .md-icon,
.bg-menu-training .menu-float .icon,
.bg-menu-training .menu-float .fa,
.bg-menu-training .menu-float .fab,
.bg-menu-training .menu-float .fas,
.bg-menu-training .menu-float .far {
    color: #f37922 !important;
}

/* AUTOMATED TESTS */

.banner-bg-color-automatedtests header,
.banner-bg-color-automatedtests .btn-primary,
.banner-bg-color-automatedtests .bg-color-enviroment,
.banner-bg-color-automatedtests .mydp .btnpicker {
    background-color: #6a0000 !important;
    border-color: #6a0000 !important;
}

.banner-bg-color-automatedtests .env-color,
.envColorAutomatedTests {
    color: #6a0000 !important;
}

.banner-bg-color-automatedtests .c100.ative:after {
    box-shadow: 0px 0px 14px 7px #6a0000 !important;
}

.banner-bg-color-automatedtests .pagination > .active > a,
.banner-bg-color-automatedtests .pagination > .active > a:focus,
.banner-bg-color-automatedtests .pagination > .active > a:hover,
.banner-bg-color-automatedtests .pagination > .active > span,
.banner-bg-color-automatedtests .pagination > .active > span:focus,
.banner-bg-color-automatedtests .pagination > .active > span:hover {
    background-color: #6a0000 !important;
    border-color: #6a0000;
    color: #fff;
}

.banner-bg-color-automatedtests .pagination > li > a,
.banner-bg-color-automatedtests .pagination > li > span {
    color: #6a0000;
}

.production-banner.banner-bg-color-automatedtests {
    color: #6a0000;
}

.bg-menu-automatedtests .box-large .glyphicon,
.bg-menu-automatedtests .box-large .md-icon,
.bg-menu-automatedtests .box-large .icon,
.bg-menu-automatedtests .box-large .fa,
.bg-menu-automatedtests .box-large .fab,
.bg-menu-automatedtests .box-large .fas,
.bg-menu-automatedtests .box-large .far {
    color: #6a0000 !important;
}

.bg-menu-automatedtests .menu-float .btn-group .glyphicon,
.bg-menu-automatedtests .menu-float .btn-group .md-icon,
.bg-menu-automatedtests .menu-float .btn-group .icon,
.bg-menu-automatedtests .menu-float .btn-group .fa,
.bg-menu-automatedtests .menu-float .btn-group .fab,
.bg-menu-automatedtests .menu-float .btn-group .far,
.bg-menu-automatedtests .menu-float .btn-group .fas {
    color: #6a0000 !important;
}

.bg-menu-automatedtests .menu-float .glyphicon,
.bg-menu-automatedtests .menu-float .md-icon,
.bg-menu-automatedtests .menu-float .icon,
.bg-menu-automatedtests .menu-float .fa,
.bg-menu-automatedtests .menu-float .fab,
.bg-menu-automatedtests .menu-float .fas,
.bg-menu-automatedtests .menu-float .far {
    color: #6a0000 !important;
}

/* END AUTOMATED TESTS */

.banner-bg-color-live header,
.banner-bg-color-live .btn-primary,
.banner-bg-color-live .bg-color-enviroment,
.banner-bg-color-live .mydp .btnpicker {
    background-color: #174779 !important;
    border-color: #174779 !important;
}

.banner-bg-color-live .env-color,
.envColorLive {
    color: #174779 !important;
}

.banner-bg-color-live .c100.ative:after {
    box-shadow: 0px 0px 14px 7px #174779 !important;
}

.banner-bg-color-live .pagination > .active > a,
.banner-bg-color-live .pagination > .active > a:focus,
.banner-bg-color-live .pagination > .active > a:hover,
.banner-bg-color-live .pagination > .active > span,
.banner-bg-color-live .pagination > .active > span:focus,
.banner-bg-color-live .pagination > .active > span:hover {
    background-color: #174779 !important;
    border-color: #174779;
    color: #fff;
}

.banner-bg-color-live .pagination > li > a,
.banner-bg-color-live .pagination > li > span {
    color: #174779;
}

.production-banner.banner-bg-color-live {
    color: #174779;
}

.bg-menu-live .box-large .glyphicon,
.bg-menu-live .box-large .md-icon,
.bg-menu-live .box-large .icon,
.bg-menu-live .box-large .fa,
.bg-menu-live .box-large .fab,
.bg-menu-live .box-large .fas,
.bg-menu-live .box-large .far {
    color: #174779 !important;
}

.bg-menu-live .menu-float .btn-group .glyphicon,
.bg-menu-live .menu-float .btn-group .md-icon,
.bg-menu-live .menu-float .btn-group .icon,
.bg-menu-live .menu-float .btn-group .fa,
.bg-menu-live .menu-float .btn-group .fab,
.bg-menu-live .menu-float .btn-group .far,
.bg-menu-live .menu-float .btn-group .fas {
    color: #174779 !important;
}

.bg-menu-live .menu-float .glyphicon,
.bg-menu-live .menu-float .md-icon,
.bg-menu-live .menu-float .icon,
.bg-menu-live .menu-float .fa,
.bg-menu-live .menu-float .fab,
.bg-menu-live .menu-float .fas,
.bg-menu-live .menu-float .far {
    color: #174779 !important;
}

a .fa-question-circle {
    color: initial;
}

.nl-home .fa-bullhorn {
    color: #5bb3ce;
}

.nl-home .fa-check {
    color: #d9534f;
}

.nl-home .fa-star {
    color: #f79e2d;
}

.menu .menu-root .fa,
.menu .menu-root .fas,
.menu .menu-root .fa-kit,
.menu .menu-root .far {
    width: 30px;
}

ul.menu-root li > a > i.favorite {
    right: 9px !important;
}

.nl-notification-info {
    position: absolute;
    margin-top: 10px;
}

.superuser-local {
    position: fixed;
    left: 351px;
    top: 14px;
    z-index: 1000;
}

.superuser-local button {
    text-decoration: none !important;
    color: #fff !important;
}

.superuser-local.nl-homolog {
    color: #fff !important;
    top: 20px;
    left: 364px;
}

.fa-breadcrumber-fix {
    margin-right: 10px;
}

.help-option {
    background-color: #e9ecef;
    text-align: center;
    padding: 15px;
    display: block;
    text-decoration: none;
    color: inherit;
    height: 110px;
}

a.help-option,
a.help-option:hover,
a.help-option:active,
a.help-option:link {
    color: inherit;
    text-decoration: none;
    font-weight: inherit;
}

.help-text {
    display: block;
}

.help-option.first-option {
    margin-right: -10px;
}

.help-option.last-option {
    margin-left: -10px;
}

.help-option .fas,
.help-option .far {
    font-size: 30px;
    padding-bottom: 15px;
}

.help-option:hover {
    background-color: #a8aaad;
    cursor: pointer;
    color: #fff;
}

mat-tab-body {
    padding: 15px;
}

mat-tab-body .box-container {
    border: none;
}

/*ANIMATION*/

@keyframes bell {
    0% {
        transform: rotate(-12deg);
    }
    0.1641% {
        transform: rotate(12deg);
    }
    0.20513% {
        transform: rotate(24deg);
    }
    0.36923% {
        transform: rotate(-24deg);
    }
    0.41026% {
        transform: rotate(-24deg);
    }
    0.57436% {
        transform: rotate(24deg);
    }
    0.61538% {
        transform: rotate(24deg);
    }
    0.77949% {
        transform: rotate(-24deg);
    }
    0.82051% {
        transform: rotate(-24deg);
    }
    0.98462% {
        transform: rotate(24deg);
    }
    1.02564% {
        transform: rotate(24deg);
    }
    1.18974% {
        transform: rotate(-24deg);
    }
    1.23077% {
        transform: rotate(-24deg);
    }
    1.39487% {
        transform: rotate(24deg);
    }
    1.53846% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.fa-bell {
    animation: bell 121.875s ease infinite;
}

.box-dash-info {
    text-align: center;
    color: #666;
    padding: 7px;
}

.box-dash-info div:first-child {
    padding: 10px;
    font-size: 25px;
    font-weight: bold;
}

/* disable anchor style */

a.disabled {
    cursor: not-allowed;
    opacity: 0.65;
}

a.disabled:hover {
    text-decoration: none;
}

a.disabled:focus {
    text-decoration: none;
}

a.disabled:active {
    text-decoration: none;
}

section.content .iatec-loading {
    z-index: 9 !important;
}

@font-face {
    font-family: "mydatepicker";
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SAssAAAC8AAAAYGNtYXDMUczTAAABHAAAAGxnYXNwAAAAEAAAAYgAAAAIZ2x5ZmFQ1q4AAAGQAAABbGhlYWQGZuTFAAAC/AAAADZoaGVhB4IDyQAAAzQAAAAkaG10eBYAAnAAAANYAAAAIGxvY2EBdAE0AAADeAAAABJtYXhwABUAPgAAA4wAAAAgbmFtZQ5R9RkAAAOsAAABnnBvc3QAAwAAAAAFTAAAACAAAwOaAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmBwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAUAAAABAAEAADAAAAAQAg5gDmAuYF5gf//f//AAAAAAAg5gDmAuYF5gf//f//AAH/4xoEGgMaARoAAAMAAQAAAAAAAAAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAAMAEAAAAPAA4AABAAJAA4AEwAYAB0AIgAnACwAMQA2ADsAABMRMxEjFyE1IRUDITUhFQERMxEjJRUzNSMTFTM1IzMVMzUjMxUzNSMBFTM1IzMVMzUjMxUzNSMTFTM1I0Bzc0ADAP0AQAOA/IADDXNz/ZOAgCCAgMCAgMCAgP6AgIDAgIDAgIAggIADAP1AAsBzc3P9c3NzAwD9QALAgMDA/sCAgICAgID/AICAgICAgAJAwMAAAAAAAgBwADADkANQAAQACQAANwEnARcDATcBB+kCp3n9WXl5Aqd5/Vl5MAKnef1ZeQKn/Vl5Aqd5AAABAOAAAAMgA4AAAwAAAQMBJQMgA/3DASADgPyAAcPfAAEA4AAAAyADgAADAAA3EwEF4AMCPf7gAAOA/j3fAAAAAQAAAAEAAF0/BsNfDzz1AAsEAAAAAADRxFAkAAAAANHEUCQAAAAAA8ADgAAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADwAABAAAAAAAAAAAAAAAAAAAACAQAAAAAAAAAAAAAAAIAAAAEAABABAAAcAQAAOAEAADgAAAAAAAKABQAHgB6AJYApgC2AAAAAQAAAAgAPAAMAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAkAAAABAAAAAAACAAcAcgABAAAAAAADAAkAPAABAAAAAAAEAAkAhwABAAAAAAAFAAsAGwABAAAAAAAGAAkAVwABAAAAAAAKABoAogADAAEECQABABIACQADAAEECQACAA4AeQADAAEECQADABIARQADAAEECQAEABIAkAADAAEECQAFABYAJgADAAEECQAGABIAYAADAAEECQAKADQAvHZzZHBpY2tlcgB2AHMAZABwAGkAYwBrAGUAclZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMHZzZHBpY2tlcgB2AHMAZABwAGkAYwBrAGUAcnZzZHBpY2tlcgB2AHMAZABwAGkAYwBrAGUAclJlZ3VsYXIAUgBlAGcAdQBsAGEAcnZzZHBpY2tlcgB2AHMAZABwAGkAYwBrAGUAckZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=)
        format("truetype");
    font-weight: normal;
    font-style: normal;
}

.input-group input[angular-mydatepicker] ~ .input-group-addon {
    background-color: #323639;
    color: white;
}

.input-group input[angular-mydatepicker] ~ .input-group-addon .icon {
    font-family: "mydatepicker";
    font-weight: normal;
    font-style: normal;
}

.input-group input[angular-mydatepicker] ~ .input-group-addon .icon-calendar::before {
    content: "\e600";
}

/*Bootstrap XL*/
@media (min-width: 1200px) and (max-width: 1599px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl {
    display: none !important;
}

@media (min-width: 1600px) {
    .container {
        width: 1570px;
    }

    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12 {
        float: left;
    }

    .col-xl-12 {
        width: 100%;
    }

    .col-xl-11 {
        width: 91.66666667%;
    }

    .col-xl-10 {
        width: 83.33333333%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-8 {
        width: 66.66666667%;
    }

    .col-xl-7 {
        width: 58.33333333%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-5 {
        width: 41.66666667%;
    }

    .col-xl-4 {
        width: 33.33333333%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-2 {
        width: 16.66666667%;
    }

    .col-xl-1 {
        width: 8.33333333%;
    }

    .col-xl-pull-12 {
        right: 100%;
    }

    .col-xl-pull-11 {
        right: 91.66666667%;
    }

    .col-xl-pull-10 {
        right: 83.33333333%;
    }

    .col-xl-pull-9 {
        right: 75%;
    }

    .col-xl-pull-8 {
        right: 66.66666667%;
    }

    .col-xl-pull-7 {
        right: 58.33333333%;
    }

    .col-xl-pull-6 {
        right: 50%;
    }

    .col-xl-pull-5 {
        right: 41.66666667%;
    }

    .col-xl-pull-4 {
        right: 33.33333333%;
    }

    .col-xl-pull-3 {
        right: 25%;
    }

    .col-xl-pull-2 {
        right: 16.66666667%;
    }

    .col-xl-pull-1 {
        right: 8.33333333%;
    }

    .col-xl-pull-0 {
        right: auto;
    }

    .col-xl-push-12 {
        left: 100%;
    }

    .col-xl-push-11 {
        left: 91.66666667%;
    }

    .col-xl-push-10 {
        left: 83.33333333%;
    }

    .col-xl-push-9 {
        left: 75%;
    }

    .col-xl-push-8 {
        left: 66.66666667%;
    }

    .col-xl-push-7 {
        left: 58.33333333%;
    }

    .col-xl-push-6 {
        left: 50%;
    }

    .col-xl-push-5 {
        left: 41.66666667%;
    }

    .col-xl-push-4 {
        left: 33.33333333%;
    }

    .col-xl-push-3 {
        left: 25%;
    }

    .col-xl-push-2 {
        left: 16.66666667%;
    }

    .col-xl-push-1 {
        left: 8.33333333%;
    }

    .col-xl-push-0 {
        left: auto;
    }

    .col-xl-offset-12 {
        margin-left: 100%;
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xl-offset-9 {
        margin-left: 75%;
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xl-offset-6 {
        margin-left: 50%;
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xl-offset-3 {
        margin-left: 25%;
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xl-offset-0 {
        margin-left: 0;
    }

    .visible-xl {
        display: block !important;
    }

    table.visible-xl {
        display: table;
    }

    tr.visible-xl {
        display: table-row !important;
    }

    th.visible-xl,
    td.visible-xl {
        display: table-cell !important;
    }

    .visible-xl-block {
        display: block !important;
    }

    .visible-xl-inline {
        display: inline !important;
    }

    .visible-xl-inline-block {
        display: inline-block !important;
    }

    .hidden-xl {
        display: none !important;
    }
}