/* loader*/
.trPendiente {
	background: #f3b94d;
}
.listasCabeceraLeft,
.listaCabeceraRight {
	display: inline-block;
	vertical-align: middle;
}

.listasCabeceraLeft{
	width: 100px;
}

.listaCabeceraRight {
	width: calc( 100% - 110px);
	text-align: right;
}

.listaCabeceraHelp {
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
}

#preloader {
	background: white;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 11000;
}

.alingLeft {
	text-align: left;
}

.selectPequena .select-orkli {
	width: 20%;
}

.ekanban-btn {
	padding-top: 0 !important;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
}

select::-ms-expand {
    visibility: hidden;
}

.helpLi{
	width: 100% !important;
	text-align: left !important;
	margin: 10px 0 0 10px;
}

#loader-desktop {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 200px;
	margin-top: -100px;
	margin-left: -200px;
	background: url(../images/loader.gif);
	text-align: center;
}

#loader-mobile {
	display: none;
}

/* start login */
body#login {
	background: url(../images/PORTALPROVEEDOR.jpg) no-repeat fixed center center/cover;
	font-family: 'Open Sans';
}

body#onePage {
	background: url(../images/breather.jpg) no-repeat fixed center center/cover;
	font-family: 'Open Sans';
}

html.login-bg {
	background: none !important;
}

.no-effect:hover {
	cursor: pointer;
}

.login-container {
	position: fixed;
	width: 283px;
	height: 323px;
	top: 50%;
	left: 50%;
	margin-left: -140px;
	margin-top: -260px;
	text-align: center;
}

.login-container h1 {
	background: #B5030F;
	color: white;
	padding: 20px 0;
	display: block;
	margin-top: 10px;
	font-size: 1.2em;
	font-weight: 400;
}

.login-container button {
	width: 100%;
}

.login-form {
	background: white;
	display: block;
	padding: 10px 20px 20px;
}

.login-form input[type="text"], .login-form input[type="password"] {
	font-size: 0.9em;
	border-radius: 2px;
	display: block;
	padding: 8px 15px;
	margin: 10px 0;
	width: 87%;
	border: 1px solid #DADADA;
	background: #F1F1F7;
}

.login-form .control-remember {
	text-align: left;
	font-size: 0.9em;
	padding: 5px 0 15px;
	display: block;
}

.login-form .control-remember input {
	display: none;
}

.login-form .control-remember label:hover {
	cursor: pointer;
}

.login-form .control-remember label:before {
	content: '';
	border: 1px solid grey;
	padding: 5px;
	display: inline-block;
	margin-right: 8px;
	vertical-align: middle;
	transition: 0.3s ease;
}

.login-form .control-remember input:checked ~ label:before {
	background: #B5030F;
}

.login-form .button {
	display: block;
	font-size: 0.9em;
}

.login-form .select-orkli {
	background: white url("../images/arrow-down-mobile.jpg") no-repeat scroll 100% 0 !important;
	border-radius: 3px;
	height: 29px;
	overflow: hidden;
	padding: 0;
	width: 100%;
	margin: 10px 0px;
}

.login-form .select-orkli select {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #dadada;
	border-radius: 2px;
	font-size: 0.9em;
	height: 29px;
	width: 100%;
	display: block;
	padding: 0px 10px;
	text-align: center;
}

/* end login */

/* fin loader */
/* .anim { */
/* 	opacity: 0 */
/* } */
html {
	background: #f1f2f7;
}

body {
	font-family: 'Open Sans';
	font-weight: normal;
	color: #575757;
	font-size: 1em;
	/*overflow: hidden;*/
}

a {
	text-decoration: none;
	transition: 0.3s ease;
}

b {
	font-weight: bold;
}

textarea {
	font-family: 'Open Sans';
}

.bold {
	font-weight: bolder;
}

label.error {
	color: red;
	display: block;
	margin: 5px 0 0;
}

label.titulo {
	display: block;
	margin: 5px 0 0;
	font-weight: bolder;
	font-size: 120%;
}

span.error {
	color: red;
	display: block;
	margin: 5px 0 0;
	width: 80%;
}

.select-orkli label.error {
	color: red;
	display: block;
	margin: 5px 0 0;
	position: absolute;
}

/* error - page */
body.error-page {
	padding: 20px;
}

.error-container {
	max-width: 900px;
	background: #d77369;
	color: white;
	margin: 5% auto;
	border-radius: 3px;
	text-align: center;
	box-shadow: 0 0 20px #bbb;
}

.error-container i, .error-container p {
	display: inline-block;
	vertical-align: middle;
	padding: 40px;
}

.error-container i {
	color: white;
	font-size: 3.5em;
}

.error-container p {
	margin: 0;
	font-size: 1.3em;
	color: white;
}
/* adm - page */
.adm-container {
	text-align: center;
	color: white;
	display: block;
	padding: 10px 20px;
	font-weight: 400;
	border-radius: 2px;
	margin: 0 0 10px;
	font-size: 0.9em;
	line-height: 20px;
}

.adm-block {
	background: white;
	display: block;
	border-radius: 4px;
	margin-bottom: 20px;
	font-size: 0.9em;
	color: #686868;
	overflow: auto;
}

.adm-block h2 {
	display: block;
	padding: 10px 25px;
	font-size: 1.2em;
	border-bottom: 1px solid #ccc;
}

.adm-block table {
	font-size: 0.9em;
}

/* header */
#header {
	background: white;
	width: 94%;
	padding: 5px 3%;
	z-index: 2;
	position: fixed;
	z-index: 1002;
}

.logo img.logo-mobile {
	display: none;
}

.logo img {
	max-width: 250px;
}

.logo {
	display: inline-block;
}

.notifications {
	float: right;
	margin-top: 12px;
}

.number-notifi {
	background: #ffb049 none repeat scroll 0 0;
	border-radius: 999em;
	color: white;
	font-size: 0.8em;
	height: 15px;
	padding: 1px;
	position: absolute;
	right: -6px;
	text-align: center;
	top: -9px;
	width: 15px;
}

.notifications .language, .notifications .messages {
	display: inline-block;
	vertical-align: middle;
}

.notifications .messages {
	position: relative;
	margin-right: 40px;
}

input[type="checkbox"]#notifi {
	display: none;
}

input[type="checkbox"]#notifi:checked ~ .arrow, input[type="checkbox"]#notifi:checked 
	 ~ .notifications-container {
	display: block;
}

.notifications .messages label {
	background: #fef2e4;
	color: #4b4b4b;
	padding: 9px 12px;
	border-radius: 4px;
	display: block;
	transition: 0.3s ease;
}

.notifications .messages label:hover {
	background: #ffead2;
	cursor: pointer;
}

.arrow {
	border-bottom-color: #fcb322 !important;
	border-left-color: transparent;
	border-right-color: transparent;
	border-top-color: #fcb322 !important;
	border-style: solid;
	border-width: 0 9px 9px;
	height: 0;
	left: 10px;
	margin-top: 48px;
	opacity: 1;
	position: absolute;
	top: -2px;
	transition: all 0.25s ease 0s;
	width: 0;
	z-index: 10;
	display: none;
}

.notifications-container {
	position: absolute;
	background: white;
	border: 1px solid #eee;
	border-radius: 5px;
	width: 230px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important;
	margin-left: -98px;
	margin-top: 20px;
	text-align: center;
	font-size: 0.9em;
	display: none;
}

.notifications-container p.info {
	background: #FCB322;
	color: white;
	padding: 8px 20px;
}

.notifications-container a {
	display: block;
	border-bottom: 1px dashed #eee;
	padding: 10px 20px;
	color: #565656;
	font-size: 0.9em;
}

.notifications-container a:hover {
	background: #F0F0F0;
}

.notifications-mobile {
	display: none;
}

.downl-manual-mobile {
	display: none;
}

.select-language select {
	background: transparent;
	border: none;
	font-size: 0.9em;
	height: 29px;
	padding: 5px 10px;
	/* If you add too much padding here, the options won't show in IE */
	color: grey;
	width: 150%;
}

.select-language {
	background: url(../images/arrow-down.jpg) no-repeat 100% 0 #FFF;
	height: 29px;
	overflow: hidden;
	border-radius: 3px;
	padding-right: 30px;
}

.language-mobile {
	display: none !important;
}
/* header */
/* sidebar */
#control-sidebar-mobile {
	display: none;
}

#sidebar {
	background: #2a3542;
	width: 220px;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1001;
	padding: 0 15px;
	overflow-y: auto;
	transition: all 0.3s ease;
}

.sidebar-container-proveedor {
	margin-top: 90px;
}

.logo-prov {
	border-radius: 3px;
	background: white;
	text-align: center;
	display: block;
}

.logo-prov img {
	margin: 15px 0;
}

.logo-prov p {
	padding: 15px 10px;
}

.logo-prov .wellcome {
	font-size: 0.9em;
	font-weight: normal;
	display: block;
}

.logo-prov .company {
	font-size: 1.3em;
	font-weight: bold;
	font-family: 'Open Sans';
	display: block;
	margin: 5px 0 0;
}

.logo-prov a {
	display: block;
	color: white;
	background: #ca444e;
	padding: 12px 0;
	font-size: 0.9em;
	text-decoration: none;
}

.logo-prov a:hover {
	background: #a83039;
}

.menu-ppal {
	margin-top: 20px;
	margin-bottom: 60px;
}

.menu-ppal>li>a, .menu-ppal>li>label {
	color: #aeb2b7;
	display: block;
	padding: 13px 5px;
	font-size: 0.8em;
	position: relative;
}

.control-label:after {
	font-family: 'FontAwesome';
	content: '\f067';
	float: right;
}

.control-label:hover {
	cursor: pointer;
}

.menu-ppal>li>ul {
	display: none;
	position: absolute;
	margin-left: 260px;
	margin-top: -37px;
}

input[type="checkbox"].control-check {
	display: none;
}

.submenu {
	background: #35404D;
	border-radius: 4px;
	font-size: 0.9em;
/* 	color:; */
	display: block;
	max-height: 0;
	overflow: hidden;
	transition: 0.3s ease;
}

input[type="checkbox"].control-check:checked ~ .submenu {
	max-height: 500px;
}

input[type="checkbox"].control-check:checked ~ label {
	background: #35404D;
	border: 0px !important;
}

input[type="checkbox"].control-check:checked ~ label:after {
	content: '\f068';
}

.menu-ppal .submenu a {
	color: white;
	font-size: 0.8em;
	display: block;
	padding: 11px 18px;
}

.menu-ppal .submenu a:hover, .menu-ppal .submenu a.current {
	background: #ca444e;
}

.menu-ppal>li>a.current, .menu-ppal>li:hover {
	background: #35404d;
	border-radius: 4px;
	color: #FC515F;
}

.locked:before, .lockedWhite:before {
	font-family: 'FontAwesome';
	margin-right: 6px;
	content: '\f023';
	font-size: 0.9em;
}

.menu-ppal .cambios-pendientes {
	border-bottom: 3px solid #EA9400;
}

/* download manual */
.downl-manual {
	float: left;
/* 	margin-top: 14px; */
	margin-right: 50px;
}

.downl-manual a {
	display: inline-block;
	background: #AEB5BC;
	color: white;
	font-size: 0.75em;
	padding: 10px 15px;
	border-radius: 5px;
}

.downl-manual a:hover {
	background: #cccccc;
}

.downl-manual a:before {
	font-family: 'FontAwesome';
	margin-right: 8px;
	content: '\f0ed';
	font-size: 1.1em;
}

.video-mp4:before {
	margin-right: 2px !important;
	content: '\f03d' !important;
}

/* contenido */
.overflow-tabla {
	overflow-y: auto;
	padding: 10px 0;
}

#contenido {
	padding: 82px 20px 80px 268px;
	overflow-y: hidden;
	font-size: 0.9em;
}

#contenido-onePage {
	padding: 82px 20px 80px 20px;
	overflow-y: hidden;
	font-size: 0.9em;
/* 	position: fixed; */
/* 	width: 283px; */
/* 	height: 323px; */
/* 	top: 50%; */
/* 	left: 50%; */
/* 	margin-left: -140px; */
/* 	margin-top: -260px; */
}

#contenido a,
#contenido-onePage a {
	text-decoration: underline;
	color: #C9434D;
}

#contenido a:hover,
#contenido-onePage  a:hover {
	text-decoration: none;
}

.block {
	background: white;
	display: block;
	border-radius: 4px;
	margin-bottom: 20px;
	font-size: 0.9em;
	color: #686868;
	overflow: auto;
}

.no-bg-block {
	background: none !important;
}

.no-bg-block .select-orkli {
	background: white url("../images/arrow-down-mobile.jpg") no-repeat
		scroll 100% 0 !important;
	border-radius: 3px;
	height: 29px;
	overflow: hidden;
	padding: 0;
}

.block h2 {
	display: block;
	padding: 10px 25px;
	font-size: 1.2em;
	border-bottom: 1px solid #ccc;
}

.block h3 {
	font-size: 1.2em;
	margin: 20px 0;
}

.block-tarea-completada {
	margin-top: -20px;
	background: #179B09;
	color: white;
	border-radius: 2px;
}

.block-tarea-completada h2:before {
	font-family: 'FontAwesome';
	content: '\f071';
	margin-right: 10px;
}

.block-tarea-noencontrada {
	margin-top: -20px;
	background: #F3B94D;
	color: white;
	border-radius: 2px;
}

.block-tarea-noencontrada h2:before {
	font-family: 'FontAwesome';
	content: '\f071';
	margin-right: 10px;
}

.block-pendiente {
	margin-top: -20px;
	background: #F3B94D;
	color: white;
	border-radius: 2px;
}

.block-pendiente h2 {
	border-bottom: 1px solid white;
}

.block-pendiente h2:before {
	font-family: 'FontAwesome';
	content: '\f071';
	margin-right: 10px;
}

.block-pendiente h3 {
	color: white;
	padding: 25px 25px 10px;
	font-size: 1.1em;
}

.pendiente-container label:before {
	font-family: 'FontAwesome';
	content: '\f12a';
	margin-right: 10px;
}

.block input[type="text"], .block input[type="number"], .block .select-orkli,
	.block textarea {
	border: 1px solid #B3B3B3;
	border-radius: 2px;
	padding: 5px 10px;
	font-size: 1em;
}

.block .default-content {
	padding: 20px 25px;
}
/* one column */
.block .column1 {
	display: block;
	width: 100%;
}

.block .column1 label {
	width: 30%;
	margin-right: 2%;
}

/* two columns */
.block .column2 {
	display: inline-block;
	vertical-align: top;
	width: 49%;
	margin: 10px 0;
}

.block .column1 {
	margin: 10px 0;
}

/* three columns */
.block .column3 {
	display: inline-block;
	vertical-align: middle;
	width: 33%;
	margin: 10px 0;
}
/* four columns */
.block .column4 {
	display: inline-block;
	vertical-align: middle;
	width: 24%;
	margin: 10px 0;
}
/* five columns */
.block .column5 {
	display: inline-block;
	vertical-align: middle;
	width: 19%;
	margin: 10px 0;
}

.block .data label, .block .data input[type="text"], .block .select-orkli
	{
	display: inline-block;
	vertical-align: middle;
}

.block li {
	display: block;
	padding: 8px 0;
}

.block li.bad-list:before {
	font-family: 'FontAwesome';
	margin-right: 8px;
	color: #CA0000;
	content: '\f00d';
}

.block li.success-list:before {
	font-family: 'FontAwesome';
	margin-right: 8px;
	color: #6DBB4A;
	content: '\f00c';
}

.block .column2 label {
	width: 30%;
	margin-right: 2%;
}

.block .column2 label span {
	font-size: 0.9em;
}

.block .textarea-data label, .block .textarea-data textarea {
	display: block;
	width: 100%;
	margin: 8px 0;
}

.block .textarea-data textarea {
	height: 200px;
}

.block .column2 input[type="text"], .block .column2 input[type="number"],
	.block .column2 .select-orkli {
	width: 62%;
}

.block .column3 .select-orkli {
	width: 62%;
}

.block .column3 label {
	margin-right: 2%;
	width: 30%;
}

.block .column4 label {
	margin-right: 2%;
	width: 30%;
}

.block .column5 label {
	margin-right: 2%;
	width: 20%;
}

.block .select-orkli {
	background: url("../images/arrow-down-mobile.jpg") no-repeat scroll 100% 0;
	border-radius: 3px;
	height: 29px;
	overflow: hidden;
	padding: 0;
}

.block .select-orkli select {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	font-size: 0.9em;
	height: 29px;
	padding: 5px 10px;
	width: 110%;
}

.block .disabled-select {
	background: rgba(218, 218, 218, 1) url("../images/arrow-down-mobile.jpg") no-repeat scroll 100% 0;
}

.obligatorio:before {
	font-family: 'FontAwesome';
	content: '(*)';
	color: #CC0000 !important;
	font-weight: bolder;
/* 	padding-left: 5px; */
	padding-right: 5px;
}

.exclamacion:before {
	font-family: 'FontAwesome';
	content: '\f06a';
	margin-right: 10px;
}

/* buttons */
.table-content .button-container {
	padding: 20px 25px !important;
}

.check-green {
	color: #87B776 !important;
}

.check-dark-green {
	color: #27ae60 !important;
}

.check-red {
	color: #c9434d !important;
}

.check-gray {
	color: #808080 !important;
}

.button-container {
	display: block;
	padding: 20px 0;
}

.button-master-container {
	position: fixed;
	right: 0;
	background: white;
	border: 1px solid #ccc;
	box-shadow: 0 0 10px #ccc;
	bottom: 20px;
	padding: 0 30px 0;
	font-size: 0.9em;
}

.button-right {
	text-align: right;
}

.button-center {
	text-align: center;
	margin: 0px 30px;
}
.button-center a {
	margin: 30px;
}

.button {
	display: inline-block;
	padding: 10px 20px;
	transition: 0.3s ease;
	border-radius: 4px;
	text-decoration: none !important;
	font-weight: 400;
	border: 0;
	text-align: center;
}

.button:hover {
	cursor: pointer;
}

.button i {
	margin-right: 8px;
}

.button-grey {
	color: white !important;
	background: #a9a9a9;
}
.button-grey:hover {
	background: #808080;
}

.button-red {
	color: white !important;
	background: #C9434D;
}
.button-red:hover {
	background: #982D33;
}

.button-green {
	color: white !important;
	background: #179B09;
}

.button-green:hover {
	background: #137C07;
}

.button-yellow {
	color: white !important;
	background: #FFBA41;
}

.button-yellow:hover {
	background: #EA9400;
}

.button-blue {
	color: white !important;
/* 	background: #4b7bec; */
	background: #0066DD;
}

.button-blue:hover {
/* 	background: #3867d6; */
/* 	background: #0055CC; */
	background: #0044BB;
}

.button-brown {
	color: white !important;
	background: #ccae62;
}

.button-brown:hover {
	background: #cc8e35;
}

.save-button:before {
	font-family: 'FontAwesome';
	margin-right: 8px;
	content: '\f0c7';
}

.success-button:before {
	font-family: 'FontAwesome';
	margin-right: 8px;
	content: '\f00c';
}

.subsanar-button:before {
	font-family: 'FontAwesome';
	margin-right: 8px;
	content: '\f12a';
}

.send-button:before {
	font-family: 'FontAwesome';
	margin-right: 8px;
	content: '\f1d8';
}

.bad-button:before {
	font-family: 'FontAwesome';
	margin-right: 8px;
	content: '\f00d';
}

.pencil-button:before {
	font-family: 'FontAwesome';
	margin-right: 8px;
	content: '\f040';
}

.desglose-button:before {
	font-family: 'FontAwesome';
	margin-right: 8px;
	content: '\f0e8';
}

.adjuntar-button:before {
	font-family: 'FontAwesome';
	margin-right: 8px;
	content: '\f016';
}

.pdf-button:before {
	font-family: 'FontAwesome';
	margin-right: 8px;
	content: '\f1c1';
}

.plus-button:before {
	font-family: 'FontAwesome';
	margin-right: 8px;
	content: '\f0fe';
}

.minus-button:before {
	font-family: 'FontAwesome';
	margin-right: 8px;
	content: '\f146';
}

.trash-button:before {
	font-family: 'FontAwesome';
	margin-right: 8px;
	content: '\f1f8';
}

.view-button:before {
	font-family: 'FontAwesome';
	margin-right: 8px;
	content: '\f06e';
}

/* notificaciones */
.notification {
	text-align: center;
	color: white;
	display: block;
	padding: 10px 20px;
	font-weight: 400;
	border-radius: 2px;
	margin: 0 0 10px;
	font-size: 0.9em;
	line-height: 20px;
}

.notification i {
	margin-right: 8px;
}

.notification-success {
	background: #179B09;
}

.notification-error {
	background: #e84118;
}

/* table */
.block table {
	width: 100%;
	text-align: center;
	white-space: nowrap;
}

.block .par {
	background: #F6F6F6;
}

.block .principal-line {
	background: rgba(201, 67, 77, 0.2) !important;
}

.block .edit-line {
	background: rgba(255, 203, 34, 0.2) !important;
}

.hidden-actions span {
	display: none;
}

table .filter {
	width: 50px;
	text-align: center;
}

table .filter img {
	margin-right: 0;
	margin-left: 0;
	width: 30px;
}

table .filter:after {
	content: '' !important;
	margin-left: 0 !important;
}

td.actions-line span {
	padding: 5px;
	color: #686868 !important;
}

td.actions-line span:hover {
	cursor: pointer;
}

td.actions-line a {
	text-decoration: none !important;
}

tr.pruebath  th {
	color: white;
	background: #C9434D;
	font-weight: 400;
	text-transform: uppercase;
	padding: 10px;
	vertical-align: middle;
}

th {
	color: white;
	background: #C9434D;
	font-weight: 400;
	text-transform: uppercase;
}

th, td {
	padding: 10px;
	vertical-align: middle;
}

table input[type="text"] {
	text-align: center;
	font-size: 0.9em !important;
	width: 100px !important;
}

table input[type="text"].pendiente {
	background: #F3B94D !important;
	color: black;
}

.enPruebas {
	background: #FCE4E6 !important;
	color: #575757;
}

/* pagination */
.pagination {
	text-align: center;
	font-size: 0.9em;
	border-top: 8px solid #F1F2F7;
	padding: 20px 0;
	overflow: auto;
}

.pagination p {
	margin: 5px 0;
}

.pagination .select-orkli {
	width: 80px;
	margin: 0 8px;
}

.pagination .select-orkli select {
	width: 140%;
}

.pagination i {
	margin-right: 0;
}

.pagination .pagination-current {
	margin: 0 10px;
}

.pagination2 {
	text-align: center;
	font-size: 0.9em;
	border-top: 4px solid #F1F2F7;
	padding: 2px 0;
	overflow: auto;
}

.pagination2 p {
	margin: 5px 0;
}

.pagination2 .select-orkli {
	width: 80px;
	margin: 0 8px;
}

.pagination2 .select-orkli select {
	width: 140%;
}

.pagination2 i {
	margin-right: 0;
}

.pagination2 .pagination-current {
	margin: 0 10px;
}

/* words colors */
.block .red-word {
	color: #CA444E;
}

.block .yellow-word {
	color: #C07407;
}

.block .green-word {
	color: #207B33;
}

/* option radio */
.option-radio label:hover {
	cursor: pointer;
}

.option-radio label:before {
	border: 1px solid grey;
	background: white;
	border-radius: 999em;
	padding: 6px;
	display: inline-block;
	content: '';
}

.option-radio input {
	display: none;
}

.option-radio input:checked ~ label:before {
	background: #C9434D;
	border: 0;
	padding: 7px;
}
/* option check */
.block .option-check label:hover {
	cursor: pointer;
}

.block .option-check label:before {
	border: 1px solid grey;
	background: white;
	padding: 6px;
	display: inline-block;
	content: '';
}

.block .option-check input {
	display: none;
}

.block .option-check input:checked ~ label:before {
	font-family: 'FontAwesome';
	content: '\f00c';
	color: #179A09;
	border: 0;
	padding: 0px;
	font-size: 1.4em;
}

/* documentacion a proporcionar */
.doc-proporcionar {
	margin-bottom: 50px;
}

.doc-proporcionar h3 {
	font-size: 1.1em;
	display: block;
	margin-bottom: 30px;
}

.doc-proporcionar i {
	margin-left: 8px;
}

.upload-input {
	background: white;
	border: 1px solid #b3b3b3;
	border-radius: 2px;
	font-size: 1em;
	padding: 6px 10px;
}

.fileUpload input.upload {
	cursor: pointer;
	font-size: 20px;
	margin: 0;
	opacity: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.fileUpload {
	display: inline-block;
	margin-left: 10px;
	overflow: hidden;
	position: relative;
	vertical-align: middle;
}

.fileUpload input.upload {
	cursor: pointer;
	font-size: 20px;
	margin: 0;
	opacity: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.doc-proporcionar .upload-input {
	width: 40%;
}

.doc-proporcionar .option-check {
	display: inline-block;
	width: 62%;
}

.doc-proporcionar .option-check label:before {
	margin-right: 8px;
}

/* doc proporcionar gestor */
.documento-adjuntado {
	color: #686868 !important;
}

.subsanar label {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

.subsanar textarea {
	width: 100%;
	height: 250px;
	font-family: 'Open Sans';
}

/* tabs */
.tabs-container {
	margin-bottom: 40px;
}

.tabs-container a {
	display: inline-block;
	vertical-align: top;
	background: white;
	text-decoration: none !important;;
	margin-bottom: 10px;
}

.tabs-cambios-pendientes {
	border-bottom: 8px solid #F3B94D;
}
/* 2 columnas */
.tabs-short a {
	width: 48%;
}

.tabs-datos-proveedor a {
	width: 24%;
}

.tabs-datos-proveedor .second-tab {
	margin-left: 1%;
	margin-right: 1%;
}

.tabs-datos-proveedor .third-tab {
	margin-right: 1%;
}

.tabs-container a span {
	color: #333;
	padding-left: 20px;
	font-size: 0.9em;
}

.tabs-container a i {
	color: white;
	background: #BDBDBD;
	padding: 20px 24px;
	display: inline-block;
	font-size: 1.4em;
	transition: 0.2s ease;
}

.tabs-short a:first-child {
	margin-right: 3%;
}

.tabs-container a.current i, .tabs-container a:hover i {
	background: #C9434D;
}

/* page ordenar por proveedor */
.notifications-gestor input[type="checkbox"] {
	display: none;
}

label.notification-proveedor {
	display: block;
	font-size: 1.2em;
	padding: 15px 25px;
	background: #C9434D;
	color: white;
}

label.notification-proveedor:hover {
	cursor: pointer;
}

label.notification-proveedor:after {
	font-family: 'FontAwesome';
	float: right;
	content: '\f0d7';
	transition: 0.2s ease;
}

.notifications-gestor th.short-fecha {
	width: 20%;
}

.notifications-gestor th.short-asunto, .notifications-gestor td.short-asunto
	{
	width: 60%;
	text-align: left;
}

.notifications-gestor td.short-actions .actions, .notifications-gestor td.short-actions .buttons
	{
	display: inline-block;
	margin: 0 5px;
}

.notifications-gestor td.short-actions {
	text-align: right;
}

.notifications-gestor td.short-actions .actions {
	font-size: 1.4em;
}

.notifications-gestor td.short-actions .actions a {
	padding: 0 4px;
}

.notifications-gestor td.short-actions .actions .aprobar {
	color: #87B776 !important;
	text-decoration: none !important;
}

.notifications-gestor td.short-actions .actions .rechazar {
	color: #F31E55 !important;
	text-decoration: none !important;
}

.notifications-gestor {
	margin-bottom: 20px;
	overflow: unset !important;
}

.notifications-gestor .table-content {
	max-height: 0;
	visibility: hidden;
	transition: 0.3s ease;
}

.notifications-gestor input[type="checkbox"]:checked ~ .table-content {
	max-height: 2048px;
	visibility: visible;
}

.notifications-gestor input[type="checkbox"]:checked ~ label {
	background: white;
	color: #686868;
	border-bottom: 1px solid #ccc;
}

.notifications-gestor input[type="checkbox"]:checked ~ label:after {
	-ms-transform: rotate(-180deg); /* IE 9 */
	-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
	transform: rotate(-180deg);
}

/* page ordenar por fecha */
.notifications-fecha .table-content {
	max-height: none !important;
	visibility: visible;
}

.notifications-fecha th.short-asunto, .notifications-gestor td.short-asunto
	{
	width: 40%;
}

.notifications-fecha th.short-proveedor, .notifications-gestor td.short-proveedor
	{
	width: 20%;
}

/* datos proveedor - direcciones */
.legend {
	float: right;
}

.legend span:before {
	content: ' ';
	background: rgba(201, 67, 77, 0.2);
	padding: 0px 13px;
	margin-right: 8px;
}

/* modal */
.modal {
	position: fixed;
	width: 700px;
	margin-left: -350px;
	margin-top: -250px;
	top: 50%;
	left: 50%;
	z-index: 1003;
	background: white;
	padding: 25px;
	display: none;
	height: 350px;
    overflow: hidden;
    overflow-y: auto;
}

.modal-img {
	position: fixed;
	width: 900px;
	margin-left: -450px;
	margin-top: -300px;
	top: 50%;
	left: 50%;
	z-index: 1003;
	background: white;
	padding: 25px;
	display: none;
	height: 450px;
	overflow: hidden;
	overflow-y: auto;
}

.modal-comunicados,
.modal-comunicados-demo {
	position: fixed;
	width: 1024px;
	height: 600px;
	margin-left: -512;
	margin-top: -350px;
	top: 50%;
	left: 50%;
	z-index: 1003;
	background: white;
	padding: 25px;
	display: none;
	overflow: hidden;
	overflow-y: auto;
}

.modal-bg {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 1002;
	display: none;
}

.modal-bg-ayuda {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1002;
	display: none;
}

.modal-bg-comunicados,
.modal-bg-comunicados-demo {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1002;
	display: none;
}

.modal2 {
	border-style: solid;
	border-color: red;
	border-width: 2px;
	background: #f1f2f7 !important;
}

.modal h1 {
	color: #C9434D;
	font-weight: bold;
	display: block;
	margin-bottom: 20px;
}

.modal h2 {
	color: #C9434D;
	font-weight: bold;
	display: block;
	margin: 20px 0;
}

.modal .column1 {
	display: block;
	width: 100%;
	margin: 8px 0;
}

.modal .column2 {
	display: inline-block;
	vertical-align: top;
	width: 49%;
	margin: 8px 0;
}

.modal .column1 span, .modal .column1 label, .modal .column1 input[type="text"],
	.modal .column2 span, .modal .column2 label, .modal .column2 input[type="text"]
	{
	display: block;
}

.modal .column1 span, .modal .column1 label, .modal .column2 span,
	.modal .column2 label {
	margin-bottom: 8px;
	font-size: 0.9em;
}

.modal textarea {
	display: block;
	width: 100%;
	height: 200px;
}

.modal input[type="text"] {
	border: 1px solid #b3b3b3;
	border-radius: 2px;
	font-size: 0.9em;
	padding: 5px 10px;
}

.modal input:not(disabled) not[type="text"] {
	
}

.modal .column2 input[type="text"] {
	width: 90%;
}

.modal .option-radio label:before {
	margin-right: 8px;
}

.modal .upload-input {
	width: 78%;
}

.modal .button {
	font-size: 0.8em;
}

.modal-close,
.modal-close-ayuda {
	position: absolute;
	top: 0;
	right: 0;
}

.modal-close-comunicados,
.modal-close-comunicados-demo {
	position: absolute;
	top: 0;
	right: 0;
	color: #C9434D;
}

.modal-close i,
.modal-close-ayuda i,
.modal-close-comunicados i,
.modal-close-comunicados-demo i {
	display: inline-block;
	padding: 18px;
}

.modal-close:hover,
.modal-close-ayuda:hover {
	cursor: pointer;
}

.modal-close-comunicados:hover,
.modal-close-comunicados-demo:hover {
	cursor: pointer;
	color: #982D33;
}

.modal-load-msg {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
	z-index: 300001;
	height: 40px;
	width: 40px;
	display: none;
}

.load-icon i {
	font-size: 3em;
	color: #C9434D;
	z-index: 4000000;
	position: absolute;
	margin: auto;
	text-align: center;
}

.modal table {
	font-size: 0.8em;
	text-align: center;
}

.modal a {
	color: #C9434D;
	font-size: 0.9em;
}

/* centro documental */
.centro-doc-option {
	display: block;;
	margin-bottom: 30px;
	text-align: center;
}

.centro-doc-option a {
	display: inline-block;
	vertical-align: middle;
	width: 49%;
	color: #373737 !important;
	background: white;
	text-decoration: none !important;
	text-align: center;
	margin: 10px 0;
	font-size: 0.9em;
	padding: 20px 0;
}

.centro-doc-option a:hover, .centro-doc-option a.current {
	background: #C9434D;
	color: white !important;
}

.breadcrumbs-centro-doc span {
	margin-right: 30px;
}

div.centro-doc-list {
	margin-top: 30px;
}

div.centro-doc-list a.file:before {
	font-family: 'FontAwesome';
	content: '\f016';
	margin-right: 10px;
	text-decoration: none;
}

div.centro-doc-list a.folder {
	color: #2935B5 !important;
}

div.centro-doc-list a.folder:before {
	font-family: 'FontAwesome';
	content: '\f114';
	margin-right: 10px;
	text-decoration: none;
}

.doc-propio li {
	display: inline-block;
	vertical-align: middle;
	width: 49%;
}

ul.folders {
	margin: 20px 0;
	font-size: 0.8em;
}

ul.folders li {
	width: 11%;
	margin-right: 2%;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}

ul.folders li a.icon {
	color: #0066DD !important;
	display: block;
	font-size: 5em;
}

ul.folders li a.text {
	color: #0066DD !important;
	display: block;;
	text-decoration: none !important;
}

ul.folders li a:hover {
	color: #68ACFC !important;
}

ul.folders li.hidden a.icon {
	color: #7f8c8d !important;
	display: block;
	font-size: 5em;
}

ul.folders li.hidden a.text {
	color: #7f8c8d !important;
	display: block;;
	text-decoration: none !important;
}

ul.folders li.hidden a:hover {
	color: #95a5a6 !important;
}

.files {
	margin-bottom: 20px;
}

.files>i,
.control-adjuntar-doc,
.adjuntar,
.download-file,
.fileUpload {
	display: inline-block;
}

.files>i, .control-adjuntar-doc {
	vertical-align: middle;
	width: 90%;
	padding-right: 5px;
}
.control-adjuntar-doc{
	margin-left: 6px;
}
.control-adjuntar-doc a{
	margin-bottom: 5px;
	display: block;
}
.files>i {
	color: #C9434D;
	font-size: 4.5em;
	width: auto;
}

.download-file {
	color: #C9434D;
	font-size: 2.5em !important;
	vertical-align: bottom;
	display: inline-block !important;
	margin-bottom: 0 !important;
}

.adjuntar {
	width: 90%;
}

.adjuntar a {
	display: block;
	margin-bottom: 5px;
}

.adjuntar .upload-input {
	width: 70% !important;
	vertical-align: middle;
}
.files-center{
	width: 50%;
}

/* lineas pedido */
table img {
	display: inline;
	vertical-align: middle;
	width: 15px;
	margin-left: 10px;
}

img.ekanban {
	width: 70px;
}

.filtro-aplicado {
	font-weight: bold;
	font-size: 1.1em;
}

.l-pedido th {
	transition: 0.3s ease;
}

.l-pedido th:hover {
	cursor: pointer;
	background: #982D33;
}

/* .l-pedido th:after { */
/* 	font-family: 'FontAwesome'; */
/* 	display: inline-block; */
/* 	content: '\f13a'; */
/* 	margin-left: 8px */
/* } */
.l-pedido th.desglose:after {
	content: '';
}

.l-pedido table i {
	margin-right: 0;
}

.l-pedido table .button {
	padding: 7px 9px;
}

.l-pedido table .p-devolucion {
	background: #FCE4E6;
}

.l-pedido table .p-entrega-confirmados {
	background: #FFECBE;
}

.l-pedido table .p-sin-confirmar-36h {
/* 	background: #ccffff; */
	background: #e0f4fc;
}

.l-pedido table .p-marco {
	background: #E0FFBE;
}

.l-pedido table .p-ficha-pendiente {
	background: #FFECBE;
}

.l-pedido .fa-exclamation {
	color: #c9434d;
	margin-left: 5px;
}

.l-pedido li {
	display: inline-block;
	vertical-align: middle;
	width: 24%;
	text-align: center;
}

.l-pedido li a {
	text-decoration: none !important;
	color: #333 !important;
}

.l-pedido li.p-entrega-legend:before,
	.l-pedido li.p-devolucion-legend:before,
	.l-pedido li.p-entrega-confirmados-legend:before,
	.l-pedido li.p-marco-legend:before,
	.l-pedido li.p-sin-confirmar-36h-legend:before,
	.l-pedido li.p-ficha-pendiente-legend:before
	{
	display: inline-block;
	content: '';
	padding: 5px 10px;
	border: 1px solid #ddd;
	vertical-align: middle;
	margin-right: 8px;
}

.l-pedido li.p-devolucion-legend:before {
	background: #FCE4E6;
}

.l-pedido li.p-entrega-confirmados-legend:before {
	background: #FFECBE;
}

.l-pedido li.p-sin-confirmar-36h-legend:before {
/* 	background: #ccffff; */
	background: #e0f4fc;
}

.l-pedido li.p-marco-legend:before {
	background: #E0FFBE;
}

.l-pedido li.p-ficha-pendiente-legend:before {
	background: #E0FFBE;
}

.l-pedido li.p-entrega-expirado:before {
	display: inline-block;
	content: '\f12a';
	padding: 5px 10px;
	font-family: 'FontAwesome';
	vertical-align: middle;
	margin-right: 8px;
	color: #c9434d;
}
li.compra-legend:before, li.prevision-legend:before,
	li.marco-legend:before, li.devolucion-legend:before,
	.legend-container li:before
	{
	display: inline-block;
	content: '';
	padding: 5px 10px;
	border: 1px solid #ddd;
	vertical-align: middle;
	margin-right: 8px;
}

li.prevision-legend:before,
tr.prevision-legend {
	background: #E0F4FC;
}

li.marco-legend:before,
tr.marco-legend {
	background: #E0FFBE;
}

li.devolucion-legend:before,
tr.devolucion-legend {
	background: #FCE4E6;
}

li.remesado-legend:before,
tr.remesado-legend {
	background: #E0FFBE;
}

li.facturado-legend:before,
tr.facturado-legend {
	background: #FFECBE;
}
li.sinPedido-legend:before,
tr.sinPedido-legend {
	background: #dfe6e9;
}


th i{
	margin-left: 5px;
	border:1px solid white;
	border-radius: 999em;
	padding: 0 2px;
}

.filter-content {
	margin: 20px 0 0;
}

.filter-content .delete-filter {
	text-decoration: none !important;
	color: #333 !important;
	margin: 0 8px;
	vertical-align: middle;
}

.filter-content .delete-filter:hover {
	color: #982D33 !important;
}

.filter-content .delete-filter:before {
	font-family: 'FontAwesome';
	content: '\f057';
	margin-right: 8px;
	font-size: 0.8em;
}

.filter-content .delete-filter:after {
	content: '|';
	margin-left: 20px;
}

.calendar {
	background-image: url("../images/calendar-icon.jpg") !important;
	background-repeat: no-repeat !important;
	background-position: 100% center !important;
	background-size: auto !important;
	padding-left: 10px !important;
}

.block input[type="text"] {
	width: 62%;
}

table input[type="text"] {
	width: 90%;
}
.block input[type="text"], .modal input[type="text"] {
	/*background-image: url("../images/pencil-icon.png");
	background-repeat: no-repeat;
	background-position: 2% center;
	padding-left: 40px;
	background-size: 15px;
	width: 80% !important;*/
}
input[type="text"].edit-input{
	padding-left: 30px;
	background-image: url("../images/pencil-icon.png");
	background-repeat: no-repeat;
	background-position: 2% center;
	background-size: 15px;
}

.popUpFilter input[type="text"]{
	width: 100% !important;
	background-image: none;
	padding-left:5px;
	text-align:left;
}

.block input[type="text"].inputListaTxiki {
	width:80px !important;
	padding-left:18px !important;
}

.block input[type="text"]:disabled, .modal input[type="text"]:disabled {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 2% center;
	padding-left: 10px;
	background-size: 0px;
}

.block-desglose {
	width: 90%;
	background: #F6F6F6;
	margin: 40px auto;
}

.block-desglose h2 {
	background: #F3B94D;
	border-bottom: 1px solid white;
	color: white;
}

.block-desglose h2:before {
	font-family: 'FontAwesome';
	content: '\f071';
	margin-right: 10px;
}

.desglose-pendiente {
	border: 3px solid #F3B94D;
}

/* albaranes pendientes facturar */
.l-pedido li.pendientes-abono-legend:before, .l-pedido li.pendientes-facturar-legend:before
	{
	display: inline-block;
	content: '';
	padding: 5px 10px;
	border: 1px solid #ddd;
	vertical-align: middle;
	margin-right: 8px;
}

.l-pedido li.pendientes-abono-legend:before {
	background: #FCE4E6;
}

.pendientes-abono {
	background: #FCE4E6;
}

.l-pedido li.pendientes-facturar-legend:before {
	background: #fff;
}

.l-pedido li.pendiente-aprobacion {
	display: block;
}

.l-pedido li.pendiente-aprobacion:before {
	display: inline-block;
	content: '\f15b';
	padding: 5px 10px;
	font-family: 'FontAwesome';
	vertical-align: middle;
	margin-right: 8px;
	color: #F3B94D;
}

th.seleccionar:after {
	content: '';
}

td.pendiente-aprobacion i {
	color: #F3B94D;
	font-size: 1.2em;
	margin: 0 !important;
}

.adjuntar-button {
	float: left;
}

.cancel-invoice i {
	color: #F3B94D;
	font-size: 2em;
	margin-left: 20px;
}
/* acuerdos suministro articulos */
.l-pedido li.fecha-confirmada-legend:before {
	background: #F3B94D;
	display: inline-block;
	content: '';
	padding: 5px 10px;
	border: 1px solid #ddd;
	vertical-align: middle;
	margin-right: 8px;
}

.fecha-confirmada {
	background: #F3B94D;
}

/* historico pedidos */
.file-download:after{
	font-family: 'FontAwesome';
	content: '\f15b';
	color: #c9434d;
	font-size: 1.3em;
}

.pedido-observaciones:after{
	font-family: 'FontAwesome';
	content: '\f075';
	color: #c9434d;
	font-size: 1.3em;
}

.exportar:before {
	font-family: 'fontAwesome';
	content: '\f1c3';
	margin-right: 8px;
}

.exportarPdf:before {
	font-family: 'fontAwesome';
	content: '\f1c1';
	margin-right: 8px;
}

/* comercializados */
.block .column2 textarea{
	display: inline-block;
	vertical-align: top;
	width: 62%
}

.block .imagenPackaging {
	text-align: center;
	border:1px solid #cccccc;
	height: 270px;
	padding-top: 10px;
}

.block .adjuntar-label{
	margin-bottom: 5px;
}

.blockLink a:link {
	text-decoration: none !important;
}

.exportar,
.exportarPdf{
	padding: 10px 20px 5px;
	display: block;
	text-decoration: none !important;
}

.l-pedido table .c-nuevo {
	background: #ffffff;
}

.l-pedido table .c-desactualizado {
	background: #fce4e6;
}

.l-pedido table .c-modificado {
	background: #e0f4fc;
}

.l-pedido table .c-notificado {
	background: #ffecbe;
}

.l-pedido table .c-rechazado {
	background: #ecf0f1;
}

.l-pedido table .c-aprobado {
	background: #e0ffbe;
}

.l-pedido li.c-nuevo-legend:before,
.l-pedido li.c-desactualizado-legend:before,
.l-pedido li.c-modificado-legend:before,
.l-pedido li.c-notificado-legend:before,
.l-pedido li.c-rechazado-legend:before,
.l-pedido li.c-aprobado-legend:before {
	display: inline-block;
	content: '';
	padding: 5px 10px;
	border: 1px solid #ddd;
	vertical-align: middle;
	margin-right: 8px;
}

.l-pedido li.c-nuevo-legend:before {
	background: #ffffff;
}

.l-pedido li.c-desactualizado-legend:before {
	background: #fce4e6;
}

.l-pedido li.c-modificado-legend:before {
	background: #e0f4fc;
}

.l-pedido li.c-notificado-legend:before {
	background: #ffecbe;
}

.l-pedido li.c-rechazado-legend:before {
	background: #ecf0f1;
}

.l-pedido li.c-aprobado-legend:before {
	background: #e0ffbe;
}

.l-pedido-col3 li {
	width: 33%;
	text-align: left;
}

.l-pedido-col3 ul {
	padding-left: 10%;
}

/* media queries */
@media only screen and (max-width: 1680px) {
	#header {
		/* 		background: red;  */
		
	}
	.tabs-datos-proveedor a {
		width: 23%;
	}
}

@media only screen and (max-width: 1600px) {
	#header {
/* 		 		background: blue;   */
		
	}
	.block .data label, .block .data input[type="text"], .block .data input[type="number"],
		.block .data .select-orkli {
		display: block;
		width: 90%;
	}
	.block .data label {
		margin-bottom: 8px;
	}
	.adjuntar .upload-input {
		width: 61% !important;
	}
	.files-center{
		width: 70%;
	}
	/* start comercializados */
	.block .column2 textarea{
		display: block;
		width: 90%
	}
	/* end comercializados */
}

@media only screen and (max-width: 1400px) {
	#header {
/* 				background: grey;   */
		
	}
	.pagination .column3 {
		width: 49%;
		text-align: center;
		margin: 10px auto;
	}
	.block .column3 {
		width: 32%;
	}
	.tabs-datos-proveedor{
		text-align: center;
	}
	.tabs-datos-proveedor a {
		width: 23%;
		text-align: left;
	}
	.tabs-container{
		margin-bottom: 15px;
	}
	.tabs-container a span{
		padding-left: 7px;
	}
	.tabs-container a i{
		padding: 14px;
	}
	.pendiente-container {
		display: block !important;
		width: 100% !important;
	}
	.l-pedido li {
		width: 49%;
	}
	.adjuntar .upload-input {
		width: 60% !important;
	}
	.adjuntar {
		width: 90%;
	}
	.rdiv {
		float: none !important;
		width: 49% !important;
		position: inherit !important;
		text-align: right !important;
		display: inline-block !important;
	}
	.mdiv {
		float: none !important;
		width: 99% !important;
		position: inherit !important;
		text-align: center !important;
		padding: 0 !important;
		display: block !important;
		margin-top: 10px;
	}
	.ldiv {
		float: none !important;
		width: 49% !important;
		position: inherit !important;
		text-align: left !important;
		display: inline-block !important;
		vertical-align: middle !important;
	}
	.files-center{
		width: 100%;
	}
	ul.folders li {
		width: 16%;
	}
}

@media only screen and (max-width: 1100px) {
	#header {
/* 		 	background: pink;   */
		text-align: center;
	}
	#header .notifications {
		float: none;
		position: fixed;
		right: 20px;
		top: 4px;
	}
	#header .notifications .messages, #header .notifications .language-desktop
		{
		display: none;
	}
	.language-mobile {
		display: block !important;
	}
	.language-mobile .select-language select {
		width: 180%;
	}
	#sidebar {
		left: -300px;
	}
	#contenido {
		padding-left: 50px;
	}
	.menu-mobile {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1002;
	}
	.menu-mobile label {
		padding: 22px;
		display: inline-block;
		font-size: 1.2em;
		transition: 0.2s ease;
	}
	.menu-mobile label:hover {
		cursor: pointer;
	}
	#control-sidebar-mobile:checked ~ .menu-mobile label {
		color: white;
		background: #2A3542;
	}
	#sidebar {
		border-right: 7px solid #ca444e;
	}
	.black-bg {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		background: rgb(0, 0, 0);
		opacity: 0;
		z-index: -1;
		transition: 0.3s ease;
	}
	#control-sidebar-mobile:checked ~ #sidebar {
		left: 0px;
	}
	#control-sidebar-mobile:checked ~ .black-bg {
		z-index: 1001;
		opacity: 0.7;
	}
	.notifications-mobile input[type="checkbox"] {
		display: none;
	}
	.notifications-mobile {
		display: block;
		font-size: 0.8em;
		margin: 20px 0 0;
	}
	.notifications-mobile label {
		color: white;
		background: #ffb049;
		padding: 13px;
		display: block;
		text-align: center;
	}
	/* 	.notifications-mobile label:after { */
	/* 		font-family: 'FontAwesome'; */
	/* 		content: '\f0dd'; */
	/* 		float: right; */
	/* 	} */
	.notifications-content-mobile {
		max-height: 0;
		overflow: hidden;
		transition: 0.2s ease;
	}
	.notifications-mobile input[type="checkbox"]:checked ~
		.notifications-content-mobile {
		max-height: 300px;
	}
	.notifications-mobile input[type="checkbox"]:checked ~ label {
		background: #e7a252;
	}
	.notifications-mobile input[type="checkbox"]:checked ~ label:after {
		content: '\f0de';
	}
	.notifications-content-mobile a {
		display: block;
		border-bottom: 1px dashed #ddd;
		padding: 10px 20px;
		color: #565656;
		background: white;
		text-align: center;
	}
	.modal {
		position: absolute;
		top: 10px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 90%;
		height: auto;
	}
	.files-center {
		width: 100% !important;
	}
	ul.folders li {
		width: 22%;
	}
	.tabs-datos-proveedor a {
		width: 48%;
	}
	.tabs-datos-proveedor{
		text-align: left;
	}
	.tabs-container a i {
		padding: 14px 0;
		text-align: center;
		width: 53px;
	}
	.downl-manual {
/* 		float: none; */
/* 		position: absolute; */
/* 		top: 0; */
/* 		left: 76px; */
		margin-right: 0px;
		font-size: 0.8em;
	}
}

@media only screen and (max-width: 800px) {
	#header {
		/* 		background: green;  */
		
	}
	.logo img {
		max-width: 190px;
	}
	.menu-mobile label {
		font-size: 1em;
		padding: 17px;
	}
	#header .notifications {
		top: -2px;
	}
	#contenido {
		padding-top: 80px;
		padding-left: 13px;
		padding-right: 10px;
	}
	.block .column5, .block .column4, .block .column3, .block .column2, .block .column1 {
		display: block;
		width: 100%;
	}
	.block .data label, .block .data input[type="text"], .data input[type="number"],
		.block .data .select-orkli, .block .upload-input {
		width: 94%;
	}
	.fileUpload {
		margin-left: 0;
		margin-top: 10px;
	}
	.pagination .column3 {
		width: 100%;
	}
	.login-container {
		position: relative;
		width: 283px;
		height: 323px;
		top: 0%;
		left: 0%;
		margin: 40px auto 0;
		text-align: center;
	}
	.tabs-container a {
		display: block;
		width: 100%;
		border: 1px solid #ddd;
	}
	.tabs-datos-proveedor .second-tab {
		margin-right: 0;
		margin-left: 0;
	}
	.tabs-container a i {
		width:43px;
		text-align: center;
	}
	.modal {
		width: 80%;
	}
	.modal .column2 {
		display: block;
		width: 100%;
	}
	.modal .column2 input[type="text"] {
		width: 100%;
	}
	.modal .upload-input {
		width: 100%;
	}
	.doc-propio li {
		display: block;
		width: 99%;
	}
	.l-pedido li {
		width: 100%;
		text-align: left;
	}
	.filter-content .delete-filter {
		display: block;
		margin: 10px 0;
	}
	.filter-content .delete-filter:after {
		content: '';
	}
	ul.folders li {
		width: 44%;
	}
	.adjuntar .fileUpload {
		margin-top: 0;
	}
	.downl-manual {
		display: none;
	}
	.downl-manual-mobile {
		display: block;
		font-size: 0.9em;
		margin: 20px 0 0;
		color: white;
		background: #aeb5bc;
		padding: 13px;
		text-align: center;
	}
	.downl-manual-mobile a {
		display: inline-block;
		background: #AEB5BC;
		color: white;
		font-size: 0.9em;
		padding: 0px 0px;
		border-radius: 5px;
	}
	.downl-manual-mobile a:hover {
		background: #cccccc;
	}
	.downl-manual-mobile a:before {
		font-family: 'FontAwesome';
		margin-right: 8px;
		content: '\f0ed';
		font-size: 0.9em;
	}

	/* start comercializados */
	.block .column2 textarea{
		display: block;
		width: 94%
	}
	/* end comercializados */
}

@media only screen and (max-width: 500px) {
	#header {
		/* 		background: blue;  */
		
	}
	#contenido {
		padding-bottom: 150px;
	}
	#loader-desktop {
		display: none;
	}
	#loader-mobile {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 300px;
		height: 100px;
		margin-top: -50px;
		margin-left: -150px;
		background: url(../images/loader-mobile.gif);
		text-align: center;
	}
	body#login {
		background: url(../images/PORTALPROVEEDOR.jpg) no-repeat fixed top center;
		background-size: 300%;
	}
	.logo img.logo-desktop {
		display: none;
	}
	.logo img.logo-mobile {
		display: block;
	}
	.logo img {
		max-width: 107px;
	}
	.select-language {
		width: 40px;
	}
	.language-mobile .select-language select {
		width: 215%;
	}
	.block h2 {
		text-align: center;
		font-size: 1.1em;
	}
	.button-container, .column2 .button {
		text-align: center;
	}
	.button {
		display: block;
		margin: 10px 0;
	}
	.adjuntar-button {
		display: block;
		float: none;
	}
	.fileUpload {
		width: 100%;
		text-align: center;
	}
	.pagination .button {
		display: inline-block;
	}
	.notifications-gestor td.short-actions .actions .button,
		.notifications-gestor td.short-actions .buttons .button {
		margin: 0;
	}
	.legend {
		float: none;
		margin-top: 15px;
		display: block;
	}
	.centro-doc-option a {
		display: block;
		width: 100%;
	}
	.breadcrumbs-centro-doc {
		text-align: center;
	}
	.breadcrumbs-centro-doc span, .breadcrumbs-centro-doc a {
		display: block;
		width: 100%;
		text-align: center;
		margin: 5px 0 !important;
	}
	.error-container i {
		padding: 40px 40px 0;
	}
	.error-container p {
		font-size: 1.1em;
		padding: 20px;
	}
	span.error {
		width: 100%;
	}
	ul.folders li {
		width: 100%;
		margin-right: 0;
	}
	.files {
		text-align: center;
	}
	.files>i, .adjuntar a i {
		display: none;
	}
	.adjuntar .upload-input{
		width: 100% !important;
	}
	a.download-file i{
		display: block;
	}
	span.nbpg {
		padding: 0px !important;
	}
	.nbpg {
		display: none !important;
	}
	.ocultarAzul {
		display: none !important;
	}
	.rdiv {
		overflow: auto;
		width: 99% !important;
		text-align: center !important;
		display: block !important;
		margin: 5px 0;
	}
	.ldiv {
		overflow: auto;
		width: 99% !important;
		text-align: center !important;
		display: block !important;
		margin: 5px 0;
	}
	div.tot {
		float: none !important;
	}
}