/**
 * Stylesheet for flat colors
 * The color palette is used to style the various elements in a consistent manner

 * LICENSE: This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; either version 2
 * of the License, or (at your option) any later version.
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 * You should have received a copy of the GNU General Public License
 * along with this program. If not, see <http://opensource.org/licenses/gpl-license.php>;.
 *
 * @package OpenEMR
 * @author Ranganath Pathak <pathak@scrs1.org>
 * @copyright Copyright (c) 2018 Ranganath Pathak
 * @version 1.1
 * @license http://opensource.org/licenses/gpl-license.php GNU Public License
 * @link http://www.open-emr.org
*/

/*
    COLOR PALETTE
    #{$darkest} - Darkest #{$colorname}*
    #{$darker} - Darker #{$colorname}*
    #{$dark} - Dark #{$colorname}
    #{$mid} - Mid #{$colorname}
    #{$midpale} - Mid Pale #{$colorname}*
    #{$pale} - Pale #{$colorname}
    #{$midpalepale} - Mid Pale Pale #{$colorname}*
    #{$palepale} - Pale Pale #{$colorname}*
    #{$palepurple} - Pale Purple~
    #{$paler} - Paler #{$colorname}
    #{$midnightblue} - Midnight Blue~
    #{$white} - White*~
    * - used in styling buttons and input
    ~ - common for all flat stylesheets
*/

* {
	font-family: /* 1 */
		-apple-system, BlinkMacSystemFont, /* 2 */
		"Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", /* 3 */
		"Helvetica Neue", sans-serif;
}
html {
	font-size: 14px;
}
/* RP_MODIFIED  2/09/2015, 1/17/2016*/

body {
	margin: 0px 0px 0px 2px;
	/* set the base fontsize for all DOM children */
	font-size: 1em;
	/* set the base font size for all DOM children */
}

@import "core";

.menu {
	font-style: italic;
	font-size: 11pt;
}
.menu_selected {
	font-style: italic;
	font-size: 11pt;
}
.logout {
	font-style: italic;
	font-size: 11pt;
}
.text {
	font-size: 10pt;
}
.required {
	font-size: 10pt;
}
.bold {
	font-size: 10pt;
}
.alert, .alert-custom {
	font-size: 70%;
	color: #FF0000;
	text-decoration: none;
}
.small {
	font-size: 80%;
}
.link {
	font-size: 70%;
}
.more {
	font-size: 70%;
}
.back {
	font-size: 70%;
}
.link_selected {
	font-size: 70%;
}
.link_selected:visited {
	font-size: 70%;
}
.link_submit {
	font-size: 10pt;
}
.items {
	font-size: 6pt;
}
.title {
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
}

.title_bar {
	font-size: 12pt;
}
.title_bar_top {
	font-size: 13px;
}

.body_top {
	background-color: $paler;
}
.body_main {
    background-color: $midpale !important;
    border-top: solid 8px $dark;
}
.body_main_widescreen {
    background-color: $midpale !important;
    border-top: solid 14px $dark;
}
/* $top_bg_line RP_MODIFIED 2/8/15 $paler*/

.bgcolor2 {
	background-color: $paler;
}
/* $GLOBALS['style']['BGCOLOR2'] RP_MODIFIED 2/8/15 $paler*/


.body_title {
	background-color: $dark;
}
/* $title_bg_line FFF RP_MODIFIED 12/22/2012 $dark*/

.body_nav {
	background-color: $paler;
}
/* $nav_bg_line RP_MODIFIED 2/8/15 $paler */

.logobar {
	background-color: $midnightblue;
}
/* $GLOBALS['logoBarHeight'] RP_MODIFIED 12/22/2012 $midnightblue*/

/* style taken out of the addressbook code and put here instead */

#addressbook_list td {
	font-family: Arial, Helvetica, sans-serif;
}
#addressbook_list tr.search {
	font-size: 9pt;
}
#addressbook_list tr.head {
	font-size: 10pt;
	background-color:inherit;
}
#addressbook_list tr.detail {
	font-size: 10pt;
}
#addressbook_list .inputtext {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	border-style:inherit;
	border-width:inherit;
	border-color: inherit;
	background-color:inherit;
	/* RP_MODIFIED 1/18/2016*/
	/* DES_OVERRIDE 5/14/2018 */
}
#addressbook_list .button {
	font-family: sans-serif;
	font-size: 8pt;
	font-weight: bold;
}
.address_names:hover {
	color: magenta;
}
.highlight {
	color: magenta !important;
}

#reports_list td {
	font-size: 8pt;
	font-family: helvetica;
}
#reports_list a {
	font-size: 8pt;
	font-family: helvetica;
}

#documents_list td {
	font-family: helvetica;
}
#documents_list a {
	font-family: helvetica;
}
#documents_list .treeMenuDefault {
	font-style: italic;
}
#documents_list .treeMenuBold {
	font-style: italic;
	font-weight: bold;
}

/*=============================================================
 * Patient Stats
 * seen in the patient stats screens
 *============================================================*/

#patient_stats .head {
	font-size: 10pt;
}
#patient_stats .detail {
	font-size: 10pt;
}
/*=============================================================
 * Patient Past Encounters and Documents
 * seen in the patient encounter screen
 *============================================================*/
#patient_pastenc #tooltipdiv {
	font-size: 9pt;
}

#addressbook_list tr.evenrow, #searchResults tr:nth-child(even) {
	background-color: $white;
	/*RP_MODIFIED 1/16/2016 :$pale */
}
#addressbook_list tr.oddrow, #searchResults tr:nth-child(odd), .signout-restore-subheading {
	background-color: $palepale;
	/*RP_MODIFIED 1/16/2016 $white */
}

@import "buttons/_color";

/*
 * TABS A7A7A7
*/

ul.tabNav {
	margin: 0 0 -4 0;
	padding: 0;
}
/*RP_MODIFIED 7/16/2016*/

ul.tabNav li {
	margin: 0 1px 0 0;
	padding: 6px 0 0;
	font-size: 0.8em;
}
ul.tabNav li.current {
	padding-top: 0;
	font-weight: bold;
	font-size: 0.8em;
	vertical-align: bottom;
	text-align: left;
}
ul.tabNav a {
	background: $palepale;
	border: solid $dark;
	border-width: 3px 1px 0px 1px;
	color: #333;
	padding: 4px 4px 5px 4px;
	border-top-left-radius: 5px;
	/*#CFCCF7 RP_MODIFIED 2/11/2015*/
	border-top-right-radius: 5px;
}
/*added RP_MODIFIED */

ul.tabNav a:hover {
	background-color: $dark;
	color: #000000;
}

div.tabContainer div.current {
    border: 1px solid $pale;
    background: $pale;
}

/*RP_MODIFIED 2/11/2015 */

ul.tabNav li.current a {
    background: $pale;
    padding: 8px;
}

/*
* REPORTS
*/

#report_parameters {
	background-color: $palepale;
	margin: 10px 0px 5px 0px;
}
#report_parameters table {
	border: solid 1px $darkest;
}
#report_parameters>table>tbody>tr>td>table {
	border-left: 1px solid $darkest !important;
	/*openemr5*/
}
#report_parameters .form-control {
	width: auto;
}
#report_results table {
	margin-top: 1px;
}
#report_results table thead {
	border: solid 1px $darkest;
	background-color: inherit;
}
#report_results table th {
	border-bottom: 2px solid $darkest;
	background-color: inherit;
}
#report_results table td {
	padding: 5px;
	border-bottom: 1px dashed;
	font-size: 0.8em;
}
.report_totals td {
	background-color: $palepale;
	font-weight: bold;
}
/**
* List-table formatting
**/

.showborder td {
	font-size: 9pt;
}
.showborder_head th {
	font-size: 9pt;
}
.shownoborder td {
	font-size: 9pt;
}
.showborder_long tr td {
	font-size: 9pt;
}
/**
* Drug lookup
**/

.drug_lookup {
	font-family: helvetica;
	font-size: 8pt;
	border: 2px outset rgb(102, 102, 102);
	background-color: $paler;
	/*RP_MODIFIED 2/8/2014 $paler*/
}

/* Style for red font */
.redtext {
	font-size: 10pt;
}
/* Style for red font */

@import "navigation-slide/_color";

#sddm li {
	padding: 0;
	border: 1px solid $paler;
	/*RP_MODIFIED 2/8/15 #EAE6FF*/
	background: $dark;
	/* for non-css3 browsers #999 RP_MODIFIED 2/11/2015 */
	filter: unquote("progid:DXImageTransform.Microsoft.gradient(startColorstr='$dark', endColorstr='$dark')");
	/* for IE b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/
	background: -webkit-gradient(linear, left top, left bottom, from($dark), to($dark));
	/* for webkit browsers b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/
	background: -moz-linear-gradient(top, $dark, $dark);
	/* for firefox 3.6+ b5cbff RP_MODIFIED 2/11/2015 #61a0ff*/
}
#sddm li a {
	padding: 4px 10px;
	color: #004080;
	font-size: 0.8em;
	font-weight: bold;
}
#sddm li a:hover {
	background: $palepale;
}
#sddm div {
	display: none;
	margin: 0;
	padding: 0;
	background: #C9F1B5;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
#sddm div a {
	background: $paler;
	color: #2875DE;
	z-index: 10;
}
#sddm div a:hover {
	background: $palepale;
	color: #000000;
}
.encounter-form-category-li {
	z-index: 100;
	background-color: $paler !important;
}

.example_menu {
	font-size: 70%;
}

.example_menu ul a:Subjective {
	font-weight: normal;
}
.example_menu ul a:hover {
	background: #f5f5f5;
	text-decoration: underline;
}

.div-message {
	background-color: white;
	color: gray;
	margin: 5 0 5 0px;
	border: 1px solid $darker;
	/*RP_ADDED 7/5/2016*/
	padding: 5px;
	width: 648px;
}
.signout-content {
	background: $paler;
	/*RP_ADDED 8/27/2016*/
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.section, div.borderbox {
	border-color: $darkest !important;
	background-color: $palepale;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~search div ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

@import "colors/openemr5/login";
@import "colors/openemr5/fee-sheet";
@import "colors/openemr5/tabs-full";

/* Form styles */

.formtable {
	font-size: 13px;
}

.report_search_bar {
	background-color: $palepale;
}

.error-message {
	font-size: 11px;
}
/* flow board filters*/

#flow_board_parameters {
	width: 1041px;
	background-color: $palepale;
}
#flow_board_parameters table {
	border: solid 1px $darkest;
}

.divider {
	border-color: $darkest !important;
}
/* flow board filters*/
/*openemr 5 patient-finder*/
@media screen and (max-width: 750px) {
    #pt_table {
        font-size: .9rem;
    }
}
/*openemr 5 patient-finder*/

/*vertical main menu */

.appMenu_small .menuSection > .menuEntries {
    left:40px;
    box-shadow:3px 5px 8px $darker !important;
}
/*vertical main menu */

/*search any*/
*.oe-expandable-search .any-search-legacy {
    background: $paler;
}
/*search any*/
@import "colors/openemr5/external-data";
@import "colors/openemr5/ros";
@import "colors/openemr5/codes";
@import "colors/openemr5/bootstrap-nav-menu";
@import "colors/openemr5/bootstrap";

/*search any*/
*.oe-expandable-search .any-search-legacy {
    background: $paler;
}
/*search any*/

th.currentvalues, th.historicalvalues {
	background: $dark !important;
}

#create_patient_btn {
	float: right;
	margin-top: 35px;
}
/*search any*/
*.oe-expandable-search .any-search-legacy {
    background: $paler;
}
/*search any*/

@import "colors/openemr5/batch-payments";
@import "colors/openemr5/recall-flow-board";
@import "colors/openemr5/help-files";
@import "oe-common/all-common-import";
@import "colors/openemr5/edit_globals_colors";


@include if-rtl {
	@include rtl_style;
}