/*************************OSNAIDER******************/
i.fa.fa-fw.fa-arrow-left {
    padding: 9px 2px;
}
div#accordion.import .card-header {
    border-bottom: 0px solid rgba(0,0,0,.125);
}
footer.format {
    background: #073473;
    padding: 20px 10px;
    text-align: center;
    bottom: 0;
    position: absolute;
    width: 100%;
    color: white;
}
.blocksize h2 {
    font-size: 28px !important;
}
.blocksize .titleviewer {
    background: white;
    text-align: center;
    font-size: 18px !important;
    width: 100%;
    padding: 12px 25px;
    line-height: 19px;
    margin-bottom: 17px;
}
.blockwhite-import {
    background: white;
    padding: 31px 25px 20px 25px;
    border-radius: 10px;
    box-shadow: 0 0.2rem 0.55rem rgb(0 0 0 / 5%);
}
.blockwhite-import h2{
    font-size: 19px !important;
}
.there span {
    color: white !important;
    background: #9687c3;
    padding: 1px 5px;
    font-size: 9px;
    display: block;
    position: absolute;
    top: -14px;
    left: 27%;
    margin: 0 auto;
    letter-spacing: 2px;
}

.there a{
    color: #9687c3;
}
.titlesaccess table{
    margin-bottom: 0px;
}
.row.border {
    padding: 6px 0px;
}
/*h2.bgs-success.text-success {
    background: #28a745;
    color: #fff !important;
}
h2.bgs-danger.text-danger {
    background: #dc3545;
    color: #fff !important;
}*/
.data_product_imp h3 p{
    color: #003889;
}
.content_copie {
    position: absolute;
    top: 0px;
    right: 0px;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 11px;
    padding: 1rem;
    z-index: 999;
    background: #ffffffcf;
}
.content_copie .center{
    margin: 0 auto;
}
a.btn.btn-primary.reviewProduct.d-block {
    margin-right: 0px !important;
    margin-bottom: 20px;
}
div#bodyMarge h2 {
    font-size: 26px;
    font-weight: bold;
    color: #004990;
}
.avisocotizs {
    color: #004990;
    animation-duration: 3s;
    animation-name: anima-avisocotiz;
    animation-iteration-count: infinite;
    font-size: 16px;
    text-transform: uppercase;
    position: absolute;
    z-index: 9997;
    left: -125px;
    top: 72px;
}
.row.border .col p{
    margin-bottom: 0px;
}
.bg-general{
    background: #fff;
}
.bg-general.widget-panel{
    color: #000 !important;
    text-align: center;
}

.bg-general.mpf.widget-panel {
    color: #fff !important;
    text-align: center;
}
.sizebox{
    flex: 0 0 14.28%;
    max-width: 14.28%;
    position: relative;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
}
.widget-panel.widget-style-2.bg-general i.flaticon-tourism {
    font-size: 43px !important;
    float: right;
    padding: 15px 8px 15px 7px;
    margin-top: -20px;
    margin-right: -20px;
    color: #d4cfe4;
    background: #f0f4fa;
}
.bg-general h2 {
    font-size: 22px !important;
}
.widget-panel.widget-style-2.bg-general i.fa-eye:before {
    font-size: initial !important;
}
a#viewDetialMargen {
    margin: 0 !important;
    padding: 0px 10px !important;
}
a.btn_editar_cantidad, a.maxCost {
    border: 1px solid #003889 !important;
    color: #003889 !important;
    font-size: 13px !important;
    padding: 1px 3px !important;
    margin: 1px;
}
.blockwhite.cuadro_importacion_id {
    padding: 10px 20px;
}
.new_block_row h3.mb-0.mt-1 {
    color: #003889;
}
.new_block_row h3.mb-0.mt-1 b {
    font-size: 20px;
}
.cuadro_importacion_id .bs-wizard-info {
    font-size: 12px !important;
    line-height: 15px;
}
.avisocotizs img{
    width: 100px;
}
    @keyframes anima-avisocotiz {
        0% {
            opacity: 0;
            color: red
        }

        25% {
            opacity: 1;
        }

        50% {
            opacity: 1;
        }


        75% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }
/*.sizesignature{
    width: 1000px;
    margin-bottom: 40px;
}*/
.pricecop small {
    padding: 5px 33px;
    background: #004990;
    color: white;
    margin-bottom: 5px;
    display: inline-block;
    border-bottom: 5px solid #00c4ff;
}
.pricecop2 small {
    padding: 5px 33px;
    background: #ffb100;
    color: white;
    margin-bottom: 5px;
    display: inline-block;
    border-bottom: 5px solid #e27708;
}
.divprice {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
.pricesline {
    font-size: 15px;
    width: 100%;
    padding: 8px 13px;
    text-align: right;
}

.firmak{
    width: 100px;
}
.btnmin {
    background: #c3ccd6;
    padding: 1px 7px;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    display: inline-block;
}
.detailinv p{
    margin-bottom: 0px;
}
.resetpd{
    padding: 0px !important;
}
a.btn.btn-min {
    padding: 0.18rem 0.4rem !important;
    font-size: 12px !important;
    line-height: 1 !important;
    border-radius: 5PX !important;
}
td.nohover {
    padding: 0px !important;
}
td.nohover:hover {
    background-color: white !important;
}
.price-purchase_price_usd {
    color: #03315f !important;
    background: #dce3f1;
    padding: 10px 2px;
}
.price-purchase_price_wo {
    background: #cad5e8;
    color: #03315f !important;
    padding: 10px 2px;
    font-weight: bold;
}
.margendatablock{
    padding: 8px;
}
.fila1block {
    padding: 8px;
}
.fila2block {
    padding: 2px 8px 8px 8px;
}
.fila1block span, .fila2block span {
    margin-right: 15px;
}
.flechagiroprices {
    font-weight: 100;
    position: absolute;
    left: -27px;
    top: 67px;
    color: #ffffff;
    transform: rotate(90deg);
    font-size: 50px;
}
.flechagiroprices2 {
    font-weight: 100;
    position: absolute;
    left: 6px;
    top: 86px;
    color: #ffffff;
    transform: rotate(90deg);
    font-size: 50px;
}
.fila1 span , .fila2 span {
    display: block;
}
.valoresTRM .margenblock {
    padding: 8px 20px;
    border-radius: 5px 5px 0px 0px;
}
.margenblock h2.margenes{
    font-size: 14px;
    color: white !important;
}
.margendatablock.fondo-rojo h2.margenes{
    color: #dc3545 !important;
}
.margendatablock.fondo-verde h2.margenes{
    color: #00b307 !important;
}
.scrolldataprices {
    height: 150px;
    overflow-y: auto;
    width: 100%;
    font-size: 12px;
    padding: 10px 0px;
}
.col-md-3.valoresTRM {
    position: absolute;
    right: -34%;
    top: -12px;
    border-radius: 5px;
    background: #ffffffc9;
    box-shadow: 1px 1px 18px #9494946b;
}
.boxthree .card-header:not(.collapsed) .rotate-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.boxthree .card-header:not(.collapsed) {
    background: #006cd6 !important;
}
.boxthree .card-header:not(.collapsed) h5 button {
    color: #fff;
}

.boxthree .card-body {
    padding: 20px 50px !important;
    background: #edf1f7 !important;
}
a.iconedit:hover {
    color: #fff;
}
i.fa.fa-angle-down.rotate-icon.vtc{
    margin-right: 10px;
}
.dataaproba h1{
    font-size: 28px;
}
.iconedit {
    background-color: #003889;
    color: #ffffff;
    font-size: 15px;
    padding: 10px 12px 11px 12px;
    text-align: center;
}
.iconopen {
    background-color: #fff;
    color: #003889;
    padding: 10px 12px 11px 12px;
    font-size: 15px;
}
.iconsublevel {
    background-color: #5cb85c;
    color: white;
    padding: 8px 10px 10px 10px;
    width: 135px;
    font-size: 15px;
}
.iconsublevel b{
    font-size: 18px !important;
    vertical-align: -1px;
}
.boxthree .card-header {
    padding: 0.75rem 1.25rem;
    background-color: rgba(117, 117, 117, 0.0);
    border-bottom: 0px solid rgba(0, 0, 0, 0.125);
}
.boxthree h5 button {
    text-transform: uppercase;
    font-weight: bold;
    color: #006cd6;
    text-decoration: none !important;
    padding: 8px 20px !important;
}
.boxthree .card{
   margin-bottom: 5px;
}
.flujoxpress h3{
    font-weight: 100 !important;
}
.flujoxpress h3 span{
    font-weight: 600 !important;
}
.flujoxpress .flaticon-report-1:before {
    font-size: 60px !important;
    color: #dc3545;
}
.margincenter{
    margin: 0 auto;
}
.productoscotizados h2.text-center{
    font-size: 18px;
}
.condiciones_negociacion h2{
    font-size: 18px;
}
#form_quotations h2{
    font-size: 18px;
}
td.sizenumberQuantity {
    width: 13%;
}
#importaciones .liactive {
    background: #73649e;
}
#tesoreria .liactive {
    background: #228e27;
}
#gestion-crm .liactive {
    background: #1963ad;
}
#despachos .liactive {
    background: #05583f;
}
#serviciot .liactive {
    background: #905f5f;
}
#informes .liactive {
    background: #0aafbf;
}
#config .liactive {
    background: #566c84;
}
.blockbar{
    display: none;
}
.linkstateflows.blockbar {
    background: white;
    margin-bottom: 10px;
}
.linkstateflows.blockbar span {
    padding: 8px;
    display: inline-block;
}
.linkstateflows.inlinebar span{
    margin-right: 10px;
}
.containercheck {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*margin-top: 13px !important;*/
}
.containercheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 2px solid #007bff;
    border-radius: 3px;
}

.containercheck:hover input ~ .checkmark {
  background-color: #ccc;
}

.containercheck input:checked ~ .checkmark {
  background-color: #2196F3;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.containercheck input:checked ~ .checkmark:after {
  display: block;
}

.containercheck .checkmark:after {
    left: 7px;
    top: 2px;
    width: 7px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.solomobil{
    display: none
}
.soloweb {
    display: inline;
}
.boxbtn .form-control {
    display: inline-block;
    width: inherit;
}
.db{
    display: block;
    width: 100%;
}
.text-warning {
    color: #ff8d00 !important;
}
.btnborderyellow{
    display: inline-block;
    font-weight: 400;
    text-align: center;    
}
.btn-warning {
    color: #212529;
    background-color: #ffd600 !important;
    border-color: #ffd600 !important;
}
.btnborderyellow {
    display: inline-flex;
    border-radius: 5px;
    border: 1px solid #004990;
    padding: 9px 7px;
    color: #004990;
    margin: 0px 2px;
}

.controlcolors .letra-rojo, .controlcolors .letra-verde{
    color: white !important;
}
.controlcolors p {
    font-size: 12px;
    font-weight: 300;
}
.controlcolors {
    width: 100%;
}
h4.titlemoney {
    font-size: 18px;
    color: #004990;
    font-weight: bold;
}
.controlcolors h4{
    margin-bottom: 0px !important;
}

.colorbg1 {
    background: #f1f1f1;
}
.colorbg2 {
    background: #f9f9f9;
}
.colorbg3 {
    background: #f4f4f4;
}
.contentprice .simpledecimal {
    vertical-align: 1px;
}
.stylegeneralbox .col-md-3 div, .stylegeneralbox .col-md-6 div , .stylegeneralbox2 .col-md-3 div, .stylegeneralbox2 .col-md-6 div{
    background-color: #f3f5f975;
    padding: 10px;
    max-height: 70px;
    margin-bottom: 7px;
    border: 1px solid #ced4da;
    text-align: center;
}
.bordefull td{
    border: 1px solid #ced4da !important;   
}
.row.stylegeneralbox , .row.stylegeneralbox2{
    margin-top: 20px;
}
.stylegeneralbox .col-md-3 div h2, .stylegeneralbox .col-md-6 div h2 , .stylegeneralbox2 .col-md-3 div h2, .stylegeneralbox2 .col-md-6 div h2 {
    font-size: 28px;
    font-weight: bold;
}
.stylegeneralbox , .stylegeneralbox2{
    display: none;
}
.stylegeneralbox2{
    box-shadow: 1px 1px 18px #94949430;
}
.igualb a{
    color: white !important;
}
.igualb i{
    vertical-align: baseline;
}
span.internacional-tag {
    background: #7e00f1;
    padding: 3px 10px;
    font-size: 11px;
    border-radius: 4px;
    font-weight: bold;
    color: white;
}
ul.list-unstyled.groupsp {
    font-size: 14px !important;
}
.imginv {
    width: 180px;
    height: 200px;
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat; 
    background-position: center center;
}
.dataproductview2 small{
    display: block;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da !important;
}
.select2-container .select2-selection--single{
   padding: 3px !important;
   height: initial !important; 
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #000 transparent transparent transparent !important;
}
.alignforlabel{
    margin-top: 21px;
}
.dropify-wrapper {
    height: 85px !important;
}
.vtc {
    vertical-align: baseline !important;
}
.vtc2 {
    vertical-align: -1px !important;
}
.fa-pencil.vtc{

}
.factbtn{
    color: white !important;
}
.sizeactionfact{
    min-width: 181px !important;
}
.sizeactionfact2{
    min-width: 420px !important;
}
.sizeactionfact .btn , .sizeactionfact2 .btn{
    padding: 0.2rem 0.75rem !important;
}
.returnContactProspective{
    margin-bottom: 10px;
}
i.addNewCustomerProspective span {
    font-family: 'Raleway', sans-serif !important;
    font-size: 14px;
}
.slider-container.theme-green{
    width: 100% !important
}
a#nuevoFlujoCrmData {
    background: #006cd6;
    padding: 6px 10px;
    /*margin-top: 6px;*/
    margin-right: 10px;
    border-radius: 6px;
    color: #cfeefd;
}
a#nuevoFlujoTienda {
    background: #ffc800;
    padding: 6px 10px;
    /*margin-top: 6px;*/
    margin-right: 10px;
    border-radius: 6px;
    color: #151515;
}
a#simpleflow {
    background: #17a2b8;
    /*padding: 6px 10px;
    margin-top: 6px;*/
    margin-right: 10px;
    border-radius: 6px;
    color: #fff;
}
select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 0px) !important;
}
.widget-panel-menu h2, .widget-panel-menu div{
    display: none;
}

ul.subpagos-box , ul.subpagos-box2 {
    list-style: none;
    margin: 0px;
    padding-inline-start: 0px;
}
ul.subpagos-box .activesub , ul.subpagos-box2 .activesub {
    background-color: #004990;
}
ul.subpagos-box .activesub a, ul.subpagos-box2 .activesub a{
    color: #fff;
}
#ProspectiveUserInformeVentasForm form .input {
    margin-bottom: 0rem !important;
}
.subpagos-box li {
    width: 16.3%;
    background: #f3f5f9;
    float: left;
    margin: 2px;
    padding: 10px 20px;
}
.subpagos-box2 li {
    width: 33%;
    background: #f3f5f9;
    float: left;
    margin: 2px;
    padding: 10px 20px;
}
body.ProspectiveUsersadviser  b[class^='deliveryData_'] {
    display: contents;
}
form#form_pagado .form-check-inline {
    display: block;
    background: #ebedf0;
    margin-bottom: 3px;
    padding: 8px 0 5px 0;
    margin-right: inherit;
}

.import .card-body {
    padding: 0px !important;
    background: #f7f7f7;
}
.card-header.reset {
    padding: 0rem;
    background-color: #f7f7f7;
}
.card-body {
    padding: 20px 18px !important;
}

.import .card {
    border: 0px solid rgba(0,0,0,.125);
}
.contentnum {
    padding: 14px 8px;
    font-size: 26px;
    font-weight: bold;
    color: white;
}
span.bg-success.font-weight-bold.text-white {
    padding: 3px 5px;
    font-size: 12px;
    border-radius: 5px;
    font-weight: 600;

}
span.bg-success.text-white , span.bg-warning.text-white{
    padding: 3px 5px;
    font-size: 12px;
    border-radius: 5px;
    font-weight: 600;
}
span.bg-warning{
    padding: 3px 5px;
    font-size: 12px;
    border-radius: 5px;
    font-weight: 600;
    color: #636363;
}
span.bg-danger.text-white {
    padding: 3px 5px;
    font-weight: 600;
    border-radius: 5px;
    font-size: 12px;
}
.data_product_imp {
    margin-bottom: 20px;
}
.data_product_imp h4 span{
    font-weight: normal !important;
}
.activeaddress{
    background-color: #28a745 !important;
    color: white !important;
}
.displayinline{
    display: inline-flex;
}
.btnoz{
    padding: 7px 14px;
    display: inline-block;
    font-weight: bold;
    margin: 10px 0px;
    border: 0;
    cursor: pointer;
}
.dinlinebox b{
    color: #004990
}
.dinlinebox {
    display: inline-block;
}
.dinlinebox i {
    font-size: 70px;
    padding: 0px 20px 0px 0px;
    vertical-align: 32px;
    color: #eaedf1;
}
.dropdown.dinline {
    display: inline-block;
}
.btnoz i {
    vertical-align: initial;
}
.contentnums{
    margin-bottom: 25px;
    text-align: center;
}
.contentnums p {
    margin-bottom: 0px;
    font-size: 16px;
    margin-top: 20px;
}
.color1{
    background: #004990;
}
.color2{
    background: #28a745;
}
.color3{
    background: #3389de;
}
.color4{
    background: #006cd6;
}
.color5{
    background: #002590;
}
.color6{
    background: #b7b7b7;
}

.contentdataRecibos p {
    border: 1px solid #e3ecf1;
    display: inline-block;
    padding: 3px 8px;
    min-width: 49%;
}
.contentdataRecibos p {
    margin-bottom: 5px;
    border-bottom: 1px solid #e3ecf1;
}
.noRecibos{
    margin-top: 10px;
}
.contentdataRecibos {
    background: #f5fafa;
    padding: 11px;
    margin-top: 14px;
}
#despachoDeProductos .priceview2{
    height: inherit !important;
    margin-bottom: 0px;
}
#despachoDeProductos .cantidadquote2 {
    padding: 4px 12px;
}
.returnoption{
    font-size: 14px;
}
.returnoption a{
    color: #007bff
}
.daysdelivery {
    background: #f0f0f1;
    padding: 10px 0px;
    margin-bottom: 10px !important;
    width: 100%;
    font-size: 15px !important;
}
div#cuerpoDespacho {
    max-height: 74vh;
    height: 74vh;
    overflow-y: scroll;
}
a.btn_editar_contacto {
    float: right;
    font-size: smaller;
}
.fijascroll {
    position: fixed;
    width: 90%;
    z-index: 995;
    /*left: 70px;*/
    background: #f0f4fa;
    top: 67px;
    /*padding: 30px 33px 20px 19px;*/
    padding: 5px 5px 5px 5px;
    box-shadow: 0px 2px 29px 0px #00000040;
}

.showHide{
    content: "\f0dc";
    text-align: right;
    position: absolute;
    top: 0;
    right: 0;
    background: #004990;
    padding: 7px;
    font: normal normal normal 14px/1 FontAwesome;
    color: #fff;
    cursor:pointer;
        z-index: 99999;
    display: none
}
.showHideDetail{
    background: #004990;
    padding: 7px;
    font: normal normal normal 14px/1 FontAwesome;
    color: #fff;
    cursor:pointer;
}

.noShowDetail{
    display: none;
}

.fijascroll .showHide{
    display: block;
}

.noShowDetail{
    height: 70px;
}
.noShowDetail .dataRowD{
    display: none;
}

.minbtn{
    display: none;
}
.usercontacts .card-contact{
    border-bottom: 1px solid #e3ecf1;
    margin-bottom: 10px;
}

.nobullets{
    list-style: none;
}
.numberpages .next a{
    padding: 0px 6px 2px 3px;
    font-weight: bold;
    background: #003889;
    color: white;
    border-radius: 65px;
    margin: 0px 5px;
}
.imgtab{
    float: left;
}
p.nameestyle {
    text-align: justify;
    text-transform: capitalize;
}

#orderproveedor th, #orderproveedor td {
    padding: 0.4rem !important;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
.prev a{
    padding: 0px 3px 2px 6px;
    font-weight: bold;
    background: #003889;
    color: white;
    border-radius: 65px;
    margin: 0px 5px;
}
.data_product_imp h4{
    text-transform: uppercase;
}
.imagenproductimport {
    margin: 0px 20px;
}
.imagenproductimport img{
    width: 150px;
    height: 135px;;
}
.imagenproductimport2 {
    margin: 0px 20px;
}
.imagenproductimport2 img{
    width: 100px;
    height: 85px;;
}
.alingnbox .input.text input , .alingnbox .input.text, .alingnbox .input.number {
    display: inline-block;
}
.buscardate {
    font-size: 15px;
    color: #004990 !important;
    font-weight: bold;
    padding: 7.5px;
    background: #ffd600;
}
ul.subdespachos {
    padding-inline-start: 12px;
    list-style: none;
    display: inline-block;
    margin-bottom: 15px !important;
}
ul.subdespachos li {
    background-color: #f3f5f9;
    float: left;
    padding: 8px 19px;
    margin-right: 5px;
}
ul.subdespachos li a {
    color: #00488f;
}
ul.subdespachos .activesub{
    background-color: #004990;
}
ul.subdespachos .activesub a{
    color: #e3eef6;
    font-weight: bold
}

/*/*/
ul.subpagos {
    padding-inline-start: 12px;
    list-style: none;
    display: inline-block;
    margin-bottom: 0px !important;
}
ul.subpagos li {
    background-color: #f3f5f9;
    float: left;
    padding: 8px 19px;
    margin-right: 5px;
}
ul.subpagos li a {
    color: #00488f;
}
ul.subpagos .activesub{
    background-color: #004990;
}
ul.subpagos .activesub a{
    color: #e3eef6;
    font-weight: bold
}


/*/*/
ul.subinforme {
    padding-inline-start: 12px;
    list-style: none;
    display: inline-block;
    margin-bottom: 0px !important;
}
ul.subinforme li {
    background-color: #f3f5f9;
    float: left;
    padding: 10px 38px;
    margin-right: 5px;
}
ul.subinforme li a {
    color: #00488f;
}
ul.subinforme .activesub{
    background-color: #004990;
}
ul.subinforme .activesub a{
    color: #e3eef6;
    font-weight: bold
}
#tabdata{
    margin-top: 200px !important;
    display: none;
}
.proveedorindex {
    border-bottom: 2px solid #00468a !important;
}
.proveedorindex a.nav-link.active.show, .proveedorindex a.nav-link.active{
    background-color: #00468a !important;
    color: white !important;
}
.proveedorindex .nav-link.active, .proveedorindex .nav-item.show .nav-link{
    border-color: #dee2e6 #dee2e6 #00468a !important;
}
.proveedorindex .nav-link:hover,  .proveedorindex .nav-link, .proveedorindex .nav-link:focus {
    border-color: #00468a !important;
}
.op{
    opacity: 0;
}
.contentmargin p , .contentmargin p span{
    font-family: 'Raleway', sans-serif !important;
    margin-bottom: 10px !important;
}
.idflujotable{
    background: #00b307;
    padding: 2px 10px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    display: inline-block;   
}
.headerinformelineal h1 , .headerinformelineal .filterdata, .headerinformelineal .rangofechas{
    display: inline-block;
    vertical-align: middle;
}
.brandlogin{
    margin-top: 7%;
}
body{
    transition: all 0.5s !important;
}
.titleviewer{
    display: inline-block;
    font-size: 20px !important;
    padding: 3px 0px 0px 0px;
}
.enlaceget {
    text-align: center !important;
}
.tooltip_elemento {
    position: relative;
    text-align: center !important;
}
.tooltip-os {
    display: inline;
    position: absolute;
    width: 180px;    
    padding: 10px;
    margin:12px;    
    z-index: 100;
    bottom: 100%;
    background: #003889;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
    border-radius: 5px;
}

.tooltip-os:after {
    content: "";
    position: absolute;
    bottom: -14px;
    z-index: 100;
    border: 0 solid #003889;
    border-bottom: 14px solid transparent;
    border-left-width: 10px;
    width: 50%;
    left: 50%;
}

.tooltip-os:before {
    content: "";
    position: absolute;
    border: 0 solid #003889;
    bottom: -14px;
    z-index: 100;
    border-right-width: 10px;
    border-bottom: 14px solid transparent;
    width: 50%;
    right: 50%;
}
.hoverClass {
  padding-right: -15px !important;
  transition: all 0.5s;
  padding-left: -15px !important;
  cursor: pointer;
  box-shadow: 0 0.2rem 0.55rem rgba(0, 0, 0, .8);
  border-radius: 15px;
}
.blockwhiteinforme{
    cursor: pointer;
}
.solomb{
    display: none;
}
.solomb div {
    background: #4CAF50;
    padding: 9px;
    margin: 0px 20px;
    text-align: center;
    color: white;
}
.solomb div a{
    font-size: 18px;
    color: white;
}
.filterdata {
    margin: 0px 2%;
}
.botonesright {
    float: right;
    padding: 7px 0px;
}
.filterdata .input.select{
    display: inline-block;
    width: initial;
}
.blockinfome .col-md-3{
    margin-bottom: 20px;
    overflow: hidden !important;
}
.rangofechas {
    margin-right: 20px;
    width: inherit;
}
.rangofechas span, .filterdata span{
    margin: 0px 5px;
}
.rangofechas input{
    height: 35px;
    padding: .375rem .75rem;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
td.totalTotal {
    background: #004794;
    color: #ffffff !important;
}

.btn_update_user i{
    vertical-align: baseline;
}
.resultadoFiltro .table th, .resultadoFiltro .table td {
    padding: 0.4rem !important;
}
body{
    padding-right: 0px !important;
}
.spacebtnm {
    margin-bottom: 15px !important;
    padding-left: 12px;
    text-transform: uppercase;
    font-size: 22px !important;
}
#modal_information_body table{
    width: 100%;
}
.styleinlinep p{
    display: inline-block;
}
td.asignartecnicotable .input {
    width: auto;
    display: inline-block;
}

td.asignartecnicotable select {
    height: 30px;
    }
.myTableTechnicalServices td, .myTableTechnicalServices th {
    padding: 3px 10px !important;
}
.removepdmg p{
    margin: 0px;
}
.imgpi{
    max-height: 140px;
    height: 100%;
}
.btn_update_user{
    display: inline;
}
a#texto_busqueda {
    background: #eceeef;
    padding: 3px 12px;
    color: #464a4c;
    border: 1px solid #ced4da;
    font-size: 16px;
}
thead.stylebold {
    font-weight: bold;
}
#usercontacts div[id^='head']{
    padding: 4px 0px;
}
.sizeh{
    height: 300px !important;
}
.input-group-addon{
    cursor: pointer !important;
}
.input-group-addon{
    cursor: pointer !important;
}
.editarProduct{
    cursor: pointer;
}
p.copiasemailinput {
    word-break: break-all;
    float: right;
    display: contents;
}
a#btn_find_existencia {
    position: absolute;
    right: 6px;
    color: #584a03;
    background: #ffd600;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 5px;
    cursor: pointer;
}
#btn_find_existencia_contacto {
    position: absolute;
    right: 6px;
    color: #584a03;
    background: #ffd600;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 5px;
    cursor: pointer;   
}
#btn_find_existencia i  , #btn_find_existencia_juridico i , #btn_find_existencia_contacto i , #btn_find_existencia_contacto_view i{
    vertical-align: baseline;
    margin-right: 3px;
}
a#btn_find_existencia_juridico{
    position: absolute;
    right: 40px;
    color: #584a03;
    background: #ffd600;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 5px;
    cursor: pointer;
}
#btn_find_existencia_contacto_view{
    position: absolute;
    right: 26px;
    color: #584a03;
    background: #ffd600;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 5px;
    cursor: pointer;    
}
a#btn_find_existencia.natural{
    position: absolute;
    right: 40px;
    color: #584a03;
    background: #ffd600;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 5px;
    cursor: pointer;    
}
.form-control:focus {
    border-color: #ced4da !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0) !important;
}

span.btnnovedadesetapa {
    float: right;
    font-size: 14px;
    color: #768ba2;
    cursor: pointer;
    margin-right: 6px;
}
.minicon{
    display: none;
}
.nameget{
    text-transform: uppercase;
}
#agregar_new_service{
    cursor: pointer;
}
.spacetop{
    margin-top: 30px;
}
.identificadores h2{
    font-size: 20px !important;
}
.pdpage {
    padding: 50px 70px !important;
}
.pdpagest {
    padding: 50px 15px !important;
}
.pdpagest2 {
    padding: 50px !important;
}
.dataclientview h2.nospace {
    margin-top: 0px !important;
}
.pdpage .datasedes p , .pdpagest .datasedes p {
    margin: 0px;
    font-size: 12px;
    line-height: 15px;
}
.TechnicalServices .datasedes p {
    margin: 0px;
    font-size: 12px;
    line-height: 18px;
}
.btn_update_user{
    cursor: pointer;
}
.pdpage .siguenos-redessociales , .pdpagest .siguenos-redessociales{
    margin-bottom: -19px;
}
.pdpage footer, .pdpagest footer{
    margin-top: 30px;
}
.statuscotizacion{
    margin-top: 20px;
    margin-bottom: 20px;
    background: #004990;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 0.20rem 0.55rem rgba(0, 0, 0, .05);
    display: none;
}
.statuscotizacion h2 {
    color: white !important;
    text-align: center;
    font-weight: normal !important;
}
.statusequipo {
    background: #004990;
    margin-top: 20px;
    padding: 8px 19px;
}
.cosumoagua , .cosumoaire , .cosumocabinas{
    text-align: center;
    margin: 20px 0px;
}
.cosumoagua h2 , .cosumoaire h2 , .cosumocabinas h2{
    margin-bottom: 20px !important;
}
.cosumoagua img{
    max-width: 600px;
}
.statusequipo h4 {
    color: white !important;
    margin-bottom: 0px !important;
    font-size: 17px !important;
}
.dataclientview .lineb{
    border-bottom: 1px solid #cccccc;
}
.optionstatus span {
    display: inline-block;
    color: white;
    margin-right: 16px;
    font-size: 16px;
}
.lineb div , .linebs div{
    padding: 0px;
}
.linebtn{
    display: inline-block;
}
.spaceimgst{

}
.optionstatus span div {
    padding: 0px 16px;
    background: white;
    display: inline-table;
    vertical-align: bottom;
    border-radius: 5px;
    margin-left: 8px;
}
.Satisfactorio.s {
    color: #8BC34A;
    font-weight: bold;
}
.Satisfactorio.s .equis {
    background-color: #8BC34A;
}
.Satisfactorio.s .equis i {
    color: #004990;
    vertical-align: baseline;
}

.Aceptable.a {
    color: #ffd600;
    font-weight: bold;
}
.Aceptable.a .equis {
    background-color: #ffd600;
}
.Aceptable.a .equis i {
    color: #004990;
    vertical-align: baseline;
}

.Deficiente.d {
    color: #ff4949;
    font-weight: bold;
}
.Deficiente.d .equis {
    background-color: #ff4949;
}
.Deficiente.d .equis i {
    color: #004990;
    vertical-align: baseline;
}
.accessoriesclient .checkbox {
    display: -webkit-inline-box;
    margin: 0px 5px;
}
.accessoriesclient .checkbox label{
    margin: 0px 5px;
}
.tableproductsst, .myTableTechnicalServices, .datosPendientesDespacho, .datosPendientesDespacho1{
    width: 100%;
}
.notasImagenes {
    margin-top: 3px;
}
tr.titles-tablest td{
    background: #004794;
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
}
.titulost {
    font-size: 24px !important;
    text-align: center;
    padding: 5px;
    text-shadow: 0px 4px 3px rgba(173, 173, 173, 0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
}
.dataclientview h2 {
    font-size: 18px !important;
    color: #004990 !important;
    font-weight: bold !important;
    margin: 20px 0px 10px 0px !important;
    border-bottom: 2px solid #004990;
    padding: 5px;
}
.dataclientview p {
    margin-bottom: 0px;
    padding: 0px;
    font-size: 15px;
    text-indent: 0pt !important;
    font-weight: 600;
}
.dataclientview p b{
    color: #004990;
    margin-right: 5px;
}
.bordespan {
    padding: 15px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 100%;
}
.codest{
    text-align: center;
}
.codest h3 {
    color: red !important;
    font-size: 20px !important;
    margin: 0px !important;
}
.codest p {
    color: #004990 !important;
}
.codest h3{
    color: red;
}

div#contentproductquote, .overflowxauto {
    width: 100%;
    overflow-x: auto;
}
.tooltip {
   pointer-events: none !important;
}
.buttons-excel {
    display: none;
}
.select2-container{
    width: 100% !important;
}
.wp i.fa.fa-whatsapp, .wp i.fa.fa-whatsapp {
    color: #0abb00;
    font-size: 22px;
    vertical-align: bottom;
}
.linealign {
    display: inline-block;
    cursor: pointer;
    padding: 0px 8px;
}
.assigned .input {
    display: inline-flex;
}
.blockwhite.text-center.dataasesor {
    padding: 15px;
}
.btn_update_user {
    background: #003889 !important;
    border: 2px solid #003889 !important;
    color: white !important;
    padding: 4px 8px !important;
    transition: all .25s !important;
    font-size: 14px !important;
    border-radius: 0rem !important;
    vertical-align: 1px;
}
.controlheight {
    max-height: 300px;
    overflow-y: auto;
}
.form-group.controlheight{
    margin-bottom: 15px !important;
}
/*.sobreback{
    background-image: url(https://cafekiosco.com/wp-content/uploads/2017/02/texture-background-png-21.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}*/
.banner-text {
    margin: 0 auto; 
    text-align: center;
    z-index: 99;
    margin-bottom: 50px;
}

.banner-text h1,.banner-text h2 {
    color: #ffffff;
    font-weight: bold;
    line-height: 0.8;
    letter-spacing: 50px;
    opacity: 0;
    -webkit-animation: OpeningSequence 2s ease forwards;
    -moz-animation: OpeningSequence 2s ease forwards;
    animation: OpeningSequence 2s ease forwards;
}
.banner-text h1 {font-size: 65px;}
.banner-text h2 {font-size: 18px;}

#title-behind,#title-the,#title-lens,#subtitle {
    letter-spacing: 0px;
    opacity: 1;
    transform: translateZ(20px);
    -webkit-transform: translateZ(20px);
    -moz-transform: translateZ(20px);
}


#subtitle {margin-top: 30px;}

.widget-style-2.zoom:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);   
    transition: all 0.2s ease;
}
@keyframes OpeningSequence {
    0% {
        letter-spacing: 50px;
        opacity: 0;
        transform: translateZ(100px);
        -webkit-transform: translateZ(100px);
        -moz-transform: translateZ(100px);
    }
    100% {
        letter-spacing: 5px;
        opacity: 1;
        transform: translateZ(20px);
        -webkit-transform: translateZ(20px);
        -moz-transform: translateZ(20px);
    }
}
    
body.TechnicalServices .allflujo .blockwhite {
    background: #f6f7f9;}

span.orderst {
    background: #768ba2;
    font-weight: normal;
    padding: 3px 9px;
    font-size: 12px;
    border-radius: 7px;
    color: white;
}
.stylebtn {
    display: inline-block;
}
h2.titleflujost {
    background: #768ba2;
    color: white !important;
    padding: 8px 12px;
    margin-bottom: 10px !important;
    text-align: center;
    font-size: 14px;
}
h2.titleflujost span {
    background: #8ca0b7 !important;
    vertical-align: 2px;
}
#copyurl{ margin: 0px;}
.cierra {
    position: absolute;
    right: -10px;
    top: -10px;
    cursor: pointer;
    background: #fff;
    height: 24px;
    font-weight: bold;
    border-radius: 50%;
    width: 25px;
    color: #004794;
    font-size: 16px;
    box-shadow: -2px 1px 12px 1px #888888;
}
.bootstrap-tagsinput {
    width: 100% !important;
}
.activeflow {
    border-color: #58656d !important;
    background: rgb(238, 242, 244) !important;
}
.contenttableresponsive .resetth {
    border-bottom: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
}
.resetth {
    display: flex;
    border: 1px solid transparent !important;
}
.resetth .btn{
    margin-right: 2px;
}
#btnProcesarCambioDolar.btn {
    padding: 0.356rem 0.75rem !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    border-radius: 5PX !important;
}
.control_flujo h3{
    cursor: pointer;
}
.assigned{
    display: none;
    box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.21);
    position: absolute;
    width: max-content;
    right: 20px;
    z-index: 888;
    background: white;
    padding: 8px 15px;
    border: 2px solid #cad3d8;
}
a.btn_cancelar_flujo {
    text-align: center;
    display: block;
    margin: 20px 0px 0px 0px;
    color: #c30000 !important;
    cursor: pointer;
}
.tooltip {
  line-height: 16px !important;
}
.validonot a , .validonot a:hover {
    color: #003889;
}
.cancelx a , .cancelx a:hover {
    color: #c30000;
}
.finalc a , .finalc a:hover{
    color: #0ed003;
}
.fa-remove{
    cursor: pointer;
}
.typeahead__backdrop{
    display: none !important;
}
:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}
.sizeprod{
    text-transform: capitalize !important;
}
.alignspan {
    text-align: right;
    float: right;
}
.pdnone{
    padding: 0px !important;
}
.nomr{
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.min30 {
    line-height: 28px;
    font-size: 26px;
    font-weight: 600;
    color: white;
}
.importDataDeliveryCheck{
    display: inline-block !important;
    width: auto !important;
}
.spacetopbottom{
    margin: 20px 0px !important;
}
.contentchecksend.text-center {
    background: #f5f5f5;
    padding: 5px 20px;
}
.contentchecksend .input.checkbox{
    margin-bottom: 0px;
}
.productsEnvioCheck {
    display: inline !important;
    width: auto !important;
    margin: 0px 5px;
    vertical-align: -1px;
}
.cantidadquote {
    font-size: 13.5px;
    background: #00185f;
    display: block;
    padding: 7px 12px;
    color: white !important;
    text-align: center !important;
    margin-top: 4px !important;
}
div#modal_administrar_despachado_body .spacetopbottom {
    margin: 5px !important;
}
.cantidadquote2 {
    font-size: 14px;
    background: #f8f8f8;
    padding: 16px 4px;
    color: #424242 !important;
    border-right: 1px solid #d9e2e6;
    min-height: 60px !important;
    margin-bottom: 0px !important;
    max-height: 60px !important;
}
.cantidadinv h4 {
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: bold;
}
.cantidadinv {
    font-size: 14px;
    background: #f8f8f8;
    color: #424242 !important;
    border-right: 1px solid #d9e2e6;
    margin-bottom: 0px !important;
    height: 60px;
    padding: 8px 4px;
}
.priceview2 {
    text-align: center;
    font-size: 14px;
    background: #f5f5f5;
    display: block;
    padding: 7px 12px 5px 12px;
    color: #505050 !important;
    min-height: 60px !important;
    max-height: 60px !important;
}
.priceview2 .input , div[class^='deliveryDataBodega_'] .input{
    margin-bottom: 0rem !important;
}
b[class^='deliveryData_']{
    display: block;
}
input.bodega_inventario {
    margin: 0 5px;
}
div[class^='deliveryDataBodega_'] {
    background: #f5f5f5;
    padding: 10px;
    color: #004990;
}
.inputimportacion select{
    height: 24px;
    padding: .1rem .75rem;
}
div[class^='deliveryDataBodega_'] .input.radio{  
    display: initial;
}
div[class^='deliveryDataBodega_'] .input input , div[class^='deliveryDataBodega_'] .input label{
    display: inline !important;
    width: auto !important;
}   
.widthmin{
    width: 20%;
}
.widthmin15{
    width: 15%;
}
.datosPendientesDespacho td b {
    color: #004990;
    font-size: 12px;
}
.submit {
    display: inline;
}
.intro-results {
    text-transform: uppercase !important;
}
.nameuppercase{
    text-transform: uppercase !important;
}
.priceview {
    font-size: 13.5px;
    background: #004990;
    display: block;
    padding: 7px 12px;
    color: white !important;
    margin-top: 4px !important;
}
.entregat {
    font-size: 13.5px;
    background: #00b307;
    display: block;
    text-align: center !important;
    padding: 7px 12px;
    color: white !important;
    margin-top: 4px !important;
}
.subtotalquote {
    font-size: 13.5px;
    background: #00ce08;
    display: block;
    text-align: center !important;
    padding: 7px 1px;
    color: white !important;
    margin-top: 4px !important;
}
.entregd {
    color: #0ed003;
    vertical-align: baseline !important;
}
.efectoletra {
    color: #ffd600;
    font-size: 6em;
    line-height: 85px;
    font-weight: bolder;
    font-family: 'Raleway', sans-serif !important;
    text-shadow: 0 1px 0 #c1a200, 0 2px 0 #8c7500, 0 3px 0 #9c833d, 0 4px 0 #ab8d00, 0 5px 0 #af8900, 0 6px 1px rgba(154, 154, 154, 0.1), 0 0 5px rgba(226, 201, 0, 0.1), 0 7px 3px rgba(0,0,0,.3), 0 3px 5px rgba(255, 200, 0, 0.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 15px rgba(0,0,0,.15);
}
.efectoletra {
  text-align: center;
}
.efectoletra.sizebig {
    font-size: 20em;
    font-weight: bolder;
    color: #212529 !important;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
    margin-bottom: 30px;
    line-height: 1em !important;
}
#print_button {
    position: fixed;
    background: #00b307;
    padding: 13px 13px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    line-height: 15px;
    font-size: 12px;
    bottom: 56px;
    display:none;
    right: 16px;
    z-index: 988;
    border-radius: 4px;
}
#idflujo {
    background: #00b307;
    padding: 10px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    display: inline-block;
}
.btnDownloadPdf {
    background: gray;
    padding: 10px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    display: inline-block;
}
.statuscotizacion h2 a{
    color: white;
}
#contentuserdata{

}
.dataproductview br {display:none !important}
.errorspan {
    font-size: 25px !important;
    background-color: #ffd600;
    position: relative;
    font-weight: bold;
    top: 57px;
    color: #004794;
    right: 0px;
    padding: 2px 10px;
}
h2.copieerror {
    color: #212529;
    margin-top: 30px;
    font-size: 20px;
}
.form-control {font-size: 14px !important;}
.error404{
  height: 800px;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 50px;
} 
.searchobject .form-control:focus {
    box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0) !important;
}
.importDataDeliveryCheck{
    margin-right: 5px;
}
.modaldatadespacho .cantidadquote2 , .modaldatadespacho .priceview2{
    min-height: inherit !important;
    max-height: inherit !important;
    padding: 6px 12px !important;
}
a.alingicon {
    cursor: pointer !important;
    background: #003889;
    color: #ffffff !important;
    padding: 7px 14px;
    display: table-cell;
    font-weight: bold;
    margin: 10px 0px;
    border-radius: 6px;
}
.contentmargin {
    padding: 0 54px;
    margin-top: 30px;
}
.contentmargin h3{
    margin: 0px;
}

#cotizacionview{
    margin-bottom: 120px;
}
#cotizacionview p {
    line-height: 17px;
    color: #000;
}
.item-notification {
    border-bottom: 1px solid #ebeef5;
    padding: 8px 20px;
}
.item-notification-drop {
    padding: 8px 20px;
}
.datasedes p {
    margin: 10px;
    font-size: 12px;
    line-height: 3px;
}
.colorazul{
   color: #004794 !important;
}
.colorgris{
  color: #7e7e7e !important;
}
.nametitle {
    text-transform: uppercase;
}
.siguenos-redessociales {
    margin-bottom: -13px;
}
.dpinline li i {
    background-color: white;
    color: #879196;
    border-radius: 50%;
    border: 1.5px solid #8e989c;
    padding: 9px 10px 9px 10px;
    height: 35px;
    width: 35px;
    line-height: initial;
    font-weight: bold;
    text-align: center;
}
.dpinline li span {
    font-size: 11px;
    font-weight: bold;
    color: #879196;
}
.contentcenter {
    width: 80%;
    margin: 0 auto;
    position: relative;
    top: -26px;
}
.contentcenter span {
    font-size: 12px;
    font-weight: bold;
    margin-top: 7px;
    color: #6a777b;
    display: inline-table;
}
.dpinline{
    display: inline;
}
.basegray{
    background: #e5ebf3;
    font-weight: bold;
    color: #889296;
    height: 20px;
    margin-bottom: 0px;
}
a.btn_eliminar_cotizacion {
    margin-right: 5px;
    position: relative;
    display: inline-grid;
    float: right;
}
a.btn_eliminar_cotizacion i {
    color: #da0000;
    cursor: pointer;
}
.copiealert {
    background: #ffd600;
    font-weight: bold;
    padding: 8px 18px;
    text-align: center;
}
.sweet-alert h2{
    font-size: 20px;
    font-weight: bold;
    color: #004990 !important;
}
.sweet-alert .btn-lg, .sweet-alert .btn-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}
.contentavatar{
    position: relative;
}

.sizedrop {
    font-size: 12.5px !important;
    margin-bottom: 0px !important;
    color: #6a7b8e !important;
}
.flujo_cancelado {
    text-align: center;
    text-transform: uppercase;
    color: #212529;
    font-weight: bold;
}
.text-view{
    font-weight: bold;
    color: #80a4c8;
}
.status1{
    color: #80a4c8;
}
.status0{
    color: #00b307;
}
.status1 h2, .status0 h2{
    margin-bottom: 7px !important;
}
.status0 .text-success {
    background: #00b307;
    color: #d7ffe0 !important;
    padding: 4px 10px;
    margin-right: 5px;
}
.status1 .text-view {
    background: #80a4c8;
    color: #ebf5ff !important;
    padding: 4px 10px;
    margin-right: 5px;
}
a.not_confirm_payment_flujo {
    color: #e20000;
}
a.confirm_payment_flujo {
    color: #00b307;
}
.redback {
    background-color: red !important;
}
.pdspecial{ 
    padding: 15px 30px !important;
}
.pointer{
    cursor: pointer;
}
.sweet-overlay {
    z-index: 9999 !important; 
    background-color: rgba(0, 35, 70, 0.84) !important;
}
.sweet-alert{
   z-index: 99999 !important; 
}
.statushopicon.dos {
    background: #e80000;
}
.statushopicon.dos a i {
    vertical-align: baseline;
    color: #fff;
}
.statushop {
    color: #0ed003 !important;
    border: 1px solid #0ed003;
    padding: 7px 14px;
    display: inline-block;
    font-weight: bold;
    margin: 10px 0px;
}
.state_pagado{
    color: #616263 !important;
}
.titlespace{
    margin: 20px 0px;
}
.verificar_pago_abono{
    color: #0ed003 !important;
}
.statushopicon {
    cursor: pointer !important;
    background: #ffd600;
    padding: 7px 12px;
    display: inline-block;
    font-weight: bold;
    margin: 10px 0px;
}
.statushopicon a i {
    vertical-align: baseline;
    color: #004794;
}
a#btn_informacion_despacho {
    color: #004794;
}
.Comprobanteacep, .comprobanteguia {
    cursor: pointer !important;
    background: transparent;
    color: #003889 !important;
    padding: 7px 14px;
    display: inline-block;
    border: 1px solid #003889;
    font-weight: bold;
    margin: 10px 0px;
}
.Comprobanteacep.imgbuy i {
    vertical-align: bottom;
}
.stylebtn{
    cursor: pointer !important;
    background: #003889;
    color: #ffffff !important;
    padding: 7px 14px;
    display: inline-block;
    font-weight: bold;
    margin: 10px 0px;    
}
.stylebtn a{color: white !important; }
.stylebtn a i{ margin-left: 5px;}
.resetmargin{
    margin: 0px !important;
}
.contentpopup .img-product, .contentpopup .img-productpp {
    margin-bottom: 0px !important;
}
#img-product , .img-product, .img-productpp, .img-quote {
    width: 100%;
    margin-bottom: 15px;
}
.imgmin-pp{
    cursor: pointer;
}
.status0 {
    margin-bottom: 20px;
}

#count_notificaciones {
    padding: 0 5px;
    /*border-radius: 50px;*/
    font-weight: bold;
    color: #003889;
    vertical-align: 2px
}
.limitheightscroll {
    max-height: 700px;
    overflow-y: auto;
}
.btn-outline-primary {
    color: #00488f;
    background-color: transparent;
    background-image: none;
    border-color: #004990;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #00498f;
    border-color: #00488f;
}
.fondo {
    background: rgba(0, 35, 70, 0.74);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9991;
    display: none;
}

.modal {
    z-index: 9999 !important;
}  
.modal-backdrop {
    z-index: 9900 !important;
    background: rgba(0, 35, 70, 0.74) !important;
}
.modal-backdrop.show {
    opacity: 1 !important;
}
.popup {
    position: fixed;
    background: #f1f1f1;
    width: 60%;
    z-index: 9999;
    text-align: center;
    padding: 30px;
    display: none;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 3%;
}
.popup2 {
    position: fixed;
    background: white;
    width: 50%;
    z-index: 9999;
    text-align: center;
    padding: 30px;
    display: none;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 100px;
}
.popup3 {
    position: fixed;
    background: white;
    width: 30%;
    z-index: 9999;
    text-align: center;
    padding: 30px;
    display: none;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 100px;
}
.popup img{
    max-width: 100%;
}
.type-wrap {
    position: absolute;
    color: #fff;
    top: 10px
}
.typed-cursor {
    opacity: 1;
    font-weight: 100;
    -webkit-animation: blink .7s infinite;
    -moz-animation: blink .7s infinite;
    -ms-animation: blink .7s infinite;
    -o-animation: blink .7s infinite;
    animation: blink .7s infinite
}


.typed-fade-out {
    opacity: 0;
    animation: 0;
    transition: opacity .25s
}

@-keyframes blink { 0%, 100% { opacity: 1 }  50% { opacity: 0 }}
@-webkit-keyframes blink {
    0%,100% { opacity: 1}
    50% {opacity: 0}
}
@-moz-keyframes blink {
    0%, 100% {opacity: 1}  50% {opacity: 0}
}
@-ms-keyframes blink {
    0%, 100% { opacity: 1 } 50% { opacity: 0 }
}
@-o-keyframes blink {
    0%, 100% { opacity: 1}
    50% { opacity: 0}
}
.fullsearch {
    font-size: 30px !important;
    -webkit-box-shadow: none!important;
    border-color: inherit!important;
    box-shadow: none!important;
    height: 70px;
    color: #fff !important;
}
.type-wrap {
    font-size: 30px;
}
.actions-search {
    color: #ffd600;
    position: absolute;
    right: 7px;
    top: 28px;
    cursor: pointer;
}
#trm10.table th, #trm10.table td {
    padding: 0.3rem 0.7rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
.d-inline.ml-3 input#fechasInicioFin{
    width: 65% !important;
}
.removecolumns .descriptionget, .removecolumns .enlaceget {
    display: none;
}
.removecolumns td.subtotal , .removecolumns td.precio{
    padding: 0.75rem !important;
}
.level-opacity {
    opacity: .1
}
.search-menu {
    background-color: transparent !important;
    width: 100%!important;
    border-bottom: 1px solid #111e2d;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px transparent;
    box-shadow: inset 0 1px 1px transparent
}
.cp::-webkit-input-placeholder {
    color: #111e2d!important
}
.cpo::-webkit-input-placeholder {
    color: #fff!important
}
.list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}
.list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}
.list-group-item:first-child:after {
    /*content: '';*/
    /*position: absolute;*/
    left: 48%;
    bottom: 100%;
    width: 0;
    height: 0;
    border-left: 28px solid transparent;
    border-right: 28px solid transparent;
    border-bottom: 15px solid #fff;
    clear: both
}
.list-group-item.radiodiv:first-child:after {
    border-bottom: 15px solid transparent !important; 
}
.notemodal {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    color: #004990;
    text-align: center;
    margin: 9px auto;
}
.uppercase{
    text-transform: uppercase;
}
h3.colorrojo {
    text-align: right !important;
    font-size: 18px !important;
    color: #f10000 !important;
}
.alignright {
    right: 18px;
    top: 11px;
    position: absolute;
    font-size: 16px!important;
    border: 1px solid #bfc8d3;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    padding: 4px 10px;
}
.tag-search {
    color: #fff;
    background: #13bd1a;
    font-size: 12px;
    padding: 4px 10px;
    position: absolute;
    top: 11px;
    width: 140px;
    text-align: center;
    right: 60px;
}
#resultadoBuscador {
    margin-top: 35px;
    padding-left: 10%;
    padding-right: 10%;
}
#resultadoBuscador a:hover {
    font-weight: 400!important
}
.cantresult {
    color: #d2d2d2;
    text-align: center;
    margin-bottom: 12px;
}
.cantresult b{
    margin: 0 5px;
}

.heightresults {
    height: 60vh;
    overflow-y: auto;
}
.intro-results {
    margin: 0!important;
    font-size: 14px!important;
    color: gray;
    border-top-left-radius: 0rem !important;
    border-top-right-radius: 0rem !important;
    border: .5px solid rgba(154, 154, 154, 0.125) !important;
}
.intro-results img {
    margin-right: 15px;
    width: 60px;
    height: 33px
}
.intro-results p {
    vertical-align: middle;
    display: inline-block;
    margin: 0px;
}
#txt_buscar {
    border-bottom: 2px solid #ffd600 !important;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0px;
}
#search-modal {
    z-index: 999990
}
.sh {
    height: 100%!important
}
.overlay-content {
    position: relative;
    top: 8%;
    width: 80%;
    margin: 30px auto 0
}
.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 991;
    top: 0;
    left: 0;
    background-color: rgba(0, 35, 70, 0.9);
    overflow-y: hidden;
    transition: .4s
}
.contentpopup{
     overflow-y: auto;
    overflow-x: hidden;
    max-height: 750px;   
}
.card-body li{
    list-style: none;
}
.card-body .condiciones_negociacion{
   -webkit-padding-start: 0px !important; 
}
#modal_previsualizar .condiciones_negociacion h2 {
    font-size: 14px !important;
    color: #003889;
}
.btn_confirm_entrega, .btnflex {
    display: inline-flex !important;
}
h4.totalcotiza {
    text-align: right;
    display: initial;
    float: right;
    color: #28a745 !important;
}
.notaimg{
    float: left;
}
.aa {
    padding: 10px 0px;
}
.img-detailproduct {
    width: 100%;
    background-size: contain !important;
    min-height: 250px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    margin-bottom: 20px;
    position: relative;
}
p.pricedetailp {
    background: #ffd600;
    padding: 5px 10px;
    border-radius: 10px 10px 0px 0px;
    display: inline-block;
    font-size: 18px;
}
.fa-4 {
    font-size: 50px !important;
    display: flex !important;
    float: left !important;
    margin-right: 10px !important;
    color: #af9409;
}
.message.success .fa-4 {
    color: #bfffce;
}

.banneralert.Bien .fa-4{
color: #bfffce;
}
.banneralert.Bien {
    color: #ffffff;
    background: #0fb534;
}
.closess {
    right: 10px;
    cursor: pointer;
    position: absolute;
}
.copiealertmin {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}
.error-message {
    color: #bb0000;
    text-align: right;
    font-size: 12px;
}
.message {
    position: fixed;
    z-index: 99999;
    bottom: 15px;
    right: 15px;
    padding: 10px 25px;
    line-height: 16px;
}
.message.success {
    color: #ffffff;
    background: #0fb534;
}
.message.error {
    color: #584a03;
    background: #ffd600;
}
.banneralert {
    position: fixed;
    z-index: 99999;
    /*bottom: 15px;*/
    top: 15px;
    right: 15px;
    padding: 10px 25px;
    line-height: 16px;
}
.banneralert.error {
    color: #584a03;
    background: #ffd600;
}
.banneralert.success {
    color: #ffffff;
    background: #0fb534;
}
.products.view.blockwhite.align-center.active {
    height: 100%;
}
th.sizeref {
    max-width: 90px !important;
}
th.sizeprecio {
    max-width: 79px !important;
}
.size1{
    width: 9%;
}
.size2{
    width: 6%;
}
.size3{
    width: 30%;
}
.size4{
    width: 11%;
}
.size5{
    width: 18%;
}
.size6{
    width: 50%;
}
.size7{
    width: 40%;
}
.size8{
    width: 60%;
}
.size9{
    width: 28% !important;
}
.size10{
    width: 20%;
}
.size11{
    width: 13%;
}
.sizebtns{
    width: 280px;
}

td span.btn-secondary{
    padding: 5px !important;
}


.costosgerente div {
    background: #f3f5f9;
    display: inline-block;
    padding: 5px 12px;
    border-radius: 5px;
    text-align: center;
}
.costosgerente span {
    font-weight: bold;
}
.costosgerente {
    padding: 5px;
}
.invdata h4{
    display: inline-block;
}
span.numberQuantity {
    float: right;
}
button.btn.btn-link.bold {
    font-weight: bold;
    font-size: 17px !important;
}
hr.separate1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}
.avatarasesor {
    height: 145px;
    width: 145px;
    background-size: cover;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    border-radius: 50%;
    border: 8px solid #eef2f4;
}
.Conectado {
    border-radius: 50%;
    border: 4px solid;
    border-color: #13bd1a;
}
.Desconectado {
    height: 145px;
    width: 145px;
    border-radius: 50%;
    border: 2px solid;
    border-color: #eef2f4;
}
.Pageshome_logistic span#countSalesMonth {
    font-size: 22px;
    font-weight: bold;
}
.pac-container {
    z-index: 9999999 !important;
}
.col-center{
    float: none;
    /*margin: 20px auto;*/
}
.doce {
    width: 100%;
    display: block;
}
.navActive li.active{
    color: #ffffff;
    background: #2d3640;
    transition: all .3s;
}
.navActive li.active a{
    color: #fff !important;
}
.navActive li.active a i{
    color: #ffd600 !important;
}
.modalbs {
    padding: 0 33%  20px 33% !important;
}

#modal_big form .input, #modal_contactado form .input,  {
    margin-bottom: 0rem;
} 
p.countdata.formfull {
    position: relative;
    top: 5px;
    right: 8px;
    margin-bottom: 0px;
}
.pdetapa {
    padding: 0 15px;
}
ol, ul, dl {
    margin-top: 0;
    margin-bottom: 0rem !important;
}
/*.validatecaracter .input {
    margin-bottom: 0rem !important;
}*/
#name_usuario_sesion{
    font-weight: bold;
}
.menuemail a {
    display: block;
    padding: 5px 0px;
    color: #2d3640;
}
.activeitems{
    color: #dd4b39 !important;
    font-weight: bold;
}
a#compose-button {
    border-radius: 2px;
    font-weight: bold;
    text-align: center;
    outline: 0;
    background-color: #d14836;
    background-image: linear-gradient(to bottom,#dd4b39,#d14836);
    border: 1px solid transparent;
    color: #fff;
    margin-bottom: 15px;
}
.menuemail a i {
    vertical-align: unset;
    margin-right: 5px;
    font-size: 18px;
}
textarea#compose-message {
    height: 400px !important;
}
.imgbox {
    width: 100%;
    height: 81px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
.cierra .fa{
    vertical-align: baseline;
}
.fa{
    vertical-align: sub;
}
span.nav-link-text {
    margin-left: 8px;
    font-weight: 600;
}
.custom-select-sm {
    font-size: 13px !important;
}
.cantidadrg{
    margin-right: 10px; 
}
.contentsdt:nth-child(2) {
    float: right;
}
.contentsdt {
    display: -webkit-inline-box;
}
.contentsdt div{

    display: inline-block;
}
.buscador .dataTables_filter{
    text-align: left !important;
}
a.btn_notas_flujo {
    color: #ffd600;
}
a.btn_notas_flujo i {
    vertical-align: baseline;
}
#icon_add, #icon_search {
    margin-top: 32px;
    color: #bcd0de;
    cursor: pointer;
}
.modal-content {
    border: 0px solid rgba(0, 0, 0, 0) !important;
    border-radius: 10px !important;
}
#modal_form_edit_natural .modal-body, #modal_form_edit_contacto .modal-body, #modal_form_edit .modal-body, #modal_big .modal-body, #modal_negociado .modal-body, #modal_contactado .modal-body , #modal_form .modal-body , #agregarTareaModal .modal-body , #modal_small .modal-body , #modal_form_products .modal-body, #cambiarContrasenaModal .modal-body , #modal_cotizado .modal-body, #modal_pagado .modal-body, #modal_despachado .modal-body, #compose-modal .modal-body, #modal_small_information .modal-body, #modal_information .modal-body , #modal_nota_flujo .modal-body, #modal_servicio_finalizado .modal-body , #modal_form_nota_flujo .modal-body {
    padding: 0em 3em 1em 3em;
}
.specialgmail .modal-body{
    padding: 1em;
}
#modal_big .modal-body p, #modal_contactado .modal-body p, #modal_cotizado .modal-body p, #modal_despachado .modal-body p, #compose-modal .modal-body p, #modal_administrar_despachado .modal-body p{
  text-align: center;
}
#modal_form_edit_natural .modal-footer, #modal_form_edit_contacto .modal-footer, #modal_form_edit .modal-footer, #modal_big .modal-footer , #modal_contactado .modal-footer , #modal_negociado .modal-footer, #modal_form .modal-footer, #agregarTareaModal .modal-footer , #modal_small .modal-footer , #modal_form_products .modal-footer , #cambiarContrasenaModal  .modal-footer , #modal_cotizado .modal-footer, #modal_pagado .modal-footer, #modal_despachado .modal-footer, #compose-modal .modal-footer , #modal_small_information .modal-footer, #modal_information .modal-footer, #modal_administrar_despachado .modal-footer , #modal_form_nota_flujo .modal-footer{
    padding: 0;
    display: inherit;
    border-top: 0px solid transparent;
    width: 100%;
}
#modal_form_edit_natural .modal-footer a, #modal_form_edit_contacto .modal-footer a, #modal_form_edit .modal-footer a, #modal_big .modal-footer a, #modal_contactado .modal-footer a , #modal_negociado .modal-footer a , #modal_form .modal-footer a ,#agregarTareaModal .modal-footer a , #modal_small .modal-footer a , #modal_form_products .modal-footer a, #cambiarContrasenaModal  .modal-footer a , #modal_cotizado .modal-footer a, #modal_pagado .modal-footer a, #modal_despachado .modal-footer a, #compose-modal .modal-footer a , #modal_administrar_despachado .modal-footer a, #modal_form_nota_flujo .modal-footer a{
    padding: 13.5px;
    width: 50%;
    margin: 0px;
    text-align: center;
    font-size: 16px;
}
#modal_small_information .modal-footer a{
    padding: 13.5px;
    width: 100%;
    margin: 0px;
    text-align: center;
    font-size: 16px;   
}
.btn_administrar_orden{
    cursor: pointer;
}
#modal_small_information .savedata{
    background-color: #f00;
    font-weight: bold;
    color: #f3f5f9;
    border-radius: 0 0 10px 10px;
    transition: all .3s;
}
#modal_small_information .modal-content {
    background-color: #c10000;
    color: #e6c9c9;
}

#modal_form_edit_natural .cancelmodal, #modal_form_edit_contacto .cancelmodal, #modal_form_edit .cancelmodal, #modal_big .cancelmodal, #modal_contactado .cancelmodal, #modal_negociado .cancelmodal , #modal_form .cancelmodal ,#agregarTareaModal .cancelmodal , #modal_small .cancelmodal , #modal_form_products .cancelmodal, #cambiarContrasenaModal .cancelmodal , #modal_cotizado .cancelmodal , #modal_pagado .cancelmodal, #modal_despachado .cancelmodal, #modal_administrar_despachado .cancelmodal, #modal_form_nota_flujo .cancelmodal{
    background-color: #f3f5f9;
    font-weight: bold;
    color: #004990;
    border-radius: 0 0 0 10px;
    transition: all .3s;
    cursor: pointer;
}
#modal_form_edit_contacto .savedata, #modal_form_edit_natural .savedata, #modal_form_edit .savedata, #modal_big .savedata, #modal_contactado .savedata , #modal_form .savedata , #modal_negociado .savedata , #agregarTareaModal .savedata , #modal_small .savedata , #modal_form_products .savedata, #cambiarContrasenaModal .savedata, #modal_cotizado .savedata, #modal_pagado .savedata, #modal_despachado .savedata, #modal_administrar_despachado .savedata , #modal_form_nota_flujo .savedata{
    background-color: #004990;
    font-weight: bold;
    color: #f3f5f9;
    border-radius: 0 0 10px 0; 
    transition: all .3s;   
}
#modal_small_information .savedata{
    background-color: #920000;
    font-weight: bold;
    color: #f3f5f9;
    border-radius: 0  0 10px 10px; 
    transition: all .3s;   
}
#modal_form_edit_contacto .cancelmodal:hover, #modal_form_edit_natural .cancelmodal:hover, #modal_form_edit .cancelmodal:hover, #modal_big .cancelmodal:hover, #modal_contactado .cancelmodal:hover , #modal_form .cancelmodal:hover, #modal_negociado .cancelmodal:hover, #modal_negociado .cancelmodal:hover, #agregarTareaModal .cancelmodal:hover , #modal_small .cancelmodal:hover , #modal_form_products .cancelmodal:hover, #cambiarContrasenaModal .cancelmodal:hover, #modal_pagado .cancelmodal:hover, #modal_cotizado .cancelmodal:hover, #modal_despachado .cancelmodal:hover , #compose-modal .cancelmodal:hover, #modal_small_information .cancelmodal:hover, #modal_administrar_despachado .cancelmodal:hover, #modal_form_nota_flujo .cancelmodal:hover{
 background-color: #e8ecf3; 
 transition: all .3s;
}
#modal_form_edit_contacto .savedata:hover, #modal_form_edit_natural .savedata:hover, #modal_form_edit .savedata:hover, #modal_big .savedata:hover, #modal_contactado .savedata:hover , #modal_form .savedata:hover , #agregarTareaModal .savedata:hover , #modal_negociado .savedata:hover , #modal_small .savedata:hover , #modal_form_products .savedata:hover , #cambiarContrasenaModal .savedata:hover, #modal_cotizado .savedata:hover, #modal_pagado .savedata:hover, , #modal_despachado .savedata:hover, #compose-modal .savedata:hover, #modal_small_information .savedata:hover, #modal_administrar_despachado .savedata:hover, #modal_form_nota_flujo .savedata:hover{
    background-color: #003f7b;
    transition: all .3s;
}
.modal-header, #modal_form_edit_contacto .modal-header, #modal_form_edit_natural .modal-header, #modal_form_edit .modal-header, #modal_servicio_finalizado .modal-header, #modal_big .modal-header, #modal_contactado .modal-header , #modal_form .modal-header, #agregarTareaModal .modal-header , #modal_negociado .modal-header , #modal_small .modal-header , #modal_form_products .modal-header , #cambiarContrasenaModal .modal-header, #modal_cotizado .modal-header, #modal_pagado .modal-header, #modal_despachado .modal-header, #compose-modal .modal-header , #modal_small_information .modal-header, #modal_information .modal-header, #modal_administrar_despachado .modal-header , #modal_nota_flujo .modal-header, #modal_form_nota_flujo .modal-header{
    text-align: center !important;
    display: block !important;
    border-bottom: 0px solid #ffffff00 !important;
}
#modal_form_label_edit, #modal_contactado_label, #modal_form_label, #exampleModalScrollableTitle, #modal_big_label, #modal_negociado_label, #modal_requerimiento_label , #modal_small_label, #modal_form_products_label , #cambiarContrasenaModal #exampleModalLabel, #modal_cotizado_label , #modal_pagado_label, #modal_despachado_label, 
      #myModalgmail, #modal_small_information_label, #modal_information_label, #modal_servicio_finalizado_label, #modal_administrar_despachado_label, .labeligual, .modal-title{
    font-size: 19px;
    color: #004990;
    font-weight: bold;
}
#modal_small_information_label{
    font-size: 19px;
    color: #ffeaea;
    font-weight: bold;
}
#exampleModalScrollable .blockwhite.spacebtn20{
    display: none !important;
}

#exampleModalScrollable .blockwhite{

        padding: 0px !important;
    box-shadow: none !important;
}
.brands.view p{
    margin: 0px;
}
div#modal_administrar_despachado_body {
    overflow-y: auto;
    max-height: 70vh;
}
.datajuridico p {
    margin: 0px;
}
.datajuridico {
    margin-top: 10px;
}
.align-center {
    text-align: center;
}
.terminado, .terminado h3, .terminado .bs-wizard > .bs-wizard-step.complete > .bs-wizard-info, .terminado .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-info {
    color: #a90000 !important; 
}
.terminado .bs-wizard > .bs-wizard-step > .progress > .progress-bar {
    background: #e9ecef !important;
}
.terminado .bs-wizard > .bs-wizard-step > .bs-wizard-dot {
    position: absolute;
    width: 25px;
    height: 25px;
    display: block;
    background: #ffdada;
}
.terminado .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
    background: #c30000;
}
.terminado .razonflow{
    color: gray !important;
}
.terminado .bs-wizard > .bs-wizard-step.active > .bs-wizard-dot:before, .terminado .bs-wizard > .bs-wizard-step.complete > .bs-wizard-dot:before {
    content: "\f00d";
    left: 7px !important;
 }   
.btn_calcular i{
    color: #13bd1a;
}
.deleteCity i{
    color: #d20000;
}
span.datecreated {
    font-size: 13px;
    font-weight: bold;
    color: #003889;
}
span.dateasesor , span.dateasesor2{
    font-size: 12px;
    font-weight: 300;
    color: #003889;
}
a.btn_editar_ciudad i {
    color: #f3f5f9;
    background: #004990;
    padding: 8px 16px;
    border-radius: 5px;
}
.modalbs > .bs-wizard-step > .bs-wizard-dot {
    width: 35px !important;
    height: 35px !important;
}
.modalbs > .bs-wizard-step > .bs-wizard-dot:after {
    width: 26px !important;
    height: 26px !important;
}
 
.modalbs > .bs-wizard-step.active > .bs-wizard-dot:before, .modalbs > .bs-wizard-step.complete > .bs-wizard-dot:before {
    font-size: 18px !important;
    left: 8px !important;
    top: 7px !important;
} 
.modalbs > .bs-wizard-step > .progress {
    height: 4px !important;
    margin: 11px 0 !important;
}
#modal_big_information .modal-small .modal-content, #modal_small_information .modal-small .modal-content {
    color: #ffffff;
    text-align: center;
    background: #003889;
    font-size: 25px;
    border-radius: 0px !important;
}
.modal-dialog.modal-small .modal-body {
    padding: 8px 35px 18px 36px;
}
#modal_small_information .modal-small .modal-content {
    color: #ffffff;
    text-align: center;
    background: #003889;
    font-size: 25px;
    border-radius: 0px !important;
}
#modal_big_information .modal-header, #modal_small_information .modal-header {
    border: 0px solid transparent;
}

h2#modal_big_information_label , h2#modal_small_information {
    font-size: 16px;
}
.note-editor.note-frame .note-statusbar {
    display: none !important;
}
#modal_small_information .modalcontent{
    background-color: #003889 !important;
    color: #d0def3;
    padding: 20px;
}
#modal_small_information{
    z-index: 99981 !important;
}
#modal_big_information_body h2 {
    color: #ffd600;
    margin-top: 18px;
    font-size: 20px;
    font-weight: bold;
}
#modal_big_information_body p {
    line-height: 20px;
    font-size: 14px;
}
#modal_big_information .close{
    color: #fff; 
}
#modal_big_information .btn-incorrecto {
    background-color: #002f73;
}
.btn-incorrecto {
    color: white;
    padding: 12px !important;
    background: #003889;
    border-radius: 0px !important;
    font-weight: bold !important;
}
.btn_deshabilitar, .btn_habilitar{
  cursor: pointer;
}
.btn_habilitar i{
  color: #13bd1a;
}
.btn_deshabilitar i{
  color: #de0000;
}
.nameclient{
  font-size: 15px;
  color: #004990;
  font-weight: bold;
}
#paint_notificaciones {
    margin: 0px !important;
    padding: 0px !important;
    width: 464px;
}
#paint_notificaciones .dropdown-divider{
  margin: 0 !important;
}

#paint_notificaciones .status0 .text-success {
    background: #00b307;
    color: #d7ffe0 !important;
    padding: 2px 7px;
    margin-right: 5px;
    font-size: 10px;
    font-weight: lighter;
}

#paint_notificaciones .dropdown-item {
    padding: 0.3rem 1.5rem !important;
}
a.dropdown-item.small.clearn {
    background: #768ba2;
}
.dataasesor h3 {
    color: #6a7b8e;
    font-size: 12px !important;
    font-weight: 400 !important;
    margin-bottom: 0px;
}
.dataasesor h6 {
    color: #00368f;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 0;
}
.dataasesor hr{
    margin-bottom: 5px; 
}

.usersindex .blockwhite {
    padding: 10px 25px 15px 25px;
}
.blockwhiteinforme{
    background: white;
    border-radius: 10px;
    box-shadow: 0 0.2rem 0.55rem rgba(0, 0, 0, .05);
}
.barrademoras {
    background: #ffd600;
    padding: 7px 10px;
    text-align: center;
    box-shadow: inset 0px 26px 37px -25px rgba(48, 40, 0, 0.32);
}
.barrademoras span p {
    display: inline-block;
    margin: 0px;
    font-weight: bold;
}
.barrademoras span.contactar {
    margin-right: 10px;
}
.blockwhiteinforme h3 {
    font-size: 18px !important;
    color: #2d3640 !important;
    padding: 18px !important;
    margin: 0px !important;
    font-weight: 500 !important;
}
.graficaporasesor {
    text-align: center;
    padding: 0px 10px 10px 10px;
}
.leftdata {
    background: #2D3640;
    width: 60%;
    display: inline-block;
    float: left;
    color: white;
    padding: 10px 0px 17px 26px;
    border-bottom-left-radius: 10px;
}
.rightdata {
    background: #1DB922;
    display: inline-block;
    width: 40%;
    text-align: center;
    padding: 20px 0px 31px 0px;
    float: left;
    color: white;
    border-bottom-right-radius: 10px;
    background: -moz-linear-gradient(top, rgba(29,185,34,1) 0%, rgba(19,156,19,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(29,185,34,1)), color-stop(100%, rgba(19,156,19,1)));
    background: -webkit-linear-gradient(top, rgba(29,185,34,1) 0%, rgba(19,156,19,1) 100%);
    background: -o-linear-gradient(top, rgba(29,185,34,1) 0%, rgba(19,156,19,1) 100%);
    background: -ms-linear-gradient(top, rgba(29,185,34,1) 0%, rgba(19,156,19,1) 100%);
    background: linear-gradient(to bottom, rgba(29,185,34,1) 0%, rgba(19,156,19,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1db922', endColorstr='#139c13', GradientType=0 );
    }

.leftdata p {
    margin: 0px;
    line-height: 21px;
}
.leftdata p b {
    font-size: 18px;
    margin-right: 7px;
    text-align: right;
    width: 23px;
    display: inline-block;
}
.rightdata span {
    font-size: 32px;
    font-weight: 700;
}
.rightdata p {
    font-weight: 700;
    margin-bottom: 0px;
}
.actionsasesor {
    position: relative;
    top: -19px;
    background: #00368f;
    display: initial;
    border-radius: 5px;
    margin: 0 auto;
    padding: 8px 20px;
    cursor: pointer;
}
.mbbox{
    margin-top: 20px;
}
.actionsasesor a {
    color: #fff !important;
    margin: 0 8px;
}
.actionsasesor a i {
    padding: 5px 10px;
    vertical-align: 0px;
}
.dataasesor h5 {
    color: #004990;
    font-weight: bolder;
    padding: 0 17px;
    margin-bottom: 20px;
    font-size: 17px;
}
.dataasesor p {
    color: #13bd1a;
    font-weight: bolder;
    padding: 0px;
    margin-bottom: 4px;
}
.cotiza{
  margin-right: 0px;
}
.form-check-inline+.form-check-inline {
    margin-left: 0px !important;
}
.datehour p {
    color: #c2dbf6;
    margin-right: 14px;
    padding: 6px 5px 0 0 !important;
    margin-bottom: 0px;
    font-size: 22px;
}
#navbarTogglerDemo01 a {
    padding: 5px 10px;
    font-size: 16px;
}
div#navbarTogglerDemo01 b {
    background: #003889;
    padding: 7px;
    color: white;
}

div#navbarTogglerDemo01 b a{

    color: white;
}
.inlineflex{display: inline-flex !important;}

.inlineflex a{
    color: #b1b1b1 !important;
}
.dataprofileview p{
    text-align: center;
    margin: 0px;
}
.dataprofileview{
    margin: 20px 0px 0px 0px;
}
.main-user {
    padding-left: 10px;
}
.main-user .text-center{
    font-size: 20px;
    margin: 22px 0px 0px 0px;
    text-transform: uppercase;
}
.main-user .text-center2 {
    font-size: 17px;
    margin: 0px 0px 20px 0px;
    text-align: center;
}
small.themename {
    background: #ffd600;
    font-weight: bold;
    font-size: 70%;
    padding: 3px 10px;
    color: #004794;
}
.remember_pass a:hover {
    text-decoration: none;
}
#gestiones-dashboard .registerprospective {
    margin-bottom: 5px;
}
.registerprospective {
    margin-bottom: 10px;
}
.statussesion {
    background: #13bd1a;
    padding: 9px;
    color: white;
}
.statussesion h2{
    color: white !important
}
.pageshome .container-fluid.pd30 {
    margin-bottom: 0px !important;
}

.container-fluid.pd30 {
    margin-bottom: 80px;
}
h2.d-inline + .btn_editar , h2.d-inline + #btn_agregar i , .btn_editar i{
    color: #004794;
    vertical-align: 0px;
}
span.razonflow {
    font-weight: 300;
    color: #004990;
    font-size: 13px;
}
#calendarDashboard .fc-view-container .fc-list-item-title {
    cursor: pointer;
    padding: 6px 1px;
    font-size: 12.5px;
}
#calendarDashboard .fc-list-table td {
    border-width: 1px 0 0;
    padding: 3px 8px;
}
.contentnotification {
    max-height: 300px;
    overflow-y: auto;
}
.spacebottom {
    margin-bottom: 9px !important;
}
.interacciones b , .interacciones tr , .databussiness b , .databussiness tr{
    color: #495057;
}
.interacciones table td {
    padding: 6px 15px;
    border: 0px;
}
.databussiness table td {
    padding: 5px 15px;
    font-size: 14px;
    border: 0px;
}
.databussiness {
    overflow: auto;
    height: 465px;
    padding: 0 15px;
}
img#loadajax {
    height: 100%;
    margin: 0 auto;
    display: block;
    vertical-align: baseline;

}
td.fc-widget-header {
    color: #004794;
}
.spacebtn{
    margin-bottom: 10px;
}
.spacebtn20{
    margin-bottom: 20px;
}
.spacetop{
    margin-top: 20px;
}
.btn-base{
    font-size: 14px !important;
}
.cuttext{
    word-break: break-word;   
}

#modal_previsualizar h4.totalcotiza {
    font-size: 16px;
    font-weight: bold;
}

#modal_previsualizar h3 {
    font-size: 14px !important;
    font-weight: bold;
}
#modal_previsualizar h2.text-center{
    font-size: 16px !important;
    font-weight: bold !important;
}
#modal_previsualizar .condiciones_negociacion h2{
    font-size: 14px !important;
}
#modal_previsualizar #cotizacionview {
    margin-bottom: 0px;
    padding: 0px;
}
h2.titleview {
    margin-top: 15px !important;
    font-size: 23px !important;
    line-height: 40px;
}
hr.hrtitleview {
    margin-bottom: 20px !important;
    border: 1px solid #00498e;
}
.titlesbar {
    border-bottom: 2px solid #004990;
    margin-bottom: 5px;
}
.blockwhite.shadowstrong {
    box-shadow: 0 0.1rem 0.85rem rgba(0, 0, 0, 0) !important;
    padding: 0px;
}
button.btn.btn-link.m-0 {
    margin-top: 6px !important;
    margin-left: 5px !important;
}
div[id^='hheading'].VENDIDO{
    background: #006cd6;
}
div[id^='hheading'].INTERNA{
    background: #004990;
}
div[id^='hheading'].INVENTARIO {
    background: #27ab2d;
}
div[id^='hheading'].VENDIDO .btn-link, div[id^='hheading'].INTERNA .btn-link , div[id^='hheading'].INVENTARIO .btn-link {
    color: #fff !important;
    margin: 5px 0;
}
.card-header.reset .btn-link {
    color: #1c2125;
}
div#modal_previsualizar_body {
    height: 70vh;
    overflow-y: auto;
}
.reset h5 i {
    vertical-align: 0px;
}

span.checkmark.aaaa {
    top: -20px !important;
}
.crearclientej {
    font-size: 15px;
    color: #004990 !important;
    padding: 7.5px;
    background: #ffd600;
    margin: 0px 3px;
    border-radius: 5px;
}

.fc button, .fc table, body .fc {
    font-size: 13.5px !important;
}
input#precio_item {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 14px;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.timestatus span{
    font-weight: 400;
}
.avatarprofile {
    width: 62px;
    height: 62px;
    border: 2px solid #e9ebef;
    border-radius: 50%;
    background-size: cover;
    background-color: white;
    display: inline-block;
    background-position: center center;
}
.avatarprofileview {
    width: 280px !important;
    height: 280px !important;
    border: 2px solid #e9ebef;
    border-radius: 50%;
    background-size: cover;
    background-color: white;
    display: block;
    margin: 0 auto;
    background-position: center center;
}
.avatar {
    width: 44px;
    height: 44px;
    border: 2px solid #ffffff99;
    border-radius: 50%;
    background-size: cover;
    background-color: white;
    display: inline-block;
    background-position: center center;
}
.aligncopy {
    display: block;
    padding: 0.8rem 0rem;
}
.nameavatar {
    display: inline;
    color: white;
    font-weight: bold;
    vertical-align: 16px;
    margin-right: 14px;
}
.nameavatar span{
  font-weight: lighter;
}
.nameavatar a , .nameavatar a:hover{
  text-decoration:none;
  color: white !important;
}
.dataclientsbar h2 {
    font-size: 15px !important;
    padding: 0px;
}
.dataclientsbar{
    text-align: center;
}
.dataclientsbar div{
    padding: 5px 0px 15px 0px;
}
.requerimientosrecibidos{
    background: #f3f3f3;
}
.cotizacionesnumber{
    background: #e8e8e8;
}
.negociosrealizados {
    background: #004990;
}
.negociosrealizados h2, .negociosrealizados span{
    color: #fff !important;
}
.ventastotales{
    background: #13bd1a;
}
.ventastotales h2, .ventastotales span{
    color: #fff !important;
}
.main-user ul li a {
    font-size: 14px;
    color: #aabcc5;
    font-weight: 400;
    padding: 0 12px 0 5px;
}
.submenus {
    display: flex;
    margin-bottom: 0px;
    -webkit-padding-start: 0px;
}
.submenus li a{
    padding: 0px !important;
}
.submenus li {
    margin-left: 40px !important;
}
/*.main-user ul li:before {
    content: "•";
    right: -4px;
    margin-top: 0px;
    color: #aabcc5;
    top: 0px;
    position: relative;
}*/
ul.Quotationsview{
    -webkit-padding-start: 0px !important;
}
.editjuridico a {
    display: inline-block;
    vertical-align: 5px;
    color: #002e90;
}
#btn_password {
    color: #13bd1a;
    font-weight: 600;
}
.listcontacts {
    padding-right: 20px;
    max-height: 222px;
    overflow-y: auto;
    overflow-x: hidden;
}   
.listcontacts p{
    text-align: center
}
.listcontacts li {
    border-bottom: 1px solid #e2e6e9;
    padding: 6px 0 6px 0;
    list-style-type: decimal;
}
.listcontacts li span{
  font-weight: bold;
  color: #004990;
  text-transform: uppercase;
}
.cotizacioneslistas li {
    border-bottom: 1px solid #c0cad0;
    padding: 4px 0 4px 0;
    list-style-type: decimal;
}
.cotizacioneslistas li a {
    color: #003190;
    font-weight: bold;
}
#notasprevias2, #notasprevias , #condiciones{
    max-height: 240px;
    overflow: auto;
}
/*#notasprevias{
    max-height: 160px;
    height: 160px;
    margin-top: 8px;
    overflow: auto;
}*/
a i.fa.fa-question {
    vertical-align: baseline;
    color: #007eff;
}
h2.titlesectionquote.text-primary.text-center {
    font-size: 20px;
}
.backblue {
    background-color: #006cd6;
}
.backblue th {
    color: #fff;
}
.c1{
    color: #03315f !important;
    background: #dce3f1;
    padding: 5px 2px;
}
.c2{
    background: #cad5e8;
    color: #03315f !important;
    padding: 5px 2px;
}
.consumos {
    background: #ffd400;
    color: #768ba2;
    padding: 2px 6px;
    vertical-align: 2px;
    cursor: pointer;
    margin-left: 5px;
    position: absolute;
    right: 15px;
}
.titlecolumbox{
    color: #287b62; 
}
.color-info {
    color: #17a2b8 !important;
}
#notasprevias {
    overflow: auto;
}
.ntsd{
    display: none;
}
.notas-block p, .condiciones-block p , .contentmargin p{
    margin-bottom: 0px;
    text-align: justify;
}
#notasprevias::-webkit-scrollbar, .novedadescontent::-webkit-scrollbar, .resultadoscontent::-webkit-scrollbar, #FlowStageDescription::-webkit-scrollbar , #condiciones::-webkit-scrollbar , .interacciones::-webkit-scrollbar, #flujodashboard::-webkit-scrollbar , .databussiness::-webkit-scrollbar, .contentpopup::-webkit-scrollbar , #gestiones-dashboard::-webkit-scrollbar , .heightresults::-webkit-scrollbar, .ifmessagegmail::-webkit-scrollbar, .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar , #cuerpoDespacho::-webkit-scrollbar{
    width: 6px;
}
.orderc{
    width: 5% !important;
}
.asunto{
    width: 45% !important;
}
.describenota{
    width: 55% !important;
}
.para{
    width: 15% !important;
    height: 15px !important;
    overflow: hidden !important;
}
.de{
    width: 15% !important;
}
.fecha{
    width: 13% !important; 
}
.calculatebox .input.text {
    display: inline-flex !important;
    width: 92.3% !important;
}
input:focus {
    box-shadow: 0 0 10px #cce5ff00 !important;
}
    .hoverdashboard, .hoverperfil, .hoverplantillas , .hoverproductos, .hovercotizacionesenviadas, .hovermisflujos, .hoverserviciotecnico, .hovernaturales, .hoverjuridicas,
.hoverusuarios, .hoveragenda, .hovergmail, .hoverpagos, .hoverinformes, .hoverdespachos , .hovercotizacionesenviadas{
        display: none;
    }
.bordespan p:empty{display:none;}


.table-responsive::-webkit-scrollbar,
body::-webkit-scrollbar, 
#modal_previsualizar_body::-webkit-scrollbar,
 #modal_administrar_despachado_body::-webkit-scrollbar , 
 .limitheightscroll::-webkit-scrollbar,
 #contentproductquote::-webkit-scrollbar,
 .selectallbox .blockwhiteabajo::-webkit-scrollbar 
 {
    width: 9px;
}
.table-responsive::-webkit-scrollbar-track,
body::-webkit-scrollbar-track, 
.limitheightscroll::-webkit-scrollbar-track, 
#modal_previsualizar_body::-webkit-scrollbar-track, 
#modal_administrar_despachado_body::-webkit-scrollbar-track , 
#cuerpoDespacho::-webkit-scrollbar-track,
#contentproductquote::-webkit-scrollbar-track,
.selectallbox .blockwhiteabajo::-webkit-scrollbar-track
 {
    background: #d9e2e6;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
.table-responsive::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
.limitheightscroll::-webkit-scrollbar-thumb,
 #modal_previsualizar_body::-webkit-scrollbar-thumb,
  #modal_administrar_despachado_body::-webkit-scrollbar-thumb ,
   #cuerpoDespacho::-webkit-scrollbar-thumb,
   #contentproductquote::-webkit-scrollbar-thumb ,
   .selectallbox .blockwhiteabajo::-webkit-scrollbar-thumb
   {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #768ba2;   
}


.resetfont table{
   width: 100% !important;
}
p.reasonidentif {
    text-align: center;
}
.resetfont table tbody tr:first-child td {
    background-color: #004794 !important;
    padding: 0px 5px !important;
    text-align: center;
    margin: 0 auto;
    height: auto !important;
}
.resetfont table tbody td p{
   line-height: normal;
}
.resetfont table tbody tr:first-child td p b{
    color: white !important;
}
.resetfont table tbody tr:first-child td p b span{
    font-size: 12px !important;
}

.resetfont p , .resetfont , .resetfont p font {
    font-family: 'Raleway' !important;
    font-size: 14px !important;
    padding: 2px 6px !important;
    text-align: justify !important;
}
.resetfont span, .resetfont p span{
    font-family: 'Raleway' !important;
    font-size: 14px !important;
    padding: 2px 0px !important;
    text-align: justify !important;
}
#navleft::-webkit-scrollbar{width: 4px;}
#navleft::-webkit-scrollbar-track{
    background: #bfc9cd;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
#navleft::-webkit-scrollbar-thumb{
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #768ba2;   
}
.ifmessagegmail {
    overflow: hidden !important;
    height: 80vh;
}
.dataloginheader{
    margin-bottom: 20px;
}
#notasprevias::-webkit-scrollbar-track , .novedadescontent::-webkit-scrollbar-track, .resultadoscontent::-webkit-scrollbar-track, #FlowStageDescription::-webkit-scrollbar-track, #condiciones::-webkit-scrollbar-track , .interacciones::-webkit-scrollbar-track, #flujodashboard::-webkit-scrollbar-track , .databussiness::-webkit-scrollbar-track, .contentpopup::-webkit-scrollbar-track , #gestiones-dashboard::-webkit-scrollbar-track , .ifmessagegmail::-webkit-scrollbar , .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track{
    background: #d9e2e6;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.heightresults::-webkit-scrollbar-track{
    background: #d9e2e6;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
#notasprevias::-webkit-scrollbar-thumb , .novedadescontent::-webkit-scrollbar-thumb, .resultadoscontent::-webkit-scrollbar-thumb , #condiciones::-webkit-scrollbar-thumb, #FlowStageDescription::-webkit-scrollbar-thumb , .interacciones::-webkit-scrollbar-thumb, #flujodashboard::-webkit-scrollbar-thumb , .databussiness::-webkit-scrollbar-thumb, .contentpopup::-webkit-scrollbar-thumb , #gestiones-dashboard::-webkit-scrollbar-thumb, .ifmessagegmail::-webkit-scrollbar-thumb, .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb{
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #768ba2;
}
.heightresults::-webkit-scrollbar-thumb{
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #768ba2;   
}
#flujodashboard {
    height: 595px;
}
a#btn_registrar_products {
    cursor: pointer;
    vertical-align: 3px;
}
.imgmin-product, .reciboT, .minprods{
    cursor: pointer;
}
#btn_registrar{
    cursor: pointer;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {
   opacity: 1;
}
input:disabled {
    background: #eef2f4 !important ;
}
label {
    margin-bottom: 0.2rem !important;
    color: #004990 !important;
    font-weight: 600 !important;
}
.typeahead__container button {
    line-height: 1.55 !important;
}

#block-one, #block-two, #block-three {
    padding: 0 20px;
    height: 135px;
    max-height: 135px;
}
#block-one .boxleft {
    text-align: center;
}
#block-one .boxright {
  vertical-align: 40px;
}
#block-one .boxright h2 {
    font-size: 24px;
    margin-bottom: 0px;
}
#block-one .boxright h3 {
    margin-bottom: 3px;
    font-weight: lighter;
    font-size: 14px;
    margin-top: 18px;
    color: #004990;
}
#block-one .boxright h4 {
    font-size: 21px;
    color: #004990;
    font-weight: 700;
    margin-bottom: 3px;
}
#block-one .boxleft h2 {
    font-size: 35px;
    font-weight: 100;
    margin-bottom: 0px;
    color: #0ed003;
}
#block-one .boxleft h3 {
    font-size: 24px;
    margin-bottom: 0px;
    color: #00488f;
}

#block-one .boxleft h4 {
    font-size: 14px;
    font-weight: lighter;
    margin-bottom: 0px;

}
#block-two .boxright {
    padding: 25px 0px;
}

#block-two .boxright h3 {
    margin-bottom: 3px;
    font-weight: lighter;
    font-size: 14px;
    color: #004990;
}
#block-two .boxright h2 {
    margin-bottom: 3px;
    font-weight: bold;
    font-size: 21px;
    color: #004990;
}

#block-two .boxleft {
    text-align: right;
}
span.sizedataorigin {
    font-size: 12px;
}
#block-two .boxleft h3 {
    font-size: 24px;
    margin-bottom: 0px;
    color: #afdaf3;
    margin-top: 10px;
    text-decoration: line-through;
}
#block-two .boxleft h3 span {
    font-size: 13px;
    color: #d2e4ee;
    font-weight: lighter;
    display: block;
    margin-right: 0px;
    vertical-align: middle;
}
#block-two .boxleft h2 {
    font-size: 22px;
    margin-bottom: 0px;
    color: #32d22a;
}
#block-two .boxleft h2 span {
    font-size: 11px;
    color: #32d22a;
    font-weight: lighter;
    margin-right: 8px;
    vertical-align: middle;
}
.titleorigen , .titleorigen .col-md-6{
  text-align: center;
}
#block-three .titleorigen h2{
  font-weight: 700;
}
#block-three .titleorigen h2 span{
  font-weight: 400;
}

#block-three .boxright h2,#block-three .boxleft h2 {
    margin-bottom: 4px;
    /*font-weight: lighter;*/
    /*font-size: 14px;*/
    color: #004990;
}
#block-three .boxright h2 span,#block-three .boxleft h2 span{
    font-weight: 700;
    font-size: 16px;
    color: #004990;
    float: right;
}
.spaceangle {
    margin-top: 0px;
    width: 0;
    margin-left: 8px;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #eef2f4 transparent;
}
.spaceangle2 {
    width: 0;
    position: absolute;
    right: 32px;
    top: -12px;
    height: 0;
    border-style: solid;
    border-width: 0 12px 12px 12px;
    border-color: transparent transparent #ffffff transparent;
}
.actionscontact{
  float: right;
}

#messagesDropdown, #alertsDropdown {
    padding: 0.8rem 0.3em !important;
}
.closew {
    padding: 0.3rem  !important;
}
.fa-1x {
    font-size: 20px !important;
}
.invdata .fa-1x {
    font-size: 17px !important;
}
.fa-x {
    font-size: 15px !important;
    vertical-align: 0px;
}
.note-editor.note-frame {
    border: 1px solid #ced4da !important;
}
.contentavatar{
  margin-right: 14px;
}
.options-prospect {
    text-align: center;
}
.brandbar img {
    padding: 16px 34px;
    /*width: 250px;*/
    width: 70px;
    background: white;
}
.brandbar {
    margin: 0 auto;
}
li.mgb {
    padding: 2px 23px;
}
.reset button.btn.btn-link.m-0 {
    margin-top: 4px !important;
    margin-left: 13px !important;
}
.letra-rojo{
    color: #dc3545 ;
}
.letra-verde{
    color: #00b307;
}
.fondo-rojo{
    background-color: #dc3545 ;
    color: white;
    padding: 4px 0px;
}
.fondo-verde{
    background-color: #00b307;
    color: white;
    padding: 4px 0px;
}
.margendatablock.fondo-rojo {
    background-color: #fbfbfb;
    color: #dc3545;
    border-bottom: 1px solid #e2e5eb;
}
.margendatablock.fondo-verde {
    background-color: #fbfbfb;
    color: #00b307;
    border-bottom: 1px solid #e2e5eb;
}

.removemg{
    margin: 0px;
    padding: 0px;
}
.img-fluid.brandbar {
    padding: 80px 0px 50px 0px;
}
.savebefore {
    color: #004990 !important;
    font-weight: bold;

}
.card small, .card .small {
    font-size: 90% !important;
}

.nav-tabs .nav-link {
    border: 1px solid #ececec !important;
}

.reset .btn-danger {
    margin: 0px !important;
    vertical-align: 2px;
}

.minpedido {
    background: #fff;
    border: 1px solid #dfdfdf;
    color: #003889;
    padding: 12px;
}
.trm{
     background: #fff;
     border: 1px solid #dfdfdf;
    color: #003889;
    padding: 12px;   
}
.factor{
     background: #fff;
     border: 1px solid #dfdfdf;
    color: #003889;
    padding: 12px;   
}
.totalmoneda {
    background: #fff;
    border: 1px solid #dfdfdf;
    color: #003889;
    padding: 12px;
}
.blockempty {
    padding: 12px 0px 12px 12px;
}
.blockwhite {
    background: white;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 0.20rem 0.55rem rgba(0, 0, 0, .10);
}

.blockwhitearriba {
    background: white;
    border-radius: 10px 10px 0px 0px ;
    padding: 25px 25px 0px 25px;
    box-shadow: 0 0.2rem 0.55rem rgba(0, 0, 0, .05);
}

.blockwhiteabajo {
    background: white;
    padding: 25px;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0 0.2rem 0.55rem rgba(0, 0, 0, .05);
}
.blockwhiteabajo2 {
    background: white;
    padding: 0px 25px 25px 25px;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0 0.2rem 0.55rem rgba(0, 0, 0, .05);
}
.novedadescontent, .resultadoscontent{
    padding: 25px;
    border-radius: 10px;
    background: #feffff;
}
.blockwhitebox {
    background: white;
    padding: 25px;
    border-radius: 0px;
    box-shadow: 0 0.20rem 0.55rem rgba(0, 0, 0, .05);
}

.input.select {
    width: 100%;
}
.modal-lg2 {
    max-width: 70% !important;
}
.modal-lg3 {
    max-width: 55% !important;
}
.data_product_imp h5{
    font-size: 16px;
    text-transform: uppercase;
}
.Pagesgmail{
    overflow-x: hidden !important;
}
.Pagesgmail .table_resultados {
    font-size: 13px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #004794 !important;
}
.filterclientgmail {
    color: #212529 !important;
    margin-top: 10px;
    font-size: 14px;
}
.filterbtns a {
    width: 50%;
    display: inline-block;
    float: left;
    cursor: pointer;
    padding: 5px;
}
#btn_from_cliente , #btn_from_cliente_filter {
    border-radius: 2px;
    font-weight: bold;
    text-align: center;
    outline: 0;
    background-color: #d4d4d4;
    background-image: linear-gradient(to bottom,#eaeaea,#e0e0e0);
    border: 1px solid #c2c2c2;
    color: #d64937;
    margin-top: 8px;
}
#btn_to_cliente , #btn_to_cliente_filter{
    border-radius: 2px;
    font-weight: bold;
    text-align: center;
    outline: 0;
    background-color: #d14836;
    background-image: linear-gradient(to bottom,#dd4b39,#d14836);
    border: 1px solid transparent;
    color: #fff;
    margin-top: 8px;
}
#Drive{
    border-radius: 2px;
    font-weight: bold;
    text-align: center;
    outline: 0;
    background-color: #d14836;
    background-image: linear-gradient(to bottom,#dd4b39,#d14836);
    border: 1px solid transparent;
    color: #fff;
    margin-top: 8px;
}
#Gmail{
    border-radius: 2px;
    font-weight: bold;
    text-align: center;
    outline: 0;
    background-color: #d14836;
    background-image: linear-gradient(to bottom,#dd4b39,#d14836);
    border: 1px solid transparent;
    color: #fff;
    margin-top: 8px;
}
#compose-modal .cancelmodal{
    background-color: #f3f5f9;
    font-weight: bold;
    color: #dd4b39;
    border-radius: 0 0 0 10px;
    transition: all .3s;
    cursor: pointer;
}
#compose-modal .savedata{
    background-color: #dd4b39;
    font-weight: bold;
    color: #fff;
    border-radius: 0  0 10px  0; 
    transition: all .3s;   
}
#modal_compose-modal{
    font-size: 19px;
    color: #dd4b39;
    font-weight: bold;
}
.nequipoficha {
    font-size: 30px !important;
    text-align: center;
    color: #004990 !important;
}
span.numequipo {
    background: #808080;
    padding: 3px 10px;
    color: white;
    font-size: 10px;
}
.numequipo::before {
    content: '';
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-left: 11px solid grey;
    border-bottom: 0px solid transparent;
    left: 79px;
    top: 3px;
    position: absolute;
    clear: both;
}
.blockwhitebox span{
    font-weight: normal !important;
}
.cutline {
    border: 1px dashed;
}
.emailstyle table.dataTable thead .sorting:before, .emailstyle table.dataTable thead .sorting:after, .emailstyle table.dataTable thead .sorting_asc:before, .emailstyle table.dataTable thead .sorting_asc:after, .emailstyle table.dataTable thead .sorting_desc:before, .emailstyle table.dataTable thead .sorting_desc:after, .emailstyle table.dataTable thead .sorting_asc_disabled:before, .emailstyle table.dataTable thead .sorting_asc_disabled:after, .emailstyle table.dataTable thead .sorting_desc_disabled:before, .emailstyle table.dataTable thead .sorting_desc_disabled:after {
    bottom: 0.9em !important;
}
.emailstyle .page-item.active .page-link {
    background-color: #dd4b39;
    border-color: #dd4b39;
}
.emailstyle .page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
}
.emailstyle .page-link {
    color: #dd4b39;
    border: 0px solid #dee2e6;
    padding: 0.25rem 0.6rem !important;
}
.emailstyle thead tr {
    color: #dd4b39 !important;
}
.emailstyle .asunto a {
    color: #2d3640 !important;
    font-weight: 600 !important;
}
#navleft {
    box-shadow: -6px 0rem 2rem 2px rgba(0, 0, 0, 0.1);
}
#gestiones-dashboard .content-wrapper {
    overflow-x: hidden;
    background: #ffffff;
    padding-top: 0px;
}
#gestiones-dashboard .fc button {
    margin: 0 14px 0 0;
    height: 0px;
    padding: 0;
    color: #006cd6;
    text-transform: uppercase;
}
#gestiones-dashboard .fc-scroller {
    height: 100% !important;
}
#gestiones-dashboard .fc-event, #gestiones-dashboard .fc-event-dot {
    background-color: #006cd6;
}
#gestiones-dashboard .fc-ltr .fc-list-heading-alt {
    font-weight: 400;
    margin-right: 5px;
}
#gestiones-dashboard .fc-state-default{
    border-color: transparent !important;
    border: 1px solid;
    background-color: #ffffff00;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0), 0 1px 2px rgba(255, 255, 255, 0);
}
#gestiones-dashboard .fc-unthemed .fc-list-item:hover td {
    background-color: #f3f5f9;
}
#gestiones-dashboard .fc-icon-right-single-arrow:after ,#gestiones-dashboard .fc-icon-left-single-arrow:after{
    color: #2a96ff !important;
}
#gestiones-dashboard .fc-list-heading td {
    color: #004990;
    font-weight: 700;
    font-size: 13px;
}
#gestiones-dashboard .fc-state-disabled {
    opacity: 1;
}
#gestiones-dashboard .fc-state-active {
    background-color: #fff !important;
    box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0), 0 1px 2px rgba(255, 255, 255, 0) !important;
}
#gestiones-dashboard .fc-state-active, #gestiones-dashboard .fc-state-disabled, #gestiones-dashboard .fc-state-down, #gestiones-dashboard .fc-state-hover {
    background-color: #ffffff00 !important;
}
#gestiones-dashboard .fc button .fc-icon {
    margin: 0;
}
.datajuridica{
  margin-bottom: 15px;
}
.mb15{
  margin-bottom: 15px;
}
.resultadoscontent {
    min-height: 325px;
    height: 400px;
    max-height: 573px;
    overflow: auto;
}
.viewdetailc{
    cursor: pointer;
}
.text-b{
    color: #6d6d6d !important;
}
.row.stylegeneralbox.muestra-flex {
    border: 1px solid #ced4da;
    border-top: 0px;
    margin-bottom: 20px !important;
    padding-top: 20px;
    margin: 0px;
}
.styledrop .dropdown-item{
    font-size: 14px !important;
}
.novedadescontent {
    height: 400px;
    min-height: 325px;
    overflow: auto;
    max-height: 573px;
}
.brandbarmin {
    padding: 16px 9px !important;
    width: 54px !important;
}
.oculta{
    display: none !important;
}
.muestra{
    display: block !important;
}
.oculta-flex{
    display: none ;
}
.switche{
    display: none !important;
}
.muestra-flex {
    display: flex;
    flex-wrap: wrap;
    margin: 20px -15px;
}
.stylegeneralbox2  {
    flex-wrap: wrap;
    margin: 0px;
    padding:10px 0px 0px 0px;
    position: absolute;
    width: 320px;
    right: -312px;
    background: white;
    z-index: 911;
    font-size: 12px;
    top: 245px;
}
.muestra-flex .col-md-6{
    padding: 0 5px;
}
.brandmin {
    display: none;
    width: 50px !important;
    padding: 15px 6px !important;
}
.resultadoDatos::-webkit-scrollbar , .resultadoNovedades::-webkit-scrollbar, .listcontacts::-webkit-scrollbar, .contentnotification::-webkit-scrollbar, .contentnotificationnew::-webkit-scrollbar{
    width: 6px;
}
.resultadoDatos::-webkit-scrollbar-track , .resultadoNovedades::-webkit-scrollbar-track, .listcontacts::-webkit-scrollbar-track, .contentnotification::-webkit-scrollbar-track, .contentnotificationnew::-webkit-scrollbar-track{
    background: #eef2f4;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.resultadoDatos::-webkit-scrollbar-thumb , .resultadoNovedades::-webkit-scrollbar-thumb, .listcontacts::-webkit-scrollbar-thumb, .contentnotification::-webkit-scrollbar-thumb, .contentnotificationnew::-webkit-scrollbar-thumb{
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #768ba2;
}
/*.resultadoNovedades {
    overflow-y: auto;
    max-height: 518px;
}
.resultadoDatos {
    overflow-y: auto;
    height: 280px;
}*/
.resultadoscontent .blockwhite{
  padding-right: 20px !important;
}
.dnone{
  display: none;
}
.savedata{
    cursor: pointer;
}
.blockcontactsjuridica {
    max-height: 346px;
    height: 329px;
}
.datastates a {
    padding: 0.25rem 0.8rem;
    font-size: 14px;
    color: white !important;
}
.datastates a:hover {
    color: #003889 !important;
    font-weight: bold;
}
.datastates.show {
    background: #003889;
    border-radius: 0px;
    border: 0px;
}
.allnovedad{
    margin-top: 10px;
}
.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0) !important;
}

.numberpages {
text-align: center;
    margin: 0 auto;
    width: 100%;
    display: block !important;
    padding: 20px 0px 0px 0px;
        font-size: 16px;
}
.numberpages b{
  color: #003889; 
}
.next a{
  font-weight: bold;
}
.numberpages .next{
  margin: 0px;
  font-weight: bold
}
.numberpages .prev{
  margin: 10px;
  font-weight: bold
}
.pdtb{
    padding-top: 0px !important;
    padding-bottom: 15px !important;
}
.pd30 {
    padding-right: 15px !important;
    padding-left: 15px !important;
}
.bannerbig {
    font-size: 25px;
    font-weight: lighter !important;
}
.w100{
  width: 100%;
}
.bg-blue {
    background-color: #004990 !important;
    background: radial-gradient(circle, rgb(0, 94, 185) 0%, rgba(9,56,121,1) 50%, rgba(4,43,99,1) 100%);
}
.bg-azul {
    background-color: #768ba2 !important;
}
.bg-verde {
    background-color: #27ab2d !important;
}
.bg-cafe {
    background-color: #48d6e4;
}
.bg-morado {
    background-color: #9687c3;
}
.bg-azulclaro {
    background: #006cd6;
}
.bg-aguamarina {
    background: #287b62;
}
.bg-naranja {
    background-color: orange !important;
}
.bg-rojo {
    background: #9a7b7b;
}
.text-black {
    color: #fff !important
}
.logointro{
    padding: 80px 0 60px 0;
}

#navleft {
    box-shadow: 1px 2px 10px 1px rgba(0, 0, 0, 0.32);
    font-size: 14px;
}

.itemsopen ul.sidenav-second-level.collapse.show{
    display: none;
}





p.copyright {
    position: fixed;
    bottom: 0px;
    background: #0254a92b;
    margin: 0px;
    width: 100%;
    text-align: center;
    padding: 14px 10px;
    color: #61a0dd;
    font-size: 12px;
}
.widget-panel {
    padding: 20px;
    border-radius: 5px;
    color: #ffffff;
    position: relative;
    margin-bottom: 20px;
}
.widget-panel-menu {
    padding: 17px 19px;
    color: #ffffff;
    position: relative;
    margin-bottom: 0px;
    cursor: pointer;
}
.widget-panel-menu h2 {
    font-size: 18px;
    font-weight: bold;
}
.widget-panel-menu div {
    font-size: 13px;
    line-height: 14px;
    padding-right: 62px;
}
.widget-panel-menu i {
    float: right !important;
    padding: 21px 14px 22px 0px !important;
    margin-top: -17px !important;
    margin-right: -19px !important;
    color: #edf0f0 !important;
    display: contents;
    background: rgba(255, 255, 255, 0.2) ;
}
.widget-panel-menu i:before {
    font-size: 40px;
    margin-left: -3px;
}
.widget-style-2 h2 {
    font-weight: 600;
    font-size: 18px;
}
.widget-style-2.zoom {
    transition: all 0.2s ease;
}
.widget-style-2 i.fa-1x {
    font-size: 43px !important;
    float: right;
    padding: 25px 16px 25px 0px;
    margin-top: -20px;
    margin-right: -20px;
    color: #edf0f0;
    background: rgba(255, 255, 255, 0.2);
}
.widget-style-2 i:before {
    font-size: 50px !important;
}
.big.widget-style-2 i:before {
    font-size: 64px !important;
}
.big.widget-style-2 i {
    font-size: 43px !important;
    float: right;
    padding: 4px 16px 4px 15px;
    margin-top: -22px;
    margin-right: -21px;
    color: #edf0f0;
    background: rgba(255, 255, 255, 0.2);
}
.dataclientsbar span {
    font-size: 30px;
    font-weight: bold;
}
.minitem{
    display: none;
}
.monedaselect .toggle-on {
    top: 3px !important;
    left: -5px !important;
}
.monedaselect .toggle-off {
    top: 3px !important;
    right: -5px !important;
}
.monedaselect .form-check-label{
    padding-left: 6.25rem !important
}
.opcionesadicionales hr {
    border-color: whitesmoke;
    margin: 15px 0px !important;
}
.monedaselect {
    width: 100%;
    background: white;
    padding: 6px 0px;
    margin: 0px;
    border-radius: 3px;
    margin-bottom: 5px !important;
    text-align: center;
    margin-right: 0 !important;
}
.monedaselect label{
    margin-bottom: 0px;
}
.selectallbox .blockwhiteabajo{
    padding-top: 15px;
}
.registernewuser {
    font-size: 15px;
    color: #004990 !important;
    font-weight: bold;
    padding: 7.5px;
    background: #ffd600;
    margin: 0px 3px;
    vertical-align: 12px;
}
ul#gestion-crm {
    background: #3389de;
}
ul#gestion-crm li a{
    color: #fff;
}
ul#gestion-crm li:not(:last-child) {
    border-bottom: 1px solid #ffffff29;
    list-style-type: none;
}
ul#tesoreria {
    background: #52bc57;
}
ul#tesoreria li a{
    color: #fff;
}
ul#tesoreria li:not(:last-child) {
    border-bottom: 1px solid #ffffff29;
}
ul#despachos {
    background: #539581;
}
ul#despachos li a{
    color: #fff;
}
ul#despachos li:not(:last-child) {
    border-bottom: 1px solid #ffffff29;
}
ul#importaciones {
    background: #ab9fcf;
}
ul#importaciones li a{
    color: #fff;
}
ul#importaciones li:not(:last-child) {
    border-bottom: 1px solid #ffffff29;
}
ul#serviciot {
    background: #ae9595;
}
ul#serviciot li a{
    color: #fff;
}
ul#serviciot li:not(:last-child) {
    border-bottom: 1px solid #ffffff29;
}
ul#informes {
    background: #6dd8e9;
}
ul#informes li a{
    color: #fff;
}
ul#informes li:not(:last-child) {
    border-bottom: 1px solid #ffffff29;
}
ul#config {
    background: #91a2b5;
}
ul#config li a{
    color: #fff;
}
ul#config li:not(:last-child) {
    border-bottom: 1px solid #ffffff29;
}
.bx-s, .panel, .portlet, .widget-panel, .profile-widget, .profile-widget img, .tiles, .tile-stats, .mini-stat, header {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.Quotationsadd .container-fluid.pd30 {
    margin-bottom: 0px !important;
}
.navbar-brand{
    padding-top: 0.61rem !important;
    padding-bottom: 0.61rem !important;
}
.configotherdataquote {
    color: #004990;
    cursor: pointer;
}
.opcionesadicionales::before {
    display: inline-block;
    position: relative;
    width: 0;
    top: -21px;
    right: -166px;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    color: #f7f7f7;
    border-top: 0;
    border-right: .6em solid transparent;
    border-bottom: .6em solid;
    border-left: .6em solid transparent;
}
.opcionesadicionales {
    display: none;
    width: 400px;
    position: absolute;
    margin-top: 10px;
    box-shadow: 0 0.2rem 0.55rem rgba(0, 0, 0, 0.35);
    right: 0%;
    z-index: 999;
    background: #f7f7f7;
    padding: 10px 25px;
    color: white;
    border-radius: 8px;
}
body.Quotationsadd .sticky-footer {
    display: none;
}
body.Quotationsadd {
    background-color: #f3f5f9 !important;
}
.contentdataclient{
   text-align: center;
}
.contentdataclient p, .contentdataclient span{
    display: inline-block;
    margin-bottom: 0px;
    font-weight: 100;
}
.blockdatauserblue .blockwhiteabajo{
    background: #27ab2d;
    color: white;
}
.blockdatauserblue .blockwhiteabajo h3{
    color: white;
    font-size: 18px;
}
#introtext2 img{
    width: 100%;
}
p#introtext , p#introtext2{
    display: none;
}

p#introtext , p#introtext2, .condiciones_negociacion{
    margin-bottom: 0px;
    padding-top: 15px;
}
.selectallbox .blockwhiteabajo{
    max-height: 400px;
    overflow-y: auto;
}
label.labeltotaliza {
    text-align: center !important;
    margin: 0 auto !important;
    display: block !important;
}
.colorcant {
    color: #06d836;
}
.Quotationsadd .products.form.blockwhite {
    margin-bottom: 10px;
    padding: 30px 25px;
}
input#txt_buscar_flujo {
    width: 80%;
    float: left;
}
.selectallbox a.pull-right{
    color: #006cd6;
}
.bannequotation {
    padding: 0px 15%;
}
.titlesectionquote {
    background: #f2f8ff;
    padding: 11px 22px;
    color: #00478d !important;
    margin-bottom: 0px;
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #bdccdc;
}
.select_flujo_buscado {
    width: 50%;
    float: left;
    padding: 10px 10px 10px 0px;
}
#btn_borrador {
    background: #ffd600;
    color: #004990;
    display: inline-block;
    font-size: 15px;
    vertical-align: top;
    padding: 0.5rem 0.9rem;
    cursor: pointer;
    border-radius: 8px;
}
#btn_buscar_flujo {
    border-radius: 5px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid #ffd600;
    padding: 0.4rem 1.2rem;
    background: #ffd600;
    vertical-align: top;
    font-size: 14px;
    margin-left: 5px;
}
.copy {
    background: #0ed003;
    color: white;
    padding: 2px 6px;
    vertical-align: 2px;
    cursor: pointer;
    margin-left: 5px;
    position: absolute;
    right: 15px;
}
.deleteProduct i{
    color: #e60000;
    cursor: pointer;
}
.condicion {
    background: #004990;
    color: #bae2fd;
    padding: 2px 6px;
    vertical-align: 2px;
    cursor: pointer;
    margin-left: 5px;
    position: absolute;
    right: 15px;
}
.typeahead__container {
    margin: 5px 0 20px 0px !important;
    font-size: 13.5px !important;
}
.registerprospective.blockwhite.control_flujo {
    padding: 5px 20px 15px 20px;
    border: 3px solid;
    border-color: transparent;
}
.control_flujo:active , .control_flujo:hover{
  transition: all .2s;
  box-shadow: 0.2rem 0.2rem 0.8rem 0.3rem rgba(0, 0, 0, 0.18);
}
.control_flujo{
    transition: all .2s;
  }
.activeflujo {
    background: #f00;
}
select{    
    display: block;
    width: 100%;
    height: 35px;
    padding: .375rem .75rem;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }

form .input{
    margin-bottom: 1rem;
}

form .input input{
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 14px;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.aqthis .input input{
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 14px;
    line-height: 1.5;
    color: #495057;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid transparent;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
textarea{
      display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 14px;
    height: 80px !important;
    resize: none !important;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
label {
    display: inline-block;
    margin-bottom: .5rem;
}

input:focus { 
    outline: none !important;
    border-color: #719ECE;
    box-shadow: 0 0 10px #cce5ff;
}
a.nav-link.active.show , a.nav-link.active {
    color: #003889;
    font-weight: bold;
}
p#validacion_texto {
    font-size: 12px;
    color: #cc1010;
    text-align: right;
}
.submit input, #btn_guardar{
    font-size: 14px;
    background: #003889;
    border: 1px solid #003889;
    color: white;
    padding: 7px 30px;
    border-radius: 8px;
    transition: all .25s;
    cursor: pointer;
}
.submit input:hover , #btn_guardar:hover{
    background: #fff;
    border: 1px solid #003889;
    color: #003889;
    transition: all .25s;

}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}
.parsley-error{
  border-bottom: 1px solid #bd2727 !important;
  color: #bd2727 !important;
}
.parsley-required {
    color: #bd2727 !important;
    font-size: 11px;
    text-align: right;
    list-style: none;
}
a , a:hover , a:focus{
  text-decoration: none !important;
}
body{
  font-size: 13.5px !important;
  font-family: 'Raleway', sans-serif !important;
  font-weight: 500!important;
  color: #000 !important;
}
i.despachado.fa.fa-check {
    color: #00b307;
}
.printh{
    display: none;
}
body.Administración #countSalesMonth , body.Logística #countSalesMonth , body.Contabilidad #countSalesMonth{
    font-size: 30px !important;
    padding: 0px !important;
    font-weight: bold !important;
    line-height: 37px;
}
body.Administración .databuy p , body.Logística .databuy p , body.Contabilidad .databuy p{
    font-size: 16px !important;
    padding: 5px 0px !important;
}

.borrador {
    background: #ffd600;
    color: #003889 !important;
    padding: 7px 14px;
    display: table-cell;
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px 0px;
}
.fc-eventsss{
    /*random*/ 
    background-color: #00b307 !important;
}
.fc-event {
    font-size: .85em !important;
    border-radius: 0px !important;
    border: 1px solid #f9f9f9 !important;
    box-shadow: 0 0.2rem 0.55rem rgba(0, 0, 0, .05);
}
.fc-time-grid-event .fc-time {
    font-weight: bold !important; 
}
.fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title {
    color: white;
}
iframe{
    border: 0px;
}
span.statemodald {
    font-weight: bold;
    color: #28a745;
}
.fc-unthemed td.fc-today {
    background: #f9f9f9 !important; 
}
.fc-scroller.fc-time-grid-container, .fc-scroller {
    height: auto !important;
}
.managesdiary .fc-unthemed .fc-content, .managesdiary .fc-unthemed .fc-divider, .managesdiary .fc-unthemed .fc-list-heading td, .managesdiary .fc-unthemed .fc-list-view, .managesdiary .managesdiary .fc-unthemed .fc-popover, .managesdiary .fc-unthemed .fc-row, .managesdiary .fc-unthemed tbody, .managesdiary .fc-unthemed td, .managesdiary .fc-unthemed th, .managesdiary .fc-unthemed thead {
    border-color: #f1f1f1 !important;
}

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    border-color: #f3f3f3 !important;
}
.fc-unthemed .fc-list-empty {
    background-color: #fff !important;
}
.fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header {
    background: #f3f5f9 !important;
}
.myTable, .table_resultados, .myTableOrderFin, .table_resultados_numero , .tableproducts , #contactsall, .naturalperson , #naturalpersontable, .tabletemplates, .activityusers, .tableCotizacionesEnviadas, .tableCotizacionesEnviadas {
    width: 100% !important;
}
.products.index.blockwhite.active{
    margin-bottom: 100px !important;
}
.blockdata .card{
    border: 0px solid rgba(0, 0, 0, 0.0) !important;
}
.blockdata .card-header {
    padding: 5px !important;
    background-color: rgba(255, 255, 255, 0) !important;
    border-bottom: 1px solid rgb(231, 234, 241) !important;
}
.blockdata .blockwhite{
    padding: 15px !important;
}
#notasprevias .card-link{
    font-weight: bolder;
    font-size: 13px;
    color: #0ed003;
}
a#btn_delete_cache , #btn_total_cotizacion{
    background: #ffd600;
    color: #004990;
    font-weight: bold;
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
    padding: 0.4rem 0.75rem;
    cursor: pointer;
}
#btn_total_cotizacion {
    border: 0px !important;
    padding: 0.48rem 0.8rem !important;
    border-radius: 5px;
}
#condiciones .card-link {
    color: #004890 !important;
    font-size: 13.5px;
    font-weight: bolder;
}

.buttons-excel {
    background-color: #13bd1a;
    color: white;
    font-weight: bolder;
    border: 0px solid transparent;
    padding: 5px 10px;
}
.buttons-excel span:before {
    position: absolute;
    left: 11px;
    content: '\f1c3';
    font-family: 'FontAwesome';
    font-weight: 400 !important;
}
.buttons-excel span{
    padding-left: 20px;
}


.dt-buttons {
    position: absolute;
    left: 43px;
    margin-top: 2px;
}
td, th {
    padding: 5px 10px;
}
img.brandcrm {
    width: 180px;
    margin-left: 30px;
}


.reduce{
    display: none;
    width: 100%;
    padding-top: 20px;
}
.verticalinfo {
    display: block;
    writing-mode: vertical-rl;
    transform: rotate(-180deg);
    margin-left: -5px;
}

.databuy {
    background: #004990;
    padding: 16px  !important;
    color: #e3eef6;
    width: 70px;
    display: flex;
    text-align: center;
    height: 166px !important; 
    min-height: 166px !important; 
    max-height: 166px !important; 
    -webkit-box-shadow: inset 0px 26px 37px -25px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: inset 0px 26px 37px -25px rgba(0, 0, 0, 0.32);
    box-shadow: inset 0px 26px 37px -25px rgba(0, 0, 0, 0.32);
}
.simpledecimal {
    font-weight: 600;
    font-size: 10px;
    vertical-align: bottom;
}
.databuy p , .databuy h2{
  margin: 0px;
}
.databuy h2 {
    font-weight: bold;
    font-size: 18px;
}
.mindatabuy p{
    display: none;
}
.mindatabuy {
    padding: 77px 0px 27px 0px !important; 
}

.mindatabuy h2{
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 26px;
}
#mainNav {
    background: #004990 ;
    /*background: -moz-linear-gradient(left, rgb(47, 191, 25) 0%, rgba(0,73,144,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgb(47, 191, 25)), color-stop(100%, rgba(0,73,144,1)));
    background: -webkit-linear-gradient(left, rgb(185, 199, 215) 0%, rgb(118, 139, 162) 100%);
    background: -o-linear-gradient(left, rgb(47, 191, 25) 0%, rgba(0,73,144,1) 100%);
    background: -ms-linear-gradient(left, rgb(47, 191, 25) 0%, rgba(0,73,144,1) 100%);
    background: linear-gradient(to right, rgb(185, 199, 215) 0%, rgb(118, 139, 162) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001f90', endColorstr='#004990', GradientType=1 );*/
}
span.numorden {
    font-size: 20px;
    font-weight: bold;
}

.contentback2 span.numorden {
    font-size: 20px;
    font-weight: bold;
    color: #00b307;
}
.contentback2 {
    background: #e8fbe8;
    border-bottom: 2px solid #00b307;
}
.contentback1 a {
    color: #212529 !important;
    padding: 13px 10px 13px 25px !important;
    display: inline-block;
}
.contentback2 a {
    color: #00b307 !important;
    padding: 13px 10px 13px 25px !important;
    display: inline-block;
}
.contentback1 {
    background: #f7f8fb;
    border-bottom: 2px solid #d9e2e6;
}
.col-md-6.back1 {
    padding-right: 0;
}
.col-md-6.back2 {
    padding-left: 0;
}
.spacebt {
    margin: 10px 0px;
}
.objetct {
    
    cursor: pointer;
}
.ml {
    margin-left: 65px;
}
#btn_cerrar{
    cursor: pointer;
}
.searchobject {
    margin-left: 30px;
    }
.searchobject input{
  background-color: transparent !important;
  border: 0px solid transparent !important;
  color: #bfd8e0 !important;
}
.searchobject input::-webkit-input-placeholder { 
  color: #fff !important;
}

.searchobject button{
  background-color: transparent !important;
  color: #ffffff;
  border: 0px;
}
.table-bordered th, .table-bordered td , .table-bordered {
    border: 1px solid #cbcfd66b !important;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(243, 245, 249) !important;
}
div#accordion.import .table-striped tbody tr:nth-of-type(odd) {
    background-color: #f7f7f7 !important;
}
div#accordion.import .table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 2px;
    background: #f7f7f7;
}
.tableproducts tr:hover , .tableproducts tbody tr:nth-of-type(odd):hover {
    background: #e0e9f7 !important;
}
.flujo_finalizado_text {
    background: #0ed003;
    color: white;
    padding: 5px 10px;
    text-align: center;
    font-weight: bold;
}
thead tr{
  color: #004990 !important;
}
.card-contact {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: 0.25rem;
    margin-bottom: 0px;
}
.card-contact h5 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    margin-bottom: 3px;
} 
.card-etapa {
    margin-bottom: 10px;
}
.card-etapa h5 {
    margin-bottom: -4px;
    border-bottom: 1px solid #e3ecf1;
}
.card-contact .btn-link  {
    font-weight: bolder;
    font-size: 14px;
    color: #212529;
}
.card-etapa .btn-link {
    font-weight: bolder;
    font-size: 14px;
    color: #0ed003;
}
.card-etapa .btn-link:hover , .card-etapa .btn-link:focus{
  text-decoration: none;
  color: #0abd00;
}
.card-contact .btn-link:hover{
  text-decoration: none;
}
.bg-filter {
    background-color: #ffffff !important;
    width: 100%;
    padding: 0px !important;
    margin-top: 10px;
    margin-bottom: 10px;
}
.usercontacts .card-body , .useretapa .card-body{
  background: #f5fafa;
  padding: 5px 10px ;
}
div#DataTables_Table_0_wrapper {
    padding: 0 12px;
}
.allflujo .col-md-12  .col-md-6 h2{
    font-size: 20px;
}
.blockwhite.spacebtn20 .col-md-12.mb-3 h2, .blockwhite.spacebtn20 .col-md-12 h2 {
    font-size: 17px;
}
hr {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}
.card-contact .btn , .card-etapa .btn{
  padding: 0;
}  
a {
    color: #004990;}

h2.nameview {
    font-size: 17px;
}
.content-all h2 {
    color: #073868;
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 0px;
}
.content-all h3 {
    font-size: 15px;
    color: #606060;
    font-weight: bold;
}
.content-all h4 {
    font-size: 18px;
    color: #004990;
    font-weight: bold;
}
.control_flujo h3 {
    font-size: 15px;
    color: #012a51;
    font-weight: bold;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
    bottom: 0.2em !important;
}
.linedata{
  margin-bottom: 20px;
}
.text-success {
    font-weight: bold;
}

tr.titletable {
    font-weight: bold;
    color: #f1f4f8;
    background: #003889;
}
tr.titletablequote td {
    font-weight: bold;
    color: #ffffff;
    background: #004990 !important;
}
select#delivery {
    width: 110px;
}
td.precio {
    width: 110px;
    padding: 0.1rem !important;
}
td.subtotal {
    padding: 0.1rem !important;
}
#contentproductquote {
    max-height: 403px;
    margin: 10px 0px 15px 0px;
    border: 1px solid #ced4da;
    overflow-y: auto;
}
.imgproductview {
    height: 170px;
    background-size: contain;
    background-position: center center !important;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100%;
}
.descriptionview {
    line-height: 14px;
    font-size: 13.5px;
}
.nc{
    text-align: inherit !important;
}
.listadoProductos td {
    padding: 2px 11px !important;
}
.titlesectionquote small {
    color: #006cd6;
}
.blockwhiteabajo.disabled {
    background: #f5f5f5;
    color: #a8afb9;
    border: 1px solid #d8dbde;
}
.blockwhiteabajo.disabled h3{
    color: #a8afb9;
}
.blockwhiteabajo.mb-3 {
    padding: 15px 25px 20px 25px;
}
.tentrega {
    font-size: 13.5px;
    color: #004990;
}
.cotizacioneslistas span{
    font-size: 10px !important;
    font-weight: lighter !important; 
}
ul.cotizacioneslistas {
    -webkit-padding-start: 20px !important;
}

.h-150{
    height: 170px !important;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 0.25rem;
}
.listado_tabla_ordenada{
    cursor: pointer;
}
.ui-sortable-helper{
    background: #e1ebf2 !important; /*azul*/
    box-shadow: 0 0.2rem 0.55rem rgba(0, 0, 0, 0.27);
}
.ui-state-highlight:before{
    content:"\A";
    border-style: solid;
    border-width: 10px 15px 10px 0;
    border-color: transparent #fffcde transparent transparent;
    position: absolute;
    left: 25px;
    margin-top: 13px;
}
.ui-sortable-helper:before{
    content:"\A";
    border-style: solid;
    border-width: 10px 15px 10px 0;
    border-color: transparent #e1ebf2 transparent transparent;
    position: absolute;
    left: -15px;
    top: 35px;
}


.ui-state-highlight{
   background: #fffcde !important;
   box-shadow: 0 0.2rem 0.55rem rgba(0, 0, 0, 0.27);
}
.form-group {
    margin-bottom: 0px !important;
}
#QuotationAddForm{
    margin-top: 30px;
}
#details-country {
   margin-bottom: 0px;
}
#details-country td {
    vertical-align:middle;
}
#details-country .input {
    margin-bottom: 0rem !important;
}
#cantidadproduct {
    width: 31px;
    border: 0px solid transparent;
    padding: 0px;
}
.productoscotizados, .conditionsview{
    margin-bottom: 50px;
}
.datasesorview {
    margin: 35px 0px;
}
.datasesorview b{
    color: #004990;
}
.datasesorview b {
    color: #004990;
    font-size: 17px;
    line-height: 9px;
}

.dataproductview h3 {
    font-size: 17px;
    color: #004990;
    font-weight: bold;
    text-transform: uppercase;
}
.dataproductview2 h3 {
    font-size: 14px;
    color: #004990;
    font-weight: bold;
}

/* Para Safari */
::selection {
    background: rgba(192, 205, 230, 0.35);
}
 
/* Para Firefox */
::-moz-selection {
    background: rgba(192, 205, 230, 0.35);
}
/*************************fin OSNAIDER******************/


/*************************LOGIN******************/
.stateNotificacion{
    cursor: pointer;
}
.offline h3.panel-title {
    font-size: 25px !important;
    color: white !important;
}
.arrowicon {
    float: right;
    margin-top: 4px;
    font-size: 10px !important;
}
a.dropdown-item.small {
    background: #00b307;
    color: white;
    font-size: 13px;
}
.blockwhitearriba #myTab a.nav-link.active.show, .blockwhitearriba #myTab a.nav-link.active {
    color: #fff;
    font-weight: bold;
    background: #e8ecf3;
}
/*.blockwhitearriba #myTab a.nav-link.active span{
    color: #fff !important;
}*/
.loginblock {
    color: #c3c5d0 !important;
    display: block;
    padding: 60px 70px !important;
    background: #011821b8;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
    width: 760px !important;
    margin: 90px auto 0px auto;
    border-radius: 10px 10px 0px 0px;
}
.avisologin {
    position: absolute;
    bottom: 0;
    z-index: 99999;
    color: #b4b8c4;
    font-size: 14px;
    padding: 20px;
}
.dataitems {
    list-style: none;
    -webkit-padding-start: 0px;
    margin-top: 5px;
}
span.tag-search.Producto {
    background: #004d9b;
}
span.tag-search.Contacto {
    background: #ffd600;
    color: #3d3939;
}
span.tag-search.Flujo {
    background: #e1e1e1;
    color: #5b5b5b;
}
span.tag-search.Plantilla {
    background: #b00000;
}
span.tag-search.Cotización {
    background: #00a7ff;
}
span.tag-search.Usuario {
    background: red;
}
.line{
  border-left:1px solid #ccc;
}
.dataitems li {
    margin-bottom: 10px;
    line-height: 15px;
}
#UserLoginForm .input {
    margin-bottom: 0.8rem;
}
.botonsaction .tabs{
  padding: 0px;
}
.page-header h1 span {
    color: #ffc300;
    font-weight: bold;
}
body.offline .container-fluid {
    padding: 0px !important;
    margin: 0px !important;
}
.resset {
    margin-top: 20px;
    display: inherit;
    color: #b1c0d0;
}
.resset:hover {
    color: #fff;
}
.formend .submit input {
    color: #032440;
    font-size: 18px;
}
.formend .submit input:hover {
    color: #06458f !important;
    font-size: 18px !important;
}
.botonsaction {
    width: 760px !important;
    margin: 0 auto;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
}
body.offline {
    background: radial-gradient(circle, rgb(0, 94, 185) 0%, rgba(9,56,121,1) 50%, rgba(4,43,99,1) 100%);
}
.col-md-6.tabs.remember_pass {
    background: linear-gradient(to bottom, #ffdc00 0%,#ffc000 100%);
    text-align: center;
    padding: 18px 30px;
}
.tabs.formend {
    background: #ffc300 !important;
}
@media (min-width: 992px){
    body.offline .content-wrapper {
        margin-left: 0px;
    }  
}
body.offline .sticky-footer{
    display: none !important;
}
.remember_pass a {
    color: #3d3d3d !important;
}
.userslogin label , .Usersremember_password label, .usersremember_password_step_2 label{
  color: #c3c5d0 !important;
}

.Usersremember_password .content-wrapper , .usersremember_password_step_2 .content-wrapper{
    margin-left: 0px !important;
    background: transparent !important;
}
.Usersremember_password .sticky-footer , .usersremember_password_step_2 .sticky-footer{
    display: none !important;
}
.userslogin .submit input , .Usersremember_password .submit input , .usersremember_password_step_2 .submit input  {
    background: transparent;
    border: 0px solid transparent;
    text-transform: uppercase;
    transition: inherit;
    cursor: pointer;
    padding: 18px 150px;
    font-weight: bold;
}
.userslogin .submit input:focus , .Usersremember_password .submit input:focus  , .usersremember_password_step_2 .submit input:focus{
    box-shadow: 0 0 0px #cce5ff !important;
}
.card-header.resetpadding{
    padding: 5px 10px !important;
}

.blue{
    background: #004794;;
    text-align: center;
    font-weight: bold;
}
.blue input:hover{
  color: #e7f8ff;
}
.calculatebox span .input.text label {
    width: 5%;
    margin-top: 7px;
}
.blueprimary {
    color: #006cd6;
}
.spaceright{
    margin-right: 12px;
    font-size: 16px;
}
.btn-primary {
    background: #003889 !important;
    border: 2px solid #003889 !important;
    color: white !important;
    padding: 7px 30px !important;
    transition: all .25s !important;
    font-size: 14px !important;
    border-radius: 0rem !important;
}
.btn-secondary {
    background: #aabcc5 !important;
    border: 2px solid #aabcc5 !important;
    color: white !important;
    padding: 7px 30px !important;
    transition: all .25s !important;
    font-size: 14px !important;
    border-radius: 0rem !important;
}
.btn {
    padding: 0.28rem 0.75rem !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    border-radius: 5PX !important;
}
.btn-primary:hover{
  background: transparent !important;
    border: 2px solid #003889 !important;
    color: #003889 !important;
    transition: all .25s !important;
}
.btn-novedadesorder {
    background: transparent !important;
    border: 1px solid #003889 !important;
    color: #003889 !important;
    transition: all .25s !important;
    border-radius: 5px;
    display: inline-block;
    padding: 2px 7px;
    margin: 4px 0;
    text-align: center;
    vertical-align: 0px;
}
.btn-novedadesorder2 {
    background: #aabcc5 !important;
    border: 1px solid #aabcc5 !important;
    color: #fff !important;
    transition: all .25s !important;
    border-radius: 5px;
    display: inline-block;
    padding: 7px;
    margin: 5px 0;
    text-align: center;
}
.aviso{
    background: #dc3545;
    padding: 3px 6px;
    color: white;
}
.upper{
    text-transform: uppercase;
}
.close_message{
    cursor: pointer;
}
.strongtittle {
    font-weight: bolder !important;
    font-size: 22px !important;
}

.rowdataimp .blockwhite{
    margin-bottom: 20px !important;
}
.data_product_imp p{
    margin-bottom: 0px;
}
.rowdataimp{
    margin-bottom: 20px;
}
.rowdataimp p{
    margin: 0px;
}
.rowdataimp .imp{
    padding: 10px;
    margin-bottom: 0px;
}
.bardataimport {
    background: #aabcc5;
    color: white;
    padding: 12px 15px;
    margin-top: 10px;
}
.bardataimport span{
    margin-right: 15px;
}
.clienteimp {
background: #ffffff;
    color: #00478c;
}
.asesorimp {
background: #fff;
    color: #00478c;
}
.cotiimp {
    background: #ffffff;
    color: #00478c;
}
.cotiimp a{
    color: #00478c;
}
.btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.0) !important;
}
.btn_editar_cantidad i{
    vertical-align: baseline;
}
.btn-secondary:hover{
  background: transparent !important;
    border: 2px solid #aabcc5 !important;
    color: #aabcc5 !important;
    transition: all .25s !important;
}
.userslogin .parsley-required , .userslogin .parsley-errors-list {
    color: #ff5f5f !important;
        font-size: 11px;
    text-align: right;
    list-style: none;
}
.userslogin .parsley-error {
    border-bottom: 1px solid #ff5f5f !important;
    color: #ff5f5f !important;
}
.fixed-top {
    z-index: 1050 !important;
}
/*************************fin LOGIN******************/
html {
  position: relative;
  min-height: 100%;
}


body.userslogin .content-wrapper {
    background: none !important;
    padding-top: 0px;
}
body.userslogin .formend:hover {
    background-color: #003773;
}
body.userslogin .formend:hover , body.userslogin .formend{
    transition: all .5s;
}

body.sticky-footer .content-wrapper {
  min-height: calc(100vh - 47px - 47px);
    background: #edefef url(../img/assets/pattern.svg) 0 0 repeat;
}
.userslogin .sticky-footer {
    display: none !important;
}
body.fixed-nav {
  padding-top: 66px;
}

.content-wrapper {
  min-height: calc(100vh - 66px);
  padding-top: 21px;
}
.condiciones_negociacion {
    list-style: none;
    padding-inline-start: 0px;
    line-height: 19px;
}
.condiciones_negociacion li{
    margin-bottom: 8px;
}
.condiciones_negociacion li b {
    color: #004990;
}
.condiciones_negociacion li p {
    margin: 0px 0px 0px 15px;
}
.condicionesadd{
    margin-top: 20px;
    margin-bottom: 10px !important;
}
.scroll-to-top {
  position: fixed;
  right: 15px;
  bottom: 3px;
  display: none;
  width: 50px;
  height: 50px;
  text-align: center;
  color: white;
  background: rgba(118, 139, 162, 0.44);
  line-height: 45px;
  z-index: 99999;
}
a.reviewProduct {
    background: #0ab300 !important;
    border: 1px solid #0ed003 !important;
    transition: all .25s !important;
    border-radius: 5px;
    color: white;
    display: inline-block;
    padding: 2px 7px;
    margin: 4px 0;
    text-align: center;
    vertical-align: 0px;
}
.savebeforebtn {
    background: #0ab30000 !important;
    border: 1px solid #004990 !important;
    transition: all .25s !important;
    border-radius: 5px;
    color: white;
    display: inline-block;
    padding: 1px 7px;
    text-align: center;
    vertical-align: 0px;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0) !important;
}
.scroll-to-top:focus, .scroll-to-top:hover {
  color: white;
}

.scroll-to-top:hover {
  background: #343a40;
}

.scroll-to-top i {
  font-weight: 700;
}

.smaller {
  font-size: 0.7rem;
}

.o-hidden {
  overflow: hidden !important;
}

.z-0 {
  z-index: 0;
}

.z-1 {
  z-index: 1;
}
footer.sticky-footer {
    position: absolute;
    right: 0;
    bottom: 0px;
    /*width: calc(100% - 250px);*/
    width: calc(100% - 70px);
    height: 47px;
    background-color: #004990;
    color: #b1b1b1;
    z-index: 100;
}

#mainNav{
    padding: 9px 0px !important; 
}
#mainNav .navbar-collapse {
  overflow: auto;
  max-height: 75vh;
}

#mainNav .navbar-collapse .navbar-nav .nav-item .nav-link {
  cursor: pointer;
}

#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
  float: right;
  content: '\f107';
  font-family: 'FontAwesome';
}

#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse.collapsed:after {
  content: '\f105';
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level {
  padding-left: 0;
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
  display: block;
  padding: 0.5em 0;
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:focus, #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:hover,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:focus,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:hover {
  text-decoration: none;
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a {
  padding-left: 1em;
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
  padding-left: 2em;
}

#mainNav .navbar-collapse .sidenav-toggler {
  display: none;
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
  position: relative;
  min-width: 45px;
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
  float: right;
  width: auto;
  content: '\f105';
  border: none;
  font-family: 'FontAwesome';
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link .indicator {
  position: absolute;
  top: 8px;
  left: 12px;
  font-size: 10px;
  background: #ffc800;
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown.show > .nav-link:after {
  content: '\f107';
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
  overflow: hidden;
  max-width: none;
  text-overflow: ellipsis;
}

@media (min-width: 992px) {
  #mainNav .navbar-brand {
    width: 250px;
  }
  #mainNav .navbar-collapse {
    overflow: visible;
    max-height: none;
  }
  #mainNav .navbar-collapse .navbar-sidenav {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /*margin-top: 66px;*/
  }
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item {
    width: 100%;
    padding: 0;
  }
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
    padding: 0.45em 0.62em;
  }
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
    padding-left: 0;
  }
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li,
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li {
    width: 100%;
  }
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
    padding: 1em;
  }
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a {
    padding-left: 2.75em;
  }
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
    padding-left: 3.75em;
  }
  #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
    min-width: 0;
  }
  #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
    width: 24px;
    text-align: center;
  }
  #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
    max-width: 300px;
  }
}

#mainNav.fixed-top .sidenav-toggler {
  display: none;
}




#mainNav.fixed-top.navbar-dark .sidenav-toggler {
    background: linear-gradient(to right, rgba(0,31,144,1) 0%, rgba(0,73,144,1) 100%);
}

#mainNav.fixed-top.navbar-dark .sidenav-toggler a i {
  color: #adb5bd;
}

#mainNav.fixed-top.navbar-light .sidenav-toggler {
  background-color: #dee2e6;
}

#mainNav.fixed-top.navbar-light .sidenav-toggler a i {
  color: rgba(0, 0, 0, 0.5);
}

body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler {
  overflow-x: hidden;
  width: 55px;
}

body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-item,
body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-link {
  width: 55px !important;
}

body.sidenav-toggled #mainNav.fixed-top #sidenavToggler i {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: 'FlipH';
}

#mainNav.static-top .sidenav-toggler {
  display: none;
}

@media (min-width: 992px) {
  #mainNav.static-top .sidenav-toggler {
    display: flex;
  }
}

body.sidenav-toggled #mainNav.static-top #sidenavToggler i {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: 'FlipH';
}

.content-wrapper {
    overflow-x: hidden;
    background: #f3f5f9;
}

@media (min-width: 992px) {
  .content-wrapper {
    /*margin-left: 250px;*/
    margin-left: 70px;
  }
  .userslogin .content-wrapper {
    margin-left: 0px !important;
  }
}

#sidenavToggler i {
  font-weight: 700;
}

@media (min-width: 992px) {
  body.sidenav-toggled .content-wrapper {
    margin-left: 55px;
  }
}

body.sidenav-toggled .navbar-sidenav {
  width: 55px;
}

body.sidenav-toggled .navbar-sidenav .nav-link-text {
  display: none;
}

body.sidenav-toggled .navbar-sidenav .nav-item,
body.sidenav-toggled .navbar-sidenav .nav-link {
  width: 55px !important;
}

body.sidenav-toggled .navbar-sidenav .nav-item:after,
body.sidenav-toggled .navbar-sidenav .nav-link:after {
  display: none;
}

body.sidenav-toggled .navbar-sidenav .nav-item {
  white-space: nowrap;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
  color: #a0aab5;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
  color: #163251;
  transition: all .3s;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover {
    color: #ffffff;
    background: #2d3640;
    transition: all .3s;
}
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:active {
    color: #ffffff;
    background: #2d3640;
    transition: all .3s;
}
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:focus {
    color: #ffffff;
    background: #2d3640;
    transition: all .3s;
}
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover:after {
    color: #fff;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level.show > li > a:after {
    color: #fff;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a {
    color: #adb5bd;
    border-bottom: 1px solid #28313a;
    padding: 8px 12px 8px 38px !important;
}


#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
  color: #a4b4c5;
  border-bottom: 1px solid #404a56;
  padding: 4px 14px 4px 48px !important;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li a:hover , #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li a:hover {
  background-color: inherit;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover {
  color: #adb5bd;
}

#mainNav.navbar-dark .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
  color: #adb5bd;
}


@media (min-width: 992px) {
  #mainNav.fixed-top .navbar-sidenav {
        height: calc(100vh - 110px);
        width: 70px;
        background: #fff;
        overflow-y: auto;
        margin-top: 67px; 
        overflow-x: hidden;
  }
  #mainNav.fixed-top .sidenav-toggler {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: calc(100vh - 47px);
  }
  #mainNav.fixed-top .sidenav-toggler > .nav-item {
    /*width: 250px;*/
    width: 70px;
    padding: 0;
  }
  #mainNav.fixed-top .sidenav-toggler > .nav-item > .nav-link {
    padding: 1em;
  }

  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:hover {
    color: #adb5bd;
    background: #f3f5f9;
    transition: all .3s; 
  }
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:hover {
    color: white;
  }
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level{
    background: #171c21;
  }
  
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
    background: #2d3640;
  }  
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
  color: rgba(0, 0, 0, 0.5);
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover {
  color: rgba(0, 0, 0, 0.7);
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
  color: rgba(0, 0, 0, 0.5);
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,
#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus,
#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover {
  color: rgba(0, 0, 0, 0.7);
}

#mainNav.navbar-light .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
  color: rgba(0, 0, 0, 0.5);
}
/*@media (max-width: 1200px) {
    body#page-top{
        display: none;
    }
}*/
@media (min-width: 992px) {
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav {
    background: #f8f9fa;
  }
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a {
    color: #000 !important;
    background-color: #e9ecef;
  }
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:hover {
    color: #000;
  }
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
    background: #f8f9fa;
  }
}

.card-body-icon {
  position: absolute;
  z-index: 0;
  top: -25px;
  right: -25px;
  font-size: 5rem;
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}

@media (min-width: 576px) {
  .card-columns {
    column-count: 1;
  }
}

@media (min-width: 768px) {
  .card-columns {
    column-count: 2;
  }
}

@media (min-width: 1200px) {
  .card-columns {
    column-count: 2;
  }
}

.card-login {
  max-width: 25rem;
}

.card-register {
  max-width: 40rem;
}
/*.products.form.blockwhite {
    margin-bottom: 80px;*/
}



@media (min-width: 992px) {
  footer.sticky-footer {
    width: calc(100% - 250px);
  }
}

@media (min-width: 992px) {
  body.sidenav-toggled footer.sticky-footer {
    width: calc(100% - 55px);
  }
}

textarea:focus {
  overflow: auto;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.img-gmailicon {
    width: 14px;
    margin-left: 5px;
}
.btnemail {
    /* position: absolute; */
    /* right: -5px; */
    /* top: 26px; 
    display: -webkit-inline-box;*/
    display: none;
    /* background: #eaebec; */
    /* padding: 3px 8px; */
    /* border-bottom-right-radius: 10px; */
}
.btnemail a{
    padding: 0px !important;
    margin: 0px !important;
}
.btnemail a i {
    vertical-align: baseline;
    color: #003889;
}
.BordeRojo {
  border: 1px solid #f00; 
}

.countdata {
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    color: #0ed003;
}
.countdatainput .textarea {
    margin-bottom: 0rem;
}
.allflujo .numberpages{
    padding: 0px !important;
    margin: initial !important;
    text-align: right !important;
}
/*Form Wizard*/

.Productsproduct_import .bs-wizard {
    margin-top: 30px !important;
    margin-bottom: 10px !important;
} 
a.btn_administrar_orden {
    color: #58656d !important;
}
.contentdataflow{
    margin-bottom: 30px 0px;
}
.bs-wizard {
    margin-top: 10px;
    padding: 0px;
    position: relative;
}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #000; font-size: 14px; margin-top: 10px;}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
    position: absolute;
    width: 25px;
    height: 25px;
    display: block;
    background: #d6ffd4;
    top: 10px;
    left: 50%;
    cursor: pointer;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%;
}
.bs-wizard > .bs-wizard-step.active > .bs-wizard-dot:before , .bs-wizard > .bs-wizard-step.complete > .bs-wizard-dot:before  {
    color: white;
    content: "\f00c";
    position: absolute;
    z-index: 99;
    display: inline-block;
    font: normal normal normal 8px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    left: 6px;
    top: 5px;
    -webkit-font-smoothing: antialiased;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
    content: ' ';
    width: 18px;
    height: 18px;
    background: #0ed003;
    border-radius: 50px;
    position: absolute;
    top: 3px;
    left: 4px;
}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
    width: 0px;
    box-shadow: none;
    background: #389dff;
}
.bs-wizard > .bs-wizard-step.complete > .bs-wizard-info{
    color: #0ed003;
}
.bs-wizard > .bs-wizard-step.active > .bs-wizard-info{
    color: #004990;
    font-weight: 600;
}

.bs-wizard > .bs-wizard-step.active > .bs-wizard-dot {
    background: #d8ebff;
}
.progress {
    background-color: #dbdbdb !important;
}
.bs-wizard > .bs-wizard-step.active > .bs-wizard-dot:after {
    background: #004990;
}   
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 2px; box-shadow: none; margin: 7px 0;}

.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #0ed003;}

.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #dbdbdb;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/
.pdetapa .card-body p img{
    width: 74px !important;
    cursor: pointer;
}
.contentnotificationnew {
    max-height: 300px;
    overflow: auto;
}
.blobs img {
    transform-style: preserve-3d;
    position: absolute;
    left: 28%;
    top: 62%;
    font-weight: bold;
    color: #ffd600;
    font-size: 20px;
    height: 30px;
}
.Pagesgmail .body-loading{
    display: none !important;
}

.body-loading {
    margin: 0;
    background-color: rgba(0, 35, 70, 0.97);
    position: fixed;
    z-index: 9999999;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
}
.body-loading-mail {
    margin: 0;
    background-color: rgba(0, 35, 70, 0.84);
    position: fixed;
    z-index: 99999999;
    width: 100%;
    height: 100%;
    left: 0px;
    display: block;
    top: 0;
}
svg {
  display: none;
}

.blobs {
  filter: url(#goo);
  width: 300px;
  height: 300px;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
  overflow: hidden;
  border-radius: 70px;
  transform-style: preserve-3d;
}
.blobs .blob-center {
  transform-style: preserve-3d;
  position: absolute;
  background: #ffd600;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  transform-origin: left top;
  transform: scale(0.9) translate(-50%, -50%);
  animation: blob-grow linear 3.4s infinite;
  border-radius: 50%;
  box-shadow: 0 -10px 40px -5px #ffd600;
}

.blob {
  position: absolute;
  background: #ffd600;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  animation: blobs ease-out 3.1s infinite;
  transform: scale(0.9) translate(-50%, -50%);
  transform-origin: center top;
  opacity: 0;
}
.blob:nth-child(1) {
  animation-delay: 0.2s;
}
.blob:nth-child(2) {
  animation-delay: 0.4s;
}
.blob:nth-child(3) {
  animation-delay: 0.6s;
}
.blob:nth-child(4) {
  animation-delay: 0.8s;
}
.blob:nth-child(5) {
  animation-delay: 1s;
}

@keyframes blobs {
  0% {
    opacity: 0;
    transform: scale(0) translate(calc(-330px - 50%), -50%);
  }
  1% {
    opacity: 1;
  }
  35%, 65% {
    opacity: 1;
    transform: scale(0.9) translate(-50%, -50%);
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(0) translate(calc(330px - 50%), -50%);
  }
}
@keyframes blob-grow {
  0%, 39% {
    transform: scale(0) translate(-50%, -50%);
  }
  40%, 42% {
    transform: scale(1, 0.9) translate(-50%, -50%);
  }
  43%, 44% {
    transform: scale(1.2, 1.1) translate(-50%, -50%);
  }
  45%, 46% {
    transform: scale(1.3, 1.2) translate(-50%, -50%);
  }
  47%, 48% {
    transform: scale(1.4, 1.3) translate(-50%, -50%);
  }
  52% {
    transform: scale(1.5, 1.4) translate(-50%, -50%);
  }
  54% {
    transform: scale(1.7, 1.6) translate(-50%, -50%);
  }
  58% {
    transform: scale(1.8, 1.7) translate(-50%, -50%);
  }
  68%, 70% {
    transform: scale(1.7, 1.5) translate(-50%, -50%);
  }
  78% {
    transform: scale(1.6, 1.4) translate(-50%, -50%);
  }
  80%, 81% {
    transform: scale(1.5, 1.4) translate(-50%, -50%);
  }
  82%, 83% {
    transform: scale(1.4, 1.3) translate(-50%, -50%);
  }
  84%, 85% {
    transform: scale(1.3, 1.2) translate(-50%, -50%);
  }
  86%, 87% {
    transform: scale(1.2, 1.1) translate(-50%, -50%);
  }
  90%, 91% {
    transform: scale(1, 0.9) translate(-50%, -50%);
  }
  92%, 100% {
    transform: scale(0) translate(-50%, -50%);
  }
}
.minmenu{
   display: none; 
}

.con-tooltip {
  display: inline-block;
  transition: all 0.3s ease-in-out;
  cursor: default;
}

.tooltips {
  visibility: hidden;
  z-index: 1;
  opacity: .40;
  
  width: 100%;
  padding: 0px 20px;

  background: #333;
  color: #E086D3;
  
  position: absolute;
  top:-140%;
  left: -25%;
  

  border-radius: 9px;
  font: 16px;

  transform: translateY(9px);
  transition: all 0.3s ease-in-out;
  
  box-shadow: 0 0 3px rgba(56, 54, 54, 0.86);
}


/* 
after*/
.tooltips::after {
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 12.5px 0 12.5px;
  border-color: #333 transparent transparent transparent;
  position: absolute;
  left: 40%;

}

.con-tooltip:hover .tooltips{
  visibility: visible;
  transform: translateY(-10px);
  opacity: 1;
    transition: .3s linear;
  animation: odsoky 1s ease-in-out infinite  alternate;

}
@keyframes odsoky {
  0%{
    transform: translateY(6px); 
  }

  100%{
    transform: translateY(1px); 
  }

}
.right:hover {transform: translateX(6px); }
.right .tooltip::after{
  top:40%;
  left:-12%;
  transform: rotate(90deg);
}

.dataequipo .form-row{
    margin-bottom: 10px;
}
.accesorioslist {
    background: #f4f9fb;
    padding: 20px;
    margin-bottom: 15px;
}
.accesorioslist .checkbox {
    border-bottom: 1px solid #e8eef1;
}
.accesorioslist label{
    margin-left: 10px;
}
.dataequipoimg .aqthis {
    border: 1px solid #d0e2e8;
    padding: 10px 5px;
    background: #f4f9fb;
    margin-bottom: 10px;
}
.aqthis label{
    margin-right: 10px;
}
.divButton_1, .rowproduct a{
    cursor: pointer;
}
#icon_add_imagenes {
    line-height: 79px;
    color: #003889;
    cursor: pointer;
}
.formJuridico , .formNatural{
    padding: 20px;
    background: #f4f9fb;
    margin-bottom: 10px;
    margin-top: 10px;
}
i#icon_add_legal_cliente, i#icon_add_natural_cliente, i#icon_add_legal_contac {
    vertical-align: -26px;
    color: #003889;
    cursor: pointer;
}
#TechnicalServiceImg1, #TechnicalServiceImg2, #TechnicalServiceImg3 {
    width: 100%;
}
.imgservicecontent {
    height: 320px;
    border: 1px solid #ced4da;
    padding: 20px;
    line-height: 317px;
    margin-bottom: 30px;
}
.imgservice {
    width: 100%;
    height: 100%;
    background-size: cover;
    display: block;
    background-position: center center;
}
.nopdiv{
    padding: 0px !important;
}
.firmas {
    margin-top: 130px;
    margin-bottom: 20px;
}
.firmas h2 {
    border-top: 2px solid #004990;
    padding-top: 5px;
}
a.delete_image {
    padding: 0px;
    background: #dc0000;
    display: -webkit-box;
    color: #e80000;
    font-weight: bold;
    position: absolute;
    height: 22px;
    right: 15px;
    width: 23px;
    bottom: 30px;
}
.delete_image:before {
    content: "x";
    position: absolute;
    height: 12px;
    color: #ffd9d9;
    z-index: 9666;
    font-size: 15px;
    top: 9px;
    right: 8px;
    line-height: 0PX;
}
.submitcontent {
    text-align: -webkit-right;
    margin-top: 45px;
}
.contecntpd {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
.specialimporttitle {
    text-transform: uppercase;
    color: #00488d !important;
    font-size: 17px !important;
    margin-bottom: 15px;
}
.providerslist .nav-item a {
    text-transform: uppercase !important;
}
#cuerpoOtro .subpagos2, #cuerpoOtro span.pull-right{
    display: none;
}
ul.subpagos2 {
    padding-inline-start: 0px;
    display: flex;
}
p.cantd {
    margin: 0px;
    display: inline;
    font-weight: bold;
    font-size: 16px;
}
ul.subpagos2 li.activesub {
    background: #fff !important;
}
ul.subpagos2 li.activesub i, ul.subpagos2 li.activesub span{
    color: #004990 !important
} 
ul.subpagos2 li {
    width: 17%;
    margin-bottom: 0px;
    text-align: center;
    float: left;
    list-style: none;
    padding: 11px 13px;
    background: #e8ecf3;
    border-left: 2px solid white;
}
ul.subpagos2 li a {
    color: #004990 !important;
    line-height: initial;
    font-size: 34px;
}

ul.subpagos2 li span{
    color: #004990 !important;
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
}
#introtext p img{
    width: 100%;
}
.contentgrafico p img{
    width: 100%;
}
thead.titlestab tr th {
    padding: 12px 20px;
    border: 1px solid #cbcfd6ad !important;
    text-transform: uppercase;
}
.searchimport {
    background: #f3f5f9;
    padding: 10px;
    display: flex;
    margin-bottom: 15px;
}

.searchimport h2 {
    font-weight: bold;
    line-height: 15px;
    padding: 5px 0 5px 5px;
    color: #004990;
    font-size: 14px;
}
.table_resultados_numero th, .table_resultados_numero td, .table_resultados_numero {
    font-size: 18px;
    text-align: center;
    padding: 7px;
}
th.columna30 {
    width: 21%;
}
th.columna10 {
    width: 7%;
}
.namestable th{
    line-height: 18px;
    padding: 10px 5px !important;
}
td.columna30 , td.columna10{
    border-right: 1px solid #ced4da !important;
    border-top: 1px solid #ced4da !important;
    border-bottom: 1px solid #ced4da !important;
}
.usuarioTotal_1, .usuarioTotal_2, .usuarioTotal_3, .usuarioTotal_4, .usuarioTotal_5, .usuarioTotal_6, .usuarioTotal_7, .usuarioTotal_8, .usuarioTotal_9{
    border-top: 1px solid #ced4da !important;
    border-bottom: 1px solid #ced4da !important;   
    color: #004794;
        font-weight: bold;
    font-size: 26px !important;

}
.horizontal_user_1, .horizontal_user_2, .horizontal_user_3, .horizontal_user_4, .horizontal_user_5, .horizontal_user_6, .horizontal_user_7,.horizontal_user_8,.horizontal_user_9,.horizontal_user_10,.horizontal_user_11 {
    line-height: 20px;
    font-size: 17px !important;
}

.chatTotal,.marketingTotal,.landingTotal, .whatsappTotal,.stTotal, .emailTotal, .llamadaTotal, .presencialTotal, .redesTotal,.referidosTotal,.chatpelicanTotal,.chatUsaTotal,.wppUsaTotal,.emailUsaTotal {
    border-left: 1px solid #ced4da !important;
    border-right: 1px solid #ced4da !important;
    font-weight: bold;
    font-size: 26px !important;
}
.chatTotal{
    color: #ce2181;
}
.whatsappTotal{
    color: #1db922;
}
.emailTotal{
   color: #03a9f4; 
}
.llamadaTotal{
   color: #ff5722; 
}
.namestable .columna10{
     border-left: 1px solid #ced4da !important;
    border-right: 1px solid #ced4da !important;    
}
.chatSuma {
    color: #ce2181;
    font-size: 23px !important;
}
.whatsappSuma{
    color: #1db922;
    font-size: 23px !important;
} 
.emailSuma{
    color: #03a9f4;
    font-size: 23px !important;   
}
.llamadaSuma {
    color: #ff5722;
    font-size: 23px !important;   
}
.presencialSuma  {
    color: #ffc107;
    font-size: 23px !important;   
}
.redesSuma  {
    color: #607d8b;
    font-size: 23px !important;   
}
td.totalTotal, .nametotal {
    font-size: 25px !important;
    font-weight: bold;
    color: #004794;
}

.deleteelementsdatatable .dataTables_length, .deleteelementsdatatable .dataTables_filter{
    display: none;
}
.deleteelementsdatatable table.dataTable {
    margin-top: 0px !important;
}
div[class^='horizontal_user']{
    color: #004794;
}
-.dflex {
    display: inline-block;
    width: 50%;
    text-align: center;
}
.cotrealzidas {
    background: #004990;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 0.2rem 0.55rem rgba(0, 0, 0, .05);
    color: white;
    display: flex;
    max-height: 120px;
    height: 120px;
}
.cotrealzidas h2 {
    font-size: 36px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 0px;
}
.cotrealzidas h3 {
    font-size: 18px;
    margin-bottom: 0px;
}
.cotrealzidas .dflex {
    text-align: center;
    margin: 0 15px;
}
.blockreportadviser {
    padding: 15px 15px;
    border-radius: 8px;
    box-shadow: 0 0.2rem 0.55rem rgba(0, 0, 0, 0.13);
    color: white;
    display: block;
    max-height: 92px;
    height: 92px;
    text-align: center;
    border: 2px solid #ffffff;
}
.blockreportadviser i {
    vertical-align: baseline;
    font-weight: bold;
    color: #004990;
    font-size: 20px;
}
.blockreportadviser h2 {
    font-size: 28px !important;
    color: inherit !important;
}
.blockreportadviser h3 {
    font-size: 15px !important;
    font-weight: normal !important;
    color: inherit !important;
    margin-bottom: 0px;
}
.blockreportadviser small {
    line-height: 12px;
    display: block;
}
.asignados:hover a{
    color: #768ba2 !important;
}
.asignados a{
    color: #fff ;
}
.blockreportadviser.asignados:hover {
    color: #768ba2;
    background: #fff;
    transition: all 0.3s;
}
.blockreportadviser.asignados {
    color: #fff;
    background: #768ba2;
    transition: all 0.3s;
}




.abiertos a{
    color: #fff ;
}
.blockreportadviser.abiertos:hover {
    background: #fff;
    transition: all 0.3s;
}
.blockreportadviser.abiertos {
    color: #fff;
    background: #004990;
    transition: all 0.3s;
}




.porcentajecotizados:hover a{
    color: #6f6253 !important;
}
.porcentajecotizados a{
    color: #6f6253 ;
}
.blockreportadviser.porcentajecotizados:hover {
    background: #fff;
    color:  #6f6253;
    transition: all 0.3s;
}
.blockreportadviser.porcentajecotizados {
    color: #6f6253;
    background: #ffd600;
    transition: all 0.3s;
}





.hretraso a , .fretraso a{
    color: #6f6253 !important;
}
.blockreportadviser.hretraso:hover a , .blockreportadviser.fretraso:hover a{
    color: #345 !important;
}
.blockreportadviser.cancelados {
    background: #fff;
    transition: all 0.3s;
}
.cancelados a{
    color: #b30000 !important;
}
.blockreportadviser.cancelados:hover a{
    color: #fff !important;
}
.blockreportadviser.cancelados:hover {
    background: #b30000;
    transition: all 0.3s;
}

.completados:hover a{
    color: #1db922 !important;
}
.completados a{
    color: #fff ;
}
.blockreportadviser.completados:hover {
    color: #1db922;
    background: #fff;
    transition: all 0.3s;
}
.blockreportadviser.completados {
    color: #fff;
    background: #1db922;
    transition: all 0.3s;
}


.blockreportadviser.hretraso:hover {
    background: #000;
    color: #ffd600;
    transition: all 0.3s;
}
.blockreportadviser.hretraso {
    background: #fff;
    color: #000;
    transition: all 0.3s;
}
.blockreportadviser.hretraso h2 span{
    font-size: 22px;
}
.blockreportadviser.fretraso {
    background: #fff;
    color: #ffca00;
    transition: all 0.3s;
}
.blockreportadviser.fretraso:hover , .blockreportadviser.hretraso:hover{
    background: #ffd600;
    color: #000;
    transition: all 0.3s;
}






.table_resultados .fa-times {
    color: #b30000;
}
.table_resultados .fa-minus {
    color: #d4dce4;
}
.table_resultados a i.fa.fa-question {
    color: #007cff;
    float: right;
}
.datablock {
    background: #171c21;
    padding: 25px 15px;
    border-radius: 8px;
    box-shadow: 0 0.2rem 0.55rem rgba(0, 0, 0, .05);
    color: white;
    display: block;
    max-height: 120px;
    height: 120px;
    text-align: center;
}
.datablockred {
    background: #ffd600;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0.2rem 0.55rem rgba(0, 0, 0, .05);
    color: #171c21;
    display: block;
    max-height: 120px;
    height: 120px;
    text-align: center;
}
.hourmin {
    font-size: 18px;
}
.datablockred h2 {
    margin: 0px;
    line-height: 18px;
    font-size: 30px !important;
    color: #171c21 !important;
    font-weight: normal !important;
}
.datablockred h4 {
    font-size: 18px;
    color: #171c21 !important;
}
.datablockred small {
    margin: 0px;
    font-size: 10px;
    font-weight: bold;
}
.datablock h2 {
    font-size: 36px;
    color: white !important;
    font-weight: bold;
    display: inline-block;
    margin: 0px;
}
.datablock h3 {
    font-size: 18px;
    margin-bottom: 0px;
    display: block;
    color: #1db922;
}
span.timesfail {
    margin-right: 5px;
}
a#agregar_new_service {
    font-size: 16px;
}
#agregar_new_service i {
    margin-left: 8px;
    vertical-align: middle;
}
.rowproduct {
    background: #004794;
    color: white;
    padding: 14px 22px;
    font-size: 16px;
    margin-top: 5px;
}
.aprobacionblock {
    background: white;
    padding: 15px 15px;
    border-radius: 8px;
    box-shadow: 0 0.2rem 0.55rem rgba(0, 0, 0, .05);
    color: #1db922;
    display: block;
    max-height: 120px;
    height: 120px;
    text-align: center;
}
.aprobacionblockconvalor {
    background: white;
    padding: 10px 15px;
    border-radius: 8px;
    box-shadow: 0 0.2rem 0.55rem rgba(0, 0, 0, .05);
    color: #1db922;
    display: block;
    max-height: 150px;
    height: 150px;
    text-align: center;
}
.aprobacionblock h2, .aprobacionblockconvalor h2 {
    font-size: 36px;
    font-weight: bold;
    display: inline-block;
    margin: 0px;
    color: #1db922 !important;
}
.aprobacionblock h3, .aprobacionblockconvalor h3 {
    font-size: 18px;
    margin-bottom: 0px;
    display: block;
    color: #1db922;
    font-weight: normal;
}
.aprobacionblockconvalor h6 {
    font-weight: bold;
    background: #1db922;
    display: -webkit-inline-box;
    padding: 4px 7px;
    color: white;
}
.widget-panel.widget-style-2.bg-morado.big {
    padding: 15px;
}
.col-md-2 img.img-fluid.imgmin-product {
    padding: 0 50px !important;
}
.col-md-2.controlp img.img-fluid.imgmin-product {
    padding: 0px !important;
}
.savebefore {
    color: #004990 !important;
    font-weight: bold;
    background: transparent;
    border: 1px solid #004990;
    padding: 3px 5px;
    margin-top: 0px;
    border-radius: 3px;
}
span.pull-right.savebefore.mr-3 label {
    margin: 0px !important;
    vertical-align: 3px;
}
.cuadro_importacion_id span h4{
    margin-bottom: 0px !important;
}
.aligncheck {
    vertical-align: 7px;
}
.bg-morado h2.bannerbig{
    font-size: 23px !important;
}
.brandsLink , .linkTab{
    background: #e8ecf3;
    text-transform: uppercase;
    color: #212931;
    font-size: 14px;
    padding: 12px 20px !important;
}
.bwhite{
    background: white !important;
}
.bwhite th{
    padding: 15px 10px;
}
.import {
    padding: 0px;
    border: 1px solid #dfdfdf;
    background: #e8ecf3;
}
td.controlquantity p {
    margin: 0px;
    line-height: 15px;
}
.nota{
    position: relative;
}
small.creadornota {
    display: block;
}
small.datenota {
    display: block;
    float: right;
    font-size: 8px !important;
}
.resetlabel label{
    margin-bottom: 0px !important;
}
.triangle {
    width: 0px;
    height: 0px;
    border-bottom: 0px solid transparent;
    border-top: 12px solid #dc3545;
    border-right: 0px solid #ffffff00;
    border-left: 12px solid #ffffff00;
    font-size: 0px;
    line-height: 0px;
    position: absolute;
    right: 0;
    float: right;
    top: 0;
}
.flechagiro {
    position: absolute;
    right: -12px;
    display: none; 
    top: -20px;
    color: #868686;
    transform: rotate(66deg);
    font-size: 22px;
}
.item_menu_import.activeitem {
    background: white;
}
.titlemenuline{
    padding-left: 10px;
}
.text_nota {
    width: 180px;
    max-width: 180px;
    display: none; 
    background: #fff9e5;
    border: 1px solid #868686;
    font-size: 12px;
    padding: 5px 8px 5px 15px;
    position: absolute;
    right: -197px;
    text-align: inherit;
    top: -10px;    
    z-index: 100000;
    box-shadow: 4px 4px 11px -3px #00000063;
}
.item_menu_import{
    text-align: center;
    padding: 11px 13px;
    background: #e8ecf3;
    border-left: 2px solid white;
}
.item_menu_import i{
    font-size: 30px;
}
a.btn.btn-success.dropdown-toggle.p-1.rounded {
    background: #aabcc500;
    border-color: #00488f;
    /* font-size: 13px !important; */
    /* padding: 1px 3px !important; */
    color: #00488f;
    /* margin: 1px; */
}
a.btn.btn-success.dropdown-toggle.p-1.rounded:focus {
    box-shadow: 0 0 0 0.0rem rgba(40, 167, 69, 0.0) !important;
}
.coloramarillo{
    color: #ffd600;
}
.blockwhitearriba h1.nameview {
    margin-bottom: 18px;
}
h1.nameview {
    color: #004990 !important;
    font-size: 25px;
    font-weight: bold;
    margin: 0px;
    margin-bottom: 0px;
}
h1.nameview2 {
    color: #004990 !important;
    font-size: 20px;
    font-weight: bold;
    margin: 0px;
    margin-bottom: 0px;
}
h1.nameview span {
    color: #006cd6 !important;
    font-size: 25px;
    font-weight: lighter;
    text-decoration: underline;
}
span.subname {
    margin-bottom: 15px;
    display: -webkit-inline-box;
}
.dataasesor .blockwhite{
    margin: 7px;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('../img/preload.gif') center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'FontAwesome';
    font-size: 17px;
    line-height: 1;

    opacity: .75;
    color: #004990;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '\f053';
}
[dir='rtl'] .slick-prev:before
{
    content: '\f053';
}

.slick-next
{
    right: -19px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -19px;
}
.slick-next:before
{
    content: '\f054';
}
[dir='rtl'] .slick-next:before
{
    content: '\f1c3';
}

/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -16px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'FontAwesome';
    font-size: 10px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '\f111';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
.note-toolbar-wrapper {
    height: auto !important;
}

.contenedor_tabla{
    width:100%;
    height:400px;
    overflow: auto !important;
}


/*Preload*/
.preloader {
    position: absolute;
    top: 20%;
    left: 45%;
  width: 70px;
  height: 70px;
  border: 10px solid #eee;
  border-top: 10px solid #666;
  border-radius: 50%;
  animation-name: girar;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes girar {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*fin*/

.center_element {
    margin: 0 auto !important;;
    display: inline-block !important;;
}

.centerbtn{ 
    position:absolute; 
    width:100%; left:0;
    text-align:center;
    margin:auto;
    position: relative; top: 50%; transform: translateY(-50%) translateX(30%); width: 60%;
}

.element-color {
    position: fixed !important;
    width: 100% !important;
    height: 100vh !important;
    background-color: #003889 !important;
    z-index: 999 !important;
    display: block;
    top: 0px;
}

.noscroll {
    overflow: hidden !important;
}

.loading-quotation {
    font-size: 20px;
    margin: 45% auto;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load4 1.3s infinite linear;
    animation: load4 1.3s infinite linear;
}

.modal-previsualizar {
    max-width: 1400px !important;
}
.width50{
    width: 50%;
    float: left;
    background-color: red;
    display: block;
}


.classViewMargen label.btn.btn-success.toggle-on, 
.classViewMargen label.btn.btn-danger.toggle-off{
    color: white !important;
}

.popover {
    z-index: 10000 !important;
}


.parpadea {
  
  animation-name: parpadeo;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

.nav-sm ul.nav.child_menu li a {
    text-align: left !important;
    width: 100%;
    font-size: 14px;
    border-bottom: 1px solid;
}

@media (min-width: 576px){
    .containerCRM {
    max-width: 540px;
}

@media (min-width: 768px){
    .containerCRM {
        max-width: 720px;
    }
}
@media (min-width: 992px){    
    .containerCRM {
        max-width: 960px;
    }
}


@media (min-width: 1200px){

    .containerCRM {
        max-width: 1140px;
    }
}


}
.containerCRM {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/***Magnific POPUP**/

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 70.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }



.buttonsMore{
    bottom: 0px;
    position: absolute;
    right: 14px;
    color: #fff;
    background: #004990;
    padding: 4px;
    opacity: 0.9;
}
.mfp-wrap{
    z-index: 9998 !important;
}

.mfp-bg{
    z-index: 2000 !important;
}

/*.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}*/

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

.sweet-alert.containerDetailUnLock.showSweetAlert.visible{
    height: 500px;
    overflow-y: auto;
    width: 600px;
}
.containerDetailLock .sa-info{
    display: none !important;
}
.containerDetailLock .text-muted{
    font-size: 16px;
}

.sweet-alert.containerDetailUnLock.showSweetAlert.visible .dataproductview2 {
    text-align: left;
}

.bg-gris {
    background-color: #f7fcff !important;
}

.text-azul{
    color: #004990 !important;
}

.w-90{
    width: 90%;
}

.btn-sm {
        padding: 0.5px !important;
    }

#garantiaGeneral span {
    font-size: 13.5px !important;
    font-family: 'Raleway', sans-serif !important;
    font-weight: 400!important;
    color: #000 !important;
    font-style: italic;
    text-decoration: underline;
}

.font14{ font-size: 14px !important; }
.font16{ font-size: 16px !important; }
.font18{ font-size: 18px !important; }
.font20{ font-size: 20px !important; }
.font21{ font-size: 21px !important; }
.font22{ font-size: 22px !important; }
.font23{ font-size: 23px !important; }
.font24{ font-size: 24px !important; }
.font25{ font-size: 25px !important; }
.font26{ font-size: 26px !important; }
.font27{ font-size: 27px !important; }
.font28{ font-size: 28px !important; }

/********************************************* Modal Notificacion ****************************************************/

.container-modal{
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  opacity: 0.9;
  background: #222;
  z-index: 40000;
  top:0;
  left: 0;
  overflow: hidden;

  animation-name: fadeIn_Container;
  animation-duration: 1s;
  
}

.modal-lg4.modalNotify {

}

.modalNotify{
  display:none;
  top: 0;
  min-width: 80%;
  width: 80%;
  min-height: 400px;
  margin: 0 auto;
  position: fixed;
  z-index: 40001;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 10px #000;
  margin-top: 30px;
  margin-left: 5%;

  animation-name: fadeIn_Modal;
  animation-duration: 0.8s;
 
}

.headerNotify{
  width: 100%;
  height: 70px;
  border-radius: 10px 10px 0px 0px;
  border-bottom: 2px solid #ccc;
  padding-top: 10px;
}

.headerNotify a{
  text-decoration: none;
  float: right;
  line-height: 10px;
  margin-right: 20px;
  color: #aaa;
}

.contentNotify{
  width: 100%;
  min-height: 350px;
  padding: 15px;
}


#first_label{
  padding-top: 30px;
}

#second_label{
  padding-top: 25px;
}


.footerNotify{
  width: 100%;
  height: 80px;
  border-radius: 0px 0px 10px 10px;
  border-top: 2px solid #ccc;
  padding: 20px;
}

/****MEDIA QUERIES****/

@media screen and (min-width: 600px){

  .modalNotify{
    width: 70%;
    min-height: 400px;
    margin-top: 3%;
  }


  .headerNotify{
    width: 100%;
    height: 60px;
  }

  .headerNotify a{
    line-height: 10px;
    margin-right: 10px;
  }

  .contentNotify{
    width: 100%;
    min-height: 290px;
  }


  #first_label{
  padding-top: 0px;
  }

  #second_label{
    padding-top: 0px;
  }

  .footerNotify{
    width: 100%;
    height: 70px;   
  }

  .modal-lg4.modalNotify {
     margin-left: 0%;
  }


}

/*LARGE SCREEN*/
@media screen and (min-width: 1300px){

}

/****ANIMATIONS****/

@keyframes fadeIn_Modal {
  from{
    opacity: 0;
  }
  to{
    opacity: 1;
  }
}

@keyframes fadeIn_Container {
  from{
    opacity: 0;
  }
  to{
    opacity: 0.9;
  }
}

/********************************************* Modal Notificacion ****************************************************/

.modal-content .modal-header {
    background: #004990 !important;
    color: #fff !important;
}

.modal-content .modal-header h1,
.modal-content .modal-header h2,
.modal-content .modal-header h3,
.modal-content .modal-header h4,
.modal-content .modal-header h5,
.modal-content .modal-header h6 {
    color: #fff !important;
    font-size: 20px;
}
.modal-content .modal-header .close {
    color: #fff !important;
}

.sweet-alert .sa-icon {
    width: 40px !important;
    height: 40px !important;

}

.hidden {
    visibility: hidden;
}

div.loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(16, 16, 16, 0.9);
    z-index: 99999;
}

@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.uil-ring-css {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 400px;
  height: 200px;
}
.uil-ring-css > div {
  position: absolute;
  display: block;
  width: 160px;
  height: 160px;
  top: 20px;
  left: 20px;
  border-radius: 80px;
  box-shadow: 0 6px 0 0 #ffffff;
  -ms-animation: uil-ring-anim 1s linear infinite;
  -moz-animation: uil-ring-anim 1s linear infinite;
  -webkit-animation: uil-ring-anim 1s linear infinite;
  -o-animation: uil-ring-anim 1s linear infinite;
  animation: uil-ring-anim 1s linear infinite;
}

.h28{
    height: 28px !important;
}

.br0{
    border-radius: 2px !important;
}