/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/*------------------- rtl ------------------- */

html[dir="rtl"]{
	direction: rtl;
	text-align: right;
}

html[dir="rtl"] .mdl-layout__drawer{
	right: 0px !important;
	left: auto !importnat;
	
}

html[dir="rtl"] .mdl-layout__drawer-button {
	right: 0px !important;
	left: auto !importnat;
}
	
	
	
html[dir="rtl"] .mdl-layout__header{
    margin-right: 65px !important;
    margin-left: 0px !important;
    width: calc(100% - 65px) !important;
}

	
html[dir="rtl"] .is-small-screen .mdl-layout__header{
    margin-right: 0px !important;
    margin-left: 0px !important;
    width: 100% !important;
}



html[dir="rtl"] .mdl-layout__content{
    margin-right: 65px !important;
    margin-left: 0px !important;
}


html[dir="rtl"] .is-small-screen .mdl-layout__content{
    margin-right: 0px !important;
    margin-left: 0px !important;
}


html[dir="rtl"] .invite-navigation .mdl-navigation__link .material-icons {
	margin-right: 0px !important;
	padding-left: 32px !important;
	padding-right: 0px !important;
	
	}


html[dir="rtl"] .is-small-screen .mdl-layout__header-row {
    padding: 0 72px 0 16px !important;
 }
 
 html[dir="rtl"] .mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon {
    margin-left: 32px !important;
    margin-right: 0 !important;
}

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



body{
	
	background: #263238 !important;
}


.invite-layout .invite-navigation .mdl-navigation__link:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}

.invite-layout .invite-navigation .mdl-navigation__link--current {
    background-color: #f5f5f5 !important;
    color: #222222 !important;
}

/* ---------------------- mini sidemenu ---------------------- */
.invite-drawer {
	width: 65px !important;
	border: none;
}

.mdl-layout__drawer{
	box-shadow: none !important;
	transform: translateX(250px);
}

.mdl-layout__header{
    margin-left: 65px !important;
    width: calc(100% - 65px) !important;
}

 .mdl-layout__content {
    margin-left: 65px !important;
}

.sidebar-sitename{
	display:none;
}

.sidebar-itemtext{
	display:none;
}

.dashboard-layout .mdl-layout__drawer .mdl-navigation .mdl-navigation__link{
	padding: 15px 15px;
}




/* ---------------------- mobile sidemenu ---------------------- */


/* mobile sidemenu */
.is-small-screen .invite-drawer {
	width: 240px !important;
	  border: none;
}


.is-small-screen .mdl-layout__drawer{
	box-shadow: 0 4px 10px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2) !important;
	
}

.is-small-screen .mdl-layout__header{
	margin-left: 0px !important;
}

.is-small-screen .mdl-layout__content {
    margin-left: 0px !important;
}

.is-small-screen .sidebar-sitename{
	display:inline-block;
}

.is-small-screen .sidebar-itemtext{
display:inline-block;
}

.is-small-screen .dashboard-layout .mdl-layout__drawer .mdl-navigation .mdl-navigation__link{
	padding: 15px 40px;
}


/* hide tooltip menu on mobile*/

.is-small-screen .mdl-tooltip{
	display: none;
}



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


// .invite-avatar {
//   width: 48px;
//   height: 48px;
//   border-radius: 24px;
// }
.invite-layout .invite-header .mdl-textfield {
  padding: 0px;
  margin-top: 41px;
}
.invite-layout .invite-header .mdl-textfield .mdl-textfield__expandable-holder {
  bottom: 19px;
}
.invite-layout .mdl-layout__header .mdl-layout__drawer-button {
  color: rgba(0, 0, 0, 0.54);
}
.mdl-layout__drawer .avatar {
  margin-bottom: 16px;
}

/* iOS Safari specific workaround */
.invite-drawer .mdl-menu__container {
  z-index: -1;
}
.invite-drawer .invite-navigation {
  z-index: -2;
}
/* END iOS Safari specific workaround */
.invite-drawer .mdl-menu .mdl-menu__item {
  display: flex;
  align-items: center;
}
.invite-drawer-header {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 16px;
}
.invite-avatar-dropdown {
  display: flex;
  position: relative;
  flex-direction: row;
  align-items: center;
  width: 100%;
}

.invite-navigation {
  flex-grow: 1;
}
.invite-layout .invite-navigation .mdl-navigation__link {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  color: rgba(255, 255, 255, 0.56);
  font-weight: 500;
}
.invite-layout .invite-navigation .mdl-navigation__link:hover {
  background-color: #00BCD4;
  color: #37474F;
}
.invite-navigation .mdl-navigation__link .material-icons {
  font-size: 24px;
  color: rgba(255, 255, 255, 0.56);
  margin-right: 32px;
}

.invite-content {
  max-width: 1080px;
}

.invite-charts {
  align-items: center;
}
.invite-chart:nth-child(1) {
  color: #ACEC00;
}
.invite-chart:nth-child(2) {
  color: #00BBD6;
}
.invite-chart:nth-child(3) {
  color: #BA65C9;
}
.invite-chart:nth-child(4) {
  color: #EF3C79;
}
.invite-graphs {
  padding: 16px 32px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
/* TODO: Find a proper solution to have the graphs
 * not float around outside their container in IE10/11.
 * Using a browserhacks.com solution for now.
 */
_:-ms-input-placeholder, :root .invite-graphs {
  min-height: 664px;
}
_:-ms-input-placeholder, :root .invite-graph {
  max-height: 300px;
}
/* TODO end */
.invite-graph:nth-child(1) {
  color: #00b9d8;
}
.invite-graph:nth-child(2) {
  color: #d9006e;
}

.invite-cards {
  align-items: flex-start;
  align-content: flex-start;
}
.invite-cards .invite-separator {
  height: 32px;
}
.invite-cards .mdl-card__title.mdl-card__title {
  color: white;
  font-size: 24px;
  font-weight: 400;
}
.invite-cards ul {
  padding: 0;
}
.invite-cards h3 {
  font-size: 1em;
}
.invite-updates .mdl-card__title {
  background-position: 90% 100%;
  background-repeat: no-repeat;
}
.invite-cards .mdl-card__actions a {
  color: #00BCD4;
  text-decoration: none;
}

.invite-options h3 {
  margin: 0;
}
.invite-options .mdl-checkbox__box-outline {
  border-color: rgba(255, 255, 255, 0.89);
}
.invite-options ul {
  margin: 0;
  list-style-type: none;
}
.invite-options li {
  margin: 4px 0;
}
.invite-options .material-icons {
  color: rgba(255, 255, 255, 0.89);
}
.invite-options .mdl-card__actions {
  height: 64px;
  display: flex;
  box-sizing: border-box;
  align-items: center;
}