@CHARSET "UTF-8";
/* @import url(//fonts.googleapis.com/css?family=Lato:200,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
*/
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900|Open+Sans:200,400,700');

html, body {
    font-family: "Open Sans", "Lato", "Helvetica","Arial",sans-serif;
    font-size:14px;
    background: rgb(242, 244, 245);
}

a {
  text-decoration: none;
    color:rgb(33,150,243);
}

h1 {
    margin: 10px 0;
    padding: 0;
    font-weight: 300;
    color: #616770;
    font-size:36px;
 }
h2 {
    padding:0;
    font-size:24px;
    margin:10px 0;
    font-weight:500;
}

h3 {
    margin:10px 0;
    font-size:20px;
    font-weight:500;
}


.mdl-layout__content {
    overflow-x:visible;
}

h1, h2, h3, h4, h5 {
  font-family:"Open Sans", "Lato","roboto","helvetica neue", "helvetica";
 }

h1 .header-right,
h2 .header-right,
h3 .header-right,
h4 .header-right,
h5 .header-right {
    float:right;
    margin-right:20px;
 }


html, body, table {
    font-family: "Open Sans", "Lato", "Helvetica", "Arial", sans-serif;
 }

.help-block {
  font-style: italic;
  opacity: 0.75;
 }
/******* HIDING TABS TO START PAGE LOAD - JS WILL SHOW ON LOAD ******/

.mdl-tabs__panel {
  display:none;
}

.mdl-textfield__label:after { 
  bottom:15px !important;
 }
 
@media screen and (max-width: 470px) {
    .hidden-sm {
        display:none;
    }
    .hidden-md {
        display:inherit;
     }

    .visible-sm {
        display:inherit;
    }
    .visible-md {
        display:none;
    }
    .visible-lg {
        display:none;
    }
}

/* CONTEXTURAL MENUS */
.contextual-menu li a {
  width:100%;
  display:block;
 }

/****************** BOOTSTRAP FIXES ***********************/
/*.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
     -moz-transition: height 0.35s ease;
       -o-transition: height 0.35s ease;
          transition: height 0.35s ease;
}*/

.collapse.in {
  height: auto;
}

.mdl-layout.is-small-screen .mdl-layout--hidden-small-screen {
    display:none;
}
.mdl-layout.is-large-screen .mdl-layout--hidden-large-screen {
    display:none;
}

.mdl-button { 
  border-radius: 5px;
}

.mdl-button--fab { 
  border-radius: 50% !important;
}

.mdl-button--colored-inverse, .mdl-button--colored-inverse:hover {
  background:white;
}
.mdl-button--colored-inverse a {
  color:rgb(255,64,129)!important;
 }
.mdl-button--raised.mdl-button--colored  { color:white; }

.pushpress-header-container {
    color:white;
}

.pushpress-header-container, .mdl-grid {

        margin-left:60px;
        margin-right:60px;
        padding-left:0;
        padding-right:0;
        width: calc(100% - 120px);
        max-width:1600px;
        width:100%;
     }

.mdl-grid {
  padding:20px;
  margin-bottom:100px;
 }

.mdl-form--row {
    padding: 20px 0;
    box-sizing: border-box;
    display: block;
    width:100%;
 }

 .material-content-section {
  background: white;
  padding:20px;
  border:1px solid #ddd;
  margin-bottom:20px;
  }

.mdl-layout__header {
    background-color:rgb(33,150,243);
 }
 .mdl-layout__header-row {
    padding:0;
    margin:0;
 }

.nav-notifications a:hover{
    background:rgb(33,150,243);
}
.nav-notifications.no-new-notifications #notification-icon {
    color:#fff;
    opacity:0.4;
}
.nav-notifications.new-notifications #notification-icon {
    color:#fff;
    opacity:1;
}
.notifications-list {
    width:300px;
 }
.notifications-list li {
    padding:5px 10px;
    font-size:12px;
    border-bottom:1px solid #e5e5e5;
    cursor:pointer;
    overflow:hidden;
 }
 .notifications-list li.unclicked {
    background:#edf2fa;
 }
 .notifications-list li:last-child  {
    border-bottom:0px solid #edf2fa;
 }
 .notifications-list li .notification-message {
    width:calc(100% - 30px);
 }
 .notifications-list .notification-timestamp { height:20px; text-align:right; }

#right-rail {
  background:transparent !important;
 }
#right-rail #right-rail-header {
  background:#fff !important;
 }
#right-rail .data-group {
  border-bottom:2px solid #f5f5f5 !important;
 }

@media screen and (min-width:1601px) {
    .mdl-grid {
      margin:0 auto;
      width:100%;
    }
 }
@media screen and (max-width:1600px) {
    .pushpress-header-container {
        margin-left:60px; /* allocate for the header drawer */
        margin-right:10px;
        padding-left:0;
        padding-right:0;
        width: calc(100% - 70px);
     }
     .mdl-layout__header-row {
        margin-left:0;
        margin-right:0;
        padding-left:0;
        padding-right:0;
    }

     .mdl-grid {
        padding-left:0;
        padding-right:0;
        margin:0;
    }
 }
@media screen and (max-width:479px) {
     .mdl-cell--3-col { width:calc(100% - 20px) !important; }
}

@media screen and (min-width: 480px) and (max-width: 850px ) {
    .mdl-cell--3-col { width:calc(50% - 16px); }
}

@media screen and (min-width: 851px ) and (max-width: 1170px)  {

}

@media screen and (max-width: 850px ) {
    .mdl-layout-title {
        font-size:14px;
     }
}

@media screen and (max-width: 1170px ) {

}


@media screen and (min-width:1171) and (max-width: 1600px) {

}


@media screen and (min-width:1601px) {
    .pushpress-header-container {
        width:1550px;
        margin:auto;
     }

}




@media screen and (max-width:479px) {

}

/******************************
LABELS
******************************/

.label {
    padding:.05em .4em;
    border-radius: 2px;
}

.label-default {
    background:#0082c7;
    color:white;
}
.label-success {
    background:#4caf50;
    color:white;
}
.label-danger {
    background:#f44336;
    color:white;
}
.label-info {
    background:#00bcd4;
    color:white;
}



/*******************************
CHIPS
*******************************/
.mdl-chip.paid,
.mdl-chip.success {
    background: #13bb72;
    color:white;
 }
.mdl-chip.pending {
    background: #00bcd4;
    color:white;
 }
.mdl-chip.unpaid,
.mdl-chip.failed,
.mdl-chip.failure,
.mdl-chip.overdue,
.mdl-chip.refund {
    background: #bd362f;
    color:white;
 }
.mdl-chip.open,
.mdl-chip.appendable {
    background-color: #5bc0de;
    color:white;
 }


/*******************************
FORMS
*******************************/
.mdl-textfield {

 }

/*******************************
Right rail
*******************************/

/*********
right rail headshot
**********/
#right-rail #right-rail-header #member-headshot {
    text-align: center;
}

.headshot-container {
    width: 170px;
    height: 170px;
    overflow: hidden;
    border-radius: 50%;
    background-size: cover !important;
    margin: auto;
}
#member-headshot-img {
    width:170px;
    height:170px;
 }
.headshot-container {
    background:#c5c5c5;
 }
.has-headshot {

}
.has-headshot #member-headshow-img {

 }

.no-headshot {

}

#member-initials {
    color: white;
    font-size: 80px;
    line-height: 170px;
    width: 100%;
    display: none;
    text-align:center;
}
.no-headshot #member-initials {
    display:block;
 }
.no-headshot.member span#member-initials{
    background: #5cb85c;
}
.no-headshot.ex-member span#member-initials, .no-headshot.non-member span#member-initials {
    background: #d9534f;
}
.no-headshot.lead span#member-initials, .no-headshot.frontdesk span#member-initials, .no-headshot.coach span#member-initials, .no-headshot.admin span#member-initials {
    background: #5bc0de;
}
.no-headshot #member-headshow-img {
    display:none;
 }

 #edit-headshot-icon {
    width:80%;
    margin:auto;
    position: absolute;
    bottom:0;
    right:10%;
    font-size:26px;
    color:#c5c5c5;
    text-align: right;
  }
#edit-headshot-icon.hovered {
    color:#616770;
}

  form#fileupload {
    cursor:hand;
   }

.member-headshot{
    border-radius: 50%;
}

/*******************************
TABLES
*******************************/
.mdl-data-table {
    /* width:100%; */
    width:100%;
    border:0;
 }
 .mdl-data-table thead {

    /*
    height:60px;
    font-weight:700;
    */
    background: rgb(66, 133, 244);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    color:#fff;
    line-height:40px;
  }

.mdl-data-table th {
    /*
    height:60px;
    font-weight:700;

    */

    color:#fff;
    line-height:40px;
}

.mdl-data-table th:last-child {
border-top-right-radius: 3px;
 }

.mdl-data-table th:first-child {
border-top-left-radius: 3px;
 }

.mdl-data-table .category-header {
    /* width:100%; */
    background:#f6f6f6;    
 }

.mdl-dialog {
    width:calc(100% - 100px);
    max-width:500px;
    overflow:auto;
}

.mdl-dialog__actions {
        flex-direction: row;
        -webkit-flex-direction: row;
     }

.mdl-menu__item {
    height:36px;
}

.mdl-menu__item a {
  color:inherit;
  width:100%;
  display:inline-flex;
 }

.mdl-radio, .mdl-textfield__input, .mdl-selectfield__box .mdl-selectfield__box-value, .mdl-selectfield__label {
    font-size:1rem;
    font-family: "Open Sans", "lato", helvetica, sans-serif;
    font-weight:500;

 }

.mdl-textfield__input, .mdl-selectfield__box-value, .mdl-selectfield__arrow-down {
    /*background:#f5f5f5;*/
}


.mdl-textfield__input::placeholder {
  color:red;
  margin-left:20px;
 }

fieldset {
  margin-top:30px;
 }
fieldset legend {
  font-size:1.5em;
  display:block;
  width:100%;
  margin-bottom:20px;
  color:##333;
  border-bottom:1px solid #e5e5e5;
}

.mdl-selectfield--floating-label.is-dirty .mdl-selectfield__label, .mdl-selectfield--floating-label.is-focused .mdl-selectfield__label {
  color:rgb(33,150,243);
}


/***** FORM DISPLAY ONLY ****/
.mdl-textfield--display {
    width:100%;
    position: relative;
    font-size: 16px;
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%;
    margin: 0;
    padding: 20px 0;
  }

  .mdl-textfield--display .mdl-textfield__display {
    overflow:auto;
    border:none;
    border-bottom: 0px solid rgba(0,0,0,.12);
    display:block;
    margin: 0;
    padding: 4px 0;
    width: 100%;
    background: 0 0;
    text-align: left;
    color: inherit;

   }

  .mdl-textfield--display .mdl-textfield__label {
    color: rgb(33,150,243);
    font-size: 12px;
    top: 4px;
    visibility: visible;
   }

  .mdl-textfield--display .mdl-textfield__error {
    visibility: visible;
   }


.mdl-mega-footer {
    background: #f5f5f5;
    border-top:1px solid #c5c5c5;
 }
 .mdl-mega-footer .mdl-logo {
    color:#555;
    font-weight:bold;
  }

.pushpress-navigation__container {
  overflow: hidden;
  background:#007dcb;
  height:80px;
}

.pushpress-layout-header {
  /* background: #0082c7 !important; */
 }

 .pushpress-header-item-container {
    margin-left:20px;
    position: relative;
  }

 .pushpress-header-user-control-container {
  position:relative;
  margin-left:20px;
  }

  #pushpress-header-user-options,
  #pushpress-header-domain-switcher {

    font-size:10px;
   }

   #pushpress-header-user-menu li a,
   #pushpress-header-domain-options li a {
        display: block;
    clear: both;
    font-weight: 400;
    color: #333;
    white-space: nowrap;
    }

.pushpress-layout-header #header-search-container #header-search {
  border-bottom: inherit;
    color:white;
  }

.pushpress-layout-header #header-search-container #header-search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #EDEDED;
  font-size:12px;
  font-weight:100;
}
.pushpress-layout-header #header-search-container #header-search::-moz-placeholder { /* Firefox 19+ */
  color: #EDEDED;
  font-size:12px;
  font-weight:100;
}
.pushpress-layout-header #header-search-container #header-search:-ms-input-placeholder { /* IE 10+ */
  color: #EDEDED;
  font-size:12px;
  font-weight:100;
}
.pushpress-layout-header #header-search-container #header-search:-moz-placeholder { /* Firefox 18- */
  color: #EDEDED;
  font-size:12px;
  font-weight:100;
}


 .pushpress-layout-header #header-search-container.is-focused #header-search {
  border-bottom: 1px solid white;
  }




 .pushpress-header-inner {
  margin:auto;
  }

.pushpress-navigation {
  box-shadow: none!important;
    border: 0!important;
    width: 100%;
    height: 85px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 16px 0 24px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: -16px;
}

.pushpress-navigation .main-nav-link {
  line-height:1;
  text-align: center;
  padding:5px 30px 5px 0;
  font-weight:bold;
  font-size: 12px;
  color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
 }

 .pushpress-navigation .main-nav-link .caret {
  margin-top: -16px;
    border-top-color: #888;
    border-bottom-color: #888;
    opacity: 35;
    filter: alpha(opacity=3500)
  }

 .pushpress-navigation .main-nav-link:hover {
  color: #fff;
 }

 .pushpress-navigation .sub-nav-link {
  font-size:12px;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.pushpress-navigation .sub-nav-link:hover {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

.pushpress-navigation .main-nav-link  .pp-icon {
  font-size:28px;
  top: 2px;
    display: block;
    margin: 9px 0 6px;
 }

.drawer-submenu {
    list-style-type:none;
    width:100%;
    margin:0;
    padding:0;
    display:none;
}

.mdl-layout__content {
    padding:0 20px;
 }
.mdl-layout__drawer .main-nav-link {
    font-weight:bold;
 }

.mdl-layout__drawer  .main-nav-link  .pp-icon {
    font-size:16px;
    margin-right:10px;
 }


.drawer-submenu li a {
    padding:10px 0 10px 42px !important;
    font-size:12px;
 }

 .getmdl-select-input {
    width:90%;
    text-overflow:ellipsis;
  }



 /*
.pushpress-navigation a {
  display: block;
    padding: 5px 15px;

    font-weight: bold;
    color: #999;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2)
 }
 */

.pushpress-layout-title a {
  color:white;
  text-decoration: none;
 }



.mdl-separator { height: 32px; }



.pushpress-card__actions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; overflow:hidden;
    border-bottom:1px solid #e5e5e5;
    padding-bottom:10px;
 }



/********
TYPEAHEAD OVERRIDE
********/

.twitter-typeahead {
    width:100%;
}
.tt-hint {
    border-width:0;
    left:1px;
    color:#ddd;
    width:100%;
    opacity:0;
    display:none;
    padding:6px 12px;
}
.typeahead-members {
    top:-1px;
    left:-1px;
}

#typeahead-results {
    background:white;
    cursor:pointer;
    z-index:2;
    position:absolute;
    border:1px solid black;
    list-style-type:none;
    margin:0;
    display:none;
}

#typeahead-results li {
    border-bottom:1px solid #ddd;
    padding:5px;
}



.tt-dropdown-menu {
    width:100%;
    max-width:350px;
    margin-top: 12px;
    padding: 8px 0;
    background-color: #fff;
    color:#5d5d5d;
    z-index:10;
    border: 1px solid #ddd;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
      box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}

.tt-suggestion.tt-is-under-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}

/*******************************
INTEGRATIONS / APPS
********************************/
#integration-app-page #app-card .mdl-card__title {
    background:#535860;
    font-size:26px;
    height:200px;
    color:white;
    vertical-align: bottom;
 }


 #integration-app-page #app-card .app-name {
    margin-top:100px;
  }

#integration-app-page #app-card .mdl-card__supporting-text {
    width:auto;
 }

#integration-app-page #app-card .app-card-section-title {
        color:#616770;
        margin-top:20px;
        font-size:12px;
        text-transform: uppercase;
        line-height: 2em;
    }

#integration-app-page #app-card .app-card-section-data {
        color:#616770;
        font-size:16px;
        font-weight:bold;
        line-height: 2em;
    }

#integration-app-page #app-card.mdl-card {
        width:100%;
     }


/**** NEW APP MARKETING STYLES  */
#integration-app-page #marketing-page { 
  background:white;
  color:#242931;        
}

#integration-app-page #marketing-page-header { 
  background:#0063ff;
  color:white !important;
  width:100%;
  display:flex;        
  align-items:stretch;
  flex-wrap: wrap;
  overflow:hidden;
}
#integration-app-page #marketing-page-header .marketing-page-header-copy { 
  width:60%;
  align-self: center;
  font-size:14px;
  padding: 40px 10px 40px 25px
}


#integration-app-page #marketing-page-header .marketing-page-header-copy h2 { 
  font-size:28px;
  color:white;
  font-weight:300;
}
#integration-app-page #marketing-page-header .marketing-page-header-image { 
  width:40%;
  align-items: stretch;
  overflow:hidden;
}
#integration-app-page #marketing-page-header .marketing-page-header-image img { 
  height:100%
}

#integration-app-page .cta-subtext {
  font-size: 11px;
  font-style: italic;
  margin-top: 10px;
}

#integration-app-page .marketing-page-section { 
  padding:30px 15px;
  width:100%;
  display:flex;        
  align-items:stretch;
  flex-wrap: wrap;
}
#integration-app-page .marketing-page-section h3 { 
  font-size:22px;
}
#integration-app-page .marketing-page-section h4 { 
  font-size:18px;      
  color:#242931;  
}

#integration-app-page .marketing-page-section .marketing-page-section-header { 
  width:100%;
  text-align: center;
  justify-content: center;
}
#integration-app-page .marketing-page-section .marketing-page-content { 
  padding:15px;           
}    
#integration-app-page .marketing-page-section .marketing-page-content p  {
  font-size:12px
}
#integration-app-page .marketing-page-section.two-column .marketing-page-content { 
  width:50%;             
}
#integration-app-page .marketing-page-section.three-column .marketing-page-content { 
  width:33%;      
}
  

#integration-app-page .marketing-page-section.bordered { 
  border-bottom:1px solid #d9d9d9;
}

#integration-app-page .marketing-page-section.focused-column { 
  align-items:center;
  justify-content: center;        
}
#integration-app-page .marketing-page-section.focused-column .marketing-page-content { 
  text-align:center;
  max-width:80%;
  align-self: center;  
}

#integration-app-page .marketing-page-cta { 
  margin-top:20px;
}

#integration-app-page .cta-button { 
  height:auto;
  overflow:auto;
  line-height: auto;     
  font-size:13px;
}

#integration-app-page .cta-button .button-app-price { 
  font-size:12px;
  display: block;
  min-width:200px;
  line-height:12px;
  padding-bottom:10px;
  text-transform: none;
}

#integration-app-page .marketing-page-cta .cta-button{ 
  background:white !important;
  color: #000 !important;        
}

#integration-app-page .cta-button:hover{ 
  text-decoration: none;
}

#integration-app-page #app-card .cta-button { 
  width:100%;
  margin-top:20px;
}

#integration-app-page #marketing-page-focus.with-steps { 
  margin-bottom:0;
  padding-bottom:0;
}

#integration-app-page #marketing-page-steps.with-focus { 
  padding-top:0;
}

#integration-app-page #marketing-page .step-icon { 
  background: #0063ff;
  width:40px;
  height:40px;
  flex-direction: column;
  text-align:center;
  font-size:17px;
  color:white;        
  border-radius: 50%;
  display:flex;
  justify-content: center;
  margin-bottom:10px;
}

@media screen and (max-width: 1200px) {
  #integration-app-page #marketing-page-header .marketing-page-header-copy { 
      width:100% !important;
  }

  #integration-app-page .marketing-page-section.two-column .marketing-page-content { 
    width:100% !important;
  }
  #integration-app-page .marketing-page-section.three-column .marketing-page-content { 
    width:100% !important;
  }
    
    #integration-app-page #app-card .mdl-card__title {
        height:125px;
    }
}


/********************************
REPORTS
********************************/

/* metrics */
#report-metrics .tt-icon {
  font-size:14px;
 }
#report-metrics .data-row {
    margin:20px 0;
}
#report-metrics h3 {
  text-align:right;
 }
#report-metrics .data-point {
    text-align:center;
    font-size:40px;
    font-weight:300;
    line-height: 1.5;
}
#report-metrics .data-point a {
  font-weight:inherit;
}
#report-metrics .data-point + label {
    font-size:14px;
    display:block;
    text-align:center;
    font-weight:300;
}

/********************************
DATEPICKER
********************************/
.datepicker { 
  border-radius:0 !important;
  padding:7px !important;
}
.picker__footer .mdl-button {
    position: relative !important;
    bottom:0;
 }

 .picker__footer .picker__clear {
    display:none;

 }


 /*******************************
  TOGGLE BUTTONS
*********************************/
.toggle-button {
    font-weight:normal;
    color:inherit;
    border:1px solid #ccc;
    border-left-width:0;
    margin-left:-1px;
    text-align: center;
    border-radius: 0;
    padding:6px 12px;
    margin:0;
    height:auto;
    line-height: auto;
    display:inline;
  }

  .toggle-button:first-child {
    border-left-width:1px;
   }

.toggle-button.is-checked {
    font-weight:bold;
    background:#e5e5e5;
    color:rgb(33,150,243);
  }


/********************************
BREADCRUMBS
********************************/
.breadcrumb {
    margin:-16px auto 20px;
    padding: 8px 15px;
    list-style: none;

    color:#fff;
    background-color: #535860;
    border-radius: 0 0 4px 4px;
}

.breadcrumb li,
.breadcrumb i.material-icons {
  display: inline-block;

}

.breadcrumb li:before {
  /* content: '';*/
  content: '\E5CC';
  vertical-align: top;
  display: inline-block;
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  margin: 0 10px 0 8px;
  -webkit-font-smoothing: antialiased;

}

.breadcrumb li:first-child:before {
  display: none;
}

.breadcrumb li a {
    color:#fff;
 }

.breadcrumb li:last-child {
  color: #e8e8e8;
}

/*******************************
NOTICES
*******************************/
.success-notification {
  color:#5cb85c;
}
.mdl-notices {
    border:1px solid #ddd;
    padding:10px;
    margin:10px 0;
    background:#f5f5f5;
 }

 .mdl-notices.mdl-notices--error {
    color:#db4437;
  }

  .mdl-notices.mdl-notices--info {
    background:rgb(3, 169, 244);
  }

 .mdl-notices .mdl-notice__title {
    font-weight:bold;
  }

.mdl-notices .mdl-notice__text {

}

/*******************************
TOASTR OVERRIDES
*******************************/
.toast-title {
    margin-left:55px;
}

.toast-message-content {
    margin-left:55px;
}

#toast-container > div {
    padding:15px !important;
}

#toast-container > .toast-error {
    background-image: none !important;
}

.toast-success {
    background: #5cb85c !important;
}

.toast-success .toast-member-avatar {
    color: #51a351;
}

#toast-container > .toast-info,
#toast-container > .toast-error,
#toast-container > .toast-success,
#toast-container > .toast-warning {
  background-image: none !important;
}


.toast-member-avatar {
    margin-top:-20px;
    background-color:#fff;
    color:#000;
    text-align:center;
    font-size:2em;
    font-weight:bold;
    line-height:50px;
    width:50px;
    height:50px;
    overflow:hidden;
    border-radius:50%;
    float:left;
    margin-right:5px;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.toast-member-avatar.pp-icon {
    background:inherit;
    color:white !important;
}

.toast-error .toast-member-avatar {
    background: inherit;
    color:white !important;
}


/*****************
OPEN PAGES
*****************/
.open-page {
    background:#f1f1f1;
    padding:40px 0px;
    min-height:100vh;
 }
.open-page header {
    display:none;
 }

 .open-page footer {
    display:none;
 }

 .open-page img#open-brand {
    border-radius: 8px;
    max-height: 80px;
    max-width: 80px;
  }

 .open-page p,
     .open-page h1,
     .open-page h2,
     .open-page h3,
     .open-page h4,
     .open-page h5 {
        font-family: "Open Sans", "Lato" !important;
        font-weight:500 !important;
        display:block;
     }

     .open-page h1 {
        font-size:36px !important;
      }

     .open-page h2 {
        font-size:24px !important;
     }
     .open-page h3 {
        font-size:18px !important;
     }
     .open-page h4 {
        font-size:16px !important;
     }
     .open-page h5 {
        font-size:14px !important;
     }

body.open .mdl-layout__container {
  padding-top:20px;

 }
body.open .mdl-layout__content {
    border-radius:3px;
    background:#fff;
    width:80%;
    max-width:960px;
    height:auto;
    padding:40px 0;
    display:block;
    flex-grow:0 !important;
    margin:0 auto;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.26);
 }

body.framed {
  background:white;
}
body.framed .open-page {
  padding:0;
  background:white !important;
 }

 body.framed .open-page .mdl-layout__content {
    box-shadow: none;
    padding:0;
    padding-top:20px;
    width:100% !important;
    max-width:100% !important;
  }


body.open.framed {
    background:white;
 }
body.open.framed #open-header {
    display:none;
 }

body.open.framed #open-container.box-shadow {
    box-shadow: none;
 }

body.open.framed #footer-open {
    display:none;
 }

body.open.framed .hide-framed body.open.framed .hide-pp-app {
    display:none;
 }

 @media (min-width: 768px) and (max-width: 1096px) {
     .open-page .mdl-layout__content {
        width:85%;
    }

}

 @media (max-width: 767px) {
    .open-page {
        padding:0px;
    }

    .open-page .mdl-layout__content {
        width:90%;
    }
 }




.dropdown-colorselector>.dropdown-menu {
  max-width:170px !important;
}

.mdl-button--file input {
    cursor: pointer;
    height: 100%;
    right: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 300px;
    z-index: 4;
}

.mdl-textfield--file .mdl-button--file {
    right: 0;
}
.mdl-textfield--file .mdl-textfield__input {
    box-sizing: border-box;
    width: calc(100% - 32px);
}

@media only screen and (min-width: 768px) {
  .landing-page--loading-modal {
    width: 35%;
    height: 20em;
  }
}

@media only screen and (max-width: 767px) {
  .landing-page--loading-modal {
    width: 90%;
    height: 25em;
  }
}

@media only screen and (max-width: 767px) and (max-height: 350px) {
  .landing-page--loading-modal {
    width: 90%;
    height: 90%;
  }
}


@import url(~./fullcalendar.css);