/*
 * ******************************************************************************
 * DOTT
 *
 * Proprietary Software - Confidential
 *
 * © 2025 DharaTM. All rights reserved.
 *
 *
 * NOTICE:
 * This file contains proprietary information belonging to DharaTM Consulting
 * Group
 * Unauthorized use, disclosure, or distribution is prohibited.
 * *******************************************************************************
 */

 /* xui theme classes*/
.xui-ui-ctrl{
    color:#bfbfbf;
    font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
}
.xui-node-legend{
    color: #ffffff;
}

.xui-tips{
    border: solid 1px #ffffff;
}
.xui-tips > .xui-tips-i{
    background : #313131;
}
.xui-tips > .xui-tips-i > .xui-tips-c{
    background : #313131;
    color: #ffffff;
}
.xui-uibase-force{
    background : #313131 !important;
}
.xui-uibase{
    background : #313131;
}
.xui-uicontainer {
    background-color:  #313131;
}
.xui-input-input, .xui-comboinput-input{
    background-color: #48525f;/*#455164;*/
}
.xui-uitembg{
    background-color: #313131;
}
.xui-uitembg-checked{
    background-color: #455164;
}
.xui-group-border {
    border-radius: unset;
    border-top: solid 1px #888888;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}
.xui-group-caption {
    color: #bfbfbf;
}
.xui-group-tbar {
    margin: 0
}

/* UI classes*/
.ol-viewport {
    will-change: transform;
    backface-visibility: hidden;
}

.battle-title {
    text-transform: uppercase;
    text-align: center;
    color: #e8e8e8;
    background: #003f4b;
    padding: 6px 0;
    font-weight: bold;
}

table td.xui-formlayout-td{
    text-align: center;
}
table td.xui-formlayout-td.firstcol{
    text-align: left;
}
tr.xui-formlayout-tr.row-1{
    background: #003f4b !important;
    cursor: default !important;
}
tr.xui-formlayout-tr.row-1 td{
    text-align: center;
}

.threatened-table table td.xui-formlayout-td{
    text-align: center;
}
.threatened-table tr.xui-formlayout-tr.airport td,
.threatened-table tr.xui-formlayout-tr.building td{
    border-left: solid 1px transparent !important;
    border-right: solid 1px transparent!important;
    padding: 4px;
    font-weight: bold;
}
.threatened-table tr.xui-formlayout-tr.airport,
.threatened-table tr.xui-formlayout-tr.building{
    cursor: pointer;
}
.threatened-table tr.xui-formlayout-tr.threat{
	background: #295f3e !important;
    cursor: pointer;
}
.threatened-table tr.xui-formlayout-tr.countermeasure{
	background: #003f4b !important;
}

.threatened-table table table.inner-countermeasure,
.threatened-table table table.inner-countermeasure tr,
.threatened-table table table.inner-countermeasure td,
.threatened-table table table.inner-countermeasure th {
    border: none;
    border-collapse: collapse;
  }

.threatened-table tr.xui-formlayout-tr.airport span,
.threatened-table tr.xui-formlayout-tr.building span,
.threatened-table tr.xui-formlayout-tr.threat span,
.threatened-table table table.inner-countermeasure tr span{
	padding: 2px;
    border-radius: 2px;
}
.threatened-table tr.xui-formlayout-tr-hover.airport .firstcol > span,
.threatened-table tr.xui-formlayout-tr-hover.building .firstcol> span,
.threatened-table tr.xui-formlayout-tr-hover.threat .firstcol> span,
.threatened-table table table.inner-countermeasure tr.hover .firstcol> span{
	background: #ffffff !important;
    color:#003f4b !important;
}
.threatened-table tr.xui-formlayout-tr.countermeasure{
    cursor: default;
}
.threatened-table .threat_fire{
    cursor: pointer !important;
    border: solid 1px #666666;
    background: #003f4b;
    margin: 2px 0 !important;
}

.threatened-table .cm_fire{
    cursor: pointer !important;
    border: solid 1px #666666;
    background: #295f3e;
    margin: 2px 0 !important;
}
.threatened-table .cm_fire .xuicon,
.threatened-table .threat_fire .xuicon{
    margin: 0 !important;
    padding: 0 !important;
}

.threatened-table .cm_fire:active,
.threatened-table .threat_fire:active
{
    background: white;
    color: black;
}
.threatened-table .cm_fire.in-process,
.threatened-table .threat_fire.in-process
{
    background: #ababab;
    color: black;
}

.threatened-table .threat_fire:hover,
.threatened-table .cm_fire:hover
{
        border: solid 1px #ffffff;
}

/* custom classes */
.flat-icon {
    cursor: pointer;
    background : #313131;
    color: #BFBFBF;
}
.flat-icon > .xui-icon-icon {
    margin: 0;
}
.hidden {
    display: none !important;
}
.round {
    border-radius: 50% !important;
}

.rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}