/*---------------------------
::HOJA DE ESTILOS PRINCIPAL::
---------------------------*/

/*font*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700);
/*font-family: 'Roboto', sans-serif;*/

h1, h2, h3, p, label, li {
    font-family: 'Raleway', sans-serif;
}

h1 {
    font-size: 70px;
    text-transform: uppercase;
    font-size: 60px;
}

h2 {
    text-transform: uppercase;
    font-size: 35px;
    margin: 0 0 55px;
}


.my-checkfield-selected {
    position: relative;
    display: inline-flex;
    align-items: center;
}

    .my-checkfield-selected::after {
        content: '✔';
        font-size: 14px;
        color: green;
        margin-left: 5px;
        ¿ position: static;
    }


.btn-traslate {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
    border-radius: 5px;
    letter-spacing: 2px;
    position: absolute;
    bottom: 20%;
    right: -30px;
    transition: all 300ms ease 0ms;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    z-index: 99;
}


#btn-lenguage {
    color: #008790
}


.btn-traslate select {
    margin: 0;
    padding: 8px 3px 8px 3px;
}

.year-filter-dropdown {
    display: inline-block;
    width: auto;
    font-size: 11px;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    color: #008790;
    border-radius: 10px;
    padding: 10px 20px;
    height: 40px;
    border: 1px solid #ccc;
    background-color: #fff;
    margin-right: 10px;
    line-height: normal;
}

.btn-client {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    color: #008790;
    letter-spacing: 2px;
    transition: all 300ms ease 0ms;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: -8px;
    margin-bottom: 14px;
}

#btn-client {
    color: #008790;
    font-size: 13px;
    padding: 8px 12px;
    border-radius: 4px;
    border: 1px solid #008790;
    width: 200px;
    height: 32px;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    box-sizing: border-box;
    background: #fff;
    cursor: pointer;
    transition: background 200ms ease, color 200ms ease, border-color 200ms ease;
}

    #btn-client:hover {
        background: #008790;
        color: #ffffff;
        border-color: #ffffff;
    }


h3 {
}

.line-height-120 {
    line-height: 125%;
}

p {
}

ul {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

.disc-style li {
    list-style: disc;
}

/* style.css */
.missing-text {
    color: red;
    font-weight: 600;
    margin-left: 8px;
    display: inline-block;
}

.missing-inline {
    color: red;
    font-weight: 600;
    margin-right: 6px;
}

.missing-questions-box p {
    margin: 0 0 8px 0;
    font-weight: 600;
}

.missing-questions-box ul {
    margin: 0;
    padding-left: 18px;
}

input,
select,
label,
button,
a,
img,
textarea {
    outline: none !important;
}

/*Estilos Integración GASCO*/

.btn-Detail {
    font-size: 14px !important;
    padding: 4px 10px !important;
    margin: 0 0 !important;
    font-weight: normal !important;
    font-family: 'Raleway', sans-serif;
    border-radius: 8px;
    background-color: #008790;
}

.div-total-report {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 0px;
}

    .div-total-report .nav-tabs {
        margin-bottom: 0;
        border-bottom: none;
        flex-grow: 1;
    }

.btn-pqrs {
    padding: 10px 20px !important;
    font-size: 14px !important;
    margin-bottom: 2px !important;
    background-color: #008790;
}

/* OCS activa */
.nav-tabs > li.active > a[href="#tab-ocs"] {
    background-color: #008790;
    color: #fff;
}

/* OPS activa */
.nav-tabs > li.active > a[href="#tab-ops"] {
    background-color: #008790;
    color: #fff;
}

/* FAC activa */
.nav-tabs > li.active > a[href="#tab-fac"] {
    background-color: #008790;
    color: #fff;
}

.div-total-report {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.btn-Answer-Modal {
    font-size: 14px !important;
    padding: 27px 25px !important;
    margin: 0 0 !important;
    Color: white;
    font-weight: normal !important;
    font-family: 'Raleway', sans-serif;
    border-radius: 8px;
    background-color: #008790;
}

.btn-generate-request {
    font-size: 14px !important;
    font-weight: normal !important;
    font-family: 'Raleway', sans-serif;
    background-color: #008790;
    border-radius: 8px;
    padding: 10px 25px;
    margin: auto;
}

.btn-list-request {
    font-size: 14px !important;
    font-weight: normal !important;
    font-family: 'Raleway', sans-serif;
    background-color: #008790;
    border-radius: 8px;
    padding: 8px 15px !important;
    margin: auto;
}

.request-cards-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 5px 15px;
    overflow-y: auto;
    max-height: 65vh;
    background-color: #EDEDED;
    border-radius: 8px;
}

.request-card {
    border-radius: 6px;
    padding: 15px;
    background: #fff;
    box-shadow: 0 4px 7px rgba(0,0,0,0.18);
    border: 2px solid #ccc;
}

.request-card-header .header-row {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}


.header-row .spacer {
    flex: 1;
}

#clientRequestContainer .close {
    margin-top: 0px !important;
}

#clientRequestContainer .modal-body {
    max-height: 60vh;
    overflow-y: auto;
}

.modal-footer-request {
    display: flex;
    padding: 10px !important;
    align-items: center;
    gap: 10px;
}

.request-description {
    margin-top: 10px;
}

.request-card-footer {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.state-group {
    display: flex;
    align-items: center;
    gap: 5px;
}

.footer-actions {
    display: flex;
    gap: 10px;
}

.no-requests-message {
    text-align: center;
    padding: 5px;
    font-weight: bold;
    font-size: 1.1em;
    color: #666;
}

/* Estilos para modal respuesta */
/* CONTENEDOR GENERAL DEL MODAL */
#responseModal .modal-content {
    border-radius: 10px;
    padding: 10px 15px;
}

#responseModal .modal-dialog {
    border-radius: 10px !important; 
}

/* TÍTULO */
#responseModal .modal-title {
    font-weight: bold;
    font-size: 18px;
}

/* SECCIÓN DE ASUNTO / DESCRIPCIÓN */
#responseModal .response-info h4 {
    font-weight: bold;
    margin-bottom: 5px;
}

#responseModal .response-info p {
    margin-top: 0;
    font-size: 14px;
    color: #444;
}

/* MENSAJE ORIGINAL */
#responseModal .original-message-box {
    background: #f7f7f7;
    border: 1px solid #ddd;
    padding: 12px;
    border-radius: 8px;
    margin-bottom: 10px;
}

    #responseModal .original-message-box strong {
        font-size: 14px;
    }

/* HISTORIAL DE RESPUESTAS */
#responseModal ul.list-group {
    max-height: 250px;
    overflow-y: auto;
    border: 1px solid #eee;
}

#responseModal .list-group-item {
    border: none;
    border-bottom: 1px solid #eaeaea;
}

    #responseModal .list-group-item:last-child {
        border-bottom: none;
    }

    /* TEXTO DEL COMENTARIO */
    #responseModal .list-group-item p {
        margin: 5px 0 0 0;
    }

/* SCROLL DEL HISTORIAL */
#responseModal ul.list-group::-webkit-scrollbar {
    width: 6px;
}

#responseModal ul.list-group::-webkit-scrollbar-thumb {
    background: #bbb;
    border-radius: 10px;
}

/* INPUT DE RESPUESTA */
#responseModal textarea.form-control {
    resize: none;
    border-radius: 6px;
    border: 1px solid #ccc;
    padding: 8px;
}

/* --- Estilos de las PQRS creadas por una empresa   --- */

#createRequestServiceModal select.form-control {
    padding: 0px 10px;
    border-radius: 8px;
}

#createRequestServiceModal textarea.form-control {
    padding: 10px 10px;
    border-radius: 10px;
    height: 25vh;
}

#createRequestServiceModal .modal-content {
    height: 72vh;
    border-radius: 8px;
    padding: 10px 15px;
}

#createRequestServiceModal .modal-body {
    margin-top: 15px;
}

.btn-request-generate {
    font-size: 14px !important;
    font-weight: normal !important;
    font-family: 'Raleway', sans-serif;
    background-color: #008790;
    border-radius: 8px;
    padding: 15px 40px !important;
}

/* AUTOCOMPLETADOR DE BUSCADOR*/

.content-search-autocomplete {
    position: relative;
}

.search-autocomplete {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    top: 50px;
    left: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 250px;
    border-bottom: 1px solid #ccc;
}

    .search-autocomplete .item {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
        display: block;
        color: #4e4e4e;
        text-decoration: none;
    }

        .search-autocomplete .item span {
            width: 100%;
            display: block;
            font-weight: bold;
            overflow: hidden;
            display: inline-block;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .search-autocomplete .item:hover {
            background-color: #e9e9e9;
        }

    .search-autocomplete .item-active {
        background-color: DodgerBlue !important;
        color: #ffffff;
    }
/* FIN AUTOCOMPLETADOR DE BUSCADOR*/

input.select-order {
    display: block;
    margin: 0 auto;
    width: 20px;
    height: 20px;
}

.loading-autocomplete {
    background: rgb(255, 255, 255);
    display: block;
    top: 8px;
    right: 52px;
    width: 35px;
    height: 35px;
    position: absolute;
    -webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    -o-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
}

    .loading-autocomplete svg {
        width: 100%;
        height: 100%;
    }

/*-------------------
::ESTILOS GENERALES::
-------------------*/

/*iconos*/
[class|="icon"] {
    background-image: url('https://www.portal1k.com/Content/Images/sprite.png');
    display: inline-block;
    background-repeat: no-repeat;
}

[class|="icon-sm"] {
    height: 50px;
    width: 50px;
}

[class|="icon-md"] {
    height: 70px;
    width: 70px;
}

[class|="icon-lg"] {
    height: 90px;
    width: 90px;
}


/*cancel padding*/

.cp {
    padding: 0
}

.cp-left {
    padding-left: 0
}

.cp-right {
    padding-right: 0
}

/*backgrounds*/

.bg-blue {
    background-color: #008790;
}

.bg-dark {
    background-color: #243841;
}

.bg-gray {
    background-color: #f8f8f8;
}

/*botones*/

.btn {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    /*min-width: 327px;*/
    margin: 0 auto;
    display: block;
    padding: 15px 20px;
}

.btn-md {
    font-size: 16px;
    padding: 8px 20px;
}

    .btn-md.btn-large {
        padding: 8px 40px;
    }

a.btn {
    display: inline-block;
}

.btn.focus, .btn:focus, .btn:hover {
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
}

.btn-link:hover, btn-link:focus {
    color: #008790;
}

.btn-green {
    background-color: #52bd46;
}

.btn-blue {
    background-color: #008790;
}

.btn-dark {
    background-color: #36444b;
}

.btn-dw-docs {
    width: 300px;
    font-size: 17px;
}

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

/*Color de los textos*/

.text-blue {
    color: #008790;
}

.text-white {
    color: #fff
}

.text-dark {
    color: #243841
}

.text-gray {
    color: #9f9f9f;
}

.text-red {
    color: #ff0500;
    font-weight: bold;
}


/*espacios de cada sección*/

.space {
    padding: 30px;
}


/*Login*/

#loading-screen {
    width: 100%;
    height: 100%;
    z-index: 101
}

.wrapper.login {
    width: 100%;
    height: 100vh;
}

.main-login .row-1 {
    padding: 20px 0;
}

.main-login {
    width: 745px;
    margin: 0 auto;
    background-color: #fff;
    text-align: center;
}

    .main-login h2 {
        margin: 30px 0;
    }

    .main-login .main-form input {
        width: 100%;
        border: 1px solid #ddd;
        border-radius: 5px;
        height: 55px;
        padding: 15px;
        color: #666;
        font-size: 19px;
        letter-spacing: 1px;
    }

    .main-login .main-form label {
        color: #9f9f9f;
        font-size: 20px;
    }

    .main-login .main-form {
        width: 495px;
        margin: 0 auto;
        text-align: left;
    }

.recover-password.clearfix {
    margin: 30px 0 10px;
}

.recover-password .form-group label {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
}

.recover-password .form-group input {
    height: auto;
    box-shadow: none;
    text-align: center;
    float: right;
    width: auto;
}

.recover-password a {
    color: #9F9F9F;
    font-size: 16px;
    font-weight: 400;
    text-decoration: underline;
}

.main-login .acces {
    margin-bottom: 30px;
}

.main-login .btn-ig {
    margin-bottom: 30px !important;
}

.main-login .acces a {
    padding: 5px 0;
    display: block;
    font-size: 20px;
    color: #243841;
    text-decoration: underline;
    max-width: 327px;
    margin: 10px auto;
    margin-bottom: 0;
}

    .main-login .acces a:first-child {
        color: #fff;
        font-weight: 300;
        text-decoration: none;
        margin: 10px auto;
    }

/*-------------
::ESTILOS TOP::
--------------*/

/*barra del top*/

.breadcrumb {
    background-color: transparent;
    padding: 5px 0;
    font-size: 12px;
}

.top-bar {
    padding: 20px 0;
}

.main-logo {
    padding: 0;
}

span.icon-sm-user {
    background-position: -400px 0;
}

.user p {
    display: inline-block;
    position: relative;
    margin: 0;
    font-size: 16px;
    font-weight: 300;
}

.user {
    font-family: 'Raleway', sans-serif;
    line-height: 1em;
}

.profile,
.company {
    color: #008790;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
}

{
    color: #008790;
}

.exit {
    position: absolute;
    top: 10px;
    right: 0;
}

    .exit > a {
        width: 40px;
        min-width: auto;
        font-size: 14px;
        font-weight: 400;
        padding: 16px 0;
        position: relative;
    }

    .exit a.deposit {
        padding: 6px 0;
    }

.admin-section-title h1 {
    font-size: 24px;
    color: #008790;
    font-family: 'Raleway', sans-serif;
    margin: 10px 0 20px 0;
}

span.icon-sm-config {
    background-position: -750px -50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 50%;
    margin-left: -25px;
}

.exit .dropdown-menu {
    margin: 0;
    padding: 0;
    position: absolute;
    margin-left: -150px;
    background-color: #36444B;
    top: 98%;
}

    .exit .dropdown-menu.this-open {
        display: block;
        transition: 1s ease all;
    }

    .exit .dropdown-menu li a {
        padding: 5px 10px;
        margin: 0;
        color: #fff;
        border-bottom: 1px solid #5B6B73;
    }

.w-100 {
    width: 100%;
}

.exit .dropdown-menu:before {
    position: absolute;
    left: 50%;
    margin-left: -12px;
    top: -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #36444B;
}

.exit .dropdown-menu li:last-child a {
    border: none;
}

.exit .dropdown-menu > li > a:focus,
.exit .dropdown-menu > li > a:hover {
    background-color: #55646B;
}

.drop-content ul .drop-content__item {
    background-color: white;
}

    .drop-content ul .drop-content__item:hover {
        opacity: .95;
    }

    .drop-content ul .drop-content__item .drop-content__item--a {
        color: #36444b;
        font-weight: 400;
    }

.drop-shooter {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    .drop-shooter .caret {
        color: white;
        position: absolute;
        right: 20px;
    }

.search-field .search {
    box-shadow: none;
    width: calc(100% - 50px);
    float: left;
    height: 50px;
    border: 4px solid #008790;
    border-right: none;
    padding: 0 15px;
}

.search-btn {
    width: 50px;
    height: 50px;
    background-color: #008790;
    background-image: url('https://www.portal1k.com/Content/Images/search-icon.svg');
    background-position: center center;
    background-size: 25px auto;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    float: left;
}

    .search-btn:hover {
        opacity: 0.6;
    }

.user-icon {
    width: 30px;
    height: 30px;
    display: block;
    background-color: #008790;
    margin-top: 10px;
}

.user .text-gray {
    height: 50px;
    /*cursor:pointer;*/
    transition: all 0.3s ease-in-out;
}

.user .user-options {
    height: auto;
}

.user-icon img {
    width: 100%;
}

.user .text-gray:hover .login-btn-text {
    color: #008790;
}

.user .text-gray > div {
    vertical-align: middle;
}

.user-info {
    padding-top: 10%;
    padding-right: 5px;
    text-align: right;
}

    .user-info span {
        font-family: 'Raleway', sans-serif;
    }

.user-dropdown {
    padding: 15px;
    border: 3px solid #008790;
    border-radius: 0;
    margin: 0;
}

    .user-dropdown li {
        padding: 5px 0;
    }

.top-menu-arrow {
    position: absolute;
    top: -10px;
    right: 10%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #008790 transparent;
}

.login-input {
    border: 1px solid #c7c7c7;
    padding: 5px;
    box-shadow: none;
    width: 100%;
}

.login-btn {
    display: block;
    width: 100%;
    color: #fff !important;
    background-color: #008790;
    padding: 10px 0 !important;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.1s ease-in-out 0s;
}

    .login-btn:hover,
    .login-btn:active,
    .login-btn:focus {
        opacity: 0.6;
    }

.lost-pass__btn {
    font-size: .9em !important;
    text-align: left !important;
    padding: 0 10px !important;
}

    .lost-pass__btn:hover {
        color: #008790 !important;
        background-color: transparent !important;
    }

.user-dropdown li.list-separator {
    border-top: 1px solid #008790;
    padding: 0;
    margin: 10px 0;
}

.register-btn {
    color: #fff !important;
    background-color: #008790 !important;
    padding: 10px 20px 10px 40px !important;
    font-size: 14px;
}

    .register-btn:hover {
        opacity: 0.6;
        cursor: pointer;
    }

.history-btn {
    color: #fff !important;
    background-color: #008790 !important;
    padding: 10px 10px 10px 40px !important;
    font-size: 15px;
    font-weight: bold;
}



.home-btn {
    color: #fff !important;
    background-color: #008790 !important;
    width: 120px;
    padding: 10px 30px 10px 40px !important;
    font-size: 15px;
    font-weight: bold;
}

.history-btn:hover {
    opacity: 0.6;
    cursor: pointer;
}

.filter-title:hover {
    transition: all 0.5s;
    color: #008790;
    cursor: pointer;
    text-decoration: underline;
}

summary {
    list-style: none;
}

    summary::-webkit-details-marker {
        display: none;
    }

.arrow-icon {
    margin-left: 1px;
    font-size: 15px;
}

.register-icon {
    background-image: url('https://www.portal1k.com/Content/Images/register-ico.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 20px 15px;
}

.icon-profile {
    background-image: url('https://www.portal1k.com/Content/Images/icon-profile.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 30px 25px;
}

.icon-history {
    background-image: url('https://www.portal1k.com/Content/Images/icon-history.webp');
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 27px 27px;
}

.icon-load-spare {
    background-image: url('https://www.portal1k.com/Content/Images/load_products.webp');
    background-repeat: no-repeat;
    background-position: 13px center;
    background-size: 37px 35px;
}

.icon-request-quote {
    background-image: url('https://www.portal1k.com/Content/Images/request_quote.webp');
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 30px 30px;
}

    .icon-request-quote:hover {
        cursor: pointer;
        text-decoration: underline;
    }

.icon-request-spare {
    background-image: url('https://www.portal1k.com/Content/Images/request_spare.webp');
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 30px 30px;
}

.icon-transport-request {
    background-image: url('https://www.portal1k.com/Content/Images/transport_request.webp');
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 30px 30px;
}

.icon-tracking {
    background-image: url('https://www.portal1k.com/Content/Images/icon-tracking.webp');
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 30px 30px;
}

.icon-petty-cash {
    background-image: url('https://www.portal1k.com/Content/Images/cash-on-delivery.webp');
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 30px 30px;
}

.icon-home {
    background-image: url('https://www.portal1k.com/Content/Images/icon-home.webp');
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 30px 30px;
}

.icon-list-message {
    background-image: url('https://www.portal1k.com/Content/Images/icon-message.png');
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 30px 30px;
}

    .icon-home:hover {
        opacity: 0.6;
    }

.inputSPart {
    width: 100%;
    background-color: #f3f3f3;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #a5a5a5;
}

.provider {
    background-image: url('https://www.portal1k.com/Content/Images/provider-icon.svg');
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 20px 15px;
}

.buyer {
    background-image: url('https://www.portal1k.com/Content/Images/buyer-icon.svg');
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 20px 15px;
}

.login-input::-webkit-input-placeholder {
    color: #d7d7d7;
}

.login-input::-moz-placeholder {
    color: #d7d7d7;
}

.login-input:-ms-input-placeholder {
    color: #d7d7d7;
}

.login-input:-moz-placeholder {
    color: #d7d7d7;
}
/*Menu principal*/

.main-menu {
    position: relative;
}

    .main-menu .navbar-default {
        border-radius: 0;
        margin: 0;
        z-index: 1;
        width: 100%;
        border: 0;
        background-color: transparent;
        z-index: 98;
    }

    .main-menu .navbar-nav {
        float: none;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
    }

.navbar-center {
    display: flex;
    justify-content: space-around;
}

.main-menu .navbar-nav li {
    /*width: 20%;*/
    position: relative;
}

.fifth {
    width: 20%;
}

.fourth {
    width: 25%;
}

.third {
    width: 33%;
}

.main-menu .navbar-nav li a {
    color: #36444b;
    text-align: center;
    display: block;
    font-size: 20px;
    padding: 20px 15px;
    position: relative;
    font-family: 'Raleway', sans-serif;
    border-bottom: 2px solid transparent;
}

    .main-menu .navbar-nav li a:hover,
    .main-menu .navbar-nav li a.active,
    .main-menu li.megamenu:hover > a {
        color: #008790;
        border-bottom-color: transparent;
        text-decoration: none;
    }

    /*.main-menu .navbar-nav li a:hover:before,
	.main-menu .navbar-nav li a.active:before,
    .main-menu li.megamenu:hover>a:before {
	    content: " ";
	    position: absolute;
	    top: 0;
	    border-left: 7px solid transparent;
	    border-right: 7px solid transparent;
	    border-top: 7px solid #243841;
	    left: 50%;
	    margin-left: -10px;
	}*/

    .main-menu .navbar-nav li a p {
        display: inline-block;
        position: relative;
        margin-bottom: 0;
        font-family: 'Raleway', sans-serif;
        text-transform: uppercase;
    }

    .main-menu .navbar-nav li a span {
        position: absolute;
        left: -60px;
        top: 50%;
        margin-top: -25px;
    }

span.icon-sm-portal {
    background-position: 0 0;
}

span.icon-sm-producto {
    background-position: -50px 0;
}

span.icon-sm-servicio {
    background-position: -100px 0;
}

span.icon-sm-proveedores {
    background-position: -150px 0;
}

.main-menu .navbar-nav li a:hover span.icon-sm-portal,
.main-menu .navbar-nav li a.active span.icon-sm-portal,
.main-menu li.megamenu:hover > a .icon-sm-portal {
    background-position: -200px 0;
}

.main-menu .navbar-nav li a:hover span.icon-sm-producto,
.main-menu .navbar-nav li a.active span.icon-sm-producto,
.main-menu li.megamenu:hover > a .icon-sm-producto {
    background-position: -250px 0;
}

.main-menu .navbar-nav li a:hover span.icon-sm-servicio,
.main-menu .navbar-nav li a.active span.icon-sm-servicio,
.main-menu li.megamenu:hover > a .icon-sm-servicio {
    background-position: -300px 0;
}

.main-menu .navbar-nav li a:hover span.icon-sm-proveedores,
.main-menu .navbar-nav li a.active span.icon-sm-proveedores,
.main-menu li.megamenu:hover > a .icon-sm-proveedores {
    background-position: -350px 0;
}


/*Megamenu*/

.main-menu .display-menu {
    /*width: 40vw;*/
    position: absolute;
    left: 0;
    border-top: 1px solid #36444B;
    display: none;
    padding: 15px 0;
    background-color: #fff;
    border: 3px solid #008790;
}

    .main-menu .display-menu .top-menu-arrow {
        top: -12px;
    }

    .main-menu .display-menu.productos-menu .top-menu-arrow {
        left: 130px;
    }

    .main-menu .display-menu.servicios-menu .top-menu-arrow {
        left: 125px;
    }

.img-megamenu img {
    width: 100%;
}

.main-menu li.megamenu:hover .display-menu {
    display: none;
}

.main-menu .display-menu .block {
    border-right: 1px solid #36444B;
}

    .main-menu .display-menu .block:last-child {
        border: none;
    }

.main-menu .display-menu ul:last-child {
    border: none;
}

.main-menu .display-menu li {
    width: 100%;
}

    .main-menu .display-menu li a {
        text-align: left;
        font-size: 14px;
        padding: 5px 10px;
    }

        .main-menu .display-menu li a:before {
            display: none;
        }

.btn-megamenu {
    display: none;
}


/*---------------------
::CONTENIDO PRINCIPAL::
---------------------*/

.container {
    width: 1010px;
}

/*banner principal*/

.main-banner {
    overflow: hidden;
    position: relative;
}

.home_quote {
    display: flex;
    justify-content: center;
    text-align: center;
}

.home_quote_sp {
    border-left: solid 1px #a8a8a8;
}

.main-banner .flexslider {
    margin: 0;
    padding: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border: 0;
}

.main-banner .flex-direction-nav a {
    background-color: rgba(136, 156, 166, 0.41);
    text-indent: 9999px;
    background-image: url('https://www.portal1k.com/Content/Images/sprite.png');
    height: 60px;
    margin-top: -30px;
    transition: inherit;
    display: block;
    opacity: 0.8;
    z-index: 1;
}

    .main-banner .flex-direction-nav a:hover {
        opacity: 1;
    }

.flex-direction-nav a:before {
    display: none;
}

.main-banner .flexslider .flex-direction-nav .flex-next {
    background-position: -550px 6px;
    right: 0;
}

.main-banner .flexslider .flex-direction-nav .flex-prev {
    background-position: -505px 6px;
    left: 0;
}

.main-banner .flex-control-nav.flex-control-paging {
    display: none;
}

.main-banner .flexslider .slides > li {
    height: 350px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

/*Buscador*/

.main-search {
    position: absolute;
    width: 570px;
    left: 50%;
    margin-left: -285px;
    height: 280px;
    top: 50%;
    margin-top: -160px;
}

    .main-search h1 span {
        font-size: 50px;
    }

    .main-search input {
        color: #fff;
        width: 100%;
        height: 67px;
        background-color: rgba(255, 255, 255, 0.44);
        border: 1px solid #ddd;
        padding: 15px;
        font-size: 15px;
        font-weight: 300;
        box-shadow: none;
    }

    .main-search button {
        position: absolute;
        top: 50%;
        right: 18px;
        border: none;
        background-color: transparent;
        background-position: -450px 0;
        margin-top: -25px;
        box-shadow: none;
    }

input.text-white[placeholder] {
    color: #909090;
}

.search::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #909090;
}

.search:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #888;
    opacity: 1;
}

.search::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #909090;
    opacity: 1;
}

.search:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #909090;
}

.smaller-container {
    max-width: 550px;
    margin: 0 auto;
}
/*contenidos del home*/

.paragraph-home p {
    font-size: 20px;
    font-weight: 300;
    color: #9f9f9f;
}

.row-1 .paragraph-home p,
.row-2 .paragraph-home p,
.row-3 .paragraph-home p {
    margin-bottom: 50px;
}

.detail-product .row-3 {
    text-align: center;
}

    .detail-product .row-3 .btn {
        display: block;
        background-color: #243841;
        width: 100%;
        padding: 5px 0;
        text-align: center;
        color: #FFF;
        text-transform: uppercase;
        font-family: 'Raleway', sans-serif;
        font-size: 14px;
        font-weight: normal;
        margin-top: 15px;
        transition: all 0.1s ease-in-out;
        box-shadow: none;
        border-radius: 0;
    }

        .detail-product .row-3 .btn:hover {
            background-color: #008790;
            color: #fff;
            text-decoration: none;
        }

.row-2 .space {
    padding-bottom: 0;
}

/*proveedores*/

.brands-slide .flexslider {
    margin-bottom: 100px;
}

    .brands-slide .flexslider .slides img {
        width: auto;
        display: inline-block;
        max-width: 100%;
        /*max-height: 250px;*/
        max-height: 100%;
    }

.row-dw-btn {
    text-align: center;
}


.brands-slide .flexslider .slides > li {
    text-align: center;
}

.brands-slide .flex-direction-nav a {
    opacity: 0.8;
}

.brands-slide .flex-direction-nav a {
    /* background-color: rgba(136, 156, 166, 0.41); */
    text-indent: 9999px;
    background-image: url('https://www.portal1k.com/Content/Images/sprite.png');
    height: 60px;
    margin-top: -30px;
    transition: inherit;
    display: block;
    opacity: 0.8;
}

.brands-slide .flex-direction-nav .flex-prev,
.brands-slide .flexslider:hover .flex-direction-nav .flex-prev {
    left: -30px;
}

.brands-slide .flex-direction-nav .flex-next,
.brands-slide .flexslider:hover .flex-direction-nav .flex-next {
    right: -30px;
}

.brands-slide .flexslider:hover .flex-direction-nav .flex-next,
.brands-slide .flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 1;
}

.brands-slide a.flex-next {
    background-position: -756px 4px;
}

.brands-slide a.flex-prev {
    background-position: -706px 4px;
}

.brands-slide .flex-control-paging li a.flex-active {
    background-color: #008790;
}

.brands-slide .flex-control-paging li a {
    background-color: #d5d5d5;
    box-shadow: none;
    width: 13px;
    height: 13px;
}

/* productos destacados */

.home-prods {
    border-top: 2px solid #c7c7c7;
    border-bottom: 2px solid #c7c7c7;
    background-color: #f1f1f1;
    padding: 40px 0;
}

    .home-prods h2 {
        font-family: 'Raleway', sans-serif;
        color: #000;
        margin: 0 0 30px 0;
        padding-left: 15px;
    }

.home-prods__item {
    background-color: #fff;
    border-bottom: 3px solid #000;
    padding: 15px;
    margin-bottom: 10px;
}

    .home-prods__item:hover {
        box-shadow: 0 4px 5px rgba(0,0,0,.2);
    }

    .home-prods__item > a {
        display: block;
    }

.home-prods__img {
    width: 100%;
}

.home-prods__name {
    line-height: .7em;
    margin: 5px 0;
}

    .home-prods__name a {
        text-decoration: none;
        color: #008790;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        font-weight: bold;
    }

.home-prods__price {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
}

.home-prods__link {
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    color: #008790;
    border: 2px solid #008790;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    margin-top: 15px;
    transition: all 0.1s ease-in-out;
}

    .home-prods__link:hover,
    .home-prods__link:active,
    .home-prods__link:focus {
        background-color: #008790;
        color: #fff;
        text-decoration: none;
    }

/* info empresa */

.enterprise-info {
    padding: 25px 0;
}

    .enterprise-info h3 {
        color: #008790;
        text-transform: uppercase;
        margin: 10px 0;
        font-family: 'Raleway', sans-serif;
        font-size: 18px;
        font-weight: bold;
    }

.formulario-cont input,
.formulario-cont textarea {
    border: none;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
    width: 100%;
    padding: 5px;
}

.formulario-cont textarea {
    height: 70px;
}

#SendMenssage_Message {
    height: 90px;
}

.btn-border {
    display: block;
    background-color: #fff;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    color: #008790;
    border: 2px solid #008790;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    margin-top: 15px;
    transition: all 0.1s ease-in-out;
    box-shadow: none;
}

    .btn-border:hover,
    .btn-border:active,
    .btn-border:focus {
        background-color: #008790;
        color: #fff;
        text-decoration: none;
    }

.twitter-feed {
    padding-top: 25px;
}

.mail-localization {
    margin-top: 10px;
    display: block;
    color: #008790;
}
/*Datos de contacto*/

.contact-date h3 {
    font-size: 18px;
    color: #9f9f9f;
    text-transform: uppercase;
}

.contact-date p,
.contact-date a {
    color: #9f9f9f;
    font-size: 18px;
    margin-bottom: 4px;
}

span.icon-lg-ubication {
    background-position: 0 -172px;
}

.contact-date .email {
    padding: 60px 15px;
}

span.icon-lg-email {
    background-position: -88px -173px;
}


/*formulario de contacto*/
.form-control {
    border-radius: 0;
}

.form-contact input,
.form-contact textarea {
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #bababa;
    padding: 15px;
    background-color: #f3f3f3;
}

.form-contact input {
    height: 48px;
}

.form-contact textarea {
    margin-bottom: 9px;
    box-shadow: none;
    border-radius: 0;
}

.form-contact button {
    min-width: auto;
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    padding: 12px 20px;
}

/*contenedor interna*/

.container.inner {
    width: 1200px;
}


/*___________________
Pagina de productos*/

.col-izq {
    margin-top: 0;
}

    .col-izq > div {
        margin-bottom: 15px;
    }

.col-der {
    margin-top: 0;
}


/*banner*/


.title-product h2 {
    margin-bottom: 0;
}

.title-product-banner h1 {
    font-family: 'Raleway', sans-serif;
    color: #008790;
    font-weight: bold;
    font-size: 30px;
    margin: 40px 0;
}

.unique-banner .title-product-banner h1 {
    cursor: pointer;
    transition: text-decoration 0.3s ease;
}

    .unique-banner .title-product-banner h1:hover {
        text-decoration: underline;
    }

/*menu lateral*/

.title-lateral h3 {
    margin: 0;
    color: #233741;
    padding: 15px 15px 15px 55px;
    font-size: 26px;
    font-weight: 300;
    letter-spacing: 1px;
    font-family: 'Raleway', sans-serif;
    border-bottom: 2px solid #008790;
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: auto 25px;
    position: relative;
}

    .title-lateral h3:before {
        content: '';
        position: absolute;
        width: 30px;
        height: 30px;
        background-position: center center;
        background-size: 30px 25px;
        background-repeat: no-repeat;
        left: 20px;
    }

.col-izq .border {
    border: 1px solid #B2B2B2;
}

.provider input[type="checkbox"] {
    box-shadow: none;
    margin-top: 4px;
}

.category-title h3::after,
.provider-title h3::after {
    content: "";
    background-image: url('https://www.portal1k.com/Content/Images/arrow-down-icon.svg');
    background-repeat: no-repeat;
    display: block;
    width: 18px;
    height: 10px;
    position: absolute;
    right: 33px;
    top: 26px;
}

.favorite-title h3:before {
    background-image: url('https://www.portal1k.com/Content/Images/icon-star-black.png');
}

.favorite-title.selected h3:before {
    background-image: url('https://www.portal1k.com/Content/Images/icon-star-yellow.png');
}

.category-title h3:before {
    background-image: url('https://www.portal1k.com/Content/Images/cat-icon.svg');
}

.provider-title h3:before {
    background-image: url('https://www.portal1k.com/Content/Images/providerlist-icon.svg');
}

.place-title h3:before {
    background-image: url('https://www.portal1k.com/Content/Images/place-icon.svg');
}

.provider label {
    color: #243841;
    font-family: 'Raleway', sans-serif;
    transition: all 0.1s ease-in-out;
    font-weight: normal;
    display: block;
    font-size: 16px;
    padding: 7px 0;
    margin: 0;
    line-height: 1em;
}

.provider ul {
    padding: 15px;
}

    .provider ul li:last-child .form-group {
        margin-bottom: 0;
    }

.provider .form-group > div:first-child {
    padding-top: 4px;
}

.category li {
    display: flex;
    border-bottom: 1px solid #fff;
}

    .category li a {
        color: #243841;
        font-family: 'Raleway', sans-serif;
        transition: all 0.1s ease-in-out;
        display: block;
        font-size: 16px;
        padding: 7px 20px;
        cursor: pointer;
    }

        .category li a:hover,
        .category li a:active,
        .category li a:focus {
            background-color: #ededed;
            text-decoration: none;
        }

    .category li > div {
        width: 100%;
    }

    .category li a.active {
        color: #243841;
        background-color: #E2E2E2;
    }

/*---------------------------*/

.border ul.dropdown-menu {
    position: relative;
    float: none;
    box-shadow: none;
    border: none;
    margin-top: 0;
    padding: 0;
    margin-left: -73px;
    border-radius: 0;
}

.dropdown-menu ul li a {
    border-bottom: 1px solid #DCDCDC;
    text-decoration: none;
    font-weight: 800;
    display: block;
}


.border .dropdown-menu > li > a {
    display: block;
    width: 300px;
}

    .border .dropdown-menu > li > a:hover {
        color: #262626;
        text-decoration: none;
        background-color: #f5f5f5;
    }
/*---------------------------*/
.category li a.active:before {
    content: " ";
    position: absolute;
    left: -9px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #E2E2E2;
    top: 50%;
    margin-top: -9px;
}

span.icon-sm-feeding {
    background-position: 1px -50px;
}

span.icon-sm-maquinaria {
    background-position: -50px -50px;
}

span.icon-sm-equipos {
    background-position: -100px -50px;
}

span.icon-sm-dotacion {
    background-position: -150px -50px;
}

span.icon-sm-insumos {
    background-position: -200px -50px;
}

span.icon-sm-pm {
    background-position: -250px -50px;
}

span.icon-sm-mp {
    background-position: -300px -50px;
}

span.icon-sm-im {
    background-position: -350px -50px;
    top: 15px;
    position: relative;
}


/*colores*/

.colors ul {
    padding: 15px;
    display: inline-block;
    text-align: center;
}

    .colors ul li {
        display: inline-block;
    }

        .colors ul li a {
            width: 36px;
            height: 36px;
            display: block;
            margin: 5px;
            border: 1px solid #B2B2B2;
        }

.bg-look-white {
    background-color: #fff
}

.bg-look-black {
    background-color: #000
}

.bg-look-blue {
    background-color: #1A05FE
}

.bg-look-coffee {
    background-color: #5C442C
}

.bg-look-red {
    background-color: #9C1E07
}

.bg-look-gray {
    background-color: #808080
}

.bg-look-light-blue {
    background-color: #9CFDEA
}

.bg-look-box-colors {
    background-image: url('https://www.portal1k.com/Content/Images/colors-box.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.bg-look-purple {
    background-color: #7F1581
}

.bg-look-orange {
    background-color: #FB3101
}


/*filtros responsive*/

.filter-responsive {
    display: none;
}


/*filtros de los productos*/

.filters.row-1 {
    border-bottom: 2px solid #008790;
    margin-bottom: 25px;
    padding-bottom: 5px;
}

.filters .breadcrumb {
    margin: 0;
    background-color: transparent;
    padding: 14px 0;
}

    .filters .breadcrumb > li + li:before {
        padding: 0 5px;
        color: #243841;
        content: ">";
        font-weight: bold;
    }

    .filters .breadcrumb a {
        font-size: 18px;
        color: #243841;
    }

        .filters .breadcrumb a.active {
            font-size: 18px;
        }

.breadcrumb > li {
    font-family: 'Raleway', sans-serif;
    color: #243841;
}

.filters .breadcrumb > .active {
    color: #777;
    font-size: 18px;
}

.tablerequest .titles {
    background-color: #008790;
    color: white;
}

.tablerequest tr {
    border-bottom: 1px solid #008790;
}

.order-product select {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #008790;
    background-image: url('https://www.portal1k.com/Content/Images/select-bg.svg');
    background-repeat: no-repeat;
    background-position: center right;
    background-size: auto 100%;
    padding: 10px;
    color: #243841;
    border-radius: 0;
    margin-bottom: 10px;
}

    .order-product select option {
        background-color: #fff;
    }

    .order-product select::-ms-expand {
        display: none;
    }

.views ul li {
    float: left;
}

a.icon-sm-view-1 {
    background-position: -400px -50px;
}

    a.icon-sm-view-1.active {
        background-position: -550px -50px;
    }

a.icon-sm-view-2 {
    background-position: -450px -50px;
}

    a.icon-sm-view-2.active {
        background-position: -600px -50px;
    }

a.icon-sm-view-3 {
    background-position: -500px -50px;
}

    a.icon-sm-view-3.active {
        background-position: -650px -50px;
    }

.views ul.pagination {
    margin: 9px 0;
}

.pagination > li > a,
.pagination > li > span {
    color: #008790;
}

    .pagination > li > a:focus,
    .pagination > li > a:hover,
    .pagination > li > span:focus,
    .pagination > li > span:hover {
        background-color: #243841;
        color: white;
    }

    .pagination > li > a:focus,
    .pagination > li > a:hover,
    .pagination > li > span:focus,
    .pagination > li > span:hover {
        background-color: #243841;
        color: white;
    }

.border-bottom {
    border-bottom: 1px solid #9f9f9f;
    margin-bottom: 30px;
    paddig-bottom: 10px;
}
/*contenedor de productos*/
.breadcrumbs {
    margin: 20px 0;
    padding: 0;
    text-transform: uppercase;
}

    .breadcrumbs li {
        float: left;
        margin-right: 10px;
    }

        .breadcrumbs li span {
            font-weight: bold;
            color: #008790;
        }

.user-domain {
    padding: 25px 0;
}

    .user-domain > div {
        float: left;
    }

.user-domain__prefix {
    width: 90px;
    padding-top: 5px;
}

.user-domain__sufix {
    width: calc(100% - 160px);
}

    .user-domain__sufix input {
        width: 100%;
        padding: 4px 10px;
    }

.report-page button,
.report-page input[type=submit] {
    border: none;
    border-radius: 0;
    background-color: #008790;
    color: #fff;
    padding: 10px 20px;
    font-family: 'Raleway', sans-serif;
    transition: all 0.1s ease-in-out;
    font-size: 12px;
}

    .report-page button:hover,
    .report-page input[type=submit]:hover {
        opacity: .8;
    }

.report-page__form {
    margin: 15px 0;
    border-bottom: 1px solid #9f9f9f;
}

.report-page__btn {
    padding-top: 25px;
}

.img-product {
    height: 170px;
    overflow: hidden;
    text-align: center;
    font: 0/0 a;
    margin-bottom: 5px;
}

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

    .img-product img {
        display: inline-block;
        vertical-align: middle;
        font: 16px/1 Arial sans-serif;
        width: auto;
        max-height: 100%;
    }

.content-favorite {
    position: relative;
    width: 25px;
    height: 22px;
    margin-top: -5px;
}

    .content-favorite img {
        position: absolute;
        right: 0;
        cursor: pointer;
    }

        .content-favorite img.red {
            width: 22px;
        }

        .content-favorite img.transparent {
            width: 20px;
        }

.content-title {
    display: flex;
}

    .content-title .title-product {
        width: 100%;
    }

.title-product {
    text-align: center;
}

    .title-product p {
        color: #008790;
        font-family: 'Raleway', sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        margin: 0;
        line-height: 1em;
        height: 55px;
    }

.detail-product__currency {
    color: #7c7c7c;
}

.detail-product__value {
    color: #008790;
    font-weight: bold;
}

.detail-product__request-price {
    text-decoration: none;
    color: #008790;
    font-weight: bold;
    cursor: pointer;
}

    .detail-product__request-price:hover {
        text-decoration: none;
    }

.detail-product__expired_validity {
    font-size: 14px;
    color: #ff0000;
    font-weight: bold;
}

.detail-product .row-3 .btn.detail-product__add-number,
.result-products .detail-product__add-number {
    background-color: #008790;
    display: block;
    font-size: 12px !important;
    float: left;
    line-height: 1em;
    margin: 0;
    width: 75%;
    padding-top: 8px !important;
    height: 30px;
}

    .detail-product .row-3 .btn.detail-product__add-number:hover {
        opacity: 0.6;
    }

.detail-product__input-number {
    float: left;
    padding: 3px 0;
    width: 25%;
    text-align: center;
    height: 30px;
}

.detail-product__view-more {
    background-color: #243841;
    color: #fff;
    display: block;
    padding: 10px 0;
    font-family: 'Raleway', sans-serif;
    text-align: center;
    width: 100%;
    margin-top: 10px;
}

    .detail-product__view-more:hover {
        opacity: 0.6;
        color: #fff;
        text-decoration: none;
    }

.detail-product {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-bottom: 50px;
    max-height: 275px;
}

.min-width {
    min-width: 262px;
}

.result-products .detail-product {
    height: auto;
}

#detail-product .detail-title {
    display: flex;
}

    #detail-product .detail-title h2 {
        width: 100%;
    }

.detail-product .row-1 p {
    margin: 0;
    font-size: 14px;
    color: #243841;
    font-weight: 400;
    line-height: 1em;
    font-family: 'Raleway', sans-serif;
}

.detail-product .row-2 p {
    text-align: center;
    font-size: 14px;
    padding: 0;
    margin: 0;
    color: #243841;
    font-family: 'Raleway', sans-serif;
}

.registerBtn {
    color: #008790 !important;
    font-size: 16px !important;
    border: 1px solid #008790;
    display: block;
    padding: 15px !important;
    transition: all 0.1s ease-in-out 0s;
}

    .registerBtn:hover {
        color: #36444b !important;
        border-color: #36444b;
    }

.avg-starts {
    margin-bottom: -5px;
}

.detail-product .row-1 {
    height: 55px;
}

.detail-product .row-2 {
    height: 100px;
}


.detail-product .row-3 button {
    font-size: 16px;
    font-weight: 200;
    letter-spacing: 1px;
    padding: 5px 30px;
    margin-top: 15px;
}

.detail-product .row-4 {
    margin-top: 10px;
}

    .detail-product .row-4 ul {
        display: inline-block;
    }

        .detail-product .row-4 ul li {
            display: inline-block;
        }


/*Pagina descripcion del producto*/

/*miga de pan*/

.mian-breadcrumbs .breadcrumb {
    padding: 70px 0 10px 0;
    background-color: transparent;
    border: none;
}

    .mian-breadcrumbs .breadcrumb a {
        text-transform: uppercase;
        color: #aab1b9;
        font-weight: bold;
        font-size: 20px;
    }

    .mian-breadcrumbs .breadcrumb .active {
        color: #fff;
        text-transform: uppercase;
        font-size: 20px;
        text-decoration: underline;
        font-weight: bold;
    }

    .mian-breadcrumbs .breadcrumb > li + li:before {
        display: none;
    }

    .mian-breadcrumbs .breadcrumb a:after {
        content: " -";
    }

/*descripcion del producto*/

.description-product {
    margin-top: 20px;
    margin-bottom: 30px;
    display: flex;
}

    .description-product .slides > li {
        position: initial !important;
    }

.description {
    padding-right: 0;
    margin-right: 15px;
}

    .description .row-2 {
        border-top: 1px solid #008790;
        border-bottom: 1px solid #008790;
        padding: 15px 0;
    }

    .description h2,
    .title-prov-main h2 {
        color: #fff;
        margin: 0;
        font-size: 26px;
        padding: 15px;
        font-family: 'Raleway', sans-serif;
        color: #008790;
        font-weight: bold;
    }

    .description h3 {
        font-size: 20px;
        font-family: 'Raleway', sans-serif;
        font-weight: bold;
        margin: 0;
    }

    .description .row-2 .price p {
        font-size: 35px;
        margin: 0;
    }

    .description .row-2 .calification {
        margin-top: 14px;
    }

.calification li {
    display: inline-block;
    vertical-align: top;
}

    .calification li:nth-child(2) > span:first-child {
        display: block;
    }

.description .row-3 p {
    font-size: 14px;
}

.provider-name {
    font-family: 'Raleway', sans-serif;
    padding: 15px 0;
}

.description .row-3 .provider-name a {
    margin: 10px 0 30px;
    font-weight: bold;
    color: #008790;
}

    .description .row-3 .provider-name a :hover {
        color: #243841;
    }

.description .row-3 p strong {
    font-size: 18px;
}


/*Galeria*/

.gallery-product .flexslider {
    border: 0;
    margin-bottom: 0;
    position: relative;
}


.gallery-product .flex-control-nav.flex-control-thumbs {
    position: absolute;
    z-index: 0;
    bottom: 0;
    text-align: right;
    padding: 15px;
    margin: 0;
}

    .gallery-product .flex-control-nav.flex-control-thumbs li {
        float: none;
        border: 1px solid #b2b2b2;
        width: 80px;
        margin-right: 10px;
    }

        .gallery-product .flex-control-nav.flex-control-thumbs li:last-child {
            margin: 0;
        }

/*Comentarios*/

.add-comment button.btn.btn-green {
    display: block;
    background-color: #fff;
    border-radius: 0;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    color: #008790;
    border: 2px solid #008790;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: normal;
    font-size: 18px;
    transition: all 0.1s ease-in-out;
    box-shadow: none;
    white-space: normal;
}

    .add-comment button.btn.btn-green:hover {
        background-color: #008790;
        color: #fff;
        text-decoration: none;
    }

.add-comment {
    margin: 40px 0 10px;
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 30px;
}

.main-comments .calification {
    margin-top: 0;
}

    .main-comments .calification .jq-star {
        height: 25px !important;
        width: 25px !important;
    }

    .main-comments .calification p {
        font-size: 18px;
        margin-right: 11px;
        position: relative;
        top: 4px;
        font-weight: 600;
        font-family: 'Raleway', sans-serif;
    }

.title-comment {
    border-bottom: 2px solid #008790;
}

    .title-comment h2 {
        margin: 0;
        font-size: 32px;
        font-family: 'Raleway', sans-serif;
    }


/*Comentarios del producto*/

.main-comments .comment {
    padding: 20px;
    border-bottom: 1px solid #ddd;
}

    .main-comments .comment:last-child {
        border: none;
    }

.comment .user span.icon-sm-user {
    left: -47px;
}

.comment .row-1 {
    margin-bottom: 20px;
}

.comment .user p {
    padding: 0;
    font-size: 18px;
    font-weight: 500;
}

.main-comments .comment .calification {
    display: inline-block;
    margin-left: 6px;
    position: relative;
    top: -2px;
}

.main-comments .date p {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}


/*pagina detalle proveedor*/

.brand-detail {
}

.brand-information {
    padding: 20px;
}

    .brand-information h4 {
        font-size: 20px;
        font-weight: bold;
        margin: 0;
    }

.contact-date li {
    font-size: 20px;
    padding: 3px 0;
}

.contact-date {
    margin-top: 15px;
}

.img-provider {
    margin-top: 30px;
}


/*Rotador*/

.current-customers {
    margin-bottom: 30px;
}

    .current-customers .flexslider,
    .supplier-products .flexslider {
        margin: 30px 0;
    }

    .current-customers .brands-slide,
    .supplier-products .brands-slide {
        padding-left: 40px;
        padding-right: 40px;
    }

        .current-customers .brands-slide .flex-direction-nav .flex-next,
        .current-customers .brands-slide .flexslider:hover .flex-direction-nav .flex-next {
            right: -45px;
        }

        .current-customers .brands-slide .flex-direction-nav .flex-prev,
        .current-customers .brands-slide .flexslider:hover .flex-direction-nav .flex-prev {
            left: -45px;
        }

    .current-customers h3,
    .supplier-products h3 {
        color: #008790;
        font-weight: 400;
        font-size: 24px;
        margin: 0;
        padding: 10px;
        text-transform: uppercase;
        border-bottom: 1px solid #008790;
    }

/*rotador productos del rotador*/

.supplier-products {
    margin-bottom: 60px;
}

    .supplier-products .detail-product {
        padding: 3px 7px 10px;
        margin-bottom: 0;
    }

        .supplier-products .detail-product .row-1 p {
            font-size: 11px;
            text-align: left;
        }

    .supplier-products .title-product p {
        font-size: 10px;
    }

/*.supplier-products .detail-product .row-2 p:last-child {
    font-size: 17px;
    font-weight: 500;
}*/

/*Registro*/

.form-register {
    margin-bottom: 60px;
}

.main-top.register {
    height: auto;
    border-bottom: 3px solid #243841;
}

.content-banner.register {
    height: auto;
}

    .content-banner.register .title-product-banner {
        margin: 0;
        padding: 20px 0;
    }

        .content-banner.register .title-product-banner h1 {
            margin: 0;
        }

span.icon-sm-img {
    position: absolute;
    left: 18px;
    background-position: -700px -50px;
    top: 50%;
    margin-top: -25px;
}

.btn.upload {
    padding-left: 57px;
    padding-right: 11px;
}

.btn-index-search {
    display: inline-block
}

.container-btn-acep {
    margin-top: 34px;
}

.productPaging p span {
    cursor: pointer;
    font-family: 'Raleway', sans-serif;
}

.productPaging b {
    color: #243841;
}
/*--------
::FOOTER::
--------*/

footer .row-5 h3 {
    color: #fff;
    font-weight: 100;
    letter-spacing: 1px;
    font-size: 18px;
    margin-top: 0;
}

footer .space {
    padding-top: 30px;
    padding-bottom: 30px;
}

.footer-cont {
    border-top: 1px solid #9f9f9f;
    margin-top: 30px;
}

/*Redes sociales*/

.social-media ul li {
    float: left;
}

a.icon-md-youtube {
    background-position: 0px -102px;
}

a.icon-md-facebook {
    background-position: -70px -102px;
}

a.icon-md-linkedin {
    background-position: -140px -102px;
}

a.icon-md-twitter {
    background-position: -210px -102px;
}

/*documentos de interes*/

.Documents-interest p,
.Documents-interest a {
    color: #fff;
}

.Documents-interest p {
    position: relative;
    padding: 20px 15px 20px 55px;
    margin-bottom: 0;
}

    .Documents-interest p span {
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -25px;
    }

    .Documents-interest p:first-child a {
        text-decoration: underline;
    }

span.icon-sm-hv {
    background-position: -600px 0px;
}

span.icon-sm-pdf {
    background-position: -650px 0px;
}

.copyright p {
    color: #fff;
    margin-bottom: 0;
    font-size: 12px;
    text-align: right;
}

.enterprise-links li {
    float: left;
    padding-right: 20px;
}

    .enterprise-links li:last-child {
        padding: 0;
    }

    .enterprise-links li a {
        color: #fff;
        font-size: 12px;
        display: block;
    }

        .enterprise-links li a:hover {
            color: #008790;
        }

.social-networks {
    background-color: #008790;
}

    .social-networks li {
        float: left;
        width: 33.33%;
    }

        .social-networks li a {
            display: block;
            width: 100%;
            height: 50px;
            text-indent: -9999px;
            background-position: center center;
            background-repeat: no-repeat;
            transition: all 0.1s ease-in-out;
        }

            .social-networks li a:hover {
                opacity: 0.6;
            }

.ico-facebook {
    background-image: url('https://www.portal1k.com/Content/Images/logo-fb.png');
}

.ico-linkedin {
    background-image: url('https://www.portal1k.com/Content/Images/logo-linkdin.png');
}

.ico-twitter {
    background-image: url('https://www.portal1k.com/Content/Images/logo-twitter.png');
}

.copyright > div:first-child,
.copyright > div:nth-child(2) {
    padding-top: 15px;
}



/*
    Acordeon Categorias
*/

.side-menu {
    border-right: 1px solid #a8a8a8;
}

    .side-menu > div {
        margin-bottom: 40px;
    }

    .side-menu .form-group {
        margin-bottom: 5px;
    }

.accordion-categories .panel {
    border: 0;
    margin-bottom: 1px;
    box-shadow: none;
}

.accordion-categories .link-category a {
    color: #243841;
    font-family: 'Raleway', sans-serif;
    transition: all 0.1s ease-in-out;
    display: block;
    font-size: 16px;
    padding: 7px 20px;
}

    .accordion-categories .link-category a:hover,
    .accordion-categories .link-category a:active,
    .accordion-categories .link-category a:focus {
        background-color: #ededed;
        text-decoration: none;
    }



.accordion-categories .panel:last-child {
    margin-bottom: 0;
}

.accordion-categories .bg-blue {
}

.accordion-categories .panel:last-child .bg-blue {
    background-color: #ade52e;
    width: 70px;
}

.accordion-categories .panel:last-child .link-category a {
    color: #90c320;
}

    .accordion-categories .panel:last-child .link-category a:hover,
    .accordion-categories .panel:last-child .link-category a:focus,
    .accordion-categories .panel:last-child .link-category a:active {
        color: #fff;
        background-color: #90c320;
    }


.accordion-categories .link-subCategory {
    display: block;
    width: 100%;
    cursor: pointer;
}

    .accordion-categories .link-subCategory:hover {
        background-color: #ebebeb;
    }


/*
    *Form Registro
*/


.ctn-form-register input,
.ctn-form-register select,
.datepicker-admin {
    box-shadow: none;
    margin-bottom: 15px;
}

.input-loadImage .k-dropzone {
    padding: 0;
}

.input-loadImage .k-button {
    background-color: #878787;
    border: 0;
    width: 100%;
    padding: 10px 15px;
}

    .input-loadImage .k-button span {
        color: #fff;
        height: 29px;
        display: inline-block;
        padding-top: 5px;
    }

.input-loadImage span,
.color-gray {
    color: #494949;
}

.ctn-form-register .checks-categories input,
.check-termns input {
    width: 15px;
    height: 15px;
    float: left;
    margin-right: 8px;
}

.ctn-form-register .checks-categories span {
    display: block;
    float: left;
    margin-top: 1px;
}

.title-categories {
    padding: 15px;
    margin: 0 0 15px 0;
}

.ctn-btn-register .btn {
    max-width: 250px;
    margin: 15px auto;
}

.check-termns {
    padding: 0 15px;
    margin-top: 30px;
}

    .check-termns a {
        display: block;
        float: left;
        margin-top: 1px;
    }

.k-file-success .k-progress {
    background-color: #92d9f3;
}

.k-dropzone .k-upload-status {
    color: #fff;
}

.checks-categories h4 {
    margin: 0 0 25px 0;
    display: block;
    border-bottom: 1px solid #e1e1e1;
    padding: 10px 0;
}

.detail-product-prov {
    height: auto;
}

.dates-dest-main {
    margin-top: 25px;
    margin-bottom: 50px;
}

.title-prov-main {
    color: #fff;
    padding: 7px 15px;
}

    .title-prov-main h2 {
        font-size: 15pt;
        margin: 0;
        border-bottom: 1px solid #008790;
        font-size: 26px;
    }

.img-provider-2 {
    margin-top: 0;
}

    .img-provider-2 img {
        width: 70%;
        margin: auto;
    }

.cal-prov {
    text-align: right;
}

    .cal-prov h3 {
        font-size: 13pt;
    }

.date-prov li {
    border-bottom: solid 1px rgba(0,0,0,0.1);
    padding: 10px;
    font-size: 14px;
}

    .date-prov li img {
        width: 50px;
        margin-right: 15px;
        display: inline-block;
        vertical-align: top;
    }

.provider-detail__text {
    width: calc(100% - 70px);
    display: inline-block;
}

.basic-relation-prev {
    padding: 10px;
}

    .basic-relation-prev p {
        margin-bottom: 0 !important;
        text-align: left;
    }

.txt-info-relation {
    margin-top: 5px;
    margin-bottom: 10px;
    min-height: 50px;
}

    .txt-info-relation p {
        font-size: 12pt;
        margin-bottom: 0;
        color: #243841;
        font-weight: 700;
    }

.group-img-relation {
    background: #fff;
    padding: 10px;
    height: 200px;
}

    .group-img-relation img {
        width: 100%;
    }

.tlt-relation-pro {
    color: #008790;
    padding: 10px 10px;
    text-align: left;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    min-height: 70px;
}

.btn-ralation {
    margin-bottom: 20px;
}

    .btn-ralation a {
        font-family: 'Raleway', sans-serif;
        background-color: #008790;
        color: #fff;
        font-size: 18px;
        width: 100%;
        text-align: center;
        border-radius: 0;
        padding: 5px 0;
    }

        .btn-ralation a:hover {
            color: #fff;
            text-decoration: none;
            opacity: .75;
            transition: all ease-in-out .2s;
        }

    .btn-ralation button {
        margin-bottom: 15px;
    }

.add-pd-prev {
    background: #008790;
    color: #fff;
    padding: 5px 7px;
    box-shadow: none;
    border: none;
    font-size: 12pt;
    font-family: 'Raleway', sans-serif;
    height: 42px;
    margin-bottom: 10px;
}

    .add-pd-prev:hover {
        opacity: .9;
        text-decoration: none;
        color: #fff;
    }

.add-field-prev {
    height: 42px;
    text-align: center;
}

.vr-prev {
    background: #008790;
    color: #fff;
    padding: 10px 7px;
    box-shadow: 0;
    border: none;
    border-radius: 3px;
    font-size: 12pt;
}

    .vr-prev:hover {
        opacity: .9;
    }


.deleteForm {
    position: absolute;
    margin-left: 25%;
    margin-top: 3%;
}

.cat-image {
    height: 50px;
    width: auto;
}

.btn-agregar {
    background: #008790;
    font-family: 'Raleway', sans-serif;
    font-weight: normal;
    border-radius: 0;
    padding: 5px 25px !important;
    text-transform: uppercase;
    font-size: 1.5em;
}


.group-carrito {
    color: silver;
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.title-car {
    margin-top: 70px;
    font-weight: bold;
}

.group-carrito:hover {
    text-decoration: none;
    cursor: pointer;
    opacity: 0.7;
}

.container-carrito {
    position: relative;
    display: flex;
}

.not-car {
    position: absolute;
    top: 5px;
    left: 7px;
    color: #fff;
    width: 20px;
    height: 20px;
    font-size: 12px;
    text-align: center;
    border-radius: 50px;
    background: #243841;
    display: block;
    box-sizing: border-box;
    padding-top: 2px;
}

.shopping-cart-cont {
    background-color: #008790;
    width: 30px;
    height: 28px;
    margin-top: 17px;
}

.container-carrito img {
    width: 60px;
    margin-right: 5px;
}

    .container-carrito img.shopping-cart-icon {
        width: 100%;
        display: block;
    }


/*Carrito de compras*/

.main-carrito .car-pro {
    position: relative;
}

    .main-carrito .car-pro .group-car-pro h1 {
        font-size: 17pt;
        color: #243841;
        padding: 13px 10px;
        font-family: 'Raleway', sans-serif;
        border-bottom: 2px solid #008790;
    }


    .main-carrito .car-pro .product-car {
        margin-top: 5px;
        padding-bottom: 8px;
        font-family: 'Raleway', sans-serif;
    }

        .main-carrito .car-pro .product-car .group-product-car {
            border-bottom: solid 2px rgba(0,0,0,0.2);
            padding: 0;
        }

    .main-carrito .car-pro .img-product-car {
        padding: 0;
        padding-right: 10px;
    }

        .main-carrito .car-pro .img-product-car img {
            width: 100%;
            margin-top: 10px;
        }

.container-info {
    padding: 10px 0;
    padding-left: 15px;
}

    .container-info h2 {
        font-size: 13pt;
        margin-top: 10px;
        margin-bottom: 12px;
        font-weight: 600;
        font-family: 'Raleway', sans-serif;
        color: #008790;
    }

    .container-info .lugar {
        margin-top: -10px;
    }

.main-carrito {
    margin-bottom: 50px;
}

    .main-carrito .car-pro .product-car .group-product-car {
        padding: 0;
    }

.cont-cant {
    padding: 0;
}

    .cont-cant span {
        padding: 0;
        font-weight: 600;
        font-size: 12pt;
    }

    .cont-cant .group-cant {
        padding: 0;
        margin-bottom: 10px;
    }

        .cont-cant .group-cant label {
            text-align: right;
            font-family: 'Raleway', sans-serif;
        }

        .cont-cant .group-cant input {
            padding: 0;
            padding: 3px 0;
            margin-top: -5px;
            text-align: center;
            box-shadow: none;
            border: solid 1px rgba(0,0,0,0.2);
        }

.elim-actualizar {
    width: 100%;
    padding: 0;
    padding-top: 25px;
    margin-bottom: 10px;
}

    .elim-actualizar a {
        padding: 5px 15px;
        background-color: #008790;
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-size: 13pt;
        cursor: pointer;
    }

        .elim-actualizar a:hover {
            opacity: 0.6;
            text-decoration: none;
        }

    .elim-actualizar .act {
        padding: 0 10px;
        position: relative;
    }

        .elim-actualizar .act:before {
            content: "";
            position: absolute;
            width: 1px;
            height: 90%;
            background: #008790;
            left: 2px;
        }

.tusCompras .k-datepicker {
    width: 100% !important;
}

.tusCompras {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.footer-comp input {
    width: 100%;
    margin-bottom: 15px;
    border: solid 1px rgba(0,0,0,0.2);
    padding: 7px;
    box-shadow: none;
}


.group-total {
    padding: 0;
}

.container-subtotal {
    margin-top: 10px;
    font-weight: 600;
}

.container-total {
    margin-top: 10px;
    font-weight: 600;
    font-size: 12pt;
}

    .container-total hr {
        border: none;
        height: 1px;
        background: rgba(0,0,0,0.5);
        width: 97%;
        clear: both;
    }

.btn-comprar {
    padding: 0;
    font-size: 16pt;
    padding-bottom: 30px;
    text-align: center;
    margin: auto;
    width: 100%;
    margin-top: 30px;
    cursor: pointer;
}

    .btn-comprar a, .btn-comprar button {
        width: 100%;
        background: #008790;
        padding: 7px 70px;
        color: #fff;
        font-family: 'Raleway', sans-serif;
        display: block;
        border: none;
    }

        .btn-comprar button[disabled] {
            background: #b5b5b5;
        }

        .btn-comprar a:hover, .btn-comprar button:hover {
            opacity: 0.6;
            text-decoration: none;
        }

.main-carrito .car-comp {
    border-left: 1px solid rgba(0,0,0,0.2);
}

    .main-carrito .car-comp .group-car-comp h1 {
        font-size: 17pt;
        padding: 13px 10px;
        position: relative;
        font-family: 'Raleway', sans-serif;
        border-bottom: 2px solid #008790;
    }

/*   Modal carrito    */

.modal-carrito {
    margin-top: 40px;
}

    .modal-carrito .container-modal p {
        font-size: 23px;
    }

.modal-content {
    border-radius: 0;
    padding: 0;
}

.modal-body {
    padding: 0;
    font-family: 'Roboto', sans-serif;
}

.container-modal {
    padding: 15px;
    text-align: center;
    font-size: 15pt;
}

    .container-modal p {
        margin: auto;
    }

    .container-modal .row > div > div {
        border-bottom: 1px solid #ebebeb;
        margin-bottom: 15px;
        padding-bottom: 15px;
        padding-left: 20px;
    }

        .container-modal .row > div > div a {
            color: #008790;
        }

            .container-modal .row > div > div a:hover {
                color: #243841;
                text-decoration: none;
            }

        .container-modal .row > div > div:last-child {
            border: none;
        }

.container-btn-acep a {
    color: #fff;
    background: #008790;
    padding: 7px 60px;
    margin-bottom: 150px;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
}

    .container-btn-acep a:hover {
        text-decoration: none;
        opacity: 0.8;
    }

.sloot-modal {
    height: 30px;
}

.btn-delete {
    border-radius: 5px;
    font-weight: bold;
}

.btn-agregar-detail {
    margin: 25px 0 0 0;
}

.productPaging {
    font-size: 35px;
    padding-top: 15px;
    color: #008790;
    text-align: center;
}

    .productPaging btn {
        cursor: pointer;
        font-family: 'Raleway', sans-serif;
    }

/* Nuevos estilos */

.record-img {
    width: 100%
}

.main-menu .navbar-nav li a .icon-sm-historial {
    background-image: url('https://www.portal1k.com/Content/Images/icon-historial-2.png');
    background-size: cover;
    background-position: -5px 5px;
    width: 40px;
    height: 40px;
}

.main-menu .navbar-nav li .active .icon-sm-historial,
.main-menu .navbar-nav li a:hover .icon-sm-historial {
    background-image: url('https://www.portal1k.com/Content/Images/icon-historial.png');
}

.main-profile {
    margin-bottom: 40px;
}

.navegation-profile li {
    width: 33%;
    text-align: center;
    position: relative;
}

    .navegation-profile li a {
        color: #fff;
        font-size: 12pt;
        display: block;
        position: relative;
        padding: 8px;
        font-family: 'Raleway', sans-serif;
    }

        .navegation-profile li a:before {
            content: "";
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -3px;
            border-bottom: solid 5px transparent;
            border-top: solid 6px #243840;
            border-left: solid 5px transparent;
            border-right: solid 5px transparent;
            display: none;
        }

        .navegation-profile li a:hover:before {
            display: block;
        }

        .navegation-profile li a:hover {
            color: #243840;
            font-size: 12pt;
            text-decoration: none;
            font-weight: 700;
        }

.navegation-profile .active-profile a:before {
    display: block;
}

.navegation-profile .active-profile a {
    color: #243840;
    font-weight: 700;
}

.navegation-profile {
    border-top: solid 4px #243840;
    margin-top: 20px;
    background: #008790;
}

    .navegation-profile li a div {
        height: 22px;
        width: 25px;
        margin-right: 10px;
        margin-bottom: -5px;
    }

    .navegation-profile li a .icon-profile {
        background-image: url('https://www.portal1k.com/Content/Images/icon-profile.png');
        background-size: cover;
    }

    .navegation-profile li a .icon-documentation {
        background-image: url('https://www.portal1k.com/Content/Images/icon-documentacion.png');
        background-size: cover;
    }

    .navegation-profile li a .icon-password {
        background-image: url('https://www.portal1k.com/Content/Images/icon-pass.png');
        background-size: cover;
    }

    .navegation-profile .active-profile a .icon-profile,
    .navegation-profile li a:hover .icon-profile {
        background-image: url('https://www.portal1k.com/Content/Images/icon-profile-2.png');
        background-size: cover;
    }

    .navegation-profile .active-profile a .icon-documentation,
    .navegation-profile li a:hover .icon-documentation {
        background-image: url('https://www.portal1k.com/Content/Images/icon-documentacion-2.png');
        background-size: cover;
    }

    .navegation-profile .active-profile a .icon-password,
    .navegation-profile li a:hover .icon-password {
        background-image: url('https://www.portal1k.com/Content/Images/icon-pass-2.png');
        background-size: cover;
    }


.tlt-new-mq {
    font-size: 13pt;
    color: rgba(0,0,0,0.5);
    border-bottom: solid 1px rgba(0,0,0,0.1);
    padding-bottom: 7px;
    font-weight: bold;
    font-family: 'Raleway', sans-serif;
}

.group-profile {
    width: 90%;
    margin: auto;
    margin-top: 25px;
}

.logo-profile {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: solid 3px #008790;
}

    .logo-profile img {
        width: 100%;
    }

.group-logo {
    border: solid 1px rgba(0,0,0,0.2);
}

.logo-profile p {
    background: #243841;
    color: #fff;
    margin-bottom: 0;
    padding: 5px 15px;
    border: solid 1px rgba(0,0,0,0.2);
    font-family: 'Raleway', sans-serif;
}

.btn-update {
    background: rgba(0,0,0,0.07);
    text-align: center;
}

    .btn-update button, .btn-update .btn-a {
        background: #008790;
        padding: 7px;
        border: 0;
        font-family: 'Raleway', sans-serif;
        font-size: 12pt;
        color: #fff;
        max-width: 150px;
        width: 100%;
        box-shadow: none !important;
        border-radius: 0;
    }

        .btn-update button:hover, .btn-update .btn-a:hover
        .btn-update button:focus, .btn-update .btn-a:focus
        .btn-update button:active, .btn-update .btn-a:active {
            opacity: 0.6;
        }

    .btn-update .btn-a {
        border-radius: 0;
        font-weight: normal;
    }

.btn-update-file {
    padding: 20px;
    text-align: center;
}

    .btn-update-file button {
        background: #008790;
        border-radius: 0;
        padding: 7px;
        border: 0;
        font-family: 'Raleway', sans-serif;
        font-size: 12pt;
        color: #fff;
        max-width: 150px;
        width: 100%;
    }

        .btn-update-file button:hover {
            opacity: 0.6;
        }


.btn-update-file {
    padding: 20px;
    text-align: center;
}

.btn-update .k-button,
.btn-update .k-upload-button {
    background: #008790;
    border-radius: 0;
    line-height: 1em;
    padding: 7px;
    border: 0;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    color: #fff;
    max-width: 150px;
    width: 100%;
}

.cmp-profile select {
    padding: 5px;
    color: rgba(0,0,0,0.4);
}

.cmp-profile input[type="date"] {
    padding: 5px;
    color: rgba(0,0,0,0.4);
}

.cmp-profile input {
    width: 100%;
    border: solid 1px rgba(0,0,0,0.2);
    padding: 10px;
    border-radius: 0;
    margin-bottom: 15px;
    box-shadow: 0 0 0;
}

.mar-bottom-profile {
    margin-bottom: 30px;
}

.mar-bottom-profile-md {
    margin-bottom: 20px;
}

.no-pd-left {
    padding-left: 0;
}

.no-pd-right {
    padding-right: 0;
}

.banner-profile {
    background: #7a7879;
    height: 180px;
}

.cmp-profile .k-dropdown-wrap {
    border-radius: 0;
}

.banner-profile h2 {
    color: #fff;
    margin-top: 85px;
    padding: 0 30px;
    max-width: 300px;
    width: 100%;
}

.tlt-ht {
    margin-top: 70px !important;
}

.historic-table table {
    width: 100%;
}

    .historic-table table tr td {
        font-size: 14px;
    }

    .historic-table table thead tr th {
        background-color: #008790;
        padding: 10px;
        color: #fff;
        text-align: center;
    }

    .historic-table table tbody tr td {
        padding: 5px;
    }

.historic-table h3 {
    font-family: 'Raleway', sans-serif;
    color: #008790;
    font-weight: bold;
    font-size: 28px;
    margin: 15px 0;
}

.historic-table table tbody tr:nth-child(even) td {
    background-color: #f5f5f5;
}

.historic-table table tbody tr:last-child td {
    border-bottom: 2px solid #243841;
}
/* Estilos registro proveedor */

.registration-form .tlt-new-mq {
    color: #008790;
    text-transform: uppercase;
    border-color: #008790;
    padding-bottom: 10px;
    margin-top: 0;
    padding-top: 0;
}

.k-multiselect-wrap,
.k-widget.k-multiselect {
    border-radius: 0;
}

#modal-psw .modal-content {
    padding: 25px;
}

    #modal-psw .modal-content .modal-header {
        padding: 0;
        margin-bottom: 15px;
    }

    #modal-psw .modal-content h4 {
        color: #008790;
        border-bottom: 1px solid #008790;
        font-family: 'Raleway', sans-serif;
        text-transform: uppercase;
        padding-bottom: 10px;
    }

    #modal-psw .modal-content .modal-footer {
        padding: 20px 0 0 0;
    }

        #modal-psw .modal-content .modal-footer button {
            background-color: #008790;
            font-family: 'Raleway', sans-serif;
            text-transform: uppercase;
            color: #fff;
            border: none;
            padding: 10px 25px;
        }

.k-multiselect-wrap {
    padding-top: 5px;
}

.data-group {
    margin-bottom: 80px;
}

.upload-main {
    border-radius: 0 !important;
    cursor: pointer;
}

.input-cmp {
    padding: 0;
}

.bord-unic {
    border: solid 1px rgba(0,0,0,0.3);
    height: 44px;
    padding: 10px 15px;
    color: rgba(0,0,0,0.4);
    font-size: 12pt;
    font-family: 'Roboto';
}

.k-upload-button {
    border-radius: 0;
    cursor: pointer;
}

.k-dropdown,
.k-dropdown-wrap .k-input,
.k-dropdown-wrap {
    border-radius: 0;
}

.k-webkit .k-combobox .k-dropdown-wrap:before, .k-webkit .k-picker-wrap:before, .k-webkit .k-numeric-wrap:before {
    height: 0em;
}

.global-upl {
    padding: 0;
}

.style-dates {
    margin-bottom: 20px;
}

    .style-dates .color-gray {
        color: rgba(0,0,0,0.4);
        margin-top: 30px;
    }

.margin-top {
    margin-top: 20px;
}

.ttare {
    box-shadow: 0 0 0;
}

/* Estilos cambiar contraseña */

.group-profile-3 {
    width: 60%;
    margin-top: 40px;
}

    .group-profile-3 label {
        color: rgba(0,0,0,0.5);
        font-family: 'Raleway', sans-serif;
    }

    .group-profile-3 input {
        width: 100%;
        box-shadow: 0 0 0;
        border: solid 1px rgba(0,0,0,0.2);
        padding: 8px;
        margin-bottom: 20px;
    }

.group-btn-gd {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
}

.btn-gd {
    background: #243841;
    color: #fff;
    text-align: center;
    width: 100%;
    max-width: 200px;
    padding: 13px;
    border-radius: 0;
    border: 0;
    box-shadow: none;
}

    .btn-gd:hover {
        opacity: 0.9;
    }

.group-img-archivo img {
    width: 50px;
}

.btn-update-dos button {
    width: 100px !important;
}


.title-doc {
    font-size: 9pt !important;
}


/* Estilos Registro comprador */

.btn-update-2 {
    background: none;
    padding-top: 25px;
}

    .btn-update-2 button, .btn-update-2 .btn-a {
        font-size: 12pt;
        padding: 6px;
        max-width: 200px;
    }

.colum-clt input, select {
    border: solid 1px rgba(0,0,0,0.2);
    box-shadow: 0 0 0 0;
    width: 100%;
    padding: 12px;
    border-radius: 7px;
    margin-bottom: 20px;
    color: rgba(0,0,0,0.4);
    background: none;
}

.btn-ag-main {
    background: #008790;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 5px 15px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 12pt;
    text-transform: uppercase;
    margin-bottom: 15px;
}

    .btn-ag-main:hover,
    .btn-ag-main:focus,
    .btn-ag-main:active {
        text-decoration: none;
        color: #fff;
        opacity: 0.6;
    }

.colum-clt p {
    color: rgba(0,0,0,0.4);
}

.colum-clt input[type="date"] {
    padding: 5px;
    color: rgba(0,0,0,0.4);
}

.input-ch input {
    width: auto;
    box-shadow: 0 0 0;
}

.input-ch p {
    padding-left: 30px;
}

.text-trm {
    color: #008790;
}

.input-ch-2 {
    margin-top: 50px;
}

.input-tfl input {
    width: auto;
}

.input-tfl-unic-2 {
    width: 60% !important;
    border-radius: 7px 0 0px 7px !important;
}

.input-tfl-unic {
    border: 0 !important;
    position: relative;
    width: 40% !important;
    border-radius: 7px 0 7px 0 !important;
    font-family: 'Roboto', sans-serif;
    font-size: 12pt;
    cursor: pointer;
}

    .input-tfl-unic:before {
        content: "Seleccionar Archivo";
        color: #fff;
        left: 0;
        top: 0;
        background: #878787;
        padding: 12px 15px;
        position: absolute;
        border-radius: 0px 7px 7px 0px !important;
        z-index: 100;
        width: 100%;
        height: 46px;
        text-align: center;
    }

.input-tfl-unic-2-2 {
    width: 58% !important;
    background: none;
    height: 46px !important;
}

.input-tfl-unic-1 {
    width: 42% !important;
    font-size: 10pt;
}

/* Estilos historial */

.btn-ex {
    width: 100%;
    text-align: right;
    margin-bottom: 10px;
}

    .btn-ex button {
        width: 100%;
        max-width: 200px;
        margin-bottom: 10px;
        padding: 10px;
        box-shadow: 0 0 0;
        background: #243841;
        border: 0;
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-size: 12pt;
    }

.on-exc {
    width: 300px;
    max-width: 200px;
    margin-bottom: 10px;
    padding: 5px 10px;
    box-shadow: 0 0 0;
    background: #243841;
    border: 0;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 12pt;
    border-radius: 0 !important;
}

    .on-exc:hover {
        background-color: #008790;
    }

.in-exc {
    width: 300px;
    max-width: 200px;
    margin-bottom: 10px;
    padding: 5px 20px;
    box-shadow: 0 0 0;
    background: #243841;
    border: 0;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 12pt;
    border-radius: 0 !important;
}

    .in-exc:hover {
        background-color: #008790;
    }

.btn-ex button img {
    width: 20px;
    margin-left: 10px;
}

.filtro-historial {
    border-bottom: solid 1px rgba(0,0,0,0.2);
    margin-top: 0px;
    padding: 0 0 10px 0;
    margin-bottom: 10px;
    text-align: center;
}

    .filtro-historial p.filter-title {
        font-family: 'Raleway', sans-serif;
    }

    .filtro-historial .k-picker-wrap.k-state-default,
    .filtro-historial .form-control {
        border-radius: 0;
    }

.filtro-main {
    text-align: right;
    padding: 0;
}

.filtro-historial p {
    font-size: 15pt;
    color: rgba(0,0,0,0.7);
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}


.filtro-historial li {
    text-align: center;
    width: 23%;
}

.filtro-historial a {
    border-radius: 3px;
    font-size: 12pt;
    background: rgba(0,0,0,0.2);
    color: #fff;
    padding: 7px;
    width: 100%;
    display: block;
    box-shadow: -3px 2px 0 rgba(0,0,0,0.5);
}

    .filtro-historial a:hover {
        background: #008790;
        text-decoration: none;
    }

.filtro-historial .active-historial {
    background: #008790;
}

.header-historial {
    padding: 7px !important;
}

    .header-historial th {
        background: #008790;
        padding: 15px 20px !important;
    }

        .header-historial th p {
            margin-bottom: 0;
            color: #fff;
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
        }

        .header-historial th .tlt-my-ht.title, .header-historial th .tlt-mn-ht.title {
            margin-bottom: 0;
            color: #fff;
            font-family: 'Roboto', sans-serif;
        }

        .header-historial th .tlt-my-ht {
            font-weight: 700;
        }

        .header-historial th .tlt-mn-ht {
            font-weight: 300;
        }

.table-main-ht {
    border: solid 1px rgba(0,0,0,0.2);
}

.header-sub th {
    color: rgba(0,0,0,0.7);
    border-top: none !important;
}

.table-historial {
    margin-bottom: 50px;
}

    .table-historial tr {
        position: relative !important;
        border-bottom: solid 1px rgba(0,0,0,0.1);
    }

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

        .table-historial td:nth-child(2) {
            text-align: center;
            cursor: pointer;
        }

    .table-historial td {
        border-top: none !important;
        padding: 15px 20px !important;
        color: rgba(0,0,0,0.5);
    }


.container-table-ht {
    display: none !important;
    width: 50% !important;
}

.pr-main {
    padding-left: 20px !important;
}

.ct-rpd {
    margin-top: -20px;
    background: #ebebeb;
    border-top: solid 5px #243841;
    padding: 10px;
}

    .ct-rpd p {
        display: inline-block;
    }

        .ct-rpd p:nth-child(2) {
            font-weight: bold;
            font-size: 18px;
        }

    .ct-rpd .k-widget.k-dropdown,
    .ct-rpd .k-dropdown-wrap.k-state-default {
        border-radius: 0 !important;
    }

    .ct-rpd .in-exc {
        width: 150px !important;
    }

.tr-tt td {
    color: #008790 !important;
}

.Documents-interest a {
    cursor: pointer;
}

.container-modal h2 {
    margin-bottom: 20px;
}

.container-modal .k-dropzone {
    padding: 0;
}

.container-modal .k-upload-button {
    border-radius: 5px;
    float: left;
}

.buyerOrder h4 {
    color: #008790;
    font-weight: bold;
}

.buyerOrder .blueList {
    padding-left: 20px;
}

    .buyerOrder .blueList li {
        position: relative;
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 1.7em;
    }

        .buyerOrder .blueList li b {
            display: inline-block;
            padding: 5px;
            border: 1px solid #008790;
            border-radius: 2px;
            color: #008790;
            font-size: 13px;
            line-height: 1.1em;
        }

        .buyerOrder .blueList li:before {
            display: block;
            position: absolute;
            content: "";
            background-color: #008790;
            border-radius: 50%;
            height: 10px;
            width: 10px;
            top: 9px;
            left: -20px;
        }

.modal-body .close {
    margin-right: 7px;
}

.navbar-default .navbar-toggle {
    box-shadow: none;
    border-color: #008790;
}

.navbar-toggle .icon-bar {
    background-color: #008790 !important;
}

.download-btn a {
    padding: 10px 20px;
}
/* admin */
.admin-tables > div {
    margin-bottom: 10px;
}

.create-item-btn,
.back-btn {
    background-color: #243841;
    color: #fff;
    padding: 10px 20px;
    font-family: 'Raleway', sans-serif;
    transition: all 0.1s ease-in-out;
    display: inline-block;
}

.home-item-btn {
    text-align: center;
    background-color: #008790;
    color: #fff;
    padding: 10px 10px !important;
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
}

    .home-item-btn:hover {
        color: #fff;
        opacity: 0.6;
    }

.back-btn {
    margin-right: 10px;
}

    .create-item-btn:hover,
    .create-item-btn:focus,
    .create-item-btn:active,
    .back-btn:hover,
    .back-btn:focus,
    .back-btn:active {
        background-color: #008790;
        color: #fff;
        text-decoration: none;
    }

.confirmation-btns a {
    background-color: #243841;
    color: #fff;
    padding: 10px 20px;
    font-family: 'Raleway', sans-serif;
    transition: all 0.1s ease-in-out;
    display: inline-block;
    margin-right: 15px;
}

    .confirmation-btns a:hover,
    .confirmation-btnsn a:focus,
    .confirmation-btnsa:active {
        background-color: #008790;
        color: #fff;
        text-decoration: none;
    }

.confirmation-btns input {
    background-color: #008790;
    color: #fff;
    padding: 10px 20px;
    font-family: 'Raleway', sans-serif;
    transition: all 0.1s ease-in-out;
    display: inline-block;
    border: none;
    box-shadow: none;
}

    .confirmation-btns input:hover,
    .confirmation-btns input:focus,
    .confirmation-btns input:active {
        opacity: 0.6;
        color: #fff;
        text-decoration: none;
    }

.export-table {
    border: none;
    border-radius: 0;
    background-color: #008790;
    color: #fff;
    padding: 10px 20px;
    font-family: 'Raleway', sans-serif;
    transition: all 0.1s ease-in-out;
    display: inline-block;
    box-shadow: none;
    float: right;
}

    .export-table:hover,
    .export-table:focus,
    .export-table:active {
        opacity: 0.6;
        color: #fff;
        text-decoration: none;
    }

.results_table .k-grid {
    border-radius: 0;
    border: none;
}

    .results_table .k-grid table {
        min-width: 700px;
    }

    .results_table table,
    .results_table .k-grid-header th.k-header,
    .results_table .k-filter-row th,
    .results_table .k-grid tr td {
        border: none;
    }

    .results_table .k-grid tr td {
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .results_table .k-grid tr th:first-child,
        .results_table .k-grid tr td:first-child {
            min-width: 90px;
        }

.results_table .k-grid-header th.k-header {
    background-color: #008790;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 0 !important;
}

    .results_table .k-grid-header th.k-header > .k-link {
        color: #fff;
        margin-right: 10px;
    }

.results_table .k-filter {
    background-image: url('https://www.portal1k.com/Content/Images/filter-white.png');
    background-position: 0 0;
    float: left !important;
}
/* Botones de eliminar */
.var-field .btn-custom {
    border-radius: 0;
    border: none;
    background-color: #008790;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    padding: 5px 12px;
    margin-bottom: 0;
    transition: opacity 0.2s, transform 0.1s;
}

    .var-field .btn-custom:hover {
        opacity: 0.8;
        transform: translateY(-1px);
    }

    .var-field .btn-custom:active {
        transform: translateY(0);
    }

    .var-field .btn-custom .glyphicon {
        font-size: 14px;
    }

.var-field .btn-add-new,
.var-field .btn-add-question {
    background-color: #008790;
    color: #fff;
    border-radius: 0;
    border: none;
    font-family: 'Raleway', sans-serif;
    padding: 6px 14px;
    font-size: 14px;
    margin-top: 10px;
    transition: opacity 0.2s;
}

    .var-field .btn-add-new:hover,
    .var-field .btn-add-question:hover {
        opacity: 0.8;
    }

.var-field .input-group {
    display: flex;
    align-items: center;
}

    .var-field .input-group .form-control {
        flex: 1;
        margin-right: 8px;
    }

.var-field .input-group-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: 0;
}

.var-field .btn-custom.btn-sm {
    padding-top: 4px;
    padding-bottom: 4px;
}

.question-actions,
.answer-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.question-input,
.answer-input {
    flex: 1;
    margin-right: 8px;
}

.action-buttons,
.answer-actions {
    display: flex;
    gap: 6px;
}

.question-actions .action-buttons {
    margin-top: 8px;
}

    .question-actions .action-buttons button:first-child {
        margin-left: 10px;
    }

.answer-item .answer-actions {
    margin-top: 8px;
}

    .answer-item .answer-actions button:first-child {
        margin-left: 10px;
    }

/* Alinear el botón “Añadir otra pregunta” más arriba */
.btn-add-question {
    margin-top: 20px;
    margin-bottom: 30px;
    display: inline-block;
}

/* Separación entre bloques de acción */
.create-btns {
    margin-top: 10px;
}

.btn-group-sm > .btn,
.btn-sm {
    box-shadow: none;
    border: none;
    border-radius: 0;
    background-color: #008790;
    color: #fff;
}

    .btn-group-sm > .btn:hover,
    .btn-sm:hover {
        opacity: 0.6;
        color: #fff;
    }

    .btn-group-sm > .btn a,
    .btn-sm a {
        color: #fff;
    }

.results_table .k-pager-wrap {
    border-radius: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #959595;
    border-bottom: 1px solid #959595;
    min-width: 696px;
}

    .results_table .k-pager-wrap .k-state-selected {
        background-color: #008790;
        border-color: #008790;
    }

    .results_table .k-pager-wrap .k-link {
        color: #008790;
        border-radius: 0;
    }

    .results_table .k-pager-wrap .k-pager-info {
        color: #000;
        font-weight: bold;
    }

.results_table .k-grid-filter.k-state-active {
    opacity: 0.6;
    padding: 3px;
    border-radius: 50%;
    margin-top: -1px;
}

.inner-search .txt-search {
    box-shadow: none;
    border-radius: 0;
    float: left;
    height: 40px;
    border: 3px solid #008790;
    border-right: none;
    padding: 0 15px;
}

.inner-search .btn-index-search {
    width: 40px;
    height: 40px;
    background-color: #008790;
    background-position: center center;
    background-size: 15px auto;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    float: left;
    color: #fff;
}

    .inner-search .btn-index-search:hover {
        background-color: #008bbf;
    }

.inner-search .btn-search {
    background-image: url(https://www.portal1k.com/Content/Images/search-icon.svg);
}

.inner-search .btn-clear {
    margin-left: 15px;
}

.inner-edit .panel-default {
    border: none;
    box-shadow: none;
}

.inner-edit .panel-heading {
    border-radius: 0;
    background-color: #008790;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    padding: 20px;
    border: none;
}

.inner-edit label {
    font-family: 'Raleway', sans-serif;
}

.inner-edit .form-control {
    border-radius: 0;
    box-shadow: none;
    background-color: #f3f3f3;
    border: none;
    border: 1px solid #a5a5a5;
}

    .inner-edit .form-control.white {
        border-radius: 0;
        box-shadow: none;
        background-color: #ffffff;
        border: none;
        border: 1px solid #a5a5a5;
    }

.inner-edit .k-dropdown-wrap.k-state-default {
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.inner-edit .k-widget.k-dropdown {
    border-radius: 0;
    box-shadow: none;
    background-color: #f3f3f3;
    border: none;
    border: 1px solid #a5a5a5;
}

.inner-edit .k-multiselect-wrap {
    box-shadow: none;
}

.inner-edit .k-widget.k-multiselect {
    border-radius: 0;
    box-shadow: none;
    background-color: #f3f3f3;
    border: none;
    border: 1px solid #a5a5a5;
}

.inner-edit .k-multiselect-wrap .k-input {
    box-shadow: none;
}

.inner-edit .k-multiselect .k-button {
    border: none;
    border-radius: 0;
    background-color: #008790;
    font-family: 'Raleway', sans-serif;
}

.inner-edit .k-upload-button,
.inner-edit .users-btn {
    border-radius: 0;
    border: none;
    background-color: #008790;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    padding: 5px 20px;
}

    .inner-edit .k-upload-button:hover,
    .inner-edit .users-btn:hover {
        opacity: 0.6;
    }

.inner-edit .k-picker-wrap.k-state-default,
.inner-edit .k-numeric-wrap.k-state-default {
    border-radius: 0;
    box-shadow: none;
    border-color: #a5a5a5;
}

.var-field input[type=button] {
    border-radius: 0;
    border: none;
    background-color: #008790;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    padding: 5px 20px;
    margin-bottom: 10px;
}

    .var-field input[type=button]:hover {
        opacity: 0.6;
    }

.var-field .btn-custom {
    border-radius: 0;
    border: none;
    background-color: #008790;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    padding: 5px 20px;
    margin-bottom: 10px;
}

    .var-field .btn-custom:hover {
        opacity: 0.6;
    }

.var-field .form-control {
    padding: 5px;
    margin: 0;
    box-sizing: border-box;
}

.var-field .k-grid {
    border-radius: 0;
    border: none;
    border-bottom: 2px solid #243841;
}

.var-field tr th {
    background-color: #008790;
    color: #fff;
    padding: 5px;
    margin: 0;
    border-radius: 0 !important;
    border: none;
}

.var-field tr td {
    padding: 5px;
    margin: 0;
}

    .var-field tr th:last-child,
    .var-field tr td:last-child {
        text-align: center;
    }

.info_attrib .info_attrib__item {
    width: 100%;
    margin-right: 10px;
}

.info_attrib .k-datepicker {
    padding: 0;
    border: 0;
}

    .info_attrib .k-datepicker input {
        height: 34px;
        border: 0;
    }

.create-btns {
    text-align: center;
    margin-bottom: 25px;
}

.create-btns__btn {
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    background-color: #008790;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    margin: 0 3px;
    border: none;
    font-size: 1.5em;
}

    .create-btns__btn:hover {
        opacity: 0.6;
        text-decoration: none;
        color: #fff;
    }

    .create-btns__btn[disabled] {
        background: #ccc;
    }

.small-fields .create-btns__btn {
    margin: 5px 0 0 0;
    font-size: 1em;
    padding: 7px 10px 8px 10px;
    width: 100%;
}

.users-title {
    font-family: 'Raleway', sans-serif;
    margin-bottom: 5px;
    font-weight: 700;
    display: block;
}

.productSection__popUp {
    max-height: 500px;
    overflow: auto;
}

    .productSection__popUp > div {
        padding: 5px;
        padding-bottom: 1px solid #008790;
        margin-bottom: 25px;
    }

    .productSection__popUp .img-product {
        height: 140px;
    }

    .productSection__popUp .title-product p {
        font-size: 14px;
        font-weight: normal;
    }

.modalTitle {
    color: #008790;
    border-bottom: 2px solid #008790;
    padding: 5px 0 15px 0;
    display: block;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
}

.productSection__popUp-cont .create-btns__btn {
    font-size: 16px !important;
}

.productSection__popUp-bottom {
    border-top: 2px solid #008790;
    padding-top: 15px;
}

.footer-comp__field {
    margin-bottom: 25px;
}

    .footer-comp__field .k-dropdown {
        width: 100%;
    }

.budget-fields > div {
    padding: 0;
}

    .budget-fields > div:first-child {
        padding-top: 7px;
    }

.budget-fields .k-dropdown {
    width: 100%;
}

.error-page {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

    .error-page h1 {
        font-weight: bold;
        color: #008790;
        padding: 15px 0;
        border-bottom: 1px solid #008790;
    }

#TemplateProvider.k-widget {
    border: none;
}

#TemplateProvider_pager {
    border-left: none;
    border-right: none;
    border-radius: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #959595;
    border-bottom: 1px solid #959595;
    min-width: 696px;
}

    #TemplateProvider_pager .k-state-selected {
        background-color: #008790;
        border: #008790;
    }

    #TemplateProvider_pager .k-link:link {
        color: #008790;
        border-radius: 0;
    }

    #TemplateProvider_pager .k-pager-info {
        color: #000;
        font-weight: bold;
    }

/*INICIO Comentarios de Ordenes de compra*/
.comments-order .modal-body {
    background: #f1f1f1;
    max-height: 65vh;
    overflow-y: auto;
}

.comments-order .comments-order__send {
    padding: 0;
    height: 54px;
}

    .comments-order .comments-order__send .btn {
        height: 100%;
    }

.comments-order__header_info {
    text-align: right;
}

.comments-order__delete {
    width: 18px;
    height: 18px;
    position: absolute;
    right: -10px;
    top: 0px;
    cursor: pointer;
}

/*FIN Comentarios de Ordenes de compra*/

/* INICIO ALERTITY */
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
    background: #008790;
    border: 0;
    font-family: 'Raleway', sans-serif;
    color: #fff;
    box-shadow: none !important;
    outline: none !important;
    font-weight: normal;
    padding: 5px 20px;
    min-width: 80px;
}

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-cancel {
    background: #747474;
    border: 0;
    font-family: 'Raleway', sans-serif;
    color: #fff;
    box-shadow: none !important;
    outline: none !important;
    font-weight: normal;
    padding: 5px 20px;
    min-width: 110px;
}

.alertify .ajs-footer .ajs-buttons .ajs-button:hover {
    opacity: 0.8;
}
/* FIN ALERTIFY */

/* Loading Message*/
.loading-msg {
    position: fixed;
    text-align: center;
    top: 0;
    z-index: 999;
    background: rgba(0,0,0,0.6);
    padding: 20px;
    padding-top: 14%;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    display: none;
}

    .loading-msg .loading-msg__title {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .loading-msg .loading-msg__msg {
        font-size: 16px;
    }

/*Generic Class*/

.break-word {
    word-break: break-word;
}

.btn-principal {
    background: #008790;
    border: 0;
    font-family: 'Raleway', sans-serif;
    color: #fff;
    box-shadow: none !important;
    outline: none !important;
    padding: 5px 20px;
    min-width: 110px;
}

.btn-secundary {
    background: #747474;
    border: 0;
    font-family: 'Raleway', sans-serif;
    color: #fff;
    box-shadow: none !important;
    outline: none !important;
    padding: 5px 20px;
    min-width: 110px;
}

    .btn-principal:hover, .btn-secundary:hover {
        opacity: 0.8;
    }

.pointer {
    cursor: pointer;
}

.ds-center {
    margin: 0 auto;
}

.ds-block {
    display: block;
}

.k-loading-mask, .k-loading-image, .k-loading-text {
    position: fixed;
    z-index: 1060;
}

.k-loading-image {
    background-image: url(/Content/Images/new_loader.svg);
}

.ie10 .k-loading-image, .ie11 .k-loading-image, .k-ie10 .k-loading-image, .k-ie11 .k-loading-image {
    background-image: url(/Content/Vendor/Kendo/web/Bootstrap/loading-image.gif);
}

.div-border {
    width: 100%;
    height: 5px;
    background: #008790;
}

.flex-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.fx-start {
    justify-content: flex-start;
}

.fx-center {
    justify-content: center;
}

.fx-wrap {
    flex-wrap: wrap;
}

.float-n {
    float: none;
}

.attachment-content {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.attachment {
    background-color: #fff;
    border: 1px solid #dadce0;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    -webkit-transition: box-shadow 0.4s 0s ease, background 0.4s 0s ease;
    -moz-transition: box-shadow 0.4s 0s ease, background 0.4s 0s ease;
    -o-transition: box-shadow 0.4s 0s ease, background 0.4s 0s ease;
    transition: box-shadow 0.4s 0s ease, background 0.4s 0s ease;
}

    .attachment .attachment__icon {
        width: 100%;
        padding: 20px 20px 10px 20px;
    }

        .attachment .attachment__icon img {
            width: 80%;
            display: block;
            margin: 0 auto;
        }

    .attachment .attachment__title {
        padding: 10px;
        color: #828282;
        text-decoration: none;
        text-align: center;
        font-weight: bold;
        background: #fbfbfb;
    }

    .attachment:hover .attachment__title {
        background: #efefef;
        text-decoration: none;
    }

    .attachment:hover {
        text-decoration: none;
        -webkit-box-shadow: 0px 1px 6px 0px rgba(181,179,181,1);
        -moz-box-shadow: 0px 1px 6px 0px rgba(181,179,181,1);
        box-shadow: 0px 1px 6px 0px rgba(181,179,181,1);
    }

.modal-confirm .close {
    top: -10px;
    position: absolute;
    right: -16px;
    border: 1px solid #353535;
    border-radius: 66px;
    padding: 3px;
    width: 21px;
    height: 20px;
    line-height: 12px;
    background: #eaeaea;
    opacity: 1;
    z-index: 1;
}

.modal-location .close {
    background: #00aeef;
    opacity: 1;
    color: #fff;
    width: 32px;
    height: 32px;
    line-height: 12px;
    border-radius: 32px;
    font-weight: normal;
    font-size: 18px;
    position: absolute;
    right: -20px;
    top: -20px;
    z-index: 1;
}

.modal-location .modal-body {
    position: relative;
    height: 70vh;
    min-height: 200px;
    max-height: 500px;
}

#Logo-img {
    width: 190px;
    height: 50px;
    max-width: 190px;
    max-height: 50px;
    object-fit: contain;
}

.modal-location .content-map {
    width: 100%;
    height: 70vh;
    border: 0;
}

.modal-location .btn-actions {
    position: absolute;
    right: 60px;
    bottom: 15px;
}

    .modal-location .btn-actions .btn-action {
        color: #fff;
        padding: 7px 20px;
        font-family: 'Raleway', sans-serif;
        text-transform: uppercase;
        display: inline-block;
        border: 0;
    }

.modal-location .search-address {
    display: flex;
    position: absolute;
    left: 20%;
    top: 10px;
    z-index: 1;
}

.modal-location #pac-input {
    width: 60%;
    top: 10px !important;
}

.pac-container {
    background-color: #FFF;
    z-index: 9999;
    position: fixed;
    display: inline-block;
    float: left;
}

.opacity-0 {
    opacity: 0
}

.modal-location .search-address .btn-search {
    color: #fff;
    padding: 7px 20px;
    background-color: #008790;
    border-radius: 0;
    border: none;
    font-family: 'Raleway', sans-serif;
}

.btn-actions .btn-action:hover {
    text-decoration: none;
    opacity: 0.8;
}

.color-white-cl {
    color: #fff;
}

.color-primary-bg {
    background: #008790;
}

.color-secundary-bg {
    background: #233742;
}

.color-gray-bg {
    background: #747474;
}

.color-gray-light-bg {
    background: #f4f4f4;
}

.color-primary-cl {
    color: #008790;
}

.color-secundary-cl {
    color: #233742;
}

.color-gray-cl {
    color: #747474;
}

.color-gray-light-cl {
    color: #f4f4f4;
}

.b {
    border: 1px solid #ccc;
}

.bl {
    border-left: 1px solid #ccc;
}

.br {
    border-right: 1px solid #ccc;
}

.bt {
    border-top: 1px solid #ccc;
}

.bb {
    border-bottom: 1px solid #ccc;
}

.m-0 {
    margin: 0px;
}

.m-5 {
    margin: 5px;
}

.m-10 {
    margin: 10px;
}

.m-15 {
    margin: 15px;
}

.m-20 {
    margin: 20px;
}

.m-25 {
    margin: 25px;
}

.m-30 {
    margin: 30px;
}

.m-35 {
    margin: 35px;
}

.m-40 {
    margin: 40px;
}

.m-45 {
    margin: 45px;
}

.ml-0 {
    margin-left: 0px;
}

.ml-5 {
    margin-left: 5px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-25 {
    margin-left: 25px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-35 {
    margin-left: 35px;
}

.ml-40 {
    margin-left: 40px;
}

.ml-45 {
    margin-left: 45px;
}

.mr-0 {
    margin-right: 0px;
}

.mr-5 {
    margin-right: 5px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-25 {
    margin-right: 25px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-35 {
    margin-right: 35px;
}

.mr-40 {
    margin-right: 40px;
}

.mr-45 {
    margin-right: 45px;
}

.mt-0 {
    margin-top: 0px;
}

.mt-3 {
    margin-top: 3px;
}

.mt-5 {
    margin-top: 5px;
}

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

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-35 {
    margin-top: 35px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-45 {
    margin-top: 45px;
}

.mb-0 {
    margin-bottom: 0px;
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-35 {
    margin-bottom: 35px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-45 {
    margin-bottom: 45px;
}

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

.minw-100 {
    min-width: 100%;
}

.h-100 {
    height: 100%;
}

.p-0 {
    padding: 0px;
}

.p-5 {
    padding: 5px;
}

.p-10 {
    padding: 10px;
}

.p-15 {
    padding: 15px;
}

.p-20 {
    padding: 20px;
}

.p-25 {
    padding: 25px;
}

.p-30 {
    padding: 30px;
}

.p-35 {
    padding: 35px;
}

.p-40 {
    padding: 40px;
}

.p-45 {
    padding: 45px;
}

.pl-0 {
    padding-left: 0px;
}

.pl-5 {
    padding-left: 5px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-25 {
    padding-left: 25px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-35 {
    padding-left: 35px;
}

.pl-40 {
    padding-left: 40px;
}

.pl-45 {
    padding-left: 45px;
}

.pr-0 {
    padding-right: 0px;
}

.pr-5 {
    padding-right: 5px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-25 {
    padding-right: 25px;
}

.pr-30 {
    padding-right: 30px;
}

.pr-35 {
    padding-right: 35px;
}

.pr-40 {
    padding-right: 40px;
}

.pr-45 {
    padding-right: 45px;
}

.pt-0 {
    padding-top: 0px;
}

.pt-5 {
    padding-top: 5px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-25 {
    padding-top: 25px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-35 {
    padding-top: 35px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-45 {
    padding-top: 45px;
}

.pb-0 {
    padding-bottom: 0px;
}

.pb-5 {
    padding-bottom: 5px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-35 {
    padding-bottom: 35px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-45 {
    padding-bottom: 45px;
}
/*End Generic Class*/

/* styles form register sales*/
.form-custom .form-control {
    font-weight: normal;
}

.form-custom label.align-right, .form-custom a.align-right {
    display: block;
    text-align: right;
    margin-top: 2px;
}

input.custom-radio {
    margin-right: 20px;
    margin-left: 20px;
    width: 20px;
    height: 20px;
    margin-top: 0;
}

.group-radio.flex {
    display: flex;
}

    .group-radio.flex input.custom-radio {
        margin-right: 15px;
        margin-left: 15px;
    }

.form-custom span.group-radio {
    display: inline-flex;
    color: #555;
    font-weight: 400;
}

    .form-custom span.group-radio:first-child {
        margin-right: 30px;
    }

.form-custom .padding-18 {
    padding-top: 23px;
    padding-bottom: 18px;
}

.text-custom a {
    text-decoration: underline;
}

.custom-button {
    overflow: hidden;
}

    .custom-button button {
        float: left;
    }

    .custom-button:last-child button {
        float: right;
    }

.modal .success-modal {
    max-width: 56px;
}

.modal h3.title-success {
    max-width: 241px;
    margin: 0 auto;
}
/* End styles form register sales*/
/* Profile steps form */
.edit-complete-company {
    display: none;
}

    .edit-complete-company .k-upload, .content-input-file .k-upload {
        display: none;
    }

.register-head {
    background-color: #233741;
    padding-top: 50px;
    position: relative;
    padding-bottom: 50px;
    margin-bottom: 80px;
}

    .register-head::after {
        content: "";
        background-color: #00aeef;
        height: 6px;
        width: 100%;
        position: absolute;
        bottom: -5px;
    }

.text-title h2 {
    margin: 0;
    color: #fff;
    text-align: center;
    text-transform: inherit;
    font-size: 2em;
}

.steps {
    position: absolute;
    width: 100%;
    bottom: -75px;
    z-index: 30;
}

    .steps ul {
        display: flex;
        align-items: baseline;
        justify-content: center;
    }

        .steps ul li {
            display: inline-flex;
            width: 15%;
        }

    .steps .step {
        cursor: pointer;
        text-decoration: none;
        display: block;
        width: 100%;
    }

.step span.background-step {
    width: 70px;
    height: 70px;
    display: block;
    margin: 0 auto;
    background-color: #cccccc;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
}

    .step span.background-step.info-company {
        background-image: url('https://www.portal1k.com/Content/Images/icon-info-company.png');
    }

    .step span.background-step.info-legal {
        background-image: url('https://www.portal1k.com/Content/Images/icon-info-legal.png');
    }

    .step span.background-step.info-financier {
        background-image: url('https://www.portal1k.com/Content/Images/icon-info-financier.png');
    }

    .step span.background-step.info-commercial {
        background-image: url('https://www.portal1k.com/Content/Images/icon-info-commercial.png');
    }

    .step span.background-step.info-technique {
        background-image: url('https://www.portal1k.com/Content/Images/icon-info-technique.png');
    }

    .step span.background-step.info-success {
        background-image: url('https://www.portal1k.com/Content/Images/icon-info-success.png');
    }

    .step span.background-step.info-legal-document {
        background-image: url('https://www.portal1k.com/Content/Images/icon-legal-document.png');
    }

.step span.text-step {
    color: #cccccc;
    text-align: center;
    display: block;
    line-height: 1.1;
    font-family: 'Raleway', sans-serif;
    margin: 0 auto;
    margin-top: 10px;
    max-width: 110px;
}

.active .step span.background-step {
    background-color: #00aeef;
}

.active .step span.text-step {
    color: #00aeef;
}

.register-body {
    background-color: #f4f4f4;
    padding-top: 90px;
    margin-top: -80px;
    padding-left: 57px;
    padding-right: 57px;
}

    .register-body .wrap-step-body {
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .register-body button.btn {
        font-weight: 400;
        border-radius: 0;
        font-size: 1em;
    }

        .register-body button.btn.btn-link:hover,
        .register-body button.btn.btn-link:focus {
            color: #00aeef;
        }

        .register-body button.btn.right {
            float: right;
        }

        .register-body button.btn:not(.btn-link) {
            min-width: 170px;
        }

.wrap-step-bottons {
    padding-bottom: 14px;
    border-top: 1px solid #cecece;
    padding-top: 10px;
}

.flex-responsive {
    display: flex;
    justify-content: space-between;
}

.flex-center-end {
    justify-content: center;
    place-content: center flex-end;
}

.btn.btn-gray {
    background-color: #858585;
}

.register-body .flex-responsive button.btn {
    width: 30%;
}

.register-body label {
    color: #00aeef;
    font-weight: 400;
    font-size: 1.1em;
}

.register-body .title-section-form {
    border-bottom: 1px solid #cecece;
    margin-bottom: 15px;
}

    .register-body .title-section-form h3 {
        color: #737373;
        font-size: 1.4em;
    }

        .register-body .title-section-form h3 span.small-title {
            font-size: 0.7em;
        }

.register-body .box-form {
    padding-left: 12px;
    padding-right: 12px;
}

    .register-body .box-form.padding-50 {
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .register-body .box-form .row.flex {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }

    .register-body .box-form.padding-70 {
        padding-left: 70px;
        padding-right: 70px;
    }

.box-form .border {
    position: relative;
    padding-bottom: 6px;
}

    .box-form .border.two-row {
        padding-top: 20px;
        padding-bottom: 0;
    }

    .box-form .border::after {
        content: "";
        width: 95%;
        border-bottom: 1px solid #e1e1e1;
        position: absolute;
        bottom: -4px;
        left: 1%;
    }

.register-body input[type=file], .content-input-file .input[type=file] {
    position: relative;
    display: none;
}

.register-body .input-file label, .content-input-file .input-file label {
    width: 100%;
    height: 34px;
    background-color: #fff;
    padding: 6px 12px;
    font-size: 14px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    border: 1px solid #ccc;
    position: relative;
    color: #999999;
    font-weight: 400;
    margin-bottom: 0px;
}

    .register-body .input-file label::before {
        content: "Examinar";
        position: absolute;
        background-color: #008790;
        color: #fff;
        height: 100%;
        top: 0;
        width: 110px;
        text-align: center;
        padding-top: 6px;
        right: 0;
        max-width: 50%;
        font-size: 1em;
        cursor: pointer;
    }

.register-body .input-file .btn-download, .content-input-file .input-file .btn-download {
    padding-bottom: 0;
    padding-top: 8px;
    background-color: #008790;
    border: 0;
    min-width: 110px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    border-radius: 0;
}

.ds-flex {
    display: flex;
}

.register-body select.form-control {
    margin-bottom: 0px;
    background-image: url('https://www.portal1k.com/Content/Images/icon-select-form.png');
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-position: right;
}

.group-check {
    display: flex;
    min-height: 34px;
    margin-left: 15px;
}

.box-group-form {
    color: #4a4a4a;
    font-family: 'Raleway', sans-serif;
    font-size: 1.1em;
    padding-left: 14px;
    padding-right: 14px;
    display: inline-flex;
    align-items: center;
}

    .box-group-form.little-space {
        padding-left: 10px;
        padding-right: 0px;
    }

    .box-group-form:first-child {
        padding-left: 0px;
    }

    .box-group-form:last-child {
        padding-right: 0px;
    }

.group-check .box-group-form input[type="radio"] {
    display: none;
}

.group-check .box-group-form label {
    background-color: transparent;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #c2c2c2;
    border-radius: 50%;
    margin-bottom: 0;
    margin-right: 8px;
    cursor: pointer;
}


.group-check .box-group-form.little-space label {
    width: 26px;
    height: 26px;
}

.group-check .box-group-form input[type="radio"]:checked + label {
    background-image: url('https://www.portal1k.com/Content/Images/radio-button.png');
}

.register-body textarea.form-control {
    height: 205px;
    resize: none;
}

.register-body .step-wrap {
    display: none;
}

    .register-body .step-wrap .box-form .flex-row {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .register-body .step-wrap.active {
        display: block;
    }

span.full-input-date {
    width: 100%;
}

.view-complete-company .form-control[disabled], .view-complete-company input[disabled] {
    background-color: transparent;
    cursor: text;
    color: #000;
}

.view-complete-company .register-body .input-file label {
    background: transparent;
    color: #000;
}

    .view-complete-company .register-body .input-file label:before {
        display: none;
    }

.view-complete-company .k-multiselect.k-state-disabled .k-select {
    display: none;
}

.view-complete-company .k-multiselect-wrap {
    background: none;
    color: #999;
}

.custom-quote-file > label {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 8px;
    display: block;
}

.custom-quote-file .input-file {
    display: flex;
    width: 100%;
    position: relative;
}

    .custom-quote-file .input-file label[for="FormQuoteFile"] {
        flex: 1;
        background: #FFFFFF;
        border: 1px solid #CCCCCC;
        height: 38px;
        line-height: 38px;
        padding: 0 12px;
        font-size: 13px;
        color: #333333;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        cursor: pointer;
        position: relative;
    }

        .custom-quote-file .input-file label[for="FormQuoteFile"]::before {
            content: "Examinar";
            position: absolute;
            right: 0;
            top: 0;
            height: 100%;
            background: #008790;
            color: #FFFFFF;
            padding: 0 16px;
            line-height: 38px;
            border-left: 1px solid #004A4D;
        }

.custom-quote-file .k-upload,
.custom-quote-file input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    overflow: hidden;
}

/* End Profile steps form */
/* Content Custom Files */
.content-custom-files .title-section-form {
    border-bottom: 1px solid #cecece;
    margin-bottom: 15px;
}

.content-custom-files label {
    color: #00aeef;
    font-weight: 400;
    font-size: 1.1em;
}

.content-custom-files .k-upload {
    display: none;
}

.content-custom-files .input-file label {
    width: 100%;
    height: 34px;
    background-color: #fff;
    padding: 6px 12px;
    font-size: 14px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    border: 1px solid #ccc;
    position: relative;
    color: #999999;
    font-weight: 400;
    margin-bottom: 0px;
}

    .content-custom-files .input-file label::before {
        content: "Examinar";
        position: absolute;
        background-color: #008790;
        color: #fff;
        height: 100%;
        top: 0;
        width: 155px;
        text-align: center;
        padding-top: 6px;
        right: 0;
        max-width: 50%;
        font-size: 1em;
        cursor: pointer;
    }

.content-custom-files .btn-add-file {
    margin-top: 20px;
}

.content-custom-files .input-file .btn-download {
    padding-bottom: 0;
    padding-top: 8px;
    background-color: #008790;
    border: 0;
    min-width: 110px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    border-radius: 0;
}

.btn-flex-separed {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.image-modal img {
    max-width: 56px;
}

.title-modal h3 {
    width: 100%;
    max-width: 340px;
    text-align: center;
    margin: 0 auto;
}

.modal-body .content-modal {
    max-width: 400px;
    margin: 0 auto;
    overflow: hidden;
}

.content-wrap-row {
    float: left;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.w100-percent {
    width: 100% !important;
    margin-bottom: 10px;
}

.w65-percent {
    width: 65%;
}

.p-bottom {
    padding-bottom: 25px;
}

.cont-cant .group-cant .amount-label {
    padding-left: 15px;
    text-align: left;
}

.cont-cant .group-cant .amount-input {
    width: 95%;
    margin-top: 0;
    margin-left: 15px;
}

.drawer-wpp {
    position: relative;
}

.wpp-icon {
    position: fixed;
    width: 90px;
    right: 0px;
    bottom: 70px;
    z-index: 999;
    cursor: pointer;
}

.wid-custom {
    width: 190px;
}

.cursor-point {
    cursor: pointer;
}



/*estilos pantalla de resumen de pedido */

.title-pedido {
    font-family: 'Raleway', sans-serif;
    font-size: 20pt;
    text-align: left;
    padding-left: 30px;
}

.border-content {
    padding-top: 35px;
    margin-top: 20px;
}

.valor {
    font-weight: 500;
}

.subtitle-pedido {
    font-weight: 600;
}

.container-resumen {
    float: none;
    box-shadow: 0 1px 10px rgb(0 0 0 / 15%);
    border: 1px solid #e6e6e6;
    border-radius: 0px;
    margin-top: 25px;
}

.panel-body {
    border-radius: 0px;
    background: #f9f9f9fa;
}

.end {
    margin-bottom: 1px;
}


.message {
    margin: 20px 25% 20px 25%;
    font-size: 25px;
}

    .message label {
        font-weight: 400;
    }


.containe-metodo {
    padding: 0;
    width: 103%;
}
/* END Content Custom Files */
/*--------------
:::Responsive::: 
--------------*/
@media (max-width: 1200px) {
    .container.inner {
        width: 100%;
    }

    .views {
        display: none;
    }

    .register-body .flex-responsive button.btn {
        min-width: initial;
    }

    .detail-product .row-2 {
        height: 82px;
    }

    .p-bottom {
        margin-bottom: 14px;
    }

    .category-title h3::after,
    .provider-title h3::after {
        width: 15px;
        height: 8px;
        right: 4px;
        top: 28px;
    }
}

@media (max-width: 1010px) {

    .container {
        width: 100%;
    }

    .row-2 .space {
        padding-bottom: 30px;
    }

    h1 {
        font-size: 44px;
    }

    .banner-interna .content-banner {
        height: auto;
    }

    .img-product {
        text-align: center;
    }

        .img-product img {
            display: inline-block;
        }

    .col-izq .category ul,
    .col-izq .provider ul,
    .col-izq .colors {
        display: none;
    }

    .filter-responsive {
        display: block;
        padding: 15px;
    }

        .filter-responsive .form-group {
            margin-bottom: 0;
        }

    .gallery-product .flexslider {
        position: initial;
    }

    .display-menu {
        display: none;
    }

    .accordion-categories {
        display: none;
    }

    .provider-list {
        display: none;
    }
}

@media (max-width:1000px) {
    .input-tfl-unic:before {
        font-size: 10pt;
        padding: 5px 15px;
    }

    .container.inner {
        width: 100%;
    }
}

@media (max-width:992px) {
    .twitter-feed {
        display: none;
    }

    .title-lateral h3 {
        background-image: none !important;
        padding: 10px 5px;
        font-size: 22px;
    }

        .title-lateral h3:before {
            display: none;
        }

    .category-title h3::after,
    .provider-title h3::after {
        right: 4px;
        top: 19px;
    }
}

@media (max-width:900px) {
    .navegation-profile li {
        width: 30%;
    }
}

@media (max-width:770px) {
    .k-upload-button {
        border-radius: 5px 5px 5px 5px;
        cursor: pointer;
    }

    .no-pd-left {
        padding-right: 0px !important;
    }

    .no-pd-right {
        padding-left: 0px !important;
    }

    .navegation-profile li {
        width: 100%;
        border-bottom: solid 1px rgba(255,255,255,0.6);
    }

        .navegation-profile li a:before {
            display: none !important;
        }

    .group-profile-3 {
        width: 100%;
        margin-top: 40px;
    }

    .input-tfl-unic-2 {
        width: 100% !important;
        border-radius: 7px 7px 7px 7px !important;
    }

    .input-tfl-unic {
        width: 100% !important;
        border-radius: 7px 7px 7px 7px !important;
    }

        .input-tfl-unic:before {
            padding: 12px 15px;
            border-radius: 7px 7px 7px 7px !important;
            font-size: 12pt;
        }

    .img-product {
        height: 300px;
        margin-bottom: 20px;
    }

    .add-comment,
    .add-comment > div,
    .main-comments {
        padding: 0;
    }

    .title-comment h2 {
        font-size: 24px;
    }

    .col-xs-12 .row {
        margin-right: 0;
        margin-left: 0;
    }
}

@media (max-width: 768px) {

    .main-top {
        height: auto;
        padding: 0;
    }

    .main-logo {
        /* position: absolute; */
        text-align: center;
        border-bottom: 1px solid #ddd;
        padding: 7px 0;
    }

    .exit {
        padding: 0 15px;
    }

    .main-top .container {
        padding: 0;
    }

    .main-banner .flexslider .slides > li {
        height: 395px;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
    }

    .main-search {
        height: 210px;
        margin-top: -105px;
    }

        .main-search h1 {
            margin-top: 0;
        }

    .main-menu .navbar-default {
        overflow: hidden;
        position: relative;
    }

    .navbar-header {
        padding-left: 15px;
        padding-right: 15px;
    }

    .main-menu .navbar-nav {
        /* padding-left: 80px; */
        border-top: none;
        z-index: 1;
        width: 100%;
        margin: 0;
    }

        .main-menu .navbar-nav li a {
            text-align: left;
            padding: 17px 25px 17px 80px;
            display: block;
            border-bottom: 1px solid #36444B;
            position: relative;
        }

            .main-menu .navbar-nav li a:hover:before,
            .main-menu .navbar-nav li a.active:before,
            .main-menu li.megamenu:hover > a:before {
                display: none;
            }

    .main-menu .display-menu {
        position: relative;
        padding: 0;
        width: 100%;
        border: none;
    }

    .top-menu-arrow {
        display: none;
    }

    .main-menu .display-menu li a {
        padding: 7px 50px;
        color: #fff;
        border-color: #fff;
    }

    .img-megamenu {
        display: none;
    }

    .main-menu .display-menu .block:last-child li:last-child a {
        border: none;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #243841;
    }

    .main-menu .navbar-nav li {
        width: 100%;
    }

    .navbar-default .navbar-toggle {
        float: none;
        width: 44px;
        margin: 0 auto;
        display: block;
    }

    .main-menu li.megamenu:hover .display-menu {
        background-color: #36444B;
    }

    .exit .dropdown-menu:before {
        display: none;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .btn-megamenu {
        display: block;
    }

    .space {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .contact-date .email {
        padding: 80px 15px 20px;
    }

    span.icon-lg-email {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -45px;
    }

    .user {
        text-align: center;
    }

    .col-der {
        padding: 0;
    }

    .filters .breadcrumb {
        display: none;
    }

    .title-product-banner {
        margin-top: 10px;
    }

    .title-lateral h3 {
        padding: 5px 15px;
    }

    .description-product {
        display: block;
    }

    .description {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .mian-breadcrumbs .breadcrumb {
        padding: 10px 20px;
        margin: 0;
    }

        .mian-breadcrumbs .breadcrumb a {
            font-size: 14px;
        }

        .mian-breadcrumbs .breadcrumb .active {
            font-size: 14px;
        }

    .comment .user {
        text-align: left;
    }

    .img-provider img {
        max-width: 100%;
        margin-top: 25px;
    }

    .main-login {
        width: 100%;
    }

    footer .container,
    footer .space .col-1,
    footer .space .col-2 {
        padding-left: 0;
        padding-right: 0;
    }

    .brands-slide .flexslider .slides img {
        width: 100%;
    }

    .wrapper.login {
        /* padding: 0 15px; */
    }

    .main-carrito .car-comp {
        border: none;
    }

    .group-car-comp {
        padding: 0;
    }

    .data-group {
        margin-bottom: 30px;
    }

    .inner-search .btn-clear {
        margin-left: 0;
    }

    .export-table {
        float: none;
    }

    .results_table .k-grid {
        width: 100%;
        overflow: auto;
    }

    .enterprise-links {
        text-align: center;
    }

        .enterprise-links li {
            float: none;
        }

    .results_table .k-grid tr td {
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 1em;
    }

    .create-item-btn, .back-btn {
        width: 100%;
        text-align: center;
    }

    .small-fields {
        margin-bottom: 25px;
    }

        .small-fields .form-group,
        .small-fields .form-group .create-btns__btn {
            margin: 0;
        }

    .steps {
        bottom: -16px;
    }

        .steps .step {
            width: 30px;
            height: 30px;
            background-color: #cccccc;
            margin: 0 auto;
            border-radius: 50%;
        }

        .steps .active .step {
            background-color: #00aeef;
        }

    .step span.background-step {
        display: none;
    }

    .step span.text-step {
        display: none;
    }

    .active.current .step span.text-step {
        display: block;
        position: absolute;
        width: 100%;
        max-width: 100%;
        left: 0;
        bottom: -35px;
        font-size: 1.5em;
    }

    .register-body {
        padding-left: 20px;
        padding-right: 20px;
    }

        .register-body .box-form {
            padding-left: 0px;
            padding-right: 0px;
        }

            .register-body .box-form.padding-50 {
                padding-left: 0px;
                padding-right: 0px;
            }

            .register-body .box-form.padding-70 {
                padding-left: 0px;
                padding-right: 0px;
            }

        .register-body .wrap-step-body {
            padding-top: 0px;
        }

    .element-group input.form-control {
        margin-bottom: 10px;
    }

    .element-group .k-datepicker {
        margin-bottom: 10px;
    }

        .element-group .k-datepicker input.form-control {
            margin-bottom: 0px;
        }

    .group-check {
        margin-bottom: 10px;
    }

    .title-modal h3 {
        font-size: 18px;
    }

    .bottom-modal h3 {
        font-size: 18px;
    }

    .cont-cant .group-cant .amount-label {
        padding-left: 0;
    }

    .cont-cant .group-cant .amount-input {
        width: 50%;
        margin-left: 0;
    }

    .category-title h3::after,
    .provider-title h3::after {
        width: 9px;
        height: 5px;
        top: 15px;
        left: 0;
    }
}

@media (max-width: 568px) {

    .main-login .main-form {
        width: 100%;
    }

    .main-login .acces a:first-child {
        padding: 5px;
    }

    .main-login .acces a {
        margin: 10px;
    }

    .main-form .recover {
        text-align: center;
    }

    .main-login h2 {
        font-size: 23px;
        margin: 20px 0;
    }

    h2 {
        margin-bottom: 20px;
        font-size: 25px;
    }

    .main-search {
        width: 320px;
        margin-left: -160px;
        height: 150px;
        margin-top: -75px;
    }

        .main-search h1 {
            font-size: 43px;
        }

            .main-search h1 span {
                font-size: 43px;
            }

        .main-search input {
            height: 44px;
        }

    .main-banner .flexslider .slides > li {
        height: 200px;
    }

    .main-banner .flex-direction-nav a {
        width: 30px;
    }

    .main-banner .flexslider .flex-direction-nav .flex-next {
        background-position: -558px 6px;
    }

    .main-banner .flexslider .flex-direction-nav .flex-prev {
        background-position: -510px 6px;
    }

    .btn {
        width: 100%;
        min-width: 100%;
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 1px;
    }

    .elim-actualizar {
        margin-top: 0;
        padding-top: 0;
    }

        .elim-actualizar a {
            width: 100%;
            display: block;
        }

    .container-info {
        padding-left: 0;
    }

    .cont-cant .group-cant {
        margin-top: 15px;
        text-align: left;
        padding: 0 0 0 5px;
    }

    .brands-slide .flexslider .slides > li {
        /* width: 200px !important; */
    }

    .container-fluid.row-4 {
        padding: 0;
    }

    .user p {
        font-size: 12px;
        padding-left: 30px;
    }

        .user p span.icon-sm-user {
            left: -17px;
        }

    .user {
        text-align: left;
    }

    button.btn.btn-blue.upload {
        text-indent: -9999px;
    }

    span.icon-sm-img {
        /* display: block; */
        left: 26px;
    }

    .img-product {
        height: 220px;
    }

    .current-customers .brands-slide, .supplier-products .brands-slide {
        padding-left: 10px;
        padding-right: 10px;
    }

    .download-btn {
        display: block;
    }

        .download-btn a {
            width: 100%;
            display: block;
            height: auto;
            padding: 10px 0;
        }

    .date-prov li img {
        display: none;
    }

    .provider-detail__text {
        width: 100%;
    }

    .create-btns__btn {
        width: 100%;
        margin-bottom: 10px;
    }

    .ct-rpd .in-exc {
        width: 100% !important;
        max-width: 100%;
        margin-top: 10px;
    }

    .btn-update-2 button {
        max-width: 100%;
    }

    .ct-rpd .k-widget.k-dropdown {
        width: 100%;
    }

    .inner-search .btn-clear {
        margin-left: 0;
    }

    .export-table {
        width: 100%;
        float: none;
    }

    .space {
        padding: 10px;
    }

    .inner-search .btn-index-search {
        width: 50%;
    }

    .custom-button {
        margin-bottom: 10px;
    }

    .flex-responsive {
        display: block;
    }

    .register-body .flex-responsive button.btn {
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
    }

    .btn-flex-separed {
        flex-direction: column;
    }

    .bottom-modal .btn {
        width: auto;
        min-width: auto;
    }

    .cont-cant .group-cant .amount-label {
        padding-left: 0;
    }

    .cont-cant .group-cant .amount-input {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width:500px) {
    .admin-tables {
        display: grid;
    }

    .btn-gd {
        background: #243841;
        color: #fff;
        text-align: center;
        width: 100%;
        max-width: 100%;
        padding: 13px;
        border-radius: 5px;
        border: 0;
        box-shadow: -2px 0 0 rgba(0,0,0,0.5);
    }

    .filtro-main li {
        width: 100%;
        margin-bottom: 10px;
    }

    .current-customers .brands-slide .flex-direction-nav .flex-next, .current-customers .brands-slide .flexslider:hover .flex-direction-nav .flex-next {
        right: -35px;
    }

    .current-customers .brands-slide .flex-direction-nav .flex-prev, .current-customers .brands-slide .flexslider:hover .flex-direction-nav .flex-prev {
        left: -30px;
    }

    .add-pd-prev {
        font-size: 13px;
    }

    .user-dropdown {
        width: 100%;
    }

    .btn-update-2 {
        margin-bottom: 15px;
    }

    .content-wrap-row {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width: 375px) {
    .main-search input {
        width: 245px;
    }

    .main-search button {
        right: 32px;
    }

    h1 {
        font-size: 34px;
        margin: 15px;
        padding: 0;
    }

    .title-product-banner {
        margin: 0;
    }

    .main-carrito .car-pro .group-car-pro h1 {
        padding: 0 0 15px 0;
    }

    .main-carrito .car-pro {
        padding: 0;
    }
}

@media (max-width: 380px) {
    .title-orden {
        display: none;
    }

    .main-carrito .car-pro .group-car-pro {
        padding: 0;
    }

    .main-carrito .car-comp .group-car-comp h1 {
        width: 100%;
        left: 0;
        margin-left: 0px;
    }

    .wpp-icon {
        right: 0px;
        width: 70px;
    }
}


/* */