.cursor-pointer{
    cursor: pointer;
}

.cursor-pointer-luz{
    cursor: pointer;
    color: #FFFFFF;
}
.cursor-pointer-luz:hover div i{
    color: #FFFFFF !important;;
}

.cursor-pointer-luz:hover small{
    color: #FFFFFF !important;
}

.div-disabled{
    pointer-events: none;
}

.input-error-validation{
    border: 1px solid #e53935 !important;
}

.navbar-multiventana-50{
    position: absolute;
    padding: 7px;
    top: 0;
    right: 0;
    left: 0;
    height: 50px;
    background-color: #212121;
    border-bottom: 1px solid #000000;
}

.navbar-multiventana-150{
    position: absolute;
    padding: 7px;
    top: 0;
    right: 0;
    left: 0;
    height: 150px;
    background-color: #212121;
    border-bottom: 1px solid #000000;
}

.panel-body-tareas{
    position: absolute;
	padding: 0;
    top: 170px;
    left: 10px;
    right: 10px;
    bottom: 160px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.panel-body-resumen-envio-odt{
    position: absolute;
	padding: 5px;
    top: 120px;
    left: 10px;
    right: 10px;
    bottom: -10px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.panel-body-vista-pdf-tareas{
    position:absolute;
    top:50px;
    left:0;
    right:0;
    bottom:5px;
    padding: 0;
}

.panel-footer-tareas{
    position: absolute;
	height: 70px;
    left: 10px;
    right: 10px;
	bottom: 100px;
    padding: 0;
}

.panel-maps-tareas{
    position: absolute;
	padding: 0;
    top: 480px;
    left: 10px;
    right: 10px;
    bottom: -10px;
    padding:0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.container-img-ordenes{
    width: 31%;
    max-width: 110px;
    height: 160px;
    background-color: #FFFFFF;
    margin: 3px;
    padding: 2px;
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

/*Div contenido*/
.contenido-pagina{
	position: absolute;
    margin: 0;
    padding: 0;
    left: 0;
	right: 0;
    top: 50px;
    bottom: 0;
    background-color: #212121;
}

.tab-contenido{
	position: absolute;
    margin: 0;
    padding: 10px;
    left: 200px;
	right: 0;
    top: 0;
    bottom: 0;
    background-color: #202020;
    border: 1px solid #191919;
}

.panel-black{
	background-color: #424242;
	color: #FFFFFF;
	border: 1px solid #616161;
}

.panel-heading-fijo{
    position: absolute;
	margin: 0;
	padding: 0;
	top: 50px;
    left: 10px;
    right: 8px;
}

.panel-heading-fijo-tareas{
    position: absolute;
	margin: 0;
	padding: 8px;
	top: 50px;
    left: 10px;
    right: 8px;
}

.panel-heading-fijo-almacen{
    position: absolute;
	margin: 0;
	padding: 3px;
	top: 50px;
    left: 10px;
    right: 8px;
}

.panel-heading-fijo-descargos{
    position: absolute;
	margin: 0;
	padding: 0;
	top: 10px;
    left: 10px;
    right: 8px;
    height:45px;
}

.panel-cabecera-fijo-descargos-mes{
    position: absolute;
	padding: 0;
    top: -1px;
    left: -1px;
    right: -1px;
    height:41px;
}

.panel-cabecera-fijo-descargos{
    position: absolute;
	padding: 0;
    top: 39px;
    left: -1px;
    right: -1px;
    height:30px;
}

.panel-body-100{
    position: absolute;
	padding: 0;
    top: 117px;
    left: 10px;
    right: 8px;
    bottom: 85px;
	border-top: 1px solid #616161;
}

.panel-body-100-tareas-general{
    position: absolute;
	padding: 0;
    top: 95px;
    left: 10px;
    right: 8px;
    bottom: 52px;
	border-top: 1px solid #616161;
}

.panel-body-100-descargos-general{
    position: absolute;
	padding: 0;
    top: 54px;
    left: 10px;
    right: 8px;
    bottom: 10px;
    padding:0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.panel-body-100-documentos-general{
    position: absolute;
	padding: 0;
    top: 133px;
    left: 10px;
    right: 8px;
    bottom: 10px;
    padding:0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.panel-body-100-descargos-maps{
    position: absolute;
	padding: 0;
    top: 93px;
    left: 10px;
    right: 8px;
    bottom: 10px;
    padding:0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.panel-body-100-articulos-almacen{
    position: absolute;
	padding: 0;
    top: 85px;
    left: 10px;
    right: 8px;
    bottom: 85px;
	border-top: 1px solid #616161;
}

.panel-num-semana-fijo-descargos{
    position: absolute;
	padding: 0;
    top: 68px;
    left: -1px;
    width: 31px;
    bottom: -1px;
}

.panel-body-100-descargos-mes{
    position: absolute;
	padding: 0;
    top: 66px;
    left: 29px;
    right: -1px;
    bottom: -1px;
}

.panel-body-100-descargos-semana{
    position: absolute;
	padding: 0;
    top: 66px;
    left: -1px;
    right: -1px;
    bottom: -1px;
}

.panel-body-100-descargos-dia{
    position: absolute;
	padding: 0;
    top: 37px;
    left: -1px;
    right: -1px;
    bottom: -1px;
}

.panel-filtros-fijo{
    position: absolute;
	height: 38px;
    top: 82px;
    left: 10px;
    right: 8px;
	border-bottom: 1px solid #616161;
    padding-right: 8px;
}

.panel-filtros-fijo-documentos{
    position: absolute;
	height: 80px;
    top: 54px;
    left: 10px;
    right: 8px;
	border-bottom: 1px solid #616161;
    padding-right: 8px;
}

.panel-filtros-fijo-descargos-maps{
    position: absolute;
	height: 40px;
    top: 54px;
    left: 10px;
    right: 8px;
	border-bottom: 1px solid #616161;
    padding-right: 8px;
}

.panel-footer-fijo{
    position: absolute;
	height: 45px;
    left: 10px;
    right: 8px;
	bottom: 8px;
    padding: 0;
}

.panel-subtotales-fijo{
    position: absolute;
	height: 35px;
    left: 10px;
    right: 8px;
	bottom: 51px;
	border-top: 1px solid #616161;
    padding-right: 8px;
}

.panel-black .panel-heading{
	background-color: #424242;
	color: #FFFFFF;
	border-bottom: 1px solid #616161;
}

.panel-black .panel-footer{
	background-color: #424242;
	color: #FFFFFF;
	border-top: 1px solid #616161;
}

.panel-black .panel-subtotales{
	background-color: #424242;
	color: #FFFFFF;
	border-top: 1px solid #616161;
}

.panel-black .panel-filtros{
	background-color: #424242;
	color: #FFFFFF;
	border-top: 1px solid #616161;
}

.sub-panel-black{
	background-color: #323232;
	color: #FFFFFF;
	border: 1px solid #323232;
}

.control-label-1{
	color: #BDBDBD;
}

.border-right-black{
    box-shadow: inset -1px 0 0  #616161;
}

.border-right-bottom-black{
    box-shadow: inset -1px -1px 0  #616161;
}

.border-bottom-black{
    box-shadow: inset 0 -1px 0  #616161;
}

.borde-iluminado-interior{
   -webkit-box-shadow: inset 0px 0px 0px 2px #03A9F4 !impotant; 
    box-shadow: inset 0px 0px 0px 2px #03A9F4 !important;
}

.container-descargo-mes{
    position: relative;
    padding:5px; 
    width:14.2857%; 
    height:16.67%;
    text-align:center;
}

.container-lista-descargos-mes{
    position: absolute;
    padding: 4px;
    padding-top: 2px;;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 0;
}

.container-descargo-mes:hover{
    cursor: pointer;
    -webkit-box-shadow: inset 0px 0px 7px 1px rgba(179,229,252,0.66) !important; 
    box-shadow: inset 0px 0px 7px 1px rgba(179,229,252,0.66) !important; 
}
.container-descargo-semana:hover{
    cursor: pointer;
    -webkit-box-shadow: inset 0px 0px 7px 1px rgba(179,229,252,0.66) !important; 
    box-shadow: inset 0px 0px 7px 1px rgba(179,229,252,0.66) !important; 
}

.container-descargo-dia:hover{
    cursor: pointer;
    -webkit-box-shadow: inset 0px 0px 7px 1px rgba(179,229,252,0.66) !important; 
    box-shadow: inset 0px 0px 7px 1px rgba(179,229,252,0.66) !important; 
}

.item-descargo-mes-rosa{
    display:block; 
    text-align:center; 
    border:1px solid #FF4081; 
    box-shadow: inset 12px 0px 0px 0px #FF4081; 
    border-radius:2px;  
    margin-top:3px; 
    color:#F5F5F5;
}

.item-descargo-mes-celeste{
    display:block; 
    text-align:center; 
    border:1px solid #03A9F4; 
    box-shadow: inset 12px 0px 0px 0px #03A9F4; 
    border-radius:2px;  
    margin-top:3px; 
    color:#F5F5F5;
}
.item-descargo-mes-amarillo{
    display:block; 
    text-align:center; 
    border:1px solid #FFEB3B; 
    box-shadow: inset 12px 0px 0px 0px #FFEB3B; 
    border-radius:2px;  
    margin-top:3px; 
    color:#F5F5F5;
}
.item-descargo-mes-blanco{
    display:block; 
    text-align:center; 
    border:1px solid #F5F5F5; 
    box-shadow: inset 12px 0px 0px 0px #F5F5F5; 
    border-radius:2px;  
    margin-top:3px; 
    color:#F5F5F5;
}
.item-descargo-mes-gris{
    display:block; 
    text-align:center; 
    border:1px solid #919191;
    border-radius:2px;
    margin-top:3px; 
    color:#919191;
}

.item-descargo-semana-rosa{
    display:block;
    border:1px solid #FF4081; 
    box-shadow: inset 6px 0px 0px 0px #FF4081; 
    border-radius:2px;  
    margin-bottom:5px; 
    color:#F5F5F5;
    height:145px;
}

.item-descargo-semana-celeste{
    display:block;
    border:1px solid #03A9F4; 
    box-shadow: inset 6px 0px 0px 0px #03A9F4; 
    border-radius:2px;  
    margin-bottom:5px; 
    color:#F5F5F5;
    height:145px;
}
.item-descargo-semana-amarillo{
    display:block;
    border:1px solid #FFEB3B; 
    box-shadow: inset 6px 0px 0px 0px #FFEB3B; 
    border-radius:2px;  
    margin-bottom:5px; 
    color:#F5F5F5;
    height:145px;
}
.item-descargo-semana-blanco{
    display:block;  
    border:1px solid #F5F5F5; 
    box-shadow: inset 6px 0px 0px 0px #F5F5F5; 
    border-radius:2px;  
    margin-bottom:5px; 
    color:#F5F5F5;
    height:145px;
}
.item-descargo-dia-rosa{
    display:block;
    border:1px solid #FF4081; 
    box-shadow: inset 6px 0px 0px 0px #FF4081; 
    border-radius:2px;  
    margin-bottom:5px; 
    color:#F5F5F5;
    min-height:70px;
}

.item-descargo-dia-celeste{
    display:block;
    border:1px solid #03A9F4; 
    box-shadow: inset 6px 0px 0px 0px #03A9F4; 
    border-radius:2px;  
    margin-bottom:5px; 
    color:#F5F5F5;
    min-height:70px;
}
.item-descargo-dia-amarillo{
    display:block;
    border:1px solid #FFEB3B; 
    box-shadow: inset 6px 0px 0px 0px #FFEB3B; 
    border-radius:2px;  
    margin-bottom:5px; 
    color:#F5F5F5;
    min-height:70px;
}
.item-descargo-dia-blanco{
    display:block;  
    border:1px solid #F5F5F5; 
    box-shadow: inset 6px 0px 0px 0px #F5F5F5; 
    border-radius:2px;  
    margin-bottom:5px; 
    color:#F5F5F5;
    min-height:70px;
}

/*Botones tab*/
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
    background:linear-gradient(to bottom, #757575 5%, #212121 100%);
	background-color:#424242;
	color:#FFFFFF;
}

.button-tab-black{
	background-color:#424242;
	border: 1px solid #616161;
	color:#919191;
    padding: 5px 10px !important;
}

.button-tab-black.active{
	background:linear-gradient(to bottom, #757575 5%, #212121 100%);
	background-color:#424242;
	color:#FFFFFF;
}

.button-tab-black.active a:focus{
	background:linear-gradient(to bottom, #757575 5%, #212121 100%);
	background-color:#424242;
	color:#FFFFFF;
}

.button-tab-black:hover {
	background:linear-gradient(to bottom, #757575 5%, #212121 100%);
	background-color:#424242;
	color:#FFFFFF;
}
.button-tab-black:active {
	background:linear-gradient(to bottom, #757575 5%, #212121 100%);
	background-color:#424242;
	color:#FFFFFF;
	top:1px;
}

.button-tab-black:focus {
	color:#FFFFFF;
}

/*Botones td edit*/
.button-td-edit-black{
	color:#919191;
}

.button-td-edit-black:hover {
	cursor: pointer;
	color:#FFA000;
}
.button-td-edit-black:active {
	color:#FFA000;
}

.button-td-edit-black:focus {
	color:#FFA000;
}

/*Botones td delete*/
.button-td-delete-black{
	color:#919191;
}

.button-td-delete-black:hover {
	cursor: pointer;
	color:#D32F2F;
}
.button-td-delete-black:active {
	color:#D32F2F;
}

.button-td-delete-black:focus {
	color:#D32F2F;
}

/*Botones Input Number*/
.btn-number{
    padding:0; 
    position:relative; 
    width:15px;
}

.input-extra{
    height:100px;
}

.btn-number .inner-spin-button{
    cursor: pointer;
    font-size:6px; 
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    height:15px; 
    padding:4px; 
    border-bottom: 1px solid #616161;
}

.btn-number-extra .inner-spin-button{
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size:18px; 
    position:absolute; 
    top:0; 
    left:0; 
    right:0;
    height:50px;
    border-bottom: 1px solid #616161;
    color:#03A9F4;
}

.btn-number .inner-spin-button:hover{
    background:linear-gradient(to bottom, #757575 5%, #212121 100%);
	background-color:#424242;
    color:#FFFFFF;
}

.btn-number-extra .inner-spin-button:hover{
    background:linear-gradient(to bottom, #757575 5%, #212121 100%);
	background-color:#424242;
    color:#FFFFFF;
}

.btn-number .outer-spin-button{
    cursor: pointer;
    font-size:6px; 
    position:absolute; 
    bottom:0; 
    left:0; 
    right:0; 
    height:15px; 
    padding:4px; 
    padding-top:5px;
}

.btn-number-extra .outer-spin-button{
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size:18px; 
    position:absolute; 
    bottom:0; 
    left:0; 
    right:0;
    height:50px;
    color:#03A9F4;
}

.btn-number .outer-spin-button:hover{
    background:linear-gradient(to bottom, #757575 5%, #212121 100%);
	background-color:#424242;
    color:#FFFFFF;
}

.btn-number-extra .outer-spin-button:hover{
    background:linear-gradient(to bottom, #757575 5%, #212121 100%);
	background-color:#424242;
    color:#FFFFFF;
}

/*Nav Tabs*/
.nav-tabs-black{
    margin-bottom:10px;
}
.nav-tabs-black li{
    margin:0;
    background-color: #424242;
    box-sizing: content-box;
}
.nav-tabs-black li a{
    font-size:11px;
    border: 1px solid #424242;
    color:#919191;
    background:linear-gradient(to top, #757575 5%, #212121 100%);
}
.nav-tabs-black li.active a{
    background:linear-gradient(to bottom, #757575 5%, #212121 100%);
	border: 1px solid #424242;
    color:#FFFFFF;
}
.nav-tabs-black li.active a:any-link{
    background:linear-gradient(to bottom, #757575 5%, #212121 100%);
	border: 1px solid #424242;
    color:#FFFFFF;
}
.nav-tabs-black li a:hover{
    background:linear-gradient(to bottom, #757575 5%, #212121 100%);
    border: 1px solid #424242;
	color:#919191;
}

.item-disabled{
    pointer-events:none; 
    background:linear-gradient(to top, #757575 5%, #212121 100%);     
}


/*Slider Switch*/
.button-switch-black {
	background-color:#424242;
	border: 1px solid #616161;
	color:#FFFFFF;
}
.button-switch-black:hover {
	background:linear-gradient(to bottom, #757575 5%, #212121 100%);
	background-color:#424242;
	color:#FFFFFF;
}
.button-switch-black:active {
	color:#FFFFFF;
}

.button-switch-black:focus {
	color:#FFFFFF;
}

/*Botones*/
.button-navbar-contenido {
	background:linear-gradient(to top, #757575 5%, #212121 100%);
	border: 1px solid #616161;
	color:#FFFFFF;
}
.button-navbar-contenido.active {
	background:linear-gradient(to bottom, #757575 5%, #212121 100%);
	background-color:#424242;
	color:#FFFFFF;
}

.button-navbar-contenido:hover {
	background:linear-gradient(to bottom, #757575 5%, #212121 100%);
	background-color:#424242;
	color:#FFFFFF;
}
.button-navbar-contenido:active {
	position:relative;
	top:1px;
	color:#FFFFFF;
}

.button-navbar-contenido:focus {
	color:#FFFFFF;
}

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

/*Botones Paginadores Listas Pequeñas*/
.button-navbar-contenido-min {
    padding:2px 6px;;
    font-size:10px;
	background:linear-gradient(to top, #757575 5%, #212121 100%);
	border: 1px solid #616161;
	color:#FFFFFF;
}
.button-navbar-contenido-min.active {
	background:linear-gradient(to bottom, #757575 5%, #212121 100%);
	background-color:#424242;
	color:#FFFFFF;
}

.button-navbar-contenido-min:hover {
	background:linear-gradient(to bottom, #757575 5%, #212121 100%);
	background-color:#424242;
	color:#FFFFFF;
}
.button-navbar-contenido-min:active {
	position:relative;
	top:1px;
	color:#FFFFFF;
}

.button-navbar-contenido-min:focus {
	color:#FFFFFF;
}

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

.button-contenido-default {
	background:linear-gradient(to top, #757575 5%, #212121 100%);
	border: 1px solid #616161;
	color:#BDBDBD !important;
}
.button-contenido-default:hover {
	background:linear-gradient(to bottom, #757575 5%, #212121 100%);
	background-color:#424242;
	color:#FFFFFF !important;
}
.button-contenido-default:active {
	position:relative;
	top:1px;
	color:#FFFFFF !important;
}
.button-contenido-default:focus {
	color:#FFFFFF !important;
}


.button-contenido-redondo{
	background:linear-gradient(to top, #757575 5%, #212121 100%);
	color:#BDBDBD !important;
    width: 100px;
    height:100px;
    border: 1px solid #616161;
    border-radius: 50%;
}
.button-contenido-redondo:hover {
	background:linear-gradient(to bottom, #757575 5%, #212121 100%);
	background-color:#424242;
	color:#FFFFFF !important;
}
.button-contenido-redondo:active {
	position:relative;
	top:1px;
	color:#FFFFFF !important;
}
.button-contenido-redondo:focus {
	color:#FFFFFF !important;
}


.button-contenido-ok {
	background:linear-gradient(to top, #757575 5%, #212121 100%);
	border: 1px solid #616161;
	color:#388E3C !important;
}
.button-contenido-ok:hover {
	background:linear-gradient(to bottom, #757575 5%, #212121 100%);
	background-color:#424242;
	color:#4CAF50 !important;
}
.button-contenido-ok:active {
	position:relative;
	top:1px;
	color:#4CAF50 !important;
}
.button-contenido-ok:focus {
	color:#4CAF50 !important;
}

.button-contenido-info {
	background:linear-gradient(to top, #757575 5%, #212121 100%);
	border: 1px solid #616161;
	color:#0288D1 !important;
}
.button-contenido-info:hover {
	background:linear-gradient(to bottom, #757575 5%, #212121 100%);
	background-color:#424242;
	color:#03A9F4 !important;
}
.button-contenido-info:active {
	position:relative;
	top:1px;
	color:#03A9F4 !important;
}
.button-contenido-info:focus {
	color:#03A9F4 !important;
}

.button-contenido-cancel{
	background:linear-gradient(to top, #757575 5%, #212121 100%);
	border: 1px solid #616161;
	color:#D32F2F !important;
}
.button-contenido-cancel:hover {
	background:linear-gradient(to bottom, #757575 5%, #212121 100%);
	background-color:#424242;
	color:#F44336 !important;
}
.button-contenido-cancel:active {
	position:relative;
	top:1px;
	color:#F44336 !important;
}
.button-contenido-cancel:focus {
	color:#F44336 !important;
}

/*Navbar contenido*/
.dropdown-menu-black{
	background-color: #424242;
}

.dropdown-menu-black li a{
	color: #FFFFFF;
	font-size: 11px;
	padding: 5px 10px;
}

.dropdown-menu-black li a:hover{
	background-color: #0091ea;
	color: #FFFFFF;
}

.input-navbar-contenido{
	background-color: #424242;
	color: #FFFFFF;
	border: 1px solid #616161;
}

.input-navbar-contenido:hover{
	background:linear-gradient(to bottom, #757575 5%, #212121 100%);
	background-color: #424242;
	color: #FFFFFF;
	border: 1px solid #616161;
	cursor: pointer;
}

.input-navbar-contenido:disabled{
	background-color: #424242;
	color: #919191;
	border: 1px solid #616161;
	cursor: not-allowed;
}

.input-filtro-tabla{
    background-color: #424242;
	color: #FFFFFF;
	border: 1px solid #616161;
    font-size: 11px;
}

.input-text-navbar-contenido{
	background-color: #424242;
	color: #BDBDBD;
	border: 1px solid #616161;
}

.input-text-navbar-contenido:disabled{
	background-color: #424242;
	color: #BDBDBD;
	border: 1px solid #616161;
}

.input-text-navbar-contenido:read-only{
	background-color: #424242;
	color: #BDBDBD;
}

.input-text-navbar-contenido-addon{
	background-color: #424242;
	color: #BDBDBD;
	border: 1px solid #616161;
}

.input-password-contenido{
	outline:none;
	outline-offset: 0;
	background-color: #424242;
	color: #FFFFFF;
	border: 1px solid #616161 !important;
}

.input-adon-navbar-contenido{
	background-color: #424242;
	color: #FFFFFF;
	border: 1px solid #616161;
}

.input-date-navbar-contenido{
	background-color: #424242;
	color: #FFFFFF;
	border: 1px solid #616161;
}

.input-date-navbar-contenido:disabled{
	background-color: #424242;
	color: #919191;
	border: 1px solid #616161;
}

.input-date-navbar-contenido:read-only{
	background-color: #424242;
	color: #919191;
}

.btn-label-checked:checked + label{
	background:linear-gradient(to bottom, #757575 5%, #212121 100%);
	background-color: #424242;
	color: #FFFFFF;
	border: 1px solid #616161;
}

/*Tablas*/
.tr-black{
	background-color: #323232;
	color: #bdbdbd;
	border-bottom: 1px solid #616161;
}

.tr-black:hover{
	background-color: #222222;
}

.tr-sub-principal-black:hover{
	background-color: #323232;
}

/*Ventanas Modales*/
.modal-black{
	background-color: #424242;
	color: #FFFFFF;
	border: 1px solid #616161;
	-webkit-box-shadow: 4px 6px 20px -5px rgba(92,91,92,1);
	-moz-box-shadow: 4px 6px 20px -5px rgba(92,91,92,1);
	box-shadow: 4px 6px 20px -5px rgba(92,91,92,1);
}

.modal-black .modal-header{
	background-color: #424242;
	color: #FFFFFF;
	border-bottom: 1px solid #616161;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.modal-black .modal-footer{
	background-color: #424242;
	color: #FFFFFF;
	border-top: 1px solid #616161;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.modal-black label{
	color: #BDBDBD;
}

.nav-modal-black{
	display: block;
	padding: 5px;
	margin:0;
	height: 40px;
	border-bottom: 1px solid #616161;
}
.footer-modal-black{
    display: block;
	padding: 5px;
	margin:0;
	height: 40px;
	border-top: 1px solid #616161;
}

.modal{
	z-index: 100002;
}

.confirm-ok-black{
	z-index: 100001;
	position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #212121;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 50px !important;
	color: #4CAF50;
	opacity: 0.7;
}

.confirm-error-black{
	z-index: 100001;
	position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #212121;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 50px !important;
	color: #F44336;
	opacity: 0.7;
}


/*Partes de Trabajo*/
.container-step{
    position:fixed; 
    z-index: 100000;
    top:0;
    left: 50px;
    right: 50px;
    text-align:center;
    padding: 16px;
}

.step {
  height: 11px;
  width: 11px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;  
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

.step-finish {
  background-color: #4CAF50;
}

.step-active {
  opacity: 1;
}

/*---------------------Adaptación dispossitivos móviles------------*/

@media only screen and (max-width: 600px){
   .tab-contenido{
        left: 0;
    }
    .search-black-fixed{
        left:10px; 
    }
    .contenido-pagina{
    bottom: 45px;
    }
}

/*Mapa Google*/
.mapa-google{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

/*Mapa Google*/
.mapa-google{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}


/*----------------Box Shadow Imagen de Artículos-------------------*/

.shadow{
    display:block;
    position:relative;
}

.shadow:before{
    display:block;
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    -webkit-box-shadow: inset 0px 0px 6px 11px #323232; 
    box-shadow: inset 0px 0px 6px 11px #323232;
}

.edit-hover-articulo{
    position: absolute;
    width:100%;
    top: 0;
    bottom:0;
    right:0;
    left:0;
    background-color: #212121;
    opacity: 0.5;
}

.btn-hover-articulo{
    position: absolute;
    width:100%;
    top: 0;
    bottom:0;
    right:0;
    left:0;
}

.flex-container{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-end;
}

.btn-black-redondo{
    height:40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.labelsMapsDescargos{
    padding:3px;
    background-color: #F5F5F5;
    border: 1px solid #F5F5F5;
    border-radius: 2px;
}

.info_content-descargos{
    width:180px
}


/*Tarjetas de información black*/
.card-black{
	background-color: #424242;
	color: #FFFFFF;
	border: 0;
    margin-bottom: 10px;
}
.card-body{
    position:relative;
    height: 90px;
}
.card-body .inner{
    position: absolute;
    padding: 10px;
    top: 0;
    left:0;
    width: 70%;
    height: 90px;
    display: flex;
    flex-direction: column;
}
.card-body .icon{
    position: absolute;
    padding: 15px;
    font-size: 50px;
    color: #757575;
    top: 0;
    right:0;
    width: 30%;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.card-black .card-footer{
	background-color: #494949;
	color: #BDBDBD;
    padding:3px;
    border: 1px solid #494949;
    border-top:0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    text-align:center;
}
.card-black .card-footer:hover{
    background-color: #393939;
    color: #FFFFFF;
    padding:3px;
    border: 1px solid #393939;
    border-top:0;
    cursor: pointer;
}

/*Leyenda Gráfico queso*/
.legend-char-pie{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.legend-char-pie .item-legend{
    width:180px;
    display: flex;
    align-items: center;
    margin:5px;
}
.legend-char-pie .item-legend .text-legend{
   font-size:11px;
}
.legend-char-pie .item-legend .rectangle-legend{
    height:20px; 
    width:50px; 
    border-radius:3px;
    margin-right:15px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top:2px;
}
.legend-char-pie .item-legend .rectangle-legend .text-rectangle-legend{
    color: #FFFFFF;
    font-size:11px;
}


/*Drag And Drop Imágenes Partes Online*/
.dropzone{
    border: 2px dashed #757575;
    padding:5px;
}

.dz-preview{
    height: 145px;
    padding: 2px;
    border: 1px solid #FFFFFF;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dz-default{
    display: flex;
    justify-content: center;
    align-items: center;
}