/***********************************************
* TAB LATERAL ESQUERDA
***********************************************/
.TDexonGUI_TabControl
{
   display: flex;
   flex-direction: row-reverse;
   width: 100%;
   height: 100%;
   background-color: #F9FBFD;
   border: 0 solid transparent;
}

.TDexonGUI_TabControl .TabContent
{
   width: 100%;
   border: 1px solid #D0E6FF;
   background-color: #FFFFFF;
   padding: 10px;
   box-sizing: border-box;
}

.TDexonGUI_TabControl.TabControl_DEngModify ul
{
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: stretch;
   min-width: 180px;
   max-width: 250px;
   background-color: #F4F8FF;
   box-sizing: border-box;
}

.TDexonGUI_TabControl.TabControl_DEngModify li
{
   width: 100%;
}

.TabHeader .TDexonGUI_TabHeaderItem
{
   background-color: #F4F8FF;
   border: 1px solid #C3D5F0;
   border-radius: 0 6px 6px 0;
   padding: 10px 12px;
   font-weight: bold;
   color: #1A2B44;
   text-align: left;
   width: 100%;
   box-sizing: border-box;
}

.TabHeader .TDexonGUI_TabHeaderItem.selected,
.TabHeader .TDexonGUI_TabHeaderItem.active
{
   background-color: #EAF3FF;
   color: #000;
   border-left: 3px solid #2376F4;
}