.ck-editor__editable,
textarea {
    min-height: 50px;
}

.datatable {
    width: 100% !important;
}

.dataTables_length,
.dataTables_filter,
.dt-buttons {
    margin-bottom: 0.333em;
}

.dt-buttons .btn {
    margin-left: 0.333em;
    border-radius: 0;
}

.table.datatable {
    box-sizing: border-box;
    border-collapse: collapse;
}

table.dataTable thead th {
    border-bottom: 2px solid #dee2e6;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #dee2e6;
}

.select2 {
    max-width: 100%;
    width: 100%;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-image: none;
}

.btn-group-xs > .btn,
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.searchable-title {
    font-weight: bold;
}

.select2-container--open {
    z-index: 9999;
}

.searchable-fields {
    padding-left: 5px;
}

.searchable-link {
    padding: 0 5px 0 5px;
}

.searchable-link:hover {
    cursor: pointer;
    background: #eaeaea;
}

.select2-results__option {
    padding-left: 0px;
    padding-right: 0px;
}

.form-group .required::after {
    content: " *";
    color: red;
}

.form-check.is-invalid ~ .invalid-feedback {
    display: block;
}

.name-product
{
    font-size: medium;
    color:#000000;
}


.bold
{
    font-weight:bold;
}



.name-product-large
{
    font-size: x-large;
    color:#000000;
    font-weight:bold;
}

.brand-product
{
    color:#939393;
    font-size: small;
    font-family: OpenSans;
    font-weight:bold;
}

.input-stock
{
    border: 2px solid #F0F0F0;
    border-radius: 4px;
    width: 100%;

    text-align: center;
    color: #888888;
    font-family: OpenSans;

}


.titlePage
{
    font-family: Quicksand-Bold;
    font-weight:bold;
    font-size: 26px;

}
.Quicksand-Bold
{
    font-family: Quicksand-Bold;
}
.Quicksand-Italic
{
    font-family: Quicksand-Regular;
    font-style: italic;

}

.Quicksand-Regular
{
    font-family: Quicksand-Regular;
}

.OpenSans-SemiBold {
    font-family: OpenSans-Semibold;
}
.OpenSans-Bold
{
    font-family: OpenSans-Bold;
}

.OpenSans-Regular{
    font-family: OpenSans-Regular;
}


.Montserrat-SemiBold
{
    font-family: Montserrat-SemiBold;
}
.Montserrat-Bold
{
    font-family: Montserrat-Bold;
}
.Montserrat-Medium
{
    font-family: Montserrat-Medium;
}


.font-lb35 {
    font-size: 24px;
}


.font-lb92 {
    font-size: 68px;
}


@media only screen and (max-width: 600px) {
    .font-lb92
    {
        font-size: 28px;
    }

    .font-lb35 {
        font-size: 14px;
    }

    .row2
    {
        margin-right: 0px;
        margin-left: 0px;
   }

   .font-lb12 {
        font-size: 6px;
    }

}





.font-lb42 {
    font-size: 46px;
}
.font-lb40 {
    font-size: 44px;
}
.font-lb38 {
    font-size: 42px;
}
.font-lb36 {
    font-size: 40px;
}
.font-lb34 {
    font-size: 38px;
}
.font-lb32 {
    font-size: 36px;
}
.font-lb30 {
    font-size: 34px;
}
.font-lb28 {
    font-size: 32px;
}
.font-lb26 {
    font-size: 30px;
}
.font-lb24 {
    font-size: 28px;
}
.font-lb22 {
    font-size: 26px;
}
.font-lb20 {
    font-size: 24px;
}
.font-lb18 {
    font-size: 22px;
}
.font-lb16 {
    font-size: 20px;
}
.font-lb14{
    font-size: 18px;
}
.font-lb12 {
    font-size: 16px;
}
.font-lb10 {
    font-size: 12px;
}

.font-lb8 {
    font-size: 10px;
}

.lb-pink
{
    color:#EF176C;
}

.lb-pink2
{
    color:#EC1750;
}


.lb-default
{
    color:#EC008C;
}

.lb-default:hover
{
    color:#e8173c;
}

.lb-white
{
    color: #FFFFFF;
}

.lb-grey
{
    color: #888888;
}

.lb-grey3
{
    color: #5C5C5C;
}
.lb-grey3:hover
{
    color: #2e2e2e;
}


.lb-dark-grey2
{
    color:#444444;
}

.lb-dark-grey3
{
    color:#817D7D;
}


.lb-dark-grey4
{
    color:#F8F8F8;
}




.lb-dark-grey
{
    color:#222222;
}

.lb-grey2
{
    color:#B2B2B2;
}


.lb-black
{
    color:#000000;
}




.lb-dark-blue
{
    color:#002829;
}

.lb-situtation_A
{
    color:#9A4E98;
}

.lb-situtation_E
{
    color:#28a745;
}

.lb-situtation_D
{
    color:#EC008C;
}


.lb-situtation_N
{
    color:#ECCD00;
}

.lb-situtation_F
{
    color:#019ED3;
}

.lb-situtation_C
{
    color:#FF4130;
}

.lb-situtation_V
{
    color:#0011FF;
}



select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #fff;
    background-image: none;
}
/* Remove IE arrow */
select::-ms-expand {
    display: none;
}
/* Custom Select */
.select {
    position: relative;
    display: flex;
    background: #2c3e50;
    overflow: hidden;
   /* border-radius: .25em;*/
    border-bottom: 2px solid #D2D2D2;
    font-family: Quicksand-Bold;
}
select {
    flex: 1;
    padding: 0 .5em;
    color: #EC008C;
    cursor: pointer;
    font-family: Quicksand-Bold;
}
/* Arrow */
.select::after {
    content: '\003E';
    position: absolute;
    top: 0;
    right: 0;
    /*padding: 0 1em;*/
    background: #fff;
    cursor: pointer;
    pointer-events: none;
   /* -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;*/
    transform:  rotate(90deg) ;
    color: #EC008C;
    font-size: 30px;
}
/* Transition */
.select:hover::after {
    color: #EC008C;

}

.select:checked::after {
    transform:  rotate(180deg) ;
    color: #FFFFFF;
}

.btnCotacao{
    background: transparent linear-gradient(103deg, var(--unnamed-color-ec008c) 0%, #FF4130 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(103deg, #EC008C 0%, #FF4130 100%) 0% 0% no-repeat padding-box;
    border-radius: 5px;
    opacity: 1;


}

#footer {
    position:absolute;
    bottom:50px;
    width:100%;
    height:60px;
    text-align: center;
}

.lb-circle {
    width: 35px;
    height: 30px;

    border-radius: 100%;
    font-size: 18px;
    color: #EC008C;
    text-align: center;
    background: #ffff
}

.alignleft {
    float: left;
}
.alignright {
    float: right;
}


.dvCurrent
{
    text-decoration: underline;
    font-weight:bold;
}



.checkbox-lg .custom-control-label::after {
    top: .8rem;
    width: 1.55rem;
    height: 1.55rem;
}

.checkbox-lg .custom-control-label {
    padding-top: 13px;
    padding-left: 6px;
}

.checkbox-lg .custom-control-labelLB::after {
    top: .8rem;
    width: 1.55rem;
    height: 1.55rem;
}

.checkbox-lg .custom-control-labelLB {
    padding-top: 13px;
    padding-left: 6px;
}



.popover
{
    z-index: 5000;
}


@media (min-width:992px) {
    .modal-lg-lb {
        max-width: 880px;
    }
}

.checkedStar {
    color: #FFDC64;
}

.uncheckedStar {
    color: #D2D2D2;
}



.balon1 a {

    background: #42a5f5;
    color: #fff !important;
    border-radius: 20px 20px 3px 20px;
    display: block;
    font-size: 12px;
    max-width: 75%;
    padding: 7px 13px 7px 13px;

}

.balon1:before {

    content: attr(data-is);
    position: absolute;
    right: 15px;
    bottom: -0.8em;
    display: block;
    font-size: 12px;
    color: rgba(84, 110, 122,1.0);

}

.balon2 a {

    background: #f1f1f1;
    color: #000 !important;
    border-radius: 20px 20px 20px 3px;
    display: block;
    max-width: 75%;
    padding: 7px 13px 7px 13px;
    font-size: 12px;

}

.balon2:before {

    content: attr(data-is);
    position: absolute;
    left: 13px;
    bottom: -0.8em;
    display: block;
    font-size: 12px;
    color: rgba(84, 110, 122,1.0);

}



.chat-btn {
    position: absolute;
    right: 0px;
    bottom: 0px;

}

.hand{
    cursor: pointer;
}



.NotGeral
{
    right: -125px;
    top: 50px
}


.NotDisp
{
    right: -185px;
    top: 50px
}


.NotInvite
{
    right: -255px;
    top: 50px
}


@media (max-width: 480px) {
    .NotGeral
    {
        min-width: 0px;
        width: 300px;
        right: 0px;
        top: 50px
    }

    .NotDisp
    {
        min-width: 0px;
        width: 300px;
        right: -60px;
        top: 50px
    }

    .NotInvite
    {
        min-width: 0px;
        width: 300px;
        right: -130px;
        top: 50px
    }

}


.prodResp
{
    font-size: 16px;
}
.prod72
{
    width: 72px;
    height: 72px;
}



@media (max-width: 100em) {
    .prod72
    {
        width: 72px;
        height: 72px;
    }

    .prodResp
    {
        font-size: 16px;
    }
}


@media (max-width: 82em) {
    .prod72
    {
        width: 62px;
        height: 62px;
    }

    .prodResp
    {
        font-size: 15px;
    }
}

.HideDesktop{
    visibility: hidden;     
    display: none;
}

.menulat
{
    /*  top:85px;*/
}

@media (max-width: 68em) {
    .prod72
    {
        width: 45px;
        height: 45px;
    }

    .prodResp
    {
        font-size: 10px;
    }

    .HideMobile
    {
        display: none;
    }

    .HideScroll
    {
        display: none;
    }

    .HideDesktop{
        visibility: visible;     
        display: block;
    }

   
}





.form-conectando {
    display: block;
}

.form-conectando2
{
    background-color: #ffffff;
    box-shadow: 0px 4px 8px #22222214;
    border-radius: 8px;
    opacity: 1;
    overflow: hidden;
width: 80%;
    padding: 15px;
}

.lineleft{

    border-right: 1px solid #9D9D9D;
    border-bottom: 1px  #fff;
}

@media (max-width: 768px) {

    .form-conectando {
        display: none;
    }

    .form-conectando2 {
        display: none;
    }

    .lineleft{
        border-right: 1px  #333;
        border-bottom: 1px solid #9D9D9D;
    }

}

.fab{
    position: fixed;
    bottom:10px;
    right:10px;
    cursor: pointer;
}

.fab button{
    cursor: pointer;


    background-color: #cb60b3;
    border: none;

}










.fab button.main:active + ul li:hover label,
.fab button.main:focus + ul li:hover label{
    opacity: 1;
}







#jvlabelWrap
{
    display:block;
    top:-200px;

}





.h99 {
    width: 100%; 
    text-align: center; 
    border-bottom: 1px solid #cdcdcd; 
    line-height: 0.1em;
    margin: 10px 0 20px; 
 } 
 
 .h99 span { 
     background:#fff; 
     padding:0 10px; 
 }


 .speech-bubble {
	position: relative;
	background: #ffffff;
	border-radius: .4em;
    width: 100%;
    height: 100px;
    box-shadow: 5px 10px;
}

.speech-bubble:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 1.813em solid transparent;
	border-right-color: #ffffff;
	border-left: 0;
	border-top: 0;
	margin-top: -2.960em;
	margin-left: -1.750em;
}


ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #EC008C;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 50px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 1px solid #707070;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}



.new {   
    background: 
    linear-gradient(135deg, #ffc107 0%, #ffc107 3%, transparent 3%)
    }


.txtNew    
{
    color: #FFF;
    transform: rotate(-45deg);
    position:absolute;
    font-size: 12px;
    top:5px;
   
    
   
}



@media screen and (max-width: 600px) {
    #HideMobile {
      visibility: hidden;     
      display: none;
    }
  
  }


.bg-top
{
    background-image: url("../images/backtop.png");
    background-size: cover;
}


.footer-lb
{
    background-image: url("../images/backtop.png");
    background-size: cover;
}




.mobile-card-container {
 /*   display: block;*/
  }
  
  .card-background {
    background-color: #ffffff;
    border-radius: 6px;
    margin-top: 16px;
    height: 100px;
    -webkit-box-shadow: 0px 2px 4px 1px rgba(0, 51, 102, 0.1);
    -moz-box-shadow: 0px 2px 4px 1px rgba(0, 51, 102, 0.1);
    box-shadow: 0px 2px 4px 1px rgba(0, 51, 102, 0.1);
  }

  @media only screen and (max-width : 576px)
{
  .mobile-card-container > .row {
    overflow-x: auto;
  }
}