@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,700italic,400italic);

body{
    margin: 0;
    padding: 0;
    background-color: #f3f3f3;
    font-family: 'Source Sans Pro', sans-serif;
}

body#login { background-color: #b2cfff;}

input[type=submit]:hover { opacity: 0.7}
a, a:hover { color: #959595;}

.error { color: #a94442; font-weight: bold}
.mayus { text-transform: uppercase;}

.bg-white { background-color: #FFF}
.bg-gris { background-color: #f3f3f3}

.clear { clear: both}
.dis-none { display: none}

.c-blue { color: #2098ca;}
.c-green { color: #91cf30;}
.c-red { color: #ea0808;}

.c-orange { color: #007caf;}

a.c-black { color: #000;}

.c-gris2 { color: #959595;}
.c-gris3 { color: #c4c4c4;}

.fsize12 { font-size: 12px !important}

.pad0 { padding: 0 !important;}
.pad30top { padding-top: 30px !important}
.pad15top { padding-top: 15px !important}
.pad30bot { padding-bottom: 30px !important}
.pad15bot { padding-bottom: 15px !important}

.m15left { margin-left: 15px}
.m15top { margin-top: 15px}
.m15bot { margin-top: 15px}
.margin5Left { margin-left: 5px}
.margin10Top { margin-top: 10px}
.margin0Bot { margin-bottom: 0}

.min75w { min-width: 75px}
.min110w { min-width: 110px}
.min115w { min-width: 115px}

form label { text-transform: uppercase;}
label sup { font-size: 12px; color: #ea0808;}
.help-block { margin-bottom: 0;}

th { font-size: 13px}
th a { color: #000;}
th a:hover, th a:hover i, th a.ordre-actiu, th a.ordre-actiu i { color: #007caf}

/* LOGIN */

.box-login {
        width: 358px;
        height: 295px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: rgba(255,255,255,.2);
        -webkit-box-shadow: 0 0 35px rgba(5,2,4,.29);
        -moz-box-shadow: 0 0 35px rgba(5,2,4,.29);
        box-shadow: 0 0 35px rgba(5,2,4,.29);
        border: solid 1px #fff;

        position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.login-top { 
        text-align: center;
        border-bottom: 1px solid #FFF;
}

.login-bot { padding: 30px; text-align: center}
.login-bot input { font-size: 18px; text-align: center; border: 1px solid #8a8a8a; box-shadow: none; padding: 8px; height: auto}
.login-bot input[type=submit] { 
        margin: 20px auto 0 auto; 
        -webkit-box-shadow: 0 0 20px rgba(5,2,4,.29);
        -moz-box-shadow: 0 0 20px rgba(5,2,4,.29);
        box-shadow: 0 0 20px rgba(5,2,4,.29);
        border: 0;
        background-color: #FFF;
        border-radius: 4px;
        font-size: 15px;
        color: #424242;
        text-transform: uppercase;
        font-weight: bold;
        width: 223px;
}

/* NAV BAR */
.navbar { border-bottom: solid 1px #dadada; background-color: #FFF; margin-bottom: 0}
.navbar-brand { padding: 0px 15px;}
.navbar-brand img {
  max-height: 48px;
  margin-top: 1px;
}

.navbar-toggle .icon-bar { background-color: #000}

.select-bold { font-weight: bold}

/*CONTENT */
.content-list { padding: 0;}

h1 { font-size: 22px; color: #007caf; margin-bottom: 20px; font-weight: 700}

h2 { font-size: 20px; color: #007caf; font-weight: 600; text-transform: uppercase; margin-top: 5px}
#registre_file_name { margin-top: 5px; font-weight: bold;}
.filtres { padding-top: 15px}
.filtres select { margin-right: 20px}
.filtres label { text-transform: uppercase;}

.filtres-envios { padding-bottom: 15px; padding-left: 0}
.filtres-envios, .filtres-envios select{ }
.filtres-envios select { margin-right: 10px; }

.filtres-titol { text-transform: uppercase; line-height: 33px}

.wrapper { position: relative;}
/*.wrapper:before {
    font-family: 'FontAwesome';
    position: absolute;
    top: 6px;
    right: 8px;
    content: "\f002";
}*/

.wrapper i { background-color: #FFF; padding: 9px; margin-left: 10px; border-radius: 5px; border: 1px solid #ccc; cursor: pointer;}
.wrapper i:hover { opacity: 0.7}

.wrapper input { padding-right: 25px}

.table-responsive { margin: 0;}
.content-list { padding: 0;}
.table>thead>tr>th { border-bottom: 1px solid #007caf; padding: 15px;}

.table>tbody>tr>td, .table>tbody>tr>th { padding-left: 10px; padding-right: 10px; border-bottom: 1px solid #e5e5e5}

.table i { font-size: 17px}
.table a { cursor: pointer}
.table a:hover { text-decoration: none}

.table.table-comments { background-color: transparent;}
.table.table-comments>tbody>tr>td, .table.table-comments>tbody>tr>th { border: 0; padding: 10px; border-bottom: 1px solid #e5e5e5}

.button-footer { padding-right: 15px; margin-bottom: 15px}
.btn-default { background-color: #007caf; color: #FFF; text-transform: uppercase; font-weight: bold; border-color: #007caf;}
.btn-default:hover, .btn-default:active, .btn-default:visited, .btn-default:focus, .btn-success:disabled { background-color: #007caf; color: #FFF; border-color: #007caf; opacity: 0.7}

.modal-title { color: #007caf; text-transform: uppercase; font-weight: 700}
.modal-header { border-color: #f3f3f3;}
.modal-body label { color: #000; font-size: 16px}

.popover   {
        background-color: #e74c3c;
        color: #ecf0f1;
        width: 120px;
}
.popover.right .arrow:after {
        border-right-color: #e74c3c;
}
.input-group[class*="col-"] {
    padding-right: 15px;
    padding-left: 15px;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -15px;
  content: " ";
  border-top-color: #a94442;
  border-bottom-width: 0;
}
.popover.top {
        width: 200px;
}

.form-control-feedback { right: 8px}

.selectform .form-control-feedback {
    /* Adjust feedback icon position */
    right: 10px;
}

.date .form-control-feedback {
    /* Adjust feedback icon position */
    right: 40px;
    top: 27px !important;
}

.help-block[data-bv-result=INVALID] { display: block !important}

.datepicker.dropdown-menu {z-index: 10500 !important}

.kv-file-zoom { display: none !important}
.file-footer-buttons button, .file-footer-buttons button:hover  { background-color: transparent; border: 0;}

a.fancybox { display: block; position: relative; width: 145px}
a.fancybox i { position: absolute; color: #FFF; top: 40%; left: 40%; font-size: 28px}

.size-td-buttons { width: 75px}

.images-edit-list div { position: relative; cursor: pointer; margin-right: 10px}
.images-edit-list div i { position: absolute; top: 35%; left: 35%; background: rgba(255, 255, 255, .7); border-radius: 20px; padding: 10px;}
.images-edit-list div:hover i { background: rgba(255, 255, 255, 1);}

.container-fluid.footer { padding: 0;}
.container-fluid.footer>div { padding: 0;}
.footer { border-top: solid 1px #dadada; border-bottom: solid 1px #dadada; background-color: #FFF; color: #757575;}
.footer a { color: #757575;}

.td-icones { width: 100px }
.td-icones-petita { width: 70px}
.td65 { width: 65px}

.td-comentari { width: 600px}

.table-contacts { margin-bottom: 0 !important}

/* PAGINATION*/
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  background-color: #007caf;
  border-color: #007caf;
}

.pagination>li>a, .pagination>li>span { color: #007caf;}
.pagination>li>a:hover, .pagination>li:hover>span { color: #959595;}

.control-right .form-control-feedback { right: 25px !important}

.blau-top a{ color: #000 !important; }
.blau2-top a{ color: #007caf !important; }

@media (min-width: 768px) {

  .navbar-collapse { padding-right: 0}

  .filtres { padding-right: 0}

  .nopleft { padding-left: 0}
  
  .navbar-nav { float: right;}

  .footer {
    line-height: 70px;
  }

  .footer-right { text-align: right; padding-right: 30px;}

  .content-list { padding: 0 15px;}
  .table-responsive { margin-bottom: 15px; margin-left: 15px; margin-right: 15px; margin-top: 10px}
}

tr[data-url] {
  cursor: pointer;
}

tr[data-url]:hover {
  background-color: #ddd;
}

#maquines, #contactos {
  background-color: unset;
}

.table-responsive.import {
  padding: 30px;
}

#maquines.content-list, #contactos.content-list {
  padding:0px !important;
}

#maquines.content-list:first-child {
  padding-top: 15px !important;
}

#contactos .arxiu a {
  color:#000000;
}

.rodonaSuport {
  background-color: #000;
  width: 30px;
  height: 30px;
  border-radius: 45px;
  position: absolute;
  top:23px;
  left: 50%;
  transform: translateX(-50%);
}

.rodonaSuport.si {
  background-color: green;
}

.rodonaSuport.no {
  background-color: red;
}

.rodonaSuport.potser {
  background-color: yellow;
}

.cliniques .col-lg-1, .cliniques .col-lg-10, .cliniques .col-lg-11, .cliniques .col-lg-12, .cliniques .col-lg-2, .cliniques .col-lg-3, .cliniques .col-lg-4, 
.cliniques .col-lg-5, .cliniques .col-lg-6, .cliniques .col-lg-7, .cliniques .col-lg-8, .cliniques .col-lg-9, .cliniques .col-md-1, .cliniques .col-md-10, 
.cliniques .col-md-11, .cliniques .col-md-12, .cliniques .col-md-2, .cliniques .col-md-3, .cliniques .col-md-4, .cliniques .col-md-5, .cliniques .col-md-6, 
.cliniques .col-md-7, .cliniques .col-md-8, .cliniques .col-md-9, .cliniques .col-sm-1, .cliniques .col-sm-10, .cliniques .col-sm-11, .cliniques .col-sm-12, 
.cliniques .col-sm-2, .cliniques .col-sm-3, .cliniques .col-sm-4, .cliniques .col-sm-5, .cliniques .col-sm-6, .cliniques .col-sm-7, .cliniques .col-sm-8, 
.cliniques .col-sm-9, .cliniques .col-xs-1, .cliniques .col-xs-10, .cliniques .col-xs-11, .cliniques .col-xs-12, .cliniques .col-xs-2, .cliniques .col-xs-3, 
.cliniques .col-xs-4, .cliniques .col-xs-5, .cliniques.col-xs-6, .cliniques.col-xs-7, .cliniques.col-xs-8, .cliniques.col-xs-9 {
    padding-left: 5px !important; padding-right: 5px !important
}

.cliniques .form-group { margin-bottom: 10px }

.incidencies-home button { font-size: 28px; width: 80%; }
.incidencies-home button i { font-size: 100px; }

.estat-8 { background-color: #0eef13 }
.estat-21, .estat-5, .estat-7 { background-color: #00bbef }

.abonado {
  height: 15px;
  width: 15px;
  background-color: red;
  border-radius: 50%;
  display: inline-block;
  margin: auto;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder { color: #FFF}