* {
            margin: 0;
            padding: 0;
        }


        .security-overlay {
            position: absolute;
            width: 100%;
            height: 100%;
            background: #000;
            opacity: 0.65;
            z-index: 1000;
        }

        .container{
                width: 1140px;
            margin-left: auto;
            margin-right: auto;
        }

        .modal {
            width: inherit;
            position: absolute;
            margin-top: 120px;   
            background: #fff;
            z-index: 1001;
            margin-left: auto;
            margin-right: auto;
        }

        .modal .content{
            padding-top: 50px;
            padding-left: 300px;
            
        }
        .modal .content span{
            font-size: 28px;

            
        }        

        .modal .banner {
            height:163px;
            max-width:100%;
            width: 100%;
            overflow:hidden;
            background-repeat: no-repeat;
            background-size: contain;
            
        }

        .modal .passwordBox{
            margin-top: 30px;
            width: 520px;
            border-radius: 4px;
            height: 28px;
            border-width: 1px;
            border-color: #C8C8C8;
            padding-left: 10px;
            font-size: 14px;

        }

        .modal .submit-btn{
            height: 30px;
            width: 50px;
            border-radius: 4px;
            font-size: 11px;
            font-weight: 700;
            border-top-color: #A8A8A8;
            border-left-color: #A8A8A8;    
            border-right-style: none;
            background-color: #A8A8A8;
            margin-left: 16px;

        }
        
        .modal .errorText {
            color: #ff0000;
            font-size: 16px;
        }

        .modal .footer{
            padding-top: 20px;            
            padding-left: 50px;
            padding-bottom: 30px;
            
        }

        .modal .footer a{
            font-weight: 800;
            font-size: 16px;
            
        }  

        .modal .dashed-line{
            margin:50px 50px 0px 50px; 
            border-style: dashed; 
            border-color: #C8C8C8;
        }      


       
   @media screen and (max-device-width: 480px) {

        .container{
            width: 100%;
            height:100%;
            margin-left: auto;
            margin-right: auto;
        }

        .modal .content{
            padding-top: 50px;
            padding-left: 50px;
            
        }  

        .modal{
            margin:0 0 0 0;
            width: 100%;
            height:100%;
        }

         .modal .passwordBox{
            margin-top: 30px;
            width: 200px;            
        }    

        .modal .dashed-line{
            margin:20px 10px 0px 10px; 
        } 
        
        .modal .errorText {
            padding-right: 55px;
        }     


   }

   @media screen and (min-device-width: 481px) and (max-device-width: 1019px)  {
    
        .container{
            width: 600px;
            margin-left: auto;
            margin-right: auto;
        }

        .modal .content{
            padding-top: 50px;
            padding-left: 50px;
            
        }  

         .modal .passwordBox{
            margin-top: 30px;
            width: 200px;            
        } 

   }