/* ----------------------------------------- Dialog ----------------------- */

.DiLogOuterBlockCont{
    
    text-align: center;
}

.DiLogCont{
    display: inline-block;
    position:relative;
    box-shadow: 0.1em 0.1em 0.3em #989696;
    border: 0.2em solid black;
    border-radius: 0.5em;
    padding: 1em;
    margin-top: 8em;
    background-color: #ddf2ee;
    text-align: center;
      
    .DiLogIcon{

        display: inline-block;
    }

    .DiLogIconCont{

        text-align: center;
        
    }
    
    .DiLogSentCont{
        font-size: 2em;
    }

    .DiLogTitle{
        font-size: 2em;
        color: blue;
    }

    .DiLogBigText{
        
        font-size: 4em;

        margin: 0.5em 0em 0.2em 0em;
        
    }

    .DiLogText{
        font-size: 1em;
        margin: 0.7em 0em 0.2em 0em;
    }

    .DiLogInput{

        
    }

    .DiLogPassWordInp, .DiLogUserNameInp{font-size: 1.7em;width: 7em;text-align: center;}

    .DiLogBtnCont{
        margin-top: 1em;
        font-size: 1.5em;
    }
   
    
    .DiLog_TickBtn{
    
        margin:  0em 1.5em;
    }
    

}



.DiLogScrim{
    
    position: absolute;
    display: flex;justify-content: center;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 310000;
    background-color: #00000017;

}



/*---------------------------------------------------!Scrim------*/

.ScrimPlain{

    position: absolute;
    display: flex;
    justify-content: center;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 310000;

}


.Scrim {
    
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 30000;
    
    &.Scrim_Bad {
        background-color: #0000007d
    }

    &.Working{

        background-color: #ededf754;
}

}

.Scrim:active {
    
    background-color: gray;
    opacity: .4;
}



.ScrimCircle_Cont {
    
    position: absolute;
    top: 2.6em;
    left: 6.4em;
    display: inline-block;
    background-color:transparent;
    
    .ScrimCircle {
        
        animation: rotation 2s infinite linear;
        z-index: 20000;
    }
    
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.Scrim.ScrimClicked {
    
    background-color: #eee1e1;
    opacity: .8;

    .ScrimCircle_Cont {
        
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        top: 50%;
        
    }
}

.ScrimDispInfoWin {
    
    position:absolute;
    top: 16em;
    width: 25em;
    height:20em;
    background-color: white;
    text-align: center;
    border: 0.2em solid gray;
    padding:1em;
    
}

.PopInfoWin {
    position: absolute;
    top: 1em;
    left: 12em;
    width: 45em;
    min-height: 25em;
    background-color: white;
    text-align: center;
    border: 0.2em solid gray;
    .PopInfoWin_Closer {
        position: absolute;
        top: 0;
        right: 0
    }
}

/*---------------------------------------------------!PopupWin -----*/
.PopupWin {
    height: 16em;
    width: 25em;
    top: 20%;
    z-index: 20000;
    background-color: snow;
    padding: 1.5em 1em;
    .PopupWin_InnerCont {
        overflow: hidden;
    }
}