body{font-size:1.5rem;}
.login{padding: 40px 0;background: #FFF;}
.login_box{background: #FFF;max-width: 600px;margin: 0 auto;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);padding: 30px;}
.signin_text{font-size: 30px;font-weight: 700;color: #d72016;margin-bottom: 15px;text-align: center;}
.relative{position: relative;margin-bottom: 25px;}
.submit{font-size: 14px;font-weight: 700;color: #FFF;background: #d72016;padding: 8px 20px;border: 1px solid transparent;border-radius: 5px;}
.login_input{font-size: 16px;font-weight: 400;color: #666;border: 1px solid #dbdbdb;width: 100%;padding: 8px 15px;}
.login_input:focus{border: 1px solid #dbdbdb;}
.right{margin-top: 30px;}

.un_overall_card{width: 700px;background: #FFF;border: 5px solid #E1E1E1;padding: 10px;border-radius: 5px;margin: 0 auto 25px;}
.un_card_title{font-size: 20px;font-weight: 700;color: #666;text-transform: uppercase;margin-bottom: 5px;}
.un_card_text{font-size: 16px;font-weight: 400;color: #666;margin-bottom: 15px;padding-bottom: 10px;}
.un_card_head{border-bottom: 1px solid #ccc;display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;padding: 0 0 10px;}
.un_card_overall{display: flex;align-items: flex-start;}
.un_card_content{padding-left: 25px;display: flex;flex-direction: column;justify-content: center;}
.card_detail{font-size: 14px;font-weight: 700;color: #666;margin-bottom: 5px;text-transform: uppercase;}
.un_user_img{width: 150px;height: 150px;object-fit: contain;border-radius: 10px;}
.card_foot{height: 70px;}
.mb_20{margin-bottom: 20px;}
.un_qr{width: 100px;height: 100px;}
.pr_15{padding-right: 15px;}
.un_card_footer{display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #ccc;padding-top: 15px;}
.mail_text{font-size: 15px;font-weight: 700;color: #666;margin-bottom: 5px;}
.un_card_back{display: flex;line-height: 21px;margin-bottom:3px;background:#eee;padding: 2px 6px;}
.un_card_left{display: flex;flex-basis: 35%;font-size: 14px;font-weight: 500;color: #666;margin-bottom: 0px;text-transform: uppercase;}
.un_card_right{display: flex;flex-basis: 65%;font-size: 14px;font-weight: 700;color: #666;margin-bottom: 0px;}
.card .form-control{max-width: 300px;display: inline-block;}
.card .input-group{max-width: 300px;display: inline-block;}
.card label{width:200px;}
.form-wrapper{margin:0 auto;max-width:1200px;}
.custom-file{display:inline-block;max-width:300px;}
.card label.custom-file-label{width:100%;}
.error{font-size:12px;float:left;width:100%;}
.table thead th{font-weight:600;}
.table{font-family: 'Roboto', sans-serif!important;}
.table-container{margin:0 auto;width:90%;max-width:2000px;}
.table-container th:last-child, .table-container td:last-child{position:sticky;right:0px;background:#fff;}
.btn-new{padding:2px 5px !important;font-size:13px!important;margin:0 2px;}
.btnwrap{float:left;width:150px;}
.idcard.un_card_footer{padding-top: 15px;padding-bottom: 15px;margin:0 0 10px;border-top:0;border-bottom:1px solid #ccc;}
.idcard.un_card_head{padding-top:15px;padding-bottom: 0px;margin:0px;border-top:1px solid #ccc;border-bottom:0px solid #ccc;}
.id_card_foot{height:70px;}
.front_message{width:100%;margin:0 0 10px;}
.back_message{width:100%;margin:10px 0 0px;}
.m-t-15{margin-top:15px!important;}
.m-t-10{margin-top:10px!important;}
.card .input-group-prepend {margin-right: 0px;width: 84px;float: left;}
#certificate_no.form-control{width: 216px;float: left;}
.un_card_content.show_qr_right{width: calc(100% - 250px);padding-right:10px;}
.mail_text_id{font-size: 13px;font-weight: 500;color: #666;margin:7px 0 5px;}
.iconshow{color:#228c22;font-size:20px;margin:0 0 0 5px;}
.iconerrorshow{color:#ff0000;font-size:20px;margin:0 0 0 5px;}
.logo-left .front_message{padding-right: 22px;text-align: right;}
.uc_wrapper{margin:0 auto;width:1074px;color:#333;font-size:13px;font-family: 'Roboto', sans-serif!important;}
.uc_wrapper_bg{width:100%;height:1598px;padding:240px 100px 170px;background:url('./../images/bg-qr.jpg') no-repeat center top;position: relative; float: left;}
.uc_heading{font-size:30px;float:left;width:100%;text-align: center;margin:5px 0 15px;font-weight:700;color:#333;}
.width_100{float:left;width:100%;}
.uc_certificate_no{display:inline-block;padding:5px 10px;border:1px dashed #e1e1e1;font-size:15px;margin:0 0 15px;}
.m-lr-10{margin:0 10px!important;}
.m-b-20{margin-bottom:20px!important;}
.uc_label,.uc_colon,.uc_value{color:#333;font-size:16px;font-weight:500;font-family: 'Roboto', sans-serif!important;}
.section_btm{float:left;width:100%;margin:10px 0;}
.uc_qr{float:left;right:170px;top:280px;position: absolute;width:150px;height:150px;}
.card .form-check-inline label{width:auto;}
.input-group-text{width:100%;}
.qc_seal_logo{width:120px;}
.seal_sign{height: 34px;}
.seal_logo{width:79px;vertical-align: middle;margin:0 0 7px 0;}
.uc_image{min-height:79px;line-height:79px;}
.uc_image_right{min-height:60px;line-height:60px;display: flex;align-items: center;}
.uc_table{width:100%;}
.uc_table,.uc_table td,.uc_table th{border:1px solid #e1e1e1;}
.uc_table th{background:#555;color:#fff;font-weight:700;font-size:15px;vertical-align: top;}
.uc_table td{font-size:15px;vertical-align: top;}
.uc_serial_no{float:left;width:160px;}
.uc_descrition{float:left;width:400px;word-wrap: break-word;}
.uc_capacity{float:left;width:120px;}
.uc_result{float:left;width:100px;}
.uc_print_btn, .uicom_form .btn.uc_print_btn{cursor: pointer;margin: 10px 50px 15px 0;float: right;}
#copyright{clear: both;}
.uc_wrapper_bg_print{width:100%;height:auto;padding:240px 100px 170px;background:none;position: relative; float: left;}
.downloadPdf{position:absolute;right:20px;top:20px;z-index:100;}
.ql-toolbar.ql-snow{clear: both;}
.comments_txt.width_100{width: 100%!important;}
#comments_txt{display:none;}
#comments_txt_editor{margin:0 0 25px!important}
.ql-editor{min-height:200px;}
#logo img{max-width: 100%;}
.uc_value ol,.uc_value dl,.uc_value ul{list-style-position: inside;}
.uc_admin a{padding:50px 20px;width:100%;font-size:17px;margin:0 0 40px;}
.uc_admin_heading{color:#000;font-size:22px;margin:0 0 15px}
.row.m-b-20{margin-bottom:15px !important;}
.uc_value br{display:none;}
.uc_value i,.uc_value em{font-style: normal;}
.uc_value *{font-size:14px;}
.hidden{display: none !important;}
.uc_wrapper_stickers{width:100%;padding:20px 15px;position: relative; float: left;margin:0;}
.uc_sticker_no{float:left;padding:20px 30px;border:1px dashed #e1e1e1;font-size:25px;margin:0 0 25px;}
.uc_qr_sticker{max-width: 100%;margin:0}
.uicom_form{background:#fafafa;float:left;width:100%;}
.uicom_form .btn{padding:1rem 2rem;
font-size: 1.8rem;
line-height: 2rem;
border-radius: .3rem;margin:20px 0 0;}
.card {
background-color: #ffffff;
border: 1px solid #ddd;
border-radius: 8px;
width: 100%;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
overflow: hidden;
transition: transform 0.2s, box-shadow 0.2s;
}

.card-header {
font-size: 2rem;
color: #fff;
margin-bottom: 8px;
background: #333;
padding: 10px 20px;
font-weight: 500;
}
.card-body{padding:20px;}
table {
color:#505050;
}
.pagination{float: right;}
.filter{float: right;margin: 0 0 15px;}
.filter label{float: left;margin:0 10px 0 0;line-height: 35px;}
.filter select{float: left;width:100px;max-width:200px;padding:8px 12px;height: auto;font-size: 15px;}
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: calc(1.5em + .75rem + 2px);
margin: 0;
overflow: hidden;
opacity: 0;
}
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
margin-bottom: 0;
}
.custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
overflow: hidden;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: .25rem;
}

.custom-control-label::before, .custom-file-label, .custom-select {
transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.custom-file-label::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
height: calc(1.5em + .75rem);
padding: .375rem .75rem;
line-height: 1.5;
color: #495057;
content: "Browse";
background-color: #e9ecef;
border-left: inherit;
border-radius: 0 .25rem .25rem 0;
}
.slider-img-section{padding: 25px 0;}
.form-check-inline {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
padding-left: 0;
margin-right: .75rem;
}
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: .3125rem;
margin-left: 0;
}

.input-group-prepend {
margin-right: -1px;
}
.input-group-append, .input-group-prepend {
display: -ms-flexbox;
display: flex;
}
.card .input-group-prepend {
margin-right: 0px;
width: 84px;
float: left;
}
.input-group-text {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding:0.8rem .75rem;
margin-bottom: 0;
font-size: 1.5rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: .25rem;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
width: 100%;border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
select, textarea, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="range"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"]{height: auto;}
.uc_wrapper_bg_print.p-tb-0{padding-top: 0!important;padding-bottom: 0!important;}
.uc_wrapper_bg_print.p-tb-0 .uc_qr{top:100px}