select.input-sm { padding: 0 0 0 10px; }

.sidebar-nav li.opened > .sub-menu { width:100% }
.sidebar-nav > li a { white-space: inherit; }

.navbar-brand > img {
  max-height: 28px;
  margin: 9px 0px;
}

.navbar .navbar-nav .dropdown-menu.dropdown-caret.dropdown-close
{ overflow: hidden; }

.navbar-default .navbar-nav>li[role=navbar-notification].open>.dropdown-menu .dropdown-content .dropdown-navbar
{ overflow-y: auto; }

.nav li.dropdown-content ul.dropdown-navbar li.center {
  text-align: center;
  width: 100%;
}

li[role=navbar-notification] ul.dropdown-menu:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #EEEEEE;
  position: absolute;
  right: 0;
  margin-right: 18px;
  top: 0;
  margin-top: -5px;
  z-index: 10000;
}

.user-menu .dropdown-menu .dropdown-header
{ width: 100%; }

/* |==================== Início do estilo da tela de Identificação de Pessoa ====================| */
.modal-identi .modal-header label
{
  color: #3c80a6;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.modal-identi .widget-main #tbl-person_wrapper div#tbl-person_info
{ padding: 0 10px; }

.modal-identi .modal-body div.row-filter .widget-main
{ padding: 15px 12px; }

.modal-identi .widget-main #tbl-person_wrapper div#tbl-person_paginate,
.modal-identi .modal-content .modal-header button.close,
.modal-identi .modal-content .modal-footer,
.modal-identi .widget-header,
.modal-identi .widget-body #tbl-person_wrapper > .row:first-child,
.modal-identi .btn-success:not(.indesign)
{ display : none; }

.modal-identi .modal-content
{ box-shadow: 0px 0px 9px rgba(171, 171, 171, 0.5); }

.modal-identi .modal-content .modal-header
{
  background: #F5F5F5;
  padding: 8px 15px;
}

.modal-identi .modal-content .modal-header label
{
  color: #999;
  font-size: 15px;
}

.modal-identi .modal-body .row.row-filter,
.modal-identi .row.row-list
{ margin: 10px 0 }

.modal-identi .row.row-list > div.col-xs-12
{ position: relative; }

.modal-identi .row.row-list > div.col-xs-12 .btn.btn-sm.fa.fa-chevron-up,
.modal-identi .row.row-list > div.col-xs-12 .btn.btn-sm.fa.fa-chevron-down
{
  position: absolute;
  right: 0;
  top: 0;
  margin: 1px 30px 0 0;
  height: 28px;
  background: none;

  margin-right: 16px;
  margin-top: 12px;
  background: #f5f5f5;
}

.modal-identi .row.row-list > div.col-xs-12 .btn.btn-sm.fa:hover,
.modal-identi .row.row-list > div.col-xs-12 .btn.btn-sm.fa:active,
.modal-identi .row.row-list > div.col-xs-12 .btn.btn-sm.fa:focus
{
  background: #F1F1F1;
  color: #C1C1C1;
}

.modal-identi .row.row-list .widget-main .table thead th,
.modal-identi .row.row-list .widget-main .table>thead>tr>th
{ border-bottom: none; }

.modal-identi .modal-body .widget-box,
.modal-identi .row.row-filter .widget-box .widget-body .row,
.modal-identi .row.row-filter .widget-body,
.page-content .modal-identi .widget-main > .row
{ margin:0; }

/* Modificado por Marcos Donato por conta da tela de identificacao de pessoa*/
.modal-identi #tbl-person_wrapper div.dataTables_scrollHeadInner table {
  margin-bottom: 0px;
}

/* Modificado por Marcos Donato por conta da tela de identificacao de pessoa*/
.modal-identi table td {
  white-space: nowrap;
}

/*
.modal-identi .row.row-list .widget-main table#tbl-person thead th.sorting_disabled:nth-child(1),
.modal-identi .row.row-list .widget-main table#tbl-person tbody td:nth-child(1)
{ width: 100px !important; }

.modal-identi .row.row-list .widget-main table#tbl-person thead th.sorting_disabled:nth-child(2),
.modal-identi .row.row-list .widget-main table#tbl-person thead th.sorting_disabled:nth-child(3),
.modal-identi .row.row-list .widget-main table#tbl-person tbody td:nth-child(2),
.modal-identi .row.row-list .widget-main table#tbl-person tbody td:nth-child(3)
{ width: 300px !important; }

.modal-identi .row.row-list .widget-main table#tbl-person thead,
.modal-identi .row.row-list .widget-main table#tbl-person thead tr,
.modal-identi .row.row-list .widget-main table#tbl-person tbody,
.modal-identi .row.row-list .widget-main table#tbl-person
{ display: block; }

.modal-identi .row.row-list .widget-main table#tbl-person tbody
{
overflow: auto; 
height: 252px; 
}

*/

.modal-identi .row.row-list .widget-main table#tbl-person tbody tr td
{ cursor: pointer; }

.modal-identi .row.row-list .widget-main table#tbl-person tbody tr:hover
{ background: #EBEDEF; }

.modal-identi .widget-main .row > div
{ padding: 0 10px 0 0; }

.page-content .modal-identi .widget-main .row .col-modal,
.modal-identi .widget-main #tbl-person_wrapper > .row
{ margin-bottom: 5px; }

.modal-identi table#tbl-person
{ margin-bottom: 10px; }

.modal-identi table#tbl-person thead tr th.sorting_disabled,
.modal-identi table#tbl-person tbody tr td
{
  padding-top: 0;
  padding-bottom: 0;
} 

.modal-identi .widget-box
{ margin-top: 15px; }

.page-content .modal-identi .widget-main .row .col-modal.col-bottom
{ margin-bottom: 0; }

.page-content .modal-identi .widget-main .row .col-modal.last-input
{ padding-right: 0; }
/* |==================== Final do estilo da  tela de Identificação de Pessoa ====================| */


/* |==================== Início do estilo da tela de Notificação Chat ====================| */
ul#chat.nav.navbar-nav li ul.dropdown-menu
{ border: none; }

ul.dropdown-navbar li.center span.link-action,
li.list-reason a.link-text,
.box-list-reason
{ padding: 0; }

li.dropdown-content ul.dropdown-navbar li.center,
ul.dropdown-navbar li.center span.link-action
{ margin: 0; }

li.list-reason.span-reason:hover,
li.list-reason.span-reason
{ background-color: #F5F5F5; }

ul#chat li a.dropdown-toggle i.fa
{ color: #889; }

ul#chat li a.dropdown-toggle i.fa:active,
ul#chat li a.dropdown-toggle i.fa:hover
{ color: #fff; }

.available-icon
{ color: #83c161 !important; }
.unavailable-icon
{ color: #f62130 !important; }
.absent-icon
{ color: #FFDE3D !important; }

ul#chat li.open ul.dropdown-menu
{
  min-width: 250px;
  overflow-y: auto;
}

ul#chat li.open ul.dropdown-menu:after
{
  position: absolute;
  top: -6px;
  right: 17px;
  left: auto;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}

li.list-reason a.link-text i.fa,
li.span-reason span
{ color: #8C8C8C; }

.dropdown-header
{ margin-bottom: 11px; }

.dropdown-navbar li a:hover
{ background: none; }

#inpaas-navbar-collapse ul#chat.nav.navbar-nav
{ float: right; }

li.dropdown-content ul.dropdown-navbar li.center
{
  float: left;
  width: 25%;
  cursor: pointer;
}

ul#chat li.dropdown-content ul.dropdown-navbar li.center
{ width: 33.33%; }

span.link-action i.fa 
{ font-size: 35px; }

span.link-action i.fa.disp
{ color: #8ec23a; }

span.link-action i.fa.aus
{ color: #FFC800; }

span.link-action i.fa.indisp
{ color: #ea2b21; }

span.link-action i.fa.invis
{ color: #CCC; }

.dropdown-navbar li span:hover i.fa
{ color: #85A9BD; }

span.link-action p.text-status 
{
  color: #6F7477;
  font-size: 10px;
  margin-top: 4px;
}

.box-list-reason 
{
  width: 248px;
  margin: -15px 0 0 -62px;
  list-style: none;
  display: none;
}

#chat .box-list-reason 
{ margin: -15px 0 0 -83px; }
#chat ul.box-list-reason:before 
{ margin: 10px 0 0 0; }

ul.box-list-reason:before 
{
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: 10px 0 0 -60px;
  width: 0;   height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #EEEEEE;
}

#chat li[role=navbar-notification] ul.dropdown-menu:after
{
  left: 20px !important;
  right: inherit !important;
}

li.list-reason.span-reason 
{
  border-top: solid 1px #EEEEEE;
  border-bottom: solid 1px #EEEEEE;
}

li.list-reason 
{
  padding: 0px 5%;
  text-align: left;
  height: 35px;
  line-height: 35px;
}

li.list-reason:first-child
{ cursor: auto; }

li.list-reason:hover
{ background: #EEF0F3; }

li.span-reason span 
{ font-weight: 200; }

li.list-reason a.link-text i.fa
{
  color: #8C8C8C;
  margin-right: 10px;
  font-size: 11px;
}
/* |===================== Fim do estilo da  tela de Notificação Chat =====================| */


/* |==================== Início do estilo @Print ====================| */
@media print {
  /* Reset Grid Bootstrap */
  .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 !important; }

  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666666666666%; }
  .col-sm-10 { width: 83.33333333333334%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666666666666%; }
  .col-sm-7 { width: 58.333333333333336%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666666666667%; }
  .col-sm-4 { width: 33.33333333333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.666666666666664%; }
  .col-sm-1 { width: 8.333333333333332%; }

  /* Reset Elements HTML */
  .widget-box.widget-well .widget-body,
  .form-control, .input-sm,
  .form-control:required,
  #wgb-case-guidance .widget-body .widget-main .row
  { border: 0px !important; }

  .form-control
  {
    background: transparent !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important; 
    select::-ms-expand { display: none !important; }
  }

  .page-actions,
  .input-group-addon,
  .row.navbar.navbar-default.navbar-fixed-top,
  .page-breadcrumb,
  .btn,
  .input-group-addon:last-child,
  label > span.help-addon,
  .pagination,
  .widget-toolbar.default-toolbar.hidden-print,
  div[role=upload-box] .drop-zone,
  #wgb-case-colaborate,
  #wgb-case-attachments
  { display: none !important; }

  * {
    color: #000 !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
    margin:0 !important;
    padding:0 !important;
  }

  .widget-box.widget-well .widget-body
  {
    border-bottom: solid 1px #666 !important;
    padding-bottom: 10px !important;
  }

  #wgb-case-guidance .form-control,
  #txa-case-conclusion,
  .principalBordaQuadro
  {
    padding: 10px !important;
    width: 95% !important;
    border: 1px solid #ccc !important;
    min-height: 100px;
  }

  .widget-body .widget-main textarea
  { height: 30px !important; }

  .widget-body .widget-main label
  {
    font-weight: bold !important;
    color: #666 !important;
  }

  .widget-body .widget-main .row
  { border-bottom: 1px solid #ccc !important; }

}
/* |===================== Fim do estilo @Print =====================| */


/* |==================== Início do estilo da página print ====================| */
/* Reset Elements HTML */
.print-preview .widget-box.widget-well .widget-body,
.print-preview .form-control, 
.print-preview .input-sm,
.print-preview .form-control:required,
.print-preview #wgb-case-guidance .widget-body .widget-main .row
{ border: 0px !important; }

.print-preview .form-control
{
  background: transparent !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  -ms-appearance: none !important;
  -o-appearance: none !important; 
  select::-ms-expand { display: none !important; }
}

.print-preview .page-actions,
.print-preview .input-group-addon,
.print-preview .row.navbar.navbar-default.navbar-fixed-top,
.print-preview .page-breadcrumb,
.print-preview .btn,
.print-preview .input-group-addon:last-child,
.print-preview label > span.help-addon,
.print-preview .pagination,
.print-preview .widget-toolbar.default-toolbar.hidden-print,
.print-preview div[role=upload-box] .drop-zone,
.print-preview #wgb-case-colaborate,
.print-preview #wgb-case-attachments
{ display: none !important; }

.print-preview,
.print-preview .page-content div.row-title {
  color: #000 !important;
  text-shadow: none !important;
  filter: none !important;
  -ms-filter: none !important;
  margin:0 !important;
  padding:0 !important;
}

.print-preview .widget-box.widget-well .widget-body
{
  border-bottom: solid 1px #666 !important;
  padding-bottom: 10px !important;
  background: transparent !important;
}

.print-preview #wgb-case-guidance .form-control,
.print-preview #txa-case-conclusion,
.print-preview .principalBordaQuadro,
.print-preview .widget-body .widget-main textarea
{
  padding: 10px !important;
  width: 95% !important;
  border: 1px solid #ccc !important;
  min-height: 100px;
}

.print-preview .table thead th
{ background: transparent !important; }

.print-preview .widget-body .widget-main textarea
{ margin-bottom: 15px; }

.print-preview .widget-body .widget-main textarea
{ height: 30px !important; }

.print-preview .widget-body .widget-main label
{
  font-weight: bold !important;
  color: #666 !important;
}

.print-preview .widget-body .widget-main .row
{ border-bottom: 1px solid #ccc !important; }

.print-preview .page-content div.row-title label,
.print-preview .page-title
{ color: #000; }
/* |===================== Fim do estilo da página print =====================| */

.page-breadcrumb label.text-primary {
  display: initial;
}

.inpaas-home #sidemenu .sidebar-nav
{
  padding-bottom: 41px;
  height: initial;
}

.input-group span.input-group-addon:last-child
{ z-index: 2 !important; }

.inpaas-home.app-crm #topmenu>.navbar-nav
{ width: 100% !important; }

#telephony li ul.dropdown-menu
{ padding: 0; }

#telephony li ul.dropdown-menu iframe
{ border: none; }

.navbar-default .navbar-nav[role=navbar-telephony]>li>a
{ color: #889; }

.navbar-default li ul.dropdown-menu:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #EEEEEE;
  position: absolute;
  right: 0;
  margin-right: 18px;
  top: 0;
  margin-top: -5px;
  z-index: 10000;
}

td .checkbox label::after {
  margin-top: -5px !important;
}

.marker {
  background-color: Yellow;
}

.table .table-row-actions {
  white-space: nowrap;
}

.navbar-default .navbar-nav>li[role=navbar-notification].open>.dropdown-menu {
  /*ul.navbar-nav[role=navbar-notifications] li.has-notification ul.dropdown-menu {*/
  overflow-y: auto;
}

.inpaas-content .widget-main .input-group.input-group-sm.input-group-help.input-group-edit {
    padding-right: 29px;
}

/*
.page-content .input-group.input-group-sm.input-group-help.input-group-edit select.form-control
{
  padding: 0;
  padding-left: 10px;
}

.input-group.input-group-sm.input-group-help.input-group-edit .input-group.input-group-sm.input-group-help.input-group-edit > span
{
    display: block;
}

.input-group.input-group-sm.input-group-help.input-group-edit > span 
{ display: none; }*/

.sidebar-nav li.opened>.sub-menu {
    max-height: 1000px;
}

.sidebar-nav .sub-menu>li>a {
    line-height: 20px;
    padding: 10px 20px 10px 5px;
}

.modal-frame-mail-ticket
{ height: 95% !inportant; }

#topmenu > .navbar-nav{
		width: 100%;
	}.box-list-reason-out 
{
  padding: 0;
  width: 248px;
  margin: -15px 0 0 -62px;
  list-style: none;
  display: none;
}

#chat .box-list-reason-out 
{ margin: -15px 0 0 -83px; }

#chat ul.box-list-reason-out:before 
{ margin: 10px 0 0 0; }

ul.box-list-reason-out:before 
{
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: 10px 0 0 -60px;
  width: 0;   height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #EEEEEE;
}

ul.box-list-reason-out li.list-reason-out.time-ausent span {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 25px;
    font-weight: lighter;
    padding: 5px 0;
    color: #868686;
}

ul.box-list-reason-out li.list-reason-out.time-ausent {
    xheight: 60px;
}

ul.box-list-reason-out li.list-reason-out.span-reason {
	background-color: #F5F5F5;
}/* comeca aqui!!!!*/
*{}
.menuNavegacao{width: 30%;float: left;clear: none;line-height: 36px;margin-bottom: 20px;}
[hidden] {
  display: none;
}

iframe{border: none;height: 100%;overflow: hidden;display: inline-block;float: left;width: 100%;}

html {
	position: relative;
	min-height: 100%;
}
body {
	/* Margin bottom by footer height */
	margin-bottom: 80px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100vw;
	overflow-x: hidden;
	display: inline-block;
	max-height: 100vh;
}
.grafismo{width: 100%;margin: 0 auto;height: 100%;overflow: hidden;min-height: calc( 100vh - 36px);}
.colunaGrey{width: 370px;margin: 0 auto;}
#esqueceu .shadowed input, 
#expirou .shadowed input{-webkit-box-shadow: 4px 3px 30px -9px rgba(0,0,0,0.46);-moz-box-shadow: 4px 3px 30px -9px rgba(0,0,0,0.46);box-shadow: 4px 3px 30px -9px rgba(0,0,0,0.46);background-color: #f5f5f5 !important;}
h2{font-size: 34px;font-family: Titillium Web;color: inherit !important;margin-top: 1.4vw;margin-bottom: 1vw;}
.logo{margin: 4rem auto 1rem;float: none;width: 500px;}
.logo img{float: none;width: 200px;}

.main {
	position: relative;
	/* top: -1000px; */
	-webkit-transition: 1s ease-in-out;
	-moz-transition: 1s ease-in-out;
	-ms-transition: 1s ease-in-out;
	-o-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
}

.ready .main, 
.main.indesign {
	padding: 0;
	width: 100% !important;
	margin: 0px 0 0 0;
	min-height: 99.7vh;
}
.baseError{display: inline-block; width: 100%; float: left; text-align: left}
.baseError span, 
.ng-scope > span{text-align: left !important;font-size: 14px;padding-bottom: 20px;font-weight: 400;display:  inline-block;}
.login-page body,
span, 
label {
	/* background: #fff; */
	/* color: #111; */
	font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	margin: 0px;
}
.container.main > .row > div{margin: 0;float: left;min-height: calc( 100vh - 43px);/* max-height: calc( 100vh - 62px); */}
.row.grey.col-xs-11 > div:nth-child(1){color: #666}
.row.grey p{color: #9d9d9e;font-size: 18px;font-family: Titillium Web;font-weight: lighter;}
.login-form.ng-pluralize.count\3d > div.col-10.text-center{padding-top: 6.6rem;padding-bottom: 4.4rem;}

body > div > div.row{
    display: inline-block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    flex-flow: column nowrap;
    align-content: center;
    justify-content: center;
    position: relative;
    max-height: calc( 100vh - 39px);
}

.boxGrey {
	margin: 1rem 0px;
	color: #666;
	border-color: transparent;
	background-color: #F0F0F0;
	margin-bottom: 10px;
	padding: 1rem;
	display: inline-block;
	width: 100%;
}
.login-page .form-control:required {
	border-left: 1px solid #ccc !important;
}
.login-page .form-control:focus, .login-page .form-control.invalid {
	border-color: #e94e1b !important;
}
.login-page a, .login-page em.invalid {
	color: #666;
}
.login-page .btn-login, 
.form__field > button  {
	color: #fff;
	background-color: #e94e1b;
	border: 1px solid #e94e1b;
	padding: 6px 25px;
	font-weight: bold;
	outline: none;
	font-family: inherit;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	/* width: 61%; */
	outline: 0;
	font-size: 13px;
	line-height: 21px;
	font-weight: 400;
	letter-spacing: 1px;
	box-sizing: border-box;
	margin: 0;
	border-radius: 30px;
	cursor: pointer;
	-webkit-transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
	transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
	/* padding: 0.8vw 2vw; */
	color: #fff;
	border: 2px solid transparent;
	text-align: center;
}
button:hover {
	border-color: #333;
    background-color: #333;
    cursor: pointer;
}
button i{position: absolute; left: 1rem; top: 30%}

.bot-entrar{border-radius: 20px}
.page-content > form > div.indesign {
	margin: 10px !important;
}
label[for] {
	font-size: 14px;
	cursor: pointer;
	line-height:  24px;
	margin-left: 6px;
	float: left;
}
.fa-lock:before,.fa-user:before{color: #ffc116;}
.checkbox label{line-height: 17px !important;}

.boxGrey > div:nth-child(4){max-width: 44%;float:left;display: inline-block;width: 100%;position: relative;}
.boxGrey > div:nth-child(5) {max-width: 51%;float: right;display: inline-block;width: 100%;}
.boxGrey > div:nth-child(5) > buttoniv.row.grey > div:nth-child(3) > div > div > form > div:nth-child(2) > div.form__field.pull-left{line-height: 4rem}
.row.grey > div:nth-child(3) > div > div > form > div:nth-child(2) > div.form__field.pull-right{width: 54%;text-align:  center;line-height: 4rem;}
#loginBase .form__field.shadowed > label {
	display: none;
}
input,
#login__username, 
#login__password  {background-color: #fff !important;background: #fff !important;}
.form__field {
	margin-bottom: 20px;
}
#expirou > div:nth-child(5){padding-top: 15px}
#expirou button {width: 61%!important}
.form__field > input[type='text'],
.form__field > input[type='password'] {
	width: 100%;
	height: 29px;
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 0;
	outline: none;
	color: inherit;
	-webkit-appearance: none;
	font-size: 15px;
	font-weight: 300;
	font-family: 'Source Sans Pro', sans-serif;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	border-radius: 0px;
}
.boxGrey > div:nth-child(4),
.form__field > input[type='text']:focus, .form__field > input[type='password']:focus {
}
input[type='checkbox'] {
	margin: 5px;
}
.login-page .btn-sm {
	padding: 10px 10px;
	font-size: 14px;
}
.linha-sub-login > div:nth-child(4), div.linha-sub-login > div:nth-child(2){/* display:none */}
.linha-sub-login{/* left: 225px; */text-align:  center;width: 343px;display:  inline-flex;flex-flow: row wrap;justify-content: space-between;/* margin-left: -25%; */}
.linha-sub-login > div{width: 49%;border-radius: 0;display:  inline-block;height: 2.2rem;}
.linha-sub-login > div:nth-child(1){/* float:left */}
.linha-sub-login > div + div{}
.linha-sub-login > div button{border-radius: 20px;padding: 2px 4%;margin: 1vw 9px 1px 0;display:  inline-block;/* float: left; */}
.btn[is-loading], .btn[is-loading]:focus, .btn[is-loading]:active {
	background: rgba(0, 0, 0, .2) !important;
	border-color: rgba(255, 255, 255, .2) !important;
	cursor: wait;
	top: 0px;
}
.checkbox {
	display: inline-block;
	width: 20px;
	position: relative;
	margin: 8px 0 0 10px;
	float: left;
	line-height: 60px;
}
.checkbox + label {
	font-size: 15px;
	line-height: 36px;
	vertical-align: middle;
	font-weight: 700;
	font-family: Titillium Web;
	color: #9d9d9e;
}
input.invalid, input.invalid:focus {
	border-color: #c33;
}
em.invalid {
	text-decoration: none;
	color: #c33;
	margin: 3px;
	font-style: normal;
	line-height: 2;
}
.alert {
	margin-bottom: 0px;
}
#rodape {
    float: left;
    display: inline-block;
    width: 100%;
    background-color: #eee;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
#rodape iframe{position: static;bottom: 0;left:0;height: auto;display: inline-block;min-height: unset;}
@media (min-width: 1367px) {
	.colunaGrey{
		width: 410px !important;
	}
}

@media (max-width: 992px) {
	*{}
	#rodape {/* height: 96px; */}
	.blackblock {
		display: none;
	}
	.logo{margin: 2rem auto 0;padding: 0;}
	#rodape,#rodape iframe {
	min-height: 76px;
	height: auto;
	max-height: 100px;
	}
	.grafismo {float: right;}
	body > div > div.row{max-height: unset !important}

    .container.main > .row > div {
        min-height: calc( 100vh - 121px);
    }
}
@media (min-width: 992px) {
	*{}
	.logo{width: 100%}
	#rodape {height: 45px;}

	iframe{min-height: calc( 100vh - 36px);}
	.assinatura{ max-width: 30%; float: right;}
	.menuRodape{max-width: 70%;float: left;line-height: 35px;}
}
@media (max-width: 1152px) {
	*{}
	.login-page .btn-login, .form__field > button{
		font-size: 14px;
	}
	.linha-sub-login > div{max-width: 100% !important;width: 100%;}
	iframe{}	
	body > div > div.row{max-height: unset !important;}
	.colunaGrey {
        width: 370px;
        margin: 0 auto 2vw;
    }
}

@media (max-width: 1024px) {
	*{}
  #rodape{position: relative !important}
	body > div.container.main > div.row > div.col-md-6.hidden-sm.hidden-xs.pull-left.text-center{width: 42%;max-height: 100%;overflow: hidden;}
	body > div > div.row{}
	body > div > div.row{max-height: unset !important;min-height: calc( 100vh - 96px);}
	.checkbox + label,
	.login-page .btn-login, .form__field > button{
		font-size: 14px;
	}
	div.col-md-4.col-sm-12.login-form.ng-pluralize.col-md-offset-1.count\3d,div.row.grey.col-xs-12 > div, div.row.grey.col-xs-12{padding: 0;margin: 0;}
	.boxGrey > div:nth-child(4), .boxGrey > div:nth-child(5), .linha-sub-login > div,div.row.grey.col-xs-12 > div > div > div > form > div:nth-child(2) > div.boxGrey > div:nth-child(5){max-width: 95vw !important;width: 100%;float: none!important;margin: 0 auto !important;padding: 0;height: auto;text-align: center;}
	.boxGrey{}
}
@media (max-width: 768px) {
	*{} 
  #
	.linha-sub-login{width: 100%;}
	body > div.container.main > div.row > div.col-md-5.col-sm-12.login-form.ng-pluralize.col-md-offset-1.text-center.count\3d > div.row.grey.colunaGrey > div{padding:0; max-width: 100vw}
	.colunaGrey{width: 100% !important;position: relative;}
	.container.main > .row > div{padding: 0;margin: 0 auto;float: none;max-width: 90%;}
    .logo {padding: 2rem 0;width: 100%;max-width: 80%;}
    .logo img {width: auto !important; max-width: 70%; height: auto; margin: 0 auto; paddin: 0}
    .checkbox + label,
	.login-page .btn-login, .form__field > button{
		font-size: 15px;
		max-width: 74%;
	}  
	.boxGrey{width: 100%;padding: 2vw 5vw;}
}

.link-forgot {
	display: inline-block !important;
	margin: 15px 0 5px;
	width: 100%;
	float: left;
	text-align:  center; 
	clear: both;
	line-height: 1.2vw;
}

nav button{border: none !important;position: relative;display: inline-block !important;text-align: center;padding-left: 2rem!important;line-height: 18px !important;background-color: transparent;COLOR: #6d6e70;margin-left: -0.8rem;}
nav button:hover{background: none;text-decoration: underline !important;color: #6d6e70 !important;}
nav button i{color: #6d6e70;width: 1rem;height: auto;font-size: 10px !important;font-weight: normal !important;line-height: 6px !important;left: 5px !important;}
#esqueceu > div:nth-child(2) > button{float: right; margin-right: 5%}