/* 
 .page-login-v2{height:100%;overflow-x:hidden}.page-login-v2:before{background-image:url(../../images/login.jpg)}.page-login-v2.page-dark.layout-full:after{background-color:rgba(38,50,56,.6)}.page-login-v2 .page-brand-info{margin:220px 100px 0 90px}.page-login-v2 .page-brand-info .brand-img{vertical-align:middle}.page-login-v2 .page-brand-info .brand-text{display:inline-block;vertical-align:middle;margin:11px 0 11px 20px}.page-login-v2 .page-brand-info p{opacity:.6;max-width:650px}.page-login-v2 .page-login-main{position:relative;height:auto;min-height:100%;
    padding:10% 5% 10% 5%;color:#76838f;background:#fff}.page-login-v2 .page-login-main .brand{margin-bottom:45px; text-align: center;}.page-login-v2 .page-login-main .brand-img{vertical-align:middle}.page-login-v2 .page-login-main .brand-text{display:inline-block;vertical-align:middle;margin:11px 0 11px 20px;color:#000}.page-login-v2 form{width:350px;margin:30px 0 20px}.page-login-v2 form>button{margin-top:38px}.page-login-v2 form a{margin-left:20px}.page-login-v2 footer{position:absolute;bottom:0;left:0;right:0;margin:50px 60px;text-align:center}.page-login-v2 .social .icon,.page-login-v2 .social .icon:active,.page-login-v2 .social .icon:hover{color:#fff}@media (min-width:992px){.page-login-v2 .page-content{padding-right:0px}}@media (max-width:991px){.page-login-v2 .page-login-main{padding-top:60px}}@media (min-width:768px) and (max-width:991px){.page-login-v2 .page-login-main{padding-top:80px}.page-login-v2 .page-brand-info{margin:160px 0 0 35px}.page-login-v2 .page-brand-info>p{opacity:0;color:transparent}}@media (max-width:767px){.page-login-v2 .page-login-main{padding-top:60px;width:100%}.page-login-v2 form{width:auto}}@media (max-width:479px){.page-login-v2 .page-brand-info{margin:220px 0 0}.page-login-v2 .page-login-main{padding:50px 30px 180px}.page-login-v2 form{width:auto}.page-login-v2 footer{margin:50px 30px}}
 .layout-full .page
 {
     overflow-y: hidden;
 } */
:root
{
    --shadow:RGBA(36,67,120,0.2);
    --white:#fff;
}

 .bislogin
 {
    padding:auto;
    /* margin:20% 8%; */
    margin:auto;
 }
 .bislogo img{
    height:40px;
 }
 .bissub
 {
     color: gray;
     font-size: var(--font15);
     text-align: center;
     padding-bottom: 20px;
 }
 .bisnumpadmain
 {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    text-align: center;
    justify-content: center;
 }
 .bisnumpad
 {
    background-color: #fff;
    text-align: center;

   
    color: black;

    box-shadow: var(--shadow) 2px 0px 2px;
    text-align: center;
    vertical-align: middle;
    align-self: center;
    margin: 7px;
    border-radius: 8px;
    transition: 0.2s ease-in-out;
}
.bisnumpad:hover, .bisnumpad:active, .bis-tablepad:hover, .bis-tablepad:active
{
    background-color: var(--green);
    color: #fff;
    cursor: pointer;
    transition: 0.2s ease-in-out;
}

 .pr-10
 {
     padding-right: 10px;
 }
 .pl-10
 {
     padding-left: 10px;
 }
 .pt-10
 {
     padding-top: 10px;
 }
 .pb-10
 {
     padding-bottom: 10px;
 }
 .con-secuky
 {

display: flex;
flex-wrap: nowrap;
width: 230px;
margin: auto;
padding-bottom: 30px;
justify-content: space-between;
 }
 .con-secuky-box
 {
     width: 25px;
     border-radius: 3px;
     box-shadow: var(--shadow) 0px 0 4px;
     height: 25px;
     text-align: center;
 }

 .bis-login-green-button
 {
    color: #fff;
    font-size: 18px;
    align-items: center;
    text-transform: uppercase;
    justify-content: center;
    display: flex;
    font-weight: 600;
}
     
 .shutdown
 {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: linear-gradient(#fff, #F5F7FB);
    text-align: center;
    align-items: center;
    justify-content: center;
    align-self: center;
    padding: 7px 0px;
    margin: 10px;
    border: #ccc solid 1px;

 }

.shutdown button{
background: none;
border: 0px;

  }
.shutdown button img{
      width:20px;
  }

  .font11copy
  { color:#b3b7c1;

    font-size: 12px;

    position: absolute;
  bottom: 0px;
    width: 100%;
    text-align: center;
  }
  .pl-0
  {
      padding-right: 0;
  }


  @media only screen and (min-width:320px){
    .bislogo
    {
        width: auto;
        margin:0 0 50px 0;
        text-align: center;
    }
  
    .bisback
    {
        overflow-x: hidden;
        position: relative;
    }
    .bislogin
    {     margin:auto; 
        width: 100%;
         margin-top: -50px; 
    }
      .bisnumpad
      {
        width: 60px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 25px;
      }
      .loginf
      {
        font-size: var(--font15);
      }
      .bisnumpad img 
      {
          width: 30px;
          height: 30px;
      }
      .bisnumpadmain
      {
          width: 280px;
      }
      .bk{
        justify-content: center;
        align-items: center;
        display: flex;
        align-self: center;
        vertical-align: middle;
        height: 95vh;
        width: 100%;
        padding-bottom: 0px;
        position: relative;
    }
    .loginbackground
    {
        background-color: #fff;
        border-radius: 10px;
        box-shadow: #ccc 0px 0px 15px;
        padding: 10px 15px 25px 15px;
        width: 290px;
        margin: auto;
        height: 280px;
    }
  }

  @media only screen and (min-width:480px)
  {
      body 
      {
          /* background-color: var(--backgray); */
      }
    /* .bislogin
    {     margin:20% 8%; 
        width: 100vh;
    } */
    .bislogin {
        margin: 5%;
        width: 100vh;
    }
      .bisnumpad
      {
        width: 80px;
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 35px;
      }
      .loginf 
      {
        font-size: var(--font20);
      }
      .bisnumpadmain
      {
          width: 320px;
      }
  }
  @media only screen and (min-width:540px)
  {
      .bisnumpadmain {
          width: 320px;
      }
  }
  @media only screen and (min-width:768px)
  {
    .bislogo
    {
        width: auto;
        margin:0 0 10px 0;
        text-align: center;
    }
    .loginbackground
    {
        background-color: transparent;
        border-radius: 00px;
        box-shadow: #ccc 0px 0px 0px;
        padding: 10px 15px 25px 15px;
        width: 100%;
        height: 280px;
    }
    .bk{
        justify-content: center;
        align-items: center;
        display: flex;
        align-self: center;
        padding-bottom: 200px;
        vertical-align: middle;
    }
    .bislogin
    {   
        margin:0em 0%; 
        width: 400px;
        margin-top: 0px; 
    } 
    .bisnumpad
    {
      width: 100px;
      height: 100px;
      font-size: 45px;
    }.bisnumpadmain
    {
        width: auto;
    }
    .loginf 
    {
      font-size: var(--font20)
    }
    .bisnumpad img 
    {
        width: 50px;
        height: 50px;
    }
  }

   .bislogin .bislogo img
   {
       height: 60px;

   }

   .btn {
    height: 40px;
    font-size: var(--font13);
}
.loginicon
{
    position: absolute;
    left: 12px;
    top: 12px;

}
.loginicon img{
    width:13px;
    height: 13px;

}