/* Styles for basic forms
-----------------------------------------------------------*/
input:focus, .dropdown select:focus, input.inline-search:focus
{
    background-color: #f7f7f7;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    outline:none;
} 

textarea:focus
{
    background-color: #fafafa;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
    background-color: #FFF;
}

fieldset.no-bottom-margin
{
    margin-bottom: 0;
}

fieldset.empty {
    border: 0;
    margin: auto;
    background-color: inherit;
    padding-left: 17px;
    padding-right: inherit;
    padding-top: inherit;
    padding-bottom: inherit;
}

fieldset label,
.section fieldset label{
    /*width: auto;*/
}

legend 
{
    color: #444444;
    font-size: 14px;
}

textarea, .k-editor-inline
{
    width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    min-height: 75px;
    font-family: Arial, Helvetica, sans-serif;
}

.editor-label 
{
    margin: 1em 0 0 0;
}

.editor-field 
{
    margin:0.5em 0 0 0;
}

.upperRightCornerAlign
{
    padding-top:15px;
    text-align: right;
    width: 100%;
}

.lowerRightCornerAlign
{
    padding-bottom:40px;
    text-align: right;
    width: 100%;
}

.lowerLeftCornerAlign
{
    padding-bottom:5px;
    text-align: left;
    width: 100%;
}

.filter-colum-padding td
{
    padding-right:10px;
}

.filterWidth100-150 td {
    width: 100px;
}

.filterWidth100-150 .lookup,
.filterWidth100-150 .text-box, 
.filterWidth100-150 .ui-autocomplete-input, 
.filterWidth100-150 .select-box,
.filterWidth100-150 .ui-autocomplete-input {
    width: 150px;
}

.suggestion {
    color: gray;
    font-size: smaller;
}

div.phoneInList {
    padding-bottom: 4px;
}

div.faxInList {
    padding-bottom: 4px;
}

input[type="checkbox"].shifted {
    margin-left: 154px;
}
/* FillInList Styles */
div.fillInList, .form-row div.fillInList, .form-row div.icdCodeFillInList {
    display: inline;
}

.fillInList a.shortPadding {
    padding-left: 10px;
    padding-right: 10px;
}

.icdCodeFillInList .icdCodeFillInListItems {
    padding-top: 20px;
    padding-left: 50px;
    width: 100%;
}

.fillInList .fillInListItems {
    padding-top: 2px;
    padding-left: 150px;
    min-width: 280px;
    max-width: 300px;
}

.fillInList .fillInListItems .listItemName {
    display: inline-block;
    max-width: 260px;
}

.fillInListItems ul{
    width: 100%;
    list-style-type:none; 
    margin:0px; 
    padding:0px;
}

.icdCodeFillInListItems div.witoutLabel {
    margin-left: 54px;
}

/* default line height for an item */
.fillInListItems li {
    line-height: 30px
}

.fillInListItems li, .icdCodeFillInListItems div.icd {
    /*background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
    border: 1px solid #D3D3D3;*/
    color: #555555;
    font-weight: normal;
    padding: 2px 2px 2px 20px;
    margin-bottom: 2px;
    background: url("../Images/Design/arrowRight.png") no-repeat left top;
    background-position: 0px 0px;
    background-color: #EEE;
}
	
.fillInListItems .remove-f-l-i, .icdCodeFillInListItems .remove-f-l-i
{
	border: 1px solid #efefef;
	float: right;
    cursor: pointer;
    margin-top: 5px;
}

.fillInListItems .ui-icon-arrowthick-2-n-s {
    float: right;
    margin-top: 6px;
}

.fillInDate {
    /*display: inline-block;*/
}

.fillInListInput {
    width: calc(100% - 154px);
}

.testRadio label,
.section .testRadio label
{
    width: auto;
    font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
    font-weight: normal;
    margin-top: 14px;
}

label.radio-button-label {
    width: auto;
    padding-left: 1px;
    padding-right: 7px;
    font-size: 12px;
    max-width: calc(100% - 21px);
}

.label-sigle-line label {
    max-width: calc(100% - 15px);
}

label.check-box-label {
    width: 90%;
    padding-left: 5px;
    padding-right: 10px;
    line-height: normal;
}

div.check-box-div {
    padding-bottom: 5px;
}

div.check-box-div-large {
    display: flex;
    padding-bottom: 20px;
}

div.check-box-div-inline {
    display: inline-block;
    margin-right: 15px;
}

.form-row div.check-box-div
{
    display: block;
}

input.inputlong,
textarea.inputlong,
input[type="text"].inputlong {
    width: 258px;
}

input.lookuplong,
input[type="text"].lookuplong {
    width: 250px;
}

.form.col li.last {
    margin-bottom: 0;
}

div.chkListItem {
    display: block;
}

/* START FORMS */

/* Forms */ 

span.jquery-checkbox img {
	position:relative;
	top:0;
	padding-left:0px;
}

.form-col {
}

.form-row {
	margin-bottom:5px;
}

.form-row div {
    display: inline-block;
}

.regionSeparator {
    border-right: solid 1px #ccc;
    padding-right: 10px;
    margin-right: 5px;
}

.col-left textarea, .col-right textarea {
	width:258px;
	max-width:405px;
	height:168px;
}

textarea.expanding-textarea {
    height: 75px;
}

.row textarea {
	width:100%;
	min-height:200px;
}

input.inline-search {
	background:url(../Images/UIv2/search-icon.png) 98% center no-repeat;
    background-color: #FFF;
}

.k-autocomplete .k-input {
	background:url(../Images/UIv2/search-icon.png) 98% center no-repeat;
    background-color: #FFF;
}

.k-autocomplete .k-input:hover,
.k-autocomplete .k-input:focus {
    background-color: #FFF;
}

.section-sub-header input.inline-search {
    background-color: #FFF;
}

.k-editor-inline {
    width: 100%;
    min-height: 100px;
}

input, textarea, .k-editor-inline{
	color:#333333;
	font-size:14px;
	padding:10px;
	border:none;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px; 
	border-radius: 7px;         
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box;	
	-moz-box-shadow:inset 0px 0px 10px rgba(0,0,0,0.5); 
	-webkit-box-shadow:inset 0px 0px 10px rgba(0,0,0,0.5); 
	box-shadow:inset 0px 0px 10px rgba(0,0,0,0.5); 	
}

.ReportToolbar input{
	font-size:12px;
	padding:0px;
	border:none;
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px; 
	border-radius: 0px;         
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box;	
	-moz-box-shadow:none; 
	-webkit-box-shadow:none; 
	box-shadow:none; 	
}


/*remove shadow from checkbox*/
input[type="checkbox"]{
	box-shadow:none;
	padding:0px;
	border-radius: 0px;
}

input[type="checkbox"]:not([disabled]) {
    background-color: #FFF;
}

/*remove shadow from radio*/
input[type="radio"]{
	box-shadow:none;
	padding:0;
	border-radius: 0;
}

input {
	border:1px solid #9b9b9b;
}

.ReportToolbar input {
	border:none;
}

input[type="text"], input[type="password"] {
	padding-top: 6px;
	padding-bottom: 6px;
}

.showPasswordButton {
    vertical-align: middle;
    height: 30px;
    width: 30px;
    cursor: pointer;
    margin-left: -30px;
    background: transparent url("../Images/eye-icon.png") no-repeat center center;
    position: relative;
    top: -1px;
    left: -4px;
    user-select: none;
}

.ReportToolbar input[type="text"] {
	height:15px;
    padding: 0;
}

.appointment-info input {
	width:225px;
}

.appointment-info textarea {
	display:block;
	width:420px;
	height:165px;
}

.appointment-info textarea:focus {
	outline:none;
}

.appointment-info .anchor {
	position:absolute;
	bottom:20px;
	right:0;
}

#sub-header .notification-bar {
    padding-top: 12px;    
}

/* Search Form */

#sub-header .search-container {
	padding-top:7px;
	padding-left:10px;
}

.search-box, .page-search-box {
	height:27px;
	width:201px;
	color:#999999;
}


.section-sub-header .search-box {
	width:211px;
}

.search-box input, .page-search-box input {
	padding:0;
    -moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.2) ;
    -webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.2) ;
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.2) ;
}

input#search-form, input#page-search-form {
	padding-left:30px;
	height:24px;
	width:160px;
	color:#999999;
	background-color: #FFFFFF;
	background-image: url("../Images/UIv2/search-icon.png");
	background-repeat: no-repeat;
	background-position: 10px center;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.section-sub-header input#search-form {
	padding-left:35px;
	height:22px;
	width:160px;
	color:#999999;
    background-color: #FFFFFF;
    background-image: url("../Images/UIv2/search-icon.png"); 
    background-repeat: no-repeat; 
    background-position: 10px center;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

input:focus, input#search-form:focus, input#page-search-form:focus {
	outline:none;
}

form div.page-search-box, form div.search-box {
	position:relative;
}

.section .page-search-container label {
	width:75px;
}

.section-body .section-sub-header
{
    
}

.section .widesection 
{
    
}

textarea:focus span.hide {
	display:none;
}

div.textarea-tip {
	text-align:center;
}

/* In-field label styling */

.text-label {
	color:#999;
}

/* Datepicker */
input.datepicker {
    width:75px;
}

form input.string-field {
    width: 258px;
}

form input.number-field {
    width: 258px;
}

form input.currency-field.k-input {
    height: 23px;
    font-size: 14px;
}

form .k-numerictextbox.currency-field {
    width: 280px;
}

input.to, input.from,
.modal-box input.to, .modal-box input.from,
.section-sub-header input.datepicker, input.to, input.from{
	width:75px;
}

input.cc-date-picker {
    opacity: 1;
    width:75px;
}

.hideCalendar .ui-datepicker-calendar {
    display: none;
}

/* FILTER FORM STYLES */

.filter label 
{
    display: inline-block;
    width:115px;
    white-space:nowrap;
    margin-right: 10px;
}

.filter .section-sub-header input.datepicker,
.filterWrapper.section-sub-header input.datepicker {
    width:148px;
}

.filter .section-sub-header input,
.filterWrapper.section-sub-header input {
    width:171px;
}

.filter .section-sub-header .dropdown select,
.filterWrapper.section-sub-header .dropdown select {
    width:193px;
}

.filterWrapper.section-sub-header a.hhbutton {
    margin: 0 0 0 0;
    display: inherit;
}

.filter .section-sub-header input[type=checkbox],
.filterWrapper.section-sub-header input[type=checkbox] {
    width:13px;
}

.filter .section-sub-header input[type=radio],
.filterWrapper.section-sub-header input[type=radio] {
    width:20px;
}

.filter .ui-dropdownchecklist-selector-wrapper:has(>.ui-dropdownchecklist-selector.ui-state-active-open),
.filterWrapper .ui-dropdownchecklist-selector-wrapper:has(>.ui-dropdownchecklist-selector.ui-state-active-open),
.filter .ui-dropdownchecklist-selector-wrapper:has(>.ui-dropdownchecklist-selector:focus-visible),
.filterWrapper .ui-dropdownchecklist-selector-wrapper:has(>.ui-dropdownchecklist-selector:focus-visible) {
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
}

.filter .ui-dropdownchecklist-selector.ui-state-active-open,
.filterWrapper .ui-dropdownchecklist-selector.ui-state-active-open {
}

.filter .section-sub-header .ui-dropdownchecklist-selector-wrapper,
.filterWrapper.section-sub-header .ui-dropdownchecklist-selector-wrapper {
    margin: 0;
    background: #fff url(../Images/dropdownchecklist/dropdown.png) no-repeat center right !important;
}

.filter .section-sub-header .ui-dropdownchecklist-selector,
.filterWrapper.section-sub-header .ui-dropdownchecklist-selector {
    cursor: default;
}

.filter .section-sub-header .dropdown:after,
.filterWrapper.section-sub-header .dropdown:after {
    display: none;
}

.filter .section-sub-header .dropdown:before,
.filterWrapper.section-sub-header .dropdown:before {
    display: none;
}

div.filterWrapper.section-sub-header {
     padding: 0;
}
div.filterWrapper.section-sub-header .filter {
    padding: 0px 15px 9px;
}

div.filterWrapper.section-sub-header .filter{ text-align: left; }

.filterBtn {
    padding-top: 8px;
    padding-bottom: 3px;
    padding-left: 15px;
    cursor: pointer;
}

/* FILTER FORM STYLES */



/* DROP DOWN */

.dropdown select {
    margin: 0;
    text-shadow: 0 1px 0 #FFFFFF;
    color: #333333;
    background-color: #FFF;
    font-size: 14px;
    padding: 7px 0 7px 6px;
    border: 1px solid #9B9B9B;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.5) inset;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.5) inset;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    width: 280px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .dropdown select {padding-right:18px}
}

.dropdown { position: relative;}

.dropdown:after {
    content: '▼';
    font: 11px "Consolas", monospace;
    color: #333333;
    right: 10px;
    top: 10px;
    position: absolute;
    pointer-events: none;
    z-index: 0;
}

.dropdown:before {
    content: '';
    right: 1px;
    top: 0px;
    width: 25px;
    height: 30px;
    background: #f8f8f8;
    position: absolute;
    pointer-events: none;
    display: block;
    border-top-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    border-bottom-right-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -webkit-border-bottomright: 7px;
    -webkit-border-topright: 7px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
    outline: none;
    z-index: 0;
}

.dropdown.disabled:after {
    content: '▼';
    font: 11px "Consolas", monospace;
    color: rgb(181,181,181);
}

.dropdown.disabled select {
    cursor:default;
}

.dropdown select.selectshort {
    width: 196px;
}

ul.ui-autocomplete {
    background-color: #FBFBFB; 
}

.dropdown select option.invalid {
    color: red;
}

.k-combobox {
    width:280px;
}

table.info-table {
    border-collapse:separate; 
    border-spacing: 10px 0px; 
    width: 100%;
}

table.info-table td{
    background-color: #FBFBFB;
    border: 1px solid #D9D9D9;   
    border-radius: 5px;
    padding: 5px;
}

.fixedOnScroll.scrolledDown table.info-table td {
    padding-bottom: 0;
}

table.appointment-person-info-table {
    border-collapse:separate; 
    border-spacing: 10px 0px; 
    width: 100%;
}

table.appointment-person-info-table td{
    padding: 5px;
}

label.Sub-tab {
    width: auto;
    font-weight: bold;
    font-size: 18px;
    color: #037193;
    text-shadow: 0px 1px white;
    text-decoration: underline;
}

a.Sub-tab {
    width: auto;
    font-weight: bold;
    font-size: 18px;
    text-decoration: none;
}

a.Sub-tab-selected {
    width: auto;
    font-weight: bold;
    font-size: 18px;
    color: #037193;    
    text-decoration: none;
}

.t-treeview .t-checkbox .t-input[type="checkbox"]{
    margin-top: 4px;
}

input[data-val-required],
.dropdown select[data-val-required],
select[data-val-required] + span[id^='ddcl-'],
textarea[data-val-required],
input[data-val-requiredif-condition-present],
.dropdown select[data-val-requiredif-condition-present],
select[data-val-requiredif-condition-present] + span[id^='ddcl-'],
textarea[data-val-requiredif-condition-present],
input.requiredStyle{
    background-color: #F2FFFF;
}

input[type="email"], input[type="url"]{
    height: 11px;
    width: 258px;
}

input[type="number"] {
    height: 29px;
    width: 100px;
    padding-top: 0;                
    padding-bottom: 0;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.white-space-preserved {
    white-space: pre-wrap;
}

body:not(.window) .form-field {
    width: 365px;
}

.imgiconbutton {
    display: inline-block;
    height: 28px;
    vertical-align: middle;
}

.safe-padding {
    padding-right: 50px;
}

.k-button:active:hover, .k-button.k-state-active:hover {
    color: black;
    border-color: #9b9b9b !important;
}

#documentTypePartial {
    padding: 3px;
}

#familyIllnessTypePartial {
    padding: 3px;
}

/* --- Star --- */

.bdhStar {
    height: 25px;
    width: 25px;
    background-image: url("../Images/bdh-star.png");
    cursor: pointer;
    -webkit-user-select: none;
}

.bdhStar.selected {
    background-position: 0 25px;
}

.labelWidth150 label {
    width: 150px;
}