@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;       /* Remove default arrow */
   background-image: url(../images/small-down-arrow.png);
   background-repeat: no-repeat;
   background-position: 95% center;
}



body {color: #000; margin: 0px; font-family: poppins; font-size: 15px; font-weight: 300; line-height: 30px; margin:0px; background-color:#ddd;  }

html {  scroll-behavior: smooth;}

body, html {height:100%;}


strong {font-weight:600;}


a{transition: all 0.5s ease-in 0s; text-decoration:none!important; outline:none; color: #000;}

a:focus, a:active,  a, focus, select {border:0px; outline:none;}

.clear{clear:both;}

p{margin-top:0px; text-align: left;}

img {border:0px;}

form{margin:0px;}

input {outline:none;}

* {box-sizing:border-box; }

h2 {font-size:20px; font-weight:300; color:#777; line-height:130%; margin:0px 0px 30px 0px;}

h2 strong {font-weight:600; color:#f04e12;}

h3 {font-size:20px; font-weight:300; color:#777; line-height:130%; margin:0px 0px 30px 0px;}

h3 strong {font-weight:600; color:#f04e12;}



header {position:fixed; left:0px; top:0px; width:100%; border-bottom:0px solid #f04e12; background-color:#fff;}

.logo {float:left; display:inline-block; margin:5px 10px;}

.logo img {display:block;}

.logout {float:right; background-color:#666; display:inline-block; margin:0; width:75px; height:75px;  text-align:center; }

.logout  img {display:block; margin:20px auto;}

.logout:hover {background-color:#333;}












.white-box-holder { background-color:#fff; border-radius:20px; background-color:#fff; width:360px; margin:auto; padding:40px; margin-bottom:50px; box-shadow:0px 0px 15px 0px #bbb;}

.textbox1 {display:block; width:100%; padding:13px; border-radius:10px; border:1px solid #ccc; background-color:#f7f7f7; font-family:poppins; font-size:15px; letter-spacing:0px; margin-bottom:10px; color:#000;}

.submit-button {display:block; width:100%; padding:15px; border-radius:10px; border:0px solid #ccc; background-color:#333; text-align:center; color:#fff; font-family:poppins; font-size:16px; letter-spacing:2px; font-weight:500; transition: all 0.5s ease-in 0s; text-transform:uppercase;}

.submit-button:hover {background-color:#f04e12;}

.textbox1.email {padding-left:50px; background-image:url(../images/email-icon.png); background-repeat:no-repeat; background-position:12px center;}

.otp-textbox {width:100%; float:left; margin-right:0%; text-align:center; font-size:30px; padding:5px 10px 5px 12px; letter-spacing:25px; text-align:left;}

.business-card {width:320px;}

.orange-button {display:inline-block; background-color:#333; padding:10px 15px; text-align:center; color:#fff; font-weight:600; border-radius:10px; width:140px; margin:0px 5px;}

.orange-button:hover  {background-color:#f04e12;}

.orange-button img {float:left; margin-right:10px; margin-top:5px;}





.fullsize-table {width:100%; height:100%; vertical-align:middle; text-align:center;}

.fullsize-table2 {width:100%; height:100%; vertical-align:middle; text-align:center; min-height:800px;}

footer {position:fixed; left:0px; bottom:0px; width:100%; border-top:0px solid #f04e12; background-color:#fff; padding:10px; font-size:12px; text-transform:uppercase; letter-spacing:1px; color:#444;}


.business-card-holder {width:300px; background-color:#fff; border-radius:20px; box-shadow:0px 0px 20px 0px #ccc; margin:auto; padding:23px; margin-bottom:20px;}

.card-cka-logo {width:240px; display:block;}

/*.card-qr-code {width:120px; display:block;margin-top:90px;image-rendering: pixelated;}*/
.card-qr-code {width:200px; display:block;margin-top:90px;image-rendering: pixelated;}

.card-name {display:block; text-align:left; font-weight:500; font-size:20px; margin-top:20px;}

.card-designation {display:block; text-align:left; font-weight:300; font-size:16px; line-height:30px; margin-bottom:10px; }

.card-email {text-align:left; font-weight:300; font-size:15px; line-height:30px; margin-bottom:15px; display: flex;align-items: flex-start;}

.card-email img {float:left; margin-right:8px; width:34px; margin-top:0px;}

.card-phone {text-align:left; font-weight:300; font-size:15px; line-height:40px; margin-bottom:15px; display: flex;align-items: flex-start;}

.card-phone img {float:left; margin-right:10px; width:34px; margin-top:5px;}

.card-address {text-align:left; font-weight:300; font-size:15px; line-height:20px; margin-bottom:10px;display: flex;align-items: flex-start;}

.card-address img {float:left; margin-right:10px; width:34px; margin-top:5px;}