/* Main Contaiers */
#keyboardShortcutsModal {}
#keyboardShortcutsModalDiv {
     font-family: Arial;
     width: 620px;
     padding: 0;
     /* overflow: hidden;  */ /*May be needed for the scrolling*/
}

#keyboardShortcutsModalTitle {
     margin: 10px;
     font-size: 27px;
     font-weight: 500;
     text-align: left;
     text-indent: 15px;
}

.modal_scroll_helper {
     background-color: #F7F8F9;
     width: 100%;
     max-width: 100%;
     padding-top: 1px;
     max-height: calc(100vh * 0.65);
     overflow: auto;
     overflow-x: hidden;
     box-shadow: 0 -2px 2px -2px rgba(0,0,0,.3);
}


/* Columns */
.modal_columns_container {
     display: flex;
     flex-direction: row;
     /* justify-content: center; */
     justify-content: flex-start;
     /* align-items: center; */
}
.modal_column_container {
     /* min-height: 350px; */
     /* width: 200px; */
     display: flex;
     flex-direction: column;
     margin-bottom: 10px;
     /* margin: 10px; */
     /* margin-right: 80px; */
}
.modal_column_title {
     font-size: 15px;
     font-weight: 600;
     text-align: left;
     text-indent: 25px;
     height: 25px;
     line-height: 25px;
     margin-bottom: 10px;
     color: #3A3B3F;
}
.modal_column_item {
     display: flex;
     align-items: center;
     justify-content: flex-end;
     margin-bottom: 11px;
     position: relative;
}
.modal_column_item:after {
     content: "";
     display: block;
     margin: 0 auto;
     width: 70%;
     position: absolute;
     bottom: -4px;
     left: 60px;
     border-bottom: 0.6px solid #8e8cb3;
     opacity: 0.1;
}
.modal_columns_left_column, .modal_columns_right_column {
     margin: 10px;
     display: inline-block;
     flex: 1;
     min-height: 350px;
     width: 100%;
}

/* Shortcuts */
.key_cuts_modal_shortcut_description_container {
     display: inline-block;
     margin-right: 13px;
     width: 100%;
}
.key_cuts_modal_shortcut_keys_container {
     display: inline-block;
     width: 69%;/* width: 59%; *//* width: 55%; */
     height: 23px;
     text-align: left;
}

.key_cuts_modal_shortcut_description {
     margin: 0px;
     font-size: 14px;
     color: #908e9e;
     text-align: right;
     line-height: 18px;
}
.key_cuts_modal_key {
     background: #F6F6F6;
     position: relative;
     padding: 2px 6px;
     border-radius: 3px;
     border: 1px solid #DFDFDF;
     font-size: 14px;
     color: black;
     box-shadow: 0px 1.5px 3px -1px rgba(0,0,0,0.75);
}
.key_cuts_modal_key_conjoiner {}


#keyboardShortcutsShortcutHelp {
     height: 18px;
     padding: 10px;
     display: flex;
     align-items: center;
     box-shadow: 0 -2px 2px -2px rgba(0,0,0,.3);
}
#keyboardShortcutsShortcut {
     margin: 0px;
     font-size: 14px;
     color: #71717d;
}

.new > .key_cuts_modal_shortcut_keys_container > span:last-child::before {
     font-family: "Material Icons";
     content: "fiber_new";
     font-size: 30px;
     position: absolute;
     right: -23px;
     top: -15px;
     color: #4286b1;
}
/* .new::before {
     font-family: "Material Icons";
     content: "fiber_new";
     font-size: 30px;
     position: absolute;
     right: 7px;
     top: -17px;
     color: #4286b1;
} */