.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; }
     #information_content_container { display: none; }
     #firework_name_header { display: none; }
     #cue_report_content_container > :not(#paper_tray) { display: none; }
     .under_content_container { 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;
     }
}

[type=checkbox] {
     -webkit-appearance: none;
     width: 20px;
     height: 20px;
     border: 1px solid #DFE1E1;
     background-color: #FFF;
     border-radius: 3px;
     margin-left: 12px;
     cursor: pointer;
}
[type=checkbox]:checked {
     background: #5273F1;
}
[type=checkbox]:checked::after {
     content: '\2714';
	font-size: 14px;
     width: 100%;
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     color: white;
	/* position: absolute; */
	/* top: 0px; */
	/* left: 3px; */
	/* color: #99a1a7; */
}

#column_selection_container {
     display: flex;
     justify-content: space-around;
     margin-top: 20px;
}

#column_selection_container > label {
     display: flex;
     align-items: center;
     justify-content: space-between;
     min-width: 90px;
     cursor: pointer;
}

#column_selection_container label span {
     margin-left: 10px;
}


#custom_field_column_main_section {
     background-color: #F6F8F9;
     border: 1px solid #DDE2E7;
     padding: 20px;
     border-radius: 8px;
     margin-top: 20px;
}
#custom_field_column_main_section > span {
     font-weight: 500;
     font-size: 20px;
     color: #636B81;
     margin-bottom: 20px;
     display: block;
}

#custom_field_column_selection_container {
     display: flex;
     justify-content: space-around;
     flex-wrap: wrap;
}

#custom_field_column_selection_container > label {
     display: flex;
     align-items: center;
     justify-content: space-between;
     min-width: 90px;
     margin: 0 20px 15px 0;
     cursor: pointer;
}

#custom_field_column_selection_container label span {
     margin-left: 10px;
}

#custom_field_column_empty_state {
     color: #636B81;
}

/* 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;
     /* 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: #F6F8F9; } */
.report_content table tbody tr:nth-child(even) { background-color: rgba(232, 234, 239, 1.0); }
/* .report_content table tbody tr td:not(:last-child) { border-right: 1px solid #DDE2E7; } */
.report_content table tbody td { font-size: 15px; }

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

.estimated_cost_footer { background-color: #e5e5e6 !important; }

.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;
}
.custom_value_column {
     text-align: center;
}