@media only screen and (max-width: 768px) {
  #mainContent > .CMSSection {
    padding: 0 !important;
  }
}

#calendar-main {
  font-size: 14px;
}

#calendar-main,
#calendar-main table,
#calendar-main table td,
.CalendarModal table td{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
button i.right-padded {
	padding-right: 0.25em;
}

button i.left-padded {
	padding-left: 0.25em;
}

#calendarGroup div.CalendarSettingDropzone {
  padding: 5px 0px;
  border-bottom: 1px solid #d9d9d9;
}

#calendarGroup div.CalendarSettingDropzone > div.Area {
  padding: 40px;
  border-radius: 5px;
  width: 100%;
  color: #84c55f;
  text-align: center;
  position: relative;
  background-color: #fff;
  border: 1px dashed #5CA7E0;
  font-weight: bold;
  font-size: 16px;
}

#calendarGroup div.CalendarSettingDropzone > div.Area:after {
  content: 'Drop here...';
}

.input-with-icon {
	position: relative;
}
.input-with-icon i {
	position: absolute;
	padding: 10px;
	color: #5ca7df;
	width: 34px;
	height: 34px;
	font-size: 14px;
	cursor: pointer;
}
.input-with-icon i.align-right {
	right: 0;
}
.input-with-icon i.align-left {
  left: 0;
}
.fixed-spinner,
.CalendarSettingSpinner {
  position: fixed;
  top: 45%;
  left: 50%;
  width: 48px;
  height: 48px;
  margin-top: -24px;
  margin-left: -24px;
}

.CalendarSettingSpinner {
  position: absolute;
}

.btn-circle-sm {
  width: 20px;
  height: 20px;
  text-align: center;
  padding: 0 0 2px 1px;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.event-popover {
	position: absolute;
	z-index: 100;
	text-align: left;
	background: #fff;
	box-sizing: border-box;
	box-shadow: 2px 2px 10px #c4c4c4;
	border: 1px solid #c4c4c4;
 	display: none;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	max-width: 580px;
}

@media only screen and (max-width: 414px) {
  .event-popover {
    width: 85%;
  }

  .month-view .day-names .full {
    display: none !important;
  }
  .month-view .day-names .short {
	  display: block !important;
  }
  .CalendarModal.SmallExpandedModal .modal-dialog .modal-content {
    width: 95%;
    margin: auto;
    top: 1em;
  }
	.CalendarModal .CalendarSettingsModal .calendar-groups > div {
	  width: 100% !important;
	}
	.CalendarModal .CalendarSettingsModal .calendar-groups > div label {
	  margin-right: 3em !important;
	}
  .CalendarModal.ModalSmall .modal-dialog .modal-content {
    top: 1em !important;
    bottom: 1em !important;
    left: 1em !important;
    right: 1em !important;
  }
  .CalendarModal.ModalXSmall .modal-dialog .modal-content {
    width: 95% !important;
    top: 1em !important;
  }
  .CalendarWrapper .fab-curtain {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;

    background-color: grey;
    opacity: 0.85;
    z-index: 99;
    text-align: center;
    color: #fff;
  }
  .CalendarWrapper ul.fab-list {
    z-index: 100;
    position: fixed;
    right: 1em;
    bottom: 1em;
    list-style: none;
  }
  .CalendarWrapper ul.fab-list li.item {
    display: none;
  }
  .CalendarWrapper ul.fab-list li.root {
    width: 1.5em;
    height: 1.5em;
    color: white;
    border-radius: 50%;
    box-shadow: 0 6px 10px 0 #666;
    font-size: 3em;
    text-align: center;
    margin-top: 0.1em;
    float: right;
    transition: all 0.1s ease-in-out;
  }
  .CalendarWrapper ul.fab-list li.root:hover {
    box-shadow: 0 6px 14px 0 #666;
    transform: scale(1.05);
  }
  .CalendarWrapper ul.fab-list li.root a {
    color: inherit;
  }
  .CalendarWrapper ul.fab-list li.root a i.fa-plus {
    padding-top: 10px;
  }
  .CMSSection .CalendarWrapper ul.fab-list li.root a i.fa-plus {
    padding-top: 15px;
  }
  .CMSSection .CalendarWrapper ul.fab-list li.root a i.fa-times {
    padding-top: 10px;
  }
  .CalendarWrapper ul.fab-list .btn {
    border: none;
    border-radius: 1em;
    width: 100%;
    margin-bottom: 0.2em;
    font-weight: bold;
    text-align: right;
    padding: 0.6em 1em 0.6em 2em;
  }
}

@media only screen and (min-width: 768px) {
  .event-popover {
    min-width: 400px;
  }
  .CalendarWrapper ul.fab-list {
    display: none !important;
  }
}

.not-yet-implemented {
	background: yellow !important;
}
.dropdown-menu .sub-menu {
	margin-left: 20px;
	padding-left: 0;
}
.dropdown-menu .sub-menu li {
	list-style: none;
}
.dropdown-menu .sub-menu li a {
	color: #333;
	display: block;
	padding-left: 15px;
}
.dropdown-menu .sub-menu li a:hover {
	background-color: #f5f5f5;
}
#calendar-main {
	padding: 0 5px;
}
@media only screen and (max-width: 768px) {
  #calendar-main {
    padding: 0;
  }
}
#calendar-main * {
	box-sizing: border-box;
}
#calendar-main.fullscreen {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	background-color: #fff;
	z-index: 100;
   	box-sizing: border-box;
   	padding: 20px;
}
.CalendarModal .cke * {
    webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

/* Alertify patch */
.alertify .ajs-footer .ajs-buttons .ajs-button {
  font-weight: normal !important;
  min-width: 60px;
  text-transform: none !important;
  padding: 0 10px !important;
}
.ajs-header,
.ajs-content {
	text-align: left;
}
.alertify .ajs-footer .ajs-buttons .ajs-button.btn{
	min-height: 34px !important;
    font-weight: bold !important;
}
.ajs-buttons .btn-success:hover,
.ajs-buttons .btn-success:focus,
.ajs-buttons .btn-success:active,
.ajs-buttons .btn-success.active {
  color: #fff !important;
  background-color: #69b140 !important;
  border-color: #599737 !important;
}
.ajs-buttons .btn-danger:hover,
.ajs-buttons .btn-danger:focus,
.ajs-buttons .btn-danger:active,
.ajs-buttons .btn-danger.active {
  color: #fff !important;
  background-color: #ce2010 !important;
  border-color: #ad1b0d !important;
}
.ajs-buttons .btn-success {
  color: #fff !important;
  background-color: #84c55f !important;
  border-color: #76be4c !important;
}
.ajs-buttons .btn-danger {
  color: #fff !important;
  background-color: #ee3423 !important;
  border-color: #e62412 !important;
}
.ajs-close {
  color: #ee3423;
  font-size: 2em !important;
  display: inline-block !important;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-image: none !important;
  padding: 0 !important;
}
.ajs-close:before {
  content: "\f00d";
}
.ajs-header span.text-warning {
  color: #8a6d3b !important;
}
.CalendarWrapper .filters-wrap {
	padding-left: 5px;
    padding-right: 5px;
}
.CalendarWrapper .filters-wrap #CurrentViewStatus,
.CalendarWrapper .filters-wrap > .col-sm-8,
.CalendarWrapper .filters-wrap > .col-md-8,
.CalendarWrapper .filters-wrap > .col-lg-8 {
	width: 50%;
}
.CalendarWrapper {
	overflow: hidden;
	margin-bottom: 20px;
}

@media only screen and  (max-device-width: 1440px) {
  .CalendarModal.CreatePracticeModal .modal-lg div.modal-content {
    left: 0px;
    right: 0px;
  }
}

@media (min-width: 320px) {
  .CalendarWrapper .navbar {
    border: none;
    border-radius: 0;
    background: none;
    min-height: 0;
    margin-bottom: 0.5em;
  }
  .CalendarWrapper .navbar .navbar-nav {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  .CalendarWrapper .navbar .navbar-nav a {
    font-weight: bold;
    padding: 6px 16px;
    margin-top: 1px;
  }
  .CalendarWrapper .navbar .navbar-nav .active a {
    border-top: 2px solid #5fa8dc;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: #000;
    background-color: #fff;
    margin-top: -1px;
    margin-bottom: -1px;
  }
  .CalendarWrapper .navbar .navbar-nav li:first-child {
    margin-left: 1em;
  }
  .CalendarWrapper .navbar .container-fluid,
  .CalendarWrapper .navbar .container-fluid .navbar-collapse {
    padding: 0;
  }
  .CalendarWrapper .navbar .container-fluid .navbar-collapse .navbar-nav {
    width: 100%;
    background-color: #ddd;
  }
}
@media only screen and (min-width: 320px) {
  .collapse {
    display: block;
    border: none;
  }
  .navbar-header {
    float: left;
    display: none;
  }
  .navbar-toggle {
    display: none;
  }
  .navbar-nav.navbar-left {
    float: left;
    margin: 0;
  }
  .navbar-nav.navbar-right {
    float: right;
    margin: 0;
  }
  .navbar-nav>li {
    float: left;
  }
  .navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .CalendarWrapper .navbar .navbar-nav li:first-child {
    margin-left: 4em;
  }
}
@media only screen and (max-width: 320px) {
  .collapse {
    display: none;
  }
  .navbar-header {
    display: block;
  }
}

.CalendarWrapper .content-included {
  position: relative;
}
.CalendarWrapper .curtain {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: grey;
  opacity: 0.85;
  z-index: 99;
  text-align: center;
  color: #fff;
}
.CalendarWrapper .curtain .migration-in-progress {
  margin-top: 6em;
  font-size: 2em;
}
.CalendarWrapper .curtain .migration-in-progress .fa-spinner {
  font-size: 1.5em;
  color: #fff;
  margin-right: 0.25em;
}
.CalendarWrapper .calendar-action button.btn-default {
    color: #7E7E7E;
    background: #ddd;
}
.CalendarWrapper button.btn-default:hover {
    background: #eee;
    border-color: #c4c4c4;
}
.CalendarWrapper .content-wrapper{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-top: 15px;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .content-wrapper {
    margin-top: 0;
    padding: 0 !important;
  }
}
.CalendarWrapper .search-wrapper,
.CalendarWrapper .search-wrapper .print-wrapper{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .search-wrapper {
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
  }
}
.CalendarWrapper .search-wrapper .toggle-calendar {
	margin-right: 6px;
}
.CalendarWrapper .content-wrapper .mini-calendar {
  width: 156px;
	margin-right: 10px;
}
.CalendarWrapper .content-wrapper .mini-calendar.fullscreen,
.CalendarWrapper .search-wrapper .toggle-calendar.show-mini-calendar.fullscreen{
  width: 211px;
	margin-right: 10px;
}
.CalendarWrapper .content-wrapper .mini-calendar .event-type-filter {
  margin-top: 15px;
  margin-left: -10px;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .content-wrapper .mini-calendar .event-type-filter {
    margin: 0.5em;
  }
}
.CalendarWrapper .content-wrapper .mini-calendar .event-type-filter label {
  font-weight: normal;
  cursor: pointer;
  display: block;
}
.CalendarWrapper .content-wrapper .mini-calendar .event-type-filter label input {
  vertical-align: bottom;
  position: relative;
  top: -0.2em;
}
.CalendarWrapper .search-wrapper .print-wrapper,
.CalendarWrapper .search-wrapper .print-wrapper .print-button {
	flex: 1 1 1em;
	-webkit-flex: 1 1 1em;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .search-wrapper .print-wrapper .print-button {
    float: left;
  }
  .CalendarWrapper .search-wrapper .print-wrapper .print-button button.migration-message {
    display: none !important;
  }
}
.CalendarWrapper .search-wrapper .print-wrapper .print-button .migration-message i {
  font-size: 1.2em;
}
.CalendarWrapper .search-wrapper .print-wrapper .print-button .migration-message span.full-width {
  display: inline !important;
}
.CalendarWrapper .search-wrapper .print-wrapper .search-control {
	width: 300px;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .search-wrapper .print-wrapper .search-control{
    width: 200px;
    float: right;
  }
}
.CalendarWrapper .search-wrapper .toggle-calendar > button{
    margin-left: -4px;
    width: 65px;
    background: #fff;
    color: red;
    font-weight: normal;
    border-color: red;
}
.CalendarWrapper .search-wrapper .toggle-calendar > button i{
	padding: 0 3px;
	color: red;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper,
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .event-type {
	margin-top: 15px;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .setting-calendar {
	min-height: 600px;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper div > span {
	font-weight: bold;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper div > span:hover {
	cursor: pointer;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper div .all-calendar {
    margin: 0;
    vertical-align: middle;
    display: inline-block;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper div > span > i {
  margin-left: 0.5em;
  transform: scale(1.5, 1.5);
  -webkit-transform: scale(1.5, 1.5);
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .setting-calendar > div a.setting-icon {
	color: #000;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .setting-calendar > div a.clear-filter-icon {
	color: #ef3914;
	padding-left: 5px;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .setting-calendar > ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top:	 1px #d3d3d3 solid;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .setting-calendar > ul {
    border: none;
  }
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .setting-calendar > ul li:last-child div.event-type-filter-item .filter-child-content .form-group:last-child ul {
	position: relative;
}
/* .CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .setting-calendar > ul li { */
/* 	border-bottom: 1px #d3d3d3 dotted; */
/* } */
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .setting-calendar > ul li:last-child {
	border-bottom: 0;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .setting-calendar > ul li div.event-type-filter-item {
	padding: 6px 0;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .setting-calendar > ul li div.event-type-filter-item {
    padding: 0 0.5em;
  }
  .CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .setting-calendar > ul li div.event-type-filter-item .filter-name {
    background-color: #ddd;
    padding: 1em;
    border-radius: 4px;
  }
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .setting-calendar > ul li div.event-type-filter-item.Fundraising:hover > a {
	display: none;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .setting-calendar > ul li div.event-type-filter-item.Fundraising.tuMoneyEnabled:hover > a {
  display: inline-block;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .setting-calendar > ul li .calendar-name,
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .setting-calendar > ul li label {
	font-size: 12px;
	font-weight: normal;
	margin: 0;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .setting-calendar > ul li .calendar-name.filter-child-able:hover {
	cursor: pointer;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .setting-calendar > ul li label:hover {
	background: none;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .setting-calendar > ul li input[type="checkbox"] {
	display: inline-block;
	vertical-align: middle;
   	margin: 0;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .setting-calendar > ul li div > a.add-event-item {
	float: right;
    font-size: 16px;
    visibility: hidden;
}
@media only screen and (min-width: 768px) {
  .CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .setting-calendar > ul li div:hover > a.add-event-item {
    visibility: visible;
  }
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content {
	margin: 5px 4px 0 4px;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .form-group {
	margin-bottom: 8px;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .form-group:last-child {
	margin-bottom: 0;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .form-group button {
	padding: 4px 12px;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .form-group button.filter-no-workout,
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .form-group button.has_test_set,
#filtersCustomizerWrapper .list-group .list-group-item button.filter-no-workout,
#filtersCustomizerWrapper .list-group .list-group-item button.has_test_set {
    color: #FF9E01;
    border: 0;
    background: #ddd !important;
    width: 100%;
    text-align: left;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .form-group button.has_test_set,
#filtersCustomizerWrapper .list-group .list-group-item button.has_test_set {
	color: #ef3914;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .form-group button.has_test_set.enable,
#filtersCustomizerWrapper .list-group .list-group-item button.has_test_set.enable {
	background: #ef3914 !important;
  color: #fff !important;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .form-group button.filter-no-workout.enable,
#filtersCustomizerWrapper .list-group .list-group-item button.filter-no-workout.enable {
	background: #DB8926 !important;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .form-group button.filter-no-workout > div:before,
#filtersCustomizerWrapper .list-group .list-group-item button.filter-no-workout > div:before,
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .form-group button.has_test_set > div:before,
#filtersCustomizerWrapper .list-group .list-group-item button.has_test_set > div:before{
	content: "";
  width: 11px;
  height: 11px;
  background-color: #FF9E01;
  display: inline-block;
  border-radius: 50%;
  margin-top: 3px;
  margin-right: 0.5em;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .form-group button.has_test_set > div:before,
#filtersCustomizerWrapper .list-group .list-group-item button.has_test_set > div:before{
	background-color: #ef3914;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .form-group button.filter-no-workout.enable > div:before,
#filtersCustomizerWrapper .list-group .list-group-item button.filter-no-workout.enable > div:before,
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .form-group button.has_test_set.enable > div:before,
#filtersCustomizerWrapper .list-group .list-group-item button.has_test_set.enable > div:before {
    background-color: #fff;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .form-group button.filter-no-workout > div,
#filtersCustomizerWrapper .list-group .list-group-item button.filter-no-workout > div,
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .form-group button.has_test_set > div,
#filtersCustomizerWrapper .list-group .list-group-item button.has_test_set > div {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .form-group button.filter-no-workout > div span,
#filtersCustomizerWrapper .list-group .list-group-item button.filter-no-workout > div span,
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .form-group button.has_test_set > div span,
#filtersCustomizerWrapper .list-group .list-group-item button.has_test_set > div span{
	font-weight: normal;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .form-group button.filter-no-workout > div span.name-view,
#filtersCustomizerWrapper .list-group .list-group-item button.filter-no-workout > div span.name-view,
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .form-group button.has_test_set > div span.name-view,
#filtersCustomizerWrapper .list-group .list-group-item button.has_test_set > div span.name-view {
	flex: 1 1 1em;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .form-group button.filter-no-workout > div span.name-view {
	color: #FF9E01;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .form-group button.filter-no-workout.enable > div span.name-view {
	color: #fff;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .form-group button.has_test_set > div span.name-view {
  color: #ef3914;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .form-group button.has_test_set.enable > div span.name-view {
  color: #fff;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .form-group button.filter-no-workout > div span.check-icon,
#filtersCustomizerWrapper .list-group .list-group-item button.filter-no-workout > div span.check-icon,
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .form-group button.has_test_set > div span.check-icon,
#filtersCustomizerWrapper .list-group .list-group-item button.has_test_set > div span.check-icon {
	display: none;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .form-group button.filter-no-workout.enable > div span.check-icon,
#filtersCustomizerWrapper .list-group .list-group-item button.filter-no-workout.enable > div span.check-icon,
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .form-group button.has_test_set.enable.enable > div span.check-icon,
#filtersCustomizerWrapper .list-group .list-group-item button.has_test_set.enable > div span.check-icon {
	display: inline-block;
	color: #fff;
	padding-top: 0;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .dropdown-menu-wrapper button,
#filtersCustomizerWrapper .list-group .list-group-item .form-group button {
    width: 100%;
    text-align: left;
    background: #fff !important;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .dropdown-menu-wrapper button > div,
#filtersCustomizerWrapper .list-group .list-group-item .form-group button > div {
    width: 100%;
    text-align: left;
    display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .dropdown-menu-wrapper button div span.name-view,
#filtersCustomizerWrapper .list-group .list-group-item .form-group button div span.name-view{
	flex: 1 1 1em;
	-webkit-flex: 1 1 1em;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0;
    font-weight: normal;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .dropdown-menu-wrapper button div span:last-child,
#filtersCustomizerWrapper .list-group .list-group-item .form-group button div span:last-child {
	padding-top: 7px;
	font-weight: normal;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content label {
	color: #000;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content label.active {
	color: #5fa8dc;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .dropdown-menu-wrapper ul {
	max-height: 300px;
	overflow: auto;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .dropdown-menu-wrapper ul li {
	border: 0;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .dropdown-menu-wrapper ul li a i{
	color: #ddd;
}
.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .filter-child-content .dropdown-menu-wrapper ul li a i.active{
	color: #000;
}
.CalendarWrapper button[ng-click="startCustomizing('columns')"] {
    display: none;
}
.CalendarWrapper .content-wrapper .calendar-content{
	flex: 1 1 1em;
	-webkit-flex: 1 1 1em;
	overflow: hidden;
	min-height: 500px;
}
.CalendarWrapper #calendarContent.loading {
	visibility: hidden;
}
.CalendarWrapper #calendarSelectedDate .spinner {
	display: none;
}
.CalendarWrapper #calendarSelectedDate.loading .spinner{
	display: inline-block;
}
.CalendarWrapper .content-wrapper .calendar-content .calendar-action {
  padding-bottom: 10px;
  border-bottom: 1px #ccc solid;
  display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .content-wrapper .calendar-content .calendar-action {
    border-bottom: none;
  }
}
.CalendarWrapper .content-wrapper .calendar-content .mini-calendar-sm {
  display: none;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .content-wrapper .calendar-content .mini-calendar-sm {
    display: block;
  }
  .CalendarWrapper .content-wrapper .calendar-content .mini-calendar-sm .navigator table {
    width: 100%;
    table-layout: fixed;
  }
  .CalendarWrapper .content-wrapper .calendar-content .mini-calendar-sm .navigator table td {
    text-align: center;
    padding: 0.5em;
  }
  .CalendarWrapper .content-wrapper .calendar-content .mini-calendar-sm .navigator .selected-weekday {
    background-color: #26bcd6;
    color: #fff;
    padding: 0.75em;
    border-radius: 50%;
  }
  .CalendarWrapper .content-wrapper .calendar-content .mini-calendar-sm .custom-navigator {
    text-align: center;
  }
  .CalendarWrapper .content-wrapper .calendar-content .mini-calendar-sm .custom-navigator .selected-range-label {
    padding-right: 1em;
  }
  .CalendarWrapper .content-wrapper .calendar-content .mini-calendar-sm .custom-navigator .custom-range-wrapper {
    text-align: left;
  }
  .CalendarWrapper .content-wrapper .calendar-content .mini-calendar-sm .custom-navigator .custom-range-wrapper i.fa-calendar-o {
    transform: scale(2, 2);
  }
  .CalendarWrapper .content-wrapper .calendar-content .mini-calendar-sm .week-navigator,
  .CalendarWrapper .content-wrapper .calendar-content .mini-calendar-sm .month-navigator,
  .CalendarWrapper .content-wrapper .calendar-content .mini-calendar-sm .custom-navigator {
    margin-bottom: 1em;
  }
  .CalendarWrapper .content-wrapper .calendar-content .mini-calendar-sm .navigator .selected-range-label {
    font-size: 1.2em;
  }
  .CalendarWrapper .content-wrapper .calendar-content .mini-calendar-sm .date-time-picker {
    right: 0;
  }
}
.CalendarWrapper .content-wrapper .calendar-content .calendar-action.action-bottom {
	/*border-top: 1px #ccc solid;*/
	border-bottom: 0;
	padding-top: 10px;
}
.CalendarWrapper .content-wrapper .calendar-content #calendarContent .calendar-action.no-boder {
	border: 0;
}
.CalendarWrapper .content-wrapper .calendar-content .calendar-action .control-action {
	display: inline-block;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .content-wrapper .calendar-content .calendar-action .control-action {
    display: none;
  }
}
.CalendarWrapper .content-wrapper .calendar-content .calendar-action .control-action button {
    font-size: 12px;
    height: 30px !important;
    font-weight: bold;
}
.CalendarWrapper .content-wrapper .calendar-content .calendar-action .control-action button.btn-today {
	margin-right: 3px;
}
.CalendarWrapper .content-wrapper .calendar-content .calendar-action .control-action > .btn-group button {
    padding: 1px 5px;
}
.CalendarWrapper .content-wrapper .calendar-content .calendar-action .control-action > .btn-group button.fullscreen {
    padding: 1px 10px;
}
.CalendarWrapper .content-wrapper .calendar-content .calendar-action .control-action > .btn-group button > i {
    color: #7E7E7E;
    font-weight: bold;
}
.CalendarWrapper .content-wrapper .calendar-content .calendar-action .selected-date {
	padding: 0 4px;
	font-size: 18px;
	flex: 1 1 1em;
	-webkit-flex: 1 1 1em;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .content-wrapper .calendar-content .calendar-action .selected-date {
    display: none;
  }
}
.CalendarWrapper .calendar-notes {
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
  width: 100%;
}
.CalendarWrapper .calendar-notes .notes-content{
	flex: 1 1 1em;
	-webkit-flex: 1 1 1em;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	overflow: auto;
  padding: 10px;
}
.CalendarWrapper .calendar-notes .header-sm {
  display: none;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .calendar-notes {
    margin-top: 5px !important;
    margin-bottom: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .CalendarWrapper .calendar-notes .notes-content,
  .CalendarWrapper .calendar-notes .new-calendar-item {
    display: none;
  }
  .CalendarWrapper .calendar-notes .header-sm {
    display: block;
  }
  .CalendarWrapper .calendar-notes .header-sm .title {
    font-size: 1.5em;
    padding-left: 0.6em;
  }
  .CalendarWrapper .calendar-notes .header-sm .help-link {
    padding-right: 1em;
  }
  .CalendarWrapper .calendar-notes .header-sm .help-link a {
    text-align: center;
  }
  .CalendarWrapper .calendar-notes .header-sm .help-link a i {
    font-size: 2em;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    color: #fff;
    background-color: #F03814;
  }
  .CalendarWrapper .calendar-notes .header-sm .spinner {
    margin-right: 1em;
    display: none;
  }
  .CalendarWrapper .calendar-notes .header-sm .spinner.loading {
    display: block;
  }
  .CalendarWrapper .calendar-notes .header-sm .spinner i {
    font-size: 2em;
  }
}
.CalendarWrapper .calendar-notes .notes-content .notes{
	flex: 1 1 1em;
	-webkit-flex: 1 1 1em;
	min-height: 34px;
	psdding-right: 5px;
	/*white-space: pre-line;*/
}
.CalendarWrapper .calendar-notes .notes-content .notes-action{
	margin-right: 5px;
}
.CalendarWrapper .new-calendar-item .help-link {
	display: inline-block;
	font-size: 14px;
	margin-right: 5px;
}
.CalendarWrapper .new-calendar-item > .btn {
  margin: 0px 3px;
}

.CalendarWrapper .new-calendar-item .action-button-wrapper {
	display: inline-block;
}
.CalendarWrapper .content-wrapper .calendar-content .calendar-action .selected-date > div{
	display: inline-block;
    padding: 4px 0 0 0;
}
.CalendarWrapper .custom-range-wrapper {
	display: inline-block;
    position: relative;
    color: #000;
}
.CalendarWrapper .custom-range-wrapper > button {
    font-size: 12px;
    height: 30px !important;
    font-weight: bold;
}
.CalendarWrapper .custom-range-wrapper .custom-range {
    position: absolute;
    top: 24px;
    left: -162px;
    width: 340px;
    border: 1px #d3d3d3 solid;
    background: #fff;
    z-index: 1;
    display: none;
    line-height: normal;
}
.CalendarWrapper .custom-range-wrapper .custom-range:after,
.CalendarWrapper .custom-range-wrapper .custom-range:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.CalendarWrapper .custom-range-wrapper .custom-range:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 7px;
	margin-left: -7px;
}
.CalendarWrapper .custom-range-wrapper .custom-range:before {
	border-color: rgba(211, 211, 211, 0);
	border-bottom-color: #d3d3d3;
	border-width: 8px;
	margin-left: -8px;
}
.CalendarWrapper .custom-range-wrapper .custom-range .range-header {
    padding: 10px 15px;
    font-size: 20px;
}
.CalendarWrapper .custom-range-wrapper .custom-range .range-content {
    font-size: 12px;
    padding: 0;
    display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.CalendarWrapper .custom-range-wrapper .custom-range .range-content .select-option {
    border-right: 1px #d3d3d3 solid;
    padding: 0;
    width: 150px;
}
.CalendarWrapper .custom-range-wrapper .custom-range .range-content .select-custom-range {
	flex: 1 1 1em;
	-webkit-flex: 1 1 1em;
    padding: 0 10px;
}
.CalendarWrapper .custom-range-wrapper .custom-range .range-content .select-option ul {
    margin: 0;
    padding: 0;
}
.CalendarWrapper .custom-range-wrapper .custom-range .range-content .select-option ul li {
    list-style: none;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
}
.CalendarWrapper .custom-range-wrapper .custom-range .range-content .select-option ul li.active {
    background: #5CA7E0;
}
.CalendarWrapper .custom-range-wrapper .custom-range .range-content label {
	margin: 0;
	font-size: 12px;
    font-weight: normal;
    color: #000;
}
.CalendarWrapper .custom-range-wrapper .custom-range .range-content label input {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 2px;
}
.CalendarWrapper .custom-range-wrapper .custom-range .range-content .select-custom-range .form-group {
	margin-top: 5px;
}
.CalendarWrapper .custom-range-wrapper .custom-range .range-content .select-custom-range .form-group > label{
	margin-bottom: 4px;
}
.CalendarWrapper .custom-range-wrapper .custom-range .range-footer {
    padding: 10px;
}
/* DATE TIME PICKER CSS */
.date-time-picker-wrapper,
.date-time-picker-wrapper .calendar-input-group,
.time-choosen-wrapper .calendar-input-group{
	position: relative;
}
.date-time-picker-wrapper .calendar-input-group input,
.time-choosen-wrapper .calendar-input-group input{
	padding-right: 36px;
}
.date-time-picker-wrapper .calendar-input-group input[readonly],
.time-choosen-wrapper .calendar-input-group input[readonly]{
	background: #fff;
	cursor: pointer;
}
.date-time-picker-wrapper .calendar-input-group i,
.time-choosen-wrapper .calendar-input-group i{
	position: absolute;
    width: 34px;
    height: 34px;
    z-index: 8;
    top: 0;
    right: 0;
    line-height: 34px;
    margin: 0;
    padding: 0;
    background: inherit;
    border: 0;
    color: #5ca7df;
    text-align: center;
    cursor: pointer;
}
.date-time-picker-wrapper .calendar {
	cursor: pointer;
}
.date-time-picker,
.time-choosen-wrapper .time-dialog {
	border: 1px #d8d8d8 solid;
	padding: 2px;
	display: none;
	position: absolute;
  z-index: 10;
  background: #fff;
  min-width: 217px;
  margin-top: 1px;
  border-radius: 4px;
}
.action-bottom .date-time-picker {
	bottom: 34px;
}
.time-choosen-wrapper .time-dialog {
	min-width: 150px;
	text-align: center;
	padding: 10px;
}
.date-time-picker.time-picker {
	width: 440px;
	margin-top: 1px;
	border-radius: 4px;
}
.date-time-picker.time-picker.time-only {
	width: calc(100% - 9px);
	max-width: 330px;
}
.date-time-picker.time-picker.time-only .date-wrapper {
	display: none;
}
.date-time-picker .date-wrapper {
	float: left;
}
.date-time-picker .time-wrapper {
	margin-left: 280px;
	width: 160px;
	height: 242px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	position: relative;
}
.date-time-picker .time-wrapper > div{
	font-weight: bold;
}
.date-time-picker .time-wrapper .action {
	position: absolute;
	bottom: 0;
	right: 5px;
}
.time-choosen-wrapper .time-wrapper .action {
	margin-top: 10px;
}
.date-time-picker.time-picker.time-only .time-wrapper .action {
	width: 100%;
}
.date-time-picker .time-wrapper input,
.time-choosen-wrapper .time-wrapper input {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	width: 30px;
	border-radius: 4px;
	line-height: 25px;
	border: 1px #d3d3d3 solid;
	height: 25px;
}
.date-time-picker .time-wrapper input:focus,
.time-choosen-wrapper .time-wrapper input:focus {
	border-color: #66afe9;
	outline: none;
}
.date-time-picker .time-wrapper select,
.time-choosen-wrapper .time-wrapper select {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	width: 50px;
	border: 1px #d3d3d3 solid;
	border-radius: 4px;
	height: 25px;
	line-height: 25px;
    background: none;
}
.date-time-picker .time-wrapper select:focus,
.time-choosen-wrapper .time-wrapper select:focus{
	outline: none;
	border-color: #66afe9;
}
.date-time-picker .multi-select {
	margin-top: 5px;
    text-align: center;
}
.date-time-picker .so-calendar-datepicker {
	padding: 0;
}
.date-time-picker .so-calendar-datepicker table {
	table-layout: fixed;
}
.date-time-picker .so-calendar-datepicker table,
.date-time-picker .so-calendar-datepicker table th,
.date-time-picker .so-calendar-datepicker table td {
	border: 1px #ddd solid;
    vertical-align: middle;
    text-align: center !important;
    vertical-align: middle;
}
.date-time-picker .so-calendar-datepicker table td {
	width: 30px;
	height: 28px;
	padding: 0;
}
.date-time-picker .so-calendar-datepicker table td span {
    width: 100%;
    height: auto;
    line-height: normal;
    display: inline-block;
    float: none;
}
.date-time-picker .so-calendar-datepicker table tr.selected-date {
    background-color: #5CA7E0;
    color: #FFF;
    text-transform: uppercase;
    height: 30px;
    text-align: center;
}
.date-time-picker .so-calendar-datepicker table tr.selected-date th {
    border: 0;
    border-radius: 0;
    line-height: normal;
    padding: 0;
}
.date-time-picker .so-calendar-datepicker table tr th:hover{
	background: inherit;
	cursor: default;
}
.date-time-picker .so-calendar-datepicker table tr.selected-date th.navigator-bar a {
	color: #fff;
}
.date-time-picker .so-calendar-datepicker table tr.selected-date th.navigator-bar:hover {
    background: #3591d3;
    cursor: pointer;
}
.date-time-picker .so-calendar-datepicker table tr.day-of-week th {
	background: #ddd;
    color: #7e7e7e;
    font-weight: normal;
    border-radius: 0;
    cursor: default;
	height: 22px;
	font-size: 11px;
}
.date-time-picker .so-calendar-datepicker table td.not-select {
    color: #999999 !important;
    cursor: default;
    background: #f9f9f9;
}

.CalendarWrapper .content-wrapper .calendar-content .calendar-action .view-type-action-wrapper {
	text-align: right;
}
.CalendarWrapper .content-wrapper .calendar-content .calendar-action .view-type-action-wrapper button {
	height: 30px;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 10px;
}
.CalendarWrapper .content-wrapper .calendar-content .calendar-action .view-type-action-wrapper button.btn-today {
  display: none;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .content-wrapper .calendar-content .calendar-action .view-type-action-wrapper .view-type-action {
    width: 100%;
    background-color: #ddd;
  }
  .CalendarWrapper .content-wrapper .calendar-content .calendar-action .view-type-action-wrapper button {
    border-radius: 0;
    border: none;
    height: 100%;
    padding: 1em 1.2em;
    margin-right: 1px;
  }
  .CalendarWrapper .content-wrapper .calendar-content .calendar-action .view-type-action-wrapper button.btn-default {
    border-right: 1px solid #ccc;
  }
  .CalendarWrapper .content-wrapper .calendar-content .calendar-action .view-type-action-wrapper button.btn-today {
    display: inline;
    float: right;
    border-left: 1px solid #ccc;
    border-right: none;
  }
}
.CalendarWrapper .content-wrapper .fullscreen .calendar-content .calendar-action .view-type-action-wrapper button {
	padding: 6px 12px;
}
.CalendarWrapper .calendar-content .fullscreen-wrapper {
	height: 40px;
	line-height: 40px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .calendar-content .fullscreen-wrapper {
    display: none;
  }
}
.CalendarWrapper .calendar-content .fullscreen-wrapper .touch-pad-event {
	text-align: center;
	flex: 1 1 1em;
	-webkit-flex: 1 1 1em;
}
.CalendarWrapper .calendar-content .fullscreen-wrapper .touch-pad-event span {
	font-size: 1.2em;
	display: inline-block;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
}

.CalendarWrapper .calendar-content .fullscreen-wrapper .total-event{
	text-align: right;
	font-size: 2em;
    font-weight: bold;
}
.CalendarWrapper .calendar-content .fullscreen-wrapper .total-event > span > small{
	font-size: 0.5em;
    text-transform: uppercase;
    color: #949494;
}
/*MINI CALENDAR CSS*/
.CalendarWrapper .mini-calendar .datepicker {
	padding: 0;
}
.CalendarWrapper .mini-calendar .datepicker table{
	width: 100%;
	table-layout: fixed;
	min-width: 156px;
}
.CalendarWrapper .mini-calendar .datepicker table,
.CalendarWrapper .mini-calendar .datepicker table th,
.CalendarWrapper .mini-calendar .datepicker table td {
    border: 1px #ddd solid;
    vertical-align: middle;
    text-align: center !important;
    padding: 0;
    font-size: 9px;
}
.CalendarWrapper .mini-calendar .datepicker table td span{
	width: 100%;
	height: auto;
	line-height: normal;
}
.CalendarWrapper .mini-calendar .datepicker table th,
.CalendarWrapper .mini-calendar .datepicker table td {
	width: 22px;
	height: 22px;
	vertical-align: middle;
}
.CalendarWrapper .mini-calendar .datepicker table th.switch {
	width: 88px;
}
.CalendarWrapper .mini-calendar.fullscreen .datepicker table,
.CalendarWrapper .mini-calendar.fullscreen .datepicker table th,
.CalendarWrapper .mini-calendar.fullscreen .datepicker table td {
    font-size: 11px;
}
.CalendarWrapper .mini-calendar.fullscreen .datepicker table th,
.CalendarWrapper .mini-calendar.fullscreen .datepicker table td {
	width: 30px;
    height: 28px;
    vertical-align: middle;
}
.CalendarWrapper .mini-calendar.fullscreen .datepicker table th.switch {
	width: 120px;
}
.CalendarWrapper .mini-calendar .datepicker table tr.selected-date {
    background-color: #5CA7E0;
    color: #FFF;
    text-transform: uppercase;
    height: 22px;
    float: none;
}
.CalendarWrapper .mini-calendar.fullscreen .datepicker table tr.selected-date {
	height: 30px;
}
.CalendarWrapper .mini-calendar .datepicker table tr.selected-date th {
    border: 0;
    border-radius: 0;
    line-height: normal;
}
.CalendarWrapper .mini-calendar .datepicker table tr.selected-date th.toggle-calendar {
    background: #3591d3;
}
.CalendarWrapper .mini-calendar .datepicker table tr.selected-date th a {
    color: #FFF;
    font-size: 10px;
    font-weight: bold;
}
.date-time-picker .so-calendar-datepicker table tr td.is-selected {
    color: #fff;
    background: #ef3914;
    text-shadow: none;
    border-left-style: double;
    border-top-style: double;
    font-weight: bold;
}
.CalendarWrapper .mini-calendar.fullscreen .datepicker table tr.selected-date th a {
    font-size: 14px;
}
.CalendarWrapper .mini-calendar .datepicker table tr.selected-date th.toggle-calendar a {
    font-size: 16px;
    font-weight: bold;
}
.CalendarWrapper .mini-calendar .datepicker table tr.selected-date th:hover {
    background-color: #5CA7E0;
    cursor: default;
}
.CalendarWrapper .mini-calendar .datepicker table tr.selected-date th.navigator-bar:hover {
    background: #3591d3;
    cursor: pointer;
}
.CalendarWrapper .mini-calendar .datepicker table tr.selected-date th.calendar-title {
    padding-left: 5px;
    text-align: left !important;
}
.CalendarWrapper .mini-calendar .datepicker table tr.day-of-week th {
    background: #ddd;
    color: #7e7e7e;
    font-weight: normal;
    border-radius: 0;
    cursor: default;
    height: 15px;
}
.CalendarWrapper .fullscreen .datepicker table tr.day-of-week th {
	height: 22px;
}
.CalendarWrapper .datepicker table td.now,
.date-time-picker .so-calendar-datepicker table td.now {
    color: #3DAD00;
    background: none;
    text-shadow: none;
}
.CalendarWrapper .datepicker table td.active,
.date-time-picker .so-calendar-datepicker table td.active {
    color: #F03718;
    background: none;
    text-shadow: none;
    border: 1px #F03718 solid;
    border-left-style: double;
    border-top-style: double;
}
.CalendarWrapper .datepicker table td.is-in-range,
.date-time-picker .so-calendar-datepicker table td.is-in-range {
    background: #F4F4F4;
}
/*DAY VIEW CSS START*/
.CalendarWrapper .day-view table {
	width: 100%;
	table-layout: fixed;
  border-collapse: collapse;
  border: 1px #ddd solid;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .day-view table {
    border: none;
  }
}
.CalendarWrapper .day-view table tr td {
    vertical-align: middle;
    padding: 0 !important;
    cursor: default;
    border: 1px solid #ddd;
    line-height: normal !important;
}
.CalendarWrapper .day-view tr td.event-start {
  font-weight: bold;
  width: 90px;
  padding-left: 10px !important;
  padding-right: 10px !important;
  text-align: left;
  vertical-align: top;
  padding-top: 12px !important;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .day-view tr td.event-start {
    border-left: none;
  }
  .CalendarWrapper .day-view tr td.event-start + td {
    border-right: none;
  }
}
.CalendarWrapper .day-view tr td.event-start button {
	display: none;
	padding: 1px 0;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
.CalendarWrapper .day-view tr td.event-start:hover button {
	display: block;
}
.CalendarWrapper .day-view tr td.event-start button i{
	display: block;
}
.CalendarWrapper .day-view .event-item .action-wrapper > :first-child,
.CalendarWrapper .list-view .event-item .action-wrapper > :first-child {
	padding-right: 8px;
}
.CalendarWrapper .day-view .event-item .action-wrapper .event-action,
.CalendarWrapper .list-view .event-item .action-wrapper .event-action {
	padding-right: 4px;
}
.CalendarWrapper .day-view .event-item .action-wrapper .event-action button {
	padding: 0 6px;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .day-view .event-item .action-wrapper .event-action button {
    display: none;
  }
}
.CalendarWrapper .day-view .event-item:first-child {
    border: 0;
}
.CalendarWrapper .day-view .event-item {
    border-top: 1px #ddd solid;
    border-top-style: dashed;
    font-size: 1em;
    position: relative;
}
.CalendarWrapper .day-view .event-item .event-content-wrapper {
    position: relative;
    overflow: hidden;
    padding: 8px 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.CalendarWrapper .day-view .event-item .event-content-wrapper .title-wrapper,
.CalendarWrapper .day-view table tr.allday-wrapper .title-wrapper,
.CalendarWrapper .month-view .title-wrapper {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.CalendarWrapper .day-view .event-item .event-content-wrapper .title-wrapper {
	padding: 4px 0;
	width: 100%;
}
.CalendarWrapper .day-view .event-item .event-content-wrapper .title-wrapper .title,
.CalendarWrapper .day-view table tr.allday-wrapper .title-wrapper .title {
   font-weight: bold;
   font-size: 1.1em;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   padding-right: 5px;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .day-view .event-item .event-content-wrapper .title-wrapper .title {
    max-width: 65%;
  }
}
.CalendarWrapper .day-view .event-item .event-content-wrapper .title-wrapper .title > span {
	color: #000;
}
.CalendarWrapper .day-view table tr.allday-wrapper .title-wrapper .title{
	font-weight: normal;
}
.CalendarWrapper .day-view .event-item .event-content-wrapper .title-wrapper .touchpad-icon-wrapper {
	width: 32px;
    display: inline-block;
    overflow: hidden;
}
.CalendarWrapper .day-view table tr.allday-wrapper .touchpad-icon-wrapper,
.CalendarWrapper .week-view table tr.allday-wrapper .touchpad-icon-wrapper,
.CalendarWrapper .month-view table tr.allday-event-wrapper .touchpad-icon-wrapper {
	width: 22px;
  display: inline-block;
  overflow: hidden;
  padding-top: 2px;
}
.CalendarWrapper .day-view .event-item .event-content-wrapper .title-wrapper .touchpad-icon-wrapper img,
.CalendarWrapper .day-view table tr.allday-wrapper .touchpad-icon-wrapper img,
.CalendarWrapper .month-view .title-wrapper .touchpad-icon {
	width: 18px;
}
.CalendarWrapper .day-view table tr.allday-wrapper td .event-item,
.CalendarWrapper .week-view table tr.allday-event-wrapper td .event-item {
	margin: 1px 1px 1px 0;
	padding: 0 5px;
	height: 20px;
	line-height: 20px;
	page-break-inside: avoid;
	border-width: 1px;
	border-style: solid;
	display: block;
}
.CalendarWrapper .day-view table tr td .event-wrapper .allday-event-content-wrapper {
    position: relative;
}
.CalendarWrapper .day-view table tr.allday-wrapper td.allday-action {
    vertical-align: top;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .day-view table tr.allday-wrapper td.allday-action {
    border-left: none;
  }
  .CalendarWrapper .day-view table tr.allday-wrapper td:last-child {
    border-right: none;
  }
}
.CalendarWrapper .day-view table tr.allday-wrapper td.allday-action > div {
	padding-left: 10px;
	padding-top: 4px;
}
.CalendarWrapper .day-view table tr.allday-wrapper td > div > a {
    color: #000;
}
.CalendarWrapper .day-view table tr td .allday-event-wrapper .total-event-detail .event-item {
    border: 0;
    background: #EEEEEE;
    color: #F05036;
    font-weight: bold;
    text-align: left;
}
.CalendarWrapper .day-view table tr td .allday-event-wrapper .event-item.create-event {
    border: 0;
    cursor: pointer;
    padding: 4px;
    line-height: normal;
    background: transparent;
    color: transparent;
    margin: 1px;
}
.CalendarWrapper .day-view table tr td .allday-event-wrapper .event-item.create-event:hover {
    background: #eee;
    color: #84c55f;
}
.CalendarWrapper .day-view .event-item:hover {
	cursor: pointer;
}
.CalendarWrapper .day-view .event-item .title-wrapper .title.no-workout:after,
.CalendarWrapper .week-view .event-item .title.no-workout:after,
.CalendarWrapper .list-view .event-item .title .no-workout:after {
  content: "";
  width: 9px;
  height: 9px;
  background-color: #FF9E01;
  display: inline-block;
  border-radius: 50%;
  margin-left: 5px;
}
.CalendarWrapper .day-view .event-item .title-wrapper .no-workout,
.CalendarWrapper .list-view .event-item .item-info .no-workout {
  width: 9px;
  height: 9px;
  background-color: #FF9E01;
  border-radius: 50%;
  padding: 0;
  margin: 0.2em 0 0 0 !important;
}
.CalendarWrapper .list-view .event-item .item-info .no-workout {
  margin-bottom: 0.5em !important;
  margin-left: 0.5em !important;
}
.PrintCalendarPreview.black-white .CalendarWrapper .week-view .event-item .title.no-workout:after {
	display: none;
}
.CalendarWrapper .day-view .event-item .title-wrapper .title.has-test-set:after,
.CalendarWrapper .week-view .event-item .title.has-test-set:after,
.CalendarWrapper .list-view .event-item .title .has-test-set:after {
   content: "";
   width: 9px;
   height: 9px;
   background-color: #ef3914;
   display: inline-block;
   border-radius: 50%;
   margin-left: 0.5em;
}
.CalendarWrapper .day-view .event-item .title-wrapper .has-test-set,
.CalendarWrapper .list-view .event-item .item-info .has-test-set {
  width: 9px;
  height: 9px;
  background-color: #ef3914;
  border-radius: 50%;
  padding: 0;
  margin: 0 !important;
}
.CalendarWrapper .list-view .event-item .item-info .has-test-set {
  margin-left: 0.5em !important;
}
.PrintCalendarPreview.black-white .CalendarWrapper .week-view .event-item .title.has-test-set:after {
	display: none;
}
.CalendarWrapper .day-view .event-item .event-content-wrapper .event-action {
    position: absolute;
    top: 4px;
    right: 4px;
    text-align: right;
    display: none;
}
.CalendarWrapper .day-view .event-item:not(.active) .event-content-wrapper:hover .event-action {
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .day-view .event-item .event-content-wrapper .event-action {
    display: inline-block;
  }
}
.CalendarWrapper .day-view .event-item .event-content-wrapper .event-action .btn-delete {
	margin-left: 10px;
	color: #F1543B !important;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .day-view .event-item .event-content-wrapper .event-action .btn-delete {
    margin-left: 0;
  }
}
.CalendarWrapper .day-view .event-item .event-content-wrapper .event-action .btn-information {
	color: #5bc0de !important;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .day-view .event-item .event-content-wrapper .event-action button {
    border: none;
    background-color: transparent;
  }
  .CalendarWrapper .day-view .event-item .event-content-wrapper .event-action button i {
    font-size: 1.6em;
  }
  .CalendarWrapper .day-view .event-item .event-content-wrapper .event-action button span {
    display: none;
  }
}

/*DAY VIEW CSS END*/

.CalendarWrapper .week-view table {
	width: 99%;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .week-view table {
    width: 100%;
  }
  .CalendarWrapper .week-view .allday-event-toggle {
    display: none;
  }
}
.CalendarWrapper .week-view table tr td {
  vertical-align: top;
}
.CalendarWrapper .week-view tr.allday-event-wrapper td {
	border-bottom-style: hidden !important;
}
.CalendarWrapper .week-view tr.day-names .day.now {
	color: #F03814;
}
.CalendarWrapper .week-view tr.day-names,
.CalendarWrapper .week-view tr.day-names td {
  border-top-style: hidden;
  border-left-style: hidden;
  border-right-style: hidden;
}
.CalendarWrapper .week-view .header-sm {
  display: none;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .week-view .header-sm {
    display: block;
    background-color: #eee;
    font-weight: bold;
    padding: 0.5em 1em;
  }
  .CalendarWrapper .week-view .header-sm .event-type {
    text-transform: uppercase;
    color: #7E7E7E;
  }
}
.CalendarWrapper .week-view tr.days-of-week td {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .week-view tr.days-of-week td:first-child {
    border-left: none;
  }
  .CalendarWrapper .week-view tr.days-of-week td:last-child {
    border-right: none;
  }
}
.CalendarWrapper .week-view tr.days-of-week td button.add-new {
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 99;
  padding: 4px 6px;
  display: none;
}
.CalendarWrapper .week-view tr.days-of-week td button.add-new .fa-plus-circle {
  color: #84c55f;
  font-size: 18px;
}
.PrintCalendarPreview .CalendarWrapper .week-view a {
	display: none;
}
.CalendarWrapper .week-view a.small-button {
	font-size: 12px !important;
	padding: 0 0.5em !important;
}
.CalendarWrapper .week-view a.small-button.collapsed {
	border: 1px #ccc solid !important;
  background-color: #ddd !important;
}
.CalendarWrapper .week-view .day-names .day {
	padding: 6px 2px;
	text-align: center;
}
.CalendarWrapper .week-view .event-content-wrapper .event-item {
  border: none;
}
.CalendarWrapper .week-view .event-content-wrapper .event-item .no-bottom-border {
	border-bottom: none;
}
.CalendarWrapper .week-view .event-content-wrapper .event-item .time,
.CalendarWrapper .week-view .event-content-wrapper .event-item .title {
	padding: 8px 4px;
	border-bottom: 1px #ddd dashed;
	font-weight: bold;
}
.CalendarWrapper .week-view .event-content-wrapper .event-item .title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .week-view .event-content-wrapper .event-item .title {
    text-overflow: clip;
  }
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .week-view .event-content-wrapper .event-item .time,
  .CalendarWrapper .week-view .event-content-wrapper .event-item .title {
    text-overflow: clip;
  }
}
.PrintCalendarPreview.black-white .CalendarWrapper .week-view .event-content-wrapper .event-item .title {
	color: #000 !important;
}
.CalendarWrapper .week-view .event-content-wrapper .event-item .time {
	color: #333;
	background-color: #ddd;
	border: none;
	font-weight: bold;
}
.CalendarWrapper .week-view .event-content-wrapper .event-item .time .touchpad-icon {
	height: 15px;
	margin-top: -4px;
	margin-bottom: -2px;
}
.CalendarWrapper .week-view .event-content-wrapper .event-item .hidden-border-bottom {
	border-bottom: 1px #ddd solid;
}
.CalendarWrapper .week-view .allday-wrapper.summary .allday-event-summary .event-item {
	border: none;
	color: #F03814;
  background-color: #ddd;
}
/*.CalendarWrapper .day-view table tr td .event-wrapper .event-content-wrapper .event-item .time .touchpad-icon,*/
.CalendarWrapper .month-view .month-row > table.grid-table tr td .event-wrapper .event-item .title .touchpad-icon,
.CalendarWrapper .day-view table tr.allday-wrapper td .event-wrapper .title .touchpad-icon,
.CalendarWrapper .month-view #viewAllEventOfDate .content-detail .event-item .title-wrapper .touchpad-icon,
.CalendarWrapper .list-view .event-item .title .touchpad-icon {
	width: 22px;
}
.CalendarWrapper .list-view .event-item .title .touchpad-icon-side {
	width: 70px;
}
.EventDetailWrapper.swim-meet-info img.touchpad-icon-side {
    width: 100px;
    float: right;
    margin-top: -10px;
}
.CalendarWrapper .calendar-content .fullscreen-wrapper .touch-pad-event img {
	width: 150px;
}
.CalendarWrapper .list-view .event-content .time-wrapper .event-item .EventDetailWrapper .show-detail-info {
	display: none;
}
.CalendarWrapper .list-view .day-wrapper .day-summary {
	padding: 4px 0;
	border-top: 1px #DFDFDF solid;
	background: #EEEEEE;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .list-view .day-wrapper .day-summary .add-event-wrapper {
    display: none;
  }
}
.CalendarWrapper .list-view {
	position: relative;
	min-height: 340px;
}
.CalendarWrapper .list-view .day-wrapper .collapse-icon {
	width: 22px;
	padding: 1px 5px 0 10px;
}
.CalendarWrapper .list-view .day-wrapper .date-view {
  width: 130px;
  color: #000;
  font-weight: bold;
}
.CalendarWrapper .list-view .day-wrapper.active .date-view {
    color: #5CA7DE;
}

.CalendarWrapper .list-view .day-wrapper.active .collapse-icon .fa-caret-right,
.CalendarWrapper .list-view .day-wrapper .collapse-icon .fa-caret-down {
	display: none;
}
.CalendarWrapper .list-view .day-wrapper.active .collapse-icon .fa-caret-down,
.CalendarWrapper .list-view .day-wrapper .collapse-icon .fa-caret-right {
	display: inline-block;
}
.CalendarWrapper .list-view .day-wrapper.active .event-content-wrapper .date-icon {
	display: inline-block;
	width: 100%;
}
.CalendarWrapper .list-view .day-wrapper .event-content-wrapper {
	display: none;
}
.CalendarWrapper .list-view .day-wrapper .event-count {
	flex: 1 1 1em;
	-webkit-flex: 1 1 1em;
	padding-left: 10px;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .list-view .day-wrapper .event-count {
    text-align: right;
    padding-right: 10px;
  }
}
.CalendarWrapper .list-view .day-wrapper .event-count span {
	color: #ef3914;
}
.CalendarWrapper .list-view .day-wrapper .add-event-wrapper button {
    text-align: center;
    color: #84c55f !important;
    margin-right: 5px;
    border: 0;
    border-radius: 0;
    padding: 1px 5px;
    background: #eee;
}
.CalendarWrapper .list-view .day-wrapper .add-event-wrapper button:hover {
    background: #ddd
}
.CalendarWrapper .list-view .day-wrapper .add-event-wrapper .dropdown.open .tooltip {
	display: none !important;
}
.CalendarWrapper .list-view .day-wrapper .add-event-wrapper .tooltip {
	min-width: 110px;
	width: 110px;
}
.CalendarWrapper .list-view .day-wrapper .add-event-wrapper .tooltip .tooltip-inner {
	background: #454545;
	color: #fff;
	padding: 6px 0;
}
.CalendarWrapper .list-view .day-wrapper .add-event-wrapper .tooltip.left .tooltip-arrow {
	border-left-color: #454545;
}
.CalendarWrapper .list-view .day-wrapper.active .event-content-wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.CalendarWrapper .list-view .day-wrapper .event-content-wrapper .print-date {
	display: none;
}
.CalendarWrapper .list-view .day-wrapper .event-content-wrapper .date-icon > .calendar-date {
	border: 1px #5CA7DE solid;
	background: #F7F7F7;
}
.CalendarWrapper .list-view .day-wrapper .event-content-wrapper .date-icon > .calendar-date .month {
	padding: 3px 0;
	background: #5CA7DE;
	color: #fff;
	font-weight: bold;
	text-transform: capitalize;
	text-align: center;
}
.CalendarWrapper .list-view .day-wrapper .event-content-wrapper .date-icon > .calendar-date .date {
	color: #EE3715;
  font-weight: bold;
  text-align: center;
  font-size: 1.8em;
  padding: 5px 0;
}
.CalendarWrapper .list-view .day-wrapper .event-content-wrapper .date-icon > .calendar-date .year {
	font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.2em;
  padding-bottom: 4px;
}
.CalendarWrapper .list-view .day-wrapper .event-content-wrapper .event-content {
	flex: 1 1 1em;
	-webkit-flex: 1 1 1em;
	overflow: hidden;
}
.CalendarWrapper .list-view .day-wrapper .event-content-wrapper .event-content .all-day-event,
.CalendarWrapper .list-view .day-wrapper .event-content-wrapper .event-content .single-event .time-wrapper {
	flex: 1 1 1em;
	-webkit-flex: 1 1 1em;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.CalendarWrapper .list-view .day-wrapper .event-content-wrapper .event-content .single-event {
	border-top: 1px #DFDFDF solid;
}
.CalendarWrapper .list-view .day-wrapper .event-content-wrapper .event-content .single-event .time-wrapper {
	border-top: 1px #DFDFDF solid;
}
.CalendarWrapper .list-view .day-wrapper .event-content-wrapper .event-content .single-event .time-wrapper:first-child {
	border: 0;
}
.CalendarWrapper .list-view .day-wrapper .event-content-wrapper .event-content .time-info {
	padding: 0.8em 1em 0 0;
	text-align: right;
	width: 80px;
	position: relative;
}
.CalendarWrapper .list-view .day-wrapper .event-content-wrapper .event-content .time-info button {
    display: none;
    padding: 1px 0;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}
.CalendarWrapper .list-view .day-wrapper .event-content-wrapper .event-content .time-info button i {
	display: block;
}
.CalendarWrapper .list-view .day-wrapper .event-content-wrapper .event-content .time-info:hover button,
.CalendarWrapper .list-view .day-wrapper .event-content-wrapper .event-content .time-info.open button {
	display: block;
}

.CalendarWrapper .list-view .day-wrapper .event-content-wrapper .event-content .event-info {
	flex: 1 1 1em;
	-webkit-flex: 1 1 1em;
	border-left: 1px #DFDFDF solid;
	overflow: hidden;
}

.CalendarWrapper .list-view .day-wrapper .event-content-wrapper .event-content .event-wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	border-bottom: 1px #DFDFDF dotted;
}
.CalendarWrapper .list-view .day-wrapper .event-content-wrapper .event-content .event-wrapper:last-child {
	border-bottom: none;
}
.CalendarWrapper .list-view .day-wrapper .event-content-wrapper .event-content .event-wrapper .time-info{
    width: 130px;
    font-weight: bold;
    padding-top: 10px;
}
.CalendarWrapper .list-view .day-wrapper .event-content-wrapper .event-content .event-wrapper .time-info .hour{
    text-transform: lowercase;
}
.CalendarWrapper .list-view .day-wrapper .event-content-wrapper .event-content .event-wrapper .event-item{
	flex: 1 1 1em;
	-webkit-flex: 1 1 1em;
	overflow: hidden;
	cursor: pointer;
	min-height: 40px;
	line-height: 40px;
	overflow: hidden;
	position: relative;
}
.CalendarWrapper .list-view .day-wrapper .event-content-wrapper .event-content .time-wrapper .event-info .event-item{

}
.CalendarWrapper .list-view .day-wrapper .event-content-wrapper .event-content .time-wrapper .event-info .event-item:last-child{
	border: 0;
}
.CalendarWrapper .list-view .event-item .item-info {
	padding: 0 5px;
  display: -ms-flexbox;
  display: -webkit-flex;
	display: flex;
	align-items: center;
}
.CalendarWrapper .list-view .event-item .item-info.touchpad-event .touchpad-icon-side {
	display: none;
}
.CalendarWrapper .list-view .event-item.active .item-info.touchpad-event .touchpad-icon-side {
	display: inline-block;
}
.CalendarWrapper .list-view .event-item.active .item-info.touchpad-event .touchpad-icon {
	display: none;
}
.CalendarWrapper .list-view .event-item .item-info .action-wrapper {
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    background: inherit;
    display: none;
}
.CalendarWrapper .action-wrapper > div {
	padding: 8px 0;
	line-height: normal;
}
.CalendarWrapper .list-view .event-item:not(.active):hover .item-info .action-wrapper {
    display: inline-block;
}
.CalendarWrapper .action-wrapper .event-action button,
.event-popover .action-wrapper .event-action button {
	padding: 0 8px;
	height: 24px;
	line-height: 24px;
	margin-right: 2px;
}
.CalendarWrapper .action-wrapper .event-action button > span {
	/* display: none; */
}
.CalendarWrapper .fullscreen .action-wrapper .event-action button > span {
	display: inline-block;
	padding-left: 3px;
}
.CalendarWrapper .fullscreen .action-wrapper .event-action button.btn-primary > span {
	display: inline-block;
	padding-left: 0;
	padding-right: 3px;
}

.CalendarWrapper .action-wrapper .event-action button.btn-delete,
.event-popover .action-wrapper .event-action button.btn-delete {
	color: #d9534f !important;
}
.TeamEventLister .team-event button.btn-delete,
.CalendarWrapper .action-wrapper .event-action button.btn-delete,
.event-popover .action-wrapper .event-action button.btn-delete.highlight {
	color: #F1543B !important;
  background-color: #FFDFE0 !important;
}

.CalendarWrapper .action-wrapper .event-action button.btn-infomation,
.event-popover .action-wrapper .event-action button.btn-infomation,
.CalendarModal .EventDetailPanel .title-wrapper .action button.btn-infomation {
	color: #5bc0de !important;
}

.CalendarWrapper .action-wrapper .event-action button.btn-test-success,
.event-popover .action-wrapper .event-action button.btn-test-success {
	color: #84c55f !important;
	background-color: #DDF0D0 !important;
}
.TeamEventLister .team-event button.btn-test-success,
.CalendarWrapper .action-wrapper .event-action button.btn-test-success,
.event-popover .action-wrapper .event-action button.btn-test-success.highlight {
  color: #7EBC5C !important;
	background-color: #DDF0D0 !important;
}
.CalendarWrapper .action-wrapper .event-action button.btn-standard,
.event-popover .action-wrapper .event-action button.btn-standard,
.CalendarModal .modal-header button.btn-standard {
	color: #767676;
	background-color: #cedbe4 !important;
}
.event-popover .action-wrapper .event-action button span {
	padding-left: 0.5em;
}
.CalendarWrapper .list-view .event-item .title {
	font-weight: bold;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .list-view .event-item .title {
    max-width: 75%;
  }
}
.CalendarWrapper .list-view .event-item .title span{
	margin-left: 3px;
	color: #000;
}
.CalendarWrapper .list-view .event-item .title span .fa-minus-square-o,
.CalendarWrapper .day-view .event-item .title span .fa-minus-square-o {
	display: none;
}
.CalendarWrapper .list-view .event-item .title span .fa-plus-square-o,
.CalendarWrapper .day-view .event-item .title span .fa-plus-square-o {
	display: inline-block;
}
.CalendarWrapper .list-view .event-item.active .title span .fa-minus-square-o,
.CalendarWrapper .day-view .event-item.active .title span .fa-minus-square-o {
	display: inline-block;
}
.CalendarWrapper .list-view .event-item.active .title span .fa-plus-square-o,
.CalendarWrapper .day-view .event-item.active .title span .fa-plus-square-o {
	display: none;
}


.CalendarWrapper .list-view .grid-action > div,
.CalendarWrapper .day-view .grid-action > div {
    padding-left: 0;
}
.CalendarWrapper .list-view .action-collapse-expand,
.CalendarWrapper .day-view .action-collapse-expand {
    margin-top: 5px;
    display: inline-block;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .day-view .action-collapse-expand,
  .CalendarWrapper .list-view .action-collapse-expand {
    float: left;
    width: 100%;
    background-color: #eee;
    padding-top: 0.5em;
  }
}
.CalendarWrapper .list-view .action-collapse-expand span.action,
.CalendarWrapper .day-view .action-collapse-expand span.action {
    text-align: right;
    display: inline-block;
    height: 30px;
    position: relative;
    line-height: 30px;
    color: #5fa8dc;
    cursor: pointer;
    border: 0;
    padding: 0;
}
.CalendarWrapper .list-view .action-collapse-expand span.action span.icon,
.CalendarWrapper .day-view .action-collapse-expand span.action span.icon {
    display: inline-block;
    width: 12px;
    position: absolute;
    height: 100%;
}
.CalendarWrapper .list-view .action-collapse-expand span.action span.text,
.CalendarWrapper .day-view .action-collapse-expand span.action span.text {
    margin-left: 15px;
}
.CalendarWrapper .list-view .action-collapse-expand span.sep,
.CalendarWrapper .day-view .action-collapse-expand span.sep {
    width: 1px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    background-color: #cecece;
    margin: 0px 5px;
}
.CalendarWrapper .list-view .action-collapse-expand span.action.disabled,
.CalendarWrapper .day-view .action-collapse-expand span.action.disabled {
    pointer-events: none;
    color: #B6B6B6 !important;
}
.CalendarWrapper .day-view .action-collapse-expand span.event-count {
  display: none;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .day-view .action-collapse-expand span.event-count,
  .CalendarWrapper .list-view .action-collapse-expand span.event-count {
    display: inline-block;
    float: left;
    text-transform: uppercase;
    padding-left: 1em;
    font-weight: bold;
  }
  .CalendarWrapper .day-view .action-collapse-expand span.event-count .number,
  .CalendarWrapper .list-view .action-collapse-expand span.event-count .number,
  .CalendarWrapper .week-view .header-sm .number {
    font-size: 1.5em;
  }
  .CalendarWrapper .day-view .action-collapse-expand span.event-count .event-type,
  .CalendarWrapper .list-view .action-collapse-expand span.event-count .event-type {
    color: #7E7E7E;
  }
  .CalendarWrapper .day-view .action-collapse-expand span.action,
  .CalendarWrapper .list-view .action-collapse-expand span.action  {
    float: right;
    padding-right: 1em;
  }
  .CalendarWrapper .day-view .action-collapse-expand span.sep,
  .CalendarWrapper .list-view .action-collapse-expand span.sep {
    display: none;
  }
}
.CalendarWrapper .list-view .EventDetailWrapper,
.CalendarWrapper .day-view .EventDetailWrapper {
	padding-left: 18px;
}
.CalendarWrapper .list-view .event-item .EventDetailWrapper,
.CalendarWrapper .day-view .event-item .EventDetailWrapper {
	display: none;
}
.CalendarWrapper .list-view .event-item.active .EventDetailWrapper,
.CalendarWrapper .day-view .event-item.active .EventDetailWrapper {
	display: block;
}


/* Begin SO-1323*/
.CalendarWrapper .list-view .event-item .EventDetailWrapper.swim-meet-info,
.CalendarWrapper .list-view .event-item.active .EventDetailWrapper.swim-meet-info .row-info,
.CalendarWrapper .list-view .event-item.active .EventDetailWrapper.swim-meet-info .row-info .more-info,
.CalendarWrapper .list-view .event-item .EventDetailWrapper.swim-meet-info .row-info.event-description,
.CalendarWrapper .list-view .event-item.active .EventDetailWrapper.swim-meet-info .row-info.event-description .event-image {
	display: block;
}
.CalendarWrapper .list-view .event-item.active .EventDetailWrapper.swim-meet-info .row-info:last-child {
	border-bottom: 1px #DFDFDF dotted;
}
.CalendarWrapper .list-view .event-item .EventDetailWrapper.swim-meet-info .row-info,
.CalendarWrapper .list-view .event-item .EventDetailWrapper.swim-meet-info .row-info .more-info,
.CalendarWrapper .list-view .event-item .EventDetailWrapper.swim-meet-info .row-info.event-description .event-image,
.CalendarWrapper .list-view .event-item .EventDetailWrapper.swim-meet-info .info-wrapper {
	display: none;
}
.CalendarWrapper .list-view .event-item .EventDetailWrapper.swim-meet-info .row-info.action-wrapper,
.CalendarWrapper .list-view .event-item .EventDetailWrapper.swim-meet-info .row-info.event-description .col,
.CalendarWrapper .list-view.fullscreen .event-item.active .EventDetailWrapper.swim-meet-info .row-info,
.CalendarWrapper .list-view .event-item.active .EventDetailWrapper.swim-meet-info .info-wrapper {
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.CalendarWrapper .list-view .event-item .EventDetailWrapper.swim-meet-info .row-info.action-wrapper .extra-buttons button,
.event-popover .EventDetailWrapper.swim-meet-info .row-info.action-wrapper .extra-buttons button {
  float: right;
  margin-bottom: 0.2em;
}
.CalendarWrapper .list-view .EventDetailWrapper.swim-meet-info .info-wrapper .date-info {
	min-width: 74px;
  overflow: hidden;
  margin-right: 10px;
  padding-top: 8px;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .list-view .EventDetailWrapper.swim-meet-info .info-wrapper .date-info {
    display: none;
  }
}
.CalendarWrapper .list-view .event-item .EventDetailWrapper.swim-meet-info .row-info.event-description .event-image {
	width: 100px;
	margin-right: 10px;
}
.CalendarWrapper .list-view .event-item .EventDetailWrapper.swim-meet-info .row-info.event-description .description,
.CalendarWrapper .list-view .EventDetailWrapper.swim-meet-info .info-wrapper .meet-info {
	flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
  width: 80%;
}
.CalendarWrapper .list-view .event-item .EventDetailWrapper.swim-meet-info .row-info.action-wrapper > div,
.CalendarWrapper .list-view .event-item .EventDetailWrapper.swim-meet-info .row-info.event-description > div {
	border: 0;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .list-view .event-item .EventDetailWrapper.swim-meet-info .row-info.action-wrapper .event-action button {
    margin-bottom: 0.2em;
  }
}
.CalendarWrapper .list-view .event-item.active .EventDetailWrapper.swim-meet-info .row-info.action-wrapper > div {
  border-top: 1px #DFDFDF dotted;
}
.CalendarWrapper .list-view .event-item .EventDetailWrapper.swim-meet-info .row-info.event-description .description-content,
.CalendarWrapper .day-view .event-item .EventDetailWrapper.swim-meet-info .row-info.event-description .description-content {
    white-space: normal;
    padding-right: 5px;
}
/* End SO-1323*/
.CalendarWrapper .list-view .event-item.active .EventDetailWrapper {
	background: #f8f8f8;
}
.event-popover .popover-content {
	min-width: 300px;
}
.event-popover .EventDetailWrapper .show-detail-info {
  border: none !important;
}
.CalendarWrapper .EventDetailWrapper,
.event-popover .EventDetailWrapper {
	font-size: 12px;
	line-height: normal;
  	cursor: default;
}
.event-popover .EventDetailWrapper {
	padding: 1em;
}
.CalendarWrapper .EventDetailWrapper .row-info,
.event-popover .EventDetailWrapper .row-info {
	overflow: hidden;
}
.CalendarWrapper .EventDetailWrapper .row-info label.date,
.event-popover .EventDetailWrapper .row-info label.date{
  min-width: 60px;
}

.CalendarWrapper .EventDetailWrapper .row-info.host-name,
.event-popover .EventDetailWrapper .row-info.host-name {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 1.5em;
}
.EventDetailWrapper.swim-meet-info img.title-pic {
    width: 100px;
    height: 100px;
}


.CalendarWrapper .fullscreen .EventDetailWrapper .row-info .col,
.event-popover .EventDetailWrapper .row-info .col {
	flex: 1 1 1em;
	-webkit-flex: 1 1 1em;
}
.CalendarWrapper .EventDetailWrapper .row-info.action-wrapper,
.event-popover .EventDetailWrapper .row-info.action-wrapper {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.CalendarWrapper .fullscreen .EventDetailWrapper .row-info {
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.CalendarWrapper .EventDetailWrapper .row-info > div,
.event-popover .EventDetailWrapper .row-info > div {
	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 	border-top: 1px #DFDFDF dotted;
 	padding: 8px 15px 8px 0;
}
.CalendarWrapper .EventDetailWrapper .row-info:first-child > div,
.event-popover .EventDetailWrapper .row-info:first-child > div {
 	border-top: 0;
}
.event-popover .EventDetailWrapper .row-info > div.full-info {
	overflow: visible;
    white-space: normal;
}
.CalendarWrapper .EventDetailWrapper .row-info > div.full-info.description strong > * {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.CalendarWrapper .fullscreen .EventDetailWrapper .row-info > div:last-child {
	flex: 1 1 1em;
	-webkit-flex: 1 1 1em;
}
.CalendarWrapper .EventDetailWrapper .row-info > div:last-child,
.event-popover .EventDetailWrapper .row-info > div:last-child {
	padding-right: 0;
}
.CalendarWrapper .EventDetailWrapper label,
.event-popover .EventDetailWrapper label {
	margin: 0;
	color: #757575;
	font-size: 12px;
	font-weight: normal;
}
.CalendarWrapper .EventDetailWrapper .row-info div > span,
.event-popover .EventDetailWrapper .row-info div > span {
	color: #000;
}
.CalendarWrapper .EventDetailWrapper .row-info div > strong.start-time,
.event-popover .EventDetailWrapper .row-info div > strong.start-time {
	color: #EE3715;
}
.CalendarWrapper .EventDetailWrapper .row-info.action-wrapper .event-action,
.event-popover .EventDetailWrapper .row-info.action-wrapper .event-action {
	flex: 1 1 1em;
	-webkit-flex: 1 1 1em;
	white-space: normal;
}
.EventDetailWrapper .row-info.action-wrapper .event-action delete-event,
.EventDetailWrapper .row-info.action-wrapper .event-action edit-event,
.EventDetailWrapper .row-info.action-wrapper .event-action goto-practice,
.EventDetailWrapper .row-info.action-wrapper .event-action cancel-practice {
  float: right;
}

@media only screen and (max-width: 414px) {
  .event-popover .EventDetailWrapper .row-info.action-wrapper .event-action {
    padding-bottom: 0;
  }
  .event-popover .EventDetailWrapper .row-info.action-wrapper .event-action button {
    margin-bottom: 0.2em;
  }

  .CalendarModal .CalendarSettingsModal div.form-row div.form-group.Description div.dropdown {
    flex-direction: column;
  }

  .CalendarModal .CalendarSettingsModal div.form-row {
    height: auto !important;
  }
}
.CalendarWrapper .EventDetailWrapper .row-info.action-wrapper a.more-info,
.event-popover .EventDetailWrapper .row-info.action-wrapper a.more-info {
	height: 25px;
	line-height: 25px;
}
.EventDetailWrapper.swim-meet-info img.touchpad-logo {
	width: 100px;
	height: auto;
	float: right;
}
.CalendarWrapper .month-view .day-names .full {
  display: block;
}
.CalendarWrapper .month-view .day-names .short {
  display: none;
}
.CalendarWrapper .month-view .day-of-week {
	width: 100%;
    table-layout: fixed;
}
.CalendarWrapper .month-view .event-wrapper .event-item .arrow-box-f.right {
	right: 2px !important;
}
.CalendarWrapper .month-view .event-wrapper .event-item .arrow-box-s.right {
	right: 3px !important;
}
.CalendarWrapper .month-view .event-wrapper .event-item .arrow-box-f.left {
  left: 2px !important;
}
.CalendarWrapper .month-view .event-wrapper .event-item .arrow-box-s.left {
	left: 3px !important;
}
.CalendarWrapper .month-view .event-wrapper .event-item .title {
   font-size: 1.1em;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}
.CalendarWrapper .month-view .month-row {
	min-height: 132px;
	background: #fff;
	position: relative;
}
.CalendarWrapper .month-view .month-row > table.bg-table{
	width: 100%;
  table-layout: fixed;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-collapse: separate;
  height: 132px;
}
.CalendarWrapper .month-view .month-row > table.bg-table tr td {
	border-left: 1px #d3d3d3 solid;
	border-top: 1px #d3d3d3 solid;
}
.CalendarWrapper .month-view .month-row > table.bg-table tr td.now {
	border: 1px #F24E35 solid !important;
}
.CalendarWrapper .month-view .month-row > table.bg-table tr td:last-child {
	border-right: 1px #d3d3d3 solid;
}
.CalendarWrapper .month-view .month-row.last > table.bg-table tr td {
	border-bottom: 1px #d3d3d3 solid;
}
.CalendarWrapper .month-view .month-row > table.grid-table{
	width: 100%;
    table-layout: fixed;
    position: relative;
}
.CalendarWrapper .month-view .month-row > table.grid-table tr td div.date-title {
	padding: 0 5px;
	height: 20px;
	line-height: 20px;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .month-view .month-row > table.grid-table tr td div.date-title {
    margin-top: 0.4em;
    margin-bottom: 0.2em;
  }
  .CalendarWrapper .month-view .month-row > table.grid-table tr td div p.highlight {
    color: #fff;
    background-color: #26bcd6;
    width: 1.6em;
    height: 1.6em;
    border-radius: 50%;
    text-align: center;
    padding: 0 2px 0 0 !important;
    margin: 0 !important;
  }
}
.CalendarWrapper .month-view .month-row > table.bg-table tr td.order-month {
	background: #f8f8f8;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .month-view .month-row > table.bg-table tr td:first-child {
    border-left: none;
  }
  .CalendarWrapper .month-view .month-row > table.bg-table tr td:last-child {
    border-right: none;
  }
}
.CalendarWrapper .month-view .month-row > table.grid-table tr td {
	padding-right: 1px;
}
.CalendarWrapper .month-view .month-row > table.grid-table tr td.order-month {
	color: #d4d4d4;
}
.CalendarWrapper .month-view .month-row > table.grid-table tr td .event-wrapper {
	margin: 1px 0 1px 1px;
	position: relative;
}
.CalendarWrapper .month-view .month-row > table.grid-table tr td .event-wrapper .event-item {
	height: 20px;
	line-height: 20px;
	padding-left: 5px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
}
.CalendarWrapper .month-view .month-row > table.grid-table tr td .event-wrapper .event-item .title,
.CalendarWrapper .week-view .event-wrapper .event-item .title {
	overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .month-view .month-row > table.grid-table tr td .event-wrapper .event-item .title,
  .CalendarWrapper .week-view .event-wrapper .event-item .title {
    text-overflow: clip;
  }
}
.CalendarWrapper table tr td .event-wrapper .event-item.stop {
	margin-right: 9px !important;
	border-right: 0 !important;
}
.CalendarWrapper table tr td .event-wrapper .event-item.continue {
	margin-left: 9px !important;
	border-left: 0 !important;
}
.CalendarWrapper table tr td .event-wrapper .event-item .arrow-box-f.left {
	border-style: solid;
    position: absolute;
    top: 0;
    border-width: 10px 7px 10px 0;
    left: -7px;
}
.CalendarWrapper table tr td .event-wrapper .event-item .arrow-box-s.left {
	border-style: solid;
    position: absolute;
    top: 0;
    border-width: 10px 7px 10px 0;
    left: -6px;
}
.CalendarWrapper table tr td .event-wrapper .event-item .arrow-box-f.right {
	border-style: solid;
    position: absolute;
    top: 0;
    border-width: 10px 0px 10px 7px;
    right: -7px;
}
.CalendarWrapper table tr td .event-wrapper .event-item .arrow-box-s.right {
	border-style: solid;
    position: absolute;
    top: 0;
    border-width: 10px 0px 10px 7px;
    right: -6px;
}
.CalendarWrapper .month-view table tr td .event-wrapper .event-item:not(.all-day):hover {
	background: none;
}
.CalendarWrapper table tr td .event-wrapper .event-item a.view-more {
    color: #F1543B;
}
.CalendarWrapper table tr td .event-wrapper .event-item a:hover {
    text-decoration: underline;
}
.CalendarWrapper .month-view #viewAllEventOfDate {
	min-width: 210px;
	border: 1px #d3d3d3 solid;
	font-size: 1.1em;
	font-weight: bold;
	background: #fff;
	position: absolute;
	max-height: 800px;
	overflow: auto;
	max-width: 350px;
	display: none;
	cursor: default;
}
.CalendarWrapper .month-view #viewAllEventOfDate .content-detail{
	max-height: 440px;
	overflow: auto;
}
.CalendarWrapper .month-view #viewAllEventOfDate .header {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  background: #CBE0F1;
  color: #000;
  font-size: 14px;
}
.CalendarWrapper .month-view #viewAllEventOfDate .header span.closeBtn{
    float: right;
    color: #FE0F06;
    cursor: pointer;
    display: block;
    padding: 6px 0;
    font-size: 16px;
}
.CalendarWrapper .month-view #viewAllEventOfDate .content-detail {
    padding: 0 10px;
}
.CalendarWrapper .month-view #viewAllEventOfDate .content-detail .event-item {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding: 8px 0;
	border-bottom: 1px #d3d3d3 solid;
    background: none !important;
}
.CalendarWrapper .month-view #viewAllEventOfDate .content-detail .event-item:last-child {
	border: 0;
}
.CalendarWrapper .month-view #viewAllEventOfDate .content-detail .event-item:hover {
	background: none;
}
.CalendarWrapper .month-view #viewAllEventOfDate .content-detail .event-item .time-wrapper{
	width: 70px;
	color: #000;
}
.CalendarWrapper .month-view #viewAllEventOfDate .content-detail .event-item .title-wrapper{
	flex: 1 1 1em;
	-webkit-flex: 1 1 1em;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.CalendarWrapper .month-view .event-wrapper/*,
.CalendarWrapper .day-view .event-item*/ {
	cursor: default;
}
.CalendarModal div {
	text-align: left;
}
.CalendarModal * {
	box-sizing: border-box;
}
.CalendarModal .modal-dialog {
	height: 100%;
	margin: 0 auto;
}
.CalendarModal.CreatePracticeModal .modal-lg {
	max-width: 1502px;
}
.CalendarModal .modal-content .modal-body h3 {
	margin: 0;
}
.CalendarModal .modal-dialog .modal-content {
	position: absolute;
  top: 30px;
  left: 32px;
  right: 32px;
  bottom: 30px;
  background: #eee;
  overflow: auto;
}
.CalendarModal.NoBorder .modal-dialog .modal-content{
	border: 0;
}
.CalendarModal.ModalSmall .modal-dialog .modal-content {
	position: absolute;
    top: 100px;
    left: 100px;
    right: 100px;
    bottom: 100px;
    background: #eee;
    overflow: auto;
}
.CalendarModal.ModalAuto .modal-dialog .modal-content {
	position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  background: #eee;
  overflow: auto;
  min-height: 300px;
  margin: 0 120px 30px;
  bottom: inherit;
  max-height: 90%;
}
.CalendarModal.ModalAuto.Subscription .modal-dialog .modal-content {
  min-height: auto;
}
.CalendarModal.GeneralCalendarMigrationModal .modal-dialog .modal-content {
  position: absolute;
  max-width: 600px;
  top: 25%;
  background: #eee;
  overflow: auto;
  min-height: 300px;
  margin: 0 auto;
  bottom: inherit;
  max-height: 90%;
  min-height: auto;
}
.CalendarModal.GeneralCalendarMigrationModal input[type=radio] {
  margin-top: 0;
}
.CalendarModal.GeneralCalendarMigrationModal .modal-footer .in-progress {
  float: left;
  padding-top: 6px;
}
.CalendarModal.GeneralCalendarMigrationModal .modal-footer .in-progress span {
  font-size: 1.2em;
  margin-left: 0.5em;
}
.CalendarModal.FullHeightModal .modal-dialog .modal-content {
	max-height: none !important;
}
.CalendarModal.FileUploadModal .modal-dialog .modal-content {
  position: absolute;
  background: #eee;
  overflow: auto;
  width: 650px;
  height: 400px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.CalendarModal.FileUploadModal .team-event-document .buttons div:last-child {
	text-align: right !important;
}
.CalendarModal.FileUploadModal .team-event-document .drop-zone {
  border: 4px dotted #ddd;
  background: #eee;
  margin: 8px 4px 4px;
}
.CalendarModal.FileUploadModal .team-event-document .drop-zone .instruction {
	text-align: center;
	font-size: 14px;
	padding-top: 1.2em;
	padding-bottom: 1.2em;
}
.CalendarModal.FileUploadModal .team-event-document .files {
	margin-left: 0;
	margin-right: 0;
	margin-top: 1em;
}
.CalendarModal.FileUploadModal .team-event-document .files table,
.CalendarItemModal .files table {
	margin: 0;
}
.CalendarModal.FileUploadModal .team-event-document .files tr,
.CalendarItemModal .files tr {
	margin-left: 0;
	margin-right: 0;
}
.CalendarModal.FileUploadModal .team-event-document .files tr.even,
.CalendarItemModal .files tr.even {
  background: #fff;
}
.CalendarModal.FileUploadModal .team-event-document .files td,
.CalendarItemModal .files td {
	vertical-align: middle;
	border: none;
}
.CalendarModal.FileUploadModal .team-event-document .files .cancel,
.CalendarItemModal .files .cancel {
  width: 7%;
  font-size: 20px;
  vertical-align: middle;
}
.CalendarModal.FileUploadModal .team-event-document .files .type,
.CalendarItemModal .files .type {
	width: 10%;
	text-align: center;
	padding-right: 0px;
}
.CalendarModal.FileUploadModal .team-event-document .files .name,
.CalendarItemModal .files .name {
  width: 53%;
}
.CalendarModal.FileUploadModal .team-event-document .files .name ul,
.CalendarItemModal .files .name ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.CalendarModal.FileUploadModal .team-event-document .files .name .form-control-feedback,
.CalendarItemModal .files .name .form-control-feedback {
	top: 0;
}
.CalendarModal.FileUploadModal .team-event-document .files .upload-progress,
.CalendarItemModal .files .upload-progress {
	width: 25%;
}
.CalendarModal.FileUploadModal .team-event-document .files .upload-progress .progress,
.CalendarItemModal .files .upload-progress .progress {
  margin: 0;
  width: 100%;
}
.CalendarModal.FileUploadModal .team-event-document .files .buttons,
.CalendarItemModal .files .buttons {
  width: 10%;
}

.CalendarModal.FileUploadModal .team-event-document .files .name div.row {
  margin: 0px;
}

.CalendarModal.FileUploadModal .team-event-document .files td.name i {
  font-size: 17px;
  cursor: pointer;
  margin-right: 5px;
}

.CalendarModal.FileUploadModal .team-event-document .files td.name div.Editable div.Actions {
  padding: 6px 0px;
  margin: 0px;
  text-align: right;
}

.CalendarModal.FileUploadModal .team-event-document .files .name div.row.Name i.Edit,
.CalendarModal.FileUploadModal .team-event-document .files .name div.row.Editable i.Add {
  color: #84c55f;
}

.CalendarModal.FileUploadModal .team-event-document .files .name div.row.Editable i.Cancel {
  color: #ee3423;
}

.CalendarModal.FileUploadModal .team-event-document .files .name div.row.Name strong {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 250px;
  display: block;
}

.CalendarItemModal .time-zone button,
.TeamEventFormModal .time-zone button {
  width: 100%;
  background: #fff !important;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 34px;
}
.CalendarItemModal .time-zone button .selected-name,
.TeamEventFormModal .time-zone button .selected-name {
  flex: 1 1 1em;
  -webkit-flex: 1 1 1em;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.CalendarItemModal .time-zone button .text-primary,
.TeamEventFormModal .time-zone button .text-primary {
	margin-top: 3px;
}
.CalendarItemModal .time-zone ul,
.TeamEventFormModal .time-zone ul {
	width: 100%;
}
.CalendarItemModal .time-zone ul li a,
.TeamEventFormModal .time-zone ul li a {
  overflow: hidden;
  text-overflow: ellipsis;
}
.CalendarItemModal .time-zone ul li a.active,
.TeamEventFormModal .time-zone ul li a.active {
  background-color: #f5f5f5;
}
.CalendarModal .modal-dialog .modal-content .modal-header {
	/*height: 100%;*/
	min-height: 56px;
}
.CalendarModal.PrintCalendarModal .modal-dialog .modal-content {
    background: #fff;
    overflow: auto;
}
.CalendarModal.PrintCalendarModal .modal-dialog .modal-content .modal-header {
	border-bottom: 0;
	padding: 10px;
	height: 40px;
	min-height: 40px;
}
.CalendarModal.PrintCalendarModal .modal-dialog .modal-content .modal-footer {
	border-top: 0;
	padding: 10px;
	text-align: right;
}
.CalendarModal .modal-dialog .modal-content .modal-header {
  background: #eee;
  padding-top: 10px;
  padding-bottom: 5px;
}
.CalendarModal .modal-dialog .modal-content .modal-header .modal-title {
	margin-top: 0.3em !important;
}
.CalendarModal .modal-dialog .modal-content .modal-header h4 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-align: left;
}
.CalendarModal .modal-header button.close {
	margin-top: -5px;
}
.CalendarModal .modal-content .modal-body label {
	font-size: 12px;
	cursor: pointer;
}
.CalendarModal .modal-content .modal-body .event-repeat .content .date-info span {
	font-size: 12px;
	color: #787878;
	font-weight: bold;
}
.CalendarModal .modal-content .modal-body label.btn-file {
	font-size: 14px;
	margin-right: 5px;
}
.CalendarModal .modal-content .modal-body .flex-row {
	display: flex;
}
.CalendarModal .modal-content .modal-body .flex-row > div {
	flex: 1;
	padding: 0 0.5em 0 0.5em;
}
.CalendarModal .modal-content .modal-body .section-header {
	border-top: 1px solid #ddd;
	background: #eee;
	font-weight: bold;
 	padding-top: 0.5em;
 	padding-bottom: 0.5em;
 	margin-top: 0.5em;
 	margin-bottom: 0.5em;
}
.CalendarModal .modal-content .modal-body .section-header .buttons {
	text-align: right !important;
}
.CalendarModal .modal-content .modal-body .section-entry {
  	padding-top: 0.5em;
  	padding-bottom: 0.5em;
}
.CalendarModal .modal-content .modal-body .section-entry .document {
  margin-bottom: 1em;
  padding-right: 0;
}

.CalendarModal .modal-content .modal-body .section-entry .document.last {
	padding-right: 15px;
}
.CalendarModal .modal-content .modal-body .section-entry .photo {
	padding-right: 0;
  margin-bottom: 1em;
  padding-right: 0;
}
.CalendarModal .modal-content .modal-body .section-entry .photo.last {
	padding-right: 15px;
}
.CalendarModal .modal-content .modal-body .section-entry .photo img {
	max-width: 100%;
	max-height: 100px;
	min-height: 100px;
}
.CalendarModal .modal-content .modal-body .section-entry input[type=checkbox] {
	vertical-align: sub;
}
.CalendarModal .modal-content .modal-body .section-entry .title-picture {
  padding-right: 0;
}
.CalendarModal .modal-content .modal-body .section-separator {
  	border-bottom: 1px dotted #ddd;
  	margin-right: 1px;
  	margin-left: 1px;
}
.CalendarModal .modal-content .modal-body .file-chooser {
	border: 4px dotted #ddd;
	background: #eee;
	text-align: center;
	padding: 1em 2em;
}
.CalendarModal .modal-content .modal-body .invited {
	margin-bottom: 10px;
	text-align: center;
}
.CalendarModal .modal-content .modal-body .general-info {
	margin-top: 0.5em;
	margin-bottom: 0.8em;
}
.CalendarModal .modal-content .modal-body .general-info .prev-next {
	text-align: right;
  color: #5fa8dc;
  font-size: 14px;
}
.CalendarModal .modal-content .modal-body .general-info .prev-next i {
  	font-weight: bold;
  	margin: 0.5em;
}
.CalendarModal .modal-content .modal-body .messages .message p {
  padding: 0.5em 1em;
  margin-top: 1em;
}

.CalendarModal .modal-content .modal-body ul.bar-separated-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.CalendarModal .modal-content .modal-body ul.bar-separated-list li {
  	display: inline;
  	border-right: 2px solid #bbb;
  	padding-right: 0.6em;
  	margin-right: 0.4em;
  	font-weight: bold;
}

.CalendarModal .modal-content .modal-body ul.bar-separated-list li:last-child {
  border: none;
}

.CalendarModal .modal-content .modal-body ul.bar-separated-list li.last {
  border: none;
}
.CalendarModal .modal-content .modal-body button.small-button {
	font-size: 0.8em;
	padding: 0.2em 0.6em;
}
.CalendarModal .modal-content .modal-footer {
  	text-align: right;
}
.CalendarModal form label .fa-asterisk {
	color: red;
	vertical-align: top;
	font-size: 0.8em;
}
.CalendarModal form .form-group .col-x {
	padding-left: inherit;
}
.CalendarModal .modal-content .modal-body .row.vertical-align-middle {
	display: table;
}
.CalendarModal .modal-content .modal-body .row.vertical-align-middle > [class*='col-'] {
	float: none;
	display: table-cell;
	vertical-align: middle;
}
.CalendarModal .modal-content .modal-body .touch-bar .collapse-expand {
	margin-top: 0.8em;
}
.CalendarModal .modal-content .modal-body .touch-bar .collapse-expand a {
	margin-right: 0.75em;
}
.CalendarModal .modal-content .modal-body .touch-bar .collapse-expand a.disabled {
	pointer-events: none;
    color: #B6B6B6 !important;
}
.CalendarModal .modal-content .modal-body .touch-bar .collapse-expand a i {
	font-size: 1.2em;
	margin-right: 0.2em;
}
.CalendarModal .modal-content .modal-body .touch-bar .add-to-calendar {
  margin-top: 0.5em;
}
.CalendarModal .modal-content .modal-body input#add-to-calendar {
  transform: scale(1.5);
  vertical-align: top;
  margin-right: 0.5em;
}
.CalendarModal .modal-content .modal-body .touch-bar label {
  font-size: 14px;
}
.CalendarModal .modal-content .modal-body .touch-bar .buttons {
  text-align: right;
}
.CalendarModal .modal-content .modal-body .touch-bar .buttons .unsaved-message,
.CalendarModal .modal-content .modal-footer .unsaved-message {
  display: inline-block;
  width: 50px;
  vertical-align: middle;
  font-size: 10px;
}
.CalendarModal .TeamEventFormModal .text-normal {
	font-weight: normal !important;
}
.CalendarModal .TeamEventFormModal .modal-message .message {
	text-align: center;
}
.CalendarModal .TeamEventFormModal .modal-message p {
	display: inline-block;
	padding: 0.5em 1em;
	border-radius: 0.5em;
	font-size: 14px;
}
.CalendarModal .TeamEventFormModal .modal-body .section-header,
.CalendarModal .CalendarSettingsModal .modal-body .section-header {
	color: #fff;
	background-color: #5fa8dc !important;
	margin-left: -1px;
	margin-right: -1px;
	margin-bottom: 1em;
}
.CalendarModal .TeamEventFormModal .modal-body  .SignUpActions {
    margin-top: 1em;
    margin-left: 1em;
    flex-direction: row;
    -webkit-flex-direction: row;
    display: flex;
    align-items: center;
}
.CalendarModal .TeamEventFormModal .modal-body  .SignUpActions .MaxNumberOfParticipants {
    flex-direction: row;
    -webkit-flex-direction: row;
    display: flex;
    align-items: center;
}
.CalendarModal .TeamEventFormModal .modal-body  .SignUpActions .MaxNumberOfParticipants input {
    width: 7em;
    margin-left: 0.5em;
}
.CalendarModal .TeamEventFormModal .modal-body  .SignUpActions .ParentNoteContainer {
    margin-left: 1em;
}

.CalendarModal .TeamEventFormModal .modal-body .financial-requirements .expiredAfter {
	margin-left: 16px;
}
.CalendarModal .TeamEventFormModal .modal-body .financial-requirements .expiredAfter input{
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 2px 0;
}
.CalendarModal .TeamEventFormModal .modal-body .financial-requirements .expiredAfter span{
	display: inline-block;
	margin-right: 15px;
}
.CalendarModal .TeamEventFormModal .modal-body .financial-requirements input.max-inv-balance {
  width: 5em;
}
.CalendarModal .TeamEventFormModal .modal-body label.small-button {
  font-size: 0.8em;
  padding: 0.2em 0.6em;
}
.CalendarModal .TeamEventFormModal .width-50 {
	width: 50% !important;
}
.CalendarModal .TeamEventFormModal .as-label {
	margin: 0;
}
.CalendarModal .TeamEventFormModal .modal-body .document-section,
.CalendarModal .TeamEventFormModal .modal-body .photo-section {
	margin-right: 15px;
}
.CalendarModal .TeamEventFormModal .modal-body .photo-section-header label,
.CalendarModal .TeamEventFormModal .modal-body .document-section-header label,
.CalendarModal .TeamEventFormModal .modal-body .photo-section-header button,
.CalendarModal .TeamEventFormModal .modal-body .document-section-header button {
  margin-right: 0.5em;
}
.CalendarModal .TeamEventFormModal .modal-body .file-manager > .row {
	min-height: 120px;
}
.CalendarModal .TeamEventFormModal .modal-body .file-manager .file-item {
  margin-bottom: 0.5em;
}
.CalendarModal .TeamEventFormModal .modal-body .file-manager .file-item img {
	min-height: 100px;
	max-height: 100px;
}
.CalendarModal .TeamEventFormModal .modal-body .file-manager .file-item input[type=checkbox] {
  vertical-align: sub;
}
.CalendarModal .TeamEventFormModal .modal-body .file-manager .upload-progress {
	padding-top: 0.5em;
	margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.CalendarModal .TeamEventFormModal .modal-body .file-manager .upload-progress .name {
	font-weight: bold;
	margin-bottom: 0.5em;
}
.CalendarModal .TeamEventFormModal .modal-body .file-manager .upload-progress .percent {
	text-align: right !important;
}
.CalendarModal .TeamEventFormModal .modal-body .file-manager .upload-progress .progress {
	margin-bottom: 10px;
}
.CalendarModal .TeamEventFormModal .modal-body .file-manager .upload-progress.even {
	background-color: #fff;
}
.CalendarModal .TeamEventFormModal .modal-body .section-header .title {
	margin-left: 0.5em;
}
.CalendarModal .TeamEventFormModal .modal-body .section-header a {
	color: #fff;
	font-size: 14px;
	vertical-align: middle;
}
.CalendarModal .TeamEventFormModal .modal-body .section-header a:hover {
	text-decoration: underline;
}
.CalendarModal .TeamEventFormModal .date-time-wrapper {
	display: flex;
}
.CalendarModal .TeamEventFormModal .modal-body .title-picture-section {
	margin-bottom: 10px;
	border: 4px dotted #eee;
}
.CalendarModal .TeamEventFormModal .modal-body .title-picture-section.nv-file-over {
  border: 4px dotted #aaa;
}
.CalendarModal .TeamEventFormModal .modal-body .title-picture-section .title-picture {
	margin-right: 10px;
}
.CalendarModal .TeamEventFormModal .modal-body .title-picture-section .title-picture img {
  max-width: 100%;
  max-height: 175px;
  min-height: 125px;
}
.CalendarModal .TeamEventFormModal .modal-body .title-picture-section .title-picture-editor {
  width: 480px;
}
.CalendarModal .TeamEventFormModal .modal-body .title-picture-section .title-picture-editor .instruction {
	margin-bottom: 0.5em;
}
.CalendarModal .TeamEventFormModal .modal-body .document-section.error-message p,
.CalendarModal .TeamEventFormModal .modal-body .title-picture-section .title-picture-editor .error-message p {
  padding: 0.5em 1em;
  margin-top: 1em;
  display: inline-block;
}
.CalendarModal .TeamEventFormModal .modal-body .document-section.error-message p {
  display: block;
}
.CalendarModal .TeamEventFormModal .modal-body .title-picture-section .title-picture-editor .upload-progress {
	margin-top: 1.5em;
	margin-left: 0.25em;
}
.CalendarModal .TeamEventFormModal .modal-body .title-picture-section .title-picture-editor .upload-progress .info {
	margin-bottom: 0.25em;
}
.CalendarModal .TeamEventFormModal .modal-body .title-picture-section .title-picture-editor .upload-progress .name,
.CalendarModal .TeamEventFormModal .modal-body .title-picture-section .title-picture-editor .upload-progress .progress {
  margin-bottom: 0.5em;
}
.CalendarModal .TeamEventFormModal .modal-body .title-picture-section .title-picture-editor .upload-progress .info,
.CalendarModal .TeamEventFormModal .modal-body .title-picture-section .title-picture-editor .upload-progress .progress {
	width: 300px;
}
.CalendarModal .TeamEventFormModal .modal-body .meet-types label {
	width: 100%;
}
.CalendarModal .TeamEventFormModal .modal-body .meet-types .select-box {
  	width: 92%;
  	float: left;
}
.CalendarModal .TeamEventFormModal .modal-body .meet-types #team-event-category option:first-child{
	display: none;
}
.CalendarModal .TeamEventFormModal .modal-body .meet-types #team-event-category.ng-dirty option:first-child {
	display: block;
}
.CalendarModal .TeamEventFormModal .modal-body .meet-types .manage {
	width: 8%;
	height: 34px;
	font-size: 16px;
	padding-top: 10px;
	text-align: center;
}
.CalendarModal .TeamEventFormModal .modal-body .online-registration .upload-progress,
.CalendarModal .TeamEventFormModal .modal-body .online-registration .errorMessage {
	width: 80%;
	padding: 0.25em 0.75em;
}
.CalendarModal .TeamEventFormModal .modal-body .online-registration .upload-progress .name {
	width: 90%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.CalendarModal .TeamEventFormModal .modal-body .online-registration .upload-progress .progress {
	width: 100%;
	margin-bottom: 0px;
}
.CalendarModal .TeamEventFormModal .modal-body .online-registration .upload-progress .name,
.CalendarModal .TeamEventFormModal .modal-body .online-registration .upload-progress .info {
	padding-bottom: 0.5em
}
.CalendarModal .TeamEventFormModal .modal-body input.roster-groups {
	margin-bottom: 0.5em;
}
.CalendarModal .TeamEventFormModal .date-time-wrapper .date-wrapper,
.CalendarModal .TeamEventFormModal .date-time-wrapper .time-wrapper {
	flex: 1 1
}
.CalendarModal .TeamEventFormModal .date-time-wrapper .date-wrapper {
	padding-right: 5px;
}
/*
.CalendarModal .TeamEventFormModal .date-time-wrapper .time-wrapper {
	padding-left: 5px;
}*/
.CalendarModal .TeamEventFormModal .modal-body .is-all-day {
  height: 34px;
  line-height: 34px;
}
.CalendarModal .TeamEventModal {
  background: #fff;
}
.CalendarModal .TeamEventModal .modal-header .buttons,
.CalendarModal .TeamEventFormModal .modal-header .buttons {
	margin-top: -4px;
}
.CalendarModal .TeamEventModal .modal-header .buttons button,
.CalendarModal .TeamEventFormModal .modal-header .buttons button {
  margin-top: 4px;
}
.CalendarModal .TeamEventModal .modal-header .buttons button.close,
.CalendarModal .TeamEventFormModal .modal-header .buttons button.close {
  margin-top: 0px !important;
}
.CalendarModal .loading {
  opacity: 0.4;
  pointer-events: none;
}
.CalendarModal .TeamEventFormModal .form-row .commit-type {
	width: 185px;
	display: inline-block;
    float: left;
}
.CalendarModal .TeamEventFormModal .form-row .minimum-age {
	display: inline-block;
}
.CalendarModal .TeamEventFormModal .form-row .minimum-text {
    width: 260px;
    float: left;
}
.CalendarModal .TeamEventFormModal .form-row .minimum-input {
    width: 69px;
    float: left;
}
.CalendarModal .CalendarSettingsModal:focus,
.CalendarModal .TeamEventFormModal:focus {
	outline: 0;
}
.CalendarModal .CalendarSettingsModal .calendar-groups {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.CalendarModal .CalendarSettingsModal .calendar-groups > div {
	width: 50%;
	padding-right: 10%;
	line-height: 2em;
}
.CalendarModal .CalendarSettingsModal .calendar-groups > div label {
	float: right;
	margin-right: 1.2em;
}
.CalendarModal .CalendarSettingsModal .calendar-groups > div label input {
	vertical-align: top;
	margin-right: 2px;
}
.CalendarModal .CalendarSettingsModal .calendar-groups > div span {
	margin: 0;
	padding: 0;
}

.CalendarModal .CalendarSettingsModal  div.form-row {
  display: flex;
  padding: 20px 0px;
  border-bottom: 1px #d3d3d3 solid;
  height: 115px;
}

.CalendarModal .CalendarSettingsModal  div.form-row:last-child {
  border-bottom: 1px #eee solid;
}

.CalendarModal .CalendarSettingsModal  div.form-row div.form-group {
  display: flex;
  margin: 0px;
}

.CalendarModal .CalendarSettingsModal  div.form-row div.form-group.Description {
  flex-direction: column;
  padding: 0px 15px;
}

.CalendarModal .CalendarSettingsModal  div.form-row div.form-group.Description > * {
  margin: auto;
  width: 100%;
}

.CalendarModal .CalendarSettingsModal  div.form-row div.form-group.Description div.DefaultView {
  width: 80%;
  margin-left: 0px;
}

.CalendarModal .CalendarSettingsModal  div.form-row.views-type-date div.form-group.Description label {
  margin-bottom: 2px;
}

.CalendarModal .CalendarSettingsModal  div.form-row.views-type-date div.form-group.Description div.DefaultView {
  margin-top: 0px;
}

.CalendarModal .CalendarSettingsModal  div.form-row div.form-group.Description div.dropdown {
  display: flex;
  align-items: center;
}

.CalendarModal .CalendarSettingsModal  div.form-row div.form-group.Description div.dropdown label {
  flex-shrink: 1;
  width: 120px;
}

.CalendarModal .CalendarSettingsModal  div.form-row div.form-group.Description div.dropdown select {
  flex-shrink: 2;
}

.CalendarModal .CalendarSettingsModal  div.form-row div.form-group.Actions i {
  margin: auto;
  font-size: 12px;
  text-align: right;
  cursor: pointer;
}

.CalendarModal .CalendarSettingsModal  div.form-row div.form-group.Actions i.fa-link {
  font-size: 22px;
  margin-right: 30px;
}

.CalendarModal .CalendarSettingsModal  div.form-row div.Name input {
  margin: auto;
}

.CalendarModal .CalendarSettingsModal  div.form-row div.Name input:first-child {
  margin-right: 5px;
}

.CalendarModal .CalendarSettingsModal div.modal-body {
  overflow: hidden;
}

.CalendarModal.SmallExpandedModal .modal-content {
	position: relative;
	min-height: 400px;
	width: 600px;
	overflow-y: auto;
  right: 0;
  left: 0;
  margin: auto;
}
.CalendarModal .MeetTypeModal .modal-body .error-message {
	margin-top: 10px;
}
.CalendarModal .MeetTypeModal .modal-body .error-message p {
	padding: 0.5em 1em;
	margin-bottom: 5px;
}
.CalendarModal .MeetTypeModal .modal-body table.meet-types {
	margin-top: 10px;
	margin-bottom: 10px;
	table-layout: fixed;
}
.CalendarModal .MeetTypeModal .modal-body table.meet-types tr.odd {
	background-color: #f9f9f9 !important;
}
.CalendarModal .MeetTypeModal .modal-body table.meet-types tr.edit td {
	text-align: center;
}
.CalendarModal .MeetTypeModal .modal-body table.meet-types tr.edit .button {
	padding: 0.5em;
	font-size: 16px;
}
.CalendarModal .MeetTypeModal .modal-body table.meet-types tr.edit a.disabledAnchor {
	cursor: not-allowed;
	pointer-events: none;
	color: grey;
}
.CalendarModal .MeetTypeModal .modal-body table.meet-types td.name {
	padding-top: 10px;
	width: 75%;
}
.CalendarModal .MeetTypeModal .modal-body table.meet-types td.actions {
	width: 25%;
}
.CalendarModal .MeetTypeModal .modal-body table.meet-types td.name label {
	margin-bottom: 0;
	font-weight: normal;
	width: 100%;
}
.CalendarModal .MeetTypeModal .modal-body table.meet-types td.select label {
	padding: 0 1em;
	margin-bottom: 0;
}
.CalendarModal .MeetTypeModal .modal-body table.meet-types td.select label input[type=radio] {
	cursor: pointer;
}
.CalendarModal .MeetTypeModal .modal-body table.meet-types .select,
.CalendarModal .MeetTypeModal .modal-body table.meet-types .actions {
	text-align: center !important;
}
.CalendarModal .MeetTypeModal .modal-body table.meet-types td.actions {
	font-size: 14px;
}
.CalendarModal .MeetTypeModal .modal-body table.meet-types td.actions i {
	padding: 0.25em 0.25em;
}
.CalendarModal.PrintCalendarModal .modal-body .calendar-wrapper {
	padding: 10px;
	border: 1px #d3d3d3 solid;
	border-radius: 2px;
	overflow: auto;
}
@media only screen and (max-width: 768px) {
  .CalendarModal.PrintCalendarModal .modal-body .calendar-wrapper {
    padding: 0;
  }
}
.PrintCalendarPreview,
.PrintCalendarPreview table {
	font-size: 12px;
}
.PrintCalendarPreview .CalendarWrapper {
	margin-bottom: 0;
	overflow: visible;
}
.PrintCalendarPreview .CalendarWrapper .content-wrapper{
	display: block;
	margin-top: 0;
}
.PrintCalendarPreview .CalendarWrapper .content-wrapper > .selected-date {
	margin-bottom: 10px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
@media only screen and (max-width: 768px) {
  .PrintCalendarPreview .CalendarWrapper .content-wrapper > .selected-date {
    margin-bottom: 0.2em
  }
}
.PrintCalendarPreview .CalendarWrapper .content-wrapper > .selected-date .date-wrapper {
	font-weight: bold;
	font-size: 16px;
	width: 250px;
}
@media only screen and (max-width: 768px) {
  .PrintCalendarPreview .CalendarWrapper .content-wrapper > .selected-date .date-wrapper {
    padding: 0.4em 0 0 0.4em;
  }
}
.PrintCalendarPreview .CalendarWrapper .content-wrapper > .selected-date .calendar-item-type {
	flex: 1 1 1em;
	-webkit-flex: 1 1 1em;
    text-align: right;
    padding-top: 5px;
    font-weight: bold;
}
.PrintCalendarPreview .CalendarWrapper .content-wrapper > .selected-date .calendar-item-type span:hover {
	background: none;
}
.PrintCalendarPreview .CalendarWrapper .list-view .day-wrapper .event-content-wrapper .event-content .single-event {
	border: 0;
}
.PrintCalendarPreview .print-action-wrapper {
	margin-top: 10px;
}
@media only screen and (max-width: 768px) {
  .PrintCalendarPreview .print-action-wrapper {
    padding: 0 0.4em;
    margin: 0;
  }
}
.PrintCalendarPreview .print-action-wrapper .action{
	padding: 10px 0;
    border-bottom: 1px #a4a4a4 solid;
}
.PrintCalendarPreview .print-action-wrapper .action,
.PrintCalendarPreview .print-action-wrapper .action > div,
.PrintCalendarPreview .print-action-wrapper .action div.selected-range {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.PrintCalendarPreview .print-action-wrapper .action > div,
.PrintCalendarPreview .print-action-wrapper .action > div > div {
	flex: 1 1 1em;
	-webkit-flex: 1 1 1em;
	height: 34px;
	line-height: 34px;

}
.PrintCalendarPreview .print-action-wrapper .action div.selected-range .selected-date {
	font-size: 15px;
	min-width: 140px;
    padding-right: 5px;
}
.PrintCalendarPreview .print-action-wrapper .action > div > label{
	width: 110px;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	margin: 0;
}
.PrintCalendarPreview .print-action-wrapper .action .date-picker-wrapper,
.PrintCalendarPreview .print-action-wrapper .action .daterange-picker-wrapper,
.PrintCalendarPreview .print-action-wrapper .action .control-wrapper {
    width: 36px;
    display: inline-block;
    position: relative;
    line-height: normal;
}
.PrintCalendarPreview .print-action-wrapper .action .date-picker-wrapper .date-time-picker {
	position: absolute;
  left: -90px;
  top: -222px;
}
@media only screen and (max-width: 768px) {
  .PrintCalendarPreview .print-action-wrapper .action .date-picker-wrapper .date-time-picker {
    right: 0;
    left: inherit;
  }
}
.PrintCalendarPreview .print-action-wrapper .action .date-picker-wrapper input[readonly] {
	cursor: default;
	display: none;
}
.PrintCalendarPreview .print-action-wrapper .action > div > div input[type=checkbox] {
	display: inline-block;
  vertical-align: top;
  margin: 10px 0 0 0;
}
.PrintCalendarPreview.black-white .CalendarWrapper .day-view .item,
.PrintCalendarPreview.black-white .CalendarWrapper .day-view .item *,
.PrintCalendarPreview.black-white .CalendarWrapper .day-view .item,
.PrintCalendarPreview.black-white .CalendarWrapper .day-view .event-item,
.PrintCalendarPreview.black-white .CalendarWrapper .event-content-wrapper,
.PrintCalendarPreview.black-white .CalendarWrapper .week-view .title,
.PrintCalendarPreview.black-white .CalendarWrapper .month-view .event-item {
	color: #000 !important;
}
.PrintCalendarPreview .CalendarWrapper .event-content-wrapper .event-action,
.PrintCalendarPreview .CalendarWrapper .day-view table tr td .allday-event-wrapper .event-item.create-event,
.PrintCalendarPreview .CalendarWrapper .day-view .event-item .event-content-wrapper .title-wrapper .title span,
.PrintCalendarPreview .CalendarWrapper .day-view .grid-button {
	display: none !important;
}
.PrintCalendarPreview .CalendarWrapper .day-view tr td.event-start:hover .time {
	display: inline !important;
}
.PrintCalendarPreview .CalendarWrapper .day-view .event-item {
	cursor: inherit;
    pointer-events: none;
}
.PrintCalendarPreview .CalendarWrapper .day-view tr td.event-start {
    width: 90px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 12px !important;
}
#printCalendarContainer {
	/* display: none; */
  visibility: hidden;
  border:0;
  height: 0;
  width: 0;
}
.PrintCalendarPreview {
	height: 100%;
}
.PrintCalendarPreview,
.PrintCalendarPreview  .modal-body {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
    flex-flow: column nowrap;
    overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .PrintCalendarPreview  .modal-body {
    padding: 0.4em;
  }
}
.PrintCalendarPreview .modal-body,
.PrintCalendarPreview .modal-body .calendar-wrapper {
	flex: 1 1 auto;
}
.PrintCalendarPreview .date-time-picker-wrapper .calendar-input-group i{
	line-height: 32px;
}
.PrintCalendarPreview .custom-range-wrapper > a {
	text-align: center;
}
.PrintCalendarPreview .custom-range-wrapper > a > i {
	width: 34px;
    height: 34px;
    line-height: 32px;
    font-size: 14px;
}
.PrintCalendarPreview .CalendarWrapper .custom-range-wrapper .custom-range:after,
.PrintCalendarPreview .CalendarWrapper .custom-range-wrapper .custom-range:before,
.CalendarWrapper .calendar-content .calendar-action.action-bottom .custom-range-wrapper .custom-range:after,
.CalendarWrapper .calendar-content .calendar-action.action-bottom .custom-range-wrapper .custom-range:before{
	bottom: none;
	top: 100%;
}
.PrintCalendarPreview .CalendarWrapper .custom-range-wrapper .custom-range:after,
.CalendarWrapper .calendar-content .calendar-action.action-bottom .custom-range-wrapper .custom-range:after {
	border-top-color: #fff;
	border-bottom: 0;
}
.PrintCalendarPreview .CalendarWrapper .custom-range-wrapper .custom-range:before,
.CalendarWrapper .calendar-content .calendar-action.action-bottom .custom-range-wrapper .custom-range:before {
	border-top-color: #d3d3d3;
	border-bottom: 0;
}
.PrintCalendarPreview .CalendarWrapper .custom-range-wrapper .custom-range,
.CalendarWrapper .calendar-content .calendar-action.action-bottom .custom-range-wrapper .custom-range {
	top: -288px;
  left: -160px;
}
.PrintCalendarPreview .print-action-wrapper .action .daterange-picker-wrapper .date-time-picker,
.CalendarWrapper .calendar-content .calendar-action.action-bottom .daterange-picker-wrapper .date-time-picker {
	top: -230px;
}
@media only screen and (max-width: 768px) {
  .PrintCalendarPreview .print-action-wrapper .action .daterange-picker-wrapper .date-time-picker {
    right: 0;
  }
}

/*PRINT LIST_VIEW*/
.PrintCalendarPreview .CalendarWrapper .content-wrapper .item-info:hover,
.PrintCalendarPreview .CalendarWrapper .list-view .day-wrapper .day-summary {
	background: none;
	cursor: default;
}
.PrintCalendarPreview .CalendarWrapper .list-view .event-item .item-info:hover .action-wrapper,
.PrintCalendarPreview .CalendarWrapper .list-view .event-item .title > span,
.PrintCalendarPreview .CalendarWrapper .list-view .grid-button,
.PrintCalendarPreview .CalendarWrapper .list-view .day-wrapper .event-content-wrapper .date-icon,
.PrintCalendarPreview .CalendarWrapper .list-view .EventDetailWrapper {
	display: none !important;
}
.PrintCalendarPreview .CalendarWrapper .list-view .day-wrapper .day-summary {
	border-top: 0;
	border-bottom: 1px #DFDFDF solid;
	padding-left: 5px;
}
.PrintCalendarPreview .CalendarWrapper .list-view #createNewEventMenu {
	display: none;
}
.PrintCalendarPreview #listViewContentWrapper {
	border: 1px #DFDFDF solid;
	border-top: 0;
}
#listViewContentWrapper {
	border-bottom: 1px #ddd solid;
}
@media only screen and (max-width: 768px) {
  #listViewContentWrapper {
    clear: both;
  }
}
.PrintCalendarPreview .CalendarWrapper .list-view .day-wrapper .collapse-icon {
	display: none;
}
.PrintCalendarPreview .CalendarWrapper .list-view .day-wrapper .event-content-wrapper .print-date {
	display: block;
	padding-top: 10px;
    font-weight: bold;
    color: #3394DA;
}
.PrintCalendarPreview.black-white .CalendarWrapper .list-view .day-wrapper .event-content-wrapper .print-date {
	color: #000;
}
.PrintCalendarPreview .CalendarWrapper .list-view .day-wrapper .add-event {
	display: none;
    pointer-events: none;
}
.PrintCalendarPreview .CalendarWrapper .list-view .day-wrapper {
    border-top: 1px #DFDFDF solid;
}
.PrintCalendarPreview .CalendarWrapper .list-view .day-wrapper .event-content-wrapper {
	min-height: 40px;
	display: block !important;
    page-break-inside: avoid;
}
.PrintCalendarPreview.black-white .CalendarWrapper .list-view .event-item .title,
.PrintCalendarPreview.black-white .CalendarWrapper table tr td .event-wrapper .event-item a.view-more,
.PrintCalendarPreview.black-white .CalendarWrapper .selected-date .calendar-item-type span {
	color: #000;
}
.PrintCalendarPreview .CalendarWrapper table tr td .event-wrapper .event-item{
	background: #FFF !important;
	pointer-events: none;
	box-sizing: border-box;
}
.PrintCalendarPreview .CalendarWrapper table tr td .event-wrapper .event-item .arrow-box-s {
    border-color: transparent #FFF !important;
}
.PrintCalendarPreview.black-white .CalendarWrapper table tr td .event-wrapper .event-item .arrow-box-f{
    border-color: transparent #000 !important;
}
.PrintCalendarPreview.black-white .CalendarWrapper .month-view table tr td .event-wrapper .event-item {
	border-color: #000;
	color: #000;
}
.CalendarModal.CustomModal .modal-dialog .modal-content {
	background: #fff;
	border-radius: 0;
}
.CalendarModal.CustomModal .modal-dialog .modal-content	.modal-header {
	padding: 5px 15px;
	background: #eee;
	border-bottom: 1px #d9d9d9 solid;
}
.CalendarModal.CustomModal .modal-dialog .modal-content	.modal-header h4 {
	line-height: 35px;
}
.CalendarModal.CustomModal .modal-dialog .modal-content	.modal-header a{
    line-height: 35px;
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 30px;
}
.CalendarModal .EventDetailPanel .modal-body {
	padding: 0;
}
.CalendarModal .EventDetailPanel .title-wrapper{
	height: 60px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding: 0 15px;
}
.CalendarModal .EventDetailPanel .title-wrapper .title{
	font-size: 24px;
	flex: 1 1 1em;
	-webkit-flex: 1 1 1em;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 15px 0;
}
.CalendarModal .EventDetailPanel .title-wrapper .action {
	padding: 15px 0;
}
.CalendarModal .EventDetailPanel .info-wrapper {
	border-top: 1px #d9d9d9 solid;
	padding: 5px 15px;
}
.CalendarModal .EventDetailPanel .info-wrapper .content-detail {
	padding-left: 10px;
}
.CalendarModal .EventDetailPanel .info-wrapper .info-group {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.CalendarModal .EventDetailPanel .info-wrapper .info-group .info{
	flex: 1 1 1em;
	-webkit-flex: 1 1 1em;
    border-bottom: 1px #d3d3d3 dotted;
    padding: 10px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.CalendarModal .EventDetailPanel .info-wrapper .info-group .info.attachments {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.CalendarModal .EventDetailPanel .info-wrapper .info-group .info.attachments > span{
	width: 100px;
}
.CalendarModal .EventDetailPanel .info-wrapper .info-group .info.attachments strong{
	flex: 1 1 1em;
	-webkit-flex: 1 1 1em;
}
.CalendarModal .EventDetailPanel .info-wrapper .info-group .info.col-2{
	flex: 2 1 1em;
    border-bottom: 1px #d3d3d3 dotted;
    padding: 10px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.CalendarModal .EventDetailPanel .info-wrapper .info-group:last-child .info:last-child,
.CalendarModal .EventDetailPanel .info-wrapper .info-group .info.last{
	border: 0;
}
.CalendarModal .EventDetailPanel .info-wrapper .info-group .info.coaches {
	flex: 2 2 2em;
}
.CalendarModal .EventDetailPanel .info-wrapper .info-group .info .is-test-set:after{
	content: "";
    width: 9px;
    height: 9px;
    background-color: #ef3914;
    display: inline-block;
    border-radius: 50%;
}
.CalendarModal .EventDetailPanel .notes-wrapper {
	border-top: 1px #d9d9d9 solid;
	background: #eee;
	padding: 4px 15px;
	text-transform: uppercase;
	font-size: 14px;
}
.CalendarModal .EventDetailPanel .notes-content {
	padding: 5px 15px;
	white-space: pre;
}
.CalendarModal .EventDetailPanel.loading .modal-body {
	visibility: hidden;
}
.CalendarModal .EventDetailPanel .spinner,
.PrintCalendarPreview .spinner {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 24px;
}
.PrintCalendarPreview.loading .spinner {
	display: inline-block;
}
.PrintCalendarPreview.loading .CalendarWrapper {
	visibility: hidden;
}
.CalendarModal .EventDetailPanel.loading .spinner {
	display: inline-block;
}
.CalendarModal .form-group {
	padding-left: 5px;
	padding-right: 5px;
}
.CalendarModal .CalendarItemModal .form-group .date-time-wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.CalendarModal .CalendarItemModal .modal-body {
	padding-bottom: 0;
}
.CalendarModal .CalendarItemModal .form-group .date-time-wrapper .date-wrapper{
	flex: 1 1 1em;
	-webkit-flex: 1 1 1em;
}
.CalendarModal .CalendarItemModal .form-group .date-time-wrapper > .time-wrapper{
	width: 114px;
	margin-left: 5px;
}
.CalendarModal .CalendarItemModal .form-group .date-time-wrapper .time-wrapper.no-margin{
	margin: 0;
}
.CalendarModal .CalendarItemModal .form-group .checkbox-field {
	height: 34px;
	line-height: 34px;
}
.CalendarModal .CalendarItemModal .form-group .checkbox-field > label{
	margin: 0;
}
.CalendarModal .CalendarItemModal .form-group .checkbox-field > label > input[type="checkbox"]{
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 2px 0;
}
.CalendarModal .CalendarItemModal .form-group.target-wrapper > div:first-child{
	padding-top: 10px;
}
.CalendarModal .CalendarItemModal .form-group.target-wrapper > div:last-child {
	flex: 1 1 1em;
	-webkit-flex: 1 1 1em;
}
.CalendarModal .CalendarItemModal .form-group.target-wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.CalendarModal .CalendarItemModal .form-group.target-wrapper > div:first-child{
	width: 130px;
	padding-top: 10px;
}
.CalendarModal .CalendarItemModal .form-group.target-wrapper > div:last-child {
	flex: 1 1 1em;
	-webkit-flex: 1 1 1em;
}
.CalendarModal .CalendarItemModal .form-group.target-wrapper .checkbox-field {
	width: 170px;
	display: inline-block;
}
.CalendarModal .CalendarItemModal .form-group.target-wrapper .checkbox-field > label {
	color: #000;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
}
.CalendarModal .CalendarItemModal .form-group.target-wrapper .checkbox-field > label > span {
	display: inline-block;
}
.CalendarModal .CalendarItemModal .messages p {
  padding: 0.5em 1em;
  margin-top: 1em;
}
.CalendarModal .form-group:first-child {
	padding-left: 0;
}
.CalendarModal .form-group:last-child{
	padding-right: 0;
}
.CalendarModal .form-group label .required{
	color: red;
}
.CalendarModal .form-group input[type=checkbox] {
	display: inline-block;
    vertical-align: middle;
    margin: 0 0 2px 0;
}
.CalendarModal .CalendarItemModal .form-group .input-group {
	width: 100%;
}
.CalendarModal .CalendarItemModal .form-group .input-group .input-group-addon{
	width: 40px;
	text-align: center;
	padding: 0;
	cursor: pointer;
}
.CalendarModal .CalendarItemModal .event-repeat .title {
    width: 20px;
    float: left;
    height: 30px;
    line-height: 30px;
}
.CalendarModal .CalendarItemModal .event-repeat .title input {
	margin-top: 4px;
}
.CalendarModal .CalendarItemModal .event-repeat .content {
  margin-left: 25px;
}
.CalendarModal .CalendarItemModal .event-repeat .content div {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.CalendarModal .CalendarItemModal .event-repeat .content div .edit-repeat {
	margin-left: 20px;
}
.CalendarModal .CalendarItemModal .event-repeat .content div:nth-child(2) strong.date {
    min-width: 100px;
    display: inline-block;
}

.CalendarModal .CalendarItemModal .form-group .attachment input[type="file"] {
  display: inline-block;
}

.CalendarModal .CalendarItemModal .form-group .attachment .table {
  margin-top: 1em;
  margin-bottom: 1em;
}

.CalendarModal .CalendarItemModal .form-group .attachment .drop-zone,
.CalendarModal .TeamEventFormModal .drop-zone {
  margin-bottom: 1em;
  border: 4px dotted #ddd;
  text-align: center;
  padding: 1.2em;
}

.CalendarModal .CalendarItemModal .form-group .attachment .drop-zone span {
	font-size: 14px;
}

.CalendarModal .CalendarItemModal .form-group .attachment .nv-file-over,
.CalendarModal.FileUploadModal .team-event-document .drop-zone.nv-file-over,
.CalendarModal .TeamEventFormModal .drop-zone.nv-file-over {
	border: 4px dotted #aaa;
}

.CalendarModal .CalendarItemModal .form-group .attachment .file-list .file-item {
  position: relative;
  float: left;
  width: 33.33%;
  margin-bottom: 1em;
  padding-right: 15px;
}

.CalendarModal .SelectLocationModal,
.CalendarModal .SelectLocationModal .modal-body {
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
    flex-flow: column nowrap;
}
.CalendarModal .SelectLocationModal .modal-body,
.CalendarModal .SelectLocationModal .modal-body > .map-wrapper{
	flex: 1 1 1em;
	-webkit-flex: 1 1 1em;
}
.CalendarModal .SelectLocationModal .modal-body > .map-wrapper {
	position: relative;
}
.CalendarModal .SelectLocationModal .modal-body > .map-wrapper > iframe{
	width: 100%;
	height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
.tags-select .title {
  	margin-bottom: 5px;
}
.tags-select .title h3 {
  	font-weight: bold;
}
.tags-select .content .tags-content {
	padding: 0 10px;
	background: #fff;
	border: 1px solid #DDD;
	border-radius: 5px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.tags-select .content .tags-content.error {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 91, 88, .6);
    border: 1px #ff5b58 solid;
}
.tags-select .content .tags-content .ul-tags-content {
	display: inline-block;
	margin: 0;
	list-style: none;
	vertical-align: middle;
	padding: 0;
	width: 100%;
}
.tags-select .content .tags-content .ul-tags-content li {
	float: left;
	margin-right: 8px;
	margin-top: 4px;
	margin-bottom: 4px;
}
.tags-select .content .tags-content .ul-tags-content li .tags-wrapper {
	padding: 2px 5px;
	border-radius: 3px;
	cursor: default;
	font-weight: bold;
	max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tags-select .btn.btn-primary:focus {
    background-color: #ee3423 !important;
    border-color: #e62412 !important;
}
.tags-select .content .tags-content .ul-tags-content li .tags-wrapper img {
	width: 10px;
	padding-bottom: 3px;
}
.tags-select .content .tags-content .ul-tags-content li .tags-wrapper .fa-times {
	cursor: pointer;
}
.tags-select .content .tags-content .ul-tags-content li .new-tag {
	width: 50px;
	cursor: pointer;
}
.SetTags .ul-tags-content li:last-child{
	min-height: 24px;
}
.tags-select .content .ui-select-match {
	background: none;
	border: 1px transparent solid;
	outline: none;
	box-shadow: none;
	height: 26px;
}
.tags-select .content .ui-select-match .ui-select-toggle {
	background: none !important;
	padding: 2px 5px;
	cursor: default;
	height: auto;
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.tags-select .content .ui-select-match .ui-select-toggle span {
	color: #777;
	cursor: pointer;
}
.tags-select .content .ui-select-match .ui-select-toggle .caret {
	display: none;
}
.tags-select .content .ui-select-container input {
	padding: 2px 5px;
	height: auto;
	width: 180px;
	border-color: white !important;
	box-shadow: none !important;
	border-radius: 0px !important;
	float: none;
}
.meet-types .tags-select .content .ui-select-container input {
	width: 190px;
}
.tags-select .content .ui-select-container {
	width: auto;
}
.tags-select .content .ui-select-container >.ui-select-choices {
	padding: 0;
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
	margin-top: 10px;
	background-color: #e9e9e9;
	min-width: 200px;
}
.tags-select .content .ui-select-container >.ui-select-choices .ui-select-choices-group{
	max-height: 256px !important;
}
.tags-select .content .ui-select-container >.ui-select-choices li {
	margin: 0;
	width: 100%;
}
.tags-select .content .ui-select-container >.ui-select-choices .ui-select-choices-row a {
	padding: 2px 4px;
	display: block;
}
.tags-select .content .ui-select-container >.ui-select-choices .ui-select-choices-row a div.ui-select-tag {
	display: inline-block;
	background-color: #5fa8dc;
	padding: 3px 5px 3px 3px;
	border-radius: 3px;
	border-color: #4a9dd7;
	width: 100%;
	font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tags-select .content .ui-select-container >.ui-select-choices .ui-select-choices-row a div.ui-select-tag.isChoose > span {
	display: inline-block;
	line-height: 11px;
}
.tags-select .content .ui-select-container >.ui-select-choices .ui-select-choices-row a div.ui-select-tag>span{
	color: #FFF;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	display: inline;
	overflow: hidden;
}
.tags-select .content .ui-select-container >.ui-select-choices .ui-select-choices-row a div.ui-select-tag img {
	width: 10px;
	padding-bottom: 3px;
}
.tags-select .content .ui-select-container >.ui-select-choices .ui-select-choices-row a:hover {
	background-color: #fff;
}
.tags-select .content .ui-select-container >.ui-select-choices .ui-select-choices-row.active a,
.tags-select .content .ui-select-container >.ui-select-choices .ui-select-choices-row  a:hover,
.tags-select .content .ui-select-container >.ui-select-choices .ui-select-choices-row.active a div.ui-select-tag,
.tags-select .content .ui-select-container >.ui-select-choices .ui-select-choices-row.active a div.ui-select-tag > span,
.tags-select .content .ui-select-container >.ui-select-choices .ui-select-choices-row a:hover div.ui-select-tag,
.tags-select .content .ui-select-container >.ui-select-choices .ui-select-choices-row a:hover div.ui-select-tag > span  {
	color: #000 !important;
	background-color: #fff0d3 !important;
}

/*X SMALL MODAL*/

.CalendarModal.ModalXSmall .modal-dialog .modal-content{
	width: 600px;
    margin: 0 auto;
    position: relative;
    top: 100px;
    padding: 10px;
    overflow: visible;
}
.CalendarModal.ModalXSmall .modal-dialog .modal-content .modal-header{
	padding: 3px 0;
    color: #fff;
    background: #5CA7E0;
    height: auto;
    min-height: auto;
}
.CalendarModal.ModalXSmall .modal-dialog .modal-content .modal-header h4{
	margin: 0 !important;
	color: #fff;
	padding-left: 10px;
}
.CalendarModal.ModalXSmall .modal-dialog .modal-content .modal-body {
	padding: 10px 0;
}
.CalendarModal.ModalXSmall .repeat-modal .form-group {
	padding-left: 0;
    padding-right: 10px;
}
.CalendarModal.ModalXSmall .repeat-modal .form-group.last-group {
    padding-right: 0;
}
.CalendarModal.ModalXSmall .repeat-modal .form-group.repeat-every label {
	display: block;
	height: 17px;
}
.CalendarModal.ModalXSmall .repeat-modal .form-group.repeat-on label{
	padding: 0;
	height: 34px;
	line-height: 34px;
}
.CalendarModal.ModalXSmall .repeat-modal .form-group.repeat-on div.col-md-3 {
	padding-left: 0;
	padding-right: 10px;
}
.CalendarModal.ModalXSmall .repeat-modal .form-group.repeat-on div.col-md-7 {
	padding: 0;
}
.CalendarModal.ModalXSmall .repeat-modal .form-group label input[type="radio"]{
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 2px 0;
}
.CalendarModal.ModalXSmall .repeat-modal .form-group.repeat-every input[type="number"] {
    width: 100px;
    display: inline-block;
}
.CalendarModal.ModalXSmall .repeat-modal .form-group.repeat-every span {
    margin-left: 5px;
}
.CalendarModal.ModalXSmall .repeat-modal .form-group span.checkbox-wrapper {
	padding: 0 10px;
}
.CalendarModal.ModalXSmall .repeat-modal .form-group .daily-repeat span.checkbox-wrapper:first-child {
	padding-left: 0;
}
.CalendarModal.ModalXSmall .repeat-modal .form-group span.checkbox-wrapper > label {
	margin: 0;
}
.CalendarModal.ModalXSmall .repeat-modal .form-group span.checkbox-wrapper > label input[type="checkbox"]{
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 2px 0;
}
.CalendarModal.ModalAuto .modal-dialog .modal-content > div{
	/*height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-flow: column nowrap;*/
}
.CalendarModal.ModalAuto .modal-dialog .modal-content > div .modal-body{
	flex: 1 1 1em;
	-webkit-flex: 1 1 1em;
}
.CalendarModal.ModalAuto .modal-dialog .modal-content > div .modal-body {
    box-sizing: content-box;
}
.SettingCalendarModal .modal-body .setting-action{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.SettingCalendarModal .modal-body .setting-action > div{
	flex: 1 1 1em;
	-webkit-flex: 1 1 1em;
}
.SettingCalendarModal .modal-body .setting-action > div:last-child{
	text-align: right;
}
.SettingCalendarModal .setting-content table tr td .color {
	display: inline-block;
	width: 70px;
}
.SettingSubscribeCalendarModal .subscribe-description {
	font-size: 1.5em;
  padding: 15px 10px 0 15px;
}
.SettingCalendarModal .modal-body .content-info,
.SettingSubscribeCalendarModal .modal-body .content-info{
	background: #fff;
    padding: 10px 10px 0;
}
.SettingCalendarModal .modal-body .content-info table {
	margin-bottom: 0;
}
.SettingCalendarModal .modal-body .content-info table tr:hover {
	cursor: pointer;
}
.SettingNewCalendarModal .sp-replacer {
	height: 34px;
    border-radius: 4px;
    border: 0;
    background: #fff;
    width: 100%;
    padding: 0;
}
.SettingNewCalendarModal .sp-replacer .sp-preview,
.SettingNewCalendarModal .sp-replacer .sp-preview .sp-preview-inner{
	background-image: none;
	width: 100%;
	border: 0;
	height: 100%;
}
.SettingNewCalendarModal .sp-replacer .sp-dd {
	display: none;
}
.SettingNewCalendarModal .form-group textarea {
	width: 100%;
    resize: none;
    height: 120px;
}
.CalendarModal .form-info-status {
    display: inline-block;
    width: 70px;
    vertical-align: middle;
    font-size: 10px;
}
.CalendarModal form .form-edit-item-index {
	padding-bottom: 10px;
}
.CalendarModal form .form-edit-item-index .index-text {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #939393;
}
.CalendarModal form .form-edit-item-index .index-action {
    float: right;
    font-size: 14px;
    text-transform: uppercase;
}
.CalendarModal form .form-edit-item-index .index-action i{
	font-weight: bold;
}
.CalendarModal form .form-edit-item-index .index-action .index-sep{
	color: #939393;
}
.CalendarModal form .form-edit-item-index .index-action .disabled a{
	pointer-events: none;
    color: #bababa;
}
.CalendarModal .modal-body form .form-row:last-child .form-group {
	margin-bottom: 0;
}
.CalendarModal .modal-body form .form-row:last-child .form-group .registration-action {
	padding-left: 16px;
}
.SettingSubscribeCalendarModal table {
	margin: 0;
}
.SettingSubscribeCalendarModal table tr td {
	vertical-align: middle;
}
.SettingSubscribeCalendarModal table tr td.copy-link div.input-group {
	width: 100%;
}
.SettingSubscribeCalendarModal table tr td .calendar-type {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-bottom: 5px;
}
.SettingSubscribeCalendarModal table tr td.copy-link input,
.SettingSubscribeCalendarModal table tr td.copy-link button {
	height: 28px;
	line-height: 28px;
}
.SettingSubscribeCalendarModal table tr td.copy-link input {
	background: #fff;
}
.SettingSubscribeCalendarModal table tr td.copy-link button {
	padding: 0 10px;
	background: #e6e6e6;
}
.CalendarModal .spinner {
	font-size: 18px;
	display: none;
}
.CalendarModal .modal-body.loading .tab-content,
.CalendarModal .modal-body.loading .form-info{
	visibility: hidden;
	opacity: 0.65;
}
.CalendarModal .modal-body.loading .spinner {
	display: inline-block;
	position: absolute;
	top: 20%;
	left: 50%;
}
.CalendarModal .EditCalendarNoteModal .modal-body *{
   	box-sizing: content-box;
}
.CalendarModal .AddPracticeModal {
	height: 100%;
}
.CalendarModal .AddPracticeModal .modal-body{
	border-radius: 6px;
	overflow: hidden;
	padding: 0;
	height: 100%;
}
.CalendarModal .AddPracticeModal .modal-body iframe {
	width: 100%;
	border: 0;
	height: 100%;
}

.PracticeModal.PracticeLgModal .modal-dialog {
	background: red;
}
.CalendarItemModal #custom_export_content .fa-spinner {
	position: absolute;
    left: 50%;
}
.pac-container {
	z-index: 10000000;
}
.SelectLocationModal #pac-input {
	width: calc(100% - 120px);
	top: 9px !important;
}
.SelectLocationModal #infowindow-content {
	display: none;
}
.SelectLocationModal .gm-style-iw #infowindow-content {
	display: block;
}
.SettingSubscribeCalendarModal .searchable-multi-select {
  position: relative;
}

.SettingSubscribeCalendarModal .searchable-multi-select a {
	width: 100%;
	padding: 3px 7px !important;
	overflow: hidden;
	background-color: #fff !important;
}
.SettingSubscribeCalendarModal .searchable-multi-select a span {
    display: block;
    overflow: hidden;
    margin-right: 10px;
    position: static;
    background: none;
    width: auto;
    text-align: left;
}
.SettingSubscribeCalendarModal .searchable-multi-select a .caret {
	position: absolute;
	right: 5px;
	top: 45%;
}
.SettingSubscribeCalendarModal ul.dropdown-menu-form {
	padding: 5px 10px 0;
	overflow: hidden;
	height: 300px;
}
.SettingSubscribeCalendarModal ul.dropdown-menu-form > li > ul{
	margin: 5px 0 0 0;
	padding: 0;
	height: 255px;
	overflow-y: auto;
}
.SettingSubscribeCalendarModal ul.dropdown-menu-form > li > ul li {
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
}
.SettingSubscribeCalendarModal ul.dropdown-menu-form > li > ul li.selected,
.SettingSubscribeCalendarModal ul.dropdown-menu-form > li > ul li:hover {
	background: #4f99c6;
}
.SettingSubscribeCalendarModal ul.dropdown-menu-form > li > ul li label {
	min-height: 10px;
	margin: 0;
}
.SettingSubscribeCalendarModal span.limit-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.SettingSubscribeCalendarModal .timezone-wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-bottom: 15px;
}
.SettingSubscribeCalendarModal .timezone-wrapper > div:first-child {
	width: 120px;
    text-align: right;
    padding-right: 10px;
    line-height: 34px;
}
.SettingSubscribeCalendarModal .timezone-wrapper > div:last-child {
	flex: 1 1 1em;
}
#calendarContent .view-header-sm {
  display: none;
}
@media only screen and (max-width: 768px) {
  #calendarContent .view-header-sm {
    display: block;
    padding: 0.5em 1em;
    background-color: #eee;
    font-weight: bold;
  }
  .CalendarWrapper .view-header-sm .number {
    font-size: 1.5em;
  }
  .CalendarWrapper .view-header-sm .event-type {
    text-transform: uppercase;
    color: #7E7E7E;
  }
}
#calendarContent .month-view .event-type-1:hover {
  color: #EE3423 !important;
}
@media only screen and (max-width: 768px) {
  #calendarContent .month-view {
    margin-top: 0.5em;
  }
}
#calendarContent .event-type-4 {
/*    background: inherit !important;
    border-color: #FEDFB0 !important;*/
    color: #FD9D4A !important;
}
#calendarContent .event-type-4:hover {
    background: #FFE9CA !important;
}

#calendarContent .event-type-4 .arrow-box-s {
    border-color: transparent #FFE9CA !important;
}
#calendarContent .event-type-4 .arrow-box-f {
    border-color: transparent #FEDFB0 !important;
}
.PrintCalendarPreview .event-type-4 {
/*    background: #FFE9CA !important;
    border-color: #FEDFB0 !important;*/
    color: #FD9D4A !important;
}
.PrintCalendarPreview .event-type-4 .arrow-box-s {
    border-color: transparent #FFE9CA !important;
}
.PrintCalendarPreview .event-type-4 .arrow-box-f {
    border-color: transparent #FEDFB0 !important;
}
#viewAllEventOfDate .event-type-4 .title-wrapper {
    color: #FD9D4A !important;
}
#calendarContent .list-view .event-type-4,
.PrintCalendarPreview .list-view .event-type-4 {
    background: none !important;
}
#calendarContent .list-view .event-type-4:hover,
#calendarContent .list-view .event-item.active .event-type-4 {
    background: #FFE9CA !important;
    color: #FD9D4A !important;
}

#filtersCustomizerWrapper .list-group .list-group-item {
	cursor: pointer;
}
#filtersCustomizerWrapper .list-group .list-group-item .form-group {
	margin: 6px 0 0 32px;
}
#filtersCustomizerWrapper .list-group .list-group-item .form-group.team-event-filter ul:last-child {
	position: relative;
}
#filtersCustomizerWrapper .list-group .list-group-item .form-group ul li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#filtersCustomizerWrapper .list-group .list-group-item .form-group button,
#filtersCustomizerWrapper .list-group .list-group-item .form-group ul {
	width: 100%;
}
#filtersCustomizerWrapper .list-group .list-group-item .form-group .dropdown-menu-wrapper ul li a i {
    color: #ddd;
}
#filtersCustomizerWrapper .list-group .list-group-item .form-group .dropdown-menu-wrapper ul li a i.active {
	color: #000;
}
#filtersCustomizerWrapper .list-group .custom-badge .badge {
	margin-right: 8px;
}

@media print {
	.PrintCalendarPreview {
		height: auto;
	}
  	.PrintCalendarPreview,
	.PrintCalendarPreview  .modal-body {
		display: block;
	}
}
@media (max-width: 1023px) {
	#calendar-main{
	    margin-top: 50px;
	}
	.CalendarWrapper .content-wrapper {
		display: block;
	}
	.CalendarWrapper .content-wrapper .mini-calendar {
		width: 100% !important;
		margin: 0;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		margin-bottom: 15px;
	}
	.CalendarWrapper .content-wrapper .mini-calendar > div {
		flex: 1 1 1em;
		-webkit-flex: 1 1 1em;
	}
	.CalendarWrapper .content-wrapper .mini-calendar > div:first-child {
		margin-right: 10px;
	}
	.CalendarWrapper .content-wrapper .mini-calendar > div.filter-wrapper {
		margin-left: 10px;
		margin-top: 0;
	}
	.CalendarWrapper .content-wrapper .mini-calendar .filter-wrapper .setting-calendar {
		min-height: inherit;
	}
	.CalendarWrapper .mini-calendar .datepicker table {
	    width: 269px;
	}
	.CalendarWrapper .mini-calendar .datepicker table th,
	.CalendarWrapper .mini-calendar .datepicker table td {
		width: 38px;
		height: 32px;
		vertical-align: middle;
	}
	.CalendarWrapper .search-wrapper .toggle-calendar.show-mini-calendar,
	.CalendarWrapper .calendar-content .fullscreen-wrapper .fullscreen-button {
		display: none;
	}
	.CalendarWrapper .mini-calendar .datepicker table,
	.CalendarWrapper .mini-calendar .datepicker table th,
	.CalendarWrapper .mini-calendar .datepicker table td {
	    font-size: 12px;
	}
	.CalendarWrapper .mini-calendar .datepicker table tr.day-of-week th {
		padding: 5px 0;
	}
	.CalendarWrapper .mini-calendar .datepicker table th.switch {
		width: 154px;
	}
	.CalendarModal .CalendarItemModal .form-row .form-group,
	.CalendarModal .TeamEventFormModal .form-row .form-group {
		padding-left: 0;
		padding-right: 0;
	}
	.CalendarWrapper .calendar-notes .new-calendar-item .btn-edit-calendar-note span,
  .CalendarWrapper .calendar-notes .new-calendar-item .btn-calendar-settings span,
  .CalendarWrapper .calendar-notes .new-calendar-item .dropdown-toggle span.name-view span {
		display: none;
	}

	.CalendarModal .modal-dialog .modal-content,
	.CalendarModal.ModalAuto .modal-dialog .modal-content  {
		margin: 30px 0;
	}
	.CalendarModal .TeamEventFormModal .form-row .form-group.custom-group {
		margin-top: 15px;
	}
	.CalendarModal .TeamEventFormModal .form-row .form-group.restrict-entry {
		clear: both;
	}

  .CalendarModal .CalendarSettingsModal div.modal-body
}

@media (max-width: 768px){
	.CalendarWrapper .filters-wrap > div > .btn-group.btn-group-justified > div.btn-group:nth-child(2) {
    	display: none;
	}
	.CalendarWrapper .filters-wrap > div > .btn-group.btn-group-justified > div.btn-group button{
	    height: 34px;
	}
}
@media only screen and (max-width: 768px) {
  .CalendarWrapper .content-wrapper .mini-calendar {
    margin-bottom: 0.5em;
  }
  .CalendarWrapper .content-wrapper .mini-calendar .calendar {
    display: none;
  }
}
@media (max-width: 450px){
	.CalendarWrapper .search-wrapper .print-wrapper,
	.CalendarWrapper .content-wrapper .mini-calendar,
	.CalendarWrapper .content-wrapper .calendar-content .calendar-action,
	.PrintCalendarPreview .print-action-wrapper .action {
		display: block;
	}
	.CalendarWrapper .search-wrapper .print-wrapper .print-button {
		margin-bottom: 0.5em;
	}
	.CalendarWrapper .content-wrapper .mini-calendar > div:first-child {
		margin-bottom: 15px;
	}
	.CalendarWrapper .content-wrapper .calendar-content .calendar-action .view-type-action-wrapper {
		text-align: left;
	}
	.CalendarWrapper .content-wrapper .mini-calendar > div.filter-wrapper {
		margin: 0;
		padding: 0 !important;
	}
	/*
	.CalendarWrapper .day-view table tr.day-names .day {
		overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}*/
	.TeamEventFormModal {
		overflow: hidden;
	}
	.CalendarModal .modal-dialog .modal-content,
	.CalendarModal.ModalAuto .modal-dialog .modal-content {
		margin: 0;
		top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    min-height: 100%;
	}
	.CalendarWrapper .list-view .day-wrapper .event-content-wrapper .event-content .event-wrapper .time-info{
	    display: none;
	}
}
.CalendarWrapper .calendar-content .fullscreen-wrapper .fullscreen-button a i.fa {
  margin-right: 0.5em;
}
.TeamEventWrapper {
  box-sizing: border-box;
  padding: 0px;
  float: left;
  width: 100%;
  height: auto;
}
.TeamEventWrapper .event-notes {
  padding-left: 15px;
  padding-right: 15px;
}
.TeamEventWrapper .event-notes > div {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.TeamEventWrapper .event-notes > .notes {
  text-align: justify;
}
.TeamEventWrapper .event-notes > .buttons {
  text-align: right;
}
.TeamEventWrapper.Widgets.DataTable .ResultPane {
  margin-bottom: 200px;
}
.TeamEventWrapper.Widgets.DataTable .ResultPane .ResultListerWrapper {
  width: 100%;
  height: 50em;
  overflow-x: hidden;
  overflow-y: scroll;
}
.TeamEventWrapper .nav-tabs {
  border: none;
  border-bottom: 2px solid #ddd;
}
.TeamEventWrapper .nav-tabs .spinner {
  font-size: 1.5em;
  margin-top: 0.4em;
  margin-left: 0.5em;
}
.TeamEventWrapper .nav-tabs li {
  border: none;
  margin-bottom: 0;
}
.TeamEventWrapper .nav-tabs li.active {
  border-bottom: 2px solid #5fa8dc;
  margin-bottom: -2px;
}
.TeamEventWrapper .nav-tabs li a,
.TeamEventWrapper .nav-tabs li a:hover {
  border: none;
  color: #777;
  background-color: #fff;
  font-weight: bold;
}
.TeamEventWrapper .nav-tabs li.active a {
  color: #5fa8dc;
}
@media only screen and (min-width: 768px) {
  .TeamEventWrapper .DateFilter {
    padding: 10px 30px 0;
  }
  .TeamEventWrapper .DateFilter .date-wrapper {
    padding-right: 0;
  }
  .TeamEventWrapper .DateFilter .search {
    padding-right: 0;
    text-align: right;
  }
  .TeamEventWrapper .DateFilter .search button {
    width: 100%;
  }
  .TeamEventWrapper .DateFilter .title {
    text-align: right;
    padding-top: 0.5em;
    padding-right: 0;
  }
}
@media only screen and (max-width: 414px) {
  .TeamEventWrapper .DateFilter .title {
    padding-top: 20px !important;
  }
  .TeamEventWrapper .DateFilter .title,
  .TeamEventWrapper .DateFilter .date-wrapper,
  .TeamEventWrapper .DateFilter .search {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .TeamEventWrapper .DateFilter .search {
    text-align: right;
  }
}
.TeamEventWrapper .SearchAndFilter {
  float: right;
  margin-bottom: 0.5em;
}
.TeamEventWrapper .CustomizerPane {
  clear: none !important;
  float: right !important;
  width: auto !important;
  background: none !important;
}
.TeamEventWrapper .CustomizerPane .CustomizerControls {
  margin-top: 0 !important;
}
.TeamEventWrapper .CustomizerPane .CustomizerControls .CustomizeFiltersContainer {
  margin-top: 10px;
}
.TeamEventWrapper .CustomizerPane .SavedViewsExplain {
  display: none;
}
.TeamEventWrapper .CustomizerPane .CustomizerActions {
  width: 100%;
  padding-left: 0.5em !important;
}
@media only screen and (max-width: 414px) {
  .TeamEventWrapper .CustomizerPane .CustomizerActions {
    padding-right: 0 !important;
  }
}
.TeamEventWrapper .SearchPane {
  position: absolute;
  right: 175px;
  padding: 10px 0;
}
.TeamEventWrapper .Subscription {
  position: absolute;
  right: 500px;
  padding: 10px 7px;
}
@media only screen and (max-width: 768px) {
  .TeamEventWrapper .SearchPane {
    position: relative;
    float: right;
    right: auto;
  }
  .TeamEventWrapper .Subscription {
    position: relative;
    float: right;
    right: auto;
  }
}

.TeamEventWrapper .SearchPane .TextSearchInput .input-group {
  width: 320px;
}
.TeamEventWrapper .TeamEventLister .team-event {
  border-top: 1px solid #DFDFDF;
  display: flex;
  margin-bottom: 1em;
  padding: 0 15px;
}
.TeamEventWrapper .TeamEventLister .team-event .event-info .buttons {
  text-align: right;
}
.TeamEventWrapper .TeamEventLister .team-event .event-info .buttons button {
  margin-bottom: 4px;
}

@media only screen and (max-width: 414px) {
  .TeamEventWrapper .TeamEventLister .team-event .event-info .buttons {
  text-align: left;
  }
}
.TeamEventWrapper .TeamEventLister .date-info {
  margin-top: 0.5em;
}
.TeamEventWrapper .TeamEventLister .date-info .date-icon {
  width: 74px;
  margin-right: 10px;
  background-color: #F7F7F7;
  text-align: center;
}
.TeamEventWrapper .TeamEventLister .date-info .date-icon .month {
  background-color: #5CA7DE;
  color: #fff;
  font-weight: bold;
  padding: 3px 0;
}
.TeamEventWrapper .TeamEventLister .date-info .date-icon .date {
  color: #EE3715;
  font-weight: bold;
  font-size: 1.8em;
  padding: 0px 0;
  border-left: 1px #DFDFDF solid;
  border-right: 1px #DFDFDF solid;
}
.TeamEventWrapper .TeamEventLister .date-info .date-icon .year {
  font-weight: bold;
  font-size: 1.2em;
  border-left: 1px #DFDFDF solid;
  border-right: 1px #DFDFDF solid;
  border-bottom: 1px #DFDFDF solid;
}
.TeamEventWrapper .TeamEventLister .event-info {
  width: 100%;
  padding-top: 0.5em;
}
.TeamEventWrapper .TeamEventLister .event-info .title,
.TeamEventWrapper .TeamEventLister .event-info .short-description {
  margin: 0 !important;
  padding: 0;
}
.TeamEventWrapper .TeamEventLister .event-info .title {
  font-size: 16px;
  font-weight: bold;
}
.TeamEventWrapper .TeamEventLister .event-info .short-description {
  font-weight: bold;
  color: #757575;
}
.TeamEventWrapper .TeamEventLister .event-info .description-section {
  margin-top: 0.8em;
}
.TeamEventWrapper .TeamEventLister .event-info .title,
.TeamEventWrapper .TeamEventLister .event-info .short-description,
.TeamEventWrapper .TeamEventLister .event-info .description {
  cursor: pointer;
}
.TeamEventWrapper .TeamEventLister .event-info .description p {
  margin-bottom: 0 !important;
}
.TeamEventWrapper .TeamEventLister .event-info .title-pic {
  float: left;
  max-height: 60px;
  margin-right: 1em;
}
.TeamEventWrapper .TeamEventLister .event-info .touchpad-icon {
  margin-bottom: 0 !important;
}
.TeamEventWrapper .TeamEventLister .event-info .meet-results {
  margin-bottom: 0.5em;
}
.TeamEventWrapper .TeamEventLister .event-info .meet-results a {
  text-decoration: none;
  margin-right: 1em;
}
.CalendarWrapper .day-view .EventDetailWrapper ul.practice-details {
  padding-left: 0;
  margin-top: 0.5em;
}
.CalendarWrapper .day-view .EventDetailWrapper ul.practice-details li {
  display: inline-block;
  border-left: 1px solid #ddd;
  padding-left: 0.6em;
  padding-right: 0.5em;
}
.CalendarWrapper .day-view .EventDetailWrapper ul.practice-details li.first {
  border: none;
}
.CalendarWrapper .day-view .EventDetailWrapper ul.practice-details li.roster-group .indicator {
  content: "";
  width: 9px;
  height: 9px;
  display: inline-block;
  padding: 0;
  margin: 0 5px 0 0 !important;
}
time-picker2 select {
  position: absolute;
  z-index: 2;
  top: 0;
}
time-picker2 select option {
  padding-top: 0.4em;
  padding-bottom: 0.2em;
  padding-left: 0.4em;
  margin-bottom: 0.2em;
}
time-picker2 input {
  position: absolute;
  z-index: 3;
  top: 0;
}

/*
  Bootstrap 3.4.1 modifies element colors.
  The following styles maintain the element colors from Bootstrap 3.2.0.
*/

a {
  color: #5fa8dc;
}
a:hover,
a:focus {
  color: #2b84c4;
}
.btn-default {
  color: #333333 !important;
  background-color: #ffffff !important;
  border-color: #cccccc !important;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333333 !important;
  background-color: #e6e6e6 !important;
  border-color: #adadad !important;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none !important;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff !important;
  border-color: #cccccc !important;
}
.btn-default .badge {
  color: #ffffff !important;
  background-color: #333333 !important;
}
.btn-primary {
  color: #ffffff !important;
  background-color: #5fa8dc !important;
  border-color: #4a9dd7 !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff !important;
  background-color: #3591d3 !important;
  border-color: #297ebb !important;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none !important;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #5fa8dc !important;
  border-color: #4a9dd7 !important;
}
.btn-primary .badge {
  color: #5fa8dc !important;
  background-color: #ffffff !important;
}
.btn-success {
  color: #ffffff !important;
  background-color: #84c55f !important;
  border-color: #76be4c !important;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff !important;
  background-color: #69b140 !important;
  border-color: #599737 !important;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none !important;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #84c55f !important;
  border-color: #76be4c !important;
}
.btn-success .badge {
  color: #84c55f !important;
  background-color: #ffffff !important;
}
.btn-info {
  color: #ffffff !important;
  background-color: #26bcd6 !important;
  border-color: #22a9c0 !important;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff !important;
  background-color: #1e96ab !important;
  border-color: #197b8c !important;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none !important;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #26bcd6 !important;
  border-color: #22a9c0 !important;
}
.btn-info .badge {
  color: #26bcd6 !important;
  background-color: #ffffff !important;
}
.btn-warning {
  color: #333333 !important;
  background-color: #f5e071 !important;
  border-color: #f3db59 !important;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #333333 !important;
  background-color: #f2d641 !important;
  border-color: #efce20 !important;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none !important;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f5e071 !important;
  border-color: #f3db59 !important;
}
.btn-warning .badge {
  color: #f5e071 !important;
  background-color: #333333 !important;
}
.btn-danger {
  color: #ffffff !important;
  background-color: #ee3423 !important;
  border-color: #e62412 !important;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff !important;
  background-color: #ce2010 !important;
  border-color: #ad1b0d !important;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none !important;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #ee3423 !important;
  border-color: #e62412 !important;
}
.btn-danger .badge {
  color: #ee3423 !important;
  background-color: #ffffff !important;
}

/*
  End of styles preserving Bootstrap 3.2.0 element colors.
*/

html {
  font-size: inherit !important;
}