/*IMPORTANT!
############################################################################################################
go to views/shared/_layout.cshtml and update the AppSpecific.css version number if you change styles here
this forces browsers to refresh the cache for this css file... otherwise users won't see styles changes easily
############################################################################################################*/



button.btn { border-radius: 4px; font-weight:bold; margin:0; display:inline; }
button.small { padding: .25rem .5rem; font-size: .8rem; }
button.medium { padding: .5rem; font-size: .8rem; }
button.lg { padding: .5rem 1rem; font-size: .9rem; }
button.plum { color:#fff; background-color:#aa005f; }
button.plum:disabled, button.plum:disabled:hover { background-color:#ededed; color:#888; }

.searchLine {
    display: none;
    border-bottom: 1px solid #ededed;
    padding: .3rem 1rem .2rem 1rem;
}

.submitInfoBtn {
    float: left; 
    color: #fff; 
    background-color: #aa005f;
    padding: .5rem 1rem; 
    font-size: .9rem; 
    border-radius: 4px; 
    font-weight: bold; 
    margin: 0;
    display: inline;
    cursor: pointer
}

/*an application specific .css file for any styling specific to your application*/
div#TopRight {
    text-align: right;
}

.SelectedTab {
    color: red !important;
}

.rcorners {
    border-radius: 25px;
    border: 2px solid #73AD21;
    padding: 20px; 
    width: 200px;
    height: 150px; 
}
.input {
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  max-width: 100%;
}



.tableLayout {
    column-count: 2
}

.row .row {
    padding-left: 0;
    padding-right: 0;

}

.rounded-container-gray {
    padding: 1rem;
    border: solid 2px #ddd;
    border-radius: 8px;
    background-color: #f7f7f7;
    margin: 1rem 0;
}

.subhead {
    font-size: 16px;
    margin-bottom: 15px;
    color:#5a9c1b
}

.noHPad {
    padding-left: 0;
    padding-right: 0;
}

.field-container .field {
    width: 200px;
    float: left;
    margin: 5px 0;
    padding-bottom: 1px

}

.incorrect-information {
    color:#5a9c1b;
    text-decoration: none;
    vertical-align:bottom
}
    .incorrect-information:hover {
        color: #5a9c1b;
        text-decoration: none;
    }

.contentblack {
    FONT-SIZE: 10pt;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.contentblackbold {
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.contentGreen {
    FONT-SIZE: 10pt;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    color: #009999;
}

.GreenHeading {
    FONT-SIZE: 10pt;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    color: #077D98;
    FONT-WEIGHT: bold;
}

.contentblackMedium {
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.contentblacksmall {
    FONT-SIZE: 8pt;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.contentyellowsmall {
    FONT-SIZE: 8pt;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    color: #f5782f;
}

.contentyellowmedium {
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    color: #f5782f;
}

.contentblacksmallbold {
    FONT-SIZE: 8pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.contentblacktiny {
    FONT-SIZE: 7pt;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.contentgreensmall {
    FONT-SIZE: 8pt;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    color: #009999;
}

.contentSearchInfo {
    FONT-SIZE: 13pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Arial;
    vertical-align: top;
    margin-top: 0px;
    margin-left: 0px;
    color: #2598b0;
}

.Mybullet {
    FONT-SIZE: 12pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Arial;
    color: Black;
    padding-right: 6px;
}

.contentSearchList {
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Arial;
    line-height: 22px;
}

.contentSearchListPCM {
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Arial;
    line-height: 22px;
    border-width: thin;
    display: block;
}

.HeaderBorderBottom {
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    color: black;
    border-bottom: 2px solid #009999;
    TEXT-ALIGN: left;
}

.ProvModule {
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    color: Navy;
}

.ProvTextInput {
    FONT-SIZE: 10pt;
    FONT-STYLE: normal;
    height: 14px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    border-style: solid;
    border-color: #e6e3da;
    border-width: thin;
}

.ProvLink {
    FONT-SIZE: 8pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
    text-decoration: underline;
    color: #009999;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.PrintLink {
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
    text-decoration: underline;
    padding-right: 48px;
    padding-top: 3px;
    TEXT-ALIGN: right;
    color: #009999;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.WebLookUpLink {
    FONT-SIZE: 8pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
    text-decoration: underline;
    color: Black;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.ProvGroupName {
    FONT-SIZE: 8pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
    color: #009999;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    vertical-align: middle;
    background-image: url(../images/group.png);
    background-repeat: no-repeat;
    background-position: inherit;
}

.ProvLinkGap {
    text-decoration: none;
}

.ProvLinkGroup {
    FONT-SIZE: 8pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
    text-decoration: underline;
    color: #009999;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    vertical-align: middle;
    background-image: url(../images/group.png);
    background-repeat: no-repeat;
    background-position: inherit;
}

.ProvLinkDetail {
    FONT-SIZE: 8pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
    text-decoration: underline;
    color: #009999;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    vertical-align: middle;
    background-image: url(../images/user_green.png);
    background-repeat: no-repeat;
    background-position: inherit;
    line-height: 20px;
}

.ProvLinkLocations {
    FONT-SIZE: 8pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
    text-decoration: underline;
    color: #009999;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    vertical-align: middle;
    background-image: url(../images/vcard.png);
    background-repeat: no-repeat;
    background-position: inherit;
    line-height: 20px;
}

.button {
    color: #009999;
    border-style: outset;
    height: 22px;
}

.buttonBack {
    color: black;
    border-style: outset;
    height: 26px;
    width: 106px;
    background-color: #eaeaea;
    background-repeat: no-repeat;
    background-position: left center;
}

.ProvLinkMap {
    FONT-SIZE: 8pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
    text-decoration: underline;
    color: #009999;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    vertical-align: middle;
    background-image: url(../images/map.png);
    background-repeat: no-repeat;
    background-position: left top;
    line-height: 17px;
}

.ProvLinkWebSite {
    FONT-SIZE: 8pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
    text-decoration: underline;
    color: #009999;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    vertical-align: middle;
    background-image: url(../images/world.png);
    background-repeat: no-repeat;
    background-position: left top;
    line-height: 20px;
}

.LeaveWebSiteLink {
    FONT-SIZE: 8pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
    text-decoration: underline;
    color: #009999;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.ProvLinkBlue {
    FONT-SIZE: 8pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
    color: blue;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.LabelBlueNowrap {
    FONT-SIZE: 10pt;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    font-weight: bold;
    vertical-align: top;
    color: Navy;
    white-space: nowrap;
}

.ContentblackNowrap {
    FONT-SIZE: 10pt;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    white-space: nowrap;
}

#masthead24Left {
    PADDING-LEFT: 2px;
    PADDING-TOP: 2px;
    FONT-SIZE: 12px;
    COLOR: #009999;
    FONT-FAMILY: arial,helvetica,sans-serif;
}

#masthead24 {
    MARGIN: 0px;
    WIDTH: 100%;
    POSITION: relative;
    HEIGHT: 24px;
}

    #masthead24 IMG.logo {
        LEFT: 15px;
        BOTTOM: 15px;
        POSITION: absolute;
    }

    #masthead24 DIV.nav {
        FONT-SIZE: 11px;
        RIGHT: 15px;
        POSITION: absolute;
        TOP: 10px;
        TEXT-ALIGN: right;
    }

        #masthead24 DIV.nav UL {
            PADDING-RIGHT: 0px;
            PADDING-LEFT: 0px;
            PADDING-BOTTOM: 0px;
            MARGIN: 0px;
            PADDING-TOP: 0px;
            LIST-STYLE-TYPE: none;
        }

            #masthead24 DIV.nav UL LI {
                PADDING-LEFT: 10px;
                FLOAT: left;
                MARGIN: 0px;
            }

        #masthead24 DIV.nav A:link {
            COLOR: #888888;
            TEXT-DECORATION: underline;
        }

        #masthead24 DIV.nav A:visited {
            COLOR: #888888;
            TEXT-DECORATION: underline;
        }

    #masthead24 IMG.nav_padding {
        PADDING-LEFT: 7px;
    }

    #masthead24 #text_tools {
        FONT-SIZE: 12px;
        RIGHT: 15px;
        COLOR: #666666;
        BOTTOM: 10px;
        FONT-FAMILY: arial,helvetica,sans-serif;
        POSITION: absolute;
        TEXT-ALIGN: right;
    }

        #masthead24 #text_tools UL {
            PADDING-RIGHT: 0px;
            PADDING-LEFT: 0px;
            PADDING-BOTTOM: 0px;
            MARGIN: 0px;
            PADDING-TOP: 0px;
            LIST-STYLE-TYPE: none;
        }

            #masthead24 #text_tools UL LI {
                DISPLAY: inline;
                PADDING-LEFT: 0px;
                FONT-SIZE: 11px;
                MARGIN: 0px;
                VERTICAL-ALIGN: middle;
                PADDING-TOP: 2px;
            }

                #masthead24 #text_tools UL LI.text {
                    PADDING-RIGHT: 0px;
                    PADDING-LEFT: 3px;
                    PADDING-BOTTOM: 0px;
                    PADDING-TOP: 0px;
                }

.ExpandedCssClass .rpText {
    color: #2598b0 !important;
    FONT-FAMILY: arial,helvetica,sans-serif;
    font-weight: bold !important;
    font-size: 14px !important;
}

.UnClickedCssClass .rpText {
    color: black;
    FONT-FAMILY: arial,helvetica,sans-serif;
    font-weight: bold !important;
    font-size: 14px !important;
}

.callhelp {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.InputBorderBottom {
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    color: black;
    border-bottom: 1px solid #eae8e1;
    TEXT-ALIGN: left;
}

.StarsLink {
    FONT-SIZE: 8pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
    color: #009999;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    vertical-align: middle;
}

.StarsLink9 {
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
    color: #009999;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    vertical-align: middle;
}

.GroupName {
    FONT-SIZE: 10pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
    color: #009999;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.ui-autocomplete {
    BORDER-RIGHT: #cfcfcf 1px solid;
    BORDER-TOP: #cfcfcf 1px solid;
    PADDING-LEFT: 0px;
    BORDER-LEFT: #cfcfcf 1px solid;
    WIDTH: 300px;
    FONT-SIZE: 9pt;
    BORDER-BOTTOM: #cfcfcf 1px solid;
    LIST-STYLE-TYPE: none;
    BACKGROUND-COLOR: white;
}

.EvenStyle {
    background-color: #F7F6F2 !important;
}

.OddStyle {
    background-color: #FFFFFF !important;
}

.contentMSRHdr {
    FONT-SIZE: 14pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Arial Narrow, Helvetica, sans-serif;
}

.LabelStyleMiddle {
    vertical-align: 6px;
}

.LabelStyleMiddle2 {
    vertical-align: inherit;
}

/*Used for Login Module and Quicklinks Modules*/
.Module {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 0px;
    text-align: left;
}

    .Module div {
        margin: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 5px;
        padding-bottom: 5px;
        width: 115px;
    }

.modLinks a:link, .modLinks a:visited, .modLinks a:active {
    text-decoration: none;
    color: #077D98;
}
/*Used for Home Page Modules*/
.Module2 {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 0px;
    text-align: left;
}

/*should match default*/
.modLinks a:hover {
    text-decoration: underline;
    color: #077D98;
}

.modLinks {
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 115px;
}

.modLinks2 {
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 8px;
    padding-bottom: 0px;
    text-align: left;
    font-size: 12px;
}

.modLinks3 {
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
}

.modLinks span {
    display: block;
}

    .modLinks span img {
        padding-right: 5px;
    }

td.mod_left_top {
    width: 10px;
    border-bottom: dotted 1px #CCCCCC;
    background-image: url(../images/mod_leftbg.gif);
}

td.mod_right_top {
    width: 10px;
    border-bottom: dotted 1px #CCCCCC;
    background-image: url(../images/mod_rightbg.gif);
}

td.mod_left_top2 {
    width: 10px;
    border-bottom: solid 1px #CCCCCC;
    background-image: url(../images/mod_leftbg.gif);
}

td.mod_right_top2 {
    width: 10px;
    border-bottom: solid 1px #CCCCCC;
    background-image: url(../images/mod_rightbg.gif);
}

td.mod_left_bottom {
    width: 10px;
    background-image: url(../images/mod_leftbg.gif);
    vertical-align: bottom;
}

td.mod_right_bottom {
    width: 10px;
    background-image: url(../images/mod_rightbg.gif);
    vertical-align: bottom;
}

td.mod_top {
    padding-top: 8px;
    padding-bottom: 5px;
    background-image: url(../images/mod_topbg.gif);
    background-repeat: repeat-x;
    border-bottom: dotted 1px #CCCCCC;
    font-size: 13px;
    color: #185394;
    font-weight: bold;
}

td.mod_top2 {
    padding-top: 8px;
    padding-bottom: 5px;
    background-image: url(../images/mod_topbg.gif);
    background-repeat: repeat-x;
    border-bottom: solid 1px #CCCCCC;
    font-size: 13px;
    color: #185394;
    font-weight: bold;
}

td.mod_left {
    width: 10px;
    background-image: url(../images/mod_leftbg.gif);
}

td.mod_right {
    width: 10px;
    background-image: url(../images/mod_rightbg.gif);
}

td.xmod_bottom {
    border-bottom: solid 2px #E7E4DB;
    height: 8px;
}

div.modLogin a:link, div.modLogin a:hover, div.modLogin a:active, div.modLogin a:visited {
    display: block;
    text-decoration: underline;
    color: #077D98;
}

div.modLogin form {
    margin: 0px;
    padding: 0px;
    height: 0px;
}

div.modLogin div input {
    margin: 0px;
    padding: 0px;
}

div.modLogin div {
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
}

/*End Styles to be used for Login components only*/


/*================================================
                Custom Navbar styles for medical specialist
    ================================================*/

nav {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-family: "FS Humana", Arial, Helvetica, Verdana, sans-serif;
    margin-bottom: 10px;
    margin-top: 10px;
    height: 40px;
}

#nav-1 {
    margin-bottom: 20px;
    cursor: pointer;
}

.link-1 {
    transition: 0.3s ease;
    color: #5c9a1b;
    font-size: 20px;
    text-decoration: none;
    margin: 0 10px;
    padding: 10px 0;
    height: 40px;
}

    .link-1:hover {
        text-decoration: none;
        color: #aa005f;
        display: inline;
    }

    .link-1:visited {
        text-decoration: none;
        color: #1d5b2d;
        display: inline;
    }

.inactive {
    color: #C7C7C7;
    font-size: 20px;
    text-decoration: none;
    margin: 0 10px;
    padding: 10px 0;
    height: 40px;
}

    .inactive:hover {
        color: #c7c7c7;
        text-decoration: none;
        display: inline;
        cursor: default;
    }

/* Popup container */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
    visibility: hidden;
    width: 300px;
    background-color: #fff;
    color: #000;
    text-align: left;
    border-radius: 0px;
		padding: 2px 2px;
    position: absolute;
    z-index: 1;
    top: 105%;
    margin-left: -5px;
		border-color: #d5d5d5;
    width: 325px;
    left: 0%;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    bottom: 102.5%;
    left: 11%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent transparent;
		transform: scale(3) rotate(-180deg);
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
 @-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

@media only screen and (max-width: 1800px){
	.popup .popuptext{
    margin-left: -100px;
	}
}

@media only screen and (max-width: 1210px){
	.popup .popuptext{
		margin-left:-200px;
	}
}

@media only screen and (max-width: 1000px){
	.popup .popuptext{
		margin-left:-250px;
	}
}

@media only screen and (max-width: 640px){
	.popup .popuptext{
		margin-left: -20px;
	}
}

.storkIcon{
	height: 95px;
	width: 95px
}

.storkRowWithLine {
	border-style:solid;
	border-color:#414042;
	border-width:thin;
	border-bottom-style:hidden;
	margin:0px 0px 2px 0px;
	padding: 8px 16px;
}

.practitionerBadgeColumn {
    margin:0 0 2px 0;
    padding: 8px 16px;
}

.practitionerBadge {
    height: 95px;
    width: 95px
}

/*IMPORTANT!
############################################################################################################
go to views/shared/_layout.cshtml and update the AppSpecific.css version number if you change styles here
this forces browsers to refresh the cache for this css file... otherwise users won't see styles changes easily
############################################################################################################*/


.customModal {
    display: none;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(241 241 241 / 13%);
    border: 1px solid #d1d1d1;
    backdrop-filter: blur(1px);
}

    .customModal .content-center {
        padding: 20px 0 20px 20px;
        margin-top: 150px;
        max-width: 1024px;
        height: 650px;
        overflow: auto;
        margin: 0 auto;
    }