.file-icon-xsmall {
    margin: 0px 0px 0px 0px !important;
    font-family: "Font Awesome 6 Duotone";
    font-weight: 900;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    letter-spacing: normal;
    position: relative;
    width: 20px;
}

.file-icon-small {
    margin: 4px 6px 4px 14px !important;
    font-family: "Font Awesome 6 Duotone";
    font-weight: 900;
    font-size: 34px;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    letter-spacing: normal;
    position: relative;
}

.file-icon-large {
    margin: 12px 18px 0 6px !important;
    font-family: "Font Awesome 6 Duotone";
    font-weight: 900;
    font-size: 48px;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    letter-spacing: normal;
    position: relative;
    width: 54px;
}

.file-icon-xlarge {
    /**
    margins shouldn't be set here.
     */
    font-family: "Font Awesome 6 Duotone";
    font-weight: 900;
    font-size: 64px;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    letter-spacing: normal;
    position: relative;
    width: 54px;
}

.file-icon-simple, .file-icon-simple:hover, .file-icon-simple:active, .file-icon-simple:visited {
    color: #b8cbdb;
    text-decoration: none;
}

.file-icon-simple:before {
    content: "\f15b";
    position: absolute;
    opacity: 1;
}

.file-icon-simple:after {
    content: "\f15b\f15b";
    opacity: .4;
}

.file-icon-simple[data-name$="folder" i] {
    color: #62a2d8;
    font-size: 32px;
    margin-left: 6px !important;
    margin-top: 4px !important;
}

.file-icon-simple[data-name="folder" i] {
    font-size: revert;
    margin-left: 0px !important;
    margin-top: 0px !important;
}

.file-icon-simple[data-name$="folder" i]:before {
    content: "\f07c";
}

.file-icon-simple[data-name$="folder" i]:after {
    content: "\f07c\f07c";
}

.file-icon-simple[data-name$="binder" i] {
    color: #62a2d8;
}

.file-icon-simple[data-name$="binder" i]:before {
    content: "\e201";
}

.file-icon-simple[data-name$="binder" i]:after {
    content: "\e201\e201";
}

.file-icon-simple[class*="aac-icon" i], .file-icon-simple[data-name$=".aac" i] {
    color: #62ced8;
}

.file-icon-simple[class*="aac-icon" i]:before, .file-icon-simple[data-name$=".aac" i]:before {
    content: "\f1c7";
}

.file-icon-simple[class*="aac-icon" i]:after, .file-icon-simple[data-name$=".aac" i]:after {
    content: "\f1c7\f1c7";
}

.file-icon-simple[class*="ai-icon" i], .file-icon-simple[data-name$=".ai" i] {
    color: #f8bb1b;
}

.file-icon-simple[class*="ai-icon" i]:before, .file-icon-simple[data-name$=".ai" i]:before {
    content: "\f1c5";
}

.file-icon-simple[class*="ai-icon" i]:after, .file-icon-simple[data-name$=".ai" i]:after {
    content: "\f1c5\f1c5";
}

.file-icon-simple[class*="aiff-icon" i], .file-icon-simple[data-name$=".aiff" i] {
    color: #62ced8;
}

.file-icon-simple[class*="aiff-icon" i]:before, .file-icon-simple[data-name$=".aiff" i]:before {
    content: "\f1c7";
}

.file-icon-simple[class*="aiff-icon" i]:after, .file-icon-simple[data-name$=".aiff" i]:after {
    content: "\f1c7\f1c7";
}

.file-icon-simple[class*="aspx-icon" i], .file-icon-simple[data-name$=".aspx" i] {
    color: #83b62b;
}

.file-icon-simple[class*="aspx-icon" i]:before, .file-icon-simple[data-name$=".aspx" i]:before {
    content: "\f1c9";
}

.file-icon-simple[class*="aspx-icon" i]:after, .file-icon-simple[data-name$=".aspx" i]:after {
    content: "\f1c9\f1c9";
}

.file-icon-simple[class*="avi-icon" i], .file-icon-simple[data-name$=".avi" i] {
    color: #676aff;
}

.file-icon-simple[class*="avi-icon" i]:before, .file-icon-simple[data-name$=".avi" i]:before {
    content: "\f1c8";
}

.file-icon-simple[class*="avi-icon" i]:after, .file-icon-simple[data-name$=".avi" i]:after {
    content: "\f1c8\f1c8";
}

.file-icon-simple[class*="bmp-icon" i], .file-icon-simple[data-name$=".bmp" i] {
    color: #f8bb1b;
}

.file-icon-simple[class*="bmp-icon" i]:before, .file-icon-simple[data-name$=".bmp" i]:before {
    content: "\f1c5";
}

.file-icon-simple[class*="bmp-icon" i]:after, .file-icon-simple[data-name$=".bmp" i]:after {
    content: "\f1c5\f1c5";
}

.file-icon-simple[class*="c-icon" i], .file-icon-simple[data-name$=".c" i] {
    color: #83b62b;
}

.file-icon-simple[class*="c-icon" i]:before, .file-icon-simple[data-name$=".c" i]:before {
    content: "\f1c9";
}

.file-icon-simple[class*="c-icon" i]:after, .file-icon-simple[data-name$=".c" i]:after {
    content: "\f1c9\f1c9";
}

.file-icon-simple[class*="cpp-icon" i], .file-icon-simple[data-name$=".cpp" i] {
    color: #83b62b;
}

.file-icon-simple[class*="cpp-icon" i]:before, .file-icon-simple[data-name$=".cpp" i]:before {
    content: "\f1c9";
}

.file-icon-simple[class*="cpp-icon" i]:after, .file-icon-simple[data-name$=".cpp" i]:after {
    content: "\f1c9\f1c9";
}

.file-icon-simple[class*="css-icon" i], .file-icon-simple[data-name$=".css" i] {
    color: #83b62b;
}

.file-icon-simple[class*="css-icon" i]:before, .file-icon-simple[data-name$=".css" i]:before {
    content: "\f1c9";
}

.file-icon-simple[class*="css-icon" i]:after, .file-icon-simple[data-name$=".css" i]:after {
    content: "\f1c9\f1c9";
}

.file-icon-simple[class*="csv-icon" i], .file-icon-simple[data-name$=".csv" i] {
    color: #f8d307;
}

.file-icon-simple[class*="csv-icon" i]:before, .file-icon-simple[data-name$=".csv" i]:before {
    content: "\f6dd";
}

.file-icon-simple[class*="csv-icon" i]:after, .file-icon-simple[data-name$=".csv" i]:after {
    content: "\f6dd\f6dd";
}

.file-icon-simple[class*="db-icon" i]:before, .file-icon-simple[data-name$=".db" i]:before {
    content: "\f865";
}

.file-icon-simple[class*="db-icon" i]:after, .file-icon-simple[data-name$=".db" i]:after {
    content: "\f865\f865";
}

.file-icon-simple[class*="doc-icon" i], .file-icon-simple[data-name$=".doc" i] {
    color: #62a2d8;
}

.file-icon-simple[class*="doc-icon" i]:before, .file-icon-simple[data-name$=".doc" i]:before {
    content: "\f1c2";
}

.file-icon-simple[class*="doc-icon" i]:after, .file-icon-simple[data-name$=".doc" i]:after {
    content: "\f1c2\f1c2";
}

.file-icon-simple[class*="docx-icon" i], .file-icon-simple[data-name$=".docx" i] {
    color: #62a2d8;
}

.file-icon-simple[class*="docx-icon" i]:before, .file-icon-simple[data-name$=".docx" i]:before {
    content: "\f1c2";
}

.file-icon-simple[class*="docx-icon" i]:after, .file-icon-simple[data-name$=".docx" i]:after {
    content: "\f1c2\f1c2";
}

.file-icon-simple[class*="dot-icon" i], .file-icon-simple[data-name$=".dot" i] {
    color: #62a2d8;
}

.file-icon-simple[class*="dot-icon" i]:before, .file-icon-simple[data-name$=".dot" i]:before {
    content: "\f1c2";
}

.file-icon-simple[class*="dot-icon" i]:after, .file-icon-simple[data-name$=".dot" i]:after {
    content: "\f1c2\f1c2";
}

.file-icon-simple[class*="dotx-icon" i], .file-icon-simple[data-name$=".dotx" i] {
    color: #62a2d8;
}

.file-icon-simple[class*="dotx-icon" i]:before, .file-icon-simple[data-name$=".dotx" i]:before {
    content: "\f1c2";
}

.file-icon-simple[class*="dotx-icon" i]:after, .file-icon-simple[data-name$=".dotx" i]:after {
    content: "\f1c2\f1c2";
}

.file-icon-simple[class*="eps-icon" i], .file-icon-simple[data-name$=".eps" i] {
    color: #f8bb1b;
}

.file-icon-simple[class*="eps-icon" i]:before, .file-icon-simple[data-name$=".eps" i]:before {
    content: "\f1c5";
}

.file-icon-simple[class*="eps-icon" i]:after, .file-icon-simple[data-name$=".eps" i]:after {
    content: "\f1c5\f1c5";
}

.file-icon-simple[class*="flv-icon" i], .file-icon-simple[data-name$=".flv" i] {
    color: #676aff;
}

.file-icon-simple[class*="flv-icon" i]:before, .file-icon-simple[data-name$=".flv" i]:before {
    content: "\f1c8";
}

.file-icon-simple[class*="flv-icon" i]:after, .file-icon-simple[data-name$=".flv" i]:after {
    content: "\f1c8\f1c8";
}

.file-icon-simple[class*="gif-icon" i], .file-icon-simple[data-name$=".gif" i] {
    color: #f8bb1b;
}

.file-icon-simple[class*="gif-icon" i]:before, .file-icon-simple[data-name$=".gif" i]:before {
    content: "\f1c5";
}

.file-icon-simple[class*="gif-icon" i]:after, .file-icon-simple[data-name$=".gif" i]:after {
    content: "\f1c5\f1c5";
}

.file-icon-simple[class*="htm-icon" i], .file-icon-simple[data-name$=".htm" i] {
    color: #83b62b;
}

.file-icon-simple[class*="htm-icon" i]:before, .file-icon-simple[data-name$=".htm" i]:before {
    content: "\f1c9";
}

.file-icon-simple[class*="htm-icon" i]:after, .file-icon-simple[data-name$=".htm" i]:after {
    content: "\f1c9\f1c9";
}

.file-icon-simple[class*="html-icon" i], .file-icon-simple[data-name$=".html" i] {
    color: #83b62b;
}

.file-icon-simple[class*="html-icon" i]:before, .file-icon-simple[data-name$=".html" i]:before {
    content: "\f1c9";
}

.file-icon-simple[class*="html-icon" i]:after, .file-icon-simple[data-name$=".html" i]:after {
    content: "\f1c9\f1c9";
}

.file-icon-simple[class*="java-icon" i], .file-icon-simple[data-name$=".java" i] {
    color: #83b62b;
}

.file-icon-simple[class*="java-icon" i]:before, .file-icon-simple[data-name$=".java" i]:before {
    content: "\f1c9";
}

.file-icon-simple[class*="java-icon" i]:after, .file-icon-simple[data-name$=".java" i]:after {
    content: "\f1c9\f1c9";
}

.file-icon-simple[class*="jpeg-icon" i], .file-icon-simple[data-name$=".jpeg" i] {
    color: #f8bb1b;
}

.file-icon-simple[class*="jpeg-icon" i]:before, .file-icon-simple[data-name$=".jpeg" i]:before {
    content: "\f1c5";
}

.file-icon-simple[class*="jpeg-icon" i]:after, .file-icon-simple[data-name$=".jpeg" i]:after {
    content: "\f1c5\f1c5";
}

.file-icon-simple[class*="jpg-icon" i], .file-icon-simple[data-name$=".jpg" i] {
    color: #f8bb1b;
}

.file-icon-simple[class*="jpg-icon" i]:before, .file-icon-simple[data-name$=".jpg" i]:before {
    content: "\f1c5";
}

.file-icon-simple[class*="jpg-icon" i]:after, .file-icon-simple[data-name$=".jpg" i]:after {
    content: "\f1c5\f1c5";
}

.file-icon-simple[class*="js-icon" i], .file-icon-simple[data-name$=".js" i] {
    color: #83b62b;
}

.file-icon-simple[class*="js-icon" i]:before, .file-icon-simple[data-name$=".js" i]:before {
    content: "\f1c9";
}

.file-icon-simple[class*="js-icon" i]:after, .file-icon-simple[data-name$=".js" i]:after {
    content: "\f1c9\f1c9";
}

.file-icon-simple[class*="key-icon" i]:before, .file-icon-simple[data-name$=".key" i]:before {
    content: "\e4f0";
}

.file-icon-simple[class*="key-icon" i]:after, .file-icon-simple[data-name$=".key" i]:after {
    content: "\e4f0\e4f0";
}

.file-icon-simple[class*="m3u-icon" i], .file-icon-simple[data-name$=".m3u" i] {
    color: #62ced8;
}

.file-icon-simple[class*="m3u-icon" i]:before, .file-icon-simple[data-name$=".m3u" i]:before {
    content: "\f1c7";
}

.file-icon-simple[class*="m3u-icon" i]:after, .file-icon-simple[data-name$=".m3u" i]:after {
    content: "\f1c7\f1c7";
}

.file-icon-simple[class*="m4a-icon" i], .file-icon-simple[data-name$=".m4a" i] {
    color: #62ced8;
}

.file-icon-simple[class*="m4a-icon" i]:before, .file-icon-simple[data-name$=".m4a" i]:before {
    content: "\f1c7";
}

.file-icon-simple[class*="m4a-icon" i]:after, .file-icon-simple[data-name$=".m4a" i]:after {
    content: "\f1c7\f1c7";
}

.file-icon-simple[class*="m4v-icon" i], .file-icon-simple[data-name$=".m4v" i] {
    color: #676aff;
}

.file-icon-simple[class*="m4v-icon" i]:before, .file-icon-simple[data-name$=".m4v" i]:before {
    content: "\f1c8";
}

.file-icon-simple[class*="m4v-icon" i]:after, .file-icon-simple[data-name$=".m4v" i]:after {
    content: "\f1c8\f1c8";
}

.file-icon-simple[class*="md-icon" i], .file-icon-simple[data-name$=".md" i] {
    color: #83b62b;
}

.file-icon-simple[class*="md-icon" i]:before, .file-icon-simple[data-name$=".md" i]:before {
    content: "\f1c9";
}

.file-icon-simple[class*="md-icon" i]:after, .file-icon-simple[data-name$=".md" i]:after {
    content: "\f1c9\f1c9";
}

.file-icon-simple[class*="mid-icon" i], .file-icon-simple[data-name$=".mid" i] {
    color: #62ced8;
}

.file-icon-simple[class*="mid-icon" i]:before, .file-icon-simple[data-name$=".mid" i]:before {
    content: "\f1c7";
}

.file-icon-simple[class*="mid-icon" i]:after, .file-icon-simple[data-name$=".mid" i]:after {
    content: "\f1c7\f1c7";
}

.file-icon-simple[class*="mov-icon" i], .file-icon-simple[data-name$=".mov" i] {
    color: #676aff;
}

.file-icon-simple[class*="mov-icon" i]:before, .file-icon-simple[data-name$=".mov" i]:before {
    content: "\f1c8";
}

.file-icon-simple[class*="mov-icon" i]:after, .file-icon-simple[data-name$=".mov" i]:after {
    content: "\f1c8\f1c8";
}

.file-icon-simple[class*="mp3-icon" i], .file-icon-simple[data-name$=".mp3" i] {
    color: #62ced8;
}

.file-icon-simple[class*="mp3-icon" i]:before, .file-icon-simple[data-name$=".mp3" i]:before {
    content: "\f1c7";
}

.file-icon-simple[class*="mp3-icon" i]:after, .file-icon-simple[data-name$=".mp3" i]:after {
    content: "\f1c7\f1c7";
}

.file-icon-simple[class*="mp4-icon" i], .file-icon-simple[data-name$=".mp4" i] {
    color: #676aff;
}

.file-icon-simple[class*="mp4-icon" i]:before, .file-icon-simple[data-name$=".mp4" i]:before {
    content: "\f1c8";
}

.file-icon-simple[class*="mp4-icon" i]:after, .file-icon-simple[data-name$=".mp4" i]:after {
    content: "\f1c8\f1c8";
}

.file-icon-simple[class*="mpeg-icon" i], .file-icon-simple[data-name$=".mpeg" i] {
    color: #676aff;
}

.file-icon-simple[class*="mpeg-icon" i]:before, .file-icon-simple[data-name$=".mpeg" i]:before {
    content: "\f1c8";
}

.file-icon-simple[class*="mpeg-icon" i]:after, .file-icon-simple[data-name$=".mpeg" i]:after {
    content: "\f1c8\f1c8";
}

.file-icon-simple[class*="mpg-icon" i], .file-icon-simple[data-name$=".mpg" i] {
    color: #676aff;
}

.file-icon-simple[class*="mpg-icon" i]:before, .file-icon-simple[data-name$=".mpg" i]:before {
    content: "\f1c8";
}

.file-icon-simple[class*="mpg-icon" i]:after, .file-icon-simple[data-name$=".mpg" i]:after {
    content: "\f1c8\f1c8";
}

.file-icon-simple[class*="note-icon" i], .file-icon-simple[data-name$=".note" i] {
    color: #676aff;
}

.file-icon-simple[class*="note-icon" i]:before, .file-icon-simple[data-name$=".note" i]:before {
    content: "\f15c";
}

.file-icon-simple[class*="note-icon" i]:after, .file-icon-simple[data-name$=".note" i]:after {
    content: "\f15c\f15c";
}

.file-icon-simple[class*="one-icon" i], .file-icon-simple[data-name$=".one" i] {
    color: #676aff;
}

.file-icon-simple[class*="one-icon" i]:before, .file-icon-simple[data-name$=".one" i]:before {
    content: "\f15c";
}

.file-icon-simple[class*="one-icon" i]:after, .file-icon-simple[data-name$=".one" i]:after {
    content: "\f15c\f15c";
}

.file-icon-simple[class*="odp-icon" i], .file-icon-simple[data-name$=".odp" i] {
    color: #f98a00;
}

.file-icon-simple[class*="odp-icon" i]:before, .file-icon-simple[data-name$=".odp" i]:before {
    content: "\f1c4";
}

.file-icon-simple[class*="odp-icon" i]:after, .file-icon-simple[data-name$=".odp" i]:after {
    content: "\f1c4\f1c4";
}

.file-icon-simple[class*="ods-icon" i], .file-icon-simple[data-name$=".ods" i] {
    color: #57a329;
}

.file-icon-simple[class*="ods-icon" i]:before, .file-icon-simple[data-name$=".ods" i]:before {
    content: "\f1c3";
}

.file-icon-simple[class*="ods-icon" i]:after, .file-icon-simple[data-name$=".ods" i]:after {
    content: "\f1c3\f1c3";
}

.file-icon-simple[class*="odt-icon" i], .file-icon-simple[data-name$=".odt" i] {
    color: #62a2d8;
}

.file-icon-simple[class*="odt-icon" i]:before, .file-icon-simple[data-name$=".odt" i]:before {
    content: "\f1c2";
}

.file-icon-simple[class*="odt-icon" i]:after, .file-icon-simple[data-name$=".odt" i]:after {
    content: "\f1c2\f1c2";
}

.file-icon-simple[class*="otp-icon" i], .file-icon-simple[data-name$=".otp" i] {
    color: #f98a00;
}

.file-icon-simple[class*="otp-icon" i]:before, .file-icon-simple[data-name$=".otp" i]:before {
    content: "\f1c4";
}

.file-icon-simple[class*="otp-icon" i]:after, .file-icon-simple[data-name$=".otp" i]:after {
    content: "\f1c4\f1c4";
}

.file-icon-simple[class*="ots-icon" i], .file-icon-simple[data-name$=".ots" i] {
    color: #57a329;
}

.file-icon-simple[class*="ots-icon" i]:before, .file-icon-simple[data-name$=".ots" i]:before {
    content: "\f1c3";
}

.file-icon-simple[class*="ots-icon" i]:after, .file-icon-simple[data-name$=".ots" i]:after {
    content: "\f1c3\f1c3";
}

.file-icon-simple[class*="ott-icon" i], .file-icon-simple[data-name$=".ott" i] {
    color: #62a2d8;
}

.file-icon-simple[class*="ott-icon" i]:before, .file-icon-simple[data-name$=".ott" i]:before {
    content: "\f1c2";
}

.file-icon-simple[class*="ott-icon" i]:after, .file-icon-simple[data-name$=".ott" i]:after {
    content: "\f1c2\f1c2";
}

.file-icon-simple[class*="pdf-icon" i], .file-icon-simple[data-name$=".pdf" i] {
    color: #fa573c;
}

.file-icon-simple[class*="pdf-icon" i]:before, .file-icon-simple[data-name$=".pdf" i]:before {
    content: "\f1c1";
}

.file-icon-simple[class*="pdf-icon" i]:after, .file-icon-simple[data-name$=".pdf" i]:after {
    content: "\f1c1\f1c1";
}

.file-icon-simple[class*="php-icon" i], .file-icon-simple[data-name$=".php" i] {
    color: #83b62b;
}

.file-icon-simple[class*="php-icon" i]:before, .file-icon-simple[data-name$=".php" i]:before {
    content: "\f1c9";
}

.file-icon-simple[class*="php-icon" i]:after, .file-icon-simple[data-name$=".php" i]:after {
    content: "\f1c9\f1c9";
}

.file-icon-simple[class*="png-icon" i], .file-icon-simple[data-name$=".png" i] {
    color: #f8bb1b;
}

.file-icon-simple[class*="png-icon" i]:before, .file-icon-simple[data-name$=".png" i]:before {
    content: "\f1c5";
}

.file-icon-simple[class*="png-icon" i]:after, .file-icon-simple[data-name$=".png" i]:after {
    content: "\f1c5\f1c5";
}

.file-icon-simple[class*="pot-icon" i], .file-icon-simple[data-name$=".pot" i] {
    color: #f98a00;
}

.file-icon-simple[class*="pot-icon" i]:before, .file-icon-simple[data-name$=".pot" i]:before {
    content: "\f1c4";
}

.file-icon-simple[class*="pot-icon" i]:after, .file-icon-simple[data-name$=".pot" i]:after {
    content: "\f1c4\f1c4";
}

.file-icon-simple[class*="potx-icon" i], .file-icon-simple[data-name$=".potx" i] {
    color: #f98a00;
}

.file-icon-simple[class*="potx-icon" i]:before, .file-icon-simple[data-name$=".potx" i]:before {
    content: "\f1c4";
}

.file-icon-simple[class*="potx-icon" i]:after, .file-icon-simple[data-name$=".potx" i]:after {
    content: "\f1c4\f1c4";
}

.file-icon-simple[class*="ppt-icon" i], .file-icon-simple[data-name$=".ppt" i] {
    color: #f98a00;
}

.file-icon-simple[class*="ppt-icon" i]:before, .file-icon-simple[data-name$=".ppt" i]:before {
    content: "\f1c4";
}

.file-icon-simple[class*="ppt-icon" i]:after, .file-icon-simple[data-name$=".ppt" i]:after {
    content: "\f1c4\f1c4";
}

.file-icon-simple[class*="pptx-icon" i], .file-icon-simple[data-name$=".pptx" i] {
    color: #f98a00;
}

.file-icon-simple[class*="pptx-icon" i]:before, .file-icon-simple[data-name$=".pptx" i]:before {
    content: "\f1c4";
}

.file-icon-simple[class*="pptx-icon" i]:after, .file-icon-simple[data-name$=".pptx" i]:after {
    content: "\f1c4\f1c4";
}

.file-icon-simple[class*="psd-icon" i], .file-icon-simple[data-name$=".psd" i] {
    color: #f8bb1b;
}

.file-icon-simple[class*="psd-icon" i]:before, .file-icon-simple[data-name$=".psd" i]:before {
    content: "\f1c5";
}

.file-icon-simple[class*="psd-icon" i]:after, .file-icon-simple[data-name$=".psd" i]:after {
    content: "\f1c5\f1c5";
}

.file-icon-simple[class*="qt-icon" i], .file-icon-simple[data-name$=".qt" i] {
    color: #676aff;
}

.file-icon-simple[class*="qt-icon" i]:before, .file-icon-simple[data-name$=".qt" i]:before {
    content: "\f1c8";
}

.file-icon-simple[class*="qt-icon" i]:after, .file-icon-simple[data-name$=".qt" i]:after {
    content: "\f1c8\f1c8";
}

.file-icon-simple[class*="rar-icon" i]:before, .file-icon-simple[data-name$=".rar" i]:before {
    content: "\f1c6";
}

.file-icon-simple[class*="rar-icon" i]:after, .file-icon-simple[data-name$=".rar" i]:after {
    content: "\f1c6\f1c6";
}

.file-icon-simple[class*="rtf-icon" i], .file-icon-simple[data-name$=".rtf" i] {
    color: #56d09d;
}

.file-icon-simple[class*="rtf-icon" i]:before, .file-icon-simple[data-name$=".rtf" i]:before {
    content: "\f15c";
}

.file-icon-simple[class*="rtf-icon" i]:after, .file-icon-simple[data-name$=".rtf" i]:after {
    content: "\f15c\f15c";
}

.file-icon-simple[class*="scala-icon" i], .file-icon-simple[data-name$=".scala" i] {
    color: #83b62b;
}

.file-icon-simple[class*="scala-icon" i]:before, .file-icon-simple[data-name$=".scala" i]:before {
    content: "\f1c9";
}

.file-icon-simple[class*="scala-icon" i]:after, .file-icon-simple[data-name$=".scala" i]:after {
    content: "\f1c9\f1c9";
}

.file-icon-simple[class*="sql-icon" i]:before, .file-icon-simple[data-name$=".sql" i]:before {
    content: "\f865";
}

.file-icon-simple[class*="sql-icon" i]:after, .file-icon-simple[data-name$=".sql" i]:after {
    content: "\f865\f865";
}

.file-icon-simple[class*="svg-icon" i], .file-icon-simple[data-name$=".svg" i] {
    color: #f8bb1b;
}

.file-icon-simple[class*="svg-icon" i]:before, .file-icon-simple[data-name$=".svg" i]:before {
    content: "\f1c5";
}

.file-icon-simple[class*="svg-icon" i]:after, .file-icon-simple[data-name$=".svg" i]:after {
    content: "\f1c5\f1c5";
}

.file-icon-simple[class*="tgz-icon" i]:before, .file-icon-simple[data-name$=".tgz" i]:before {
    content: "\f1c6";
}

.file-icon-simple[class*="tgz-icon" i]:after, .file-icon-simple[data-name$=".tgz" i]:after {
    content: "\f1c6\f1c6";
}

.file-icon-simple[class*="tiff-icon" i], .file-icon-simple[data-name$=".tiff" i] {
    color: #f8bb1b;
}

.file-icon-simple[class*="tiff-icon" i]:before, .file-icon-simple[data-name$=".tiff" i]:before {
    content: "\f1c5";
}

.file-icon-simple[class*="tiff-icon" i]:after, .file-icon-simple[data-name$=".tiff" i]:after {
    content: "\f1c5\f1c5";
}

.file-icon-simple[class*="php-icon" i], .file-icon-simple[data-name$=".php" i] {
    color: #83b62b;
}

.file-icon-simple[class*="php-icon" i]:before, .file-icon-simple[data-name$=".php" i]:before {
    content: "\f1c9";
}

.file-icon-simple[class*="php-icon" i]:after, .file-icon-simple[data-name$=".php" i]:after {
    content: "\f1c9\f1c9";
}

.file-icon-simple[class*="txt-icon" i], .file-icon-simple[data-name$=".txt" i] {
    color: #56d09d;
}

.file-icon-simple[class*="txt-icon" i]:before, .file-icon-simple[data-name$=".txt" i]:before {
    content: "\f15c";
}

.file-icon-simple[class*="txt-icon" i]:after, .file-icon-simple[data-name$=".txt" i]:after {
    content: "\f15c\f15c";
}

.file-icon-simple[class*="wav-icon" i], .file-icon-simple[data-name$=".wav" i] {
    color: #62ced8;
}

.file-icon-simple[class*="wav-icon" i]:before, .file-icon-simple[data-name$=".wav" i]:before {
    content: "\f1c7";
}

.file-icon-simple[class*="wav-icon" i]:after, .file-icon-simple[data-name$=".wav" i]:after {
    content: "\f1c7\f1c7";
}

.file-icon-simple[class*="wma-icon" i], .file-icon-simple[data-name$=".wma" i] {
    color: #62ced8;
}

.file-icon-simple[class*="wma-icon" i]:before, .file-icon-simple[data-name$=".wma" i]:before {
    content: "\f1c7";
}

.file-icon-simple[class*="wma-icon" i]:after, .file-icon-simple[data-name$=".wma" i]:after {
    content: "\f1c7\f1c7";
}

.file-icon-simple[class*="wmv-icon" i], .file-icon-simple[data-name$=".wmv" i] {
    color: #676aff;
}

.file-icon-simple[class*="wmv-icon" i]:before, .file-icon-simple[data-name$=".wmv" i]:before {
    content: "\f1c8";
}

.file-icon-simple[class*="wmv-icon" i]:after, .file-icon-simple[data-name$=".wmv" i]:after {
    content: "\f1c8\f1c8";
}

.file-icon-simple[class*="xhtml-icon" i], .file-icon-simple[data-name$=".xhtml" i] {
    color: #83b62b;
}

.file-icon-simple[class*="xhtml-icon" i]:before, .file-icon-simple[data-name$=".xhtml" i]:before {
    content: "\f1c9";
}

.file-icon-simple[class*="xhtml-icon" i]:after, .file-icon-simple[data-name$=".xhtml" i]:after {
    content: "\f1c9\f1c9";
}

.file-icon-simple[class*="xls-icon" i], .file-icon-simple[data-name$=".xls" i] {
    color: #57a329;
}

.file-icon-simple[class*="xls-icon" i]:before, .file-icon-simple[data-name$=".xls" i]:before {
    content: "\f1c3";
}

.file-icon-simple[class*="xls-icon" i]:after, .file-icon-simple[data-name$=".xls" i]:after {
    content: "\f1c3\f1c3";
}

.file-icon-simple[class*="xlsx-icon" i], .file-icon-simple[data-name$=".xlsx" i] {
    color: #57a329;
}

.file-icon-simple[class*="xlsx-icon" i]:before, .file-icon-simple[data-name$=".xlsx" i]:before {
    content: "\f1c3";
}

.file-icon-simple[class*="xlsx-icon" i]:after, .file-icon-simple[data-name$=".xlsx" i]:after {
    content: "\f1c3\f1c3";
}

.file-icon-simple[class*="xlt-icon" i], .file-icon-simple[data-name$=".xlt" i] {
    color: #57a329;
}

.file-icon-simple[class*="xlt-icon" i]:before, .file-icon-simple[data-name$=".xlt" i]:before {
    content: "\f1c3";
}

.file-icon-simple[class*="xlt-icon" i]:after, .file-icon-simple[data-name$=".xlt" i]:after {
    content: "\f1c3\f1c3";
}

.file-icon-simple[class*="xltx-icon" i], .file-icon-simple[data-name$=".xltx" i] {
    color: #57a329;
}

.file-icon-simple[class*="xltx-icon" i]:before, .file-icon-simple[data-name$=".xltx" i]:before {
    content: "\f1c3";
}

.file-icon-simple[class*="xltx-icon" i]:after, .file-icon-simple[data-name$=".xltx" i]:after {
    content: "\f1c3\f1c3";
}

.file-icon-simple[class*="xml-icon" i], .file-icon-simple[data-name$=".xml" i] {
    color: #83b62b;
}

.file-icon-simple[class*="xml-icon" i]:before, .file-icon-simple[data-name$=".xml" i]:before {
    content: "\f1c9";
}

.file-icon-simple[class*="xml-icon" i]:after, .file-icon-simple[data-name$=".xml" i]:after {
    content: "\f1c9\f1c9";
}

.file-icon-simple[class*="zip-icon" i]:before, .file-icon-simple[data-name$=".zip" i]:before {
    content: "\f1c6";
}

.file-icon-simple[class*="zip-icon" i]:after, .file-icon-simple[data-name$=".zip" i]:after {
    content: "\f1c6\f1c6";
}

.reference-thumbnail {
    background-color: white;
    display: inline-block;
    border: 1px solid #b8b8b8;
    padding: 3px;
    padding-left: 6px;
    height: 18px;
    position: relative;
    border-radius: 5px;
    cursor: pointer;

    &:hover {
        border-color: var(--primary-button-background-color);
    }
}

.reference-thumbnail-container {
    background-color: #F8F8F8;
    background-color: white;
    display: flex;
    flex-direction: row;
    width: auto;
    height: 100%;
}


.reference-thumbnail-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 0;
}

.reference-thumbnail-filename {
    font-size: 14px;
    white-space: nowrap;
}

.reference-thumbnail-filetype {
    text-decoration: none;
    font-size: 14px;
}

.reference-thumbnail-file {
    padding-right: 4px;
    padding-left: 20px;
}

.reference-thumbnail-icon {
    position: absolute;
    left: 8px;
}

::selection {
    background: #F7E5d2; /* WebKit/Blink Browsers */
    /*opacity: 20%;*/
}

::-moz-selection {
    background: #F7E5d2; /* WebKit/Blink Browsers */
    /*opacity: 20%;*/
}

* {
    caret-color: #c98844;
}

span.ai-highlighting {
    background-color: #F7E5d2;
}

span.ai-caret {
    background-color: #F7E5d2;
    width: 0.25rem;
    height: 1.25rem;
}

.file-drag-text {
    border-radius: 5px;
    padding: 4px; 
    padding-right: 11px;
    padding-left: 11px;
    background-color: var(--gray-color-100);
    box-shadow: 0px 1px 5px 0px rgba(var(--black), 0.05);
}