/*
    Created on : 17/04/2015, 16:03:26
    Author     : infornet
    */
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700);
    :root{
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000000;
  --bs-white: #ffffff;
  --bs-gray: #7E8299;
  --bs-gray-dark: #3F4254;
  --bs-gray-100: #F9F9F9;
  --bs-gray-200: #F4F4F4;
  --bs-gray-300: #E1E3EA;
  --bs-gray-400: #B5B5C3;
  --bs-gray-500: #A1A5B7;
  --bs-gray-600: #7E8299;
  --bs-gray-700: #5E6278;
  --bs-gray-800: #3F4254;
  --bs-gray-900: #181C32;
  --bs-light: #F9F9F9;
  --bs-primary: #009ef7;
  --bs-secondary: #E1E3EA;
  --bs-success: #50cd89;
  --bs-info: #7239ea;
  --bs-warning: #ffc700;
  --bs-danger: #f1416c;
  --bs-dark: #181C32;
  --bs-light-rgb: 249, 249, 249;
  --bs-primary-rgb: 0, 158, 247;
  --bs-secondary-rgb: 225, 227, 234;
  --bs-success-rgb: 80, 205, 137;
  --bs-info-rgb: 114, 57, 234;
  --bs-warning-rgb: 255, 199, 0;
  --bs-danger-rgb: 241, 65, 108;
  --bs-dark-rgb: 24, 28, 50;
  --bs-primary-text: #0a58ca;
  --bs-secondary-text: #7E8299;
  --bs-success-text: #146c43;
  --bs-info-text: #087990;
  --bs-warning-text: #997404;
  --bs-danger-text: #b02a37;
  --bs-light-text: #7E8299;
  --bs-dark-text: #5E6278;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #F9F9F9;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfc;
  --bs-dark-bg-subtle: #B5B5C3;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #F4F4F4;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #F4F4F4;
  --bs-dark-border-subtle: #A1A5B7;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 24, 28, 50;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: Inter, Helvetica, "sans-serif";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #181C32;
  --bs-emphasis-color: #000000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(24, 28, 50, 0.75);
  --bs-secondary-color-rgb: 24, 28, 50;
  --bs-secondary-bg: #F4F4F4;
  --bs-secondary-bg-rgb: 244, 244, 244;
  --bs-tertiary-color: rgba(24, 28, 50, 0.5);
  --bs-tertiary-color-rgb: 24, 28, 50;
  --bs-tertiary-bg: #F9F9F9;
  --bs-tertiary-bg-rgb: 249, 249, 249;
  --bs-body-bg: #ffffff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-heading-color: #181C32;
  --bs-link-color: #009ef7;
  --bs-link-color-rgb: 0, 158, 247;
  --bs-link-decoration: none;
  --bs-link-hover-color: #0095e8;
  --bs-link-hover-color-rgb: 0, 149, 232;
  --bs-link-hover-decoration: none;
  --bs-code-color: #b93993;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #F4F4F4;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.475rem;
  --bs-border-radius-sm: 0.425rem;
  --bs-border-radius-lg: 0.625rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
  --bs-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-emphasis-color: #000000;
  --bs-form-control-bg: var(--bs-body-bg);
  --bs-form-control-disabled-bg: var(--bs-secondary-bg);
  --bs-highlight-bg: #fff3cd;
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
  --bs-text-muted: #A1A5B7;
  --bs-gray-100: #F9F9F9;
  --bs-gray-100-rgb: 249, 249, 249;
  --bs-gray-200: #F4F4F4;
  --bs-gray-200-rgb: 244, 244, 244;
  --bs-gray-300: #E1E3EA;
  --bs-gray-300-rgb: 225, 227, 234;
  --bs-gray-400: #B5B5C3;
  --bs-gray-400-rgb: 181, 181, 195;
  --bs-gray-500: #A1A5B7;
  --bs-gray-500-rgb: 161, 165, 183;
  --bs-gray-600: #7E8299;
  --bs-gray-600-rgb: 126, 130, 153;
  --bs-gray-700: #5E6278;
  --bs-gray-700-rgb: 94, 98, 120;
  --bs-gray-800: #3F4254;
  --bs-gray-800-rgb: 63, 66, 84;
  --bs-gray-900: #181C32;
  --bs-gray-900-rgb: 24, 28, 50;
  --bs-light: #F9F9F9;
  --bs-primary: #009ef7;
  --bs-secondary: #E1E3EA;
  --bs-success: #50cd89;
  --bs-info: #7239ea;
  --bs-warning: #ffc700;
  --bs-danger: #f1416c;
  --bs-dark: #181C32;
  --bs-primary-active: #0095e8;
  --bs-secondary-active: #B5B5C3;
  --bs-light-active: #F4F4F4;
  --bs-success-active: #47be7d;
  --bs-info-active: #5014d0;
  --bs-warning-active: #f1bc00;
  --bs-danger-active: #d9214e;
  --bs-dark-active: #131628;
  --bs-primary-light: #f1faff;
  --bs-secondary-light: #F9F9F9;
  --bs-success-light: #e8fff3;
  --bs-info-light: #f8f5ff;
  --bs-warning-light: #fff8dd;
  --bs-danger-light: #fff5f8;
  --bs-dark-light: #F4F4F4;
  --bs-primary-inverse: #ffffff;
  --bs-secondary-inverse: #3F4254;
  --bs-light-inverse: #7E8299;
  --bs-success-inverse: #ffffff;
  --bs-info-inverse: #ffffff;
  --bs-warning-inverse: #ffffff;
  --bs-danger-inverse: #ffffff;
  --bs-dark-inverse: #ffffff;
  --bs-light-rgb: 249, 249, 249;
  --bs-primary-rgb: 0, 158, 247;
  --bs-secondary-rgb: 225, 227, 234;
  --bs-success-rgb: 80, 205, 137;
  --bs-info-rgb: 114, 57, 234;
  --bs-warning-rgb: 255, 199, 0;
  --bs-danger-rgb: 241, 65, 108;
  --bs-dark-rgb: 24, 28, 50;
  --bs-text-white: #ffffff;
  --bs-text-primary: #009ef7;
  --bs-text-secondary: #E1E3EA;
  --bs-text-light: #F9F9F9;
  --bs-text-success: #50cd89;
  --bs-text-info: #7239ea;
  --bs-text-warning: #ffc700;
  --bs-text-danger: #f1416c;
  --bs-text-dark: #181C32;
  --bs-text-muted: #A1A5B7;
  --bs-text-gray-100: #F9F9F9;
  --bs-text-gray-200: #F4F4F4;
  --bs-text-gray-300: #E1E3EA;
  --bs-text-gray-400: #B5B5C3;
  --bs-text-gray-500: #A1A5B7;
  --bs-text-gray-600: #7E8299;
  --bs-text-gray-700: #5E6278;
  --bs-text-gray-800: #3F4254;
  --bs-text-gray-900: #181C32;
  --bs-border-color: #F4F4F4;
}
body {
    font-family: "Inter",'Source Sans Pro', 'Segoe UI', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color:  #495057;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    letter-spacing: 0px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family:  "Inter",'Source Sans Pro', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
}
.h1,h1 {    font-size: 30px}
.h2,h2 {    font-size: 26px}
.h3,h3 {    font-size: 20px}
.h4,h4 {    font-size: 16px; font-weight: 400;}
.h5,h5 {    font-size: 14px}
.h6,h6 {    font-size: 12px}
.breadcrumb > li {
    font-size: 13px !important; 
}

.btn {
    font-size: 13px;
}
.btn-xs, .btn-group-xs > .btn {
    font-size: 11px;
}
/* FIM NOVA FONTE */
.border-radius-20 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

#wrapper {
    height: auto !important;
}
.logocliente {
    padding: 5px 10px;
}
.logocliente img {
    max-width: 70px;
    max-height: 40px;
}
.yamm.pull-right .dropdown-menu {
    right: 0px;
}
#topnav.navbar-default .navbar-brand {
    background: url(../logo/sistema.png) 20px no-repeat;
}
body.topnav-collapsed #topnav.navbar-default .navbar-brand {
    background: url(../img/favicon.png) center no-repeat;
}
#topnav ul.dropdown-menu {
    margin: 0 !important;
}
#topnav .menu-superior-direito ul.dropdown-menu {
    left: auto !important;
    right: 0 !important;
}

a.username i {
    height: 24px;
    width: 24px;
    float: right;
    font-size: 20px;
    border-radius: 50%;
}
.dropdown-menu, .tt-dropdown-menu {
    left: auto;
    right: auto;
}
.yamm .collapse, .yamm .dropdown, .yamm .dropup, .yamm .nav {
    position: relative;
}
.menuValor a {
    /*color: #1134AB;*/
}
h3.yamm-category {
    color: #fff !important;
    font-size: 16px;
}
.yamm .yamm-content ul li {
    padding: 0 !important;
}
.yamm .yamm-content {
    padding: 10px 0;
}
.yamm .yamm-content ul li a {
    line-height: 18px;
}
.btnSejaPro {
    color: #fff !important;
    padding: 3px 10px !important;
    margin-top: 11px;
}
.btnSejaPro:hover {
    background-color: #25a25a !important;
    border-color: #1c7c44 !important;
}
.msgExpirar {
    background-color: #FFE303;
    color: #333 !important;
    padding: 3px 10px !important;
    margin-top: 11px;
    border-color: #FFD700;
}
.msgExpirar:hover, .msgExpirar:active, .msgExpirar:focus {
    background-color: #FFD700 !important;
    color: #333 !important;
    border-color: #FFD700;
}
/* ====================================== WIZARD =====================*/
.wizard {
    margin-bottom: 20px;
}
.wizard > .content {
    background: transparent;
    /*margin: 0px;*/
    min-height: 100% !important;
}
.wizard > .content > .body {
    /*width: 100%;*/
    float: none;
    padding: 0px;
    padding-top: 20px;
    margin: auto;
}
.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
    font-weight: 400;
    line-height: 1.42;
    color: #5f7676;
    margin-top: 20px;
    font-size: 23px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: transparent;
    /*border-bottom: solid 2px #aaa;*/
    font-family: 'Source Sans Pro', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
}
.wizard > .steps .disabled a, .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active {
    background: none repeat scroll 0 0 transparent;
    color: #aaa;
    cursor: default;
}
.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {
    background: none repeat scroll 0 0 transparent;
    color: #5f7676;
    border-bottom: solid 2px #5f7676;
}
.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
    background: none repeat scroll 0 0 transparent;
    color: #82c4e6;
    cursor: default;
    border-bottom: solid 2px #82c4e6;
}
.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
    border-radius: 0px;
    margin: 0 0.5em 0.5em;
    padding: 0.5em;
    text-decoration: none;
    width: auto;
}
.bordas > div {
    border: 1px dashed #e6eaed;
    padding: 23px 10px 20px 10px;
    margin-bottom: 0px;
}
.div-disabled {
    background-color: #dcafaf;
}
.panel-body .panel-footer {
    bottom: 0px;
    margin: 20px -20px -20px -20px;
}
.smart-menu .scroll-down, .smart-menu .scroll-up {
    position: absolute;
}
.selectize-control.single .selectize-input input {
    width: auto !important;
}
.popover.cadastrar {
    max-width: 100%;
    width: 100%;
    margin-top: 0px;
    left: 0px;
}
.popover.cadastrar .popover-title {
    background-color: #f7f7f7;
    padding: 8px 14px;
    font-size: 16px;
    color: #333;
    /*min-width: 200px;*/
}
/*==================== TYPEAHEAD =====================*/
ul.typeahead.dropdown-menu li.active a {
    background-color: #fff;
    color: #777;
}
ul.typeahead.dropdown-menu li.active a:hover {
    background-color: #3498DB;
    color: #fff;
}
.modal-full {
    width: 99%;
    margin: 30px auto;
}
.modal-supremo-90 {
    width: 90%;
    margin: 30px auto;
}
.modal-supremo-80 {
    width: 80%;
    margin: 30px auto;
}
.modal-supremo-70 {
    width: 70%;
    margin: 30px auto;
}
/*================= COLORS ====================*/
.vermelho {
    color: #ff1919;
}
.campo-obrigatorio {
    color: #ff1919;
    padding: 0px 0px 0px 3px;
    display: inline-block;
    font: normal normal normal 10px/1 FontAwesome;
    font-size: 7px;
    position: absolute;
    top: 6px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.campo-obrigatorio:before {
    content: "\f069";
}
.tab-container > .nav.nav-tabs > li > a {
    font-size: 18px;
}
/*================= LISTAS ====================*/
#produtos, #produtos ul {
    list-style: none;
}
.select2-lg .select2-container > a {
    height: 46px;
    padding: 3px 10px;
    font-size: 16px;
}
.select2-lg .select2-container .select2-choice .select2-arrow {
    padding-top: 6px;
}
.select2-md .select2-container > a {
    height: 34px;
    padding: 1px 10px;
    font-size: 16px;
}
.select2-md .select2-container > a .select2-chosen {
    margin-top: -4px;
}
.select2-md .select2-container .select2-choice .select2-arrow {
    padding-top: 1px;
}
/*================================================ TAMANHO FONTE ========================================*/
.font8 {
    font-size: 8px;
}
.font10 {
    font-size: 10px;
}
.font11 {
    font-size: 11px;
}
.font12 {
    font-size: 12px;
}
.font13 {
    font-size: 13px;
}
.font14 {
    font-size: 14px!important;
}
.font16 {
    font-size: 16px !important;
}
.font18 {
    font-size: 18px;
}
.font20 {
    font-size: 20px;
}
.font22 {
    font-size: 22px;
}
.font24 {
    font-size: 24px;
}
.font28 {
    font-size: 28px;
}
.font30 {
    font-size: 30px;
}
.font32 {
    font-size: 32px;
}
.font36 {
    font-size: 36px;
}
.font42 {
    font-size: 42px;
}
.font80 {
    font-size: 80px;
}

/* ==== VALOR ICONS ==== */
@media (min-width: 992px) {
    .bootbox-lg .modal-dialog {
        width: 900px;
    }
}
@media (max-width: 768px) {
    .no-padding-xs {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .no-padding-xs .no-padding-xs {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }
    .modal-supremo-mobile {
        width: 95%!important;
        margin: 30px auto!important;
    }
}
.maiusculo {
    text-transform: uppercase;
}
.minusculo {
    text-transform: lowercase;
}
/* ==== FINANCEIRO ==== */
.saldo-positivo {
    color: #359933;
}
.saldo-negativo {
    color: #ff1919;
}
.panel .panel-heading {
    background-color: #FFF;
    border-top: 2px solid #82c4e6;
}
.panel .panel-heading h2 {
    color: rgb(57, 61, 64);
    font-size: 14px;
    text-transform: inherit;
    line-height: 8px;
    font-weight: 500;
    letter-spacing: 0.05em;
}
.panel-sky .panel-heading {
    color: #fff;
    background-color: #82c4e6;
    border-color: #60b4df;
}
.panel-sky .panel-heading h2 {
    color: #fff;
}
.panel-informacao-evento{
    margin-bottom: 0px;
    border-radius: 0px;
}
.panel-informacao-evento .panel-heading {
    line-height: 30px;
    border-bottom: none;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-width: 1px;
}
.panel-informacao-evento .panel-body {
    padding: 0px 20px 5px;
    border-bottom: none;
    border-radius: 0px;
}
.panel-informacao-evento *:last-child{
    margin-bottom: 0px;
}
/*--- INPUT GROUPS DOCUMENTOS RESPONSIVOS ---*/
@media (max-width: 480px) {
    .input-group-documento .input-group-btn .dropdown-toggle {
        display: block;
        clear: both;
        -webkit-border-radius: 3px !important;
        -moz-border-radius: 3px !important;
        border-radius: 3px !important;
        width: 100%;
        margin-bottom: 10px;
    }
    .input-group-documento {
        display: block;
    }
    .input-group-documento .form-control {
        margin-bottom: 20px;
    }
}
/*------------------------------ TELA DE LOGIN ------------------------------*/
.tele-login .top-login .top-bar {
    background-color: #fff;
    margin: 0;
    padding: 10px 0;
    min-height: 47px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}
.tele-login .login-box {
    padding: 30px;
    background-color: #fff;
}
.tele-login .login-box h1 {
    font-size: 1.5em;
    margin-top: 0;
    margin-bottom: 30px;
    font-weight: 300;
}
.tele-login .box-with-help {
    position: relative;
}
.tele-login .content-box-bordered {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ccc;
}
/*--------------------------------------------------------------------------*/

/*------------------------------ COBRANÇAS ASSOCIADO MODAL - CADASTRO E EDIÇÃO DE VEÍCULO ------------------------------*/
.caixa-cobranca {
    margin-bottom: 20px;
    border: 2px solid #dadfe3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    min-height: 350px;
}
.caixa-cobranca-head {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: -2px -2px 0;
    padding: 6px 0;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom: 2px solid #dadfe3
}
.caixa-cobranca-body {
    padding: 15px 15px 0px 15px;
    min-height: 210px;
}
.caixa-cobranca-body > ul > li {
    list-style: disc;
}
.caixa-cobranca-footer {
    padding: 15px 5px 15px 5px;
}
.caixa-cobranca-tela .caixa-cobranca {
    min-height: 0;
}
.caixa-cobranca-tela .caixa-cobranca-body {
    min-height: 0;
}
/*--------------------------------------------------------------------------*/
.cobranca-simulacao {
}
.cobranca-simulacao .nome {
    margin-top: 0px;
    margin-bottom: 0px;
}
.cobranca-simulacao .nome span {
    font-weight: 400;
}
/*------------------------------ Classes auxiliares ------------------------------*/
.border-radius-valor {
    /*box-shadow: 0 0 0 1px #e3e3e3;*/
    -webkit-box-shadow: 0px 0px 0px 1px rgba(227, 227, 227, 1);
    -moz-box-shadow: 0px 0px 0px 1px rgba(227, 227, 227, 1);
    box-shadow: 0px 0px 0px 1px rgba(227, 227, 227, 1);
    border-style: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.tabela-align-middle tbody > tr > td {
    vertical-align: middle;
}
/*------------------------ PANELS ------------------------*/
.panel.panel-valor-danger .panel-heading {
    background-color: #FFF;
    border-top: 2px solid #E74C3C;
}
.panel.panel-valor-danger .panel-heading h2 {
    color: #E74C3C;
    font-size: 16px;
}
.panel.panel-valor-warning .panel-heading {
    background-color: #FFF;
    border-top: 2px solid #F1C40F;
}
.panel.panel-valor-warning .panel-heading h2 {
    color: #F1C40F;
    font-size: 16px;
}
.panel.panel-valor-success .panel-heading {
    background-color: #FFF;
    border-top: 2px solid #2ECC71;
}
.panel.panel-valor-success .panel-heading h2 {
    color: #2ECC71;
    font-size: 16px;
}
.panel.panel-valor-info .panel-heading {
    background-color: #FFF;
    border-top: 2px solid #1ABDAF;
}
.panel.panel-valor-info .panel-heading h2 {
    color: #1ABDAF;
    font-size: 16px;
}
/*------------------------ FIM PANELS ------------------------*/
/*------------------------ JsTree-Color icons ------------------------*/
.jsTree-ativo {
    /*color: #58B742;*/
    color: #3498DB;
}
.jsTree-inativo {
    color: #E74C3C;
}
.jsTree-desabilitado {
    color: #cecece;
}
.jsTree-habilitado {
    color: #5f7676;
}
.jstree-anchor {
    width: 90%;
}
.jsTree-spn-inativo {
    font-style: italic;
}
/*------------------------ FIM JsTree-Color icons ------------------------*/

/*------------------------ BADGE CENTRO CUSTO ---------------------------------*/
.badge-centro-custo {
    width: 30px;
    font-style: normal !important;
    padding-top: 3px;
    padding-bottom: 3px;
    font-weight: normal !important;
    text-shadow: none !important;
}
/*------------------------ FIM BADGE CENTRO CUSTO -----------------------------*/

/*-------------------------------- Lançamento -------------------------------------*/

.receita-active.active {
    color: #2ecc71 !important;
    background-color: rgba(255, 255, 255, 0);
    border-color: #2ecc71;
    border-width: 1px;
    border-style: solid;
    box-shadow: none;
}
.receita-active:hover {
    color: #2ecc71 !important;
    background-color: rgba(255, 255, 255, 0);
    border-color: #2ecc71;
    border-width: 1px;
    border-style: solid;
    box-shadow: none;
}
.despesa-active.active {
    color: #e74c3c !important;
    background-color: rgba(255, 255, 255, 0);
    border-color: #e74c3c;
    border-width: 1px;
    border-style: solid;
    box-shadow: none;
}
.despesa-active:hover {
    color: #e74c3c !important;
    background-color: rgba(255, 255, 255, 0);
    border-color: #e74c3c;
    border-width: 1px;
    border-style: solid;
    box-shadow: none;
}
.selectize-valor-optgroup .selectize-dropdown .optgroup-header {
    font-size: 16px;
    line-height: 1.42857143;
    color: #777777;
    background: #ffffff;
    cursor: default;
    font-weight: bold;
}
/*-------------------------------- FIM Lançamento ----------------------------------*/

/*--------------------------------CUSTOM CKEDITOR ----------------------------------*/
.buttonsCustomerCkeditor {
    padding: 8px;
    background-color: #f9f9f9;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border: 1px solid #cecece;
}

/* === TABS VISTORIA === */
.tabAzul ul li.active a {
    color: #258cd1 !important;
    border-top: 2px solid #258cd1 !important;
}
.tabAzul .tab-content {
    margin-top: -1px;
}
.tabAzulSemBorda ul li.active a {
    color: #258cd1 !important;
}
.tabAzulSemBorda .tab-content {
    margin-top: -1px;
}
@media (max-width: 768px) {
    .nav-tabs > li {
        width: 100%;
    }
}
/*Relatório*/
option.remove {
    display: none;
}
/* === CONFIG WIDGET === */
.demo-options {
    position: fixed;
    /*top: 214px;*/
    top: 144px;
    width: 260px;
    border: 1px solid #dadfe3;
    border-right: 0 !important;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.07);
    padding: 0;
    border-bottom-left-radius: 3px;
    right: -260px;
    z-index: 1200;
    background: #fff;
    transition: transform 0.15s ease;
}
.demo-options.active {
    transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -o-transform: translateX(-260px);
    -webkit-transform: translateX(-260px);
}
.demo-options .demo-heading {
    padding: 11px 0px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #93a8a8;
    background: #fafbfc;
    border-bottom: 1px solid #e6eaed;
}
.demo-options .demo-options-icon {
    display: inline-block;
    position: absolute;
    left: -43px;
    padding: 10px 15px;
    font-size: 14px;
    border: 1px solid #dadfe3;
    border-right: 0 !important;
    letter-spacing: normal;
    text-transform: none;
    background: #fafbfc;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    top: -1px;
    cursor: pointer;
    box-shadow: -1px 2px 1px rgba(0, 0, 0, 0.07);
}
.demo-options .demo-body {
    padding: 15px 20px;
    border-bottom: 1px solid #e6eaed;
}
.demo-options .demo-body:last-child {
    border-bottom: 0;
}
.demo-options .demo-body .tabular {
    margin-bottom: 0;
}
.tabular {
    display: table;
    width: 100%;
}
.tabular .tabular-row {
    display: table-row;
}
.demo-options .demo-body .tabular .tabular-cell {
    height: 30px;
    font-size: 13px;
}
.tabular .tabular-row .tabular-cell {
    display: table-cell;
    vertical-align: middle;
}
.demo-options .demo-body .tabular .tabular-cell.demo-switches {
    text-align: right;
}
.demo-options .demo-body .tabular .tabular-cell {
    height: 30px;
    font-size: 13px;
}
.tabular .tabular-row .tabular-cell {
    display: table-cell;
    vertical-align: middle;
}
.btn-acoes-widget {
    color: #b7b7b7 !important;
}
.btn-acoes-widget:hover, .btn-acoes-widget:active, .btn-acoes-widget.active, .btn-acoes-widget:focus {
    color: #313e3e !important;
}
#divWidgets .btn-group.open .dropdown-toggle {
    box-shadow: none !important;
}
#divWidgets [data-widget]:not([data-widget-static]) .panel-heading-widget {
    cursor: move;
}
.widget-danger {
    background-color: #fdf3f2;
    border-color: #f29f97;
}
.widget-danger .title-widget-danger h3, .widget-danger .title-widget-danger h2, .widget-danger .title-widget-danger h4, .widget-danger .title-widget-danger i{
    color: #e64433;
}
.widget-warning {
    background-color: #fef9e8;
    border-color: #f7de79;
    /*color: #fff !important;*/
}
.widget-warning .title-widget-warning h3, .widget-warning .title-widget-warning h2, .widget-warning .title-widget-warning h4, .widget-warning .title-widget-warning i{
    color: #b8960b !important;
}
.widget-success {
    background-color: #f7fdf9;
    border-color: #8fe6b4;
    /*color: #fff !important;*/
}
.widget-success .title-widget-success h3, .widget-success .title-widget-success h2, .widget-success .title-widget-success h4, .widget-success .title-widget-success i{
    color: #25a25a !important;
}

.widget-color .table-striped>tbody>tr:nth-child(odd) {
    background-color: #fafbfc !important;
}
.widget-color .table-striped>tbody>tr:nth-child(even) {
    background-color: #fff !important;
}
.widget-card {
    -webkit-box-shadow: 0px 2px 5px 0px #aaa;
    -moz-box-shadow: 0px 2px 5px 0px #aaa;
    box-shadow: 0px 2px 5px 0px #aaa;
    margin-bottom: 20px !important;
    /*/margin-top: 10px;*/
}
/* === FIM CONFIG WIDGET === */

/* === PLUGIN PASSWORD STRENGH === */
#progressPasswordContainer .progress {
    height: 20px;
}
/* === FIM PLUGIN PASSWORD STRENGH === */
.modal {
    overflow: scroll;
}
/* === Icones de 'próximo' e 'anterior' da paginação do dataTables === */
div.dataTables_paginate li.previous a::before {
    content: "" !important;
}
div.dataTables_paginate li.first a::before {
    display: none !important;
}
div.dataTables_paginate li.next a::after {
    content: "" !important;
}
div.dataTables_paginate li.next a::after {
    display: none !important;
}
div.dataTables_paginate li.next > a, div.dataTables_paginate li.last > a {
    padding-right: 17px !important;
}
div.dataTables_paginate li.first > a, div.dataTables_paginate li.previous > a {
    padding-left: 17px !important;
}
div.dataTables_paginate ul.pagination {
    margin: 15px 15px 0 0 !important;
}
/* ==================================================================== */
/* === badges === */
.badge-situacao {
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    border-radius: 30px !important;
    color: #fff !important;
    width: 30px;
    display: inline-block;
    padding: 5px;
    text-align: center;
    border: none !important;
}
.badge-situacao-select2 {
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    border-radius: 30px !important;
    color: #fff !important;
    font-size: 12px;
    text-align: center;
    font-family: monospace;
}
.select2-chosen .badge-situacao-select2 {
    padding: 4px 5px;
}
.select2-results .badge-situacao-select2 {
    display: inline-block;
    width: 23px;
    padding: 3px;
}
.badge-preto {
    background-color: #000;
}
.badge-verde {
    background-color: #2ecc71 !important;
}
.badge-vermelho {
    background-color: #e74c3c !important;
}
.badge-amarelo {
    background-color: #F1C40F !important;
}
.badge-azul {
    background-color: #3498DB !important;
}
.badge-azul-claro {
    background-color: #82C4E6 !important;
}


.badge-font-default {
    color: #5f7676 !important;
}

.checkListDocumentos ul {
    border: 1px solid #E9EBEC;
}
.checkListDocumentos ul li .drag-todo {
    padding: 9px 33px 0px 10px !important;
    cursor: auto;
}
.checkListDocumentos ul li .drag-todo:after {
    display: none;
}

.expandFull {
    margin: 0;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: auto;
    overflow: auto;
    z-index: 3000;
    background-color: #fff;
    position: relative;
}

.informacoes {
    overflow-y: scroll;
    height: 350px;
    border: 1px solid #82c4e6;
}

.expandFull .informacoes {
    overflow-y: auto;
    height: auto;
}

.has-error .select2-container {
    border: 1px solid #e64433;
    background-color: #FEF7F6;
}
.has-error .select2-container .select2-choice{
    background-color: #FEF7F6 !important;
}
.negrito{
    font-weight: bold;
}
.border-radius-evento {
     /*box-shadow: 0 0 0 1px #e3e3e3;*/
    padding: 15px;
     -webkit-box-shadow: 0px 0px 0px 2px rgba(227, 227, 227, 1);
     -moz-box-shadow: 0px 0px 0px 2px rgba(227, 227, 227, 1);
     box-shadow: 0px 0px 0px 2px rgba(227, 227, 227, 1);
     border-style: none;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
 }

.bg-white{
    background-color: #fff !important;
}

#fotosVistoria{
    list-style:none;
}
#fotosVistoria li{
    text-align:center;
    margin: 0 5px;
}
#fotosVistoria li img{
/*     max-width: 100% !important;
    max-height: 100% !important;
    margin: auto; */
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.notificacao-nova{
    background-color: #E6EAED;
}

.cor-success {
    color: #2ecc71;
}
.cor-danger, .cor-danger:hover {
    color: #e74c3c;
}
.cor-info {
    color: #3bbfb4;
}
.cor-inverse {
    color: #5f7676;
}
.cor-warning {
    color: #F1C40F;
}
.cor-primary {
    color: #3498DB;
}
.cor-sky {
    color: #82C4E6 ;
}
.cor-purple {
    color: #8407d1;
}
.cor-white {
    color: #fff;
}
.fa-texto {
    font-family: 'Source Sans Pro', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
    font-weight: 600;
    font-size: 16px;
}
.tooltip-inner {
    max-width: none;
    white-space: nowrap;
}

.notificacao-panel{
    cursor: pointer;
}

.notificacao-panel .panel-body:hover{
    background-color: #E6EAED !important;
}

.notificacao-panel .panel-body{
    height:160px;
}

#modal-modelo #mensagem{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    min-height: 150px;
    border: 1px solid #dadfe3;
    border-top: 1px solid #d4dadf;
    padding: 6px 10px;
    color: #5f7676;
    background: #fafbfc;
    box-shadow: inset 0 1px 0 rgba(0,0,0,.01)!important;
}

.div-autenticacao {
    font-family: 'Source Sans Pro','Segoe UI','Droid Sans',Tahoma,Arial,sans-serif;
    font-size: 14px;
    color: #5f7676;
    background-color: #fff;
}

.page-heading {
    /*background: #e6eaed;*/
    /*padding: 15px;*/
}

.page-heading h1 {
    margin: 0;
    font-size: 25px;
    font-weight: 400;
}

.breadcrumb {
    /*padding: 0px 12px;*/
    /*background-color: #e6eaed !important;*/
}

footer {
    background: #e6eaed;
    padding: 5px 20px;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
}

.navbar-default .navbar-brand {
    background: url(../logo/sistema.png) left center no-repeat;
}
body.header-fixed-top .navbar-brand{
    height: 80px !important;
}

.navbar-brand{
    width: 240px;
}

@media (max-width: 991px) {
    .navbar-brand{
        max-width: 140px;
    }
    .navbar-default .navbar-brand, .navbar-default body.header-fixed-top .navbar-brand {
        background: url(../logo/favicon.png) no-repeat 20px !important;
    }
}

body.header-fixed-top .navbar-default .navbar-brand {
    background: url(../logo/sistema.png) left center no-repeat;
    background-size: 130px;
    width: 200px;
}

.panel-ctrls .button-icon:first-child {
    margin-right: 0;
}

.panel-ctrls .button-icon {
    color: rgba(0,0,0,.3);
    padding: 5px 0;
    width: 24px;
}

.panel-ctrls .button-icon {
    float: right;
    position: relative;
    margin: 6px 0 6px 2px;
    line-height: 14px;
    text-align: center;
    cursor: pointer;
}

.panel-front .panel-heading h3 {
    font-size:16px;
}

#headernav.navbar-default nav ul.navbar-nav > li > a {
    color: #718da0 !important;
}
#headernav.navbar-default nav ul.navbar-nav > li > a span.caret{
    margin: 0;
}

.clear {
    clear: both;
}

.form-group {
    margin-bottom: 10px !important;
}
/* === Cards Base === */
.cardBase .tiles-sparkline {
    -webkit-box-shadow: 0px 4px 5px 0px #aaa;
    -moz-box-shadow: 0px 4px 5px 0px #aaa;
    box-shadow: 0px 4px 5px 0px #aaa;
}
.btnCardAddBase {
    width: 100%;
    height: 365px;
    background-color: #fff;
    color: #bbb;
    -webkit-box-shadow: 0px 4px 5px 0px #aaa;
    -moz-box-shadow: 0px 4px 5px 0px #aaa;
    box-shadow: 0px 4px 5px 0px #aaa;
}
.btnCardAddBase:hover, .btnCardAddBase:active, .btnCardAddBase:focus {
    background-color: #fbfbfb;
    border-color: #ddd;
    color: #a9a9a9;
}
.btnCardAddBase h3 {
    margin: 0;
    color: #bbb;
}
.cardBaseMapa {
    height: 200px;
    background-color: #ddd;
    padding: 0 !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
/* ================== */

/* === Cards Serviços === */
.cardServico .tiles-sparkline {
    -webkit-box-shadow: 0px 4px 5px 0px #aaa;
    -moz-box-shadow: 0px 4px 5px 0px #aaa;
    box-shadow: 0px 4px 5px 0px #aaa;
}
.cardServicoTitulo {
    font-size: 18px;
}
.btnCardAddServico {
    width: 100%;
    height: 302px;
    background-color: #fff;
    color: #bbb;
    -webkit-box-shadow: 0px 4px 5px 0px #aaa;
    -moz-box-shadow: 0px 4px 5px 0px #aaa;
    box-shadow: 0px 4px 5px 0px #aaa;
}
.btnCardAddServico:hover, .btnCardAddServico:active, .btnCardAddServico:focus {
    background-color: #fbfbfb;
    border-color: #ddd;
    color: #a9a9a9;
}
.baseInativa .cardBaseTitulo,
.baseInativa .cardBaseConteudo,
.baseInativa .cardBaseMapa,
.servicoInativo .cardServicoTitulo,
.servicoInativo .cardServicoConteudo,
.manutencaoInativa .cardManutencaoTitulo,
.manutencaoInativa .cardManutencaoConteudo {
    opacity: 0.5;
}
.baseInativa .tiles-sparkline, .servicoInativo .tiles-sparkline , .manutencaoInativa .tiles-sparkline {
    -webkit-box-shadow:none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
/* ====================== */

/* === Lista Serviços === */
.divListaServicos ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    padding-bottom: 1px;
}
.divListaServicos ul li {
    margin-bottom: 10px;
    display: block !important;
    position: relative;
    overflow: hidden;
}
/* ======================= */

/* === Equipamentos === */
#fotosEquipamento  li {
    list-style: none;
    margin: 0 10px 20px 10px;
    width: 30%;
    display: inline-block;
}
/* ==================== */

/* === Cards Equipamentos === */
.cardEquipamento .tiles-sparkline {
    min-height: 320px;
    -webkit-box-shadow: 0px 4px 5px 0px #aaa;
    -moz-box-shadow: 0px 4px 5px 0px #aaa;
    box-shadow: 0px 4px 5px 0px #aaa;
}
.cardEquipamentoTitulo {
    font-size: 18px;
}
.cardEquipamentoImagem {
    height: 110px;
    background-position: center;
    background-repeat: no-repeat;
}
/*
.cardEquipamentoImagem {
    height: 200px;
    background-position: center;
    background-repeat: no-repeat;
}
*/
.cardEquipamentoConteudo {
    min-height: 165px;
}
/*
.cardEquipamentoConteudo {
    min-height: 234px;
}
*/
/*
.btnCardAddEquipamento {
    width: 100%;
    height: 495px;
    background-color: #fff;
    color: #bbb;
    -webkit-box-shadow: 0px 4px 5px 0px #aaa;
    -moz-box-shadow: 0px 4px 5px 0px #aaa;
    box-shadow: 0px 4px 5px 0px #aaa;
}
*/
.btnCardAddEquipamento {
    width: 100%;
    height: 320px;
    background-color: #fff;
    color: #bbb;
    -webkit-box-shadow: 0px 4px 5px 0px #aaa;
    -moz-box-shadow: 0px 4px 5px 0px #aaa;
    box-shadow: 0px 4px 5px 0px #aaa;
}

.cardEquipamentoConteudo > p{
    line-height: 12px;
}

.btnCardAddEquipamento:hover, .btnCardAddEquipamento:active, .btnCardAddEquipamento:focus {
    background-color: #fbfbfb;
    border-color: #ddd;
    color: #a9a9a9;
}
.equipamentoInativo .cardEquipamentoTitulo, .equipamentoInativo .cardEquipamentoConteudo {
    opacity: 0.5;
}
.equipamentoInativo .tiles-sparkline {
    -webkit-box-shadow:none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.equipamentoInativo .cardEquipamentoTitulo, .equipamentoInativo .cardEquipamentoConteudo {
    opacity: 0.5;
}
.equipamentoInativo .tiles-sparkline {
    -webkit-box-shadow:none;
    -moz-box-shadow: none;
    box-shadow: none;
}
/* ========================== */

.tiles-sparkline .tiles-sparkline-heading {
}
.tiles-sparkline .tiles-sparkline-body{
    padding: 10px 20px;
    line-height: 18px;
}
.tiles-sparkline .tiles-sparkline-footer {
    background: #fff;
    padding: 4px;
}

.lblRbTipoPessoa {
}
.lblRbTipoPessoa span {
    display: block;
    margin: 30px 0;
    font-size: 25px;
}

.servicoChecked {
    border-color: #ddd;
    -webkit-box-shadow: 0px 3px 4px 0px #aaa;
    -moz-box-shadow: 0px 3px 4px 0px #aaa;
    box-shadow: 0px 3px 4px 0px #aaa;
}

/* === CARD DADOS EMPRESA === */
#cardDadosEmpresa .info-tiles {
    -webkit-box-shadow: 0px 4px 5px 0px #aaa;
    -moz-box-shadow: 0px 4px 5px 0px #aaa;
    box-shadow: 0px 4px 5px 0px #aaa;
}
.cadsDadosPrestador .info-tiles {
    -webkit-box-shadow: 0px 4px 5px 0px #aaa;
    -moz-box-shadow: 0px 4px 5px 0px #aaa;
    box-shadow: 0px 4px 5px 0px #aaa;
}
/* ========================= */

/* === Cards Usuários === */
.cardUsuario .tiles-sparkline {
    -webkit-box-shadow: 0px 4px 5px 0px #aaa;
    -moz-box-shadow: 0px 4px 5px 0px #aaa;
    box-shadow: 0px 4px 5px 0px #aaa;
}
.cardUsuarioTitulo {
    font-size: 18px;
}
.cardUsuarioImagem {
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-border-radius: 75px;
    -moz-border-radius: 75px;
    border-radius: 75px;
    width: 150px;
    height: 150px;
    padding: 0 !important;
    margin: 20px auto 0;
}
.cardUsuarioConteudo p {
    margin-bottom: 3px;
}
.btnCardAddUsuario {
    width: 100%;
    height: 377px;
    background-color: #fff;
    color: #bbb;
    -webkit-box-shadow: 0px 4px 5px 0px #aaa;
    -moz-box-shadow: 0px 4px 5px 0px #aaa;
    box-shadow: 0px 4px 5px 0px #aaa;
}
.btnCardAddUsuario:hover, .btnCardAddUsuario:active, .btnCardAddUsuario:focus {
    background-color: #fbfbfb;
    border-color: #ddd;
    color: #a9a9a9;
}
.usuarioInativo .cardUsuarioTitulo, .usuarioInativo .cardUsuarioConteudo {
    opacity: 0.5;
}
.usuarioInativo .tiles-sparkline {
    -webkit-box-shadow:none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.usuarioInativo .cardUsuarioTitulo, .usuarioInativo .cardUsuarioConteudo {
    opacity: 0.5;
}
.usuarioInativo .tiles-sparkline {
    -webkit-box-shadow:none;
    -moz-box-shadow: none;
    box-shadow: none;
}
/* ========================== */


/* =============== SIMBOLO COMBUSTIVEL =========== */

.simbolo-combustivel {
    background-color: lightblue;
    width: 2em;
    height: 2em;
    -webkit-border-radius: 0 75% 75%;
    -moz-border-radius: 0 75% 75%;
    border-radius: 0 75% 75%;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    display: inline-block;

    -webkit-box-shadow: 1px 0px 2px -1px #999;
    -moz-box-shadow: 1px 0px 2px -1px #999;
    box-shadow: 1px 0px 2px -1px #999;
}

.simbolo-combustivel .simbolo-combustivel-texto {
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    text-align: center;
    padding: 0px;
    margin-top: 2px;
}

.select2-chosen .simbolo-combustivel {
    margin-top: 7px;
    float: left;
    /*background-color: lightblue;*/
    width: 1.6em;
    height: 1.6em;
    margin-right: 2px;
    margin-left: 1px;
}

.select2-chosen .simbolo-combustivel .simbolo-combustivel-texto {
    margin-top: -6px;
}

.select2-chosen .simbolo-combustivel-descricao{
    float: left;
}

.select2-result-label .simbolo-combustivel {
    margin-top: 4px;
    margin-bottom: 4px;
    width: 1.8em;
    height: 1.8em;
}

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

/* =============== TELA ABASTECIMENTO =========== */
  .spn-litros{
    font-size: 24px;
    font-weight: 400;
    text-decoration: underline;
  }
/* ============================================== */


/* =============== COMBO ESTABELECIMENTO =========== */
.img-bandeira-selectize{
    width: 28px;
    margin-right: 2px;
}
/* =============================================== */

/* ============= CARDS MANUTENCAO =========== */
.cardManutencao .tiles-sparkline {
    -webkit-box-shadow: 0px 4px 5px 0px #aaa;
    -moz-box-shadow: 0px 4px 5px 0px #aaa;
    box-shadow: 0px 4px 5px 0px #aaa;
}
.cardManutencaoTitulo {
    font-size: 18px;
    padding: 10px 0 !important;
}
.cardManutencaoConteudo{
    min-height: 192px;
}
.cardManutencaoRodape {
    padding: 10px 0 !important;
}
.btnCardAddManutencao{
    width: 100%;
    height: 326px;
    background-color: #fff;
    color: #bbb;
    -webkit-box-shadow: 0px 4px 5px 0px #aaa;
    -moz-box-shadow: 0px 4px 5px 0px #aaa;
    box-shadow: 0px 4px 5px 0px #aaa;
}
/* ========================================== */

/* ======== ATALHO DE FUNCIONALIDADES ======= */
.container-btn-floating{
    position:fixed;
    bottom: 45px;
    right: 0px;
    z-index: 1199;
}

.container-btn-floating-sem-rodape{
    bottom: 14px !important;
}

.btn-floating{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    font-size: 24px;
    height: 50px;
    margin: auto;
    min-width: 50px;
    width: 50px;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24);
    -webkit-box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24);
    -moz-box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24);
    position: relative;
    line-height: normal;
}

.container-menu-floating{
    list-style: none;
    font-size: 18px;
    text-align: center;
    padding: 0;
}

.container-menu-floating a {
    color: #5f7676;
}

.container-menu-floating:hover{
    cursor: pointer;
}

.container-item-menu{
    margin-bottom: 10px;
    margin-right: 30px;
    float: right;
    clear: both;
    position: relative;
}

.item-menu-floating{
    height: 35px;
    margin: auto;
    min-width: 35px;
    width: 35px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
    text-align: center;
    -webkit-box-shadow: 0px 2px 3px 0px #ccc;
    -moz-box-shadow: 0px 2px 3px 0px #ccc;
    box-shadow: 0px 2px 3px 0px #ccc;
}
.item-menu-floating-text{
    padding: 5px 10px;
    background-color: #fbfbfb;
    -webkit-box-shadow: 0px 2px 3px 0px #ccc;
    -moz-box-shadow: 0px 2px 3px 0px #ccc;
    box-shadow: 0px 2px 3px 0px #ccc;
}
.item-menu-floating-default{
    background-color: #fbfbfb;
}
.item-menu-floating-default:hover{
    background-color: #dadfe3;
}

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

.cardDefault .tiles-sparkline {
    -webkit-box-shadow: 0px 4px 5px 0px #aaa;
    -moz-box-shadow: 0px 4px 5px 0px #aaa;
    box-shadow: 0px 4px 5px 0px #aaa;
}

.cardPainel .tiles-sparkline-body{
    line-height: 19px;
}

.sidebar nav.widget-body > ul.acc-menu > li.active > a {
    background: #f0f3f5;
    color: #5f7676;
    -webkit-box-shadow: 0 0 0 1px #e2e2e2;
    -moz-box-shadow: 0 0 0 1px #e2e2e2;
    box-shadow: 0 0 0 1px #e2e2e2;
}

.sidebar nav.widget-body > ul.acc-menu > li > a > i {
    color: #5f7676 !important;
}

.label-visualizacao{
    font-weight: bold;
}

.divAtendimentosAgedadoExpirado, .divAtendimentosAgedadoExpirado .tiles-sparkline-footer {
    color: #6f6950;
    background-color: #FFFFDD;
}

/* === LISTA LINHA ATENDIMENTO === */
.atendimentoCollapse {
    cursor: pointer;
}
#listaLinhaAtendimento li{
    list-style: none;
}

.enderecoPainel li{
    list-style: none;
}
.lblEnderecoAtendimento{
    cursor: text;
}
.cardResumoEndereco {
    border: 1px solid #ddd;
    padding: 10px 15px;
    background-color: #fefefe;
    -webkit-box-shadow: 0px 4px 5px -1px #ccc;
    -moz-box-shadow: 0px 4px 5px -1px #ccc;
    box-shadow: 0px 4px 5px -1px #ccc;
}
/* === DRE === */
.tblDre, .btnGrupo, .table-fixed-header {
    font-size: 12px;
}
.btnGrupo {
    display: inline-block;
}
.tblDre td {
    vertical-align: middle !important;
    padding: 2px 3px !important;
}
.tblDre .trFilha {
    display: none;
}
.tblDre .trPai {
    cursor: pointer;
}
.tblDre .porcentagem {
    font-size: 11px;
    font-weight: initial;
}
.tblDre .porcentagemGrupo, .tblDre .porcentagemTipoGrupo{
    display: none;
}
.tblDre .btnGrupo {
    color: inherit;
}
.trPontoEquilibrio {
    background-color: #FFFACD;
}
.trPontoEquilibrio td {
    border-color: #f6ed9d !important;
}
.fixedHeader {
    z-index: 2000 !important;
}
.tblDre tr th, .table-fixed-header tr th {
    padding: 2px 3px !important;
}
.tblDre tr th,  .tblDre tr td {
    width: 78px !important;
    text-align: left;
}
.tblDre tr td:first-child {
    word-break: break-word;
}
.tblDre tr th:first-child,  .tblDre tr td:first-child {
    width: 190px !important;
}
@media (max-width: 980px) {
    .fixedHeader {
        display: none;
    }
}

/* Configurar prestador */
.listaPrimeirosServicos label{
    cursor: pointer;
}

.itemPrimeiroServicos{
    padding-left: 50px;
}

.btn-margin{
    margin-top: 10px;
}

.btn-acao{
    margin-top:10px;
    margin-left:5px;
}

.clear-form{
    clear:both;
}

/*Convites home modal*/
#convitesHome p{
    padding: 10px !important;
}

.tituloOpcaoWidget {
    padding: 5px 0px;
}

/* === SEJA PRO === */
.planos .btnContratar {
    white-space: normal;
    font-weight: 600;
}
.cardPro h2 {
    font-weight: 500;
}
.cardPro .btnContratar {
    background-color: #F79A44;
    color: #fff;
    font-size: 18px;
    padding: 10px 15px;
    border-color: #F77E3E;
}
.cardPro .btnContratar:hover {
    color: #fff;
    background-color: #F77E3E;
}
.titulo-card-plano {
    color: #fff;
    font-weight: 500;
    padding: 10px 0;
    font-size: 25px;
}
.cardGratis h1 {
    background-color: #2ecc71;
}
.cardGratis p {
    background-color: #2abb68;
    color: #fff;
    font-weight: 500;
    padding: 3px 10px;
}
.cardPro h1 {
    background-color: #7863bc;
}
.cardPro p {
    background-color: #6c55b6;
    color: #fff;
    font-weight: 500;
    padding: 3px 10px;
}
.cardPro a {
    background-color: #7863bc;
    color: #fff;
    border-color: #6c55b6;
    font-size: 14px;
    padding: 6px 15px;
}
.cardPro a:hover {
    color: #fff;
    background-color: #6c55b6;
}
.cardTrial h1 {
    background-color: #008AB8;
}
.cardTrial p {
    background-color: #047094;
    color: #fff;
    font-weight: 500;
    padding: 3px 10px;
}
.cardTrial a {
    background-color: #008AB8;
    color: #fff;
    border-color: #047094;
}
.cardTrial a:hover {
    color: #fff;
    background-color: #047094;
}

.contratacaoEfetuada h1{
    color: #FD803D;
    font-weight: 500;
}
.contratacaoEfetuada h3{
    color: #50578a;
    font-weight: 500;
}
/* === SEJA PRO === */

/* === HISTÓRICO ATENDIMENTO === */
.message-item {
    margin-bottom: 10px;
    margin-left: 40px;
    position: relative;
}
.message-item .message-inner {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 10px;
    position: relative;
}
.message-item .message-inner:before {
    border-right: 10px solid #ddd;
    border-style: solid;
    border-width: 10px;
    color: rgba(0,0,0,0);
    content: "";
    display: block;
    height: 0;
    position: absolute;
    left: -20px;
    top: 6px;
    width: 0;
}
.message-item .message-inner:after {
    border-right: 10px solid #fff;
    border-style: solid;
    border-width: 10px;
    color: rgba(0,0,0,0);
    content: "";
    display: block;
    height: 0;
    position: absolute;
    left: -18px;
    top: 6px;
    width: 0;
}
.message-item:before {
    background: #fff;
    border-radius: 2px;
    bottom: -25px;
    box-shadow: 0 0 3px #aaa;
    content: "";
    height: 100%;
    left: -30px;
    position: absolute;
    width: 3px;
}
.message-item:after {
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 50%;
    box-shadow: 0 0 5px #ccc;
    content: "";
    height: 15px;
    left: -36px;
    position: absolute;
    top: 10px;
    width: 15px;
}
.message-item .clearfix:before, .message-item .clearfix:after {
    content: " ";
    display: table;
}
.message-item .message-head {
    border-bottom: 1px solid #eee;
    margin-bottom: 8px;
    padding-bottom: 8px;
}
.message-item .message-head .avatar {
    margin-right: 20px;
}
.message-item .message-head .user-detail {
    overflow: hidden;
}
.message-item .message-head .user-detail h5 {
    font-size: 13px;
    font-weight: bold;
    margin: 0;
}
.message-item .message-head .post-meta {
    float: left;
    padding: 0 15px 0 0;
    width: 100%;
}
.message-item .message-head .post-meta > div {
    color: #333;
    font-weight: bold;
    text-align: right;
    font-size: 12px;
    line-height: 22px;
}
.divLinhaDoTempo .message-item, .divEquipamentoOnline .message-item {
    cursor: pointer;
}
.divLinhaDoTempo .message-item.active .message-inner, .divLinhaDoTempo .message-item.checked .message-inner,
.divEquipamentoOnline .message-item.active .message-inner, .divEquipamentoOnline .message-item.checked .message-inner {
    -webkit-box-shadow: 2px 2px 4px -3px #aaa;
    -moz-box-shadow: 2px 2px 4px -3px #aaa;
    box-shadow: 2px 2px 4px -3px #aaa;
}
.divLinhaDoTempo .message-item.active:before, .divLinhaDoTempo .message-item.active:after,
.divLinhaDoTempo .message-item.checked:before, .divLinhaDoTempo .message-item.checked:after {
    box-shadow: 0 0 3px #F27C3D;
    background-color: #F27C3D;
    border-color: #F27C3D;
}

.divEquipamentoOnline .message-item.active-red, 
.divEquipamentoOnline .message-item.active-red:before, .divEquipamentoOnline .message-item.active-red:after,
.divEquipamentoOnline .message-item.checked-red,
.divEquipamentoOnline .message-item.checked-red:before, .divEquipamentoOnline .message-item.checked-red:after {
    box-shadow: 0 0 3px #D63E2A;
}
.divEquipamentoOnline .message-item-red:before, .divEquipamentoOnline .message-item-red:after,
.divEquipamentoOnline .message-item.checked-red:before, .divEquipamentoOnline .message-item.checked-red:after {
    background-color: #D63E2A;
    border-color: #D63E2A;
}
.divEquipamentoOnline .message-item.active-darkred,
.divEquipamentoOnline .message-item.active-darkred:before, .divEquipamentoOnline .message-item.active-darkred:after,
.divEquipamentoOnline .message-item.checked-darkred,
.divEquipamentoOnline .message-item.checked-darkred:before, .divEquipamentoOnline .message-item.checked-darkred:after {
    box-shadow: 0 0 3px #A23336;
}
.divEquipamentoOnline .message-item-darkred:before, .divEquipamentoOnline .message-item-darkred:after,
.divEquipamentoOnline .message-item.checked-darkred:before, .divEquipamentoOnline .message-item.checked-darkred:after {
    background-color: #A23336;
    border-color: #A23336;
}
.divEquipamentoOnline .message-item.active-lightred,
.divEquipamentoOnline .message-item.active-lightred:before, .divEquipamentoOnline .message-item.active-lightred:after,
.divEquipamentoOnline .message-item.checked-lightred,
.divEquipamentoOnline .message-item.checked-lightred:before, .divEquipamentoOnline .message-item.checked-lightred:after {
    box-shadow: 0 0 3px #FF8D7E;
}
.divEquipamentoOnline .message-item-lightred:before, .divEquipamentoOnline .message-item-lightred:after,
.divEquipamentoOnline .message-item.checked-lightred:before, .divEquipamentoOnline .message-item.checked-lightred:after {
    background-color: #FF8D7E;
    border-color: #FF8D7E;
}
.divEquipamentoOnline .message-item.active-orange,
.divEquipamentoOnline .message-item.active-orange:before, .divEquipamentoOnline .message-item.active-orange:after,
.divEquipamentoOnline .message-item.checked-orange,
.divEquipamentoOnline .message-item.checked-orange:before, .divEquipamentoOnline .message-item.checked-orange:after {
    box-shadow: 0 0 3px #F69730;
}
.divEquipamentoOnline .message-item-orange:before, .divEquipamentoOnline .message-item-orange:after,
.divEquipamentoOnline .message-item.checked-orange:before, .divEquipamentoOnline .message-item.checked-orange:after {
    background-color: #F69730;
    border-color: #F69730;
}
.divEquipamentoOnline .message-item.active-beige,
.divEquipamentoOnline .message-item.active-beige:before, .divEquipamentoOnline .message-item.active-beige:after,
.divEquipamentoOnline .message-item.checked-beige,
.divEquipamentoOnline .message-item.checked-beige:before, .divEquipamentoOnline .message-item.checked-beige:after {
    box-shadow: 0 0 3px #FFCA91;
}
.divEquipamentoOnline .message-item-beige:before, .divEquipamentoOnline .message-item-beige:after,
.divEquipamentoOnline .message-item.checked-beige:before, .divEquipamentoOnline .message-item.checked-beige:after {
    background-color: #FFCA91;
    border-color: #FFCA91;
}
.divEquipamentoOnline .message-item.active-green,
.divEquipamentoOnline .message-item.active-green:before, .divEquipamentoOnline .message-item.active-green:after,
.divEquipamentoOnline .message-item.checked-green,
.divEquipamentoOnline .message-item.checked-green:before, .divEquipamentoOnline .message-item.checked-green:after {
    box-shadow: 0 0 3px #72AF26;
}
.divEquipamentoOnline .message-item-green:before, .divEquipamentoOnline .message-item-green:after,
.divEquipamentoOnline .message-item.checked-green:before, .divEquipamentoOnline .message-item.checked-green:after {
    background-color: #72AF26;
    border-color: #72AF26;
}
.divEquipamentoOnline .message-item.active-darkgreen,
.divEquipamentoOnline .message-item.active-darkgreen:before, .divEquipamentoOnline .message-item.active-darkgreen:after,
.divEquipamentoOnline .message-item.checked-darkgreen,
.divEquipamentoOnline .message-item.checked-darkgreen:before, .divEquipamentoOnline .message-item.checked-darkgreen:after {
    box-shadow: 0 0 3px #728224;
}
.divEquipamentoOnline .message-item-darkgreen:before, .divEquipamentoOnline .message-item-darkgreen:after,
.divEquipamentoOnline .message-item.checked-darkgreen:before, .divEquipamentoOnline .message-item.checked-darkgreen:after {
    background-color: #728224;
    border-color: #728224;
}
.divEquipamentoOnline .message-item.active-lightgreen,
.divEquipamentoOnline .message-item.active-lightgreen:before, .divEquipamentoOnline .message-item.active-lightgreen:after,
.divEquipamentoOnline .message-item.active-lightgreen,
.divEquipamentoOnline .message-item.checked-lightgreen:before, .divEquipamentoOnline .message-item.checked-lightgreen:after {
    box-shadow: 0 0 3px #BBF970;
}
.divEquipamentoOnline .message-item-lightgreen:before, .divEquipamentoOnline .message-item-lightgreen:after,
.divEquipamentoOnline .message-item.checked-lightgreen:before, .divEquipamentoOnline .message-item.checked-lightgreen:after {
    background-color: #BBF970;
    border-color: #BBF970;
}
.divEquipamentoOnline .message-item.active-blue,
.divEquipamentoOnline .message-item.active-blue:before, .divEquipamentoOnline .message-item.active-blue:after,
.divEquipamentoOnline .message-item.checked-blue,
.divEquipamentoOnline .message-item.checked-blue:before, .divEquipamentoOnline .message-item.checked-blue:after {
    box-shadow: 0 0 3px #38AADD;
}
.divEquipamentoOnline .message-item-blue:before, .divEquipamentoOnline .message-item-blue:after,
.divEquipamentoOnline .message-item.checked-blue:before, .divEquipamentoOnline .message-item.checked-blue:after {
    background-color: #38AADD;
    border-color: #38AADD;
}
.divEquipamentoOnline .message-item.active-darkblue,
.divEquipamentoOnline .message-item.active-darkblue:before, .divEquipamentoOnline .message-item.active-darkblue:after,
.divEquipamentoOnline .message-item.checked-darkblue,
.divEquipamentoOnline .message-item.checked-darkblue:before, .divEquipamentoOnline .message-item.checked-darkblue:after {
    box-shadow: 0 0 3px #0067A3;
}
.divEquipamentoOnline .message-item-darkblue:before, .divEquipamentoOnline .message-item-darkblue:after,
.divEquipamentoOnline .message-item.checked-darkblue:before, .divEquipamentoOnline .message-item.checked-darkblue:after {
    background-color: #0067A3;
    border-color: #0067A3;
}
.divEquipamentoOnline .message-item.active-lightblue,
.divEquipamentoOnline .message-item.active-lightblue:before, .divEquipamentoOnline .message-item.active-lightblue:after,
.divEquipamentoOnline .message-item.checked-lightblue,
.divEquipamentoOnline .message-item.checked-lightblue:before, .divEquipamentoOnline .message-item.checked-lightblue:after {
    box-shadow: 0 0 3px #8ADAFF;
}
.divEquipamentoOnline .message-item-lightblue:before, .divEquipamentoOnline .message-item-lightblue:after,
.divEquipamentoOnline .message-item.checked-lightblue:before, .divEquipamentoOnline .message-item.checked-lightblue:after {
    background-color: #8ADAFF;
    border-color: #8ADAFF;
}
.divEquipamentoOnline .message-item.active-purple,
.divEquipamentoOnline .message-item.active-purple:before, .divEquipamentoOnline .message-item.active-purple:after,
.divEquipamentoOnline .message-item.checked-purple,
.divEquipamentoOnline .message-item.checked-purple:before, .divEquipamentoOnline .message-item.checked-purple:after {
    box-shadow: 0 0 3px #D252B9;
}
.divEquipamentoOnline .message-item-purple:before, .divEquipamentoOnline .message-item-purple:after,
.divEquipamentoOnline .message-item.checked-purple:before, .divEquipamentoOnline .message-item.checked-purple:after {
    background-color: #D252B9;
    border-color: #D252B9;
}
.divEquipamentoOnline .message-item.active-darkpurple,
.divEquipamentoOnline .message-item.active-darkpurple:before, .divEquipamentoOnline .message-item.active-darkpurple:after,
.divEquipamentoOnline .message-item.checked-darkpurple,
.divEquipamentoOnline .message-item.checked-darkpurple:before, .divEquipamentoOnline .message-item.checked-darkpurple:after {
    box-shadow: 0 0 3px #5B396B;
}
.divEquipamentoOnline .message-item-darkpurple:before, .divEquipamentoOnline .message-item-darkpurple:after,
.divEquipamentoOnline .message-item.checked-darkpurple:before, .divEquipamentoOnline .message-item.checked-darkpurple:after {
    background-color: #5B396B;
    border-color: #5B396B;
}
.divEquipamentoOnline .message-item.active-pink,
.divEquipamentoOnline .message-item.active-pink:before, .divEquipamentoOnline .message-item.active-pink:after,
.divEquipamentoOnline .message-item.checked-pink,
.divEquipamentoOnline .message-item.checked-pink:before, .divEquipamentoOnline .message-item.checked-pink:after {
    box-shadow: 0 0 3px #FF91EA;
}
.divEquipamentoOnline .message-item-pink:before, .divEquipamentoOnline .message-item-pink:after,
.divEquipamentoOnline .message-item.checked-pink:before, .divEquipamentoOnline .message-item.checked-pink:after {
    background-color: #FF91EA;
    border-color: #FF91EA;
}
.divEquipamentoOnline .message-item.active-cadetblue,
.divEquipamentoOnline .message-item.active-cadetblue:before, .divEquipamentoOnline .message-item.active-cadetblue:after,
.divEquipamentoOnline .message-item.checked-cadetblue,
.divEquipamentoOnline .message-item.checked-cadetblue:before, .divEquipamentoOnline .message-item.checked-cadetblue:after {
    box-shadow: 0 0 3px #436978;
}
.divEquipamentoOnline .message-item-cadetblue:before, .divEquipamentoOnline .message-item-cadetblue:after,
.divEquipamentoOnline .message-item.checked-cadetblue:before, .divEquipamentoOnline .message-item.checked-cadetblue:after {
    background-color: #436978;
    border-color: #436978;
}
.divEquipamentoOnline .message-item.active-gray,
.divEquipamentoOnline .message-item.active-gray:before, .divEquipamentoOnline .message-item.active-gray:after,
.divEquipamentoOnline .message-item.checked-gray,
.divEquipamentoOnline .message-item.checked-gray:before, .divEquipamentoOnline .message-item.checked-gray:after {
    box-shadow: 0 0 3px #575757;
}
.divEquipamentoOnline .message-item-gray:before, .divEquipamentoOnline .message-item-gray:after,
.divEquipamentoOnline .message-item.checked-gray:before, .divEquipamentoOnline .message-item.checked-gray:after {
    background-color: #575757;
    border-color: #575757;
}
.divEquipamentoOnline .message-item.active-lightgray,
.divEquipamentoOnline .message-item.active-lightgray:before, .divEquipamentoOnline .message-item.active-lightgray:after,
.divEquipamentoOnline .message-item.checked-lightgray,
.divEquipamentoOnline .message-item.checked-lightgray:before, .divEquipamentoOnline .message-item.checked-lightgray:after {
    box-shadow: 0 0 3px #A3A3A3;
}
.divEquipamentoOnline .message-item-lightgray:before, .divEquipamentoOnline .message-item-lightgray:after,
.divEquipamentoOnline .message-item.checked-lightgray:before, .divEquipamentoOnline .message-item.checked-lightgray:after {
    background-color: #A3A3A3;
    border-color: #A3A3A3;
}
.divEquipamentoOnline .message-item.active-black,
.divEquipamentoOnline .message-item.active-black:before, .divEquipamentoOnline .message-item.active-black:after,
.divEquipamentoOnline .message-item.checked-black,
.divEquipamentoOnline .message-item.checked-black:before, .divEquipamentoOnline .message-item.checked-black:after {
    box-shadow: 0 0 3px #000;
}
.divEquipamentoOnline .message-item-black:before, .divEquipamentoOnline .message-item-black:after,
.divEquipamentoOnline .message-item.checked-black:before, .divEquipamentoOnline .message-item.checked-black:after {
    background-color: #000;
    border-color: #000;
}
.divEquipamentoOnline .message-item.active-marrom,
.divEquipamentoOnline .message-item.active-marrom:before, .divEquipamentoOnline .message-item.active-marrom:after,
.divEquipamentoOnline .message-item.checked-marrom,
.divEquipamentoOnline .message-item.checked-marrom:before, .divEquipamentoOnline .message-item.checked-marrom:after {
    box-shadow: 0 0 3px #763E01;
}
.divEquipamentoOnline .message-item-marrom:before, .divEquipamentoOnline .message-item-marrom:after,
.divEquipamentoOnline .message-item.checked-marrom:before, .divEquipamentoOnline .message-item.checked-marrom:after {
    background-color: #763E01;
    border-color: #763E01;
}

.divEquipamentoOnline .message-item-disable .message-inner {
    opacity: 0.5;
    cursor: default;
}

.panelTabs {
    background: none;
    box-shadow: none;
}
.panelTabs .panel-heading {
    background-color: #258CD1 !important;
    border-radius: 0 !important;
    border: none !important;
    padding: 0 !important;
}
.panelTabs h2 {
    width: 100% !important;
    border: none !important;
}
.panelTabs ul.nav-tabs {
    width: 100% !important;
    margin: 1px 0px -14px 0 !important;
}
.panelTabs ul.nav-tabs li {
    width: 50% !important;
    letter-spacing: 0;
}
.panelTabs .panel-heading h2 > ul.nav-tabs li.active a{
    font-weight: 600 !important;
    color: #888;
}
.panelTabs ul.nav-tabs li a {
    text-align: center;
    font-size: 14px;
}
.divFormsFiltros {
    height: 70%;
}
.rowPanelTabs, .divPanelTabs {
    height: 100%;
}
.panelTabs {
    height: 100%;
    margin-bottom: 0;
}
.panelTabs .panel-heading {
    position: absolute;
    z-index: 2;
    width: 100%;
}
.rowLinhaDoTempo, .rowEquipamentosOnline {
    height: 100%;
    position: absolute;
    padding-top: 170px;
    width: 100%;
}
.rowEquipamentosOnline {
    padding-top: 20px;
}
.divMapaHistoricoAtendimento {
    padding: 0 !important;
    height: 100%;
}
.divMapaHistoricoAtendimento #divMapa {
    width:100%;
    height: 94%;
    z-index: 2;
}
.divFormsFiltros {
    padding-top: 140px !important;
    height: 100%;
}
#formFiltrosLinhaDoTempo {
    position: absolute;
    z-index: 1;
    background-color: #fff;
    width: 90%;
}
.divFormsFiltros .tab-content {
    height: 100%
}
#listaAtendimentos, #listaEquipamentosOnline {
    overflow-y: auto;
    width: 95%;
    height: 100%;
}
.diVNaoEncotrado {
    padding-top: 190px;
}
@media(max-width:991px) {
    .panelTabs .panel-heading {
        position: static;
        width: 100%;
    }
    .divPanelTabs {
        height: auto;
    }
    .rowLinhaDoTempo, .rowEquipamentosOnline {
        padding-top: 0;
        position: static;
    }
    .divMapaHistoricoAtendimento {
        padding: 20px !important;
    }
    #formFiltrosLinhaDoTempo {
        position: static;
        width: 100%;
    }
    .divFormsFiltros {
        height: auto;
        padding-top: 20px !important;
    }
    .rowPanelTabs{
        height: auto;
    }
    .panelTabs {
        height: auto;
        margin-bottom: 20px;
    }
    .divMapaHistoricoAtendimento {
        height: 50%;
    }
    #listaAtendimentos {
       height: 250px;
       width: 100%;
    }
    .diVNaoEncotrado {
        padding-top: 0;
    }
}
.leaflet-bottom.leaflet-right {
    display: none !important;
}
.awesome-marker-icon-marrom {
    background-position: -718px 0;
}
.awesome-marker-circle {
    background: url('../img/markers-circle-darkblue.png') no-repeat 0 0;
    width: 14px;
    height: 14px;
    position:absolute;
    left:0;
    top:0;
    display: block;
    text-align: center;
}
.awesome-marker-circle i {
    color: #fff;
    margin-top: 10px;
    display: inline-block;
    font-size: 12px;
}
/* ============================= */

/* ============ AJUDA ========= */
.input-pesquisa{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: solid #E4E3E6 1px;
    width: 100%;
    line-height: 40px;
    border-radius: 40px;
    display: block;
    margin-bottom: 15px;
    background: #FAFAFE;
    padding-left: 50px;
    box-shadow: none;
    transition: all 300ms ease;
    line-height: 50px; 
    border-radius: 50px;
    display: block;
    margin: 10px 0 30px 0;
    background: #FAFAFE;
    padding-left: 70px;
    box-shadow: 0 3px 10px rgba(46,37,69,0.1), inset 0 2px 0 white;
    border-bottom-color: #d1d1d1;
}

.input-pesquisa:focus{
    outline: none;
    background: white;
    border-color: #196090 !important;
}

.div-pesquisa{
    width: 50%;
    position: relative;
    margin: 0 auto;
}

.titulo-perguntas-frequentes{
    font-weight: 700;
    color: #2E2545;
}

.div-perguntas-frequentes{
    border-radius: 4px;
    border: solid #E4E3E6 1px;
    padding: 35px;
    margin: 0 0 35px 0;
}

.item-pergunta:hover{
    text-decoration: underline;
}

.div-categoria{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 16px 0;
}

.categoria-item{
    max-width: 340px;
    border-radius: 4px;
    border: solid #E4E3E6 1px;
    padding: 35px;
    margin: 0 0 35px 0;
    display: flex;
    flex: 1 0 340px;
    flex-direction: column;
    justify-content: flex-start;
    margin: 8px 0;
    margin: 16px;
    position: relative;
    padding-bottom: 40px;
}

.categoria-item-servicos {
    display: block;
    flex: 1 0 340px;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    padding-bottom: initial;
}

.conteudo-categoria{
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 20px;
}

.conteudo-thumbnail{
    width: 75px;
    height: 75px;
    margin: 0 auto;
    background: #196090;
    border-radius: 75px;
    text-align: center;
    line-height: 75px;
    margin-bottom: 30px;
    font-size: 60px;
    color: #FFFFFF;
}

.conteudo-title{
    font-size: 17px;
    color: #2E2545;
}

.conteudo-categoria-footer{
    transition: all 100ms ease;
    text-align: center;
    border-top: solid #E4E3E6 1px;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 44px;
}

.conteudo-categoria-top{
    transition: all 100ms ease;
    text-align: center;
    border-top: solid #E4E3E6 1px;
    font-weight: bold;
    position: absolute;
    top: 0 !important;
    left: 0;
    right: 0;
    line-height: 44px;
}

.conteudo-categoria-footer a{
    text-decoration: none;
    color: #5B30C7;
}

.conteudo-categoria-footer:hover{
    background: #196090;
    text-decoration: none;
    color: white;
}

.titulo-ajuda{
    font-weight: 500;
}

.subtitulo-ajuda{
    color: #9CA5AC;
}

.div-ajuda{
    min-height: 130px;
    padding-left: 9px;
    padding-right: 9px;
    background-color: #fff;
    transition: all .3s ease;
    padding: 15px;
    background: #fff;
    width: 100%;
    box-shadow: 0 0 10px 0 rgba(201,211,221,.4);
    border: 1px solid #c9d3dd;
    border-radius: 3px;
    display: block;
}

.titulo-conteudo-ajuda{
    display: block;
    width: 100%;
    color: #9ca5ac;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    text-transform: uppercase;
    margin-top: 20px;
}

.mensagem-conteudo-ajuda{
    display: inline-block;
    margin-top: 10px;
    color: #9ca5ac;
    font-size: 14px;
    padding: 0 20px 10px;
}

.conteudo-resultado p {
    color: #5f7676;
}
.img-search-faq{
    width: 32px;
    float: left;
    position: absolute;
    left: 19px;
    top: 12px;
    cursor: pointer;
}

.img-search-faq:hover{
    opacity: 0.8;
}

@media(max-width:991px){
    .div-pesquisa{
        width: 100% !important;
    }
    .btn-seja-pro{
        margin-right: 0px;
    }
}

@media(max-width: 767px){
    .div-faq {
        padding: 0px;
        margin: -7px;
    }
}

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

.servicos-itens{
    padding-left: 15px;
    margin-top: 5px;
}

.panel-servicos {
    color: #93a8a8;
    background-color: #fafbfc;
    margin: 0px -1px 0 -1px;
    border: 1px solid #dadfe3;
}

.panel-body-servicos {
    padding-left: 40px !important;
    padding-top: 10px;
}

/* ==== FECHAMENTO DE CLIENTE E MOTORISTA =====*/
.container-fechamento-comissao{
    background-color: #fbfbfb;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #f9f3f3;
}

.input-date-fechamento{
    background-color: #fff
}

.table-comissoes-confirmadas td{
    text-align: center;
}
.table-comissoes-confirmadas th{
    text-align: center;
}

.badge-atualizacao-painel {
    position: fixed;
    top: 135px;
    z-index: 10;
    left: 50%;
    width: 140px;
    height: 30px;
    margin-left: -70px;
    text-align: center;
    padding-top: 9px;
}

.badge-atualizacao-painel-scroll {
    top: 2px !important;
    width: 130px;
    height: 16px;
    padding-top: 3px;
}

.badge-atualizacao-painel:hover {
    cursor: pointer !important;
}

/*768 991px*/
@media (max-width: 991px) {
    .badge-atualizacao-painel {
        top: 60px;
        z-index: 9999;
    }
}

.blink-acionamento-pendente {
    animation: blink-animation 2s 6;
    -webkit-animation: blink-animation 2s 6;
    /*-webkit-animation: blink-animation 1s steps(5, start) 5;*/
}
.blink-acionamento-pendente .label {
    animation: blink-animation 2s 6;
    -webkit-animation: blink-animation 2s 6;
    /*-webkit-animation: blink-animation 1s steps(5, start) 5;*/
}
@keyframes blink-animation {
    50%{
        background-color: #f39c12;
        color: #fff;
        font-size: 1.1em;
    }
}
@-webkit-keyframes blink-animation {
    50%{
        background-color: #f39c12;
        color: #fff;
        font-size: 1.1em;
    }
}

.ul-legenda{
    list-style: none;
    padding: 2px;
}

.ul-legenda li{
    padding-left: 2px;
    margin-bottom: 0px;
    position: relative;
    display: inline-block;
    margin-right: 10px;
}

.ul-legenda li span{
    display: block;
    height: 100%;
    /*width: 20px;*/
    vertical-align: top;
    position: absolute;
}

.ul-legenda li .descricao-legenda{
    display: inline-block;
    width: auto;
    height: 100%;
    margin-bottom: 0;
    margin-left:30px;
    min-height: 25px;
    line-height: normal;
    font-size: 14px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.ul-legenda li .box-legenda{
    width: 15px;
    height: 15px;
    margin-top: 4px;
}

.box-border-radius{
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

/*****************************************************************************************/
/*********************** ÍCONES DE NOTIFICAÇÃO MENU SUPERIOR *************************** */
.badge-notification-menu{
    top: 6px;
    left: 38px;
    position: absolute;
}


.navbar .navbar-nav .open .dropdown-menu {
    position: absolute;
}

.toolbar .dropdown-menu.notifications{
    background: #fff !important;
    color: #93a8a8 !important;
    padding: 0;
    z-index: 1300;
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.1);
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
    border: 1px solid #dadfe3;
    width: 314px !important;
}

.toolbar.menu-superior-direito li.dropdown{
    display: inline-block !important;
}

.dropdown-menu, .tt-dropdown-menu {
    left: auto;
    right: 0;
    top: 100%;
    float: left;
    min-width: 160px;
    margin: 2px 14px 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    border: 1px solid #cccccc;
    border: 1px solid #dadfe3;
    border-radius: 3px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.dropdown-menu.arrow:before, .dropdown-menu.arrow:after {
    position: absolute;
    top: -10px;
    right: 10px;
    display: inline-block;
    content: '';
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.dropdown-menu.arrow:after {
    border-bottom: 10px solid #fff;
}

.dropdown-menu.arrow:before, .dropdown-menu.arrow:after {
    position: absolute;
    top: -10px;
    right: 10px;
    display: inline-block;
    content: '';
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.toolbar .dropdown-menu.notifications ul{
    padding-left: 0;
    list-style: none;
}
.scrollthis {
    overflow-y: scroll;
    height: 280px;
}

.toolbar .dropdown-menu.notifications{
    background: #fff !important;
    color: #93a8a8 !important;
}

.toolbar .dropdown-menu.notifications .scrollthis a{
    white-space: normal;
    color: #5f7676 !important;
}

.toolbar .dropdown-menu.notifications ul li a {
    width: 100%;
    height: 100%;
    display: table;
    padding: 12px 38px 12px 55px;
    position: relative;
}

.scrollthis li a {
    text-decoration: none;
}

.toolbar .dropdown-menu.notifications ul li .notification-success .notification-icon{
    background: #f7fdf9;
    border-color: #8fe6b4;
    color: #2ecc71;
}

.toolbar .dropdown-menu.notifications ul li:hover .notification-success .notification-icon{
    background: #2ecc71 !important;
    border-color: #8fe6b4;
    color: #f7fdf9;
}

.toolbar .dropdown-menu.notifications ul li .notification-danger .notification-icon{
    background: #fdf3f2;
    border-color: #f29f97;
    color: #e74c3c;
}

.toolbar .dropdown-menu.notifications ul li:hover .notification-danger .notification-icon{
    background: #e74c3c !important;
    border-color: #f29f97;
    color: #fdf3f2;
}

.toolbar .dropdown-menu.notifications ul li .notification-inverse .notification-icon{
    background: #e8ecec;
    border-color: #bfc8c9;
    color: #95a5a6;
}

.toolbar .dropdown-menu.notifications ul li:hover .notification-inverse .notification-icon{
    background: #95a5a6 !important;
    border-color: #bfc8c9;
    color: #e8ecec;
}

.toolbar .dropdown-menu.notifications ul li .notification-warning .notification-icon{
    background: #fef9e8;
    border-color: #f7de79;
    color: #f1c40f;
}

.toolbar .dropdown-menu.notifications ul li:hover .notification-warning .notification-icon{
    background: #f1c40f !important;
    border-color: #f7de79;
    color: #fef9e8;
}

.toolbar .dropdown-menu.notifications ul li .notification-info .notification-icon{
    background: #f3fbfb;
    border-color: #a5e3de;
    color: #3bbfb4;
}

.toolbar .dropdown-menu.notifications ul li:hover .notification-info .notification-icon{
    background: #3bbfb4 !important;
    border-color: #a5e3de;
    color: #f3fbfb;
}

.toolbar .dropdown-menu.notifications ul li .notification-primary .notification-icon{
    background: #eaf4fb;
    border-color: #8bc4ea;
    color: #3498db;
}

.toolbar .dropdown-menu.notifications ul li:hover .notification-primary .notification-icon{
    background: #3498db !important;
    border-color: #8bc4ea;
    color: #eaf4fb;
}

header .toolbar .dropdown-menu.notifications li{
    border-bottom: 1px solid #edf0f2;
}

.toolbar .dropdown-menu.notifications .scrollthis a.active, .toolbar .dropdown-menu.notifications .scrollthis a.active, .toolbar .dropdown-menu.notifications .scrollthis a:hover{
    color: #5f7676 !important;
    background-color: #000000 !important;
    background-color: rgba(0, 0, 0, 0.03) !important;
    zoom: 1 !important;
    background-color: transparent\9 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#08000000, endColorstr=#08000000)" !important;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#08000000, endColorstr=#08000000)" !important;
    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.04), 0 -1px 0 0 rgba(0,0,0,0.04);
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.04), 0 -1px 0 0 rgba(0,0,0,0.04);
}

.toolbar .dropdown-menu.notifications ul li a .notification-icon {
    position: absolute !important;
    left: 15px;
    top: 16px;
    width: 30px;
    height: 30px;
    border-width: 0px;
    border-style: solid;
    position: relative;
    text-align: center;
    border-radius: 50%;
    line-height: 30px;
}

.toolbar .dropdown-menu.notifications li{
    border-bottom: 1px solid #edf0f2;
}

.scrollbar-custom::-webkit-scrollbar, .scrollthis::-webkit-scrollbar, .infobar-wrapper::-webkit-scrollbar, .fixed-sidebar-wrapper::-webkit-scrollbar, .fixed-content-wrapper::-webkit-scrollbar, .sidebar-scroll .static-sidebar::-webkit-scrollbar, .full-height-content::-webkit-scrollbar, .notes-container ul.notes-list::-webkit-scrollbar {
    width: 0px;
}

.toolbar .dropdown-menu.notifications ul li a .notification-time{
    display: inline;
    font-size: 12px;
    color: #cacece;
    float: right;
    text-align: right;
    position: absolute !important;
    right: 15px;
    top: 12px;
}

.toolbar .dropdown-menu.notifications ul li a:hover .notification-time, .toolbar .dropdown-menu .tab-pane.notifications ul li a:hover .notification-time {
    color: #97a2a2;
}

.toolbar .dropdown-menu.notifications ul li a .notification-content, .toolbar .dropdown-menu .tab-pane.notifications ul li a .notification-content {
    vertical-align: middle;
    display: table-cell;
    height: 38px;
}

.toolbar .notification-unread{
    background-color: #dfebf3;
}

@media (max-width: 480px) {
    .toolbar .dropdown-menu.notifications {
        width: 280px !important;
    }
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        float: none;
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .dropdown-menu.notifications {
        margin-right: -125px;
    }
}

@media (max-width: 767px) {
    .dropdown-menu.notifications:before, .dropdown-menu.notifications:after {
        margin-right: 140px;
    }
}

@media (max-width: 767px){
    .dropdown-menu.notifications {
        margin-right: -90px;
    }
}
@media (max-width: 480px) {

    .toolbar .dropdown-menu.notifications {
        width: 260px !important;
    }
}

@media (max-width: 767px) {
    .dropdown-menu.notifications:before, .dropdown-menu.notifications:after {
        margin-right: 105px;
    }
}
/*********************** FIM ÍCONES DE NOTIFICAÇÃO MENU SUPERIOR *************************** */
/*********************************************************************************************/

.cardNotificacao{
    display: table;
    position: relative;
    padding: 5px 38px 12px 55px;
    color: #5f7676 !important;
}

.cardNotificacaoIcon{
    position: absolute !important;
    left: 15px;
    top: 16px;
    width: 30px;
    height: 30px;
    border-width: 0px;
    border-style: solid;
    position: relative;
    text-align: center;
    border-radius: 50%;
    line-height: 30px;
}

.cardNotificacao .notification-info .cardNotificacaoIcon{
    background: #3bbfb4 !important;
    border-color: #a5e3de;
    color: #f3fbfb;
}

.cardNotificacao .notification-success .cardNotificacaoIcon{
    background: #2ecc71 !important;
    border-color: #8fe6b4;
    color: #f7fdf9;
}

.cardNotificacao .notification-danger .cardNotificacaoIcon{
    background: #e74c3c !important;
    border-color: #f29f97;
    color: #fdf3f2;
}

.cardNotificacao .notification-inverse .cardNotificacaoIcon{
    background: #95a5a6 !important;
    border-color: #bfc8c9;
    color: #e8ecec;
}


.cardNotificacao .notification-warning .cardNotificacaoIcon{
    background: #f1c40f !important;
    border-color: #f7de79;
    color: #fef9e8;
}


.cardNotificacao .notification-primary .cardNotificacaoIcon{
    background: #3498db !important;
    border-color: #8bc4ea;
    color: #eaf4fb;
}

.cardNotificacaoTime{
    display: inline;
    font-size: 12px;
    color: #cacece;
    float: right;
    text-align: right;
    position: absolute !important;
    right: 15px;
    top: 12px;
}

.cardNotificacaoBody{
    color: #5f7676 !important;
}


.cardNotificacao.notification-unread{
    background-color: #dfebf3;
}

.page-tabs {
    margin: 0px;
}

.alert-acionamento-menu{
    display: inline-block !important;
}

.widget-disabled {
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    z-index: 1;
}

.badge-sem-destaque {
    background-color: #a5a2a2 !important;
}

/* Negociações */
.label-black {
    background-color: #000;
}

@media (min-width: 992px) {
    .border-left-top-gray {
        border-left: 1px solid #cdcdcd;
    }
    
    .acionamento-interno{
        min-height:300px;
    }
}
@media (max-width: 768px) {
    .border-left-top-gray {
        border-top: 1px solid #cdcdcd;
        padding-top: 15px;
    }
}

/* === COMPONENTE ALERT-WHITE === */
.alert.alert-white {
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.11);
    display: table;
    /* width: 100%; */
}
.alert-white {
    background-image: linear-gradient(to bottom, #fff, #f9f9f9);
    border-top-color: #d8d8d8;
    border-bottom-color: #bdbdbd;
    border-left-color: #cacaca;
    border-right-color: #cacaca;
    color: #404040;
    padding-left: 61px;
    position: relative;
}
.alert-white.rounded {
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.alert-white.rounded .icon {
    border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
}
.alert-white .icon {
    text-align: center;
    width: 45px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #bdbdbd;
    padding-top: 15px;
}
.alert-white .icon:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    border: 1px solid #bdbdbd;
    position: absolute;
    border-left: 0;
    border-bottom: 0;
    top: 50%;
    right: -6px;
    margin-top: -3px;
    background: #fff;
}
.alert-white .icon i {
    font-size: 20px;
    color: #fff;
    left: 12px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
}
.alert-white.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-white.alert-success .icon, 
.alert-white.alert-success .icon:after {
    border-color: #54a754;
    background: #60c060;
}
.alert-white.alert-info {
    background-color: #d9edf7;
    border-color: #98cce6;
    color: #3a87ad;
}
.alert-white.alert-info .icon, 
.alert-white.alert-info .icon:after {
    border-color: #3a8ace;
    background: #4d90fd;
}
.alert-white.alert-warning .icon, 
.alert-white.alert-warning .icon:after {
    border-color: #d68000;
    background: #fc9700;
}
.alert-white.alert-warning {
    background-color: #fcf8e3;
    border-color: #f1daab;
    color: #c09853;
}
.alert-white.alert-danger {
    background-color: #f2dede;
    border-color: #e0b1b8;
    color: #b94a48;
}
.alert-white.alert-danger .icon, 
.alert-white.alert-danger .icon:after {
    border-color: #ca452e;
    background: #da4932;
}
/* === FIM COMPONENTE ALERT-WHITE === */

.text-muted {
    color: #b0bcbc !important;
}

.table-widget td{
    vertical-align: middle !important;
}

.acao-modal-index{
    padding: 20px 0px;
}
@media (min-width: 768px) {
    .acao-modal-index{
        padding: 60px 0px;
    }
    .acao-modal-index:last-child{
        border-left: 2px solid #bdacac;
    }
}
#modal-index-contrate{
    z-index: 99999;
}

.texto-modal-seja-pro {
    font-size: 22px;
    margin-top: 30px;
}

#divBadgeOnOff {
    margin-top: 25px;
}

@media (max-width: 768px) {
    .texto-modal-seja-pro {
        font-size: 18px;
        margin: 0;
    }
    #divBadgeOnOff {
        margin-top: 8px;
    }
}
.dropdown.open .menu-financeiro {
    display: grid;
}

.sombra {
    -webkit-box-shadow: 0px 3px 4px 0px #ddd;
    -moz-box-shadow: 0px 3px 4px 0px #ddd;
    box-shadow: 0px 3px 4px 0px #ddd;
}
.btn-default {
    color: #5f7676;
    background-color: #e5e5e5;
    border-color: #D9D9D9;
    transition: all 0.2s;
  }
  .btn-default:hover,
  .btn-default:focus,
  .btn-default.focus,
  .btn-default:active,
  .btn-default.active,
  .open > .dropdown-toggle.btn-default {
    color: #5f7676;
    background-color: #cfd9db;
    border-color: #9ca5ab;
  }
  .btn-default:active,
  .btn-default.active,
  .open > .dropdown-toggle.btn-default {
    background-image: none;
  }
  .btn-default.disabled,
  .btn-default[disabled],
  fieldset[disabled] .btn-default,
  .btn-default.disabled:hover,
  .btn-default[disabled]:hover,
  fieldset[disabled] .btn-default:hover,
  .btn-default.disabled:focus,
  .btn-default[disabled]:focus,
  fieldset[disabled] .btn-default:focus,
  .btn-default.disabled.focus,
  .btn-default[disabled].focus,
  fieldset[disabled] .btn-default.focus,
  .btn-default.disabled:active,
  .btn-default[disabled]:active,
  fieldset[disabled] .btn-default:active,
  .btn-default.disabled.active,
  .btn-default[disabled].active,
  fieldset[disabled] .btn-default.active {
    background-color: #ecf0f1;
    border-color: #bdc3c7;
  }
  .btn-default .badge {
    color: #ecf0f1;
    background-color: #5f7676;
  }
  .btn-default:hover {
    background-color: #CCCCCD;
    border-color: #CCCCCD;
    box-shadow: 0px 3px 22px -1px #D9D9D944;
  }
  .btn-default:focus,
  .btn-default:active,
  .btn-default.active,
  .open > .dropdown-toggle.btn-default {
    color: #5f7676;
    background-color: #d5dde0;
    border-color: #a1aab0;
  }
  .btn-default:active,
  .btn-default.active,
  .open > .dropdown-toggle.btn-default {
    background-image: none;
  }
  .btn-default.disabled,
  .btn-default[disabled],
  fieldset[disabled] .btn-default,
  .btn-default.disabled:hover,
  .btn-default[disabled]:hover,
  fieldset[disabled] .btn-default:hover,
  .btn-default.disabled:focus,
  .btn-default[disabled]:focus,
  fieldset[disabled] .btn-default:focus,
  .btn-default.disabled:active,
  .btn-default[disabled]:active,
  fieldset[disabled] .btn-default:active,
  .btn-default.disabled.active,
  .btn-default[disabled].active,
  fieldset[disabled] .btn-default.active {
    background-color: #ecf0f1;
    border-color: #bdc3c7;
  }
  .btn-default .badge {
    color: #ecf0f1;
    background-color: #5f7676;
  }
  .btn-primary {
    color: #ffffff;
    border-color: #3498DC;
    background-color: #3498DC;
    transition: all 0.2s;
  }
  .btn-primary:hover,
  .btn-primary:focus,
  .btn-primary.focus,
  .btn-primary:active,
  .btn-primary.active,
  .open > .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #009ef7;
    border-color: #009ef7;
  }
  .btn-primary:active,
  .btn-primary.active,
  .open > .dropdown-toggle.btn-primary {
    background-image: none;
  }
  .btn-primary.disabled,
  .btn-primary[disabled],
  fieldset[disabled] .btn-primary,
  .btn-primary.disabled:hover,
  .btn-primary[disabled]:hover,
  fieldset[disabled] .btn-primary:hover,
  .btn-primary.disabled:focus,
  .btn-primary[disabled]:focus,
  fieldset[disabled] .btn-primary:focus,
  .btn-primary.disabled.focus,
  .btn-primary[disabled].focus,
  fieldset[disabled] .btn-primary.focus,
  .btn-primary.disabled:active,
  .btn-primary[disabled]:active,
  fieldset[disabled] .btn-primary:active,
  .btn-primary.disabled.active,
  .btn-primary[disabled].active,
  fieldset[disabled] .btn-primary.active {
    background-color: #0095e8;
    border-color: #2980b9;
  }
  .btn-primary .badge {
    color: #258cd1;
    background-color: #ffffff;
  }
  .btn-primary:hover {
    background-color: #258cd1;
    border-color: #258cd1;
  }
  .btn-primary:focus,
  .btn-primary:active,
  .btn-primary.active,
  .open > .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #258cd1;
    border-color: #258cd1;
  }
  .btn-primary:active,
  .btn-primary.active,
  .open > .dropdown-toggle.btn-primary {
    background-image: none;
  }
  .btn-primary.disabled,
  .btn-primary[disabled],
  fieldset[disabled] .btn-primary,
  .btn-primary.disabled:hover,
  .btn-primary[disabled]:hover,
  fieldset[disabled] .btn-primary:hover,
  .btn-primary.disabled:focus,
  .btn-primary[disabled]:focus,
  fieldset[disabled] .btn-primary:focus,
  .btn-primary.disabled:active,
  .btn-primary[disabled]:active,
  fieldset[disabled] .btn-primary:active,
  .btn-primary.disabled.active,
  .btn-primary[disabled].active,
  fieldset[disabled] .btn-primary.active {
    background-color: #0095e8;
    border-color: #2980b9;
  }
  .btn-primary .badge {
    color: #0490DF;
    background-color: #ffffff;
  }
  .btn-primary-alt {
    color: #0095e8;
    background-color: rgba(255, 255, 255, 0.5);
    border-color: #0095e8;
    border-width: 1px;
    border-style: solid;
    -webkit-box-shadow: none;
    box-shadow: none;
    transition: all 0.2s;
  }
  .btn-primary-alt.no-border {
    background-color: rgba(255, 255, 255, 0);
    border-width: 0px;
  }
  .btn-primary-alt:hover,
  .btn-primary-alt:focus,
  .btn-primary-alt:active,
  .btn-primary-alt.active {
    border-color: #0095e8;
    background-color: #0095e8;
    color: #fff;
  }
  .btn-primary-alt.disabled,
  .btn-primary-alt[disabled],
  fieldset[disabled] .btn-primary-alt,
  .btn-primary-alt.disabled:hover,
  .btn-primary-alt[disabled]:hover,
  fieldset[disabled] .btn-primary-alt:hover,
  .btn-primary-alt.disabled:focus,
  .btn-primary-alt[disabled]:focus,
  fieldset[disabled] .btn-primary-alt:focus {
    box-shadow: none !important;
    border-color: #708c9f;
    color: #708c9f;
  }
  .btn-primary-alt.disabled:active,
  .btn-primary-alt[disabled]:active,
  fieldset[disabled] .btn-primary-alt:active,
  .btn-primary-alt.disabled.active,
  .btn-primary-alt[disabled].active,
  fieldset[disabled] .btn-primary-alt.active {
    border-color: #3498db;
    background-color: #1d6fa5;
    color: #fff;
  }
  .btn-primary-alt.dropdown-toggle {
    border-width: 1px;
  }
  .btn-primary-alt.dropdown-toggle.alt-border {
    border-width: 1px 1px 1px 1px;
  }
  .btn-success {
    color: #ffffff;
    background-color: #50cd89;
    border-color: #50cd89;
    transition: all 0.2s;
  }
  .btn-success:hover,
  .btn-success:focus,
  .btn-success.focus,
  .btn-success:active,
  .btn-success.active,
  .open > .dropdown-toggle.btn-success {
    color: #ffffff;
    background-color: #00ae1c;
    border-color: #1c7c44;
  }
  .btn-success:active,
  .btn-success.active,
  .open > .dropdown-toggle.btn-success {
    background-image: none;
  }
  .btn-success.disabled,
  .btn-success[disabled],
  fieldset[disabled] .btn-success,
  .btn-success.disabled:hover,
  .btn-success[disabled]:hover,
  fieldset[disabled] .btn-success:hover,
  .btn-success.disabled:focus,
  .btn-success[disabled]:focus,
  fieldset[disabled] .btn-success:focus,
  .btn-success.disabled.focus,
  .btn-success[disabled].focus,
  fieldset[disabled] .btn-success.focus,
  .btn-success.disabled:active,
  .btn-success[disabled]:active,
  fieldset[disabled] .btn-success:active,
  .btn-success.disabled.active,
  .btn-success[disabled].active,
  fieldset[disabled] .btn-success.active {
    background-color: #2ecc71;
    border-color: #27ae60;
  }
  .btn-success .badge {
    color: #47be7d;
    background-color: #ffffff;
  }
  .btn-success:hover {
    background-color: #47be7d;
    border-color: #47be7d;
    transition: all 0.2s;
  }
  .btn-success:focus,
  .btn-success:active,
  .btn-success.active,
  .open > .dropdown-toggle.btn-success {
    color: #ffffff;
    background-color: #47be7d;
    border-color: #00ae1c;
  }
  .btn-success:active,
  .btn-success.active,
  .open > .dropdown-toggle.btn-success {
    background-image: none;
  }
  .btn-success.disabled,
  .btn-success[disabled],
  fieldset[disabled] .btn-success,
  .btn-success.disabled:hover,
  .btn-success[disabled]:hover,
  fieldset[disabled] .btn-success:hover,
  .btn-success.disabled:focus,
  .btn-success[disabled]:focus,
  fieldset[disabled] .btn-success:focus,
  .btn-success.disabled:active,
  .btn-success[disabled]:active,
  fieldset[disabled] .btn-success:active,
  .btn-success.disabled.active,
  .btn-success[disabled].active,
  fieldset[disabled] .btn-success.active {
    background-color: #2ecc71;
    border-color: #27ae60;
  }
  .btn-success .badge {
    color: #2ecc71;
    background-color: #ffffff;
  }
  .btn-success-alt {
    background-color: rgba(255, 255, 255, 0.5);
    border-width: 1px;
    border-style: solid;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #50cd89;
    border-color: #50cd89;
    transition: all 0.2s;
  }
  .btn-success-alt.no-border {
    background-color: rgba(255, 255, 255, 0);
    border-width: 0px;
  }
  .btn-success-alt:hover,
  .btn-success-alt:focus,
  .btn-success-alt:active,
  .btn-success-alt.active {
    border-color: #50cd89;
    background-color: #50cd89;
    color: #fff;
  }
  .btn-success-alt.disabled,
  .btn-success-alt[disabled],
  fieldset[disabled] .btn-success-alt,
  .btn-success-alt.disabled:hover,
  .btn-success-alt[disabled]:hover,
  fieldset[disabled] .btn-success-alt:hover,
  .btn-success-alt.disabled:focus,
  .btn-success-alt[disabled]:focus,
  fieldset[disabled] .btn-success-alt:focus {
    box-shadow: none !important;
    border-color: #6c8e7a;
    color: #6c8e7a;
  }
  .btn-success-alt.disabled:active,
  .btn-success-alt[disabled]:active,
  fieldset[disabled] .btn-success-alt:active,
  .btn-success-alt.disabled.active,
  .btn-success-alt[disabled].active,
  fieldset[disabled] .btn-success-alt.active {
    border-color: #2ecc71;
    background-color: #208e4e;
    color: #fff;
  }
  .btn-success-alt.dropdown-toggle {
    border-width: 1px;
  }
  .btn-success-alt.dropdown-toggle.alt-border {
    border-width: 1px 1px 1px 1px;
  }
  
  
  .btn-orange {
    color: #ffffff;
    background-color: #F7941E;
    transition: all 0.2s;
    border-color: #F7941E;
  }
  .btn-orange:hover,
  .btn-orange:focus,
  .btn-orange.focus,
  .btn-orange:active,
  .btn-orange.active,
  .open > .dropdown-toggle.btn-orange {
    color: #ffffff;
    background-color: #F77E1E;
    transition: all 0.2s;
    border-color: #F77E1E;
  }
  .btn-orange:active,
  .btn-orange.active,
  .open > .dropdown-toggle.btn-orange {
    background-image: none;
  }
  .btn-orange.disabled,
  .btn-orange[disabled],
  fieldset[disabled] .btn-orange,
  .btn-orange.disabled:hover,
  .btn-orange[disabled]:hover,
  fieldset[disabled] .btn-orange:hover,
  .btn-orange.disabled:focus,
  .btn-orange[disabled]:focus,
  fieldset[disabled] .btn-orange:focus,
  .btn-orange.disabled.focus,
  .btn-orange[disabled].focus,
  fieldset[disabled] .btn-orange.focus,
  .btn-orange.disabled:active,
  .btn-orange[disabled]:active,
  fieldset[disabled] .btn-orange:active,
  .btn-orange.disabled.active,
  .btn-orange[disabled].active,
  fieldset[disabled] .btn-orange.active {
    background-color: #e67e22;
    border-color: #d35400;
  }
  .btn-orange .badge {
    color: #F7941E;
    background-color: #ffffff;
  }
  .btn-orange:hover {
    background-color: #f38809;
    border-color: #f38809;
  }
  .btn-orange:focus,
  .btn-orange:active,
  .btn-orange.active,
  .open > .dropdown-toggle.btn-orange {
    color: #ffffff;
    background-color: #c96a17;
    border-color: #a04000;
  }
  .btn-orange:active,
  .btn-orange.active,
  .open > .dropdown-toggle.btn-orange {
    background-image: none;
  }
  .btn-orange.disabled,
  .btn-orange[disabled],
  fieldset[disabled] .btn-orange,
  .btn-orange.disabled:hover,
  .btn-orange[disabled]:hover,
  fieldset[disabled] .btn-orange:hover,
  .btn-orange.disabled:focus,
  .btn-orange[disabled]:focus,
  fieldset[disabled] .btn-orange:focus,
  .btn-orange.disabled:active,
  .btn-orange[disabled]:active,
  fieldset[disabled] .btn-orange:active,
  .btn-orange.disabled.active,
  .btn-orange[disabled].active,
  fieldset[disabled] .btn-orange.active {
    background-color: #e67e22;
    border-color: #d35400;
  }
  .btn-orange .badge {
    color: #e67e22;
    background-color: #ffffff;
  }
  .btn-orange-alt {
    background-color: rgba(255, 255, 255, 0);
    border-width: 1px;
    border-style: solid;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #F7941E;
    border-color: #F7941E;
    transition: all 0.2s;
  }
  .btn-orange-alt:hover,
  .btn-orange-alt:focus,
  .btn-orange-alt:active,
  .btn-orange-alt.active {
    border-color: #f38809;
    background-color: #f38809;
    color: #fff;
  }
  .btn-orange-alt.disabled,
  .btn-orange-alt[disabled],
  fieldset[disabled] .btn-orange-alt,
  .btn-orange-alt.disabled:hover,
  .btn-orange-alt[disabled]:hover,
  fieldset[disabled] .btn-orange-alt:hover,
  .btn-orange-alt.disabled:focus,
  .btn-orange-alt[disabled]:focus,
  fieldset[disabled] .btn-orange-alt:focus {
    box-shadow: none !important;
    border-color: #a98260;
    color: #a98260;
  }
  .btn-orange-alt.disabled:active,
  .btn-orange-alt[disabled]:active,
  fieldset[disabled] .btn-orange-alt:active,
  .btn-orange-alt.disabled.active,
  .btn-orange-alt[disabled].active,
  fieldset[disabled] .btn-orange-alt.active {
    border-color: #f38809;
    background-color: #f38809;
    color: #fff;
  }
  .btn-orange-alt.dropdown-toggle {
    border-width: 1px;
  }
  .btn-orange-alt.dropdown-toggle.alt-border {
    border-width: 1px 1px 1px 1px;
  }
  .btn-danger {
    color: #ffffff;
    border-color: #f1416c;    
    background-color: #f1416c;
    transition: all 0.2s;
  }
  .btn-danger:hover,
  .btn-danger:focus,
  .btn-danger.focus,
  .btn-danger:active,
  .btn-danger.active,
  .open > .dropdown-toggle.btn-danger {
    color: #ffffff;
    background-color: #d9214e;
    border-color: #d9214e;
  }
  .btn-danger:active,
  .btn-danger.active,
  .open > .dropdown-toggle.btn-danger {
    background-image: none;
  }
  .btn-danger.disabled,
  .btn-danger[disabled],
  fieldset[disabled] .btn-danger,
  .btn-danger.disabled:hover,
  .btn-danger[disabled]:hover,
  fieldset[disabled] .btn-danger:hover,
  .btn-danger.disabled:focus,
  .btn-danger[disabled]:focus,
  fieldset[disabled] .btn-danger:focus,
  .btn-danger.disabled.focus,
  .btn-danger[disabled].focus,
  fieldset[disabled] .btn-danger.focus,
  .btn-danger.disabled:active,
  .btn-danger[disabled]:active,
  fieldset[disabled] .btn-danger:active,
  .btn-danger.disabled.active,
  .btn-danger[disabled].active,
  fieldset[disabled] .btn-danger.active {
    background-color: #e74c3c;
    border-color: #c0392b;
  }
  .btn-danger .badge {
    color: #e74c3c;
    background-color: #ffffff;
  }
  .btn-danger:hover {
    background-color: #d9214e;
    border-color: #d9214e;
  }
  .btn-danger:focus,
  .btn-danger:active,
  .btn-danger.active,
  .open > .dropdown-toggle.btn-danger {
    color: #ffffff;
    background-color: #d9214e;
    border-color: #962d22;
  }
  .btn-danger:active,
  .btn-danger.active,
  .open > .dropdown-toggle.btn-danger {
    background-image: none;
  }
  .btn-danger.disabled,
  .btn-danger[disabled],
  fieldset[disabled] .btn-danger,
  .btn-danger.disabled:hover,
  .btn-danger[disabled]:hover,
  fieldset[disabled] .btn-danger:hover,
  .btn-danger.disabled:focus,
  .btn-danger[disabled]:focus,
  fieldset[disabled] .btn-danger:focus,
  .btn-danger.disabled:active,
  .btn-danger[disabled]:active,
  fieldset[disabled] .btn-danger:active,
  .btn-danger.disabled.active,
  .btn-danger[disabled].active,
  fieldset[disabled] .btn-danger.active {
    background-color: #e74c3c;
    border-color: #c0392b;
  }
  .btn-danger .badge {
    color: #f1416c;
    background-color: #ffffff;
  }
  .btn-danger-alt {
    background-color: rgba(255, 255, 255, 0.5);
    border-width: 1px;
    border-style: solid;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #f1416c;
    border-color: #f1416c;
    transition: all 0.2s;
  }

  .btn-danger-alt.no-border{
    background-color: rgba(255, 255, 255, 0);
    border-width: 0px;
  }
  .btn-danger-alt:hover,
  .btn-danger-alt:focus,
  .btn-danger-alt:active,
  .btn-danger-alt.active {
    border-color: #f1416c;
    background-color: #f1416c;
    color: #fff;
  }
  .btn-danger-alt.disabled,
  .btn-danger-alt[disabled],
  fieldset[disabled] .btn-danger-alt,
  .btn-danger-alt.disabled:hover,
  .btn-danger-alt[disabled]:hover,
  fieldset[disabled] .btn-danger-alt:hover,
  .btn-danger-alt.disabled:focus,
  .btn-danger-alt[disabled]:focus,
  fieldset[disabled] .btn-danger-alt:focus {
    box-shadow: none !important;
    border-color: #b07973;
    color: #b07973;
  }
  .btn-danger-alt.disabled:active,
  .btn-danger-alt[disabled]:active,
  fieldset[disabled] .btn-danger-alt:active,
  .btn-danger-alt.disabled.active,
  .btn-danger-alt[disabled].active,
  fieldset[disabled] .btn-danger-alt.active {
    border-color: #e74c3c;
    background-color: #bf2718;
    color: #fff;
  }
  .btn-danger-alt.dropdown-toggle {
    border-width: 1px;
  }
  .btn-danger-alt.dropdown-toggle.alt-border {
    border-width: 1px 1px 1px 1px;
  }
.btn-purple {
    color: #fff;
    background-color: #926dde;
    border-color: #926dde;
    background-color: #7239ea;
    border-color: #7239ea;
    transition: all 0.2s;
}
.btn-purple:hover {
    color: #fff;
    border-color: #5014d0;
    background-color: #5014d0;
    /*
    background-color: #865cda;
    border-color: #865cda;
    -webkit-box-shadow: 0 1px 10px rgba(146, 109, 222, 0.4);
    box-shadow: 0 1px 10px rgba(146, 109, 222, 0.4);*/
}
.btn-purple:focus,
.btn-purple.focus {
    color: #fff;
    -webkit-box-shadow: 0 0 0 0rem rgba(146, 109, 222, 0.5);
    box-shadow: 0 0 0 0rem rgba(146, 109, 222, 0.5);
}
.btn-purple.disabled,
.btn-purple:disabled {
    background-color: #926dde;
    border-color: #926dde;
}
.btn-purple:not([disabled]):not(.disabled):active,
.btn-purple:not([disabled]):not(.disabled).active,
.btn-purple:not([disabled]):not(.disabled):focus,
.btn-purple:not([disabled]):not(.disabled).focus,
.show>.btn-purple.dropdown-toggle {
    color: #fff;
    background-color: #794cd6;
    border-color: #794cd6;
    -webkit-box-shadow: 0 0 0 0rem rgba(146, 109, 222, 0.5);
    box-shadow: 0 0 0 0rem rgba(146, 109, 222, 0.5);
}

.badge {
    --bs-badge-padding-x: 6.5px;
    --bs-badge-padding-y: 4.25px;
    --bs-badge-font-size: 11px;
    --bs-badge-font-weight: 400;
    --bs-badge-color: var(--bs-body-color);
    --bs-badge-border-radius: 5.5px;
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius);
  }
  .badge:empty {
    display: none;
  }
  
  .btn .badge {
    position: relative;
    top: -1px;
  }
  

.badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .badge.badge-circle, .badge.badge-square {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    min-width: 1.75rem;
    padding: 0 0.1rem;
    line-height: 0;
  }
  .badge.badge-circle {
    border-radius: 50%;
    padding: 0;
    min-width: unset;
    width: 1.75rem;
  }
  .badge.badge-sm {
    min-width: 1.5rem;
    font-size: 0.8rem;
  }
  .badge.badge-sm.badge-square {
    height: 1.5rem;
  }
  .badge.badge-sm.badge-circle {
    width: 1.5rem;
    height: 1.5rem;
  }
  .badge.badge-lg {
    min-width: 2rem;
    font-size: 1rem;
  }
  .badge.badge-lg.badge-square {
    height: 2rem;
  }
  .badge.badge-lg.badge-circle {
    width: 2rem;
    height: 2rem;
  }
  
  .badge-light {
    color: var(--bs-light-inverse);
    background-color: var(--bs-light);
  }
  .badge-light.badge-outline {
    border: 1px solid var(--bs-light);
    color: var(--bs-light);
    background-color: transparent;
  }
  
  .badge-light-light {
    color: var(--bs-light);
    background-color: var(--bs-light-light);
  }
  
  .badge-primary {
    color: var(--bs-primary-inverse);
    background-color: var(--bs-primary);
  }
  .badge-primary.badge-outline {
    border: 1px solid var(--bs-primary);
    color: var(--bs-primary);
    background-color: transparent;
  }
  
  .badge-light-primary {
    color: var(--bs-primary);
    background-color: var(--bs-primary-light);
  }
  
  .badge-secondary {
    color: var(--bs-secondary-inverse);
    background-color: var(--bs-secondary);
  }
  .badge-secondary.badge-outline {
    border: 1px solid var(--bs-secondary);
    color: var(--bs-secondary);
    background-color: transparent;
  }
  
  .badge-light-secondary {
    color: var(--bs-secondary);
    background-color: var(--bs-secondary-light);
  }
  
  .badge-success {
    color: var(--bs-success-inverse);
    background-color: var(--bs-success);
  }
  .badge-success.badge-outline {
    border: 1px solid var(--bs-success);
    color: var(--bs-success);
    background-color: transparent;
  }
  
  .badge-light-success {
    color: var(--bs-success);
    background-color: var(--bs-success-light);
  }
  
  .badge-info {
    color: var(--bs-info-inverse);
    background-color: var(--bs-info);
  }
  .badge-info.badge-outline {
    border: 1px solid var(--bs-info);
    color: var(--bs-info);
    background-color: transparent;
  }
  
  .badge-light-info {
    color: var(--bs-info);
    background-color: var(--bs-info-light);
  }
  
  .badge-warning {
    color: var(--bs-warning-inverse);
    background-color: var(--bs-warning);
  }
  .badge-warning.badge-outline {
    border: 1px solid var(--bs-warning);
    color: var(--bs-warning);
    background-color: transparent;
  }
  
  .badge-light-warning {
    color: var(--bs-warning);
    background-color: var(--bs-warning-light);
  }
  
  .badge-danger {
    color: var(--bs-danger-inverse);
    background-color: var(--bs-danger);
  }
  .badge-danger.badge-outline {
    border: 1px solid var(--bs-danger);
    color: var(--bs-danger);
    background-color: transparent;
  }
  
  .badge-light-danger {
    color: var(--bs-danger);
    background-color: var(--bs-danger-light);
  }
  
  .badge-dark {
    color: var(--bs-dark-inverse);
    background-color: var(--bs-dark);
  }
  .badge-dark.badge-outline {
    border: 1px solid var(--bs-dark);
    color: var(--bs-dark);
    background-color: transparent;
  }
  
  .badge-light-dark {
    color: var(--bs-dark);
    background-color: var(--bs-dark-light);
  }

  .form-check-input[type=checkbox] {
    border-radius: 3px;
    width: 20px;
    height: 20px;
    margin-top: -1.6px;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #B5B5C3;
    appearance: none;
    background-size: 60% 60%;
    cursor: pointer;
}

.form-check-input:not(:checked) {
    background-color: #F9F9F9;
}
.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ffffff'/%3e%3c/svg%3e");
    background-color: #009ef7;
    border-color: #009ef7;
}

.form-check-input.success:checked[type=checkbox]{
    background-color: #50cd89;
    border-color: #50cd89;
}
.form-check-input:focus {
    border-color: #b5b5c3;
    outline: 0;
    box-shadow: none;
}
.texto-limitado {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

@media (min-width:992px){
    .login-copytext{
        margin-top: 169px;
    }
}

.btn-laranja {
    color: #ffffff;
    background-color: #F7941D;
    border-color: #F7941D;
}
.btn-laranja:hover {
    color: #ffffff;
    background-color: #df8417;
    border-color: #df8417;
}
.display-flex {
    display: flex;
}

.align-item-center {
    align-items: center;;
}

.flex-wrap {
    flex-wrap: wrap;
}
.justify-content-center {
    justify-content: center;
}

.datepicker {
    z-index: 2000 !important;
}
#cads-pendentes .btn-danger:active, #cads-pendentes .btn-danger.active, #cads-pendentes .open > .dropdown-toggle.btn-danger {
    background-image: none;
    background-color: #ffbdbd;
    border-color: #d9214e;
    cursor: default;
}
@media(max-width: 767px){
    #cads-pendentes{
        margin-left: -30px;
        margin-right: -30px;
    }
    #cads-pendentes .cronometro{
        margin-top: 10px;
    }
}

#cads-pendentes .leaflet-container{
    border: 0px !important;
    border-left: 1px solid rgb(192, 192, 192) !important;
}

.observacao-container {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.observacao-container .itemObservacao {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 15px;
    box-sizing: border-box;
}
.observacao-container .itemObservacao strong {
    font-weight: bold;
}
.observacao-container .itemObservacao.full strong{
    font-weight: 400;
}
.observacao-container .itemObservacao {
    padding: 10px;
}

#cads-pendentes .btnVerObservacao{
    height: 24px;
    padding: 5px 9px;
    border-radius: 2px !important;
    margin-right: 3px;
}
#cads-pendentes .badge{
    display: inline-flex;
    align-items: center;
    height: 24px;
    align-content: center;
    font-weight: normal;
    margin: 0 5px 5px 0;
    padding-right: 9px;
    padding-left: 9px;
    border-radius: 2px !important;
    text-shadow: 0 -0.5px 0 rgba(0, 0, 0, 0.15);
}

@media (min-width: 768px) {
    .observacao-container .itemObservacao {
        width: calc(50% - 5px);
    }

    .observacao-container .itemObservacao.full{
        width: calc(100% - 5px);
    }
}
.alert-white.tag{
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 40px;
    display: inline-flex;
    align-items: center;
}
.alert-white.tag .icon:after {
    margin-top: -5px;
}
.alert-white.tag .icon {
    width: 30px;
    border: 0px;
}
.alert-white.tag .icon i {
    font-size: 15px;
    left: 7px;
    top: 60%;
}
.alert-white.tag .icon:after {
    background-color: inherit !important;
    margin-top: -3px;
    width: 7px;
    height: 7px;
    right: -4px;
}

@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 100 700;
    src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v199/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2) format('woff2');
  }
  
svg.material-symbols-outlined {
    fill: #5f7676;
    width: 20px;
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: 300;
    font-style: normal;
    font-size: 20px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    font-variation-settings:
        'FILL' 0,
        'wght' 300,
        'GRAD' 0,
        'opsz' 24;
}
.material-symbols-filled {
    font-family: 'Material Symbols Outlined';
    font-weight: 300;
    font-style: normal;
    font-size: 20px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    font-variation-settings:
        'FILL' 1,
        'wght' 400,
        'GRAD' 0,
        'opsz' 24
}
.material-icons {
    vertical-align: middle;
}

.text-blue {
    color: #1D39C4 !important;
}
.badge-outline-blue {
    border: 1px solid #ADC6FF !important;
    background-color: #F0F5FF !important;
    color: #1D39C4 !important;
}
.text-light-blue {
    color: #0958d9 !important;
}
.badge-outline-light-blue {
    border: 1px solid #91caff !important;
    background-color: #e6f4ff !important;
    color: #0958d9 !important;
}

.text-green {
    color: #389e0d !important;
}
.badge-outline-green {
    border: 1px solid #b7eb8f !important;
    background-color: #f6ffed !important;
    color: #389e0d !important;
}

.text-red {
    color: #cf1322 !important;
}
.badge-outline-red {
    border: 1px solid #ffa39e !important;
    background-color: #fff1f0 !important;
    color: #cf1322 !important;
}

.text-purple {
    color: #C41D7F !important;
}
.badge-outline-purple {
    border: 1px solid #FFADD2 !important;
    background-color: #FFF0F6 !important;
    color: #C41D7F !important;
}

.text-grey {
    color: #212121 !important;
}
.badge-outline-grey {
    border: 1px solid #adabab !important;
    background-color: #ededed !important;
    color: #212121 !important;
}

.text-orange {
    color: #d36a0c !important;
}
.badge-outline-orange {
    border: 1px solid #ffdfa9 !important;
    background-color: #fff7e6 !important;
    color: #d36a0c !important;
}

.text-yellow {
    color: #F89406CC !important;
}
.badge-outline-yellow {
    border: 1px solid #F89406CC !important;
    background-color: #FCFFE6 !important;
    color: #F89406CC !important;
}

.text-green {
    color: #389e0d !important;
}
.badge-outline-green {
    border: 1px solid #b7eb8f !important;
    background-color: #f6ffed !important;
    color: #389e0d !important;
}

.borda-divisoria-esquerda {
    border-right: 1px solid #c1c0c0;
    padding-right: 10px !important;
}
.borda-divisoria-direita {
    border-left: 1px solid #c1c0c0;
    padding-left: 10px !important;
}

.texto-marcado {
    background-color: #fdf3b9 !important;
}

.cursor-pointer {
    cursor: pointer;
}