/*
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 : 30 Apr, 2018, 9:28:35 AM
    Author     : Nagnath
*/

.ripple{
            position: absolute;
            top:0; left:0; bottom:0; right:0;
            overflow: hidden;
            -webkit-transform: translateZ(0); /* to contain zoomed ripple */
            transform: translateZ(0);
            border-radius: inherit; /* inherit from parent (rounded buttons etc) */
            pointer-events: none; /* allow user interaction */
              animation: ripple-shadow 0.2s forwards;
            -webkit-animation: ripple-shadow 0.2s forwards;
        }
        .rippleWave{
          backface-visibility: hidden;
          position: absolute;
          border-radius: 50%;
          transform: scale(0.7); -webkit-transform: scale(0.7);
          background: rgba(255,255,255, 1);
          opacity: 0.2;
                  animation: ripple 2s forwards;
          -webkit-animation: ripple 2s forwards;
        }
        @keyframes ripple-shadow {
          0%   {box-shadow: 0 0 0 rgba(0,0,0,0.0);}
          20%  {box-shadow: 0 4px 16px rgba(0,0,0,0.3);}
          100% {box-shadow: 0 0 0 rgba(0,0,0,0.0);}
        }
        @-webkit-keyframes ripple-shadow {
          0%   {box-shadow: 0 0 0 rgba(0,0,0,0.0);}
          20%  {box-shadow: 0 4px 16px rgba(0,0,0,0.3);}
          100% {box-shadow: 0 0 0 rgba(0,0,0,0.0);}
        }
        @keyframes ripple {
          to {transform: scale(24); opacity:0;}
        }
        @-webkit-keyframes ripple {
          to {-webkit-transform: scale(24); opacity:0;}
        }
        
            body {
                max-width: 100%;
                width: 100%;
                overflow-x: hidden;
            }
            .wrap{
                margin: 0px auto;
                width: 600px;
                margin-top: 50px;
                background: #FFF;
                box-shadow: none;
                border: 1px solid #d3d3d3;
                padding: 0px;
            }
            .container-fluid{padding: 0px;height: 100%;}
            .row{margin: 0px;}
            .pd{padding:0px;}
            .textwlcome{
               margin: 0px;
                font-weight: 500;
                color: #FFF;
                z-index: -9;
                left: 0px;
                right: 0px;
                width: 100%;
                text-align: center;
                padding-top: 18px;
            }
            .textwlcomespan{
                font-size: 20px;
                font-weight: 500;
                float: left;
                display: inline-block;
                width: 100%;
                color: rgba(2, 72, 112, 1);
                font-size:35px;
            }
            .logwithllbl{
                display: none;
                float: left;
                position: absolute;
/*              background: rgba(19, 64, 133, 0.82);*/
              background: rgba(5, 84, 129, 0.81);
                left: 0px;
                right: 0px;
                z-index: -9;
                text-align: center;
                padding-left: 100px;
                font-weight: 500;
                font-size: 20px;
                height: 40px;
                margin: 0px;
                padding-top: 10px;
            }
            .lblloghed{
              margin: 0px;
    font-size: 20px;
    text-align: center;
    width: 100%;
    font-weight: 500;
    padding: 10px 0px;
    background: rgba(0,0,0,.2);
    border-bottom: 1px solid #E9E9E9;
    border-top: 1px solid #E9E9E9;
    color: #fff;
            }
            .imglogo{
                width: 230px;
                height: 120px;
                display: block;
                margin: 0px auto;
                float: none;
            }
            .logindiv{
                text-align: center;
                width: 70%;
            }
            .rdobtn{display: none;}
            .lblbtn {
    position: relative;
    font-weight: 500;
    margin: 0px;
    font-size: 18px;
    width: 100%;
    padding: 15px 0px;
    outline: none;
    border: 0px;
    color: #FFF;
    -o-transition: color .2s ease-out, background 0.5s ease-in;
    -ms-transition: color .2s ease-out, background 0.5s ease-in;
    -moz-transition: color .2s ease-out, background 0.5s ease-in;
    -webkit-transition: color .2s ease-out, background 0.5s ease-in;
    transition: color .2s ease-out, background 0.5s ease-in;
    /* background: #1C699B; */
    border-bottom: 1px solid #094A6F;
    /* background: #ef2673; */
    border-bottom: 1px solid #BB0C4F;
    background: rgba(0,0,0,.2);
    border-bottom: 0px;
    margin-top: 5px;
    border-bottom: 1px solid rgb(193, 193, 193);
}
            .lblbtn:hover{
                background: rgb(3, 126, 63);
            }
            .forgotpass{
                font-weight: 500;
                color: #0A46A5;
                margin: 0px;
                font-size: 16px;
                width: auto;
                padding: 10px;
                outline: none;
                border: 0px;
                background: transparent;
                display: inline-block;
                text-decoration: none;
            }
           .forgotpass:hover{
                text-decoration: none;
                font-weight: 500;
                color: #0A81A5;
           }
            .usnopss{
                display: inline-block;
                width: 100%;
                position: absolute;
                top: -50px;
                left: 0;
            }
            .Activ1lbl+.lblbtn{
                background: #073652;
                background: #C2064E;
                background: #A21304;
                background: rgb(3, 126, 63);            
                color: #FFF;
            }
            .Activ1lbl+.lblbtn:hover{
/*                background: #034B76;*/
            }
/*            .Activ1lbl+.lblbtn:hover.lblbtn:after{
                background: #034B76;
            }*/
            .Activ1lbl+.lblbtn:after{
                content: '';
                position: absolute;
                border-top: 30px solid transparent;
/*                border-left: 35px solid #073652;*/
               
                 border-left: 35px solid #C2064E; 
                  border-left: 35px solid #A21304;
                 border-left: 35px solid rgb(3, 126, 63);
                border-bottom: 25px solid transparent;
                right:-15px;
                top: 0px;
                bottom: 1px;
                /* -webkit-transition: all .2s ease; */
                -moz-transition: all .2s ease;
                -ms-transition: all .2s ease;
                -o-transition: all .2s ease;
                transition: all .2s ease;
            }
           
            .inptbnadr{
                padding: 10px;
                padding-bottom: 5px;
                border: 0px;
                outline: none;
                padding-left: 5px;
                border-bottom:1px solid #CCC5C5;
                margin-top: 5px;
                font-size:18px;
                width: 100%;
                background: transparent;
            }
            .form-input{min-width:100%;}
            .form-input:focus{   background: #fff;
                                 border-bottom: 1px solid #367fa9;transition: border-bottom .5s ease-in-out;
                                 outline: none;}
            .form-inputUHID:focus{   background: #fff;
                                     border-bottom: 1px solid #367fa9;transition: border-bottom .5s ease-in-out;
                                     outline: none;}
            .lblnms{
                font-size: 18px;
                font-weight: normal;
                padding-left: 3px;
                position: absolute !important;
                padding-top:10px;
                color:#999;
                transform: translate3d(0, 0, 0);
                transition: all 0.1s;pointer-events: none;
            }

            .active{
                color: #0C507D !important;
                font-size:14px;
                transform: translate3d(0, -11px, 0);
                padding: 0px 0px !important;
                margin: 0px;
                margin-top: -10px;
            }
            .showpassdiv{
                margin-top:40px;
                text-align: center;
                position: relative;
            }
            .showpassdiv img{
                float: left;
                position: absolute;
                top: 24px;
                right: 12%;
                background: transparent;
                border-radius: 50%;
                width: 40px;
            }
            .chkshowps{
                margin: 0px;
                font-weight: 500;
                background-color: #3c8dbc;
                border-color: #367fa9;
                padding: 10px;
                margin-right: 10px;
                color: #FFF;
            }
            .lohbtn{
                background-color: #3c8dbc;
                border-color: #367fa9;
                font-weight: 500;
                color: #FFF;
                margin: 0px;
                font-size:24px;
                width:100%;
                padding: 10px;
                outline: none;
                border: 0px;
                margin-top: 15px;
            }
            .lohbtn:hover{
                background-color: #367fa9;
            }
            .lblbtn:hover{
                cursor:pointer;
                color: #FFF;
            }
            .lohbtn1{
                position: absolute;
                right: 10px;
                width: 50px;
                color: #367fa9;
                padding: 10px;
                margin: 0px;
                font-size: 20px;
                cursor:pointer;
                top: 0px;
            }
            .placediv{
                position: relative;
                padding: 0px 25px;
                text-align: center;
                margin-top:50px;
            }

            .body-content{
                display: inline-block;
                width: 100%;
                padding-top: 125px;
                overflow: auto;
            }
            .body-content:after{
                content: '';
                position: absolute;
                left: 0px;
                right: 0px;
                top: 0px;
                bottom: 0px;
                z-index: -9;
                background-color: rgba(8,54,75,0.9);
            }
            body{
                background-image: url('../images/newbg22.jpg');
                background-size: 100%;
                    background-repeat: no-repeat;
                    background-size: 100% 100%;
            }
            .flippr{
                position: relative;
                background-image: url('../images/Bakvendor.png');
                    height: 125px;
                    width: 100%;
                    position: fixed;
                    top: 0px;
                    left: 0px;
                    right: 0px;
                    z-index: 99999;
            }
            .back1{
                position: absolute;
                height: 110px;
                left: 0px;
                right: 0px;
            }
            .backimg{}
            .imaglogodiv{
                text-align: center;
                display: table;
                width: 100%;
                vertical-align: middle;

            }
            .r1bk{
                background: #0E4061;
            }
            .divimginer{
                vertical-align: middle;
                display: table-cell;
                text-align: center; 
            }
            .divimginer img{
                display: inline-block;
            }
            .rightdiv{
/*border-left: 1px solid #c1c1c1;
    background: rgba(255,255,255,.1);*/
    padding: 20px 0px;
            }
            .divleft{
                padding-top: 10px;
                overflow: auto;
            }
            .rowsend{
               border-top: 1px solid #d3d3d3;
            }
            .lblwel{
                margin: 0px;
                font-weight: 500;
                width: 100%;
                font-size: 30px;
            }
            .Mancontainer{
                display: table;
                width: 100%;
            }
            .login .imgProcess1{
                position: absolute;
                width: 30px;
                height: 30px;
                top: 27px;
                right: 50px;
            }
            .Mancontainer:before{
            }
            .logincontenr{
                display: table-cell;
                width: 100%;
            }
            .loginin{
                margin:0px auto;
                width:100%;
            }
            *:focus {outline: none;}
            .inptbnadr:focus, input:focus{outline: none; background: transparent;}
            .inptbnadr:required { box-shadow:none;outline: none; background: transparent;}
            @media only screen and (max-width:800px) {
                .flip-container{float: left;}
            }
            @media only screen and (max-width:701px) {

            }
            @media only screen and (max-width:590px) {
                .loginin{width:100%;}
                .flip-container {width: 100%;}
            }
            .Erruhidmr1,.Erruhidmr{
                position: absolute;
                left: 20px;
                background: #FFF;
                margin: 0px;
                color: red;
                font-weight: normal;
                z-index: 99;
                font-size: 16px;
                border-radius: 2px;
                padding: 5px;
                padding-left: 10px;
                padding-right: 10px;
                border: 1px solid #ddd;
                margin-top:10px;
                text-transform: capitalize;
                display: none; 
            }
            .Accepttrm1{}
            .Accepttrm{
                width: 0;
                height: 0;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-bottom: 10px solid #ddd;
                position: absolute;
                z-index: 999999;
                left: 35px;
                display: none; 
            }
            .Accepttrm:after{
                content: '';
                width: 0;
                height: 0;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-bottom: 10px solid #FFF;
                position: absolute;
                top: 2px;
                left: -10px;
                z-index: 99999999999;
            }
            .Accepttrm.mrnohhidn{margin-top:0px;}

            .Errpass{
                position: absolute;
                left: 20px;
                background: #FFF;
                margin: 0px;
                color: red;
                font-weight: normal;
                z-index: 99;
                font-size: 16px;
                border-radius: 2px;
                padding: 5px;
                padding-left: 10px;
                padding-right: 10px;
                border: 1px solid #ddd;
                margin-top:10px;
                text-transform: capitalize;
                display: none; 
            }
            .Accepass{
                width: 0;
                height: 0;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-bottom: 10px solid #ddd;
                position: absolute;
                z-index: 999999;
                left: 35px;
                display: none; 
            }
            .Accepass:after{
                content: '';
                width: 0;
                height: 0;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-bottom: 10px solid #FFF;
                position: absolute;
                top: 2px;
                left: -10px;
                z-index: 99999999999;
            }
            .Accepass.Errpas1{margin-top:0px;}
            .lastErr{padding: 0px;position:relative;}   
            .Err2fild{
                position: absolute;
                left: 5%;
                background: #FFF;
                margin: 0px;
                color: red;
                font-weight: normal;
                z-index: 99;
                font-size: 16px;
                border-radius: 2px;
                padding: 5px;
                padding-left: 10px;
                padding-right: 10px;
                border: 1px solid #ddd;
                margin-top: 15px;
                text-transform: capitalize;
                display: none; 
            }
            .Ass2field{
                width: 0;
                height: 0;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-bottom: 10px solid #ddd;
                position: absolute;
                z-index: 999999;
                left: 35px;
                margin-top: 5px;
                display: none; 
            }
            .Ass2field:after{
                content: '';
                width: 0;
                height: 0;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-bottom: 10px solid #FFF;
                position: absolute;
                top: 2px;
                left: -10px;
                z-index: 999999999;
            }
            .Ass2field.Errpas1{margin-top:0px;}
            
            .innerdiv{
                display: block;
                width: 70%;
/*                background: #FFF;*/
/*                margin: 0px auto;*/
                }
            @media only screen and (max-width:1024px) {
                .innerdiv{width: 90%;}
            }
             @media only screen and (max-width:900px) {
/*                .innerdiv{width: 90%;}
                .flippr{background-image: none;height: auto;}
                .imglogo{width: 100px;height: 100px;}*/
            }
.loginhdr{    
   text-align: -webkit-right;
padding-right: 50px;
text-align: -moz-right;
text-align: -o-right;
}