.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; } */

a {
     --initialTextColor: #5273F1;
     --slideTextColor: #0035ff;

     --initialBgColor: transparent;
     --slideBgColor: #ccd5ff;

     color: var(--initialTextColor);

     background-image: linear-gradient(90deg,
          var(--initialBgColor) 0%,
          var(--initialBgColor) 50%,
          var(--slideBgColor) 50%,
          var(--slideBgColor) 100%);
     background-size: 300%;
     transition: background-position .3s cubic-bezier(.47, .1, 1, .63),
          color .2s linear;
     transition-delay: 0.0s, 0.15s;

     padding: 0 9px;
     border-radius: 3px;
}

a:hover {
 color: var(--slideTextColor);
 cursor: pointer;
 background-position: -50% 100%;
}


/* 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 {
     overflow-y: auto;
}

.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 {
     #information_content_container { 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;
     }

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

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

.columnSelectionContainer {
     display: flex;
     flex-direction: column;
     align-items: center;
     border-radius: 5px;
     background: #E6EAFC;
     padding: 9px 10px;
     border: 1px solid #CFD8FA;
}

.text_input_labels {
     height: 28px;
}
.text_input_labels > span {
     width: 40px;
     margin-right: 10px;
}
.text_input_labels > input {
     /* width: 160px; */
     width: 200px;
     height: 15px;
}

.topHalf > .custom_label_element_select { max-width: 80px; }
.bottomHalf > .custom_label_element_select { max-width: 80px; }

.design_label_section .halfTitle { min-height: 15px; }

#sorting_method_select { max-width: 105px; }