﻿/* MYMTEC.FUX.CSS
	-UNICAMENTE DEFINICIONES EXCLUSIVAS DE DUX (Que son diferentes en FUX)
*/

#sidebar {
	background: #00885b;
}

div.sidebar-search .form-control {
	background-color: #00885b;
}

#sidebar:not(.active) .search-popup {
	border-bottom: 1px #009a67 solid;
}


#sidebar .sidebar-header {
	background: #00885b;
}

#sidebar div.menuDux {
	background-color: #00885b;
}

#sidebar .dropdown-menu {
	background-color: #055239;
}

#sidebar div.menuDux::-webkit-scrollbar-track {
	/*-webkit-box-shadow: inset 0 0 15px #00885b;*/
	-webkit-box-shadow: none;
}

#sidebar div.menuDux::-webkit-scrollbar-thumb {
	/* outline: 3px solid #00885b;*/
	outline:none;
}

#sidebar ul li a:hover {
	color: #00885b;
}

#sidebar.active ul li a.menuActivo {
	color: #00885b;
}

#sidebar tr.nav-item.search {
	border-top: 1px #009a67 solid;
	border-bottom: 1px #009a67 solid;
}


#sidebar tr.nav-item.avatar {
	border-top: 1px #009a67 solid;
	border-bottom: 1px #009a67 solid;
}

#sidebar #menuDux > li > a {
	border-bottom-color: #009a67;
}

#menuDux li > a.nivel1 {
	background-color: #00885b;
}

#menuDux li > a.nivel2 {
	background-color: #006d49;
	
}

#menuDux li > a.nivel3 {
	background-color: #00573a;
	
}

#menuDux li > a.nivel4 {
	background-color: #00462e;
	
}

#menuDux li > a.nivel5 {
	background-color: #003825;

}

#menuDux li > a.nivel6 {
	background-color: #002d1e;
	
}

/*#sidebar.active li a.nivel1.collapsed, #sidebar.active li a.nivel2.collapsed, #sidebar.active li a.nivel3.collapsed, #sidebar.active li a.nivel4.collapsed, #sidebar.active li a.nivel5.collapsed, #sidebar.active li a.nivel6.collapsed {
	margin-left: 5px;
}*/

#sidebar.active li a.nivel1 {
	border-bottom-color: #009a67;
	margin-left: 5px;
}

#sidebar.active li a.nivel2 {
	border-bottom-color: #008156;
	margin-left: 9px !important;
	padding-left: 11px !important;
}

#sidebar.active li a.nivel3 {
	border-bottom-color: #006745;
	margin-left: 13px !important;
	padding-left: 15px !important;
}

#sidebar.active li a.nivel4 {
	border-bottom-color: #004e34;
	margin-left: 17px !important;
	padding-left: 19px !important;
}

#sidebar.active li a.nivel5 {
	border-bottom-color: #003c28;
	margin-left: 21px !important;
	padding-left: 23px !important;
}

#sidebar.active li a.nivel6 {
	border-bottom-color: #002116;
	margin-left: 25px !important;
	padding-left: 27px !important;
}

a.download {
	color: #00885b;
}

a.article,
a.article:hover {
	background: #00885b !important;
}

.form-control:focus {
	box-shadow: 0px 0px 3px 0px #00885b;
	border-color: #00885b;
}


.btn.btn-tab.active {
	background-color: #00885b !important;
}
/*.btn.btn-tab.active.web-tracking {
    background-color: #6f42c1 !important;
}*/
.card.web-tracking .card-body {
	background-color:#FFF !important;
}

.card.web-tracking {
	/*background: rgb(0,136,91);
	background: linear-gradient(25deg, rgba(0,136,91,1) 0%, rgba(214,235,228,1) 100%);
	*/
	color: #6c757d;
	background: rgba(183, 183, 183, 0.24);
	border-right-style: solid !important;
	border-left-style: solid !important;
	border-left-width: 5px !important;
	border-right-width: 5px !important;
	border-top: 1px solid #ddd !important;
	border-bottom: 1px solid #ddd !important;
	/*border-bottom: 1.5px solid #6f42c173 !important;
	border-top: 1.5px solid #6f42c170 !important;*/
}

.card-header {
	/*background: rgb(0,136,91);
	background: linear-gradient(25deg, rgba(0,136,91,1) 0%, rgba(214,235,228,1) 100%);
	*/
	background: rgb(0,136,91);
	background: linear-gradient(27deg, rgba(0,136,91,1) 0%, rgba(0,136,128,1) 50%);
	border-right: 4px solid #00885b !important;
	border-left: 4px solid #00885b !important;
}
.card.web-tracking .card-header {
	/*background: rgb(0,136,91);
background: linear-gradient(25deg, rgba(0,136,91,1) 0%, rgba(214,235,228,1) 100%);
*/
	color: #6c757d;
	border: none !important;
	background: #f0f0f0;
	/*border-left: 3px solid #6f42c1 !important;
border-bottom: 1.5px solid #6f42c173 !important;
border-top: 1.5px solid #6f42c170 !important;*/
}
.card.web-tracking.par .card-header {
	background-color: #f4f4f4 !important;
}


/* formularios */
label.cRequerido, label:required {
	color: #00885b !important;
}

.form-control:not(.disabled):required, .form-control.cRequerido:not(.disabled),
.selectize-input.cRequerido:not(.disabled), .selectize-input.required:not(.disabled) {
	border-left-color: #00885b;
}

label.cRequerido, label:required {
	color: #00885b !important;
}

.form-control.cNaranja:not(.disabled),
.selectize-input.cNaranja:not(.disabled), .selectize-input.cNaranja:not(.disabled) {
	border-right-color: #ff8807;
}


/*Plantilla*/
select .privado {
	color: #00885b;
	font-weight: bold;
}

/*Selectize */
.selectize-input.focus {
	box-shadow: 0px 0px 3px 0px #00885b;
	border-color: #00885b;
	outline: 0;
}

:root {
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #00885b;
	--secondary: #6c757d;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;
	--black: #000000;
	--loginUp: #00885b;
	--loginDown: #17a2b8;
	--loginBody: #28a745;
	--trackingLine: #dddddd;
	--trackingIcon: #dddddd;
}

/*Imagenes*/
i.img-sidebarLogoLg {
	background: url('../../media/img/sidebar_logo_dux_lg.png') no-repeat;
	width: 98px;
	height: 46px;
}

i.img-sidebarLogoXs {
	background: url('../../media/img/sidebar_logo_dux_xs.png') no-repeat;
	width: 47px;
	height: 46px;
}


.card-header-error {
	background: linear-gradient(27deg, rgba(200,35,51,1) 0%, rgba(200,35,79,1) 50%) !important;
	border-right: 4px solid #c82333 !important;
	border-left: 4px solid #c82333 !important;
}
.btn.btn-tab.tab-error {
	background-color: #c82333 !important;
}

.sidebarChangeProduct:hover {
	color: #00885b;
}