body {
    padding-top: 70px;
    padding-bottom: 20px;
    font-size: 18px !important;
    color:#2b2b2b !important;
}
p, label {
    font-size: 18px !important;
    color: #2b2b2b !important
}
.dxeBase_Moderno {
    font-size:18px !important;
    color:#2b2b2b !important;
}
.bg-carbon {
    background-color: rgb(40, 40, 40);
    background-image: linear-gradient(45deg, #3c3c3c 15%, transparent 15%, transparent 85%, #3c3c3c 85%, #3c3c3c), linear-gradient(45deg, #3c3c3c 15%, transparent 15%, transparent 85%, #3c3c3c 85%, #3c3c3c), linear-gradient(to bottom, rgb(8, 8, 8), rgb(32, 32, 32));
    background-size: 10px 10px, 10px 10px, 10px 5px;
    background-position: 0px 0px, 5px 5px, 0px 0px;
}
.emergency-checkers-blue {
    width: 100%;
    background-image: url(/content/img/blue-white-checkers.jpg) !important;
    background-repeat: repeat-x;
    position: fixed;
    background-size: 10px;
    z-index: 999;

}
.emergency-checkers-orange {
    width: 100%;
    background-image: url(/content/img/orange-white-checkers.jpg) !important;
    background-repeat: repeat-x;
    position: fixed;
    background-size: 10px;
    z-index: 999;

}
.emergency-checkers-red {
    width: 100%;
    background-image: url(/content/img/red-white-checkers.jpg) !important;
    background-repeat: repeat-x;
    position: fixed;
    background-size: 10px;
    z-index: 999;

}
.emergency-checkers-black {
    width: 100%;
    background-image: url(/content/img/black-white-checkers.jpg) !important;
    background-repeat: repeat-x;
    position: fixed;
    background-size: 10px;
    z-index: 999;
}
h1.accent-orange, h2.accent-orange, h3.accent-orange, h4.accent-orange, h5.accent-orange, h6.accent-orange {
    color:#ff6a00 !important;
}
.bg-header, .bg-header * {
    background-color:black;
    color:white !important;
}

.warning-box {
    border:1px solid red;
    border-radius:12px;
    padding:10px;
    background-color:#f6c8c8;
    color:red !important;
}
.dxeCaption_Office365 {
    font-weight: bold;
}
.bg-orange {
    background-color:#ff6a00 !important;
}
.accent-orange * {
    color:#ff6a00 !important;
}
.nav-item, .nav-link {
    color: white !important;
    text-transform: uppercase;
}
.nav-link.active {
    cursor:default !important;
    color:#ff9a0d !important;
}
.nav-item.dropdown-menu * {
    color:black !important;
}
.navbar-brand {
    margin-right:0px !important;
}
a.navbar-brand {
    float:right !important;
}
@media(max-width:767px){
    a.navbar-brand {
        float:left !important;
    }
    .navbar-toggler {
        float:right !important;
    }
}
#topheader {
    vertical-align:middle !important;
}
.separator {
    height:1px;
    border-bottom:1px solid silver;
}
.dropdown-menu {
    background-color:#3c3c3c !important;
    color:white !important;
    padding:10px  !important;
    border:1px solid black !important;
    min-width:14rem !important;
    border-radius:0px !important;
    text-transform:uppercase;
}
.dropdown-item {
    background-color: #3c3c3c !important;
    color: white;
    text-transform: uppercase;
    font-size:15px !important;
}
a.dropdown-item:hover * {
    color:#ff6a00 !important;
    background-color:#3c3c3c !important;
}
a.dropdown-item:hover {
    color:#ff6a00 !important;
    background-color:#3c3c3c !important;
}
@media (max-width: 767px) {
    .welcome-greeting, .welcome-greeting p {
        font-size:20px !important;
    }
    .top-menu {
        top: 6px;
        right: 52px;
        width: 100%;
    }
    #topheader {
        width:100% !important;
    }
    .top-menu>.navbar-nav>li {
        float: none!important;
    }
    #navbar-title {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .top-menu {
        margin-right: -15px;
    }
    .top-auth-menu {
        margin-left: auto;
    }
    #navbar-title {
        display: inline-block !important;
    }
}

.dx-bs5.bg-light {
    padding: 1rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem;
}

@media (min-width: 576px) {
    .dx-bs5.bg-light {
        padding: 2rem 1rem;
    }
}

.nav-pills  .nav-pills .show > .nav-link {
    color: #fff;
    /*border: 1px solid #ff6a00 !important;*/
    background-color:transparent !important;
}
.nav-link.active {
    color:silver !important;
    background-color:transparent !important;
}
a.portal-tile {
    color: black !important;
    text-decoration: none !important;
}
.portal-tile {
    /*background-color:#ff6a00;*/
}
.portal-tile-container-disabled, .portal-tile-container-disabled > * {
    background-color:silver;
    color:darkgray !important;
}
.portal-tile-container-disabled.portal-tile-body p {
    color:gray !important;
}
.portal-tile-container.disabled:hover {
    cursor:not-allowed;
}
.portal-tile-container {
    border: 2px solid #ff9c00;
    background-color: #ff6a00;
    min-height: 240px !important;
    max-height: 240px !important;
    -webkit-mask-image: linear-gradient(45deg,#000 25%,rgba(0,0,0,.7) 50%,#000 75%);
    mask-image: linear-gradient(45deg,#000 25%,rgba(0,0,0,.7) 50%,#000 75%);
    -webkit-mask-size: 800%;
    mask-size: 800%;
    -webkit-mask-position: 0;
    mask-position: 0;
}
.portal-tile-container-disabled a.portal-tile:hover {
    cursor: not-allowed !important;
    min-height: 240px !important;
    max-height: 240px !important;
}
.portal-tile-container:hover {
    /*border: 2px solid black;*/
    /*transform:scale(1.01);*/
    background-color: #ff9c00;
    transition: mask-position 1.6s ease,-webkit-mask-position 1.6s ease;
    -webkit-mask-position: 120%;
    mask-position: 120%;
    opacity: 1;
}
.portal-tile-body {
    font-size:24px;
    text-align:center;
    vertical-align:middle;
}
a.portal-tile:hover, a.portal-tile:focus, a.portal-tile:active {
    /*color:white !important;*/
}
a.portal-tile:hover:before {
    border:1px solid black !important;
}
.portal-tile-body i.fa {
    /*font-size:42px !important;*/
    color:white;
}
.portal-tile-body p {
    font-weight:bold;
    font-family: 'Arial Rounded MT', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:white;
    text-transform:uppercase;
}

a.btn-portal-primary {
    border: 1px solid #ee740c;
    background-color: #ff6a00;
    color: black;
    padding: 8px 20px 8px 20px;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 500;
}
a.btn-portal-primary:hover {
    border: 1px solid black;
    background-color: #000000;
    color: white;
}
a.btn-portal-dark {
    border: 1px solid black;
    background-color: black;
    color: white;
    padding: 8px 20px 8px 20px;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 500;
}

    a.btn-portal-dark:hover {
        border: 1px solid #ee740c;
        background-color: #ff6a00;
        color: black;
    }