/* Minification failed. Returning unminified contents. (136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (194,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white' (198,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black' (202,17): run-time error CSS1039: Token not allowed after unary operator: '-color-invalid' (206,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success' (210,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (214,28): run-time error CSS1039: Token not allowed after unary operator: '-color-bg' (215,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (219,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text' (224,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (232,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (245,17): run-time error CSS1039: Token not allowed after unary operator: '-color-input-placeholder' (246,22): run-time error CSS1039: Token not allowed after unary operator: '-color-input-placeholder' (2308,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (2325,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-modal' (2326,35): run-time error CSS1039: Token not allowed after unary operator: '-color-divider-modal' (2335,32): run-time error CSS1039: Token not allowed after unary operator: '-color-text' (2336,21): run-time error CSS1039: Token not allowed after unary operator: '-color-bg' (2337,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-small' (2350,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-modal' (2354,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-modal' (2355,32): run-time error CSS1039: Token not allowed after unary operator: '-color-divider-modal' (2772,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-small' (2773,28): run-time error CSS1039: Token not allowed after unary operator: '-color-input-border' (2774,28): run-time error CSS1039: Token not allowed after unary operator: '-color-input-bg' (2775,17): run-time error CSS1039: Token not allowed after unary operator: '-color-input-text' (2790,32): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled' (2794,32): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled' (2816,28): run-time error CSS1039: Token not allowed after unary operator: '-color-success' (2821,28): run-time error CSS1039: Token not allowed after unary operator: '-color-success' (2828,28): run-time error CSS1039: Token not allowed after unary operator: '-color-invalid' (2833,28): run-time error CSS1039: Token not allowed after unary operator: '-color-invalid' (2837,17): run-time error CSS1039: Token not allowed after unary operator: '-color-label' (2865,17): run-time error CSS1039: Token not allowed after unary operator: '-color-input-text' (2870,17): run-time error CSS1039: Token not allowed after unary operator: '-color-input-placeholder' (2878,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (2897,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (2902,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (2911,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text' (2912,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (2921,53): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (2921,78): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-hovered' (2921,123): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (2922,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-text' (2927,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (2928,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text' (2929,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg' (2938,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text' (2939,53): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (2939,78): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-hovered' (2939,123): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (2943,32): run-time error CSS1039: Token not allowed after unary operator: '-color-success' (2944,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text' (2945,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg' (2949,25): run-time error CSS1039: Token not allowed after unary operator: '-color-bg' (2950,30): run-time error CSS1039: Token not allowed after unary operator: '-color-success' (2961,21): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled' (2962,28): run-time error CSS1039: Token not allowed after unary operator: '-color-disabled' (2971,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2979,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg' (2983,23): run-time error CSS1039: Token not allowed after unary operator: '-submenu-padding' (2984,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-bigger' (2992,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text' (3001,29): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (3045,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-small' (3046,28): run-time error CSS1039: Token not allowed after unary operator: '-color-bg' (3063,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (3064,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (3077,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (3081,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (3100,17): run-time error CSS1039: Token not allowed after unary operator: '-color-label' (3109,17): run-time error CSS1039: Token not allowed after unary operator: '-color-invalid' (3115,17): run-time error CSS1039: Token not allowed after unary operator: '-color-invalid' (3136,17): run-time error CSS1039: Token not allowed after unary operator: '-color-input-placeholder' (3144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3146,22): run-time error CSS1039: Token not allowed after unary operator: '-color-bg' (3148,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (3236,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (3258,28): run-time error CSS1039: Token not allowed after unary operator: '-color-text' (3259,17): run-time error CSS1039: Token not allowed after unary operator: '-color-bg' (3260,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-small' (3268,20): run-time error CSS1039: Token not allowed after unary operator: '-padding-modal' (3269,17): run-time error CSS1039: Token not allowed after unary operator: '-padding-modal' (3274,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-modal' (3275,30): run-time error CSS1039: Token not allowed after unary operator: '-padding-modal' (3276,35): run-time error CSS1039: Token not allowed after unary operator: '-color-divider-modal' (3285,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-modal' (3291,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-modal' (3292,32): run-time error CSS1039: Token not allowed after unary operator: '-color-divider-modal' (3309,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text' (3318,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' (3325,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text' (3331,32): run-time error CSS1039: Token not allowed after unary operator: '-Gray-300' (3335,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (3336,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (3337,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text' (3360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3362,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3363,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3364,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3368,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3369,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3370,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3371,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3372,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3394,22): run-time error CSS1039: Token not allowed after unary operator: '-color-bg' (3395,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text' (3396,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size' (3408,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text' (3416,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (3433,32): run-time error CSS1039: Token not allowed after unary operator: '-color-text' (3441,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (3467,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text' (3483,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (3572,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3601,25): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-text' (3622,28): run-time error CSS1039: Token not allowed after unary operator: '-color-bg' (3635,40): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (3675,36): run-time error CSS1039: Token not allowed after unary operator: '-color-bg' (3677,23): run-time error CSS1039: Token not allowed after unary operator: '-height-menu' (3694,44): run-time error CSS1039: Token not allowed after unary operator: '-color-text' (3703,38): run-time error CSS1039: Token not allowed after unary operator: '-height-menu' (3717,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3722,25): run-time error CSS1039: Token not allowed after unary operator: '-submenu-padding' (3723,26): run-time error CSS1039: Token not allowed after unary operator: '-color-bg' (3727,23): run-time error CSS1039: Token not allowed after unary operator: '-submenu-padding' (3728,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-bigger' (3742,28): run-time error CSS1039: Token not allowed after unary operator: '-color-bg' (3746,28): run-time error CSS1039: Token not allowed after unary operator: '-color-bg' (3747,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text' (3748,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size' (3756,28): run-time error CSS1039: Token not allowed after unary operator: '-color-hr' (3778,21): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-text' (3792,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-text' (3815,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text' (3819,29): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (3831,25): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-text' (3860,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (3869,39): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (3904,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (3943,25): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (4137,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (4165,28): run-time error CSS1039: Token not allowed after unary operator: '-color-input-bg' (4166,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius' */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .f-roboto { font-family: 'Roboto-Variable', sans-serif; } .f-oswald { font-family: 'Oswald-Variable', sans-serif; } .fs-24 { font-size: 24px; } .fs-14 { font-size: 14px; } .fs-18 { font-size: 18px; } .fs-16 { font-size: 16px; } .fs-20 { font-size: 20px; } .fs-40 { font-size: 40px; } .fw-300 { font-weight: 300; } .fw-400 { font-weight: 400; } .fw-500 { font-weight: 500; } .fw-bold, .f-bold { font-weight: bold; } .lh-150 { line-height: 150%; } .text-decoration-underline, .text-underline { text-decoration: underline; } @font-face { font-family: 'Oswald-Variable'; src: url('/content/fonts/Oswald-VariableFont_wght.ttf') format('truetype'); font-weight: 200 700; font-style: normal; } @font-face { font-family: 'Roboto-Variable'; src: url('/content/fonts/Roboto-VariableFont_wdth,wght.ttf') format('truetype'); font-weight: 100 900; font-stretch: 75% 100%; font-style: normal; } @font-face { font-family: 'Roboto-Variable'; src: url('/content/fonts/Roboto-Italic-VariableFont_wdth,wght.ttf') format('truetype'); font-weight: 100 900; font-stretch: 75% 100%; font-style: italic; } :root { /* colors */ --color-bg: #FFF; --color-text: #000; --color-primary: #F9964E; --color-primary-text: #000; --color-primary-hovered: #F56C00; --color-input-bg: #FFF; --color-input-text: #000; --color-input-placeholder: #979797; --color-input-border: #CCC; --color-label: #595959; --color-invalid: #DC3545; --color-invalid-bg: #fff5f5; --color-success: #198754; --color-success-bg: #F0FFF0; --color-disabled: #6C757D; --color-readonly: #F0EDEC; --color-white: #fff; --color-black: #000; /* end colors */ --font-family: 'Oswald-Variable', sans-serif; --border-radius: 8px; --border-radius-bigger: 14px; --border-radius-small: 4px; /* modals */ --padding-modal: 40px; --color-divider-modal: #DED9D6; /* */ } .no-wrap { white-space: nowrap; } .hide { display: none; } .va-middle { vertical-align: middle; } .va-top { vertical-align: top; } .va-bottom { vertical-align: bottom; } .d-block { display: block; } .d-inline-block { display: inline-block; } .c-white { color: var(--color-white); } .c-black { color: var(--color-black); } .c-invalid { color: var(--color-invalid); } .c-success { color: var(--color-success); } .c-primary { color: var(--color-primary); } body { background-color: var(--color-bg); font-family: var(--font-family); font-weight: 400; font-size: 16px; line-height: 120%; /* 19.2px */ color: var(--color-text); margin: 0; } a { color: var(--color-primary); cursor: pointer; text-decoration: underline; transition: all 0.1s ease; } a:link, a:visited { color: var(--color-primary); } *:focus { outline: none; } b, strong { font-weight: 500; } hr { height: 1px; color: var(--color-input-placeholder); background: var(--color-input-placeholder); font-size: 0; border: 0; } /* WELLS */ .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well-large { padding: 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } /* END OF WELLS*/ /* PANELS*/ .panel { margin-bottom: 20px; background-color: #ffffff; border: 1px solid transparent; border-radius: 8px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-body { padding: 15px; } .panel-primary { border-color: #428bca; } .panel-primary > .panel-heading { color: #ffffff; background-color: #428bca; border-color: #428bca; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } /* END OF PANELS*/ /* BUTTONS*/ .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .btn-primary { color: #ffffff; background-color: #428bca; border-color: #357ebd; } .btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { color: #ffffff; background-color: #ed9c28; border-color: #d58512; } .btn:hover, .btn:focus { color: #333333; text-decoration: none; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { color: #fff; background-color: #39b3d7; border-color: #269abc; } /* END OF BUTTONS*/ /* TABLES*/ table { max-width: 100%; background-color: transparent; } th { text-align: left; } .table { width: 100%; margin-bottom: 20px; } .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td { padding: 8px; line-height: 1.428571429; vertical-align: top; border-top: 1px solid #dddddd; } .table thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #dddddd; } .table caption + thead tr:first-child th, .table colgroup + thead tr:first-child th, .table thead:first-child tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 2px solid #dddddd; } .table .table { background-color: #ffffff; } .table-condensed thead > tr > th, .table-condensed tbody > tr > th, .table-condensed tfoot > tr > th, .table-condensed thead > tr > td, .table-condensed tbody > tr > td, .table-condensed tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #dddddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #dddddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; } table col[class*="col-"] { float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { float: none; display: table-cell; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td { background-color: #d0e9c6; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; border-color: #eed3d7; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td { background-color: #ebcccc; border-color: #e6c1c7; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; border-color: #fbeed5; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td { background-color: #faf2cc; border-color: #f8e5be; } @media (max-width: 768px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; overflow-x: scroll; border: 1px solid #dddddd; } .table-responsive > .table { margin-bottom: 0; background-color: #fff; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > thead > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > thead > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } /*END OF TABLES*/ /* MODALS*/ .modal-open { overflow: hidden; } body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom { margin-right: 15px; } .modal { display: none; overflow: auto; overflow-y: scroll; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .modal-dialog { margin-left: auto; margin-right: auto; width: auto; padding: 10px; z-index: 1050; } .modal-content { position: relative; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: none; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1030; background-color: #000000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.428571429px; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.428571429; } .modal-body { position: relative; padding: 20px; } .modal-footer { margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer:before, .modal-footer:after { content: " "; /* 1 */ display: table; /* 2 */ } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } @media screen and (min-width: 768px) { .modal-dialog { left: 50%; right: auto; width: 600px; padding-top: 30px; padding-bottom: 30px; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .close:hover, .close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } /* END OF MODALS*/ /* GLYPHICONS*/ @font-face { font-family: 'Glyphicons Halflings'; src: url('/Content/fonts/glyphicons-halflings-regular.eot'); src: url('/Content/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/Content/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/Content/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/Content/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; } .glyphicon-asterisk:before { content: "\2a"; } .glyphicon-plus:before { content: "\2b"; } .glyphicon-euro:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-briefcase:before { content: "\1f4bc"; } .glyphicon-calendar:before { content: "\1f4c5"; } .glyphicon-pushpin:before { content: "\1f4cc"; } .glyphicon-paperclip:before { content: "\1f4ce"; } .glyphicon-camera:before { content: "\1f4f7"; } .glyphicon-lock:before { content: "\1f512"; } .glyphicon-bell:before { content: "\1f514"; } .glyphicon-bookmark:before { content: "\1f516"; } .glyphicon-fire:before { content: "\1f525"; } .glyphicon-wrench:before { content: "\1f527"; } /* END OF GLYPHICONS*/ /* DROP DOWNS*/ .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; list-style: none; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175); box-shadow: 0 6px 12px rgba(0,0,0,0.175); background-clip: padding-box; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .w-100 { width: 100%!important; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; text-decoration: none; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #262626; text-decoration: none; background-color: #f5f5f5 } .dropdown { position: relative; } label { margin-bottom: 5px; font-weight: bold; } /* END OF DROPDOWNS*/ /* PAGINATION*/ .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #fff; cursor: default; background-color: #EE7117; border-color: #EE7117; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } /* END OF PAGINATION*/ /* NAVS*/ .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav:before, .nav:after { content: " "; /* 1 */ display: table; /* 2 */ } .nav:after { clear: both; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li.disabled > a { color: #999999; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #999999; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #428bca; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #dddddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.428571429; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; background-color: #ffffff; border: 1px solid #dddddd; border-bottom-color: transparent; cursor: default; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { text-align: center; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } } .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #dddddd; margin-right: 0; } .nav-tabs.nav-justified > .active > a { border-bottom-color: #ffffff; } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 5px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #ffffff; background-color: #428bca; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { text-align: center; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { border-bottom: 1px solid #dddddd; margin-right: 0; } .nav-tabs-justified > .active > a { border-bottom-color: #ffffff; } .tabbable:before, .tabbable:after { content: " "; /* 1 */ display: table; /* 2 */ } .tabbable:after { clear: both; } .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } .tab-content > .active, .pill-content > .active { display: block; } .nav .caret { border-top-color: #428bca; border-bottom-color: #428bca; } .nav a:hover .caret { border-top-color: #2a6496; border-bottom-color: #2a6496; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } /* END OF NAVS*/ /* labels section */ .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } .label-success { background-color: #5cb85c; } .label-danger { background-color: #d9534f; } .label-orange { background-color: #ee7117; } .label-info { background-color: #428bca; } .label-default { background-color: #777; } /* end of labels section*/ .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-orange { color: #eb8b3e; } /* modals */ .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom { margin-right: 15px; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; display: none; overflow: auto; overflow-y: scroll; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .modal-dialog { z-index: 1050; width: auto; padding: 10px; margin-right: auto; margin-left: auto; } .modal-content { position: relative; background-color: #ffffff; border: 1px solid orange; border-radius: 6px; outline: none; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1030; background-color: #000000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { min-height: 16.428571429px; padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.428571429; } .modal-body { position: relative; padding: 20px; } .modal-footer { padding: 19px 20px 20px; margin-top: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer:before, .modal-footer:after { display: table; content: " "; } .modal-footer:after { clear: both; } .modal-footer:before, .modal-footer:after { display: table; content: " "; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } @media screen and (min-width: 768px) { .modal-dialog { right: auto; left: 50%; width: 600px; padding-top: 30px; padding-bottom: 30px; } .modal-dialog.modal-lg { width: auto; max-width: 900px; } .modal-dialog.modal-lg-90 { width: auto; max-width: 90%; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } } /* end of modals*/ /* alert section*/ .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } /* end of alert section*/ .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } @media (min-width: 1400px) { .container { width: 1320px; } } @media (min-width: 1600px) { .container { width: 1550px; } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .modal-backdrop { background: linear-gradient(180deg, rgba(222, 217, 214, 0.10) 0%, #979797 100%); backdrop-filter: blur(4px); } .modal-dialog { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 100%; } .modal-content { background-color: #ffffff; border: 0; border-radius: var(--border-radius); -webkit-box-shadow: none; box-shadow: none; width: 100%; } .modal-title { font-size: 24px; font-weight: 500; line-height: 130%; /* 31.2px */ text-transform: uppercase; } .modal-header { display: flex; align-items: center; justify-content: space-between; padding: var(--padding-modal); border-bottom: 1px solid var(--color-divider-modal); } .modal-header .close { width: 24px; height: 24px; font-size: 24px; line-height: 24px; text-align: center; background-color: var(--color-text); color: var(--color-bg); border-radius: var(--border-radius-small); text-shadow: none; opacity: 1; float: none; order: 100; transition: opacity 0.1s ease; } .modal-header .close:hover { opacity: 0.7; } .modal-body { padding: var(--padding-modal); } .modal-footer { padding: var(--padding-modal); border-top: 1px solid var(--color-divider-modal); text-align: right; margin: 0; } @media screen and (min-width: 1200px) { .modal-dialog { width: 800px; } } .modal .sco-button { min-width: 150px; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } /* ===== Margin: Top ===== */ .mt-5 { margin-top: 5px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-25 { margin-top: 25px; } .mt-30 { margin-top: 30px; } /* ===== Margin: Bottom ===== */ .mb-5 { margin-bottom: 5px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .mb-25 { margin-bottom: 25px; } .mb-30 { margin-bottom: 30px; } .mb-40 { margin-bottom: 40px; } /* ===== Margin: Left ===== */ .ml-5 { margin-left: 5px; } .ml-10 { margin-left: 10px; } .ml-15 { margin-left: 15px; } .ml-20 { margin-left: 20px; } .ml-25 { margin-left: 25px; } /* ===== Margin: Right ===== */ .mr-5 { margin-right: 5px; } .mr-10 { margin-right: 10px; } .mr-15 { margin-right: 15px; } .mr-20 { margin-right: 20px; } .mr-25 { margin-right: 25px; } .mr-30 { margin-right: 30px; } /* ===== Margin: Vertical Combo ===== */ .mx-5 { margin-top: 5px; margin-bottom: 5px; } .mx-10 { margin-top: 10px; margin-bottom: 10px; } .mx-15 { margin-top: 15px; margin-bottom: 15px; } .mx-20 { margin-top: 20px; margin-bottom: 20px; } .mx-25 { margin-top: 25px; margin-bottom: 25px; } .my-50 { margin-top: 50px; margin-bottom: 50px; } /* ===== Padding: Top ===== */ .pt-5 { padding-top: 5px; } .pt-10 { padding-top: 10px; } .pt-15 { padding-top: 15px; } .pt-20 { padding-top: 20px; } .pt-25 { padding-top: 25px; } /* ===== Padding: Bottom ===== */ .pb-5 { padding-bottom: 5px; } .pb-10 { padding-bottom: 10px; } .pb-15 { padding-bottom: 15px; } .pb-20 { padding-bottom: 20px; } .pb-25 { padding-bottom: 25px; } /* ===== Padding: Left ===== */ .pl-5 { padding-left: 5px; } .pl-10 { padding-left: 10px; } .pl-15 { padding-left: 15px; } .pl-20 { padding-left: 20px; } .pl-25 { padding-left: 25px; } /* ===== Padding: Right ===== */ .pr-5 { padding-right: 5px; } .pr-10 { padding-right: 10px; } .pr-15 { padding-right: 15px; } .pr-20 { padding-right: 20px; } .pr-25 { padding-right: 25px; } /* ===== Padding: Vertical Combo ===== */ .px-5 { padding-top: 5px; padding-bottom: 5px; } .px-10 { padding-top: 10px; padding-bottom: 10px; } .px-15 { padding-top: 15px; padding-bottom: 15px; } .px-20 { padding-top: 20px; padding-bottom: 20px; } .px-25 { padding-top: 25px; padding-bottom: 25px; } /* ===== Flex Containers ===== */ .flex, .d-flex { display: flex; } .inline-flex { display: inline-flex; } /* ===== Direction ===== */ .flex-row { flex-direction: row; } .flex-column { flex-direction: column; } /* ===== Wrap ===== */ .flex-wrap { flex-wrap: wrap; } .flex-nowrap { flex-wrap: nowrap; } /* ===== Justify Content ===== */ .justify-start { justify-content: flex-start; } .justify-center, .justify-content-center { justify-content: center; } .justify-end, .justify-content-flex-end { justify-content: flex-end; } .justify-between, .justify-content-between { justify-content: space-between; } .justify-around { justify-content: space-around; } .justify-evenly { justify-content: space-evenly; } /* ===== Align Items ===== */ .align-items-start { align-items: start; } .items-start { align-items: flex-start; } .items-center, .align-items-center, .align-center { align-items: center; } .items-end { align-items: flex-end; } .items-baseline { align-items: baseline; } .items-stretch { align-items: stretch; } /* ===== Align Self ===== */ .self-start { align-self: flex-start; } .self-center { align-self: center; } .self-end { align-self: flex-end; } /* ===== Gap utilities ===== */ .gap-sm { gap: 0.5rem; } .gap-md { gap: 1rem; } .gap-lg { gap: 2rem; } .gap-20 { gap: 20px; } .gap-30 { gap: 30px; } /* ===== Flex ===== */ .d-flex .flex-1 { flex: 1; } .d-flex .flex-2 { flex: 2; } .d-flex .flex-3 { flex: 3; } .sco-input, .sco-input + .select2-container--default .select2-selection--single, /* select2 input */ .sco-input-inside > input { /* TSYS input */ display: block; width: 100%; border-radius: var(--border-radius-small); border: 1px solid var(--color-input-border); background-color: var(--color-input-bg); color: var(--color-input-text); font-family: 'Roboto-Variable', sans-serif; padding: 8px 13px; font-size: 18px; font-weight: 400; line-height: normal; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: border-color .15s ease-in-out; height: auto; /*margin: 0 0 10px 0;*/ } .sco-input:read-only { background-color: var(--color-disabled); } .sco-input:disabled { background-color: var(--color-disabled); } input[type=text].sco-input.valid, input[type=password].sco-input.valid, .sco-input-inside > input.valid, /* TSYS input */ input[type=text].sco-input.iti__tel-input.error-input, /* tel input */ input[type=text].sco-input.input-validation-error, input[type=password].sco-input.input-validation-error, .sco-input-inside > input.tsep-validation-error { /* TSYS input */ appearance: none; -webkit-appearance: none; -moz-appearance: none; background-repeat: no-repeat; background-position-x: calc(100% - 13px); background-position-y: 50%; padding-right: 31px; } input[type=text].sco-input.valid, input[type=password].sco-input.valid, .sco-input-inside > input.valid { /* TSYS input */ border-color: var(--color-success); background-image: url('data:image/svg+xml,'); } .sco-input.valid + .select2-container--default .select2-selection--single { /* select2 input */ border-color: var(--color-success); } input[type=text].sco-input.input-validation-error, input[type=password].sco-input.input-validation-error, input[type=text].sco-input.iti__tel-input.error-input, /* tel input */ .sco-input-inside > input.tsep-validation-error { /* TSYS input */ border-color: var(--color-invalid); background-image: url('data:image/svg+xml,'); } .sco-input.input-validation-error + .select2-container--default .select2-selection--single { /* select2 input */ border-color: var(--color-invalid); } .sco-label { color: var(--color-label); font-size: 14px; font-weight: 500; line-height: 1.2; display: inline-block; margin-bottom: 10px; } .sco-label.required::after { content: " *"; } select.sco-input, .sco-input + .select2-container--default .select2-selection--single { /* select2 input */ appearance: none; -webkit-appearance: none; -moz-appearance: none; /*background: transparent;*/ background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position-x: calc(100% - 13px); background-position-y: 50%; padding-right: 25px; } .sco-input + .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0; padding-right: 0; color: var(--color-input-text); line-height: 1.2; } .sco-input + .select2-container--default .select2-selection--single .select2-selection__placeholder { color: var(--color-input-placeholder); } .sco-input + .select2-container--default .select2-selection--single .select2-selection__arrow { display: none; } .sco-input:focus { border-color: var(--color-primary); /* ??? */ outline: 0; } .sco-button, a.jconfirm_success, a.jconfirm_fail { display: inline-flex; height: 50px; justify-content: center; align-items: center; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; padding: 0px 20px; font-family: var(--font-family); font-size: 18px; font-style: normal; font-weight: 500; text-transform: uppercase; border-radius: var(--border-radius); line-height: 1.2; border: 0; outline: none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .sco-button.sco-button-primary, a.jconfirm_success { color: var(--color-primary-text); background: var(--color-primary); } .sco-button.sco-button-primary:hover, .sco-button.sco-button-primary:active, .sco-button.sco-button-primary:focus, a.jconfirm_success:hover, a.jconfirm_success:active, a.jconfirm_success:focus { background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-hovered) 100%) no-repeat var(--color-primary); color: var(--color-primary-text); } .sco-button.sco-button-outline-primary, a.jconfirm_fail { border: 2px solid var(--color-primary); color: var(--color-text); background: var(--color-bg); } .sco-button.sco-button-outline-primary:hover, .sco-button.sco-button-outline-primary:active, .sco-button.sco-button-outline-primary:focus, a.jconfirm_fail:hover, a.jconfirm_fail:active, a.jconfirm_fail:focus { color: var(--color-text); background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-hovered) 100%) no-repeat var(--color-primary); } .sco-button.sco-button-outline-success { border: 2px solid var(--color-success); color: var(--color-text); background: var(--color-bg); } .sco-button.sco-button-outline-success:hover, .sco-button.sco-button-outline-success:active, .sco-button.sco-button-outline-success:focus { color: var(--color-bg); background: var(--color-success); } .sco-button:disabled, .sco-button.disabled { opacity: 0.6; cursor: not-allowed; pointer-events: none; } .sco-button.sco-button-outline-primary:disabled, .sco-button.sco-button-outline-primary.disabled { opacity: 1; color: var(--color-disabled); border-color: var(--color-disabled); } .sco-dropdown { position: relative; display: inline-block; } .sco-dropdown .submenu { --submenu-padding: 20px; display: none; position: absolute; z-index: 99; top: 100%; max-width: 500px; min-width: 100%; left: 0; background: var(--color-bg); list-style: none; flex-direction: column; gap: 11px; padding: var(--submenu-padding); border-radius: var(--border-radius-bigger); } .sco-dropdown .submenu li { font-size: 0.75em; } .sco-dropdown .submenu a { color: var(--color-text); text-transform: uppercase; text-decoration: none; transition: color 0.1s ease; font-weight: 500; line-height: 1.2; } .sco-dropdown .submenu a:hover, .sco-dropdown .submenu a:active, .sco-dropdown .submenu a:focus { color: var(--color-primary); } .sco-dropdown .sco-check-label { font-size: inherit; color: inherit; margin-bottom: 0; } .sco-dropdown .sco-dropdown-toggle { gap: 14px; font-size: 1em; } .sco-dropdown .sco-dropdown-toggle .submenu-toggle { transition: transform 0.3s ease; display: inline-flex; width: 0.8em; } .sco-dropdown .sco-dropdown-toggle .submenu-toggle svg { width: 100%; } .sco-dropdown:hover .submenu { display: flex; } .sco-dropdown:hover .sco-dropdown-toggle .submenu-toggle { transform: rotate(180deg); } .sco-check { display: inline-flex; align-items: center; gap: 0.8em; } .sco-check-input { appearance: none; -webkit-appearance: none; width: 1.2em; height: 1.2em; border: 1px solid #D9D9D9; border-radius: var(--border-radius-small); background-color: var(--color-bg); background-position: center; background-repeat: no-repeat; cursor: pointer; 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; margin: 0; } .sco-check > .sco-check-input { flex: 0 0 1.2em; } input[type=radio].sco-check-input { border-radius: 50%; } .sco-check-input:checked { background-color: var(--color-primary); border-color: var(--color-primary); background-image: url('data:image/svg+xml,'); } input[type=radio].sco-check-input:checked { background-image: url('data:image/svg+xml,'); } .sco-check-input:active { filter: brightness(90%); } .sco-check-input:hover:not(:disabled) { border-color: var(--color-primary); } .sco-check-input:focus { border-color: var(--color-primary); outline: none; box-shadow: 0 0 0 0.25rem rgba(249, 150, 78, 0.20); } .sco-check-input:disabled { filter: none; opacity: 0.5; cursor: not-allowed; } .sco-check-input:disabled ~ .sco-check-label { opacity: 0.5; cursor: not-allowed; } .sco-check-label { font-weight: 400; font-size: 14px; color: var(--color-label); cursor: pointer; } .sco-check.sco-check-label { font-weight: 500; } .field-validation-error { color: var(--color-invalid); font-weight: 400; line-height: 1.2; } .validation-summary-errors { color: var(--color-invalid); margin-bottom: 10px; font-size: 14px; } .validation-summary-errors > ul { list-style: disc; } .validation-summary-errors > ul > li { padding-top: 10px; } .sco-input ~ .field-validation-error { display: block; margin-top: 10px; font-size: 14px; } .field-hint { display: block; color: var(--color-input-placeholder); margin-top: 10px; font-size: 14px; font-weight: 500; line-height: 1.2; } .sco-card { --color-bg: #f5f5f5; padding: 80px; background: var(--color-bg); position: relative; border-radius: var(--border-radius); } .sco-card-header { font-size: 40px; font-weight: 500; text-transform: uppercase; line-height: 120%; margin-bottom: 20px; } .sco-card-header-l { font-size: 54px; } .sco-card-header-s { font-size: 26px; } @media (max-width: 991px) { .sco-card { padding: 60px; } } @media (max-width: 575px) { .sco-card { padding: 20px; } .sco-card-header { font-size: 36px; } .sco-card-header-l { font-size: 48px; } .sco-card-header-s { font-size: 20px; } } .sco-card-group { display: flex; gap: 40px; margin-top: 60px; margin-bottom: 196px; } .sco-card-group > div { display: flex; flex: 1 1 50%; flex-direction: column; gap: 40px; } @media (max-width: 991px) { .sco-card-group { flex-direction: column; margin-top: 40px; margin-bottom: 165px } } @media (max-width: 575px) { .sco-card-group { flex-direction: column; margin-top: 30px; margin-bottom: 192px } } .jconfirm_wrapper { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background: linear-gradient(180deg, rgba(222, 217, 214, 0.10) 0%, #979797 100%); backdrop-filter: blur(4px); } .jconfirm_inner { background: #fff; border: 0; border-radius: var(--border-radius); -webkit-box-shadow: none; box-shadow: none; width: 100%; } @media (max-width: 575px) { .jconfirm_inner { width: 90% !important; margin-left: auto !important; margin-right: auto !important; left: 0 !important; right: 0 !important; } } a.jconfirm_close { width: 24px; height: 24px; font-size: 24px; line-height: 24px; text-align: center; background-color: var(--color-text); color: var(--color-bg); border-radius: var(--border-radius-small); text-shadow: none; opacity: 1; float: none; order: 100; transition: opacity 0.1s ease; text-decoration: none; position: absolute; top: calc(var(--padding-modal) + 3px); right: var(--padding-modal); font-family: Arial, sans-serif; } .jconfirm_title { padding: var(--padding-modal); padding-right: calc(var(--padding-modal) + 30px); border-bottom: 1px solid var(--color-divider-modal); font-size: 24px; font-weight: 500; line-height: 130%; text-transform: uppercase; } .jconfirm_message { position: relative; padding: var(--padding-modal); font-family: 'Roboto-Variable', sans-serif; min-height: 50px; } .jconfirm_buttons { padding: var(--padding-modal); border-top: 1px solid var(--color-divider-modal); text-align: right; margin: 0; display: flex; justify-content: end; flex-wrap: wrap; gap: 20px; } .sco-pagination { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px } .sco-pagination .sco-pagination-text { color: var(--color-text); font-size: 16px; font-weight: 400; line-height: 150%; /* 24px */ } .sco-pagination-pages { display: inline-flex; padding-left: 0; border-radius: var(--border-radius); align-items: center; justify-content: center; } .sco-pagination-pages .sco-pagination-pages-link { display: inline-block; color: var(--color-text); font-size: 16px; font-weight: 400; line-height: 150%; text-decoration: none; padding: 6px 12px; border: 1px solid var(--Gray-300, #DEE2E6); } .sco-pagination-pages .sco-pagination-pages-item.active .sco-pagination-pages-link { border-color: var(--color-primary); background-color: var(--color-primary); color: var(--color-text); z-index: 3; } .sco-pagination-pages .sco-pagination-pages-item.disabled .sco-pagination-pages-link { color: #DEE2E6; stroke: #DEE2E6; pointer-events: none; } @media (max-width: 575px) and (min-width: 375px) { .sco-pagination { display: flex; flex-direction: column; } } @media (max-width: 374px) { .sco-pagination-pages .sco-pagination-pages-item:not(.active):not(.first):not(.last) { display: none; } } header.header { --color-bg: #000; --color-text: #FFF; --color-secondary-text: #979797; --height-menu: 100px; --font-size: 24px; } footer.footer { --color-bg: #000; --color-text: #FFF; --color-secondary-text: #959595; --color-hr: #505050; --font-size: 18px; } * { box-sizing: border-box; margin: 0; padding: 0; } body { min-height: 100vh; display: flex; flex-direction: column; } .wrapper { flex: 1; display: flex; flex-direction: column; } header.header { background: var(--color-bg); color: var(--color-text); font-size: var(--font-size); } .header-inner { display: flex; justify-content: space-between; align-items: center; min-height: 100px; position: relative; } .header-inner a { color: var(--color-text); text-transform: uppercase; text-decoration: none; transition: color 0.1s ease; font-weight: 500; } .header-inner a:hover, .header-inner a:active, .header-inner a:focus { color: var(--color-primary); } .header .logo img { height: 64px; max-width: 122px; } .header .menu-toggle { display: none; background: none; border: none; cursor: pointer; } .header .menu-toggle span { height: 1px; background-color: var(--color-text); width: 40px; display: block; margin-top: 6px; transition: background-color 0.1s ease; } .header .menu-toggle:hover span { background-color: var(--color-primary); } .header .menu-toggle span:first-child { margin-top: 0px; } .header .header-inner.header-scrollable { justify-content: center; } .header .header-inner.header-scrollable #main-nav { overflow: hidden; position: relative; } @media (max-width: 575px) { .header .header-inner.header-scrollable { flex-wrap: wrap; padding-top: 14px; padding-bottom: 20px; gap: 15px; } } .header .nav-list-scroll-btn { color: var(--color-text); display: none; position: absolute; top: 3px; bottom: 0; z-index: 1; cursor: pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 0; outline: none; transition: color 0.1s ease; } .header .nav-list-scroll-btn:hover { color: var(--color-primary); } .header .nav-list-scroll-btn svg { width: 18px; height: 18px; } .header .nav-list-scroll-btn.nav-list-scroll-btn-left { left: 0; padding-right: 60px; background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.71) 29%, rgba(0, 0, 0, 0.54) 47%, rgba(0, 0, 0, 0.36) 65%, rgba(0, 0, 0, 0.01) 100%); } .header .nav-list-scroll-btn.nav-list-scroll-btn-right { right: 0; padding-left: 60px; background: linear-gradient(270deg, #000 0%, rgba(0, 0, 0, 0.71) 29%, rgba(0, 0, 0, 0.54) 47%, rgba(0, 0, 0, 0.36) 65%, rgba(0, 0, 0, 0.01) 100%); } .header .nav-list { list-style: none; display: flex; align-items: center; gap: 14px; margin-left: 14px; margin-right: 14px; } .header .header-inner.header-scrollable .nav-list { overflow: hidden; overflow-x: auto; scroll-behavior: smooth; /* Hide scroll */ scrollbar-width: none; /* Firefox */ } .header .header-inner.header-scrollable .nav-list::-webkit-scrollbar { display: none; /* Chrome, Safari */ } .header .header-inner.header-scrollable .nav-list { margin-left: 24px; margin-right: 24px; } .header .nav-list li { position: relative; line-height: 1.2; } .header .nav-list a { white-space: nowrap; line-height: 1.2; } .header .nav-list .submenu { display: none; } .header .nav-list .submenu li { overflow: hidden; text-overflow: ellipsis; } .header .nav-list .submenu li a { font-size: 18px; } .header .submenu-toggle { display: none; transition: transform 0.3s ease; } .header .profile-header-menu { display: flex; align-items: center; gap: 20px; } .header .profile-header-menu .outline-link { padding: 0 16px; line-height: 46px; margin: 0 10px; white-space: nowrap; font-size: inherit; } .header .profile-header-menu .outline-link:hover { --color-text: var(--color-bg); } .header .profile-header-menu form { display: flex; align-items: center; gap: 20px; } .header .profile-header-menu .username { font-size: 0.75em; display: flex; flex-direction: column; align-items: end; } .header .profile-header-menu .username a { text-transform: none; line-height: 130%; white-space: nowrap; max-width: 150px; overflow: hidden; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 2px; } .header .profile-header-menu .username span { color: var(--color-secondary-text); line-height: 130%; font-weight: 500; } .header .header-search-container { flex: 1; } .header .header-search-container form { margin-right: 15px !important; margin-left: 10px !important; } .top-banner { max-height: calc(100vh - 100px); display: flex; align-items: center; justify-content: center; text-align: center; border: none; background-color: var(--color-bg); background-position: center; background-size: cover; background-repeat: no-repeat; } .top-banner img { display: block; margin: 0 auto; width: 100%; } .top-banner.orange-border { border-bottom: 10px solid var(--color-primary); } @media (max-width: 991px) { .top-banner { /*height: 200px;*/ } } @media (max-width: 575px) { .top-banner { /*height: 100px;*/ } } @media (max-width: 1199px) { body .menu-open { overflow: hidden !important; } .header { position: sticky; top: 0; z-index: 1000; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .header .header-inner.header-collapsible .menu-toggle { display: block; } .header .header-inner.header-collapsible .submenu-toggle { display: inline-block; } .header .header-inner.header-collapsible .profile-header-menu { display: none; } .header .header-inner.header-collapsible .nav-list { background-color: var(--color-bg); position: fixed; top: var(--height-menu); left: 0; right: 0; display: none; z-index: 999; margin: 0; } .header .header-inner.header-collapsible .nav-list.active { display: block; } .header .header-inner.header-collapsible .nav-list a { display: flex; justify-content: space-between; align-items: center; padding: 15px; border-top: 1px solid var(--color-text); } .header .header-inner.header-collapsible .nav-list li.divider { display: none; } body.menu-open .header .header-inner.header-collapsible .nav-list { overflow: auto; max-height: calc(100% - var(--height-menu)); } .header .header-inner.header-collapsible .has-submenu.open .submenu { display: block; } .header .header-inner.header-collapsible .has-submenu.open > a .submenu-toggle { transform: rotate(180deg); } } @media (min-width: 1200px) { .header .submenu { --submenu-padding: 20px; position: absolute; z-index: 99; top: calc(100% + 3px); /* ~3px by design */ max-width: 500px; left: calc(var(--submenu-padding) * -1 + 7px); /* 7px shift by design */ background: var(--color-bg); list-style: none; flex-direction: column; gap: 11px; padding: var(--submenu-padding); border-radius: var(--border-radius-bigger); } .header .nav-list li.mobile { display: none; } .header .has-submenu:hover .submenu { display: flex; } } main.main { flex: 1; background-color: var(--color-bg); } footer.footer { background-color: var(--color-bg); color: var(--color-text); font-size: var(--font-size); } footer.footer hr { display: block; margin: 0; border-style: inset; border-width: 1px; border-color: var(--color-hr); } .footer-help { display: flex; flex-direction: column; justify-content: center; gap: 36px; } .footer-logo-and-info { font-size: 0.78em; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 14px; padding-bottom: 14px; } .footer-logo-and-info .footer-info { flex: 1; color: var(--color-secondary-text); font-weight: 600; } .footer-logo-and-info .footer-logo img { max-width: 133px; height: 70px; } .footer-copyright-and-social { font-size: 0.67em; display: flex; align-items: center; justify-content: space-between; color: var(--color-secondary-text); padding-left: 25px; padding-right: 25px; gap: 25px 40px; flex-wrap: wrap; padding-top: 25px; padding-bottom: 25px; } .footer-copyright-and-social .footer-copyright { flex: 1; order: 0; font-weight: 600; line-height: 1.2; } .footer-copyright-and-social .social-links { display: flex; align-items: center; gap: 30px; } .footer-copyright-and-social .social-links .social-link { color: var(--color-text); } .footer-copyright-and-social .social-links .social-link:hover { color: var(--color-primary); } .footer-copyright-and-social .footer-privacy { display: flex; align-items: center; gap: 7px; } .footer-copyright-and-social .footer-privacy a { font-weight: 600; line-height: normal; color: var(--color-secondary-text); text-decoration: none; } @media (max-width: 767px) { .footer-copyright-and-social .footer-copyright { order: 2; flex-basis: 100%; } } .feature { text-align: center; padding-top: 100px; padding-bottom: 100px; padding-left: 25px; padding-right: 25px; } .feature .feature-title { font-size: 60px; line-height: 1.2; font-weight: 500; text-transform: uppercase; margin-bottom: 36px; } .feature .feature-subtitle { font-size: 40px; color: var(--color-primary); line-height: 1.2; font-weight: 500; text-transform: uppercase; margin-bottom: 30px; } .feature .feature-line { border: none; border-bottom: 1px solid var(--color-primary); padding-bottom: 36px; display: inline-block; margin-left: auto; margin-right: auto; position: relative; } .feature .feature-line:after { content: ""; display: block; width: 15px; height: 15px; background-color: #F9964E; border-radius: 50%; position: absolute; left: calc(50% - 7.5px); bottom: -7.5px; } .feature .feature-desciption { font-size: 20px; line-height: 1.1; } .feature .feature-desciption p { margin-bottom: 20px; } .feature .feature-desciption strong { text-transform: uppercase; font-weight: 700; } .feature .feature-desciption a { color: var(--color-primary); text-decoration: none; white-space: nowrap; font-weight: 700; } .feature .feature-desciption a:hover { text-decoration: underline; } footer.footer .feature .feature-desciption { font-size: 18px; } @media (max-width: 767px) { .feature { padding-top: 60px; padding-bottom: 60px; } } @media (max-width: 575px) { .feature { padding-top: 38px; padding-bottom: 38px; padding-left: 0; padding-right: 0; } .feature .feature-title { font-size: 40px; line-height: 1.2; font-weight: 500; text-transform: uppercase; margin-bottom: 33px; } .feature .feature-subtitle { font-size: 31px; color: var(--color-primary); line-height: 1.2; font-weight: 500; text-transform: uppercase; margin-bottom: 30px; } } @keyframes blink { 0% { border-color: #ff0000; } 50% { border-color: transparent; } 100% { border-color: #ff0000; } } @-moz-keyframes blink { 0% { border-color: #ff0000; } 50% { border-color: transparent; } 100% { border-color: #ff0000; } } @-webkit-keyframes blink { 0% { border-color: #ff0000; } 50% { border-color: transparent; } 100% { border-color: #ff0000; } } @keyframes blink-border { 0% { border-color: #ff0000; } 50% { border-color: transparent; } 100% { border-color: #ff0000; } } @-webkit-keyframes blink-border { 0% { border-color: #ff0000; } 50% { border-color: transparent; } 100% { border-color: #ff0000; } } @keyframes blink-bg { 0% { background-color: #ff0000; } 50% { background-color: transparent; } 100% { background-color: #ff0000; } } @-webkit-keyframes blink-bg { 0% { background-color: #ff0000; } 50% { background-color: transparent; } 100% { background-color: #ff0000; } } @keyframes blink-animation { to { visibility: hidden; } } @-webkit-keyframes blink-animation { to { visibility: hidden; } } .dimmed { position: relative; } .dimmed:after { content: " "; z-index: 10; display: block; position: absolute; height: 100%; top: 0; left: 0; right: 0; /*background: rgba(0, 0, 0, 0.1);*/ } .empty-container { height: 100px; } .ajax-loader-container { z-index: 11; position: absolute; top: 50%; left: 50%; background-color: #ffffff; border: 1px solid orange; border-radius: 6px; outline: none; padding: 10px; } .ajax-loader { z-index: 11; position: absolute; top: 50%; left: 50%; margin-left: -33px; margin-top: -33px; } .sco-card.login-card { width: 750px; margin-top: 60px; margin-bottom: 141px; margin-left: auto; margin-right: auto; } @media (max-width: 991px) { .sco-card.login-card { width: initial; margin-top: 40px; margin-left: 34px; margin-right: 34px; } } @media (max-width: 575px) { .sco-card.login-card { width: initial; margin-top: 30px; margin-left: 16px; margin-right: 16px; } } .code-container { display: flex; justify-content: center; gap: 18px; } .code-container .sco-input { max-width: 226px; border-color: var(--color-primary); } .specie-preferences { display: flex; gap: 20px; flex-wrap: wrap; } .agreement-container { height: 434px; overflow-y: scroll; } @media (max-width: 991px) { .agreement-container { height: 434px; } } @media (max-width: 575px) { .agreement-container { height: 485px; } } .agreement { padding: 20px; background-color: var(--color-input-bg); border-radius: var(--border-radius); } .container-with-vertical-margin { margin-top: 60px; margin-bottom: 120px; } @media (max-width: 575px) { .container-with-vertical-margin { margin-top: 33px; margin-bottom: 66px; } }