/* Minification failed. Returning unminified contents.
(283,9): run-time error CSS1038: Expected hex color, found '#ea8fc34'
(731,44): run-time error CSS1046: Expect comma, found '0'
(731,48): run-time error CSS1046: Expect comma, found '/'
(732,36): run-time error CSS1046: Expect comma, found '0'
(732,40): run-time error CSS1046: Expect comma, found '/'
(739,44): run-time error CSS1046: Expect comma, found '0'
(739,48): run-time error CSS1046: Expect comma, found '/'
(739,71): run-time error CSS1046: Expect comma, found '175'
(739,79): run-time error CSS1046: Expect comma, found '/'
(740,36): run-time error CSS1046: Expect comma, found '0'
(740,40): run-time error CSS1046: Expect comma, found '/'
(740,63): run-time error CSS1046: Expect comma, found '175'
(740,71): run-time error CSS1046: Expect comma, found '/'
(1699,36): run-time error CSS1034: Expected closing parenthesis, found ','
(1699,36): run-time error CSS1042: Expected function, found ','
(1699,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2094,1): run-time error CSS1019: Unexpected token, found '}'
(2157,26): run-time error CSS1034: Expected closing parenthesis, found ','
(2157,26): run-time error CSS1042: Expected function, found ','
(2157,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
/* pdg overrides */

html {
	position: relative;
	min-height: 100%;
}
body {
	margin-bottom: 200px;
	font-family: "Open Sans", Helvetica, sans-serif;
	font-size: 13px;
	background-color: rgba(255,255,255,1);
}
h1 {
	font-family: 'Open Sans';
	font-size: 27px;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	color: #66a2ad;
}
h2 {
	font-family: 'Open Sans';
	font-size: 18px;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	color: #66a2ad;
}
.underline {
	text-decoration: underline !important;
}
.underline-hover:hover {
	text-decoration: underline !important;
}
.header {
	height: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.center-children-flex {
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
}
.support-link, table a, table th, section.adminBody table th {
	color: #66a2ad !important;
	text-decoration: underline;
}
.main-nav {
	background: #66a2ad;
	border: none;
}
.dashboard-header {
	background-color: #66a2ad;
	color: white;
	text-align: center;
}
.dashboard-header h3 {
	color: white;
	margin-top: 10px;
	margin-bottom: 10px;
}
#mainFooter .row {
	background: #66a2ad;
}
#mainFooter .copy {
	color: #fff;
	font-size: 8pt;
	text-align: left;
}
.header .userway {
	background-color: #66a2ad;
}
#mainFooter .name {
	font-weight: bold;
}
.d-inline {
	display: inline;
}
.d-inline-block {
	display: inline-block;
}
.d-table {
	display:table;
}
.d-table-row {
	display: table-row;
}
.d-table-cell {
	display: table-cell;
}
.active {
	font-weight: normal;
}
.btn-primary {
	color: #fff;
	background-color: #66a2ad;
	border-color: #66a2ad;
}
.btn-primary.disabled {
	background-color: #66a2ad;
	border-color: #66a2ad;
}
.btn-primary:hover {
	color: #fff;
	background-color: #356d77;
	border-color: #356d77;
}
.btn-outline-primary {
	color: #66a2ad;
	background-color: #fff;
	border-color: #66a2ad;
}
.btn-outline-primary:hover, .btn-outline-primary:active {
	color: #356d77;
	border-color: #356d77;
	box-shadow: none;
	text-decoration: none;
	outline: none;
}
.btn-space {
	margin-right: 5px !important;
}
.text-wrap {
	white-space: normal !important;
}
.text-bold {
	font-weight: bold !important;
}
#mainBody  {
	position: relative;
}
/* Teacher */
.currency-input {
	width: 90% !important;
}
.currency-input::-webkit-inner-spin-button, .currency-input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
/* Communities */

.circle {
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	border-radius: 50%;
	font-size: 10px;
	background: rgba(234,141,48,1);
	text-align: center;
	color: white
  }

  .communities-site-id-column{
	display:inline-block; 
	vertical-align: top; 
	min-width: 5rem;
  }

.community-dashboard .email-copied {
	color: green;
}
.community-dashboard .user-message {
	text-align: center;
}
.community-details {
	padding-left: 13px;
}
.community-details .fa-clipboard {
	color: #356d77;
}
.community-details .agency-information {
	text-transform: uppercase;
	color: #ea8f34;
}
.community-details .agency-information .section-item {
	color: gray;
	padding: 10px 0;
	text-transform: capitalize;
	line-height: 2.5;
}
.community-details .agency-information .section-item p {
	line-height: 2;
}
.community-details .agency-information .section-item p span {
	display: block;
}
.community-details .agency-information .section-item .title {
	color: black;
}
.community-details .adult-information {
	text-transform: uppercase;
	color: #ea8f34;
}
.community-details .adult-information .section-item {
	color: gray;
	padding: 10px 0;
	text-transform: capitalize;
}
.site-profile .section-item {
	padding: 10px 0;
}
.site-profile .section-item .title {
	color: black;
	margin-bottom: 7px;
}
.site-profile .section-item .site-admin-row{
	color: gray;
}

.eligibility-modal-body {
	display: flex;
	flex-direction: column;	
	justify-content: flex-start;
	align-items: stretch;
}
.site-admin-row {
	margin-bottom: 10px;
	font-weight: normal;
}
.community-dashboard .site-admin-row .profile-status-cta {
	padding-left: 5px;
}

.teacher-dashboard .community-dashboard .site-admin-row .profile-status-cta {
	padding-left: 0px;
}

.site-admin-row .title {
	font-weight: 700;
}
.site-admin-row .observation {
	padding-left: 15px;
}
.site-admin-row .observation span {
	margin: 5px 10px;
}
.dash-row-entry {
	font-weight: normal;
}
.community-details .adult-information .section-item .title.title-sub-entry {
	margin-bottom: 10px;
	margin-top: 20px;
}
.community-details .adult-information .section-item p span {
	display: block;
}
.community-details .adult-information .section-item p {
	line-height: 2.5;
}
.community-details .adult-information .section-item .title {
	color: black;
	margin-bottom: 7px;
}
.normal-text {
	text-transform: none !important;
}
.normal-tag {
	margin-top: 0;
	line-height: initial;
}
.section-title {
	color: #ea8f34;
	text-transform: uppercase;
}
.section-title-claim-site,
.section-title-claim-site a {
	color: #ea8f34;
	text-transform: uppercase;
}
.section-title-claim-site i.fa {
	margin-right: 7px;
}
.section-title:after {
	content: "";
	display: block;
	width: 90%;
	padding-top: 10px;
	border-bottom: 1px solid lightgray;
}
.header-title {
	color: #ea8fc34;
}
.header-title:after {
	content: "";
	display: block;
	width: 100%;
	padding-top: 10px;
	border-bottom: 1px solid lightgray;
}
.community-dashboard .panel-heading, .teacher-dashboard .panel-heading {
	padding: 11px 30px 10px;
	font-size: 1.2em;
	font-weight: bold;
}
.community-dashboard .panel-heading .panel-title, .teacher-dashboard .panel-heading .panel-title {
	height: auto;
	font-size: 1em;
}
.community-dashboard .panel-heading > .row, .teacher-dashboard .panel-heading > .row {
	padding-top: 0;
	display: flex;
	align-items: center;
}
.community-dashboard .panel-heading .btn, .teacher-dashboard .panel-heading .btn {
	margin: 0 10px;
}
.community-dashboard-background {
	background-color: #F8F8F8;
	padding-bottom: 27px;
}
.community-dashboard .site-access-granted {
	background-color: #fff6e8 !important;
}
.community-dashboard .site-access-granted:hover {
	background-color: white !important;
}
.community-dashboard .fa-lock-open {
	color: #38C976 !important;
}
.community-dashboard .fa-lock.access-requested {
	color: #EA8D30;
}
.community-dashboard .fa-lock.access-denied {
	color: #EB5757;
}
.community-panel-background {
	background-color: #f3f3f3;
	min-height: 200px;
	font-size: 13px;
	border-radius: 7px;
	padding-bottom: 20px;
	border: 1px solid #66a2ad;
	overflow: hidden;
}
.community-dashboard-background-claim-site {
	background-color: #F8F8F8;
	padding-bottom: 1px;
	margin-top: 10px;
}
.community-panel-header {
	color: #5a939e;
	font-weight: 700;
	border-radius: 7px;
}
.community-panel-heading {
	color: #66a2ad;
	text-transform: uppercase;
}
.community-panel-heading h2 {
	color: #66a2ad;
	text-transform: uppercase;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 10px;
	margin-bottom: 0;
}
.community-panel-heading a {
	color: #66a2ad;
}
.community-panel-heading i.fa {
	margin-right: 7px;
}
.btn-upload-communities {
	margin-left: 27px;
}
mainBody a:hover {
	color: rgba(234,141,48,1) !important
}
.pagination > .active > a, .pagination > .active > a:hover {
	background-color: #66a2ad;
	border-color: #66a2ad;
	color: white !important;
}
.modal-sub-header {
	color: #66a2ad;
	font-weight: bold;
	padding-bottom: 10px;
	font-size: 1.2em;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.modal-header-initial {
	justify-content: flex-start;
}
.well {
	background-color: lightgray;
}
.label-break {
	display: block;
}
.margin-bottom {
	margin-bottom: 1em;
}
.nopad-top {
	padding-top: 0;
}
.ng-binding {
	word-wrap: break-word;
}
label + span {
	margin-left: 10px;
}
.site-dashboard .panel-heading {
	padding: 10px 15px;
	background-color: #f5f5f5 !important;
}
.site-dashboard .panel-heading .panel-title {
	height: auto;
	font-size: 1em;
}
.site-dashboard .panel-heading > .row {
	padding-top: 0;
	display: flex;
	align-items: center;
}
.site-dashboard .panel-heading .btn {
	margin: 0 10px;
}
.dashboard-header {
	background-color: #66a2ad;
	color: white;
	padding: 3px 25px;
}
.dashboard-header h3 {
	color: white;
	margin-top: 10px;
}
.date-time-input {
	position: relative;
}
.date-time-input span {
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
}
.date-time-input .prefix, .date-time-input .input-date, .date-time-input .input-time {
	overflow: hidden;
}
.date-time-input-calendar.dropdown-menu {
	z-index: 1029;
	display: inline-block;
	padding: 5px;
	position: absolute;
}
.date-time-input-calendar.dropdown-menu span {
	display: inline-block;
}
.date-time-input-calendar.dropdown-menu .heading {
	text-align: left;
	font-size: 14pt;
}
.date-time-input-calendar.dropdown-menu table {
	margin: auto;
	width: 100%;
	min-width: 225px;
}
.date-time-input-calendar.dropdown-menu table td, .date-time-input-calendar.dropdown-menu table th:not(.calendar-header) {
	text-align: center;
	width: 40px;
}
.date-time-input-calendar.dropdown-menu table td > button, .date-time-input-calendar.dropdown-menu table th > button {
	width: 100%;
}
.date-time-input-calendar.dropdown-menu.pull-front {
	z-index: 8000;
}
textarea.noresize {
	resize: none;
}
textarea.resize-h {
	resize: horizontal;
}
textarea.resize-v {
	resize: vertical;
}
.tooltip {
	min-width: 200px;
}
.site-type-information ul {
	text-align: start !important;
}
/* Admin Overrides */
.adminBody .tab-content > .active {
	border: none;
	padding: 0;
	overflow: hidden;
}
.user-management .breadcrumbs-row {
	display: none;
}
.user-management .users-table .districts-header, .user-management .users-table .districts-data, .user-management .districts-filter, .user-management .district-groups-filter, .user-management .users-table .district-groups-header, .user-management .users-table .district-groups-data {
	display: none;
}
.adminPanelui h3 {
	font-size: 20px;
}
.adminBody {
	padding-top: 0px;
}
.adminBody .tab-content > .active {
	overflow: inherit;
}
.adminui-left-wall-nav-menu-active:hover {
	background-color: #66a2ad;
}
.adminui-left-wall-nav-menu-active {
	background-color: #66a2ad;
	color: white;
}
.admin-layout-col-2 h2 {
	margin-top: 0;
}
.rightarrowdiv:after {
	/*arrow added to rightarrowdiv DIV*/
	border-color: transparent transparent transparent #66a2ad;
	border-style: solid;
	border-width: 20px;
	content: "";
	display: block;
	height: 0;
	left: 95%;
	position: absolute;
	top: 4px;
	width: 0;
}

@media (max-width: 767px) {
    .adminui-settings-nav {
        width: 100%;
    }
}

.adminui-settings-nav .rightarrowdiv:after {
    left: 96%;
}

.form-inline .form-control.pay-rate {
	width: 25%;
}
.inline-date {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}
.date-input {
	margin-left: 15px;
}
.input-date {
	border: thin solid #ccc;
}
.text-warning {
	color: #F2C94C !important;
}
.text-danger {
	color: #EB5757 !important;
}
.text-success {
	color: #28a745 !important;
}
.site-info-header {
	padding-right: 5px;
}
.profile-status-cta {
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: 700;
}
.profile-status-cta.not-started {
	color: #eb5757;
}
.profile-status-cta.incomplete {
	color: #F2C94C;
}
.profile-status-cta.complete {
	color: #38C976;
}
.profile-status-cta.rejected {
	color: #A258FF;
}
.profile-status-cta.pending-approval {
	color: #3FB0FC;
}
.overlay-base {
	position: fixed;
	background-color: black;
	color: white;
	opacity: 0.75;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
}
.overlay-body {
	color: white;
	display: block;
	font-size: 24px;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 2000;
}
.overlay-center {
	width: 100%;
	text-align: center;
}
.overlay-row {
	margin-left: 10%;
	margin-right: 10%;
	text-align: center;
}
.overlay-svg {
	width: 50px;
	height: auto;
	margin-right: 25px;
}
.overlay-font {
	font-family: 'Open Sans';
	line-height: 36px;
}
#arrowEnd {
	margin: 50px;
}
.row-top {
	padding-top: 10%;
}
.row-cta-right {
	padding-right: 10px;
}
.tooltip-container, .tooltip .tooltip-inner, body > div.tooltip {
	background-color: white;
	color: black;
}

body > .tooltip > .tooltip-inner {
	border: #ddd solid 1px;
}

body > .tooltip .tooltip-arrow {
	border-top-color: #ddd !important;
}

.tooltip-container .tooltip-bold {
	font-weight: bold;
}

.fees-information table.table-bordered.has-error > tbody > tr > td, .fees-information table.table-bordered.has-error > thead > tr > th {
	font-weight: bold;
	border: 1px solid #a94442;
}
.checkbox-list.has-error {
	border: 1px solid #a94442;
	border-radius: 4px;
	padding: 4px;
}
.note {
	color: #66a2ad;
	font-size: 75%;
}
.note-warning {
	color: rgba(234,141,48,1);
	font-size: 90%;
}
.access-status {
	font-size: 0.9em;
}
.access-text {
	color: #66a2ad;
	font-size: 0.9em;
	font-weight: 700;
}
.access-text.access-granted {
	color: #38C976;
}
.access-text.access-requested {
	color: #EA8D30;
}
.access-text.access-denied {
	color: #D32029;
}
.inline-input {
	display: inline-flex;
}
.header .login-info {
	float: inherit;
	display: inline-flex;
	align-items: center;
}
.header .login-info > span {
	padding-right: 10px;
}
.container-fluid.nav {
	padding: 0;
}
.main-nav.pdg-nav .navbar-nav > li > a {
	font-size: 1.1em;
}
.main-nav.pdg-nav .navbar-nav .open > a, .main-nav.pdg-nav .open > a:focus, .main-nav.pdg-nav .open > a:hover, .main-nav.pdg-nav .navbar-nav li.active a {
	background-color: #2d7684;
	color: #ea8d30;
}
.main-nav .navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
	background-color: rgba(255,255,255,0.2);
	color: white;
}

/*original validation highlighting*/
.has-error.form-control,
.validator-auto-errors .form-control.ng-invalid,
.validator-auto-errors-dirty .form-control.ng-invalid.ng-dirty {
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-error.form-control:focus,
.validator-auto-errors .form-control.ng-invalid:focus,
.validator-auto-errors-dirty .form-control.ng-invalid.ng-dirty:focus {
	border-color: #843534;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}

/*don't incorrectly highlight date textbox fields*/
.no-inline-validation .has-error.datepicker .form-control.ng-valid {
	border-color: #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.no-inline-validation .has-error.datepicker .form-control.ng-valid:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}

/*do CORRECTLY highlight date textbox fields*/
.no-inline-validation .datepicker .form-control.ng-touched.ng-invalid, .invalid .datepicker .form-control {
	border-color: #a94442 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
}

.no-inline-validation .datepicker .form-control.ng-touched.ng-invalid:focus, .invalid .datepicker .form-control:focus {
	border-color: #843534 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483 !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483 !important;
}

/*auto-highlighting using ng validators*/
.validator-error-text{
	color: #a94442;
}

.validator-errors .ng-invalid {
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.validator-errors .ng-invalid:focus {
	border-color: #843534;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
/* formatting fixes */
.overflow-hidden {
	overflow: hidden;
}
/* db padding class resets */

.padding-zero {
	padding: 0;
}
.padding-top-zero {
	padding-top: 0;
}
.padding-bottom-zero {
	padding-bottom: 0;
}
.padding-left-zero {
	padding-left: 0;
}
.padding-left-5 {
	padding-left: 5px;
}
.padding-left-10 {
	padding-left: 10px;
}
.padding-left-15 {
	padding-left: 15px;
}
.padding-right-zero {
	padding-right: 0;
}
.padding-right-15 {
	padding-right: 15px;
}
.padding-lr-zero {
	padding-left: 0;
	padding-right: 0;
}
.padding-lr-5 {
	padding-left: 5px;
	padding-right: 5px;
}
.padding-lr-10 {
	padding-left: 10px;
	padding-right: 10px;
}
.padding-top-5 {
	padding-top: 5px;
}
.padding-top-10 {
	padding-top:10px;
}
.margin-zero {
	margin: 0;
}
.margin-top-zero {
	margin-top: 0;
}
.margin-bottom-zero {
	margin-bottom: 0;
}
.margin-left-zero {
	margin-left: 0;
}
.margin-left-5 {
	margin-left: 5px;
}
.margin-left-10 {
	margin-left: 10px;
}
.margin-left-15 {
	margin-left: 15px;
}
.margin-left-30 {
	margin-left: 30px;
}
.margin-right-zero {
	margin-right: 0;
}
.margin-right-15 {
	margin-right: 15px;
}
.margin-right-30 {
	margin-right: 30px;
}
.margin-lr-zero {
	margin-left: 0;
	margin-right: 0;
}
.margin-lr-5 {
	margin-left: 5px;
	margin-right: 5px;
}
.margin-lr-15 {
	margin-left: 15px;
	margin-right: 15px;
}
.margin-lr-20 {
	margin-left: 20px;
	margin-right: 20px;
}
.margin-lr-30 {
	margin-left: 30px;
	margin-right: 30px;
}
.margin-top-10 {
	margin-top: 10px;
}
.margin-top-20 {
	margin-top: 20px;
}
.margin-top-30 {
	margin-top: 30px;
}
.margin-top-40 {
	margin-top: 40px;
}
.margin-bottom-15 {
	margin-bottom: 15px;
}
.margin-bottom-20 {
	margin-bottom: 20px;
}
.margin-bottom-30 {
	margin-bottom: 30px;
}
.margin-bottom-40 {
	margin-bottom: 40px;
}

.vert-center {
	display: flex;
	align-items: center;
}
.vert-bottom {
	display: flex;
	align-items: baseline;
}
.pdg-container h3 {
	margin: 15px 0;
	line-height: 30px;
}
.panel-body.pdg-panel-body {
	padding-left: 0;
	padding-right: 0;
}
.pdg-container .fa-chevron-down:before {
	margin-right: 7px;
}
.pdg-panel-body .row {
	margin-left: 0;
	margin-right: 0;
	padding-top: 10px;
}
.pdg-panel-body h3 {
	margin-bottom: 10px;
}
.pdg-container .pageStart .pull-right {
	margin-right: 0px;
}
.pdg-container .padding-lr-zero {
	padding-left: 0;
	padding-right: 0;
}
.padding-lr-zero {
	padding-left: 0;
	padding-right: 0;
}
.main-nav.pdg-nav {
	margin-bottom: 20px;
}
.pdg-container #mainFooter .copy {
	padding: 10px 0;
}
.pdg-container th.actions-table-col {
	width: 11%;
}
.pdg-container th.actions-table-col.obs {
	width: inherit;
}
.pdg-container th.actions-table-col.col-medium {
	width: 225px;
}
.modal-header h4, .modal-header h3 {
	color: rgba(234,141,48,1);
	font-size: 1.6em;
	font-weight: bold;
	text-transform: inherit;
}
.pdg-container .well, .pdg-modal-body .well {
	border: 1px solid #ddd;
	padding-left: 0;
	padding-right: 0;
	padding-top: 11px;
}
.pdg-container .well .row, .pdg-modal-body .well .row {
	padding-top: 0;
	margin-left: 0;
	margin-right: 0;
}

.modal-line-divider-top-padding {
	padding: 0.5rem;
}

.modal-line-divider{
	border-top: 1px solid #e5e5e5; 
	padding: 5px; 
	margin-bottom: 1.5rem;
}

.modal-body a {
	color: #66a2ad;
}
.modal-body a:hover {
	color: #4b8590;
}
.modal-body .modal-body-section {
	border-top: 1px solid #e5e5e5;	
}
.modal-body-section .modal-section-header {
	color: #66a2ad;
	font-weight: bold;
	padding-bottom: 10px;
}
.pdg-container h1.header-w-rule, .pdg-container h2.header-w-rule {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
.pdg-container .well input, .pdg-container .well select {
	margin-bottom: 15px;
}
.pdg-container .well input.margin-bottom-zero, .pdg-container .well select.margin-bottom-zero, .pdg-container .well .margin-bottom-zero input {
	margin-bottom: 0;
}
.pdg-container .margin-lr-zero {
	margin-left: 0;
	margin-right: 0;
}
.pdg-container .form-cta-row {
	border-top: 1px solid #ddd;
	margin-top: 15px;
	padding-top: 15px;
}
.pdg-container .btn-primary:active, .pdg-container .btn-primary.active, .open > .pdg-container .dropdown-toggle.btn-primary, .pdg-container .btn-primary:focus, .pdg-container .btn-primary.focus {
	color: #fff;
	background-color: #4b8590;
	border-color: #5a939e;
	outline: none;
}
.upload-field {
	height: auto;
	padding: 15px;
	border: 1px solid #ddd;
}
.community-panel-background h3 {
	margin-top: 0;
	color: #5a939e;
}
.community-panel-background.site-info {
	padding-top: 20px;
}
.community-panel-background.site-info .row {
	margin-left: 0;
	margin-right: 0;
	padding-top: 10px;
}
.pdg-container h2.title-rule {
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 6px;
}
.table.table-pdg {
	margin-top: 0;
}
.input-group-btn.input-group-btn-pdg .btn {
	height: 34px;
	margin-bottom: 0;
}
.cycle-body-cta.text-right {
	padding: 0 15px 5px;
}
td.actions-col {
	display: flex;
	white-space: nowrap;
}
.table > tbody > tr > td.actions-col {
	padding-top: 11px;
}
td.actions-col > span {
	padding-right: 5px;
}
td.actions-col a {
	text-decoration: none;
}
.fa-chevron-right:before {
	margin-right: 11px;
}
.table > tbody > tr > td {
	border-top: none;
}
.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #f3f3f3;
}
.form-col-pdg {
	margin-right: 20px;
}
.primary-admin-checkbox {
	margin: 0 10px !important;
}
.row-input-value {
	height: 32px;
	display: flex;
	align-items: center;
}
.row-flex-space-between {
	display: flex;
	justify-content: space-between;
}
.pdg-modal-body.question-icon-trigger > div {
	margin-bottom: 15px;
}
.pdg-container .tooltip-inner {
	background-color: white;
	color: #333;
	border: 1px solid #ddd;
	padding: 12px;
	opacity: 1;
}
.pdg-container .tooltip.top .tooltip-arrow {
	border-top-color: #ddd;
}
.pdg-container .tooltip.in {
	opacity: 1 !important;
	filter: alpha(opacity=100);
}

.input-form-caption {
	font-size: 1.2rem;
	margin-top: 3px;
	margin-bottom: 15px;
	color: rgba(234,141,48,.9);
}

.info-tooltip .fa {
	font-size: 1.3rem;
	color: rgba(234,141,48,1);
	cursor: pointer;
}

.breadcrumbs-row-numbered {
	display: flex;
	text-align: left;
	justify-content: left;
	margin: 25px 0 40px;
	position: relative;
}

.bc-step-col {
	padding: 0 10px;
	position: relative;
	flex-grow: 1;
}

.bc-step-horizonal-line {
	position: absolute;
	border-top: 5px solid #f0f7f8;
	left: 41px;
	right: 0px;
	top: 13px;
	z-index:-1;
}

/*
.bc-active .bc-step-horizonal-line {
	border-top: 5px solid #2d7685;
}
*/

.bc-step-circle {
	background: #f0f7f8;
	color: #848484;
	font-weight: bold;
	border-radius: 99%;
	padding: 6px 12px;
	display: inline-flex;
	margin-bottom: 10px;
}

.bc-active .bc-step-circle {
	background: #2d7685;
	color: #fff;
}

.bc-past .bc-step-circle {
	background: #66a2ad;
	color: #fff;
}

.bc-step-desc a {
	color: #949494;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.5rem;
	margin-left: 40px;
}


.bc-active .bc-step-desc a {
	color: #2d7685;
}


.bc-past .bc-step-desc a {
	color: #66a2ad;
}


.bc-step-desc a:hover {
	color: #66a2ad;
}

/* DB generics and globals */

.font-italic {
	font-style: italic;
}
.adduser .row-top-zero-bottom-space {
	padding-top: 0;
	padding-bottom: 15px;
}
.adduser .row-top-space-bottom-zero {
	padding-top: 15px;
	padding-bottom: 0;
}
.adduser .row-top-zero-bottom-zero {
	padding-top: 0;
	padding-bottom: 0;
}

.user-dropdown{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
	height: 34px;
}

.user-input{
	border-radius: 0px;
}

.tooltip-inner {
    white-space:pre-wrap;
	max-width: 100% !important;
}

.user-filter-tooltip {
	margin: 0px 3px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.5rem;
}

.user-profile-status-badge{
	display:inline-block; 
	font-size: .85rem;
}

.user_search-icon{
	top: 0px;
    padding: 9px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.user-profile-status-circle {
	width: 2.25rem;
	height: 2.25rem;
	line-height: 2.25rem;
	border-radius: 50%;
	font-size: 10px;
	background: #66a2ad;
	text-align: center;
	color: white
  }

.input-dropdown > .dropdown-menu{
	position: absolute;
	top: 31px !important;
}

.open > .users-dropdown-below {
	position: absolute;
	top: 32px;
}

.margin-top-10 {
	margin-top: 10px;
}
.margin-top-15 {
	margin-top: 15px;
}
.margin-bottom-10 {
	margin-bottom: 10px;
}
.margin-bottom-15 {
	margin-bottom: 15px;
}
.row.padding-top-zero, .modal-body.padding-top-zero {
	padding-top: 0;
}
h3.margin-bottom-zero {
	margin-bottom: 0;
}
footer#mainFooter {
	max-height: inherit;
}
footer#mainFooter .contact-information {
	font-size: 1.2em;
}
footer#mainFooter .name.support-footer-text {
	font-weight: normal;
}
footer#mainFooter .support-help-entry-row {
	margin-bottom: 10px;
}
body footer#mainFooter .linkb5-contact-information a {
	color: white;
	text-decoration: underline;
}
body footer#mainFooter .linkb5-contact-information a:hover {
	color: #e4e4e4;
}
.admin-breadcrumbs-root .arrow-header, .admin-breadcrumbs-root .arrow-label {
	z-index: 999;
}
.form-group.inline-radio-form-group label.checkbox-inline {
	margin-left: 0;
	margin-right: 15px;
}
.empty-pending-state {
	height: 100px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: #b3b3b3;
}

.complete-invitation .well {
	border-color: #66a2ad;
}
.indent {
	margin-left: 10px;
}
.site-label {
	color: rgba(234,141,48,1)
}
.chart-legend {
	color: black;
	padding-top: 10px;
}
.legend-count {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	padding: 0;
}
.legend-label {
	padding: 10px 0;
	color: black;
	display: flex;
	font-weight: 500;
}
.legend-caret {
	color: black;
	margin-left: 7px;
	font-size: 1.4em;
}
.legend-label i.fa-circle {
	margin-right: 9px;
	margin-top: 3px;
}
.chart-container {
	max-width: 400px;
	margin: auto;
}
.copy-click i {
	color: #66a2ad;
	margin-left: 5px;
}
.copy-click i:hover {
	color: #487279;
	cursor: pointer;
}
td.actions-col i:hover {
	color: #487279;
}
.overlay-body p.overlay-font {
	background: rgba(0, 0, 0, 0.3);
	padding: 40px;
	border-radius: 5px;
}
.adult-information .section-item p {
	column-count: 2;
}
.legend-label a:hover i.legend-caret {
	color: #66a2ad;
}
#community-info.community-details.row {
	margin-left: 0;
	margin-right: 0;
}

/*filter token*/
.filter-group-height {
	height: 32px
}

.filter-token-observation {
	padding-top: 1em; 
	margin-left: 0px;
}

.filter-token {
	display: inline-block;
	padding: 0.5em .5em;
	border-radius: 1em;
	border-style: solid;
	border-width: 1px;
	border-color: #66a2ad;;
	background-color: white;
	color: #66a2ad;
	margin: .1em
}

.filter-token-close {
	position: relative;
	top: 2px;
	cursor: pointer;
}

.filter-token-close:hover {
	color: #EB5757;
}

/* Bootstrap Extension */
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.col-xs-5ths {
	width: 20%;
	float: left;
}
@media (min-width: 768px) {
	.col-sm-5ths {
		width: 20%;
		float: left;
	}
}
@media (min-width: 992px) {
	.col-md-5ths {
		width: 20%;
		float: left;
	}
}
@media (min-width: 1200px) {
	.col-lg-5ths {
		width: 20%;
		float: left;
	}
}
.col-xs-6ths, .col-sm-6ths, .col-md-6ths, .col-lg-6ths {
	position: relative;
	min-height: 1px;
	padding-right: 12px;
	padding-left: 12px;
}

.col-xs-6ths {
	width: 16.667%;
	float: left;
}

@media (min-width: 768px) {
	.col-sm-6ths {
		width: 16.667%;
		float: left;
	}
}

@media (min-width: 992px) {
	.col-md-6ths {
		width: 16.667%;
		float: left;
	}
}

@media (min-width: 1200px) {
	.col-lg-6ths {
		width: 16.667%;
		float: left;
	}
}
.icon-padding {
	padding-left: 5px;
}
.force-icon-color {
	color: #5a939e !important;
}
.fa-lock-open.access-granted {
	color: #38C976;
}
.force-indent {
	padding-left: 60px !important;
}
.cohort-phase-profile-container {
	margin-top: 40px;
}
.cohort-phase-profile-container ul.nav.nav-tabs {
	padding-left: 15px;
}
.cohort-phase-profile-container h3 {
	color: #66a2ad;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: .02em;
	margin-top: 0;
	margin-bottom: 0;
	position: absolute;
	width: 95%;
}
.tab-content .tab-pane {
	background: #f8f8f8;
	border: none;
	border-radius: 5px;
	padding: 15px 10px;
	overflow: hidden;
}
.tab-content #assessments.tab-pane {
	background: white;
}
.tab-content .tab-pane.users-tab-pane {
	background: none;
}
.stacked-charts {
	height: 300px;
}
.legend-label.stacked-bars {
	margin-top: -30px;
	margin-bottom: 10px;
	margin-right: 20px;
}
.count-col {
	float: right;
	color: #717171;
	font-weight: normal;
}
.chart-bar-frame > canvas {
	margin-top: -50px;
}
.legend-frame {
	display: flex;
	margin-top: -55px;
	z-index: 999;
	position: relative;
}
.assign-primary-teacher-list {
	display: block;
}
.btn-margin-clear .btn {
	margin: 0;
}
ul.ui-select-choices.ui-select-choices-content.ui-select-dropdown {
	position: absolute;
	max-height: 250px;
}
.all-caps {
	text-transform: uppercase;
}
.sub-info {
	font-size: 12px;
}
.assessment-status-completed {
	color: #28a745;
}
.assessment-status-started {
	color: #F2C94C;
}
.assessment-status-notstarted {
	color: #EB5757;
}
.assessment-status-pending {
	color: #3FB0FC;
}
.assessment-status-rejected {
	color: #A258FF;
}
.disabled {
	cursor: not-allowed;
}
select option:disabled {
	color: lightgray;
}
div.disabled .form-control {
	background-color: #eee;
	cursor: not-allowed;
}
label[disabled="disabled"] {
	cursor: not-allowed;
	opacity: 0.6;
}
.classroom-student-list-status-added {
	color: #28a745;
}
.classroom-student-list-status-not-added {
	color: #EB5757;
}
.classroom-student-list-status-not-applicable {
	color: #CCCCCC;
}
.classlist-management-helper-text {
	padding-top: 5px !important;
	color: rgba(234,141,48,1);
	font-size: 12px;
}
.classroom-student-list {
	padding-top: 13px !important;
	border-top: 1px solid #ddd;
}
.classroom-student-list .remove-from-row-cta {
	padding-top: 20px;
	font-size: 20px;
	color: red;
}
.classroom-student-list .action-row-cta {
	font-size: 20px;
	padding-top: 60px;
	color: #4b8590;
}
.add-students-panel {
	color: #4b8590;
	padding-top: 10px !important;
}
.add-students-panel .add-row-cta {
	font-size: 20px;
	color: #4b8590;
}
.add-students-panel .add-row-cta .add-more {
	font-size: 15px;
	font-weight: bold;
	margin-left: 3%;
}
.add-students-panel .transfer-student-control {
	display: flex
}
.add-students-panel .transfer-student-control .or {
	font-size: 15px;
	font-weight: bold;

}
.add-students-panel .transfer-student-control .select {
	margin-left: 15px;
}
.add-students-panel .transfer-student-control .add {
	margin-left: 40%;
}
.fa-disabled {
	opacity: 0.6;
	cursor: not-allowed;
}
.icon-pointer {
	color: #487279;
	cursor: pointer;
}
.icon-pointer-remove-studentrow {
	cursor: pointer;
}
.inactive {
	background-color: #e6dce4 !important;
}
.invalid-email {
	color: #A94442;
}
.login-helper-notification-text {
    color: #ea8d30;
    font-size: 18px;
}
.class-list-disabled {
	text-align: center;
}
.class-list-disabled span {
	padding: 5px;
}
.login-helper-text {
	color: #ea8d30;
}
.class-list-disabled-alert {
	border-radius: 4px;
	padding: 10px;
	color: #856404;
}
.class-list-disabled-alert .fa {
	margin-right: 7px;
}

.site-needs-review {
	background-color: #edb9b9 !important;
}

.lb5-orange {
	color: #ea8d30;
}

.orphaned-user-row {
	background-color: rgb(234, 141, 48, 15%) !important;
}

.lb5-teal {
	color: #66a2ad !important;
}

.lb5-offlblack {
	color: #373a3c !important;
}

.text-bold {
	font-weight: bold;
}

.text-bolder {
	font-weight: bolder;
}

.term-info {
	font-weight: bold;
}

.site-classroom-reg-cta {
	display: flex;
	justify-content: space-evenly;
}

.site-classroom-reg-cta .fa {
	color: #66a2ad;
}

.d-flex.col {
	flex-direction: column;
}

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

.d-flex.justify-content-center {
	justify-content: center;
}

.adminPanelui > .row {
	padding-top: 0;
}

.adminui-title-section {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.adminui-title-section.manage-questions-float {
	float: left;
}

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

.cta-flex-space-around {
	display: flex;
	justify-content: space-around;
}

.user-profile-position-title input {
	margin-right: 5px;
}

.col-2-wrap {
	column-count: 2;
}

.col-3-wrap {
	column-count: 3;
}

.col-2-wrap > .site-admin-row {
	width: 100%;
	display: inline-block;
}

.col-3-wrap > .site-admin-row {
	width: 100%;
	display: inline-block;
}

.col-responsive-wrap {
	columns: 3 200px;
	column-gap: 3em;
	column-rule: 1px solid #cecece;
}

.name-cta-row-status .profile-status-cta {
	margin-top: 5px;
	margin-left: 0;
}

button.visual-toggle {
	font-size: 10px;
	text-transform: uppercase;
	border: none;
	color: #999;
	padding: 3px 9px;
	border-radius: 4px;
}

.row-cta-height {
	height: 34px;
}

.pdg-container .well .row.text-input-extra-curricular-other {
	margin-left: 15px;
	margin-bottom: 20px;
}

.width-100 {
	width: 100%;
}

.width-0 {
	width: 0;
}

.height-100 {
	height: 100%;
}

.help-block {
	line-height: inherit;
}

/* DB responsive & anchor */

/* ie only */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active), (max-width: 1350px) {
	.dimension-container.dimension-content .radio-group {
		max-width: 60%;
	}
}

/* small desktops and smaller - 992 and smaller */

@media (max-width: 992px) {
	/* US12827 */
	.top-area .row > div {
		margin-bottom: 10px;
	}
	input[type="radio"].radio-btn-med, input[type="checkbox"].radio-btn-med {
		-ms-transform: scale(1.75);
		-webkit-transform: scale(1.75);
		transform: scale(1.75);
		margin-right: 6px;
	}
	.dimension-container.dimension-content .radio-group {
		margin-left: 10px;
	}
	.inline-score .form-check-inline {
		margin-bottom: 10px;
	}
	.dimension-content .table-wrap-area {
		padding-left: 0;
		padding-right: 0;
		margin-right: 15px;
		margin-left: 15px;
		margin-bottom: 20px;
	}
	.overflow-hidden-mobile {
		overflow: hidden;
		overflow-x: auto;
	}

	.panel-body.pdg-panel-body .row > div {
		margin-bottom: 15px;
	}
	.community-panel-background {
		padding-bottom: 12px;
	}
	.claim-site-filter-row > div {
		margin-bottom: 10px;
	}
	.claim-site-filter-row {
		padding-top: 5px;
	}
	.table-scrollable-x {
		overflow-x: auto;
		padding: 7px 10px;
		border: 1px solid #eaeaea;
		border-radius: 5px;
		padding-bottom: 10px;
	}
	.table-scrollable-no-wrap {
		width: 100%;
		white-space: nowrap;
	}
	.text-center-mobile {
		text-align: center;
	}
	.pagination-footer .row > div {
		margin-bottom: 7px;
	}
}
	/* 767 and smaller */

	@media (max-width: 767px) {
		/* us12827 */
		.navbar-collapse.collapse-class {
			padding-right: 0;
			padding-left: 0;
			border: none;
		}
		.navbar-collapse.collapse-class li {
			margin: 0 15px;
		}	
	}

	/* 480 and smaller */

	@media (max-width: 480px) {
		/* US13124 */
		.bc-mobile-width {
			max-width: 140px;
		}
		.arrow-label-top {
			max-height: inherit;
			white-space: inherit;
			text-align: left;
		}

		/* US12827 */
		.form-check-inline {
			margin-bottom: 10px;
		}

		.dimension-container.dimension-content .radio-group label.form-check-label {
			font-size: inherit;
		}

		.dimension-body-frame .top-area .row > div {
			margin-bottom: 15px;
		}

		.dimension-container.dimension-content .top-area {
			padding-top: 0;
		}

		.community-dashboard .panel-heading, .teacher-dashboard .panel-heading {
			padding: 10px 15px;
			font-size: 1em;
		}

		.dimension-content .chart-area-table {
			margin-bottom: 20px;
		}

		.dimension-content .input-cycle-row label {
			margin-bottom: 10px;
		}

		.input-cycle-row > div {
			display: flex;
			flex-wrap: wrap;
		}

		/* reg flow BC */

		.breadcrumbs-row-numbered {
			display: inherit;
			margin-top: 5px;
		}

		.bc-step-horizonal-line {
			display: none;
		}

		.bc-step-col {
			width: auto;
			margin-bottom: 20px;
		}

		.bc-step-circle {
			margin-bottom: 2px;
		}

		/* db mobile globals */

		.m-phone-margin-top-10 {
			margin-top: 10px;
		}

		.m-phone-margin-top-15 {
			margin-top: 15px;
		}

		.m-phone-margin-top-20 {
			margin-top: 20px;
		}

		.m-phone-margin-top-25 {
			margin-top: 25px;
		}

		.m-phone-margin-top-30 {
			margin-top: 30px;
		}

		.m-phone-margin-top-40 {
			margin-top: 40px;
		}

		.m-phone-margin-bottom-10 {
			margin-bottom: 10px;
		}

		.m-phone-margin-bottom-15 {
			margin-bottom: 15px;
		}

		.m-phone-margin-bottom-20 {
			margin-bottom: 20px;
		}

		.m-phone-margin-bottom-25 {
			margin-bottom: 25px;
		}

		.m-phone-margin-bottom-30 {
			margin-bottom: 30px;
		}

		.m-phone-margin-bottom-40 {
			margin-bottom: 40px;
		}

		.m-phone-padding-lr-zero {
			padding-left: 0;
			padding-right: 0;
		}
	}

	/* US12741 */
	.form-control.friendly-conf-modal {
		width: 275px;
		margin: auto;
	}

	/* US12827 */
	.header-caret {
		margin-right: 10px;
	}

	.input-cycle-row.check-input-col label {
		margin-bottom: 10px;
	}

	.input-cycle-row.check-input-col > div {
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.input-cycle-row.check-input-col .check-input-text {
		margin-left: 5px;
		border: 1px solid #ccc;
		border-radius: 4px;
	}

	.label-disclaimer, .row.instructions {
		font-style: italic;
		color: #ea8d30;
		display: block;
		padding-bottom: 7px;
		margin-left: 0px !important;
	}

/* nav styling from 768 to 991 - US12827 */

@media (min-width: 768px) and (max-width: 991px) {
	.main-nav .navbar-nav > li > a,
	.main-nav .navbar-nav > li > div,
	.main-nav.pdg-nav .navbar-nav > li > a {
		font-size: 1em;
		padding-left: 12px;
		padding-right: 12px;
	}
	}
	.main-nav .navbar-nav > li > a, 
	.main-nav .navbar-nav > li > div {
		height: 35px;
	}
}

/* misc margins */
.ml-6px {
	margin-left: 6px;
}
.mr-6px {
	margin-right: 6px;
}

.not-clickable {
	cursor: default
}


.clickable {
	cursor: pointer;
}

/*toasts*/
div.toasts {
	position: fixed; /* fixed instead of absolute so you see it even if scrolled down*/
	top: 0;
	right: 0;
	z-index: 1001; /* z-index for the nav bar is 1000, so this is to make sure it's above that */
	margin: 3rem 3rem 0 0;
}

/*blockquote fix*/
.ta-scroll-window blockquote, .alert blockquote {
	font-size: 2rem;
}

/*observations*/
.observation-management .breadcrumbs-row {
	display: none;
}

.observation-management .users-table .districts-header, .observation-management .users-table .districts-data, .observation-management .districts-filter, .observation-management .district-groups-filter, .observation-management .users-table .district-groups-header, .observation-management .users-table .district-groups-data {
	display: none;
}

.tab-content .tab-pane.observations-tab-pane {
	background: none;
}

.fa-primary {
	color: #66a2ad;
}

/* OK - Add User Modal */
div.nav-add-user > ul.nav-tabs > li.nav-item > a.nav-link {
	background: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
}

div.nav-add-user > ul.nav-tabs > li.nav-item.active > a.nav-link {
	border-bottom: rgba(234,141,48,1) solid 1px;
}

div.nav-add-user > ul.nav-tabs > li.nav-item:not(.active) > a.nav-link {
	color: rgb(102, 102, 102, 1);
	opacity: 0.85;
}

div.nav-add-user > ul.nav-tabs > li.nav-item:not(.active) > a.nav-link:hover {
	border: none;
	opacity: 1;
}

div.nav-add-user > div.tab-content > div.tab-pane {
	background: #ffffff;
	padding: 15px 15px 0px 15px;
	overflow: visible;
}

.table-striped > tbody > tr.no-hover:nth-of-type(odd) {
	background-color: #f3f3f3;
}


.table-striped > tbody > tr.no-hover {
	background-color: inherit;
}

.space-child-columns .row > div {
	margin-top: 20px;
}

/*body overflow fix for modals*/

body.modal-open {
	overflow-x: hidden;
	overflow-y: auto;
}