html.is-reveal-open {
height: unset;
}
body {font-size: 0.95rem; font-family: 'Montserrat', sans-serif; background-color:#e2e3e4}
.top-bar{overflow: hidden;height: 30px;line-height: 30px;position: relative;background: #333333;margin-bottom: 0;color:#fff;}
.top-bar .name h1 a{line-height: 21px; font-size: 1.0625rem; margin: 0;color:#fff;}
.top-bar, .top-bar ul {background: #221f1f}
.row-no-margin { max-width:100%; min-height: 100%; }
footer { background-color: #D1D3D4;clear:both; margin-top: 10px; padding: 10px 0 30px 0; }
#footer a img {max-width: 60px;}
#menu-area {min-height:987px;background-color:#e2e3e4;color: #221f1f; padding-left:0;padding-right:0;}
.menu-title {border-left-width:5px;border-left-style: solid; border-color:#e2e3e4;}
.menu-list{list-style:none;margin-left:0;text-align:center; margin-top:6px;}
.context-area {min-height:987px;padding-top: 0.9375rem; font-size: 0.95rem;}
#overview-context-area, #villages-context-area {border: 12px solid #055457; background-color:rgba(255, 255, 255, 0.9)}
#program-context-area {border: 12px solid #540a0a; background-color: rgba(255, 255, 255, 0.9)}
#submissions-context-area {border: 12px solid #540a0a; background-color: rgba(255, 255, 255, 0.9)}
#submissions-menu.menu-title.selected {border-left-color:#540a0a}
#submissions-menu.selected .arrow-left {border-right:15px solid #540a0a}
#submissions-menu.selected a{color:#540a0a;padding-right: 0}
#badge-context-area {border: 12px solid #052b57; background-color: rgba(255, 255, 255, 0.9)}
.outer-context-card{
-webkit-box-shadow: 3px 3px 3px 0px rgba(123,123,123,1);
-moz-box-shadow: 3px 3px 3px 0px rgba(123,123,132,1);
box-shadow: 3px 3px 3px 0px rgba(123,123,123,1);
background-color:rgba(255, 255, 255, 0.93);
min-height:318px;
border-radius:6px;
border:1px solid darkgray;
}
.overview-card {background-color:#055457;text-align:center; height: 100%; color:#FFF;
border-style: solid;
border-color: rgba(255, 255, 255, 0.95);
border-width: 6px;
position:relative;
border-radius: 6px;
}
#overview-data-cards{height:318px;}
.overview-card .card-title, .half-card .card-title,
.full-card .card-title{font-size:21px; border-bottom:1px groove #969595; padding-bottom:6px; padding-top:3px;}
.overview-card .card-title {border-bottom:1px solid #FFF;}
.card-button-holder {position: absolute; left: 50%; bottom: 12px;width:100%;}
.card-button {position: relative; left: -50%;}
.button {border-radius: 6px;}
.half-card {min-height:318px;margin-top: 9px;}
#overview-context-area .half-card {background-color:transparent}
.half-card.left-card {padding-left:0;padding-right:0.35rem;}
.half-card.right-card {padding-right: 0rem; padding-left: 0.35rem}
.half-card .card-title, .full-card .card-title {padding-left:6px}
.full-card {margin-top: 9px; padding: 0; background-color:transparent}
div#shortcard {height:159px important; min-height:159px;}
.outer-context-card-shortcard {
-webkit-box-shadow: 3px 3px 3px 0px rgba(123,123,123,1);
-moz-box-shadow: 3px 3px 3px 0px rgba(123,123,132,1);
box-shadow: 3px 3px 3px 0px rgba(123,123,123,1);
background-color:rgba(255, 255, 255, 0.93);
height: 136px;
border-radius:6px;
border:1px solid darkgray;
}
.org-logo-box {margin:6px 0}
.org-box {text-align:center;border-bottom: 1px groove #969595;margin: 0.8715rem .4375rem 0;}
.menu-title{margin-left:0px}
.menu-title.selected{margin-left:0}
.arrow-left {
width: 0;
height: 0;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
}
.menu-title a, a.edit {color:#525455;font-weight:bold;text-transform:uppercase;}
#overview-menu.menu-title.selected, #villages-menu.menu-title.selected {color:#055457;border-left-color:#055457}
/*#overview-menu.menu-title a, #program-menu.menu-title a, #badge-section-menu.menu-title a, #groups-menu.menu-title, #villages-menu.menu-title a{padding-right: 15px}*/
#overview-menu.menu-title.selected a, #villages-menu.menu-title.selected a{padding-right:0}
#overview-menu.selected .arrow-left, #villages-menu.selected .arrow-left {border-right:15px solid #055457}
#overview-menu.selected a, #villages-menu.selected a{color:#055457}
#program-menu.menu-title.selected {border-left-color:#540a0a;}
#program-menu.selected .arrow-left {border-right:15px solid #540a0a;}
#program-menu.selected a{color:#540a0a;padding-right: 0}
#badge-section-menu.menu-title.selected {border-left-color:#052b57;position:relative;}
#badge-section-menu.selected .arrow-left {border-right:15px solid #052b57;position: absolute;top:0;right:0;}
#badge-section-menu.selected a{color:#052b57;padding-right: 0}
#site-badge-section-menu.menu-title.selected {border-left-color:#052b57;position:relative;}
#site-badge-section-menu.selected .arrow-left {border-right:15px solid #052b57;position: absolute;top:0;right:0;}
#site-badge-section-menu.selected a{color:#052b57;padding-right: 0}
.org-table thead {background: #000; color: #fff}
.org-table tbody {border: 1px solid #9B9B9B;}
.overview-cta.button {background-color:#055457}
.programs-cta.button {background-color:#540a0a}
.badge-cta.button {background-color:#052b57}
.context-area .program-card {background-color: rgba(255, 255, 255, 0.9); height:243px; position:relative; padding: 3px; overflow:hidden; border-radius: 6px 6px 6px 6px; border:1px solid gray}
.program-card .topper,
.badge-card .topper {font-size:1.1rem; border-bottom: 1px solid lightgray;margin: 0;}
.program-card-tab {background-color: rgba(255, 255, 255, 0.9); border-radius:6px 6px 0 0; height: 24px; overflow: hidden;}
.program-card .bottom,
.badge-card .bottom {position:absolute;bottom:0;left:0;margin:0;width:100%;bottom: 3px;}
.program-card, .badge-card {font-size:.9em;}
.button {margin-bottom:0}
.program-cat p {margin-bottom: .3rem;font-size:13px;line-height: inherit;}
.bigbadge {font-size:.95rem; background-color:transparent;color: #222; border:1px solid #222;opacity:0.5;}
#badge-step-1 {opacity:1;}
.active-step {background-color:#1583cc; border-color:#1583cc; color:fff;}
.landing-pad {width:100%;height:150px;}
.step, .virtual_location, .physical_location {display:none;}
.show {display:block}
#add-program-step-1 {display:block;}
#add-program-step-2 {display:none;}
.input-group-label {cursor: pointer;}
label.error , label.error_message, span.error_message {color:#fff; margin-left:2px; background-color:#F22; background-position:left center; background-repeat:no-repeat; padding:2px; padding-left:18px;-moz-border-radius:4px; -webkit-border-radius: 4px;}
.fail { color: #F22; border: 1px solid #F22; }
.small-logo {max-width: 63px;}
.program-item img.small-logo{max-width:100%}
.error {display:none;}
#badge-context-area div.error,#badge-context-area div.error small.error {display: inline-block}
#badge-context-area small.error {display:none}
.callout {margin:0; padding: 0.2rem}
.callout p {margin-bottom: 0.2rem}
.no-padding-column {padding-left:0;padding-right:0.1rem;}
.dataTables_length {display:none}
.dataTables_filter {width:100%}
.addedLearnerForBadging {width:50%}
#awardBadgeModal.small {width:69%}
#each-learner-instructions, #learner-table_info {display:none}
#award-badge-rules {border-left:1px solid lightgray;min-height: 500px;}
#learner-table_filter .input-group-field {margin-left:0}
#learner-table_filter .input-group-label {padding: 0 0.51rem}
.instruction-copy {font-weight: bold;margin-bottom: .5rem}
.badge-learner-copy {display:none;margin-bottom:0.1rem}
#awardBadgeModal {-webkit-transition: width 500ms;transition: width 500ms;transition-timing-function: ease-in-out;}
.warning, a.warning:hover {color: #F7941E; opacity:0.80; transition: opacity 200ms;transition-timing-function: ease-in-out;}
a.warning:hover {opacity:1}
.remove-org-admin, .remove_admin {border-bottom: 1px solid #F7941E;cursor: pointer;}
.dcallout {position: fixed;left: 0; width: 100%; top:0; z-index:10000;display:none;}
.wrapup-row {width:2850px;position: relative;}
.wrapup-card {opacity:0.5;margin-right:9px;margin-top:0;}
.wrapup-card .program-name {font-size:.7rem;font-weight:bold;}
.wrapup-card legend {color: #686868;font-size:.7rem;font-weight:bold;}
.activated {opacity:1.0}
.wrapup-badges, .wrapup-data-insight {border-left: 2px solid darkgray; border-right:1px solid lightgray}
.wrapup-data-insight {height:78px}
.wrapup-badges img, .wrapup-image img {max-height:78px}
.workshop-row {background-color: #FFF;border-bottom: 1px solid lightgray}
.card-title {font-size: 21px; margin-left: 14px;}
.program-code {background-color: #222;color: #fff;font-size: 24px;font-weight: bold;font-family: "serif"}
.restrictions {font-size: 0.82rem}
select#orgSelect {height: 1.5rem; padding: 0; border: 1px solid #cacaca; margin: .2rem 0 .2rem;}
@media print {
.no-print, .no-print * {display: none !important;}
}
div.img-holder {text-align:center; padding:3px 0; border:1px solid #222;background-color: #FFF}
.alternate-stat-duration, .alternate-stat-duration:hover {color:#2199e8; background-color:#fefefe; border:1px solid #2199e8;}
.current-stat-duration {box-shadow: inset 0px 0px 3px 1px #1872ae; cursor: default;}
.info-icon {color:#686868;font-size:21px;}
.info-icon-box {position:absolute; right:3px;top:3px}
.zip-item {cursor:context-menu}
.program-item {height:50px;position:relative; padding:0 3px}
.program-item .small-logo, .program-item .fa {max-height: 48px;position: absolute;bottom: 0;}
.dataTables_wrapper .dataTables_filter input {margin-left:0}
#overview-context-area .input-group-label {background-color:#055457; color:#fff}
.overview-section .input-group-label {background-color:#333; color:#fff}
#age_gender {padding-bottom:24px}
.footnote {font-size: 0.74rem; position: absolute; bottom: 0; padding: 0 3px; font-weight:bold;color:#055457}
.credential {font-size:0.85rem}
.saving-pulse.button[disabled] {opacity:0.75;font-weight: bold; color: #000;}
.saving-pulse {padding: 20px 40px; color: #fff; animation: pulse 1s ease infinite}
.saving-pulse:hover {color: #fff}
.site-admin-card {border: 1px solid darkgray; background-color: rgba(255, 255, 255, 0.8); padding:9px 1px;box-shadow: 3px 3px 3px #888}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(0.93);
}
100% {
transform: scale(1);
}
}
.animate-underline { position: relative; color: #ff3296}
.animate-underline:after {display: block; position: absolute; left: 0; bottom: -10px; width: 0; height: 10px; background-color: #909f9f; content: ""; transition: width 0.6s}
.animate-underline:hover:after {width: 100%}
.upper-right-edit {margin-right:27px; padding-left:21px; padding-right:21px; float:right}
#rosterModal .list-circle-bullet, #rosterModal .fa-times-circle {font-size: 0.65rem; vertical-align:text-top; padding-top:5px}
.name a.home-link {padding: 0rem .5rem;display:inline-block}
.name a.home-link img {height:39px; position:relative; top:-3px}
.menu-note {margin-top:35px;text-align:center}
.menu-note a{color: #F7941E;border-bottom:1px solid #F7941E}
#group-context-area {border: 12px solid #5D580D; background-color: rgba(255, 255, 255, 0.9)}
#groups-menu.menu-title.selected {border-left-color:#5D580D}
#groups-menu.selected .arrow-left {border-right:15px solid #5D580D}
#groups-menu.selected a{color:#5D580D;padding-right: 0}
.group-cta.button {background-color:#5D580D}
.modal-info-icon-box {position:absolute; right:40px;top:14px}
.display-block {display: block;}
.helper-text-row {margin-top: 3em}
.helper-text-title {display: block; font-size: 1.5em;color: #525455;}
.helper-text-content {display: block; font-size: 1em;color: #525455;}
.padding-bottom {padding-bottom: 1em;}
.padding-top {padding-top: 1em;}
.reveal-overlay { z-index: 999 !important; }
.summary-section .row span { word-break: break-all; }
.menu a { padding: 0.7em 1.4em; }
.menu > li { position: relative }
.submenu {
display: none;
position: absolute;
background: #f3f3f3;
width: 250px;
margin: 0;
padding: 15px;
z-index: 9;
}
.menu > li.collapse .submenu {
display: block;
}
.menu > li.collapse i {
transform: rotate(180deg);
}
#playlist-menu {
font-weight: 700;
}
#playlists_table_filter {
background: #FFF;
border: 1px solid #CCC;
border-radius: 5px;
text-align: left;
box-shadow: var(--signin-panel-box-shadow-color) 0 3px 3px;
padding: 1em;
margin: 2em 0;
}
#playlists_table_filter input[type="search"] {
width: 60%;
display: inline-block;
margin: 0 1em;
clear: left;
}
#playlists_table tbody td {
padding: 1.5em;
}
#site-content-context-area {border: 12px solid #F6F7F9; background-color: #FFF}
#site-content-menu.menu-title.selected {border-left-color:#F6F7F9}
#site-content-menu.selected .arrow-left {border-right:15px solid #F6F7F9}
#site-content-menu.selected a{color:#000;padding-right: 0}
#site-survey-context-area {border: 12px solid #F6F7F9; background-color: #FFF}
#site-survey-menu.menu-title.selected {border-left-color:#F6F7F9}
#site-survey-menu.selected .arrow-left {border-right:15px solid #F6F7F9}
#site-survey-menu.selected a{color:#000;padding-right: 0}
.page-title h1 {
font-size: 32px;
}
.full-width-container {
max-width: 100rem;
}