
html{
/*    min-width: 360px !important; */
}
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
.header {
    margin-bottom: 40px;
}
.contenedor{
    width:93%;
    margin: 0 auto;
    max-width:1400px;
}

.no-padding{
    padding-left:0px;
    padding-right:0px;
}
.divider{
 /*   margin-bottom:30px;*/
}
/* Header */
.exportar .select-wrapper input.select-dropdown{
    color: #8c8c8c;
}
#itemForm > div:nth-child(6) > div > div > ul, #itemForm > div:nth-child(4) > div > ul{
    margin-top: 0px;
    margin-left: 11px;
    margin-right: -18px;
}
#providerForm > div:nth-child(9) > div > div.float.left > ul {
    display: block;
    opacity: 1;
    position: static;
    margin: 0 -17px 20px 12px;
}
#chips-elements > div.chip{
    display: inline-block;
    height: 36px;
    font-size: 13px;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.6);
    line-height: 20px;
    padding: 8px;
    border-radius: 16px;
    background-color: #e4e4e4;
    margin: auto 5px 5px auto;
}
#chips-elements > div > i.close{
    cursor: pointer;
    float: right;
    font-size: 16px;
    line-height: 20px;
    padding-left: 4px;
}
#chips-elements {
    width: 100%;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0 -230px 20px 0;
    min-height: 45px;
    outline: none;
    -webkit-transition: all .3s;
    transition: all .3s;
}
#chips-elements-edit {
    width: 100%;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0 -230px 20px 0;
    min-height: 45px;
    outline: none;
    -webkit-transition: all .3s;
    transition: all .3s;
}
#editProvider > div.row > div > div:nth-child(1) > div:nth-child(5) > div > div.float.left > ul {
    margin: auto -20px auto 10px;
    display: block;
    opacity: 1;
    position: static;
}
#chips-elements-edit > div.chip {
    display: inline-block;
    height: 36px;
    font-size: 13px;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.6);
    line-height: 20px;
    padding: 8px;
    border-radius: 16px;
    background-color: #e4e4e4;
    margin: auto 5px 5px auto;
}
#chips-elements-edit > div > i.close {
    cursor: pointer;
    float: right;
    font-size: 16px;
    line-height: 21px;
    padding-left: 4px;
}
#chips-elements-edit {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0 -280px 20px 0;
    min-height: 45px;
    outline: none;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding-top: 20px !important;
}
/* #registration-form{
    padding-left: 30px;
    padding-right: 30px;
} */
body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    margin: 0 0 0 0 !important;
}
main{
    flex: 1 0 auto;
}
.-webkit-input-placeholder {
    color:transparent;
}
:-moz-placeholder { /* Firefox 18- */
    color:transparent;
}

        ::-moz-placeholder {  /* Firefox 19+ */
            color:transparent;
        }

        .-ms-input-placeholder {
            color:transparent;
        }



        #circle {
            width: 50px;
            height: 50px;
            -webkit-border-radius: 25px;
            border-radius: 25px;
            background: gray;
            float: right;
        }


        .cuadrito {

            background-color: white;
            max-width: 320px;
            min-height: 200px;
            border: 1px solid gray;
            padding: 15px;
            margin: 15px;

        }

        .cuadrito2 {

            background-color: rgb(239, 239, 239);
            max-width: 320px;
            min-height: 200px;
            padding: 15px;
            margin: 15px;


        }

        .cuadrito2-1{

            border-style: dotted;
            background-color: rgb(239, 239, 239);
            max-width: 120px;
            min-height: 50px;
            padding: 5px 5px 5px 5px;
            margin-bottom: 60px;
            margin-top: 60px;
            margin-left: 80px;
        }

        .Cstilo {

            padding: 10px 5px 10px 5px;

        }

        .linea {

            float: right;

        }

        .margen{

            border-collapse: collapse;
            width: 100%;

        }

        /* row for "mostrando" */

        .ownrow{
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin-top: 9px;
        }


        table {
            /*margin-top: 5px;*/
            border: 1px solid gray;
        }

        td, th {
            text-align: left;
            padding: 25px;
            border-radius: 0px !important;

        }

        th {
            color: white;
        }







        /* contenedor para items */
        .containerpro{

            margin: 10px;

        }



        /* imagen del meno index */

        .imageindex{
            width: 2667px;
            height: 744px;
        }


        /* label color */
        .input-field label {
            color: #ff9100 ;
        }


        /* label focus color */
        .input-field input[type=text]:focus + label {
            color: #ff9100 ;
        }
        /* label underline focus color */
        .input-field input[type=text]:focus {
            border-bottom: 1px solid #ff9100 ;
            box-shadow: 0 1px 0 0 #ff9100 ;
        }
        /* valid color */
        .input-field input[type=text].valid {
            border-bottom: 1px solid #ff9100 ;
            box-shadow: 0 1px 0 0 #ff9100 ;
        }
        /* invalid color */
        .input-field input[type=text].invalid {
            border-bottom: 1px solid #ff9100 ;
            box-shadow: 0 1px 0 0 #ff9100 ;
        }
        /* icon prefix focus color */
        .input-field .prefix.active {
            color: #ff9100 ;
        }


        .containitem01{
            margin: 5%;

        }

        .containlici01{
            margin: 5%;
            padding: 0;
        }

        .btn{

            margin: 5px;
        }

        .box1{
            max-width: 280px;
            max-height: 300px;
            border: hidden;
            background-color: #f5f5f5;
            float: right;
        }
        .mostrando {
            max-width: 45px !important;
            border: none;
        }

        .mostrando1{

            max-width: 85px !important;
            border: none;
            border-bottom: none!important;

        }

        .mostrando2{

            max-width: 85px !important;
            border: hidden;
            border: none;
            outline: none;
            border-bottom: none!important;


        }


        .input-field{
            border: none!important;
            border-bottom: none!important;
        }

        .select-dropdown input{
            border: hidden;
            border: none;
            outline: none;

        }



        .mirando .select-dropdown {

            max-width: 35px !important;
            border: none;
            color:  orange !important;



        }

/* mostrando de las tablas */
        .mosp{
            float: left;
            font-weight: normal;
            color: grey;
            font-size: 15px;
        }

        div.select-wrapper.selep.card.initialized{
            padding-right: 10px  !important;
        }

        input.select-dropdown{
            color: #ABABAB;
            text-align: center;
        }
        table > thead > tr > th{
            text-align: center;
        }

        #providers > thead > tr > th,
        #items > thead > tr > th
        {
            padding: 13px !important;
        }

        #providers > tbody:nth-child(2) > tr > td{
            padding-top: 10px !important;
            padding-bottom: 10px !important;
            font-weight: normal !important;
        }
        body > div:nth-child(2) > div:nth-child(8) > div:nth-child(3) > div{
            padding-right: 15px !important;;
        }
        #items > tbody:nth-child(2) > tr > td{
            padding-top: 10px !important;
            padding-bottom: 10px !important;
            font-weight: normal !important;
        }
        #bidding > thead > tr > th{
            padding-bottom: 12px !important;
            padding-top: 12px !important;
            padding-right: 14px !important;
            padding-left: 15px !important;
            font-weight: normal !important;
        }


        #bidding2 > thead > tr > th{
            padding: 3px !important;
            font-weight: lighter !important;
            font-size: 14px !important;
        }

        #bidding2 > tbody:nth-child(2) > tr > td{
            padding-top: 0px !important;
            padding-bottom: 0px !important;
            font-weight: normal !important;
        }
        #bidding2 > thead > tr > th{
            padding-bottom: 5px !important;
            padding-top: 3px !important;
            padding-right: 8px !important;
            padding-left: 8px !important;
            font-weight: normal !important;
        }


        #bidding3 > thead > tr > th{
            padding: 3px !important;
            font-weight: lighter !important;
            font-size: 14px !important;
        }

        #bidding3 > tbody:nth-child(2) > tr > td{
            padding-top: 0px !important;
            padding-bottom: 0px !important;
            font-weight: normal !important;
        }
        #bidding3 > thead > tr > th{
            padding-bottom: 5px !important;
            padding-top: 3px !important;
            padding-right: 8px !important;
            padding-left: 8px !important;
            font-weight: normal !important;
        }

        #bidding4 > thead > tr > th{
            padding: 3px !important;
            font-weight: normal !important;
            font-size: 14px !important;
        }

        #bidding4 > tbody:nth-child(2) > tr > td{
            padding-top: 0px !important;
            padding-bottom: 0px !important;
            font-weight: normal !important;
        }
        #bidding4 > thead > tr > th{
            padding-bottom: 5px !important;
            padding-top: 3px !important;
            padding-right: 8px !important;
            padding-left: 8px !important;
            font-weight: normal !important;
        }


    .biddinginfo{
        height: 49px;
        font-size: 12px !important;
        font-weight: bolder !important;
        padding-right: 30px !important;
    }


        .biddinginfo2{

            font-size: 12px !important;
            font-weight: bolder !important;
            padding-right: 30px !important;
        }

        .biddinginfo3{

            font-size: 12px !important;
            font-weight: bolder !important;
            padding-right: 30px !important;
        }

        .biddinginfo4{
            font-size: 14px !important;
            font-weight: bolder !important;
            padding-bottom: 5px !important;
            padding-top: 3px !important;
            padding-right: 1px !important;
            padding-left: 1px !important;
            text-align: left !important;
        }

        #ofertas > table > tbody > tr:nth-child(1){
            height: 5px !important;
        }
        body > div:nth-child(2) > div:nth-child(8) > div:nth-child(6){
            float: right;
            margin-right: 0px;
        }

        div.col.s12.m6.l4{
            padding-left: 0px !important;
        }

        .select-wrapper span.caret{
            color: #ABABAB;
            font-size: 11px !important;
        }

        .select-wrapper input.select-dropdown{
            color: #9f9f9f;
            margin-bottom: 0;
        }

        div.card{
            max-height: 40px;
            background-color: #F2F2F2;

        }

        div.card.mamey{
            background-color: #ffc553;
        }

        div.card.mamey span.caret{
            color: #FFF;
        }


div.blanc > input{
    color: #FFF !important;
    height: 22px !important;
    line-height: 22px !important;
}

/* Configuración empresa */
div.conf-empresa{
    padding:20px 0px 42px 0px;
    /* margin: 0 !important; */
}
@media screen and (min-width:769px){
    div.conf-empresa .heading .col{
        padding:0px;
    }
}
div.conf-empresa .heading .preq{
    color:red;
    font-size:12px;
    margin-top:30px;
}
.require{
    color:red;
    font-size:12px;
    float: right;
    transition: all 2s ease;
}
@media screen and (max-width: 600px)
{
    .require{
        float: left;
    }
}

div.conf-empresa > .col > .row{
    margin-bottom:34px;
}
div.conf-empresa h3.section-heading{
    font-size:21px;
    font-weight:500;
}

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

    div.conf-empresa .campo{
        padding-left:0px;
        padding-right:0px;
    }
    div.conf-empresa .campo span.requerido{
        color:red;
    }
    div.conf-empresa .campo > input, div.conf-empresa .campo > .select-wrapper,
    div.conf-empresa .campo > p
    {
        width:60%;
        margin-left:0px;
    }
    div.conf-empresa .campo > label{
        display:block;
        left:0px;
        color:#b1b1b1;
    }
    div.conf-empresa .campo > .select-wrapper{
        border-bottom:1px solid #9e9e9e;
    }
}
div.conf-empresa.puntos-entrega > .row.region .select-wrapper{
    width:40%;
    background: #f2f2f2;
}
div.conf-empresa.puntos-entrega > .row.region .select-wrapper a{
    margin:0px;
}
div.conf-empresa.puntos-entrega > .row.region .select-wrapper span.caret{
    z-index:1;
}
div.conf-empresa.puntos-entrega > .row.region .select-wrapper > input{
    background:#f2f2f2;
}
.cancelar-guardar{
    padding-top:26px;
}
div.conf-empresa.notificaciones h5{
    font-size:15px;

}

.p-permiso{
    padding: 0px !important;
    margin: 0px !important;
    font-size: 0.8rem;
}


.conf-empresa.usuarios{
    padding-bottom:0px;
}
.conf-empresa.usuarios .row.heading h5{
    margin-top:34px;
}
.conf-empresa.usuarios .row.heading h5 + p{

}
.conf-empresa.usuarios .row.heading span.cuenta-usuarios{
    color:#f15a29;
    font-size:25px;
    font-weight:500;
}
.conf-empresa.usuarios .row.heading table{
    border:0px;
    height:160px;
}
.conf-empresa.usuarios .row.heading table td{
    text-align:right;
}
div.conf-empresa.usuarios h3.section-heading{
    font-size:15px;
    font-weight:500;
}
div.conf-empresa.usuarios .si-no{
    color:#b1b1b1;
}
div.conf-empresa.usuarios .puntos{
    margin-top:22px;
}
div.conf-empresa.usuarios .puntos h5{
    font-size:15px;
    font-weight:500;
    margin-bottom:26px;
}
div.conf-empresa.usuarios .puntos h5 + div{
    margin-bottom:50px;
}
div.conf-empresa.usuarios .puntos p.descripcion{
    color:#b1b1b1;
    margin-top:0px;
    margin-bottom:0px;
}
div.conf-empresa.usuarios .puntos .opciones p{
    margin-top:0px;
    margin-bottom:0px;
}
/* FIN Configuración empresa */

/*  Single Licitación */

    section.single-licitacion .info-header h4.nombre-licitacion{
        margin-top:36px;
        font-weight:500;
        font-size:29px;
    }
    section.single-licitacion .info-header h6{
        font-size:21px;
        color: #ff7110;
    }
    section.single-licitacion .info-header p{
        font-style:italic;
        font-size:14px;
    }
    section.single-licitacion .circulos{
        display:block;
        width:41%;
        overflow:hidden;
        text-align:center;
        margin:0 auto 72px auto;
    }
    section.single-licitacion .circulos .circulo h6{
        display:block;
        margin-left:15px;
        margin-top:12px;
        font-size:15px;
    }
    section.single-licitacion section.hijo-circulo{
        margin-bottom:10px;
        overflow:hidden;
    }
    section.single-licitacion section.hijo-circulo .tipo-tabla > .row{
        margin-bottom:0px;
    }
    section.single-licitacion section.hijo-circulo .tipo-tabla .parent{
        color:grey;
    }
    section.single-licitacion section.hijo-circulo .tipo-tabla .cont{
        color:#ff5722;
        font-size:20px;
        font-weight:500;
        margin-top:-8px;
    }
    section.single-licitacion section.hijo-circulo .acciones a{
        width: 75%;
        margin-bottom:20px;
        font-weight:300;
        height: 39px;
    }
    .acciones a.amarillo, section.single-licitacion .items a.amarillo{
        background:#ffc553;
    }
    section.single-licitacion .dividerdentro{
        margin-bottom:0px;
    }
    section.single-licitacion .dividerdentro .divider, section.single-licitacion .items{
        margin-bottom:20px;
    }
    section.single-licitacion .detalles h3, section.single-licitacion .documentos h3, section.single-licitacion .items h3{
        font-size:24px;
        font-weight:500;
        margin-bottom:20px;
    }
    section.single-licitacion .detalles h5.descripcion{
        color:grey;
        font-size:17px;
        margin-bottom:30px;
    }
    section.single-licitacion .detalles p{
        color:#000;
        font-weight:500;
    }
    section.single-licitacion .documentos .documento > div{
        padding:9px 0px;
    }
    section.single-licitacion .documentos .documento div:last-child{
        padding:0px;
    }
    section.single-licitacion .documentos .documento a.descargar{
        margin:0px;
    }
    section.single-licitacion .items table{
        /* margin-bottom:20px; */
    }
    section.single-licitacion .items > div .acciones, section.single-licitacion .items > div .acciones > div{
        padding:0px;
    }
    section.single-licitacion .monto{
      /*  padding-top:60px;*/
    }
    section.single-licitacion .monto > div:first-child{
        margin-bottom:50px;
    }
    section.single-licitacion .monto .input-field input{
        padding:10px 0px;
        margin:0;
        margin-top:28px;
        font-size:21px;
        line-height:initial;
    }
    section.single-licitacion .monto .input-field label{
        font-size:20px;
        color:grey;
    }
    section.single-licitacion .monto .cuadro-total, .hijo-circulo .cuadro-total{
        background:#f2f2f2;
        padding: 1em;
        margin-bottom:30px;
    }
    section.single-licitacion .monto .cuadro-total > .row, .hijo-circulo .cuadro-total > .row{
        margin-bottom:0px;
    }
    section.single-licitacion .monto .cuadro-total > .row.total, .hijo-circulo .cuadro-total > .row.total{
        margin-top:28px;
    }
    section.single-licitacion .monto .cuadro-total h4, section.single-licitacion .monto .cuadro-total p, .hijo-circulo .cuadro-total h4, .hijo-circulo .cuadro-total p{
        margin:0px;
        margin-bottom:6px;
    }
    section.single-licitacion .monto .cuadro-total .row.total h4, section.single-licitacion .monto .cuadro-total .row.total p, .hijo-circulo .cuadro-total .row.total h4, .hijo-circulo .cuadro-total .row.total p{

        font-size:1.3em;
    }
    .hijo-circulo .cuadro-total{
        text-align:right;
    }
    @media screen and (min-width:769px){
        .table.acciones{
            padding-left:0px;
            padding-right:0px;
        }
        .table.acciones .col, section.single-licitacion .monto .cuadro-total .col, .hijo-circulo .cuadro-total .col{
            padding:0px;
        }
    }
    section.single-licitacion .monto .cuadro-total h4, .hijo-circulo .cuadro-total h4{
        margin:0px;
        font-size:18px;
    }

    .offert-items + .offert-items{
        margin-top: 30px;
    }
/*  End Single Licitación */


#providers-table-selected,#providers-table-selected-public  {
    border: none !important;
 }

/*scrol de paso dos*/
#biddingitem > tbody >tr >td,#biddingitem > thead >tr >th {
    text-align: center !important;
}
#biddingitem > tbody  {
    display:block;
    max-height:250px;
    overflow:auto;
}
#biddingitem > thead,#biddingitem > tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
/*scroll para el paso tres*/

.providers-body
{
    overflow-y: scroll !important;
    max-height: 487px  !important;
    display: block  !important;

}

/****************************/
#providers-table > tbody >tr >td,
#providers-table > thead >tr >th,
#providers-table-public > tbody >tr >td,
#providers-table-public > thead >tr >th,
#providers-table-selected > tbody >tr >td,
#providers-table > thead >tr >th
{
    text-align: center;

}
#providers-table-selected > tbody,
#providers-table-selected-public > tbody
{
    /*display:block;*/
    max-height:570px;
    /*overflow:auto;*/

}
/*#providers-table-selected > thead,*/
/*#providers-table-selected > tbody tr,*/
/*#providers-table-selected-public > thead,*/
/*#providers-table-selected-public > tbody tr,*/
#providers-table > thead,
#providers-table > tbody tr,
#providers-table-public > thead,
#providers-table-public > tbody tr
{
    display:table;
    width:100%;
    table-layout:fixed;
}

        /*fin de scroll del paso dos*/

        div.card-register {

            max-height: inherit;
            background-color: #E74242;
            border-radius: 9px;

        }

        .card-content-register {

            padding: 24px;
            border-radius: 0 0 2px 2px;
            text-align: center;

        }
        /* Text inputs */
        input[id=search]:not(.browser-default)
        {
            border-bottom: 0px solid #9e9e9e !important;
        }

        #second-page { display: none; }

        .deep-orange.lighten-2{
            background-color: #FF8C56 !important;

            /* background-color: rgb(120, 255, 86) !important; */
        }




        .containeritem{

            margin: 5px 5px 5px 5px;

        }

        table > tbody > tr > td{
            padding-left: 8px !important;
        }


        .cardbuscar{
            -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
            height: 100%;
            max-height: none;
            overflow: visible;
            border-radius: 0px 0px 0px 0px;
            max-width: 100%;
            width: auto;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            position: relative;
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            float: left;
            margin: 9px 0px 0px 0px;


        }



        .regis {

            color: white;
            font-weight: normal;
            margin: 0px 0px 0px 0px;
            padding-bottom: 10%;

        }



        .btnicio{

            background-color: Transparent;
            background-repeat:no-repeat;
            border: none;
            cursor:pointer;
            overflow: hidden;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 12px;
            font-weight: normal;
            margin-bottom: 1.6%;
            margin-right: 1.6%;
            margin-left: 1.6%;
        }



        .contpro{

            margin: 0px 4%;
        }



        .selep{

            margin: 5px;
            background-color: #EEEEEE;


        }


        .contmenu2{

            padding-left: 23%;

        }

        .contmov{

            margin-top: 23%;

        }


        .pasos::after{
            content: attr(datacount-notificacion);
            background: #FFC553;
            font-weight: normal;
            border-radius: 0.8em;
            -moz-border-radius: 0.8em;
            -webkit-border-radius: 0.8em;
            color: #ffffff;
            display: inline-block;
            line-height: 1.6em;
            margin-right: 15px;
            margin-left: 3px;
            text-align: center;
            width: 1.6em;
            height: 1.6em;

        }

.pasos2::after{
    content: attr(data-count-notificacion);
    background: #FFC553;
    font-weight: normal;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    line-height: 1.6em;
    margin-right: 15px;
    margin-left: 3px;
    text-align: center;
    width: 1.6em;
    margin-top: 24px;

}


        .detailh{

            color: #F15A29;
            font-size: 18px;

        }


        .separador{

            height: 2px;
            display: grid;
            width: 80%;
            background-color: #F2F2F2;
            border-radius: 2px;
            overflow: hidden;
            margin-left: 9%;
            margin-bottom: 3%;

        }

        .vamoavedor{

            height: 2px;
            display: grid;
            width: 100%;
            background-color: #F2F2F2;
            border-radius: 2px;
            overflow: hidden;
            margin-top: 3px;
            margin-bottom: 3px;

        }


        .docadj{


            font-size: 15px;

        }


        /*border table step 2 and 3*/
   .bortabl{
        border: dashed;
        color: lightgrey;
        font-weight: normal;
        padding-top: 106px;
        padding-bottom: 91px;
       margin: 35px;
       border-width: 2px;
       padding-left: 15px;
       padding-right: 15px;
   }

   .bortabl-p3{
       margin: 95px 35px 124px 35px;
   }

/* Pestañas Crear Licitación */
.licitacion-pestanas .campo{
    float: left;
}

.delete{
    -moz-margin-start: 7px;
}

.licitacion-pestanas .campo .delete {
    display: inline-block;
    position: relative;
    margin-left: -49px;
    top: 0px;
    cursor: pointer;
    color: white;
}

.licitacion-pestanas .add{
    display: inline-block;
    background: #ff8c56;
    position: relative;
    top: 10px;
    border-radius: 3px;
    margin-left:16px;
}
.licitacion-pestanas .add span{
    display: block;
    padding: 0px 3px;
}
.licitacion-pestanas .add span i{
    top:2px !important;
}
.contenido-tab{
    padding:20px !important;
}
.contenido-tab > div{
    width:100%;
    margin-bottom:20px;
    overflow:hidden;
}
.contenido-tab > div .barra-busqueda{
    background: #fff;
    overflow: hidden;
    width: 50%;
    float: left;
    margin: 0;
}
.contenido-tab > div .crear-item{
    float:right;
}

        /*border table providers*/
        .bortablpro{
            border: dashed;
            color: lightgrey;
            font-weight: normal;
            padding-top: 150px;
            padding-bottom: 150px;
            margin: 15px;
        }
        table.tabla-provee .multi-hijos th{
            color:#444;
            width:20%;
        }
        table.tabla-provee .multi-hijos th p{
            font-size:11px;
            margin:0;
            font-weight:400;
            font-style:italic;
        }

/*button vaoave of table */

        .vamoavepb {
            background-color: #FF8C56 !important;
            color: white;
            cursor: pointer;
            width: 215px;
            border: none;
            text-align: left;
            outline: none;
            font-size: 15px;
            font-weight: normal;
        }

        /*boton de vaoave de la tabla */

         .vamoave {
             background-color: #FF8C56 !important;
             color: white;
             cursor: pointer;
             width: 215px;
             border: none;
             text-align: left;
             outline: none;
             font-size: 15px;
             font-weight: normal;
         }



   #tabs_tabs > div.act.campo > input{
    background-color: #d5d5d5 !important;
   }
    #tabs_tabs > div.campo > input,
    input[name=top-seccion]{
        padding-left: 1em !important;
        color: #fafafa !important;

    }



.vamoave:hover {
            background-color: #ff6d3c !important;
        }


        .vamoave:after {
            content: '\002B';
            color: white;
            float: right;
            margin-left: 5px;
            font-size: 19px;
        }

        .vamoave.active:after{
            content: "\2212";
        }

        .escondi {
            padding: 0 18px;
            transition: max-height 0.2s ease-out;
     }

    /*Begin step 2 of create bidding search button bar*/

        /*End step 2 of create bidding search button bar*/


        .colap{

            margin-left: 5%;
            font-size: 12px;
            color: black;

        }

        #providers > tbody:nth-child(2) > tr > td > div > input{
            color: #000000 !important;
            margin-bottom: 0px;
        }

        #providers > tbody:nth-child(2) > tr > td > div > .dropdown-content{
            z-index: 999;
            position: relative !important;
        }
        #chips{
            border: none;
        }



        .panel-heading a:after {
            font-family:'Glyphicons Halflings';
            content:"\2212";
            float: right;
            color: grey;
        }
        .panel-heading a.collapsed:after {
            content:"\2b";
        }

        .panel-heading a:after {
            font-family:'Glyphicons Halflings';
            content:"\2212";
            float: right;
            color: grey;
        }
        .panel-heading a.collapsed:after {
            content:"\2b";
        }

        ::-webkit-input-placeholder {
            color: #808080;
            opacity: 0.6;
        }

        :-moz-placeholder { /* Firefox 18- */
            color: #808080;
            opacity: 0.6;
        }

        ::-moz-placeholder {  /* Firefox 19+ */
            color: #808080;
            opacity: 0.6;
        }

        :-ms-input-placeholder {
            color: #808080;
            opacity: 0.6;
        }


    /* Esto es para el sow de detalle el menu que se rpesenta en la ultima tabla lo para tabs y la para tab */

        .lo {
            position: relative;
            overflow-x: auto;
            overflow-y: hidden;
            height: 128px;
            width: 100%;
            background-color: #fff;
            margin: 0 auto;
            white-space: nowrap;

        }



        .lo.lo-transparent .la a:hover,
        .lo.lo-transparent .la a.active {
            color: #fff;
        }

        .lo.lo-transparent .indicator {
            background-color: #F2F2F2;
        }

        .lo.lo-fixed-width {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
        }

        .lo.lo-fixed-width .la {
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
        }

        .lo .la {
            display: inline-block;
            text-align: center;
            line-height: 48px;
            height: 48px;
            padding: 0;
            margin: 0;
            text-transform: uppercase;
        }

        .lo .la a {
            color: rgba(238, 110, 115, 0.7);
            display: block;
            width: 100%;
            height: 100%;
            padding: 0 24px;
            font-size: 14px;
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-transition: color .28s ease;
            transition: color .28s ease;
        }

        .lo .la a:hover, .lo .la a.active {
            background-color: transparent;
            color: #FFC553;
        }



        .lo.indicator {
            position: absolute;
            bottom: 0;
            height: 6px;
            width: auto;

            background-color: #FFC553;
            will-change: left, right;



        }

        @media only screen and (max-width: 992px) {
            .lo {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;


            }
            .lo .la {
                -webkit-box-flex: 1;
                -webkit-flex-grow: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;

            }

            .lo .la a {
                padding: 0 12px;

            }

        }



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

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


        .men, .men li {
            margin: 0;
            padding: 0;
            list-style: none;
            display: inline-block;
        }

        .men {
            margin: auto;
            position: relative;
            overflow: hidden;
            height: 25px;
        }

        .men li {padding: 0px 5px;}

        .men > li {
            text-align: center;
            width: 80px;
            font-size: 14px;
        }

        .men > li > a {
            display: block;
            padding: 0px 0px;
            color: #444;
            text-decoration: none;
            font-size: 15px;
            -webkit-transition: color 0.5s ease;
            -moz-transition: color 0.5s ease;
            -ms-transition: color 0.5s ease;
            -o-transition: color 0.5s ease;
            transition: color 0.5s ease;
        }

        .men li a:hover {
            color: #ffa500;
        }

        .men > li:last-child {
            position: absolute;
            top: 20px;
            right: -90px;
            height: 5px;
            width: 80px;
            background: #ffa500;
            -webkit-transition: transform 0.5s ease;
            -moz-transition: transform 0.5s ease;
            -ms-transition: transform 0.5s ease;
            -o-transition: transform 0.5s ease;
            transition: transform 0.5s ease;
        }

        .men .selected {
            position: relative;
            pointer-events: none;
            cursor: default;
        }

        .selected a {
            color: #ffa500 !important;
        }

        .men li:nth-child(1):hover ~ li:last-child {
            -webkit-transform:translateX(-375px) !important;
            -moz-transform:translateX(-375px) !important;
            -ms-transform:translateX(-375px) !important;
            -o-transform:translateX(-375px) !important;
            transform:translateX(-375px) !important;
        }
        .men li:nth-child(1).selected ~ li:last-child {
            -webkit-transform:translateX(-375px);
            -moz-transform:translateX(-375px);
            -ms-transform:translateX(-375px);
            -o-transform:translateX(-375px);
            transform:translateX(-375px);
        }
        .men li:nth-child(2):hover ~ li:last-child {
            -webkit-transform:translateX(-280px) !important;
            -moz-transform:translateX(-280px) !important;
            -ms-transform:translateX(-280px) !important;
            -o-transform:translateX(-280px) !important;
            transform:translateX(-280px) !important;
        }
        .men li:nth-child(2).selected ~ li:last-child {
            -webkit-transform:translateX(-280px);
            -moz-transform:translateX(-280px);
            -ms-transform:translateX(-280px);
            -o-transform:translateX(-280px);
            transform:translateX(-280px);
        }
        .men li:nth-child(3):hover ~ li:last-child {
            -webkit-transform:translateX(-185px) !important;
            -moz-transform:translateX(-185px) !important;
            -ms-transform:translateX(-185px) !important;
            -o-transform:translateX(-185px) !important;
            transform:translateX(-185px) !important;
        }
        .men li:nth-child(3).selected ~ li:last-child {
            -webkit-transform:translateX(-185px);
            -moz-transform:translateX(-185px);
            -ms-transform:translateX(-185px);
            -o-transform:translateX(-185px);
            transform:translateX(-185px);
        }
        .men li:nth-child(4):hover ~ li:last-child {
            -webkit-transform:translateX(-90px) !important;
            -moz-transform:translateX(-90px) !important;
            -ms-transform:translateX(-90px) !important;
            -o-transform:translateX(-90px) !important;
            transform:translateX(-90px) !important;
        }
        .men li:nth-child(4).selected ~ li:last-child {
            -webkit-transform:translateX(-90px);
            -moz-transform:translateX(-90px);
            -ms-transform:translateX(-90px);
            -o-transform:translateX(-90px);
            transform:translateX(-90px);
        }

        .dropdown-content-custom {
            margin-top: 47px;
            margin-left: 29px;
        }




        .listadon{
            border: none;
            color: white;
            padding: 0px 25px 0px 25px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 56px;
            margin-left: 0px;
            margin-right: 0;
        }

        .listadcolr{ background-color: #757575;}

        .colr{ background-color: #ffc553;}


        .listadon:focus {
            outline: none ;
        }


        .bulistado {border-radius: 50%;}


        .lineabu {
            height:1px;
            background-color: #9e9e9e;
            border-top:  20px;
            margin-top: 60px;
        }

    .custom-row {
        margin-left: 5%;
        margin-right: auto;
        margin-bottom: 20px;
        margin-top: 8%;
    }

    .invitation-position {
        margin-left: 7%;
        margin-top: 5%;
    }

    .instructions {
        margin-left: 10%;
        margin-top: 5%;
    }

    #category_search {
        background-color: #fafafa;
        border-bottom: none;
        width: 88%;
        margin: 0 0 0 0;
    }

    .material-icons{
        vertical-align: inherit;
    }

    .custom-td {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 25px;

    }

    .custom-td:hover{
        background-color: #fafafa;
        color: #f69e35;
        cursor: pointer;
    }

    tbody.custom {
        display:block;
        height: 370px;
        overflow-y: scroll;
        overflow-x: hidden;
    }


   table.prueba{
    height: 405px;
    overflow-y: auto;
    overflow-x: hidden;
}

    tbody.prueba{
        height: 405px;
        overflow-y: auto;
        overflow-x: hidden;
    }




    .custom-th{
        color: #888888;
        padding-top: 12px;
        padding-bottom: 12px;
        font-weight: bold;
    }
    .custom-th-add{
        color: rgba(0, 0, 0, 0.87);
        font-weight: bold;
        margin-bottom: 2px;
    }
    .thead-add {
        border-bottom: 2px solid #ffa500;
    }

    .custom-table{
        border: none;
        border-radius: 4px;
        box-shadow: 0 0 0 1px;

    }

    tbody.custom-2 {
        display: block;
        height: 405px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .custom-table-grey{
        background-color: #fafafa;
        }

    body > div.contpro > div > div > div{
            text-align: center;
        }

    .custom-td-selected{
            background-color: #fafafa;
            color: #f69e35;
        }

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


    .custom-td-table-selected {
        width: 50em;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 25px;
        color: #f69e35;
        cursor: pointer;
    }
    .mail_base{
        position: absolute;
        height: 10px;
        width: 15px;
        background: #59ABE3;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        box-shadow: 5px 6px 10px -5px #000000;
    }

    .flex-container{
        display: flex;
        width: 100%;
        height: 100%;
    }

    .mail_left {
        background: #3892D0;
        width: 7px;
        height: 10px;
        clip-path: polygon(0 0, 0 100%, 100% 50%);
    }

    .mail_right {
        background: #3892D0;
        width: 7px;
        height: 10px;
        clip-path: polygon(0 50%, 100% 0, 100% 100%);
    }

    .mail_top {
        background: #1978B8;
        width: 15px;
        height: 7px;
        position: absolute;
        top: 0%;
        clip-path: polygon(0 0, 100% 0, 50% 100%);
    }

    .mail_top_shadow {
        width: 15px;
        height: 7px;
        position: absolute;
        top: 1.5%;
        left: 2%;
        clip-path: polygon(0 0, 100% 0, 50% 100%);
        background: #205377;
    }


    .notification_circle {
        background: #FF5151;
        position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        top: 0%;
        right: -10%;
        transform: translateY(-50%);
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 1.5px 2px 10px -1px #000000;
        animation: 0.6s notice-me cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite alternate;
    }

    @keyframes notice-me {
        0% {transform: translateY(-50%)}
        100% {transform: translateY(-100%)}
    }

    .notification_num {
        color: white;
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
    }


    .bidtable2{
        /*width: 50px;*/
        /*margin-bottom: 22px !important;*/
        margin-right: 34px !important;

    }


        input:not([type]):focus:not([readonly]),
        input[type=text]:not(.browser-default):focus:not([readonly]),
        input[type=password]:not(.browser-default):focus:not([readonly]),
        input[type=email]:not(.browser-default):focus:not([readonly]),
        input[type=url]:not(.browser-default):focus:not([readonly]),
        input[type=time]:not(.browser-default):focus:not([readonly]),
        input[type=date]:not(.browser-default):focus:not([readonly]),
        input[type=datetime]:not(.browser-default):focus:not([readonly]),
        input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
        input[type=tel]:not(.browser-default):focus:not([readonly]),
        input[type=number]:not(.browser-default):focus:not([readonly]),
        input[type=search]:not(.browser-default):focus:not([readonly]),
        textarea.materialize-textarea:focus:not([readonly]) {
            border-bottom: 1px solid #ff9100 ;
            -webkit-box-shadow: 0 1px 0 0 #ff6d00 ;
            box-shadow: 0 1px 0 0 #ff6d00 ;
            font-weight: normal;
        }

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

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

        input:not([type]).valid + label:after,
        input:not([type]):focus.valid + label:after,
        input[type=text]:not(.browser-default).valid + label:after,
        input[type=text]:not(.browser-default):focus.valid + label:after,
        input[type=password]:not(.browser-default).valid + label:after,
        input[type=password]:not(.browser-default):focus.valid + label:after,
        input[type=email]:not(.browser-default).valid + label:after,
        input[type=email]:not(.browser-default):focus.valid + label:after,
        input[type=url]:not(.browser-default).valid + label:after,
        input[type=url]:not(.browser-default):focus.valid + label:after,
        input[type=time]:not(.browser-default).valid + label:after,
        input[type=time]:not(.browser-default):focus.valid + label:after,
        input[type=date]:not(.browser-default).valid + label:after,
        input[type=date]:not(.browser-default):focus.valid + label:after,
        input[type=datetime]:not(.browser-default).valid + label:after,
        input[type=datetime]:not(.browser-default):focus.valid + label:after,
        input[type=datetime-local]:not(.browser-default).valid + label:after,
        input[type=datetime-local]:not(.browser-default):focus.valid + label:after,
        input[type=tel]:not(.browser-default).valid + label:after,
        input[type=tel]:not(.browser-default):focus.valid + label:after,
        input[type=number]:not(.browser-default).valid + label:after,
        input[type=number]:not(.browser-default):focus.valid + label:after,
        input[type=search]:not(.browser-default).valid + label:after,
        input[type=search]:not(.browser-default):focus.valid + label:after,
        textarea.materialize-textarea.valid + label:after,
        textarea.materialize-textarea:focus.valid + label:after, .select-wrapper.valid + label:after {
            content: attr(data-success);
            color: #fbc02d;
            opacity: 1;
            -webkit-transform: translateY(9px);
            transform: translateY(9px);
        }
/* PASOS */
.section.mensaje h3{
    color:#666666;
    font-size:24px;
    margin:0px 0px 20px 0px;
}
.section.mensaje h5{
    font-size:20px;
}
.section.mensaje button{
    padding-bottom:40px;
}
.section.mensaje textarea#email_message{
    margin:0;
}
/* Paso 3*/
/* .tab-proveedores > div > ul{
    background:#ff8c56;
} */
.tab-proveedores .tabs .tab{
    text-transform:none !important;
}
.tab-proveedores .tabs .tab a{
    color:#FFC553;
}

/* .tab-proveedores .tabs .tab a{
  color: white;
  background:#ff8c56;
} */

.orange-background-tab {
  color: white;
  background:#FD8C5C;
}

.tab-proveedores .tabs .tab a.hover{
  color: white;
  background:#ff8c56;
}

.tabs .tab a.hover{
  color: white;
  background:#ff8c56;
}

.tabs .tab a.active{
  /* color: white; */
  background:white;
}



.tab-proveedores .tabs .tab a.active{
  color: white;
  background:white;
}

.tabs .tab a.active1{
  color: white;
  background:#ff8c56;
}

.tab-proveedores .tabs .tab a.active1{
  color: white;
  background:#ff8c56;
}

.tabs .tab a {
  margin-left: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  background: white;
  color: #FD8C5C;
}



.tab-proveedores .tab-content{
    padding-top:8px !important;
}
.tab-proveedores .tab-content > *{
    margin-bottom:20px;
}
.tab-proveedores .tab-busqueda, .tab-proveedores .tab-busqueda input[type=search]{
    background:#fafafa;
}
.tab-proveedores .tab-busqueda .input-field{
    padding-bottom:10px;
}
.tab-proveedores .tab-busqueda{
    overflow:hidden;
}
.tab-proveedores .tab-busqueda input[type=search]:focus{
    padding-left:44px;
    border-bottom:0px !important;
}
.tab-proveedores .tab-busqueda label{
    top:-15px;
}
.tab-proveedores .tab-content table{
    border:0;
}
.tab-proveedores .tab-content table.centered thead tr th{
    padding: 3px 23px 5px 0px !important;

}
.tab-proveedores table.centered td#provider-td{
    padding:12px 0px !important;
}
#providers-table-selected{
    margin-top:0px;
}
#providers-table-selected thead tr th,
#providers-table-selected-public thead tr th{
    padding: 10px 23px 15px 1px !important;
}
p.arriba-table{
    background:#f15a29;
    color:#fff;
    margin-bottom:0px;
    padding:20px;
}
div.abajo-table{
    background:#e6e6e6;
    overflow:hidden;
    border-left:1px solid gray;
    border-right:1px solid gray;
}
/* FIN PASOS */

        @media screen and (min-width:601px){
            nav{
                background:#ff5722;
            }
            nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i{
                height:auto;
                line-height:70px;
            }
        }

        .custom-btn {
            background-color: #ff5722;
            height: 68px;
            line-height: 66px;
            padding-left: 0;
            padding-right: 0;
        }

        .btn:hover, .btn-large:hover {
            background-color: #fbc02d;
        }

        @media only screen and (min-width: 1201px) {
            .row .col.custom-xl1 {
                width: 2.1%;
                margin-left: auto;
                left: auto;
                right: auto;
                padding: 0;
            }
        }

        .custom-th-bidding{
            padding: 10px;
        }
        #biddingDetail > thead > tr > th{
            padding-top: 10px !important;
            padding-bottom: 10px !important;
            padding-right: 20px !important;
            padding-left: 15px !important;
        }

/* Paginacion */
.pagination li.active {
  background-color: #ff9800;
  color: white;
  padding: 5px 10px;
}



.pagination li a:hover{
}


/*Inicio menu de licitaciones*/


        .barraf{

            height: 6px;
            display: block;
            width: 100%;
            background-color: #F2F2F2;
            border-radius: 2px;
            overflow: hidden;

            position: relative;
            top: -6px;
        }

        .barraf2{
            display: block;
            width: 84%;
            background-color: #F2F2F2;
            border-radius: 2px;
            overflow: hidden;
            position: relative;
            top: -186px;
        }

        .menulici .indicator{
            z-index: 1;
            overflow-x: hidden;
        }

        .licitaciones-acciones .row > div{
            margin-top:20px;
        }
        .licitaciones-acciones .row > div:last-child, .licitaciones-acciones .row > div.float-right div:last-child{
            padding-right:0px;
        }
        .licitaciones-acciones .row > div.float-right{
            float:right;
        }
        .licitaciones-acciones .cardbuscar.input-field .prefix{
            margin-top:5px;
            margin-left:8px;
        }
        .licitaciones-acciones .cardbuscar.input-field input[type=search]{
            margin-top:5px;
            padding-bottom:3px;
        }
        .licitaciones-acciones input[type=search]:not(.browser-default):focus:not([readonly]){
            border-bottom:0px;
        }
        .licitaciones-acciones .select-wrapper input.select-dropdown{
            height: 1.4rem !important;
        }




#modal2 > div > div:nth-child(2) > form > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div > input{
    margin: 0px !important;
    height: 2.7rem !important;
}

#modal2 > div > div:nth-child(2) > form > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div > input{
    margin: 0px !important;
    height: 2.7rem !important;
}

#modal2 > div > div:nth-child(2) > form > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(2) > div > input{
    margin: 0px !important;
    height: 2.7rem !important;
}

    /*Fin menu de licitaciones*/

        /*circulo de la tabal vacia de items*/

        .circtbl{
            background: #ececec;
            -webkit-border-radius: 5.8em;
            display: inline-block;
            line-height: 0.6em;
            margin-right: 15px;
            margin-left: 3px;
            margin-bottom: 19px;
            text-align: center;
            padding: 3%;
        }


        ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
            font-weight: lighter !important;
            font-size: 14px;

        }
        ::-moz-placeholder { /* Firefox 19+ */
            font-weight: lighter !important;
            font-size: 14px;
        }
        :-ms-input-placeholder { /* IE 10+ */
            font-weight: lighter !important;
            font-size: 14px;
        }
        :-moz-placeholder { /* Firefox 18- */
            font-weight: lighter !important;
            font-size: 14px;
        }



        /* nombre de la tabla de licitaciones "pendiente y adjudicadas"*/

        .tbladju1{
            padding: 0px;
            margin: 0px;
        }


        .tlbadju2{
            padding: 0px;
            margin: 0px;
            color: grey;
            font-size: 13px;
            font-style: italic;
        }


        td, th{
            padding: 10px !important;

        }





        /*.marg{*/
            /*margin-top: 236px;*/
        /*}*/


        .szt{

            max-height: 521px;
        }

        /* clase del modal de message-preview */
        .modprev{
            max-height: 93% !important;
            top: 4% !important;
        }


        /* paddings del contenedor modal*/
        .mod4{
            padding-top: 1% !important;
            padding-bottom: 10% !important;
            padding-left: 10% !important;
            padding-right: 10% !important;
        }



        mod43{
            padding-left: 88px;
            padding-right: 88px;
            padding-top: 20px;
            padding-bottom: 160px;
        }


        /*icono de tabla shows*/
        .icntbl{
            width: 42px;
        }



        /*view licitacion tab de todos*/
        .contab{
            width: 122px !important;
        }


        .contab2{
            width: 203px !important;
        }


        .contab3{
            width: 220px !important;
        }


        .ltr{
            font-weight: normal;
        }



        /*separador de las tablas*/

        .sepr {
            width: 17px;
            height: 46px;
            float: left;
            margin-top: 5px;
            /*margin-left: -39px;*/
        }


        /*preloader*/
        .loader {
        border-top: 16px solid blue;
        border-bottom: 16px solid blue;
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }


        .nalign{
            text-align: left !important;
            margin-left: 15px !important;
        }


        .inlign{
            text-align: center;
            margin-left: 32px !important;
        }


        .priv{

            margin-top: 68px;
            margin-bottom: 68px;
        }

        .priv02{
            margin-top: 50px;
        }


.corl > li:nth-child(3){
    background-color: #FCBD59 !important;
    height: 10px !important;
    position: absolute !important;
}

.colr-second{
    color: #737373;
}

.colr-first{
    color: #FD8C5C !important;
}

.extiempo::placeholder {
    color: white;
    opacity: 1; /* Firefox */
}

.extiempo{
    box-shadow: 1px 2px 5px grey !important;
    border-bottom: none !important;
    height: 35px !important;
    border-radius: 3px !important;
    width: 147px !important;
    margin-top: 6px !important;
    padding: 0 2rem !important;
}

.siz{
    width: 30px !important;
}


#email{

    border-bottom: 2px solid #ffb700 !important;
    height: 1rem !important;
    margin: 4px 0 0 -6px !important;
    padding: 0 0 0 0 !important;
}

#bidding2 > tbody > tr > td:nth-child(4) > div{

    border-bottom: 2px solid #ffb700 !important;
    height: 1rem !important;
    margin: 4px 0 0 -6px !important;
    padding: 0 0 0 0 !important;

}

.inptbl{

    background-color: transparent;
    border: none;
    border-bottom: 2px solid #ffab00 !important;
    border-radius: 0;
    outline: none;
    height: 1rem !important;
    width: 100%;
    font-size: 1rem;
    margin: -3px 0 0 -1px !important;
    padding: 0 0 0 2px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}


.bn:active {
    background-color: greenyellow;
    transform: translateY(4px);
}
.lici-bt.btn{
    width: max-content !important;
    font-size: 10px !important;
    word-break: break-all;
}
.lici-bt{


    padding-left: 2px;
    padding-right: 3px;

    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 1px;
}

.siz{
     text-align: left !important;
     width: 241px !important;
}

#test-swipe-2 > div:nth-child(2) > div.col.s4 > div > div.grey.lighten-4.card-action.lg{

    height: 800px;
}


.bt-for{
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 2px !important;
    color: #fdbe4f !important;
    background-color: white!important;
    border: 2px solid #fdbe4f !important;
}

.bt-for2{
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 2px !important;
    color: white !important;
    background-color: #FD8C5C!important;
    border: 2px solid #FD8C5C!important;
}

.no-margin{
    margin: 0px !important;
}

.type-company{
    font-weight: bold;
    font-size: 15px;
    margin-left: 113px;
}

.full-bold{
    font-weight: bold !important;
}



.left-sheet {
    bottom: -21%;
    max-height: 70%;
    border-radius: 0;
    will-change: left, opacity;
    padding: 0px !important;
}


.mamey{
  background-color: #FD8C5C;
  padding-top: 10px;
  padding-bottom: 10px;
  /*padding-right: 10px;*/
  /*padding-left: 10px;*/
}

.mamey-btn{
    background-color: #FD8C5C;
}

.mamey-inp{
    border-bottom: 2px solid orange !important;
    top: -5px !important;
}

/* #dataLoader{
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(104, 34, 4, 0.418);
    z-index: 1;
}

#dataLoader #bar{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 80%;
    margin: auto;
}

.select-wrapper input.select-dropdown{
    height: 15px !important;
    line-height: 0px !important;
    margin-bottom: -35px;
} */

/* .select-wrapper svg{

    margin-top: 10px;
} */

/* .character-counter{
    display: none !important;
} */

.mamey-inp2{
    border-bottom: 2px solid orange !important;
}


.left-email{
    position: fixed !important;
    bottom: -210px !important;
    right: -53% !important;
    overflow: hidden !important;
}

.box-notification{
    width: 45% !important;
    border: none !important;
    background-color: #FAFAFA !important;
    position: absolute;
    z-index: 101;
    right: 174px;
    top: 70px;
}


.box-setting{
    width: 17% !important;
    border: none !important;
    background-color: #FAFAFA !important;
    position: absolute;
    z-index: 102;
    right: 10px;
    top: 70px;
}

.mar-set{
    margin-right: 55px !important;
}

#notificacion > div > table > tbody > tr.amber > th:nth-child(2){
    width: 144px !important;
}

.font-notification{
    font-size: 12px;
}

.font-noti-bold{
    font-weight: bold;
    color: black;
}

.font-color{
    color: orange !important;
    background-color: white;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 7px;
    padding-right: 7px;
}



.td-size{
    text-align: center;

}


.title-noti{
    color: white;
    font-weight: lighter;
}

.txt-white{
    color: white;
    font-weight: lighter;
}

.col-noti-tr{
    background-color: #FEC45D;
}



.marg-none{
    margin: 0px !important;
}

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

#modal2 > div > div:nth-child(2) > form > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(2) > div > input{
    top: -5px !important;
    right: -20px !important;
}
/**
stile of range

*/


#range{
    font-weight: bold !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    min-width: 176px;

}
#range::-webkit-input-placeholder,
#range:-ms-input-placeholder,
#range:-moz-placeholder
{
    font-weight: bold !important;
    font-size: 1.2em!important;
}
/**
end stile of range

*/

.mess-bt1{
    width: 245px !important;
    background-color: #F2F2F2 !important;
    color: grey !important;
    top: -9px !important;
    font-weight: bold;

}

.mess-bt2{
    background-color: #F2F2F2 !important;
    color: grey !important;
    top: -9px !important;
    font-weight: bold;
}

.mess-bt3{
    background-color: #FD8C5C;
    top: -9px !important;
    font-weight: bold;
}


.td{
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    height: 45px !important;
}

.linhei{
    border-top: 2px solid #c5c5c5 !important;
background-color: #f3f3f3 !important;
}


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


.bt-size01{
    width: 132px !important;
    background-color: #FEC45D !important;
}

.add-message-text{
    font-size: 14px !important;
    font-weight: 300;
}


.separador2{
    border-right: 1px solid #b0b0b0;
    height: 230px;
}


.tab-none li.indicator{
display: none !important;
}
.user-mobile-menu {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media only screen and (min-width: 993px){
   #extend {
       margin-left: 61px;
    }
}

.modal{
    top: 2% !important ;
    max-height: 96% ;
}
.modal.modal-fixed-footer {
    padding: 0;
    height: 90%;
}
.modal.modal-fixed-footer .modal-content{
    height: calc(100% - 10px);
}
.no-pad-right{
     padding-right: 0px !important;
 }
.no-pad-left{
    padding-left: 0px !important;
}

input.select-dropdown
{
    white-space: nowrap;
    width: 100% !important;
    overflow: hidden;
    text-overflow: ellipsis;
    /*border: 1px solid #000000;*/
}
/* ul.dropdown-content,
ul.select-dropdown{
    width: 100% !important;
} */
.autocomplete-content {
    margin-top: 0px !important;
}

.select-wrapper input.select-dropdown {
    border-bottom: none;
}



.dropdown-content li>span {
    color: orange !important;
}

.toast-rojo {
    border-radius: 2px;
    top: 35px;
    width: auto;
    margin-top: 10px;
    position: relative;
    max-width: 100%;
    height: auto;
    min-height: 48px;
    line-height: 1.5em;
    word-break: break-all;
    background-color: #f2635a;
    padding: 10px 25px;
    font-size: 1.1rem;
    font-weight: 300;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: default;
}

.toast-verde {
    border-radius: 2px;
    top: 35px;
    width: auto;
    margin-top: 10px;
    position: relative;
    max-width: 100%;
    height: auto;
    min-height: 48px;
    line-height: 1.5em;
    word-break: break-all;
    background-color: #168108;
    padding: 10px 25px;
    font-size: 1.1rem;
    font-weight: 300;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: default;
}


.fix-nav{
    position: fixed;
    z-index: 100;
}


/*.headerSortUp,*/
/*.headerSortDown{*/
    /*font-size: medium;*/
/*}*/


.non-bord{
    border: hidden;
}

.cen-text{
    text-align: center;
}

.marg-select{
    margin: 0 0 20px 76px !important;
}

input[type="text"]:not(.browser-default) {
    padding-left: 0px;
}

#modal-cat{
    top: auto !important;
}

.nomar-pad{
    padding: 0px !important;
    margin: 0px !important;
}

.size-full{
    width: 100%;
}

body > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div > input{
    bottom: 64px !important;
}

.no-margin-left{
    margin-left: 0px !important;
}

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


.est-li{
    font-style: normal !important;
    padding-bottom: 2px !important;
}

#sidenav-overlay{
    position: relative !important;
    z-index: 0 !important;
    background-color: rgba(0, 0, 0, 0) !important;
}

.size-title{
    font-size: 23px ;
    padding-top: 20px;
    
}

.size-tab{
    font-size: 12px !important;
}


.size-15{
    font-size: 15px !important;
}

#search > div > div > div.col.s12.m6.l2.float.right > div > input{
    font-size: 13px !important;
}

.btn, .btn-large{
    font-weight: normal !important;
}

#search > div > div > div.col.s12.m6.l2.float.right > div{
    height: 36px !important;
}

.bt-mod{
    margin-top: -4px;
    margin-bottom: 7px;
}

.select-dropdown{
    font-size: 14px !important;
}


.btn{
    font-size: 12px !important;
}


th{
    font-size: 13px !important;
}


td{
    font-size: 13px !important;
    word-wrap: break-word;
}


h4{
    font-size: 23px !important;
}


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

    .listadon {
        /* border: none; */
        color: white;
        padding: 0px 10px 0px 10px;
        text-align: center;
        text-decoration: none;
        font-size: 13px;
        margin-left: 0px;
        margin-right: 0;
    }

    .bulistado {
        border-radius: 50%;
    }


    .title-lici{
        display: block;
        margin-left: 5px;
        margin-top: 12px;
        font-size: 10px ;
    }
}



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

    .listadon {
        /* border: none; */
        color: white;
        padding: 0px 10px 0px 10px;
        text-align: center;
        text-decoration: none;
        font-size: 20px;
        margin-left: 0px;
        margin-right: 0;
    }

    .bulistado {
        border-radius: 50%;
    }

    .title-lici{
        display: block;
        margin-left: 5px;
        margin-top: 12px;
        font-size: 12px;
    }

}



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

    .listadon {
        /* border: none; */
        color: white;
        padding: 0px 15px 0px 15px;
        text-align: center;
        text-decoration: none;
        font-size: 30px;
        margin-left: 0;
        margin-right: 0;
    }

    .bulistado {
        border-radius: 50%;
    }

    .title-lici{
        display: block;
        margin-left: 5px;
        margin-top: 12px;
        font-size: 15px;
    }

}


.truncate {
    width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.truncate3 {
    width: 309px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.size-nav {
    font-size: 14px !important;
}


table.clase,table.clase th, table.clase td {
    border: 1px solid grey;
    text-align: left !important;
}

table.center-td,table.center-td th, table.center-td td {
    text-align: center !important;
}


.letter-title-table{
    font-weight: bold !important;
}


#tblPlan {
    table-layout:auto;
    width:100%;
    border-collapse: collapse;
    border:solid 1px lightgrey;
}

#tblPlan tr:first-child td+td {
    white-space: nowrap;
}


#tblPlan td {
    border:solid 1px lightgrey;

}


.shadow {
    position: relative;
}
.shadow:before {
    box-shadow: -18px 0 15px -15px orange inset;
    content: " ";
    height: 100%;
    top: 0;
    left: -15px;
    position: absolute;
    width: 15px;
}
.shadow:after {
    box-shadow: 18px 0 15px -15px orange inset;
    content: " ";
    height: 100%;
    position: absolute;
    top: 0;
    right: -15px;
    width: 15px;
}


/* scrollbar begin*/
::-webkit-scrollbar {
    width: 7px;
    height: 4px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: orange;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #ff7200;
}

/* Handle */
::-moz-scrollbar-thumb {
    background: orange;
    border-radius: 10px;
}

/* Handle on hover */
::-moz-scrollbar-thumb:hover {
    background: #ff7200;
}

/* Firefox scrollbar */
* {
    scrollbar-color: orange grey;
    scrollbar-width: thin;
}
/* scrollbar end*/

/* Sort styling */
table > thead > tr > th,
table > tfoot > tr > th {
    position: relative;
}
table > thead > tr > th.header,
table > tfoot > tr > th.header {
    padding-right: 1.5em;
    cursor: pointer;
}
table > thead > tr > th.header::before,
table > thead > tr > th.header::after,
table > tfoot > tr > th.header::before,
table > tfoot > tr > th.header::after {
    position: absolute;
    bottom: 0;
    display: block;
    opacity: 0.4;
    padding-bottom: inherit;
    font-size: inherit;
    line-height: 180%;
}
table > thead > tr > th.header::before,
table > tfoot > tr > th.header::before {
    top: 20px;
    right: 0.9em;
    content: '\25bc';
    font-size: 8px;
}
table > thead > tr > th.header::after,
table > tfoot > tr > th.header::after {
top: 9px;
right: 0.9em;
content: '\25b2';
font-size: 8px;
}
div.offers-table > table > thead > tr > th.header::before
{
    top: 37px !important;
    right: 0.9em;
    content: '\25bc';
    font-size: 8px;
}
div.offers-table > table > thead > tr > th.header::after{
    top: 24px !important;
    right: 0.9em;
    content: '\25b2';
    font-size: 8px;
}
table > thead > tr > th.headerSortUp::after,
table > thead > tr > th.headerSortDown::before,
table > tfoot > tr > th.headerSortUp::after,
table > tfoot > tr > th.headerSortDown::before {
    opacity: 1;
}

table > thead > tr > th{
    border-left: 1px solid #FFFFFF;
}
table > thead > tr > th:last-child:after,
table > thead > tr > th:last-child:before{
    border-left: 0px solid #FFFFFF;
    content: '';
}
.custom-th-add:after,
.custom-th:after{
    border-left: 0px solid #FFFFFF;
    content: '\25b2' !important;
}
.custom-th-add:before,
.custom-th:before{
    border-left: 0px solid #FFFFFF;
    content: '\25bc' !important;
}
/**
               _ _____           _          _     _
              | |  __ \         (_)        | |   | |
      ___ ___ | | |__) |___  ___ _ ______ _| |__ | | ___
     / __/ _ \| |  _  // _ \/ __| |_  / _` | '_ \| |/ _ \
    | (_| (_) | | | \ \  __/\__ \ |/ / (_| | |_) | |  __/
     \___\___/|_|_|  \_\___||___/_/___\__,_|_.__/|_|\___|
      col resizable style
*/

div.JCLRgrip:after{
    top: 8px;
    right: -13px;
    position: absolute;
    content: '\2194';
    color: white;
    font-size: 16px;
    display: none;

}
div.offers-table > div.JCLRgrips > div.JCLRgrip:after{
    top: 26px !important;
    right: -12px;
    position: absolute;
    content: '\2194';
    color: white;
    font-size: 16px;
}
@media only screen and (max-width: 800px) {
    .JCLRgrips
    {
        display: none !important;
    }
}


table.offers-table > tbody > tr >td > input{
    margin-left: 0px;
    padding-left: 0px !important;

}



div.JCLRgrip.JCLRdisabledGrip:after,
div.JCLRgrip.JCLRLastGrip:after{
     content: '' !important;
 }
div.JCLRgrip.JCLRdisabledGrip:before,
div.JCLRgrip.JCLRLastGrip:before{
    content: '' !important;
}

@media only screen and (max-width: 1900px) {
    /* For mobile phones: */
    [class*=""] {
        margin-left: 304px !important;
    }
}



@media hide and(max-width: 768px){
    div.JCLRgrip:after{
        top: 8px;
        right: -14px;
        position: absolute;
        content: '\2194';
        color: white;
        font-size: 19px;

    }


    div.JCLRgrip.JCLRdisabledGrip:after,
    div.JCLRgrip.JCLRLastGrip:after{
        content: '' !important;
    }
    div.JCLRgrip.JCLRdisabledGrip:before,
    div.JCLRgrip.JCLRLastGrip:before{
        content: '' !important;
    }

    @media only screen and (max-width: 768px) {
        /* For mobile phones: */
        [class*="resp"] {
            width: 100% !important;
        }
    }

    @media only screen and (max-width: 1900px) {
        /* For mobile phones: */
        [class*=""] {
            margin-left: 304px !important;
        }
    }
}




@media hide and (max-width: 768px) {
    table > thead > tr > th.headerSortUp::after,
    table > thead > tr > th.headerSortDown::before,
    table > tfoot > tr > th.headerSortUp::after,
    table > tfoot > tr > th.headerSortDown::before,
    table > thead > tr > th.header::before,
    table > tfoot > tr > th.header::before,
    table > thead > tr > th.header::after,
    table > tfoot > tr > th.header::after {
        content: '' !important;
        opacity: 0 !important;
    }
}


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

    .table-response{
        padding: 0px !important;
        overflow-x:auto !important;
    }

    .table-response>table{
        min-width: 1000px !important;
    }

    th, td {
        padding: 8px!important;
    }

}


@media only screen and (max-width: 1980px) {
#searchdiv{
    margin-right: 5px;
   }

}

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

    .nueva-btn{
        margin-top: 23px;
        left: 36px ;
        height: 40px !important;
    }

}


@media only screen and (max-width: 988px) {
    #searchdiv{
        margin-right: 7%;
    }

    .righ-ex{
        margin-right: 7%;
    }

    .top-nueva{
        margin-top: 24px !important;
    }
}

.isDisabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}


p.flow-text {
    font-size: 1.1rem !important;
    text-align: justify;
    text-justify: inter-word;
    font-weight: 400;

 }
p.description {

    text-align: justify;
    text-justify: inter-word;
    font-weight: 400 !important;

 }
/*******************start style money bidding ***********/
label> .money{
    width: auto !important;
    font-size: 12px;
    padding-left: 0px;
}

input.money,
input.percent{
    width: 100% !important;
    font-size: 1em;
    padding-left: 0px;
    color: black !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
}
input.black-text.modify.bidding.percent{
     padding: 0px;
 }
td input.black-text.modify.bidding.percent{
   font-size: 13px !important;
   text-align: center;
}

/*******************end style money bidding ***********/

table > thead > tr >th,
table > tbody > tr >td
{
    /*word-break: break-all;*/
    margin-left: 0px;
}

/* table > tbody > tr >td > a
{
} */

.movil table > tbody > tr >td > a
{
 /* margin-left: 20px;
  margin-right: 20px;*/
}

.movil table > tbody > tr >td
{
  text-align: center;
}



/* aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa */
table.JColResizer > thead > tr >th{

        padding-right: 15px !important;

    }
table.JColResizer > tbody > tr >td,
table.JColResizer > tbody > tr >td > input{
    margin-left: 0px;
    padding-left: 0px !important;
    text-align: center;
    padding-left: 5px !important;
    padding-right: 5px !important;
}


.card-panel {
    margin: 0.5rem;
    margin-top: 65px;
}

.total-section{
    margin: 0.5rem
}


.daterangepicker:before, .daterangepicker:after {
    display: none !important;
}
.daterangepicker{
    position: fixed !important;
    top:1% !important;
    padding: 8px 8px 8px 8px !important;
}

/*******************Star preview bidding provider*************************/

.body-button > tr >td {
    padding: 0 !important   ;
}

.align-right{
    text-align: right !important;
    text-align: -webkit-right !important;
    text-align: -moz-right !important;
}
.align-left{
    text-align: left !important;
    text-align: -webkit-left !important;
    text-align: -moz-left !important;
}

.cuadro-total{
    padding: 1.2em;
}

.cuadro-total.sameline > div > div > input {
	margin-top: 0px;
}

.sameline > .row {
    margin-bottom: 5px;
}

#total2{
    font-size: 21px;
    color: #F15A29 !important;
    font-weight:400;
    border:none
}
#total{
    font-size: 21px;
    font-weight:400;
    border:none
}
#monto_minimo{
    font-size: 21px;
    margin-left: 0px;
}


.bidding {
    margin-left: 0px !important;
    text-align: left;
}
.table-response{
    padding: 0px !important;
}
.mamey-inp{
    margin-left: 0px !important;
    padding: 0px !important;
}

.with-header{
    /*width: 12% !important;*/
}


.tooltip {
    position: relative;
    display: inline-block;

}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 18em;
    background-color: #323232;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    font-size: 15px !important;
    font-weight: normal !important;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
    opacity: 0;
    transition: opacity 1.5s;
}
.tooltip .tooltiptext.items{
    margin-left: -12rem;
}
@media only screen and (max-width: 800px) {
    .tooltip .tooltiptext {
        width: 15em;
        left: -61px;
    }
}


.tooltip:hover .tooltiptext {

    visibility: visible;
    opacity: 1;
    z-index: 5000;
}

/************************************ end style for tool tips*****************************/

form > div.row > div.col >input.validate,
.brand_modal
{
    margin-left: 0px !important;

}
.brand_modal:disabled{
    color: black !important;
 border-bottom: none !important;
}


.taxSelect > input{
    color: black !important;
    font-size: 1em !important;
}
tr.alternative{
    background: #f9f9f9;
}

/** Clase creada para colocar campos inmodificables en los formularios, aplicables a la etiqueta p*/

.no-edit-input {
    margin-bottom: 0px;
    border-bottom-width: 0px;
    margin-top: 23px;
}

label.menu-mobile{
    font-size: 14px;
    color: black;
    font-weight: 500;
    height: 48px;
}

@media only screen and (max-width: 992px){
    #offert-modal.modal {
        width: 100% ;
        top: 0% !important;
        max-height: 100% ;
    }
  
}

input[type="text"].sections {
    margin-right: 15px;
}

.top-settings{
    position: fixed;
    background-color: white;
    z-index: 99;
    padding: 65px 5% 0% 5%;
    width: 100% !important;
}
.logo{
    width: 161px;
    height: 27px;
    margin-top: 1%;
    margin-left: 10%;
}
@media only screen and (max-width: 600px) {

    .contenedor{
        width: 98% !important;
    }

    .barraf{
        top: -10px !important
    }
    .btn{
        width: 100% !important;
    }
    .exportar{
        width: 100% !important;
        right: -4px !important;

    }

    .card{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    #agregar{
        margin-right: 0px !important;
    }
    .agregar{
        padding-right: 10.5px !important;
    }
}

#registrationForm > div.row.center > div > div{
    width: auto !important;
}

.order-line{
    margin-right: 210px;
}
.textarea-custom{
    border-radius: 10px 10px 10px 10px !important;
    -moz-border-radius: 10px 10px 10px 10px !important;
    -webkit-border-radius: 10px 10px 10px 10px !important;
    border: 2px solid orange !important;
    border-radius: 10px 10px 10px 10px !important;
}

.no-pointer{
    cursor: default;
}

select,.btn ,.select-wrapper.card{
    height: 2.5rem !important;
}

/************style of modal coment****************/

.coment-modal{
    width: 45% !important;
    background-color: #FAFAFA !important;
    z-index: 2000 !important;
}

.coment-header{
    background-color: #FEC45D;
    color: white;
    min-height: 3em;
    display: table-cell;
    vertical-align: middle;
    height: 3em;
    width: 300000px !important;
}
p.normal-text{
    white-space: normal;

}
.coment-header > div > h6{
    vertical-align: baseline;
}
.btn.coment-button{
    background-color: #FEC45D;
}

.coment-modal>.modal-content{
    padding: 0px;
}
.coment >div>.row{
margin-bottom: 0px;
}
#coment{
    width: 30% !important;
}
@media only screen and (max-width: 970px) {
    #coment{
        width: 60% !important;
    }
}
@media only screen and (max-width: 600px) {
    #coment{
        width: 80% !important;
    }
    .coment-modal{
        width: 90% !important;
    }
}
@media only screen and (max-width: 400px) {
    #coment{
        width: 99% !important;
    }
}

/************style of modal coment****************/


/*****************start style of config provider************/
li.li{
    list-style-type: disc !important;
}
ul.ul{
    margin-left: 40px !important;
}



.btn-floating.btn-large i {
    line-height: 100px;
}
.btn-floating.btn-large {
    width: 100px;
    height: 100px;
}
.btn-large i {
    font-size: 2.6rem;
}
.back{
    z-index: -1;
}
/*****************start style of config provider************/

/*********************message style**********************/


input.v-money:disabled{
    border: 0px !important;
}
.min-width{
    width: 1px !important;
}

.padding-section{
    padding-top: 12px !important;

}
.alternative{
    background: #e6e6e6 !important;
}

/*.movil {*/
/*display: none;*/
/*}*/
@media only screen and (min-width: 601px) {
    .pc{
     display: block;
    }
    .movil {
        display: none;
    }
}
@media only screen and (max-width: 600px) {
    #offerts{
        width: 100% !important;
    }
    .pc{
        display: none;
    }
    .movil {
        display: block;
    }
    .header{
        background: #f15a29 !important;
    }
    .movil .header h4{
        color: #fff !important;
    }
    label{
        font-size: 15px !important;
    }
}

.min-width-table-movil {
    width: 10rem !important;
}

#formP{
    margin-top: 20px;
}
span.badge.new:after{content:""!important}
span.badge.new{background-color:#ffc553;color:#fff;border-radius:50%;font-size:1rem}
span.badge{min-width:2rem; float: none; 

  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;

}
nav ul a span.badge{line-height:27px;height:26px}


.speech-bubble-me2 {
    width: fit-content;
    position: relative;
    background: #f1f3f4;
    margin-bottom: 1em;
    padding: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0.4em;
    border-bottom-right-radius: 0.4em;
    border-bottom-left-radius: 0.4em;
}

.speech-bubble-me2:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0%;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-right-color: #f1f3f4;

    border-left: 0;
    border-top: 0;
    margin-top: 0px;
    margin-left: -20px;
}

.speech-bubble-other2{
    position: relative;
    background: #ffa5003d;
    padding: 10px;
    width: fit-content;
    text-align: right;
    border-top-left-radius: 0.4em;
    border-bottom-right-radius: 0.4em;
    border-bottom-left-radius: 0.4em;

}

.speech-bubble-other2:after {
    content: '';

    position: absolute;
    right: 0;
    top: 0%;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-left-color: #ffa5003d;
    border-right: 0;
    border-top: 0;
    margin-top: 0px;
    margin-right: -20px;
    }


a.message.have i{
    color:#ffc553 !important;
}

/************** Estilos personalizados de franklin ******************/
.tooltip  .left-tool{
    left: 61px;
}
}
h6.back-text.commercial_name {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}
.unidad {
    display: inline-block;
    width: auto;
}
span.toggle-password-login {
    /* margin-top: 29px; */
    position: relative;
    top: 35px !important;
}
span.toggle-password-register {
    position: relative;
    top: 60px !important; 
}
.centrado {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    text-align: center;
    margin-top: 50px;
}
.margin-6 {
    margin:6px;
}
.titulo-registro {
    font-weight: 500;
    font-size: 24px;
}
.conf-empresa select.select-country {
    color: #000000;
    text-align: center;
    border-bottom: #ffa501 solid .5px;
}

.correo {
    font-size: 21px;
}
#menu {
    min-height: 70px;
}
.principal .row {
    margin-bottom: 0px;
}
.titulos {
    min-height: 68px;
}

.bottom-100 {
    margin-bottom: 100px;
} 
.col.s12.m12.l2.right-button {
    margin-right: 0px;
    padding-right: 0px;
}
.cerrar {
    position: absolute;
    top: 16px;
    right: 30px;
    background: transparent;
}
select.browser-default {
    color: #a0a0a0;
        border: none;
}
form.uploader {
    padding: 50px;
}
thead.deep-orange.lighten-2 {
    line-height: 30px;
}
span.nobreak {
    white-space: nowrap;
}
thead.deep-orange.lighten-2.smheight {
    line-height: 1.5em;
}
.create-account-btn {
  background-color: white;
  color: #ff3d00;
}
@media  screen and (max-width:780px) {
    .red-text {
    margin: 0px;
}
    .centrado {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        text-align: center;
        margin-top: 50px;
    }
    a.xpace {
        margin-left: 13%;
    }
    .menulici .indicator {
       display:none;
    }
    .active .black-text {
        font-weight: bold;
    }
    table#table-selected {
    display: none;
    }
    .title-white-mobile {
        color:white;
    }
    .step, a .reloj, .tap3 {
        display:none;
    }
    textarea#textarea1 {
        margin-left: 0px;
    }
    #biddingitem th.black-text.header {
        color: white !important;
    }
    .movil table > tbody > tr >td > a {
        /*margin-left: 22px;*/
    }
    .size-title {
        padding-top: 0px ;
    }
    a.btn-floating.waves-effect.orange.waves-light.button-collapse.hide-on-med-and-up {
        display: none;
    }
    .name-menu {
        text-overflow: ellipsis;
        width: 97%;
        overflow: hidden;
        white-space: nowrap;
    }
    /*button.listadon.bulistado.colr {
        width: 60px;
        height: 60px;
    }*/
}

.brand-logo img {
  width: 161px;
    height: 27px;
    margin-top: 1%;
    margin-left: 33px;
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .brand-logo img {
    margin-left: auto;
  }
}

.dz-preview.dz-file-preview.well, .dz-preview.well.dz-processing {
  margin-bottom: 16px;
}
#dropzone-previews .dz-preview.dz-file-preview.well > div:first-child {
  height: 0;
}
#dropzone-previews > .dz-preview.dz-file-preview.well:first-child, .dz-preview.dz-file-preview.well:last-child {
  margin-bottom: 0;
}
