body.login {
	background: url('../img/bg.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body.index {
	background-color: #e5e5e5;
}

#contents {
	background: url('../img/w80.png') repeat center center;
	padding: 0 25px 25px;
	width: 800px;
	margin: 0 auto;
}

#contents > p {
	font-style: italic;
}

.clear {
	clear: both;
}

@font-face{
	font-family:"Roboto";
	src:url("../../patients/font/roboto/Roboto-Thin.woff2") format("woff2"),
		url("../../patients/font/roboto/Roboto-Thin.woff") format("woff"),
		url("../../patients/font/roboto/Roboto-Thin.ttf") format("truetype");
	font-weight:200;
}
@font-face{
	font-family:"Roboto";
	src:url("../../patients/font/roboto/Roboto-Light.woff2") format("woff2"),
		url("../../patients/font/roboto/Roboto-Light.woff") format("woff"),
		url("../../patients/font/roboto/Roboto-Light.ttf") format("truetype");
	font-weight:300;
}
@font-face{
	font-family:"Roboto";
	src:url("../../patients/font/roboto/Roboto-Regular.woff2") format("woff2"),
		url("../../patients/font/roboto/Roboto-Regular.woff") format("woff"),
		url("../../patients/font/roboto/Roboto-Regular.ttf") format("truetype");
	font-weight:400;
}
@font-face{
	font-family:"Roboto";
	src:url("../../patients/font/roboto/Roboto-Medium.woff2") format("woff2"),
		url("../../patients/font/roboto/Roboto-Medium.woff") format("woff"),
		url("../../patients/font/roboto/Roboto-Medium.ttf") format("truetype");
	font-weight:500;
}
@font-face{
	font-family:"Roboto";
	src:url("../../patients/font/roboto/Roboto-Bold.woff2") format("woff2"),
		url("../../patients/font/roboto/Roboto-Bold.woff") format("woff"),
		url("../../patients/font/roboto/Roboto-Bold.ttf") format("truetype");
	font-weight:700;
}

#login_center {
	font-family: 'Roboto', sans-serif;
	font-weight: 100 !important;
	text-align: left;
	/*background: url('../img/w80.png') repeat center center;*/
	background-color: rgba(0,0,0,0.5);
	padding: 0 25px 25px;
	border: 1px solid #ccc;
	border-radius: 10px;
	color: white;
	position: fixed;
    top: 50%;
    right: 10px;
    margin-top: -195px;
    min-height: 390px;
    width: 600px;
}

#login_center div.h1 {
	font-weight: 100;
	font-size: 2.5em;
	margin: 0.5em 0;
    margin-right: 10px;
}

#login {
	margin: 25px 0px;
}

#login label {
	display: inline-block;
	width: 125px;
	vertical-align: middle;
}

#login input[type=text], #login input[type=password] {
	background-color: white;
	width: 250px;
	padding: 5px;
	border-radius: 5px;
	color: black;
}

.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
.btn, .btn-large, .btn-flat {
    border: none;
    border-radius: 2px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    outline: 0;
    padding: 0 2rem;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
}
.btn, .btn-large {
    text-decoration: none;
    color: #fff;
    background-color: #26a69a;
    text-align: center;
    letter-spacing: .5px;
    transition: .2s ease-out;
    cursor: pointer;
}
.btn-large {
    height: 54px;
    line-height: 54px;
}
.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    transition: all .3s ease-out;
}
.blue.accent-2 {
    background-color: #448AFF !important;
}

body.index .navigation_top {
	background-color: white;
}
.navigation_top {
	background-color: #f1f1f1;
	height: 60px;
}

.navigation_logo, .navigation_search, .navigation_options {
	height: 60px;
	/*line-height: 58px;*/
	vertical-align: middle;
	display: inline-block;
}

.navigation_logo {
	max-width: 125px;
	min-width: 125px;
	line-height: 58px;
}
.navigation_logo div {
	position: absolute;
	padding: 0 20px 0 15px;
}
.navigation_logo a {
	position: relative;
	display: inline-block;
	outline: none;
	vertical-align: middle;
}
.navigation_logo span {
	height: 42px;
	width: 90px;
	display: block;
	background-image: url('../img/header_logo.png');
}

.navigation_search {
	min-width: 200px;
	position: relative;
	width: 650px;
	z-index: 986;
}

.navigation_top .navigation_search {
	/* width: 35%; */
	width: 410px;
}

.navigation_search .navigation_search_inputbox {
	display: inline-block;
	padding-top: 15px;
	left: 0;
	width: 100%;
	line-height: normal;
	position: relative;
	top: 0px;
	white-space: nowrap;
}
.navigation_search .navigation_search_inputborder {
	background: #fff;
	background-clip: padding-box;
	border: 1px solid #cdcdcd;
	border-color: rgba(0,0,0,.15);
	border-right-width: 0;
	height: 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.navigation_search .navigation_search_inputcasing { /* i ran out of words */
	height: 30px;
	margin-top: 2px;
	padding: 0px;
	position: absolute;
	right: 0;
	left: 0;
	height: 100%;
}
.navigation_search form {
	position: relative;
}
.navigation_search input[type="text"] {
	border: none;
	margin: 0px 0px 0px 9px;
	padding: 0px;
	z-index: 6;
	outline: none;
	width: 87%;
}

.navigation_top .navigation_search input[type="text"] {
	/* width: 83%; */
	width: 325px;
}

.navigation_options {
	float: right;
	font-size: 13px;
	text-align: right;
	min-width: 270px;
	padding-left: 30px;
	padding-right: 5px;
	position: relative;
	text-align: right;
	z-index: 986;
	margin-left: 0!important;
	margin-right: 0!important;
}
.navigation_options a {
	display: inline-block;
	padding: 18px 0px; /*padding: 0 0 0 15px;*/
	color: #404040;
	text-decoration: none;
}
	.navigation_options a:hover {
		text-decoration: underline;
	}
	.navigation_options a:visited, .navigation_options a:link {
		color: #404040;
	}

.navigation_options a > div {
	padding: 5px 7px;
	border-left: 1px solid #ccc;
}

.navigation_options a:first-child div{
	border: none;
}

.navigation_options a.navigation_option_logout{
	background: rgba(0,0,0,.04);
	line-height: 30px;
	position: relative;
	text-align: center;
	margin-left: 15px;
	width: 70px;
	padding: 0px;
}

.center_column {
	margin-top: 25px;
	margin-left: 130px;
}

.dashboard_search {
  position: fixed;
  top: 40%;
  left: 50%;
  margin-top: -100px;
  margin-left: -325px;
  text-align:center;
  height: 200px;
  width: 650px;
}
.dashboard_logo {
	text-align: center;
}

.search_cards {
	width: 650px;
	background-color: #f7f7f7;
	/*border: 1px solid #ededed;
	padding: 5px;*/
	margin-top: 5px;
}

.card_info {
	margin: 5px;
}

.card_picture, .card_details {
	background-color: white;
	border: 1px solid #ededed;
	display: inline-block;
	height: 150px;
}
.commission_name_image {
	background: url('../img/doctor.jpg') center center;
	width: 150px;
	height: 150px;
}

.search_cards .commission_name_name {
	width: 495px;
}
.search_cards .commission_name_name > * {
	margin-left: -5px;
}

.search_cards .commission_name_name_name, .search_cards .commission_name_name_category {
	margin-left: 5px;
}
.search_cards .commission_name_name_category {
	font-style: italic;
	margin-left: 15px;
}
.search_cards .commission_details {
	padding: 1px;
}
.search_cards .commission_details_table_tr {
	margin: 1px 0px;
}
.card_details {
	width: 525px;
	margin-left: 5px;
}
	.card_details table {
		margin: 5px;
	}
	.card_details td {
		width: 50%;
	}
.card_controls {
	background-color: #f1f1f1;
	line-height: 25px;
	height: 25px;
	padding: 5px;
}
.card_controls .card_compute{
	float:left;
}
.card_controls .card_edit {
	float: right;
	font-weight: bold;
	text-transform: uppercase;
}

.card_name {
	margin-bottom: 5px;
}

.ui-autocomplete {
	max-height: 275px;
	width: 665px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	color: black;
	background: none;

}

.ui-autocomplete * {
	text-align: left;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
	height: 275px;
}

.ui-menu .ui-menu-item {
	padding: 0px;
}

.ui-widget-content {
	border: 0px;
}
.ui-autocomplete .ui-state-focus {
	border: 1px solid red;
	background: none;
	font-weight: normal;
	color: black;
	margin: -1px;
}

a:visited {
	color: blue;
}

#infoMessage {
	margin: 0px 50px 20px 50px;
	background-color: lightblue;
	border: 1px solid blue;
	padding: 10px;
}
#infoMessage p {
	margin: 10px;
	text-align: center;
}

.warning, .notification {
	color: black;
    margin: 10px;
    padding: 10px;
    text-align: center;
}
.warning 
{
	background-color: #FFC9C9;
    border: 1px solid #BD0000;
}
.notification 
{
	background-color: #F1FFEB;
    border: 1px solid #4CA82A;
}

.form {
	margin-top: 10px;
}
.form label {
	width: 120px;
	display: inline-block;
	vertical-align: top;
	padding: 7px 0px;
}
.form select {
	width: 265px;
	margin: 7px 0px;
}
.form_row label {
	width: 180px;
}
.form input[type=text], .form input[type=password] {
	width: 250px;
	padding: 5px;
}
.form textarea {
	width: 250px;
	padding: 5px;
}
.form label.input_checkboxes {
	width: 245px; /* same as input text boxes minus width of checkbox */
	padding: 1px;
}
.form_row {
	padding: 5px 0px; /*5px 0px*/
}
.form_row_view .form_row > div {
	display: inline-block;
	vertical-align: top;
}
.form_row .form_row_value {
}
.input_checkboxes {
	margin-bottom: 8px;
}
.form_actions {
	padding-top: 15px;
	/*text-align: center;*/
}
.action_link {
	display: inline-block;
	width: 130px;
	text-align: center;
	height: 16px;
	text-decoration: none;
	font-weight: bold;
}
.form_actions a.action_link, .form_actions a.action_link:visited {
	color: #336633;
}
a.action_link_accept:hover, a.action_link_modify:hover, a.action_link_reject:hover {
	background-color: #f1ffeb;
	color: black;
}

.form_actions input[type='submit'] {
	width: 134px;
	font-weight: bold;
}
.form_actions > * {
	margin: 5px;
	display: inline-block;
}

.spacer {
	height: 50px;
	width; 100%;
}

.form fieldset {
	background: url('../img/w80.png') repeat center center;
}

.two_column {
	display: inline-block;
}
.left_column, .right_column {
	width: 640px;
}
.left_column {
	float: left;
}
.right_column {
	float: right;
}

.ui-datepicker-trigger {
	margin-left: 10px;
}

input[type=text].grid_rate_input {
	width: 190px;
	text-align: right;
	margin: 5px auto;
}
input[type=text].grid_rate_input_rate {
	width: 90px; /*75px*/
	text-align: right;
}
span.grid_rate_input_fixed input[type=checkbox]{
	margin-left: 5px;
}
.grid_rate {
	width: 600px;
	margin: 0 auto;
}
.grid_rate label {
	width: 50px;
	vertical-align: middle;
	margin-left: 5px;
}

.form_row_wide label {
	width: 250px;
}

.form_row_wider {
	/*padding: 3px 0px 3px 10px;*/
}
.form_row_wider:hover {
	background-color: #f0f0f0;
}
.form_row_wider label {
	width: 450px;
}

#dentist_category_1, #dentist_category_2, #dentist_category_3 {
	display: none;
}

input[readonly=readonly] {
	background-color: #ddd;
}

.commission_two_column .form_row {
	margin-bottom: 10px;
}

.commission_name {
	background-color: #CCFFFF;
	padding: 0px;

}
.commission_name_image {
	width: 150px;
	height: 150px;
}
.commission_name .commission_name_image, .commission_name .commission_name_name {
	display: inline-block;
	vertical-align: middle;
}
.commission_name_name {
	width: 450px;
}
.commission_name_name > * {
	margin-left: 25px;
}
.commission_name_name_name {
	font-weight: 500;
	font-size: 32px;
}
.commission_name_name_category {
	/*font-style: italic;*/
	font-weight: 200;
	font-size: 95%
}

.commission_details {
	background-color: #8CDAEE;
}

.commission_details > div, .commission_activity_report > div, .commission_report_title > div, .commission_activity_report_table > div {
	margin: 0px 10px;
}

.commission_details_table {
	width: 100%;
}
.commission_details_table_left, .commission_details_table_right {
	width: 305px;
	display: inline-block;
	vertical-align: top;
}
.commission_details_table_tr {
	margin-bottom: 5px;
}
.commission_details_table_th {
#	text-align: left;
#	vertical-align: top;
#	width: 110px;
	font-weight: bold;
}
.commission_details_table_td {
#	width: 200px;
#	vertical-align: top;
	margin-left: 3px; /* 15px */
}
.commission_details_table_th, .commission_details_table_td {
	display: inline-block;
	vertical-align: top;
}
.commission_activity_report, .commission_report_title {
	background-color: #8CDAEE;
	margin-bottom: 0px;
	padding: 10px 0px;
}

.commission_activity_report_label {
	font-weight: heavy;
	font-size: 24px;
}

.commission_activity_report_label, .commission_activity_report_dates {
	display: inline-block;
	width: 49%;
	vertical-align: middle;
	padding: 5px 0px;
}

.commission_report_title .commission_activity_report_label {
	width: 100%;
}

.commission_activity_report_dates {
	text-align: right;
}
.commission_activity_report_dates select {
	width: 304px; /* 100px; */
}

#commission_activity_report_month {
	width: 110px;
}

#commission_activity_report_year {
	width: 70px;
}

.commission_activity_report_table {
	padding: 10px 0px;
	background-color: #fff;
}

.commission_activity_report_table > div {
	height: 300px;
	
}
.commission_activity_report_table_table td {
	vertical-align: top;
	padding: 0px 2px 10px;
}
td.cartt_branch, td.cartt_patient, td.cartt_category, td.cartt_treatment {
	text-align: left;
}

td.cartt_branch, td.cartt_patient, td.cartt_category, td.cartt_treatment, td.cartt_gross_sale {
	font-size: 12px;
}
td.cartt_gross_sale {
	text-align: right;
}

.commission_activity_report_table_table {
	width: 100%;
}

.commission_activity_report_table_table thead,
.commission_activity_report_table_table tbody,
.commission_activity_report_table_table tr,
.commission_activity_report_table_table td,
.commission_activity_report_table_table th { 
	display: block;
}

.commission_activity_report_table_table tr:after {
	content: ' ';
	display: block;
	visibility: hidden;
	clear: both;
}

.commission_activity_report_table_table thead th {
	height: 30px;
	/*text-align: left;*/
}

.commission_activity_report_table_table tbody {
	height: 280px;
	overflow-y: auto;
}

.commission_activity_report_table_table thead {
	/* fallback */
}

.commission_activity_report_table_table th,
.commission_activity_report_table_table td {
	float: left;
}
.commission_activity_report_table_table .cartt_branch {
	width: 55px;
	text-align: center;
}
.commission_activity_report_table_table .cartt_patient {
	width: 100px;
}
.commission_activity_report_table_table .cartt_category {
	width: 130px;
}
.commission_activity_report_table_table .cartt_treatment {
	width: 211px;
}
.commission_activity_report_table_table .cartt_gross_sale {
	width: 85px;
}

.commission_activity_report_table_table .cartt_no_patients {
	width: 441px;
	text-align: center;
}

/*.commission_activity_report_table_table td.cartt_date {*/
td.cartt_date {
	background-color: #cae7ee;
	width: 600px;
	padding: 0px;
}

.commission_activity_report_table_table td.cartt_date > div { 
	padding: 10px;
	text-decoration: underline;
	font-size: 16px;
}
.commission_activity_report_table_table td.cartt_totalgross {
	background-color: #cae7ee;
	width: 339px;
	padding: 0px;
	text-align: right;
}
.commission_activity_report_table_table td.cartt_totalgross > div { 
	padding: 10px;
	font-size: 16px;
}
.commission_activity_report_table_table td.cartt_period_sale {
	background-color: #cae7ee;
	width: 90px;
	padding: 0px 2px;
	vertical-align: middle;
}
.commission_activity_report_table_table td.cartt_period_sale > div { 
	padding: 10px 2px;
	font-size: 16px;
	vertical-align: middle;
	text-align: right;
}

.commission_report_table_table {
	width: 100%;
	background-color: #fff;
}

.commission_report_table_table th {
	background-color: #D9D9D9;
	padding: 10px 0px;
	text-align: center;
	text-transform: uppercase;
}

.crtt_details {
	padding-left: 5px;
}
.crtt_gross_sales {
	width: 122px;
	border-left: 1px solid #000;
}
.crtt_deductions {
	width: 122px;
	border-left: 1px solid #000;
}
.crtt_net_sales {
	width: 122px;
	border-left: 1px solid #000;
}
.crtt_commission {
	width: 112px;
	padding-right: 5px;
	border-left: 1px solid #000;
}
.crtt_gross_sales, .crtt_deductions, .crtt_net_sales, .crtt_commission, .crtt_branch_commission {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.crtt_totals .crtt_details {
	text-align: right;
	text-transform: uppercase;
	font-weight: 600;
	padding-right: 5px;
}

.crtt_net_totals .crtt_details {
	font-weight: 400;
	font-style: italic;
	font-size: 12px;
}
.crtt_totals {
	border-top: 1px solid #aaa;
}

.crtt_branch_totals .crtt_details {
	text-align: right;
	padding-right: 5px;
}

.crtt_referral_to, .crtt_referral_by, .crtt_cis {
	background-color: #8bdaee;
}

.crtt_action .image_control {
	text-align: right;
	margin-right: 5px;
	
}
.image_control {
	margin-top: 5px;
}

.adjustments_amount {
	text-align: right;
}

.adjustments_submitter {
	display: none;
	color: red;
}

.crtt_bonuses > td.crtt_details, 
.crtt_adjustments > td.crtt_details {
	padding-top: 5px;
	padding-bottom: 5px;
	font-style: italic;
	font-size: 14px;
	padding-left: 15px;
}

#crtt_adjustments_add {
	font-size: 10px;
	vertical-align: top;
	margin-left: 5px;
}
.crtt_adjustments_grid .crtt_adjustments_description input {
	width: 95%;
}
.crtt_adjustments_grid .crtt_commission input {
	width: 89%;
}

.crtt_adjustments_grid {
	background-color: #e8f7ff;
}

.crtt_performance, .crtt_ccm, .crtt_branch_quota, .crtt_special_multiplier {
	background-color: #B1E9F7;
}

.crtt_grand_total {
	border-top: 2px solid #000;
}
.crtt_grand_total .crtt_details {
	text-align: right;
	padding-right: 5px;
	text-transform: uppercase;
	font-weight: 600;
}

.ocs_status {
	margin-left: 25px;
	display: none;
}

.date_submitter {
	display:none;
}

.discipline_column_box {
	margin: 10px 0px 0px 25px;
}
.discipline_column {
	display: inline-block;
}
.discipline_column label.discipline_checkboxes {
	width: 170px;
}

.excel_columns th {
	text-align: left;
}

.grid_rate div.image_control_add, .grid_rate div.image_control_subtract {
	display: inline-block;
	margin: 5px 0px 5px;
	cursor: pointer;
}
.grid_rate div.image_control_add img, .grid_rate div.image_control_subtract img {
	width: 20px;
	height: 20px;
}

.form_row_checkbox input[type='checkbox'], .form_row_checkbox label {
	margin-bottom: 0px;
}

.total_net {
	border-top: 3px double #000;
}

.unread_comment {
	cursor: pointer;
	position: relative;
	font-weight: bold;
	/* float: right !important; */
}

.mm-list > li.mmenu_category > span {
	padding: 10px 10px 10px 40px;
	font-weight: bold;
}

.link_lists li{
	padding: 3px 0px;
}

.approved_dentist_list_table td {
	vertical-align: top;
}

.adlt_label_date {
	display: none;
}

.adlt_blocks {
	display: none;
}

.approved_dentist_list_table select {
	width: 350px;
}

.tsr_rates div.image_control_add img,
.tsr_rates div.image_control_subtract img {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.tsr_rates div.image_control {
	display: inline-block;
    width: 20px;
    height: 20px;
}

.software_version_number {
	position: fixed;
	bottom: 5px;
	left: 5px;
	font-weight: bold;
	padding: 3px 5px;
	z-index: 123456;
}
.red.darken-3 {
	background-color: #C62828 !important;
}
.z-depth-2 {
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
.white-text {
    color: #FFFFFF !important;
}


.drpbtn {
    border: none;
    cursor: pointer;
}

/*
.drpbtn:hover, .drpbtn:focus {
    background-color: #3e8e41;
}
*/

.drpdown {
    float: right;
    position: relative;
    display: inline-block;
    
}

.drpdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    right: 0;
    z-index: 100;
	text-align: left;
}

.drpdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.drpdown a:hover {background-color: #f1f1f1}
.shw {display:block;}

#mydrpdown a > div {
	border: 0;
}

.blue.accent-2 {
    background-color: #448AFF !important;
}

.ui-widget-header select {
	color: black;
}