@scope( .UserFormMainCont ){
    :scope{
        position:absolute;
        top:0;
        left:0;
        height:100%;
        width:100%;
        background-color:white;
        text-align: center;
        font-family: "IE_NORM";
        padding: 0em 1em 0.2em 1em;
    }
    
    .Closer{ position:absolute; right: 0; top: 0; }

    .DispCont{
        display:inline-block;
        position:relative;
        top: 1.6em;
        padding: 0.1em 0.2em;
        border: 0.2em solid gray;
        border-radius:0.4em;
        /* background-color:#F1EC8F; */
    }

    .ListCont{
        display: inline-block;
        width: 25em;
        padding: 0.3em 0.1em;
        vertical-align:top;
        border: 0.2em solid gray;
        border-radius: 0.4em;
        background-color: #b0ffac;
    }

    .ListAllItemsCont{
        display: inline-block;
        width: 100%;
        height: 36em;
        overflow-y:scroll;
        margin: 0.7em 0.5em 0 0;
        font-size: 1em;
        text-align:left;
        
        &.Disabled{ background-color: lightgray; }
    }

    .ListSortCont{
        display: inline-block;
        width: 100%;
        padding: 0.2em;
        font-size: 1.3em;
        
         .MenuButton {
                font-size: 0.8em;
            }

        .SortItemCont{
            display:inline-block;
            margin: 0 0.2em 0 0.2em;
            border-radius: 0.5em;
            padding: 0.1em 0.4em;

            &.Disabled{
                background-color: gray !important;
                opacity: .4;
                cursor: auto;
                pointer-events: none;
            }
           
        }

        .SortLabel{ display:inline-block; }
    }
 
     .DataWin_DispCloser {
        position:absolute;
        display: inline-block;
        top: -1.3em;
        right: -2em;
        border: 0.1em solid gray;
        border-radius: 50%;
    }   

   
    .ListItemCont{
        margin: 0.1em 0.1em;
        cursor:pointer;
        display: grid;
        grid-template-columns: 3em  3em  5em  5em  2.5em  4.7em;
        background-color: black;
        grid-column-gap: 1px;
        
         
        
            
        &.IsLocked{ background-color: #f6dde2; }

        &.IsSelected{ background-color: #f5f5f5; border: 0.1em solid black;}

        &.IsTitle{ background-color: transparent; }
        
        .ListItem{
            font-size: 0.8em;
            background-color: white;
            padding: 0 0 0 0.1em;
        }

          &.IsTitle .ListItem{ background-color: transparent; text-align: center;}
               
        
   } 
    
    .SelectGroup,  .SortGroup{
        padding: 5px;
        font-size: 20px;
        font-family: "IE";
        border: 0.2em solid gray;
        border-radius: 0.4em; 
    }
    
    .BtnCont{display:flex;justify-content:space-evenly;margin: 0 0 0.8em 0;}
    
    .AllInputCont{
        position:relative;
        display: inline-block;
        width: 25em;
        text-align: left;
        border: 0.2em solid gray;
        border-radius:0.4em;
        padding: 0.3em;
    }
    
    .InputCont{
        font-size: 0.85em;
        margin: 0.1em 0 0.1em 0;
        
        .InputLabel{
            display:inline-block;
            width: 4.7em;
            vertical-align:top;
            text-align: right;
            margin-right: 0.2em;
            overflow: hidden;
            font-size: 0.75em;
        }

        input, textarea {
             font-size: 1em;
             display: inline-block;
             width: 12em;
            height: 1.6em;
             border-color: #84b0bf;
             background-color: white;
             
             
             

            &.FinishedInp{
               cursor:pointer; 
                
            }
            
            &.Disabled{
                border-style: dotted;
                background-color: #fdecec;
                pointer-events: none;

            }

            &.NoEdit{  pointer-events: none; border-style: dotted; color: gray; }

            &.FinishedInp { width: 1em;}
        }
        
        textarea {  width: 23em; height: 2.6em; } 
       
        .ID{
            width: 2em;
        }

        .IDDisp{ display:inline-block; width: 3em; pointer-events: none; background-color: #dedede; }
       
     
    }
    
    
} // END @scope( .UserFormMainCont )