/* START category tree CSS */

    .category-selector .badge{
        max-height:20px
    }


 .category-selector .list-item-all{
     padding: 2px 2px 2px 2px;
  }

  .category-selector .list-item-category{
     padding: 2px 2px 2px 2px;
  }

  .category-selector .list-item-subcategory{
     padding: 2px 2px 2px 2px;
  }

  .list-item-category .custom-checkbox{

  }

.category-selector .colour-bar {
    background-image: linear-gradient(#E6FFC0,#E6FFC0), linear-gradient(#FFEBEB,#FFEBEB);
    background-repeat: repeat-y, repeat-y;

}

.list-item-all .colour-bar{
  padding:4px 4px 4px 5px;
}

.list-item-category .colour-bar{
  padding:0px 0px 0px 10px;
}

.list-item-subcategory .colour-bar{
 padding:0px 0px 0px 10px;
}


.list-item-all .basic-bar{
  padding:4px 4px 4px 5px;
}

.list-item-category .basic-bar{
  padding:0px 0px 0px 10px;
}

.list-item-subcategory .basic-bar{
 padding:0px 0px 0px 10px;
}

.custom-checkbox
{
  padding-top:0;
  padding-bottom: 0;
  margin-top:0;
  margin-bottom:0;
}







/* END category tree CSS */


    /* GLOBAL STYLES
    -------------------------------------------------- */
    /* Padding below the footer and lighter body text */

    body {
      padding-bottom: 40px;
      color: #444;
    }



    /* CUSTOMIZE THE NAVBAR
    -------------------------------------------------- */

    /* Special class on .container surrounding .navbar, used for positioning it into place. */
    .navbar-wrapper {
      position: relative;
	z-index: 15;
  }
 


	.main-container {
	
	}
	
	.main-row {
		min-height:500px;
	}

   footer {
		margin-top:50px;
        background-color: #f5f5f5;
		padding:10px;
      }
	  
	  .alert-orange,
	.alert-orange h4 {
	  color: #B58D48;
	}
	
	.alert-grey {
	  color: #555;
	  background-color: #fbfbfb;
	  border-color: #ccc;
	}

	.alert-grey h4 {
	  color: #555;
	}

	.marketing {
  padding-left: 15px;
  padding-right: 15px;
}
/* Center align the text within the three columns below the carousel */
.marketing .col-md-4 {
  text-align: center;
  margin-bottom: 20px;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-md-4 p {
  margin-left: 10px;
  margin-right: 10px;
}

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}


#show-if-mobile 
{ 
color:white;
display: none;
background-color:green;
margin-top:150px;
padding:10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#loginmobile { display: none;}
	
    /* RESPONSIVE CSS
    -------------------------------------------------- */

@media (min-width: 768px) {

  /* Remove the edge padding needed for mobile */
  .marketing {
 padding-left: 0;
    padding-right: 0;
  }
  


  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }




  .featurette-heading {
    font-size: 50px;
  }
 
}

@media (min-width: 992px) {
 
   
}

.form-group
{
padding:5px
}

.table-striped tbody tr:nth-child(even) td {background: #F9F9F9}
	.table-striped tbody tr:nth-child(odd) td {background: #ffffff}
	
.table-striped tr:first-child th {background-color: #D9EDF7;}
	
.table-striped2 tbody tr:nth-child(even) td {background: #F9F9F9}
	.table-striped2 tbody tr:nth-child(odd) td {background: #ffffff}	
	
.imagetext
{
max-width:400px;
margin-left:auto;
margin-right:auto;
font-size:85%;
margin-bottom:10px;
color:#777;
padding:5px;
background-color:#f8f8f8;
}

.question-score-table td
{
padding: 3px;
}

.boftable
{
margin-top:0px;
margin-bottom:16px;
}

.boftable:hover
{
cursor: pointer;
}

.tb{
 
 	background: #FFFFE0;
	border:	1px solid #999;
	border-collapse: collapse;

} 

.tb td{

	border: 1px solid #ddd;
	
	font-size: 12px;
	font-family:verdana;
	line-height: 140%;
	
	padding:7px;
}

.blue-panel
{
background-color:#D9EDF7;
}

.yellow-panel
{
background-color:#FCF8E3;
}

.sidebar-table td
{
padding:5px;
}


#flagbutton
{
color:#555;
}


.red-flag
{
color:red;
}

.titlebar
{
background-color:#f4f4f4;
border:1px solid #ddd;
border-bottom:1px solid #999;
padding-top:5px;
padding-bottom:5px;
margin-bottom:15px;
border-radius: 4px;
}
 .defaulttable{
	font-size:14px;
	line-height: 140%;
} 
.boftd 
{
	background: #fafafa;
	padding: 3px;
}



.reviewfacts
	{	
	width: 100%;
	}
	.reviewfacts td
	{
		padding: 5px;
	
	}
	.reviewfacts td:first-child
	{
		width:85%;
	}
	
	.btn-warning, .btn-danger{
	margin-left:10px;
	}

	
	.greenlink , .greenlink:visited, .greenlink:hover, .greenlink:active
	{color:green;}
	
	.orangelink , .orangelink:visited, .orangelink:hover, .orangelink:active
	{color:orange;}
	
	.redlink , .redlink:visited, .redlink:hover, .redlink:active
	{color:red;}
	
	
.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}


.concept {
     
  }

.concept-0{
       border-bottom: 1px dotted #777;
       text-decoration: none;
        cursor: pointer;
     }


.concept-1{
      background-color:#FFEBEB;
       cursor: pointer;
     }

.concept-2{
      background-color:#FFF5C6;
       cursor: pointer;
     }

.concept-3{
      background-color:#E6FFC0;
       cursor: pointer;
     }


.concept-1-u{
 
      border-bottom: 2px solid #FFEBEB;
       text-decoration: none;
        cursor: pointer;
     }

.concept-2-u{
     
      border-bottom: 2px solid #FFF5C6;
       text-decoration: none;
        cursor: pointer;
     }

.concept-3-u{
     
      border-bottom: 2px solid #E6FFC0;
       text-decoration: none;
        cursor: pointer;
     }

.notes-title{
color: #1A9CCE;
padding-bottom:10px;

}


.notes-heading{
color: #1A9CCE;
padding-bottom:3px;

}

.notes-subheading{
color: #1A9CCE;
}

  .ajaximage{
      max-width: 100%;
     }

     .deeplink
    {
      color: #ddd !important ;
      cursor: pointer;
      text-decoration: none;
    }

    .deeplink_dummy
    {
      color: #ddd !important ;
      cursor: pointer;
      text-decoration: none;
    }

    #overlay{ 
      position: fixed;
      top: 0;
      z-index: 100;
      width: 100%;
      height:100%;
      display: none;
      background: rgba(0,0,0,0.6);
    }
    .cv-spinner {
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;  
    }
    .spinner {
      width: 40px;
      height: 40px;
      border: 4px #ddd solid;
      border-top: 4px #2e93e6 solid;
      border-radius: 50%;
      animation: sp-anime 0.8s infinite linear;
    }
    @keyframes sp-anime {
      100% { 
        transform: rotate(360deg); 
      }
    }

    
    .btn-xs{
      --bs-btn-padding-y: .20rem; 
      --bs-btn-padding-x: .40rem; 
      --bs-btn-font-size: .60rem;
    }

    .blue-100, .blue-100:active, .blue-100:hover,  .blue-100:focus, .blue-100:visited
    {
      background-color:#CFE2FF;
      color:#031633;
    }
    .blue-100:hover{
      opacity: 0.8;
      border: 1px solid #031633;
    }

    .indigo-100, .indigo-100:active, .indigo-100:hover,  .indigo-100:focus, .indigo-100:visited
    {
      background-color:#E0CFFC;
      color:#140330;
    }
    .indigo-100:hover{
      opacity: 0.8;
      border: 1px solid #140330;
    }

    .purple-100, .purple-100:active, .purple-100:hover,  .purple-100:focus, .purple-100:visited
    {
      background-color:#E2D9F3;
      color:#160D27;
    }
    .purple-100:hover{
      opacity: 0.8;
      border: 1px solid #160D27;
    }

    .pink-100, .pink-100:active, .pink-100:hover,  .pink-100:focus, .pink-100:visited
    {
      background-color:#F7D6E6;
      color:#2B0A1A;
    }
    .pink-100:hover{
      opacity: 0.8;
      border: 1px solid #2B0A1A;
    }
    .red-100, .red-100:active, .red-100:hover,  .red-100:focus, .red-100:visited
    {
      background-color:#F8D7DA;
      color:#2C0B0E;
    }
    .red-100:hover{
      opacity: 0.8;
      border: 1px solid #2C0B0E;
    }
    .orange-100, .orange-100:active, .orange-100:hover,  .orange-100:focus, .orange-100:visited
    {
      background-color:#FFE5D0;
      color:#331904;
    }
    .orange-100:hover{
      opacity: 0.8;
      border: 1px solid #331904;
    }

    .yellow-100, .yellow-100:active, .yellow-100:hover,  .yellow-100:focus, .yellow-100:visited
    {
      background-color:#FFF3CD;
      color:#332701;
    }
    .yellow-100:hover{
      opacity: 0.8;
      border: 1px solid #332701;
    }

    .green-100, .green-100:active, .green-100:hover,  .green-100:focus, .green-100:visited
    {
      background-color:#D1E7DD;
      color:#051B11;
    }
    .green-100:hover{
      opacity: 0.8;
      border: 1px solid #051B11;
    }

    .teal-100, .teal-100:active, .teal-100:hover,  .teal-100:focus, .teal-100:visited
    {
      background-color:#D2F4EA;
      color:#06281E;
    }
    .teal-100:hover{
      opacity: 0.8;
      border: 1px solid #06281E;
    }

    .teal-100, .teal-100:active, .teal-100:hover,  .teal-100:focus, .teal-100:visited
    {
      background-color:#D2F4EA;
      color:#06281E;
    }
    .teal-100:hover{
      opacity: 0.8;
      border: 1px solid #06281E;
    }

      .cyan-100, .cyan-100:active, .cyan-100:hover,  .cyan-100:focus, .cyan-100:visited
    {
      background-color:#CFF4FC;
      color:#032830;
    }
    .cyan-100:hover{
      opacity: 0.8;
      border: 1px solid #032830;
    }

    .clt, .clt ul, .clt li {
      position: relative;
 }
 
 .clt ul {
     list-style: none;
     padding-left: 32px;
 }
 
 .clt li::before, .clt li::after {
     content: "";
     position: absolute;
     left: -12px;
 }
 
 .clt li::before {
     border-top: 1px solid #000;
     top: 9px;
     width: 8px;
     height: 0;
 }
 
 .clt li::after {
     border-left: 1px solid #000;
     height: 100%;
     width: 0px;
     top: 2px;
 }
 
 .clt ul > li:last-child::after {
     height: 8px;
 }
 

 #big_search_results{
  display:none; 
  width:75%;
  height:75vh;
  background-color:#f6f6f6;
 position: absolute;
 z-index:1100; 
 border: 1px solid #bbb;  
 border-radius: 5px; 
 overflow-y: scroll; 
 padding:10px;
 margin-left: auto;
 margin-right: auto;
 left: 0; 
 right: 0;
}



  #et_output{
    line-height:1.6em;
  }

  #node_title:hover{
    cursor: pointer;
  }

  .etb_rating:hover{
    cursor: pointer;
  }

  .div_etb_rating{
    background-color:#eee;
    border:1px #ccc solid;
    border-radius: 3px; 
    padding:3px;
    display:none; 
  }

  .etb_improve{
    cursor: pointer;
  }

  .extlink {
    color: #222;
    text-decoration: none; 
  }

  .square-age
     {
     
     	height:7px;
     	width:20px;

 
     
     }
	 
	 .square-age.blue { background-color: #0A58CA; }
	 .square-age.yellow { background-color: yellow; }
	 .square-age.grey { background-color: #ddd; }
	.matrix-table td
	{
		font-size:80%;
	}
	
  .topic-link{
		color:#222;
		border-bottom: 1px dashed #666;
		padding-bottom: 1px;
    text-decoration: none;
	}

  .textbook-internal-link
  {
    margin:2px;
  }

  #div_question_nav, #et_title_header
{
  background-color: #fff;
}