/* Minification failed. Returning unminified contents.
(2139,27): run-time error CSS1039: Token not allowed after unary operator: '-vh'
(2140,22): run-time error CSS1063: Expected calculation unit, found '-webkit-fill-available'
(2140,22): run-time error CSS1064: Expected calculation product, found '-webkit-fill-available'
(2140,22): run-time error CSS1065: Expected calculation sum, found '-webkit-fill-available'
(2140,22): run-time error CSS1034: Expected closing parenthesis, found '-webkit-fill-available'
(2140,22): run-time error CSS1042: Expected function, found '-webkit-fill-available'
(2140,46): run-time error CSS1019: Unexpected token, found ' '
(2140,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(2146,23): run-time error CSS1039: Token not allowed after unary operator: '-vh'
(2147,22): run-time error CSS1063: Expected calculation unit, found '-webkit-fill-available'
(2147,22): run-time error CSS1064: Expected calculation product, found '-webkit-fill-available'
(2147,22): run-time error CSS1065: Expected calculation sum, found '-webkit-fill-available'
(2147,22): run-time error CSS1034: Expected closing parenthesis, found '-webkit-fill-available'
(2147,22): run-time error CSS1042: Expected function, found '-webkit-fill-available'
(2147,46): run-time error CSS1019: Unexpected token, found ' '
(2147,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(2153,23): run-time error CSS1039: Token not allowed after unary operator: '-vh'
(2154,22): run-time error CSS1063: Expected calculation unit, found '-webkit-fill-available'
(2154,22): run-time error CSS1064: Expected calculation product, found '-webkit-fill-available'
(2154,22): run-time error CSS1065: Expected calculation sum, found '-webkit-fill-available'
(2154,22): run-time error CSS1034: Expected closing parenthesis, found '-webkit-fill-available'
(2154,22): run-time error CSS1042: Expected function, found '-webkit-fill-available'
(2154,46): run-time error CSS1019: Unexpected token, found ' '
(2154,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(2177,23): run-time error CSS1039: Token not allowed after unary operator: '-vh'
(2178,22): run-time error CSS1063: Expected calculation unit, found '-webkit-fill-available'
(2178,22): run-time error CSS1064: Expected calculation product, found '-webkit-fill-available'
(2178,22): run-time error CSS1065: Expected calculation sum, found '-webkit-fill-available'
(2178,22): run-time error CSS1034: Expected closing parenthesis, found '-webkit-fill-available'
(2178,22): run-time error CSS1042: Expected function, found '-webkit-fill-available'
(2178,46): run-time error CSS1019: Unexpected token, found ' '
(2178,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(2189,23): run-time error CSS1039: Token not allowed after unary operator: '-vh'
(2190,22): run-time error CSS1063: Expected calculation unit, found '-webkit-fill-available'
(2190,22): run-time error CSS1064: Expected calculation product, found '-webkit-fill-available'
(2190,22): run-time error CSS1065: Expected calculation sum, found '-webkit-fill-available'
(2190,22): run-time error CSS1034: Expected closing parenthesis, found '-webkit-fill-available'
(2190,22): run-time error CSS1042: Expected function, found '-webkit-fill-available'
(2190,46): run-time error CSS1019: Unexpected token, found ' '
(2190,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(2195,23): run-time error CSS1039: Token not allowed after unary operator: '-vh'
(2196,22): run-time error CSS1063: Expected calculation unit, found '-webkit-fill-available'
(2196,22): run-time error CSS1064: Expected calculation product, found '-webkit-fill-available'
(2196,22): run-time error CSS1065: Expected calculation sum, found '-webkit-fill-available'
(2196,22): run-time error CSS1034: Expected closing parenthesis, found '-webkit-fill-available'
(2196,22): run-time error CSS1042: Expected function, found '-webkit-fill-available'
(2196,46): run-time error CSS1019: Unexpected token, found ' '
(2196,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(2822,27): run-time error CSS1039: Token not allowed after unary operator: '-vh'
(2823,26): run-time error CSS1063: Expected calculation unit, found '-webkit-fill-available'
(2823,26): run-time error CSS1064: Expected calculation product, found '-webkit-fill-available'
(2823,26): run-time error CSS1065: Expected calculation sum, found '-webkit-fill-available'
(2823,26): run-time error CSS1034: Expected closing parenthesis, found '-webkit-fill-available'
(2823,26): run-time error CSS1042: Expected function, found '-webkit-fill-available'
(2823,50): run-time error CSS1019: Unexpected token, found ' '
(2823,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(2827,31): run-time error CSS1039: Token not allowed after unary operator: '-vh'
(2828,26): run-time error CSS1063: Expected calculation unit, found '-webkit-fill-available'
(2828,26): run-time error CSS1064: Expected calculation product, found '-webkit-fill-available'
(2828,26): run-time error CSS1065: Expected calculation sum, found '-webkit-fill-available'
(2828,26): run-time error CSS1034: Expected closing parenthesis, found '-webkit-fill-available'
(2828,26): run-time error CSS1042: Expected function, found '-webkit-fill-available'
(2828,50): run-time error CSS1019: Unexpected token, found ' '
(2828,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(2832,27): run-time error CSS1039: Token not allowed after unary operator: '-vh'
(2833,26): run-time error CSS1063: Expected calculation unit, found '-webkit-fill-available'
(2833,26): run-time error CSS1064: Expected calculation product, found '-webkit-fill-available'
(2833,26): run-time error CSS1065: Expected calculation sum, found '-webkit-fill-available'
(2833,26): run-time error CSS1034: Expected closing parenthesis, found '-webkit-fill-available'
(2833,26): run-time error CSS1042: Expected function, found '-webkit-fill-available'
(2833,50): run-time error CSS1019: Unexpected token, found ' '
(2833,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(2837,27): run-time error CSS1039: Token not allowed after unary operator: '-vh'
(2838,26): run-time error CSS1063: Expected calculation unit, found '-webkit-fill-available'
(2838,26): run-time error CSS1064: Expected calculation product, found '-webkit-fill-available'
(2838,26): run-time error CSS1065: Expected calculation sum, found '-webkit-fill-available'
(2838,26): run-time error CSS1034: Expected closing parenthesis, found '-webkit-fill-available'
(2838,26): run-time error CSS1042: Expected function, found '-webkit-fill-available'
(2838,50): run-time error CSS1019: Unexpected token, found ' '
(2838,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(4745,40): run-time error CSS1039: Token not allowed after unary operator: '-vh'
(7767,32): run-time error CSS1039: Token not allowed after unary operator: '-ic-brand-primary'
(8924,28): run-time error CSS1039: Token not allowed after unary operator: '-vh'
(8949,36): run-time error CSS1039: Token not allowed after unary operator: '-vh'
(8955,27): run-time error CSS1039: Token not allowed after unary operator: '-vh'
(9885,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9886,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9887,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9888,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9889,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9891,16): run-time error CSS1039: Token not allowed after unary operator: '-donut-size'
(9894,15): run-time error CSS1039: Token not allowed after unary operator: '-donut-size'
(9933,16): run-time error CSS1039: Token not allowed after unary operator: '-donut-border-width'
(9946,27): run-time error CSS1039: Token not allowed after unary operator: '-donut-border-width'
(9947,35): run-time error CSS1039: Token not allowed after unary operator: '-donut-spacing-color'
(9947,74): run-time error CSS1039: Token not allowed after unary operator: '-donut-spacing'
(9951,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9956,31): run-time error CSS1039: Token not allowed after unary operator: '-donut-spacing-color'
(9956,70): run-time error CSS1039: Token not allowed after unary operator: '-donut-spacing'
(9957,48): run-time error CSS1039: Token not allowed after unary operator: '-first-start'
(9958,48): run-time error CSS1039: Token not allowed after unary operator: '-first-start'
(9963,59): run-time error CSS1039: Token not allowed after unary operator: '-first'
(9964,60): run-time error CSS1039: Token not allowed after unary operator: '-first'
(9965,58): run-time error CSS1039: Token not allowed after unary operator: '-first'
(9966,48): run-time error CSS1039: Token not allowed after unary operator: '-first-start'
(9966,77): run-time error CSS1039: Token not allowed after unary operator: '-donut-spacing-deg'
(9967,48): run-time error CSS1039: Token not allowed after unary operator: '-first-start'
(9967,77): run-time error CSS1039: Token not allowed after unary operator: '-donut-spacing-deg'
(9972,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9973,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9974,49): run-time error CSS1039: Token not allowed after unary operator: '-second-check'
(9974,71): run-time error CSS1039: Token not allowed after unary operator: '-second-check'
(9975,41): run-time error CSS1039: Token not allowed after unary operator: '-second-check'
(9975,63): run-time error CSS1039: Token not allowed after unary operator: '-second-check'
(9979,31): run-time error CSS1039: Token not allowed after unary operator: '-donut-spacing-color'
(9979,70): run-time error CSS1039: Token not allowed after unary operator: '-donut-spacing'
(9980,48): run-time error CSS1039: Token not allowed after unary operator: '-second-start'
(9981,48): run-time error CSS1039: Token not allowed after unary operator: '-second-start'
(9986,59): run-time error CSS1039: Token not allowed after unary operator: '-second'
(9987,60): run-time error CSS1039: Token not allowed after unary operator: '-second'
(9988,58): run-time error CSS1039: Token not allowed after unary operator: '-second'
(9989,48): run-time error CSS1039: Token not allowed after unary operator: '-second-start'
(9989,78): run-time error CSS1039: Token not allowed after unary operator: '-donut-spacing-deg'
(9990,48): run-time error CSS1039: Token not allowed after unary operator: '-second-start'
(9990,78): run-time error CSS1039: Token not allowed after unary operator: '-donut-spacing-deg'
(9994,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9995,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9996,49): run-time error CSS1039: Token not allowed after unary operator: '-third-check'
(9996,70): run-time error CSS1039: Token not allowed after unary operator: '-third-check'
(9997,41): run-time error CSS1039: Token not allowed after unary operator: '-third-check'
(9997,62): run-time error CSS1039: Token not allowed after unary operator: '-third-check'
(10001,37): run-time error CSS1039: Token not allowed after unary operator: '-donut-spacing-color'
(10001,76): run-time error CSS1039: Token not allowed after unary operator: '-donut-spacing'
(10002,54): run-time error CSS1039: Token not allowed after unary operator: '-third-start'
(10003,46): run-time error CSS1039: Token not allowed after unary operator: '-third-start'
(10008,65): run-time error CSS1039: Token not allowed after unary operator: '-third'
(10009,66): run-time error CSS1039: Token not allowed after unary operator: '-third'
(10010,64): run-time error CSS1039: Token not allowed after unary operator: '-third'
(10011,54): run-time error CSS1039: Token not allowed after unary operator: '-third-start'
(10011,83): run-time error CSS1039: Token not allowed after unary operator: '-donut-spacing-deg'
(10012,46): run-time error CSS1039: Token not allowed after unary operator: '-third-start'
(10012,75): run-time error CSS1039: Token not allowed after unary operator: '-donut-spacing-deg'
(10017,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10018,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10019,49): run-time error CSS1039: Token not allowed after unary operator: '-fourth-check'
(10019,71): run-time error CSS1039: Token not allowed after unary operator: '-fourth-check'
(10020,41): run-time error CSS1039: Token not allowed after unary operator: '-fourth-check'
(10020,63): run-time error CSS1039: Token not allowed after unary operator: '-fourth-check'
(10024,37): run-time error CSS1039: Token not allowed after unary operator: '-donut-spacing-color'
(10024,76): run-time error CSS1039: Token not allowed after unary operator: '-donut-spacing'
(10025,54): run-time error CSS1039: Token not allowed after unary operator: '-fourth-start'
(10026,46): run-time error CSS1039: Token not allowed after unary operator: '-fourth-start'
(10031,65): run-time error CSS1039: Token not allowed after unary operator: '-fourth'
(10032,66): run-time error CSS1039: Token not allowed after unary operator: '-fourth'
(10033,64): run-time error CSS1039: Token not allowed after unary operator: '-fourth'
(10034,54): run-time error CSS1039: Token not allowed after unary operator: '-fourth-start'
(10034,84): run-time error CSS1039: Token not allowed after unary operator: '-donut-spacing-deg'
(10035,46): run-time error CSS1039: Token not allowed after unary operator: '-fourth-start'
(10035,76): run-time error CSS1039: Token not allowed after unary operator: '-donut-spacing-deg'
(10040,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10041,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10042,49): run-time error CSS1039: Token not allowed after unary operator: '-fifth-check'
(10042,70): run-time error CSS1039: Token not allowed after unary operator: '-fifth-check'
(10043,41): run-time error CSS1039: Token not allowed after unary operator: '-fifth-check'
(10043,62): run-time error CSS1039: Token not allowed after unary operator: '-fifth-check'
(10047,37): run-time error CSS1039: Token not allowed after unary operator: '-donut-spacing-color'
(10047,76): run-time error CSS1039: Token not allowed after unary operator: '-donut-spacing'
(10048,54): run-time error CSS1039: Token not allowed after unary operator: '-fifth-start'
(10049,46): run-time error CSS1039: Token not allowed after unary operator: '-fifth-start'
(10054,65): run-time error CSS1039: Token not allowed after unary operator: '-fifth'
(10055,66): run-time error CSS1039: Token not allowed after unary operator: '-fifth'
(10056,64): run-time error CSS1039: Token not allowed after unary operator: '-fifth'
(10057,54): run-time error CSS1039: Token not allowed after unary operator: '-fifth-start'
(10057,83): run-time error CSS1039: Token not allowed after unary operator: '-donut-spacing-deg'
(10058,46): run-time error CSS1039: Token not allowed after unary operator: '-fifth-start'
(10058,75): run-time error CSS1039: Token not allowed after unary operator: '-donut-spacing-deg'
 */
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
    display:none;
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

/*!
 * jquery-confirm v3.3.4 (http://craftpip.github.io/jquery-confirm/)
 * Author: boniface pereira
 * Website: www.craftpip.com
 * Contact: hey@craftpip.com
 *
 * Copyright 2013-2019 jquery-confirm
 * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
 */@-webkit-keyframes jconfirm-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes jconfirm-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}body[class*=jconfirm-no-scroll-]{overflow:hidden!important}.jconfirm{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999999;font-family:inherit;overflow:hidden}.jconfirm .jconfirm-bg{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-transition:opacity .4s;transition:opacity .4s}.jconfirm .jconfirm-bg.jconfirm-bg-h{opacity:0!important}.jconfirm .jconfirm-scrollpane{-webkit-perspective:500px;perspective:500px;-webkit-perspective-origin:center;perspective-origin:center;display:table;width:100%;height:100%}.jconfirm .jconfirm-row{display:table-row;width:100%}.jconfirm .jconfirm-cell{display:table-cell;vertical-align:middle}.jconfirm .jconfirm-holder{max-height:100%;padding:50px 0}.jconfirm .jconfirm-box-container{-webkit-transition:-webkit-transform;transition:-webkit-transform;transition:transform;transition:transform,-webkit-transform}.jconfirm .jconfirm-box-container.jconfirm-no-transition{-webkit-transition:none!important;transition:none!important}.jconfirm .jconfirm-box{background:white;border-radius:4px;position:relative;outline:0;padding:15px 15px 0;overflow:hidden;margin-left:auto;margin-right:auto}@-webkit-keyframes type-blue{1%,100%{border-color:#3498db}50%{border-color:#5faee3}}@keyframes type-blue{1%,100%{border-color:#3498db}50%{border-color:#5faee3}}@-webkit-keyframes type-green{1%,100%{border-color:#2ecc71}50%{border-color:#54d98c}}@keyframes type-green{1%,100%{border-color:#2ecc71}50%{border-color:#54d98c}}@-webkit-keyframes type-red{1%,100%{border-color:#e74c3c}50%{border-color:#ed7669}}@keyframes type-red{1%,100%{border-color:#e74c3c}50%{border-color:#ed7669}}@-webkit-keyframes type-orange{1%,100%{border-color:#f1c40f}50%{border-color:#f4d03f}}@keyframes type-orange{1%,100%{border-color:#f1c40f}50%{border-color:#f4d03f}}@-webkit-keyframes type-purple{1%,100%{border-color:#9b59b6}50%{border-color:#b07cc6}}@keyframes type-purple{1%,100%{border-color:#9b59b6}50%{border-color:#b07cc6}}@-webkit-keyframes type-dark{1%,100%{border-color:#34495e}50%{border-color:#46627f}}@keyframes type-dark{1%,100%{border-color:#34495e}50%{border-color:#46627f}}.jconfirm .jconfirm-box.jconfirm-type-animated{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.jconfirm .jconfirm-box.jconfirm-type-blue{border-top:solid 7px #3498db;-webkit-animation-name:type-blue;animation-name:type-blue}.jconfirm .jconfirm-box.jconfirm-type-green{border-top:solid 7px #2ecc71;-webkit-animation-name:type-green;animation-name:type-green}.jconfirm .jconfirm-box.jconfirm-type-red{border-top:solid 7px #e74c3c;-webkit-animation-name:type-red;animation-name:type-red}.jconfirm .jconfirm-box.jconfirm-type-orange{border-top:solid 7px #f1c40f;-webkit-animation-name:type-orange;animation-name:type-orange}.jconfirm .jconfirm-box.jconfirm-type-purple{border-top:solid 7px #9b59b6;-webkit-animation-name:type-purple;animation-name:type-purple}.jconfirm .jconfirm-box.jconfirm-type-dark{border-top:solid 7px #34495e;-webkit-animation-name:type-dark;animation-name:type-dark}.jconfirm .jconfirm-box.loading{height:120px}.jconfirm .jconfirm-box.loading:before{content:'';position:absolute;left:0;background:white;right:0;top:0;bottom:0;border-radius:10px;z-index:1}.jconfirm .jconfirm-box.loading:after{opacity:.6;content:'';height:30px;width:30px;border:solid 3px transparent;position:absolute;left:50%;margin-left:-15px;border-radius:50%;-webkit-animation:jconfirm-spin 1s infinite linear;animation:jconfirm-spin 1s infinite linear;border-bottom-color:dodgerblue;top:50%;margin-top:-15px;z-index:2}.jconfirm .jconfirm-box div.jconfirm-closeIcon{height:20px;width:20px;position:absolute;top:10px;right:10px;cursor:pointer;opacity:.6;text-align:center;font-size:27px!important;line-height:14px!important;display:none;z-index:1}.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty{display:none}.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa{font-size:16px}.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon{font-size:16px}.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi{font-size:16px}.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover{opacity:1}.jconfirm .jconfirm-box div.jconfirm-title-c{display:block;font-size:22px;line-height:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;padding-bottom:15px}.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand{cursor:move}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{font-size:inherit;display:inline-block;vertical-align:middle}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i{vertical-align:middle}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty{display:none}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:inherit;font-family:inherit;display:inline-block;vertical-align:middle}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty{display:none}.jconfirm .jconfirm-box div.jconfirm-content-pane{margin-bottom:15px;height:auto;-webkit-transition:height .4s ease-in;transition:height .4s ease-in;display:inline-block;width:100%;position:relative;overflow-x:hidden;overflow-y:auto}.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll{overflow-y:hidden}.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar{width:3px}.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track{background:rgba(0,0,0,0.1)}.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb{background:#666;border-radius:3px}.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content{overflow:auto}.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img{max-width:100%;height:auto}.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty{display:none}.jconfirm .jconfirm-box .jconfirm-buttons{padding-bottom:11px}.jconfirm .jconfirm-box .jconfirm-buttons>button{margin-bottom:4px;margin-left:2px;margin-right:2px}.jconfirm .jconfirm-box .jconfirm-buttons button{display:inline-block;padding:6px 12px;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:4px;min-height:1em;-webkit-transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;-webkit-tap-highlight-color:transparent;border:0;background-image:none}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue{background-color:#3498db;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover{background-color:#2980b9;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green{background-color:#2ecc71;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover{background-color:#27ae60;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red{background-color:#e74c3c;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover{background-color:#c0392b;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange{background-color:#f1c40f;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover{background-color:#f39c12;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default{background-color:#ecf0f1;color:#000;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover{background-color:#bdc3c7;color:#000}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple{background-color:#9b59b6;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover{background-color:#8e44ad;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark{background-color:#34495e;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover{background-color:#2c3e50;color:#FFF}.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c{color:#e74c3c!important}.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c{color:#3498db!important}.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c{color:#2ecc71!important}.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c{color:#9b59b6!important}.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c{color:#f1c40f!important}.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c{color:#34495e!important}.jconfirm .jconfirm-clear{clear:both}.jconfirm.jconfirm-rtl{direction:rtl}.jconfirm.jconfirm-rtl div.jconfirm-closeIcon{left:5px;right:auto}.jconfirm.jconfirm-white .jconfirm-bg,.jconfirm.jconfirm-light .jconfirm-bg{background-color:#444;opacity:.2}.jconfirm.jconfirm-white .jconfirm-box,.jconfirm.jconfirm-light .jconfirm-box{-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);box-shadow:0 2px 6px rgba(0,0,0,0.2);border-radius:5px}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons{float:right}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button{text-transform:uppercase;font-size:14px;font-weight:bold;text-shadow:none}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default{-webkit-box-shadow:none;box-shadow:none;color:#333}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover{background:#ddd}.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-black .jconfirm-bg,.jconfirm.jconfirm-dark .jconfirm-bg{background-color:darkslategray;opacity:.4}.jconfirm.jconfirm-black .jconfirm-box,.jconfirm.jconfirm-dark .jconfirm-box{-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);box-shadow:0 2px 6px rgba(0,0,0,0.2);background:#444;border-radius:5px;color:white}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons{float:right}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button{border:0;background-image:none;text-transform:uppercase;font-size:14px;font-weight:bold;text-shadow:none;-webkit-transition:background .1s;transition:background .1s;color:white}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default{-webkit-box-shadow:none;box-shadow:none;color:#fff;background:0}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover{background:#666}.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake{-webkit-animation:shake .82s cubic-bezier(0.36,0.07,0.19,0.97) both;animation:shake .82s cubic-bezier(0.36,0.07,0.19,0.97) both;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow{-webkit-animation:glow .82s cubic-bezier(0.36,0.07,0.19,0.97) both;animation:glow .82s cubic-bezier(0.36,0.07,0.19,0.97) both;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}20%,80%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-8px,0,0);transform:translate3d(-8px,0,0)}40%,60%{-webkit-transform:translate3d(8px,0,0);transform:translate3d(8px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}20%,80%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-8px,0,0);transform:translate3d(-8px,0,0)}40%,60%{-webkit-transform:translate3d(8px,0,0);transform:translate3d(8px,0,0)}}@-webkit-keyframes glow{0%,100%{-webkit-box-shadow:0 0 0 red;box-shadow:0 0 0 red}50%{-webkit-box-shadow:0 0 30px red;box-shadow:0 0 30px red}}@keyframes glow{0%,100%{-webkit-box-shadow:0 0 0 red;box-shadow:0 0 0 red}50%{-webkit-box-shadow:0 0 30px red;box-shadow:0 0 30px red}}.jconfirm{-webkit-perspective:400px;perspective:400px}.jconfirm .jconfirm-box{opacity:1;-webkit-transition-property:all;transition-property:all}.jconfirm .jconfirm-box.jconfirm-animation-top,.jconfirm .jconfirm-box.jconfirm-animation-left,.jconfirm .jconfirm-box.jconfirm-animation-right,.jconfirm .jconfirm-box.jconfirm-animation-bottom,.jconfirm .jconfirm-box.jconfirm-animation-opacity,.jconfirm .jconfirm-box.jconfirm-animation-zoom,.jconfirm .jconfirm-box.jconfirm-animation-scale,.jconfirm .jconfirm-box.jconfirm-animation-none,.jconfirm .jconfirm-box.jconfirm-animation-rotate,.jconfirm .jconfirm-box.jconfirm-animation-rotatex,.jconfirm .jconfirm-box.jconfirm-animation-rotatey,.jconfirm .jconfirm-box.jconfirm-animation-scaley,.jconfirm .jconfirm-box.jconfirm-animation-scalex{opacity:0}.jconfirm .jconfirm-box.jconfirm-animation-rotate{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.jconfirm .jconfirm-box.jconfirm-animation-rotatex{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-rotatexr{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-rotatey{-webkit-transform:rotatey(90deg);transform:rotatey(90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-rotateyr{-webkit-transform:rotatey(-90deg);transform:rotatey(-90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-scaley{-webkit-transform:scaley(1.5);transform:scaley(1.5);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-scalex{-webkit-transform:scalex(1.5);transform:scalex(1.5);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-top{-webkit-transform:translate(0px,-100px);transform:translate(0px,-100px)}.jconfirm .jconfirm-box.jconfirm-animation-left{-webkit-transform:translate(-100px,0px);transform:translate(-100px,0px)}.jconfirm .jconfirm-box.jconfirm-animation-right{-webkit-transform:translate(100px,0px);transform:translate(100px,0px)}.jconfirm .jconfirm-box.jconfirm-animation-bottom{-webkit-transform:translate(0px,100px);transform:translate(0px,100px)}.jconfirm .jconfirm-box.jconfirm-animation-zoom{-webkit-transform:scale(1.2);transform:scale(1.2)}.jconfirm .jconfirm-box.jconfirm-animation-scale{-webkit-transform:scale(0.5);transform:scale(0.5)}.jconfirm .jconfirm-box.jconfirm-animation-none{visibility:hidden}.jconfirm.jconfirm-supervan .jconfirm-bg{background-color:rgba(54,70,93,0.95)}.jconfirm.jconfirm-supervan .jconfirm-box{background-color:transparent}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark{border:0}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon{color:white}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c{text-align:center;color:white;font-size:28px;font-weight:normal}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c>*{padding-bottom:25px}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane{margin-bottom:25px}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content{text-align:center;color:white}.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons{text-align:center}.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button{font-size:16px;border-radius:2px;background:#303f53;text-shadow:none;border:0;color:white;padding:10px;min-width:100px}.jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-material .jconfirm-bg{background-color:rgba(0,0,0,0.67)}.jconfirm.jconfirm-material .jconfirm-box{background-color:white;-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);padding:30px 25px 10px 25px}.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,0.87)}.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c{color:rgba(0,0,0,0.87);font-size:22px;font-weight:bold}.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content{color:rgba(0,0,0,0.87)}.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons{text-align:right}.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button{text-transform:uppercase;font-weight:500}.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-bootstrap .jconfirm-bg{background-color:rgba(0,0,0,0.21)}.jconfirm.jconfirm-bootstrap .jconfirm-box{background-color:white;-webkit-box-shadow:0 3px 8px 0 rgba(0,0,0,0.2);box-shadow:0 3px 8px 0 rgba(0,0,0,0.2);border:solid 1px rgba(0,0,0,0.4);padding:15px 0 0}.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,0.87)}.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c{color:rgba(0,0,0,0.87);font-size:22px;font-weight:bold;padding-left:15px;padding-right:15px}.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content{color:rgba(0,0,0,0.87);padding:0 15px}.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons{text-align:right;padding:10px;margin:-5px 0 0;border-top:solid 1px #ddd;overflow:hidden;border-radius:0 0 4px 4px}.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button{font-weight:500}.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-modern .jconfirm-bg{background-color:slategray;opacity:.6}.jconfirm.jconfirm-modern .jconfirm-box{background-color:white;-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);padding:30px 30px 15px}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,0.87);top:15px;right:15px}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c{color:rgba(0,0,0,0.87);font-size:24px;font-weight:bold;text-align:center;margin-bottom:10px}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transform:scale(0);transform:scale(0);display:block;margin-right:0;margin-left:0;margin-bottom:10px;font-size:69px;color:#aaa}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content{text-align:center;font-size:15px;color:#777;margin-bottom:25px}.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons{text-align:center}.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button{font-weight:bold;text-transform:uppercase;-webkit-transition:background .1s;transition:background .1s;padding:10px 20px}.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button+button{margin-left:4px}.jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{-webkit-transform:scale(1);transform:scale(1)}
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?fac5v5');
  src:  url('fonts/icomoon.eot?fac5v5#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?fac5v5') format('truetype'),
    url('fonts/icomoon.woff?fac5v5') format('woff'),
    url('fonts/icomoon.svg?fac5v5#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'dcg-icons';
    src: url('fonts/desmose.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-analytics:before {
    content: "\e920";
}
.icon-developing:before {
  content: "\e91e";
}
.icon-easy .path1:before {
  content: "\e91f";
  color: rgb(0, 0, 0);
}
.icon-easy .path2:before {
    content: "\e91f";
    margin-left: -1em;
    color: rgb(0, 0, 0);
    opacity: 0.5;
}
.icon-easy .path3:before {
    content: "\e91f";
    margin-left: -1em;
    color: rgb(0, 0, 0);
    opacity: 0.5;
}
.icon-emerging:before {
  content: "\e922";
}
.icon-hard:before {
  content: "\e923";
}
.icon-medium .path1:before {
  content: "\e924";
  color: rgb(0, 0, 0);
}
.icon-medium .path2:before {
    content: "\e924";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}
.icon-medium .path3:before {
    content: "\e924";
    margin-left: -1em;
    color: rgb(0, 0, 0);
    opacity: 0.5;
}
.icon-profecient:before {
  content: "\e927";
}
.icon-minus-symbol:before {
  content: "\e91c";
}
.icon-plus-symbol:before {
  content: "\e91d";
}
.icon-app:before {
  content: "\e900";
}
.icon-calculator:before {
  content: "\e901";
}
.icon-calendar:before {
  content: "\e902";
}
.icon-compose:before {
  content: "\e903";
}
.icon-cross:before {
  content: "\e904";
}
.icon-diploma:before {
  content: "\e905";
}
.icon-download:before {
  content: "\e906";
}
.icon-fast-forward:before {
  content: "\e907";
}
.icon-file-add:before {
  content: "\e908";
}
.icon-folder:before {
  content: "\e909";
}
.icon-highlight:before {
  content: "\e90a";
}
.icon-info:before {
  content: "\e90b";
}
.icon-layers:before {
  content: "\e90c";
}
.icon-magnifier:before {
  content: "\e90d";
}
.icon-menu:before {
  content: "\e90e";
}
.icon-pause:before {
  content: "\e90f";
}
.icon-pencil:before {
  content: "\e910";
}
.icon-photo-camera:before {
  content: "\e911";
}
.icon-play-button:before {
  content: "\e912";
}
.icon-record:before {
  content: "\e913";
}
.icon-redo:before {
  content: "\e914";
}
.icon-rewind:before {
  content: "\e915";
}
.icon-screen:before {
  content: "\e916";
}
.icon-speaker:before {
  content: "\e917";
}
.icon-television:before {
  content: "\e918";
}
.icon-text-format:before {
  content: "\e919";
}
.icon-text-size:before {
  content: "\e91a";
}
.icon-undo:before {
  content: "\e91b";
}
.icon-emerging {
    font-size: 24px;
    color: #b0945f;
}
.icon-profecient {
    font-size: 24px;
    color: #d9c019;
}
.icon-developing {
    font-size: 24px;
    color: #729f5c;
}
.icon-hard {
    color: #eb4e4e;
    font-size: 16px;
}
.icon-easy .path1 {
    color: #5da64c;
    fill: #5da64c;
}
.icon-easy .path2 {
    color: #5da64c;
    fill: #5da64c;
}
.icon-easy .path3 {
    color: #5da64c;
    fill: #5da64c;
}
.icon-medium .path1 {
    color: #ecb14a;
    fill: #ecb14a;
}
.icon-medium .path2 {
    color: #ecb14a;
    fill: #ecb14a;
}
.icon-medium .path3 {
    color: #ecb14a;
    fill: #ecb14a;
}
.icon-easy .path1::before {
    color: #5da64c;
    fill: #5da64c;
}
.icon-easy .path2::before {
    color: #5da64c;
    fill: #5da64c;
}
.icon-easy .path3::before {
    color: #5da64c;
    fill: #5da64c;
}
.icon-medium .path1::before {
    color: #ecb14a;
    fill: #ecb14a;
}
.icon-medium .path2::before {
    color: #ecb14a;
    fill: #ecb14a;
}
.icon-medium .path3::before {
    color: #ecb14a;
    fill: #ecb14a;
}
.icon-easy {
    color: #5da64c !important;
    font-size: 16px;
}
.icon-medium {
    color: #ecb14a !important;
    font-size: 16px;
}
.icon-easy + span {
    position: relative;
    top: -2px;
}
.icon-medium + span {
    position: relative;
    top: -2px;
}
.icon-hard + span {
    position: relative;
    top: -2px;
}
.icon-emerging + span {
    position: relative;
    top: -5px;
}

.icon-profecient + span {
    position: relative;
    top: -5px;
}

.icon-developing + span {
    position: relative;
    top: -5px;
}
a{
    cursor: pointer !important;
}
.NoSelect{
    display:block !important;
}
.wrs_tickContainer{
    display:none;
}
.chartBar {
    margin-top: 5px;
    margin-bottom: 5px;
    height: 8px;
    border-radius: 6px;
    overflow: hidden;
    background-color: lightgray
}

    .chartBar .chartBar__element {
        height: 8px;
        background-color: blue;
        border-radius: 0px;
        display: inline-block;
        position: absolute;
        left: 0px;
    }


.chartBar--large{
	height: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.chartBar--large .chartBar__element{
	height: 20px;
	background-color: blue;
	display: inline-block;
}

.chartBar--course{
	width: 100%;
    position: relative;
}

.chartBar--small{
	height: 2px;
	padding: 0px;
}

.chartBar--small .chartBar__element{
	height: 1px;
	background-color: white;
	display: inline-block;
	float: left;
}


.chartCirlcle svg {
    height: 300px;
    width: 300px;
    transform: scale(0.65);
    -webkit-transform: scale(0.65);
    position: absolute;
    top: -51px;
    left: -53px;
}
.chartCirlcle {
    position: relative;
    height: 200px;
    width: 200px;
    display: inline-block;
}

.chartCirlcle__number{
	position: absolute;
	top: -5px;
	font-size: 60px;
	left: 50%;
	transform: translateX(-55%);
}

.chartCirlcle__text{
	position: absolute;
	top: 105px;
	left: 50%;
	transform: translateX(-55%);
	font-size: 12px;
	text-transform: uppercase;
}
.chartCirlcle__label{
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-60%);
}
.chartBar__label{
	padding-top: 0px;
	margin-top: 5px;
} 



.cornerMenu{
	position: absolute;
	list-style: none;
	padding-left: 0px;
	bottom: 50px;
	right:20px;
}
.cornerMenu__item{
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	height: 50px;
	width: 50px;
	background-color: #414143;
	color: white;
	border-radius: 50%; 
	margin-bottom: 5px;
	cursor: pointer;
}
.cornerMenu__item a{
    color: white !important;
    text-decoration: none !important;
    height: 100%;
    width: 100%;
    display: inline-block;
}
@media screen and (max-width: 820px) {
    .cornerMenu {
        bottom: 30px;
        right: 10px !important;
        position: fixed;
    }
    .cornerMenu__item {
        height: 40px;
        width: 40px;
        position: relative;

    }
    .cornerMenu__item a {
       position: absolute;
       top: -3px;
       left: 0px;
    }
}
* {
	box-sizing: border-box;
    outline: none !important;
}

body {
    margin: 0px;
    font-family: 'Roboto Condensed', sans-serif;
}

.contentContainer{
	margin-top: 80px;
	margin-left: 70px;
	margin-right: 0px;
	padding-top: 0px;
	border-top: 2px solid #EEEEEE;

}
.contentContainer--topSpace{
	padding-top: 20px;
}

.contentContainer--sidebar{
	width: calc(100% - 380px);
	display: inline-block;
}

.workInfo{
    padding-top: 18px;
	width: calc(100% - 320px);
	display: inline-block;
}
@media screen and (max-width: 820px) {
    .workInfo {
        width: calc(100%);
        height: auto !important;
        padding-right: 10px;
        padding-top: 0px;
        display: inline-block;
    }
    a.fc-more {
        font-size: 11px !important;
    }
}
.courseInfo{
	width: calc(100% - 320px);
	display: inline-block;
}
@media screen and (max-width: 820px) {
    .courseInfo {
        width: calc(100%);
        padding-right: 10px;
        padding-top: 10px;
        display: inline-block;
    }
}
.contentContainer__header{
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 5px;
	display: inline-block;
}

.contentContainer__headerContainer{
	border-bottom: 1px solid black;
	position: relative;
}

.contentContainer__header--noContainer{
	border-bottom: 1px solid black;
}

.contentContainer__header--right{
	color: #6C6C6C;
	display: inline-block;
	right: 0px;
	position: absolute;
	bottom: 6px;
	margin: 0px;
    font-size:11px;
}


.courseInfo__users,
.courseInfo__lessons,
.courseInfo__units {
    padding-left: 0px;
    list-style: none;
    margin-top: 0px;
    margin-bottom: 25px;
}
.courseInfo__units {
    border: 1px solid #cecece;
    padding: 15px;
    background: -webkit-linear-gradient(white, #EDEDED);
    background: -o-linear-gradient(white, #EDEDED);
    background: -moz-linear-gradient(white, #EDEDED);
    background: linear-gradient(white, #EDEDED);
}
.courseInfo__lesson {
    padding-left: 27px;
    padding-top: 5px;
    border-bottom: 1px solid #cecece;
}
.courseInfo__unitHeading {
    border-bottom: 1px solid #cecece;
}
.courseInfo__users .courseInfo__units {
    display: none;
}
.courseInfo{
    padding-top:20px;
}
.courseInfo__userHeading,
.courseInfo__unitHeading,
.courseInfo__lessonHeading {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    position: relative;
}
.courseInfo__lessons {
    display: none;
}
.courseInfo__slides {
    display: none;
}
.courseInfo__slide {
    padding-left: 0px;
    list-style: none;
    padding-top: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid black;
}
.courseInfo__slide a{
	text-decoration: none !important;
	color: black !important;
}

.courseInfo__chevron{
	float: right;
	padding-right: 5px;
    padding-left: 10px;
}
.paddingLower{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
#Enrolments{
    color: blue;
}
#Enrolments + p {
    color: blue;
}
#Behind {
    color: #e23513;
}
    #Behind + p {
        color: #e23513;
    }
#OnTarget {
    color: #96d300;
}
    #OnTarget + p {
        color: #96d300;
    }
#NotStarted {
    color: grey;
}
#NotStarted + p {
    color: grey;
}
@media screen and (max-width: 820px) {
    #windowFrame {
        width: 100% !important;
    }
}
@media screen and (max-width: 820px) {
    .courseInfo__units {
        padding-right: 10px;
        padding-left: 10px;
        margin-bottom: 10px;
    }
    .courseInfo__lesson{
        padding-left: 15px;
    }
    .courseInfo {
        padding-top: 10px;
    }
}

* {
	box-sizing: border-box;
}

body {
    margin: 0px;
    font-family: 'Roboto Condensed', sans-serif;
}



.mainMenu {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    background-color: #414143;
    position: fixed;
    width: 50px;
    left: 0px;
    top: 0px;
    border-radius: 0px;
    height: 100vh;
}
.mainMenu .text{
    display:none;
    font-size: 14px;
    width: 100%;
}

.mainMenu__item {
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 30px;
	color: white !important;
	text-align: center;
}

.mainMenu__item a{
	color: white !important;
	text-decoration: none !important;
}

.subMenu__burger{
	color: black;
	text-decoration: none;
	position: absolute;
	right: 30px;
	top: 6px;
	font-size: 30px;
	z-index: 200;
}

.subMenu {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 300px;
    background-color: #EEEEEE;
    list-style-type: none;
    list-style: none;
    margin: 0px;
    padding: 65px 15px;
    display: none;
    z-index: 200;
}

.subMenu__item {
	padding: 5px 0px;
	border-bottom: 1px solid black;
	font-size: 16px;
}

.subMenu__item a{
	color: black !important;
	text-decoration: none !important;
}

.contentContainer{
	margin-top: 00px;
	margin-left: 70px;
	margin-right: 0px;
	border-top: 2px solid #EEEEEE;
}

.pageTitle{
	font-size: 12px;
	margin-left: 70px;
	font-weight: 400;
	text-transform: uppercase;
	margin-top:0px;
	margin-bottom: 0px;
	padding-top: 20px;
    padding-bottom:10px;

    
}
.pageTitle a {
    text-decoration: none !important;
    color: black !important;
}
@media screen and (max-width: 820px) {
    .mainMenu {
        width: 40px;
        height: 100%;
    }

    .mainMenu__item {
        padding-bottom: 4px;
        padding-top: 4px;
        font-size: 25px;
    }
    .pageTitle {
        margin-left: 60px;
        margin-right: 50px;
        text-overflow: ellipsis;
        overflow-x: auto;
        overflow-y: visible;
        white-space: nowrap;
    }
    .contentContainer {
        margin-left: 60px;
    }
}
.breadCumb{
    position: relative;
    display:inline-block;
}
    .breadCumb .fa-caret-down{
        display:none;
    }
    .breadCumb .fas{
        margin-left:2px;
    }
.breadCumbMenu {
    padding-left: 0px;
    list-style: none;
    margin: 0px;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 20px;
    border: 2px solid #cecece;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    background-color: white;
    z-index: 1001;
    width: 100%;
    min-width: 85px;
    display: none;
}

    .breadCumbMenu__item:hover {
        color: white !important;
        background-color: #414143;
    }
    .breadCumbMenu__item a {
        display: inline-block;
        height: 100%;
        width: 100%;
        padding: 5px;
        cursor: pointer;
    }
        .breadCumbMenu__item a:hover {
            display: inline-block;
            height: 100%;
            width: 100%;
            padding: 5px;
            color: white !important;
        }
.breadCumb.show .breadCumbMenu {
    display:inline-block;
}
.breadCumb.show .fa-caret-down {
    display: inline-block;
}
.breadCumb.show .fa-caret-right {
    display: none;
}
@media screen and (max-width: 820px) {
    .breadCumbMenu {
        position: fixed;
        top: 40px;
        width: calc(100% - 40px);
        left: 40px;
        max-height: 200px;
        overflow: auto;
    }
}
.tabs {
    border-bottom: 1px solid #cecece;
    padding-top:20px;
}
    .tabs .tab {
        padding: 10px;
        text-decoration: none;
        border: 1px solid #cecece;
        color: black;
        margin-right: 5px;
        display: inline-block ;
        border-top-left-radius: 10px; /* Added border-radius for top-left corner */
        border-top-right-radius: 10px; /* Added border-radius for top-right corner */
    }
    .tabs .active {
        background: #414143;
        color:white;
    }
.mediaPlayer__video {
    width: 100%;
    max-height: calc(var(--vh, 1vh) * 100 - 103px);
    max-height: calc(-webkit-fill-available - 103px);
    text-align: center;
    background-color: black;
}

#viewer {
    height: calc(var(--vh, 1vh) * 100 - 102px);
    max-height: calc(-webkit-fill-available - 102px);
    overflow: auto;
    margin: auto;
}

.audio__spacer {
    height: calc(var(--vh, 1vh) * 100 - 98px);
    max-height: calc(-webkit-fill-available - 98px);
    text-align: center;
    background-color: white;
    position: relative;
}

.audioIcon {
    color: lightgrey;
    font-size: 50px;
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#main {
    width: 500px;
    height: 600px;
}

.mediaPlayer__iframe {
    width: 100%;
    height: calc(var(--vh, 1vh) * 100 - 98px);
    max-height: calc(-webkit-fill-available - 98px);
    text-align: center;
    border: 0px;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    overflow: hidden;
}

.mediaPlayer__iframe--wrapper {
    height: calc(var(--vh, 1vh) * 100 - 98px);
    max-height: calc(-webkit-fill-available - 98px);
    overflow: hidden;
}

.mediaPlayer__iframe--wrapperOther {
    height: calc(var(--vh, 1vh) * 100 - 49px);
    max-height: calc(-webkit-fill-available - 49px);
    overflow: hidden;
}
.mediaPlayer__buttons--right {
    display: inline-block;
    float: right;
}
.slides--None{
    bottom: 0px !important;
}
.mediaPlayer__controls--none {
    height: 52px;
    background-color: #414143;
    position: relative;
    padding-top: 6px;
    display: block;
    float: right;
    padding-left: 5px;
    padding-right: 113px;
    margin-right: 5px;
    border-radius: 5px;
    top: 0px;
}

.mediaPlayer__controls {
    height: 52px;
    background-color: #414143;
    width: 100%;
    position: relative;
    margin-left: 0px;
    padding-top: 6px;
    padding-left: 10px;
    border-radius: 5px;
    width: calc(100% + 10px);
    left: -15px;
    top: -4px;
}
.mediaPlayer__controls--noneMedia {
    height: 52px;
    background-color: #414143;
    position: relative;
    padding-top: 6px;
    display: inline-block;
    padding-left: 5px;
    padding-right: 113px;
    margin-right: 5px;
    border-radius: 5px;
    width: auto;
    left: 0px;
    top: -4px;
}

.mediaPlayer__bottom{
	position: relative;
}
.mediaPlayer__bottom--noneMedia{
    display:flex;
    justify-content: flex-end;
}

.mediaPlayer__button {
    background-color: #414143;
    border: 1px solid #414143;
    color: white;
    box-shadow: none;
    -webkit-appearance: none;
    font-size: 35px;
    margin-left: 2px;
    padding: 0px;
}

.mediaPlayer__button--showslides {
    font-size: 12px;
    position: absolute;
    right: 5px;
    top: 11px;
}
.mediaPlayer__icon--showslides{
    font-size: 25px;
}
#content{
   visibility:hidden;
}
.slides {
    list-style: none;
    padding-left: 0px;
    margin: 0px;
    padding: 7px;
    padding-top: 5px;
    padding-bottom: 10px;
    background-color: #414143;
    color: white;
    position: absolute;
    bottom: 56px;
    width: calc(100% + 10px);
    left: -15px;
    border-bottom: 1px solid white;
    display: none;
    z-index: 100;
}
.slides:hover,
.slides:focus{
    display: block !important;
}

.slide {
    width: 19%;
    padding: 7px;
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.slide__image{
	width: 100%;
	margin-bottom: 10px;
	background-color: #6C6C6C;
	border: 1px solid #414143;
	box-shadow: none;
	max-height: 150px;
    min-height:125px;
    max-width: 250px;
}

.slide__title{
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: normal;
}

.slide__greenBall{
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: LawnGreen;
	border-radius: 50%;
}

.slide__prgress{
	width: 100%;
}
.mediaPlayer:-webkit-full-screen #viewer {
    /* properties */
    width: 100%;
    height: calc(100vh - 50px) !important;
}
.mediaPlayer:-webkit-full-screen #viewer {
    /* properties */
    width: 100%;
    height: calc(100vh - 50px) !important;
}
.mediaPlayer:-ms-fullscreen #viewer {
    /* properties */
    width: 100%;
    height: calc(100vh - 50px) !important;
}
.mediaPlayer:full-screen #viewer {
    /* properties */
    width: 100%;
    height: calc(100vh - 50px) !important;
}
.mediaPlayer:fullscreen #viewer {
    /* properties */
    width: 100%;
    height: calc(100vh - 50px) !important;
}
.mediaPlayer:-webkit-full-screen .mediaPlayer__video{
  /* properties */
  width: 100%;
  height: calc(100vh - 50px)!important;

}
.mediaPlayer:-moz-full-screen .mediaPlayer__video{
  /* properties */
  width: 100%;
  height: calc(100vh - 50px)!important;

}
.mediaPlayer:-ms-fullscreen .mediaPlayer__video{
  /* properties */
  width: 100%;
  height: calc(100vh - 50px)!important;

}
.mediaPlayer:full-screen .mediaPlayer__video{
  /* properties */
  width: 100%;
  height: calc(100vh - 50px)!important;

}
.mediaPlayer:fullscreen .mediaPlayer__video {
  /* properties */
  width: 100%;
  height: calc(100vh - 50px)!important;

}


.mediaPlayer:-webkit-full-screen .mediaPlayer__iframe--wrapper {
    /* properties */
    width: 100%;
    height: calc(100vh - 50px);
}

.mediaPlayer:-moz-full-screen .mediaPlayer__iframe--wrapper {
    /* properties */
    width: 100%;
    height: calc(100vh - 50px);
}

.mediaPlayer:-ms-fullscreen .mediaPlayer__iframe--wrapper {
    /* properties */
    width: 100%;
    height: calc(100vh - 50px);
}

.mediaPlayer:full-screen .mediaPlayer__iframe--wrapper {
    /* properties */
    width: 100%;
    height: calc(100vh - 50px);
}

.mediaPlayer:fullscreen .mediaPlayer__iframe--wrapper {
    /* properties */
    width: 100%;
    height: calc(100vh - 50px);
}
.mediaPlayer:-webkit-full-screen .mediaPlayer__iframe{
  /* properties */
  width: 100%;
  height: calc(100vh - 50px);

}
.mediaPlayer:-moz-full-screen .mediaPlayer__iframe{
  /* properties */
  width: 100%;
  height: calc(100vh - 50px);

}
.mediaPlayer:-ms-fullscreen .mediaPlayer__iframe{
  /* properties */
  width: 100%;
  height: calc(100vh - 50px);

}
.mediaPlayer:full-screen .mediaPlayer__iframe{
  /* properties */
  width: 100%;
  height: calc(100vh - 50px);

}
.mediaPlayer:fullscreen .mediaPlayer__iframe {
  /* properties */
  width: 100%;
  height: calc(100vh - 50px);

}

.mediaPlayer:-webkit-full-screen .mediaPlayer__controls{
  /* properties */
  width: 100% !important;
  margin-left: 0px !important;
}
.mediaPlayer:-moz-full-screen .mediaPlayer__controls{
  /* properties */
  width: 100% !important;
  margin-left: 0px !important;
}
.mediaPlayer:-ms-fullscreen .mediaPlayer__controls{
  /* properties */
  width: 100% !important;
  margin-left: 0px !important;
}
.mediaPlayer:full-screen .mediaPlayer__controls{
  /* properties */
  width: 100% !important;
  margin-left: 0px !important;
}
.mediaPlayer:fullscreen .mediaPlayer__controls {
  /* properties */
  width: 100% !important;
  margin-left: 0px !important;
}
.mediaPlayer:fullscreen .mediaPlayer__controls--noneMedia,
.mediaPlayer:full-screen .mediaPlayer__controls--noneMedia,
.mediaPlayer:-ms-fullscreen .mediaPlayer__controls--noneMedia,
.mediaPlayer:-webkit-full-screen .mediaPlayer__controls--noneMedia {
    width: auto;
}

.mediaPlayer:-webkit-full-screen .slides{
  /* properties */
  width: 100% !important;
  left: 0px !important;

}
.mediaPlayer:-moz-full-screen .slides{
  /* properties */
  width: 100% !important;
  left: 0px !important;

}
.mediaPlayer:-ms-fullscreen .slides{
  /* properties */
  width: 100% !important;
  left: 0px !important;

}
.mediaPlayer:full-screen .slides{
  /* properties */
  width: 100% !important;
  left: 0px !important;

}
.mediaPlayer:fullscreen .slides {
  /* properties */
  width: 100% !important;
  left: 0px !important;

}

input[type=range] {
    -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
    background: transparent; /* Otherwise white in Chrome */
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}

    /* Special styling for WebKit/Blink */

    input[type=range]::-webkit-slider-thumb {
        height: 20px;
        width: 4px;
        border-radius: 5px;
        background: #FFFFFF;
        cursor: pointer;
        -webkit-appearance: none;
        margin-top: -8px;
    }

    input[type=range]::-webkit-slider-runnable-track {
        width: 100%;
        height: 5px;
        cursor: pointer;
        animate: 0.2s;
        background: rgba(255,255,255,0.5);
    }

    /* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb {
    height: 20px;
    width: 4px;
    background: #ffffff;
    cursor: pointer;
    border: none;
}

    /* All the same stuff for IE */
input[type=range]::-ms-thumb {
    height: 22px;
    width: 4px;
    background: #ffffff;
    cursor: pointer;
    border: none;
}
    input[type=range]::-moz-range-track {
        background: white;
        opacity: 0.5;
    }
    

input[type="range"]::-moz-range-progress {
    background-color: white;
    
}
input[type=range]::-ms-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
}
input[type=range]::-ms-thumb {
    margin-top: 1px;
    height: 20px;
    width: 4px;
    border-radius: 0px;
    background: #FFFFFF;
    cursor: pointer;
}
input[type="range"]::-ms-fill-lower {
    background-color: white;
}
input[type=range]::-ms-fill-upper {
    background: white;
    opacity: 0.5;
}

.mediaPlayer__track {
    display: inline-block;
    position: relative;
    width: calc(100% - 325px);
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: top;
    height: 50px;
    top:-6px;
}
.mediaPlayer__track--None {
    display: inline-block;
    position: relative;
    width: calc(100% - 236px);
    
}
.mediaPlayer__track #current{
    position: absolute;
    left:0px;
    top:-10px;
    font-size:12px;
    color:white;
}
.mediaPlayer__track #end {
    position: absolute;
    right: 0px;
    top: -10px;
    font-size: 12px;
    color: white;
}
.mediaPlayer__button--progress {
    width: 100%;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.mediaPlayer__button--volumeContainer {
    display: inline-block;
    position: relative;
    
}
.mediaPlayer__button--volumeBarContainer {
    position: absolute;
    top: -155px;
    height: 50px;
    background-color: #414143;
    width: 130px;
    padding: 5px;
    left: -6px;
    display: none;
    transform-origin: 75px 75px;
    transform: rotate(-90deg);
}

.mediaPlayer__button--volumeBar {
    width: 120px;
    height: 40px;
    margin: 0;
    
}


.prev {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    background-color: transparent;
    border: none;
    font-size: 50px;
}
.next {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    background-color: transparent;
    border: none;
    font-size: 50px;
}
#whiteBoard {
    display: none;
    width: 35%;
    min-width: 320px;
    height: calc(100vh - 100px);
    position: relative;
    right: 0px !important;
    left: auto !important;
    float: right;
    padding: 10px;
    top: -4px;
    margin-right:0px;
    overflow: hidden;
    border: none;
    background-color: #f5f5f5;
}
    #whiteBoard.whiteBoard--practice {
        display: block;
    }
#whiteBoard .whiteBoardMenu {
    top: 15px;
    left: 3px;
}
#whiteBoard .canvas-container{
    background-color: white;
}
    #whiteBoard .canvas-container canvas {
        height: 100% !important;
        width: 100% !important;
    }
#calculatorMedia {
    display: none;
    width: 320px;
    min-width: 320px;
    height: calc(100vh - 98px);
    position: relative;
    right: 0px !important;
    left: auto !important;
    float: right;
    padding-left: 10px;
    background-color: #f5f5f5;
}

#calculatorMedia iframe {
    width: 100%;
    height:100%;
    border: none;
    float:right
}
#content body {
    background-color: white !important;
}
#content canvas {
    border-color: lightgray !important;
}
iframe body {
    background-color: white !important;
}

iframe canvas {
    border-color: lightgray !important;
}
/* https://developer.mozilla.org/en-US/docs/Web/CSS/:fullscreen 
	https://davidwalsh.name/fullscreen
*/
.fullscreen{
    background-color: white;
}
    .fullscreen .sidebarHeader{
        display:none;
    }
    .fullscreen .pageTitle {
        display: none;
    }
.fullscreen .mainMenu {
    display: none;
}
.fullscreen .contentContainer{
    margin-left:0px;
}
.fullscreen .cornerMenu{
    display:none;
}
.fullscreen .subMenu__burger{
    display:none;
}
    .fullscreen .mediaPlayer__iframe--wrapper {
        height: calc(100vh - 52px);
        background-color: white;
    }

    .fullscreen .mediaPlayer__controls {
        height: 50px;
        background-color: #414143;
        width: calc(100% - 10px);
        position: relative;
        margin-left: 20px;
        padding-top: 5px;
    }
    .fullscreen .mediaPlayer__controls--noneMedia {
        width: auto;
        position: relative;
        margin-left: 0px;
        top: -6px;
    }
    .fullscreen .questionSlide {
        height: calc(100vh - 58px);
        padding: 20px;
    }
    .fullscreen .slides {
        width: 100%;
        left: 0px;
    }
    .slide__bar {
        display: inline-block;
        height: 2px;
        position: relative;
    }
.slide__barContainer {
    position: absolute;
    top: 14px;
    left: 0px;
    height: 2px;
    width: calc( 100% - 2px);
    display: block;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 1px;
    margin-left: 1px;
    padding-right: 7px;
    padding-left: 7px;
}
.scale {
    transform: scale(0.8);
    transform-origin: top left;
    max-width: calc(100%*1.2);
}
@media screen and (max-width: 820px) {
    .mediaPlayer__iframe--wrapper {
        padding-right: 0px;
        height: calc(var(--vh, 1vh) * 100 - 90px);
        max-height: calc(-webkit-fill-available - 90px);
        padding-top: 10px;
    }
    .mediaPlayer__video {
        max-height: calc(var(--vh, 1vh) * 100 - 95px);
        max-height: calc(-webkit-fill-available - 95px);
    }

    #viewer {
        height: calc(var(--vh, 1vh) * 100 - 94px);
        max-height: calc(-webkit-fill-available - 94px);
    }

    .audio__spacer {
        height: calc(var(--vh, 1vh) * 100 - 90px);
        max-height: calc(-webkit-fill-available - 90px);
    }

    .mediaPlayer__controls {
        height: 40px;
        padding-left: 11px;
    }
    .mediaPlayer__controls--none {
        height: 40px;
    }
    .mediaPlayer__controls--noneMedia {
        top: -3px;
    }
    .mediaPlayer__button {
        font-size: 25px;
    }

    .mediaPlayer__button--showslides {
        font-size: 15px;
        top: 7px;
    }

    .mediaPlayer__track {
        width: calc(100% - 293px);
        height: 41px;
    }
    #whiteBoard.whiteBoard--practice {
        display: none;
    }
    .slides{
        bottom: 40px;
    }
    .slide{
        width:43%
    }
    .fullscreen .mediaPlayer__controls {
        height: 40px;
        top: 5px;
    }
}




.questionSlide__container {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #c5c5c5;
    padding: 20px;
    border-radius: 3px;
    padding-top: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-right: 15px;
    max-width: 800px;
}
.questionSlide__container--answer {
    display: none;
    border: 2px solid #CECECE;
}

.questionSlide__container--showSolution {
    display: none;
    border: 2px solid #CECECE;
}

.questionSlide__container--solution {
    display: none;
    border: 2px solid #CECECE;
}

.questionSlide__container--question {
    border: 2px solid #CECECE;
}
.questionSlide__container p,
.questionSlide__container ol,
.questionSlide__container ul
{
    font-size: 14px;
    margin-top: 0px;
}

.questionSlide{
	height: calc(100vh - 102px);
	overflow-y: auto; 
}
.questionSlide--practice {
    height: calc(100Vh - 50px) !important;
}
.questionSlide__helpSection{
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 10px;
	text-transform: uppercase;
	padding-left: 10px;
	color: #6C6C6C;
}
.questionSlide__header{
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	margin-bottom: 0px;
}

.questionSlide__header--sub {
    text-transform: none;
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 10px;
}
.questionSlide__answer,
.questionSlide__question,
.questionSlide__solution{
	font-size: 14px;
	font-weight: 400;
	margin-top: 0px;
}
.questionSlide__answer img,
.questionSlide__question img,
.questionSlide__solution img {
    max-width: 640px;
}
.questionSlide__container img {
    max-width: 100%;
    height: auto;
}


.questionSlide__button {
    padding: 5px 10px;
    text-transform: uppercase;
    color: #6C6C6C;
    background-color: #EEEEEE;
    border: 1px solid #EEEEEE;
    border-radius: 3px;
    box-shadow: none;
    outline: none;
    font-size: 14px;
    cursor:pointer;
}
.questionSlide__button--correct.questionSlide__button--Active {
    color: #00C851;
}
.questionSlide__button--notCorrect.questionSlide__button--Active {
    color: #FF4444;
}
.questionSlide__button--understand.questionSlide__button--Active {
    color: #FFBB33;
}
.questionSlide__button--notUnderstand.questionSlide__button--Active {
    color: #FF4444;
}
.questionSlide__button--correctNoSolution.questionSlide__button--Active {
    color: #00C851;
}
.questionSlide__button--maybeCorrectNoSolution.questionSlide__button--Active {
    color: #FFBB33;
}
.questionSlide__button--notCorrectNoSolution.questionSlide__button--Active {
    color: #FF4444;
}

.questionSlide__container--answer,
.questionSlide__buttonGroup--correctness
{
	padding-top: 10px;
}

.questionSlide__container video,
.questionSlide__container audio,
.questionSlide__container image {
    max-width: 640px;
    max-width: 640px;
    width: 100%;
}
.questionSlide__helpSection a{
    color: black;
    text-decoration: none;
}
@media screen and (max-width: 820px) {
    
    .questionSlide__container video, .questionSlide__container audio, .questionSlide__container image{
        max-width: 100%;
    }
    .questionSlide{
        padding-right: 20px;
    }
    .questionSlide__button{
        margin-bottom: 5px;
    }
    .questionSlide {
        height:auto !important;
    }
   
}
.questionsList {
    width: 200px;
    float: left;
    display: inline-block;
    overflow-y: auto;
    height: calc(100vh - 102px);
}
.questionsItems {
    list-style: none;
    padding-left: 0px;
}
.questionsItem {
    display: inline-block;
    width: 30px;
    height: 20px;
    margin-bottom: 5px;
    margin-right: 5px;
    text-align: center;
    border-radius: 3px;
    text-align: center;
    position:relative;
    
}
    .questionsItem .fa-flag {
        position: absolute;
        font-size: 10px;
        right: -3px;
        top: -3px;
        color: red;
    }
    .questionsItem a {
        display: inline-block;
        width: 30px;
        height: 20px;
        text-decoration: none;
        color: black;
    }
@media screen and (max-width: 820px) {
    .questionsList{
       width: 100%;
       height: auto !important;
    }
    #whiteBoard {
        position: absolute;
        top: 50px;
        z-index: 1;
    }
    #calculatorMedia{
        position: absolute;
        z-index: 1;
    }
}
.scheduler {
    margin-top: 30px;
    width: calc(100% - 320px);
}
@media screen and (max-width: 820px) {
    .scheduler {
        width: calc(100%);
        padding-right: 10px;
        display: inline-block;
        margin-top: 10px;
    }
    .scheduler__list {
        margin-bottom: 5px;
    }
    .fc-toolbar.fc-header-toolbar {
        margin-bottom: 10px !important;
    }
    .sidebarCalendar{
        display:block !important;
    }
}
.coursesSelect{
    width: 150px;
    height: 30px;
    margin-top: 20px;
}
.scheduler__modify{
	width: 50%;
	display: inline-block;
	vertical-align:  text-top;
}
.scheduler__currentSettings{
	width: 49%;
	display: inline-block;
	vertical-align:  text-top;
}
.scheduler__list{
	list-style: none;
	padding-left: 0px;
	margin-top: 5px;
}
.scheduler__heading{
	margin-top: 5px;
	margin-bottom: 0px;
	font-size: 16px;
}
.scheduler__item a{
	text-decoration: none;
	color: black !important;
}
#Events select {
    width: 200px;
    margin-right: 10px;
    margin-left: 0px;
    margin-bottom: 10px;
    height: 30px;
}
#Activities select {
    width: 200px;
    margin-right: 10px;
    margin-left: 0px;
    margin-bottom: 10px;
    height: 30px;
}
.placeholder {
    text-align: center;
    font-size: 21px !important;
}
#AddEventCalendar{
    display:none;
}
#EditEventCalendar {
    display: none;
}
* {
	box-sizing: border-box;
}

body {
    margin: 0px;
    font-family: 'Roboto Condensed', sans-serif;
}

.sidebar {
    width: 300px;
    float: right;
    display: block;
    padding: 15px;
    padding-top: 20px;
    min-height: calc(100vh - 50px);
    height: 100%;
}
.sidebar button {
    width: 100%;
    
}

.sidebar__headerLogin {
    font-weight: 700;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    text-align:left;
}
.sidebar__header {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    border-bottom: 1px solid black;
    margin-top: 0px;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.sidebar__header2 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 17px;
    font-weight: bold;
    width: 100%;
    color: grey;
    border-bottom: 1px solid black;
    margin-top: 0px;
    margin-bottom: 15px;
    padding-bottom: 5px;
}
.sidebar__header--overdue{
    color: red;
}
#Overdue{
    color: red;
}
.sidebar__list2 {
    font-size: 14px;
    margin-top: 0px;
    list-style: none;
    margin-bottom: 20px;
    padding-left: 25px;
}

    .sidebar__list2 a {
        text-decoration: none;
        color: #3AA2E8;
    }

    .sidebar__list2 .sub_accordian {
        color: #3AA2E8 !important;
        text-align: center;
        font-size: 14px;
        cursor: pointer
    }
    .sidebar__list2 ul{
        list-style: none;
        padding-left: 20px;
        padding-bottom:10px;
    }
.sidbar__sideAdaptor{
    cursor:pointer;
    width:100%;
}
.submenu--right{
    float:right;
}
.sidebar__list {
    font-size: 14px;
    margin-top: 0px;
    list-style: none;
    margin-bottom: 20px;
    padding-left: 25px;
}
    .sidebar__list a {
        text-decoration: none;
        color: #3AA2E8;
    }
    .sidebar__list .sub_accordian {
        color: #3AA2E8 !important;
        text-align: center;
        font-size: 14px;
        cursor: pointer
    }
    #calculator {
        z-index: 1000;
        display: none;
    }
#calculator {
    position: fixed;
    height: 677px;
    width: 400px;
    top: 10px;
    background-color: #f5f5f5;
    left: 10px;

    border: none;
    padding: 10px;
}

    #calculator h4 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    #calculator iframe {
        height: calc(100% - 50px);
        width: 100%;
    }

#calendar {
    padding-right: 20px;
}
.noTransform{
    transform: translate(0%,0%) !important;
}
.sidebarHeader {
    float: right;
    margin-right: 70px;
    display: inline-block;
    height: 44px;
    vertical-align: text-bottom;
    padding-top: 15px;
    font-size: 14px;
}
@media screen and (max-width: 820px) {
    .sidebar {
        padding-right: 10px;
        padding-left: 0px;
        padding-bottom: 0px;
        padding-top: 10px;
        display: inline-block;
        width: 100%;
        min-height:100%;
    }
    #calendar {
        padding-right: 0px;
        height: auto !important;
    }
    .subMenu__burger {
        right: 10px;
    }
    .subMenu {
        padding-top: 60px;
    }
}
.textSlide{
 	max-width:700px;
 	height: 700px;
 	overflow-x: scroll;
}
* {
	box-sizing: border-box;
}

#whiteBoard__canvas{
	height: 100%;
	width: calc(100% - 70px);
}

#copy, #paste{
	visibility: hidden;
	position: absolute;
}
.whiteBoard {
    margin-right: 10px;
    border: 1px solid gray;
    margin-top: 3px;
    overflow: hidden;
    display:none;
}

.whiteBoardMenu {
	list-style: none;
	margin: 0px;
	margin-right:  10px;
	margin-left: 10px;
	position: absolute;
	top: 52px;
	left: 62px;
	z-index: 100;
	padding:5px;
	border-radius: 5px;
	background-color: #EEEEEE;
}
.whiteBoardMenu--inline {
    top: 10px;
    left: 0px;
}
.whiteBoard--inline{
    margin:0px;
    border:none;
}
    .whiteBoard--inline .whiteBoardMenu__item {
        height: 25px;
    }

    .whiteBoard--inline .canvas-container canvas {
        height: 100% !important;
        width: 100% !important;
    }
.whiteBoard--inline .canvas-container{
    width:695px !important;
    border-bottom: 1px solid black;
}
.AttachImage--container {
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}
.AttachImage {
      width: 100%;
      max-width: 500px;
      margin: auto;
      margin-top: 0px;

}
.whiteBoardMenu__item {
    display: inline-block;
    font-size: 16px;
    padding: 5px;
    height: 30px;
    width: 30px;
    text-align: center;
    position: relative;
}
.whiteBoardMenu__item--short {
    width: auto;
    padding: 0px;
    position:relative;
    left:-3px;
}
.whiteboardMenu__item--active {
    border-radius: 50%;
    background: white;
}

.whiteBoardMenu__item--divider{
	padding: 0px;
	height: 100%;
	width: auto;
	height: auto;
}

.whiteBoardMenu__icon--divider{
	border-right: 1px solid #C1C1C1;
	height: 100%;
}

.whiteBoardMenu__item a {
	color: #6C6C6C !important;
	text-decoration: none !important;
}

.whiteBoardSubMenu {
    display: none;
    list-style: none;
    margin: 0px;
    margin-right: 10px;
    margin-left: 10px;
    position: absolute;
    top: 40px;
    left: -10px;
    z-index: 100;
    padding: 5px;
    border-radius: 5px;
    background-color: #EEEEEE;
    width: 252px;
}
#textSize{
    width:45px;
}
#textFont {
    width: 100px;
}
.whiteBoardSubMenu__item input {
    height: 33px;
    padding: 5px;
    border: 1px solid #cecece;
    border-radius: 3px;
}
.whiteBoardSubMenu__item {
    display: inline-block;
    font-size: 16px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}

#imageUpload{
	display: none;
}
.mce-floatpanel {
    z-index: 65537 !important;
}
.workInfo {
    overflow: visible;
    height: calc(100vh - 80px);
}
#calendar {
    height: calc(100vh - 80px);
}
.workInfo__canvas{
	position: relative;
	margin-right: -47px;
	margin-left: -23px;
	padding-top: 20px;
}
.workInfo__courseInfo{
	width: auto;
	display: inline-block;
	vertical-align: top;
	padding-top: 66px;
}
.workInfo__circle{
	float: right;
	margin-right: 20px;
}
.workInfo__barsContainer{
	display: inline-block;
	width: calc(100% - 220px);
	vertical-align: top;
	padding-top: 42px;
	padding-left: 23px;
	max-width: 700px;
}
.workInfo__circleText{
	display: inline-block;
	width: calc(100% - 420px);
}
.workInfo__calender{
	width: auto;
	display: inline-block;
	border-radius: 5px;
	background-color: #EEEEEE;
	margin-top: 5px;
	color: #6C6C6C;
}
.workInfo__calendarInfo{
	padding: 5px;
	display: inline-block;
}
.workInfo__calendarInfo--prev,
.workInfo__calendarInfo--next{
	padding-right: 10px;
	padding-left: 10px;
	border-left: 1px solid #C1C1C1;
	cursor: pointer;
}
#FilesLibrary,
#list1 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    border: none !important;
    overflow-x: visible;
    z-index: 0;
}
#FilesLibrary {
    z-index: 101;
}
#ContentLibrary .contentLibraryContainer {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 80px);
}
#ContentLibrary .contentLibraryContainer {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 80px);
}
    #FilesLibrary .subname,
    #list1 .subname {
        margin: 0 3px 10px 3px;
        font-size: 16px;
        border: 1px solid #cecece;
        padding: 5px;
        padding-right: 5px;
        padding-left: 5px;
        background: white;
        position: relative;
        z-index: 2;
        height: 31px;
    }
    #FilesLibrary li span,
    #list1 li span {
        position: absolute;
        margin-left: -1.3em;
    }
.ui-state-highlight{
    height: 31px;
    margin-bottom: 10px;
    background-color: white;
    border-color: #cecece
}
#FilesLibrary .name,
#list1 .name {
    position: relative;
    margin-left: 15px;
    word-break: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 0px;
    z-index: 0;
    width: calc(100% - 194px);
    display: inline-block;
}
.ListOutcome{
    margin-left: 30px !important;
}
    #FilesLibrary .name {
        margin-left: 15px !important;
    }
#FilesLibrary .SubList,
#FilesLibrary .SubList3,
#list1 .SubList {
    list-style: none;
    display: none;
    padding-left: 0px;
    margin-bottom: 10px;
    min-height:5px
}
    #FilesLibrary .blockList,
    #list1 .blockList {
        position: absolute;
        background-color: black;
        width: 30px;
        height: 30px;
        left: 0px;
        top: 0px;
        margin: 0px;
        z-index: 1;
    }
#FilesLibrary .SubList li,
#FilesLibrary .SubList3 li,
#list1 .SubList li {
    background: transparent;
    padding-left:20px;

}
    #FilesLibrary .SubList .create,
    #FilesLibrary .SubList3 .create,
    #list1 .SubList .create {
        
        margin-left: 20px;
    }

#FilesLibrary .SubList .ui-state-highlight,
#FilesLibrary .SubList3 .ui-state-highlight,
#list1 .SubList .ui-state-highlight {
    margin-left: 20px;
}

#FilesLibrary .SubList2,
#list1 .SubList2 {
    list-style: none;
    display: none;
    padding-left: 20px;
    margin-bottom: 10px;
}
        #FilesLibrary .SubList2 li,
        #list1 .SubList2 li {
            background: transparent;
            position: relative;
        }
#FilesLibrary .SubList4,
#list1 .SubList4 {
    list-style: none;
    display: none;
    padding-left: 20px;
    margin-bottom: 10px;
}

    #FilesLibrary .SubList4 li,
    #list1 .SubList4 li {
        background: transparent;
        position: relative;
    }
#FilesLibrary .SubList5,
#list1 .SubList5 {
    list-style: none;
    display: none;
    padding-left: 20px;
    margin-bottom: 10px;
}

    #FilesLibrary .SubList5 li,
    #list1 .SubList5 li {
        background: transparent;
        position: relative;
    }
.blockLessonColor{
    background-color: #20639B !important;
}
    .blockLessonColor.Assignment {
        background-color: #219B95 !important;
    }
    .blockLessonColor.Assignment2 {
        background-color: #209b58 !important;
    }
    .blockLessonColor.Project {
        background-color: #9b2063 !important;
    }
    .blockLessonColor.Reading {
        background-color: #9b5820 !important;
    }
    .blockLessonColor.Exam {
        background-color: #58209b !important;
    }
    .blockLessonColor.Lab {
        background-color: #58209b !important;
    }
i.fa-tablet-alt {
    color: #20639B !important;
}
i.Assignment {
    color: #219B95 !important;
}
i.Assignment2 {
    color: #209b58 !important;
}
    i.Project {
        color: #9b2063 !important;
    }

    i.Reading {
        color: #9b5820 !important;
    }
    i.Exam {
        color: #58209b !important;
    }
    i.Lab {
        color: #58209b !important;
    }
.blockUnitColor {
    background-color: #173F5F !important;
}
.blockCourseColor {
    background-color: #5F173F !important;
}

.blockOutcomeColor {
    background-color: #ED553B !important;
}
.blockPracticeColor {
    background-color: #F6D55C !important;
}
.blockSlideColor {
    background-color: #3CAEA3 !important;
}
.blockTypeColor {
    background-color: #F6D55C !important;
}

.blockLevelColor {
    background-color: #3CAEA3 !important;
}

#list2 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 600px;
    display: none;
}

        #list2 li {
            margin: 0 3px 5px 3px;
            font-size: 16px;
            height: 50px;
            border: 1px solid #cecece;
            padding: 15px;
            padding-right: 15px;
            padding-left: 15px;
            background: -webkit-linear-gradient(white, #EDEDED);
            background: -o-linear-gradient(white, #EDEDED);
            background: -moz-linear-gradient(white, #EDEDED);
            background: linear-gradient(white, #EDEDED);
        }

        #list2 li span {
            position: absolute;
            margin-left: -1.3em;
        }
#list3 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 600px;
    display: none;
}

    #list3 li {
        margin: 0 3px 5px 3px;
        font-size: 16px;
        border: 1px solid #cecece;
        padding: 15px;
        padding-right: 15px;
        padding-left: 15px;
        background: -webkit-linear-gradient(white, #EDEDED);
        background: -o-linear-gradient(white, #EDEDED);
        background: -moz-linear-gradient(white, #EDEDED);
        background: linear-gradient(white, #EDEDED);
    }
        

        #list3 li span {
            position: absolute;
            margin-left: -1.3em;
        }

        #list1 li a,
        #FilesLibrary li a,
        #list2 li a,
        #list3 li a {
            max-width: calc(100% - 130px);
        }
        #list1 li span a,
        #list2 li span a,
        #FilesLibrary li span a,
        #list3 li span a {
            max-width: 100%;
        }
        #list1 li .fa-arrows-alt,
        #list2 li .fa-arrows-alt,
        #FilesLibrary li .fa-arrows-alt,
        #list3 li .fa-arrows-alt {
            vertical-align: middle;
            color: white;
            z-index: 2;
            position: relative;
            left: 2px;
            vertical-align: middle;
            top: -4px;
        }

#Outcomes {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 600px;
    display: none;
}


        .listOutcomes li .ListName {
            max-width: calc(100% - 50px);
        }
.listOutcomes li span {
    position: absolute;
    margin-left: -1.3em;
}

.listOutcomes,
.listPractice,
.listSlides {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 600px;
}
.listPractice,
.listSlides {
    margin-bottom: 10px;
}

    #OutcomeList li {
        margin: 0 3px 5px 3px;
        font-size: 16px;
        height: 50px;
        border: 1px solid #cecece;
        padding: 15px;
        padding-right: 15px;
        padding-left: 15px;
        background: -webkit-linear-gradient(white, #EDEDED);
        background: -o-linear-gradient(white, #EDEDED);
        background: -moz-linear-gradient(white, #EDEDED);
        background: linear-gradient(white, #EDEDED);
    }

        #OutcomeList li span {
            position: absolute;
            margin-left: -1.3em;
        }

.slide__containter {
    padding-left: 20px;
    overflow: visible;
}
@media screen and (max-width: 820px) {
    .slide__containter {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 0px;

    }
}
#listUsers {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    #listUsers li {
        margin: 0 3px 3px 3px;
        padding: 0.4em;
        padding-left: 1.5em;
        font-size: 1.4em;
        height: 100%;
    }

        #listUsers li span {
            position: absolute;
            margin-left: -1.3em;
        }

#listInstitution {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    #listInstitution li {
        margin: 0 3px 3px 3px;
        padding: 0.4em;
        padding-left: 1.5em;
        font-size: 1.4em;
        height: 100%;
    }

        #listInstitution li span {
            position: absolute;
            margin-left: -1.3em;
        }

#listActivities {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    #listActivities li {
        margin: 0 3px 3px 3px;
        padding: 0.4em;
        padding-left: 1.5em;
        font-size: 1.4em;
        height: 100%;
    }
        #listActivities li.header {
            background-color: #f5f5f5;
            font-weight: bold;
            border-bottom: black;
        }

        #listActivities li span {
            position: absolute;
            margin-left: -1.3em;
        }

#listEvents {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    #listEvents li {
        margin: 0 3px 3px 3px;
        padding: 0.4em;
        padding-left: 1.5em;
        font-size: 1.4em;
        height: 100%;
    }

        #listEvents li span {
            position: absolute;
            margin-left: -1.3em;
        }

#listOfSections {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

#listOfSections li {
    margin: 0 3px 3px 3px;
    padding: 0.4em;
    padding-left: 1.5em;
    font-size: 1.4em;
    height: 100%;
}

    #listOfSections li span {
        position: absolute;
        margin-left: -1.3em;
    }
    #listOfSections input {
        margin-right:15px;
    }

    #listTemplates {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    #listTemplates li {
        margin: 0 3px 3px 3px;
        padding: 0.4em;
        padding-left: 1.5em;
        font-size: 1.4em;
        height: 100%;
    }

        #listTemplates li span {
            position: absolute;
            margin-left: -1.3em;
        }

#FilesList {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    #FilesList li {
        margin: 0 3px 3px 3px;
        padding: 0.4em;
        padding-left: 1.5em;
        font-size: 1.4em;
        height: 100%;
    }

        #FilesList li span {
            position: absolute;
            margin-left: -1.3em;
        }


#listDelayedMessages {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    #listDelayedMessages li {
        margin: 0 3px 3px 3px;
        padding: 0.4em;
        padding-left: 1.5em;
        font-size: 1.4em;
        height: 100%;
    }

        #listDelayedMessages li span {
            position: absolute;
            margin-left: -1.3em;
        }

#listCourseTeacher {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    min-height:400px;
}

    #listCourseTeacher li {
        margin: 0 3px 3px 3px;
        padding: 0.4em;
        padding-left: 1.5em;
        font-size: 1.4em;
        height: 100%;
    }

        #listCourseTeacher li span {
            position: absolute;
            margin-left: -1.3em;
        }
.list__header {
    width: 100%;
}
.undoRedo {
    position: absolute;
    bottom: 0px;
    bottom: 10px;
    width: calc(50% - 40px);
}
    .undoRedo button {
        border: 1px solid lightgray;
        font-size: 17px;
        width: 49%;
        display: inline-block;
        background-color: white;
        cursor: pointer;
        line-height: 29px;
        color: #414143;
        background-color: #EEE;
    }
    .undoRedo button:hover {
        border: 1px solid #414143;
        display: inline-block;
        background-color: #414143;
        cursor: pointer;
        color: white;
    }
    .undoRedo a {
        border: 1px solid lightgray;
        font-size: 17px;
        width: 100%;
        display: inline-block;
        background-color: white;
        cursor: pointer;
        line-height: 29px;
        text-decoration:none;
        color: #414143;
        text-align:center;
        padding-right:20px;
        padding-left:20px;
        background-color: #EEE;
    }

        .undoRedo a:hover {
            border: 1px solid #414143;
            display: inline-block;
            background-color: #414143;
            cursor: pointer;
            color: white;
        }
.list__container {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding: 0px;
    float: left;

    padding-bottom: 0px;
}
    .list__container .title{
        margin-right: 5px !important;
    }
    .list__container #list1 {
        padding: 10px;
        overflow: auto;
        height: calc(100vh - 155px);
        padding-top: 20px;
    }
.editor__forms {
    width: 50%;
    float: right;
}
    .editor__forms form {
        background-color: white;
        position: relative !important;
        top: 0px;
        left: 0px;
        border: none !important;
        transform: translate(0px,0px);
        width: 99%;
        padding: 10px;
        z-index: 102;
        padding-top:10px;
    }
        .editor__forms form .wrapper {
            max-height: calc(100vh - 145px);
        }

#CreateUser,
#ChangePassword,
#InsitutionCreateForm,
#UnitCreateForm,
#CourseCreateForm,
#LessonCreateForm,
#SlideCreateForm,
#InsitutionEditForm,
#CoursePackageTypeForm,
#UnitEditForm,
#CourseEditForm,
#LessonEidtForm,
#Outcome,
#SlideEditForm,
#OutcomeEdit,
#EditOutcome
#SlideEditForm,
#SlideEditFile,
#SolutionEditFile,
#EditQuestion,
#SolutionFileEditSlide,
#Keys,
#Link,
#CourseCode,
#CourseCodeForm,
#AvailableDays,
#Schedual,
#Users,
#Activities,
#Events,
#viewContainer,
#CreatePracticeQuestionForm,
#EditPracticeQuestionForm,
#SlideFileUpload,
#SlideFileReUpload,
#SolutionFileUpload,
#PracticeEditOutcome,
#PrintQuestions,
#EditOutcome,
#PracticeOutcome,
#SchedualSettings,
#paymentOptions,
#ChooseCourse,
#Templates,
#ShowSections,
#Email,
#EmailSupport,
#AddTemplate,
#ResetPassorwd,
#ChangePasswordForm,
#EditTemplate,
#CreateLogin,
#EditLogin,
#DelayedMessages,
#CourseTeachers,
#AddDelayedMessages,
#EditDelayedMessages,
#Institutions,
#OutcomeCreateForm,
#OutcomeEditForm,
#BulkQuestionFileUpload,
#EditQuestionForm,
#SlideFileUploadEdit,
#EditQuestionForm,
#CreateNote,
#EditNote,
#ViewNote,
#AddInvoice,
#Discount,
#DiscountChange,
#PriceBlockEdit,
#PriceBlock,
#checkout-formUpdate,
#packages,
#SiteLicence,
#editPackages,
#SiteLicenceEdit,
#ChargeDate,
#UploadQuestions,
#BulkMoveQuestions,
#LMSCredentials,
#UploadCoursePackage,
#UploadCoursePackageEdit,
#UploadUserGuide,
#UploadUserGuideEdit,
#ViewEvent,
#SlideFileEdit {
    display: none;
    z-index: 102;
}


#list1Header,
#list2Header {
    font-size: 16px;
    font-weight: bold;
    margin-top: 0px;
}

#CountryItem,
#ProvinceItem,
#DistrictItem,
#CountryItemEdit,
#ProvinceItemEdit,
#DistrictItemEdit{
    display:none;
}

#listUsers,
#listInstitution,
#listEvents,
#listActivities,
#listTemplates,
#listOfSections,
#FilesList,
#listDelayedMessages {
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    min-height: 470px;
    max-height: 470px;
    overflow-y: auto;
    position: relative;
    margin-top: 10px;
}

.list__container {
    position: relative;
}

.ui-state-default {
    border: none;
    border-bottom: 1px solid #c5c5c5 !important;
    background: white;
    font-weight: normal;
    color: #454545 !important;
    font-size: 16px !important;
}

#Keys,
#Link,
#CourseCode,
#Users,
#Institutions,
#Events,
#Templates,
#ShowSections,
#Activities,
#CompareQuestions,
#DelayedMessages,
#CourseTeachers,
#viewContainer {
    width: 600px;
    position: fixed;
    top: 50%;
    background-color: white;
    left: 50%;
    -ms-transform: translate(-50%,-50%); /* IE 9 */
    -webkit-transform: translate(-50%,-50%); /* Safari */
    transform: translate(-50%,-50%);
    border: 1px solid #c5c5c5 !important;
    padding: 10px;
    max-height: 100vh;
    overflow: auto;
    z-index: 102;
    background-color: #f5f5f5;
    max-width: 100%;
}
#viewContainer {
    width: 90vw;
    height: 90vh;
    z-index: 2000;
}
#CompareQuestions {
    width: 100vw;
    height: 100vh;
    z-index: 2000;
}

    #Users h4,
    #Institutions h4,
    #Events h4,
    #Activities h4,
    #Keys h4,
    #Link h4,
    #CourseCode h4,
    #Templates h4,
    #ShowSections h4,
    #DelayedMessages h4,
    #CourseTeachers h4,
    #viewContainer h4 {
        margin: 0px;
    }

#view {
    background-color: white;
}

#view {
    width: 100%;
    height: calc( 90vh - 70px);
}
#CompareQuestionsURL {
    background-color: white;
}

#CompareQuestionsURL {
    width: 100%;
    height: calc( 90vh - 30px);
}

#CompareQuestions{
    display:none;
}
#CompareQuestions button {
    margin-left: 10px;
}
#CreditCards {
    padding-bottom: 25px;
}

#ViewQuestionCompareURL {
    background-color: white;
}

#ViewQuestionCompareURL {
    width: 100%;
    height: calc( 90vh - 10px);
}

#ViewQuestionCompare {
    display: none;
}

    #ViewQuestionCompare button {
        margin-left: 10px;
    }

#Activities input,
#Events input {
    font-size: 16px;
    border: 1px solid #c5c5c5;
    box-shadow: none;
    outline: none;
    border-radius: 3px;
    padding: 5px 10px;
    width: 100%;
    padding-right: 25px;
    cursor: pointer
}
#Content {
    min-height: 230px;
    overflow: auto;
    padding-left: 20px;
    border: 1px solid;
    padding-right: 20px;
    max-height: 500px;
}
form {
    width: 500px;
    position: fixed !important;
    top: 50%;
    background-color: white;
    left: 50%;
    -ms-transform: translate(-50%,-50%); /* IE 9 */
    -webkit-transform: translate(-50%,-50%); /* Safari */
    transform: translate(-50%,-50%);
    border: 1px solid #c5c5c5 !important;
    padding: 10px;
    max-height: 100vh;
    background-color: #f5f5f5;
    min-height: inherit !important;
}
#ViewContent p{
    margin-top:10px;
    margin-bottom:10px;
}
form a {
    color: black;
    text-decoration: none;
}
#SearchValues {
    width: auto;
    position: relative !important;
    -ms-transform: translate(0%,0%); /* IE 9 */
    -webkit-transform: translate(0%,0%); /* Safari */
    transform: translate(0%,0%);
    border: none !important;
    left: 0px;
    top: 0px;
    padding: 10px;
    max-height: 100vh;
    background-color: white;
    z-index: 1;
}
#SearchValues input{
    max-width: 300px;
    position:relative;
    top:-6px;
    height:33px;
}
form .wrapper {
    overflow: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 100px);
    height: calc(100% - 80px);
    width: calc(100% - 1px);
}

    form h4 {
        margin: 0px;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px;
    }

.formwide {
    width: 800px;
    max-width: 100%;
}
.form-none {
    position: static !important;
    -ms-transform: translate(0%,0%); /* IE 9 */
    -webkit-transform: translate(0%,0%); /* Safari */
    transform: translate(0%,0%);
    background-color: transparent !important;
    border:none !important;
}
.form-group {
    margin-bottom: 5px;
    vertical-align: middle;
}
.form-group--inline input{
    width: auto !important;
}
    .form-group--inline input[type=number] {
        width: calc(100% - 110px) !important;
    }
    .form-group--inline input[type=datetime-local] {
        width: calc(100% - 100px) !important;
    }
    .form-group--inline .dropdown {
        width: auto !important;
    }
.form-group--inline input[type="date"], .form-group--inline input[type="time"] {
    width: 170px !important;
    font-size: 16px;
    border: 1px solid #c5c5c5 !important;
    box-shadow: none;
    outline: none;
    border-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 6px 10px;
    margin-right: 10px;
}
    .form-group--inline label {
    width: 100%;
    display: block;
}
    .form-group--right {
    display: inline-block;
    max-width: 508px;
    padding-left: 20px;
    width: 100%;
}
.form-group--left {
    display: inline-block;
    padding-right: 20px;
    vertical-align: top;
    padding-top: 15px;
    min-width: 260px;
}
.form-group--right button{
    float:none !important;
    margin-right: 5px;
}
.form-group--right input{
    width: 100%;
}
#CourseCodeInput{
    margin-top: 15px;
}
#SelectedCourses {
    list-style: none;
    padding-left: 20px;
}
.form-group--right button.active {
    background-color: #d6d6d6;
}
#desiredCourses button.active {
    background-color: #192f59;
    border-color: #192f59;
    color: white;
}
#checkout-form2 {
    width: 90vw;
    max-height: 90vh;
    display: none;
}
    #checkout-form2 .wrapper {
        padding-right: 10px;
        padding-left: 10px;
    }
    .form-group--50 {
        display: inline-block;
        width: calc(50% - 4px);
        vertical-align: middle;
    }

.checkout {
    position: static;
    top: 30px;
    right: 30px;
    padding: 0px;
    min-width:  0px;
    max-width: 768px;
}
    .checkout table {
        width: 100%;
        margin-top:10px;
    }
    .checkout table tr {
        height: 30px;
        border: 1px solid black;
    }
        .checkout table th {
            background-color: #414143;
            color: white;
        }
        .checkout table td {
            text-align: center;
            background-color:white;
        }
.dispaly {
    display: block !important;
}
form label {
    font-size: 12px;
    line-height:20px;
}

form input {
    width: 100%;
    font-size: 16px;
    border: 1px solid #c5c5c5;
    box-shadow: none;
    outline: none;
    
    border-radius: 3px;
    padding: 5px 10px;
}
form input[type="checkbox"]{
    width: auto;
}
form select {
    width: 100%;
    font-size: 16px;
    border: 1px solid #c5c5c5;
    box-shadow: none;
    outline: none;
    padding: 5px 10px;
    border-radius: 3px;
}
.dropdown-toggle {
    font-size: 16px !important;
    border: 1px solid #c5c5c5;
    box-shadow: none !important;
    outline: none;
    padding: 3px 10px !important;
    border-radius: 3px;
}
.dropdown {
    padding: 0px !important;
    background-color: white !important;
}
form .dropdown {
    padding: 0px !important;
    width: 100% !important ;
    background-color:white !important;
}
form .Submissions .dropdown {
   
    width: auto !important;
    
}

form .dropdown-toggle {
    width: 100%;
}
.dropdown-text{
    color: black !important;
}
    .dropdown-text p {
        margin-top: 0px;
        margin-bottom: 0px;
    }
.dropdown-link {
    padding: 5px 10px !important;
}
.dropdown li {
    border-bottom: 1px solid #c5c5c5;
}
.dropdown-toggle .dropdown-icon{
    color: black !important;

}
form .dropdown-toggle .dropdown-icon {
    float: right;
    top: 12px;
}
.dropdown-selected .dropdown-link {
    color: white !important;
    background-color: #414143 !important;
}
.dropdown-selected .dropdown-link .dropdown-text {
    color: white !important;
}
form .dropdown-menu-wrapper {
    width: 100% !important;
}
form .dropdown-menu-container{
    width:100% !important;
}


form button {
    padding: 5px 10px;
    color: #6C6C6C;
    background-color: #EEEEEE;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    box-shadow: none;
    outline: none;
    font-size: 14px;
    margin-top: 10px;
    cursor: pointer;
    float: right;
}

    form button:hover {
        background-color: #d6d6d6;
    }

    form button:active,
    form button:focus {
        background-color: #d6d6d6;
    }


.bnt {
    padding: 5px 10px;
    color: #6C6C6C;
    background-color: #EEEEEE;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    box-shadow: none;
    outline: none;
    font-size: 14px;
    margin-top: 10px;
    cursor: pointer;
}

.bnt:hover {
    background-color: #d6d6d6;
}

.bnt:active,
.bnt:focus {
    background-color: #d6d6d6;
}
form{
    z-index:100;
}
@media screen and (max-width: 820px) {
    form{
        width: 100vw;
        max-height:100%;
    }
        form .wrapper {
            max-height: calc(calc(var(--vh, 1vh) * 100) - 100px);
            overflow: auto;
            height: calc(100% - 80px);
        }
    input {
        max-width:100%;
    }
    .TeacherExplorerHeader{
        overflow: hidden;
    }
    .TeacherExplorerData{
        text-align: center;
    }
    #calculator{
        max-width:calc(100% - 10px);
    }
    .bnt {
        display:inline-block !important;
        width: calc(100% - 20px);
    }
    .form-group--right {
        
        padding-left: 0px !important;
        
    }
}
#Users button,
#Institutions button,
#Events button,
#Templates button,
#ShowSections button,
#Activities button,
#CourseTeachers button,
#DelayedMessages button {
    padding: 5px 10px;
    color: #6C6C6C;
    background-color: #EEEEEE;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    box-shadow: none;
    outline: none;
    font-size: 14px;
    margin-top: 10px;
    cursor: pointer;
    float: right;
    position: static;
}
    #Users button:hover,
    #Institutions button:hover,
    #Events button:hover,
    #Templates button:hover,
    #ShowSections button:hover,
    #Activities button:hover,
    #DelayedMessages button:hover,
    #CourseTeachers button:hover {
        background-color: #d6d6d6;
    }
    #Users button:active,
    #Institutions button:active,
    #Events button:active,
    #Templates button:active,
    #ShowSections button:active,
    #Activities button:active,
    #DelayedMessages button:active,
    #CourseTeachers button:active,
    #Users button:focus,
    #Institutions button:focus,
    #Events button:focus,
    #Templates button:focus,
    #ShowSections button:focus,
    #Activities button:focus,
    #CourseTeachers button:focus,
    #DelayedMessages button:focus {
        background-color: #d6d6d6;
    }

#Users .add,
#Institutions .add,
#Events .add,
#Templates .add,
#ShowSections .add,
#Activities .add,
#CourseTeachers .add,
#DelayedMessages .add {
    position: absolute;
    bottom: 10px;
    top: auto;
    right: 10px;
}
#Users .cancel,
#Institutions .cancel,
#Events .cancel,
#Templates .cancel,
#ShowSections .cancel,
#Activities .cancel,
#CourseTeachers .cancel,
#DelayedMessages .cancel {
    position: absolute;
    float: right;
    bottom: 12px;
    right: 70px;
}

#ShowSections .cancel,
#CourseTeachers .cancel {
    right: 10px;
}
#Users,
#Institutions,
#Events,
#Templates,
#ShowSections,
#Activities,
#CourseTeachers,
#DelayedMessages {
    padding-bottom: 50px;
}
.divForm .checkbox input[type=checkbox] {
    width: auto;
}

.cancel,
.cancelText2,
.cancelText,
.cancelText4,
.cancelText3 {
    float: right;
    margin-top: 15px;
    margin-right: 10px;
    color: black;
    text-decoration: none !important;
}

.cancelX {
    color: black;
    text-decoration: none;
    position: absolute;
    top: 10px;
    right: 10px;
    margin-top: 0px;
    margin-right: 0px;
}

.add {
    color: black;
    text-decoration: none;
    position: absolute;
    top: 10px;
    right: 25px;
}
#list1 .create {
    cursor: pointer;
    background: white !important;
    overflow: hidden;
    text-align: center;
    color: GRAY;
    border: 1px solid #cecece !important;
    border-bottom: 1px solid #cecece !important;
    font-size: 14px !important;
    vertical-align: middle;
    line-height: 30px;
    padding: 0px;
    margin-right: 3px;
    margin-left: 3px;
    max-width: 100%;
}
#list1 li,
#FilesLibrary li{
    border-bottom: none !important;
    z-index: 100;
}
#list2 .create {
    cursor: pointer;
    background: #EEE !important;
    overflow: hidden;
    text-align: center;
    color: GRAY;
    border: 1px solid #cecece !important;
    border-bottom: 1px solid #cecece !important;
    font-size: 14px !important;
    vertical-align: middle;
    line-height: 50px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
#list3 .create {
    cursor: pointer;
    background: #EEE !important;
    overflow: hidden;
    text-align: center;
    color: GRAY;
    border: 1px solid #cecece !important;
    border-bottom: 1px solid #cecece !important;
    font-size: 14px !important;
    vertical-align: middle;
    line-height: 50px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}


    #list1 i.courseInfo__chevron,
    #list2 i.courseInfo__chevron,
    #list3 i.courseInfo__chevron {
        color: black !important;
    }

.user {
    position: absolute;
    top: 10px;
    right: 30px;
    cursor: pointer;
}

.ezdz-dropzone {
    width: 100% !important;
}

.edit__icons {
    float: right;
    position: static !important;
    margin: 0px !important;
}

    .edit__icons a {
        padding-left: 5px;
        z-index:2;
    }
@media screen and (max-width: 820px) {
    .edit__icons{
        max-width: 110px;
        text-align: right;

    }
    #list1 li a, #list2 li a, #list3 li a {
        max-width: calc(100% - 110px);
        display: inline-block;
    }
    .subname .name {
        max-width: calc(100% - 130px);
        padding-right: 0px !important;
        display: inline-block;
        margin-left: 10px !important;
        position: static !important;
    }
}
    
form input[type=radio]{
    width: auto;
}
#OucrrenceEndDate,
#AmountEndDate,
#StudentEndDate,
#CSVFileUpload,
#ModifyEndDate {
    display: none;
}

.mce-branding{
    display: none !important;
}
#ContentLibraryUpload,
#CourseListAdd,
#CourseLearningOutcomes,
#ContentArchive,
#examform,
#AddQuestionsExam,
#questionFormEdit,
#feedbackForm,
#AddRandomQuestions,
#ContentPrice,
#ContentStudentNotes,
#CourseLearningOutcomeAdd,
#SchedualSettings,
#paymentOptions,
#CourseCreator {
    display: none;
    position: fixed;
    width: 90vw;
    height: 90vh;
    top: 50%;
    left: 50%;
    position: fixed !important;
    top: 50%;
    background-color: white;
    left: 50%;
    -ms-transform: translate(-50%,-50%); /* IE 9 */
    -webkit-transform: translate(-50%,-50%); /* Safari */
    transform: translate(-50%,-50%);
    border: 1px solid white !important;
    z-index: 100;
    overflow: hidden
}
    #ContentLibraryUpload .title,
    #CourseListAdd .title,
    #ContentArchive .title,
    #AddQuestionsExam .title,
    #AddRandomQuestions .title,
    #examform .title,
    #questionFormEdit .title,
    #feedbackForm .title,
    #ContentPrice .title,
    #ContentLibrary .title,
    .list__container .title,
    #CourseLearningOutcomes .title,
    #CourseLearningOutcomeAdd .title,
    #ContentStudentNotes .title,
    #SchedualSettings .title,
    #paymentOptions .title,
    #CourseCreator .title {
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase;
        height: 30px;
        background-color: #414143;
        color: white;
        margin: 0px;
        padding-left: 20px;
        vertical-align: middle;
        padding-top: 10px;
    }


#ContentLibrary{
    width: 100%;
    display: block;
    border:none;

}
#ContentLibrary .title{
    margin-left: 5px !important;
}

    #ContentLibrary .Filters {
        display: none;
    }
#SchedualSettings, #paymentOptions {
    max-width: 858px
}
    #SchedualSettings #Activities {
        position: static;
        transform: none;
        border: none !important;
        background-color: white;
        padding-bottom: 0px;
    }
        #SchedualSettings #Activities #listActivities {
            min-height: calc(90vh - 167px);
            max-height: calc(90vh - 167px);
        }
    #SchedualSettings #Events {
        position: static;
        transform: none;
        border: none !important;
        background-color: white;
        padding-bottom: 0px;
        max-height: 100%;
    }

        #SchedualSettings #Events #listEvents {
            min-height: calc(90vh - 200px);
            max-height: calc(90vh - 200px);
        }
    #SchedualSettings form {
        position: static !important;
        transform: none;
        border: none !important;
        background-color: white;
        width: 100%;
        min-height: calc(90vh - 167px);
        max-height: calc(90vh - 167px);
    }
    .days{
        line-height: 20px;
    }
#SchedualSettings .ContentLibrary__View {
    height: calc(90vh - 28px);
}
#Libraries {
    overflow: auto;
    transform: translate(0,0);
    height: calc(90vh - 30px);
}
    #Libraries form {
        position: static !important;
        background-color: white;
        transform: translate(0,0);
        border: none !important;
    }

#card-number, #card-cvv, #card-expiry {
    background-color: #FFF;
    display: block;
    width: calc(100%);
    border-radius: 3px;
    border: 1px solid #c5c5c5;
    padding: 5px 10px;
    margin: auto;
    transition: all 100ms ease-out;
}
    #card-number iframe,
    #card-expiry iframe,
    #card-cvv iframe {
        min-height: 16px;
    }
#card-number2, #card-cvv2, #card-expiry2 {
    background-color: #FFF;
    display: block;
    width: calc(100%);
    border-radius: 3px;
    border: 1px solid #c5c5c5;
    padding: 5px 10px;
    margin: auto;
    transition: all 100ms ease-out;
}

    #card-number2 iframe,
    #card-expiry2 iframe,
    #card-cvv2 iframe {
        min-height: 16px;
    }

/* card images are added to card number */
#card-number {
    background-image: none;
    background-origin: content-box;
    background-position: calc(100% ) center;
    background-repeat: no-repeat;
    background-size: contain;
}
#bambora-card-number {
    background-image: none;
    background-origin: content-box;
    background-position: calc(100% ) center;
    background-repeat: no-repeat;
    background-size: contain;
}

.contentLibraryContainer {
    padding: 10px;
}
.contentLibraryContainer2 {
    height: calc(90vh - 85px);
    overflow: auto;
}
.SibarButtons {
    display: inline-block;
    position: relative;
    width: 250px;
    overflow-x: auto;
    border-right: 1px solid black;
    margin-top: 0px;
    font-size: 12px;
    height: calc(90vh);
}
    .SibarButtons ul {
        background-color: #414143;
        height: calc(90vh);
        color: white;
        padding-left: 0px;
        list-style: none;
        margin: 0px;

    }

.SibarButtons li {
    height: 50px;
    color: white;
    border-bottom: 1px solid white;
}
    .SibarButtons li.active {
        height: 50px;
        color: white;
        border-bottom: 1px solid white;
        color: black;
        background-color: white;
    }
        .SibarButtons li a {
            line-height: 50px;
            font-size: 14px;
            padding-right: 20px;
            padding-left: 20px;
            width: 100%;
            height: 100%;
            display: inline-block;
            cursor: pointer;
        }
.Filters {
    display: inline-block;
    position: relative;
    width: 250px;
    overflow-x: auto;
    padding-right: 20px;
    padding-left: 10px;
    padding-bottom: 20px;
    border-right: 1px solid black;
    margin-top: 0px;
    font-size: 12px;
    height: calc(90vh - 85px);
}
.Filters h2 {
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 10px;
}
.Filters h3 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    border-bottom: 1px solid black;
    padding-bottom: 5px;
    padding-top: 5px;
}
.Filters input[type=text]{
    width:100%;
    height: 30px;
    padding-right: 10px;
    padding-left: 10px;
    display: block !important;
    border: 1px solid #c5c5c5;
    box-shadow: none;
    outline: none;
    
    border-radius: 3px;
}

.Filters__Buttons {
    position: absolute;
    bottom: 6px;
}
.Filters__Buttons button {
    background-color: #414143;
    color: white;
    padding: 5px;
    border: none;
}
    .Filters__Buttons button:focus,
    .Filters__Buttons button:hover,
    .Filters__Buttons button:active {
        background-color: #343435;
    }
.Filters__Buttons .links {
    padding-right: 10px;
    padding-left: 10px;
    color: black;
    text-decoration: none !important;
    font-size: 12px;
}
.ContentLibrary__Buttons {
    display: inline-block;
    position: absolute;
    right: 15px;
    bottom: 10px;
}
    .ContentLibrary__Buttons button {
        background-color: #414143;
        color: white;
        padding: 5px;
        border: none;
        min-width: 50px;
    }
        .ContentLibrary__Buttons button:focus,
        .ContentLibrary__Buttons button:hover,
        .ContentLibrary__Buttons button:active {
            background-color: #343435;
        }
    .ContentLibrary__Buttons .links {
        padding-right: 10px;
        padding-left: 10px;
        color: black;
        text-decoration: none !important;
        font-size: 12px;
    }
.ContentLibrary__UploadButtons {
    display: inline-block;
    position: absolute;
    left: 275px;
    bottom: 10px;
}


.ContentLibrary__UploadButtons button {
    background-color: #cecece;
    color: black;
    padding: 5px;
    border: none;
    font-size: 10px;
    padding-right: 10px;
    padding-left: 10px;
    min-width: 50px;
    text-transform: uppercase;
    color: grey;
    border-radius: 3px;
    height: 26px;
}

.CourseCreator__Buttons {
    display: inline-block;
    position: absolute;
    left: 30px;
    bottom: 20px;
}
    .CourseCreator__Buttons button {
        background-color: #414143;
        color: white;
        padding: 5px;
        border: none;
        min-width: 50px;
    }
        .CourseCreator__Buttons button:focus,
        .CourseCreator__Buttons button:hover,
        .CourseCreator__Buttons button:active {
            background-color: #343435;
        }
    .CourseCreator__Buttons .links {
        padding-right: 10px;
        padding-left: 10px;
        color: black;
        text-decoration: none !important;
        font-size: 12px;
    }
.ContentLibrary__View {
    display: inline-block;
    width: calc(100% - 255px);
    height: calc(90vh - 85px);
    overflow-x: auto;
    vertical-align: top;
    position: relative;
}
#FilesView.ContentLibrary__View {
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow-x: auto;
    vertical-align: top;
    position: relative;
}
#CourseView.ContentLibrary__View {
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow-x: initial;
    vertical-align: top;
    position: relative;
}

#Files td {
    text-align: center;
    border-bottom: 1px solid #cecece;
}
#Files th {
    text-align: center;
    border-bottom: 1px solid #cecece;
    padding-bottom:10px;
}
#Files tr{
    border-bottom: 1px solid #cecece;
}
#CourseList button {
    background-color: #414143;
    color: white;
    padding: 5px;
    border: none;
    margin-top: 10px;
    cursor: pointer;
}
.ContentLibrary__View--full {
    width: 100%;
}
@media screen and (max-width: 820px) {
    .Filters{
        width: 130px;
    }
    .ContentLibrary__View {
        width: calc(100% - 135px);
    }
    .ContentLibrary__View--full {
        width: 100%;
    }
    .ContentLibrary__UploadButtons {
        left: 140px;
    }
    .SibarButtons {
        height: auto;
        width: 100%;
    }

        .SibarButtons ul {
            height: auto;

        }
    #SchedualSettings{

        overflow: auto;
    }
    #SchedualSettings form {
        width: 100%;
        height: auto;
    }
    #SchedualSettings .ContentLibrary__View{
        height: auto;
        width: 100%;
    }
    .contentLibraryContainer2 {
        height: calc(90% - 85px);
        overflow: auto;
    }
    #FilesView.ContentLibrary__View{
        height:auto;
    }
    #CourseView.ContentLibrary__View {
        height: auto;
    }
    .form-group--50 {
        width: 100%;
    }
}
.ContentLibrary__Content {
    width: 200px;
    padding: 10px;
    display: inline-block;
}
.ContentLibrary__ContentTitle{
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 5px;
}
.ContentLibrary__ContentAuthor {
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 3px;
}
.ContentLibrary__ContentImage{
    width: 180px;
    height: 180px;
}
    .ContentLibrary__ContentImage:after {
        padding-bottom: 100%;
    }
.ArchiveSearch{
    max-width: 200px;
}
#Files {
    width: 100%;
}
    #Files tr {
        border-bottom: 1px solid #cecece;
    }
    #Files td {
        padding: 10px;
        height: 30px;
        border-bottom: 1px solid #cecece;
        vertical-align: middle;
    }
    #Files .Files__Type{
        font-size: 12px;
    }
    #Files .Files__Size {
        font-size: 12px;
        text-align: right;
    }
    #Files a {
        color: black;
        font-weight: bold;
        text-decoration: none !important;
    }
#ArchiveList {
    width: 100%;
}

    #ArchiveList tr {
        border-bottom: 1px solid #cecece;
    }

    #ArchiveList td {
        padding: 10px;
        height: 30px;
        border-bottom: 1px solid #cecece;
        vertical-align: middle;
    }

    #ArchiveList .Files__Type {
        font-size: 12px;
    }

    #ArchiveList .Files__Size {
        font-size: 12px;
        text-align: right;
    }

    #ArchiveList a {
        color: black;
        font-weight: bold;
        text-decoration: none !important;
    }
    #ArchiveList .barContainer {
        width: 100%;
    }
#PriceList {
    width: 100%;
}

    #PriceList tr {
        border-bottom: 1px solid #cecece;
    }

    #PriceList td {
        padding: 10px;
        height: 30px;
        border-bottom: 1px solid #cecece;
        vertical-align: middle;
    }

    #PriceList .Files__Type {
        font-size: 12px;
    }

    #PriceList .Files__Size {
        font-size: 12px;
        text-align: right;
    }

    #PriceList a {
        color: black;
        font-weight: bold;
        text-decoration: none !important;
    }

#PriceList .barContainer {
    width: 100%;
}
#StudentNotesList {
    width: 100%;
}

    #StudentNotesList tr {
        border-bottom: 1px solid #cecece;
    }

    #StudentNotesList td {
        padding: 10px;
        height: 30px;
        border-bottom: 1px solid #cecece;
        vertical-align: middle;
    }
        #StudentNotesList td img,
        #StudentNotesList td video,
        #StudentNotesList td audio,
        #StudentNotesList td p {
            display: none;
        }
            #StudentNotesList td p:first-child {
                display: block;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                max-width:150px;
            }
            #StudentNotesList .Files__Type {
                font-size: 12px;
            }

    #StudentNotesList .Files__Size {
        font-size: 12px;
        text-align: right;
    }

    #StudentNotesList a {
        color: black;
        font-weight: bold;
        text-decoration: none !important;
    }

#StudentNotesList .barContainer {
    width: 100%;
}

    #Overlay {
        height: 100vh;
        width: 100vw;
        background: rgba(0,0,0,0.75);
        z-index: 99;
        display: none;
        position: fixed;
        top: 0px;
        left: 0px;
    }
#Overlay2 {
    height: 100vh;
    width: 100vw;
    background: rgba(0,0,0,0.75);
    z-index: 99;
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
}
.self-check {
    height: 30px;
    font-size: 16px;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    line-height: 30px;
    margin-bottom: 10px;
    max-width: 594px;
    padding-left: 0px;
    font-weight: bold;
}
    .self-check .courseInfo__chevron{
       line-height: 30px;
       padding-right: 15px;
    }
.outcomes {
    height: 30px;
    font-size: 16px;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    line-height: 30px;
    margin-bottom: 10px;
    max-width: 594px;
    padding-left: 0px;
    font-weight: bold;
}

.outcomes .courseInfo__chevron {
    line-height: 30px;
    padding-right: 15px;
}

.slides2 {
    height: 30px;
    font-size: 16px;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    line-height: 30px;
    margin-bottom: 10px;
    max-width: 594px;
    padding-left: 0px;
    font-weight: bold;
}
.slide__containter .courseInfo__chevron {
    pointer-events: none;

}
.slides2 .courseInfo__chevron {
    line-height: 30px;
    padding-right: 15px;
}

#CourseCreatorName {
    padding-right: 0px;
    padding-left: 0px;
    margin-bottom: 5px;
    margin-top: 0px;
}
.dropdown2 {
    position: absolute;
    bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    list-style: none;
    padding-left: 0px;
    padding: 5px;
    border-radius: 3px;
    background-color: #EEEEEE;
    min-width: 80px;
    display: none;
}
.dropdown2 li {
    border-bottom: 1px solid black;
    
}
.dropdown2 li a {
    text-decoration: none;
    color: black;
}
#OutcomesSearch {
    width: 100%;
    max-width: 600px;
    margin-bottom: 10px;
    margin-right: 27px;
    margin-left: 5px;
    height: 30px;
    padding: 10px;
}
.create {
    cursor: pointer;
    background: #EEE !important;
    overflow: hidden;
    text-align: center;
    color: GRAY;
    border: 1px solid #cecece !important;
    border-bottom: 1px solid #cecece !important;
    font-size: 14px !important;
    vertical-align: middle;
    line-height: 50px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
#OutcomeList p,
#OutcomeList h1,
#OutcomeList h2
{
    margin-top:0px;
    margin-bottom: 0px;
    display: inline-block;
}
#Outcomes p,
#Outcomes h1,
#Outcomes h2 {
    margin-top: 0px;
    margin-bottom: 0px;
    display: inline-block;
}
.checkbox{
    display: inline-block;
    float: right;
}
.CardCenter {
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
    font-size: 30px !important;
    color: grey !important;
}
#ContentForLibrary {
    width: 100%;
}

#ContentForLibrary tr {
    border-bottom: 1px solid #cecece;
}
    #ContentForLibrary th {
        text-align: left;
        padding: 10px;
    }

    #ContentForLibrary td {
        padding: 10px;
        height: 30px;
        border-bottom: 1px solid #cecece;
        vertical-align: middle;
        text-align: left;
    }


#ContentForLibrary .Files__Type {
    font-size: 12px;
}

#ContentForLibrary .Files__Size {
    font-size: 12px;
    text-align: right;
}

#ContentForLibrary a {
    color: black;
    font-weight: bold;
    text-decoration: none !important;
}
.create__button {
    padding: 3px;
    border: 1px solid white;
    color: white;
    float: right;
    margin-right: 20px;
    position: relative;
    top: -6px;
    cursor: pointer;
}
.create{
    max-width: 600px;
}
.profileEnrolledIn .checkbox {
    float: right;
}
.profile_element {
    display: block;
    height: 35px;
    margin-bottom: 10px;
    line-height: 35px;
}
    .profile_element .prevue-wrapper{
        position:static !important;
        display:inline-block;
    }
    .profile_element input {
        font-size: 16px !important;
        border: 1px solid #c5c5c5;
        box-shadow: none;
        outline: none;
        border-radius: 3px;
        padding: 6px 10px !important;
    }
#ActivitiesList {
    padding: 20px;
    background: #cecece;
    border-radius: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
}
.ActivitiesItem {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    vertical-align: top;
    margin-top: 3px;
    margin-bottom: 3px;
    
}
.ActivitiesItem--header {
    border-bottom: 2px solid black;
}
.ActivitiesHeader {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 2px solid black
}
#ActivitiesList .ActivitiesItem input {
    float: none;
    width: auto;
    margin-right: 5px;
}
#SolutionEditPractice,
#SolutionFileCreatePractice,
#SolutionFileEditSlide,
#SolutionFileCreateSlide {
    display: none;
}
.jconfirm-box{
    max-width: 500px;
}
.jconfirm-bg{
    opacity: 0;
}
#radio {
    margin-top: 7px;
    display: inline-block;
    float: right;
    margin-right: 28px;
}
fieldset{
    border: none;
    padding: 0px;
}
.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible;
    margin: 0px;
}
    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
        border: 1px solid #414143;
        background: #414143;
        font-weight: normal;
        color: #ffffff;
    }

#questions,
#learningOutcome{
    display: none;
}
#Card,
#List {
    display: none;
}
#radio input[type="radio"]:checked + label {
    color: white;
    background-color: #414143;
    border: 1px solid #414143;
}
#LearningOutcomesArea{
    display: none;
}
.red{
    color:red;
}
#AmountOccurenc{
    display: none;
}
    #AmountOccurenc label {
        width: 100%;
        display: block;
        margin-bottom: 2px;
    }
#AmountEndDate,
#OucrrenceEndDate {
    width: 100px;
    display: inline-block;
}
#AmountEndDate input{
    height: 33px;
}
.ListName {
    position: relative !important;
}
#ContentOptions {
    padding-top: 10px;
    max-width: 1200px;
}
    #ContentOptions input {
        font-size: 16px !important;
        border: 1px solid #c5c5c5;
        box-shadow: none !important;
        outline: none;
        padding: 6px 10px !important;
        border-radius: 3px;
        height: 33px;
    }

#ContentSearch{
    width: 25%;
}
#ContentSearchType {
    display: inline-block;
    width: 150px;
    min-width: 150px;
    position: relative;
    top: 6px;
}
.topMenu {
    display: block;
    margin-bottom: 10px;
}
#AdvancedFilters {
    padding: 10px;
    border-radius: 2px;
    background-color: #EEEEEE;
    margin-top: 10px;
    display: none;
}
    #AdvancedFilters p {
        margin-bottom: 10px;
        margin-top: 0px;
        font-weight: bold;
        display: block;
    }
.topMenu .links {
    padding-right: 10px;
    padding-left: 10px;
    color: black;
    text-decoration: none !important;
    font-size: 12px;
    text-transform: uppercase;
}
.links {
    padding-right: 10px;
    padding-left: 10px;
    color: black;
    text-decoration: none !important;
    font-size: 12px;
    text-transform: uppercase;
}
.topMenu button {
    background-color: #414143;
    color: white;
    padding: 6px;
    border: none;
    margin-top: 10px;
    cursor: pointer;
    float: none;
    border-radius: 0px;
}
#AdvancedSubjects {
    width: 250px;
    display: inline-block;
    margin-bottom: 5px;
    display:none;
}
#AdvancedGradeLevel {
    width: 167px;
    display: inline-block;
    margin-bottom: 5px;
    display: none;
}
#AdvancedQuestionType {
    width: 160px;
    display: inline-block;
    margin-bottom: 5px;
    display: none;
}
#AdvancedDifficulty {
    width: 125px;
    display: inline-block;
    margin-bottom: 5px;
    display: none;
}
#AdvancedContentFormat {
    width: 150px;
    display: inline-block;
    margin-bottom: 5px;
    display: none;
}
#AdvancedSources {
    width: 190px;
    display: inline-block;
    margin-bottom: 5px;
    display: none;
}
#AdvancedFormat {
    width: 125px;
    display: inline-block;
    margin-bottom: 5px;
    display: none;
}
#AdvancedActivity {
    width: 130px;
    display: inline-block;
    margin-bottom: 5px;
    display: none;
}
#AdvancedCountry,
#AdvancedProvince,
#AdvancedRegion,
#AdvancedSchool {
    display: inline-block;
    margin-bottom: 5px;
    display: none;
}



#AdvancedCourse {
    width: 125px;
    display: inline-block;
    margin-bottom: 5px;
    display: none;
}
#ContentLibrary .ContentLibrary__View {
    width: 100%;
    height: auto;
    position: static;
}
.grades {
    position: static !important;
    border: 1px solid #454545;
    margin-left: 5px !important;
    padding-right: 3px;
    padding-left: 3px;
}
.visiblity {
    position: static !important;
    border: 1px solid #454545;
    margin-left: 5px !important;
    padding-right: 3px;
    padding-left: 3px;
}
.subject {
    position: static !important;
    border: 1px solid #454545;
    margin-left: 5px !important;
    padding-right: 3px;
    padding-left: 3px;
}
.redBorder{
    border-color:red !important;
}
td.red{
    font-weight:bold;
    color: red;
}
td.green {
    font-weight: bold;
    color: green;
}
#ProjectLesson,
#ProjectLessonEdit {
    display: none;
}
.wrapper .list-unstyled {
    list-style:none;
    padding-left:0px;
}
#fileTypesList {
    list-style: none;
    padding-left: 20px;
}
#StudentTitle{
    font-size: 24px;
}
.CourseCard {
    width: 200px;
    text-align: center;
    padding: 0px;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    display: inline-block;
    position: relative;
    margin: 0 20px 20px 0;
    vertical-align: top;
    width: 262px;

    border-radius: 3px;
}
.CourseCard__Create {
    height: 260px;
    cursor: pointer;
}
.CourseCard .fas.fa-ellipsis-v {
    color: white !important;
    font-size: 20px !important
}
.CourseCard__Color {
    height: 146px;
    display: inline-block;
    background-color: green;
    width: 100%;
}
.CourseCard .TeachersHeader {
    color: #414143;
}
.CourseCard__text {
    padding: 12px 18px;
    min-height: 110px;
}
.CourseCard__bottom {
    width: 100%;
    overflow: hidden;
    margin-top: 5px;
}
.CourseCard__bottom--new {
    text-align: right;
    position: absolute;
    right: 20px;
    bottom: 20px;
}
.CourseCard img {
    width: calc(100% - 5px);
    height: 125px;
    text-align: center;
}

    .CourseCard h2 {
        font-size: 14px;
        text-align: left;
        margin: 0px;
        color: black;
        margin-top: 0px;
        text-decoration: none !important;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-bottom: 10px;
    }

    .CourseCard p {
        font-size: 12px;
        text-align: left;
        margin: 0px;
        text-transform: uppercase;
        color: black;
        text-decoration: none !important;
    }
.CourseCard__TopButtons {
    position: absolute;
    top: 10px;
    right: 10px;
    color: grey !important;
}
.CourseCard__BottomButtons {
    position: absolute;
    bottom: 15px;
    right: 15px;
}
.CardContainer {
    padding-top: 20px;
    padding-bottom: 20px;
}

    .CardContainer a {
        text-decoration: none !important;
        color: black;
    }
.LearningAnalytics {
    padding-top: 20px;
    max-width: 1000px;
    width: calc(100% - 300px);
}

    .LearningAnalytics .dropdown {
        min-width: 30%;
        margin-right: 2%;
        height: 30px;
        margin-bottom:10px;
    }
    .LearningAnalytics .dropdown-toggle {
        width: 100%;
        margin-right: 2%;
        height: 30px;
        padding-top: 1px !important;
    }
    .LearningAnalytics .dropdown-icon {
        float: right;
        top: 11px;
    }
.dropdown-close .dropdown-icon {
    float: none !important;
}



.LearningAnalytics .links {
    padding-right: 10px;
    padding-left: 10px;
    color: black;
    text-decoration: none !important;
    font-size: 12px;
    text-transform: uppercase;
}

#AdvanceOptions {
    display: none;
    padding: 10px;
    border-radius: 2px;
    background-color: #EEEEEE;
    margin-top: 10px;
}

    #AdvanceOptions p {
        display: inline-block;
        margin-bottom: 0px;
        margin-top: 0px;
        font-weight: bold;
    }

    #AdvanceOptions .Options {
        margin-top: 10px;
    }

    #AdvanceOptions .OptionsItem {
        display: inline-block;
        width: 140px;
        font-size: 12px;
        text-transform: uppercase;
    }

.LearningAnalytics button {
    background-color: #414143;
    color: white;
    padding: 5px;
    border: none;
    margin-top: 10px;
    cursor: pointer;
}
    .LearningAnalytics button:focus,
    .LearningAnalytics button:hover,
    .LearningAnalytics button:active {
        background-color: #343435;
    }
.question,
.outcome,
.student,
.difficulty {
    position: relative;
    top: 2px;
}
.student {
    position: relative;
    top: 1px;
    margin-top: 0px;
    margin-bottom: 0px;
    
}



#TableCourses {
    width: 100%;
    margin-top: 10px;
    max-width: 850px;
    border-collapse: collapse;
}

    #TableCourses tr th {
        padding-top: 5px;
        padding-bottom: 5px;
        border-top: 1px solid #cecece;
        border-bottom: 1px solid #cecece;
        text-align: left;
    }

    #TableCourses thead {
        padding-top: 5px;
        padding-bottom: 5px;
        border-top: 1px solid #cecece;
        border-bottom: 1px solid #cecece;
        text-align: left;
    }

        #TableCourses thead tr {
            padding-top: 5px;
            padding-bottom: 5px;
            border-top: 1px solid #cecece;
            border-bottom: 1px solid #cecece;
            text-align: left;
        }


    #TableCourses .courseInfo__chevron {
        margin-right: 20px;
        font-weight: bold;
        position: relative;
        z-index: -1;
    }
    #TableCourses .ExplorerCourse__Lesson {
        display: none;
    }

    #TableCourses tbody td {
        font-size: 12px;
        padding-top: 4px;
        padding-bottom: 4px;
        border-bottom: 1px solid #cecece;
    }
    #TableCourses .ExplorerCourse__UnitTitle{
        font-size: 18px;
        font-weight:bold;
        
    }
    #TableCourses.teacherExplorer .ExplorerCourse__UnitTitle {
        font-size: 18px;
        font-weight: normal;
    }
    
    #TableCourses .ExplorerCourse__Unit {
        cursor: pointer;
    }
    #TableCourses .fa-flag {
        font-size: 15px;
        color: red;
        padding-right: 10px;
        padding-left: 10px;
    }
    #TableCourses .ExplorerCourse__LessonTitle {
        font-size: 16px;
        padding-left: 50px;
    }
    #TableCourses .exploreCourse__Title {
        font-size: 24px;
    }
    #TableCourses a {
        color: black;
        text-decoration: none;
        font-weight: bold;
    }
    #TableCourses.teacherExplorer .ExplorerCourse__LessonTitle a {
        font-weight: normal;
    }
#TableFeedback,
#Table {
    width: 100%;
    margin-top: 10px;
    border-collapse: collapse;
}
    #TableFeedback tr.questionPreview,
    #Table tr.questionPreview {
        background-color: #cecece
    }
        #TableFeedback tr.questionPreview td,
        #Table tr.questionPreview td {
            padding-right: 10px;
            padding-left: 10px;
        }
#Table2 {
    width: 100%;
    margin-top: 10px;
    border-collapse: collapse;
}

    #Table2 tr.questionPreview {
        background-color: #cecece
    }

        #Table2 tr.questionPreview td {
            padding-right: 10px;
            padding-left: 10px;
        }
.questionPreview img {
    max-height: 250px;
    display: inline-block;
    vertical-align: middle;
}
.questionPreview table {
   border: 1px solid black;
}
    .questionPreview table td {
        border: 1px solid black;
    }
.questionPreview .dropdown{
    vertical-align: middle;
}
.questionPreview input {
    width: 200px;
    font-size: 16px;
    border: 1px solid #c5c5c5;
    box-shadow: none;
    outline: none;
    border-radius: 3px;
    padding: 6px 10px;
}
.questionPreview .dropdown a{
    font-weight: normal !important;
}
.ExamItemsListName input {
    width: 200px !important;
    font-size: 16px;
    border: 1px solid #c5c5c5;
    box-shadow: none;
    outline: none;
    border-radius: 3px;
    padding: 6px 10px;
}
.ExamItemsListName .dropdown-toggle{
    margin-right:0px !important;
}
#TableFeedback tr th,
#Table tr th {
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    text-align: left;
}
#TableFeedback thead,
#Table thead {
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    text-align: left;
}
    #TableFeedback thead tr,
    #Table thead tr {
        padding-top: 5px;
        padding-bottom: 5px;
        border-top: 1px solid #cecece;
        border-bottom: 1px solid #cecece;
        text-align: left;
    }
.spacingFixed{
    width: 90px;
}
#TableFeedback tbody td,
#Table tbody td {
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#Table2 tr th {
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    text-align: left;
}

#Table2 thead {
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    text-align: left;
}

    #Table2 thead tr {
        padding-top: 5px;
        padding-bottom: 5px;
        border-top: 1px solid #cecece;
        border-bottom: 1px solid #cecece;
        text-align: left;
    }



#Table2 tbody td {
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#LearningOutcomesArea p {
    display: list-item;
    list-style: disc inside;
    padding: 0 0 0 14px;
    margin: 0;
}
#LearningOutcomesArea {
    width: 100%;
    margin-top: 10px;
    border-collapse: collapse;
}

    #LearningOutcomesArea tr th {
        padding-top: 5px;
        padding-bottom: 5px;
        border-top: 1px solid #cecece;
        border-bottom: 1px solid #cecece;
        text-align: left;
    }

    #LearningOutcomesArea thead {
        padding-top: 5px;
        padding-bottom: 5px;
        border-top: 1px solid #cecece;
        border-bottom: 1px solid #cecece;
        text-align: left;
    }

        #LearningOutcomesArea thead tr {
            padding-top: 5px;
            padding-bottom: 5px;
            border-top: 1px solid #cecece;
            border-bottom: 1px solid #cecece;
            text-align: left;
        }

    #LearningOutcomesArea tbody td {
        font-size: 12px;
        padding-top: 10px;
        padding-bottom: 0px;
    }


tbody .uppercase {
    font-size: 12px;
    text-transform: uppercase;
}

tbody .question {
    font-weight: bold;
}

tbody .links {
    font-weight: 400;
    padding-right: 20px !important;
    padding-left: 0px !important;
    padding-top: 5px;
}
.dataContainer {
    width: 100%;
}

.barContainer {
    padding: 10px;
    padding-left: 0px;
    padding-top: 0px;
    width: 49%;
    display: inline-block;
}

    .barContainer a {
        color: black;
        text-decoration: none !important;
    }

    .barContainer p {
        font-size: 12px;
        text-transform: uppercase;
        margin: 0px
    }

.courseInfo__unit h2 {
    margin: 0px;
    font-size: 16px;
    color: black;
}

    .courseInfo__unit h2 a {
        text-decoration: none;
        color: black !important;
    }

.studentsExplorer {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 250px;
}
    .studentsExplorer ul {
        list-style-type: none;
        border: 1px solid #c5c5c5;
        border-radius: 3px;
        min-height: calc(100vh - 130px);
        max-height: calc(100vh - 130px);
        overflow-y: auto;
        position: relative;
        margin-top: 10px;
        padding-left: 0px;
        overflow: auto;
    }
    .studentsExplorer li {
        margin: 0 3px 3px 3px;
        padding: 0.4em;
        padding-left: 10px;
        font-size: 1.4em;
        height: 100%;
        cursor:pointer;
        overflow:auto;

    }

        .studentsExplorer li span {
            position: absolute;
            margin-left: -1.3em;
        }
.TeacherExplorer {
    padding-top: 20px;
    max-width: 1200px;
}

.TeacherExplorer--Student {
    padding-top: 20px;
    max-width: calc(1200px - 259px);
    width: calc( 100% - 259px);
    padding-left: 10px;
    vertical-align: top;
    display: inline-block;
}
.TeacherExplorer--NoPadding {
    padding-top: 0px !important;
}
.TeacherExplorer .dropdown-toggle {
    width: 200px;
    height: 30px;
    padding-top: 1px !important;
    margin-right: 0px !important;
}
.TeacherExplorer .dropdown {
    width: 200px;
    margin-right: 10px;
    margin-left: 15px;
    height: 30px;
    margin-right: 0px !important;
}
    .TeacherExplorer .dropdown-icon{
        float: right;
        top: 11px;
    }

.TeacherExplorer .links,
#ContentOptions .links {
    padding-right: 10px;
    padding-left: 10px;
    color: black;
    text-decoration: none !important;
    font-size: 12px;
    text-transform: uppercase;
}
.TeacherExplorer .barContainer{
    padding-bottom: 0px;
    width: 100%;

}
#AdvanceOptions {
    display: none;
    padding: 10px;
    border-radius: 2px;
    background-color: #EEEEEE;
    margin-top: 10px;
}

    #AdvanceOptions p {
        display: inline-block;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    #AdvanceOptions .Options {
        margin-top: 10px;
    }

    #AdvanceOptions p {
        font-weight: bold;
    }

    #AdvanceOptions .OptionsItem {
        display: inline-block;
        width: 140px;
        font-size: 12px;
        text-transform: uppercase;
    }

.TeacherExplorer button {
    background-color: #414143;
    color: white;
    padding: 5px;
    border: none;
    margin-top: 10px;
}
    .TeacherExplorer button:focus,
    .TeacherExplorer button:hover,
    .TeacherExplorer button:active {
        background-color: #343435;
    }

.question,
.outcome {
    position: relative;
    top: 2px;
}
    .Question img {
        display: inline-block;
        vertical-align: middle;
    }
    .Question table {
        border: 1px solid black;
        width: auto !important;
     
    }

        .Question table td {
            border: 1px solid black;
            padding: 10px;
        }
.ExamItemsListName table {
    border: 1px solid black;
    width: auto ;


}

    .ExamItemsListName table td {
        border: 1px solid black;
        padding: 10px;
    }
    .Question p{
        margin: 0px;
    }
.ExamReviewQuestionFeedback p{
    margin:0px;
}
.ExamReviewQuestionFeedback img {

    max-width: 100%;
}
#TableFeedback,
#Table {
    width: 100%;
    margin-top: 10px;
    border-collapse: collapse;
}
    #TableFeedback tr th,
    #Table tr th {
        padding-top: 5px;
        padding-bottom: 5px;
        border-top: 1px solid #cecece;
        border-bottom: 1px solid #cecece;
        text-align: left;
    }
    #TableFeedback thead,
    #Table thead {
        padding-top: 5px;
        padding-bottom: 5px;
        border-top: 1px solid #cecece;
        border-bottom: 1px solid #cecece;
        text-align: left;
    }
        #TableFeedback thead tr,
        #Table thead tr {
            padding-top: 5px;
            padding-bottom: 5px;
            border-top: 1px solid #cecece;
            border-bottom: 1px solid #cecece;
            text-align: left;
        }
    #TableFeedback tbody td,
    #Table tbody td {
        font-size: 14px;
        padding-top: 10px;
        padding-bottom: 10px;
        max-width: 350px;
        padding-right: 5px;
    }
        #TableFeedback tbody td p,
        #Table tbody td p {
            margin-top: 0px;
            margin-bottom: 0px;
        }

        #TableFeedback tbody td a,
        #Table tbody td a {
            color: black;
            text-decoration: none !important;
            font-weight: 700;
        }

#Table2 {
    width: 100%;
    margin-top: 10px;
    border-collapse: collapse;
}

    #Table2 tr th {
        padding-top: 5px;
        padding-bottom: 5px;
        border-top: 1px solid #cecece;
        border-bottom: 1px solid #cecece;
        text-align: left;
    }

    #Table2 thead {
        padding-top: 5px;
        padding-bottom: 5px;
        border-top: 1px solid #cecece;
        border-bottom: 1px solid #cecece;
        text-align: left;
    }

        #Table2 thead tr {
            padding-top: 5px;
            padding-bottom: 5px;
            border-top: 1px solid #cecece;
            border-bottom: 1px solid #cecece;
            text-align: left;
        }

    #Table2 tbody td {
        font-size: 14px;
        padding-top: 10px;
        padding-bottom: 10px;
        max-width: 350px;
        padding-right: 5px;
    }

        #Table2 tbody td p {
            margin-top: 0px;
            margin-bottom: 0px;
        }


        #Table2 tbody td a {
            color: black;
            text-decoration: none !important;
            font-weight: 700;
        }

#TableStudent {
    width: 100%;
    margin-top: 10px;
    border-collapse: collapse;
}

    #TableStudent tr th {
        padding-top: 5px;
        padding-bottom: 5px;
        border-top: 1px solid #cecece;
        border-bottom: 1px solid #cecece;
        text-align: left;
    }

#TableStudent thead {
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    text-align: left;
}

#TableStudent thead tr {
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    text-align: left;
}

#TableStudent tbody td {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    max-width: 350px;
    padding-right: 5px;
}

#TableStudent tbody td p {
    margin-top: 0px;
    margin-bottom: 0px;
}


#TableStudent tbody td a {
    color: black;
    text-decoration: none !important;
    font-weight: 700;
}


#LoginTable {
    width: 100%;
    margin-top: 10px;
    border-collapse: collapse;
}

    #LoginTable tr th {
        padding-top: 5px;
        padding-bottom: 5px;
        border-top: 1px solid #cecece;
        border-bottom: 1px solid #cecece;
        text-align: left;
    }

    #LoginTable thead {
        padding-top: 5px;
        padding-bottom: 5px;
        border-top: 1px solid #cecece;
        border-bottom: 1px solid #cecece;
        text-align: left;
    }

        #LoginTable thead tr {
            padding-top: 5px;
            padding-bottom: 5px;
            border-top: 1px solid #cecece;
            border-bottom: 1px solid #cecece;
            text-align: left;
        }

    #LoginTable tbody td {
        font-size: 14px;
        padding-top: 10px;
        padding-bottom: 10px;
        max-width: 350px;
        padding-right: 5px;
    }

        #LoginTable tbody td p {
            margin-top: 0px;
            margin-bottom: 0px;
        }


        #LoginTable tbody td a {
            color: black;
            text-decoration: none !important;
            font-weight: 700;
        }

#InstitutionTable {
    width: 100%;
    margin-top: 10px;
    border-collapse: collapse;
}

#InstitutionTable tr th {
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    text-align: left;
}

#InstitutionTable thead {
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    text-align: left;
}

#InstitutionTable thead tr {
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    text-align: left;
}

#InstitutionTable tbody td {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    max-width: 350px;
    padding-right: 5px;
}

#InstitutionTable tbody td p {
    margin-top: 0px;
    margin-bottom: 0px;
}


#InstitutionTable tbody td a {
    color: black;
    text-decoration: none !important;
    font-weight: 700;
}

#LearningOutcomesArea {
    width: 100%;
    margin-top: 10px;
    border-collapse: collapse;
    margin-bottom: 50px;
}

    #LearningOutcomesArea tr th {
        padding-top: 5px;
        padding-bottom: 5px;
        border-top: 1px solid #cecece;
        border-bottom: 1px solid #cecece;
        text-align: left;
    }

    #LearningOutcomesArea thead {
        padding-top: 5px;
        padding-bottom: 5px;
        border-top: 1px solid #cecece;
        border-bottom: none;
        text-align: left;
    }

        #LearningOutcomesArea thead tr {
            padding-top: 5px;
            padding-bottom: 5px;
            border-top: 1px solid #cecece;
            border-bottom: 1px solid #cecece;
            text-align: left;
        }
    #LearningOutcomesArea #learnerAbleTo{
        border-top:none;
        border-bottom:none;
    }
    #LearningOutcomesArea #learnerAbleTo td {
        padding-top: 10px;
    }

    #LearningOutcomesArea tbody td {
        font-size: 14px;
        padding-top: 10px;
        padding-bottom: 0px;
        white-space: nowrap;
    }

        #LearningOutcomesArea tbody td p {
            margin-top: 0px;
            margin-bottom: 0px;
        }


        #LearningOutcomesArea tbody td a {
            color: black;
            text-decoration: none !important;
            font-weight: 700;
        }
    #LearningOutcomesArea .chartBar {
        max-width: 250px;
    }


tbody .uppercase {
    font-size: 12px;
    text-transform: uppercase;
}

tbody .question {
    font-weight: bold;
}

tbody .links {
    font-weight: 400;
    padding-right: 20px !important;
    padding-left: 0px !important;
    padding-top: 5px;
}

.TeacherExplorer {
    padding-top: 0px;
}

.TeacherExplorerHeader {
    padding-top: 0px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cecece;
}
.TeacherExplorerHeader--buyCredits{
    padding-top:10px;
}
    .TeacherExplorerHeader--buyCredits .buyCredits,
    #ContentOptions .buyCredits {
        float: right;
        top: -4px;
        margin-top: 0px !important;
        margin-right: 30px !important;
        position: relative;
        color: white;
        padding: 5px;
        border: none;
        margin-top: 10px;
        background-color: #414143;
        display: inline-block;
        text-decoration: none;
        font-weight: normal;
        line-height: 18px;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 14px;
        cursor: pointer;
    }

.buyCredits {
    margin-top: 0px !important;
    margin-right: 30px !important;
    position: relative;
    color: white !important;
    padding: 5px;
    border: none;
    margin-top: 10px;
    background-color: red;
    display: inline-block;
    text-decoration: none;
    font-weight: normal;
    line-height: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    cursor: pointer;
}
.Explorer__StartDate {
    display: none;
}
.Explorer__EndDate{
    display: none;
}
.backButton {
    padding: 5px 10px;
    color: #6C6C6C;
    background-color: #EEEEEE;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    box-shadow: none;
    outline: none;
    font-size: 12px;
    margin-top: 10px;
    cursor: pointer;
    height: 30px;
    float: right;
    margin-top: 0px;
    margin-right: 30px;
}
.TeacherExplorerHeader button {
    background-color: #414143;
    color: white;
    padding: 5px;
    border: none;
    margin-top: 10px;
    cursor: pointer;
}
        .TeacherExplorerHeader button:focus,
        .TeacherExplorerHeader button:hover,
        .TeacherExplorerHeader button:active {
            background-color: #343435;
        }

.TeacherExplorerData {
    padding-top: 20px;
    padding-bottom: 20px;
    display: inline-block;
}

.TeacherExplorerInfo {
    display: inline-block;
    margin-right: 50px;
}
.TeacherExplorerInfoDonwloadLink{
    float: right
}
.TeacherExplorerInfoDonwloadLink a{
    text-decoration:none;
    font-weight:bold;
    color:black;
}
.TeacherExplorerInfo .fa-flag {
    color: red;
    font-size: 23px;
    position: relative;
    top: -4px;
    margin-right: 8px;
}

.TeacherExplorerData h3 {
    font-size: 40px;
    text-align: center;
    margin: 0px;
}

.TeacherExplorerData p {
    font-size: 14px;
    margin: 0px;
    text-align: center;
}


.InvoiceExplorerData {
    padding-top: 20px;
    padding-bottom: 20px;
    display: inline-block;
    width: 100%;
    padding-right: 20px;
}

    .InvoiceExplorerData h3 {
        font-size: 16px;
        text-align: center;
        margin: 0px;
        display: inline-block;
        padding-right: 10px;
        padding-left: 10px;
        border: 1px solid lightgray;
        border-radius: 50%;
        font-weight:400;
    }


    .InvoiceExplorerData p {
        font-size: 16px;
        margin: 0px;
        text-align: center;
        display: inline-block;
    }

    .InvoiceExplorerData .TeacherExplorerInfo {
        margin-right: 25px;
    }
    table .barContainer {
        max-width: 150px;
    }
.TeacherExplorerFooter {
    padding-top: 0px;
    border-top: 1px solid #cecece;
    font-size: 12px;
    color: #6C6C6C;
    text-transform: uppercase;
    padding-bottom: 10px;
    clear: both;
}
.TeacherExplorerFooter button {
    padding: 5px 10px;
    color: #6C6C6C;
    background-color: #EEEEEE;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    box-shadow: none;
    outline: none;
    font-size: 12px;
    margin-top: 10px;
    cursor: pointer;
    height: 30px;
}
    .TeacherExplorerFooter .button {
        padding: 0px 10px;
        color: #6c6c6c;
        background-color: #eee;
        border: 1px solid #c5c5c5;
        border-radius: 3px;
        box-shadow: none;
        outline: none;
        font-size: 12px;
        margin-top: 10px;
        cursor: pointer;
        height: 30px;
        display: inline-block;
        line-height: 30px;
        text-decoration: none !important;
    }
    .TeacherExplorerFooter button:focus,
    .TeacherExplorerFooter button:hover,
    .TeacherExplorerFooter button:active {
        background-color: #d6d6d6;
    }
    .TeacherExplorerFooter .dropdown-toggle {
        text-transform: none !important;
        padding: 5px 10px !important;
        color: #6C6C6C !important;
        background-color: #EEEEEE !important;
        border: 1px solid #c5c5c5 !important;
        border-radius: 3px !important;
        box-shadow: none !important;
        outline: none !important;
        font-size: 12px !important;
        margin-top: 10px !important;
        cursor: pointer !important;
        width: auto !important;
       margin-right: 0px !important;
    }
    .TeacherExplorerFooter .dropdown {
        width: auto !important;
        margin-right: 0px !important;
    }
    .TeacherExplorerFooter .dropdown-icon {
        float: right;
        top: 8px;
    }
.TeacherExplorerFooter .dropdown-above .dropdown-menu-wrapper {
    right: 0 !important;
}
    .TeacherExplorerFooterRight {
        float: right;
        padding-right: 5px;
    }
.profile h2{
    font-size: 16px;
    margin-bottom: 10px;
}
.divForm{
    font-size: 12px;
    padding-bottom: 30px;
}
    .col-md-5 > div {
        clear: both;
        padding-bottom: 2px;
        overflow: hidden;
    }
.divForm h3 {
    font-size: 12px;
    margin-top: 0px;
}
.col-md-5 {
    width: 49%;
    vertical-align: top;
    display: inline-block;
    padding-right: 20px;
    padding-left: 20px;
}
.divForm input {
    font-size: 12px;
    float: right;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: black;
    border: 1px solid #cecece;
    width: 250px;
}
.divForm label {
    vertical-align: middle;
}
.divForm .chartBar {
    max-width: 100%;
    
    
}
.profileEnrolledIn h3 {
    margin: 0px;
    margin-bottom: 5px;
}
.profileEnrolledIn p {
    margin: 0px;
    margin-top: 5px;
}
.ui-widget{
    display: inline-block;
}
    .ui-widget input {
        font-size: 12px;
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        color: black;
        border: 1px solid #cecece;
    }
    .ui-widget .widgitdbname {
        width: 240px;
    }

.uppercase {
    font-size: 12px !important;
    color: #545454;
}
.PracticeQuestionList{
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    vertical-align: top;
    top: 8px
}
.PracticeQuestionList:hover .TableLink__section{
    visibility:visible;
}
.PracticeQuestionList .TableLink__section {
    position: relative;
    visibility:hidden;
}
#TableStudentData td{
    position:relative;
}
#TableStudentData td .TableLink__section {
    visibility: hidden;
    position: absolute;
}
#TableStudentData td:hover .TableLink__section {
    visibility: visible;
}

#TableStudentData td .TableLink__section a {
    padding-right: 5px !important;
}
.TeacherExplorerData .icon-developing,
.TeacherExplorerData .icon-emerging,
.TeacherExplorerData .icon-profecient {
    font-size:40px;
    top: -10px;
}
.ui-widget {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
}
.ui-front {
    z-index: 157;
}
.fa-exclamation-triangle {
    float: left;
    color: red;
    margin-top: 6px;
}
.fa-arrow-right {
    font-size: 25px;
    color: gray;
    margin-top: 1px;
    font-size: 25px;
    color: gray;
    margin-top: 1px;
    float: right;
}
div.tagsinput{
    width: 100% !important;
    border-radius: 3px !important;
}
@media screen and (max-width: 820px) {
    .barContainer{
        padding-right: 0px;
    }
    #TableFeedback,
    #Table {
        display: block;
        overflow-x: auto;
        padding-right: 20px;
    }
    #LoginTable {
        display: block;
        overflow-x: auto;
        padding-right: 20px;
    }
    #TableStudent {
        display: block;
        overflow-x: auto;
        padding-right: 20px;
    }
    #LearningOutcomesArea {
        display: none;
        overflow-x: auto;
        width:100%;
    }
    .sidebarHeader{
        display:none;
    }
    .TeacherExplorerInfo{
       text-align:center;
    }
    table tr td {
        min-width: 100%;
        white-space: nowrap;
        word-break: keep-all;
    }
    .InvoiceExplorerData p{
        width:100%;
    }
    .InvoiceExplorerData .TeacherExplorerInfo {
        clear: both;
        width: calc(33% - 27px);
        vertical-align: top;
        margin-bottom:15px;
    }
    .TeacherExplorerHeader--buyCredits .buyCredits, #ContentOptions .buyCredits{
        float:none;
    }
    .CardContainer {
        text-align: center;
    }
    .LearningAnalytics {
        padding-top: 10px;
        width: 100%;
    }
        .LearningAnalytics .dropdown {
            width: 100%;
            height: 30px;
            margin-bottom: 10px;
            padding-right: 20px;
            padding-right: 15px !important;
        }
    .sidebar{
        display:none;
    }
    .TeacherExplorerInfo {
        margin-right: 20px;
    }
    .TeacherExplorerData{
        padding-top: 10px;
        padding-bottom: 0px;
    }
    .TeacherExplorer select{
        margin-left: 0px;
    }
    .divForm input{
        width: 100%;
    }
    .col-md-5 {
        width:100%;
        padding-right: 10px;
        padding-left: 0px;
    }
}
.TeacherExplorerInfo{
    cursor: pointer;
}
#quantity {
    width: auto;
    max-width: 100px;
    position: relative;
    top: -5px;
    height: 34px;
}
#frequency {
    width: 98px;
    display: inline-block;
}
#trigger {
    width: 160px;
    display: inline-block;
}
#text {
    width: auto;
    position: relative;
    top: -7px;
}
#quantity2 {
    width: auto;
    max-width: 100px;
    position: relative;
    top: -5px;
    height: 34px;
}

#frequency2 {
    width: 98px;
    display: inline-block;
}

#trigger2 {
    width: 160px;
    display: inline-block;
}
#deadline {
    display: none;
    width: auto;
    position: relative;
    top: -7px;
}
#deadline2 {
    display: none;
    width: auto;
    position: relative;
    top: -7px;
}

#text {
    width: auto;
    position: relative;
    top: -7px;
}
.MultiFile-label {
    display: inline-block;
    margin-right: 5px;
}
    .MultiFile-label a{
        color:red;
        text-decoration: none;
        font-size: 20px;
    }
.MultiFile-wrap {
    border: 1px solid #c5c5c5;
    padding: 10px;
}
    .MultiFile-wrap input {
        border: none;
        padding: 0px;
    }

.ColorPicker__Overlay {
    background-color: transparent
}

.ColorPicker__Title {
    margin: 0 0 12px;
    padding: 0;
    line-height: 1.1;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold
}

.ColorPicker__Container.with-animation {
    animation-name: color-picker-enter;
    animation-duration: 0.2s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out
}

.ColorPicker__Container {
    width: 174px;
    background: #fff;
    box-sizing: border-box;
    padding: 12px;
    padding-top: 20px;
    position: relative
}

    .ColorPicker__Container.with-border {
        box-shadow: 0 1px 8px rgba(0,0,0,0.2);
        border-radius: 3px;
        border: 1px solid #C7CDD1
    }

    .ColorPicker__Container.with-arrow:after,
    .ColorPicker__Container.with-arrow:before {
        right: 100%;
        top: 24px;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    .ColorPicker__Container.with-arrow:after {
        border-color: rgba(255,255,255,0);
        border-right-color: #fff;
        border-width: 11px;
        margin-top: -11px
    }

    .ColorPicker__Container.with-arrow:before {
        border-color: rgba(215,215,215,0);
        border-right-color: #bcc3c8;
        border-width: 12px;
        margin-top: -12px
    }

.right > .ColorPicker__Container {
    transform: translate3d(20%, 0, 0)
}

    .right > .ColorPicker__Container:after,
    .right > .ColorPicker__Container:before {
        right: auto;
        left: 100%
    }

    .right > .ColorPicker__Container:after {
        border-right-color: rgba(255,255,255,0);
        border-left-color: #fff
    }

    .right > .ColorPicker__Container:before {
        border-right-color: rgba(255,255,255,0);
        border-left-color: #bcc3c8
    }

.middle > .ColorPicker__Container:after,
.middle > .ColorPicker__Container:before {
    top: 50%
}

.ColorPicker__ColorContainer {
    margin-top: 5px;
    display: flex;
    flex-wrap: wrap;
    
    justify-content: space-between
}

.ColorPicker__ColorBlock {
    transition: all 0.2s;
    transform: translate3d(0, 0, 0);
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 7px 7px 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    border-style: solid;
    border: 2px solid #C7CDD1;
    cursor: pointer;
}

    .ColorPicker__ColorBlock:before {
        content: "";
        position: absolute;
        top: -4px;
        left: -4px;
        right: -4px;
        bottom: -4px;
        border: 1px solid var(--ic-brand-primary);
        border-radius: 5px;
        transform: scale(0.01);
        transition: all 0.2s;
        opacity: 0
    }

    .ColorPicker__ColorBlock:focus {
        outline: none
    }

        .ColorPicker__ColorBlock:focus:before {
            opacity: 1;
            transform: scale(1)
        }

    .ColorPicker__ColorBlock:hover,
    .ColorPicker__ColorBlock:focus {
        transform: scale(1.15)
    }

    .ColorPicker__ColorBlock i[class*=icon-]:before,
    .ColorPicker__ColorBlock i[class^=icon-]:before {
        vertical-align: text-bottom
    }

    .ColorPicker__ColorBlock:nth-child(5n) {
        margin-right: 0
    }

.ColorPicker__ColorBlock-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    stroke: red;
    stroke-width: 1
}

.ColorPicker__ColorBlock.with-dark-check i[class*=icon-],
.ColorPicker__ColorBlock.with-dark-check i[class^=icon-] {
    color: #2D3B45
}

.ColorPicker__ColorBlock.with-box-shadow:hover {
    box-shadow: 0 1px 2px rgba(0,0,0,0.25)
}

.ColorPicker__ColorBlock.with-box-shadow:focus {
    box-shadow: 0 1px 2px rgba(0,0,0,0.25),inset 0 0 0 1px #fff;
    outline: none
}

.ColorPicker__CustomInputContainer {
    margin-top: 5px;
    display: flex;
    align-items: center
}

.ColorPicker__ColorPreview {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-style: solid;
    border-color: #C7CDD1;
    border-radius: 3px;
    border-width: 1px;
    margin-right: 2px
}

    .ColorPicker__ColorPreview:focus {
        outline: none
    }

    .ColorPicker__ColorPreview i[class*=icon-],
    .ColorPicker__ColorPreview i[class^=icon-] {
        margin: 0 auto;
        color: #FC5E13
    }

.ColorPicker__Actions {
    margin-top: 6px;
    display: flex;
    justify-content: flex-end
}
.ColorPicker {
    position: absolute;
    left: -165px;
    top: 0px;
    z-index: 1002;
    display: none;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}
.ColorPicker__Tabs{
    padding-left: 0px;
    margin-top: 0px;
}
.ColorPicker__Tabs li {
    display: inline-block;
    width: 48%;
    height: 30px;
    font-size: 14px;
    vertical-align: middle;
    border-bottom: 1px solid lightgrey;
    cursor: pointer;

}
.ColorPicker__Settings {
    display: none;
}
.ColorPicker__SubOptions {
    padding-left: 0px;
    list-style: none;
}
    .ColorPicker__SubOptions li {
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        border-bottom: 1px solid lightgrey;
        text-align: left;
        cursor: pointer;
    }
        .ColorPicker__SubOptions li a {
            color: grey !important
        }
    .ColorPicker__SubOptions i{
        margin-right: 8px;
    }
    .ColorPicker__DisplayName {
        font-size: 16px;
        color: black;
        text-align: left;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
.ColorPicker__Tabs .ColorPicker__Tabs--active {
    border-bottom: 2px solid black;
    color: black;
    font-weight: bold;
}
    .screenreader-only {
        display: none;
    }
.ColorPicker input {
    border-radius: 3px;
    border: 1px solid #cecece;
    width: 100%;
    height: 25px;
}
.ColorPicker button {
    padding: 5px 10px;
    color: #6C6C6C;
    background-color: #EEEEEE;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    box-shadow: none;
    outline: none;
    font-size: 14px;
    margin-top: 10px;
    cursor: pointer;
    float: right;
    position: static;
}
.ColorPicker__Tabs--center{
    text-align:center;
}
#flag.fa-flag.fas {
    color: red;
}
.view__container {
    margin: auto;
    max-width: 20cm;
}
.col-md-10{
  
    position:relative;
}
.col-md-10 .fa-caret-down {
    position: absolute;
    right: 10px;
    pointer-events:none;
    top: 5px;
}
    .col-md-10 input {
        padding-right: 20px;

    }
.ui-button .ui-icon {
    display: none !important;
}
#CourseSelection {
    display: none;
    margin-top: 15px;
}

#pay-button {
    display: none;
}

@media screen and (max-width: 820px) {
    .PracticeQuestionList .TableLink__section {
        visibility:visible;
    }
    .LearningAnalyticsTable thead{
        display:none;
    }
    .LearningAnalyticsTable thead {
        display: none;
    }
    .LearningAnalyticsTable tbody td{
        display:inline-block;
        min-width:initial;
    }
        .LearningAnalyticsTable tbody td.PracticeQuestionList {
            min-width: 100%;
        }
}
.ProgressReportList{
    list-style:none;
    padding-left: 10px;
    font-size: 14px;

}
.ProgressReportList a{
   color: blue;
   text-decoration: underline;
}
    .ProgressReportList a.cross {
        color: red;
        text-decoration: none;
        font-size: 16px;
    }
.FilesList a.cross {
    color: red;
    text-decoration: none;
    font-size: 16px;
    margin-left:5px;

}
#SiteLicenceMessage {
    display: none;
    width:100%;
    padding-bottom: 20px;
    font-weight:bold;
}

/*
 * Developer: Alireza Eskandarpour Shoferi
 * Designer: Wouter de Bres (dribbble.com/wdeb)
 *
 * Distributed under the terms of the MIT license
 * https://opensource.org/licenses/MIT
 */
.packagesInfo {
    margin-top: 20px;
    padding: 10px;
    width: 100%;
    list-style: none;
    background-color: rgba(0,0,0,0.25);
    border-radius: 3px;
}
.packagesInfo__Item {
    margin-bottom:10px;
    width: 100%;
}
.packagesInfo__Value{
    float:right;
    font-weight:bold;
}
.Requested {
    color: blue;
    font-weight: bold;
}
.Cancelled{
    color:gold;
}
.Paid {
    color: green;
    font-weight: bold;
}
.Refund {
    color: black;
    font-weight: bold;
}
.Overdue {
    color: red;
    font-weight: bold;
}
.Unpaid {
    color: orange;
    font-weight: bold;
}

#ExtraItemsContainer, #ExtraItemsContainerEdit {
    list-style: none;
    padding-left: 0px;
}
    #ExtraItemsContainer > li,
    #ExtraItemsContainerEdit > li{
        padding: 20px;
        border: 2px solid #CECECE;
        margin-top: 20px;
        border-radius: 3px;
        background-color: #f2f2f2;
    }
    #ExtraItemsContainer .feedback,
    #ExtraItemsContainerEdit .feedback{
        display: none;
    }
.CreateQuestionLabel{
    font-size:  18px;
    margin-bottom:10px;
}
.AnaswerBlock{
    margin-top: 50px;
}
.showFeedback {
    padding: 0px 20px 10px 20px;
    border: 1px solid #CECECE;
    margin-top: 20px;
    margin-bottom: 20px;
    display:inline-block;
}
.answerTitle {
    font-weight: bold;
    margin-right: 10px;
    vertical-align: middle;
}
.removeAnswerLink {
    color: red;
    font-weight: bold;
    width: 100%;
    text-align: right;
    display: block;
    cursor: pointer;
}
.gradeSection {
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: middle;
}
.gradeSection .dropdown{
    vertical-align:middle;
}
.answerHeaderSection {
    margin-bottom: 10px;
}
.answerHeaderSection2{
    margin-top:10px;
}
.questionContainer{
    padding:20px;
    max-width: 1200px;
}
.addAnswersButton {
    padding: 5px 10px;
    color: #6C6C6C;
    background-color: #EEEEEE;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    box-shadow: none;
    outline: none;
    font-size: 14px;
    margin-top: 10px;
    cursor: pointer;
    float: right;
    margin-bottom: 50px;
}
.questionContainer input {
    width: 200px;
    font-size: 16px;
    border: 1px solid #c5c5c5;
    box-shadow: none;
    outline: none;
    border-radius: 3px;
    padding: 6px 10px;
}
    .questionContainer input[type=checkbox] {
        width: auto;
    }
.variable {
    cursor: default;
    background-color: #65b9dd;
    color: #FFF;
    padding: 2px 8px;
    border-radius: 3px;
    font-weight: bold;
    font-style: normal;
    font-size: 10px;
    display: inline-block;
    line-height: 12px;
}
.questionContainer .btn {
    padding: 5px 10px;
    color: #6C6C6C !important;
    background-color: #EEEEEE !important;
    border: 1px solid #c5c5c5 !important;
    border-radius: 3px;
    box-shadow: none;
    outline: none;
    font-size: 14px;
    margin-top: 10px;
    cursor: pointer;
}
#questionform .dropdown-list,
#QuestionformEdit .dropdown-list,
#questionform .dropdown-menu-wrapper,
#QuestionformEdit .dropdown-menu-wrapper {
    max-height: 300px;
}

#questionform,
#QuestionformEdit{
    padding: 10px;
}
    #questionform input[type=number],
    #questionform input[type=password],
    #questionform input[type=text],
    #questionform input[type=datetime-local],
    #QuestionformEdit input[type=number],
    #QuestionformEdit input[type=password],
    #QuestionformEdit input[type=text],
    #QuestionformEdit input[type=datetime-local]
    {
        width: 250px;
        font-size: 16px;
        border: 1px solid #c5c5c5;
        box-shadow: none;
        outline: none;
        border-radius: 3px;
        padding: 6px 10px;
    }
#AddRandomQuestions input[type=number],
#AddRandomQuestions input[type=password],
#AddRandomQuestions input[type=text],
#AddRandomQuestions input[type=datetime-local] {
    width: 250px;
    font-size: 16px;
    border: 1px solid #c5c5c5;
    box-shadow: none;
    outline: none;
    border-radius: 3px;
    padding: 6px 10px;
}
form .item label{
    font-size:16px;
}
.ExamAnswers .form-grop .item {
    padding: 10px;
    border-radius: 0px;
    border-bottom: 1px solid #cecece;
}
.ExamAnswers .form-grop .item p {
    margin-top: 0px;
    margin-bottom: 0px;
    display: inline-block;
}
.ExamAnswers input{
    width: auto !important;
}
.QuestionIdStuff{
    float:right;
    font-weight: bold;
    font-size: 16px;
    margin-top: 15px;
}
.headerBarType{
    margin-bottom:15px;
}
#ExamCourse {
    padding: 20px;
    max-width: 1200px;
}

    #ExamCourse input[type=text],
    #ExamCourse input[type=number],
    #ExamCourse input[type=password],
    #ExamCourse input[type=datetime-local] {
        width: 265px;
        font-size: 16px;
        border: 1px solid #c5c5c5;
        box-shadow: none;
        outline: none;
        border-radius: 3px;
        padding: 6px 10px;
    }
    #ExamCourse input[type=date],
    #ExamCourse input[type=time] {
        width: 170px;
        font-size: 16px;
        border: 1px solid #c5c5c5;
        box-shadow: none;
        outline: none;
        border-radius: 3px;
        padding: 6px 10px;
        margin-right: 10px;
        float: none !important;
        display:inline-block !important;
    }
    #ExamCourse input[type=time] {
       width: 150px;
    }
    #ExamCourse input[type=date],
    #ExamCourse input[type=time] {
        width: 170px !important;
        font-size: 16px;
        border: 1px solid #c5c5c5 !important;
        box-shadow: none;
        outline: none;
        border-radius: 3px;
        padding: 6px 10px;
        margin-right: 10px;
    }

    #ExamCourse input[type=time] {
        width: 180px !important;
    }
    input:disabled{
        background-color:#cecece
    }
.QuestionId{
    width: 100%;
    font-weight: bold;
    text-align: right;
    margin-top: 5px;
}
.QuestionScore {
    width: 100%;
    font-weight: bold;
    text-align: left;
    margin-top: 5px;
}
#ExamCourse .prevue-btn {
    top: -5px;
}
#ExamCourse .Label {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 18px;
    vertical-align: middle;
    line-height: 32px;
}

    #ExamCourse .dropdown {
        vertical-align: middle;
    }

    #ExamCourse .btn {
        padding: 5px 10px;
        color: #6C6C6C;
        background-color: #EEEEEE;
        border: 1px solid #c5c5c5;
        border-radius: 3px;
        box-shadow: none;
        outline: none;
        font-size: 14px;
        margin-top: 10px;
        cursor: pointer;
    }
.ExamPage{
    padding-right:20px;
    padding-bottom: 20px;
}
.ExamPage input[type="number"] {
    width: 200px;
    font-size: 16px;
    border: 1px solid #c5c5c5;
    box-shadow: none;
    outline: none;
    border-radius: 3px;
    padding: 6px 10px;
}


    .ExamPage .ExamHeading--sub {
        display: inline-block;
        margin-right: 5px;
        margin-bottom: 10px;
        margin-top: 10px;
        font-size: 18px;
        vertical-align: middle;
        line-height: 32px;
    }   

.ExamPage .dropdown {
    vertical-align: middle;
}

math {
    display: none;
}
.ExamContainerWraper math {
    display:math;
}
.ExamPage .btn {
    padding: 5px 10px;
    color: #6C6C6C;
    background-color: #EEEEEE;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    box-shadow: none;
    outline: none;
    font-size: 14px;
    margin-top: 10px;
    cursor: pointer;
}

.ExamRight {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: right;
}
.ExamContentSection {
    margin-top: 30px;
    clear: both;
    overflow:hidden;
}
#ExamItems{
    list-style:none;
    padding-left: 0px;
}
.ExamItemsListName{
    width: 100%;
    display:block;
    margin-top: 5px;
}
#ExamItems li {
    border-bottom: 1px solid #CECECE;
    background-color: #dfdfdf;
    padding: 10px;
}
    #ExamItems li:nth-child(even) {
        background-color: #f2f2f2;
    }
    #ExamItems li a {
        color:black;
        margin-right:10px;
    }
    #ExamItems .itemsExamListRight{
        float:right;
        display: inline-block;
    }
#ExamItems input{
    width:75px;
    text-align: center;
}
.multpleQuestion {
    padding-left: 20px;
    padding-right: 20px;
}
.multpleQuestion--50 {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    margin: 0px;
}
    .multpleQuestion .Question {
        padding: 10px;
        margin-top: 10px;
        margin-bottom: 20px;
        border-radius: 5px;
        border: 1px solid #cecece;
    }

    .multpleQuestion .form-grop {
        padding: 10px;
        border-radius: 5px;
        border: 1px solid #cecece;
    }
    .multpleQuestion .form-grop .item{
        padding: 10px;
        border-radius: 0px;
        border-bottom: 1px solid #cecece;
        position:relative;
        vertical-align:middle;
        padding-left:30px;
        cursor: pointer;
    }
        .multpleQuestion .form-grop .item p {
            margin-top: 0px;
            margin-bottom: 0px;
            display:inline-block;
        }
        .multpleQuestion .form-grop .matching {
            padding: 10px;
            border-radius: 0px;
            border-bottom: 1px solid #cecece;
        }
        .multpleQuestion .form-grop .matching p {
            display: inline-block;
        }
            .multpleQuestion .form-grop .matching .dropdown {
                float: right;
                margin-top: 10px;
                width: auto !important;
            }
.ExamAnswers .matching .dropdown {
    margin-top: 10px;
    width: auto !important;
}
    .multpleQuestion input {
        width: 250px;
        font-size: 16px;
        border: 1px solid #c5c5c5;
        box-shadow: none;
        outline: none;
        border-radius: 3px;
        padding: 6px 10px;
    }
        .multpleQuestion input.ShortAnswer-Answer {
            width: calc(100% - 55px);
        }

.multpleQuestion input[type=radio] {
    width: auto;
    position: absolute;
    left: 010px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0px;
}

#page {
    position: static !important;
    width: 100%;
    background-color: white;
    -ms-transform: translate(0%,0%);
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    border: none !important;
    padding-left: 0px;
}
#page .multpleQuestion{
    padding-right:0px;
    padding-left:0px;
}
.ExamReviewQuestionEdit{
    display:none;
}
.ExamReviewQuestionScoreEdit{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-direction:row;
    margin-top:10px;
}
.ExamReviewQuestionEdit input {
    width: 250px;
    margin-right: 5px;
    width: 75px;
}
.ExamReviewQuestionComment a {
    font-weight: bold;
}
.ExamAnswers .matching p {
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 6px;
}
.matching .dropdown-below .dropdown-menu-wrapper {
    right:0px;
}

.ExamReviewQuestionBlock {
    padding: 20px;
    border: 1px solid #cecece;
    border-radius: 3px;
    margin-top: 20px;
    background-color: #f2f2f2;
}
.ExamReview {
    padding-bottom: 75px !important;
}
.ExamScoreInputSection{
    margin-top: 20px;
}
.ExamReviewQuestion,
.ExamAnswers {
    background-color: white;
    padding: 20px;
    border: 1px solid #cecece;
    border-radius: 3px;
    margin-top: 20px;
}
.ExamAnswers .fa-check{
    color:green;
}
.multpleQuestion .fa-check {
    color: green;
}
.multpleQuestion .fa-times,
.multpleQuestion .fa-flag {
    color: red;
}
.ExamReviewQuestionBlock .fa-flag {
    color: red;
}
#page .ExamReviewQuestionBlock{
    background-color: white;
    border:none;
    padding:0px;
    margin-top: 0px;
}
#page .ExamReviewQuestion {
    margin-top: 0px;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
}
#page .ExamReviewQuestion p{
   margin:0px;
}
#page .ExamAnswers {
    padding: 10px;
}
.ExamAnswers .fa-times,
.ExamAnswers .fa-flag {
    color: red;
}
.shortAnswer p{
    display:inline-block;
}
.ExamContainerWraper {
    width: calc(100% - 200px) !important;
    float: left;
    padding-bottom: 50px;
    padding-right: 60px;
    height: 100%;
}
.multpleQuestion__header {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 0px;
}
.ExamReviewQuestioScore{
    width:100%;
    font-weight: bold;
    margin-top: 15px;
    text-align: left;
}
.ExamReviewQuestionFeedback{
    margin-top:15px;
    padding:15px;
}
.QuestionRow{
    display:block;
    padding-bottom:20px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
#ExamGrade{
    width:60px;
}
.ExamInformation{
    list-style:none;
    margin:0px;
    padding-left: 0px;

}
.ExamInformation li{
    text-align:center;
    color: gray;
}
.prevue-btn {
    top: 0px;
}
.jconfirm-closeIcon{
    display:none !important;
}
.ReviewOptionsList{
    list-style:none;
    padding-left:0px;
    display:inline-block;
    padding-right: 20px;
}
.ReviewOptionsList li:first-child {
    font-weight:bold;
    margin-bottom: 5px;
}
    .ReviewOptionsList li input {
        margin-left:0px;
    }
.Question .dropdown {

    vertical-align: middle;
    display: inline-block;
    width: auto !important;
}
.Question input {
    vertical-align: middle;
    width: 200px !important;
}
.ExamReviewQuestion .dropdown {
    vertical-align: middle;
    display: inline-block;
    width: auto !important;
}

.ExamReviewQuestion input {
    vertical-align: middle;
    width: 200px !important;
}
.ExamFiles{
    list-style:none;
    padding-left: 0px;
    padding-top: 30px;
    padding-right: 20px;
}
.ExamFiles li{
    margin-bottom: 10px;
}
.ExamFiles .btn{
    display: block;
    width: 100%;
    text-align:center;
}
.FeedBackRangeSection{
    margin-bottom:0px;
}
.FeedBackRange {
    padding: 20px;
    border-radius: 5px;
    background-color: #cecece;
    overflow: hidden;
    margin-top: 20px;
}
.DeleteFeedBackRange {
    color: black;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    margin-top: 15px;
    float: right;
    color: red;
    position:relative;
   
}
.ExamFeedBackRange {
    background-color: aqua;
    padding: 20px;
    padding-top:10px;
    padding-bottom:10px;
    margin-top:20px;
    border-radius:3px;
}
.FeedbackComments{
    margin-left:10px;
}
.FeedBackRangeLabel{
    margin-top:10px;
    margin-bottom:5px;
    display:inline-block;
}
@media only screen and (max-width: 890px) {
    .ExamContainerWraper {
        width: 100% !important;
        padding-right:20px;
        padding-top: 0px;
    }
    .ExamFiles {
        padding-top: 10px;
    }
}
.AssignmentOverview {
    position: static !important;
    left: 0px;
    right: 0px;
    width: auto;
    margin: auto;
    -ms-transform: translate(0%,0%); /* IE 9 */
    -webkit-transform: translate(0%,0%); /* Safari */
    transform: translate(0%,0%);
    border: none !important;
    background: white;
    padding: 20px;
    max-width: 1200px;
    max-height: 100% !important;
}

.AssignmentTitle {
    margin-top: 0px;
}

.AssignmentOverview .btn {
    padding: 5px 10px;
    color: #6C6C6C;
    background-color: #EEEEEE;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    box-shadow: none;
    outline: none;
    font-size: 14px;
    margin-top: 10px;
    cursor: pointer;
    float:none;
    text-decoration: none !important;
    display: inline-block;
}
.AssignmentDescription {
    min-height: 200px;
}
.AssignmentContainer {
    min-height: 70vh;
}
.AssignmentSection{
    margin-bottom:20px;
}
.AssignmentLabel {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 18px;
    vertical-align: middle;
    line-height: 32px;
    font-weight:bold;
}
.AssignmentOverviewInfo table {
    width: 100%;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
}
    .AssignmentOverviewInfo table tr {
        border-bottom: 1px solid black;
        display: block;
       position:relative;
    }
    .AssignmentOverviewInfo table td {
        padding: 10px;
       
    }
    .AssignmentOverviewInfo table tr td:first-child {
        width: 250px;
        font-weight: bold !important;
        border-right: 1px solid black;
    }
.Submission {
    position: static !important;
    left: 0px;
    right: 0px;
    width: auto;
    margin: auto;
    -ms-transform: translate(0%,0%); /* IE 9 */
    -webkit-transform: translate(0%,0%); /* Safari */
    transform: translate(0%,0%);
    border: none !important;
    background: white;
    padding: 20px;
    max-width: 1200px;
    max-height: 100% !important;
}
#SubmissionTable {
    width: 100%;
}

    #SubmissionTable tr {
        border-bottom: 1px solid black;
        display: block;
    }
    #SubmissionTable td {
        padding: 10px;
    }

    #SubmissionTable tr td:first-child {
        width: 250px;
        font-weight: bold !important;
    }
.FilesList{
    list-style:none;
    padding-left: 0px;
 }
.FilesList a{
    color: blue;
    text-decoration: none;
}
.FilesList li{
   width: 100%;

}

.AssignmentGraderToolbar {
    position: fixed;
    padding: 10px;
    text-align: center;
    bottom: 0px;
    width: calc(100%);
    left: 0px;
    background: #EEEEEE;
    padding-bottom: 20px;
    z-index: 99;
}
.AssignmentGraderToolbar--Exam {
    width: calc(100% - 50px);
    left: 50px;
}
.btn {
    padding: 5px 10px;
    color: #6C6C6C;
    background-color: #EEEEEE;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    box-shadow: none;
    outline: none;
    font-size: 14px;
    margin-top: 10px;
    cursor: pointer;
    float: none;
    text-decoration: none !important;
    display: inline-block;
}
#GradingContainer{
    padding-bottom: 140px;
}
    #GradingContainer h2 {
        font-size: 18px;
    }
.AssignmentGrader h2 {
    font-size: 20px !important;
}
.AssignmentGrader h3 {
    font-size: 18px;
    
}
.headerInline{
    display:inline-block;
    margin-right: 10px;
    margin-bottom:8px;
}
.AssignmentTitleSection{
    padding-bottom:30px;
}
.AssignmentNotify .dropdown{
    width: auto !important;
}
.AssignmentNotify{
    padding-top:10px;
}
#GradingContainer.sideBar {
    width: 400px;
    display: inline-block;
    height: calc(calc(var(--vh, 1vh) * 100) - 120px);
    overflow: auto;
}
        #GradingContainer.sideBar table tr td:first-child {
            min-width: 140px;
        }
        #GradingContainer.sideBar .ruberic__criterionSection{
            padding-left:10px !important
        }
            #GradingContainer.sideBar .ruberic__LevelSection {
              min-width:140px;
            }
        #GradingContainer.sideBar .rubric__TableSelected {
            display: block;
            width: auto;
            overflow: auto;
        }
        #GradingContainer.sideBar table tr td {
            max-width: none;
            width: 140px !important;
        }
        #GradingContainer.sideBar .AssignmentOverviewInfo table tr td:first-child{
            width: auto;
        }
        #pdfViewer {
            height: calc(calc(var(--vh, 1vh) * 100) - 120px);
            width: calc(100% - 400px) !important;
            display: none;
            float: left;
        }
    #pdfViewer.pdfViewerOther {
        height: calc(var(--vh, 1vh) * 100);
    }
.AssignmentGraderRuberic input[type=text],
.AssignmentGraderRuberic input[type=number],
.AssignmentGraderRuberic input[type=password],
.AssignmentGraderRuberic input[type=datetime-local] {
    width: 80px;
    text-align: center;
    font-size: 16px;
    border: 1px solid #c5c5c5;
    box-shadow: none;
    outline: none;
    border-radius: 3px;
    padding: 6px 10px;
}
.Wirisformula {
    vertical-align: middle;
}

.ruberic__criterionSection span {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 20px;
    text-align: center;
    font-size: 14px;
}
.rubric__Body textarea {
    min-height: 75px;
    display: none;
    width: 100%;
}
.ruberic__criterionSection textarea {
    height: 100%;

}
.rubric__Table {
    width: 100%;
    border-top: 1px solid black;
    border-left: 1px solid black;
}
    .rubric__Table tbody td {
        max-width: 100% !important;
        min-width: 150px;
        border-right: 1px solid black;
        padding-right:10px !important;
        padding-left:10px;
    }

    .rubric__Table input {
        width: 25px;
        display: none;
        text-align: center;
    }
.ruberic__criterionSection {
    position: relative;
    padding-right: 10px !important;
    padding-left: 40px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    border-right: 1px solid black;
    font-weight: bold;
}

.ruberic__criterionSection2 {
    padding-left: 10px !important;

}
.ruberic__description {
    margin-bottom: 30px;
    white-space: pre-line;
}
.ruberic__LevelSection {
    vertical-align: top !important;
    width: 200px !important;
}
.ruberic__description2 {
    margin-bottom: 30px;
    white-space: pre-line;
}
.ruberic__points2{
    position: absolute;
    bottom: 10px;
}
.ruberic__LevelSection textarea {
    width: 100%;
    margin-bottom: 30px;
}
.rubric__Table table {
    table-layout: fixed;
    width: 100%;
}
.ruberic__criterion {
    font-weight: bold;
    font-size: 15px;
}
.ruberic__criterion2 {
    font-weight: bold;
    font-size: 15px;
}
.ruberic__LevelSection{
    position: relative;
    width: auto !important;
}
.ruberic__LevelSection--selected {
    background-color: lightyellow;
}
.ruberic__LevelSection a{
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.ruberic__LevelSection {
    border: 1px solid grey;
    padding:10px
}
.rubric__Row {
    border-bottom: 1px solid grey;
}
    .rubric__Row:first-of-type .fa-arrow-up {
        display:none;
    }
    .rubric__Row:last-of-type .fa-arrow-down {
        display:none;
    }
.RubericCommentBox {
    display: inline-block !important
}
 /* ----------------------------------------------------------------------------
 // Ezdz [izy-dizy]
 // v0.5.1 - released 2016-05-10 14:52
 // Licensed under the MIT license.
 // https://github.com/jaysalvat/ezdz
 // ----------------------------------------------------------------------------
 // Copyright (C) 2016 Jay Salvat
 // http://jaysalvat.com/
 // ---------------------------------------------------------------------------*/

.ezdz-dropzone{position:relative;width:250px;overflow:hidden;font:bold 24px arial;line-height:200px;color:lightgray;text-align:center;border:10px dotted lightgray;border-radius:20px}.ezdz-dropzone span{display:inline-block;max-width:90%;padding:4%;overflow:hidden;font-size:13px;font-weight:normal;line-height:10px;color:white;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;background:black;background:rgba(0,0,0,0.7);border-radius:20px}.ezdz-dropzone img{max-width:95%;max-height:95%;margin-top:-3px;vertical-align:middle;border-radius:5px}.ezdz-dropzone [type="file"]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;margin:0;cursor:pointer;opacity:0}.ezdz-focus{color:darkgray;border:10px dotted darkgray}.ezdz-enter{color:black;border:10px solid black}.ezdz-accept{color:gray;border:10px solid gray}.ezdz-reject{color:darkred;border:10px solid darkred}
.image-g li {
    float: left;
    max-width: 32%;
    max-height: 48%;
    padding: 0.10em;
}

    .image-g li:nth-child(3n+1) {
        clear: left;
    }
.ezdz-dropzone .files-g {
    display: inline-block;
    max-width: 90%;
    padding: 3%;
    overflow: hidden;
    font-size: 13px;
    font-weight: normal;
    line-height: 10px;
    color: white;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    background: black;
    background: rgba(0,0,0,0.7);
    border-radius: 20px;
    list-style:none;

}
.ezdz-dropzone .files-g li {
    text-align: left;
    font-size: 13px;
   padding-bottom:10px;

}
    .ezdz-dropzone .files-g li:last-of-type {
        padding-bottom: 0px;
    }

.removeFile{
    color: red;
    margin-left: 5px;
    pointer-events: all;
    z-index: 100;
    cursor: pointer;
    position:relative;
}
div.tagsinput{border:1px solid #CCC;background:#FFF;padding:5px;width:300px;height:100px;overflow-y:auto}div.tagsinput span.tag{border:1px solid #a5d24a;-moz-border-radius:2px;-webkit-border-radius:2px;display:block;float:left;padding:5px;text-decoration:none;background:#cde69c;color:#638421;margin-right:5px;margin-bottom:5px;font-family:helvetica;font-size:13px}div.tagsinput span.tag a{font-weight:700;color:#82ad2b;text-decoration:none;font-size:11px}div.tagsinput input{width:80px;margin:0 5px 5px 0;font-family:helvetica;font-size:13px;border:1px solid transparent;padding:5px;background:0 0;color:#000;outline:0}div.tagsinput div{display:block;float:left}.tags_clear{clear:both;width:100%;height:0}.not_valid{background:#FBD8DB!important;color:#90111A!important}

#to_tagsinput.tagsinput input {
    width: 300px !important;
}
.dropdown{position:relative;display:inline-block;vertical-align:bottom;line-height:1.5}.dropdown a{text-decoration:none}.dropdown-toggle{background:#fff;display:inline-block;text-decoration:none;position:relative;font-size:15px;padding:8.75px 20px;margin:0;box-shadow:0 1px 2px rgba(0,0,0,.2)}.dropdown-toggle .dropdown-icon{height:2px;width:8px;opacity:.6;position:relative;display:inline-block;vertical-align:middle;margin-left:20px}.dropdown-toggle .dropdown-icon:after{content:'';position:absolute;top:0;left:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid}.dropdown-toggle .dropdown-text{display:inline-block;font-weight:normal; vertical-align:middle}.dropdown-toggle img{vertical-align:middle}.dropdown-menu-wrapper{background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.2)}.dropdown-menu-container{position:relative;width:300px;max-width:100%}.dropdown-menu{display:none;position:absolute;top:0;left:0;width:inherit}.dropdown-menu-main,.dropdown-menu-open{display:block}.dropdown-menu-open{position:relative}.dropdown-menu-wrapper{position:absolute;z-index:999;display:none;opacity:0}.dropdown-below .dropdown-menu-wrapper{top:100%;bottom:auto;margin:3px 0 0}.dropdown-above .dropdown-menu-wrapper{bottom:100%;top:auto;margin:0 0 3px}.dropdown-mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;display:none}.dropdown-animating .dropdown-mask{display:block}.dropdown-overlay{background:rgba(0,0,0,.5);position:fixed;opacity:0}.dropdown-header{position:relative;min-height:25px;padding:12.5px 50px;margin:0;border-bottom:1px solid #ccc}.dropdown-menu-main .dropdown-header{display:none}.dropdown-title{font-size:15px;text-align:center;line-height:25px;padding:0;margin:0}.dropdown-back,.dropdown-close{position:absolute;text-decoration:none;top:0;font-weight:700;color:#aaa;font-size:16px;width:50px;height:50px;line-height:50px;text-align:center}.dropdown-back .dropdown-text,.dropdown-close .dropdown-text{display:none}.dropdown-back{left:0}.dropdown-back .dropdown-icon:after{content:'';display:inline-block;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid}.dropdown-menu-main .dropdown-back{display:none}.dropdown-close{display:none;right:0}.dropdown-close .dropdown-icon:after{font-family:sans-serif;content:'\00d7'}.dropdown-item,.dropdown-list{list-style-type:none;font-size:inherit}.dropdown-list{overflow:hidden;text-align:left;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0;padding:0px 0}.dropdown-item{padding:0;margin:0 0 1px}.dropdown-item:last-child{margin-bottom:0}.dropdown-label{text-transform:uppercase;font-weight:700;font-size:12px;color:rgba(0,0,0,.4);padding:10px 20px;margin:20px 0 0}.dropdown-label:first-child{margin-top:0}.dropdown-divider{border-bottom:1px solid #e0e0e0;margin:10px 0}.dropdown-divider:first-child,.dropdown-divider:last-child{display:none}.dropdown-divider+.dropdown-label{margin-top:10px}.dropdown-divider:first-child+.dropdown-label{margin-top:0}.dropdown-link{display:block;position:relative;font-size:15px;text-decoration:none;padding:10px 20px}.dropdown-parent .dropdown-link:after{content:'';opacity:.6;position:absolute;right:20px;top:50%;margin-top:-4px;display:inline-block;vertical-align:middle;border-left:4px solid;border-bottom:4px solid transparent;border-top:4px solid transparent}.dropdown-focused .dropdown-link,.dropdown-link:hover{background:rgba(0,0,0,.03);color:#0d659b}.dropdown-selected .dropdown-link{background:#1d81c0;color:#fff}@media screen and (max-width:600px){.dropdown-overlay{z-index:-1;transition:opacity .2s linear}.dropdown-open .dropdown-overlay,.dropdown-opening .dropdown-overlay{z-index:101;opacity:1;top:0;left:0;right:0;bottom:0}.dropdown-menu-wrapper{width:auto!important;height:auto!important;position:fixed!important;top:10px;bottom:10px;left:10px;right:10px;margin:0;border:0}.dropdown-above .dropdown-menu-wrapper,.dropdown-below .dropdown-menu-wrapper{top:10px;bottom:10px;margin:0}.dropdown-menu-container{width:100%}.dropdown-close,.dropdown-menu-main .dropdown-header{display:block}}@media all and (min-width:601px){.dropdown-overlay{display:none!important}}
/**********************************************************************
 * Busy indicator
 **********************************************************************/
#busybox {
    display: none;
    height: 100vh;
    position: fixed;
    width: 100vw;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}
#busybox.show2{
    display:block;
}

#busybox div {
        position: fixed;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        border: 8px solid white;
        border-left-color: transparent;
        border-right-color: transparent;

        animation: busybox_kf 1s linear 0s infinite normal none running;
}

@keyframes busybox_kf {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
}

@-webkit-keyframes busybox_kf {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
}



.QuestionPrint__header{
    font-size: 20px;

}
#Questions {
    overflow: hidden;
    width: 100%;
    display: none;
}
#Questions img{
    max-width:100%;
    height: auto;
}
#Questions p{
    font-size: 20px;
}
.QuestionPrint__headerTitle {
    padding: 20px;
    padding-bottom: 0px;
    font-size: 25px;
}
.QuestionPrint {
    display: block;
    width: 100%;
    vertical-align: top;
    padding: 20px;
    padding-bottom: 0px;
    page-break-inside: avoid;
}
.PrintQuestionsList__item{
    display: inline-block;
    width: 49%;
}
.PrintQuestionsList {
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
}
@media print {
    #Questions {
        display: block;
    }
    .cornerMenu{
        display:none;
    }
    .mediaPlayer{
        display:none;
    }
    .pageTitle{
        display:none;
    }
    .contentContainer {
        margin-left: 0px;
        border-top: none;
    }
    .subMenu__burger{
        display: none;
    }
    .mainMenu {
        display: none;
    }
    .pagebreak {
        page-break-before: always;
    }
}

/*!
 * FullCalendar v3.10.0
 * Docs & License: https://fullcalendar.io/
 * (c) 2018 Adam Shaw
 */.fc button,.fc table,body .fc{font-size:1em}.fc .fc-axis,.fc button,.fc-day-grid-event .fc-content,.fc-list-item-marker,.fc-list-item-time,.fc-time-grid-event .fc-time,.fc-time-grid-event.fc-short .fc-content{white-space:nowrap}.fc-event,.fc-event:hover,.fc-state-hover,.fc.fc-bootstrap3 a,.ui-widget .fc-event,a.fc-more{text-decoration:none}.fc{direction:ltr;text-align:left}.fc-rtl{text-align:right}.fc th,.fc-basic-view .fc-day-top .fc-week-number,.fc-basic-view td.fc-week-number,.fc-icon,.fc-toolbar{text-align:center}.fc-highlight{background:#bce8f1;opacity:.3}.fc-bgevent{background:#8fdf82;opacity:.3}.fc-nonbusiness{background:#d7d7d7}.fc button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:2.1em;padding:0 .6em;cursor:pointer}.fc button::-moz-focus-inner{margin:0;padding:0}.fc-state-default{border:1px solid;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.fc-state-default.fc-corner-left{border-top-left-radius:4px;border-bottom-left-radius:4px}.fc-state-default.fc-corner-right{border-top-right-radius:4px;border-bottom-right-radius:4px}.fc button .fc-icon{position:relative;top:-.05em;margin:0 .2em;vertical-align:middle}.fc-state-active,.fc-state-disabled,.fc-state-down,.fc-state-hover{color:#333;background-color:#e6e6e6}.fc-state-hover{color:#333;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.fc-state-active,.fc-state-down{background-color:#ccc;background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.fc-state-disabled{cursor:default;background-image:none;opacity:.65;box-shadow:none}.fc-event.fc-draggable,.fc-event[href],.fc-popover .fc-header .fc-close,a[data-goto]{cursor:pointer}.fc-button-group{display:inline-block}.fc .fc-button-group>*{float:left;margin:0 0 0 -1px}.fc .fc-button-group>:first-child{margin-left:0}.fc-popover{position:absolute;box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc-popover .fc-header{padding:2px 4px}.fc-popover .fc-header .fc-title{margin:0 2px}.fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close{float:left}.fc-ltr .fc-popover .fc-header .fc-close,.fc-rtl .fc-popover .fc-header .fc-title{float:right}.fc-divider{border-style:solid;border-width:1px}hr.fc-divider{height:0;margin:0;padding:0 0 2px;border-width:1px 0}.fc-bg table,.fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table{height:100%}.fc-clear{clear:both}.fc-bg,.fc-bgevent-skeleton,.fc-helper-skeleton,.fc-highlight-skeleton{position:absolute;top:0;left:0;right:0}.fc-bg{bottom:0}.fc table{width:100%;box-sizing:border-box;table-layout:fixed;border-collapse:collapse;border-spacing:0}.fc td,.fc th{border-style:solid;border-width:1px;padding:0;vertical-align:top}.fc td.fc-today{border-style:double}a[data-goto]:hover{text-decoration:underline}.fc .fc-row{border-style:solid;border-width:0}.fc-row table{border-left:0 hidden transparent;border-right:0 hidden transparent;border-bottom:0 hidden transparent}.fc-row:first-child table{border-top:0 hidden transparent}.fc-row{position:relative}.fc-row .fc-bg{z-index:1}.fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton{bottom:0}.fc-row .fc-bgevent-skeleton td,.fc-row .fc-highlight-skeleton td{border-color:transparent}.fc-row .fc-bgevent-skeleton{z-index:2}.fc-row .fc-highlight-skeleton{z-index:3}.fc-row .fc-content-skeleton{position:relative;z-index:4;padding-bottom:2px}.fc-row .fc-helper-skeleton{z-index:5}.fc .fc-row .fc-content-skeleton table,.fc .fc-row .fc-content-skeleton td,.fc .fc-row .fc-helper-skeleton td{background:0 0;border-color:transparent}.fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td{border-bottom:0}.fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td{border-top:0}.fc-scroller{-webkit-overflow-scrolling:touch}.fc-day-grid-event .fc-content,.fc-icon,.fc-row.fc-rigid,.fc-time-grid-event{overflow:hidden}.fc-scroller>.fc-day-grid,.fc-scroller>.fc-time-grid{position:relative;width:100%}.fc-event{position:relative;display:block;font-size:.85em;line-height:1.3;border-radius:3px;border:1px solid #3a87ad}.fc-event,.fc-event-dot{background-color:#3a87ad}.fc-event,.fc-event:hover{color:#fff}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc-event .fc-bg{z-index:1;background:#fff;opacity:.25}.fc-event .fc-content{position:relative;z-index:2}.fc-event .fc-resizer{position:absolute;z-index:4;display:none}.fc-event.fc-allow-mouse-resize .fc-resizer,.fc-event.fc-selected .fc-resizer{display:block}.fc-event.fc-selected .fc-resizer:before{content:"";position:absolute;z-index:9999;top:50%;left:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px}.fc-event.fc-selected{z-index:9999!important;box-shadow:0 2px 5px rgba(0,0,0,.2)}.fc-event.fc-selected.fc-dragging{box-shadow:0 2px 7px rgba(0,0,0,.3)}.fc-h-event.fc-selected:before{content:"";position:absolute;z-index:3;top:-10px;bottom:-10px;left:0;right:0}.fc-ltr .fc-h-event.fc-not-start,.fc-rtl .fc-h-event.fc-not-end{margin-left:0;border-left-width:0;padding-left:1px;border-top-left-radius:0;border-bottom-left-radius:0}.fc-ltr .fc-h-event.fc-not-end,.fc-rtl .fc-h-event.fc-not-start{margin-right:0;border-right-width:0;padding-right:1px;border-top-right-radius:0;border-bottom-right-radius:0}.fc-ltr .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-end-resizer{cursor:w-resize;left:-1px}.fc-ltr .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-start-resizer{cursor:e-resize;right:-1px}.fc-h-event.fc-allow-mouse-resize .fc-resizer{width:7px;top:-1px;bottom:-1px}.fc-h-event.fc-selected .fc-resizer{border-radius:4px;border-width:1px;width:6px;height:6px;border-style:solid;border-color:inherit;background:#fff;top:50%;margin-top:-4px}.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,.fc-rtl .fc-h-event.fc-selected .fc-end-resizer{margin-left:-4px}.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,.fc-rtl .fc-h-event.fc-selected .fc-start-resizer{margin-right:-4px}.fc-day-grid-event{margin:1px 2px 0;padding:0 1px}tr:first-child>td>.fc-day-grid-event{margin-top:2px}.fc-day-grid-event.fc-selected:after{content:"";position:absolute;z-index:1;top:-1px;right:-1px;bottom:-1px;left:-1px;background:#000;opacity:.25}.fc-day-grid-event .fc-time{font-weight:700}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer{margin-left:-2px}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer{margin-right:-2px}a.fc-more{margin:1px 3px;font-size:.85em;cursor:pointer}a.fc-more:hover{text-decoration:underline}.fc-limited{display:none}.fc-day-grid .fc-row{z-index:1}.fc-more-popover{z-index:2;width:220px}.fc-more-popover .fc-event-container{padding:10px}.fc-bootstrap3 .fc-popover .panel-body,.fc-bootstrap4 .fc-popover .card-body{padding:0}.fc-now-indicator{position:absolute;border:0 solid red}.fc-bootstrap3 .fc-today.alert,.fc-bootstrap4 .fc-today.alert{border-radius:0}.fc-unselectable{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#ddd}.fc-unthemed .fc-popover{background-color:#fff;border-width:1px;border-style:solid}.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-popover .fc-header{background:#eee}.fc-unthemed td.fc-today{background:#fcf8e3}.fc-unthemed .fc-disabled-day{background:#d7d7d7;opacity:.3}.fc-icon{display:inline-block;height:1em;line-height:1em;font-size:1em;font-family:"Courier New",Courier,monospace;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fc-icon:after{position:relative}.fc-icon-left-single-arrow:after{content:"\2039";font-weight:700;font-size:200%;top:-7%}.fc-icon-right-single-arrow:after{content:"\203A";font-weight:700;font-size:200%;top:-7%}.fc-icon-left-double-arrow:after{content:"\AB";font-size:160%;top:-7%}.fc-icon-right-double-arrow:after{content:"\BB";font-size:160%;top:-7%}.fc-icon-left-triangle:after{content:"\25C4";font-size:125%;top:3%}.fc-icon-right-triangle:after{content:"\25BA";font-size:125%;top:3%}.fc-icon-down-triangle:after{content:"\25BC";font-size:125%;top:2%}.fc-icon-x:after{content:"\D7";font-size:200%;top:6%}.fc-unthemed .fc-popover .fc-header .fc-close{color:#666;font-size:.9em;margin-top:2px}.fc-unthemed .fc-list-item:hover td{background-color:#f5f5f5}.ui-widget .fc-disabled-day{background-image:none}.fc-bootstrap3 .fc-time-grid .fc-slats table,.fc-bootstrap4 .fc-time-grid .fc-slats table,.fc-time-grid .fc-slats .ui-widget-content{background:0 0}.fc-popover>.ui-widget-header+.ui-widget-content{border-top:0}.fc-bootstrap3 hr.fc-divider,.fc-bootstrap4 hr.fc-divider{border-color:inherit}.ui-widget .fc-event{color:#fff;font-weight:400}.ui-widget td.fc-axis{font-weight:400}.fc.fc-bootstrap3 a[data-goto]:hover{text-decoration:underline}.fc.fc-bootstrap4 a{text-decoration:none}.fc.fc-bootstrap4 a[data-goto]:hover{text-decoration:underline}.fc-bootstrap4 a.fc-event:not([href]):not([tabindex]){color:#fff}.fc-bootstrap4 .fc-popover.card{position:absolute}.fc-toolbar.fc-header-toolbar{margin-bottom:1em}.fc-toolbar.fc-footer-toolbar{margin-top:1em}.fc-toolbar .fc-left{float:left}.fc-toolbar .fc-right{float:right}.fc-toolbar .fc-center{display:inline-block}.fc .fc-toolbar>*>*{float:left;margin-left:.75em}.fc .fc-toolbar>*>:first-child{margin-left:0}.fc-toolbar h2{margin:0}.fc-toolbar button{position:relative}.fc-toolbar .fc-state-hover,.fc-toolbar .ui-state-hover{z-index:2}.fc-toolbar .fc-state-down{z-index:3}.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active{z-index:4}.fc-toolbar button:focus{z-index:5}.fc-view-container *,.fc-view-container :after,.fc-view-container :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fc-view,.fc-view>table{position:relative;z-index:1}.fc-basicDay-view .fc-content-skeleton,.fc-basicWeek-view .fc-content-skeleton{padding-bottom:1em}.fc-basic-view .fc-body .fc-row{min-height:4em}.fc-row.fc-rigid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-day-top.fc-other-month{opacity:.3}.fc-basic-view .fc-day-number,.fc-basic-view .fc-week-number{padding:2px}.fc-basic-view th.fc-day-number,.fc-basic-view th.fc-week-number{padding:0 2px}.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float:right}.fc-rtl .fc-basic-view .fc-day-top .fc-day-number{float:left}.fc-ltr .fc-basic-view .fc-day-top .fc-week-number{float:left;border-radius:0 0 3px}.fc-rtl .fc-basic-view .fc-day-top .fc-week-number{float:right;border-radius:0 0 0 3px}.fc-basic-view .fc-day-top .fc-week-number{min-width:1.5em;background-color:#f2f2f2;color:grey}.fc-basic-view td.fc-week-number>*{display:inline-block;min-width:1.25em}.fc-agenda-view .fc-day-grid{position:relative;z-index:2}.fc-agenda-view .fc-day-grid .fc-row{min-height:3em}.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton{padding-bottom:1em}.fc .fc-axis{vertical-align:middle;padding:0 4px}.fc-ltr .fc-axis{text-align:right}.fc-rtl .fc-axis{text-align:left}.fc-time-grid,.fc-time-grid-container{position:relative;z-index:1}.fc-time-grid{min-height:100%}.fc-time-grid table{border:0 hidden transparent}.fc-time-grid>.fc-bg{z-index:1}.fc-time-grid .fc-slats,.fc-time-grid>hr{position:relative;z-index:2}.fc-time-grid .fc-content-col{position:relative}.fc-time-grid .fc-content-skeleton{position:absolute;z-index:3;top:0;left:0;right:0}.fc-time-grid .fc-business-container{position:relative;z-index:1}.fc-time-grid .fc-bgevent-container{position:relative;z-index:2}.fc-time-grid .fc-highlight-container{z-index:3;position:relative}.fc-time-grid .fc-event-container{position:relative;z-index:4}.fc-time-grid .fc-now-indicator-line{z-index:5}.fc-time-grid .fc-helper-container{position:relative;z-index:6}.fc-time-grid .fc-slats td{height:1.5em;border-bottom:0}.fc-time-grid .fc-slats .fc-minor td{border-top-style:dotted}.fc-time-grid .fc-highlight{position:absolute;left:0;right:0}.fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px}.fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%}.fc-time-grid .fc-bgevent,.fc-time-grid .fc-event{position:absolute;z-index:1}.fc-time-grid .fc-bgevent{left:0;right:0}.fc-v-event.fc-not-start{border-top-width:0;padding-top:1px;border-top-left-radius:0;border-top-right-radius:0}.fc-v-event.fc-not-end{border-bottom-width:0;padding-bottom:1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-time-grid-event.fc-selected{overflow:visible}.fc-time-grid-event.fc-selected .fc-bg{display:none}.fc-time-grid-event .fc-content{overflow:hidden}.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title{padding:0 1px}.fc-time-grid-event .fc-time{font-size:.85em}.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title{display:inline-block;vertical-align:top}.fc-time-grid-event.fc-short .fc-time span{display:none}.fc-time-grid-event.fc-short .fc-time:before{content:attr(data-start)}.fc-time-grid-event.fc-short .fc-time:after{content:"\A0-\A0"}.fc-time-grid-event.fc-short .fc-title{font-size:.85em;padding:0}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer{left:0;right:0;bottom:0;height:8px;overflow:hidden;line-height:8px;font-size:11px;font-family:monospace;text-align:center;cursor:s-resize}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after{content:"="}.fc-time-grid-event.fc-selected .fc-resizer{border-radius:5px;border-width:1px;width:8px;height:8px;border-style:solid;border-color:inherit;background:#fff;left:50%;margin-left:-5px;bottom:-5px}.fc-time-grid .fc-now-indicator-line{border-top-width:1px;left:0;right:0}.fc-time-grid .fc-now-indicator-arrow{margin-top:-5px}.fc-ltr .fc-time-grid .fc-now-indicator-arrow{left:0;border-width:5px 0 5px 6px;border-top-color:transparent;border-bottom-color:transparent}.fc-rtl .fc-time-grid .fc-now-indicator-arrow{right:0;border-width:5px 6px 5px 0;border-top-color:transparent;border-bottom-color:transparent}.fc-event-dot{display:inline-block;width:10px;height:10px;border-radius:5px}.fc-rtl .fc-list-view{direction:rtl}.fc-list-view{border-width:1px;border-style:solid}.fc .fc-list-table{table-layout:auto}.fc-list-table td{border-width:1px 0 0;padding:8px 14px}.fc-list-table tr:first-child td{border-top-width:0}.fc-list-heading{border-bottom-width:1px}.fc-list-heading td{font-weight:700}.fc-ltr .fc-list-heading-main{float:left}.fc-ltr .fc-list-heading-alt,.fc-rtl .fc-list-heading-main{float:right}.fc-rtl .fc-list-heading-alt{float:left}.fc-list-item.fc-has-url{cursor:pointer}.fc-list-item-marker,.fc-list-item-time{width:1px}.fc-ltr .fc-list-item-marker{padding-right:0}.fc-rtl .fc-list-item-marker{padding-left:0}.fc-list-item-title a{text-decoration:none;color:inherit}.fc-list-item-title a[href]:hover{text-decoration:underline}.fc-list-empty-wrap2{position:absolute;top:0;left:0;right:0;bottom:0}.fc-list-empty-wrap1{width:100%;height:100%;display:table}.fc-list-empty{display:table-cell;vertical-align:middle;text-align:center}.fc-unthemed .fc-list-empty{background-color:#eee}

.fc-day-grid-event{
    border-color:black;
    color:black;
}
    .fc-day-grid-event:hover{
        color:black;
    }
@font-face {
  font-family: 'font-awesome-eyes';
  src: url("fonts/font-awesome-eyes.eot?39338138");
  src: url("fonts/font-awesome-eyes.eot?39338138#iefix") format('embedded-opentype'), url("fonts/font-awesome-eyes.woff?39338138") format('woff'), url("fonts/font-awesome-eyes.ttf?39338138") format('truetype'), url("fonts/font-awesome-eyes.svg?39338138#font-awesome-eyes") format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'font-awesome-eyes';
    src: url('../font/font-awesome-eyes.svg?39338138#font-awesome-eyes') format('svg');
  }
}
*/
[class^="prevue-icon-"]:before,
[class*=" prevue-icon-"]:before {
  font-family: 'font-awesome-eyes';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
/* opacity .8 */
/* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
/* fix buttons height, for twitter bootstrap */
  line-height: 1em;
/* Animation center compensation - magrins should be symmetric */
/* remove if not needed */
  margin-left: 0.2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.prevue-icon-eye:before { content: '\e70a'; } /* '' */
.prevue-icon-eye-off:before { content: '\e70b'; } /* '' */
.xdsoft_datetimepicker {
	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
	background: #fff;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #333;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 8px;
	padding-left: 0;
	padding-top: 2px;
	position: absolute;
	z-index: 9999;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
}
.xdsoft_datetimepicker.xdsoft_rtl {
	padding: 8px 0 8px 8px;
}

.xdsoft_datetimepicker iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 75px;
	height: 210px;
	background: transparent;
	border: none;
}

/*For IE8 or lower*/
.xdsoft_datetimepicker button {
	border: none !important;
}

.xdsoft_noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.xdsoft_noselect::selection { background: transparent }
.xdsoft_noselect::-moz-selection { background: transparent }

.xdsoft_datetimepicker.xdsoft_inline {
	display: inline-block;
	position: static;
	box-shadow: none;
}

.xdsoft_datetimepicker * {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
	display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
	display: block;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
	width: 224px;
	float: left;
	margin-left: 8px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
	float: right;
	margin-right: 8px;
	margin-left: 0;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
	width: 256px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
	width: 58px;
	float: left;
	text-align: center;
	margin-left: 8px;
	margin-top: 0;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
	float: right;
	margin-right: 8px;
	margin-left: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
	margin-top: 8px;
	margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_monthpicker {
	position: relative;
	text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}

.xdsoft_datetimepicker .xdsoft_label i {
	opacity: 0.5;
	background-position: -92px -19px;
	display: inline-block;
	width: 9px;
	height: 20px;
	vertical-align: middle;
}

.xdsoft_datetimepicker .xdsoft_prev {
	float: left;
	background-position: -20px 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
	float: left;
	background-position: -70px 0;
	margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_next {
	float: right;
	background-position: 0 0;
}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev ,
.xdsoft_datetimepicker .xdsoft_today_button {
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0 none;
	cursor: pointer;
	display: block;
	height: 30px;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	outline: medium none;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	width: 20px;
	min-width: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
	float: none;
	background-position: -40px -15px;
	height: 15px;
	width: 30px;
	display: block;
	margin-left: 14px;
	margin-top: 7px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
	float: none;
	margin-left: 0;
	margin-right: 14px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
	background-position: -40px 0;
	margin-bottom: 7px;
	margin-top: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
	height: 151px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
	background: #f5f5f5;
	border-top: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	text-align: center;
	border-collapse: collapse;
	cursor: pointer;
	border-bottom-width: 0;
	height: 25px;
	line-height: 25px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child {
	border-top-width: 0;
}

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.xdsoft_datetimepicker .xdsoft_label {
	display: inline;
	position: relative;
	z-index: 9999;
	margin: 0;
	padding: 5px 3px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	background-color: #fff;
	float: left;
	width: 182px;
	text-align: center;
	cursor: pointer;
}

.xdsoft_datetimepicker .xdsoft_label:hover>span {
	text-decoration: underline;
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
	opacity: 1.0;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
	border: 1px solid #ccc;
	position: absolute;
	right: 0;
	top: 30px;
	z-index: 101;
	display: none;
	background: #fff;
	max-height: 160px;
	overflow-y: hidden;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
	color: #fff;
	background: #ff8000;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
	padding: 2px 10px 2px 5px;
	text-decoration: none !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
	background: #33aaff;
	box-shadow: #178fe5 0 1px 3px 0 inset;
	color: #fff;
	font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_month {
	width: 100px;
	text-align: right;
}

.xdsoft_datetimepicker .xdsoft_calendar {
	clear: both;
}

.xdsoft_datetimepicker .xdsoft_year{
	width: 48px;
	margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
	border-collapse: collapse;
	width: 100%;

}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
	padding-right: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
	width: 14.2857142%;
	background: #f5f5f5;
	border: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	text-align: right;
	vertical-align: middle;
	padding: 0;
	border-collapse: collapse;
	cursor: pointer;
	height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
	width: 12.5%;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	background: #f1f1f1;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
	color: #33aaff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
	background: #ffe9d2;
	box-shadow: #ffb871 0 1px 4px 0 inset;
	color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
	background: #c1ffc9;
	box-shadow: #00dd1c 0 1px 4px 0 inset;
	color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
	background: #33aaff;
	box-shadow: #178fe5 0 1px 3px 0 inset;
	color: #fff;
	font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	cursor: default;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
	color: #fff !important;
	background: #ff8000 !important;
	box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
	background: #33aaff !important;
	box-shadow: #178fe5 0 1px 3px 0 inset !important;
	color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
	color: inherit	!important;
	background: inherit !important;
	box-shadow: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	font-weight: 700;
	text-align: center;
	color: #999;
	cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
	color: #ccc !important;
	font-size: 10px;
	clear: both;
	float: none;
	margin-left: 8px;
}

.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important }
.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important }

.xdsoft_time_box {
	position: relative;
	border: 1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller {
	background: #ccc !important;
	height: 20px;
	border-radius: 3px;
}
.xdsoft_scrollbar {
	position: absolute;
	width: 7px;
	right: 0;
	top: 0;
	bottom: 0;
	cursor: pointer;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
	left: 0;
	right: auto;
}
.xdsoft_scroller_box {
	position: relative;
}

.xdsoft_datetimepicker.xdsoft_dark {
	box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
	background: #000;
	border-bottom: 1px solid #444;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-top: 1px solid #333;
	color: #ccc;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
	border-bottom: 1px solid #222;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div {
	background: #0a0a0a;
	border-top: 1px solid #222;
	color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
	background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
	border: 1px solid #333;
	background: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
	color: #000;
	background: #007fff;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
	background: #cc5500;
	box-shadow: #b03e00 0 1px 3px 0 inset;
	color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	background: #0a0a0a;
	border: 1px solid #222;
	color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	background: #0e0e0e;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
	color: #cc5500;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
	background: #ffe9d2;
	box-shadow: #ffb871 0 1px 4px 0 inset;
	color:#000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
	background: #c1ffc9;
	box-shadow: #00dd1c 0 1px 4px 0 inset;
	color:#000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
	background: #cc5500;
	box-shadow: #b03e00 0 1px 3px 0 inset;
	color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
	color: #000 !important;
	background: #007fff !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
	color: #666;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important }
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important }

.xdsoft_dark .xdsoft_time_box {
	border: 1px solid #333;
}

.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller {
	background: #333 !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #dddddd !important;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px;
}
.xdsoft_datetimepicker .blue-gradient-button {
	font-family: "museo-sans", "Book Antiqua", sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #82878c;
	height: 28px;
	position: relative;
	padding: 4px 17px 4px 33px;
	border: 1px solid #d7d8da;
	background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* IE10+ */
	background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
/* IE6-9 */
}
.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
  /* IE6-9 */
}

*, *::after, *::before {
  box-sizing: border-box;
}

.donut {
  --donut-size: 70px;
  --donut-border-width: 7px;
  --donut-spacing: 0;
  --donut-spacing-color: 255, 255, 255;
  --donut-spacing-deg: calc(1deg * var(--donut-spacing));
  border-radius: 50%;
  height: var(--donut-size);
  margin: 0px;
  position: relative;
  width: var(--donut-size);
  margin:auto;
}
.center{
    text-align: center !important;
}
.donut__label {
  left: 50%;
  line-height: 1.5;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 60%;
}

.donut__label__heading {
    font-size: 13px;
    font-weight: 600;
    display: block;
    
}

.donut__label__sub {
  color: #666666;
  font-size: 12px;
  font-weight: normal;
  display:block;
}

.donut__slice {
  height: 100%;
  position: absolute;
  width: 100%;
}

.donut__slice::before,
.donut__slice::after {
  border: var(--donut-border-width) solid rgba(0, 0, 0, 0);
  border-radius: 50%;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 100%;
}

.donut__slice::before {
  border-width: calc(var(--donut-border-width) + 1px);
  box-shadow: 0 0 1px 0 rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing)));
}

.donut__slice__first {
  --first-start: 0;
  z-index:1;
}

.donut__slice__first::before {
  border-top-color: rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing)));
  -webkit-transform: rotate(calc(360deg * var(--first-start) + 45deg));
          transform: rotate(calc(360deg * var(--first-start) + 45deg));
}

.donut__slice__first::after {
  border-top-color: #ff6838;
  border-right-color: rgba(255, 104, 56, calc(100 * (var(--first) - .25)));
  border-bottom-color: rgba(255, 104, 56, calc(100 * (var(--first) - .5)));
  border-left-color: rgba(255, 104, 56, calc(100 * (var(--first) - .75)));
  -webkit-transform: rotate(calc(360deg * var(--first-start) + 45deg + var(--donut-spacing-deg)));
          transform: rotate(calc(360deg * var(--first-start) + 45deg + var(--donut-spacing-deg)));
}

.donut__slice__second {
    
    --second-start: calc(var(--first));
    --second-check: max(calc(var(--second-start) - .5), 0);
    -webkit-clip-path: inset(0 calc(50% * (var(--second-check) / var(--second-check))) 0 0);
    clip-path: inset(0 calc(50% * (var(--second-check) / var(--second-check))) 0 0);
}

.donut__slice__second::before {
  border-top-color: rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing)));
  -webkit-transform: rotate(calc(360deg * var(--second-start) + 45deg));
          transform: rotate(calc(360deg * var(--second-start) + 45deg));
}

.donut__slice__second::after {
  border-top-color: #ffc820;
  border-right-color: rgba(255, 200, 32, calc(100 * (var(--second) - .25)));
  border-bottom-color: rgba(255, 200, 32, calc(100 * (var(--second) - .5)));
  border-left-color: rgba(255, 200, 32, calc(100 * (var(--second) - .75)));
  -webkit-transform: rotate(calc(360deg * var(--second-start) + 45deg + var(--donut-spacing-deg)));
          transform: rotate(calc(360deg * var(--second-start) + 45deg + var(--donut-spacing-deg)));
}
.donut__slice__third {
    z-index: 3;
    --third-start: calc(var(--first) + var(--second));
    --third-check: max(calc(var(--third-start) - .5), 0);
    -webkit-clip-path: inset(0 calc(50% * (var(--third-check) / var(--third-check))) 0 0);
    clip-path: inset(0 calc(50% * (var(--third-check) / var(--third-check))) 0 0);
}

    .donut__slice__third::before {
        border-top-color: rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing)));
        -webkit-transform: rotate(calc(360deg * var(--third-start) + 45deg));
        transform: rotate(calc(360deg * var(--third-start) + 45deg));
    }

    .donut__slice__third::after {
        border-top-color: #97c95c;
        border-right-color: rgba(151, 201, 92, calc(100 * (var(--third) - .25)));
        border-bottom-color: rgba(151, 201, 92, calc(100 * (var(--third) - .5)));
        border-left-color: rgba(151, 201, 92, calc(100 * (var(--third) - .75)));
        -webkit-transform: rotate(calc(360deg * var(--third-start) + 45deg + var(--donut-spacing-deg)));
        transform: rotate(calc(360deg * var(--third-start) + 45deg + var(--donut-spacing-deg)));
    }

.donut__slice__fourth {
    z-index: 4;
    --fourth-start: calc(var(--first) + var(--second) + var(--third));
    --fourth-check: max(calc(var(--fourth-start) - .5), 0);
    -webkit-clip-path: inset(0 calc(50% * (var(--fourth-check) / var(--fourth-check))) 0 0);
    clip-path: inset(0 calc(50% * (var(--fourth-check) / var(--fourth-check))) 0 0);
}

    .donut__slice__fourth::before {
        border-top-color: rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing)));
        -webkit-transform: rotate(calc(360deg * var(--fourth-start) + 45deg));
        transform: rotate(calc(360deg * var(--fourth-start) + 45deg));
    }

    .donut__slice__fourth::after {
        border-top-color: #1cb2f6;
        border-right-color: rgba(28, 178, 246, calc(100 * (var(--fourth) - .25)));
        border-bottom-color: rgba(28, 178, 246, calc(100 * (var(--fourth) - .5)));
        border-left-color: rgba(28, 178, 246, calc(100 * (var(--fourth) - .75)));
        -webkit-transform: rotate(calc(360deg * var(--fourth-start) + 45deg + var(--donut-spacing-deg)));
        transform: rotate(calc(360deg * var(--fourth-start) + 45deg + var(--donut-spacing-deg)));
    }

.donut__slice__fifth {
    z-index: 5;
    --fifth-start: calc(var(--first) + var(--second) + var(--third) + var(--fourth));
    --fifth-check: max(calc(var(--fifth-start) - .5), 0);
    -webkit-clip-path: inset(0 calc(50% * (var(--fifth-check) / var(--fifth-check))) 0 0);
    clip-path: inset(0 calc(50% * (var(--fifth-check) / var(--fifth-check))) 0 0);
}

    .donut__slice__fifth::before {
        border-top-color: rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing)));
        -webkit-transform: rotate(calc(360deg * var(--fifth-start) + 45deg));
        transform: rotate(calc(360deg * var(--fifth-start) + 45deg));
    }

    .donut__slice__fifth::after {
        border-top-color: #1685b8;
        border-right-color: rgba(22, 133, 184, calc(100 * (var(--fifth) - .25)));
        border-bottom-color: rgba(22, 133, 184, calc(100 * (var(--fifth) - .5)));
        border-left-color: rgba(22, 133, 184, calc(100 * (var(--fifth) - .75)));
        -webkit-transform: rotate(calc(360deg * var(--fifth-start) + 45deg + var(--donut-spacing-deg)));
        transform: rotate(calc(360deg * var(--fifth-start) + 45deg + var(--donut-spacing-deg)));
    }



