.choices{
	background: #f80000  ;
    background: #6E2C00;
 	color: white;
    font-size: 90%;

}
.question{

    font-size: 110% !important;

}



.columns{
	  /*	overflow-x: scroll;*/

}



.choicesTWO{
 	width: 100%;
}

.choicesTHREE{
 }

.fillit{
	height: 100%;

}


.column, .columns{
	padding: 0px;

}


.v_align {
text-align: center;

}


.columns {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}


.v-center{
 text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translate(0,-50%); /* IE 9 */
   -webkit-transform: translate(0,-50%);  /* Chrome, Safari, Opera */
   transform: translate(0,-50%); ;

 }

.ch-button {
height: 100%;
border-bottom: 1px solid #A0A0A0;
border-right: 1px solid #A0A0A0;
}


.pointme{
	cursor: pointer;
}


.ch-button:focus{
	border: 1pt solid snow;
    background:  #ffffff;
    color: #f80000;
}

.selectedchoice{
/*    background:    #b76700;*/
     background-color:    yellow;
     color: black;
}


body {
 		font-family: 'Open Sans', sans-serif;
 		font-weight: 400;

 }


.controls{
	position: absolute;
	right: 20px;
	width: 200px;
 	top: 20px;
}


.hidden{
	display: none;
}
.floatright{
	float: right;
   margin-right: 20px;
}

.8THs{
	height: 50%;
}

.subrows{
 }

.rowx{
	height: 100%;
}

.vcenter{
text-align: center;
vertical-align: middle;
}

.littlemessages{
	position: fixed;
	bottom: 10px;
 	min-width: 100px;
 	right: 10px;
 	padding: 5px;
     background:   rgba(247, 238, 69, 0.5);
	background-color:   rgba(247, 238, 69, 0.5);
	color: blue;
	z-index: 50000000;
	text-align: center;
}

.choices .columns{


}


.messanger{
position: fixed;
top: 0px;
width: 100%;
background: #606060;
background: rgba(8, 4, 4, 0.65);
background-color: rgba(8, 4, 4, 0.65);
z-index: 80000;
 margin: 0px;
padding: 40px;
text-align: justify;
color: white;
letter-spacing: 2px;
}
.messanger{
	max-height: 85%;
    overflow-y: scroll;
    display: block;
}

img.messagepic{
	max-height: 200px;
}

.dismiss{
	position: relative;
	bottom: 0px;
	right: 0px;
}

 div#messanger-title{
  }
  div#messanger-content{
  }

 	body {
		line-height: 23px;
		font-family: 'Open Sans', sans-serif;
 		color: #787878;
	}





	.question{

	}

	.white{
		 background: transparent;
		 color: white;
	}

	.top-bar {
  background: none repeat scroll 0 0 #999999;
  }



    .left{
    width: 200px;
    background: #c7defa;
    border: 2px solid #7da4fa;
    float: left;
    min-height: 400px;
}
.right{
    float: left;
    margin-left: 10px;
}


.coursefolder.hover{
    border: 1px solid #f80000;
	background-color: rgba(8, 4, 4, 0.35);
}

table.listing, table.listing td, table.listing th ,
.drag-cart-item table, .drag-cart-item td{
    border-collapse: collapse;
    border: 1px solid gray;
    padding: 5px;
}
table td.tasknID{
    cursor: move;
}
table th{
    background:#E6E6E6;
}
.drag-cart-item{
    background: #FFF;
}

/* make sidebar nav vertical */
@media (min-width: 768px) {
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar ul {
    float: none;
  }
  .sidebar-nav .navbar ul:not {
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}


#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 250px;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    background: #000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#page-content-wrapper {
    width: 100%;
    padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
     line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

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

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 250px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 20px;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}


ztop{
	z-index: 98098092820;
}


	.list-group{
		width: 150px;
	}

    .bs-example{
    	margin-left: 0px;
    }

	li.list-group-item.chapter:hover {
		background: #404040;
		color: white;
	}
 	li.list-group-item.chapter {
		cursor: pointer;
		/*height: 55px;*/
	}

	input.inputbar, textarea {
	background: #404040;
	}

.onlyteacher{
	display: none;
}

.inquestion{
    max-height: 200px;
    max-width: 250px;
}

.inquestionB{
  #  max-height: 400px;
  #  max-width: 650px;
  max-width:70%;
max-height:70%;
margin-top: 40px;
}


.editwrapper{
	display: block;
	margin-left: 20%;
	border: 1px solid #404040;
	padding: 10px;
	margin: 10px;

}



.yellow{
	color: yellow !important;
}



.mainquestion{
  background:  ;

}

.mchoices{
  background:  ;
}


.choicesIMAGE{
	max-height: 150px;
	max-width: 150px;
}

.questionIMAGE{
	max-height: 220px;
	max-width: 220px;
}







 .spinner {
  margin: 100px auto;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #f80000;
  height: 100%;
  width: 6px;
  display: inline-block;

  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}



.metro {
    background: none repeat scroll 0 0 red;
    color: white;
    display: block;
    font-family: 'Open Sans',sans-serif;
    font-size: small;
    font-weight: 600;
    margin: 0 0 0 25%;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    width: 50%;
}


    .metro:hover {
    background: #f80000;
    color: black;
    font-size: normal;
    cursor: pointer;
		}

		#register-form div.row.tabs.show...registertab.opentab div.col-xs-4.example-block.alt div.metro {
			float: left;
		}

		.messageback{
	float:right; color:red !important;
	font-size: small;
    }


    input[type="text"]{
	width: 50% !important;
}



.littleboxX {
border: 1px solid #333;
width: 100px;
height: 20px;
background: yellow;
/* float: none; */
margin-left: auto;
display: block;
margin-right: auto;
margin-bottom: -20px;
}

 .greenx{
 	background: green;
 }
 .yellowx{
 	background: yellow;
 }
 .bluex{
 	background: blue;
 }

 .submitrow{
 	height: 70px;;
 }


.mainQ {
background: #A0A0A0;
background: #fff1bc;
text-align: center;
#color: white;
font-size: 2.5vmin;
}
.controls{
font-size: 2.5vmin;
}

 .subtle{
 	font-size: x-small;
 	color: #b8b8b8;
 }

 .reset-this {
    animation : none;
    animation-delay : 0;
    animation-direction : normal;
    animation-duration : 0;
    animation-fill-mode : none;
    animation-iteration-count : 1;
    animation-name : none;
    animation-play-state : running;
    animation-timing-function : ease;
    backface-visibility : visible;
    background : 0;
    background-attachment : scroll;
    background-clip : border-box;
    background-color : transparent;
    background-image : none;
    background-origin : padding-box;
    background-position : 0 0;
    background-position-x : 0;
    background-position-y : 0;
    background-repeat : repeat;
    background-size : auto auto;
    border : 0;
    border-style : none;
    border-width : medium;
    border-color : inherit;
    border-bottom : 0;
    border-bottom-color : inherit;
    border-bottom-left-radius : 0;
    border-bottom-right-radius : 0;
    border-bottom-style : none;
    border-bottom-width : medium;
    border-collapse : separate;
    border-image : none;
    border-left : 0;
    border-left-color : inherit;
    border-left-style : none;
    border-left-width : medium;
    border-radius : 0;
    border-right : 0;
    border-right-color : inherit;
    border-right-style : none;
    border-right-width : medium;
    border-spacing : 0;
    border-top : 0;
    border-top-color : inherit;
    border-top-left-radius : 0;
    border-top-right-radius : 0;
    border-top-style : none;
    border-top-width : medium;
    bottom : auto;
    box-shadow : none;
    box-sizing : content-box;
    caption-side : top;
    clear : none;
    clip : auto;
    color : inherit;
    columns : auto;
    column-count : auto;
    column-fill : balance;
    column-gap : normal;
    column-rule : medium none currentColor;
    column-rule-color : currentColor;
    column-rule-style : none;
    column-rule-width : none;
    column-span : 1;
    column-width : auto;
    content : normal;
    counter-increment : none;
    counter-reset : none;
    cursor : auto;
    direction : ltr;
    display : inline;
    empty-cells : show;
    float : none;
    font : normal;
    font-family : inherit;
    font-size : medium;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
    height : auto;
    hyphens : none;
    left : auto;
    letter-spacing : normal;
    line-height : normal;
    list-style : none;
    list-style-image : none;
    list-style-position : outside;
    list-style-type : disc;
    margin : 0;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    max-height : none;
    max-width : none;
    min-height : 0;
    min-width : 0;
    opacity : 1;
    orphans : 0;
    outline : 0;
    outline-color : invert;
    outline-style : none;
    outline-width : medium;
    overflow : visible;
    overflow-x : visible;
    overflow-y : visible;
    padding : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    page-break-after : auto;
    page-break-before : auto;
    page-break-inside : auto;
    perspective : none;
    perspective-origin : 50% 50%;
    position : static;
    /* May need to alter quotes for different locales (e.g fr) */
    quotes : '\201C' '\201D' '\2018' '\2019';
    right : auto;
    tab-size : 8;
    table-layout : auto;
    text-align : inherit;
    text-align-last : auto;
    text-decoration : none;
    text-decoration-color : inherit;
    text-decoration-line : none;
    text-decoration-style : solid;
    text-indent : 0;
    text-shadow : none;
    text-transform : none;
    top : auto;
    transform : none;
    transform-style : flat;
    transition : none;
    transition-delay : 0s;
    transition-duration : 0s;
    transition-property : none;
    transition-timing-function : ease;
    unicode-bidi : normal;
    vertical-align : baseline;
    visibility : visible;
    white-space : normal;
    widows : 0;
    width : auto;
    word-spacing : normal;
    z-index : auto;
}

.counter{
	color: blue;
	position: fixed;
	bottom: 5px;
	right: 5px;
	opacity: .2;
}