.bootstrap-select .no-results {
    padding: 3px;
    background: var(--cadlightprimary) !important;
    color: var(--cadfontcolor) !important;
    margin: 0 5px;
    white-space: nowrap;
}

.float {
    overflow: hidden;
    transform: translatey(0px);
    animation: float 5.5s ease-in-out infinite;
    transition: all .5s ease;
}

@keyframes float {
    0% {
        transform: translatey(0px);
    }

    50% {
        transform: translatey(-10px);
    }

    100% {
        transform: translatey(0px);
    }
}

.float2 {
    overflow: hidden;
    transform: translatey(0px);
    animation: float2 6s ease-in-out infinite;
    transition: all .5s ease;
}

@keyframes float2 {
    0% {
        transform: translatey(0px);
    }

    50% {
        transform: translatey(-10px);
    }

    100% {
        transform: translatey(0px);
    }
}

.float3 {
    overflow: hidden;
    transform: translatey(0px);
    animation: float3 6.5s ease-in-out infinite;
    transition: all .5s ease;
}

@keyframes float3 {
    0% {
        transform: translatey(0px);
    }

    50% {
        transform: translatey(-10px);
    }

    100% {
        transform: translatey(0px);
    }
}

.float4 {
    overflow: hidden;
    transform: translatey(0px);
    animation: float4 7s ease-in-out infinite;
    transition: all .5s ease;
}

@keyframes float4 {
    0% {
        transform: translatey(0px);
    }

    50% {
        transform: translatey(-10px);
    }

    100% {
        transform: translatey(0px);
    }
}

@keyframes appear {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

body {
    background-color: var(--caddarkprimary);
    overflow: scroll;
    overflow-x: hidden;
    /* height: 100%; */
}

a {
    color: var(--cadfont);
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:hover {
    color: var(--cadyddy);
    text-decoration: none;
}

::-webkit-scrollbar {
    width: 0;
    background: transparent;
}

.margin-1 {
    margin-top: 1%;
}

.row-padding {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    padding: 1%;
}

.row-nopadding {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sq-btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    /* border-radius: .25rem; */
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin: 0.5%;
}

.sq-btn:disabled {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    /* border-radius: .25rem; */
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin: 0.5%;
    color: var(--cadfontdarkcolor);
    background-color: var(--cadprimary);
}

.sq-btn-border {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid var(--cadwarning);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    /* border-radius: .25rem; */
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin: 0.5%;
    background-color: var(--cadprimary);
    color: var(--cadfontdarkcolor);
}

.sq-btn-border:focus,
.sq-btn-border:hover,
.sq-btn-border:active {
    color: var(--cadbasicwhite);
}

.btn-secondary {
    color: var(--cadbasicwhite);
    background-color: var(--cadverylightprimary);
    border-color: transparent;
}

.btn-secondary.focus,
.btn-secondary:focus {
    box-shadow: 0 0 0 0.2rem transparent;
}

.btn-secondary:hover {
    color: var(--cadbasicwhite);
    background-color: var(--cadverylightprimary);
    border-color: transparent;
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: var(--cadbasicwhite);
    background-color: var(--cadverylightprimary);
    border-color: transparent;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem transparent;
}

.hleft,
hleft {
    margin-bottom: 1.5%;
    margin-top: 1.5%;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: var(--cadfontcolor);
    display: block;
    font-size: 2rem;
}

.hleft-m,
hleft-m {
    font-family: inherit;
    font-weight: 400;
    line-height: 1.2;
    color: var(--cadfontcolor);
    display: block;
    font-size: 1.3rem;
}

.login-h,
login-h {
    font-family: inherit;
    font-weight: 400;
    line-height: 1.2;
    color: var(--cadfontcolor);
    display: block;
    font-size: 1.3rem;
    text-align: center;
    margin-bottom: 3%;
}

.form-control-sq-black {
    display: block;
    width: 100%;
    /* margin-top: 1%; */
    margin-bottom: 5;
    /* height: calc(2.25rem + 2px); */
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--cadfontcolor);
    background-color: var(--caddarkprimary);
    background-clip: padding-box;
    border: 0 solid var(--caddarkprimary);
    border-radius: 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control-sq-login {
    display: block;
    width: 100%;
    margin-bottom: 1%;
    margin: 0.5%;
    margin-top: 1%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--cadbasicwhite);
    background-color: var(--caddarkprimary);
    background-clip: padding-box;
    border: 1px solid var(--caddarkprimary);
    /* border-radius: .25rem; */
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

:focus {
    outline: none;
}

.form-control-sq-notepad {
    display: block;
    width: 100%;
    margin-bottom: 1%;
    margin-top: 1%;
    height: 80vh;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--cadbasicwhite);
    background-color: var(--caddarkprimary);
    background-clip: padding-box;
    border: 1px solid var(--caddarkprimary);
    /* border-radius: .25rem; */
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    resize: none;
}

.btn-toggle-color-modes:not(:disabled):not(.disabled).active,
.btn-toggle-color-modes:not(:disabled):not(.disabled):active,
.show>.btn-toggle-color-modes.dropdown-toggle {
    color: var(--cadbasicwhite);
    background-color: var(--cadprimary);
}

.btn-toggle-color-modes {
    color: var(--cadprimary);
    background-color: var(--cadfontcolor);
}

.btn-toggle-color-modes:hover {
    color: var(--cadbasicwhite);
    background-color: var(--cadprimary);
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.ver {
    font-size: 12px;
    color: var(--cadbasicwhite);
    margin-bottom: 2%;
    font-weight: bold;
    /*text-align: center;*/
}

.login-body {
    padding: 3%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.danger-notification {
    background-color: var(--caddanger);
    text-align: center;
    padding: 0.8%;
    color: var(--cadbasicwhite);
    font-size: 1rem;
    font-weight: 600;
}

.warning-notification {
    background-color: var(--cadwarning);
    text-align: center;
    padding: 0.8%;
    color: var(--cadbasicwhite);
    font-size: 1rem;
    font-weight: 600;
}

.info-notification {
    background-color: var(--cadinfo);
    text-align: center;
    padding: 0.8%;
    color: var(--cadbasicwhite);
    font-size: 1rem;
    font-weight: 600;
}

.right {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    /* background-color: #fff; */
    background-clip: border-box;
    height: 100%;
    /* border-radius: .25rem; */
}

.calls {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    /* background-color: #ddd; */
    background-clip: border-box;
    border: 2px solid var(--cadlightprimary);
    /* border-radius: .25rem; */
    color: var(--cadfontcolor);
}

.hright,
hright {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
    display: block;
    font-size: 1.5rem;
}

.departmentimage {
    text-align: left;
    margin-top: 3%;
    margin-bottom: 4%;
}

.departmentimage img {
    height: 100px;
}

.btn-bottom-primary {
    color: var(--cadprimary);
    background-color: var(--cadyddy);
    border-color: var(--cadyddy);
}

.btn-bottom-primary.focus,
.btn-bottom-primary:focus,
.btn-bottom-primary:hover {
    outline: 0;
    box-shadow: 0 0 0 0.2rem #fac20060;
}

.btn-bottom {
    color: var(--cadprimary);
    background-color: var(--cadfontcolor);
    border-color: var(--cadfontcolor);
}

.btn-bottom.focus,
.btn-bottom:focus,
.btn-bottom:hover {
    outline: 0;
    box-shadow: 0 0 0 0.2rem #dddddd60;
}

.table td,
.table th {
    padding: .75rem;
    color: var(--cadbasicwhite);
    vertical-align: top;
    border: 1px solid transparent;
}

.left-cad-icon {
    color: var(--cadprimary);
    position: absolute;
    top: -10px;
    right: 15px;
}

button:focus {
    outline: 1px solid transparent;
}

select:focus {
    outline: 1px solid transparent;
}

.login-news {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    /* background-color: #ddd; */
    background-clip: border-box;
    border: 2px solid var(--cadverylightprimary);
    /* border-radius: .25rem; */
    color: var(--cadfontcolor);
    margin: 4px;
    max-height: 60vh;
    overflow: scroll;
}

ul {
    list-style-type: decimal-leading-zero;
}


/* LOADING ANIMATION */

.loadanimation {
    width: 70px;
    text-align: center;
    margin: 3%;
}

.loadanimation>div {
    width: 10px;
    height: 20px;
    background-color: var(--cadfontcolor);
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.loadanimation .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loadanimation .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

.ncicname {
    border: 1px dashed var(--caddarkprimary);
    padding: 1%;
}

.ncicnameheader {
    text-align: center;
    font-weight: bold;
    background: var(--caddarkprimary);
    color: var(--cadbasicwhite);
}

.ncicnamemain {
    text-transform: capitalize;
}

.ncicrow {
    padding: 1%;
}

.ncicnamemainheader {
    text-align: left;
    font-weight: 500;
    margin-top: 1%;
}

.ncicnameresponse {
    font-weight: 600;
    text-decoration: overline;
    color: var(--cadbasicwhite);
}

.ncicnameadditionalresponse {
    font-weight: 600;
    color: var(--cadbasicwhite);
}


/* NEW DB */

.app {
    margin: 2.5vh;
}

.header {
    background-color: var(--cadprimary);
    color: var(--cadfontcolor);
    align-items: center;
}

.center {
    align-items: center;
}

.padding {
    padding: 1%;
}

.workspace {
    background-color: var(--cadsemiprimary);
    overflow: hidden;
    min-height: 81vh;
    padding: 1vh;
    position: relative;
}

.dbversion {
    font-size: 0.85rem;
    background: var(--cadprimary);
    color: var(--cadfontdarkcolor);
    padding: 0.8rem;
}

.blocktitle {
    font-weight: bold;
    font-size: 1.8rem;
    color: var(--cadlightprimary);
}

.card-heroes {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--cadprimary);
    background-clip: border-box;
    color: var(--cadfontcolor);
    margin: 2%;
}

.heroname {
    font-weight: bold;
    font-size: 1.1rem;
    color: var(--cadfontcolor);
}

.addhero {
    font-weight: bold;
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: var(--cadprimary);
    color: var(--cadfontcolor);
    background-clip: padding-box;
    outline: 0;
    border: 0px solid rgba(0, 0, 0, .2);
    border-radius: 0;
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 0px solid #e9ecef;
}

.dropdown-menu-datepicker {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    font-size: 1rem;
    color: var(--cadfontcolor);
    text-align: left;
    list-style: none;
    background-color: var(--caddarkprimary);
    background-clip: padding-box;
    border: 1px solid var(--cadprimary);
}

.prev,
.next {
    cursor: pointer;
    text-align: center;
    color: var(--cadlightprimary);
}

.day,
.datepicker-months .month,
.datepicker-years .year {
    cursor: pointer;
    text-align: center;
}

.datepicker-months,
.datepicker-years {
    padding-left: 1%;
}

.datepicker-days th,
.datepicker-days td,
.datepicker-years .year,
.datepicker-months .month {
    padding: 0.3rem;
    font-weight: bold;
    color: var(--cadfontcolor);
}

.datepicker-switch {
    text-align: center;
    color: var(--cadlightprimary);
}

.form-control-sq-black-selectpicker {
    display: block;
    width: 100%;
    /* margin-top: 1%; */
    margin-bottom: 5;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--cadfontcolor);
    background-color: var(--caddarkprimary);
    background-clip: padding-box;
    border: 0 solid var(--caddarkprimary);
    border-radius: 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.miniheader {
    background: var(--caddarkprimary);
    display: block;
    width: 100%;
    margin-bottom: 1%;
    margin-top: 1%;
    height: calc(2.25rem + 2px);
    padding: .462rem;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--cadfontcolor);
}

.herostatus {
    position: absolute;
    padding: 0.8vh;
    color: var(--cadfontcolor);
}

.cardamount {
    font-size: 0.9rem;
}

.heronotes {
    color: var(--cadverylightprimary);
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    text-transform: none;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    text-transform: none;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    text-transform: none;
}

textarea {
    resize: none;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.statusbtn {
    background-color: var(--cadlightprimary);
    margin: 1%;
    color: var(--cadfontcolor);
}

.calltype {
    font-weight: bold;
    font-size: 1.1rem;
    color: var(--cadfontcolor);
}

.card-calls {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--cadprimary);
    background-clip: border-box;
    color: var(--cadfontcolor);
    margin: 2%;
}

.card-callcomments {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--cadsemiprimary);
    background-clip: border-box;
    color: var(--cadfontcolor);
    margin: 2%;
}

hr {
    background-color: var(--cadlightprimary);
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: none;
}

.btn:hover {
    color: var(--cadfontcolor);
    text-decoration: none;
}

.form-control-sq-black-selectpicker-centered-small {
    width: 100%;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--cadfontcolor);
    background-color: var(--cadprimary);
    background-clip: padding-box;
    border: 0px solid var(--cadprimary);
    border-radius: 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    text-align-last: center;
}

.callstatusicon {
    display: block;
    padding: 5%;
    font-size: 1.5rem;
    text-align: center;
    color: var(--cadfontcolor);
    cursor: pointer;
    margin-bottom: 0.5rem;
}

.alertedcallcolor {
    color: var(--caddanger);
}

.alertedcallplaceholder {
    min-width: 100%;
    color: var(--cadfontdarkcolor);
    padding: 10px;
    text-align: center;
    background-color: var(--caddanger);
}

.callunit {
    padding: 2%;
    margin-right: 2%;
    margin-bottom: 2%;
    background-color: var(--cadinfo);
    text-align: center;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: transparent;
}

a:hover {
    color: var(--cadfontdarkcolor);
    text-decoration: none;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: var(--cadbasicwhite);
    background-color: var(--cadlightprimary);
    border-color: var(--cadlightprimary);
}

.nav-tabs {
    border-bottom: 1px solid var(--cadlightprimary);
}

.dropdown-toggle {
    background-color: var(--cadwarning);
    color: var(--cadprimary);
}

.dropdown-toggle:hover {
    color: var(--cadfontcolor);
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: var(--cadfontcolor);
    text-align: left;
    list-style: none;
    background-color: var(--cadlightprimary);
    background-clip: padding-box;
    border: 1px solid var(--cadlightprimary);
    border-radius: 0rem;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: var(--cadfontcolor);
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-item:active {
    color: var(--cadfontcolor);
    text-decoration: none;
    background-color: var(--cadprimary);
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: var(--cadfontcolor);
    text-decoration: none;
    background-color: var(--cadprimary);
}

.dropdown-item.active,
.dropdown-item:active {
    color: var(--cadfontcolor);
    text-decoration: none;
    background-color: var(--cadprimary);
}

.dot {
    background: var(--caddanger);
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    line-height: 1.4em;
    margin-right: 5px;
    text-align: center;
    width: 1.8em;
}

.accordion {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 0px;
    border-radius: 0rem;
    border-bottom: 1px solid var(--cadlightprimary);
    background-color: var(--cadprimary);
}

.btn-ac-link {
    font-weight: 400;
    color: var(--cadfontcolor);
    background-color: transparent;
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

.bs-searchbox input {
    color: var(--cadfontdarkcolor);
    border-radius: 0px;
    border-color: var(--cadfontcolor);
    background-color: var(--cadlightprimary);
    border: 1px solid var(--cadfontcolor);
}

.bs-searchbox input:focus {
    color: var(--cadfontcolor);
    border-color: var(--cadfontcolor);
    background-color: var(--cadlightprimary);
    outline: 0;
    box-shadow: none;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: var(--cadfontcolor);
    background-color: var(--caddarkprimary);
    border: 0px solid var(--caddarkprimary);
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: var(--cadfontcolor);
    background-color: var(--caddarkprimary);
    border: 0px solid var(--caddarkprimary);
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*=col-] {
    float: none;
    display: block;
    margin-left: 0;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: none !important;
    outline-offset: -2px;
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: none;
}

.dropdown-toggle {
    color: var(--cadfontcolor);
    background-color: var(--caddarkprimary);
    border: 0px solid var(--caddarkprimary);
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show>.btn-light.dropdown-toggle {
    color: var(--cadfontcolor);
    background-color: var(--caddarkprimary);
    border: 0px solid var(--caddarkprimary);
    border-color: none;
}

.btn-light:hover {
    color: var(--cadfontcolor);
    background-color: var(--caddarkprimary);
    border: 0px solid var(--caddarkprimary);
    border-color: none;
}

.editable_911:disabled {
    color: var(--cadverylightprimary);
}

.grayscalehover {
    filter: grayscale(1);
}

.grayscalehover:hover {
    filter: grayscale(0);
}

.clickable {
    cursor: pointer;
}

.ncicheronotification {
    position: relative;
    padding: 1%;
    margin-bottom: 2%;
}

.uppercasetext {
    text-transform: uppercase;
}

.boloplaceholder {
    min-width: 100%;
    color: var(--cadfontdarkcolor);
    padding: 10px;
    text-align: center;
}

.marquee.fake {
    overflow: hidden;
    position: relative;
}


/* The sliding span */

.marquee.fake span {
    white-space: nowrap;
    display: inline-block;
    position: relative;
    -moz-animation-name: marquee;
    -webkit-animation-name: marquee;
    /* Set the duration, s = seconds */
    -moz-animation-duration: 60s;
    -webkit-animation-duration: 60s;
    /* How many times the animation to repeat */
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    /* Several options available, use linear for this example */
    -moz-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
}


/* Stop the marquee on :hover */

.marquee.fake:hover span {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
}

@-webkit-keyframes marquee {
    0% {
        left: 100%;
    }

    100% {
        left: 0;
        transform: translateX(-100%);
    }
}

@-moz-keyframes marquee {
    0% {
        left: 100%;
    }

    100% {
        left: 0;
        transform: translateX(-100%);
    }
}

.boloheader {
    padding: 10px;
    text-align: center;
    color: var(--cadfontdarkcolor);
    background-color: var(--cadlightprimary);
}


/*.boloplaceholder span {
    width: 90%;
    white-space: nowrap;
    text-overflow: ellipsis;
  }*/

.badge-secondary {
    color: var(--caddarkprimary);
    background-color: var(--cadfontdarkcolor);
}

.storypointsbadgelitdiv {
    background: var(--cadstorypoints);
    color: var(--caddarkprimary);
    padding-right: 4pt;
    padding-top: 1pt;
    padding-bottom: 1pt;
    padding-left: 4pt;
    border-radius: 3pt;
    margin: 3pt;
    box-shadow: 0px 0px 10px 0px var(--cadstorypoints);
    display: inline;
}

.leaflet-control-layers-toggle,
.leaflet-control-layers-expanded,
.leaflet-control-layers {
    background-color: var(--cadlightprimary)!important;
    border: 1px solid var(--caddarkprimary);
    color: var(--cadfontcolor);
}

.leaflet-control-layers-list {
    color: var(--cadfontcolor);
}