/* =============================================================================

	STYLE.CSS
	version: 2.0
	updated: 2011-09-01, 12:44 GMT+1

============================================================================= */

/* =============================================================================
HTML - styles
============================================================================= */

body {background-color:#eaeaea; color:#303030;}
a {color:#0085cc;}
a:hover, a:active, a:focus {color:#df0000;}
#content h2 {color:#0085cc;}
#content table {border:2px solid #cfcfcf;}
#content table th {border-right:1px solid #0074B3; background-color:#0085cc; color:#fff;}
#content table td {border:1px solid #cfcfcf;}
#content table tr.bg td {background-color:#e8f6ff;}
#content dl dt {color:#df0000;}
#content fieldset {border:1px solid #ccc;}
#content legend {background:#FFF; color:#0085cc;}
#content acronym, #content abbr, #content .help {border-bottom:1px dotted #cfcfcf;}

/* =============================================================================
HTML - without styles
============================================================================= */

table.nostyle th, dl.nostyle dt {color:#303030 !important;}

/* =============================================================================
LAYOUT
============================================================================= */

#tray {background-color:#303030; color:#cfcfcf;}
#tray a, #tray strong {color:#fff;}
#tray a:hover, #tray a:active, #tray a:focus {color:#b4e3ff;}
#menu {background-color:#0085cc;}
#menu ul li a {background-color:#fff; color:#303030;}
#menu ul li a span {background-color:#FFF;}
#menu ul li a:hover, #menu ul li a:active, #menu ul li a:focus, #menu ul li#menu-active a {background-color:#FFF; color:#df0000;}
#menu ul li a:hover span, #menu ul li#menu-active a span {background-color:#FFF;}
#menu ul li#menu-active a {color:#0085cc;}
#menu ul.f-right a {color:#df0000;}
#content {border:1px solid #afafaf; background:#fff;}
#footer {color:#707070;}
#footer a {color:#707070;}
#footer a:hover, #footer a:active, #footer a:focus {color:#303030;}

/* =============================================================================
OTHERS
============================================================================= */

#aside #logo img {border:1px solid #bfbfbf;}
#aside #search fieldset a {color:#303030;}
#aside #search fieldset {border:1px solid #bfbfbf;}
#aside #search fieldset a:hover, #aside #search fieldset a:active, #aside #search fieldset a:focus {color:#df0000;}
#aside #btn-create a {background-color:#fff; color:#303030;}
#aside #btn-create a span {background-color:#fff;}
#aside ul li a {border-bottom:1px solid #cfcfcf; color:#303030;}
#aside ul li#submenu-active a {background-color:#0085cc; color:#fff;}
#aside ul li a:hover, #aside ul li a:active, #aside ul li a:focus {color:#df0000;}
#aside ul ul li a, #aside ul li#submenu-active ul li a {border-bottom:1px solid #cfcfcf; background-color:#f5f5f5; color:#303030;}
#aside ul li ul li a {background-color:#e3e3e3;}
#aside ul ul li a:hover, #aside ul ul li a:active, #aside ul ul li a:focus, #aside ul li#submenu-active ul li a:hover, #aside ul li#submenu-active ul li a:active, #aside ul li#submenu-active ul li a:focus {color:#df0000;}
#content h1 {background-color:#303030; color:#fff;}
#content .tabs {border-bottom:1px solid #cfcfcf;}
#content .tabs a {color:#303030;}
#content .tabs a span {color:#303030;}
#content .tabs .ui-tabs-selected a {color:#fff;}
#content .tabs .ui-tabs-selected a span {color:#fff;}
.high {color:#df0000;}
.high-bg {background:#FFB;}
.low {color:#707070;}

/* =============================================================================
MESSAGES
============================================================================= */

.msg.warning {border:2px solid #F2DD8C; background-color:#FFF5CC;}
.msg.warning a {color:#df0000;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}
.msg.info {border:2px solid #B8E2FB; background-color:#E8F6FF;}
.msg.done {border:2px solid #BBDF8D; background-color:#EAF7D9;}
.msg.error {border:2px solid #FFAEAE; background-color:#FEEBEB;}

:-moz-placeholder {
  color: #c9c9c9 !important;
  font-size: 13px;
}

::-webkit-input-placeholder {
  color: #ccc;
  font-size: 13px;
}



.modalBounce:hover {
  animation: bounceModal 1s;
}

.modalConta-back {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  z-index: 9997;
  overflow: hidden;
  display: none;
}

.modalConta-load {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9998;
  display: none;
}

.modalConta {
  position: fixed;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 60%;
  background: #fff;
  box-shadow: 0 0.3em 4em rgba(35,182,152,0.7);
  transform: translateX(200%);
  transition: 0.3s linear;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 9999;
}

.modalConta::-webkit-scrollbar {
  width: 2%;
  background: rgba(0,0,0,0.6);
  border-radius: 10px;
}

.modalConta::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(35,182,152,0.5);
  background: rgba(0,0,0,0.5);
}

.modalConta::-webkit-scrollbar-thumb {
  background: #1475b2;
  border-radius: 10px;
}

.modalConta .close-modalConta {
  width: 40px;
  height: 40px;
  background: #1475b2;
  color: #fff;
  padding-top: 10px;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  transition: 0.2s linear;
  margin-left: 15px;
}

.modalConta .close-modalConta span {
  width: 25px;
  height: 4px;
  margin-left: -7px;
  margin-bottom: 2px;
  display: block;
  background: #fff;
  transition: 0.2s linear;
  border-radius: 5px;
}

.modalConta .modalConta-content form {
  padding: 20px;
  padding-left: 5px;
  margin-left: -80px;
  box-sizing: border-box;
}

.modalConta .close-modalConta:hover span:nth-child(2) {
  display: none;
}

.modalConta .close-modalConta:hover span:nth-child(1) {
  transform: rotate(45deg) translate(20%, 100%);
}

.modalConta .close-modalConta:hover span:nth-child(3) {
  transform: rotate(-45deg);
}

.modalConta .modalConta-content .user {
  text-align: right;
  font-size: 17px;
}

.resumo {
  position: relative;
}

.modalResumo {
  position: absolute;
  bottom: -100%;
  left: 0;
  transform: translate(0, 60%);
  width: 100%;
  min-height: 50px;
  height: auto;
  float: left;
  background: #F3F3F4;
  border-radius: 5px;
  border: 1px solid #F3F3F4;
  box-shadow: 0 0.2em 0.3em rgba(0,0,0,0.7);
  display: none;
  box-sizing: border-box;
  padding: 10px;
  font-weight: bold;
  z-index: 9000;
}

.modalResumo p:nth-child(2) {
  color: #1D84C6;
}

.modalResumo::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -55%) rotate(45deg);
  width: 20px;
  height: 20px;
  background: #F3F3F4;
}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.btn-warning {
    display: inline-block;
    padding: 3px 12px; /* Mesma configuração de padding do .btn */
    margin-bottom: 0;
    font-size: 12px; /* Tamanho de fonte igual ao do .btn */
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #ff9800; /* Cor de fundo laranja */
    color: #fff; /* Cor do texto branca */
    border: 1px solid #ff9800; /* Borda laranja */
    border-radius: 4px; /* Borda arredondada igual ao .btn */
    text-decoration: none; /* Remove sublinhado */
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

/* Efeito hover */
.btn-warning:hover {
    background-color: #e68900; /* Laranja um pouco mais escuro no hover */
    border-color: #cc7a00; /* Borda um pouco mais escura no hover */
}

/* Efeito ativo ao pressionar o botão */
.btn-warning:active {
    background-color: #cc7a00; /* Fundo mais escuro quando o botão é pressionado */
    border-color: #b36b00; /* Borda mais escura ao pressionar */
}

/* Botão desabilitado */
.btn-warning:disabled {
    opacity: 0.65; /* Transparência para indicar desabilitado */
    cursor: not-allowed; /* Cursor indicando que não é clicável */
}



.btn {
    border-radius: 3px;
}


.btn-success {
    display: inline-block;
    padding: 3px 12px; /* Mesma configuração de padding do .btn */
    margin-bottom: 0;
    font-size: 12px; /* Tamanho de fonte igual ao do .btn */
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #1475b2; /* Cor de fundo especificada */
    color: #fff; /* Cor do texto branca */
    border: 1px solid #1475b2; /* Borda da mesma cor do fundo */
    border-radius: 4px; /* Borda arredondada igual ao .btn */
    text-decoration: none; /* Remove sublinhado */
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

/* Efeito hover */
.btn-success:hover {
    background-color: #126aa3; /* Azul um pouco mais escuro no hover */
    border-color: #115c91; /* Borda um pouco mais escura no hover */
}

/* Efeito ativo ao pressionar o botão */
.btn-success:active {
    background-color: #115c91; /* Fundo mais escuro quando o botão é pressionado */
    border-color: #0e507f; /* Borda mais escura ao pressionar */
}

/* Botão desabilitado */
.btn-success:disabled {
    opacity: 0.65; /* Transparência para indicar desabilitado */
    cursor: not-allowed; /* Cursor indicando que não é clicável */
}



.btn {
    display: inline-block;
    padding: 3px 12px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}


.btn-primary {
    display: inline-block;
    padding: 3px 12px; /* Mesma configuração de padding do .btn */
    margin-bottom: 0;
    font-size: 12px; /* Tamanho de fonte igual ao do .btn */
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #28a745; /* Cor de fundo verde */
    color: #fff; /* Cor do texto branca */
    border: 1px solid #28a745; /* Borda verde */
    border-radius: 4px; /* Borda arredondada igual ao .btn */
    text-decoration: none; /* Remove sublinhado */
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

/* Efeito hover */
.btn-primary:hover {
    background-color: #218838; /* Verde um pouco mais escuro no hover */
    border-color: #1e7e34; /* Borda um pouco mais escura no hover */
}

/* Efeito ativo ao pressionar o botão */
.btn-primary:active {
    background-color: #1e7e34; /* Fundo mais escuro quando o botão é pressionado */
    border-color: #1c7430; /* Borda mais escura ao pressionar */
}

/* Botão desabilitado */
.btn-primary:disabled {
    opacity: 0.65; /* Transparência para indicar desabilitado */
    cursor: not-allowed; /* Cursor indicando que não é clicável */
}


.btn-danger {
    display: inline-block;
    padding: 3px 12px; /* Mesma configuração de padding do .btn */
    margin-bottom: 0;
    font-size: 12px; /* Tamanho de fonte igual ao do .btn */
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dc3545; /* Cor de fundo vermelho */
    color: #fff; /* Cor do texto branco */
    border: 1px solid #dc3545; /* Borda vermelha */
    border-radius: 4px; /* Borda arredondada igual ao .btn */
    text-decoration: none; /* Remove sublinhado */
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

/* Efeito hover */
.btn-danger:hover {
    background-color: #c82333; /* Vermelho um pouco mais escuro no hover */
    border-color: #bd2130; /* Borda um pouco mais escura no hover */
}

/* Efeito ativo ao pressionar o botão */
.btn-danger:active {
    background-color: #bd2130; /* Fundo mais escuro quando o botão é pressionado */
    border-color: #b21f2d; /* Borda mais escura ao pressionar */
}

/* Botão desabilitado */
.btn-danger:disabled {
    opacity: 0.65; /* Transparência para indicar desabilitado */
    cursor: not-allowed; /* Cursor indicando que não é clicável */
}








.div-select {
    width:350px;  /* Tamanho final do select */
    overflow:hidden; /* Esconde o conteúdo que passar do tamanho especificado */
     background-position: 205px center !important;  /*Posição da imagem do background*/
     height:28px !important; /* altura do select, importante para que tenha a mesma altura em todo os navegadores */
     font-family:Arial, sans-serif !important; /* Fonte do Select */
     font-size:18px; /* Tamanho da Fonte */
     color:#000 !important; /* Cor da Fonte */
     text-indent: 0.01px !important; /* Remove seta padrão do FireFox */
     text-overflow: "" !important;  /* Remove seta padrão do FireFox */     
     select::-ms-expand {display: none !important;} /* Remove seta padrão do IE*/
}
  
  
.label2 {
  color: white;
  padding: 0px;
}

.success {background-color: #4CAF50;} /* Green */
.info {background-color: #2196F3;} /* Blue */
.warning {background-color: #ff9800;} /* Orange */
.danger {background-color: #f44336;} /* Red */
.other {background-color: #e7e7e7; color: black;} /* Gray */



.label {
  background-color: #d1dade;
  color: #5e5e5e;
  font-family:Arial, sans-serif !important; /* Fonte do Select */
  font-size: 10px;
  font-weight: 600;
  padding: 3px 8px;
  text-shadow: none;
}
.badge {
  background-color: #d1dade;
  color: #5e5e5e;
  font-family: 'Open Sans';
  font-size: 11px;
  font-weight: 600;
  padding-bottom: 4px;
  padding-left: 6px;
  padding-right: 6px;
  text-shadow: none;
}
.label-primary,
.badge-primary {
  background-color: #1ab394;
  color: #FFFFFF;
}
.label-success,
.badge-success {
  background-color: #1c84c6;
  color: #FFFFFF;
}
.label-warning,
.badge-warning {
  background-color: #f8ac59;
  color: #FFFFFF;
}
.label-warning-light,
.badge-warning-light {
  background-color: #f8ac59;
  color: #ffffff;
}
.label-danger,
.badge-danger {
  background-color: #ed5565;
  color: #FFFFFF;
}
.label-info,
.badge-info {
  background-color: #23c6c8;
  color: #FFFFFF;
}
.label-inverse,
.badge-inverse {
  background-color: #262626;
  color: #FFFFFF;
}
.label-white,
.badge-white {
  background-color: #FFFFFF;
  color: #5E5E5E;
}
.label-white,
.badge-disable {
  background-color: #2A2E36;
  color: #8B91A0;
}