:root{--color-primary:#69bd45;--color-secondary:#007ab8;--color-tertiary:#1ea4a9;--color-state:#4b7e2b;--color-state-hover:#3c6721;--color-state-focus:#3c6721;--color-state-active:#30541a;--color-state-highlight:#f6f9d7;--color-state-highlight-neutral:var(--color-neutral-3);--color-state-disabled:var(--color-neutral-5);--color-neutral-1:#fff;--color-neutral-2:#fafafa;--color-neutral-3:#f7f7f7;--color-neutral-4:#e6e4e4;--color-neutral-5:#c7c7c7;--color-neutral-6:#767676;--color-neutral-7:#262626;--color-background:var(--color-neutral-1);--color-border:var(--color-neutral-5);--color-text:var(--color-neutral-7);--color-text-disabled:var(--color-neutral-5);--color-text-hint:var(--color-neutral-6);--link-color:var(--color-state);--link-color-hover:var(--color-state-hover);--nav-bg-color:#fff;--nav-text-color:var(--color-text);--footer-bg-color:#fff;--footer-text-color:var(--color-text);--footer-text-color-hover:var(--footer-text-color);--btn-accent-color:var(--color-state);--btn-accent-color-active:var(--color-state-active);--btn-accent-color-focus:var(--color-state-focus);--btn-accent-color-disabled:var(--color-state-disabled);--btn-prim-accent-color:var(--color-state);--btn-prim-accent-color-active:var(--color-state-active);--btn-prim-accent-color-focus:var(--color-state-focus);--btn-prim-accent-color-disabled:var(--color-state-disabled)}:root{--nav-bg-color: #a4d5f3;--nav-text-color: #262626;--color-primary: #a4d5f3;--btn-prim-accent-color: #00944b;--btn-accent-color: #00a2dd;--link-color: #008287;--color-state: #00944b;--color-text: #262626;--footer-bg-color: #ffffff;--footer-text-color: #262626;--btn-prim-accent-color-focus: #008a41;--btn-prim-accent-color-active: #007930;--btn-accent-color-focus: #0098d3;--btn-accent-color-active: #0087c2;--link-color-hover: #00787d;--color-state-hover: #008a41;--color-state-focus: #008a41;--color-state-active: #007930;--footer-text-color-hover: #1c1c1c;}

/*-------------colors
Green: #00954c;
Dark Blue: #00a2dd;
Medium Blue: #68b3e2;
Light Blue: #a3d4f3;

----------------*/


/*-------------LOGIN PAGE CUSTOMIZATIONS--------



--------*/
/*-------------LOGIN PAGE CUSTOMIZATIONS----------------*/

#page-login-index {
  height: 100%;
  display: flex;
background-image:
   background: white;
    background-size: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  flex-direction: column;
  align-items: flex-end;
 url('https://www.miplacek12.org/theme/pix/login_bg.jpg');
 linear-gradient(to bottom, rgba(245, 246, 252, 0),  rgba(2, 119, 171, 1)),
}


.path-login #page {
  background-color: transparent;
}


.path-login #page-footer {
  border-top: none;
  display: none;
}

.path-login .totaraNav {
  margin-bottom: 0;
  display: none;
}

#login-expando-toggler {
  position: fixed;
  bottom: 0;
  right: 0;
}


#login-expando-icon {
  margin-right: 10px !important;
  color: #5BAFD5;
}



.twitter_cont {
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  height: 30px;
  width: 30px;
}

.facebook_cont {
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  height: 30px;
  width: 30px;
}

.instagram_cont {
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  height: 30px;
  width: 30px;
}

.fa.fa-twitter {
  font-size: 21px;
  color: #0078AD;
display: grid;
}

.fa.fa-facebook {
  font-size: 21px;
  color: #0078AD;
display: grid;
}

.fa.fa-instagram {
  font-size: 21px;
  color: #0078AD;
display: grid;
}

.facebook_cont:hover {
text-decoration: none;
}

.twitter_cont:hover {
text-decoration: none;
}



.instagram_cont:hover {
text-decoration: none;
}




.”footer-login-socials-right {
  color: white;
text-align: center;
  color: white;
  font-weight: 450;
  font-size: large;
}


.signuppanel {
  display: none;
}





.loginbox .subcontent {
  padding: 22px;
  margin: 0;
}

.loginbox-custom {
  position: fixed;
  right: 0;
  top: 0;
  margin-top: 20px;
  margin-right: 20px;
  width: 38%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  z-index: 1;
  padding-left: 60px;
  padding-right: 60px;
}





.google_btn_cont a {
  display: block;
  background: url(https://cdn.oakland.k12.mi.us/img/static/miplace/btn_google_signin_dark_normal_web@2x.png) no-repeat bottom;
    background-size: auto;
  background-size: auto;
  width: 167;
  height: 54px;
  background-size: contain;
  border: 0px;
  font-size: 0px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: -124px;
}



.micr_btn_cont {
  margin-left: -9px;
  margin-top: -26px;
background: white;
max-width: 100%;
}

.micr_btn_cont img {
margin-right: 15px !important;
}



.loginbox-custom-box {
background-color: #fff;
border-radius: 20px;
margin-top: 30px;
padding: 20px;
text-align: center;
width: 100%;
}


.loginbox-custom-left {
  width: 50%;
  background-color: white;
  border-radius: 20px;
  min-width: 454px;
  margin-right: -56px;
  border-radius: 10px;
}

.custom-btm-right {
  position: fixed;
  right: 0;
bottom: 0;
  border: 0;
  max-width: 800px;
  color: white;
margin-bottom: 2%;
  font-size: 15px;
margin-right: 75px;
margin-left: 75px;


}

.custom-link {
  color: white;
  font-weight: bold;
  text-decoration: underline;
}

.custom-link:hover {
  color: white;
}


.loginbox-custom-box-ticket {
  margin-top: -1px;
}


.”footer-login” {
 position: fixed;
  bottom: 0;
  left: 0;
  right: 50%;
  display: flex;
  padding: 10px 20px;
  justify-content: space-between;
  align-items: center;
}

.”loginbox-custom-img” {
 content: url('https://www.miplacek12.org/theme/pix/miPLACE_1000.png') !important;
  max-width: 150px;
visibility: hidden;
}

.”footer-login-socials” {
 display: flex;
}

.”loginbox-custom-img-large” {
 content: url('https://www.miplacek12.org/theme/pix/miPLACE_1000.png') !important;
  max-width: 72%;
margin-bottom: 200px;
}


@media (max-width: 900px) {
.”loginbox-custom-img-large” {
 content: url('https://www.miplacek12.org/theme/pix/miPLACE_1000.png') !important;
  max-width: 72%;
margin-bottom: 200px;
display: none;
}

.”loginbox-custom-img” {
 content: url('https://www.miplacek12.org/theme/pix/miPLACE_1000.png') !important;
  max-width: 150px;
visibility: visible;
margin-bottom: 11px;
}

.loginbox-custom {
background-color: white !important;
width: 100% !important;
display: flex;
right: 0;
top: 0;
margin-top: 0px;
margin-right: 0px;
width: 80%;
flex-direction: column;
align-items: center;
justify-content: center;
padding-left: 0px;
padding-right: 0px;
}


.loginbox-custom-left {
  width: 80%;
  background-color: white;
  border-radius: 20px;
  min-width: 454px;
  margin-right: -56px;
  border-radius: 10px;
  justify-content: center;
  display: flex;
  justify-content: center;
}



.login-desc {
  color: white !important;


}



.path-login #region-main > [role="main"] {
  display: block;
}

.”footer-login” {
width: 88%;
}

#login-expando {
  position: fixed;
  right: 0;
  top: 0;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  z-index: 1;
  padding-left: 0px;
  padding-right: 0px;
  background: white;
  border-radius: 0px !important;
  margin-right: 0px !important;
  margin-top: 50px !important;
  min-width: 100%;
}

.cont {
max-width: 80%;
}


.custom-btm-right {
position: relative; 
display: flex;
text-align: left;
  width: 88%;
  margin-bottom: 75px !important;
  color: white;
  font-size: 15px;
  margin-right: 0px;
margin-left: -100px;
margin-top: 700px;
color: white !important;
}

}




@media (max-width: 500px) {
#quickaccess-popover-content {
  background: #f4f4f4;
  margin-right: -130px !important; 
margin-top: 35px !important;
border-style: solid;
border-width: 2px;
border-color: lightgrey;
border-radius: 10px;
max-height: 600px;


}

.totaraNav_prim--list_item {
  margin-left: 1px;
  visibility: hidden;
}

.breadcrumb-nav {
  visibility: hidden;
}


#page-footer a {
color: white !important;
}

.footer-link {
color: #1d8c8d !important;
text-decoration: none !important;
}
.footer-link:hover {
text-decoration: underline !important;
}

.footer-txt {
margin-top: 40px !important;
color: black !important;
}

.login-desc {
  font-size: small;
}



.”footer-login” {
  position: flex;
margin-left: 3px;
  right: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90%;
}




.custom-btm-title {
border-radius: 10px;
margin-top: 20px;
}

.”loginbox-custom-img” {
 content: url('https://www.miplacek12.org/theme/pix/miPLACE_1000.png') !important;
  max-width: 100px;
visibility: visible;
margin-bottom: 21px;
}



.cont-left {
max-width: 100% !important;

color: red;
}

.footer-img {
margin-left: 20% !important;
}

.footer-link {
text-align: center;
margin-left: 40% !important;
margin-bottom: 50px !important;
}

.cont-right {
max-width: 100% !important;
}



}




.large-img-cont {
max-width: 50%;
}





.”footer-login-logo” {
  content: url('https://www.miplacek12.org/theme/pix/oakland_school.png') !important;
height: auto;
max-width: 120px;
}





/*-------------Overall Internal Colors, look and feel----------------*/
#course-detail-title {
  background: white !important;
}

#category-listing-title {
  background: white !important;
}

#course-listing-title {
  background: white !important;
}

#course-category-listings > div > div {
  background: white;
}

body {
font-size: large;
background-color: #f4f4f4;
font-family: 'Open Sans', sans-serif;
}

.totaraNav_sub--list{
margin-left: 4%;
}

.tui-engageNavigationPanel__link--inactive .tui-engageNavigationPanel__link-text {
  color: #00954c;
  font-size: var(--font-size-15);
  line-height: 1.33;
  cursor: pointer;
}

.tui-engageNavigationPanel__link--active {
  background-color: #00a2dd;
}

#page.container-fluid {
  max-width: none;
  font-family: 'Open Sans', sans-serif;

}

#page-content {
  padding-top: 20px;
  margin-left: 5%;
  margin-right: 5%;
}


.container-fluid {
  max-width: none;
  margin: 0 auto;
  background-color: white;
}

.breadcrumb-nav .breadcrumb {
  margin-left: 5%;
}

.breadcrumb-nav {
  margin-bottom: 0;
  display: table-row;
  margin-left: 2%;
  width: 50%;
  background-color: white;
}

a {
  color: #008287;
}

.totaraNav_prim--side {
 position: absolute;
float: right;
top: 0;
background-color: #f8f8f8;
border-color: #e7e7e7;
color: #777;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
height: auto;
right: 0;
margin-right: 5%;
}

.totaraNav_prim--side .usermenu .userbutton {
  display: -webkit-box;
  display: flex;
  font-size: 17px;
  font-weight: bold;
}

.totaraNav {
  box-shadow: 3px 3px 3px gray;
}

#page {
  background-color: #F4F4F4;
}

.usertext {
  color: #777;
}



.breadcrumb-button {
  margin-right: 5%;
}

#login-expando {
  position: fixed;
  right: 0;
  top: 0;
  margin-top: 150px;
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  z-index: 1;
  padding-left: 60px;
  padding-right: 60px;
  background: white;
  border-radius: 10px;
  max-width: 454px;
  margin-right: 24px;
  margin-top: -2px;
}



/*-------------blocks editing----------------*/
.block .block-title, #dockeditempanel .dockeditempanel_content h2 {
  box-shadow: none;
}

.block .block-header h2 {
    font-size: 25px;
    color: #4e4546;
}

.content.block-content a {
  color: #008287;
}



.moveto.customcommand.requiresjs {
  font-size: 14px;
 color: #008d3f;
}

.flex-icon.ft-fw.ft.tfont-var-dash-square {
font-size: 14px;
  color: #6a7884;
}

[class^="tfont-var-"], [class*=" tfont-var-"] {
  color: #6a7884;
}

.block {
  box-shadow: 3px 3px 3px gray;
  border-width: 0px;
}

.block .block-content {

}


/*-------------Navigation Tabs at top-------



.totaraNav_prim--list_item_label {
  margin-left: 25px;
  margin-right: 25px;
}

.totaraNav_prim--list {
  background-color: #00954c;
  margin-top: 200px;
}

.totaraNav_prim--list_item {
  display: inline-block;
  vertical-align: bottom;
  background: #00954c;
  margin-bottom: -39px;
}

.totaraNav_prim--list_item_label::after {
  border-bottom: none;
}

.totaraNav_prim--list {
  background-color: transparent;
  margin-top: 200px;
}

.totaraNav_prim .totaraNav--expand_indent .totaraNav--icon_chevron {
  top: 1px;
  margin: auto 0;
 color: #6a7884;
}

#totaramenuitem13 {
  display: inline-block;
  vertical-align: bottom;
  background: #00954c;
  margin-bottom: -39px;
  border-width: 2px;
  border-color: white !important;
border-bottom: 0px;
}


.totaraNav_prim--list_item_selected .totaraNav_prim--list_item_link {
  color: var(--nav-tab-text-color-selected);
  font-weight: var(--nav-tab-text-weight-selected);
  background-color: #00a2dd;
 border-style: solid;
 border-width: 1px;
 border-color: white !important;
border-bottom-width: 0px;
}

#totaramenuitem14 {
 border-style: solid;
 border-width: 1px;
 border-color: white !important;
border-bottom-width: 0px;
}

#totaramenuitem2 {
 border-style: solid;
 border-width: 1px;
 border-color: white !important;
border-bottom-width: 0px;
}

.totaraNav_prim--list_item {
  margin-left: 1px;
}

.totaraNav_prim--list {
  background-color: transparent;
  margin-top: 200px;
  min-width: 475px !important;
}

#totaramenuitem13 {
  display: inline-block;
  vertical-align: bottom;
  background: #00954c;
  margin-bottom: -39px;
  border-width: 1px;
  border-color: white !important;
  border-style: solid;
}

#totaramenuitem14 {
  display: inline-block;
  vertical-align: bottom;
  background: #00954c;
  margin-bottom: -39px;
  border-width: 1px;
  border-color: white !important;
  border-style: solid;
}

#totaramenuitem2 {
  display: inline-block;
  vertical-align: bottom;
  background: #00954c;
  margin-bottom: -39px;
  border-width: 1px;
  border-color: white !important;
  border-style: solid;
  border-width: thin;
}

.totaraNav_prim--list_item_selected .totaraNav_prim--list_item_link {
  color: var(--nav-tab-text-color-selected);
  font-weight: var(--nav-tab-text-weight-selected);
  background-color: #00a2dd;
  border-style: solid;
  border-width: 1px;
  border-color: white !important;
  border-bottom-width: 0px;
  border: none;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
}


#totaramenuitem13 {
  border-bottom: 0; 
}

#totaramenuitem2 {
  border-bottom: 0;  
}

#totaramenuitem14 {
  border-bottom: 0;  
}

#totaramenuitem16 {
  display: inline-block;
  vertical-align: bottom;
  background: #00954c;
  margin-bottom: -39px;
  border-width: 1px;
  border-color: white !important;
  border-style: solid;
border-bottom: 0;
}


#totaramenuitem14:hover {
  background: #00a2dd;
}

#totaramenuitem13:hover {
  background: #00a2dd;
}

#totaramenuitem2:hover {
  background: #00a2dd;
}

#totaramenuitem16:hover {
  background: #00a2dd;
}

--------*/

/*-------------Quick Access Navigation Menu-----
.totara_core__QuickAccess .totara_core__QuickAccess_menu-header {
  margin-bottom: var(--gap-2);
  line-height: 2.5em;
  background-color: #f8f8f8;
}

.totara_core__QuickAccess .totara_core__QuickAccess_group-list li a {
  color: #868686;
}

.totara_core__QuickAccess .totara_core__QuickAccess_group-list li a:hover {
  color: #868686;
}

.totara_core__QuickAccess .totara_core__QuickAccess_footer a {
  margin-top: var(--gap-2);
  line-height: 2.5em;
  color: black !important;
}

.totara_core__QuickAccess .totara_core__QuickAccess_footer:hover {
  margin-top: var(--gap-2);
  line-height: 2.5em;
  color: black !important;
}

.totaraNav_prim > .container-fluid {
  flex-wrap: nowrap;
  display: block;
}

.totaraNav_prim--list {
  background-color: transparent;
  margin-top: 0px;
  min-width: 475px !important;
  margin-left: 5%;
}




.totaraNav_sub--list {
  margin-left: 5%;
}


.tfont-var-check-circle-fill:before {
    color: white;
}

.btn.btn-default.totara_core__QuickAccess_menu_search-button {
  background: white !important;
}

.btn.btn-default.totara_core__QuickAccess_menu_search-button:hover {
  background: #a3d4f1 !important;
}

.totara_core__QuickAccess .totara_core__QuickAccess_menu {
  -webkit-transform: scaleY(1) translateX(-50%);
  transform: scaleY(1) translateX(-50%);
  background: #f8f8f8;
}

#quickaccess-popover-content h3, #quickaccess-popover-content .box.message .messagearea .messagesend .mform .fitemtitle, .box.message .messagearea .messagesend .mform #quickaccess-popover-content .fitemtitle, #quickaccess-popover-content .box.message .messagearea .messagesend .mform .form-label, .box.message .messagearea .messagesend .mform #quickaccess-popover-content .form-label {
  padding: 0;
  font-weight: bold;
  color: #5c5c84 !important;
}




----------*/

/*------------------Shrink Text in blocks START -----------------------*/
@media (max-width: 600px) {
.block .block-header h2 {
  font-size: 18px;
word-break: normal;
}

.loginbox-custom-box-ticket {
  margin-left: -57px;
}


#login-expando {
margin-top: 0px !important;
min-height: 510px !important;
}

.tfont-var-list::before {
  content: "";
  display: none;
}

.breadcrumb-nav .breadcrumb {
  margin-left: 5%;
  min-width: 380px !important;
}


.micr_btn_cont {
margin-left: -25px !important;
}

.micr_btn_cont img {
margin-right: 15px !important;
}

.google_btn_cont {
margin-left: -35px !important;

}

}

@media (max-width: 1200px) {
.block .block-header h2 {
  font-size: 18px;
word-break: normal;
}



.custom-btm-right {
display: block;
  margin-top: 225px;
margin-right: 20px;
margin-left: 20px;


}


}

@media (max-width: 2200px) {
.block .block-header h2 {
  font-size: 18px;
word-break: normal;


}

}




.block .block_action {
  text-align: right;
  width: 38px;
  margin-top: 1px !important;
  display: flex;
}

.flex-icon.ft-fw.ft.tfont-var-dash-square {
  margin-top: -6px;
}

/*------------------Shrink Text in blocks END -----------------------*/




/*-----------------recolor icons to make them visible----------------------*/
.flex-icon.ft-fw.ft.tfont-var-info_filled.ft-size-200 {
  color: white;
}

.flex-icon.ft-fw.ft.tfont-var-chevron-down.tw-formatTopics__collapse_link_icon {
color: #6a7884;
}

.addBlock--trigger .flex-icon {
  vertical-align: top;
  width: auto;
  color: white;
}

.block.chromeless .block-totara-featured-links-layout a {
  color: white !important;
}

/*----------------adjust height of google SSO login----------------------*/


/*----------------remove hamburger icon from entire site---------------------*/
.tfont-var-list::before {
  content: "";
  display: none;
}

/*----------------MISC---------------------*/
.pagelayout-legacynolayout #page .row .col-md-12 {
  padding-right: 0;
  padding-left: 29px;
}

.totaraNav_sub--list_item_selected .totaraNav_sub--list_item_link {
  font-weight: bold;
  background: var(--nav-sub-tab-bg-color-selected);
  border-color: var(--nav-sub-tab-border-color-selected);
  border-width: 1px;
  background: white;
  margin-left: 2px;
}

.tui-workspaceDiscussionTab__card {
  margin-bottom: var(--gap-8);
  background: white;
}

.tui-sidePanelNavLinkItem--active {
  background: #00954c;
}

#tab-uid-12:hover {
  background: white;
}

#tab-uid-15:hover {
  background: white;
}

#tab-uid-16:hover {
  background: white;
}

#tab-uid-17:hover {
  background: white;
}

#tab-uid-18:hover {
  background: white;
}

#tab-uid-14:hover {
  background: white;
}

.tui-workspaceMemberCard__profileCard {
  width: 100%;
  background: white;
}

.totara_core__myreports__list__item__content {
  background: white;
}

.tui-workspaceMemberCard__profileCard {
  width: 100%;
  background: white;
}

.tui-engageBaseCard__card {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  height: 100%;
  cursor: default;
  background: white;
}

thead {
  background: white;
}


.tui-engageNavigationPanel__link--active {
  background-color: #a3d4f1;
}

.tui-engageNavigationPanel__link--active .tui-engageNavigationPanel__link-text {
  color: black;
}
.tui-engageNavigationPanel__link--active .tui-engageNavigationPanel__link-text:hover {
  color: black;
}




.flex-icon.ft-fw.ft.tfont-var-exclamation-triangle-fill.ft-size-200 {
  color: white;
}

.flex-icon.ft-fw.ft.fa-level-down {
  color: gray;
}

.tw-selectSearchText__btn {
  background: white !important;
}

#tw-catalogMagageBtns_button {
  background: #00a2dd !important;
}

.tw-catalogResultsShare__btn.btn {
  background: #00a2dd !important;
}


.moodle-dialogue-base .closebutton {
  background: white !important;
  color: black !important;
}

.tfont-var-share-fill::before {
  color: white;
}

.tui-collapsible__header-button {
  background: #FCFCFC;
}


/*------Footer Image-------*/

.footer-img {
margin-left: auto; 
margin-right: 0;
}

.footer-btn {
  width: 155px;
  background: #015998;
  color: white;
  border-radius: 6px;
  font-weight: bold;
  margin: ;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
color: white !important;
text-decoration: none !important;
}

.footer-btn:hover {
background:#1578BF;
text-decoration: underline !important;
color: white !important;
}

.cont-right {
  width: 50%;
}

.cont-left {
  width: 50%;
}

.cont {
  display: flex;
}

.page-footer-poweredby {
  display: none;
}

.footer-link {
  margin-left: auto;
  margin-right: 0 !important;
  display: flex;
  align-content: ;
  width: 205px;
  font-size: 12px;
color: #1d8c8d !important;
text-decoration: none !important;
}
.footer-link:hover {
text-decoration: underline !important;
}

.footer-txt {
  font-weight: bold;
  font-size: 20px;
  margin-left: 50px !important;
  margin-right: auto;
  width: 244px;
margin-top: 11px;
}

.text_to_html {
  max-height: 150px;
  position: sticky;
  bottom: 0;
  width: 100%;
}

.cont {
  margin-bottom: -200px !important;
margin-top: 50px;
}

#page-footer {
  border-color: white;
}

button, input.form-submit, input[type="button"], input[type="submit"], input[type="reset"]:hover {
  font-weight: bold;
  background: #36a5a6 !important;
color: white !important;
border-color: #36a5a6 !important;
}


/*------Adjust block headers------*/

.header.block-header {
  background: #00954c !important;
}

.block .block-header h2 {
  font-size: 18px;
  word-break: normal;
  color: white !important;
}

.flex-icon.ft-fw.ft.tfont-var-caret-left-square.ft-flip-rtl {
  color: white !important;
}

.flex-icon.ft-fw.ft.tfont-var-dash-square {
  color: white !important;
}

div.editor_atto_toolbar button {
  background: white !important;
}


/*-------Customize Dashboards Start-------------------*/

.custom-cont-img {
  max-width: 100% !important;
}
.img-custom {
  max-width: 100% !important;
}

#inst231 {
  background: transparent;
}

#inst236 {
  background: transparent;
}

#inst2024 {
  background: transparent;
}

#inst2028 {
  background: transparent;
}

#inst2029 {
  background: transparent;
}

#inst2030 {
  background: transparent;
}

#inst2031 {
  background: transparent;
}

#inst2032 {
  background: transparent;
}

#inst2026 {
  background: transparent;
}

#inst2025 {
  background: transparent;
}

#inst2171 {
  background: transparent;
}

#inst2289 {
  background: transparent;
}

#inst2291 {
  background: transparent;
}

#inst2293 {
  background: transparent;
}

#inst2295 {
  background: transparent;
}

#inst2297 {
  background: transparent;
}

#inst2299 {
  background: transparent;
}

#inst2301 {
  background: transparent;
}

/*-------Customize Dashboards End------------------*/


/*-------edit featured links block------

.block.chromeless.block[data-instanceid="258"] {
  margin-left: 18% !important;
  margin-right: 18% Iimportant;
 background: transparent;
}

featured-links-layout.square {
  max-height: 250px;
}

#inst258 {
  margin-right: 18%;
}

------------*/

/*--------------edit the information info icon-------------*/
.tui-popover__wrap {
  margin-left: 12px;
  background: ;
  margin-top: -2px;
}

.tui-svgIcon--state-info {
  color: white;
  margin: 4px;
}

@media screen and (min-width: 840px) and (max-width: 1180px) {
   .login-desc {
  max-width: 350px;
}
}



@media screen and (min-width: 1150px) and (max-width: 2200px){
.custom-btm-right {
position: fixed;
right: 0;
margin-top: 32px;
max-width: 600px;
}

.”footer-login” {
  position: fixed;
  bottom: 0;
  right: 0;
  right: 50%;
  display: flex;
  padding: 10px 20px;
  justify-content: space-between;
  align-items: center;
max-width: 800px;
}}

@media screen and (min-width: 1200px) and (max-width: 1349px){
.custom-btm-right {
position: fixed;
top: 0;
right: 0;
margin-top: 300px;
}}

.google_btn_cont {
  height: 53px;
  width: 74px;
  background: url(https://cdn.oakland.k12.mi.us/img/static/miplace/btn_google_signin_dark_normal_web@2x.png) no-repeat bottom;
    background-position-x: center;
    background-position-y: bottom;
    background-size: auto;
  background-size: inherit;
  background-position: -10px;
border-color: grey;
}

.potentialidp .btn {
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*--------------featured links block on main oakland dashboard styling------

#inst258 {
background: transparent;
}


@media screen and (min-width: 1200px) and (max-width: 1549px){
#inst258 {
  margin-right: 0% !important;
  margin-left: 0% !important;
}
}

@media screen and (min-width: 1550px) and (max-width: 2000px){
#inst258 {
  margin-right: 0% !important;
  margin-left: 18% !important;
background: transparent;
}
}


@media screen and (min-width: 2000px) and (max-width: 4000px){
#inst258 {
 margin-left: 28% !important;
background: transparent;
}
}
--------*/

#inst258 {
  margin-top: -15px;
background: transparent;
}

#inst324 {
  background: transparent;
}


.totaraNav_prim .masthead_logo {
  -webkit-box-flex: 0;
  flex-grow: 0;
  margin-left: 5%;
}

.totaraNav_prim--list_item_label {
  font-size: 20px;
  color: white;
  font-weight: bold;
}

.totaraNav_prim .masthead_logo--header_img {
  height: 8.8rem;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.totaraNav_prim {
  padding: var(--gap-6) 0;
  background: var(--nav-bg-color);
  padding: 0px;
}


.totaraNav_prim--list_item_label::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  display: block;
  width: 100%;
  border-bottom: var(--border-width-normal) solid green;
  -webkit-transition: .2s;
  transition: .2s;
  content: "";
display: none;
}

.totaraNav_prim--list_item_label::before:hover {
  position: absolute;
  bottom: -3px;
  left: 0;
  display: block;
  width: 100%;
  border-bottom: var(--border-width-normal) solid green;
  -webkit-transition: .2s;
  transition: .2s;
  content: "";

}



.totaraNav_prim .totaraNav--expand_indent .totaraNav--icon_chevron {
  top: 1px;
  margin: auto 0;
 color: #6a7884;
  font-size: 12px;
}

.totaraNav_prim--side {
  position: relative;
  float: right;
  background-color: white;
border-radius: 5px;
}

.flex-icon.ft-fw.ft.tfont-var-search {
  color: white;
}

.google_btn_cont {
  height: 49px;
  width: 74px;
  background: url(https://cdn.oakland.k12.mi.us/img/static/miplace/btn_google_signin_dark_normal_web@2x.png) no-repeat bottom;
    background-position-x: center;
    background-position-y: bottom;
    background-size: auto;
  background-position-x: center;
  background-position-y: bottom;
  background-size: auto;
  background-size: inherit;
  background-position: -10px;
  border-color: grey;
  float: left;
  margin-top: 26px;
}


/*---------Adjust main login button------------*/
.potentialidplist {
  clip-path: ellipse;
  background: #00a2dd;
  width: 100%;
  margin-right: 15px;
 width: 20%;
}



.loginbox .potentialidp {
  padding: 5px;
  display: table-caption;
  text-anchor: start;
  color: white;
}

.loginbox .potentialidp a {
  color: white;
  font-weight: bold;
}

.ms_txt_hide {
  visibility: hidden;
}

.ms_txt {
  margin-top: 20px;
  float: right;
  margin-bottom: 13px;
}

.ms_txt a{
margin-left: 46px;
margin-top: 12px;
margin-bottom: -10px;
}

.ms_space {
  height: 8px;
}

.oakland_login_btn {
  border-width: 1px;
  border-color: darkblue;
  border: 1px solid gray;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 3px;
  background: #dfdfdf;
  color: black;
  margin-top: -7px !important;
min-width: 89px;
}

.oakland_login_btn:hover {
text-decoration: none;
background: white;
}

.totaraNav_prim--list_item_label {
color: #6a7884;
}

.potentialidplist {
    clip-path: ellipse;
    background: #00a2dd;
    width: 100%;
    margin-right: 15px;
    width: 44%;
}


/*--------New Login Page------------*/
.login-page-cont {
  top: 0;
  left: 0;
  width: 100%;
  background: transparent;
  height: 100%;
  display: flex;

}

.login-left-cont {
  width: 50%;
  background: #e6e5e7;
  margin: 0px;
}


@media screen and (min-width: 1px) and (max-width: 800px){
.login-page-cont {
flex-flow: column;
}

.login-left-cont {
  width: 100%;
}
.login-right-cont {
  width: 100%;
}
.left-footer {
position: relative;
width: 100%;
background: yellow;
}
}

.left-footer {
  background: transparent;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  display: flex;
  justify-content: space-between;
align-items: center;
margin-bottom: 5px;
}


.login-left-cont {
 display: flex;
  justify-content: center;
  align-items: center;
}

.right-sub-cont {
  margin-top: 70%;
}

.left-img {
  width: 100%;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}
.left-img-pic{
content: url('https://www.miplacek12.org/theme/pix/miPLACE_1000.png') !important;
max-width: 40%;
margin-top: -12%;
}

.left-log {
  display: flex;
  justify-content: center;
}

.left-holder {
background: white;
min-height: 200px;
min-width: 400px;
border-radius: 20px;
margin-top: 20px;
width: 50%;
max-width: 381px;
min-width: 381px;
border-top-width: 6px !important;
}


.potentialidp .btn {
  color: white;
  font-weight: bold;
}

.login-right-cont img {
  content: url('https://www.miplacek12.org/theme/pix/new_login_oakland.png') !important;
position: relative;
  height: auto;
  max-width: 100%;
}

.login-right-cont {
  width: 50%;
  background: #0072a5;
  margin: 0px;
}

.text-overlay {
  position: absolute;
  bottom: 10%;
  max-width: 43%;
  left: 55%;
  color: white;
}

.login-img {
  max-width: 100%;
}

.path-login #page {
  background-color: #e6e5e7;
}

@media screen and (min-width: 1px) and (max-width: 800px){
.text-overlay {
  position: absolute;
  bottom: 10%;
  max-width: 80%;
  color: red;
left: 0;
margin-left: 20px;
display: none;
}
.login-right-cont{
display: none;
}

.left-holder {
  width: 100%;
  border-radius: 0px;
box-shadow: none !important;
border-top-width: 6px !important;
}
.login-right-cont {
width: 100%;
box-shadow: none;
}

.google_btn_cont {
  margin-left: 15px !important;
}

.left-img-pic {
margin-top: 15px;
}

}

@media screen and (min-width: 801px) and (max-width: 1500px){
.text-overlay {
  position: absolute;
  bottom: 1.5%;
  max-width: 43%;
  left: 55%;
  color: white;
}

.r-ft {
  font-size: 10px;
}

.login-desc {
font-size: 14px;
}

.btm-left-logo-img {
  max-width: 100px !important;
  height: auto;
  margin-left: 15px;
}

}

.potentialidplist {
  clip-path: ellipse;
  background: #00a2dd;
  width: 100%;
  margin-right: 15px;
  width: 44%;
  position: absolute;
  width: 95px;
  height: 49px;
  overflow: hidden;
  margin-top: 26px;
  margin-left: 156px;
}

.google_btn_cont {
  margin-left: 90px;
}

.potentialidp {
  margin-top: 4px;
}

.left-holder {
  border-width: 20px !important;
  border-color: white;
  border: solid white;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
box-shadow: 3px 3px 3px darkgray;
border-top-width: 6px !important;
}

.subcontent.loginsub {
  margin: 30px;
}

.ms_txt {
  width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-top: 64px;
}

.r-ft {
  text-align: right;
  margin-right: 20px;
color: #0072a5;
}

.btm-left-logo-img {
max-width: 200px;
height: auto;
margin-left: 30px;
}

.create-ticket {
  position: absolute;
  margin-top: 96px;
}

@media screen and (min-width: 1px) and (max-width: 1100px){
.login-desc{
 font-size: 12px;
max-width: 83%;
margin-bottom: 17%;

}

.left-holder {
width: 100% !important;
border-radius: 0px !important;
box-shadow: none !important;
border-top-width: 6px !important;
}
}

 @media screen and (min-width: 1px) and (max-width: 800px){
.left-img-pic {
    margin-top: 15px;
}

.google_btn_cont{
margin-left: 90px !important;
}

.left-img-pic {
    max-width: 150px;
    margin-top: 3%;
}

.r-ft {
  font-size: 10px;
}

.left-footer {
width: 100%;

}

.totaraNav_prim--list_item_label {
  font-size: 18px !important;
}

.left-footer {
  justify-content: center;
  flex-direction: column;
}

.btm-left-logo-img {
  margin-bottom: 15px;
}

.m-ft{
margin-bottom: 5px;
justify-content: center;
}

.l-ft{
margin-bottom: 5px;
justify-content: center;
margin-left: -20px;
}

.login-page-cont {
  background: #e6e5e7;
}

.path-login #page {
  background-color: #e6e5e7;
}

.”footer-login-socials” {
 display: flex;
justify-content: center;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
min-width: 50%;
flex-direction: row;
margin-bottom:10px;
display: flex;
        align-items: center;
        justify-content: center;
        -webkit-align-items: center;
height: 30px;
}

}



.ft-cont {
  background: transparent;
  display: flex;
  justify-content: center;
}

.main-ft-l {
background: transparent;
}

.main-ft-r {
display: flex;
background: transparent;
align-items: center;
justify-content: center;
flex-direction: column;
align-items: revert-layer;
justify-content: flex-end;
}

.ft-center {
display: flex;
background: transparent;
margin-top: 17px !important;
}

.footer-gap {
visibility: hidden;
}

.mainb-ft-1 {
  font-weight: bold;
  margin-left: -17px;
}


@media screen and (min-width: 1px) and (max-width: 800px){
.ft-center {
  display: flex;
  background: transparent;
  margin-top: 17px !important;
  flex-direction: column;
  justify-content: center;
}

.ft-txt-top {
  text-align: center;
  margin: 0px;
  width: 100%;
margin-top: 20px !important;
}

.mainb-ft-2 {
  justify-content: center;
  display: flex;
  justify-content: center;

}

}
/*---Powered by Oakland logo img adjsut size - sw 7.5.23-----*/
.img-oakland-powered-by {
  display: flex;
  width: 100%;
  height: auto;
transition:transform 0.4s ease;
max-width: 100%;
  overflow: visible;
}

.img-oakland-powered-by:hover {
  -webkit-transform: translateY(2.5px);
	transform: translateY(2.5px);
cursor: pointer;
transition:transform 0.4s ease;
}

#inst358 {
  background: transparent;
  margin-bottom: -15px;
}


#inst882 {
  background: transparent;
  background: transparent;
  margin-top: -46px;
  margin-bottom: 11px;
}

.img-mygroups-btn:hover {
	-webkit-transform: translateY(1.5px);
	transform: translateY(1.5px);
cursor: pointer;
transition:transform 0.4s ease;
}

.img-mygroups-btn {
transition:transform 0.4s ease;
max-width: 100%;
margin-bottom: -28px;
}

.mform .fitem .felement input[type="checkbox"], .mform .fitem .felement input[type="radio"] {
  vertical-align: 1px;
}

.flex-icon.ft-fw.ft.tfont-var-search {
  margin-top: -2px;
  font-size: 15px;
}


.ms_icon {
  max-width: 20px;
}

.path-mod-assign [data-region="user-selector"] .alignment {
  float: right;
  width: 320px;
  text-align: center;
  margin-top: 0px;
}

#page-mod-assign-grader .row-fluid .span4 {
  float: left;
  width: 33.3333333333%;
  margin-top: -15px !important;
}

/*-fix catalog microscope icon sw 8.9.23--*/
.flex-icon.ft-fw.ft.tfont-var-search {
  color: black;
}

/*----------adjust  View My Team report dispaly sw 10.16.23----------------------------------*/
#inst1467 .content span {
  display: none;
}


/*-------------Fix miPLACe dashboard-------*/
#inst1789 {
  background: transparent;
margin-bottom: -26px
}

#inst1788 {
  background: transparent;
  margin-bottom: -33px;
  margin-top: 12px;
}

#inst1779 {
  background: transparent;
margin-bottom: 1px
}

#inst2120 {
  background: transparent;
margin-bottom: 1px
}

#inst1776 {
  background: transparent;
  margin-bottom: -25px;
  margin-top: 1px;
}

#inst2282 {
  background: transparent;
}

#inst1777 {
  background: transparent;
  margin-bottom: -15px;
  margin-top: 1px;
}

#inst1824 {
  background: transparent;
margin-bottom: -22px;
}

#inst1826 {
  background: transparent;
}

#inst1823 {
  background: transparent;
margin-bottom: -33px;
}

.img-responsive.atto_image_button_middle {
  width: 100%;
}

#inst1368 {
  background: transparent;
}

#inst2041 {
  background: transparent;
}