/*
    These CSS rules are used to style the printed version of the SIPFront.
 */

/* Hide elements */
.no-print, #launcher {
    display: none;
}

/* Shows hidden elements */
.only-print {
    display: block !important;
}

/* Classes that control page break */
.page-break-before {
    page-break-before: always; /* CSS 2.1 */
}
.page-break-avoid {
    page-break-inside: avoid;  /* CSS 2.1 */
    -webkit-column-break-inside: avoid; /* For WebKit browsers */
    break-inside: avoid; /* Newer CSS property, recommended */
}

/* Make sure the background colors are printed regardless of browser settings */
.badge, .badge-success, .badge-danger, .badge-primary, .badge-secondary, .badge-info, .btn-primary, .raw-sip-message .circle, div.pointer {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

/* Page setup */
@page {
    size: A4 portrait;
}
html, body, .content-wrapper, .main-footer {
    background-color: #FFFFFF;
}

/* IFrames */
iframe {
    width: 100%;
    max-width: 100%;
    max-height: 100%; /* Optional, to constrain their height */
}
.card-call-states {
    height: 400px;
}
.sipp-error-logs {
    height: 1200px;
}

/* General styles */
.section {
    width: 100%;
}
.section-header {
    font-size: x-large;
    text-align: left;
    padding-top: 32px;
    padding-bottom: 32px;
}
.card-title {
    font-size: large;
    font-weight: bold;
    float: left;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 20px;
}
.card, .info-box {
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #CCCCCC;
    border-radius: 0.25rem;
    margin-bottom: 1rem;
}
.iframe-container {
    overflow: hidden !important;
}
.message {
    padding: 1.25rem;
}
.sf-siptrace-container div {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}
#sipMessageList div.raw-sip-message {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
    padding: 10px;
    word-break: break-word;
}
#sipMessageList .card,
#sipMessageList .info-box,
.no-print-border {
    border: none !important;
}
.sip-trace-diagram-row {
    page-break-inside: avoid;  /* CSS 2.1 */
    -webkit-column-break-inside: avoid; /* For WebKit browsers */
    break-inside: avoid; /* Newer CSS property, recommended */
}
.sf-siptrace .circle span {
  color: #FFFFFF;
}
#print-title {
    font-size: x-large;
}
.artifact-download {
    font-size: large;
    font-weight: bold;
}
.col-lg-6, .col-md-3 {
    width: 50%;
}
.col-lg-4 {
    width: 33%;
}