/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 5.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
.d-none, #d-none {
	display: none !important;
}
input.invalid[type=text]:not(.browser-default) {
	    border-bottom: 1px solid #a28e85;
    box-shadow: 0 1px 0 0 #a28e85;
}
#login-page {
	height: 50vh;
}
.m-0 {
	margin: 0;
}
.m-1 {
	margin: 1rem;
}
.m-2 {
	margin: 2rem;
}
.m-4 {
	margin: 4rem;
}
.payment-note {
	padding: 2px 5px;
    border-radius: 5px;
    color: white;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 9px;
}
.mt-0 {
	margin-top: 0;
}
.mt-1 {
	margin-top: 1rem;
}
.p-5 {
	padding: 5rem;
}
.pr-1 {
	padding-right: 1rem;
}
.text-center {
	text-align: center;
}
.d-flex {
	display: flex;
}
#treatment-tbl td {
	font-size: 16px;
}
h6 {
	color: #ffffff;
}
.fs-11 {
	font-size: 11px;
}
.btn-floating.btn-xsmall {
	width: 25px;
	height: 25px;
}
.btn-actions.active {
	height: 34px;
	width: 40px;
	display: inline-flex;
	flex-direction: row;
}
.files-list li {
	margin-bottom: 20px;
}
.btn-floating.btn-xsmall i {
	font-size: 16px;
    line-height: 25px;
}
.card .card-content {
	min-height: 120px;
}
.capitalize {
	text-transform: capitalize;
}
.patient-detail-list div {
	padding: 15px !important;
	border-bottom: 1px solid #e0e0e0;
	font-size: 18px;
}
strong {
	font-weight: 700 !important; 
	font-family: Arial;
}

.text-right {
	text-align: right;
}
.login-bg {
	background-color:  #f4f4f4;
}
.logo {
	width: 47%;
}
.tabs .tab a:focus, .tabs .tab a:focus.active {
 background-color: #e7d7c8;
}
.tabs .tab a:hover, .tabs .tab a.active {
	color: #ffffff;
    background-color: #a28e85;
}
.custom-radio {
	opacity: 0 !important;
	visibility: hidden;
}
.custom-radio:after {
	top: 3px !important;
	left: 2px !important;
}
.responsive-img {
	/* image-resolution: from-image;
	image-resolution: 300dpi;
	image-resolution: from-image 300dpi; */
	image-resolution: 300dpi;
}
.btn-remove-patient-record {
	width: 40px !important;
	height: 40px !important;
	line-height: 40px;
	padding-top: 4px;
	background: #ffffff !important;

}
#textarea1 {
	height: 75px !important;
}
.btn-change-signer {
	width: 30px;
	height: 30px;
	position: absolute;
    margin-left: 10px;
}
.btn-change-signer i {
	font-size: 18px !important;
    line-height: 32px !important;
}
#signer-name {
	font-size: 11px;
}
.gradient-45deg-indigo-purple, #login-page .gradient-45deg-purple-deep-orange, .pink {
	background: #a28e85 !important;
	display: grid;
	padding: 0;
}
.brand-sidebar .brand-logo, #login-page a {
	color: #ffffff !important;
    padding: 5px !important;
}
.hide-on-med-and-down, .brand-sidebar .brand-logo img {
	width: 100% !important;
	height: auto !important;
}
.bb-none {
	border-bottom: 0;
}
.preloader-wrapper {
	position: fixed;
    display: inline-block;
    width: 30px;
    height: 30px;
    bottom: 0;
    z-index: 1005;
    left: 0;
    margin: 41px;
}
.progress {
    position: fixed;
    display: block;
    overflow: hidden;
    width: 100%;
    z-index: 999999999999999;
    height: 4px;
    top: -8px;
    margin: .5rem 0 1rem 0;
    border-radius: 2px;
    background-color: transparent;
}
.sidenav-active-square .sidenav li > a.active, .sidenav-active-square .sidenav li > a.active > i {
	color: #000000;
}
.navbar-main  {
	top: 0;
}
#modal-add-expense, #modal-edit-expense {
	height: 388px;
}
#view-borderless-table .green-text {
	font-weight: bold;
	text-decoration: underline;
	color: #ffffff !important;
}
#view-borderless.green-text {
	font-weight: bold;
	text-decoration: underline;
	color: #a28e85 !important;
}
#breadcrumbs-wrapper.breadcrumbs-dark .breadcrumbs-title, #breadcrumbs-wrapper.breadcrumbs-dark a, .breadcrumb-item, #breadcrumbs-wrapper .breadcrumbs .active {
	color: #000000 !important;
}
.sidenav li a.active {
	background: -webkit-linear-gradient(
		45deg
		, #5a52520d, #a28e85);
			background: linear-gradient(
		45deg
		, #ffffff, #a28e85);
			box-shadow: 3px 3px 20px 0 #a28e85;
}
.gradient-45deg-purple-deep-orange.gradient-shadow {
	box-shadow: 0 6px 20px 0 #a28e85 !important;
}
 .gradient-45deg-purple-deep-orange {
background: linear-gradient(45deg, #d3c8c2, #d3c8c2) !important;
}
.sidenav li a {
	color: #000000;
}
.breadcrumb-item, #breadcrumbs-wrapper .breadcrumbs .active {
	color: #ffffff;
}
#add-patient-form .select-wrapper input.select-dropdown {
	height: 38px;
	font-size: 12px;
}
#upload-demo input[type=range] {
	width: 100%;
	float: right;
}
.croppie-container {
	height: 375px;
}

.card-alert.card.green, .card-alert.card.red {
	position: fixed;
    z-index: 9999;
    right: 52px;
    top: 74px;
    padding: 10px;
}
#edit-payment-type {
	height: 45px;
	border-bottom: 2px solid #bcbcbc;
}
.btn-hide-sales {
	transition: .3s ease-out;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
	color: #fff;
    border-radius: 50%;
    background-color: #a28e85;
	padding: 2px;
	margin-bottom: 15px;
}
.btn-hide-sales i {
	font-size: 18px;
	padding: 5px;
}
 .patient-table td .btn-floating{
	width: 30px !important;
	height: 30px !important;
}
.btn-floating i {
	font-size: 18px;
    line-height: 38px;
}
.modal {
	max-height: 99%;
	top: 1% !important;
}
#patient-info .patient-img {
	margin: 0 auto;
	display: block;
	margin-top: 20px;
	/* width: 200px;
    height: 200px; */
}
.w-100 {
	width: 100%;
}
#view-borderless-table td {
	font-size: 12px;
}
#view-borderless-table td span {
	font-size: 14px;
}
#badges [type='radio']:not(:checked), #badges [type='radio']:checked {
	position: relative;
    resize: none;
    opacity: 1;
	margin-top: 5px;
}
#main {
	background: #eee9e3;
}
#main .section-data-tables .dataTables_wrapper table.dataTable tbody td:not(:first-child) {
	padding: 7px 7px;
	/* float: right; */
}
.dataTables_scrollBody {
	height: 378px !important;
}
.dropdown-language {
	display: none;
}
.waves-effect.waves-block.waves-light.profile-button {
	/* margin-top: 18px; */
}
#modal-change-signer .wrapper {
	height: 225px;
}
.total-label {
	-webkit-transform: translateY(-14px) scale(.8) !important; 
    -ms-transform: translateY(-14px) scale(.8) !important;
 	transform: translateY(-14px) scale(.8) !important;
    -webkit-transform-origin: 0 0 !important;
    -ms-transform-origin: 0 0 !important;
    transform-origin: 0 0 !important;
}
.kbw-signature { width: 100%; height: 200px;}
#modal-drawing-area .kbw-signature { width: 100%; height: auto;}
.patient-signature {
	display: block;
    position: relative;
    width: 100%;
}
#modal-kinnie-drawing-area .kbw-signature { width: 100%; height: auto;}
.patient-signature {
	display: block;
    position: relative;
    width: 100%;
}
#sig canvas {
	margin: 10px;
    border: 1px solid black;
}
#modal-patient-signing-area {
	max-width: 465px;
}

.kbw-signature { 
	width: 100%; height: 200px;
}
#sig canvas{
	height: auto;
}

#main .section-data-tables .dataTables_wrapper .dataTables_paginate .paginate_button:hover, #main .section-data-tables .dataTables_wrapper #page-length-option_paginate .paginate_button:hover, #main .section-data-tables .dataTables_wrapper .dataTables_paginate .paginate_button.current, #main .section-data-tables .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, #main .section-data-tables .dataTables_wrapper #page-length-option_paginate .paginate_button.current, #main .section-data-tables .dataTables_wrapper #page-length-option_paginate .paginate_button.current:hover {
	background: #ffffff !important;
	border: 1px solid #ff408100;
    box-shadow: 0 0 8px 0 #ff4081;

}
table.tr-border-none tr {
	border-bottom: none;
}
#patient-treatment-records table.dataTable.display tbody td {
	border: 1px solid black !important;
}
/* HIDE SEARCH RESULT */
.search-list {
	position: relative;
	top: 0%;
}
.auto-suggestion {
	display: block;
}
.auto-suggestion.d-result {
	display: block !important;
}

.collection .collection-item {
	padding: 2px 20px;
}
img.responsive-img {
	max-width: 65%;
}
.edit-patient-form [type='radio'] {
	
	pointer-events: fill;
}
#treatment-tbl {
	table-layout: auto;
	width: 100%;  
	text-indent: initial;
}
#treatment-tbl th {
	font-size: 13px;
}
#treatment-tbl td {
	word-wrap: break-word;
	display: table-cell;
	font-size: 16px;
	padding: 0;

}
#signerName {
	border-top: 1px solid;
	min-width: 100px;
	display: block;
}
#treatment-tbl tr {
	border: none;
} 

#treatment-tbl tr:hover {
	background-color: #f6f6f6;
} 
#signatureLink {
	display: block;
    position: relative;
    width: 100%;
}
.wrapper {
	position: relative;
	width: 100%;
	height: 200px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  
  .signature-pad {
	position: absolute;
	left: 0;
	top: 0;
	width:425px;
	height:200px;
	background-color: white;
  }
  .drawing .signature-pad.teeth-background {
	position: relative;
	left: 0;
	top: 0;
	width:615px;
	height:600px;
	margin: 0 auto;
    display: block;
	background-color: white;
  }
  .drawing .signature-pad {
	position: relative;
	left: 0;
	top: 0;
	width:600px;
	height:300px;
	margin: 0 auto;
    display: block;
	background-color: white;
  }
  .drawing .signature-pad.body-background {
	position: relative;
	left: 0;
	top: 0;
	width:600px;
	height:900px;
	margin: 0 auto;
    display: block;
	background-color: white;
  }
  #modal-remove-consent.modal.sm {
	  max-width: 700px;
  }
  #modal-remove-consent .wrapper {
	height: auto;
  }
  #modal-kinnie-drawing-area .drawing-kinnie .signature-pad {
	position: absolute;
	left: 0;
	top: 0;
	width:600px;
	height:400px;
	background-color: white;
  }
  #modal-view-patient-sign {
	width: 52%;
  }
  #modal-view-patient-sign .wrapper {
	  height: 300px;
	  text-align: center;
  }
  .h-600 {
	  height: 600px !important;
  }
  .h-900 {
	height: 900px !important;
   }
   .h-790 {
	height: 790px !important;
   }
  .signature-pad.head-background {
	  background-image: url('/images/head-background.jpg');
	  background-size: 100%;
	  background-repeat: no-repeat;
	  height:600px;
  }
  .signature-pad.teeth-background {
	background-image: url('/images/teeth-structure.png');
	background-size: 100%;
	background-repeat: no-repeat;
	height:600px;
}
.signature-pad.body-background {
	background-image: url('https://sagundentalclinic.com/images/body-draw-landscape.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
	height:600px;
}
.signature-pad.sentence-background {
	background-image: url('https://sagundentalclinic.com/images/draw-sentence.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
	height:600px;
}
  .signature .signature-pad {
	position: absolute;
	left: 0;
	top: 0;
	width:575px;
	height:400px;
	background-color: white;
  }
  .treatment-scroll {
	overflow-y: scroll;
    min-height: 400px;
  }
  ul.disc li {
	list-style-type: disc;
	margin: 15px 5px;
  }
.btn:hover, .btn-large:hover, .btn-small:hover {
    background-color: #e7d7c8;
}
  ul.number li {
	list-style-type: decimal;
	margin: 15px 5px;
  }
  .del-treatment-record {
	background: #a28e85;
    color: white !important;
    width: 20px;
    text-align: center;
    padding: 5px;
    border-radius: 25px;
	cursor: pointer;
  }
  #view-contract-consent .card-panel:hover {
	background: #f9f9f9;
  }
  .geeks {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

.geeks img {
	width: 100%;
	transition: 0.5s all ease-in-out;
}

.geeks:hover img {
	transform: scale(1.5);
}

  .material-icons.md-48 {
	  color: #ff4081 !important;
  }
  .consent-checkbox, .kinnie-checkbox  {
	position: relative !important;
    pointer-events: fill !important;
    opacity: 1 !important;
  }
  .kinnie-checkbox {
	margin: 4px;
  }
  input.kinnie-checkbox {
	  height: 20px;
	  width: 20px;
	  margin-left: 16px;
  }
  #modal-drawing-area .wrapper,#modal-drawing-area-main .wrapper {
	height: auto;
  }
  
  #modal-kinnie-drawing-area .wrapper {
	height: 800px;
  }
  #modal-drawing {
	  height: auto;
  }
  #modal-drawing .wrapper {
	  height: auto;
  }
  .avatar-status span {
	  position: relative;
	  /* padding-top: 18px; */
  }
  .sidenav .navigation-header .navigation-header-text {
	  display: none;
  }
  body.secretary .collapsible-header.waves-effect.waves-cyan  {
	  /* display: none; */
  }
  .navbar .profile-button span.avatar-status {
	  line-height: 50px;
  }
  #modal-contract-consent.modal .wrapper {
	  height: 100%;
  }
  #modal-kinnie-funt {
	  width: 95%;
	  max-width: 1016px;
	  overflow-x: auto;
  }
  #modal-kinnie-funt table td, #modal-kinnie-funt p {
	  padding: 0;
	  margin: 0;
  }
  #modal-add-subscription {
	  height: 550px;
  }
  #modal-informed-consent, #modal-instruction-veneers, #modal-instruction-laser-whitening, #modal-home-care-instruction, #modal-orthodontic-braces-contract, #modal-kinnie-funt, #modal-post-op-instruction-tooth-extraction, #modal-oral-diagnosis, #modal-contract-for-tmj, #modal-about-tmj, #modal-ambassadors-contract, #modal-downpayment-and-scheduling-policy {
	  height: auto;
  }
  #modal-informed-consent .wrapper, #modal-instruction-veneers .wrapper, #modal-instruction-laser-whitening .wrapper, #modal-home-care-instruction .wrapper, #modal-orthodontic-braces-contract .wrapper, #modal-kinnie-funt .wrapper, #modal-post-op-instruction-tooth-extraction .wrapper, #modal-about-tmj .wrapper, #modal-ambassadors-contract .wrapper, #modal-oral-diagnosis .wrapper,  #modal-contract-for-tmj .wrapper, #modal-downpayment-and-scheduling-policy .wrapper {
	height: auto;
	padding: 0 10px;
  }
  textarea.materialize-textarea:focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]) {
	box-shadow: none;
  }
  .sign-area.patient, .sign-area.patient2, .sign-area.patient3, .sign-area.patient4, .sign-area.patient5, .sign-area.patient6, .sign-area.patient7, .sign-area.patient8, .sign-area.patient9, .sign-area.patient10, .sign-area.patient11,.sign-area.patient12, .sign-area.head, .sign-area.sentence, .sign-area.body, .sign-area.teeth {
	display: block !important;
  }
  
  .sign-area.body.start {
       background-image: url('/assets/files/kinnie-funt-drawing/body-draw-portrait.jpg');
  }
  .sign-area.dentist {
	display: block !important;
  }
  .sign-area.witness {
	display: block !important;
  }
  #form-add-patient label {
	  vertical-align: middle;
  }
  .search-result-mobile {
	background: #fafafa;
  }
  .search-result-mobile li {
	background: #fafafa;
	width: 100%;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
  }
  input[type='radio']:after {
	width: 20px;
	height: 20px;
	border-radius: 20px;
	top: -2px;
	left: -1px;
	position: relative;
	background-color: #d1d3d1;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 2px solid white;
}
.gradient-45deg-light-blue-cyan {
background: linear-gradient(45deg, #cec6c3, #a28e85) !important;
box-shadow: 0 6px 20px 0 #a28e85 !important;
}
input[type='radio']:checked:after {
	width: 20px;
	height: 20px;
	border-radius: 20px;
	top: -2px;
	left: -1px;
	position: relative;
	background-color: #a28e85;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 2px solid white;
}
@media (max-width: 375px) { 
	.modal.modal-fixed-footer {
		height: 93%;
	}
	#login-page {
		height: 69vh;
	}
	#treatment-tbl td {
		font-size: 15px;
	}
	.mobile-min-width {
		min-width: 250px;
	}
	.modal h1, .modal h2, .modal h3, .modal h4 {
		font-size: 17px;
	}
	#patient-info .patient-img {
		width: 255px !important;
	}
	.collection-item.cursor-pointer .patient-name {
		margin-top: 1rem !important;
		margin-left: 10px !important;
		margin-right: 0 !important;
		margin-bottom: 0 !important;
	}
	.secondary-content .ultra-small {
		line-height: 1;
	}
	.page-upload-profile-pic {
		margin-top: 70px;
	}
	
	.page-patient-records .patient-img {
		height: 50px !important;
    	width: 50px !important;
	}
	.waves-effect.waves-block.waves-light.profile-button {
		margin-top: 0 !important;
		height: 64px;
   		 padding-top: 7px;
	}

	.dashboard-page .waves-effect.waves-block.waves-light.profile-button {
		margin-top: 7px !important;

	}
	.invoice-data-table td {
		font-size: 10px;
	}
	.invoice-data-table th {
		font-size: 12px;
		border-radius: 0 !important;
	}
	
	#modal1 .patient-img {
		height: 160px !important;
		width: 160px !important;
	}
	.auto-suggestion.d-result {
		padding: 5px 0;
	}
	.f-size-10 {
	}
	.mobile-remove {
		display: none;
	}
	.mobile-display {
		display: block !important;
	}
	#html-badges .card-content {
		padding: 0;
	}
	#html-badges .card {
		box-shadow: none;
	}
	.modal .modal-content {
		padding: 10px;
	}
	#view-files .card-content {
		padding: 10px;
	}
	#view-files table, #view-contract-consent table {
		font-size: 11px;
	}
	.member-info span, .member-info small {
		line-height: 1.1;
	}
	.collection-item {
		padding: 1px 8px;
	}
	.collection-item .avatar {
		margin-right: 11px;
	}
	.dashboard-page .collection-item .avatar {
		height: 35px;	
	}
	.dashboard-page .member-info.display-flex.flex-column {
		margin-top: 2px;
	}
	#modal-add-treatment-record h4 {
		font-size: 15px;
	}
	.mob-d-flex {
		display: flex;
		margin-bottom: 5px;
	}
	.mobile-margin-left  {
		margin-left: 70px;
	}
	.avatar-status span {
	  }
	  #patient-info .patient-img {
		height: 251px !important;
	}
}


@media only screen and (max-width: 815px) {

	.search-button i {
		line-height: 64px;
		height: 64px !important;
		top: 0;
	}
	#patient-info .patient-img {
		/* height: auto !important; */
		min-height: 213px;
	}
	#patient-info #borderless-table {
		min-height: 455px;
	}
	.waves-effect.waves-block.waves-light.profile-button {
		/*margin-top: 7px;*/
	}
	.mobile-hide {
		display: none;
	}
	.mobile-show {
		display: block !important;
	}
	.patient-page .waves-effect.waves-block.waves-light.profile-button {
	}
	#treatment-tbl td {
		font-size: 17px !important;
	}
	/* .waves-effect.waves-block.waves-light.profile-button {
		margin-top: 18px;
	} */
	.navbar-fixed nav {
		position: relative !important;
	}
	#modal-edit-treatment-record {
		height: 99% !important;
	}
	#modal-edit-treatment-record .row .col {
		padding: 1px 5px;
	}
	#modal-edit-treatment-record input {
		height: 2rem;
	}
	.kf-tbl-s2 td p {
		font-size: 14px;
	}

    .kf-tbl p {
		display: flex;
	}
	.kf-tbl p input {
	}
	.kf-tbl p div {
		display: block;

	 }
	 .kf-tbl .kinnie-checkbox {
		height: 17px;
		margin-right: 10px;
	 }
	 .kf-tbl #note1 {
		width: 272px;
		display: block;
		text-align: left;
		height:23px;
		position: relative;
	 }
	 .tr-border-none #note2 {
		width: 100%;
		display: flex;
		text-align: left;
		position: relative;
	 }
	 #note2 label {
		display: none;
		font-size: 15px;
   		color: red;
		padding-top: 1px;
	 }
	 #note2 input {
		 color: red;
	 }
	 .tr-border-none #note3 {
		display: flex;
		text-align: left;
		position: relative;
	 }
	 #note3 label {
		display: none;
		padding-top: 8px;
		color: red;
		padding-left: 5px;
		font-size: 12px;
	}

	#note3 label span {
		vertical-align: text-top;
		font-size: 9px;
	}
	
	 .kf-tbl #note1 input {
		margin-left: 20px;text-align: left;height: 17px;border-bottom: 1px solid black;width: 100%;
		display: none;
	 }
	  .tr-border-none #note2 input  {
		font-size: 15px;
		text-align: left;height: 17px;border-bottom: 1px solid black;width: 100%;
		display: none;
		margin-left: 2px;
		margin-bottom: 15px;
	 }
	 .tr-border-none #note3 input  {
		font-size: 14px;
		text-align: left;height: 25px;border-bottom: 1px solid black;width: 100%;
		display: none;
		margin-bottom: 1px;
		margin-left: 6px;
		color: red;
	 }
	 #note3 input:checked ~ .kinnie-checkbox, #note3 input:after ~ .kinnie-checkbox {
		background-color: red !important;
	 }
	#modal-edit-treatment-record #edit-procedure {
		line-height: normal;
		overflow-y: hidden;
		box-sizing: border-box;
		min-height: 3rem;
		padding: .8rem 0 .8rem 0;
		resize: none;
		min-height: 33%;
		/* min-height: 100%;
		height: auto !important; */
	}
	#modal-edit-treatment-record .modal-content {
		overflow-x: hidden;
	}
	#textarea1 {
		height: 135px !important;
	}
   }
   @media only screen and (min-device-width: 320px) and (max-device-width: 400px)  {
		.sales-report-section {
			width: 100% !important;
		}


	}
   /* Doc James Phone reso */
   /* Portrait view */
   @media only screen and (min-device-width: 380px) and (max-device-width: 500px)  {
	.modal.modal-fixed-footer {
		height: 93%;
	}
	#login-page .card-panel.border-radius-6.login-card {
		    margin: 10px !important;
	}
	
	#patient-info .patient-img {
		height: 255px !important;
		width: 255px !important;
	}
	.sales-report-section {
		width: 100% !important;
	}
	.member-info span, .member-info small {
		line-height: 1.5;
	}
	.collection-item {
		padding: 1px 8px;
	}
	.auto-suggestion a {
		color: #fff;
		border: 1px solid;
		/* padding: 5px 8px; */
	}
	.flex-grow-1 {
		padding-left: 10px;
	}
	.d-result .avatar img {
		margin-top: 4px;
	}
	.d-result .avatar {
		margin-right: 10px;
	}
	.add-form-treat h4 {
		font-size: 19px;
	}
	.dashboard-page .waves-effect.waves-block.waves-light.profile-button {
		padding-top: 7px !important;
	}

   }
   /* Landscape view */
   @media only screen and (min-device-width: 825px) and (max-device-width: 896px)  {
	.gradient-45deg-indigo-purple.bg-change-nav {
			position: relative;
		}
		#modal-add-treatment-record {
			height: 100%;
		}
		.add-form-treat h4 {
			font-size: 23px;
		}
		#patient-info .patient-img {
			height: 175px !important;
			width: 175px !important;
		}
		.mobile-min-width {
			min-width: 330px;
		}

		.dashboard-page .waves-effect.waves-block.waves-light.profile-button {
			padding-top: 0 !important;
		}
	}
   @media only screen and (min-device-width: 580px) and (max-device-width: 780px)  {
		.gradient-45deg-indigo-purple.bg-change-nav {
		/* background-color: transparent !important; */
		position: relative;
		}
		.bg-change-nav.navbar-dark ul a {
			/* color: #ff4081; */
		}
		#modal-add-treatment-record {
			height: 100%;
		}
   }
 

   @media only screen and (min-device-width: 601px) and (max-device-width: 767px) {

	.patient-page .waves-effect.waves-block.waves-light.profile-button, .patient-profile-page .waves-effect.waves-block.waves-light.profile-button, .sales-page .waves-effect.waves-block.waves-light.profile-button {
		margin-top: 18px;
		transform: none;
	}
	#patient-info .patient-img {
		height: 125px !important;
		width: 125px !important;
	}
	.gradient-45deg-indigo-purple.bg-change-nav {
		background-color: transparent !important;
	}
	.bg-change-nav.navbar-dark ul a {
		color: #ff4081;
	}
	.mobile-hide {
		display: none;
	}
	.mobile-show {
		display: block !important;

	}
	#patient-info .patient-img {
	}
	#patient-info #borderless-table {
		min-height: 434px;
	}
	.collection-item .patient-name {
		margin-left: 16px;
	}
	#view-contract-consent .card-panel.card-content h5 {
		font-size: 13px;
	} 
	#view-contract-consent .card .card-content {
		min-height: 96px;
   
	}
	#html-view-validations .fs-10 {
		font-size: 9px !important;
	}
	#treatment-tbl td {
		font-size: 16px;
	}
}
@media (max-width: 992px) {
	.navbar .navbar-main {
		padding: 0;
	}
	.row .col {
		padding: 5px;
	}

}
/* // Medium devices (tablets, 768px and up) */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.dashboard-page .row .col {
		padding: 0 15px !important;
	}
	.add-form-treat h4 {
		font-size: 19px;
	}
	.collection-item.cursor-pointer .patient-name {
		margin-top: 1rem !important;
		margin-left: 10px !important;
		margin-right: 0 !important;
		margin-bottom: 0 !important;
	}
	#modal-view-file {
		height: 100%;
	}
	.tab-fs-10-4 {
		font-size: 10.4px;
	}
	#form-add-patient {
		font-size: 10.5px;
	}
	#form-edit-patient .row .col {
		font-size: 12px;
	}
	#view-badges .row .col.m8 {
		font-size: 12px;
	}
	#modal1 .row .col {
		padding: 0 5px;
	}
	#modal1 .row .col.m8 {
		font-size: 10px;
		padding-top: 3px;
	}
	/* #form-add-patient #info-form .row .col {
		padding: 0 10px !important;
	} */
	#form-add-patient .row .col {
		padding: 0;
	}
	
	.dash-side {
		padding: 0 !important;
	}
	.waves-effect.waves-block.waves-light.profile-button  {
		padding-top: 18px;
	}
	.page-patient-records .patient-img {
		resize: both;
	}
	#view-files .card-content {
		padding: 10px;
	}
	#view-files table, #view-contract-consent table {
		font-size: 11px;
	}
	.member-info span, .member-info small {
		line-height: 1.5;
	}
	.collection-item {
		padding: 1px 8px;
		margin: 5px;
		border-bottom: 1px solid #fafafa !important;

	}
	.collection-item .avatar {
		margin-right: 11px;
	}
	#modal-add-treatment-record h4 {
		font-size: 15px;
	}
	.mob-d-flex {
		display: flex;
		margin-bottom: 5px;
	}
	.auto-suggestion {
		border-top: 1px solid #dadada !important;
	}
	.collection-item .flex-grow-1 {
		height: 45px !important;
	}
	#patient-info .patient-img {
		/* height: 175px !important; */
	}
	#patient-info .card-content {
		min-height: 425px;
	}
	#modal1 .modal-patient {
		min-height: 425px !important;
	}
	#modal1 #patient-info .card-content {
		height: 425px !important;
	}
	#modal1 #patient-info .patient-img {
		height: 130px !important;
		width: 130px !important; 
	}
	.fs-10 {
		font-size: 10px;
	}
	.collection .collection-item.dash {
		padding: 2px 5px;
		padding-left: 0 !important;
	}
	.collection.with-header .collection-item.dash .patient-img {
		width: 30px !important;
		height: 30px !important;
		background-size: contain !important;
	}
	.logo {
		width: 100%;
	}
	#login-page {
		height: 47vh;
	}
	.collection.with-header .collection-item.dash .ultra-small {
		font-size: 7px !important;
	}

	.collection.with-header .collection-item.dash .grey-text {
		font-size: 9px !important;
	}
	#view-contract-consent  .card-panel.card-content {
		padding: 1px;
		min-height: 87px;
	}
	#view-contract-consent  .card-panel.card-content h5 {
		font-size: 19px;
	}
	[type='radio']:not(:checked) + span, [type='radio']:checked + span {
		padding-left: 23px;
	}
	.fs-10-8 {
		font-size: 10.8px;
	}
	#modal1 {
		font-size: 13px !important;
	}

	 input[type='radio']:checked:after,  input[type='radio']:after {
		/* width: 15px;
		height: 15px; */
	}
	#modal1 #view-contract-consent .card-content, #modal1 #view-contract-consent .row .col {
		padding: 2px 7px;
	}
	#chartjs-line-chart p {
		line-height: 1.3;
	}
	.page-upload-profile-pic {
		margin-top: 200px;
	}
	body.mh-250 {
		height: auto;
	}

	body.mh-250 #main {
		min-height: 250px !important;
	}
	.invoice-list-wrapper .responsive-table .invoice-data-table th {
		padding: 20px 9px;
	}
 }
/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) { 
	.modal {
		width: 95%;
	}
	.drawing .signature-pad.body-background {
		width: 615px;
		height: 815px;
	}

}
.card h6 {
	color: #000000;
}
.btn-remove-patient-record {
	    background: #e15e5e !important;
		background: linear-gradient(45deg, #f50b1e, #f50b1e) !important;
}
 /* X-Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) { 
	.modal {
		width: 85%;
	}

 }
 .gradient-45deg-light-blue-cyan {
	    box-shadow: 0 6px 20px 0 rgb(238 233 227) !important;
 }
 .blue {
	    background-color: #56af70 !important;
 }
 /* XX-Large devices (larger desktops, 1400px and up) */
@media (max-width: 1400px) {
	#main {
		min-height: 860px;
	}
 } /* XXX-Large devices (larger desktops, 1400px and up) */
 @media only screen and (min-device-width: 1025px) and (max-device-width: 2000px) {
	.responsive-img.res-image {
		height: 250px !important;
		width: 250px !important;
	}
	 #main {
		 min-height: 1045px;
	 }
	 .navbar-list.right {
		display: inline-flex;
		position: relative;
		margin-top: -64px;
	 }
	 .navbar input.header-search-input {
		width: 50%;
	 }
	 .waves-effect.waves-block.waves-light.profile-button {
		height: 64px;
		/* padding-top: 18px ; */
	  }
  }

  .srcollable-table {
	overflow: overlay;
    margin: 20px;
  }
  
      #the-body#start {
            background-image: url('/assets/files/kinnie-funt-drawing/body-draw-portrait.jpg');
          }