/* Default colour scheme */
/* Cool blues */
/*
dark = #154364
light = #D4DBE2
medium = #BCCCDD
bright = #1E90FF
grey =  #124C75
amber = #F8981C
red = #C1434F
green = #339900
accent = #9CA38
success = #6EBB3E
warning = goldenrod
*/

.bg-lt {
   background-color:#D4DBE2 !important;
}

.bg-md {
   background-color:#BCCCDD !important;
}

.bg-dk {
   background-color:#154364 !important;
}

.bg-bright {
   background-color:#1E90FF !important;
}

.bg-grey {
   background-color:#124C75 !important;
}

.bg-amber {
   background-color:#F8981C !important;
}

.bg-red {
   background-color:#C1434F !important;
}

.bg-green {
   background-color:#339900 !important;
}

.bg-white {
   background-color:white !important;
}

.bg-accent {
   background-color:#9CA387 !important;
}

.bg-success {
   background-color:#6EBB3E !important;
}

.bg-warning {
   background-color:gold !important;
}

/* Checkbox div */
.box-check {
  border:solid 1pt #154364 ;
  background-color:white;/*#D4DBE2;*/
  border-radius: 5px;
  white-space: nowrap;
}

/* Borders */
.br-lr {
  border-left:solid 3px #BCCCDD;    /*medium*/
  border-right:solid 3px #BCCCDD;
}

.br-tb {
  border-top:solid 3px #154364;    /*dark*/
  border-bottom:solid 3px #154364;    /*dark*/
}

.br-lt {
   border: solid 1px #D4DBE2 !important;
}

.br-md {
   border: solid 1px #BCCCDD !important;
}

.br-rt-md {
   border-right: solid 1px #BCCCDD !important;
}

.br-dk {
   border: solid 1px #154364 !important;
}

.br-bright {
   border: solid 1px #1E90FF !important;
}

.br-grey {
   border: solid 1px #124C75 !important;
}

.br-amber {
   border: solid 1px #F8981C !important;
}

.br-red {
   border: solid 1px #C1434F !important;
}

.br-green {
   border: solid 1px #339900 !important;
}

.br-accent {
   border: solid 1px #9CA387 !important;
}

/*  Cross icon - background image has different colours depending on skin  */
.cross {
    border: none;
    width: 100%;
    background: url('../images/icons/cross_1.png') no-repeat top center;
    padding: 4px;
}

.cross:hover {
  border: solid 2px #C1434F;
  border-radius: 6px;
}

/* multiple choice question display */

.g-ques {
  padding: 0px 80px;
  font-family: sans-serif;
  /*font-size:22px;*/
  font-weight: normal;
  color:DarkSlateGray;
}

.grammar_ans {
  text-align:center;
  border:none;
  background-color:AliceBlue;
  padding-bottom: 0px;
  width:120px
}

.m-choice {
  font-family: sans-serif;
  /*font-size:22px;*/
  font-weight: normal;
  color:DarkSlateGray;
  padding: 5px;
  line-height:80%;
  display:inline-block
}

.n-choice {
  font-family: sans-serif;
  /*font-size:22px;*/
  font-weight: normal;
  color:DarkSlateGray;
  /*padding: 3px;
  line-height:80%;
  display:inline-block */
}

.m-choice:hover {
  /*font-size:22px;*/
  background-color:LightSlateGray;
  color:white;
  padding: 5px;
  font-weight:600 */
}

.m-choice-shade {
/*  font-size:22px;*/
  background-color:SteelBlue;
  color:white !important;
  padding: 2px;
 font-weight:600 */
}

/*  Menu nav */
.nav-pills > li > a, .nav-pills > li > a:focus {
   color: #154364;
   background-color: #D4DBE2;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus {
   color: #154364;
   background-color: #BCCCDD;
}
.nav-pills > li > a:hover {
   color:white;
   background-color: #154364;
}
.nav-pills > li.dead > a:hover {
   color:#154364;
   background-color: #D4DBE2;
}
.nav-pills > li.active > a:hover {
   color:#154364;
   background-color: #BCCCDD;
}


/* Table */
.table-striped>tbody>tr:nth-child(even)>td,
.table-striped>tbody>tr:nth-child(even)>th {
   background-color: Silver;
}

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: GhostWhite;
}


/* Text */
.tx-lt {
   color:#D4DBE2 !important;
}

.tx-md {
   color:#BCCCDD !important;
}

.tx-dk {
   color:#154364 !important;

}

.tx-mb {
   color:darkslategray !important;
   font-weight:600!important;
   font-size:18px!important;
}

.tx-bright {
   color:#1E90FF !important;
}

.tx-grey {
   color:#A9A9A9 !important;
}

.tx-amber {
   color:#F8981C !important;
}

.tx-red {
   color:#C1434F !important;
}

.tx-green {
   color:#339900 !important;
}

.tx-accent {
   color:DarkSlateGray !important;
}
.tx-white {
   color:white !important;
}