//cores
@plusnetAzul: #337ab7;
@plusnetVerde: #88AE4F;

//animações

@keyframes rot360 {
  0% {
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
    transform: rotate(360deg);
  }
}

body 
{
    position:relative;
    padding-top:60px;
    max-width:100%;
    overflow-x:hidden;
}

::-webkit-input-placeholder {font-style:italic;}
::-moz-placeholder {font-style:italic;}
:-ms-input-placeholder {font-style:italic;}
:-moz-placeholder {font-style:italic;}

.ace_editor {
    height: 300px;
    border:1px solid #ccc;
    border-radius:4px;
}
label
{
    font-weight:normal;
}
.mtop10
{
    margin-top:10px;
}
.alert-min
{
    padding:5px;
    margin-bottom:10px;
}
.well-min
{
    
    padding:5px;
    margin-bottom:10px;
    font-size:11px;
    color:#999;
    margin-top:10px;
}

.font-small
{
    font-size: 0.8em;
}


.input-Inline
{
    display:inline;
}
.input-group
{
    margin-bottom:10px;
}
.infotip span
{
    color:#bbb;
    font-size:10px;
}
.cursor-pointer
{
    cursor: pointer !important;
}


.btn.disabled, .btn[disabled], fieldset[disabled] .btn
{
    cursor:default;
}
input.disabled, .input[disabled], fieldset[disabled] input, .form-control[disabled], fieldset[disabled] .form-control
{
    cursor:default;
}
.checkbox-border
{    
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-weight:bold;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    margin:0px;
}
.checkbox-border label
{    
    color: #333;
    font-weight:bold;
}
.form-group input[type=checkbox]
{
    width:18px;
    height:18px;
    margin-top:7px;
}

.has-error .control-label{ color: #333}
.has-success .control-label{ color: #333}

.has-error .note-editor, .has-error .ace_editor{ border-color: #a94442;}
.has-success .note-editor, .has-success .ace_editor{ border-color: #3c763d;}


.note-editor .modal-body{ padding:30px;}

.panel-heading[role=tab]
{
    padding:0px;
}
.panel-heading[role=tab] a
{
    text-decoration:none;
    color:#333;
    font-weight:bold;
    width:100%;
    display:inline-block;
    padding: 10px 15px;
}

.disabled-as-readonly
{
    cursor:default !important;
}

.table-disabled
{
    background-color:#f4f4f4;
}
.table-inativo
{
    vertical-align:middle !important;
    color:#999;
}

.in-force
{
    display:block !important;
    height:auto !important;
}

.panel-heading[role=tab] button {
    text-decoration: none;
    color: #333;
    font-weight: bold;
    width: 100%;
    display: inline-block;
    padding: 10px 15px;
    border:0px;
    text-align:left;
    background-color:transparent;
    outline:none;
}
.panel-disabled, .panel-disabled .list-group, .panel-disabled .list-group-item, .panel-disabled .panel-body
{
    color:#ccc;
}
.panel-disabled .panel-heading
{
    color:#aaa;
}

.panel-disabled-opacity
{
    opacity: 0.7;
}
/* =============================== */
/* ==========   GERAL   ========== */
/* =============================== */
.bigText {
    font-size: 18px;
    line-height: 40px;
}

.btn
{
    font-weight:bold;
}
.btnVerde {
    background-color:#88AE4F !important;
    color:#fff !important;
    border-color:#7A9156 !important;
}
.btnVerde:hover, .btnVerde:focus, .btnVerde:active:focus, .btnVerde.active:focus, .btnVerde.active:focus {
    background-color:#799A47 !important;
    color:#fff !important;
    border-color:#677A49 !important;
}

.btnVerde.disabled, .btnVerde[disabled] {
    background-color:#A0BF73 !important;
    color:#fff !important;
    border-color:#677A49 !important;
}
.btnAzul {
    background-color:#326B91 !important;
    color:#fff !important;
    border-color:#456A81 !important;
}
.btnAzul:hover, .btnAzul:focus, .btnAzul:active:focus, .btnAzul.active:focus, .btnAzul.disabled, .btnAzul[disabled]{
    background-color:#326B91 !important;
    color:#fff !important;
    border-color:#456A81 !important;
}

.btn-primary{
    background-color:#88AE4F !important;
    color:#fff !important;
    border-color:#7A9156 !important;
}
.btn-primary:focus, .btn-primary:active:focus, .btn-primary:focus, .btn-primary.active:focus {
    background-color:#799A47 !important;
    color:#fff !important;
    border-color:#677A49 !important;
}

.btn-primary.disabled, .btn-primary[disabled] {
    background-color:#A0BF73 !important;
    color:#fff !important;
    border-color:#677A49 !important;
}


.ico-btn
{
    cursor:pointer;
    margin-left:3px;
    margin-right:3px;
}
.ico-btn-disabled
{
    cursor:default;
}
.ico-btn-success
{
    color:#799A47;
}
.ico-btn-danger
{
    color:#c9302c;
}
.ico-btn-default
{
    color:#333;
}

.input-error
{
    border-color: #a94442 !important;
}
.input-success
{
    border-color: #3c763d !important;
}

.Carregando
{
    text-align:center;
    font-weight:bold;
    color:#ccc;
    font-size:15px;
    vertical-align:middle;
    line-height:20px;
    padding-top:15px;
    padding-bottom:15px;
    clear:both;
    width:110px;
    margin:auto;
    background-image: url('Imagens/spinner.gif');
    background-repeat:no-repeat;
    background-size: 20px 20px;
    background-position:center left;
}
.Carregando::before
{
    content: "Carregando";
    font-size:15px;
    line-height:20px;
    padding-left:25px;
    color:#ccc;
}

.Processando
{
    font-weight:bold;
    color:#ccc;
    font-size:15px;
    vertical-align:middle;
    line-height:20px;
    padding-top:15px;
    padding-bottom:15px;
    clear:both;
    margin:auto;
    background-image: url('Imagens/spinner.gif');
    background-repeat:no-repeat;
    background-size: 20px 20px;
    background-position:center right;
    text-align:center;
    padding-right:30px;
}
.Processando_img
{

}

.Aguardando {
    text-align: center;
    font-weight: bold;
    color: #ccc;
    font-size: 15px;
    vertical-align: middle;
    line-height: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    clear: both;
    width: 110px;
    margin: auto;
    background-image: url('Imagens/spinner.gif');
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center left;
}

.Aguardando::before {
    content: "Aguardando";
    font-size: 15px;
    line-height: 20px;
    padding-left: 25px;
    color: #ccc;
}


.input-ddd
{
    width:33.5%;
    display:inline-block;
}
.input-fone
{
    width:66%;
    display:inline-block;
}


@media screen and (max-width: 475px) {.input-ddd{width:32%;}}
@media screen and (min-width: 475px) and (max-width: 645px)  {.input-ddd{width:33%;}}
@media screen and (min-width: 645px) and (max-width: 1200px)  {.input-ddd{width:33.3%;}}
.margin-side-0
{
    margin-left:0px !important;
    margin-right:0px !important;
}
.margin-side-reverse
{
    margin-left:-15px !important;
    margin-right:-15px !important;
}
.margin-bottom-0
{
    margin-bottom:0px !important;
}

.margin-bottom-3
{
    margin-bottom:3px !important;
}
.margin-top-10
{
    margin-top:10px !important;
}
.padding-0
{
    padding:0px !important;
}
.input-prop
{
    width:120px;
    display:inline-block;
    text-align:center;
}

.input-required:before
{
    content: "* ";
    font-weight:bold;
    color:#c00;
    font-size:18px;
    line-height:0px;
    top:5px;
    position:relative;
}

.input-price::before
{
    content: "R$";
    line-height:35px;
    position:absolute;
    margin-left:15px;
    font-size:13px;
    color:#999;
}
.input-price input
{
    padding-left:35px;
}

.label-tooltip
{
    font-size:11px;
    color:#ccc;
    
  position: relative;
  cursor: pointer;
}

.label-tooltip:hover:before,
.label-tooltip:hover:after,
.label-tooltip:focus:before,
.label-tooltip:focus:after
{
  -webkit-transform: translateY(-15px);
  -moz-transform:    translateY(-15px);
  transform:         translateY(-15px); 
}


@media (max-width: 768px) { .label-tooltip:after,.label-tooltip[data-tooltip]:after{width:300px;} }
@media (min-width: 768px) and (max-width: 992px) { .label-tooltip:after,.label-tooltip[data-tooltip]:after{width:684px;} }
@media (min-width: 992px) and (max-width: 1200px) { .label-tooltip:after,.label-tooltip[data-tooltip]:after{width:864px;} }
@media (min-width: 1200px) { .label-tooltip:after,.label-tooltip[data-tooltip]:after{width:1032px;} }

.btn-tooltip
{
    position:relative;
}
.btn-tooltip:after
{
    width:auto;
    left:-50%;
}
.btn-tooltip-left:after
{
    left:auto !important;
}

@media (max-width: 768px) { 
    .label-tooltip
    {
        float:left;
        margin-top:3px;
        margin-right:5px;
    }
    .label-tooltip:after
    {
        margin-left: -10px;
    }
}
.validation-icon
{
    display:block;
    position:absolute;
    width:30px;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    right:15px;
    height:100%;
    top:0;
    border:1px solid;
    border-left:0px;
    color: #fff;
    display:none;
    background-color: transparent;
    border-color: transparent;
    z-index:2;
}

.validation-icon:before
{
    position: relative;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 2.2;
    -webkit-font-smoothing: antialiased;
    text-align:center;
    width:100%;
}

.has-error .validation-icon
{
    display:block;
}

.has-error .validation-icon:before
{
    content: "\e101";
    color:#C62626;
}

.has-success .validation-icon
{
    //display:block;
}

.has-success .validation-icon:before
{
    //content: "\e013";
    //color:#3F9A32;
}

.has-loading .validation-icon
{
    display:block;
}

.has-loading .validation-icon::before
{
    content: "\e031";
    color:#31708f;
    animation: rot360 1.5s linear infinite;
}


.validation-icon .pa-Error
{
    right:30px;
    top:-3px;
    z-index: 1000;
      padding: 8px;
      background-color: #000;
      background-color: hsla(0, 0%, 20%, 0.9);
      color: #fff;
      content: attr(data-tooltip);
      font-size: 14px;
      font-weight:normal;
      line-height: 1.5;
      text-align:left;
      white-space: nowrap;
  bottom: auto;
}
@media (max-width: 768px) { .pa-Error{width:250px;} }
@media (min-width: 768px) { .pa-Error{width:auto;} }

.pa-Error, .pa-Error:before
{
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
      opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:    
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:         
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;

}
.validation-icon:hover .pa-Error, .validation-icon:hover .pa-Error:before
{
      visibility: visible;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1;
}

.pa-Error:before{
    
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: #000;
  border-left-color: hsla(0, 0%, 20%, 0.9);
  -webkit-transform: translateX(-15px);
  -moz-transform:    translateX(-15px);
  transform:         translateX(-15px); 
  right:-15px;
  top:12px;
}

.has-success .pa-Error
{
    display:none;
}


.validation-icon-short
{
    right:0px;
}


.validation-icon-short .pa-Error
{
    width:450px;
    white-space:initial;
}
@media (max-width: 450px) { .validation-icon-short .pa-Error{width:auto;} }

.validation-icon-select
{
    right:25px;
}
.validation-icon-lista
{
    right:-3px;
    top:0px;
    font-size:11px;
}

.force-round-right
{
    border-top-right-radius:4px !important;
    border-bottom-right-radius:4px !important;
}

.table-listing
{
    border:1px solid #ddd;
    border-radius:4px;
}
.table-listing table
{
    margin-bottom:0px;
}
.table-listing table th
{
    background-color:#f4f4f4;
}

.table-listing table td
{
    cursor:pointer;
}
.page-breadcrumb
{
    background-color:transparent;
    font-weight:bold;
    padding:8px 0px;
    color:#333;
    border-bottom:1px solid #ddd;
    border-radius:0px;
}
.breadcrumb > li + li:before {
    content: ":";
    margin-left:-3px;
    color:#333;
    padding-left:0px;
}

.page-breadcrumb a
{
    color:#333;
    text-decoration:none;
}
.page-breadcrumb a:hover
{
    text-decoration:underline;
}

.alert-nav
{
    padding:3px 15px;
    font-size:16px;
    font-weight:bold;
    line-height: 48px;
}

.panel-heading-button-disabled[disabled=disabled]
{
    background-color:#c00;
}

.panel-heading-button-disabled[disabled=disabled] {
  position: relative;
}
.panel-heading-button-disabled[disabled=disabled]:before,
.panel-heading-button-disabled[disabled=disabled]:after
 {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
      opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:    
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:         
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

.panel-heading-button-disabled[disabled=disabled]:hover:before,
.panel-heading-button-disabled[disabled=disabled]:hover:after,
.panel-heading-button-disabled[disabled=disabled]:focus:before,
.panel-heading-button-disabled[disabled=disabled]:focus:after
 {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.panel-heading-button-disabled[disabled=disabled]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
  display:none;
}
.panel-heading-button-disabled[disabled=disabled]:after {
  z-index: 1000;
  padding: 10px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: "Confirme as alterações pendentes antes de prosseguir";
  font-size: 14px;
  font-weight:normal;
  line-height: 1.5;
}

.panel-heading-button-disabled[disabled=disabled]:after
{
  bottom: 0%;
  left: 50%;
  width:250px;
  margin-left:-125px;
  text-align:center;
}

.panel-heading-button-disabled[disabled=disabled]:before
 {
  bottom: 100%;
  left: 50%;
  margin-left: 0px;
  margin-bottom: 0px;
  border-top-color: #000;
  border-top-color: hsla(0, 0%, 20%, 0.9);
}

.nav-lista-form
{
    display:block;
    float:left;
}

.nav-lista-form li
{
    display:block;
    float:left;
    margin-bottom:-2px;
}
.nav-lista-div
{
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
    position: relative;
    display: block;
    padding: 10px 15px;
    color: #888;
    background-color:#f5f5f5;
    cursor:pointer;
    text-decoration: none;
}
.nav-lista-div-excluir
{
    color: #a94442 !important;
    background-color: #f2dede !important;
    border-color: #ebccd1 !important;
    border-bottom:0px;
}
.nav-lista-adicionar .nav-lista-div 
{
    cursor:default;
    margin-bottom:0px;
}
.nav-lista-adicionar-closed .nav-lista-div 
{
    cursor:default;
    margin-bottom:0px;
    border:0px;
    background-color:#fff;
    color:#555;
    margin-bottom:1px;
}
.nav-lista-selecionado
{
    color: #333;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.nav-lista-item
{
    display:inline-block;
    height:25px;
    min-width:60px;
    line-height:25px;
    vertical-align:middle;
    padding-right:5px;
}
.nav-lista-div-input
{
    display:inline-block;
    position:relative;
}
.nav-lista-input
{
    //width:120px;
    display:inline-block;
    //height:25px;
    //line-height:25px;
    vertical-align:middle;
}
.nav-lista .btn
{
    //height:25px;
    //line-height:25px;
    //width:25px;
    //font-size:11px;
    vertical-align:middle;
    display:inline-block;
    text-align:center;
    //padding:0px;
}
.tabelas-lista
{
    border:0px;
    border-bottom:1px solid #ddd;
    position: relative;
    display: block;
    padding: 10px 15px;

}

.ui-sortable-handle
{
    border:1px solid transparent;
    cursor: move;
}
.ui-sortable-handle *, .ui-sortable-handle .bootstrap-switch-container *, .ui-sortable-handle input.disabled, .ui-sortable-handle .form-control[disabled]
{
    cursor: move;
}

.ui-sortable-handle .bootstrap-switch.bootstrap-switch-disabled.ui-sortable-handle .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, .ui-sortable-handle .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,.ui-sortable-handle .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off
{
    cursor: move !important;
}

.ui-sortable-handle button, .ui-sortable-handle button *, .ui-sortable-handle .ico-btn,
{
    cursor: pointer;
}
.ui-sortable-handle .mock-input input, .ui-sortable-handle input:not([disabled])
{
    cursor:text;
}

.ui-sortable-helper
{
    border:1px dashed #ccc;
}

.form-input-mock
{
    padding:0px 0px;
    height:auto;
    min-height:45px;
}
.form-input-mock-locked
{
    background-color:#eee;
}
.label-variante
{
    background-color:#f5f5f5;
    color:#333;
    border: 1px solid #ddd;
    float:left;
    margin:3px;
    padding:10px;
    font-size:15px;
    line-height:17px;
    min-height:39px;
    display:block;
}
.label-excluir
{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.label-editar
{
    padding:5px 8px;
    //color: #fff;
    //background-color: #286090;
    //border-color: #204d74;
}
.label-editar input
{
    padding:3px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    width:140px;
}
.mock-input
{
    float:left;
    width:320px;
}
.mock-input input
{
    line-height:1.7;
    margin:8px;
    font-size:15px;
    outline:none;
    border:0px;
    width:245px;
}

.ico_color
{
    width:16px;
    height:16px;
    background-color: transparent;
    display:inline-block;
    vertical-align:text-bottom;
    border-radius:4px;
    margin-right:3px;
    margin-left:3px;
    margin-bottom:1px;
    overflow:hidden;
    position:relative;
    border:1px solid #ccc;
    cursor:pointer;
}
.ico_color_sec
{
    height:25px;
    width:25px;
    margin-left:3px;
    margin-top:4px;
    display:block;
    position:relative;
    background-color: transparent;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.dropdown-menu-selecionado a, .dropdown-menu-selecionado a:hover
{
    color:#fff !important;
    background-color: #337ab7 !important;
}
.info-reg
{
    font-size:13px;
    color:#666;
    padding-bottom:15px;
    width:100%;
    position:relative;
}

.file-div
{
    position:relative;
    padding:15px;
    text-align:center;
    border:2px dashed #ddd;
    font-size:15px;
    color:#999;
}
.file-icon
{
    font-size:70px;
    color:#ccc;
}
.file-btn
{
    font-weight:bold;
    margin-bottom:10px;
    white-space:normal;
}
.file-drag
{

}
.file-size
{
    font-size:11px;
}
.img-ext
{
    cursor:pointer;
    margin-bottom:0px;
}

.ico-fechar
{
    float:right;
    color:#999;
    margin-bottom:10px;
    font-size:18px;
    cursor:pointer;
}

.ul-retornar li:nth-child(1) a
{
    text-decoration:none;
    border:1px solid #DDD;
    border-radius:5px;
    background-color:#F5F5F5;
    text-align:center;
    display:inline-block;
    font-size:16px;
    cursor:pointer;
    padding:3px 6px;
}
.ul-retornar li:nth-child(1) a:hover
{
    background-color:#fff;
}
.ul-retornar li:nth-child(2):before
{
    content: "|";
    margin-left:3px;
    font-weight:normal;
    font-size:22px;
}

.panel-body > *:last-child, .panel-body > form > *:last-child
{
    margin-bottom:0px;
}

.sortable-height
{
    overflow:auto;
}

.list-group-item .label
{
    vertical-align:baseline;
}

/* =============================== */
/* ========   CABEÇALHO   ======== */
/* =============================== */
.navbar.navPrincipal
{
    height:49px;
    margin:0px;
    z-index:40000;
}
.navPrincipal .navbar-header
{
    width:100%;
    margin-left:0px;
    margin-right:0px;
}
.navPrincipal .navbar-toggle
{
    margin-right:0px;
    margin-left:15px;
    float:left;
    display: block;
}

.navPrincipal .navbar-brand
{
    padding:14px 15px;
    margin-left:0px !important;
}
.brandLogoff
{
    padding:14px 0px !important;
    width:100%;
    text-align:center;
}
.brandLogoff img
{
    display:inline-block;
}

.navPrincipal .navbar-text
{
    color:#326B91;
    float: left;
    margin-left: 0px !important;
}
.navbar.navSecundario
{
    margin-top:50px;
    z-index:3;
    height:49px;
    background-color:#f5f5f5;
    transition: 2s linear all;
}
.navSecundario .navbar-header
{
    width:100%;
    padding-top:8px;
    margin-left:0px;
    margin-right:0px;
}

.navSecundarioSpacer
{
    height:50px;
}

.navbar.navBottom
{
    z-index:3;
    height:0px;
    min-height:0px;
    overflow:hidden;
    background-color:#f5f5f5;
    
    -webkit-transition: height 250ms;
    -moz-transition: height 250ms;
    -ms-transition: height 250ms;
    -o-transition: height 250ms;
    transition: height 250ms;
}
.navbar.navSecundarioDouble
{
    height:99px;
}
.navSecundarioDoubleSpacer
{
    height:100px;
}

@media (max-width: 1000px) {


    .navbar.navSecundarioDouble-sm {
        height: 99px;
    }

    .navSecundarioDoubleSpacer-sm {
        height: 100px;
    }
}



.navBottom.ativo {
    height:auto;
}
.navBottom.comErro {
    height:auto;
}

.navBottom .navbar-header
{
    width:100%;
    padding-top:8px;
    margin-left:0px;
    margin-right:0px;
    padding-bottom:8px;
}
.navBottomSpacer
{
    height:120px;
}
.navBottom-title-text
{
    display:inline-block;
    font-weight:bold;
    font-size:18px;
    line-height:40px;
    color:#326B91;
}
.navError.ativo
{
    height:58px;
}


.sidebar
{
    display:block;
    overflow:hidden;
    z-index:3;
    position:fixed;
    width:0px;
    background-color:#f5f5f5;
    top:50px;
    bottom:0px;
    left:0px;
    border-right:1px solid #e7e7e7;
    -webkit-transition: width 250ms;
    -moz-transition: width 250ms;
    -ms-transition: width 250ms;
    -o-transition: width 250ms;
    transition: width 250ms;
}
.sidebar.ativo {
    width:300px;
}

.sidebar .panel-group
{
    width:300px;
    padding:5px;
    display:block;
    height:100%;
    overflow-y:scroll;
    overflow-x:hidden;
}
.sidebar .panel-group::-webkit-scrollbar-track
{
	border-radius: 5px;
	background-color: #F5F5F5;
}

.sidebar .panel-group::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

.sidebar .panel-group::-webkit-scrollbar-thumb
{
	border-radius: 5px;
	background-color: #999;
}



.sidebar .panel-heading
{
    background-color:#fff;
    padding:0px;
}

.sidebar .panel-heading a
{
    display:block;
    width:100%;
    padding:10px;
    font-weight:bold;
    text-decoration:none;
}

.sidebar a
{
    cursor:pointer;
}

.sidebar a:hover
{
    background-color:#f5f5f5;
}
/*
.sidebar .panel-heading a[aria-expanded=true]
{
    background-color:#f5f5f5;
}
*/

.list-sub-group
{
    padding:3px;
    background-color:#f5f5f5;
    margin-bottom:0px;
    border-bottom:1px solid #ddd;
}
.list-sub-group li
{
    list-style:none;
}

.list-sub-group li a
{
    border-radius:0px !important;
}

.list-sub-group .list-group-item
{
    padding-left:20px;
    padding-right:20px;
    border-left:1px solid #ddd !important;
    border-right:1px solid #ddd !important;
}

.list-sub-group li:first-child .list-group-item
{
    border-top-left-radius:4px !important;
    border-top-right-radius:4px !important;
    border-top:1px solid #ddd !important;
}
.list-sub-group li:last-child .list-group-item
{
    border-bottom-left-radius:4px !important;
    border-bottom-right-radius:4px !important;
    border-bottom:1px solid #ddd !important;
}

.sidebar .list-group-item[aria-expanded="false"]
{
    background-color:#fff;
}
.sidebar .list-group-item[aria-expanded="false"]:hover
{
    background-color:#f5f5f5;
}
.sidebar-menu-open
{
    background-color:#f5f5f5 !important;
    border-bottom:0px !important;
}

.sidebar-menu-open, .sidebar-menu-active
{
    font-weight:bold;
}
.sidemenu-chevron[aria-expanded="false"] .glyphicon-chevron-down:before {
    content: "\e114";
}
.sidemenu-chevron[aria-expanded="true"] .glyphicon-chevron-down:before {
    content: "\e113";
}

/* =============================== */
/* =========    LOGIN    ========= */
/* =============================== */

.jumbo-criar-loja
{
    background-color:#f5f5f5;
    text-align:center;
    padding-top:25px;
    padding-bottom:25px;
}
.jumbo-criar-loja h2
{
    color: @plusnetAzul;
}
.jumbo-criar-loja p
{
    font-weight:normal;
    font-size:18px;
    color:#333;
    padding-top:5px;
    padding-bottom:5px;
}
/* =============================== */
/* =========    CRIAR    ========= */
/* =============================== */

.icon-provider
{
    height:50px;
    margin-bottom:15px;
    background-repeat:no-repeat;
    background-position-y:center;
    background-position-x:15px;
    font-size:20px;
}
.icon-provider-Google
{
    background-image: url(Imagens/ico-google.png);
    color:#fff;
    background-color:#DD4C3B;
}
.icon-provider-Google:hover, .icon-provider-Google:active, .icon-provider-Google.active
{
    color:#fff;
    background-color:#BE3121;
}
.icon-provider-Facebook
{
    background-image: url(Imagens/ico-facebook.png);
    color:#fff;
    background-color:#3B5997;
}
.icon-provider-Facebook:hover, .icon-provider-Facebook:active, .icon-provider-Facebook.active
{
    color:#fff;
    background-color:#324B81;
}
.icon-provider-Microsoft
{
    background-image: url(Imagens/ico-microsoft.png);
}


.criarColSM5L
{
    padding-right:0px;
}
.criarColSM5R
{
    padding-left:0px;
}
.criarColSM5L .validation-icon
{
    right:0px;
}



@media (max-width: 768px) {
    .criarColSM5L
    {
        padding-right:15px;
    }
    .criarColSM5R
    {
        padding-left:15px;
        padding-top:10px;
    }

    .criarColSM5L .validation-icon
    {
        right:15px;
    }
}


@media (min-width: 768px) {
    .criarColSM5L input
    {
        border-top-right-radius:0px;
        border-bottom-right-radius:0px;
        border-right:0px;
    }
    .criarColSM5R select
    {
        border-top-left-radius:0px;
        border-bottom-left-radius:0px;
    }

}

/* =============================== */
/* =========   PAINEL    ========= */
/* =============================== */
.well-painel
{
    text-align:center;
    background-color:#f5f5f5;
    border-radius:5px;
    border:1px solid #ccc;
    padding:0px;
}
.well-painel a
{
    font-size:20px;
    font-weight:bold;
    display:block;
    width:100%;
    color:#666;
    padding:30px;
    text-decoration:none;
}
.well-painel a:hover
{
    background-color:#f0f0f0;
    text-decoration:none;
}

.alert-painel
{
    padding:0px;
}

.alert-painel a
{
    display:block;
    padding:15px;
    color: inherit;
    text-decoration:none;
}
.alert-painel a:hover
{
    text-decoration:none;
}

.alert-painel a::before
{
    position: relative;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align:middle;
    margin-right:5px;
    font-size:15px;
}
.alert-painel.alert-success a::before{content: "\e084";}
.alert-painel.alert-info a::before{content: "\e086";}
.alert-painel.alert-warning a::before{content: "\e101";}
.alert-painel.alert-danger a::before{content: "\e107";}

.list-group-item-painel
{
    padding:0px;
    border:0px;
}
.list-group-item-painel a
{
    display:block;
    padding: 10px 15px;
    color: inherit;
    text-decoration:none;
}
.list-group-item-painel a:hover
{
    text-decoration:none;
    background-color:#f5f5f5;
}

/* =============================== */
/* =========   PRODUTO   ========= */
/* =============================== */

@media (min-width: 768px)
{
    .modal-dialog
    {
            margin: 90px auto !important;
    }
}

#FormVariantes .ui-sortable-handle, .listaSortable .ui-sortable-handle
{
    border: 1px solid #e3e3e3;
}

#FormVariantes .ui-sortable-helper, .listaSortable .ui-sortable-helper
{
    border:1px dashed #ccc;
}
#FormProdutoProdutosInserir .dropdown-menu
{
    width:100%;
}
@media (min-width: 768px) {
    .tooltip-midia:after
    {
        margin-left: -428px !important;
        width:700px !important;
        white-space:normal;
    }
    .proditem-tooltip:after
    {
        margin-left: -230px !important;
        width: 400px !important;
    }

    
    .tooltip-bottom.proditem-tooltip:after
    {
        margin-top:25px;
    }
    .tooltip-bottom.proditem-tooltip:before
    {
        margin-top:13px;
    }

    .tooltip-bottom.tooltip-midia:after
    {
        margin-top:20px;
    }
    .tooltip-bottom.tooltip-midia:before
    {
        margin-top:8px;
    }
}

.div-medias-container
{
    background-color:#fff;

}


/* =============================== */
/* =========   BANNERS   ========= */
/* =============================== */

.banner-handler
{
}


.banner-handler.ui-sortable-handle
{
    border:0px;
}
.banner-handler.ui-sortable-helper
{
    border:1px dashed #ccc;
}
.ima-banner
{
    cursor:pointer;
    margin-bottom:10px;
}

/* =============================== */
/* =========    MENUS    ========= */
/* =============================== */

.nested-menu-item
{
    padding:0px;
    margin:0px;
}
.nested-menu-item .nested-menu-item
{
    padding-left:40px;
}
.nested-menu-item li
{
    padding:0px;
    margin:0px;
    display:block;
    list-style:none;
}


.nested-menu-item .nested-menu-item-content
{
    display:block;
    padding: 9px;
    border-radius: 3px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    margin-bottom:5px;
}


.nested-menu-item-no-cursor
{
    cursor: default;
}


.nested-menu-item-spacer
{
    height:10px;
    border:1px dashed #ccc;
    //margin-top:-54px !important;
    //margin-bottom:-54px !important;
    position:relative;
}

.nested-menu-item-spacer-last
{
    //margin-bottom:0px !important;
}


.nested-menu-item .ui-sortable-placeholder
{
    border:1px dashed #ccc;
    background-color:#f0f0f0;
    height:54px;
}
.menu-item-label
{
    padding-top:7px;
}

.img-midia-holder
{
    min-height:180px;
}
.img-midia
{
    display:inline-block;
    vertical-align:top;
    cursor:pointer;
    border:1px solid #ccc;
    margin-right:5px;
    background-color:#fff;
}
.img-midia:hover
{
    border:1px solid #aaa;
}
.img-midia-locked
{
    cursor:default;
    opacity: .5;
}
.img-midia-locked:hover
{
    border:1px solid #ccc;
}
.img-midia img
{
    height:120px;
}

.img-midia span
{
    height:120px;
    line-height:120px;
    font-size:70px;
    width:150px;
    text-align:center;
}

.img-midia-processando
{
    display:inline-block;
    vertical-align:top;
    height:122px;
    width:150px;
    padding-top:30px;
    border:1px solid #ccc;
    margin-right:5px;
    background-color:#fff;
    text-align:center;
    font-weight:bold;
    font-size:15px;
    color:#ccc;
}
.img-midia-processando-icon
{
    background-image: url('Imagens/spinner.gif');
    background-repeat:no-repeat;
    background-size: 100% 100%;
    width:30px;
    height:30px;
    display:inline-block;
}

.img-midia-add
{
    display:inline-block;
    height:121px;
    background-color:#fff;
    vertical-align:top;
    cursor:pointer;
    border:2px dashed #ccc;
    margin-left:-4px;
}
.img-midia-add:nth-child(2)
{
    margin-left:0px;
}
.img-midia-add div
{
    vertical-align:top;
    text-align:center;
    color: #799A47;
    font-weight:bold;
    font-size:12px;
    line-height:16px;
    padding:3px 10px;
    cursor:pointer;
}
.img-midia-add:hover
{
    color:#799A47;
    border:2px dashed #aaa;
}
.img-midia-add .glyphicon
{
    font-size:15px;
}
.midia-iframe
{
    overflow:hidden;
    max-width:100%;
}
.midia-iframe iframe
{
    width:100% !important;
    height:auto !important;
}


/* =============================== */
/* =========   PAGINAS   ========= */
/* =============================== */


.col-paginas-midias{
    overflow: hidden;
}
.col-paginas-midias:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.col-paginas-midias .thumbnail{
    position:  absolute;
    top: 5px;
    left: 5px;
    bottom: 5px;
    right: 5px;
    color: white;
    text-align: center;
    cursor:pointer;
    margin-bottom:0px;
}
.col-paginas-midias .thumbnail img{
    height:auto;
    width:auto;
    max-width:100%;
    max-height:100%;
}

@media (max-width: 768px) { .col-paginas-midias:nth-child(4n+1){clear:both;} }
@media (min-width: 768px) and (max-width: 992px) { .col-paginas-midias:nth-child(6n+1){clear:both;} }
@media (min-width: 992px) and (max-width: 1200px) { .col-paginas-midias:nth-child(8n+1){clear:both;} }
@media (min-width: 1200px) { .col-paginas-midias:nth-child(12n+1){clear:both;} }


.midias-break
{
    width:100%;
    clear:both;
    padding-top:18px;
}
.midias-break-seta
{
    position:relative;
    display:inline-block;
    top:-40px;
    height:22px;
    overflow:hidden;
    width:50px;
}
.midias-break-seta-inner
{
    background-color:#f5f5f5;
    border:1px solid #ddd;
    width:30px;
    height:30px;
    margin-left:7px;
    margin-right:7px;
    margin-top:7px;
    -ms-transform: rotate(45deg); 
    -webkit-transform: rotate(45deg); 
    transform: rotate(45deg);
}
.midias-break-spacer
{
    position:relative;
    margin-bottom:-22px;
}

.midias-break .thumbnail
{
    text-align:center;
    clear:both;
}
.midias-break .thumbnail img
{
    max-height:30vh;
    display:inline-block;
    margin:0px;
    padding:0px;
}
.midias-break-close
{
    position:relative;
    margin:3px;
    cursor:pointer;
    float:right;
    font-size:25px;
    margin-bottom:0px;
    margin-top:-13px;
    color:#ccc;
}
.midias-break-close:hover
{
    color:#999;
}

.thumbnail-pdf
{
    color:#ccc !important;
    font-size:20px;
    text-align:center;
}

.thumbnail-pdf span
{
    font-size:50px;
    margin-top:32px;
}

.MockTable
{
    white-space:nowrap;
}

.MockTableTH
{
    border-bottom: 2px solid #ddd;
    display:inline-block;
}
.MockTableTR
{
   border-top: 1px solid #ddd;
}
.MockTableTD
{
    width:170px;
    display:inline-block;
    line-height: 1.42857143;
    padding:8px;
}
.MockTableTH label
{
    font-weight:bold;
}
.MockTableTD .form-group
{
    margin-right:0px;
    margin-left:0px;
    margin-bottom:0px;
}


.form-group .dropdown-menu
{
    width:100%;
}

.readonly-regular
{
    background-color:#fff !important;
}
.col-checkbox-checkbox
{
    position:absolute;
}
.col-checkbox-text
{
    display:block;
    margin-left:125px;
}

.panel-caixa .form-group {
    margin-bottom: 0px;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.border-right {
    border-right: 1px solid #ddd;
}

.label-caixa {
    padding: 0px;
    line-height: normal;
    min-height: initial;
}

td.label-caixa {
    padding: 0px !important;
    padding-top: 20px !important;
}

.td-hp-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.btn-pagamento {
    margin: 5px;
}

.Produto-Avaliacao {
    line-height: 25px;
    font-size: 14px;
    padding-top:5px;
}

.Produto-Avaliacao span {
    font-size: 18px;
    vertical-align: sub;
}

.Produto-Avaliacao-On {
    color: #fc0;
    vertical-align: sub;
}

.Produto-Avaliacao-Off {
    color: #ccc;
    vertical-align: sub;
}


.Listagem-Avaliacao.Listagem-Avaliacao-On {
    color: #fc0;
}
.Listagem-Avaliacao.Listagem-Avaliacao-Off {
    color: #ccc;
}

.list-group-Ativo {
    border-left: 10px solid #0c0;
    padding-left: 15px;
}

.list-group-Pendente {
    border-left: 10px solid #fc0;
    padding-left: 15px;
}
.list-group-Inativo
{
    border-left:10px solid #c00;
    padding-left:15px;
}
.dropdownlist-arrow
{
    padding:5px 0px;
    cursor:pointer;
    margin:4px;
    border-radius:4px;
    background-color:#f9f9f9;
    border:1px solid #eee;
}
.dropdownlist-arrow:hover {
    background-color:#f0f0f0;
}
.dropdownlist-arrow span {
    color:#333;
}

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


.table-tbody-striped tbody td {
    border-top:0px !important;
}




@media print {
    body {
        padding-top: 0px;
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        display: block !important;
        height: auto !important;
    }


    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }




    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .panel {
        page-break-inside: avoid;
    }
}

@media print
{


    .printing-compact .hidden-compact {
        display: none !important;
    }

    .printing-compact .panel {
        font-size: 11px;
        border: 0px;
        box-shadow: none;
        margin: 0px;
        border: 1px solid #ccc;
        margin-bottom: 5px;
    }

    .printing-compact .panel-heading {
        border: 0px;
        margin-bottom: 10px;
        padding: 0px;
        border-bottom: 1px solid #ccc;
        padding: 5px;
    }

    .printing-compact .panel-heading *, .printing-compact .page-header {
        font-size: 12px !important;
    }

    .printing-compact .panel-body {
        padding: 0px;
        border: 0px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: stretch;
        padding: 5px;
    }


    .printing-compact .control-label {
        font-weight: bold;
        padding: 0px;
    }

    .printing-compact .control-label,
    .printing-compact .form-control-static,
    .printing-compact .label-caixa {
        margin: 0px;
        line-height: 10px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        margin-bottom: 10px !important;
        min-height: 0px;
        height: auto;
        white-space: nowrap;
    }

    .printing-compact .form-group {
        padding: 0px !important;
        margin: 0px !important;
        min-height: 0px;
        height: auto;
        width: auto;
    }

    .printing-compact .col-sm-2, .printing-compact .col-sm-4 {
        width: auto;
        padding: 0px;
        display: inline-block;
        margin-right: 5px;
    }

    .printing-compact .col-sm-10, .printing-compact .col-sm-8 {
        width: auto;
        padding: 0px;
        margin-right: 15px;
        display: inline-block;
    }

    .printing-compact .col-md-6 {
        display: block;
        width: 100%;
        padding: 0px;
        border: 0px !important;
        float: none;
        display: flex;
        flex-direction: row;
        justify-content: stretch;
        flex-wrap: wrap;
    }

    .printing-compact .row-eq-height {
        display: block;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }

    .printing-compact .col-md-6 .page-header {
        width: 100%;
        flex-shrink: 0;
        padding: 0px;
        margin-bottom: 10px;
    }

    .printing-compact .td-width-full strong {
        display: block;
    }

    .printing-compact .td-width-full br {
        display: none;
    }

    .printing-compact .info-reg {
        margin: 0px;
        font-size: 11px;
    }

    .printing-compact hr {
        display: none;
    }

    .printing-compact .table-responsive, .printing-compact table {
        height: auto;
        overflow: visible;
        width: 100%;
    }
}

.text-strong
{
    font-weight:bold;
}