a:focus,
button:focus {outline: none !important;}
button::-moz-focus-inner {border: 0;}
:focus {	outline: none;}
input, select, textarea {outline:0;}

.mr-auto{margin: 0 auto;}

.mr-r5{margin-right:5px!important;}
.mr-r15{margin-right:15px;}
.mr-l5{margin-left:5px;}
.mr-t5{margin-top:5px;}
.mr-t20{margin-top:20px;}
.mr-t10{margin-top:10px;}
.mr-t60{margin-top:60px;}
.mr-b10{margin-bottom:10px!important;}
.mr-b0{margin-bottom:0px!important;}
.mr-b20{margin-bottom: 20px;}
.mr-b15{margin-bottom: 15px;}
.mr-l20{margin-left: 20px;}

.wdth-15{width:150px;}
.wdth-18{width:187px;}
.cr-red{color: #ff0000;}

.font-22{font-size:22px;}
.font-20{font-size:20px;}
.font-18{font-size:18px;}
.font-16{font-size:16px;}
.font-14{font-size:14px;}
.font-13{font-size:13px;}

.font-w5{font-weight:500;}
.font-w6{font-weight:600!important;}

.pd-10{padding:10px;}
.pd-0{padding:0px;}
.pd-r0{padding-right:0px;}

.d-inblock{display:inline-block}

.pos-relative{position:relative;}

.h1, h1 {
    font-size: 1.6rem;
}
.h2, h2 {
    font-size: 1.5rem;
}
.h3, h3 {
    font-size: 1.4rem;
}
.h4, h4{
    font-size: 1.1rem;
}
.h5, h5{
    font-size: 1.2rem;
}

.m-btn{ 
    padding: 5px 20px;
    font-size: 15px;
    transition: all 0.5s;
    font-weight: 400;
    border-radius: 3px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.btn{padding: .375rem .5rem;margin-bottom: 5px;}

/*color combinations*/
ul.themes li{display:inline-block;}
ul.themes{display:inline-block;}
.stdview{width: 13px;height: 15px;background: #fff;border: 1px solid #333;}/*position:relative;overflow: hidden;*/
/*.stdview:after{position: absolute; content: '';background: #f8802f;transform: rotate(40deg);right: 0px;width: 11px;height: 30px;}*/
.highstdview{width: 13px;height: 15px;background: #000;border: 1px solid #333;}/*position:relative;overflow: hidden;*/
/*.highstdview:after{position: absolute; content: '';background: #fff;transform: rotate(40deg);right: 0px;width: 11px;height: 30px;}*/
.blueview{width: 13px;height: 15px;background: #28335f;border: 1px solid #333;}/*position:relative;overflow: hidden;*/
/*.blueview:after{position: absolute; content: '';background: #ed3e3e;transform: rotate(40deg);right: 0px;width: 11px;height: 30px;}*/
.brownview{width: 13px;height: 15px;background: #764813;border: 1px solid #333;}
.blue2view{width: 13px;height: 15px;background: #0479ec;border: 1px solid #333;}


.hosp_bill_form-bottom .print-btn{display: inline-block;cursor:pointer;}
.hosp_bill_form-top .back-btn{margin-left: 18px;margin-top:10px;}
.hosp_bill_form label{margin-bottom: .2rem;font-weight: normal;}
.hosp_bill_form .form-check-label label{margin-right:10px;margin-left:2px;}
.hosp_bill_form hr{margin-top: .5rem;}
.hosp_bill_form .form-group{margin-bottom: 0.5rem;}
.hosp_bill_form .md-right-pd{padding-right:2px;}
.hosp_bill_form .md-left-pd30-indent{padding-left: 30px;}
.hosp_bill_form .form-control{padding: .25rem .75rem;}
.hosp_bill_form input.form-control{height: calc(2.10rem + 2px);}

.prehistory-table-header{background: #f1f1f1;padding: 10px 5px; margin-top:10px;margin-bottom:10px;}
/*datepicker modification*/
.input-daterange {
    width: auto;
}
.input-daterange input[type=text]{
width: 150px;
}
.datepicker-btn-pd{padding-left:5px;}
/*datepicker modification end*/

.col-form-label.txt-r{text-align: right;font-weight: 500;}
.captcha-t{display: inline-block; margin-right: 20px;font-size: 18px;}
.form-fr .form-group{margin-bottom:0px;border-bottom: 1px solid #eaeaea;padding-bottom: 10px;padding-top: 10px;}
/*bootstrap*/
.form-control{border-radius: 0px;}
.form-control:focus{box-shadow: 0 0 0 0.05rem rgb(202, 219, 202);}
.btn-primary.focus, .btn-primary:focus{box-shadow: none;}
.icon-mobile-meg{position: absolute;right: 18px; width: 100px;top: 56px;z-index: 1;}

/*jquery dataTables*/
table.dataTable {
    width: 99%;
	}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 6px 5px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{padding: 0.2em 0.5em!important;}
table.dataTable thead th, table.dataTable thead td{padding: 6px 6px;}

.cardStatus-icon{
    position: absolute;
    bottom: 70px;
    max-width: 160px;
    transform: rotate(-5deg);
    left: 20px;
    opacity: 0.6;
    box-shadow: -2px 0px 11px #969595;
}
/*checkbox*/
.check-container {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 0px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Hide the browser's default checkbox */
.check-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background: #ffffff;
  border: 1px solid #999;
}
/* On mouse-over, add a grey background color */
.check-container:hover input ~ .checkmark {
  background-color: #ccc;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.check-container input:checked ~ .checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.check-container .checkmark:after {
  left: 7px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.header-title {
text-align: center;
}
.header-title h1{
margin-bottom: 1px;
text-align: center;
display: inline-block;
}
.header-title h1 span{
display: block;
line-height: 25px;
}
.header-title h1 span:nth-child(2){font-size: 1.3rem;}
.header-title h1 span:last-child{font-size:1.1rem;}

.header-top .container-fluid{padding: 0px 80px;}
.header-top .st-logo{display: block;margin: 0 auto;}

.header-top .right-logo img{text-align: right;margin-top: 10px;}
.header-top .dr-img{width: 150px;height: 150px;margin-top: -7px;margin-bottom: -17px}

#leftcol_item {
	margin-bottom: 10px;
}
.user_dashboard_pic {
	background: #f9f9f9;
	border: 1px dashed #e9e9e9;
	border-radius: 10px;
	padding: 5px;
	box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1);
	max-width: 100px;
}

/*.user_dashboard_pic  span{
display: block;
text-transform: uppercase;
}*/
.main-title{
    position: relative;
    padding-bottom: 12px;
	}
.main-title::before {
    position: absolute;
    content: '';
    height: 2px;
    width: 80px;
    left: 40px;
    bottom: 1px;
    transform: translate(-50%, 0%);
}
.main-title::after{
    position: absolute;
    content: '';
    height: 4px;
    width: 20px;
    left: 40px;
    bottom: 0;
    margin-top: 1px;
    transform: translate(-50%, 0%);
}

/*center*/
.main-title-2{
    position: relative;
    padding-bottom: 12px;
	}
.main-title-2::before {
    position: absolute;
    content: '';
    height: 2px;
    width: 80px;
    left: 50%;
    bottom: 1px;
    transform: translate(-50%, 0%);
}
.main-title-2::after{
    position: absolute;
    content: '';
    height: 4px;
    width: 20px;
    left: 50%;
    bottom: 0;
    margin-top: 1px;
    transform: translate(-50%, 0%);
}
/*center*/



.user-detailbox {
    background: #fcfcfc;
    padding: 0;
    margin-bottom: 30px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    border: 1px solid #ececea;
}

.user-detailbox h3 {
    border-radius: 4px 4px 0 0;
    padding: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    border-bottom: 1px solid #e9e6e0;
	line-height:22px;
}
.detailbox-content {
padding: 10px;
}

.footer-bottom {
    font-size: 0.875rem;
    padding: 9px 0px 5px 0px; 
    position: relative;
	color:#fff;
	font-weight:600;
}
.footer-bottom p{margin-bottom:0px;}
.footer-bottom a{color:#fff;}
.footer-bottom a:hover{text-decoration:underline;}


.table{margin-bottom:5px;}
.table.tb1 td, .table.tb1 th{text-align: left;padding: .3rem;}
.table.tb1 td:first-child{font-weight:500;}
.table td, .table th{padding: .3rem;}
.table th{font-weight: 600!important;}

.table.uppercase td:nth-child(2){text-transform: uppercase;}

.table .fa-print{color: #ff8e42;font-size: 22px;}

.table td .fl-member-pic img{width:25px;max-height: 25px;}
/*.table td .fl-member-pic img{
width:50px;
max-height: 50px;
border-radius: 10px;
border: 1px solid #f1f1f1;
}*/

a.scroll-top {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: none;
    text-align: center;
    color: #333;
    font-family: 'FontAwesome';
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 50000;
    border-radius: 100%;
}
a.scroll-top:after {
    content: "\f102";
    display: inline;
    font-size: 20px;
}
footer{ 
  position:absolute; 
  bottom:0; 
  width:100%; 
  height:42px; 
}
/*footer img.nic-logo{border:1px solid #2683c6;}*/

/*modal popup*/
#myPensionCard  .modal-body{height: 450px; overflow-y: scroll;}
#myPensionCard  .modal-dialog{max-width: 80%;}
#myPensionCard .modal-header{padding: 10px 15px;}
#myPensionCard .modal-footer{font-weight: 600;padding:10px;}


.box-deco {
    padding: 10px;
    background: #f0f0f0;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
}

 
@media only screen and (min-width: 1200px){
.hosp_bill_form-top .back-btn{
    margin-bottom: -50px;
    margin-left: 10px;
}
}

@media only screen and (max-width: 991px) {
.header-top .container-fluid{padding: 0px 20px;}
.header-top .left-logo img{max-width: 60px;}
.h1, h1 {
    font-size: 1.2rem;
}
.header-title h1 span:nth-child(2){
font-size: 1.1rem;
}

}

@media only screen and (max-width: 767px) {
.datepicker-btn-pd{padding-left:15px;}
.float-xs-right{float: left!important;}
.hosp_bill_form .md-right-pd{padding-right: 15px;}
.hosp_bill_form .md-left-pd30-indent{padding-left: 15px;}
.txt-sm-center{text-align: center;}
.col-form-label.txt-r{text-align: left;}
.h1, h1 {
    font-size: 1rem;
}
.header-title h1 {
    font-size: 0.6rem;
}
.header-title h1 span:nth-child(2) {
    font-size: 0.6rem;
}
.header-title h1 span:last-child {
    font-size: 0.6rem;
}
.header-title h1 span {
    display: block;
    line-height: 13px;
}
.pad0-sm{padding:0px;}
#myPensionCard  .modal-dialog{max-width: 100%;}
#myPensionCard  .modal-body{height: 350px; overflow-y: scroll;font-size:14px;}
#myPensionCard  .modal-body h5{font-size:16px;}

}
@media only screen and (max-width: 575px) {
.header-top .left-logo img{max-width: 40px;}
}
@media only screen and (max-width: 375px) {
.header-title{margin-top: -20px;}
}