html,body
  {
    width: 100%;
    height: 100%;
    margin:0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #E5EFF1;
  }
    .brdr_btm
    {
      border-bottom: 1px solid #F5F5F5;
      padding: 10px !important;
    }
.roundbg
{
    
    float: left;
    padding: 2px 10px 2px 10px;
    background-color: #C2701E;
    border-radius: 100%;
    color: #fff;
    margin-right: 8px;
}
.spanb
{
  font-weight: 400;
  font-size: 18px;
  color: #C2701E;
}
.lbl_notice
{
  float: left;
  padding-left: 20px;
   font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight:400;
  color: #000;

}
.dblue
{
background-color: #093D76;
}
.litgreen
{
  background-color: #8AC640;
}
.vieprof2
{
   padding: 10px 20px 10px 20px;
   text-align: center;
    color: #fff;
    border-radius: 3px;
   
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    border: 0px;
   margin-right: 10px;
    float: right;
    display: block;

}

.partnertxt1
{
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight:400;
  margin-top: 10px;
  margin-bottom:5px;
  color:#4D545E;
   display: inline-block;
  text-align: left;
   height: 25px;
    line-height: 25px;
 
 }
 .suggestions
{
  padding-top:8px;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-weight:400;
  color: #448ED3;

}
.partnerinputxtclass
{
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    text-align: left;
    margin-top: 5px;
    margin-right: 20px;
    margin-bottom: 4px;
    width: 90%;
    
   

}
.partnerselectclass
{
    width: 90%;
    height: 30px;
    border: 1px solid #ccc;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 8px;
    
}
.star_red
{
  
  color: red;
}
     .nobrdr_btm
    {
      border-bottom: 0px;
      padding: 10px !important;
    }

    .navbar-default {
       background-color: #448ED3;
     }
    .navbar
    {
      border-collapse: collapse;
      border: none;
      border-radius: 0px;
      color: #fff;
      margin-bottom: 0px;
    }

    .navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
}
.navbar-brand
{
  margin:0px;
  padding: 0px;
  display: block;
}
.imght
{
  height: 52px;
}
.clrbth
{
  clear: both;
}
.iddiv
{
  width: 311px;
  height: 488px;
  background-color: #E4E0E0;
  overflow: hidden;
   display: inline-block;
  margin-left: auto;
  margin-right: auto;
}
.print_div
{
  width: 100%;
   text-align: center;
   padding-top: 30px;

}
.glyp
{
  margin-right: 6px;
  padding-top: 3px;
}
.glyp1
{
  padding-top: 3px;
}
#cardinfo_div
{
  background-color: #fff;
  margin-bottom: 0px;
  text-align: left;
  padding-top: 12px;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
  display: inline-block;
  width: 90%;
  border-radius: 5px;
  margin-top: 30px;

}
.btnm
{
  height: 44px;
}
.btnm_marl
{
  margin-left: 4px;
}
.btnm1
{
  height: 44px;
  line-height: 44px;
  border: none;
  font-size: 18px;
  font-weight: 100;
  float: right;
}
.btnm1_crds
{
  height: 44px;
  line-height: 44px;
  border: none;
  font-size: 14px;
  font-weight: 100;
  float: right;
}

.colrred
{
  color: red;
}
.fleft
{
  float: left;
}
.frit
{
  float: right;
}
.searchwid
{
  width: 250px;
  margin-top: 0px;
  margin-bottom: 0px;

}
.glyp_img
{
 font-size: 40px;
 float: left;
 color: #BFBDBD;
 margin-left: 10px;

}
.marlr
{
  margin-left: 5px;
  margin-right: 5px;
}
.mar5c
{
  margin-left: 5px;
  margin-right: 1px;
  
}
/* card inputs */
.crd_lbl
{
  width: 100%;
  display: block;
  /*background-color: red;*/
  height: 26px;
  line-height: 26px;
  color: #000;
  font-size: 16px;
  text-align: left;
  padding-left: 10px;
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
   border: none;
}
#crd_lbl1
{
  width: 100%;
  display: block;
 /* background-color: red;*/
  height: 20px;
  /*line-height: 24px;*/
  color: #000;
  font-size: 16px;
  text-align: left;
  padding-left: 10px;
  /*margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;*/
   border: none;
}
#crd_lbl2
{
  width: 100%;
  display: block;
 /* background-color: red;*/
  height: 26px;
  line-height: 26px;
  color: #000;
  font-size: 16px;
  text-align: left;
  padding-left: 10px;
  /*margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;*/
   border: none;

}
.martb10
{
  margin-top: 4px;
  margin-bottom: 4px;
}
.martb
{
  margin-top: 0px;
  margin-bottom: 4px;
}
.spn_add
{
  font-weight: bold;
  float: left;
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  padding-top: 1px;
}
.stud_add
{
  width: 230px;
  display: block;
  /*background-color: blue;*/
  height: 20px;
  line-height: 20px;
  color: #000;
  font-size: 16px;
  text-align: left;
  padding-left: 0px;
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 2px;
  padding-bottom: 0px;
  border: none;
}
.stud_add_wid130
{
  width: 130px;
  display: block;
  /*background-color: yellow;*/
  height: 20px;
  line-height: 20px;
  color: #000;
  font-size: 16px;
  text-align: left;
  padding-left: 0px;
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 4px;
  padding-bottom: 0px;
  border: none;
}
.stud_add_wid96
{
  width: 96px;
  display: block;
  /*background-color: green;*/
  height: 20px;
  line-height: 20px;
  color: #000;
  font-size: 16px;
  text-align: left;
  padding-left: 0px;
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 4px;
  padding-bottom: 0px;
  border: none;
}
.stud_add_wid110
{
  width: 110px;
  display: block;
  /*background-color: green;*/
  height: 20px;
  line-height: 20px;
  color: #000;
  font-size: 16px;
  text-align: left;
  padding-left: 0px;
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 4px;
  padding-bottom: 0px;
  border: none;
}
.stud_add_230
{
  width: 230px;
  display: block;
  /*background-color: red;*/
  height: 20px;
  line-height: 20px;
  color: #000;
  font-size: 16px;
  text-align: left;
  padding-left: 0px;
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  border: none;
}
.stud_bus
{
  width: 210px;
  display: block;
/*  background-color: red;*/
  height: 26px;
  line-height: 26px;
  color: #000;
  font-size: 18px;
  text-align: center;
  padding-left: 0px;
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  border: none;
}
.stud_aadhar
{
  width: 210px;
  display: block;
 /* background-color: #fff;*/
  height: 26px;
  line-height: 26px;
  color: #000;
  font-size: 20px;
  text-align: left;
  padding-left: 6px;
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  border: none;
}
.stud_add1
{
  width: 130px;
  display: block;
 /* background-color: blue;*/
  height: 20px;
  line-height: 20px;
  color: #000;
  font-size: 16px;
  text-align: left;
  padding-left: 0px;
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  border: none;
}
#stud_fathername
{
  width: 100%;
  display: block;
  border: none;
 /* background-color: green;*/
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  color: #000;
  font-size: 20px;
  text-align: center;

}
.txt_mbl
{
  width: 100%;
  display: block;
 /* background-color: yellow;*/
  height: 24px;
  line-height: 24px;
  color: #000;
  font-size: 16px;
  text-align: left;
  padding-left: 10px;
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  border: none;
}
#idback
{
  padding-top: 10px;

}
#cards_isud
{
  height: 44px;
  width: 20px;
  margin-left: 0px;
  display: block;
  float: right;
  border: none;

}
#barcode-b
{
  width: 311px;

}
#idfront_foot
{
  width: 100%;
  display: block;
  height: 36px;
  text-align: center;
  display: inline-block;
}

#crd_frnt_cnt
{
  width: 311px;
  height: 362px;
  display: block;
  overflow: hidden;
 /* background-color: green;*/
  margin-top: 90px;
  position: relative;
  }
#barcode-f
{
  width: 240px;
  height: 80px;
  display: block;
 /* border: 1px solid #000;*/
  float: left;
  font-size: 16px;  

}
#crd_bcode
{
  width: 240px;
  height: 80px;
 /* background-color: red;*/
 
 -ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari prior 9.0 */
  transform: rotate(-90deg); /* Standard syntax */
 margin-top: 98px;
 z-index: 3;
 position: relative;
 margin-left: -78px;
 display:block; 
 float: left;
 text-align: left;
  font-family: arial;
  font-weight: bold;
  font-size: 16px;  


}
#crd_bth_dept
{
 width: 180px;
  height: 60px;
  display: block;
  background-color: blue;
  float: right;
  background-color: red;
 -ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari prior 9.0 */
  transform: rotate(-90deg); /* Standard syntax */
  z-index: 3;
  display: block;
  margin-right: -58px;
  margin-top: 120px;  
}
#card_years_dept
{
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #D8005D;
  width: 180px;
  border:none;
 /* border:1px solid red;*/
  font-size: 24px;
  font-weight: bold;

}

/*#idback
{
  display: none;
}*/
 #cropped-resized1, #cropped-resized1 img
 {
    border-radius: 10px;
    width: 144px;
    height: 192px;
  /*  background-color: #000;*/
    text-align: center;
    display: inline-block;
    margin:0px;
    padding: 0px;*/
}

#card_pic_cntr
{
  display: block;
  width: 100%;
  height: 192px;
  /*background-color: pink;*/
  margin: 0px;
  padding: 0px;
  text-align: center;
  position: relative;
  margin-top: 36px;
  padding-left: 20px;
}

#barcode_batch
{
  width: 100%;
  display: block;
 /* background-color: yellow;*/
  position: relative;
  z-index: 2;
  margin-top: -240px;
}
/* card name top margin*/
#crd_name_dept
{
  width: 300px;
  height: 20px;
  line-height: 120px;
 /* background-color: red;*/
  margin-left: 6px;
  position: relative;
  margin-top: 260px;
  }
  #staff_name_desg
  {
   /* background-color: green;*/
    display: block;
    height: 64px; 
    line-height: 31px;
  }
  #card_name
  {
    width: 300px;
    height: 36px;
    line-height: 36px;
   /* background-color: yellow;*/
    display: block;
  }
    #card_name_txt
  {
    width: 300px;
    height: 46px;
    line-height: 46px;
    color: blue;
    font-size: 20px;
    font-weight: bold;
    background-color: #fff;
    border:1px solid #fff;
    text-align: center;
   
  }
      #card_desg_txt
  {
    width: 300px;
    height: 30px;
     line-height: 30px;
    color: red;
    font-size: 16px;
    font-weight: bold;
    background-color: #fff;
    border:none;
    text-align: center;
  }

      .card_name_txt
  {
    width: 300px;
    height: 30px;
    line-height: 30px;
  }
  .card_name_txt1
  {
    width: 300px;
    height: 30px;
    line-height: 30px;
  }
  .card_brnch
  {
    width: 140px;
    height: 26px;
    line-height: 26px;
    float: left;
    margin-top: 1px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    border:none;
  }
  .mart10
  {
    margin-top: 12px;
  }
  .clr_darkpnk
  {
    color: #950052;
  }
  .clr_litred
  {
    color: #FF0050;
  }
  .stud_brdr
  {
    width: 210px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    display: block;
    text-align: right;
    font-weight: bolder;
    border:none;
    color: #fff;
    float: left;
    
   }
  
.stud_bus_st
  {
    width: 50px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    display: block;
    text-align: center;
    font-weight: bolder;
    border:none;
    color: #00FFFF;
    float: right;
  }
  
#img_crop_cnt
{
  width: 70%;
  /*height: 500px;*/
  position: absolute;
  top: 15%;
  left: 15%;
  display: none;
  text-align: center;
  background-color: #000;
  opacity: 1.0;
 /* border:1px solid #000;*/
  /*border-radius: 10px;*/
  z-index: 5;
  margin: 0px;
  padding-top: 5px;  
  
}

/*#img_crop_cnt img
{
  opacity: 1.0 !important;
  max-width: 100% !important;
  max-height: 600px !important;
  border: none;

}
*/

#image-3
{
  border:none;
  max-width:  100%;

  
 
}

  /*cropping */
  #card_pic
        {
          width: 144px;
          height: 192px;
        }   
        .rcrop-croparea-inner{
            border: 1px dashed #fff;
            border-radius: 10px;
        }   
               
            .img_brdr
            {
                border: 1px solid #fff;
                border-radius: 10px;
            }



            #cropped-resized1, #cropped-resized1 img{
                border-radius: 10px;
                width: 144px;
                height: 192px;
               /* background-color: #000;*/
            }
#crp_c
{
  float: right;
  text-align: right;
  position: relative;
  color: #fff;
  font-weight: bolder;
  margin-top: -26px;
  width: 100%;
  display: block;
 /* background-color: red;*/
 text-decoration: none;
 font-size: 16px;
}      

#crp_c:hover
{
  text-decoration: none;
}
.wid250
{
  width: 250px;
 height: 30px;
 margin-top: 4px;
 padding-right: 10px;
 padding-left: 10px;
}
#brightness
{
  width: 200px !important;
  float: right;
  
}
#contrast
{
  width: 200px !important;
  float: right;
  
}
#upload_div
{
  width: 98%;
  margin-left: 1%;
  border:1px dashed #000;
  border-radius: 10px;
  text-align: center;
  display: block;
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 100px;
}
#lft_menu
{
  margin-top: 100px;
}
.txt_lft
{
  text-align: left;
  padding-left: 40px;
}
.martop_lbl
{
  margin-top: 10px;
}

#lft_menu a
{
  width: 100%;
  height: 30px;
  line-height: 30px;
  background-color: #fff;
  display: block;
  text-align: left;
  padding-left: 20px;
  border-left:3px solid #000;
}
#upload_inpt
{
  display: inline-block;
}
.martb_upld
{
  margin-bottom: 20px;
  margin-left: 10px;
  margin-right: 10px;

}
.tr_lft
{
  text-align: left !important;
}

@media print
{
   * {
    -webkit-print-color-adjust: exact !important; Chrome, Safari 
    color-adjust: exact !important;  
  }
}

  @media print {
body {-webkit-print-color-adjust: exact;}
#nav_ld
{
  display: none;
}
.print_div
{
  padding: 0px;
  margin: 0px;
}
.iddiv
{
 padding: 0px;
  margin: 0px;
  display: block; 
}
#cardinfo_div
{
  display: none;
}

}

#crds_cnt_tbl
{
  width: 90%;
  margin-left: 5%;
  margin-top: 20px;

}
#crds_cnt_tbl tr td
{
  border-collapse: collapse;
  border: 1px solid #4285F4;
 /* text-align: left;*/
}

#crds_cnt_tbl tr td
{
padding-left: 10px;
}
.crds_cnt_tbl_title
{
  background-color: #4285F4;
  height: 34px;
  line-height: 34px;
  color: #fff;
  text-align: center !important;
}


#crds_cnt_tbl_sr
{
  width: 6000px;
  margin-top: 20px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  table-layout: auto !important;
}
#crds_cnt_tbl_sr tr td
{
  border-collapse: collapse;
  border: 1px solid #4285F4;
 /* text-align: left;*/
}





.exprt_frm
{
  margin-top: 20px;
  display: block;
}


.bg_blue
{
  background-color: blue;
}
.bg_gren
{
  background-color: green;
}