﻿.btn-slim {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
    padding-bottom: 0;
}

.has-error2.input-group-addon {
  color: #ffffff;
  background-color: #ff0039;
  border-color: #ffffff;
}

.has-error2.help-block,
.has-error2.control-label {
  color: #ff0039;
}

.has-error2.form-control,
.has-error2.form-control:focus {
  border: 1px solid #ff0039;
}

.animate-switch-container {
    position: relative;
    opacity: 1;
}

.animate-switch-container > .ng-enter, 
.animate-switch-container > .ng-leave
{ 
    -webkit-transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;

    position: relative;
} 
 
.animate-switch-container > .ng-enter {
    opacity: 0;
    left: 100%;
}
.animate-switch-container > .ng-enter.ng-enter-active {
    opacity: 1;
    left: 0;
}
 
.animate-switch-container > .ng-leave {
    opacity: 1;
    left: 0;
}
.animate-switch-container > .ng-leave.ng-leave-active{
    opacity: 0;
    left: -100%;
}

.well-primary {
      border: 1px solid #007fff;
}

.detail-header {
    font-size: large;
    font-weight: bold;
}

.detail-status {
    font-size: medium;
    font-weight: bold;
}

.ok {
    color: green;
}

.late {
    color: red;
}

.detail-serial {
    font-size: x-small;
}

.detail-dates {
    font-size: small;
}

.spacer-20 {
    margin-top: 20px;
}

.details-update-header {
    font-size: medium;
    font-weight: bold;
    color: #007fff;
}

a.finalized {
    color: #ff7518;
}

a.finalized:hover {
    color: #ff4309;
}

.navbar-top-margin {
    margin-top: 70px;
}

.button-print {
    margin-top: 10px;
    margin-left: 20px;
    height: 30px;
}

@media (max-width: 767px) {
    .button-print {
        visibility: collapse;
    }
}

@media print {
    
    .detail-header {
        font-size: medium;
        font-weight: bold;
    }

    .detail-status {
        font-size: small;
        font-weight: bold;
    }

    .detail-dates {
        font-size: small;
    }

    .spacer-20 {
        margin-top: 10px;
    }

    .details-update-header {
        font-size: small;
    }
    
    body {
      font-size: 13px;
    }

    .navbar-top-margin {
        margin-top: 10px;
    }

    .fix-print-margin {
        margin-left: 10px;
    }

    .col-xs-1,
    .col-sm-1,
    .col-md-1,
    .col-lg-1,
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12 {
      padding-right: 5px;
      padding-left: 5px;
    }

}