.divbody
        {
            width:100%px;
            height:500px;
            background: url('../img/lgbg.jpg') center/cover no-repeat;
        }
        .divbodytranc
        {
            width:100%;
            height:500px;
            display: flex;
            flex-direction:column;
            align-items: center;
            justify-content: center;
            background-color:rgb(242,205,42,.4); 
        }
        .containerLIn
        {
            width:500px;
            background-color:rgb(0,0,0,.22);
            direction:rtl;
            font-family: 'Tahoma', 'sans-serif';
        }
        .containerLIn.BB
        {
            padding-bottom:10px; 
        }
        .secname
        {
            width:88%;
            height:40px;
            background-color:rgb(132,26,5);
            color:#ffff;
            font-size:27.5px;
            font-weight:Bold;
            font-family: Arial, Helvetica, sans-serif;
            text-align:Center;
            margin-right:6%;
            margin-top:10px; 
            padding-top:7.5px;
        }
        .padg{margin-top:20px;}
        
        .sec
        { 
            display:flex;
            flex-direction:column;
        }
        .labelX
        {
            font-size:25px;
            font-family: 'Tahoma', 'sans-serif';
            width:80%;
            height:30px;
            color:#ffff;
            margin-right:10%;
        }
        .inptdiv
        {
            width:100%;
            display:flex;
        }
        .divimgicon
        {
            width:10%;
            height:30px;
            margin-top:10px;
        }
        .imgicon
        {
            border-radius:100px;
            margin-right:10px;
            margin-top:5px;
            opacity: 0.7;
        }
        .inputText
        {
            width:80%;
            height:30px;
            margin-right:10%;
            margin-top:10px;
            border-radius:50px;
            background-color:rgb(250,250,250,.5);
            text-align:center;
            font-size:25px;
            color:rgb(132,26,5);
            direction:rtl;
           
        }
        .inputText.AA
        {
           margin-right:0%;  
        }

        .btndiv
        {
            margin-top:20px;
            margin-bottom:30px;
        }
        .btn
        {
            width:30%;
            height:35px;
            background-color:rgb(132,26,5);
            color:#ffff;
            border-radius:50px;
            font-size:25px;
            padding-top:5px;
            text-align:center;
            margin-right:60%;
            box-shadow: 3px 3px 3px 0px #C0C0C0;
        }   
       .btn:hover
        {

        background-color:rgb(242,205,42);
        color:rgb(132,26,5);
        box-shadow: 3px 3px 3px 0px #474747;
        }
        .error103
        {
            margin-top:20px;
            width:70%;
            height: 60px;
            background-color:rgb(250,250,250,.5);
            direction:rtl;
            
        }
        .errortext103
        {
            height: 50px;
            background-color:rgb(242,205,42,.4); 
            padding-top:10px;
            
        }
        .pargh
        {
           font-size:35px;
           color:rgb(132,26,5);
           font-family: 'Droid Arabic Naskh', sans-serif; 
           text-align:center;

        }
        #inptTxt1
        {
            text-Align : "center";
            direction:ltr;
        }
        #inptTxt2
        {
            text-Align : "center";
            direction:ltr;
        }
        #inptTxt3
        {
            text-Align : "center";
            direction:ltr;
        }