html, body { font-family: Arial; font-weight: 300; font-size: 16px; color: #58595b; line-height: normal; }
body { min-width: 320px; background-color: #e1efff; }
body.dialog-body { min-width: 1px; background-color: #ffffff; }
body.full-width { width: 100%; }
body.full-width div.container { width: 100%; }

.wf-loading { visibility: hidden; }

/* modal styles */
body.modal-open { width: 100%; margin-right: 0px; }
body.modal-open .mce-floatpanel { position: fixed; }
.modal-dialog { margin-top: 0px; margin-bottom: 0px; padding-top: 30px; padding-bottom: 30px; }
@media (min-width: 768px)
{
	.modal-dialog { width: auto; left: auto; right: auto; }
}
@media (min-width: 850px)
{
	.modal-dialog { width: 830px; }
}
div.modals div.modal-content button.close { margin-top: -16px; margin-right: -15px; opacity: 1; filter: alpha(opacity=100); position: absolute; z-index: 1; right: 0px; }
div.modals div.modal-content button.close:focus,
div.modals div.modal-content button.close:hover { opacity: 1; filter: alpha(opacity=100); }
iframe { vertical-align: top; }
iframe.dialog-iframe { width: 1px; min-width: 100%; height: 0px; overflow: hidden; background-color: #f1f3f4; }
div.dialog-body { padding: 30px; }

.modal-backdrop.in { opacity: 0.75; }

div.modal-content { border-radius: 0px; }
div.modal-header { display: none; }
div.modal-body { padding: 0px; }

div.modal.stores-modal div.modal-dialog { width: 300px; }

div.modal.full-width div.modal-dialog { width: auto; margin-left: 15px; margin-right: 15px; }

/* general styles */
img { vertical-align: bottom; }
a img { border: none; }
a { color: #0099ff; -moz-transition: opacity 200ms, color 200ms, background-color 200ms; -webkit-transition: opacity 200ms, color 200ms, background-color 200ms; -o-transition: opacity 200ms, color 200ms, background-color 200ms; -ms-transition: opacity 200ms, color 200ms, background-color 200ms; transition: opacity 200ms, color 200ms, background-color 200ms; }
a:focus,
a:hover { text-decoration: underline; color: #0099ff; }
a.fake-checkable { -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
h3 a:focus,
h3 a:hover { text-decoration: none; }
@media print
{
	a[href]:after { content: none !important; }
}
h1 { font-family: Arial; font-weight: 700; color: #666; font-size: 40px; margin-top: 0px; margin-bottom: 0px; letter-spacing: -0.02em; padding-bottom: 5px; border-bottom: 2px solid #7DCDF4; margin-bottom: 30px; }
@media (min-width: 768px)
{
	h1 { font-size: 50px; }
}
h1.first { padding-top: 0px; }
h2 { font-family: Arial; font-weight: 700; color: #666; font-size: 30px; margin-top: 0px; margin-bottom: 0px; letter-spacing: -0.02em; padding-top: 60px; padding-bottom: 20px; }
@media (min-width: 768px)
{
	h2 { font-size: 40px; }
}
h2.first {padding-top: 0px; }
h3 { font-family: Arial; font-weight: 700; color: #666; font-size: 26px; margin-top: 0px; margin-bottom: 0px; letter-spacing: -0.02em; padding-top: 40px; padding-bottom: 20px; }
@media (min-width: 768px)
{
	h3 { font-size: 30px; }
}
h3.first { padding-top: 0px; }
h4 { font-family: Arial; font-weight: 700; color: #666; font-size: 20px; margin-top: 0px; margin-bottom: 0px; }
p, li { line-height: 1.4em; }

img.full-width { width: 100%; }
a.bookmark { height: 1px; margin-top: -1px; display: block; overflow: hidden; }

.note { font-size: smaller; }
.green-note { color: green; }
.red-note { color: red; }
.orange-note { color: orange; }
.grey-note { color: grey; }

.note h4 { font-size: 14px; padding-bottom: 5px; }

.alert { display: block; border-radius: 8px; }
.form-group .alert { margin-top: 5px; margin-bottom: 0px; }

.margin-bottom-0 { margin-bottom: 0px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-top-10 { margin-top: 10px; }

input.form-control,
select.form-control,
textarea.form-control { border-radius: 8px; border: 1px solid #bfb6ad; font-family: Arial; font-weight: 300; font-size: 16px; padding: 10px; height: auto; }
select.form-control { padding-top: 11px; padding-bottom: 12px; }
select.form-control option { font-family: Arial; font-weight: 300; }
input.form-control:focus,
input.form-control:hover,
select.form-control:focus,
select.form-control:hover,
textarea.form-control:focus,
textarea.form-control:hover { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(160,204,254,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(160,204,254,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(160,204,254,.6); }
input.form-control:focus,
select.form-control:focus,
textarea.form-control:focus { border-color: #7DCDF4; }
.form-group { padding-bottom: 20px; margin-bottom: 0px; font-size: 16px; font-family: Arial; font-weight: 300; }
.form-group.buttons { padding-top: 20px; }
.form-group.buttons .btn { margin-right: 15px; margin-bottom: 15px; }
.form-group.buttons .alert { margin-top: 0px; }
.control-label { font-weight: bold; padding-bottom: 5px; margin-bottom: 0px; }
.input-group-addon { border-radius: 8px; }

.number-value { text-align: right; }

.readonly-textbox { border-radius: 8px; border: 1px solid #bfb6ad; font-size: 16px; padding: 10px; background-color: #dcddde; min-height: 44px; }
a.readonly-textbox { display: block; }

.help-block { font-size: 14px; }

.ui-datepicker { z-index: 2 !important; }

.tooltip-inner { min-width: 300px; max-width: 500px; padding-top: 10px; padding-left: 10px; padding-right: 10px; text-align: left; }
.tooltip { font-family: Arial; }

.prettycheckbox label,
.prettyradio label { font-weight: 300; margin-left: 0px; padding-left: 3px; }
.radio-button-container { height: 30px; }
.prettycheckbox td.checkable-label-cell,
.prettyradio td.checkable-label-cell { padding-right: 20px; }
.prettycheckbox td.checkable-label-cell.empty,
.prettyradio td.checkable-label-cell.empty { padding-right: 0px; }
.pretty-right-align table { margin-left: auto; margin-right: 0px; }

.btn.btn-primary { background-color: #d13cb0; color: #ffffff; border: 1px solid #d13cb0; padding-top: 13px; padding-bottom: 13px; font-family: Arial; font-weight: 700; font-size: 24px; padding-left: 30px; padding-right: 30px; border-radius: 8px; white-space: normal; }
.btn.btn-primary:focus,
.btn.btn-primary:hover { background-color: #da63c0; color: #ffffff; border-color: #da63c0; }
.btn.btn-primary:active { border-color: #da63c0; }

.btn.btn-default { background-color: #ffffff; color: #d13cb0; border: 1px solid #d13cb0; padding-top: 9px; padding-bottom: 9px; font-family: Arial; font-weight: 700; font-size: 18px; padding-left: 25px; padding-right: 25px; border-radius: 8px; white-space: normal; }
.btn.btn-default:focus,
.btn.btn-default:hover { background-color: #faecf7; color: #d13cb0; }
.btn.btn-default:active { border-color: #d13cb0; }

.btn.btn-primary.loading { padding-top: 0px; padding-bottom: 0px; font-size: 1px; background-color: #da63c0; color: #ffffff; }
.btn.btn-primary.loading img { vertical-align: middle; }
.btn.btn-primary.disabled { opacity: 1; }

.btn.btn-default.loading { padding-top: 0px; padding-bottom: 0px; font-size: 1px; background-color: #faecf7; color: #d13cb0; }
.btn.btn-default.loading img { vertical-align: middle; }
.btn.btn-default.disabled { opacity: 1; }

.btn.btn-sm.btn-primary { padding-top: 4px; padding-bottom: 4px; font-size: 14px; }
.btn.btn-sm.btn-primary.loading { padding-top: 0px; padding-bottom: 0px; font-size: 1px; }
.btn.btn-sm.btn-primary.loading img { vertical-align: middle; }
.btn.btn-sm.btn-primary.disabled { opacity: 1; }

.btn.btn-sm.btn-default { padding-top: 4px; padding-bottom: 4px; font-size: 14px; }
.btn.btn-sm.btn-default.loading { padding-top: 0px; padding-bottom: 0px; font-size: 1px; }
.btn.btn-sm.btn-default.loading img { vertical-align: middle; }
.btn.btn-sm.btn-default.disabled { opacity: 1; }

/* file input styles */
.btn-file { position: relative; overflow: hidden; }
.btn.btn-file.btn-primary,
.btn.btn-file.btn-default { padding-left: 12px; padding-right: 10px; border-top: 1px solid #d13cb0; border-bottom: 1px solid #d13cb0; border-left: 1px solid #d13cb0; }
.btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 999px; text-align: right; filter: alpha(opacity=0); opacity: 0; cursor: inherit; display: block; }
input.file[readonly] { background-color: white !important; cursor: text !important; }

.input-group-btn .btn.btn-primary,
.input-group-btn .btn.btn-default { font-size: 18px; padding-top: 8px; padding-bottom: 8px; }

div.modal-body img.loading { vertical-align: top; margin-top: 25px; margin-left: 25px; }

div.quick-links { margin-top: -24px; margin-bottom: 30px; font-size: 13px; text-align: right; }
div.quick-links .quick-link { cursor: pointer; }

a.radio-button { display: block; padding-top: 13px; padding-bottom: 12px; padding-left: 15px; padding-right: 15px; text-align: center; background-color: white; border: solid 1px #6dcff6; border-radius: 10px; width: 100%; color: #58595b; text-decoration: none; cursor: pointer; margin-bottom: 15px; }
a.radio-button:focus,
a.radio-button:hover { background-color: #e2f5fd; }
a.radio-button.selected { background-color: #7dcdf4; border-color: #7dcdf4; color: #ffffff; }

/* header styles */
div.header { color: #0099ff; background-color: #ffffff; }
div.header div.header-blue-section { background-color: #7DCDF4; box-shadow: inset 0px -11px 8px -10px #99c2f1; }
div.header div.logo a { float: left; width: 191px; padding-top: 10px; padding-bottom: 10px; }
div.header div.logo a img { width: 100%; }
div.header a { color: #ffffff; }

div.header-icons { color: #ffffff; float: right; }
div.header-icons a.header-icon { display: block; padding: 10px; padding-bottom: 5px; float: right; text-align: center; color: #ffffff; font-size: 14px; margin-right: 15px; line-height: 1.4em; }
div.header-icons a.header-icon i { font-size: 30px; }
div.header-icons a.header-icon:focus,
div.header-icons a.header-icon:hover { text-decoration: none; opacity: 0.7; }
@media (min-width: 768px)
{
	div.header-icons a.header-icon { margin-left: 15px; margin-right: 0px; }
}

div.header div.logout-container { float: right; padding-left: 30px; }
div.header div.logged-in-message-container { display: none; }
@media (min-width: 768px)
{
	div.header div.logged-in-message-container { display: block; float: right; text-align: right; }
	div.header div.logged-in-message-container div.logged-in-message { padding-top: 5px; padding-bottom: 5px; }
	body.instructors-portal div.header div.logged-in-message-container { padding-top: 20px; }
	body.instructors-portal div.header div.logged-in-message-container.double-line { padding-top: 5px; }
	body.admin-portal div.header div.logged-in-message-container { padding-top: 10px; }
	div.header li.logged-in-message-menu-item { display: none; }
}

div.header button.navbar-toggle { border: none; float: right; margin-right: 0px; margin-top: 15px; -moz-transition: opacity 200ms, color 200ms, background-color 200ms; -webkit-transition: opacity 200ms, color 200ms, background-color 200ms; -o-transition: opacity 200ms, color 200ms, background-color 200ms; -ms-transition: opacity 200ms, color 200ms, background-color 200ms; transition: opacity 200ms, color 200ms, background-color 200ms; }
div.header button.navbar-toggle .icon-bar { background-color: #ffffff; height: 3px; width: 30px; }
div.header button.navbar-toggle:focus,
div.header button.navbar-toggle:hover { outline: 0; opacity: 0.7; }

div.header div.navigation.navbar-collapse { padding-left: 0px; padding-right: 0px; border-top: none; }
div.header div.navigation ul.nav { text-align: center; margin-top: 0px; margin-bottom: 0px; border-top: 1px solid #d13cb0; }
div.header div.navigation ul.nav > li { border-bottom: 1px solid #d13cb0; margin-left: 0px; float: none; }
div.header div.navigation ul.nav > li > a { color: #174a7c; text-transform: uppercase; font-size: 16px; padding-top: 10px; padding-bottom: 10px; border-radius: 0px; margin-bottom: 0px; background-color: #ffffff; }
div.header div.navigation ul.nav > li > a:focus,
div.header div.navigation ul.nav > li > a:hover { background-color: #faecf7; }
@media (min-width: 768px)
{
	div.header div.navigation.navbar-collapse { }
	div.header div.navigation ul.nav { border-top: none; float: right; margin-bottom: 7px; }
	div.header div.navigation ul.nav > li { border-bottom: none; float: left; margin-left: 10px; }
	div.header div.navigation ul.nav > li > a { background-color: #d13cb0; color: #ffffff; border: 1px solid #d13cb0; padding-top: 4px; padding-bottom: 4px; font-family: Arial; font-weight: 700; font-size: 14px; padding-left: 30px; padding-right: 30px; border-radius: 8px; white-space: normal; }
	div.header div.navigation ul.nav > li > a:focus,
	div.header div.navigation ul.nav > li > a:hover { background-color: #da63c0; color: #ffffff; border-color: #da63c0; }
}

/* navigation styles */
div.navigation ul.nav-pills { }
div.navigation ul.nav-pills>li { float: none; text-align: center; margin-left: 0px; border-bottom: 1px solid #f78000; }
div.navigation ul.nav-pills>li a { border-radius: 0px; font-family: Arial; font-weight: 700; color: #a7958c; font-size: 21px; margin-bottom: 0px; }
div.navigation ul.nav-pills>li.current a { color: #f78000; }
div.navigation ul.nav-pills>li a:focus,
div.navigation ul.nav-pills>li a:hover { background-color: #fdf3e9; color: #f78000; }
div.navigation ul.nav-pills>li div.mobile-apps-menu-item-div { padding-top: 9px; padding-bottom: 9px; }
div.navigation ul.nav-pills>li div.mobile-apps-menu-item-div a { margin-left: 15px; margin-right: 15px; }
div.navigation ul.nav-pills>li div.mobile-apps-menu-item-div a:focus,
div.navigation ul.nav-pills>li div.mobile-apps-menu-item-div a:hover { opacity: 0.7; }
@media (min-width: 768px)
{
	div.navigation.collapse { display: block; height: auto !important; }
	div.navigation ul.nav-pills { border-top: none; }
	div.navigation ul.nav-pills>li { border-bottom: none; }
	div.navigation ul.nav-pills>li a { font-size: 18px; border-radius: 8px; }
}

div.instructors-menu-container div.container { padding-left: 0px; padding-right: 0px; }
@media (min-width: 768px)
{
	div.instructors-menu-container div.container { padding-left: 15px; padding-right: 15px; }
}

div.instructors-menu { }
div.instructors-menu div.row { margin-left: 0px; margin-right: 0px; }
div.instructors-menu-item { text-align: center; padding-left: 0px; padding-right: 0px; background-color: #ffffff; }
div.instructors-menu-item a { color: #ffffff; display: block; padding-top: 10px; padding-bottom: 10px; font-weight: bold; }
div.instructors-menu-item a:focus,
div.instructors-menu-item a:hover { text-decoration: none; opacity: 0.8; }
div.instructors-menu-item.red a { background-color: #ea4f78; }
div.instructors-menu-item.green a { background-color: #b9d475; }
div.instructors-menu-item.orange a { background-color: #ff6600; }
div.instructors-menu-item.purple a { background-color: #8064a2; }
div.instructors-menu-item.dark-blue a { background-color: #4f81bd; }
div.instructors-menu-item.dark-green a { background-color: #7bcfae; }

div.instructors-menu-item.light-blue a { background-color: #e1efff; }
div.instructors-menu-item.blue a { background-color: #86cbe9; }


div.page-loading-overlay-backdrop { position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 99999998; background-color: #ffffff; opacity: 1; -moz-transition: opacity 500ms; -webkit-transition: opacity 500ms; -o-transition: opacity 500ms; -ms-transition: opacity 500ms; transition: opacity 500ms; }
div.page-loading-overlay { position: fixed; top: 40%; left: 50%; width: 200px; margin-left: -100px; margin-top: -30px; padding-top: 20px; padding-bottom: 20px; text-align: center; background-color: #ffffff; z-index: 99999999; border: 2px solid #7DCDF4; border-radius: 8px; opacity: 1; -moz-transition: opacity 500ms; -webkit-transition: opacity 500ms; -o-transition: opacity 500ms; -ms-transition: opacity 500ms; transition: opacity 500ms; }
div.page-loading-overlay-backdrop.fade-out { opacity: 0; }
div.page-loading-overlay.fade-out { opacity: 0; }

div.banner-container.container { padding-left: 0px; padding-right: 0px; }
@media (min-width: 768px)
{
	div.banner-container.container { padding-left: 15px; padding-right: 15px; }
}

/* datagrid styles */
table.pagination-table { width: 100%; margin-bottom: 5px; font-size: 12px; }
table.pagination-table td { vertical-align: bottom; }
table.data-grid { width: 100%; border-collapse: separate; }
table.data-grid thead th { background-color: #7DCDF4; color: #ffffff; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; text-align: left; vertical-align: top; border-left: 1px solid #ffffff; font-size: 14px; }
table.data-grid thead th.first { border-left: none; }
table.data-grid tbody tr.hover { background-color: #eeeeee; }
table.data-grid tbody td { border-bottom: 1px solid #7DCDF4; border-right: 1px solid #ffffff; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; vertical-align: top; font-size: 14px; }
table.data-grid tbody .totals { font-weight: bold; }
table.data-grid tfoot td { background-color: #7DCDF4; padding: 0px; border-left: 1px solid #ffffff; }
table.data-grid tfoot td.first { border-left: none; }
table.data-grid tfoot td div { height: 2px; }

table.data-grid tbody td.label-cell { background-color: #dcddde; }
table.data-grid tbody td .form-group { padding-bottom: 0px; }

table.data-grid .checkable-container td { border: none; }

div.page-container { background-color: #ffffff; }
div.page-container-inner { padding-top: 15px; padding-bottom: 90px; }

div.footer { color: #888; font-size: 12px; padding-top: 20px; padding-bottom: 60px; background-color: #e1efff; }
div.footer a { color: #888; }
div.footer h4 { padding-top: 30px; padding-bottom: 10px; }

.image-container { max-height: 290x; overflow: hidden; }
.image-container img.landscape,
.image-container img.portrait { width: 100%; height: auto; }


/* table styles */
div.table-headings { background-color: #7DCDF4; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; border-radius: 8px; color: #ffffff; font-size: 20px; font-weight: bold; }
div.table-row { border-bottom: 1px solid #dddddd; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; }
div.table-headings div.amount-cell,
div.table-row div.form-group { padding-bottom: 0px; }
div.table-headings div.amount-cell,
div.table-row div.amount-cell { text-align: right; }
@media (min-width: 768px)
{
	div.table-row div.amount-cell-sm { text-align: right; }
}
div.table-row div.totals-label-cell { text-align: right; }
div.table-row.totals-row { border-bottom: 1px solid #dddddd; }
div.table-row.grand-total-row { border-bottom: 3px double #7DCDF4; }
div.table-row.grand-total-row h3 { padding-top: 0px; padding-bottom: 0px; }
div.table-row.table-row-footer { background-color: #7DCDF4; height: 2px; padding-top: 0px; padding-bottom: 0px; }

div.table-info { padding-bottom: 5px; }
div.table-info div.number-of-items label { padding-right: 5px; }
@media (min-width: 768px)
{
	div.table-info { padding-bottom: 0px; }
	div.table-info div.number-of-items { float: left; }
	div.table-info div.page-info { float: right; }
}

.cell-value-div { padding-bottom: 5px; }
.cell-value-label { font-weight: bold; }
.cell-button-div { padding-bottom: 5px; }
@media (min-width: 768px)
{
	.cell-button-div { text-align: right; }
}

div.pagination-container { padding-top: 10px; padding-bottom: 30px; }
div.pagination-container div.pagination-buttons a { margin-right: 10px; }
div.pagination-container div.page-info { padding-top: 15px; }
div.pagination-container div.go-to-page { padding-top: 15px; padding-bottom: 10px; }
@media (min-width: 400px)
{
	div.pagination-container div.page-info { float: right; }
	div.pagination-container div.go-to-page { margin-right: 110px; }
	div.pagination-container div.pagination-buttons a.next { float: right; margin-left: 10px; margin-right: 0px; }
}

/* dashboard styles */
div.dashboard { display: none; }
div.dashboard div.panel { border-radius: 8px; }
div.dashboard div.panel-body { padding-bottom: 20px; }
@media (min-width: 768px)
{
	div.dashboard h2 { font-size: 30px; }
}
@media (min-width: 992px)
{
	div.dashboard h2 { font-size: 26px; }
}
@media (min-width: 1200px)
{
	div.dashboard h2 { font-size: 32px; }
}
div.dashboard div.form-group { padding-bottom: 5px; }
div.dashboard div.form-group label { padding-bottom: 0px; font-weight: normal; }
div.dashboard div.form-group.buttons { padding-top: 0px; padding-bottom: 15px; }
div.dashboard div.form-group div.readonly-textbox { max-width: 350px; }
div.dashboard div.form-group .btn { width: 100%; max-width: 350px; }
@media (min-width: 768px)
{
	div.dashboard div.form-group div.readonly-textbox { max-width: none; }
	div.dashboard div.form-group .btn { max-width: none; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
}

/* chart styles */
div.chart-container { position: relative; width: 100%; }
div.line-chart-container { height: 300px; }
div.pie-chart-container { max-width: 320px; margin-left: auto; margin-right: auto; }

div.legend-container { font-size: 12px; margin-left: auto; margin-right: auto; max-width: 320px; padding-top: 10px; }
div.legend-container div.data-item { padding-top: 2px; padding-bottom: 2px; cursor: pointer; -moz-transition: background-color 200ms; -webkit-transition: background-color 200ms; -o-transition: background-color 200ms; -ms-transition: background-color 200ms; transition: background-color 200ms; }
div.legend-container div.data-item:hover { background-color: #f5f5f5; }
div.legend-container div.label-cell { text-align: left; }
div.legend-container div.data-item-colour { width: 40px; height: 12px; display: inline-block; margin-top: 1px; vertical-align: top; float: left; }
div.legend-container div.data-item-label { padding-left: 45px; }
div.legend-container div.value-cell { text-align: right; }
div.legend-container div.data-item-percentage { display: inline-block; margin-left: 5px; width: 50px; }

div.line-chart-outer-container div.legend-container { max-width: none; }
div.line-chart-outer-container div.legend-container div.legend-vertical { margin-left: auto; margin-right: auto; max-width: 320px; }
div.line-chart-outer-container div.legend-container div.legend-vertical div.heading-cell { text-align: right; font-weight: bold; }
div.line-chart-outer-container div.legend-container div.legend-vertical div.data-item-colour { float: none; }
div.line-chart-outer-container div.legend-container div.legend-vertical div.data-item-label { padding-left: 0px; }

div.line-chart-outer-container div.legend-container div.legend-horizontal { padding-top: 10px; }
div.line-chart-outer-container div.legend-container div.legend-horizontal div.heading-cell { text-align: left; font-weight: bold; }
div.line-chart-outer-container div.legend-container div.legend-horizontal div.label-cell { text-align: right; }
div.line-chart-outer-container div.legend-container div.legend-horizontal div.cell { float: left; padding-top: 2px; padding-bottom: 2px; padding-right: 2px; -moz-transition: background-color 200ms; -webkit-transition: background-color 200ms; -o-transition: background-color 200ms; -ms-transition: background-color 200ms; transition: background-color 200ms; cursor: pointer; }
div.line-chart-outer-container div.legend-container div.legend-horizontal div.cell.first { width: 150px; padding-right: 0px; }
div.line-chart-outer-container div.legend-container div.legend-horizontal div.cell.hover { background-color: #f5f5f5; }

/* file manager styles */
div.folders { background-color: #f1f3f4; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 5px; }
div.dialog-body div.folders { padding: 0px; }
div.folders .folder { display: block; border: 1px solid #e5e5e5; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; padding-left: 44px; background-image: url("/images/icons/file-manager/folder.png"); background-repeat: no-repeat; background-position: 10px center; margin-bottom: 5px; text-decoration: none; color: #232323; background-color: #ffffff; border-radius: 8px; }
div.folders .folder:focus,
div.folders .folder:hover { background-color: #e5e5e5; }
div.folders .folder p { padding: 0px; margin: 0px; }
div.folders .folder p.folder-path { font-size: 12px; color: #999999; }
div.folders .folder.current { background-color: #7DCDF4; background-image: url("/images/icons/file-manager/folder-white.png"); }
div.folders .folder.current:focus,
div.folders .folder.current:hover { background-color: #70b8db; }
div.folders .folder.current p.folder-display-name { font-weight: bold; color: #ffffff; }
div.folders .folder.current p.folder-path { color: #ffffff; }
div.folders .folder.droppable-hover { background-color: orange; }

div.folders .collapsable-folder {  }
div.folders .collapsable-folder .folder { margin-left: 20px; }
.expand-folder-icon { display: block; float: left; width: 20px; display: none; cursor: pointer; padding-top: 12px; color: #666666; padding-left: 2px; }
.collapse-folder-icon { display: block; float: left; width: 20px; display: none; cursor: pointer; padding-top: 12px; color: #666666; padding-left: 2px; }


div.file-manager-usage { font-weight: bold; padding-bottom: 10px; }
@media screen and (min-width: 768px)
{
	div.file-manager-usage { text-align: right; padding-top: 40px; }
}
div.file-manager ol.breadcrumb { font-weight: bold; font-size: 16px; border-radius: 0px; margin-bottom: 0px; background-color: #f1f3f4; padding: 15px; }
div.dialog-body div.file-manager ol.breadcrumb { background-color: #ffffff; }
div.file-manager ol.breadcrumb a { color: #7DCDF4; }
div.file-manager ol.breadcrumb li { color: #7DCDF4; }
div.file-manager ol.breadcrumb li + li:before { color: #7DCDF4; padding: 0px; }
div.file-manager div.buttons { padding-bottom: 15px; }
div.file-manager div.buttons button.btn { margin-top: 0px; margin-right: 15px; }
div.file-system-items { background-color: #f1f3f4; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 5px; margin-bottom: 5px; }
div.dialog-body div.file-manager div.file-system-items { padding: 0px; }
.file-system-item { cursor: pointer; border: 1px solid #e5e5e5; margin-bottom: 5px; background-color: #ffffff; border-radius: 8px; }
.file-system-item:focus,
.file-system-item:hover { background-color: #e5e5e5; }
.file-system-item div.icon,
.file-system-item div.file-system-item-info,
.file-system-item div.file-type-and-size { padding-left: 15px; padding-top: 10px; padding-bottom: 10px; min-height: 47px; }
.file-system-item div.icon { float: left; text-align: center; line-height: 37px; width: 79px; }
.file-system-item div.icon img { width: 32px; vertical-align: top; }
.file-system-item.file-type-image div.icon img { width: 64px; }
.file-system-item div.file-system-item-info { padding-left: 94px; padding-right: 15px; }
.file-system-item div.file-system-item-info p { margin: 0px; padding: 0px; }
.file-system-item div.file-system-item-info p.file-system-item-display-name.valign-middle { line-height: 37px; }
.file-system-item div.file-system-item-info p.short-description { font-size: 12px; color: #999999; padding-top: 5px; }
.file-system-item div.file-system-item-info p.private-file,
.file-system-item div.file-system-item-info p.t-and-c-info { padding-top: 5px; }
.file-system-item div.file-type-and-size { float: right; white-space: nowrap; font-size: 12px; text-align: right; padding-right: 15px; color: #999999; }
.file-system-item div.file-type-and-size p { margin: 0px; padding: 0px; }
.file-system-item div.file-type-and-size p.file-size { padding-top: 5px; }
.file-system-item.droppable-hover { background-color: orange; }

.file-system-item.file .ratings { display: block; padding-top: 5px; }

.ratings .star { color: #7dcdf4; }
.ratings .number-of-raters { font-size: 12px; padding-left: 5px; }

.stars .fas.fa-star { display: none; }
.stars .fas.fa-star-half-alt { display: none; }

.stars.rating-1 .star-1 .far.fa-star { display: none; }
.stars.rating-1 .star-1 .fas.fa-star { display: inline; }

.stars.rating-1-half .star-1 .far.fa-star { display: none; }
.stars.rating-1-half .star-1 .fas.fa-star { display: inline; }
.stars.rating-1-half .star-2 .far.fa-star { display: none; }
.stars.rating-1-half .star-2 .fas.fa-star-half-alt { display: inline; }

.stars.rating-2 .star-1 .far.fa-star { display: none; }
.stars.rating-2 .star-1 .fas.fa-star { display: inline; }
.stars.rating-2 .star-2 .far.fa-star { display: none; }
.stars.rating-2 .star-2 .fas.fa-star { display: inline; }

.stars.rating-2-half .star-1 .far.fa-star { display: none; }
.stars.rating-2-half .star-1 .fas.fa-star { display: inline; }
.stars.rating-2-half .star-2 .far.fa-star { display: none; }
.stars.rating-2-half .star-2 .fas.fa-star { display: inline; }
.stars.rating-2-half .star-3 .far.fa-star { display: none; }
.stars.rating-2-half .star-3 .fas.fa-star-half-alt { display: inline; }

.stars.rating-3 .star-1 .far.fa-star { display: none; }
.stars.rating-3 .star-1 .fas.fa-star { display: inline; }
.stars.rating-3 .star-2 .far.fa-star { display: none; }
.stars.rating-3 .star-2 .fas.fa-star { display: inline; }
.stars.rating-3 .star-3 .far.fa-star { display: none; }
.stars.rating-3 .star-3 .fas.fa-star { display: inline; }

.stars.rating-3-half .star-1 .far.fa-star { display: none; }
.stars.rating-3-half .star-1 .fas.fa-star { display: inline; }
.stars.rating-3-half .star-2 .far.fa-star { display: none; }
.stars.rating-3-half .star-2 .fas.fa-star { display: inline; }
.stars.rating-3-half .star-3 .far.fa-star { display: none; }
.stars.rating-3-half .star-3 .fas.fa-star { display: inline; }
.stars.rating-3-half .star-4 .far.fa-star { display: none; }
.stars.rating-3-half .star-4 .fas.fa-star-half-alt { display: inline; }

.stars.rating-4 .star-1 .far.fa-star { display: none; }
.stars.rating-4 .star-1 .fas.fa-star { display: inline; }
.stars.rating-4 .star-2 .far.fa-star { display: none; }
.stars.rating-4 .star-2 .fas.fa-star { display: inline; }
.stars.rating-4 .star-3 .far.fa-star { display: none; }
.stars.rating-4 .star-3 .fas.fa-star { display: inline; }
.stars.rating-4 .star-4 .far.fa-star { display: none; }
.stars.rating-4 .star-4 .fas.fa-star { display: inline; }

.stars.rating-4-half .star-1 .far.fa-star { display: none; }
.stars.rating-4-half .star-1 .fas.fa-star { display: inline; }
.stars.rating-4-half .star-2 .far.fa-star { display: none; }
.stars.rating-4-half .star-2 .fas.fa-star { display: inline; }
.stars.rating-4-half .star-3 .far.fa-star { display: none; }
.stars.rating-4-half .star-3 .fas.fa-star { display: inline; }
.stars.rating-4-half .star-4 .far.fa-star { display: none; }
.stars.rating-4-half .star-4 .fas.fa-star { display: inline; }
.stars.rating-4-half .star-5 .far.fa-star { display: none; }
.stars.rating-4-half .star-5 .fas.fa-star-half-alt { display: inline; }

.stars.rating-5 .far.fa-star { display: none; }
.stars.rating-5 .fas.fa-star { display: inline; }

p.private-file,
p.t-and-c-info { font-size: 12px; color: #b94a48; }
p.private-file i.fas,
p.t-and-c-info i.fas { width: 15px; text-align: center; }

.regular-text { font-weight: normal; padding-bottom: 0px; }

body.instructors-portal .folder { display: block; background-image: url("/images/icons/file-manager/folder.png"); background-repeat: no-repeat; background-position: 18px center; padding-left: 60px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; border: 1px solid #7DCDF4; border-radius: 24px; margin-bottom: 10px; color: #58595b; font-weight: bold; }
body.instructors-portal .folder.folder-type-home-study { border-color: #ffa366; }
body.instructors-portal .folder.folder-type-kumon-connect { border-color: #ffa366; }
body.instructors-portal .folder.folder-type-covid-19 { border-color: #bbd476; }
body.instructors-portal .folder.top-level-folder { text-transform: uppercase; }
body.instructors-portal .folder.top-level-folder.folder-type-home-study { background-color: #ffc299; }
body.instructors-portal .folder.top-level-folder.folder-type-kumon-connect { background-color: #ffc299; }
body.instructors-portal .folder.top-level-folder.folder-type-covid-19 { background-color: #d0e19f; }
body.instructors-portal .folder.top-level-folder.folder-type-instruction { background-image: url("/images/instructions.png"); background-position: -1px center; padding-left: 60px; background-color: #bee6fa; }
body.instructors-portal .folder.top-level-folder.folder-type-nurturing-assistants { background-image: url("/images/nurturing-assistants.png"); background-position: -1px center; padding-left: 60px; background-color: #bee6fa; }
body.instructors-portal .folder.top-level-folder.folder-type-communication { background-image: url("/images/communications.png"); background-position: -1px center; padding-left: 60px; background-color: #bee6fa; }
body.instructors-portal .folder.top-level-folder.folder-type-centre-management { background-image: url("/images/centre-management.png"); background-position: -1px center; padding-left: 60px; background-color: #bee6fa; }
body.instructors-portal .folder.top-level-folder.folder-type-promotion { background-image: url("/images/promotions.png"); background-position: -1px center; padding-left: 60px; background-color: #bee6fa; }
body.instructors-portal .folder:focus,
body.instructors-portal .folder:hover,
body.instructors-portal .folder.top-level-folder:focus,
body.instructors-portal .folder.top-level-folder:hover { text-decoration: none; background-color: #e5f5fd; }
body.instructors-portal .folder.top-level-folder.folder-type-home-study:focus,
body.instructors-portal .folder.top-level-folder.folder-type-home-study:hover { text-decoration: none; background-color: #ffe0cc; }
body.instructors-portal .folder.top-level-folder.folder-type-kumon-connect:focus,
body.instructors-portal .folder.top-level-folder.folder-type-kumon-connect:hover { text-decoration: none; background-color: #ffe0cc; }
body.instructors-portal .folder.top-level-folder.folder-type-covid-19:focus,
body.instructors-portal .folder.top-level-folder.folder-type-covid-19:hover { text-decoration: none; background-color: #ebf2d6; }

body.instructors-portal div.files { padding-bottom: 30px; }
@media (min-width: 768px)
{
	body.instructors-portal div.files { padding-bottom: 0px; }
}
body.instructors-portal .file { display: block; padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; border: 1px solid #7DCDF4; border-radius: 8px; margin-bottom: 10px; color: #58595b; }
body.instructors-portal .file:focus,
body.instructors-portal .file:hover { text-decoration: none; background-color: #e5f5fd; }
body.instructors-portal .file .file-icon { display: block; float: left; width: 32px; text-align: center; }
@media (min-width: 768px)
{
	body.instructors-portal .file .file-icon { width: 64px; }
}
body.instructors-portal .file .file-icon img { width: 32px; vertical-align: top; }
@media (min-width: 768px)
{
	body.instructors-portal .file.file-type-image .file-icon img { width: 64px; }
}
body.instructors-portal .file .file-info { display: block; padding-left: 42px; }
@media (min-width: 768px)
{
	body.instructors-portal .file .file-info { padding-left: 74px; }
}
body.instructors-portal .file span.date { display: block; float: right; white-space: nowrap; font-size: 12px; text-align: right; padding-left: 15px; color: #999999; padding-bottom: 5px; }
body.instructors-portal .file span.file-size { display: block; float: right; clear: right; white-space: nowrap; font-size: 12px; text-align: right; padding-left: 15px; color: #999999; }
body.instructors-portal .file span.file-display-name { display: block; padding-right: 85px; }
body.instructors-portal .file span.short-description { display: block; padding-top: 5px; font-size: 12px; color: #999999; padding-right: 85px; }

body.instructors-portal .file.featured-file .file-icon,
body.instructors-portal .file.recently-uploaded-file .file-icon { width: 32px; }
body.instructors-portal .file.featured-file .file-icon img,
body.instructors-portal .file.recently-uploaded-file .file-icon img { width: 32px; }
body.instructors-portal .file.featured-file .file-info,
body.instructors-portal .file.recently-uploaded-file .file-info { padding-left: 45px; }
body.instructors-portal .file.featured-file span.parent-folders-info,
body.instructors-portal .file.recently-uploaded-file span.parent-folders-info { display: block; font-size: 12px; color: #999999; padding-bottom: 5px; padding-right: 85px; }
body.instructors-portal .file.featured-file span.file-display-name,
body.instructors-portal .file.recently-uploaded-file span.file-display-name { padding-right: 0px; }
body.instructors-portal .file.featured-file span.short-description,
body.instructors-portal .file.recently-uploaded-file span.short-description { padding-right: 0px; }

body.instructors-portal .announcement { display: block; background-repeat: no-repeat; background-position: 16px 14px; padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; border: 1px solid #7dcdf4; border-radius: 8px; margin-bottom: 10px; color: #58595b; }
body.instructors-portal .announcement span.date { display: block; float: right; clear: right; white-space: nowrap; font-size: 12px; text-align: right; padding-left: 15px; color: #999999; padding-bottom: 5px; }
body.instructors-portal .announcement div.announcement-message { font-size: 16px; }
body.instructors-portal .recent-announcements a.view-all { font-size: 12px; color: #0099ff; float: right; margin-right: 15px }
body.instructors-portal .recent-announcements { padding-bottom: 15px; }
body.instructors-portal .search-result-file span.parent-folders-info { display: block; font-size: 12px; color: #999999; padding-bottom: 5px; }

.news-article p { padding-bottom: 15px; margin-bottom: 0px; }

.external-links .external-link { display: block; border: 1px solid #7dcdf4; border-radius: 8px; padding-left: 30px; padding-right: 30px; padding-top: 20px; padding-bottom: 20px; margin-bottom: 30px; transition: all 500ms; }
.external-links .external-link h2 { font-size: 24px; padding-top: 15px; padding-bottom: 15px; }
.external-links .external-link:focus,
.external-links .external-link:hover { background-color: #e5f5fd; text-decoration: none; }

div.watch-video-modal div.modal-dialog { margin-left: 20px; margin-right: 20px; padding-top: 20px; padding-bottom: 20px; width: auto; }
@media (min-width: 640px)
{
	div.watch-video-modal div.modal-dialog { margin-left: 30px; margin-right: 30px; padding-top: 30px; padding-bottom: 30px; }
}
@media (min-width: 768px)
{
	div.watch-video-modal div.modal-dialog { max-width: 750px; margin-left: auto; margin-right: auto; }
}
@media (min-width: 992px)
{
	div.watch-video-modal div.modal-dialog { max-width: 970px; }
}
@media (min-width: 1200px)
{
	div.watch-video-modal div.modal-dialog { max-width: 1170px; }
}
div.watch-video-modal div.modal-content { background-color: #000000; }
div.watch-video-modal div.modal-content button.close { position: absolute; z-index: 1000; opacity: 0.9; -moz-transition: all 200ms; -webkit-transition: all 200ms; -o-transition: all 200ms; -ms-transition: all 200ms; transition: all 200ms; }
div.watch-video-modal div.modal-content button.close:focus,
div.watch-video-modal div.modal-content button.close:hover { opacity: 0.7; }
div.watch-video-modal div.modal-content iframe { background-color: #000000; }

body.watch-video-dialog { background-color: #000000; }
body.watch-video-dialog div.dialog-body { padding: 0px; }
body.watch-video-dialog div.dialog-body iframe.kumon-video-iframe { background-color: #000000; vertical-align: top; }

div.content-preview-readonly-textbox iframe.kumon-video-iframe { margin-top: 15px; margin-bottom: 15px; }

/* mobile input */
.iti {
  --iti-path-flags-1x: url("/css/intl-tel-input/images/flags.png?v=20290129");
  --iti-path-flags-2x: url("/css/intl-tel-input/images/flags-2x.png?v=20290129");
}

div.iti__dropdown-content { border: 1px solid #bfb6ad; border-radius: 0px; overflow: hidden; }
div.rounded-form-group div.iti__dropdown-content { border-radius: 8px; }
div.iti__dropdown-content ul.iti__country-list { overflow-y: auto; }
div.iti { width: 100%; }

/* sortable image control but used in others too */
div.drag-and-drop-target-div { border: 10px dashed #cccccc; padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 30px; text-align: center; cursor: pointer; }
div.drag-and-drop-target-div:focus,
div.drag-and-drop-target-div:hover,
div.drag-and-drop-target-div.drag-over { border: 10px dashed #737373; }
div.drag-and-drop-target-div:focus .btn.btn-primary,
div.drag-and-drop-target-div:hover .btn.btn-primary { background-color: #da63c0; border-color: #da63c0; }

div.fileupload-buttonbar div.alert { padding: 10px; margin-bottom: 0px; }
div.fileupload-buttonbar div.alert span.upload-error { display: block; }

#filesDiv div.file-system-items { padding: 0px; background-color: transparent; }
#filesDiv div.file-system-items div.file-system-item { padding-left: 10px; padding-right: 0px; padding-top: 10px; padding-bottom: 0px; cursor: auto; }
#filesDiv div.file-system-items div.file-system-item:hover { background-color: #ffffff; }
#filesDiv div.file-system-items div.file-system-item table td { vertical-align: top; }
#filesDiv div.file-system-item div.icon,
#filesDiv div.file-system-item div.file-system-item-info,
#filesDiv div.file-system-item div.file-type-and-size { float: none; min-height: 1px; padding-left: 0px; padding-right: 10px; padding-top: 0px; padding-bottom: 10px; }
#filesDiv div.file-system-item div.icon img { width: 80px; }

#filesDiv div.file-system-item .display-name-controls { margin-bottom: 5px; }
#filesDiv div.file-system-item .display-name-controls label.control-label { font-size: 12px; }

.progress { margin-bottom: 0px; border-radius: 0px; }

div.progress-extended { font-size: 12px; text-align: right; }

table.notification-emails tr td { border: none; padding-left: 0; }
table.notification-emails tr td i.email-delete-button { color: red; font-size: 24px; margin-top: 5px; }

pre.notes { border: none; padding: 5px; font-family: Arial; font-size: 12px; white-space: pre-wrap; word-break: break-word; max-height: 200px; overflow-y: auto; }