/* common css*/
:root{
	--blue:#0a7ab8;
	--dark-blue:#21529e ;
	--light-grey:#fbfafa;
}
*{
	outline: 0;
}
html{
	font-size: 62.5%;
}
body{
	font-size: 1.6rem;
}
a{
	color:inherit;
}
a:hover{
	color:inherit;
	text-decoration: none;
}
ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

p{
	margin-bottom: 0;
}
h1{
	text-transform: uppercase;
}

h4{
	font-size: 1.6rem;
	margin-bottom: 2rem;
}

.btn-primary{
	background: var(--dark-blue);
	border-color: var(--dark-blue);
	border-radius: .5rem;
} 
.btn-primary:hover{
	border-color: var(--dark-blue);
	background: var(--dark-blue);
}
h3{
	font-size: 3.2rem;
	margin-bottom: 2rem;
}
.form-control, input{
	height: 3.5rem;
	font-size: 1.6rem;
	padding:.5rem;
	background-color:var(--light-grey);
	border-radius: .5rem;
}
input[type=checkbox], input[type=radio] {
	height:auto;
	margin-right:1rem;	
}
		textarea{
	resize: none;
}

/* ============= button  ===================*/
.btn{
	height: 3.5rem;
	font-size: 1.6rem;
	padding: 0 1rem;
	line-height: 3.2rem;
}

input[type="submit"]{
	margin-top:3rem;
	border-radius: .5rem;
}
.btn-sm{
	width:10rem;
}
.btn-rounded{
	width:auto;
	border-radius: 3rem;
	padding-top: 0;
	padding-bottom: 0;
}
.btn-lg{
	min-width: 15rem;
}
.btn-md{
	min-width: 12rem;
}
.dropdown-menu{
	font-size: 1.4rem;
}
label{
	font-weight: bold;
}

.action_btn {
	margin:1rem 0 2rem 0;
}
.action_btn input{
	margin:0;
}

.main-title{
	/*margin-bottom: 4rem;*/
	padding-bottom: 1rem;
	border-bottom: 1px solid #eee;
}
.main-title  h1{
	color:var(--dark-blue);
	font-weight: bold;
}
.grid-listing{
	/*margin-top:5rem;*/
}
.table td, .table th{
	padding:0.74rem 1.2rem;
}

table thead {
	background: #21529E; /* var(--dark-blue);*/
	color: #fff;
}
table thead th{
	font-weight: normal;
}
.form-horizontal .form-group{
	margin-bottom: 0;
}
.mobile-menu{
	font-size: 2.5rem;
	cursor: pointer;
}
.right_content{
	min-height: calc(100vh - 150px);
}


/* ========== search input controls   =================== */

.search-area .form-control{
	background: var(--light-grey);
}

/* =============== Modal ================= */

.modal-header{
	background: #21529e;
	color:#fff;
	padding:1.5rem 1.6rem;
}
.modal-inner-title h3{
	border-bottom: 1px solid #ccc;
	padding: 1rem 0;
	font-size: 1.6rem;
}
.modal-body {
    padding: 1.6rem;
}
.modal label{
	font-size: 1.4rem;
}
.modal h4{
	margin-bottom: 0;
}
.modal .scan-block {
	border-bottom: 1px solid #ccc;
}
.modal-item-list span{
	font-weight: bold;
}
.modal-item-list li{
	padding:.5rem 0;
}
.modal-main-area .modal-left{
	border-right:1px solid #ccc;
}
.modal-fields .form-group{
	margin-bottom: 2rem;
}
.modal-item-list{
	border-bottom: 1px solid #ccc;
	padding-bottom: 1.5rem;
}

.patient textarea{
	height:15rem;
}

.modal .close {
    float: right;
    font-size: 2.5rem;
    color:#fff;
}

/* =============== datatables =================*/


.grid-listing .dataTables_length,.grid-listing .dataTables_info{
	float: left;
	margin-bottom: 1rem;
}
.grid-listing .dataTables_filter, .grid-listing .dataTables_paginate{
	float: right;
}

.grid-listing .paginate_button {
	background: var(--light-grey) !important;
	padding: 0.3rem 1rem;
	border-radius: 0.5rem;
	display: inline-block;
	border: 1px solid #ccc !important;
	margin-left:8px!important;
}
.grid-listing .dataTables_wrapper .dataTables_paginate {
	margin-top: .75rem;
}
.grid-listing .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background: var(--dark-blue) !important;
	color: #fff !important;
	border: 0 !important;
}
.grid-listing .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background: var(--dark-blue) !important;
	border-color: transparent !important;
	color:#fff!important;
}

.grid-listing label {
	font-weight: normal;
}
.grid-listing input, .grid-listing select {
	border:1px solid #ced4da;
	height: 3rem;
}
.grid-listing input{
	margin-left:1rem;
}
.grid-listing .previous{
	padding-right: 1rem;
}
.grid-listing .table i{
	color:var(--dark-blue);
	padding-right: 1.5rem;
	cursor: pointer;
}


/* ============= login screen ==================== */

.login-block{
	height:100vh;
}
.login-block input{
	border-radius: 0;
}
.login-block .login-right{
	background: linear-gradient(to right,#0a7ab8,#21529e 60%);
}
.login-block .login-left{
	padding:0 5rem;
}
.login-block .logo img{
	max-width: 25rem;
}
.login-block .login-left input:not(input[type="submit"]){
	border:0;
	border-bottom: 1px solid #ccc;	
}
.login-content{
	max-width: 50rem;
}
	

/*  ================== header ============================ */

.head-left form  .searchBtn{
	position: absolute;
	right:0;
}
.head-left{
	position: relative;
}
.site-header,.site_footer{
	background: var(--light-grey);
}
.head-right h5{
	text-transform: uppercase;
}
.head-right>ul>li>a{
	padding: 1rem 0;
	display: block;
}

/* =================== Sidebar ========================= */

.sidebar{
	background: linear-gradient(to right,#0a7ab8,#21529e );
	width: 25rem;
	color:#fff;
	padding: 2rem;
	position: fixed;
	top:0;
	bottom:0;
	left: 0;
	transition: all .3s;
	/*overflow-y:scroll;*/
}
.sidebar ul li{
	padding:.5rem 0;
	border-bottom: 1px solid #60a7c5;
}
.sidebar ul li a i{
    padding-right:1rem;
}
.sidebar .logo img{
	width: 100%;
	border-radius: .5rem;
}
.sidebar ul li a{
	padding: .75rem 0;
	display: block;
	color:#c3dde4;
}
.sidebar ul li a.active{
	color:#fff;
}
.sidebar ul li a:hover{
	color:#fff;
}
.m-sidebar{
	width: 13rem;
	text-align: center;
}
.m-sidebar i{
	display: block;
}


/* ============  right area =========*/

.right-inner-section{
	width: calc(100% - 25rem);
	margin-left: 25rem;
	transition: all .3s;
}
.m-right-inner-section{
	width: calc(100% - 13rem);
	margin-left: 13rem;
}

/*=========== create ==================*/

.notes_col textarea{
	height: calc(100% - 38px );
}

.error_icon {
	font-size: 2rem;
	padding-right: 1rem;
}

.notification_modal .modal-content {
	box-shadow: 0 0 10px #5da8d2;
}

.alert-danger {
	padding-top:0px!important;
	color: #ea061b;
	background-color: white !important;
	border-color: white !important;
}
.field-validation-error {
	color: #ea061b!important;
}

.login-block input[type="submit"] {
	border-radius: 3rem;
	height: 4.5rem;
}

.required::after {
	content: ' *';
	color: red;
}

.form-control:focus {
	background-color: lemonchiffon;
}