::-moz-selection { color: #fff; background: #065F46; }
::selection { color: #fff; background: #065F46; }

.x { clear: both; }
.x1 { clear: both; height: 10px; }
.x2 { clear: both; height: 20px; }
.x3 { clear: both; height: 30px; }

html { scrollbar-face-color: #4B5563; scrollbar-base-color: #4B5563; scrollbar-3dlight-color: #4B5563; scrollbar-highlight-color: #4B5563; scrollbar-track-color: #000; scrollbar-arrow-color: #000; scrollbar-shadow-color: #4B5563; scrollbar-dark-shadow-color: #4B5563; }

::-webkit-scrollbar { width: 10px; height: 3px; }
::-webkit-scrollbar-button {  display: none; }
::-webkit-scrollbar-track {  background-color: #4B5563; }
::-webkit-scrollbar-track-piece { background-color: #111827;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #4B5563; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; }
::-webkit-scrollbar-corner { background-color: #4B5563; }
::-webkit-resizer { background-color: #4B5563;}

header h2 { line-height: 34px; }

.main-logo { padding-right: 35px; position: relative; }
.main-logo:after { content: "beta"; color: #fff; background: #4338CA; font-size: 9px; letter-spacing: 1px; line-height: 15px; text-align: center; text-transform: uppercase; position: absolute; top: 12px; right: 0; padding: 0 2px 0 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.rank-badge { font-size: 10px; }

#modal-tv { display: none; }
#modal-tv .modal-tv { max-width: 1060px !important; }

.breadcrumb li a { float: left; font-size: 11px; color: #4B5563; text-transform: uppercase; }
.breadcrumb li a:after { display: inline-block; content: "/"; margin: 0 10px; }
.breadcrumb li:last-child a:after { display: none; }

.theme-mode-swither { width: 40px; height: 20px; border: 1px #ddd solid; display: block; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.theme-mode-swither:before { content: " "; position: absolute; height: 18px; width: 18px; top: 0; left: 0; background: #ddd url('../images/icon-sun.svg') center center no-repeat; background-size: 80% auto; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; }

html.dark .theme-mode-swither:before { background: #4B5563; transform: translate(20px, 0); }
html.dark .theme-mode-swither { border-color: #4B5563; }
html.dark .theme-mode-swither:before { background: #4B5563 url('../images/icon-moon.svg') center center no-repeat; background-size: 80% auto; }

.text-social-media-small { font-size: 12px; }

#fearAndGreedTableFast { width: 100%; font-size: 11px; }
#fearAndGreedTableFast tr td { padding: 8px; }

#fearAndGreedTable { width: 100%; font-size: 11px; }
#fearAndGreedTable tr td { padding: 8px; height: 66px; }
html.dark #fearAndGreedTable tr td { color: #fff; }

.sparkline--fill { fill: rgba(129, 140, 248, .3); }
.sparkline--line {stroke: #818CF8;}

#cryptoTable { width: 100%; font-size: 11px; }
#cryptoTable tr td { padding: 8px; height: 66px; }
#cryptoTable tr td:first-child { width: 41px; }
html.dark #cryptoTable tr td { color: #fff; }
#cryptoTable tr .info-on-hover { font-size: 10px; display: block; }
#fearAndGreedTable tr .info-on-hover { font-size: 10px; display: block; }

#companiesTable { width: 100%; font-size: 11px; }
#companiesTable tr td { padding: 8px; height: 66px; }
html.dark #companiesTable tr td { color: #fff; }
#companiesTable tr .info-on-hover { font-size: 10px; display: block; }

.ajax-coin-update svg { transition: all 0.3s linear; }
.button-update svg { color: #818CF8 !important; -webkit-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite; animation: spin 1s linear infinite; }

.article-content p { margin-bottom: 20px; }

.events-coins-scroll { height: 400px; overflow-y: scroll; }

.daterangepicker { font-family: Nunito, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; }
.daterangepicker:before { display: none !important; }
.daterangepicker:after { display: none !important; }
.daterangepicker .ranges li.active { background: #818CF8 !important; }
.daterangepicker td.active, .daterangepicker td.active:hover { background-color: #818CF8 !important; color: #fff !important; }
.daterangepicker select.monthselect, .daterangepicker select.yearselect { padding-left: 5px !important; border-radius: 0.25rem !important; }

html.dark .daterangepicker { background-color: #111827 !important; border-color: #1F2937 !important; color: #fff !important; }
html.dark .daterangepicker:before { border-bottom: 7px solid #111827 !important; }
html.dark .daterangepicker .ranges { border-right: 1px #1F2937 solid !important; }
html.dark .daterangepicker .ranges li:hover { background-color: #1F2937 !important; }
html.dark .daterangepicker.show-ranges.single.ltr .drp-calendar.left { border-left: 0 !important; }
html.dark .daterangepicker .calendar-table { background-color: #111827 !important; color: #fff !important; }
html.dark .daterangepicker .calendar-table .next span, html.dark .daterangepicker .calendar-table .prev span { border: solid #fff !important; border-width: 0 2px 2px 0 !important; }
html.dark .daterangepicker .calendar-table .next:hover, html.dark .daterangepicker .calendar-table .prev:hover { background-color: #1F2937 !important; }
html.dark .daterangepicker select.monthselect, html.dark .daterangepicker select.yearselect { background-color: #111827 !important; border-color: #1F2937 !important; }
html.dark .daterangepicker td.disabled, html.dark .daterangepicker option.disabled { color: #4B5563 !important; }
html.dark .daterangepicker td:hover { background-color: #4B5563 !important; }
html.dark .daterangepicker td.off, html.dark .daterangepicker td.off.in-range, html.dark .daterangepicker td.off.start-date, html.dark .daterangepicker td.off.end-date { background-color: transparent !important;}

.event-thumbnail { height: 250px; background-size: 100% auto !important; }

.trust-score-1 { background: #c20301; }
.trust-score-2 { background: #d72300; }
.trust-score-3 { background: #fa8a00; }
.trust-score-4 { background: #ffa800; }
.trust-score-5 { background: #ffcb00; }
.trust-score-6 { background: #e8cc02; }
.trust-score-7 { background: #b9cc04; }
.trust-score-8 { background: #99c606; }
.trust-score-9 { background: #6eb808; }
.trust-score-10 { background: #4EAF0A; }

.select2-container--default .select2-selection--single { background: transparent !important; border: 1px #D1D5DB solid !important; font-size: 13px !important; height: 42px !important; line-height: 42px !important; border-radius: 0.5rem !important; }
html.dark .select2-container--default .select2-selection--single {border: 1px #4B5563 solid !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { height: 40px !important; line-height: 40px !important; background: #F9FAFB !important; border-radius: 0.5rem !important; }
html.dark .select2-container--default .select2-selection--single .select2-selection__rendered { background: #374151 !important; color: #fff !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 42px !important; }
.select2-container--default .select2-selection--single .select2-selection__choice { background: #818CF8 !important; border-color: #818CF8 !important; }

.select2-container--default .select2-selection--multiple { background: transparent !important; border: 1px #4B5563 solid !important; font-size: 13px !important; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background: #818CF8 !important; border-color: #818CF8 !important; }
.select2-container .select2-search--inline .select2-search__field { margin: 6px 10px !important; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { border-color: #818CF8 !important; background: #4338CA !important; color: #fff !important; }
html.light .select2-container--default .select2-selection--multiple .select2-selection__choice { color: #fff !important; }
html.light .select2-container--default .select2-selection--multiple { border: 1px #D1D5DB solid !important; }
.select2-results__option { font-size: 13px; }
.select2-results .select2-highlighted { background: #818CF8 !important; color: #fff !important; }
li.select2-results__option:hover { background: #818CF8 !important; color: #fff !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: #818CF8 !important; color: #fff !important; }

#portfolioAddSection { display: none; }

#searchCoinCompareSubmit { transition: all 0.3s linear; }
#searchCoinSocialMediaSubmit { transition: all 0.3s linear; }
#searchCoinExchangesSubmit { transition: all 0.3s linear; }

.search-coin-proccessing { animation: blinking 1s infinite; }

.page-description { font-size: 12px; }
.page-description p { margin-bottom: 10px; }
.page-description ul li { list-style-type: circle; margin-left: 30px; }

#modal-search-results { height: 400px; overflow-y: scroll; }

#social-links { width: 100%; }
#social-links ul { padding: 0; margin: 0; list-style-type: none; }
#social-links ul li { padding: 0; margin: 0 20px 0 0; list-style-type: none; display: inline-block; }
#social-links ul li:last-child { margin-right: 0; }
#social-links ul li a { font-size: 20px; color: #818CF8; transition: all 0.3s linear; }
#social-links ul li a:hover { opacity: 0.8; }

.text-10 { font-size: 10px !important; }

.coin-description p { margin-bottom: 20px; font-size: 14px; }
.coin-description p:last-child { margin-bottom: 0; }

@keyframes blinking{
    0%		{ background-color: #4338CA; }
	25%		{ background-color: #818CF8; }
	50%		{ background-color: #4338CA; }
	75%		{ background-color: #818CF8; }
	100%	{ background-color: #4338CA; }
}

@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}