/* START: UX Navigator Styles */

.uxn-wp {
    padding: 10px;
}

.uxn-wp-title {
    font-weight: bold;
}

.uxn-at-lnk {
    padding: 0px;
}

    .uxn-at-lnk ul li {
        list-style-type: none;
        padding: 15px 50px 15px 30px;
        margin-left: 20px;
        margin-right: -1px;
        height: 50px;
        position: relative;
        -webkit-border-radius: 5px 0px 0px 5px;
        -khtml-border-radius: 5px 0px 0px 5px;
        -moz-border-radius: 5px 0px 0px 5px;
        border-radius: 5px 0px 0px 5px;
    }

.uxn-at-lnk-selected {
    border: 1px solid #c9c9c9;
    border-right: 1px solid #ffffff;
    z-index: 1000;
}

.uxn-at-lnk-highlight {
    background: #00435e !important; /*#e4ebee;*/
    color: #444;
}

.uxn-mma-left {
    float: left;
    position: relative;
    margin-top: 10px;
}

.uxn-mma-center {
    border: 1px solid #c9c9c9;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-bottom: 30px;
    -webkit-border-radius: 0px 5px 5px 5px;
    -khtml-border-radius: 0px 5px 5px 5px;
    -moz-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
}

.uxn-mma-right {
    margin-top: 10px;
}

.uxn-ft-lst {
    padding: 18px;
}

.uxn-ftl-table {
    display: table;
    width: auto;
    min-height: 380px;
}

    .uxn-ftl-table .uxn-btn-wide {
        width: 230px;
    }

.uxn-ftl-row {
    display: table-row;
    width: auto;
}

.uxn-ftl-row-odd {
}

.uxn-ftl-row-even {
}

.uxn-ftl-row-col1 {
    display: table-cell;
    text-align: left;
    padding: 30px 5px 10px 5px;
    border-bottom: 1px solid black;
    vertical-align: top;
}

.uxn-ftl-row-col2 {
    display: table-cell;
    text-align: left;
    padding: 15px 5px 15px 5px;
    border-bottom: 1px solid black;
    vertical-align: top;
}

.uxn-ftl-row-col3 {
    display: table-cell;
    text-align: left;
    padding: 16px 5px 10px 5px;
    /*border-bottom: 1px solid black;*/
    vertical-align: top;
}

.uxn-ftl-content-outer {
}

.uxn-ftl-content {
    float: left;
    width: 300px;
    padding: 0px 10px 0px 10px;
}

.uxn-ftl-content-hide {
    display: none;
}

.uxn-ftl-button {
    float: left;
    width: 100px;
    margin-top: 5px;
}

.uxn-ftl-title {
    border: 1px solid #797979;
    padding: 13px 10px 10px 10px;
    margin: 3px;
    width: 130px;
    height: 60px;
    text-align: center;
}

.uxn-btn {
    /* Basic Button Styles */
    display: block;
    height: 28px;
    width: 100px;
    border: 1px solid #797979;
    margin-left: 10px;
    background: #ffffff;
    padding-top: 5px;
    /* Text Styles */
    color: #000000;
    text-align: center;
    /* Fancy CSS3 Styles */
    -webkit-border-radius: 16px;
    -khtml-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    /*
    -webkit-box-shadow: 5px 5px 5px #d1cfcf;
    -moz-box-shadow: 5px 5px 5px #d1cfcf;
    box-shadow: 5px 5px 5px #d1cfcf;
	*/
}

.uxn-btn-wide {
    width: 250px;
}

.uxn-btn-xtra-wide {
    width: 250px;
    height: 45px;
}

a.uxn-btn {
    text-decoration: none;
}

a.uxn-btn-primary {
    border: 1px solid #1692d1;
    background: #1692d1;
    color: #ffffff;
}

a.uxn-btn-secondary {
    border: 1px solid #c8c8c8;
    background: #c8c8c8;
    color: #000000;
}

a.uxn-btn-primary:visited {
    color: #ffffff;
}

a.uxn-btn-secondary:visited {
    color: #000000;
}

a.uxn-btn-primary:hover {
    background: #005a83;
    color: #ffffff;
    text-decoration: none;
    border: 1px solid #005a83;
}

a.uxn-btn-secondary:hover {
    background: #005a83;
    color: #ffffff;
    text-decoration: none;
    border: 1px solid #005a83;
}

.uxn-hv-cntlr {
}

.uxn-hv-hlp {
    padding: 0px 20px 20px 20px;
}

    .uxn-hv-hlp h2 {
        padding-bottom: 10px;
    }

    .uxn-hv-hlp ol li {
        margin: 5px 0px 5px 20px;
    }

    .uxn-hv-hlp ul li {
        list-style-type: square;
        margin: 5px 0px 5px 15px;
    }

.uxn-hv-load {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.uxn-ux-lnk {
    margin: 0px 8px 0px 8px;
    border: 1px solid;
    border-color: silver;
    border-radius: 20px;
    background-color: aliceblue;
    padding: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}

    .uxn-ux-lnk div {
        padding-top: 10px;
    }

    .uxn-ux-lnk ul {
        margin-bottom: 15px;
    }

        .uxn-ux-lnk ul li {
            list-style-type: none;
            margin-left: 5px;
        }

            .uxn-ux-lnk ul li a {
                display: inline-block;
                padding-left: 25px;
                line-height: 25px;
            }

.uxn-hvi-sync {
    float: left;
}

.uxn-hvi-sync-item {
}

/* END: UX Navigator Styles */

/* Following styles are temporary, to improve the look and feel until integration with MHA is completed */
.ms-dlgTitle {
    padding-right: 39px;
}

/* Styles for  Account Features Pending Verification - Begin */

.menusprite {
    background: url('/_layouts/15/PHP.MHA/images/icons/topic-menu-sprite.png') no-repeat;
    display: inline-block;
    width: 20px; /* Icon width */
    height: 20px; /* Icon height */
    background-position: 0 -40px;
    margin-left: 50px;
}

.movemenusprite {
    background-position: 0 0;
    display: inline-block;
    width: 20px; /* Icon width */
    height: 20px; /* Icon height */
}

.showdetailspv {
    display: block;
}

.hidedetailspv {
    display: none;
}


/* Styles for  Account Features Pending Verification - End */
/******* Suggested by Leonard **************/
.mha-content .uxn-at-lnk ul li {
    list-style-type: none;
    padding: 15px 50px 15px 30px;
    margin-left: 20px;
    margin-right: -1px;
    height: 50px;
    position: relative;
    -webkit-border-radius: 5px 0 0 5px;
    -khtml-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 40px 0 0 40px;
    background: #0595d6;
    margin-bottom: 10px;
}

    .mha-content .uxn-at-lnk ul li:hover {
        background: #005a83;
    }

.mha-content .uxn-at-lnk ul .uxn-at-lnk-selected {
    border: 1px solid #005a83;
    border-right: 1px solid #fff;
    z-index: 100;
    background: #ffffff;
}

    .mha-content .uxn-at-lnk ul .uxn-at-lnk-selected a {
        color: #005072 !important;
    }

.mha-content .uxn-at-lnk ul li span b {
    background: #f9ae3f;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    margin-right: 4px;
    border-radius: 30px;
    color: #212121;
    padding-top: 2px;
}

.mha-content .uxn-mma-center {
    border: 1px solid #005a83;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-bottom: 30px;
    -webkit-border-radius: 0 5px 5px 5px;
    -khtml-border-radius: 0 5px 5px 5px;
    -moz-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;
     min-height: 410px;
}
.ux-verification-wp-container {
	min-height:405px !important;
}
.loadingContainer {
	min-height: 375px !important;
}

    .mha-content .uxn-mma-center h1,
    .mha-content .uxn-mma-center h2,
    .mha-content .uxn-mma-center h4,
    .mha-content .uxn-mma-center h5,
    .mha-content .uxn-mma-center h6 {
        color: #005072;
        margin: 0 0 .3em 0;
    }

.mha-content .uxn-wp.uxn-at-lnk a,
.mha-content .uxn-wp.uxn-at-lnk a:visited {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

.mha-content .uxn-at-lnk ul .uxn-at-lnk-selected a {
    color: #005072;
}

.mha-content .mha-content-notice {
    color: red;
    font-weight: bold;
}

.mha-content .mha-info-notes {
    font-size: small;
}

#deactContainer {
	padding-bottom: 15px;
}


/* Account Features Specific classess  */

.uxn-ftl-title-container {
    padding: 13px 0px 10px 10px;
    margin: 3px;
    width: 495px;
    text-align: left;
}


/* Used in FeatureList to set the button size for download my information & deactivate my PHR feature  */
.customwidth {
width:180px !important;
}

/*Created a new css class based on Leonards request - Used in PHR - Download my information & Deactivate my PHR feature buttons div container*/
.uxn-btns-infofeature {
    margin-left:52%;
    display:inline-block;
}
.mha-UAM-IV-Record-Mismatch-msg {
    border: 0 solid;
    border-color: black;
    border-radius: 2px;
    background: #d5d5d5;
	min-height: 80px;
}

/* Notifications page title */
.uxn-title
{
	/*padding-left:5px;*/
    margin: 12px; 
    font-size: 16px;
    color: #005072;
    font-weight: bold;
}

/* Css Used by Learn More Links - */

.uxn-dontshow 
{
    display:none;
}

#divinfoforphrdeactmessage 
{
    position:absolute;
}

#divinfofornetcaredeactmessage 
{
    position:absolute;
}

/* Code Begin changes for Help Modal - CR 65 */
#container-helpmodal
{
 padding:12px;
 font-size: 13px;
}

.php-table-helpmodal
 {
    display: table;
	width:500px;
 }
  
 .php-title-helpmodal
 {
        display: table-caption;
        text-align: center;
        font-weight: bold;
        font-size: larger;
 }
    
 .php-row-helpmodal
 {
     display: table-row;
 }
 
 .php-cell-helpmodal
 {
        display: table-cell;
        vertical-align: middle;
        border-top: solid;
        border-width: 1px;
        border-top-color: darkgray;
        padding: 10px ;
        /* padding-left: 5px;
         padding-right: 5px; */
 }
 

 .php-cell-helpmodal-h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    color: #4d4d4d;
    margin: 0 0 .3em 0;
}

 .mha-page-title
 {
    color: #005072;
    font-weight: bold;
 }
    
 .php-helpmodal-close-btn {
    cursor: pointer;
    /* color: rgba(0, 0, 0, 0.349019607843137); */
    color:#005072;    
    font-family: "Arial Bold", "Arial Regular", Arial;
    font-size: 12px;
    font-weight:bold;
    /* float: right; */
    /* padding-right:5%; */
    /* line-height: 0px; */
    /*line-height: 24px;*/
    /*margin-right:25px;*/
    padding-right:5px;
 }
    
 .php-helpmodal-close-btn::after {
     clear:both;
 }
    
 .mha-helpmodal-underlinetext{
    color:#005072;    
    font-family: "Arial Bold", "Arial Regular", Arial;
    text-decoration: underline;
 }

 .mha-helpmodal-underlinetext:hover {
    text-decoration: none;
}

  .mha-helpmodal-underlinetextphone{
    color:#005072;    
    font-family: "Arial Bold", "Arial Regular", Arial;
 }

   


/* Code End for CR 65 */