﻿
.icd-header {
    
    padding:6px;
}

.icd-footer {
    
    padding:12px;
}


.main-row {

   /* margin-top:40px;*/

}


.icd-header-navigation li > a {
    display:block;
    padding:6px;
}

.icd-header-navigation li > a:hover {
    text-decoration:none;
}

.branding-b-button:hover {
    background-color: rgba(255,255,255,0.4) !important;
}
.branding-b-button.active {
    background-color: rgba(255,255,255,0.4) !important;
}

.marketing-landing .branding-d-button {

        margin:2px 5px;

 }

.icd-step-navigation {
    padding:0;
    /*height:100%;*/

}


@media only screen and (max-width: 768px) {

    .family-entry-row {
        min-height: 500px;
    }

}

@media only screen and (min-width: 992px) {


    .family-entry-row {
        height: 240px;
    }
.family-entry-row .lastname {
        margin-top:0;
    }


}
.family-entry-row, .activity-entry-row {

    border-bottom: 1px solid #FAFAFA;
    margin-bottom:20px;
    padding: 15px 0 15px 0;
    
}

.family-entry-row-inactive {
    background-color: #ddd;
}

.sort-placeholder {
    border: 1px dotted black;
    border-radius: 4px;
    margin: 0 15px 20px 15px;
    padding: 0;
    height: 50px;
}
.staff-entry-row {
    border: 1px solid #CCC;
    border-radius: 4px;
    margin: 5px 0;
    padding: 5px 0;
    background-color: #FFF;
}


.js-staff-members-drag-handle {
    cursor: move;
}


/*.staff-entry-row:hover {

    background-color:#F0F0F0;
    
}*/
/*.family-entry-row:hover, .staff-entry-row:hover {

    background-color:#FAFAFA;
    border: 1px solid #CCC;
}*/


.page-break-entry-row {

    border: 1px solid #CCC;
    border-radius:4px;
    margin:10px 0;
    background-color:#FAFAFA;
}


.page-break-entry-row h3 {

    margin-top:12px;

}


.page-break-entry-row .inline-with-h3 {

    padding-top:12px;

}

.activity-entry-title-row {

    border: 1px solid #CCC;
    border-radius:4px;
    margin:10px 0;
    background-color:#FAFAFA;
}


.activity-entry-title-row h3 {

    margin-top:12px;

}


.activity-entry-title-row .inline-with-h3 {

    padding-top:12px;

}




.family-detail-edit-column {
    padding: 10px;
}


@media only screen and (min-width: 992px) {
    .icd-step-navigation .navbar-collapse {
        padding:0;
    }
}


@media only screen and (max-width: 992px) {
    .icd-step-navigation {
        height:initial;
    }

    

}



.icd-step-navigation li > a {
    color:#333;
    background-color:transparent;
    font-weight:bold;
    font-size:.85em;
    border-left:1px solid #CCC;
    width:100%;
    display:block;
    
    padding:8px 10px;
}

.icd-step-navigation li > a:hover {
    background-color:rgba(0,0,0,0.1);
}

.icd-step-navigation li > a.active {
    background-color:rgba(0,0,0,0.1);
}


*:disabled {

    

}

.disabled, .disabled:hover, .disabled:active  {

    color:#F0F0F0;
    text-decoration:none;
}



.icd-image-batch-item-edit-block {
    border-right: 1px solid #CCC;
    margin: 5px;
    padding:5px;

}


@media only screen and (max-width: 992px) {
   
    .icd-image-batch-item-edit-block {
        border-right: none;
        border-bottom: 1px solid #CCC;
        
    }

}


.inverted-banner {

    background-color:#2362A0;
    color:#FFF;
    padding:5px;
}


.check-list
{
   padding-left: 20px;
   text-indent: 2px;
   list-style: none;
   list-style-position: outside;
}

.check-list li:before {

    content: '✔';   
    margin-left: -1em;
    margin-right: .100em;
    font-weight:bold;
}


.check-list-x:before {
     content: '✗' !important;
     color:#C00;
     font-weight:bold;

}


.border {

    border:1px solid #CCC;

}


.alphabetical-quick-links {
    
    padding-bottom:0px;
    padding-left:10px;
    padding-right:10px;
    margin-bottom:0px;
    
}



.alphabetical-quick-link {

    color:#CCC;
    vertical-align:bottom;
     font-size:initial;
    font-weight:bold;
    padding:2px;
    margin:0;

}

.alphabetical-quick-link-active {

    color:#2362A0;
}



@media only screen and (min-width: 992px) {

    
.alphabetical-quick-links {
    
    padding-bottom:0px;
    padding-left:10px;
    padding-right:10px;
    margin-top:17px;
    margin-bottom:0px;
    
}

    .learn-more-links {
        padding-bottom: 0px;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 17px;
        margin-bottom: 0px;
        vertical-align: bottom;
    }
}