/*---------------------------
::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: #000;
    letter-spacing: 2px;
    transition: all 300ms ease 0ms;
    display: flex;
    align-items: center;
    gap: 5px; /* Reduce el espacio entre el título y el select */
}

#btn-client {
    color: #008790;
    font-size: 14px;
    padding: 10px 15px; /* Reduce el padding interno */
    border-radius: 5px;
    border: 1px solid #ccc;
    width: 220px; /* Reduce el ancho del select */
    height: 35px; /* Reduce la altura del select */ 
    align-items: center;
}


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

p {}

ul {
	padding: 0;
	margin: 0;
}

li {
	list-style: none;
}

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

input,
select,
label,
button,
a,
img,
textarea {
	outline: none !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-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;
}

.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: #00aeef;
    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: #00aeef;
    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: #00595C;
            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: #00aeef;
    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: #00aeef;
    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;
    }
}


/* */