﻿

body.modal-open {
    overflow: visible;
}

.cr-icd-members-directory-list {

    
    padding-left: 0;
}

.cr-icd-members-directory-list li {

    list-style: none;
    
    cursor:pointer;
    min-height:100px;    
}


.cr-icd-members-directory-list li:hover {

    background-color:#EEE;
}

.cr-icd-members-directory-list li span {

    margin:auto;
}

.cr-icd-members-directory-list li:first-child {

    border:0;
}

.cr-icd-members-list-family {

    padding: 0 0 0 120px;
    position: relative;
}

.cr-icd-members-list-family img {

    float:left;
    width:100px;
    height:88px;
    margin:0 8px 0 0;
    left: 2px;
    position: absolute;
    top: 2px;
}

.cr-icd-members-list-family p {

    margin:0;
    padding:3px 0;
    line-height: 1.0em;
}




.cr-icd-members-list-family-last-name {

    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 1.0em;
    line-height: normal;
    color: rgb(34, 34, 34);
    vertical-align:middle;
}

.cr-icd-members-list-family-first-names {

    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 0.8em;
    line-height: normal;
    color: rgb(34, 34, 34);
}

.cr-icd-members-family-last-name {

    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    line-height: normal;
    color: rgb(34, 34, 34);
    vertical-align:middle;
}

.cr-icd-members-family-first-names {

    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 1.0em;
    line-height: normal;
    color: rgb(34, 34, 34);
}




.cr-icd-members-detail-block .family p {

    margin:0;
    padding:3px 0;
    line-height: 1.0em;
}

.cr-icd-members-detail-block .birthdays p {

    margin:0;
    padding:3px 0;
    line-height: 1.0em;
}

.cr-sign-in-multiple-directories-list {

    margin: 0;
    padding: 0;
}

.cr-sign-in-multiple-directories-list li {

    list-style: none;
}

.cr-sign-in-multiple-directories-list li a {

    display:block;
    border: 1px solid #aaa;
    cursor:pointer;
    padding: 20px;
    margin: 10px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 1.5em;
    line-height: normal;
    color: rgb(34, 34, 34);
    text-decoration: none;
}



.cr-icd-members-detail-block {

    box-sizing:border-box;
    padding:10px;
   background-color:#FFF;
}



.cr-icd-members-detail-block .image {

    margin-bottom:10px;
}




.cr-icd-members-detail-block .image img {

    
    max-width:570px;
    max-height:503px;
}



.cr-icd-members-detail-block .details {

    padding:10px;
    margin: 0 20px;

}


.cr-icd-members-details-close-button {

    display:none;
    float:right;
    cursor:pointer;
    font-size:3.0em;
    font-weight: 700;
    line-height: 0.7em;
    color: #222;
    background-color:transparent;
    border:0;
    padding:0;
    margin:0;

}





.cr-icd-staff-members-list {
    padding-left: 0;
    background-color:#FFF;

}


.cr-icd-staff-members-list li {

    list-style: none;
    border-top: 1px solid #aaa;
    min-height:100px;
    padding: 10px;
    font-family: Arial, sans-serif;
    color: rgb(34, 34, 34);
    
 }



.cr-icd-staff-members-list li:first-child {

    border:0;
}


.cr-icd-staff-members-list li img {

    float:left;
    width:100px;
    
    margin:0 8px 0 0;
    
}


.cr-icd-staff-members-list li .staff-member-info {

     float:left;
     width:200px;
}

.cr-img-lazyload {

    background: url(/Content/images/loading.gif) no-repeat center center;


}


@media screen and (max-width: 480px) {

    .cr-icd-members-search-directory-textbox {

        width:190px;

    }

    .cr-icd-members-menu-block {
        width: 50px;
        float: left;
    }
    .cr-members-landing-logo-container img{
       max-height:40px;
    }

    .cr-icd-members-search-block {
        float:left;
        width:250px;

    }
    
    .cr-members-landing-sign-in-block {
        padding-top:60px;
        width:100%;
        height:100%;
        float:none;
        margin:0;
    }

    
    .cr-icd-members-request-login-block {
        width:280px;
       
    }
     .cr-icd-members-reset-password-email-textbox {
        width:280px;
       
    }
}


.cr-icd-members-directory-list-container {

    overflow-x:hidden;
    overflow-y:scroll;
    
   
}

@media screen and (max-width: 768px) {

    .cr-icd-members-directory-list-container {

        width:100%;
        overflow:initial;

    }

    .cr-icd-members-detail-block {

        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background-color:#FFF;
    }

    
    .cr-icd-members-detail-block .details-block {

        margin-top:30px;
         background-color:#FFF;
          width:100%;
       
    }
    
    .cr-icd-members-details-close-button {

        display:block;

    }





}




/* Master Detail Views */


.js-icd-group-list-item {
    min-height: 80px;
    color: #212529;
}

.js-icd-group-list-item:hover {
    text-decoration: none;
}
.js-icd-group-list-item > div:hover {
    background-color: #e0e0e0;
}



/*Extra Small xs*/
/*Small sm*/
.icd-show-master > :first-child {
    display: block;
}

.icd-show-master > :nth-last-child(2):not(:first-child) {
    display: none;
}

.icd-show-master > :last-child {
    display: none;
}


.icd-show-detail > :first-child {
    display: none;
}

.icd-show-detail > :nth-last-child(2):not(:first-child) {
    display: none;
}

.icd-show-detail > :last-child {
    display: block;
}


/*Medium md*/
@media (min-width: 768px) {

    .icd-show-master > :first-child {
        display: block;
    }

    .icd-show-master > :last-child {
        display: block;
    }

    .icd-show-detail > :first-child {
        display: block;
    }


    .icd-show-detail > :nth-last-child(2):not(:first-child) {
        display: none;
    }
}

/*Large lg*/
@media (min-width: 992px) {
}



/*Extra Large xl*/
@media (min-width: 1200px) {

    /*    .icd-members-show-detail > div {
        display: block !important;
       
    }*/

}





.icd-fixed-sidebar {
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto;
}


/* fixed and fluid on sm and up */
@media (min-width: 768px) {
    .icd-fixed-sidebar {
        flex: 0 0 400px;
        min-width: 400px;
    }
}




