/*

Only need woff2 going forward

 */
@font-face {
  src: local("Arial"), url("https://static.purplemash.com/fonts/arial/arial.woff2") format("woff2");
  font-family: "Arial";
}
@font-face {
  src: local("Arial Black"), url("https://static.purplemash.com/fonts/arial-black/arial-black.woff2") format("woff2");
  font-family: "Arial Black";
}
@font-face {
  font-family: 'Rounded';
  src: url('https://static.purplemash.com/fonts/arial-rounded/arial-rounded-bold.woff2') format('woff2');
}
@font-face {
  src: url("https://static.purplemash.com/fonts/bauhaus/bauhs93.woff2") format("woff2");
  font-family: "Bauhaus";
}
@font-face {
  src: url("https://static.purplemash.com/fonts/jokerman/jokerman.woff2") format("woff2");
  font-family: "Jokerman";
}
@font-face {
  src: url("https://static.purplemash.com/fonts/baskerville/baskvill.woff2") format("woff2");
  font-family: "Baskerville";
}
@font-face {
  src: url("https://static.purplemash.com/fonts/abc/abc_junior_dot_line.woff2") format("woff2");
  font-family: "ABC Junior Dot Line";
}
@font-face {
  src: url("https://static.purplemash.com/fonts/abc/abc_junior_dot.woff2") format("woff2");
  font-family: "ABC Junior Dot";
}
@font-face {
  src: url("https://static.purplemash.com/fonts/abc/abc_junior_line.woff2") format("woff2");
  font-family: "ABC Junior Line";
}
@font-face {
  src: url("https://static.purplemash.com/fonts/abc/abc_junior_plain.woff2") format("woff2");
  font-family: "ABC Junior Plain";
}
@font-face {
  src: url("https://static.purplemash.com/fonts/abc/abc_junior_typing.woff2") format("woff2");
  font-family: "ABC Junior Typing";
}
@font-face {
  src: url("https://static.purplemash.com/fonts/breakthrough/breakthrough.woff2") format("woff2");
  font-family: "Breakthrough";
}
@font-face {
  src: local('Garamond'), url("https://static.purplemash.com/fonts/garamond/eb-garamond-v26-latin-regular.woff2") format("woff2");
  font-family: "Garamond";
}
@font-face {
  src: local('Georgia'), url("https://static.purplemash.com/fonts/georgia/georgia.woff2") format("woff2");
  font-family: "Georgia";
}
@font-face {
  src: url("https://static.purplemash.com/fonts/impact/impact.woff2") format("woff2");
  font-family: "Impact";
}
@font-face {
  src: url("https://static.purplemash.com/fonts/teachers-pet/teachers-pet.woff2") format("woff2");
  font-family: "Teachers Pet";
}
@font-face {
  src: url("https://static.purplemash.com/fonts/tahoma/tahoma.woff2") format("woff2");
  font-family: "Tahoma";
}
@font-face {
  src: local('Times New Roman'), url("https://static.purplemash.com/fonts/timesnewroman/TimesNewRomanPSMT.woff2") format("woff2");
  font-family: "Times New Roman";
}
@font-face {
  src: url("https://static.purplemash.com/fonts/palatino-linotype/palatino-linotype.woff2") format("woff2");
  font-family: "Palatino Linotype";
}
@font-face {
  src: url("https://static.purplemash.com/fonts/calibri/calibri.woff2") format("woff2");
  font-family: "Calibri";
}
@font-face {
  src: url("https://static.purplemash.com/fonts/bradley-hand/bradley-hand-italic.woff2") format("woff2");
  font-family: "Bradley Hand";
}
@font-face {
  src: url("https://static.purplemash.com/fonts/book-antiqua/book-antiqua.woff2") format("woff2");
  font-family: "Book Antiqua";
}
@font-face {
  src: local('Courier New'), url("https://static.purplemash.com/fonts/courier/courier.woff2") format("woff2");
  font-family: "Courier";
}
@font-face {
  src: local('Courier New'), url("https://static.purplemash.com/fonts/courier/courier.woff2") format("woff2");
  font-family: "Courier New";
}
@font-face {
  src: url('https://static.purplemash.com/fonts/minimash/Poppins-edited.woff2') format('woff2');
  font-family: 'PoppinsEdited';
}
@font-face {
  src: url("https://static.purplemash.com/fonts/i-am-the-crayon-master/IAmTheCrayonMaster.woff2") format("woff2");
  font-family: "Crayon";
}
@font-face {
  font-family: "Comic sans ms";
  src: local('Comic sans ms'), url("https://static.purplemash.com/fonts/comic/comic.woff2") format("woff2");
}
@font-face {
  font-family: "comic";
  src: local('Comic sans ms'), url('https://static.purplemash.com/fonts/comic/comic.woff2') format("woff2");
}
@font-face {
  font-family: "Lucida Sans Unicode";
  src: local('Lucida Sans Unicode'), url('https://static.purplemash.com/fonts/lucida/lucida-sans-unicode.woff2') format("woff2");
}
@font-face {
  font-family: 'Nunito';
  src: url('https://static.purplemash.com/fonts/nunito/Nunito-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Nunito';
  src: url('https://static.purplemash.com/fonts/nunito/Nunito-Bold.woff2') format('woff2');
  font-weight: bold;
}
@font-face {
  font-family: 'SFDigitalReadout';
  src: url('https://static.purplemash.com/fonts/minimash/SFDigitalReadout-Medium.woff2') format('woff2');
}
@font-face {
  font-family: 'Muli';
  src: url('https://static.purplemash.com/fonts/muli/Muli-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'CursiveJoin';
  src: url("https://static.purplemash.com/fonts/linkpen/Linkpen 2b Join.woff2") format("woff2");
}
.contextual-ligatures {
  font-variant-ligatures: contextual;
}
@font-face {
  font-family: 'CursivePrint';
  src: url("https://static.purplemash.com/fonts/linkpen/Linkpen 2b Print.woff2") format("woff2");
}
@font-face {
  font-family: "Aravis";
  src: url("https://static.purplemash.com/fonts/aravis/Aravis-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Aravis";
  src: url("https://static.purplemash.com/fonts/aravis/Aravis-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Aravis";
  src: url("https://static.purplemash.com/fonts/aravis/Aravis-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Aravis";
  src: url("https://static.purplemash.com/fonts/aravis/Aravis-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Aravis";
  src: url("https://static.purplemash.com/fonts/aravis/Aravis-light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Aravis";
  src: url("https://static.purplemash.com/fonts/aravis/Aravis-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Aravis";
  src: url("https://static.purplemash.com/fonts/aravis/Aravis-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
/** Lasso **/
/** pm Table **/
/** search bar **/
/** My Account **/
/** Pupil export login cards **/
/** lasso wizard  **/
#portal-sch {
  display: table;
  width: 100%;
  height: 100%;
}
#portal-sch .white-small-button {
  background-color: #FFFFFF;
  font-size: 17px;
  padding: 2px 10px;
  height: 30px;
}
#portal-sch .icon-button {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
}
#portal-sch .navbar {
  width: 100%;
  background-color: #707070;
  height: 80px;
  margin: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
#portal-sch .navbar #schoolUrlText {
  width: 350px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  resize: none;
  padding: 4px;
  height: 32px;
}
#portal-sch .navbar .table {
  table-layout: auto;
  padding: 0;
  margin: 0;
}
#portal-sch .navbar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#portal-sch .navbar li {
  padding: 7px;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
}
#portal-sch .navbar .right-menu {
  display: table-cell;
  white-space: nowrap;
  padding-right: 10px;
  vertical-align: middle;
}
#portal-sch .navbar .left-menu {
  padding-left: 20px;
  font-size: 16px;
  font-weight: bold;
  color: white;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
#portal-sch .navbar .left-menu p {
  margin-bottom: 5px;
  line-height: 1;
}
#portal-sch .sidebar {
  background-color: white;
  position: fixed;
  height: 100%;
  top: 80px;
  left: 0;
}
#portal-sch .sidebar .school-name {
  font-weight: bold;
  font-size: 35px;
}
#portal-sch .sidebar .school-motto {
  min-height: 80px;
  font-size: 16px;
}
#portal-sch .sidebar .school-motto-text {
  height: 80px;
}
#portal-sch .sidebar textarea {
  padding: 10px;
  border: 2px dashed #707070;
  background: url(https://static.purplemash.com/images/sch/edit-pencil.png) no-repeat top right;
  background-size: 25px;
  width: 100%;
  resize: none;
  text-align: center;
}
#portal-sch .sidebar textarea:focus {
  border: 2px dashed #57F6F6;
  outline: none;
  background: none;
}
#portal-sch .sidebar [nv-file-drop] {
  display: inline-block;
  min-width: 136px;
  max-width: 204px;
  min-height: 136px;
  max-height: 204px;
}
#portal-sch .sidebar .logo-drop-zone {
  border: 2px dashed #707070;
  background-size: 25px;
  min-height: 100px;
  position: relative;
}
#portal-sch .sidebar .logo-drop-zone img {
  max-width: 100%;
  padding: 0;
}
#portal-sch .sidebar .logo-drop-zone label {
  background: url(https://static.purplemash.com/images/sch/edit_image.png) no-repeat top right;
  width: 100%;
  height: 100%;
  display: table-cell;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  cursor: pointer;
}
#portal-sch .sidebar .drag-over-logo-drop-zone {
  border: 2px dashed #57F6F6;
  outline: none;
  background: none;
}
#portal-sch .sidebar .footer {
  display: table-row;
  height: 150px;
}
#portal-sch .login-panel {
  background: rgba(255, 255, 255, 0.65);
  overflow: visible;
  padding: 20px 45px;
}
#portal-sch .login-panel .logo {
  margin-top: -80px;
  width: 153px;
}
#portal-sch .login-panel form {
  padding-top: 15px;
}
#portal-sch .login-panel .teacher-greeting {
  font-weight: bold;
  font-size: 35px;
}
#portal-sch .panel {
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.65);
  border: none;
}
#portal-sch .mobile-footer {
  padding: 20px;
}
#portal-sch .mobile-footer a {
  color: white;
  text-decoration: underline;
}
#portal-sch .mobile-footer a:hover {
  color: white;
}
#portal-sch .recent-logins {
  display: table;
  width: 100%;
  table-layout: fixed;
}
#portal-sch .recent-logins .side-header {
  position: relative;
  display: table-cell;
  height: 100%;
  width: 43px;
  background-color: #6A1B9A;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
#portal-sch .recent-logins .side-header .side-header-text {
  font-size: 16px;
  color: white;
  transform: rotate(-90deg);
  transform-origin: bottom right;
  font-weight: bold;
  width: 120px;
  position: absolute;
  top: -21px;
  left: -87px;
}
#portal-sch .recent-logins .user-content {
  display: table-cell;
}
#portal-sch .recent-logins .delete-user-button {
  position: absolute;
  right: 3px;
  top: 3px;
  cursor: pointer;
  background: #dddddd;
  border: none;
  outline: none;
  width: 21px;
  height: 21px;
}
#portal-sch .recent-logins .delete-user-button:after {
  display: inline-block;
  content: "";
  width: 18px;
  height: 18px;
  background-position: -486px 0px;
  background-image: url("https://static.purplemash.com/images/icons/icons18.png");
  left: -4px;
  top: 1px;
  position: relative;
}
#portal-sch .recent-logins .username {
  font-size: 16px;
  font-weight: bold;
}
#portal-sch .recent-logins img {
  width: 80px;
}
#portal-sch .recent-logins .scroll-container {
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
}
#portal-sch .recent-logins .recent-user {
  position: relative;
  padding: 9px;
  display: inline-block;
  cursor: pointer;
  height: 120px;
  text-align: center;
  vertical-align: top;
}
#portal-sch .main-section {
  vertical-align: middle;
  position: fixed;
  height: 100%;
  top: 80px;
  left: 0;
  padding-bottom: 80px;
}
#portal-sch .main-section .color-toolbar {
  position: absolute;
  top: 0;
  right: 0;
}
#portal-sch .main-section .miniColors-trigger {
  background-image: url(https://static.purplemash.com/images/sch/bg_colour.png);
  height: 38px;
  width: 38px;
}
#portal-sch .portal-top-menu {
  display: table-row;
  height: 80px;
}
#portal-sch .kids-login-panel {
  position: fixed;
  width: 290px;
  display: inline-block;
  height: 560px;
  background-color: white;
  text-align: center;
  bottom: 0;
  right: 0;
}
#portal-sch .kids-login-panel .title {
  font-size: 20px;
  font-weight: bold;
  font-family: Nunito;
  padding: 35px 15px 15px 15px;
}
#portal-sch .edit-switch {
  font-size: 17px;
  vertical-align: middle;
  border: 1px solid;
  position: relative;
  display: inline-block;
  box-sizing: content-box;
  overflow: visible;
  height: 30px;
  padding: 0px;
  margin: 0px;
  border-radius: 20px;
  cursor: pointer;
  box-shadow: #dfdfdf 0px 0px 0px 0px inset;
}
#portal-sch .edit-switch.switch {
  background: white;
  border-color: white;
}
#portal-sch .edit-switch.switch.checked {
  background: #64bd63;
  border-color: #64bd63;
}
#portal-sch .edit-switch.switch {
  color: black;
}
#portal-sch .edit-switch.switch.checked {
  color: white;
}
#portal-sch .edit-switch small {
  background: #fff;
  border-radius: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0px;
}
#portal-sch .edit-switch .switch-container {
  text-align: left;
}
#portal-sch .edit-switch .switch-text {
  display: inline-block;
  margin-left: 35px;
  text-align: center;
  vertical-align: top;
  line-height: 30px;
  font-size: 14px;
}
#portal-sch .edit-switch.checked .switch-text {
  margin-left: 12px;
}
#portal-sch .edit-switch.switch {
  color: white;
}
#portal-sch .edit-switch.switch.checked {
  color: white;
}
#portal-sch .edit-switch.switch {
  background: #009839;
  border-color: #009839;
}
#portal-sch .edit-switch.switch.checked {
  background: #6A1B9A;
  border-color: #6A1B9A;
}
@media screen and (max-width: 767px) {
  #portal-sch .sidebar,
  #portal-sch .main-section {
    position: inherit !important;
  }
  #portal-sch .kids-login-panel .title {
    margin-top: 10px;
    margin-bottom: 15px;
  }
  #portal-sch .main-section {
    padding-bottom: 0;
  }
  #portal-sch .main-section .table {
    margin-bottom: 0;
  }
  #portal-sch .hide-in-mobile {
    display: none;
  }
  #portal-sch .login-panel {
    margin-top: 70px;
  }
}
@media screen and (max-width: 600px) {
  #portal-sch .portal-top-menu,
  #portal-sch .navbar {
    height: auto;
  }
  #portal-sch .navbar .right-menu {
    white-space: normal;
  }
  #portal-sch .navbar .left-menu {
    padding-left: 0;
  }
}
#portal-sch .alert-message {
  color: white;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #6A1B9A;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 15px;
}
#portal-sch .alert-message img {
  margin-right: 10px;
}
#portal-sch .alert-message.ng-enter {
  transition: 0.5s ease-out all;
  top: -200px;
}
#portal-sch .alert-message.ng-enter.ng-enter-active {
  top: 0px;
}
#portal-sch .alert-message.ng-leave {
  transition: 0.5s ease-in all;
  top: 0px;
}
#portal-sch .alert-message.ng-leave.ng-leave-active {
  top: -200px;
}
#portal-sch #kid-pad .btn,
#portal-sch #kid-pad .btn:hover {
  color: white;
}
#portal-sch .not-you-form-content {
  padding: 50px 0;
}
#portal-sch .kids-login-panel.ng-enter {
  transition: 0.5s ease-out all;
  right: -300px;
}
#portal-sch .kids-login-panel.ng-enter.ng-enter-active {
  right: 0px;
}
#portal-sch .kids-login-panel.ng-leave {
  transition: 0.5s ease-in all;
  right: 0px;
}
#portal-sch .kids-login-panel.ng-leave.ng-leave-active {
  right: -300px;
}
@font-face {
  font-family: 'Nunito';
  src: url('https://static.purplemash.com/fonts/nunito/Nunito-Regular.ttf') format('truetype');
}
.sch-select2.ui-select-container {
  width: 100%;
}
.sch-select2.ui-select-container a:focus {
  border-color: #6A1B9A;
  outline: 0;
  box-shadow: none;
}
.sch-select2.ui-select-container .select2-choice {
  height: 50px;
  padding: 0px 12px;
  font-size: 20px;
  line-height: 50px;
  color: #555;
  vertical-align: middle;
  background-color: #fff;
  background-image: none;
  border: 2px solid #EBE8EC;
  font-weight: normal;
}
.sch-select2.ui-select-container .select2-choice .select2-arrow {
  width: 50px;
}
.sch-select2.ui-select-container .select2-choice .select2-arrow b {
  text-align: center;
  background: none;
  background-image: none !important;
  background-color: #6A1B9A;
}
.sch-select2.ui-select-container .select2-choice .select2-arrow b::after {
  color: white;
  line-height: 34px;
  content: '\25BC';
}
.sch-select2.ui-select-container.select2-dropdown-open a {
  border: 2px solid #6A1B9A;
}
.sch-select2.ui-select-container.select2-dropdown-open .select2-arrow b::after {
  content: '\25B2';
}
.sch-select2.ui-select-container abbr.select2-search-choice-close {
  right: 56px;
  background-image: url(https://static.purplemash.com/images/sch/close.png) !important;
  background-repeat: no-repeat !important;
  background-size: 41px 40px !important;
  width: 41px;
  height: 40px;
  top: 3px;
}
.sch-select2.ui-select-container abbr.select2-search-choice-close:hover {
  background-position: top right;
}
.sch-select2 .ui-select-dropdown {
  border-color: #6A1B9A;
  border-width: 2px;
}
.gridStyle {
  height: 423px;
  min-width: 200px;
  font-size: 20px;
  border: none;
}
.gridStyle .ui-grid-top-panel {
  background-color: transparent;
}
.gridStyle .ui-grid-header {
  border: none;
}
.gridStyle .ui-grid-header-cell-row {
  display: -webkit-flex;
}
.gridStyle .sch-grid-header {
  height: 50px;
  background-color: #6A1B9A;
  color: white;
}
.gridStyle .sch-grid-header .ui-grid-cell-contents {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 50px;
}
.gridStyle .sch-grid-header .ui-grid-cell-contents .ui-grid-invisible {
  display: none;
}
.gridStyle .postcode-column {
  border-top-right-radius: 5px;
}
.gridStyle .name-column {
  border-right: 5px solid;
  border-top-left-radius: 5px;
}
.gridStyle .sch-grid-cell {
  cursor: pointer;
}
.gridStyle .ui-grid-row-selected .sch-grid-cell {
  background-color: #716974 !important;
  color: white;
}
.gridStyle .name-cell {
  border-right: 5px solid white;
}
.gridStyle .ui-grid-row:last-child .name-cell {
  border-right: 5px solid white;
}
.gridStyle .ui-grid-row:last-child .ui-grid-cell {
  border-bottom: none;
}
.gridStyle .ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #EBE8EC;
}
.gridStyle .ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #DBDBDB;
}
.gridStyle .ui-grid-pager-panel {
  background-color: #975fb8;
  color: white;
  border: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.gridStyle .ui-grid-pager-control button {
  background-color: #6A1B9A;
  border: none;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  padding-left: 10px;
}
.gridStyle .ui-grid-pager-control button[disabled]:hover,
.gridStyle .ui-grid-pager-control .button[disabled]:focus {
  background-color: #6A1B9A;
  border-color: #6A1B9A;
}
.gridStyle .ui-grid-pager-control-input {
  border: none;
  border: 2px solid #6A1B9A;
  border-radius: 5px;
  height: 30px !important;
}
.gridStyle .first-bar,
.gridStyle .last-bar {
  border-color: white;
}
.gridStyle .first-triangle {
  border-color: transparent white transparent transparent;
}
.gridStyle .last-triangle {
  border-color: transparent transparent transparent white;
}
@media screen and (max-width: 600px) {
  .gridStyle .ui-grid-pager-count {
    font-size: 16px;
  }
}
#sch .input-group.green-tick .input-group-addon,
.modal-dialog .input-group.green-tick .input-group-addon,
#portal-sch .input-group.green-tick .input-group-addon {
  background-image: url(https://static.purplemash.com/images/parentportal/green_tick.png);
}
#sch .input-group.disabled-tick .input-group-addon,
.modal-dialog .input-group.disabled-tick .input-group-addon,
#portal-sch .input-group.disabled-tick .input-group-addon {
  background-image: url(https://static.purplemash.com/images/parentportal/grey_tick.png);
}
#sch .input-group.green-tick .input-group-addon,
.modal-dialog .input-group.green-tick .input-group-addon,
#portal-sch .input-group.green-tick .input-group-addon,
#sch .input-group.disabled-tick .input-group-addon,
.modal-dialog .input-group.disabled-tick .input-group-addon,
#portal-sch .input-group.disabled-tick .input-group-addon {
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
}
#sch .input-group.green-tick .input-group-addon:after,
.modal-dialog .input-group.green-tick .input-group-addon:after,
#portal-sch .input-group.green-tick .input-group-addon:after,
#sch .input-group.disabled-tick .input-group-addon:after,
.modal-dialog .input-group.disabled-tick .input-group-addon:after,
#portal-sch .input-group.disabled-tick .input-group-addon:after {
  display: inline-block;
  width: 40px;
  content: "";
}
#sch .input-group.green-tick input,
.modal-dialog .input-group.green-tick input,
#portal-sch .input-group.green-tick input,
#sch .input-group.disabled-tick input,
.modal-dialog .input-group.disabled-tick input,
#portal-sch .input-group.disabled-tick input {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
#sch .form-control,
.modal-dialog .form-control,
#portal-sch .form-control {
  height: 50px;
  font-size: 20px;
  border-width: 2px;
  border-color: #EBE8EC;
}
#sch .has-error .form-control,
.modal-dialog .has-error .form-control,
#portal-sch .has-error .form-control {
  border-color: #D62738;
}
#sch .has-error .form-control:focus,
.modal-dialog .has-error .form-control:focus,
#portal-sch .has-error .form-control:focus {
  border-color: #D62738;
}
#sch .control-label,
.modal-dialog .control-label,
#portal-sch .control-label {
  font-size: 20px;
  color: #6A1B9A;
  font-weight: normal;
}
#sch .form-control:focus,
.modal-dialog .form-control:focus,
#portal-sch .form-control:focus {
  border-color: #6A1B9A;
  outline: 0;
  box-shadow: none;
}
#sch .line-on-sides-header,
.modal-dialog .line-on-sides-header,
#portal-sch .line-on-sides-header {
  display: table;
  margin: 0 50px;
  line-height: 0;
}
#sch .line-on-sides-header span,
.modal-dialog .line-on-sides-header span,
#portal-sch .line-on-sides-header span {
  margin: 20px;
}
#sch .line-on-sides-header:before,
.modal-dialog .line-on-sides-header:before,
#portal-sch .line-on-sides-header:before {
  content: "";
  border-top: 2px solid #EBE8EC;
  display: table-cell;
  width: 50%;
}
#sch .line-on-sides-header:after,
.modal-dialog .line-on-sides-header:after,
#portal-sch .line-on-sides-header:after {
  content: "";
  border-top: 2px solid #EBE8EC;
  display: table-cell;
  width: 50%;
}
body,
html {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  padding: 0;
  font-family: 'Nunito', sans-serif;
}
.modal {
  text-align: center;
}
.modal .dialog-text-message {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 20px;
  color: #6A1B9A;
  padding-top: 40px;
}
@media screen and (min-width: 767px) {
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
  .modal-dialog {
    display: inline-block;
  }
}
@media screen and (min-width: 767px) {
  .modal-lg {
    width: 740px;
  }
}
.modal-dialog {
  text-align: left;
}
#sch .login-panel [class*='col-'],
#portal-sch .login-panel [class*='col-'] {
  padding-left: 10px;
  padding-right: 10px;
}
#sch,
.modal-dialog,
#portal-sch {
  /* to hide the scrollbar then user resizes the window*/
}
#sch .sidebar,
.modal-dialog .sidebar,
#portal-sch .sidebar {
  padding: 40px;
}
#sch .sidebar .logo-section,
.modal-dialog .sidebar .logo-section,
#portal-sch .sidebar .logo-section {
  display: table-row;
}
#sch .sidebar .logo-section .image-container,
.modal-dialog .sidebar .logo-section .image-container,
#portal-sch .sidebar .logo-section .image-container {
  max-width: 250px;
  display: inline-block;
}
#sch .sidebar .logo-section img,
.modal-dialog .sidebar .logo-section img,
#portal-sch .sidebar .logo-section img {
  max-height: 100%;
  max-width: 100%;
}
#sch .sidebar a,
.modal-dialog .sidebar a,
#portal-sch .sidebar a {
  font-size: 20px;
  font-weight: bold;
}
#sch .sidebar.no-menu,
.modal-dialog .sidebar.no-menu,
#portal-sch .sidebar.no-menu {
  top: 0;
}
#sch .btn,
.modal-dialog .btn,
#portal-sch .btn {
  font-size: 20px;
  font-weight: 700;
}
#sch .full-width,
.modal-dialog .full-width,
#portal-sch .full-width {
  width: 100%;
}
#sch .btn-big,
.modal-dialog .btn-big,
#portal-sch .btn-big {
  height: 50px;
}
#sch .small-btn,
.modal-dialog .small-btn,
#portal-sch .small-btn {
  height: 40px;
  padding: 0 10px;
  font-size: 16px;
}
#sch .btn-pm-theme,
.modal-dialog .btn-pm-theme,
#portal-sch .btn-pm-theme {
  background-color: #6A1B9A;
  color: white;
}
#sch .btn-pm-theme-2,
.modal-dialog .btn-pm-theme-2,
#portal-sch .btn-pm-theme-2,
#sch .btn-pm-theme-2:hover,
.modal-dialog .btn-pm-theme-2:hover,
#portal-sch .btn-pm-theme-2:hover {
  background-color: #009839;
  color: white;
}
#sch .pm-theme-link,
.modal-dialog .pm-theme-link,
#portal-sch .pm-theme-link,
#sch .pm-theme-link:hover,
.modal-dialog .pm-theme-link:hover,
#portal-sch .pm-theme-link:hover {
  color: #6A1B9A;
  text-decoration: underline;
}
#sch .no-underline,
.modal-dialog .no-underline,
#portal-sch .no-underline {
  text-decoration: none;
}
#sch .go-portal-button,
.modal-dialog .go-portal-button,
#portal-sch .go-portal-button {
  padding-left: 5px;
  padding-right: 5px;
  font-size: 17px;
}
#sch .pm-theme-text,
.modal-dialog .pm-theme-text,
#portal-sch .pm-theme-text {
  color: #6A1B9A;
}
#sch .pm-theme-2-text,
.modal-dialog .pm-theme-2-text,
#portal-sch .pm-theme-2-text {
  color: #009839;
}
#sch form,
.modal-dialog form,
#portal-sch form {
  font-size: 20px;
}
#sch .table,
.modal-dialog .table,
#portal-sch .table {
  display: table;
  height: 100%;
  table-layout: fixed;
}
#sch .cell,
.modal-dialog .cell,
#portal-sch .cell {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  position: relative;
}
#sch .table-row,
.modal-dialog .table-row,
#portal-sch .table-row {
  display: table-row;
}
#sch .main-section,
.modal-dialog .main-section,
#portal-sch .main-section {
  padding: 15px 40px;
  text-align: center;
  background: white;
  vertical-align: middle;
  position: fixed;
  height: 100%;
  top: 80px;
  left: 0;
}
#sch .main-section.no-menu,
.modal-dialog .main-section.no-menu,
#portal-sch .main-section.no-menu {
  top: 0;
}
#sch .main-section .title-text,
.modal-dialog .main-section .title-text,
#portal-sch .main-section .title-text {
  color: #6A1B9A;
  font-size: 20px;
  font-weight: bold;
}
#sch .main-section > h3,
.modal-dialog .main-section > h3,
#portal-sch .main-section > h3 {
  margin-top: 10px;
}
#sch .main-section .align-container,
.modal-dialog .main-section .align-container,
#portal-sch .main-section .align-container {
  width: 100%;
  max-width: 600px;
  display: inline-block;
}
#sch .action-link,
.modal-dialog .action-link,
#portal-sch .action-link {
  margin-top: 10px;
  font-size: 16px;
  background-color: transparent;
  border: 1px solid #6A1B9A;
  color: #6A1B9A;
  border-radius: 4px;
  padding: 5px;
  display: block;
}
#sch .action-link:hover,
.modal-dialog .action-link:hover,
#portal-sch .action-link:hover {
  background-color: #6A1B9A;
  color: white;
  text-decoration: none;
}
#sch .action-link:hover,
.modal-dialog .action-link:hover,
#portal-sch .action-link:hover,
#sch .action-link:focus,
.modal-dialog .action-link:focus,
#portal-sch .action-link:focus,
#sch .action-link:active,
.modal-dialog .action-link:active,
#portal-sch .action-link:active {
  text-decoration: none;
}
#sch .integration-partners,
.modal-dialog .integration-partners,
#portal-sch .integration-partners {
  padding-top: 20px;
}
#sch .integration-partners a:hover,
.modal-dialog .integration-partners a:hover,
#portal-sch .integration-partners a:hover {
  text-decoration: none;
}
#sch .integration-partners .panel-body,
.modal-dialog .integration-partners .panel-body,
#portal-sch .integration-partners .panel-body {
  padding: 0;
  text-align: center;
}
#sch .btn[disabled],
.modal-dialog .btn[disabled],
#portal-sch .btn[disabled] {
  color: white;
  background-color: grey;
}
#sch #school-form,
.modal-dialog #school-form,
#portal-sch #school-form {
  padding: 0px;
}
#sch .form-group,
.modal-dialog .form-group,
#portal-sch .form-group {
  margin-bottom: 10px;
}
#sch .ngViewport,
.modal-dialog .ngViewport,
#portal-sch .ngViewport {
  overflow: hidden;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#sch .input-search-icon,
.modal-dialog .input-search-icon,
#portal-sch .input-search-icon {
  position: absolute;
  top: 0;
  right: 15px;
  z-index: 2;
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  pointer-events: none;
}
#sch .input-search-icon:after,
.modal-dialog .input-search-icon:after,
#portal-sch .input-search-icon:after {
  position: absolute;
  right: 12px;
  top: 15px;
  display: inline-block;
  content: "";
  width: 18px;
  height: 18px;
  background-position: -504px 0px;
  background-image: url("https://static.purplemash.com/images/icons/icons18.png");
}
#sch .mobile-footer,
.modal-dialog .mobile-footer,
#portal-sch .mobile-footer {
  display: none;
}
#sch .mobile-footer a,
.modal-dialog .mobile-footer a,
#portal-sch .mobile-footer a {
  font-size: 20px;
  font-weight: bold;
}
#sch .footer button,
.modal-dialog .footer button,
#portal-sch .footer button,
#sch .mobile-footer button,
.modal-dialog .mobile-footer button,
#portal-sch .mobile-footer button {
  padding-left: 25px;
  padding-right: 25px;
  margin: 20px 20px 10px;
}
#sch .footer img,
.modal-dialog .footer img,
#portal-sch .footer img,
#sch .mobile-footer img,
.modal-dialog .mobile-footer img,
#portal-sch .mobile-footer img {
  width: 100px;
  margin: 10px 20px 20px;
}
@media (max-width: 768px) {
  #sch .btn-big,
  .modal-dialog .btn-big,
  #portal-sch .btn-big {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  #sch .sidebar,
  .modal-dialog .sidebar,
  #portal-sch .sidebar,
  #sch .main-section,
  .modal-dialog .main-section,
  #portal-sch .main-section {
    position: inherit !important;
  }
  #sch .sidebar,
  .modal-dialog .sidebar,
  #portal-sch .sidebar {
    padding: 20px 40px;
  }
  #sch .sidebar .table,
  .modal-dialog .sidebar .table,
  #portal-sch .sidebar .table {
    margin-bottom: 0;
    max-width: 600px;
  }
  #sch .sidebar .logo-section,
  .modal-dialog .sidebar .logo-section,
  #portal-sch .sidebar .logo-section {
    display: table-cell;
    padding-right: 10px;
  }
  #sch .sidebar .description-section,
  .modal-dialog .sidebar .description-section,
  #portal-sch .sidebar .description-section {
    display: table-cell;
    vertical-align: top;
  }
  #sch .sidebar .logo,
  .modal-dialog .sidebar .logo,
  #portal-sch .sidebar .logo {
    margin-top: 20px;
  }
  #sch .sidebar .footer,
  .modal-dialog .sidebar .footer,
  #portal-sch .sidebar .footer {
    display: none !important;
  }
  #sch .mobile-footer,
  .modal-dialog .mobile-footer,
  #portal-sch .mobile-footer {
    display: block;
    background-color: #975fb8;
    text-align: center;
    padding-top: 15px;
  }
  #sch .school-detail-column,
  .modal-dialog .school-detail-column,
  #portal-sch .school-detail-column {
    height: auto;
  }
  #sch .school-detail-column .school-image,
  .modal-dialog .school-detail-column .school-image,
  #portal-sch .school-detail-column .school-image {
    display: table-cell;
    padding-top: 10px;
    width: auto;
  }
  #sch .school-detail-column .school-address,
  .modal-dialog .school-detail-column .school-address,
  #portal-sch .school-detail-column .school-address {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
  }
}
#sch .success-message,
.modal-dialog .success-message,
#portal-sch .success-message {
  color: #149839;
  font-size: 20px;
  font-weight: bold;
  margin-left: -25px;
  margin-right: -25px;
  text-align: justify;
}
#sch .success-message img,
.modal-dialog .success-message img,
#portal-sch .success-message img {
  float: left;
  margin-right: 20px;
}
#sch .form-success-msg,
.modal-dialog .form-success-msg,
#portal-sch .form-success-msg {
  color: #009839;
  font-weight: bold;
}
#sch .form-success-msg img,
.modal-dialog .form-success-msg img,
#portal-sch .form-success-msg img {
  margin: 20px 20px 20px 0;
}
#sch .google-btn,
.modal-dialog .google-btn,
#portal-sch .google-btn {
  background-color: #4285F4;
  color: white;
  width: 100%;
  overflow: hidden;
}
#sch .snapplify-btn,
.modal-dialog .snapplify-btn,
#portal-sch .snapplify-btn {
  background-color: white;
  border: 1px solid #ccc;
  color: black;
  width: 100%;
  overflow: hidden;
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#sch .snapplify-btn span,
.modal-dialog .snapplify-btn span,
#portal-sch .snapplify-btn span {
  font-weight: 100;
  margin-left: 4px;
}
#sch .snapplify-btn .icon,
.modal-dialog .snapplify-btn .icon,
#portal-sch .snapplify-btn .icon {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-position: center;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAaCAYAAABGiCfwAAABhWlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw1AUhU9TRdEWBztocchQnSyIijhKFYtgobQVWnUweekfNGlIUlwcBdeCgz+LVQcXZ10dXAVB8AfE0clJ0UVKvC8ptIjxwuN9nHfP4b37AKFRYarZNQGommWk4jExm1sVe17hQz+CCGNYYqaeSC9m4Flf99RNdRflWd59f1ZQyZsM8InEc0w3LOIN4plNS+e8TxxiJUkhPiceN+iCxI9cl11+41x0WOCZISOTmicOEYvFDpY7mJUMlXiaOKKoGuULWZcVzluc1UqNte7JXxjIaytprtMaQRxLSCAJETJqKKMCC1HaNVJMpOg85uEPO/4kuWRylcHIsYAqVEiOH/wPfs/WLExNukmBGND9Ytsfo0DPLtCs2/b3sW03TwD/M3Cltf3VBjD7SXq9rUWOgIFt4OK6rcl7wOUOMPSkS4bkSH5aQqEAvJ/RN+WAwVugb82dW+scpw9Ahma1fAMcHAJjRcpe93h3b+fc/u1pze8HTQxymJlGdKsAAAAGYktHRAATABMAE0TdCtoAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmAQsNHDFZ2TK6AAAAGXRFWHRDb21tZW50AENyZWF0ZWQgd2l0aCBHSU1QV4EOFwAAAjVJREFUSMfNljtoFFEUhr87s7M7md3sK0ZjglmjorBGgxCx0EKwE7Sxs7Ox0sY6tViksNM+IPaxEjWolfgAqxiCS1h1w76yyT6yO7Mzcy0CIpLNzoxu8JSHw/0u55z/v1dIKSX7FAr7GIFhll0hX1kYPMx1TVYK85TqS4A7WFi58ZZS/SVts0CnWxwcrNnJsbr+ENtpYdpVGu0vg4G1zBwfcrdombmddsptSluv/i1MSoeN5js+r93D7JZ/y0sKtWc026ueYKKfzhrtZfLVpxQ3n9N1tnatiUYynJt6RDRy1D+s1vpIpf6G4uYLtq08EqfvrdOx80wfeYCujSGE8A77Vn3C8o/7SOn6mKggqk8xOXKTA/GLGOGMN9i29Z1Pudu0zDXfshAihKYmielTJIwzpGKzjA5f7r0gujZK3DgdyFmktLHsChvN95Tqr9GUxN7bqIgI8aHs3/mgEiY7MUfCmPmVC/UqHtZPBgYJoZCdmCMdu+BNZ3p4IjAsFZ1lPH3Du6g1NR6sfSLEeOo6AuEd1ksr/SIcGiFuTPuzK9e1AsN6OUnPBbGcTUCgqTFUJQpCBenguG1st4mUu7tKwsiiiLA/mBAqJ8bukjTOMhSZRFV0XNekY63T6KzQ6KxQ3lrCtKt/+OQx/0YskSB7z05Kl65bJ19e4GvxMbBzzExmnrHkVX8zE4g9l0QIhbCa5PihO1w6tcjh1DUURUdVjOBPjNewnRaF2iK6NsrBxJXBwv67f+NPDG7fZKpMDe0AAAAASUVORK5CYII=');
}
#sch .microsoft-btn,
.modal-dialog .microsoft-btn,
#portal-sch .microsoft-btn {
  background-color: #2F2F2F;
  color: white;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  #sch .panel-body,
  .modal-dialog .panel-body,
  #portal-sch .panel-body {
    padding-right: 20px;
    padding-left: 20px;
  }
  #sch .microsoft-btn,
  .modal-dialog .microsoft-btn,
  #portal-sch .microsoft-btn,
  #sch .google-btn,
  .modal-dialog .google-btn,
  #portal-sch .google-btn,
  #sch .snapplify-btn,
  .modal-dialog .snapplify-btn,
  #portal-sch .snapplify-btn {
    padding: 3px;
  }
  #sch .microsoft-btn img,
  .modal-dialog .microsoft-btn img,
  #portal-sch .microsoft-btn img,
  #sch .google-btn img,
  .modal-dialog .google-btn img,
  #portal-sch .google-btn img,
  #sch .snapplify-btn img,
  .modal-dialog .snapplify-btn img,
  #portal-sch .snapplify-btn img {
    width: 30px;
  }
  #sch .form-help-links,
  .modal-dialog .form-help-links,
  #portal-sch .form-help-links {
    margin-bottom: 0;
  }
  #sch .form-help-links a,
  .modal-dialog .form-help-links a,
  #portal-sch .form-help-links a {
    display: block;
    margin-top: 3px;
  }
}
#sch .main-section,
.modal-dialog .main-section {
  top: 0 !important;
}
#sch .sidebar,
.modal-dialog .sidebar {
  background-color: #F3E5F5;
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
}
#sch .sidebar .logo,
.modal-dialog .sidebar .logo {
  width: 250px;
  margin-bottom: 10px;
}
#sch .sidebar .title,
.modal-dialog .sidebar .title {
  font-weight: bold;
  font-size: 18px;
}
#sch .sidebar .pm-theme-link,
.modal-dialog .sidebar .pm-theme-link {
  display: block;
}
#sch .sidebar button,
.modal-dialog .sidebar button {
  margin-bottom: 30px;
  white-space: normal;
  height: auto;
  min-height: 50px;
  margin-left: 0;
  margin-right: 0;
}
#sch .sidebar .img-thumbnail,
.modal-dialog .sidebar .img-thumbnail {
  border: none;
  box-shadow: none;
}
#sch .sidebar .footer,
.modal-dialog .sidebar .footer {
  display: table-cell;
  vertical-align: bottom;
  height: 100%;
  padding-bottom: 30px;
}
@media (max-width: 767px) {
  .modal-open .back-button img {
    background: purple;
    border-radius: 5px;
  }
}
.visible-mobile-inline {
  display: none;
}
@media (max-width: 992px) {
  .hidden-mobile-inline {
    display: none;
  }
  .visible-mobile-inline {
    display: inline-block;
  }
}
.motto {
  font-size: 21px;
  font-family: Nunito, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: #c31b18;
}
.top-menu-item {
  height: 31px;
  width: 101px;
  background-image: url("https://static.purplemash.com/images/sch/button.png");
  color: white;
  font-size: 14px;
  font-family: Nunito, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  text-align: center;
  float: right;
  padding-top: 7px;
  cursor: pointer;
  border-radius: 3px;
  margin-left: 15px;
}
.find-school .col-xs-3,
.find-school .col-xs-12 {
  padding-left: 0px;
  padding-right: 0px;
  margin: 0px;
}
.login-panel {
  border-radius: 10px;
  background: white;
  margin-bottom: 10px;
  color: #3a1b40;
  overflow: hidden;
  font-size: 14px;
}
.find-school .panel-title {
  border-bottom: 2px solid #c2c0d7;
  margin: 0px;
  padding: 4px;
  text-align: center;
  font-family: Nunito, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: white;
}
.panel-body {
  padding: 40px 50px;
}
.school-search .panel-title {
  background: #39B54A;
}
.integration-partners .panel-title {
  background: #F7931E;
}
.free-stuff .panel-title {
  background: #29ABE2;
}
.search-active .panel-body {
  height: auto;
}
.has-error .help-block {
  font-size: 16px;
}
.error {
  color: #c31b18;
  font-size: 16px;
}
.formDialog {
  font-size: 14px;
}
.formDialog .row {
  margin-top: 10px;
}
.formDialog input,
.formDialog select,
.formDialog textarea {
  width: 200px;
}
.formDialog input.ng-invalid.ng-dirty,
.formDialog select.ng-invalid.ng-dirty {
  border: 2px #8E24AA solid;
}
.formDialog label {
  display: inline-block;
  width: 200px;
}
.formDialog .required-indicator {
  display: inline-block;
  width: 10px;
  color: #c31b18;
  text-align: right;
  margin-right: 5px;
}
.formDialog .error-notice {
  color: #c31b18;
  margin-left: 205px;
}
.find-school label {
  margin-top: 10px;
  font-weight: normal;
  display: inline-block;
  width: 150px;
}
.pm-btn,
.pm-btn.active,
.pm-btn:focus {
  background-color: #7e189a;
  background-image: linear-gradient(top, #a762b7, #7e189a);
  background-repeat: no-repeat;
  background-color: #c31b18;
  font-family: Nunito, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: white;
}
.pm-btn:hover {
  color: #fffae5;
}
.school-detail-column {
  height: 420px;
  width: 100%;
}
.school-address {
  height: 100%;
  padding: 10px 20px 25px 20px;
}
.school-address p {
  white-space: pre-line;
  font-size: 20px;
  margin: 0;
}
.school-image {
  padding: 0 10px 10px;
  width: 100%;
  height: 150px;
}
.school-image img {
  max-width: 100%;
  max-height: 100%;
}
.login-link {
  display: inline;
  padding: 2px;
}
.action-link {
  font-size: 14px;
  cursor: pointer;
}
.app-preview-modal .modal-dialog {
  width: 90%;
  max-width: 968px;
}
.app-preview-modal .presentation {
  font-size: 14px;
}
.app-preview-modal .presentation td {
  vertical-align: top;
  padding: 5px;
}
.usa-panel {
  font-size: 26px;
  font-family: arial, helvetica, verdana, sans-serif;
  padding: 5px;
}
.back-button {
  position: fixed;
  top: 10px;
  right: 25px;
  background: none;
  border: none;
  color: white;
  font-size: 29px;
  z-index: 9999;
}
.front-layer {
  padding: 12px;
  position: absolute;
  background: #F3E5F5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  font-size: 16px;
  font-family: 'Nunito', arial, helvetica, sans-serif;
}
.front-layer .small {
  font-size: 16px;
  text-align: center;
  margin-top: 24px;
}
.front-layer .small a {
  background: #6A1B9A;
  padding: 6px;
  color: white;
  border-radius: 6px;
  text-decoration: none;
}
.parent-form label {
  font-weight: normal;
  margin-bottom: 10px;
  margin-right: -15px;
  margin-left: -15px;
}
.parent-form_after-submit-help {
  margin-right: -30px;
  margin-left: -30px;
}
.having-trouble p {
  font-size: 16px;
}
.having-trouble .nav-tabs {
  border-bottom: 1px solid #424242;
  margin: auto;
  display: table;
}
.having-trouble .nav-tabs li {
  width: 8em;
  text-align: center;
  margin: 0 2px;
  font-size: 16px;
  position: relative;
  bottom: -1px;
}
.having-trouble .nav-tabs li:first-of-type {
  margin-left: 8px;
}
.having-trouble .nav-tabs li:last-of-type {
  margin-right: 8px;
}
@media screen and (max-width: 679px) {
  .having-trouble .nav-tabs li {
    width: auto;
  }
}
.having-trouble .nav-tabs li a,
.having-trouble .nav-tabs li a:hover {
  background-color: #bdbdbd;
  color: black;
  border: 1px solid #424242;
  cursor: pointer;
  padding: 4px 6px;
}
.having-trouble .nav-tabs .active a,
.having-trouble .nav-tabs .active a:hover {
  background-color: #6A1B9A;
  border-bottom-color: #6A1B9A;
  color: white;
}
.having-trouble h2,
.having-trouble h3 {
  color: #6A1B9A;
}
.having-trouble .tab-pane.active {
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-shrink: 0;
}
.angucomplete-holder {
  position: relative;
}
.angucomplete-dropdown {
  border-color: #ececec;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  min-width: 250px;
  padding: 6px;
  cursor: pointer;
  z-index: 9999;
  position: absolute;
  /*top: 32px;
  left: 0px;
  */
  margin-top: -6px;
  background-color: #ffffff;
}
.angucomplete-searching {
  color: #acacac;
  font-size: 14px;
}
.angucomplete-description {
  font-size: 14px;
}
.angucomplete-row {
  padding: 5px;
  color: #000000;
  margin-bottom: 4px;
}
.angucomplete-row:after {
  content: "";
  display: table;
  clear: both;
}
.angucomplete-selected-row,
.angucomplete-row:hover {
  background-color: lightblue;
  color: #ffffff;
}
.angucomplete-image-holder {
  padding-top: 2px;
  float: left;
  margin-right: 10px;
  margin-left: 5px;
  width: 30px;
  height: 30px;
}
.angucomplete-image {
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border-color: #ececec;
  border-style: solid;
  border-width: 1px;
}
.angucomplete-image-default {
  /* Add your own default image here
   background-image: url('https://static.purplemash.com/assets/default.png');
  */
  background-position: center;
  background-size: contain;
  height: 34px;
  width: 34px;
  background-color: red;
  text-align: center;
  vertical-align: middle;
  line-height: 34px;
  border-radius: 4px;
  background-color: #22B5BF;
  color: white;
  font-weight: bold;
}


.cb_slide_panel.panel_left,.cb_slide_panel.panel_right{width:auto !important}.btn-danger{background-color:#d2322d;background-repeat:repeat-x;border-color:#b92c28}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-color:#d9534f;border-color:#ac2925;color:#fff}#kid-pad .btn-info:hover,.btn-info:focus{background-position:3px 7px}#slidepanel{background-color:rgba(0,0,0,.6);text-align:center;overflow:auto}#kid-pad{margin:0 auto}#kid-pad .btn{height:90px;width:70px;background-position:3px 7px;background-repeat:no-repeat}.digit{margin-top:60px}.btn-1{background-image:url("https://static.purplemash.com/images/mashlogin/animals/rabbit.png") !important;background-color:#d70212;border-color:#d70212;color:#e2ccb1}.btn-1:hover,.btn-1:focus{background-color:rgb(227.6324884793,2.1175115207,19.0576036866);border-color:rgb(227.6324884793,2.1175115207,19.0576036866)}.btn-2{background-image:url("https://static.purplemash.com/images/mashlogin/animals/elephant.png") !important;background-color:#e26202;border-color:#e26202;color:#507988}.btn-2:hover,.btn-2:focus{background-color:rgb(238.6381578947,103.4802631579,2.1118421053);border-color:rgb(238.6381578947,103.4802631579,2.1118421053)}.btn-3{background-image:url("https://static.purplemash.com/images/mashlogin/animals/dog.png") !important;background-color:#ead918;border-color:#ead918;color:#530ea6}.btn-3:hover,.btn-3:focus{background-color:rgb(235.0625,218.9226190476,35.6875);border-color:rgb(235.0625,218.9226190476,35.6875)}.btn-4{background-image:url("https://static.purplemash.com/images/mashlogin/animals/tortoise.png") !important;background-color:#66a715;border-color:#66a715;color:#554942}.btn-4:hover,.btn-4:focus{background-color:hsl(86.7123287671,77.6595744681%,39.362745098%);border-color:hsl(86.7123287671,77.6595744681%,39.362745098%)}.btn-5{background-image:url("https://static.purplemash.com/images/mashlogin/animals/lion.png") !important;background-color:#058423;border-color:#058423;color:#c1a881}.btn-5:hover,.btn-5:focus{background-color:rgb(5.4653284672,144.2846715328,38.2572992701);border-color:rgb(5.4653284672,144.2846715328,38.2572992701)}.btn-6{background-image:url("https://static.purplemash.com/images/mashlogin/animals/giraffe.png") !important;background-color:#00ab7c;border-color:#00ab7c;color:#816442}.btn-6:hover,.btn-6:focus{background-color:rgb(0,183.75,133.2456140351);border-color:rgb(0,183.75,133.2456140351)}.btn-7{background-image:url("https://static.purplemash.com/images/mashlogin/animals/penguin.png") !important;background-color:#39b8c6;border-color:#39b8c6;color:#f7fcfe}.btn-7:hover,.btn-7:focus{background-color:rgb(66.9,187.55,200.85);border-color:rgb(66.9,187.55,200.85)}.btn-8{background-image:url("https://static.purplemash.com/images/mashlogin/animals/monkey.png") !important;background-color:#2661a9;border-color:#2661a9;color:#f1ae82}.btn-8:hover,.btn-8:focus{background-color:rgb(40.3405797101,102.9746376812,179.4094202899);border-color:rgb(40.3405797101,102.9746376812,179.4094202899)}.btn-9{background-image:url("https://static.purplemash.com/images/mashlogin/animals/bear.png") !important;background-color:#602581;border-color:#602581;color:#c69c6d}.btn-9:hover,.btn-9:focus{background-color:rgb(103.3734939759,39.8418674699,138.9081325301);border-color:rgb(103.3734939759,39.8418674699,138.9081325301)}.btn-0{background-image:url("https://static.purplemash.com/images/mashlogin/animals/parrot.png") !important;background-color:#e7accb;border-color:#e7accb;color:#3c9d48}.btn-0:hover,.btn-0:focus{background-color:rgb(233.8598130841,181.8901869159,209.1962616822);border-color:rgb(233.8598130841,181.8901869159,209.1962616822)}.btn-d{background-image:url("https://static.purplemash.com/images/mashlogin/animals/cancel2.png") !important}.btn-c{background-image:url("https://static.purplemash.com/images/mashlogin/animals/delete.png") !important}.btn-print-password-digit{background-image:none !important;color:#000}.btn-print-password-digit.btn-1,.btn-print-password-digit.btn-9,.btn-print-password-digit.btn-5,.btn-print-password-digit.btn-9,.btn-print-password-digit.btn-8{color:#fff !important}