/* -------------- GLOBALS -------------- */ /* -------------- COLORS -------------- */ .aital-white { color: #FFF !important; } .aital-bg-white { background-color: #FFF; } .aital-border-white { border: 1px solid #FFF; } .aital-grey { color: #CACACC !important; } .aital-bg-grey { background-color: #CACACC; } .aital-border-grey { border: 1px solid #CACACC; } .aital-blue { color: #4DA1FF !important; } .aital-bg-blue { background-color: #4DA1FF; } .aital-border-blue { border: 2px solid #4DA1FF; } .aital-dark-blue { color: #001E40 !important; } .aital-bg-dark-blue { background-color: #001E40; } .aital-border-dark-blue { border: 1px solid #001E40; } .aital-green { color: #00D493 !important; } .aital-bg-green { background-color: #00D493; } .aital-border-green { border: 1px solid #00D493; } .aital-red { color: #FF4980 !important; } .aital-bg-red { background-color: #FF4980; } .aital-border-red { border: 1px solid #FF4980; } .aital-orange { color: #FF9500 !important; } .aital-bg-orange { background-color: #FF9500; } .aital-border-orange { border: 1px solid #FF9500; } /* --------------- FONTS ---------------- */ #aital-admin-wrapper { width: 45.44445%; min-width: 800px; font-family: "Roboto", Arial, sans-serif; font-weight: 500; color: #001E40; } #aital-admin-wrapper h1, #aital-admin-wrapper h2, #aital-admin-wrapper h3, #aital-admin-wrapper h4, #aital-admin-wrapper h5, #aital-admin-wrapper h6 { font-weight: 700; } #aital-admin-wrapper h2 { font-size: 1.4em; } #aital-admin-wrapper a { color: #4DA1FF; } #aital-admin-wrapper p { font-size: 1.1em; } /* -------------- CONTENT -------------- */ /* Header */ #aital-header { margin-bottom: 25px; position: relative; } #aital-header > * { display: inline; } #aital-header #aital-logo { margin-top: 25px; } #aital-header #aital-title { margin-top: 0; margin-left: 25px; position: absolute; top: 52px; } /* Info Notification */ #aital-info-notification-section { padding: 0 10px; } #aital-info-notification-section > #aital-info-notification-message { max-width: 300px; } #aital-info-notification-section > #aital-info-notification-message > p { margin-top: 9px; margin-bottom: 0; } /* Scheduler */ #aital-scheduler-header > h2:first-child { display: inline-block; margin-right: 15px; } #aital-scheduler-config { margin-top: 10px; } #aital-scheduler-config > * { display: inline-block; margin: 0 4px; } #aital-scheduler-config > label { display: none; } #aital-scheduler-config > p { margin-left: 0; } /* -------------- ELEMENTS -------------- */ /* Spinner */ .aital-spinner { display: block; width: 20px; height: 20px; margin-top: 5px; } .aital-spinner:after { content: " "; display: block; width: 20px; height: 20px; margin: 1px; border-radius: 50%; border: 5px solid; border-color: #4DA1FF transparent #4DA1FF transparent; animation: aital-spinner 1.2s linear infinite; } @keyframes aital-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Buttons */ .aital-button, .aital-button-small { cursor: pointer; display: inline-block; font-size: 1.2em; letter-spacing: 1px; margin: 0 5px; font-weight: 400; border-radius: 4px; transition: 0.1s ease-in-out; } .aital-button:hover, .aital-button-small:hover { transform: scale(1.02); } .aital-button { padding: 10px 25px; } .aital-button-small { padding: 5px 15px; } /* Cards */ .aital-card { background: white; padding: 15px; border: 1px solid #E3E3E5; border-radius: 6px; margin-right: 20px; margin-bottom: 15px; box-shadow: 0 2px 3px rgba(2, 31, 63, 0.1), 0 30px 60px -25px rgba(2, 31, 63, 0.1), 0 0 120px rgba(2, 31, 63, 0.05); } .aital-card > h2:first-child { margin-top: 0; } /* Switches */ .aital-scheduler-switch-on, .aital-scheduler-switch-off { padding: 5px 18px 5px 13px; height: 26px; font-weight: 700; font-size: 1.2em; text-transform: uppercase; width: auto; border-radius: 20px; cursor: pointer; margin-bottom: 0; } .aital-scheduler-switch-on:before, .aital-scheduler-switch-off:before { content: ''; display: inline-block; width: 12px; height: 12px; -moz-border-radius: 7.5px; -webkit-border-radius: 7.5px; border-radius: 7.5px; } .aital-scheduler-switch-on { background: #d4fff2; color: #00D493; } .aital-scheduler-switch-on:before { background-color: #00D493; } .aital-scheduler-switch-off { background: #ffc9d9; color: #FF4980; } .aital-scheduler-switch-off:before { background-color: #FF4980; } /* -------------- HELPERS -------------- */ .aital-hidden { display: none; } .aital-float-left { float: left; } .aital-float-right { float: right; } .aital-float-clear { clear: both; } /*# sourceMappingURL=add-index-to-autoload-admin.css.map */