@charset "UTF-8";

/*!
customise style
*/

ul, li, ol{
padding:0;
margin:0;
list-style:none;
}

.good li{
width:auto;
font-family:sans-serif;
font-size:15px;
font-weight: bold;
color: ##66cc66; 
border:1px solid #66cc66;
background: #ccffcc;
text-align: left;
list-style:none;
padding: 5px;
margin-bottom:5px;
}

.err li{
width:auto;
font-family:sans-serif;
font-size:15px;
font-weight: bold;
color: #dd0000; 
border:1px solid #d16b6b;
background: #ffcccc	;
text-align: left;
list-style:none;
padding: 5px;
margin-bottom:5px;
}

#print_title{
	display: none !important;
}

th{
 	text-align:center !important;
 	vertical-align:middle !important;
 }
 
 td{
 	vertical-align:middle !important;
 }

.center{
	text-align: center;
}
.bold{
	font-weight:bold !important;
}




.idcard{
            margin-bottom:40px;
        }

.idcard .card{
        border: 1px solid #ccc;
        width: 245px;
        height: 368px;
        padding: 15px;
        font-family: solaimanlipi;
        margin:10px;
        float: left;
      }

      .idcard .head{
        width:100%;
        font-size:15px;
        font-weight:bold;
        text-align: left;
      }

      .idcard .head img{
        margin: 5px;
      }

     .idcard .moto{
        width:100%;
        font-size:11px;
        font-weight:bold;
        text-align: left;
        padding-left:70px;
        margin-top:-15px;
      }

      .idcard .qr{
        width:100%;
        font-size:10px;
        margin-top: 20px;
      }

      .idcard  .qr img{
        margin: 5px;
      }

      .idcard .card-block1 {
        width:100%;
      }

      .idcard .card-title1{
        font-size:14px;
        text-align: center;
        font-weight: bold;
        margin: 5px 0px 10px 0px; 
      }

      .idcard .card-title2{
        font-size:12px;
      }

       .idcard .address1{
        font-size:12px;
        margin: 5px 0px 15px 0px;
        text-align: center; 
      }



    
    
/*-- suggestion start */
#suggesstion-list{float:left;list-style:none;margin-top:-3px;padding:0;position: fixed; z-index: 999;}
#suggesstion-list li{padding: 10px; background: #f0f0f0; border-bottom: #bbb9b9 1px solid;position: relative;z-index: 99;}
#suggesstion-list li:hover{background:#ece3d2;cursor: pointer;}
/*-- suggestion end */




/* old CSS when html only


      .idcard .card{
        border: 1px solid #ccc;
        width: 245px;
        height: 326px;
        padding: 10px;
        font-family: solaimanlipi;
        margin:5px;
        float: left;
      }

      .idcard .head{
        width:100%;
        font-size:15px;
        font-weight:bold;
        text-align: left;
      }

      .idcard .head img{
        margin: 5px;
      }

      .idcard .qr{
        width:100%;
        font-size:10px;
        margin-top: 10px;
      }

      .idcard .qr img{
        margin: 5px;
      }

      .idcard .card-block1 {
        width:100%;
      }

      .idcard .card-title1{
        font-size:14px;
        text-align: center;
        font-weight: bold;
        margin: 5px 0px 10px 0px; 
      }

      .idcard .card-title2{
        font-size:12px;
      }

       .idcard .address1{
        font-size:12px;
        margin: 5px 0px 15px 0px;
        text-align: center; 
      }

*/

@media screen and (max-width: 767px) { 
.header_main {
    display: inline-grid;
    width: 100%;
}
.header_btn {
    width: 100%;
    margin-bottom: 10px;
}




}