.GaugeMeter{
    Position:				Relative;
    Text-Align:			Center;
    Overflow:				Hidden;
    Cursor:				Default;
    display: inline-block;
}

.GaugeMeter SPAN,
.GaugeMeter B{
    Margin:				0 23%;
    Width:					54%;
    Position:				Absolute;
    Text-Align:			Center;
    Display:				Inline-Block;
    Color:					RGBa(0,0,0,.8);
    Font-Weight:			100;
    Font-Family:			"Open Sans", Arial;

    White-Space:			NoWrap;

}
.GaugeMeter[data-style="Semi"] B{
    Margin:				0 10%;
    Width:					80%;
}

.GaugeMeter S,
.GaugeMeter U{
    Text-Decoration:	None;
    Font-Size:			.60em;
    Font-Weight:			200;
    Opacity:				.6;
}

.GaugeMeter B{
    Color:					Black;
    Font-Weight:			200;
    Opacity:				.8;
}

/*        .select2-search__field{
            width: 100% !important;
        }*/


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


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

.top-5{
    margin-top: -5px;
}
.top5{
    margin-top: 5px;
}
.top-15{
    margin-top: -15px;
}
.top15{
    margin-top: 15px;
}
.bottom-20{
    margin-bottom: -20px;
}
.bottom20{
    margin-bottom: 20px;
}
.bottom23{
    margin-bottom: 23px;
}
.not-cursor{
    cursor: not-allowed;
}
/** retirar barra do textarea*/
.mce-statusbar {
    display: none !important;
}
/** retira a busca do menu, quando o layout do menu reduzido **/
.nav-sm .bbc_busca {
    display: none;
}

.site_title img.img-responsive{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}
.nav-sm .site_title img.img-responsive{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

footer .logo_sistema img.img-responsive{
    width: 17%;
}

input.loading
{
    background:url(../../../../public/assets/imgs/loading.gif) no-repeat right center
}
.quadro{
    border: solid 1px lightgray;
    padding: 10px;
}

/**PROPOSTA COMERCIAL MARCAÇÃO DE STATUS EM GERENCIAR*/
.ribbon-container {
    position: absolute;
    top: 45px;
    right: -38px;
    overflow: visible; /* so we can see the pseudo-elements we're going to add to the anchor */
    font-size: 16px; /* font-size and line-height must be equal so we can account for the height of the banner */
    line-height: 16px;
}

#ribbon-container:before {
    content:"";
    height: 0;
    width: 0;
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    border-top: 20px solid rgba(0,0,0,.3); /* These 4 border properties create the first part of our drop-shadow */
    border-bottom: 20px solid rgba(0,0,0,.3);
    border-right: 20px solid rgba(0,0,0,.3);
    border-left: 20px solid transparent;
}

#ribbon-container:after { /* This adds the second part of our dropshadow */
    content:"";
    height: 3px;
    background: rgba(0,0,0,.3);
    display: block;
    position: absolute;
    bottom: -3px;
    left: 40px;
    right:3px;
}

.ribbon-container a {
    display:block;
    padding:12px;
    position:relative; /* allows us to position our pseudo-elements properly */
    background:#0089d0;
    overflow:visible;
    height:40px;
    margin-left:29px;
    color:#fff;
    text-decoration:none;
}

.ribbon-container a:after { /* this creates the "folded" part of our ribbon */
    content:"";
    height: 0;
    width: 0;
    display:block;
    position:absolute;
    bottom:-15px;
    right:0;
    border-top: 15px solid #000000;
    border-right: 15px solid transparent;
}

.ribbon-container a:before { /* this creates the "forked" part of our ribbon */
    content:"";
    height: 0;
    width: 0;
    display:block;
    position:absolute;
    top:0;
    left:-20px;
    border-top: 20px solid #0089d0;
    border-bottom: 20px solid #0089d0;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
}
/* 
colocava hover na tag de proposta comercial
.ribbon-container a:hover {
    background:#009ff1;
}

.ribbon-container a:hover:before { 
    border-top: 20px solid #009ff1;
    border-bottom: 20px solid #009ff1;
}
*/





/**PROPOSTA COMERCIAL MARCAÇÃO DE STATUS EM GERENCIAR*/

.timeline .x_panel h2.title.dollar:before{
    content: "\f155";
}


/** Bootstrap callout **/
.bs-callout {
    padding: 10px 20px 10px 10px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
/*.bs-callout+.bs-callout {
        margin-top: -5px;
}*/
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #3e82f7;
    /*border-left-color: #428bca;*/
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}

.bg-gray {
    background-color: #c3c3c3 !important;
}
.label-medium{
    font-size: medium;
}

.filter-extra-label i:hover{
    color: red;
    cursor: pointer;
}

.filter-extra-label {
    display: inline-block;
    padding: 3px 12px;
    color: #000;
    border:none;
    background-color: #eee;
}


.text-success{
    color: #5cb85c;
}
.text-warning{
    color: #f0ad4e;
}
.text-danger{
    color: #d9534f;
}
.text-primary{
    color: #337ab7;
}

.text-gray{
    color: #cccccc;
}

.bad input,.bad select,.bad textarea,.bad span .select2-selection
{
    border:1px solid #CE5454 !important;
    box-shadow:0 0 4px -2px #CE5454;
    position:relative;
    left:0;
    -moz-animation:.7s 1 shake linear;
    -webkit-animation:.7s 1 shake linear
}


.ribbon-container a.danger:before{
    border-top: 20px solid #FF0000; 
    border-bottom: 20px solid #FF0000; 
}
.ribbon-container a.danger{
    background-color: #FF0000;
}
.ribbon-container a.primary:before{
    border-top: 20px solid #337ab7; 
    border-bottom: 20px solid #337ab7; 
}
.ribbon-container a.primary{
    background-color: #337ab7;
}

.ribbon-container a.warning:before{
    border-top: 20px solid #f0ad4e; 
    border-bottom: 20px solid #f0ad4e; 
}
.ribbon-container a.warning{
    background-color: #f0ad4e;
}

.ribbon-container a.success:before{
    border-top: 20px solid #26B99A; 
    border-bottom: 20px solid #26B99A; 
}
.ribbon-container a.success{
    background-color: #26B99A;
}

.modal-lg .ribbon-container {
    margin-right: 13px !important;
}

.modal .timeline .x_panel::after {
    right: 100%;
    border: 8px solid #a4a0a000;
    border-right-color: rgba(164, 160, 160, 0);
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    border-right-color: #e6e9ed;
    margin-top: 13px;
}

.widget{
    border-radius: 0;
    padding: 10px 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}
.color-white{
    color:#FFF;
}

.h .container.body .col-md-3.left_col {
    display:none
}

.v #h_menu{
    display:none;
}
.h #h_menu{
    padding-left: 0px !important;
}
.h .container.body .right_col {
    margin-left: 0px !important;
}

.h .container.body .right_col {
    margin-left: 0px;
}

.h .main_container .top_nav{
    margin-left: 0px; 
}
.h #menu_toggle{
    display:none;
}

.v  .bbc_logo_v{
    display: none;
}
.vh .bbc_logo_v{
    display: none;
}
.v.nav-md .bbc_busca_menu_v{
    display: none;
}
.vh .bbc_busca_menu_v{
    display: none;
}

.v.nav-sm .bbc_busca_menu_v{
    display: flex;
}

.vh.nav-sm .bbc_busca_menu_v{
    display: flex;
}
.h .bbc_busca_menu_v{
    margin-top:5px;   
}

.h footer{
    margin-left: 0px; 
}

.v .busca_input.has-feedback.bbc_busca_menu_v .fa {
    display: inline-grid;

}
.vh .busca_input.has-feedback.bbc_busca_menu_v .fa {
    display: inline-grid;
}

.nav_menu span.fa{
    display: inline;
}


.modal{
    top: 30px;
}
@media (max-width: 991px) {
    .h.nav-sm .bbc_logo_v,
    .v.nav-sm .bbc_logo_v ,
    .h.nav-md .bbc_logo_v,
    .v.nav-md .bbc_logo_v {
        display: flex;
        margin-bottom:10px;
    }
    .h.nav-sm .bbc_logo_v img,
    .v.nav-sm .bbc_logo_v img ,
    .h.nav-md .bbc_logo_v img,
    .v.nav-md .bbc_logo_v img {
        margin-left: auto;
        margin-right: auto;
    }

    .nav-sm .main_container .top_nav{
        margin-left: 0px;
    }
    .nav-sm footer{
        margin-left: 0px;
    }
    .h.nav-sm .bbc_busca_menu_v 
    .v.nav-sm .bbc_busca_menu_v 
    .h.nav-md .bbc_busca_menu_v ,
    .v.nav-md .bbc_busca_menu_v {
        display: flex;
        width: 100%;
    }

    .timeline .block {
        margin-left: 10px;
    }
}

.w_20
{
    width:20%
}

.w_25
{
    width:25%
}
.w_35
{
    width:35%
}
.w_40
{
    width:40%
}

.w_55
{
    width:55%
}
.w_75
{
    width:75%
}

.btn-default-export{
    border-color: #8fbcd9;
    color: #70a0c1 !important;
    border-bottom-width: 2px;
    background-color: #FFF;
}

/*ADEQUAÇÕES DE LAYOUT PARA ERPNOW*/
.table>tbody>tr>td {
    padding: inherit;
    padding-left: 4px;

    vertical-align: middle;
}
.table>tbody>tr.group>td  {
    padding: inherit;
    padding: 4px;
    vertical-align: middle;
}

.btn.btn-app {
    padding: inherit;
    margin: 0px 0px 10px 0px;
    font-size: 14px;
    min-width: 100px;
}

.btn.btn-app>.badge {
    top: -14px;
}

a.btn.btn-app {
    padding-top: 2px;
    margin-right: 10px;
    margin-top: 10px;
}

a {
    color: #0056b3;
    text-decoration: none;
}
button, .buttons, .btn, .modal-footer .btn+.btn {
    margin-bottom: 1px;
    margin-top: 1px;
    margin-right: 5px;
}


.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #000 !important;
}
.dropdown-menu>li>a {
    font-weight: 500 !important;
}

#bbc_bread_crumb .badge {
    display: none;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{
    top:0px!important;
}


/** DEFINE O TOGGLE NAO*/

.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default 
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{
    color: #fdfdfd;
    background-color: #fb0000;
    border-color: #ffffff;
}


/**define os addon success e danger*/
.input-group-addon.success{
    background-color: #5cb85c;
    color: #fff;
    font-size: medium;
}
.input-group-addon.danger{
    background-color: #d9534f;
    color: #fff;
    font-size: medium;
}



.input_red{
    border: 1px solid #CE5454 !important;
    box-shadow: 0 0 4px -2px #CE5454;
}


/**TIMELINE historico*/ 
.timeline .x_panel
{
    margin-left:10px
}

.timeline .x_panel h2.title:before
{
    left:-60px;
    top:10px;
    content:" ";
    display:inline-block;
    font:normal normal normal 15px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    text-align:center;
    padding-top:5px;
    color:#b8bbc3;
    width:32px;
    height:32px;
}

.timeline .x_panel h2.title.vrm:before
{
    color:#fff;
    background:#dc6c64;
}

.timeline .x_panel h2.title.amr:before
{
    color:#fff;
    background:#e2be33
}

.timeline .x_panel h2.title.vrd:before
{
    color:#fff;
    background:#67d66c
}
.timeline .x_panel h2.title.azul:before
{
    color:#fff;
    background:#337ab7;
}
.timeline .x_panel h2.title.azul_claro:before
{
    color:#fff;
    background-color: #5bc0de;
}
.timeline .x_panel h2.title.calendar:before
{
    content:"\f073"
}
.timeline .x_panel h2.title.quote:before
{
    content:"\f10d"
}

.timeline .x_panel h2.title.table:before
{
    content:"\f0ce"
}

.timeline .x_panel h2.title.photo:before
{
    content:"\f03e"
}

.timeline .x_panel h2.title.user:before
{
    content:"\f007"
}

.timeline .x_panel h2.title.flag:before
{
    content:"\f024"
}

.timeline .x_panel h2.title.pencil:before
{
    content:"\f040"
}
.timeline .x_panel h2.title.files:before
{
    content: "\f0c5";
}

.timeline .x_panel h2.title.clipboard:before
{
    content: "\f0ea";
}
.timeline .x_panel h2.title.briefcase:before
{
    content:"\f0b1";
}
.timeline .x_panel h2.title.drag-drop:before
{
    content: "\f181";
}
.timeline .x_panel h2.title.check:before
{
    content: "\f05d";
}
.timeline .x_panel h2.title.negativo:before
{
    content: "\f165";
}
.timeline .x_panel h2.title.positivo:before
{
    content: "\f164";
}

.timeline .x_panel h2.title.phone:before
{
    content:"\f095"
}

.timeline .x_panel h2.title.mail:before
{
    content:"\f0e0"
}
.timeline .x_panel h2.title.shop:before
{
    content: "\f07a";
}
.timeline .x_panel h2.title.dollar:before
{
    content: "\f155";
}
.timeline .icon,.timeline .date,.timeline .x_panel:after
{
    position:absolute;
    top:12px
}

.timeline .x_panel:after
{
    right:100%;
    border:8px solid transparent;
    content:" ";
    height:0;
    width:0;
    pointer-events:none;
    border-right-color:#fff;
    margin-top:13px
}

.table-striped>tbody>tr.table-danger, .table-striped>tbody>tr.table-danger>td{
    background-color:#f2dede !important;
    color:red !important;
}



.destaqueBloco{
    border: 1px;
    border-style: dashed;
    border-color: #FF0000;
    background-color: #FFFFCC;
    color: #FF0000;
    font-family: "Lucida Grande" , "bitstream vera sans" , "trebuchet ms" ,sans-serif,verdana;
    font-size: 9pt;
    padding-bottom: 10px;
}

.table-no-border{
    width: 100%;
}
.table-no-border td{
    padding-left: 10px;
}


.input-group-addon {
    padding: 2px 6px;
}


/*AJUSTE DA DIV*/
.select2-dropdown {
    z-index: 9999999999 !important;
}

@media (min-width: 768px){
    .form-inline .form-control {
        /* display: inline-block; */
        width: 100%; 
        /* vertical-align: middle; */
    }
}

@media (max-width: 767px) {
    .nav_menu{
        margin-top:45px;
    }
    .dropdown-menu > li > a {
        display: block;
        padding: 10px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }
}




.table-list a
{
    position:relative;
    display:block;
    padding:1em .4em 1em 3em;
    *padding:.4em;
    margin:.5em 0;
    background:#2a3f54;
    color:#fff;
    text-decoration:none;
    -moz-border-radius:.3em;
    -webkit-border-radius:.3em;
    border-radius:0;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out;

}

.table-list a:hover
{
    background:#ededed;
    color:#000
}

.table-list a span
{
    content:counter(li);
    counter-increment:li;
    position:absolute;
    left:-1.3em;
    top:60%;
    margin-top:-1.3em;
    background:#ef5521;
    color:#fff;
    height:2em;
    width:3em;
    line-height:1.5em;
    border:.3em solid #fff;
    text-align:center;
    font-weight:700;
    -moz-border-radius:2em;
    -webkit-border-radius:2em;
    border-radius:2em;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}

.barra_title_mobile a{
    color:#fff;
}
.menu_publico{
    text-align: center;
    margin-top: 10px;
}
@media (max-width: 766px) {
    .menu_publico li{
        width: 48% !important;
        margin-top: 5px;
        margin-right: 1%;
        margin-left: 1%;
        background-color: #2a3f54 !important;
        float: left;
    }
    .menu_publico li a{
        font-size: 11px !important;
        padding: 5px !important;
        margin-bottom:0px !important;
    }
}
@media (min-width: 767px) {
    .menu_publico li{
        margin-top: 5px;
        width: 20% !important;
        background-color: #2a3f54 !important;
        display: inline flow-root list-item !important;
    }
    .menu_publico li a{
        font-size: 13px !important;
        padding: 5px !important;
        margin-bottom:0px !important;
    }
}


.menu_publico li:hover{
    background-color: #f05423 !important;
}

.menu_publico li.active{
    background-color: #f05423 !important;
}

.menu_publico li.active a{
    box-shadow:none !important;
}


.select2-search__field{
    width: 100% !important;
}

.select2-search .select2-search--inline{
    width: 100% !important;
}