body {
	font-family: Helvetica Neue, Segoe UI, Helvetica, Arial, sans-serif !important;
}

html {
    min-height: 100%;
    position: relative;
}
body {
    margin-bottom: 75px;
}
.footer {
    bottom: 0;
    height: 75px;
    position: absolute;
	 width: 100%;
}
#content-container.container-fluid {
	max-width: 1170px;
}

#navbar .glyphicon {
	font-size: 16px;
}

h1 {
	color: #3484D2;
}

#ajax-spinner {
	margin: 15px 0 0 15px;
	padding: 13px;
	background: white url('../images/spinner.gif') no-repeat 50% 50%;
	font-size: 0;
	z-index: 123456;
	display: none;
}

a[href^="error:"] {
	background: red;
	color: white;
}

form th, form td {
	vertical-align: top;
	font-weight: normal;
}

form th {
	text-align: right;
}

form .required label {
	font-weight: bold;
}

form .error {
	color: #D00;
	font-weight: bold;
}

html.js .jshidden {
	display: none;
}

footer p a{
	color: inherit;
	text-decoration: none;
}

.nowrap {
	white-space: nowrap;
}

.sortable .handle {
	cursor: move;
}

.text-tooltip {
	color: inherit;
   border-bottom: 1px dotted #000;
}
.text-tooltip:hover {
     border-bottom: none;
}

.show-grid {
	/*background-color: rgba(86, 61, 124, 0.15);*/
	border-bottom: 1px solid rgba(86, 61, 124, 0.2);
	padding-bottom: 10px;
	padding-top: 10px;
}
.show-grid::after {
	clear: both;
}

.glyphicon-refresh-animate {
	animation: spin .7s infinite linear;
   -animation: spin .7s infinite linear;
   -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
   from { -webkit-transform: rotate(0deg);}
   to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
   from { transform: scale(1) rotate(0deg);}
   to { transform: scale(1) rotate(360deg);}
}

.container.signin #frm-signInForm{
	margin-top: -35px;
}

.container.signin #frm-signInForm .logo{
	margin: 0 auto;
	text-align: center;
}

#studentsList .done{
	background-color: #ddd;
}

#frm-newUser .radio {
	display: inline-block;
}
#frm-newUser .radio label {
	display: inline-block;
	width: 31px;
	height: 31px;
	margin: 5px 5px;
	padding: 0;
}
#frm-newUser .radio label input {
	margin: 0;
	top: 20px;
	left: 14px;
}
.color-preview {
	width: 100%;
	height: 100%;
	border-radius: 4px;
}

#units-checkboxes small{
	padding: 2px 5px;
}

#units-checkboxes .no-pickup {
	text-decoration: line-through;
}

.color-frame {
	display: inline-block;
	height: 12px;
	width: 12px;
}

#units-checkboxes .students {
	position:absolute;
	right: 0;
	bottom: 0;
	padding: 0
}

.canceled-row {
	background: #ddd;
}

.canceled-row div {
	text-decoration: line-through;
	color: #666;
}
.canceled-row div.no-linethrough {
	text-decoration: none;
}

.form-group label {
	text-align: right;
}

.non-active {
	background-color: #f5f5f5
}

.panel-heading [data-toggle="collapse"]:after
{
	font-family: 'Glyphicons Halflings';
	content: "\e072";
	float: right;
	color: #b0c5d8;
	font-size: 18px;
	line-height: 22px;

	-webkit-transform: rotate(-90deg);
	-moz-transform:    rotate(-90deg);
	-ms-transform:     rotate(-90deg);
	-o-transform:      rotate(-90deg);
	transform:         rotate(-90deg);
}
.panel-heading [data-toggle="collapse"].collapsed:after
{
	-webkit-transform: rotate(90deg);
	-moz-transform:    rotate(90deg);
	-ms-transform:     rotate(90deg);
	-o-transform:      rotate(90deg);
	transform:         rotate(90deg);
}

#error-block {
	margin: 20px;
	position: absolute;
	z-index: 999;
	right: 0;
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.73);
	background-color: #a00;
	color: #fff;
	padding: 15px;
	border: 1px solid #fff;
	border-radius: 4px;
}

.btn-actions {
	text-align: right;
	margin-top: 6px;
}

.screen-thumb {
	margin-top: -8px;
	margin-bottom: -8px;
	max-height: 60px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;  
}

.ui-sortable-helper {
	background: #fff;
	border: 1px solid #333;
	box-shadow: 5px 5px 12px 0 rgba(0,0,0,0.4);
}

.ui-state-highlight-sortable {
	background: #FDF5CE;
	/*box-shadow: 0 0 10px 0 rgba(0,0,0,0.4) inset;*/
}

.label-disabled {
	color: #777;
	background-color: #e9e9e9;
}

.ui-selected {
	background-color: #FDF5CE;
}

.mark-ok {
	visibility: hidden;
}

.ui-selected .mark-ok {
	visibility: visible;
}

.ui-selecting {
	outline: 3px solid #3484D2;
}

.grid-container {
	display: grid;
	grid-gap: 16px; /* Adjusts the space between grid items */
	grid-template-columns: 1fr; /* Default single column for small screens */
}

/* Medium devices: Two columns (replicating col-md-6) */
@media (min-width: 992px) {
	.grid-container {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Large devices: Three columns (replicating col-lg-4) */
@media (min-width: 1200px) {
	.grid-container {
		grid-template-columns: repeat(3, 1fr);
	}
}

.grid-half {
	display: grid;
	grid-gap: 16px; /* Adjusts the space between grid items */
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Default single column for small screens */
}

.grid-half table {
	table-layout: fixed
}

.grid-half table td {
	word-break: break-all;
}

div.new-anim,
.new-anim td,
.new-anim th{
	animation: new-highlight 6s ease-in-out;
}
@keyframes new-highlight {
	0% {
		background-color: #FDF5CE;
		opacity: 0;
	}
	5% {
		background-color: #FDF5CE;
		opacity: 1;
	}
	80% {
		background-color: #FDF5CE;
	}
	100% {
		background-color: inherit;
	}
}