/*
 * synchronized debug-outfit style
 * ---------------------------------------
 * Copyright(c) 1995-2016, @Edtronix-LABs
 * SheetUpdate : 01.jul.2019
 * Author      : E.Q.
 *****************************************
*/


/* base colors */

.UI_green{
   color: green;
}
.UI_blue{
   color: blue;
}
.UI_red{
   color: red;
}

.UI_disabled{
   display: none;
}

/* edtronix: logging */

.UI_Vparse{
   width:   0pt;
   height:  0pt;
}

DIV.UI_logBase{
   margin: 0pt;
   padding: 0pt;
   width: 100%;
   display: inline-table;
   *min-width: 250pt;
 }

DIV.UI_logBlock{
   margin: 6pt 0pt 4pt 3pt;
   padding: 0pt;
   width: auto;
 }

BLOCKQUOTE.UI_logBlock {
   margin: 0pt 0pt 2pt 16pt;
   padding: 0pt;
   width: auto;
 }
 

 
/* grid */

.UI_col{
   display: inline-table;
   float: left;
}

.UI_row{
   display: table;
   clear: both;
}
   

   
/* Resize */   
   
.UI_resize_base{
   display: block;
   overflow: hidden;
}   


.UI_resize_Top{
   width: 100%;
}
.UI_resize_Top_tr{
   width: 100%;
}

.UI_resize_Left{
   display: inline-table;
   height: 100%;
}
.UI_resize_Left_tr{
   height: 100%;
}


.UI_resize_Right{
   display: inline-table;
   height: 100%;
}
TR.UI_resize_Right_tr{
   height: 100%;
}


.UI_resize_Bot{
   display: inline-table;
   width: 100%;
}   
TR.UI_resize_Bot_tr{
   width: 100%;
}






.UI_resizeX_{
   display: table-cell;
   height: 100%;
   background-position: 0% 0%;
   background-color: rgba( 40, 50, 180, 0.232);
   z-index: 1000;
 }
.UI_resizeY_{
   width: 100%;
   background-position: 0% 0%;
   background-color: rgba( 40, 50, 180, 0.232);
   z-index: 1000;
 }
.UI_resizeXY_{
   background-position: 0% 0%;
   background-color: rgba( 40, 50, 180, 0.232);
   z-index: 1000;
 }
.UI_resizeXH_{
   background-position: 0% 0%;
   background-color: rgba( 40, 50, 180, 0.232);
   z-index: 1000;
 }
.UI_resizeWY_{
   background-position: 0% 0%;
   background-color: rgba( 40, 50, 180, 0.232);
   z-index: 1000;
 }
.UI_resizeW_{
   display: inline-table;
   height: 100%;
   background-position: 0% 0%;
   background-color: rgba( 40, 50, 180, 0.232);
   z-index: 1000;
 }
.UI_resizeH_{
   width: 100%;
   background-position: 0% 0%;
   background-color: rgba( 40, 50, 180, 0.232);
   z-index: 1000;
 }
.UI_resizeWH_{
   background-position: 0% 0%;
   background-color: rgba( 40, 50, 180, 0.232);
   z-index: 1000;
 }

 .UI_resizeX_:hover{
   cursor: e-resize;
}
.UI_resizeY_:hover{
   cursor: s-resize;
}
.UI_resizeXY_:hover{
   cursor: se-resize;
}
.UI_resizeXH_:hover{
   cursor: ne-resize;
}
.UI_resizeWY_:hover{
   cursor: ne-resize;
}
.UI_resizeW_:hover{
   cursor: e-resize;
}
.UI_resizeH_:hover{
   cursor: s-resize;
}
.UI_resizeWH_:hover{
   cursor: se-resize;
}

/* inner resize object */
.UI_resizeX_R_{
 margin: 0pt;
 padding: 0pt;
 width: 5pt;
 height: 100%;
 display: inline-table;
 background-color: rgba( 40, 40, 240, 0.036);
}
.UI_resizeY_R_{
 margin: 0pt;
 padding: 0pt;
 width: 100%;
 height: 5pt;
 /*display: block;*/
 background-color: rgba( 40, 40, 240, 0.036);
}
.UI_resizeXY_R_{
 margin: 0pt;
 padding: 0pt;
 width:  5pt;
 height: 5pt;
 /*display: block;*/
 background-color: rgba( 40, 40, 240, 0.036);
}
.UI_resizeW_R_{
 margin: 0pt;
 padding: 0pt;
 width: 5pt;
 height: 100%;
 display: inline-table;
 background-color: rgba( 40, 40, 240, 0.036);
}
.UI_resizeH_R_{
 margin: 0pt;
 padding: 0pt;
 width: 100%;
 height: 5pt;
 /*display: block;*/
 background-color: rgba( 40, 40, 240, 0.036);
}
.UI_resizeWH_R_{
 margin: 0pt;
 padding: 0pt;
 width:  5pt;
 height: 5pt;
 /*display: block;*/
 background-color: rgba( 40, 40, 240, 0.036);
}

 
/* Dialog */   
   
.UI_dialog_base{
   display:    table;
   min-width:  100px;
   min-height: 100px;
   padding:    2pt;
   
   background-color: rgba( 100, 100, 200, 0.25);
   
   box-shadow: 1pt 1pt 12pt rgba(120, 120, 180, 0.30);
   
   border: 1pt solid rgba(  250, 250, 250, 0.70);
}   
 
.UI_dialogBar_{
   display:    table;
   width:      100%;
   min-height: 5pt;
   height:     5pt;
   position:   absolute;
   z-index:    200000;
   background-color: transparent;
}   
.UI_dialogBar_:hover{
   cursor: move;
   background-color: rgba( 100, 100, 200, 0.15);
}