


/* gunmanual */
img.man {
  float: right;
  margin: 3px;
}
ul.m li {
  border-top: solid rgb(201,201,201) 1px;
  clear: both;
  padding: 5px 0;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* laws */
div.indent {
  margin-top:   5px;
  margin-left: 25px;
}

/* books, docs */
p.book {
  width: 100%;
  min-height: 110px;
  text-indent: 0;
  text-align: left;
}
p.book img {
  width: 75px;
  height: 100px;
  border: 1px solid rgb(213,213,213);
  margin: 3px 10px 3px 0;
  float: left;
}









/* GUNABOUT */
table#gunabout-barrels {
  margin: 2px auto;
}
table#gunabout-barrels td {
  width: 100px;
  padding: 5px; padding-bottom: 10px;
  margin: 0;
  text-align: center;
  vertical-align: top;
}
table#gunabout-barrels td img {
  width: 90px;
  height: 90px;
  margin: auto;
  display: block;
  cursor: help;
}

ul.sp li {
  margin-bottom: 7px;
}


/* QUESTIONS */
fieldset.questions-options {
  border: 1px solid silver;
  background-color: rgb(240,240,245);
  padding: 10px;
}
fieldset.questions-options select {
  width: 37%;
}
fieldset.questions-options select.shorter {
  width: 26%;
}
fieldset.questions-options select.long {
  width: 100%;
}


        ul.questions {
            list-style: none; padding: 0; margin: 0;
        }
        ul.questions li {
            padding: 15px 0;
            padding-right: 2em;
            border-top: 1px solid silver;
        }
        .questions p {
            padding: 0;
            margin: 0;
        }
        .questions p.q-number {
            float: left;
            text-align: right;
        }
        .questions p.q-text {
            text-align: left;
            font-weight: bold;
            margin-bottom: 5px;
        }
        .questions p.a-letter {
            clear: left;
            float: left;
            text-align: right;
        }
        .questions p.a-text {
            margin-bottom: 5px;
        }
        
        .questions p.q-number   { width: 2.5em; }
        .questions p.q-text     { padding-left: 3.0em; }
        .questions p.a-letter   { width: 4.0em; }
        .questions p.a-text     { padding-left: 4.5em; }
        
        .questions.nonumber p.q-text    { padding-left: 0.0em; }
        .questions.nonumber p.a-letter  { width: 1.5em; }
        .questions.nonumber p.a-text    { padding-left: 2.0em; }
        
        .correct.answer { color: #003000; font-weight: bold; }
        .wrong.answer   { color: darkred; }
        .wrong.answer > *:nth-child(2) { font-style: italic; }

img.question-image {
  border: 1px solid silver;
  max-width: 90% !important;
  margin: auto;
}



/* PRACTICE */

#stats span.value,
#stats span.percentage {
  font-size: 12.5pt;
}
#stats span.percentage:after {
  content:"%";
  font-size: 9pt;
}

.question > .label:first-child {
  text-align: center;
}
.question > .label:first-child > div:first-child {
  float: left;
  width: 100px;
  margin-right: -100px;
  text-align: left;
}

.current.question {
  box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.08);
}
.current.question > .answer {
  border-color: rgba(34, 36, 38, 0.08);
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.08);
  margin: .5rem 0;
  cursor: pointer;
}
.current.question > .answer:hover {
  color: darkgreen;
  /*background-color: #eeffee;*/
  box-shadow: 0 2px 4px 0 rgba(0, 100, 0, 0.24), 0 2px 10px 0 rgba(0, 100, 0, 0.16);

}
.current.question > .answer:hover > *:first-child {
  font-weight: bold;
}

.current.question > .label:first-child > span.previous {
  display: none;
}
.previous.question > .label:first-child > span.current {
  display: none;
}
.previous.question.correct-answer > .label:first-child span.wrong-answer {
  display: none;
}
.previous.question.wrong-answer > .label:first-child span.correct-answer {
  display: none;
}
.previous.question > .label:first-child {
  color: #FFFFFF !important;
}
.previous.question > .answer {
  background: none transparent;
  box-shadow: none;
  border: 1px solid transparent;
}
.previous.question > .small.answer {
  padding-top: .1em;
  padding-bottom: .1em;
}
.previous.question.correct-answer > .label:first-child {
  background-color: #21BA45 !important;
  border-color: #21BA45 !important;
}
.previous.question.wrong-answer > .label:first-child {
  background-color: #DB2828 !important;
  border-color: #DB2828 !important;
}



/*.question:not(.previous) > .ui.top.attached.label:first-child {*/
  /*display: none;*/
/*}*/
/*.question:not(.previous) > .ui.top.attached.label:first-child + :not(.attached) {*/
  /*margin-top: 0 !important;*/
  /*font-weight: bold;*/
/*}*/
.question > .ui.top.attached.label .label {
  opacity: .85;
}

.current.question > .dimmer > .loader {
  font-weight: bold;
}










div#licence_practice-progressbox {
  margin: auto;
  width: 760px;
  border: 0 solid rgb(210,210,210);
  text-align: center;
  padding-bottom: 3px;
  padding-top: 5px;
}
  div#licence_practice-progressbox img {
    width: 700px; height: 30px; cursor: crosshair;
  }
  div#licence_practice-progressbox div {
    font-size: 8pt;
  }
form#licence_practice-law_chapter {
  margin: auto;
  margin-bottom: 5px;
  width: 760px;
  text-align: center;
  border: 1px solid rgb(210,210,210);
  border-width: 1px 0;
  padding: 5px 0 3px 0;
}
form#licence_practice-law_chapter table {
  width: 100%;
}
  form#licence_practice-law_chapter table td {
    padding: 1px 2px;
  }
  form#licence_practice-law_chapter table td.last {
    text-align: left;
    width: 90px;
  }
form#licence_practice-law_chapter select {
  width: 100%;
  font-size: 12px;
}
form#licence_practice-law_chapter input {
  vertical-align: middle;
}
form#licence_practice-law_chapter label {
  font-size: 8pt;
}

div.licence_practice-quest {
  margin: 5px;
  margin-top: 10px;
  border-bottom: 1px solid rgb(150,150,150);
}
  div.licence_practice-quest div.quest {
    font-weight: bold;
    padding-bottom: 1px;
    border-bottom: 1px solid rgb(150,150,150);
  }
  div.licence_practice-quest a.answer, span.answer {
    display: block;
    padding: 3px 0 5px 0;
    margin:  1px 0 1px 0;
    line-height: 105%;
  }
  div.licence_practice-quest a.answer span {
    color: rgb(  0,  0, 75);
  }
  
  div.practice-resultbox {
    float: right;
    width: 100px;
    padding: 5px;
    text-align: center;
  }
    div.practice-resultbox div.ps {
      font-size: 25pt;
      line-height: 24px;
    }
    div.practice-resultbox div.pa {
      font-size: 9pt;
      line-height: 20px;
    }
  div.licence_practice-hr {
    font-size: 0;
    height: 1px;
    border: 0 solid rgb(210,210,210);
    border-width: 1px 0;
    margin: 30px 0 2px 0;
  }






optgroup {
  font-style: normal;
  font-size: 9pt;
  padding-left: 3px;
  text-decoration: underline;
}

option {
  padding-top: 2px;
  font-size: 10pt;
  text-decoration: none;
}


/* practical */
div.instructor {
  width: 43%;
  float: left;
  border: 1px solid rgb(215,215,220);
  padding: 3px;
  margin: 15px;
}
  div.instructor table {
    width: 100%;
    background-color: rgb(235,235,240);
    background-position: top right;
    background-repeat: no-repeat;
    background-image: url("../img/lex-certified-I_uFWAl.png");
  }
    div.instructor table td.c1 {
      width: 90px;
      padding: 5px 3px;
      vertical-align: top;
      font-size: 9pt;
    }
    div.instructor table td.c2 {
      font-weight: bold;
      padding: 1px 5px;
      font-size: 10pt;
    }



/* FAQ */

div.ui.accordion > div.title {
  font-size: inherit;
  font-weight: bold;
}
div.ui.accordion > div.content {
  padding-top:    .7em;
  padding-bottom: .7em;
}


/* REVIEWS */

div#reviews_outer1 {
  display: table;
  width: 100%;
}
div#reviews_outer2 {
  display: table-cell;
  height: 180px;
  vertical-align: middle;
}
div.reviews {
  display: inline-block;
}

div.reviews > .column.arrow {
  padding: 0 !important;
  cursor: pointer;
}
div.reviews > .column.arrow > i {
  margin: 0 !important;
}

div.review {
}

div.review > .ui.segment {
  width: 100%;
  height: 100%;
  padding: 1em 2em;
}
div.review > .ui.segment > p {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: serif;
  font-size:   12.5pt;
  font-style:  italic;
}
div.review > .ui.segment > .author {
  margin-top: 10px;
}
div.review > .ui.segment > .source {
  float: right;
  margin-top: 10px;
  margin-left: -100%;
  font-size: 9.5pt;
}


/** POLICE DEPARTMENT **/

.ui.form .select2-container {
  width: 100%;
  font-size: 0.9rem;
}

.ui.form .select2-chosen {
  padding-top: 0.85em;
  padding-bottom: 0.85em;
  line-height: normal;
}

.ui.form .select2-choice {
  height: auto;
}

.ui.form .select2-arrow {
  padding-top: 0.3em;
}

.select2-drop .select2-result-label {
  font-size: inherit;
}

.ui.left.icon.input .select2-choice {
  padding-left: 3em!important;
  padding-right: 1.2em!important;
}


div.department-info p {
  font-size: 12pt;
}
div.department-info .grid .column {
  font-size: 12pt !important;
}
div.department-info .column:first-child {
  margin-top: 0;
}
div.department-info .ui.label:not(.attached) {
  width: 300px;
  margin-top:    2em;
  margin-bottom: 1em;
}
div.department-info .opening-hours .row {
  padding-top: 0;
  margin-top: 5px;
}



