/*
 * Base structure
 */

 /* Imports */
 @import "style-help.css";
 @import "style-ddd.css";
 @import "style-oc.css";
 @import "style-messages.css";
 @import "style-chat.css";
 @import "style-support.css";

/* Move down content because we have a fixed navbar that is 50px tall */
body {
	padding-top: 50px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}

h1 {
	font-size: 26px;
	margin-top: 0px;
}

h2 {
	font-size: 20px;
	margin-top: 10px;
}

h3 {
	font-size: 16px;
	margin-top: 10px;
}

ul {
	padding-left: 20px;
	margin: 0;
	list-style-type: circle;
}

ol {
	padding-left: 20px;
	margin: 0;
}
/*delete after customization!*/
.label-danger {
	background-color: #cd2b2e;
}
.label-success {
	background-color: #449d44;
}
.text-danger {
	color: #cd2b2e;
}
.text-undefined {
	color: purple;
}
.text-through {
	text-decoration:line-through;
}
.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}

.btn-default:hover {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}

.btn-default:focus,
.btn-default:active {
	outline: none;
	box-shadow: none;
}
.btn-danger {
	background-color: #cd2b2e;
}
.btn-success {
	background-color: #449d44;
	border:1px solid #398439;
}
.btn-success:hover {
	background-color: #398439;
}
.label.round {
	border-radius:50%;
}

.cursor_not_allowed {
	cursor:not-allowed;
}

.link-hover:hover {
	color:#4aaad9;
}

.fas.fa-file-word
{
	color: #2372ba;
}

.fas.fa-file-excel
{
	color: #217346;
}

.badge.badge-pink
{
	color: #ffffff;
	background-color: #d63384;
}
/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-testing {
	background-color: #428bca;
}

.navbar-fixed-top {
	/*background-image: url('../images/layout/header/bg_header_winter-xmas.jpg');
	background-repeat: repeat-x;*/

	border: 0;
	z-index: 15;
}

.dropdown-toggle::after {
	vertical-align: middle;
}

.dropdown-attendance {
	display: flex;
	justify-content: space-between;
}

.dropdown-toggle.dropdown-attendance::after {
	align-self: center;
}

.nav-link.dropdown-toggle span {
	line-height: 100%;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
}

.nav-item span i {
	display: inline-block;
	line-height: 40px;
	vertical-align: middle;
}

.navbar-dark .navbar-nav .nav-link {
	color: #fff;
}

.navbar-inverse .navbar-nav.navbar-login li a {
	padding-top: 15px;
}

/*.navbar-fixed-top {
	border: 0;
	z-index: 9;
}*/
.navbar {
	padding: 0;
}

.navbar-nav {
	padding-right: 12px;
}

.navbar-inverse .navbar-brand {
	padding: 12px 0px;
	height: 50px;
	line-height: 20px;
	font-size: 18px;
}
.navbar-brand.login {
	padding: 12px 15px;
}
.navbar-toggle.collapsed.float-left {
	margin: 8px 15px;
}
.navbar-toggle.collapsed.float-left.login {
	display: none;
}
.dropdown-menu {
	height: auto;
	max-height: 400px;
	overflow-x: hidden;
}
.navbar-inverse .navbar-nav>li>a {
	color: #ffffff;
}
.navbar-inverse .navbar-nav>li>a:hover {
	color: #eeeeee;
}
.navbar .user-profile-image {
	display: none;
	width: 29px;
	height: 29px;
	border-radius: 50%;
	margin-right: 5px;
}
.navbar .user-profile-image-missing {
	display: none;
	position: absolute;
	color: #ffffff;
	background-color: #cd2b2e;
	line-height: 29px;
	top:6px;
	left: -35px;
	width: 29px;
	height: 29px;
	border-radius: 50%;
	margin-right: 10px;
	font-weight: bold;
}
#school_search:focus,
#school_search:active {
	background-color: inherit;
	border: none;
	outline: none;
}
#school_search:hover {
	background-color: #fff;
	cursor: default;
}
.school.school-active {
	background-color: #337ab7;
	color: #fff;
}
/*cover*/
.navbar-nav .active a {
  padding-bottom: 12px;
  border-bottom: 3px solid #cd2b2e;
  background-color: rgba(0, 0, 0, .5);
}

.header {
	color: #d9d9d9;
}
.form-horizontal.login label {
	text-align: right;
	font-weight: bold;
}
/*.form-horizontal.login .form-control:hover {
	background: none;
}*/
.container-fluid .jumbotron {
	border-radius: 0;
}
.jumbotron {
	width: 100%;
	border-top: 1px solid #2b90bc;
	color: #ffffff;
	padding-top: 0;
	padding-bottom: 0;

	background: #37b9f1;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM3YjlmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNTdiOWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #37b9f1 0%, #357b9a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#37b9f1), color-stop(100%,#357b9a));
	background: -webkit-linear-gradient(top,  #37b9f1 0%,#357b9a 100%);
	background: -o-linear-gradient(top,  #37b9f1 0%,#357b9a 100%);
	background: -ms-linear-gradient(top,  #37b9f1 0%,#357b9a 100%);
	background: linear-gradient(to bottom,  #37b9f1 0%,#357b9a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37b9f1', endColorstr='#357b9a',GradientType=0 );
}

.jumbotron h1 {
  color: #ffffff;
  font-size: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 400;

  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.jumbotron h1 .bold {
  color: #cd2b2e;
  font-size: 40px;
  font-weight: 500;
}

.jumbotron h2 {
  font-size: 18px;
  font-weight: 300;
}

.jumbotron .bg {
  padding-top: 20px;
  padding-bottom: 20px;
  background-repeat: no-repeat;
  background-image: url('../images/layout/bg_notes.png');
  background-position: center;
}

.jumbotron .container {
  position: relative;
}
.jumbotron .container a {
  color: #eeeeee;
}
.jumbotron .container a:hover {
  color: #ffffff;
}
.jumbotron .col-form-label {
  font-weight: 700;
  color: #000000;
}
.jumbotron .helptext {
  line-height: 32px;
}
.jumbotron .btn-pin {
  padding: 6px 12px;
  margin-right: 5px;
  margin-bottom: 5px;
  font-weight: 300;
  border-color: #2d7797;
}
.jumbotron .btn-pin:last-child {
  margin-right: 0;
}
.jumbotron .btn-login {
  background-color: #cd2b2e;
  border-color: #8a1504;
  color: #ffffff;
  font-weight: 300;
}
.jumbotron .btn-login:hover {
  background-color: #d93c3f;
}
.jumbotron .btn-login-loading {
  line-height: 45px;
}
.jumbotron .alert {
  padding: 10px;
}
.jumbotron .notko {
  bottom: -41px;
  left: 60%;
  position: absolute;
  height: 110px;
  width: 171px;
  background-repeat: no-repeat;
  background-image: url('../images/layout/bg_notko.png');
  background-position: center;
}
.marketing .col-lg-4 {
  text-align: center;
  color: #5a5a5a;
}
.marketing .col-lg-4 .rounded-circle {
  background-color: #cd2b2e;
  color: #ffffff;
  width: 140px;
  height: 140px;
  line-height: 140px;
  display: inline-block;
}
.marketing .col-lg-4 .rounded-circle span {
  display: inline-block;
  vertical-align: middle;
  line-height: 24px;
}
.marketing .col-lg-4 .rounded-circle span .big {
  font-size: 30px;
  font-weight: 500;
}
.marketing .col-lg-4 .rounded-circle span .small {
  font-size: 18px;
  opacity: 0.8;
}
.marketing h2 {
  font-weight: 300;
  font-size: 30px;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}
.featurette-divider {
  margin: 40px 0;
}
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}
.featurette .lead {
  text-align: justify;
}


.about {
  margin: 20px auto;
}

.about h2 {
  color: #cd2b2e;
}

.about h3 {
  color: #cd2b2e;
}

.about .list {
  margin: 5px 0px;
  padding-left: 20px;
}

.schools h2 {
  color: #cd2b2e;
}

.schools h3 {
  color: #333333;
}
/*eof cover*/
#content {
	transition: all 0.3s;
	padding: 5px;
}

#content.active {
	width: 100%;
}

#navigation {
	overflow-x: hidden;
	overflow-y: auto;
	height: calc(100% - 50px);
}

#sidebar-close:hover {
	color: #333333;
}

#sidebar-close {
	position: absolute;
	z-index: 10;
	top: 50%;
	right: -15px;
	cursor: pointer;
	font-size: 26px;
	transition: all 0.5s;
	color: #6c757d;
	display: none;
}

#sidebar-close.active {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

#sidebar.active #navigation {
	overflow: hidden;
	padding-right: 20px;
}

#sidebar.active:hover #navigation {
	overflow: auto;
	padding-right: 0;
}

/*Sidebar*/
@media (min-width: 768px) {
	.wrapper {
		display: flex;
	}
	.navbar-brand {
		padding: 12px 15px;
	}

	.navbar .user-profile-image {
		display: inline-block;
	}

	.navbar .user-profile-image-missing {
		display: block;
	}

	#sidebar {
		width: 220px;
		position: fixed;
		top: 50px;
		left: 0;
		height: 100vh;
		z-index: 9;
		transition: all 0.3s;
		background-color: #f5f5f5;
		border-right: 1px solid #eee;
	}

	#sidebar.active {
		margin-left: -200px;
	}

	#sidebar.open {
		margin-left: 0;
	}

	#sidebar-close {
		display: block;
	}

	#content {
		width: calc(100% - 220px);
		min-height: 100vh;
		transition: all 0.3s;
		position: absolute;
		top: 50px;
		right: 0;
		padding: 20px;
	}

	#content.active {
		width: calc(100% - 20px);
	}

	#sidebar.navbar-collapse {
		display: block !important;

	}
}

#sidebar.navbar-collapse {
	border-bottom: 3px solid #eee;

}

#sidebar .search {
	margin: 5px 10px;
}
.nav-sidebar {
	margin-bottom: 20px;
}
.nav-sidebar ul {
	padding: 0;
}
.nav-sidebar li {
	list-style-type: none;
	display: block;
}
.nav-sidebar li a {
	padding: 10px;
	display: block;
}
.nav-sidebar li a:hover {
	text-decoration: none;
	background-color: #eee;
}
.nav-sidebar .active a,
.nav-sidebar .active a:hover,
.nav-sidebar .active a:focus {
	position: relative;
	color: #fff;
	background-color: #428bca;
	border-left: 3px solid #cd2b2e;
}

.nav-sidebar .active a .fas {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -8px;
}
.nav-sidebar .navigation-category {
	font-size: 18px;
	padding-right: 10px;
	padding-left: 10px;
}
/*eof sidebar*/

.page-footer {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	font-size: 12px;
	text-align: center;
}

.order_background {
	background-color:#eee;
}

.bg_white {
	background-color:#fff;
}


/*table */
.table-hover {
	cursor: pointer;
}
.table-middle tbody tr td {
	vertical-align: middle;
}
.table thead
{
	cursor: default;
}

.table .no-cursor{
	cursor:default !important;
}

.table .no-hover{
	background-color:white !important;
}

.reductions-edit {
	width: 95% !important;
	margin-left: 15px !important;
}

.table .footer {
	cursor: default;
	background-color: white;
}
.table .footer:hover {
	background-color: white;
}

.table tbody>tr>td.middle{
	vertical-align: middle;
}
.table tbody>tr>td.no-padding {
	padding: 0 0 0 0;
}

.table-search {
	background-color:#ffffff;
	color: #777;
	display: block;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
					box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
			 -o-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;
}
.table-no-border-top tbody > tr:first-child > td {
	border-top: 0px !important;
}
.table-border-bottom tbody > tr:last-child > td {
	border-bottom: 1px solid #ccc;
}

div.sorting-striped  div:nth-of-type(odd)
{
	background-color: #f9f9f9;
}
/*eof table*/

/*fonts and other classes*/
.panel-hover:hover{
	background-color:#f0f0f0;
}

.panel-item {
	margin-bottom:1px; 
	padding:5px 0px;
	/*background-color: #f5f5f5;*/
}
.hidden1 {
	display: none;
}
.user-inactive {
	color:#999;
	text-decoration: line-through;
}
.strike
{
	text-decoration-line: line-through;
}
.bold {
	font-weight: bold;
}
.noul {
	text-decoration:none;
}
.not_bold
{
	font-weight:normal !important;
}
.black {
	color:#000000;
}
.purple
{
	color:purple;
}
.middle
{
	vertical-align:middle;
}
.text24 {
	font-size: 24px;
}
.text20 {
	font-size: 20px;
}
.text18 {
	font-size: 18px;
}
.text16 {
	font-size: 16px;
}
.text14 {
	font-size: 14px;
}
.pointer {
	cursor: pointer;
}
/*eof fonts and other classes*/

/*forms*/
.form-horizontal .form-control h3 {
	margin: 0;
}
/*.form-horizontal .form-control:hover {
	background-color: #f5f5f5;
}*/

.form-horizontal .col-form-label {
	text-align: left;
	font-weight: normal;
}

.form-text {
		display: inline;
}

.filters .container-fluid {
	padding-left: 10px;
	padding-right: 10px;
}

.filters .navbar-collapse,
.filters form {
	padding-left: 0;
}

.filters form .form-control {
	margin-right: 5px;
}

/*eof forms*/

.spin {
	-webkit-animation: spin 2s infinite linear;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(359deg);
	}
}
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
	}
}
@-o-keyframes spin {
	0% {
		-o-transform: rotate(0deg);
	}
	100% {
		-o-transform: rotate(359deg);
	}
}
@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

.flip {
		-moz-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
		filter: FlipH;
		-ms-filter: "FlipH";
}

/*students*/
.students-move_classes-inactive .name
{
	color:#777;
	text-decoration: line-through;
}
/*students*/

/*school_calendars*/
.school_calendars
{

	table-layout: fixed;
	border-collapse: collapse;
}
.school_calendars th
{
	width:19%;
	color:#000000;
	text-align: center;
	font-weight: bold;
}
.school_calendars .day
{
	color:#000000;
	font-size: 12px;
	font-weight: bold;
	width:5%;
}
.school_calendars .month
{
	font-size: 14px;
	border-bottom:2px solid #ddd;
}
.school_calendars tr
{
	width:100%;
}
.school_calendars td
{
	height:80px;
	width:16%;
	border: black solid 1px;
}
.school_calendars .add {
	padding: 5px;
}
.school_calendars-sunday
{
	background-color: #fbeded;
}
.school_calendars-sunday .day-name
{
	font-size: 12px;
	color: #cd2b2e;
	padding: 5px;
}
.school_calendars-saturday
{
	background-color: #f5f5f5;
}
.school_calendars-saturday .day-name
{
	font-size: 12px;
	color: #777777;
	padding: 5px;
}
.school_calendars-notweekend .day-name
{
	font-size: 12px;
	padding: 5px;
}
.school_calendars-notweekend:hover
{
	cursor: pointer;
}
.school_calendars-saturday:hover
{
	cursor: pointer;
}
.school_calendars-sunday:hover
{
	cursor: pointer;
}
.school_calendars-event
{
	color:#000000;
	font-size: 12px;
	font-weight: bold;
	background-color:#f5f5f5;
	padding: 3px 3px 3px 3px;
}
.school_calendars-event.one
{
	border:1px solid #d6e5f3;
	background: #f3faff;
	background: -moz-linear-gradient(top,  #f3faff 0%, #e7f1fb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3faff), color-stop(100%,#e7f1fb));
	background: -webkit-linear-gradient(top,  #f3faff 0%,#e7f1fb 100%);
	background: -o-linear-gradient(top,  #f3faff 0%,#e7f1fb 100%);
	background: -ms-linear-gradient(top,  #f3faff 0%,#e7f1fb 100%);
	background: linear-gradient(to bottom,  #f3faff 0%,#e7f1fb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3faff', endColorstr='#e7f1fb',GradientType=0 );
	
}
.school_calendars-event.one:hover
{
	border:1px solid #90c0ec;
	background: #dcf1fe;
	background: -moz-linear-gradient(top,  #dcf1fe 0%, #b7d6f3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcf1fe), color-stop(100%,#b7d6f3));
	background: -webkit-linear-gradient(top,  #dcf1fe 0%,#b7d6f3 100%);
	background: -o-linear-gradient(top,  #dcf1fe 0%,#b7d6f3 100%);
	background: -ms-linear-gradient(top,  #dcf1fe 0%,#b7d6f3 100%);
	background: linear-gradient(to bottom,  #dcf1fe 0%,#b7d6f3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcf1fe', endColorstr='#b7d6f3',GradientType=0 );
}
.school_calendars-event.two
{
	border:1px solid #d7adec;
	background: #fbf2ff;
	background: -moz-linear-gradient(top,  #fbf2ff 0%, #f2d9ff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbf2ff), color-stop(100%,#f2d9ff));
	background: -webkit-linear-gradient(top,  #fbf2ff 0%,#f2d9ff 100%);
	background: -o-linear-gradient(top,  #fbf2ff 0%,#f2d9ff 100%);
	background: -ms-linear-gradient(top,  #fbf2ff 0%,#f2d9ff 100%);
	background: linear-gradient(to bottom,  #fbf2ff 0%,#f2d9ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf2ff', endColorstr='#f2d9ff',GradientType=0 );
}
.school_calendars-event.two:hover
{
	border:1px solid #9933cc;
	background: #f9edff;
	background: -moz-linear-gradient(top,  #f9edff 0%, #eeccff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9edff), color-stop(100%,#eeccff));
	background: -webkit-linear-gradient(top,  #f9edff 0%,#eeccff 100%);
	background: -o-linear-gradient(top,  #f9edff 0%,#eeccff 100%);
	background: -ms-linear-gradient(top,  #f9edff 0%,#eeccff 100%);
	background: linear-gradient(to bottom,  #f9edff 0%,#eeccff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9edff', endColorstr='#eeccff',GradientType=0 );
}
.school_calendars-event.three
{
	border:1px solid #e69797;
	background: #ffe1e1;
	background: -moz-linear-gradient(top,  #ffe1e1 0%, #f3c6c6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe1e1), color-stop(100%,#f3c6c6));
	background: -webkit-linear-gradient(top,  #ffe1e1 0%,#f3c6c6 100%);
	background: -o-linear-gradient(top,  #ffe1e1 0%,#f3c6c6 100%);
	background: -ms-linear-gradient(top,  #ffe1e1 0%,#f3c6c6 100%);
	background: linear-gradient(to bottom,  #ffe1e1 0%,#f3c6c6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe1e1', endColorstr='#f3c6c6',GradientType=0 );
}
.school_calendars-event.three:hover
{
	border:1px solid #d86060;
	background: #f7c6c6;
	background: -moz-linear-gradient(top,  #f7c6c6 0%, #ff9393 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7c6c6), color-stop(100%,#ff9393));
	background: -webkit-linear-gradient(top,  #f7c6c6 0%,#ff9393 100%);
	background: -o-linear-gradient(top,  #f7c6c6 0%,#ff9393 100%);
	background: -ms-linear-gradient(top,  #f7c6c6 0%,#ff9393 100%);
	background: linear-gradient(to bottom,  #f7c6c6 0%,#ff9393 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7c6c6', endColorstr='#ff9393',GradientType=0 );
}
.school_calendars-event.four
{
	border:1px solid #e8b37d;
	background: #fbecdd;
	background: #f9e3cd;
	background: -moz-linear-gradient(top,  #f9e3cd 0%, #fad1a9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9e3cd), color-stop(100%,#fad1a9));
	background: -webkit-linear-gradient(top,  #f9e3cd 0%,#fad1a9 100%);
	background: -o-linear-gradient(top,  #f9e3cd 0%,#fad1a9 100%);
	background: -ms-linear-gradient(top,  #f9e3cd 0%,#fad1a9 100%);
	background: linear-gradient(to bottom,  #f9e3cd 0%,#fad1a9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9e3cd', endColorstr='#fad1a9',GradientType=0 );
}
.school_calendars-event.four:hover
{
	border:1px solid #e09952;
	background: #f7dabc;
	background: -moz-linear-gradient(top,  #f7dabc 0%, #f8c28c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7dabc), color-stop(100%,#f8c28c));
	background: -webkit-linear-gradient(top,  #f7dabc 0%,#f8c28c 100%);
	background: -o-linear-gradient(top,  #f7dabc 0%,#f8c28c 100%);
	background: -ms-linear-gradient(top,  #f7dabc 0%,#f8c28c 100%);
	background: linear-gradient(to bottom,  #f7dabc 0%,#f8c28c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7dabc', endColorstr='#f8c28c',GradientType=0 );
}
.school_calendars-event.five
{
	border:1px solid #67c59e;
	background: #c6f5e1;
	background: -moz-linear-gradient(top,  #c6f5e1 0%, #98e4c4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6f5e1), color-stop(100%,#98e4c4));
	background: -webkit-linear-gradient(top,  #c6f5e1 0%,#98e4c4 100%);
	background: -o-linear-gradient(top,  #c6f5e1 0%,#98e4c4 100%);
	background: -ms-linear-gradient(top,  #c6f5e1 0%,#98e4c4 100%);
	background: linear-gradient(to bottom,  #c6f5e1 0%,#98e4c4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6f5e1', endColorstr='#98e4c4',GradientType=0 );
}
.school_calendars-event.five:hover
{
	border:1px solid #34b27d;
	background: #b3f2d7;
	background: -moz-linear-gradient(top,  #b3f2d7 0%, #75dbb0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3f2d7), color-stop(100%,#75dbb0));
	background: -webkit-linear-gradient(top,  #b3f2d7 0%,#75dbb0 100%);
	background: -o-linear-gradient(top,  #b3f2d7 0%,#75dbb0 100%);
	background: -ms-linear-gradient(top,  #b3f2d7 0%,#75dbb0 100%);
	background: linear-gradient(to bottom,  #b3f2d7 0%,#75dbb0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3f2d7', endColorstr='#75dbb0',GradientType=0 );
}
.school_calendars-event.six
{
	border:1px solid #e4e481;
	background: #f8f8da;
	background: -moz-linear-gradient(top,  #f8f8da 0%, #efef9e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8da), color-stop(100%,#efef9e));
	background: -webkit-linear-gradient(top,  #f8f8da 0%,#efef9e 100%);
	background: -o-linear-gradient(top,  #f8f8da 0%,#efef9e 100%);
	background: -ms-linear-gradient(top,  #f8f8da 0%,#efef9e 100%);
	background: linear-gradient(to bottom,  #f8f8da 0%,#efef9e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8da', endColorstr='#efef9e',GradientType=0 );
}
.school_calendars-event.six:hover
{
	border:1px solid #dbdb57;
	background: #f6f6ce;
	background: -moz-linear-gradient(top,  #f6f6ce 0%, #e9e97e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6ce), color-stop(100%,#e9e97e));
	background: -webkit-linear-gradient(top,  #f6f6ce 0%,#e9e97e 100%);
	background: -o-linear-gradient(top,  #f6f6ce 0%,#e9e97e 100%);
	background: -ms-linear-gradient(top,  #f6f6ce 0%,#e9e97e 100%);
	background: linear-gradient(to bottom,  #f6f6ce 0%,#e9e97e 100%);
}

.school_calendars-workday {
	border-radius: 50%;
	padding: 2px;
	padding-left:5.5px;
	padding-right:5.5px;
	margin: 4px 4px 2px 2px;
	/*background: #ff9f1a;*/
	background: #1291e0;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	font-size:10px;
}
.school_calendars-workday::after {
	content:"D";
}

.school_calendars-reservation {
	border-radius: 50%;
	padding: 2px;
	padding-left:5.5px;
	padding-right:5.5px;
	margin: 4px 4px 2px 2px;
	/*background: #e80c7a;*/
	background: #666666;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	font-size:10px;
}
.school_calendars-reservation::after {
	content:"R";
}

.school_calendars-production {
	border-radius: 50%;
	padding: 2px;
	padding-left:5.5px;
	padding-right:5.5px;
	margin: 4px 4px 2px 2px;
	/*background: #999;*/
	background: #e80c7a;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	font-size:10px;
}
.school_calendars-production::after {
	content:"N";
}
/*school calendars*/

/*dynamic popup*/
.popup-open {
	overflow: hidden;
}
.popup-background {
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000;
}
.popup-placeholder {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow-x: hidden;
	overflow-y: auto;*/
	-webkit-overflow-scrolling: touch;
	outline: 0;
}
.popup-frame {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;

	position: relative;
	width: auto;
	margin: 10px;
	
	background-color: #ffffff;
	border: 1px solid #666666;
	text-align: left;

	webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
	box-shadow: 0 5px 15px rgba(0,0,0,.5);

	height: auto !important;
}
@media (min-width: 768px) {
	.popup-frame {
		width: 600px;
		margin: 40px auto;
	}
}
@media (min-width: 1292px) {
	.popup-xl {
		width: 1200px;
	}
}
@media (max-width: 1292px) {
	.popup-xl {
		width: auto;
		margin: 10px;
	}
}
@media (min-width: 992px) {
	.popup-lg {
		width: 900px;
	}
}
@media (max-width: 992px) {
	.popup-lg {
		width: auto;
		margin: 10px;
	}
}
@media (min-width: 788px) {
	.popup-md {
		width: 750px;
	}
}
@media (max-width: 788px) {
	.popup-md {
		width: auto;
		margin: 10px;
	}
}
.popup-header {
	-moz-border-radius:3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius:3px 3px 0 0;
}
.popup-header td {
	padding:10px 10px 0 10px;
}
.popup-title {
	width: 100%;
	cursor:move;
}

.popup-close {
	background-position:-15px -28px;
	display:block;
}

.popup-content {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

	border:1px solid #C9CACC;
	padding:15px;
	background-color:#F5F5F5;
	margin:5px;
}

.popup-frame .alert.ok,
.popup-frame .alert.infofield,
.popup-frame .alert.errfields {
	display: none;
	margin: 0 5px;
}
/*eof dynamic popup*/

/*datepicker*/
.ui-datepicker {
	z-index: 2000 !important;
	background-color: #fff;
	border: 1px solid #66AFE9;
	border-radius: 4px;
	box-shadow: 0 0 8px rgba(102,175,233,.6);
	display: none;
	margin-top: 4px;
	padding: 10px;
	width: 240px;
}
.ui-datepicker a,
.ui-datepicker a:hover {
	text-decoration: none;
}
.ui-datepicker a:hover,
.ui-datepicker td:hover a {
	color: #2A6496;
	-webkit-transition: color 0.1s ease-in-out;
		 -moz-transition: color 0.1s ease-in-out;
			 -o-transition: color 0.1s ease-in-out;
					transition: color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-header {
	margin-bottom: 4px;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title {
	font-weight: 700;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	cursor: default;
	font-family: "Font Awesome 6 Free";
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-weight: normal;
	height: 20px;
	line-height: 1;
	margin-top: 2px;
	width: 30px;
}
.ui-datepicker .ui-datepicker-prev {
	float: left;
	text-align: left;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-next {
	float: right;
	text-align: right;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev:before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f0d9";
}
.ui-datepicker .ui-datepicker-next:before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f0da";
}

.ui-datepicker .ui-datepicker-today {
	background-color: #fcefa1;
}

.ui-datepicker .ui-state-disabled {
	color: #777777;
	cursor: not-allowed;
}

.ui-datepicker .ui-icon {
	display: none;
}
.ui-datepicker .ui-datepicker-calendar {
	table-layout: fixed;
	width: 100%;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
	text-align: center;
	padding: 4px 0;
}
.ui-datepicker .ui-datepicker-calendar td {
	border-radius: 4px;
	-webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
		 -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
			 -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
					transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-calendar td:hover {
	background-color: #eee;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar td a {
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-current-day {
	background-color: #4289cc;
}
.ui-datepicker .ui-datepicker-current-day a {
	color: #fff
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
	background-color: #fff;
	cursor: default;
}
/*eof datepicker*/

/*timepicker*/
.ui-timepicker.ui-widget {
	width: 320px !important;
}
.ui-timepicker .ui-timepicker-table{
	width: 100%;
}
.ui-timepicker .ui-timepicker-title {
	font-weight: bold;
}
.ui-timepicker .ui-timepicker-hour-cell,
.ui-timepicker .ui-timepicker-minute-cell {
	border: 1px solid #dddddd;
	background-color: #f5f5f5;
	text-align: center;
	padding: 4px 0;
	border-radius: 4px;
	-webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
		 -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
			 -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
					transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}

.ui-timepicker .ui-timepicker-hour-cell:hover,
.ui-timepicker .ui-timepicker-minute-cell:hover {
	background-color: #eee;
	cursor: pointer;
}
.ui-timepicker .ui-timepicker-hour-cell a,
.ui-timepicker .ui-timepicker-minute-cell a {
	color: #333333;
}
.ui-timepicker .ui-timepicker-now,
.ui-timepicker .ui-timepicker-deselect,
.ui-timepicker .ui-timepicker-close {
	color: #333;
	background-color: #fff;

	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
}
/*eof timepicker*/

/*schedule*/
.schedule-table
{
	border-collapse:collapse;
	width:100%;
}

.schedule-table tbody
{
	background-image:url('../images/layout/bg_schedule_line.png');
	background-position: 0 2px;
}

.schedule-table th
{
	text-align: center;
	border-bottom-width: 5px !important;
}

.schedule-table .day.enabled
{
	cursor: pointer;
}

.schedule-table .day.disabled
{
	background-color: #eeeeee;
}

.schedule-table-th-date
{
	font-size: 11px;
	font-weight: normal;
}

.schedule-table td
{
	padding: 0 !important;
	font-size:11px;
}

.schedule-table-hour
{
	font-size:11px;
	padding:5px;
	height:100px;
	font-weight:bold;
}

.schedule-table-item
{
	font-size:11px;
	padding:3px;
	position:relative;
	overflow:hidden;
	min-width: 120px;
}

.schedule-table-item.c1
{
	border:1px solid #d6e5f3;
	background: #f3faff;
	background: linear-gradient(to bottom,  #f3faff 0%,#e7f1fb 100%);
}

.schedule-table-item.c1:hover
{
	border:1px solid #90c0ec;
	background: #dcf1fe;
	background: linear-gradient(to bottom,  #dcf1fe 0%,#b7d6f3 100%);
	z-index: 10;
}

.schedule-table-item.c2
{
	border:1px solid #d7adec;
	background: #fbf2ff;
	background: linear-gradient(to bottom,  #fbf2ff 0%,#f2d9ff 100%);
}

.schedule-table-item.c2:hover
{
	border:1px solid #9933cc;
	background: #f9edff;
	background: linear-gradient(to bottom,  #f9edff 0%,#eeccff 100%);
	z-index: 10;
}

.schedule-table-item.c3
{
	border:1px solid #e69797;
	background: #ffe1e1;
	background: linear-gradient(to bottom,  #ffe1e1 0%,#f3c6c6 100%);
}

.schedule-table-item.c3:hover
{
	border:1px solid #d86060;
	background: #f7c6c6;
	background: linear-gradient(to bottom,  #f7c6c6 0%,#ff9393 100%);
	z-index: 10;
}

.schedule-table-item.c4
{
	border:1px solid #e8b37d;
	background: #f9e3cd;
	background: linear-gradient(to bottom,  #f9e3cd 0%,#fad1a9 100%);
}

.schedule-table-item.c4:hover
{
	border:1px solid #e09952;
	background: #f7dabc;
	background: linear-gradient(to bottom,  #f7dabc 0%,#f8c28c 100%);
	z-index: 10;
}

.schedule-table-item.c5
{
	border:1px solid #67c59e;
	background: #c6f5e1;
	background: linear-gradient(to bottom,  #c6f5e1 0%,#98e4c4 100%);
}

.schedule-table-item.c5:hover
{
	border:1px solid #34b27d;
	background: #b3f2d7;
	background: linear-gradient(to bottom,  #b3f2d7 0%,#75dbb0 100%);
	z-index: 10;
}

.schedule-table-item.c6
{
	border:1px solid #e4e481;
	background: #f8f8da;
	background: linear-gradient(to bottom,  #f8f8da 0%,#efef9e 100%);
}

.schedule-table-item.c6:hover
{
	border:1px solid #dbdb57;
	background: #f6f6ce;
	background: linear-gradient(to bottom,  #f6f6ce 0%,#e9e97e 100%);
	z-index: 10;
}

.schedule-table-item.c7
{
	border:1px solid #94c748;
	background: #f1fae2;
	background: linear-gradient(to bottom,  #f1fae2 0%,#d3f1a7 100%);
}

.schedule-table-item.c7:hover
{
	border:1px solid #5b7f24;
	background: #e2f6c5;
	background: linear-gradient(to bottom,  #e2f6c5 0%,#b9da86 100%);
	z-index: 10;
}

.schedule-table-item.c8
{
	border:1px solid #9f8fef;
	background: #f4f2fe;
	background: linear-gradient(to bottom,  #f4f2fe 0%,#dfd8fd 100%);
}

.schedule-table-item.c8:hover
{
	border:1px solid #6e5dc6;
	background: #eae5fe;
	background: linear-gradient(to bottom,  #eae5fe 0%,#c0b5f4 100%);
	z-index: 10;
}

.schedule-table-item.c9
{
	border:1px solid #60c6d2;
	background: #ebfafc;
	background: linear-gradient(to bottom,  #ebfafc 0%,#c1f0f5 100%);
}

.schedule-table-item.c9:hover
{
	border:1px solid #1d7f8c;
	background: #d6f5f8;
	background: linear-gradient(to bottom,  #d6f5f8 0%,#96d9e1 100%);
	z-index: 10;
}

.schedule-table-item.c10
{
	border:1px solid #8590a2;
	background: #f3f4f6;
	background: linear-gradient(to bottom,  #f3f4f6 0%,#dcdfe4 100%);
}

.schedule-table-item.c10:hover
{
	border:1px solid #626f86;
	background: #e8eaed;
	background: linear-gradient(to bottom,  #e8eaed 0%,#afb6c2 100%);
	z-index: 10;
}

.schedule-table-item:hover
{
	cursor:pointer;
	overflow:visible;
	height:60px;
	z-index: 10;
}

.schedule-table-item-open:hover
{
	height:auto !important;
}

.schedule-table-item-other
{
	border:1px solid #ddd;
	font-size:11px;
	padding:3px;
	position:relative;
	background-image:url('../images/layout/bg_schedule_others.png');
	background-repeat:repeat-x;
	background-color:#ebebeb;
	overflow:hidden;
}

.schedule-item-table
{
	border-collapse:collapse;
	width:100%;
}

.schedule-item-table tbody
{
	background-image:none;
}

.schedule-item-table td
{
	padding:0px;
	border:none;
}

.schedule-item-title
{
	font-weight:bold;
	color:#000;
}

.schedule_item
{
	padding:3px;
	background-image:url('../images/layout/bg_schedule.png');
	background-repeat:repeat-x;
	background-color:#e7f1fb;
}

.schedule_item:hover
{
	background-image:url('../images/layout/bg_schedule_active.png');
	background-repeat:repeat-x;
	background-color:#b7d6f3;
	cursor:pointer;
}

.schedule_item_others
{
	padding:3px;
	background-image:url('../images/layout/bg_schedule_others.png');
	background-repeat:repeat-x;
	background-color:#ebebeb;
}

.schedule_line_top
{
	border-top:1px solid #ccc;
}

.schedule_line_bottom
{
	border-bottom:1px solid #ccc;
}

.schedule_item_add
{
	color:green;
	padding:3px;
	background-image:url('../images/layout/bg_schedule.png');
	background-repeat:repeat-x;
	background-color:#dcdbdb;
	/*border-top:1px solid #ccc;*/
}

.schedule_item_add:hover
{
	background-image:url('../images/layout/bg_schedule_active.png');
	cursor:pointer;
}

.schedule_item_empty
{ 
	
}

.schedule_item_empty:hover
{
	background-image:url('../images/layout/bg_schedule_active.png');
	background-repeat:repeat-x;
	background-color:#b7d6f3;
	cursor:pointer;
}

.schedule_item_table
{
	border-collapse:collapse;
	width:100%;
}

.schedule_item_table td
{
	padding:0px;
	border:none;
}

.schedule_item_title
{
	font-weight:bold;
	color:#000;
}

.schedule-item-edit-color input
{
	display: none;
}

.schedule-item-edit-color label
{
	display: inline-block;
	width:26px;
	height:26px;
	cursor: pointer;
	margin-right: 8px;

	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	opacity: 0.5;
}

.schedule-item-edit-color input[type="radio"]:hover + label
{
	opacity: 1;
}

.schedule-item-edit-color input[type="radio"]:checked + label
{
	opacity: 1;
}

.schedule-item-edit-color i
{
	opacity: 0;
	margin-top: 4px;
	margin-left: 3px;
	font-size: 20px;
	font-weight: 900;
	color: #ffffff;
}
.schedule-item-edit-color input[type="radio"]:checked + label i
{
	opacity: 1;
}
/*eof schedule*/

/*transports*/
.work_time-input
{
	font-size:12px;
	border:none;
	width:100%;
	text-align:center;
}

.table_hours_done_active
{ 
	background-color:#d2f6cd; 
}

.table_hours_done_inactive
{ 
	background-color:#dcdbdb; 
}

.table_hours_sunday
{ 
	background-color:#ffc4c4; 
}

.table_hours_saturday
{ 
	background-color:#f5f5f5; 
}

.table_hours_day_off
{ 
	background-color:#ecd0f0; 
}
/*eof transports*/

.work_attendances
{
	width:100%;
	border-collapse: collapse;
}

.work_attendances th
{
	padding:3px 3px;  
	border:1px solid #ccc;
	font-weight:bold;
	font-size:12px;
	background-image:url('../images/layout/bg_y.png');
	background-repeat:repeat-x;
	background-position:0 -176px;
	background-color:#dcdbdb;
	text-align:center;
	color:#000000;
}

.work_attendances tr
{ 
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.work_attendances tr:nth-child(odd) 
{
	background-color: #f5f5f5;
}

.work_attendances td
{
	padding:5px 5px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	vertical-align: middle;
}

.work_attendances_active
{ 
	background-color:#d2f6cd !important; 
}

.work_attendances_tr:hover
{
	color:black;
	background-image:url('../images/layout/bg_y.png');
	background-repeat:repeat-x;
	background-position:0 -292px;
	background-color: #c4dcf5 !important;
}

.work_attendances_subtr td
{ 
	border-top:1px solid #eee !important;
}

.work_attendances_saturday
{ 
	background-color:#eeeeee !important;  
}

.work_attendances_sunday
{ 
	background-color:#ffc4c4 !important;  
}

.work_attendances_day_off
{ 
	background-color:#ecd0f0 !important;  
}

.work_attendances_replacement
{ 
	background-color:#FFFF9E !important;  
}

.work_attendances_tr input[type=checkbox]
{
	margin:1px;
}

/*reservations*/
.reservations-table td
{
	padding: 0 !important;
	font-size: 12px;
	border: 1px solid #ddd !important;
}
.reservations-table .day
{
	padding: 5px;
	font-size: 16px;
}
.reservations-table .add
{
	padding: 5px;
}
.reservations-item
{
	padding:3px;
	border:1px solid #d6e5f3;
	background: #f3faff;
	background: -moz-linear-gradient(top,  #f3faff 0%, #e7f1fb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3faff), color-stop(100%,#e7f1fb));
	background: -webkit-linear-gradient(top,  #f3faff 0%,#e7f1fb 100%);
	background: -o-linear-gradient(top,  #f3faff 0%,#e7f1fb 100%);
	background: -ms-linear-gradient(top,  #f3faff 0%,#e7f1fb 100%);
	background: linear-gradient(to bottom,  #f3faff 0%,#e7f1fb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3faff', endColorstr='#e7f1fb',GradientType=0 );
}
.reservations-item:hover
{
	border:1px solid #90c0ec;
	background: #dcf1fe;
	background: -moz-linear-gradient(top,  #dcf1fe 0%, #b7d6f3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcf1fe), color-stop(100%,#b7d6f3));
	background: -webkit-linear-gradient(top,  #dcf1fe 0%,#b7d6f3 100%);
	background: -o-linear-gradient(top,  #dcf1fe 0%,#b7d6f3 100%);
	background: -ms-linear-gradient(top,  #dcf1fe 0%,#b7d6f3 100%);
	background: linear-gradient(to bottom,  #dcf1fe 0%,#b7d6f3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcf1fe', endColorstr='#b7d6f3',GradientType=0 );
}
.reservations-time
{
	width: 100%;
}
.reservations-time td
{
	border: none !important;
	vertical-align: top;
}
.reservations-time td:hover
{
	background: transparent;
}

.reservations-vacancies-mask-start
{
	border-bottom: 1px dashed #000;
	background-color: #bbb;
	position: absolute;
	opacity: 0.3;
	width: 100%;top:0;
}

.reservations-vacancies-mask-end
{
	border-top: 1px dashed #000;
	background-color: #bbb;
	position: absolute;
	opacity: 0.3;
	width: 100%;
	bottom: 0;
}

.item-c2
{
	border:1px solid #d7adec;
	background: #fbf2ff;
	background: -moz-linear-gradient(top,  #fbf2ff 0%, #f2d9ff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbf2ff), color-stop(100%,#f2d9ff));
	background: -webkit-linear-gradient(top,  #fbf2ff 0%,#f2d9ff 100%);
	background: -o-linear-gradient(top,  #fbf2ff 0%,#f2d9ff 100%);
	background: -ms-linear-gradient(top,  #fbf2ff 0%,#f2d9ff 100%);
	background: linear-gradient(to bottom,  #fbf2ff 0%,#f2d9ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf2ff', endColorstr='#f2d9ff',GradientType=0 );
}

.item-c2:hover
{
	border:1px solid #9933cc;
	background: #f9edff;
	background: -moz-linear-gradient(top,  #f9edff 0%, #eeccff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9edff), color-stop(100%,#eeccff));
	background: -webkit-linear-gradient(top,  #f9edff 0%,#eeccff 100%);
	background: -o-linear-gradient(top,  #f9edff 0%,#eeccff 100%);
	background: -ms-linear-gradient(top,  #f9edff 0%,#eeccff 100%);
	background: linear-gradient(to bottom,  #f9edff 0%,#eeccff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9edff', endColorstr='#eeccff',GradientType=0 );
}
/*eof reservations*/

/*icons*/
.up,.down
{
	background-image:url(../images/icons/bg_icons_up_down.png);
	background-repeat: no-repeat;
	background-position:-11px 0;
	height:6px;
	width:11px;
	display:inline-block;
}

.up:hover
{
	background-position:0 0;
}

.down
{
	background-position:-11px -6px ;
}

.down:hover
{
	background-position:0 -6px;
}
.locked
{
	display: inline-block;
	width:26px;
	height:26px;
	cursor: pointer;
	margin-right: 4px;

	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;

	background-color: #cc0000;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../images/icons/locked.png');
}
/*eof icons*/

/*messages*/

.messages-list-heading {
	margin-top: 10px;
	margin-bottom: 5px;
}
.messages-list-table {
	border-top: 2px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
.messages-list-checkbox-all {
	margin: 0 10px 0 5px !important;
	vertical-align: middle;
}
.messages-list-checkbox {
	margin: 0 10px 0 0 !important;
	vertical-align: middle;
}
.messages-list-from {
	white-space: nowrap;
	padding-right: 20px !important;
}
.messages-list-datetime {
	white-space: nowrap;
}
.messages-receivers-list
{
	max-height:300px;
	overflow:auto;
	background-color:#fff;
	border:1px solid #E5E5E5;
	padding:5px;
}
.messages-receiver-inactive
{
	color:#777;
	text-decoration: line-through;
}

.src-hide
{
	display: none !important;
}

.src-show
{
	display: block !important;
}
/*eof messages*/
/*home page*/
.read {
	font-weight: bold;
}
/*eof home*/

/*curriculum*/
.curriculum-label
{
	color:#888888;
	font-size: 14px;
}
.curriculum-text
{
	padding: 0px !important;
}
.curriculum-text-placeholder
{
	cursor: pointer;
	min-height: 30px;
	padding: 5px;
}
.curriculum-edit
{
	padding:0;
}
/*eof curriculum*/
/*grades*/
.grades
{
	width:100%;
	border-collapse:collapse; 
}

.grades th
{
	padding:5px 5px;
	font-size:12px;
	border:1px solid #ccc;
	color:black;
	background-image:url('../images/layout/bg_y.png');
	background-repeat:repeat-x;
	background-position:0 -176px;
	background-color:#dcdbdb; 
}

.grades td
{
	padding:5px 5px;
	border:1px solid #ccc;
}

.grades-tr:hover
{
	background-color:#d5dee6;
}

.grades-odd
{
	background-color:#f6f6f6;
}

.grades-even
{
	background-color:#f9f9f9;
}

.grade-input
{
	font-size:12px;
	border:none;
	width:100%;
	max-width:60px;
	text-align:center;  
}

.grade-input-notes
{
	font-size:12px;
	border:none;
	width:100%;
	max-width:200px;
	text-align:center;
	outline-width:0;  
}

.grade-active
{
	padding:1px 0 3px 0;
	border:2px solid #1291e0;
	text-align:center;
	background-color:#fff;
	outline-width:0;
	position:relative;
}

.grade-tooltip
{
	padding-top:5px;
	width:291px;
	text-align:left;
	position:absolute;
	top:25px;
	left:-10px;
	background-color:#ffffff;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
	box-shadow:0 0 10px rgba(0,0,0,0.5);
}

.grade-tooltip .arrow
{
	background-image: url("../images/layout/bg_cart_dropdown_arrow.png");
	height: 8px;
	left: 17px;
	position: absolute;
	top: -8px;
	width: 12px;
}

.grade-tooltip .tabs
{
	border-bottom:1px solid #cccccc;
	margin-bottom:5px;
}

.grade-tooltip .tab
{
	height:auto;
	text-align:center;
	float:left;
	border:1px solid #cccccc;
	border-bottom:none;
	background-color:#eeeeee;
	background-image: none;
	padding:2px 16px;
	font-size:11px;
	margin: 0 0 0 5px;
	
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
}

.grade-tooltip .tab.active
{
	background-color:#ffffff;
	padding-bottom:3px;
	margin: 0 0 -1px 5px;
}

.grade-tooltip .tab .type
{
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	display:block;
	padding:2px;
	width:14px;
	height:14px;
	color:#ffffff;
	background-color: #999999;
	border-radius:9px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
}

.grade-tooltip .tab .type:hover
{
	opacity:0.7;
}

.grade-tooltip .min,
.grade-tooltip .delete
{
	width:35px;
	display:inline-block;
	text-align:center;
	margin:0 0 5px 5px;
	padding:4px 0;
	color:#ffffff;
	background-color: #666666;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	text-decoration:none;
	font-weight:bold;
}

.grade-tooltip .min:hover,
.grade-tooltip .delete:hover
{
	opacity:0.7;
}

.grade-tooltip .delete
{
	background-color: #666666;
}

.grade-tooltip .tab a
{
	opacity:0.4;
}

.grade-tooltip .tab.r.active a,
.grade-tooltip .tab.plus.active a,
.grade-tooltip .tab.minus.active a,
.grade-tooltip .tab.o.active a,
.grade-tooltip .tab.d.active a
{
	opacity:1;
}

.grade-tooltip .tab.r a,
.grade-tooltip .min.r
{
	background-color: #1291e0;
}

.grade-tooltip .tab.minus a,
.grade-tooltip .min.minus
{
	background-color: #FF0000;
}

.grade-tooltip .tab.plus a,
.grade-tooltip .min.plus
{
	background-color: green;
}

.grade-tooltip .tab.o a,
.grade-tooltip .min.o
{
	background-color: orange;
}

.grade-tooltip .tab.d a,
.grade-tooltip .min.d
{
	background-color: purple;
}
/*eof grades*/

/*gallery*/
#gallery .image .panel {
	margin: 0;
}
#gallery .image {
	background-color: #ffffff;
	padding: 10px 0;
}
.thumb {
	box-shadow: 0px 0px 2px grey;
}

.gallery-drop {
	border: 3px dashed #428bca !important;
	border-radius: 4px !important;
	font-size: 20px;
	color: #cccccc;
	padding: 10px !important;
}

.gallery-drop .glyphicon {
	color: #428bca;
	font-size: 42px;
}

.gallery-drop:hover {
	border: 3px dashed #cccccc !important;
	border-radius: 4px !important;
}

.gallery-drop:hover .glyphicon {
	color: #cccccc;
}

.dropzone .dz-preview .dz-image {
	border-radius: 0px !important;
}

.dropzone .dz-message {
	margin: 1em 0 !important;
	text-align: center;
}

.dropzone .dz-preview {
	z-index: 8 !important;
}
/*eof gallery*/

/*dms*/
.dms .card {
	transition: all 0.5s;
}

.dms .search
{
	margin-bottom: 10px;
}

.dms .search .advanced h2
{
	margin-top: 0px;
}

.dms .advanced .instructions
{
	line-height: 30px;
	padding-right: 10px;
	padding-left: 10px;
}

.dms .advanced .search
{
	padding-left:5px;
}

.dms .folder
{
	margin-bottom: 10px;
}

.dms .folder>div.heading
{
	border: 1px solid #3988cc;
	padding: 5px;
	background-color: #337ab7;
	font-size: 16px;
	color: #ffffff;
	overflow: auto;
	cursor: pointer;
	line-height: 20px;
}

.dms .folder>div.heading.resolved
{
	border: 1px solid #878787;
	padding: 5px;
	background-color: #ababab;
	font-size: 16px;
	color: #ffffff;
	overflow: auto;
	cursor: pointer;
	line-height: 20px;
}

.dms .folder>div.heading.resolved:hover
{
	background-color: #bababa;
}

.dms .folder>div.heading:hover
{
	background-color: #3988cc;
}

.dms .folder>div.heading>div
{
	float: left;
}

.dms .folder>div.heading .toggle
{
	margin: 5px;
	float: left;
	width: 19px;
	height: 19px;
	margin-right: 10px;
	background-position: center;
	background-image: url(/images/ois/ois-collapse-down.png);
}

.dms .folder>div.heading .title
{
	margin: 5px 0;
}

.dms .folder>div.heading .toggle.up
{
	background-image: url(/images/ois/ois-collapse-up.png);
}


.dms .folder>div.heading .icons
{
	float: right;
	text-align: right;
}

.dms .folder>div.heading .add
{
	display: inline-block;
	margin-top: 3px;
	width: 22px;
	height: 21px;
	margin-right: 10px;
	background-position: center;
	background-image: url(/images/ois/ois-file-plus.png);
}

.dms .folder>div.heading .edit
{
	display: inline-block;
	margin-top: 2px;
	width: 24px;
	height: 21px;
	background-position: center;
	background-image: url(/images/ois/ois-edit.png);
}

.dms .folder .documents
{
	border: 1px solid #3291cf;
	border-top: none;
	display: none;
}

.dms .folder .documents.resolved
{
	border: 1px solid #878787;
	border-top: none;
	display: none;
}

.dms .folder .documents .document
{
	border-top: 1px solid #dddddd;
	font-size: 14px;
	padding: 10px;
	overflow: hidden;
	cursor: pointer;
}

.dms .folder .documents .document:nth-child(even) 
{
	background-color: #f9f9f9;
}

.dms .folder .documents .document:hover
{
	background-color: #f5f5f5;
}

.dms .folder .documents .document:first-child
{
	border-top: none;
}

.dms .folder .documents .document div
{
	float: left;
	display: block;
}

.dms .folder .documents .document .number
{
	width: 16px;
	background: none;
	color: #666666;
	font-weight: normal;
	font-size: 14px;
	border-radius: none;
	text-align: center;
	margin-right: 10px;
}

.dms .folder .documents .document .title
{
	width: 50%;
}

.dms .folder .documents .document .retention_period
{
	width: 20%;
	text-align: right;
	float: right;
}

.dms .folder .documents .document .date
{
	width: 20%;
}

.dms_kn
{
	width:100%;
	border-collapse: collapse;
}

.dms_kn thead
{
	width: 811px;
}

.dms_kn th
{
	padding:3px 3px;    
	border:1px solid #ccc;
	font-weight:bold;
	font-size:12px;
	background-image:url('../images/layout/bg_y.png');
	background-repeat:repeat-x;
	background-position:0 -176px;
	background-color:#dcdbdb;
	text-align:center;
	color:#000000;
}

.dms_kn tr
{   
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.dms_kn tbody tr:hover
{   
	cursor: pointer;
}

.dms_kn tbody tr:active
{   
	background-color:#f5f5f5;
}


.dms_kn .category
{
	background-color: #337ab7 !important;
	border: 1px solid #2e6da4;
	color: #ffffff;
	font-size:16px;
	font-weight: bold;
}

.dms_kn .subcategory
{
	background-color: #7db0db !important;
	color: #ffffff;
	font-size:14px;
	font-weight: bold;
}

.dms-revision-trail-profile-image
{
	width: 29px;
	height: 29px;
	border-radius: 50%;
	margin-right: 10px;
	display: block;
	float: left;
}

.dms-revision-trail-profile-image-missing
{
	width: 29px;
	height: 29px;
	border-radius: 50%;
	background-color: #D6DADC;
	line-height: 29px;
	text-align: center;
	font-weight: bold;
	float: left;
	margin-right: 10px;
}

/*.dms .task-unread
{
	font-weight: bold;
}

.dms .task-unread tr
{
	background-color: none;
}*/

.dms .task-number
{
	white-space: nowrap;
}

.dms .email-subject {
	border-bottom: 1px solid black;
}

.dms .email-message {
	padding-top: 30px;
	font-size: 1.25rem;
}

.dms .filing .accordion .card h2
{
	margin-top: 0 !important;
}

.dms .filing .accordion .card {
	margin-bottom: 0;
}
/*.dms .filing .accordion .card:first-of-type
{
	border: 1px solid rgba(0, 0, 0, 0.125);
}*/
/*eof dms*/

/*exams*/
.exam .group-heading {
	border-bottom: 1px solid #ddd;
	width: 100%;
}

.exam .group-heading .card-header {
	background-color: #f8f8f8;
	padding: 5px;
}

.exam .group-heading table {
	width: 100%
}

.exam .group-heading .hour {
	padding-right: 10px;
	font-size: 24px;
	color: #000000;
}

.exam .group-heading .edit {
	text-align: right;
}

.exam .group-body {
	padding: 5px;
	background-color: #f8f8f8;
}

.exam .group-items {
	background-color:#eee;
	min-height:15px;
}

.exam .group-item {
	margin: 0;
}

.exam .group-item td {
	border-top: none;
	border-bottom: 1px solid #ddd;
	background-color: #ffffff;
}

.exam .items-heading {
	margin: 0;
}

.exam .items {
	background-color:#eee;
}
/*eof exams*/

/*my profile*/
.user-profile-image {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-right: 10px;
}
.user-profile-image-missing {
	text-align: center;
	/*color: #bbbbbb;
	background-color: #eeeeee;*/
	color: #ffffff;
	background-color: #cd2b2e;
	display: inline-block;
	line-height: 50px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-right: 10px;
}

.user-profile-access_data {
	padding-top: 16px;
}
/*eof my profile*/

/*week*/
.week
{
	width:100%;
	border-collapse: collapse;
}

.week td
{
	text-align:center;
	vertical-align:middle;
	border-bottom:1px solid #E5E5E5;
}

.week-tab
{
	padding-top:3px;
	width:15%;
}

.week-tab:hover
{
	color:black;
	cursor:pointer;
}

.week-tab-active
{
	color:black;
	background-color:#ffffff;
	border:1px solid #E5E5E5 !important;
	border-top:4px solid #1291e0 !important;
	border-bottom:none !important;
}

.week-tab-inactive
{
	color:#999999;
}

.week-tab-inactive:hover
{
	color:#999999;
	cursor:default;
}

.week-content
{
	padding:5px;
	border:1px solid #E5E5E5;
	border-top:none;
	background-color:#ffffff;
}
/*eof week*/

/*productions*/
.no-result {
	padding-top:8px;
	padding-bottom:5px;
	padding-left:5px;
	border-bottom: 1px solid #ddd;
}
.textarea-playlists {
	width: 100%;
	height: 30px;
	max-width: 382px;
	text-align: center;
}
.image-delete {
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
	opacity: 2;
	float: right;
	line-height: 1;
	font-size:15px;

}
.images-container {
	border: 2px solid #d1d1d1;
	border-radius:5px;
	padding:10px;
	margin-bottom:10px;
	background-color:#ffffff;
}

.song,
.performer,
.acc,
.mentor {
	margin-bottom: 15px;
}

.edit-item-new {
	padding-left: 5px;
	padding-right: 5px;
}

.first-edit-item-new {
	padding-right: 5px;
}

.button-edit-item-new {
	text-align: center;
}

#songs .song .col-md-5,
#songs .song .col-md-4,
#songs .song .col-md-2 {
	padding-right: 0;
}

#performers .performer .col-md-6,
#performers .performer .col-md-5 {
	padding-right: 0;
}

#accs .acc .col-md-6,
#accs .acc .col-md-4 {
	padding-right: 0;
}

#mentors .mentor .col-md-10 {
	padding-right: 0;
}

#songs .song .col-md-1 .form-control,
#performers .performer .col-md-1 .form-control,
#accs .acc .col-md-2 .form-control,
#mentors .mentor .col-md-2 .form-control {
	text-align: right;
}

/*eof productions*/


/*travel orders*/
.pac-container {
	z-index: 1060;
}
/*eof travel orders*/
.table > tbody > tr.stats-heading-tr{
	background-color:#f9f9f9;
	cursor:pointer;
}
.table > tbody > tr.stats-heading-tr-bold{
	font-weight: bold;
}
.table > tbody > tr.stats-heading-tr:hover{
	background-color:#f3f3f3;
	cursor:pointer;
}
/*stats*/



/*eof stats*/

/*cookies*/
#front-cookies
{
  width:300px;
  padding:10px;
  font-size:11px;

  -moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
  -webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
  box-shadow:0 0 10px rgba(0,0,0,0.5);

  -moz-border-radius:3px;
  -webkit-border-radius: 3px;
  border-radius:3px;
  
  position:fixed;
  bottom:10px;
  right:10px;
  border:1px solid #dddddd;
  background-color:#ffffff;

  z-index:10;
}

#front-cookies .close
{
  position: absolute;
  top: 5px;
  right: 5px;

  display: block;
  opacity: 0.5;
}

#front-cookies .close:hover
{
  opacity: 1;
}

#front-cookies .btn-agree {
  background-color: #cd2b2e;
  border-color: #8a1504;
  color: #ffffff;
  font-weight: 300;
}

#front-cookies .btn-agree:hover {
  background-color: #d93c3f;
}

#front-cookies .more
{
  color: #999999;
}
/*eof cookies*/

/*travel orders google maps*/
.adp-substep {
	display: none;
}

.adp-legal {
	display: none;
}

.adp-placemark {
	display: none;
}

.adp-summary span {
	display: none;
}

/*.adp-summary span:first-child {
	display: block !important;
}*/

/* webpages */
.paragraph-saved .title {
	cursor: pointer;
}

.paragraph-saved:last-child {
	margin-bottom: 10px;
}

.paragraph-saved:last-child hr {
	display: none;
}

/* gallery */
.news-image-title {
	text-align: center; 
	width: 90%;
	font-size: 12px;
}

.paragpraph {
	margin-bottom: 15px;
}

/* settings */
.card-body .profiles-access:last-child hr {
	display: none;
}

tr.inactive td {
	opacity: .4;
}

tr.inactive td:last-child {
	opacity: 1 !important;
}

.panel .list-group-item {
	cursor: pointer;
}

.settings-items {
	display: flex;
}

.panel-hover {
	cursor: pointer;
}

a.glyphicon.glyphicon-plus-sign:hover {
	text-decoration: none;
}

.card {
	margin-bottom: 20px;
}

/*.form-control, .btn-default {
	margin-right: 5px;
	margin-bottom: 5px;
}*/

.btn-group .navbar-btn.btn-default {
	margin-right: 0;
}

.card.module {
	margin-bottom: 0;
}

.card.module h3 {
	margin: 0;
}

.new-schedule-item {
	position: relative;
	width: 100%; 
	height: 100%; 
	border-radius: 5px; 
	background-color: rgba(9,30,66,.08); 
	padding: 10px; 
	cursor: pointer;
	border: 3px solid rgba(9,30,66,0);
}

.new-schedule-item.active {
	border: 3px solid #28a745;
	background-color: #fff;
}

.new-schedule-item.active .badge {
	display: inline-block;
}

.new-schedule-item .badge {
	display: none;
	position: absolute;
	right: -9px;
	top: -9px;
}

.tab-production-playlist {
	background-color: #fff;
	padding: 16px;
	border: 1px solid;
	border-color: #dee2e6 #dee2e6 #fff;
	border-top: none;
	border-top-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}

.performer-show label {
	border-radius: 5px;
	padding: 0 3px;
	border: 1px solid transparent;
	cursor: pointer;
}

.performer-show .visible {
	border: 1px solid #ccc;
	box-shadow: 0 0 1px rgba(0, 0, 0, .1);
}

.performer-show input {
	display: none;
}

.form-control.is-invalid {
	padding-right: 0;
	background-image: none;
}

.disabled {
	cursor: not-allowed;
}

.disabled:active,
.disabled:focus {
	box-shadow: none;
	outline: none;
	border: 1px solid #ced4da;
}

.item-disabled {
	cursor: not-allowed;
	opacity: .5;
}

.settings-link-help {
	padding-left: 5px;
	padding-right: 5px;
	display: block;
	background-color: #2b86c5;
	width: 80%;
	height: 20px;
	border-radius: 3px;
	line-height: 20px;
	font-size: 10px !important;
	transition-duration: 0ms !important;
	color: #fff !important;
	font-weight: bold;
}


.custom-control-white .custom-control-input:checked ~ .custom-control-label::before {
	border-color: #fff;
	background-color: #fff;
}

.custom-control-white .custom-control-input:checked ~ .custom-control-label::after {
	background-color: #28a745;
}

.bg-success .text-muted {
	color: rgba(255, 255, 255, .5) !important;
}

.dropzone.btn-success {
	min-height: 0;
	border: 1px solid #398439;
	background-color: #449d44;
	padding: 0.375rem 0.75rem;
}

.dropzone.btn-success .dz-default.dz-message {
	display: none;
}

.dropzone.btn-success .dz-message {
	margin: 0 !important;
}

.btn-dropzone {
	text-align: center;
}

.dz-drop-message {
	margin-top: 30px;
}

.dropzone-previews.gallery-drop,
.dropzone-previews.gallery-drop:hover {
	padding: 0 !important;
	border: none !important;
}

/*.stream-invitations-status {
	width: 36px; 
	height: 36px; 
	z-index: 1; 
	position: absolute; 
	border-radius: 50%; 
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto;
	top: calc(50% - 2px);
	transform: translateY(-50%);
	background-color: transparent;
	border: 3px solid;
}*/

.stream-invitations-status {
	width: 12px; 
	height: 12px; 
	z-index: 3; 
	position: absolute; 
	border-radius: 50%; 
	right: 0px; 
	top: -2.25px; 
	border: 1.75px solid rgb(242, 242, 242);
}

.covid-pct__container {
	display: flex; 
	flex-direction: row; 
	justify-content: space-evenly; 
	align-items: center;
}

.covid-pct__option {
	padding: 5px 10px; 
	border-radius: 5px;
	background-color: rgba(0, 0, 0, .25);
	margin-right: 2.5px;
	transition-duration: 200ms;
}

.covid-pct__option:last-child {
	margin-right: 0;
}

.covid-pct__option:hover {
	font-weight: 500;
	background-color: rgba(0, 0, 0, .15);
}

.covid-pct__option--selected {
	color: #FFFFFF;
	font-weight: 500;
	background-color: #17a2b8;
}

.covid-pct__option--selected:hover {
	background-color: #17a2b8;
}