/* input(128,7): run-time error CSS1035: Expected colon, found '{' */
.description-image
{
	display: none;
}
@media screen and (min-width:40em)
{
	.description-image
	{
	    display: block;

	    position: relative;

	    height: 150px;

	    margin-right: 1.5em;

	    float: left;
	}
}

.card-content
{
    padding: 0 !important;
}

#troubleshooting-procedures-list,
#troubleshooting-procedures-steps-container
{
    overflow: auto;
}

#troubleshooting-procedures-list {
    height: 518px;
}

#troubleshooting-procedures-steps-container {
    max-height: 518px;
}

#troubleshooting-procedures-list > *[class^="troubleshooting-procedure"]
{
    margin-bottom: 5px;
}
#troubleshooting-procedures-list > *[class^="troubleshooting-procedure"]:last-child
{
    margin-bottom: 0;
}

#troubleshooting-procedures-steps-container
{
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;

    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 64em)
{
    #troubleshooting-procedures-steps-container
    {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;

        box-shadow: none;
    }
}
#troubleshooting-procedures-steps-container td img
{
    height: 20px;

    vertical-align: central;
}

.troubleshooting-procedure
{
    padding: 5px;
    padding-top: 10px;
    padding-left: 1rem;

    min-height: 0 !important;
    height: 82px !important;

    cursor: pointer;
}

#steps-table
{
    table-layout: fixed;
}
#steps-table tr > th,
#steps-table tr > td
{
    text-align: center;
    box-sizing:border-box;

    width: 15%;
}
#steps-table tr > th:nth-child(2),
#steps-table tr > td:nth-child(2)
{
    text-align: left;
    word-wrap: break-word;

    width: 70%;
}
@media screen and (min-width: 64em)
{
    #steps-table tr > th,
    #steps-table tr > td
    {
        width: 12.5%;
    }


    #steps-table tr > th:nth-child(2),
    #steps-table tr > td:nth-child(2)
    {
        width: 50%;
    }
}

#troubleshooting-procedures-container {
    font-size: 1.25rem;
}

article.maintenance-content {
    a {
        text-decoration: underline;
    }
}
.dominant-link
{
    position: relative;

	cursor: pointer;

    margin-bottom: 1em;
}
@media screen and (min-width: 64em)
{
    .dominant-link
	{
        margin-bottom: 0;
    }
}

.dominant-link p
{
    margin-bottom: 0;
}

.dominant-link-image
{
	display: block;
	margin: 0 auto;

	height: 150px;

	pointer-events: none;
}
.dominant-link-image-small
{
    height: 80px !important;
}
.dominant-link-targetLink
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    z-index: 1;
}
.card,
.highlighted-card
{
    overflow: auto;

    border-top-left-radius: 2px;
    border-top-right-radius: 2px;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    border-bottom: 2px solid transparent;

    background: #ffffff;
}

.highlighted-card-content-container {
    display: flex;
    align-items: center;
}

.highlighted-card-content { }
@media screen and (min-width: 40em) 
{
    .highlighted-card-content {
        padding: 1rem;
    }
}

.auto-height-card
{ }
@media screen and (min-width: 40em)
{
    .auto-height-card
    {
        min-height: initial !important;
    }
}

.card h5,
.card h5 a,
.highlighted-card h4,
.highlighted-card h4 a
{
    color: #1d369a;
}
.card h5 a:hover,
.highlighted-card h4 a:hover
{
	color: #454545;
}

.card-border-top
{
    border-top: 2px solid #328fe1;
}
.card-border-bottom,
.card:hover,
.selected-card
{
    border-bottom-color: #328fe1;
}

.highlighted-card-image
{
    width: 50%;
}
@media screen and (min-width: 40em)
{
    .highlighted-card-image
	{
    }
}

.card > img,
.highlighted-card-image > img
{
    display: block;

    width: 100%;
}

.card-content,
.highlighted-card-content-container
{
    padding: 1em;
}
@media screen and (min-width: 40em)
{
    .highlighted-card-content-container
	{
        width:50%;
    }
}

.card-content > *,
.highlighted-card-content-container > *
{ }

.highlighted-card:hover > .highlighted-card-content-container > div::after,
.card:hover > .card-content > div::after,
.selected-card > .card-content > div::after
{
    content: "";

    color: #f18e23;
    font-size: 16px;
}

.non-redirectable-card > .card-content > div::after
{
    display: none !important;

    content: "" !important;
}

.highlighted-card-container {
    clear: both;
    content: '';
    display: flex;
}

@media screen and (max-width: 39.9375em)
{
    .highlighted-card-container
    {
        flex-direction: column;
        align-items: center;
    }
}