@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	color: #5B5B5B;
	background-color: #F8F8F8;
	font-family: Helvetica,Arial,sans-serif;
}

ul, ol, dl {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

h1, h2, h3, h4, h5, h6, p {margin: 0; padding: 0;}

a, a:focus, a:visited, a:hover, a:active {
  text-decoration: none;
  color: #002EA7;
  }


.content {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-orient: vertical;
		background-color: rgba(236, 240, 241,1.0);
		max-width: 1220px;
		min-width: 1220px;
		min-height: 500px;
		margin: 10px auto;
		padding: 0px 20px;
}

.result_container_90,
.result_container_70,
.result_container_50,
.form_container{
				background: rgba(255,255,255, 1.0);
	/*			border-radius: 15px; 
    -moz-border-radius: 15px; 
    -webkit-border-radius: 15px;*/
				display: -webkit-box;
				display: -webkit-flex;
				display: -moz-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-webkit-box-orient: vertical;
				padding: 5px 0px 15px 0px;
				margin: 10px 0px;
}

.result_container_70{
		width: 70%;
}

.result_container_90{
		width: 90%;
}

.result_container_50{
		width: 35%;
}

.form_container{
		width: 100%;
		/*padding: 20px;*/
}

.result_container_70 #app_header,
.result_container_70 #app_results,
.result_container_70 #table_header,
.result_container_70 #table_results,
.result_container_50 #cust_header,
.result_container_50 #cust_results,
.result_container_50 #table_header,
.result_container_50 #table_results,
.result_container_90 #table_header,
.result_container_90 #table_results,
.form_container #form_columns{
				display: -webkit-box;
				display: -webkit-flex;
				display: -ms-flexbox;
				display: flex;
				-webkit-flex-direction: row;
				-ms-flex-direction: row;
				flex-direction: row;
				-webkit-box-orient: horizontal;
}

.result_container_70 #app_header,
.result_container_70 #table_header,
.result_container_50 #cust_header,
.result_container_50 #table_header,
.result_container_90 #table_header{
				text-transform: uppercase;
}

.result_container_70 #app_header > div,
.result_container_70 #app_results > div,
.result_container_70 #table_header > div,
.result_container_70 #table_results > div,
.result_container_50 #cust_header > div,
.result_container_50 #cust_results > div,
.result_container_50 #table_header > div,
.result_container_50 #table_results > div,
.result_container_90 #table_header > div,
.result_container_90 #table_results > div{
				height: 2em;
				display: -webkit-box;
				display: -webkit-flex;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				-webkit-align-items: center;
				-ms-flex-align: center;
				align-items: center;
				
}

.form_container #form_columns > div{
				display: -webkit-box;
				display: -webkit-flex;
				display: -ms-flexbox;
				display: flex;			
}

.result_container_70 #app_header > div,
.result_container_70 #table_header > div,
.result_container_50 #cust_header > div,
.result_container_50 #table_header > div,
.result_container_90 #table_header > div,
.result_container_70 #app_results .app_time,
.result_container_70 #app_results .app_buttons,
.result_container_70 #table_header .small_column,
.result_container_70 #table_results .small_column,
.result_container_50 #cust_results .cust_button{
				-webkit-box-pack: center; -moz-box-pack: center; 
    -ms-flex-pack: center; 
    -webkit-justify-content: center;
    justify-content: center;
}

.result_container_70 #app_header > div,
.result_container_70 #table_header > div,
.result_container_50 #cust_header > div,
.result_container_50 #table_header > div,
.result_container_90 #table_header > div{
				border-bottom: 1px solid #666;
				margin: 0px 5px;
				width: 0;
}

.result_container_50 #table_header .table_buttons,
.result_container_90 #table_header .table_buttons{
		border: none;
}

.result_container_70 #app_results > div,
.result_container_70 #table_results > div,
.result_container_50 #cust_results > div,
.result_container_50 #table_results > div,
.result_container_90 #table_results > div{
		margin: 0px 5px;
		font-size: 0.8em;
		width: 0;
}

.result_container_90 #table_header .tiny_column,
.result_container_90 #table_results .tiny_column,
.result_container_50 #table_header .table_buttons,
.result_container_50 #table_results .table_buttons,
.result_container_90 #table_header .table_buttons,
.result_container_90 #table_results .table_buttons{
				-webkit-box-pack: center; -moz-box-pack: center; 
    -ms-flex-pack: center; 
    -webkit-justify-content: center;
    justify-content: center;
				-webkit-flex: 2;
				-ms-flex: 2;
				-webkit-box-flex: 2.0;
				flex: 2;
}

.result_container_70 #app_header .app_time,
.result_container_70 #app_results .app_time,
.result_container_50 #table_header .small_column,
.result_container_50 #table_results .small_column,
.result_container_90 #table_header .small_column,
.result_container_90 #table_results .small_column{
				-webkit-box-pack: center; -moz-box-pack: center; 
    -ms-flex-pack: center; 
    -webkit-justify-content: center;
    justify-content: center;
				-webkit-flex: 4;
				-ms-flex: 4;
				-webkit-box-flex: 4.0;
				flex: 4;
				-webkit-flex-direction: row;
				-ms-flex-direction: row;
				flex-direction: row;
				-webkit-box-orient: horizontal;
}

.form_container #form_columns .small_column{
				-webkit-box-pack: start; -moz-box-pack: start; 
    -ms-flex-pack: start; 
    -webkit-justify-content: start;
    justify-content: start;
				-webkit-flex: 4;
				-ms-flex: 4;
				-webkit-box-flex: 4.0;
				flex: 4;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-webkit-box-orient: vertical;
				border: 1px solid #B0B0B0;
				margin-right: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				padding: 10px;
}

.form_container #form_columns .small_column > div{
				min-height: 1.5em;
}

.form_container #form_columns .exam_small_column{
				-webkit-box-pack: start; -moz-box-pack: start; 
    -ms-flex-pack: start; 
    -webkit-justify-content: start;
    justify-content: start;
				-webkit-flex: 1;
				-ms-flex: 1;
				-webkit-box-flex: 1.0;
				flex: 1;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-webkit-box-orient: vertical;
				font-size: 0.8em;
}

.form_container #form_columns .exam_medium_column{
				-webkit-box-pack: start; -moz-box-pack: start; 
    -ms-flex-pack: start; 
    -webkit-justify-content: start;
    justify-content: start;
				-webkit-flex: 2;
				-ms-flex: 2;
				-webkit-box-flex: 2.0;
				flex: 2;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-webkit-box-orient: vertical;
				font-size: 0.8em;
}

.form_container #form_columns .exam_large_column{
				-webkit-box-pack: start; -moz-box-pack: start; 
    -ms-flex-pack: start; 
    -webkit-justify-content: start;
    justify-content: start;
				-webkit-flex: 4;
				-ms-flex: 4;
				-webkit-box-flex: 4.0;
				flex: 4;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-webkit-box-orient: vertical;
				font-size: 0.8em;
}

.result_container_70 #app_header .cust_name,
.result_container_70 #app_results .cust_name,
.result_container_70 #table_header .small_column,
.result_container_70 #table_results .small_column,
.result_container_50 #cust_header .cust_name,
.result_container_50 #cust_header .cust_phone,
.result_container_50 #cust_results .cust_name,
.result_container_50 #cust_results .cust_phone,
.result_container_50 #table_header .medium_column,
.result_container_50 #table_results .medium_column,
.result_container_90 #table_header .medium_column,
.result_container_90 #table_results .medium_column{
				-webkit-flex: 6;
				-ms-flex: 6;
				-webkit-box-flex: 6.0;
				flex: 6;
}
.result_container_70 #app_header .app_comments,
.result_container_70 #app_results .app_comments,
.result_container_70 #table_header .medium_column,
.result_container_70 #table_results .medium_column,
.result_container_50 #table_header .big_column,
.result_container_50 #table_results .big_column,
.result_container_90 #table_header .big_column,
.result_container_90 #table_results .big_column{
				-webkit-flex: 14;
				-ms-flex: 14;
				-webkit-box-flex: 14.0;
				flex: 14;
}

.result_container_70 #app_results .app_comments,
.result_container_50 #cust_results .cust_name,
.result_container_50 #cust_results .cust_phone,
.result_container_70 #app_results .cust_name{
		padding-left: 15px;
}


.result_container_70 #app_header .app_buttons,
.result_container_70 #app_results .app_buttons,
.result_container_70 #table_header .table_buttons,
.result_container_70 #table_results .table_buttons{
				-webkit-flex: 1;
				-ms-flex: 1;
				-webkit-box-flex: 1.0;
				flex: 1;
				border: none;
}

.result_container_70 #app_header #delete_button,
.result_container_70 #app_results #delete_button{
				-webkit-flex: 1.5;
				-ms-flex: 1.5;
				-webkit-box-flex: 1.5;
				flex: 1.5;
				border: none;
}

.result_container_50 #cust_header .cust_button,
.result_container_50 #cust_results .cust_button{
				-webkit-flex: 2;
				-ms-flex: 2;
				-webkit-box-flex: 2;
				flex: 2;
				border: none;
}

.result_container_70 #app_results:hover,
.result_container_70 #table_results:hover,
.result_container_50 #cust_results:hover,
.result_container_50 #table_results:hover,
.result_container_90 #table_results:hover{
				background: rgba(239, 83, 158, 0.06);
}

#edit_button a{
		background: url(../_images/general/edit.svg);
		background-repeat: no-repeat;
		display:inline-block;
		text-indent: -1999px;
		width: 18px;
		height: 18px;
}
#edit_button a:hover{
		background-position: -18px 0px;
}

#delete_button a{
		background: url(../_images/general/delete.svg);
		background-repeat: no-repeat;
		display:inline-block;
		text-indent: -1999px;
		width: 18px;
		height: 18px;
}
#delete_button a:hover{
		background-position: -18px 0px;
}

#add_button a{
		background: url(../_images/general/add.svg);
		background-repeat: no-repeat;
		display:inline-block;
		text-indent: -1999px;
		width: 18px;
		height: 18px;
}
#add_button a:hover{
		background-position: -18px 0px;
}

.addButtonStyle{
		background: url(../_images/general/add_button.svg);
}

.searchButtonStyle{
		background: url(../_images/general/search_button.svg);
}

.editButtonStyle{
		background: url(../_images/general/edit_button.svg);
}

.submitButtonStyle{
		background: url(../_images/general/submit_button.svg);
}

.cancelButtonStyle{
		background: url(../_images/general/cancel_button.svg);
}

.deleteButtonStyle{
		background: url(../_images/general/delete_button.svg);
}

.uploadButtonStyle{
		background: url(../_images/general/upload_button.svg);
}
.addButtonStyle,
.searchButtonStyle,
.editButtonStyle,
.submitButtonStyle,
.cancelButtonStyle,
.uploadButtonStyle,
.deleteButtonStyle{
		background-color: rgba(239, 83, 158, 1);
		/*background-color: rgba(255, 187, 44, 1.0);
		background-color: #555B73;*/
		background-position: bottom right;
		background-repeat: no-repeat;
		border: none;
		color: #FFFFFF;
		height: 30px;
		border-radius: 5px; 
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
		-webkit-box-shadow: 0px 2px 0px rgba(44, 62, 80, 1);
		-moz-box-shadow:    0px 2px 0px rgba(44, 62, 80, 1);
		box-shadow:         0px 2px 0px rgba(44, 62, 80, 1);
		padding-right: 42px;
		cursor: pointer;
		font-size: 0.8em;
		margin: 5px 0px;
}

.addButtonStyle:hover,
.searchButtonStyle:hover,
.editButtonStyle:hover,
.submitButtonStyle:hover,
.cancelButtonStyle:hover,
.uploadButtonStyle:hover,
.deleteButtonStyle:hover{
		-webkit-box-shadow: 0px 1px 0px rgba(44, 62, 80, 1);
		-moz-box-shadow:    0px 1px 0px rgba(44, 62, 80, 1);
		box-shadow:         0px 1px 0px rgba(44, 62, 80, 1);
		background-position: top right;
}


/*--------------------------------------------------
 *Generic styles for the forms
--------------------------------------------------*/

input, textarea{
		color: #666;
		padding: 1px 5px;
}

textarea{
		resize:vertical;
		overflow:hidden;
		/*min-height: 1.5em;*/
}

#tabs-1 textarea,
#tabs-4 textarea,
form#pregnancyHistoryX textarea
{
		width: 65%;
}

::-webkit-resizer{ 
			background-image: url(../_images/general/resize.svg);
			background-repeat: no-repeat;
			background-position: bottom right;
}


input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

select#pregnancyID::-ms-expand {
	display: none; /* to ie 10 */
}

select#pregnancyID {
font-size: 0.8em;
        -webkit-appearance: none;
        background: url(../_images/general/arrow_button.svg);
        background-color: rgba(41, 128, 185, 0.8);
                                          
		background-position: bottom right;
		background-repeat: no-repeat;
		border: none;
		color: #FFFFFF;
		height: 30px;
		border-radius: 5px; 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		-webkit-box-shadow: 0px 2px 0px rgba(44, 62, 80,1.0);
		-moz-box-shadow:    0px 2px 0px rgba(44, 62, 80,1.0);
		box-shadow:         0px 2px 0px rgba(44, 62, 80,1.0);
		padding-right: 42px;
		padding-left: 5px;
		cursor: pointer;
		font-size: 0.8em;
		margin: 5px 0px;
}

label{
		display: inline-block;
		width: 210px;
		font-size: 0.9em;
}

.form_container label{
		width: 150px;
		padding-left: 2px;
		font-size: 0.7em;
}

form#customerGeneral .form_container label {
		width: 185px;
}

fieldset {
		border: none;
}

fieldset legend {
		width: 100%;
		display: table-row;
		border-bottom: 1px solid #CCC;
}


/****************************
 *   Style for jQuery API   *
 ****************************/

.ui-accordion .ui-accordion-content {
		padding: 1em;
}

li a{
		outline: none;
}


.ui-dialog.ui-widget {
/*font-family: Verdana,Arial,sans-serif;*/
font-size: 0.8em;
}

.ui-dialog.ui-widget-content{
		background: rgba(236, 240, 241,1.0);
		border: none;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: 2px 2px 5px rgba(44, 62, 80,1.0);
		-moz-box-shadow:    2px 2px 5px rgba(44, 62, 80,1.0);
		box-shadow:         2px 2px 5px rgba(44, 62, 80,1.0);
		color: white;
}

.ui-dialog-titlebar.ui-widget-header {
		border: none;
		background: none;
}

.no-close .ui-dialog-titlebar-close {
		border: none;
		background: url(../_images/general/delete.svg);
		background-repeat: no-repeat;
		display:inline-block;
		text-indent: -1999px;
		width: 18px;
		height: 18px;
  /*display: none;*/
}

.no-close .ui-dialog-titlebar-close:hover{
		background-position: -18px 0px;
}

.ui-widget-overlay
{
				background: -webkit-radial-gradient(rgba(239, 83, 158,1.0), rgba(41, 128, 185,1.0));
				background: -o-radial-gradient(rgba(239, 83, 158,1.0), rgba(41, 128, 185,1.0));
				background: -moz-radial-gradient(rgba(239, 83, 158,1.0), rgba(41, 128, 185,1.0));
				background: radial-gradient(rgba(239, 83, 158,1.0), rgba(41, 128, 185,1.0));
    opacity: 0.3;
}

div.upload {
				display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../_images/general/add.svg);
    overflow: hidden;
}

div.upload:hover{
		background-position: -18px;
}

div.upload input {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}
/*
#delete_button a{
		background: url(../_images/general/delete.svg);
		background-repeat: no-repeat;
		display:inline-block;
		text-indent: -1999px;
		width: 18px;
		height: 18px;
}
#delete_button a:hover{
		background-position: -18px 0px;


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: white;
background: rgba(41, 128, 185,1.0);
font-weight: normal;
color: white;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
background: rgba(239, 83, 158,1.0);
font-weight: normal;
color: white;
}
*/


/**http://chromoselector.com/demos/showcase.html/