html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
  
}

/* Wrapper for page content to push down footer */
svg{
  width: 100% !important
}
#wrap {
   
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0px auto -260px;
  /* Pad bottom by footer height */
  padding: 0 0 260px;
  
  background: url('../image/background_shader1.png') repeat;
  z-index:99;
  font-size:16px;

}

#left {
   
  background: url('../image/background_leaves_left.png') no-repeat left top;

}

#right {
   
  background: url('../image/background_leaves_right.png') no-repeat right top;

}

#top {
   
  background: url('../image/background_leaves_middle.png') no-repeat center top;

}

#bottom{
    
}

/* Set the fixed height of the footer here */
#footer {
  height: 260px;
  /*background-color: #f5f5f5;
  border-top: 1px solid #E2E2E2;*/
  
  color:#FFFFFF;
  background: url('../image/footer_decal_middle.png') no-repeat center top;
  z-index:-3
  }

.login{
    max-width:300px;
    padding:30px;
}
.login input{
    margin-bottom:10px;
}
.navbar-brand{
    font-size:24px;
}
.navbar{
    background: rgba(255,255,255,0.9);
    
    padding:2px;
    z-index: 1000000!important;
        
}

.navbar-collapse{
   background:#FFF;
}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

/*  .container img{
    float:right;
    max-width:100%;
 } */
 
 .bs-callout {
margin: 20px 0;
padding: 15px 30px 15px 15px;
border-left: 5px solid #eee;
}
.bs-callout h4 {
margin-top: 0;
}
.bs-callout p:last-child {
margin-bottom: 0;
}
.bs-callout code,
.bs-callout .highlight {
background-color: #fff;
}
 
/* Themes for different contexts */
.bs-callout-danger {
background-color: #f2f2fc;
border-color: #428bca;
}

.img-rounded{
	padding:1px;
	margin:1px;
	line-height:1.42857143;
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:4px;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	float: none;
}

 

.bs-example{
	position:relative;
	padding:5px;
	margin:15px;
	border-color:#e5e5e5 #eee #eee;
	border-style:solid;
	border-width:1px
}



img{
    float:right;
    max-width:95%;
    height:auto;
}

.lb-image{
    max-width: none !important;
}

.newRow textarea{
    margin-bottom:10px;
    border:1px solid #5CB85C;
}

    a.rowDelete img {
    cursor: pointer;
    }
    
    .new .rowDelete{
        display: normal;
    }
    #initRow .rowDelete{
        display:none;
    }
    

.answercheck{
    display:inline-block;
    padding:5px;
    margin:3px;
    min-width:150px;
    min-height:25px;
    font-size:18px;
    background:#F8F8F8;
    border:1px solid #e2e2e2;
    border-radius:20%
    
}

.answercheck:hover{
    cursor: pointer;
    /*background:#8BCFBF;
    font-weight: bolder;
    font-size:18px;
    padding:0;
    padding-top:7px;
    padding-left:10px;*/
    
}

.answerinterloper1,.answerinterloper2{
    display:inline-block;
    padding:10px;
    margin:3px;
    min-width:100%;
    height:80px;
    text-align:center;
    vertical-align: middle;
    font-size:18px;
    background:#F8F8F8;
    border-radius:10% 0 0 10%;

}

.answerinterloper2{
    border-radius:0 10% 10% 0;
}

.answerinterloper1 img ,.answerinterloper2 img{
max-height: 90%;

}

.answerinterloper1:hover, .answerinterloper2:hover{
    cursor: pointer;
    background:#428BCA;
    /*font-weight: bolder;
    font-size:18px;
    padding:0;
    padding-top:7px;
    padding-left:10px;*/
    
}

.maincontent{
    margin-top:20px;
    margin-bottom:20px;
    background: rgba(255,255,255,0.86);
    border-radius:10px;
    border:1px solid #e2e2e2;
    padding-top:20px;

}
.answerinput{
    border-radius:5px;
    border:1px solid #539A63;
    width:100%;
    height:50px;
    padding:10px;
    color:#539A63;
    font-size:18px;
    
}

.task{
    text-align: justify;
}

.task img{
    width: auto;
    float:right;
}

.checktask{
    width:100%;
    background: url('../img/check.png') no-repeat right top;
    height:100px;
    border:1px solid #F0BA34;
    opacity: 0.9;
    color:#95731E;
    font-size:18px;
    margin:10px;
}

.solution{
    
    padding:10px;
    border-top:1px solid #E8F1E9;
}

.innerb{
    padding:2px;
    width:30px;
    height:30px;
    margin:3px;
    background-color: #E5D693;
    color:#8F6A14;
    border:none;
    display:inline-block;
}

.innerb:hover,.innerb:focus{
    background-color: #8D6B19;
    color: #FFFFFF;
    
}

.innerk, .innerk:hover, .innerk:focus{
    padding:2px;
    width:100px;
    height:30px;
    margin:3px;
    background-color: #A78E2B;
    color:#FFFFFF;
    border:none;
    display:inline-block;
}

.headersubject, .firstheader{
    text-align:center;
    border-bottom:1px solid #e2e2e2;
    margin-bottom:30px;
}

div.card {
  width: 100%;
  height: 370px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
  display:inline-block;
  cursor: pointer;
}
div.card:hover{
   opacity:1
}

div.card-header {
    background-color: #549e56;
    color: white;
    padding: 10px;
    font-size: 18px;
}

div.card-header h1{
   font-size:20px;
}

div.card-container {
    padding: 10px;
    
}

div.card-container img {
    float:none;
    height: 128px;
    border-radius:50%;
    border:10px solid #FFF
}


div.card-container img:hover {
    border:10px solid #e2e2e2;
}

div.card-header a:hover {
    text-decoration: none!important;
}

.out-links li{
   font-size:13px;
   display:block;
   padding: 10px;
   border-bottom:1px solid #e2e2e2;
}

.out-links li:hover{
   background: #EFEFEF;

}

.out-links li a{
   color:#549e56;
   
}

.out-links li a:hover{
   text-decoration:none;
}

.out-links li a span{
   font-weight:bold
}