/* ========================================================================
   									Layout
 ========================================================================== */

 .container {
  margin-bottom: 5%;
 }

/* ------------- Navbar Top ------------- */

.navbar-right {
  margin-right: 0.8%;
}

ul.user-dropdown.dropdown-menu {
  margin-right: 6.7%;
}

@media (max-width: 767px) {
  ul.user-dropdown.dropdown-menu {
    width: 100% !important;
  }
}

a.user-dropdown>em {
 vertical-align: 3px;
 margin-left: 3px;
}

@media only screen and (min-width: 768px) {
   .wrapper > footer.full-space {
        margin-left: 0px;
   }
}

/* ------------- Template auth ------------- */

.layout-fixed .wrapper > div.content-auth-wrapper {
    margin-top: 85px;
}

@media only screen and (min-width: 768px) {
  .layout-fixed .wrapper > div.content-auth-wrapper {
      margin-top: 60px;
  }
}

/* ------------- Login ------------- */

.panel-auth .panel-heading {
    background-color: #ffffff;
}

.row-message-auth {
 	  color: red;
    text-align: left;
    margin-bottom: 5%;
}

/* ------------- Sistema ------------- */
.row.palette-body {
  height: 350px;
  overflow: auto;
}

/* ------------- Grupo ------------- */

.super:after {
  	font-size: 12px;
  	content: ' *';
  	color: red;
}

/* ------------- Usuário ------------- */
.col-lg-1.col-situacao-usuario  {
    width: 12%;
    font-size: 18px;
    text-align: center;
}

.col-situacao-usuario .ativo.icon-user-following {
    color: green;
}

.col-situacao-usuario .inativo.icon-user-unfollow {
    color: red;
}

.col-situacao-usuario .pendente.icon-user {
    color: rebeccapurple;
}

.col-situacao-usuario .bloqueado.icon-user-unfollow {
    color: gray;
}

/* ========================================================================
   								Componentes
 ========================================================================== */

/* ------------- Input ------------- */

.ng-apelido {
    text-transform: lowercase;
}

.line-through {
  text-decoration: line-through;
}

/* ------------- Buttons ------------- */

.btn-link {
  cursor: pointer;
}

@media (min-width: 1200px) {
    div.form-align-btn {
        padding-top: 26px;
    }
}

a.disabled {
   pointer-events: none;
   cursor: default;
}

/* ------------- Buttons Widget ------------- */

button.widget {

  padding: 0;
}

button.widget> span.widget-content {
	display: block;
}

button.widget>span.widget-content span.widget-icon>em.fa {
  font-size: 19px;
}

button.widget .text-center {
  padding-left: 0;
}

/* ------------- Progress Bar ------------- */

.progress {
  margin: 0;
  height: 18px;
}

/* ------------- Message ------------- */

.message {
	  top: 60px;
    left: 4%;
    right: 10%;
    width: 92%;
    z-index: 1050;
    position: fixed;
}

@media only screen and (min-width: 768px) {
  .message {
    left: 64%;
    width: 35%;
  }
}

.message-content {
	width: 100%;
	padding: 10px;
	display: none;
	margin-bottom: 15px;
}

/* ------------- Validation ------------- */

.control-validation {
  margin-top: -15px;
  display: block;
}

.required:before {
	font-size: 12px;
	content: '* ';
	color: red;
}

.validation-invalid {
	color: red;
	font-size: 12px;
}

/* ------------- Row ------------------ */

.row-mg-2 {
	margin-top: 2%;
	margin-bottom: 2%;
}

.row-mg-top-1 {
  margin-top: 1%;
}

.row-mg-bottom-2 {
  margin-bottom: 2%;
}

/* ------------- Row - Col - center ------------- */

.row-center {
    text-align:center;
}

.col-center {
	float:none;
    text-align:left;
    margin-right:-4px;
    display:inline-block;
}

/* ------------- Col ------------------ */

.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 {
    margin-top: 5px;
}

/* ------------- Table ------------- */

body [ng-table-pagination] {
    padding: 0px;
}

.table >thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    padding: 3px;
    color: #444444;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th {
	border-top: solid 3px #cfdbe2 !important;
}

.table>thead>tr>th.filter, .table>tbody>tr>th.filter, .table>tfoot>tr>th.filter {
	border-top-width: 0px !important;
}

.table>tbody>tr>td>.btn {
    padding: 3px 6px;
}

.table.table-bordered>thead>tr>th, .table.table-bordered>tbody>tr>th, .table.table-bordered>tfoot>tr>th,
.table.table-bordered>thead>tr>td, .table.table-bordered>tbody>tr>td, .table.table-bordered>tfoot>tr>td {
    border-color: #dcdfe0;
}

.table > tbody + tbody {
    border-top: 1px solid #dcdfe0;
}

.table-striped > tbody > tr:nth-child(odd) {
    background-color: rgba(228, 234, 236, 0.28);;
}

@media only screen and (max-width: 640px) {
	.table .filter{
		display: none;
	}
}

/* ------------- Table Collapse ------------- */

td.ng-table-collapse {
  width: 1%;
  text-align: center;
}

tr.ng-table-collapse-content {
  display: none;
}

tr.ng-table-collapse-content>td {
  padding: 20px !important;
}

tr.ng-table-collapse-content>td fieldset {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

tr.ng-table-collapse-content>td fieldset>legend {
  font-size: 16px;
}

/* ------------- Pagination ------------- */

.pagination-control {
	font-size: 12px;
	padding-top: 4px;
	text-align: center;
}

.pagination-control ul.pagination {
	margin:  0;
	padding: 0;
}

.pagination-control ul.pagination>li>a {
	padding: 0;
	width: 30px;
	margin: 0 1px;
}

.pagination-control ul.pagination>.active a {
	color: #444444;
	border: 1px solid #ccc;
}

.pagination-control>.pagination>.disabled a, .pagination-control>.pagination>.disabled a:hover, .pagination-control>.pagination>.disabled a:focus {
	color: #444444;
	border: 1px solid #ccc;
}

/* ------------- Col Table ------------- */

td.col-lg-1.col-situacao {
  width: 10%;
  text-align: center;
}

/* ------------- Confirm ------------- */

@media (min-width: 768px) {
  .confirm-dialog {
    margin: 15% auto;
  }
}

/* ------------- Modal ------------- */

.modal-content {
  margin-top: 18%;
}

/* ------------- Captcha ------------- */

.captcha input[type="text"] {
    float: left;
    width: 30%;
}

.captcha div.col-lg-12 {
    padding-left: 25%;
}

.captcha span.valor {
    width: 10%;
    float: left;
    font-size: 16px;
    padding-top: 6px;
    font-weight: bold;
    text-align: center;
}

.captcha span.operador {
    width: 10%;
    float: left;
    font-size: 16px;
    padding-top: 6px;
    font-weight: bold;
    text-align: center;
}

.captcha span.resultado {
    width: 10%;
    float: left;
    font-size: 16px;
    padding-top: 6px;
    font-weight: bold;
    text-align: center;
}

/* ------------- Modal Loader ------------- */

.loader {
	  display: none;
}

.loader-redirect {
  display: block;
}

.loader .modal-backdrop.in, .loader-redirect .modal-backdrop.in  {
	  opacity: 0.1;
}

.loader .modal-dialog, .loader-redirect .modal-dialog {
    width: 70px;
    margin: 18% auto;
}

.loader .modal-content, .loader-redirect .modal-content {
    background-color: #2b957a;
    border-width: 0;
}

/* ------------- Checkbox ------------- */

@media (min-width: 1200px) {
    div.form-align-checkbox.checkbox {
        padding-top: 22px;
    }
}

/* ------------- List ------------- */

ul.list-col-2 {
  column-count: 1;
  list-style-type: none;
}

@media (min-width: 1200px) {
  ul.list-col-2 {
    column-count: 2;
  }
}

/* ------------- Panel Info ------------- */

div.panel-info, span.panel-info {
  width: 100%;
  display: block;
  font-style: italic;
  text-align: right;
}

/* ------------- Panel ------------- */

div.panel.panel-mg-top-2 {
  margin-top: 2%;
}

/* ------------- ng-tree ------------- */

.ng-tree em.fa {
  vertical-align:-1px;
}

.ng-tree label > a {
  color: #656565;
}

.ng-tree label > a > em.fa {
   margin-right:5px;
}

 .ng-tree ul {
  list-style-type: none;
}

/* ------------- Color ------------- */

.bg-grey-dark {
  color: #ffffff;
  background-color:  #8c8b8a;
}

.bg-grey {
  color: #ffffff;
  background-color:#bcbab8;
}

 /* -------------  cursor ------------- */
 button.cursor-not-allowed {
    cursor: not-allowed;
 }