body{
    font-size: 13px;
    color: #414242;
}
.page-titles {
    padding-bottom: 15px;
    padding: 10px 15px;

}
.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus{
    font-size: 12px;
}
.form-control{
    color: #000000;
}
input[type=checkbox]+label{
    font-size: 14px;
}
.brand-logo {
    width: 160px;
    margin-left: -40px;
}
.card-header {
    padding: 10px 10px;
}
.card.card-outline-info{
    margin-top: 5px;
}
.form-group {
    margin-bottom: 6px;
}
.form-control-feedback{
    display: none;
}
.submit-btn-group {
    margin-top: 10px;
}
select{
    font-size: 12px !important;
    height: 33px;
}
select.form-control {
    min-height: 33px !important;
	font-size: 12px;
}
.form-control{
    font-size: 12px;
    min-height: 30px !important;
    border-radius: 0px;
}
.btn {
    font-size: 12px;
    padding: 5px 12px;
}
.small_btn{
    padding: 2px 6px;
}
h6.m-b-0.text-white{
    font-size: 13px;
}
.dt-buttons .dt-button {
    padding: 3px 11px;
    border-radius: 4px;
    background: #00897b;
    color: #ffffff;
    margin-right: 3px;
    font-size: 12px;
}
.sidebar-nav ul li a {
    padding: 14px 10px 8px;
    font-size: 13px;
}
.left-sidebar {
    padding: 43px 15px 0px;
}
.page-wrapper {
    padding-top: 85px;
}
.topbar .top-navbar {
    min-height: 47px;
}
.topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
    font-size: 13px;
    line-height: 30px;
}
.dataTables_wrapper {
    padding-top: 0px;
}
hr {
    margin-top: 5px;
    margin-bottom: 5px;
}
.table td, .table th {
    padding: 6px;
}
.table-custom td{
    padding: 2px 6px !important;
}
.custom_report_table{

}
.custom_report_table td{
    padding: 2px 6px !important;
}
.patient_master_table td{
    border: none;
}
.patient_details_report_head{
    border-bottom: 1px #d9d9d9 solid;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 600;
}
.table-custom{
    margin-bottom: -10px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 12px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{
    font-size: 12px;
}
.footer {
    padding: 10px 15px;
    background: #ececec;
}
.card {
    margin-bottom: -10px;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    border-radius: 0px;
}
.card-no-border{
    border: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
}
input[type=checkbox]+label {
    font-size: 12px;
}
a#to-recover {
    font-size: 12px;
}
.form-header {
    width: 300px;
}

.login-form{
    margin-bottom: 10px;
}
.login-head{
    margin-bottom: 90px;
    background: #2266a9;
    padding: 30px 0px;
}
.collapse{
    transition: width 3s;
    transition-delay: 1s;
}
.notify {
    top: -18px;
}
.card-outline-info .card-header {
    background: #255ea9;
    border-color: #255ea9;
}
select{
    height: 25px !important;
}
.container-fluid {
    padding: 10px 20px;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
}
.btn-info, .btn-info.disabled,.btn-info.active, .btn-info.disabled.active, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info:active, .btn-info:focus {
    background: #255ea9;
    border: 1px solid #255ea9;
}
.card-header:first-child {
    border-radius: 0px;
}
.center {
    text-align: center;
}
img.img-fluid.banner-logo {
    width: 140px;
    padding: 10px;
}
.dataTables_processing{

    position: absolute;
    top: 60%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #a5acb3;
    border-radius: 4px;

}
.swal-height {
    height: 38vh;
}

.form-control:focus {
 box-shadow: none;
}

input.error{
    border: 1px solid #dd6060 !important;
}

.custom-select {
    padding: 5px 5px 5px 10px;
}
::-webkit-input-placeholder {
    color: peachpuff;
    font-size: 12px;
}
::-moz-placeholder {
    color: peachpuff;
    font-size: 12px;
}
:-ms-input-placeholder {
    color: peachpuff;
    font-size: 12px;
}
::placeholder {
    font-size: 12px;
    color: #727272 !important;
}
label {
    font-weight: 400 !important;
}
.topbar .navbar-header {
    background: #255ea9;
}
label.control-label {
    font-size: 12px;
}
.topbar {
    background: #255ea9;
	position: fixed !important;
	width: 100% !important;
	display: block;
	overflow: hidden;
	bottom: unset !important;
}
.product .text {
	min-height: 85px;
}
.sweet-alert h2 {
    font-weight: 300;
    font-size: 25px;
}
.process-btn{
    display: inherit;
}
.purchase-table-header{
    width: 100%;
    background: #00897b;
    height: 5px;
    margin-top: 8px;
    overflow: hidden;
}
.purchase-rightbar-header{
    width: 100%;
    background: #00897b;
    height: 5px;
    margin-top: 8px;
    margin-bottom: 8px;
    overflow: hidden;
}
.custom-form-control{
    padding: 0px 10px;
    min-height: 28px !important;
    font-size: 12px !important;
    text-align: right;
    border-radius: 0px;
}
.custom-table-form-control{
    padding: 0px 10px;
    min-height: 25px !important;
    font-size: 12px !important;
    text-align: right;
    border-radius: 0px;
}

.custom-form-control-textarea{
    padding: 4px 10px;
    min-height: 28px !important;
    font-size: 12px !important;
    border-radius: 0px;
}
.custom-col {
    padding-right: 0px;
    padding-left: 2px;
}
.discount{
    padding-left: 16px;
}
.discount-percantage{
    display: inherit;
}
.discount-percantage span{
    font-size: 16px;
    margin-left: -20px;
    margin-right: 8px;
}
.qbtn{
    font-size: 20px;
}
.custom-btn-group{
    margin: 0 auto;
}
.table-custom{
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}
.table-custom tbody{
    display: block;
    width: 100%;
    overflow: auto;
    height: 388px;
}
.table-custom thead tr {
    display: block;
    border-bottom: 1px #b3aeae solid;
}
.table-custom th, .fixed_header td {
    padding: 5px;
    text-align: left;
}
.card-no-border .card {
    border: 0px;
    border-radius: 0px;
}
.switchery-main{
    width: 40px;
    margin: 0 auto;
    padding: 2px;
}
.switchery-left{
    width: 40px;
    padding: 5px;
}
.switchery {
    height: 20px;
    width: 40px;
}
.switchery>small {
    height: 20px;
    width: 20px;
}
.datepicker{
    padding: 4px 12px !important;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top{
    z-index: 999999 !important;
}
.datepicker td, .datepicker th {
    padding: 2px 5px;
    font-size: 12px;
}
.datepicker-switch{
    text-align: center;
}
.invoice{
    padding-top: 0px;
}
.print-btn{
    font-size: 15px;
}
h3 {
    font-size: 18px;
}
h4 {
    font-size: 16px;
}
.page-wrapper {
    padding-bottom: 30px;
    min-height: 700px !important;
    margin-bottom: 30px;
}
.date-form{
    padding-left: 2px;
    padding-right: 2px;

}
.datepicker{
    border-radius: 0px !important;
}
.custom-rightbar{
    height: 491px;
}

label#total-error {
    color: white;
    font-weight: bold !important;
    position: absolute;
    left: -600px;
    font-size: 18px;
    background: #f62d51;
    padding: 2px 10px;
}
tbody#items label {
    display: none !important;
}
.medicine-modal{
    max-width: 800px;
}
.table {
    margin-bottom: 3px;
}
.btn{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.btn2 {
    font-size: 12px;
    padding: 6px 9px;
}
.custom-tab{
    border: 1px #99b2cc solid;
}
.display-row {
    display: flex;
}
.add-customer{
    margin-top: 100px;
    max-width: 700px;
}
.full-width-btn{
    width: 100%;
}
.full-width-btn-extra i {
    padding: 8px 2px;
}
.topbar ul.dropdown-user {
    min-width: 230px;
}
.topbar ul.dropdown-user li a {
    padding: 3px 20px;
    display: block;
    color: #67757c;
    font-size: 13px;
}
.topbar ul.dropdown-user li .dw-user-box .u-text .btn {
    color: #ffffff;
    padding: 3px 8px;
    display: inline-block;
    font-size: 12px;
}
.sidebar-nav>ul>li>a.active {
    background: #ffffff;
}
.custom-card{
    min-height: 550px;
}
.error{
    color: #f72c2c;
    font-size: 12px;
}
datalist option
{
    background: red;
    width: 100%;
}
label {
    margin-bottom: 4px;
}
.report-head{
    width: 400px;
}
.dashboard_button{
    margin-top: 15px;
    margin-bottom: 15px;
    background: #0f74e0;
    height: 160px;
    color: white;
    font-size: 18px;
    text-align: center;
    padding: 45px;
}
.dashboard_button a{
    color: white;
}
.dashboard_button:hover{
    background: #366233;
    transition: 1s;
}
.dashboard-statement{
    margin-bottom: 25px;
    height: 150px;
}
.padding-right-0{
    padding-right: 0px !important;
}
.card-body {
    min-height: 550px;
}
.dashboard-card{
    background: white;
    padding: 30px;
}
.update-profile-side-box{
    padding: 20px;
}
.update-profile-side-box h2{
    text-align: center;
    font-size: 16px;
}
.data-segment {
    margin-bottom: 10px;
}
.data-segment p{
    background: #aaa1ec;
    padding: 5px 10px;
    border-radius: 6px;
}
.login-logo{
    width: 60%;
    margin-top: 50px;
}
.modal-divider{
    margin: 20px 0px;
    background: #ceecf2;
}
.total_test{
    color: red;
}
.modal-lg {
    max-width: 1000px;
}
.mid-info {
    background: #00453d;
    color: #fff;
    padding: 6px 10px;
}
.floating-labels label.error {
    position: relative;
    top: -17px;
    color: #f72c2c;
}
.floating-labels input.error {
    border: none !important;
    border-bottom: 1px #f1848f solid !important;
}

.all-patient-box{
    border: 1px #b5b5b5 solid;
    padding: 20px;
    margin-bottom: 20px;
}
.ct-series-c .ct-bar{
    stroke: #f9a203 !important;
}
.ct-series-a .ct-bar{
    stroke: #2dca0d  !important;
}
.ct-series-b .ct-bar{
    stroke: #ee534f  !important;
}
.ct-bar {
    stroke-width: 13px;
}


.positive{
    color: #2dca0d  !important;
}
.negative{
    color: #ee534f  !important;
}
.invalid{
    color: #f9a203  !important;
}
.full_width_modal{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    min-width: 100%;
}
#full_width_modal_parent{
    padding: 0 !important;
}
.full_width_modal_content{
    height: auto;
    min-height: 100%;
    border-radius: 0;
}
.campaign .ct-series-a .ct-line, .campaign .ct-series-a .ct-point {
    stroke: #2dca0d;
}
.campaign .ct-series-b .ct-line, .campaign .ct-series-b .ct-point {
    stroke: #ee534f;
}
.campaign .ct-series-b .ct-area {
    fill: #460e0b;
    fill-opacity: 0.2;
}
.donut_card{
    min-height: 508px !important;
}
.login-sidebar .login-box {
    left: 0px;
    right: unset;
    box-shadow: 3px 0 28px hsla(0,0%,45.5%,.5) !important;
}
.secondary_nav{
    position: relative;
    top: 45px;
    background-color: #295175 !important;
    padding: 0 20px;
}

.secondary_nav .nav-link {
    padding: 10px 15px !important;
    color: #ffffff;
}
.secondary_nav .nav-item.active {
    background: #48769f;
}
.secondary_nav .nav-link:hover {
    background: #48769f;
}
.secondary_nav .dropdown-menu{
    background: #295175;
    padding: 0;
    border-radius: 0;
    margin: 0;
    font-size: unset;
}
.secondary_nav .dropdown-menu .dropdown-item{
    padding: 10px 15px !important;
    color: #ffffff;
}
.secondary_nav .dropdown-menu .dropdown-item:hover{
    background: #48769f;
}
.topbar_company{
    color: #fff;
    margin: 0;
}
.scroll-sidebar {
    margin: 0 auto;
    max-width: unset;
    padding: 0 0px;
}
.topbar .top-navbar {
    max-width: unset;
}
.retest_field, .retest_field[readonly]{
    background: #00897b;
    border: 1px white solid;
    color: #fff;
}
.report_title_hr {
    width: 400px;
    position: relative;
    left: 50%;
    margin-left: -200px !important;
    margin-bottom: 30px;
    border: 1px #488361 solid;
    box-shadow: 2px 1px 2px #242424;
}
.auth_error p{
    font-size: 25px;
    text-align: center;
    font-weight: 600;
    color: white;
    padding: 10px 0px;
    background: #ff0000;
    width: 350px;
    margin: 0 auto;
    text-align: center;
    line-height: 30px;
}
p.protection {
    text-align: center;
    margin-top: 20px;
    color: #28582e;
    font-size: 16px;
}
#user_full_name{
    color: white;
}
.leaflet-popup-content {
    text-align: center;
    font-family: "Poppins", sans-serif;
}
.leaflet-popup-content p{
    margin: 0;

}
h4.company_name {
    font-weight: 500;
}
h4.app-features {
    font-weight: 600;
}
.page-wrapper {
    background: #dbe6ec;
}

.mobile-error {
    width: 220px;
    height: auto;
    position: absolute;
    background: #378097;
    bottom: 70px;
    z-index: 1;
    padding: 10px 15px;
    text-align: center;
    font-size: 12px;
    color: white;
    border-bottom: 6px #46c8ce solid;
}
.map-image{
    margin-bottom: 5px;
    border-radius: 5px;
    border: 1px #a0a0a0 solid;
    padding: 2px;
}
.croppie-container {
	height: auto !important;
}
input[type="file"]{
	font-size: 11px;
}
#modal_image{
	padding: 10px 0px;
}
.custom-checkbox{
	opacity: 1 !important;
	position: initial !important;
}
.fixed-table{
	max-height: 350px;
	overflow-x: auto;
	display: block;
}
#modal_image img {
	border: 1px #c1c1c1 solid;
	padding: 3px;
}
.topbar .top-navbar .navbar-header .navbar-brand {
	color: #fce736;
}
.sign-out-btn{
	color: #fce736;
}
.bootstrap-tagsinput {
	display: block;
	padding: .375rem .75rem;
	border-radius: 0px;
}
.bootstrap-tagsinput input {
	width: 100%;
}

@media (min-width: 768px){
    .sidebar-nav #sidebarnav>li:hover>ul, .sidebar-nav #sidebarnav>li:hover>ul.collapse {
        margin-top: -10px;
    }
	.mobile{
		display: none;
	}
}

@media only screen and (max-width: 420px) {
    .container-fluid {
        padding: 0px 10px;
    }
    .login-sidebar {
        padding: 40% 0;
    }
    .dashboard-card {
        margin-bottom: 10px;
        padding: 10px 20px;
    }
	.dashboard-card h1 {
		font-size: 13px;
	}
	.logo-center .top-navbar .navbar-header {
		position: absolute;
		left: 45px;
		right: 0;
		margin: unset !important;
	}
	.topbar .top-navbar .navbar-header .navbar-brand {
		font-size: 14px;
		color: #fce736;
	}
	.page-wrapper {
		padding-top: 50px !important;
	}
	.web{
		display: none;
	}
}