/*
 * Custom CSS for Forms, Lists, Tables, etc
 *
 */

input[name='fileCredencial'], input[name='fileCNH'], #guia_grtFile, #guia_reqAtpveFile, #guia_reqCrlveFile {
  display: none;
}

label.files {
  background-color: #484848;
  color: #FFF;
  cursor: pointer;
  padding: 5px 10px;
  float: left;
  margin: 0;
}

label.files:hover {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: outset 0 0 5px rgba(0, 0, 0, 0.5);
}

/* *** Fixa o tamanho m�ximo da �rea de formul�rio e listagem *** */
  .panel-default, .page-heading {
    max-width: 1392px;
    margin: 0 auto;
  }

  .alert {
    max-width: 1392px;
    margin: 0 auto 12px;
  }

  .divisor-h {
    width: 100%;
    display: block;
    border-bottom: 1px solid #E6E7E8 !important;
  }
/* ------------ */

/* *** Altera tamanho m�nimo da SIDEBAR para fechar automaticamente quando atingir o tamanho "SM" (Small) do Bootstrap originalmente fechando automaticamente com tamanho "XS" *** */
  @media screen and (max-width: 992px) {
    .static-sidebar-wrapper {
      -webkit-transition: width 0ms ease-out;
      -o-transition: width 0ms ease-out;
      transition: width 0ms ease-out;
    }
    .static-content-wrapper {
      overflow: hidden;
    }
    body.sidebar-collapsed .static-sidebar-wrapper {
      width: 0px;
    }
  }

  @media screen and (min-width: 992px) {
    body.sidebar-collapsed .sidebar .widget:not(.stay-on-collapse) {
      display: none !important;
    }
    body.sidebar-collapsed .sidebar .widget.stay-on-collapse .widget-heading,
    body.sidebar-collapsed .sidebar .widget.stay-on-collapse li.nav-separator {
      font-size: 0;
      padding: 4px 0;
    }
    body.sidebar-collapsed .sidebar .widget.stay-on-collapse li.nav-separator:hover {
      width: auto !important;
    }
    body.sidebar-collapsed .static-sidebar-wrapper,
    body.sidebar-collapsed .static-sidebar-wrapper > div {
      white-space: nowrap;
      width: 56px;
      overflow: visible;
    }
    body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul.acc-menu ul {
      border-bottom-right-radius: 0;
    }
    body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul > li {
      white-space: nowrap;
      position: relative;
      border-radius: 0;
    }
    body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul > li > a {
      border-radius: 0;
      padding: 16px 16px;
    }
    body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul > li.hasChild {
      border-radius: 0;
    }
    body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul > li.hasChild > a {
      border-radius: 0;
    }
    body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul > li i {
      margin-right: 16px;
      margin-left: 0px;
    }
    body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul > li:hover {
      width: 256px;
      z-index: 1512;
    }
    body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul > li:hover > ul {
      display: block;
      position: absolute;
      left: 56px;
      width: 200px;
    }
    body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul > li:hover > ul > li > a {
      padding-left: 16px;
      padding-right: 16px;
    }
    body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul > li:hover > ul > li li > a {
      padding-left: 32px;
      padding-right: 16px;
    }
    body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul > li:hover > ul > li li li > a {
      padding-left: 48px;
      padding-right: 16px;
    }
    body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul > li:hover > ul > li li li li > a {
      padding-left: 64px;
      padding-right: 16px;
    }
    body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul > li.active > ul {
      display: none !important;
    }
    body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul > li.active:hover > ul {
      display: block !important;
    }
    body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul.acc-menu > li:first-child:hover {
      border-bottom-right-radius: 0;
    }
    body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul.acc-menu > li:hover > a {
      box-shadow: none;
      border-top-right-radius: 1px;
      border-bottom-right-radius: 1px;
    }
    body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul.acc-menu > li:hover {
      border-top-right-radius: 1px;
      border-bottom-right-radius: 1px;
    }
    body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul.acc-menu > li.hasChild:hover > a {
      border-bottom-right-radius: 0;
    }
    body.sidebar-collapsed .static-sidebar-wrapper .widget nav.widget-body > ul.acc-menu > li > ul {
      box-shadow: none;
      border-bottom-right-radius: 1px;
      border-style: solid;
      border-width: 0;
      border-color: #eeeeee;
    }
  }

  @media (max-width: 991px) {
    .static-sidebar {
      position: fixed !important;
      top: 50px;
      bottom: 0px;
      overflow-y: auto;
    }
  }
/* ------------ */

/* *** Some individual styles *** */

  @media print {
    .no_print { display: none; }
  }

  .marginY { margin: 5px 0; }
/* ------------ */

/* *** Some other Alerts class, from Bootstrap *** */

  .alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
  }

  .alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
  }

  .alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
  }

  .alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
  }

  .bold {
    font-weight: 700 !important;
  }
/* ------------ */

/* *** List Item Separator for any UL *** */

  ul.list-spaced li {
    padding: 3px 0;
  }

  ul li.divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #eeeeee;
  }

  ul.list-spaced li.divider {
    margin: 1px 0;
    padding: 0;
  }
/* ------------ */

/* *** Anima��o toFront da Barra de Progresso *** */
  @-webkit-keyframes progress-bar-stripes-fw {
    from {
      background-position: 0 0;
    }
    to {
      background-position: 40px 0;
    }
  }
  @keyframes progress-bar-stripes-fw {
    from {
      background-position: 0 0;
    }
    to {
      background-position: 40px 0;
    }
  }

  .progress.active-fw .progress-bar, .progress-bar.active-fw {
    -webkit-animation: progress-bar-stripes-fw 2s linear infinite;
    -o-animation: progress-bar-stripes-fw 2s linear infinite;
    animation: progress-bar-stripes-fw 2s linear infinite;
  }
/* ------------ */

/* *** Modal *** */

  .modal {
    text-align: center !important;
    /*padding: 60px 0 0 0 !important;*/
    /* Necess�rio o Z-Index auto para evitar problemas com o plugin Select2, dentro de um modal */
    z-index: auto;
  }

  @media screen and (min-width: 992px) {
    .modal:before {
      /*display: inline-block !important;*/
      vertical-align: middle !important;
      content: " " !important;
      height: 100% !important;
    }
  }

  .modal-dialog {
    /*display: inline-block !important;*/
    text-align: justify !important;
    vertical-align: middle !important;
  }

  .modal-open {
    overflow: visible;
  }

  #mdlGED div.modal-dialog {
    top: 42% !important;
  }
/* ------------ */

/* *** Custom CSS for Form-group class *** */
  div#form_cadastro { margin-bottom: 10px; }

  .form-group { margin-bottom: 12px !important; }

  .form-group a:focus, .form-control a:focus { color: #0000EF !important; }

  .form-control input[readonly], .grid-form input[readonly] {
    cursor: not-allowed !important;
    background-color: #ededed !important;
    opacity: 1 !important;
  }

  .form-group div.checkbox {
    margin-top: 4px;
    margin-bottom: 16px;
  }

  .btn-default.btn-mini:hover, .btn-default.btn-mini:focus, .btn-default.btn-mini.focus, .btn-default.btn-mini:active, .btn-default.btn-mini.active {
    color: #616161;
    background-color: #f9faff !important;
    border-color: #a0c0fc !important;
  }

  /* *** Altera a cor dos bot�es quando Focados ou Sobrepostos, para um tom mais escuro, deixando mais v�sivel a a��o *** */
    .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
      background-color: #699333 !important;
      border-color: #699333 !important;
    }
    .btn-success:hover {
      background-color: #99db4f !important;
      border-color: #8bc34a !important
    }

    .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
      background-color: #b31318 !important;
      border-color: #b31318 !important;
    }
    .btn-danger:hover {
      background-color: #FB4848 !important;
      border-color: #e51c23 !important;
    }

    .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
      background-color: #dadada !important;
      border-color: #dadada !important;
    }
    .btn-default:hover {
      background-color: #FFFFFF !important;
      border-color: #e1e1e1 !important;
    }

    .btn-success:hover, .btn-danger:hover, .btn-default:hover {
      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
      box-shadow: outset 0 0 5px rgba(0, 0, 0, 0.1);
    }

    .btn-success:active, .btn-success.active, .btn-danger:active, .btn-danger.active, .btn-default:active, .btn-default.active {
      background-image: none;
      outline: 0;
      -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.15);
      box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.15);
    }
  /* ------------ */

  /* Diminui tamanho dos bot�es precedidos por um Span do plugin Select2 */
  .select2-container ~ span.input-group-btn .btn {
    margin-top: 1px;
    padding: 4px 10px 5px;
  }

  /* Diminui Padding padr�o de 8px para 1px para elementos com class col-xx-xx filhos de outra do mesmo tipo, evitando paddings excessivos */
    [class*='col-'] [class*='col-'] {
      padding: 0 1px !important;
    }

  /* Elimina Margin Bottom para elementos com class form-group filhos de outra com a mesmo classe, evitando quebra no layout por causa da propriedade Float */
    .form-group .form-group {
      margin-bottom: 0px !important;
    }
/* ------------ */

/* *** Custom CSS for DropZone Files Uploader *** */
  .dropzone .dz-preview .dz-details, .dropzone-previews .dz-preview .dz-details {
    margin-bottom: 0 !important;
    border-radius: 15px !important;
    width: 100%;
    height: 94px;
  }

  .dropzone .dz-preview, .dropzone-previews .dz-preview {
    margin: 0 auto !important;
    display: table-cell !important;
  }

  .dropzone .dz-message {
    margin: 2em 0;
  }

  .dropzone .dz-preview .dz-details img, .dropzone-previews .dz-preview .dz-details img {
    height: 94px !important;
    width: 100% !important;
  }

  .dropzone .dz-preview.dz-processing .dz-progress, .dropzone-previews .dz-preview.dz-processing .dz-progress {
    display: none !important;
  }

  .dropzone .dz-preview .dz-details .dz-size, .dropzone-previews .dz-preview .dz-details .dz-size {
    display: none !important;
  }

  .dz-error-message {
    display: none !important;
  }

  .dz-error-mark {
    display: none !important;
  }

  .dz-remove {
    cursor: pointer !important;
  }
/* ------------ */

/* *** Right Align for type Money Inputs *** */
  .money {
    text-align: right;
  }
/* ------------ */

/* *** Upper CASE for Inputs *** */
  input, textarea { text-transform: uppercase; }

  /* Default Case for some specific Inputs */

  /* WebKit browsers */
  ::-webkit-input-placeholder { text-transform: none; }
  /* Mozilla Firefox 4 to 18 */
  :-moz-placeholder { text-transform: none; }
  /* Mozilla Firefox 19+ */
  ::-moz-placeholder { text-transform: none; }
  /* Internet Explorer 10+ */
  :-ms-input-placeholder { text-transform: none; }

  .form-control::-moz-placeholder { text-transform: none; }
  .form-control:-ms-input-placeholder { text-transform: none; }
  .form-control::-webkit-input-placeholder { text-transform: none; }
/* ------------ */

/* *** Custom CSS for .table-striped and .table-hover and .tbl-bottom *** */
  div.panel-body table.table thead tr { background-color: #E3E9EF; }

  .table-striped > tbody > tr:nth-child(odd) { background-color: #FEFEFE; }

  .table-striped > tbody > tr:nth-child(even) { background-color: #F3F3F3; }

  /* Fix tr color for tr after hidden tr for much levels */
  tr.hidden ~ tr:nth-child(odd) { background-color: #F3F3F3; }
  tr.hidden ~ tr:nth-child(even) { background-color: #FEFEFE; }
  tr.hidden ~ tr.hidden ~ tr:nth-child(odd) { background-color: #FEFEFE; }
  tr.hidden ~ tr.hidden ~ tr:nth-child(even) { background-color: #F3F3F3; }
  tr.hidden ~ tr.hidden ~ tr.hidden ~ tr:nth-child(odd) { background-color: #F3F3F3; }
  tr.hidden ~ tr.hidden ~ tr.hidden ~ tr:nth-child(even) { background-color: #FEFEFE; }
  tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr:nth-child(odd) { background-color: #FEFEFE; }
  tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr:nth-child(even) { background-color: #F3F3F3; }
  tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr:nth-child(odd) { background-color: #F3F3F3; }
  tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr:nth-child(even) { background-color: #FEFEFE; }
  tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr:nth-child(odd) { background-color: #FEFEFE; }
  tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr:nth-child(even) { background-color: #F3F3F3; }
  tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr:nth-child(odd) { background-color: #F3F3F3; }
  tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr:nth-child(even) { background-color: #FEFEFE; }
  tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr:nth-child(odd) { background-color: #FEFEFE; }
  tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr:nth-child(even) { background-color: #F3F3F3; }
  tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr:nth-child(odd) { background-color: #F3F3F3; }
  tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr:nth-child(even) { background-color: #FEFEFE; }
  tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr:nth-child(odd) { background-color: #FEFEFE; }
  tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr:nth-child(even) { background-color: #F3F3F3; }
  tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr:nth-child(odd) { background-color: #F3F3F3; }
  tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr:nth-child(even) { background-color: #FEFEFE; }
  tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr:nth-child(odd) { background-color: #FEFEFE; }
  tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr:nth-child(even) { background-color: #F3F3F3; }
  tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr:nth-child(odd) { background-color: #F3F3F3; }
  tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr.hidden ~ tr:nth-child(even) { background-color: #FEFEFE; }
  /* ---*/

  .table-hover > tbody > tr:hover { background-color: #F0F6F6; }

  .table > tbody > tr.selected { background-color: #DDFAFA; }

  /*div.panel-body table.table-hover tr { cursor: pointer; }*/

  .tbl-bottom { background-color: #E3E9EF !important; }
/* ------------ */

/* *** Custom CSS for .tables with only *** */
  table > tbody > tr:first-child > td {
    border-top: 1px solid #eeeeee !important;
  }

  .bd-none-all > tbody > tr:first-child > td, .bd-none > tbody > tr:first-child > td, .bd-none-top > tbody > tr:first-child > td {
    border-top: none !important;
  }
/* ------------ */

/* *** Custom CSS for Ui-Menu *** */
  .ui-menu {
    list-style: none !important;
    background-color: #90a4ae !important;
    z-index: 1000 !important;
    line-height: 150% !important;
    font-size: 13px !important;
    font-family: Open Sans !important;
    text-transform: uppercase !important;
    border: solid 1px grey !important;
  }

  .ui-menu .ui-menu-item {
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    color: white !important;
  }
/* ------------ */

/* *** Custom CSS for Select2 Plugin *** */

  /* Fix width size for Select2 Span, when child of "div.col-xx-xx", defining width to 100% */
    div[class*='col-'] span.select2-container--default {
      width: 100% !important;
    }

  .select2-container--default .select2-selection--single {
      border-radius: 0 !important;
      height: 32px !important;
      border: 1px solid #e0e0e0 !important;
  }

  /* .select2-container { width: 100% !important; } */

  .select2-hidden-accessible {
      /* position: relative !important; // Quebra layout com Select Multiple */
      margin: 0 !important;
  }

  .select2-dropdown {
      border-radius: 0 !important;
      border: 1px solid #e0e0e0 !important;
  }

  .select2-container--focus .select2-selection--single, .select2-container--open .select2-selection--single { border: 1px solid #03A9F4 !important; }

  /* Hide disabled Option from Select element for Select2 Plugin */
  .select2-container--default .select2-results__option[aria-disabled=true] { display: none; }

  /* this needs to be added to make sure this input has no border in Safari 9 */
  .select2-container--default .select2-search--inline .select2-search__field { -webkit-appearance: none; /*-appearance: none;*/ }

  /*
    It makes the hidden search input field have a dynamically size, so do not break the responsive layout by decreasing the window size!
    The hidden search field must have a dinamic width. That way will not allow bugging web design layout
  */
  input.select2-search__field { width: 100% !important; }

  /* *** Hide Select Element from Safari *** */
    _::-webkit-full-page-media, _:future, :root .select2-hidden-accessible {
      margin: -7px !important;
      opacity: 0 !important;
    }

    @media not all and (min-resolution:.001dpcm) { @media { .select2-hidden-accessible {
      margin: -7px !important;
      opacity: 0 !important;
    } } }

    @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media { .select2-hidden-accessible {
      margin: -7px !important;
      opacity: 0 !important;
    } } }

    @media screen and (-webkit-min-device-pixel-ratio:0) and (min-color-index:0) { .select2-hidden-accessible {(;
      margin: -7px !important;
      opacity: 0 !important;
    );} }*/
  /* ------------ */
/* ------------ */

/* *** Max Width on class *** */
  .mwdt-5 { max-width: 5%; }
  .mwdt-10 { max-width: 10%; }
  .mwdt-15 { max-width: 15%; }
  .mwdt-20 { max-width: 20%; }
  .mwdt-25 { max-width: 25%; }
  .mwdt-30 { max-width: 30%; }
  .mwdt-35 { max-width: 35%; }
  .mwdt-40 { max-width: 40%; }
  .mwdt-50 { max-width: 50%; }
  .mwdt-55 { max-width: 55%; }
  .mwdt-60 { max-width: 60%; }
  .mwdt-65 { max-width: 65%; }
  .mwdt-70 { max-width: 70%; }
  .mwdt-75 { max-width: 75%; }
  .mwdt-80 { max-width: 80%; }
  .mwdt-85 { max-width: 85%; }
  .mwdt-90 { max-width: 90%; }
  .mwdt-95 { max-width: 95%; }
  .mwdt-100 { max-width: 100%; }
/* ------------ */

/* *** Custom CSS for iCheck Plugin *** */

  /*div.checked.focus > ins {
    opacity: 0.3 !important;
    border: 1px dashed gray !important;
    margin-top: 4% !important;
    margin-left: -7% !important;
  }*/

  div[class*="icheckbox_square"].focus {
    background-position: -24px 0px !important;
    /*border: 1px dashed green;
    background-position: 0 0 !important;
    width: 16px !important;
    height: 16px !important;
    margin-bottom: 1px !important;
    margin-top: 1px !important;
    margin-right: 1px !important;*/
  }

  div[class*="icheckbox_square"].checked.focus, div[class*="icheckbox_square"].checked:hover {
    border: 1px solid lime;
    background-position: -49px -1px !important;
  }
/* ------------ */

/* *** Custom CSS for Datepicker Plugin *** */
  .datepicker {
    z-index: 99999 !important;
  }
  .form-control.datepicker {
    max-width: 100% !important;
  }
/* ------------ */

/* *** Custom CSS for coluna c/ retic�ncias *** */
  .td_resumido {
    max-width: 150px;
    /* Respons�vel pelo efeito de texto limitado */
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
/* ------------ */

/* *** Margin *** */
  .m-n {  margin: 0px !important; }
  .m-xs {  margin: 4px !important; }
  .m-xs-ng {  margin: -4px !important; }
  .m-sm {  margin: 8px !important; }
  .m-sm-ng {  margin: -8px !important; }
  .m {  margin: 12px !important; }
  .m-ng {  margin: -12px !important; }
  .m-md {  margin: 16px !important; }
  .m-md-ng {  margin: -16px !important; }
  .m-lg {  margin: 24px !important; }
  .m-lg-ng {  margin: -24px !important; }
  .m-xl {  margin: 32px !important; }
  .m-xl-ng {  margin: -32px !important; }
  .m-xxl {  margin: 40px !important; }
  .m-xxl-ng {  margin: -40px !important; }
  .mb-n {  margin-bottom: 0px !important; }
  .mb-xs {  margin-bottom: 4px !important; }
  .mb-xs-ng {  margin-bottom: -4px !important; }
  .mb-sm {  margin-bottom: 8px !important; }
  .mb-sm-ng {  margin-bottom: -8px !important; }
  .mb {  margin-bottom: 12px !important; }
  .mb-ng {  margin-bottom: -12px !important; }
  .mb-md {  margin-bottom: 16px !important; }
  .mb-md-ng {  margin-bottom: -16px !important; }
  .mb-lg {  margin-bottom: 24px !important; }
  .mb-lg-ng {  margin-bottom: -24px !important; }
  .mb-xl {  margin-bottom: 32px !important; }
  .mb-xl-ng {  margin-bottom: -32px !important; }
  .mb-xxl {  margin-bottom: 40px !important; }
  .mb-xxl-ng {  margin-bottom: -40px !important; }
  .ml-n {  margin-left: 0px !important; }
  .ml-xs {  margin-left: 4px !important; }
  .ml-xs-ng {  margin-left: -4px !important; }
  .ml-sm {  margin-left: 8px !important; }
  .ml-sm-ng {  margin-left: -8px !important; }
  .ml {  margin-left: 12px !important; }
  .ml-ng {  margin-left: -12px !important; }
  .ml-md {  margin-left: 16px !important; }
  .ml-md-ng {  margin-left: -16px !important; }
  .ml-lg {  margin-left: 24px !important; }
  .ml-lg-ng {  margin-left: -24px !important; }
  .ml-xl {  margin-left: 32px !important; }
  .ml-xl-ng {  margin-left: -32px !important; }
  .ml-xxl {  margin-left: 40px !important; }
  .ml-xxl-ng {  margin-left: -40px !important; }
  .mr-n {  margin-right: 0px !important; }
  .mr-xs {  margin-right: 4px !important; }
  .mr-xs-ng {  margin-right: -4px !important; }
  .mr-sm {  margin-right: 8px !important; }
  .mr-sm-ng {  margin-right: -8px !important; }
  .mr {  margin-right: 12px !important; }
  .mr-ng {  margin-right: -12px !important; }
  .mr-md {  margin-right: 16px !important; }
  .mr-md-ng {  margin-right: -16px !important; }
  .mr-lg {  margin-right: 24px !important; }
  .mr-lg-ng {  margin-right: -24px !important; }
  .mr-xl {  margin-right: 32px !important; }
  .mr-xl-ng {  margin-right: -32px !important; }
  .mr-xxl {  margin-right: 40px !important; }
  .mr-xxl-ng {  margin-right: -40px !important; }
  .mt-n {  margin-top: 0px !important; }
  .mt-xs {  margin-top: 4px !important; }
  .mt-xs-ng {  margin-top: -4px !important; }
  .mt-sm {  margin-top: 8px !important; }
  .mt-sm-ng {  margin-top: -8px !important; }
  .mt {  margin-top: 12px !important; }
  .mt-ng {  margin-top: -12px !important; }
  .mt-md {  margin-top: 16px !important; }
  .mt-md-ng {  margin-top: -16px !important; }
  .mt-lg {  margin-top: 24px !important; }
  .mt-lg-ng {  margin-top: -24px !important; }
  .mt-xl {  margin-top: 32px !important; }
  .mt-xl-ng {  margin-top: -32px !important; }
  .mt-xxl {  margin-top: 40px !important; }
  .mt-xxl-ng {  margin-top: -40px !important; }
/* ------------ */

/* *** 5 columns layout for Bootstrap *** */
  .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
      position: relative;
      min-height: 1px;
      padding-right: 8px;
      padding-left: 8px;
  }

  .col-xs-15 {
      width: 20%;
      float: left;
  }

  @media (min-width: 768px) {
  .col-sm-15 {
          width: 20%;
          float: left;
      }
  }

  @media (min-width: 992px) {
      .col-md-15 {
          width: 20%;
          float: left;
      }
  }

  @media (min-width: 1200px) {
      .col-lg-15 {
          width: 20%;
          float: left;
      }
  }
/* ------------ */

/*** Atualiza a cor da fonte ao passar o mouse em cima ***/
  /* a#toolbar-saldo:hover > span > b {
      color: #000;
  } */
/*---------*/

/* *** Columns layout per cent (without dot) and by decimals ( x/80, x/40, x/20, x/10, x/8, x/5 ) *** */
  [class*='col-'] {
    position: relative;
    min-height: 1px;
    padding-right: 8px;
    padding-left: 8px;
  }

  .col-xs-pc0500, .col-xs-d2-40, .col-xs-d1-20 { width: 5%; float: left; }                                  /* (2/40)  (1/20) */
  .col-xs-pc1000, .col-xs-d4-40, .col-xs-d2-20, .col-xs-d1-10 { width: 10%; float: left; }                  /* (4/40)  (2/20)  (1/10) */
  .col-xs-pc1500, .col-xs-d6-40, .col-xs-d3-20 { width: 15%; float: left; }                                 /* (5/40)  (3/20) */
  .col-xs-pc2000, .col-xs-d8-40, .col-xs-d4-20, .col-xs-d2-10, .col-xs-d1-5 { width: 20%; float: left; }    /* (6/40)  (4/20)  (2/10)       (1/5) */
  .col-xs-pc2500, .col-xs-d10-40, .col-xs-d5-20, .col-xs-d2-8 { width: 25%; float: left; }                  /* (10/40) (5/20)         (2/8) */
  .col-xs-pc3000, .col-xs-d12-40, .col-xs-d6-20, .col-xs-d3-10 { width: 30%; float: left; }                 /* (12/40) (6/20)  (3/10) */
  .col-xs-pc3500, .col-xs-d14-40, .col-xs-d7-20 { width: 35%; float: left; }                                /* (14/40) (7/20) */
  .col-xs-pc4000, .col-xs-d16-40, .col-xs-d8-20, .col-xs-d4-10, .col-xs-d2-5 { width: 40%; float: left; }   /* (16/40) (8/20)  (4/10)       (2/5) */
  .col-xs-pc4500, .col-xs-d18-40, .col-xs-d9-20 { width: 45%; float: left; }                                /* (18/40) (9/20) */
  .col-xs-pc5000, .col-xs-d20-40, .col-xs-d10-20, .col-xs-d5-10, .col-xs-d4-8 { width: 50%; float: left; }  /* (20/40) (10/20) (5/10) (4/8) */
  .col-xs-pc5500, .col-xs-d22-40, .col-xs-d11-20 { width: 55%; float: left; }                               /* (22/40) (11/20) */
  .col-xs-pc6500, .col-xs-d24-40, .col-xs-d12-20, .col-xs-d6-10, .col-xs-d3-5 { width: 60%; float: left; }  /* (24/40) (12/20) (6/10)       (3/5) */
  .col-xs-pc6500, .col-xs-d26-40, .col-xs-d13-20 { width: 65%; float: left; }                               /* (26/40) (13/20) */
  .col-xs-pc7000, .col-xs-d28-40, .col-xs-d14-20, col-xs-d7-10 { width: 70%; float: left; }                 /* (28/40) (14/20) (7/10) */
  .col-xs-pc7500, .col-xs-d30-40, .col-xs-d15-20, .col-xs-d6-8 { width: 75%; float: left; }                 /* (30/40) (15/20)        (6/8) */
  .col-xs-pc8000, .col-xs-d32-40, .col-xs-d16-20, .col-xs-d8-10, .col-xs-d4-5 { width: 80%; float: left; }  /* (32/40) (16/20) (8/10)       (4/5) */
  .col-xs-pc8500, .col-xs-d34-40, .col-xs-d17-20 { width: 85%; float: left; }                               /* (34/40) (17/20) */
  .col-xs-pc9000, .col-xs-d36-40, .col-xs-d18-20, .col-xs-d9-10 { width: 90%; float: left; }                /* (36/40) (18/20) (9/10) */
  .col-xs-pc9500, .col-xs-d38-40, .col-xs-d19-20 { width: 95%; float: left; }                               /* (38/40) (19/20) */
  .col-xs-pc10000, .col-xs-d100 { width: 100%; float: left; }                                               /* (40/40) (20/20) (10/10) (8/8) (5/5) */

  .col-xs-pc1250, .col-xs-d5-40, .col-xs-d1-8 { width: 12.5%; float: left; }                                /* (5/40)                  (1/8) */
  .col-xs-pc3750, .col-xs-d15-40, .col-xs-d3-8 { width: 37.5%; float: left; }                               /* (15/40)                 (3/8) */
  .col-xs-pc6250, .col-xs-d25-40, .col-xs-d5-8 { width: 62.5%; float: left; }                               /* (25/40)                 (5/8) */
  .col-xs-pc8750, .col-xs-d35-40, .col-xs-d7-8 { width: 87.5%; float: left; }                               /* (35/40)                 (7/8) */

  .col-xs-pc1428, .col-xs-d1-7 { width: 14.28571428571429%; float: left; }                                  /* (1/7) */
  .col-xs-pc2857, .col-xs-d2-7 { width: 28.57142857142857%; float: left; }                                  /* (2/7) */
  .col-xs-pc4285, .col-xs-d3-7 { width: 42.85714285714286%; float: left; }                                  /* (3/7) */
  .col-xs-pc5714, .col-xs-d4-7 { width: 57.14285714285714%; float: left; }                                  /* (4/7) */
  .col-xs-pc7142, .col-xs-d5-7 { width: 71.42857142857143%; float: left; }                                  /* (5/7) */
  .col-xs-pc8571, .col-xs-d6-7 { width: 85.71428571428571%; float: left; }                                  /* (6/7) */

  .col-xs-pc1111, .col-xs-d1-9 { width: 11.11111111111111%; float: left; }                                  /* (1/9) */
  .col-xs-pc2222, .col-xs-d2-9 { width: 22.22222222222222%; float: left; }                                  /* (2/9) */
  .col-xs-pc3333, .col-xs-d3-9 { width: 33.33333333333333%; float: left; }                                  /* (3/9) */
  .col-xs-pc4444, .col-xs-d4-9 { width: 44.44444444444444%; float: left; }                                  /* (4/9) */
  .col-xs-pc5555, .col-xs-d5-9 { width: 55.55555555555556%; float: left; }                                  /* (5/9) */
  .col-xs-pc6666, .col-xs-d6-9 { width: 66.66666666666666%; float: left; }                                  /* (6/9) */
  .col-xs-pc7777, .col-xs-d7-9 { width: 77.77777777777778%; float: left; }                                  /* (7/9) */
  .col-xs-pc8888, .col-xs-d8-9 { width: 88.88888888888889%; float: left; }                                  /* (8/9) */

  .col-xs-pc0250, .col-xs-d1-40 { width: 2.5%; float: left; }                                               /* (1/40) */
  .col-xs-pc0750, .col-xs-d3-40 { width: 7.5%; float: left; }                                               /* (3/40) */
  .col-xs-pc1750, .col-xs-d7-40 { width: 17.5%; float: left; }                                              /* (7/40) */
  .col-xs-pc2250, .col-xs-d9-40 { width: 22.5%; float: left; }                                              /* (9/40) */
  .col-xs-pc2750, .col-xs-d11-40 { width: 27.5%; float: left; }                                             /* (11/40) */
  .col-xs-pc3250, .col-xs-d13-40 { width: 32.5%; float: left; }                                             /* (13/40) */
  .col-xs-pc4250, .col-xs-d17-40 { width: 42.5%; float: left; }                                             /* (17/40) */
  .col-xs-pc4750, .col-xs-d19-40 { width: 47.5%; float: left; }                                             /* (19/40) */
  .col-xs-pc5250, .col-xs-d21-40 { width: 52.5%; float: left; }                                             /* (21/40) */
  .col-xs-pc5750, .col-xs-d23-40 { width: 57.5%; float: left; }                                             /* (23/40) */
  .col-xs-pc6750, .col-xs-d27-40 { width: 67.5%; float: left; }                                             /* (27/40) */
  .col-xs-pc7250, .col-xs-d29-40 { width: 72.5%; float: left; }                                             /* (29/40) */
  .col-xs-pc7750, .col-xs-d31-40 { width: 77.5%; float: left; }                                             /* (31/40) */
  .col-xs-pc8250, .col-xs-d33-40 { width: 82.5%; float: left; }                                             /* (33/40) */
  .col-xs-pc9250, .col-xs-d37-40 { width: 92.5%; float: left; }                                             /* (37/40) */
  .col-xs-pc9750, .col-xs-d39-40 { width: 97.5%; float: left; }                                             /* (39/40) */

  .col-xs-pc0125, .col-xs-d1-80 { width: 1.25%; float: left; }                                              /* (1/80) */
  .col-xs-pc0375, .col-xs-d3-80 { width: 3.75%; float: left; }                                              /* (3/80) */
  .col-xs-pc0625, .col-xs-d5-80 { width: 6.25%; float: left; }                                              /* (5/80) */
  .col-xs-pc0875, .col-xs-d7-80 { width: 8.75%; float: left; }                                              /* (7/80) */
  .col-xs-pc1125, .col-xs-d9-80 { width: 11.25%; float: left; }                                             /* (9/80) */
  .col-xs-pc1375, .col-xs-d11-80 { width: 13.75%; float: left; }                                            /* (11/80) */
  .col-xs-pc1625, .col-xs-d13-80 { width: 16.25%; float: left; }                                            /* (13/80) */
  .col-xs-pc1875, .col-xs-d15-80 { width: 18.75%; float: left; }                                            /* (15/80) */
  .col-xs-pc2125, .col-xs-d17-80 { width: 21.25%; float: left; }                                            /* (17/80) */
  .col-xs-pc2375, .col-xs-d19-80 { width: 23.75%; float: left; }                                            /* (19/80) */
  .col-xs-pc2625, .col-xs-d21-80 { width: 26.25%; float: left; }                                            /* (21/80) */
  .col-xs-pc2875, .col-xs-d23-80 { width: 28.75%; float: left; }                                            /* (23/80) */
  .col-xs-pc3125, .col-xs-d25-80 { width: 31.25%; float: left; }                                            /* (25/80) */
  .col-xs-pc3375, .col-xs-d27-80 { width: 33.75%; float: left; }                                            /* (27/80) */
  .col-xs-pc3625, .col-xs-d29-80 { width: 36.25%; float: left; }                                            /* (29/80) */
  .col-xs-pc3875, .col-xs-d31-80 { width: 38.75%; float: left; }                                            /* (31/80) */
  .col-xs-pc4125, .col-xs-d33-80 { width: 41.25%; float: left; }                                            /* (33/80) */
  .col-xs-pc4375, .col-xs-d35-80 { width: 43.75%; float: left; }                                            /* (35/80) */
  .col-xs-pc4625, .col-xs-d37-80 { width: 46.25%; float: left; }                                            /* (37/80) */
  .col-xs-pc4875, .col-xs-d39-80 { width: 48.75%; float: left; }                                            /* (39/80) */

  @media (min-width: 768px) {
    .col-sm-pc0500, .col-sm-d2-40, .col-sm-d1-20 { width: 5%; float: left; }                                  /* (2/40)  (1/20) */
    .col-sm-pc1000, .col-sm-d4-40, .col-sm-d2-20, .col-sm-d1-10 { width: 10%; float: left; }                  /* (4/40)  (2/20)  (1/10) */
    .col-sm-pc1500, .col-sm-d6-40, .col-sm-d3-20 { width: 15%; float: left; }                                 /* (5/40)  (3/20) */
    .col-sm-pc2000, .col-sm-d8-40, .col-sm-d4-20, .col-sm-d2-10, .col-sm-d1-5 { width: 20%; float: left; }    /* (6/40)  (4/20)  (2/10)       (1/5) */
    .col-sm-pc2500, .col-sm-d10-40, .col-sm-d5-20, .col-sm-d2-8 { width: 25%; float: left; }                  /* (10/40) (5/20)         (2/8) */
    .col-sm-pc3000, .col-sm-d12-40, .col-sm-d6-20, .col-sm-d3-10 { width: 30%; float: left; }                 /* (12/40) (6/20)  (3/10) */
    .col-sm-pc3500, .col-sm-d14-40, .col-sm-d7-20 { width: 35%; float: left; }                                /* (14/40) (7/20) */
    .col-sm-pc4000, .col-sm-d16-40, .col-sm-d8-20, .col-sm-d4-10, .col-sm-d2-5 { width: 40%; float: left; }   /* (16/40) (8/20)  (4/10)       (2/5) */
    .col-sm-pc4500, .col-sm-d18-40, .col-sm-d9-20 { width: 45%; float: left; }                                /* (18/40) (9/20) */
    .col-sm-pc5000, .col-sm-d20-40, .col-sm-d10-20, .col-sm-d5-10, .col-sm-d4-8 { width: 50%; float: left; }  /* (20/40) (10/20) (5/10) (4/8) */
    .col-sm-pc5500, .col-sm-d22-40, .col-sm-d11-20 { width: 55%; float: left; }                               /* (22/40) (11/20) */
    .col-sm-pc6500, .col-sm-d24-40, .col-sm-d12-20, .col-sm-d6-10, .col-sm-d3-5 { width: 60%; float: left; }  /* (24/40) (12/20) (6/10)       (3/5) */
    .col-sm-pc6500, .col-sm-d26-40, .col-sm-d13-20 { width: 65%; float: left; }                               /* (26/40) (13/20) */
    .col-sm-pc7000, .col-sm-d28-40, .col-sm-d14-20, col-sm-d7-10 { width: 70%; float: left; }                 /* (28/40) (14/20) (7/10) */
    .col-sm-pc7500, .col-sm-d30-40, .col-sm-d15-20, .col-sm-d6-8 { width: 75%; float: left; }                 /* (30/40) (15/20)        (6/8) */
    .col-sm-pc8000, .col-sm-d32-40, .col-sm-d16-20, .col-sm-d8-10, .col-sm-d4-5 { width: 80%; float: left; }  /* (32/40) (16/20) (8/10)       (4/5) */
    .col-sm-pc8500, .col-sm-d34-40, .col-sm-d17-20 { width: 85%; float: left; }                               /* (34/40) (17/20) */
    .col-sm-pc9000, .col-sm-d36-40, .col-sm-d18-20, .col-sm-d9-10 { width: 90%; float: left; }                /* (36/40) (18/20) (9/10) */
    .col-sm-pc9500, .col-sm-d38-40, .col-sm-d19-20 { width: 95%; float: left; }                               /* (38/40) (19/20) */
    .col-sm-pc10000, .col-sm-d100 { width: 100%; float: left; }                                               /* (40/40) (20/20) (10/10) (8/8) (5/5) */

    .col-sm-pc1250, .col-sm-d5-40, .col-sm-d1-8 { width: 12.5%; float: left; }                                /* (5/40)                  (1/8) */
    .col-sm-pc3750, .col-sm-d15-40, .col-sm-d3-8 { width: 37.5%; float: left; }                               /* (15/40)                 (3/8) */
    .col-sm-pc6250, .col-sm-d25-40, .col-sm-d5-8 { width: 62.5%; float: left; }                               /* (25/40)                 (5/8) */
    .col-sm-pc8750, .col-sm-d35-40, .col-sm-d7-8 { width: 87.5%; float: left; }                               /* (35/40)                 (7/8) */

    .col-sm-pc1428, .col-sm-d1-7 { width: 14.28571428571429%; float: left; }                                  /* (1/7) */
    .col-sm-pc2857, .col-sm-d2-7 { width: 28.57142857142857%; float: left; }                                  /* (2/7) */
    .col-sm-pc4285, .col-sm-d3-7 { width: 42.85714285714286%; float: left; }                                  /* (3/7) */
    .col-sm-pc5714, .col-sm-d4-7 { width: 57.14285714285714%; float: left; }                                  /* (4/7) */
    .col-sm-pc7142, .col-sm-d5-7 { width: 71.42857142857143%; float: left; }                                  /* (5/7) */
    .col-sm-pc8571, .col-sm-d6-7 { width: 85.71428571428571%; float: left; }                                  /* (6/7) */

    .col-sm-pc1111, .col-sm-d1-9 { width: 11.11111111111111%; float: left; }                                  /* (1/9) */
    .col-sm-pc2222, .col-sm-d2-9 { width: 22.22222222222222%; float: left; }                                  /* (2/9) */
    .col-sm-pc3333, .col-sm-d3-9 { width: 33.33333333333333%; float: left; }                                  /* (3/9) */
    .col-sm-pc4444, .col-sm-d4-9 { width: 44.44444444444444%; float: left; }                                  /* (4/9) */
    .col-sm-pc5555, .col-sm-d5-9 { width: 55.55555555555556%; float: left; }                                  /* (5/9) */
    .col-sm-pc6666, .col-sm-d6-9 { width: 66.66666666666666%; float: left; }                                  /* (6/9) */
    .col-sm-pc7777, .col-sm-d7-9 { width: 77.77777777777778%; float: left; }                                  /* (7/9) */
    .col-sm-pc8888, .col-sm-d8-9 { width: 88.88888888888889%; float: left; }                                  /* (8/9) */

    .col-sm-pc0250, .col-sm-d1-40 { width: 2.5%; float: left; }                                               /* (1/40) */
    .col-sm-pc0750, .col-sm-d3-40 { width: 7.5%; float: left; }                                               /* (3/40) */
    .col-sm-pc1750, .col-sm-d7-40 { width: 17.5%; float: left; }                                              /* (7/40) */
    .col-sm-pc2250, .col-sm-d9-40 { width: 22.5%; float: left; }                                              /* (9/40) */
    .col-sm-pc2750, .col-sm-d11-40 { width: 27.5%; float: left; }                                             /* (11/40) */
    .col-sm-pc3250, .col-sm-d13-40 { width: 32.5%; float: left; }                                             /* (13/40) */
    .col-sm-pc4250, .col-sm-d17-40 { width: 42.5%; float: left; }                                             /* (17/40) */
    .col-sm-pc4750, .col-sm-d19-40 { width: 47.5%; float: left; }                                             /* (19/40) */
    .col-sm-pc5250, .col-sm-d21-40 { width: 52.5%; float: left; }                                             /* (21/40) */
    .col-sm-pc5750, .col-sm-d23-40 { width: 57.5%; float: left; }                                             /* (23/40) */
    .col-sm-pc6750, .col-sm-d27-40 { width: 67.5%; float: left; }                                             /* (27/40) */
    .col-sm-pc7250, .col-sm-d29-40 { width: 72.5%; float: left; }                                             /* (29/40) */
    .col-sm-pc7750, .col-sm-d31-40 { width: 77.5%; float: left; }                                             /* (31/40) */
    .col-sm-pc8250, .col-sm-d33-40 { width: 82.5%; float: left; }                                             /* (33/40) */
    .col-sm-pc9250, .col-sm-d37-40 { width: 92.5%; float: left; }                                             /* (37/40) */
    .col-sm-pc9750, .col-sm-d39-40 { width: 97.5%; float: left; }                                             /* (39/40) */

    .col-sm-pc0125, .col-sm-d1-80 { width: 1.25%; float: left; }                                              /* (1/80) */
    .col-sm-pc0375, .col-sm-d3-80 { width: 3.75%; float: left; }                                              /* (3/80) */
    .col-sm-pc0625, .col-sm-d5-80 { width: 6.25%; float: left; }                                              /* (5/80) */
    .col-sm-pc0875, .col-sm-d7-80 { width: 8.75%; float: left; }                                              /* (7/80) */
    .col-sm-pc1125, .col-sm-d9-80 { width: 11.25%; float: left; }                                             /* (9/80) */
    .col-sm-pc1375, .col-sm-d11-80 { width: 13.75%; float: left; }                                            /* (11/80) */
    .col-sm-pc1625, .col-sm-d13-80 { width: 16.25%; float: left; }                                            /* (13/80) */
    .col-sm-pc1875, .col-sm-d15-80 { width: 18.75%; float: left; }                                            /* (15/80) */
    .col-sm-pc2125, .col-sm-d17-80 { width: 21.25%; float: left; }                                            /* (17/80) */
    .col-sm-pc2375, .col-sm-d19-80 { width: 23.75%; float: left; }                                            /* (19/80) */
    .col-sm-pc2625, .col-sm-d21-80 { width: 26.25%; float: left; }                                            /* (21/80) */
    .col-sm-pc2875, .col-sm-d23-80 { width: 28.75%; float: left; }                                            /* (23/80) */
    .col-sm-pc3125, .col-sm-d25-80 { width: 31.25%; float: left; }                                            /* (25/80) */
    .col-sm-pc3375, .col-sm-d27-80 { width: 33.75%; float: left; }                                            /* (27/80) */
    .col-sm-pc3625, .col-sm-d29-80 { width: 36.25%; float: left; }                                            /* (29/80) */
    .col-sm-pc3875, .col-sm-d31-80 { width: 38.75%; float: left; }                                            /* (31/80) */
    .col-sm-pc4125, .col-sm-d33-80 { width: 41.25%; float: left; }                                            /* (33/80) */
    .col-sm-pc4375, .col-sm-d35-80 { width: 43.75%; float: left; }                                            /* (35/80) */
    .col-sm-pc4625, .col-sm-d37-80 { width: 46.25%; float: left; }                                            /* (37/80) */
    .col-sm-pc4875, .col-sm-d39-80 { width: 48.75%; float: left; }                                            /* (39/80) */
  }

  @media (min-width: 992px) {
    .col-md-pc0500, .col-md-d2-40, .col-md-d1-20 { width: 5%; float: left; }                                  /* (2/40)  (1/20) */
    .col-md-pc1000, .col-md-d4-40, .col-md-d2-20, .col-md-d1-10 { width: 10%; float: left; }                  /* (4/40)  (2/20)  (1/10) */
    .col-md-pc1500, .col-md-d6-40, .col-md-d3-20 { width: 15%; float: left; }                                 /* (5/40)  (3/20) */
    .col-md-pc2000, .col-md-d8-40, .col-md-d4-20, .col-md-d2-10, .col-md-d1-5 { width: 20%; float: left; }    /* (6/40)  (4/20)  (2/10)       (1/5) */
    .col-md-pc2500, .col-md-d10-40, .col-md-d5-20, .col-md-d2-8 { width: 25%; float: left; }                  /* (10/40) (5/20)         (2/8) */
    .col-md-pc3000, .col-md-d12-40, .col-md-d6-20, .col-md-d3-10 { width: 30%; float: left; }                 /* (12/40) (6/20)  (3/10) */
    .col-md-pc3500, .col-md-d14-40, .col-md-d7-20 { width: 35%; float: left; }                                /* (14/40) (7/20) */
    .col-md-pc4000, .col-md-d16-40, .col-md-d8-20, .col-md-d4-10, .col-md-d2-5 { width: 40%; float: left; }   /* (16/40) (8/20)  (4/10)       (2/5) */
    .col-md-pc4500, .col-md-d18-40, .col-md-d9-20 { width: 45%; float: left; }                                /* (18/40) (9/20) */
    .col-md-pc5000, .col-md-d20-40, .col-md-d10-20, .col-md-d5-10, .col-md-d4-8 { width: 50%; float: left; }  /* (20/40) (10/20) (5/10) (4/8) */
    .col-md-pc5500, .col-md-d22-40, .col-md-d11-20 { width: 55%; float: left; }                               /* (22/40) (11/20) */
    .col-md-pc6500, .col-md-d24-40, .col-md-d12-20, .col-md-d6-10, .col-md-d3-5 { width: 60%; float: left; }  /* (24/40) (12/20) (6/10)       (3/5) */
    .col-md-pc6500, .col-md-d26-40, .col-md-d13-20 { width: 65%; float: left; }                               /* (26/40) (13/20) */
    .col-md-pc7000, .col-md-d28-40, .col-md-d14-20, col-md-d7-10 { width: 70%; float: left; }                 /* (28/40) (14/20) (7/10) */
    .col-md-pc7500, .col-md-d30-40, .col-md-d15-20, .col-md-d6-8 { width: 75%; float: left; }                 /* (30/40) (15/20)        (6/8) */
    .col-md-pc8000, .col-md-d32-40, .col-md-d16-20, .col-md-d8-10, .col-md-d4-5 { width: 80%; float: left; }  /* (32/40) (16/20) (8/10)       (4/5) */
    .col-md-pc8500, .col-md-d34-40, .col-md-d17-20 { width: 85%; float: left; }                               /* (34/40) (17/20) */
    .col-md-pc9000, .col-md-d36-40, .col-md-d18-20, .col-md-d9-10 { width: 90%; float: left; }                /* (36/40) (18/20) (9/10) */
    .col-md-pc9500, .col-md-d38-40, .col-md-d19-20 { width: 95%; float: left; }                               /* (38/40) (19/20) */
    .col-md-pc10000, .col-md-d100 { width: 100%; float: left; }                                               /* (40/40) (20/20) (10/10) (8/8) (5/5) */

    .col-md-pc1250, .col-md-d5-40, .col-md-d1-8 { width: 12.5%; float: left; }                                /* (5/40)                  (1/8) */
    .col-md-pc3750, .col-md-d15-40, .col-md-d3-8 { width: 37.5%; float: left; }                               /* (15/40)                 (3/8) */
    .col-md-pc6250, .col-md-d25-40, .col-md-d5-8 { width: 62.5%; float: left; }                               /* (25/40)                 (5/8) */
    .col-md-pc8750, .col-md-d35-40, .col-md-d7-8 { width: 87.5%; float: left; }                               /* (35/40)                 (7/8) */

    .col-md-pc1428, .col-md-d1-7 { width: 14.28571428571429%; float: left; }                                  /* (1/7) */
    .col-md-pc2857, .col-md-d2-7 { width: 28.57142857142857%; float: left; }                                  /* (2/7) */
    .col-md-pc4285, .col-md-d3-7 { width: 42.85714285714286%; float: left; }                                  /* (3/7) */
    .col-md-pc5714, .col-md-d4-7 { width: 57.14285714285714%; float: left; }                                  /* (4/7) */
    .col-md-pc7142, .col-md-d5-7 { width: 71.42857142857143%; float: left; }                                  /* (5/7) */
    .col-md-pc8571, .col-md-d6-7 { width: 85.71428571428571%; float: left; }                                  /* (6/7) */

    .col-md-pc1111, .col-md-d1-9 { width: 11.11111111111111%; float: left; }                                  /* (1/9) */
    .col-md-pc2222, .col-md-d2-9 { width: 22.22222222222222%; float: left; }                                  /* (2/9) */
    .col-md-pc3333, .col-md-d3-9 { width: 33.33333333333333%; float: left; }                                  /* (3/9) */
    .col-md-pc4444, .col-md-d4-9 { width: 44.44444444444444%; float: left; }                                  /* (4/9) */
    .col-md-pc5555, .col-md-d5-9 { width: 55.55555555555556%; float: left; }                                  /* (5/9) */
    .col-md-pc6666, .col-md-d6-9 { width: 66.66666666666666%; float: left; }                                  /* (6/9) */
    .col-md-pc7777, .col-md-d7-9 { width: 77.77777777777778%; float: left; }                                  /* (7/9) */
    .col-md-pc8888, .col-md-d8-9 { width: 88.88888888888889%; float: left; }                                  /* (8/9) */

    .col-md-pc0250, .col-md-d1-40 { width: 2.5%; float: left; }                                               /* (1/40) */
    .col-md-pc0750, .col-md-d3-40 { width: 7.5%; float: left; }                                               /* (3/40) */
    .col-md-pc1750, .col-md-d7-40 { width: 17.5%; float: left; }                                              /* (7/40) */
    .col-md-pc2250, .col-md-d9-40 { width: 22.5%; float: left; }                                              /* (9/40) */
    .col-md-pc2750, .col-md-d11-40 { width: 27.5%; float: left; }                                             /* (11/40) */
    .col-md-pc3250, .col-md-d13-40 { width: 32.5%; float: left; }                                             /* (13/40) */
    .col-md-pc4250, .col-md-d17-40 { width: 42.5%; float: left; }                                             /* (17/40) */
    .col-md-pc4750, .col-md-d19-40 { width: 47.5%; float: left; }                                             /* (19/40) */
    .col-md-pc5250, .col-md-d21-40 { width: 52.5%; float: left; }                                             /* (21/40) */
    .col-md-pc5750, .col-md-d23-40 { width: 57.5%; float: left; }                                             /* (23/40) */
    .col-md-pc6750, .col-md-d27-40 { width: 67.5%; float: left; }                                             /* (27/40) */
    .col-md-pc7250, .col-md-d29-40 { width: 72.5%; float: left; }                                             /* (29/40) */
    .col-md-pc7750, .col-md-d31-40 { width: 77.5%; float: left; }                                             /* (31/40) */
    .col-md-pc8250, .col-md-d33-40 { width: 82.5%; float: left; }                                             /* (33/40) */
    .col-md-pc9250, .col-md-d37-40 { width: 92.5%; float: left; }                                             /* (37/40) */
    .col-md-pc9750, .col-md-d39-40 { width: 97.5%; float: left; }                                             /* (39/40) */

    .col-md-pc0125, .col-md-d1-80 { width: 1.25%; float: left; }                                              /* (1/80) */
    .col-md-pc0375, .col-md-d3-80 { width: 3.75%; float: left; }                                              /* (3/80) */
    .col-md-pc0625, .col-md-d5-80 { width: 6.25%; float: left; }                                              /* (5/80) */
    .col-md-pc0875, .col-md-d7-80 { width: 8.75%; float: left; }                                              /* (7/80) */
    .col-md-pc1125, .col-md-d9-80 { width: 11.25%; float: left; }                                             /* (9/80) */
    .col-md-pc1375, .col-md-d11-80 { width: 13.75%; float: left; }                                            /* (11/80) */
    .col-md-pc1625, .col-md-d13-80 { width: 16.25%; float: left; }                                            /* (13/80) */
    .col-md-pc1875, .col-md-d15-80 { width: 18.75%; float: left; }                                            /* (15/80) */
    .col-md-pc2125, .col-md-d17-80 { width: 21.25%; float: left; }                                            /* (17/80) */
    .col-md-pc2375, .col-md-d19-80 { width: 23.75%; float: left; }                                            /* (19/80) */
    .col-md-pc2625, .col-md-d21-80 { width: 26.25%; float: left; }                                            /* (21/80) */
    .col-md-pc2875, .col-md-d23-80 { width: 28.75%; float: left; }                                            /* (23/80) */
    .col-md-pc3125, .col-md-d25-80 { width: 31.25%; float: left; }                                            /* (25/80) */
    .col-md-pc3375, .col-md-d27-80 { width: 33.75%; float: left; }                                            /* (27/80) */
    .col-md-pc3625, .col-md-d29-80 { width: 36.25%; float: left; }                                            /* (29/80) */
    .col-md-pc3875, .col-md-d31-80 { width: 38.75%; float: left; }                                            /* (31/80) */
    .col-md-pc4125, .col-md-d33-80 { width: 41.25%; float: left; }                                            /* (33/80) */
    .col-md-pc4375, .col-md-d35-80 { width: 43.75%; float: left; }                                            /* (35/80) */
    .col-md-pc4625, .col-md-d37-80 { width: 46.25%; float: left; }                                            /* (37/80) */
    .col-md-pc4875, .col-md-d39-80 { width: 48.75%; float: left; }                                            /* (39/80) */
  }

  @media (min-width: 1200px) {
    .col-lg-pc0500, .col-lg-d2-40, .col-lg-d1-20 { width: 5%; float: left; }                                  /* (2/40)  (1/20) */
    .col-lg-pc1000, .col-lg-d4-40, .col-lg-d2-20, .col-lg-d1-10 { width: 10%; float: left; }                  /* (4/40)  (2/20)  (1/10) */
    .col-lg-pc1500, .col-lg-d6-40, .col-lg-d3-20 { width: 15%; float: left; }                                 /* (5/40)  (3/20) */
    .col-lg-pc2000, .col-lg-d8-40, .col-lg-d4-20, .col-lg-d2-10, .col-lg-d1-5 { width: 20%; float: left; }    /* (6/40)  (4/20)  (2/10)       (1/5) */
    .col-lg-pc2500, .col-lg-d10-40, .col-lg-d5-20, .col-lg-d2-8 { width: 25%; float: left; }                  /* (10/40) (5/20)         (2/8) */
    .col-lg-pc3000, .col-lg-d12-40, .col-lg-d6-20, .col-lg-d3-10 { width: 30%; float: left; }                 /* (12/40) (6/20)  (3/10) */
    .col-lg-pc3500, .col-lg-d14-40, .col-lg-d7-20 { width: 35%; float: left; }                                /* (14/40) (7/20) */
    .col-lg-pc4000, .col-lg-d16-40, .col-lg-d8-20, .col-lg-d4-10, .col-lg-d2-5 { width: 40%; float: left; }   /* (16/40) (8/20)  (4/10)       (2/5) */
    .col-lg-pc4500, .col-lg-d18-40, .col-lg-d9-20 { width: 45%; float: left; }                                /* (18/40) (9/20) */
    .col-lg-pc5000, .col-lg-d20-40, .col-lg-d10-20, .col-lg-d5-10, .col-lg-d4-8 { width: 50%; float: left; }  /* (20/40) (10/20) (5/10) (4/8) */
    .col-lg-pc5500, .col-lg-d22-40, .col-lg-d11-20 { width: 55%; float: left; }                               /* (22/40) (11/20) */
    .col-lg-pc6500, .col-lg-d24-40, .col-lg-d12-20, .col-lg-d6-10, .col-lg-d3-5 { width: 60%; float: left; }  /* (24/40) (12/20) (6/10)       (3/5) */
    .col-lg-pc6500, .col-lg-d26-40, .col-lg-d13-20 { width: 65%; float: left; }                               /* (26/40) (13/20) */
    .col-lg-pc7000, .col-lg-d28-40, .col-lg-d14-20, col-lg-d7-10 { width: 70%; float: left; }                 /* (28/40) (14/20) (7/10) */
    .col-lg-pc7500, .col-lg-d30-40, .col-lg-d15-20, .col-lg-d6-8 { width: 75%; float: left; }                 /* (30/40) (15/20)        (6/8) */
    .col-lg-pc8000, .col-lg-d32-40, .col-lg-d16-20, .col-lg-d8-10, .col-lg-d4-5 { width: 80%; float: left; }  /* (32/40) (16/20) (8/10)       (4/5) */
    .col-lg-pc8500, .col-lg-d34-40, .col-lg-d17-20 { width: 85%; float: left; }                               /* (34/40) (17/20) */
    .col-lg-pc9000, .col-lg-d36-40, .col-lg-d18-20, .col-lg-d9-10 { width: 90%; float: left; }                /* (36/40) (18/20) (9/10) */
    .col-lg-pc9500, .col-lg-d38-40, .col-lg-d19-20 { width: 95%; float: left; }                               /* (38/40) (19/20) */
    .col-lg-pc10000, .col-lg-d100 { width: 100%; float: left; }                                               /* (40/40) (20/20) (10/10) (8/8) (5/5) */

    .col-lg-pc1250, .col-lg-d5-40, .col-lg-d1-8 { width: 12.5%; float: left; }                                /* (5/40)                  (1/8) */
    .col-lg-pc3750, .col-lg-d15-40, .col-lg-d3-8 { width: 37.5%; float: left; }                               /* (15/40)                 (3/8) */
    .col-lg-pc6250, .col-lg-d25-40, .col-lg-d5-8 { width: 62.5%; float: left; }                               /* (25/40)                 (5/8) */
    .col-lg-pc8750, .col-lg-d35-40, .col-lg-d7-8 { width: 87.5%; float: left; }                               /* (35/40)                 (7/8) */

    .col-lg-pc1428, .col-lg-d1-7 { width: 14.28571428571429%; float: left; }                                  /* (1/7) */
    .col-lg-pc2857, .col-lg-d2-7 { width: 28.57142857142857%; float: left; }                                  /* (2/7) */
    .col-lg-pc4285, .col-lg-d3-7 { width: 42.85714285714286%; float: left; }                                  /* (3/7) */
    .col-lg-pc5714, .col-lg-d4-7 { width: 57.14285714285714%; float: left; }                                  /* (4/7) */
    .col-lg-pc7142, .col-lg-d5-7 { width: 71.42857142857143%; float: left; }                                  /* (5/7) */
    .col-lg-pc8571, .col-lg-d6-7 { width: 85.71428571428571%; float: left; }                                  /* (6/7) */

    .col-lg-pc1111, .col-lg-d1-9 { width: 11.11111111111111%; float: left; }                                  /* (1/9) */
    .col-lg-pc2222, .col-lg-d2-9 { width: 22.22222222222222%; float: left; }                                  /* (2/9) */
    .col-lg-pc3333, .col-lg-d3-9 { width: 33.33333333333333%; float: left; }                                  /* (3/9) */
    .col-lg-pc4444, .col-lg-d4-9 { width: 44.44444444444444%; float: left; }                                  /* (4/9) */
    .col-lg-pc5555, .col-lg-d5-9 { width: 55.55555555555556%; float: left; }                                  /* (5/9) */
    .col-lg-pc6666, .col-lg-d6-9 { width: 66.66666666666666%; float: left; }                                  /* (6/9) */
    .col-lg-pc7777, .col-lg-d7-9 { width: 77.77777777777778%; float: left; }                                  /* (7/9) */
    .col-lg-pc8888, .col-lg-d8-9 { width: 88.88888888888889%; float: left; }                                  /* (8/9) */

    .col-lg-pc0250, .col-lg-d1-40 { width: 2.5%; float: left; }                                               /* (1/40) */
    .col-lg-pc0750, .col-lg-d3-40 { width: 7.5%; float: left; }                                               /* (3/40) */
    .col-lg-pc1750, .col-lg-d7-40 { width: 17.5%; float: left; }                                              /* (7/40) */
    .col-lg-pc2250, .col-lg-d9-40 { width: 22.5%; float: left; }                                              /* (9/40) */
    .col-lg-pc2750, .col-lg-d11-40 { width: 27.5%; float: left; }                                             /* (11/40) */
    .col-lg-pc3250, .col-lg-d13-40 { width: 32.5%; float: left; }                                             /* (13/40) */
    .col-lg-pc4250, .col-lg-d17-40 { width: 42.5%; float: left; }                                             /* (17/40) */
    .col-lg-pc4750, .col-lg-d19-40 { width: 47.5%; float: left; }                                             /* (19/40) */
    .col-lg-pc5250, .col-lg-d21-40 { width: 52.5%; float: left; }                                             /* (21/40) */
    .col-lg-pc5750, .col-lg-d23-40 { width: 57.5%; float: left; }                                             /* (23/40) */
    .col-lg-pc6750, .col-lg-d27-40 { width: 67.5%; float: left; }                                             /* (27/40) */
    .col-lg-pc7250, .col-lg-d29-40 { width: 72.5%; float: left; }                                             /* (29/40) */
    .col-lg-pc7750, .col-lg-d31-40 { width: 77.5%; float: left; }                                             /* (31/40) */
    .col-lg-pc8250, .col-lg-d33-40 { width: 82.5%; float: left; }                                             /* (33/40) */
    .col-lg-pc9250, .col-lg-d37-40 { width: 92.5%; float: left; }                                             /* (37/40) */
    .col-lg-pc9750, .col-lg-d39-40 { width: 97.5%; float: left; }                                             /* (39/40) */

    .col-lg-pc0125, .col-lg-d1-80 { width: 1.25%; float: left; }                                              /* (1/80) */
    .col-lg-pc0375, .col-lg-d3-80 { width: 3.75%; float: left; }                                              /* (3/80) */
    .col-lg-pc0625, .col-lg-d5-80 { width: 6.25%; float: left; }                                              /* (5/80) */
    .col-lg-pc0875, .col-lg-d7-80 { width: 8.75%; float: left; }                                              /* (7/80) */
    .col-lg-pc1125, .col-lg-d9-80 { width: 11.25%; float: left; }                                             /* (9/80) */
    .col-lg-pc1375, .col-lg-d11-80 { width: 13.75%; float: left; }                                            /* (11/80) */
    .col-lg-pc1625, .col-lg-d13-80 { width: 16.25%; float: left; }                                            /* (13/80) */
    .col-lg-pc1875, .col-lg-d15-80 { width: 18.75%; float: left; }                                            /* (15/80) */
    .col-lg-pc2125, .col-lg-d17-80 { width: 21.25%; float: left; }                                            /* (17/80) */
    .col-lg-pc2375, .col-lg-d19-80 { width: 23.75%; float: left; }                                            /* (19/80) */
    .col-lg-pc2625, .col-lg-d21-80 { width: 26.25%; float: left; }                                            /* (21/80) */
    .col-lg-pc2875, .col-lg-d23-80 { width: 28.75%; float: left; }                                            /* (23/80) */
    .col-lg-pc3125, .col-lg-d25-80 { width: 31.25%; float: left; }                                            /* (25/80) */
    .col-lg-pc3375, .col-lg-d27-80 { width: 33.75%; float: left; }                                            /* (27/80) */
    .col-lg-pc3625, .col-lg-d29-80 { width: 36.25%; float: left; }                                            /* (29/80) */
    .col-lg-pc3875, .col-lg-d31-80 { width: 38.75%; float: left; }                                            /* (31/80) */
    .col-lg-pc4125, .col-lg-d33-80 { width: 41.25%; float: left; }                                            /* (33/80) */
    .col-lg-pc4375, .col-lg-d35-80 { width: 43.75%; float: left; }                                            /* (35/80) */
    .col-lg-pc4625, .col-lg-d37-80 { width: 46.25%; float: left; }                                            /* (37/80) */
    .col-lg-pc4875, .col-lg-d39-80 { width: 48.75%; float: left; }                                            /* (39/80) */
  }
/* ------------ */