/*
|
| Globais
|
*/

body {
    font-family: 'Roboto', sans-serif !important;
}

.container {
    width: 100%;
}

.container-sgb {
    padding-top: 60px;
}

.container-app .row {
    padding: 0 5px;
    margin-bottom: 5px
}

.container-app .col {
    padding: 0.45rem;
}

.container-app .card {
    margin: 0;
}

.container-app .app-check {
    font-size: 19px;
    color: #4caf50;
    display: inline-flex;
    vertical-align: top;
    margin-right: 10px;
}

.container-app .collection-item b {
    color: #66616b;
}

.card-title {
    display: block;
    line-height: 32px;
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 300;
}

.header {
    height: 40px;
    line-height: 42px;
}

.header-form .col-veic-color img {
    filter: invert(40%) sepia(80%) saturate(4099%) hue-rotate(159deg) brightness(91%) contrast(101%);
}

.fixed-top {
    position: fixed !important;
    right: 0;
    left: 0;
    z-index: 2 !important;
}

.span-title {
    color: #777;
    font-size: 11.4px;
    font-weight: bold;
}

.span-colab {
    color: #777;
    font-size: 12.8px;
    font-weight: bold;
}

.span-title-dest {
    line-height: 5px;
    font-size: 22.8px;
    font-weight: 300;
}

.span-count {
    font-size: 26px;
}

.card-estat .card-content {
    padding: 10px 10px 5px 10px;
}

.card-estat .card-action {
    padding: 5px 5px;
}

.card-estat:hover {
    background-color: rgba(138, 138, 138, 0.219);
}

.img-cot:hover {
    opacity: 0.6;
}

.tr-ativa-consultor {
    background-color: #99e4ff !important;
}

.clickable-row-consultor :hover {
    cursor: pointer;
}

label.error{
    color: #b94a48;
}

input.error{
    border-color: #b94a48;
}

input.valid{
    border-color: #5bb75b;
}

.help-inline {
    color: #b94a48;
}

td {
  font-size: 12px;
}

th {
  font-size: 13px;
}

.modal-analisar label {
  color: #009688;
}


.input-field>label.active  {
    color: #009688;
}

.imgComunicado{
    opacity:0.5;
}

.row-veic .col.s12 {
    padding: 0.45rem 0.35rem;
}

.card.sticky-action .card-action {
    z-index: 0;
}

.navigate {
    position: absolute;
    right: 0;
}

.dev {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 38px;
    background-color: #a77738 !important;
    background: linear-gradient(154deg,#ffc107 0,#fddd7c 100%) !important;
    opacity: 0.6;
    z-index: 2;
}

.dev p {
    margin-top: 2px;
    color: white;
    text-align: center;
    text-shadow: 1.2px 1.2px 1.2px #0f0f0f;
    font-size: 1.5rem;
    font-weight: bold;
}

.alert {
    padding: 8px 35px 8px 14px;
    margin: -10px 10px 20px 10px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-radius: 3px;
}

.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-danger, .alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 20px;
}

.close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}

.close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    filter: alpha(opacity=40);
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    appearance: none;
    -webkit-appearance: none;
}

.btn-pp {
    padding: 1.6px 10.9px; 
    min-height: 14px;
    min-width: 14px;
}

.btn-pp i {
    font-size: 16px;
}

.btn-adesao {
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
    line-height: 20px;
    padding: 10px 10px;
}

.sgb-sub {
    height: 45px;
}

.sgb-sub:hover .dropdown-child-sgb-sub {
    display: block;
}

.brand-logo, .nav-user {
    font-size: 0.92rem !important;
}

.card-app {
    margin-bottom: -10px !important;
}

.footer-copyright .container {
    padding-top: 5px;
}

.page-footer {
    font-family: 'Poppins', sans-serif;
    font-size: 0.92rem;
}

.page-footer .container {
    padding-top: 5px;
}

.page-footer .fixed-action-btn ul li {
     margin-bottom: 0;
}

.title-btn-action {
    color: #fff !important;
    font-size: 12.5px;
    text-shadow: 1.2px 1.2px 1.2px #0f0f0f;
    padding: 4px;
    border-radius: 3px;
    margin-left: -5px;
    /*
    background-color: #464646;
    left: -40px;
    top: 60px;
    */
}

.help-inline {
    color: red;
}

.col-wid-90-perc {
    width: 90% !important;
}

.title-resumo {
    font-size: 1.50rem;
}

.icons-ajust-text {
    vertical-align: sub;
}

.app-span-item-plan {
    display:inline;
}

.app-check {
    font-size: 19px;
    color: #4caf50;
    display: inline-flex;
    vertical-align: top;
    margin-right: 10px;
}

.app-clear{
    font-size: 19px;
    color: #ee2720;
    display: inline-flex;
    vertical-align: top;
    margin-right: 10px;
}

.app-item {
    font-size: 19px;
    color: #0c3be0;
    display: inline-flex;
    vertical-align: top;
    margin-right: 10px;
}

.span-avisos {
    font-size: 11px;
    margin-bottom: 20px;
}

.app-span-cob {
    color: #0c3be0;
}

.card-content .card-title {
    font-size: 22px;
}

.col-btns-padrao {
    padding: 0.45rem 0.25rem !important;
}

.padding-0 {
    padding: 0px !important;
}

.p4 {
    padding: 4px !important;
}

.p5 {
    padding: 5px !important;
}

.p10 {
    padding: 10px !important;
}

.p-top-0 {
    padding-top: 0px !important;
}

.p-top-5 {
    padding-top: 5px !important;
}

.p-top-30 {
    padding-top: 30px !important;
}

.p-left-0 {
    padding-left: 0px !important;
}

.p-left-10 {
    padding-left: 10px !important;
}

.p-right-0 {
    padding-right: 0px !important;
}

.p-right-8 {
    padding-right: 8px !important;
}

.p-right-10 {
    padding-right: 10px !important;
}

.p-bottom-0 {
    padding-bottom: 0px !important;
}

.p-bottom-5 {
    padding-bottom: 5px !important;
}

.p-bottom-10 {
    padding-bottom: 10px !important;
}

.m-top-5n {
    margin-top: -5px !important;
}

.m-top-6n {
    margin-top: -6px !important;
}

.m-top-8n {
    margin-top: -8px !important;
}

.m-top-10n {
    margin-top: -10px !important;
}

.m-top-12n {
    margin-top: -12px !important;
}

.m-top-13n {
    margin-top: -13px !important;
}

.m-top-15n {
    margin-top: -15px !important;
}

.m-top-17n {
    margin-top: -17px !important;
}

.m-top-20n {
    margin-top: -20px !important;
}

.m-top-25n {
    margin-top: -25px !important;
}

.m-top-30n {
    margin-top: -30px !important;
}
.m-top-30n {
    margin-top: -30px !important;
}

.m-top-0 {
    margin-top: 0px !important;
}

.m-top-5 {
    margin-top: 5px !important;
}

.m-top-8 {
    margin-top: 8px !important;
}

.m-top-10 {
    margin-top: 10px !important;
}

.m-top-15 {
    margin-top: 15px !important;
}

.m-top-20 {
    margin-top: 20px !important;
}

.m-top-30 {
    margin-top: 30px !important;
}

.m-top-40 {
    margin-top: 40px !important;
}

.m-bottom-10n {
    margin-bottom: -10px !important;
}

.m-bottom-5n {
    margin-bottom: -5px !important;
}

.m-bottom-0 {
    margin-bottom: 0px !important;
}

.m-bottom-5 {
    margin-bottom: 5px !important;
}

.m-bottom-10 {
    margin-bottom: 10px !important;
}

.m-bottom-15 {
    margin-bottom: 15px !important;
}

.m-bottom-20 {
    margin-bottom: 20px !important;
}

.m-bottom-25 {
    margin-bottom: 25px !important;
}

.m-bottom-85 {
    margin-bottom: 85px !important;
}

.m-bottom-135 {
    margin-bottom: 135px !important;
}

.m-bottom-135 {
    margin-bottom: 145px !important;
}

.m-bottom-145 {
    margin-bottom: 145px !important;
}

.m-bottom-10n {
    margin-bottom: -10px !important;
}

.m-bottom-12n {
    margin-bottom: -12px !important;
}

.m-bottom-15n {
    margin-bottom: -15px !important;
}

.m-lef-10n {
    margin-left: -10px !important;
}

.m-left-5 {
    margin-left: 5px !important;
}

.m-left-10 {
    margin-left:10px !important;
}

.m-right-5 {
    margin-right: 5px !important;
}

/*
|
| Menu principal
|
*/
#system-menu {
    width: 100%;
    position: absolute;
    z-index: 25 !important;
    top: 0.2px;
    left: 5px;
    font-family: 'Poppins', sans-serif;
}

#system-menu a {
    color: #fff;
    font-size:12.99px;
}

#system-menu i {
    margin-right:10px;
    font-size: 16px;
    line-height:22px;
    height: 5px;
}
#system-menu button {
    border: 0;
    margin-left:-3px;
    margin-top: -11px;
    padding: 5px 10px 4px;
}

#system-menu .link-menu {
    text-align: center;
}

#system-menu .link-menu li:hover {
    background-color: #1F68B1;
    padding: 3.5px 5px 1px 5px;
    border-radius: 2px;
}

#system-menu .link-menu-no li:hover {
    background-color: #1F68B1;
    padding: 3.5px 5px 1px 5px;
    border-radius: 2px;
    cursor: pointer;
}

#system-menu .link-menu-no {
    text-align: center;
}

#system-menu .link-menu-no a {
    padding: 3.5px 5px 1px 5px;
    border-radius: 2px 2px 0px 0;
}

.system-menu {
    margin: 5px 0px 0 0 !important;
}

/*
|
| Menu User > Minha Conta
|
*/
#user-login {
    position: absolute;
    z-index: 25;
    top: 2px;
    right:10px;
}

#user-login a {
    color: #fff;
    font-size:12.99px;
}

#user-login i {
    margin-right:8px;
    font-size:12.99px;
    line-height:25px;
}
#user-login button {
    border: 0;
    margin-left:-3px;
    margin-top: -11px;
    padding: 5px 10px 4px;
}

#user-login .link-menu-no a {
    padding: 2.5px 5px 0px 5px;
    border-radius: 2px 2px 0px 0;
}

.user-logado {
    margin: 5px 0 !important;
}

/*
|
| Drops menus
|
*/
.dropdownsgb {
    position: relative;
    float: left;
    width: 160px;
    margin-right: 2px;
}

.dropdownsgb .active {
    background-color: #085db1;
    padding: 3.5px 5px 1px 5px;
    border-radius: 2px;
}

.dropdownsgb .link-menu a {
    padding: 3.5px 5px 1px 5px;
    border-radius: 2px;
    text-align: center;
}

.dropdownsgb li {
    line-height: 22px !important;
    padding: 3.5px 5px 1px 5px;
}

.dropdownsgb .link-menu a {
    padding: 2.5px 5px 0px 5px;
    border-radius: 2px;
    text-align: center;
}

.dropdownsgb:hover .link-menu-no li {
    background-color: #1F68B1;
}

.dropdownsgb .link-menu-no a {
    text-align: center;
}

.dropdownsgb .dropdown-child-sgb {
    display: none;
    background-color: #1F68B1;
    margin-top: 0px;
}  

.dropdownsgb .dropdown-child-sgb a {
    font-size: 11.5px !important;
    color: white;
    padding: 10px 8px 10px 15px;
    text-decoration: none;
    display: block;
    margin-left: right;
}   

.dropdownsgb .dropdown-child-sgb li:hover {
    background-color: #144575;
}

.dropdownsgb .dropdown-child-sgb i {
    font-size: 12.9px !important;
}

.dropdownsgb:hover .dropdown-child-sgb {
    display: block;
}

.dropdown-child-sgb ul {
    list-style: none;
    margin: 0;
}

.dropdown-child-sgb-sub {
    display: none;
    background-color: #1F68B1;
    position: relative;
    top: -46px;
    left: 154px;
}

.dropuser {
    margin-right: 10px;
}

/*
.drop-painel {
    width: 90px;
}
*/

.dropuser .dropdown-child-sgb {
    display: none;
    background-color: #1F68B1;
    margin-top: -5px;
}

.dropuser .dropdown-child-sgb a:hover {
    background-color: #144575;
}

/*
|
| Templates
|
*/
/*Blue*/
.template-blue.bg {
    background: #0361ad;
    background-image: linear-gradient(to right bottom, #00aeeb, #028ed9, #0361ad, #003c87, #071e79);
}

.template-blue.info-client {
    background: #227de5;
}

.template-blue .header {
    background-color: #2255a4;
    background: linear-gradient(154deg,#004167 0,#2b76cc 100%);
}

.template-blue .colab select {
    background-color: #1360abd2;
    color: #fff;
}

.template-blue .colab select:active {
    background-color: #0061c1d2;
    color: #fff;
}

.template-blue .colab .selec-user-id {
    background-color: #0291dd;
    color: #fff;
}

.template-blue .colab .selec-user-id:hover {
    background-color: #249cdd;
}

/*Green*/
.template-green.bg {
    background: #86a501;
    background-image: linear-gradient(to right bottom, #b6e103, #a0c502, #7f9d01, #5e7500, #404f00);
}

.template-green.info-client {
    background: #a2bc35;
}

.template-green .header {
	background-color: #90a830;
    background: linear-gradient(154deg,#748f08 0,#a2bc35 100%);
}

.template-green #system-menu .link-menu li:hover {
    background-color: #a5be41;
}

.template-green #system-menu .link-menu-no li:hover {
    background-color: #a5be41;
}

.template-green .dropdownsgb .active {
    background-color: #a5be41;
}

.template-green .dropdownsgb:hover .link-menu-no li {
    background-color: #a5be41;
}

.template-green .dropdownsgb .dropdown-child-sgb {
    background-color: #a5be41;
} 

.template-green .dropdownsgb .dropdown-child-sgb li:hover {
    background-color: #8ba038;
}

.template-green .dropdown-child-sgb-sub {
    background-color: #a5be41;
}

.template-green .dropuser .dropdown-child-sgb {
    background-color: #a5be41;
}

.template-green .dropuser .dropdown-child-sgb a:hover {
    background-color: #8ba038;
}

.template-green .colab select {
    background-color: #769525e6;
    color: #fff;
}

.template-green .colab select:active {
    background-color: #83b502e6;
    color: #fff;
}

.template-green .colab .selec-user-id {
    background-color: #a6cd01;
    color: #fff;
}

.template-green .colab .selec-user-id:hover {
    background-color: #b2cf2e;
}

.template-green .colab .dropdown-content {
    background-color: #83b502e6;
    color: #fff;
}

.template-green .colab .chosen-container .chosen-results, .template-green .colab .chosen-container-single .chosen-search  {
    background-color: #a6cd01;
}

.template-green .colab .chosen-container .chosen-results li.highlighted {
    background-color: #829e04;
    background-image: none;
    color: #fff;
}
  
/*Orange*/
.template-orange.bg {
    background: #c9a53f;
    background-image: linear-gradient(to right bottom, #f1d78d, #d9b44e, #c9a53f, #bda359, #af8f31);
}

.template-orange.info-client {
    background: #e7a82d;
}

.template-orange .header {
	background-color: #ecae02;
    background: linear-gradient(154deg,#cc9600 0,#ffbb00 100%);
}

.template-orange #system-menu .link-menu li:hover {
    background-color: #f9be1b;
}

.template-orange #system-menu .link-menu-no li:hover {
    background-color: #f9be1b;
}

.template-orange .dropdownsgb .active {
    background-color: #f9be1b;
}

.template-orange .dropdownsgb:hover .link-menu-no li {
    background-color: #f9be1b;
}

.template-orange .dropdownsgb .dropdown-child-sgb {
    background-color: #f9be1b;
} 

.template-orange .dropdownsgb .dropdown-child-sgb li:hover {
    background-color: #d39f0f;
}

.template-orange .dropdown-child-sgb-sub {
    background-color: #f9be1b;
}

.template-orange .dropuser .dropdown-child-sgb {
    background-color: #f9be1b;
}

.template-orange .dropuser .dropdown-child-sgb a:hover {
    background-color: #d39f0f;
}

.template-orange .colab select {
    background-color: #cba848;
    color: #fff;
}

.template-orange .colab select:active {
    background-color: #dfad26;
    color: #fff;
}

.template-orange .colab .selec-user-id {
    background-color: #e3c265;
    color: #fff;
}

.template-orange .colab .selec-user-id:hover {
    background-color: #ebb41c;
}

.template-orange .colab .dropdown-content {
    background-color: #dfad26;
}

.template-orange .colab .chosen-container .chosen-results, .template-orange .colab .chosen-container-single .chosen-search  {
    background-color: #d39f0f;
}

.template-orange .colab .chosen-container .chosen-results li.highlighted {
    background-color: #a17a0e;
    background-image: none;
    color: #fff;
}

/*Clear*/
.template-clear.bg {
    background: #fff;
    background-image: none;
}

.template-clear.info-client {
    background: #546e7a;
}

.template-clear .logo-sgbapp img {
    filter: none;
}

.template-clear .header {
    background-color: #eee;
    background: #eee;
    border-bottom: solid 1px #ccc;
}

.template-clear .header a i {
    color: #777 !important;
}

.template-clear .header a span {
    color: #777 !important;
}

.template-clear .header-form img {
    filter: none;
}

.template-clear .header-form .col-veic img {
    filter: contrast(2%) brightness(60%);
}

.template-clear .header-form i {
    color: #777 !important;
}

.template-clear #system-menu a {
    color: #777;
}

.template-clear #system-menu .link-menu li:hover {
    background-color: #dfdfdf;
}

.template-clear #system-menu .link-menu-no li:hover {
    background-color: #dfdfdf;
}

.template-clear .dropdownsgb .active {
    background: #dfdfdf;
}

.template-clear #system-menu .active a {
    color: #000;
}

.template-clear .dropdownsgb:hover .link-menu-no li {
    background-color: #dfdfdf;
}

.template-clear .dropdownsgb .dropdown-child-sgb {
    background-color: #dfdfdf;
} 

.template-clear .dropdownsgb .dropdown-child-sgb li:hover {
    background-color: #cccccc;
}

.template-clear .dropdown-child-sgb-sub {
    background-color: #dfdfdf;
}

.template-clear .dropuser .dropdown-child-sgb {
    background-color: #dfdfdf;
}

.template-clear .dropuser .dropdown-child-sgb a:hover {
    background-color: #cccccc;
}

.template-clear .colab select {
    color: #777;
    border: 1px solid #c4c3c3;
}

.template-clear .colab select:active {
    background-color: #fafafa;
    color: #777;
}

.template-clear .colab .select-disabled-cot {
    background-color: #ececec;
}

.template-clear .colab .chosen-container-single .chosen-single {
    color: #777;
}

.template-clear .colab .dropdown-content {
    background-color: #eee;
}

.template-clear .colab .dropdown-content li>a, .template-clear .colab .dropdown-content li>span {
    color: #777;
}

.template-clear label.error{
    color: #ff4841 !important;
}

.template-clear input.error{
    border-color: #ff4841;
}

.template-clear input.valid{
    border-color: #5bb75b;
}

.template-clear .help-inline {
    color: #ff4841;
}

.template-clear .colab .input-field label, .template-clear .colab label {
    color: #777;
}

.template-clear .colab [type="radio"]:checked+span:after, .template-clear .colab [type="radio"].with-gap:checked+span:before, .template-clear .colab [type="radio"].with-gap:checked+span:after {
    border: 2px solid #979797;
}

.template-clear .colab [type="radio"]:checked+span:after, .template-clear .colab [type="radio"].with-gap:checked+span:after {
    background-color: #c4c4c4;
}

.template-clear .colab [type="radio"]:not(:checked)+span:before, .template-clear .colab [type="radio"]:not(:checked)+span:after {
    border: 2px solid #979797;
}

.template-clear .colab .input-field input[type="text"], 
.template-clear .colab input[type="text"], 
.template-clear .colab input[type="email"], 
.template-clear .colab input[type="tel"],
.template-clear .colab input[type="password"]  {
    color: #7e7e7e
}

.template-clear .colab .input-field input:not([type]):focus:not([readonly]), 
.template-clear .colab input[type=text]:not(.browser-default):focus:not([readonly]), 
.template-clear .colab input[type=password]:not(.browser-default):focus:not([readonly]), 
.template-clear .colab input[type=email]:not(.browser-default):focus:not([readonly]), 
.template-clear .colab input[type=url]:not(.browser-default):focus:not([readonly]), 
.template-clear .colab input[type=time]:not(.browser-default):focus:not([readonly]), 
.template-clear .colab input[type=date]:not(.browser-default):focus:not([readonly]), 
.template-clear .colab input[type=datetime]:not(.browser-default):focus:not([readonly]), 
.template-clear .colab input[type=datetime-local]:not(.browser-default):focus:not([readonly]), 
.template-clear .colab input[type=tel]:not(.browser-default):focus:not([readonly]), 
.template-clear .colab input[type=number]:not(.browser-default):focus:not([readonly]), 
.template-clear .colab input[type=search]:not(.browser-default):focus:not([readonly]), 
.template-clear .colab textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #26a69a;
    -webkit-box-shadow: 0 1px 0 0 #26a69a;
    box-shadow: 0 1px 0 0 #26a69a;
}

.template-clear .colab .input-field input.valid:not([type]), 
.template-clear .colab input.valid:not([type]):focus, 
.template-clear .colab input.valid[type=text]:not(.browser-default), 
.template-clear .colab input.valid[type=text]:not(.browser-default):focus, 
.template-clear .colab input.valid[type=password]:not(.browser-default), 
.template-clear .colab input.valid[type=password]:not(.browser-default):focus, 
.template-clear .colab input.valid[type=email]:not(.browser-default), 
.template-clear .colab input.valid[type=email]:not(.browser-default):focus, 
.template-clear .colab input.valid[type=url]:not(.browser-default), 
.template-clear .colab input.valid[type=url]:not(.browser-default):focus, 
.template-clear .colab input.valid[type=time]:not(.browser-default), 
.template-clear .colab input.valid[type=time]:not(.browser-default):focus, 
.template-clear .colab input.valid[type=date]:not(.browser-default), 
.template-clear .colab input.valid[type=date]:not(.browser-default):focus, 
.template-clear .colab input.valid[type=datetime]:not(.browser-default), 
.template-clear .colab input.valid[type=datetime]:not(.browser-default):focus, 
.template-clear .colab input.valid[type=datetime-local]:not(.browser-default), 
.template-clear .colab input.valid[type=datetime-local]:not(.browser-default):focus, 
.template-clear .colab input.valid[type=tel]:not(.browser-default), 
.template-clear .colab input.valid[type=tel]:not(.browser-default):focus, 
.template-clear .colab input.valid[type=number]:not(.browser-default), 
.template-clear .colab input.valid[type=number]:not(.browser-default):focus, 
.template-clear .colab input.valid[type=search]:not(.browser-default), 
.template-clear .colab input.valid[type=search]:not(.browser-default):focus, 
.template-clear .colab textarea.materialize-textarea.valid, 
.template-clear .colab textarea.materialize-textarea.valid:focus, 
.template-clear .colab .select-wrapper.valid>input.select-dropdown {
    border-bottom: 1px solid #4CAF50;
    -webkit-box-shadow: 0 1px 0 0 #4CAF50;
    box-shadow: 0 1px 0 0 #4CAF50;
}

.template-clear .colab .input-field input:not([type]):focus:not([readonly]), 
.template-clear .colab input[type=text]:not(.browser-default):focus:not([readonly]), 
.template-clear .colab input[type=email]:not(.browser-default):focus:not([readonly]), 
.template-clear .colab input[type=password]:not(.browser-default):focus:not([readonly]), 
.template-clear .colab input[type=email]:not(.browser-default):focus:not([readonly]), 
.template-clear .colab input[type=url]:not(.browser-default):focus:not([readonly]), 
.template-clear .colab input[type=time]:not(.browser-default):focus:not([readonly]), 
.template-clear .colab input[type=date]:not(.browser-default):focus:not([readonly]), 
.template-clear .colab input[type=datetime]:not(.browser-default):focus:not([readonly]), 
.template-clear .colab input[type=datetime-local]:not(.browser-default):focus:not([readonly]), 
.template-clear .colab input[type=tel]:not(.browser-default):focus:not([readonly]), 
.template-clear .colab input[type=number]:not(.browser-default):focus:not([readonly]), 
.template-clear .colab input[type=search]:not(.browser-default):focus:not([readonly]), 
.template-clear .colab textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #26a69a;
    -webkit-box-shadow: 0 1px 0 0 #26a69a;
    box-shadow: 0 1px 0 0 #26a69a;
}

/* label color */
.template-clear .colab .input-field label {
    color: #9e9e9e;
}

.template-clear .colab input:not([type]):focus:not([readonly])+label, 
.template-clear .colab input[type=text]:not(.browser-default):focus:not([readonly])+label, 
.template-clear .colab input[type=password]:not(.browser-default):focus:not([readonly])+label, 
.template-clear .colab input[type=email]:not(.browser-default):focus:not([readonly])+label, 
.template-clear .colab input[type=url]:not(.browser-default):focus:not([readonly])+label, 
.template-clear .colab input[type=time]:not(.browser-default):focus:not([readonly])+label, 
.template-clear .colab input[type=date]:not(.browser-default):focus:not([readonly])+label, 
.template-clear .colab input[type=datetime]:not(.browser-default):focus:not([readonly])+label, 
.template-clear .colab input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, 
.template-clear .colab input[type=tel]:not(.browser-default):focus:not([readonly])+label, 
.template-clear .colab input[type=number]:not(.browser-default):focus:not([readonly])+label, 
.template-clear .colab input[type=search]:not(.browser-default):focus:not([readonly])+label, 
.template-clear .colab textarea.materialize-textarea:focus:not([readonly])+label {
    color: #26a69a;
}

/* icon prefix color */
.template-clear .colab .input-field .prefix {
    font-size: 1.3rem;
    color: #7e7e7e;
    padding-top: 18px;
}

.template-clear .colab .input-field .prefix.active {
    color: #26a69a;
}

.template-clear .colab .input-field .prefix-inative {
    color: #8d8d8d;
}

.template-clear .colab .btn-prim {
    background-color: #7c7c7c;
    color: #fff;
    box-shadow: none;
}

.template-clear .colab .btn-prim:hover, .template-clear .colab .btn-prim:focus  {
    background-color: #26a69a;
}
.template-clear .cad-user a {
    color: #7e7e7e !important;
}

.template-clear .cad-user a:hover {
    color: #26a69a !important;
}

.template-clear .row-actions i, .template-clear .row-btn-login i {
    color: #777 !important;
}

.template-clear .colab .chosen-container-single .chosen-search {
    background-color: #fff;
}

.template-clear .colab .chosen-container .chosen-results li {
    color: #8a8a8a;
}

.template-clear .colab .chosen-container .chosen-results, .template-clear .colab .chosen-container-single .chosen-search  {
    background-color: #fff;
    color: #8a8a8a;
}

.template-clear .colab .chosen-container .chosen-results li.highlighted {
    background-color: #fff;
    background-image: none;
    color: #4d4d4d;
}

/*Dark*/
.template-dark.bg {
    background: #808080;
    background-image: linear-gradient(to right bottom, #a7a7a7, #838383, #5f5f5f, #515151, #4d4d4d);
}

.template-dark.info-client {
    background: #5f5f5f;
}

.template-dark .header {
    background-color: #818181;
    background: linear-gradient(154deg,#585756 0,#979797 100%);
}

.template-dark #system-menu .link-menu li:hover {
    background-color: #9c9c9c;
}

.template-dark #system-menu .link-menu-no li:hover {
    background-color: #9c9c9c;
}

.template-dark .dropdownsgb .active {
    background-color: #9c9c9c;
}

.template-dark .dropdownsgb:hover .link-menu-no li {
    background-color: #9c9c9c;
}

.template-dark .dropdownsgb .dropdown-child-sgb {
    background-color: #9c9c9c;
} 

.template-dark .dropdownsgb .dropdown-child-sgb li:hover {
    background-color: #818181;
}

.template-dark .dropdown-child-sgb-sub {
    background-color: #9c9c9c;
}

.template-dark .dropuser .dropdown-child-sgb {
    background-color: #9c9c9c;
}

.template-dark .dropuser .dropdown-child-sgb a:hover {
    background-color: #818181;
}

.template-dark .colab select {
    background-color: #5b5b5b;
    color: #fff;
}

.template-dark .colab select:active {
    background-color: #868686;
    color: #fff;
}

.template-dark .colab .selec-user-id {
    background-color: #939393;
    color: #fff;
}

.template-dark .colab .selec-user-id:hover {
    background-color: #a0a0a0;
}

.template-dark .colab .dropdown-content {
    background-color: #868686;
}

.template-dark .colab .chosen-container .chosen-results, .template-dark .colab .chosen-container-single .chosen-search  {
    background-color: #9c9c9c;
}

.template-dark .colab .chosen-container .chosen-results li.highlighted {
    background-color: #747474;
    background-image: none;
    color: #fff;
}

/*
|
| Reponsive
|
*/
/*MAX-WIDTH*/
@media screen and (max-width: 992px) {

    .col-btns {
        padding: 0.45rem 0.10rem !important;
    }

    .card-mobile {
	
        padding: 0.45rem 0.10rem !important;
    
    }

    .new.badge {
        width: 98%;
    }

}

@media screen and (max-width: 680px) {

    /*Técnica para simular não tem mais tabela*/
    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables tfoot,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr {
        padding: 5px 5px; 
        -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
        border-radius: 0 0 2px 2px;
        border-bottom: solid 10px #3f51b5;
        background-color: #fff;
        margin-bottom: 10px;
    }

    #no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        position: relative;
        padding: 5px 5px;
        padding-left: 40%;
        white-space: normal;
        text-align:left;
        width: auto !important;
    }

    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }

    /*
    Label the data
    */
    #no-more-tables td:before {
        content: attr(data-title);
    }

    .btn-pp {
        display: block;
        max-width: 280px;
        margin-bottom: 10px;
    }

    .btn-pp span {
        font-size: 12.6px;
    }

    .no-visible-phone {
        display: none !important;
    }

    .pagination {
        text-align: center !important;
    }
    
}

@media only screen and (max-width: 460px) {

    .alert {
        margin: 0px 10px 10px 10px
    }

    .banner-atalhos {
        margin-bottom: 10px;
    }

    #divBackdrop h2 {
        font-size: 28px;
    }

    .title-img-padrao {
        font-size: 20px !important;
    }

    .col-btns-padrao {
        padding: 0.45rem 0.15rem !important;
    }

    .pagination li i { 
        font-size: 1.4rem;
        margin: 6px 0 0 0!important;
    }

    .pagination li a {
        font-size: 1.2rem;
    }

}

@media only screen and (max-width: 380px) {

    .pagination li i { 
        font-size: 1rem;
        margin: 8px 0 0 0!important;
    }

    .pagination li a {
        font-size: 0.8rem;
    }

}

@media only screen and (max-width: 360px) {
    
    .btn-pp span {
        display: none;
    }

}

@media only screen and (max-width: 320px) {

    .row-card-est .col.s6 { 
        width: 100%;
        margin-left: auto;
    }

    .title-img-padrao {
        font-size: 16px !important;
    }

}

/*MIN-WIDTH*/
@media screen and (min-width: 680px) {

    .no-visible-desktop {
        display: none !important;
    }

}

@media screen and (min-width: 680px) {
    
    .visible-phone {
        display: none;
    }

}

@media screen and (min-width: 600px) {
    
    .row-veic img {
        width: 100%;
    }

}