/*GLOBAL*/ /*COLORS*/ .gold{ background-color: #d4af37 !important; } .gold:hover{ background-color: #ffd700 !important; } /*END OF COLORS*/ /*MARGIN*/ .no-margin{ margin: 0 0 0 0!important; } /*END OF MARGIN*/ /*FONT*/ body *{ font-family: 'Montserrat'; } .text-big{ text-decoration: underline; font-weight: bold; font-size: 1.6rem; } .font-fira-sans{ font-family: 'Fira sans'; } /*FONT*/ /*TRANSFORM*/ .rotate-minus-45{ transform: rotate(-45deg); } .inline-block{ display: inline-block!important; } /*END OF TRANSFORM*/ /*THEME "MAIN"*/ /*Apply "theme_main" class to */ .theme_main nav, .theme_main footer{ background-color: #1f1f1f!important; } .theme_main main{ background-color: rgba(32,33,36,1)!important; } .theme_main{ color: #e8eaed; } /*END OF THEME "MAIN"*/ /*THEME "TOOLBOX"*/ /*Apply "theme_toolbox" class to */ .theme_toolbox nav, .theme_toolbox footer{ background-color: #1f1f1f!important; } .theme_toolbox main{ background-color: rgba(32,33,36,1)!important; } .theme_toolbox main *{ color: red; } .theme_toolbox main .divider{ background-color: red; } .theme_toolbox main .card{ border-color: red; } /*THEME "TOOLBOX"*/ /*STICKY FOOTER*/ body{ display: flex; min-height: 100vh; flex-direction: column; } main{ flex: 1 0 auto; } /*END OF STICKY FOOTER*/ /*VARIOUS*/ main{ padding: 0 0 2.8rem 0; } .switch label .lever{ top: -2px; } /*END OF VARIOUS*/ /*SETTINGS MODAL*/ #settings-modal-index-or-not p, #settings-modal-index-or-not div.switch{ display: inline-block; } /*SETTINGS MODAL*/ /*PARALLAX*/ .parallax-container .parallax{ z-index: 0!important; } /*PARALLAX*/ /*END OF GLOBAL ----------------------------------*/ /*COMPONENTS*/ /*DATEPICKER*/ .theme_main .datepicker-day-button{ color: black; } /*DATEPICKER*/ /*NAV APPS LAUNCHER*/ #nav-apps-launcher{ } #nav-apps{ display: none; position: absolute; top: 76px; right: 12px; background-color: #1f1f1f!important; box-shadow: 0px 0px 3px 1px white; } #nav-apps a{ height: 83px; } #nav-apps i{ } #nav-apps span{ position: relative; top: -40px; } /*NAV APPS LAUNCHER*/ /*FIX INPUT BUG*/ input[type="text"] + label{ pointer-events: none; *{ pointer-events: all; } } /*FIX INPUT BUG*/ /*LOADER*/ .loader{ position: fixed; height: 100vh; width: 100%; z-index: 999; background-color: #1f1f1f; text-align: center; } .preloader-wrapper{ top: calc(50% - 48px); } /*END OF LOADER*/ /*BUTTON*/ .btn{ background-color: #2196F3 !important; } /*END OF BUTTON*/ /*TOAST*/ #toast_container_custom{ display: block; position: fixed; z-index: 10000; left: 15px; bottom: 15px; margin-right: 15px; } .toast .toast-action{ color: black!important; margin-right: -18px!important; margin-left: 5px!important; } .toast .btn-flat:hover{ background-color: rgba(0, 0, 0, 0.1); } .toast .btn-flat:focus{ background-color: rgba(0, 0, 0, 0.3); } .toast{ top: 0px !important; } .toast{ width: fit-content!important; } .error_color{ background-color: #d50000 !important; } .info_color{ background-color: #2962FF !important; } .warning_color{ background-color: #FF6D00 !important; } .success_color{ background-color: #00C853 !important; } /*END OF TOAST*/ /*CARD*/ /*GLOBAL*/ .card-image .card-title{ text-shadow: 1px 0px 1px black, 0px 1px 1px black, 0px 0px 8px black; } .btn-floating-2{ right: 96px!important; } .card-image a{ overflow: hidden; display: block; } .card-image img{ transition: all 0.2s; opacity: 63%; } .card-image.card-image-zoom img:hover{ transform: scale(1.2); transition: all 0.3s; } .hoverable-white:hover{ -webkit-box-shadow: 0 8px 17px 0 rgb(255 255 255 / 20%), 0 6px 20px 0 rgb(255 255 255 / 19%)!important; box-shadow: 0 8px 17px 0 rgb(255 255 255 / 20%), 0 6px 20px 0 rgb(255 255 255 / 19%)!important; } /*END OF GLOBAL*/ /*THEME MAIN*/ .theme_main .card{ background-color: rgba(32,33,36,1)!important; border: 1px solid white; } .theme_main .card-reveal{ background-color: rgba(32,33,36,1)!important; } .theme_main .card *{ color: white; } /*END OF THEME MAIN*/ /*THEME TOOLBOX*/ .theme_toolbox .card{ background-color: rgba(32,33,36,1)!important; border: 1px solid white; } .theme_toolbox .card-reveal{ background-color: rgba(32,33,36,1)!important; } /*THEME TOOLBOX*/ /*END OF CARD*/ /*COLLAPSIBLE*/ .collapsible-header{ background-color: transparent!important; } /*END OF COLLAPSIBLE*/ /*TIMELINE*/ .timeline-list-item{ display: inline-block; } .timeline-list a{ margin-right: 15px; } /*END OF TIMELINE*/ /*NAVBAR*/ /*MAIN NAVBAR*/ .nav-logo{ margin-left: 6px; } .nav-logo span{ font-size: 2.1rem; margin-left: 5px; } .nav-logo img{ height: 42px; border-radius: 50%; position: relative; top: 7px; } /*END OF MAIN NAVBAR*/ /*SIDENAV*/ .theme_main .sidenav{ background-color: rgba(32,33,36,1)!important; } .theme_main .sidenav li > a, .theme_main .sidenav li > a > i{ color: white!important; } .sidenav .nav-logo{ text-align: center; } .sidenav li{ margin-top: 8px; } /*END OF SIDENAV*/ /*END OF NAVBAR*/ /*HELP ON CLICK*/ .help-on-click{ text-decoration: underline dotted; cursor: help; } .help-on-click > span{ display: none; } /*END OF HELP ON CLICK*/ /*FORM*/ .input-field input:not(.select-dropdown), .theme_main button :not(.datepicker-day-button), .theme_main input :not(.datepicker-title-cx input), .theme_main optgroup, .theme_main select, .theme_main textarea{ color: white; } .theme_main .select-wrapper .caret{ fill: white; } /*END OF FORM*/ /*BREADCRUMB*/ .breadcrumb-container{ padding-left: 18px; height: 36px; line-height: 36px; } .theme_toolbox .breadcrumb-background, .theme_main .breadcrumb-background{ background-color: rgb(31 31 31); padding-left: 19px; } .theme_toolbox .breadcrumb-container, .theme_main .breadcrumb-container{ width: 100%; background-color: rgba(51, 51, 51, 8%); position: relative; box-shadow: 0px 3px 5px -5px rgb(0 0 0), 0 -1px 3px -2px rgb(0 0 0 / 37%); } /*BREADCRUMB*/ /*END OF COMPONENTS*/ /*SPECIFIC PAGE*/ /*BUSINESS SERVICES*/ #business_services .collapsible-body .row{ margin-bottom: 0!important; } /*END OF BUSINESS SERVICES*/ /*HOME*/ #home{ background-color: rgba(32,33,36,1)!important; color: white; font-family: Montserrat; } #home-card{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } #home-card .card{ background-color: #1f1f1f!important; } #home-logo{ width: 136px; margin: auto; border-radius: 50%; } /*END OF HOME ----------------------------------*/ /*ONE PIC PER DAY*/ #onepicperday_main{ background-repeat: no-repeat; background-size: contain; background-color: black; background-position: center center; background-attachment: fixed; } /*END OF ONE PIC PER DAY*/ /*TOOLBOX*/ #toolbox nav, #toolbox .page-footer{ background-color: #1f1f1f!important; } #toolbox main{ background-color: rgba(32,33,36,1)!important; } #toolbox{ color: #e8eaed; } /*END OF TOOLBOX*/ /*ACCOUNT*/ .btn-account-user{ text-transform: none!important; background-color: white !important; color: black !important; } .btn-account-project{ margin: 0 3px 0 3px; background-color: green !important; } /*END OF ACCOUNT*/ /*END OF SPECIFIC PAGE*/ /* .material-symbols-outlined{ font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' 0, 'opsz' 48 }*/ .breadcrumb-container a{ flex: 0 0 auto; } .breadcrumb-container{ display: flex; flex-wrap: nowrap; overflow-x: auto; width: 100%; }