/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 24 lug 2022, 19:19:18
    Author     : Androino
*/

@media only screen and (max-device-width: 400px) {
 .cl-boxform {
  border:1px solid transparentr!important;
  background-position: 5px 2px!important;
  background-size: 350px auto!important;
  height: 100%!important;
  width: calc(100% + 8px)!important;
  /*border:1px solid red!important;*/
  margin-left: 0px!important;
  margin-top: 0px!important;
  overflow:auto;

 }

 .cl-boxform  {
  margin-top:10px!important;
  margin-left: 2px!important;
  padding-left: 32px!important;
  padding-right:  32px!important;
  padding-top:  8px!important;
  padding-bottom:  23px!important;
  border-radius: 22px!important;
  width: 317px!important;
  
 }
 .cl-form-container {
  margin-top:163px!important;
  margin-left: -25px!important;
  padding-left: 8px!important;
  padding-right:  8px!important;
  padding-top:  8px!important;
  padding-bottom:  23px!important;
  border-radius: 22px!important;
  width: 100%!important;
 }

 #btn-log-procedi {
  margin-top:0px!important;

 }

 .cl-boxform-new {
  background-position: center 10px!important;;
  background-size: 30px auto!important;
  padding-top: 0px!important;
  border: 1px solid transparent!important;
  margin-left: 5px!important;
  margin-top:5px!important;
  width:  calc(100% - 0px)!important;
  height: calc(100% -20px)!important;

 }

 .cl-boxform-new .cl-form-container {
  width:  calc(100% -30px)!important;
  padding:5px!important;
  margin-top:60px!important;
  width:  calc(100% - 10px)!important;
 }

 .cl-session-time  {
  margin-top: 0px!important;
  margin-left: 1px!important;
  padding-left: 8px!important;
  padding-right:  8px!important;
  overflow:hidden!important;
  width:calc(100% - 18px)!important;
  text-align: justify!important;
  text-justify: inter-word!important;
  line-height:	15px	!important;
 }

 .cl-div-lay-box {
  width: calc(100% - 10px)!important;
  margin-left: 2px!important;
  margin-top: 45px!important;
 }

 .cl-div-box {
  width: calc(100% - 5px)!important;
  margin-left: -7px!important;
 }

}

.frm-psw{
 margin-top: 200px;
 width: 100%;

}

.cl-session-time {
 border-radius:6px;
 padding:5px;
 background-color:rgba(100,100,100,0.7);
 margin-top:0px;
 width:330px;
 color:#fff;
 line-height: 14px;
 font-size:14px;
 margin-top: 10px;
}

.div-tiolo {
 font-size:20px;
 color:#aaa;
 font-weight: bold;
}

#btn-log-procedi, #btn-pod-psw-procedi {
 width: 100%;

}

.cl-boxform{
 /*position: relative;*/
 background-color: transparent;
 background-image: url('../images/login.png');
 background-repeat: no-repeat;
 background-position: top center;
 background-size: 350px auto;
 height: calc(100% - 100px) ;

 width: calc(100% - 5px) ;
 margin-left: 0px;
 overflow:auto;
 margin-top: 110px;
 /*overflow:visible;*/

}

.cl-boxform .cl-form-container {
 width: 270px;
 margin-top:175px;
 text-align: left;
 background-color: #fff;
 padding-left:  20px;
 padding-right:   20px;
 padding-bottom: 10px;
 padding-top: 10px;
 border-radius: 15px;
 height: 200px;
}

.cl-boxform-new {
 background-image: url('../images/newuser.png');
 background-repeat: no-repeat;
 background-position: center 90px;
 background-size: 90px auto;
 height: 90%;
 padding-top: 200px;
}

.cl-boxform-new .cl-form-container {
 border: 4px solid #aaa;
 width: 380px;
 margin-top:8px;
 text-align: left;
 border-radius: 5px;
 background-color: rgba(255,255,255,1);
 padding: 15px;
}

.mnubox {
 padding: 8px;
}

.mnucontainer {
 width: 30%;
 height: 240px;
 background-color: red;
 border:1px solid green;
}

.cl-div-lay-box {
 background-color: transparent;
 margin-left: 8px;
 margin-top: 175px;
 padding: 6px;
 line-height: 15px;
 width: 100%;
}

.cl-div-box {
 display: inline-block;
 margin-left: -5px;
 margin-top: 3px;
 margin-left: -1px;
 padding: 6px;
 width: 250px;
 height: 170px;
 background-color: #fff;
 font-size: 16px;
}

.cl-span-row {
 font-size: 12px;
 color:#000;
 margin-right: 5px;

}

.nome {
 color: #cc3300!important;
}

.cl-row-box {
 font-size: 16px;
 padding-top: 5px;
 padding-bottom : 2px;
 padding-left : 3px;
 color: #0c3f75;
 font-weight: bold;
}
.cl-row-box:nth-child(even) {
 background-color: rgba(200 , 200,200,0.4);
}

.cl-div-ceck {
 position: relative;
 display: inline-block;
 top:-57px;
 float: right;
}