﻿body {
   /*background-color: blue;*/
}

#mdlid .panel-group .panel-body {
    border: 0px solid red;
    line-height: 23px;
}

#mdlid .panel-group .panel-body div{
    margin-bottom: 5px;
}

/*Case Compensation Maximums*/
.case_compensation_maximums table td, .case_compensation_maximums table th {
    padding: 2px;
}


.mediaDiv{
    margin-top: -30px;
}
.mediaDiv h3 {
    margin-top: 20px;
}

.mediaDiv ul li{
    margin-bottom: 10px;
}

.interpreterInfo{
    padding-left: 0;
}
.interpreterInfo .panel:first-child {
    margin-top: -10px;
    border: 0px solid red;
}
    .interpreterInfo .panel h3 {
        text-decoration: underline !important;
        cursor: pointer;
    }

.interpreterInfo li{
    margin-bottom: 20PX;
}

/*OnlineForms.aspx.cs
 *Pages.aspx.cs
*/
div.civil_code_desc {
    font-weight: bold;
    color: blue;
    font-size: 20px;
    margin-bottom: 20px;
    text-align: left;
    margin-top: 20px;
}

div.case_procedures{
    font-family: 'Times New Roman';
    font-size: 13pt;
}
    div.case_procedures p {
        text-align: justify;
    }
div.case_procedures ul{
    list-style: none;
}
    div.case_procedures ul li {
        line-height: 20px;
        margin-bottom: 10px;
    }
        div.case_procedures ol li div {
            margin-bottom: 10px;
        }

div.judge_importantInfo {
    font-family: 'Times New Roman';
    font-size: 14px;
}

    div.judge_importantInfo p {
        text-align: justify;
    }
/*Combination of number and alph for ordered items*/
ol.nested {
    margin-bottom: 0;
    counter-reset: item;
}

    ol.nested li {
        display: block;
        position: relative;
    }

        ol.nested li:before {
            content: counters(item, "", decimal) ".";
            counter-increment: item;
            position: absolute;
            margin-right: 100%;
            right: 10px;
        }

.nested .nested {
    counter-reset: subitem;
}

    .nested .nested li:before {
        content: counter(item) "" counter(subitem, lower-alpha) ".";
        counter-increment: subitem;
    }

/*Court History*/
.courtHistory h2{
    margin-top: 10%;
}
.documentary iframe {
    width: 600px;
    height: 338px;
    margin-left: 5%;
}

.documentary > h4{
    border: 0px solid red;
    margin-left: 5%;
    margin-top: 2%;
}

.documentary > div {
    padding: 48.25% 0 0 0;
    position: relative;
}

.historyAndOutreach img:hover {
    opacity: 0.5;
}
.historyAndOutreach h3{
    margin-top: -8px;
}
.historyAndOutreach > div > div {
    border: 0px solid black;
    border-radius: 10px;
    /*padding: 5px;*/
}
.historyAndOutreach img {
    border-radius: 10px;
}

@media only screen and (min-width: 1200px) {
    .documentary > div {
        padding: 40.25% 0 0 0;
    }
    .courtHistory h2 {
        margin-top: 2%;
    }
}

    @media only screen and (max-width: 767px) {
        .documentary iframe {
            width: 100%;
            height: 100%;
            margin-left: 0;
        }

        .documentary > div {
            padding: 45.25% 0 0;
        }
    }

/*CMECF Training*/
.cmecfTraining ul > li{
    margin-bottom: 5px;
    line-height: 20px;
}
.cmecfTraining ul {
    margin-top: 2%;
    list-style: none;
}
.cmecfTraining h4{
    margin-top: 3%;
}

.cmecfTraining li {
    position: relative;
    padding-left: 1.5em; /* space to preserve indentation on wrap */
}

    .cmecfTraining li:before {
        content: '✓'; /* placeholder for the SVG */
        position: absolute;
        left: 0; /* place the SVG at the start of the padding */
        width: 1em;
        height: 1em;
        /*background: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg width='18' height='18' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'><path d='M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z'/></svg>") no-repeat;*/
        font-weight: bold;
    }
.cmecfTraining h3 {
    margin-top: 0;
    margin-bottom: 3%;
    line-height: 30px;
    color: red;
}

/*Judge Harjani's webpage*/
p.settlmentCorrespondences a {
    word-wrap: break-word;
}
    /*end*/