­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ /* $gray_color: #ebebeb; $gray_color2: #666666; */ .asl-toast { padding: 0 20px; top: 100px; right: 7px; width: auto; clear: both; margin-top: 10px; position: relative; max-width: 100%; height: auto; word-break: normal; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; box-sizing: inherit; border-radius: 0; } .asl-toast.rounded { border-radius: 24px; } .asl-toast.bubble { border-radius: 30px; min-height: 38px; line-height: 1.1em; background-color: #ff7043; padding: 0 20px; font-size: 15px; font-weight: 600; color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .asl-toast.bubble.success { background: #4caf50; } .asl-toast.bubble.error { background: #f44336; } .asl-toast.bubble.info { background: #3f51b5; } .asl-toast.bubble .action { color: #8e2b0c; } .asl-toast.outline { border-radius: 30px; min-height: 38px; line-height: 1.1em; background-color: #fff; border: 1px solid #676767; padding: 0 20px; font-size: 15px; color: #676767; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); font-weight: 700; } .asl-toast.outline.success { color: #4caf50; border-color: #4caf50; } .asl-toast.outline.error { color: #f44336; border-color: #f44336; } .asl-toast.outline.info { color: #3f51b5; border-color: #3f51b5; } .asl-toast.outline .action { color: #607d8b; } .asl-toast .primary, .asl-toast.asl-toast-primary { border-radius: 2px; min-height: 38px; line-height: 1.1em; background-color: #353535; padding: 6px 20px; font-size: 15px; font-weight: 600; color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .asl-toast .primary.success, .asl-toast.asl-toast-primary.success { background: #4caf50; } .asl-toast .primary.error, .asl-toast.asl-toast-primary.error { background: #f44336; } .asl-toast .primary.info, .asl-toast.asl-toast-primary.info { background: #3f51b5; } .asl-toast .primary .action, .asl-toast.asl-toast-primary .action { color: #a1c2fa; } .asl-toast-cont { position: fixed; z-index: 11111 !important; } .asl-toast-cont.full-width { max-width: 86%; width: 100%; } .asl-toast-cont.full-width.fit-to-screen { min-width: 100%; } .asl-toast-cont.full-width.fit-to-screen .asl-toast:first-child { margin-top: 0; } .asl-toast-cont.full-width.fit-to-screen.top-right { top: 0; right: 0; } .asl-toast-cont.full-width.fit-to-screen.top-left { top: 0; left: 0; } .asl-toast-cont.full-width.fit-to-screen.top-center { top: 0; left: 0; -webkit-transform: translateX(0); transform: translateX(0); } .asl-toast-cont.full-width.fit-to-screen.bottom-right { right: 0; bottom: 0; } .asl-toast-cont.full-width.fit-to-screen.bottom-left { left: 0; bottom: 0; } .asl-toast-cont.full-width.fit-to-screen.bottom-center { left: 0; bottom: 0; -webkit-transform: translateX(0); transform: translateX(0); } .asl-toast-cont.top-right { top: 10%; right: 7%; top: 0; right: 0; } .asl-toast-cont.top-left { top: 10%; left: 7%; top: 0; left: 0; } .asl-toast-cont.top-center { top: 10%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0; left: 0; -webkit-transform: translateX(0); transform: translateX(0); } .asl-toast-cont.bottom-right { right: 5%; bottom: 7%; right: 0; bottom: 0; } .asl-toast-cont.bottom-left { left: 5%; bottom: 7%; left: 0; bottom: 0; } .asl-toast-cont.bottom-center { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 7%; left: 0; bottom: 0; -webkit-transform: translateX(0); transform: translateX(0); } .asl-toast-cont .asl-toast .action { text-decoration: none; font-size: 0.8rem; padding: 8px; margin: 5px -7px 5px 7px; border-radius: 3px; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 600; cursor: pointer; } .asl-toast-cont .asl-toast .action.icon { padding: 4px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .asl-toast-cont .asl-toast .action.icon:hover { text-decoration: none; } .asl-toast-cont .asl-toast .action:hover { text-decoration: underline; } .asl-toast-cont .asl-toast:first-child { margin-top: 0; } .asl-toast-cont, .asl-toast-cont.full-width { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .asl-toast-cont.bottom-left .asl-toast, .asl-toast-cont.top-left .asl-toast { float: left; } .asl-toast-cont.bottom-right .asl-toast, .asl-toast-cont.top-right .asl-toast { float: right; } .asl-toast-cont .asl-toast .fa, .asl-toast-cont .asl-toast .fab, .asl-toast-cont .asl-toast .far, .asl-toast-cont .asl-toast .fas, .asl-toast-cont .asl-toast .material-icons, .asl-toast-cont .asl-toast .mdi { margin-right: 0.5rem; margin-left: -0.4rem; } .asl-toast-cont .asl-toast .fa.after, .asl-toast-cont .asl-toast .fab.after, .asl-toast-cont .asl-toast .far.after, .asl-toast-cont .asl-toast .fas.after, .asl-toast-cont .asl-toast .material-icons.after, .asl-toast-cont .asl-toast .mdi.after { margin-left: 0.5rem; margin-right: -0.4rem; } .asl-toast-cont .asl-toast .action.icon .fa, .asl-toast-cont .asl-toast .action.icon .material-icons, .asl-toast-cont .asl-toast .action.icon .mdi { margin-right: 0; margin-left: 4px; } .asl-toast-cont.bottom-center, .asl-toast-cont.top-center { -ms-flex-align: stretch !important; align-items: stretch !important; } .asl-toast-cont.bottom-left .asl-toast, .asl-toast-cont.bottom-right .asl-toast, .asl-toast-cont.top-left .asl-toast, .asl-toast-cont.top-right .asl-toast { float: none; } @media only screen and (max-width: 600px) { .asl-toast-cont { min-width: 100%; } } /** * Reset rules */ .asl-store-form.asl-cont *, .asl-store-form.asl-cont *::before, .asl-store-form.asl-cont *::after { box-sizing: border-box; } .asl-store-form.asl-cont * { line-height: 1rem; } @-ms-viewport { width: device-width; } .asl-store-form.asl-cont article, .asl-store-form.asl-cont aside, .asl-store-form.asl-cont figcaption, .asl-store-form.asl-cont figure, .asl-store-form.asl-cont footer, .asl-store-form.asl-cont header, .asl-store-form.asl-cont hgroup, .asl-store-form.asl-cont main, .asl-store-form.asl-cont nav, .asl-store-form.asl-cont section { display: block; } .asl-store-form.asl-cont [tabindex="-1"]:focus { outline: 0 !important; } .asl-store-form.asl-cont hr { box-sizing: content-box; height: 0; overflow: visible; } .asl-store-form.asl-cont h1, .asl-store-form.asl-cont h2, .asl-store-form.asl-cont h3, .asl-store-form.asl-cont h4, .asl-store-form.asl-cont h5, .asl-store-form.asl-cont h6 { margin-top: 0; margin-bottom: 0; clear: initial; } .asl-store-form.asl-cont p { margin: 0; padding: 0; } .asl-store-form.asl-cont a { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; display: block; text-decoration: none; } .asl-store-form.asl-cont label { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; display: block; } .asl-store-form.asl-cont a:hover { text-decoration: none; } .asl-store-form.asl-cont ul, .asl-store-form.asl-cont ol { margin: 0; padding: 0; list-style: none; } .asl-store-form.asl-cont ul li { list-style: none; } .asl-store-form.asl-cont abbr[title], .asl-store-form.asl-cont abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; } .asl-store-form.asl-cont address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } .asl-store-form.asl-cont ol ol, .asl-store-form.asl-cont ul ul, .asl-store-form.asl-cont ol ul, .asl-store-form.asl-cont ul ol { margin-bottom: 0; } .asl-store-form.asl-cont dd { margin-bottom: 0.5rem; margin-left: 0; } .asl-store-form.asl-cont blockquote { margin: 0 0 1rem; } .asl-store-form.asl-cont dfn { font-style: italic; } .asl-store-form.asl-cont b, .asl-store-form.asl-cont strong { font-weight: bolder; } .asl-store-form.asl-cont small { font-size: 80%; } .asl-store-form.asl-cont sub, .asl-store-form.asl-cont sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } .asl-store-form.asl-cont sub { bottom: -0.25em; } .asl-store-form.asl-cont sup { top: -0.5em; } .asl-store-form.asl-cont a:not([href]):not([tabindex]):focus { outline: 0; } .asl-store-form.asl-cont img { vertical-align: middle; border-style: none; } .asl-store-form.asl-cont svg { overflow: hidden; vertical-align: middle; } .asl-store-form.asl-cont table { border-collapse: collapse; table-layout: inherit; border: none; } .asl-store-form.asl-cont caption { text-align: left; caption-side: bottom; } .asl-store-form.asl-cont th { text-align: inherit; } .asl-store-form.asl-cont td { border: none; } .asl-store-form.asl-cont label { display: inline-block; } .asl-store-form.asl-cont button { border-radius: 0; } .asl-store-form.asl-cont button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } .asl-store-form.asl-cont input, .asl-store-form.asl-cont button, .asl-store-form.asl-cont select, .asl-store-form.asl-cont optgroup, .asl-store-form.asl-cont textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } .asl-store-form.asl-cont button, .asl-store-form.asl-cont input { overflow: visible; } .asl-store-form.asl-cont button, .asl-store-form.asl-cont select { text-transform: none; } .asl-store-form.asl-cont button, .asl-store-form.asl-cont html [type="button"], .asl-store-form.asl-cont [type="reset"], .asl-store-form.asl-cont [type="submit"] { -webkit-appearance: button; } .asl-store-form.asl-cont button::-moz-focus-inner, .asl-store-form.asl-cont [type="button"]::-moz-focus-inner, .asl-store-form.asl-cont [type="reset"]::-moz-focus-inner, .asl-store-form.asl-cont [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } .asl-store-form.asl-cont input[type="radio"], .asl-store-form.asl-cont input[type="checkbox"] { box-sizing: border-box; padding: 0; } .asl-store-form.asl-cont input[type="date"], .asl-store-form.asl-cont input[type="time"], .asl-store-form.asl-cont input[type="datetime-local"], .asl-store-form.asl-cont input[type="month"] { -webkit-appearance: listbox; } .asl-store-form.asl-cont textarea { overflow: auto; resize: vertical; } .asl-store-form.asl-cont fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } .asl-store-form.asl-cont legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } .asl-store-form.asl-cont progress { vertical-align: baseline; } /** * [type SCSS FORM] * @type {String} */ /*Categories*/ .asl-store-form.asl-cont { font-family: var(--sl-font-family, inherit); align-items: center; opacity: 1 !important; margin-top: 0.5rem; margin-bottom: 0.5rem; } .asl-store-form.asl-cont [type="number"]::-webkit-inner-spin-button { height: auto; } .asl-store-form.asl-cont [type="number"]::-webkit-outer-spin-button { height: auto; } .asl-store-form.asl-cont [type="search"] { outline-offset: -2px; -webkit-appearance: none; } .asl-store-form.asl-cont [type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } .asl-store-form.asl-cont [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } .asl-store-form.asl-cont .asl-register-map { height: var(--sl-map-height, 300px); width: 100%; margin-top: 1rem; } .asl-store-form.asl-cont::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } .asl-store-form.asl-cont output { display: inline-block; } .asl-store-form.asl-cont summary { display: list-item; cursor: pointer; } .asl-store-form.asl-cont template { display: none; } .asl-store-form.asl-cont [hidden] { display: none !important; } .asl-store-form.asl-cont [class*="pol-"] { padding-top: 0px; padding-bottom: 0px; height: auto; } .asl-store-form.asl-cont i { margin: auto; } .asl-store-form.asl-cont h1 { line-height: 1.4em; } .asl-store-form.asl-cont h2 { line-height: 1.4em; } .asl-store-form.asl-cont h3 { line-height: 1.4em; } .asl-store-form.asl-cont h4 { line-height: 1.4em; } .asl-store-form.asl-cont h5 { line-height: 1.4em; } .asl-store-form.asl-cont h6 { line-height: 1.4em; } .asl-store-form.asl-cont a:hover { color: #000; } .asl-store-form.asl-cont a:focus { outline: none; outline-offset: inherit; } .asl-store-form.asl-cont button { cursor: pointer; } .asl-store-form.asl-cont button:focus { border: none; box-shadow: none; outline: none; border-color: transparent; } .asl-store-form.asl-cont p { line-height: 1.4em; margin-bottom: 0; } .asl-store-form.asl-cont ul { padding: 0; margin-left: 0; } .asl-store-form.asl-cont ul li { line-height: 1.4em; } .asl-store-form.asl-cont .custom-control-input:checked ~ .custom-control-label::before { color: #002e5f; background-color: #002e5f; border-color: #002e5f; } .asl-store-form.asl-cont .form-control { border: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#002e5f), to(#002e5f)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2)); background-image: -webkit-linear-gradient(#002e5f, #2580c3), -webkit-linear-gradient(#d2d2d2, #d2d2d2); background-image: -o-linear-gradient(#002e5f, #002e5f), -o-linear-gradient(#d2d2d2, #d2d2d2); background-image: linear-gradient(#002e5f, #002e5f), linear-gradient(#d2d2d2, #d2d2d2); -webkit-background-size: 0 2px, 100% 1px; background-size: 0 2px, 100% 1px; background-repeat: no-repeat; background-position: center bottom, center -webkit-calc(100% - 1px); background-position: center bottom, center calc(100% - 1px); background-color: rgba(0, 0, 0, 0); -webkit-transition: background 0s ease-out; -o-transition: background 0s ease-out; transition: background 0s ease-out; float: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; margin-bottom: 7px; font-weight: 500; height: auto; } .asl-store-form.asl-cont .form-control:focus { box-shadow: none; outline: none; outline-offset: inherit; border: none; } .asl-store-form.asl-cont .form-control::-moz-placeholder { color: #32373c; color: var(--sl-font-color, #32373c); font-weight: 400; font-size: 16px; font-size: var(--sl-font-size, 16px); line-height: 1.42857143; color: #32373c; color: var(--sl-font-color, #32373c); font-weight: 400; } .asl-store-form.asl-cont .form-control:-ms-input-placeholder { color: #32373c; color: var(--sl-font-color, #32373c); font-weight: 400; font-size: 16px; font-size: var(--sl-font-size, 16px); line-height: 1.42857143; color: #32373c; color: var(--sl-font-color, #32373c); font-weight: 400; } .asl-store-form.asl-cont .form-control::-webkit-input-placeholder { color: #32373c; color: var(--sl-font-color, #32373c); font-weight: 400; font-size: 16px; font-size: var(--sl-font-size, 16px); line-height: 1.42857143; color: #32373c; color: var(--sl-font-color, #32373c); font-weight: 400; } .asl-store-form.asl-cont .center { text-align: center; } .asl-store-form.asl-cont .align_right { text-align: right; } .asl-store-form.asl-cont .btn_center { display: block; margin: 0 auto; } .asl-store-form.asl-cont .child-pernt { display: table; height: 100%; width: 100%; } .asl-store-form.asl-cont .child { display: table-cell; vertical-align: middle; } .asl-store-form.asl-cont .section-title { font-size: 30px; font-size: var(--sl-title-size, 30px); color: #002e5f; color: var(--sl-title-color, #002e5f); margin-bottom: 5px; margin-top: 10px; } .asl-store-form.asl-cont .section-title + p { margin-bottom: 15px; font-size: 16px; font-size: var(--sl-font-size, 16px); color: #32373c; color: var(--sl-font-color, #32373c); font-style: italic; } .asl-store-form.asl-cont .sl-sub-title { margin-bottom: 15px; font-size: 22px; font-size: var(--sl-subtitle-size, 22px); color: #002e5f; color: var(--sl-subtitle-color, #002e5f); margin-top: 30px !important; font-weight: 600; } .asl-store-form.asl-cont #sl-btn-save { width: auto; float: left; font-size: 16px; font-size: var(--sl-action-btn-font-size, 16px); color: #fff; color: var(--sl-action-btn-color, #fff); background-color: #002e5f; background-color: var(--sl-action-btn-bg, #002e5f); border-color: #002e5f; border-color: var(--sl-action-btn-border, #002e5f); cursor: pointer; } .asl-store-form.asl-cont .dropzone { border: 2px dashed #dedede; border-radius: 5px; background: #f5f5f5; min-height: 100px; text-align: center; vertical-align: middle; } .asl-store-form.asl-cont .dropzone i { font-size: 5rem; } .asl-store-form.asl-cont .dropzone .dz-message { color: rgba(0, 0, 0, 0.54); font-weight: 500; font-size: initial; text-transform: uppercase; } .asl-store-form.asl-cont .sl-form-group { position: relative; padding-bottom: 7px; margin: 28px 0 0 0; } .asl-store-form.asl-cont .sl-form-group .form-control { border: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#002e5f), to(#002e5f)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2)); background-image: -webkit-linear-gradient(#002e5f, #002e5f), -webkit-linear-gradient(#d2d2d2, #d2d2d2); background-image: -o-linear-gradient(#002e5f, #002e5f), -o-linear-gradient(#d2d2d2, #d2d2d2); background-image: linear-gradient(#002e5f, #002e5f), linear-gradient(#d2d2d2, #d2d2d2); -webkit-background-size: 0 2px, 100% 1px; background-size: 0 2px, 100% 1px; background-repeat: no-repeat; background-position: center bottom, center -webkit-calc(100% - 1px); background-position: center bottom, center calc(100% - 1px); background-color: rgba(0, 0, 0, 0); -webkit-transition: background 0s ease-out; -o-transition: background 0s ease-out; transition: background 0s ease-out; float: none; color: #32373c; color: var(--sl-font-color, #32373c); -webkit-box-shadow: none; box-shadow: none; border-radius: 0; font-size: 16px; font-size: var(--sl-font-size, 16px); margin-bottom: 7px; } .asl-store-form.asl-cont .sl-form-group .form-control::-moz-placeholder { color: #32373c; color: var(--sl-font-color, #32373c); font-weight: 400; font-size: 16px; line-height: 1.42857143; color: #32373c; color: var(--sl-font-color, #32373c); font-weight: 400; } .asl-store-form.asl-cont .sl-form-group .form-control:-ms-input-placeholder { color: #32373c; color: var(--sl-font-color, #32373c); font-weight: 400; font-size: 16px; line-height: 1.42857143; color: #32373c; color: var(--sl-font-color, #32373c); font-weight: 400; } .asl-store-form.asl-cont .sl-form-group .form-control::-webkit-input-placeholder { color: #32373c; color: var(--sl-font-color, #32373c); font-weight: 400; font-size: 16px; line-height: 1.42857143; color: #32373c; color: var(--sl-font-color, #32373c); font-weight: 400; } .asl-store-form.asl-cont .sl-form-group .form-control[disabled] { background-color: rgba(0, 0, 0, 0); background-image: none; border-bottom: 1px dotted #d2d2d2; } .asl-store-form.asl-cont .sl-form-group .form-control[readonly] { background-color: rgba(0, 0, 0, 0); } .asl-store-form.asl-cont .sl-form-group .help-block { position: absolute; display: none; margin-top: 0; font-size: 12px; } .asl-store-form.asl-cont .sl-form-group .with-errors { display: none; } .asl-store-form.asl-cont .sl-form-group textarea { resize: none; } .asl-store-form.asl-cont .sl-form-group textarea ~ .form-control-highlight { margin-top: -11px; } .asl-store-form.asl-cont .sl-form-group select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .asl-store-form.asl-cont .sl-form-group select ~ .material-input:after { display: none; } .asl-store-form.asl-cont .sl-form-group .checkbox label { font-size: 16px; line-height: 1.42857143; color: #32373c; color: var(--sl-font-color, #32373c); font-weight: 400; } .asl-store-form.asl-cont .sl-form-group .radio label { font-size: 16px; line-height: 1.42857143; color: #32373c; color: var(--sl-font-color, #32373c); font-weight: 400; } .asl-store-form.asl-cont .sl-form-group label { font-size: 16px; font-size: var(--sl-font-size, 16px); line-height: 1.42857143; color: #32373c; color: var(--sl-font-color, #32373c); font-weight: 400; } .asl-store-form.asl-cont .sl-form-group label.control-label { font-size: 12px; line-height: 1.07142857; font-weight: 400; margin: 16px 0 0 0; color: #32373c; color: var(--sl-label-color, #32373c); } .asl-store-form.asl-cont .sl-form-group input[type="file"] { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .asl-store-form.asl-cont .form-control[disabled] { background-color: rgba(0, 0, 0, 0); background-image: none; border-bottom: 1px dotted #d2d2d2; } .asl-store-form.asl-cont .form-control[readonly] { background-color: rgba(0, 0, 0, 0); } .asl-store-form.asl-cont fieldset[disabled] .form-control { background-color: rgba(0, 0, 0, 0); background-image: none; border-bottom: 1px dotted #d2d2d2; } .asl-store-form.asl-cont fieldset[disabled] .sl-form-group .form-control { background-color: rgba(0, 0, 0, 0); background-image: none; border-bottom: 1px dotted #d2d2d2; } .asl-store-form.asl-cont .sl-form-group.sl-group label.control-label { position: absolute; pointer-events: none; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; will-change: left, top, contents; top: -7px; font-size: 16px; font-size: var(--sl-label-size, 16px); line-height: 1.42857143; } .asl-store-form.asl-cont .sl-form-group.sl-group:not(.is-empty) label.control-label { top: -30px; left: 0; font-size: 14px; font-size: var(--sl-label-size, 14px); line-height: 1.07142857; } .asl-store-form.asl-cont .sl-form-group.sl-group input.form-control:-webkit-autofill ~ label.control-label label.control-label { top: -30px; left: 0; font-size: 14px; font-size: var(--sl-label-size, 14px); line-height: 1.07142857; } .asl-store-form.asl-cont .sl-form-group.label-placeholder label.control-label { position: absolute; pointer-events: none; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; top: -7px; font-size: 16px; font-size: var(--sl-label-size, 16px); line-height: 1.42857143; } .asl-store-form.asl-cont .sl-form-group.label-placeholder:not(.is-empty) label.control-label { display: none; } .asl-store-form.asl-cont .sl-form-group.label-static label.control-label { position: absolute; pointer-events: none; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; top: -30px; left: 0; font-size: 12px; line-height: 1.07142857; } .asl-store-form.asl-cont .sl-form-group.is-focused .form-control { outline: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#002e5f), to(#002e5f)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2)); background-image: -webkit-linear-gradient(#002e5f, #002e5f), -webkit-linear-gradient(#d2d2d2, #d2d2d2); background-image: -o-linear-gradient(#002e5f, #002e5f), -o-linear-gradient(#d2d2d2, #d2d2d2); background-image: linear-gradient(#002e5f, #002e5f), linear-gradient(#d2d2d2, #d2d2d2); -webkit-background-size: 100% 2px, 100% 1px; background-size: 100% 2px, 100% 1px; -webkit-box-shadow: none; box-shadow: none; color: #32373c; color: var(--sl-font-color, #32373c); -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .asl-store-form.asl-cont .sl-form-group.is-focused .form-control .material-input:after { background-color: #002e5f; } .asl-store-form.asl-cont .sl-form-group.is-focused label { color: #32373c; color: var(--sl-font-color, #32373c); } .asl-store-form.asl-cont .sl-form-group.is-focused label.control-label { color: #32373c; color: var(--sl-label-color, #32373c); } .asl-store-form.asl-cont .sl-form-group.is-focused select.form-control { -webkit-box-shadow: none; box-shadow: none; border-color: #d2d2d2; } .asl-store-form.asl-cont .sl-form-group.is-focused select.form-control[multiple] { height: 85px; } .asl-store-form.asl-cont .sl-form-group.is-focused.label-placeholder label { color: #32373c; color: var(--sl-font-color, #32373c); } .asl-store-form.asl-cont .sl-form-group.is-focused.label-placeholder label.control-label { color: #32373c; color: var(--sl-label-color, #32373c); } .asl-store-form.asl-cont .sl-form-group.has-warning .form-control { -webkit-box-shadow: none; box-shadow: none; } .asl-store-form.asl-cont .sl-form-group.has-warning .help-block { color: #ff5722; } .asl-store-form.asl-cont .sl-form-group.has-warning label.control-label { color: #32373c; color: var(--sl-label-color, #32373c); } .asl-store-form.asl-cont .sl-form-group.has-warning.is-focused .form-control { background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5722), to(#ff5722)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2)); background-image: -webkit-linear-gradient(#ff5722, #ff5722), -webkit-linear-gradient(#d2d2d2, #d2d2d2); background-image: -o-linear-gradient(#ff5722, #ff5722), -o-linear-gradient(#d2d2d2, #d2d2d2); background-image: linear-gradient(#ff5722, #ff5722), linear-gradient(#d2d2d2, #d2d2d2); } .asl-store-form.asl-cont .sl-form-group.has-error .form-control { -webkit-box-shadow: none; box-shadow: none; background-image: linear-gradient(#ff0000, #ff0000), linear-gradient(#ff0000, #ff0000); } .asl-store-form.asl-cont .sl-form-group.has-error .help-block { color: #f44336; } .asl-store-form.asl-cont .sl-form-group.has-error label.control-label { color: #32373c; color: var(--sl-label-color, #32373c); } .asl-store-form.asl-cont .sl-form-group.has-error .with-errors { display: block; margin-top: -3px; } .asl-store-form.asl-cont .sl-form-group.has-success .form-control { -webkit-box-shadow: none; box-shadow: none; } .asl-store-form.asl-cont .sl-form-group.has-success .help-block { color: #4caf50; } .asl-store-form.asl-cont .sl-form-group.has-success label.control-label { color: #32373c; color: var(--sl-label-color, #32373c); } .asl-store-form.asl-cont .sl-form-group.has-success.is-focused .form-control { background-image: -webkit-gradient(linear, left top, left bottom, from(#4caf50), to(#4caf50)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2)); background-image: -webkit-linear-gradient(#4caf50, #4caf50), -webkit-linear-gradient(#d2d2d2, #d2d2d2); background-image: -o-linear-gradient(#4caf50, #4caf50), -o-linear-gradient(#d2d2d2, #d2d2d2); background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#d2d2d2, #d2d2d2); } .asl-store-form.asl-cont .sl-form-group.has-info .form-control { -webkit-box-shadow: none; box-shadow: none; } .asl-store-form.asl-cont .sl-form-group.has-info .help-block { color: #32373c; color: var(--sl-label-color, #32373c); } .asl-store-form.asl-cont .sl-form-group.has-info label.control-label { color: #32373c; color: var(--sl-label-color, #32373c); } .asl-store-form.asl-cont .sl-form-group.has-info.is-focused .form-control { background-image: -webkit-gradient(linear, left top, left bottom, from(#03a9f4), to(#03a9f4)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2)); background-image: -webkit-linear-gradient(#03a9f4, #03a9f4), -webkit-linear-gradient(#d2d2d2, #d2d2d2); background-image: -o-linear-gradient(#03a9f4, #03a9f4), -o-linear-gradient(#d2d2d2, #d2d2d2); background-image: linear-gradient(#03a9f4, #03a9f4), linear-gradient(#d2d2d2, #d2d2d2); } .asl-store-form.asl-cont .checkbox label { font-size: 16px; font-size: var(--sl-label-size, 16px); line-height: 1.42857143; color: #32373c; color: var(--sl-label-color, #32373c); font-weight: 400; } .asl-store-form.asl-cont .radio label { font-size: 16px; font-size: var(--sl-label-size, 16px); line-height: 1.42857143; color: #32373c; color: var(--sl-label-color, #32373c); font-weight: 400; } .asl-store-form.asl-cont label { font-size: 16px; line-height: 1.42857143; color: #32373c; color: var(--sl-label-color, #32373c); font-weight: 400; } .asl-store-form.asl-cont label.control-label { font-size: 12px; line-height: 1.07142857; font-weight: 400; margin: 16px 0 0 0; } .asl-store-form.asl-cont .help-block { margin-top: 0; font-size: 12px; } .asl-store-form.asl-cont .sl-form-group.sl-group.is-focused label.control-label { top: -30px; left: 0; font-size: 12px; line-height: 1.07142857; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-sm { padding-bottom: 3px; margin: 21px 0 0 0; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-sm .form-control { margin-bottom: 3px; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-sm .form-control::-moz-placeholder { font-size: 11px; line-height: 1.5; color: #32373c; color: var(--sl-label-color, #32373c); font-weight: 400; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-sm .form-control:-ms-input-placeholder { font-size: 11px; line-height: 1.5; color: #32373c; color: var(--sl-label-color, #32373c); font-weight: 400; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-sm .form-control::-webkit-input-placeholder { font-size: 11px; line-height: 1.5; color: #32373c; color: var(--sl-label-color, #32373c); font-weight: 400; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-sm .checkbox label { font-size: 11px; line-height: 1.5; color: #32373c; color: var(--sl-label-color, #32373c); font-weight: 400; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-sm .radio label { font-size: 11px; line-height: 1.5; color: #32373c; color: var(--sl-label-color, #32373c); font-weight: 400; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-sm label { font-size: 11px; line-height: 1.5; color: #32373c; color: var(--sl-label-color, #32373c); font-weight: 400; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-sm label.control-label { font-size: 9px; line-height: 1.125; font-weight: 400; margin: 16px 0 0 0; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-sm .help-block { margin-top: 0; font-size: 9px; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-sm .input-group-btn .btn { margin: 0 0 3px 0; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-sm.sl-group label.control-label { top: -11px; font-size: 11px; line-height: 1.5; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-sm.sl-group:not(.is-empty) label.control-label { top: -25px; left: 0; font-size: 9px; line-height: 1.125; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-sm.sl-group input.form-control:-webkit-autofill ~ label.control-label label.control-label { top: -25px; left: 0; font-size: 9px; line-height: 1.125; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-sm.label-placeholder label.control-label { top: -11px; font-size: 11px; line-height: 1.5; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-sm.sl-group.is-focused label.control-label { top: -25px; left: 0; font-size: 9px; line-height: 1.125; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-sm.label-static label.control-label { top: -25px; left: 0; font-size: 9px; line-height: 1.125; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-lg { padding-bottom: 9px; margin: 30px 0 0 0; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-lg .form-control { margin-bottom: 9px; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-lg .form-control::-moz-placeholder { font-size: 18px; line-height: 1.3333333; color: #32373c; color: var(--sl-label-color, #32373c); font-weight: 400; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-lg .form-control:-ms-input-placeholder { font-size: 18px; line-height: 1.3333333; color: #32373c; color: var(--sl-label-color, #32373c); font-weight: 400; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-lg .form-control::-webkit-input-placeholder { font-size: 18px; line-height: 1.3333333; color: #32373c; color: var(--sl-label-color, #32373c); font-weight: 400; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-lg .checkbox label { font-size: 18px; line-height: 1.3333333; color: #32373c; color: var(--sl-label-color, #32373c); font-weight: 400; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-lg .radio label { font-size: 18px; line-height: 1.3333333; color: #32373c; color: var(--sl-label-color, #32373c); font-weight: 400; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-lg label { font-size: 18px; line-height: 1.3333333; color: #32373c; color: var(--sl-label-color, #32373c); font-weight: 400; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-lg label.control-label { font-size: 14px; line-height: 0.99999998; font-weight: 400; margin: 16px 0 0 0; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-lg .help-block { margin-top: 0; font-size: 14px; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-lg .input-group-btn .btn { margin: 0 0 9px 0; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-lg.sl-group label.control-label { top: -5px; font-size: 18px; line-height: 1.3333333; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-lg.sl-group:not(.is-empty) label.control-label { top: -32px; left: 0; font-size: 14px; line-height: 0.99999998; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-lg.sl-group input.form-control:-webkit-autofill ~ label.control-label label.control-label { top: -32px; left: 0; font-size: 14px; line-height: 0.99999998; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-lg.label-placeholder label.control-label { top: -5px; font-size: 18px; line-height: 1.3333333; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-lg.sl-group.is-focused label.control-label { top: -32px; left: 0; font-size: 14px; line-height: 0.99999998; } .asl-store-form.asl-cont .sl-form-group.sl-form-group-lg.label-static label.control-label { top: -32px; left: 0; font-size: 14px; line-height: 0.99999998; } .asl-store-form.asl-cont select.form-control.custom-select { border: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; height: 33px !important; } .asl-store-form.asl-cont select.form-control[multiple] { height: 85px; } .asl-store-form.asl-cont .input-group-btn .btn { margin: 0 0 7px 0; } .asl-store-form.asl-cont .input-group .input-group-btn { padding: 0 12px; } .asl-store-form.asl-cont .input-group .input-group-addon { border: 0; background: 0 0; } .asl-store-form.asl-cont .adropdown-toggle::after { display: none !important; } .asl-store-form.asl-cont .sl-form-ddl div.btn-group { width: 100%; max-width: unset; } .asl-store-form.asl-cont .sl-form-ddl div.btn-group .btn-default { border: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#002e5f), to(#002e5f)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2)); background-image: -webkit-linear-gradient(#002e5f, #002e5f), -webkit-linear-gradient(#d2d2d2, #d2d2d2); background-image: -o-linear-gradient(#002e5f, #002e5f), -o-linear-gradient(#d2d2d2, #d2d2d2); background-image: linear-gradient(#002e5f, #002e5f), linear-gradient(#d2d2d2, #d2d2d2); -webkit-background-size: 0 2px, 100% 1px; background-size: 0 2px, 100% 1px; background-repeat: no-repeat; background-position: center bottom, center -webkit-calc(100% - 1px); background-position: center bottom, center calc(100% - 1px); background-color: rgba(0, 0, 0, 0); -webkit-transition: background 0s ease-out; -o-transition: background 0s ease-out; transition: background 0s ease-out; float: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } .asl-store-form.asl-cont .sl-form-ddl div.btn-group.open .btn-default { outline: 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#002e5f), to(#002e5f)), -webkit-gradient(linear, left top, left bottom, from(#d2d2d2), to(#d2d2d2)); background-image: -webkit-linear-gradient(#002e5f, #002e5f), -webkit-linear-gradient(#d2d2d2, #d2d2d2); background-image: -o-linear-gradient(#002e5f, #002e5f), -o-linear-gradient(#d2d2d2, #d2d2d2); background-image: linear-gradient(#002e5f, #002e5f), linear-gradient(#d2d2d2, #d2d2d2); -webkit-background-size: 100% 2px, 100% 1px; background-size: 100% 2px, 100% 1px; -webkit-box-shadow: none; color: #32373c; color: var(--sl-font-color, #32373c); box-shadow: none; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .asl-store-form.asl-cont .sl-form-ddl .adropdown-menu { width: 100%; margin-top: 0px !important; } .asl-store-form.asl-cont .form-control:focus { box-shadow: none; -webkit-box-shadow: none; border-color: #dee2e6; } .asl-store-form.asl-cont .adropdown-menu input[type="checkbox"] { visibility: hidden; position: absolute; margin-left: -20px; } .asl-store-form.asl-cont .adropdown-menu input[type="radio"] { visibility: hidden; position: absolute; margin-left: -20px; } .asl-store-form.asl-cont .btn-default { border-color: #dee2e6; outline: none; box-shadow: none; } .asl-store-form.asl-cont .btn-default:focus { border-color: #dee2e6; outline: none; box-shadow: none; } .asl-store-form.asl-cont .btn-default:hover { border-color: #dee2e6; outline: none; box-shadow: none; } .asl-store-form.asl-cont .btn .caret { position: absolute; top: 18px; right: 10px; color: #212529; background: #fff url(../images/down-arrow.svg) 96% center no-repeat; border: none !important; width: 10px; height: 6px; } .asl-store-form.asl-cont .adropdown-toggle.multiselect.btn-default { width: 100%; height: 35px; border-radius: 0px !important; border-left: 0px; border-right: 0px; border: 0px !important; color: #495057; } .asl-store-form.asl-cont .alert.asl-geo-err { position: absolute; top: 0; width: 50%; text-align: center; z-index: 100000; left: 25%; padding: 5px; } .asl-store-form.asl-cont .btn-default span { font-size: 14px; font-size: var(--sl-font-size, 14px); color: #32373c; color: var(--sl-font-color, #32373c); text-align: left; display: block; width: 100%; } .asl-store-form.asl-cont .adropdown-menu { font-size: 14px; position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 0px; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .asl-store-form.asl-cont .adropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .asl-store-form.asl-cont .adropdown-menu > li > a { outline: none; height: 42px; display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; } .asl-store-form.asl-cont .adropdown-menu > li > a:hover { text-decoration: none; color: #262626; background-color: #f5f5f5; } .asl-store-form.asl-cont .adropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .asl-store-form.asl-cont .adropdown-menu > .active > a { color: #32373c; color: var(--sl-font-color, #32373c); text-decoration: none; outline: 0; background-color: #002e5f; } .asl-store-form.asl-cont .adropdown-menu > .active > a:hover { color: #32373c; color: var(--sl-font-color, #32373c); text-decoration: none; outline: 0; background-color: #002e5f; } .asl-store-form.asl-cont .adropdown-menu > .active > a:focus { color: #32373c; color: var(--sl-font-color, #32373c); text-decoration: none; outline: 0; background-color: #002e5f; } .asl-store-form.asl-cont .adropdown-menu > .disabled > a { color: #777; } .asl-store-form.asl-cont .adropdown-menu > .disabled > a:hover { color: #777; text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .asl-store-form.asl-cont .adropdown-menu > .disabled > a:focus { color: #777; text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .asl-store-form.asl-cont .adropdown-menu.pull-right { right: 0; left: auto; } .asl-store-form.asl-cont .open > .adropdown-menu { display: block; } .asl-store-form.asl-cont .open > a { outline: 0; } .asl-store-form.asl-cont .adropdown-menu-right { left: auto; right: 0; } .asl-store-form.asl-cont .adropdown-menu-left { left: 0; right: auto; } .asl-store-form.asl-cont .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap; } .asl-store-form.asl-cont .adropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .asl-store-form.asl-cont .pull-right > .adropdown-menu { right: 0; left: auto; } .asl-store-form.asl-cont .dropup .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; content: ""; } .asl-store-form.asl-cont .dropup .adropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } .asl-store-form.asl-cont .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; content: ""; } .asl-store-form.asl-cont .navbar-fixed-bottom .dropdown .adropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } .asl-store-form.asl-cont .btn-group .btn { font-size: 14px; } .asl-store-form.asl-cont .btn { font-weight: normal; } .asl-store-form.asl-cont .btn-primary { background: #337ab7; } .asl-store-form.asl-cont .adropdown-toggle.multiselect.btn-default:last-child { border-right: none; } .asl-store-form.asl-cont .sl-geo-btn { background-color: #eee; font-size: 14px; display: flex; border-radius: 3px; align-items: center; justify-content: center; cursor: pointer; color: #fff; max-width: 102px; height: 35px; width: auto; position: absolute; right: 5px; top: 8px; padding: 0.5rem; position: absolute; } .asl-store-form.asl-cont ul.adropdown-menu.multiselect-container { padding-top: 0; z-index: 9999; } .asl-store-form.asl-cont ul.adropdown-menu.multiselect-container > li > a label { width: 100%; font-weight: lighter; margin: 0; padding: 8px 6px; font-size: 13px; color: #495057; } .asl-store-form.asl-cont ul.adropdown-menu.multiselect-container > li.active > a label { color: #fff; } .asl-store-form.asl-cont ul.adropdown-menu.multiselect-container .form-control.multiselect-search { font-size: 12px; padding: 0 5px; background-color: #fff !important; font-size: 12px !important; padding: 0 5px !important; } .asl-store-form.asl-cont ul.adropdown-menu.multiselect-container .btn.btn-default.multiselect-clear-filter { color: #32373c; color: var(--sl-font-color, #32373c); } .asl-store-form.asl-cont ul.adropdown-menu.multiselect-container .multiselect-item.filter { margin-right: -1px; } .asl-store-form.asl-cont ul.adropdown-menu.multiselect-container li { margin: 0; list-style: outside none none; } .asl-store-form.asl-cont ul.adropdown-menu.multiselect-container li .checkbox { overflow: hidden; text-overflow: ellipsis; width: 100%; } .asl-store-form.asl-cont ul.adropdown-menu.multiselect-container li .form-control.multiselect-search { height: 26px; } .asl-store-form.asl-cont ul.adropdown-menu.multiselect-container li .input-group-addon { color: #32373c; color: var(--sl-font-color, #32373c); font-size: 16px; height: 25px; padding: 0 10px; } .asl-store-form.asl-cont ul.adropdown-menu.multiselect-container li .input-group-btn > .btn.btn-default.multiselect-clear-filter { padding: 2px 5px 2px 9px; } .asl-store-form.asl-cont ul.adropdown-menu.multiselect-container li.multiselect-item.filter { padding: 3px 2px; } .asl-store-form.asl-cont ul.adropdown-menu li.filter.multiselect-item .form-control.multiselect-search { width: 100%; z-index: 999; margin: 0 !important; padding-top: 0; width: 100%; padding-bottom: 0; } .asl-store-form.asl-cont .asl-clear-btn svg { display: block; } @media (min-width: 768px) { .asl-cont .border-r-0 { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .asl-cont .border-l-0 { border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; } .asl-cont .border-0 { border-radius: 0px !important; border-left: 0px !important; border-right: 0px !important; } } @media (max-width: 768px) { .asl-store-form .adropdown-toggle.multiselect.btn-default { border-radius: 5px !important; } } @media (min-width: 768px) { .asl-store-form.asl-cont .navbar-right .adropdown-menu { left: auto; right: 0; } .asl-store-form.asl-cont .navbar-right .adropdown-menu-left { left: 0; right: auto; } } button.atoast-close-button { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; } .atoast-top-center { top: 0; right: 0; width: 100%; } .atoast-bottom-center { bottom: 0; right: 0; width: 100%; } .atoast-top-full-width { top: 0; right: 0; width: 100%; } .atoast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .atoast-top-left { top: 12px; left: 12px; } .atoast-top-right { top: 12px; right: 12px; } .atoast-bottom-right { right: 12px; bottom: 12px; } .atoast-bottom-left { bottom: 12px; left: 12px; } #atoast-container { position: fixed; z-index: 999999; pointer-events: none; } #atoast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #atoast-container > div { position: relative; pointer-events: auto; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-position: 15px center; background-repeat: no-repeat; -moz-box-shadow: 0 0 12px #999; -webkit-box-shadow: 0 0 12px #999; box-shadow: 0 0 12px #999; color: #FFF; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); } #atoast-container > div.rtl { direction: rtl; padding: 15px 50px 15px 15px; background-position: right 15px center; } #atoast-container > div:hover { -moz-box-shadow: 0 0 12px #000; -webkit-box-shadow: 0 0 12px #000; box-shadow: 0 0 12px #000; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); cursor: pointer; } #atoast-container > .atoast-info { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important; } #atoast-container > .atoast-error { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important; } #atoast-container > .atoast-success { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important; } #atoast-container > .atoast-warning { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important; } #atoast-container.atoast-bottom-center > div, #atoast-container.atoast-top-center > div { width: 300px; margin-left: auto; margin-right: auto; } #atoast-container.atoast-bottom-full-width > div, #atoast-container.atoast-top-full-width > div { width: 96%; margin-left: auto; margin-right: auto; } .atoast { background-color: #030303; } .atoast-success { background-color: #51A351; } .atoast-error { background-color: #BD362F; } .atoast-info { background-color: #2F96B4; } .atoast-warning { background-color: #F89406; } .atoast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); }