.containerSmall{
    width:80%
}
.containerMedium{
    width:90%
}
.containerLarge{
    width:95%
}
header, main, footer {
    padding-left: 250px;
  }

  @media only screen and (max-width : 992px) {
    header, main, footer {
      padding-left: 0;
    }
  }
  .sidenav{
    width: 250px !important;
  }
  body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }
  main {
    flex: 1 0 auto;
  }

  .brand-logo img{
	float:left;
	height: 3rem;
	margin: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.preloader-wrapper.tiny {
    width: 20px;
    height: 20px;
}
.no-margin{
	margin:0 !important;
}
.loader{
    margin-left: 1rem;
}
.table-med td,th{
	padding: 5px 5px;
}
.table-small td,th{
	padding: 5px 5px;
}
#social_icons a{
	padding:0 10px 0 10px;
}
.full-width {
    width: 100%;
}
.container-med {
	width: 80%;
    margin: auto;
}
.container-small {
	width: 90%;
    margin: auto;
}
#progressAll {
    margin: 0;
    z-index: 9999;
    position: fixed;
}
.jumpToQuestion{
	cursor:alias;
}
.activeChip{
	background:#fff176 !important;
}
.answered{
	background:#81C784;
}
.disabled{
	pointer-events: none;
	color: #9e9e9e !important;
}
.enabled{
	pointer-events: all;
	color: #3f51b5 !important;
}
.speech-bubble {
	padding:10px 1rem 10px 1rem;
	width:100%;
	position: relative;
	background: #7b1fa2;
	border-radius: .4em;
}

.speech-bubble:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-right-color: #7b1fa2;
	border-left: 0;
	border-bottom: 0;
	margin-top: -10px;
	margin-left: -20px;
}
.speech-bubble2 {
	padding:10px 1rem 10px 1rem;
	width:100%;
	position: relative;
	background: #ec407a ;
	border-radius: .4em;
}

.speech-bubble2:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-left-color: #ec407a ;
	border-right: 0;
	border-bottom: 0;
	margin-top: -10px;
	margin-right: -20px;
}
textarea.materialize-textarea{height: 1rem !important;}


#data_students{
	width:180px !important;
}

.content-loader:empty {
    margin: auto;
		width: 85%;
		height: 100px; /* change height to see repeat-y behavior */
    
		background-image:
			radial-gradient( circle 50px at 50px 50px, lightgray 99%, transparent 0 ),
			linear-gradient( 100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80% ),
			linear-gradient( lightgray 20px, transparent 0 ),
			linear-gradient( lightgray 20px, transparent 0 ),
			linear-gradient( lightgray 20px, transparent 0 ),
			linear-gradient( lightgray 20px, transparent 0 );

		background-repeat: repeat-y;

		background-size:
			100px 200px, /* circle */
			50px 200px, /* highlight */
			150px 200px,
			350px 200px,
			300px 200px,
			250px 200px;

		background-position:
			0 0, /* circle */
			0 0, /* highlight */
			120px 0,
			120px 40px,
			120px 80px,
			120px 120px;

		animation: shine 1s infinite;
	}

	@keyframes shine {
		to {
			background-position:
				0 0,
				100% 0, /* move highlight to right */
				120px 0,
				120px 40px,
				120px 80px,
				120px 120px;
		}
	}