* { 
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html{
  height: 100%;
  /*position: relative;
  min-height: 100%;
  background-color: #fff;
   background:/no-repeat left80 url("/img/stone-cropped-alfa.png") fixed no-repeat bottom left;%*/
}
html {
  /*height: 100%;*/
}
body {
  /*height: auto;  Allows content to grow beyond the page without overflow */
  /*width: auto;  Allows content to grow beyond the page without overflow */
  /*min-height: 100%;  Starts web page with 100% height. Fallback for IE 4-6 and older browsers */
  /*overflow-y: scroll; Optional: Adds an empty scrollbar to the right margin in case content grows vertically, creating a scrollbar.  Allows for better width calculations, as the browser pre-calculates width before scrollbar appears, avoiding page content shifting.*/
  /*margin: 0;
  padding: 0;
  background:yellow; FOR TESTING:
  /*min-height: 2000px;
  background-color: transparent;*/
  position: relative;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  min-height: 100%;
  padding-bottom: 10em;
  /*border: 1px solid red;*/
}
body.stone {
  background: /*/no-repeat left80%*/ url("/img/stone-cropped-alfa.png") fixed no-repeat bottom left;
}
body.user {
  /*background: /no-repeat left80% url("/img/Fund_Events_alfa.png") no-repeat center;*/
}
/*body > container{
  position: relative;
  margin-bottom: 6em;
  border: 1px solid green;
}*/
.footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  /*width: 99.95%;
   Set the fixed height of the footer here */
  height: 6em;
  /*margin-top: 2em;*/
  background-color: #fff;
  opacity: .7;
  border-top: 1px solid #cceed6;
  /*overflow: hidden;*/
}
.footer p{
  font-weight: bold;
  letter-spacing: 2px;
  color: #12302d;
  margin-top: 2em;
  font-style: italic;
}

a, a:visited, a:focus, a:hover {
  text-decoration: none;
}
a:hover {
  color: #ffa500;
  /*text-shadow: 1px 1px #333;*/
}
.clearfix{
  clear: both;
}
hr{
  width: 90%;
  margin: 0 auto;
  margin-bottom: 1em;
  border: 0;
  border-top: 1px solid #eee;
  
}
/*=================== navbar =====================*/
.navbar-default {
  padding: .5em 0;
  border-bottom: 2px solid #cceed6/*#ffc04d*/;
  margin-bottom: 3em;
  /*background-color: #fff;
  padding: 1em 0;*/
  background-color: #205550;/*#12302d*/
  /*border-color: transparent;/*#e7e7e7
  border-bottom: 1px solid #ddd;*/
  border-radius: 0;
  
  /*color: #fff;*/
}
.navbar-default .navbar-brand {
  color: #cceed6;/*#beeaca #a0e0b2;color: #555;*/
}
.navbar-default .navbar-brand:hover {
  color:#ffd588;/*#fff*/
}
.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
  letter-spacing: 3px;
}

.navbar-default .navbar-nav > li a {
  color: #cceed6;/*color: #555;*/
  font-weight: bold;
  letter-spacing: 2px;
}
.navbar-default .navbar-nav> li a:focus,
.navbar-default .navbar-nav> li a:hover {
  color: #ffd588;/*#12302d#ffa500*/
  /*background-color: #cceed6;#777*/
}
.navbar-default .navbar-nav> li a,
.navbar-default .navbar-nav> li a:visited,
.navbar-default .navbar-nav> li a:focus,
.navbar-default .navbar-nav> li a:hover {
  text-decoration: none;
}
.fa-home {
  font-size: 1.2em;
}




/*==================== content ===================*/
h1.first-page {
  /*font-weight: bold;*/
  font-variant: small-caps;
  color: #12302d;
  letter-spacing: .3em;
  /*text-align: center;
  margin-top: 3em;*/
  padding: 2em 0 1em 0;
}
h2.title {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: .3em;
  margin: 2em auto;  
}
h2.test-title {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: .2em;
  margin: 1em auto;  
}
.subtitlu {
  width: 90%;
  font-size: 1.1em;
  letter-spacing: .2em;
  margin: 1em auto;
}
.subtitle{
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
  margin: .5em auto;
}
.title, .subtitle, .test-title{
  text-align: center;
}
/*.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #fff;
}*/
.details {
  margin-top: 3em;
}
.details p {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 1em;
  letter-spacing: 2px;
}
.red {
  font-weight: bold;
  color: red;
  letter-spacing: 2px;
}
.tutorial {
  font-weight: bolder;
  padding-left: 1em;
  letter-spacing: .3em;
  color: #005fbb;
}
.cum-sa li {
  margin-bottom: .5em;
}
.bold {
  font-weight: bold;
  letter-spacing: 2px;
}
.space {
  line-height: 20px;
  padding: 0 0 1em 0;
  text-align: center;
}
.down {
  margin-bottom: 3em;
}
.teacher {
  margin-top: 15%;
}
.profile {
  padding: 1em;
  border: 1px solid #f8f8f8;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, .6);
}
.table-hover > tbody > tr:hover {
  background-color: #f9fdf9;/*#f5f5f5*/
}
.table>tbody>tr>th {
  border-top: 1px solid #daefdf;
}

/*=========================== forms ==============================*/
#counter {
  font-size: large;
  font-weight: bold;
  letter-spacing: 2px;
  padding: 2em 0;
  text-align: center;
}
form{
  border: 1px solid #f8f8f8;
  /*background-color: #fafafa;*/
  border-radius: 20px;
  padding: 1.5em;
}


/*.form-control {*/
/*  display: block;*/
/*  width: 100%;*/
/*  height: 34px;*/
/*  padding: 6px 12px;*/
/*  font-size: 14px;*/
/*  line-height: 1.42857143;*/
/*  color: #555;*/
/*  background-color: #fff;*/
/*  background-image: none;*/
/*  border: 1px solid #ff0000;*/
/*  border-radius: 4px;*/
/*  -webkit-box-shadow: none ;/*inset 0 1px 1px rgba(0,0,0,.075)*/
/*  box-shadow: inset 0 1px 1px rgba(0,0,0,.035);*/
/*  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;*/
/*  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;*/
/*  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;*/
/*  transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;*/
/*  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;*/
/*  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;*/
/*}*/

.form-control {
  /*background-color: #205550;#555*/
  border: 1px solid #cceed6;/*#ccc*/
  box-shadow: inset 0 0px 0px rgba(204, 238, 214, .8);
}
.form-control:focus {
  border: 2px solid #cceed6;
  box-shadow: none;
}

.student-test{
  font-size: 1.15em;
}
.student-test.success{
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
}
.test{
  /*width: 70%;*/
  margin: 1em auto;
  border: 1px solid #f8f8f8;
  border-radius: 20px;
  background-color: rgba(248, 248, 248, .6);
}
.answer textarea,
.question, .answer{
  width: 100%;
  /*margin: .5em 0;*/
  resize: none;
  /*padding: 1em .5em;
  border: 1px solid #fafafa;*/
  border: none;
  /*border-radius: 3px;*/
  background-color: transparent;
  color: #000;
  font-style: italic;
}
.intrebare{
  /*background-color: #f8f8f8;
  border: 1px solid #f8f8f8;*/
  border-radius: 6px;
  margin: 1.5em 0;
}
.intrebare textarea{
  color: #000;
  text-shadow: 1px 1px 1px rgba(68, 68, 68, 0.3);
}
.question{
  padding: 1em 0;  
}
.answer{
  width: 90%;
  margin-left: 10%;
  margin-top: 1em;
  
  font-style: normal;
  /*border: 1px solid #ccc;*/
  border: none;
}
.answer textarea{
  color: #6f6f6f;
  font-style: normal;
}
.radio{
  text-align: center;
}
.radio label{
  margin: .8em 2em;
}
.radio label:first-child,
.radio label:nth-child(2){  
  font-weight: 600;
  letter-spacing: 1px;
}
.radio label:first-child{
  color: green;
}
.radio label:nth-child(2){
  color: red;
}
.col-md-1 input{
  text-align: center;
  /*border: 1px solid #ccc;*/
}
.col-md-offset-1{
  padding: 0;
}
input:focus, textarea:focus{
  outline: none;
}
/*.question:focus, .answer:focus{
  outline: none;
}

p.question span{*/
/*  font-weight: bold;*/
/*  padding-right: 1em;*/
/*}
label{
  display: block;
}
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio]{
  position: absolute;*/
  /*margin-top: 4px\9
  margin-left: -20px;;*/
  /*color: red;
  border: 1px solid #6495ed;
  background-color: #fff;
  box-shadow: inset 0px 0px 0px white, 1px 1px 5px rgba(80,80,80,0.1);
}*/
.radio{
  margin-top: .8em;
  margin-left: 4em;
}
.checkbox-inline, .radio-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}
/*.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: transparent;
  border: none;
  border-radius: 0px;
}
.radio{
  padding-left: 1.5em;
}*/
.btn-default.trimite {
  color: #fff;
  background-color: #205550;/*#555*/
  border: 1px solid #cceed6;/*#ccc*/
  border-radius: 4px;
  letter-spacing: 1px;
}
.btn-default.trimite:hover {
  color: #205550;
  background-color: #fff;
  border: 1px solid #cceed6;
  /*border-color: #eee;*/
  /*box-shadow: 1px 1px 2px 1px rgba(83,83,83,0.75);*/
}


.btn-default.forgot {
  color: #205550;
  border: 1px solid #cceed6;
  background-color: #fff;
}

.btn-default.forgot:hover {
  color: #fff;
  border: 1px solid #cceed6;
  background-color: #205550;
}


.btn-info {
  font-weight: 700;
  letter-spacing: 2px;
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #5bc0de;
  background-color: #fff;
  border-color: #5bc0de;
}
.btn.btn-info:hover {
  color: #5bc0de;
  background-color: #fff;
  border-color: #5bc0de;
}




/*.radio label.error {
  color: red;
  font-weight: bold;
}
.arrow {
  margin-top: 2em;
  display: block;
  color: red;
  font-weight: bold;
}*/
label.error {
  display: block;  
  min-height: 20px;
  padding-left: 1em;
  padding-top: .5em;
  margin-bottom: 0;
  font-weight: 500;
  color: red;
  cursor: pointer;
}