@media print
{
    .no-print, .no-print *
    {
        display: none !important;
    }
}

h1 {
    font-weight: 400;
    text-transform: uppercase;
}

h2 {
    font-weight: 400;
}

.employees-tab{
    padding: 15px;
}


.title-changelog{
    font-size: 12px;
    text-align: right;
    font-style: italic;
    color: #999;
}

ul.changelog{
    list-style-type: circle;
    line-height: 150%;
}

.container-logins-forms{
    width:100%;
    min-height: 470px;
}

select{
    font-size:16px !important;
}

.md-button.md-primary{
    color:#4fc0de;
}
title-page{
    padding: 0px 0px 40px 40px !important;
    font-weight:400;
}

.info-contract{
    padding:10px;
    border-radius: 3px;
    height:100%;
}

md-card{
    margin-top:20px !important;
}

md-backdrop.md-opaque{
    background-color:#fff;
}

md-card-title-text{
/*     color: #4fc0de !important; */
}
md-sidenav .md-subheader{
    background-color:transparent !important;
    color: #fff !important;
}
md-warn {
    color:#fff !important;
}

html, body{
    font-family:'Roboto', sans-serif;
    background-color:#4fc0de !important;
    height:100px;
}

md-content {
    background-color: rgba(248,248,248,1)!important;
}
.main-content{
    color: #9e9e9e;
}

layout-margin{
    margin: 12px;
}

.minor-padding{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

md-toolbar{
    background-color:#fff !important;
    color: #4fc0de !important;
    font-size:18px !important;
    z-index:2;
    min-height: 75px !important;
}

.md-toolbar-tools {
    color:              #4fc0de !important;
    background-color:   #fff;
    font-size:          24px;
}

.md-toolbar-tools-sub {
    padding-left:        20px;
    padding-right:        20px;
    font-size:          16px !important;
    color:              #4fc0de !important;
    background-color:   #fff;
}

.md-toolbar-tools-sub .material-icons{
    margin-right:       5px;
    margin-top:         25px;
}

.md-toolbar-tools-sub md-input-container{
    padding-top:        10px;
    margin-bottom:      0px;
}

.md-toolbar-tools-sub md-select-value{
    color:              #4fc0de !important;
}

.md-toolbar-tools-sub .search-input{
    width:              100%;
}

.md-toolbar-tools-sub .search-input{
    margin:             18px 0px 0px 0px;
}

.md-toolbar-tools-sub-containers{
    margin-right:       10px;
    margin-left:        10px;
    margin-bottom:      10px;
}

.md-icon-sidenav{
    color: #fff;
}

#content-toolbar{
    padding: 0px 30px 0px 30px;
}

md-list-item>md-icon:first-child{
    margin-right: 16px !important;
}

md-sidenav,
md-sidenav.md-locked-open,
md-sidenav.md-closed.md-locked-open-add-active {
    min-width: 200px !important;
    width: 85vw !important;
    max-width: 200px !important;
    z-index:1;
    background-color: #4fc0de !important;
    color: #fff;
}

md-input-container .md-errors-spacer {
    min-height: 0 !important;
}

.link-menu{
    color: #fff;
    text-decoration:none;
}

.no-decorator:link {
    text-decoration: none;
    color: inherit;
}

.md-list-menu:hover{
    background: rgba(0, 133, 176, 0.4);
}

.md-sidenav-left {
    background-color: #4fc0de !important;
}

#container-content-blue{
    padding: 21px 30px 30px 30px !important;
    min-height: 250px;
    background-color:#4fc0de;

}

#container-content-grey{
    padding: 21px 30px 30px 30px !important;
    min-height: 300px;
    min-width: 300px;

}

.fixColumns{
    /* position: fixed; */
}


/* BUTTONS STYLE */
.buttonBlue{
    padding:                2px;
    width:                  92% !important;
    border-color:           white;
    border-radius:          3px;
    background:             #4f9cde;
    transition:             all 0.15s ease;
    border:                 0;
    width:                  100%;
    color:                  #fff;
    font-weight:            400;
}

.buttonLogin{
    padding:                12px 24px;
    margin:                 .3em 0 1em 0;
}

.tableHours {
    padding-right:          20px;
    padding-left:           20px;
    font-size:              14px;
    line-height:            200%;
}

.tablePersonalInfo {
    padding-right:          20px;
    padding-left:           20px;
    font-size:              16px;
    line-height:            200%;
}

.tableFirstRow {
    text-align:             center;
    border-bottom-style:    solid;
    border-bottom-width:    2px;
    border-bottom-color:    #4fc0de;
    line-height:            150%;
}

.tableTdHoursAnnex{
    padding-right:          0px !important;
    padding-left:           0px !important;
}

.tableTdHours{
    padding-left:           5px;
    padding-right:          5px;
    color:                  #444 !important;
    vertical-align:         bottom;
    /* min-width:              60px; */
}

.buttonBlue:hover {
    border-bottom:          #000;
}

input:focus {
    outline: none;
}

/* LOGIN */
.input-login-form{
    font-size: 20px;
    color: #fff !important;#4d4d4d;
    width:100%;
}

.login-card{
    background:#fff;
    width:440px;
    padding-left:5px;
    padding-right:5px;
}

.login-form{
    max-width:380px;
    line-height:150% !important;
    text-align:justify;
}

md-input-container.md-input-invalid label, md-input-container.md-input-invalid .md-input{
    color: rgba(0,0,0,0.38);
    border-color: rgba(0,0,0,0.12);
}

/* CROSS OR CLEAN ICON */
.cross{
    background-color:rgba(79,156,222,1) !important;
}

/* LETTER FONT */


/* CONTAINER */
.container{
    margin-left: auto;
    margin-right: auto;
    min-height:420px;
    width:380px;
}


/** ANIMATION **/
/* when hiding the thing */
/*.ng-hide-add         {
  -webkit-animation:0.5s lightSpeedOut ease;
  animation:0.5s lightSpeedOut ease;
}

/* light speed out */
/*@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
*/


/* Pescat per la web per fer la llista amb scroll */

.full-heigth {
    height: -moz-calc(100% - 64px);
    height: -webkit-calc(100% - 64px);
    height: calc(100% - 64px);
    overflow: auto;
}

.boto-petit-sense-padding {padding-top:0px;}

.annexhours {
  margin:10px;
  border-radius: 3px;
  width: auto;
  height: auto;
  display: inline-block;
}

.annexhours:before{
    min-height: 0px !important;
    display: none;
}
.roundedButton {
  border-color: white;
  color:white;
  background-color: #4fc0de;
  border-radius: 3px;
  width: 98%;
  padding:2px;
}

.photo-carnet{
    width: 30px !important;
    height: 30px !important;
    margin-right: 10px !important;
}
.distribution-hours{
  margin-left:15px;
}

.contract-detail-text{
    background: none;
    line-height: 1.5 !important;
}

.contract-detail-info{
    margin-left: 20px;
}

.finishedDates {
  background-color:#e7e7e7;
    /*margin-top:2px;*/
}

.currentDates {
    background-color:#aadd77;
    /*margin-top:2px;*/
}

.plannedDates {
    background-color: rgba(241, 247, 149, 1);
  /*background-color: #dd7777;*/
    /*margin-top:2px;*/
}

.mini-view-selector{
    font-size: 16px;
}

#taulahores td{
    text-align:     center;
    min-width:      25px;
}

td {color: black;}

td.number {text-align: right;}

.carnetgran {max-width: 100px; float: left;}