* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    font-family: 'Poppins', sans-serif !important;
    /*font-size: 14px;*/
}
.form {
    min-height: 350px;
    width: 1000px;
    margin: 0 auto; padding:20px;
}

.card-container {
    padding: 25px;
    max-width:100%;
    width: 90%;
    border-radius: 7px;
  
    margin: 0 auto;
    /*box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);*/
}
.kiosklogin-box {
      background: #fff;
}
.left-column {position:relative;box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;padding:0 !important;}
.left-box {
   background: #159957;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #155799, #5999eb);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #155799, #5999eb);
     position:absolute;width:100%;
     height:100%;
     left:0;
     top:0;
     padding:100px 20px;
}
.right-column {position:relative;box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;border:1px solid #ddd;padding:0 !important;}
.right-box {
    position: relative;padding:20px;
}
.page-title h1 {
    font-size:30px;
    text-align: center;
    margin: 0px 0 10px;
    line-height:1.2;color:#fff;
}
.page-title img {
    text-align:center;
    padding:0 0 10px 0;
}
.card-kiosk h3 {
 margin: 0px 0 10px;
}
.asetric {
    color: Red;
  font-size: 14px;
}
 
.tablekiosk .submit-btn {
background-color: #bebfff;
  border: 0 !important;
  padding:15px 20px;font-size:14px;font-weight:500;cursor:pointer;
}.tablekiosk .submit-btn:hover {
    background-color: #16589a;
}
.tablekiosk {width:100%;border-collapse:collapse;}
.tablekiosk td {
    padding:5px;
}
.tablekiosk input, .tablekiosk select {
    padding:5px;
    width: 100% !important;
    outline: none;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #bfbfbf;
}
.tablekiosk input:focus, .tablekiosk select:focus, .tablekiosk input:hover, .tablekiosk select:hover {
  
    box-shadow: 0 0 4px #ddd;
    color: #fff;
    border: 1px solid #5999eb;
}

.tablekiosk td label {font-weight:600;}

@media (max-width: 999px) {
    .form {
    width: 90%;
    }
    .left-box {
    position:static;padding:20px;
    }
    .card-container {
    padding: 0;
    max-width: 100%;
    width:100%;
    
    }
    .card-container .row {
    padding:0 !important;
    }
    .row > * {
    padding:0 !important;
    }
    .tablekiosk td {width:100%;display:block;}
    }