@import '../../../reframe/src/style';
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');

@primary_background_color: @black;
@primary_color: @white;

@splash_background_color: @black;
@splash_color: @white;

@info_color: @blue;
@warning_color: @orange;
@success_color: @green;
@error_color: @red;

.colorize(@class, @property: background-color) {
  .red @{class} { @{property}: @red; }
  .orange @{class} { @{property}: @orange; }
  .yellow @{class} { @{property}: @yellow; }
	.olive @{class} { @{property}: @olive; }
	.green @{class} { @{property}: @green; }
	.teal @{class} { @{property}: @teal; }
  .blue @{class} { @{property}: @blue; }
	.violet @{class} { @{property}: @violet; }
  .purple @{class} { @{property}: @purple; }
	.pink @{class} { @{property}: @pink; }
	.brown @{class} { @{property}: @brown; }
	.grey @{class} { @{property}: @grey; }
  .black @{class} { @{property}: @black; }
}

body {
  font-family: 'Open Sans', sans-serif;
  @media (max-width: 768px) {
    font-size: 15px;
  }
  .colorize(~'.reframe-modal-panel-header');
  .colorize(~'.reframe-tabs-header');
  .colorize(~'.reframe-panel-header');
  .colorize(~'.reframe-collection-header');
  .colorize(~'.reframe-toggle-list-header');
  .colorize(~'.maha-account-identity');
  .colorize(~'.maha-app-detail-header');
  .colorize(~'.maha-app-token-icon');
  .colorize(~'.maha-notifications-header');
  .colorize(~'.maha-page-header');
  .colorize(~'.maha-page-body-details');
  .colorize(~'.maha-search-bar');
  .colorize(~'.reframe-toggle-list-header .reframe-searchbox');
}

#platform {
  width: 100%;
  height: 100%;
  display: flex;
}

* {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
}
.reframe-table-body .circle {
  font-size: .7em !important;
}

.reframe-tabs-header {
  .maha-avatar-text {
    font-size: 4em;
  }
}



.maha-toggle-item {
  flex: 1;
  display: flex;
}
.maha-toggle-item-status {
  display: flex;
  padding: 1em 1em 1em 0;
  .button {
    padding: 0.8em;
    width: 2.5em;
  }
}
.token {
  padding: 0.8em;
}

@import './components/account/style';
@import './components/admin/style';
@import './components/alerts/style';
@import './components/asset/style';
@import './components/assignee_token/style';
@import './components/attachment/style';
@import './components/attachments/style';
@import './components/attachmentfield/style';
@import './components/audit/style';
@import './components/app_token/style';
@import './components/assignment/style';
@import './components/assignment2/style';
@import './components/avatar/style';
@import './components/badge/style';
@import './components/browser/style';
@import './components/comments/style';
@import './components/composer/style';
@import './components/dashboard/style';
@import './components/emojis/style';
@import './components/feed/style';
@import './components/image/style';
@import './components/import/style';
@import './components/logo/style';
@import './components/navigation/style';
@import './components/network/style';
@import './components/page/style';
@import './components/platform/style';
@import './components/portal/style';
@import './components/presence_token/style';
@import './components/profiles/style';
@import './components/review_token/style';
@import './components/richtext/style';
@import './components/richtextfield/style';
@import './components/signin/style';
@import './components/search/style';
@import './components/source_token/style';
@import './components/subscriptions/style';
@import './components/user_token/style';
@import './components/uploader/style';