@import 'pulse.css';
html, body, .wrapper
{
    font-size: 14px;
}
body {
    background-color: var(--background);
}

a.dropdown-item {
    color: rgba(0,0,0,.5);
}
a.dropdown-item:hover {
    color: rgba(0,0,0,.7);
}
.dropdown-item .fa,
.dropdown-item .far,
.dropdown-item .fas,
.dropdown-item .fab {
    margin-right: 5px;
}
.dropdown .nav-link:focus, .dropdown .nav-link:active {
    outline: 0 !important;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
    background-color: #f8f9fa;
}
.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*=navbar]) {
    background-color: rgb(255, 255, 255);
    border-bottom-color: rgb(222, 226, 230);
}
.brand-link {
    max-height: 3.5rem;
    background: white;
    background-color: rgb(255, 255, 255);
    border-bottom-color: rgb(222, 226, 230);
    display: inline-block;
}

.brand-link .brand-text-image, .brand-link .brand-image {
    border-radius: 2px;
    object-fit: contain;
    max-width: 120px;
}
.brand-link .brand-text-image {
    height: 2rem !important;
    max-height: 2rem;
}

body.sidebar-collapse .brand-link .brand-text-image,
body.sidebar-collapse .sidebar-user-block .info {
    visibility: none;
    display: none;
}

.brand-link .brand-image {
    height: 2.5rem; !important;
    max-height: 2.5rem;
    margin-top: -4px;
    margin-left: 5px;
}
.sidebar-user-block {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    height: 4rem;
    max-height: 4rem;
    border-bottom: rgb(194, 199, 208) 1px solid;
}
.sidebar-user-block .btn-link {
    margin-bottom: 0.4rem;
}

.sidebar-user-block .btn-link.dropdown-toggle::after {
    color: rgb(194, 199, 208);
}

.sidebar-user-block i {
    font-size: 3rem;
    color: #ffffff;
    opacity: .8;
    min-width: 3rem;
    margin: 0;
    padding: 0;
    text-align: center;
    margin-right: 10px;
}
.sidebar-user-block .info p {
    color: #ffffff;
    height: 36px;
    max-height: 36px;
    line-height: 36px;
    vertical-align: middle;
}
.sidebar-user-block .image, .sidebar-user-block .info {
    float: left;
    margin-top: -10px;
}
.main-footer {
    height: 1.8rem;
    padding: 0.5rem;
    line-height: .8rem;
    font-size: .8rem;
}

.content-header {
    padding: .5rem .5rem;
}

.btn.btn-app {
    border-radius: 0.5rem;
    max-height: 50px;
    padding: 7px 0px;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 1.3rem;
}

.toast-message {
    font-size: 1.1rem;
}

.btn-lg {
    font-size: 1rem!important;
}

.btn.btn-add {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
    box-shadow: none;
}
.btn.btn-add:hover, .btn.btn-add:active {
    background-color: #1e7e34;
    border-color: #1c7430;
}

.btn.btn-action {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
    box-shadow: none;
}
.btn.btn-action:hover, .btn.btn-action:active {
    background-color: #e0a800;
    border-color: #d39e00;
}

.btn.btn-delete {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    box-shadow: none;
}
.btn.btn-delete:hover, .btn.btn-delete:active {
    background-color: #bd2130;
    border-color: #b21f2d;
}

.btn.btn-other {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    box-shadow: none;
}
.btn.btn-other:hover, .btn.btn-other:active {
    background-color: #545b62;
    border-color: #4e555b;
}

.btn.btn-aa {
    color: #2b2929;
    background-color: #ffcc00;
    border-color: #ffcc00;
    box-shadow: none;
}
.btn.btn-aa:hover, .btn.btn-aa:active {
    background-color: #E6BD1A;
    border-color: #CCA300;
}

.btn.btn-navigation {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    box-shadow: none;
}
.btn.btn-navigation:hover, .btn.btn-navigation:active {
    background-color: #0062cc;
    border-color: #005cbf;
}

.inside-wrapper {
    padding-bottom: 1rem;
}

.nav-item.has-treeview .nav-link{
    /*color: #b6a771;*/
}
.nav-item.has-treeview .nav-treeview .nav-item a{
    padding-left: 24px;
}
.tooltip {
    font-size: 14px;
}

.btn.btn-larger-icon{
    padding-bottom: 0.15rem!important;
    padding-top: 0.15rem!important;
}
.btn.btn-larger-icon i{
    font-size: 1.3rem!important;
}
.dropdown-item.button.disabled {
    text-decoration: line-through;
}

.info-box-icon {
    min-width: 70px;
}

.info-box {
    overflow: hidden;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

.nice-checked {
    width: 100%;
    text-align: center;
}

.stars {
    font-family: 'FontAwesome';
}

@keyframes fa-pulse {
     0% { opacity: 1; }
     20% { opacity: 0.75; }
     40% { opacity: 0.5; }
     60% { opacity: 0.25; }
     80% { opacity: 0.5; }
     100% { opacity: 0.75; }
 }
.fa-pulse {
    -webkit-animation: fa-pulse 3s linear infinite;
    -moz-animation: fa-pulse 3s linear infinite;
    -ms-animation: fa-pulse 3s linear infinite;
    -o-animation: fa-pulse 3s linear infinite;
    animation: fa-pulse 3s linear infinite;
}
.colour-left {
    border-left: 3px solid;
}

.small-box .icon > i.fa,
.small-box .icon > i.fa,
.small-box .icon > i.fas,
.small-box .icon > i.far,
.small-box .icon > i.fab,
.small-box .icon > i.fad {
    font-size: 60px;
    top: 15px;
}
.small-box:hover .icon > i.fa,
.small-box:hover .icon > i.fa,
.small-box:hover .icon > i.fas,
.small-box:hover .icon > i.far,
.small-box:hover .icon > i.fab,
.small-box:hover .icon > i.fad {
    text-decoration: none;
    font-size: 70px;
    top: 10px;
}

.home-show-plates {
    min-height: 120px;
}

.home-show-plates .plates {
    max-height: 600px;
    overflow-y: scroll;
    overflow-x: hidden;
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background:#999 !important;
    border: 1px solid silver;
}

@font-face {
      font-family: 'uknumberplate';
      src: url('/font/UKNumberPlate.ttf');
}
.btn-licence {
    background-color: #F6C11B;
    width: 80%;
    max-width: 130px;
    min-width: 100px;
    border: 1px solid black;
    text-transform: uppercase;
    font-family: uknumberplate, "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 20px;
    padding-bottom: 2px;
    padding-top: 2px;
    transition: transform .2s; /* Animation */
}

.btn-licence:hover {
    transform: scale(1.1);
}

#licenceplates .card-body {
    height: 600px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.small-box .inner h5,
.small-box .inner p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 4!important;
}

.small-box .inner:hover{
    cursor: pointer;
}

.small-box .icon,
.small-box .icon:hover {
    z-index: 2!important;
}
.small-box .icon i{
    z-index: 3!important;
}

i {
    margin-right:
}

.opacity-0 {
    opacity: 0;
}

.opacity-25 {
    opacity: 0.25;
}

.opacity-40 {
    opacity: 0.4;
}
.opacity-50 {
    opacity: 0.5;
}

.opacity-100 {
    opacity: 1;
}

.alert-orange {
    color: #000;
    background: #fd7e14!important;
    border-color: #fd7e14!important;
}
.alert-teal {
    color: #000;
    background: #20c997!important;
    border-color: #20c997!important;
}

.border-teal {
    border-color: #20c997!important;
}
.border-lightblue {
    border-color: #3c8dbc!important;
}

.text-aaYellow {
    color: var(--aaYellow);
}
.text-aaBlack {
    color: var(--aaBlack);
}
.text-aaWhite {
    color: var(--aaWhite);
}
.text-aaYellowLight {
    color: var(--aaYellowLight);
}
.text-aaBlackLight {
    color: var(--aaBlackLight);
}
.text-aaRuby {
    color: var(--aaRuby);
}
.text-aaAqua {
    color: var(--aaAqua);
}
.text-aaBlackHover {
    color: var(--aaBlackHover);
}
.text-aaRubyLight {
    color: var(--aaRubyLight);
}
.text-aaAquaLight {
    color: var(--aaAquaLight);
}


.text-olive {
    color: #3d9970;
    align-items:
}

.bg-lightblue {
    color: #fff;
    background: #3c8dbc!important;
    border-color: #3c8dbc!important;
}

.bg-list-standout {
    color: #000;
    background: #b4c8dc!important;
    border-color: #b4c8dc!important;
}

.ui-autocomplete {
    overflow: auto;
    max-width: height: 250px;
}

.border-1 {
    border-width: 1px!important;
}
.border-2 {
    border-width: 2px!important;
}
.border-3 {
    border-width: 3px!important;
}
.border-4 {
    border-width: 4px!important;
}
.border-5 {
    border-width: 5px!important;
}

.nav-tabs a.nav-link.active {
    /*background-color: #fff!important;*/
    /*text-decoration: underline;*/
    font-weight: bold;
}

.nav-tabs a.nav-link:hover {
    /*background-color: #fff!important;*/
    /*text-decoration: underline;*/
}

.border-purple {
    border-color: #6f42c1!important;
}
.border-orange {
    border-color: #fd7e14!important;
}
.border-maroon {
    border-color: #d81b60!important;
}

.nav-tabs .fa-lg {
    font-size: 1.5em;
    line-height: .1em;
    vertical-align: -.25em;
    margin-right: 0.5em;
}
.nav-tabs a.nav-link {
    color: #000!important;
}

.form-group.type-date {
    max-width: 200px;
}

.input-with-selector textarea {
    resize: none;
}

.btn.btn-block {
    transition: background 1s ease;
}

.collapsing {
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

.w-25p {
    min-width: 25px;
    max-width: 25px;
    width: 25px;
    white-space: break-spaces;
}
.w-30p {
    min-width: 30px;
    max-width: 30px;
    width: 30px;
    white-space: break-spaces;
}
.w-50p {
    min-width: 50px;
    max-width: 50px;
    width: 50px;
    white-space: break-spaces;
}
.w-75p {
    min-width: 75px;
    max-width: 75px;
    width: 75px;
    white-space: break-spaces;
}
.w-100p {
    min-width: 100px;
    max-width: 100px;
    width: 100px;
    white-space: break-spaces;
}
.w-125p {
    min-width: 125px;
    max-width: 125px;
    width: 125px;
    white-space: break-spaces;
}
.w-150p {
    min-width: 150px;
    max-width: 150px;
    width: 150px;
    white-space: break-spaces;
}
.w-175p {
    min-width: 175px;
    max-width: 175px;
    width: 175px;
    white-space: break-spaces;
}
.w-200p {
    min-width: 200px;
    max-width: 200px;
    width: 200px;
    white-space: break-spaces;
}

.w-20 {
    min-width: 20%;
    max-width: 20%;
    width: 20%;
}
.w-33 {
    min-width: 33%;
    max-width: 33%;
    width: 33%;
}
.w-40 {
    min-width: 40%;
    max-width: 40%;
    width: 40%;
}
.w-60 {
    min-width: 60%;
    max-width: 60%;
    width: 60%;
}

.bg-danger-pale {
    background: #E6717C;
    color: #fff;
}
.bg-success-pale {
    background: #52D571;
    color: #000;
}

[class*=icheck-]>input:first-child+label::before {
    background-color: #fff;
}

.fa-1-5x {
    font-size:1.5em
}

.content-wrapper {
    background-color: var(--background);
}

.btn-aaaqua{
    color: var(--aaWhite);
    background-color: var(--aaAqua);
    border-color: var(--aaAqua);
    box-shadow: none;
}

.table.table-unity.level-1 thead,
.card.card-unity.level-1 > .card-header{
    background-color: var(--aaYellow);
    color: var(--aaBlack);
}
.card.card-unity.level-1 > .card-body{
    /*background-color: var(--aaYellowLight);*/
    color: var(--aaBlack);
}

.table.table-unity.level-2 thead,
.card.card-unity.level-2 > .card-header{
    background-color: var(--aaBlack);
    color: var(--aaWhite);

}
.card.card-unity.level-2 > .card-body{
    background-color: var(--aaYellowLight);
    color: var(--aaBlack);
    box-shadow: 0 0 1px var(--aaAqua),0 1px 3px var(--aaAqua);
}

.table.table-unity.level-3 thead,
.card.card-unity.level-3 > .card-header{
    background-color: var(--aaBlack);
    color: var(--aaWhite);
    box-shadow: 0 0 1px var(--aaBlack), 1px 0 3px var(--aaBlack);
}
.card.card-unity.level-3 > .card-body{
    background-color: var(--aaYellowLight);
    color: var(--aaBlack);
    box-shadow: 0 0 1px var(--aaRuby), 1px 1px 3px var(--aaRuby);
}

.table.table-unity.level-4 thead,
.card.card-unity.level-4 > .card-header{
    background-color: var(--aaYellowLight);
    color: var(--aaBlack);
}

.card.card-unity.level-4 > .card-body{
    background-color: var(--aaYellowLight);
    color: var(--aaBlack);
    border-color: var(--aaRuby);
    box-shadow: 0 0 1px var(--aaAqua),0 1px 3px var(--aaAqua);
}

.table.table-unity.level-5 thead,
.card.card-unity.level-5 > .card-header{
    background-color: var(--aaYellowLight);
    color: var(--aaBlack);
    box-shadow: 0 0 1px var(--aaRuby), 1px 1px 3px var(--aaRuby);
}

.card.card-unity.level-5 > .card-body{
    background-color: var(--aaYellowLight);
    color: var(--aaBlack);
    border-color: var(--aaRuby);
    box-shadow: 0 0 1px var(--aaRuby),0 1px 3px var(--aaRuby);
}

.btn-bg-gradient-aa-black{
    color: var(--aaYellow);
    background-color: var(--aaBlack);
/*     background-image: linear-gradient(var(--aaBlack), var(--aaBlackLight)); */
    border: 1px solid var(--aaAqua);
}
.btn-default-style {
    height: 36px;
    border-radius: 18px;
}

.btn-xs.btn-default-style {
    height: 24px !important;
    border-radius: 12px !important;
}

.btn-bg-gradient-aa-black:hover{
    color: var(--aaBlack);
    background-color: var(--aaYellow);
/*     background-image: linear-gradient(var(--aaYellow), var(--aaYellowLight)); */
    border: 1px solid var(--aaBlack);
}
.btn.bg-gradient-aa-black{

}

.btn{
    text-transform: capitalize !important;
}