/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */
/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */


@font-face {
	font-family: 'FontAwesome';
	src: url('/static/smartadmin/fonts/fontawesome-webfont.eot?v=4.1.0');
	src: url('/static/smartadmin/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../smartadmin/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../smartadmin/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('/static/smartadmin/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}


.modal-90 {
    width: 90%;
}


#left-panel {
	position: relative;
	padding-top: 0px;
}

.section-modal{
    padding-left: 5px;
    padding-right: 5px;
}

.smart-style-3.menu-on-top aside#left-panel {
	border-bottom: 0;
	border-top: 0;
}

.menu-on-top aside#left-panel nav>ul>li:first-child {
	border-left: 1px solid #E2E2E2 !important;
}

.menu-item-parent {
	max-width: none !important;
	min-width: 150px !important;
}

/** size menu **/
.menu-item-parent {
    max-width: none !important;
    min-width: 110px !important;
}

/* color del menu
*/
.smart-style-3 nav ul li a:hover{
	background:#FFF!important;
}

.smart-style-3.menu-on-top nav>ul>li>a:hover{
	background:#FFF!important;
}

.smart-style-3.menu-on-top nav ul ul li a:hover,.smart-style-3.menu-on-top nav ul ul li:hover>a,.smart-style-3.menu-on-top nav ul ul ul li a:hover{
	background:#FFF;
}

.smart-style-3.menu-on-top aside#left-panel nav>ul>li:hover{
	background:#FFF;
}

.menu-on-top nav ul ul, .menu-on-top nav ul ul ul {
	background: none repeat scroll 0% 0% #DFDFDF!important;
	width: 239px;
}
/*
	Tamaños de los menus de la botonera.
 */
.menu-preventivo-psac {
	width: 262px !important;
}
.menu-correctivo {
	width: 320px !important;
}
.menu-informes {
	width: 326px !important;
}
.menu-informes-rrhh {
	width: 297px !important;
}
.menu-informes-incidencias {
	width: 200px !important;
}
.menu-configuracion-industrializacion {
	width: 150px !important;
}
.menu-configuracion-industrializacion-correctivo {
	width: 279px !important;
}
.menu-configuracion-industrializacion-frc {
	width: 346px !important;
}
.menu-puestodemando-disponibilidad {
	width: 242px !important;
}
/*.menu-on-top nav {
	overflow: hidden !important;
}*/

[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
	margin-left: 0 !important;
	font-size: 25px;
}


.smart-style-3.menu-on-top aside {
    background: none repeat scroll 0% 0% rgb(244, 244, 244);
 }

 body.menu-on-top.fixed-header.fixed-navigation.fixed-ribbon #ribbon  {
    top: 69px;
}
.title {
	color: white;
	font-weight: bold;
}

.title_box {
	font-weight: bold;
    margin: 5px;
    margin-left: 15px;
}
.smart-style-3 #ribbon {
    background: -moz-linear-gradient(left, #0598d5 0%, #033c75 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0598d5), color-stop(100%,#033c75));
	background: -webkit-linear-gradient(left, #0598d5 0%,#033c75 100%); 
	background: -ms-linear-gradient(left, #0598d5 0%,#033c75 100%); 
	background: linear-gradient(to right, #0598d5 0%,#033c75 100%); 
}

.menu-on-top aside#left-panel nav > ul > li > a > i {
	font-size: 25px;
}

/* Color finestra
*/
.jarviswidget > header {
    background: none repeat scroll 0% 0% rgb(225, 225, 225);
    width: 100% !important;
}

/* Color etiquetes
*/
.menu:hover {
	background-color: #0598d5;
}

a:hover, a:focus, a:active {
    color: #0598d5;
    text-decoration: none;
 }

a {
    color: #0598d5;
}

/* marges content
*/
.fixed-ribbon #content {
    padding-top: 0px;
}

/*logo
*/
.img_logo {
	padding:5%;
}

/* botó +
*/
.btn-primary {
    background-color: rgb(5, 141, 199);
    border-color: rgb(5, 141, 199);
    font-size: 14px;
    margin-bottom: 3px;
}

/* Taula
*/
/*.table{
    table-layout: fixed;
}*/
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: rgb(244, 244, 244);
}
tr{
	font-size: 15px;
}
.td-delete {
	width : 40px;
}

/* Taula 
	buscador_prevent_plantmant_sub.html
*/
.td-description {
	width : 500px;
}
.td-revisiones {
	width : 250px;
	word-wrap : break-word;
}
.td-itm_sub {
	width : 166px;
}

/* Calendari
*/

.smart-style-3 .dropdown-menu {
	background: rgb(244, 244, 244) !important;
}

/* colors de icones
*/
.fa-file-excel-o {
	color: rgb(68, 157, 68);
}

.fa-file-pdf-o {
	color: rgb(201, 48, 44);
}

.fa-file-word-o {
	color: #000080;
}

.glyphicon-blue, .fa-floppy-o, .flaticon-glasses26, .glyphicon-remove,
.glyphicon-pause, .glyphicon-ok, .glyphicon-play, .glyphicon-pause,
.glyphicon-stop, .glyphicon-chevron-left, .glyphicon-trash, .glyphicon-pencil,
.glyphicon-remove, .fa-search, .fa-arrow-down, .fa-arrow-up, .glyphicon-download-alt,
.fa-trash-o, .fa-rotate-left, .fa-pencil, .glyphicon-arrow-right, .selectionicon-cascade2, 
.fa-stop, .glyphicon-repeat, .selicon-graphics-editor, .glyphicon-list, .glyphicon-ok,
.glyphicon-minus, .fa-check-circle {
	color:#0598d5;
}

.icon-flipped {
	transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
}

/* CAMPS DELS FORMS
*/
.smart-style-3 input:not([type]):focus, .smart-style-3 input[type="color"]:focus, .smart-style-3 input[type="email"]:focus, .smart-style-3 input[type="number"]:focus, .smart-style-3 input[type="password"]:focus, .smart-style-3 input[type="tel"]:focus, .smart-style-3 input[type="text"]:focus, .smart-style-3 input[type="url"]:focus, .smart-style-3 textarea:focus {
	border-color: rgb(5, 141, 199);
}
/*
	ELEMENTS SELECCIONATS TAULA
*/
.selected_item {
	background: #FFC563;
}
/* INPUT MULTISELECT
*/
.multi-select-input .tags {
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #a3a3a3;
  border-left-color: #a3a3a3;
  border-bottom-color: #ccc;
  border-right-color: #ccc;
}

.multi-select-input .tags .tag-item {
  background: #428bca;
  border: 1px solid #357ebd;
  border-radius: 4px;
  color: #fff;
}

.multi-select-input .tags .tag-item.selected {
  background: #d9534f;
  color: #fff;
}

.multi-select-input .tags .tag-item button {
  background: transparent;
  color: #000;
  opacity: .4;
}

.multi-select-input .autocomplete {
  border-radius: 4px;
}

.multi-select-input .autocomplete .suggestion-item.selected {
  color: #262626;
  background-color: #e9e9e9;
}

.multi-select-input .autocomplete .suggestion-item em {
  font-weight: normal;
  background-color: rgba(5, 141, 199, .4);
}

.multi-select-input .autocomplete .suggestion-item.selected em {
  color: #262626;
  background-color: rgba(5, 141, 199, .4);
}

/* Container of table results in list view
*/
.result-list-container {
	overflow-x:auto;
	margin-top:-20px;
}

/* ScrollBar 
*/
.result-list-container::-webkit-scrollbar {
	width: 30px;
	height: 30px;
}

.result-list-container::-webkit-scrollbar:horizontal {
	position:absolute;
	top:0px;
}


.result-list-container::-webkit-scrollbar-button       { 
	background-position:center;
	background-color: rgb(244, 244, 244);
	background-repeat: no-repeat;
	width:30px;
}

.result-list-container::-webkit-scrollbar-button:vertical:decrement:single-button {
	background-image: url(../img/arrow-VD.png);
}

.result-list-container::-webkit-scrollbar-button:vertical:increment:single-button {
	background-image: url(../img/arrow-VI.png);
}

.result-list-container::-webkit-scrollbar-button:horizontal:decrement:single-button {
	background-image: url(../img/arrow-HD.png);
}

.result-list-container::-webkit-scrollbar-button:horizontal:increment:single-button {
	background-image: url(../img/arrow-HI.png);
}

.result-list-container::-webkit-scrollbar-track        {
	background-color: transparent;

}
.result-list-container::-webkit-scrollbar-track-piece  {
	background-color: transparent;

}
.result-list-container::-webkit-scrollbar-thumb        {
	background-color: transparent;

}
.result-list-container::-webkit-scrollbar-corner       {
	background-color: transparent;
}
 
/* Padding 
*/
.row-form {
	padding-left: 13px;
	padding-right: 13px;
}

.button-padding {
	padding-right:5px;
}

/* Position Register
*/
.register_2 {
	margin-top:10px;
	margin-right:5px;
}

.required {
	background-color: rgba(4, 151, 212, 0.2);

}

.with_value{
	background-color: rgba(4, 151, 212, 0.2);

}

/* Colors */
.ambar {
	color:rgb(239,179,49) !important;
}

/* Style Pop-up
*/
.modal-header {
	background: -moz-linear-gradient(left, #0598d5 0%, #033c75 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0598d5), color-stop(100%,#033c75));
	background: -webkit-linear-gradient(left, #0598d5 0%,#033c75 100%); 
	background: -ms-linear-gradient(left, #0598d5 0%,#033c75 100%); 
	background: linear-gradient(to right, #0598d5 0%,#033c75 100%); 
	color: white;		
}
.modal-header > .close {
	color: white;
}
.modal-header > h3 {
	font-weight: bold;
	margin: 0px;
}

/** field full */
.full {
	background-color: rgba(4, 151, 212, 0.2);
}

/** style table */
.icon-time {
	text-align: center;
}

.fa-wrench, .fa-list-alt, .fa-exchange {
	color: #0598d5;
}

button.icon-list {
	margin-top: 5px;
}

/** color tab nav **/
.nav>li>a {
	background-color: rgba(4, 151, 212, 0.2);
	border-color: rgb(198, 198, 198);
	border-bottom: transparent;
}

.nav-tabs>li>a {
	margin-right:0px;
}

.nav-tabs>li>a:hover {
	border-color: transparent;
}

.nav>li>a:hover, .nav>li>a:focus {
	text-decoration: none;
	background-color: rgba(4, 151, 212, 0.15);
}

.menu-on-top li.active>a {
	border-left-color: rgba(4, 151, 212, 1) !important;
	border-right-color: rgba(4, 151, 212, 1) !important;
}

.nav-tabs {
	border-bottom: 1px solid #57889C;
}

/** select num_rows [Fitxa OT]*/
.num_rows {
	margin-top:-35px;
	margin-right:5px;
}

/** register [Fitxa OT]] */
.register {
	margin-top:-25px;
	margin-right:5px;
}

/** size column pencil [diario_taller] */
.column_pencil {
	width:25px;
}

/** Col filter style **/
.ColVis_collection {
	position: absolute !important;
	width:480px !important;
	right:15px !important;
	columns:2 !important;
	-webkit-columns:2 !important;
	-moz-columns:2 !important;
}

.table>tbody>tr>td.especialship, .table>tbody>tr>th.especialship, .table>tfoot>tr>td.especialship, .table>tfoot>tr>th.especialship, .table>thead>tr>td.especialship, .table>thead>tr>th.especialship {
	padding-left: 5px;
	padding-right: 5px;
	overflow: hidden;
	width: 5px;
}

.transparent_border_rigth {
	border-right-color: transparent !important; 
	padding-right: 0px !important;
}

td.td_icon {
	width: 35px !important;
}
.small-font {
	font-size:12 !important;
}

/*Per corregir problema amb dropdown de datetimepicker (scroll)*/
html {
    position:static;
}

/* ocult column table */
table.ocult_column {
	border: 0px !important;
}

td.ocult_column, th.ocult_column {
	background: transparent !important;
	border-bottom-color: transparent !important;
	border-top-color: transparent !important;
	border-left-color: transparent !important;
}

tbody.border_view, td.border_view{
   border-bottom-width: thin !important;
   border-right-width: thin !important;
}

th.border_view {
	border-right-width: thin !important;
}

.btn-default:focus {
    background-color: #fff;
    border-color: #ccc;
}
.btn-default:hover {
    background-color: #fff;
    border-color: #ccc;
}

.fa-blue {
	color:#0598d5;

}

/********************************** LLEGENDA PIEZA SOMETIDA A CONTROL ***********************/

.psc-color-red {
	color:#CE1313;
}

.psc-color-darkblue {
	color:#2F2F97;
}

.psc-color-orange {
	color:#ff6f2e;
};

.psc-color-blue {
	color:#008feb;
}


/********************************** SELECTION TABLE ***********************/

.selection-row > td {
	background: #FFC563;
}

tr.selection-row:nth-child(2n+1) > td {
	background: #FFC563 !important;
}

/********************************** GREY ROW ****************************/

.orange-row > td {
	background: #ffa500;
}

tr.orange-row:nth-child(2n+1) > td {
	background: #ffa500 !important;
}

.light-orange-row > td {
	background: #fde0a2;
}

.light-orange-row > td {
	background: rgb(250, 199, 112) !important;;
}
/********************************** ORANGE ROW ****************************/

.grey-row > td {
	background: lightgrey;
}

tr.grey-row:nth-child(2n+1) > td {
	background: lightgrey !important;
}

/********************************** COLUMNS *****************************/

ul.ColVis_collection li, ul.ColVis_collection div {
	padding-top:0px;
	padding-bottom:0em;
	padding-left:0px;
	padding-right:0px;
	height:30px
}

/** navegacio botonera per pantalles petites **/
.wrapper {
  	position: fixed;
    overflow-x: hidden;
    overflow-y: visible;
    width: auto;
    min-height: 69px;
}

.list {
    position:absolute;
    left:0px;
    top:0px;
  	min-width:3000px;
  	margin-left:12px;
    margin-top:0px;
}

/************************* ANIMATION NAV ***********************************/

.scroller {
  text-align:center;
  cursor:pointer;
  /*display:none;*/
  padding:7px;
  padding-top:27px;
  white-space:no-wrap;
  vertical-align:middle;
  background-color:#eeeeee;
  height: 69px;
  opacity: 1;
}

.scroller-right{
  float:right;
}

.scroller-left {
  float:left;
}

.scroller.ng-hide { 
	opacity: 0;
}

.scroller.ng-hide-add, .scroller.ng-hide-remove {
  -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;
  -moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;
  -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s;
}

/*
	MENUS & SUBMENUS in SMALL SCREENS
 */
@media only screen and (min-width: 1000px) and (max-width: 1600px) {
	.menu-configuracion-industrializacion {
		width: 150px !important;
		left: -150px !important;
	}
	.menu-informes-rrhh {
		width: 297px !important;
		left: -297px !important;
	}
	.menu-show-left-small-screens {
		left: -239px !important;
	}
}

/*
	MODALS size
*/
.app-modal-window-big .modal-dialog {
  width: 1500px;
}
@media only screen and (min-width: 1000px) and (max-width: 1550px) {
	.app-modal-window-big .modal-dialog {
  		width: 1000px;
	}
}

.app-modal-window .modal-dialog {
  width: 1000px;
}

.app-modal-complete > .modal-dialog {
	width: 100%;
	margin: 0px auto;
}

/** ANIMATION IF **/
.animate-if.ng-enter, .animate-if.ng-leave {
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}

.animate-if.ng-enter,
.animate-if.ng-leave.ng-leave-active {
  opacity:0;
}

.animate-if.ng-leave,
.animate-if.ng-enter.ng-enter-active {
  opacity:1;
}
.icon-flipped{
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}

.bold{
    font-weight: bold;
}


body {
  padding: 10px;
}
.categoryStyle {
  overflow: hidden;
}

.headerCell{

  position: absolute;
  top: 0;
  bottom: 0;
  background-color: inherit;
}

.red {
  background-color: red !important;
}

.orange {
  background-color: orange !important;
}

.crimson {
  background-color: crimson !important;
}

.indianred {
  background-color: indianred !important;
}

.tiempo .ui-grid-cell{
  background-color: #ddd !important;
}

.descr .ui-grid-cell{
  background-color: #eee !important;
}

/** override */

table.table-bordered.dataTable {
    border-collapse: collapse!important;
}

/*** MENU FAVORITES ***/
div.favorites {
	height: 40px;
	display: flex;
}

div.favorites > div.arrow-left,
div.favorites > div.arrow-right {
	margin-left: 10px;
    height: 40px;
    padding-top: 13px;
	padding-left: 3px;
	padding-right: 5px;
	z-index: 100;
}

div.favorites > div.arrow-right {
	position: absolute;
    right: 0px;
	background-color: #033C75;
}

div.favorites > div.arrow-left > i,
div.favorites > div.arrow-right > i {
	color: white;
}
div.favorites > div.arrow-right {
	position: absolute;
    right: 0px;
}

div.favorites > div.menu-favorites {
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 40px;
    white-space: nowrap;
}

div.favorites > div.menu-favorites > ul {
	display:inline;
	margin-bottom: 0px;
	height: 40px;
	position: relative;
	padding-top: 10px;
	padding-left: 15px;
	top: 12px;
}

div.favorites > div.menu-favorites > ul > li {
	display:inline;
	padding:5px;
	border-right: white solid 1px;
	color:white;
	height: 40px;
}

div.favorites > div.menu-favorites > ul > li:hover {
	background-color: rgba(4, 62, 119, 0.7);
}

div.favorites > div.menu-favorites > ul > li > a {
	color:white;
}

.jarviswidget .widget-body {
	min-height: 0px !important;
}

/** MEDICIONES DE RUEDAS **/
input.name-eje {
	width: 60px;
	padding: 1px 1px;
	font-size: 12px;
}