/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 19 ott 2022, 19:18:47
    Author     : Androino
*/

@media only screen and (max-device-width: 400px){
 .cl-div-popup {
  width: 100%!important;
  top: 80px;
  left: 50%;
  -webkit-transform: translate(-50%, -40px);
  transform: translate(-50%, -40px);
 }
 
 .cl-div-block {
  /*border:3px solid green!important;*/
  width: 105%!important;
  margin-left:  0px!important;
  z-index: 9!important;
  height: 100%!important;

 }
 
 .cl-form-psw {
  width: 100%!important;
  padding: 10px;
  background-color: white;
  margin-left: 19px!important;
 }

 
}

.cl-div-block {
 display: none;
 position: fixed;
 
 top:0px;
 left: 0px;
 width:  110%;
 height: 110%;
 background-color: rgba(40,40,40,0.8);
 overflow:hidden;
}

.cl-div-popup {
 max-width: 330px;
 padding: 12px;
 position: fixed;
 top: 80px;
 left: 50%;
 -webkit-transform: translate(-50%, -40px);
 transform: translate(-50%, -40px);
 background-color: #ffffff;
 line-height: 10px;
 z-index: 10;
}

.cl-form-psw {
 max-width: 300px;
 padding: 10px;
 background-color: white;
 
}


#id-pop-psw{
 display: none;
 
}



.cl-heder-popsw {
 border:1px solid #aaa;
 font-size:25px;
 line-height:	25px;
 position: absolute;
 left: 0px;
 top:0px;
 width: calc(100% - 18px);
 background-color: #1DB27B;
 padding: 8px;
 color:#ddd;
}

.div-label-popup {
 padding-bottom: 8px;
}