/* ------------------------------------------- */
/* Style definitions for the TransdatiX Portal */
/* ------------------------------------------- */

body
{
  font-family: "Segoe UI", Arial;
}

.grayed{
  opacity: 0.5;
}

.pointer{
  cursor: pointer;
}

#po_rtal-body {
  padding-left: 15px;
  padding-right: 15px;
}


#po_rtal-container, #por_tal-tree-container {
  padding: 15px;
  margin-bottom: 20px;
  background-color: #fbfbfb;
  border: 1px solid #999;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

.nav {
  padding-left: 10px;
}

.panel {
  margin-bottom: 15px;
}

.code {
  font-family: Consolas, Lucida Console, Courier New, monospace, sans-serif;
  white-space: pre;
}

/* ------------------------------------------------------------------------- */
/* MDI                                                                       */
/* ------------------------------------------------------------------------- */

.tab-content {
  margin-top: 30px;
}

.nav-tabs > li > a {
  padding-right: 25px;
  padding-bottom: 7px;
}

.nav-tabs > li .close {
  margin-top: -10px;
  margin-right: -22px;
}

/* ------------------------------------------------------------------------- */
/* Content editable (rename)                                                 */
/* ------------------------------------------------------------------------- */

[contenteditable="true"]:active,
[contenteditable="true"]:focus {
  background-color: #e0e0e0;
  /* border: 1px solid black; */
  outline: none;
}

/* ------------------------------------------------------------------------- */
/* Gijgo                                                                     */
/* ------------------------------------------------------------------------- */

ul.gj-list-md li
{
  font-family: "Segoe UI",Arial;
  letter-spacing: 0em;
}

/* ------------------------------------------------------------------------- */
/* Froala: To display images properly which were generated in the editor     */
/* See also:  /Lib/Froala/css/froala_style.css                               */
/* ------------------------------------------------------------------------- */

img.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

img.fr-dib.fr-fil {
  margin-left: 0;
}

img.fr-dib.fr-fir {
  margin-right: 0;
}

img.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
}

img.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}
img.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}

img.fr-rounded {
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

img.fr-bordered {
  border: solid 10px #CCC;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
