/* Gloabal variables (while AND-857 Fix #1) */
:root {

  --space-between-blocks: 12px;

  /**** Variables for popup elements (Hints, Tooltips, etc...) ****/
  --popup-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15), 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  --dialog-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3) ;

  --popup-border-radius: 7px;
  --popup-row-border-radius: 3px;

  --border-radius-small: 3px; /* for small elements */
  --border-radius-medium: 5px; /* for medium elements */
  --border-radius-large: 7px; /* for large elements */
  --border-radius-huge: 10px; /* for buttons, Tabs ... */

  --width-left_side_menu: 20px; /*width of 20px ("veiksmai" menu)*/

  --form-root-wrap-parent_background: #F9F9F9; /*This variable changed from ASP variable "strFRMBodyBgDef" (AND-1686)*/

  /*AND-1782*/
  --mark-color: #C0DDFF; /*#fff59d;*/ 
  --mark-border: 1px solid rgba(0, 0, 0, 0.1);
  --mark-border-radius: 2px;

}



/*AND-1782*/
mark {
  padding: 0;
  background-color: var(--mark-color);
  border: var(--mark-border);
  border-radius: var(--mark-border-radius);
}



/* global use */
A:link {text-decoration: none;}
A:hover {background:none; text-decoration:none;}
A:active {background:none; text-decoration:none;}
A:visited {background:none; text-decoration:none;}


.styleButtonStd {width:22px; height:22px; padding:0px; vertical-align:middle; text-align:center; color:#000000; font-weight:bold;}
.headInfoChamp {vertical-align:middle; cursor:pointer; padding-left:3px;}
.headInfoChampAlwaysOn {vertical-align:middle; cursor:pointer; padding-left:3px;}
.headInfoChampLib {vertical-align:middle; padding-left:3px;}
.styleColorElem {border:1px solid #FFFFFF; cursor:pointer; min-width:16px; min-height:16px; display:inline-block; padding:0px; text-align:center; vertical-align:middle;}




/* LST use */
/* luk SCA 124970 21/07/2016 */
/*.innertable 	{height:100%; width:100%; border-style:hidden; margin:0px; padding:1px; vertical-align:middle;text-align:center; border-collapse:collapse;}*/
.innertable 	{height:100%; width:100%; border-collapse:separate;border:none;border-spacing:1px;}
.active-header-table {border-width:0px 1px 1px 1px;border-collapse:collapse;padding:1px;}


.strStyleTextLST {font-size:10px; white-space:nowrap;}

.styleTdLstReq {align:left; vertical-align:middle; padding:0px 2px; white-space:nowrap;}



/* FRM use */
table.classTable 		{width:100%; min-height:50px; border-style:none; white-space:nowrap; padding:10px 0px;}
table.classTable td 	{width:50%;}
/* class for the tables with 3 TD's -> they will be aligned */
table.classTable3TD 	{width:100%; min-height:50px; border-style:none; white-space:nowrap; padding:10px 0px;}
table.classTable3TD td 	{width:33%;}
/* class for the tables with 4 TD's (2 labels/ 2 fields) -> they will be aligned */
table.classTable4TD 	{width:100%; min-height:50px; border-style:none; white-space:nowrap; padding:10px 0px;}
table.classTable4TD td 	{width:25%;}

table.classTable5TD 	{width:100%; min-height:50px; border-style:none; white-space:nowrap; padding:10px 0px;}
table.classTable5TD td 	{width:20%;}
/* class for the tables with 6 TD's (3 labels/ 3 fields) -> they will be aligned */
table.classTable6TD 	{width:100%; min-height:50px; border-style:none; white-space:nowrap; padding:10px 0px;}
table.classTable6TD td 	{width:16%;}
/* class for the tables with 8 TD's (4 labels/ 4 fields) -> they will be aligned */
table.classTable8TD 	{width:100%; min-height:50px; border-style:none; white-space:nowrap; padding:10px 0px;}
table.classTable8TD td 	{width:12.5%;}
/* class for the tables with 10 TD's (5 labels/ 5 fields) -> they will be aligned */
table.classTable10TD 	{width:100%; min-height:50px; border-style:none; white-space:nowrap; padding:10px 0px;}
table.classTable10TD td {width:10%;}

.fa-chat {
    position:relative;
    color:#EEEEEE;
    font-size:150px;
    text-align:center;
    left:45%;
    z-index:-1000;
}
.fa-chat:after {
    position:absolute;
    top:0;;
    left:0;
	content: "\f086";
}


/* SEARCH object use */
ul.ulStd	{list-style: none outside none; margin:0; padding:0;}
li.liVert	{float:center;}
li.liHor2	{width:50%; display:inline; float:left;}


/* CHECKBOX */
label i {
  display: inline-block;
  /*height: 25px;*/
  position: relative;
  top: 4px;
  font-style: normal;
  color: #666;
}

.check_trans input[type="checkbox"] { display: none; }

.check_trans input[type="checkbox"] + i:before {
  font-family: 'FontAwesome';
  font-size: 18px;
  /*height: 25px;*/
  width: 25px;
  display: inline-block;
}

.check_trans input[type="checkbox"]:checked + i {
  position: relative;
  -webkit-animation: icon-beat 0.1s ease;
  animation: icon-beat 0.1s ease;
}

.check_trans input[type="checkbox"]:checked + i + span {
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

.check_trans input[type="checkbox"] + i:before { content: "\f096";margin-top: -12px; }

.check_trans input[type="checkbox"]:checked + i:before { content: "\f046";margin-top: -12px; }

.check_trans input[type="checkbox"]:checked + i + span,
.check_trans input[type="checkbox"]:checked + i:before { color: rgb(0, 102, 0); }

.InaccuracyInfo{
	display: flex;
	justify-content: center;
    align-items: center;
	height: 50px;
	width: 100%;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: red;
}

.toggleDisplay
{
	display: inline-block !important;
}




/* ********* Animation, Fade, etc. (while AND-1687) ********* */

  /* Added while AND-897 Fix #6 */
  @keyframes blink {
    0%, 100% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
  }

  /* Added while AND-995 */
  .fade-in {
    animation: fadeIn 0.7s forwards;
  }
  .fade-in-fast {
    animation: fadeIn 0.3s forwards;
  }

  @keyframes fadeIn {
    from {
      opacity: 0.3;
    }
    to {
      opacity: 1;
    }
  }

  @keyframes fadeInScale {
    from {
      opacity: 0;
      transform: scale(0.9);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }

/* ********* End code block ********* */




/* ********* Header Inputs, Selects (AND-986) ********* */

  /* Two inputs in the main navigation section */
  #menuHaut INPUT#menuQuickSearch 
  , #menuHaut INPUT#itemQuickSearch 
  {
    box-sizing:border-box;
    border-color:rgba(255, 255, 255, 0.1);
    background-color:rgba(255, 255, 255, 0.3);
    border-radius: var(--border-radius-small);
  }
  #menuHaut INPUT#menuQuickSearch:focus
  , #menuHaut INPUT#itemQuickSearch:focus {
    box-sizing:border-box;
    background-color:rgba(255, 255, 255, 0.8);
    border-radius: var(--border-radius-small);
  }




  #TABLETOOLBAR .styleTdLstReq INPUT
  ,#TABLETOOLBAR .styleTdLstReq SELECT
  ,#TABLETOOLBAR #SPANLSTTITREBARRE SELECT
  {
    border: none;
    border-radius: var(--border-radius-medium);
    height: 20px;
    box-sizing:border-box;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
  }

  #TABLETOOLBAR INPUT#LSTPAGINATION {
    text-align:center !important;
  }



  /* Inputs & Selects in column headers (AND-986 Fix #1) */
  #LSTMAINTABLE input[id^="filter"] 
  , #LSTMAINTABLE select[id^="filter"] 
  {
    border-radius: var(--border-radius-small);
    margin:2px;
    margin-left:4px;
    margin-right:4px;
  }


/* ********* End code block ********* */







/* ********* Group of fields for the Location: "SALIS/PASTO KODAS/MIESTAS" (AND-806) ********* */
  .tblLocationFields TD {
    vertical-align: middle;
    white-space: nowrap;
    padding-left:0px !important;
  }
  .tblLocationFields td:nth-child(2) { /*TD for Flag*/
    vertical-align: middle;
  }
  .tblLocationFields TD IMG {
    margin-right: 8px;
    display:inline-block;
  }
/* ********* End code block ********* */




/* ********* Custom HINT style (AND-853) ********* */

  /*Override main class*/
  .ui-tooltip
  {
    max-width:1000px !important; 
    width:auto !important;
    box-sizing: border-box !important;

    box-shadow: var(--popup-box-shadow);
    border-radius: var(--popup-border-radius) !important;
  }

  .ui-tooltip-content TABLE.TooltipTable {
    border-spacing: 0px;
    border-collapse: separate;

  }

  .ui-tooltip-content TABLE.TooltipTable TR {
    vertical-align: middle;
  }

  .ui-tooltip-content TABLE.TooltipTable TR:nth-child(odd) {
    background: #fff;
  }
  .ui-tooltip-content TABLE.TooltipTable TR:nth-child(even) {
    background: #FFE8E8;
  }
  .ui-tooltip-content TABLE.TooltipTable TR td:first-child {
    border-top-left-radius: var(--popup-row-border-radius) !important;
    border-bottom-left-radius: var(--popup-row-border-radius) !important;
  }
  .ui-tooltip-content TABLE.TooltipTable TR td:last-child {
    border-top-right-radius: var(--popup-row-border-radius) !important;
    border-bottom-right-radius: var(--popup-row-border-radius) !important;
  }

  /*Icon*/
  .ui-tooltip-content TABLE.TooltipTable TR td SPAN {
    display:flex;
    margin-top: 2px;
    margin-bottom: 2px;
  }

  .ui-tooltip-content TABLE.TooltipTable TD {
        line-height:16px;
        text-align:left;
        padding-left:6px;
        padding-right:6px;

        font-weight:bold;
        vertical-align: middle;
  }

  .ui-tooltip-content TABLE.TooltipTable TR:hover TD {
        background-color:#ccc;
        cursor:pointer !important;
  }
  .ui-tooltip-content TABLE.TooltipTable TR.NoHover:hover TD {
        background-color:#FFF;
        cursor:default  !important;
  }

  /*header's TDs*/
  .ui-tooltip-content TABLE TR:first-child TD {
    font-size: smaller !important;
    font-weight:bold;
    opacity: 0.8;
  }    

/* ********* End code block ********* */







/* ********* Formating for form parts, AffChamp groups, sections & fields (AND-884) ********* */
  
  :root {
    --affchamp-group-section-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 3px 6px 0 rgba(0, 0, 0, 0.15);

    --affchamp-group-section-shadow: 0 3px 6px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.15);

    --affchamp-group-section-padding: 4px;
  }

  /*Limit header width to view area (to hide hor. scrollbar) - while "AND-956" */
  #tblEntete TR {
		display:inline-block;
		max-width: calc(100vw - 17px) !important;
		width: 100% !important;
		overflow-x:hidden;
		box-sizing:border-box;
	}

  /* 
  General wrap for all possible enclosed DIVs 
  Child DIVs may be: main form fields, TABS, etc...
  */
  .form-root-wrap-general {
		display: flex;
		flex-direction: column;
		width: calc(100vw - var(--width-left_side_menu)); /*except the width of 20px (side "veiksmai" menu)  */
		height: calc(100vh - var(--height-header-popup_window));
		box-sizing:border-box;
		overflow-x: hidden;
  }

  /*Container for DIV with form fields*/
  .form-root-wrap-parent {
		overflow-y: auto; 
		overflow-x: hidden; /*disables horizontal scrollbar*/
    overflow-x: auto; /*enables horizontal scrollbar (AND-1552)*/
		padding-bottom: 42px; 
		flex-grow: 2; 
    background-color: var(--form-root-wrap-parent_background); /*AND-1686*/
	}

  /* Root DIV for multi-column layout */
  .form-root-wrap {
    display:flex;
    flex-direction:row;
    justify-content: center; 
    padding:0px;
    /*border:dashed 1px red;*/
    align-items: top; 
    box-sizing: border-box;
    width: calc(100vw - 40px);
    min-width: max-content;
    position: relative; /*AND-1055*/
  }

  /* Root DIV for single-column layout */
  .form-root-wrap-one-column {
    /*border:dashed 1px red;*/
    min-height: calc(100vh - 50px);
    display:flex;
    flex-direction:column;
    padding:0px;
    box-sizing: border-box;
    width: calc(100vw - 40px);
    min-width: max-content;
  }
  




  /*Parent DIV for group of tables with fields*/
  .affchamp-group-section {
    display:flex;
    flex-direction:row;
    align-items:stretch;
    padding: var(--affchamp-group-section-padding);
    margin-left: var(--space-between-blocks);
    margin-top: var(--space-between-blocks);

    /* AND-1686
    box-shadow: var(--affchamp-group-section-shadow);
    border-radius: var(--border-radius-medium);
    border: solid 1px white;*/
    border-radius: var(--border-radius-large);
	  box-shadow: none;
    border-top: solid 1px rgba(255, 255, 255, 0.7);
	  border-bottom: solid 3px rgba(0, 0, 0, 0.15);
  }
  .affchamp-group-section TABLE {
    border:none;
  }

  .affchamp-group-section DIV.space-vertical
  , .affchamp-group-section DIV.space-vertical-no_line 
  , .tabbertab DIV.space-vertical 
  {
    width: 1px;
    background-color: rgba(255, 255, 255, 0.999);
	  box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.10);
    margin:6px;
    align-self:stretch;
    min-width: 1px;
  }
  .affchamp-group-section DIV.space-vertical-no_line {
    background-color: transparent;
    box-shadow:none;
    opacity:0;
  }



  /*AND-958*/
  .affchamp-group-section DIV.line-horizontal 
  , DIV.line-horizontal { 
    height:1px;
    background-color: rgba(255, 255, 255, 0.999);
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.10);
    margin:6px;
  }

	/* Specific horizontal line with icon on the left */
	.affchamp-group-section DIV.line-horizontal-with-icon {
		height:18px;
	}
	.affchamp-group-section DIV.line-horizontal-with-icon > SPAN {	/*Icon*/
		z-index:2;
		position:relative;
		margin-left:5px;
		margin-top:-7px;
		padding-right:8px;
	}
	.affchamp-group-section DIV.line-horizontal-with-icon > DIV {	/*Horizontal line*/
		transform: translateY(-12px);
	}



  .affchamp-group-section fieldset {
    border: none;
    padding: 0; 
    margin: 0; 
    /*border:dashed 1px red;*/
    width:100%;
  }
  .affchamp-group-section fieldset legend {
    display:block;
    padding: 5px 8px; 
    font-weight: bold;
    box-sizing: border-box; 

    max-height: 24px;
    overflow-y: hidden;
    display:flex;
    flex-direction: row;
    align-items: center;

    border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;

    width: calc(100% + var(--affchamp-group-section-padding) * 2);
    margin-left: calc(-1 * var(--affchamp-group-section-padding));
    transform: translateY(calc(-1 * var(--affchamp-group-section-padding)));
    background-color: rgba(0, 0, 0, 0.08) !important; /*AND-1686*/
    z-index: 4; /*Must be less than 5 (z-index of side menu) */
    position:relative;
  }




  /*Header of a group of fields inside the section (added while "AND-1245")*/
  .affchamp-group-section-fields-header 
  , .affchamp-group-section-fields-with-header > DIV:first-child /*...or first enclised div of container with "affchamp-group-section-fields-with-header" */
  , .affchamp-group-section-fields-with-header-bg > DIV:first-child{
    padding: 4px 6px;
    font-weight: bold;
    box-sizing: border-box; 
    max-height: 24px;
    border-radius: var(--border-radius-small);
    background-color: rgba(0, 0, 0, 0.1) !important;
    margin-bottom:6px;

    display:flex;
    align-items:center;
    height:20px;
    overflow-y:hidden;
  }
  .affchamp-group-section-fields-header * 
  , .affchamp-group-section-fields-with-header > DIV:first-child *
  , .affchamp-group-section-fields-with-header-bg > DIV:first-child *
  {
      white-space:nowrap;
  }
  /*Red header for warnings, conflicts, etc. (added while "AND-1701")*/
  .affchamp-group-section-fields-header.header-red{
    background-color: rgba(255, 0, 0, 0.3) !important;
    color: #7E1F1F !important;
    height:32px;
  }
  .affchamp-group-section-fields-header.header-red SPAN::before{
    color: #7E1F1F !important;
  }




	.affchamp-group-section-fields-with-header
	,	.affchamp-group-section-fields-with-header-bg {
	margin:4px;
	}

  .affchamp-group-section-fields-with-header-bg {
    margin:6px;
    background-color: rgba(0, 0, 0, 0.05);
    padding:12px;
  }
  .affchamp-group-section-fields-with-header-bg > div:first-child {
    margin:-12px;
    margin-bottom:6px;
  }





  /* *********** Warning messages (AND-897 Fix #6) *********** */

    .affchamp-group-section-warning {
      align-items:center;
      border:solid 2px red;
      background-color:#FFF;
      display:flex;
      flex-direction:row;
      justify-content:center;
    }
    .affchamp-group-section-warning > DIV:first-child { /*First DIV with Icon*/
      /*animation: blink 2s infinite;*/
    }
    .affchamp-group-section-warning > DIV:first-child > SPAN {/*Icon*/
      font-size:24px !important;
      color:red !important;
      margin:6px !important;
      width:24px !important;
    }
    .affchamp-group-section-warning > DIV:nth-child(2) { /*Second DIV with text*/
      color:red;
      font-size:18px;
      text-align:center;
      word-wrap: break-word;
      white-space: normal;
      max-width: 600px;
    }


    /**** Modal message (AND-1687) ****/
    .message-popup-modal {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      justify-content: center;
      align-items: center;
      background: rgba(255, 255, 255, 0.4);
      backdrop-filter: blur(1px);
      -webkit-backdrop-filter: blur(1px);
      z-index: 9999;
      display:flex;
    }
    .message-popup-modal > DIV { /*enclosed div*/
      background-color:#FFF;
      display:flex;
      flex-direction:column;	
      font-size:24px;
      padding: 16px;
      text-align: center;
      box-shadow: 0 5px 25px rgba(0, 0, 0, 0.5);
      max-width: 400px;
      width: 80%;
      animation: fadeInScale 0.4s ease;
    }
    .message-popup-modal > DIV BUTTON { /*BUTTON in enclosed div*/
      margin-top:16px;
    }

  /* *********** End code block *********** */






  .affchamp-group-section-tabs {  /*If section is under a tab (while AND-1624)*/
    margin-left: 10px;
    margin-top: 10px;
    box-shadow: none;
    border: solid 1px rgba(0, 0, 0, 0.25);
  }


  /* TABLE's cellpaggings, cellspacing */
  .table-affchamp {
    box-sizing: border-box;
    border:none;
    border-spacing: 5px;
    height: max-content;
  }
  .table-affchamp TD, .table-affchamp TH {
    padding: 0px;
  }
  /* First TD with label, Odd TDs with label */
  .table-affchamp > tbody > tr > td:nth-child(odd) {
    text-align:right !important;
  }
  .table-affchamp-no-align > tbody > tr > td:nth-child(odd) 
  ,.table-affchamp-no-align > tr > td:nth-child(odd)
  {
    text-align:left !important;
  }

  /* Align-right for the first TDs only (while AND-1639)*/
  .table-affchamp-align-firstTD > tbody > tr > td:not(:first-child)
  {
    text-align:left !important;
  }


  /* All enclosed (inside the "table-affchamp") tables (while AND-1054)*/
  TABLE.table-affchamp TABLE {
    border-collapse: collapse;
    border-spacing: 0;
  }


  /* *** Employee's's Photo *** */
  .person-photo-header {
    min-width:140px;
    width:100%;
    border-spacing: 0;
    border-collapse: collapse;
    padding:0px;
  }
  .person-photo-header TD {
    padding:0px;
  }
  .person-photo-header TD:nth-child(2) {
    /*border:dashed 1px red;*/
    text-align: right;
  }
  .person-photo-image {
    overflow:hidden;
    display: flex; 
    justify-content: center; 
    align-items: center;
    /*border:dashed 1px red;*/

    width: 160px;
    height: 226px;
    overflow: hidden;
    margin: 6px;
  }
  .person-photo-image IMG {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--border-radius-medium);
  }



/* ********* End code block ********* */


/* ********* HEADER in popup windows (AND-927, AND-958) ********* */

  :root {
    --height-header-popup_window: 50px;
  }
  
  #tblEntete {
    height: var(--height-header-popup_window) !important;
    display:flex;
    min-width: fit-content;
  }
  #tblEntete TBODY {
    display:flex;
    width:100%;
  }
  #tblEntete TBODY TR {
    display: flex;
    flex-direction: row;
    align-items:center;
    flex-wrap:nowrap;
    width:100%;
  }
  #tblEntete > TBODY > TR > TD {
    display:block !important;
    width:auto !important;;
    min-width:auto !important;
    display: flex;
    flex-wrap:nowrap;
    align-content:center;
  }
  #tblEntete .btn-group {
    display: flex;
    flex-wrap:nowrap;
  }
  #tblEntete .btn-group button {
    display: flex;
    flex-wrap:nowrap;
    align-items:center;
    align-content:center;
  }
  #tblEntete .btn-group button span {
    display:block;
    line-height:normal;
  }
  #tblEntete .btn-group button span:nth-child(2) {
    padding-left:3px;
  }	
  #tblEntete #tblEntete_Title, #tblEntete #tblEntete_Docs {
    flex-grow: 2;
  }
/* ********* End code block ********* */



/* ********* BARs (AND-835) ********* */
  
  /* Gloabal variables */
  :root {

    /**** Color Variables (may be overrided in the separate CSS files for user's "LAUKU STILIUS") ****/
    --div-progressbar-red: #BD4242;
    --div-progressbar-green: #719472;
    --div-progressbar-gray: #A4ABB6;
  }

  .div-progressbar {
    display:inline-block;
    box-sizing: border-box;
    height:16px;
    top:-13px;
    left:30px;
    position:absolute;
  }

  .div-progressbar[id$="_barh_red"]{
    width:30px;
    background-color: var(--div-progressbar-red);
    /*background: linear-gradient(to bottom, #CB2508, #610100);*/
  }
  .div-progressbar[id$="_barh_green"]{
    width:30px;
    background-color: var(--div-progressbar-green);
    /*background: linear-gradient(to bottom, #AFF29D, #1A5A00);*/
  }
  .div-progressbar[id$="_barh_grey"]{
    width:125px;
    background-color: var(--div-progressbar-gray);
    /*background: linear-gradient(to top, #ccc, #aaa);*/
  }
  .div-progressbar[id$="_barh_empty"]{
    width:125px;
    box-sizing: border-box;
    background-color: var(--div-progressbar-gray);
    /*border:solid 1px var(--div-progressbar-gray);
    background-color: #eaeaea;*/
  }

/* ********* End code block ********* */


/* ********* Step Blocks (AND-981) ********* */

  .affchamp-group-section-step {
    flex-grow:1;
  }
  .affchamp-group-section-step > fieldset > DIV {	/*Div that includes table with fields*/
    display:flex;
    justify-content: center;
  }
  

  .arrow-between-step_blocks {
    width:24px; 
    margin-top: var(--space-between-blocks);
    display:flex; 
    align-items:center;
    justify-content:center;
  }
  .arrow-between-step_blocks > span {
    margin-right:-9px;
    font-size: 28px !important;
  }
  .arrow-between-step_blocks > span::before, .arrow-between-step_blocks > span::after {
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25), 0 1px 4px rgba(0, 0, 0, 0.25);
  }

/* ********* End code block ********* */




/* ********* F9 search window (AND-866 Fix #1) ********* */

  div[aria-describedby="divRechModal"] {
    z-index:300;
    box-shadow: var(--dialog-box-shadow);
    border-radius: var(--border-radius-large);
  }

/* ********* End code block ********* */




/*Customization of modal Alert dialog (AND-1433 Fix #1)*/
div[aria-describedby="modalGeneralDiv"] {
  z-index:310;
  box-shadow: var(--dialog-box-shadow);
  border-radius: var(--border-radius-large);
}








/* ********* Car Logo (AND-1357) ********* */

  .CARLOGO {
    display:inline-flex;
    align-items:center;
    justify-content: center;									
    width:64px;
    height:64px;
    border:solid 1px;
    border-color:rgba(0, 0, 0, 0.10);
    border-radius: var(--border-radius-medium);
  }
  .CARLOGO IMG {
    display:block;
    max-width:58px;
    height:auto;
    max-height:58px;
  }

/* ********* End code block ********* */



/* ********* Modern spinner (AND-993) ********* */

  .spinner-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding:4px;
    padding-left:16px;
    height:32px;
  }
  .spinner-container p {
    padding-left:6px;
  }
  /* Scaling Squares (horizontal) */
  .spinner18 {
    display: flex;
    gap: 6px;
  }
  .spinner18 div {
    width: 14px;
    height: 14px;
    background: var(--ui-header-color);
    transform: scale(0.3); 
    animation: scale-square 1.8s infinite ease-in-out;
  }
  .spinner18 div:nth-child(2) { animation-delay: 0.3s; }
  .spinner18 div:nth-child(3) { animation-delay: 0.6s; }
  @keyframes scale-square {
    0%, 100% { transform: scale(0.3); }
    50% { transform: scale(1); }        
  }

/* ********* End code block ********* */


/*AND-1781*/
.legend-list {
  display:flex;
  align-items:center;
  min-height:28px;
}
.legend-list table {
  table-layout: fixed;
  border-collapse: collapse;
}
.legend-list td {
  border:solid 1px rgba(0, 0, 0, 0.20);
  width:16px;
  height:16px;
  padding: 0;
  line-height: 0;
  font-size: 0;
}
.legend-list td:first-child {
  border-right: none;
}
.legend-list td:last-child {
  border-left: none;
}