.MainColor
{
    color: #3EA7B5;
}

.Underscore
{
    border-bottom: 2px solid #3EA7B5;
}

.LoginPanel
{
    background-color: #F1F2F4;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.45), inset 1px 0 0 0 rgba(0,0,0,0.10);
    border: 1px solid rgba( 195, 195, 195, 0.50)
}

.LoginPanel .x-panel-body-default
{
    background-color: #F1F2F4;
}

.LoginPanel .x-panel-header
{
    background-color: #F1F2F4;
}

.LoginTitle
{
    font-size: 22px;
    color: #3EA7B5;
    text-align: center;
}

.LoginBox
{
    background-color: #e5e7e9;
    box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.35);
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,0.20);
}

.LoginField .x-form-field
{
    background-color: #e5e7e9;
}


.LoginFieldTop .x-form-trigger-wrap-focus
{
    border-bottom: 1px solid #c2c2c2;
}

.LoginFieldBottom .x-form-trigger-wrap-focus
{
    border-top: 1px solid #c2c2c2;
}
.LoginField .x-form-trigger-wrap-focus
{
    background-color: #f3f3f3;

}

.LoginField .x-form-trigger-wrap-focus .x-form-field {
    background-color: #f3f3f3;
}

.LoginButton{
    background: #3EA7B5;
    border: 1px solid #1E7783;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30), inset 0 2px 0 0 rgba(255, 255, 255, 0.40);
}

.LoginButtonOver
{
    background: #1E7783;
}

.LoginHyperlink
{
    font-family:  Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #3EA7B5;
}

.HeaderBackground .x-panel-body-default
{
    background-color: #F2F2F2;
}

.NavigationButton .x-btn-inner-default-small
{
    color: #9c9c9c;
    font-weight: 700;
    padding: 0px;
    height: 53px;
}

.NavigationButtonActive .x-btn-inner-default-small
{
    font-weight: 700;
    color: #4c4c4c;
    border-bottom: 5px solid #2273AD !important;
}

.ContentTitle
{
    font-size: 24px;
    text-transform: uppercase;
    color: #718FA2;
    font-weight: 700;
}

.RoundedGrid .x-column-header-over
{
    background-color: #f1f6f7;
}

.RoundedGrid .x-column-header,
.RoundedGrid .x-column-header-sort-ASC,
.RoundedGrid .x-column-header-sort-DESC,
.RoundedGrid .x-grid-header-ct
{
    background-color: #eaf1f2;
    color: #1E7783;
    font-weight: 500;
    font-size: 18px;
    border: 0px;
}

.RoundedGrid .x-column-header input
{

    border: 1px solid #BFCFD7;
}

.RoundedGrid .x-grid-with-row-lines .x-grid-item
{
    border-top: 1px solid rgba(196, 196, 196, 0.5);

}
.RoundedGrid .x-grid-header-ct
{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-top: 1px solid #BFCFD7 !important;
    border-right: 1px solid #BFCFD7 !important;
    border-left: 1px solid #BFCFD7 !important;
}

.RoundedGrid .x-grid-body
{
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom: 1px solid #BFCFD7 !important;
    border-right: 1px solid #BFCFD7 !important;
    border-left: 1px solid #BFCFD7 !important;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
}

.ExperienceGrid .x-grid-item, .ExperienceGrid .x-grid-item.x-grid-item-selected
{
    background: #fafbfc;
}

.ExperienceGrid .x-grid-item-alt, .ExperienceGrid .x-grid-item-alt.x-grid-item-selected
{
    background: #f0f5f5;
}

.ExperienceGrid .x-grid-item-over
{
    background-color: #9ED3DA ;
}

.ExperienceGrid .OpenRow
{
    background-color: #9ED3DA;
    /* opacity: 0.3; */
}

.PatientMilestones
{
    font-size: 11px;
    color: rgba(0,0,0,0.80);
    margin-right: 10px;
    text-decoration: none;
}

/*redress all windows*/
.x-window-header-default-top
{
    background-color: #1E7783;
    border-top: 4px solid #1E7783;
    border-left: 4px solid #1E7783;
    border-right: 4px solid #1E7783;
    border-bottom: 4px solid #1E7783;
}

.x-window-default
{
    border-color: #1E7783 ;
    border-width: 2px;
}

.x-window .x-toolbar-footer
{
    background-color: #eaf1f2;
}

.PatientTabPanel .x-tab-bar-strip-default
{
    background-color: #1E7783;
    top: 44px;
    height:2px;
}

.PatientTabPanel .x-tab-default-top
{
    background-color: #D8EDF0;
    border-color:  #1E7783;
    border-right-width: 2px;
    border-left-width: 0px;
    border-radius: 0px;
}

.PatientTabPanel .x-tab.x-tab-active.x-tab-default
{
    background-color: #fff;
    border-right-color:  #1E7783;
    border-right-width: 2px;
    border-left-width: 0px;
    height: 41px;
    border-bottom-color: #fff;
}

.PatientTabPanel .x-tab-over.x-tab-default
{
    background-color: #9ED3DA !important;
    border-right-color:  #1E7783 !important;
    border-right-width: 2px !important;
}

.PatientTabPanel .x-tab-inner-default, .x-tab-default.x-tab-active.x-tab .x-tab-inner-default
{
    color: #3EA7B5;
    font-weight: 400;
}

.InfoPanel .x-panel-header-default
{
    background: none;
    border-bottom: 3px solid #3EA7B5 !important ;
}

.IncompleteVisit .x-panel-header-default {
    background: #ffe8f2 !important;
}

.InfoPanel.CompleteVisit > .x-panel-header-default {
    background: #eaf1f2 !important;
    padding-left: 5px;
}

.InfoPanel .x-panel-header-title-default
{
    font-size: 18px;
    color:#3EA7B5;
    font-weight: 500;
}

.InfoPanel.WithBorder > .x-panel-body-default
{
    border-top: 1px solid #3EA7B5 !important ;
    border-left: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
    padding: 0px 5px 5px 5px;
}

.InfoPanel .x-box-target {
    position: inherit !important;
}

.InfoPanel .x-box-item {
    position: absolute !important;
}

.mobile .x-panel-header-title-default {
    font-size: 14px !important;
    font-weight: bold;
}

.mobile .x-title-text {
    display: inherit;
}

.mobile-border > .x-panel-bodyWrap {
    border: 2px solid #3EA7B5 !important;
    padding: 0px 5px 5px 5px;
}

.mobile-border .x-form-item-label-text
{
    color: #718FA2
}

.mobile .x-autocontainer-form-item {
    margin-bottom: -5px !important;
}

.search-icon {
            background-image : url("../Images/icon_search.png") !important;
			height: 22px;
			width: 17px;
			background-size: contain;
			background-position: center;
        }

.SearchPadding .x-textfield-icon-input {
    padding-left: 25px;
}

.BackgroundChanged .x-form-text-default {
	background-color: whitesmoke;
}

/*.InfoPanel .x-form-readonly .x-form-item-label-text , .ExperienceField .x-form-item-label-text */
.InfoPanel .x-form-item-label-text , .ExperienceField .x-form-item-label-text , .ExperiencePanel .x-form-item-label-text, .ContainerAsFieldLabel
{
    /*font-size: 12px;*/
    color: #718FA2
}

/*.InfoPanel .x-form-readonly .x-form-display-field-default*/
.InfoPanel .x-form-display-field-default, .ExperiencePanel .x-form-item-label-default
{
    min-height: 18px;
    /*font-size: 12px;*/
    color: #4c4c4c ;
    margin-top: 5px;
}

.InfoPanel .SubHeading .x-form-item-label-text, .ExperiencePanel .SubHeading .x-form-item-label-text
{
    font-size: 15px;
    color:#3EA7B5;
    font-weight: 500;
}

.SubInfoPanel.WithBorder > .x-panel-body-default
{
    border-top: 1px solid #3EA7B5 !important ;
    border-left: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
    padding: 0px 5px 5px 5px;
}

.SubInfoPanel .x-panel-header-default
{
    background: none;
    border-bottom: 2px solid #3EA7B5 !important ;
}

.SubInfoPanel .x-panel-header-title-default
{
    font-size: 16px;
    color:#3EA7B5;
    font-weight: 500;
}

.MedicalQuestion .x-panel-default-outer-border-trbl
{
    /*font-size: 12px;*/
    border-color: #1E7783 !important;
}

.MedicalQuestion .Question
{
    /*font-size: 12px;*/
    color: #718FA2;
}

.MedicalQuestion .Answer
{
    /*font-size: 12px;*/
    color: #4c4c4c;
    font-weight: 700;
}

.DockedButton,
.DockedButton.x-btn-active,
.DockedButton.x-btn-focus.x-btn-default-small
{
    background-image: -webkit-gradient(linear, top, bottom, #3EA7B5,  #1E7783);
    background-image: -webkit-linear-gradient(top, #3EA7B5,  #1E7783);
    background-image: -ms-linear-gradient(top, #3EA7B5, #1E7783);

    border-color: #1E7783;
    background-color: #1E7783;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: none;
}

.DockedButton.x-btn-over,
.DockedButton.x-btn-pressed,
.DockedButton.x-btn-focus.x-btn-pressed.x-btn-default-small
.DockedButton.x-btn.x-btn-disabled.x-btn-default-small
{
    background-color: #318590;
    background-image: -webkit-gradient(linear, top, bottom, #4dbac8,  #3d84a3);
    background-image: -webkit-linear-gradient(top, #4dbac8,  #3d84a3);
    background-image: -ms-linear-gradient(top, #4dbac8, #3d84a3);
    box-shadow: none;
}

.EnrollmentButton,
.EnrollmentButton.x-btn-active,
.EnrollmentButton.x-btn-focus.x-btn-default-small
{
    background-image: -webkit-gradient(linear, left, right, #3EA7B5,  #2273AD);
    background-image: -webkit-linear-gradient(left, #3EA7B5,  #2273AD);
    background-image: -ms-linear-gradient(top, #3EA7B5, #2273AD);
    border-color: #1E7783;
    background-color: #1E7783;
    box-shadow: none;
}

.EnrollmentButton.x-btn-over,
.EnrollmentButton.x-btn-pressed,
.EnrollmentButton.x-btn-focus.x-btn-pressed.x-btn-default-small
{
    background-color: #318590;
    background-image: -webkit-gradient(linear, left, right, #4dbac8,  #2273AD);
    background-image: -webkit-linear-gradient(left, #4dbac8,  #2273AD);
    background-image: -ms-linear-gradient(top, #4dbac8, #2273AD);
    box-shadow: none;
}

.ProfileButton,
.ProfileButton.x-btn-active,
.ProfileButton.x-btn-focus.x-btn-default-small
{
    background-image: none;
    border: none;
    background-color: #F1F2F4;
    box-shadow: none;
}

.ProfileButton.x-btn-over,
.ProfileButton.x-btn-pressed,
.ProfileButton.x-btn-focus.x-btn-pressed.x-btn-default-small,
.ProfileButton.x-btn.x-btn-menu-active.x-btn-default-small
{
    background-color: none;
    background-image: none;
    background-color: #D5E4E5;
    box-shadow: none;
}

.StepsItemContainer, .StepsItemContainer.StepIncomplete
{
    background-image: -webkit-gradient(linear, left, right, color-stop(0%, #1E7783), color-stop(100%, #1E7783));
    background-image: -webkit-linear-gradient(left, #1E7783 0%, #1E7783 100%);
    background-image: -ms-linear-gradient(left, #1E7783, #1E7783);
    background-size: 100% 4px;
    background-repeat: no-repeat;
    background-position-y:20px;
}

.StepsItemContainer.NextStepComplete
{
    background-image: -webkit-gradient(linear, left, right, color-stop(0%, #8ECE70), color-stop(100%, #8ECE70));
    background-image: -webkit-linear-gradient(left, #8ECE70 0%, #8ECE70 100%);
    background-image: -ms-linear-gradient(left, #8ECE70, #8ECE70);
    background-size: 100% 4px;
    background-repeat: no-repeat;
    background-position-y: 20px;

}

.StepsItemContainer.NextStepIncomplete
{
    background-image: -webkit-gradient(linear, left, right, color-stop(0%, #8ECE70), color-stop(50%, #8ECE70), color-stop(51%, #1E7783), color-stop(0%, #1E7783));
    background-image: -webkit-linear-gradient(left, #8ECE70 0%, #8ECE70 50%, #1E7783 51%, #1E7783 100%);
    background-image: -ms-linear-gradient(left, #8ECE70 0%, #8ECE70 50%, #1E7783 51%, #1E7783 100%);
    background-size: 100% 4px;
    background-repeat: no-repeat;
    background-position-y:20px;
}

.StepsItemContainer.PrevStepIncomplete
{
    background-image: -webkit-gradient(linear, left, right, color-stop(0%, #1E7783), color-stop(50%, #1E7783), color-stop(51%, #8ECE70), color-stop(0%, #8ECE70));
    background-image: -webkit-linear-gradient(left, #1E7783 0%, #1E7783 50%, #8ECE70 51%, #8ECE70 100%);
    background-image: -ms-linear-gradient(left, #1E7783 0%, #1E7783 50%, #8ECE70 51%, #8ECE70 100%);
    background-size: 100% 4px;
    background-repeat: no-repeat;
    background-position-y:20px;
}


.MainButton,
.MainButton.x-btn-active,
.MainButton.x-btn-focus.x-btn-default-small,
.MainButton.x-btn.x-btn-disabled.x-btn-default-small
{
    background-image: -webkit-gradient(linear, top, bottom, #3EA7B5,  #1E7783);
    background-image: -webkit-linear-gradient(top, #3EA7B5,  #1E7783);
    background-image: -ms-linear-gradient(top, #3EA7B5,  #1E7783);
    border-color: #1E7783;
    background-color: #1E7783;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: none;
}

.MainButton.x-btn-over
{
    background-color: #318590 !important;
    background-image: -webkit-gradient(linear, top, bottom, #4dbac8,  #3d84a3) !important;
    background-image: -webkit-linear-gradient(top, #4dbac8,  #3d84a3) !important;
    background-image: -ms-linear-gradient(top, #4dbac8,  #3d84a3) !important;
    box-shadow: none !important;
}

.MainButton.x-btn-active.x-btn.over,
.MainButton.x-btn-pressed,
.MainButton.x-btn-focus.x-btn-pressed.x-btn-default-small
{
    background-color: #318590;
    background-image: -webkit-gradient(linear, top, bottom, #4dbac8,  #3d84a3);
    background-image: -webkit-linear-gradient(top, #4dbac8,  #3d84a3);
    background-image: -ms-linear-gradient(top, #4dbac8,  #3d84a3) ;
    box-shadow: none;
}


.FileUploadButton,
.FileUploadButton .x-btn-default-small,
.FileUploadButton .x-btn-active,
.FileUploadButton .x-btn-focus.x-btn-default-small,
.FileUploadButton .x-btn.x-btn-disabled.x-btn-default-small
{
    background-image: -webkit-gradient(linear, top, bottom, #3EA7B5,  #1E7783);
    background-image: -webkit-linear-gradient(top, #3EA7B5,  #1E7783);
    background-image: -ms-linear-gradient(top, #3EA7B5,  #1E7783);
    border-color: #1E7783;
    background-color: #1E7783;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: none;
}

.FileUploadButton .x-btn-over
{
    background-color: #318590 !important;
    background-image: -webkit-gradient(linear, top, bottom, #4dbac8,  #3d84a3) !important;
    background-image: -webkit-linear-gradient(top, #4dbac8,  #3d84a3) !important;
    background-image: -ms-linear-gradient(top, #4dbac8,  #3d84a3) !important;
    box-shadow: none !important;
}

.FileUploadButton .x-btn-active.x-btn.over,
.FileUploadButton .x-btn-pressed,
.FileUploadButton .x-btn-focus.x-btn-pressed.x-btn-default-small
{
    background-color: #318590;
    background-image: -webkit-gradient(linear, top, bottom, #4dbac8,  #3d84a3);
    background-image: -webkit-linear-gradient(top, #4dbac8,  #3d84a3);
    background-image: -ms-linear-gradient(top, #4dbac8,  #3d84a3) ;
    box-shadow: none;
}


.x-btn-focus.x-btn-plain-toolbar-small,
.x-btn-focus.x-btn-over.x-btn-plain-toolbar-small,
.x-btn-focus.x-btn-pressed.x-btn-plain-toolbar-small
{
     box-shadow: #3EA7B5 0 1px 0px 0 inset, #3EA7B5 0 -1px 0px 0 inset, #3EA7B5 -1px 0 0px 0 inset, #3EA7B5 1px 0 0px 0 inset
}

.EnrollmentHeader
{
    color: #318590;
    font-family: helvetica, arial, verdana, sans-serif;
    font-size: 30px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 15px;
}

.UserMenu .x-menu-item-default, .x-menu-item-icon-default {
    height: 50px;
}

/*.UserMenu .x-menu-item-icon
{
    background-size: 24px;
}*/

.x-menu-item-default.x-menu-item-active, .x-menu-item-default:hover
{    
    background: #f1f6f7;
}


.x-boundlist-item-over {
    background: #f1f6f7;
    border-color: #f1f6f7;
}

.x-form-trigger-wrap-default.x-form-trigger-wrap-focus
{
    border-color: #3EA7B5;
}

.x-datepicker-month .x-btn-inner
{
    color: #3EA7B5;
}

div.x-datepicker-date:hover ,
a.x-monthpicker-item-inner:hover
{
    background-color: #D3E4E5;
}

.x-datepicker-selected div.x-datepicker-date
{
    background-color: #D8EDF0;
}


.x-monthpicker .x-monthpicker-item a.x-monthpicker-selected
{
    background-color: #D8EDF0;
    border-color: #3EA7B5;
}


.x-datepicker-footer .x-btn,
.x-datepicker-footer .x-btn-active,
.x-datepicker-footer .x-btn-focus.x-btn-default-small,
.x-datepicker-footer .x-btn.x-btn-disabled.x-btn-default-small,
.x-monthpicker .x-btn,
.x-monthpicker .x-btn-active,
.x-monthpicker .x-btn-focus.x-btn-default-small,
.x-monthpicker .x-btn.x-btn-disabled.x-btn-default-small
{
    background-image: -webkit-gradient(linear, top, bottom, #3EA7B5,  #1E7783);
    background-image: -webkit-linear-gradient(top, #3EA7B5,  #1E7783);
    background-image: -ms-linear-gradient(top, #3EA7B5,  #1E7783);
    border-color: #1E7783;
    background-color: #1E7783;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: none;
}

.x-datepicker-footer .x-btn-over,
.x-monthpicker .x-btn-over
{
    background-color: #318590 !important;
    background-image: -webkit-gradient(linear, top, bottom, #4dbac8,  #3d84a3) !important;
    background-image: -webkit-linear-gradient(top, #4dbac8,  #3d84a3) !important;
    background-image: -ms-linear-gradient(top, #4dbac8,  #3d84a3) !important;
    box-shadow: none !important;
}

.x-datepicker-footer .x-btn-active.x-btn.over,
.x-datepicker-footer .x-btn-pressed,
.x-datepicker-footer .x-btn-focus.x-btn-pressed.x-btn-default-small,
.x-monthpicker .x-btn-active.x-btn.over,
.x-monthpicker .x-btn-pressed,
.x-monthpicker .x-btn-focus.x-btn-pressed.x-btn-default-small
{
    background-color: #318590;
    background-image: -webkit-gradient(linear, top, bottom, #4dbac8,  #3d84a3);
    background-image: -webkit-linear-gradient(top, #4dbac8,  #3d84a3);
    background-image: -ms-linear-gradient(top, #4dbac8,  #3d84a3) ;
    box-shadow: none;
}


.DayOfWeekOn
{
    color: #8ECE70 !important;
}

.DayOfWeekOff
{
    color: #c4c4c4 !important;
}

.GreyBorder
{
    border-top: 1px solid #ccc !important ;
    border-left: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
}

.Bullet1
{
    color: #D02139;
}

.Bullet2
{
    color: #8ECE70;
}

.Bullet3
{
    color: #3EA7B5;
}

.GridFilter input
{
    color: #4c4c4c;
}

.IconViewPdf
{
    background-image: url(/file/GetFile/?resourceCategoryId=3&fileName=pdf_32);
}

.IconFilloutPdf
{
    background-image: url(../images/pdfsign.png);
}

.k-event {
    background: none;
    border: none;
}
.schedule-event-template {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #3EA7B5;
    color: #F1F2F4;
    height: 100%;
}

.CheckBoxError .x-form-checkbox-default{
	background-image: url(../images/checkboxred.png);
}


/*PATIENT PORTAL*/

.navbar {
    background-color: #318590;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
    background-color: #3b9eab !important;
    opacity: 0.6;
    visibility: visible;
    color: #ffffff !important;
    border-radius: 10px;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: #276A73;
    border-radius: 10px;
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: #318590;
}

.navbar-inverse .navbar-toggle {
    border-color: #318590 !important;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
    color: rgb(255, 255, 255);
    background-color: #3b9eab;
}

.navbar .icon-bar {
    background-color: #9c9c9c;
}

h5 {
    color: #318590;
    font-weight: bold;
}

.panel-default > .panel-heading {
    background-color: #3EA7B5;
    color: white;
}

.panel-default > .panel-heading-rx {
    font-size: 13px;
    background-color: #D8EDF0;
    color: black;
}


.navbar-inverse .navbar-nav > li > a:hover {
    background-color: #276A73;
}

.navbar-inverse .navbar-toggle {
    border-color: #276A73;
}

.navbar-inverse {
    border-color: #276A73;
}

.underline {
    border-bottom: 3px solid #318590 !important;
}

.modal-header {
    background-color: #318590;
}

.btn-default {
    color: #fff;
    background-color: #337ab7;
    border-color: #ccc;
    font: bold 15px/20px helvetica, arial, verdana, sans-serif;
    padding: 0 6px;
    max-width: 100%;
    min-height: 24px;
    width: 200px;
    height: 30px;
    border-color: #1E7783;
    background-color: #1E7783;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: none;
    background-image: -webkit-linear-gradient(top, #3EA7B5, #1E7783);
    margin-bottom: 5px;
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
    background-color: #318590;
    background-image: -webkit-gradient(linear, top, bottom,  #4dbac8,  #3d84a3);
    background-image: -webkit-linear-gradient(top,  #4dbac8,  #3d84a3);
    background-image: -ms-linear-gradient(top,  #4dbac8,  #3d84a3);
    box-shadow: none;
    text-decoration: none !important;
    color: #fff;
}

.btn-default:hover, 
.btn-default:focus {
    background-color: #318590;
    background-image: -webkit-gradient(linear, top, bottom,  #4dbac8,  #3d84a3);
    background-image: -webkit-linear-gradient(top,  #4dbac8,  #3d84a3);
    background-image: -ms-linear-gradient(top,  #4dbac8,  #3d84a3);
    box-shadow: none;
    text-decoration: none !important;
    color: #fff;
}

.modal-footer {
    background-color: #efefef; !important;
}


.blend {
    background-color: #ddd !important;
}


.PatientMainButton,
.PatientMainButton.x-btn-active,
.PatientMainButton.x-btn-focus.x-btn-default-small,
.PatientMainButton.x-btn.x-btn-disabled.x-btn-default-small {
    background-image: -webkit-gradient(linear, top, bottom, #3EA7B5, #1E7783);
    background-image: -webkit-linear-gradient(top, #3EA7B5, #1E7783);
    background-image: -ms-linear-gradient(top, #3EA7B5, #1E7783);
    border-color: #1E7783;
    background-color: #1E7783;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: none;
    text-decoration: none;
    border: 1px solid #a6a6a6;
}

.PatientMainButton.x-btn-over {
    background-color: #318590 !important;
    background-image: -webkit-gradient(linear, top, bottom,  #4dbac8,  #3d84a3) !important;
    background-image: -webkit-linear-gradient(top,  #4dbac8,  #3d84a3) !important;
    background-image: -ms-linear-gradient(top,  #4dbac8,  #3d84a3) !important;
    box-shadow: none !important;
    text-decoration: none;
    border: 1px solid #a6a6a6;
}

.PatientMainButton.x-btn-active.x-btn.over,
.PatientMainButton.x-btn-pressed,
.PatientMainButton.x-btn-focus.x-btn-pressed.x-btn-default-small {
    background-color: #a6a6a6;
    background-image: -webkit-gradient(linear, top, bottom, #cccccc, #a6a6a6);
    background-image: -webkit-linear-gradient(top, #cccccc, #a6a6a6);
    background-image: -ms-linear-gradient(top, #cccccc, #a6a6a6);
    box-shadow: none;
    text-decoration: none;
    border: 1px solid #a6a6a6;
}

.PatientCancelButton,
.PatientCancelButton.x-btn-active,
.PatientCancelButton.x-btn-focus.x-btn-default-small,
.PatientCancelButton.x-btn.x-btn-disabled.x-btn-default-small {
    background-image: -webkit-gradient(linear, top, bottom, #ff4d4d, #ff8080);
    background-image: -webkit-linear-gradient(top, #ff4d4d, #ff8080);
    background-image: -ms-linear-gradient(top, #ff4d4d, #ff8080);
    border-color: ##ff8080;
    background-color: ##ff8080;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: none;
    text-decoration: none;
}

.PatientCancelButton.x-btn-over {
    background-color: #ff4d4d !important;
    background-image: -webkit-gradient(linear, top, bottom, #ff4d4d, #ff8080) !important;
    background-image: -webkit-linear-gradient(top, #ff4d4d, #ff8080) !important;
    background-image: -ms-linear-gradient(top, #ff4d4d, #ff8080) !important;
    box-shadow: none !important;
    text-decoration: none;
}

.PatientCancelButton.x-btn-active.x-btn.over,
.PatientCancelButton.x-btn-pressed,
.PatientCancelButton.x-btn-focus.x-btn-pressed.x-btn-default-small {
    background-color: ##ff8080;
    background-image: -webkit-gradient(linear, top, bottom, #ff4d4d,  ##ff8080);
    background-image: -webkit-linear-gradient(top, #ff4d4d,  ##ff8080);
    background-image: -ms-linear-gradient(top, #ff4d4d,  ##ff8080);
    box-shadow: none;
    text-decoration: none;
}

.x-btn.x-btn-pressed.x-btn-default-small {
    background-color: #a6a6a6;
    background-image: -webkit-gradient(linear, top, bottom, #cccccc, #a6a6a6);
    background-image: -webkit-linear-gradient(top, #cccccc, #a6a6a6);
    background-image: -ms-linear-gradient(top, #cccccc, #a6a6a6);
    box-shadow: none;
    text-decoration: none;
    border: 1px solid #a6a6a6;
}

.x-datepicker-footer .x-btn,
.x-datepicker-footer .x-btn-active,
.x-datepicker-footer .x-btn-focus.x-btn-default-small,
.x-datepicker-footer .x-btn.x-btn-disabled.x-btn-default-small,
.x-monthpicker .x-btn,
.x-monthpicker .x-btn-active,
.x-monthpicker .x-btn-focus.x-btn-default-small,
.x-monthpicker .x-btn.x-btn-disabled.x-btn-default-small {
    text-decoration: none !important;
}

.shipped p {
    color: #318590;
    font-weight: bold;
    margin-top: -25px;
    margin-left: -13px;
}

.delivered p {
    color: #318590;
    font-weight: bold;
    margin-top: -25px;
    margin-left: -15px;
}

.ready p {
    color: #318590;
    font-weight: bold;
    margin-top: -25px;
    margin-left: -12px;
}

.confirmed p {
    color: #318590;
    font-weight: bold;
    margin-top: -25px;
    margin-left: -19px;
    width: max-content;
}

.tracking-date {
    margin-top: 25px;
    font-weight: bold;
    color: #318590;
    width: 110px;
    margin-left: -30px;
    margin-top: 30px;
}



.progress {
    background-color: #e2e2e2;
    margin-top: 50px;
    margin-bottom: 50px;
    border: 1.2px inset;
    height: 25px;
    border-radius: 25px;
    box-shadow: inset 17px 8px 15px 0px rgba(0,0,0,.1);
    margin-left: 10px;
}

.progress-bar {
    background-color: #1bb47f;
}

.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:focus, 
.nav-tabs > li.active > a:hover {
    color: #318590;
    font: bold 1.5em;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:hover {
    border: none;
    color: #318590;
}

.nav-tabs.nav-justified > li > a {
    border-bottom: 2px solid #efefef;
    color: #a0a0a0;
    font-weight: bold;
    font-size: larger;
}

.nav-tabs.nav-justified > li > a:hover {
    background-color: #eee;
    color: #318590;
    border-left: none;
    border-right: none;
    border-top: none;
}

.nav-tabs.nav-justified > .active > a, 
.nav-tabs.nav-justified > .active > a:focus, 
.nav-tabs.nav-justified > .active > a:hover {
    border-bottom: 3px solid;
    border-bottom-color: #318590;
    font-weight: bold;
    background-color: #fff
}


.head {
    background-color: #3EA7B5 !important;
}


.table-heading {
    background-color: #3EA7B5;
    padding: 5px 0 5px 0;
}

.box {
    border-radius: 3px;
    border: 1px solid #ddd;
    background-color: #D8EDF0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.nav-tabs.nav-justified > li > a:hover svg path {
    fill: #318590 !important;
}

.nav-tabs.nav-justified > .active > a svg path {
    fill: #318590 !important;
}

.FinancialCardImage .x-panel-body-default {
	background-image: url(/Resources/Images/CreditCard.png);
	background-repeat: no-repeat;
    background-size: 330px 205px;
	-webkit-print-color-adjust: exact !important;   /* Chrome, Safari */
    color-adjust: exact !important;   /*FireFox*/
}

.BorderPanel .x-panel-body-default {
    border-width: 5px;
    border-color: darkgray! important;
    border-radius: 10px;
    padding-top: 0;
	padding-left: 10px;
	padding-bottom: 10px;
}

.BorderPanel2 .x-panel-body-default {
    border-width: 5px;
    border-color: darkgray! important;
    border-radius: 10px;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}

.FieldSet .x-fieldset-default {
    border-color: #3EA7B5;
    border-radius: 10px;
}