const STYLE_CSS_CONTENT: &str = "html {\n /*\n * This propery keeps the scroll on the page at all times.\n * Although it sounds inefficient, we keep this to have a better user interface while filtering.\n */\n overflow-y: scroll;\n}\n\nbody {\n font-family: \"Roboto\", sans-serif;\n}\n\n.container-fluid {\n max-width: 2000px;\n}\n\n/* General focus reset */\ntextarea:focus,\ninput[type=\"text\"]:focus,\ninput[type=\"password\"]:focus,\ninput[type=\"datetime\"]:focus,\ninput[type=\"datetime-local\"]:focus,\ninput[type=\"date\"]:focus,\ninput[type=\"month\"]:focus,\ninput[type=\"time\"]:focus,\ninput[type=\"week\"]:focus,\ninput[type=\"number\"]:focus,\ninput[type=\"email\"]:focus,\ninput[type=\"url\"]:focus,\ninput[type=\"search\"]:focus,\ninput[type=\"tel\"]:focus,\ninput[type=\"color\"]:focus {\n border-color: transparent;\n box-shadow: 0 1px 1px transparent inset, 0 0 8px transparent;\n outline: 0 none;\n border-radius: 0;\n}\n\n/* Component level style */\ninput[type=\"text\"],\ninput[type=\"text\"]:focus {\n border: none;\n border-bottom: 3px solid #ddd;\n border-radius: 0;\n height: 70px;\n font-size: 32px;\n padding: 5px;\n}\n\n::placeholder {\n /* Firefox, Chrome, Opera */\n color: #ddd !important;\n}\n\n:-ms-input-placeholder {\n /* Internet Explorer 10-11 */\n color: #ddd !important;\n}\n\n::-ms-input-placeholder {\n /* Microsoft Edge */\n color: #ddd !important;\n}\n\nh1 {\n font-size: 56px;\n font-weight: 700;\n}\n\ntable {\n table-layout: fixed;\n}\n\nth {\n width: 20%;\n cursor: pointer;\n}\n\n/*Static, Active*/\nth:nth-child(1), th:nth-child(2){\n width: 15px;\n}\n\nth:nth-child(2){\n padding-right: 25px;\n}\n\nth:nth-child(3){\n width: 150px;\n}\n\n/*th:nth-child(4), th:nth-child(5) {*/\n/* min-width: 120px;*/\n/*}*/\n\nth:nth-child(6){\n width: 120px;\n}\ntd:nth-child(6) {\n font-size: 12px;\n}\n\nth:nth-child(7), th:nth-child(8){\n width: 100px;\n}\n\nth:nth-child(9) {\n width: 120px;\n}\n\nth:nth-child(10) {\n width: 230px;\n}\n\nth:nth-child(11) {\n width: 110px;\n}\n\ntd:nth-child(10), td:nth-child(11) {\n font-size: 14px;\n}\n\ntr.disabled {\n opacity: 0.5;\n}\n\n\nth:hover {\n background-color: #fdf893;\n}\n\n.order:hover {\n background-color: #fdf893 !important;\n}\n\n.err {\n display: none;\n font-size: 18px;\n padding: 15px;\n border-bottom: 5px solid black;\n background-color: #fcf113;\n border-radius: 10px;\n}\n\n.thead-flash-once {\n -webkit-animation: thead-flash-once 0.4s ease-in-out 2; /* Safari 4+ */\n -moz-animation: thead-flash-once 0.4s ease-in-out 2; /* Fx 5+ */\n -o-animation: thead-flash-once 0.4s ease-in-out 2; /* Opera 12+ */\n animation: thead-flash-once 0.4s ease-in-out 2; /* IE 10+, Fx 29+ */\n}\n\n@keyframes thead-flash-once {\n 0% {\n background-color: transparent;\n }\n 50% {\n background-color: #fdf893;\n }\n 100% {\n background-color: transparent;\n }\n}\n\n.dev-signature ul {\n margin: 0;\n font-size: 15px;\n}\n\n.dev-signature .item-linkedin a {\n color: #2867b2;\n}\n\n.dev-signature .item-website a {\n color: #212529;\n}\n\n/* Very basic media queries */\n@media (max-width: 1300px) {\n .speech-bubble-left,\n .speech-bubble-right {\n display: none !important;\n }\n\n table, td {\n font-size: 12px !important;\n overflow: hidden;\n }\n\n h1 {\n font-size: 36px;\n }\n .container-fluid {\n min-width: 1100px;\n }\n\n th:nth-child(3){\n width: 120px;\n }\n\n th {\n width: 140px;\n }\n}\n";