.nav_icon {
    font-size: 30px !important;
    color: #7D8D9F;
    margin-right: 20px;
}
#back_button {
    position: relative;
}
#back_button::before {
    content: " ";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    z-index: -1;
    transition: transform 400ms linear, background-color 200ms ease-out;
}
#back_button:hover::before {
    transform: scale(1.3);
    background-color: #dedede;
}

a { color: #5273F1; position: relative; transition: 200ms all linear;}
a:hover { background: #ccd5ff; border-radius: 5px; color: #0035ff; }


/* Content */
.content_body {
    margin-top: 0px;
}
.editable_content_container {
    background-color: #fff;
    border-top: 1px solid #DDE2E7;
    display: grid;
    grid-template-areas: "first-section-title first-section-fields" "second-section-title second-section-fields" "third-section-title third-section-fields";
    grid-template-columns: 1fr 2fr;
}

.field_group { padding: 20px; }
.fields_container { padding: 20px; }

.field_group:not(:last-child) { border-bottom: 2px solid #DDE2E7; }
.fields_container:not(:last-child) { border-bottom: 2px solid #DDE2E7; }

.fields_container > :not(:last-child) { margin-bottom: 10px; }

.section_title {}
.field_container {
    display: flex;
    flex-direction: column;
}
.field_title {
    font-size: 13px;
    color: #8D94A4;
    font-weight: 500;
    margin-left: 7px;
}
.field {
    background-color: #F6F8F9;
    border: 1px solid #DDE2E7;
    border-radius: 8px;
    height: 30px;
    font-size: 14px;
    font-weight: 300;
    text-indent: 8px;
}
.field::placeholder {
    color: rgba(72, 71, 71, 0.5);
}
.textarea {
    height: 90px;
    min-height: 90px !important;
    resize: vertical;
    text-indent: 0px;
    padding: 5px 8px;
    width: calc(100% - 26px) !important;
}
.selection {}

.full { width: 100%; }
.long { width: 390px; }
.medium { width: 100%; height: 27px; }
.short { width: 223px; }

.details_container {
    display: grid;
    grid-template-areas: "first-left first-right" "second-left second-right" "third-left third-right";
    grid-column-gap: 50px;
    grid-row-gap: 13px;
}

.hide_stepper::-webkit-outer-spin-button,
.hide_stepper::-webkit-inner-spin-button {
   -webkit-appearance: none;
}

#paper_tray {
    width: 100%;
    background: #fff;
    border: 1px solid #DDE2E7;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media print {
    @page {
         size: landscape;
    }
    /* #information_content_container { display: none; } */
    nav { display: none; }
    #firework_name_header { display: none; }
    #cue_report_content_container > :not(#paper_tray) { display: none; }
    .under_content_container { display: none; }
    #design_report_container, #report_customizations_menu { display: none; }

    .content_container {
         border-radius: 0px;
         background-color: transparent;
         border: none;
         overflow: hidden;
         margin: 0px !important;
    }
    .description_section {
         background: transparent;
         border: none;;
         padding: 0px;
    }
    html { background: transparent; }

    .report_container {
         /* width: auto !important; */
         width: 100% !important;
         min-height: auto !important;
         border: none !important;
    }

    #paper_tray {
         width: auto;
         background: transparent;
         border: none;
         display: block;
    }

    .content_body {
         margin: 0px !important;
         padding: 0px !important;
    }

    table { page-break-after:auto; }
    tr    { page-break-inside:avoid; page-break-after:auto; }
    td    { page-break-inside:avoid; page-break-after:auto; }
    thead { display:table-header-group; }
    tfoot { display:table-footer-group; }

    thead { display: table-header-group; }
    /* tfoot { display: table-row-group; } */
    tr { page-break-inside: avoid; }
}

/* REPORT */
.report_container {
    width: 11.7in;
    min-height: 8.24in;
    /* border: 1px solid lightgray; */
}
.report_header {
    height: 50px;
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* .report_header > img,span{ width: calc(100% / 3); } */
/* .report_content { min-height: calc(8.24in - 50px - 30px); } */
.report_footer {
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.report_logo { height: 100%; }
.report_title { font-family: Roboto; }
.report_page_number {}

.report_content table {
    width: 100%;
    border-collapse: collapse;
}
.report_content table thead {
    height: 40px;
    min-height: 40px;
    /* background-color: #ececec; */
    background-color: #e5e5e6;
    border-color: #DDE2E7;
    color: #636B81;
}

.report_content table thead tr { height: 40px; border-bottom: 1px solid rgba(232, 234, 239, 1.0); }
.report_content table thead tr th { font-size: 18px; }
.report_content table tbody tr { height: 30px; }
.report_content table tbody tr:not(:last-child) { border-bottom: 1px solid rgba(232, 234, 239, 1.0); }
.report_content table tbody tr:nth-child(even) { background-color: rgba(232, 234, 239, 1.0); }
/* .report_content table tbody tr:nth-child(even) { background-color: #F6F8F9; } */
/* .report_content table tbody tr td:not(:last-child) { border-right: 1px solid #DDE2E7; } */
.report_content table tbody td { font-size: 15px; text-align: center; }

.report_content table th, td { padding: 0 10px; border-color: #DDE2E7;}

.report_content table tbody td:first-child:not(.row_number), th:first-child:not(.row_number) { text-align: left; padding-left: 20px !important;}

.report_content table tfoot {
    height: 40px;
    background-color: #e5e5e6;
    border-color: #DDE2E7;
    /* color: #636B81; */
}

.report_content table tfoot td.footer_label { text-align: right; }
.report_content table tfoot td.footer_value { text-align: center; }

.report_content table tbody tr.isCOMMENT { background-color: #cfefcf; }

.report_date {}
.report_copyright {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}
.report_created_by_span {
    position: absolute;
    top: 10px;
}
.report_created_by_cobra_span {
    margin-bottom: -30px;
    font-family: Roboto;
    font-weight: 800;
}

.item_total {
    text-align: center;
}

.row_number { max-width: min-content; }
.event_type { width: 25px; max-width: 15px; padding: 0px; }
.event_time { width: 100px; }
.channel { max-width: 70px; }
.cue { width: 70px; max-width: 70px;}
.firework_name {}
.duration { max-width: 75px; width: 75px; }
.pre_fire { max-width: 75px; width: 75px; }
.lift_time { max-width: 75px; width: 75px; }
.custom_column { max-width: 75px; width: 75px; }

th[has-sorting-icon].event_time { width: 122px; }
th[has-sorting-icon].lift_time { width: 102px; max-width: unset; }

.eventTypeColumnIconContainer {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eventTypeColumnIcon {
    font-size: 22px;
    width: 22px;
    height: 22px;
}

.mod_header {
    height: 45px;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mod_header:not(:first) { page-break-before: always; }
.mod_number {
    font-size: 21px;
    font-weight: 600;
    font-family: Roboto;
    letter-spacing: 0.6px;
}
.mod_number_of_cues {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
}
.mod_header_show_name {
    color: #8b92a5;
    font-weight: 200;
    font-size: 18px;
    letter-spacing: normal;
}

.close_button:hover { background-color: rgba(45,52,76,0.79); }
.close_button:hover > img { transform: scale(1) translate(0px, 0px); }
.close_button {
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 50%;
    background-color: rgba(45,52,76,0.57);
    color: #fff;
    width: 23px;
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 300ms all ease-out;
}
.close_button > img {
    transition: 400ms all cubic-bezier(0.68, -0.55, 0, 2.29);
    /* transform: scale(0.8) translate(1px, 1px); */
    transform: scale(0.8);
}