/* CSS parte usuario */

#trackingForm > div > div,
#contactForm > div > div {
    padding-left: 0;
}

#contactForm > div > div,
.button-div {
    padding-right: 0;
}

#tracking-div {
    margin-top: 30px;
}

#key-number,
#key-cp {
    padding-right: 15px;
}

#trackingForm > div > div > small,
.media-body > small {
    font-size: 90%;
}

.hide-first,
.hide-first2 {
    display:none;
}

.thumbnail > img {
    width: 100px;
}

.thumbnail {
    background-color: transparent;
    border: none;
    padding: 10px;
    margin-bottom: 0;
}

#results-list {
    margin-bottom: 20px;
}

#results-list > .panel-group > .panel > .panel-heading > h3 {
    font-size: 24px !important;
}
#results-list > .panel-group > .panel > .panel-heading > h3 > span {
    cursor: pointer;
}
#results-list > .panel-group > .panel > .panel-collapse > .t_webpage,
#results-list > .panel-group > .panel > .panel-collapse > .t_insurance {
    margin-top: 20px;
}
#results-list > .panel-group > .panel > .panel-collapse > .t_requeststatus {
    margin-bottom: 20px;
}

.results-title,
#results-list {
    margin-bottom: 30px;
}

.results-div > .page-header {
    padding-bottom: 0px !important;
}

.panel-collapse > hr,
.results-title > hr {
    margin: 0;
}

#legend {
    margin-bottom: 20px;
}

.media {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 0;
}

.media > div > img {
    width: 60px;
}

#key-cp > .form-control-feedback,
#key-number > .form-control-feedback {
    right: 15px;
}

.form-control-feedback {
    position: absolute;
    top: 38px;
}

#inputEmail,
#sendButton {
    border-radius: 0;
}

.principal-color {
    color: #787d85;
}

/* Seven cols css */
/* 14% = 100% (full-width row) divided by 7 */
@media (min-width: 850px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
    }

    .eight-cols .col-md-1,
    .eight-cols .col-sm-1,
    .eight-cols .col-lg-1 {
        width: 12.5%;
        *width: 12.5%;
    }
}

@media (max-width: 850px) {
    #key-number,
    #key-cp {
        padding-right: 0;
    }
}

.six-cols,
.seven-cols,
.eight-cols {
    text-align: center;
    margin-left: 0px !important;
}

.six-cols > div,
.seven-cols > div,
.eight-cols > div {
    min-height: 300px;
    padding: 0;
}

.six-cols > .alert-warning,
.seven-cols > .alert-warning,
.eight-cols > .alert-warning {
    padding: 20px;
    min-height:  0;
}