:root{
    /********* primary color  *********/
    --color-primary: #f7822f;
    --color-primary-50: #f7822f50;
    /**** end  primary color  *********/
    --generic-header-background-color: #8a8a8a;
    --generic-body-background-color: #8a8a8a80;
    --vertical-divider-color: #00000050;
    --vertical-divider-margin: 4px;
}
.btn-primary:disabled,
.page-item.active .page-link{
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}
.form-widget{
    max-width: 350px;
}

#ExtraVehicle_name,
#ExtraVehicle_depAbbreviation{
    text-transform:uppercase;
}
.cad-message-table-time,
.call-log-table-time{
    font-weight: 700;
    padding-right: 10px;
    min-width: 100px;
    width: 15%;
}
.call-log-logs dt{
    width: 100%;
}
.call-log-table{
    width: 100%;
}
.cad-message-table tr:nth-child(even),
.call-log-table tr:nth-child(even) {
    background: #CCC
}
.cad-message-table tr:nth-child(odd),
.call-log-table tr:nth-child(odd) {
    background: #FFF
}
.hidden {
    display: none !important;
}
.span-beta{
    background-color:red;
    border-radius:5px;
    color:white;
    padding: 0 3px;
    margin-left: 4px;
    font-size: x-small;
    display: inline;
}

.navbar-custom-menu{
    display: flex;
}

.add-global-call{
    margin-right: 15px;
}
.check-task-name{
    padding-right: 30px !important;
}
.cropButton {
    cursor: pointer;
}
.ea-vich-image img{
    width: 200px !important;
    height: 200px !important;
    object-fit: none;
}
.container
{
    position: absolute;
    top: 10%;
    left: 10%;
    right: 0;
    bottom: 0;
}
.cropped > img
{
    margin-right: 10px;
}
.imageBox
{
    position: relative;
    height: 300px;
    width: 300px;
    border: 1px solid #aaa;
    background: #fff;
    overflow: hidden;
    background-repeat: no-repeat;
    cursor: move;
    border-radius: 50px;
}
.imageBox .thumbBox
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    box-sizing: border-box;
    border: 1px solid rgb(102, 102, 102);
    box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
    background: none repeat scroll 0% 0% transparent;
}

.ea-lightbox {
    width: 500px;
}

.borrowed-vehicle {
    font-style: italic;
    font-size: smaller;
    font-weight: bolder;
    opacity: 0.6;
}
.cursor-na{
    cursor: not-allowed !important;
}
/************ duplicado de command.css ************/
.pointer {
    cursor: pointer !important;
}
.pe-none{
    pointer-events: none !important;
}
.drap-not-allowed {
    cursor: not-allowed;
    opacity: 0.25;
}

.absolute-draggable {
    position: absolute !important;
    border-radius: 5px !important;
    z-index: 9000;
}

.fireide-spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    height: var(--spinner-size);
    width: var(--spinner-size);
    margin: 0px auto;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 6px solid rgba(0, 174, 239, .15);
    border-right: 6px solid rgba(0, 174, 239, .15);
    border-bottom: 6px solid rgba(0, 174, 239, .15);
    border-top: 6px solid rgba(0, 174, 239, .8);
    border-radius: 100%;
}
/******** end duplicado de command.css ************/


.content-panel-body-as-flex .content-panel-body {
    display: flex;
}

.generic-header-background-color {
    background-color: var(--generic-header-background-color);
}

.generic-body-background-color {
    background-color: var(--generic-body-background-color);
}

#neighbour-station-section {
    width: 580px;
    position: relative;
}

.neighbour-form-station-section {
    width: 145px;
}

.neighbour-form-vehicle-section {
    background-color: #0000cc;
    width: 100px;
}

.neighbour-form-body-station-section {
    min-height: 55px;
}

#neighbour-content-station-section {
    padding-bottom: 10px;
}

.neighbour-vehicles-container {
    height: 160px;
    background-color: #8a8a8a30;

}
.neighbour-form-body-station-section {
    height: 120px;
    overflow: auto;
}

#neighbour-spinner-station-section {
    width: 30px;
    height: 30px;
}
#integrationRunModal .modal-body[data-status="processing"] #synchProgress,
#neighbour-station-section.error #neighbour-error-station-section {
    display: block !important;
}

#neighbour-station-section.loading #neighbour-spinner-station-section {
    display: block !important;
}

#neighbour-station-section.error #neighbour-content-station-section,
#neighbour-station-section.error #neighbour-spinner-station-section {
    display: none !important;
}

#neighbour-station-section.loading #neighbour-content-station-section,
#neighbour-station-section.loading #neighbour-error-station-section {
    display: none !important;
}

.neighbout-title-help {
    height: 33px;
    display: block;
}

.fireide-funny-scroll {
    overflow: auto;
}

.fireide-funny-scroll::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.fireide-funny-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.fireide-funny-scroll::-webkit-scrollbar-thumb {
    background: #88888899;
}

.fireide-funny-scroll::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.select2-results__group {
    text-align: center;
}
.opacity-100 {
    opacity: 1;
}
.opacity-75 {
    opacity: 0.75;
}
.opacity-50 {
    opacity: 0.5;
}
.opacity-25 {
    opacity: 0.25;
}
.start-0 {
    left: 0!important;
}
.start-50 {
    left: 50%!important;
}
.start-100 {
    left: 100%!important;
}
.top-0 {
    top: 0!important;
}
.top-50 {
    top: 50%!important;
}
.top-100 {
    top: 100%!important;
}
.bottom-0 {
    bottom: 0!important;
}
.bottom-50 {
    bottom: 50%!important;
}
.bottom-100 {
    bottom: 100%!important;
}
.end-0 {
    right: 0!important;
}
.end-50 {
    right: 50%!important;
}
.end-100 {
    right: 100%!important;
}
.mw-25{
    max-width: 25% !important;
}
.mw-50{
    max-width: 50% !important;
}
.mw-75{
    max-width: 75% !important;
}
.mw-100{
    max-width: 100% !important;
}
.mnvh-25{
    min-height: 25vh !important;
}
.mnvh-50{
    min-height: 50vh !important;
}
.mnvh-75{
    min-height: 75vh !important;
}
.mnvh-100{
    min-height: 100vh !important;
}
.mxvh-25{
    max-height: 25vh !important;
}
.mxvh-50{
    max-height: 50vh !important;
}
.mxvh-75{
    max-height: 75vh !important;
}
.mxvh-100{
    max-height: 100vh !important;
}
.translate-middle {
    transform: translate(-50%,-50%)!important;
}
.translate-middle-x {
    transform: translateX(-50%)!important;
}
.translate-middle-y {
    transform: translateY(-50%)!important;
}
.text-decoration-underline{
    text-decoration-line: underline !important;
}
.vertical-divider {
    border-left: 1px solid var(--vertical-divider-color);
    height: 100%;
    margin-left: var(--vertical-divider-margin);
    margin-right: var(--vertical-divider-margin);
}
.ea-vich-image.is-invalid .invalid-feedback{
    display: block;
}
.ea-vich-image.is-invalid div.small{
    display: none !important;
}
.form-control.is-invalid,
.form-control.is-valid {
    padding-right: 30px !important;
}
@media (min-width: 1300px) {
    #neighbour-station-section {
        width: 700px;
    }
}

@media (min-width: 1450px) {
    #neighbour-station-section {
        width: 775px;
    }
}

/* =========================== dark theme ==================================  */
body.dark{
    --body-bg: #3a3d41;
    --text-color: #ffa500;
    --text-color-dark: #ffa500;
    --form-bg: var(--gray);
    --benchmark-background: #ad5b21;
    --commun-background: #898e8f;
    --content-panel-bg: #616569;
}

body.dark .form-help{
    color: #a7771f;
}
body.dark .modal-footer,
body.dark .popover,
body.dark .content-panel-body {
    --white:var(--gray-500);
}
body.dark .btn {
    --white: #fff !important;
}
body.dark #changeDarkTheme,
body.light #changeLightTheme {
    box-shadow: inset 1px 1px 3px #0808085c;
    background-color: #cbd0d150;
}
.popover {
    background-color: var(--white);
}
/* ======================= end dark theme ==================================  */

/* =========================== reseting display, h1, fa =========================== */
.fa.display-1,
.fa.display-2,
.fa.display-3,
.fa.display-4,
.fa.h1,
.fa.h2,
.fa.h3,
.fa.h4,
.fa.h5,
.fa.h6 {
    font-weight: unset;
}
/* ======================= end reseting display, h1, fa =========================== */
input[type=search].jquery-search {
    background-color: var(--white);
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path fill="%23aaa" d="M1216 832q0-185-131.5-316.5t-316.5-131.5-316.5 131.5-131.5 316.5 131.5 316.5 316.5 131.5 316.5-131.5 131.5-316.5zm512 832q0 52-38 90t-90 38q-54 0-90-38l-343-342q-179 124-399 124-143 0-273.5-55.5t-225-150-150-225-55.5-273.5 55.5-273.5 150-225 225-150 273.5-55.5 273.5 55.5 225 150 150 225 55.5 273.5q0 220-124 399l343 343q37 37 37 90z"/></svg>');
    background-repeat: no-repeat;
    background-size: 13px 13px;
    background-position: 10px 8px;
    padding: 0 32px;
    min-width: 100%
}
.integration-log.created {
    color: #008000;
}
.integration-log.updated {
    color: #add8e6;
}
.integration-log.ignored {
    color: #b8860b;
}
.integration-log.failed {
    color: #8b0000;
}
.fa-refresh.refreshing,
.integration-btns.loading .fa-refresh{
    -webkit-animation: rotation 1s infinite linear;
    -moz-animation: rotation 1s infinite linear;
    -o-animation: rotation 1s infinite linear;
    animation: rotation 1s infinite linear;
}
.form-widget > .field-collection-item {
    width: 340px;
}
.field-badge .badge {
    /* took from app.css */
    display: inline-block;
    font-size: 12px;
    min-width: 33px;
    text-transform: uppercase;
}