/*
 * Definitions for all marketplace views
 */
/* Color definitions */
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  overflow: hidden;
}

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: silver;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: silver;
  opacity: 1;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: silver;
  opacity: 1;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: silver;
}

/* Global Settings*/
img {
  interpolation-mode: bicubic;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: left;
}

.frontSpace {
  margin-left: 30px;
}

.bold {
  font-weight: bold;
}

.marketplaceView .small-width {
  width: 15% !important;
}

.marketplaceView .medium-width {
  width: 25% !important;
}

.fa-spinner {
  margin-left: 46%;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Header */
header {
  margin-bottom: 5px;
  vertical-align: center;
  font-size: 12px;
  padding: 10px;
  color: black;
}

header .navbar-brand img{
  height: 75px;
  width: 125px;
  margin: 5px;
}

header #viewTitle {
  float: left;
}

header #viewTitle .title {
  font-size: 35px;
  font-weight: bold;
}

header #viewTitle .subtitle {
  font-size: 14px;
}

header #userInfo {
  float: right;
  text-align: right;
}

header #userInfo a {
  text-decoration: underline;
  margin-left: 6px;
}

/* General spaces for View*/
.marketplaceView {
  margin-left: 10px;
  margin-right: 10px;
}

/* Info Area - Area above the grid for showing various information */
#infoArea .info_value {
  color: orangered;
  padding-left: 10px;
  padding-right: 40px;
}

/* FORM*/
.marketplaceView .form-control {
  display: inline;
}

/* GRID */
.marketplaceGrid {
}

.marketplaceGrid .subGrid,
.marketplaceGrid .subSubGrid {
  border: 1px solid black;
  margin-right: -6px !important;
  overflow: hidden;
}

.marketplaceGrid .toolbar {
  margin-bottom: -5px;
}

.marketplaceGrid .toolbar .toolbarLabel {
  font-weight: bold;
  font-size: small;
  padding-right: 5px;
  color:black;
}

.marketplaceGrid .toolbar .k-button,
.marketplaceGrid .toolbar .k-widget{
  margin-bottom:5px;
}

.marketplaceGrid .toolbar button {
  margin-right: 10px;
  height: 30px;
}

/* Making toolbar buttons grey*/
.marketplaceGrid .toolbar .k-button,
.marketplaceGrid .toolbar .k-dropdown,
.marketplaceGrid .toolbar .k-dropdown-wrap,
.marketplaceGrid .toolbar .k-input{
  background-color: #f5f5f5 !important;
}

.k-grid .k-grid-toolbar .k-button:hover,
.k-grid .k-grid-toolbar .k-button:focus {
  background: #414042 !important;
  color: #FFFFFF !important;
  border: 2px solid #414042 !important;
}

.marketplaceGrid .toolbar #execute{
  background-color: #E3173E !important;
  color: #FFFFFF !important;
}

.marketplaceGrid .toolbar #execute:hover{
  background-color:  #414042 !important;
  color: #E3173E !important;
}

.marketplaceGrid .toolbar .mdeSelector .k-input{
  color: orangered;
}

.marketplaceGrid .toolbar a {
  margin-right: 10px;
  height: 30px;
}

.marketplaceGrid .toolbar a span {
  margin-top: 4px;
}

.marketplaceGrid .toolbar .k-dropdown {
  /*   width: 85px;  VW.*/
  margin-right: 10px;
}

.marketplaceGrid .toolbar #resetGrid {
  display: none;
}

.marketplaceGrid .toolbar #nextMdeLabel {
  margin-right: 10px;
  color: orangered;
}

.marketplaceGrid .toolbar .crossOut {
  color: red;
  margin-left: -3px;
  font-size: 12px;
}

.marketplaceGrid .toolbar .prevMde {
  margin-right: 3px;
}

.marketplaceGrid .toolbar .prevMde,
.marketplaceGrid .toolbar .mdeSelector {
  margin-right: 3px;
}

.marketplaceGrid .k-grid-header th.k-header {
  background-image: none;
  text-align: center;
  /* If Column title is too long, clip it */
  text-overflow: clip;
}

.marketplaceGrid .k-grid-header th.k-header > .k-link {
  text-overflow: clip;
}

.marketplaceGrid .k-grid-header th.k-header .k-header-column-menu.k-state-active {
  background-color: #F7A4AB;
  border-color: #F7A4AB;
}

.marketplaceGrid table {
  font-size: 12px;
}

.marketplaceGrid td {
  line-height: 1em !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  /* Styles for number grid cells - right aligned*/
}

.marketplaceGrid td .gridColNumber,
.marketplaceGrid td .k-numerictextbox .k-input {
  text-align: right;
}

.marketplaceGrid .editableHeader {
  background-color: #fabf8f !important;
}

.marketplaceGrid tr:not(.nonEditable) > .editable {
  background-color: #fcf2e9;
}

.marketplaceGrid tr:not(.nonEditable).k-alt > .editable {
  background-color: #fde9d9;
}

.marketplaceGrid .gridCheckbox,
.marketplaceGrid .columnCheckBox {
  float: right;
  margin: 0px;
}

.marketplaceGrid .k-hierarchy-cell,
.marketplaceGrid .k-hierarchy-col {
  display: none;
}

.marketplaceGrid .columnHierarchyButton,
.marketplaceGrid .gridHierarchyButton {
  cursor: pointer;
}

.marketplaceGrid .k-grid-footer,
.marketplaceGrid .k-footer-template td {
  background-color: #e5e5e5;
}

.marketplaceGrid .sortIndicator {
  margin-left: 12px;
  margin-right: -19px;
}

.marketplaceGrid .sortIndicator.c1:before {
  content: "1";
}

.marketplaceGrid .sortIndicator.c2:before {
  content: "2";
}

.marketplaceGrid .sortIndicator.c3:before {
  content: "3";
}

.marketplaceGrid .sortIndicator.c4:before {
  content: "4";
}

.marketplaceGrid .sortIndicator.c5:before {
  content: "5";
}

.marketplaceGrid .sortIndicator.c6:before {
  content: "6";
}

.marketplaceGrid .sortIndicator.c7:before {
  content: "7";
}

.marketplaceGrid .sortIndicator.c8:before {
  content: "8";
}

.marketplaceGrid .sortIndicator.c9:before {
  content: "9";
}

.marketplaceGrid .sortIndicator.c10:before {
  content: "10";
}

/* Column menu size */
.k-group .k-group {
  max-height: 600px !important;
  overflow: visible;
}

.belowGridButtons {
  margin-top: 10px;
}

/* The context menu div is hidden - it is only used to generate the context menu */
#context-menu {
  display: none;
}

.k-context-menu {
  width: 135px;
}

/* Popup Window */
.popupWindow .popupTables {
  height: 200px;
  padding-top: 20px;
}

.popupWindow .popupTables table {
  border-style: solid;
  border-width: 1px;
}

.popupWindow .popupTables table .gridHead {
  border-bottom: 1px solid gray;
}

.popupWindow .popupTables table .gridHead td {
  font-weight: bold;
}

.popupWindow .popupTables table tr td,
.popupWindow .popupTables table tr th {
  padding: 5px 10px;
}

.popupWindow .popupTables table tr th {
  text-align: center;
  background-color: lightgrey;
}

.popupWindow .popupMessage {
  float: left;
  width: 70%;
  text-align: right;
}

.popupWindow .popupButtons {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

/* Welcome Screen */
/* Navigation */
.topNav {
  padding: 10px;
  background-color: #009999;
  font-size: 12px;
}

.topNav .nav-pills li {
  width: 130px;
}

.topNav .nav-pills li a {
  height: 25px;
  padding-top: 4px !important;
}

.welcomeScreen {
  text-align: center;
  margin-top: 25px;
}

.welcomeScreen img {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.welcomeScreen .errorbox {
  text-align: left;
}

.welcomeScreen .errorbox ul {
  list-style: none;
}

.k-notification {
  border:none !important;
}

.popupNotification_info {
  padding: 1em;
  white-space: nowrap;
  background-color: #b9b9e4;
  margin: 0;
  border: 1px solid gray;
}

.popupNotification_success {
  padding: 1em;
  white-space: nowrap;
  background-color: #b9e4b9;
  margin: 0;
  border: 1px solid gray;
}

.popupNotification_warning {
  padding: 1em;
  white-space: nowrap;
  background-color: #e4e4b9;
  margin: 0;
  border: 1px solid gray;
}

.popupNotification_error {
  padding: 1em;
  white-space: nowrap;
  background-color: #e4b9b9;
  margin: 0;
  border: 1px solid gray;
}

/* Hide Chrome's default calendar picker tools (bootstrap is used in MP)*/
input::-webkit-calendar-picker-indicator{
  display: none;
}

.noWebCommonsProject{
  display: none;
}

.rightArrow{
  float: right;
}

.marketplaceView .panel-heading {
  padding: 7px 15px;
  height: 30px;
}

.marketplaceView .panel-body{
  border: 1px solid #ccc;
}

.marketplaceView .accordionTitle{
  float: left;
}

.marketplaceView .nav>li>a{
  padding: 5px 15px;
}

.marketplaceGrid td .k-numerictextbox .k-input {
  height:15px;
}

.marketplaceGrid td .k-select .k-link {
  height: 16px;
  margin-top: -4px;
}

.marketplaceGrid td .k-numeric-wrap,
.marketplaceGrid td .k-textbox,
.marketplaceGrid td .k-dropdown{
  height:19px
}

.marketplaceGrid td .k-dropdown-wrap{
  height:17px
}

.marketplaceGrid td .k-dropdown-wrap .k-i-arrow-s{
  margin-top: -8px;
}

.clickable{
  cursor: pointer;
}

/* Hide IE's clear button for form fields*/
.form-control::-ms-clear {display: none; width:0; height:0;}

/* Fix IE Bug where subgrids don't align properly on small windows*/
.k-grid .k-detail-cell{
  overflow: hidden !important;
}

.has-error {
  color:red;
}

.has-success {
  color:#3c763d
}

.has-warning {
  color:orange;
}

#highDensitySelector{
  float: right;
  width: inherit;
}

.k-window-titlebar.k-header{
  margin-top: -74px !important;
}