/*!
 * Start Bootstrap - SB Admin Bootstrap Admin Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
@import url(https://fonts.googleapis.com/css?family=Raleway);
@import url(https://fonts.googleapis.com/css?family=Inconsolata);
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

.padtop{
  padding-top: 20px !important;

}

.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0; }
}


.commenttext{
  margin-top: -.1em; 
}



.faqbigborder{
  width: 90%;
  

}

.faqborder{
  width: 90%;
  padding-left:20px !important;
  padding-top:20px !important;
}

#feedback {
  opacity:1;
  
  position: fixed;
  right: 0;
  bottom: 0;
  height: 350px;
  margin-right: 30px;
  margin-left: 30px;
  margin-bottom: 90px;
  opacity: 1;
  z-index: 10000;
}

#feedback-form textarea {
  opacity:1;
  
  resize: none;
  z-index: 10000;
}

#feedback-form {
  opacity:1;
  
  float: left;
  width: 300px;
  height: 100%;
  z-index: 10000;
  /*padding-left:0px;
  padding-right: 0px;*/
  background-clip: 'padding-box';
  border: 1px solid rgba(0,0,0,.2);
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
}


.supportbutton { 

  position: fixed; 
  bottom: 0px; 
  right: 0px; 
padding-right: 20px;
padding-bottom: 20px;
z-index: 10001;
text-shadow: 0 1px rgba(0,0,0,0.1); 
}

.classroom {
    /*overflow-x: hidden;*/
    background:
    linear-gradient(
      rgba(255, 255, 255, 1), 
      rgba(255, 255, 255, 0.7)
    ),
     url("../images/classroom.jpg");
    background-size: cover;
    /*background-position: center center;*/
    /*background-attachment: fixed;*/
    padding-bottom: 800px;
    margin-bottom: -550px;
}


.mycreate{
  position:fixed; 
  
  bottom:0;
    text-align: center;
  font-size: 1.8em;
  font-family: roboto;
  z-index: 100;
}


.myrightbar{
  display: inline-block;
  margin-top: 0%;
  margin-right: 2%;
  position:fixed; 
  right:0;
  z-index: 100;
  padding: 20px;
  /*background-color: white;*/
/*border-radius: 8px;
 border: 1px solid #d9d9d9;*/
}



/****** LOGIN MODAL ******/
.loginmodal-container {
  padding: 30px;
  max-width: 350px;
  width: 100% !important;
  background-color: #F7F7F7;
  margin: 0 auto;
  border-radius: 2px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  font-family: roboto;
}

.loginmodal-container h1 {
  text-align: center;
  font-size: 1.8em;
  font-family: roboto;
}

.loginmodal-container input[type=submit] {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  position: relative;
}

.loginmodal-container input[type=text], input[type=password] {
  height: 44px;
  font-size: 16px;
  width: 100%;
  margin-bottom: 10px;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  /* border-radius: 2px; */
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.loginmodal-container input[type=text]:hover, input[type=password]:hover {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.loginmodal {
  text-align: center;
  font-size: 14px;
  font-family: 'Arial', sans-serif;
  font-weight: 700;
  height: 36px;
  padding: 0 8px;
/* border-radius: 3px; */
/* -webkit-user-select: none;
  user-select: none; */
}

.loginmodal-submit {
  /* border: 1px solid #3079ed; */
  border: 0px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1); 
  background-color: #4d90fe;
  padding: 17px 0px;
  font-family: roboto;
  font-size: 14px;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#4787ed)); */
}

.loginmodal-submit:hover {
  /* border: 1px solid #2f5bb7; */
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #357ae8;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#357ae8)); */
}

.loginmodal-container a {
  text-decoration: none;
  color: #666;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  opacity: 0.6;
  transition: opacity ease 0.5s;
} 

.login-help{
  font-size: 12px;
}






.myquote{
  width:75%;
}


.margintop{
  
  padding-top: 50px;
}



.cardmarginleft{
margin-left: 30%;
}

.myleft{
  text-align: left;
}

.myright{
  text-align: right;
}

#pinBoot {
  position: relative;
  max-width: 100%;
  width: 100%;

}

.mycardcol {
  display: block;
    margin-left: auto;
    margin-right: auto ;
  max-width: 100%;
  height: 100px;

}

.myimg {
  display: block;
    margin-left: auto;
    margin-right: auto ;
  max-width: 100%;
  height: 100px;
}
.white-panel {
  position: absolute;
  background: white;
  box-shadow:  0px 1px 2px rgba(0, 0, 0, 0.3);
  padding: 10px;
}
/*
stylize any heading tags withing white-panel below
*/

.white-panel h1 {
  font-size: 1em;
}
.white-panel h1 a {
  color: #A92733;
}
.white-panel:hover {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  margin-top: -5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}




.sidebar{
  margin-top: 10px;
  top: 0;
  left: 0;
  bottom: 0;
  overflow-y: scroll;

  /*min-height: 900px;*/
  /* background-color: #f5f5f5; */
}


    .underlined-title {
        text-align: center;
        padding-bottom: 30px;
    }

    .underlined-title h1 {
        color: #2c3e50;
        margin: 0;
    }

    .underlined-title h2 {
        font-size: 20px;
       
        font-weight: 700;
        color: #95a5a6;
    }

        .underlined-title hr {
        width: 10%;
        border-width: 2px;
        border-color: rgb(201,215,135);
    }
    .content-block {
        
        width: 100%;
        padding: 60px 0 60px 0;
        z-index: 100;
        position: relative;
        background-color: #ffffff;
    }

.content-2-7 {
    overflow-x: hidden;
    background:
    linear-gradient(
      rgba(0, 0, 0, 0.4), 
      rgba(0, 0, 0, 0.4)
    ),
     url("../images/universe.jpg");
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

.livetable {
  height:10em;
  overflow: auto;
}

.form-signin {

  max-width: 300px;
  padding: 15px;
  margin: 0 auto;
}


.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}




.loginsize {

  height:2em;
}

.big-checkbox {width: 1em; height: 1em;}

.table-myborder
{
  border-style: solid;
    border-width: 10px;


}

.bigtd{
  padding:20px;
 
}


.logo{
  margin-top: -17px !important;
width:180px;


}

.arialfont{
  font-family: 'Arial';
}

.orangekey{
background-color: rgb(255,141,0);
}

.whitekey{
background-color: white;
}

.bluekey{
  background:
    linear-gradient(
      rgb(54,115,253),
      rgb(28,68,225)
    ) !important;
}

.greenkey{
  background-color: #7D8A2E ;
}

.padright{
  padding-right: 0vw;
}

.marright100{
  margin-right: 100px;
}

.greybtn{
  
  background: rgb(180,180,180) ;
}

.greenbtn{
  
  background: #7D8A2E ;
}

.redbtn{
  
  background: #FF8598  ;
}

.bluebtn{
  background: rgb(92,132,149) !important;
}
.keyboardtable{
  
  margin-top: 1% !important;
  width:100%;
  
  padding-bottom: 0px;
}

.mob-btn {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    display: inline-block;

    
    width:90%;
    text-align: center;
    
    border-bottom: 1px solid #4c4c4c;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    cursor: pointer;
    
    color: black;
  margin: 1vh;
}

.mob-btn-h{
  
  height: 5vh;
  font-size: 4vh;
  line-height: 5vh;
   margin: 1vh;
  
}

/** 
 * iPad with portrait orientation.
 */
@media all and (device-width: 768px) and (device-height: 1024px) {
  
.mob-btn-h{
  height: 50px;
  font-size: 40px;
  line-height: 50px;
   margin: 10px;
}

}


.nowrap{
  white-space: nowrap
}

.grow:hover {
   transform: scale(1.1); 
}

.growbig:hover {
   transform: scale(2); 
   border-color: #ffffff;
   border:1px solid #000;
}

.invisborder{
border: 1px solid transparent;
}
.progress {
  background-color: #d9d9d9;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.nav-tabs {
    border-bottom: 2px solid #DDDDDD;
    /* works with 1px */
}

.nav-tabs > .active > a {
    border-bottom: none;
    border-right: 2px solid #DDDDDD !important;
    border-left: 2px solid #DDDDDD !important;
    border-top: 2px solid #DDDDDD !important;
    position: relative;
    top: 2px;
    
        /* works with 1px */
}



.unmargin{
  margin-top: -20px;
}

.hide{

}

.paddown{
  margin-bottom: 2px !important;
}

.qfuncbtns,  {
  margin-bottom: 5px;
  background-color: rgb(64,64,64) !important;
}

.keyboard {
  margin-left: 0px !important;
  margin-bottom: 3px !important;
  
  

  
}

.darkgraytop{
  background-color: RGB(64,64,64) !important;
}

.mygrayback{
background-color: RGB(229,229,229) !important;
border: solid 0px;

}


.tagwrap {
    
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;
    flex-wrap: wrap;
}


.marginleft {
  margin-left: -10px;
}

.pointer{
  cursor: pointer !important;
}

.tagword{
  cursor: pointer;
  margin-top: 3px;
    margin-bottom: 3px;
}

.padup4{
  padding-top: 4px !important;
}

.padup8{
  padding-top: 8px !important;
}



.paddown8{
  padding-down: 8px !important;
}



.padup{
  padding-top: 5px;
}



.input-group-addon.primary {
    color: black;
    background-color: #C9D787;
    border-color: #C9D787;
}


.biggertable{
  font-size: 1.5em;
}

.mytableinput {display: block !important; padding: 0; margin: 0; border: 0; width: 100%; 
  
  }
.mytdinput {margin: 0 ; padding: 0 ;}

.myblue{
  background-color: rgb(25,52,65) !important;
  
}

.myblue:hover{
color: rgb(169,169,169) !important;
}

.greycalc{
  background: #F2F2F2 !important;
  border: 1px solid #F2F2F2 !important;
}

.nsblue{
  background-color:  rgb(92,132,149) !important;
  color : #fff !important;
  font-family: 'Raleway' !important;
}

.nsblue:hover{
  background-color: rgb(25,52,65) !important;
}

.mycalc{

  display: inline-block;
  padding: 6px 12px;
  
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 500;
  /*line-height: 1.42;*/
outline: none;
  border-radius: 0px;
  border: 1px solid rgb(200,200,200);
  color: rgb(169,169,169);
  background-color: #fff;
  font-family: 'Inconsolata';
}

.leftmar{
  margin-left:25px;
  
}
.rightmar
{
  margin-right:25px;
}
.blacktext{
  color:#000;
  font-weight: 800;
}

.totalcover{
color: rgb(0,0,0);
background-color: rgb(255,255,255);
height: 45px;
    margin-bottom: 13px;
   opacity: 1;
    font-size: 25px;
    font-family: 'Inconsolata';
    border-radius: 0px !important;

    border-top:5px solid !important;
border-top-color: #FFC0A9 !important;
}

.no_corner{
  border-radius: 0px !important;
}
.border_gray{
border-radius: 0px !important;
border:4px !important;
  /*border-color: rgb(204,204,204)!important;*/
}

.no_lower_margin{
  margin-top: 6px;
padding-top: 6px;
margin-bottom: 3px;
padding-bottom: 3px;
}

.markingbar{
  z-index:10000;
  background-color:rgb(224,224,224);
  padding-top: 0.5em !important;
  padding-bottom: 0.5em !important;
  margin-top: 0px !important;
}

.settingbar{
  z-index:10000;
  background-color:rgb(224,224,224);
  padding-top: 2em !important;
  padding-bottom: 2em !important;
  margin-top: 0px !important;
}

.left_marking_border{
border-left:5px solid !important;
border-left-color: #FFC0A9 !important;

}

.vishid {
  visibility: hidden
}

canvas {
  outline: none;
}

.whiteborder{
  border-color: #fff !important;
}

.myhidden{
  display: none;
}

.enterextra{
  display: none;
}


.fbinput{
  width: 100%;
  font-weight: 600;
}

.ontop{
  position: relative;
   z-index: 1;
   
}

.pencilpos {
    position: absolute;
    right: 13%;
    bottom: -190px;
     z-index: 102;
}


.intro-header {

    padding-top: 60px; 
    /* If you're making other pages, make sure there is 50px
    /* of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 200px;
    text-align: center;
    color: #f8f8f8;

    background:
    linear-gradient(
      rgba(0, 0, 0, 0.2), 
      rgba(0, 0, 0, 0.2)
    ),
     url("/images/numberschool.jpg") no-repeat center;
    background-size: cover;
    
    margin-top:-60px !important;
}

.greenback {
  background: #C9D787 !important;
}

.whiteback {
  background: white !important;
}

.blackback {
  background: rgb(109,109,109) !important;
}


.edittable{
background: rgb(238,238,238);
text-align: right;
/*table-layout: fixed; */


}

.myborder-left {
  border-left: 1px dashed;
  border-top: 1px dashed !important;
  border-bottom: 1px dashed;
  text-align: right;


}

.myborder-right {
  text-align: center; /* center checkbox horizontally */
  vertical-align: middle; /* center checkbox vertically */
  border-right: 1px dashed;
  border-top: 1px dashed !important;
  border-bottom: 1px dashed;
}

.note-editor .note-dropzone { opacity: 0 !important; }

.itovpos {
  top: -13em !important;
}



.verygoodeffort {
    position: fixed;
  top: 30%;
  left: 50%;
  
  margin-top: 10%;
  transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari */
    transform: translate(-50%, -50%);
    z-index: 101;

}
.verygoodeffortbutton {
    position: fixed;
    margin-top: 80px;
  top: 45%;
  left: 50%;
  transform: translate(-70%, -50%);
  -ms-transform: translate(-70%, -50%); /* IE 9 */
    -webkit-transform: translate(-70%, -50%); /* Safari */
    transform: translate(-70%, -50%);
    z-index: 101;

}

.rarrowpos {
     position: absolute;
    z-index: 100;
 
}

.yaypos{
  position: absolute;
    right: 54%;
    top: 17em;
    z-index: 100;
}



.tickpos {
    position: absolute;
    right: -1%;
    top: -8em;
    z-index: 100;
}


.crosspos {
    position: absolute;
    right: 2%;
    top: -7em;
    z-index: 100;
}

.popover-example .popover {
  position: relative;
  display: block;
  z-index: -1 !important;
  margin-bottom: 12px;
  margin-top: 4px;
  margin-left: 5%;
  max-width: 90%;
}

.popover-content-fb {
  font-family: 'Raleway';
    font-size: 18px;
    padding: 8px;
}
popover-content
.popover-title-fb {
     font-size: 18px !important;
    padding: 8px !important;
}

.popover-content {
  font-family: 'Raleway';
    font-size: 25px;
}

.popover-title {
  font-family: 'Raleway';
    
    
}


/* collapse.in essential for menus to be visible when width is small */
.collapse.in {
    height: auto;  /* this style already exists in bootstrap.css */
    overflow: visible;  /* this one doesn't. Add it! */
}

.mymenufont {
  font-size: 12px;
  font-weight: bold;
  font-family: "Raleway"
}




.bodyborder { border: 1px solid #ccc; }

.bordered {
 border: 1px solid #ccc !important;
 
  }


.inconsolatafont {
  font-family: 'Inconsolata' !important;
}

.robotofont {
font-family: 'Roboto';
}

.latofont {
font-family: 'Lato' !important;
/*font-weight: 600;*/
}

.table-responsive
{
    overflow-x: auto;
}

.resultstable {
   text-align: center;  
   vertical-align:middle; 

}

th.rotate {
  /* Something you can count on */
  height: 100px;
  white-space: nowrap;
}

th.rotate > div {
  -ms-transform: translate(24px,-2px); /* IE 9 */
  -ms-transform: rotate(315deg); /* IE 9 */
  -webkit-transform:translate(24px,-2px); /* Safari */
  -webkit-transform:rotate(315deg);/* Safari */
  transform:translate(24px,-2px);
  transform:rotate(270deg);
  width: 20px;
}
th.rotate > div > span {
  
  padding: 5px 10px;
}


.keyboard{
  font-family: 'Inconsolata';
  
}

.mynewwrap{
width:85%; 


}
@media(max-width:500px) {
    .mynewwrap {
        width:98%; 
    }
}


.keyboardwrap{
width:95%; 


}
@media(max-width:500px) {
    .mynewwrap {
        width:98%; 
    }
}





.bodycontainer { max-height: 250px; width: 100%; margin: 0; overflow-y: auto; }
.table-scrollable { margin: 0; padding: 0; }


.ralewayfont{
  font-family: 'Raleway' !important;
  /*font-size: 120%;*/
}


.myfont {
  font-family: 'Raleway';
  font-size: 120%;
  font-weight: 600;

}

.myfonti {
  font-family: 'Inconsolata';
  font-size: 150%;
  font-weight: 400;

}




legend {
  margin-top: 0px;
  margin-bottom: 12px;
}



.myalert {
/*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);  
 */   
padding: 8px 35px 10px 14px;
margin-bottom: -5px;
margin-top: 0px;
color: #000;
/*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
/*background-color: #fcf8e3;*/
border: 0px solid #C9D787 !important;
 line-height: 1.5 ;
 font-family: 'Raleway';
font-size: 24px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
font-weight: 200;
}



.plotbuttons {
  margin-top: 5px;
}


.eborder{
border-top: 2px solid rgb(74,196,220);
  border-radius: 0px;
  margin-bottom: 8px;
  /*
  border: 1px solid #999;

-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;*/
}

.worktop {
border-top: 0px solid #999;
  /*
  border-top: 1px solid #999;
  border-left: 1px solid #999;
    border-right: 1px solid #999; 
    */
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
-moz-border-top-left-radius: 0px;
-moz-border-top-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}



.workbot {
 
 margin-bottom: 0px; 
 /*
  border-bottom: 1px solid #999;
  border-left: 1px solid #999;
    border-right: 1px solid #999;
   
    border-right: 1px solid #999; */
    -webkit-border-bottom-left-radius: 0px !important;
    -webkit-border-bottom-right-radius: 0px !important;
-moz-border-bottom-left-radius: 0px !important;
-moz-border-bottom-right-radius: 0px !important;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}




.narrowgap{
  margin-bottom: 10px;
}

.math_input{
  margin-top: 4px;
 margin-bottom: -1px;
    display:block;
    width:100%;  
    cursor: default;
   border: 1px solid #999;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;

} 

.greypage{
  margin-top: -20px;
  padding-top: 15px;
  background: rgb(240,240,240);
}

.greypage1{
  margin-top: -20px;
  padding-top: 15px;
  background: rgb(254,254,254);
}

.greyback{
  
   margin-top:-55px !important;
   background: rgb(240,240,240);
  border-bottom: 1px solid rgb(210,210,210);
   margin-bottom:30px !important;
}

.greyquote{
  
   margin-top:-55px !important;
   background: rgb(240,240,240);
  border-bottom: 1px solid rgb(210,210,210);
   margin-bottom:30px !important;
}

.math_input_eqn{
 /* box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);*/
    border-radius: 0px;
    cursor: text;
     background-color: rgb(246,246,246);

} 

.content-section-a {
    padding: 150px 0;
    /*background-color: #f8f8f8;*/
    
}




.intro-message {
    /*position: relative;*/
    padding-top: 3%;
    padding-bottom: 0.5%;
}

.intro-message  {

    
    font-size: 2.5em;
    font-family: 'Raleway' !important; 
 font-weight: 1;
 color:white;
}

/* Small Devices, Tablets */
@media only screen and (min-width : 1200px) {

.intro-message {
  font-size: 2.5em;
  
 
  font-family: 'Raleway' !important; 
  font-weight: 300;
 -webkit-font-smoothing: antialiased;
 color:white;
}

}

textarea {
    resize: none;
    font-size: 25px !important;
    font-family: 'Inconsolata' !important; 
    width:100%;
}

.fixedquiztable {
 table-layout: fixed; 
}



.breadcrumb {
background-color: rgb(217,217,217);
/*border-top-left-radius: 20px;*/
z-index:11;
position: relative;

}



.input-lg{
  border-radius: 0px !important;
}

.navbar-inverse2 {
  
    

    min-height: 64px;


  background-color: white; 

    -webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
    /*border-color: #0;*/
}


/* navbar */
.navbar-inverse1 {
  
    min-height: 64px;

/*background-color: rgb(44,22,0); */
  background-color: white; 
color: black !important;
    -webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
    /*border-color: #0;*/
}

.navbar-inverse {
  
    min-height: 64px;


  background-color: rgb(25,52,65); 

    -webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
    /*border-color: #0;*/
}


.btn-primary { background-color: rgb(25,52,65);}

.btn-primary:hover,
.btn-primary:focus
 { background-color: rgb(92,132,149);  }

.btn-success.disabled {
  background-color: rgb(201,215,135) !important;
}

.btn-success {
  background-color: rgb(125,138,46);
  /*border-color: #000;*/
}
.btn-success:hover {
  background-color: rgb(201,215,135); /*rgb(67,74,25)*/
  color: #000;
  /*border-color: #000;*/
}

.btn-info {
  background-color: rgb(55,105,166);
  border-color:rgb(55,105,166);
  color: #fff;
}
.btn-info:hover {
  background-color: rgb(47,89,140); /*rgb(67,74,25)*/
  border-color:rgb(47,89,140);
}


.btn-xlarge {
    padding: 18px 28px;
    font-size: 22px;
    line-height: normal;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    }

.breakhere{
page-break-after: always;
}

.nopagebreak{
  page-break-inside: avoid;
}



body {
        

    /*margin-top: 50px;*/
    /*padding-top: 70px;*/
    /*background-color: rgb(45,64,72);*/
    overflow-x: hidden;
    background-color: #fff; /* used to be rgb(92,132,149) */
    font-family:'Raleway',Arial,Helvetica,Sans-Serif;
  }
@media screen and (max-width: 768px) {
    
}








#logoicon{    
    color: rgb(201,215,135);
    font-size: 30px;
    font-weight: 200;
    vertical-align: text-bottom;
    line-height: 34px;
}
#logoiconfront{    
    color: black;
    font-size: 30px;
    font-weight: 200;
    vertical-align: text-bottom;
    line-height: 34px;
}
#logoleft{
    color: rgb(201,215,135);
    font-size: 30px;
    font-weight: 10;
    font-family: 'Open Sans';
    padding-bottom: 20px;
}
#logoleftfront{
    color: black;
    font-size: 30px;
    font-weight: 10;
    font-family: 'Roboto';
    padding-bottom: 20px;
}
#logoright{
    color: #fff;
    font-size: 30px;
    font-family: 'Open Sans';
    font-weight:1;   
}
#logorightfront{
    color: black;
    font-size: 30px;
    font-family: 'Roboto';
    font-weight:1;   
}
/* Small Devices, Tablets */
@media only screen and (max-width : 600px) {
#logoicon{    
    color: rgb(201,215,135);
    /*color: red;*/
    font-size: 24px;
    font-weight: 200;
    vertical-align: text-bottom;
    line-height: 24px;
}
#logoleft{
    color: rgb(201,215,135);
    font-size: 24px;
    font-weight: 10;
    font-family: 'Roboto';
    padding-bottom: 20px;
}

#logoleftfront{
    color:black;
    font-size: 24px;
    font-weight: 10;
    font-family: 'Roboto';
    padding-bottom: 20px;
}

#logoright{
    color: #fff;
    font-size: 24px;
    font-family: 'Roboto';
    font-weight:600;   
}
}

.colour {
  color: rgb(201,215,135) !important;
}


.salmoncol {
  color: #FFC0A9;
}

.darkgreencol{
  color:#7D8A2E ;
}

.pinkcol{
  color:#FF8598;
}
.darkergrey_back{
 background-color: rgb(238,238,238);
}

.darkergrey{
 color: rgb(100,100,100);
}




.si_1 { background-color: #C9D787 !important;
        border: 1px solid #000;}

.si_2 { background-color: #FFFFFF;
        }
.si_3 { background-color: #FFC0A9;
        border: 1px solid #000;}
.si_4 { background-color: #FF8598 !important;
        border: 1px solid #000;}
.si_5 { background-color: #7D8A2E !important;
        border: 1px solid #000;}
.ns-superlightgreen { background-color:   rgb(236,236,236) !important;}

.ns-lightgreen { background-color: #C9D787 !important;}
.ns-salmon { background-color: #FFC0A9 !important;}
.ns-pink { background-color: #FF8598 !important;}
.ns-darkgreen { background-color: #7D8A2E !important;}

li { cursor: pointer; cursor: hand; }

.input-group-addon {
    /*min-width:120px; */
    text-align:left !important;
}

.fa { display:inline; }

.footcol{
  
  background-color: rgb(250,249,247);
  padding-top: 0px;
  padding-bottom: 100px;
  color: rgb(140,140,140) !important;
}

.shorterfooterspacer{
  margin-top: 120px;
  background-color: rgb(250,249,247);
  
  padding-top: 50px;

  padding-bottom: 0px;
}

.improver{
margin-top: 250px;
text-decoration: underline;
}

.footerspacer{
  /*margin-top: 150px;*/
  background-color: rgb(250,249,247);
  
  padding-top: 50px;

  padding-bottom: 0px;

}


#mymodal  {
  display:block !important;
}

.modal-footer {
  background-color: rgb(245,245,245);
}


/*make the tops of panels squared off*/
.panel {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}


.table-hover tbody tr:hover td,
 .table-hover tbody tr:hover th,
 .table-hover tbody tr:hover td a,
 .table-hover>tbody>tr>td>a:hover ,
 .table-hover>tbody>tr>td>a:focus
 {
 /* background-color: rgb(255,192,169);
  color: rgb(0,0,0);*/
  text-decoration: none;
}

.mybtn{
  border:0px solid transparent; /* this was 1px earlier */
  margin-bottom: 5px;
 }

.createQuestionTop{
  padding : 10px;
  border: 1px solid rgb(210,210,210);
  border-bottom: 0px;
 outline-width: thin;
 background-color: rgb(240,240,240);

}


.myblock{

 height:50px;
}

.mysearchborder{
  margin-left: -15px;
}
.myborder{
  border-radius: 0;
   min-height: 265px;
  border: 1px solid rgb(200,200,200) ;
   /*margin-right: -15px;*/
   margin-left: -15px;

  /*border-top: 2px solid rgb(0,0,0) ;*/
border-bottom: 1px solid rgb(200,200,200) ;
  /*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}*/
}

.createQuestion{

padding : 10px;
font-size: 25px;
color: #0;
  border: 1px solid rgb(210,210,210);
max-height: 300px;
overflow: auto;
font-family: 'Inconsolata';
outline: none;
/* outline-width: thin;*/
}


#equationinput
{
    
    /*width: 100%;*/
    height: 45px;
    margin-bottom: 13px;
    margin-top: 8px;
    /*line-height: 100px;*/
    font-size: 25px;
    font-family: 'Inconsolata';
    color: #0;
    border: 1px solid #96999E;   
  }

.equationinput3 {
    
    /*width: 100%;*/
    height: 45px;
    margin-bottom: 13px;
    /*margin-top: 8px;
    /*line-height: 100px;*/
    font-size: 25px;
    font-family: 'Inconsolata';
    color: #0;
    border: 1px solid #96999E;
   
    
  }

.equationinput4 {
    
    /*width: 100%;*/
    height: 45px;
    margin-bottom: 13px;
    /*margin-top: 8px;
    /*line-height: 100px;*/
    font-size: 25px;
    font-family: 'Inconsolata';
    color: #fff;
    border: 1px solid #96999E;
   
    
  }

.equationinput3r {
    
    /*width: 100%;*/
    height: 45px;
    margin-bottom: 13px;
    /*margin-top: 8px;
    /*line-height: 100px;*/
    font-size: 20px;
    font-family: 'Raleway';
    
    border: 1px solid #96999E;
    
    
  }





#mywrapper {
  margin-top: 5px;
    border: 1px solid #96999E;
    padding: 10px;
    width: 100%;
    overflow: auto;
    height: 248px;
    background-color: #EAEAEA;
    font-family: 'Inconsolata';
    color: #0;
}

#footer{
  padding-top: 15px;
  padding-bottom: 60px;
  background-color: #fff;
  /*border-top: 1px solid #e9e9e9;*/
  height:50px;
}



.thumbnail {
    position:relative;
    overflow:hidden;
}
 

.caption1 {
    position:absolute;
    top:0;
    right:0;
    background:rgba(91, 115, 145, 0);
    width:100%;
    height:100%;
    padding:5%;
    /*display: none;*/
    text-align:center;
    word-wrap: break-word;
    color:#fff !important;
    z-index:2;
}



.navbar-right{
  /*padding-right: 25px !important;*/
}




.contentrow {
  padding: 20px 20px;
  background-color: #fff;
  border-bottom: 1px solid #e9e9e9;
  position: relative;
  
}

.hugewords {
    font-family: "Raleway";
    font-weight: 600;
    /*font-size: 5em;*/
    /*font-size: 80px;*/
    
}

.bigwords {
    font-family: "Raleway";
    /*font-weight: 800 !important;*/
    font-size: 25px !important;

    
}

.bigwordsblack {
    font-family: "Raleway";
    font-weight: 500;
    font-size: 40px;
    color: #0;
}

.mediumwords{
  font-family: "Raleway";
    font-weight: 400;
    font-size: 20px;
    color: #0;
}

.myline{ 
  border-bottom: 1px solid #A9A9A9;
  
}

.centered
{
    text-align:center;
}

.mymiddle {
  width:220px;
 
  margin-left:auto; 
margin-right:auto;
}



/* Global Styles */





.thumbnail>a {
  text-decoration: none!important;

}






/* this sets the colour of the menu items in the sidebar*/


#blackcol, .blackcol{
    color: #000;
    font-family: 'Raleway',Arial,Helvetica,Sans-Serif;
    font-weight: 500;
}

.greencol{
    color: #C9D787;
}

#whitecol, .whitecol {
    color: #fff !important;
}

.redcol{
  color: white;
    background-color: #FF0000 !important;
}

.yellowcol{
  background-color: rgb(201,215,135);
}



@media(min-width:768px) {
    #wrapper {
        padding-left: 225px;
    }

   
}

/* Top Navigation */

.top-nav {
    padding: 0px;
   
}

.top-nav>li {
    display: inline-block;
    float: left;
}

.top-nav>li>a {
  padding-left: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
    color: #999;
}




.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
  font-size: 15px;
    color: #fff;
    background-color: rgb(25,52,65); 
}



.top-nav>.open>.dropdown-menu>li>a:hover {
    color: #fff !important;
    background-color: rgb(51,51,51) !important;
    
}





.colourfill{
  height: 250px;
}