@import url("https://fonts.googleapis.com/css?family=Ubuntu+Condensed");
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}
/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: 'icomoon';
  src: url('../resources/icons/icomoon.eot?-2f7ojt');
  src: url('../resources/icons/icomoon.eot?#iefix-2f7ojt') format('embedded-opentype'), url('../resources/icons/icomoon.ttf?-2f7ojt') format('truetype'), url('../resources/icons/icomoon.woff?-2f7ojt') format('woff'), url('../resources/icons/icomoon.svg?-2f7ojt#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class*="icon-"],
.font-icon {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-circle:before {
  content: "\66";
}
.icon-ok-sign:before {
  content: "\74";
}
.icon-plus:before {
  content: "\70";
}
.icon-minus:before {
  content: "\6d";
}
.icon-caret-down:before {
  content: "\61";
}
.icon-search:before {
  content: "\73";
}
.icon-pencil:before {
  content: "\65";
}
.icon-plus-sign:before {
  content: "\71";
}
.icon-cog:before {
  content: "\6f";
}
.icon-radio-unchecked:before {
  content: "\63";
}
@media all {
  /*  /////////////////////////////////////////////                                        
    // SPRITE                                  //                                        
    ///////////////////////////////////////////// */
  .spriteSaphety,
  SPAN.saphGraphBtn,
  .gSprite,
  .gCalendarPicker INPUT,
  .gCalendarDateTimePicker INPUT,
  .gAutoComplete INPUT,
  .gVCard INPUT,
  .gVCard SELECT,
  SPAN#spanIcon {
    background-image: url('../../App_Themes/EmbratelEDI/Img_Application/Img_Sprite.png?rand=20');
    background-repeat: no-repeat;
  }
  .gAutoComplete INPUT {
    padding-right: 32px !important;
  }
  .gSpriteBigIcons {
    background-image: url('../../App_Themes/EmbratelEDI/Img_Application/Img_Sprite_BigIcons.png?rand=20');
    background-repeat: no-repeat;
  }
  .spriteSaphety,
  SPAN.saphGraphBtn,
  SPAN#spanIcon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
  }
  .gCalendarPicker INPUT,
  .gCalendarDateTimePicker INPUT {
    background-position: right -6px;
  }
  .gAutoComplete INPUT {
    background-position: right -547px;
  }
  /*.gVCard                                                                      {background-color:pink;}*/
  .gVCard INPUT,
  .gVCard SELECT {
    background-position: right -116px;
  }
  .Icon_Msg_Question {
    height: 36px;
    width: 36px;
    background-position: -135px -144px;
  }
  /* JC - Fazer a função JS para esta situação */
  /*       JC - Verificar se à necessidade de utilizar                                 
        directamente estas classes                                                   
                                                                             
.Icon_Msg_Alert                                                              {height:36px;width:36px;background-position:-135px -144px;}
.Icon_Msg_Error                                                              {height:36px;width:36px;background-position:-135px -144px;}
.Icon_Msg_Info                                                               {height:36px;width:36px;background-position:-135px -144px;}
.Icon_Msg_Success                                                            {height:36px;width:36px;background-position:-135px -144px;}
*/
  .Icon_LogOut {
    height: 36px;
    width: 36px;
    background-position: -187px -150px;
  }
  .Icon_Open_Bar,
  .aBarSwitch {
    height: 36px;
    width: 36px;
    background-position: -216px -180px;
  }
  .Icon_Close_Bar {
    height: 36px;
    width: 36px;
    background-position: -252px -180px;
  }
  .Icon_ToTop {
    height: 36px;
    width: 40px;
    background-position: -249px -182px;
  }
  .Icon_Right {
    height: 36px;
    width: 36px;
    background-position: -222px -144px;
  }
  .Icon_Left {
    height: 36px;
    width: 36px;
    background-position: -246px -144px;
  }
  .Icon_Tab_Right {
    height: 14px;
    width: 14px;
    background-position: -228px -155px;
  }
  .Icon_Tab_Left {
    height: 14px;
    width: 14px;
    background-position: -261px -155px;
  }
  .Icon_Close {
    height: 36px;
    width: 36px;
    background-position: -11px -263px;
  }
  .Icon_Notifications {
    height: 36px;
    width: 36px;
    background-position: 0px -287px;
  }
  .Icon_User {
    height: 36px;
    width: 36px;
    background-position: -38px -287px;
  }
  .Icon_Help {
    height: 36px;
    width: 36px;
    background-position: -148px -578px;
    display:none !important;
  }
  .Icon_PrePay {
    height: 36px;
    width: 36px;
    background-position: -75px -287px;
  }
  .Icon_Date {
    height: 36px;
    width: 36px;
    background-position: -109px -287px;
  }
  .Icon_Search {
    height: 36px;
    width: 36px;
    background-position: 0px 0px;
  }
  .Icon_Search {
    height: 24px;
    width: 24px;
    background-position: -259px -40px;
  }
  .tEntityCardOpcoes {
    height: 26px;
    width: 41px;
    background-position: -137px -293px;
  }
  .Icon_EmaiDocAttach {
    background-position: right -512px;
  }
  .Icon_Universal {
    width: 53px;
    height: 50px;
    background-position: -45px -227px;
  }
  .Icon_Lock {
    width: 53px;
    height: 50px;
    background-position: -118px -227px;
  }
  .Icon_Ban {
    width: 53px;
    height: 50px;
    background-position: -191px -226px;
  }
  .Icon_ListOptions {
    width: 20px;
    height: 17px;
    background-position: -262px -261px;
    position: absolute !important;
  }
  .Icon_ListOptions:Hover,
  .ui-selecting DIV.tTooltip,
  .ui-hover DIV.tTooltip {
    background-position: -262px -225px;
  }
  .Icon_Status_Msg {
    width: 24px;
    height: 22px;
    background-position: -6px -583px;
  }
  .Icon_MoreOptions {
    background-position: -265px -87px;
  }
  .Icon_MoreOptionsWhite {
    background-position: -265px -376px;
  }
  .Icon_xls {
    background-position: right -440px;
  }
  .Icon_pdf {
    background-position: right -476px;
  }
  .Icon_Ok {
    background-position: -189px -297px;
  }
  .Icon_Report {
    background-image: url('../../App_Themes/EmbratelEDI/Img_Application/Img_Sprite.png?rand=20');
    background-repeat: no-repeat;
  }
  .ui-icon.ui-icon-closethick {
    background-color: green;
  }
  .reportStatus img {
    width: 12px;
  }
  BODY {
    background-image: url(../../App_Themes/EmbratelEDI/Img_Application/Bg_Body_Light.png);
    overflow: scroll;
    overflow-x: auto;
  }
  BODY,
  FORM,
  DIV {
    font-family: Arial, Verdana, Sans-Serif;
    color: #333333;
  }
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  ::-webkit-input-placeholder {
    color: #999;
    font-style: italic;
  }
  input:-moz-placeholder {
    color: #999;
    font-style: italic;
  }
  .ActiveWatermark {
    color: #999;
    font-style: italic;
  }
  * {
    outline: 0;
  }
  /*  /////////////////////////////////////////////                                        
    // General - Styles                        //                                        
    ///////////////////////////////////////////// */
  .gBlockClear {
    display: block;
    clear: both;
  }
  .gClear {
    clear: both;
  }
  .gBlockClear:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    font-size: 0;
  }
  .gOff {
    display: none;
  }
  .gFLeft {
    float: left !important;
  }
  .gFRight {
    float: right !important;
  }
  .gCRight {
    clear: right;
  }
  .gTxtLeft {
    text-align: left !important;
  }
  .gTxtRight {
    text-align: right !important;
  }
  .gTxtCenter {
    text-align: center !important;
  }
  .gMaxWidth {
    width: 970px;
    max-width: 970px;
  }
  .l_partialFullWidth {
    width: 94%;
    margin: 0 3%;
  }
  .highlight {
    background: rgba(0, 0, 0, 0.1);
    margin: 20px 0 0;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box;
  }
  .btn-edit-clear {
    border: 1px solid rgba(0, 0, 0, 0.2);
    background: #fff;
    padding: 3px 10px;
    color: #666;
    text-align: center;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
    font-size: 13px;
    font-weight: normal;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,.1);
    box-shadow: 0px 1px 2px rgba(0,0,0,.1);
  }
  .btn-edit-clear:hover {
    border-color: blue;
    color: blue;
  }
  .setTable.fixedWidth {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .setTable .editOnHover {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
    width: 95%;
    height: 24px;
    line-height: 23px;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,.1);
    box-shadow: 0px 1px 2px rgba(0,0,0,.1);
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 24px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 24px;
    -moz-background-clip: padding;
    border-radius: 24px;
    background-clip: padding-box;
    text-decoration: none;
    color: #888;
    text-align: center;
  }
  .setTable .cell_120 {
    width: 120px;
  }
  .setTable tr th,
  .setTable tr td {
    text-align: left;
  }
  .setTable tr th.action-col,
  .setTable tr td.action-col {
    position: relative;
    width: 60px;
    padding: 0 10px;
  }
  .setTable tr:hover .editOnHover {
    display: block;
  }
  .setTable tr:hover .editOnHover:hover {
    color: #48B4CC;
  }
  .ar-container {
    width: 100%;
    padding: 0 10px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: visible !important;
    position: relative;
  }
  .ar-container .ar-counter {
    width: 20px;
    height: 20px;
    padding: 0 10px;
    line-height: 20px;
    text-align: center;
    -webkit-border-radius: 20px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 20px;
    -moz-background-clip: padding;
    border-radius: 20px;
    background-clip: padding-box;
    font-size: 11px;
    font-weight: bold;
    background: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    cursor: pointer;
  }
  .ar-container .ar-counter:hover {
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,.4);
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,.4);
    box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,.4);
  }
  .ar-container .ar-list {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 10px;
    -webkit-box-shadow: 0px 1px 5px rgba(0,0,0,.3);
    -moz-box-shadow: 0px 1px 5px rgba(0,0,0,.3);
    box-shadow: 0px 1px 5px rgba(0,0,0,.3);
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box;
    background: #fafafa;
    display: none;
    position: absolute;
    top: 25px;
    left: -475px;
    width: 530px;
    max-height: 150px;
    overflow: hidden;
    overflow-y: auto;
    z-index: 1;
  }
  .ar-container .ar-list span {
    width: 100%;
    float: left;
    padding: 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    font-size: 11px;
    color: #555;
  }
  .ar-container.no-ar .ar-counter {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: none;
  }
  .ar-container.is-active .ar-counter {
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    position: relative;
    overflow: visible;
  }
  .ar-container.is-active .ar-counter:before {
    position: absolute;
    bottom: -20px;
    margin-top: -1px;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 20px;
    background: rgba(0, 0, 0, 0.6);
    content: '';
  }
  .ar-container.is-active .ar-list {
    display: block;
    border-color: rgba(0, 0, 0, 0.6);
  }
  .loading-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
  }
  .loading-wrapper .loading-overlay {
    z-index: 99;
    position: absolute;
    width: 54px;
    height: 18px;
    top: 50%;
    margin-top: -9px !important;
    left: 50%;
    margin-left: -27px !important;
  }
  .loading-wrapper .loading-overlay .spinner {
    margin: 0 auto 0;
    width: 70px;
    text-align: center;
    z-index: 999;
    position: relative;
  }
  .loading-wrapper .loading-overlay .spinner > div {
    width: 18px;
    height: 18px;
    background-color: #999;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .loading-wrapper .loading-overlay .spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
  }
  .loading-wrapper .loading-overlay .spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
  }
  @-webkit-keyframes bouncedelay {
    0%,
    80%,
    100% {
      -webkit-transform: scale(0);
    }
    40% {
      -webkit-transform: scale(1);
    }
  }
  @keyframes bouncedelay {
    0%,
    80%,
    100% {
      transform: scale(0);
      -webkit-transform: scale(0);
    }
    40% {
      transform: scale(1);
      -webkit-transform: scale(1);
    }
  }
  .loading-wrapper .overlay-bg {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
  }
  .loading-wrapper.inner-pane {
    position: absolute;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
  }
  .gToCenter {
    margin-left: Auto;
    margin-right: Auto;
  }
  .gNoMargin {
    margin: 0 0 0 0;
  }
  .gNoPadding {
    padding: 0 0 0 0;
  }
  .gNoBorder {
    border: 0 solid transparent;
  }
  /* Colors */
  .gBgGreyLight {
    background-color: rgba(75, 75, 75, 0.1);
  }
  .gBgGreyMedium {
    background-color: rgba(75, 75, 75, 0.3);
  }
  .gBgGreyDark {
    background-color: rgba(75, 75, 75, 0.8);
  }
  .gGrayBorder {
    border: 1px solid #D3D3D3;
  }
  .gGrayBg {
    background-color: #EAE8E7;
  }
  .gWhiteBg {
    background-color: #FFF;
  }
  .gDarkOrange {
    background-color: #CF5E1C;
  }
  .gOrangeBorder {
    border: 1px solid #3453AB !important;
  }
  .gOrangeButtonBorder {
    border: 1px solid #436A9C !important;
  }
  .gDarkOrangeLeftBorder {
    border-left: 1px solid #3453AB;
  }
  .gDarkBlue {
    color: #0270B7;
  }
  .view-style {
    padding-bottom: 10px !important;
    margin-bottom: 10px;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.15);
    font-size: 13px;
  }
  .view-style strong {
    display: block;
    width: 100px;
    float: left;
  }
  .view-style.first-child {
    margin-top: 20px;
  }
  .entity-wrapper {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.15);
    font-size: 13px;
    padding-left: 0;
    color: #666;
  }
  .entity-wrapper .entity-name {
    font-weight: bold;
    font-size: 15px;
    color: #181818;
    position: relative;
  }
  .entity-wrapper .entity-name:before {
    position: absolute;
    left: -20px;
    top: 9px;
    width: 10px;
    height: 10px;
    content: '';
    -webkit-border-radius: 10px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 10px;
    -moz-background-clip: padding;
    border-radius: 10px;
    background-clip: padding-box;
    background: rgba(0, 0, 0, 0.2);
  }
  .entity-wrapper button {
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,.1);
    box-shadow: 0px 1px 2px rgba(0,0,0,.1);
    background: #fff;
    color: #666;
    padding: 3px 10px;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
    float: right;
  }
  .entity-wrapper button:hover {
    border-color: blue;
    color: blue;
  }
  .form-fix label {
    padding-bottom: 5px;
    margin-bottom: 5px;
    padding-left: 0px;
    margin-left: 0 !important;
  }
  .form-fix input[type="checkbox"],
  .form-fix input[type="radio"] {
    float: left;
    margin-right: 5px;
    margin-bottom: 10px;
  }
  .form-fix input[type="checkbox"] + label,
  .form-fix input[type="radio"] + label {
    font-weight: normal;
    float: left;
    padding: 0;
  }
  /* Effects */
  /*
    RADIUS NAS CAIXAS - FICHEIRO PLUGIN                                       
    ( SEARCH FOR "RADIUSBOXES" )  */
  .gLargeFullRadius {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
  }
  .gMediumFullRadius {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
  }
  .gSmallFullRadius {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
  }
  .gOpacity:Hover {
    filter: alpha(opacity=50);
    opacity: 0.50;
  }
  .gNoTopRadius {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -khtml-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    -khtml-border-top-right-radius: 0;
    border-top-right-radius: 0;
  }
  .gNoBottomRadius {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -khtml-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    -khtml-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .gNoLeftRadius {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -khtml-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -khtml-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .gNoRightRadius {
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    -khtml-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    -khtml-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .gTopLeftRadius {
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    -khtml-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -khtml-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    -khtml-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .gTopRightRadius {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -khtml-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -khtml-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    -khtml-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .gShadowEffect {
    box-shadow: 0px 0px 4px #222;
    -moz-box-shadow: 0px 0px 4px #222;
    -webkit-box-shadow: 0px 0px 4px #222;
  }
  .gNoSelection {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  /* Structure */
  .gBoxWidth-1-4,
  .gBoxWidth-2-4,
  .gBoxWidth-3-4,
  .gBoxWidth-3-4,
  .gBoxWidth-4-4,
  .gBoxWidth-1-3,
  .gBoxWidth-2-3,
  .gBoxWidth-3-3 {
    display: block;
    float: left;
    border: 1px solid transparent;
  }
  .gBoxWidth-1-4 {
    width: 24.7%;
  }
  .gBoxWidth-2-4 {
    width: 49.75%;
  }
  .gBoxWidth-2-4 .gBoxWidth-1-4 {
    width: 24.57%;
  }
  .gBoxWidth-2-4 .gBoxWidth-2-4 {
    width: 49.55%;
  }
  .gBoxWidth-3-4 {
    width: 74.8%;
  }
  .gBoxWidth-3-4 .gBoxWidth-1-4 {
    width: 33.04%;
  }
  .gBoxWidth-3-4 .gBoxWidth-2-4 {
    width: 49.7%;
  }
  .gBoxWidth-4-4 {
    width: 99.8%;
  }
  .gBoxWidth-1-3 {
    width: 35%;
  }
  .gBoxWidth-2-3 {
    width: 64.5%;
  }
  .gBoxWidth-2-3 .gBoxWidth-1-3 {
    width: 49%;
  }
  .gBoxWidth-3-3 {
    width: 99.8%;
  }
  .gBoxWidth-3-3.gOffHack {
    display: none;
  }
  /* font-size */
  .gfont10 {
    font-size: 10px;
  }
  .gfont11 {
    font-size: 11px;
  }
  .gfont12 {
    font-size: 12px;
  }
  .gfont13 {
    font-size: 13px;
  }
  .gfont12Important {
    font-size: 12px !important;
  }
  .gLineHeight11 {
    line-height: 15px;
  }
  /*  /////////////////////////////////////////////                                        
    // Msg Area - Styles                       //                                        
    ///////////////////////////////////////////// */
  DIV#divGlobalMsgArea {
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    padding: 0 Auto;
    z-index: 80;
  }
  DIV#divGlobalMsgArea.jDialogTopZIndex {
    z-index: 1050 !important;
    top: -90px;
    position: absolute;
  }
  .divMsgSuccess SPAN#spanIcon {
    background-position: -149px -149px;
  }
  .divMsgSuccess DIV#divGlobalMsgAreaContent {
    font-weight: bold;
    color: #FFF;
    border-color: #3FA43A;
    background: #5DC253;
    background: -moz-linear-gradient(top, #5dc253 40%, #3fa43a);
    background: -webkit-linear-gradient(top, #5dc253 40%, #3fa43a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5DC253', endColorstr='#3FA43A');
  }
  .divMsgAlert SPAN#spanIcon {
    background-position: -5px -149px;
  }
  .divMsgAlert DIV#divGlobalMsgAreaContent {
    font-weight: bold;
    border-color: #EAB104;
    background: #F8E901;
    background: -moz-linear-gradient(top, #f8e901 40%, #eab104);
    background: -webkit-linear-gradient(top, #f8e901 40%, #eab104);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8E901', endColorstr='#EAB104');
  }
  .divMsgInfo SPAN#spanIcon {
    background-position: -113px -149px;
  }
  .divMsgInfo DIV#divGlobalMsgAreaContent {
    font-weight: bold;
    color: #FFF;
    border-color: #3A77A4;
    background: #5393C2;
    background: -moz-linear-gradient(top, #5393c2 40%, #3a77a4);
    background: -webkit-linear-gradient(top, #5393c2 40%, #3a77a4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5393C2', endColorstr='#3A77A4');
  }
  .divMsgError SPAN#spanIcon {
    background-position: -77px -149px;
  }
  .divMsgError DIV#divGlobalMsgAreaContent {
    font-weight: bold;
    color: #FFF;
    border-color: #A43A3A;
    background: #C25353;
    background: -moz-linear-gradient(top, #c25353 40%, #a43a3a);
    background: -webkit-linear-gradient(top, #c25353 40%, #a43a3a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C25353', endColorstr='#A43A3A');
  }
  .divMsgLoader SPAN#spanIcon {
    background-image: none;
  }
  .divMsgLoader DIV#divGlobalMsgAreaContent {
    font-weight: bold;
    border-color: #A3A3A3;
    background: #C2C2C2;
    background: -moz-linear-gradient(top, #c2c2c2 40%, #a3a3a3);
    background: -webkit-linear-gradient(top, #c2c2c2 40%, #a3a3a3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C2C2C2', endColorstr='#A3A3A3');
  }
  DIV#divGlobalMsgAreaContent {
    margin: 77px Auto 0;
    width: 460px;
    position: relative;
    padding: 45px 20px 12px 50px;
  }
  BODY.bodyPublic DIV#divGlobalMsgAreaContent {
    margin-top: 0;
  }
  SPAN#spanIcon {
    position: absolute;
    top: 0;
    left: 0;
    margin: 41px 0 0 14px;
    width: 26px;
    height: 27px;
  }
  .spinnerIcon {
    margin: 14px 0 0 13px;
  }
  A.aCloseMsgArea {
    position: absolute;
    top: 20px;
    right: 7px;
    height: 14px;
    width: 14px;
    background-position: -11px -263px;
    filter: alpha(opacity=25);
    opacity: 0.25;
  }
  /*  /////////////////////////////////////////////                                        
    // Login Box -Styles                       //                                        
    ///////////////////////////////////////////// */
  .tLoginBox {
    margin: 0 Auto 0 Auto;
    width: 375px;
  }
  .tLoginBox DIV.box {
    background-color: #033678;
    border: 1px solid #031F44;
    padding-bottom: 10px;
  }
  .tLoginBox .tRecoveryPassword {
    font-weight: bold;
  }
  .tLoginBoxFx {
    padding: 0 10px 0 10px;
  }

  .tLoginBoxFx span {
    color: #D6E3F5;
  }
  
  .tLoginBoxFx h3 {
    color: white;
  }
  
  .tLoginBoxFx .saphGrid-12-12 {
    color: #D6E3F5;
  }

  .bgSlider {
    border: 5px dashed #8FA6F9 !important;
  }

  a#bodyBaseCPH_bodyPublicCPH_bodyFormCPH_LinkToNewAccount { display: none; }
  /*  /////////////////////////////////////////////                                        
    // Upper Toolbar - Styles                  //                                        
    ///////////////////////////////////////////// */
  .divUpperToolbar {
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
    z-index: 90;
    padding: 0 Auto 0 Auto;
    min-width: 970px;
  }
  .divUpperToolbar A {
    color: #FFF;
  }
  /*.divInnerUpperToolbar {
        width:99%;
        margin:0 Auto 0.8em Auto;padding-top:6px;padding-bottom:0;
        background-color:#033678;
        min-height:77px;
        border:1px solid #031F44;
    }*/
  /*IE7 & IE8*/
  .divInnerUpperToolbar {
    width: 99%;
    margin: 0 Auto 0 Auto;
    padding-top: 6px;
    padding-bottom: 0;
    background-color: #033678;
    min-height: 77px;
    _min-height: 77px;
    *min-height: 77px;
    border: 1px solid #031F44;
    _overflow: hidden;
    *overflow: hidden;
  }
  /*END*/
  .divInnerUpperToolbar A.aAppLogo {
    position: absolute;
    top: 6px;
    left: 0;
    z-index: 90;
  }
  .divInnerUpperToolbar A.aLoggedUser {
    position: absolute;
    top: 52px;
    left: 16px;
    z-index: 90;
    font-size: 11px;
    width: 110px;
    line-height: 11px;
    overflow: hidden;
    text-align: right;
  }
  .divInnerUpperToolbar A.aBarSwitch {
    position: absolute;
    top: 6px;
    right: 0px;
    z-index: 90;
    margin-top: 2px;
  }
  .divUpperToolbarCenterContainer {
    margin: 40px 50px 0 355px;
    overflow: hidden;
    height: 30px;
  }
  .divOpenPanel .divUpperToolbarCenterContainer {
    overflow: inherit;
    min-height: 43px;
    height: inherit;
    padding-bottom: 7px;
  }
  DIV.divInnerPanel {
    display: block;
    float: left;
    color: #FFF;
    position: relative;
    width: 176px;
    margin-left: 10px;
  }
  DIV.divInnerPanelLarge {
    white-space:nowrap;
  }
  DIV.divInnerPanel.gOff {
    display: none;
  }
  DIV.divInnerPanel A.aBarSwitchTitle {
    padding: 10px 0 4px 5px;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
  }
  DIV.divInnerPanel A.aSupScriptInfo {
    background-color: #393C3C;
    display: block;
    padding: 0 5px 2px 5px;
    text-decoration: none;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 9px;
  }
  DIV.divOpenPanel A.aBarLogOut {
    display: block !important;
  }
  A.aBarLogOut {
    position: absolute;
    right: 15px;
    bottom: 0;
    color: #FFF;
    padding: 8px 12px 8px 42px;
    font-size: 13px;
    font-weight: bold;
    border: 1px solid #031F44;
    border-bottom-width: 0;
    background: #031F44;
    background: -moz-linear-gradient(top, #031F44, #033678);
    background: -webkit-linear-gradient(top, #031F44, #033678);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#031F44', endColorstr='#033678');
  }
  A.aBarLogOut SPAN {
    position: absolute;
    left: 10px;
    top: 5px;
  }
  DIV.divOpenPanel SPAN.spanNDVersion {
    display: block !important;
  }
  DIV.divOpenPanel SPAN.spanNDVersionWeb {
    display: block !important;
  }
  SPAN.spanNDVersion {
    position: absolute;
    right: 5px;
    bottom: 65px;
    color: #A6BCD9;
    font-size: 10px;
    line-height: 10px;
    max-width: 95px;
  }
  SPAN.spanNDVersionWeb {
    position: absolute;
    right: 5px;
    bottom: 40px;
    color: #A6BCD9;
    font-size: 10px;
    line-height: 10px;
    max-width: 95px;
  }
  DIV.divExtentedOptions {
    display: block;
  }
  DIV.divExtentedOptions A {
    color: #000;
    font-size: 11px;
    padding: 5px 6px;
    border-top: 1px solid #1D4B87;
    border-bottom: 1px solid #0D2E59;
  }
  DIV.divExtentedOptions A:Hover {
    background-color: #245DA8;
    color: #FFF !important;
  }
  DIV.divExtentedOptions A.aActions {
    color: #C8DDF9;
    text-transform: uppercase;
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;
  }
  DIV.divExtentedOptions A.aLinks {
    color: #FFF;
  }
  DIV.divExtentedOptions A.aUserMainEntity {
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
  }
  DIV.divExtentedOptions A.aSubLinks {
    color: #A6BCD9;
    padding: 3px 7px 3px 18px;
  }
  DIV.divOverExtentedOptions {
    position: absolute;
    top: 46px;
    width: 190px;
    background: transparent url('../../App_Themes/EmbratelEDI/Img_Application/Bg_Corner_Arrow.png?rand=25') no-repeat left top;
  }
  DIV.divOverExtentedOptions A.aBarSwitchTitle {
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    margin-bottom: 4px;
    height: 17px;
    padding-top: 10px;
  }
  DIV.divOverExtentedOptions DIV {
    background-color: #FFF;
    border: 4px solid #393C3C;
  }
  DIV.divOverExtentedOptions DIV DIV {
    border-width: 0;
    background-color: #F2F2F2;
  }
  DIV.divOverExtentedOptions DIV A {
    color: #333;
    font-size: 11px;
    padding: 5px 7px;
    text-decoration: none;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  }
  DIV.divOverExtentedOptions DIV A:Hover {
    background-color: #E5E5E5;
    color: #1F2E9A !important;
  }
  DIV.divOverExtentedOptions DIV A.aActions {
    color: #0396F4;
    text-transform: uppercase;
    font-weight: bold;
  }
  DIV.divOverExtentedOptions DIV A.aLinks {
    color: #333;
    font-weight: bold;
  }
  DIV.divOverExtentedOptions DIV A.aUserMainEntity {
    color: #333;
    text-transform: uppercase;
    font-weight: bold;
  }
  DIV.divOverExtentedOptions DIV A.aSubLinks {
    color: #666;
    padding: 3px 7px 3px 18px;
  }
  DIV.divAccountPanel {
    position: absolute;
    top: 5px;
    left: 143px;
    z-index: 100;
    background-color: #FFF;
    border: 1px solid #E5E5E5;
    padding-left: 25px;
    padding-right: 25px;
  }
  DIV.divAccountPanel A {
    color: #333;
  }
  DIV.divAccountPanel A.aAccountNav {
    position: absolute;
    top: 20px;
  }
  A.aAccountNav.Icon_Right {
    left: 3px;
  }
  A.aAccountNav.Icon_Left {
    right: 3px;
  }
  DIV.scrollable {
    position: relative;
    overflow: hidden;
    height: 95px;
    transition: height 0.3s;
    -moz-transition: height 0.3s;
    -webkit-transition: height 0.3s;
  }
  DIV.scrollable:Hover,
  DIV.divOpenPanel DIV.scrollable {
    height: 334px;
  }
  DIV.scrollable DIV.gBlockClear {
    display: none;
  }
  DIV.scrollable:Hover DIV.gBlockClear,
  DIV.divOpenPanel DIV.scrollable DIV.gBlockClear {
    display: block;
  }
  DIV.scrollable .items {
    width: 20000em;
    position: absolute;
  }
  .items DIV.divEntityCard {
    float: left;
  }
  .items DIV.divEntityCard A {
    display: block;
    padding: 5px;
    font-size: 11px;
    text-decoration: none;
  }
  .items DIV.divEntityCard A:Hover {
    background-color: #F2F2F2;
    color: #333;
  }
  .items DIV.divEntityCard A.aUserMainEntity {
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 0;
    font-size: 10px;
    text-align: center;
  }
  .items DIV.divEntityCard A.aUserMainEntity SPAN {
    background-position: center center;
    background-repeat: no-repeat;
    height: 75px;
    margin-bottom: 3px;
  }
  .items DIV.divEntityCard DIV.gBlockClear A {
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #CCCCCC;
    color: #666;
  }
  .items DIV.divEntityCard DIV.gBlockClear A:Hover {
    color: #333;
  }
  DIV.divOpenPanel DIV.divEntityCard DIV.gBlockClear {
    display: block;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #E5E5E5;
  }
  DIV.divAccountPanel,
  .items DIV.divEntityCard {
    width: 160px;
  }
  DIV.divEntitiesList {
    max-height: 250px;
    overflow-y: auto;
  }
  /*  /////////////////////////////////////////////                                        
    // Support Navigation - Styles             //                                        
    ///////////////////////////////////////////// */
  DIV.divSupportNavigation {
    position: absolute;
    top: 5px;
    right: 38px;
    left: 370px;
  }
  DIV.divSupportNavigation .comment-info-area i {
    padding-top: 4px;
    font-size: 23px;
    position: relative;
    color: #8ab0d8;
    text-shadow: 0px 1px 0px #FFF;
  }
  DIV.divSupportNavigation .comment-info-area .badge-info {
    padding: 1px 2px;
    border-radius: 3px;
    position: absolute;
    text-decoration: none;
    background: #333;
    color: #fff;
    font-size: 8px;
    text-align: center;
    margin-left: 1px;
    top: 5px;
  }
  DIV.divSupportNavigation A.gSprite {
    display: block;
    float: right;
    height: 29px;
    width: 34px;
    padding: 1px 1px 0 1px;
    margin: 4px 1.2% 0 0;
  }
  DIV.divSupportNavigation A.gSprite STRONG {
    display: block;
    float: right;
    font-size: 8px;
    font-weight: normal;
    padding: 1px 2px;
    background-color: #393C3C;
    text-transform: uppercase;
  }
  DIV.divSupportNavigation STRONG.strongFreemium {
    display: block;
    float: left;
    font-size: 12px;
    color: #793710;
    padding-top: 9px;
    line-height: 13px;
  }
  DIV.divSupportNavigation STRONG.strongFreemium A {
    color: #000;
  }
  DIV.divSupportNavigation STRONG.strongFreemium A:Hover {
    color: #FFF;
  }
  DIV.divQuickSearch {
    width: 38%;
    display: block;
    background: #112D52 url('../../App_Themes/EmbratelEDI/Img_Application/Bg_Search_Fx.gif?rand=25') repeat-x top left;
  }
  DIV.divQuickSearch INPUT[type=text]::-webkit-input-placeholder {
    color: #FFF;
    font-weight: bold;
  }
  DIV.divQuickSearch INPUT[type=text]:-moz-placeholder {
    color: #FFF;
    font-weight: bold;
  }
  DIV.divQuickSearch INPUT.ActiveWatermark[type=text] {
    color: #FFF;
    font-weight: bold;
  }
  DIV.divQuickSearch INPUT[type=text] {
    background-color: transparent;
    width: 66%;
    font-weight: bold;
    border: 0;
    margin: 7px 0 0 0;
    padding: 1px 8px 0 8px;
    font-size: 12px;
    color: #FFF;
  }
  DIV.divQuickSearch INPUT[type=button] {
    float: right;
    background-color: transparent;
    border: 0;
    margin: 3px 2.6% 0 0;
  }
  DIV.divQuickSearch A {
    float: right;
    margin: 3px 2.6% 4px 0;
    color: #42B0F7;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
  }
  DIV.divQuickSearch A:Hover {
    color: #FFF;
    text-decoration: none;
  }
  /*
DIV.divQuickSearch {
    width:40%; height:45px;
    min-width: 300px;
    position:relative;
    background: #555555;
} 
DIV.divQuickSearch INPUT[type="text"]::-webkit-input-placeholder {
    color:#FFF;
    font-weight:bold;
}
DIV.divQuickSearch INPUT[type="text"]:-moz-placeholder                     
{
    color:#FFF;
    font-weight:bold;
}
DIV.divQuickSearch INPUT.ActiveWatermark[type="text"]                     
{
    color:#FFF;
    font-weight:bold;
}
DIV.divQuickSearch INPUT[type="text"]                                      
{
    background-color: #666666; color:#FFF;
    width:50%; height:25px;
    font-weight:bold; line-height: 20px;
    border:1px solid #999999; 
    margin: 8px 0 0 10px; padding:2px 8px 0 8px;
    font-size:12px;
    float:left;

}
DIV.divQuickSearch INPUT[type="button"]                                   
{
    background-color:transparent;
    border:0;
   float:right;
} 
DIV.divQuickSearch A                                                       
{
    color:#42B0F7;
    font-size:11px;
    font-weight:bold;
    position: absolute; top: 15px; right: 15px;
}
DIV.divQuickSearch A:Hover  
{
    color:#FFF;
    text-decoration:none;
}   
*/
  /*  /////////////////////////////////////////////                                        
    // Search Panel - Styles                   //                                        
    ///////////////////////////////////////////// */
  DIV.divSearch {
    position: absolute;
    top: 75px;
    left: 0;
    right: 0;
    z-index: 70;
    padding: 0 Auto 0 Auto;
  }
  DIV.divInnerSearch {
    margin: 0 Auto 0.8em Auto;
    padding-top: 23px;
    padding-bottom: 10px;
    background-color: #EFEEED;
    border: 1px solid rgba(0, 0, 0, 0.2);
  }
  /*  /////////////////////////////////////////////                                        
    // Structure - Styles                      //                                        
    ///////////////////////////////////////////// */
  DIV.divWrapper {
    margin: 105px 0 30px 0;
    padding: 0 Auto 0 Auto;
    /*background-color:yellow; JC - Apagar Comentários */
  }
  .tLink {
    color: #0396F4;
  }
  A.tLink {
    cursor: pointer;
  }
  .tGoToTop {
    position: fixed;
    bottom: 17px;
    right: 0;
    z-index: 70;
    background-color: #033678;
    border: 1px solid #031F44;
    text-decoration: none;
  }
  .tBtnAction.gOff {
    display: none !important;
  }
  .tBtnAction {
    float: left;
    color: #FFFFFF !important;
    font-size: 11px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    padding: 4px 12px 5px 12px !important;
    text-decoration: none;
    border: 1px solid #436A9C !important;
    background: #8AA6CA;
    background: -moz-linear-gradient(top, #8AA6CA, #436A9C 55%) !important;
    background: -webkit-linear-gradient(top, #8AA6CA, #436A9C 55%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8AA6CA', endColorstr='#436A9C') !important;
  }
  /* PS > + float:left */
  .tBtnAction SPAN {
    padding: 0 !important;
  }
  .tBtnAction.tBtnSelected {
    color: #DE7E38 !important;
    border-color: #E1DFDD !important;
    background: #E1DFDD;
    background: -moz-linear-gradient(top, #e1dfdd, #f1f1f1) !important;
    background: -webkit-linear-gradient(top, #e1dfdd, #f1f1f1) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E1DFDD', endColorstr='#F1F1F1') !important;
  }
  .tBtnAction.tBtnDark {
    margin-left: 5px !important;
    border-color: #5F5F5F !important;
    background: #818181;
    background: -moz-linear-gradient(top, #818181, #5f5f5f 55%) !important;
    background: -webkit-linear-gradient(top, #818181, #5f5f5f 55%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#818181', endColorstr='#5F5F5F') !important;
  }
  .tBtnAction:Hover,
  .tBtnAction.tBtnDark:Hover {
    color: #525252 !important;
    font-size: 11px !important;
    font-weight: bold;
    cursor: pointer !important;
    padding: 4px 12px 5px 12px !important;
    text-decoration: none !important;
    border: 1px solid #E1DFDD !important;
    background: #E1DFDD;
    background: -moz-linear-gradient(top, #e1dfdd, #f1f1f1) !important;
    background: -webkit-linear-gradient(top, #e1dfdd, #f1f1f1) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E1DFDD', endColorstr='#F1F1F1') !important;
  }
  .jtGoogleMaps {
    width: 750px;
    height: 400px;
    margin-left: 12px;
  }
  .tOverflowScroll {
    height: 300px;
    overflow-y: scroll;
    border-width: 1px;
    border-style: solid;
    border-color: #333 #666 #999;
    padding: 10px 20px;
    margin: 15px auto 10px auto;
  }
  .tEntityName {
    padding: 10px 12px 0 13px;
  }
  /*  /////////////////////////////////////////////                                         
    // Header - Styles                         //                                         
    ///////////////////////////////////////////// */
  DIV#divHeader H1,
  DIV#divHeader2 H1,
  DIV#divHeader3 H1 {
    margin: 0;
    padding: 0 0 10px 0;
    float: left;
    width: 100%;
    /*padding:0 20px 5px 20px;*/
    font-size: 22px;
    color: #000;
    font-weight: bold;
  }
  DIV#divHeader.gMaxWidth H1,
  DIV#divHeader2.gMaxWidth H1,
  DIV#divHeader3.gMaxWidth H1 {
    padding: 0 5px 5px 5px;
  }
  DIV#divHeader H1 .tTitleFilter,
  DIV#divHeader2 H1 .tTitleFilter,
  DIV#divHeader3 H1 .tTitleFilter {
    color: #031F44;
    font-style: italic;
    font-size: 14px;
  }
  DIV#divHeader H1 EM,
  DIV#divHeader2 H1 EM,
  DIV#divHeader3 H1 EM {
    color: #EA6918;
  }
  .tSubHeader {
    margin: 0 21px 12px 25px;
    padding-left: 18px;
    background-position: left -253px;
  }
  .tSubHeader A {
    color: #0270B7;
    font-size: 12px;
    font-weight: bold;
  }
  .tSubHeader A.tWidthArrow.gSprite {
    padding-right: 30px;
    height: auto;
    width: auto;
    background-position: right -82px;
  }
  .tSubHeader STRONG {
    font-size: 14px;
    padding: 0 7px;
    color: #818180;
  }
  DIV#divContent2 {
    margin-left: 15px;
  }
  DIV#divContent H2 {
    padding: 10px 5px 3px 5px;
    text-transform: uppercase;
    font-size: 13px;
    color: #525252;
  }
  DIV#divContent DIV.gOff {
    display: none !important;
  }
  DIV#divContent2 H2 {
    padding: 10px 5px 3px 5px;
    text-transform: uppercase;
    font-size: 13px;
    color: #525252;
  }
  DIV#divContent2 DIV.gOff {
    display: none !important;
  }
  /*  /////////////////////////////////////////////                                        
    // Tabs - Styles                           //                                        
    ///////////////////////////////////////////// */
  DIV.divTabs {
    margin: 0 Auto;
  }
  DIV.divTabs A {
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    padding: 6px 11px 5px 11px;
    margin-left: 10px;
    color: #525252;
    border: 1px solid #CCC;
    border-bottom-width: 0;
    text-decoration: none;
    background: #E1DFDD;
    background: -moz-linear-gradient(top, #e1dfdd, #f1f1f1);
    background: -webkit-linear-gradient(top, #e1dfdd, #f1f1f1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E1DFDD', endColorstr='#F1F1F1');
  }
  DIV.divTabs A:Hover {
    border-color: #000;
    color: #000;
  }
  .elemTab {
    float: left;
    position: relative;
  }
  .elemTab.gFRight {
    margin-right: 10px;
    margin-left: 0;
  }
  .elemTabExtra {
    margin-right: 10px;
  }
  DIV.divTabs .elemTabActive,
  DIV.divTabs .elemTabActive:Hover {
    color: #FFFFFF;
    text-decoration: none;
    border: 1px solid #436A9C;
    border-bottom-width: 0;
    background: #8AA6CA;
    background: -moz-linear-gradient(top, #8AA6CA, #436A9C 55%);
    background: -webkit-linear-gradient(top, #8AA6CA, #436A9C 55%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8AA6CA', endColorstr='#436A9C');
  }
  /*  /////////////////////////////////////////////                                        
    // Statistics Graphic - Styles             //                                        
    ///////////////////////////////////////////// */
  DIV.divAvailableStatistics {
    position: relative;
    margin-top: 25px;
    margin-bottom: 11px;
    background-color: #FFF;
    border: 1px solid #FBFBFB;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  DIV.divAvailableStatistics STRONG {
    font-size: 17px;
    margin-left: 11px;
    margin-right: 66px;
    color: #4D4D4D;
    font-weight: normal;
  }
  DIV.divAvailableStatistics A.aMoreOptions {
    position: absolute;
    top: 4px;
    bottom: 4px;
    right: 0;
    z-index: 15;
    padding: 0;
    border-left: 1px solid #FBFBFB;
    text-decoration: none;
    height: auto;
    width: 40px;
    background-position: right -79px;
  }
  DIV.HoverBehavior {
    border: 1px solid #F7F7F7;
    background: #E1DFDD;
    background: -moz-linear-gradient(top, #e1dfdd, #f1f1f1);
    background: -webkit-linear-gradient(top, #e1dfdd, #f1f1f1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E1DFDD', endColorstr='#F1F1F1');
  }
  DIV.HoverBehavior STRONG {
    color: #333333;
  }
  DIV.HoverBehavior A.aMoreOptions {
    border-left: 1px solid #4D4D4D;
  }
  DIV.divAvailableStatistics UL {
    position: absolute;
    z-index: 15;
    top: 30px;
    right: 10px;
    left: 10px;
    background-color: #F1F1F1;
    border: 1px solid #F1F1F1;
    border-top: 1px solid #F1F1F1;
    padding: 0 0 4px 0;
    margin: 0;
  }
  DIV.divAvailableStatistics UL LI {
    list-style-type: none;
  }
  DIV.divAvailableStatistics UL LI A {
    color: #0396F4;
    font-size: 12px;
    margin: 3px 6px;
    padding: 2px 6px;
    border: 1px solid #F1F1F1;
  }
  DIV.divAvailableStatistics UL LI A:Hover {
    color: #525252;
    border: 1px solid #D3D3D3;
    background-color: #E1DFDD;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
    opacity: 0.7;
  }
  DIV.divGraphContainer {
    margin: 20px 20px 50px;
    position: relative;
  }
  DIV.divGraphFloater {
    padding: 10px 50px 10px 50px;
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
  }
  DIV.divGraphFloater.FloatIng {
    padding-top: 10px;
    left: -5px;
    right: -5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 20px;
    border-color: #EAE8E7;
    background-color: #FFF;
  }
  DIV.divGraphInner {
    width: 970px;
  }
  DIV.divGraphContainer,
  DIV.divGraphFloater,
  DIV.divGraphInner {
    height: 200px;
  }
  DIV.divGraphContainerExtended {
    padding-bottom: 100px;
  }
  .legend {
    display: none;
  }
  DIV.yAxis DIV.tickLabel {
    width: 60px !important;
  }
  /*  /////////////////////////////////////////////                                        
    // HomePage - Styles                       //                                        
    ///////////////////////////////////////////// */
  .tHomeTitle {
    padding-left: 85px !important;
  }
  .tLinkHomeContainer {
    padding-left: 76px !important;
  }
  .tLinkHomeAction.tBtnAction {
    width: 121px;
    text-align: center;
    font-weight: bold;
    font-size: 12px !important;
    color: #0270B7;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border: 1px solid transparent;
  }
  .tLinkHomeAction.tBtnAction:Hover {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  /* IE7 FIX */
  A.aQuickSearch {
    width: 34%;
    min-height: 75px;
    border: 0;
    text-decoration: none;
  }
  A.aQuickSearch STRONG,
  A.aQuickSearch SPAN {
    font-size: 12px;
    padding: 8px 4px 0 50px;
    text-decoration: none;
    color: #FFF;
    text-align: right;
  }
  A.aQuickSearch STRONG {
    font-size: 18px;
  }
  A.aQuickSearch.aQSFirst {
    margin-right: 27px;
    margin-left: 78px;
  }
  /* END */
  DIV.divStatisticPanel {
    width: 74.5%;
    min-height: 75px;
    margin-left: 78px;
    border: 0;
    color: #FFF;
  }
  DIV.divStatisticPanel A {
    display: block;
    clear: both;
    margin-left: 78px;
    color: #FFF;
    padding: 6px 8px 7px 8px;
    border-top: 1px solid #696A6A;
    text-decoration: none;
    font-size: 13px;
  }
  DIV.divStatisticPanel A:first-child {
    border-top-width: 0;
  }
  DIV.divStatisticPanel A STRONG {
    float: right;
    padding-left: 10px;
    color: #F3761A;
    text-decoration: none;
  }
  DIV.divStatisticPanel A:Hover SPAN {
    text-decoration: underline;
  }
  DIV.divStatisticPanel A:Hover STRONG {
    text-decoration: none;
  }
  DIV.divMessagesPanel {
    width: 74.5%;
    margin-left: 78px;
  }
  DIV.divMsgPanel {
    border: 1px solid #D1D1D1;
  }
  .elementMsgNews {
    position: relative;
    padding: 5px 55px 8px 95px;
    font-size: 14px;
    border-bottom: 1px solid #D1D1D1;
  }
  .elementMsgNews.tUnique {
    border-bottom: 0;
  }
  .elementMsgNews STRONG {
    position: absolute;
    top: 5px;
    left: 5px;
    color: #FFF;
  }
  .elementMsgNews A.aSwitch {
    position: absolute;
    top: 4px;
    right: 5px;
    color: #0396F4;
  }
  .elementMsgNews div.divNewsBody {
    display: none;
    font-size: 12px;
  }
  .elementMsgNews div.divNewsBody A {
    color: #0396F4;
  }
  .elementCornerIcon {
    background-image: url('../../App_Themes/EmbratelEDI/Img_Application/Bg_Big_Icons.png?rand=25');
    background-repeat: no-repeat;
    display: block;
    background-color: #5F5F5F !important;
  }
  .elementReceived {
    background-position: 0 0;
  }
  .elementReceivedAll {
    background-position: 0 -95px;
  }
  .elementSent {
    background-position: 0 -190px;
  }
  .elementSentAll {
    background-position: 0 -285px;
  }
  .elementEmail {
    background-position: 0 -380px;
  }
  .elementStatistic {
    background-position: 0 -475px;
  }
  /*  /////////////////////////////////////////////                                        
    // Element - Styles                        //                                        
    ///////////////////////////////////////////// */
  .elementEmptyResultsContainer {
    text-align: center;
    font-size: 16px;
    padding: 20px;
    color: #666;
    font-style: italic;
  }
  .elementSimpleText {
    margin: 0;
    padding: 11px;
    font-size: 12px;
    line-height: 16px;
  }
  .elementBoxForFilter {
    padding: 5px 11px 5px 11px;
    background: transparent url('../../App_Themes/EmbratelEDI/Img_Application/Bg_Grey_25.png') repeat left top;
    min-height: 88px;
  }
  .tLegend.gOff {
    display: none;
  }
  .element50percent {
    width: 47%;
    padding: 5px 10px 10px 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    /*background-color:red;*/
  }
  .element25percent {
    width: 23%;
    padding: 5px 10px 10px 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    /*background-color:red;*/
  }
  .elementPaperFxPanel {
    /*border:1px solid rgba( 0, 0, 0, 0.3);width:100%;min-height:75px;border:0;color:#FFF;*/
    position: relative;
  }
  .tTitleContent {
    font-size: 22px;
    line-height: 25px;
    padding-bottom: 20px;
    font-weight: bold;
  }
  .tSubTitleContent {
    font-size: 18px;
    line-height: 25px;
    padding-bottom: 20px;
    font-weight: bold;
  }
  .tSubTitleFormContent {
    padding: 5px 15px 0 15px;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
  }
  .tFootNoteContent {
    font-size: 10px;
    line-height: 14px;
  }
  .tFootNoteOuterContent {
    font-size: 11px;
    margin: 10px 30px;
  }
  .tFootNoteOuterContent SPAN {
    font-weight: bold;
  }
  .tCommentAfterField {
    margin: 10px 6px 0;
  }
  .tImportantField {
    margin-bottom: 10px;
  }
  .tImportantField A {
    color: #0396F4;
  }
  .tImportantField LABEL {
    padding: 5px 4px 4px;
  }
  .tImportantField > INPUT {
    margin-left: 4px;
    margin-right: 4px;
    width: 96% !important;
  }
  .tImportantField .tCommentAfterField {
    margin: 7px 0 0 0;
    padding: 0 11px 7px;
    font-size: 11px;
    line-height: 15px;
  }
  .tImportantField .tCheckBoxInput LABEL {
    font-size: 11px !important;
  }
  .tMarginTop30 {
    margin-top: 30px;
  }
  .tMarginTop20 {
    margin-top: 20px;
  }
  .tMarginLeft20 {
    margin-left: 20px;
  }
  .tMarginLeft10 {
    margin-left: 10px;
  }
  .tMarginRight20 {
    margin-right: 20px;
  }
  .tMarginBottom50 {
    margin-bottom: 50px;
  }
  .tMarginLeft116 {
    margin-left: 116px;
  }
  .tMarginLeft100 {
    margin-left: 100px;
  }
  .tMarginLeft38 {
    margin-left: 38px;
  }
  .tMarginBottom20 {
    margin-bottom: 20px;
  }
  .tCheckBoxInput {
    position: relative;
  }
  .tCheckBoxInput INPUT {
    position: absolute;
    top: 4px;
    left: 9px;
    width: auto;
  }
  .tCheckBoxInput LABEL {
    padding-left: 22px;
    font-weight: normal !important;
  }
  .tCheckBoxInput .tCheckBoxInput {
    margin-bottom: 1px;
  }
  .tCheckBoxInput .tCheckBoxInput INPUT {
    left: 23px;
  }
  .tCheckBoxInput .tCheckBoxInput LABEL {
    padding-left: 37px;
    font-weight: normal !important;
  }
  .tRadioButtonList SPAN INPUT {
    width: auto;
    margin: 10px 5px 0 10px;
    float: left;
    clear: both;
  }
  .tRadioButtonList SPAN LABEL {
    float: left;
    margin-top: 10px;
    font-weight: normal;
    font-size: 11px;
  }
  /* DIALOG EXCEPTIONS */
  .ui-dialog.ui-widget-content .tCheckBoxInput INPUT {
    top: -1px;
  }
  .saphGrid-12-12.tCheckBoxInput INPUT {
    top: 7px;
  }
  .tPreviewContainer {
    display: block;
    clear: both;
    overflow: hidden;
    height: 375px;
    position: relative;
  }
  .tFadeFx {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 167px;
    z-index: 200;
    background: transparent url('../../App_Themes/EmbratelEDI/Img_Application/Img_PreviewFadder.png') repeat-x bottom;
  }
  /*  /////////////////////////////////////////////                                        
    // SELECT FORM INPUT WITH CHECKBOXES       //                                        
    ///////////////////////////////////////////// */
  .elementSelectWithCheck {
    position: relative;
  }
  .elementSelectWithCheck A.aSwitch {
    display: block;
    margin-top: 7px;
    text-decoration: none;
  }
  .elementSelectWithCheck A.aSwitch SPAN {
    float: right;
    height: 15px;
    background-position: -25px -43px;
  }
  .elementSelectWithCheck DIV.divSelectWithCheck {
    display: none;
  }
  .showMoreOptions DIV.divSelectWithCheck {
    display: block;
    position: absolute;
    top: 54px;
    left: 5px;
    right: 5px;
    z-index: 10;
    background-color: #FAFAFA;
    border-width: 1px;
    border-style: solid;
    border-color: #C6C6C6 #DADADA #EAEAEA;
  }
  DIV.divSelectWithCheck UL {
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
    position: relative;
    overflow-y: Auto;
    max-height: 200px;
    list-style-type: none;
  }
  DIV.divSelectWithCheck LI {
    position: relative;
    display: block;
    clear: both;
    list-style-type: none;
    margin: 0;
    padding: 4px 0 2px 0;
  }
  DIV.divSelectWithCheck LI:Hover {
    background-color: #FFF;
  }
  DIV.divSelectWithCheck LI LABEL {
    margin-left: 26px;
    font-size: 13px;
    display: block;
    cursor: pointer;
  }
  DIV.divSelectWithCheck LI LABEL:Hover {
    color: #0396F4;
  }
  DIV.divSelectWithCheck LI INPUT {
    position: absolute;
    top: 4px;
    left: 2px;
  }
  DIV.divSelectWithCheck DIV.divFooterOptions {
    display: block;
    clear: both;
    text-align: center;
    padding-top: 10px;
    margin: 5px 5px 0 5px;
    height: 25px;
    border-top: 1px solid #DADADA;
  }
  DIV.divSelectWithCheck DIV.divFooterOptions:Hover {
    background-color: #FAFAFA;
  }
  DIV.divSelectWithCheck DIV.divFooterOptions A {
    color: #0396F4;
    margin: 0 10px 0 10px;
    font-size: 13px;
  }
  DIV.divSelectWithCheck DIV.divFooterOptions A:Hover {
    color: #525252;
  }
  /*  /////////////////////////////////////////////                                        
    // GRID - Styles                           //                                        
    ///////////////////////////////////////////// */
  .elementTable {
    padding: 0 11px 11px 11px;
    overflow-x: auto;
  }
  .elementTable TABLE {
    border-bottom: 2px solid #BBBAB8;
  }
  .elementTable TABLE TBODY TR {
    background-image: url('../../App_Themes/EmbratelEDI/Img_Application/Bg_Row_Dotted_Fx.gif');
    background-position: left top;
    background-repeat: repeat-x;
  }
  .elementTable TABLE TBODY TR:first-child {
    background-image: none;
  }
  .elementTable TABLE TBODY TR {
    background-image: url('../../App_Themes/EmbratelEDI/Img_Application/Bg_Row_Dotted_Fx.gif');
    background-position: left top;
    background-repeat: repeat-x;
  }
  .elementTable TABLE TBODY TR:first-child {
    background-image: none;
  }
  .elementTable TABLE TBODY TR.trLineAlternate {
    background-color: #EFEEED;
  }
  .elementTable TABLE TBODY TR:Hover,
  .elementTable TABLE TBODY TR.trLineAlternate:Hover {
    background-color: #588BCE;
  }
  .elementTable TABLE TBODY TR:Hover TD {
    color: #FFF;
  }
  .elementTable TABLE THEAD TD {
    width: 100%;
    border-bottom: 2px solid #BBBAB8;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 5px 3px 5px;
  }
  .elementTable TABLE TBODY TD {
    width: 100%;
    font-size: 12px;
    padding: 5px 10px 3px 10px;
    text-align: right;
    color: #7F7F7F;
  }
  .nobrLongText {
    width: 300px;
    overflow: hidden;
  }
  .nobrIconGraph {
    position: relative;
    padding-left: 20px;
  }
  .nobrIconGraph A.aIconGraph {
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 1px;
    left: -1px;
    background-color: Teal;
  }
  DIV.divFlyingActionsBarContainer {
    padding: 0 11px 11px 11px;
  }
  SPAN.saphGraphBtn {
    position: absolute;
    cursor: pointer;
  }
  SPAN.arrowLeft {
    right: 48px;
    top: -14px;
  }
  SPAN.arrowRight {
    right: 10px;
    top: -13px;
  }
  SPAN.arrowUp {
    right: 29px;
    top: -30px;
  }
  SPAN.arrowDown {
    right: 29px;
    top: -11px;
  }
  SPAN.zoomIn {
    right: 90px;
    top: -14px;
  }
  SPAN.zoomOut {
    right: 115px;
    top: -14px;
  }
  /*  /////////////////////////////////////////////                                        
    // Grid - Styles                           //                                        
    ///////////////////////////////////////////// */
  .tList {
    z-index: 1;
    padding: 0;
    margin-bottom: 39px;
  }
  .tList2 {
    z-index: 1;
    padding: 0;
    margin-bottom: 39px;
  }
  .tList .box {
    width: 98.4%;
    margin: 0 auto;
    padding: 1px;
    float: none;
  }
  .tList2 .box {
    width: 99%;
    margin: 0 auto;
    padding: 1px;
    float: none;
    display: inline-table;
  }
  .tTableList {
    width: 100%;
  }
  .tTableList TH,
  .tTableList TD {
    padding: 6px 5px;
    text-align: left;
  }
  .tTableList .captionReport {
    padding-bottom: 5px;
    margin-bottom: 15px;
    text-align: left;
    border-bottom: 1px solid #f0f0f0;
  }
  .tTableList .captionReport strong {
    font-size: 1.2em;
    color: #aaaaaa;
  }
  .tTableList .captionReport span {
    font-size: 1.4em;
    font-weight: bold;
    color: #555555;
    margin-right: 5px;
  }
  .tTableList TH {
    font-size: 13px;
    line-height: 1.2;
  }
  .tTableList TD {
    font-size: 12px;
  }
  .tTableList TD NOBR IMG {
    display: block;
    float: left;
    margin: 1px 0 0 0;
  }
  .tTableHeader {
    border-bottom: 0px dashed #033678;
    text-align: left;
  }
  .tTableList A {
    color: #0396F4;
    font-weight: bold;
  }
  /*PS + margin-left: 20px */
  .tTableRow,
  .tTableRowAlternate {
    cursor: pointer;
    background-image: url('../../App_Themes/EmbratelEDI/Img_Application/Bg_Row_Dotted_Fx.gif');
    background-position: left top;
    background-repeat: repeat-x;
  }
  .tTableRow:first-child {
    background-image: none;
  }
  .tTableRowAlternate {
    background-color: #EFEEED;
  }
  .tUnread,
  .tUnread TD {
    font-weight: bold;
  }
  .tCellValue {
    margin-left: 23px;
    display: block;
  }
  .tCheckBox,
  .tIcons {
    text-align: center;
  }
  .tCheckBox i,
  .tIcons i {
    display: inline-block;
    color: #797979;
  }
  .tCheckBox i.un-read-doc-list,
  .tIcons i.un-read-doc-list {
    color: #00B4FF;
  }
  .tNoDocNumber {
    color: #999 !important;
    font-weight: normal !important;
  }
  .tIcons NOBR {
    display: inline-block;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center center;
    padding: 0 5px;
  }
  .tIcons NOBR.Icon_Paper {
    background-image: url('../../App_Themes/EmbratelEDI/Img_Application/Icon_Paper.gif');
  }
  .ui-hover .Icon_Attachment,
  .ui-hover .Icon_Attachment:Hover,
  .tIcons .Icon_Attachment,
  .tIcons .Icon_Attachment:Hover {
    background-image: url('../../App_Themes/EmbratelEDI/Img_Application/Icon_Attachment.png');
    background-position: center center;
    width: 20px;
    height: 17px;
  }
  .tIconsColspan {
    width: 10px;
  }
  .tTableSelectedRow {
    background-color: #033678;
    color: #FFF;
  }
  .tTableSelectedRow A {
    text-decoration: none;
    color: #FFF;
  }
  .ui-selecting {
    background-color: #588BCE;
    color: #FFF;
    cursor: pointer;
  }
  .ui-selecting A {
    color: #FFF;
  }
  .ui-selecting A.tNoDocNumber {
    color: #FFF !important;
  }
  .ui-hover {
    background-color: #588BCE;
    color: #FFF;
    cursor: pointer;
  }
  .ui-hover A {
    color: #FFF;
  }
  .ui-hover A.tNoDocNumber {
    color: #FFF !important;
  }
  .ui-selected {
    background-color: #8AA6CA;
    color: #000;
  }
  .ui-selected A {
    color: #000;
  }
  .ui-selected A.tNoDocNumber {
    color: #000 !important;
  }
  .ui-hover.ui-selected {
    background-color: #588BCE;
    color: #FFF;
    cursor: pointer;
  }
  .ui-hover.ui-selected A {
    color: #FFF;
  }
  .ui-hover.ui-selected A.tNoDocNumber {
    color: #FFF !important;
  }
  .tRowHighLight {
    background-color: #DBEAF3 !important;
  }
  .tCellAlignTop {
    vertical-align: top;
  }
  .tCellAlignTop A {
    display: block;
    clear: both;
    padding: 5px inherit;
  }
  .tCellOptions {
    cursor: default;
  }
  .tCellOptions SPAN {
    display: block;
    clear: both;
    float: left;
    padding: 5px inherit;
  }
  .tCellOptions SPAN.Icon_EmaiDocAttach {
    padding-right: 30px;
  }
  /* Infragistics Exceptions */
  .tInfragisticsGrid TBODY.tTableRow.tTableHeader TABLE TBODY.tTableRow.tTableHeader TH:first-child,
  .tInfragisticsGrid TBODY.tTableRow.tTableHeader TABLE THEAD.tTableRow.tTableHeader TH:first-child {
    display: none;
  }
  .tInfragisticsGrid TBODY.tTableRow.tTableHeader TABLE TBODY.tTableRow.tTableHeader TH.tCellLink {
    display: block;
  }
  .tInfragisticsGrid .tTableRow.tTableHeader,
  .tInfragisticsGrid TBODY.tTableRow.tTableHeader TR:First-Child {
    background-image: none;
  }
  .tInfragisticsGrid TBODY.tTableRow.tTableHeader TR {
    cursor: pointer;
    background-image: url('../../App_Themes/EmbratelEDI/Img_Application/Bg_Row_Dotted_Fx.gif');
    background-position: left top;
    background-repeat: repeat-x;
  }
  .tInfragisticsGrid .tTableRow.tTableHeader .tTableHeader {
    font-size: 13px;
    padding: 8px 6px;
    cursor: default;
  }
  .tInfragisticsGrid TBODY.tTableRow.tTableHeader {
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  }
  .tInfragisticsGrid TFOOT,
  .tInfragisticsGrid TBODY.tTableRow.tTableHeader TH,
  .tInfragisticsGrid TFOOT .tTableHeader {
    border: 0 !important;
  }
  .tInfragisticsGrid TBODY.tTableRow.tTableHeader TD {
    min-height: 18px;
    height: 18px;
  }
  .tInfragisticsGrid .tCellLink {
    text-align: center;
    font-size: 12px;
    text-decoration: underline;
    color: #0396F4;
  }
  .tInfragisticsGrid .tCellLink:Hover {
    text-decoration: none;
  }
  .tInfragisticsGrid .ui-selected .tCellLink {
    color: #000;
  }
  .tInfragisticsGrid .tCellSimple {
    text-align: center;
    font-size: 12px;
    cursor: default;
  }
  .tInfragisticsGrid TBODY.tTableRow.tTableHeader TD SELECT {
    min-width: 75px;
  }
  .tInfragisticsGrid TBODY.tTableRow.tTableHeader TD INPUT[type=submit],
  .tInfragisticsGrid TBODY.tTableRow.tTableHeader TD INPUT[type=button],
  .tInfragisticsGrid TBODY.tTableRow.tTableHeader TD INPUT[type=reset] {
    font-size: 11px;
    border-width: 1px;
    padding-top: 2px;
    padding-bottom: 1px;
  }
  .gBoxWidth-2-4 .tInfragisticsGrid TABLE {
    margin-bottom: 10px;
  }
  .gBoxWidth-2-4 .tInfragisticsGrid TABLE TABLE {
    width: 97% !important;
  }
  .gBoxWidth-2-4 .tInfragisticsGrid TABLE TABLE TFOOT TH,
  .gBoxWidth-2-4 .tInfragisticsGrid TABLE TABLE TD {
    text-align: right;
  }
  /* Infragistics RowEditTemplate - Also Go To Line 1034 */
  .tRowEditTemplate {
    width: 550px;
    margin: 250px 25px 20px 156px;
    padding: 10px;
    background-color: #FFF;
    height: auto !important;
  }
  .tRowEditTemplate H1 {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    font-size: 13px;
    text-transform: uppercase;
    color: #031F44;
  }
  .tRowEditTemplate .saphGrid-1-12,
  .tRowEditTemplate .saphGrid-3-12,
  .tRowEditTemplate .saphGrid-4-12,
  .tRowEditTemplate .saphGrid-5-12,
  .tRowEditTemplate .saphGrid-7-12 {
    padding-top: 0;
    padding-bottom: 3px;
  }
  .tRowEditTemplate SPAN,
  .tRowEditTemplate LABEL {
    margin-bottom: 1px;
    font-size: 11px;
  }
  .dialog {
    width: 550px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -285px;
    padding: 10px;
    background-color: #FFF;
    height: auto !important;
    z-index: 999;
  }
  /*  /////////////////////////////////////////////                                        
    // Paginador - Styles                      //                                        
    ///////////////////////////////////////////// */
  .tPaging {
    bottom: -30px;
    height: 29px;
    right: 6%;
    left: 0;
    z-index: 0;
    text-align: center;
    background: #e7e5de;
  }
  .tPaging DIV DIV {
    display: block;
    float: right;
    padding: 6px 15px 0 15px;
    font-size: 12px;
  }
  .tPaging DIV DIV STRONG {
    padding-right: 10px;
  }
  .tPaging DIV DIV.tNumber {
    background-color: #393C3C;
    height: 28px;
    padding: 0;
  }
  .tNumber A {
    display: block;
    float: left;
    height: 23px;
    padding: 6px 7px 0 7px;
    color: #FFF;
    font-weight: bold;
  }
  .tNumber A:Hover {
    background-color: #585858;
  }
  .tNumber A.pgCurrentPage {
    background-color: #D3D3D3;
    color: #333;
    text-decoration: none;
  }
  .tNumber A.aBtnNav {
    width: 10px;
  }
  .tNumber A.pagingFirst {
    background-position: -5px -329px;
  }
  .tNumber A.pagingGroupBackward {
    background-position: -43px -329px;
  }
  .tNumber A.pagingPageBackward {
    background-position: -78px -329px;
  }
  .tNumber A.pagingPageForward {
    background-position: -113px -329px;
  }
  .tNumber A.pagingGroupForward {
    background-position: -149px -329px;
  }
  .tNumber A.pagingLast {
    background-position: -186px -329px;
  }
  /*  /////////////////////////////////////////////                                        
    // Tooltip - Styles                        //                                        
    ///////////////////////////////////////////// */
  .tTooltip.gOff {
    display: none;
  }
  .tTooltip {
    display: block;
    float: left;
    position: relative;
    margin-right: 10px;
    cursor: pointer;
  }
  .tTooltip DIV.tBallonFx,
  .tAttachmentTooltip.tTooltip DIV.tBallonFx {
    display: none;
    position: absolute;
    top: -11px;
    left: 12px;
    z-index: 50;
    cursor: default;
    padding-left: 12px;
    background: transparent url('../../App_Themes/EmbratelEDI/Img_Application/Bg_Corner_Arrow.png?rand=25') no-repeat left -23px;
  }
  .tTooltip DIV.tBallonFxSingleRow {
    bottom: 0 !!important;
    background-position: right top !important;
    left: 125px !important;
    padding: 35px 0 0 !important;
    right: 5px !important;
    top: 0 !important;
  }
  .tTooltip.tShow DIV.tBallonFx {
    display: block;
  }
  .tTooltip DIV.tBallon {
    background-color: #FFF;
    border: 4px solid #393C3C;
    min-width: 270px;
    padding: 0 10px 8px;
    cursor: default;
  }
  .tTooltip DIV.tBallon A {
    cursor: pointer;
  }
  .tTooltip DIV.divTooltipInList.WithLoader {
    font-size: 16px;
    color: #666;
    font-size: 15px;
    font-style: italic;
    padding: 8px 10px 8px 38px;
    position: relative;
  }
  .tTooltip DIV.divTooltipInList.WithLoader EM {
    display: inline;
  }
  .tTooltip DIV.divTooltipInList.WithLoader SPAN {
    display: inline;
    position: absolute;
    top: 3px;
    left: 7px;
  }
  .tTooltip DIV.divTooltipInList STRONG {
    padding: 8px 0 3px;
  }
  .tTooltip DIV.divTooltipInList A {
    float: left;
    color: #0396F4;
    margin-left: 10px;
  }
  .tTooltip .tCB {
    float: left;
    padding-right: 10px;
  }
  .tTooltip .tCBWS {
    margin: 6px 0 8px 8px;
    position: relative;
  }
  .tTooltip .tCBWSFx {
    border-left: 1px dotted #BBBAB8;
  }
  .tTooltip .tCBWS .aBtnNav {
    margin: 0;
    top: 0;
    width: 26px;
    position: absolute;
    z-index: 15;
  }
  .tTooltip .tCBWS .aBtnNav.Icon_Right {
    left: 0;
    background-position: -222px -144px;
  }
  .tTooltip .tCBWS .aBtnNav.Icon_Left {
    right: 0;
    background-position: -256px -144px;
  }
  .tTooltip .tStatusCounter {
    color: #FFF !important;
    text-align: center;
    font-size: 11px;
    padding-top: 1px;
  }
  .tTooltip .tStatusCounter:Hover {
    text-decoration: none;
  }
  .tTooltip .tCBWS DIV.tStage {
    margin: 0 26px 0 26px;
    width: 233px;
    height: 160px;
    position: relative;
    overflow: hidden;
  }
  .tTooltip .tCBWS DIV.tSlideStrip.items {
    width: 20000em;
    position: absolute;
  }
  .tTooltip .tCBWS DIV.tSlideStrip.items DIV {
    float: left;
    width: 233px;
    height: 160px;
    border-right: 1px dotted #BBBAB8;
    overflow-x: auto;
  }
  .tTooltip .tCBWS DIV.tSlideStrip.items DIV TABLE,
  .tTooltip .tCBWS DIV.tSlideStrip.items DIV TABLE TD {
    font-size: 11px;
    padding-top: 0;
    padding-bottom: 6px;
    background-color: #FFF;
  }
  .tTooltip .tCBWS DIV.tSlideStrip.items DIV TABLE TD.tStatusTitle {
    font-size: 12px;
    font-weight: bold;
  }
  /* Status Legend - Styles */
  .tStatusLegend .tTooltip DIV.tBallonFx {
    left: -12px;
    top: auto;
    bottom: 12px;
    padding: 0 0 9px 0;
    background-position: left bottom;
  }
  .tStatusLegend .tTooltip:Hover DIV.tBallonFx {
    display: block;
  }
  .tStatusLegend .tTooltip DIV.tBallon {
    padding-top: 8px;
  }
  .tStatusLegend {
    margin: 0 10px;
    padding: 5px 10px 5px 135px;
    min-height: 40px;
    background: transparent url('../../App_Themes/EmbratelEDI/Img_Application/Bg_Grey_25.png') repeat left top;
    position: relative;
    font-size: 11px;
    border: 1px solid #999;
    border-width: 1px 1px 0 1px;
    box-shadow: inset 0px 1px 0px #dddddd;
    -webkit-box-shadow: inset 0px 1px 0px #dddddd;
    -moz-box-shadow: inset 0px 1px 0px #dddddd;
  }
  /* PS > margin: margin:0 55px 0 15px */
  .tStatusLegend A {
    background-repeat: no-repeat;
    color: #0270B7;
    background-position: left center;
    padding: 1px 0 0 20px;
    margin: 5px 5px 5px 10px;
    height:13px;
  }
  .tStatusLegend STRONG {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 110px;
    text-align: right;
    font-size: 11px;
  }
  .tStatusLegend STRONG A {
    display: block;
    clear: both;
    float: right;
    font-size: 10px;
    padding: 0;
    margin: 0;
  }
  /* Discovery Card Options - Styles */
  .tEntityCardOpcoes.tTooltip {
    float: right;
    margin: 0;
    padding: 0;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: .5;
  }
  .tEntityCardOpcoes.tTooltip:Hover {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
  .tEntityCardOpcoes.tTooltip DIV.tBallonFx {
    left: -130px;
    top: auto;
    bottom: 20px;
    padding: 0 0 9px 0;
    background-position: right bottom;
  }
  .tEntityCardOpcoes.tTooltip:Hover DIV.tBallonFx {
    display: block;
  }
  .tEntityCardOpcoes.tTooltip DIV.tBallon {
    padding: 0;
    margin-right: 0;
    width: 150px;
  }
  .tEntityCardOpcoes.tTooltip DIV.tBallon A {
    display: block;
    margin: 1px;
    text-align: left;
    padding: 3px 6px;
    border: 1px solid #FFF;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
  }
  .tEntityCardOpcoes.tTooltip DIV.tBallon A:Hover {
    background-color: #E5E5E5;
    border: 1px solid #CCC;
  }
  /* Flying Actions Bar - Styles */
  .tMultipleOptionsTooltip.tTooltip DIV.tBallonFx {
    right: 5px;
    top: auto;
    bottom: 20px;
    padding: 0 0 9px 0;
    background-position: right bottom;
  }
  .tMultipleOptionsTooltip.tTooltip DIV.tBallon {
    padding: 0;
  }
  .tMultipleOptionsTooltip.tTooltip DIV.tBallon A {
    display: block;
    margin: 1px;
    text-align: left;
    color: #0396F4;
    padding: 3px 6px;
    border: 1px solid #FFF;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
  }
  .tMultipleOptionsTooltip.tTooltip DIV.tBallon A:Hover {
    background-color: #E5E5E5;
    border: 1px solid #CCC;
    color: #0270B7;
  }
  /* Document Relation */
  .tAToolTip .tAToolTipBallon {
    display: none;
  }
  .tAToolTip:Hover .tAToolTipBallon {
    display: block;
    position: absolute;
    z-index: 15;
    bottom: 29px;
    left: -2px;
    background-color: #FFF;
    border: 4px solid #393C3C;
    padding: 5px;
    cursor: default;
  }
  /* Attachment Tooltip */
  .tAttachmentTooltip.tTooltip .tBallon {
    min-height: 205px;
    padding: 0;
    min-width: 214px;
    padding-top: 10px;
  }
  .tAttachmentTooltip.tTooltip .tCBWS {
    margin: 0;
    padding: 0 !important;
    width: 205px;
  }
  .tAttachmentTooltip.tTooltip .tCBWS DIV.tStage {
    margin: 0;
    width: 215px;
    height: 205px;
    position: relative;
    overflow: hidden;
    text-align: center;
  }
  .tAttachmentTooltip.tTooltip .tCBWS DIV.tSlideStrip.items DIV {
    float: left;
    width: 215px;
    height: 205px;
    border: 0;
  }
  .tAttachmentTooltip.tTooltip .tCBWS DIV.tSlideStrip.items DIV A STRONG {
    display: block;
    color: #0396F4;
    text-decoration: underline;
    text-align: center;
  }
  .tAttachmentTooltip.tTooltip .tCBWS DIV.tSlideStrip.items DIV A:Hover STRONG {
    text-decoration: none;
  }
  /*  /////////////////////////////////////////////                                        
    // Editor - Styles                         //                                        
    ///////////////////////////////////////////// */
  DIV.divEditorHeader {
    margin-bottom: 18px;
  }
  DIV.divEditorHeader .tMainCompanyInfo {
    font-size: 13px;
    line-height: 17px;
    font-weight: bold;
  }
  /* width:475px; JC - Tentar retirar este valor fixo */
  DIV.divEditorHeader .tTitleContent SPAN {
    padding-right: 15px;
  }
  DIV.divEditorHeader .tOtherCompanyInfo {
    font-size: 12px;
    line-height: 17px;
    padding: 10px 12px 0 13px;
  }
  .tAttachtArea {
    margin-top: 18px;
  }
  /*  /////////////////////////////////////////////                                        
    // Editor - Styles                         //                                        
    ///////////////////////////////////////////// */
  DIV.divEntityHeader {
    margin-top: 25px;
  }
  DIV.divEntityHeader .tUploaLogoFile {
    cursor: pointer !important;
    width: 136px;
    height: 120px;
    margin: 19px 20px 0 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: underline;
    font-size: 11px;
    line-height: 14px;
    color: #0396F4;
    font-weight: bold;
  }
  DIV.divEntityHeader .tUploaLogoFile:Hover {
    cursor: pointer !important;
    text-decoration: none;
    color: #525252;
  }
  DIV.divEntityHeader .tUploaLogoFile IMG {
    cursor: pointer !important;
    width: 136px;
    height: 75px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 8px;
  }
  DIV.divEntityHeader .tUploaLogoFile IMG.imgNoLogo {
    cursor: pointer !important;
    background-image: url('../../App_Themes/EmbratelEDI/Img_Application/Img_NoLogo.png');
  }
  DIV.divEntityHeader .tUploaLogoFile INPUT {
    cursor: pointer !important;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 100px !important;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
  }
  SPAN.spanLegend {
    display: inline-block;
    float: left;
    position: relative;
    padding: 4px 5px 10px 55px;
    width: 245px;
    line-height: 13px;
  }
  SPAN.spanLegend IMG {
    position: absolute;
    top: 0;
    left: 0;
  }
  DIV.divDiscoveryCard {
    display: block;
    float: left;
    width: 296px;
    min-height: 221px;
    margin: 12px;
    border: 1px solid #d9d9d9;
    background-color: #FFF;
  }
  DIV.divDiscoveryCard IMG.imgCardLogo {
    float: right;
    width: 130px;
    height: 70px;
    margin: 10px 8px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  DIV.divDiscoveryCard IMG.imgNoLogo {
    background-image: url('../../App_Themes/EmbratelEDI/Img_Application/Img_NoLogo.png');
  }
  DIV.divDiscoveryCard STRONG {
    display: block;
    overflow: hidden;
    margin-top: 13px;
    margin-left: 8px;
    font-size: 11px;
    line-height: 13px;
    max-height: 40px;
  }
  DIV.divDiscoveryCard SPAN {
    overflow: hidden;
    margin: 0 8px 0 8px;
    font-size: 10px;
    line-height: 14px;
    max-height: 53px;
  }
  DIV.divDiscoveryCard DIV {
    margin: 10px 8px 0 8px;
    line-height: 10px;
  }
  DIV.divDiscoveryCard DIV .tDataUser {
    display: none;
  }
  DIV.divDiscoveryCard .tThumbGoogle {
    position: absolute;
    top: 100px;
    right: 20px;
    width: 50px;
    height: 50px;
    border: 1px solid #E5E5E5;
    background-position: center center;
    background-repeat: no-repeat;
  }
  DIV.divDiscoveryCard A {
    margin: 0 10px 0 10px;
    font-size: 10px;
    font-weight: bold;
    color: #0396F4;
    line-height: 14px;
  }
  DIV.divDiscoveryCard EM {
    position: absolute;
    top: 60px;
    right: 5px;
  }
  DIV.divDiscoveryCard EM.emRelationStatus {
    position: absolute;
    bottom: 38px !important;
    right: 10px !important;
    top: auto;
    left: auto;
    font-size: 10px !important;
    color: #436A9C;
    font-weight: bold;
  }
  DIV.divDiscoveryCard DIV.tDiscoveryCardBtn {
    position: absolute;
    margin: 0;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    background: #f2f2f2;
    border-top: 1px solid #d9d9d9;
  }
  /* PS > background-color:rgba( 0, 0, 0, 0.1);border-top: 2px dashed rgba( 0, 0, 0, 0.2);*/
  DIV.divDiscoveryCard DIV.tDiscoveryCardBtn INPUT {
    margin: 0 10px 0 5px;
    float: left;
  }
  DIV.divDiscoveryCard DIV.tDiscoveryCardUpload {
    position: absolute;
    bottom: 0;
    left: -8px;
    right: -8px;
    top: -10px;
    text-align: center;
    background: transparent url('../../App_Themes/EmbratelEDI/Img_Application/Bg_Grey_25.png') repeat left top;
    padding-top: 200px;
    font-weight: bold;
  }
  /* Active Discovery Grid */
  DIV.divDiscoveryActiveGrid {
    padding-top: 11px;
  }
  DIV.divDiscoveryActiveGrid DIV.divDiscoveryCard {
    display: block;
    width: 92%;
    min-height: 0;
    background-color: #FFF;
    margin: 1px 0 0 20px;
    padding: 5px 13px;
  }
  DIV.divDiscoveryActiveGrid DIV.divDiscoveryCard IMG.imgCardLogo {
    float: left;
    margin: 0 17px 0 0;
  }
  DIV.divDiscoveryActiveGrid DIV.divDiscoveryCard STRONG {
    display: block;
    overflow: visible;
    margin: 4px 250px 8px 0;
    font-size: 13px;
    line-height: 13px;
    max-height: auto;
  }
  DIV.divDiscoveryActiveGrid DIV.divDiscoveryCard SPAN {
    display: none;
  }
  DIV.divDiscoveryActiveGrid DIV.divDiscoveryCard > DIV {
    margin: 0;
    line-height: 10px;
    text-align: left !important;
    float: left;
    clear: none;
    width: 57%;
  }
  DIV.divDiscoveryActiveGrid DIV.divDiscoveryCard DIV .tDataUser {
    font-size: 10px;
    color: #6A6C6C;
    display: block;
    float: right;
    padding-top: 4px;
  }
  DIV.divDiscoveryActiveGrid DIV.divDiscoveryCard .tThumbGoogle {
    position: absolute;
    top: 100px;
    right: 20px;
    width: 50px;
    height: 50px;
    border: 1px solid #E5E5E5;
    background-position: center center;
    background-repeat: no-repeat;
  }
  DIV.divDiscoveryActiveGrid DIV.divDiscoveryCard A {
    margin: 0 0 0 0;
    font-size: 12px;
    font-weight: bold;
    color: #0396F4;
    line-height: 14px;
  }
  DIV.divDiscoveryActiveGrid DIV.divDiscoveryCard A.aLinkToSite {
    display: none;
  }
  DIV.divDiscoveryActiveGrid DIV.divDiscoveryCard EM {
    display: none;
  }
  DIV.divDiscoveryActiveGrid DIV.divDiscoveryCard DIV.tDiscoveryCardBtn {
    position: absolute;
    top: -1px;
    right: -1px;
    left: auto;
    bottom: -1px;
    width: 220px;
    padding: 27px 0 0 20px;
    text-align: center;
    border-top: 0;
    background-color: rgba(0, 0, 0, 0.1);
    border-left: 2px dashed rgba(0, 0, 0, 0.2);
  }
  DIV.divDiscoveryActiveGrid DIV.divDiscoveryCard DIV.tDiscoveryCardBtn INPUT {
    margin: 0 0 0 0;
    float: left;
  }
  DIV.divDiscoveryActiveGrid DIV.tDiscoveryCardUpload {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: auto !important;
    padding: 35px 0 0 720px;
    font-weight: bold;
  }
  /* Pendign Discovery Grid */
  DIV.divDiscoveryPendingGrid {
    padding-top: 11px;
  }
  DIV.divDiscoveryPendingGrid H2 {
    padding-top: 20px !important;
  }
  DIV.divDiscoveryPendingGrid DIV.divDiscoveryCard {
    display: block;
    width: 92%;
    min-height: 0;
    background-color: #FFF;
    margin: 1px 0 0 20px;
    padding: 5px 13px;
  }
  DIV.divDiscoveryPendingGrid DIV.divDiscoveryCard IMG.imgCardLogo {
    float: left;
    margin: 0 17px 0 0;
  }
  DIV.divDiscoveryPendingGrid DIV.divDiscoveryCard STRONG {
    display: block;
    overflow: visible;
    margin: 4px 250px 8px 0;
    font-size: 13px;
    line-height: 13px;
    max-height: auto;
  }
  DIV.divDiscoveryPendingGrid DIV.divDiscoveryCard SPAN {
    display: none;
  }
  DIV.divDiscoveryPendingGrid DIV.divDiscoveryCard > DIV {
    margin: 0;
    line-height: 10px;
    text-align: left !important;
    float: left;
    clear: none;
    width: 57%;
  }
  DIV.divDiscoveryPendingGrid DIV.divDiscoveryCard DIV .tDataUser {
    font-size: 10px;
    color: #6A6C6C;
    display: block;
    float: right;
    padding-top: 4px;
  }
  DIV.divDiscoveryPendingGrid DIV.divDiscoveryCard .tThumbGoogle {
    position: absolute;
    top: 100px;
    right: 20px;
    width: 50px;
    height: 50px;
    border: 1px solid #E5E5E5;
    background-position: center center;
    background-repeat: no-repeat;
  }
  DIV.divDiscoveryPendingGrid DIV.divDiscoveryCard A {
    margin: 0 0 0 0;
    font-size: 12px;
    font-weight: bold;
    color: #0396F4;
    line-height: 14px;
  }
  DIV.divDiscoveryPendingGrid DIV.divDiscoveryCard A.aLinkToSite {
    display: none;
  }
  DIV.divDiscoveryPendingGrid DIV.divDiscoveryCard EM {
    display: none;
  }
  DIV.divDiscoveryPendingGrid DIV.divDiscoveryCard DIV.tDiscoveryCardBtn {
    position: absolute;
    top: -1px;
    right: -1px;
    left: auto;
    bottom: -1px;
    width: 200px;
    padding: 27px 0 0 40px;
    text-align: center;
    border-top: 0;
    background-color: rgba(0, 0, 0, 0.1);
    border-left: 2px dashed rgba(0, 0, 0, 0.2);
  }
  DIV.divDiscoveryPendingGrid DIV.divDiscoveryCard DIV.tDiscoveryCardBtn INPUT {
    margin: 0 10px 0 10px;
  }
  .tUploadFileFx {
    display: block !important;
    float: left;
    width: 130px;
    position: relative;
    overflow: hidden;
    text-align: center;
    font-size: 11px !important;
    margin-left: 10px !important;
    cursor: pointer;
  }
  .tUploadFileFx INPUT {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 100px !important;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    cursor: pointer;
  }
  DIV.divPreviewMode {
    top: -55px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    margin-top: 0 !important;
    margin-left: 0 !important;
  }
  /*                                                                                  
    DIV.divPreviewMode STRONG                                                          {padding-top:13px;padding-left:5px;max-height:38px;}
    DIV.divPreviewMode SPAN                                                            {padding-left:7px;max-height:53px;}
                                                                                               
/*DIV.divDiscoveryCard:Hover                                                             ,*/
  DIV.divDiscoveryOnEnter {
    background-color: #FEF5C0 !important;
    border: 1px solid #FEF5C0;
  }
  DIV.divDiscoveryOnDrag {
    background-color: #FEF5C0 !important;
    border: 1px dashed #FEF5C0;
  }
  div.divTabs a.elemTab span.counter,
  div.divTabs a.elemTab span.counter:hover {
    position: absolute;
    color: #FFF;
    top: -10px;
    right: -5px;
    background-color: #000;
    padding: 1px 4px 2px 4px;
    font-size: 9px;
    font-weight: bold;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
  }
  /*div.divTabs a.elemTab.elemTabActive span.counter { 
    border-left: 1px solid white; padding: 0 2px 0 5px 

}*/
  div.divTabs a.elemTab span.counter.counter-loading {
    /*background: url('../../App_Themes/EmbratelEDI/Img_Application/img_ProgressWheel.gif');
    background-repeat: no-repeat;
    display: none;
*/
  }
  /*  /////////////////////////////////////////////                                        
    // Toolbar - Styles                        //                                        
    ///////////////////////////////////////////// */
  .tListToolbar {
    position: relative;
    min-height: 30px;
  }
  .tListToolbar .divToolbarOptions {
    position: absolute;
    bottom: 4px;
    left: 12px;
    right: 12px;
    z-index: 1;
  }
  /* For these files: CNDDocumentViewer.aspx ; CNDEntityDetail.aspx */
  .tToolbarMainStyle {
    position: relative;
    min-height: 35px;
  }
  .tToolbarMainStyle .divToolbarOptions {
    position: absolute;
    z-index: 10;
    left: 15px;
    right: 15px;
  }
  .tToolbarMainStyle .divToolbarOptions A {
    margin-left: 5px;
  }
  .tToolbarMainStyle .divToolbarOptions A.tLink {
    color: #0270B7;
    font-size: 14px;
    font-weight: bold;
    padding-top: 3px;
  }
  .tToolbarMainStyle .divToolbarOptions A.tLink:Hover,
  .tToolbarMainStyle .divToolbarOptions A.tLink.tSelected {
    text-decoration: none;
    color: #393C3C;
  }
  .tToolbarMainStyle .divToolbarOptions .aNavBackToList {
    position: absolute;
    top: -65px;
    right: 0;
    padding-top: 15px !important;
    font-size: 13px !important;
  }
  .tToolbarMainStyle .divToolbarOptions .tStrongLabel {
    font-size: 14px;
    padding: 3px 5px 0 0;
    color: #818180;
  }
  /*  /////////////////////////////////////////////                                        
    // Viewer - Styles                         //                                        
    ///////////////////////////////////////////// */
  .tDocumentViewer {
    position: relative;
    z-index: 1;
    padding-top: 40px;
  }
  /* PS > + padding-top */
  .tDocumentViewer:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    font-size: 0;
  }
  .tDocumentViewer .tPaperFxPanel {
    padding: 5px 0 5px 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  }
  .tDocumentViewer IFRAME {
    width: 965px;
    border: 0;
    min-height: 900px;
  }
  .tDocumentViewer .tPaperFxPDF {
    background-color: #CCC;
  }
  .tDocumentViewer .tPaperFxPDF {
    background-color: #565656\9;
  }
  .tPaperFxPDF IFRAME {
    min-height: 1150px;
    margin-top: 35px;
  }
  /*  /////////////////////////////////////////////                                        
    // Drag and Drop - Styles                  //                                        
    ///////////////////////////////////////////// */
  DIV.divDragAndDropFile,
  DIV.divDragAndDropMultiFiles {
    position: relative;
    min-height: 175px;
    /* JC - Verificar se é para apagar  margin-bottom:18px; */
  }
  DIV.divDragAndDropFile IMG.imgClip,
  DIV.divDragAndDropMultiFiles IMG.imgClip {
    position: absolute;
    top: 0;
    left: -44px;
    z-index: 60;
  }
  DIV.tArchived {
    margin-left: 5px;
  }
  DIV.tArchived DIV.divPresentionArea {
    padding-left: 0;
  }
  DIV.tArchived IMG.imgClip {
    left: -29px;
    top: 15px;
  }
  DIV.tArchived DIV IMG {
    width: 230px;
    height: 325px;
  }
  DIV.divDragAndDropFile H3,
  DIV.divDragAndDropMultiFiles H3 {
    font-size: 20px;
    font-weight: bold;
    color: #525252;
    padding: 0 0 10px 0;
    margin: 0;
  }
  /* 1 FASE */
  DIV.divDropArea {
    padding: 30px 40px;
    position: relative;
    text-align: center;
    overflow: hidden;
    font-size: 19px;
    font-weight: bold;
    line-height: 25px;
    font-style: italic;
    color: rgba(0, 0, 0, 0.4);
    border: 5px solid transparent;
  }
  DIV.divDropArea INPUT {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 180px !important;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    cursor: pointer;
  }
  DIV.divDropArea SPAN {
    font-size: 10px;
  }
  DIV.divDropArea:Hover,
  DIV.divDropActive {
    background-color: #FFF;
    border-style: dashed;
    border-color: #033678;
    color: #033678;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  DIV.divDropActiveOn,
  DIV.divDropActiveOn:Hover {
    background-color: #FFF;
    border-style: dashed;
    border-color: #033678;
    color: #033678;
  }
  /* 2 FASE */
  DIV.divTransferArea {
    padding: 12px 40px 20px 40px;
    border: 5px solid transparent;
    position: relative;
  }
  DIV.divTransferArea STRONG {
    width: 320px;
    padding: 15px 0;
    font-size: 19px;
    font-style: italic;
    overflow: hidden;
  }
  DIV.divTransferArea SPAN.spanLoader {
    position: absolute;
    top: 47px;
    right: 20px;
  }
  DIV.divTransferArea SPAN {
    font-size: 10px;
    line-height: 14px;
  }
  DIV.divTransferArea IMG {
    min-width: 5px;
    max-width: 280px;
    height: 15px;
    margin-right: 10px;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    background: #3453AB;
    /* Old browsers */
    background: -moz-linear-gradient(top, #3453AB 0%, #cf5e1c 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3453AB), color-stop(100%, #cf5e1c));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3453AB 0%, #cf5e1c 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3453AB 0%, #cf5e1c 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3453AB 0%, #cf5e1c 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #3453AB 0%, #cf5e1c 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3453AB', endColorstr='#cf5e1c', GradientType=0);
    /* IE6-9 */
  }
  /* 3 FASE */
  DIV.divPresentionArea {
    padding: 0px 40px;
    border: 5px solid transparent;
    position: relative;
  }
  DIV.divPresentionArea INPUT.inputDelete {
    position: absolute;
    width: 26px;
    height: 26px;
    top: 8px;
    right: 27px;
    border: 0;
    background-position: -221px -329px;
    background-image: url('../../App_Themes/EmbratelEDI/Img_Application/Img_Sprite.png?rand=30');
    background-repeat: no-repeat;
    background-color: transparent;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
  }
  DIV.divPresentionArea INPUT.inputDelete:Hover {
    background-position: -257px -329px !important;
    background-image: url('../../App_Themes/EmbratelEDI/Img_Application/Img_Sprite.png?rand=30');
    background-repeat: no-repeat;
    background-color: transparent !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
  }
  DIV.divPresentionArea A.aOpen {
    position: absolute;
    width: 90px;
    height: 127px;
    top: 22px;
    right: 42px;
    background-position: center top;
    background-image: url('../../App_Themes/EmbratelEDI/Img_Application/Img_Sprite_BigIcons.png?rand=35');
    background-repeat: no-repeat;
    background-color: transparent;
  }
  DIV.divPresentionArea IMG {
    display: block;
    width: 90px;
    height: 127px;
    border: 2px solid rgba(0, 0, 0, 0.5) !important;
  }
  DIV.divPresentionArea IMG.imgNoThumb {
    background-position: center bottom;
    background-image: url('../../App_Themes/EmbratelEDI/Img_Application/Img_Sprite_BigIcons.png?rand=35');
    background-repeat: no-repeat;
    background-color: transparent;
  }
  DIV.divPresentionArea SPAN.gFLeft {
    display: block;
    width: 220px;
    overflow: hidden;
    padding: 5px 0;
    font-size: 12px;
  }
  DIV.divPresentionArea SPAN.spanLoader {
    position: absolute;
    top: 75px;
    right: 77px;
  }
  DIV.divFunny {
    padding-top: 10px;
    margin-bottom: 10px;
    border-top: 2px dashed rgba(0, 0, 0, 0.5);
  }
  /*  /////////////////////////////////////////////                                        
    // Actions Bar                             //                                        
    /////////////////////////////////////////////  */
  .tFlyingActionsBarSpacer {
    height: 40px;
    margin: 0 10px;
  }
  /* PS > margin: 0 55px 0 15px */
  .tFlyingActionsBarFx {
    background: transparent url('../../App_Themes/EmbratelEDI/Img_Application/Img_Empty.gif') repeat left top;
    position: fixed;
    bottom: -12px;
    left: 15px;
    right: 55px;
    z-index: 70;
    padding-top: 20px;
    transition: bottom 0.4s;
    -moz-transition: bottom 0.4s;
    -webkit-transition: bottom 0.4s;
  }
  .tFlyingActionsBar {
    background: transparent url('../../App_Themes/EmbratelEDI/Img_Application/Bg_Grey_50.png') repeat left top;
    font-size: 13px;
    color: #FFF;
    padding: 10px 15px 14px;
  }
  .tFlyingActionsBarFx.tActionHover,
  .tFlyingActionsBarFx:Hover {
    bottom: -3px;
  }
  .tFlyingActionsBarFx.tActionHover .tFlyingActionsBar,
  .tFlyingActionsBarFx:Hover .tFlyingActionsBar {
    background-color: #444;
    background-image: none;
  }
  .tFlyingActionsBar .tMultipleOptionsTooltip {
    display: inline-block;
    float: none;
    margin-left: 25px;
    position: relative;
  }
  .tMultipleOptionsTooltip A.tBtnAction SPAN.Icon_MoreOptions {
    padding-right: 28px !important;
    background-position: right -372px;
  }
  .tMultipleOptionsTooltip A:Hover.tBtnAction SPAN.Icon_MoreOptions {
    background-position: right -408px;
  }
  .tStopFlying:Hover,
  .tStopFlying {
    position: static;
    background-color: transparent;
    left: auto;
    right: auto;
    bottom: auto;
    padding-top: 0;
    z-index: 1;
  }
  .tStopFlying:Hover .tFlyingActionsBar,
  .tStopFlying .tFlyingActionsBar {
    background: transparent url('../../App_Themes/EmbratelEDI/Img_Application/Bg_Grey_25.png') repeat left top;
    border-width: 0;
    color: #333;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
  }
  .tToUniteWithLegend {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -khtml-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    -khtml-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .tFlyingActionsBarFx.tStopFlying .tToUniteWithFlyingActions {
    border: 1px solid;
    border-width: 1px 1px 1px 1px;
    border-color: #dddddd #999999 #999999 #999999;
    box-shadow: 0px -1px 0px #c0c0c0;
    -webkit-box-shadow: 0px -1px 0px #c0c0c0;
    -moz-box-shadow: 0px -1px 0px #c0c0c0;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -khtml-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    -khtml-border-top-right-radius: 0;
    border-top-right-radius: 0;
  }
  /* PS > border-top:2px dashed #6A6C6C;*/
  /*.tFlyingActionsBtns                                                                      {position:fixed;bottom:-35px;left:0;right:0;z-index:50;height:50px;
                                                                                          padding:0 Auto;
                                                                                                     transition: bottom 0.3s;
                                                                                                -moz-transition: bottom 0.3s;
                                                                                             -webkit-transition: bottom 0.3s;}
    .tFlyingActionsBtns .tFlyingContainer                                                {background-color:yellow;width:790px;margin:0 Auto;}
.tFlyingActionsBtns:Hover                                                                {bottom:0;}
    .tFlyingActionsBtns:Hover .tFlyingContainer                                          {background-color:pink;} */
  /*  /////////////////////////////////////////////
    // Tooltip - Styles                        //
    ///////////////////////////////////////////// 
            .divExtentedOptions {
                    /* background:transparent url(/media/img/tooltip/black_arrow.png); /*
                    background-color:lime;
                    color:red;}
                    
            DIV.divOptionsContainer {
                    background-color:aqua;
                    min-height:70px;
                    width:160px;
                    color:red;}*/
  /**
 * @preserve Copyright 2011 Syd Lawrence ( www.sydlawrence.com ).
 * Version: 0.1
 *
 * Licensed under MIT and GPLv2.
 *
 * For use with jquery.shadow plugin
 *
 * Adapted from Nicholas Gallagher's CSS drop shadows without images demo
 * http://nicolasgallagher.com/css-drop-shadows-without-images/demo/
 *
 */
  .container {
    position: relative;
    z-index: 1;
  }
  .container:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    font-size: 0;
  }
  .box {
    float: left;
    padding: 0.2em 1em 0.2em 1em;
    margin: 0.5em 2px 0.5em;
    background-color: #FFF;
  }
  /* IE7 FIX */
  .boxIE7 {
    display: inline-block;
    *display: inline;
    _display: inline;
    zoom: 1;
    padding: 0;
    margin: 0.5em 2px 0.5em;
    padding: 0.2em 1em 0.2em 1em;
  }
  /* END */
  /* Shared styles */
  .jquery-shadow {
    position: relative;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4), 0 0 25px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4), 0 0 25px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4), 0 0 25px rgba(0, 0, 0, 0.1) inset;
  }
  .jquery-shadow:before,
  .jquery-shadow:after {
    content: "";
    position: absolute;
    z-index: -2;
  }
  /* invertlifted corners */
  .jquery-shadow-invertlifted:before,
  .jquery-shadow-invertlifted:after {
    top: 15px;
    left: 10px;
    width: 50%;
    height: 20%;
    max-width: 300px;
    max-height: 800px;
    -webkit-box-shadow: 0 -15px 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 -15px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 -15px 10px rgba(0, 0, 0, 0.4);
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  .jquery-shadow-invertlifted:after {
    right: 20px;
    left: auto;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  /* Lifted corners */
  .jquery-shadow-lifted:before,
  .jquery-shadow-lifted:after {
    bottom: 15px;
    left: 10px;
    width: 50%;
    height: 20%;
    max-width: 300px;
    max-height: 800px;
    -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
  }
  .jquery-shadow-lifted:after {
    right: 10px;
    left: auto;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  /* Perspective */
  .jquery-shadow-perspective:before {
    right: 0px;
    bottom: 5px;
    width: 50%;
    height: 35%;
    max-width: 200px;
    max-height: 800px;
    -webkit-box-shadow: 200px 0 8px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 200px 0 8px rgba(0, 0, 0, 0.4);
    box-shadow: 200px 0 8px rgba(0, 0, 0, 0.4);
    -webkit-transform: skew(-50deg);
    -moz-transform: skew(-50deg);
    -ms-transform: skew(-50deg);
    -o-transform: skew(-50deg);
    transform: skew(-50deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
  }
  .jquery-shadow-perspective:after {
    display: none;
  }
  /* Side shadows */
  .jquery-shadow-sides:before {
    top: 10px;
    bottom: 10px;
    left: 0;
    right: 50%;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
    -moz-border-radius: 0.1px;
    border-radius: 0.1px;
  }
  .jquery-shadow-sides-vt-2:before {
    right: 0;
  }
  .jquery-shadow-sides-hz-1:before {
    top: 50%;
    bottom: 0;
    left: 10px;
    right: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
  }
  .jquery-shadow-sides-hz-2:before {
    top: 0;
    bottom: 0;
    left: 10px;
    right: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
  }
  /* Raised shadow - no pseudo-elements needed */
  .jquery-shadow-raised {
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5);
  }
  /* Rotated box */
  .jquery-shadow-rotated :first-child:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  }
  /*  /////////////////////////////////////////////                                        
    // UI MIN And Infragistics - Styles        //                                        
    ///////////////////////////////////////////// */
  .tRowEditTemplate,
  .ui-dialog.ui-widget-content,
  .ui-autocomplete.ui-widget-content,
  .ui-datepicker.ui-widget-content {
    border: 4px solid #393C3C;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 15px #666;
    -khtml-box-shadow: 0px 0px 15px #666;
    -moz-box-shadow: 0px 0px 15px #666;
    -o-box-shadow: 0px 0px 15px #666;
    box-shadow: 0px 0px 15px #666;
  }
  .ui-autocomplete.ui-widget-content {
    max-height: 200px;
    overflow-y: auto;
  }
  .ui-autocomplete.ui-widget-content .ui-menu-item {
    background-color: transparent;
  }
  .ui-autocomplete.ui-widget-content .ui-menu-item A {
    background-color: #FFF;
    text-decoration: underline;
    color: #0396F4;
    border: 1px solid #FFF;
    font-weight: bold;
  }
  .ui-autocomplete.ui-widget-content .ui-menu-item .ui-state-focus {
    background-color: #E5E5E5;
    background-image: none;
    border: 1px solid #CCC;
    text-decoration: none;
    color: #0270B7;
    margin: 0;
    font-weight: bold;
  }
  .ui-datepicker.ui-widget-content {
    z-index: 70 !important;
  }
  .ui-datepicker.ui-widget-content TD SPAN,
  .ui-datepicker.ui-widget-content TD A {
    padding: 4px 4px 3px 3px;
  }
  .ui-datepicker.ui-widget-content .ui-datepicker-calendar .ui-datepicker-other-month .ui-state-default,
  .ui-datepicker.ui-widget-content .ui-datepicker-calendar .ui-datepicker-other-month .ui-state-default.ui-state-hover {
    border-color: #FFF;
    text-decoration: none;
    color: #949494;
    background-color: #FFF;
  }
  .ui-datepicker.ui-widget-content .ui-datepicker-calendar .ui-state-default {
    font-weight: bold;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #E8E8E8;
    text-decoration: underline;
    color: #0396F4;
    margin: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
  }
  .ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-highlight {
    background-color: #033678;
    text-decoration: none;
    color: #FFF;
    border: 1px solid #031F44;
  }
  .ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-highlight.ui-state-hover {
    background-color: #031F44;
    text-decoration: none;
    color: #FFF;
    border: 1px solid #031F44;
  }
  .ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-hover {
    background-color: #E5E5E5;
    text-decoration: none;
    color: #0270B7;
    border: 1px solid #CCC;
  }
  .ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-active,
  .ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-highlight.ui-state-active {
    background-color: #E5E5E5;
    text-decoration: none;
    color: #393C3C;
    border: 1px solid #CCC;
  }
  .ui-dialog.ui-widget-content {
    padding: 0;
    background-image: none;
  }
  .ui-dialog.ui-widget-content .ui-dialog-titlebar {
    color: #031F44;
    background-color: #ffffff /* #033678 */;
    border: 1px solid #ffffff /* #031F44 */;
    border-top: 0;
    background-image: none;
    margin-left: 0;
    margin-right: 3px;
    margin-bottom: 5px;
    font-size: 13px;
    text-transform: uppercase;
    padding-top: 15px;
    padding-bottom: 5px;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -khtml-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    -khtml-border-top-right-radius: 0;
    border-top-right-radius: 0;
  }
  .ui-dialog.ui-widget-content .ui-dialog-titlebar-close {
    display: none;
  }
  .ui-dialog.ui-widget-content .ui-dialog-buttonpane {
    padding: 0;
    /*background: transparent url('../../App_Themes/EmbratelEDI/Img_Application/Bg_Grey_25.png') repeat left top;border-top: 2px dashed #6A6C6C;margin-top:10px;*/
    border-top-width: 0;
    margin-top: 15px;
    margin-bottom: 20px;
  }
  .ui-dialog.ui-widget-content .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: left;
    margin-left: 10px;
    width: 90%;
  }
  .ui-dialog.ui-widget-content .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
    margin-left: 15px;
    min-width: 75px;
  }
  /*  /////////////////////////////////////////////                                        
    // Upgrade - Styles                        //                                        
    ///////////////////////////////////////////// */
  .tPanel {
    display: block;
    width: 930px;
    min-height: 500px;
  }
  .tPanel.gOff {
    display: none;
  }
  .tPanel .tCheckBoxInput INPUT {
    top: 6px;
  }
  .tTableUpgrade {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .tTableUpgrade TD {
    padding: 5px 14px;
    font-size: 12px;
  }
  .tTableUpgrade TH {
    padding: 10px;
    font-size: 12px;
  }
  .tTableUpgrade THEAD NOBR {
    position: relative;
    display: inline-block;
    padding: 7px 0 0 10px;
  }
  .tTableUpgrade THEAD NOBR INPUT {
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 90;
  }
  .tTableUpgrade TBODY {
    border-top: 1px solid #6A6C6C;
  }
  .tTableUpgrade TBODY TR.gRowGroup TH {
    padding-left: 15px;
    color: #031F44;
    text-transform: uppercase;
  }
  .tTableUpgrade TBODY TH {
    padding-left: 30px;
    width: 350px;
  }
  .tTableUpgrade TBODY TH,
  .tTableUpgrade TBODY TD {
    text-align: left;
    background: transparent url('../../App_Themes/EmbratelEDI/Img_Application/Bg_Row_Dotted_Fx.gif') repeat-x left top;
  }
  .tTableUpgrade TBODY TD SPAN.gSprite {
    display: inline-block;
    width: 20px;
    height: 20px;
  }
  .tTableUpgrade TBODY TR:first-child TH,
  .tTableUpgrade TBODY TR:first-child TD {
    background-image: none;
  }
  .tTableUpgrade TBODY TD {
    text-align: center;
  }
  .tTableUpgrade TFOOT TR {
    border-top: 1px solid #6A6C6C;
  }
  .tTableUpgrade TFOOT TH {
    text-align: left;
    font-size: 12px;
    font-weight: normal;
  }
  .tTableUpgrade TFOOT TH A {
    color: #0396F4;
    margin-left: 20px;
  }
  .tTableUpgrade TFOOT TD {
    font-weight: bold;
    font-size: 13px;
    text-align: center;
  }
  .tTableUpgrade TH.tHoverCell,
  .tTableUpgrade TD.tHoverCell {
    background-color: #588BCE;
    color: #FFF;
    font-weight: bold;
    cursor: pointer;
  }
  .tTableUpgrade TH.tHoverCell LABEL,
  .tTableUpgrade TD.tHoverCell LABEL {
    color: #FFF;
    font-weight: bold;
  }
  .tTableUpgrade TD.tHoverCell SPAN.gSprite {
    background-position: -225px -297px;
  }
  .tTableUpgrade TH.tSelectedCell,
  .tTableUpgrade TD.tSelectedCell {
    background-color: #8AA6CA;
    color: #000;
    font-weight: bold;
  }
  .tTableUpgrade TH.tSelectedCell LABEL,
  .tTableUpgrade TD.tSelectedCell LABEL {
    color: #000;
    font-weight: bold;
  }
  .tTableUpgrade TD.tSelectedCell SPAN.gSprite {
    background-position: -261px -297px;
  }
  /*
    JQUERY PICK LIST
*/
  .pickList_sourceListContainer {
    float: left;
    margin: 20px 0px 20px 5%;
    width: 38%;
  }
  .pickList_controlsContainer {
    float: left;
    margin: 50px 10px 0px 10px;
  }
  .pickList_targetListContainer {
    float: left;
    margin: 20px 5% 20px 0;
    width: 38%;
  }
  .pickList_controlsContainer {
    text-align: center;
  }
  .pickList_controlsContainer button {
    display: block;
    width: 100%;
    text-align: center;
  }
  .pickList_list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    height: 200px;
    border-width: 1px;
    border-style: solid;
    border-color: #333 #666 #999;
    overflow-y: auto;
    cursor: default;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
  }
  .pickList_listItem {
    font-size: 11px;
    padding: 4px;
    border: 1px solid #FFF;
    margin: 2px;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
  }
  .pickList_listItem:hover {
    background-color: #E5E5E5;
    background-image: none;
    border: 1px solid #CCC;
    text-decoration: none;
  }
  .pickList_selectedListItem.ui-state-highlight {
    background-color: #E5E5E5;
    background-image: none;
    border: 1px solid #CCC;
    text-decoration: none;
    color: #0270B7;
    font-weight: bold;
  }
  .pickList_listLabel {
    font-size: 12px;
    font-weight: bold;
    margin: 0 6px 3px 6px;
  }
  .pickList_clear {
    clear: both;
  }
  .pickList_controlsContainer button {
    width: auto;
  }
  .pickList_controlsContainer BUTTON {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    color: #FFFFFF !important;
    font-size: 11px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    padding: 4px 12px 5px 12px !important;
    text-decoration: none;
    border: 1px solid #436A9C !important;
    background: #8AA6CA;
    background: -moz-linear-gradient(top, #8AA6CA, #436A9C 55%) !important;
    background: -webkit-linear-gradient(top, #8AA6CA, #436A9C 55%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8AA6CA', endColorstr='#436A9C') !important;
  }
  .pickList_addAll {
    margin-top: 45px;
  }
  /* Apresentacao Saphety */
  .tMoreMoreOptions {
    position: absolute;
    bottom: 50px;
    left: 700px;
    right: 0;
    background-color: #FFF;
    width: 200px !important;
    border: 4px solid #393C3C;
    padding: 1px;
  }
  .tMoreMoreOptions A {
    display: block;
    clear: both;
    margin: 1px;
    text-align: left;
    color: #0396F4;
    padding: 3px 6px;
    border: 1px solid #FFF;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
  }
  .tMoreMoreOptions A:Hover {
    background-color: #E5E5E5;
    border: 1px solid #CCC;
    color: #0270B7;
  }
  /* */
  UL.ulCheckboxesRoles {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  UL.ulCheckboxesRoles LI {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    padding: 4px 5px 4px 15px;
    display: inline-block;
    float: left;
    width: 47%;
    cursor: pointer;
  }
  UL.ulCheckboxesRoles LI LABEL {
    cursor: pointer;
  }
  UL.ulCheckboxesRoles LI INPUT {
    position: absolute;
    top: 4px;
    left: 3px;
  }
}
/*  /////////////////////////////////////////////
    // DEFINITION STYLES FOR PRINT FRIENDLY    //
    ///////////////////////////////////////////// 
    @media print
        
        {
        
            
        }
*/
/* DASHBOARD PEDRO SOMB */
/* Global classes for dashboard */
.noMargins {
  margin: 0 !important;
}
.hide {
  visibility: hidden;
}
.dbShadow {
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  /* drop shadow */
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  /* drop shadow */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  /* drop shadow */
}
.rCorners-all {
  border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
}
.rCorners-bottom {
  -moz-border-radius: 0px 0px 3px 3px;
  -webkit-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
  /* border radius */
}
.rCorners-top {
  -moz-border-radius: 3px 3px 0px 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
  /* border radius */
}
.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/* Buttons Dashboard*/
.dbBtn {
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 8px;
  font-weight: bold;
  float: left;
  font-size: 0.75em;
  text-decoration: none;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /* prevents bg color from leaking outside the border */
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* border radius */
  border: 1px solid;
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  /* drop shadow and inner shadow */
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  /* drop shadow and inner shadow */
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  /* drop shadow and inner shadow */
  background-repeat: no-repeat;
}
.dbBtn:hover {
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}
.dbBtn:active {
  -moz-box-shadow: none;
  /* drop shadow and inner shadow */
  -webkit-box-shadow: none;
  /* drop shadow and inner shadow */
  box-shadow: none;
  /* drop shadow and inner shadow */
}
/* Button size */
.dbBtn.small {
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
}
.dbBtn.large {
  height: 10px;
  padding: 15px 20px;
  line-height: 10px;
}
.dbBtn.fullWidth {
  height: 40px;
  line-height: 40px;
  width: 99%;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center;
}
.dbBtn.allCaps {
  text-transform: uppercase !important;
}
.dbBtn.fatFont {
  font-weight: bold;
  font-size: 0.875em;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3) !important;
}
.dbBtn.accountDataBlueBtn {
  font-size: 1.4em;
  margin: 20px 0 !important;
  text-align: center !!important;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
}
.dbBtn.mRight {
  margin-right: 5px;
}
.dbBtn.mLeft {
  margin-left: 5px;
}
/* Button colors */
.dbBtn.blue {
  border-color: #0066ff;
  /* stroke */
  background-color: #0099ff;
  /* layer fill content + color overlay */
  color: #fff;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
}
.dbBtn.blue:hover {
  background-color: #0099ff;
  border-color: #0055CC;
}
.dbBtn.blue:active {
  background-color: #0066CC;
  border-color: #006699;
  box-shadow: none !important;
  text-shadow: none !important;
}
.dbBtn.orange {
  background-color: #033678;
  border-color: #f25800;
  color: #ffffff;
}
.dbBtn.orange:hover {
  background-color: #ff884c;
}
.dbBtn.yellow {
  border-color: #f3bf19;
  /* stroke */
  background-color: #ffc919;
  /* layer fill content + color overlay */
}
.dbBtn.yellow:hover {
  background-color: #f3bf19;
}
.dbBtn.gray {
  border-color: #d9d9d9;
  background-color: #f2f2ff;
  color: #555;
}
.dbBtn.gray:hover {
  border-color: #bebebe;
}
.dbBtn.darkGray {
  border-color: #666666;
  background-color: #999999;
  color: #ffffff;
  text-shadow: 0px -1px 0px #666666;
}
.dbBtn.darkGray:hover {
  border-color: #444444;
}
.dbBtn.darkGray.active {
  border-radius: 3px;
  border-color: #444444;
  background-color: #666666;
  box-shadow: inset 0px 0px 3px #333333;
  color: #ffffff;
  text-shadow: 0px 1px 0px #333333;
}
.dbBtn.darkGray.active:hover {
  box-shadow: inset 0px 0px 3px #333333 !important;
}
a.entityUsersList {
  border-left: 1px solid #d9d9d9;
  color: #999999;
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 10px;
  padding-left: 10px;
  text-decoration: none;
}
a.entityUsersList:hover {
  color: #3387df;
}
/* Icons for buttons */
.dbBtn span {
  position: absolute;
  display: block;
  height: 24px;
  width: 24px;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -12px;
}
.btnIcnNext {
  background-image: url('../../App_Themes/EmbratelEDI/Img_Application/Img_Sprite.png?rand=20');
  background-position: -41px -582px;
}
.btnIcnPrev {
  background-image: url('../../App_Themes/EmbratelEDI/Img_Application/Img_Sprite.png?rand=20');
  background-position: -79px -582px;
}
.dbPH {
  height: 100%;
  width: 100%;
  margin-top: 20px;
}
.dbPH a {
  text-decoration: none;
}
/* PLACE HOLDERS */
.dbPH-left,
.dbPH-right {
  position: relative;
  width: 22%;
  z-index: 2;
  height: 100%;
}
.dbConnect {
  overflow: auto;
  width: auto;
  position: relative;
  padding: 10px 10px 40px 10px;
  margin-bottom: 20px;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* border radius */
  -moz-background-clip: border-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  /* prevents bg color from leaking outside the border */
  background-color: #fff;
  /* layer fill content */
}
.dbPH-center {
  width: 50%;
  position: relative;
  z-index: 0;
}
.dbPH-document {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.filters-search-wrap {
  
}

.dbPH-messages {
  width: 100%;
  float: left;
}
.filtering {  
    width: 30%;
    margin-left: 15px; 
}
    
    .filtering .filter-content { 
        position: relative;
        width: 100%;
        padding: 0;
        float: left;
        background: rgba(255, 255, 255, 0.4);
        border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        -webkit-border-radius: 0 0 5px 5px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

    .filtering .filter-header-inner { 
        position: relative;  
        display: block;
        clear: both;
        padding: 15px;
        color: #033678;
        font-weight: bold;
        width: auto;
        font-size: 12px;
        text-transform: uppercase;
        border-bottom: 1px solid #E0DDDD;
    }

    .filtering .filter-header-inner .filter-actions {  
        position: absolute;
        right: 0;
        top: 15px;
        width: 20px;
        height: 20px;
    }

    .filtering .filter-header-inner .filter-actions i {  
        font-size: 1.3em;
        cursor: pointer;
    }

    .filtering .filter-container {
        display: none; 
        position: relative;
        margin: 0 15px;
        padding-top: 10px;
    }

    .filtering .filter-container .filter-bt-actions {
        width: 100%;
        display: block;
        float: left;
        padding-bottom: 10px;
    }

    .filtering .filter-container .filter-bt-actions a {
        float:right;
    }

    .filtering .filter-container > .tTitleFilter {
        display: block;
        margin-bottom: 10px;
        text-transform: capitalize;
        font-size: 0.75em;
        color: #6C7A89;
    }


.dbMargin-col {
  margin-right: 2%;
}
/* INNER STRUCTURE */
.dbHeader {
  width: auto;
  padding: 15px;
  background: #555555;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  box-shadow: inset 0px -4px 4px -3px #333333;
  -webkit-box-shadow: inset 0px -4px 4px -3px #333333;
  -moz-box-shadow: inset 0px -4px 4px -3px #333333;
}
.dbHeader span {
  font-size: 1em;
  font-weight: bold;
  letter-spacing: -1px;
  color: #fff;
}
.dbHeader-inner {
  display: block;
  clear: both;
  padding: 15px;
  color: #033678;
  font-weight: bold;
}
.dbContent {
  position: relative;
  width: 100%;
  padding: 0px 0px 31px 0px;
  float: left;
  background: #fff;
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /* prevents bg color from leaking outside the border */
}
.dbContent-footer {
  position: absolute;
  height: 30px;
  line-height: 29px;
  z-index: 0;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: #f6f6f6;
  border-top: 1px solid #eee;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.dbContent-footer a {
  display: block;
  float: right;
  margin-right: 10px;
  font-size: 0.75em;
  color: #999999;
  text-decoration: underline;
}
.dbContent-footer a:hover {
  color: #3387df;
}
/* END */
/* CREATE NEW CONNECTION Pane */
/* END */
/* LEFT COLUMN */
.viewDocs {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  width: 100%;
  position: relative;
}
.viewDocs li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  display: block;
  border-bottom: 1px solid #f0f0f0;
}
.viewDocs li:hover {
  border-bottom: 1px solid #f0f0f0;
  background: #fafafa;
  box-shadow: inset 4px 0px 0px #f04e23;
  -wekit-box-shadow: inset 4px 0px 0px #f04e23;
  -moz-box-shadow: inset 4px 0px 0px #f04e23;
}
.viewDocs li.item-sortable:active {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.4);
  background: #fafafa;
}
.viewDocs a {
  display: block;
  position: relative;
  padding: 15px;
}
.viewDocs a:after {
  display: block;
  content: "";
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px;
  background: url('../../App_Themes/EmbratelEDI/Img_Application/Img_Sprite.png?rand=20') no-repeat -110px -582px;
  opacity: 0.3;
}
.viewDocs a:hover:after {
  opacity: 1;
}
.viewDocs li span.delete {
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: -10px;
  margin-top: -10px;
  z-index: 1;
  border-radius: 60px;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  -o-border-radius: 60px;
  font-size: 0.75rem;
  font-weight: bold;
  text-align: center;
  background: #999;
  color: #fff;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
  line-height: 20px;
  text-decoration: none;
  cursor: pointer;
}
.viewDocs li span.delete:hover {
  background: #f04e23;
  color: #fff;
}
.viewDocs li:hover span.delete {
  display: block;
}
.viewDocs span {
  display: block;
  font-size: 0.715em;
  text-transform: uppercase;
  font-weight: bold;
  color: #555555;
  padding: 0;
  margin: 5px 0 0 0;
}
.viewDocs p {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 0.815em;
  color: #3387df;
}
.dateRange {
  position: absolute;
  z-index: 999;
  top: 5px;
  right: -515px;
  height: 30px;
  padding: 10px;
  width: 595px;
  background: #f2f2f2;
  border: 1px solid #bebebe;
  font-weight: bold;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}
.dateRange .closeDateRange {
  position: absolute;
  z-index: 9999;
  top: -32px;
  right: -1px;
  width: 32px;
  height: 32px;
  background: #f0f0f0;
  color: #ccc;
  font-size: 0.75em;
  border: 1px solid #bebebe;
  border-width: 1px 1px 0 1px;
  cursor: pointer;
}
.dateRange .closeDateRange span {
  background: transparent url("../../App_Themes/EmbratelEDI/Img_Application/Img_Sprite.png?rand=20") no-repeat scroll -184px -586px;
  display: block;
  height: 24px;
  left: 50%;
  margin-left: -14px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 24px;
}
.dateRangeInputs {
  height: 30px;
  line-height: 30px;
  float: left;
  margin-right: 10px;
}
.dateRangeInputs {
  float: left;
  margin-right: 10px;
}
.dateRangeInputs p {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}
.dateRangeInputs input {
  width: 90px;
  padding: 7px;
  font-weight: bold;
}
.dateRangeInputs label {
  display: block;
  float: left;
  padding: 0 5px 0 15px;
  line-height: 30px;
  color: #555;
  font-size: 1em;
}
.dateRange a {
  float: right;
  overflow: hidden;
  background-image: none;
  padding: 0 10px;
  font-weight: bold;
}
.dateRange a:after {
  background: none;
}
.dateRange a:hover {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
/* DateRange Document filter */
.toggle-btn-grp.cssonly * {
  font-size: 0.85em;
  font-weight: normal;
  width: 70px;
  height: 25px;
  line-height: 27px;
  float: left;
  margin-top: 1px;
  margin-right: 10px;
}
.toggle-btn-grp.cssonly div {
  display: inline-block;
  position: relative;
  margin: 0px;
}
.toggle-btn-grp.cssonly div:last-of-type {
  margin-left: 5px;
}
.toggle-btn-grp.cssonly div label {
  position: absolute;
  z-index: 0;
  background: #eaeaea;
  color: #555555;
  border: 1px solid #d9d9d9;
  box-shadow: inset 0px 1px 0px #ffffff;
  text-align: center;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.toggle-btn-grp.cssonly div input {
  position: absolute;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  padding: 0 8px 0px 10px;
}
.toggle-btn-grp.cssonly div:hover label {
  background: #888888;
  color: #ffffff;
  border-color: #777777;
  box-shadow: inset 0 1px 0 #aaaaaa;
  padding: 0;
}
.toggle-btn-grp.cssonly div input:checked + label {
  background: #0066FF;
  color: #ffffff;
  box-shadow: inset 0px 1px 3px #0033FF;
  border-color: #006699;
}
/* END */
/* RIGHT COLUMN */
/* Statistics */
.viewDocs.dbStats a {
  display: block;
  overflow: auto;
  padding: 15px;
}
.viewDocs.dbStats a:after {
  background: none;
}
.viewDocs.dbStats a:hover {
  background: #fafafa;
  box-shadow: inset 4px 0px 0px #f04e23;
  -wekit-box-shadow: inset 4px 0px 0px #f04e23;
  -moz-box-shadow: inset 4px 0px 0px #f04e23;
}
.viewDocs.dbStats li:first-child a {
  border-top: 1px solid #f0f0f0;
}
.viewDocs.dbStats li:last-child a {
  border-bottom: 1px solid #f0f0f0;
}
.viewDocs.dbStats p {
  color: #555555;
  font-weight: bold;
  font-size: 0.75em;
}
.viewDocs li a.last:first-of-type {
  border-bottom: 0;
}
.viewDocs.dbStats span {
  color: #999999;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.715em;
  margin: 0 0 5px 0;
}
.dbStats strong {
  /*position: absolute;*/
  top: 8px;
  right: 5px;
  font-size: 0.715em;
  font-weight: bold;
  padding: 3px 5px;
  background: #edf6fa;
  color: #6cbed9;
  border-radius: 3px;
}
/* END */
/* MIDDLE COLUMN */
.quickActions {
  height: 125px;
}
.quickActions h2 {
  text-transform: none !important;
  font-size: 1.2em !important;
  font-weight: normal;
  letter-spacing: -1px;
  color: #033678 !important;
  margin: 15px;
}
.quickActions ul {
  display: block;
  margin: 0 15px;
  padding: 0;
}
.quickActions li {
  list-style: none;
  float: left;
  margin-right: 5px;
}
/* Messages Pane */
.msgContainer {
  position: relative;
  margin: 0 15px;
  padding-top: 10px;
  width: 455px;
  height: 92px;
  overflow: hidden;
  border-top: 1px solid #f0f0f0;
  box-shadow: 0 -2px 2px -2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 -2px 2px -2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 -2px 2px -2px rgba(0, 0, 0, 0.1);
}
.msgContainer .items {
  width: 200000em;
  position: absolute;
}
/* Message structure */
.msgItem {
  margin: 10px 0;
  width: 455px;
  height: 85px;
  float: left;
}
.msgContent {
  float: left;
  width: 85%;
  margin-left: 10px;
}
.msgDate {
  width: 36px;
  height: 30px;
  padding: 6px 0 0 0;
  float: left;
  text-align: center;
  color: #ffffff;
  font-size: 0.75em;
  text-transform: uppercase;
  line-height: 1em;
  background: #cccccc;
}
.msgTitle,
.msgBody {
  font-size: 0.75em;
  padding: 0;
  margin: 0;
  display: block;
}
.msgTitle {
  margin-bottom: 5px;
}
.msgBody {
  color: #999;
}
.msgBody a {
  color: #3387df;
}
.msgControl {
  height: 24px;
  position: absolute;
  top: 15px;
  right: 15px;
}
.msgControl p {
  padding: 0;
  margin: 0 10px 0 0;
  float: left;
  font-size: 0.75em;
  line-height: 26px;
  color: #999;
}
.msgControl span:first-child {
  font-weight: bold;
  color: #555;
}
/* End */
/* VIEW DETAILS HEADER */
.viewDetailsHeader {
  position: relative;
  height: 125px;
  margin-top: -5px;
  padding: 10px 0;
  border-bottom: 1px solid #e0e0e0;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  /* border radius */
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /* prevents bg color from leaking outside the border */
  background-color: #f1f1f1;
  /* layer fill content */
  -moz-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 1px #ffffff;
  /* drop shadow */
  -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 1px #ffffff;
  /* drop shadow */
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.1), inset 0px 1px 1px #ffffff;
  /* drop shadow */
}
.formHeaderTopLeft {
  float: left;
  padding: 20px 0 0 15px;
}
.formHeaderTopLeft .docType,
.formHeaderTopLeft .docName {
  font-size: 1.5em;
}
.formHeaderTopLeft .docType {
  color: #033678;
}
.formHeaderTopLeftInner {
  float: left;
  padding: 0 0 0 15px;
}
.formHeaderTopRight {
  float: right;
  padding: 25px 54px 0 0;
}
.formHeaderTopRight strong {
  font-size: 0.75em;
  line-height: 25px;
  font-weight: normal;
  color: #999999;
  margin-right: 10px;
}
.formHeaderTopRight .positionFix {
  position: absolute;
  top: -75px;
  right: 0;
  z-index: 9999;
}
.formHeaderTopRight .tLink {
  padding: 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* border radius */
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /* prevents bg color from leaking outside the border */
  background-color: #e9e9e9;
  color: #999999;
  font-size: 0.70em;
  font-weight: bold;
  margin-right: 10px;
  text-decoration: none;
  text-transform: uppercase;
}
.formHeaderTopRight .tLink:hover {
  background-color: #ddd;
  color: #666;
}
.formHeaderTopRight .tLink.tSelected {
  background: #444444;
  color: #ffffff;
}
.formHeaderTopRight .tLink:last-child {
  margin-right: 0;
}
.formHeaderBottom {
  float: left;
  width: 100%;
  clear: both;
  height: 30px;
  padding: 25px 0 0 15px;
}
.formHeaderBottom .tBtnAction {
  margin-right: 5px;
  float: left;
}
.tFlyingActionsBar strong {
  float: left;
  display: block;
  line-height: 22px;
  font-size: 0.85em;
  color: #666;
}
.tFlyingActionsBar strong:last-of-type {
  margin-left: 10px;
  line-height: 23px;
  font-size: 1.2em;
  color: #444;
}
/* END */
/* New connection plus sign popup fix */
#ctl01_moreOptionsPanel .tBallonFx {
  left: -210px;
}
/* Audit customization */
.searchControlAudit {
  overflow: auto;
  padding: 10px 0;
  -moz-border-radius: 5px 5px 0 0 !important;
  -webkit-border-radius: 5px 5px 0 0 !important;
  border-radius: 5px 5px 0 0 !important;
  /* border radius */
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /* prevents bg color from leaking outside the border */
  background-color: #555555;
  /* layer fill content */
  box-shadow: inset 0px -4px 4px -3px #333333;
  -moz-box-shadow: inset 0px -4px 4px -3px #333333;
  -webkit-box-shadow: inset 0px -4px 4px -3px #333333;
}
.searchControlAudit .saphGrid-header-input input {
  border-color: #333333 !important;
  background-color: #f9f9f9 !important;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
  font-size: 1.3em !important;
  font-weight: bold !important;
}
.searchControlAudit .saphGrid-header-input label {
  color: #eee !important;
}
.searchControl-h1-margin-20 {
  margin: 20px auto;
}
.searchControlAudit .divActionsBtns {
  margin-top: 13px;
}
.searchControlAudit .divActionsBtns button {
  background: yellow !important;
  border: 1px solid red !important;
}
.searchContainer .tList .box {
  width: 100% !!important;
  padding: 0 !!important;
}
.tableContainerStyle {
  background: white;
  border-radius: 0 0 5px 5px;
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  position: relative;
}
.tableContainerStyle td {
  padding: 10px;
}
.tableContainerStyle tr {
  border-bottom: 1px solid #f0f0f0;
}
.tableContainerStyle th {
  padding: 15px 10px;
  background-color: #f9f9f9;
  color: #999;
}
.tableContainerStyle .tTableHeader {
  border-bottom: 1px solid #d9d9d9;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}
/* Freemium customization */
.freemiumCustom span {
  float: left;
  display: block;
  line-height: 30px;
  margin-right: 5px;
  font-weight: normal !important;
  color: #993717;
}
.freemiumCustom a,
.freemiumCustom label {
  font-weight: bold !important;
  color: #ffffff !important;
  text-decoration: none;
  display: block;
  line-height: 28px;
  padding: 0 5px 0 5px;
  margin-left: 5px;
  float: left;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #d74700;
  /* stroke */
  -moz-box-shadow: 0 2px 3px rgba(216, 72, 0, 0.67), inset 0 1px 0 #ff9e66;
  /* drop shadow and inner shadow */
  -webkit-box-shadow: 0 2px 3px rgba(216, 72, 0, 0.67), inset 0 1px 0 #ff9e66;
  /* drop shadow and inner shadow */
  box-shadow: 0 2px 3px rgba(216, 72, 0, 0.67), inset 0 1px 0 #ff9e66;
  /* drop shadow and inner shadow */
  background-color: #e55300;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1NTMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YzNmYyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
  /* gradient overlay */
  background-image: -moz-linear-gradient(bottom, #e55300 0%, #033678 100%);
  /* gradient overlay */
  background-image: -o-linear-gradient(bottom, #e55300 0%, #033678 100%);
  /* gradient overlay */
  background-image: -webkit-linear-gradient(bottom, #e55300 0%, #033678 100%);
  /* gradient overlay */
  background-image: linear-gradient(bottom, #e55300 0%, #033678 100%);
  /* gradient overlay */
}
.freemiumCustom a:hover {
  background: #ff9e66;
}
.freemiumCustom a:active {
  background: #e65400;
  box-shadow: none;
}
/* Modal message complete Dashboard*/
p.pMsgBodyComplete {
  font-size: 1.1em;
  line-height: 1.5;
}
span.tdLimiter {
  white-space: normal;
  line-height: 1.2;
}
/* css for timepicker */
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}
.ui-timepicker-div dl {
  text-align: left;
}
.ui-timepicker-div dl dt {
  height: 25px;
  margin-bottom: -25px;
}
.ui-timepicker-div dl dd {
  margin: 0 10px 10px 65px;
}
.ui-timepicker-div td {
  font-size: 90%;
}
.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
.ui-timepicker-rtl {
  direction: rtl;
}
.ui-timepicker-rtl dl {
  text-align: right;
}
.ui-timepicker-rtl dl dd {
  margin: 0 65px 10px 10px;
}
.ui-timepicker-div .ui-state-default {
  background: none !important;
  background-color: #f0f0f0 !important;
  border: 1px solid #d9d9d9 !important;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.ui-timepicker-div .ui-state-hover {
  background: none !important;
  background-color: #cccccc !important;
  border: 1px solid #999999 !important;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}
.ui-timepicker-div .ui-state-focus {
  background: none !important;
  background-color: #bebebe !important;
  border: 1px solid #888888 !important;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}
/* Read Only Fields Customization */
.boxBottomSpacer,
.bottomSpacer,
.formSpacer {
  clear: both;
  float: left;
  height: 15px;
  width: 100%;
}
h3.tableSimpleTitle {
  text-transform: none;
  font-size: 1.6em;
  display: block;
  width: 100%;
  margin: 0 0 5px 15px !important;
  padding: 0 0 5px 0 !important;
  color: #031F44;
}
table.simpleVersion {
  font-size: 1.2em;
  font-weight: bold;
  outline: 1px solid #d4d6d9;
  color: #444444;
}
table.simpleVersion tr:last-child {
  border-bottom: none !important;
}
table.simpleVersion tr.gridRow td {
  background-color: #f5f6fa;
  padding: 10px;
}
table.simpleVersion tr.gridRowAlternate td {
  background: #f9fafc;
  padding: 10px;
}
table.simpleVersion tr {
  border-bottom: 1px solid #eaebed;
}
table.simpleVersion tr.header {
  z-index: 1;
  font-size: 1em;
  font-weight: bold;
  line-height: 25px;
  color: #999999;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #d4d6d9;
  box-shadow: 0px 1px 3px -2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 1px 3px -2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 3px -2px rgba(0, 0, 0, 0.5);
}
table.simpleVersion tr.header td {
  background: none;
  padding: 5px 10px !important;
}
span.readOnlyValue {
  color: #999999;
  display: block;
  font-size: 1.3em;
  font-weight: normal;
  margin-top: 5px;
  padding-left: 5px;
  line-height: 1.2em;
  height: 24px;
  line-height: 24px;
}
label.readOnlyLabel {
  display: block !important;
  width: 100% !important;
  font-size: 1.2em !important;
  font-weight: bold !important;
  color: #555555 !important;
  margin: 0px 0 10px 0 !important;
  padding-top: 10px !important;
  border-top: 1px solid #f2f2f2;
}
/* Table and toolbar global*/
.headerDefaultWidth,
.contentDefaultWidth {
  width: 95%;
  margin: 0px 2.5% 0px;
  float: left;
}
.headerDefaultWidth {
  position: relative;
  margin-top: 10px;
}
.contentDefaultWidth {
  margin-bottom: 40px;
}
.contentSmallWidth {
  width: 50%;
  margin: 0px 25% 40px;
}
/* Table Jorge Customize  */
.tMoreDetails {
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  left: 50px;
  padding: 15px;
  position: absolute;
  top: -50px;
  z-index: 5;
}
.tTableList NOBR {
  position: relative;
}
.tTableList .tdLabel {
  font-weight: bold;
  color: #999999;
  padding-right: 15px !important;
}
.tToolTipTitle {
  font-size: 1.2em !important;
  color: #FF6600 !important;
  padding-bottom: 15px !important;
}
.linkColumn {
  display: block;
  overflow: hidden;
  width: 24px;
  height: 24px;
  margin-left: 15px;
  text-indent: 100%;
  background: url("../../App_Themes/EmbratelEDI/Img_Application/Img_Sprite.png?rand=20") no-repeat scroll -150px -293px transparent;
  opacity: 0.5;
}
.linkColumn:hover,
.linkColumn:active {
  opacity: 1;
}
/* Entity Based On */
.entityBasedOn {
  font-size: 1em;
  margin: -1px 5px 10px 5px;
  color: #999999;
  float: left;
}
.entityBasedOn label {
  font-size: 0.815em;
  color: #777777;
  font-weight: normal;
}
.entityBasedOn .gAutoComplete input {
  border: 1px solid #999999 !important;
  line-height: 16px;
  width: 250px;
  padding: 5px 20px 5px 5px;
  background-position: right -545px;
  margin-left: 10px;
  font-size: 0.815em;
  border-radius: 3px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}
/* Secondary Options Navigation */
.moreOptionsNavWrapper {
  float: right;
  height: 30px;
  margin-right: 10px;
}
.moreOptionsNav {
  /* Size & position */
  position: relative;
  margin: 0 auto;
  padding: 10px 40px 10px 15px;
  /* Styles */
  background: transparent;
  color: #555555;
  border-radius: 3px;
  border-bottom: 1px solid transparent;
  box-shadow: 0 1px 2px transparent;
  cursor: pointer;
  outline: none;
  font-size: 1.2em;
  font-weight: bold;
}
.moreOptionsNav:after {
  /* Little arrow */
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #aaaaaa transparent;
  visibility: visible !important;
}
.moreOptionsNav .dropdown {
  /* Size & position */
  z-index: 99;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  /* Styles */
  background: #fff;
  border-radius: 0 0 3px 3px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: none;
  border-bottom: none;
  list-style: none;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
  /* Hiding */
  max-height: 0;
  overflow: hidden;
}
.moreOptionsNav .dropdown li {
  padding: 0 10px;
  background: #fff;
}
.moreOptionsNav .dropdown li a {
  display: block;
  text-decoration: none;
  font-weight: normal;
  color: #333;
  padding: 10px 0;
  border-bottom: 1px solid #e6e8ea;
  line-height: 1.2;
}
.moreOptionsNav .dropdown li:last-of-type a {
  border: none;
}
.moreOptionsNav .dropdown li i {
  margin-right: 5px;
  color: inherit;
  vertical-align: middle;
}
/* Hover state */
.moreOptionsNav .dropdown li:hover a {
  color: #0066FF;
}
/* Active state */
.moreOptionsNav.active {
  border-radius: 3px 3px 0 0;
  background: #666666;
  box-shadow: none;
  border-bottom: 1px solid #0066CC;
  color: #ffffff;
}
.moreOptionsNav.active:after {
  border-color: #FFFFFF transparent;
}
.moreOptionsNav.active .dropdown {
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  max-height: 400px;
}
/* Change password links */
a.changePassLink,
a.changePassCancel {
  display: block;
  float: left;
  margin: 5px 0 0 0px;
  padding: 9px;
  font-size: 1.1em;
  text-decoration: none;
  font-weight: bold;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
a.changePassCancel:hover,
a.changePassLink:hover {
  text-decoration: underline;
}
a.changePassLink {
  float: left;
  background: #EEEEEE;
  color: #666666;
}
a.changePassLink:hover {
  text-decoration: underline;
}
a.changePassCancel {
  float: right;
  background: #FF9999;
  color: #990000;
}
/*
Entity table - tags 
*/
span.entityType {
  display: block;
  float: left;
  padding: 2px 4px;
  margin-right: 5px;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  background: #ccc;
  color: #ffffff;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
span.entityType.free {
  background: #ccc;
}
span.entityType.nonBill {
  background: #99ccff;
}
/* -- Entity Upload -- */
.upload-title {
  font-size: 24px;
  margin-left: 10px;
  margin-top: 15px;
  margin-bottom: 10px;
}
.wizzardWidget {
  background: none repeat scroll 0 0 #fafafa;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
  float: left;
  width: 100%;
  margin: 10px 0 20px 0;
}
.wizzardWidget ul {
  margin: 7px;
  padding: 0;
  list-style: none;
  /*text-align: center;*/
}
.wizzardWidget li {
  display: inline-block;
  margin-right: 15px;
  padding: 8px 10px 8px 30px;
  background: #f0f0f0;
  color: #d9d9d9;
  border: 1px solid #d9d9d9;
  font-weight: bold;
  font-size: 13px;
  border-radius: 3px;
  position: relative;
  z-index: 0;
}
.wizzardWidget li:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 2px;
  background: #d9d9d9;
  position: absolute;
  top: 50%;
  right: -21px;
  margin-top: -1px;
  z-index: 1;
}
.wizzardWidget li:last-child:before {
  display: none;
}
.wizzardWidget span {
  padding: 2px 5px;
  margin-left: 5px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: #d9d9d9;
  border-radius: 2px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
}
.wizzardWidget a,
.wizzardWidget a:active {
  font-weight: normal;
  color: #666;
}
.wizzardWidget a:hover {
  text-decoration: none;
  color: #0396F4;
}
.wizzardWidget div.wizzardIcons {
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background-image: url('../../App_Themes/EmbratelEDI/Img_Application/icons16px.png');
  background-position: 0 -60px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
  opacity: .2;
}
.wizzardWidget li.active div.wizzardIcons {
  background-position: 0 -40px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  opacity: .6;
}
.wizzardWidget li.completed div.wizzardIcons {
  background-position: 0 -20px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  opacity: .2;
}
.wizzardSummarySuccessIcon {
  width: 20px;
  height: 20px;
  background-image: url('../../App_Themes/EmbratelEDI/Img_Application/icons16px.png');
  background-position: 0 -80px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  opacity: 1;
  text-align: center;
}
.wizzardSummaryErrorIcon {
  width: 20px;
  height: 20px;
  background-image: url('../../App_Themes/EmbratelEDI/Img_Application/close.png');
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  opacity: 1;
  text-align: center;
}
.wizzardWidget li.active {
  border-color: #ffffff;
  color: #033678;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  background: #ffffff;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
  /* IE6-8 */
}
.wizzardWidget li.active span {
  background: #666666;
}
.tableSample {
  float: left;
  position: relative;
  margin-top: 15px;
  margin-left: 10px;
  font-size: 12px;
}
.tableSample a {
  display: block;
  padding: 8px 10px;
  font-weight: bold;
  color: #999999;
  text-decoration: underline;
  border-radius: 3px;
}
.tableSample a:hover .sampleDownload {
  display: block;
}
.sampleDownload {
  display: none;
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #BBBBBB;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  width: 900px;
  margin: 10px auto;
  padding: 5px;
  position: absolute;
  top: 27px;
  left: -120px;
  z-index: 99;
}
.sampleDownload.small-top-left {
  width: 400px;
  left: auto;
  right: 10px;
  bottom: 27px;
  top: auto;
}
.sampleDownload.small-left-aligned {
  width: 420px;
  height: 90%;
  left: -130px;
  right: 10px;
  bottom: 400px;
  top: 0px;
}
.sampleDownload.orange-border {
  border-color: orange;
  background-color: white;
}
.sampleDownload table {
  width: 96%;
  color: #777777;
  margin: 5px 2%;
  font-size: 12px;
}
.sampleDownload table td,
.sampleDownload table th {
  padding: 3px 5px;
  text-align: left;
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}
.sampleDownload table tr {
  border-width: 0px 0px 1px 0px;
}
.sampleDownload table th.excelStyle,
.sampleDownload table td.excelStyle {
  background: #aaaaaa;
  color: #ffffff;
  border-right-color: #999999;
  border-bottom-color: #999999;
}
.sampleDownload table thead tr.excelColumns th {
  background: #aaaaaa;
  color: #ffffff;
  border-color: #999999;
}
.fadeoutSample {
  width: 100%;
  height: 40px;
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-8 */
}
.entityUploadArea {
  width: 930px;
  height: 200px;
  position: relative;
  cursor: pointer;
  float: left;
  margin: 20px 0px;
  overflow: hidden;
  background-color: #f7f7f7;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 2px dashed #cccccc;
}
.entityUploadArea input[type=file] {
  font-size: 170px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.entityUploadArea .chooseFile {
  width: 100%;
  margin-top: 45px;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
}
.entityUploadArea .chooseFile p {
  margin-bottom: 10px;
  color: #555555;
}
.entityUploadArea .chooseFile span {
  font-weight: normal;
  clear: both;
  display: block;
  color: #999999;
  margin-bottom: 10px;
}
.entityUploadArea .chooseFile a {
  display: inline-block;
  padding: 4px 8px;
  background: #0066cc;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  text-decoration: none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.entityUploadArea.flexible-width {
  width: 100%;
}
.entityUploadArea.flexible-width .chooseFile {
  margin-top: 55px;
}
.entityUploadArea.flexible-width .chooseFile a {
  padding: 15px 8px;
}
/* -- Wizzard Step 2 : Entidades c/ conflitos  -- */
.uploadStatusResume {
  background: none repeat scroll 0 0 #FCF4D9;
  border: 1px solid #F7E5A1;
  color: #523600;
  float: left;
  font-size: 14px;
  margin: 20px 10% 0;
  padding: 10px 0px;
  text-align: center;
  width: 80%;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.uploadStatusResume label {
  margin-right: 10px;
  font-weight: bold;
}
.uploadStatusResume label strong {
  margin-left: 3px;
  padding: 3px;
  font-weight: normal;
  color: #7A5200;
}
.toggleController {
  list-style: none;
  float: left;
  margin: 25px 0 -10px 10%;
  padding: 0;
}
.toggleController li {
  font-size: 12px;
  display: inline-block;
  position: relative;
  padding-right: 5px;
  border-right: 1px solid #eeeeee;
}
.toggleController li:last-child {
  border: 0;
}
.toggleController li a {
  display: block;
  padding: 0px 0px 0px 0px;
  position: relative;
  text-decoration: underline;
  color: #0088cc;
}
.toggleController li a:hover {
  color: #444444;
}
/* .toggleController li a:before {
                    display: block;
                    content:"";
                    position:absolute;
                    left:0px;
                    top:0;
                    width:20px;
                    height:20px;
                    background: url('../../App_Themes/EmbratelEDI/Img_Application/icons16px.png') no-repeat;
                    background-position:0 -160px;
                    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
                    filter: alpha(opacity=20);
                    opacity:.2;

                }
                .toggleController li a.collapseTrigger:before {
                    background-position: 0 -180px;
                }
                    .toggleController li a.collapseTrigger:hover:before,
                    .toggleController li a.expandTrigger:hover:before { opacity:1; }

                .toggleController li a.expandTrigger:before {
                    background-position: 0 -160px;
                }*/
.conflictController {
  float: right;
  font-size: 12px;
  list-style: none outside none;
  margin-right: 10%;
  margin-top: 30px;
  padding: 0;
  text-align: right;
}
.conflictController li {
  display: inline-block;
  margin-right: 5px;
  padding-right: 5px;
  border-right: 1px solid #f0f0f0;
}
.conflictController li:first-child {
  display: none;
}
.conflictController li:last-child {
  border: 0;
  padding: 0;
  margin: 0;
}
.conflictController li a {
  font-size: 12px;
  color: #bebebe;
  padding: 0px;
  font-weight: bold;
}
.conflictController li a:hover {
  color: #444444;
  text-decoration: underline;
}
.entityContainer {
  float: left;
  width: 80%;
  font-size: 12px;
  position: relative;
  padding-top: 32px;
  margin: 20px 10% 20px 10%;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  border: 1px solid #d4d6d9;
  border-bottom: 1px solid #d9d9d9;
}
.fileConflictsArea .entityContainer.collapsed {
  overflow: hidden;
  height: 169px;
}
.entityContainer.collapsed {
  overflow: hidden;
  height: 124px;
}
.entityContainer span.summaryStatus {
  border-radius: 2px 2px 2px 2px;
  display: block;
  height: 17px;
  line-height: 17px;
  padding: 2px 10px;
  position: absolute;
  right: 5px;
  text-align: center;
  top: 6px;
  width: 50px;
  z-index: 3;
}
.entityContainer span.summaryStatus.error {
  background-color: #F54828;
  color: #ffffff;
}
.entityContainer span.summaryStatus.ignored {
  background-color: #808080;
  color: #dddddd;
}
.entityContainer span.summaryStatus.success {
  background-color: #aacc66;
  color: #ffffff;
}
.entityContainer a.entityToggle {
  color: #888888;
  display: block;
  height: 32px;
  left: 0px;
  line-height: 34px;
  padding-left: 35px;
  position: absolute;
  text-decoration: none;
  top: 0px;
  width: 90px;
  z-index: 3;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.entityContainer a.entityToggle:before {
  display: block;
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -9px;
  background: url('../../App_Themes/EmbratelEDI/Img_Application/icons16px.png') no-repeat;
  background-position: 0 -120px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: .5;
}
.entityContainer a.entityToggle:hover {
  color: #dddddd;
}
.entityContainer a.entityToggle:hover:before {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: .8;
}
.entityContainer.collapsed a.entityToggle:before {
  background-position: 0px -100px;
}
.conflictField:before {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -10px;
  background-image: url('../../App_Themes/EmbratelEDI/Img_Application/icons16px.png');
  background-repeat: no-repeat;
  background-position: 0 -200px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: .7;
}
.entityContainer .entityTitle,
.entityContainer.collapsed .entityTitle {
  height: 20px;
  margin: 0;
  padding: 8px 0 5px 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  background: #484848;
  /*background: rgb(119,119,119); /* Old browsers */
  /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3Nzc3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1OTU5NTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  rgba(119,119,119,1) 0%, rgba(89,89,89,1) 100%); /* FF3.6+ */
  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(119,119,119,1)), color-stop(100%,rgba(89,89,89,1))); /* Chrome,Safari4+ */
  /*background: -webkit-linear-gradient(top,  rgba(119,119,119,1) 0%,rgba(89,89,89,1) 100%); /* Chrome10+,Safari5.1+ */
  /*background: -o-linear-gradient(top,  rgba(119,119,119,1) 0%,rgba(89,89,89,1) 100%); /* Opera 11.10+ */
  /*background: -ms-linear-gradient(top,  rgba(119,119,119,1) 0%,rgba(89,89,89,1) 100%); /* IE10+ */
  /*background: linear-gradient(to bottom,  rgba(119,119,119,1) 0%,rgba(89,89,89,1) 100%); /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#595959',GradientType=0 ); /* IE6-8 */
  list-style: none;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
}
.entityContainer .entityTitle li {
  display: inline-block;
  margin: 0px 15px 0 0;
  color: #bbbbbb;
  line-height: 16px;
}
.entityContainer .entityTitle li:nth-child(1) {
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
}
.paymentDataContainer .paymentDataTitle,
.paymentDataContainer.collapsed .paymentDataTitle {
  height: 20px;
  margin: 0px 0px 20px 0px;
  padding: 8px 0 5px 0px;
  position: relative;
  top: 0px;
  left: 0px;
  right: 0px;
  background: #436A9C;
  /*background: rgb(119,119,119); /* Old browsers */
  /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3Nzc3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1OTU5NTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  rgba(119,119,119,1) 0%, rgba(89,89,89,1) 100%); /* FF3.6+ */
  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(119,119,119,1)), color-stop(100%,rgba(89,89,89,1))); /* Chrome,Safari4+ */
  /*background: -webkit-linear-gradient(top,  rgba(119,119,119,1) 0%,rgba(89,89,89,1) 100%); /* Chrome10+,Safari5.1+ */
  /*background: -o-linear-gradient(top,  rgba(119,119,119,1) 0%,rgba(89,89,89,1) 100%); /* Opera 11.10+ */
  /*background: -ms-linear-gradient(top,  rgba(119,119,119,1) 0%,rgba(89,89,89,1) 100%); /* IE10+ */
  /*background: linear-gradient(to bottom,  rgba(119,119,119,1) 0%,rgba(89,89,89,1) 100%); /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#595959',GradientType=0 ); /* IE6-8 */
  list-style: none;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
}
.paymentDataContainer .paymentDataTitle li {
  display: inline-block;
  margin: 0px 15px 0 0;
  color: #000000;
  line-height: 16px;
}
.paymentDataContainer .paymentDataTitle li:nth-child(1) {
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
}
.entityContainer .labels,
.entityContainer .inFile,
.entityContainer .inDatabase,
.entityContainer .entityData {
  width: 33.3333%;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  z-index: 0;
  cursor: pointer;
}
.confirmationAreaUpdate .entityContainer .labels,
.newDataArea .entityContainer .labels,
.confirmationAreaNewData .entityContainer .labels,
.summaryArea .entityContainer .labels {
  width: 30%;
}
.confirmationAreaUpdate .entityContainer .newData,
.confirmationAreaUpdate .entityContainer .entityData,
.entityContainer .entityData,
.summaryArea .entityContainer .newData,
.summaryArea .entityContainer .entityData {
  width: 70%;
}
.entityContainer .labels li,
.entityContainer .inFile li,
.entityContainer .inDatabase li,
.entityContainer .entityData li {
  height: 24px;
  line-height: 24px;
  padding: 0 3% 0 5%;
  display: block;
  color: #999999;
  border-bottom: 1px solid #f0f0f0;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fileConflictsArea .entityContainer .labels li:last-child,
.fileConflictsArea .entityContainer .inFile li:last-child,
.fileConflictsArea .entityContainer .inDatabase li:last-child {
  border: 0;
  background: #f6f6f6;
  padding: 10px 0;
  text-align: center;
  line-height: 28px;
  height: 28px;
}
.entityContainer .labels li {
  font-weight: normal;
  color: #444444;
  text-align: left;
}
.entityContainer .labels li.header,
.entityContainer .inFile li.header,
.entityContainer .inDatabase li.header,
.entityContainer .newData li.header {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  border: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d4d6d9;
  font-size: 16px;
  font-weight: lighter;
  color: #aaaaaa;
  text-shadow: 0px 1px 0px #ffffff;
  background: #f6f6f6;
}
/* Active UL style */
.entityContainer .inDatabase.active,
.entityContainer .inFile.active,
.entityContainer .newData.active {
  background: #ffffff;
  position: relative;
  z-index: 2;
}
.entityContainer .inDatabase.active li,
.entityContainer .inFile.active li,
.entityContainer .inDatabase.active li:last-child,
.entityContainer .inFile.active li:last-child {
  border-bottom: 1px solid #f2f5dc;
  border-left: 1px solid #e0e5b8;
  border-right: 1px solid #e0e5b8;
  background: #f2f5dc;
  color: #8b8c7e;
  font-weight: bold;
}
.entityContainer .inDatabase.active li {
  border-right: 1px solid transparent;
}
.entityContainer .inDatabase.active li.header,
.entityContainer .inFile.active li.header {
  position: relative;
  border-left: 1px solid #8fb347;
  border-right: 1px solid #8fb347;
  border-bottom: 1px solid #8fb347;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
  background: #aacc66;
  color: #ffffff;
  /* background: rgb(255,255,255); /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWUwZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(222,224,227,1) 100%); /* FF3.6+ */
  /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(222,224,227,1))); /* Chrome,Safari4+ */
  /* background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(222,224,227,1) 100%); /* Chrome10+,Safari5.1+ */
  /* background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(222,224,227,1) 100%); /* Opera 11.10+ */
  /* background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(222,224,227,1) 100%); /* IE10+ */
  /* background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(222,224,227,1) 100%); /* W3C */
  /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dee0e3',GradientType=0 ); /* IE6-8 */
}
.entityContainer.collapsed .inDatabase.active li.header:after,
.entityContainer.collapsed .inFile.active li.header:after {
  display: block;
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: url('../../App_Themes/EmbratelEDI/Img_Application/icons16px.png') no-repeat;
  background-position: 0 -140px;
}
.entityContainer .inDatabase li.finalConsumer,
.entityContainer .inFile li.finalConsumer,
.entityContainer .inDatabase.active li.finalConsumer,
.entityContainer .inFile.active li.finalConsumer {
  font-weight: bold;
  position: relative;
  background-color: #a1d2e5;
  color: #ffffff;
}
.fileConflictsAreaFooter {
  float: left;
  width: 80%;
  position: relative;
  margin: 0px 10% 30px 10%;
  text-align: right;
}
.fileConflictsAreaFooter a {
  text-decoration: underline;
  font-size: 12px;
  font-weight: bold;
  color: #0088cc;
  margin-right: 5px;
  padding-right: 5px;
  border-right: 1px solid #eeeeee;
}
.fileConflictsAreaFooter a:hover {
  color: #444444;
}
.fileConflictsAreaFooter a:last-child {
  margin: 0;
  padding: 0;
  border: 0;
}
label {
  display: inline;
}
.regular-checkbox {
  display: none;
}
.regular-checkbox + label {
  background-color: #fafafa;
  border: 1px solid #cacece;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  border-radius: 3px;
  display: inline-block;
  position: relative;
}
.regular-checkbox + label:active,
.regular-checkbox:checked + label:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.regular-checkbox:checked + label {
  background-color: #e9ecee;
  border: 1px solid #adb8c0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  color: #99a1a7;
}
.regular-checkbox:checked + label:after {
  content: '\2714';
  font-size: 14px;
  position: absolute;
  top: 0px;
  left: 3px;
  color: #99a1a7;
}
.big-checkbox + label {
  padding: 18px;
}
.big-checkbox:checked + label:after {
  font-size: 28px;
  left: 6px;
}
.tag {
  font-family: Arial, sans-serif;
  width: 200px;
  position: relative;
  top: 5px;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  float: left;
}
.radio-1 {
  width: 193px;
}
.button-holder {
  float: left;
}
/* RADIO */
.regular-radio {
  display: none;
}
.regular-radio + label {
  -webkit-appearance: none;
  background-color: #fafafa;
  border: 1px solid #cacece;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  border-radius: 50px;
  display: inline-block;
  position: relative;
  font-weight: bold;
}
.regular-radio:checked + label:after {
  content: ' ';
  width: 12px;
  height: 12px;
  border-radius: 50px;
  position: absolute;
  top: 3px;
  background: #99a1a7;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);
  text-shadow: 0px;
  left: 3px;
  font-size: 32px;
}
.regular-radio:checked + label {
  background-color: #ffffff;
  color: #444444;
  border: 1px solid #adb8c0;
  font-weight: bold;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.1), inset 15px 10px -12px rgba(255, 255, 255, 0.1), inset 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.regular-radio + label:active,
.regular-radio:checked + label:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.big-radio + label {
  padding: 0px 30px 0 30px;
  cursor: pointer;
}
.big-radio:checked + label:after {
  width: 20px;
  height: 20px;
  left: 6px;
  top: 4px;
  background: transparent;
  box-shadow: none;
  background-image: url('../../App_Themes/EmbratelEDI/Img_Application/icons16px.png');
  background-position: 0 -80px;
}
/* -- Wizzard Step 3 : Entidades novas  -- */
.newDataArea .footer,
.entityContainer .footer {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  border-top: 1px solid #f0f0f0;
  background: #f6f6f6;
}
.newDataArea .actions,
.confirmationAreaNewData .actions {
  border: none;
}
.newDataArea .footer li,
.entityContainer .footer li {
  display: inline-block;
  height: 28px !important;
  line-height: 28px !important;
  padding: 10px 0 12px 0;
  text-align: center;
}
.entityContainer .footer li a {
  font-size: 12px;
}
/* -- Wizzard Step 4 : Confirmação  -- */
.confirmationAreaUpdate .noData {
  width: 100%;
  padding: 0 0 27px 0;
  text-align: center;
  font-size: 12px;
  color: #cccccc;
  float: left;
}
.confirmationArea h3 {
  color: #999999;
  float: left;
  font-size: 12px;
  font-weight: normal;
  margin: 25px 10% 0;
  text-align: left;
  width: 80%;
}
.confirmationArea h1 {
  float: left;
  width: 80%;
  margin: 15px 10%;
  font-size: 16px;
  padding: 3px 0px 5px 0px;
  background: transparent;
  color: #033678;
  border-bottom: 3px solid #f0f0f0;
}
.saphDialog {
  width: 500px !important;
}
.paymentDataHasFile {
  width: 20px;
  height: 20px;
  left: 6px;
  top: 4px;
  background: transparent;
  box-shadow: none;
  background-image: url('../../App_Themes/EmbratelEDI/Img_Application/icons16px.png');
  background-position: 0 -80px;
}
.inputTextWithNoBorder {
  outline: none !important;
  border: none !important;
  background-color: #fff !important;
}
.reduceTab {
  margin-left: 4px !important;
}
.documentationFile {
  width: 20px;
  height: 20px;
  top: -6px;
  background: transparent;
  box-shadow: none;
  background-image: url('../../App_Themes/EmbratelEDI/Img_Application/icons16px.png');
  background-position: 0 -60px;
}
.tTableRowDefault {
  background-color: #8AA6CA;
}
#documentoverlay {
  background-color: transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  padding-top: 50px;
  z-index: 10000;
}
#alertbox {
  position: absolute;
  width: auto;
  min-height: 70px;
  margin-top: 0;
  top: 100px;
  border: 2px outset #033678;
  background-color: #FFFFFF;
  background-image: url('../../App_Themes/EmbratelEDI/Img_Application/alertsign.png');
  background-repeat: no-repeat;
  background-position: 20px 37px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
#documentoverlay > #alertbox {
  position: fixed;
}
#alertbox h1 {
  margin: 0 0 14px 0;
  font: bold 11px Verdana, Sans-Serif;
  background-color: #033678;
  color: #fff;
  padding: 2px 0 2px 5px;
  cursor: pointer;
}
#alertbox p {
  font: 11px Verdana, Sans-Serif;
  padding-left: 5px;
  margin-left: 55px;
  padding-right: 30px;
  text-align: justify;
}
#alertbox b {
  color: red;
}
#alertbox strong {
  background-color: #ff4040;
}
#alertbox #closebutton {
  position: relative;
  left: 110px;
  margin: 16px auto;
  padding: 1px;
  width: 80px;
  font: 11px Verdana, Sans-Serif;
}
#alertbox #cancelbutton {
  position: absolute;
  top: 2px;
  right: 2px;
  padding: 0;
  width: 13px;
  height: 13px;
  background-image: url('../../App_Themes/EmbratelEDI/Img_Application/close.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.message-note {
  padding: 10px 10px;
  font-weight: normal;
  font-size: 0.75rem;
  color: #666;
  display: block;
  float: left;
}
.message-under-note {
  text-align: justify;
  font-weight: bold;
  padding-bottom: 15px;
}
/* Validation Breadcrums */
.m-val-breadcrum {
  width: 98.4%;
  margin: 0 0.8%;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.m-valmodule-layout {
  overflow: auto;
  width: 100%;
  margin: 0 auto;
}
.m-valmodule-layout h3 {
  padding: 0.8%;
  margin: 0 0 10px 0;
  font-size: 1rem;
  border-bottom: 1px solid #ccc;
  background: #eee;
}
.m-valmodule-layout table {
  float: left;
  margin-bottom: 10px;
}
.m-val-areaActions {
  background: none repeat scroll 0 0 #ccc;
  border-radius: 0 0 3px 3px;
  float: left;
  margin: 0 0.8% 10px;
  padding: 10px 0;
  width: 98.4%;
}
.val-targetObject-name {
  background: #f4f4f4;
  border: 1px solid #d9d9d9;
  float: left;
  width: 100%;
  border-radius: 3px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}
.val-targetObject-name input {
  border-color: #999 !important;
}
.val-targetObject-name label {
  margin-bottom: 4px !important;
}
.m-val-autocomplete .ui-autocomplete-input {
  padding: 4px 6px;
  line-height: 20px;
  border: 1px solid #cccccc;
  border-radius: 2px;
  width: 80%;
  font-size: .815rem;
  float: left;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.m-val-autocomplete.longest .ui-autocomplete-input {
  width: 90%;
}
.m-val-autocomplete .ui-autocomplete-input:focus,
.dialog .m-val-autocomplete .ui-autocomplete-input:focus {
  border-color: #666;
}
.ui-autocomplete.ui-widget-content,
.dialog .ui-autocomplete.ui-widget-content {
  border: 1px solid #999 !important;
  border-radius: 5px !important;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.5) !important;
}
.ui-autocomplete.ui-widget-content .ui-menu-item a,
.dialog .ui-autocomplete.ui-widget-content .ui-menu-item a {
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0px 6px;
  font-size: .815rem;
  text-decoration: none;
}
.ui-autocomplete.ui-widget-content .ui-menu-item .ui-state-focus,
.dialog .ui-autocomplete.ui-widget-content .ui-menu-item .ui-state-focus {
  background: #0066cc;
  color: #fff;
  border-color: transparent;
  text-decoration: none;
}
.ui-button.ui-widget.ui-state-default.ui-button-icon-only,
.dialog .ui-button.ui-widget.ui-state-default.ui-button-icon-only {
  background: none repeat scroll 0 0 #ddd;
  border: 1px solid #ccc;
  border-radius: 2px 2px 2px 2px;
  float: left;
  height: 24px;
  width: 24px;
  margin-left: 5px;
}
.ui-button.ui-widget.ui-state-default.ui-button-icon-only:hover,
.dialog .ui-button.ui-widget.ui-state-default.ui-button-icon-only:hover {
  background-color: #ccc;
}
.btn-upload-wrapper {
  width: 250px;
  float: left;
  height: 24px;
}
.btn-upload-wrapper .btn-upload {
  background: none repeat scroll 0 0 #DDDDDD;
  border-radius: 2px 2px 2px 2px;
  color: #999999;
  font-size: 12px;
  height: 16px;
  line-height: 15px;
  margin-top: -11px;
  padding: 0 6px;
  position: absolute;
  right: 7%;
  top: 50%;
}
.btn-upload-wrapper input[type="text"] {
  position: relative;
  z-index: 0;
  width: 95% !important;
  float: left;
  height: 24px !important;
  line-height: 24px;
  border: 1px solid #ccc;
  border-radius: 2px;
}
textarea.val-textarea-default {
  padding: 5px !important;
  background: #f6f6f6 !important;
  border: 1px solid #ccc !important;
}
textarea.val-textarea-error {
  padding: 5px !important;
  border: 1px solid #ffa399 !important;
  background: #ffe8e5 !important;
  color: #c0392b !important;
  font-weight: bold !important;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}
/* Carlos Mora - Sortable Custom search */
.checkbox {
  float: left !important;
  margin-top: 3px !important;
}
.checkbox > input {
  float: left !important;
}
.checkbox > label {
  float: left !important;
  line-height: 1.2 !important;
}
#blanketWheel {
  background-image: url("../../App_Themes/CNDApp/images/Img_ProgressWheel_44_62.gif");
  height: 95%;
  width: 97%;
  z-index: 100;
  background-repeat: no-repeat;
  position: absolute;
  background-position: center;
}
#blanket {
  background: #ffffff url(../../App_Themes/EmbratelEDI/images/ui-bg_flat_100_ffffff_40x100.png) 50% 50% repeat-x;
  height: 95%;
  width: 97%;
  z-index: 99;
  position: absolute;
  opacity: .75;
}
.sucessConnectOperation {
  width: 20px;
  height: 20px;
  left: 6px;
  top: 4px;
  background: transparent;
  box-shadow: none;
  background-image: url('../../App_Themes/EmbratelEDI/Img_Application/icons16px.png');
  background-position: 0 -80px;
}
.insucessOperation {
  width: 20px;
  height: 20px;
  left: 6px;
  top: 4px;
  background: transparent;
  box-shadow: none;
  background-image: url('../../App_Themes/EmbratelEDI/Img_Application/icons16px.png');
  background-position: 0 36px;
}
.sucessNotConnectOperation {
  width: 20px;
  height: 20px;
  left: 6px;
  top: 4px;
  background: transparent;
  box-shadow: none;
  background-image: url('../../App_Themes/EmbratelEDI/Img_Application/Sprite_Saphetydoc.png');
  background-position: -129px 0px;
}
/*  ///////////////////////////////////////////////////////////////////////////////////////////
    // password strength                                                                     //
    /////////////////////////////////////////////////////////////////////////////////////////// */
.pwindicator {
  position: absolute;
  top: -2px;
  right: 2px;
  padding: 0 0 2px 0;
  width: 90px;
}
.pwindicator .bar {
  height: 4px;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.pwindicator .label {
  font-size: 0.7rem;
  font-weight: 700;
  margin-top: 2px;
  text-transform: uppercase;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  text-align: center;
}
.pwindicator.pw-very-weak {
  background-color: #fbd3d0;
}
.pwindicator.pw-very-weak .bar {
  background: #ff3333;
  width: 20%;
}
.pwindicator.pw-very-weak .label {
  color: #ff3333;
}
.pwindicator.pw-weak {
  background-color: #fff3cc;
}
.pwindicator.pw-weak .bar {
  background: #ff9933;
  width: 40%;
}
.pwindicator.pw-weak .label {
  color: #ff9933;
}
.pwindicator.pw-mediocre {
  background-color: #eee;
}
.pwindicator.pw-mediocre .bar {
  background: #999999;
  width: 60%;
}
.pwindicator.pw-mediocre .label {
  color: #999999;
}
.pwindicator.pw-strong {
  background-color: #e0f7d4;
}
.pwindicator.pw-strong .bar {
  background-color: #3c9964;
  width: 80%;
}
.pwindicator.pw-strong .label {
  color: #3c9964;
}
.pwindicator.pw-very-strong {
  background-color: #d0f4be;
}
.pwindicator.pw-very-strong .bar {
  background: #27ae61;
  width: 100%;
}
.pwindicator.pw-very-strong .label {
  color: #27ae61;
}
/*COMMENTS*/
.comment-summary {
  float: right;
  margin: 1em 1em 0;
}
.comment-shortcut {
  font-size: 0.815rem;
  line-height: 24px;
  color: #00B4FF;
}
.comment-summary .comment-count {
  background: none repeat scroll 0 0 #00B4FF;
  border-radius: 1em 1em 1em 1em;
  color: #FFFFFF;
  display: block;
  float: left;
  font-weight: 700;
  margin-right: 0.4em;
  padding: 0em 0.9em;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
  font-size: 0.875rem;
}
.comment-summary .comment-count-readall {
  background: none repeat scroll 0 0 #b8b8b8;
  border-radius: 1em 1em 1em 1em;
  color: #FFFFFF;
  display: block;
  float: left;
  font-weight: 700;
  margin-right: 0.4em;
  padding: 0em 0.9em;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
  font-size: 0.875rem;
}
.comment-container {
  clear: both;
  padding-top: 1em;
  width: 100%;
}
.comment-container h1 {
  color: rgba(0, 0, 0, 0.4);
  font-size: 1.2rem;
  padding-bottom: 0.3em;
  position: relative;
  text-shadow: 0px 1px 0px #fff;
  width: 100%;
}
.comment-container h1 span {
  background: transparent url('../../App_Themes/EmbratelEDI/Img_Application/Bg_Body_Light.png');
  z-index: 0;
  padding-right: 1em;
}
.comment-container h1 span:before {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  content: "";
  display: block;
  height: 1px;
  left: 0;
  margin-top: -2px;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: -1;
}
.comment-container .comment-new {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: none repeat scroll 0 0 #EFEFEF;
  border: 1px solid #CCCCCC;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 2px 0 #FFFFFF inset;
  float: left;
  padding: 1em;
  width: 100%;
  margin-top: 2em;
}
.comment-container .comment-new label {
  font-size: 0.815rem;
  color: #666;
  margin-right: 0.2em;
}
.comment-container .comment-new label + select {
  border: 1px solid #999999;
  border-radius: 2px 2px 2px 2px;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  font-size: 0.815rem;
  padding: 0.2em 0.3em;
  background: #F6F6F6;
  color: #555;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 200px;
}
.comment-container .comment-new label + select:hover {
  color: #333;
  border: 1px solid #444;
}
.comment-container .comment-new label + select:active {
  background: #fff;
  color: #333;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.comment-container .comment-new textarea {
  width: 100%;
  height: 100px;
  font-size: 0.815rem;
  font-weight: normal;
  padding: 1em;
  line-height: 1.5;
  color: #555;
  margin-top: 1em;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.comment-container .comment-new p {
  float: left;
  margin-top: 1.5em;
  margin-bottom: 0;
  font-size: 0.815rem;
}
.comment-container .comment-new .comment-new-counter {
  border: 0px;
  background-color: none;
  width: 40px;
}
.comment-container .comment-new input[type=submit] {
  background: none repeat scroll 0 0 #033678;
  border: 1px solid transparent;
  border-radius: 3px 3px 3px 3px;
  color: #FFFFFF;
  float: right;
  padding: 0.4em 1em;
  font-weight: 700;
  margin-top: 1em;
  font-size: 0.875rem;
}
.comment-container .comment-item {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  clear: both;
  margin-bottom: 1em;
  width: 100%;
  float: left;
}
.comment-container .comment-item .comment-metainfo {
  padding: 0.5em 0.6em 0.1em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  float: left;
  border-radius: 5px 5px 0px 0px;
  width: 100%;
  position: relative;
  background: #efefef;
  box-shadow: inset 0px 1px 0px #fff;
  -moz-box-shadow: inset 0px 1px 0px #fff;
  -webkit-box-shadow: inset 0px 1px 0px #fff;
}
.comment-container .comment-item .comment-metainfo.mine:after {
  background: url("../../App_Themes/EmbratelEDI/Img_Application/icon-user.png") no-repeat center center;
  opacity: 0.4;
  content: "";
  display: block;
  height: 24px;
  position: absolute;
  right: 2.1em;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  background-size: contain;
}
.comment-container .comment-item .comment-metainfo .comment-author {
  float: left;
  line-height: 24px;
  margin: 0 0.5em 0 0;
}
.comment-container .comment-item .comment-metainfo .comment-author SPAN {
  font-weight: bold;
  font-size: 15px;
}
.comment-container .comment-item .comment-metainfo .comment-timestamp {
  font-size: 11px;
  float: left;
  line-height: 27px;
  margin: 0;
  color: #999;
}
.comment-container .comment-item .comment-content {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: none repeat scroll 0 0 #FFFFFF;
  float: left;
  border-radius: 0px 0px 5px 5px;
  padding: 0.2em 1em;
  width: 100%;
  position: relative;
}
.comment-content .donwloadAttchment {
  width: 100%;
  padding: 10px 0;
  border-top: 1px solid #e8e8e8;
}
.comment-content .donwloadAttchment a {
  text-decoration: none;
  color: #9a9a9a;
  font-size: 0.9em;
}
.comment-content .donwloadAttchment a:before {
  font-family: FontAwesome;
  content: "\f0c6";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  color: #9a9a9a;
  padding-right: 10px;
  font-size: 1.2em;
}
.comment-content .donwloadAttchment a:hover {
  color: #52B3D9;
}
.comment-content .donwloadAttchment a:hover:before {
  color: #52B3D9;
}
.comment-container .comment-item .comment-content:after {
  border-color: transparent transparent white;
  border-style: solid;
  border-width: 0 0 16px 24px;
  content: "";
  height: 0;
  left: -24px;
  line-height: 0;
  position: absolute;
  top: 0;
  width: 0;
}
.comment-container .comment-item .comment-content:before {
  border-color: transparent transparent rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-width: 0 0 16px 24px;
  content: "";
  height: 0;
  left: -24px;
  line-height: 0;
  position: absolute;
  top: 2px;
  width: 0;
}
.comment-container .comment-item .comment-content p {
  color: #444;
  font-size: 0.815rem;
  line-height: 1.5;
  text-align: justify;
}
.cursor-default {
  cursor: default !important;
}
.comment-item.un-read .comment-metainfo {
  background: #00B4FF;
  -moz-box-shadow: inset 0px 1px 0px #00B4FF;
  -webkit-box-shadow: inset 0px 1px 0px #00B4FF;
  box-shadow: inset 0px 1px 0px #00B4FF;
}
.comment-item.un-read .comment-metainfo .comment-timestamp {
  color: #fff;
}
.comment-item.un-read .comment-metainfo i {
  color: #fff;
}
.comment-item i {
  margin-top: 2px;
  float: right;
  color: #5E7087;
}
/* DOCUMENT VIEWER - DOCUMENT SUBSTATE */
.document-substate-container {
  clear: both;
  padding-top: 1em;
  width: 100%;
}
.document-substate-container h1 {
  color: rgba(0, 0, 0, 0.4);
  font-size: 1.2rem;
  padding-bottom: 0.3em;
  position: relative;
  text-shadow: 0px 1px 0px #fff;
  width: 100%;
}
.document-substate-container h1 span {
  background: transparent url('../../App_Themes/EmbratelEDI/Img_Application/Bg_Body_Light.png');
  z-index: 0;
  padding-right: 1em;
}
.document-substate-container h1 span:before {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  content: "";
  display: block;
  height: 1px;
  left: 0;
  margin-top: -2px;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: -1;
}
/* OVERLAY */
.app-widget-overlay {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuOCIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.8) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(1%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.8)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.8) 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.8) 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.8) 100%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.8) 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#66000000', endColorstr='#cc000000', GradientType=1);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000;
}
/* PROGRESS BAR*/
.progress-bar {
  clear: both;
  color: #555;
  background-color: #eee;
  padding: 10px;
  z-index: 2001;
  overflow-y: auto;
  overflow-x: hidden;
  position: fixed;
  width: 350px;
  height: auto;
  top: 50%;
  left: 50%;
  margin-top: -40px;
  margin-left: -175px;
  font-size: 1rem;
  font-weight: 700;
  color: #396;
  text-align: center;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
  color: 0 1px 3px rgba(0, 0, 0, 0.6);
}
.progress-bar .message-string {
  margin: 10px 5% 10px;
}
.progress-bar .message-string div {
  color: #396;
}
.progress-bar .progress-wrapper {
  width: 300px;
  margin: 0 auto;
  padding: 3px;
  height: 16px;
  background-color: #ddd;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  color: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  clear: both;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
}
.progress-bar .progress-wrapper .progress-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.progress-bar .progress-wrapper .progress-container .value-area {
  width: 1%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  -webkit-transition: all 10s ease;
  -moz-transition: all 10s ease;
  -o-transition: all 10s ease;
  -ms-transition: all 10s ease;
  transition: all 10s ease;
}
.progress-bar .progress-wrapper .progress-container .value-area span {
  width: 300px;
  height: 100%;
  display: block;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTkwMCIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDk5OTkiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMzNGRiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
  background-image: -moz-linear-gradient(0deg, #009900 0, #009999 50%, #0033ff 100%);
  background-image: -webkit-linear-gradient(0deg, #009900 0, #009999 50%, #0033ff 100%);
  background-image: -o-linear-gradient(0deg, #009900 0, #009999 50%, #0033ff 100%);
  background-image: linear-gradient(90deg, #009900 0, #009999 50%, #0033ff 100%);
  -webkit-box-shadow: inset 0 8px 0 rgba(255, 255, 255, 0.2);
  -moz-box-shadow: inset 0 8px 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 8px 0 rgba(255, 255, 255, 0.2);
  color: inset 0 8px 0 rgba(255, 255, 255, 0.2);
}
switch .slide-button,
.toggle p span {
  display: none;
}
/* Toggle Switches */
/* We can't test for a specific feature,
 * so we only target browsers with support for media queries.
 */
@media only screen {
  /* Checkbox
     */
  .toggle {
    position: relative;
    padding: 0;
    margin-left: 100px;
  }
  /* Position the label over all the elements, except the slide-button
     * Clicking anywhere on the label will change the switch-state
     */
  .toggle label {
    position: relative;
    z-index: 3;
    display: block;
    width: 100%;
  }
  /* Don't hide the input from screen-readers and keyboard access
     */
  .toggle input {
    position: absolute;
    opacity: 0;
    z-index: 5;
  }
  .toggle p {
    position: absolute;
    left: -100px;
    width: 100%;
    margin: 0;
    padding-right: 100px;
    text-align: left;
  }
  .toggle p span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    display: block;
    width: 50%;
    margin-left: 100px;
    text-align: center;
  }
  .toggle p span:last-child {
    left: 50%;
  }
  .toggle .slide-button {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4;
    display: block;
    width: 50%;
    height: 100%;
    padding: 0;
  }
  /* Radio Switch
     */
  .switch {
    position: relative;
    padding: 0;
  }
  .switch input {
    position: absolute;
    opacity: 0;
  }
  .switch label {
    position: relative;
    z-index: 2;
    float: left;
    width: 50%;
    height: 100%;
    margin: 0;
    text-align: center;
  }
  .switch .slide-button {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    z-index: 1;
    width: 50%;
    height: 100%;
  }
  .switch input:last-of-type:checked ~ .slide-button {
    left: 50%;
  }
  /* Switch with 3 items */
  .switch.switch-three label,
  .switch.switch-three .slide-button {
    width: 33.3%;
  }
  .switch.switch-three input:checked:nth-of-type(2) ~ .slide-button {
    left: 33.3%;
  }
  .switch.switch-three input:checked:last-of-type ~ .slide-button {
    left: 66.6%;
  }
  /* Switch with 4 items */
  .switch.switch-four label,
  .switch.switch-four .slide-button {
    width: 25%;
  }
  .switch.switch-four input:checked:nth-of-type(2) ~ .slide-button {
    left: 25%;
  }
  .switch.switch-four input:checked:nth-of-type(3) ~ .slide-button {
    left: 50%;
  }
  .switch.switch-four input:checked:last-of-type ~ .slide-button {
    left: 75%;
  }
  /* Switch with 5 items */
  .switch.switch-five label,
  .switch.switch-five .slide-button {
    width: 20%;
  }
  .switch.switch-five input:checked:nth-of-type(2) ~ .slide-button {
    left: 20%;
  }
  .switch.switch-five input:checked:nth-of-type(3) ~ .slide-button {
    left: 40%;
  }
  .switch.switch-five input:checked:nth-of-type(4) ~ .slide-button {
    left: 60%;
  }
  .switch.switch-five input:checked:last-of-type ~ .slide-button {
    left: 80%;
  }
  /* Shared */
  .toggle,
  .switch {
    display: block;
    height: 30px;
  }
  .switch *,
  .toggle * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  .switch .slide-button,
  .toggle .slide-button {
    display: block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .toggle label,
  .toggle p,
  .switch label {
    line-height: 30px;
    vertical-align: middle;
  }
  .toggle input:checked ~ .slide-button {
    right: 50%;
  }
  /* Outline the toggles when the inputs are focused */
  .toggle input:focus ~ .slide-button,
  .switch input:focus + label {
    outline: 0;
  }
  /* Bugfix for older Webkit, including mobile Webkit. Adapted from:
     * http://css-tricks.com/webkit-sibling-bug/
     */
  .switch,
  .toggle {
    -webkit-animation: bugfix infinite 1s;
  }
  /*
    @-webkit-keyframes bugfix {
        from {
            position: relative;
        }

        to {
            position: relative;
        }
    }
*/
  /* Standalone Themes */
  /* Candy Theme
     * Based on the "Sort Switches / Toggles (PSD)" by Ormal Clarck
     * http://www.premiumpixels.com/freebies/sort-switches-toggles-psd/
     */
  .candy {
    background-color: #999999;
    color: #555;
    font-weight: bold;
    text-align: center;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
    border-radius: 3px;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0px rgba(255, 255, 255, 0.2);
  }
  .candy input:checked + label {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6) !important;
    color: #fff;
  }
  .candy .slide-button {
    border: 1px solid #913a08;
    background-color: #033678;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
    background-image: linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45);
    border-radius: 2px;
  }
  .candy p {
    color: #333;
    text-shadow: none;
  }
  .candy span {
    color: #555;
  }
  .candy.blue .slide-button {
    background-color: #38a3d4;
  }
  .candy.yellow .slide-button {
    background-color: #f5e560;
  }
  /* Android Theme
     * Based on Holo
     */
  .android {
    background-color: #b6b6b6;
    color: #fff;
  }
  .android.toggle {
    border: 2px solid #b6b6b6;
  }
  .android.switch {
    overflow: hidden;
  }
  .android.switch .slide-button {
    background-color: #279fca;
    -webkit-transform: skew(20deg) translateX(10px);
    -moz-transform: skew(20deg) translateX(10px);
    -ms-transform: skew(20deg) translateX(10px);
    -o-transform: skew(20deg) translateX(10px);
    transform: skew(20deg);
  }
  .android.toggle .slide-button {
    border-radius: 2px;
    background-color: #848484;
  }
  /* Selected ON toggle */
  .android.toggle input:first-of-type:checked ~ .slide-button {
    background-color: #279fca;
  }
  .android.switch input:first-of-type:checked ~ .slide-button {
    -webkit-transform: skew(20deg) translateX(-10px);
    -moz-transform: skew(20deg) translateX(-10px);
    -ms-transform: skew(20deg) translateX(-10px);
    -o-transform: skew(20deg) translateX(-10px);
    transform: skew(20deg) translateX(-10px);
  }
  .android p {
    color: #333;
  }
  .android span {
    color: #fff;
  }
  .android.switch,
  .android span {
    text-transform: uppercase;
  }
  /* iOS Theme
     * Similar to iOS but more accessible
     */
  .ios {
    background: -webkit-linear-gradient(top, #cfcfcf, #efefef 50%, #f9f9f9 50%, #fefefe);
    background: -moz-linear-gradient(top, #cfcfcf, #efefef 50%, #f9f9f9 50%, #fefefe);
    background: -o-linear-gradient(top, #cfcfcf, #efefef 50%, #f9f9f9 50%, #fefefe);
    background: -ms-linear-gradient(top, #cfcfcf, #efefef 50%, #f9f9f9 50%, #fefefe);
    background: linear-gradient(top, #cfcfcf, #efefef 50%, #f9f9f9 50%, #fefefe);
    -webkit-box-shadow: inset 0 2px 2px #b6b6b6, inset 3px 0 3px #b6b6b6;
    box-shadow: inset 0 2px 2px #b6b6b6, inset 3px 0 3px #b6b6b6;
    border: 1px solid #efefef;
    border-radius: 3px;
    color: #7f7f7f;
    font: bold 14px sans-serif;
    text-align: center;
    text-shadow: none;
  }
  .ios.toggle .slide-button {
    border: 1px solid #919191;
    background: -webkit-linear-gradient(top, #cdcdcd, #fbfbfb);
    background: -moz-linear-gradient(top, #cdcdcd, #fbfbfb);
    background: -o-linear-gradient(top, #cdcdcd, #fbfbfb);
    background: -ms-linear-gradient(top, #cdcdcd, #fbfbfb);
    background: linear-gradient(top, #cdcdcd, #fbfbfb);
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 #f0f0f0;
    box-shadow: inset 0 1px 0 #f0f0f0;
  }
  /* Selected ON toggle */
  .ios.toggle input:first-of-type:checked ~ p span:first-child,
  .ios.switch input:checked + label {
    color: #fff;
    text-shadow: 0 -1px 0 #1b3b6f;
  }
  .ios.toggle input:first-of-type:checked ~ .slide-button,
  .ios.switch .slide-button {
    background: -webkit-linear-gradient(top, #3672dc, #4085ec 50%, #4d8fef 50%, #76adfc);
    background: -moz-linear-gradient(top, #3672dc, #4085ec 50%, #4d8fef 50%, #76adfc);
    background: -o-linear-gradient(top, #3672dc, #4085ec 50%, #4d8fef 50%, #76adfc);
    background: -ms-linear-gradient(top, #3672dc, #4085ec 50%, #4d8fef 50%, #76adfc);
    background: linear-gradient(top, #3672dc, #4085ec 50%, #4d8fef 50%, #76adfc);
    border-radius: 3px;
    border: 1px solid #1654b5;
    text-align: center;
    color: #fff;
    font: bold 14px sans-serif;
    text-shadow: 0 -1px 0 #1b3b6f;
  }
  .ios.toggle p span {
    color: #7f7f7f;
  }
  .user-preferences {
    clear: both;
    width: 80%;
    margin: 50px 0 20px 50px;
  }
  .user-preferences div {
    margin-bottom: 10px;
  }
  .user-preferences div input {
    float: left;
    margin-right: 5px;
  }
  .user-preferences div label {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
  }
  .l_period_presenter {
    background: none repeat scroll 0 0 #fafafa;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    text-align: center;
    margin-top: 20px;
    padding: 10px 10px;
  }
  .l_period_presenter em {
    font-size: 10px;
  }
}
.l_page {
  margin-top: 130px;
  background-color: #fff;
  border: 1px solid #acacac;
  min-height: 400px;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.2);
  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.2);
  box-shadow: 0px 1px 3px rgba(0,0,0,.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.l_page:after {
  content: ' ';
  display: block;
  clear: both;
}
.l_page_header {
  position: relative;
  background-color: #e0e0e0;
  border-bottom: 1px solid #cdcccc;
  -webkit-border-radius: 2px 2px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  border-radius: 2px 2px 0 0;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),inset 0 1px 1px #fff;
  -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),inset 0 1px 1px #fff;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),inset 0 1px 1px #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.l_page_header:after {
  content: ' ';
  display: block;
  clear: both;
}
.l_page_header .l_tabs {
  display: block;
  clear: both;
  float: left;
  margin: 0;
  padding: 0 15px;
}
.l_page_header .l_tabs:after {
  content: ' ';
  display: block;
  clear: both;
}
.l_page_header .l_tabs a {
  display: block;
  float: left;
  position: relative;
  border: 0;
  color: #999;
  background: none;
  padding: 9px 20px;
  border: 1px solid #e9e9e9;
  border-bottom-width: 0;
  background-color: #e9e9e9;
  margin: 0 9px 0 0;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-border-radius: 3px 3px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px 3px 0 0;
  -moz-background-clip: padding;
  border-radius: 3px 3px 0 0;
  background-clip: padding-box;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  transition: all 200ms ease;
}
.l_page_header .l_tabs a:hover {
  border: 1px solid #ddd;
  border-bottom-width: 0;
  background-color: #ddd;
  color: #333;
}
.l_page_header .l_tabs a.is_visible {
  background-color: #ffffff;
  -webkit-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.1);
  -moz-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.1);
  box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.1);
  border: 1px solid #cdcccc;
  border-bottom-width: 0;
  color: #666;
}
.l_page_header .l_tabs a.is_visible:before {
  display: block;
  content: ' ';
  position: absolute;
  background-color: #ffffff;
  height: 7px;
  left: 0;
  right: 0;
  bottom: -6px;
}
.l_page_header .is_progress_line {
  top: 1px;
}
.l_page_header .is_progress_line.is_visible {
  width: 99.8%;
}
.l_page_header .is_progress_line.is_visible.is_hidden {
  background-color: transparent;
  visibility: hidden;
}
.l_page_title,
.l_page_subtitle,
.l_page_section_title,
.l_page_intro,
.l_page_container {
  display: block;
  clear: both;
  color: #333;
  position: relative;
}
.l_page_title:after,
.l_page_subtitle:after,
.l_page_section_title:after,
.l_page_intro:after,
.l_page_container:after {
  content: ' ';
  display: block;
  clear: both;
}
.l_page_title.min-height,
.l_page_subtitle.min-height,
.l_page_section_title.min-height,
.l_page_intro.min-height,
.l_page_container.min-height {
  min-height: 80px;
}
.l_page_title,
.l_page_subtitle {
  font-family: 'Ubuntu Condensed', sans-serif;
  text-transform: uppercase;
}
.l_page_title {
  padding: 20px 15px;
  font-size: 24px;
}
.l_page_subtitle {
  padding: 35px 35px 0;
  font-size: 22px;
  font-weight: bold;
  height: 26px;
  line-height: 22px;
}
.l_page_section_title {
  padding: 20px 18px 5px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;
}
.l_page_intro {
  padding: 10px 35px 0;
  font-size: 11px;
  line-height: 16px;
}
.is_progress_line {
  position: absolute;
  visibility: visible;
  display: block;
  height: 2px;
  left: 1px;
  width: 0;
  background-color: #0066ff;
  -webkit-transition: all 4s ease;
  -moz-transition: all 4s ease;
  -o-transition: all 4s ease;
  -ms-transition: all 4s ease;
  transition: all 4s ease;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  max-width: 99.8%;
}
.has_bottom_padding {
  padding-bottom: 60px;
}
.has_horizontal_margins {
  margin-left: 60px;
  margin-right: 60px;
}
.has_btns {
  padding-top: 15px;
}
.has_btns .l_btn {
  padding: 0 18px 0 18px;
  height: 35px;
  line-height: 33px;
  margin-right: 10px;
  margin-left: 0;
}
.has_btns .l_btn.gFRight {
  margin-right: 0;
  margin-left: 10px;
}
.l_page_block_inside {
  display: block;
  clear: both;
  padding: 20px 10px;
  position: relative;
  background-color: #e9e9e9;
  margin-top: 20px;
}
.l_page_block_inside:after {
  content: ' ';
  display: block;
  clear: both;
}
.l_page_block_inside.l_has_search {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
.l_page_block_inside.l_has_search .has_more_options {
  position: absolute;
  font-size: 25px;
  padding: 6px 8px 0 8px;
  font-weight: normal;
  top: 20px;
  right: 10px;
}
.l_page_block_inside.l_has_search .has_more_options:before {
  content: "\70";
}
.l_page_block_inside.l_has_search .l_simple_view {
  display: block;
}
.l_page_block_inside.l_has_search .l_simple_view:after {
  content: ' ';
  display: block;
  clear: both;
}
.l_page_block_inside.l_has_search .l_simple_view input[type="text"] {
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  padding: 6px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,.1);
  -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,.1);
  box-shadow: inset 0px 1px 2px rgba(0,0,0,.1);
}
.l_page_block_inside.l_has_search .l_simple_view input[type="text"]:focus {
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  padding: 6px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #45B8E2;
  -webkit-box-shadow:  0px 0px 3px #45B8E2;
  -moz-box-shadow:  0px 0px 3px #45B8E2;
  box-shadow:  0px 0px 3px #45B8E2;
}
.l_page_block_inside.l_has_search .l_simple_view .l_full_size {
  border-width: 1px;
  padding: 4px 10px;
  width: 90%;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
}
.l_page_block_inside.l_has_search .l_simple_view .l_full_size:focus {
  padding: 4px 11px 5px 10px;
  border-color: #333;
}
.l_page_block_inside.l_has_search .l_advanced_view {
  display: none;
}
.l_page_block_inside.l_has_search .l_advanced_view:after {
  content: ' ';
  display: block;
  clear: both;
}
.l_page_block_inside.l_has_search.is_visible .has_more_options:before {
  content: "\6d";
}
.l_page_block_inside.l_has_search.is_visible .l_simple_view {
  display: none;
}
.l_page_block_inside.l_has_search.is_visible .l_advanced_view {
  display: block;
}
.has_grid {
  padding-top: 10px;
}
.has_grid table {
  display: block;
  table-layout: auto;
  width: 100%;
}
.has_grid table th,
.has_grid table td {
  width: 100%;
  vertical-align: top;
  padding: 10px 0;
}
.has_grid table th a,
.has_grid table td a,
.has_grid table th span,
.has_grid table td span,
.has_grid table th div,
.has_grid table td div {
  width: 100%;
  min-height: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.has_grid table th a:before,
.has_grid table td a:before,
.has_grid table th span:before,
.has_grid table td span:before,
.has_grid table th div:before,
.has_grid table td div:before {
  content: attr(title);
}
.has_grid table td {
  font-size: 13px;
  border-top: 1px solid #d9d9d9;
}
.has_grid table th {
  font-size: 13px;
}
.has_grid table tbody tr {
  background-color: #fff;
  -webkit-transition: all 50ms ease;
  -moz-transition: all 50ms ease;
  -o-transition: all 50ms ease;
  -ms-transition: all 50ms ease;
  transition: all 50ms ease;
}
.has_grid table tbody tr:hover {
  background-color: #ffffcc;
}
.has_grid .has_content_beside_title a:before,
.has_grid .has_content_beside_title span:before,
.has_grid .has_content_beside_title div:before {
  content: none;
}
.has_grid .has_right_align {
  text-align: right;
}
.has_grid .has_right_align span,
.has_grid .has_right_align a,
.has_grid .has_right_align em,
.has_grid .has_right_align div {
  text-align: right;
}
.has_grid span,
.has_grid div,
.has_grid a {
  display: block;
  float: left;
  text-align: left;
}
.has_grid span {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.has_grid span:before {
  content: attr(title);
}
.has_grid .l_col_city div {
  width: 200px;
}
.has_grid .is_col_mini {
  min-width: 15px;
  width: 15px;
}
.has_grid .is_col_mini span,
.has_grid .is_col_mini a,
.has_grid .is_col_mini em,
.has_grid .is_col_mini div {
  min-width: 15px;
  width: 15px;
}
.has_grid .is_col_smlmini {
  min-width: 30px;
  width: 30px;
}
.has_grid .is_col_smlmini span,
.has_grid .is_col_smlmini a,
.has_grid .is_col_smlmini em,
.has_grid .is_col_smlmini div {
  min-width: 30px;
  width: 30px;
}
.has_grid .is_col_sml {
  min-width: 80px;
  width: 80px;
}
.has_grid .is_col_sml span,
.has_grid .is_col_sml a,
.has_grid .is_col_sml em,
.has_grid .is_col_sml div {
  min-width: 80px;
  width: 80px;
}
.has_grid .is_col_sml .l_tag_highlight {
  min-width: 60px;
  width: 60px;
}
.has_grid .is_col_smlmed {
  min-width: 150px;
  width: 150px;
}
.has_grid .is_col_smlmed span,
.has_grid .is_col_smlmed a,
.has_grid .is_col_smlmed em,
.has_grid .is_col_smlmed div {
  min-width: 150px;
  width: 150px;
}
.has_grid .is_col_med {
  min-width: 250px;
  width: 250px;
}
.has_grid .is_col_med span,
.has_grid .is_col_med a,
.has_grid .is_col_med em,
.has_grid .is_col_med div {
  min-width: 250px;
  width: 250px;
}
.has_grid .is_col_medlrg {
  min-width: 375px;
  width: 375px;
}
.has_grid .is_col_medlrg span,
.has_grid .is_col_medlrg a,
.has_grid .is_col_medlrg em,
.has_grid .is_col_medlrg div {
  min-width: 375px;
  width: 375px;
}
.has_grid .is_col_lrg {
  min-width: 425px;
  width: 425px;
}
.has_grid .is_col_lrg span,
.has_grid .is_col_lrg a,
.has_grid .is_col_lrg em,
.has_grid .is_col_lrg div {
  min-width: 425px;
  width: 425px;
}
.has_grid .l_row_inactive div {
  font-style: italic;
  color: #CCCCCC;
}
.has_grid .l_row_inactive .is_col_clickable a {
  font-style: italic;
  color: #8cbaff;
}
.has_grid .is_col_clickable a {
  cursor: pointer;
  font-weight: bold;
  color: #0066ff;
  text-decoration: underline !important;
  height: 15px;
}
.has_grid .is_col_clickable a:hover {
  text-decoration: none !important;
}
.has_grid .l_col_specialdate {
  text-align: right;
}
.has_grid .l_col_specialdate em {
  font-size: 12px;
  color: #999;
  padding-right: 16px;
  padding-left: 16px;
}
.has_grid .l_col_checkbox_selector div,
.has_grid .has_col_checkbox div {
  display: block;
  position: relative;
  overflow: visible;
  padding-left: 16px;
}
.has_grid .l_col_checkbox_selector div input,
.has_grid .has_col_checkbox div input {
  position: absolute;
  top: 2px;
  left: 16px;
}
.is_line {
  margin-top: 15px;
  border-bottom: 1px solid #d9d9d9;
  position: relative;
  display: block;
  clear: both;
}
.is_line .has_txt {
  font-size: 18px;
}
.has_switch {
  padding: 0 35px 15px 35px;
  color: #333;
  line-height: 20px;
}
.has_switch:after {
  content: ' ';
  display: block;
  clear: both;
}
.has_switch .is_on {
  color: #999;
  text-transform: uppercase;
  position: absolute;
  top: 1px;
  font-size: 12px;
  right: 23px;
}
.has_switch .is_off {
  color: #999;
  text-transform: uppercase;
  position: absolute;
  top: 1px;
  font-size: 12px;
  right: 111px;
}
.has_switch .l_switch.is_enabled {
  position: absolute;
  right: 50px;
  top: -3px;
  font-size: 9px;
}
.has_switch .l_switch.is_enabled input {
  position: absolute;
  left: -9999px;
}
.has_switch .l_switch.is_enabled .slider-v2 {
  position: relative;
  display: block;
  width: 5.5em;
  height: 3em;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  transition: 350ms;
  background: linear-gradient(rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0)), #dddddd;
  box-shadow: 0 0.07em 0.1em -0.1em rgba(0, 0, 0, 0.4) inset, 0 0.05em 0.08em -0.01em rgba(255, 255, 255, 0.7);
}
.has_switch .l_switch.is_enabled .slider-v2::after {
  position: absolute;
  content: '';
  width: 2em;
  height: 2em;
  top: 0.5em;
  left: 0.5em;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  transition: 250ms ease-in-out;
  background: linear-gradient(#f5f5f5 10%, #eeeeee);
  box-shadow: 0 0.1em 0.15em -0.05em rgba(255, 255, 255, 0.9) inset, 0 0.2em 0.2em -0.12em rgba(0, 0, 0, 0.5);
}
.has_switch .l_switch.is_enabled .slider-v2::before {
  position: absolute;
  content: '';
  width: 4em;
  height: 1.5em;
  top: 0.75em;
  left: 0.75em;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  transition: 250ms ease-in-out;
  background: linear-gradient(rgba(0, 0, 0, 0.07), rgba(255, 255, 255, 0.1)), #d0d0d0;
  box-shadow: 0 0.08em 0.15em -0.1em rgba(0, 0, 0, 0.5) inset, 0 0.05em 0.08em -0.01em rgba(255, 255, 255, 0.7), 0 0 0 0 rgba(0, 102, 255, 0.7) inset;
}
.has_switch .l_switch.is_enabled input:checked + .slider-v2::before {
  box-shadow: 0 0.08em 0.15em -0.1em rgba(0, 0, 0, 0.5) inset, 0 0.05em 0.08em -0.01em rgba(255, 255, 255, 0.7), 3em 0 0 0 rgba(0, 102, 255, 0.7) inset;
}
.has_switch .l_switch.is_enabled input:checked + .slider-v2::after {
  left: 3em;
}
.has_task {
  padding: 0 205px 20px 15px;
}
.has_task .has_txt {
  padding-top: 0;
  display: block;
  clear: both;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.has_task .has_txt:before {
  content: attr(title);
}
.has_task em,
.has_task span.l_RequestDate {
  float: left;
  margin: 0;
  padding: 0;
  line-height: 18px;
  font-size: 11px;
}
.has_task span.l_RequestDate {
  float: right;
  font-size: 9px;
}
.has_task .l_btn {
  position: absolute;
  top: 3px;
  right: 20px;
  width: 170px;
}
.has_task .is_progress_line {
  bottom: 0;
}
.has_task.is_processing .l_btn,
.has_task.is_processing .l_btn:hover {
  border-color: #d9d9d9;
  background-color: #f2f2ff;
  color: #555;
  cursor: text;
}
.has_task.is_ready .is_progress_line {
  visibility: hidden;
}
.has_task.is_ready .l_btn {
  border-color: #2da12d;
  background-color: #2da12d;
  color: #FFF;
}
.has_task.is_ready .l_btn:hover {
  background-color: #1d8f1d;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}
.has_task.is_error .is_progress_line {
  visibility: hidden;
}
.has_task.is_error .has_txt,
.has_task.is_error em {
  color: #999999;
}
.has_task.is_error .l_btn {
  border-color: #f3bf19;
  background-color: #ffc919;
}
.has_task.is_error .l_btn:hover {
  background-color: #f3bf19;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}
.has_pagination {
  padding-top: 20px;
  font-size: 12px;
  font-weight: bold;
}
.has_pagination span {
  display: block;
  float: left;
  padding-top: 6px;
}
.has_pagination div p {
  margin: 8px 14px 0 0;
  font-size: 12px;
  float: right;
  line-height: 10px;
  font-weight: normal;
  color: #999;
}
.has_pagination div p span {
  display: inline;
  float: none;
  font-size: 13px;
}
.has_pagination div p span:first-child {
  font-weight: bold;
  color: #555;
}
.has_pagination div a {
  float: right;
}
.l_btn {
  display: block;
  padding: 8px 18px;
  font-weight: bold;
  float: left;
  font-size: 12px;
  text-decoration: none;
  background-repeat: no-repeat;
  border: 1px solid;
  -moz-background-clip: padding-box;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  transition: all 200ms ease;
}
.l_btn.blue {
  border-color: #0066ff;
  background-color: #0099ff;
  color: #fff;
}
.l_btn.blue:hover {
  background-color: #0066CC;
  border-color: #006699;
}
.l_btn.gray,
.l_btn.gray:hover {
  cursor: text;
  border-color: #d9d9d9;
  background-color: #f2f2ff;
  color: #555;
  text-shadow: none;
}
.l_btn.darkgray {
  background-color: #aaaaaa;
  border-color: #848484;
  color: #fff;
}
.l_btn.darkgray:hover {
  background-color: #7d7d7d;
  border-color: #676767;
}
.l_tag_highlight {
  display: inline-block;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: bold;
  min-width: 30px;
  width: 25px;
  padding: 3px 10px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  transition: all 200ms ease;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  text-align: center;
}
.l_tag_highlight.toRight {
  float: right;
}
.l_tag_highlight.toHeader {
  margin-top: 5px;
  margin-left: 15px;
}
.l_tag_highlight.blue {
  color: #fff;
  background-color: #247cce;
  border: 1px solid #206fb9;
}
.l_tag_highlight.red {
  color: #fff;
  background-color: #e4362a;
  border: 1px solid #cd3026;
}
.l_tag_highlight.light_grey {
  color: #878787;
  background-color: #d4d4d4;
  border: 1px solid #cfcfcf;
}
.l_cog_more_options {
  position: absolute;
  z-index: 500;
  right: 15px;
  top: 34px;
}
.l_cog_more_options .l_icon_cog {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  border: 0;
  font-size: 1.35em;
  color: #999;
  padding: 2px 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.l_cog_more_options .l_icon_cog:before {
  content: "\71";
}
.l_cog_more_options .l_icon_cog:hover {
  background-color: #ddd;
  color: #666;
}
.l_cog_more_options .l_cog_container {
  position: relative;
  display: none;
}
.l_cog_more_options .l_cog_container:before {
  position: absolute;
  top: -5px;
  right: 6px;
  display: block;
  content: ' ';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #393C3C;
}
.l_cog_more_options .l_cog_container .l_cog_list_opts,
.l_cog_more_options .l_cog_container .l_iframe_correction {
  display: block;
  position: absolute;
  top: 3px;
  right: -10px;
  z-index: 10;
  margin: 0;
  padding: 0;
  background-color: #FFF;
  border: 4px solid #393c3c;
  width: 260px;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
}
.l_cog_more_options .l_cog_container .l_iframe_correction {
  z-index: 5;
  background-color: #FFF;
  border-width: 0;
  width: 268px;
  min-height: 0;
}
.l_cog_more_options .l_cog_container .l_cog_opt {
  cursor: pointer;
  display: block;
  margin: 3px;
  text-align: left;
  color: #0396f4;
  padding: 5px 6px;
  border: 1px solid #fff;
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
}
.l_cog_more_options .l_cog_container .l_cog_opt:hover {
  cursor: pointer;
  background-color: #e5e5e5;
  text-decoration: none;
  border: 1px solid #ccc;
  color: #0270b7;
}
.l_cog_more_options.is_visible .l_cog_container {
  display: block;
}
.has_top_margin {
  margin-top: 6px;
}
.has_bottom_margin {
  margin-bottom: 6px;
}
.has_editable_field {
  position: relative;
  display: block;
  clear: both;
  height: 45px;
  padding: 5px 7px 0;
  border-bottom: 1px solid #c2c2c2;
}
.has_editable_field input,
.has_editable_field select,
.has_editable_field textarea,
.has_editable_field label {
  display: block;
}
.has_editable_field span,
.has_editable_field strong {
  display: none;
}
.has_editable_field label {
  padding-top: 5px;
}
.has_editable_field.is_locked {
  cursor: pointer;
}
.has_editable_field.is_locked input,
.has_editable_field.is_locked select,
.has_editable_field.is_locked textarea,
.has_editable_field.is_locked label {
  display: none;
}
.has_editable_field.is_locked strong,
.has_editable_field.is_locked span {
  display: block;
  padding: 8px 35px 8px 5px;
  font-size: 15px;
  line-height: 16px;
  height: 16px;
}
.has_editable_field.is_locked strong:before,
.has_editable_field.is_locked span:before {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #dadada;
  font-size: 20px;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\65";
}
.has_editable_field.is_locked:hover {
  background-color: #ffffcc;
}
.has_editable_field.is_locked:hover strong:before,
.has_editable_field.is_locked:hover span:before {
  color: #5c5c4a;
}
.has_editable_field .is_ZipCode {
  float: left;
  width: 30% !important;
}
.has_editable_field .is_ZipCodeArea {
  float: left;
  width: 42% !important;
}
.has_editable_field input.is_ZipCodeArea {
  margin-left: 12px;
}
.l_msg_status {
  padding-left: 15px;
  padding-right: 15px;
  font-size: 15px;
  line-height: 22px;
}
.l_msg_status .l_link {
  font-size: 14px;
  color: #0396f4;
  text-decoration: underline;
  cursor: pointer;
}
.l_msg_status .l_link:hover {
  text-decoration: none;
}
.btn.impersonate {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.1);
  -moz-box-shadow: 0px 1px 2px rgba(0,0,0,.1);
  box-shadow: 0px 1px 2px rgba(0,0,0,.1);
  -webkit-border-radius: 30px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 30px;
  -moz-background-clip: padding;
  border-radius: 30px;
  background-clip: padding-box;
  padding: 0 10px;
  height: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 22px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.5);
}
.btn.impersonate:hover {
  color: rgba(0, 0, 0, 0.9);
  border-color: rgba(0, 0, 0, 0.5);
}
.btn.impersonate:active {
  background: rgba(0, 0, 0, 0.1);
  border-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.impersonateBar {
  width: 100%;
  height: 40px;
  position: fixed;
  bottom: 0;
  left: 0;
  text-align: center;
  padding: 0 5px;
  line-height: 30px;
  background: rgba(0, 0, 0, 0.85);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.impersonateBar span {
  line-height: 40px;
  font-weight: normal;
  font-size: 16px;
  color: #ccc;
}
.impersonateBar a {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-border-radius: 30px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 30px;
  -moz-background-clip: padding;
  border-radius: 30px;
  background-clip: padding-box;
  padding: 0 10px;
  height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 28px;
  font-weight: bold;
  color: #eee;
  text-decoration: none;
  display: block;
  margin-top: 5px;
  float: left;
  margin-right: 20px;
}
.impersonateBar a:hover {
  background: rgba(255, 255, 255, 0.8);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.6);
}
.reportStatus > span {
  display: block;
  float: left;
  height: 20px;
  line-height: 21px;
  text-transform: uppercase;
  overflow: hidden;
  -webkit-border-radius: 20px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 20px;
  -moz-background-clip: padding;
  border-radius: 20px;
  background-clip: padding-box;
}
.reportStatus > span strong {
  display: block;
  float: left;
  height: 100%;
  padding: 0 6px 0 12px;
  font-weight: normal;
  font-size: 10px;
  min-width: 131px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.reportStatus > span em {
  display: block;
  float: left;
  padding: 0 12px 0 6px;
  background: #fff;
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  border: 1px solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0 20px 20px 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 20px 20px 0;
  -moz-background-clip: padding;
  border-radius: 0 20px 20px 0;
  background-clip: padding-box;
  border-left: 0px;
  height: 20px;
  line-height: 19px;
}
.reportStatus > span.status-error strong {
  background: #f07575;
  color: #fff;
}
.reportStatus > span.status-error em {
  border-color: #f07575;
  width: 80px;
  text-align: center;
}
.reportStatus > span.status-error em a {
  text-decoration: none;
  font-style: normal;
  font-size: 10px;
  font-weight: bold;
  color: #f07575;
}
.reportStatus > span.status-error em a:hover {
  text-decoration: underline;
}
.reportStatus > span.status-processed strong {
  background: #87c58f;
  color: #fff;
}
.reportStatus > span.status-processed em {
  border-color: #87c58f;
  color: #87c58f;
}
.reportStatus > span.status-processing strong {
  background: #88c9f0;
  color: #fff;
}
.reportStatus > span.status-processing em {
  border-color: #88c9f0;
  color: #88c9f0;
}
.reportStatus > span.status-pending strong {
  background: #bebebe;
  color: #656565;
}
.reportStatus > span.status-pending em {
  border-color: #bebebe;
  color: #ffffff;
  display: none;
}
/************************************
  NEW STYLES FOR DOC STATUS CHANGE
************************************/
.doc-status-change-wrapper {
  display: table;
  width: 100%;
}
.doc-status-change-wrapper h2 {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  vertical-align: middle;
  padding-left: 14px;
}
.doc-status-change-wrapper .doc-status-row {
  background: #F7F7F7;
  padding: 10px 0 7px;
}
.doc-status-change-wrapper .box-content-action {
  width: 30%;
  display: table-cell;
  padding-left: 14px;
}
.doc-status-change-wrapper .box-content-action .status {
  display: inline-block;
  color: #8b8b8b;
  font-size: 1.1em;
  text-transform: uppercase;
  padding-top: 9px;
  font-weight: 700;
}
.doc-status-change-wrapper .box-content-action .title {
  font-size: 1.1em;
  color: #333;
  text-align: left;
  font-weight: 700;
}
.doc-status-change-wrapper .box-content-action .title.extra {
  padding-bottom: 7px;
}
.doc-status-change-wrapper .box-content-action .main-action {
  display: inline-block;
  width: auto;
  margin-right: 10px;
  position: relative;
}
.doc-status-change-wrapper .box-content-action .main-action .checker {
  display: inline-block;
  position: absolute;
  margin-top: -1px;
}
.doc-status-change-wrapper .box-content-action .main-action .checker-label {
  font-size: 1.05em;
  margin-left: 15px;
}
/************************************
  NEW STYLES FOR UPLOAD BUTTON
************************************/
.full-width-area-paragraph {
  display: block;
  width: 100%;
}
.comment-area-bt-wrapper {
  display: block;
  margin-top: 45px;
}
.md-file-uploader {
  float: left;
  padding-top: 8px;
}
.md-file-uploader .filename {
  display: inline-block;
  background-color: transparent;
  color: #9e9e9e;
  padding-left: 8px;
  margin-right: 6px;
  border-bottom: 2px solid #9e9e9e;
  width: 220px;
  margin-bottom: -14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  transition: all .3s;
  text-transform: uppercase;
}
.md-file-uploader input[type=file] {
  position: absolute;
  left: -9999px;
}
.md-file-uploader .select {
  text-decoration: none;
  color: #fff;
  background-color: #3988E4;
  text-align: center;
  transition: 0.2s ease-out;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 700;
  border: none;
  border-radius: 3px;
  display: inline-block;
  height: 29px;
  line-height: 29px;
  outline: 0;
  padding: 0 1rem;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.md-file-uploader .select:hover {
  background-color: #3892FF;
}
/************************************
  NEW STYLES FOR DOC COMMENTS
************************************/
#dvDocumentComments {
  width: 24.5%;
}

/*# sourceMappingURL=Application.css.map */


#serviceTable {
    width: 100%;
}
   #serviceTable tr td { padding: 6px; border: 1px solid #ddd}


   #serviceTable tr td i { margin-right: 10px}
