/* Roboto.css */ /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url(fonts/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url(fonts/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url(fonts/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url(fonts/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url(fonts/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url(fonts/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url(fonts/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url(fonts/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url(fonts/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url(fonts/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url(fonts/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url(fonts/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url(fonts/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url(fonts/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url(fonts/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url(fonts/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url(fonts/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url(fonts/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url(fonts/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url(fonts/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url(fonts/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url(fonts/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url(fonts/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url(fonts/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url(fonts/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url(fonts/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url(fonts/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url(fonts/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url(fonts/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url(fonts/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url(fonts/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url(fonts/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url(fonts/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url(fonts/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url(fonts/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: url(fonts/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: url(fonts/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: url(fonts/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: url(fonts/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: url(fonts/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: url(fonts/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: url(fonts/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* styles.css */ /*@font-face { font-family: 'icomoon'; src:url('fonts/icomoon.eot?3p0rtw'); src:url('fonts/icomoon.eot?#iefix3p0rtw') format('embedded-opentype'), url('fonts/icomoon.woff?3p0rtw') format('woff'), url('fonts/icomoon.ttf?3p0rtw') format('truetype'), url('fonts/icomoon.svg?3p0rtw#icomoon') format('svg'); font-weight: normal; font-style: normal; }*/ @font-face { font-family: 'icomoon'; src:url('fonts/icomoon.woff?3p0rtw') format('woff'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* Use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; min-width: 1em; display: inline-block; text-align: center; font-size: 16px; vertical-align: middle; position: relative; top: -1px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-1x-5 { font-size: 24px; } .icon-2x { font-size: 32px; } .icon-2x-5 { font-size: 40px; } .icon-3x { font-size: 48px; } .icon-3x-5 { font-size: 56px; } .icon-bordered { padding: 5px; border: 2px solid; border-radius: 50%; } .icon-home:before{content:"\e900";} .icon-home2:before{content:"\e901";} .icon-home5:before{content:"\e904";} .icon-home7:before{content:"\e906";} .icon-home8:before{content:"\e907";} .icon-home9:before{content:"\e908";} .icon-office:before{content:"\e909";} .icon-city:before{content:"\e90a";} .icon-newspaper:before{content:"\e90b";} .icon-magazine:before{content:"\e90c";} .icon-design:before{content:"\e90d";} .icon-pencil:before{content:"\e90e";} .icon-pencil3:before{content:"\e910";} .icon-pencil4:before{content:"\e911";} .icon-pencil5:before{content:"\e912";} .icon-pencil6:before{content:"\e913";} .icon-pencil7:before{content:"\e914";} .icon-eraser:before{content:"\e915";} .icon-eraser2:before{content:"\e916";} .icon-eraser3:before{content:"\e917";} .icon-quill2:before{content:"\e919";} .icon-quill4:before{content:"\e91b";} .icon-pen:before{content:"\e91c";} .icon-pen-plus:before{content:"\e91d";} .icon-pen-minus:before{content:"\e91e";} .icon-pen2:before{content:"\e91f";} .icon-blog:before{content:"\e925";} .icon-pen6:before{content:"\e927";} .icon-brush:before{content:"\e928";} .icon-spray:before{content:"\e929";} .icon-color-sampler:before{content:"\e92c";} .icon-toggle:before{content:"\e92d";} .icon-bucket:before{content:"\e92e";} .icon-gradient:before{content:"\e930";} .icon-eyedropper:before{content:"\e931";} .icon-eyedropper2:before{content:"\e932";} .icon-eyedropper3:before{content:"\e933";} .icon-droplet:before{content:"\e934";} .icon-droplet2:before{content:"\e935";} .icon-color-clear:before{content:"\e937";} .icon-paint-format:before{content:"\e938";} .icon-stamp:before{content:"\e939";} .icon-image2:before{content:"\e93c";} .icon-image-compare:before{content:"\e93d";} .icon-images2:before{content:"\e93e";} .icon-image3:before{content:"\e93f";} .icon-images3:before{content:"\e940";} .icon-image4:before{content:"\e941";} .icon-image5:before{content:"\e942";} .icon-camera:before{content:"\e944";} .icon-shutter:before{content:"\e947";} .icon-headphones:before{content:"\e948";} .icon-headset:before{content:"\e949";} .icon-music:before{content:"\e94a";} .icon-album:before{content:"\e950";} .icon-tape:before{content:"\e952";} .icon-piano:before{content:"\e953";} .icon-speakers:before{content:"\e956";} .icon-play:before{content:"\e957";} .icon-clapboard-play:before{content:"\e959";} .icon-clapboard:before{content:"\e95a";} .icon-media:before{content:"\e95b";} .icon-presentation:before{content:"\e95c";} .icon-movie:before{content:"\e95d";} .icon-film:before{content:"\e95e";} .icon-film2:before{content:"\e95f";} .icon-film3:before{content:"\e960";} .icon-film4:before{content:"\e961";} .icon-video-camera:before{content:"\e962";} .icon-video-camera2:before{content:"\e963";} .icon-video-camera-slash:before{content:"\e964";} .icon-video-camera3:before{content:"\e965";} .icon-dice:before{content:"\e96a";} .icon-chess-king:before{content:"\e972";} .icon-chess-queen:before{content:"\e973";} .icon-chess:before{content:"\e978";} .icon-megaphone:before{content:"\e97a";} .icon-new:before{content:"\e97b";} .icon-connection:before{content:"\e97c";} .icon-station:before{content:"\e981";} .icon-satellite-dish2:before{content:"\e98a";} .icon-feed:before{content:"\e9b3";} .icon-mic2:before{content:"\e9ce";} .icon-mic-off2:before{content:"\e9e0";} .icon-book:before{content:"\e9e1";} .icon-book2:before{content:"\e9e9";} .icon-book-play:before{content:"\e9fd";} .icon-book3:before{content:"\ea01";} .icon-bookmark:before{content:"\ea02";} .icon-books:before{content:"\ea03";} .icon-archive:before{content:"\ea04";} .icon-reading:before{content:"\ea05";} .icon-library2:before{content:"\ea06";} .icon-graduation2:before{content:"\ea07";} .icon-file-text:before{content:"\ea08";} .icon-profile:before{content:"\ea09";} .icon-file-empty:before{content:"\ea0a";} .icon-file-empty2:before{content:"\ea0b";} .icon-files-empty:before{content:"\ea0c";} .icon-files-empty2:before{content:"\ea0d";} .icon-file-plus:before{content:"\ea0e";} .icon-file-plus2:before{content:"\ea0f";} .icon-file-minus:before{content:"\ea10";} .icon-file-minus2:before{content:"\ea11";} .icon-file-download:before{content:"\ea12";} .icon-file-download2:before{content:"\ea13";} .icon-file-upload:before{content:"\ea14";} .icon-file-upload2:before{content:"\ea15";} .icon-file-check:before{content:"\ea16";} .icon-file-check2:before{content:"\ea17";} .icon-file-eye:before{content:"\ea18";} .icon-file-eye2:before{content:"\ea19";} .icon-file-text2:before{content:"\ea1a";} .icon-file-text3:before{content:"\ea1b";} .icon-file-picture:before{content:"\ea1c";} .icon-file-picture2:before{content:"\ea1d";} .icon-file-music:before{content:"\ea1e";} .icon-file-music2:before{content:"\ea1f";} .icon-file-play:before{content:"\ea20";} .icon-file-play2:before{content:"\ea21";} .icon-file-video:before{content:"\ea22";} .icon-file-video2:before{content:"\ea23";} .icon-copy:before{content:"\ea24";} .icon-copy2:before{content:"\ea25";} .icon-file-zip:before{content:"\ea26";} .icon-file-zip2:before{content:"\ea27";} .icon-file-xml:before{content:"\ea28";} .icon-file-xml2:before{content:"\ea29";} .icon-file-css:before{content:"\ea2a";} .icon-file-css2:before{content:"\ea2b";} .icon-file-presentation:before{content:"\ea2c";} .icon-file-presentation2:before{content:"\ea2d";} .icon-file-stats:before{content:"\ea2e";} .icon-file-stats2:before{content:"\ea2f";} .icon-file-locked:before{content:"\ea30";} .icon-file-locked2:before{content:"\ea31";} .icon-file-spreadsheet:before{content:"\ea32";} .icon-file-spreadsheet2:before{content:"\ea33";} .icon-copy3:before{content:"\ea34";} .icon-copy4:before{content:"\ea35";} .icon-paste:before{content:"\ea36";} .icon-paste2:before{content:"\ea37";} .icon-paste3:before{content:"\ea38";} .icon-paste4:before{content:"\ea39";} .icon-stack:before{content:"\ea3a";} .icon-stack2:before{content:"\ea3b";} .icon-stack3:before{content:"\ea3c";} .icon-folder:before{content:"\ea3d";} .icon-folder-search:before{content:"\ea3e";} .icon-folder-download:before{content:"\ea3f";} .icon-folder-upload:before{content:"\ea40";} .icon-folder-plus:before{content:"\ea41";} .icon-folder-plus2:before{content:"\ea42";} .icon-folder-minus:before{content:"\ea43";} .icon-folder-minus2:before{content:"\ea44";} .icon-folder-check:before{content:"\ea45";} .icon-folder-heart:before{content:"\ea46";} .icon-folder-remove:before{content:"\ea47";} .icon-folder2:before{content:"\ea48";} .icon-folder-open:before{content:"\ea49";} .icon-folder3:before{content:"\ea4a";} .icon-folder4:before{content:"\ea4b";} .icon-folder-plus3:before{content:"\ea4c";} .icon-folder-minus3:before{content:"\ea4d";} .icon-folder-plus4:before{content:"\ea4e";} .icon-folder-minus4:before{content:"\ea4f";} .icon-folder-download2:before{content:"\ea50";} .icon-folder-upload2:before{content:"\ea51";} .icon-folder-download3:before{content:"\ea52";} .icon-folder-upload3:before{content:"\ea53";} .icon-folder5:before{content:"\ea54";} .icon-folder-open2:before{content:"\ea55";} .icon-folder6:before{content:"\ea56";} .icon-folder-open3:before{content:"\ea57";} .icon-certificate:before{content:"\ea58";} .icon-cc:before{content:"\ea59";} .icon-price-tag:before{content:"\ea5a";} .icon-price-tag2:before{content:"\ea5b";} .icon-price-tags:before{content:"\ea5c";} .icon-price-tag3:before{content:"\ea5d";} .icon-price-tags2:before{content:"\ea5e";} .icon-barcode2:before{content:"\ea5f";} .icon-qrcode:before{content:"\ea60";} .icon-ticket:before{content:"\ea61";} .icon-theater:before{content:"\ea62";} .icon-store:before{content:"\ea63";} .icon-store2:before{content:"\ea64";} .icon-cart:before{content:"\ea65";} .icon-cart2:before{content:"\ea66";} .icon-cart4:before{content:"\ea67";} .icon-cart5:before{content:"\ea68";} .icon-cart-add:before{content:"\ea69";} .icon-cart-add2:before{content:"\ea6a";} .icon-cart-remove:before{content:"\ea6b";} .icon-basket:before{content:"\ea6c";} .icon-bag:before{content:"\ea6d";} .icon-percent:before{content:"\ea6f";} .icon-coins:before{content:"\ea70";} .icon-coin-dollar:before{content:"\ea71";} .icon-coin-euro:before{content:"\ea72";} .icon-coin-pound:before{content:"\ea73";} .icon-coin-yen:before{content:"\ea74";} .icon-piggy-bank:before{content:"\ea75";} .icon-wallet:before{content:"\ea76";} .icon-cash:before{content:"\ea77";} .icon-cash2:before{content:"\ea78";} .icon-cash3:before{content:"\ea79";} .icon-cash4:before{content:"\ea7a";} .icon-credit-card:before{content:"\ea6e";} .icon-credit-card2:before{content:"\ea7b";} .icon-calculator4:before{content:"\ea7c";} .icon-calculator2:before{content:"\ea7d";} .icon-calculator3:before{content:"\ea7e";} .icon-chip:before{content:"\ea7f";} .icon-lifebuoy:before{content:"\ea80";} .icon-phone:before{content:"\ea81";} .icon-phone2:before{content:"\ea82";} .icon-phone-slash:before{content:"\ea83";} .icon-phone-wave:before{content:"\ea84";} .icon-phone-plus:before{content:"\ea85";} .icon-phone-minus:before{content:"\ea86";} .icon-phone-plus2:before{content:"\ea87";} .icon-phone-minus2:before{content:"\ea88";} .icon-phone-incoming:before{content:"\ea89";} .icon-phone-outgoing:before{content:"\ea8a";} .icon-phone-hang-up:before{content:"\ea8e";} .icon-address-book:before{content:"\ea90";} .icon-address-book2:before{content:"\ea91";} .icon-address-book3:before{content:"\ea92";} .icon-notebook:before{content:"\ea93";} .icon-envelop:before{content:"\ea94";} .icon-envelop2:before{content:"\ea95";} .icon-envelop3:before{content:"\ea96";} .icon-envelop4:before{content:"\ea97";} .icon-envelop5:before{content:"\ea98";} .icon-mailbox:before{content:"\ea99";} .icon-pushpin:before{content:"\ea9a";} .icon-location3:before{content:"\ea9d";} .icon-location4:before{content:"\ea9e";} .icon-compass4:before{content:"\ea9f";} .icon-map:before{content:"\eaa0";} .icon-map4:before{content:"\eaa1";} .icon-map5:before{content:"\eaa2";} .icon-direction:before{content:"\eaa3";} .icon-reset:before{content:"\eaa4";} .icon-history:before{content:"\eaa5";} .icon-watch:before{content:"\eaa6";} .icon-watch2:before{content:"\eaa7";} .icon-alarm:before{content:"\eaa8";} .icon-alarm-add:before{content:"\eaa9";} .icon-alarm-check:before{content:"\eaaa";} .icon-alarm-cancel:before{content:"\eaab";} .icon-bell2:before{content:"\eaac";} .icon-bell3:before{content:"\eaad";} .icon-bell-plus:before{content:"\eaae";} .icon-bell-minus:before{content:"\eaaf";} .icon-bell-check:before{content:"\eab0";} .icon-bell-cross:before{content:"\eab1";} .icon-calendar:before{content:"\eab2";} .icon-calendar2:before{content:"\eab3";} .icon-calendar3:before{content:"\eab4";} .icon-calendar52:before{content:"\eab6";} .icon-printer:before{content:"\eab7";} .icon-printer2:before{content:"\eab8";} .icon-printer4:before{content:"\eab9";} .icon-shredder:before{content:"\eaba";} .icon-mouse:before{content:"\eabb";} .icon-mouse-left:before{content:"\eabc";} .icon-mouse-right:before{content:"\eabd";} .icon-keyboard:before{content:"\eabe";} .icon-typewriter:before{content:"\eabf";} .icon-display:before{content:"\eac0";} .icon-display4:before{content:"\eac1";} .icon-laptop:before{content:"\eac2";} .icon-mobile:before{content:"\eac3";} .icon-mobile2:before{content:"\eac4";} .icon-tablet:before{content:"\eac5";} .icon-mobile3:before{content:"\eac6";} .icon-tv:before{content:"\eac7";} .icon-radio:before{content:"\eac8";} .icon-cabinet:before{content:"\eac9";} .icon-drawer:before{content:"\eaca";} .icon-drawer2:before{content:"\eacb";} .icon-drawer-out:before{content:"\eacc";} .icon-drawer-in:before{content:"\eacd";} .icon-drawer3:before{content:"\eace";} .icon-box:before{content:"\eacf";} .icon-box-add:before{content:"\ead0";} .icon-box-remove:before{content:"\ead1";} .icon-download:before{content:"\ead2";} .icon-upload:before{content:"\ead3";} .icon-floppy-disk:before{content:"\ead4";} .icon-floppy-disks:before{content:"\ead5";} .icon-usb-stick:before{content:"\ead6";} .icon-drive:before{content:"\ead7";} .icon-server:before{content:"\ead8";} .icon-database:before{content:"\ead9";} .icon-database2:before{content:"\eada";} .icon-database4:before{content:"\eadb";} .icon-database-menu:before{content:"\eadc";} .icon-database-add:before{content:"\eadd";} .icon-database-remove:before{content:"\eade";} .icon-database-insert:before{content:"\eadf";} .icon-database-export:before{content:"\eae0";} .icon-database-upload:before{content:"\eae1";} .icon-database-refresh:before{content:"\eae2";} .icon-database-diff:before{content:"\eae3";} .icon-database-edit2:before{content:"\eae5";} .icon-database-check:before{content:"\eae6";} .icon-database-arrow:before{content:"\eae7";} .icon-database-time2:before{content:"\eae9";} .icon-undo:before{content:"\eaea";} .icon-redo:before{content:"\eaeb";} .icon-rotate-ccw:before{content:"\eaec";} .icon-rotate-cw:before{content:"\eaed";} .icon-rotate-ccw2:before{content:"\eaee";} .icon-rotate-cw2:before{content:"\eaef";} .icon-rotate-ccw3:before{content:"\eaf0";} .icon-rotate-cw3:before{content:"\eaf1";} .icon-flip-vertical2:before{content:"\eaf2";} .icon-flip-horizontal2:before{content:"\eaf3";} .icon-flip-vertical3:before{content:"\eaf4";} .icon-flip-vertical4:before{content:"\eaf5";} .icon-angle:before{content:"\eaf6";} .icon-shear:before{content:"\eaf7";} .icon-align-left:before{content:"\eafc";} .icon-align-center-horizontal:before{content:"\eafd";} .icon-align-right:before{content:"\eafe";} .icon-align-top:before{content:"\eaff";} .icon-align-center-vertical:before{content:"\eb00";} .icon-align-bottom:before{content:"\eb01";} .icon-undo2:before{content:"\eb02";} .icon-redo2:before{content:"\eb03";} .icon-forward:before{content:"\eb04";} .icon-reply:before{content:"\eb05";} .icon-reply-all:before{content:"\eb06";} .icon-bubble:before{content:"\eb07";} .icon-bubbles:before{content:"\eb08";} .icon-bubbles2:before{content:"\eb09";} .icon-bubble2:before{content:"\eb0a";} .icon-bubbles3:before{content:"\eb0b";} .icon-bubbles4:before{content:"\eb0c";} .icon-bubble-notification:before{content:"\eb0d";} .icon-bubbles5:before{content:"\eb0e";} .icon-bubbles6:before{content:"\eb0f";} .icon-bubble6:before{content:"\eb10";} .icon-bubbles7:before{content:"\eb11";} .icon-bubble7:before{content:"\eb12";} .icon-bubbles8:before{content:"\eb13";} .icon-bubble8:before{content:"\eb14";} .icon-bubble-dots3:before{content:"\eb15";} .icon-bubble-lines3:before{content:"\eb16";} .icon-bubble9:before{content:"\eb17";} .icon-bubble-dots4:before{content:"\eb18";} .icon-bubble-lines4:before{content:"\eb19";} .icon-bubbles9:before{content:"\eb1a";} .icon-bubbles10:before{content:"\eb1b";} .icon-user:before{content:"\eb33";} .icon-users:before{content:"\eb34";} .icon-user-plus:before{content:"\eb35";} .icon-user-minus:before{content:"\eb36";} .icon-user-cancel:before{content:"\eb37";} .icon-user-block:before{content:"\eb38";} .icon-user-lock:before{content:"\eb39";} .icon-user-check:before{content:"\eb3a";} .icon-users2:before{content:"\eb3b";} .icon-users4:before{content:"\eb44";} .icon-user-tie:before{content:"\eb45";} .icon-collaboration:before{content:"\eb46";} .icon-vcard:before{content:"\eb47";} .icon-hat:before{content:"\ebb8";} .icon-bowtie:before{content:"\ebb9";} .icon-quotes-left:before{content:"\eb49";} .icon-quotes-right:before{content:"\eb4a";} .icon-quotes-left2:before{content:"\eb4b";} .icon-quotes-right2:before{content:"\eb4c";} .icon-hour-glass:before{content:"\eb4d";} .icon-hour-glass2:before{content:"\eb4e";} .icon-hour-glass3:before{content:"\eb4f";} .icon-spinner:before{content:"\eb50";} .icon-spinner2:before{content:"\eb51";} .icon-spinner3:before{content:"\eb52";} .icon-spinner4:before{content:"\eb53";} .icon-spinner6:before{content:"\eb54";} .icon-spinner9:before{content:"\eb55";} .icon-spinner10:before{content:"\eb56";} .icon-spinner11:before{content:"\eb57";} .icon-microscope:before{content:"\eb58";} .icon-enlarge:before{content:"\eb59";} .icon-shrink:before{content:"\eb5a";} .icon-enlarge3:before{content:"\eb5b";} .icon-shrink3:before{content:"\eb5c";} .icon-enlarge5:before{content:"\eb5d";} .icon-shrink5:before{content:"\eb5e";} .icon-enlarge6:before{content:"\eb5f";} .icon-shrink6:before{content:"\eb60";} .icon-enlarge7:before{content:"\eb61";} .icon-shrink7:before{content:"\eb62";} .icon-key:before{content:"\eb63";} .icon-lock:before{content:"\eb65";} .icon-lock2:before{content:"\eb66";} .icon-lock4:before{content:"\eb67";} .icon-unlocked:before{content:"\eb68";} .icon-lock5:before{content:"\eb69";} .icon-unlocked2:before{content:"\eb6a";} .icon-safe:before{content:"\eb6b";} .icon-wrench:before{content:"\eb6c";} .icon-wrench2:before{content:"\eb6d";} .icon-wrench3:before{content:"\eb6e";} .icon-equalizer:before{content:"\eb6f";} .icon-equalizer2:before{content:"\eb70";} .icon-equalizer3:before{content:"\eb71";} .icon-equalizer4:before{content:"\eb72";} .icon-cog:before{content:"\eb73";} .icon-cogs:before{content:"\eb74";} .icon-cog2:before{content:"\eb75";} .icon-cog3:before{content:"\eb76";} .icon-cog4:before{content:"\eb77";} .icon-cog52:before{content:"\eb78";} .icon-cog6:before{content:"\eb79";} .icon-cog7:before{content:"\eb7a";} .icon-hammer:before{content:"\eb7c";} .icon-hammer-wrench:before{content:"\eb7d";} .icon-magic-wand:before{content:"\eb7e";} .icon-magic-wand2:before{content:"\eb7f";} .icon-pulse2:before{content:"\eb80";} .icon-aid-kit:before{content:"\eb81";} .icon-bug2:before{content:"\eb83";} .icon-construction:before{content:"\eb85";} .icon-traffic-cone:before{content:"\eb86";} .icon-traffic-lights:before{content:"\eb87";} .icon-pie-chart:before{content:"\eb88";} .icon-pie-chart2:before{content:"\eb89";} .icon-pie-chart3:before{content:"\eb8a";} .icon-pie-chart4:before{content:"\eb8b";} .icon-pie-chart5:before{content:"\eb8c";} .icon-pie-chart6:before{content:"\eb8d";} .icon-pie-chart7:before{content:"\eb8e";} .icon-stats-dots:before{content:"\eb8f";} .icon-stats-bars:before{content:"\eb90";} .icon-pie-chart8:before{content:"\eb91";} .icon-stats-bars2:before{content:"\eb92";} .icon-stats-bars3:before{content:"\eb93";} .icon-stats-bars4:before{content:"\eb94";} .icon-chart:before{content:"\eb97";} .icon-stats-growth:before{content:"\eb98";} .icon-stats-decline:before{content:"\eb99";} .icon-stats-growth2:before{content:"\eb9a";} .icon-stats-decline2:before{content:"\eb9b";} .icon-stairs-up:before{content:"\eb9c";} .icon-stairs-down:before{content:"\eb9d";} .icon-stairs:before{content:"\eb9e";} .icon-ladder:before{content:"\eba0";} .icon-rating:before{content:"\eba1";} .icon-rating2:before{content:"\eba2";} .icon-rating3:before{content:"\eba3";} .icon-podium:before{content:"\eba5";} .icon-stars:before{content:"\eba6";} .icon-medal-star:before{content:"\eba7";} .icon-medal:before{content:"\eba8";} .icon-medal2:before{content:"\eba9";} .icon-medal-first:before{content:"\ebaa";} .icon-medal-second:before{content:"\ebab";} .icon-medal-third:before{content:"\ebac";} .icon-crown:before{content:"\ebad";} .icon-trophy2:before{content:"\ebaf";} .icon-trophy3:before{content:"\ebb0";} .icon-diamond:before{content:"\ebb1";} .icon-trophy4:before{content:"\ebb2";} .icon-gift:before{content:"\ebb3";} .icon-pipe:before{content:"\ebb6";} .icon-mustache:before{content:"\ebb7";} .icon-cup2:before{content:"\ebc6";} .icon-coffee:before{content:"\ebc8";} .icon-paw:before{content:"\ebd5";} .icon-footprint:before{content:"\ebd6";} .icon-rocket:before{content:"\ebda";} .icon-meter2:before{content:"\ebdc";} .icon-meter-slow:before{content:"\ebdd";} .icon-meter-fast:before{content:"\ebdf";} .icon-hammer2:before{content:"\ebe1";} .icon-balance:before{content:"\ebe2";} .icon-fire:before{content:"\ebe5";} .icon-fire2:before{content:"\ebe6";} .icon-lab:before{content:"\ebe7";} .icon-atom:before{content:"\ebe8";} .icon-atom2:before{content:"\ebe9";} .icon-bin:before{content:"\ebfa";} .icon-bin2:before{content:"\ebfb";} .icon-briefcase:before{content:"\ebff";} .icon-briefcase3:before{content:"\ec01";} .icon-airplane2:before{content:"\ec03";} .icon-airplane3:before{content:"\ec04";} .icon-airplane4:before{content:"\ec05";} .icon-paperplane:before{content:"\ec06";} .icon-car:before{content:"\ec07";} .icon-steering-wheel:before{content:"\ec08";} .icon-car2:before{content:"\ec09";} .icon-gas:before{content:"\ec0a";} .icon-bus:before{content:"\ec0b";} .icon-truck:before{content:"\ec0c";} .icon-bike:before{content:"\ec0d";} .icon-road:before{content:"\ec0e";} .icon-train:before{content:"\ec0f";} .icon-train2:before{content:"\ec10";} .icon-ship:before{content:"\ec11";} .icon-boat:before{content:"\ec12";} .icon-chopper:before{content:"\ec13";} .icon-cube:before{content:"\ec15";} .icon-cube2:before{content:"\ec16";} .icon-cube3:before{content:"\ec17";} .icon-cube4:before{content:"\ec18";} .icon-pyramid:before{content:"\ec19";} .icon-pyramid2:before{content:"\ec1a";} .icon-package:before{content:"\ec1b";} .icon-puzzle:before{content:"\ec1c";} .icon-puzzle2:before{content:"\ec1d";} .icon-puzzle3:before{content:"\ec1e";} .icon-puzzle4:before{content:"\ec1f";} .icon-glasses-3d2:before{content:"\ec21";} .icon-brain:before{content:"\ec24";} .icon-accessibility:before{content:"\ec25";} .icon-accessibility2:before{content:"\ec26";} .icon-strategy:before{content:"\ec27";} .icon-target:before{content:"\ec28";} .icon-target2:before{content:"\ec29";} .icon-shield-check:before{content:"\ec2f";} .icon-shield-notice:before{content:"\ec30";} .icon-shield2:before{content:"\ec31";} .icon-racing:before{content:"\ec40";} .icon-finish:before{content:"\ec41";} .icon-power2:before{content:"\ec46";} .icon-power3:before{content:"\ec47";} .icon-switch:before{content:"\ec48";} .icon-switch22:before{content:"\ec49";} .icon-power-cord:before{content:"\ec4a";} .icon-clipboard:before{content:"\ec4d";} .icon-clipboard2:before{content:"\ec4e";} .icon-clipboard3:before{content:"\ec4f";} .icon-clipboard4:before{content:"\ec50";} .icon-clipboard5:before{content:"\ec51";} .icon-clipboard6:before{content:"\ec52";} .icon-playlist:before{content:"\ec53";} .icon-playlist-add:before{content:"\ec54";} .icon-list-numbered:before{content:"\ec55";} .icon-list:before{content:"\ec56";} .icon-list2:before{content:"\ec57";} .icon-more:before{content:"\ec58";} .icon-more2:before{content:"\ec59";} .icon-grid:before{content:"\ec5a";} .icon-grid2:before{content:"\ec5b";} .icon-grid3:before{content:"\ec5c";} .icon-grid4:before{content:"\ec5d";} .icon-grid52:before{content:"\ec5e";} .icon-grid6:before{content:"\ec5f";} .icon-grid7:before{content:"\ec60";} .icon-tree5:before{content:"\ec61";} .icon-tree6:before{content:"\ec62";} .icon-tree7:before{content:"\ec63";} .icon-lan:before{content:"\ec64";} .icon-lan2:before{content:"\ec65";} .icon-lan3:before{content:"\ec66";} .icon-menu:before{content:"\ec67";} .icon-circle-small:before{content:"\ec68";} .icon-menu2:before{content:"\ec69";} .icon-menu3:before{content:"\ec6a";} .icon-menu4:before{content:"\ec6b";} .icon-menu5:before{content:"\ec6c";} .icon-menu62:before{content:"\ec6d";} .icon-menu7:before{content:"\ec6e";} .icon-menu8:before{content:"\ec6f";} .icon-menu9:before{content:"\ec70";} .icon-menu10:before{content:"\ec71";} .icon-cloud:before{content:"\ec72";} .icon-cloud-download:before{content:"\ec73";} .icon-cloud-upload:before{content:"\ec74";} .icon-cloud-check:before{content:"\ec75";} .icon-cloud2:before{content:"\ec76";} .icon-cloud-download2:before{content:"\ec77";} .icon-cloud-upload2:before{content:"\ec78";} .icon-cloud-check2:before{content:"\ec79";} .icon-import:before{content:"\ec7e";} .icon-download4:before{content:"\ec80";} .icon-upload4:before{content:"\ec81";} .icon-download7:before{content:"\ec86";} .icon-upload7:before{content:"\ec87";} .icon-download10:before{content:"\ec8c";} .icon-upload10:before{content:"\ec8d";} .icon-sphere:before{content:"\ec8e";} .icon-sphere3:before{content:"\ec90";} .icon-earth:before{content:"\ec93";} .icon-link:before{content:"\ec96";} .icon-unlink:before{content:"\ec97";} .icon-link2:before{content:"\ec98";} .icon-unlink2:before{content:"\ec99";} .icon-anchor:before{content:"\eca0";} .icon-flag3:before{content:"\eca3";} .icon-flag4:before{content:"\eca4";} .icon-flag7:before{content:"\eca7";} .icon-flag8:before{content:"\eca8";} .icon-attachment:before{content:"\eca9";} .icon-attachment2:before{content:"\ecaa";} .icon-eye:before{content:"\ecab";} .icon-eye-plus:before{content:"\ecac";} .icon-eye-minus:before{content:"\ecad";} .icon-eye-blocked:before{content:"\ecae";} .icon-eye2:before{content:"\ecaf";} .icon-eye-blocked2:before{content:"\ecb0";} .icon-eye4:before{content:"\ecb3";} .icon-bookmark2:before{content:"\ecb4";} .icon-bookmark3:before{content:"\ecb5";} .icon-bookmarks:before{content:"\ecb6";} .icon-bookmark4:before{content:"\ecb7";} .icon-spotlight2:before{content:"\ecb8";} .icon-starburst:before{content:"\ecb9";} .icon-snowflake:before{content:"\ecba";} .icon-weather-windy:before{content:"\ecd0";} .icon-fan:before{content:"\ecd1";} .icon-umbrella:before{content:"\ecd2";} .icon-sun3:before{content:"\ecd3";} .icon-contrast:before{content:"\ecd4";} .icon-bed2:before{content:"\ecda";} .icon-furniture:before{content:"\ecdb";} .icon-chair:before{content:"\ecdc";} .icon-star-empty3:before{content:"\ece0";} .icon-star-half:before{content:"\ece1";} .icon-star-full2:before{content:"\ece2";} .icon-heart5:before{content:"\ece9";} .icon-heart6:before{content:"\ecea";} .icon-heart-broken2:before{content:"\eceb";} .icon-thumbs-up2:before{content:"\ecf2";} .icon-thumbs-down2:before{content:"\ecf4";} .icon-thumbs-up3:before{content:"\ecf5";} .icon-thumbs-down3:before{content:"\ecf6";} .icon-height:before{content:"\ecf7";} .icon-man:before{content:"\ecf8";} .icon-woman:before{content:"\ecf9";} .icon-man-woman:before{content:"\ecfa";} .icon-yin-yang:before{content:"\ecfe";} .icon-cursor:before{content:"\ed23";} .icon-cursor2:before{content:"\ed24";} .icon-lasso2:before{content:"\ed26";} .icon-select2:before{content:"\ed28";} .icon-point-up:before{content:"\ed29";} .icon-point-right:before{content:"\ed2a";} .icon-point-down:before{content:"\ed2b";} .icon-point-left:before{content:"\ed2c";} .icon-pointer:before{content:"\ed2d";} .icon-reminder:before{content:"\ed2e";} .icon-drag-left-right:before{content:"\ed2f";} .icon-drag-left:before{content:"\ed30";} .icon-drag-right:before{content:"\ed31";} .icon-touch:before{content:"\ed32";} .icon-multitouch:before{content:"\ed33";} .icon-touch-zoom:before{content:"\ed34";} .icon-touch-pinch:before{content:"\ed35";} .icon-hand:before{content:"\ed36";} .icon-grab:before{content:"\ed37";} .icon-stack-empty:before{content:"\ed38";} .icon-stack-plus:before{content:"\ed39";} .icon-stack-minus:before{content:"\ed3a";} .icon-stack-star:before{content:"\ed3b";} .icon-stack-picture:before{content:"\ed3c";} .icon-stack-down:before{content:"\ed3d";} .icon-stack-up:before{content:"\ed3e";} .icon-stack-cancel:before{content:"\ed3f";} .icon-stack-check:before{content:"\ed40";} .icon-stack-text:before{content:"\ed41";} .icon-stack4:before{content:"\ed47";} .icon-stack-music:before{content:"\ed48";} .icon-stack-play:before{content:"\ed49";} .icon-move:before{content:"\ed4a";} .icon-dots:before{content:"\ed4b";} .icon-warning:before{content:"\ed4c";} .icon-warning22:before{content:"\ed4d";} .icon-notification2:before{content:"\ed4f";} .icon-question3:before{content:"\ed52";} .icon-question4:before{content:"\ed53";} .icon-plus3:before{content:"\ed5a";} .icon-minus3:before{content:"\ed5b";} .icon-plus-circle2:before{content:"\ed5e";} .icon-minus-circle2:before{content:"\ed5f";} .icon-cancel-circle2:before{content:"\ed63";} .icon-blocked:before{content:"\ed64";} .icon-cancel-square:before{content:"\ed65";} .icon-cancel-square2:before{content:"\ed66";} .icon-spam:before{content:"\ed68";} .icon-cross2:before{content:"\ed6a";} .icon-cross3:before{content:"\ed6b";} .icon-checkmark:before{content:"\ed6c";} .icon-checkmark3:before{content:"\ed6e";} .icon-checkmark2:before{content:"\e372";} .icon-checkmark4:before{content:"\ed6f";} .icon-spell-check:before{content:"\ed71";} .icon-spell-check2:before{content:"\ed72";} .icon-enter:before{content:"\ed73";} .icon-exit:before{content:"\ed74";} .icon-enter2:before{content:"\ed75";} .icon-exit2:before{content:"\ed76";} .icon-enter3:before{content:"\ed77";} .icon-exit3:before{content:"\ed78";} .icon-wall:before{content:"\ed79";} .icon-fence:before{content:"\ed7a";} .icon-play3:before{content:"\ed7b";} .icon-pause:before{content:"\ed7c";} .icon-stop:before{content:"\ed7d";} .icon-previous:before{content:"\ed7e";} .icon-next:before{content:"\ed7f";} .icon-backward:before{content:"\ed80";} .icon-forward2:before{content:"\ed81";} .icon-play4:before{content:"\ed82";} .icon-pause2:before{content:"\ed83";} .icon-stop2:before{content:"\ed84";} .icon-backward2:before{content:"\ed85";} .icon-forward3:before{content:"\ed86";} .icon-first:before{content:"\ed87";} .icon-last:before{content:"\ed88";} .icon-previous2:before{content:"\ed89";} .icon-next2:before{content:"\ed8a";} .icon-eject:before{content:"\ed8b";} .icon-volume-high:before{content:"\ed8c";} .icon-volume-medium:before{content:"\ed8d";} .icon-volume-low:before{content:"\ed8e";} .icon-volume-mute:before{content:"\ed8f";} .icon-speaker-left:before{content:"\ed90";} .icon-speaker-right:before{content:"\ed91";} .icon-volume-mute2:before{content:"\ed92";} .icon-volume-increase:before{content:"\ed93";} .icon-volume-decrease:before{content:"\ed94";} .icon-volume-mute5:before{content:"\eda4";} .icon-loop:before{content:"\eda5";} .icon-loop3:before{content:"\eda7";} .icon-infinite-square:before{content:"\eda8";} .icon-infinite:before{content:"\eda9";} .icon-loop4:before{content:"\edab";} .icon-shuffle:before{content:"\edac";} .icon-wave:before{content:"\edae";} .icon-wave2:before{content:"\edaf";} .icon-split:before{content:"\edb0";} .icon-merge:before{content:"\edb1";} .icon-arrow-up5:before{content:"\edc4";} .icon-arrow-right5:before{content:"\edc5";} .icon-arrow-down5:before{content:"\edc6";} .icon-arrow-left5:before{content:"\edc7";} .icon-arrow-up-left2:before{content:"\edd0";} .icon-arrow-up7:before{content:"\edd1";} .icon-arrow-up-right2:before{content:"\edd2";} .icon-arrow-right7:before{content:"\edd3";} .icon-arrow-down-right2:before{content:"\edd4";} .icon-arrow-down7:before{content:"\edd5";} .icon-arrow-down-left2:before{content:"\edd6";} .icon-arrow-left7:before{content:"\edd7";} .icon-arrow-up-left3:before{content:"\edd8";} .icon-arrow-up8:before{content:"\edd9";} .icon-arrow-up-right3:before{content:"\edda";} .icon-arrow-right8:before{content:"\eddb";} .icon-arrow-down-right3:before{content:"\eddc";} .icon-arrow-down8:before{content:"\eddd";} .icon-arrow-down-left3:before{content:"\edde";} .icon-arrow-left8:before{content:"\eddf";} .icon-circle-up2:before{content:"\ede4";} .icon-circle-right2:before{content:"\ede5";} .icon-circle-down2:before{content:"\ede6";} .icon-circle-left2:before{content:"\ede7";} .icon-arrow-resize7:before{content:"\edfe";} .icon-arrow-resize8:before{content:"\edff";} .icon-square-up-left:before{content:"\ee00";} .icon-square-up:before{content:"\ee01";} .icon-square-up-right:before{content:"\ee02";} .icon-square-right:before{content:"\ee03";} .icon-square-down-right:before{content:"\ee04";} .icon-square-down:before{content:"\ee05";} .icon-square-down-left:before{content:"\ee06";} .icon-square-left:before{content:"\ee07";} .icon-arrow-up15:before{content:"\ee30";} .icon-arrow-right15:before{content:"\ee31";} .icon-arrow-down15:before{content:"\ee32";} .icon-arrow-left15:before{content:"\ee33";} .icon-arrow-up16:before{content:"\ee34";} .icon-arrow-right16:before{content:"\ee35";} .icon-arrow-down16:before{content:"\ee36";} .icon-arrow-left16:before{content:"\ee37";} .icon-menu-open:before{content:"\ee38";} .icon-menu-open2:before{content:"\ee39";} .icon-menu-close:before{content:"\ee3a";} .icon-menu-close2:before{content:"\ee3b";} .icon-enter5:before{content:"\ee3d";} .icon-esc:before{content:"\ee3e";} .icon-enter6:before{content:"\ee3f";} .icon-backspace:before{content:"\ee40";} .icon-backspace2:before{content:"\ee41";} .icon-tab:before{content:"\ee42";} .icon-transmission:before{content:"\ee43";} .icon-sort:before{content:"\ee45";} .icon-move-up2:before{content:"\ee47";} .icon-move-down2:before{content:"\ee48";} .icon-sort-alpha-asc:before{content:"\ee49";} .icon-sort-alpha-desc:before{content:"\ee4a";} .icon-sort-numeric-asc:before{content:"\ee4b";} .icon-sort-numberic-desc:before{content:"\ee4c";} .icon-sort-amount-asc:before{content:"\ee4d";} .icon-sort-amount-desc:before{content:"\ee4e";} .icon-sort-time-asc:before{content:"\ee4f";} .icon-sort-time-desc:before{content:"\ee50";} .icon-battery-6:before{content:"\ee51";} .icon-battery-0:before{content:"\ee57";} .icon-battery-charging:before{content:"\ee58";} .icon-command:before{content:"\ee5f";} .icon-shift:before{content:"\ee60";} .icon-ctrl:before{content:"\ee61";} .icon-opt:before{content:"\ee62";} .icon-checkbox-checked:before{content:"\ee63";} .icon-checkbox-unchecked:before{content:"\ee64";} .icon-checkbox-partial:before{content:"\ee65";} .icon-square:before{content:"\ee66";} .icon-triangle:before{content:"\ee67";} .icon-triangle2:before{content:"\ee68";} .icon-diamond3:before{content:"\ee69";} .icon-diamond4:before{content:"\ee6a";} .icon-checkbox-checked2:before{content:"\ee6b";} .icon-checkbox-unchecked2:before{content:"\ee6c";} .icon-checkbox-partial2:before{content:"\ee6d";} .icon-radio-checked:before{content:"\ee6e";} .icon-radio-checked2:before{content:"\ee6f";} .icon-radio-unchecked:before{content:"\ee70";} .icon-checkmark-circle:before{content:"\ee73";} .icon-circle:before{content:"\ee74";} .icon-circle2:before{content:"\ee75";} .icon-circles:before{content:"\ee76";} .icon-circles2:before{content:"\ee77";} .icon-crop:before{content:"\ee78";} .icon-crop2:before{content:"\ee79";} .icon-make-group:before{content:"\ee7a";} .icon-ungroup:before{content:"\ee7b";} .icon-vector:before{content:"\ee7c";} .icon-vector2:before{content:"\ee7d";} .icon-rulers:before{content:"\ee7e";} .icon-pencil-ruler:before{content:"\ee80";} .icon-scissors:before{content:"\ee81";} .icon-filter3:before{content:"\ee88";} .icon-filter4:before{content:"\ee89";} .icon-font:before{content:"\ee8a";} .icon-ampersand2:before{content:"\ee8b";} .icon-ligature:before{content:"\ee8c";} .icon-font-size:before{content:"\ee8e";} .icon-typography:before{content:"\ee8f";} .icon-text-height:before{content:"\ee90";} .icon-text-width:before{content:"\ee91";} .icon-height2:before{content:"\ee92";} .icon-width:before{content:"\ee93";} .icon-strikethrough2:before{content:"\ee98";} .icon-font-size2:before{content:"\ee99";} .icon-bold2:before{content:"\ee9a";} .icon-underline2:before{content:"\ee9b";} .icon-italic2:before{content:"\ee9c";} .icon-strikethrough3:before{content:"\ee9d";} .icon-omega:before{content:"\ee9e";} .icon-sigma:before{content:"\ee9f";} .icon-nbsp:before{content:"\eea0";} .icon-page-break:before{content:"\eea1";} .icon-page-break2:before{content:"\eea2";} .icon-superscript:before{content:"\eea3";} .icon-subscript:before{content:"\eea4";} .icon-superscript2:before{content:"\eea5";} .icon-subscript2:before{content:"\eea6";} .icon-text-color:before{content:"\eea7";} .icon-highlight:before{content:"\eea8";} .icon-pagebreak:before{content:"\eea9";} .icon-clear-formatting:before{content:"\eeaa";} .icon-table:before{content:"\eeab";} .icon-table2:before{content:"\eeac";} .icon-insert-template:before{content:"\eead";} .icon-pilcrow:before{content:"\eeae";} .icon-ltr:before{content:"\eeaf";} .icon-rtl:before{content:"\eeb0";} .icon-ltr2:before{content:"\eeb1";} .icon-rtl2:before{content:"\eeb2";} .icon-section:before{content:"\eeb3";} .icon-paragraph-left2:before{content:"\eeb8";} .icon-paragraph-center2:before{content:"\eeb9";} .icon-paragraph-right2:before{content:"\eeba";} .icon-paragraph-justify2:before{content:"\eebb";} .icon-indent-increase:before{content:"\eebc";} .icon-indent-decrease:before{content:"\eebd";} .icon-paragraph-left3:before{content:"\eebe";} .icon-paragraph-center3:before{content:"\eebf";} .icon-paragraph-right3:before{content:"\eec0";} .icon-paragraph-justify3:before{content:"\eec1";} .icon-indent-increase2:before{content:"\eec2";} .icon-indent-decrease2:before{content:"\eec3";} .icon-share:before{content:"\eec4";} .icon-share2:before{content:"\eec5";} .icon-new-tab:before{content:"\eec6";} .icon-new-tab2:before{content:"\eec7";} .icon-popout:before{content:"\eec8";} .icon-embed:before{content:"\eec9";} .icon-embed2:before{content:"\eeca";} .icon-markup:before{content:"\eecb";} .icon-regexp:before{content:"\eecc";} .icon-regexp2:before{content:"\eecd";} .icon-code:before{content:"\eece";} .icon-circle-css:before{content:"\eecf";} .icon-circle-code:before{content:"\eed0";} .icon-terminal:before{content:"\eed1";} .icon-unicode:before{content:"\eed2";} .icon-seven-segment-0:before{content:"\eed3";} .icon-seven-segment-1:before{content:"\eed4";} .icon-seven-segment-2:before{content:"\eed5";} .icon-seven-segment-3:before{content:"\eed6";} .icon-seven-segment-4:before{content:"\eed7";} .icon-seven-segment-5:before{content:"\eed8";} .icon-seven-segment-6:before{content:"\eed9";} .icon-seven-segment-7:before{content:"\eeda";} .icon-seven-segment-8:before{content:"\eedb";} .icon-seven-segment-9:before{content:"\eedc";} .icon-share3:before{content:"\eedd";} .icon-share4:before{content:"\eede";} .icon-google:before{content:"\eee3";} .icon-google-plus:before{content:"\eee4";} .icon-google-plus2:before{content:"\eee5";} .icon-google-drive:before{content:"\eee7";} .icon-facebook:before{content:"\eee8";} .icon-facebook2:before{content:"\eee9";} .icon-instagram:before{content:"\eeec";} .icon-twitter:before{content:"\eeed";} .icon-twitter2:before{content:"\eeee";} .icon-feed2:before{content:"\eef0";} .icon-feed3:before{content:"\eef1";} .icon-youtube:before{content:"\eef3";} .icon-youtube2:before{content:"\eef4";} .icon-youtube3:before{content:"\eef5";} .icon-vimeo:before{content:"\eef8";} .icon-vimeo2:before{content:"\eef9";} .icon-lanyrd:before{content:"\eefb";} .icon-flickr:before{content:"\eefc";} .icon-flickr2:before{content:"\eefd";} .icon-flickr3:before{content:"\eefe";} .icon-picassa:before{content:"\ef00";} .icon-picassa2:before{content:"\ef01";} .icon-dribbble:before{content:"\ef02";} .icon-dribbble2:before{content:"\ef03";} .icon-dribbble3:before{content:"\ef04";} .icon-forrst:before{content:"\ef05";} .icon-forrst2:before{content:"\ef06";} .icon-deviantart:before{content:"\ef07";} .icon-deviantart2:before{content:"\ef08";} .icon-steam:before{content:"\ef09";} .icon-steam2:before{content:"\ef0a";} .icon-dropbox:before{content:"\ef0b";} .icon-onedrive:before{content:"\ef0c";} .icon-github:before{content:"\ef0d";} .icon-github4:before{content:"\ef10";} .icon-github5:before{content:"\ef11";} .icon-wordpress:before{content:"\ef12";} .icon-wordpress2:before{content:"\ef13";} .icon-joomla:before{content:"\ef14";} .icon-blogger:before{content:"\ef15";} .icon-blogger2:before{content:"\ef16";} .icon-tumblr:before{content:"\ef17";} .icon-tumblr2:before{content:"\ef18";} .icon-yahoo:before{content:"\ef19";} .icon-tux:before{content:"\ef1a";} .icon-apple2:before{content:"\ef1b";} .icon-finder:before{content:"\ef1c";} .icon-android:before{content:"\ef1d";} .icon-windows:before{content:"\ef1e";} .icon-windows8:before{content:"\ef1f";} .icon-soundcloud:before{content:"\ef20";} .icon-soundcloud2:before{content:"\ef21";} .icon-skype:before{content:"\ef22";} .icon-reddit:before{content:"\ef23";} .icon-linkedin:before{content:"\ef24";} .icon-linkedin2:before{content:"\ef25";} .icon-lastfm:before{content:"\ef26";} .icon-lastfm2:before{content:"\ef27";} .icon-delicious:before{content:"\ef28";} .icon-stumbleupon:before{content:"\ef29";} .icon-stumbleupon2:before{content:"\ef2a";} .icon-stackoverflow:before{content:"\ef2b";} .icon-pinterest2:before{content:"\ef2d";} .icon-xing:before{content:"\ef2e";} .icon-flattr:before{content:"\ef30";} .icon-foursquare:before{content:"\ef31";} .icon-paypal:before{content:"\ef32";} .icon-paypal2:before{content:"\ef33";} .icon-yelp:before{content:"\ef35";} .icon-file-pdf:before{content:"\ef36";} .icon-file-openoffice:before{content:"\ef37";} .icon-file-word:before{content:"\ef38";} .icon-file-excel:before{content:"\ef39";} .icon-libreoffice:before{content:"\ef3a";} .icon-html5:before{content:"\ef3b";} .icon-html52:before{content:"\ef3c";} .icon-css3:before{content:"\ef3d";} .icon-git:before{content:"\ef3e";} .icon-svg:before{content:"\ef3f";} .icon-codepen:before{content:"\ef40";} .icon-chrome:before{content:"\ef41";} .icon-firefox:before{content:"\ef42";} .icon-IE:before{content:"\ef43";} .icon-opera:before{content:"\ef44";} .icon-safari:before{content:"\ef45";} .icon-check2:before{content:"\e601";} .icon-home4:before{content:"\e603";} .icon-people:before{content:"\e81b";} .icon-checkmark-circle2:before{content:"\e853";} .icon-arrow-up-left32:before{content:"\e8ae";} .icon-arrow-up52:before{content:"\e8af";} .icon-arrow-up-right32:before{content:"\e8b0";} .icon-arrow-right6:before{content:"\e8b1";} .icon-arrow-down-right32:before{content:"\e8b2";} .icon-arrow-down52:before{content:"\e8b3";} .icon-arrow-down-left32:before{content:"\e8b4";} .icon-arrow-left52:before{content:"\e8b5";} .icon-calendar5:before{content:"\e985";} .icon-move-alt1:before{content:"\e986";} .icon-reload-alt:before{content:"\e987";} .icon-move-vertical:before{content:"\e988";} .icon-move-horizontal:before{content:"\e989";} .icon-hash:before{content:"\e98b";} .icon-bars-alt:before{content:"\e98c";} .icon-eye8:before{content:"\e98d";} .icon-search4:before{content:"\e98e";} .icon-zoomin3:before{content:"\e98f";} .icon-zoomout3:before{content:"\e990";} .icon-add:before{content:"\e991";} .icon-subtract:before{content:"\e992";} .icon-exclamation:before{content:"\e993";} .icon-question6:before{content:"\e994";} .icon-close2:before{content:"\e995";} .icon-task:before{content:"\e996";} .icon-inbox:before{content:"\e997";} .icon-inbox-alt:before{content:"\e998";} .icon-envelope:before{content:"\e999";} .icon-compose:before{content:"\e99a";} .icon-newspaper2:before{content:"\e99b";} .icon-calendar22:before{content:"\e99c";} .icon-hyperlink:before{content:"\e99d";} .icon-trash:before{content:"\e99e";} .icon-trash-alt:before{content:"\e99f";} .icon-grid5:before{content:"\e9a0";} .icon-grid-alt:before{content:"\e9a1";} .icon-menu6:before{content:"\e9a2";} .icon-list3:before{content:"\e9a3";} .icon-gallery:before{content:"\e9a4";} .icon-calculator:before{content:"\e9a5";} .icon-windows2:before{content:"\e9a6";} .icon-browser:before{content:"\e9a7";} .icon-portfolio:before{content:"\e9a8";} .icon-comments:before{content:"\e9a9";} .icon-screen3:before{content:"\e9aa";} .icon-iphone:before{content:"\e9ab";} .icon-ipad:before{content:"\e9ac";} .icon-googleplus5:before{content:"\e9ad";} .icon-pin:before{content:"\e9ae";} .icon-pin-alt:before{content:"\e9af";} .icon-cog5:before{content:"\e9b0";} .icon-graduation:before{content:"\e9b1";} .icon-air:before{content:"\e9b2";} .icon-droplets:before{content:"\e7ee";} .icon-statistics:before{content:"\e9b4";} .icon-pie5:before{content:"\e7ef";} .icon-cross:before{content:"\e9b6";} .icon-minus2:before{content:"\e9b7";} .icon-plus2:before{content:"\e9b8";} .icon-info3:before{content:"\e9b9";} .icon-info22:before{content:"\e9ba";} .icon-question7:before{content:"\e9bb";} .icon-help:before{content:"\e9bc";} .icon-warning2:before{content:"\e9bd";} .icon-add-to-list:before{content:"\e9bf";} .icon-arrow-left12:before{content:"\e9c0";} .icon-arrow-down12:before{content:"\e9c1";} .icon-arrow-up12:before{content:"\e9c2";} .icon-arrow-right13:before{content:"\e9c3";} .icon-arrow-left22:before{content:"\e9c4";} .icon-arrow-down22:before{content:"\e9c5";} .icon-arrow-up22:before{content:"\e9c6";} .icon-arrow-right22:before{content:"\e9c7";} .icon-arrow-left32:before{content:"\e9c8";} .icon-arrow-down32:before{content:"\e9c9";} .icon-arrow-up32:before{content:"\e9ca";} .icon-arrow-right32:before{content:"\e9cb";} .icon-switch2:before{content:"\e647";} .icon-checkmark5:before{content:"\e600";} .icon-ampersand:before{content:"\e9cc";} .icon-alert:before{content:"\e9cf";} .icon-alignment-align:before{content:"\e9d0";} .icon-alignment-aligned-to:before{content:"\e9d1";} .icon-alignment-unalign:before{content:"\e9d2";} .icon-arrow-down132:before{content:"\e9d3";} .icon-arrow-up13:before{content:"\e9da";} .icon-arrow-left13:before{content:"\e9d4";} .icon-arrow-right14:before{content:"\e9d5";} .icon-arrow-small-down:before{content:"\e9d6";} .icon-arrow-small-left:before{content:"\e9d7";} .icon-arrow-small-right:before{content:"\e9d8";} .icon-arrow-small-up:before{content:"\e9d9";} .icon-check:before{content:"\e9db";} .icon-chevron-down:before{content:"\e9dc";} .icon-chevron-left:before{content:"\e9dd";} .icon-chevron-right:before{content:"\e9de";} .icon-chevron-up:before{content:"\e9df";} .icon-clippy:before{content:"\f035";} .icon-comment:before{content:"\f02b";} .icon-comment-discussion:before{content:"\f04f";} .icon-dash:before{content:"\e9e2";} .icon-diff:before{content:"\e9e3";} .icon-diff-added:before{content:"\e9e4";} .icon-diff-ignored:before{content:"\e9e5";} .icon-diff-modified:before{content:"\e9e6";} .icon-diff-removed:before{content:"\e9e7";} .icon-diff-renamed:before{content:"\e9e8";} .icon-file-media:before{content:"\f012";} .icon-fold:before{content:"\e9ea";} .icon-gear:before{content:"\e9eb";} .icon-git-branch:before{content:"\e9ec";} .icon-git-commit:before{content:"\e9ed";} .icon-git-compare:before{content:"\e9ee";} .icon-git-merge:before{content:"\e9ef";} .icon-git-pull-request:before{content:"\e9f0";} .icon-graph:before{content:"\f043";} .icon-law:before{content:"\e9f1";} .icon-list-ordered:before{content:"\e9f2";} .icon-list-unordered:before{content:"\e9f3";} .icon-mail5:before{content:"\e9f4";} .icon-mail-read:before{content:"\e9f5";} .icon-mention:before{content:"\e9f6";} .icon-mirror:before{content:"\f024";} .icon-move-down:before{content:"\f0a8";} .icon-move-left:before{content:"\f074";} .icon-move-right:before{content:"\f0a9";} .icon-move-up:before{content:"\f0a7";} .icon-person:before{content:"\f018";} .icon-plus22:before{content:"\e9f7";} .icon-primitive-dot:before{content:"\f052";} .icon-primitive-square:before{content:"\f053";} .icon-repo-forked:before{content:"\e9f8";} .icon-screen-full:before{content:"\e9f9";} .icon-screen-normal:before{content:"\e9fa";} .icon-sync:before{content:"\e9fb";} .icon-three-bars:before{content:"\e9fc";} .icon-unfold:before{content:"\e9fe";} .icon-versions:before{content:"\e9ff";} .icon-x:before{content:"\ea00";} /* icons.css */ /*@font-face { font-family: 'material-icons'; src: url('fonts/material-icons.ttf?rnn6yx') format('truetype'), url('fonts/material-icons.woff?rnn6yx') format('woff'), url('fonts/material-icons.svg?rnn6yx#material-icons') format('svg'); font-weight: normal; font-style: normal; }*/ @font-face { font-family: 'material-icons'; src: url('fonts/material-icons.woff?rnn6yx') format('woff'); font-weight: normal; font-style: normal; font-display: block; } [class^="mi-"], [class*=" mi-"] { /* Use !important to prevent issues with browser extensions that change fonts */ font-family: 'material-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; min-width: 1em; display: inline-block; text-align: center; font-size: 16px; vertical-align: middle; position: relative; top: -1px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mi-1x-5 { font-size: 24px; } .mi-2x-5 { font-size: 40px; } .mi-2x { font-size: 32px; } .mi-3x { font-size: 48px; } .mi-3x-5 { font-size: 56px; } .mi-3d-rotation:before {content: "\e900";} .mi-ac-unit:before {content: "\e901";} .mi-alarm:before {content: "\e902";} .mi-access-alarms:before {content: "\e903";} .mi-schedule:before {content: "\e904";} .mi-accessibility:before {content: "\e905";} .mi-accessible:before {content: "\e906";} .mi-account-balance:before {content: "\e907";} .mi-account-balance-wallet:before {content: "\e908";} .mi-account-box:before {content: "\e909";} .mi-account-circle:before {content: "\e90a";} .mi-adb:before {content: "\e90b";} .mi-add:before {content: "\e90c";} .mi-add-a-photo:before {content: "\e90d";} .mi-alarm-add:before {content: "\e90e";} .mi-add-alert:before {content: "\e90f";} .mi-add-box:before {content: "\e910";} .mi-add-circle:before {content: "\e911";} .mi-control-point:before {content: "\e912";} .mi-add-location:before {content: "\e913";} .mi-add-shopping-cart:before {content: "\e914";} .mi-queue:before {content: "\e915";} .mi-add-to-queue:before {content: "\e916";} .mi-adjust:before {content: "\e917";} .mi-airline-seat-flat:before {content: "\e918";} .mi-airline-seat-flat-angled:before {content: "\e919";} .mi-airline-seat-individual-suite:before {content: "\e91a";} .mi-airline-seat-legroom-extra:before {content: "\e91b";} .mi-airline-seat-legroom-normal:before {content: "\e91c";} .mi-airline-seat-legroom-reduced:before {content: "\e91d";} .mi-airline-seat-recline-extra:before {content: "\e91e";} .mi-airline-seat-recline-normal:before {content: "\e91f";} .mi-flight:before {content: "\e920";} .mi-airplanemode-inactive:before {content: "\e921";} .mi-airplay:before {content: "\e922";} .mi-airport-shuttle:before {content: "\e923";} .mi-alarm-off:before {content: "\e924";} .mi-alarm-on:before {content: "\e925";} .mi-album:before {content: "\e926";} .mi-all-inclusive:before {content: "\e927";} .mi-all-out:before {content: "\e928";} .mi-android:before {content: "\e929";} .mi-announcement:before {content: "\e92a";} .mi-apps:before {content: "\e92b";} .mi-archive:before {content: "\e92c";} .mi-arrow-back:before {content: "\e92d";} .mi-arrow-downward:before {content: "\e92e";} .mi-arrow-drop-down:before {content: "\e92f";} .mi-arrow-drop-down-circle:before {content: "\e930";} .mi-arrow-drop-up:before {content: "\e931";} .mi-arrow-forward:before {content: "\e932";} .mi-arrow-upward:before {content: "\e933";} .mi-art-track:before {content: "\e934";} .mi-aspect-ratio:before {content: "\e935";} .mi-poll:before {content: "\e936";} .mi-assignment:before {content: "\e937";} .mi-assignment-ind:before {content: "\e938";} .mi-assignment-late:before {content: "\e939";} .mi-assignment-return:before {content: "\e93a";} .mi-assignment-returned:before {content: "\e93b";} .mi-assignment-turned-in:before {content: "\e93c";} .mi-assistant:before {content: "\e93d";} .mi-flag:before {content: "\e93e";} .mi-attach-file:before {content: "\e93f";} .mi-attach-money:before {content: "\e940";} .mi-attachment:before {content: "\e941";} .mi-audiotrack:before {content: "\e942";} .mi-autorenew:before {content: "\e943";} .mi-av-timer:before {content: "\e944";} .mi-backspace:before {content: "\e945";} .mi-cloud-upload:before {content: "\e946";} .mi-battery-alert:before {content: "\e947";} .mi-battery-charging-full:before {content: "\e948";} .mi-battery-std:before {content: "\e949";} .mi-battery-unknown:before {content: "\e94a";} .mi-beach-access:before {content: "\e94b";} .mi-beenhere:before {content: "\e94c";} .mi-block:before {content: "\e94d";} .mi-bluetooth:before {content: "\e94e";} .mi-bluetooth-searching:before {content: "\e94f";} .mi-bluetooth-connected:before {content: "\e950";} .mi-bluetooth-disabled:before {content: "\e951";} .mi-blur-circular:before {content: "\e952";} .mi-blur-linear:before {content: "\e953";} .mi-blur-off:before {content: "\e954";} .mi-blur-on:before {content: "\e955";} .mi-class:before {content: "\e956";} .mi-turned-in:before {content: "\e957";} .mi-turned-in-not:before {content: "\e958";} .mi-border-all:before {content: "\e959";} .mi-border-bottom:before {content: "\e95a";} .mi-border-clear:before {content: "\e95b";} .mi-border-color:before {content: "\e95c";} .mi-border-horizontal:before {content: "\e95d";} .mi-border-inner:before {content: "\e95e";} .mi-border-left:before {content: "\e95f";} .mi-border-outer:before {content: "\e960";} .mi-border-right:before {content: "\e961";} .mi-border-style:before {content: "\e962";} .mi-border-top:before {content: "\e963";} .mi-border-vertical:before {content: "\e964";} .mi-branding-watermark:before {content: "\e965";} .mi-brightness-1:before {content: "\e966";} .mi-brightness-2:before {content: "\e967";} .mi-brightness-3:before {content: "\e968";} .mi-brightness-4:before {content: "\e969";} .mi-brightness-low:before {content: "\e96a";} .mi-brightness-medium:before {content: "\e96b";} .mi-brightness-high:before {content: "\e96c";} .mi-brightness-auto:before {content: "\e96d";} .mi-broken-image:before {content: "\e96e";} .mi-brush:before {content: "\e96f";} .mi-bubble-chart:before {content: "\e970";} .mi-bug-report:before {content: "\e971";} .mi-build:before {content: "\e972";} .mi-burst-mode:before {content: "\e973";} .mi-domain:before {content: "\e974";} .mi-business-center:before {content: "\e975";} .mi-cached:before {content: "\e976";} .mi-cake:before {content: "\e977";} .mi-phone:before {content: "\e978";} .mi-call-end:before {content: "\e979";} .mi-call-made:before {content: "\e97a";} .mi-merge-type:before {content: "\e97b";} .mi-call-missed:before {content: "\e97c";} .mi-call-missed-outgoing:before {content: "\e97d";} .mi-call-received:before {content: "\e97e";} .mi-call-split:before {content: "\e97f";} .mi-call-to-action:before {content: "\e980";} .mi-camera:before {content: "\e981";} .mi-photo-camera:before {content: "\e982";} .mi-camera-enhance:before {content: "\e983";} .mi-camera-front:before {content: "\e984";} .mi-camera-rear:before {content: "\e985";} .mi-camera-roll:before {content: "\e986";} .mi-cancel:before {content: "\e987";} .mi-redeem:before {content: "\e988";} .mi-card-membership:before {content: "\e989";} .mi-card-travel:before {content: "\e98a";} .mi-casino:before {content: "\e98b";} .mi-cast:before {content: "\e98c";} .mi-cast-connected:before {content: "\e98d";} .mi-center-focus-strong:before {content: "\e98e";} .mi-center-focus-weak:before {content: "\e98f";} .mi-change-history:before {content: "\e990";} .mi-chat:before {content: "\e991";} .mi-chat-bubble:before {content: "\e992";} .mi-chat-bubble-outline:before {content: "\e993";} .mi-check:before {content: "\e994";} .mi-check-box:before {content: "\e995";} .mi-check-box-outline-blank:before {content: "\e996";} .mi-check-circle:before {content: "\e997";} .mi-navigate-before:before {content: "\e998";} .mi-navigate-next:before {content: "\e999";} .mi-child-care:before {content: "\e99a";} .mi-child-friendly:before {content: "\e99b";} .mi-chrome-reader-mode:before {content: "\e99c";} .mi-close:before {content: "\e99d";} .mi-clear-all:before {content: "\e99e";} .mi-closed-caption:before {content: "\e99f";} .mi-wb-cloudy:before {content: "\e9a0";} .mi-cloud-circle:before {content: "\e9a1";} .mi-cloud-done:before {content: "\e9a2";} .mi-cloud-download:before {content: "\e9a3";} .mi-cloud-off:before {content: "\e9a4";} .mi-cloud-queue:before {content: "\e9a5";} .mi-code:before {content: "\e9a6";} .mi-photo-library:before {content: "\e9a7";} .mi-collections-bookmark:before {content: "\e9a8";} .mi-palette:before {content: "\e9a9";} .mi-colorize:before {content: "\e9aa";} .mi-comment:before {content: "\e9ab";} .mi-compare:before {content: "\e9ac";} .mi-compare-arrows:before {content: "\e9ad";} .mi-laptop:before {content: "\e9ae";} .mi-confirmation-number:before {content: "\e9af";} .mi-contact-mail:before {content: "\e9b0";} .mi-contact-phone:before {content: "\e9b1";} .mi-contacts:before {content: "\e9b2";} .mi-content-copy:before {content: "\e9b3";} .mi-content-cut:before {content: "\e9b4";} .mi-content-paste:before {content: "\e9b5";} .mi-control-point-duplicate:before {content: "\e9b6";} .mi-copyright:before {content: "\e9b7";} .mi-mode-edit:before {content: "\e9b8";} .mi-create-new-folder:before {content: "\e9b9";} .mi-payment:before {content: "\e9ba";} .mi-crop:before {content: "\e9bb";} .mi-crop-16-9:before {content: "\e9bc";} .mi-crop-3-2:before {content: "\e9bd";} .mi-crop-landscape:before {content: "\e9be";} .mi-crop-7-5:before {content: "\e9bf";} .mi-crop-din:before {content: "\e9c0";} .mi-crop-free:before {content: "\e9c1";} .mi-crop-original:before {content: "\e9c2";} .mi-crop-portrait:before {content: "\e9c3";} .mi-crop-rotate:before {content: "\e9c4";} .mi-crop-square:before {content: "\e9c5";} .mi-dashboard:before {content: "\e9c6";} .mi-data-usage:before {content: "\e9c7";} .mi-date-range:before {content: "\e9c8";} .mi-dehaze:before {content: "\e9c9";} .mi-delete:before {content: "\e9ca";} .mi-delete-forever:before {content: "\e9cb";} .mi-delete-sweep:before {content: "\e9cc";} .mi-description:before {content: "\e9cd";} .mi-desktop-mac:before {content: "\e9ce";} .mi-desktop-windows:before {content: "\e9cf";} .mi-details:before {content: "\e9d0";} .mi-developer-board:before {content: "\e9d1";} .mi-developer-mode:before {content: "\e9d2";} .mi-device-hub:before {content: "\e9d3";} .mi-phonelink:before {content: "\e9d4";} .mi-devices-other:before {content: "\e9d5";} .mi-dialer-sip:before {content: "\e9d6";} .mi-dialpad:before {content: "\e9d7";} .mi-directions:before {content: "\e9d8";} .mi-directions-bike:before {content: "\e9d9";} .mi-directions-boat:before {content: "\e9da";} .mi-directions-bus:before {content: "\e9db";} .mi-directions-car:before {content: "\e9dc";} .mi-directions-railway:before {content: "\e9dd";} .mi-directions-run:before {content: "\e9de";} .mi-directions-transit:before {content: "\e9df";} .mi-directions-walk:before {content: "\e9e0";} .mi-disc-full:before {content: "\e9e1";} .mi-dns:before {content: "\e9e2";} .mi-not-interested:before {content: "\e9e3";} .mi-do-not-disturb-alt:before {content: "\e9e4";} .mi-do-not-disturb-off:before {content: "\e9e5";} .mi-remove-circle:before {content: "\e9e6";} .mi-dock:before {content: "\e9e7";} .mi-done:before {content: "\e9e8";} .mi-done-all:before {content: "\e9e9";} .mi-donut-large:before {content: "\e9ea";} .mi-donut-small:before {content: "\e9eb";} .mi-drafts:before {content: "\e9ec";} .mi-drag-handle:before {content: "\e9ed";} .mi-time-to-leave:before {content: "\e9ee";} .mi-dvr:before {content: "\e9ef";} .mi-edit-location:before {content: "\e9f0";} .mi-eject:before {content: "\e9f1";} .mi-markunread:before {content: "\e9f2";} .mi-enhanced-encryption:before {content: "\e9f3";} .mi-equalizer:before {content: "\e9f4";} .mi-error:before {content: "\e9f5";} .mi-error-outline:before {content: "\e9f6";} .mi-euro-symbol:before {content: "\e9f7";} .mi-ev-station:before {content: "\e9f8";} .mi-insert-invitation:before {content: "\e9f9";} .mi-event-available:before {content: "\e9fa";} .mi-event-busy:before {content: "\e9fb";} .mi-event-note:before {content: "\e9fc";} .mi-event-seat:before {content: "\e9fd";} .mi-exit-to-app:before {content: "\e9fe";} .mi-expand-less:before {content: "\e9ff";} .mi-expand-more:before {content: "\ea00";} .mi-explicit:before {content: "\ea01";} .mi-explore:before {content: "\ea02";} .mi-exposure:before {content: "\ea03";} .mi-exposure-neg-1:before {content: "\ea04";} .mi-exposure-neg-2:before {content: "\ea05";} .mi-exposure-plus-1:before {content: "\ea06";} .mi-exposure-plus-2:before {content: "\ea07";} .mi-exposure-zero:before {content: "\ea08";} .mi-extension:before {content: "\ea09";} .mi-face:before {content: "\ea0a";} .mi-fast-forward:before {content: "\ea0b";} .mi-fast-rewind:before {content: "\ea0c";} .mi-favorite:before {content: "\ea0d";} .mi-favorite-border:before {content: "\ea0e";} .mi-featured-play-list:before {content: "\ea0f";} .mi-featured-video:before {content: "\ea10";} .mi-sms-failed:before {content: "\ea11";} .mi-fiber-dvr:before {content: "\ea12";} .mi-fiber-manual-record:before {content: "\ea13";} .mi-fiber-new:before {content: "\ea14";} .mi-fiber-pin:before {content: "\ea15";} .mi-fiber-smart-record:before {content: "\ea16";} .mi-get-app:before {content: "\ea17";} .mi-file-upload:before {content: "\ea18";} .mi-filter:before {content: "\ea19";} .mi-filter-1:before {content: "\ea1a";} .mi-filter-2:before {content: "\ea1b";} .mi-filter-3:before {content: "\ea1c";} .mi-filter-4:before {content: "\ea1d";} .mi-filter-5:before {content: "\ea1e";} .mi-filter-6:before {content: "\ea1f";} .mi-filter-7:before {content: "\ea20";} .mi-filter-8:before {content: "\ea21";} .mi-filter-9:before {content: "\ea22";} .mi-filter-9-plus:before {content: "\ea23";} .mi-filter-b-and-w:before {content: "\ea24";} .mi-filter-center-focus:before {content: "\ea25";} .mi-filter-drama:before {content: "\ea26";} .mi-filter-frames:before {content: "\ea27";} .mi-terrain:before {content: "\ea28";} .mi-filter-list:before {content: "\ea29";} .mi-filter-none:before {content: "\ea2a";} .mi-filter-tilt-shift:before {content: "\ea2b";} .mi-filter-vintage:before {content: "\ea2c";} .mi-find-in-page:before {content: "\ea2d";} .mi-find-replace:before {content: "\ea2e";} .mi-fingerprint:before {content: "\ea2f";} .mi-first-page:before {content: "\ea30";} .mi-fitness-center:before {content: "\ea31";} .mi-flare:before {content: "\ea32";} .mi-flash-auto:before {content: "\ea33";} .mi-flash-off:before {content: "\ea34";} .mi-flash-on:before {content: "\ea35";} .mi-flight-land:before {content: "\ea36";} .mi-flight-takeoff:before {content: "\ea37";} .mi-flip:before {content: "\ea38";} .mi-flip-to-back:before {content: "\ea39";} .mi-flip-to-front:before {content: "\ea3a";} .mi-folder:before {content: "\ea3b";} .mi-folder-open:before {content: "\ea3c";} .mi-folder-shared:before {content: "\ea3d";} .mi-folder-special:before {content: "\ea3e";} .mi-font-download:before {content: "\ea3f";} .mi-format-align-center:before {content: "\ea40";} .mi-format-align-justify:before {content: "\ea41";} .mi-format-align-left:before {content: "\ea42";} .mi-format-align-right:before {content: "\ea43";} .mi-format-bold:before {content: "\ea44";} .mi-format-clear:before {content: "\ea45";} .mi-format-color-fill:before {content: "\ea46";} .mi-format-color-reset:before {content: "\ea47";} .mi-format-color-text:before {content: "\ea48";} .mi-format-indent-decrease:before {content: "\ea49";} .mi-format-indent-increase:before {content: "\ea4a";} .mi-format-italic:before {content: "\ea4b";} .mi-format-line-spacing:before {content: "\ea4c";} .mi-format-list-bulleted:before {content: "\ea4d";} .mi-format-list-numbered:before {content: "\ea4e";} .mi-format-paint:before {content: "\ea4f";} .mi-format-quote:before {content: "\ea50";} .mi-format-shapes:before {content: "\ea51";} .mi-format-size:before {content: "\ea52";} .mi-format-strikethrough:before {content: "\ea53";} .mi-format-textdirection-l-to-r:before {content: "\ea54";} .mi-format-textdirection-r-to-l:before {content: "\ea55";} .mi-format-underlined:before {content: "\ea56";} .mi-question-answer:before {content: "\ea57";} .mi-forward:before {content: "\ea58";} .mi-forward-10:before {content: "\ea59";} .mi-forward-30:before {content: "\ea5a";} .mi-forward-5:before {content: "\ea5b";} .mi-free-breakfast:before {content: "\ea5c";} .mi-fullscreen:before {content: "\ea5d";} .mi-fullscreen-exit:before {content: "\ea5e";} .mi-functions:before {content: "\ea5f";} .mi-g-translate:before {content: "\ea60";} .mi-games:before {content: "\ea61";} .mi-gavel:before {content: "\ea62";} .mi-gesture:before {content: "\ea63";} .mi-gif:before {content: "\ea64";} .mi-goat:before {content: "\ea65";} .mi-golf-course:before {content: "\ea66";} .mi-my-location:before {content: "\ea67";} .mi-location-searching:before {content: "\ea68";} .mi-location-disabled:before {content: "\ea69";} .mi-star:before {content: "\ea6a";} .mi-gradient:before {content: "\ea6b";} .mi-grain:before {content: "\ea6c";} .mi-graphic-eq:before {content: "\ea6d";} .mi-grid-off:before {content: "\ea6e";} .mi-grid-on:before {content: "\ea6f";} .mi-people:before {content: "\ea70";} .mi-group-add:before {content: "\ea71";} .mi-group-work:before {content: "\ea72";} .mi-hd:before {content: "\ea73";} .mi-hdr-off:before {content: "\ea74";} .mi-hdr-on:before {content: "\ea75";} .mi-hdr-strong:before {content: "\ea76";} .mi-hdr-weak:before {content: "\ea77";} .mi-headset:before {content: "\ea78";} .mi-headset-mic:before {content: "\ea79";} .mi-healing:before {content: "\ea7a";} .mi-hearing:before {content: "\ea7b";} .mi-help:before {content: "\ea7c";} .mi-help-outline:before {content: "\ea7d";} .mi-high-quality:before {content: "\ea7e";} .mi-highlight:before {content: "\ea7f";} .mi-highlight-off:before {content: "\ea80";} .mi-restore:before {content: "\ea81";} .mi-home:before {content: "\ea82";} .mi-hot-tub:before {content: "\ea83";} .mi-local-hotel:before {content: "\ea84";} .mi-hourglass-empty:before {content: "\ea85";} .mi-hourglass-full:before {content: "\ea86";} .mi-http:before {content: "\ea87";} .mi-lock:before {content: "\ea88";} .mi-photo:before {content: "\ea89";} .mi-image-aspect-ratio:before {content: "\ea8a";} .mi-import-contacts:before {content: "\ea8b";} .mi-import-export:before {content: "\ea8c";} .mi-important-devices:before {content: "\ea8d";} .mi-inbox:before {content: "\ea8e";} .mi-indeterminate-check-box:before {content: "\ea8f";} .mi-info:before {content: "\ea90";} .mi-info-outline:before {content: "\ea91";} .mi-input:before {content: "\ea92";} .mi-insert-comment:before {content: "\ea93";} .mi-insert-drive-file:before {content: "\ea94";} .mi-tag-faces:before {content: "\ea95";} .mi-link:before {content: "\ea96";} .mi-invert-colors:before {content: "\ea97";} .mi-invert-colors-off:before {content: "\ea98";} .mi-iso:before {content: "\ea99";} .mi-keyboard:before {content: "\ea9a";} .mi-keyboard-arrow-down:before {content: "\ea9b";} .mi-keyboard-arrow-left:before {content: "\ea9c";} .mi-keyboard-arrow-right:before {content: "\ea9d";} .mi-keyboard-arrow-up:before {content: "\ea9e";} .mi-keyboard-backspace:before {content: "\ea9f";} .mi-keyboard-capslock:before {content: "\eaa0";} .mi-keyboard-hide:before {content: "\eaa1";} .mi-keyboard-return:before {content: "\eaa2";} .mi-keyboard-tab:before {content: "\eaa3";} .mi-keyboard-voice:before {content: "\eaa4";} .mi-kitchen:before {content: "\eaa5";} .mi-label:before {content: "\eaa6";} .mi-label-outline:before {content: "\eaa7";} .mi-language:before {content: "\eaa8";} .mi-laptop-chromebook:before {content: "\eaa9";} .mi-laptop-mac:before {content: "\eaaa";} .mi-laptop-windows:before {content: "\eaab";} .mi-last-page:before {content: "\eaac";} .mi-open-in-new:before {content: "\eaad";} .mi-layers:before {content: "\eaae";} .mi-layers-clear:before {content: "\eaaf";} .mi-leak-add:before {content: "\eab0";} .mi-leak-remove:before {content: "\eab1";} .mi-lens:before {content: "\eab2";} .mi-library-books:before {content: "\eab3";} .mi-library-music:before {content: "\eab4";} .mi-lightbulb-outline:before {content: "\eab5";} .mi-line-style:before {content: "\eab6";} .mi-line-weight:before {content: "\eab7";} .mi-linear-scale:before {content: "\eab8";} .mi-linked-camera:before {content: "\eab9";} .mi-list:before {content: "\eaba";} .mi-live-help:before {content: "\eabb";} .mi-live-tv:before {content: "\eabc";} .mi-local-play:before {content: "\eabd";} .mi-local-airport:before {content: "\eabe";} .mi-local-atm:before {content: "\eabf";} .mi-local-bar:before {content: "\eac0";} .mi-local-cafe:before {content: "\eac1";} .mi-local-car-wash:before {content: "\eac2";} .mi-local-convenience-store:before {content: "\eac3";} .mi-restaurant-menu:before {content: "\eac4";} .mi-local-drink:before {content: "\eac5";} .mi-local-florist:before {content: "\eac6";} .mi-local-gas-station:before {content: "\eac7";} .mi-shopping-cart:before {content: "\eac8";} .mi-local-hospital:before {content: "\eac9";} .mi-local-laundry-service:before {content: "\eaca";} .mi-local-library:before {content: "\eacb";} .mi-local-mall:before {content: "\eacc";} .mi-theaters:before {content: "\eacd";} .mi-local-offer:before {content: "\eace";} .mi-local-parking:before {content: "\eacf";} .mi-local-pharmacy:before {content: "\ead0";} .mi-local-pizza:before {content: "\ead1";} .mi-print:before {content: "\ead2";} .mi-local-shipping:before {content: "\ead3";} .mi-local-taxi:before {content: "\ead4";} .mi-location-city:before {content: "\ead5";} .mi-location-off:before {content: "\ead6";} .mi-room:before {content: "\ead7";} .mi-lock-open:before {content: "\ead8";} .mi-lock-outline:before {content: "\ead9";} .mi-looks:before {content: "\eada";} .mi-looks-3:before {content: "\eadb";} .mi-looks-4:before {content: "\eadc";} .mi-looks-5:before {content: "\eadd";} .mi-looks-6:before {content: "\eade";} .mi-looks-one:before {content: "\eadf";} .mi-looks-two:before {content: "\eae0";} .mi-sync:before {content: "\eae1";} .mi-loupe:before {content: "\eae2";} .mi-low-priority:before {content: "\eae3";} .mi-loyalty:before {content: "\eae4";} .mi-mail-outline:before {content: "\eae5";} .mi-map:before {content: "\eae6";} .mi-markunread-mailbox:before {content: "\eae7";} .mi-memory:before {content: "\eae8";} .mi-menu:before {content: "\eae9";} .mi-message:before {content: "\eaea";} .mi-mic:before {content: "\eaeb";} .mi-mic-none:before {content: "\eaec";} .mi-mic-off:before {content: "\eaed";} .mi-mms:before {content: "\eaee";} .mi-mode-comment:before {content: "\eaef";} .mi-monetization-on:before {content: "\eaf0";} .mi-money-off:before {content: "\eaf1";} .mi-monochrome-photos:before {content: "\eaf2";} .mi-mood-bad:before {content: "\eaf3";} .mi-more:before {content: "\eaf4";} .mi-more-horiz:before {content: "\eaf5";} .mi-more-vert:before {content: "\eaf6";} .mi-motorcycle:before {content: "\eaf7";} .mi-mouse:before {content: "\eaf8";} .mi-move-to-inbox:before {content: "\eaf9";} .mi-movie-creation:before {content: "\eafa";} .mi-movie-filter:before {content: "\eafb";} .mi-multiline-chart:before {content: "\eafc";} .mi-music-note:before {content: "\eafd";} .mi-music-video:before {content: "\eafe";} .mi-nature:before {content: "\eaff";} .mi-nature-people:before {content: "\eb00";} .mi-navigation:before {content: "\eb01";} .mi-near-me:before {content: "\eb02";} .mi-network-cell:before {content: "\eb03";} .mi-network-check:before {content: "\eb04";} .mi-network-locked:before {content: "\eb05";} .mi-network-wifi:before {content: "\eb06";} .mi-new-releases:before {content: "\eb07";} .mi-next-week:before {content: "\eb08";} .mi-nfc:before {content: "\eb09";} .mi-no-encryption:before {content: "\eb0a";} .mi-signal-cellular-no-sim:before {content: "\eb0b";} .mi-note:before {content: "\eb0c";} .mi-note-add:before {content: "\eb0d";} .mi-notifications:before {content: "\eb0e";} .mi-notifications-active:before {content: "\eb0f";} .mi-notifications-none:before {content: "\eb10";} .mi-notifications-off:before {content: "\eb11";} .mi-notifications-paused:before {content: "\eb12";} .mi-offline-pin:before {content: "\eb13";} .mi-ondemand-video:before {content: "\eb14";} .mi-opacity:before {content: "\eb15";} .mi-open-in-browser:before {content: "\eb16";} .mi-open-with:before {content: "\eb17";} .mi-pages:before {content: "\eb18";} .mi-pageview:before {content: "\eb19";} .mi-pan-tool:before {content: "\eb1a";} .mi-panorama:before {content: "\eb1b";} .mi-radio-button-unchecked:before {content: "\eb1c";} .mi-panorama-horizontal:before {content: "\eb1d";} .mi-panorama-vertical:before {content: "\eb1e";} .mi-panorama-wide-angle:before {content: "\eb1f";} .mi-party-mode:before {content: "\eb20";} .mi-pause:before {content: "\eb21";} .mi-pause-circle-filled:before {content: "\eb22";} .mi-pause-circle-outline:before {content: "\eb23";} .mi-people-outline:before {content: "\eb24";} .mi-perm-camera-mic:before {content: "\eb25";} .mi-perm-contact-calendar:before {content: "\eb26";} .mi-perm-data-setting:before {content: "\eb27";} .mi-perm-device-information:before {content: "\eb28";} .mi-person-outline:before {content: "\eb29";} .mi-perm-media:before {content: "\eb2a";} .mi-perm-phone-msg:before {content: "\eb2b";} .mi-perm-scan-wifi:before {content: "\eb2c";} .mi-person:before {content: "\eb2d";} .mi-person-add:before {content: "\eb2e";} .mi-person-pin:before {content: "\eb2f";} .mi-person-pin-circle:before {content: "\eb30";} .mi-personal-video:before {content: "\eb31";} .mi-pets:before {content: "\eb32";} .mi-phone-android:before {content: "\eb33";} .mi-phone-bluetooth-speaker:before {content: "\eb34";} .mi-phone-forwarded:before {content: "\eb35";} .mi-phone-in-talk:before {content: "\eb36";} .mi-phone-iphone:before {content: "\eb37";} .mi-phone-locked:before {content: "\eb38";} .mi-phone-missed:before {content: "\eb39";} .mi-phone-paused:before {content: "\eb3a";} .mi-phonelink-erase:before {content: "\eb3b";} .mi-phonelink-lock:before {content: "\eb3c";} .mi-phonelink-off:before {content: "\eb3d";} .mi-phonelink-ring:before {content: "\eb3e";} .mi-phonelink-setup:before {content: "\eb3f";} .mi-photo-album:before {content: "\eb40";} .mi-photo-filter:before {content: "\eb41";} .mi-photo-size-select-actual:before {content: "\eb42";} .mi-photo-size-select-large:before {content: "\eb43";} .mi-photo-size-select-small:before {content: "\eb44";} .mi-picture-as-pdf:before {content: "\eb45";} .mi-picture-in-picture:before {content: "\eb46";} .mi-picture-in-picture-alt:before {content: "\eb47";} .mi-pie-chart:before {content: "\eb48";} .mi-pie-chart-outlined:before {content: "\eb49";} .mi-pin-drop:before {content: "\eb4a";} .mi-play-arrow:before {content: "\eb4b";} .mi-play-circle-filled:before {content: "\eb4c";} .mi-play-circle-outline:before {content: "\eb4d";} .mi-play-for-work:before {content: "\eb4e";} .mi-playlist-add:before {content: "\eb4f";} .mi-playlist-add-check:before {content: "\eb50";} .mi-playlist-play:before {content: "\eb51";} .mi-plus-one:before {content: "\eb52";} .mi-polymer:before {content: "\eb53";} .mi-pool:before {content: "\eb54";} .mi-portable-wifi-off:before {content: "\eb55";} .mi-portrait:before {content: "\eb56";} .mi-power:before {content: "\eb57";} .mi-power-input:before {content: "\eb58";} .mi-power-settings-new:before {content: "\eb59";} .mi-pregnant-woman:before {content: "\eb5a";} .mi-present-to-all:before {content: "\eb5b";} .mi-priority-high:before {content: "\eb5c";} .mi-public:before {content: "\eb5d";} .mi-publish:before {content: "\eb5e";} .mi-queue-music:before {content: "\eb5f";} .mi-queue-play-next:before {content: "\eb60";} .mi-radio:before {content: "\eb61";} .mi-radio-button-checked:before {content: "\eb62";} .mi-rate-review:before {content: "\eb63";} .mi-receipt:before {content: "\eb64";} .mi-recent-actors:before {content: "\eb65";} .mi-record-voice-over:before {content: "\eb66";} .mi-redo:before {content: "\eb67";} .mi-refresh:before {content: "\eb68";} .mi-remove:before {content: "\eb69";} .mi-remove-circle-outline:before {content: "\eb6a";} .mi-remove-from-queue:before {content: "\eb6b";} .mi-visibility:before {content: "\eb6c";} .mi-remove-shopping-cart:before {content: "\eb6d";} .mi-reorder:before {content: "\eb6e";} .mi-repeat:before {content: "\eb6f";} .mi-repeat-one:before {content: "\eb70";} .mi-replay:before {content: "\eb71";} .mi-replay-10:before {content: "\eb72";} .mi-replay-30:before {content: "\eb73";} .mi-replay-5:before {content: "\eb74";} .mi-reply:before {content: "\eb75";} .mi-reply-all:before {content: "\eb76";} .mi-report:before {content: "\eb77";} .mi-warning:before {content: "\eb78";} .mi-restaurant:before {content: "\eb79";} .mi-restore-page:before {content: "\eb7a";} .mi-ring-volume:before {content: "\eb7b";} .mi-room-service:before {content: "\eb7c";} .mi-rotate-90-degrees-ccw:before {content: "\eb7d";} .mi-rotate-left:before {content: "\eb7e";} .mi-rotate-right:before {content: "\eb7f";} .mi-rounded-corner:before {content: "\eb80";} .mi-router:before {content: "\eb81";} .mi-rowing:before {content: "\eb82";} .mi-rss-feed:before {content: "\eb83";} .mi-rv-hookup:before {content: "\eb84";} .mi-satellite:before {content: "\eb85";} .mi-save:before {content: "\eb86";} .mi-scanner:before {content: "\eb87";} .mi-school:before {content: "\eb88";} .mi-screen-lock-landscape:before {content: "\eb89";} .mi-screen-lock-portrait:before {content: "\eb8a";} .mi-screen-lock-rotation:before {content: "\eb8b";} .mi-screen-rotation:before {content: "\eb8c";} .mi-screen-share:before {content: "\eb8d";} .mi-sd-storage:before {content: "\eb8e";} .mi-search:before {content: "\eb8f";} .mi-security:before {content: "\eb90";} .mi-select-all:before {content: "\eb91";} .mi-send:before {content: "\eb92";} .mi-sentiment-dissatisfied:before {content: "\eb93";} .mi-sentiment-neutral:before {content: "\eb94";} .mi-sentiment-satisfied:before {content: "\eb95";} .mi-sentiment-very-dissatisfied:before {content: "\eb96";} .mi-sentiment-very-satisfied:before {content: "\eb97";} .mi-settings:before {content: "\eb98";} .mi-settings-applications:before {content: "\eb99";} .mi-settings-backup-restore:before {content: "\eb9a";} .mi-settings-bluetooth:before {content: "\eb9b";} .mi-settings-brightness:before {content: "\eb9c";} .mi-settings-cell:before {content: "\eb9d";} .mi-settings-ethernet:before {content: "\eb9e";} .mi-settings-input-antenna:before {content: "\eb9f";} .mi-settings-input-composite:before {content: "\eba0";} .mi-settings-input-hdmi:before {content: "\eba1";} .mi-settings-input-svideo:before {content: "\eba2";} .mi-settings-overscan:before {content: "\eba3";} .mi-settings-phone:before {content: "\eba4";} .mi-settings-power:before {content: "\eba5";} .mi-settings-remote:before {content: "\eba6";} .mi-settings-system-daydream:before {content: "\eba7";} .mi-settings-voice:before {content: "\eba8";} .mi-share:before {content: "\eba9";} .mi-shop:before {content: "\ebaa";} .mi-shop-two:before {content: "\ebab";} .mi-shopping-basket:before {content: "\ebac";} .mi-short-text:before {content: "\ebad";} .mi-show-chart:before {content: "\ebae";} .mi-shuffle:before {content: "\ebaf";} .mi-signal-cellular-4-bar:before {content: "\ebb0";} .mi-signal-cellular-connected-no-internet-4-bar:before {content: "\ebb1";} .mi-signal-cellular-null:before {content: "\ebb2";} .mi-signal-cellular-off:before {content: "\ebb3";} .mi-signal-wifi-4-bar:before {content: "\ebb4";} .mi-signal-wifi-4-bar-lock:before {content: "\ebb5";} .mi-signal-wifi-off:before {content: "\ebb6";} .mi-sim-card:before {content: "\ebb7";} .mi-sim-card-alert:before {content: "\ebb8";} .mi-skip-next:before {content: "\ebb9";} .mi-skip-previous:before {content: "\ebba";} .mi-slideshow:before {content: "\ebbb";} .mi-slow-motion-video:before {content: "\ebbc";} .mi-stay-primary-portrait:before {content: "\ebbd";} .mi-smoke-free:before {content: "\ebbe";} .mi-smoking-rooms:before {content: "\ebbf";} .mi-textsms:before {content: "\ebc0";} .mi-snooze:before {content: "\ebc1";} .mi-sort:before {content: "\ebc2";} .mi-sort-by-alpha:before {content: "\ebc3";} .mi-spa:before {content: "\ebc4";} .mi-space-bar:before {content: "\ebc5";} .mi-speaker:before {content: "\ebc6";} .mi-speaker-group:before {content: "\ebc7";} .mi-speaker-notes:before {content: "\ebc8";} .mi-speaker-notes-off:before {content: "\ebc9";} .mi-speaker-phone:before {content: "\ebca";} .mi-spellcheck:before {content: "\ebcb";} .mi-star-border:before {content: "\ebcc";} .mi-star-half:before {content: "\ebcd";} .mi-stars:before {content: "\ebce";} .mi-stay-primary-landscape:before {content: "\ebcf";} .mi-stop:before {content: "\ebd0";} .mi-stop-screen-share:before {content: "\ebd1";} .mi-storage:before {content: "\ebd2";} .mi-store-mall-directory:before {content: "\ebd3";} .mi-straighten:before {content: "\ebd4";} .mi-streetview:before {content: "\ebd5";} .mi-strikethrough-s:before {content: "\ebd6";} .mi-style:before {content: "\ebd7";} .mi-subdirectory-arrow-left:before {content: "\ebd8";} .mi-subdirectory-arrow-right:before {content: "\ebd9";} .mi-subject:before {content: "\ebda";} .mi-subscriptions:before {content: "\ebdb";} .mi-subtitles:before {content: "\ebdc";} .mi-subway:before {content: "\ebdd";} .mi-supervisor-account:before {content: "\ebde";} .mi-surround-sound:before {content: "\ebdf";} .mi-swap-calls:before {content: "\ebe0";} .mi-swap-horiz:before {content: "\ebe1";} .mi-swap-vert:before {content: "\ebe2";} .mi-swap-vertical-circle:before {content: "\ebe3";} .mi-switch-camera:before {content: "\ebe4";} .mi-switch-video:before {content: "\ebe5";} .mi-sync-disabled:before {content: "\ebe6";} .mi-sync-problem:before {content: "\ebe7";} .mi-system-update:before {content: "\ebe8";} .mi-system-update-alt:before {content: "\ebe9";} .mi-tab:before {content: "\ebea";} .mi-tab-unselected:before {content: "\ebeb";} .mi-tablet:before {content: "\ebec";} .mi-tablet-android:before {content: "\ebed";} .mi-tablet-mac:before {content: "\ebee";} .mi-tap-and-play:before {content: "\ebef";} .mi-text-fields:before {content: "\ebf0";} .mi-text-format:before {content: "\ebf1";} .mi-texture:before {content: "\ebf2";} .mi-thumb-down:before {content: "\ebf3";} .mi-thumb-up:before {content: "\ebf4";} .mi-thumbs-up-down:before {content: "\ebf5";} .mi-timelapse:before {content: "\ebf6";} .mi-timeline:before {content: "\ebf7";} .mi-timer:before {content: "\ebf8";} .mi-timer-10:before {content: "\ebf9";} .mi-timer-3:before {content: "\ebfa";} .mi-timer-off:before {content: "\ebfb";} .mi-title:before {content: "\ebfc";} .mi-toc:before {content: "\ebfd";} .mi-today:before {content: "\ebfe";} .mi-toll:before {content: "\ebff";} .mi-tonality:before {content: "\ec00";} .mi-touch-app:before {content: "\ec01";} .mi-toys:before {content: "\ec02";} .mi-track-changes:before {content: "\ec03";} .mi-traffic:before {content: "\ec04";} .mi-train:before {content: "\ec05";} .mi-tram:before {content: "\ec06";} .mi-transfer-within-a-station:before {content: "\ec07";} .mi-transform:before {content: "\ec08";} .mi-translate:before {content: "\ec09";} .mi-trending-down:before {content: "\ec0a";} .mi-trending-flat:before {content: "\ec0b";} .mi-trending-up:before {content: "\ec0c";} .mi-tune:before {content: "\ec0d";} .mi-tv:before {content: "\ec0e";} .mi-unarchive:before {content: "\ec0f";} .mi-undo:before {content: "\ec10";} .mi-unfold-less:before {content: "\ec11";} .mi-unfold-more:before {content: "\ec12";} .mi-update:before {content: "\ec13";} .mi-usb:before {content: "\ec14";} .mi-verified-user:before {content: "\ec15";} .mi-vertical-align-bottom:before {content: "\ec16";} .mi-vertical-align-center:before {content: "\ec17";} .mi-vertical-align-top:before {content: "\ec18";} .mi-vibration:before {content: "\ec19";} .mi-video-call:before {content: "\ec1a";} .mi-video-label:before {content: "\ec1b";} .mi-video-library:before {content: "\ec1c";} .mi-videocam:before {content: "\ec1d";} .mi-videocam-off:before {content: "\ec1e";} .mi-videogame-asset:before {content: "\ec1f";} .mi-view-agenda:before {content: "\ec20";} .mi-view-array:before {content: "\ec21";} .mi-view-carousel:before {content: "\ec22";} .mi-view-column:before {content: "\ec23";} .mi-view-comfy:before {content: "\ec24";} .mi-view-compact:before {content: "\ec25";} .mi-view-day:before {content: "\ec26";} .mi-view-headline:before {content: "\ec27";} .mi-view-list:before {content: "\ec28";} .mi-view-module:before {content: "\ec29";} .mi-view-quilt:before {content: "\ec2a";} .mi-view-stream:before {content: "\ec2b";} .mi-view-week:before {content: "\ec2c";} .mi-vignette:before {content: "\ec2d";} .mi-visibility-off:before {content: "\ec2e";} .mi-voice-chat:before {content: "\ec2f";} .mi-voicemail:before {content: "\ec30";} .mi-volume-down:before {content: "\ec31";} .mi-volume-mute:before {content: "\ec32";} .mi-volume-off:before {content: "\ec33";} .mi-volume-up:before {content: "\ec34";} .mi-vpn-key:before {content: "\ec35";} .mi-vpn-lock:before {content: "\ec36";} .mi-wallpaper:before {content: "\ec37";} .mi-watch:before {content: "\ec38";} .mi-watch-later:before {content: "\ec39";} .mi-wb-auto:before {content: "\ec3a";} .mi-wb-incandescent:before {content: "\ec3b";} .mi-wb-iridescent:before {content: "\ec3c";} .mi-wb-sunny:before {content: "\ec3d";} .mi-wc:before {content: "\ec3e";} .mi-web:before {content: "\ec3f";} .mi-web-asset:before {content: "\ec40";} .mi-weekend:before {content: "\ec41";} .mi-whatshot:before {content: "\ec42";} .mi-widgets:before {content: "\ec43";} .mi-wifi:before {content: "\ec44";} .mi-wifi-lock:before {content: "\ec45";} .mi-wifi-tethering:before {content: "\ec46";} .mi-work:before {content: "\ec47";} .mi-wrap-text:before {content: "\ec48";} .mi-youtube-searched-for:before {content: "\ec49";} .mi-zoom-in:before {content: "\ec4a";} .mi-zoom-out:before {content: "\ec4b";} .mi-zoom-out-map:before {content: "\ec4c";} /* bootstrap.css */ :root { --matte: #3e60c1; --blue: #2196F3; --indigo: #3F51B5; --purple: #673AB7; --pink: #E91E63; --red: #F44336; --orange: #FF7043; --yellow: #FF9800; --green: #4CAF50; --teal: #009688; --cyan: #00BCD4; --white: #fff; --gray: #999; --gray-dark: #555; --primary: #2196F3; --secondary: #777; --success: #4CAF50; --info: #00BCD4; --warning: #FF7043; --danger: #F44336; --light: #fafafa; --dark: #324148; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #ccc; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #eee !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #ddd; } .table .thead-dark th { color: inherit; border-color: #ddd; } } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @-ms-viewport { width: device-width; } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 0.8125rem; font-weight: 400; line-height: 1.5385; color: #333; text-align: left; background-color: #eeeded; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.625rem; } p { margin-top: 0; margin-bottom: 0.625rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 500; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #2196F3; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: #0a6ebd; text-decoration: none; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg:not(:root) { overflow: hidden; } table { border-collapse: collapse; } caption { padding-top: 0.75rem 1.25rem; padding-bottom: 0.75rem 1.25rem; color: #999; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.625rem; font-family: inherit; font-weight: 400; line-height: 1.5385; color: inherit; } h1, .h1 { font-size: 1.5625rem; } h2, .h2 { font-size: 1.4375rem; } h3, .h3 { font-size: 1.3125rem; } h4, .h4 { font-size: 1.1875rem; } h5, .h5 { font-size: 1.0625rem; } h6, .h6 { font-size: 0.9375rem; } .lead { font-size: 1.01562rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.5385; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.5385; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.5385; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.5385; } hr { margin-top: 1.25rem; margin-bottom: 1.25rem; border: 0; border-top: 1px solid #ddd; } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.25rem 0.5rem; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 1.25rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1.25rem; font-size: 0.9375rem; } .blockquote-footer { display: block; font-size: 80%; color: #999; } .blockquote-footer::before { content: "\2014 \00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #eeeded; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.075rem; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.625rem; line-height: 1; } .figure-caption { font-size: 90%; color: #999; } code { font-size: 0.75rem; color: #D81B60; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 0.75rem; color: #fff; background-color: #333; border-radius: 0.075rem; box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; box-shadow: none; } pre { display: block; font-size: 0.75rem; color: #333; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 450px; overflow-y: scroll; } .container { width: 100%; padding-right: 0.625rem; padding-left: 0.625rem; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 0.625rem; padding-left: 0.625rem; margin-right: auto; margin-left: auto; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -0.625rem; margin-left: -0.625rem; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 0.625rem; padding-left: 0.625rem; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -ms-flex-order: -1; order: -1; } .order-last { -ms-flex-order: 13; order: 13; } .order-0 { -ms-flex-order: 0; order: 0; } .order-1 { -ms-flex-order: 1; order: 1; } .order-2 { -ms-flex-order: 2; order: 2; } .order-3 { -ms-flex-order: 3; order: 3; } .order-4 { -ms-flex-order: 4; order: 4; } .order-5 { -ms-flex-order: 5; order: 5; } .order-6 { -ms-flex-order: 6; order: 6; } .order-7 { -ms-flex-order: 7; order: 7; } .order-8 { -ms-flex-order: 8; order: 8; } .order-9 { -ms-flex-order: 9; order: 9; } .order-10 { -ms-flex-order: 10; order: 10; } .order-11 { -ms-flex-order: 11; order: 11; } .order-12 { -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -ms-flex-order: -1; order: -1; } .order-sm-last { -ms-flex-order: 13; order: 13; } .order-sm-0 { -ms-flex-order: 0; order: 0; } .order-sm-1 { -ms-flex-order: 1; order: 1; } .order-sm-2 { -ms-flex-order: 2; order: 2; } .order-sm-3 { -ms-flex-order: 3; order: 3; } .order-sm-4 { -ms-flex-order: 4; order: 4; } .order-sm-5 { -ms-flex-order: 5; order: 5; } .order-sm-6 { -ms-flex-order: 6; order: 6; } .order-sm-7 { -ms-flex-order: 7; order: 7; } .order-sm-8 { -ms-flex-order: 8; order: 8; } .order-sm-9 { -ms-flex-order: 9; order: 9; } .order-sm-10 { -ms-flex-order: 10; order: 10; } .order-sm-11 { -ms-flex-order: 11; order: 11; } .order-sm-12 { -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -ms-flex-order: -1; order: -1; } .order-md-last { -ms-flex-order: 13; order: 13; } .order-md-0 { -ms-flex-order: 0; order: 0; } .order-md-1 { -ms-flex-order: 1; order: 1; } .order-md-2 { -ms-flex-order: 2; order: 2; } .order-md-3 { -ms-flex-order: 3; order: 3; } .order-md-4 { -ms-flex-order: 4; order: 4; } .order-md-5 { -ms-flex-order: 5; order: 5; } .order-md-6 { -ms-flex-order: 6; order: 6; } .order-md-7 { -ms-flex-order: 7; order: 7; } .order-md-8 { -ms-flex-order: 8; order: 8; } .order-md-9 { -ms-flex-order: 9; order: 9; } .order-md-10 { -ms-flex-order: 10; order: 10; } .order-md-11 { -ms-flex-order: 11; order: 11; } .order-md-12 { -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -ms-flex-order: -1; order: -1; } .order-lg-last { -ms-flex-order: 13; order: 13; } .order-lg-0 { -ms-flex-order: 0; order: 0; } .order-lg-1 { -ms-flex-order: 1; order: 1; } .order-lg-2 { -ms-flex-order: 2; order: 2; } .order-lg-3 { -ms-flex-order: 3; order: 3; } .order-lg-4 { -ms-flex-order: 4; order: 4; } .order-lg-5 { -ms-flex-order: 5; order: 5; } .order-lg-6 { -ms-flex-order: 6; order: 6; } .order-lg-7 { -ms-flex-order: 7; order: 7; } .order-lg-8 { -ms-flex-order: 8; order: 8; } .order-lg-9 { -ms-flex-order: 9; order: 9; } .order-lg-10 { -ms-flex-order: 10; order: 10; } .order-lg-11 { -ms-flex-order: 11; order: 11; } .order-lg-12 { -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -ms-flex-order: -1; order: -1; } .order-xl-last { -ms-flex-order: 13; order: 13; } .order-xl-0 { -ms-flex-order: 0; order: 0; } .order-xl-1 { -ms-flex-order: 1; order: 1; } .order-xl-2 { -ms-flex-order: 2; order: 2; } .order-xl-3 { -ms-flex-order: 3; order: 3; } .order-xl-4 { -ms-flex-order: 4; order: 4; } .order-xl-5 { -ms-flex-order: 5; order: 5; } .order-xl-6 { -ms-flex-order: 6; order: 6; } .order-xl-7 { -ms-flex-order: 7; order: 7; } .order-xl-8 { -ms-flex-order: 8; order: 8; } .order-xl-9 { -ms-flex-order: 9; order: 9; } .order-xl-10 { -ms-flex-order: 10; order: 10; } .order-xl-11 { -ms-flex-order: 11; order: 11; } .order-xl-12 { -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .table { width: 100%; max-width: 100%; margin-bottom: 1.25rem; background-color: transparent; } .table th, .table td { padding: 0.75rem 1.25rem; vertical-align: top; border-top: 1px solid #ddd; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #eeeded; } .table-sm th, .table-sm td { padding: 0.625rem 1.25rem; } .table-bordered { border: 1px solid #ddd; } .table-bordered th, .table-bordered td { border: 1px solid #ddd; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.02); } .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.03); } .table-primary, .table-primary > th, .table-primary > td { background-color: #c1e2fc; } .table-hover .table-primary:hover { background-color: #a9d7fb; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #a9d7fb; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d9d9d9; } .table-hover .table-secondary:hover { background-color: #cccccc; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #cccccc; } .table-success, .table-success > th, .table-success > td { background-color: #cde9ce; } .table-hover .table-success:hover { background-color: #bbe1bd; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #bbe1bd; } .table-info, .table-info > th, .table-info > td { background-color: #b8ecf3; } .table-hover .table-info:hover { background-color: #a2e6ef; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #a2e6ef; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffd7ca; } .table-hover .table-warning:hover { background-color: #ffc4b1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffc4b1; } .table-danger, .table-danger > th, .table-danger > td { background-color: #fccac7; } .table-hover .table-danger:hover { background-color: #fbb3af; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #fbb3af; } .table-light, .table-light > th, .table-light > td { background-color: #fefefe; } .table-hover .table-light:hover { background-color: #f1f1f1; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #f1f1f1; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6cacc; } .table-hover .table-dark:hover { background-color: #b9bdc0; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bdc0; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.015); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.015); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.015); } .table .thead-dark th { color: #fff; background-color: #333; border-color: rgba(255, 255, 255, 0.35); } .table .thead-light th { color: #333; background-color: #f5f5f5; border-color: #ddd; } .table-dark { color: #fff; background-color: #333; } .table-dark th, .table-dark td, .table-dark thead th { border-color: rgba(255, 255, 255, 0.35); } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; padding: 0.25rem 0; font-size: 0.8125rem; line-height: 1.5385; color: #333; background-color: transparent; background-clip: padding-box; border: 1px solid #ddd; border-radius: 0; box-shadow: 0 0 0 0 transparent; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { outline: 0; box-shadow: 0 0 0 0 transparent, 0 1px 0 #5983fc; } .form-control:not(.border-bottom-1):not(.border-bottom-2):not(.border-bottom-3):focus { border-color: #5983fc; } .form-control::-webkit-input-placeholder { color: #999; opacity: 1; } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; opacity: 1; } .form-control::-ms-input-placeholder { color: #999; opacity: 1; } .form-control::placeholder { color: #999; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: transparent; opacity: 1; } select.form-control:not([size]):not([multiple]) { height: 2.37503rem; } select.form-control:focus::-ms-value { color: #333; background-color: transparent; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5385; } .col-form-label-lg { padding-top: calc(0.625rem + 1px); padding-bottom: calc(0.625rem + 1px); font-size: 0.875rem; line-height: 1.4286; } .col-form-label-sm { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); font-size: 0.75rem; line-height: 1.6667; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 0; line-height: 1.5385; color: #333; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, .input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, .input-group-lg > .input-group-append > .form-control-plaintext.btn { padding-right: 0; padding-left: 0; } .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.375rem 0 .125rem 0; font-size: 0.75rem; line-height: 1.6667; border-radius: 0; } select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) { height: 2.12502rem; } .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.625rem 0; font-size: 0.875rem; line-height: 1.4286; border-radius: 0; } select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) { height: 2.62502rem; } .form-group { margin-bottom: 1.25rem; } .form-text { display: block; margin-top: 0.5rem; } .form-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.875rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.875rem; } .form-check-input:disabled ~ .form-check-label { color: #999; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: 1.25rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.625rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.5rem; font-size: 80%; color: #4CAF50; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(76, 175, 80, 0.8); border-radius: .2rem; } .was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #4CAF50; } .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #4CAF50; box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #4CAF50; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #4CAF50; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { background-color: #a3d7a5; } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { background-color: #6ec071; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #eeeded, 0 0 0 0 rgba(76, 175, 80, 0.25); } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #4CAF50; } .was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before { border-color: inherit; } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.5rem; font-size: 80%; color: #F44336; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(244, 67, 54, 0.8); border-radius: .2rem; } .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #F44336; } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #F44336; box-shadow: 0 0 0 0 rgba(244, 67, 54, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #F44336; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #F44336; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { background-color: #fbb4af; } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { background-color: #f77066; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #eeeded, 0 0 0 0 rgba(244, 67, 54, 0.25); } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #F44336; } .was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before { border-color: inherit; } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { box-shadow: 0 0 0 0 rgba(244, 67, 54, 0.25); } .form-inline { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.5rem 1rem; font-size: 0.8125rem; line-height: 1.5385; border-radius: 0.075rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover, .btn:focus { text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0 transparent; } .btn.disabled, .btn:disabled { opacity: 0.65; box-shadow: none; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active { background-image: none; box-shadow: inset 0 0 0 transparent; } .btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus { box-shadow: 0 0 0 0 transparent, inset 0 0 0 transparent; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #2196F3; } .btn-primary:hover { color: #fff; background-color: #2196F3; } .btn-secondary { color: #fff; background-color: #777; } .btn-secondary:hover { color: #fff; background-color: #777; } .btn-success { color: #fff; background-color: #4CAF50; } .btn-success:hover { color: #fff; background-color: #4CAF50; } .btn-info { color: #fff; background-color: #00BCD4; } .btn-info:hover { color: #fff; background-color: #00BCD4; } .btn-warning { color: #fff; background-color: #FF7043; } .btn-warning:hover { color: #fff; background-color: #FF7043; } .btn-danger { color: #fff; background-color: #F44336; } .btn-danger:hover { color: #fff; background-color: #F44336; } .btn-light { color: #333; background-color: #fafafa; } .btn-light:hover { color: #333; background-color: #fafafa; } .btn-dark { color: #fff; background-color: #324148; } .btn-dark:hover { color: #fff; background-color: #324148; } .btn-outline-primary { color: #2196F3; background-color: transparent; background-image: none; border-color: #2196F3; } .btn-outline-primary:hover { color: #fff; background-color: #2196F3; border-color: #2196F3; } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #2196F3; background-color: transparent; } .btn-outline-primary:not([disabled]):not(.disabled):active, .btn-outline-primary:not([disabled]):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #2196F3; border-color: #2196F3; } .btn-outline-secondary { color: #777; background-color: transparent; background-image: none; border-color: #777; } .btn-outline-secondary:hover { color: #fff; background-color: #777; border-color: #777; } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #777; background-color: transparent; } .btn-outline-secondary:not([disabled]):not(.disabled):active, .btn-outline-secondary:not([disabled]):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #777; border-color: #777; } .btn-outline-success { color: #4CAF50; background-color: transparent; background-image: none; border-color: #4CAF50; } .btn-outline-success:hover { color: #fff; background-color: #4CAF50; border-color: #4CAF50; } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #4CAF50; background-color: transparent; } .btn-outline-success:not([disabled]):not(.disabled):active, .btn-outline-success:not([disabled]):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #4CAF50; border-color: #4CAF50; } .btn-outline-info { color: #00BCD4; background-color: transparent; background-image: none; border-color: #00BCD4; } .btn-outline-info:hover { color: #fff; background-color: #00BCD4; border-color: #00BCD4; } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #00BCD4; background-color: transparent; } .btn-outline-info:not([disabled]):not(.disabled):active, .btn-outline-info:not([disabled]):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #00BCD4; border-color: #00BCD4; } .btn-outline-warning { color: #FF7043; background-color: transparent; background-image: none; border-color: #FF7043; } .btn-outline-warning:hover { color: #fff; background-color: #FF7043; border-color: #FF7043; } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #FF7043; background-color: transparent; } .btn-outline-warning:not([disabled]):not(.disabled):active, .btn-outline-warning:not([disabled]):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #fff; background-color: #FF7043; border-color: #FF7043; } .btn-outline-danger { color: #F44336; background-color: transparent; background-image: none; border-color: #F44336; } .btn-outline-danger:hover { color: #fff; background-color: #F44336; border-color: #F44336; } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #F44336; background-color: transparent; } .btn-outline-danger:not([disabled]):not(.disabled):active, .btn-outline-danger:not([disabled]):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #F44336; border-color: #F44336; } .btn-outline-light { color: #fafafa; background-color: transparent; background-image: none; border-color: #fafafa; } .btn-outline-light:hover { color: #fff; background-color: #fafafa; border-color: #fafafa; } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #fafafa; background-color: transparent; } .btn-outline-light:not([disabled]):not(.disabled):active, .btn-outline-light:not([disabled]):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #fff; background-color: #fafafa; border-color: #fafafa; } .btn-outline-dark { color: #324148; background-color: transparent; background-image: none; border-color: #324148; } .btn-outline-dark:hover { color: #fff; background-color: #324148; border-color: #324148; } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #324148; background-color: transparent; } .btn-outline-dark:not([disabled]):not(.disabled):active, .btn-outline-dark:not([disabled]):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #324148; border-color: #324148; } .btn-link { font-weight: 400; color: #3E60C1; background-color: transparent; } .btn-link:hover { color: #5170C7; text-decoration: none; background-color: transparent; border-color: transparent; } .btn-link:focus, .btn-link.focus { text-decoration: none; border-color: transparent; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #999; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.625rem 1.125rem; font-size: 0.875rem; line-height: 1.4286; border-radius: 0.25rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.375rem 0.875rem; font-size: 0.75rem; line-height: 1.6667; border-radius: 0.075rem; } .btn-xs, .btn-group-xs > .btn { padding: 0.125rem 0.5rem; font-size: 0.75rem; line-height: 1.6667; border-radius: 0.075rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media screen and (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.15s ease; } @media screen and (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle::after { font-family: "icomoon"; display: inline-block; border: 0; vertical-align: middle; font-size: 0.6875rem; margin-left: 0.46875rem; line-height: 1; position: relative; content: '\e9c9'; } .dt-noicon.dropdown-toggle::after { font-family: "icomoon"; display: inline-block; border: 0; vertical-align: middle; font-size: 0.6875rem; margin-left: 0.46875rem; line-height: 1; position: relative; content: ''; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; /*rtl:ignore*/ left: 0; z-index: 1000; display: none; float: left; min-width: 11.25rem; padding: 0.2rem 0 0.325rem 0; margin: 0.125rem 0 0; font-size: 0.8125rem; color: #333; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 0 solid rgba(0, 0, 0, 0.15); border-radius: 0.075rem; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .dropdown-menu-right { right: 0; left: auto; } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { font-family: "icomoon"; display: inline-block; border: 0; vertical-align: middle; font-size: 0.6875rem; margin-left: 0.46875rem; line-height: 1; position: relative; content: '\e9ca'; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; /*rtl:begin:ignore*/ right: auto; left: 100%; /*rtl:end:ignore*/ margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { font-family: "icomoon"; display: inline-block; border: 0; vertical-align: middle; font-size: 0.6875rem; margin-left: 0.46875rem; line-height: 1; position: relative; content: '\e9cb'; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { font-family: "icomoon"; display: inline-block; border: 0; vertical-align: middle; font-size: 0.6875rem; margin-left: 0.46875rem; line-height: 1; position: relative; } .dropleft .dropdown-toggle::after { content: none; } .dropleft .dropdown-toggle::before { font-family: "icomoon"; display: inline-block; border: 0; font-size: 0.6875rem; margin-right: 0.46875rem; line-height: 1; position: relative; content: '\e9c8'; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.625rem 0; overflow: hidden; border-top: 1px solid #ddd; } .dropdown-item { display: block; width: 100%; padding: 0.375rem 1.25rem; clear: both; font-weight: 400; color: #333; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #333; text-decoration: none; background-color: #f5f5f5; } .dropdown-item.active, .dropdown-item:active { color: #000; text-decoration: none; background-color: #eee; } .dropdown-item.disabled, .dropdown-item:disabled { color: #999; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.25rem; margin-bottom: 0; font-size: 0.75rem; color: #999; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.5rem 1.25rem; color: #333; } .btn-group, .btn-group-vertical { position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; -ms-flex: 0 1 auto; flex: 0 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.65625rem; padding-left: 0.65625rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.84375rem; padding-left: 0.84375rem; } .btn-group.show .dropdown-toggle { box-shadow: inset 0 0 0 transparent; } .btn-group.show .dropdown-toggle.btn-link { box-shadow: none; } .btn-group-vertical { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center; } .btn-group-vertical .btn, .btn-group-vertical .btn-group { width: 100%; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file:focus { z-index: 3; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: -ms-flexbox; display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0.5rem 0; margin-bottom: 0; font-size: 0.8125rem; font-weight: 400; line-height: 1.5385; color: #333; text-align: center; white-space: nowrap; background-color: transparent; border: 1px solid transparent; border-radius: 0; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.5385rem; padding-left: 1.875rem; } .custom-control-inline { display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; background-color: #455A64; box-shadow: none; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: none; } .custom-control-input:active ~ .custom-control-label::before { color: #455A64; background-color: #9fb3bd; box-shadow: none; } .custom-control-input:disabled ~ .custom-control-label { color: #999; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #f5f5f5; } .custom-control-label { position: relative; margin-bottom: 0; } .custom-control-label::before { position: absolute; top: 0.14425rem; left: -1.875rem; display: block; width: 1.25rem; height: 1.25rem; pointer-events: none; content: ""; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #eee; box-shadow: 0 0 0 0 transparent; } .custom-control-label::after { position: absolute; top: 0.14425rem; left: -1.875rem; display: block; width: 1.25rem; height: 1.25rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0.075rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { /*background-color: #455A64;*/ background-color: #3e60c1;} .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { /*background-color: #455A64;*/ background-color: #3e60c1; box-shadow: none; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(69, 90, 100, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(69, 90, 100, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: #455A64; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(69, 90, 100, 0.5); } .custom-select { display: inline-block; width: 100%; height: 2.37503rem; padding: 0.5rem 0.5rem 0.5rem 0; line-height: 1.5385; color: #333; vertical-align: middle; background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23555' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0 center; background-size: 8px 10px; border: 1px solid #ddd; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: transparent transparent #5983fc transparent; outline: 0; box-shadow: 0 1px 0 #5983fc; } .custom-select:focus::-ms-value { color: #333; background-color: transparent; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0; background-image: none; } .custom-select:disabled { color: #999; background-color: transparent; } .custom-select::-ms-expand { opacity: 0; } .custom-select-sm { height: 2.12502rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.75rem; } .custom-select-lg { height: 2.62502rem; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.875rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: 2.37503rem; margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: 2.37503rem; margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #5983fc; box-shadow: 0 0 0 0 transparent; } .custom-file-input:focus ~ .custom-file-label::after { border-color: #5983fc; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: 2.37503rem; padding: 0.5rem 0; line-height: 1.5385; color: #333; background-color: transparent; border: 1px solid #ddd; border-radius: 0; box-shadow: 0 0 0 0 transparent; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: 2.25003rem; padding: 0.5rem 0; line-height: 1.5385; color: #EC407A; content: "Browse"; background-color: transparent; border-left: 1px solid #ddd; border-radius: 0 0 0 0; } .custom-range { width: 100%; padding-left: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: none; } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #5983FC; border: 0; border-radius: 1rem; box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); -webkit-appearance: none; appearance: none; } .custom-range::-webkit-slider-thumb:focus { outline: none; box-shadow: 0 0 0 1px #eeeded, 0 0 0 0 transparent; } .custom-range::-webkit-slider-thumb:active { background-color: #97e7e0; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #eee; border-color: transparent; border-radius: 1rem; box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #5983FC; border: 0; border-radius: 1rem; box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); -moz-appearance: none; appearance: none; } .custom-range::-moz-range-thumb:focus { outline: none; box-shadow: 0 0 0 1px #eeeded, 0 0 0 0 transparent; } .custom-range::-moz-range-thumb:active { background-color: #97e7e0; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #eee; border-color: transparent; border-radius: 1rem; box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); } .custom-range::-ms-thumb { width: 1rem; height: 1rem; background-color: #5983FC; border: 0; border-radius: 1rem; box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); appearance: none; } .custom-range::-ms-thumb:focus { outline: none; box-shadow: 0 0 0 1px #eeeded, 0 0 0 0 transparent; } .custom-range::-ms-thumb:active { background-color: #97e7e0; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); } .custom-range::-ms-fill-lower { background-color: #eee; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #eee; border-radius: 1rem; } .nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.4rem 1.25rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #999; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.075rem; border-top-right-radius: 0.075rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: transparent; } .nav-tabs .nav-link.disabled { color: #999; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #333; background-color: #fff; border-color: #ddd #ddd #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.075rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #5983FC; } .nav-fill .nav-item { -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 0 1.25rem; } .navbar > .container, .navbar > .container-fluid { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: .5rem; padding-bottom: .5rem; margin-right: 1.25rem; font-size: 0; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.625rem; padding-bottom: 0.625rem; } .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-align: center; align-items: center; } .navbar-toggler { padding: 0.7875rem 0; font-size: 0.8125rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 1.25rem; padding-left: 1.25rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-md .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 1.25rem; padding-left: 1.25rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 1.25rem; padding-left: 1.25rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 1.25rem; padding-left: 1.25rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 1.25rem; padding-left: 1.25rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: #333; } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: #333; } .navbar-light .navbar-nav .nav-link { color: rgba(51, 51, 51, 0.75); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: #333; } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: #333; } .navbar-light .navbar-toggler { color: rgba(51, 51, 51, 0.75); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(51, 51, 51, 0.75)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-light .navbar-text { color: rgba(51, 51, 51, 0.75); } .navbar-light .navbar-text a { color: #333; } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: #333; } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.9); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.9); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.9); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.075rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.075rem; border-top-right-radius: 0.075rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.075rem; border-bottom-left-radius: 0.075rem; } .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0.8rem; } .card-title { margin-bottom: 0.9375rem; } .card-subtitle { margin-top: -0.46875rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.5rem 0.8rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.02); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: 0.075rem 0.125rem 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.5rem 0.8rem; background-color: rgba(0, 0, 0, 0.02); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 0.125rem 0.125rem; } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.9375rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: 0.075rem; } .card-img-top { width: 100%; border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; } .card-img-bottom { width: 100%; border-bottom-right-radius: 0.125rem; border-bottom-left-radius: 0.125rem; } .card-deck { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .card-deck .card { margin-bottom: 1.25rem; } @media (min-width: 576px) { .card-deck { -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -1.25rem; margin-left: -1.25rem; } .card-deck .card { display: -ms-flexbox; display: flex; -ms-flex: 1 0 0%; flex: 1 0 0%; -ms-flex-direction: column; flex-direction: column; margin-right: 1.25rem; margin-bottom: 0; margin-left: 1.25rem; } } .card-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .card-group > .card { margin-bottom: 1.25rem; } @media (min-width: 576px) { .card-group { -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-group > .card { -ms-flex: 1 0 0%; flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:first-child .card-img-top, .card-group > .card:first-child .card-header { border-top-right-radius: 0; } .card-group > .card:first-child .card-img-bottom, .card-group > .card:first-child .card-footer { border-bottom-right-radius: 0; } .card-group > .card:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:last-child .card-img-top, .card-group > .card:last-child .card-header { border-top-left-radius: 0; } .card-group > .card:last-child .card-img-bottom, .card-group > .card:last-child .card-footer { border-bottom-left-radius: 0; } .card-group > .card:only-child { border-radius: 0.075rem; } .card-group > .card:only-child .card-img-top, .card-group > .card:only-child .card-header { border-top-left-radius: 0.075rem; border-top-right-radius: 0.075rem; } .card-group > .card:only-child .card-img-bottom, .card-group > .card:only-child .card-footer { border-bottom-right-radius: 0.075rem; border-bottom-left-radius: 0.075rem; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer { border-radius: 0; } } .card-columns .card { margin-bottom: 1.25rem; } @media (min-width: 576px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.625rem 0; margin-bottom: 0; list-style: none; background-color: transparent; border-radius: 0; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.625rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.625rem; color: inherit; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #999; } .pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: 0.075rem; } .page-link { position: relative; display: block; padding: 0.5rem 1rem; margin-left: 0; line-height: 1.5385; color: #333; background-color: #f5f5f5; border: 0 solid #ddd; } .page-link:hover { z-index: 2; color: #333; text-decoration: none; background-color: #eee; border-color: #ddd; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0 transparent; } .page-link:not(:disabled):not(.disabled) { cursor: pointer; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.075rem; border-bottom-left-radius: 0.075rem; } .page-item:last-child .page-link { border-top-right-radius: 0.075rem; border-bottom-right-radius: 0.075rem; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #5983FC; border-color: #5983FC; } .page-item.disabled .page-link { color: #999; pointer-events: none; cursor: auto; background-color: transparent; border-color: #eee; } .pagination-lg .page-link { padding: 0.625rem 1.125rem; font-size: 0.875rem; line-height: 1.4286; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .pagination-sm .page-link { padding: 0.375rem 0.875rem; font-size: 0.75rem; line-height: 1.6667; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.125rem; border-bottom-left-radius: 0.125rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.125rem; border-bottom-right-radius: 0.125rem; } .badge { display: inline-block; padding: 0.3125rem 0.375rem; font-size: 75%; font-weight: 400; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.075rem; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.4375rem; padding-left: 0.4375rem; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #2196F3; } .badge-primary[href]:hover, .badge-primary[href]:focus { color: #fff; text-decoration: none; } .badge-primary[href]:hover:not(.badge-light), .badge-primary[href]:focus:not(.badge-light) { box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.075) inset; } .badge-secondary { color: #fff; background-color: #777; } .badge-secondary[href]:hover, .badge-secondary[href]:focus { color: #fff; text-decoration: none; } .badge-secondary[href]:hover:not(.badge-light), .badge-secondary[href]:focus:not(.badge-light) { box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.075) inset; } .badge-success { color: #fff; background-color: #4CAF50; } .badge-success[href]:hover, .badge-success[href]:focus { color: #fff; text-decoration: none; } .badge-success[href]:hover:not(.badge-light), .badge-success[href]:focus:not(.badge-light) { box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.075) inset; } .badge-info { color: #fff; background-color: #00BCD4; } .badge-info[href]:hover, .badge-info[href]:focus { color: #fff; text-decoration: none; } .badge-info[href]:hover:not(.badge-light), .badge-info[href]:focus:not(.badge-light) { box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.075) inset; } .badge-warning { color: #fff; background-color: #FF7043; } .badge-warning[href]:hover, .badge-warning[href]:focus { color: #fff; text-decoration: none; } .badge-warning[href]:hover:not(.badge-light), .badge-warning[href]:focus:not(.badge-light) { box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.075) inset; } .badge-danger { color: #fff; background-color: #F44336; } .badge-danger[href]:hover, .badge-danger[href]:focus { color: #fff; text-decoration: none; } .badge-danger[href]:hover:not(.badge-light), .badge-danger[href]:focus:not(.badge-light) { box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.075) inset; } .badge-light { color: #333; background-color: #fafafa; } .badge-light[href]:hover, .badge-light[href]:focus { color: #333; text-decoration: none; } .badge-light[href]:hover:not(.badge-light), .badge-light[href]:focus:not(.badge-light) { box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.075) inset; } .badge-dark { color: #fff; background-color: #324148; } .badge-dark[href]:hover, .badge-dark[href]:focus { color: #fff; text-decoration: none; } .badge-dark[href]:hover:not(.badge-light), .badge-dark[href]:focus:not(.badge-light) { box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.075) inset; } .badge-matte { color: #fff; background-color: #3E60C1; } .badge-matte[href]:hover, .badge-matte[href]:focus { color: #fff; text-decoration: none; } .badge-matte[href]:hover:not(.badge-light), .badge-matte[href]:focus:not(.badge-light) { box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.075) inset; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #f5f5f5; border-radius: 0.25rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.9375rem 1.25rem; margin-bottom: 1.25rem; border: 1px solid transparent; border-radius: 0.075rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 500; } .alert-dismissible { padding-right: 3.75003rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.9375rem 1.25rem; color: inherit; } .alert-primary { color: #114e7e; background-color: #dbeefd; border-color: #339ef4; } .alert-primary hr { border-top-color: #1b92f3; } .alert-primary .alert-link { color: #0b3251; } .alert-secondary { color: #3e3e3e; background-color: #e9e9e9; border-color: #828282; } .alert-secondary hr { border-top-color: #757575; } .alert-secondary .alert-link { color: #252525; } .alert-success { color: #285b2a; background-color: #e2f2e3; border-color: #5ab55e; } .alert-success hr { border-top-color: #4ca950; } .alert-success .alert-link { color: #18381a; } .alert-info { color: #00626e; background-color: #d6f4f8; border-color: #14c1d7; } .alert-info hr { border-top-color: #12acc0; } .alert-info .alert-link { color: #00353b; } .alert-warning { color: #853a23; background-color: #ffe8e1; border-color: #ff7b52; } .alert-warning hr { border-top-color: #ff6839; } .alert-warning .alert-link { color: #5d2818; } .alert-danger { color: #7f231c; background-color: #fde1df; border-color: #f55246; } .alert-danger hr { border-top-color: #f43b2e; } .alert-danger .alert-link { color: #551713; } .alert-light { color: #828282; background-color: #fefefe; border-color: #fafafa; } .alert-light hr { border-top-color: #ededed; } .alert-light .alert-link { color: dimgray; } .alert-dark { color: #1a2225; background-color: #dee1e2; border-color: #425057; } .alert-dark hr { border-top-color: #374349; } .alert-dark .alert-link { color: #050607; } @-webkit-keyframes progress-bar-stripes { /*rtl:begin:ignore*/ from { background-position: 1.125rem 0; } to { background-position: 0 0; } /*rtl:end:ignore*/ } @keyframes progress-bar-stripes { /*rtl:begin:ignore*/ from { background-position: 1.125rem 0; } to { background-position: 0 0; } /*rtl:end:ignore*/ } .progress { display: -ms-flexbox; display: flex; height: 1.125rem; overflow: hidden; font-size: 0.60938rem; background-color: #eee; border-radius: 0.075rem; box-shadow: none; } .progress-bar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #2196F3; transition: width 0.6s ease; } @media screen and (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1.125rem 1.125rem; } .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } .media { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .media-body { -ms-flex: 1; flex: 1; } .list-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: rgba(51, 51, 51, 0.85); text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { color: #333; text-decoration: none; background-color: #f5f5f5; } .list-group-item-action:active { color: #333; background-color: #f5f5f5; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 0.075rem; border-top-right-radius: 0.075rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.075rem; border-bottom-left-radius: 0.075rem; } .list-group-item:hover, .list-group-item:focus { z-index: 1; text-decoration: none; } .list-group-item.disabled, .list-group-item:disabled { color: #999; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #5983FC; border-color: #5983FC; } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0; } .list-group-item-primary { color: #114e7e; background-color: #c1e2fc; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #114e7e; background-color: #a9d7fb; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #114e7e; border-color: #114e7e; } .list-group-item-secondary { color: #3e3e3e; background-color: #d9d9d9; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #3e3e3e; background-color: #cccccc; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #3e3e3e; border-color: #3e3e3e; } .list-group-item-success { color: #285b2a; background-color: #cde9ce; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #285b2a; background-color: #bbe1bd; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #285b2a; border-color: #285b2a; } .list-group-item-info { color: #00626e; background-color: #b8ecf3; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #00626e; background-color: #a2e6ef; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #00626e; border-color: #00626e; } .list-group-item-warning { color: #853a23; background-color: #ffd7ca; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #853a23; background-color: #ffc4b1; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #853a23; border-color: #853a23; } .list-group-item-danger { color: #7f231c; background-color: #fccac7; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #7f231c; background-color: #fbb3af; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #7f231c; border-color: #7f231c; } .list-group-item-light { color: #828282; background-color: #fefefe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #828282; background-color: #f1f1f1; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #828282; border-color: #828282; } .list-group-item-dark { color: #1a2225; background-color: #c6cacc; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1a2225; background-color: #b9bdc0; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1a2225; border-color: #1a2225; } .close { float: right; font-size: 1.25003rem; font-weight: 400; line-height: 1; color: #333; text-shadow: none; opacity: .5; } .close:hover, .close:focus { color: #333; text-decoration: none; opacity: .75; } .close:not(:disabled):not(.disabled) { cursor: pointer; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -25%); transform: translate(0, -25%); } @media screen and (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - (0.5rem * 2)); } .modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid transparent; border-radius: 0.075rem; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 0.8rem 1.25rem; border-bottom: 1px solid rgba(0, 0, 0, 0.125); border-top-left-radius: 0.075rem; border-top-right-radius: 0.075rem; } .modal-header .close { padding: 1.25rem; margin: -1.25rem -1.25rem -1.25rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5385; } .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0.8rem 1.25rem; } .modal-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 0.8rem 1.25rem; border-top: 1px solid rgba(0, 0, 0, 0.125); } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 600px; margin: 1.75rem auto; } .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); } .modal-content { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .modal-sm { max-width: 400px; } } @media (min-width: 992px) { .modal-lg { max-width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0.3125rem; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; line-height: 1.5385; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.8125rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0; height: 0; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0 0 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { /*rtl:ignore*/ left: 0; width: 0; height: 0; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { /*rtl:begin:ignore*/ right: 0; border-width: 0 0 0 0; border-right-color: #000; /*rtl:end:ignore*/ } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0 0; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { /*rtl:ignore*/ right: 0; width: 0; height: 0; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { /*rtl:begin:ignore*/ left: 0; border-width: 0 0 0 0; border-left-color: #000; /*rtl:end:ignore*/ } .tooltip-inner { max-width: 200px; padding: 0.5625rem 0.75rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.075rem; } .popover { position: absolute; top: 0; /*rtl:ignore*/ left: 0; z-index: 1060; display: block; max-width: 276px; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; line-height: 1.5385; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.8125rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.075rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .popover .arrow { position: absolute; display: block; width: 0.75rem; height: 0.375rem; margin: 0 0.25rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.375rem; } .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow { bottom: calc((0.375rem + 1px) * -1); } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { border-width: 0.375rem 0.375rem 0; } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before { bottom: 0; border-top-color: rgba(0, 0, 0, 0.2); } .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { bottom: 1px; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { /*rtl:ignore*/ margin-left: 0.375rem; } .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow { /*rtl:ignore*/ left: calc((0.375rem + 1px) * -1); width: 0.375rem; height: 0.75rem; margin: 0.25rem 0; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { /*rtl:ignore*/ border-width: 0.375rem 0.375rem 0.375rem 0; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before { /*rtl:begin:ignore*/ left: 0; border-right-color: rgba(0, 0, 0, 0.2); /*rtl:end:ignore*/ } .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { /*rtl:begin:ignore*/ left: 1px; border-right-color: #fff; /*rtl:end:ignore*/ } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.375rem; } .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow { top: calc((0.375rem + 1px) * -1); } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { border-width: 0 0.375rem 0.375rem 0.375rem; } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before { top: 0; border-bottom-color: rgba(0, 0, 0, 0.2); } .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { top: 1px; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 0.75rem; margin-left: -0.375rem; content: ""; border-bottom: 1px solid transparent; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { /*rtl:ignore*/ margin-right: 0.375rem; } .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow { /*rtl:ignore*/ right: calc((0.375rem + 1px) * -1); width: 0.375rem; height: 0.75rem; margin: 0.25rem 0; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { /*rtl:ignore*/ border-width: 0.375rem 0 0.375rem 0.375rem; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before { /*rtl:begin:ignore*/ right: 0; border-left-color: rgba(0, 0, 0, 0.2); /*rtl:end:ignore*/ } .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { /*rtl:begin:ignore*/ right: 1px; border-left-color: #fff; /*rtl:end:ignore*/ } .popover-header { padding: 0.9375rem 0.9375rem; margin-bottom: 0; font-size: 0.8125rem; color: inherit; background-color: transparent; border-bottom: 1px solid rgba(0, 0, 0, 0); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.9375rem 0.9375rem; color: #333; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-item { position: relative; display: none; -ms-flex-align: center; align-items: center; width: 100%; transition: -webkit-transform 0.6s ease; transition: transform 0.6s ease; transition: transform 0.6s ease, -webkit-transform 0.6s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } @media screen and (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next, .carousel-item-prev { position: absolute; top: 0; } .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { -webkit-transform: translateX(0); transform: translateX(0); } @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-item-next, .active.carousel-item-right { -webkit-transform: translateX(100%); transform: translateX(100%); } @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { .carousel-item-next, .active.carousel-item-right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .carousel-item-prev, .active.carousel-item-left { -webkit-transform: translateX(-100%); transform: translateX(-100%); } @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { .carousel-item-prev, .active.carousel-item-left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .carousel-fade .carousel-item { opacity: 0; transition-duration: .6s; transition-property: opacity; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { opacity: 0; } .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { -webkit-transform: translateX(0); transform: translateX(0); } @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .carousel-indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { position: relative; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: rgba(255, 255, 255, 0.5); } .carousel-indicators li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators .active { background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #2196F3 !important; } .bg-secondary { background-color: #777 !important; } .bg-success { background-color: #4CAF50 !important; } .bg-info { background-color: #00BCD4 !important; } .bg-warning { background-color: #FF7043 !important; } .bg-danger { background-color: #F44336 !important; } .bg-light { background-color: #fafafa !important; } .bg-dark { background-color: #324148 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #ddd !important; } .border-top { border-top: 1px solid #ddd !important; } .border-right { border-right: 1px solid #ddd !important; } .border-bottom { border-bottom: 1px solid #ddd !important; } .border-left { border-left: 1px solid #ddd !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #2196F3 !important; } .border-secondary { border-color: #777 !important; } .border-success { border-color: #4CAF50 !important; } .border-info { border-color: #00BCD4 !important; } .border-warning { border-color: #FF7043 !important; } .border-danger { border-color: #F44336 !important; } .border-light { border-color: #fafafa !important; } .border-dark { border-color: #324148 !important; } .border-white { border-color: #fff !important; } .border-matte { border-color: #3E60C1 !important; } .rounded { border-radius: 0.075rem !important; } .rounded-top { border-top-left-radius: 0.075rem !important; border-top-right-radius: 0.075rem !important; } .rounded-right { border-top-right-radius: 0.075rem !important; border-bottom-right-radius: 0.075rem !important; } .rounded-bottom { border-bottom-right-radius: 0.075rem !important; border-bottom-left-radius: 0.075rem !important; } .rounded-left { border-top-left-radius: 0.075rem !important; border-bottom-left-radius: 0.075rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-5 { width: 5% !important; } .w-10 { width: 10% !important; } .w-20 { width: 20% !important; } .w-25 { width: 25% !important; } .w-30 { width: 30% !important; } .w-40 { width: 40% !important; } .w-50 { width: 50% !important; } .w-60 { width: 60% !important; } .w-70 { width: 70% !important; } .w-75 { width: 75% !important; } .w-80 { width: 80% !important; } .w-90 { width: 90% !important; } .w-95 { width: 95% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-5 { height: 5% !important; } .h-10 { height: 10% !important; } .h-20 { height: 20% !important; } .h-25 { height: 25% !important; } .h-30 { height: 30% !important; } .h-40 { height: 40% !important; } .h-50 { height: 50% !important; } .h-60 { height: 60% !important; } .h-70 { height: 70% !important; } .h-75 { height: 75% !important; } .h-80 { height: 80% !important; } .h-90 { height: 90% !important; } .h-95 { height: 95% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.3125rem !important; } .mt-1, .my-1 { margin-top: 0.3125rem !important; } .mr-1, .mx-1 { margin-right: 0.3125rem !important; } .mb-1, .my-1 { margin-bottom: 0.3125rem !important; } .ml-1, .mx-1 { margin-left: 0.3125rem !important; } .m-2 { margin: 0.625rem !important; } .mt-2, .my-2 { margin-top: 0.625rem !important; } .mr-2, .mx-2 { margin-right: 0.625rem !important; } .mb-2, .my-2 { margin-bottom: 0.625rem !important; } .ml-2, .mx-2 { margin-left: 0.625rem !important; } .m-3 { margin: 1.25rem !important; } .mt-3, .my-3 { margin-top: 1.25rem !important; } .mr-3, .mx-3 { margin-right: 1.25rem !important; } .mb-3, .my-3 { margin-bottom: 1.25rem !important; } .ml-3, .mx-3 { margin-left: 1.25rem !important; } .m-4 { margin: 1.875rem !important; } .mt-4, .my-4 { margin-top: 1.875rem !important; } .mr-4, .mx-4 { margin-right: 1.875rem !important; } .mb-4, .my-4 { margin-bottom: 1.875rem !important; } .ml-4, .mx-4 { margin-left: 1.875rem !important; } .m-5 { margin: 3.75rem !important; } .mt-5, .my-5 { margin-top: 3.75rem !important; } .mr-5, .mx-5 { margin-right: 3.75rem !important; } .mb-5, .my-5 { margin-bottom: 3.75rem !important; } .ml-5, .mx-5 { margin-left: 3.75rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.3125rem !important; } .pt-1, .py-1 { padding-top: 0.3125rem !important; } .pr-1, .px-1 { padding-right: 0.3125rem !important; } .pb-1, .py-1 { padding-bottom: 0.3125rem !important; } .pl-1, .px-1 { padding-left: 0.3125rem !important; } .p-2 { padding: 0.625rem !important; } .pt-2, .py-2 { padding-top: 0.625rem !important; } .pr-2, .px-2 { padding-right: 0.625rem !important; } .pb-2, .py-2 { padding-bottom: 0.625rem !important; } .pl-2, .px-2 { padding-left: 0.625rem !important; } .p-3 { padding: 1.25rem !important; } .pt-3, .py-3 { padding-top: 1.25rem !important; } .pr-3, .px-3 { padding-right: 1.25rem !important; } .pb-3, .py-3 { padding-bottom: 1.25rem !important; } .pl-3, .px-3 { padding-left: 1.25rem !important; } .p-4 { padding: 1.875rem !important; } .pt-4, .py-4 { padding-top: 1.875rem !important; } .pr-4, .px-4 { padding-right: 1.875rem !important; } .pb-4, .py-4 { padding-bottom: 1.875rem !important; } .pl-4, .px-4 { padding-left: 1.875rem !important; } .p-5 { padding: 3.75rem !important; } .pt-5, .py-5 { padding-top: 3.75rem !important; } .pr-5, .px-5 { padding-right: 3.75rem !important; } .pb-5, .py-5 { padding-bottom: 3.75rem !important; } .pl-5, .px-5 { padding-left: 3.75rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.3125rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.3125rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.3125rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.3125rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.3125rem !important; } .m-sm-2 { margin: 0.625rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.625rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.625rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.625rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.625rem !important; } .m-sm-3 { margin: 1.25rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1.25rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1.25rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1.25rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1.25rem !important; } .m-sm-4 { margin: 1.875rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.875rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.875rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.875rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.875rem !important; } .m-sm-5 { margin: 3.75rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3.75rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3.75rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3.75rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3.75rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.3125rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.3125rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.3125rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.3125rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.3125rem !important; } .p-sm-2 { padding: 0.625rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.625rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.625rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.625rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.625rem !important; } .p-sm-3 { padding: 1.25rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1.25rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1.25rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1.25rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1.25rem !important; } .p-sm-4 { padding: 1.875rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.875rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.875rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.875rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.875rem !important; } .p-sm-5 { padding: 3.75rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3.75rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3.75rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3.75rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3.75rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.3125rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.3125rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.3125rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.3125rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.3125rem !important; } .m-md-2 { margin: 0.625rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.625rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.625rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.625rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.625rem !important; } .m-md-3 { margin: 1.25rem !important; } .mt-md-3, .my-md-3 { margin-top: 1.25rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1.25rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1.25rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1.25rem !important; } .m-md-4 { margin: 1.875rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.875rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.875rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.875rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.875rem !important; } .m-md-5 { margin: 3.75rem !important; } .mt-md-5, .my-md-5 { margin-top: 3.75rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3.75rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3.75rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3.75rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.3125rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.3125rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.3125rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.3125rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.3125rem !important; } .p-md-2 { padding: 0.625rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.625rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.625rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.625rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.625rem !important; } .p-md-3 { padding: 1.25rem !important; } .pt-md-3, .py-md-3 { padding-top: 1.25rem !important; } .pr-md-3, .px-md-3 { padding-right: 1.25rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1.25rem !important; } .pl-md-3, .px-md-3 { padding-left: 1.25rem !important; } .p-md-4 { padding: 1.875rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.875rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.875rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.875rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.875rem !important; } .p-md-5 { padding: 3.75rem !important; } .pt-md-5, .py-md-5 { padding-top: 3.75rem !important; } .pr-md-5, .px-md-5 { padding-right: 3.75rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3.75rem !important; } .pl-md-5, .px-md-5 { padding-left: 3.75rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.3125rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.3125rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.3125rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.3125rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.3125rem !important; } .m-lg-2 { margin: 0.625rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.625rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.625rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.625rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.625rem !important; } .m-lg-3 { margin: 1.25rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1.25rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1.25rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1.25rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1.25rem !important; } .m-lg-4 { margin: 1.875rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.875rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.875rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.875rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.875rem !important; } .m-lg-5 { margin: 3.75rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3.75rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3.75rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3.75rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3.75rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.3125rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.3125rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.3125rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.3125rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.3125rem !important; } .p-lg-2 { padding: 0.625rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.625rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.625rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.625rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.625rem !important; } .p-lg-3 { padding: 1.25rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1.25rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1.25rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1.25rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1.25rem !important; } .p-lg-4 { padding: 1.875rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.875rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.875rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.875rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.875rem !important; } .p-lg-5 { padding: 3.75rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3.75rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3.75rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3.75rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3.75rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.3125rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.3125rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.3125rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.3125rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.3125rem !important; } .m-xl-2 { margin: 0.625rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.625rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.625rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.625rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.625rem !important; } .m-xl-3 { margin: 1.25rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1.25rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1.25rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1.25rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1.25rem !important; } .m-xl-4 { margin: 1.875rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.875rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.875rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.875rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.875rem !important; } .m-xl-5 { margin: 3.75rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3.75rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3.75rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3.75rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3.75rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.3125rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.3125rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.3125rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.3125rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.3125rem !important; } .p-xl-2 { padding: 0.625rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.625rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.625rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.625rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.625rem !important; } .p-xl-3 { padding: 1.25rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1.25rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1.25rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1.25rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1.25rem !important; } .p-xl-4 { padding: 1.875rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.875rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.875rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.875rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.875rem !important; } .p-xl-5 { padding: 3.75rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3.75rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3.75rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3.75rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3.75rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #2196F3 !important; } a.text-primary:hover, a.text-primary:focus { color: #0c7cd5 !important; } .text-secondary { color: #777 !important; } a.text-secondary:hover, a.text-secondary:focus { color: #5e5e5e !important; } .text-success { color: #4CAF50 !important; } a.text-success:hover, a.text-success:focus { color: #3d8b40 !important; } .text-info { color: #00BCD4 !important; } a.text-info:hover, a.text-info:focus { color: #008fa1 !important; } .text-warning { color: #FF7043 !important; } a.text-warning:hover, a.text-warning:focus { color: #ff4910 !important; } .text-danger { color: #F44336 !important; } a.text-danger:hover, a.text-danger:focus { color: #ea1c0d !important; } .text-light { color: #fafafa !important; } a.text-light:hover, a.text-light:focus { color: #e1e1e1 !important; } .text-dark { color: #324148 !important; } a.text-dark:hover, a.text-dark:focus { color: #1d262a !important; } .text-body { color: #333 !important; } .text-muted { color: #999 !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } /* bootstrap_limitless.css */ body { position: relative; } dt { margin-bottom: 0.3125rem; } dd { margin-bottom: 1.25rem; } dd:last-child { margin-bottom: 0; } dl:last-child { margin-bottom: 0; } pre { -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; border: 1px solid #ddd; padding: 1.25rem 1.25rem; margin-bottom: 0; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } svg { display: block; } .svg-inline svg { display: inline-block; } .svg-center svg { margin: auto; } input[type="file"] { display: block; } /* ------------------------------------------------------------------------------ * * # Text styling * * Override and extend default Bootstrap styles. * * ---------------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { letter-spacing: -0.015em; } .list > li, .list > li .list > li { margin-top: 0.3125rem; } .list > li:first-child { margin-top: 0; } .list-extended > li, .list-extended > li .list > li { margin-top: 0.625rem; } ul.list-square { list-style-type: square; } ul.list-circle { list-style-type: circle; } .list-inline-item { position: relative; } .list-inline-condensed .list-inline-item:not(:last-child) { margin-right: 0.625rem; } .list-inline-dotted .list-inline-item:not(:last-child) { margin-right: 0.625rem; } .list-inline-dotted .list-inline-item:not(:last-child):after { content: '\f052'; font-family: "icomoon"; font-size: 0.5rem; width: 0.4rem; text-align: center; display: inline-block; margin-left: 0.825rem; opacity: 0.25; } .list-inline-dotted.list-inline-condensed .list-inline-item:not(:last-child) { margin-right: 0.41667rem; } .list-inline-dotted.list-inline-condensed .list-inline-item:not(:last-child):after { margin-left: 0.54167rem; } .list-icons { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; } .list-icons > *:not(:last-child) { margin-right: 0.375rem; } .list-icons-extended > *:not(:last-child) { margin-right: 0.75rem; } .list-icons-item { display: inline-block; line-height: 1; } a.list-icons-item { transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { a.list-icons-item { transition: none; } } a.list-icons-item:not([class*=text-]) { color: inherit; } a.list-icons-item:hover, a.list-icons-item:focus, .show > a.list-icons-item { outline: 0; opacity: 0.75; } .font-weight-black { font-weight: 900; } .font-weight-semibold { font-weight: 500; } .font-weight-thin { font-weight: 100; } .text-white { color: #fff; } a.text-white:not(.btn) { transition: color ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { a.text-white:not(.btn) { transition: none; } } a.text-white:hover, a.text-white:focus { color: rgba(255, 255, 255, 0.75); } .text-default { color: #333; } a.text-default:not(.btn) { transition: color ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { a.text-default:not(.btn) { transition: none; } } a.text-default:hover, a.text-default:focus { color: rgba(51, 51, 51, 0.75); } .blockquote-bordered { border-left: 5px solid #eee; } .blockquote-bordered-reverse { border-left: 0; border-right: 5px solid #eee; } .blockquote-footer { font-size: 0.8125rem; } .blockquote-footer::before { content: "\2014 \00A0 \00A0 \00A0"; } .list-feed-item { position: relative; padding-bottom: 1.25rem; padding-left: 1.75rem; } .list-feed-item:before { content: ''; position: absolute; left: 0; top: 0.31252rem; background-color: #fff; display: inline-block; border: 2px solid #607D8B; z-index: 3; width: 0.5rem; height: 0.5rem; border-radius: 50%; } .list-feed-item:after { content: ''; position: absolute; top: 0.31252rem; left: 0.1875rem; bottom: -0.43752rem; width: 0; border-left: 1px solid #607D8B; border-right: 1px solid #607D8B; z-index: 2; } .list-feed-item:first-child:after { top: 0.5rem; } .list-feed-item:last-child { padding-bottom: 0; } .list-feed-item:last-child:after { content: none; } .list-feed-item[class*=border-]:before, .list-feed-item[class*=border-]:after { border-color: inherit; } .list-feed-solid .list-feed-item:before { content: ''; border-width: 0.25rem; width: 0; height: 0; } .list-feed-square .list-feed-item:before { content: ''; border-radius: 0; } .list-feed-rhombus .list-feed-item:before { content: ''; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 0; } .list-feed-time .list-feed-item { margin-left: 3.25rem; } .list-feed-time .list-feed-item .feed-time { position: absolute; left: -3.25rem; top: 0; } .content-divider { text-align: center; position: relative; z-index: 1; } .content-divider > span { background-color: #eeeded; display: inline-block; } .card .content-divider > span, .tab-content-bordered .content-divider > span { background-color: #fff; } .modal .content-divider > span { background-color: #fff; } .content-divider > span:before { content: ""; position: absolute; top: 50%; left: 0; height: 1px; background-color: #ddd; width: 100%; z-index: -1; } .letter-icon { width: 1rem; height: 1.25003rem; display: block; } .btn-lg .letter-icon { height: 1.25003rem; } .btn-sm .letter-icon { height: 1.25002rem; } /* ------------------------------------------------------------------------------ * * # Code blocks * * Overrides of default code block styles * * ---------------------------------------------------------------------------- */ code { padding: 0.2rem 0.4rem; background-color: #fafafa; } pre { white-space: pre-wrap; /*rtl:ignore*/ text-align: left; border-radius: 0.075rem; } /* ------------------------------------------------------------------------------ * * # Table styling * * Override and extend default Bootstrap styles. * * ---------------------------------------------------------------------------- */ .table { margin-bottom: 0; } .table th, .table td { vertical-align: middle; } .table th { font-weight: 500; } .table thead th { vertical-align: middle; border-bottom: 1px solid #b7b7b7; } .table tfoot th { border-top-color: #b7b7b7; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top-width: 0; } .table tr, .table th, .table td { transition: background-color ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .table tr, .table th, .table td { transition: none; } } .table-primary, .table-primary > th, .table-primary > td { background-color: #e4f2fe; } .table-hover .table-primary:hover { background-color: #cbe6fd; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #cbe6fd; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #efefef; } .table-hover .table-secondary:hover { background-color: #e2e2e2; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #e2e2e2; } .table-success, .table-success > th, .table-success > td { background-color: #eaf5ea; } .table-hover .table-success:hover { background-color: #d9edd9; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #d9edd9; } .table-info, .table-info > th, .table-info > td { background-color: #e0f7fa; } .table-hover .table-info:hover { background-color: #caf1f6; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #caf1f6; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeee8; } .table-hover .table-warning:hover { background-color: #ffdbcf; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffdbcf; } .table-danger, .table-danger > th, .table-danger > td { background-color: #fee8e7; } .table-hover .table-danger:hover { background-color: #fdd1cf; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #fdd1cf; } .table-light, .table-light > th, .table-light > td { background-color: #fefefe; } .table-hover .table-light:hover { background-color: #f1f1f1; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #f1f1f1; } .table-dark, .table-dark > th, .table-dark > td { background-color: #e6e8e9; } .table-hover .table-dark:hover { background-color: #d8dcdd; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #d8dcdd; } .table-dark thead th, .table-dark thead td { border-color: rgba(255, 255, 255, 0.5); } @media (max-width: 575.98px) { .table-responsive-sm > .table-bordered { border: 1px solid #ddd; } } @media (max-width: 767.98px) { .table-responsive-md > .table-bordered { border: 1px solid #ddd; } } @media (max-width: 991.98px) { .table-responsive-lg > .table-bordered { border: 1px solid #ddd; } } @media (max-width: 1199.98px) { .table-responsive-xl > .table-bordered { border: 1px solid #ddd; } } .table-responsive > .table-bordered { border: 1px solid #ddd; } .table-scrollable { max-height: 22.5rem; overflow: auto; } .table-columned tbody td, .table-columned tbody th, .table-columned tfoot td, .table-columned tfoot th { border: 0; border-left: 1px solid #ddd; } .table-columned tbody td:first-child, .table-columned tbody th:first-child, .table-columned tfoot td:first-child, .table-columned tfoot th:first-child { border-left: 0; } .table-columned thead th, .table-columned thead td { border-left: 1px solid #ddd; } .table-columned thead th:first-child, .table-columned thead td:first-child { border-left: 0; } .table-borderless td, .table-borderless th { border: 0; } .table-xl th, .table-xl td { padding: 1.25rem 1.25rem; } .table-lg th, .table-lg td { padding: 1rem 1.25rem; } .table-xs th, .table-xs td { padding: 0.5rem 1.25rem; } thead .table-border-solid th, thead .table-border-solid td { border-bottom-width: 2px; } tbody .table-border-solid td, tbody .table-border-solid th, tfoot .table-border-solid td, tfoot .table-border-solid th { border-top-width: 2px; } thead .table-border-double th, thead .table-border-double td { border-bottom-width: 3px; border-bottom-style: double; } .table-bordered thead .table-border-double:first-child th, .table-bordered thead .table-border-double:first-child td { border-bottom-width: 3px; border-bottom-style: double; } tbody .table-border-double td, tbody .table-border-double th, tfoot .table-border-double td, tfoot .table-border-double th { border-top-width: 3px; border-top-style: double; } .table-border-dashed td, .table-border-dashed th { border-top-style: dashed; } .table thead tr[class*=border-bottom-] th, .table thead tr[class*=border-bottom-] td { border-bottom-color: inherit; } .table tbody tr[class*=border-top-] th, .table tbody tr[class*=border-top-] td, .table tfoot tr[class*=border-top-] th, .table tfoot tr[class*=border-top-] td { border-top-color: inherit; } .card > .table:first-child caption + thead tr:first-child th, .card > .table:first-child caption + thead tr:first-child td, .card > .table:first-child colgroup + thead tr:first-child th, .card > .table:first-child colgroup + thead tr:first-child td, .card > .table:first-child thead:first-child tr:first-child th, .card > .table:first-child thead:first-child tr:first-child td, .card > [class*=table-responsive]:first-child > .table:first-child caption + thead tr:first-child th, .card > [class*=table-responsive]:first-child > .table:first-child caption + thead tr:first-child td, .card > [class*=table-responsive]:first-child > .table:first-child colgroup + thead tr:first-child th, .card > [class*=table-responsive]:first-child > .table:first-child colgroup + thead tr:first-child td, .card > [class*=table-responsive]:first-child > .table:first-child thead:first-child tr:first-child th, .card > [class*=table-responsive]:first-child > .table:first-child thead:first-child tr:first-child td { border-top-width: 0; } .card.card-table { border-width: 1px; border-color: #ddd; } .card > .table caption, .card > [class*=table-responsive] > .table caption { padding-left: 1.25rem; padding-right: 1.25rem; } .card > .table:first-child, .card > [class*=table-responsive]:first-child > .table:first-child { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; } .card > .table:first-child thead:first-child tr:first-child, .card > .table:first-child tbody:first-child tr:first-child, .card > [class*=table-responsive]:first-child > .table:first-child thead:first-child tr:first-child, .card > [class*=table-responsive]:first-child > .table:first-child tbody:first-child tr:first-child { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; } .card > .table:first-child thead:first-child tr:first-child td:first-child, .card > .table:first-child thead:first-child tr:first-child th:first-child, .card > .table:first-child tbody:first-child tr:first-child td:first-child, .card > .table:first-child tbody:first-child tr:first-child th:first-child, .card > [class*=table-responsive]:first-child > .table:first-child thead:first-child tr:first-child td:first-child, .card > [class*=table-responsive]:first-child > .table:first-child thead:first-child tr:first-child th:first-child, .card > [class*=table-responsive]:first-child > .table:first-child tbody:first-child tr:first-child td:first-child, .card > [class*=table-responsive]:first-child > .table:first-child tbody:first-child tr:first-child th:first-child { border-top-left-radius: 0.125rem; } .card > .table:first-child thead:first-child tr:first-child td:last-child, .card > .table:first-child thead:first-child tr:first-child th:last-child, .card > .table:first-child tbody:first-child tr:first-child td:last-child, .card > .table:first-child tbody:first-child tr:first-child th:last-child, .card > [class*=table-responsive]:first-child > .table:first-child thead:first-child tr:first-child td:last-child, .card > [class*=table-responsive]:first-child > .table:first-child thead:first-child tr:first-child th:last-child, .card > [class*=table-responsive]:first-child > .table:first-child tbody:first-child tr:first-child td:last-child, .card > [class*=table-responsive]:first-child > .table:first-child tbody:first-child tr:first-child th:last-child { border-top-right-radius: 0.125rem; } .card > .table:last-child, .card > [class*=table-responsive]:last-child > .table:last-child { border-bottom-right-radius: 0.125rem; border-bottom-left-radius: 0.125rem; } .card > .table:last-child tbody:last-child tr:last-child, .card > .table:last-child tfoot:last-child tr:last-child, .card > [class*=table-responsive]:last-child > .table:last-child tbody:last-child tr:last-child, .card > [class*=table-responsive]:last-child > .table:last-child tfoot:last-child tr:last-child { border-bottom-left-radius: 0.125rem; border-bottom-right-radius: 0.125rem; } .card > .table:last-child tbody:last-child tr:last-child td:first-child, .card > .table:last-child tbody:last-child tr:last-child th:first-child, .card > .table:last-child tfoot:last-child tr:last-child td:first-child, .card > .table:last-child tfoot:last-child tr:last-child th:first-child, .card > [class*=table-responsive]:last-child > .table:last-child tbody:last-child tr:last-child td:first-child, .card > [class*=table-responsive]:last-child > .table:last-child tbody:last-child tr:last-child th:first-child, .card > [class*=table-responsive]:last-child > .table:last-child tfoot:last-child tr:last-child td:first-child, .card > [class*=table-responsive]:last-child > .table:last-child tfoot:last-child tr:last-child th:first-child { border-bottom-left-radius: 0.125rem; } .card > .table:last-child tbody:last-child tr:last-child td:last-child, .card > .table:last-child tbody:last-child tr:last-child th:last-child, .card > .table:last-child tfoot:last-child tr:last-child td:last-child, .card > .table:last-child tfoot:last-child tr:last-child th:last-child, .card > [class*=table-responsive]:last-child > .table:last-child tbody:last-child tr:last-child td:last-child, .card > [class*=table-responsive]:last-child > .table:last-child tbody:last-child tr:last-child th:last-child, .card > [class*=table-responsive]:last-child > .table:last-child tfoot:last-child tr:last-child td:last-child, .card > [class*=table-responsive]:last-child > .table:last-child tfoot:last-child tr:last-child th:last-child { border-bottom-right-radius: 0.125rem; } .card > .table-bordered, .card > [class*=table-responsive] > .table-bordered { border: 0; } .card > .table-bordered thead th:first-child, .card > .table-bordered thead td:first-child, .card > .table-bordered tbody th:first-child, .card > .table-bordered tbody td:first-child, .card > .table-bordered tfoot th:first-child, .card > .table-bordered tfoot td:first-child, .card > [class*=table-responsive] > .table-bordered thead th:first-child, .card > [class*=table-responsive] > .table-bordered thead td:first-child, .card > [class*=table-responsive] > .table-bordered tbody th:first-child, .card > [class*=table-responsive] > .table-bordered tbody td:first-child, .card > [class*=table-responsive] > .table-bordered tfoot th:first-child, .card > [class*=table-responsive] > .table-bordered tfoot td:first-child { border-left: 0; } .card > .table-bordered thead th:last-child, .card > .table-bordered thead td:last-child, .card > .table-bordered tbody th:last-child, .card > .table-bordered tbody td:last-child, .card > .table-bordered tfoot th:last-child, .card > .table-bordered tfoot td:last-child, .card > [class*=table-responsive] > .table-bordered thead th:last-child, .card > [class*=table-responsive] > .table-bordered thead td:last-child, .card > [class*=table-responsive] > .table-bordered tbody th:last-child, .card > [class*=table-responsive] > .table-bordered tbody td:last-child, .card > [class*=table-responsive] > .table-bordered tfoot th:last-child, .card > [class*=table-responsive] > .table-bordered tfoot td:last-child { border-right: 0; } .card-header:not([class*=bg-]) + .table, .card-header:not([class*=bg-]) + div[class*=table-responsive], .card-body + .table, .card-body + div[class*=table-responsive], .table + .card-body, div[class*=table-responsive] + .card-body, .navbar-light + div[class*=table-responsive], .navbar-light + .table { border-top: 1px solid #ddd; } .table tbody:first-child tr:first-child th, div[class*=table-responsive] > .table tbody:first-child tr:first-child th, .table tbody:first-child tr:first-child td, div[class*=table-responsive] > .table tbody:first-child tr:first-child td { border-top: 0; } .card-footer + [class*=table-responsive], .card-footer + .table { border-top: 1px solid #ddd; } /* ------------------------------------------------------------------------------ * * # Form styles * * Basic form styles and overrides of default Bootstrap styles * * ---------------------------------------------------------------------------- */ legend { padding-top: 0.625rem; padding-bottom: 0.625rem; margin-bottom: 1.25rem; border-bottom: 1px solid #ddd; font-size: 0.8125rem; } fieldset:first-child legend:first-child { padding-top: 0; } select[multiple], select[size] { height: 200px; padding: 0; } select[multiple] option, select[size] option { padding: 0.5rem 1.25rem; border-radius: 0.075rem; } select[multiple] option + option, select[size] option + option { margin-top: 1px; } .form-control { background-clip: border-box; border-width: 1px 0; border-top-color: transparent !important; } .form-control:disabled, .form-control[readonly] { border-bottom-style: dashed; } .form-control:disabled { color: #999; } .form-control[readonly] { box-shadow: none; border-bottom-color: #ddd !important; } .form-control.border-success:focus { box-shadow: 0 1px 0 #4CAF50; } .form-control.border-danger:focus { box-shadow: 0 1px 0 #F44336; } .form-control.border-warning:focus { box-shadow: 0 1px 0 #FF7043; } .form-control.border-primary:focus { box-shadow: 0 1px 0 #2196F3; } .form-control.border-info:focus { box-shadow: 0 1px 0 #00BCD4; } .form-control.text-white { border-bottom-color: rgba(255, 255, 255, 0.5); } .form-control.text-white:focus { border-bottom-color: #fff; box-shadow: 0 1px 0 #fff; } .form-control.text-white::-webkit-input-placeholder { color: #fff; } .form-control.text-white::-moz-placeholder { color: #fff; } .form-control.text-white:-ms-input-placeholder { color: #fff; } .form-control.text-white::-ms-input-placeholder { color: #fff; } .form-control.text-white::placeholder { color: #fff; } .form-group .form-group:last-child { margin-bottom: 0; } @media (max-width: 767.98px) { .form-group [class*="col-md-"]:not([class*=col-form-label]) + [class*="col-md-"] { margin-top: 1.25rem; } } @media (max-width: 991.98px) { .form-group [class*="col-lg-"]:not([class*=col-form-label]) + [class*="col-lg-"] { margin-top: 1.25rem; } } @media (max-width: 1199.98px) { .form-group [class*="col-xl-"]:not([class*=col-form-label]) + [class*="col-xl-"] { margin-top: 1.25rem; } } @media (max-width: 767.98px) { [class*=col-form-label][class*="col-md-"] { padding-top: 0; } } @media (max-width: 991.98px) { [class*=col-form-label][class*="col-lg-"] { padding-top: 0; } } @media (max-width: 1199.98px) { [class*=col-form-label][class*="col-xl-"] { padding-top: 0; } } .form-check:not(.form-check-inline) { margin-bottom: 0.5rem; } .form-check:not(.form-check-inline):last-child { margin-bottom: 0; } .form-group.row .form-check:not(.dropdown-item) { margin-top: 0.5625rem; } .form-check.disabled { color: #999; } .form-check.disabled .form-check-label { cursor: default; } .form-check-input:disabled ~ .form-check-label { cursor: default; } .form-check-label { cursor: pointer; } .form-check-inline .form-check-label { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: start; align-items: flex-start; } .form-check-inline .form-check-input { margin-top: 0.3rem; } .form-check-inline:last-child { margin-right: 0; } .form-check-inline input { position: static; } .form-check-right { padding-left: 0; padding-right: 1.875rem; } .form-check-right .form-check-input, .form-check-right input { left: auto; right: 0; } .form-check-right.form-check-inline { padding: 0; } .form-check-right.form-check-inline .form-check-input { margin-right: 0; margin-left: 0.625rem; } .form-group-feedback { position: relative; } .form-group-feedback-left .form-control-feedback { left: 0; } .form-group-feedback-left .form-control { padding-left: 2rem; } .form-group-feedback-left .form-control-lg { padding-left: 2.125rem; } .form-group-feedback-left .form-control-sm { padding-left: 1.875rem; } .form-group-feedback-right .form-control-feedback { right: 0; } .form-group-feedback-right .form-control { padding-right: 2rem; } .form-group-feedback-right .form-control-lg { padding-right: 2.125rem; } .form-group-feedback-right .form-control-sm { padding-right: 1.875rem; } .form-control-feedback { position: absolute; top: 0; color: #333; padding-left: 0; padding-right: 0; line-height: 2.37503rem; min-width: 1rem; } .form-control-feedback-lg { padding-left: 0; padding-right: 0; line-height: 2.62502rem; } .form-control-feedback-sm { padding-left: 0; padding-right: 0; line-height: 2.12502rem; } input[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) + .form-control-feedback { color: #fff; } /* ------------------------------------------------------------------------------ * * # Button component * * Overrides for button bootstrap component * * ---------------------------------------------------------------------------- */ .btn { position: relative; } .btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn):hover, .btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn):focus, .btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn).focus, .btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn):active, .btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn).active, .show > .btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn).dropdown-toggle { box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.075) inset; } .btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn).disabled, .btn:not(.bg-transparent):not([class*=btn-outline]):not(.btn-light):not(.btn-link):not([class*=alpha-]):not(.fab-menu-btn):disabled { box-shadow: none; } .btn.disabled, .btn:disabled { cursor: default; } .btn-light { color: #333; background-color: #f5f5f5; border-color: transparent; } .btn-light:hover, .btn-light:focus, .btn-light.focus, .btn-light:not([disabled]):not(.disabled):active, .btn-light:not([disabled]):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #333; background-color: #eee; border-color: transparent; } .btn-light.disabled, .btn-light:disabled { background-color: #f5f5f5; border-color: transparent; } .btn-outline:not(:hover):not(:active):not(.active):not([aria-expanded=true]), .btn-outline.disabled, .btn-outline:disabled { background-color: transparent !important; } .btn-outline:not(.disabled):not(:disabled):not([class*=alpha-]):hover, .btn-outline:not(.disabled):not(:disabled):not([class*=alpha-]):not([disabled]):not(.disabled):active, .btn-outline:not(.disabled):not(:disabled):not([class*=alpha-]):not([disabled]):not(.disabled).active, .show > .btn-outline:not(.disabled):not(:disabled):not([class*=alpha-]).dropdown-toggle { color: #fff !important; } .btn-outline.bg-white:not(.disabled):not(:disabled):hover, .btn-outline.bg-white:not(.disabled):not(:disabled):not([disabled]):not(.disabled):active, .btn-outline.bg-white:not(.disabled):not(:disabled):not([disabled]):not(.disabled).active, .show > .btn-outline.bg-white:not(.disabled):not(:disabled).dropdown-toggle { color: #333 !important; } .btn-link { font-weight: 400; } .show > .btn-link.dropdown-toggle { color: #0a6ebd; } .btn-icon { padding-left: 0.62502rem; padding-right: 0.62502rem; } .btn-icon input[type=checkbox], .btn-icon input[type=radio] { display: block; } .btn-icon.btn-sm { padding-left: 0.50002rem; padding-right: 0.50002rem; } .btn-icon.btn-lg { padding-left: 0.75002rem; padding-right: 0.75002rem; } .btn-float { padding: 1rem; border-radius: 0.075rem; } .btn-float.btn-link { padding: 0.8rem; } .btn-float i { display: block; top: 0; } .btn-float > span { display: block; padding-top: 0.625rem; margin-bottom: -0.40625rem; overflow: hidden; text-overflow: ellipsis; } .btn.border-2 { padding-top: 0.4375rem; padding-bottom: 0.4375rem; } .btn.border-2.btn-lg { padding-top: 0.5625rem; padding-bottom: 0.5625rem; } .btn.border-2.btn-sm { padding-top: 0.3125rem; padding-bottom: 0.3125rem; } .btn.border-2.btn-icon { padding-left: 0.56252rem; padding-right: 0.56252rem; } .btn.border-2.btn-icon.btn-lg { padding-left: 0.68752rem; padding-right: 0.68752rem; } .btn.border-2.btn-icon.btn-sm { padding-left: 0.43752rem; padding-right: 0.43752rem; } .btn.border-2.btn-float { padding: 0.9375rem; } .btn-labeled > b { position: absolute; top: -1px; background-color: rgba(0, 0, 0, 0.15); display: block; line-height: 1; padding: 0.68753rem; } .btn-labeled > b > i { top: 0; } .btn-labeled.rounded-round > b { border-radius: 100px; } .btn-labeled.btn-lg > b { padding: 0.81253rem; } .btn-labeled.btn-sm > b { padding: 0.56253rem; } .btn-labeled-left { padding-left: 3.37506rem; } .btn-labeled-left > b { left: -1px; border-top-left-radius: 0.075rem; border-bottom-left-radius: 0.075rem; } .btn-labeled-left.btn-lg { padding-left: 3.75005rem; } .btn-labeled-left.btn-lg > b { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .btn-labeled-left.btn-sm { padding-left: 3.00006rem; } .btn-labeled-left.btn-sm > b { border-top-left-radius: 0.125rem; border-bottom-left-radius: 0.125rem; } .btn-labeled-right { padding-right: 3.37506rem; } .btn-labeled-right > b { right: -1px; border-top-right-radius: 0.075rem; border-bottom-right-radius: 0.075rem; } /* ------------------------------------------------------------------------------ * * # Dropdown menu component * * Overrides for dropdown menu bootstrap component * * ---------------------------------------------------------------------------- */ .dropdown-menu { padding: 0.2rem 0; background-clip: border-box; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; outline: 0; overflow: hidden; text-overflow: ellipsis; cursor: pointer; margin-bottom: 0; transition: background-color ease-in-out 0.15s, color ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .dropdown-item { transition: none; } } .dropdown-item + .dropdown-item, .dropdown-submenu + .dropdown-item, .dropdown-item + .dropdown-submenu { margin-top: 1px; } .dropdown-item:active { color: #333; background-color: #f5f5f5; } .dropdown-item.active { color: #000; background-color: #eee; } .dropdown-item.active .badge:not(.badge-mark) { background-color: #fff !important; color: #333 !important; } .dropdown-item.active .badge-mark[class*=bg-] { background-color: #fff !important; border-color: #fff !important; } .dropdown-item.active .badge-mark[class*=border-] { border-color: #fff !important; } .dropdown-item.disabled, .dropdown-item:disabled { color: #999; background-color: transparent; cursor: default; } .dropdown-item.disabled > .badge, .dropdown-item.disabled > img, .dropdown-item:disabled > .badge, .dropdown-item:disabled > img { opacity: 0.8; } .dropdown-item-open { background-color: #f5f5f5; color: #333; } .dropdown-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-top: 0.25rem; margin-bottom: 0.25rem; line-height: 1.6667; } .dropdown-header-highlight { margin-top: 0; background-color: #f8f8f8; } .dropdown-item + .dropdown-header-highlight, .dropdown-header-highlight + .dropdown-item { margin-top: 0.5rem; } .dropdown-header-highlight:first-child { margin-top: 0; } .dropdown-item > i, .dropdown-item > img, .dropdown-header > i, .dropdown-header > img { margin-right: 1.25rem; } .dropdown-item > i, .dropdown-header > i { top: 0; } .dropdown-item > img, .dropdown-header > img { max-height: 1.25003rem; } .dropdown-divider { margin: 0.5rem 0; } .dropdown-item.form-check { padding: 0; margin-bottom: 0; } .dropdown-item.form-check .form-check-label { -ms-flex: 1; flex: 1; padding: 0.5rem 1.25rem; } .dropdown-item.form-check.form-check-right .form-check-label { padding-left: 1.25rem; } .dropdown-scrollable { max-height: 340px; overflow-y: auto; } .dropdown-menu > .dropdown-submenu { position: relative; } .dropdown-menu > .dropdown-submenu > .dropdown-item { padding-right: 2.75rem; } .dropdown-menu > .dropdown-submenu > .dropdown-item:after { content: '\e9c7'; font-family: "icomoon"; position: absolute; top: 50%; margin-top: -0.5rem; right: 1.25rem; font-size: 1rem; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dropdown-menu > .dropdown-submenu.show > .dropdown-item, .dropdown-menu > .dropdown-submenu:hover > .dropdown-item { background-color: #f5f5f5; color: #333; } .dropdown-menu > .dropdown-submenu:hover > .dropdown-item:not(.dropdown-toggle) ~ .dropdown-menu, .dropdown-menu > .dropdown-submenu:focus > .dropdown-item:not(.dropdown-toggle) ~ .dropdown-menu { display: block; } .dropdown-menu > .dropdown-submenu.disabled > .dropdown-menu { display: none; } .dropdown-menu > .dropdown-submenu.disabled > .dropdown-item { background-color: transparent; color: #999; cursor: default; } .dropdown-menu > .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -0.5rem; } .dropdown-menu > .dropdown-submenu.dropdown-submenu-left > .dropdown-menu { left: auto; right: 100%; } @media (max-width: 991.98px) { .dropdown-menu > .dropdown-submenu .dropdown-toggle:after { content: '\e9c5'; } .dropdown-menu > .dropdown-submenu .dropdown-menu, .dropdown-menu > .dropdown-submenu.dropdown-submenu-left .dropdown-menu { position: static; margin: 0 !important; border-width: 0; box-shadow: none; border-radius: 0; } .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-item, .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item { padding-left: 2.5rem; } .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-item, .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item { padding-left: 3.75rem; } } .dropdown-menu .dropup > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -0.5rem; } .dropdown-menu .dropdown-submenu + .dropdown-submenu { margin-top: 1px; } .dropright .dropdown-toggle::after { vertical-align: middle; } .dropleft .dropdown-toggle::before { vertical-align: middle; } .dropleft .dropdown-submenu .dropdown-toggle::before { content: none; } .dropdown-menu-lg .dropdown-item { padding-top: 0.625rem; padding-bottom: 0.625rem; font-size: 0.875rem; line-height: 1.4286; } .dropdown-menu-sm .dropdown-item { padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 0.75rem; line-height: 1.6667; } .dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-item, .dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-submenu > .dropdown-item { color: #fff; } .dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-item:hover, .dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-item:focus, .dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-submenu > .dropdown-item:hover, .dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-submenu > .dropdown-item:focus { background-color: rgba(0, 0, 0, 0.1); } .dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-item.active, .dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-submenu > .dropdown-item.active { background-color: rgba(0, 0, 0, 0.2); } .dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-item.disabled, .dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-submenu > .dropdown-item.disabled { background-color: transparent; color: rgba(255, 255, 255, 0.6); } .dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-submenu.show > .dropdown-item, .dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-submenu:hover > .dropdown-item { background-color: rgba(0, 0, 0, 0.1); color: #fff; } .dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-submenu.disabled > .dropdown-item { background-color: transparent; color: rgba(255, 255, 255, 0.6); } .dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-header { color: rgba(255, 255, 255, 0.6); } .dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-header-highlight { background-color: rgba(0, 0, 0, 0.1); } .dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-light) > .dropdown-divider { border-top-color: rgba(255, 255, 255, 0.4); } /* ------------------------------------------------------------------------------ * * # Button group component * * Overrides for button group bootstrap component * * ---------------------------------------------------------------------------- */ .btn-group .btn + .btn.border-2, .btn-group .btn.border-2 + .btn-group, .btn-group .btn-group + .btn.border-2, .btn-group-vertical .btn + .btn.border-2, .btn-group-vertical .btn.border-2 + .btn-group, .btn-group-vertical .btn-group + .btn.border-2 { margin-left: -2px; } .btn-group .btn + .btn.border-3, .btn-group .btn.border-3 + .btn-group, .btn-group .btn-group + .btn.border-3, .btn-group-vertical .btn + .btn.border-3, .btn-group-vertical .btn.border-3 + .btn-group, .btn-group-vertical .btn-group + .btn.border-3 { margin-left: -3px; } .btn-group-justified { display: -ms-flexbox; display: flex; } .btn-group-justified .btn, .btn-group-justified .btn-group { -ms-flex: 1; flex: 1; } /* ------------------------------------------------------------------------------ * * # Input group component * * Overrides for input group component * * ---------------------------------------------------------------------------- */ .input-group .form-group-feedback { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; z-index: 4; } .input-group .form-group-feedback:not(:last-child) .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group .form-group-feedback:not(:first-child) .form-control { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group + .form-control-feedback, .form-control-feedback + .input-group { z-index: 4; } .input-group-text i { display: block; top: 0; } .input-group-prepend { margin-right: 1.25rem; } .input-group > .input-group-prepend > .btn:last-of-type { border-top-right-radius: 0.075rem; border-bottom-right-radius: 0.075rem; } .input-group-append { margin-left: 1.25rem; } .input-group > .input-group-append > .btn:first-of-type { border-top-left-radius: 0.075rem; border-bottom-left-radius: 0.075rem; } .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding-left: 1.125rem; padding-right: 1.125rem; } .input-group-lg > .input-group-prepend > .btn:first-of-type, .input-group-lg > .input-group-append > .btn:first-of-type { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .input-group-lg > .input-group-prepend > .btn:last-of-type, .input-group-lg > .input-group-append > .btn:last-of-type { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .input-group-lg > .input-group-prepend > .btn-icon, .input-group-lg > .input-group-append > .btn-icon { padding-left: 0.75002rem; padding-right: 0.75002rem; } .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding-left: 0.875rem; padding-right: 0.875rem; } .input-group-sm > .input-group-prepend > .btn:first-of-type, .input-group-sm > .input-group-append > .btn:first-of-type { border-top-left-radius: 0.125rem; border-bottom-left-radius: 0.125rem; } .input-group-sm > .input-group-prepend > .btn:last-of-type, .input-group-sm > .input-group-append > .btn:last-of-type { border-top-right-radius: 0.125rem; border-bottom-right-radius: 0.125rem; } .input-group-sm > .input-group-prepend > .btn-icon, .input-group-sm > .input-group-append > .btn-icon { padding-left: 0.50002rem; padding-right: 0.50002rem; } /* ------------------------------------------------------------------------------ * * # Custom form inputs * * Custom checkboxes, radios, selects and file inputs * * ---------------------------------------------------------------------------- */ .custom-control { min-height: 1.25003rem; margin-bottom: 0.5rem; } .custom-control:last-child { margin-bottom: 0; } .custom-control-inline { margin-bottom: 0; } .custom-control-inline:last-child { margin-right: 0; } .custom-control-input:active ~ .custom-control-label::before { transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .custom-control-input:active ~ .custom-control-label::before { transition: none; } } .custom-control-input:disabled ~ .custom-control-label { cursor: default; } .custom-control-label { cursor: pointer; } .custom-control-label::before { top: 0.00002rem; } .custom-control-label::after { top: 0.00002rem; } .custom-control-right { padding-left: 0; padding-right: 1.875rem; } .custom-control-right .custom-control-input { right: 0; } .custom-control-right .custom-control-label:before, .custom-control-right .custom-control-label:after { left: auto; right: 0; } .custom-select { cursor: pointer; border-width: 1px 0; border-top-color: transparent; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .custom-select { transition: none; } } .custom-select:focus { box-shadow: 0 1px 0 #5983fc; } .custom-select:disabled { cursor: default; border-bottom-style: dashed; } .custom-select:disabled:hover, .custom-select:disabled:focus { box-shadow: none; } .custom-file-label { border-width: 1px 0; border-top-color: transparent; margin-bottom: 0; } .custom-file-label:after { border-left: 0; font-weight: 500; text-transform: uppercase; } /* ------------------------------------------------------------------------------ * * # Nav components * * Overrides for nav components * * ---------------------------------------------------------------------------- */ .nav-link { position: relative; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .nav-link { transition: none; } } .nav-link.disabled { cursor: default; } .nav-tabs { margin-bottom: 1.25rem; } .nav-tabs .nav-link { border-top-left-radius: 0; border-top-right-radius: 0; color: #777; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { color: #333; } .nav-tabs .nav-link.disabled { color: #999; } .nav-tabs .nav-item.show .nav-link:not(.active) { border-color: transparent; background-color: transparent; } .nav-tabs.border-top-1 { border-top-color: #ddd; } .nav-tabs-responsive { overflow-x: auto; box-shadow: 0 -1px 0 #ddd inset; } .nav-tabs-highlight .nav-link, .nav-tabs-top .nav-link, .nav-tabs-bottom .nav-link { position: relative; } .nav-tabs-highlight .nav-link:before, .nav-tabs-top .nav-link:before, .nav-tabs-bottom .nav-link:before { content: ''; position: absolute; top: 0; left: 0; right: 0; transition: background-color ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .nav-tabs-highlight .nav-link:before, .nav-tabs-top .nav-link:before, .nav-tabs-bottom .nav-link:before { transition: none; } } .nav-tabs-highlight .nav-link { border-top-left-radius: 0; border-top-right-radius: 0; } .nav-tabs-highlight .nav-link:before { height: 2px; top: -1px; left: -1px; right: -1px; } .nav-tabs-highlight .nav-link.active { border-top-color: #3E60C1; } .nav-tabs-highlight .nav-link.active:before { background-color: #3E60C1; } .nav-tabs-top .nav-item { margin-bottom: 0; } .nav-tabs-top .nav-link { border-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-tabs-top .nav-link:hover:before, .nav-tabs-top .nav-link:focus:before { background-color: #ddd; } .nav-tabs-top .nav-link:before { height: 2px; } .nav-tabs-top .nav-link.disabled:before { content: none; } .nav-tabs-top .nav-item.show .nav-link:not(.active):before { background-color: #ddd; } .nav-tabs-top .nav-link.active:before { background-color: #5983FC; } .nav-tabs-top .nav-link.active, .nav-tabs-top .nav-item.show .nav-link { background-color: transparent; } .nav-tabs-top .dropdown-menu { margin-top: 0; } .nav-tabs-top.border-top-1 .nav-item { margin-top: -1px; } .nav-tabs-bottom .nav-item { margin-bottom: 0; } .nav-tabs-bottom .nav-link { border-width: 0; margin-bottom: -1px; } .nav-tabs-bottom .nav-link:before { height: 2px; top: auto; bottom: 0; } .nav-tabs-bottom .nav-link.active:before { background-color: #5983FC; } .nav-tabs-bottom .nav-link.active, .nav-tabs-bottom .nav-item.show .nav-link { background-color: transparent; } .nav-tabs-bottom .dropdown-menu { margin-top: 0; } .nav-tabs-solid { background-color: #fafafa; border: 1px solid #ddd; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .nav-tabs-solid .nav-item { margin-bottom: 0; } .nav-tabs-solid .nav-link { border-width: 0; } .nav-tabs-solid .nav-item.show .nav-link { background-color: transparent; } .nav-tabs-solid .nav-link.active, .nav-tabs-solid .nav-item.show .nav-link.active { color: #fff; background-color: #5983FC; } .nav-tabs-solid[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-link { color: rgba(255, 255, 255, 0.9); } .nav-tabs-solid[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-link:hover, .nav-tabs-solid[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-link:focus { color: #fff; } .nav-tabs-solid[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-link.disabled { color: rgba(255, 255, 255, 0.6); } .nav-tabs-solid[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-item.show .nav-link { color: #fff; } .nav-tabs-solid[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-link.active, .nav-tabs-solid[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-item.show .nav-link.active { color: #fff; background-color: rgba(0, 0, 0, 0.1); } .nav-tabs-solid[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) + .tab-content[class*=bg-] { border-top-color: rgba(255, 255, 255, 0.5); } .nav-tabs-vertical .nav-link { -ms-flex-pack: start; justify-content: flex-start; border-left-width: 0; } .nav-tabs-vertical .nav-link, .nav-tabs-vertical .nav-link:hover, .nav-tabs-vertical .nav-link:focus, .nav-tabs-vertical .nav-link.disabled { border-color: transparent #ddd transparent transparent; } .nav-tabs-vertical .nav-link:before { content: ''; position: absolute; top: -1px; bottom: -1px; left: 0; width: 2px; transition: background-color ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .nav-tabs-vertical .nav-link:before { transition: none; } } .nav-tabs-vertical .nav-item.show .nav-link:not(.active) { border-right-color: #ddd; border-bottom-color: transparent; } .nav-tabs-vertical-right .nav-link, .nav-tabs-vertical-right .nav-link:hover, .nav-tabs-vertical-right .nav-link:focus, .nav-tabs-vertical-right .nav-link.disabled { border-color: transparent transparent transparent #ddd; } .nav-tabs-vertical-right .nav-link:before { left: auto; right: 0; } .nav-tabs-vertical-right .nav-item.show .nav-link:not(.active) { border-right-color: transparent; border-left-color: #ddd; } .nav-tabs-vertical .nav-link.active:before { background-color: #2196F3; } .nav-tabs-vertical .nav-link.active, .nav-tabs-vertical .nav-item.show .nav-link { background-color: transparent; border-color: #ddd transparent; } .nav-pills { margin-bottom: 1.25rem; } .nav-pills .nav-link { color: #777; } .nav-pills .nav-link:not(.active):hover, .nav-pills .nav-link:not(.active):focus { color: #333; } .nav-pills .nav-link.active .badge:not(.bg-transparent):not(.bg-light):not(.bg-white) { background-color: #fff; color: #333; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .nav-pills .nav-link.active .badge:not(.bg-transparent):not(.bg-light):not(.bg-white) { transition: none; } } .nav-pills .nav-link.disabled, .nav-pills .nav-link.disabled:hover, .nav-pills .nav-link.disabled:focus { color: #999; } .nav-pills .nav-item.show .nav-link:not(.active) { color: #333; background-color: transparent; } .nav-pills.flex-column .nav-link { -ms-flex-pack: start; justify-content: flex-start; } .nav-pills-bordered .nav-item + .nav-item { margin-left: 0.625rem; } .nav-pills-bordered .nav-link { border: 1px solid #ddd; } .nav-pills-bordered .nav-link:not(.active):hover, .nav-pills-bordered .nav-link:not(.active):focus, .nav-pills-bordered .nav-item.show .nav-link:not(.active) { background-color: #f5f5f5; } .nav-pills-bordered .nav-link.active { border-color: #5983FC; } .nav-pills-bordered .nav-link.disabled, .nav-pills-bordered .nav-link.disabled:hover, .nav-pills-bordered .nav-link.disabled:focus { background-color: #fafafa; } .nav-pills-bordered.flex-column .nav-item + .nav-item { margin-left: 0; margin-top: 0.625rem; } .nav-pills-toolbar .nav-item + .nav-item { margin-left: -1px; } .nav-pills-toolbar .nav-link { border-radius: 0; } .nav-pills-toolbar .nav-link.active { z-index: 3; } .nav-pills-toolbar .nav-item:first-child .nav-link { border-top-left-radius: 0.075rem; border-bottom-left-radius: 0.075rem; } .nav-pills-toolbar .nav-item:last-child .nav-link { border-top-right-radius: 0.075rem; border-bottom-right-radius: 0.075rem; } .nav-pills-toolbar.flex-column .nav-item:first-child .nav-link { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0.075rem; border-top-right-radius: 0.075rem; } .nav-pills-toolbar.flex-column .nav-item:last-child .nav-link { border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-right-radius: 0.075rem; border-bottom-left-radius: 0.075rem; } .nav-pills-toolbar.flex-column .nav-item + .nav-item { margin-left: 0; margin-top: -1px; } /* ------------------------------------------------------------------------------ * * # Navbar component * * Overrides for navbar component * * ---------------------------------------------------------------------------- */ .navbar { -ms-flex-align: stretch; align-items: stretch; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .navbar-component { border: 1px solid transparent; margin-bottom: 1.25rem; } .page-header .navbar-component { margin-left: 1.25rem; margin-right: 1.25rem; } .navbar-text { padding-top: 0.875rem; padding-bottom: 0.875rem; } .navbar-nav .nav-link { padding-left: 1.25rem; padding-right: 1.25rem; } .navbar-nav-link { position: relative; display: block; cursor: pointer; padding: 0.75rem 1rem; outline: 0; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .navbar-nav-link { transition: none; } } .navbar-nav-link.disabled { cursor: default; } .navbar-nav-link.disabled .badge, .navbar-nav-link.disabled img { opacity: 0.5; } .navbar-nav-link .badge { position: absolute; top: 0; right: 0; } .navbar-nav-link .badge-mark { top: 0.4375rem; right: 0.5rem; } .navbar-nav-highlight .navbar-nav-link { text-transform: uppercase; font-size: 0.75rem; line-height: 1.6667; font-weight: 500; } .navbar-nav-highlight .navbar-nav-link:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; background-color: transparent; width: 2px; } .navbar-light .navbar-nav-highlight .navbar-nav-link.active:before { background-color: #5983FC; } .navbar-dark .navbar-nav-highlight .navbar-nav-link.active:before { background-color: #fff; } .navbar-collapse { margin-left: -1.25rem; margin-right: -1.25rem; padding-left: 1.25rem; padding-right: 1.25rem; } .navbar-toggler { border: 0; line-height: 1.5385; cursor: pointer; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } .navbar-toggler + .navbar-toggler { margin-left: 1.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { outline: 0; } .navbar-dark .navbar-toggler:hover, .navbar-dark .navbar-toggler:focus { color: #fff; } .navbar-light .navbar-toggler { color: rgba(51, 51, 51, 0.75); } .navbar-light .navbar-toggler:hover, .navbar-light .navbar-toggler:focus, .navbar-light .navbar-toggler[aria-expanded=true] { color: #333; } @media (max-width: 575.98px) { .navbar-expand-sm .navbar-nav:first-child > .nav-item:first-child { margin-top: 0.625rem; } .navbar-expand-sm .navbar-nav:last-child > .nav-item:not(.show):last-child { margin-bottom: 0.625rem; } .navbar-expand-sm .navbar-nav-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-left: -1.25rem; margin-right: -1.25rem; padding-left: 1.25rem; padding-right: 1.25rem; } .navbar-expand-sm .navbar-nav-link .badge:not(.position-static) { position: static; } .navbar-expand-sm .navbar-nav-link.dropdown-toggle:not(.caret-0) { padding-right: 2.5rem; } .navbar-expand-sm .navbar-nav-link.dropdown-toggle:not(.caret-0):after { position: absolute; top: 50%; right: 1.25rem; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .navbar-expand-sm.navbar-dark .navbar-collapse { border-top: 1px solid rgba(255, 255, 255, 0.1); } .navbar-expand-sm.navbar-light .navbar-collapse { border-top: 1px solid #ddd; } .navbar-expand-sm .navbar-nav > .nav-item > .dropdown-menu { margin-top: 1.25rem; margin-bottom: 1.25rem; } .navbar-expand-sm .dropdown-submenu .dropdown-toggle:after { content: '\e9c5'; } .navbar-expand-sm .dropdown-submenu .dropdown-menu, .navbar-expand-sm .dropdown-submenu.dropdown-submenu-left .dropdown-menu { margin: 0; border-width: 0; box-shadow: none; border-radius: 0; } .navbar-expand-sm .dropdown-submenu > .dropdown-menu > .dropdown-item, .navbar-expand-sm .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item { padding-left: 2.5rem; } .navbar-expand-sm .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-item, .navbar-expand-sm .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item { padding-left: 3.75rem; } .navbar-expand-sm.fixed-top .navbar-collapse, .navbar-expand-sm.fixed-bottom .navbar-collapse { max-height: 440px; overflow-y: auto; } } @media (min-width: 576px) { .navbar-expand-sm .navbar-brand { min-width: 15.625rem; } .navbar-expand-sm .navbar-nav-link:before { top: auto; right: 0; width: auto; height: 2px; } } @media (max-width: 767.98px) { .navbar-expand-md .navbar-nav:first-child > .nav-item:first-child { margin-top: 0.625rem; } .navbar-expand-md .navbar-nav:last-child > .nav-item:not(.show):last-child { margin-bottom: 0.625rem; } .navbar-expand-md .navbar-nav-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-left: -1.25rem; margin-right: -1.25rem; padding-left: 1.25rem; padding-right: 1.25rem; } .navbar-expand-md .navbar-nav-link .badge:not(.position-static) { position: static; } .navbar-expand-md .navbar-nav-link.dropdown-toggle:not(.caret-0) { padding-right: 2.5rem; } .navbar-expand-md .navbar-nav-link.dropdown-toggle:not(.caret-0):after { position: absolute; top: 50%; right: 1.25rem; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .navbar-expand-md.navbar-dark .navbar-collapse { border-top: 1px solid rgba(255, 255, 255, 0.1); } .navbar-expand-md.navbar-light .navbar-collapse { border-top: 1px solid #ddd; } .navbar-expand-md .navbar-nav > .nav-item > .dropdown-menu { margin-top: 1.25rem; margin-bottom: 1.25rem; } .navbar-expand-md .dropdown-submenu .dropdown-toggle:after { content: '\e9c5'; } .navbar-expand-md .dropdown-submenu .dropdown-menu, .navbar-expand-md .dropdown-submenu.dropdown-submenu-left .dropdown-menu { margin: 0; border-width: 0; box-shadow: none; border-radius: 0; } .navbar-expand-md .dropdown-submenu > .dropdown-menu > .dropdown-item, .navbar-expand-md .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item { padding-left: 2.5rem; } .navbar-expand-md .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-item, .navbar-expand-md .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item { padding-left: 3.75rem; } .navbar-expand-md.fixed-top .navbar-collapse, .navbar-expand-md.fixed-bottom .navbar-collapse { max-height: 440px; overflow-y: auto; } } @media (min-width: 768px) { .navbar-expand-md .navbar-brand { min-width: 15.625rem; } .navbar-expand-md .navbar-nav-link:before { top: auto; right: 0; width: auto; height: 2px; } } @media (max-width: 991.98px) { .navbar-expand-lg .navbar-nav:first-child > .nav-item:first-child { margin-top: 0.625rem; } .navbar-expand-lg .navbar-nav:last-child > .nav-item:not(.show):last-child { margin-bottom: 0.625rem; } .navbar-expand-lg .navbar-nav-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-left: -1.25rem; margin-right: -1.25rem; padding-left: 1.25rem; padding-right: 1.25rem; } .navbar-expand-lg .navbar-nav-link .badge:not(.position-static) { position: static; } .navbar-expand-lg .navbar-nav-link.dropdown-toggle:not(.caret-0) { padding-right: 2.5rem; } .navbar-expand-lg .navbar-nav-link.dropdown-toggle:not(.caret-0):after { position: absolute; top: 50%; right: 1.25rem; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .navbar-expand-lg.navbar-dark .navbar-collapse { border-top: 1px solid rgba(255, 255, 255, 0.1); } .navbar-expand-lg.navbar-light .navbar-collapse { border-top: 1px solid #ddd; } .navbar-expand-lg .navbar-nav > .nav-item > .dropdown-menu { margin-top: 1.25rem; margin-bottom: 1.25rem; } .navbar-expand-lg .dropdown-submenu .dropdown-toggle:after { content: '\e9c5'; } .navbar-expand-lg .dropdown-submenu .dropdown-menu, .navbar-expand-lg .dropdown-submenu.dropdown-submenu-left .dropdown-menu { margin: 0; border-width: 0; box-shadow: none; border-radius: 0; } .navbar-expand-lg .dropdown-submenu > .dropdown-menu > .dropdown-item, .navbar-expand-lg .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item { padding-left: 2.5rem; } .navbar-expand-lg .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-item, .navbar-expand-lg .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item { padding-left: 3.75rem; } .navbar-expand-lg.fixed-top .navbar-collapse, .navbar-expand-lg.fixed-bottom .navbar-collapse { max-height: 440px; overflow-y: auto; } } @media (min-width: 992px) { .navbar-expand-lg .navbar-brand { min-width: 15.625rem; } .navbar-expand-lg .navbar-nav-link:before { top: auto; right: 0; width: auto; height: 2px; } } @media (max-width: 1199.98px) { .navbar-expand-xl .navbar-nav:first-child > .nav-item:first-child { margin-top: 0.625rem; } .navbar-expand-xl .navbar-nav:last-child > .nav-item:not(.show):last-child { margin-bottom: 0.625rem; } .navbar-expand-xl .navbar-nav-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-left: -1.25rem; margin-right: -1.25rem; padding-left: 1.25rem; padding-right: 1.25rem; } .navbar-expand-xl .navbar-nav-link .badge:not(.position-static) { position: static; } .navbar-expand-xl .navbar-nav-link.dropdown-toggle:not(.caret-0) { padding-right: 2.5rem; } .navbar-expand-xl .navbar-nav-link.dropdown-toggle:not(.caret-0):after { position: absolute; top: 50%; right: 1.25rem; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .navbar-expand-xl.navbar-dark .navbar-collapse { border-top: 1px solid rgba(255, 255, 255, 0.1); } .navbar-expand-xl.navbar-light .navbar-collapse { border-top: 1px solid #ddd; } .navbar-expand-xl .navbar-nav > .nav-item > .dropdown-menu { margin-top: 1.25rem; margin-bottom: 1.25rem; } .navbar-expand-xl .dropdown-submenu .dropdown-toggle:after { content: '\e9c5'; } .navbar-expand-xl .dropdown-submenu .dropdown-menu, .navbar-expand-xl .dropdown-submenu.dropdown-submenu-left .dropdown-menu { margin: 0; border-width: 0; box-shadow: none; border-radius: 0; } .navbar-expand-xl .dropdown-submenu > .dropdown-menu > .dropdown-item, .navbar-expand-xl .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item { padding-left: 2.5rem; } .navbar-expand-xl .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-item, .navbar-expand-xl .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item { padding-left: 3.75rem; } .navbar-expand-xl.fixed-top .navbar-collapse, .navbar-expand-xl.fixed-bottom .navbar-collapse { max-height: 440px; overflow-y: auto; } } @media (min-width: 1200px) { .navbar-expand-xl .navbar-brand { min-width: 15.625rem; } .navbar-expand-xl .navbar-nav-link:before { top: auto; right: 0; width: auto; height: 2px; } } .navbar-expand .navbar-nav:first-child > .nav-item:first-child { margin-top: 0.625rem; } .navbar-expand .navbar-nav:last-child > .nav-item:not(.show):last-child { margin-bottom: 0.625rem; } .navbar-expand .navbar-nav-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-left: -1.25rem; margin-right: -1.25rem; padding-left: 1.25rem; padding-right: 1.25rem; } .navbar-expand .navbar-nav-link .badge:not(.position-static) { position: static; } .navbar-expand .navbar-nav-link.dropdown-toggle:not(.caret-0) { padding-right: 2.5rem; } .navbar-expand .navbar-nav-link.dropdown-toggle:not(.caret-0):after { position: absolute; top: 50%; right: 1.25rem; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .navbar-expand.navbar-dark .navbar-collapse { border-top: 1px solid rgba(255, 255, 255, 0.1); } .navbar-expand.navbar-light .navbar-collapse { border-top: 1px solid #ddd; } .navbar-expand .navbar-nav > .nav-item > .dropdown-menu { margin-top: 1.25rem; margin-bottom: 1.25rem; } .navbar-expand .dropdown-submenu .dropdown-toggle:after { content: '\e9c5'; } .navbar-expand .dropdown-submenu .dropdown-menu, .navbar-expand .dropdown-submenu.dropdown-submenu-left .dropdown-menu { margin: 0; border-width: 0; box-shadow: none; border-radius: 0; } .navbar-expand .dropdown-submenu > .dropdown-menu > .dropdown-item, .navbar-expand .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item { padding-left: 2.5rem; } .navbar-expand .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-item, .navbar-expand .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-item { padding-left: 3.75rem; } .navbar-expand.fixed-top .navbar-collapse, .navbar-expand.fixed-bottom .navbar-collapse { max-height: 440px; overflow-y: auto; } .navbar-expand .navbar-brand { min-width: 15.625rem; } .navbar-expand .navbar-nav-link:before { top: auto; right: 0; width: auto; height: 2px; } .navbar-light { color: rgba(51, 51, 51, 0.75); background-color: #fff; } .page-header-content + .navbar-light, .content + .navbar-light, .page-content + .navbar-light, .fixed-bottom > .navbar-light:first-child { border-top: 1px solid transparent; } .navbar-light .navbar-nav .nav-link { color: #333; } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: #333; } .navbar-light .navbar-nav .nav-link.disabled { color: #999; } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: #333; } .navbar-light .navbar-nav-link { color: rgba(51, 51, 51, 0.75); } .navbar-light .navbar-nav-link:hover, .navbar-light .navbar-nav-link:focus { color: #333; background-color: transparent; } .navbar-light .navbar-nav-link.disabled { color: rgba(0, 0, 0, 0.5); background-color: transparent; } .navbar-light .show > .navbar-nav-link, .navbar-light .active > .navbar-nav-link, .navbar-light .navbar-nav-link.show, .navbar-light .navbar-nav-link.active { color: #333; background-color: transparent; } .navbar-light .navbar-text a { color: #2196F3; } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: #0a6ebd; } .navbar-dark { color: rgba(255, 255, 255, 0.9); background-color: #324148; } .navbar-dark .navbar-nav .nav-link { color: #333; } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: #333; } .navbar-dark .navbar-nav .nav-link.disabled { color: #999; } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #333; } .navbar-dark .navbar-nav-link { color: rgba(255, 255, 255, 0.9); } .navbar-dark .navbar-nav-link:hover, .navbar-dark .navbar-nav-link:focus { color: #fff; background-color: transparent; } .navbar-dark .navbar-nav-link.disabled { color: rgba(255, 255, 255, 0.5); background-color: transparent; } .navbar-dark .show > .navbar-nav-link, .navbar-dark .active > .navbar-nav-link, .navbar-dark .navbar-nav-link.show, .navbar-dark .navbar-nav-link.active { color: #fff; background-color: transparent; } .navbar-nav .nav-tabs .nav-link { color: #777; } .navbar-nav .nav-tabs .nav-link:hover, .navbar-nav .nav-tabs .nav-link:focus { color: #333; } .navbar-nav .nav-tabs .nav-link.disabled { color: #999; } .navbar-nav .nav-tabs .show > .nav-link, .navbar-nav .nav-tabs .active > .nav-link, .navbar-nav .nav-tabs .nav-link.show, .navbar-nav .nav-tabs .nav-link.active { color: #333; } .navbar-nav .nav-pills .nav-link { color: #777; } .navbar-nav .nav-pills .nav-link:not(.active):hover, .navbar-nav .nav-pills .nav-link:not(.active):focus { color: #333; } .navbar-nav .nav-pills .nav-link.active .badge:not(.badge-mark) { background-color: #fff !important; color: #333 !important; } .navbar-nav .nav-pills .nav-link.active .badge-mark[class*=bg-] { background-color: #fff !important; border-color: #fff !important; } .navbar-nav .nav-pills .nav-link.active .badge-mark[class*=border-] { border-color: #fff !important; } .navbar-nav .nav-pills .nav-link.active, .show:not(.navbar-collapse) > .navbar-nav .nav-pills .nav-link { color: #fff; } .navbar-nav .nav-pills .nav-link.disabled:hover, .navbar-nav .nav-pills .nav-link.disabled:focus { color: #999; } .navbar .btn-group .dropdown-menu-right { right: 0; left: auto; } .dropdown-user .navbar-nav-link, .dropdown-user .navbar-nav-link > span { padding-top: 0.4rem; padding-bottom: 0.4rem; } .dropdown-user .navbar-nav-link > span { display: inline-block; padding-left: 0.625rem; } .dropdown-user .navbar-nav-link > img { max-height: 2.12503rem; vertical-align: top; } .img-flag { height: 0.875rem; margin-top: 0.18752rem; vertical-align: top; -ms-flex-item-align: start; align-self: flex-start; } .mega-menu-left > .dropdown-menu { /*rtl:ignore*/ left: auto; } .mega-menu-right > .dropdown-menu { left: auto; right: 0; } .mega-menu-full > .dropdown-menu { left: 1.25rem; right: 1.25rem; } .navbar-component .mega-menu-full > .dropdown-menu { left: 0; right: 0; } .dropdown-content-header { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding-left: 1.25rem; padding-right: 1.25rem; border-top-left-radius: 0.075rem; border-top-right-radius: 0.075rem; } .dropdown-content-header:not([class*=bg-]) { padding-top: 1.25rem; padding-bottom: 1.25rem; } .dropdown-content-header[class*=bg-] { padding-top: 1rem; padding-bottom: 1rem; } .dropdown-content-header + .table-responsive, .dropdown-content-header + .table { border-top: 1px solid #ddd; } .dropdown-content:not(ul) { padding-top: 0; padding-bottom: 0; } .dropdown-content-body { padding: 1.25rem 1.25rem; } .dropdown-content-header:not([class*=bg-]) + .dropdown-content-body { padding-top: 0; } .dropdown-content-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0.75rem 1.25rem; border-top: 1px solid #ddd; border-bottom-right-radius: 0.075rem; border-bottom-left-radius: 0.075rem; } .navbar-top { padding-top: 3.00003rem; } .navbar-lg-top { padding-top: 3.25003rem; } .navbar-sm-top { padding-top: 2.75003rem; } .navbar-lg-md-top { padding-top: 6.25006rem; } .navbar-md-md-top { padding-top: 6.00006rem; } .navbar-sm-md-top { padding-top: 5.75006rem; } .navbar-lg-sm-top { padding-top: 6.00006rem; } .navbar-bottom { padding-bottom: 3.00003rem; } .navbar-lg-md-bottom { padding-bottom: 6.25006rem; } .navbar-md-md-bottom { padding-bottom: 6.00006rem; } .navbar-sm-md-bottom { padding-bottom: 5.75006rem; } .navbar-lg-sm-bottom { padding-bottom: 6.00006rem; } .navbar-lg .navbar-brand { padding-top: 1.12502rem; padding-bottom: 1.12502rem; } .navbar-lg .navbar-nav-link { padding: 1rem 1.25rem; } .navbar-lg .navbar-nav-link .badge-mark { top: 0.5rem; right: 0.625rem; } .navbar-lg .navbar-text { padding-top: 1rem; padding-bottom: 1rem; } .navbar-lg .dropdown-user > .navbar-nav-link, .navbar-lg .dropdown-user > .navbar-nav-link > span { padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-lg .dropdown-user > .navbar-nav-link > img { max-height: 2.25003rem; } .navbar-sm .navbar-brand { padding-top: 0.87502rem; padding-bottom: 0.87502rem; } .navbar-sm .navbar-nav-link { padding: 0.75rem 0.875rem; } .navbar-sm .navbar-nav-link .badge-mark { top: 0.375rem; right: 0.4375rem; } .navbar-sm .navbar-text { padding-top: 0.75rem; padding-bottom: 0.75rem; } .navbar-sm .dropdown-user > .navbar-nav-link, .navbar-sm .dropdown-user > .navbar-nav-link > span { padding-top: 0.375rem; padding-bottom: 0.375rem; } .navbar-sm .dropdown-user > .navbar-nav-link > img { max-height: 2.00003rem; } .navbar-header { margin-left: -1.25rem; margin-right: 1.25rem; } .navbar-header .navbar-brand { margin-left: 1.25rem; margin-right: 0; } .navbar-header .navbar-brand-xs { display: none; } .sidebar-xs .navbar-header .navbar-brand-md { display: none; } .sidebar-xs .navbar-header .navbar-brand-xs { display: inline-block; min-width: 3.5rem; margin-left: 0; text-align: center; } .navbar-static { z-index: 100; } /* ------------------------------------------------------------------------------ * * # Card component * * Overrides for card bootstrap component * * ---------------------------------------------------------------------------- */ .card { margin-bottom: 1.25rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); border-width: 0; } .card.fixed-top { overflow: auto; max-height: 100%; } .card-body:not(.card) + .card-body:not(.card) { border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-title { position: relative; } .card:not([class*=border-]) .card-header { border-top-left-radius: 0.075rem; border-top-right-radius: 0.075rem; } .card-header .card-title { margin-bottom: 0; } .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .card-header { border-bottom-color: rgba(255, 255, 255, 0.1); } .card-header:not([class*=bg-]):not([class*=alpha-]) { background-color: transparent; padding-top: .5rem; padding-bottom: .5rem; border-bottom-width: 0; } .card-header:not([class*=bg-]):not([class*=alpha-]) + .card-body, .card-header:not([class*=bg-]):not([class*=alpha-]) + * > .card-body:first-child { padding-top: 0; } .card-footer:first-child, .card-header + .card-footer, .card-header + * > .card-footer:first-child { border-top: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-footer.border-bottom-1 { border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header-tabs { margin-bottom: 0; } .card-header-tabs .nav-link { border-top-width: 0; } .card-body .card-img { border-radius: 0.075rem; } .card-img-actions { position: relative; } .card-img-actions:hover .card-img-actions-overlay, .card-img-actions:focus .card-img-actions-overlay { opacity: 1; visibility: visible; } .card-img-actions-overlay { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.75); color: #fff; opacity: 0; visibility: hidden; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .card-img-actions-overlay { transition: none; } } [data-action] { cursor: pointer; } [data-action]:after { font-family: "icomoon"; font-size: 1rem; min-width: 1rem; text-align: center; display: inline-block; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [data-action="collapse"]:after { content: '\e9c1'; } [data-action="reload"]:after { content: '\e9fb'; } [data-action="remove"]:after { content: '\ed6a'; font-size: 0.8125rem; } [data-action="move"] { cursor: default; } [data-action="move"]:after { content: '\e986'; } [data-action="fullscreen"]:after { content: '\e9f9'; } [data-action="fullscreen"][data-fullscreen="active"]:after { content: '\e9fa'; } [data-action="modal"]:after { content: '\e9eb'; } .card-group-control .card-title > a { display: inline-block; } .card-group-control .card-title > a:before { content: '\ed5b'; font-family: "icomoon"; position: absolute; top: 50%; margin-top: -0.5rem; font-size: 1rem; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .card-group-control .card-title > a.collapsed:before { content: '\ed5a'; } .card-group-control-left .card-title > a { padding-left: 1.625rem; } .card-group-control-left .card-title > a:before { left: 0; } .card-group-control-right .card-title > a { padding-right: 1.625rem; } .card-group-control-right .card-title > a:before { right: 0; } .card-group { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); border-bottom-right-radius: 0.075rem; border-bottom-left-radius: 0.075rem; } .card-group .card:not(:last-child) { border-right-width: 1px; } /* ------------------------------------------------------------------------------ * * # Breadcrumb component * * Overrides for breadcrumb bootstrap component * * ---------------------------------------------------------------------------- */ .breadcrumb { padding: 0; } .breadcrumb-item { padding: 0.625rem 0; color: inherit; } .breadcrumb-item i { font-size: 0.75rem; } a.breadcrumb-item, a.breadcrumb-elements-item { display: inline-block; color: inherit; transition: opacity ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { a.breadcrumb-item, a.breadcrumb-elements-item { transition: none; } } a.breadcrumb-item:hover, a.breadcrumb-elements-item:hover, a.breadcrumb-item:focus, a.breadcrumb-elements-item:focus, .show > a.breadcrumb-item, .show > a.breadcrumb-elements-item { opacity: 0.75; } .page-header-content > .breadcrumb { padding-top: 0; padding-bottom: 1.25rem; } .page-header-content > .breadcrumb:first-child { padding-bottom: 0; padding-top: 1.25rem; } .breadcrumb-dash > .breadcrumb-item + .breadcrumb-item:before { content: '\2013\00a0'; } .breadcrumb-arrow > .breadcrumb-item + .breadcrumb-item:before { content: '\2192\00a0'; } .breadcrumb-arrows > .breadcrumb-item + .breadcrumb-item:before { content: '\00bb\00a0'; } .breadcrumb-caret > .breadcrumb-item + .breadcrumb-item:before { content: '\203A\00a0'; } .breadcrumb-line { position: relative; padding-left: 1.25rem; padding-right: 1.25rem; border-top: 1px solid transparent; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .breadcrumb-line:not(.breadcrumb-line-component):first-child { border-top-width: 0; } .breadcrumb-line:last-child { margin-bottom: 1.25rem; } .page-header-light .breadcrumb-line:last-child, .page-header-dark .breadcrumb-line:last-child { margin-bottom: 0; } .breadcrumb-line-light { background-color: #fafafa; border-color: #ddd; color: #333; } .page-header-dark .breadcrumb-line-light:not(.breadcrumb-line-component) { border-top-width: 0; } .breadcrumb-line-dark { background-color: #273246; border-color: transparent; color: #fff; } .breadcrumb-line-dark .breadcrumb-item.active { color: inherit; } .breadcrumb-line-component { border: 0; border-radius: 0.075rem; } .page-header .breadcrumb-line-component { margin-left: 1.25rem; margin-right: 1.25rem; } .breadcrumb-elements-item { padding: 0.625rem 0; } .breadcrumb-elements-item + .breadcrumb-elements-item { margin-left: 1.25rem; } /* ------------------------------------------------------------------------------ * * # Pagination component * * Overrides for pagination component * * ---------------------------------------------------------------------------- */ .pagination { margin-bottom: 0; } .page-link { text-align: center; min-width: 2.25003rem; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .page-link { transition: none; } } .page-link-white { background-color: #fff; } .pagination-lg .page-link { min-width: 2.50002rem; } .pagination-sm .page-link { min-width: 2.00002rem; } .pagination-rounded .page-item:first-child .page-link { border-top-left-radius: 100px; border-bottom-left-radius: 100px; } .pagination-rounded .page-item:last-child .page-link { border-top-right-radius: 100px; border-bottom-right-radius: 100px; } .pagination-flat .page-item.active .page-link { background-color: #5983FC; } .pagination-flat .page-item.disabled .page-link { border-color: transparent; } .pagination-flat .page-link { background-color: transparent; border-color: transparent; margin-left: 2px; border-radius: 0.075rem; } .pagination-flat .page-link:hover, .pagination-flat .page-link:focus { background-color: #eee; } .pagination-flat.pagination-rounded .page-link { border-radius: 100px; } .pagination-separated .page-link { margin-left: 0.625rem; border-radius: 0.075rem; } .pagination-separated.pagination-rounded .page-link { border-radius: 100px; } .pagination-pager .page-item { border-radius: 0.075rem; } .pagination-pager .page-link { margin-left: 1.25rem; border-radius: 0.075rem; } .pagination-pager.pagination-rounded .page-link { border-radius: 100px; } .pagination-pager-linked .page-item.disabled .page-link { background-color: transparent; border-color: transparent; } .pagination-pager-linked .page-link { color: #2196F3; background-color: transparent; border-color: transparent; } .pagination-pager-linked .page-link:hover, .pagination-pager-linked .page-link:focus { color: #fff; background-color: #5983FC; border-color: #5983FC; } .pagination-pager:not(.pagination-rounded).pagination-lg .page-link { border-radius: 0.25rem; } .pagination-pager:not(.pagination-rounded).pagination-sm .page-link { border-radius: 0.075rem; } /* ------------------------------------------------------------------------------ * * # Badge component * * Overrides for badge bootstrap component * * ---------------------------------------------------------------------------- */ .badge.dropdown-toggle:after { font-size: 85%; vertical-align: baseline; } .badge-light { background-color: #f5f5f5; } a.badge { transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { a.badge { transition: none; } } a.badge[class*=bg-]:not(.bg-transparent):not(.bg-white):not(.bg-light):hover, a.badge[class*=bg-]:not(.bg-transparent):not(.bg-white):not(.bg-light):focus, .show > a.badge[class*=bg-]:not(.bg-transparent):not(.bg-white):not(.bg-light).dropdown-toggle { box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.075) inset; } .btn .badge { top: 0; } .badge-flat { background-color: transparent; border: 1px solid transparent; padding: calc(0.3125rem - 1px) calc(0.375rem - 1px); } .badge-flat[href]:hover, .badge-flat[href]:focus { background-color: transparent; box-shadow: none; } .badge-flat.badge-pill { padding-left: calc(0.4375rem - 1px); padding-right: calc(0.4375rem - 1px); } .badge-striped { padding: 0.4375rem 0.5rem; position: relative; } .badge-striped:before { content: ''; width: 0; position: absolute; top: 0; bottom: 0; } .badge-striped-left { padding-left: calc(0.375rem + 2px); border-top-left-radius: 0; border-bottom-left-radius: 0; } .badge-striped-left:before { left: 0; border-left: 2px solid; border-left-color: inherit; } .badge-striped-right { padding-right: calc(0.375rem + 2px); border-top-right-radius: 0; border-bottom-right-radius: 0; } .badge-striped-right:before { right: 0; border-right: 2px solid; border-right-color: inherit; } .badge-icon { padding: 0.375rem; line-height: 1; } .badge-icon > i { top: 0; } .badge-float { position: absolute; right: -0.5rem; top: -0.5rem; } .badge-mark { padding: 0; border: 2px solid; width: 0.5rem; height: 0.5rem; border-radius: 100px; } .badge-mark:empty { display: inline-block; } /* ------------------------------------------------------------------------------ * * # Alert component * * Overrides for alert bootstrap component * * ---------------------------------------------------------------------------- */ .alert { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .alert-dismissible .close:hover, .alert-dismissible .close:focus { color: inherit; } .alert[class*=bg-]:not(.bg-transparent):not(.bg-white):not(.bg-light) .alert-link { color: inherit; border-bottom-color: rgba(255, 255, 255, 0.85); } .alert-rounded { padding-left: 1.875rem; padding-right: 1.875rem; border-radius: 100px; } .alert-rounded.alert-dismissible .close { border-top-right-radius: 100px; border-bottom-right-radius: 100px; } .alert[class*=alert-styled-]:after { content: '\e9a2'; font-family: "icomoon"; color: #fff; width: 2.875rem; left: -2.875rem; text-align: center; position: absolute; top: 50%; margin-top: -0.5rem; font-size: 1rem; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .alert[class*=alert-styled-].alert-danger:after, .alert[class*=alert-styled-][class*=bg-danger]:after { content: '\ed64'; } .alert[class*=alert-styled-].alert-success:after, .alert[class*=alert-styled-][class*=bg-success]:after { content: '\ed6e'; } .alert[class*=alert-styled-].alert-warning:after, .alert[class*=alert-styled-][class*=bg-warning]:after { content: '\e9bd'; } .alert[class*=alert-styled-].alert-info:after, .alert[class*=alert-styled-][class*=bg-info]:after { content: '\e9b9'; } .alert[class*=alert-styled-].noty-danger:after { content: '\ea80'; color: #EF5350; font-family: "material-icons"; font-size: 1.5rem; top: 1.2rem; } .alert[class*=alert-styled-].noty-success:after { content: '\e9e8'; color: #66BB6A; font-family: "material-icons"; font-size: 1.5rem; top: 1.2rem; } .alert[class*=alert-styled-].noty-warning:after { content: '\e9f6'; color: #FFA726; font-family: "material-icons"; font-size: 1.5rem; top: 1.2rem; } .alert[class*=alert-styled-].noty-info:after { content: '\ea91'; color: #5983FC; font-family: "material-icons"; font-size: 1.5rem; top: 1.2rem; } .alert.alert-styled-left { border-left-width: 2.875rem; } .alert.alert-styled-left[class*=bg-]:not(.bg-white):not(.bg-light) { border-left-color: rgba(0, 0, 0, 0.15) !important; } .alert.alert-styled-right { border-right-width: 2.875rem; } .alert.alert-styled-right:after { left: auto; right: -2.875rem; } .alert.alert-styled-right[class*=bg-]:not(.bg-white):not(.bg-light) { border-right-color: rgba(0, 0, 0, 0.15) !important; } .alert.alert-styled-custom:after { content: "\e81b"; } .alert:not(.ui-pnotify)[class*=alert-arrow-]:before, .alert.ui-pnotify[class*=alert-arrow-] > .brighttheme:before { content: ""; display: inline-block; position: absolute; top: 50%; left: 0; border-left: 5px solid; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left-color: inherit; margin-top: -5px; } .alert:not(.ui-pnotify).alert-arrow-right:before, .alert.ui-pnotify.alert-arrow-right > .brighttheme:before { left: auto; right: 0; border-left: 0; border-right: 5px solid; border-right-color: inherit; } /* ------------------------------------------------------------------------------ * * # Progress bar component * * Overrides for progress bar component * * ---------------------------------------------------------------------------- */ .progress { position: relative; } .progress-bar { width: 0; overflow: hidden; white-space: nowrap; } .progress .progressbar-back-text, .progress .progressbar-front-text { position: absolute; left: 0; top: 0; width: 100%; text-align: center; font-size: 0.60938rem; } .progress .progressbar-back-text { -ms-flex-item-align: center; align-self: center; } .progress.right { -ms-flex-pack: end; justify-content: flex-end; } .progress.vertical { width: 3rem; height: 100%; display: inline-block; } .progress.vertical + .progress.vertical { margin-left: 0.625rem; } .progress.vertical .progress-bar { width: 100%; height: 0; transition: height 0.6s ease; } @media screen and (prefers-reduced-motion: reduce) { .progress.vertical .progress-bar { transition: none; } } .progress.vertical.bottom .progressbar-back-text, .progress.vertical.bottom .progressbar-front-text { top: auto; bottom: 0; } .progress.vertical.bottom .progress-bar { position: absolute; bottom: 0; } /* ------------------------------------------------------------------------------ * * # Media object component * * Overrides for media object component * * ---------------------------------------------------------------------------- */ .media { margin-top: 1.25rem; } .media.card-body, .media:first-child { margin-top: 0; } .media-list { list-style: none; padding-left: 0; margin-bottom: 0; } .media-title { margin-bottom: 0.125rem; } .img-preview { max-height: 5rem; } .media-list-bordered .media { margin-top: 0; padding: 1rem 1.25rem; border-top: 1px solid #ddd; } .media-list-linked .media { padding: 1rem 1.25rem; } .media-list-linked li.media { margin-top: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .media-list-linked.media-list-bordered li.media { border-bottom: 0; } .media-list-linked a.media { color: inherit; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .media-list-linked a.media { transition: none; } } .media-list-linked a.media:hover { background-color: rgba(0, 0, 0, 0.04); } /* ------------------------------------------------------------------------------ * * # List group component * * Overrides for list group component * * ---------------------------------------------------------------------------- */ .list-group { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); padding: 0.5rem 0; background-clip: padding-box; border-radius: 0.075rem; } .list-group-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 0; border-width: 0; background-color: transparent; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .list-group-item { transition: none; } } .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .list-group-item:last-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .list-group-item.active .badge:not(.badge-mark) { background-color: #fff !important; color: #333 !important; } .list-group-item.active .badge-mark[class*=bg-] { background-color: #fff !important; border-color: #fff !important; } .list-group-item.active .badge-mark[class*=border-] { border-color: #fff !important; } .list-group-item.disabled, .list-group-item:disabled { cursor: default; } .list-group-flush { border: 0; border-radius: 0; box-shadow: none; } .list-group-divider { padding: 0; margin: 0.5rem 0; border-top-width: 1px; } .list-group-bordered { padding: 0; } .list-group-bordered .list-group-item { border-top-width: 1px; border-bottom-width: 1px; margin-bottom: -1px; } .list-group-bordered .list-group-item:first-child { border-top-width: 0; border-top-left-radius: 0.075rem; border-top-right-radius: 0.075rem; } .list-group-bordered .list-group-item:last-child { border-bottom-right-radius: 0.075rem; border-bottom-left-radius: 0.075rem; } .list-group-bordered[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .list-group-item { border-top-color: rgba(255, 255, 255, 0.1); border-bottom-color: rgba(255, 255, 255, 0.1); } .list-group[class*=bg-]:not(.bg-light):not(.bg-transparent):not(.bg-white) { border-radius: 0.075rem; } .list-group[class*=bg-]:not(.bg-light):not(.bg-transparent):not(.bg-white) .list-group-item-action:not(.active):not(.disabled) { color: rgba(255, 255, 255, 0.9); } .list-group[class*=bg-]:not(.bg-light):not(.bg-transparent):not(.bg-white) .list-group-item-action:not(.active):not(.disabled):hover, .list-group[class*=bg-]:not(.bg-light):not(.bg-transparent):not(.bg-white) .list-group-item-action:not(.active):not(.disabled):focus { background-color: rgba(0, 0, 0, 0.1); color: #fff; } .list-group[class*=bg-]:not(.bg-light):not(.bg-transparent):not(.bg-white) .list-group-item { color: #fff; } .list-group[class*=bg-]:not(.bg-light):not(.bg-transparent):not(.bg-white) .list-group-item.active { background-color: rgba(0, 0, 0, 0.2); } .list-group[class*=bg-]:not(.bg-light):not(.bg-transparent):not(.bg-white) .list-group-item.disabled, .list-group[class*=bg-]:not(.bg-light):not(.bg-transparent):not(.bg-white) .list-group-item:disabled { color: rgba(255, 255, 255, 0.6); background-color: transparent; } .list-group[class*=bg-]:not(.bg-light):not(.bg-transparent):not(.bg-white) .list-group-divider { border-top-color: rgba(255, 255, 255, 0.4); } .list-group-item-primary { color: #114e7e; background-color: #E3F2FD; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #114e7e; background-color: #cbe7fb; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #114e7e; border-color: #114e7e; } .list-group-item-secondary { color: #3e3e3e; background-color: #eee; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #3e3e3e; background-color: #e1e1e1; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #3e3e3e; border-color: #3e3e3e; } .list-group-item-success { color: #285b2a; background-color: #E8F5E9; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #285b2a; background-color: #d6edd8; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #285b2a; border-color: #285b2a; } .list-group-item-info { color: #00626e; background-color: #E0F7FA; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #00626e; background-color: #caf1f6; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #00626e; border-color: #00626e; } .list-group-item-warning { color: #853a23; background-color: #FFF3E0; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #853a23; background-color: #ffe9c7; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #853a23; border-color: #853a23; } .list-group-item-danger { color: #7f231c; background-color: #FFEBEE; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #7f231c; background-color: #ffd2d8; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #7f231c; border-color: #7f231c; } .list-group-item-light { color: #828282; background-color: #f5f5f5; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #828282; background-color: #e8e8e8; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #828282; border-color: #828282; } .list-group-item-dark { color: #1a2225; background-color: #ECEFF1; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1a2225; background-color: #dde3e6; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1a2225; border-color: #1a2225; } /* ------------------------------------------------------------------------------ * * # Close button * * Overrides of default close button styles * * ---------------------------------------------------------------------------- */ .close { cursor: pointer; opacity: .75; transition: color ease-in-out 0.15s, opacity ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .close { transition: none; } } .close:hover, .close:focus { outline: 0; opacity: 1; } /* ------------------------------------------------------------------------------ * * # Modal component * * Overrides for modal dialog component * * ---------------------------------------------------------------------------- */ .modal-header { position: relative; border-top-left-radius: 0.075rem; border-top-right-radius: 0.075rem; } .modal-header .close { color: inherit; } .modal-header:not([class*=bg-]) { padding-bottom: 0; border-bottom-width: 0; } .modal-footer:not([class*=bg-]) { padding-top: 0; border-top-width: 0; } [class*=table-responsive] + .modal-footer, .table + .modal-footer { border-top-width: 1px; border-top-color: #ddd; } @media (min-width: 576px) { .modal-xs { max-width: 300px; } .modal-full { max-width: 94%; margin-left: 3%; margin-right: 3%; } } /* ------------------------------------------------------------------------------ * * # Tooltip component * * Override and extend default tooltip styles. * * ---------------------------------------------------------------------------- */ .bs-tooltip-top .arrow[class*=border-]:before { border-top-color: inherit; } .bs-tooltip-right .arrow[class*=border-]:before { border-right-color: inherit; } .bs-tooltip-bottom .arrow[class*=border-]:before { border-bottom-color: inherit; } .bs-tooltip-left .arrow[class*=border-]:before { border-left-color: inherit; } /* ------------------------------------------------------------------------------ * * # Popover component * * Overrides for popover component * * ---------------------------------------------------------------------------- */ .popover-header { font-weight: 500; padding-bottom: 0; border-bottom-width: 0; } .popover-header[class*=bg-]:not(.bg-white):not(.bg-light) { padding-top: 0.75rem; padding-bottom: 0.75rem; border-bottom-width: 1px; } .bs-popover-top[class*=bg-]:not(.bg-white):not(.bg-light) .arrow, .bs-popover-top[class*=bg-]:not(.bg-white):not(.bg-light) .arrow:after, .bs-popover-top[class*=bg-]:not(.bg-white):not(.bg-light) .arrow:before, .bs-popover-top[class*=border-] .arrow, .bs-popover-top[class*=border-] .arrow:after, .bs-popover-top[class*=border-] .arrow:before { border-top-color: inherit; } .bs-popover-right[class*=bg-]:not(.bg-white):not(.bg-light) .arrow, .bs-popover-right[class*=bg-]:not(.bg-white):not(.bg-light) .arrow:after, .bs-popover-right[class*=bg-]:not(.bg-white):not(.bg-light) .arrow:before, .bs-popover-right[class*=border-] .arrow, .bs-popover-right[class*=border-] .arrow:after, .bs-popover-right[class*=border-] .arrow:before { border-right-color: inherit; } .bs-popover-bottom[class*=bg-]:not(.bg-white):not(.bg-light) .arrow, .bs-popover-bottom[class*=bg-]:not(.bg-white):not(.bg-light) .arrow:after, .bs-popover-bottom[class*=bg-]:not(.bg-white):not(.bg-light) .arrow:before, .bs-popover-bottom[class*=border-] .arrow, .bs-popover-bottom[class*=border-] .arrow:after, .bs-popover-bottom[class*=border-] .arrow:before { border-bottom-color: inherit; } .bs-popover-left[class*=bg-]:not(.bg-white):not(.bg-light) .arrow, .bs-popover-left[class*=bg-]:not(.bg-white):not(.bg-light) .arrow:after, .bs-popover-left[class*=bg-]:not(.bg-white):not(.bg-light) .arrow:before, .bs-popover-left[class*=border-] .arrow, .bs-popover-left[class*=border-] .arrow:after, .bs-popover-left[class*=border-] .arrow:before { border-left-color: inherit; } /* ------------------------------------------------------------------------------ * * # Utilities * * Import Bootstrap utilities with overrides * * ---------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------ * * # Background utility * * Override and extend default background utility. * * ---------------------------------------------------------------------------- */ [class*=bg-]:not(.bg-transparent):not(.bg-light):not(.bg-white):not(.btn-outline):not(body) { color: #fff; } /* layout.css */ html { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } body { min-height: 100vh; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1; flex: 1; } .page-content { display: -ms-flexbox; display: flex; -ms-flex-positive: 1; flex-grow: 1; } .content-wrapper { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1; flex: 1; overflow: auto; } .content { padding: 1.25rem 1.25rem; -ms-flex-positive: 1; flex-grow: 1; } .content::after { display: block; clear: both; content: ""; } /* ------------------------------------------------------------------------------ * * # Page header * * Page header components and color options * * ---------------------------------------------------------------------------- */ .page-title { padding: 2rem 0; position: relative; } .page-title small { display: inline-block; margin-left: 0.625rem; } .page-title small:before { content: '/'; margin-right: 0.875rem; } .page-title small.d-block { margin-left: 0; } .page-title small.d-block:before { content: none; } .page-title small.d-block, .page-title .breadcrumb { margin-left: 1.875rem; } .page-title h1, .page-title h2, .page-title h3, .page-title h4, .page-title h5, .page-title h6 { margin: 0; } .page-header-content { position: relative; padding: 0 1.25rem; } .page-header-content[class*=border-bottom-] + .breadcrumb-line { border-top: 0; } .page-header-light { background-color: #fff; } .page-header-light.has-cover { background: url(../../../../../../global_assets/images/backgrounds/seamless.png); } .page-header-dark { background-color: #273246; color: #fff; margin-bottom: 1.25rem; } .page-header-dark > .breadcrumb > li > a, .page-header-dark > .breadcrumb > li + li:before, .page-header-dark .page-header-content .breadcrumb > li > a, .page-header-dark .page-header-content .breadcrumb > li + li:before { color: rgba(255, 255, 255, 0.9); } .page-header-dark > .breadcrumb > li > a:hover, .page-header-dark > .breadcrumb > li > a:focus, .page-header-dark .page-header-content .breadcrumb > li > a:hover, .page-header-dark .page-header-content .breadcrumb > li > a:focus { color: #fff; opacity: 1; } .page-header-dark > .breadcrumb > .active, .page-header-dark .page-header-content .breadcrumb > .active { color: rgba(255, 255, 255, 0.5); } .page-header-dark.has-cover { background: url(../../../../../../global_assets/images/login_cover.jpg); background-size: cover; } .page-header-light, .page-header-dark { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .page-header-light .breadcrumb-line:not(.breadcrumb-line-component):last-child, .page-header-dark .breadcrumb-line:not(.breadcrumb-line-component):last-child { box-shadow: none; } /* ------------------------------------------------------------------------------ * * # Sidebar layouts * * Sidebar components, main navigation and sidebar itself * * ---------------------------------------------------------------------------- */ .sidebar { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 15rem; z-index: 1040; } .sidebar:not(.sidebar-component) { position: fixed; top: 0; bottom: 0; box-sizing: content-box; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .sidebar:not(.sidebar-component) { transition: none; } } .sidebar-main, .sidebar-main .sidebar-content, .sidebar-secondary, .sidebar-secondary .sidebar-content { left: -18.5625rem; } .sidebar-right, .sidebar-right .sidebar-content { right: -18.5625rem; } .sidebar.sidebar-fullscreen { width: 100%; } .sidebar:not(.sidebar-component) .sidebar-content { position: fixed; top: 3.00003rem; bottom: 0; width: inherit; overflow-y: scroll; -webkit-overflow-scrolling: touch; transition: left ease-in-out 0.15s, right ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .sidebar:not(.sidebar-component) .sidebar-content { transition: none; } } .navbar-lg:first-child ~ .page-content .sidebar:not(.sidebar-component) .sidebar-content { top: 3.25003rem; } .navbar-sm:first-child ~ .page-content .sidebar:not(.sidebar-component) .sidebar-content { top: 2.75003rem; } .sidebar-mobile-main .sidebar-main { box-shadow: 0.25rem 0 1rem rgba(0, 0, 0, 0.35); } .sidebar-mobile-main .sidebar-main, .sidebar-mobile-main .sidebar-main .sidebar-content { left: 0; } .sidebar-mobile-secondary .sidebar-secondary { box-shadow: 0.25rem 0 1rem rgba(0, 0, 0, 0.35); } .sidebar-mobile-secondary .sidebar-secondary, .sidebar-mobile-secondary .sidebar-secondary .sidebar-content { left: 0; } .sidebar-mobile-right .sidebar-right { display: block; box-shadow: -0.25rem 0 1rem rgba(0, 0, 0, 0.35); } .sidebar-mobile-right .sidebar-right, .sidebar-mobile-right .sidebar-right .sidebar-content { right: 0; } .sidebar-mobile-component .sidebar-component { display: block; } .nav-sidebar { -ms-flex-direction: column; flex-direction: column; } .nav-sidebar .nav-item:not(.nav-item-header):first-child { padding-top: 0.5rem; } .nav-sidebar .nav-item:not(.nav-item-header):last-child { padding-bottom: 0.5rem; } .nav-sidebar .nav-item:not(.nav-item-divider) { margin-bottom: 1px; } .nav-sidebar .nav-item:not(.nav-item-divider):last-child { margin-bottom: 0; } .nav-sidebar > .nav-item > .nav-link { font-weight: 500; } .nav-sidebar .nav-link { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; padding: 0.4rem 0.75rem; transition: background-color ease-in-out 0.15s, color ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .nav-sidebar .nav-link { transition: none; } } .nav-sidebar .nav-link i { margin-right: 0.75rem; margin-top: 0.12502rem; margin-bottom: 0.12502rem; top: 0; } .nav-sidebar .nav-link .badge { transition: background-color ease-in-out 0.15s, border-color ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .nav-sidebar .nav-link .badge { transition: none; } } .nav-sidebar .nav-link.disabled, .nav-sidebar .nav-link.disabled:hover, .nav-sidebar .nav-link.disabled:focus { background-color: transparent; opacity: 0.5; } .nav-sidebar .nav-item-header { padding: 0.4rem 1.25rem; margin-top: 0.5rem; } .nav-sidebar .nav-item-header > i { display: none; } .nav-sidebar .nav-item-divider { margin: 0.5rem 0; height: 1px; } .nav-item-submenu > .nav-link { padding-right: 2.75rem; } .nav-item-submenu > .nav-link:after { content: '\e9c7'; font-family: "icomoon"; display: inline-block; font-size: 1rem; vertical-align: middle; line-height: 1; position: absolute; top: 0.4rem; margin-top: 0.12502rem; right: 1.25rem; transition: -webkit-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media screen and (prefers-reduced-motion: reduce) { .nav-item-submenu > .nav-link:after { transition: none; } } .nav-item-submenu.nav-item-open > .nav-link:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .nav-group-sub { display: none; } .nav-group-sub .nav-link { padding: 0.4rem 1.25rem 0.4rem 1.5rem; } .nav-group-sub .nav-group-sub .nav-link { padding-left: 2rem; } .nav-group-sub .nav-group-sub .nav-group-sub .nav-link { padding-left: 2.5rem; } .nav-group-sub .nav-item-submenu > .nav-link:after { top: 0.625rem; } .nav-item-expanded > .nav-group-sub { display: block; } .nav-scrollspy .nav-link.active + .nav, .nav-scrollspy .nav-item-open .nav-link:not(.active) + .nav { display: block; } .nav-scrollspy .nav-link.active:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .nav-sidebar-icons-reverse .nav-link { padding-right: 3.5rem; } .nav-sidebar-icons-reverse .nav-link i { position: absolute; top: 0.75rem; right: 1.25rem; margin-right: 0; } .nav-sidebar-icons-reverse .nav-item-submenu .nav-link { padding-right: 4.5rem; } .nav-sidebar-icons-reverse .nav-item-submenu .nav-link:after { right: 3.25rem; } .nav-sidebar-icons-reverse .nav-group-sub .nav-link { padding-left: 2.5rem; } .nav-sidebar-icons-reverse .nav-group-sub .nav-link i { top: 0.625rem; } .nav-sidebar-icons-reverse .nav-group-sub .nav-group-sub .nav-link { padding-left: 3.75rem; } .nav-sidebar-icons-reverse .nav-group-sub .nav-group-sub .nav-group-sub .nav-link { padding-left: 5rem; } .nav-sidebar-bordered > .nav-item + .nav-item:not(.nav-item-divider) { margin-bottom: 0; } .sidebar .card:first-child .nav-sidebar-bordered { padding-top: 0; } .sidebar .card:first-child .nav-sidebar-bordered > .nav-item:first-child, .sidebar .card:first-child .nav-sidebar-bordered > .nav-item-header:first-child { border-top: 0; } .sidebar .card:last-child .nav-sidebar-bordered { padding-bottom: 0; } .sidebar .card:last-child .nav-sidebar-bordered > .nav-item:last-child, .sidebar .card:last-child .nav-sidebar-bordered > .nav-item-header:last-child { border-bottom: 0; } .sidebar-dark .nav-sidebar-bordered > .nav-item { border-top: 1px solid rgba(255, 255, 255, 0.1); } .sidebar-dark .nav-sidebar-bordered > .nav-item:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .sidebar-dark .nav-sidebar-bordered > .nav-item-header { background-color: rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(255, 255, 255, 0.1); margin: 0; } .sidebar-light .nav-sidebar-bordered > .nav-item { border-top: 1px solid #ddd; } .sidebar-light .nav-sidebar-bordered > .nav-item:last-child { border-bottom: 1px solid #ddd; } .sidebar-light .nav-sidebar-bordered > .nav-item-header { background-color: #fafafa; border-top: 1px solid #ddd; margin: 0; } .sidebar-mobile-toggler { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .sidebar-mobile-toggler a { padding: 0.875rem 1.25rem; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .sidebar-mobile-toggler a { transition: none; } } .navbar-lg:first-child ~ .page-content .sidebar-mobile-toggler a { padding: 1rem 1.25rem; } .navbar-sm:first-child ~ .page-content .sidebar-mobile-toggler a { padding: 0.75rem 1.25rem; } .sidebar-mobile-expand i:last-child:not(:first-child) { display: none; } .sidebar-fullscreen .sidebar-mobile-expand i:first-child { display: none; } .sidebar-fullscreen .sidebar-mobile-expand i:last-child { display: inline-block; } .sidebar-dark { background-color: #263238; color: #fff; } .sidebar-dark .sidebar-mobile-toggler { color: rgba(255, 255, 255, 0.9); border-bottom-color: rgba(255, 255, 255, 0.1); } .sidebar-dark .sidebar-mobile-toggler:not([class*=bg-]) { background-color: #1e272c; } .sidebar-dark .sidebar-mobile-toggler a { color: rgba(255, 255, 255, 0.9); } .sidebar-dark .sidebar-mobile-toggler a:hover { color: #fff; background-color: transparent; } .sidebar-dark .card-header { border-color: rgba(255, 255, 255, 0.1); } .sidebar-dark .nav-sidebar .nav-link, .sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar .nav-link { color: rgba(255, 255, 255, 0.9); } .sidebar-dark .nav-sidebar .nav-link:not(.disabled):hover, .sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar .nav-link:not(.disabled):hover { color: #fff; background-color: rgba(0, 0, 0, 0.15); } .sidebar-dark .nav-sidebar .nav-item > .nav-link.active, .sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar .nav-item > .nav-link.active { background-color: rgba(0, 0, 0, 0.15); color: #fff; } .sidebar-dark .nav-sidebar .nav-item-open > .nav-link:not(.disabled), .sidebar-dark .nav-sidebar > .nav-item-expanded:not(.nav-item-open) > .nav-link, .sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar .nav-item-open > .nav-link:not(.disabled), .sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar > .nav-item-expanded:not(.nav-item-open) > .nav-link { background-color: rgba(0, 0, 0, 0.15); color: #fff; } .sidebar-dark .nav-sidebar > .nav-item-open > .nav-link:not(.disabled), .sidebar-dark .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar > .nav-item-open > .nav-link:not(.disabled), .sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar > .nav-item > .nav-link.active { background-color: #5983FC; color: #fff; } .sidebar-dark .nav-sidebar .nav-item-header, .sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar .nav-item-header { color: rgba(255, 255, 255, 0.5); } .sidebar-dark .nav-sidebar .nav-item-divider, .sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar .nav-item-divider { background-color: rgba(255, 255, 255, 0.1); } .sidebar-dark .nav-sidebar > .nav-item-submenu > .nav-group-sub, .sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar > .nav-item-submenu > .nav-group-sub { background-color: rgba(0, 0, 0, 0.15); } .sidebar-dark[class*=bg-] .nav-sidebar > .nav-item-open > .nav-link:not(.disabled), .sidebar-dark[class*=bg-] .nav-sidebar > .nav-item > .nav-link.active, .sidebar .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar > .nav-item-open > .nav-link:not(.disabled), .sidebar .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar > .nav-item > .nav-link.active { background-color: rgba(0, 0, 0, 0.3); } .sidebar-light { background-color: #fff; color: #333; border-right: 0 solid rgba(0, 0, 0, 0.125); background-clip: content-box; } .sidebar-light.sidebar-right { border-right: 0; border-left: 0 solid rgba(0, 0, 0, 0.125); } .sidebar-light .nav-sidebar .nav-link { color: rgba(51, 51, 51, 0.85); } .sidebar-light .nav-sidebar .nav-link:not(.disabled):hover { color: #333; background-color: #f5f5f5; } .sidebar-light .nav-sidebar .nav-item > .nav-link.active { background-color: #f5f5f5; color: #333; } .sidebar-light .nav-sidebar .nav-item-open > .nav-link:not(.disabled), .sidebar-light .nav-sidebar > .nav-item-expanded:not(.nav-item-open) > .nav-link { background-color: #f5f5f5; color: #333; } .sidebar-light .nav-sidebar > .nav-item-open > .nav-link:not(.disabled), .sidebar-light .nav-sidebar > .nav-item > .nav-link.active { background-color: #f5f5f5; color: #333; } .sidebar-light .nav-sidebar .nav-item-header { color: rgba(51, 51, 51, 0.5); } .sidebar-light .nav-sidebar .nav-item-divider { background-color: rgba(0, 0, 0, 0.125); } .sidebar-light .nav-sidebar > .nav-item-submenu > .nav-group-sub { background-color: transparent; } .sidebar-light .sidebar-mobile-toggler { color: rgba(51, 51, 51, 0.8); border-bottom-color: rgba(0, 0, 0, 0.125); } .sidebar-light .sidebar-mobile-toggler:not([class*=bg-]) { background-color: whitesmoke; } .sidebar-light .sidebar-mobile-toggler a { color: rgba(51, 51, 51, 0.8); } .sidebar-light .sidebar-mobile-toggler a:hover { color: #333; background-color: transparent; } .sidebar-light .sidebar-mobile-toggler[class*=bg-]:not(.bg-white):not(.bg-light):not(.bg-transparent) { color: rgba(255, 255, 255, 0.9); border-bottom-color: rgba(255, 255, 255, 0.1); } .sidebar-light .sidebar-mobile-toggler[class*=bg-]:not(.bg-white):not(.bg-light):not(.bg-transparent) a { color: rgba(255, 255, 255, 0.9); } .sidebar-light .sidebar-mobile-toggler[class*=bg-]:not(.bg-white):not(.bg-light):not(.bg-transparent) a:hover { color: #fff; background-color: transparent; } .sidebar-component { display: none; width: 100%; border-radius: 0.075rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } @media (min-width: 768px) { .sidebar-xs .sidebar-main { width: 3.5rem; } .sidebar-xs .sidebar-main .sidebar-content::-webkit-scrollbar { width: 0 !important; } .sidebar-xs .sidebar-main .card:not(.card-sidebar-mobile), .sidebar-xs .sidebar-main .card-title { display: none; } .sidebar-xs .sidebar-main .card-header h6 + .header-elements { padding-top: 0.22117rem; padding-bottom: 0.22117rem; } .sidebar-xs .sidebar-main .card-header h5 + .header-elements { padding-top: 0.31733rem; padding-bottom: 0.31733rem; } .sidebar-xs .sidebar-main .nav-sidebar > .nav-item { position: relative; margin: 0; width: 3.5rem; } .sidebar-xs .sidebar-main .nav-sidebar > .nav-item > .nav-link { -ms-flex-pack: center; justify-content: center; padding-left: 0.1rem; padding-right: 0.1rem; flex-direction: column; text-align: center; align-items: center; padding-top: 1rem; padding-bottom: 1rem; } .sidebar-xs .sidebar-main .nav-sidebar > .nav-item > .nav-link > i { position: static; margin-left: 0; margin-right: 0; display: block; padding-bottom: 1px; } .sidebar-xs .sidebar-main .nav-sidebar > .nav-item > .nav-link > span { display: block; /*font-size: x-small;*/ font-size: 0.7rem; overflow-wrap: anywhere;} .sidebar-xs .sidebar-main .nav-sidebar > .nav-item-submenu:hover > .nav-group-sub, .sidebar-xs .sidebar-main .nav-sidebar > .nav-item-submenu:focus > .nav-group-sub { display: block !important; } .sidebar-xs .sidebar-main .nav-sidebar > .nav-item-submenu > .nav-group-sub { position: absolute; top: -0.5rem; right: -15rem; width: 15rem; display: none; z-index: 1000; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); border-top-right-radius: 0.075rem; border-bottom-right-radius: 0.075rem; } .sidebar-xs .sidebar-main .nav-sidebar > .nav-item-submenu > .nav-group-sub[data-submenu-title]:before { content: attr(data-submenu-title); display: block; padding: 0.75rem 1.25rem; padding-bottom: 0; margin-top: 0.5rem; opacity: 0.5; } .sidebar-xs .sidebar-main .nav-sidebar > .nav-item-submenu > .nav-link:after { content: none; } .sidebar-xs .sidebar-main .nav-sidebar .nav-group-sub .nav-link { padding-left: 1.25rem; } .sidebar-xs .sidebar-main .nav-sidebar .nav-group-sub .nav-group-sub .nav-link { padding-left: 2.25rem; } .sidebar-xs .sidebar-main .nav-sidebar .nav-group-sub .nav-group-sub .nav-group-sub .nav-link { padding-left: 3.5rem; } .sidebar-xs .sidebar-main .nav-sidebar > .nav-item-header { padding: 0; text-align: center; } .sidebar-xs .sidebar-main .nav-sidebar > .nav-item-header > i { display: none; top: 0; padding: 0.75rem 1.25rem; margin-top: 0.12502rem; margin-bottom: 0.12502rem; } .sidebar-xs .sidebar-main .nav-sidebar > .nav-item-header > div { display: block; width: 3.5rem; margin-top: 0.8rem; margin-bottom: 0.3rem; } .sidebar-xs .sidebar-main .nav-sidebar > .nav-item-open > .nav-group-sub { display: none !important; } .sidebar-xs .sidebar-main .nav-sidebar > .nav-item:hover > .nav-link.disabled + .nav-group-sub, .sidebar-xs .sidebar-main .nav-sidebar > .nav-item:hover > .nav-link.disabled > span, .sidebar-xs .sidebar-main .nav-sidebar > .nav-item:focus > .nav-link.disabled + .nav-group-sub, .sidebar-xs .sidebar-main .nav-sidebar > .nav-item:focus > .nav-link.disabled > span { display: none !important; } .sidebar-xs .sidebar-main .nav-item-submenu-reversed .nav-group-sub { top: auto !important; bottom: 0; } .sidebar-xs .sidebar-main.sidebar-dark .nav-sidebar > .nav-item:not(.nav-item-open):hover > .nav-link:not(.active):not(.disabled) { color: #fff; background-color: rgba(0, 0, 0, 0.15); } .sidebar-xs .sidebar-main.sidebar-dark .nav-sidebar > .nav-item-submenu > .nav-group-sub { background-color: #304047; border-left: 1px solid rgba(255, 255, 255, 0.1); } .sidebar-xs .sidebar-main.sidebar-light .nav-sidebar > .nav-item:not(.nav-item-open):hover > .nav-link:not(.active):not(.disabled) { color: #333; background-color: #f5f5f5; } .sidebar-xs .sidebar-main.sidebar-light .nav-sidebar > .nav-item-submenu > .nav-group-sub { background-color: #fcfcfc; border: 0 solid rgba(0, 0, 0, 0.125); } .sidebar-xs .sidebar-main.sidebar-fixed { z-index: 1029; } .sidebar-xs .sidebar-main.sidebar-fixed .nav-sidebar > .nav-item-submenu:hover > .nav-group-sub, .sidebar-xs .sidebar-main.sidebar-fixed .nav-sidebar > .nav-item-submenu:focus > .nav-group-sub { position: fixed; left: 3.5rem; top: 3.12503rem; bottom: 0; width: 15rem; overflow-y: auto; border-radius: 0; } .sidebar-xs .navbar-lg:first-child ~ .page-content .sidebar-fixed.sidebar-main .nav-sidebar > .nav-item-submenu:hover > .nav-group-sub, .sidebar-xs .navbar-lg:first-child ~ .page-content .sidebar-fixed.sidebar-main .nav-sidebar > .nav-item-submenu:focus > .nav-group-sub { top: 3.37503rem; } .sidebar-xs .navbar-sm:first-child ~ .page-content .sidebar-fixed.sidebar-main .nav-sidebar > .nav-item-submenu:hover > .nav-group-sub, .sidebar-xs .navbar-sm:first-child ~ .page-content .sidebar-fixed.sidebar-main .nav-sidebar > .nav-item-submenu:focus > .nav-group-sub { top: 2.87503rem; } .sidebar-xs .sidebar-xs-none{ display: none; } } @media (min-width: 576px) { .sidebar-expand-sm.sidebar-main { z-index: 99; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .sidebar-expand-sm.sidebar-main .sidebar-content { left: 0; } .sidebar-expand-sm.sidebar-secondary { z-index: 98; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .sidebar-expand-sm.sidebar-secondary .sidebar-content { left: 0; } .sidebar-expand-sm.sidebar-right { z-index: 97; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .sidebar-expand-sm.sidebar-right .sidebar-content { right: 0; } .sidebar-expand-sm.sidebar-component { z-index: 96; } .sidebar-expand-sm:not(.sidebar-component) { position: static; transition: none; } } @media screen and (min-width: 576px) and (prefers-reduced-motion: reduce) { .sidebar-expand-sm:not(.sidebar-component) { transition: none; } } @media (min-width: 576px) { .sidebar-expand-sm:not(.sidebar-component):not(.sidebar-fixed) .sidebar-content { position: static; overflow: visible; width: auto; } .sidebar-expand-sm.sidebar-dark:not(.sidebar-component) + .sidebar-dark:not(.sidebar-component) { border-left: 1px solid rgba(255, 255, 255, 0.1); } .sidebar-expand-sm .sidebar-mobile-toggler { display: none; } .sidebar-expand-sm.sidebar-fullscreen { width: 15rem; } .sidebar-main-hidden .sidebar-expand-sm.sidebar-main, .sidebar-component-hidden .sidebar-expand-sm.sidebar-component, .sidebar-secondary-hidden .sidebar-expand-sm.sidebar-secondary, .sidebar-mobile-right .sidebar-expand-sm.sidebar-right { display: none; } .sidebar-expand-sm.sidebar-right { display: none; } .sidebar-right-visible .sidebar-expand-sm.sidebar-right { display: block; } .sidebar-expand-sm.sidebar-component { display: block; width: 15rem; } .sidebar-expand-sm.sidebar-component-left { margin-right: 1.25rem; } .sidebar-expand-sm.sidebar-component-right { margin-left: 1.25rem; } } @media (max-width: 575.98px) { .sidebar-expand-sm:not(.sidebar-component) { border: 0; } } @media (min-width: 768px) { .sidebar-expand-md.sidebar-main { z-index: 99; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .sidebar-expand-md.sidebar-main .sidebar-content { left: 0; } .sidebar-expand-md.sidebar-secondary { z-index: 98; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .sidebar-expand-md.sidebar-secondary .sidebar-content { left: 15rem; } .sidebar-xs .sidebar-expand-md.sidebar-secondary .sidebar-content { left: 3.5rem; } .sidebar-expand-md.sidebar-right { z-index: 97; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .sidebar-expand-md.sidebar-right .sidebar-content { right: 0; } .sidebar-expand-md.sidebar-component { z-index: 96; } .sidebar-expand-md:not(.sidebar-component) { position: static; transition: none; } } @media screen and (min-width: 768px) and (prefers-reduced-motion: reduce) { .sidebar-expand-md:not(.sidebar-component) { transition: none; } } @media (min-width: 768px) { .sidebar-expand-md:not(.sidebar-component):not(.sidebar-fixed) .sidebar-content { position: static; overflow: visible; width: auto; } .sidebar-expand-md.sidebar-dark:not(.sidebar-component) + .sidebar-dark:not(.sidebar-component) { border-left: 1px solid rgba(255, 255, 255, 0.1); } .sidebar-expand-md .sidebar-mobile-toggler { display: none; } .sidebar-expand-md.sidebar-fullscreen { width: 15rem; } .sidebar-main-hidden .sidebar-expand-md.sidebar-main, .sidebar-component-hidden .sidebar-expand-md.sidebar-component, .sidebar-secondary-hidden .sidebar-expand-md.sidebar-secondary, .sidebar-mobile-right .sidebar-expand-md.sidebar-right { display: none; } .sidebar-expand-md.sidebar-right { display: none; } .sidebar-right-visible .sidebar-expand-md.sidebar-right { display: block; } .sidebar-expand-md.sidebar-component { display: block; width: 15rem; } .sidebar-expand-md.sidebar-component-left { margin-right: 1.25rem; } .sidebar-expand-md.sidebar-component-right { margin-left: 1.25rem; } } @media (max-width: 767.98px) { .sidebar-expand-md:not(.sidebar-component) { border: 0; } } @media (min-width: 992px) { .sidebar-expand-lg.sidebar-main { z-index: 99; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .sidebar-expand-lg.sidebar-main .sidebar-content { left: 0; } .sidebar-expand-lg.sidebar-secondary { z-index: 98; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .sidebar-expand-lg.sidebar-secondary .sidebar-content { left: 0; } .sidebar-expand-lg.sidebar-right { z-index: 97; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .sidebar-expand-lg.sidebar-right .sidebar-content { right: 0; } .sidebar-expand-lg.sidebar-component { z-index: 96; } .sidebar-expand-lg:not(.sidebar-component) { position: static; transition: none; } } @media screen and (min-width: 992px) and (prefers-reduced-motion: reduce) { .sidebar-expand-lg:not(.sidebar-component) { transition: none; } } @media (min-width: 992px) { .sidebar-expand-lg:not(.sidebar-component):not(.sidebar-fixed) .sidebar-content { position: static; overflow: visible; width: auto; } .sidebar-expand-lg.sidebar-dark:not(.sidebar-component) + .sidebar-dark:not(.sidebar-component) { border-left: 1px solid rgba(255, 255, 255, 0.1); } .sidebar-expand-lg .sidebar-mobile-toggler { display: none; } .sidebar-expand-lg.sidebar-fullscreen { width: 15rem; } .sidebar-main-hidden .sidebar-expand-lg.sidebar-main, .sidebar-component-hidden .sidebar-expand-lg.sidebar-component, .sidebar-secondary-hidden .sidebar-expand-lg.sidebar-secondary, .sidebar-mobile-right .sidebar-expand-lg.sidebar-right { display: none; } .sidebar-expand-lg.sidebar-right { display: none; } .sidebar-right-visible .sidebar-expand-lg.sidebar-right { display: block; } .sidebar-expand-lg.sidebar-component { display: block; width: 15rem; } .sidebar-expand-lg.sidebar-component-left { margin-right: 1.25rem; } .sidebar-expand-lg.sidebar-component-right { margin-left: 1.25rem; } } @media (max-width: 991.98px) { .sidebar-expand-lg:not(.sidebar-component) { border: 0; } } @media (min-width: 1200px) { .sidebar-expand-xl.sidebar-main { z-index: 99; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .sidebar-expand-xl.sidebar-main .sidebar-content { left: 0; } .sidebar-expand-xl.sidebar-secondary { z-index: 98; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .sidebar-expand-xl.sidebar-secondary .sidebar-content { left: 0; } .sidebar-expand-xl.sidebar-right { z-index: 97; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .sidebar-expand-xl.sidebar-right .sidebar-content { right: 0; } .sidebar-expand-xl.sidebar-component { z-index: 96; } .sidebar-expand-xl:not(.sidebar-component) { position: static; transition: none; } } @media screen and (min-width: 1200px) and (prefers-reduced-motion: reduce) { .sidebar-expand-xl:not(.sidebar-component) { transition: none; } } @media (min-width: 1200px) { .sidebar-expand-xl:not(.sidebar-component):not(.sidebar-fixed) .sidebar-content { position: static; overflow: visible; width: auto; } .sidebar-expand-xl.sidebar-dark:not(.sidebar-component) + .sidebar-dark:not(.sidebar-component) { border-left: 1px solid rgba(255, 255, 255, 0.1); } .sidebar-expand-xl .sidebar-mobile-toggler { display: none; } .sidebar-expand-xl.sidebar-fullscreen { width: 15rem; } .sidebar-main-hidden .sidebar-expand-xl.sidebar-main, .sidebar-component-hidden .sidebar-expand-xl.sidebar-component, .sidebar-secondary-hidden .sidebar-expand-xl.sidebar-secondary, .sidebar-mobile-right .sidebar-expand-xl.sidebar-right { display: none; } .sidebar-expand-xl.sidebar-right { display: none; } .sidebar-right-visible .sidebar-expand-xl.sidebar-right { display: block; } .sidebar-expand-xl.sidebar-component { display: block; width: 15rem; } .sidebar-expand-xl.sidebar-component-left { margin-right: 1.25rem; } .sidebar-expand-xl.sidebar-component-right { margin-left: 1.25rem; } } @media (max-width: 1199.98px) { .sidebar-expand-xl:not(.sidebar-component) { border: 0; } } .sidebar-expand.sidebar-main { z-index: 99; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .sidebar-expand.sidebar-main .sidebar-content { left: 0; } .sidebar-expand.sidebar-secondary { z-index: 98; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .sidebar-expand.sidebar-secondary .sidebar-content { left: 0; } .sidebar-expand.sidebar-right { z-index: 97; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .sidebar-expand.sidebar-right .sidebar-content { right: 0; } .sidebar-expand.sidebar-component { z-index: 96; } .sidebar-expand:not(.sidebar-component) { position: static; transition: none; } @media screen and (prefers-reduced-motion: reduce) { .sidebar-expand:not(.sidebar-component) { transition: none; } } .sidebar-expand:not(.sidebar-component):not(.sidebar-fixed) .sidebar-content { position: static; overflow: visible; width: auto; } .sidebar-expand.sidebar-dark:not(.sidebar-component) + .sidebar-dark:not(.sidebar-component) { border-left: 1px solid rgba(255, 255, 255, 0.1); } .sidebar-expand .sidebar-mobile-toggler { display: none; } .sidebar-expand.sidebar-fullscreen { width: 15rem; } .sidebar-main-hidden .sidebar-expand.sidebar-main, .sidebar-component-hidden .sidebar-expand.sidebar-component, .sidebar-secondary-hidden .sidebar-expand.sidebar-secondary, .sidebar-mobile-right .sidebar-expand.sidebar-right { display: none; } .sidebar-expand.sidebar-right { display: none; } .sidebar-right-visible .sidebar-expand.sidebar-right { display: block; } .sidebar-expand.sidebar-component { display: block; width: 15rem; } .sidebar-expand.sidebar-component-left { margin-right: 1.25rem; } .sidebar-expand.sidebar-component-right { margin-left: 1.25rem; } .sidebar-expand:not(.sidebar-component) { border: 0; } .sidebar:not(.bg-transparent) .card { border-width: 0; margin-bottom: 0; border-radius: 0; box-shadow: none; } .sidebar:not(.bg-transparent) .card .card { border-width: 1px; } .sidebar:not(.bg-transparent) .card:not([class*=bg-]):not(.fixed-top) { background-color: transparent; } .sidebar .card-footer { border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .sidebar .row:not(.no-gutters) { margin-left: -0.3125rem; margin-right: -0.3125rem; } .sidebar .row:not(.no-gutters) [class*=col] { padding-left: 0.3125rem; padding-right: 0.3125rem; } .sidebar .form-group:last-child { margin-bottom: 0; } .sidebar .nav-tabs .nav-item:first-child .nav-link { border-left: 0; } .sidebar .nav-tabs .nav-item:last-child .nav-link { border-right: 0; } .sidebar .nav-tabs .nav-link { border-top: 0; border-bottom-width: 0; } .sidebar .nav-tabs .nav-link.active { border-bottom-color: transparent; } .sidebar-dark .nav-tabs { background-color: #1e272c; border-bottom-color: rgba(255, 255, 255, 0.1); } .sidebar-dark .nav-tabs .nav-link { color: rgba(255, 255, 255, 0.9); } .sidebar-dark .nav-tabs .nav-link:hover, .sidebar-dark .nav-tabs .nav-link:focus { color: #fff; } .sidebar-dark .nav-tabs .nav-link.active { color: #fff; } .sidebar-dark .nav-tabs:not(.nav-tabs-bottom) .nav-link.active { background-color: #263238; border-color: rgba(255, 255, 255, 0.1); } .sidebar-dark .nav-tabs .nav-item.show .nav-link:not(.active) { color: #fff; } .sidebar-light .nav-tabs { background-color: whitesmoke; border-bottom-color: rgba(0, 0, 0, 0.125); } .sidebar-light .nav-tabs .nav-link:hover, .sidebar-light .nav-tabs .nav-link:focus { color: #333; } .sidebar-light .nav-tabs .nav-link.active { color: #333; } .sidebar-light .nav-tabs:not(.nav-tabs-bottom) .nav-link.active { background-color: #fff; } .row-tile { border-radius: 0.075rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .row-tile div[class*=col] .btn { border-width: 0; border-radius: 0; } .row-tile div[class*=col] .btn-light, .row-tile div[class*=col] .bg-white { border-color: rgba(0, 0, 0, 0.125); } .row-tile div[class*=col]:first-child .btn:first-child { border-top-left-radius: 0.075rem; } .row-tile div[class*=col]:first-child .btn:last-child { border-bottom-left-radius: 0.075rem; } .row-tile div[class*=col]:last-child .btn:first-child { border-top-right-radius: 0.075rem; } .row-tile div[class*=col]:last-child .btn:last-child { border-bottom-right-radius: 0.075rem; } .row-tile div[class*=col] .btn + .btn { border-top-width: 1px; } .row-tile div[class*=col] + div[class*=col] .btn { border-left-width: 1px; } .sidebar-user-material .sidebar-user-material-body { background: url(../../../../../../global_assets/images/backgrounds/user_bg3.jpg) center center no-repeat; background-size: cover; } .sidebar-dark .sidebar-user-material .collapse { background-color: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .sidebar-light .sidebar-user-material .collapse { background-color: transparent; border-bottom: 1px solid #ddd; } .sidebar-user-material-footer > a { padding: 0.625rem 1.25rem; display: block; color: #fff; background-color: rgba(0, 0, 0, 0.15); transition: background-color ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .sidebar-user-material-footer > a { transition: none; } } .sidebar-user-material-footer > a:hover, .sidebar-user-material-footer > a[aria-expanded="true"] { background-color: rgba(0, 0, 0, 0.25); } .sidebar-user-material-footer > a:after { transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .sidebar-user-material-footer > a:after { transition: none; } } .sidebar-user-material-footer > a[aria-expanded="true"]:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media (min-width: 768px) { .sidebar-xs .sidebar-user-material-body > .card-body { display: none; } .sidebar-xs .sidebar-user-material-footer > a { padding: 1.25rem; } .sidebar-xs .sidebar-user-material-footer > a:after { margin: auto; } .sidebar-xs .sidebar-user-material-footer > a > span { display: none; } } /* ------------------------------------------------------------------------------ * * # Boxed layout * * Styles for main structure of content area in boxed layout * * ---------------------------------------------------------------------------- */ .layout-boxed-bg { background: url(../../../../../../global_assets/images/backgrounds/boxed_bg.png) repeat; } .layout-boxed { box-shadow: -4px 2px 4px rgba(0, 0, 0, 0.15), 4px 2px 4px rgba(0, 0, 0, 0.15); } @media (min-width: 992px) { .layout-boxed, .layout-boxed > .navbar { width: 992px; margin-left: auto; margin-right: auto; } } @media (min-width: 1200px) { .layout-boxed, .layout-boxed > .navbar { width: 1200px; } } .layout-boxed .page-content { background-color: #eeeded; } @media (min-width: 992px) { .content-boxed:not(.navbar-collapse) { margin-left: 6%; margin-right: 6%; } .navbar > .content-boxed > *:first-child { margin-left: 6%; } .navbar > .content-boxed > *:last-child { margin-right: 6%; } .breadcrumb-line > .content-boxed > *:first-child { margin-left: 1.25rem; } .breadcrumb-line > .content-boxed > *:last-child { margin-right: 1.25rem; } } .navbar-brand img { height: 1.8rem; image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard name) */ image-rendering: crisp-edges; /* The standard */ -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ } .navbar-brand h4{ color:#293556; } .navbar-sm .navbar-brand { padding-top: 0.45rem; padding-bottom: 0; } @media (max-width: 576px) { .navbar-sm .navbar-brand { padding-top: 0.6rem; padding-bottom: 0; } } /* colors.css */ .alpha-primary { background-color: #E3F2FD; } .text-primary { color: #2196F3; } .text-primary[href]:hover, .text-primary[href]:focus { color: #0c83e2; } .bg-primary { background-color: #2196F3; } .border-primary { border-color: #2196F3; } .border-top-primary { border-top-color: #2196F3; } .border-bottom-primary { border-bottom-color: #2196F3; } .border-left-primary { border-left-color: #2196F3; } .border-right-primary { border-right-color: #2196F3; } .text-primary-300 { color: #64B5F6; } .text-primary-300[href]:hover, .text-primary-300[href]:focus { color: #40a4f4; } .bg-primary-300 { background-color: #64B5F6; } .border-primary-300 { border-color: #64B5F6; } .border-top-primary-300 { border-top-color: #64B5F6; } .border-bottom-primary-300 { border-bottom-color: #64B5F6; } .border-left-primary-300 { border-left-color: #64B5F6; } .border-right-primary-300 { border-right-color: #64B5F6; } .text-primary-400 { color: #42A5F5; } .text-primary-400[href]:hover, .text-primary-400[href]:focus { color: #1e94f3; } .bg-primary-400 { background-color: #42A5F5; } .border-primary-400 { border-color: #42A5F5; } .border-top-primary-400 { border-top-color: #42A5F5; } .border-bottom-primary-400 { border-bottom-color: #42A5F5; } .border-left-primary-400 { border-left-color: #42A5F5; } .border-right-primary-400 { border-right-color: #42A5F5; } .text-primary-600 { color: #1E88E5; } .text-primary-600[href]:hover, .text-primary-600[href]:focus { color: #1774c6; } .bg-primary-600 { background-color: #1E88E5; } .border-primary-600 { border-color: #1E88E5; } .border-top-primary-600 { border-top-color: #1E88E5; } .border-bottom-primary-600 { border-bottom-color: #1E88E5; } .border-left-primary-600 { border-left-color: #1E88E5; } .border-right-primary-600 { border-right-color: #1E88E5; } .text-primary-700 { color: #1976D2; } .text-primary-700[href]:hover, .text-primary-700[href]:focus { color: #1563b0; } .bg-primary-700 { background-color: #1976D2; } .border-primary-700 { border-color: #1976D2; } .border-top-primary-700 { border-top-color: #1976D2; } .border-bottom-primary-700 { border-bottom-color: #1976D2; } .border-left-primary-700 { border-left-color: #1976D2; } .border-right-primary-700 { border-right-color: #1976D2; } .text-primary-800 { color: #1565C0; } .text-primary-800[href]:hover, .text-primary-800[href]:focus { color: #11539e; } .bg-primary-800 { background-color: #1565C0; } .border-primary-800 { border-color: #1565C0; } .border-top-primary-800 { border-top-color: #1565C0; } .border-bottom-primary-800 { border-bottom-color: #1565C0; } .border-left-primary-800 { border-left-color: #1565C0; } .border-right-primary-800 { border-right-color: #1565C0; } .alpha-danger { background-color: #FFEBEE; } .text-danger { color: #F44336; } .text-danger[href]:hover, .text-danger[href]:focus { color: #f22112; } .bg-danger { background-color: #F44336; } .border-danger { border-color: #F44336; } .border-top-danger { border-top-color: #F44336; } .border-bottom-danger { border-bottom-color: #F44336; } .border-left-danger { border-left-color: #F44336; } .border-right-danger { border-right-color: #F44336; } .text-danger-300 { color: #E57373; } .text-danger-300[href]:hover, .text-danger-300[href]:focus { color: #df5353; } .bg-danger-300 { background-color: #E57373; } .border-danger-300 { border-color: #E57373; } .border-top-danger-300 { border-top-color: #E57373; } .border-bottom-danger-300 { border-bottom-color: #E57373; } .border-left-danger-300 { border-left-color: #E57373; } .border-right-danger-300 { border-right-color: #E57373; } .text-danger-400 { color: #EF5350; } .text-danger-400[href]:hover, .text-danger-400[href]:focus { color: #ec312d; } .bg-danger-400 { background-color: #EF5350; } .border-danger-400 { border-color: #EF5350; } .border-top-danger-400 { border-top-color: #EF5350; } .border-bottom-danger-400 { border-bottom-color: #EF5350; } .border-left-danger-400 { border-left-color: #EF5350; } .border-right-danger-400 { border-right-color: #EF5350; } .text-danger-600 { color: #E53935; } .text-danger-600[href]:hover, .text-danger-600[href]:focus { color: #d8201c; } .bg-danger-600 { background-color: #E53935; } .border-danger-600 { border-color: #E53935; } .border-top-danger-600 { border-top-color: #E53935; } .border-bottom-danger-600 { border-bottom-color: #E53935; } .border-left-danger-600 { border-left-color: #E53935; } .border-right-danger-600 { border-right-color: #E53935; } .text-danger-700 { color: #D32F2F; } .text-danger-700[href]:hover, .text-danger-700[href]:focus { color: #b52626; } .bg-danger-700 { background-color: #D32F2F; } .border-danger-700 { border-color: #D32F2F; } .border-top-danger-700 { border-top-color: #D32F2F; } .border-bottom-danger-700 { border-bottom-color: #D32F2F; } .border-left-danger-700 { border-left-color: #D32F2F; } .border-right-danger-700 { border-right-color: #D32F2F; } .text-danger-800 { color: #C62828; } .text-danger-800[href]:hover, .text-danger-800[href]:focus { color: #a62222; } .bg-danger-800 { background-color: #C62828; } .border-danger-800 { border-color: #C62828; } .border-top-danger-800 { border-top-color: #C62828; } .border-bottom-danger-800 { border-bottom-color: #C62828; } .border-left-danger-800 { border-left-color: #C62828; } .border-right-danger-800 { border-right-color: #C62828; } .alpha-success { background-color: #E8F5E9; } .text-success { color: #4CAF50; } .text-success[href]:hover, .text-success[href]:focus { color: #409444; } .bg-success { background-color: #4CAF50; } .border-success { border-color: #4CAF50; } .border-top-success { border-top-color: #4CAF50; } .border-bottom-success { border-bottom-color: #4CAF50; } .border-left-success { border-left-color: #4CAF50; } .border-right-success { border-right-color: #4CAF50; } .text-success-300 { color: #81C784; } .text-success-300[href]:hover, .text-success-300[href]:focus { color: #67bb6a; } .bg-success-300 { background-color: #81C784; } .border-success-300 { border-color: #81C784; } .border-top-success-300 { border-top-color: #81C784; } .border-bottom-success-300 { border-bottom-color: #81C784; } .border-left-success-300 { border-left-color: #81C784; } .border-right-success-300 { border-right-color: #81C784; } .text-success-400 { color: #66BB6A; } .text-success-400[href]:hover, .text-success-400[href]:focus { color: #4dae52; } .bg-success-400 { background-color: #66BB6A; } .border-success-400 { border-color: #66BB6A; } .border-top-success-400 { border-top-color: #66BB6A; } .border-bottom-success-400 { border-bottom-color: #66BB6A; } .border-left-success-400 { border-left-color: #66BB6A; } .border-right-success-400 { border-right-color: #66BB6A; } .text-success-600 { color: #43A047; } .text-success-600[href]:hover, .text-success-600[href]:focus { color: #38853b; } .bg-success-600 { background-color: #43A047; } .border-success-600 { border-color: #43A047; } .border-top-success-600 { border-top-color: #43A047; } .border-bottom-success-600 { border-bottom-color: #43A047; } .border-left-success-600 { border-left-color: #43A047; } .border-right-success-600 { border-right-color: #43A047; } .text-success-700 { color: #388E3C; } .text-success-700[href]:hover, .text-success-700[href]:focus { color: #2d7330; } .bg-success-700 { background-color: #388E3C; } .border-success-700 { border-color: #388E3C; } .border-top-success-700 { border-top-color: #388E3C; } .border-bottom-success-700 { border-bottom-color: #388E3C; } .border-left-success-700 { border-left-color: #388E3C; } .border-right-success-700 { border-right-color: #388E3C; } .text-success-800 { color: #2E7D32; } .text-success-800[href]:hover, .text-success-800[href]:focus { color: #246127; } .bg-success-800 { background-color: #2E7D32; } .border-success-800 { border-color: #2E7D32; } .border-top-success-800 { border-top-color: #2E7D32; } .border-bottom-success-800 { border-bottom-color: #2E7D32; } .border-left-success-800 { border-left-color: #2E7D32; } .border-right-success-800 { border-right-color: #2E7D32; } .alpha-warning { background-color: #FBE9E7; } .text-warning { color: #FF5722; } .text-warning[href]:hover, .text-warning[href]:focus { color: #fb3c00; } .bg-warning { background-color: #FF5722; } .border-warning { border-color: #FF5722; } .border-top-warning { border-top-color: #FF5722; } .border-bottom-warning { border-bottom-color: #FF5722; } .border-left-warning { border-left-color: #FF5722; } .border-right-warning { border-right-color: #FF5722; } .text-warning-300 { color: #FF8A65; } .text-warning-300[href]:hover, .text-warning-300[href]:focus { color: #ff6d3f; } .bg-warning-300 { background-color: #FF8A65; } .border-warning-300 { border-color: #FF8A65; } .border-top-warning-300 { border-top-color: #FF8A65; } .border-bottom-warning-300 { border-bottom-color: #FF8A65; } .border-left-warning-300 { border-left-color: #FF8A65; } .border-right-warning-300 { border-right-color: #FF8A65; } .text-warning-400 { color: #FF7043; } .text-warning-400[href]:hover, .text-warning-400[href]:focus { color: #ff531d; } .bg-warning-400 { background-color: #FF7043; } .border-warning-400 { border-color: #FF7043; } .border-top-warning-400 { border-top-color: #FF7043; } .border-bottom-warning-400 { border-bottom-color: #FF7043; } .border-left-warning-400 { border-left-color: #FF7043; } .border-right-warning-400 { border-right-color: #FF7043; } .text-warning-600 { color: #F4511E; } .text-warning-600[href]:hover, .text-warning-600[href]:focus { color: #e13e0b; } .bg-warning-600 { background-color: #F4511E; } .border-warning-600 { border-color: #F4511E; } .border-top-warning-600 { border-top-color: #F4511E; } .border-bottom-warning-600 { border-bottom-color: #F4511E; } .border-left-warning-600 { border-left-color: #F4511E; } .border-right-warning-600 { border-right-color: #F4511E; } .text-warning-700 { color: #E64A19; } .text-warning-700[href]:hover, .text-warning-700[href]:focus { color: #c43f15; } .bg-warning-700 { background-color: #E64A19; } .border-warning-700 { border-color: #E64A19; } .border-top-warning-700 { border-top-color: #E64A19; } .border-bottom-warning-700 { border-bottom-color: #E64A19; } .border-left-warning-700 { border-left-color: #E64A19; } .border-right-warning-700 { border-right-color: #E64A19; } .text-warning-800 { color: #D84315; } .text-warning-800[href]:hover, .text-warning-800[href]:focus { color: #b53812; } .bg-warning-800 { background-color: #D84315; } .border-warning-800 { border-color: #D84315; } .border-top-warning-800 { border-top-color: #D84315; } .border-bottom-warning-800 { border-bottom-color: #D84315; } .border-left-warning-800 { border-left-color: #D84315; } .border-right-warning-800 { border-right-color: #D84315; } .alpha-info { background-color: #E0F7FA; } .text-info { color: #00BCD4; } .text-info[href]:hover, .text-info[href]:focus { color: #009aae; } .bg-info { background-color: #00BCD4; } .border-info { border-color: #00BCD4; } .border-top-info { border-top-color: #00BCD4; } .border-bottom-info { border-bottom-color: #00BCD4; } .border-left-info { border-left-color: #00BCD4; } .border-right-info { border-right-color: #00BCD4; } .text-info-300 { color: #4DD0E1; } .text-info-300[href]:hover, .text-info-300[href]:focus { color: #2cc7db; } .bg-info-300 { background-color: #4DD0E1; } .border-info-300 { border-color: #4DD0E1; } .border-top-info-300 { border-top-color: #4DD0E1; } .border-bottom-info-300 { border-bottom-color: #4DD0E1; } .border-left-info-300 { border-left-color: #4DD0E1; } .border-right-info-300 { border-right-color: #4DD0E1; } .text-info-400 { color: #26C6DA; } .text-info-400[href]:hover, .text-info-400[href]:focus { color: #20a9ba; } .bg-info-400 { background-color: #26C6DA; } .border-info-400 { border-color: #26C6DA; } .border-top-info-400 { border-top-color: #26C6DA; } .border-bottom-info-400 { border-bottom-color: #26C6DA; } .border-left-info-400 { border-left-color: #26C6DA; } .border-right-info-400 { border-right-color: #26C6DA; } .text-info-600 { color: #00ACC1; } .text-info-600[href]:hover, .text-info-600[href]:focus { color: #008a9b; } .bg-info-600 { background-color: #00ACC1; } .border-info-600 { border-color: #00ACC1; } .border-top-info-600 { border-top-color: #00ACC1; } .border-bottom-info-600 { border-bottom-color: #00ACC1; } .border-left-info-600 { border-left-color: #00ACC1; } .border-right-info-600 { border-right-color: #00ACC1; } .text-info-700 { color: #0097A7; } .text-info-700[href]:hover, .text-info-700[href]:focus { color: #007481; } .bg-info-700 { background-color: #0097A7; } .border-info-700 { border-color: #0097A7; } .border-top-info-700 { border-top-color: #0097A7; } .border-bottom-info-700 { border-bottom-color: #0097A7; } .border-left-info-700 { border-left-color: #0097A7; } .border-right-info-700 { border-right-color: #0097A7; } .text-info-800 { color: #00838F; } .text-info-800[href]:hover, .text-info-800[href]:focus { color: #006069; } .bg-info-800 { background-color: #00838F; } .border-info-800 { border-color: #00838F; } .border-top-info-800 { border-top-color: #00838F; } .border-bottom-info-800 { border-bottom-color: #00838F; } .border-left-info-800 { border-left-color: #00838F; } .border-right-info-800 { border-right-color: #00838F; } .alpha-pink { background-color: #FCE4EC; } .text-pink { color: #E91E63; } .text-pink[href]:hover, .text-pink[href]:focus { color: #cd1453; } .bg-pink { background-color: #E91E63; } .border-pink { border-color: #E91E63; } .border-top-pink { border-top-color: #E91E63; } .border-bottom-pink { border-bottom-color: #E91E63; } .border-left-pink { border-left-color: #E91E63; } .border-right-pink { border-right-color: #E91E63; } .text-pink-300 { color: #F06292; } .text-pink-300[href]:hover, .text-pink-300[href]:focus { color: #ed3f7a; } .bg-pink-300 { background-color: #F06292; } .border-pink-300 { border-color: #F06292; } .border-top-pink-300 { border-top-color: #F06292; } .border-bottom-pink-300 { border-bottom-color: #F06292; } .border-left-pink-300 { border-left-color: #F06292; } .border-right-pink-300 { border-right-color: #F06292; } .text-pink-400 { color: #EC407A; } .text-pink-400[href]:hover, .text-pink-400[href]:focus { color: #e91d62; } .bg-pink-400 { background-color: #EC407A; } .border-pink-400 { border-color: #EC407A; } .border-top-pink-400 { border-top-color: #EC407A; } .border-bottom-pink-400 { border-bottom-color: #EC407A; } .border-left-pink-400 { border-left-color: #EC407A; } .border-right-pink-400 { border-right-color: #EC407A; } .text-pink-600 { color: #D81B60; } .text-pink-600[href]:hover, .text-pink-600[href]:focus { color: #b61751; } .bg-pink-600 { background-color: #D81B60; } .border-pink-600 { border-color: #D81B60; } .border-top-pink-600 { border-top-color: #D81B60; } .border-bottom-pink-600 { border-bottom-color: #D81B60; } .border-left-pink-600 { border-left-color: #D81B60; } .border-right-pink-600 { border-right-color: #D81B60; } .text-pink-700 { color: #C2185B; } .text-pink-700[href]:hover, .text-pink-700[href]:focus { color: #a0144b; } .bg-pink-700 { background-color: #C2185B; } .border-pink-700 { border-color: #C2185B; } .border-top-pink-700 { border-top-color: #C2185B; } .border-bottom-pink-700 { border-bottom-color: #C2185B; } .border-left-pink-700 { border-left-color: #C2185B; } .border-right-pink-700 { border-right-color: #C2185B; } .text-pink-800 { color: #AD1457; } .text-pink-800[href]:hover, .text-pink-800[href]:focus { color: #8b1046; } .bg-pink-800 { background-color: #AD1457; } .border-pink-800 { border-color: #AD1457; } .border-top-pink-800 { border-top-color: #AD1457; } .border-bottom-pink-800 { border-bottom-color: #AD1457; } .border-left-pink-800 { border-left-color: #AD1457; } .border-right-pink-800 { border-right-color: #AD1457; } .alpha-violet { background-color: #F3E5F5; } .text-violet { color: #9C27B0; } .text-violet[href]:hover, .text-violet[href]:focus { color: #802091; } .bg-violet { background-color: #9C27B0; } .border-violet { border-color: #9C27B0; } .border-top-violet { border-top-color: #9C27B0; } .border-bottom-violet { border-bottom-color: #9C27B0; } .border-left-violet { border-left-color: #9C27B0; } .border-right-violet { border-right-color: #9C27B0; } .text-violet-300 { color: #BA68C8; } .text-violet-300[href]:hover, .text-violet-300[href]:focus { color: #ad4cbe; } .bg-violet-300 { background-color: #BA68C8; } .border-violet-300 { border-color: #BA68C8; } .border-top-violet-300 { border-top-color: #BA68C8; } .border-bottom-violet-300 { border-bottom-color: #BA68C8; } .border-left-violet-300 { border-left-color: #BA68C8; } .border-right-violet-300 { border-right-color: #BA68C8; } .text-violet-400 { color: #AB47BC; } .text-violet-400[href]:hover, .text-violet-400[href]:focus { color: #933ba2; } .bg-violet-400 { background-color: #AB47BC; } .border-violet-400 { border-color: #AB47BC; } .border-top-violet-400 { border-top-color: #AB47BC; } .border-bottom-violet-400 { border-bottom-color: #AB47BC; } .border-left-violet-400 { border-left-color: #AB47BC; } .border-right-violet-400 { border-right-color: #AB47BC; } .text-violet-600 { color: #8E24AA; } .text-violet-600[href]:hover, .text-violet-600[href]:focus { color: #741d8a; } .bg-violet-600 { background-color: #8E24AA; } .border-violet-600 { border-color: #8E24AA; } .border-top-violet-600 { border-top-color: #8E24AA; } .border-bottom-violet-600 { border-bottom-color: #8E24AA; } .border-left-violet-600 { border-left-color: #8E24AA; } .border-right-violet-600 { border-right-color: #8E24AA; } .text-violet-700 { color: #7B1FA2; } .text-violet-700[href]:hover, .text-violet-700[href]:focus { color: #631982; } .bg-violet-700 { background-color: #7B1FA2; } .border-violet-700 { border-color: #7B1FA2; } .border-top-violet-700 { border-top-color: #7B1FA2; } .border-bottom-violet-700 { border-bottom-color: #7B1FA2; } .border-left-violet-700 { border-left-color: #7B1FA2; } .border-right-violet-700 { border-right-color: #7B1FA2; } .text-violet-800 { color: #6A1B9A; } .text-violet-800[href]:hover, .text-violet-800[href]:focus { color: #541579; } .bg-violet-800 { background-color: #6A1B9A; } .border-violet-800 { border-color: #6A1B9A; } .border-top-violet-800 { border-top-color: #6A1B9A; } .border-bottom-violet-800 { border-bottom-color: #6A1B9A; } .border-left-violet-800 { border-left-color: #6A1B9A; } .border-right-violet-800 { border-right-color: #6A1B9A; } .alpha-purple { background-color: #EDE7F6; } .text-purple { color: #673AB7; } .text-purple[href]:hover, .text-purple[href]:focus { color: #57319a; } .bg-purple { background-color: #673AB7; } .border-purple { border-color: #673AB7; } .border-top-purple { border-top-color: #673AB7; } .border-bottom-purple { border-bottom-color: #673AB7; } .border-left-purple { border-left-color: #673AB7; } .border-right-purple { border-right-color: #673AB7; } .text-purple-300 { color: #9575CD; } .text-purple-300[href]:hover, .text-purple-300[href]:focus { color: #7f59c3; } .bg-purple-300 { background-color: #9575CD; } .border-purple-300 { border-color: #9575CD; } .border-top-purple-300 { border-top-color: #9575CD; } .border-bottom-purple-300 { border-bottom-color: #9575CD; } .border-left-purple-300 { border-left-color: #9575CD; } .border-right-purple-300 { border-right-color: #9575CD; } .text-purple-400 { color: #7E57C2; } .text-purple-400[href]:hover, .text-purple-400[href]:focus { color: #6a41b2; } .bg-purple-400 { background-color: #7E57C2; } .border-purple-400 { border-color: #7E57C2; } .border-top-purple-400 { border-top-color: #7E57C2; } .border-bottom-purple-400 { border-bottom-color: #7E57C2; } .border-left-purple-400 { border-left-color: #7E57C2; } .border-right-purple-400 { border-right-color: #7E57C2; } .text-purple-600 { color: #5E35B1; } .text-purple-600[href]:hover, .text-purple-600[href]:focus { color: #4e2c94; } .bg-purple-600 { background-color: #5E35B1; } .border-purple-600 { border-color: #5E35B1; } .border-top-purple-600 { border-top-color: #5E35B1; } .border-bottom-purple-600 { border-bottom-color: #5E35B1; } .border-left-purple-600 { border-left-color: #5E35B1; } .border-right-purple-600 { border-right-color: #5E35B1; } .text-purple-700 { color: #512DA8; } .text-purple-700[href]:hover, .text-purple-700[href]:focus { color: #42258a; } .bg-purple-700 { background-color: #512DA8; } .border-purple-700 { border-color: #512DA8; } .border-top-purple-700 { border-top-color: #512DA8; } .border-bottom-purple-700 { border-bottom-color: #512DA8; } .border-left-purple-700 { border-left-color: #512DA8; } .border-right-purple-700 { border-right-color: #512DA8; } .text-purple-800 { color: #4527A0; } .text-purple-800[href]:hover, .text-purple-800[href]:focus { color: #382081; } .bg-purple-800 { background-color: #4527A0; } .border-purple-800 { border-color: #4527A0; } .border-top-purple-800 { border-top-color: #4527A0; } .border-bottom-purple-800 { border-bottom-color: #4527A0; } .border-left-purple-800 { border-left-color: #4527A0; } .border-right-purple-800 { border-right-color: #4527A0; } .alpha-indigo { background-color: #E8EAF6; } .text-indigo { color: #3F51B5; } .text-indigo[href]:hover, .text-indigo[href]:focus { color: #354499; } .bg-indigo { background-color: #3F51B5; } .border-indigo { border-color: #3F51B5; } .border-top-indigo { border-top-color: #3F51B5; } .border-bottom-indigo { border-bottom-color: #3F51B5; } .border-left-indigo { border-left-color: #3F51B5; } .border-right-indigo { border-right-color: #3F51B5; } .text-indigo-300 { color: #7986CB; } .text-indigo-300[href]:hover, .text-indigo-300[href]:focus { color: #5d6dc0; } .bg-indigo-300 { background-color: #7986CB; } .border-indigo-300 { border-color: #7986CB; } .border-top-indigo-300 { border-top-color: #7986CB; } .border-bottom-indigo-300 { border-bottom-color: #7986CB; } .border-left-indigo-300 { border-left-color: #7986CB; } .border-right-indigo-300 { border-right-color: #7986CB; } .text-indigo-400 { color: #5C6BC0; } .text-indigo-400[href]:hover, .text-indigo-400[href]:focus { color: #4555b1; } .bg-indigo-400 { background-color: #5C6BC0; } .border-indigo-400 { border-color: #5C6BC0; } .border-top-indigo-400 { border-top-color: #5C6BC0; } .border-bottom-indigo-400 { border-bottom-color: #5C6BC0; } .border-left-indigo-400 { border-left-color: #5C6BC0; } .border-right-indigo-400 { border-right-color: #5C6BC0; } .text-indigo-600 { color: #3949AB; } .text-indigo-600[href]:hover, .text-indigo-600[href]:focus { color: #2f3d8e; } .bg-indigo-600 { background-color: #3949AB; } .border-indigo-600 { border-color: #3949AB; } .border-top-indigo-600 { border-top-color: #3949AB; } .border-bottom-indigo-600 { border-bottom-color: #3949AB; } .border-left-indigo-600 { border-left-color: #3949AB; } .border-right-indigo-600 { border-right-color: #3949AB; } .text-indigo-700 { color: #303F9F; } .text-indigo-700[href]:hover, .text-indigo-700[href]:focus { color: #273382; } .bg-indigo-700 { background-color: #303F9F; } .border-indigo-700 { border-color: #303F9F; } .border-top-indigo-700 { border-top-color: #303F9F; } .border-bottom-indigo-700 { border-bottom-color: #303F9F; } .border-left-indigo-700 { border-left-color: #303F9F; } .border-right-indigo-700 { border-right-color: #303F9F; } .text-indigo-800 { color: #283593; } .text-indigo-800[href]:hover, .text-indigo-800[href]:focus { color: #202a75; } .bg-indigo-800 { background-color: #283593; } .border-indigo-800 { border-color: #283593; } .border-top-indigo-800 { border-top-color: #283593; } .border-bottom-indigo-800 { border-bottom-color: #283593; } .border-left-indigo-800 { border-left-color: #283593; } .border-right-indigo-800 { border-right-color: #283593; } .alpha-blue { background-color: #E1F5FE; } .text-blue { color: #03A9F4; } .text-blue[href]:hover, .text-blue[href]:focus { color: #038fce; } .bg-blue { background-color: #03A9F4; } .border-blue { border-color: #03A9F4; } .border-top-blue { border-top-color: #03A9F4; } .border-bottom-blue { border-bottom-color: #03A9F4; } .border-left-blue { border-left-color: #03A9F4; } .border-right-blue { border-right-color: #03A9F4; } .text-blue-300 { color: #4FC3F7; } .text-blue-300[href]:hover, .text-blue-300[href]:focus { color: #2ab7f5; } .bg-blue-300 { background-color: #4FC3F7; } .border-blue-300 { border-color: #4FC3F7; } .border-top-blue-300 { border-top-color: #4FC3F7; } .border-bottom-blue-300 { border-bottom-color: #4FC3F7; } .border-left-blue-300 { border-left-color: #4FC3F7; } .border-right-blue-300 { border-right-color: #4FC3F7; } .text-blue-400 { color: #29B6F6; } .text-blue-400[href]:hover, .text-blue-400[href]:focus { color: #0aa7ef; } .bg-blue-400 { background-color: #29B6F6; } .border-blue-400 { border-color: #29B6F6; } .border-top-blue-400 { border-top-color: #29B6F6; } .border-bottom-blue-400 { border-bottom-color: #29B6F6; } .border-left-blue-400 { border-left-color: #29B6F6; } .border-right-blue-400 { border-right-color: #29B6F6; } .text-blue-600 { color: #039BE5; } .text-blue-600[href]:hover, .text-blue-600[href]:focus { color: #0381bf; } .bg-blue-600 { background-color: #039BE5; } .border-blue-600 { border-color: #039BE5; } .border-top-blue-600 { border-top-color: #039BE5; } .border-bottom-blue-600 { border-bottom-color: #039BE5; } .border-left-blue-600 { border-left-color: #039BE5; } .border-right-blue-600 { border-right-color: #039BE5; } .text-blue-700 { color: #0288D1; } .text-blue-700[href]:hover, .text-blue-700[href]:focus { color: #026fab; } .bg-blue-700 { background-color: #0288D1; } .border-blue-700 { border-color: #0288D1; } .border-top-blue-700 { border-top-color: #0288D1; } .border-bottom-blue-700 { border-bottom-color: #0288D1; } .border-left-blue-700 { border-left-color: #0288D1; } .border-right-blue-700 { border-right-color: #0288D1; } .text-blue-800 { color: #0277BD; } .text-blue-800[href]:hover, .text-blue-800[href]:focus { color: #025f97; } .bg-blue-800 { background-color: #0277BD; } .border-blue-800 { border-color: #0277BD; } .border-top-blue-800 { border-top-color: #0277BD; } .border-bottom-blue-800 { border-bottom-color: #0277BD; } .border-left-blue-800 { border-left-color: #0277BD; } .border-right-blue-800 { border-right-color: #0277BD; } .alpha-teal { background-color: #E0F2F1; } .text-teal { color: #009688; } .text-teal[href]:hover, .text-teal[href]:focus { color: #007065; } .bg-teal { background-color: #009688; } .border-teal { border-color: #009688; } .border-top-teal { border-top-color: #009688; } .border-bottom-teal { border-bottom-color: #009688; } .border-left-teal { border-left-color: #009688; } .border-right-teal { border-right-color: #009688; } .text-teal-300 { color: #4DB6AC; } .text-teal-300[href]:hover, .text-teal-300[href]:focus { color: #409d94; } .bg-teal-300 { background-color: #4DB6AC; } .border-teal-300 { border-color: #4DB6AC; } .border-top-teal-300 { border-top-color: #4DB6AC; } .border-bottom-teal-300 { border-bottom-color: #4DB6AC; } .border-left-teal-300 { border-left-color: #4DB6AC; } .border-right-teal-300 { border-right-color: #4DB6AC; } .text-teal-400 { color: #26A69A; } .text-teal-400[href]:hover, .text-teal-400[href]:focus { color: #1f877d; } .bg-teal-400 { background-color: #26A69A; } .border-teal-400 { border-color: #26A69A; } .border-top-teal-400 { border-top-color: #26A69A; } .border-bottom-teal-400 { border-bottom-color: #26A69A; } .border-left-teal-400 { border-left-color: #26A69A; } .border-right-teal-400 { border-right-color: #26A69A; } .text-teal-600 { color: #00897B; } .text-teal-600[href]:hover, .text-teal-600[href]:focus { color: #006359; } .bg-teal-600 { background-color: #00897B; } .border-teal-600 { border-color: #00897B; } .border-top-teal-600 { border-top-color: #00897B; } .border-bottom-teal-600 { border-bottom-color: #00897B; } .border-left-teal-600 { border-left-color: #00897B; } .border-right-teal-600 { border-right-color: #00897B; } .text-teal-700 { color: #00796B; } .text-teal-700[href]:hover, .text-teal-700[href]:focus { color: #005349; } .bg-teal-700 { background-color: #00796B; } .border-teal-700 { border-color: #00796B; } .border-top-teal-700 { border-top-color: #00796B; } .border-bottom-teal-700 { border-bottom-color: #00796B; } .border-left-teal-700 { border-left-color: #00796B; } .border-right-teal-700 { border-right-color: #00796B; } .text-teal-800 { color: #00695C; } .text-teal-800[href]:hover, .text-teal-800[href]:focus { color: #00433a; } .bg-teal-800 { background-color: #00695C; } .border-teal-800 { border-color: #00695C; } .border-top-teal-800 { border-top-color: #00695C; } .border-bottom-teal-800 { border-bottom-color: #00695C; } .border-left-teal-800 { border-left-color: #00695C; } .border-right-teal-800 { border-right-color: #00695C; } .alpha-green { background-color: #F1F8E9; } .text-green { color: #8BC34A; } .text-green[href]:hover, .text-green[href]:focus { color: #78ad39; } .bg-green { background-color: #8BC34A; } .border-green { border-color: #8BC34A; } .border-top-green { border-top-color: #8BC34A; } .border-bottom-green { border-bottom-color: #8BC34A; } .border-left-green { border-left-color: #8BC34A; } .border-right-green { border-right-color: #8BC34A; } .text-green-300 { color: #AED581; } .text-green-300[href]:hover, .text-green-300[href]:focus { color: #9ccb64; } .bg-green-300 { background-color: #AED581; } .border-green-300 { border-color: #AED581; } .border-top-green-300 { border-top-color: #AED581; } .border-bottom-green-300 { border-bottom-color: #AED581; } .border-left-green-300 { border-left-color: #AED581; } .border-right-green-300 { border-right-color: #AED581; } .text-green-400 { color: #9CCC65; } .text-green-400[href]:hover, .text-green-400[href]:focus { color: #8ac248; } .bg-green-400 { background-color: #9CCC65; } .border-green-400 { border-color: #9CCC65; } .border-top-green-400 { border-top-color: #9CCC65; } .border-bottom-green-400 { border-bottom-color: #9CCC65; } .border-left-green-400 { border-left-color: #9CCC65; } .border-right-green-400 { border-right-color: #9CCC65; } .text-green-600 { color: #7CB342; } .text-green-600[href]:hover, .text-green-600[href]:focus { color: #699738; } .bg-green-600 { background-color: #7CB342; } .border-green-600 { border-color: #7CB342; } .border-top-green-600 { border-top-color: #7CB342; } .border-bottom-green-600 { border-bottom-color: #7CB342; } .border-left-green-600 { border-left-color: #7CB342; } .border-right-green-600 { border-right-color: #7CB342; } .text-green-700 { color: #689F38; } .text-green-700[href]:hover, .text-green-700[href]:focus { color: #55832e; } .bg-green-700 { background-color: #689F38; } .border-green-700 { border-color: #689F38; } .border-top-green-700 { border-top-color: #689F38; } .border-bottom-green-700 { border-bottom-color: #689F38; } .border-left-green-700 { border-left-color: #689F38; } .border-right-green-700 { border-right-color: #689F38; } .text-green-800 { color: #558B2F; } .text-green-800[href]:hover, .text-green-800[href]:focus { color: #446e25; } .bg-green-800 { background-color: #558B2F; } .border-green-800 { border-color: #558B2F; } .border-top-green-800 { border-top-color: #558B2F; } .border-bottom-green-800 { border-bottom-color: #558B2F; } .border-left-green-800 { border-left-color: #558B2F; } .border-right-green-800 { border-right-color: #558B2F; } .alpha-orange { background-color: #FFF3E0; } .text-orange { color: #FF9800; } .text-orange[href]:hover, .text-orange[href]:focus { color: #d98100; } .bg-orange { background-color: #FF9800; } .border-orange { border-color: #FF9800; } .border-top-orange { border-top-color: #FF9800; } .border-bottom-orange { border-bottom-color: #FF9800; } .border-left-orange { border-left-color: #FF9800; } .border-right-orange { border-right-color: #FF9800; } .text-orange-300 { color: #FFB74D; } .text-orange-300[href]:hover, .text-orange-300[href]:focus { color: #ffa827; } .bg-orange-300 { background-color: #FFB74D; } .border-orange-300 { border-color: #FFB74D; } .border-top-orange-300 { border-top-color: #FFB74D; } .border-bottom-orange-300 { border-bottom-color: #FFB74D; } .border-left-orange-300 { border-left-color: #FFB74D; } .border-right-orange-300 { border-right-color: #FFB74D; } .text-orange-400 { color: #FFA726; } .text-orange-400[href]:hover, .text-orange-400[href]:focus { color: #ff9700; } .bg-orange-400 { background-color: #FFA726; } .border-orange-400 { border-color: #FFA726; } .border-top-orange-400 { border-top-color: #FFA726; } .border-bottom-orange-400 { border-bottom-color: #FFA726; } .border-left-orange-400 { border-left-color: #FFA726; } .border-right-orange-400 { border-right-color: #FFA726; } .text-orange-600 { color: #FB8C00; } .text-orange-600[href]:hover, .text-orange-600[href]:focus { color: #d57700; } .bg-orange-600 { background-color: #FB8C00; } .border-orange-600 { border-color: #FB8C00; } .border-top-orange-600 { border-top-color: #FB8C00; } .border-bottom-orange-600 { border-bottom-color: #FB8C00; } .border-left-orange-600 { border-left-color: #FB8C00; } .border-right-orange-600 { border-right-color: #FB8C00; } .text-orange-700 { color: #F57C00; } .text-orange-700[href]:hover, .text-orange-700[href]:focus { color: #cf6900; } .bg-orange-700 { background-color: #F57C00; } .border-orange-700 { border-color: #F57C00; } .border-top-orange-700 { border-top-color: #F57C00; } .border-bottom-orange-700 { border-bottom-color: #F57C00; } .border-left-orange-700 { border-left-color: #F57C00; } .border-right-orange-700 { border-right-color: #F57C00; } .text-orange-800 { color: #EF6C00; } .text-orange-800[href]:hover, .text-orange-800[href]:focus { color: #c95b00; } .bg-orange-800 { background-color: #EF6C00; } .border-orange-800 { border-color: #EF6C00; } .border-top-orange-800 { border-top-color: #EF6C00; } .border-bottom-orange-800 { border-bottom-color: #EF6C00; } .border-left-orange-800 { border-left-color: #EF6C00; } .border-right-orange-800 { border-right-color: #EF6C00; } .alpha-brown { background-color: #EFEBE9; } .text-brown { color: #795548; } .text-brown[href]:hover, .text-brown[href]:focus { color: #61443a; } .bg-brown { background-color: #795548; } .border-brown { border-color: #795548; } .border-top-brown { border-top-color: #795548; } .border-bottom-brown { border-bottom-color: #795548; } .border-left-brown { border-left-color: #795548; } .border-right-brown { border-right-color: #795548; } .text-brown-300 { color: #A1887F; } .text-brown-300[href]:hover, .text-brown-300[href]:focus { color: #90746a; } .bg-brown-300 { background-color: #A1887F; } .border-brown-300 { border-color: #A1887F; } .border-top-brown-300 { border-top-color: #A1887F; } .border-bottom-brown-300 { border-bottom-color: #A1887F; } .border-left-brown-300 { border-left-color: #A1887F; } .border-right-brown-300 { border-right-color: #A1887F; } .text-brown-400 { color: #8D6E63; } .text-brown-400[href]:hover, .text-brown-400[href]:focus { color: #775c53; } .bg-brown-400 { background-color: #8D6E63; } .border-brown-400 { border-color: #8D6E63; } .border-top-brown-400 { border-top-color: #8D6E63; } .border-bottom-brown-400 { border-bottom-color: #8D6E63; } .border-left-brown-400 { border-left-color: #8D6E63; } .border-right-brown-400 { border-right-color: #8D6E63; } .text-brown-600 { color: #6D4C41; } .text-brown-600[href]:hover, .text-brown-600[href]:focus { color: #553b33; } .bg-brown-600 { background-color: #6D4C41; } .border-brown-600 { border-color: #6D4C41; } .border-top-brown-600 { border-top-color: #6D4C41; } .border-bottom-brown-600 { border-bottom-color: #6D4C41; } .border-left-brown-600 { border-left-color: #6D4C41; } .border-right-brown-600 { border-right-color: #6D4C41; } .text-brown-700 { color: #5D4037; } .text-brown-700[href]:hover, .text-brown-700[href]:focus { color: #452f29; } .bg-brown-700 { background-color: #5D4037; } .border-brown-700 { border-color: #5D4037; } .border-top-brown-700 { border-top-color: #5D4037; } .border-bottom-brown-700 { border-bottom-color: #5D4037; } .border-left-brown-700 { border-left-color: #5D4037; } .border-right-brown-700 { border-right-color: #5D4037; } .text-brown-800 { color: #4E342E; } .text-brown-800[href]:hover, .text-brown-800[href]:focus { color: #362420; } .bg-brown-800 { background-color: #4E342E; } .border-brown-800 { border-color: #4E342E; } .border-top-brown-800 { border-top-color: #4E342E; } .border-bottom-brown-800 { border-bottom-color: #4E342E; } .border-left-brown-800 { border-left-color: #4E342E; } .border-right-brown-800 { border-right-color: #4E342E; } .alpha-grey { background-color: #FAFAFA; } .text-grey { color: #777; } .text-grey[href]:hover, .text-grey[href]:focus { color: #646464; } .bg-grey { background-color: #777; } .border-grey { border-color: #777; } .border-top-grey { border-top-color: #777; } .border-bottom-grey { border-bottom-color: #777; } .border-left-grey { border-left-color: #777; } .border-right-grey { border-right-color: #777; } .text-grey-300 { color: #999; } .text-grey-300[href]:hover, .text-grey-300[href]:focus { color: #868686; } .bg-grey-300 { background-color: #999; } .border-grey-300 { border-color: #999; } .border-top-grey-300 { border-top-color: #999; } .border-bottom-grey-300 { border-bottom-color: #999; } .border-left-grey-300 { border-left-color: #999; } .border-right-grey-300 { border-right-color: #999; } .text-grey-400 { color: #888; } .text-grey-400[href]:hover, .text-grey-400[href]:focus { color: #757575; } .bg-grey-400 { background-color: #888; } .border-grey-400 { border-color: #888; } .border-top-grey-400 { border-top-color: #888; } .border-bottom-grey-400 { border-bottom-color: #888; } .border-left-grey-400 { border-left-color: #888; } .border-right-grey-400 { border-right-color: #888; } .text-grey-600 { color: #666; } .text-grey-600[href]:hover, .text-grey-600[href]:focus { color: #535353; } .bg-grey-600 { background-color: #666; } .border-grey-600 { border-color: #666; } .border-top-grey-600 { border-top-color: #666; } .border-bottom-grey-600 { border-bottom-color: #666; } .border-left-grey-600 { border-left-color: #666; } .border-right-grey-600 { border-right-color: #666; } .text-grey-700 { color: #555; } .text-grey-700[href]:hover, .text-grey-700[href]:focus { color: #424242; } .bg-grey-700 { background-color: #555; } .border-grey-700 { border-color: #555; } .border-top-grey-700 { border-top-color: #555; } .border-bottom-grey-700 { border-bottom-color: #555; } .border-left-grey-700 { border-left-color: #555; } .border-right-grey-700 { border-right-color: #555; } .text-grey-800 { color: #444; } .text-grey-800[href]:hover, .text-grey-800[href]:focus { color: #313131; } .bg-grey-800 { background-color: #444; } .border-grey-800 { border-color: #444; } .border-top-grey-800 { border-top-color: #444; } .border-bottom-grey-800 { border-bottom-color: #444; } .border-left-grey-800 { border-left-color: #444; } .border-right-grey-800 { border-right-color: #444; } .alpha-slate { background-color: #ECEFF1; } .text-slate { color: #607D8B; } .text-slate[href]:hover, .text-slate[href]:focus { color: #506974; } .bg-slate { background-color: #607D8B; } .border-slate { border-color: #607D8B; } .border-top-slate { border-top-color: #607D8B; } .border-bottom-slate { border-bottom-color: #607D8B; } .border-left-slate { border-left-color: #607D8B; } .border-right-slate { border-right-color: #607D8B; } .text-slate-300 { color: #90A4AE; } .text-slate-300[href]:hover, .text-slate-300[href]:focus { color: #7a929e; } .bg-slate-300 { background-color: #90A4AE; } .border-slate-300 { border-color: #90A4AE; } .border-top-slate-300 { border-top-color: #90A4AE; } .border-bottom-slate-300 { border-bottom-color: #90A4AE; } .border-left-slate-300 { border-left-color: #90A4AE; } .border-right-slate-300 { border-right-color: #90A4AE; } .text-slate-400 { color: #78909C; } .text-slate-400[href]:hover, .text-slate-400[href]:focus { color: #657d89; } .bg-slate-400 { background-color: #78909C; } .border-slate-400 { border-color: #78909C; } .border-top-slate-400 { border-top-color: #78909C; } .border-bottom-slate-400 { border-bottom-color: #78909C; } .border-left-slate-400 { border-left-color: #78909C; } .border-right-slate-400 { border-right-color: #78909C; } .text-slate-600 { color: #546E7A; } .text-slate-600[href]:hover, .text-slate-600[href]:focus { color: #445a63; } .bg-slate-600 { background-color: #546E7A; } .border-slate-600 { border-color: #546E7A; } .border-top-slate-600 { border-top-color: #546E7A; } .border-bottom-slate-600 { border-bottom-color: #546E7A; } .border-left-slate-600 { border-left-color: #546E7A; } .border-right-slate-600 { border-right-color: #546E7A; } .text-slate-700 { color: #455A64; } .text-slate-700[href]:hover, .text-slate-700[href]:focus { color: #35464d; } .bg-slate-700 { background-color: #455A64; } .border-slate-700 { border-color: #455A64; } .border-top-slate-700 { border-top-color: #455A64; } .border-bottom-slate-700 { border-bottom-color: #455A64; } .border-left-slate-700 { border-left-color: #455A64; } .border-right-slate-700 { border-right-color: #455A64; } .text-slate-800 { color: #37474F; } .text-slate-800[href]:hover, .text-slate-800[href]:focus { color: #273338; } .bg-slate-800 { background-color: #37474F; } .border-slate-800 { border-color: #37474F; } .border-top-slate-800 { border-top-color: #37474F; } .border-bottom-slate-800 { border-bottom-color: #37474F; } .border-left-slate-800 { border-left-color: #37474F; } .border-right-slate-800 { border-right-color: #37474F; } .alpha-matte { background-color: #F0F3FA; } .text-matte { color: #3E60C1; } .text-matte[href]:hover, .text-matte[href]:focus { color: #5170C7; } .bg-matte { background-color: #3E60C1; } .border-matte { border-color: #3E60C1; } .border-top-matte { border-top-color: #3E60C1; } .border-bottom-matte { border-bottom-color: #3E60C1; } .border-left-matte { border-left-color: #3E60C1; } .border-right-matte { border-right-color: #3E60C1; } .text-matte-0 { color: #F1F3FA; } .text-matte-0[href]:hover, .text-matte-0[href]:focus { color: #E2E7F6; } .bg-matte-0 { background-color: #F1F3FA; } .border-matte-0 { border-color: #F1F3FA; } .border-top-matte-0 { border-top-color: #F1F3FA; } .border-bottom-matte-0 { border-bottom-color: #F1F3FA; } .border-left-matte-0 { border-left-color: #F1F3FA; } .border-right-matte-0 { border-right-color: #F1F3FA; } .text-matte-100 { color: #E2E7F6; } .text-matte-100[href]:hover, .text-matte-100[href]:focus { color: #F1F3FA; } .bg-matte-100 { background-color: #E2E7F6; } .border-matte-100 { border-color: #E2E7F6; } .border-top-matte-100 { border-top-color: #E2E7F6; } .border-bottom-matte-100 { border-bottom-color: #E2E7F6; } .border-left-matte-100 { border-left-color: #E2E7F6; } .border-right-matte-100 { border-right-color: #E2E7F6; } .text-matte-200 { color: #C4CEEC; } .text-matte-200[href]:hover, .text-matte-200[href]:focus { color: #A6B5E2; } .bg-matte-200 { background-color: #C4CEEC; } .border-matte-200 { border-color: #C4CEEC; } .border-top-matte-200 { border-top-color: #C4CEEC; } .border-bottom-matte-200 { border-bottom-color: #C4CEEC; } .border-left-matte-200 { border-left-color: #C4CEEC; } .border-right-matte-200 { border-right-color: #C4CEEC; } .text-matte-300 { color: #A6B6E2; } .text-matte-300[href]:hover, .text-matte-300[href]:focus { color: #B9C6E8; } .bg-matte-300 { background-color: #A6B6E2; } .border-matte-300 { border-color: #A6B6E2; } .border-top-matte-300 { border-top-color: #A6B6E2; } .border-bottom-matte-300 { border-bottom-color: #A6B6E2; } .border-left-matte-300 { border-left-color: #A6B6E2; } .border-right-matte-300 { border-right-color: #A6B6E2; } .text-matte-400 { color: #5983FC; } .text-matte-400[href]:hover, .text-matte-400[href]:focus { color: #7296FC; } .bg-matte-400 { background-color: #5983FC; } .border-matte-400 { border-color: #5983FC; } .border-top-matte-400 { border-top-color: #5983FC; } .border-bottom-matte-400 { border-bottom-color: #5983FC; } .border-left-matte-400 { border-left-color: #5983FC; } .border-right-matte-400 { border-right-color: #5983FC; } .text-matte-600 { color: #2E4583; } .text-matte-600[href]:hover, .text-matte-600[href]:focus { color: #354F96; } .bg-matte-600 { background-color: #2E4583; } .border-matte-600 { border-color: #2E4583; } .border-top-matte-600 { border-top-color: #2E4583; } .border-bottom-matte-600 { border-bottom-color: #2E4583; } .border-left-matte-600 { border-left-color: #2E4583; } .border-right-matte-600 { border-right-color: #2E4583; } .text-matte-700 { color: #293556; } .text-matte-700[href]:hover, .text-matte-700[href]:focus { color: #314067; } .bg-matte-700 { background-color: #293556; } .border-matte-700 { border-color: #293556; } .border-top-matte-700 { border-top-color: #293556; } .border-bottom-matte-700 { border-bottom-color: #293556; } .border-left-matte-700 { border-left-color: #293556; } .border-right-matte-700 { border-right-color: #293556; } .text-matte-800 { color: #213468; } .text-matte-800[href]:hover, .text-matte-800[href]:focus { color: #273E7B; } .bg-matte-800 { background-color: #213468; } .border-matte-800 { border-color: #213468; } .border-top-matte-800 { border-top-color: #213468; } .border-bottom-matte-800 { border-bottom-color: #213468; } .border-left-matte-800 { border-left-color: #213468; } .border-right-matte-800 { border-right-color: #213468; } .border-transparent { border-color: transparent !important; } .border-top-transparent { border-top-color: transparent !important; } .border-bottom-transparent { border-bottom-color: transparent !important; } .border-left-transparent { border-left-color: transparent !important; } .border-right-transparent { border-right-color: transparent !important; } .border-light-alpha { border-color: rgba(255, 255, 255, 0.1); } .border-top-light-alpha { border-top-color: rgba(255, 255, 255, 0.1); } .border-bottom-light-alpha { border-bottom-color: rgba(255, 255, 255, 0.1); } .border-left-light-alpha { border-left-color: rgba(255, 255, 255, 0.1); } .border-right-light-alpha { border-right-color: rgba(255, 255, 255, 0.1); } .border-dark-alpha { border-color: rgba(0, 0, 0, 0.1); } .border-top-dark-alpha { border-top-color: rgba(0, 0, 0, 0.1); } .border-bottom-dark-alpha { border-bottom-color: rgba(0, 0, 0, 0.1); } .border-left-dark-alpha { border-left-color: rgba(0, 0, 0, 0.1); } .border-right-dark-alpha { border-right-color: rgba(0, 0, 0, 0.1); } .bg-dark-alpha { background-color: rgba(0, 0, 0, 0.2); } .bg-light-alpha { background-color: rgba(255, 255, 255, 0.1); } /* components.css */ @charset "UTF-8"; input[type=checkbox][data-fouc], input[type=radio][data-fouc] { visibility: hidden; width: 1.25rem; height: 1.25rem; } .form-check input[type=checkbox][data-fouc], .form-check input[type=radio][data-fouc] { position: absolute; } .form-check-inline:not(.form-check-switchery) input[type=checkbox][data-fouc], .form-check-inline:not(.form-check-switchery) input[type=radio][data-fouc] { position: relative; margin-top: 0.00002rem; margin-right: 0.625rem; } .form-check-inline.form-check-right .form-check-inline:not(.form-check-switchery) input[type=checkbox][data-fouc], .form-check-inline.form-check-right .form-check-inline:not(.form-check-switchery) input[type=radio][data-fouc] { margin-right: 0; margin-left: 0.625rem; } .form-check-switchery input[data-fouc] { width: 2.375rem; height: 1.25rem; } .form-check-switchery-double.form-check input[data-fouc] { position: static; } .form-check-switch input { height: 2.37503rem; visibility: hidden; display: inline-block; vertical-align: middle; margin: 0; } .form-check-switch input[data-size=large] { height: 2.62502rem; } .form-check-switch input[data-size=small] { height: 2.12502rem; } input[type=text][data-fouc] { height: 2.37503rem; opacity: 0; } input[type=text].form-control-lg[data-fouc] { height: 2.62502rem; } input[type=text].form-control-sm[data-fouc] { height: 2.12502rem; } select[data-fouc]:not([aria-hidden=false]) { height: 2.37503rem; opacity: 0; } select.form-control-lg[data-fouc]:not([aria-hidden=false]) { height: 2.62502rem; } select.form-control-sm[data-fouc]:not([aria-hidden=false]) { height: 2.12502rem; } input[type=file][data-fouc] { height: 2.37503rem; opacity: 0; } input[type=file].form-control-lg[data-fouc] { height: 2.62502rem; } input[type=file].form-control-sm[data-fouc] { height: 2.12502rem; } .wizard-form[data-fouc] { opacity: 0; } .wizard-form[data-fouc].wizard { opacity: 1; } .wizard-form[data-fouc]:not(.wizard) { padding-top: 6.75003rem; padding-bottom: 3.62503rem; } .wizard-form[data-fouc]:not(.wizard) fieldset:not(:first-of-type), .wizard-form[data-fouc]:not(.wizard) h6 { display: none; } input[type=text].colorpicker-flat-full[data-fouc] { height: 285px; } pre[data-fouc]:not(.ace_editor) { height: 450px; } pre[data-fouc].ace_editor { visibility: visible; } .noui-pips-height-helper:not(.noUi-target)[data-fouc] { height: 2.56253rem; } .noui-pips-height-helper.noui-slider-lg:not(.noUi-target)[data-fouc] { height: 2.68753rem; } .noui-pips-height-helper.noui-slider-sm:not(.noUi-target)[data-fouc] { height: 2.43753rem; } .noui-vertical-height-helper:not(.noUi-target)[data-fouc] { display: inline-block; height: 10rem; } input[type=text].ion-height-helper[data-fouc] { height: 3.0625rem; } input[type=text].ion-pips-height-helper[data-fouc] { height: 5rem; } input[type=text].noui-height-helper:not(.noUi-target)[data-fouc] { height: 0.3125rem; } /* ------------------------------------------------------------------------------ * * # Pace. Default theme * * Minimal preloader theme, used as a default theme * * ---------------------------------------------------------------------------- */ .pace { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pace .pace-progress { background: #4FC3F7; position: fixed; z-index: 2000; top: 0; left: 0; width: 0; height: 0.125rem; } .pace-inactive { display: none; } /* ------------------------------------------------------------------------------ * * # Progress (loading) bars * * Static demo of Pace themes. For demonstration purposes only. DO NOT use it in production * * ---------------------------------------------------------------------------- */ .pace-demo { display: inline-block; background-color: #37474F; vertical-align: middle; position: relative; line-height: 1; border-radius: 0.075rem; width: 88px; height: 88px; } .pace-demo .pace_progress { display: none; white-space: nowrap; } .theme_xbox, .theme_xbox_sm, .theme_xbox_lg { position: absolute; top: 50%; left: 0; right: 0; margin-top: -24px; } .theme_xbox .pace_activity, .theme_xbox_sm .pace_activity, .theme_xbox_lg .pace_activity { -webkit-animation: rotation 1.5s ease-in-out infinite; animation: rotation 1.5s ease-in-out infinite; margin: auto; width: 48px; height: 48px; } .theme_xbox .pace_activity, .theme_xbox_sm .pace_activity, .theme_xbox_lg .pace_activity, .theme_xbox .pace_activity:before, .theme_xbox_sm .pace_activity:before, .theme_xbox_lg .pace_activity:before, .theme_xbox .pace_activity:after, .theme_xbox_sm .pace_activity:after, .theme_xbox_lg .pace_activity:after { border: 2px solid transparent; border-top-color: #fff; border-radius: 50%; } .theme_xbox .pace_activity:before, .theme_xbox_sm .pace_activity:before, .theme_xbox_lg .pace_activity:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; -webkit-animation: rotation ease-in-out 2s infinite; animation: rotation ease-in-out 2s infinite; } .theme_xbox .pace_activity:after, .theme_xbox_sm .pace_activity:after, .theme_xbox_lg .pace_activity:after { content: ""; position: absolute; top: 12px; left: 12px; right: 12px; bottom: 12px; -webkit-animation: rotation ease-in-out 1s infinite; animation: rotation ease-in-out 1s infinite; } .theme_xbox_with_text .pace_activity { margin-top: -10px; } .theme_xbox_with_text span { display: block; margin-top: 10px; color: #fff; white-space: nowrap; } .theme_xbox_sm .pace_activity, .theme_xbox_sm .pace_activity:before, .theme_xbox_sm .pace_activity:after { border-width: 1px; } .theme_xbox_lg .pace_activity, .theme_xbox_lg .pace_activity:before, .theme_xbox_lg .pace_activity:after { border-width: 3px; } .theme_perspective { position: absolute; top: 50%; left: 0; right: 0; margin-top: -15px; } .theme_perspective .pace_activity { display: inline-block; background-color: #fff; -webkit-animation: perspective ease-in-out 1.2s infinite; animation: perspective ease-in-out 1.2s infinite; width: 30px; height: 30px; } @keyframes perspective { 0% { -webkit-transform: perspective(120px); transform: perspective(120px); } 50% { -webkit-transform: perspective(120px) rotateY(180deg); transform: perspective(120px) rotateY(180deg); } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } @-webkit-keyframes perspective { 0% { -webkit-transform: perspective(120px); } 50% { -webkit-transform: perspective(120px) rotateY(180deg); } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } .theme_perspective_with_text .pace_activity { margin-top: -12px; } .theme_perspective_with_text span { display: block; margin-top: 15px; color: #fff; white-space: nowrap; } .theme_squares { position: absolute; top: 50%; left: 0; right: 0; margin-top: -15px; } .theme_squares .pace_activity { width: 30px; height: 30px; margin: auto; } .theme_squares .pace_activity:before, .theme_squares .pace_activity:after { position: absolute; content: ""; border: 2px solid #fff; } .theme_squares .pace_activity:before { width: 30px; height: 30px; margin-left: -15px; -webkit-animation: rotation_reverse linear 2s infinite; animation: rotation_reverse linear 2s infinite; } .theme_squares .pace_activity:after { width: 20px; height: 20px; margin-left: -10px; margin-top: 5px; -webkit-animation: rotation linear 2s infinite; animation: rotation linear 2s infinite; } .theme_squares_with_text .pace_activity { margin-top: -12px; } .theme_squares_with_text span { display: block; margin-top: 15px; color: #fff; white-space: nowrap; } .theme_tail { position: absolute; top: 50%; left: 0; right: 0; margin-top: -15px; } .theme_tail .pace_activity { margin: auto; width: 30px; height: 30px; border: 3px solid transparent; border-left-color: #fff; border-radius: 50%; -webkit-animation: rotation linear 1.1s infinite; animation: rotation linear 1.1s infinite; } .theme_tail_circle .pace_activity { border-color: rgba(0, 0, 0, 0.15); border-left-color: #fff; } .theme_tail_with_text .pace_activity { margin-top: -12px; } .theme_tail_with_text span { display: block; margin-top: 15px; color: #fff; white-space: nowrap; } .theme_corners { position: absolute; top: 50%; left: 0; right: 0; margin-top: -7px; } .theme_corners .pace_activity { display: inline-block; background-color: #fff; vertical-align: middle; border-radius: 50%; -webkit-animation: corners ease 1.5s infinite; animation: corners ease 1.5s infinite; width: 14px; height: 14px; } @keyframes corners { 0% { -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 50% { border-radius: 0; -webkit-transform: scale(2) rotate(-180deg); transform: scale(2) rotate(-180deg); } 100% { -webkit-transform: scale(1) rotate(-360deg); transform: scale(1) rotate(-360deg); } } @-webkit-keyframes corners { 0% { -webkit-transform: scale(1) rotate(0deg); } 50% { border-radius: 0; -webkit-transform: scale(2) rotate(-180deg); } 100% { -webkit-transform: scale(1) rotate(-360deg); } } .theme_corners_with_text .pace_activity { margin-top: -28px; } .theme_corners_with_text span { display: block; margin-top: 15px; color: #fff; white-space: nowrap; } .theme_radar { position: absolute; top: 50%; left: 0; right: 0; margin-top: -15px; } .theme_radar .pace_activity { display: inline-block; width: 30px; height: 30px; border-radius: 50%; border: 2px solid transparent; border-top-color: #fff; border-bottom-color: #fff; -webkit-animation: rotation linear 1.1s infinite; animation: rotation linear 1.1s infinite; } .theme_radar_with_text .pace_activity { margin-top: -12px; } .theme_radar_with_text span { display: block; margin-top: 15px; color: #fff; white-space: nowrap; } .theme_bar, .theme_bar_lg, .theme_bar_sm { position: relative; width: 200px; height: 5px; background-color: rgba(0, 0, 0, 0.4); border-radius: 100px; box-shadow: 0 0 5px rgba(255, 255, 255, 0.1); } .theme_bar .pace_progress, .theme_bar_lg .pace_progress, .theme_bar_sm .pace_progress { max-width: 198px; display: block; position: absolute; left: 1px; top: 1px; height: 3px; background: #3FCF96; color: #fff; line-height: 36px; border-radius: 100px; } .theme_bar_lg { height: 6px; } .theme_bar_lg .pace_progress { height: 4px; } .theme_bar_sm { height: 4px; } .theme_bar_sm .pace_progress { height: 2px; } /* ------------------------------------------------------------------------------ * * # Uniform.js * * Styles for uniform.min.js - form components styling * * ---------------------------------------------------------------------------- */ .uniform-checker, .uniform-choice { position: relative; cursor: pointer; vertical-align: middle; } .uniform-checker, .uniform-checker span, .uniform-checker input, .uniform-choice, .uniform-choice span, .uniform-choice input { width: 1.15rem; height: 1.15rem; } .uniform-checker span, .uniform-choice span { border: 0.11rem solid #3E60C1; /*#A6B6E2;*/ display: inline-block; text-align: center; position: relative; } .uniform-checker span:hover { border: 0.1rem solid #3E60C1; } .uniform-checker span.checked:after, .uniform-choice span.checked:after { opacity: 1; } .uniform-checker input[type=checkbox], .uniform-checker input[type=radio], .uniform-choice input[type=checkbox], .uniform-choice input[type=radio] { border: 0; background: none; display: inline-block; margin: 0; cursor: pointer; position: absolute; top: -0.125rem; left: -0.125rem; visibility: visible; opacity: 0; z-index: 2; } .form-check.form-check-inline .uniform-checker input[type=checkbox], .form-check.form-check-inline .uniform-checker input[type=radio], .form-check.form-check-inline .uniform-choice input[type=checkbox], .form-check.form-check-inline .uniform-choice input[type=radio] { margin-left: 0; margin-right: 0; } .form-check .uniform-checker, .form-check .uniform-choice { position: absolute; top: 0.00002rem; left: 0; } .form-check-right .uniform-checker, .form-check-right .uniform-choice { left: auto; right: 0; } .form-check-inline .uniform-checker, .form-check-inline .uniform-choice { position: static; margin-right: 0.625rem; margin-top: 0.00002rem; } .form-check-inline.form-check-right .uniform-checker, .form-check-inline.form-check-right .uniform-choice { margin-right: 0; margin-left: 0.625rem; } .uniform-checker.disabled, .uniform-choice.disabled { opacity: 0.5; } .uniform-checker.disabled, .uniform-checker.disabled input, .uniform-choice.disabled, .uniform-choice.disabled input { cursor: default; } .uniform-checker span { color: #455A64; border-radius: 0.075rem; transition: border-color ease-in-out 0.15s, color ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .uniform-checker span { transition: none; } } .uniform-checker span:after { content: "\e600"; font-family: "icomoon"; font-size: 1.1rem; position: absolute; top: -0.1rem; left: -0.1rem; line-height: 1.1; opacity: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: opacity ease-in-out 0.15s; background-color: #3E60C1; width: 1.1rem; height: 1.1rem; color: #fff; border-radius: 0.075rem; font-weight: 200;} @media screen and (prefers-reduced-motion: reduce) { .uniform-checker span:after { transition: none; } } .form-check-light .uniform-checker span { border-color: #fff; color: #fff; } .uniform-checker[class*=border-] span { border-color: inherit; color: inherit; } .uniform-choice { border-radius: 100px; } .uniform-choice span { border-radius: 100px; transition: border-color ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .uniform-choice span { transition: none; } } .uniform-choice span:after { content: ""; position: absolute; /*top: 0.1875rem; left: 0.1875rem;*/ border: 0.3125rem solid; border-color: inherit; /*width: 0; height: 0;*/ border-radius: 100px; opacity: 0; transition: all ease-in-out 0.15s; width: 50%; height: 50%; margin: auto; left: 0; top: 0; right: 0; bottom: 0; } @media screen and (prefers-reduced-motion: reduce) { .uniform-choice span:after { transition: none; } } .form-check-light .uniform-choice span { border-color: #fff; } .uniform-choice[class*=border-] span { border-color: inherit; } .uniform-choice[class*=border-] span:after { border-color: inherit; } .dropdown-menu:not([class*=bg-]) .dropdown-item.active:not(.disabled) .uniform-checker span { border-color: #fff; color: #fff; } .dropdown-menu:not([class*=bg-]) .dropdown-item.active:not(.disabled) .uniform-choice span { border-color: #fff; } .dropdown-item.form-check .form-check-label { padding-left: 3.75rem; } .dropdown-item.form-check .uniform-checker, .dropdown-item.form-check .uniform-choice { margin-top: 0.50002rem; left: 1.25rem; } .dropdown-item.form-check.form-check-right .form-check-label { padding-right: 3.75rem; } .dropdown-item.form-check.form-check-right .uniform-checker, .dropdown-item.form-check.form-check-right .uniform-choice { left: auto; right: 1.25rem; } .dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-transparent):not(.bg-light) .uniform-checker span { border-color: #fff; color: #fff; } .dropdown-menu[class*=bg-]:not(.bg-white):not(.bg-transparent):not(.bg-light) .uniform-choice span { border-color: #fff; } .uniform-uploader { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; } .uniform-uploader .filename { color: #999; padding: 0.5rem 0; -ms-flex: 1; flex: 1; border-top: 1px solid transparent; border-bottom: 1px solid #ddd; text-align: left; word-break: break-word; } .uniform-uploader .text-white ~ .filename { color: #fff; border-bottom-color: rgba(255, 255, 255, 0.5); } .uniform-uploader .action { margin-left: 1.25rem; z-index: 1; border-radius: 0.075rem; } .uniform-uploader input[type=file] { width: 100%; margin-top: 0; position: absolute; top: 0; right: 0; bottom: 0; min-height: 2.37503rem; border: 0; cursor: pointer; z-index: 10; opacity: 0; } .uniform-uploader.disabled .filename { border-bottom-style: dashed; } .uniform-uploader.disabled .action { opacity: 0.75; } .uniform-uploader.disabled .filename, .uniform-uploader.disabled input[type=file] { cursor: default; } .form-control-styled-lg input[type=file] { min-height: 2.62502rem; } .form-control-styled-lg .filename { padding: 0.625rem 0; font-size: 0.875rem; line-height: 1.4286; } .form-control-styled-sm input[type=file] { min-height: 2.12502rem; } .form-control-styled-sm .filename { padding: 0.375rem 0; font-size: 0.75rem; line-height: 1.6667; } .uniform-select { position: relative; display: block; width: 100%; padding: 0.5rem 0; font-size: 0.8125rem; line-height: 1.5385; color: #333; border-top: 1px solid transparent; border-bottom: 1px solid #ddd; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .uniform-select { transition: none; } } .uniform-select.focus { border-bottom-color: #3e60c1; box-shadow: 0 1px 0 #3e60c1; } .uniform-select.text-white { border-bottom-color: rgba(255, 255, 255, 0.5); } .uniform-select.text-white.focus { border-bottom-color: #fff; box-shadow: 0 1px 0 #fff; } .uniform-select span { display: block; position: relative; text-align: left; padding-right: 1.5rem; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .uniform-select span:after { content: '\e9c5'; font-family: "icomoon"; display: inline-block; position: absolute; top: 0; right: 0; font-size: 1rem; margin-top: -0.12502rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .uniform-select select { width: 100%; margin-top: 0; position: absolute; top: 0; right: 0; bottom: 0; height: 2.37503rem; border: 0; cursor: pointer; z-index: 10; opacity: 0; } .uniform-select.disabled { color: #999; border-bottom-style: dashed; } .uniform-select.disabled select { cursor: default; } .form-control-styled-lg .uniform-select { padding: 0.625rem 0; font-size: 0.875rem; line-height: 1.4286; } .form-control-styled-sm .uniform-select { padding: 0.375rem 0; font-size: 0.75rem; line-height: 1.6667; } /* ------------------------------------------------------------------------------ * * # Switchery * * Styles for switchery.min.js - toggle switches * * ---------------------------------------------------------------------------- */ .switchery { background-color: #fff; border: 1px solid #ddd; cursor: pointer; display: block; line-height: 1; width: 2.25rem; height: 1.125rem; position: relative; box-sizing: content-box; border-radius: 100px; } .form-check-switchery .switchery { position: absolute; top: 0; left: 0; margin-top: 0.00002rem; } .form-check-switchery.disabled .switchery { cursor: default; } .switchery > small { background-color: #fff; width: 1.125rem; height: 1.125rem; position: absolute; top: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); border-radius: 100px; } .form-check-switchery:not(.dropdown-item) { padding-left: 3rem; } .form-check-switchery:not(.dropdown-item).form-check-right { padding-left: 0; padding-right: 3rem; } .form-check-switchery:not(.dropdown-item).form-check-right .switchery { left: auto; right: 0; } .form-check-switchery-double.form-check-switchery { padding-left: 0; padding-right: 0; } .form-check-switchery-double.form-check-switchery .switchery { margin-top: 0; } .form-check-switchery-double .form-check-label { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; } .form-check-switchery-double .switchery { position: relative; margin-left: 0.625rem; margin-right: 0.625rem; } .form-check-switchery-double input { margin-left: 0.625rem; margin-right: 0.625rem; } .dropdown-item.form-check-switchery .form-check-label { padding-left: 4.875rem; } .dropdown-item.form-check-switchery .switchery { top: 50%; left: 1.25rem; margin-top: -0.625rem; } .dropdown-item.form-check-right.form-check-switchery .form-check-label { padding-right: 4.875rem; } .dropdown-item.form-check-right.form-check-switchery .switchery { left: auto; right: 1.25rem; } /* ------------------------------------------------------------------------------ * * # Bootstrap switches * * Styles for switch.min.js - checkbox/radio toggle switches * * ---------------------------------------------------------------------------- */ .bootstrap-switch { display: inline-block; border: 1px solid transparent; position: relative; overflow: hidden; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /*rtl:begin:ignore*/ direction: ltr; text-align: left; /*rtl:end:ignore*/ border-radius: 0.075rem; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .bootstrap-switch { transition: none; } } .bootstrap-switch .bootstrap-switch-container { display: inline-block; top: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-radius: 0.075rem; } .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label { cursor: pointer; display: inline-block; height: 100%; padding: 0.5rem 1rem; } .bootstrap-switch input { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; } .form-check-switch { padding: 0; } .form-group.row .form-check-switch { margin-top: 0; } .form-check-switch-left .bootstrap-switch { margin-right: 0.625rem; } .form-check-switch-right .bootstrap-switch { margin-left: 0.625rem; } .bootstrap-switch-focused { outline: 0; } .bootstrap-switch-disabled .bootstrap-switch-handle-on, .bootstrap-switch-disabled .bootstrap-switch-handle-off, .bootstrap-switch-disabled .bootstrap-switch-label { cursor: default; opacity: 0.5; } .bootstrap-switch-readonly .bootstrap-switch-handle-on, .bootstrap-switch-readonly .bootstrap-switch-handle-off, .bootstrap-switch-readonly .bootstrap-switch-label, .bootstrap-switch-indeterminate .bootstrap-switch-handle-on, .bootstrap-switch-indeterminate .bootstrap-switch-handle-off, .bootstrap-switch-indeterminate .bootstrap-switch-label { cursor: default !important; opacity: 0.5; } .bootstrap-switch-animate .bootstrap-switch-container { transition: margin 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .bootstrap-switch-animate .bootstrap-switch-container { transition: none; } } /*rtl:begin:ignore*/ .bootstrap-switch-inverse .bootstrap-switch-handle-on { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: calc(0.1875rem - 1px); border-bottom-right-radius: calc(0.1875rem - 1px); } .bootstrap-switch-inverse .bootstrap-switch-handle-off { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: calc(0.1875rem - 1px); border-bottom-left-radius: calc(0.1875rem - 1px); } .bootstrap-switch-on .bootstrap-switch-label, .bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label { border-top-right-radius: calc(0.1875rem - 1px); border-bottom-right-radius: calc(0.1875rem - 1px); } .bootstrap-switch-off .bootstrap-switch-label, .bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label { border-top-left-radius: calc(0.1875rem - 1px); border-bottom-left-radius: calc(0.1875rem - 1px); } /*rtl:end:ignore*/ .bootstrap-switch-handle-on, .bootstrap-switch-handle-off { text-align: center; white-space: nowrap; z-index: 1; } .bootstrap-switch-default { color: #333; background-color: #eee; } .bootstrap-switch-primary { color: #fff; background-color: #2196F3; } .bootstrap-switch-danger { color: #fff; background-color: #F44336; } .bootstrap-switch-success { color: #fff; background-color: #4CAF50; } .bootstrap-switch-warning { color: #fff; background-color: #FF7043; } .bootstrap-switch-info { color: #fff; background-color: #00BCD4; } /*rtl:begin:ignore*/ .bootstrap-switch-handle-on { border-top-left-radius: calc(0.1875rem - 1px); border-bottom-left-radius: calc(0.1875rem - 1px); } .bootstrap-switch-handle-off { border-top-right-radius: calc(0.1875rem - 1px); border-bottom-right-radius: calc(0.1875rem - 1px); } /*rtl:end:ignore*/ .bootstrap-switch-label { text-align: center; z-index: 100; background-color: #fff; position: relative; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset; transition: background-color ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .bootstrap-switch-label { transition: none; } } .bootstrap-switch-label:hover, .bootstrap-switch-label:active { background-color: #fafafa; } .bootstrap-switch-label:after { content: ''; position: absolute; top: 50%; left: 50%; width: 0.25rem; height: 0.625rem; margin-top: -0.3125rem; margin-left: -0.125rem; display: inline-block; border-left: 1px solid rgba(0, 0, 0, 0.15); border-right: 1px solid rgba(0, 0, 0, 0.15); } .bootstrap-switch-large .bootstrap-switch-handle-on, .bootstrap-switch-large .bootstrap-switch-handle-off, .bootstrap-switch-large .bootstrap-switch-label { padding: 0.625rem 1.125rem; } .bootstrap-switch-small .bootstrap-switch-handle-on, .bootstrap-switch-small .bootstrap-switch-handle-off, .bootstrap-switch-small .bootstrap-switch-label { padding: 0.375rem 0.875rem; } .form-check-right .bootstrap-switch { margin-right: 0; margin-left: 0.625rem; } /* ------------------------------------------------------------------------------ * * # Select2 selects * * Styles for select2.js - custom select plugin * * ---------------------------------------------------------------------------- */ .select2-container { outline: 0; position: relative; display: inline-block; vertical-align: middle; text-align: left; } .select2-selection--single { cursor: pointer; outline: 0; display: block; padding: 0.5rem 0; line-height: 1.5385; color: #333; position: relative; border-top: 1px solid transparent; border-bottom: 1px solid #ddd; white-space: nowrap; min-height: 2.125rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .select2-selection--single { transition: none; } } .select2-selection--single:focus, .select2-container--open .select2-selection--single { border-bottom-color: #3e60c1; box-shadow: 0 1px 0 #3e60c1; } .select2-selection--single.text-white { border-bottom-color: rgba(255, 255, 255, 0.5); } .select2-selection--single.text-white:focus, .select2-container--open .select2-selection--single.text-white { border-bottom-color: #fff; box-shadow: 0 1px 0 #fff; } .select2-selection--single .select2-selection__rendered { display: block; padding-left: 0; padding-right: 1.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-selection--single .select2-selection__rendered > i { margin-right: 0.625rem; } .select2-selection--single .select2-selection__clear { position: relative; cursor: pointer; float: right; font-size: 0; line-height: 1; margin-top: 0.12502rem; margin-left: 0.625rem; margin-right: 0.625rem; opacity: 0.75; transition: opacity ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .select2-selection--single .select2-selection__clear { transition: none; } } .select2-selection--single .select2-selection__clear:hover { opacity: 1; } .select2-selection--single .select2-selection__clear:after { content: '\ed6b'; font-family: "icomoon"; display: inline-block; font-size: 1rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-selection--single .select2-selection__arrow:after { content: '\e9c5'; font-family: "icomoon"; display: inline-block; position: absolute; top: 50%; right: 0; margin-top: -0.5rem; font-size: 1rem; line-height: 1; color: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .select2-selection--single .select2-selection__arrow b { display: none; } .select2-container--disabled .select2-selection--single { cursor: default; box-shadow: none; border-bottom-style: dashed; color: #999; } .select2-container--disabled .select2-selection--single:focus { border-bottom-color: #ddd; } .select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-selection--multiple { display: block; cursor: text; outline: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select2-selection--multiple.text-white .select2-selection__choice, .select2-selection--multiple.text-white .select2-selection__choice:hover, .select2-selection--multiple.text-white .select2-selection__choice:focus { background-color: #fff; color: #333; } .select2-selection--multiple .select2-selection__rendered { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; list-style: none; margin: 0; padding: 0; width: 100%; } .select2-selection--multiple .select2-selection__placeholder { color: #999; } .select2-container--disabled .select2-selection--multiple, .select2-container--disabled .select2-selection--multiple .select2-selection__choice, .select2-container--disabled .select2-selection--multiple .select2-search__field { cursor: default; } .select2-selection--multiple .select2-selection__choice { background-color: #eee; color: #333; cursor: default; float: left; margin-right: 0.625rem; margin-top: 0.0625rem; margin-bottom: 0.0625rem; padding: 0.5rem 1rem; border-radius: 100px; transition: color ease-in-out 0.15s, background-color ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .select2-selection--multiple .select2-selection__choice { transition: none; } } .select2-selection--multiple .select2-selection__choice:hover, .select2-selection--multiple .select2-selection__choice:focus { background-color: #03A9F4; color: #fff; } .select2-selection--multiple .select2-selection__choice > i { margin-right: 0.625rem; } .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { cursor: pointer; float: right; font-size: 0.875rem; margin-top: 0.18752rem; line-height: 1; margin-left: 0.625rem; opacity: 0.75; transition: opacity ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { transition: none; } } .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover { opacity: 1; } .select2-container--disabled .select2-selection--multiple .select2-selection__choice { opacity: 0.6; } .select2-container--disabled .select2-selection--multiple .select2-selection__choice:hover, .select2-container--disabled .select2-selection--multiple .select2-selection__choice:focus { background-color: #eee; color: #333; } .select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove { display: none; } .select2-selection--multiple .select2-search--inline { float: left; } .select2-selection--multiple .select2-search--inline .select2-search__field { font-size: 100%; margin-top: 0.0625rem; margin-bottom: 0.0625rem; padding: 0.5rem 0; background-color: transparent; border-width: 0; outline: 0; color: inherit; -webkit-appearance: textfield; } .select2-selection--multiple .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-selection--multiple .select2-search--inline:first-child .select2-search__field { margin-left: 0; } .select2-dropdown { background-color: #fff; color: #333; border: 0 solid rgba(0, 0, 0, 0.15); display: block; position: absolute; /*rtl:ignore*/ left: -100000px; width: 100%; z-index: 1070; border-radius: 0.075rem; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results > .select2-results__options { padding-bottom: 0.2rem; max-height: 280px; overflow-y: auto; } .select2-search--hide + .select2-results > .select2-results__options { padding-top: 0.2rem; } .select2-results:first-child > .select2-results__options { padding-top: 0.5rem; } .select2-results__option { padding: 0.375rem 1.25rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .select2-results__option { transition: none; } } .select2-results__option + .select2-results__option { margin-top: 1px; } .select2-results__option i { margin-right: 0.625rem; } .select2-results__option i.icon-undefined { display: none; } .select2-results__option[role=group] { padding: 0; } .select2-results__option.select2-results__option--highlighted { background-color: #f5f5f5; color: #333; } .select2-results__option[aria-disabled=true] { color: #999; cursor: default; } .select2-dropdown[class*=bg-] .select2-results__option[aria-disabled=true] { color: rgba(255, 255, 255, 0.6); } .select2-results__option[aria-selected=true] { color: #fff; background-color: #5983fc; } .select2-results__options--nested > .select2-results__option { padding-left: 2.5rem; padding-right: 2.5rem; } .select2-results__group { display: block; padding: 0.5rem 1.25rem; cursor: default; font-weight: 500; margin-top: 0.5rem; margin-bottom: 0.5rem; } .select2-results__option:first-child > .select2-results__group { margin-top: 0; } .select2-results__message { color: #999; cursor: default; } .select2-dropdown[class*=bg-] .select2-results__message { color: rgba(255, 255, 255, 0.75); } .select2-results__option.loading-results { padding-top: 0; } .select2-results__option.loading-results + .select2-results__option { margin-top: 0.5rem; } .select2-results__option--load-more { text-align: center; margin-top: 0.5rem; cursor: default; } .select2-container--open .select2-dropdown { /*rtl:ignore*/ left: 0; } .select2-container--open .select2-dropdown--below { margin-top: 1px; } .select2-search--dropdown { display: block; position: relative; padding: 1.25rem; } .select2-search--dropdown:after { content: '\e98e'; font-family: "icomoon"; position: absolute; top: 50%; left: 1.25rem; color: inherit; display: block; font-size: 0.8125rem; margin-top: -0.40625rem; line-height: 1; opacity: 0.6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .select2-search--dropdown + .select2-results .select2-results__message:first-child { padding-top: 0; } .select2-search--dropdown .select2-search__field { padding: 0.5rem 0; padding-left: 2.0625rem; border: 1px solid transparent; border-width: 1px 0; border-bottom-color: #ddd; outline: 0; width: 100%; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select-lg.select2-selection--single { padding: 0.625rem 0; font-size: 0.875rem; line-height: 1.4286; } .select-lg.select2-selection--single .select2-selection__rendered { padding-left: 0; padding-right: 1.5rem; } .select-lg.select2-selection--single .select2-selection__arrow:after { right: 0; } .select-lg.select2-selection--multiple .select2-selection__choice { padding: 0.625rem 1.125rem; font-size: 0.875rem; line-height: 1.4286; } .select-lg.select2-selection--multiple .select2-search--inline .select2-search__field { padding: 0.625rem 0; font-size: 0.875rem; line-height: 1.4286; } .select-sm.select2-selection--single { padding: 0.375rem 0; font-size: 0.75rem; line-height: 1.6667; } .select-sm.select2-selection--single .select2-selection__rendered { padding-left: 0; padding-right: 1.5rem; } .select-sm.select2-selection--single .select2-selection__arrow:after { right: 0; } .select-sm.select2-selection--multiple .select2-selection__choice { padding: 0.375rem 0.875rem; font-size: 0.75rem; line-height: 1.6667; } .select-sm.select2-selection--multiple .select2-search--inline .select2-search__field { padding: 0.375rem 0; font-size: 0.75rem; line-height: 1.6667; } .select2-dropdown[class*=bg-] .select2-search--dropdown .select2-search__field { background-color: transparent; border-bottom-color: rgba(255, 255, 255, 0.5); color: #fff; } .select2-dropdown[class*=bg-] .select2-results__option[aria-selected=true] { background-color: rgba(0, 0, 0, 0.2); color: #fff; } .select2-dropdown[class*=bg-] .select2-results__option--highlighted { background-color: rgba(0, 0, 0, 0.1); color: #fff; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; z-index: 99; background-color: #fff; opacity: 0; } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: fixed !important; width: 1px !important; } .select2-result-repository { padding-top: 0.5rem; padding-bottom: 0.5rem; } .select2-result-repository__avatar { float: left; width: 60px; margin-right: 0.9375rem; } .select2-result-repository__avatar img { width: 100%; height: auto; border-radius: 100px; } .select2-result-repository__meta { margin-left: 70px; } .select2-result-repository__title { font-weight: 500; word-wrap: break-word; margin-bottom: 2px; } .select2-result-repository__forks, .select2-result-repository__stargazers, .select2-result-repository__watchers { display: inline-block; font-size: 0.75rem; } .select2-result-repository__description { font-size: 0.75rem; } .select2-result-repository__forks, .select2-result-repository__stargazers { margin-right: 0.9375rem; } /* ------------------------------------------------------------------------------ * * # Bootstrap multiselect * * Styles for multiselect.js - custom multiple select plugin * * ---------------------------------------------------------------------------- */ .multiselect-native-select { position: relative; } .multiselect-native-select select { border: 0 !important; clip: rect(0 0 0 0) !important; height: 0 !important; margin: 0 !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 0 !important; left: 0; top: 0; } .multiselect { width: 100%; text-align: left; padding-left: 0; padding-right: 1.5rem; text-transform: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .multiselect:after { position: absolute; top: 50%; right: 0; margin-top: -0.34375rem; text-align: right; } .multiselect:not([class*=font-weight-]) { font-weight: 400; } .multiselect.btn-light { background-color: transparent; border-width: 1px 0; border-color: #ddd; border-top-color: transparent; border-radius: 0; } .multiselect.btn-light:hover, .multiselect.btn-light:focus, .multiselect.btn-light:not([disabled]):not(.disabled):active, .btn-group.show .multiselect.btn-light { background-color: transparent; border-top-color: transparent; } .multiselect.btn-light:focus, .multiselect.btn-light:not([disabled]):not(.disabled):active, .btn-group.show .multiselect.btn-light { border-bottom-color: #3e60c1; box-shadow: 0 1px 0 #3e60c1; } .multiselect.btn-light.disabled { background-color: transparent; } .multiselect.btn-link { padding-left: 1rem; padding-right: 2.5rem; } .multiselect.btn-link:after { right: 1rem; } .multiselect.text-white { border-bottom-color: rgba(255, 255, 255, 0.5); } .multiselect.text-white:focus, .multiselect.text-white:not([disabled]):not(.disabled):active, .btn-group.show .multiselect.text-white { border-bottom-color: #fff; box-shadow: 0 1px 0 #fff; } .multiselect.disabled { border-bottom-style: dashed; } .multiselect.btn-lg { padding-left: 0; padding-right: 1.5rem; } .multiselect.btn-lg:after { right: 0; } .multiselect.btn-sm { padding-left: 0; padding-right: 1.5rem; } .multiselect.btn-sm:after { right: 0; } .multiselect-container { max-height: 280px; overflow-y: auto; width: 100%; } .multiselect-item input[type=checkbox], .multiselect-item input[type=radio] { border: 0; background: none; display: block; margin: 0; cursor: pointer; position: absolute; top: 50%; left: 1.25rem; margin-top: -0.625rem; opacity: 0; z-index: 2; width: 1.25rem; height: 1.25rem; } .multiselect-item input[type=checkbox]:disabled, .multiselect-item input[type=radio]:disabled { cursor: default; } .multiselect-item input[type=checkbox] ~ .form-check-control-indicator, .multiselect-item input[type=radio] ~ .form-check-control-indicator { position: absolute; left: 1.25rem; top: 50%; margin-top: -0.625rem; border: 0.125rem solid #455A64; width: 1.25rem; height: 1.25rem; } .multiselect-item input[type=checkbox] ~ .form-check-control-indicator { color: #455A64; border-radius: 0.075rem; transition: border-color ease-in-out 0.15s, color ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .multiselect-item input[type=checkbox] ~ .form-check-control-indicator { transition: none; } } .multiselect-item input[type=checkbox] ~ .form-check-control-indicator:after { content: "\e600"; font-family: "icomoon"; font-size: 1rem; position: absolute; top: 0rem; left: 0rem; line-height: 1; opacity: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: opacity ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .multiselect-item input[type=checkbox] ~ .form-check-control-indicator:after { transition: none; } } .multiselect-item input[type=radio] ~ .form-check-control-indicator { border-radius: 100px; transition: border-color ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .multiselect-item input[type=radio] ~ .form-check-control-indicator { transition: none; } } .multiselect-item input[type=radio] ~ .form-check-control-indicator:after { content: ""; position: absolute; top: 0.1875rem; left: 0.1875rem; border: 0.3125rem solid; border-color: inherit; width: 0; height: 0; border-radius: 100px; opacity: 0; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .multiselect-item input[type=radio] ~ .form-check-control-indicator:after { transition: none; } } .multiselect-item input[type=checkbox]:checked ~ .form-check-control-indicator:after, .multiselect-item input[type=radio]:checked ~ .form-check-control-indicator:after { opacity: 1; } .multiselect-item.active:not(.disabled) input[type=checkbox] ~ .form-check-control-indicator { border-color: #fff; color: #fff; } .multiselect-item.active:not(.disabled) input[type=radio] ~ .form-check-control-indicator { border-color: #fff; } .multiselect-item.disabled .form-check-control-indicator { opacity: 0.5; } .dropdown-menu[class*=bg-] .multiselect-item .form-check-control-indicator { border-color: #fff; color: #fff; } .multiselect-group { padding: 0.5rem 1.25rem; font-weight: 500; margin-top: 0.5rem; margin-bottom: 0.5rem; } .multiselect-group:first-child { margin-top: 0; } .multiselect-group label { margin-bottom: 0; } .multiselect-group.disabled { color: #999; cursor: default; } .multiselect-all { font-weight: 500; } .multiselect-group-clickable label { cursor: pointer; } .multiselect-filter { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 0.5rem; } .multiselect-filter .input-group > i { font-size: 0.8125rem; position: absolute; left: 0; top: 50%; margin-top: -0.40625rem; opacity: 0.5; z-index: 4; } .multiselect-filter .form-control { padding-left: 2.0625rem; border-bottom-color: #ddd; box-shadow: none; } .input-group .multiselect-native-select { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex: 1 1 auto; flex: 1 1 auto; } .input-group .multiselect-native-select:not(:first-child) .multiselect { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group .multiselect-native-select:not(:last-child) .multiselect { border-top-right-radius: 0; border-bottom-right-radius: 0; } /* ------------------------------------------------------------------------------ * * # Passy * * Styles for passy.min.js - password length checker and password generator * * ---------------------------------------------------------------------------- */ .badge-indicator-absolute { position: relative; } .badge-indicator-absolute .password-indicator-badge-absolute { position: absolute; top: 50%; margin-top: -0.62502rem; right: 0; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .badge-indicator-absolute .password-indicator-badge-absolute { transition: none; } } /* ------------------------------------------------------------------------------ * * # Twiter Typeahead * * Styles for typeahead.bundle.min.js - input suggestion engine * * ---------------------------------------------------------------------------- */ .twitter-typeahead { width: 100%; } .tt-hint { color: #999; } .tt-menu { width: 100%; margin-top: 0.125rem; min-width: 11.25rem; padding: 0.5rem 0; background-color: #fff; border: 0 solid rgba(0, 0, 0, 0.15); max-height: 350px; overflow-y: auto; border-radius: 0.075rem; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .typeahead-scrollable .tt-menu { max-height: 250px; } .tt-suggestion { color: #333; padding: 0.5rem 1.25rem; cursor: pointer; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .tt-suggestion { transition: none; } } .tt-suggestion:hover, .tt-suggestion:focus, .tt-suggestion.tt-cursor { color: #333; background-color: #f5f5f5; } .tt-heading { padding: 0.5rem 1.25rem; display: block; font-weight: 700; margin-top: 0.5rem; margin-bottom: 0.5rem; } .tt-dataset-group:first-child .tt-heading:first-child { margin-top: 0; } .typeahead-template .empty-message { padding: 0.5rem 1.25rem; text-align: center; } /* ------------------------------------------------------------------------------ * * # Form Validation * * Styles for validate.min.js - jQuery plugin for simple clientside form validation * * ---------------------------------------------------------------------------- */ .validation-invalid-label, .validation-valid-label { margin-top: 0.5rem; margin-bottom: 0.5rem; display: block; color: #F44336; position: relative; padding-left: 1.625rem; } .validation-valid-label { color: #4CAF50; } .validation-invalid-label:before, .validation-valid-label:before { font-family: "icomoon"; font-size: 1rem; position: absolute; top: 0.12502rem; left: 0; display: inline-block; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .validation-invalid-label:empty, .validation-valid-label:empty { display: none; } .validation-invalid-label:before { content: '\ed63'; } .validation-valid-label:before { content: '\ee73'; } /* ------------------------------------------------------------------------------ * * # Floating labels * * Styles for custom Floating Labels extensions * * ---------------------------------------------------------------------------- */ .form-group-float-label { position: relative; top: 0.5rem; opacity: 0; } .form-group-float-label.is-visible { top: 0; opacity: 1; } .form-group-float-label.animate { transition: all linear 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .form-group-float-label.animate { transition: none; } } /* ------------------------------------------------------------------------------ * * # Alpaca forms * * Styles for alpaca.min.js - the easiest way to generate interactive HTML5 forms for web applications * * ---------------------------------------------------------------------------- */ .alpaca-hidden { display: none; } .alpaca-field .help-block, .alpaca-field .alpaca-field-text-max-length-indicator { color: #999; margin-top: 0.5rem; margin-bottom: 0.5rem; } .has-error .multiselect-container > .active .form-check { color: #fff; } .has-error .btn-group.show .multiselect.btn, .has-error .multiselect.btn-light:active { color: #F44336; border-color: #F44336; } .alpaca-disabled .form-check label, .alpaca-disabled .form-check .switchery { cursor: default; color: #999; } .alpaca-invalid .alpaca-control-label, .alpaca-invalid .alpaca-message { color: #F44336; } .alpaca-invalid .form-control { color: #F44336; } .alpaca-invalid .form-control:focus { box-shadow: 0 1px 0 #F44336; } .alpaca-invalid .form-control, .alpaca-invalid .form-control:hover, .alpaca-invalid .form-control:focus { border-color: #F44336; } .alpaca-clear { clear: both; } .alpaca-float-right { float: right; } .alpaca-field .glyphicon { font-family: "icomoon"; font-size: 1rem; vertical-align: middle; margin-top: -0.09375rem; font-style: normal; line-height: 1; display: inline-block; margin-right: 0.625rem; } .alpaca-field .glyphicon-info-sign { display: none; } .alpaca-field .glyphicon-exclamation-sign:before { content: '\ed63'; } .alpaca-icon-required { font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; float: right; margin-right: 0; margin-left: 0.625rem; } .alpaca-icon-required:before { content: '*'; } .alpaca-controlfield-editor { position: relative; width: 100%; height: 300px; border: 1px solid #ddd; } .alpaca-controlfield-editor .control-field-editor-el { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .ace_editor { /*border: 1px solid #cccccc;*/ } .alpaca-field-ckeditor.alpaca-invalid > .cke { border-color: #D84315; } .alpaca-field-optiontree .optiontree + .form-control { margin-left: 0.625rem; } .alpaca-field-optiontree.optiontree-horizontal .optiontree { display: inline-block; } .alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector { display: inline-block; margin-top: 0.3125rem; margin-bottom: 0.3125rem; } .alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector:empty { display: none; } .alpaca-field-optiontree.optiontree-horizontal .optiontree .optiontree-selector + .optiontree-selector { margin-left: 0.625rem; } .alpaca-field-optiontree.optiontree-horizontal input { display: inline-block; width: auto; } .alpaca-field-optiontree.optiontree-horizontal label { display: block; } .has-error .multiselect { border-color: #F44336; color: #F44336; } .alpaca-container-label:not(legend) { margin-top: 1.25rem; } .alpaca-array-toolbar { margin-bottom: 0.625rem; } .alpaca-array-actionbar { overflow: hidden; } .alpaca-array-actionbar.alpaca-array-actionbar-top { padding-bottom: 0.625rem; } .alpaca-array-actionbar.alpaca-array-actionbar-bottom { padding-top: 0.625rem; } .alpaca-array-actionbar, .alpaca-array-actionbar.btn-group { width: 100%; } .alpaca-field-object .alpaca-top, .alpaca-field-object .alpaca-top .alpaca-container, .alpaca-field-array .alpaca-top, .alpaca-field-array .alpaca-top .alpaca-container { border: 0; } .alpaca-container { border: 0; } .alpaca-control-buttons-container { margin-top: 0.625rem; } .alpaca-container-item > .alpaca-container > .alpaca-field-object { border: 0; } .alpaca-form-buttons-container { margin-top: 1.25rem; text-align: right; } .alpaca-container > .form-group { margin-left: 0; margin-right: 0; } .alpaca-field-hidden { display: none; } .alpaca-container-item:not(:first-child) { margin-top: 0.625rem; } .alpaca-container .alpaca-container-item:last-child { margin-bottom: 0; } .alpaca-field-select .btn-group { width: 100%; } .alpaca-field.alpaca-field-upload .fileupload-active-zone { margin-top: 2.5rem; margin-bottom: 2.5rem; } .alpaca-field.alpaca-field-upload .template-download td.error, .alpaca-field.alpaca-field-upload .template-upload td.error { color: #D84315; word-break: break-all; } .alpaca-field.alpaca-field-address .alpaca-field-address-mapcanvas { height: 250px; } .alpaca-field.alpaca-field-image .alpaca-image-display { margin-top: 1.25rem; } /* ------------------------------------------------------------------------------ * * # Tokenfield for Bootstrap * * Styles for tokenfield.js - Advanced tagging/tokenizing plugin for Bootstrap * * ---------------------------------------------------------------------------- */ .tokenfield { height: auto; border: 0; } .tokenfield::after { display: block; clear: both; content: ""; } .tokenfield.form-control:not(input) { padding: 0; } .tokenfield .token { margin-right: 0.625rem; margin-top: 0.0625rem; margin-bottom: 0.0625rem; cursor: default; float: left; position: relative; border-radius: 100px; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .tokenfield .token { transition: none; } } .tokenfield .token:not([class*=bg-]) { background-color: #eee; color: #333; } .tokenfield .token:not([class*=bg-]):hover, .tokenfield .token:not([class*=bg-]):focus { background-color: #03A9F4; color: #fff; } .tokenfield .token .token-label { display: block; max-width: none !important; padding: 0.5rem 1rem; padding-right: 2.5rem; } .tokenfield .token > .close { font-size: 0; cursor: pointer; position: absolute; top: 50%; color: inherit; right: 1rem; line-height: 1; margin-top: -0.34375rem; transition: opacity ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .tokenfield .token > .close { transition: none; } } .tokenfield .token > .close:after { content: '\ed6a'; font-family: "icomoon"; display: block; font-size: 0.6875rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tokenfield .token > .close:hover { opacity: 1; } .tokenfield .twitter-typeahead { width: auto; } .tokenfield .token-input { direction: ltr; background: none; width: 5.625rem !important; max-width: 50%; min-width: 4rem; padding: 0.5rem 0; margin-top: 0.0625rem; margin-bottom: 0.0625rem; border: 0; outline: 0; } .tokenfield.readonly .token .token-label { padding-right: 1rem; } .tokenfield.readonly .token .close { display: none; } .tokenfield.disabled { cursor: default; } .tokenfield.disabled .token, .tokenfield.disabled .token .close { opacity: 0.5; } .tokenfield.disabled .token:hover, .tokenfield.disabled .token:focus { background-color: #eee; color: #333; } .tokenfield.disabled, .tokenfield.disabled .token-input, .tokenfield.disabled .token, .tokenfield.disabled .token .close { cursor: default; } .input-group-lg .token > .token-label, .input-group-lg .token > span, .tokenfield.form-control-lg .token > .token-label, .tokenfield.form-control-lg .token > span { padding: 0.625rem 1.125rem; padding-right: 2.15625rem; } .input-group-lg .token-input, .tokenfield.form-control-lg .token-input { padding: 0.625rem 0; } .input-group-lg .token > .close, .tokenfield.form-control-lg .token > .close { right: 1.125rem; } .input-group-lg.readonly .token > .token-label, .tokenfield.form-control-lg.readonly .token > .token-label { padding-right: 1.125rem; } .input-group-sm .token > .token-label, .input-group-sm .token > span, .tokenfield.form-control-sm .token > .token-label, .tokenfield.form-control-sm .token > span { padding: 0.375rem 0.875rem; padding-right: 1.90625rem; } .input-group-sm .token-input, .tokenfield.form-control-sm .token-input { padding: 0.375rem 0; } .input-group-sm .token > .close, .tokenfield.form-control-sm .token > .close { right: 0.875rem; } .input-group-sm.readonly .token > .token-label, .tokenfield.form-control-sm.readonly .token > .token-label { padding-right: 0.875rem; } /* ------------------------------------------------------------------------------ * * # Bootstrap tags input * * Styles for tagsinput.js - tags input for Bootstrap * * ---------------------------------------------------------------------------- */ .bootstrap-tagsinput { display: inline-block; vertical-align: middle; width: 100%; } .bootstrap-tagsinput input { direction: ltr; border: 0; outline: 0; background-color: transparent; padding: 0.5rem 0; margin-top: 0.0625rem; margin-bottom: 0.0625rem; width: auto !important; max-width: 50%; min-width: 4rem; box-shadow: none; } .input-group .bootstrap-tagsinput { width: 1%; -ms-flex: 1 1 auto; flex: 1 1 auto; } .bootstrap-tagsinput .twitter-typeahead { width: auto; } .bootstrap-tagsinput .tt-dropdown-menu { margin-top: 0.1875rem; min-width: 11.25rem; } .bootstrap-tagsinput .tag { margin-right: 0.625rem; padding: 0.5rem 1rem; padding-right: 2.5rem; float: left; position: relative; border-radius: 100px; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .bootstrap-tagsinput .tag { transition: none; } } .bootstrap-tagsinput .tag:not([class*=bg-]) { background-color: #eee; color: #333; } .bootstrap-tagsinput .tag:not([class*=bg-]):hover, .bootstrap-tagsinput .tag:not([class*=bg-]):focus { background-color: #03A9F4; color: #fff; } .bootstrap-tagsinput .tag, .bootstrap-tagsinput .tag input { margin-top: 0.0625rem; margin-bottom: 0.0625rem; } .bootstrap-tagsinput .tag [data-role="remove"] { cursor: pointer; position: absolute; top: 50%; right: 1rem; line-height: 1; margin-top: -0.34375rem; opacity: 0.7; transition: opacity ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .bootstrap-tagsinput .tag [data-role="remove"] { transition: none; } } .bootstrap-tagsinput .tag [data-role="remove"]:hover { opacity: 1; } .bootstrap-tagsinput .tag [data-role="remove"]:after { content: '\ed6a'; font-family: "icomoon"; display: block; font-size: 0.6875rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* ------------------------------------------------------------------------------ * * # Touchspin spinners * * Styles for touchspin.min.js - spinner form control library * * ---------------------------------------------------------------------------- */ .bootstrap-touchspin .input-group-btn-vertical { white-space: nowrap; } .bootstrap-touchspin .input-group-btn-vertical > .btn { width: 2.375rem; margin-left: -1px; border-radius: 0; } .bootstrap-touchspin .input-group-btn-vertical i { position: absolute; top: 50%; left: 50%; margin-left: -0.5rem; margin-top: -0.5rem; font-weight: normal; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { border-top-right-radius: 0.075rem; border-bottom-right-radius: 0.075rem; } .bootstrap-touchspin.input-group-lg .input-group-btn-vertical > .btn { width: 2.625rem; } .bootstrap-touchspin.input-group-sm .input-group-btn-vertical > .btn { width: 2.125rem; } /* ------------------------------------------------------------------------------ * * # Bootstrap Duallistbox * * Styles for listbox.js - A responsive dual listbox widget optimized for Bootstrap * * ---------------------------------------------------------------------------- */ .bootstrap-duallistbox-container .box1 { margin-bottom: 1.25rem; } .bootstrap-duallistbox-container select.form-control { border-top-left-radius: 0; border-top-right-radius: 0; } .bootstrap-duallistbox-container option { display: block; padding: 0.5rem 1rem; border-radius: 0.075rem; } .bootstrap-duallistbox-container.moveonselect .move, .bootstrap-duallistbox-container.moveonselect .remove { display: none; } .bootstrap-duallistbox-container.moveonselect .btn-group .moveall, .bootstrap-duallistbox-container.moveonselect .btn-group .removeall { width: 100%; border-top-left-radius: 0.075rem; border-top-right-radius: 0.075rem; border-bottom-right-radius: 0.075rem; border-bottom-left-radius: 0.075rem; } .bootstrap-duallistbox-container.moveonselect .btn-group .moveall, .bootstrap-duallistbox-container.moveonselect .btn-group .remove { border-bottom-left-radius: 0.075rem; } .bootstrap-duallistbox-container.moveonselect .btn-group .move, .bootstrap-duallistbox-container.moveonselect .btn-group .removeall { border-bottom-right-radius: 0.075rem; } .bootstrap-duallistbox-container.moveonselect .btn-group .btn + .btn { border-left-width: 1px; } .bootstrap-duallistbox-container .buttons { width: 100%; margin-bottom: -1px; } .bootstrap-duallistbox-container .clear1, .bootstrap-duallistbox-container .clear2 { display: none; margin-top: 1.25rem; } .bootstrap-duallistbox-container .clear1, .bootstrap-duallistbox-container .clear1:hover, .bootstrap-duallistbox-container .clear1:focus, .bootstrap-duallistbox-container .clear2, .bootstrap-duallistbox-container .clear2:hover, .bootstrap-duallistbox-container .clear2:focus { background-color: transparent; border: 0; color: #2196F3; padding: 0; box-shadow: none; } .bootstrap-duallistbox-container .box1.filtered .clear1, .bootstrap-duallistbox-container .box2.filtered .clear2 { display: inline-block; } .bootstrap-duallistbox-container .move, .bootstrap-duallistbox-container .remove, .bootstrap-duallistbox-container .moveall, .bootstrap-duallistbox-container .removeall { width: 50%; } .bootstrap-duallistbox-container .btn-group .btn { margin: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .bootstrap-duallistbox-container .btn-group .btn + .btn { border-left-width: 0; } .bootstrap-duallistbox-container .btn-group .btn > i { float: none; text-align: center; } .bootstrap-duallistbox-container .btn-group .btn > i + i { margin-left: -1rem; } .bootstrap-duallistbox-container .filter { margin-bottom: 1.25rem; position: relative; } .bootstrap-duallistbox-container .filter.placeholder { color: #999; } .bootstrap-duallistbox-container .info-container .info { display: inline-block; margin-top: 1.25rem; } .bootstrap-duallistbox-container .info-container .info .badge { margin-right: 0.625rem; } .sidebar .bootstrap-duallistbox-container { text-align: center; } .sidebar .bootstrap-duallistbox-container .box1, .sidebar .bootstrap-duallistbox-container .box2 { -ms-flex: auto; flex: auto; width: 100%; max-width: none; } .sidebar .bootstrap-duallistbox-container .box1 { padding-bottom: 0.3125rem; } .sidebar .bootstrap-duallistbox-container .box1:after { content: '\e9c9'; font-size: 1rem; font-family: "icomoon"; display: block; text-align: center; line-height: 1; margin: 0.625rem 0; opacity: 0.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 768px) { .bootstrap-duallistbox-container .box1 { margin-bottom: 0; } .sidebar .bootstrap-duallistbox-container .box1 { margin-bottom: 0; } } /* ------------------------------------------------------------------------------ * * # Steps wizard * * Styles for steps.min.js - An all-in-one wizard plugin that is extremely flexible, compact and feature-rich * * ---------------------------------------------------------------------------- */ .wizard { width: 100%; } .wizard > .steps .current-info, .wizard > .content > .title { display: none; } .wizard > .content { position: relative; width: auto; padding: 0; } .wizard > .content > .body { padding: 0 1.25rem; } .wizard > .content > iframe { border: 0; width: 100%; height: 100%; } .wizard > .steps { position: relative; display: block; width: 100%; } .wizard > .steps > ul { display: table; width: 100%; table-layout: fixed; margin: 0; padding: 0; list-style: none; } .wizard > .steps > ul > li { display: table-cell; width: auto; vertical-align: top; text-align: center; position: relative; } .wizard > .steps > ul > li a { position: relative; padding-top: 3rem; margin-top: 1.25rem; margin-bottom: 1.25rem; display: block; outline: 0; color: #999; } .wizard > .steps > ul > li:before, .wizard > .steps > ul > li:after { content: ''; display: block; position: absolute; top: 2.375rem; width: 50%; height: 2px; background-color: #00BCD4; z-index: 9; } .wizard > .steps > ul > li:before { left: 0; } .wizard > .steps > ul > li:after { right: 0; } .wizard > .steps > ul > li:first-child:before, .wizard > .steps > ul > li:last-child:after { content: none; } .wizard > .steps > ul > li.current:after, .wizard > .steps > ul > li.current ~ li:before, .wizard > .steps > ul > li.current ~ li:after { background-color: #eee; } .wizard > .steps > ul > li.current > a { color: #333; cursor: default; } .wizard > .steps > ul > li.current .number { font-size: 0; border-color: #00BCD4; background-color: #fff; color: #00BCD4; } .wizard > .steps > ul > li.current .number:after { content: '\e913'; font-family: "icomoon"; display: inline-block; font-size: 1rem; line-height: 2.125rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .wizard > .steps > ul > li.current .number:after { transition: none; } } .wizard > .steps > ul > li.disabled a { cursor: default; } .wizard > .steps > ul > li.done a, .wizard > .steps > ul > li.done a:hover, .wizard > .steps > ul > li.done a:focus { color: #999; } .wizard > .steps > ul > li.done .number { font-size: 0; background-color: #00BCD4; border-color: #00BCD4; color: #fff; } .wizard > .steps > ul > li.done .number:after { content: '\ed6f'; font-family: "icomoon"; display: inline-block; font-size: 1rem; line-height: 2.125rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .wizard > .steps > ul > li.done .number:after { transition: none; } } .wizard > .steps > ul > li.error .number { border-color: #F44336; color: #F44336; } .card > .card-header:not([class*=bg-]) > .wizard > .steps > ul { border-top: 1px solid rgba(0, 0, 0, 0.125); } @media (max-width: 991.98px) { .wizard > .steps > ul { margin-bottom: 1.25rem; } .wizard > .steps > ul > li { display: block; float: left; width: 50%; } .wizard > .steps > ul > li > a { margin-bottom: 0; } .wizard > .steps > ul > li:first-child:before, .wizard > .steps > ul > li:last-child:after { content: ''; } .wizard > .steps > ul > li:last-child:after { background-color: #00BCD4; } } @media (max-width: 767.98px) { .wizard > .steps > ul > li { width: 100%; } .wizard > .steps > ul > li.current:after { background-color: #00BCD4; } } .wizard > .steps .number { background-color: #fff; color: #ccc; display: inline-block; position: absolute; top: 0; left: 50%; margin-left: -1.1875rem; border: 2px solid #eee; font-size: 0.875rem; z-index: 10; line-height: 2.125rem; text-align: center; width: 2.375rem; height: 2.375rem; border-radius: 50%; } .wizard > .actions { position: relative; text-align: right; padding: 1.25rem; padding-top: 0; } .wizard > .actions > ul { list-style: none; padding: 0; margin: 0; } .wizard > .actions > ul::after { display: block; clear: both; content: ""; } .wizard > .actions > ul > li { display: inline-block; } .wizard > .actions > ul > li + li { margin-left: 1.25rem; } /* ------------------------------------------------------------------------------ * * # Summernote editor * * Styles for summernote.min.js - super simple WYSIWYG Editor for Bootstrap framework * * ---------------------------------------------------------------------------- */ @font-face { font-family: 'summernote'; font-style: normal; font-weight: normal; src: url("../../../../../../global_assets/css/icons/summernote//summernote.eot?0d0d5fac99cc8774d89eb08b1a8323c4"); src: url("../../../../../../global_assets/css/icons/summernote//summernote.eot?#iefix") format("embedded-opentype"), url("../../../../../../global_assets/css/icons/summernote//summernote.woff?0d0d5fac99cc8774d89eb08b1a8323c4") format("woff"), url("../../../../../../global_assets/css/icons/summernote//summernote.ttf?0d0d5fac99cc8774d89eb08b1a8323c4") format("truetype"); } [class^="note-icon-"]:before, [class*=" note-icon-"]:before { display: inline-block; font-family: 'summernote'; font-style: normal; font-size: inherit; text-decoration: inherit; vertical-align: middle; line-height: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .note-icon-align-center:before { content: "\f101"; } .note-icon-align-indent:before { content: "\f102"; } .note-icon-align-justify:before { content: "\f103"; } .note-icon-align-left:before { content: "\f104"; } .note-icon-align-outdent:before { content: "\f105"; } .note-icon-align-right:before { content: "\f106"; } .note-icon-align:before { content: "\f107"; } .note-icon-arrow-circle-down:before { content: "\f108"; } .note-icon-arrow-circle-left:before { content: "\f109"; } .note-icon-arrow-circle-right:before { content: "\f10a"; } .note-icon-arrow-circle-up:before { content: "\f10b"; } .note-icon-arrows-alt:before { content: "\f10c"; } .note-icon-arrows-h:before { content: "\f10d"; } .note-icon-arrows-v:before { content: "\f10e"; } .note-icon-bold:before { content: "\f10f"; } .note-icon-caret:before { content: "\f110"; } .note-icon-chain-broken:before { content: "\f111"; } .note-icon-circle:before { content: "\f112"; } .note-icon-close:before { content: "\f113"; } .note-icon-code:before { content: "\f114"; } .note-icon-col-after:before { content: "\f115"; } .note-icon-col-before:before { content: "\f116"; } .note-icon-col-remove:before { content: "\f117"; } .note-icon-eraser:before { content: "\f118"; } .note-icon-font:before { content: "\f119"; } .note-icon-frame:before { content: "\f11a"; } .note-icon-italic:before { content: "\f11b"; } .note-icon-link:before { content: "\f11c"; } .note-icon-magic:before { content: "\f11d"; } .note-icon-menu-check:before { content: "\f11e"; } .note-icon-minus:before { content: "\f11f"; } .note-icon-orderedlist:before { content: "\f120"; } .note-icon-pencil:before { content: "\f121"; } .note-icon-picture:before { content: "\f122"; } .note-icon-question:before { content: "\f123"; } .note-icon-redo:before { content: "\f124"; } .note-icon-row-above:before { content: "\f125"; } .note-icon-row-below:before { content: "\f126"; } .note-icon-row-remove:before { content: "\f127"; } .note-icon-special-character:before { content: "\f128"; } .note-icon-square:before { content: "\f129"; } .note-icon-strikethrough:before { content: "\f12a"; } .note-icon-subscript:before { content: "\f12b"; } .note-icon-summernote:before { content: "\f12c"; } .note-icon-superscript:before { content: "\f12d"; } .note-icon-table:before { content: "\f12e"; } .note-icon-text-height:before { content: "\f12f"; } .note-icon-trash:before { content: "\f130"; } .note-icon-underline:before { content: "\f131"; } .note-icon-undo:before { content: "\f132"; } .note-icon-unorderedlist:before { content: "\f133"; } .note-icon-video:before { content: "\f134"; } .note-editor { position: relative; border-width: 1px; } .note-editor .note-dropzone { position: absolute; z-index: 100; display: none; color: #2196F3; background-color: #fff; pointer-events: none; border: 2px dashed #2196F3; opacity: .95; } .note-editor .note-dropzone.hover { color: #2196F3; border: 2px dashed #2196F3; } .note-editor .note-dropzone .note-dropzone-message { display: table-cell; font-size: 1.0625rem; font-weight: 500; text-align: center; vertical-align: middle; } .card .note-editor { border-color: #ddd; box-shadow: none; } .note-editor.dragover .note-dropzone { display: table; } .note-editor .note-form-group:last-child { margin-bottom: 0; } .note-editor .note-group-image-url:last-child { margin-bottom: 0; } .note-editor .modal-title { font-size: 1.0625rem; } .note-editor .dropdown-style pre { background-color: #fff; padding: 0.5rem 1.25rem; } .summernote-borderless ~ .note-editor { border: 0; margin: 0; border-radius: 0; } .note-air-editor { outline: 0; } @-moz-document url-prefix() { .note-image-input { height: auto; } } .note-placeholder { position: absolute; display: none; color: #999; } .note-toolbar:not([class*=bg-]):not([class*=alpha-]) { padding: 1.25rem; padding-top: 0.625rem; margin: 0; } .dropdown-fontname, .dropdown-style { max-height: 20rem; overflow: auto; } .dropdown-style a > p { margin-bottom: 0; } .note-editing-area { position: relative; } .note-editing-area .note-editable { outline: 0; } .note-editing-area .note-editable sup { vertical-align: super; } .note-editing-area .note-editable sub { vertical-align: sub; } .note-editing-area img.note-float-left { margin-right: 0.625rem; } .note-editing-area img.note-float-right { margin-left: 0.625rem; } .note-frame.codeview .note-editing-area .note-editable { display: none; } .note-frame.codeview .note-editing-area .note-codable { display: block; } .note-frame .note-editing-area { overflow: hidden; } .note-frame .note-editing-area .note-editable { padding: 1.25rem; overflow: auto; color: #333; background-color: #fff; min-height: 9.375rem; } .note-frame .note-editing-area .note-editable[contenteditable="false"] { background-color: #eee; } .note-frame .note-editing-area .note-codable { display: none; width: 100%; padding: 1.25rem; margin-bottom: 0; font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; color: #fff; background-color: #333; border: 0; resize: none; box-shadow: none; border-radius: 0; } .note-frame.fullscreen { position: fixed; top: 0; left: 0; z-index: 1080; width: 100% !important; border: 0; border-radius: 0; } .note-frame.fullscreen .note-resizebar { display: none; } .note-frame .note-placeholder { position: absolute; display: none; color: #999; } .note-statusbar { background-color: rgba(0, 0, 0, 0.02); } .note-statusbar .note-resizebar { width: 100%; padding: 2px 0; cursor: ns-resize; border-top: 1px solid #ddd; } .note-statusbar .note-resizebar .note-icon-bar { width: 1.25rem; margin: 1px auto; border-top: 1px solid #ddd; } .note-popover.popover { display: none; max-width: none; } .note-popover.popover .popover-content a { display: inline-block; max-width: 276px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .note-popover.popover .arrow { left: 1.25rem !important; } .note-popover .popover-content { display: -ms-inline-flexbox; display: inline-flex; padding: 0.9375rem 0 0 0.9375rem; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .note-popover .popover-content > span { margin-right: 0.9375rem; margin-bottom: 0.9375rem; } .note-popover .popover-content > .btn-group { margin-right: 0.9375rem; margin-bottom: 0.9375rem; } .note-style h1, .note-style h2, .note-style h3, .note-style h4, .note-style h5, .note-style h6, .note-style blockquote { margin: 0; } .note-hint-popover { min-width: 11.25rem; padding: 0.5rem 0; } .note-hint-popover .popover-content { max-height: 10rem; overflow: auto; } .note-hint-popover .popover-content .note-hint-group .note-hint-item { display: block !important; padding: 0.5rem 1.25rem; color: #333; clear: both; } .note-hint-popover .popover-content .note-hint-group .note-hint-item:hover, .note-hint-popover .popover-content .note-hint-group .note-hint-item:focus { color: #333; background-color: #f5f5f5; text-decoration: none; } .note-hint-popover .popover-content .note-hint-group .note-hint-item.active { color: #fff; text-decoration: none; background-color: #5983fc; } .card-header.note-toolbar > .btn-group { margin-top: 0.625rem; margin-right: 0.9375rem; } .card-header.note-toolbar > .btn-group:last-child { margin-right: 0; } .card-header.note-toolbar .dropdown-menu.note-check a i { display: none; } .card-header.note-toolbar .dropdown-menu.note-check a.checked { color: #fff; background-color: #5983fc; } .card-header.note-toolbar .note-color-palette { line-height: 1; } .card-header.note-toolbar .note-color-palette div .note-color-btn { padding: 0; margin: 0; border: 1px solid #fff; width: 1.25rem; height: 1.25rem; } .card-header.note-toolbar .note-color-palette div .note-color-btn:hover { border-color: #333; } .note-popover .btn-group .note-table, .note-toolbar .btn-group .note-table { min-width: 0; padding: 0.5rem; } .note-popover .btn-group .note-table .note-dimension-picker, .note-toolbar .btn-group .note-table .note-dimension-picker { font-size: 1.125rem; } .note-popover .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher, .note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher { position: absolute !important; z-index: 3; width: 10em; height: 10em; cursor: pointer; } .note-popover .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted, .note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted { position: relative !important; z-index: 1; width: 5em; height: 5em; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat; } .note-popover .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted, .note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted { position: absolute !important; z-index: 2; width: 1em; height: 1em; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat; } .note-popover .btn-group .note-table .note-dimension-display, .note-toolbar .btn-group .note-table .note-dimension-display { text-align: center; margin-top: 0.5rem; } .note-color .note-color-row { font-size: 0; } .note-color .dropdown-menu.show { display: -ms-flexbox; display: flex; } .note-color .dropdown-menu .note-palette { display: inline-block; width: 10rem; margin: 0.5rem 1rem; } .note-color .dropdown-menu .note-palette .note-palette-title { margin-bottom: 0.625rem; font-weight: 500; } .note-color .dropdown-menu .note-palette .note-color-reset { width: 100%; padding: 0.375rem 0.875rem; margin-bottom: 1rem; } .note-para .dropdown-menu { padding: 0.5rem; white-space: nowrap; } .note-para .dropdown-menu > div:first-child { margin-right: 0.625rem; } .note-handle { position: relative; } .note-handle .note-control-selection { position: absolute; display: none; border: 1px solid #333; z-index: 10; } .note-handle .note-control-selection > div { position: absolute; } .note-handle .note-control-selection .note-control-selection-bg { background-color: #333; opacity: 0.3; width: 100%; height: 100%; } .note-handle .note-control-selection .note-control-handle, .note-handle .note-control-selection .note-control-holder, .note-handle .note-control-selection .note-control-sizing { border: 1px solid #333; width: 0.5rem; height: 0.5rem; } .note-handle .note-control-selection .note-control-sizing { background-color: #fff; } .note-handle .note-control-selection .note-control-nw { top: -0.3125rem; left: -0.3125rem; border-right: 0; border-bottom: 0; } .note-handle .note-control-selection .note-control-ne { top: -0.3125rem; right: -0.3125rem; border-bottom: 0; border-left: 0; } .note-handle .note-control-selection .note-control-sw { bottom: -0.3125rem; left: -0.3125rem; border-top: 0; border-right: 0; } .note-handle .note-control-selection .note-control-se { right: -0.3125rem; bottom: -0.3125rem; cursor: se-resize; } .note-handle .note-control-selection .note-control-selection-info { right: 0; bottom: 0; padding: 0.3125rem; margin: 0.3125rem; color: #fff; background-color: #333; opacity: 0.7; border-radius: 0.075rem; } /* ------------------------------------------------------------------------------ * * # Trumbowyg editor * * Styles for trumbowyg.min.js - a lightweight WYSIWYG editor * * ---------------------------------------------------------------------------- */ #trumbowyg-icons { overflow: hidden; visibility: hidden; height: 0; width: 0; } #trumbowyg-icons svg { height: 0; width: 0; } .trumbowyg-box { position: relative; border: 1px solid #ddd; border-radius: 0.075rem; } .trumbowyg-box svg { fill: #333; display: block; margin: 0.12502rem 0; width: 1rem; height: 1rem; } .trumbowyg-box.trumbowyg-fullscreen { background: #fff; border-width: 0; } .trumbowyg-editor { position: relative; } .trumbowyg-editor[contenteditable=true]:empty:not(:focus)::before { content: attr(placeholder); color: #999; pointer-events: none; } .trumbowyg-editor, .trumbowyg-textarea { position: relative; padding: 1.25rem; min-height: 350px; background-color: #fff; width: 100%; border-style: none; resize: none; outline: none; overflow: auto; } .trumbowyg-editor.trumbowyg-autogrow-on-enter, .trumbowyg-textarea.trumbowyg-autogrow-on-enter { transition: height ease-in-out 0.3s; } @media screen and (prefers-reduced-motion: reduce) { .trumbowyg-editor.trumbowyg-autogrow-on-enter, .trumbowyg-textarea.trumbowyg-autogrow-on-enter { transition: none; } } .trumbowyg-box-blur .trumbowyg-editor img, .trumbowyg-box-blur .trumbowyg-editor hr { opacity: 0.2; } .trumbowyg-textarea { position: relative; display: block; overflow: auto; border: 0; white-space: normal; } .trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea { height: 1px !important; width: 25%; min-height: 0 !important; padding: 0 !important; background: none; opacity: 0 !important; } .trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea { display: block; } .trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor { display: none; } .trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea { opacity: 0.8; background-color: transparent; } .trumbowyg-button-pane { width: 100%; background-color: #fafafa; border-bottom: 1px solid #ddd; margin: 0; position: relative; list-style: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 11; border-top-left-radius: 0.075rem; border-top-right-radius: 0.075rem; } .trumbowyg-button-pane .trumbowyg-button-group { display: inline-block; position: relative; } .trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-fullscreen-button svg { color: transparent; } .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) + .trumbowyg-button-group { padding-left: 0; } .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) + .trumbowyg-button-group:before { content: " "; display: inline-block; width: 0; background-color: #eaeaea; position: absolute; left: 0; top: 0; bottom: 0; } .trumbowyg-box:not(.trumbowyg-fullscreen) .trumbowyg-button-pane .trumbowyg-button-group:first-child button { border-radius: 0.075rem 0 0 0; } .trumbowyg-box:not(.trumbowyg-fullscreen) .trumbowyg-button-pane .trumbowyg-button-group:last-child button { border-radius: 0 0.125rem 0 0; } .trumbowyg-button-pane button { display: inline-block; position: relative; padding: 1rem; overflow: hidden; border: none; cursor: pointer; background-color: transparent; vertical-align: middle; transition: background-color ease-in-out 0.15s, opacity ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .trumbowyg-button-pane button { transition: none; } } .trumbowyg-button-pane button.trumbowyg-textual-button { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .trumbowyg-button-pane button:not(.trumbowyg-disable):hover, .trumbowyg-button-pane button:not(.trumbowyg-disable):focus, .trumbowyg-button-pane button.trumbowyg-active { background-color: #eee; outline: 0; } .trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active), .trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button), .trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-active), .trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button) { opacity: 0.2; cursor: default; } .trumbowyg-button-pane .trumbowyg-open-dropdown { padding-right: 2rem; } .trumbowyg-button-pane .trumbowyg-open-dropdown:after { content: " "; display: block; position: absolute; top: 50%; right: 1rem; height: 0; width: 0; margin-top: -0.15em; border: 0.3em solid transparent; border-top-color: #333; } .trumbowyg-button-pane .trumbowyg-right { float: right; } .trumbowyg-dropdown { min-width: 11.25rem; padding: 0.5rem 0; background-color: #fff; border: 0 solid rgba(0, 0, 0, 0.15); border-top: 0; margin-top: 1px; margin-left: 0; z-index: 1000; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); border-bottom-right-radius: 0.075rem; border-bottom-left-radius: 0.075rem; } .trumbowyg-dropdown button { display: block; width: 100%; padding: 0.5rem 1.25rem; color: #333; white-space: nowrap; background: none; border: 0; text-align: inherit; cursor: pointer; transition: background-color ease-in-out 0.15s, color ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .trumbowyg-dropdown button { transition: none; } } .trumbowyg-dropdown button:hover, .trumbowyg-dropdown button:focus { color: #333; text-decoration: none; background-color: #f5f5f5; } .trumbowyg-dropdown button svg { display: inline-block; vertical-align: middle; margin-right: 1.25rem; margin-top: -0.09375rem; } .trumbowyg-modal { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); max-width: 33rem; width: 100%; z-index: 11; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .trumbowyg-modal-box { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); max-width: 30rem; width: calc(100% - 3rem); background-color: #fff; border: 0 solid rgba(0, 0, 0, 0.15); z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-bottom-right-radius: 0.075rem; border-bottom-left-radius: 0.075rem; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .trumbowyg-modal-box .trumbowyg-modal-title { font-size: 0.9375rem; font-weight: 500; padding: 1.25rem; padding-bottom: 0; display: block; } .trumbowyg-modal-box .trumbowyg-progress { width: 100%; height: 0.1875rem; position: absolute; top: 3.125rem; } .trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar { background-color: #4CAF50; width: 0; height: 100%; transition: width linear 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar { transition: none; } } .trumbowyg-modal-box form { padding: 1.25rem; text-align: right; } .trumbowyg-modal-box form > label { display: block; position: relative; margin-bottom: 1.25rem; } .trumbowyg-modal-box form > label .trumbowyg-input-infos { display: block; text-align: left; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .trumbowyg-modal-box form > label .trumbowyg-input-infos { transition: none; } } .trumbowyg-modal-box form > label .trumbowyg-input-infos span { display: block; padding-top: 0.5625rem; padding-bottom: 0.5625rem; line-height: 1.5385; } .trumbowyg-modal-box form > label .trumbowyg-input-infos span.trumbowyg-msg-error { color: #F44336; margin-left: 30%; padding-bottom: 0; } .trumbowyg-modal-box form > label input { padding: 0.5rem 0; font-size: 0.8125rem; line-height: 1.5385; color: #333; border: 1px solid transparent; border-width: 1px 0; border-bottom-color: #ddd; float: right; width: 70%; } .trumbowyg-modal-box form > label input:focus { outline: 0; } .trumbowyg-modal-box form > label.trumbowyg-input-error input, .trumbowyg-modal-box form > label.trumbowyg-input-error textarea { border-color: #F44336; } .trumbowyg-modal-box .error { display: block; color: #F44336; } .trumbowyg-modal-button { color: #fff; display: inline-block; text-decoration: none; background-color: #324148; border: none; cursor: pointer; margin-left: 0.625rem; border: 1px solid transparent; padding: 0.5rem 1rem; font-size: 0.8125rem; line-height: 1.5385; border-radius: 0.075rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .trumbowyg-modal-button { transition: none; } } .trumbowyg-modal-button.trumbowyg-modal-submit { background-color: #66BB6A; } .trumbowyg-modal-button.trumbowyg-modal-submit:hover, .trumbowyg-modal-button.trumbowyg-modal-submit:focus { outline: 0; box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.075) inset; } .trumbowyg-modal-button.trumbowyg-modal-reset { color: #333; background-color: #f5f5f5; border-color: transparent; } .trumbowyg-modal-button.trumbowyg-modal-reset:hover, .trumbowyg-modal-button.trumbowyg-modal-reset:focus { outline: 0; color: #333; background-color: #eee; border-color: transparent; } .trumbowyg-overlay { position: absolute; background-color: rgba(255, 255, 255, 0.5); height: 100%; width: 100%; left: 0; display: none; top: 0; z-index: 10; } body.trumbowyg-body-fullscreen { overflow: hidden; } .trumbowyg-fullscreen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; z-index: 99999; } .trumbowyg-fullscreen.trumbowyg-box, .trumbowyg-fullscreen .trumbowyg-editor { border: 0; border-radius: 0; } .trumbowyg-fullscreen .trumbowyg-editor, .trumbowyg-fullscreen .trumbowyg-textarea { height: calc(100% - 3.125rem) !important; overflow: auto; } .trumbowyg-fullscreen .trumbowyg-overlay { height: 100% !important; } .trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg { color: #333; fill: transparent; } .trumbowyg-dropdown-foreColor, .trumbowyg-dropdown-backColor { padding: 0.5rem; width: 15rem; } .trumbowyg-dropdown-foreColor svg, .trumbowyg-dropdown-backColor svg { display: none !important; } .trumbowyg-dropdown-foreColor button, .trumbowyg-dropdown-backColor button { display: block; position: relative; float: left; text-indent: -9999px; border: 1px solid #fff; padding: 0; width: 1.25rem; height: 1.25rem; transition: -webkit-transform ease-in-out 0.15s; transition: transform ease-in-out 0.15s; transition: transform ease-in-out 0.15s, -webkit-transform ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .trumbowyg-dropdown-foreColor button, .trumbowyg-dropdown-backColor button { transition: none; } } .trumbowyg-dropdown-foreColor button:hover, .trumbowyg-dropdown-foreColor button:focus, .trumbowyg-dropdown-backColor button:hover, .trumbowyg-dropdown-backColor button:focus { -webkit-transform: scale(1.25); transform: scale(1.25); z-index: 10; } /* ------------------------------------------------------------------------------ * * # Ace code editor * * Styles Ace - an embeddable code editor written in JavaScript * * ---------------------------------------------------------------------------- */ .ace_editor { height: 450px; position: relative; } /* ------------------------------------------------------------------------------ * * # Daterange picker * * Date range picker component for Bootstrap * * ---------------------------------------------------------------------------- */ .daterangepicker { position: absolute; left: 0; margin-top: 0.125rem; width: auto; padding: 0; z-index: 1070; } .daterangepicker.dropdown-menu { max-width: none; background-color: transparent; border: 0; box-shadow: none; } .daterangepicker.dropup { margin-top: -0.5rem; } .daterangepicker .ranges, .daterangepicker .calendar { float: left; } .daterangepicker.opensleft .calendars { /*rtl:ignore*/ float: left; } .daterangepicker.opensleft .calendar { /*rtl:ignore*/ margin-right: 0.9375rem; } .daterangepicker.opensright .calendars { /*rtl:ignore*/ float: right; } .daterangepicker.opensright .calendar { /*rtl:ignore*/ margin-left: 0.9375rem; } .daterangepicker.single .calendar { float: none; margin-left: 0; margin-right: 0; } .daterangepicker.single .ranges { display: none; } .daterangepicker.show-calendar .calendar { display: block; } .daterangepicker .calendar { display: none; background-color: #fff; border: 0 solid rgba(0, 0, 0, 0.15); margin: 0.46875rem 0; padding: 0.9375rem; border-radius: 0.075rem; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .daterangepicker table { width: 100%; margin: 0; } .daterangepicker table tbody th, .daterangepicker table tbody td { cursor: pointer; } .daterangepicker th, .daterangepicker td { white-space: nowrap; text-align: center; } .daterangepicker th.week, .daterangepicker td.week { font-size: 80%; color: #999; } .daterangepicker th { color: #999; font-weight: 400; font-size: 0.75rem; } .daterangepicker th > i { top: 0; } .daterangepicker th.prev, .daterangepicker th.next { cursor: pointer; } .daterangepicker th.available:hover, .daterangepicker th.available:focus { color: #333; } .daterangepicker td.available { border-radius: 0.075rem; } .daterangepicker td.available:hover, .daterangepicker td.available:focus { color: #333; background-color: #f5f5f5; } .daterangepicker td.off, .daterangepicker td.disabled { color: #ccc; } .daterangepicker td.disabled { cursor: default; } .daterangepicker td.in-range { color: #333; background-color: #f5f5f5; border-radius: 0; } .daterangepicker td.active, .daterangepicker td.active:hover, .daterangepicker td.active:focus { color: #fff; background-color: #5983fc; border-radius: 0.075rem; } .daterangepicker .table-condensed tr > th, .daterangepicker .table-condensed tr > td { padding: 0.5rem; min-width: 2.25003rem; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .daterangepicker .table-condensed tr > th, .daterangepicker .table-condensed tr > td { transition: none; } } .daterangepicker .table-condensed thead tr:last-child th { padding-top: 0.9375rem; } .daterangepicker .table-condensed .month { font-size: 0.9375rem; color: #333; padding-top: 0.46875rem; padding-bottom: 0.46875rem; font-weight: 500; } .daterangepicker select { display: inline-block; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 3.75rem; padding-left: 0; padding-right: 0; margin-bottom: 0; } .daterangepicker .daterangepicker_input { position: relative; } .daterangepicker .daterangepicker_input i { position: absolute; right: 0; top: auto; bottom: 0.68752rem; color: #999; } .daterangepicker .daterangepicker_input input { padding-left: 0; padding-right: 1.5rem; } .daterangepicker .calendar-time { text-align: center; margin: 0.5rem 0; } .daterangepicker .calendar-time select.disabled { color: #999; cursor: default; } .ranges { background-color: #fff; position: relative; margin-top: 0.46875rem; border: 0 solid rgba(0, 0, 0, 0.15); min-width: 13rem; border-radius: 0.075rem; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .ranges ul { list-style: none; margin: 0; padding: 0.5rem 0; } .ranges ul + .daterangepicker-inputs { border-top: 1px solid #ddd; } .ranges ul li { color: #333; padding: 0.5rem 1.25rem; cursor: pointer; margin-top: 1px; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .ranges ul li { transition: none; } } .ranges ul li:first-child { margin-top: 0; } .ranges ul li:hover, .ranges ul li:focus { color: #333; background-color: #f5f5f5; } .ranges ul li.active { color: #fff; background-color: #5983fc; } .ranges .daterangepicker-inputs { padding: 0.9375rem; padding-top: 1.1875rem; } .ranges .daterangepicker-inputs .daterangepicker_input + .daterangepicker_input { margin-top: 1.1875rem; } .ranges .daterangepicker-inputs .daterangepicker_input > span { display: block; color: #999; } .ranges .range_inputs { padding: 0.9375rem; padding-top: 0; } .ranges .range_inputs .btn { display: block; width: 100%; } .ranges .range_inputs .btn + .btn { margin-top: 0.9375rem; } .ranges ul + .daterangepicker-inputs { padding-left: 1.25rem; padding-right: 1.25rem; } @media (min-width: 576px) { .ranges { margin-top: 0.46875rem; margin-bottom: 0.46875rem; } } .daterange-custom { cursor: pointer; } .daterange-custom-display { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; position: relative; padding-left: 1.5rem; height: 2.69238rem; } .daterange-custom-display:after { content: '\e9c1'; font-family: "icomoon"; display: block; font-size: 1rem; position: absolute; top: 50%; left: 0; margin-top: -0.5rem; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .daterange-custom-display > i { display: block; font-size: 1.875rem; font-weight: normal; font-style: normal; letter-spacing: -0.015em; } .daterange-custom-display b { margin-left: 0.5rem; font-weight: 400; text-align: center; } .daterange-custom-display b > i { font-size: 0.6875rem; display: block; line-height: 0.75rem; text-transform: uppercase; font-style: normal; font-weight: 400; } .daterange-custom-display em { margin: 0 0.5rem; } @media (max-width: 767.98px) { .opensleft, .opensright { left: 0 !important; right: 0; } .opensleft .calendars, .opensright .calendars { float: none; } .daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar, .daterangepicker.opensleft .calendars, .daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar, .daterangepicker.opensright .calendars { float: none; } .daterangepicker { width: 100%; padding-left: 1.25rem; padding-right: 1.25rem; } .daterangepicker .calendar { margin-left: 0; margin-right: 0; } .daterangepicker .ranges { width: 100%; } } /* ------------------------------------------------------------------------------ * * # Pick-a-date - Picker base * * The mobile-friendly, responsive, and lightweight jQuery date & time input picker * * ---------------------------------------------------------------------------- */ .picker { width: 100%; text-align: left; position: absolute; top: 100%; margin-top: 0; z-index: 1070; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .picker__input { cursor: default; } .picker__holder { width: 100%; overflow-y: auto; position: absolute; display: none; background-color: #fff; border: 0 solid rgba(0, 0, 0, 0.15); border-top-width: 0; border-bottom-width: 0; max-width: 18.13rem; outline: 0; -webkit-overflow-scrolling: touch; border-bottom-right-radius: 0.075rem; border-bottom-left-radius: 0.075rem; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .picker--opened .picker__holder { max-height: 480px; border-top-width: 0; border-bottom-width: 0; display: block; } /* ------------------------------------------------------------------------------ * * # Pick-a-date - Date picker * * The mobile-friendly, responsive, and lightweight jQuery date & time input picker * * ---------------------------------------------------------------------------- */ .picker__box { padding: 0.9375rem; } .picker__header { text-align: center; position: relative; font-size: 0.9375rem; line-height: 1; padding-top: 0.9375rem; padding-bottom: 0.9375rem; } .picker__month, .picker__year { font-weight: 500; display: inline-block; margin-left: 0.3125rem; margin-right: 0.3125rem; } .picker__year { color: #999; font-size: 0.75rem; font-weight: normal; } .picker__select--month, .picker__select--year { border-color: #ddd; height: 2.37503rem; font-size: 0.8125rem; line-height: 1.5385; margin-left: 0.3125rem; margin-right: 0.3125rem; outline: 0; white-space: nowrap; } .picker__nav--prev, .picker__nav--next { position: absolute; padding: 0.5rem; top: 50%; margin-top: -1rem; line-height: 1; border-radius: 0.075rem; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .picker__nav--prev, .picker__nav--next { transition: none; } } .picker__nav--prev:before, .picker__nav--next:before { font-family: "icomoon"; display: block; font-size: 1rem; width: 1rem; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .picker__nav--prev:hover, .picker__nav--next:hover { cursor: pointer; color: #333; background-color: #f5f5f5; } .picker__nav--prev { left: 0; } .picker__nav--prev:before { content: '\e9c8'; } .picker__nav--next { right: 0; } .picker__nav--next:before { content: '\e9cb'; } .picker__nav--disabled, .picker__nav--disabled:hover, .picker__nav--disabled:before, .picker__nav--disabled:before:hover { cursor: default; background-color: transparent; } .picker__table { text-align: center; border-collapse: collapse; border-spacing: 0; table-layout: fixed; font-size: inherit; width: 100%; margin-bottom: 0.9375rem; } .picker__table td { margin: 0; padding: 0; } .picker__weekday { width: 14.285714286%; text-align: center; padding-bottom: 0.46875rem; padding-top: 0.9375rem; color: #999; font-weight: 400; } .picker__day { padding: 0.5rem; min-width: 2.25003rem; border-radius: 0.075rem; } .picker__day--today { position: relative; background-color: #f5f5f5; } .picker__day--today:before { content: ""; position: absolute; top: 0.125rem; right: 0.125rem; width: 0; height: 0; border-top: 0.375rem solid #5983fc; border-left: 0.375rem solid transparent; } .picker__day--outfocus { color: #ccc; } .picker__day--infocus, .picker__day--outfocus { transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .picker__day--infocus, .picker__day--outfocus { transition: none; } } .picker__day--infocus:hover, .picker__day--outfocus:hover { cursor: pointer; color: #333; background-color: #f5f5f5; } .picker__day--highlighted:before { border-top-color: #fff; } .picker__day--highlighted, .picker__day--highlighted:hover, .picker--focused .picker__day--highlighted { cursor: pointer; color: #fff; background-color: #5983fc; } .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected { background-color: #5983fc; color: #fff; } .picker__day--disabled, .picker__day--disabled:hover { background-color: transparent; color: #999; cursor: default; } .picker__day--disabled:before { border-top-color: #999; } .picker__day--highlighted .picker__day--disabled, .picker__day--highlighted .picker__day--disabled:hover { background-color: transparent; } .picker__footer { text-align: center; } .picker__footer button { border: 0; padding: 0.5rem 1rem; font-weight: 500; cursor: pointer; display: inline-block; border-radius: 0.075rem; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .picker__footer button { transition: none; } } .picker__footer button:hover, .picker__footer button:focus { outline: 0; color: #333; background-color: #f5f5f5; } .picker__footer button:before { height: 0; } .picker__footer button:disabled, .picker__footer button:disabled:hover, .picker__footer button:disabled:focus { background-color: transparent; color: #999; cursor: default; } .picker__button--today:before { content: ''; margin-right: 0.625rem; position: relative; display: inline-block; top: -0.0625rem; width: 0; border-top: 0.375rem solid #2196F3; border-left: 0.375rem solid transparent; } .picker__button--close:before { content: '\D7'; display: inline-block; position: relative; margin-right: 0.625rem; top: 0.0625rem; line-height: 1; font-size: 1rem; } .picker__button--clear:before { content: ''; display: inline-block; position: relative; top: -0.1875rem; width: 0.5rem; margin-right: 0.625rem; border-top: 0.125rem solid #F44336; } /* ------------------------------------------------------------------------------ * * # Pick-a-date - Time picker * * The mobile-friendly, responsive, and lightweight jQuery date & time input picker * * ---------------------------------------------------------------------------- */ .picker--time { min-width: 16rem; max-width: 20rem; } .picker--time .picker__box { padding: 0; } .picker__list { list-style: none; padding: 0.5rem 0; margin: 0; max-height: 250px; overflow-y: auto; } .picker__list-item { position: relative; padding: 0.5rem 1.25rem; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .picker__list-item { transition: none; } } .picker__list-item:hover, .picker__list-item:focus { cursor: pointer; color: #333; background-color: #f5f5f5; z-index: 10; } .picker--time .picker__button--clear { display: block; width: 100%; margin: 0; padding: 0.5rem 1rem; background-color: #fafafa; outline: 0; border: 0; border-top: 1px solid #ddd; text-align: center; cursor: pointer; margin-bottom: -0.5rem; margin-top: 0.5rem; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .picker--time .picker__button--clear { transition: none; } } .picker--time .picker__button--clear:hover, .picker--time .picker__button--clear:focus { background-color: #f5f5f5; } .picker__list-item--highlighted { z-index: 10; } .picker__list-item--highlighted, .picker__list-item--highlighted:hover, .picker--focused .picker__list-item--highlighted { cursor: pointer; color: #333; background-color: #f5f5f5; } .picker__list-item--selected, .picker__list-item--selected:hover, .picker--focused .picker__list-item--selected { color: #fff; background-color: #5983fc; z-index: 10; } .picker__list-item--disabled, .picker__list-item--disabled:hover, .picker--focused .picker__list-item--disabled { color: #999; background-color: transparent; cursor: default; z-index: auto; } /* ------------------------------------------------------------------------------ * * # Anytime picker * * jQuery datepicker/timepicker and a Date/String parse/format utility * * ---------------------------------------------------------------------------- */ .AnyTime-pkr { text-align: center; } .AnyTime-pkr * { margin: 0; padding: 0; list-style: none; } .AnyTime-pkr .AnyTime-date { float: left; } .AnyTime-pkr .AnyTime-date + .AnyTime-time { margin-left: 3.125rem; float: left; } .AnyTime-win { padding: 0.9375rem; background-color: #fff; border: 0 solid rgba(0, 0, 0, 0.15); display: inline-block; z-index: 1070; border-radius: 0.075rem; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .AnyTime-cloak { position: absolute; opacity: 0.7; } .AnyTime-hdr { font-size: 0.9375rem; margin: 0.9375rem; line-height: 1; } .AnyTime-x-btn { display: none; font-size: 0; cursor: pointer; float: right; opacity: 0.6; border-radius: 0.075rem; } .AnyTime-x-btn:hover { opacity: 1; } .AnyTime-x-btn:after { content: '\ed6b'; font-family: "icomoon"; font-size: 1rem; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .AnyTime-lbl { font-size: 0.8125rem; margin-bottom: 0.625rem; font-weight: 500; margin-top: 1.25rem; } .AnyTime-lbl:first-child { margin-top: 0.5rem; } .AnyTime-yrs .AnyTime-cur-btn, .AnyTime-yrs .AnyTime-cur-btn:hover { background-color: #F44336; color: #fff; } .AnyTime-mons .AnyTime-cur-btn, .AnyTime-mons .AnyTime-cur-btn:hover { background-color: #5983fc; color: #fff; } .AnyTime-time .AnyTime-cur-btn, .AnyTime-time .AnyTime-cur-btn:hover { background-color: #607D8B; color: #fff; } .AnyTime-dom-table .AnyTime-cur-btn, .AnyTime-dom-table .AnyTime-cur-btn:hover, .AnyTime-body-yr-selector .AnyTime-cur-btn, .AnyTime-body-yr-selector .AnyTime-cur-btn:hover { background-color: #5983fc; color: #fff; } .AnyTime-yrs-past-btn, .AnyTime-yrs-ahead-btn { display: inline-block; } .AnyTime-yr-prior-btn, .AnyTime-yr-cur-btn, .AnyTime-yr-next-btn { display: inline-block; min-width: 3rem; } .AnyTime-mons::after { display: block; clear: both; content: ""; } .AnyTime-dom-table { width: 100%; } .AnyTime-pkr th.AnyTime-dow { color: #999; padding: 0.5rem; font-weight: 400; } .AnyTime-mon-btn { float: left; width: 16.66667%; } .AnyTime-mon7-btn { clear: left; } .AnyTime-time, .AnyTime-hrs-am, .AnyTime-hrs-pm, .AnyTime-mins-tens, .AnyTime-mins-ones, .AnyTime-secs-tens, .AnyTime-secs-ones, .AnyTime-hrs, .AnyTime-mins, .AnyTime-secs, .AnyTime-offs { display: inline-block; } .AnyTime-btn { padding: 0.5rem; cursor: pointer; border-radius: 0.075rem; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .AnyTime-btn { transition: none; } } .AnyTime-btn:hover { color: #333; background-color: #f5f5f5; } .AnyTime-btn.ui-state-disabled { cursor: default; color: #999; background-color: transparent; } .AnyTime-hr-btn, .AnyTime-min-ten-btn, .AnyTime-min-one-btn, .AnyTime-sec-ten-btn, .AnyTime-sec-one-btn { min-width: 2.5rem; } .AnyTime-hrs-pm, .AnyTime-mins-ones, .AnyTime-secs-ones { margin-left: 0.125rem; } .AnyTime-mins-tens, .AnyTime-secs-tens { margin-left: 1.25rem; } .AnyTime-off-cur-btn { display: inline-block; overflow: hidden; } .AnyTime-off-select-btn { display: inline-block; vertical-align: top; } .AnyTime-off-selector { margin: 0.625rem; position: absolute; } .AnyTime-body-off-selector { margin: 0; overflow-x: hidden; overflow-y: auto; white-space: nowrap; } .AnyTime-off-off-btn { text-align: left; } .AnyTime-yr-selector { position: absolute; width: 90%; } .AnyTime-body-yr-selector { margin: 0; } .AnyTime-yr-mil, .AnyTime-yr-cent, .AnyTime-yr-dec, .AnyTime-yr-yr, .AnyTime-yr-era { display: inline-block; vertical-align: top; width: 20%; } @media (max-width: 575.98px) { .AnyTime-pkr .AnyTime-date { float: none; } .AnyTime-mon-btn { float: none; display: inline-block; } .AnyTime-date + .AnyTime-time { margin-left: 0; margin-top: 1.25rem; float: none; } } /* ------------------------------------------------------------------------------ * * # Spectrum color picker * * Flexible and powerful jQuery colorpicker library * * ---------------------------------------------------------------------------- */ .sp-sat, .sp-val, .sp-top-inner, .sp-color, .sp-hue, .sp-clear-enabled .sp-clear, .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .sp-container.sp-input-disabled .sp-input-container, .sp-container.sp-buttons-disabled .sp-button-container, .sp-container.sp-palette-buttons-disabled .sp-palette-button-container, .sp-palette-only .sp-picker-container, .sp-palette-disabled .sp-palette-container, .sp-initial-disabled .sp-initial { display: none; } .sp-hidden { display: none !important; } .sp-cf::after { display: block; clear: both; content: ""; } .sp-preview, .sp-alpha, .sp-thumb-el { position: relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { display: block; } .sp-container { position: absolute; top: 0; /*rtl:ignore*/ left: 0; display: inline-block; z-index: 1000; background-color: #fff; border: 0 solid rgba(0, 0, 0, 0.15); overflow: hidden; box-sizing: content-box; border-radius: 0.075rem; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .sp-container.sp-flat { position: relative; overflow-x: auto; max-width: 100%; white-space: nowrap; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .sp-picker-container, .sp-palette-container { display: block; white-space: nowrap; vertical-align: top; position: relative; padding: 0.625rem; } @media (min-width: 576px) { .sp-picker-container, .sp-palette-container { display: inline-block; } } .sp-picker-container { width: 13.75rem; } .sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .sp-top { position: relative; width: 100%; display: block; } .sp-color { right: 20%; } .sp-hue { left: 85%; height: 100%; } .sp-clear-enabled .sp-hue { top: 2.5rem; height: 75%; } .sp-fill { padding-top: 80%; } .sp-alpha-enabled .sp-top { margin-bottom: 1.625rem; } .sp-alpha-enabled .sp-alpha { display: block; } .sp-alpha-handle { position: absolute; top: -0.25rem; bottom: -0.25rem; width: 0.3125rem; /*rtl:ignore*/ left: 50%; cursor: pointer; border: 1px solid #ccc; background-color: #fff; border-radius: 0.25rem; } .sp-alpha { display: none; position: absolute; bottom: -1rem; right: 0; left: 0; height: 0.375rem; } .sp-clear { display: none; } .sp-clear-display { cursor: pointer; } .sp-clear-display:after { content: '\ee6e'; display: block; font-family: "icomoon"; font-size: 1rem; line-height: 1.875rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sp-preview .sp-clear-display:after, .sp-initial .sp-clear-display:after { content: none; } .sp-clear-enabled .sp-clear { display: block; left: 85%; height: 1.875rem; text-align: center; color: #999; box-shadow: 0 0 0 1px #ddd inset; } .sp-input-container { margin-top: 0.625rem; } .sp-initial-disabled .sp-input-container { width: 100%; } .sp-input { border: 1px solid transparent; border-width: 1px; border-bottom-color: #ddd; padding: 0.5rem 0; width: 100%; outline: 0; color: #333; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .sp-input { transition: none; } } .sp-input:focus { border-bottom-color: #3e60c1; box-shadow: 0 1px 0 #3e60c1; } .sp-initial { margin-top: 0.625rem; } .sp-initial span { width: 50%; height: 1.563rem; display: block; float: left; } .sp-initial span .sp-thumb-inner { height: 1.563rem; width: 100%; display: block; } .sp-dragger { border: 1px solid #fff; background-color: #333; cursor: pointer; position: absolute; top: 0; /*rtl:ignore*/ left: 0; border-radius: 50%; width: 0.375rem; height: 0.375rem; } .sp-slider { position: absolute; top: 0; cursor: pointer; height: 0.25rem; left: -0.125rem; right: -0.125rem; border: 1px solid #ccc; background-color: #fff; border-radius: 0.075rem; } .sp-replacer { overflow: hidden; cursor: pointer; padding: 0.375rem; display: inline-block; border: 1px solid #ddd; background-color: transparent; color: #999; vertical-align: middle; border-radius: 0.075rem; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .sp-replacer { transition: none; } } .sp-replacer[class*=bg-], .sp-replacer[class*=bg-]:hover, .sp-replacer[class*=bg-]:focus { border-color: transparent; } .sp-replacer.sp-disabled { cursor: default; opacity: 0.8; } .sp-replacer.sp-disabled:hover, .sp-replacer.sp-disabled:focus { background-color: transparent; color: #999; } .sp-preview { position: relative; width: 1.625rem; height: 1.5rem; margin-right: 0.3125rem; float: left; z-index: 0; } .sp-preview, .sp-preview .sp-preview-inner { border-radius: 0.075rem; } .sp-preview .sp-preview-inner, .sp-preview .sp-clear-display { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } .sp-replacer[class*=bg-] .sp-preview .sp-preview-inner { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); } .sp-dd { float: left; font-size: 0; position: relative; margin: 0.25rem; } .sp-dd:after { content: '\e9c5'; display: block; font-family: "icomoon"; font-size: 1rem; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*rtl:begin:ignore*/ .sp-sat { background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); box-shadow: 0 0 0 1px #ccc inset; } .sp-val { background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); } .sp-hue { background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); } /*rtl:end:ignore*/ /*rtl:begin:ignore*/ .sp-1 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); } .sp-2 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); } .sp-3 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); } .sp-4 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); } .sp-5 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); } .sp-6 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); } /*rtl:end:ignore*/ .sp-palette { max-width: 13.75rem; } .sp-thumb-el { position: relative; } .sp-palette .sp-thumb-el { display: inline-block; position: relative; cursor: pointer; } .sp-thumb-el .sp-thumb-inner { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; } .sp-thumb-el .sp-thumb-inner:hover { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset; } .sp-palette .sp-thumb-el { width: 1rem; height: 1rem; } .sp-palette .sp-thumb-el + .sp-thumb-el { margin-left: 0.3125rem; } .sp-palette .sp-thumb-el.sp-thumb-active { box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1) inset; } .sp-palette .sp-thumb-el.sp-thumb-active .sp-thumb-inner { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset; } .sp-palette .sp-thumb-active.sp-thumb-dark .sp-thumb-inner:after, .sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after { content: '\e600'; display: block; font-family: "icomoon"; font-size: 1rem; line-height: 1; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sp-palette .sp-thumb-active.sp-thumb-light .sp-thumb-inner:after { color: #333; } .sp-palette-row { font-size: 0; } .sp-palette-row + .sp-palette-row { margin-top: 0.3125rem; } .sp-palette-row:empty { margin-top: 0; } .sp-cancel, .sp-choose, .sp-palette-toggle { border: 0; padding: 0.5rem 1rem; float: left; width: 48%; text-align: center; cursor: pointer; border-radius: 0.075rem; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .sp-cancel, .sp-choose, .sp-palette-toggle { transition: none; } } .sp-cancel:focus, .sp-choose:focus, .sp-palette-toggle:focus { outline: 0; } .sp-palette-button-container, .sp-button-container { margin-top: 0.625rem; text-align: center; } .sp-container[class*=bg-] .sp-palette-button-container a, .sp-container[class*=bg-] .sp-palette-button-container button, .sp-container[class*=bg-] .sp-button-container a, .sp-container[class*=bg-] .sp-button-container button { background-color: rgba(0, 0, 0, 0.25); color: #fff; border-color: transparent; } .sp-container[class*=bg-] .sp-palette-button-container .sp-cancel:hover, .sp-container[class*=bg-] .sp-palette-button-container .sp-cancel:focus, .sp-container[class*=bg-] .sp-palette-button-container .sp-palette-toggle:hover, .sp-container[class*=bg-] .sp-palette-button-container .sp-palette-toggle:focus, .sp-container[class*=bg-] .sp-button-container .sp-cancel:hover, .sp-container[class*=bg-] .sp-button-container .sp-cancel:focus, .sp-container[class*=bg-] .sp-button-container .sp-palette-toggle:hover, .sp-container[class*=bg-] .sp-button-container .sp-palette-toggle:focus { box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.075) inset; } .sp-cancel, .sp-palette-toggle { border: 1px solid transparent; } .sp-cancel:hover, .sp-cancel:focus, .sp-palette-toggle:hover, .sp-palette-toggle:focus { color: #333; background-color: #eee; border-color: transparent; } .sp-choose { border: 1px solid transparent; } .sp-choose:hover, .sp-choose:focus { box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.075) inset; } .sp-cancel, .sp-palette-toggle { color: #333; margin-right: 0.3125rem; background-color: #f5f5f5; margin-right: 4%; border-color: transparent; } .sp-cancel:hover, .sp-cancel:focus, .sp-palette-toggle:hover, .sp-palette-toggle:focus { color: #333; } .sp-palette-toggle { margin-right: 0; width: auto; float: none; } .sp-choose { color: #fff; background-color: #607D8B; } /* ------------------------------------------------------------------------------ * * # Plupload multiple file uploader * * Styles for plupload.min.js - multi runtime single and multiple file uploader * * ---------------------------------------------------------------------------- */ .plupload_wrapper { background-color: #fff; border: 2px dashed #ddd; border-radius: 0.075rem; } .plupload_header:after, .plupload_filelist:empty:before, .plupload_filelist li.plupload_droptext:before, .plupload_file_action:after, .plupload_delete a:after, .plupload_failed a:after, .plupload_done a:after { font-family: "icomoon"; display: block; font-size: 1rem; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .plupload_header { display: none; position: relative; background-color: #37474F; color: #fff; margin: -4px -2px; border-top-left-radius: 0.075rem; border-top-right-radius: 0.075rem; } .plupload_header:after { content: '\ec78'; font-size: 2rem; position: absolute; top: 50%; left: 1.25rem; margin-top: -1rem; } .plupload_header_content { padding: 0.9375rem 1.25rem; padding-left: 4.5rem; } .plupload_header_title { font-size: 0.9375rem; font-weight: 500; } .plupload_header_text { font-size: 0.75rem; line-height: 1.6667; } .plupload_clear, .plupload_clearer { clear: both; } .plupload_clearer, .plupload_progress_bar { display: block; font-size: 0; line-height: 0; } .plupload_button { display: -ms-inline-flexbox; display: inline-flex; border: 1px solid transparent; font-weight: 500; text-transform: uppercase; padding: 0.5rem 1rem; font-size: 0.8125rem; line-height: 1.5385; border-radius: 0.075rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .plupload_button { transition: none; } } .plupload_button:not(:last-child) { margin-right: 0.625rem; } .plupload_add { color: #333; background-color: #f5f5f5; border-color: transparent; } .plupload_add:hover { color: #333; background-color: #eee; border-color: transparent; } .plupload_start { color: #fff; background-color: #2196F3; border-color: #2196F3; } .plupload_start:hover { color: #fff; box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.075) inset; } a.plupload_disabled { cursor: default; opacity: 0.65; pointer-events: none; } a.plupload_disabled:hover { box-shadow: none; } .plupload_filelist { position: relative; margin: 0; padding: 0; list-style: none; } .plupload_scroll .plupload_filelist { height: 250px; overflow-y: auto; } .plupload_filelist li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0.5rem 1.25rem; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .plupload_filelist li { transition: none; } } .plupload_filelist li:hover { background-color: #f5f5f5; } .plupload_filelist li .plupload_file_name { margin-right: auto; } .plupload_filelist li .plupload_file_action { -ms-flex-order: 12; order: 12; } .plupload_filelist li .plupload_file_status { -ms-flex-order: 11; order: 11; } .plupload_filelist li .plupload_file_size { -ms-flex-order: 10; order: 10; } .plupload_filelist:empty, .plupload_filelist li.plupload_droptext { background-color: transparent; font-size: 0; } .plupload_filelist:empty:before, .plupload_filelist li.plupload_droptext:before { content: '\ea0e'; font-size: 5rem; position: absolute; top: 50%; left: 50%; margin-top: -1.25rem; z-index: 2; color: #ccc; text-indent: 0; font-weight: normal; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .plupload_filelist:empty:after, .plupload_filelist li.plupload_droptext:after { content: 'Drag files to upload'; font-size: 1.0625rem; position: absolute; top: 50%; left: 50%; margin-top: 3.75rem; color: #777; text-indent: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .plupload_filelist:empty:after { content: 'Add files to upload'; } @media (max-width: 767.98px) { .plupload_filelist { padding: 0.625rem 0; } .plupload_filelist li .plupload_file_size { display: none; } } .plupload_filelist_header { padding: 0.9375rem 1.25rem; } .plupload_filelist_header .plupload_file_name, .plupload_filelist_header .plupload_file_size, .plupload_filelist_header .plupload_file_status, .plupload_filelist_header .plupload_file_action { font-weight: 500; } @media (max-width: 767.98px) { .plupload_filelist_header { display: none; } } .plupload_filelist_footer { padding: 0.9375rem 1.25rem; } .plupload_filelist_footer .plupload_file_size, .plupload_filelist_footer .plupload_file_status, .plupload_filelist_footer .plupload_upload_status { padding: 0.5rem 0; font-weight: 500; } @media (max-width: 767.98px) { .plupload_filelist_footer { text-align: center; } .plupload_filelist_footer .plupload_file_action, .plupload_filelist_footer .plupload_file_status, .plupload_filelist_footer .plupload_file_size { display: none; } .plupload_filelist_footer .plupload_progress { margin: auto; } } @media (min-width: 576px) { .plupload_filelist_header, .plupload_filelist_footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .plupload_filelist_header .plupload_file_name, .plupload_filelist_footer .plupload_file_name { margin-right: auto; } .plupload_filelist_header .plupload_file_action, .plupload_filelist_footer .plupload_file_action { -ms-flex-order: 12; order: 12; } .plupload_filelist_header .plupload_file_status, .plupload_filelist_footer .plupload_file_status { -ms-flex-order: 11; order: 11; } .plupload_filelist_header .plupload_file_size, .plupload_filelist_footer .plupload_file_size { -ms-flex-order: 10; order: 10; } } .plupload_file_action { margin-left: 1.875rem; line-height: 1; font-size: 0; text-align: right; } .plupload_file_action * { display: none; } .plupload_file_action:after { content: '\ec67'; } .plupload_filelist .plupload_file_action:after { content: none; } .plupload_delete .plupload_file_action > a { color: #333; line-height: 1; opacity: 0.5; transition: opacity ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .plupload_delete .plupload_file_action > a { transition: none; } } .plupload_delete .plupload_file_action > a:hover { opacity: 1; } .plupload_uploading { background-color: #E8F5E9; } .plupload_delete a:after { content: '\ed6b'; } .plupload_failed a { color: #F44336; cursor: default; } .plupload_failed a:after { content: '\e9cf'; } .plupload_done { color: #999; } .plupload_done a { color: #4CAF50; cursor: default; } .plupload_done a:after { content: '\e9db'; } .plupload_progress, .plupload_upload_status { display: none; } .plupload_progress_container { background-color: rgba(0, 0, 0, 0.1); border-radius: 0.075rem; } .plupload_progress_bar { width: 0; height: 0.25rem; background: #4CAF50; border-radius: 0.075rem; } .plupload_file_size, .plupload_file_status, .plupload_progress { width: 5rem; text-align: right; } /* ------------------------------------------------------------------------------ * * # Bootstrap file input * * Styles for fileinput.min.js - an enhanced HTML 5 file input for Bootstrap * * ---------------------------------------------------------------------------- */ .btn-file { position: relative; overflow: hidden; } .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; text-align: right; opacity: 0; background: none repeat scroll 0 0 transparent; cursor: inherit; display: block; visibility: visible; } .file-caption:focus { border-bottom-color: #3e60c1; box-shadow: 0 1px 0 #3e60c1; } .file-caption-name { display: inline-block; overflow: hidden; word-break: break-all; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; width: 100%; margin: 0; padding: 0; box-shadow: none; border: 0; background: none; outline: 0; pointer-events: none; } .file-input-new .file-caption-name, .file-input-ajax-new .file-caption-name { color: #999; } .file-error-message { position: relative; background-color: #FFEBEE; color: #C62828; text-align: center; padding: 0.5rem 1rem; margin: 0.5rem; margin-top: 0; border-radius: 0.075rem; } .file-drop-zone .file-error-message { margin-top: 0.5rem; } .file-error-message .close { color: #C62828; } .file-error-message pre { background-color: #fff; margin-top: 0.5rem; text-align: left; } .file-error-message ul { list-style: none; padding: 0; margin: 0; } .file-caption-disabled { cursor: default; border-bottom-style: dashed; } .file-caption-disabled:focus { border-bottom-color: #ddd; box-shadow: none; } .file-preview-detail-modal { text-align: left; } .file-preview { border: 1px solid #ddd; width: 100%; margin-bottom: 1.25rem; position: relative; text-align: center; border-radius: 0.075rem; } .file-preview .close { font-size: 1.25003rem; font-weight: 400; position: absolute; top: 0; right: 0; padding: 0.5rem; line-height: 1; color: #333; text-shadow: none; opacity: 0.75; border-radius: 0.075rem; } .file-preview .close:hover, .file-preview .close:focus { color: #333; text-decoration: none; opacity: 1; } .file-preview-thumbnails { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } @media (max-width: 767.98px) { .file-preview-thumbnails { -ms-flex-pack: center; justify-content: center; } } .file-preview-frame { margin: 0.5rem; margin-right: 0; border: 1px solid #ddd; background-color: #fff; border-radius: 0.075rem; } .file-preview-frame .kv-file-content { position: relative; height: 10rem; } .file-preview-image { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; } .file-thumbnail-footer { position: relative; background-color: #fafafa; border-top: 1px solid #ddd; } .file-preview-text { color: #2196F3; border: 0; overflow-x: hidden; } .file-preview-other { width: 10rem; } .file-preview-other:after { content: '\ea0c'; font-family: "icomoon"; line-height: 1; position: absolute; top: 50%; left: 50%; font-size: 4rem; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .file-preview-status { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #fafafa; border-top: 1px solid #ddd; font-size: 0.75rem; line-height: 1.6667; padding: 0.5rem 1rem; z-index: 1070; border-bottom-right-radius: 0.075rem; border-bottom-left-radius: 0.075rem; } .file-preview-status:empty { padding: 0; background-color: transparent; border: 0; } .file-thumb-loading { min-height: 6.75003rem; } .file-thumb-loading:before, .file-uploading:before { content: ''; display: inline-block; background-color: #263238; position: absolute; top: 50%; left: 50%; z-index: 1069; margin-top: -2.12502rem; margin-left: -1rem; width: 2rem; height: 2rem; border-radius: 0.075rem; } .file-thumb-loading:after, .file-uploading:after { content: '\eb55'; font-family: "icomoon"; display: inline-block; position: absolute; color: #fff; top: 50%; left: 50%; margin-top: -1.62502rem; margin-left: -0.5rem; font-size: 1rem; line-height: 1; z-index: 1070; -webkit-animation: rotation 1s linear infinite; animation: rotation 1s linear infinite; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .file-upload-indicator { cursor: default; float: left; padding: 0.625rem; line-height: 1; } .file-upload-indicator i { top: 0; } .file-input-new .file-preview, .file-input-new .close, .file-input-new .glyphicon-file, .file-input-new .fileinput-remove-button, .file-input-new .fileinput-upload-button { display: none; } .file-input-ajax-new .fileinput-remove-button, .file-input-ajax-new .fileinput-upload-button, .file-input-ajax-new .close { display: none; } .kv-hidden, .file-caption-icon, .file-zoom-dialog .modal-header:before, .file-zoom-dialog .modal-header:after, .hide-content .kv-file-content { display: none; } .file-footer-buttons { float: right; } .file-footer-buttons button { padding: 0.625rem; background-color: transparent; border: 0; line-height: 1; cursor: pointer; opacity: 0.6; outline: 0; transition: opacity ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .file-footer-buttons button { transition: none; } } .file-footer-buttons button:hover { opacity: 1; } .file-footer-buttons button i { top: 0; } .file-footer-caption { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; padding: 0.75rem; background-color: #fff; border-bottom: 1px solid #ddd; margin-left: auto; margin-right: auto; } .file-size-info samp { font-size: 0.6875rem; } .file-drop-zone { border: 1px dashed #ddd; height: 100%; vertical-align: middle; margin: 0.5rem; padding: 0.5rem; border-radius: 0.075rem; } .file-drop-zone-title { font-size: 1.1875rem; font-weight: 300; padding: 5rem; opacity: 0.5; } .kv-upload-progress { margin-bottom: 1.25rem; } .file-thumb-progress { position: absolute; top: -0.375rem; left: 0; right: 0; } .file-thumb-progress .progress, .file-thumb-progress .progress-bar { height: 0.375rem; border-radius: 0; font-size: 0; } .btn-file ::-ms-browse { width: 100%; height: 100%; } .file-zoom-fullscreen .modal-dialog { position: fixed; margin: 0; width: 100%; height: 100%; padding: 0; max-width: 100%; } .file-zoom-fullscreen .modal-content { border-radius: 0; } .file-zoom-fullscreen .modal-body { overflow-y: auto; } .file-zoom-dialog .btn-navigate { position: absolute; top: 50%; padding: 0; border: 0; background-color: transparent; outline: none; color: #fff; opacity: 0.7; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: opacity ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .file-zoom-dialog .btn-navigate { transition: none; } } .file-zoom-dialog .btn-navigate > i { display: block; font-size: 2rem; } .file-zoom-dialog .btn-navigate:not([disabled]):hover, .file-zoom-dialog .btn-navigate:not([disabled]):focus { outline: none; box-shadow: none !important; opacity: 1; } .file-zoom-dialog .btn-navigate[disabled] { opacity: 0.3; } .file-zoom-dialog .btn-prev { left: -3.25rem; } .file-zoom-dialog .btn-next { right: -3.25rem; } .file-zoom-dialog .floating-buttons { position: absolute; top: 1.25rem; right: 1.25rem; background-color: #fff; } .file-zoom-dialog .kv-zoom-title { color: #999; margin-left: 0.625rem; } .file-zoom-content { text-align: center; } .file-drag-handle { cursor: move; float: left; line-height: 1; opacity: 0.6; transition: opacity ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .file-drag-handle { transition: none; } } .file-drag-handle:hover { opacity: 1; } .file-drag-handle i { top: 0; } /* ------------------------------------------------------------------------------ * * # Dropzone file uploader * * Styles for dropzone.min.js - open source library that provides drag’n’drop file uploads with image previews * * ---------------------------------------------------------------------------- */ .dropzone { position: relative; border: 2px dashed rgba(0, 0, 0, 0.125); min-height: 18rem; background-color: #fff; padding: 0.3125rem; border-radius: 0.075rem; } .card .dropzone { background-color: #fcfcfc; border-color: #ddd; } .dropzone .dz-message { opacity: 1; } .dropzone.dz-started .dz-message { display: none; } .dropzone.dz-drag-hover { border-color: #999; background-color: #f5f5f5; color: #ddd; } .sidebar .dropzone { text-align: center; } .sidebar .dropzone .dz-default.dz-message:before { font-size: 4rem; width: 4rem; height: 4rem; margin-left: -2rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .sidebar .dropzone .dz-default.dz-message span { font-size: 0.9375rem; } .dropzone .dz-default.dz-message { height: 18rem; width: 100%; position: absolute; top: 0; left: 0; text-align: center; opacity: 1; border-radius: 0.075rem; transition: opacity ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .dropzone .dz-default.dz-message { transition: none; } } .dropzone .dz-default.dz-message:before { content: '\ea0e'; font-family: "icomoon"; font-size: 4rem; display: inline-block; position: absolute; top: 5rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); line-height: 1; z-index: 2; color: #ccc; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dropzone .dz-default.dz-message > span { font-size: 1.0625rem; color: #777; display: block; margin-top: 10.25rem; } .dropzone .dz-default.dz-message > span span { display: block; color: #9d9d9d; font-size: 0.9375rem; } .dropzone.dz-drag-hover .dz-message { opacity: 0.75; } .dropzone.dz-started .dz-message { display: block; opacity: 0; } .dropzone .dz-preview, .dropzone-previews .dz-preview { background-color: #fff; position: relative; display: inline-block; margin: 0.5rem; min-width: 10rem; border: 1px solid rgba(0, 0, 0, 0.125); padding: 0.5rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); border-radius: 0.075rem; } .dropzone .dz-preview.dz-file-preview [data-dz-thumbnail], .dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] { display: none; } .dropzone .dz-preview .dz-details, .dropzone-previews .dz-preview .dz-details { position: relative; } .dropzone .dz-preview .dz-details .dz-filename, .dropzone-previews .dz-preview .dz-details .dz-filename { overflow: hidden; margin-top: 0.625rem; } .dropzone .dz-preview .dz-details img, .dropzone-previews .dz-preview .dz-details img { position: absolute; top: 0; left: 0; } .dropzone .dz-preview .dz-details .dz-size, .dropzone-previews .dz-preview .dz-details .dz-size { margin-top: 0.625rem; } .dropzone .dz-preview:hover .dz-details img, .dropzone-previews .dz-preview:hover .dz-details img { display: none; } .dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-success-mark { display: none; position: absolute; z-index: 9; top: 0; right: 0; padding: 0.25rem; background-color: #fff; border-left: 1px solid rgba(0, 0, 0, 0.125); border-bottom: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0 0 0 0.1875rem; } .dropzone .dz-preview .dz-error-mark:after, .dropzone .dz-preview .dz-success-mark:after, .dropzone-previews .dz-preview .dz-error-mark:after, .dropzone-previews .dz-preview .dz-success-mark:after { font-family: "icomoon"; display: block; font-size: 0.8125rem; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dropzone .dz-preview .dz-error-mark span, .dropzone .dz-preview .dz-error-mark svg, .dropzone .dz-preview .dz-success-mark span, .dropzone .dz-preview .dz-success-mark svg, .dropzone-previews .dz-preview .dz-error-mark span, .dropzone-previews .dz-preview .dz-error-mark svg, .dropzone-previews .dz-preview .dz-success-mark span, .dropzone-previews .dz-preview .dz-success-mark svg { display: none; } .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark { color: #F44336; } .dropzone .dz-preview .dz-error-mark:after, .dropzone-previews .dz-preview .dz-error-mark:after { content: '\ed6a'; } .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark { color: #4CAF50; } .dropzone .dz-preview .dz-success-mark:after, .dropzone-previews .dz-preview .dz-success-mark:after { content: '\ed6e'; } .dropzone .dz-preview.dz-error .dz-error-mark, .dropzone .dz-preview.dz-success .dz-success-mark, .dropzone-previews .dz-preview.dz-error .dz-error-mark, .dropzone-previews .dz-preview.dz-success .dz-success-mark { display: block; opacity: 1; } .dropzone .dz-preview .dz-progress, .dropzone-previews .dz-preview .dz-progress { position: absolute; bottom: 0; left: 0; right: 0; height: 0.25rem; display: none; } .dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload { display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 0%; height: 100%; background-color: #4CAF50; transition: width ease-in-out 0.15s; border-bottom-right-radius: 0.125rem; border-bottom-left-radius: 0.125rem; } @media screen and (prefers-reduced-motion: reduce) { .dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload { transition: none; } } .dropzone .dz-preview.dz-processing .dz-progress, .dropzone-previews .dz-preview.dz-processing .dz-progress { display: block; } .dropzone .dz-preview.dz-success .dz-progress, .dropzone-previews .dz-preview.dz-success .dz-progress { display: block; opacity: 0; transition: opacity ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .dropzone .dz-preview.dz-success .dz-progress, .dropzone-previews .dz-preview.dz-success .dz-progress { transition: none; } } .dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message { display: block; position: absolute; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.9); margin: 0.5rem; padding: 0.5rem; color: #F44336; max-width: 100%; z-index: 5; opacity: 0; transition: opacity ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message { transition: none; } } .dropzone .dz-preview.dz-error:hover .dz-error-message, .dropzone-previews .dz-preview.dz-error:hover .dz-error-message { display: block; opacity: 1; } .dropzone .dz-preview.dz-error .dz-progress .dz-upload, .dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload { background: #F44336; } .dropzone .dz-preview.dz-image-preview:hover .dz-details img, .dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img { display: block; opacity: 0.1; } .dropzone .dz-preview .dz-image img, .dropzone-previews .dz-preview .dz-image img { width: 100%; } .dropzone .dz-preview a.dz-remove, .dropzone-previews .dz-preview a.dz-remove { background-color: #f5f5f5; border: 1px solid transparent; display: block; padding: 0.375rem 0.875rem; text-align: center; color: #333; margin-top: 0.625rem; cursor: pointer; border-radius: 0.075rem; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .dropzone .dz-preview a.dz-remove, .dropzone-previews .dz-preview a.dz-remove { transition: none; } } .dropzone .dz-preview a.dz-remove:hover, .dropzone-previews .dz-preview a.dz-remove:hover { color: #333; background-color: #eee; border-color: transparent; } /* ------------------------------------------------------------------------------ * * # Noty notifications * * Styles for noty.min.js - A dependency-free notification library * * ---------------------------------------------------------------------------- */ .noty_bar { position: relative; -webkit-backface-visibility: hidden; -webkit-transform: translate(0, 0) scale(1, 1); transform: translate(0, 0) scale(1, 1); -webkit-font-smoothing: subpixel-antialiased; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: white; } .noty_body { min-height: 4.5rem; /*防止消息框过扁*/ display: flex; flex-direction: column; padding: 0.9375rem 1.25rem; } .noty_close_with_button .noty_body { padding-right: 2.5rem; } #noty_layout__topRight .noty_body{ padding: 0.85rem 1.2rem 0.7rem 0rem; } .noty_buttons { padding: 0.9375rem 1.25rem; padding-top: 0; text-align: right; } .noty_layout_mixin, #noty_layout__top, #noty_layout__topLeft, #noty_layout__topCenter, #noty_layout__topRight, #noty_layout__center, #noty_layout__centerLeft, #noty_layout__centerRight, #noty_layout__bottom, #noty_layout__bottomLeft, #noty_layout__bottomCenter, #noty_layout__bottomRight { position: fixed; margin: 0; padding: 0; z-index: 1050; -webkit-transform: translateZ(0) scale(1, 1); transform: translateZ(0) scale(1, 1); -webkit-filter: blur(0); filter: blur(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: subpixel-antialiased; max-width: 90%; } #noty_layout__top { top: 0; left: 5%; width: 90%; } #noty_layout__top .noty_bar:first-child { margin-top: 1.25rem; } #noty_layout__topLeft { top: 1.25rem; left: 1.25rem; width: 20rem; } #noty_layout__topCenter { top: 15%; left: 50%; width: 20rem; -webkit-transform: translate(-50%) translateZ(0) scale(1, 1); transform: translate(-50%) translateZ(0) scale(1, 1); } #noty_layout__topRight { top: 1.25rem; right: 1.25rem; width: 20rem; } #noty_layout__center { top: 50%; left: 50%; width: 20rem; -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1, 1); transform: translate(-50%, -50%) translateZ(0) scale(1, 1); } #noty_layout__centerLeft { top: 50%; left: 1.25rem; width: 20rem; -webkit-transform: translate(0, -50%) translateZ(0) scale(1, 1); transform: translate(0, -50%) translateZ(0) scale(1, 1); } #noty_layout__centerRight { top: 50%; right: 1.25rem; width: 20rem; -webkit-transform: translate(0, -50%) translateZ(0) scale(1, 1); transform: translate(0, -50%) translateZ(0) scale(1, 1); } #noty_layout__bottom { bottom: 0; left: 5%; width: 90%; } #noty_layout__bottom .noty_bar:last-child { margin-bottom: 1.25rem; } #noty_layout__bottomLeft { bottom: 1.25rem; left: 1.25rem; width: 20rem; } #noty_layout__bottomCenter { bottom: 5%; left: 50%; width: 20rem; -webkit-transform: translate(calc(-50% - 1px)) translateZ(0) scale(1, 1); transform: translate(calc(-50% - 1px)) translateZ(0) scale(1, 1); } #noty_layout__bottomRight { bottom: 1.25rem; right: 1.25rem; width: 20rem; } .noty_progressbar { display: none; } .noty_has_timeout.noty_has_progressbar .noty_progressbar { display: block; position: absolute; left: 0; bottom: 0; height: 0.1875rem; width: 100%; background-color: rgba(0, 0, 0, 0.25); } .noty_effects_open { opacity: 0; -webkit-transform: translate(50%); transform: translate(50%); -webkit-animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .noty_effects_close { -webkit-animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .noty_fix_effects_height { -webkit-animation: noty_anim_height 75ms ease-out; animation: noty_anim_height 75ms ease-out; } .noty_close_with_click { cursor: pointer; } .noty_close_button { position: absolute; top: 0.9375rem; right: 1.25rem; background-color: transparent; font-size: 1.25003rem; font-weight: 400; color: inherit; text-align: center; line-height: 1; cursor: pointer; opacity: 0.75; transition: opacity ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .noty_close_button { transition: none; } } .noty_close_button:hover { opacity: 1; } .noty_modal { position: fixed; width: 100%; height: 100%; background-color: #000; z-index: 1040; opacity: 0.3; left: 0; top: 0; } .noty_modal.noty_modal_open { opacity: 0; -webkit-animation: noty_modal_in .3s ease-out; animation: noty_modal_in .3s ease-out; } .noty_modal.noty_modal_close { -webkit-animation: noty_modal_out .3s ease-out; animation: noty_modal_out .3s ease-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes noty_modal_in { 100% { opacity: 0.3; } } @keyframes noty_modal_in { 100% { opacity: 0.3; } } @-webkit-keyframes noty_modal_out { 100% { opacity: 0; } } @keyframes noty_modal_out { 100% { opacity: 0; } } @-webkit-keyframes noty_anim_in { 100% { -webkit-transform: translate(0); transform: translate(0); opacity: 1; } } @keyframes noty_anim_in { 100% { -webkit-transform: translate(0); transform: translate(0); opacity: 1; } } @-webkit-keyframes noty_anim_out { 100% { -webkit-transform: translate(50%); transform: translate(50%); opacity: 0; } } @keyframes noty_anim_out { 100% { -webkit-transform: translate(50%); transform: translate(50%); opacity: 0; } } @-webkit-keyframes noty_anim_height { 100% { height: 0; } } @keyframes noty_anim_height { 100% { height: 0; } } .noty_theme__limitless.noty_bar { margin: 0.25rem 0; position: relative; border: 1px solid transparent; border-radius: 0.075rem; } .noty_theme__limitless.noty_type__alert { background-color: #546E7A; color: #fff; border-color: #546E7A; } .noty_theme__limitless.noty_type__warning { background-color: #FF7043; color: #fff; border-color: #FF7043; } .noty_theme__limitless.noty_type__error { background-color: #EF5350; color: #fff; border-color: #EF5350; } .noty_theme__limitless.noty_type__info { background-color: #03A9F4; color: #fff; border-color: #03A9F4; } .noty_theme__limitless.noty_type__success { background-color: #4CAF50; color: #fff; border-color: #4CAF50; } .noty_theme__limitless.noty_type__confirm { background-color: #fff; border-color: transparent; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .noty_theme__limitless.noty_type__confirm .noty_body { padding: 1.25rem; } .noty_theme__limitless.noty_type__confirm .noty_close_button { top: 1.25rem; } /* ------------------------------------------------------------------------------ * * # PNotify notifications * * Styles for pnotify.min.js - a flexible JavaScript notification plugin * * ---------------------------------------------------------------------------- */ .ui-pnotify { top: 1.25rem; right: 1.25rem; position: absolute; height: auto; z-index: 2; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); border-radius: 0.075rem; } body > .ui-pnotify { position: fixed; z-index: 1070; } .ui-pnotify.alert-rounded > .ui-pnotify-container { border-radius: 100px; } .ui-pnotify[class*=bg-] > .ui-pnotify-container { background-color: inherit; border-color: transparent; color: #fff; } .ui-pnotify[class*=text-] > .ui-pnotify-container, .ui-pnotify[class*=alpha-] > .ui-pnotify-container { background-color: inherit; border-color: inherit; color: inherit; } .ui-pnotify.stack-top-left, .ui-pnotify.stack-bottom-left { left: 1.25rem; right: auto; } .ui-pnotify.stack-bottom-right, .ui-pnotify.stack-bottom-left { bottom: 1.25rem; top: auto; } .ui-pnotify.stack-modal { left: 50%; right: auto; margin-left: -10rem; } .ui-pnotify.stack-custom-right { top: auto; left: auto; bottom: 15rem; right: 15rem; } .ui-pnotify.stack-custom-left { top: 15rem; left: 15rem; right: auto; bottom: auto; } .ui-pnotify.stack-custom-top { right: 0; left: 0; top: 0; } .ui-pnotify.stack-custom-bottom { right: 0; left: 0; bottom: 0; top: auto; } .ui-pnotify.ui-pnotify-in { display: block !important; } .ui-pnotify.ui-pnotify-move { transition: left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; } .ui-pnotify.ui-pnotify-fade-slow { opacity: 0; transition: opacity linear 0.6s; } .ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move { transition: opacity .6s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; } .ui-pnotify.ui-pnotify-fade-normal { opacity: 0; transition: opacity linear 0.4s; } .ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move { transition: opacity .4s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; } .ui-pnotify.ui-pnotify-fade-fast { transition: opacity .2s linear; opacity: 0; } .ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move { transition: opacity .2s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; } .ui-pnotify.ui-pnotify-fade-in { opacity: 1; } .ui-pnotify-container { padding: 0.9375rem 1.25rem; height: 100%; position: relative; left: 0; margin: 0; border-radius: 0.075rem; } .ui-pnotify-container::after { display: block; clear: both; content: ""; } .ui-pnotify-container.ui-pnotify-sharp { border-radius: 0; } .ui-pnotify-title { display: block; margin-top: 0; margin-bottom: 0.3125rem; font-size: 0.9375rem; } .ui-pnotify-text { display: block; } .ui-pnotify-icon { display: block; float: left; line-height: 1; } .ui-pnotify-icon > [class^=icon-] { margin-top: 0.25003rem; margin-right: 0.625rem; } .ui-pnotify-closer, .ui-pnotify-sticker { float: right; margin-left: 0.625rem; margin-top: 0.25003rem; line-height: 1; outline: 0; } .ui-pnotify-modal-overlay { background-color: rgba(0, 0, 0, 0.5); top: 0; left: 0; position: absolute; z-index: 1; width: 100%; height: 100%; } body > .ui-pnotify-modal-overlay { position: fixed; z-index: 1040; } .brighttheme { border: 1px solid; } .ui-pnotify[class*=bg-] > .brighttheme { background-color: inherit; border-color: inherit; color: inherit; } .brighttheme-notice { background-color: #FFF3E0; border-color: #FF9800; color: #BF360C; } .brighttheme-info { background-color: #E1F5FE; border-color: #03A9F4; color: #01579B; } .brighttheme-success { background-color: #E8F5E9; border-color: #4CAF50; color: #1B5E20; } .brighttheme-error { background-color: #FFEBEE; border-color: #F44336; color: #B71C1C; } .brighttheme-icon-closer, .brighttheme-icon-sticker { position: relative; display: inline-block; outline: 0; width: 0.75rem; height: 0.75rem; } .brighttheme-icon-closer:after, .brighttheme-icon-sticker:after { content: ''; font-family: "icomoon"; font-size: 0.75rem; display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .brighttheme-icon-closer:after { content: "\ed6a"; } .brighttheme-icon-sticker:after { content: "\ee70"; } .brighttheme-icon-sticker.brighttheme-icon-stuck:after { content: "\ee75"; } .ui-pnotify[class*=alert-styled-] { border-width: 0; padding: 0; } .ui-pnotify.alert-styled-left .brighttheme { border-left-width: 2.875rem; } .ui-pnotify.alert-styled-left:after { left: 0; } .ui-pnotify.alert-styled-right .brighttheme { border-right-width: 2.875rem; } .ui-pnotify.alert-styled-right:after { right: 0; } .brighttheme .ui-pnotify-action-bar textarea, .brighttheme .ui-pnotify-action-bar input { display: block; width: 100%; border: 1px solid #ddd; background-color: transparent; margin-bottom: 1.25rem !important; color: #333; padding: 0.5rem 0; outline: 0; } .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea, .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input { border-color: transparent; color: #fff; } .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::-webkit-input-placeholder, .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::-webkit-input-placeholder { color: #fff; opacity: 1; } .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::-moz-placeholder, .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::-moz-placeholder { color: #fff; opacity: 1; } .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea:-ms-input-placeholder, .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input:-ms-input-placeholder { color: #fff; opacity: 1; } .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::-ms-input-placeholder, .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::-ms-input-placeholder { color: #fff; opacity: 1; } .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar textarea::placeholder, .ui-pnotify[class*=bg-] .brighttheme .ui-pnotify-action-bar input::placeholder { color: #fff; opacity: 1; } .ui-pnotify-history-container { position: absolute; top: 0; right: 1.25rem; border-top: none; padding: 0; z-index: 1070; border-top-left-radius: 0; border-top-right-radius: 0; } .ui-pnotify-history-container.ui-pnotify-history-fixed { position: fixed; } .ui-pnotify-history-container .ui-pnotify-history-header { text-align: center; margin-bottom: 0.3125rem; } .ui-pnotify-history-container button { cursor: pointer; display: block; width: 100%; } .ui-pnotify-history-container .ui-pnotify-history-pulldown { display: block; margin: 0 auto; } @media (max-width: 767.98px) { .ui-pnotify-mobile-able.ui-pnotify { position: fixed; top: 0; right: 0; left: 0; width: auto !important; font-smoothing: antialiased; } .ui-pnotify-mobile-able.ui-pnotify .ui-pnotify-shadow { border-bottom-width: 5px; box-shadow: none; } .ui-pnotify-mobile-able.ui-pnotify.stack-top-left, .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left { left: 0; right: 0; } .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-right, .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left { left: 0; right: 0; bottom: 0; top: auto; } .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-right .ui-pnotify-shadow, .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-right .ui-pnotify-shadow, .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left .ui-pnotify-shadow, .ui-pnotify-mobile-able.ui-pnotify.stack-bottom-left .ui-pnotify-shadow { border-top-width: 5px; border-bottom-width: 1px; } .ui-pnotify-mobile-able.ui-pnotify.ui-pnotify-nonblock-fade { opacity: 0.2; } .ui-pnotify-mobile-able.ui-pnotify.ui-pnotify-nonblock-hide { display: none !important; } .ui-pnotify-mobile-able .ui-pnotify-container { border-radius: 0; } } /* ------------------------------------------------------------------------------ * * # jGrowl notifications * * Styles for jgrowl.min.js - an unobtrusive notification system for web applications * * ---------------------------------------------------------------------------- */ .jGrowl { z-index: 1070; position: absolute; } body > .jGrowl { position: fixed; } .jGrowl.top-left { left: 1.25rem; top: 1.25rem; } .jGrowl.top-center { left: 50%; top: 1.25rem; margin-left: -10rem; } .jGrowl.top-right { right: 1.25rem; top: 1.25rem; } .jGrowl.center { top: 40%; width: 20rem; left: 50%; margin-left: -10rem; margin-top: -1.87502rem; } .jGrowl.center .jGrowl-notification, .jGrowl.center .jGrowl-closer { margin-left: auto; margin-right: auto; } .jGrowl.bottom-left { left: 1.25rem; bottom: 1.25rem; } .jGrowl.bottom-center { left: 50%; bottom: 1.25rem; margin-left: -10rem; } .jGrowl.bottom-right { right: 1.25rem; bottom: 1.25rem; } @media print { .jGrowl { display: none; } } .jGrowl-notification { margin-bottom: 0.625rem; width: 20rem; text-align: left; display: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .jGrowl-notification .jGrowl-header { font-size: 0.9375rem; margin-bottom: 0.3125rem; } .jGrowl-notification .jGrowl-header:empty { margin: 0; } .jGrowl-notification .jGrowl-close { font-weight: 400; background: none; border: 0; font-size: 1.25003rem; cursor: pointer; line-height: 1; padding: 0; float: right; color: inherit; outline: 0; margin-left: 0.625rem; opacity: 0.75; transition: opacity ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .jGrowl-notification .jGrowl-close { transition: none; } } .jGrowl-notification .jGrowl-close:hover { opacity: 1; } .jGrowl-closer { padding: 0.3125rem 0; cursor: pointer; margin-top: 0.3125rem; text-align: center; background-color: #fff; width: 20rem; border: 1px solid #ddd; border-radius: 0.075rem; } /* ------------------------------------------------------------------------------ * * # Sweet Alerts component * * Styles for sweet_alert.min.js - notification library * * ---------------------------------------------------------------------------- */ .swal2-shown:not(.swal2-no-backdrop) { overflow-y: hidden; } .swal2-shown.swal2-iosfix { position: fixed; left: 0; right: 0; } .swal2-shown.swal2-no-backdrop .swal2-shown { background-color: transparent; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .swal2-container { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: transparent; z-index: 1070; } .swal2-container.swal2-top { -ms-flex-align: start; align-items: flex-start; } .swal2-container.swal2-top .swal2-modal { margin-top: 1.25rem; } .swal2-container.swal2-top-left { -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .swal2-container.swal2-top-left .swal2-modal { margin-top: 1.25rem; margin-left: 1.25rem; } .swal2-container.swal2-top-right { -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: end; justify-content: flex-end; } .swal2-container.swal2-top-right .swal2-modal { margin-top: 1.25rem; margin-right: 1.25rem; } .swal2-container.swal2-center { -ms-flex-align: center; align-items: center; margin: auto; } .swal2-container.swal2-center-left { -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; } .swal2-container.swal2-center-left .swal2-modal { margin-left: 1.25rem; } .swal2-container.swal2-center-right { -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; } .swal2-container.swal2-center-right .swal2-modal { margin-right: 1.25rem; } .swal2-container.swal2-bottom { -ms-flex-align: end; align-items: flex-end; } .swal2-container.swal2-bottom .swal2-modal { margin-bottom: 1.25rem; } .swal2-container.swal2-bottom-left { -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: start; justify-content: flex-start; } .swal2-container.swal2-bottom-left .swal2-modal { margin-bottom: 1.25rem; margin-left: 1.25rem; } .swal2-container.swal2-bottom-right { -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .swal2-container.swal2-bottom-right .swal2-modal { margin-bottom: 1.25rem; margin-right: 1.25rem; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .swal2-container .swal2-modal { margin: 0 !important; } } .swal2-container.swal2-fade { transition: background-color 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .swal2-container.swal2-fade { transition: none; } } body:not(.swal2-no-backdrop) .swal2-container.swal2-shown { background-color: rgba(0, 0, 0, 0.2); } .swal2-grow-fullscreen .swal2-modal { display: -ms-flexbox !important; display: flex !important; -ms-flex: 1; flex: 1; -ms-flex-item-align: stretch; align-self: stretch; -ms-flex-pack: center; justify-content: center; margin: 1.25rem 1.25rem; } .swal2-grow-row .swal2-modal { display: -ms-flexbox !important; display: flex !important; -ms-flex: 1; flex: 1; -ms-flex-line-pack: center; align-content: center; -ms-flex-pack: center; justify-content: center; margin-left: 1.25rem; margin-right: 1.25rem; } .swal2-grow-column { -ms-flex: 1; flex: 1; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } .swal2-grow-column.swal2-center-left { -ms-flex-align: start; align-items: flex-start; } .swal2-grow-column.swal2-center-right { -ms-flex-align: end; align-items: flex-end; } .swal2-grow-column .swal2-modal { display: -ms-flexbox !important; display: flex !important; -ms-flex: 1; flex: 1; -ms-flex-line-pack: center; align-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 1.25rem; margin-bottom: 1.25rem; } .swal2-popup { -ms-flex-direction: column; flex-direction: column; background-color: #fff; text-align: center; display: none; position: relative; max-width: 100%; padding: 1.25rem; width: 31.25rem; margin-left: 1.25rem; margin-right: 1.25rem; border-radius: 0.25rem; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .swal2-popup:focus { outline: none; } .swal2-popup.swal2-loading { overflow-y: hidden; } @media (min-width: 576px) { .swal2-popup { margin-left: 0; margin-right: 0; } } .swal2-header { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } .swal2-title { font-size: 1.0625rem; font-weight: 500; line-height: 1.5385; text-align: center; position: relative; word-wrap: break-word; margin-top: 0.3125rem; margin-bottom: 0; } .swal2-content { text-align: center; position: relative; word-wrap: break-word; } .swal2-actions { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-top: 1.25rem; } .swal2-actions > button + button { margin-left: 0.625rem; } .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] { cursor: no-drop; opacity: 0.4; } .swal2-loading .swal2-confirm:before { content: '\eb55'; font-family: "icomoon"; display: inline-block; font-size: 1rem; -ms-flex-item-align: center; align-self: center; vertical-align: middle; position: relative; line-height: 1; margin-right: 0.625rem; -webkit-animation: rotation 1s linear infinite; animation: rotation 1s linear infinite; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .swal2-close { background: transparent; border: 0; margin: 0; padding: 0; font-size: 1.5rem; line-height: 1; position: absolute; top: 1rem; right: 1rem; cursor: pointer; opacity: .5; width: 1.5rem; height: 1.5rem; transition: opacity ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .swal2-close { transition: none; } } .swal2-close:hover, .swal2-close:focus { opacity: 1; outline: 0; } .swal2-input, .swal2-file, .swal2-textarea, .swal2-select, .swal2-radio, .swal2-checkbox { display: none; margin: 1.25rem auto 0 auto; } .swal2-popup .select2-container, .swal2-popup .btn-group, .swal2-popup .uniform-uploader { margin: 1.25rem auto 0 auto; } .swal2-checkbox { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .swal2-checkbox > span:not(.switchery) { margin-left: 0.625rem; } .swal2-radio { -ms-flex-pack: center; justify-content: center; } .swal2-radio label { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; } .swal2-radio label + label { margin-left: 1.25rem; } .swal2-radio label input, .swal2-radio label .uniform-choice { margin-right: 0.625rem; } .swal2-range { margin-top: 1.25rem; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swal2-range input { display: block; width: 100%; } .swal2-range output { font-size: 0.9375rem; font-weight: 500; margin-top: 0.625rem; } .swal2-inputerror, .swal2-inputerror:hover, .swal2-inputerror:focus { border-color: #F44336; } .swal2-inputerror:focus { box-shadow: 0 1px 0 #F44336; } .swal2-validationerror { background-color: #f5f5f5; overflow: hidden; padding: 0.5rem 1rem; display: none; margin-top: 1.25rem; margin-left: 0 !important; margin-right: 0 !important; border-radius: 0.075rem; } .swal2-validationerror:before { content: '\ed68'; font-family: "icomoon"; display: inline-block; font-size: 1rem; vertical-align: middle; -ms-flex-item-align: center; align-self: center; line-height: 1; margin-right: 0.625rem; color: #F44336; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .swal2-image { margin: 0.625rem auto; max-width: 100%; height: auto; } .swal2-icon { border: 0.25rem solid transparent; margin: 0.625rem auto 1.25rem auto; padding: 0; position: relative; box-sizing: content-box; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 5rem; height: 5rem; border-radius: 50%; } .swal2-icon.swal2-success { border-color: #66BB6A; } .swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] { height: 2.5rem; width: 1.25rem; /*rtl:ignore*/ border-right: 0.25rem solid #66BB6A; border-top: 0.25rem solid #66BB6A; position: absolute; /*rtl:ignore*/ left: 1.25rem; top: 2.625rem; opacity: 1; -webkit-animation: animate-checkmark ease 0.75s; animation: animate-checkmark ease 0.75s; /*rtl:begin:ignore*/ -webkit-transform: scaleX(-1) rotate(135deg); transform: scaleX(-1) rotate(135deg); -webkit-transform-origin: left top; transform-origin: left top; /*rtl:end:ignore*/ } .swal2-icon.swal2-error { border-color: #EF5350; } .swal2-icon.swal2-error .swal2-x-mark { position: relative; display: block; -ms-flex: 1; flex: 1; } .swal2-icon.swal2-error [class^='swal2-x-mark-line'] { position: absolute; height: 0.25rem; width: 3rem; background-color: #EF5350; display: block; top: 2.375rem; } .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 1rem; } .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 1rem; } .swal2-icon.swal2-warning { color: #FF7043; border-color: #FF7043; font-size: 4rem; line-height: 5rem; -ms-flex-pack: center; justify-content: center; } .swal2-icon.swal2-info { color: #03A9F4; border-color: #03A9F4; font-size: 4rem; line-height: 5rem; -ms-flex-pack: center; justify-content: center; } .swal2-icon.swal2-question { color: #455A64; border-color: #455A64; font-size: 4rem; line-height: calc(5rem + 0.25rem); -ms-flex-pack: center; justify-content: center; } .swal2-progresssteps { font-weight: 500; margin: 0 0 1.25rem; padding: 0; } .swal2-progresssteps li { display: inline-block; position: relative; } .swal2-progresscircle { color: #2196F3; text-align: center; margin-left: 0.625rem; margin-right: 0.625rem; } .swal2-progresscircle.swal2-activeprogressstep { color: #2196F3; } .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle { color: #999; } .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline { background-color: #ddd; } .swal2-progressline { background-color: #2196F3; height: 0.0625rem; vertical-align: middle; } [class^='swal2'] { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .swal2-show { -webkit-animation: show-notification 0.15s; animation: show-notification 0.15s; } .swal2-show.swal2-noanimation { -webkit-animation: none; animation: none; } .swal2-hide { -webkit-animation: hide-notification 0.15s forwards; animation: hide-notification 0.15s forwards; } .swal2-hide.swal2-noanimation { -webkit-animation: none; animation: none; } .swal2-animate-success-icon, .swal2-animate-error-icon, .swal2-warning, .swal2-info, .swal2-question { -webkit-animation: animate-circle 0.5s; animation: animate-circle 0.5s; } .swal2-animate-x-mark { -webkit-animation: animate-x-mark 0.5s; animation: animate-x-mark 0.5s; } @-webkit-keyframes show-notification { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes show-notification { 0% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes hide-notification { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } } @keyframes hide-notification { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; } } @-webkit-keyframes animate-checkmark { 0% { height: 0; width: 0; opacity: 0; } 30% { height: 0; width: 1.25rem; opacity: 0; } 60% { height: 2.5rem; width: 1.25rem; opacity: 1; } 100% { height: 2.5rem; width: 1.25rem; opacity: 1; } } @keyframes animate-checkmark { 0% { height: 0; width: 0; opacity: 0; } 30% { height: 0; width: 1.25rem; opacity: 0; } 60% { height: 2.5rem; width: 1.25rem; opacity: 1; } 100% { height: 2.5rem; width: 1.25rem; opacity: 1; } } @-webkit-keyframes animate-circle { 0% { color: transparent; border-color: transparent; } 25% { color: transparent; } } @keyframes animate-circle { 0% { color: transparent; border-color: transparent; } 25% { color: transparent; } } @-webkit-keyframes animate-x-mark { 0% { opacity: 0; } 25% { opacity: 0; } 100% { opacity: 1; } } @keyframes animate-x-mark { 0% { opacity: 0; } 25% { opacity: 0; } 100% { opacity: 1; } } /* ------------------------------------------------------------------------------ * * # jQuery UI slider pips * * Styles for jQuery UI slider pips extension * * ---------------------------------------------------------------------------- */ .ui-slider-pips.ui-slider-horizontal { margin-bottom: 2rem; margin-left: 0.625rem; margin-right: 0.625rem; } .ui-slider-pips .ui-slider-label, .ui-slider-pips .ui-slider-pip-hide { display: none; } .ui-slider-pips .ui-slider-pip-label .ui-slider-label { display: block; } .ui-slider-pips .ui-slider-pip { height: 0.6875rem; line-height: 1; font-size: 0.6875rem; width: 1.25rem; margin-left: -0.6875rem; position: absolute; overflow: visible; text-align: center; top: 1rem; left: 1rem; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ui-slider-pips .ui-slider-line { background-color: #777; width: 0.0625rem; height: 0.1875rem; position: absolute; left: 50%; } .ui-slider-pips .ui-slider-label { position: absolute; top: 0.66667rem; left: 50%; width: 1.25rem; margin-left: -0.625rem; white-space: nowrap; color: #777; } .ui-slider-pips.ui-slider-vertical { margin-left: 1.75rem; margin-right: 1.75rem; } .ui-slider-pips.ui-slider-vertical .ui-slider-pip { text-align: left; top: auto; left: 1rem; margin-left: 0; height: auto; } .ui-slider-pips.ui-slider-vertical .ui-slider-line { width: 0.1875rem; height: 0.0625rem; position: absolute; top: 50%; left: 0; } .ui-slider-pips.ui-slider-vertical .ui-slider-label { top: 50%; margin-left: 0; margin-top: -0.34375rem; left: 0.66667rem; } .ui-slider-float .ui-slider-handle:focus, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label { outline: 0; } .ui-slider-float .ui-slider-tip, .ui-slider-float .ui-slider-tip-label { position: absolute; visibility: hidden; top: -2.9375rem; display: block; left: 50%; background-color: #000; text-align: center; font-size: 0.8125rem; color: #fff; padding: 0.5625rem 0.75rem; opacity: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 0.075rem; transition: all ease-in-out 0.15s 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .ui-slider-float .ui-slider-tip, .ui-slider-float .ui-slider-tip-label { transition: none; } } .ui-slider-float .ui-slider-handle:hover .ui-slider-tip, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip { visibility: visible; opacity: 1; transition-delay: 0.15s; } .ui-slider-float .ui-slider-tip:after, .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after { content: ''; border: 0 solid transparent; border-top-color: #000; position: absolute; bottom: 0; left: 50%; margin-left: 0; width: 0; height: 0; } /* ------------------------------------------------------------------------------ * * # NoUI slider * * Styles for nouislider.min.js - range slider plugin * * ---------------------------------------------------------------------------- */ .noUi-target { position: relative; background-color: #eee; border-radius: 100px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } .noUi-target, .noUi-target * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .noUi-base, .noUi-connects { position: relative; z-index: 1; width: 100%; height: 100%; } .noUi-connects { overflow: hidden; z-index: 0; border-radius: 100px; } .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; /*rtl:begin:ignore*/ left: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; /*rtl:end:ignore*/ width: 100%; height: 100%; } .noUi-state-drag * { cursor: inherit !important; } .noUi-connect { background-color: #5C6BC0; } [disabled] .noUi-target { opacity: 0.75; } [disabled] .noUi-handle { cursor: default; } .noUi-horizontal { height: 0.3125rem; } .noUi-horizontal .noUi-handle { top: -0.3125rem; right: -0.46875rem; } .noUi-horizontal .noUi-origin { height: 0; left: auto; right: 0; } .noUi-horizontal.has-pips { margin-bottom: 2.25003rem; } .noUi-vertical { display: inline-block; width: 0.3125rem; height: 10rem; } .noUi-vertical + .noUi-vertical { margin-left: 1.875rem; } .noUi-vertical .noUi-handle { top: -0.46875rem; /*rtl:ignore*/ left: -0.3125rem; } .noUi-vertical .noUi-origin { width: 0; } .noUi-vertical.has-pips { margin-right: 2.25003rem; } .noUi-draggable { cursor: w-resize; } .noUi-vertical .noUi-draggable { cursor: n-resize; } .noUi-handle { background-color: #5C6BC0; cursor: pointer; top: -0.3125rem; position: absolute; z-index: 1; border: 1px solid transparent; outline: 0; width: 0.9375rem; height: 0.9375rem; border-radius: 50%; } .noUi-handle, .noUi-handle:after { transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .noUi-handle, .noUi-handle:after { transition: none; } } .noUi-stacking .noUi-handle { z-index: 10; } .noUi-handle:after { content: ''; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -0.15625rem; margin-left: -0.15625rem; background-color: #5C6BC0; -webkit-transform: scale(1); transform: scale(1); width: 0.3125rem; height: 0.3125rem; border-radius: 50%; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .noUi-handle:after { transition: none; } } .noUi-handle:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .noUi-handle:focus, .noUi-handle:active { box-shadow: 0 0 0 0.625rem rgba(92, 107, 192, 0.1); } .noUi-handle:hover, .noUi-handle:focus { background-color: #5C6BC0; } .noUi-handle:hover:after, .noUi-handle:focus:after { background-color: #5C6BC0; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { transition: -webkit-transform 0.15s; transition: transform 0.15s; transition: transform 0.15s, -webkit-transform 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { transition: none; } } .noui-slider-lg .noUi-handle { top: -0.4375rem; width: 1.3125rem; height: 1.3125rem; } .noui-slider-lg .noUi-handle:after { margin-top: -0.21875rem; margin-left: -0.21875rem; width: 0.4375rem; height: 0.4375rem; } .noui-slider-lg.noUi-horizontal { height: 0.4375rem; } .noui-slider-lg.noUi-horizontal .noUi-handle { right: -0.65625rem; } .noui-slider-lg.noUi-vertical { width: 0.4375rem; } .noui-slider-lg.noUi-vertical .noUi-handle { top: -0.65625rem; right: -0.4375rem; } .noui-slider-sm .noUi-handle { top: -0.1875rem; width: 0.5625rem; height: 0.5625rem; } .noui-slider-sm .noUi-handle:after { margin-top: -0.09375rem; margin-left: -0.09375rem; width: 0.1875rem; height: 0.1875rem; } .noui-slider-sm.noUi-horizontal { height: 0.1875rem; } .noui-slider-sm.noUi-horizontal .noUi-handle { top: -0.1875rem; right: -0.28125rem; } .noui-slider-sm.noUi-vertical { width: 0.1875rem; } .noui-slider-sm.noUi-vertical .noUi-handle { top: -0.28125rem; right: -0.1875rem; } .noui-slider-primary .noUi-connect { background-color: #2196F3; } .noui-slider-primary .noUi-handle, .noui-slider-primary .noUi-handle:after { background-color: #2196F3; } .noui-slider-primary .noUi-handle:focus, .noui-slider-primary .noUi-handle:active { box-shadow: 0 0 0 0.625rem rgba(33, 150, 243, 0.1); } .noui-slider-danger .noUi-connect { background-color: #F44336; } .noui-slider-danger .noUi-handle, .noui-slider-danger .noUi-handle:after { background-color: #F44336; } .noui-slider-danger .noUi-handle:focus, .noui-slider-danger .noUi-handle:active { box-shadow: 0 0 0 0.625rem rgba(244, 67, 54, 0.1); } .noui-slider-success .noUi-connect { background-color: #4CAF50; } .noui-slider-success .noUi-handle, .noui-slider-success .noUi-handle:after { background-color: #4CAF50; } .noui-slider-success .noUi-handle:focus, .noui-slider-success .noUi-handle:active { box-shadow: 0 0 0 0.625rem rgba(76, 175, 80, 0.1); } .noui-slider-warning .noUi-connect { background-color: #FF7043; } .noui-slider-warning .noUi-handle, .noui-slider-warning .noUi-handle:after { background-color: #FF7043; } .noui-slider-warning .noUi-handle:focus, .noui-slider-warning .noUi-handle:active { box-shadow: 0 0 0 0.625rem rgba(255, 112, 67, 0.1); } .noui-slider-info .noUi-connect { background-color: #00BCD4; } .noui-slider-info .noUi-handle, .noui-slider-info .noUi-handle:after { background-color: #00BCD4; } .noui-slider-info .noUi-handle:focus, .noui-slider-info .noUi-handle:active { box-shadow: 0 0 0 0.625rem rgba(0, 188, 212, 0.1); } .noui-slider-circle .noUi-handle:after { background-color: #fff; } .noui-slider-white .noUi-handle { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .noui-slider-white .noUi-handle:after { content: none; } .noui-slider-white .noUi-handle:focus, .noui-slider-white .noUi-handle:active { box-shadow: 0 0 0 0.625rem rgba(92, 107, 192, 0.1), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .noUi-tooltip { position: absolute; background-color: #000; color: #fff; padding: 0.5625rem 0.75rem; bottom: 0; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); opacity: 0; visibility: hidden; border-radius: 0.075rem; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .noUi-tooltip { transition: none; } } .noUi-tooltip:after { content: ''; border: 0 solid transparent; border-top-color: #000; position: absolute; left: 50%; bottom: 0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); width: 0; height: 0; } .noUi-handle:hover .noUi-tooltip { opacity: 1; visibility: visible; } .noUi-pips { position: absolute; color: #777; } .noUi-value { width: 2.5rem; position: absolute; text-align: center; font-size: 0.6875rem; line-height: 1.82; } .noUi-value-sub { color: #aaaaaa; } .noUi-marker { position: absolute; background-color: #777; } .noUi-pips-horizontal { padding-top: 0.66667rem; height: 2.25003rem; top: 100%; left: 0; width: 100%; } .noUi-value-horizontal { margin-left: -1.25rem; padding-top: 1rem; } .noUi-value-horizontal.noUi-value-sub { padding-top: 0.66667rem; } .noUi-marker-horizontal.noUi-marker { width: 0.0625rem; height: 0.1875rem; } .noUi-marker-horizontal.noUi-marker-sub { height: 0.375rem; } .noUi-marker-horizontal.noUi-marker-large { height: 0.5625rem; } .noUi-pips-vertical { padding-left: 0.66667rem; height: 100%; top: 0; left: 100%; } .noUi-value-vertical { margin-top: -0.62502rem; padding-left: 0.5rem; } .noUi-rtl .noUi-value-vertical { margin-top: 0; margin-bottom: -0.62502rem; } .noUi-marker-vertical.noUi-marker { width: 0.1875rem; height: 0.0625rem; } .noUi-marker-vertical.noUi-marker-sub { width: 0.375rem; } .noUi-marker-vertical.noUi-marker-large { width: 0.5625rem; } /* ------------------------------------------------------------------------------ * * # ION Range Slider * * Styles for ion_rangeslider.min.js - range slider plugin * * ---------------------------------------------------------------------------- */ .irs { position: relative; display: block; height: 3.0625rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /*rtl:ignore*/ direction: ltr; } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } .irs-line { position: relative; display: block; overflow: hidden; outline: none; height: 0.3125rem; top: 2.4375rem; background-color: #eee; border-radius: 100px; } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; } .irs-line-left { /*rtl:ignore*/ left: 0; width: 11%; } .irs-line-mid { /*rtl:ignore*/ left: 9%; width: 82%; } .irs-line-right { /*rtl:ignore*/ right: 0; width: 11%; } .irs-bar { position: absolute; display: block; top: 2.4375rem; /*rtl:ignore*/ left: 0; width: 0; height: 0.3125rem; background-color: #5C6BC0; border-radius: 100px; } .irs-bar-edge { position: absolute; display: block; top: 2.4375rem; /*rtl:ignore*/ left: 0; height: 0.75rem; width: 0.5625rem; } .irs-shadow { position: absolute; display: none; top: 2.4375rem; /*rtl:ignore*/ left: 0; width: 0; height: 0.3125rem; background-color: #333; opacity: 0.25; border-radius: 100px; } .irs-slider { position: absolute; display: block; background-color: #5C6BC0; border: 1px solid transparent; cursor: pointer; top: 2.125rem; cursor: pointer; z-index: 1; width: 0.9375rem; height: 0.9375rem; border-radius: 100px; } .irs-slider:after { content: ''; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -0.15625rem; margin-left: -0.15625rem; background-color: #5C6BC0; width: 0.3125rem; height: 0.3125rem; border-radius: 100px; } .irs-slider, .irs-slider:after { transition: background-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-transform ease-in-out 0.15s; transition: background-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, transform ease-in-out 0.15s; transition: background-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, transform ease-in-out 0.15s, -webkit-transform ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .irs-slider, .irs-slider:after { transition: none; } } .irs-slider:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .irs-slider:focus, .irs-slider:active { box-shadow: 0 0 0 0.625rem rgba(92, 107, 192, 0.1); } .irs-slider:hover, .irs-slider:focus { background-color: #5C6BC0; } .irs-slider:hover:after, .irs-slider:focus:after { background-color: #5C6BC0; } .irs-slider.type_last { z-index: 2; } .irs-min, .irs-max, .irs-from, .irs-to, .irs-single { position: absolute; display: block; cursor: default; } .irs-min, .irs-max { color: #777; font-size: 0.6875rem; line-height: 1; top: 0; padding: 0.5625rem; background-color: #eee; border-radius: 0.075rem; } .irs-min { /*rtl:ignore*/ left: 0; } .irs-max { /*rtl:ignore*/ right: 0; } .irs-from, .irs-to, .irs-single { top: 0; /*rtl:ignore*/ left: 0; white-space: nowrap; color: #fff; font-size: 0.6875rem; line-height: 1; padding: 0.5625rem; top: 0; background-color: #000; border-radius: 0.075rem; } .irs-from:after, .irs-to:after, .irs-single:after { content: ""; position: absolute; display: block; bottom: 0; left: 50%; margin-left: 0; overflow: hidden; border: 0 solid transparent; border-top-color: #000; width: 0; height: 0; } .irs-grid { position: absolute; display: none; bottom: 0; /*rtl:ignore*/ left: 0; width: 100%; height: 1.6875rem; } .irs-with-grid { height: 5rem; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; /*rtl:ignore*/ left: 0; width: 0.0625rem; height: 0.375rem; background-color: #777; } .irs-grid-pol.small { height: 0.1875rem; } .irs-grid-text { position: absolute; bottom: 0; /*rtl:ignore*/ left: 0; white-space: nowrap; text-align: center; font-size: 0.6875rem; color: #777; line-height: 1; padding: 0 0.1875rem; } .irs-disable-mask { position: absolute; display: block; top: 0; /*rtl:ignore*/ left: -1%; width: 102%; height: 100%; cursor: default; background: transparent; z-index: 2; } .irs-disabled { opacity: 0.75; } /* ------------------------------------------------------------------------------ * * # jQuery UI Interactions * * Separate styles for jQuery UI library. Component's interactions * * ---------------------------------------------------------------------------- */ .ui-draggable-handle, .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-sortable .ui-state-disabled { color: #999; cursor: default; opacity: 0.75; } .sortable-placeholder { position: relative; } .sortable-placeholder:before { content: ''; display: inline-block; background-color: rgba(255, 255, 255, 0.8); position: absolute; left: 0; top: 0; border: 1px dashed rgba(0, 0, 0, 0.2); width: 100%; height: 100%; } .card + .sortable-placeholder { margin-bottom: 1.25rem; } .sidebar .card + .sortable-placeholder { margin-bottom: 0; } .sortable-placeholder + .card { margin-top: 1.25rem; } .sidebar .sortable-placeholder + .card { margin-top: 0; } .card-group > .sortable-placeholder:before { border-radius: 0.075rem; } .sidebar .sortable-placeholder:before { border-left: 0; border-right: 0; } .sidebar-dark .sortable-placeholder:before { background-color: rgba(0, 0, 0, 0.5); } .sidebar-dark .card:not([class*=bg-]):not(.fixed-top).ui-sortable-helper { background-color: rgba(0, 0, 0, 0.5); } .sidebar-light .sortable-placeholder:before { background-color: #fafafa; } .sidebar-light .card:not([class*=bg-]):not(.fixed-top).ui-sortable-helper { background-color: #fff; } .table .ui-sortable-helper { width: 100%; background-color: transparent; display: table; } .table .sortable-placeholder { margin: 0; } .table .sortable-placeholder:before { content: none; } .table.ui-sortable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-handle.ui-icon { display: inline-block; border-style: solid; border-width: 0 0 0.375rem 0.375rem; border-color: transparent transparent #333 transparent; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 0.4375rem; width: 100%; top: -0.3125rem; left: 0; } .ui-resizable-s { cursor: s-resize; height: 0.4375rem; width: 100%; bottom: -0.3125rem; left: 0; } .ui-resizable-e { cursor: e-resize; width: 0.4375rem; right: -0.3125rem; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 0.4375rem; left: -0.3125rem; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; right: 0.0625rem; bottom: 0.0625rem; } .ui-resizable-sw { cursor: sw-resize; width: 0.5625rem; height: 0.5625rem; left: -0.3125rem; bottom: -0.3125rem; } .ui-resizable-nw { cursor: nw-resize; width: 0.5625rem; height: 0.5625rem; left: -0.3125rem; top: -0.3125rem; } .ui-resizable-ne { cursor: ne-resize; width: 0.5625rem; height: 0.5625rem; right: -0.3125rem; top: -0.3125rem; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dashed #333; } /* ------------------------------------------------------------------------------ * * # jQuery UI Widgets * * Styles for jQuery UI widgets * * ---------------------------------------------------------------------------- */ .ui-accordion .ui-accordion-header { display: block; cursor: pointer; margin: 0; outline: 0; position: relative; background-color: #fff; padding: 0.9375rem 1.25rem; border: 1px solid rgba(0, 0, 0, 0.125); margin-top: 0.5rem; border-radius: 0.075rem; } .ui-accordion .ui-accordion-header:first-child { margin-top: 0; } .ui-accordion .ui-accordion-header.ui-accordion-header-active { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; top: 50%; right: 1.25rem; margin-top: -0.5rem; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon:before { content: '\e9b8'; font-family: "icomoon"; display: block; width: 1rem; font-size: 1rem; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-accordion .ui-accordion-header-active .ui-accordion-header-icon:before { content: '\e9b7'; } .ui-accordion .ui-accordion-icons { padding-right: 3.5rem; } .ui-accordion .ui-accordion-content { padding: 1.25rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); border-top: 0; overflow: auto; border-bottom-right-radius: 0.075rem; border-bottom-left-radius: 0.075rem; } .accordion-sortable-group + .accordion-sortable-group { margin-top: 0.5rem; } .ui-autocomplete { position: absolute; display: none; padding: 0.5rem 0; z-index: 1000; max-height: 250px; overflow: auto; } .ui-autocomplete .ui-autocomplete-category { padding: 0.5rem 1.25rem; font-size: 0.75rem; line-height: 1.6667; text-transform: uppercase; font-weight: 700; } .ui-autocomplete .ui-autocomplete-category ~ .ui-menu-item .ui-menu-item-wrapper { padding-left: 2.5rem; } .ui-autocomplete-processing:after { content: '\eb51'; font-family: "icomoon"; display: inline-block; position: absolute; top: 50%; right: 0; width: 1rem; text-align: right; margin-top: -0.5rem; font-size: 1rem; line-height: 1; color: inherit; -webkit-animation: rotation 1s linear infinite; animation: rotation 1s linear infinite; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .input-group .ui-autocomplete-input + .input-group-append > .btn, .input-group .ui-autocomplete-input + .input-group-append > .ui-button, .input-group .ui-datepicker-buttonpane .ui-autocomplete-input + .input-group-append > button, .ui-datepicker-buttonpane .input-group .ui-autocomplete-input + .input-group-append > button { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .ui-button, .ui-datepicker-buttonpane button { position: relative; display: inline-block; font-weight: 500; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; background-color: #f5f5f5; border: 1px solid transparent; color: #333; text-transform: uppercase; padding: 0.5rem 1rem; font-size: 0.8125rem; line-height: 1.5385; border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .ui-button, .ui-datepicker-buttonpane button { transition: none; } } .ui-button:focus, .ui-datepicker-buttonpane button:focus { outline: 0; } .ui-button:not([class*=bg-]):not(.ui-selectmenu-button):hover, .ui-datepicker-buttonpane button:not([class*=bg-]):not(.ui-selectmenu-button):hover, .ui-button:not([class*=bg-]):not(.ui-selectmenu-button):focus, .ui-datepicker-buttonpane button:not([class*=bg-]):not(.ui-selectmenu-button):focus, .ui-button:not([class*=bg-]):not(.ui-selectmenu-button):active, .ui-datepicker-buttonpane button:not([class*=bg-]):not(.ui-selectmenu-button):active { color: #333; background-color: #eee; border-color: transparent; } .ui-button.ui-state-disabled, .ui-datepicker-buttonpane button.ui-state-disabled { cursor: default; opacity: 0.65; box-shadow: none; } .ui-button[class*=bg-]:not(.bg-transparent):not(.bg-white):not(.bg-light):hover, .ui-datepicker-buttonpane button[class*=bg-]:not(.bg-transparent):not(.bg-white):not(.bg-light):hover, .ui-button[class*=bg-]:not(.bg-transparent):not(.bg-white):not(.bg-light):focus, .ui-datepicker-buttonpane button[class*=bg-]:not(.bg-transparent):not(.bg-white):not(.bg-light):focus { color: #fff; box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.075) inset; } .ui-button[class*=bg-]:not(.bg-transparent):not(.bg-white):not(.bg-light):active, .ui-datepicker-buttonpane button[class*=bg-]:not(.bg-transparent):not(.bg-white):not(.bg-light):active { box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.075) inset; } .ui-button.ui-button-link, .ui-datepicker-buttonpane button.ui-button-link { background-color: transparent; border-color: transparent; } .ui-button.ui-button-link:hover, .ui-datepicker-buttonpane button.ui-button-link:hover, .ui-button.ui-button-link:focus, .ui-datepicker-buttonpane button.ui-button-link:focus { color: #0a6ebd; } .ui-button.ui-button-link:hover, .ui-datepicker-buttonpane button.ui-button-link:hover, .ui-button.ui-button-link:focus, .ui-datepicker-buttonpane button.ui-button-link:focus, .ui-button.ui-button-link:active, .ui-datepicker-buttonpane button.ui-button-link:active { box-shadow: none; } .ui-button::-moz-focus-inner, .ui-datepicker-buttonpane button::-moz-focus-inner { border: 0; padding: 0; } .ui-button .ui-button-icon-space, .ui-datepicker-buttonpane button .ui-button-icon-space { display: inline-block; width: 0.625rem; } .ui-button.ui-corner-left, .ui-datepicker-buttonpane button.ui-corner-left { border-top-left-radius: 0.075rem; border-bottom-left-radius: 0.075rem; } .ui-button.ui-corner-right, .ui-datepicker-buttonpane button.ui-corner-right { border-top-right-radius: 0.075rem; border-bottom-right-radius: 0.075rem; } .ui-button.ui-corner-all, .ui-datepicker-buttonpane button.ui-corner-all { border-radius: 0.075rem; } .ui-button-icon-only { text-indent: -9999px; padding-left: 1.12502rem; padding-right: 1.12502rem; overflow: hidden; } .ui-button-icon-only .ui-icon { position: absolute; left: 50%; top: 50%; text-indent: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ui-button-icon-only .ui-button-icon-space, .ui-button-icon-only .ui-button-text { display: none; } .ui-controlgroup { display: inline-block; vertical-align: middle; position: relative; } .ui-controlgroup .ui-button, .ui-controlgroup .ui-datepicker-buttonpane button, .ui-datepicker-buttonpane .ui-controlgroup button { margin-left: -1px; float: left; } .ui-controlgroup .ui-selectmenu-button:focus { border-bottom-color: transparent; box-shadow: none; } .ui-controlgroup .ui-selectmenu-button:after { right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); } .ui-controlgroup .ui-button:first-child, .ui-controlgroup .ui-datepicker-buttonpane button:first-child, .ui-datepicker-buttonpane .ui-controlgroup button:first-child, .ui-controlgroup .ui-helper-hidden-accessible:first-child + .ui-button, .ui-controlgroup .ui-datepicker-buttonpane .ui-helper-hidden-accessible:first-child + button, .ui-datepicker-buttonpane .ui-controlgroup .ui-helper-hidden-accessible:first-child + button { margin-left: 0; } .ui-checkboxradio-label.ui-checkboxradio-checked { background-color: #eee; color: #333; border-color: transparent; } .ui-checkboxradio-label.ui-checkboxradio-checked[class*=bg-]:not(.bg-white):not(.bg-light):not(.bg-transparent) { box-shadow: 0 0 0 62.5rem rgba(0, 0, 0, 0.125) inset; } .ui-checkboxradio-label.ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { min-width: 270px; padding: 0.9375rem; } .ui-datepicker:not(.ui-datepicker-inline) { display: none; background-color: #fff; border: 0 solid rgba(0, 0, 0, 0.15); z-index: 1070 !important; border-radius: 0.075rem; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .sidebar .ui-datepicker { min-width: 0; } .ui-datepicker a { transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .ui-datepicker a { transition: none; } } .ui-datepicker .ui-datepicker-header { position: relative; } .ui-datepicker .ui-datepicker-title { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding-top: 0.46875rem; padding-bottom: 0.46875rem; font-size: 0.9375rem; margin-left: 2.9375rem; margin-right: 2.9375rem; } .ui-datepicker .ui-datepicker-title .ui-datepicker-month { font-weight: 500; } .ui-datepicker .ui-datepicker-title .ui-datepicker-year { font-size: 85%; color: #999; margin-left: 0.46875rem; } .ui-datepicker .ui-datepicker-title select { outline: 0; height: 2.12502rem; border-color: #ddd; -ms-flex: 1; flex: 1; } .ui-datepicker .ui-datepicker-title select.ui-datepicker-month, .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { font-size: 0.8125rem; font-weight: 400; color: #333; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 50%; margin-top: -1rem; line-height: 1; color: #333; padding: 0.5rem; cursor: pointer; border-radius: 0.075rem; } .ui-datepicker .ui-datepicker-prev:after, .ui-datepicker .ui-datepicker-next:after { font-family: "icomoon"; display: block; font-size: 1rem; width: 1rem; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; } .ui-datepicker .ui-datepicker-prev { left: 0; } .ui-datepicker .ui-datepicker-prev:after { content: '\e9c8'; } .ui-datepicker .ui-datepicker-next { right: 0; } .ui-datepicker .ui-datepicker-next:after { content: '\e9cb'; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { color: #333; background-color: #f5f5f5; } .ui-datepicker .ui-datepicker-calendar { width: 100%; border-collapse: collapse; margin: 0; } .ui-datepicker .ui-datepicker-calendar th { text-align: center; font-weight: 400; padding-top: 0.9375rem; padding-bottom: 0.5rem; font-size: 0.75rem; color: #999; } .ui-datepicker .ui-datepicker-calendar td { text-align: center; } .ui-datepicker .ui-datepicker-calendar td span, .ui-datepicker .ui-datepicker-calendar td a { display: block; position: relative; text-decoration: none; min-width: 2.25003rem; color: #333; padding: 0.5rem; border-radius: 0.075rem; } .ui-datepicker .ui-datepicker-calendar td .ui-state-hover { color: #333; background-color: #f5f5f5; } .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled a, .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled span { color: #999; background-color: transparent; } .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-col { min-width: 2.25003rem; padding: 0.5rem; color: #999; } .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day .ui-state-active { color: #fff; background-color: #5983fc; } .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today .ui-state-highlight { color: #333; background-color: #f5f5f5; } .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today .ui-state-highlight:after { content: ""; position: absolute; top: 0.16667rem; right: 0.16667rem; border-top: 0.5rem solid #767676; border-left: 0.5rem solid transparent; width: 0; height: 0; } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-other-month .ui-priority-secondary { color: #999; } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-col { text-align: left; } .ui-datepicker.ui-datepicker-multi { width: auto !important; } .ui-datepicker-buttonpane { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding-top: 0.9375rem; } .ui-datepicker-inline { max-width: 100%; overflow-x: auto; } .ui-datepicker-trigger { position: absolute; top: 4px; right: 0; z-index: 4; padding: 6px 0; cursor: pointer; } .ui-datepicker-row-break { clear: both; width: 100%; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group + .ui-datepicker-group { padding-left: 0.9375rem; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 46%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-dialog { position: fixed; top: 0; /*rtl:ignore*/ left: 0; background-color: #fff; background-clip: padding-box; border: 1px solid transparent; z-index: 1050; display: none; overflow: hidden; outline: 0; border-radius: 0.25rem; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } @media (max-width: 767.98px) { .ui-dialog { width: 90% !important; } } .ui-dialog-titlebar { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 1.25rem; padding-bottom: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-dialog-title { display: block; font-size: 0.9375rem; line-height: 1.5385; } .ui-dialog-titlebar-close { margin-left: auto; background-color: transparent; padding: 0; border: 0; font-size: 0; text-indent: 0; opacity: 0.75; } .ui-dialog-titlebar-close:after { content: '\ed6a'; font-family: "icomoon"; display: block; width: 0.8125rem; font-size: 0.8125rem; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-dialog-titlebar-close:hover, .ui-dialog-titlebar-close:focus { background-color: transparent !important; opacity: 1; } .ui-dialog-content { position: relative; overflow: auto; padding: 1.25rem; } .ui-dialog-content .form-group:last-child, .ui-dialog-content p:last-child { margin-bottom: 0; } .ui-dialog-buttonpane { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1.25rem; padding-top: 0; } .ui-dialog-buttonpane button + button { margin-left: 0.625rem; } .ui-menu { list-style: none; padding: 0.5rem 0; margin: 0; display: block; outline: none; min-width: 11.25rem; white-space: nowrap; background-color: #fff; border: 0 solid rgba(0, 0, 0, 0.15); z-index: 1000; border-radius: 0.075rem; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .ui-menu .ui-menu { position: absolute; top: -0.5rem !important; } .ui-menu .ui-menu-item { margin: 0; position: relative; } .ui-menu .ui-menu-item i { margin-right: 1.25rem; } .ui-menu .ui-menu-item-wrapper { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; cursor: pointer; padding: 0.5rem 1.25rem; outline: 0; color: #333; overflow: hidden; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .ui-menu .ui-menu-item-wrapper { transition: none; } } .ui-menu .ui-menu-item-wrapper > .ui-menu-icon { position: absolute; top: 50%; margin-top: -0.5rem; right: 1.25rem; } .ui-menu .ui-menu-item-wrapper > .ui-menu-icon:after { content: '\e9c7'; font-family: "icomoon"; font-size: 1rem; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-menu .ui-menu-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; padding: 0.5rem 1.25rem; font-size: 0.75rem; line-height: 1.6667; text-transform: uppercase; color: #999; margin-top: 0.25rem; margin-bottom: 0.25rem; } .ui-menu .ui-menu-header.highlight { margin-top: 0; background-color: #f8f8f8; } .ui-menu .ui-menu-item + .highlight, .ui-menu .highlight + .ui-menu-item { margin-top: 0.5rem; } .ui-menu .ui-menu-item-wrapper > i, .ui-menu .ui-menu-header > i { top: 0; margin-top: 0.12502rem; margin-right: 1.25rem; } .ui-menu .ui-menu-divider { margin: 0.5rem 0; height: 0; font-size: 0; overflow: hidden; border-top: 1px solid #ddd; } .ui-menu .ui-state-disabled .ui-menu-item-wrapper { color: #999; background-color: transparent; cursor: default; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { color: #333; background-color: #f5f5f5; } .ui-progressbar { display: -ms-flexbox; display: flex; height: 1.125rem; overflow: hidden; font-size: 0.60938rem; background-color: #eee; border-radius: 0.075rem; box-shadow: none; } .ui-progressbar-value { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; background-color: #2196F3; background-size: 1.125rem 1.125rem; transition: width 0.6s ease; } @media screen and (prefers-reduced-motion: reduce) { .ui-progressbar-value { transition: none; } } .ui-progressbar-striped .ui-progressbar-value { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .ui-progressbar-active .ui-progressbar-value { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; /*rtl:ignore*/ left: 0; display: none; } .ui-selectmenu-menu .ui-menu { max-height: 340px; overflow-y: auto; overflow-x: hidden; margin-top: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 0.75rem; font-weight: 500; line-height: 1.6667; padding: 0.5rem 1.25rem; text-transform: uppercase; height: auto; border: 0; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup ~ .ui-menu-item .ui-menu-item-wrapper { padding-left: 2.5rem; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button { text-decoration: none; text-align: left; outline: 0; font-weight: 400; } .ui-selectmenu-button:not(.ui-controlgroup-item) { display: inline-block; position: relative; background-color: transparent; border: 1px solid #ddd; border-width: 1px 0; border-top-color: transparent; cursor: pointer; border-radius: 0; } .ui-selectmenu-button:not(.ui-button-icon-only) { padding: 0.5rem 0; padding-right: 1.5rem; } .ui-controlgroup .ui-selectmenu-button:hover, .ui-controlgroup .ui-selectmenu-button:focus, .ui-controlgroup .ui-selectmenu-button:active { color: #333; background-color: #eee; border-color: transparent; } .ui-selectmenu-button:focus, .ui-selectmenu-button.ui-selectmenu-button-open { border-bottom-color: #3e60c1; box-shadow: 0 1px 0 #3e60c1; } .ui-selectmenu-button:after { content: '\e9c5'; font-family: "icomoon"; display: inline-block; position: absolute; top: 50%; right: 0; margin-top: -0.5rem; font-size: 1rem; line-height: 1; color: inherit; text-indent: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-selectmenu-button .ui-selectmenu-text { display: block; text-transform: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-selectmenu-disabled:not(.ui-controlgroup-item) { cursor: default; background-color: transparent; border-bottom-style: dashed; } .ui-selectmenu-disabled:not(.ui-controlgroup-item):focus { border-bottom-color: #ddd; box-shadow: none; } .ui-selectmenu-lg .ui-selectmenu-button .ui-selectmenu-text { padding: 0.625rem 0; padding-right: 1.5rem; font-size: 0.875rem; line-height: 1.4286; } .ui-selectmenu-sm .ui-selectmenu-button .ui-selectmenu-text { padding: 0.375rem 0; padding-right: 1.5rem; font-size: 0.75rem; line-height: 1.6667; } .ui-selectmenu-images .ui-menu-item span { display: inline-block; margin-right: 1.25rem; background-size: 1.25003rem 1.25003rem; float: left; width: 1.25003rem; height: 1.25003rem; border-radius: 0.075rem; } .ui-selectmenu-images .demo-img-amazon { background: url("../../../../../../global_assets/images/brands/amazon.png") no-repeat; } .ui-selectmenu-images .demo-img-youtube { background: url("../../../../../../global_assets/images/brands/youtube.png") no-repeat; } .ui-selectmenu-images .demo-img-twitter { background: url("../../../../../../global_assets/images/brands/twitter.png") no-repeat; } .ui-selectmenu-images .demo-img-bing { background: url("../../../../../../global_assets/images/brands/bing.png") no-repeat; } .ui-selectmenu-images .demo-img-spotify { background: url("../../../../../../global_assets/images/brands/spotify.png") no-repeat; } .ui-slider { position: relative; text-align: left; background-color: #eee; border-radius: 100px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; cursor: pointer; background-color: #5C6BC0; border: 1px solid transparent; outline: 0; width: 0.9375rem; height: 0.9375rem; border-radius: 100px; transition: background-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-transform ease-in-out 0.15s; transition: background-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, transform ease-in-out 0.15s; transition: background-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, transform ease-in-out 0.15s, -webkit-transform ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .ui-slider .ui-slider-handle { transition: none; } } .ui-slider .ui-slider-handle.ui-state-hover, .ui-slider .ui-slider-handle.ui-state-focus { -webkit-transform: scale(1.1); transform: scale(1.1); } .ui-slider .ui-slider-handle.ui-state-focus, .ui-slider .ui-slider-handle.ui-state-active { box-shadow: 0 0 0 0.625rem rgba(92, 107, 192, 0.1); } .ui-slider .ui-slider-handle:after { content: ''; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -0.15625rem; margin-left: -0.15625rem; background-color: #5C6BC0; width: 0.3125rem; height: 0.3125rem; border-radius: 100px; transition: background-color ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .ui-slider .ui-slider-handle:after { transition: none; } } .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; background-color: #5C6BC0; border-radius: 100px; } .ui-slider.ui-slider-disabled { opacity: 0.75; } .ui-slider.ui-slider-disabled .ui-slider-handle { cursor: default; } .ui-slider-horizontal { height: 0.3125rem; } .ui-slider-horizontal .ui-slider-handle { top: -0.3125rem; /*rtl:ignore*/ margin-left: -0.46875rem; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: 0.3125rem; height: 150px; display: inline-block; margin: 0 0.625rem; } .ui-slider-vertical .ui-slider-handle { left: -0.3125rem; margin-bottom: -0.46875rem; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-slider-lg .ui-slider-handle { width: 1.3125rem; height: 1.3125rem; } .ui-slider-lg .ui-slider-handle:after { margin-top: -0.21875rem; margin-left: -0.21875rem; width: 0.4375rem; height: 0.4375rem; } .ui-slider-lg.ui-slider-horizontal { height: 0.4375rem; } .ui-slider-lg.ui-slider-horizontal .ui-slider-handle { top: -0.4375rem; /*rtl:ignore*/ margin-left: -0.65625rem; } .ui-slider-lg.ui-slider-vertical { width: 0.4375rem; } .ui-slider-lg.ui-slider-vertical .ui-slider-handle { left: -0.4375rem; margin-bottom: -0.65625rem; } .ui-slider-sm .ui-slider-handle { width: 0.5625rem; height: 0.5625rem; } .ui-slider-sm .ui-slider-handle:after { margin-top: -0.09375rem; margin-left: -0.09375rem; width: 0.1875rem; height: 0.1875rem; } .ui-slider-sm.ui-slider-horizontal { height: 0.1875rem; } .ui-slider-sm.ui-slider-horizontal .ui-slider-handle { top: -0.1875rem; /*rtl:ignore*/ margin-left: -0.28125rem; } .ui-slider-sm.ui-slider-vertical { width: 0.1875rem; } .ui-slider-sm.ui-slider-vertical .ui-slider-handle { left: -0.1875rem; margin-bottom: -0.28125rem; } .ui-slider-primary .ui-slider-range { background-color: #2196F3; border-color: #2196F3; } .ui-slider-primary .ui-slider-handle, .ui-slider-primary .ui-slider-handle:after { background-color: #2196F3; } .ui-slider-primary .ui-slider-handle.ui-state-focus, .ui-slider-primary .ui-slider-handle.ui-state-active { box-shadow: 0 0 0 0.625rem rgba(33, 150, 243, 0.1); } .ui-slider-danger .ui-slider-range { background-color: #F44336; border-color: #F44336; } .ui-slider-danger .ui-slider-handle, .ui-slider-danger .ui-slider-handle:after { background-color: #F44336; } .ui-slider-danger .ui-slider-handle.ui-state-focus, .ui-slider-danger .ui-slider-handle.ui-state-active { box-shadow: 0 0 0 0.625rem rgba(244, 67, 54, 0.1); } .ui-slider-success .ui-slider-range { background-color: #4CAF50; border-color: #4CAF50; } .ui-slider-success .ui-slider-handle, .ui-slider-success .ui-slider-handle:after { background-color: #4CAF50; } .ui-slider-success .ui-slider-handle.ui-state-focus, .ui-slider-success .ui-slider-handle.ui-state-active { box-shadow: 0 0 0 0.625rem rgba(76, 175, 80, 0.1); } .ui-slider-warning .ui-slider-range { background-color: #FF7043; border-color: #FF7043; } .ui-slider-warning .ui-slider-handle, .ui-slider-warning .ui-slider-handle:after { background-color: #FF7043; } .ui-slider-warning .ui-slider-handle.ui-state-focus, .ui-slider-warning .ui-slider-handle.ui-state-active { box-shadow: 0 0 0 0.625rem rgba(255, 112, 67, 0.1); } .ui-slider-info .ui-slider-range { background-color: #00BCD4; border-color: #00BCD4; } .ui-slider-info .ui-slider-handle, .ui-slider-info .ui-slider-handle:after { background-color: #00BCD4; } .ui-slider-info .ui-slider-handle.ui-state-focus, .ui-slider-info .ui-slider-handle.ui-state-active { box-shadow: 0 0 0 0.625rem rgba(0, 188, 212, 0.1); } .ui-slider-circle .ui-slider-handle:after { background-color: #fff; } .ui-handle-white .ui-slider-handle { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .ui-handle-white .ui-slider-handle:after { content: none; } .ui-handle-white .ui-slider-handle.ui-state-focus, .ui-handle-white .ui-slider-handle.ui-state-active { box-shadow: 0 0 0 0.625rem rgba(92, 107, 192, 0.1), 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .ui-spinner { position: relative; display: -ms-flexbox; display: flex; width: 100%; } .ui-spinner-input { margin-right: 1.25rem; } .ui-spinner-button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; border-radius: 0; } .ui-spinner-button:after { font-family: "icomoon"; position: absolute; left: 50%; top: 50%; width: 1rem; font-size: 1rem; line-height: 1; text-indent: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-spinner-button > span { display: none; } .ui-spinner-up { border-top-left-radius: 0.075rem; border-bottom-left-radius: 0.075rem; } .ui-spinner-up:after { content: '\e9f7'; } .ui-spinner-down { border-top-right-radius: 0.075rem; border-bottom-right-radius: 0.075rem; } .ui-spinner-down:after { content: '\e9e2'; } .ui-tabs { position: relative; } .ui-tabs .ui-tabs-nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1.25rem; border-bottom: 1px solid #ddd; } .ui-tabs .ui-tabs-tab { list-style: none; position: relative; padding: 0; margin-bottom: -1px; } .ui-tabs .ui-tabs-anchor { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; align-items: flex-start; color: #777; padding: 0.625rem 1.25rem; border: 1px solid transparent; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .ui-tabs .ui-tabs-anchor { transition: none; } } .ui-tabs .ui-tabs-anchor:before { content: ''; position: absolute; height: 2px; top: -1px; left: -1px; right: -1px; transition: background-color ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .ui-tabs .ui-tabs-anchor:before { transition: none; } } .ui-tabs .ui-tabs-anchor i { top: 0; margin-top: 0.12502rem; } .ui-tabs .ui-state-hover .ui-tabs-anchor:not(.ui-state-disabled), .ui-tabs .ui-state-focus .ui-tabs-anchor:not(.ui-state-disabled) { color: #333; } .ui-tabs .ui-tabs-active .ui-tabs-anchor { color: #333; background-color: #fff; border-color: #ddd #ddd #fff; } .ui-tabs .ui-tabs-active .ui-tabs-anchor:before { background-color: #2196F3; } .ui-tabs .ui-state-disabled { color: #999; background-color: transparent; border-color: transparent; cursor: default; } .ui-tabs .ui-sortable-helper:not(.ui-tabs-active) .ui-tabs-anchor { border-color: #ddd; } .ui-tabs .ui-tabs-panel { display: block; } .ui-tooltip { position: absolute; z-index: 1070; max-width: 200px; padding: 0.5625rem 0.75rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.075rem; } .ui-widget-overlay { position: fixed; top: 0; /*rtl:ignore*/ left: 0; z-index: 1040; background-color: #000; opacity: 0.5; width: 100%; height: 100%; } .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; list-style: none; } .ui-helper-clearfix::after { display: block; clear: both; content: ""; } .ui-helper-zfix { top: 0; left: 0; position: absolute; opacity: 0; width: 100%; height: 100%; } .ui-front { z-index: 1040; } /* ------------------------------------------------------------------------------ * * # Ripple effect * * Styles for ripple.min.js - material design ripple click effect * * ---------------------------------------------------------------------------- */ .legitRipple { position: relative; overflow: hidden; z-index: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .legitRipple-ripple { position: absolute; width: 0; z-index: -1; pointer-events: none; border-radius: 50%; background-color: rgba(255, 255, 255, 0.15); will-change: transform, width, opacity; opacity: 1; transition: width 0.15s linear, opacity 0.5s ease-out; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; } .legitRipple-ripple:before { content: ""; padding-top: 100%; display: block; } .ripple-dark .legitRipple-ripple, .btn-light .legitRipple-ripple, .btn.bg-white .legitRipple-ripple, .btn-link .legitRipple-ripple, .btn.bg-transparent .legitRipple-ripple, .page-link:not(.active) .legitRipple-ripple, .nav-tabs:not([class*=bg-]) .nav-link .legitRipple-ripple, .nav-pills .nav-link .legitRipple-ripple, .ui-button:not([class*=bg-]) .legitRipple-ripple, .ui-datepicker-buttonpane button:not([class*=bg-]) .legitRipple-ripple, .ui-tabs-anchor .legitRipple-ripple, .fc-button .legitRipple-ripple, .sp-replacer .legitRipple-ripple, .sidebar-light .nav-sidebar .nav-link .legitRipple-ripple, .plupload_add .legitRipple-ripple, .btn[class*=alpha-] .legitRipple-ripple, .btn-outline.bg-white .legitRipple-ripple, .btn-outline.bg-light .legitRipple-ripple, .list-group-item-action .legitRipple-ripple, .navbar-light .navbar-nav-link .legitRipple-ripple { background-color: rgba(0, 0, 0, 0.075); } .ripple-light .legitRipple-ripple, .sidebar-user-material-footer > a .legitRipple-ripple, .sp-replacer[class*=bg-] .legitRipple-ripple, .pagination-pager-linked .page-link .legitRipple-ripple, .page-item.active .page-link .legitRipple-ripple, .list-group-item-action.active .legitRipple-ripple { background-color: rgba(255, 255, 255, 0.15); } img ~ .legitRipple-ripple { z-index: auto; } .dropdown-toggle.legitRipple-empty:after { margin-left: 0; } .legitRipple-template { display: none; } /* ------------------------------------------------------------------------------ * * # Prism * * Styles for prism.min.js - lightweight, extensible syntax highlighter * * ---------------------------------------------------------------------------- */ code[class*="language-"], pre[class*="language-"] { text-shadow: 0 1px #fff; word-break: break-all; line-height: 1.5; background-color: transparent; /*rtl:ignore*/ direction: ltr; } @media print { code[class*="language-"], pre[class*="language-"] { text-shadow: none; } } .token.comment, .token.prolog, .token.doctype, .token.cdata, .token.punctuation { color: #999; } .token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol { color: #905; } .token.selector, .token.attr-name, .token.string, .token.builtin { color: #690; } .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string, .token.variable { color: #a67f59; background: rgba(255, 255, 255, 0.5); } .token.atrule, .token.attr-value, .token.keyword { color: #07a; } .token.function { color: #DD4A68; } .token.regex, .token.important { color: #e90; } .token.important { font-weight: bold; } .token.entity { cursor: help; } .namespace { opacity: 0.7; } .line-highlight { position: absolute; left: 0; right: 0; margin-top: 1.25rem; background: rgba(103, 139, 220, 0.12); pointer-events: none; white-space: pre; line-height: inherit; } .line-highlight:before, .line-highlight:after { content: attr(data-start); position: absolute; top: 0px; /*rtl:ignore*/ left: 10px; padding: 2px; text-align: center; font-size: 10px; color: #999; } .line-highlight[data-end]:after { content: attr(data-end); top: auto; bottom: 0; } .line-numbers .line-numbers-rows { position: absolute; pointer-events: none; top: 0; font-size: 100%; width: 36px; letter-spacing: -1px; /*rtl:begin:ignore*/ left: -50px; border-right: 1px solid #999; /*rtl:end:ignore*/ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .line-numbers .line-numbers-rows > span { pointer-events: none; display: block; counter-increment: linenumber; } .line-numbers .line-numbers-rows > span:before { content: counter(linenumber); color: #999; display: block; /*rtl:begin:ignore*/ padding-right: 10px; text-align: right; /*rtl:end:ignore*/ } pre.line-numbers { position: relative; /*rtl:ignore*/ padding-left: 50px; counter-reset: linenumber; } pre.line-numbers > code { position: relative; } pre[class*="language-"] { overflow: auto; position: relative; background-color: #fdfdfd; background-image: linear-gradient(transparent 50%, rgba(25, 118, 210, 0.025) 50%); background-size: 3em 3em; background-origin: content-box; /*rtl:begin:ignore*/ border-left-width: 0; box-shadow: 3px 0 0 0 #5983fc inset; border-top-left-radius: 0; border-bottom-left-radius: 0; /*rtl:end:ignore*/ } pre[data-line] { position: relative; /*rtl:ignore*/ padding-left: 36px; } pre.code-toolbar { position: relative; } pre.code-toolbar > .toolbar { background-color: #f8f8f8; display: inline-block; position: absolute; top: 0; text-shadow: none; color: #333; border-bottom: 1px solid #ddd; /*rtl:begin:ignore*/ border-left: 1px solid #ddd; right: 0; border-radius: 0 0 0 0.1875rem; /*rtl:end:ignore*/ } pre.code-toolbar > .toolbar span, pre.code-toolbar > .toolbar .toolbar-item { display: inline-block; } pre.code-toolbar > .toolbar a { cursor: pointer; } pre.code-toolbar > .toolbar button { background: none; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } pre.code-toolbar > .toolbar a, pre.code-toolbar > .toolbar button, pre.code-toolbar > .toolbar span { padding: 0.25rem 0.5rem; font-size: 0.6875rem; outline: 0; } pre.code-toolbar > .toolbar a:hover, pre.code-toolbar > .toolbar a:focus, pre.code-toolbar > .toolbar button:hover, pre.code-toolbar > .toolbar button:focus, pre.code-toolbar > .toolbar span:hover, pre.code-toolbar > .toolbar span:focus { color: inherit; text-decoration: none; } /* ------------------------------------------------------------------------------ * * # Slinky * * Styles for slinky.min.js - animated multi level navigation * * ---------------------------------------------------------------------------- */ .slinky-menu { position: relative; overflow: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); } .slinky-menu > ul { /*rtl:ignore*/ left: 0; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); } .slinky-menu ul { width: 100%; } .slinky-menu ul.active { max-height: 340px; overflow-y: auto; } .slinky-menu li + li:not(.dropdown-item):not(.dropdown-divider) { margin-top: 1px; } .slinky-menu li ul { display: none; /*rtl:ignore*/ left: 100%; position: absolute; top: 0; } .slinky-menu .header { display: -ms-flexbox; display: flex; position: relative; color: #2196F3; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .slinky-menu .header { transition: none; } } .slinky-menu .header:hover, .slinky-menu .header:focus { color: #0a6ebd; } .slinky-menu .header .title { -ms-flex: 1; flex: 1; padding: 0.5rem 1.25rem; padding-left: 3.5rem; } .slinky-menu .next:after, .slinky-menu .next:before, .slinky-menu .back:after, .slinky-menu .back:before { font-family: "icomoon"; position: absolute; top: 50%; margin-top: -0.5rem; font-size: 1rem; line-height: 1; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slinky-menu .next { padding-right: 3rem; } .slinky-menu .next:after { content: '\e9c7'; right: 1.25rem; } .slinky-menu .back { position: absolute; padding: 0.5rem 1.25rem; color: inherit; width: 100%; height: 100%; } .slinky-menu .back:before { content: '\ede7'; left: 1.25rem; } /* ------------------------------------------------------------------------------ * * # Sticky kit * * Styles for sticky.min.js - extension that makes elements sticky * * ---------------------------------------------------------------------------- */ .is_stuck { z-index: 1030 !important; } /* ------------------------------------------------------------------------------ * * # Headroom * * Styles for headroom.min.js - hides BS navbar component on page scroll * * ---------------------------------------------------------------------------- */ .headroom { transition: box-shadow ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s; transition: transform ease-in-out 0.2s, box-shadow ease-in-out 0.2s; transition: transform ease-in-out 0.2s, box-shadow ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s; will-change: transform; } .navbar-slide-top.headroom--pinned { -webkit-transform: translateY(0); transform: translateY(0); } .navbar-slide-top.headroom--unpinned { -webkit-transform: translateY(-100%); transform: translateY(-100%); box-shadow: none; } .navbar-slide-bottom.headroom--pinned { -webkit-transform: translateY(100%); transform: translateY(100%); box-shadow: none; } .navbar-slide-bottom.headroom--unpinned { -webkit-transform: translateY(0); transform: translateY(0); } /* ------------------------------------------------------------------------------ * * # Dragula - drag and drop library * * Styles for Dragula Drag and drop plugin * * ---------------------------------------------------------------------------- */ .gu-mirror { position: fixed !important; margin: 0 !important; z-index: 9999 !important; opacity: 0.8; } .gu-unselectable.dropdown-menu li:nth-last-child(2) { margin-bottom: 0; } .nav-pills-toolbar > li.gu-mirror:not(.active) > a { border: 0; } .gu-hide { display: none !important; } .gu-unselectable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .gu-transit { opacity: 0.5; } .dragula-handle { color: #999; cursor: pointer; } .dragula-handle:hover, .dragula-handle:focus { color: #333; } /* ------------------------------------------------------------------------------ * * # Perfect Scrollbar * * Styles for perfect_scrollbar.min.js - custom scrollbar extension * * ---------------------------------------------------------------------------- */ /* * Container style */ .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } /* * Scrollbar rail styles */ .ps__rail-x { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; } .ps__rail-y { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; width: 15px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent; } .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: 0.6; } .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { background-color: #eee; opacity: 0.9; } /* * Scrollbar thumb styles */ .ps__thumb-x { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; } .ps__thumb-y { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 6px; /* there must be 'right' for ps__thumb-y */ right: 2px; /* please don't change 'position' */ position: absolute; } .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: #999; height: 11px; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: #999; width: 11px; } /* MS supports */ @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } /* ------------------------------------------------------------------------------ * * # Floating action buttons * * Styles for fab.min.js - material design floating action button with menu * * ---------------------------------------------------------------------------- */ .fab-menu { position: relative; display: inline-block; white-space: nowrap; padding: 0; margin: 0; list-style: none; z-index: 1029; -webkit-transform: scale(0.85); transform: scale(0.85); } .page-header > .fab-menu { position: absolute; bottom: -1.5rem; } @media (min-width: 768px) { .fab-menu { -webkit-transform: scale(1); transform: scale(1); } } .fab-menu-absolute { position: absolute; } .fab-menu-fixed { position: fixed; z-index: 1030; } .content-wrapper > .fab-menu-top-left, .content-wrapper > .fab-menu-top-right { top: -1.5rem; } .fab-menu-bottom-left, .fab-menu-bottom-right { bottom: 1.25rem; transition: bottom ease-in-out 0.15s; } .fab-menu-bottom-left.reached-bottom, .fab-menu-bottom-right.reached-bottom { bottom: 5.62503rem; } .fab-menu-top-right, .fab-menu-bottom-right { right: 1.25rem; } .fab-menu-inner { list-style: none; margin: 0; padding: 0; } .fab-menu-inner > li { display: block; position: absolute; top: 0.125rem; left: 0; right: 0; text-align: center; padding-top: 1.25rem; margin-top: -1.25rem; } .fab-menu-inner > li .btn { border-width: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .fab-menu-inner > li .btn:hover, .fab-menu-inner > li .btn:focus, .fab-menu-inner > li .btn.focus, .fab-menu-inner > li .btn:not(:disabled):not(.disabled):active, .fab-menu-inner > li .btn:not(:disabled):not(.disabled).active { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important; } .fab-menu-inner > li .btn-float { padding: 0; width: 2.75rem; height: 2.75rem; } .fab-menu-inner > li .btn-float > i { margin: 0.875rem; } .fab-menu-inner > li .show > .btn-float.dropdown-toggle { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .fab-menu-inner > li .dropleft .btn:before, .fab-menu-inner > li .dropleft .btn:after, .fab-menu-inner > li .dropright .btn:before, .fab-menu-inner > li .dropright .btn:after { content: none; } .fab-menu-inner > li .badge { position: absolute; top: 0.75rem; right: -0.25rem; } .fab-menu-inner > li .badge-mark { top: 1.25rem; right: 0rem; } .fab-menu-bottom-left .fab-menu-inner > li, .fab-menu-bottom-right .fab-menu-inner > li { padding-top: 0; margin-top: 0; padding-bottom: 1.25rem; margin-bottom: -1.25rem; } .fab-menu-bottom-left .fab-menu-inner > li .badge, .fab-menu-bottom-right .fab-menu-inner > li .badge { top: -0.5rem; } .fab-menu-bottom-left .fab-menu-inner > li .badge-mark, .fab-menu-bottom-right .fab-menu-inner > li .badge-mark { top: 0rem; } .fab-menu-btn { z-index: 1031; border-width: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .fab-menu-btn.btn-float { padding: 1.5rem; } .fab-menu-btn.btn-float > i { position: absolute; top: 50%; left: 50%; margin-top: -0.5rem; margin-left: -0.5rem; } .fab-menu-btn:hover, .fab-menu-btn:focus, .fab-menu-btn:not(:disabled):not(.disabled):active, .fab-menu-btn:not(:disabled):not(.disabled).active, .fab-menu-btn:not(:disabled):not(.disabled):active:focus, .fab-menu[data-fab-toggle="hover"]:hover .fab-menu-btn, .fab-menu[data-fab-state="open"] .fab-menu-btn { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .fab-menu-btn:disabled, .fab-menu-btn.disabled { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .fab-icon-close, .fab-icon-open { -webkit-transform: rotate(360deg); transform: rotate(360deg); transition: all ease-in-out 0.3s; } .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-close, .fab-menu[data-fab-state="open"] .fab-icon-close, .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-open, .fab-menu[data-fab-state="open"] .fab-icon-open { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-open, .fab-menu[data-fab-state="open"] .fab-icon-open { opacity: 0; } .fab-icon-close { opacity: 0; } .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-close, .fab-menu[data-fab-state="open"] .fab-icon-close { opacity: 1; } .fab-menu .fab-menu-inner > li { visibility: hidden; opacity: 0; transition: all ease-in-out 0.3s; } .fab-menu .fab-menu-inner > li:nth-child(1) { transition-delay: 0.05s; } .fab-menu .fab-menu-inner > li:nth-child(2) { transition-delay: 0.1s; } .fab-menu .fab-menu-inner > li:nth-child(3) { transition-delay: 0.15s; } .fab-menu .fab-menu-inner > li:nth-child(4) { transition-delay: 0.2s; } .fab-menu .fab-menu-inner > li:nth-child(5) { transition-delay: 0.25s; } .fab-menu[data-fab-toggle="hover"]:hover .fab-menu-inner > li, .fab-menu[data-fab-state="open"] .fab-menu-inner > li { visibility: visible; opacity: 1; } .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(1), .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(1), .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(1) { top: 4.25rem; } .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(2) { top: 8.25rem; } .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(3) { top: 12.25rem; } .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(4) { top: 16.25rem; } .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), .fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(5) { top: 20.25rem; } .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(1), .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(1), .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(1), .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(1) { top: -3.75rem; } .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(2) { top: -7.75rem; } .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(3) { top: -11.75rem; } .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(4) { top: -15.75rem; } .fab-menu-bottom[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), .fab-menu-bottom[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), .fab-menu-bottom-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), .fab-menu-bottom-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), .fab-menu-bottom-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), .fab-menu-bottom-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(5) { top: -19.75rem; } .fab-menu-inner div[data-fab-label]:after { content: attr(data-fab-label); position: absolute; top: 50%; margin-top: -0.5625rem; right: 4.125rem; color: #fff; background-color: #000; padding: 0.5625rem 0.75rem; visibility: hidden; opacity: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); transition: all ease-in-out 0.3s; border-radius: 0.075rem; } .fab-menu-bottom-left .fab-menu-inner div[data-fab-label]:after, .fab-menu-bottom-right .fab-menu-inner div[data-fab-label]:after { margin-top: -1.8125rem; } .fab-menu-top-left .fab-menu-inner div[data-fab-label]:after, .fab-menu-bottom-left .fab-menu-inner div[data-fab-label]:after, .fab-menu-inner div[data-fab-label].fab-label-right:after { right: auto; left: 4.125rem; } .fab-menu[data-fab-toggle="hover"] .fab-menu-inner div[data-fab-label]:hover:after, .fab-menu[data-fab-state="open"] .fab-menu-inner div[data-fab-label]:hover:after { visibility: visible; opacity: 1; } .fab-menu-inner div[data-fab-label].fab-label-light:after { background-color: #fff; color: #333; } .fab-menu-inner div[data-fab-label].fab-label-visible:after { visibility: visible; opacity: 1; } /* ------------------------------------------------------------------------------ * * # Fancytree * * Styles for fancytree_all.min.js - tree plugin for jQuery * * ---------------------------------------------------------------------------- */ .fancytree-container { list-style: none; white-space: nowrap; padding: 0; margin: 0; overflow: auto; position: relative; line-height: 1.2; } .fancytree-container:focus { outline: 0; } .fancytree-container ul { list-style: none; padding-left: 1rem; margin: 0; } .ui-fancytree-disabled .fancytree-container { opacity: 0.6; } .ui-fancytree-disabled .fancytree-container, .ui-fancytree-disabled .fancytree-title, .ui-fancytree-disabled .fancytree-expander { cursor: default; } .ui-fancytree-disabled .fancytree-treefocus .fancytree-selected .fancytree-title { background-color: #eee; color: #333; } .fancytree-expander:after, .fancytree-icon:after, .fancytree-checkbox:after, .fancytree-drag-helper-img:after, .fancytree-drop-before:after, .fancytree-drop-after:after, .fancytree-loading .fancytree-expander:after, .fancytree-statusnode-wait .fancytree-icon:after { font-family: "icomoon"; display: inline-block; font-size: 1rem; line-height: 1; vertical-align: top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fancytree-icon, .fancytree-custom-icon, .fancytree-expander { display: inline-block; vertical-align: top; margin-left: 0.1rem; margin-top: 0.22rem; width: 1rem; height: 1rem; } .fancytree-checkbox { vertical-align: top; margin-top: 0.25002rem; margin-left: 0.5rem; } img.fancytree-icon { border: 0; } .fancytree-expander { cursor: pointer; } .fancytree-exp-c .fancytree-expander:after { content: '\e9c7'; } .fancytree-exp-cl .fancytree-expander:after { content: '\e9c7'; } .fancytree-exp-cd .fancytree-expander:after, .fancytree-exp-cdl .fancytree-expander:after { content: '\e9c7'; } .fancytree-exp-e .fancytree-expander:after, .fancytree-exp-ed .fancytree-expander:after { content: '\e9c5'; } .fancytree-exp-el .fancytree-expander:after, .fancytree-exp-edl .fancytree-expander:after { content: '\e9c5'; } .fancytree-statusnode-error .fancytree-icon:after { content: '\ed63'; } .fancytree-loading .fancytree-expander, .fancytree-statusnode-wait .fancytree-icon { margin-left: auto; margin-right: auto; display: inline-block; text-align: center; width: 1rem; height: 1rem; } .fancytree-loading .fancytree-expander:after, .fancytree-statusnode-wait .fancytree-icon:after { content: '\ed6c'; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .fancytree-loading .fancytree-expander:after, .fancytree-statusnode-wait .fancytree-icon:after { transition: none; } } .fancytree-ico-c .fancytree-icon:after, .fancytree-ico-e .fancytree-icon:after { content: '\ea1a'; } .fancytree-has-children.fancytree-ico-c .fancytree-icon:after { content: '\ea0f'; } .fancytree-has-children.fancytree-ico-e .fancytree-icon:after { content: '\ea11'; } .fancytree-ico-cf .fancytree-icon:after, .fancytree-ico-ef .fancytree-icon:after { content: '\ea3d'; } .fancytree-has-children.fancytree-ico-cf .fancytree-icon:after { content: '\ea41'; } .fancytree-has-children.fancytree-ico-ef .fancytree-icon:after { content: '\ea43'; } .fancytree-checkbox { width: 1.25rem; height: 1.25rem; border: 0.125rem solid #455A64; display: inline-block; text-align: center; position: relative; cursor: pointer; border-radius: 0.075rem; } .fancytree-checkbox:after { content: ''; position: absolute; } .fancytree-partsel .fancytree-checkbox:after, .fancytree-radio .fancytree-selected .fancytree-checkbox:after { content: ""; top: 0.1875rem; left: 0.1875rem; border: 0.3125rem solid; border-color: inherit; width: 0; height: 0; } .fancytree-selected .fancytree-checkbox:after { content: "\e600"; border: 0; top: 0rem; left: 0rem; } .fancytree-radio .fancytree-checkbox, .fancytree-radio .fancytree-checkbox:after { border-radius: 50%; } .fancytree-drag-helper .fancytree-title { padding-right: 2rem; border: 1px solid #ddd; background-color: #fff; opacity: 0.8; margin: 0; } .fancytree-drag-helper-img:after { position: absolute; top: 50%; margin-top: -0.5rem; right: 0.5rem; z-index: 10; } .fancytree-drop-accept .fancytree-drag-helper-img:after { content: '\ee73'; color: #4CAF50; } .fancytree-drop-reject .fancytree-drag-helper-img:after { content: '\ed63'; color: #F44336; } #fancytree-drop-marker.fancytree-drop-before, #fancytree-drop-marker.fancytree-drop-after { width: 15rem; border-top: 1px solid #999; position: absolute !important; } .fancytree-drag-source { opacity: 0.5; } .fancytree-drop-target.fancytree-drop-accept a { background-color: #2196F3 !important; color: #fff !important; text-decoration: none; } .fancytree-node { display: inherit; width: 100%; position: relative; margin-bottom: 1px; } .fancytree-title { border: 0; padding: 0.25rem 0.35rem; margin-left: 0.625rem; display: inline-block; cursor: pointer; border-radius: 0.075rem; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .fancytree-title { transition: none; } } .fancytree-title > input { border: 0; outline: 0; padding: 0; background-color: transparent; } .fancytree-selected .fancytree-title, .fancytree-active .fancytree-title { background-color: #eee; color: #333; } .fancytree-treefocus .fancytree-selected .fancytree-title { background-color: #2196F3; color: #fff; } .sidebar:not(.sidebar-light) .fancytree-selected .fancytree-title, .sidebar:not(.sidebar-light) .fancytree-active .fancytree-title { background-color: rgba(255, 255, 255, 0.2); color: #fff; } .sidebar:not(.sidebar-light) .fancytree-treefocus .fancytree-selected .fancytree-title { background-color: #fff; color: #333; } .fancytree-ext-table .fancytree-node { display: inline-block; width: auto; margin: 0; } .fancytree-ext-table .fancytree-title { display: inline; } .fancytree-ext-table.fancytree-container { white-space: normal; } .fancytree-ext-table .fancytree-expander, .fancytree-ext-table .fancytree-icon, .fancytree-ext-table .fancytree-custom-icon { margin-top: 0.09375rem; } .fancytree-ext-table .fancytree-checkbox { margin: 0 auto; float: none; } .fancytree-ext-table .uniform-checker { display: block; margin: 0 auto; } .fancytree-ext-table tbody tr { transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .fancytree-ext-table tbody tr { transition: none; } } .fancytree-ext-table tbody tr td:first-child { text-align: center; } .fancytree-ext-table tbody tr .fancytree-title { background-color: transparent; color: inherit !important; padding: 0; transition: none; } @media screen and (prefers-reduced-motion: reduce) { .fancytree-ext-table tbody tr .fancytree-title { transition: none; } } .fancytree-ext-table tbody tr.fancytree-focused, .fancytree-ext-table tbody tr.fancytree-active { background-color: rgba(0, 0, 0, 0.02); } .fancytree-ext-table tbody tr.fancytree-selected { background-color: #2196F3; color: #fff; } .fancytree-ext-table tbody tr.fancytree-selected .fancytree-checkbox, .fancytree-ext-table tbody tr.fancytree-selected .uniform-checker span { color: #fff; border-color: #fff; } .fancytree-ext-table tbody tr.fancytree-selected .fancytree-title { background-color: transparent; } .fancytree-treefocus .fancytree-ext-table tbody tr.fancytree-selected .fancytree-title { transition: color ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .fancytree-treefocus .fancytree-ext-table tbody tr.fancytree-selected .fancytree-title { transition: none; } } .fancytree-ext-childcounter .fancytree-childcounter { position: absolute; right: 0; top: 0.25rem; color: #999; } .fancytree-helper-hidden { display: none; } .fancytree-helper-indeterminate-cb { color: #777; } .fancytree-helper-disabled { color: #333; } .fancytree-helper-spin { -webkit-animation: rotation 1s linear infinite; animation: rotation 1s linear infinite; } /* ------------------------------------------------------------------------------ * * # Ladda progress buttons * * Styles for ladda.min.js - buttons with built-in loading indicators * * ---------------------------------------------------------------------------- */ .btn-ladda, .btn-ladda .ladda-spinner, .btn-ladda .ladda-label { transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s; } @media screen and (prefers-reduced-motion: reduce) { .btn-ladda, .btn-ladda .ladda-spinner, .btn-ladda .ladda-label { transition: none; } } .btn-ladda .ladda-spinner { position: absolute; z-index: 2; display: inline-block; top: 50%; pointer-events: none; opacity: 0; } .btn-ladda .ladda-label { z-index: 3; } .btn-ladda .ladda-progress { position: absolute; width: 0; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.2); visibility: hidden; opacity: 0; transition: all linear 0.3s; } @media screen and (prefers-reduced-motion: reduce) { .btn-ladda .ladda-progress { transition: none; } } .btn-ladda[data-loading] .ladda-progress { visibility: visible; opacity: 1; } .btn-ladda[data-style=zoom-in], .btn-ladda[data-style=zoom-out] { overflow: hidden; } .btn-ladda[data-style=zoom-in], .btn-ladda[data-style=zoom-in] .ladda-spinner, .btn-ladda[data-style=zoom-in] .ladda-label, .btn-ladda[data-style=zoom-out], .btn-ladda[data-style=zoom-out] .ladda-spinner, .btn-ladda[data-style=zoom-out] .ladda-label { transition: 0.3s ease all; } @media screen and (prefers-reduced-motion: reduce) { .btn-ladda[data-style=zoom-in], .btn-ladda[data-style=zoom-in] .ladda-spinner, .btn-ladda[data-style=zoom-in] .ladda-label, .btn-ladda[data-style=zoom-out], .btn-ladda[data-style=zoom-out] .ladda-spinner, .btn-ladda[data-style=zoom-out] .ladda-label { transition: none; } } .btn-ladda[data-style=zoom-in] .ladda-label, .btn-ladda[data-style=zoom-out] .ladda-label { position: relative; display: inline-block; } .btn-ladda[data-style=zoom-in] .ladda-spinner, .btn-ladda[data-style=zoom-out] .ladda-spinner { left: 50%; } .btn-ladda[data-style=zoom-in][data-loading] .ladda-label, .btn-ladda[data-style=zoom-out][data-loading] .ladda-label { opacity: 0; } .btn-ladda[data-style=zoom-in][data-loading] .ladda-spinner, .btn-ladda[data-style=zoom-out][data-loading] .ladda-spinner { -webkit-transform: none; transform: none; opacity: 1; } .btn-ladda[data-style=zoom-in] .ladda-spinner { -webkit-transform: scale(0.2); transform: scale(0.2); } .btn-ladda[data-style=zoom-in][data-loading] .ladda-label { -webkit-transform: scale(2.2); transform: scale(2.2); } .btn-ladda[data-style=zoom-out] .ladda-spinner { -webkit-transform: scale(2.5); transform: scale(2.5); } .btn-ladda[data-style=zoom-out][data-loading] .ladda-label { -webkit-transform: scale(0.5); transform: scale(0.5); } .btn-ladda[data-style=expand-left] { overflow: hidden; } .btn-ladda[data-style=expand-left] .ladda-spinner { left: 20px; } .btn-ladda[data-style=expand-left][data-loading] { padding-left: 35px; } .btn-ladda[data-style=expand-left][data-loading] .ladda-spinner { opacity: 1; } .btn-ladda[data-style=expand-right] { overflow: hidden; } .btn-ladda[data-style=expand-right] .ladda-spinner { right: 20px; } .btn-ladda[data-style=expand-right][data-loading] { padding-right: 35px; } .btn-ladda[data-style=expand-right][data-loading] .ladda-spinner { opacity: 1; } .btn-ladda[data-style=expand-up] { overflow: hidden; } .btn-ladda[data-style=expand-up] .ladda-spinner { top: -16px; left: 50%; } .btn-ladda[data-style=expand-up][data-loading] { padding-top: 40px; } .btn-ladda[data-style=expand-up][data-loading] .ladda-spinner { top: 12px; margin-top: 8px; opacity: 1; } .btn-ladda[data-style=expand-down] { overflow: hidden; } .btn-ladda[data-style=expand-down] .ladda-spinner { top: 44px; left: 50%; } .btn-ladda[data-style=expand-down][data-loading] { padding-bottom: 40px; } .btn-ladda[data-style=expand-down][data-loading] .ladda-spinner { opacity: 1; } .btn-ladda[data-style=slide-left] { overflow: hidden; } .btn-ladda[data-style=slide-left] .ladda-label { left: 0; position: relative; } .btn-ladda[data-style=slide-left] .ladda-spinner { right: 0; } .btn-ladda[data-style=slide-left][data-loading] .ladda-label { left: -100%; opacity: 0; } .btn-ladda[data-style=slide-left][data-loading] .ladda-spinner { right: 50%; opacity: 1; } .btn-ladda[data-style=slide-right] { overflow: hidden; } .btn-ladda[data-style=slide-right] .ladda-label { right: 0; position: relative; } .btn-ladda[data-style=slide-right] .ladda-spinner { left: 0; } .btn-ladda[data-style=slide-right][data-loading] .ladda-label { right: -100%; opacity: 0; } .btn-ladda[data-style=slide-right][data-loading] .ladda-spinner { left: 50%; opacity: 1; } .btn-ladda[data-style=slide-up] { overflow: hidden; } .btn-ladda[data-style=slide-up] .ladda-label { top: 0; position: relative; } .btn-ladda[data-style=slide-up] .ladda-spinner { top: 100%; left: 50%; } .btn-ladda[data-style=slide-up][data-loading] .ladda-label { top: -16px; opacity: 0; } .btn-ladda[data-style=slide-up][data-loading] .ladda-spinner { top: 16px; opacity: 1; } .btn-ladda[data-style=slide-down] { overflow: hidden; } .btn-ladda[data-style=slide-down] .ladda-label { top: 0; position: relative; } .btn-ladda[data-style=slide-down] .ladda-spinner { top: -100%; left: 50%; } .btn-ladda[data-style=slide-down][data-loading] .ladda-label { top: 16px; opacity: 0; } .btn-ladda[data-style=slide-down][data-loading] .ladda-spinner { top: 16px; opacity: 1; } .btn-ladda[data-style=fade] { overflow: hidden; } .btn-ladda[data-style=fade] .ladda-spinner { left: 50%; } .btn-ladda[data-style=fade][data-loading] .ladda-label { opacity: 0; } .btn-ladda[data-style=fade][data-loading] .ladda-spinner { opacity: 1; } .btn-ladda[data-style=radius] { overflow: hidden; transition: all ease-in-out 0.5s; } @media screen and (prefers-reduced-motion: reduce) { .btn-ladda[data-style=radius] { transition: none; } } .btn-ladda[data-style=radius] .ladda-spinner { left: 50%; } .btn-ladda[data-style=radius][data-loading] { border-radius: 100px; } .btn-ladda[data-style=radius][data-loading] .ladda-label { opacity: 0; } .btn-ladda[data-style=radius][data-loading] .ladda-spinner { opacity: 1; } /* ------------------------------------------------------------------------------ * * # FullCalendar * * Styles for fullcalendar.min.js - JavaScript event calendar * * ---------------------------------------------------------------------------- */ .fc { direction: ltr; text-align: left; } .fc-events-container { background-color: #fafafa; border: 1px solid #ddd; padding: 0.625rem; border-radius: 0.075rem; } .fc-events-container .fc-event { padding: 0.25rem 0.5rem; } .fc-events-container .fc-event + .fc-event { margin-top: 0.625rem; } .fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td { border-color: #ddd; } .fc-unthemed thead, .fc-unthemed thead td, .fc-unthemed thead th { border-bottom-color: #b7b7b7; } .fc-unthemed .fc-popover { background-color: #fff; border-radius: 0.075rem; } .fc-unthemed td.fc-today { background-color: #E8F5E9; } .fc-highlight { background-color: rgba(221, 221, 221, 0.3); } .fc-bgevent { background-color: rgba(129, 199, 132, 0.3); opacity: 0.3; } .fc-nonbusiness { background-color: rgba(221, 221, 221, 0.3); } .fc-icon { display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .fc-icon { transition: none; } } .fc-icon:after { display: inline-block; font-family: "icomoon"; line-height: 1; font-size: 1rem; vertical-align: middle; position: relative; top: -0.09375rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fc-icon-left-single-arrow:after { content: '\e9c0'; } .fc-rtl .fc-icon-left-single-arrow:after { content: '\e9c0'; } .fc-icon-right-single-arrow:after { content: '\e9c3'; } .fc-rtl .fc-icon-right-single-arrow:after { content: '\e9c3'; } .fc-icon-left-double-arrow:after { content: '\000AB'; } .fc-rtl .fc-icon-left-double-arrow:after { content: '\000AB'; } .fc-icon-right-double-arrow:after { content: '\000BB'; } .fc-rtl .fc-icon-right-double-arrow:after { content: '\000BB'; } .fc-icon-x:after { content: '\ed6a'; font-size: 0.8125rem; display: block; margin-top: 0.21877rem; top: 0; } .fc-button { margin: 0; padding: 0.5rem 1rem; white-space: nowrap; cursor: pointer; font-weight: 500; text-transform: uppercase; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .fc-button { transition: none; } } .fc-button:focus { outline: 0; } .fc-button::-moz-focus-inner { margin: 0; padding: 0; } .fc-state-default { color: #333; background-color: #f5f5f5; border: 1px solid transparent; } .fc-state-default.fc-corner-left { border-top-left-radius: 0.075rem; border-bottom-left-radius: 0.075rem; } .fc-state-default.fc-corner-right { border-top-right-radius: 0.075rem; border-bottom-right-radius: 0.075rem; } .fc-state-down, .fc-state-hover { color: #333; background-color: #eee; border-color: transparent; } .fc-state-active { background-image: none; color: #333; background-color: #eee; border-color: transparent; } .fc-state-disabled { cursor: default; opacity: 0.65; } .fc-button-group { display: inline-block; } .fc .fc-button-group > * { float: left; margin: 0; margin-left: -1px; } .fc .fc-button-group > :first-child { margin-left: 0; } .fc-popover { position: absolute; border: 1px solid rgba(0, 0, 0, 0.15); z-index: 1060; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .fc-popover .fc-header { padding: 0.9375rem 0.9375rem; } .fc-popover .fc-header .fc-title { float: left; } .fc-popover .fc-header .fc-close { cursor: pointer; float: right; margin-left: 0.625rem; } .fc-unthemed .fc-popover .fc-header .fc-close { opacity: 0.6; transition: opacity ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .fc-unthemed .fc-popover .fc-header .fc-close { transition: none; } } .fc-unthemed .fc-popover .fc-header .fc-close:hover { opacity: 1; } .fc-divider { border-style: solid; border-width: 1px; } hr.fc-divider { height: 0; margin: 0; padding: 0; border-width: 1px 0; } .fc-clear { clear: both; } .fc-bg, .fc-bgevent-skeleton, .fc-highlight-skeleton, .fc-helper-skeleton { position: absolute; top: 0; left: 0; right: 0; } .fc-bg { bottom: 0; } .fc-bg table { height: 100%; } .fc table { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; box-sizing: border-box; } .fc th, .fc td { border-style: solid; border-width: 1px; padding: 0; vertical-align: top; } .fc th { padding: 0.75rem 1.25rem; padding-left: 0; padding-right: 0; font-weight: 500; text-align: center; } .fc td.fc-today { border-style: double; } a[data-goto] { cursor: pointer; color: #333; } .fc-row { border-style: solid; border-width: 0; position: relative; } .fc-row table { border-left: 0; border-right: 0; border-bottom: 0; } .fc-row:first-child table { border-top: 0; } .fc-row .fc-bg { z-index: 1; } .fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton { bottom: 0; } .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table { height: 100%; } .fc-row .fc-bgevent-skeleton td, .fc-row .fc-highlight-skeleton td { border-color: transparent; border: 0; } .fc-row .fc-bgevent-skeleton { z-index: 2; } .fc-row .fc-highlight-skeleton { z-index: 3; } .fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td { background: none; border-bottom: 0; } .fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td { border-top: 0; } .fc-row .fc-content-skeleton { position: relative; z-index: 4; } .fc-row .fc-helper-skeleton { z-index: 5; } .fc-scroller { -webkit-overflow-scrolling: touch; } .fc-scroller > .fc-day-grid, .fc-scroller > .fc-time-grid { position: relative; width: 100%; } .fc-event { position: relative; display: block; border: 1px solid #039BE5; color: #fff !important; border-radius: 0.075rem; } .fc-event[href], .fc-event.fc-draggable { cursor: pointer; } .fc-event .fc-bg { z-index: 1; } .fc-event .fc-content { position: relative; z-index: 2; } .fc-event .fc-resizer { position: absolute; z-index: 4; display: none; } .fc-event.fc-allow-mouse-resize .fc-resizer, .fc-event.fc-selected .fc-resizer { display: block; } .fc-event.fc-selected .fc-resizer:before { content: ""; position: absolute; z-index: 1070; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1.75003rem; height: 1.75003rem; } .fc-event .fc-event.fc-selected { z-index: 1070 !important; } .fc-event, .fc-event-dot { background-color: #039BE5; } .fc-not-allowed, .fc-not-allowed .fc-event { cursor: default; } .fc-h-event .fc-end-resizer { cursor: e-resize; right: -1px; } .fc-h-event.fc-selected .fc-end-resizer { margin-right: calc(-0.25rem - 1px); } .fc-h-event.fc-allow-mouse-resize .fc-resizer { width: 0.5rem; top: -1px; bottom: -1px; } .fc-h-event.fc-selected .fc-resizer { border-width: 1px; border-style: solid; border-color: inherit; background-color: #fff; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; width: 0.5rem; height: 0.5rem; } .fc-day-grid-event { margin: 0.5rem; margin-top: 0; padding: 0.25rem 0.5rem; } .fc-day-grid-event.fc-selected:after { content: ""; position: absolute; z-index: 1; top: -1px; right: -1px; bottom: -1px; left: -1px; background-color: rgba(0, 0, 0, 0.15); border-radius: 0.075rem; } .fc-day-grid-event > .fc-content { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fc-day-grid-event .fc-time { font-weight: 500; } .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer { margin-right: -1px; } @media (min-width: 768px) { .fc-day-grid-event .fc-time { float: right; padding-left: 0.625rem; display: inline-block; z-index: 2; position: relative; background-color: inherit; } .fc-day-grid-event .fc-title { z-index: 1; position: relative; } } a.fc-more { margin: 0 0.5rem; background-color: #f5f5f5; display: block; padding: 0.25rem 0.5rem; text-align: center; font-size: 0.75rem; line-height: 1.6667; cursor: pointer; border-radius: 0.075rem; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { a.fc-more { transition: none; } } a.fc-more:hover { background-color: #eee; } .fc-limited { display: none; } .fc-day-grid .fc-row { z-index: 1; } .fc-more-popover { z-index: 2; width: 15rem; } .fc-more-popover .fc-event-container { padding: 0.9375rem 0.9375rem; padding-top: 0; } .fc-now-indicator { position: absolute; } .fc-unselectable { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fc-toolbar { text-align: center; } .fc-toolbar.fc-header-toolbar { margin-bottom: 1.25rem; } .fc-toolbar.fc-footer-toolbar { margin-top: 1.25rem; } .fc-toolbar h2 { margin: 0.37019rem 0; font-size: 1.0625rem; } .fc-toolbar .fc-left { float: left; width: 33%; } .fc-toolbar .fc-right { float: right; width: 33%; } .fc-toolbar .fc-right .fc-button-group { float: right; } .fc-toolbar .fc-left > .fc-button, .fc-toolbar .fc-right > .fc-button { margin-left: 0.625rem; } .fc-toolbar .fc-center { display: inline-block; vertical-align: middle; } .fc-toolbar > * > * { float: left; } .fc-toolbar > * > :first-child { margin-left: 0; } .fc-toolbar button { position: relative; } .fc-toolbar button:focus { z-index: 5; } .fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover { z-index: 2; } .fc-toolbar .fc-state-down { z-index: 3; } .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active { z-index: 4; } .fc-view-container { border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.075rem; } .fc-view-container .fc-view > table th, .fc-view-container .fc-view > table td { border-right-width: 0; } .fc-view-container .fc-view > table tr:first-child th:first-child, .fc-view-container .fc-view > table tr:first-child td:first-child { border-left-width: 0; } .fc-view-container .fc-view > table .fc-head tr:first-child > th, .fc-view-container .fc-view > table .fc-head tr:first-child > td { border-top: 0; } .fc-view-container .fc-view > table .fc-head-container { border-top: 0; border-bottom: 0; } .fc-view-container .fc-view > table .fc-head-container .fc-widget-header { border-top: 0; } .fc-view-container .fc-view > table .fc-body > tr:first-child > th, .fc-view-container .fc-view > table .fc-body > tr:first-child > td { border-top: 0; } .fc-view-container .fc-view > table .fc-body > tr:last-child > th, .fc-view-container .fc-view > table .fc-body > tr:last-child > td { border-bottom: 0; } .fc-view-container .fc-view > table .fc-body .fc-row:first-child tr:first-child td, .fc-view-container .fc-view > table .fc-body .fc-row:first-child tr:first-child th { border-top: 0; } .fc-view-container *, .fc-view-container *:before, .fc-view-container *:after { box-sizing: content-box; } .fc-view, .fc-view > table { position: relative; z-index: 1; } .fc-basicWeek-view .fc-content-skeleton, .fc-basicDay-view .fc-content-skeleton { padding-top: 0.5rem; padding-bottom: 0.5rem; } .fc-basic-view tbody .fc-row { min-height: 6em; } .fc-row.fc-rigid { overflow: hidden; } .fc-row.fc-rigid .fc-content-skeleton { position: absolute; top: 0; left: 0; right: 0; } .fc-basic-view .fc-day-number { padding: 0.5rem; } .fc-basic-view .fc-week-number { color: rgba(51, 51, 51, 0.5); } .fc-basic-view td.fc-week-number, .fc-basic-view th.fc-week-number { padding: 0.75rem 1.25rem; background-color: #fafafa; } .fc-basic-view td.fc-week-number { font-size: 0.75rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } .fc-basic-view span.fc-week-number { display: inline-block; font-size: 0.75rem; padding: 0.5rem; } .fc-basic-view .fc-day-number { text-align: right; } .fc-basic-view .fc-day-top .fc-day-number { float: right; } .fc-other-month.fc-day-top, .fc-other-month.fc-day-number { opacity: 0.3; } .fc-agenda-view .fc-day-grid { position: relative; z-index: 2; } .fc-agenda-view .fc-day-grid .fc-row { min-height: 3em; } .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton { padding-top: 0.5rem; padding-bottom: 0; } .fc-axis { text-align: right; } .fc .fc-axis { vertical-align: middle; padding: 0 0.5rem; height: 2.25003rem; white-space: nowrap; } .fc-time-grid-container, .fc-time-grid { position: relative; z-index: 1; } .fc-time-grid { min-height: 100%; } .fc-time-grid table { border: 0 hidden transparent; } .fc-time-grid > .fc-bg { z-index: 1; } .fc-time-grid .fc-slats, .fc-time-grid > hr { position: relative; z-index: 2; } .fc-time-grid .fc-content-col { position: relative; } .fc-time-grid .fc-content-skeleton { position: absolute; top: 0; left: 0; right: 0; z-index: 3; } .fc-time-grid .fc-business-container { position: relative; z-index: 1; } .fc-time-grid .fc-bgevent-container { position: relative; z-index: 2; } .fc-time-grid .fc-highlight-container { position: relative; z-index: 3; } .fc-time-grid .fc-event-container { position: relative; z-index: 4; } .fc-time-grid .fc-now-indicator-line { z-index: 5; } .fc-time-grid .fc-helper-container { position: relative; z-index: 6; } .fc-time-grid .fc-slats td { border-bottom: 0; } .fc-time-grid .fc-slats .fc-minor td { border-top-style: dotted; } .fc-time-grid .fc-highlight-container { position: relative; } .fc-time-grid .fc-highlight { position: absolute; left: 0; right: 0; } .fc-time-grid .fc-event-container, .fc-time-grid .fc-bgevent-container { position: relative; } .fc-time-grid .fc-event { box-shadow: 0 0 0 1px #fff; } .fc-time-grid .fc-event, .fc-time-grid .fc-bgevent { position: absolute; z-index: 1; padding: 0.5rem; } .fc-time-grid .fc-bgevent { left: 0; right: 0; } .fc-v-event.fc-not-start { border-top-left-radius: 0; border-top-right-radius: 0; } .fc-v-event.fc-not-end { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .fc-time-grid-event { overflow: hidden; } .fc-time-grid-event.fc-selected { overflow: visible; } .fc-time-grid-event.fc-selected .fc-bg { display: none; } .fc-time-grid-event .fc-content { position: relative; overflow: hidden; } .fc-time-grid-event .fc-time { font-weight: 500; } .fc-time-grid-event.fc-short .fc-content { white-space: nowrap; } .fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title { display: inline-block; vertical-align: top; } .fc-time-grid-event.fc-short .fc-time:before { content: attr(data-start); } .fc-time-grid-event.fc-short .fc-time:after { content: "\000A0-\000A0"; } .fc-time-grid-event.fc-short .fc-time span { display: none; } .fc-time-grid-event.fc-short .fc-title { font-size: 0.75rem; padding: 0; } .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer { z-index: 3; left: 0; right: 0; bottom: 0; overflow: hidden; line-height: 1; text-align: center; cursor: s-resize; background-color: rgba(0, 0, 0, 0.1); } .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after { content: "="; display: inline-block; vertical-align: middle; } .fc-time-grid-event.fc-selected .fc-resizer { border-width: 1px; border-style: solid; border-color: inherit; background-color: #fff; left: 50%; bottom: 0; margin-bottom: calc(-0.25rem - 1px); -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0.5rem; height: 0.5rem; border-radius: 50%; } .fc-time-grid .fc-now-indicator-line { border-top-width: 1px; left: 0; right: 0; } .fc-time-grid .fc-now-indicator-arrow { left: 0; margin-top: 0; border-width: 0 0 0 0; border-top-color: transparent; border-bottom-color: transparent; } .fc-event-dot { display: inline-block; width: 0.5rem; height: 0.5rem; border-radius: 50%; } .fc-list-view { border-width: 0; border-style: solid; direction: ltr; } .fc .fc-list-table { table-layout: auto; } .fc-list-table td { border-width: 1px 0 0; padding: 0.75rem 1.25rem; } .fc-list-table tr:first-child td { border-top-width: 0; } .fc-list-heading { border-bottom-width: 1px; } .fc-list-heading td { font-weight: 500; } .fc-list-heading-main { float: left; } .fc-list-heading-alt { float: right; } .fc-list-item td { transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .fc-list-item td { transition: none; } } .fc-list-item.fc-has-url { cursor: pointer; } .fc-list-item:hover td { background-color: rgba(0, 0, 0, 0.03); } .fc-list-item-marker, .fc-list-item-time { white-space: nowrap; width: 1px; } .fc-list-item-marker { padding-right: 0; } .fc-list-item-title a { text-decoration: none; color: inherit; } .fc-list-empty-wrap2 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .fc-list-empty-wrap1 { display: table; width: 100%; height: 100%; } .fc-list-empty { display: table-cell; vertical-align: middle; text-align: center; } .fc-unthemed .fc-list-empty { /* theme will provide own background */ background-color: rgba(221, 221, 221, 0.3); } @media (max-width: 767.98px) { .fc-toolbar .fc-left, .fc-toolbar .fc-left > .fc-button, .fc-toolbar .fc-right, .fc-toolbar .fc-right > .fc-button, .fc-toolbar .fc-left .fc-button-group, .fc-toolbar .fc-right .fc-button-group { float: none; width: auto; vertical-align: top; } .fc-toolbar .fc-left, .fc-toolbar .fc-right { display: block; margin-bottom: 0.625rem; } } /* ------------------------------------------------------------------------------ * * # Image cropper * * Styles for cropper.min.js - a simple jQuery image cropping plugin * * ---------------------------------------------------------------------------- */ .image-cropper-container { /*rtl:ignore*/ direction: ltr; height: 400px; width: 100%; overflow: hidden; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC"); } .eg-preview .preview { /*rtl:ignore*/ direction: ltr; } .eg-preview .preview-lg { width: 150px; height: 150px; } .eg-preview .preview-md { width: 120px; height: 120px; } .eg-preview .preview-sm { width: 90px; height: 90px; } .eg-preview .preview-xs { width: 60px; height: 60px; } .eg-preview .preview-xxs { width: 40px; height: 40px; } .cropper-container { /*rtl:ignore*/ direction: ltr !important; font-size: 0; line-height: 0; position: relative; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cropper-container img { display: block; width: 100%; min-width: 0 !important; max-width: none !important; height: 100%; min-height: 0 !important; max-height: none !important; image-orientation: 0deg !important; } .cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .cropper-wrap-box { overflow: hidden; } .cropper-drag-box { background-color: #fff; opacity: 0; } .cropper-modal { background-color: #000; opacity: 0.5; } .cropper-view-box { display: block; overflow: hidden; width: 100%; height: 100%; } .cropper-dashed { position: absolute; display: block; border: 0 dashed #eee; opacity: 0.5; } .cropper-dashed.dashed-h { top: 33.33333%; /*rtl:ignore*/ left: 0; width: 100%; height: 33.33333%; border-top-width: 1px; border-bottom-width: 1px; } .cropper-dashed.dashed-v { top: 0; /*rtl:ignore*/ left: 33.33333%; width: 33.33333%; height: 100%; border-right-width: 1px; border-left-width: 1px; } .cropper-center { position: absolute; top: 50%; /*rtl:ignore*/ left: 50%; display: block; width: 0; height: 0; opacity: 0.75; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .cropper-center:before, .cropper-center:after { content: ' '; position: absolute; display: block; background-color: #eee; } .cropper-center:before { top: 0; /*rtl:ignore*/ left: -4px; width: 9px; height: 1px; } .cropper-center:after { top: -4px; /*rtl:ignore*/ left: 0; width: 1px; height: 9px; } .cropper-face, .cropper-line, .cropper-point { position: absolute; display: block; width: 100%; height: 100%; opacity: 0.1; } .cropper-face { top: 0; /*rtl:ignore*/ left: 0; background-color: #fff; } .cropper-line { background-color: #2196F3; } .cropper-line.line-e { top: 0; /*rtl:ignore*/ right: -0.1875rem; width: 0.375rem; cursor: e-resize; } .cropper-line.line-n { top: -0.1875rem; /*rtl:ignore*/ left: 0; height: 0.375rem; cursor: n-resize; } .cropper-line.line-w { top: 0; /*rtl:ignore*/ left: -0.1875rem; width: 0.375rem; cursor: w-resize; } .cropper-line.line-s { bottom: -0.1875rem; /*rtl:ignore*/ left: 0; height: 0.375rem; cursor: s-resize; } .cropper-point { background-color: #2196F3; opacity: 0.75; width: 0.375rem; height: 0.375rem; } .cropper-point.point-e { top: 50%; /*rtl:ignore*/ right: -0.1875rem; margin-top: -0.1875rem; cursor: e-resize; } .cropper-point.point-n { top: -0.1875rem; /*rtl:ignore*/ left: 50%; margin-left: -0.1875rem; cursor: n-resize; } .cropper-point.point-w { top: 50%; /*rtl:ignore*/ left: -0.1875rem; margin-top: -0.1875rem; cursor: w-resize; } .cropper-point.point-s { bottom: -0.1875rem; /*rtl:ignore*/ left: 50%; margin-left: -0.1875rem; cursor: s-resize; } .cropper-point.point-ne { top: -0.1875rem; /*rtl:ignore*/ right: -0.1875rem; cursor: ne-resize; } .cropper-point.point-nw { top: -0.1875rem; /*rtl:ignore*/ left: -0.1875rem; cursor: nw-resize; } .cropper-point.point-sw { bottom: -0.1875rem; /*rtl:ignore*/ left: -0.1875rem; cursor: sw-resize; } .cropper-point.point-se { /*rtl:ignore*/ right: -0.1875rem; bottom: -0.1875rem; cursor: se-resize; opacity: 1; width: 0.375rem; height: 0.375rem; } .cropper-point.point-se:before { content: ' '; position: absolute; /*rtl:ignore*/ right: -50%; bottom: -50%; display: block; background-color: #2196F3; opacity: 0; width: 200%; height: 200%; } .cropper-bg { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC"); } .cropper-invisible { opacity: 0; } .cropper-hide { position: absolute; display: block; width: 0; height: 0; } .cropper-hidden { display: none !important; } .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point { cursor: default; } .cropper-move { cursor: move; } .cropper-crop { cursor: crosshair; } /* ------------------------------------------------------------------------------ * * # Fancybox lightbox * * Styles for fancybox.min.js - Mac-style "lightbox" plugin * * ---------------------------------------------------------------------------- */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; /*rtl:ignore*/ left: 0; z-index: 8020; } .fancybox-skin { position: relative; background-color: #fff; border-radius: 0.075rem; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading { position: fixed; top: 50%; left: 50%; cursor: pointer; z-index: 8060; color: #fff; opacity: 0.8; } #fancybox-loading div:after { content: '\eb55'; font-family: "icomoon"; font-size: 1rem; margin-top: -0.5rem; margin-left: -0.5rem; display: block; line-height: 1; -webkit-animation: rotation 1s ease infinite; animation: rotation 1s ease infinite; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 1rem; height: 1rem; } .fancybox-close { position: absolute; right: 0.625rem; top: 0.625rem; padding: 0.375rem; z-index: 8061; cursor: pointer; line-height: 1; color: #fff; background-color: rgba(0, 0, 0, 0.5); border-radius: 0.075rem; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .fancybox-close { transition: none; } } .fancybox-close:hover, .fancybox-close:focus { background-color: #333; color: #fff; } .fancybox-close:after { content: '\ed6a'; font-family: "icomoon"; font-size: 1rem; display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fancybox-error { color: #F44336; font-weight: 500; margin: 0; padding: 1.25rem; white-space: nowrap; } .fancybox-title { visibility: hidden; position: relative; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -2.25003rem; z-index: 8050; text-align: center; border-bottom-right-radius: 0.075rem; border-bottom-left-radius: 0.075rem; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 0.5rem 0.625rem; background-color: rgba(0, 0, 0, 0.5); color: #fff; white-space: nowrap; } .fancybox-title-outside-wrap { text-align: center; margin-top: 0.625rem; color: #fff; } .fancybox-title-inside-wrap { padding: 0.5rem 0.625rem; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; right: 0; color: #fff; padding: 0.5rem 0.625rem; background-color: rgba(0, 0, 0, 0.5); } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; background-color: transparent; -webkit-tap-highlight-color: transparent; z-index: 8040; } .fancybox-nav span { position: absolute; top: 50%; margin-top: -0.875rem; cursor: pointer; padding: 0.375rem; color: #fff; background-color: rgba(0, 0, 0, 0.5); display: block; line-height: 1; min-width: 1.75rem; text-align: center; visibility: hidden; opacity: 0; z-index: 8040; border-radius: 0.075rem; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .fancybox-nav span { transition: none; } } .fancybox-nav span:after { font-family: "icomoon"; display: inline-block; font-size: 1rem; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fancybox-nav span:hover, .fancybox-nav span:focus { background-color: #333; color: #fff; } .fancybox-nav:hover span { visibility: visible; opacity: 1; } .fancybox-prev { left: 0; } .fancybox-prev span { left: 0.625rem; } .fancybox-prev span:after { content: '\e9c8'; } .fancybox-next { right: 0; } .fancybox-next span { right: 0.625rem; } .fancybox-next span:after { content: '\e9cb'; } .fancybox-lock { overflow: visible !important; width: auto; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background-color: rgba(0, 0, 0, 0.8); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } /* ------------------------------------------------------------------------------ * * # Footable * * jQuery plugin that aims to make HTML tables on smaller devices look awesome. * * ---------------------------------------------------------------------------- */ .footable { width: 100%; } .footable > thead > tr > th { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .footable.breakpoint > tbody > tr.footable-detail-show > td { border-bottom: 0; } .footable.breakpoint > tbody > tr.footable-row-detail:hover { background-color: transparent; } .footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) { cursor: pointer; } .footable.breakpoint > tbody > tr > .footable-cell-detail { background-color: #fafafa; border-top: 0; } .footable.breakpoint > tbody > tr .footable-toggle:before { content: "\e9e4"; display: inline-block; font-family: "icomoon"; font-size: 1rem; vertical-align: middle; position: relative; top: -0.09375rem; line-height: 1; padding-right: 0.625rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .footable.breakpoint > tbody > tr.footable-detail-show .footable-toggle:before { content: "\e9e7"; } .footable-row-detail-inner { display: table; table-layout: fixed; width: 100%; } .footable-row-detail-row { display: table-row; } .footable-row-detail-group { display: block; font-weight: 500; margin-top: 1.25rem; margin-bottom: 0.5rem; } .footable-row-detail-group:first-child { margin-top: 0.5rem; } .footable-row-detail-name { display: table-cell; font-weight: 500; padding-right: 2.5rem; } .footable-row-detail-value { display: table-cell; padding: 0.5rem 0; } /* ------------------------------------------------------------------------------ * * # Handsontable * * Styles for handsontable.min.js - JavaScript Spreadsheet library * * ---------------------------------------------------------------------------- */ /*rtl:begin:ignore*/ .hot-container { position: relative; box-shadow: 0 0 0 1px #ddd; overflow: hidden; text-align: left; } .hot-container.hot-scrollable { height: 22.5rem; } .hot-container:not(.hot-scrollable) > .handsontable > .ht_master > .wtHolder { height: 100% !important; } @media (max-width: 767.98px) { .hot-container { overflow-x: hidden; overflow-y: auto; } .hot-container .ht_master .wtHolder { max-width: 100%; min-width: auto; } .hot-container:not(.hot-scrollable) .wtHolder { height: 100% !important; } } .handsontable { position: relative; direction: ltr; } .handsontable .hide { display: none; } .handsontable .relative { position: relative; } .handsontable.htAutoSize { visibility: hidden; left: -99000px; position: absolute; top: -99000px; } .handsontable .wtHider { position: relative; width: 0; } .handsontable .wtSpreader { position: relative; width: 0; height: auto; } .handsontable .htDimmed { color: #999; } .handsontable table, .handsontable tbody, .handsontable thead, .handsontable td, .handsontable th, .handsontable input, .handsontable textarea, .handsontable div { box-sizing: content-box; } .handsontable input, .handsontable textarea { min-height: initial; } .handsontable table.htCore { border-collapse: separate; border-spacing: 0; margin: 0; border-width: 0; table-layout: fixed; width: 0; outline-width: 0; max-width: none; max-height: none; } .handsontable col, .handsontable col.rowHeader { width: 5rem; } .handsontable th, .handsontable td { position: relative; border-top-width: 0; border-left-width: 0; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 1.875rem; empty-cells: show; padding: 0 0.25rem; overflow: hidden; outline-width: 0; white-space: pre-line; } .handsontable td:not([class*=bg-]) { background-color: #fff; } .handsontable td.htInvalid { background-color: #FFEBEE !important; } .handsontable td.htNoWrap { white-space: nowrap; } .handsontable td.active { background-color: rgba(0, 0, 0, 0.015); } .handsontable td.area { background-color: #E3F2FD; } .handsontable th { text-align: center; font-weight: normal; white-space: nowrap; } .handsontable th:not([class*=bg-]) { background-color: #f5f5f5; } .handsontable thead th { padding: 0; } .handsontable thead th .relative { padding: 0 0.25rem; } .handsontable tbody th.ht__highlight, .handsontable thead th.ht__highlight { background-color: #efefef; } .handsontable.ht__selection--columns thead th.ht__highlight, .handsontable.ht__selection--rows tbody th.ht__highlight { background-color: #E3F2FD; } .handsontable tr:first-child th.htNoFrame, .handsontable th:first-child.htNoFrame, .handsontable th.htNoFrame { border-left-width: 0; background-color: #fff; border-color: #fff; } .handsontable th:first-child, .handsontable th:nth-child(2), .handsontable td:first-of-type, .handsontable .htNoFrame + th, .handsontable .htNoFrame + td { border-left: 1px solid #ddd; } .handsontable.htRowHeaders thead tr th:nth-child(2) { border-left: 1px solid #ddd; } .handsontable tr:first-child th, .handsontable tr:first-child td { border-top: 1px solid #ddd; } .ht_master:not(.innerBorderLeft):not(.emptyColumns) ~ .handsontable tbody tr th, .ht_master:not(.innerBorderLeft):not(.emptyColumns) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child { border-right-width: 0; } .ht_master:not(.innerBorderTop) thead tr:last-child th, .ht_master:not(.innerBorderTop) thead tr.lastChild th, .ht_master:not(.innerBorderTop) ~ .handsontable thead tr:last-child th, .ht_master:not(.innerBorderTop) ~ .handsontable thead tr.lastChild th { border-bottom-width: 0; } .htRowHeaders .ht_master.innerBorderLeft ~ .ht_clone_top_left_corner th:nth-child(2), .htRowHeaders .ht_master.innerBorderLeft ~ .ht_clone_left td:first-of-type { border-left-width: 0; } .ht_master tbody tr:first-child td { border-top-color: transparent; } .ht_clone_top tr:first-child th, .ht_clone_top tr:first-child td { border-top-color: transparent; } .ht_clone_left thead tr:first-child th, .ht_clone_left tbody tr:first-child td, .ht_clone_left tbody tr:first-child th, .ht_clone_top_left_corner thead tr:first-child th, .ht_clone_top_left_corner tbody tr:first-child td, .ht_clone_top_left_corner tbody tr:first-child th { border-top-color: transparent; } .handsontable th:first-child, .handsontable td:first-child { border-left-color: transparent; } .ht_master td:last-child, .ht_clone_top th:last-child, .ht_clone_top td:last-child { border-right-color: transparent; } .ht_master tbody tr:last-child th, .ht_master tbody tr:last-child td, .ht_clone_left tbody tr:last-child th, .ht_clone_left tbody tr:last-child td { border-bottom-color: transparent; } .htRowHeaders.htColumnHeaders .ht_clone_top_left_corner tbody tr:first-child th, .htRowHeaders.htColumnHeaders .ht_clone_left tbody tr:first-child th { border-top-color: #ddd; } .htColumnHeaders .handsontable tr:first-child td { border-top-color: #ddd; } .manualColumnResizer.active, .manualRowResizer.active { display: block; z-index: 199; } .manualColumnResizer:hover, .manualColumnResizer.active, .manualRowResizer:hover, .manualRowResizer.active { background-color: rgba(0, 0, 0, 0.015); } .manualColumnResizer { position: fixed; top: 0; cursor: col-resize; z-index: 110; width: 0.3125rem; height: 1.875rem; } .manualRowResizer { position: fixed; left: 0; cursor: row-resize; z-index: 110; height: 0.3125rem; width: 3.75rem; } .manualColumnResizerGuide { position: fixed; right: 0; top: 0; background-color: rgba(0, 0, 0, 0.015); display: none; width: 0; border-right: 1px dashed #ddd; margin-left: 0.3125rem; } .manualRowResizerGuide { position: fixed; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.015); display: none; height: 0; border-bottom: 1px dashed #ddd; margin-top: 0.3125rem; } .handsontable .columnSorting { position: relative; cursor: pointer; } .handsontable .columnSorting:before, .handsontable .columnSorting:after { font-family: "icomoon"; font-size: 0.75rem; position: absolute; display: inline-block; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: -1.625rem; line-height: 1; opacity: 0.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: opacity ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .handsontable .columnSorting:before, .handsontable .columnSorting:after { transition: none; } } .handsontable .columnSorting:before { content: '\e9c1'; margin-top: 0.25rem; } .handsontable .columnSorting:after { content: '\e9c2'; margin-top: -0.25rem; } .handsontable .columnSorting.ascending:before { content: none; } .handsontable .columnSorting.ascending:after { margin-top: 0; } .handsontable .columnSorting.descending:before { margin-top: 0; } .handsontable .columnSorting.descending:after { content: none; } .handsontable .columnSorting:hover:before, .handsontable .columnSorting:hover:after { opacity: 1; } .wtBorder { position: absolute; font-size: 0; } .wtBorder.hidden { display: none !important; } .wtBorder.corner { font-size: 0; cursor: crosshair; } .htBorder.htFillBorder { background-color: #2196F3; width: 1px; height: 1px; } .handsontableInput { border: 0; outline-width: 0; margin: 0; padding: 0 0.3125rem; padding-top: 0.0625rem; font-family: inherit; height: 1.875rem; line-height: 1.875rem; font-size: inherit; resize: none; display: block; width: auto !important; background-color: #fff; box-shadow: 0 0 0 2px #2196F3 inset; } .handsontableInputHolder { position: absolute; top: 0; left: 0; z-index: 100; } .htSelectEditor { -webkit-appearance: menulist-button !important; position: absolute; width: auto; outline: 0; border-radius: 0; } .htSubmenu { position: relative; } .htSubmenu > div:after { content: '\e9c7'; font-family: "icomoon"; position: absolute; top: 50%; margin-top: -0.5rem; right: 1.25rem; font-size: 1rem; line-height: 1; opacity: 0.8; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .handsontable .htLeft { text-align: left; } .handsontable .htCenter { text-align: center; } .handsontable .htRight { text-align: right; } .handsontable .htJustify { text-align: justify; } .handsontable .htTop { vertical-align: top; } .handsontable .htMiddle { vertical-align: middle; } .handsontable .htBottom { vertical-align: bottom; } .htPlaceholder { color: #999; } .htAutocompleteArrow { cursor: default; text-indent: -9999999px; line-height: 1; position: absolute; top: 50%; right: 0.3em; margin-top: -0.15em; display: inline-block; margin-right: 0.3em; border-top: 0.3em dashed; border-right: 0.3em solid transparent; border-left: 0.3em solid transparent; opacity: 0.75; } .handsontable td:hover .htAutocompleteArrow, .handsontable th:hover .htAutocompleteArrow { opacity: 1; } .handsontable td.area .htAutocompleteArrow { color: #E3F2FD; } .htCheckboxRendererInput { display: inline-block; vertical-align: middle; } .htCheckboxRendererInput.noValue { opacity: 0.5; } .htCheckboxRendererLabel { cursor: pointer; display: inline-block; width: 100%; margin-bottom: 0; } .htCheckboxRendererLabel > .htCheckboxRendererInput { margin-right: 0.625rem; } .handsontable.hide-tween { -webkit-animation: opacity-hide 0.3s; animation: opacity-hide 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .handsontable.show-tween { -webkit-animation: opacity-show 0.3s; animation: opacity-show 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes opacity-hide { from { opacity: 1; } to { opacity: 0; } } @keyframes opacity-hide { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes opacity-show { from { opacity: 0; } to { opacity: 1; } } @keyframes opacity-show { from { opacity: 0; } to { opacity: 1; } } .handsontable.listbox { margin: 0; } .handsontable.listbox .ht_master table { border-collapse: separate; border: 1px solid #ddd; background-color: #fff; } .handsontable.listbox th, .handsontable.listbox tr:first-child th, .handsontable.listbox tr:last-child th, .handsontable.listbox tr:first-child td, .handsontable.listbox td { border: 0; } .handsontable.listbox tr, .handsontable.listbox th, .handsontable.listbox td { transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .handsontable.listbox tr, .handsontable.listbox th, .handsontable.listbox td { transition: none; } } .handsontable.listbox th, .handsontable.listbox td { white-space: nowrap; text-overflow: ellipsis; } .handsontable.listbox td.htDimmed { cursor: pointer; color: inherit; font-style: inherit; } .handsontable.listbox .wtBorder { visibility: hidden; } .handsontable.listbox tr td.current, .handsontable.listbox tr:hover td { background-color: #f5f5f5; } .changeType { border: 0; background-color: transparent; padding: 0; float: right; margin-right: 0.25rem; line-height: 1rem; margin-top: 0.12502rem; cursor: pointer; opacity: 0.75; } .changeType:hover { opacity: 1; } .changeTypeMenu { position: absolute; border: 0 solid rgba(0, 0, 0, 0.15); background-color: #fff; padding: 0.5rem 0; display: none; width: 11.25rem; z-index: 1000; } .changeTypeMenu li { list-style: none; padding: 0.5rem 1.25rem; padding-right: 2.875rem; cursor: pointer; position: relative; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .changeTypeMenu li { transition: none; } } .changeTypeMenu li:hover { background-color: #f5f5f5; } .changeTypeMenu li.active:after { content: '\e600'; font-family: "icomoon"; position: absolute; right: 1.25rem; top: 50%; margin-top: -0.5rem; display: inline-block; font-size: 1rem; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ht_clone_top { z-index: 101; } .ht_clone_left { z-index: 102; } .ht_clone_top_left_corner, .ht_clone_bottom_left_corner { z-index: 103; } .ht_clone_debug { z-index: 103; } .handsontable td.htSearchResult { background-color: #FFF3E0; } .htBordered { border-width: 1px; } .htBordered.htTopBorderSolid { border-top-style: solid; border-top-color: #ddd; } .htBordered.htRightBorderSolid { border-right-style: solid; border-right-color: #ddd; } .htBordered.htBottomBorderSolid { border-bottom-style: solid; border-bottom-color: #ddd; } .htBordered.htLeftBorderSolid { border-left-style: solid; border-left-color: #ddd; } .handsontable thead tr:nth-last-child(2) th.htGroupIndicatorContainer { border-bottom: 1px solid #ddd; padding-bottom: 0.3125rem; } .handsontable tbody tr th:nth-last-child(2), .ht_clone_top_left_corner thead tr th:nth-last-child(2) { border-right: 1px solid #ddd; } .htCollapseButton { line-height: 0.625rem; text-align: center; border: 0; cursor: pointer; margin-bottom: 0.1875rem; position: relative; width: 0.625rem; height: 0.625rem; border-radius: 0.075rem; } .htCollapseButton:after { content: ""; height: 300%; width: 1px; display: block; background-color: #ccc; margin-left: 0.25rem; position: absolute; bottom: 0.625rem; } thead .htCollapseButton { position: absolute; top: 0.3125rem; right: 0.3125rem; background-color: #fff; } thead .htCollapseButton:after { height: 1px; width: 700%; right: 0.625rem; top: 0.25rem; } .handsontable th .htExpandButton { position: absolute; line-height: 0.625rem; text-align: center; border: 0; cursor: pointer; top: 0; display: none; width: 0.625rem; height: 0.625rem; border-radius: 0.075rem; } .handsontable th .htExpandButton.clickable { display: block; } .handsontable thead th .htExpandButton { top: 0.3125rem; } .collapsibleIndicator { position: absolute; top: 50%; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); right: 0.3125rem; border: 0; line-height: 0.625rem; color: #333; font-size: 0.8125rem; cursor: pointer; background-color: #eee; width: 0.625rem; height: 0.625rem; border-radius: 100px; } .handsontable col.hidden { width: 0 !important; } .handsontable table tr th.lightRightBorder { border-right: 1px solid white; } .handsontable tr.hidden, .handsontable tr.hidden td, .handsontable tr.hidden th { display: none; } .ht_master, .ht_clone_left, .ht_clone_top, .ht_clone_bottom { overflow: hidden; } .ht_master .wtHolder { overflow: auto; } .ht_clone_left .wtHolder { overflow-x: hidden; overflow-y: auto; } .ht_clone_top .wtHolder, .ht_clone_bottom .wtHolder { overflow-x: hidden; overflow-y: hidden; } .wtDebugHidden { display: none; } .wtDebugVisible { display: block; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: wtFadeInFromNone; animation-name: wtFadeInFromNone; } @keyframes wtFadeInFromNone { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 1; } } @-webkit-keyframes wtFadeInFromNone { 0% { display: none; opacity: 0; } 1% { display: block; opacity: 0; } 100% { display: block; opacity: 1; } } .handsontable.mobile, .handsontable.mobile .wtHolder { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-overflow-scrolling: touch; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .htMobileEditorContainer { display: none; position: absolute; top: 0; width: 70%; height: 3.375rem; background-color: #f5f5f5; border: 1px solid #ddd; z-index: 999; -webkit-text-size-adjust: none; box-sizing: border-box; border-radius: 100px; } .htMobileEditorContainer.active { display: block; } .htMobileEditorContainer .inputs { position: absolute; right: 13.13rem; bottom: 0.625rem; top: 0.625rem; left: 0.875rem; height: 2.37503rem; } .htMobileEditorContainer .inputs textarea { font-size: 0.8125rem; border: 1px solid #ddd; -webkit-appearance: none; position: absolute; left: 0.875rem; right: 0.875rem; top: 0; bottom: 0; padding: 0.5rem; box-shadow: none; } .htMobileEditorContainer .cellPointer { position: absolute; top: -0.8125rem; height: 0; width: 0; left: 1.875rem; border-left: 0.8125rem solid transparent; border-right: 0.8125rem solid transparent; border-bottom: 0.8125rem solid #eee; } .htMobileEditorContainer .cellPointer.hidden { display: none; } .htMobileEditorContainer .cellPointer:before { content: ''; display: block; position: absolute; top: 0.125rem; height: 0; width: 0; left: -0.8125rem; border-left: 0.8125rem solid transparent; border-right: 0.8125rem solid transparent; border-bottom: 0.8125rem solid #f5f5f5; } .htMobileEditorContainer .moveHandle { position: absolute; top: 0.625rem; left: 0.3125rem; width: 1.875rem; bottom: 0px; cursor: move; z-index: 9999; } .htMobileEditorContainer .moveHandle:after { content: "..\a..\a..\a.."; white-space: pre; line-height: 0.625rem; font-size: 1.25rem; display: inline-block; margin-top: -0.5rem; color: #eee; } .htMobileEditorContainer .positionControls { width: 12.81rem; position: absolute; right: 0.3125rem; top: 0; bottom: 0; } .htMobileEditorContainer .positionControls > div { width: 3.125rem; height: 100%; float: left; } .htMobileEditorContainer .positionControls > div:after { content: " "; display: block; width: 1rem; height: 1rem; text-align: center; line-height: 3.125rem; } .htMobileEditorContainer .leftButton:after, .htMobileEditorContainer .rightButton:after, .htMobileEditorContainer .upButton:after, .htMobileEditorContainer .downButton:after { margin: 1.313rem 0 0 1.313rem; -webkit-transform-origin: 0.3125rem; transform-origin: 0.3125rem; } .htMobileEditorContainer .leftButton:after { border-top: 0.125rem solid #2196F3; border-left: 0.125rem solid #2196F3; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .htMobileEditorContainer .leftButton:active:after { border-color: #ddd; } .htMobileEditorContainer .rightButton:after { border-top: 0.125rem solid #2196F3; border-left: 0.125rem solid #2196F3; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .htMobileEditorContainer .rightButton:active:after { border-color: #ddd; } .htMobileEditorContainer .upButton:after { border-top: 0.125rem solid #2196F3; border-left: 0.125rem solid #2196F3; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .htMobileEditorContainer .upButton:active:after { border-color: #ddd; } .htMobileEditorContainer .downButton:after { border-top: 0.125rem solid #2196F3; border-left: 0.125rem solid #2196F3; -webkit-transform: rotate(225deg); transform: rotate(225deg); } .htMobileEditorContainer .downButton:active:after { border-color: #ddd; } .topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle), .topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea) { z-index: 9999; } .topLeftSelectionHandle, .topLeftSelectionHandle-HitArea, .bottomRightSelectionHandle, .bottomRightSelectionHandle-HitArea { left: -10000px; top: -10000px; } .htCommentCell { position: relative; } .htCommentCell:after { content: ''; position: absolute; top: 0; right: 0; border-left: 0.375rem solid transparent; border-top: 0.375rem solid red; } .htComments { display: none; z-index: 1070; position: absolute; } .htCommentTextArea { background-color: transparent; border: 0 solid rgba(0, 0, 0, 0.15); padding: 0.5rem 0; box-sizing: border-box; -webkit-appearance: none; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .htCommentTextArea:focus { outline: 0; } .htContextMenu { display: none; position: absolute; z-index: 1051; } .htContextMenu .ht_clone_top, .htContextMenu .ht_clone_left, .htContextMenu .ht_clone_corner, .htContextMenu .ht_clone_debug { display: none; } .htContextMenu table.htCore { border: 0 solid rgba(0, 0, 0, 0.15); background-color: #fff; padding: 0.5rem 0; border-radius: 0.075rem; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .htContextMenu .wtBorder { visibility: hidden; } .htContextMenu table tbody tr td { position: relative; border-width: 0; padding: 0.25rem 1.25rem; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .htContextMenu table tbody tr td { transition: none; } } .htContextMenu table tbody tr td:first-child { border: 0; } .htContextMenu table tbody tr td.htDimmed { color: #333; } .htContextMenu table tbody tr td.current, .htContextMenu table tbody tr td.zeroclipboard-is-hover { background-color: #f5f5f5; } .htContextMenu table tbody tr td.htSeparator { height: 0; padding: 0; background-color: transparent; cursor: default; } .htContextMenu table tbody tr td.htSeparator > div { height: 1px; background-color: rgba(0, 0, 0, 0.15); margin: 0.5rem 0; } .htContextMenu table tbody tr td.htDisabled { color: #999; } .htContextMenu table tbody tr td.htDisabled, .htContextMenu table tbody tr td.htDisabled:hover { cursor: default; } .htContextMenu table tbody tr td div span.selected { position: absolute; right: 1.25rem; top: 50%; margin-top: -0.5rem; font-size: 0; color: #777; } .htContextMenu table tbody tr td div span.selected:after { content: '\e600'; font-family: "icomoon"; display: inline-block; font-size: 1rem; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .htContextMenu table tbody tr.htHidden { display: none; } .htContextMenu .ht_master .wtHolder { overflow: hidden; } .htContextMenuSub_Alignment { margin-top: -0.5rem; margin-left: 0; } .global-zeroclipboard-container, .global-zeroclipboard-flash-bridge { cursor: pointer; } textarea#HandsontableCopyPaste { position: fixed !important; top: 0 !important; right: 100% !important; overflow: hidden; opacity: 0; outline: 0 none !important; } .ht__manualColumnMove.after-selection--columns thead th.ht__highlight, .ht__manualColumnMove.on-moving--columns, .ht__manualColumnMove.on-moving--columns thead th.ht__highlight, .ht__manualRowMove.after-selection--rows tbody th.ht__highlight, .ht__manualRowMove.on-moving--rows, .ht__manualRowMove.on-moving--rows tbody th.ht__highlight { cursor: move; } .ht__manualColumnMove.on-moving--columns .manualColumnResizer, .ht__manualRowMove.on-moving--rows .manualRowResizer { display: none; } .ht__manualColumnMove--guideline, .ht__manualColumnMove--backlight, .ht__manualRowMove--guideline, .ht__manualRowMove--backlight { position: absolute; height: 100%; display: none; } .ht__manualColumnMove--guideline, .ht__manualRowMove--guideline { background-color: rgba(0, 0, 0, 0.015); z-index: 105; } .ht__manualColumnMove--guideline { width: 2px; margin-left: -1px; top: 0; } .ht__manualRowMove--guideline { height: 2px; margin-top: -1px; left: 0; } .ht__manualColumnMove--backlight, .ht__manualRowMove--backlight { background-color: rgba(0, 0, 0, 0.015); display: none; z-index: 105; pointer-events: none; } .on-moving--columns.show-ui .ht__manualColumnMove--guideline, .on-moving--columns .ht__manualColumnMove--backlight, .on-moving--rows.show-ui .ht__manualRowMove--guideline, .on-moving--rows .ht__manualRowMove--backlight { display: block; } .pika-single { z-index: 1000; display: block; position: relative; background-color: #fff; border: 0 solid rgba(0, 0, 0, 0.15); margin-top: 0; margin-left: 0; background-clip: padding-box; border-radius: 0.075rem; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .pika-single::after { display: block; clear: both; content: ""; } .pika-single.is-hidden { display: none; } .pika-single.is-bound { position: absolute; } .pika-lendar { float: left; max-width: 15.63rem; margin: 0.9375rem; } .pika-title { position: relative; text-align: center; } .pika-title select { cursor: pointer; position: absolute; z-index: 999; margin: 0; left: 0; height: 2.37503rem; padding: 0.5rem 0; border: 1px solid #ddd; opacity: 0; } .pika-label { display: inline-block; position: relative; z-index: 1000; overflow: hidden; margin: 0; padding-top: 0.46875rem; padding-bottom: 0.46875rem; font-size: 0.9375rem; line-height: 1; } .pika-label + .pika-label { margin-left: 0.46875rem; top: -0.0625rem; font-size: 0.8125rem; color: #999; } .pika-prev, .pika-next { display: block; position: relative; border: 0; padding: 0.5rem; font-size: 0; background-color: transparent; cursor: pointer; border-radius: 0.075rem; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .pika-prev, .pika-next { transition: none; } } .pika-prev:after, .pika-next:after { font-family: "icomoon"; display: block; font-size: 1rem; width: 1rem; text-align: center; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pika-prev:hover, .pika-next:hover { color: #333; background-color: #f5f5f5; } .pika-prev.is-disabled, .pika-next.is-disabled { cursor: default; opacity: .2; } .pika-prev { float: left; } .pika-prev:after { content: '\e9c8'; } .pika-next { float: right; } .pika-next:after { content: '\e9cb'; } .pika-table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; table-layout: fixed; } .pika-table th, .pika-table td { position: relative; } .pika-table th { text-align: center; font-weight: 400; padding-top: 0.9375rem; padding-bottom: 0.5rem; font-size: 0.75rem; color: #999; } .pika-table abbr { border-bottom: 0; cursor: default; text-decoration: none; } .pika-button { display: block; border: 0; margin: 0; width: 100%; padding: 0.5rem; text-align: center; background-color: transparent; cursor: pointer; border-radius: 0.075rem; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .pika-button { transition: none; } } .pika-button:hover { color: #333; background-color: #f5f5f5; } .is-today .pika-button { color: #333; background-color: #f5f5f5; } .is-selected .pika-button { color: #fff; background-color: #5983fc; } .is-today .pika-button:before, .is-selected .pika-button:before, .is-today.is-selected .pika-button:before { content: ""; position: absolute; top: 0.16667rem; right: 0.16667rem; border-top: 0.5rem solid #fff; border-left: 0.5rem solid transparent; width: 0; height: 0; } .is-startrange .pika-button, .is-endrange .pika-button { color: #fff; background-color: #5983fc; } .is-inrange .pika-button { color: #333; background-color: #f5f5f5; } .is-disabled .pika-button { pointer-events: none; cursor: default; opacity: 0.5; } .pika-select { display: inline-block; } .pika-week { font-size: 0.75rem; color: #999; } /*rtl:end:ignore*/ /* ------------------------------------------------------------------------------ * * # Datatables library * * Add advanced interaction controls to any HTML table * * ---------------------------------------------------------------------------- */ .dataTable { margin: 0; max-width: none; } .dataTable thead th, .dataTable thead td { outline: 0; position: relative; } .dataTable thead .sorting_asc, .dataTable thead .sorting_desc, .dataTable thead .sorting { cursor: pointer; } .dataTable thead .sorting, .dataTable thead .sorting_asc, .dataTable thead .sorting_desc, .dataTable thead .sorting_asc_disabled, .dataTable thead .sorting_desc_disabled { padding-right: 2.5rem; } .dataTable thead .sorting:before, .dataTable thead .sorting:after, .dataTable thead .sorting_asc:after, .dataTable thead .sorting_desc:after, .dataTable thead .sorting_asc_disabled:after, .dataTable thead .sorting_desc_disabled:after { content: ''; font-family: "icomoon"; position: absolute; top: 50%; right: 1.25rem; font-size: 0.75rem; margin-top: -0.375rem; display: inline-block; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dataTable thead .sorting:before { content: '\e9c1'; margin-top: -0.125rem; opacity: 0.5; } .dataTable thead .sorting:after { content: '\e9c2'; margin-top: -0.625rem; opacity: 0.5; } .dataTable thead .sorting_asc:after { content: '\e9c2'; opacity: 1; } .dataTable thead .sorting_desc:after { content: '\e9c1'; opacity: 1; } .dataTable thead .sorting_asc_disabled:after { content: '\e9c2'; opacity: 0.25; } .dataTable thead .sorting_desc_disabled:after { content: '\e9c1'; opacity: 0.25; } .dataTable tbody + thead > tr:first-child > th, .dataTable tbody + thead > tr:first-child > td, .dataTable tbody + tfoot + thead > tr:first-child > th, .dataTable tbody + tfoot + thead > tr:first-child > td { border-top: 0; } .dataTable tbody th, .dataTable tbody td { outline: 0; } .dataTable tbody th.active, .dataTable tbody td.active { background-color: rgba(0, 0, 0, 0.03); } .dataTable .dataTables_empty { text-align: center; } .dataTable.table-bordered { border-collapse: collapse; } .dataTables_wrapper { position: relative; clear: both; } .dataTables_wrapper::after { display: block; clear: both; content: ""; } .dataTables_wrapper .table-bordered { border-top: 0; } .dataTables_wrapper + .card-body { border-top: 1px solid #ddd; } .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; background-color: #fff; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); } .datatable-header, .datatable-footer { padding: 1.25rem 1.25rem 0 1.25rem; } .datatable-header::after, .datatable-footer::after { display: block; clear: both; content: ""; } .datatable-header > div:first-child, .datatable-footer > div:first-child { margin-left: 0; } .card-body .datatable-header, .card-body .datatable-footer { padding-left: 0; padding-right: 0; } .datatable-header-accent, .datatable-footer-accent { background-color: rgba(0, 0, 0, 0.02); } .datatable-header { border-bottom: 1px solid #ddd; } .datatable-footer { border-top: 1px solid #b7b7b7; } .dataTables_length { float: right; display: inline-block; margin: 0 0 1.25rem 1.25rem; } .dataTables_length > label { margin-bottom: 0; } .dataTables_length > label > span:first-child { float: left; margin: 0.5625rem 0.83333rem; margin-left: 0; } .dataTables_length select { height: 2.37503rem; padding: 0.5rem 0; font-size: 0.8125rem; line-height: 1.5385; color: #333; background-color: transparent; border: 1px solid #ddd; outline: 0; } .length-left .dataTables_length { float: left; } .dataTables_length .select2-container { width: auto; } .dataTables_length .select2-choice { min-width: 3.75rem; } .dataTables_filter { position: relative; display: block; float: left; margin: 0 0 1.25rem 1.25rem; } .dataTables_filter > label { margin-bottom: 0; position: relative; } .dataTables_filter > label:after { content: "\e98e"; font-family: "icomoon"; font-size: 0.75rem; display: inline-block; position: absolute; top: 50%; right: 0; margin-top: -0.375rem; line-height: 1; opacity: 0.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dataTables_filter > label > span { float: left; margin: 0.5625rem 0.83333rem; margin-left: 0; } .dataTables_filter input { outline: 0; width: 12.5rem; padding: 0.5rem 0; padding-right: 1.125rem; font-size: 0.8125rem; line-height: 1.5385; color: #333; background-color: transparent; border: 1px solid #ddd; border-width: 1px 0; border-top-color: transparent; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .dataTables_filter input { transition: none; } } .dataTables_filter input:focus { border-bottom-color: #3e60c1; box-shadow: 0 1px 0 #3e60c1; } .dataTables_filter input::-webkit-input-placeholder { color: #999; opacity: 1; } .dataTables_filter input::-moz-placeholder { color: #999; opacity: 1; } .dataTables_filter input:-ms-input-placeholder { color: #999; opacity: 1; } .dataTables_filter input::-ms-input-placeholder { color: #999; opacity: 1; } .dataTables_filter input::placeholder { color: #999; opacity: 1; } .filter-right .dataTables_filter { float: right; } .dataTables_info { float: left; padding: 0.5rem 0; margin-bottom: 1.25rem; } .info-right .dataTables_info { float: right; } .dataTables_paginate { float: right; text-align: right; margin: 0 0 1.25rem 1.25rem; } .dataTables_paginate .paginate_button { display: inline-block; padding: 0.5rem; min-width: 2.25003rem; margin-left: 0.125rem; text-align: center; text-decoration: none; cursor: pointer; color: #333; outline: 0; border: 1px solid transparent; border-radius: 0.075rem; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .dataTables_paginate .paginate_button { transition: none; } } .dataTables_paginate .paginate_button:first-child { margin-left: 0; } .dataTables_paginate .paginate_button:hover, .dataTables_paginate .paginate_button:focus { background-color: #eee; } .dataTables_paginate .paginate_button.current, .dataTables_paginate .paginate_button.current:hover, .dataTables_paginate .paginate_button.current:focus { color: #fff; background-color: #37474F; } .dataTables_paginate .paginate_button.disabled, .dataTables_paginate .paginate_button.disabled:hover, .dataTables_paginate .paginate_button.disabled:focus { cursor: default; background-color: transparent; color: #999; } .dataTables_paginate.paging_simple .paginate_button { padding-left: 1rem; padding-right: 1rem; } .dataTables_paginate.paging_simple .paginate_button:not(.disabled):hover, .dataTables_paginate.paging_simple .paginate_button:not(.disabled):focus { color: #fff; background-color: #37474F; } .paginate-left .dataTables_paginate { float: left; } .paging_simple .paginate_button:hover, .paging_simple .paginate_button:focus { color: #fff; background-color: #5983fc; } .dataTables_scroll { clear: both; } .dataTables_scroll .dataTables_scrollHead table { border-bottom: 0; } .dataTables_scroll .dataTables_scrollHead th, .dataTables_scroll .dataTables_scrollHead td { white-space: nowrap; } .dataTables_scroll .dataTables_scrollBody { -webkit-overflow-scrolling: touch; } .dataTables_scroll .dataTables_scrollBody table { border-bottom: 0; } .dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:before, .dataTables_scroll .dataTables_scrollBody table thead th[class*=sorting]:after { content: none; } .dataTables_scroll .dataTables_scrollBody table tbody tr:first-child > td { border-top: 0; } .dataTables_scroll .dataTables_scrollBody th, .dataTables_scroll .dataTables_scrollBody td { white-space: nowrap; } .dataTables_scroll .dataTables_scrollBody th > .dataTables_sizing, .dataTables_scroll .dataTables_scrollBody td > .dataTables_sizing { height: 0; overflow: hidden; margin: 0; padding: 0; } .card-body + .dataTables_wrapper, .card-body + * > .dataTables_wrapper { border-top: 1px solid #ddd; } .card-body > .dataTables_wrapper .datatable-footer { border-top: 0; } .card-body > .dataTables_wrapper .datatable-footer .dataTables_length, .card-body > .dataTables_wrapper .datatable-footer .dataTables_filter, .card-body > .dataTables_wrapper .datatable-footer .dataTables_info, .card-body > .dataTables_wrapper .datatable-footer .dataTables_paginate { margin-bottom: 0; } .card-header:not([class*=bg-]) + .dataTables_wrapper > .datatable-header { padding-top: 0; } .card > .dataTables_wrapper .table-bordered { border: 0; } .card > .dataTables_wrapper .table-bordered > thead > tr > td:first-child, .card > .dataTables_wrapper .table-bordered > thead > tr > th:first-child, .card > .dataTables_wrapper .table-bordered > tbody > tr > td:first-child, .card > .dataTables_wrapper .table-bordered > tbody > tr > th:first-child, .card > .dataTables_wrapper .table-bordered > tfoot > tr > td:first-child, .card > .dataTables_wrapper .table-bordered > tfoot > tr > th:first-child { border-left: 0; } .card > .dataTables_wrapper .table-bordered > thead > tr > td:last-child, .card > .dataTables_wrapper .table-bordered > thead > tr > th:last-child, .card > .dataTables_wrapper .table-bordered > tbody > tr > td:last-child, .card > .dataTables_wrapper .table-bordered > tbody > tr > th:last-child, .card > .dataTables_wrapper .table-bordered > tfoot > tr > td:last-child, .card > .dataTables_wrapper .table-bordered > tfoot > tr > th:last-child { border-right: 0; } .card > .dataTables_wrapper .table-bordered > tbody > tr:last-child > th, .card > .dataTables_wrapper .table-bordered > tbody > tr:last-child > td { border-bottom: 0; } .datatable-scroll-lg, .datatable-scroll, .datatable-scroll-sm { min-height: .01%; } .datatable-scroll-wrap { width: 100%; min-height: .01%; overflow-x: auto; } @media (max-width: 767.98px) { .datatable-scroll-sm { width: 100%; overflow-x: scroll; } .datatable-scroll-sm th, .datatable-scroll-sm td { white-space: nowrap; } } @media (max-width: 991.98px) { .datatable-scroll { width: 100%; overflow-x: scroll; } .datatable-scroll th, .datatable-scroll td { white-space: nowrap; } } @media (max-width: 1199.98px) { .datatable-scroll-lg { width: 100%; overflow-x: scroll; } .datatable-scroll-lg th, .datatable-scroll-lg td { white-space: nowrap; } } @media (max-width: 767.98px) { .dataTables_info, .dataTables_paginate, .dataTables_length, .dataTables_filter, .DTTT_container, .ColVis { float: none !important; text-align: center; margin-left: 0; } .dataTables_info, .dataTables_paginate { margin-top: 0; } .datatable-header { text-align: center; } } /* ------------------------------------------------------------------------------ * * # Columns reorder * * Easily modify the column order of a table through drop-and-drag of column headers * * ---------------------------------------------------------------------------- */ .DTCR_clonedTable { background-color: rgba(255, 255, 255, 0.8); z-index: 202; cursor: move; } .DTCR_clonedTable th, .DTCR_clonedTable td { border: 1px solid #ddd !important; } .DTCR_pointer { width: 1px; background-color: #2196F3; z-index: 201; } /* ------------------------------------------------------------------------------ * * # Row Reorder extension * * RowReorder adds the ability for rows in a DataTable to be reordered through * user interaction with the table. * * ---------------------------------------------------------------------------- */ .dt-rowReorder-float { position: absolute !important; table-layout: static; outline: 1px dashed #777; outline-offset: -1px; background-color: #fff; z-index: 1030; cursor: move; opacity: 0.9; } .dt-rowReorder-moving { outline: 1px solid #777; outline-offset: -1px; } .dt-rowReorder-noOverflow { overflow-x: hidden; } .dataTable td.reorder { text-align: center; cursor: move; } /* ------------------------------------------------------------------------------ * * # Fixed columns * * Extension that "freezes" in place the left most columns in a scrolling DataTable * * ---------------------------------------------------------------------------- */ .DTFC_ScrollWrapper thead th { white-space: nowrap; } .DTFC_Cloned { background-color: #fff; border-bottom: 0; } .DTFC_LeftWrapper .DTFC_LeftHeadWrapper, .DTFC_LeftWrapper .DTFC_LeftBodyWrapper, .DTFC_LeftWrapper .DTFC_LeftFootWrapper { border-right: 1px solid #ddd; } .DTFC_RightWrapper .DTFC_RightHeadWrapper, .DTFC_RightWrapper .DTFC_RightBodyWrapper, .DTFC_RightWrapper .DTFC_RightFootWrapper { border-left: 1px solid #ddd; } .DTFC_LeftBodyWrapper .DTFC_Cloned thead th:before, .DTFC_LeftBodyWrapper .DTFC_Cloned thead th:after, .DTFC_RightBodyWrapper .DTFC_Cloned thead th:before, .DTFC_RightBodyWrapper .DTFC_Cloned thead th:after { content: none; } .DTFC_LeftBodyWrapper .DTFC_Cloned tbody > tr:first-child > td, .DTFC_LeftBodyWrapper .DTFC_Cloned tbody > tr:first-child > th, .DTFC_RightBodyWrapper .DTFC_Cloned tbody > tr:first-child > td, .DTFC_RightBodyWrapper .DTFC_Cloned tbody > tr:first-child > th { border-top: 0; } .DTFC_Blocker { background-color: white; } /* ------------------------------------------------------------------------------ * * # Fixed Header extension * * This extension lets your users quickly determine what each column refers to * rather than needing to scroll back to the top of the table. * * ---------------------------------------------------------------------------- */ .fixedHeader-floating, .fixedHeader-locked { background-color: #fff; margin-top: 0; margin-bottom: 0; } .fixedHeader-floating { position: fixed; } .fixedHeader-floating + .fixedHeader-floating, .fixedHeader-locked + .fixedHeader-floating { border-top: 0 !important; } @media (max-width: 767.98px) { .fixedHeader-floating { display: none; } } .fixedHeader-locked { position: absolute; } @media (max-width: 767.98px) { .fixedHeader-locked { display: none; } } @media print { table.fixedHeader-floating { display: none; } } /* ------------------------------------------------------------------------------ * * # Autofill extension * * Spreadsheets such as Excel and Google Docs have a very handy data duplication * option of an auto fill tool * * ---------------------------------------------------------------------------- */ .dt-autofill-handle { position: absolute; z-index: 102; border: 1px solid #2196F3; background-color: #2196F3; width: 0.5rem; height: 0.5rem; } .dt-autofill-select { position: absolute; z-index: 1001; background-color: #2196F3; background-image: repeating-linear-gradient(45deg, transparent, transparent 0.3125rem, rgba(255, 255, 255, 0.75) 0.3125rem, rgba(255, 255, 255, 0.75) 0.625rem); } .dt-autofill-select.top, .dt-autofill-select.bottom { height: 1px; } .dt-autofill-select.left, .dt-autofill-select.right { width: 1px; } .dt-autofill-list { position: fixed; top: 50%; left: 50%; width: 31.25rem; margin-left: -15.63rem; background-color: #fff; border: 1px solid transparent; z-index: 1050; padding: 0.5rem 0; border-radius: 0.075rem; } .dt-autofill-list ul { display: table; margin: 0; padding: 0; list-style: none; width: 100%; } .dt-autofill-list ul li { display: table-row; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .dt-autofill-list ul li { transition: none; } } .dt-autofill-list ul li:hover { color: #333; background-color: #f5f5f5; } .dt-autofill-list .dt-autofill-question { display: table-cell; padding: 0.5rem 1.25rem; } .dt-autofill-list .dt-autofill-question input[type=number] { padding: 0.375rem; width: 1.875rem; margin: -0.125rem 0; } .dt-autofill-list .dt-autofill-button { display: table-cell; padding: 0.5rem 1.25rem; text-align: right; } .dt-autofill-list .dt-autofill-button .btn { padding: 0.1875rem; background-color: #2196F3; color: #fff; font-size: 0; } .dt-autofill-list .dt-autofill-button .btn:after { content: '\e9c3'; font-family: "icomoon"; display: block; font-size: 1rem; width: 1rem; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dt-autofill-list .dt-autofill-button .btn:hover { opacity: 0.85; } .dt-autofill-background { position: fixed; top: 0; left: 0; background-color: #000; z-index: 1040; opacity: 0.5; width: 100%; height: 100%; } /* ------------------------------------------------------------------------------ * * # Select extension * * Adds item selection capabilities to a DataTable * * ---------------------------------------------------------------------------- */ .dataTable tbody > tr.selected, .dataTable tbody > tr > .selected { background-color: #E8F5E9; } .dataTables_wrapper .select-info, .dataTables_wrapper .select-item { margin-left: 0.625rem; } @media (max-width: 767.98px) { .dataTables_wrapper .select-info, .dataTables_wrapper .select-item { margin-left: 0; display: block; } } .dataTable tbody .select-checkbox { position: relative; } .dataTable tbody .select-checkbox:before, .dataTable tbody .select-checkbox:after { display: inline-block; color: #455A64; position: absolute; top: 50%; left: 50%; cursor: pointer; } .dataTable tbody .select-checkbox:before { content: ''; background-color: #fff; width: 1.25rem; height: 1.25rem; margin-top: -0.625rem; margin-left: -0.625rem; border: 0.125rem solid #455A64; border-radius: 0.075rem; } .dataTable tbody .selected .select-checkbox:after { content: "\e600"; font-family: "icomoon"; font-size: 1rem; line-height: 1; margin-top: -0.5rem; margin-left: -0.5rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* ------------------------------------------------------------------------------ * * # Buttons extension * * The Buttons extension for DataTables provides a common set of options, API * methods and styling to display buttons that will interact with a DataTable * * ---------------------------------------------------------------------------- */ .dt-buttons-full .dt-buttons { float: none; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin: 0; border-bottom: 1px solid #ddd; padding-top: 1.25rem; padding-bottom: 0.625rem; background-color: rgba(0, 0, 0, 0.02); } .dt-buttons-full .dt-buttons > .btn { margin-bottom: 0.625rem; float: none; } .dt-buttons { position: relative; float: right; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 1.25rem 1.25rem; } .dt-buttons-left .dt-buttons { float: left; } .dt-buttons > .btn { border-radius: 0; } .dt-buttons > .btn:first-child { border-top-left-radius: 0.075rem; border-bottom-left-radius: 0.075rem; } .dt-buttons > .btn:last-of-type { border-top-right-radius: 0.075rem; border-bottom-right-radius: 0.075rem; } .dt-buttons > .btn + .btn { margin-left: -1px; } @media (max-width: 767.98px) { .dt-buttons { float: none; text-align: center; display: block; } .dt-buttons .btn { float: none; } } .dt-button-background { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: #000; z-index: 1040; opacity: 0.5; } .dt-button-collection { position: absolute; background-color: #fff; display: block; z-index: 1050; padding: 0.5rem 0; overflow: hidden; min-width: 11.25rem; -webkit-column-gap: 0.125rem; -moz-column-gap: 0.125rem; column-gap: 0.125rem; border-radius: 0.075rem; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .dt-button-collection:not(.fixed) { top: 100% !important; left: auto !important; right: 0 !important; } .dt-button-collection > .dt-button { padding: 0.5rem 1.25rem; color: #333; background-color: transparent; border: 0; display: block; outline: 0; width: 100%; text-align: left; cursor: pointer; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .dt-button-collection > .dt-button { transition: none; } } .dt-button-collection > .dt-button + .dt-button { margin-top: 1px; } .dt-button-collection > .dt-button:hover, .dt-button-collection > .dt-button:focus { color: #333; background-color: #f5f5f5; } .dt-button-collection > .dt-button.active { color: #fff; background-color: #5983fc; } .dt-button-collection.fixed { position: fixed; top: 50%; left: 50%; margin-left: -4.6875rem; padding-left: 0.5rem; padding-right: 0.5rem; } .dt-button-collection.fixed.two-column { margin-left: -9.375rem; } .dt-button-collection.fixed.three-column { margin-left: -14.065rem; } .dt-button-collection.fixed.four-column { margin-left: -18.75rem; } .dt-button-collection > * { -webkit-column-break-inside: avoid; break-inside: avoid; } .dt-button-collection.two-column { width: 18.75rem; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .dt-button-collection.three-column { width: 28.13rem; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .dt-button-collection.four-column { width: 37.5rem; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } /* ------------------------------------------------------------------------------ * * # Key Table extension * * KeyTable provides Excel like cell navigation on any table. Events (focus, blur, * action etc) can be assigned to individual cells, columns, rows or all cells. * * ---------------------------------------------------------------------------- */ .dataTable th.focus, .dataTable td.focus { outline: 2px solid #2196F3; outline-offset: -1px; } .dataTable th.focus-success, .dataTable td.focus-success { background-color: #E8F5E9; outline-color: #4CAF50; } .dataTable th.focus-info, .dataTable td.focus-info { background-color: #E3F2FD; outline-color: #2196F3; } .dataTable th.focus-warning, .dataTable td.focus-warning { background-color: #FBE9E7; outline-color: #FF5722; } .dataTable th.focus-danger, .dataTable td.focus-danger { background-color: #FFEBEE; outline-color: #F44336; } /* ------------------------------------------------------------------------------ * * # Datatables Scroller * * Drawing the rows required for the current display only, for fast operation * * ---------------------------------------------------------------------------- */ .DTS tbody th, .DTS tbody td { white-space: nowrap; } .DTS .DTS_Loading { position: absolute; top: 50%; left: 50%; width: 12.5rem; height: 1.25rem; margin-top: -1.25rem; margin-left: -6.25rem; z-index: 1; border: 1px solid #ddd; padding: 1.25rem 0; text-align: center; background-color: rgba(255, 255, 255, 0.5); } .DTS .dataTables_scrollHead, .DTS .dataTables_scrollFoot { background-color: #fff; } .DTS .dataTables_scrollBody { z-index: 2; } /* ------------------------------------------------------------------------------ * * # Responsive extension * * Optimise the table's layout for different screen sizes through the dynamic * insertion and removal of columns from the table * * ---------------------------------------------------------------------------- */ .dtr-inline.collapsed tbody tr td:before, .dtr-inline.collapsed tbody tr th:before { margin-right: 0.625rem; } .dtr-inline.collapsed tbody tr td:first-child, .dtr-inline.collapsed tbody tr th:first-child { position: relative; cursor: pointer; white-space: nowrap; } .dtr-inline.collapsed tbody tr td:first-child.dataTables_empty:before, .dtr-inline.collapsed tbody tr th:first-child.dataTables_empty:before { display: none; } .dtr-column tbody td.control, .dtr-column tbody th.control { position: relative; cursor: pointer; } .dtr-inline.collapsed tbody tr td:first-child:before, .dtr-inline.collapsed tbody tr th:first-child:before, .dtr-column tbody tr td.control:before, .dtr-column tbody tr th.control:before { content: '\e9e4'; font-family: "icomoon"; display: inline-block; font-size: 1rem; width: 1rem; line-height: 1; position: relative; top: -0.09375rem; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before, .dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before, .dataTable.dtr-column tbody tr.parent td.control:before, .dataTable.dtr-column tbody tr.parent th.control:before { content: '\e9e7'; } .dtr-inline.collapsed tbody tr.child td:before { display: none; } .dataTable tr.child:hover { background-color: transparent; } .dataTable tr.child .dtr-title { display: table-cell; font-weight: 500; padding-right: 2.5rem; } .dataTable tr.child .dtr-data { display: table-cell; padding: 0.5rem 0; } .dataTable tr td.child { white-space: normal; position: relative; } .dataTable tr td.child > ul { display: table; table-layout: fixed; width: 100%; list-style: none; margin: 0; padding: 0; } .dataTable tr td.child > ul > li { display: table-row; } /* ------------------------------------------------------------------------------ * * # Google Maps overrides * * Override Google Maps default styles * * ---------------------------------------------------------------------------- */ .map-container { height: 500px; } .gm-style { font-size: 0.8125rem; } .gm-style .gm-style-iw { font-size: 0.8125rem; font-weight: 400; } /* ------------------------------------------------------------------------------ * * # Vector maps * * Vector map container, tooltip and zooming * * ---------------------------------------------------------------------------- */ .vector-map-container { height: 500px; } .jvectormap-label { position: absolute; display: none; background-color: #000; color: #fff; padding: 0.5625rem 0.75rem; border-radius: 0.075rem; } .jvectormap-zoomin, .jvectormap-zoomout { position: absolute; left: 1.25rem; padding: 0.5rem; color: white; cursor: pointer; font-size: 1rem; font-weight: 300; line-height: 0.625rem; background-color: #455A64; text-align: center; border-radius: 0.075rem; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .jvectormap-zoomin, .jvectormap-zoomout { transition: none; } } .jvectormap-zoomin:hover, .jvectormap-zoomout:hover { background-color: #37474F; } .jvectormap-zoomin { top: 0.625rem; } .jvectormap-zoomout { top: 2.5rem; } /* ------------------------------------------------------------------------------ * * # Chart styling * * Charts base - container and sizing setup * * ---------------------------------------------------------------------------- */ .chart-container { position: relative; width: 100%; } .chart-container.has-scroll { overflow-x: scroll; overflow-y: visible; max-width: 100%; } @media (max-width: 767.98px) { .chart-container { overflow-x: scroll; overflow-y: visible; max-width: 100%; } } .chart { position: relative; display: block; width: 100%; } .chart.has-minimum-width { min-width: 37.5rem; } .has-fixed-height { height: 400px; } .chart-pie { width: 100%; height: 400px; min-width: 31.25rem; } /* ------------------------------------------------------------------------------ * * # C3 charts * * Styles for C3.js visualization library * * ---------------------------------------------------------------------------- */ .c3 svg { font-size: 0.75rem; } .c3 path, .c3 line { fill: none; stroke: #999; } .c3 path.domain { shape-rendering: crispEdges; } .c3 text { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .c3-legend-item-tile, .c3-xgrid-focus, .c3-ygrid, .c3-event-rect, .c3-bars path { shape-rendering: crispEdges; } .c3-chart-arc path { stroke: #fff; } .c3-chart-arc text { fill: #fff; font-size: 0.8125rem; } .c3-grid line { stroke: #ccc; } .c3-grid text { fill: #ccc; } .c3-xgrid, .c3-ygrid { stroke-dasharray: 3 3; } .c3-text { font-weight: 500; } .c3-text.c3-empty { fill: #777; font-size: 2em; } .c3-line { stroke-width: 2px; } .c3-area { stroke-width: 0; opacity: 0.4; } .c3-circle._expanded_ { stroke-width: 1.5px; stroke: #fff; } .c3-selected-circle { fill: #fff; stroke-width: 2px; } .c3-bar { stroke-width: 0; } .c3-bar._expanded_ { fill-opacity: 0.75; } .c3-chart-arcs-title { font-size: 0.9375rem; } .c3-chart-arcs .c3-chart-arcs-background { fill: #eee; stroke: none; } .c3-chart-arcs .c3-chart-arcs-gauge-unit { fill: #333; font-size: 0.9375rem; } .c3-chart-arcs .c3-chart-arcs-gauge-max, .c3-chart-arcs .c3-chart-arcs-gauge-min { fill: #f5f5f5; } .c3-chart-arc .c3-gauge-value { fill: #333; font-size: 1.5625rem; } .c3-target.c3-focused { opacity: 1; } .c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step { stroke-width: 2px; } .c3-target.c3-defocused { opacity: 0.3 !important; } .c3-region { fill: #546E7A; fill-opacity: .1; } .c3-brush .extent { fill-opacity: .1; } .c3-legend-item { font-size: 0.75rem; } .c3-legend-background { fill: #fff; stroke: lightgray; stroke-width: 1; opacity: 0.75; } .c3-tooltip { border-collapse: collapse; border-spacing: 0; background-color: #fff; empty-cells: show; opacity: 0.95; } .c3-tooltip th { background-color: #333; padding: 0.5rem 1.25rem; text-align: center; color: #fff; border: 1px solid #333; font-weight: 500; } .c3-tooltip td { padding: 0.5rem 1.25rem; background-color: #fff; border: 1px solid #ddd; } .c3-tooltip td > span { display: inline-block; margin-right: 0.625rem; width: 0.5rem; height: 0.5rem; } .c3-tooltip td.value { text-align: right; } /* ------------------------------------------------------------------------------ * * # D3.js library * * Basic styles for D3.js visualization library * * ---------------------------------------------------------------------------- */ .d3-axis path { fill: none; stroke: #999; shape-rendering: crispEdges; } .d3-axis line { stroke: #f5f5f5; shape-rendering: crispEdges; } .d3-axis .tick, .d3-axis .tick text { font-size: 0.75rem; fill: #333; } .d3-axis-solid path, .d3-axis-solid line { stroke: #ccc; } .d3-axis-solid .tick { fill: #999; } .d3-axis-solid .tick text { fill: #999; } .d3-axis-strong path, .d3-axis-strong line { stroke: #ccc; } .d3-axis-strong .tick { fill: #333; } .d3-axis-strong .tick text { fill: #333; } .d3-axis-transparent path { stroke: none; } .d3-axis-transparent line { stroke: #eee; } .d3-axis-transparent .tick { fill: #999; } .d3-axis-transparent .tick text { fill: #999; } .d3-tip { position: absolute; padding: 0.5625rem 0.75rem; background-color: #000; color: #fff; margin-bottom: 0; font-size: 0.8125rem; z-index: 1070; border-radius: 0.075rem; } .d3-tip .d3-tip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .d3-tip.n .d3-tip-arrow { bottom: 0; left: 50%; margin-left: 0; border-width: 0 0 0; border-top-color: #000; } .d3-tip.e .d3-tip-arrow { top: 50%; margin-top: 0; /*rtl:begin:ignore*/ left: 0; border-width: 0 0 0 0; border-right-color: #000; /*rtl:end:ignore*/ } .d3-tip.w .d3-tip-arrow { top: 50%; margin-top: 0; /*rtl:begin:ignore*/ right: 0; border-width: 0 0 0 0; border-left-color: #000; /*rtl:end:ignore*/ } .d3-tip.s .d3-tip-arrow { top: 0; left: 50%; margin-left: 0; border-width: 0 0 0; border-bottom-color: #000; } .venntooltip { position: absolute; text-align: center; white-space: nowrap; background-color: #000; color: #fff; padding: 0.5625rem 0.75rem; display: none; border-radius: 0.075rem; } .d3-line { fill: none; } .d3-line-thin { stroke-width: 1px; } .d3-line-medium { stroke-width: 1.5px; } .d3-line-strong { stroke-width: 2px; } .d3-line-circle { fill: none; cursor: pointer; } .d3-line-circle-thin { stroke-width: 1px; } .d3-line-circle-medium { stroke-width: 1.5px; } .d3-line-circle-strong { stroke-width: 2px; } .d3-grid .tick line { stroke-width: 1px; stroke: #eee; shape-rendering: crispEdges; } .d3-grid .tick text { fill: #333; stroke: none; } .d3-grid-dashed .tick { stroke-dasharray: 4,2; stroke-width: 1px; stroke: #eee; shape-rendering: crispEdges; } .d3-grid-dashed path { stroke-width: 0; } .d3-crosshair-overlay { fill: none; pointer-events: all; } .bullet-tick line { stroke: #999; stroke-width: 1px; shape-rendering: crispEdges; } .bullet-tick text { fill: #999; font-size: 0.75rem; } .bullet-marker { stroke-width: 2px; shape-rendering: crispEdges; } .bullet-title { font-size: 0.8125rem; font-weight: 500; } .bullet-subtitle { fill: #999; } .bullet-1 .bullet-range-1 { fill: rgba(96, 125, 139, 0.8); } .bullet-1 .bullet-range-2 { fill: rgba(96, 125, 139, 0.4); } .bullet-1 .bullet-range-3 { fill: #607D8B; } .bullet-1 .bullet-measure-1 { fill: rgba(84, 110, 122, 0.9); } .bullet-1 .bullet-measure-2 { fill: #fff; } .bullet-1 .bullet-marker { stroke: #37474F; } .bullet-2 .bullet-range-1 { fill: rgba(255, 112, 67, 0.6); } .bullet-2 .bullet-range-2 { fill: rgba(255, 112, 67, 0.3); } .bullet-2 .bullet-range-3 { fill: #FF7043; } .bullet-2 .bullet-measure-1 { fill: rgba(244, 81, 30, 0.9); } .bullet-2 .bullet-measure-2 { fill: #fff; } .bullet-2 .bullet-marker { stroke: #D84315; } .bullet-3 .bullet-range-1 { fill: rgba(102, 187, 106, 0.7); } .bullet-3 .bullet-range-2 { fill: rgba(102, 187, 106, 0.35); } .bullet-3 .bullet-range-3 { fill: #66BB6A; } .bullet-3 .bullet-measure-1 { fill: rgba(67, 160, 71, 0.9); } .bullet-3 .bullet-measure-2 { fill: #fff; } .bullet-3 .bullet-marker { stroke: #2E7D32; } .counter-icon { font-size: 2rem; position: absolute; left: 50%; margin-left: -1rem; } .chart-widget-legend { margin: 0.625rem 0 0 0; padding: 0; font-size: 0.75rem; text-align: center; } .chart-widget-legend li { margin: 0.3125rem 0.625rem 0; padding: 0.4375rem 0.5rem 0.3125rem; display: inline-block; } /* ------------------------------------------------------------------------------ * * # Ecommerce stuff * * Styles for Ecommerce set of pages * * ---------------------------------------------------------------------------- */ .color-selector-active { position: relative; } .color-selector-active i { position: absolute; top: 50%; left: 50%; margin-top: -0.5rem; margin-left: -0.5rem; } .pricing-table-price { font-size: 2.625rem; } .pricing-table-price > span { font-size: 1.875rem; } .pricing-table-list li { padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .card[class*=bg-]:not(.bg-transparent):not(.bg-white):not(.bg-light) .pricing-table-list li { border-bottom-color: rgba(255, 255, 255, 0.2); } .ribbon-container { width: 6.5rem; height: 6.625rem; overflow: hidden; position: absolute; top: -1px; right: -1px; } .ribbon { text-align: center; font-size: 0.75rem; line-height: 1.6667; font-weight: 500; text-transform: uppercase; position: relative; padding: 0.3125rem 0; left: -0.6875rem; top: 1.563rem; width: 9.375rem; background-color: #4CAF50; color: #fff; z-index: 10; -webkit-transform: rotate(45deg); transform: rotate(45deg); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } /* ------------------------------------------------------------------------------ * * # Blog layouts * * Blog layouts with various blog layouts * * ---------------------------------------------------------------------------- */ .blog-horizontal .card-img-actions { width: 100%; } @media (min-width: 576px) { .blog-horizontal .card-img-actions { width: 45%; float: left; max-width: 25rem; z-index: 10; } } @media (min-width: 576px) { .blog-horizontal-xs .card-img-actions { width: 35%; max-width: 12.5rem; } } @media (min-width: 576px) { .blog-horizontal-sm .card-img-actions { width: 40%; max-width: 18.75rem; } } @media (min-width: 576px) { .blog-horizontal-lg .card-img-actions { width: 50%; max-width: 31.25rem; } } /* ------------------------------------------------------------------------------ * * # Task manager * * Styles related to task manager - detailed task, list and grid * * ---------------------------------------------------------------------------- */ .timer-number { font-size: 2.875rem; line-height: 1; } .timer-dots { font-size: 1.4375rem; padding: 0.71875rem 0; line-height: 1; } /* ------------------------------------------------------------------------------ * * # Mail list * * Inbox page - list, read and write * * ---------------------------------------------------------------------------- */ .table-inbox { table-layout: fixed; min-width: 768px; } .table-inbox tr { cursor: pointer; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .table-inbox tr { transition: none; } } .table-inbox tr:not([class*=alpha-]):not([class*=bg-]) { background-color: #fafafa; } .table-inbox tr td:not(:first-child) { padding-left: 0; } .table-inbox tr.unread { font-weight: 700; } .table-inbox tr.unread:not([class*=alpha-]):not([class*=bg-]) { background-color: #fff; } .table-inbox-checkbox { width: 3.75rem; } .table-inbox-star, .table-inbox-attachment { width: 2.25rem; } .table-inbox-image { width: 3.37506rem; } .table-inbox-name { width: 11.25rem; } @media (max-width: 767.98px) { .table-inbox-subject { display: block; overflow: hidden; text-overflow: ellipsis; } } .table-inbox-message { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .table-inbox-time { text-align: right; width: 5rem; } /* ------------------------------------------------------------------------------ * * # User profile * * Styles for all user profile layouts * * ---------------------------------------------------------------------------- */ .profile-cover { position: relative; } .profile-cover .media { position: absolute; left: 1.25rem; right: 1.25rem; bottom: 50%; -webkit-transform: translateY(50%); transform: translateY(50%); } .profile-cover .media .btn { box-shadow: 0 0 0.1875rem rgba(0, 0, 0, 0.5) !important; } @media (min-width: 768px) { .profile-cover .media { bottom: 1.25rem; -webkit-transform: none; transform: none; } } .profile-cover .media-body { text-shadow: 0 0 0.1875rem rgba(0, 0, 0, 0.5); } .profile-cover-img { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: 21.88rem; } .profile-thumb img { border: 3px solid #fff; box-shadow: 0 0 0.1875rem rgba(0, 0, 0, 0.5); width: 6.25rem; height: 6.25rem; } /* ------------------------------------------------------------------------------ * * # Login and related forms * * Styles related to user login - logins, registration, password revovery, unlock etc. * * ---------------------------------------------------------------------------- */ .login-cover { background: url(../../../../../../global_assets/images/login_cover.jpg) no-repeat; background-size: cover; } .login-form { width: 100%; } .login-form .nav-item:first-child .nav-link { border-top-left-radius: 0.125rem; } .login-form .nav-item:last-child .nav-link { border-top-right-radius: 0.125rem; } @media (min-width: 576px) { .login-form { width: 20rem; } } /* ------------------------------------------------------------------------------ * * # Timeline * * Styles for timeline in 3 layouts: left, right and centered * * ---------------------------------------------------------------------------- */ .timeline { position: relative; } .timeline:before, .timeline:after { content: ""; position: absolute; left: 50%; margin-left: -2px; background-color: #ccc; z-index: 1; width: 4px; height: 4px; border-radius: 50%; } .timeline:before { top: 0; } .timeline:after { bottom: 0; } .timeline-container { position: relative; padding-top: 0.625rem; margin-top: -0.625rem; padding-bottom: 1px; } .timeline-container:after { content: ""; position: absolute; top: 0; left: 50%; margin-left: -1px; background-color: #ccc; height: 100%; width: 2px; z-index: -1; } .timeline-row { position: relative; } .timeline-date { text-align: center; background-color: #eeeded; position: relative; z-index: 1; padding-top: 1.25rem; padding-bottom: 1.25rem; margin-bottom: 1.25rem; } .timeline-date:before, .timeline-date:after { content: ""; position: absolute; left: 50%; margin-left: -2px; background-color: #ccc; z-index: 1; width: 4px; height: 4px; border-radius: 50%; } .timeline-date:before { top: 0; } .timeline-date:after { bottom: 0; } .card .timeline-date { background-color: #fff; } .timeline-time { text-align: center; padding-top: 1.25rem; padding-bottom: 1.25rem; background-color: #eeeded; position: relative; margin-bottom: 1.25rem; } .timeline-time:before, .timeline-time:after { content: ""; position: absolute; left: 50%; margin-left: -2px; background-color: #ccc; width: 4px; height: 4px; border-radius: 50%; } .timeline-time:before { top: 0; } .timeline-time:after { bottom: 0; } .card .timeline-time { background-color: #fff; } @media (min-width: 768px) { .timeline-time:before, .timeline-time:after { content: none; } } .timeline-icon { margin: 0 auto 1.25rem auto; background-color: #fff; border: 4px solid #eeeded; width: 3rem; height: 3rem; border-radius: 50%; } .card .timeline-icon { border-color: #fff; } .timeline-icon div { height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; box-shadow: 0 0 0 2px #ccc inset; border-radius: 50%; } .timeline-icon div[class*=bg-]:not(.bg-white):not(.bg-light):not(.bg-transparent) { box-shadow: none; } .timeline-icon div > i { top: 0; } .timeline-icon img { width: 2.5rem; height: 2.5rem; border-radius: 50%; } @media (min-width: 768px) { .timeline-center .timeline-row-left { margin-right: 50%; padding-right: 2.75rem; } .timeline-center .timeline-row-right { margin-left: 50%; padding-left: 2.75rem; } .timeline-left .timeline-container:after, .timeline-left:before, .timeline-left:after, .timeline-left .timeline-date:before, .timeline-left .timeline-date:after { left: 1.5rem; } .timeline-left .timeline-row, .timeline-left .timeline-date { padding-left: 4.25rem; } .timeline-right .timeline-container:after, .timeline-right:before, .timeline-right:after, .timeline-right .timeline-date:before, .timeline-right .timeline-date:after { left: auto; right: 1.5rem; margin-left: 0; margin-right: -2px; } .timeline-right .timeline-container:after { margin-right: -1px; } .timeline-right .timeline-row, .timeline-right .timeline-date { padding-right: 4.25rem; } .timeline-left .timeline-date, .timeline-right .timeline-date { padding-top: 0.625rem; padding-bottom: 0.625rem; } .timeline-icon { position: absolute; top: 0.625rem; } .timeline-icon:after { content: ""; position: absolute; top: 50%; margin-top: -1px; height: 2px; width: 1rem; background-color: #ccc; z-index: 1; } .timeline-left .timeline-icon { left: 0; } .timeline-left .timeline-icon:after { left: 100%; margin-left: 4px; } .timeline-right .timeline-icon { right: 0; } .timeline-right .timeline-icon:after { right: 100%; margin-right: 4px; } .timeline-center .timeline-row-left .timeline-icon { left: 100%; margin-left: -1.5rem; } .timeline-center .timeline-row-left .timeline-icon:after { right: 100%; margin-right: 4px; } .timeline-center .timeline-row-right .timeline-icon { right: 100%; margin-right: -1.5rem; } .timeline-center .timeline-row-right .timeline-icon:after { left: 100%; margin-left: 4px; } .timeline-center .timeline-row-full .timeline-icon { position: static; } .timeline-center .timeline-row-full .timeline-icon:after { content: none; } .timeline-time { padding: 0; text-align: inherit; background-color: transparent; } .timeline-time:before { content: none; } .timeline-left .timeline-time, .timeline-right .timeline-time { padding-top: 0.625rem; margin-bottom: 1.25rem; padding-left: 0.625rem; } .timeline-right .timeline-time { text-align: right; padding-left: 0; padding-right: 0.625rem; } .timeline-center .timeline-time, .timeline-center .timeline-row-full .timeline-time { position: absolute; left: 100%; top: 0.875rem; width: 100%; padding-left: 2.75rem; } .timeline-center .timeline-row-right .timeline-time, .timeline-center .timeline-row-full .timeline-time { left: auto; right: 100%; padding-left: 0; padding-right: 2.75rem; text-align: right; } .timeline-center .timeline-row-full .timeline-time { right: 50%; top: 4px; } } /* ------------------------------------------------------------------------------ * * # Chat layouts * * Conversation chat styles - layouts, chat elements, colors, options * * ---------------------------------------------------------------------------- */ .media-chat-scrollable { max-height: 520px; overflow: auto; } @media (min-width: 576px) { .media-chat .media { margin-right: 20%; } .media-chat .media.media-chat-item-reverse { margin-right: 0; margin-left: 20%; } } .media-chat-item { position: relative; padding: 0.625rem 1rem; width: auto; display: inline-block; color: #333; border-radius: 0.075rem; } .media-chat-item:not([class*=bg-]) { background-color: #eee; border-color: #eee; } .media-chat-item:before { content: ''; left: -5px; top: 0.93752rem; position: absolute; margin-left: 0; border-top: 5px solid transparent; border-right: 5px solid; border-right-color: inherit; border-bottom: 5px solid transparent; } .media-chat-item-reverse .media-chat-item:before { left: auto; right: -5px; border-right: 0; border-left: 5px solid; border-left-color: inherit; } .media-chat-item-reverse .media-chat-item { text-align: left; color: #fff; } .media-chat-item-reverse .media-chat-item:not([class*=bg-]) { background-color: #42A5F5; border-color: #42A5F5; } .media-chat-item-reverse .media-body { text-align: right; } .media-chat-inverse .media-chat-item { color: #fff; } .media-chat-inverse .media-chat-item:not([class*=bg-]) { background-color: #42A5F5; border-color: #42A5F5; } .media-chat-inverse .media-chat-item-reverse .media-chat-item { color: #333; } .media-chat-inverse .media-chat-item-reverse .media-chat-item:not([class*=bg-]) { background-color: #eee; border-color: #eee; } /* ------------------------------------------------------------------------------ * * # Error pages * * Styles for error and offline pages * * ---------------------------------------------------------------------------- */ .error-title { color: #fff; font-size: 8.125rem; line-height: 1; margin-bottom: 2.5rem; font-weight: 300; text-stroke: 1px transparent; display: block; text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15); } @media (min-width: 576px) { .error-title { font-size: 12.5rem; } } .offline-title { font-size: 6.875rem; } @media (min-width: 576px) { .offline-title { font-size: 10rem; } } /* ------------------------------------------------------------------------------ * * # Header elements * * Display default and custom components in page header, card header and breadcrumbs * * ---------------------------------------------------------------------------- */ .card-header .header-elements { padding-top: 0.9375rem; } .page-header-content .header-elements { margin-left: -1.25rem; margin-right: -1.25rem; padding: 1.25rem 1.25rem; border-top: 1px solid #c9c6c6; border-bottom: 1px solid #c9c6c6; background-color: #e8e6e6; } .page-header-light .header-elements { background-color: #fafafa; border-color: #ddd; border-bottom: 0; } .page-header-dark .header-elements { background-color: rgba(0, 0, 0, 0.1); border-color: rgba(255, 255, 255, 0.2); border-bottom: 0; } .breadcrumb-line .header-elements { margin-left: -1.25rem; margin-right: -1.25rem; padding: 0 1.25rem; border-top: 1px solid transparent; } .breadcrumb-line-light .header-elements { background-color: transparent; border-color: #ddd; } .breadcrumb-line-dark .header-elements { background-color: rgba(0, 0, 0, 0.1); border-color: rgba(255, 255, 255, 0.25); } .header-elements .form-group:last-child { margin-bottom: 0; } .header-elements-toggle, .footer-elements-toggle { margin-left: auto; -ms-flex-item-align: center; align-self: center; } .header-elements-inline { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .header-elements-inline .header-elements { display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; background-color: transparent; border: 0; margin-left: 0; margin-right: 0; } .header-elements-inline .card-header-tabs .nav-link { padding-top: 1rem; padding-bottom: 1rem; } @media (min-width: 576px) { .header-elements-sm-inline { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .header-elements-sm-inline .header-elements { display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; background-color: transparent; border: 0; margin-left: 0; margin-right: 0; } .header-elements-sm-inline .card-header-tabs .nav-link { padding-top: 1rem; padding-bottom: 1rem; } } @media (min-width: 768px) { .header-elements-md-inline { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .header-elements-md-inline .header-elements { display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; background-color: transparent; border: 0; margin-left: 0; margin-right: 0; } .header-elements-md-inline .card-header-tabs .nav-link { padding-top: 1rem; padding-bottom: 1rem; } } @media (min-width: 992px) { .header-elements-lg-inline { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .header-elements-lg-inline .header-elements { display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; background-color: transparent; border: 0; margin-left: 0; margin-right: 0; } .header-elements-lg-inline .card-header-tabs .nav-link { padding-top: 1rem; padding-bottom: 1rem; } } @media (min-width: 1200px) { .header-elements-xl-inline { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .header-elements-xl-inline .header-elements { display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; background-color: transparent; border: 0; margin-left: 0; margin-right: 0; } .header-elements-xl-inline .card-header-tabs .nav-link { padding-top: 1rem; padding-bottom: 1rem; } } /* ------------------------------------------------------------------------------ * * # Helper classes * * Custom helper classes used in the template. * * ---------------------------------------------------------------------------- */ .font-size-lg { font-size: 0.875rem; } .font-size-base { font-size: 0.8125rem; } .font-size-sm { font-size: 0.75rem; } .font-size-xs { font-size: 0.6875rem; } .line-height-lg { line-height: 1.4286; } .line-height-base { line-height: 1.5385; } .line-height-sm { line-height: 1.6667; } .line-height-xs { line-height: 1.82; } .line-height-1 { line-height: 1; } .opacity-75 { opacity: 0.75; } .opacity-50 { opacity: 0.5; } .opacity-25 { opacity: 0.25; } .opacity-0 { opacity: 0; } .top-0 { top: 0; } .top-auto { top: auto; } .bottom-0 { bottom: 0; } .bottom-auto { bottom: auto; } .left-0 { left: 0; } .left-auto { left: auto; } .right-0 { right: 0; } .right-auto { right: auto; } .cursor-pointer { cursor: pointer; } .cursor-move { cursor: move; } .cursor-default { cursor: default; } .cursor-disabled { cursor: not-allowed; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-auto { overflow: auto; } .border-width-0 { border-width: 0; } .border-y-0 { border-top: 0 !important; border-bottom: 0 !important; } .border-x-0 { border-left: 0 !important; border-right: 0 !important; } .border-1 { border: 1px solid; } .border-top-1 { border-top: 1px solid; } .border-bottom-1 { border-bottom: 1px solid; } .border-left-1 { border-left: 1px solid; } .border-right-1 { border-right: 1px solid; } .border-y-1 { border-top: 1px solid; border-bottom: 1px solid; } .border-x-1 { border-left: 1px solid; border-right: 1px solid; } .border-2 { border: 2px solid; } .border-top-2 { border-top: 2px solid; } .border-bottom-2 { border-bottom: 2px solid; } .border-left-2 { border-left: 2px solid; } .border-right-2 { border-right: 2px solid; } .border-y-2 { border-top: 2px solid; border-bottom: 2px solid; } .border-x-2 { border-left: 2px solid; border-right: 2px solid; } .border-3 { border: 3px solid; } .border-top-3 { border-top: 3px solid; } .border-bottom-3 { border-bottom: 3px solid; } .border-left-3 { border-left: 3px solid; } .border-right-3 { border-right: 3px solid; } .border-y-3 { border-top: 3px solid; border-bottom: 3px solid; } .border-x-3 { border-left: 3px solid; border-right: 3px solid; } .border-dashed { border-style: dashed; } .border-top-dashed { border-top-style: dashed; } .border-bottom-dashed { border-bottom-style: dashed; } .border-left-dashed { border-left-style: dashed; } .border-right-dashed { border-right-style: dashed; } .border-dotted { border-style: dotted; } .rounded-round { border-radius: 100px !important; } .rounded-top-round { border-top-left-radius: 100px !important; border-top-right-radius: 100px !important; } .rounded-bottom-round { border-bottom-right-radius: 100px !important; border-bottom-left-radius: 100px !important; } .rounded-left-round { border-top-left-radius: 100px !important; border-bottom-left-radius: 100px !important; } .rounded-right-round { border-top-right-radius: 100px !important; border-bottom-right-radius: 100px !important; } .rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-left-0 { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-right-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rotate-45 { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .rotate-90 { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .rotate-180 { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .rotate-45-inverse { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .rotate-90-inverse { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .rotate-180-inverse { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .spinner { display: inline-block; -webkit-animation: rotation 1s linear infinite; animation: rotation 1s linear infinite; } .spinner-reverse { display: inline-block; -webkit-animation: rotation 1s linear infinite; animation: rotation 1s linear infinite; } @-webkit-keyframes rotation { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes rotation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes rotation_reverse { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes rotation_reverse { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } .h-auto { height: auto; } .w-auto { width: auto !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .wmin-0 { min-width: 0 !important; } .wmin-200 { min-width: 200px !important; } .wmin-250 { min-width: 250px !important; } .wmin-300 { min-width: 300px !important; } .wmin-350 { min-width: 350px !important; } .wmin-400 { min-width: 400px !important; } .wmin-450 { min-width: 450px !important; } .wmin-500 { min-width: 500px !important; } .wmin-550 { min-width: 550px !important; } .wmin-600 { min-width: 600px !important; } .flex-1 { -ms-flex: 1; flex: 1; } @media (min-width: 576px) { .w-sm-auto { width: auto !important; } .w-sm-25 { width: 25% !important; } .w-sm-50 { width: 50% !important; } .w-sm-75 { width: 75% !important; } .w-sm-100 { width: 100% !important; } .wmin-sm-0 { min-width: 0 !important; } .wmin-sm-200 { min-width: 200px !important; } .wmin-sm-250 { min-width: 250px !important; } .wmin-sm-300 { min-width: 300px !important; } .wmin-sm-350 { min-width: 350px !important; } .wmin-sm-400 { min-width: 400px !important; } .wmin-sm-450 { min-width: 450px !important; } .wmin-sm-500 { min-width: 500px !important; } .wmin-sm-550 { min-width: 550px !important; } .wmin-sm-600 { min-width: 600px !important; } .flex-sm-1 { -ms-flex: 1; flex: 1; } } @media (min-width: 768px) { .w-md-auto { width: auto !important; } .w-md-25 { width: 25% !important; } .w-md-50 { width: 50% !important; } .w-md-75 { width: 75% !important; } .w-md-100 { width: 100% !important; } .wmin-md-0 { min-width: 0 !important; } .wmin-md-200 { min-width: 200px !important; } .wmin-md-250 { min-width: 250px !important; } .wmin-md-300 { min-width: 300px !important; } .wmin-md-350 { min-width: 350px !important; } .wmin-md-400 { min-width: 400px !important; } .wmin-md-450 { min-width: 450px !important; } .wmin-md-500 { min-width: 500px !important; } .wmin-md-550 { min-width: 550px !important; } .wmin-md-600 { min-width: 600px !important; } .flex-md-1 { -ms-flex: 1; flex: 1; } } @media (min-width: 992px) { .w-lg-auto { width: auto !important; } .w-lg-25 { width: 25% !important; } .w-lg-50 { width: 50% !important; } .w-lg-75 { width: 75% !important; } .w-lg-100 { width: 100% !important; } .wmin-lg-0 { min-width: 0 !important; } .wmin-lg-200 { min-width: 200px !important; } .wmin-lg-250 { min-width: 250px !important; } .wmin-lg-300 { min-width: 300px !important; } .wmin-lg-350 { min-width: 350px !important; } .wmin-lg-400 { min-width: 400px !important; } .wmin-lg-450 { min-width: 450px !important; } .wmin-lg-500 { min-width: 500px !important; } .wmin-lg-550 { min-width: 550px !important; } .wmin-lg-600 { min-width: 600px !important; } .flex-lg-1 { -ms-flex: 1; flex: 1; } } @media (min-width: 1200px) { .w-xl-auto { width: auto !important; } .w-xl-25 { width: 25% !important; } .w-xl-50 { width: 50% !important; } .w-xl-75 { width: 75% !important; } .w-xl-100 { width: 100% !important; } .wmin-xl-0 { min-width: 0 !important; } .wmin-xl-200 { min-width: 200px !important; } .wmin-xl-250 { min-width: 250px !important; } .wmin-xl-300 { min-width: 300px !important; } .wmin-xl-350 { min-width: 350px !important; } .wmin-xl-400 { min-width: 400px !important; } .wmin-xl-450 { min-width: 450px !important; } .wmin-xl-500 { min-width: 500px !important; } .wmin-xl-550 { min-width: 550px !important; } .wmin-xl-600 { min-width: 600px !important; } .flex-xl-1 { -ms-flex: 1; flex: 1; } } .no-transitions *, .no-transitions *:before, .no-transitions *:after { transition: none !important; } @media screen and (prefers-reduced-motion: reduce) { .no-transitions *, .no-transitions *:before, .no-transitions *:after { transition: none; } } .caret-0::before, .caret-0::after { content: none; } .shadow-0 { box-shadow: none !important; } .outline-0, .outline-0:hover, .outline-0:focus { outline: 0; } .text-shadow-dark { text-shadow: 0 0 0.1875rem rgba(0, 0, 0, 0.5); } .text-shadow-light { text-shadow: 0 0 0.1875rem rgba(255, 255, 255, 0.5); } /* ------------------------------ * * Theme specific styles * * ------------------------------ */ .shadow-1 { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .shadow-2 { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .shadow-3 { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .shadow-4 { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); } .shadow-5 { box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); } /* ------------------------------------------------------------------------------ * * # Demo styles * * Styles used for demostration purposes only * * ---------------------------------------------------------------------------- */ .jqueryui-demo-element { background-color: #fafafa; border: 2px dashed #ddd; color: #777; position: relative; z-index: 10; width: 90px; height: 90px; } .jqueryui-demo-element > span { position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .selectable-demo-list { list-style: none; display: inline-block; margin: 0; padding: 0; width: 100%; max-width: 200px; } .selectable-demo-list > .ui-sortable-handle, .selectable-demo-list > .ui-selectee { background-color: #f5f5f5; border: 1px solid transparent; } .selectable-demo-list > .ui-sortable-handle.ui-selecting, .selectable-demo-list > .ui-sortable-handle.ui-selected, .selectable-demo-list > .ui-selectee.ui-selecting, .selectable-demo-list > .ui-selectee.ui-selected { background-color: #03A9F4 !important; border-color: #0288D1 !important; color: #fff; } .selectable-demo-list > .ui-sortable-helper:first-child + li { margin-top: 0; } .selectable-demo-connected + .selectable-demo-connected { margin-top: 1.25rem; } @media (min-width: 576px) { .selectable-demo-connected + .selectable-demo-connected { margin-top: 0; margin-left: 1.25rem; } } .droppable-demo-target { width: 110px; height: 110px; background-color: #E3F2FD; border-color: #2196F3; color: #1565C0; z-index: 9; } .droppable-demo-drop { background-color: #E8F5E9; border-color: #4CAF50; color: #2E7D32; } .demo-color { height: 10rem; position: relative; border-top-left-radius: 0.075rem; border-top-right-radius: 0.075rem; } .demo-color > span { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; padding: 0.375rem; background-color: rgba(0, 0, 0, 0.2); font-size: 0.75rem; color: #fff; } .glyphs > div > div { padding: 0.5rem 1rem; transition: all ease-in-out 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .glyphs > div > div { transition: none; } } .glyphs > div > div:hover { background-color: #324148; color: #fff; border-radius: 0.075rem; } .glyphs > div > div:hover .text-muted { color: rgba(255, 255, 255, 0.75); } .demo-velocity-box { padding: 0.75rem 1rem; margin-bottom: 1.25rem; position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; border: 1px solid #ccc; text-align: center; background-color: #fafafa; border-radius: 0.075rem; box-shadow: 0 0 0 0 #2196F3; } /** * Nestable */ .dd { position: relative; display: block; margin: 0; padding: 0; max-width: 600px; list-style: none; font-size: 0.8rem; line-height: 20px; } .dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; } .dd-list .dd-list { padding-left: 1rem; } .dd-collapsed .dd-list { display: none; } .dd-item, .dd-empty, .dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 0.8rem; line-height: 20px; } .dd-handle { display: block; height: 2rem; margin: 5px 0; padding: 5px 10px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc; background: #fafafa; background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%); background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%); background: linear-gradient(top, #fafafa 0%, #eee 100%); -webkit-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; } .dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; } .dd-item > button:before { content: '\e9f7'; font-family: icomoon; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; } .dd-item > button[data-action="collapse"]:before { content: '\e9e2'; margin-top: 0.125rem; } .dd-item > button:focus {outline: 0;} .dd-placeholder, .dd-empty { margin: 5px 0; padding: 0; min-height: 2rem; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; } .dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5; background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); background-size: 60px 60px; background-position: 0 0, 2rem 2rem; } .dd-dragel { position: absolute; pointer-events: none; z-index: 9999; } .dd-dragel > .dd-item .dd-handle { margin-top: 0; } .dd-dragel .dd-handle { -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1); box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1); } /** * Nestable Draggable Handles */ .dd3-content { display: block; height: 2rem; margin: 5px 0; padding: 5px 10px 5px 40px; color: #333; text-decoration: none; border: 1px solid #ccc; background: #fafafa; background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%); background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%); background: linear-gradient(top, #fafafa 0%, #eee 100%); -webkit-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; } .dd-dragel > .dd3-item > .dd3-content { margin: 0; } .dd3-item > button { margin-left: 2rem; } .dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 2rem; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 1px solid #aaa; background: #ddd; background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%); background: -moz-linear-gradient(top, #ddd 0%, #bbb 100%); background: linear-gradient(top, #ddd 0%, #bbb 100%); border-top-right-radius: 0; border-bottom-right-radius: 0; } .dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; } .dd3-handle:hover { background: #ddd; } /** * Socialite */ .socialite { display: block; float: left; height: 35px; } /* grid.css */ /*.gridjs-head button, .gridjs-footer button { cursor: pointer; background-color: transparent; background-image: none; padding: 0; margin: 0; border: none; outline: none; }*/ .gridjs-temp { position: relative; } .gridjs-head { width: 100%; padding: 0.5rem 0.8rem; } .gridjs-head::after { content: ""; display: block; clear: both; } .gridjs-head:empty { padding: 0; border: none; } .gridjs-container { height: 100%; display: flex; flex-direction: column; overflow: hidden; /*display: inline-block;*/ color: #000; position: relative; z-index: 0; } .gridjs-footer { display: block; margin-top: auto; width: 100%; z-index: 5; padding: 0.4rem 0.8rem; background-color: #fff; border-radius: 0 0 0.075rem 0.075rem; border-bottom-width: 1px; border-color: #efefef; } .gridjs-footer:empty { padding: 0; border: none; } input.gridjs-input { outline: none; background-color: #fff; border: 1px solid #efefef; border-radius: 0.075rem; padding: 0.3rem 0.8rem; font-size: 14px; line-height: 1.45; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .gridjs-pagination { color: #3d4044; } .gridjs-pagination::after { content: ""; display: block; clear: both; } .gridjs-pagination .gridjs-summary { float: left; margin-top: 5px; } .gridjs-pagination .gridjs-pages { float: right; } .gridjs-pagination .gridjs-pages button { padding: 5px 14px; border: 1px solid #d2d6dc; background-color: #fff; border-right: none; outline: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .gridjs-pagination .gridjs-pages button:focus { box-shadow: 0 0 0 1px rgba(89, 131, 252, 1); position: relative; margin-right: -1px; border-right: 1px solid #d2d6dc; } .gridjs-pagination .gridjs-pages button:hover { background-color: #f7f7f7; color: rgb(60, 66, 87); outline: none; } .gridjs-pagination .gridjs-pages button:disabled, .gridjs-pagination .gridjs-pages button[disabled], .gridjs-pagination .gridjs-pages button:hover:disabled { cursor: default; background-color: #fff; color: #6b7280; } .gridjs-pagination .gridjs-pages button.gridjs-spread { cursor: default; box-shadow: none; background-color: #fff; } .gridjs-pagination .gridjs-pages button.gridjs-currentPage { background-color: #f7f7f7; font-weight: bold; } .gridjs-pagination .gridjs-pages button:last-child { border-bottom-right-radius: 0.075rem; border-top-right-radius: 0.075rem; border-right: 1px solid #d2d6dc; } .gridjs-pagination .gridjs-pages button:first-child { border-bottom-left-radius: 0.075rem; border-top-left-radius: 0.075rem; } .gridjs-pagination .gridjs-pages button:last-child:focus { margin-right: 0; } button.gridjs-sort { float: right; height: 24px; width: 13px; background-color: transparent; background-repeat: no-repeat; background-position-x: center; cursor: pointer; padding: 0; margin: 0; border: none; outline: none; background-size: contain; } button.gridjs-sort-neutral { opacity: 0.3; background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI0MDEuOTk4cHgiIGhlaWdodD0iNDAxLjk5OHB4IiB2aWV3Qm94PSIwIDAgNDAxLjk5OCA0MDEuOTk4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MDEuOTk4IDQwMS45OTg7IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik03My4wOTIsMTY0LjQ1MmgyNTUuODEzYzQuOTQ5LDAsOS4yMzMtMS44MDcsMTIuODQ4LTUuNDI0YzMuNjEzLTMuNjE2LDUuNDI3LTcuODk4LDUuNDI3LTEyLjg0NwoJCQljMC00Ljk0OS0xLjgxMy05LjIyOS01LjQyNy0xMi44NUwyMTMuODQ2LDUuNDI0QzIxMC4yMzIsMS44MTIsMjA1Ljk1MSwwLDIwMC45OTksMHMtOS4yMzMsMS44MTItMTIuODUsNS40MjRMNjAuMjQyLDEzMy4zMzEKCQkJYy0zLjYxNywzLjYxNy01LjQyNCw3LjkwMS01LjQyNCwxMi44NWMwLDQuOTQ4LDEuODA3LDkuMjMxLDUuNDI0LDEyLjg0N0M2My44NjMsMTYyLjY0NSw2OC4xNDQsMTY0LjQ1Miw3My4wOTIsMTY0LjQ1MnoiLz4KCQk8cGF0aCBkPSJNMzI4LjkwNSwyMzcuNTQ5SDczLjA5MmMtNC45NTIsMC05LjIzMywxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MTctNS40MjQsNy44OTgtNS40MjQsMTIuODQ3CgkJCWMwLDQuOTQ5LDEuODA3LDkuMjMzLDUuNDI0LDEyLjg0OEwxODguMTQ5LDM5Ni41N2MzLjYyMSwzLjYxNyw3LjkwMiw1LjQyOCwxMi44NSw1LjQyOHM5LjIzMy0xLjgxMSwxMi44NDctNS40MjhsMTI3LjkwNy0xMjcuOTA2CgkJCWMzLjYxMy0zLjYxNCw1LjQyNy03Ljg5OCw1LjQyNy0xMi44NDhjMC00Ljk0OC0xLjgxMy05LjIyOS01LjQyNy0xMi44NDdDMzM4LjEzOSwyMzkuMzUzLDMzMy44NTQsMjM3LjU0OSwzMjguOTA1LDIzNy41NDl6Ii8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+"); background-position-y: center; } button.gridjs-sort-asc { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyOTIuMzYycHgiIGhlaWdodD0iMjkyLjM2MXB4IiB2aWV3Qm94PSIwIDAgMjkyLjM2MiAyOTIuMzYxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOTIuMzYyIDI5Mi4zNjE7IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGQ9Ik0yODYuOTM1LDE5Ny4yODdMMTU5LjAyOCw2OS4zODFjLTMuNjEzLTMuNjE3LTcuODk1LTUuNDI0LTEyLjg0Ny01LjQyNHMtOS4yMzMsMS44MDctMTIuODUsNS40MjRMNS40MjQsMTk3LjI4NwoJCUMxLjgwNywyMDAuOTA0LDAsMjA1LjE4NiwwLDIxMC4xMzRzMS44MDcsOS4yMzMsNS40MjQsMTIuODQ3YzMuNjIxLDMuNjE3LDcuOTAyLDUuNDI1LDEyLjg1LDUuNDI1aDI1NS44MTMKCQljNC45NDksMCw5LjIzMy0xLjgwOCwxMi44NDgtNS40MjVjMy42MTMtMy42MTMsNS40MjctNy44OTgsNS40MjctMTIuODQ3UzI5MC41NDgsMjAwLjkwNCwyODYuOTM1LDE5Ny4yODd6Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+"); background-position-y: 35%; background-size: 10px; } button.gridjs-sort-desc { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyOTIuMzYycHgiIGhlaWdodD0iMjkyLjM2MnB4IiB2aWV3Qm94PSIwIDAgMjkyLjM2MiAyOTIuMzYyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOTIuMzYyIDI5Mi4zNjI7IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGQ9Ik0yODYuOTM1LDY5LjM3N2MtMy42MTQtMy42MTctNy44OTgtNS40MjQtMTIuODQ4LTUuNDI0SDE4LjI3NGMtNC45NTIsMC05LjIzMywxLjgwNy0xMi44NSw1LjQyNAoJCUMxLjgwNyw3Mi45OTgsMCw3Ny4yNzksMCw4Mi4yMjhjMCw0Ljk0OCwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDdsMTI3LjkwNywxMjcuOTA3YzMuNjIxLDMuNjE3LDcuOTAyLDUuNDI4LDEyLjg1LDUuNDI4CgkJczkuMjMzLTEuODExLDEyLjg0Ny01LjQyOEwyODYuOTM1LDk1LjA3NGMzLjYxMy0zLjYxNyw1LjQyNy03Ljg5OCw1LjQyNy0xMi44NDdDMjkyLjM2Miw3Ny4yNzksMjkwLjU0OCw3Mi45OTgsMjg2LjkzNSw2OS4zNzd6Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+"); background-position-y: 65%; background-size: 10px; } button.gridjs-sort:focus { outline: none; } table.gridjs-table { /*width: 100%;*/ border-right: 1px solid #efefef; max-width: 100%; border-collapse: collapse; text-align: left; display: table; margin: 0; padding: 0; overflow: auto; table-layout: fixed; } .gridjs-tbody { background-color: #fff; } td.gridjs-td { border: 1px solid #efefef; padding: .4rem .8rem; background-color: #fff; box-sizing: content-box; } td.gridjs-td:first-child { border-left: none; } td.gridjs-td:last-child { border-right: none; } td.gridjs-message { text-align: center; } th.gridjs-th { position: relative; background-color: #fff; border: 1px solid #efefef; border-top: none; padding: .5rem .8rem; -webkit-user-select: none; -moz-user-select: none; user-select: none; box-sizing: border-box; white-space: nowrap; outline: none; vertical-align: middle; } th.gridjs-th .gridjs-th-content { text-overflow: ellipsis; overflow: hidden; width: 100%; float: left; } th.gridjs-th-sort { cursor: pointer; } th.gridjs-th-sort .gridjs-th-content { width: calc(100% - 15px); } th.gridjs-th-sort:hover { background-color: #efefef; } th.gridjs-th-sort:focus { background-color: #efefef; } th.gridjs-th-fixed { position: -webkit-sticky; position: sticky; box-shadow: 0 1px 0 0 #efefef; } th.gridjs-th:after{ content:''; position:absolute; left: 0; bottom: 0; width:100%; border-bottom: 1px solid #efefef; } @supports (-moz-appearance: none) { th.gridjs-th-fixed { box-shadow: 0 0 0 1px #efefef; } } th.gridjs-th:first-child { border-left: none; } th.gridjs-th:last-child { border-right: none; } .gridjs-tr { border: none; } .gridjs-tr-selected td { background-color: #ebf5ff; } .gridjs-tr:last-child td { /*border-bottom: 0;*/ } .gridjs *, .gridjs :after, .gridjs :before { box-sizing: border-box; } .gridjs-wrapper { position: relative; z-index: 1; overflow: auto; width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius: 0.075rem 0.075rem 0 0; display: block; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; } .gridjs-wrapper:nth-last-of-type(2) { border-radius: 0.075rem; border-bottom-width: 1px; } .gridjs-search { float: left; } .gridjs-search-input { width: 250px; } .gridjs-loading-bar { z-index: 10; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #fff; opacity: 0.5; } .gridjs-loading-bar::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: translateX(-100%); background-image: linear-gradient(90deg, rgba(204, 204, 204, 0) 0, rgba(204, 204, 204, 0.2) 20%, rgba(204, 204, 204, 0.5) 60%, rgba(204, 204, 204, 0)); -webkit-animation: shimmer 2s infinite; animation: shimmer 2s infinite; content: ""; } @-webkit-keyframes shimmer { 100% { transform: translateX(100%); } } @keyframes shimmer { 100% { transform: translateX(100%); } } .gridjs-td .gridjs-checkbox { display: block; margin: auto; cursor: pointer; } .gridjs-resizable { position: absolute; top: 0; bottom: 0; right: 0; width: 5px; } .gridjs-resizable:hover { cursor: ew-resize; background-color: #9bc2f7; } /* just */ .password { text-security: disc; -webkit-text-security: disc; } *:focus { outline: none; }