@import url(https://fonts.googleapis.com/css2?family=Tinos:ital@1&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);/**
 * @license
 * MyFonts Webfont Build ID 3381473, 2017-04-27T16:55:09-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: AvenirLTStd-Heavy by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/85-heavy/
 * Copyright: Copyright &#x00A9; 1989, 1995, 2002 Adobe Systems Incorporated.  All Rights Reserved. &#x00A9; 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 *
 * Webfont: AvenirLTStd-Medium by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/65-medium/
 * Copyright: Copyright &#x00A9; 1981 - 2006 Linotype GmbH, www.linotype.com. All rights reserved. Copyright &#x00A9; 1989 - 2002 Adobe Systems Incorporated.  All Rights Reserved.
 *
 * Webfont: AvenirLTStd-Roman by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/55-roman/
 * Copyright: Copyright &#x00A9; 1989, 1995, 2002 Adobe Systems Incorporated.  All Rights Reserved. &#x00A9; 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 *
 * Webfont: AvenirLTStd-BookOblique by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/45-book-oblique/
 * Copyright: Copyright &#x00A9; 1989, 1995, 2002 Adobe Systems Incorporated.  All Rights Reserved. &#x00A9; 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 *
 * Webfont: AvenirLTStd-Light by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/35-light/
 * Copyright: Copyright &#x00A9; 1989, 1995, 2002 Adobe Systems Incorporated.  All Rights Reserved. &#x00A9; 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 *
 * Webfont: AvenirLTStd-Book by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/45-book/
 * Copyright: Copyright &#x00A9; 1989, 1995, 2002 Adobe Systems Incorporated.  All Rights Reserved. &#x00A9; 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 *
 * Webfont: AvenirLTStd-Black by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/95-black/
 * Copyright: Copyright &#x00A9; 1989, 1995, 2002 Adobe Systems Incorporated.  All Rights Reserved. &#x00A9; 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3381473
 * Licensed pageviews: 250,000
 *
 * © 2017 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */


@font-face {
    font-family: 'Avenir';
    font-weight: 200;
    font-style: normal;
    src: url('webfonts/3398E1_4_0.eot');
    src: url('webfonts/3398E1_4_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3398E1_4_0.woff2') format('woff2'),url('webfonts/3398E1_4_0.woff') format('woff'),url('webfonts/3398E1_4_0.ttf') format('truetype');
}


@font-face {
    font-family: 'Avenir';
    font-weight: 300;
    font-style: normal;
    src: url('webfonts/3398E1_2_0.eot');
    src: url('webfonts/3398E1_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3398E1_2_0.woff2') format('woff2'),url('webfonts/3398E1_2_0.woff') format('woff'),url('webfonts/3398E1_2_0.ttf') format('truetype');
}


@font-face {
    font-family: 'Avenir';
    font-weight: 400;
    font-style: normal;
    src: url('webfonts/3398E1_5_0.eot');
    src: url('webfonts/3398E1_5_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3398E1_5_0.woff2') format('woff2'),url('webfonts/3398E1_5_0.woff') format('woff'),url('webfonts/3398E1_5_0.ttf') format('truetype');
}


@font-face {
    font-family: 'Avenir';
    font-weight: 400;
    font-style: italic;
    src: url('webfonts/3398E1_3_0.eot');
    src: url('webfonts/3398E1_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3398E1_3_0.woff2') format('woff2'),url('webfonts/3398E1_3_0.woff') format('woff'),url('webfonts/3398E1_3_0.ttf') format('truetype');
}


@font-face {
    font-family: 'Avenir';
    font-weight: 500;
    font-style: normal;
    src: url('webfonts/3398E1_1_0.eot');
    src: url('webfonts/3398E1_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3398E1_1_0.woff2') format('woff2'),url('webfonts/3398E1_1_0.woff') format('woff'),url('webfonts/3398E1_1_0.ttf') format('truetype');
}


@font-face {
    font-family: 'Avenir';
    font-weight: 600;
    font-style: normal;
    src: url('webfonts/3398E1_0_0.eot');
    src: url('webfonts/3398E1_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3398E1_0_0.woff2') format('woff2'),url('webfonts/3398E1_0_0.woff') format('woff'),url('webfonts/3398E1_0_0.ttf') format('truetype');
}


@font-face {
    font-family: 'Avenir';
    font-weight: 700;
    font-style: normal;
    src: url('webfonts/3398E1_6_0.eot');
    src: url('webfonts/3398E1_6_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3398E1_6_0.woff2') format('woff2'),url('webfonts/3398E1_6_0.woff') format('woff'),url('webfonts/3398E1_6_0.ttf') format('truetype');
}




/*Apache License*/
/*Version 2.0, January 2004*/
/*http://www.apache.org/licenses/*/

/*       TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION*/

/*1. Definitions.*/

/*"License" shall mean the terms and conditions for use, reproduction,*/
/*          and distribution as defined by Sections 1 through 9 of this document.*/

/*"Licensor" shall mean the copyright owner or entity authorized by*/
/*           the copyright owner that is granting the License.*/

/*"Legal Entity" shall mean the union of the acting entity and all*/
/*               other entities that control, are controlled by, or are under common*/
/*control with that entity. For the purposes of this definition,*/
/*"control" means (i) the power, direct or indirect, to cause the*/
/*direction or management of such entity, whether by contract or*/
/*otherwise, or (ii) ownership of fifty percent (50%) or more of the*/
/*                                                    outstanding shares, or (iii) beneficial ownership of such entity.*/

/*"You" (or "Your") shall mean an individual or Legal Entity*/
/*                  exercising permissions granted by this License.*/

/*"Source" form shall mean the preferred form for making modifications,*/
/*         including but not limited to software source code, documentation*/
/*source, and configuration files.*/

/*"Object" form shall mean any form resulting from mechanical*/
/*         transformation or translation of a Source form, including but*/
/*not limited to compiled object code, generated documentation,*/
/*         and conversions to other media types.*/

/*"Work" shall mean the work of authorship, whether in Source or*/
/*Object form, made available under the License, as indicated by a*/
/*copyright notice that is included in or attached to the work*/
/*(an example is provided in the Appendix below).*/

/*"Derivative Works" shall mean any work, whether in Source or Object*/
/*form, that is based on (or derived from) the Work and for which the*/
/*                                         editorial revisions, annotations, elaborations, or other modifications*/
/*represent, as a whole, an original work of authorship. For the purposes*/
/*of this License, Derivative Works shall not include works that remain*/
/*separable from, or merely link (or bind by name) to the interfaces of,*/
/*                                                 the Work and Derivative Works thereof.*/

/*"Contribution" shall mean any work of authorship, including*/
/*the original version of the Work and any modifications or additions*/
/*to that Work or Derivative Works thereof, that is intentionally*/
/*submitted to Licensor for inclusion in the Work by the copyright owner*/
/*or by an individual or Legal Entity authorized to submit on behalf of*/
/*the copyright owner. For the purposes of this definition, "submitted"*/
/*means any form of electronic, verbal, or written communication sent*/
/*to the Licensor or its representatives, including but not limited to*/
/*communication on electronic mailing lists, source code control systems,*/
/*and issue tracking systems that are managed by, or on behalf of, the*/
/*Licensor for the purpose of discussing and improving the Work, but*/
/*excluding communication that is conspicuously marked or otherwise*/
/*designated in writing by the copyright owner as "Not a Contribution."*/

/*"Contributor" shall mean Licensor and any individual or Legal Entity*/
/*              on behalf of whom a Contribution has been received by Licensor and*/
/*              subsequently incorporated within the Work.*/

/*2. Grant of Copyright License. Subject to the terms and conditions of*/
/* this License, each Contributor hereby grants to You a perpetual,*/
/* worldwide, non-exclusive, no-charge, royalty-free, irrevocable*/
/*copyright license to reproduce, prepare Derivative Works of,*/
/* publicly display, publicly perform, sublicense, and distribute the*/
/*Work and such Derivative Works in Source or Object form.*/

/*3. Grant of Patent License. Subject to the terms and conditions of*/
/* this License, each Contributor hereby grants to You a perpetual,*/
/* worldwide, non-exclusive, no-charge, royalty-free, irrevocable*/
/*(except as stated in this section) patent license to make, have made,*/
/*                                   use, offer to sell, sell, import, and otherwise transfer the Work,*/
/*                                   where such license applies only to those patent claims licensable*/
/*                                   by such Contributor that are necessarily infringed by their*/
/*Contribution(s) alone or by combination of their Contribution(s)*/
/*with the Work to which such Contribution(s) was submitted. If You*/
/*                                            institute patent litigation against any entity (including a*/
/*                                                                                            cross-claim or counterclaim in a lawsuit) alleging that the Work*/
/*                                                                                                                                      or a Contribution incorporated within the Work constitutes direct*/
/*                                                                                                                                      or contributory patent infringement, then any patent licenses*/
/*granted to You under this License for that Work shall terminate*/
/*as of the date such litigation is filed.*/

/*4. Redistribution. You may reproduce and distribute copies of the*/
/* Work or Derivative Works thereof in any medium, with or without*/
/*modifications, and in Source or Object form, provided that You*/
/*meet the following conditions:*/

/*(a) You must give any other recipients of the Work or*/
/*    Derivative Works a copy of this License; and*/

/*(b) You must cause any modified files to carry prominent notices*/
/*    stating that You changed the files; and*/

/*(c) You must retain, in the Source form of any Derivative Works*/
/*that You distribute, all copyright, patent, trademark, and*/
/*attribution notices from the Source form of the Work,*/
/*    excluding those notices that do not pertain to any part of*/
/*    the Derivative Works; and*/

/*(d) If the Work includes a "NOTICE" text file as part of its*/
/*                                    distribution, then any Derivative Works that You distribute must*/
/*include a readable copy of the attribution notices contained*/
/*within such NOTICE file, excluding those notices that do not*/
/*pertain to any part of the Derivative Works, in at least one*/
/*of the following places: within a NOTICE text file distributed*/
/*as part of the Derivative Works; within the Source form or*/
/*                                 documentation, if provided along with the Derivative Works; or,*/
/*                                                                                             within a display generated by the Derivative Works, if and*/
/*wherever such third-party notices normally appear. The contents*/
/*of the NOTICE file are for informational purposes only and*/
/*do not modify the License. You may add Your own attribution*/
/*notices within Derivative Works that You distribute, alongside*/
/*or as an addendum to the NOTICE text from the Work, provided*/
/*that such additional attribution notices cannot be construed*/
/*as modifying the License.*/

/*You may add Your own copyright statement to Your modifications and*/
/*may provide additional or different license terms and conditions*/
/*for use, reproduction, or distribution of Your modifications, or*/
/*for any such Derivative Works as a whole, provided Your use,*/
/*                                                                                             reproduction, and distribution of the Work otherwise complies with*/
/*the conditions stated in this License.*/

/*5. Submission of Contributions. Unless You explicitly state otherwise,*/
/* any Contribution intentionally submitted for inclusion in the Work*/
/* by You to the Licensor shall be under the terms and conditions of*/
/* this License, without any additional terms or conditions.*/
/*Notwithstanding the above, nothing herein shall supersede or modify*/
/*the terms of any separate license agreement you may have executed*/
/*with Licensor regarding such Contributions.*/

/*6. Trademarks. This License does not grant permission to use the trade*/
/* names, trademarks, service marks, or product names of the Licensor,*/
/* except as required for reasonable and customary use in describing the*/
/* origin of the Work and reproducing the content of the NOTICE file.*/

/*7. Disclaimer of Warranty. Unless required by applicable law or*/
/* agreed to in writing, Licensor provides the Work (and each*/
/*                                                   Contributor provides its Contributions) on an "AS IS" BASIS,*/
/*                                                                                                         WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or*/
/*implied, including, without limitation, any warranties or conditions*/
/*of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A*/
/*PARTICULAR PURPOSE. You are solely responsible for determining the*/
/*appropriateness of using or redistributing the Work and assume any*/
/*risks associated with Your exercise of permissions under this License.*/

/*8. Limitation of Liability. In no event and under no legal theory,*/
/* whether in tort (including negligence), contract, or otherwise,*/
/*                                         unless required by applicable law (such as deliberate and grossly*/
/*                                                                            negligent acts) or agreed to in writing, shall any Contributor be*/
/*liable to You for damages, including any direct, indirect, special,*/
/*                                                                                            incidental, or consequential damages of any character arising as a*/
/*result of this License or out of the use or inability to use the*/
/*Work (including but not limited to damages for loss of goodwill,*/
/*      work stoppage, computer failure or malfunction, or any and all*/
/*other commercial damages or losses), even if such Contributor*/
/*                                     has been advised of the possibility of such damages.*/

/*9. Accepting Warranty or Additional Liability. While redistributing*/
/* the Work or Derivative Works thereof, You may choose to offer,*/
/* and charge a fee for, acceptance of support, warranty, indemnity,*/
/* or other liability obligations and/or rights consistent with this*/
/*                                    License. However, in accepting such obligations, You may act only*/
/*on Your own behalf and on Your sole responsibility, not on behalf*/
/*of any other Contributor, and only if You agree to indemnify,*/
/*                                    defend, and hold each Contributor harmless for any liability*/
/*incurred by, or claims asserted against, such Contributor by reason*/
/*of your accepting any such warranty or additional liability.*/

/*END OF TERMS AND CONDITIONS*/

/*APPENDIX: How to apply the Apache License to your work.*/

/*To apply the Apache License to your work, attach the following*/
/*boilerplate notice, with the fields enclosed by brackets "[]"*/
/*replaced with your own identifying information. (Don't include*/
/*the brackets!)  The text should be enclosed in the appropriate*/
/*                comment syntax for the file format. We also recommend that a*/
/*                file or class name and description of purpose be included on the*/
/*                same "printed page" as the copyright notice for easier*/
/*                                    identification within third-party archives.*/

/*                                    Copyright [yyyy] [name of copyright owner]*/

/*Licensed under the Apache License, Version 2.0 (the "License");*/
/*you may not use this file except in compliance with the License.*/
/*You may obtain a copy of the License at*/

/*http://www.apache.org/licenses/LICENSE-2.0*/

/*Unless required by applicable law or agreed to in writing, software*/
/*distributed under the License is distributed on an "AS IS" BASIS,*/
/*                                                           WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.*/
/*See the License for the specific language governing permissions and*/
/*limitations under the License.*/


@font-face {
    font-family: 'Tinos';
    font-weight: 400;
    font-style: italic;
    src: url('webfonts/Tinos-Italic.ttf') format('truetype');
}

/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
 @font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.5.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{-webkit-filter:none;filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\F000"}.fa-music:before{content:"\F001"}.fa-search:before{content:"\F002"}.fa-envelope-o:before{content:"\F003"}.fa-heart:before{content:"\F004"}.fa-star:before{content:"\F005"}.fa-star-o:before{content:"\F006"}.fa-user:before{content:"\F007"}.fa-film:before{content:"\F008"}.fa-th-large:before{content:"\F009"}.fa-th:before{content:"\F00A"}.fa-th-list:before{content:"\F00B"}.fa-check:before{content:"\F00C"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\F00D"}.fa-search-plus:before{content:"\F00E"}.fa-search-minus:before{content:"\F010"}.fa-power-off:before{content:"\F011"}.fa-signal:before{content:"\F012"}.fa-gear:before,.fa-cog:before{content:"\F013"}.fa-trash-o:before{content:"\F014"}.fa-home:before{content:"\F015"}.fa-file-o:before{content:"\F016"}.fa-clock-o:before{content:"\F017"}.fa-road:before{content:"\F018"}.fa-download:before{content:"\F019"}.fa-arrow-circle-o-down:before{content:"\F01A"}.fa-arrow-circle-o-up:before{content:"\F01B"}.fa-inbox:before{content:"\F01C"}.fa-play-circle-o:before{content:"\F01D"}.fa-rotate-right:before,.fa-repeat:before{content:"\F01E"}.fa-refresh:before{content:"\F021"}.fa-list-alt:before{content:"\F022"}.fa-lock:before{content:"\F023"}.fa-flag:before{content:"\F024"}.fa-headphones:before{content:"\F025"}.fa-volume-off:before{content:"\F026"}.fa-volume-down:before{content:"\F027"}.fa-volume-up:before{content:"\F028"}.fa-qrcode:before{content:"\F029"}.fa-barcode:before{content:"\F02A"}.fa-tag:before{content:"\F02B"}.fa-tags:before{content:"\F02C"}.fa-book:before{content:"\F02D"}.fa-bookmark:before{content:"\F02E"}.fa-print:before{content:"\F02F"}.fa-camera:before{content:"\F030"}.fa-font:before{content:"\F031"}.fa-bold:before{content:"\F032"}.fa-italic:before{content:"\F033"}.fa-text-height:before{content:"\F034"}.fa-text-width:before{content:"\F035"}.fa-align-left:before{content:"\F036"}.fa-align-center:before{content:"\F037"}.fa-align-right:before{content:"\F038"}.fa-align-justify:before{content:"\F039"}.fa-list:before{content:"\F03A"}.fa-dedent:before,.fa-outdent:before{content:"\F03B"}.fa-indent:before{content:"\F03C"}.fa-video-camera:before{content:"\F03D"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\F03E"}.fa-pencil:before{content:"\F040"}.fa-map-marker:before{content:"\F041"}.fa-adjust:before{content:"\F042"}.fa-tint:before{content:"\F043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\F044"}.fa-share-square-o:before{content:"\F045"}.fa-check-square-o:before{content:"\F046"}.fa-arrows:before{content:"\F047"}.fa-step-backward:before{content:"\F048"}.fa-fast-backward:before{content:"\F049"}.fa-backward:before{content:"\F04A"}.fa-play:before{content:"\F04B"}.fa-pause:before{content:"\F04C"}.fa-stop:before{content:"\F04D"}.fa-forward:before{content:"\F04E"}.fa-fast-forward:before{content:"\F050"}.fa-step-forward:before{content:"\F051"}.fa-eject:before{content:"\F052"}.fa-chevron-left:before{content:"\F053"}.fa-chevron-right:before{content:"\F054"}.fa-plus-circle:before{content:"\F055"}.fa-minus-circle:before{content:"\F056"}.fa-times-circle:before{content:"\F057"}.fa-check-circle:before{content:"\F058"}.fa-question-circle:before{content:"\F059"}.fa-info-circle:before{content:"\F05A"}.fa-crosshairs:before{content:"\F05B"}.fa-times-circle-o:before{content:"\F05C"}.fa-check-circle-o:before{content:"\F05D"}.fa-ban:before{content:"\F05E"}.fa-arrow-left:before{content:"\F060"}.fa-arrow-right:before{content:"\F061"}.fa-arrow-up:before{content:"\F062"}.fa-arrow-down:before{content:"\F063"}.fa-mail-forward:before,.fa-share:before{content:"\F064"}.fa-expand:before{content:"\F065"}.fa-compress:before{content:"\F066"}.fa-plus:before{content:"\F067"}.fa-minus:before{content:"\F068"}.fa-asterisk:before{content:"\F069"}.fa-exclamation-circle:before{content:"\F06A"}.fa-gift:before{content:"\F06B"}.fa-leaf:before{content:"\F06C"}.fa-fire:before{content:"\F06D"}.fa-eye:before{content:"\F06E"}.fa-eye-slash:before{content:"\F070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\F071"}.fa-plane:before{content:"\F072"}.fa-calendar:before{content:"\F073"}.fa-random:before{content:"\F074"}.fa-comment:before{content:"\F075"}.fa-magnet:before{content:"\F076"}.fa-chevron-up:before{content:"\F077"}.fa-chevron-down:before{content:"\F078"}.fa-retweet:before{content:"\F079"}.fa-shopping-cart:before{content:"\F07A"}.fa-folder:before{content:"\F07B"}.fa-folder-open:before{content:"\F07C"}.fa-arrows-v:before{content:"\F07D"}.fa-arrows-h:before{content:"\F07E"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\F080"}.fa-twitter-square:before{content:"\F081"}.fa-facebook-square:before{content:"\F082"}.fa-camera-retro:before{content:"\F083"}.fa-key:before{content:"\F084"}.fa-gears:before,.fa-cogs:before{content:"\F085"}.fa-comments:before{content:"\F086"}.fa-thumbs-o-up:before{content:"\F087"}.fa-thumbs-o-down:before{content:"\F088"}.fa-star-half:before{content:"\F089"}.fa-heart-o:before{content:"\F08A"}.fa-sign-out:before{content:"\F08B"}.fa-linkedin-square:before{content:"\F08C"}.fa-thumb-tack:before{content:"\F08D"}.fa-external-link:before{content:"\F08E"}.fa-sign-in:before{content:"\F090"}.fa-trophy:before{content:"\F091"}.fa-github-square:before{content:"\F092"}.fa-upload:before{content:"\F093"}.fa-lemon-o:before{content:"\F094"}.fa-phone:before{content:"\F095"}.fa-square-o:before{content:"\F096"}.fa-bookmark-o:before{content:"\F097"}.fa-phone-square:before{content:"\F098"}.fa-twitter:before{content:"\F099"}.fa-facebook-f:before,.fa-facebook:before{content:"\F09A"}.fa-github:before{content:"\F09B"}.fa-unlock:before{content:"\F09C"}.fa-credit-card:before{content:"\F09D"}.fa-feed:before,.fa-rss:before{content:"\F09E"}.fa-hdd-o:before{content:"\F0A0"}.fa-bullhorn:before{content:"\F0A1"}.fa-bell:before{content:"\F0F3"}.fa-certificate:before{content:"\F0A3"}.fa-hand-o-right:before{content:"\F0A4"}.fa-hand-o-left:before{content:"\F0A5"}.fa-hand-o-up:before{content:"\F0A6"}.fa-hand-o-down:before{content:"\F0A7"}.fa-arrow-circle-left:before{content:"\F0A8"}.fa-arrow-circle-right:before{content:"\F0A9"}.fa-arrow-circle-up:before{content:"\F0AA"}.fa-arrow-circle-down:before{content:"\F0AB"}.fa-globe:before{content:"\F0AC"}.fa-wrench:before{content:"\F0AD"}.fa-tasks:before{content:"\F0AE"}.fa-filter:before{content:"\F0B0"}.fa-briefcase:before{content:"\F0B1"}.fa-arrows-alt:before{content:"\F0B2"}.fa-group:before,.fa-users:before{content:"\F0C0"}.fa-chain:before,.fa-link:before{content:"\F0C1"}.fa-cloud:before{content:"\F0C2"}.fa-flask:before{content:"\F0C3"}.fa-cut:before,.fa-scissors:before{content:"\F0C4"}.fa-copy:before,.fa-files-o:before{content:"\F0C5"}.fa-paperclip:before{content:"\F0C6"}.fa-save:before,.fa-floppy-o:before{content:"\F0C7"}.fa-square:before{content:"\F0C8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\F0C9"}.fa-list-ul:before{content:"\F0CA"}.fa-list-ol:before{content:"\F0CB"}.fa-strikethrough:before{content:"\F0CC"}.fa-underline:before{content:"\F0CD"}.fa-table:before{content:"\F0CE"}.fa-magic:before{content:"\F0D0"}.fa-truck:before{content:"\F0D1"}.fa-pinterest:before{content:"\F0D2"}.fa-pinterest-square:before{content:"\F0D3"}.fa-google-plus-square:before{content:"\F0D4"}.fa-google-plus:before{content:"\F0D5"}.fa-money:before{content:"\F0D6"}.fa-caret-down:before{content:"\F0D7"}.fa-caret-up:before{content:"\F0D8"}.fa-caret-left:before{content:"\F0D9"}.fa-caret-right:before{content:"\F0DA"}.fa-columns:before{content:"\F0DB"}.fa-unsorted:before,.fa-sort:before{content:"\F0DC"}.fa-sort-down:before,.fa-sort-desc:before{content:"\F0DD"}.fa-sort-up:before,.fa-sort-asc:before{content:"\F0DE"}.fa-envelope:before{content:"\F0E0"}.fa-linkedin:before{content:"\F0E1"}.fa-rotate-left:before,.fa-undo:before{content:"\F0E2"}.fa-legal:before,.fa-gavel:before{content:"\F0E3"}.fa-dashboard:before,.fa-tachometer:before{content:"\F0E4"}.fa-comment-o:before{content:"\F0E5"}.fa-comments-o:before{content:"\F0E6"}.fa-flash:before,.fa-bolt:before{content:"\F0E7"}.fa-sitemap:before{content:"\F0E8"}.fa-umbrella:before{content:"\F0E9"}.fa-paste:before,.fa-clipboard:before{content:"\F0EA"}.fa-lightbulb-o:before{content:"\F0EB"}.fa-exchange:before{content:"\F0EC"}.fa-cloud-download:before{content:"\F0ED"}.fa-cloud-upload:before{content:"\F0EE"}.fa-user-md:before{content:"\F0F0"}.fa-stethoscope:before{content:"\F0F1"}.fa-suitcase:before{content:"\F0F2"}.fa-bell-o:before{content:"\F0A2"}.fa-coffee:before{content:"\F0F4"}.fa-cutlery:before{content:"\F0F5"}.fa-file-text-o:before{content:"\F0F6"}.fa-building-o:before{content:"\F0F7"}.fa-hospital-o:before{content:"\F0F8"}.fa-ambulance:before{content:"\F0F9"}.fa-medkit:before{content:"\F0FA"}.fa-fighter-jet:before{content:"\F0FB"}.fa-beer:before{content:"\F0FC"}.fa-h-square:before{content:"\F0FD"}.fa-plus-square:before{content:"\F0FE"}.fa-angle-double-left:before{content:"\F100"}.fa-angle-double-right:before{content:"\F101"}.fa-angle-double-up:before{content:"\F102"}.fa-angle-double-down:before{content:"\F103"}.fa-angle-left:before{content:"\F104"}.fa-angle-right:before{content:"\F105"}.fa-angle-up:before{content:"\F106"}.fa-angle-down:before{content:"\F107"}.fa-desktop:before{content:"\F108"}.fa-laptop:before{content:"\F109"}.fa-tablet:before{content:"\F10A"}.fa-mobile-phone:before,.fa-mobile:before{content:"\F10B"}.fa-circle-o:before{content:"\F10C"}.fa-quote-left:before{content:"\F10D"}.fa-quote-right:before{content:"\F10E"}.fa-spinner:before{content:"\F110"}.fa-circle:before{content:"\F111"}.fa-mail-reply:before,.fa-reply:before{content:"\F112"}.fa-github-alt:before{content:"\F113"}.fa-folder-o:before{content:"\F114"}.fa-folder-open-o:before{content:"\F115"}.fa-smile-o:before{content:"\F118"}.fa-frown-o:before{content:"\F119"}.fa-meh-o:before{content:"\F11A"}.fa-gamepad:before{content:"\F11B"}.fa-keyboard-o:before{content:"\F11C"}.fa-flag-o:before{content:"\F11D"}.fa-flag-checkered:before{content:"\F11E"}.fa-terminal:before{content:"\F120"}.fa-code:before{content:"\F121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\F122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\F123"}.fa-location-arrow:before{content:"\F124"}.fa-crop:before{content:"\F125"}.fa-code-fork:before{content:"\F126"}.fa-unlink:before,.fa-chain-broken:before{content:"\F127"}.fa-question:before{content:"\F128"}.fa-info:before{content:"\F129"}.fa-exclamation:before{content:"\F12A"}.fa-superscript:before{content:"\F12B"}.fa-subscript:before{content:"\F12C"}.fa-eraser:before{content:"\F12D"}.fa-puzzle-piece:before{content:"\F12E"}.fa-microphone:before{content:"\F130"}.fa-microphone-slash:before{content:"\F131"}.fa-shield:before{content:"\F132"}.fa-calendar-o:before{content:"\F133"}.fa-fire-extinguisher:before{content:"\F134"}.fa-rocket:before{content:"\F135"}.fa-maxcdn:before{content:"\F136"}.fa-chevron-circle-left:before{content:"\F137"}.fa-chevron-circle-right:before{content:"\F138"}.fa-chevron-circle-up:before{content:"\F139"}.fa-chevron-circle-down:before{content:"\F13A"}.fa-html5:before{content:"\F13B"}.fa-css3:before{content:"\F13C"}.fa-anchor:before{content:"\F13D"}.fa-unlock-alt:before{content:"\F13E"}.fa-bullseye:before{content:"\F140"}.fa-ellipsis-h:before{content:"\F141"}.fa-ellipsis-v:before{content:"\F142"}.fa-rss-square:before{content:"\F143"}.fa-play-circle:before{content:"\F144"}.fa-ticket:before{content:"\F145"}.fa-minus-square:before{content:"\F146"}.fa-minus-square-o:before{content:"\F147"}.fa-level-up:before{content:"\F148"}.fa-level-down:before{content:"\F149"}.fa-check-square:before{content:"\F14A"}.fa-pencil-square:before{content:"\F14B"}.fa-external-link-square:before{content:"\F14C"}.fa-share-square:before{content:"\F14D"}.fa-compass:before{content:"\F14E"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\F150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\F151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\F152"}.fa-euro:before,.fa-eur:before{content:"\F153"}.fa-gbp:before{content:"\F154"}.fa-dollar:before,.fa-usd:before{content:"\F155"}.fa-rupee:before,.fa-inr:before{content:"\F156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\F157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\F158"}.fa-won:before,.fa-krw:before{content:"\F159"}.fa-bitcoin:before,.fa-btc:before{content:"\F15A"}.fa-file:before{content:"\F15B"}.fa-file-text:before{content:"\F15C"}.fa-sort-alpha-asc:before{content:"\F15D"}.fa-sort-alpha-desc:before{content:"\F15E"}.fa-sort-amount-asc:before{content:"\F160"}.fa-sort-amount-desc:before{content:"\F161"}.fa-sort-numeric-asc:before{content:"\F162"}.fa-sort-numeric-desc:before{content:"\F163"}.fa-thumbs-up:before{content:"\F164"}.fa-thumbs-down:before{content:"\F165"}.fa-youtube-square:before{content:"\F166"}.fa-youtube:before{content:"\F167"}.fa-xing:before{content:"\F168"}.fa-xing-square:before{content:"\F169"}.fa-youtube-play:before{content:"\F16A"}.fa-dropbox:before{content:"\F16B"}.fa-stack-overflow:before{content:"\F16C"}.fa-instagram:before{content:"\F16D"}.fa-flickr:before{content:"\F16E"}.fa-adn:before{content:"\F170"}.fa-bitbucket:before{content:"\F171"}.fa-bitbucket-square:before{content:"\F172"}.fa-tumblr:before{content:"\F173"}.fa-tumblr-square:before{content:"\F174"}.fa-long-arrow-down:before{content:"\F175"}.fa-long-arrow-up:before{content:"\F176"}.fa-long-arrow-left:before{content:"\F177"}.fa-long-arrow-right:before{content:"\F178"}.fa-apple:before{content:"\F179"}.fa-windows:before{content:"\F17A"}.fa-android:before{content:"\F17B"}.fa-linux:before{content:"\F17C"}.fa-dribbble:before{content:"\F17D"}.fa-skype:before{content:"\F17E"}.fa-foursquare:before{content:"\F180"}.fa-trello:before{content:"\F181"}.fa-female:before{content:"\F182"}.fa-male:before{content:"\F183"}.fa-gittip:before,.fa-gratipay:before{content:"\F184"}.fa-sun-o:before{content:"\F185"}.fa-moon-o:before{content:"\F186"}.fa-archive:before{content:"\F187"}.fa-bug:before{content:"\F188"}.fa-vk:before{content:"\F189"}.fa-weibo:before{content:"\F18A"}.fa-renren:before{content:"\F18B"}.fa-pagelines:before{content:"\F18C"}.fa-stack-exchange:before{content:"\F18D"}.fa-arrow-circle-o-right:before{content:"\F18E"}.fa-arrow-circle-o-left:before{content:"\F190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\F191"}.fa-dot-circle-o:before{content:"\F192"}.fa-wheelchair:before{content:"\F193"}.fa-vimeo-square:before{content:"\F194"}.fa-turkish-lira:before,.fa-try:before{content:"\F195"}.fa-plus-square-o:before{content:"\F196"}.fa-space-shuttle:before{content:"\F197"}.fa-slack:before{content:"\F198"}.fa-envelope-square:before{content:"\F199"}.fa-wordpress:before{content:"\F19A"}.fa-openid:before{content:"\F19B"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\F19C"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\F19D"}.fa-yahoo:before{content:"\F19E"}.fa-google:before{content:"\F1A0"}.fa-reddit:before{content:"\F1A1"}.fa-reddit-square:before{content:"\F1A2"}.fa-stumbleupon-circle:before{content:"\F1A3"}.fa-stumbleupon:before{content:"\F1A4"}.fa-delicious:before{content:"\F1A5"}.fa-digg:before{content:"\F1A6"}.fa-pied-piper:before{content:"\F1A7"}.fa-pied-piper-alt:before{content:"\F1A8"}.fa-drupal:before{content:"\F1A9"}.fa-joomla:before{content:"\F1AA"}.fa-language:before{content:"\F1AB"}.fa-fax:before{content:"\F1AC"}.fa-building:before{content:"\F1AD"}.fa-child:before{content:"\F1AE"}.fa-paw:before{content:"\F1B0"}.fa-spoon:before{content:"\F1B1"}.fa-cube:before{content:"\F1B2"}.fa-cubes:before{content:"\F1B3"}.fa-behance:before{content:"\F1B4"}.fa-behance-square:before{content:"\F1B5"}.fa-steam:before{content:"\F1B6"}.fa-steam-square:before{content:"\F1B7"}.fa-recycle:before{content:"\F1B8"}.fa-automobile:before,.fa-car:before{content:"\F1B9"}.fa-cab:before,.fa-taxi:before{content:"\F1BA"}.fa-tree:before{content:"\F1BB"}.fa-spotify:before{content:"\F1BC"}.fa-deviantart:before{content:"\F1BD"}.fa-soundcloud:before{content:"\F1BE"}.fa-database:before{content:"\F1C0"}.fa-file-pdf-o:before{content:"\F1C1"}.fa-file-word-o:before{content:"\F1C2"}.fa-file-excel-o:before{content:"\F1C3"}.fa-file-powerpoint-o:before{content:"\F1C4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\F1C5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\F1C6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\F1C7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\F1C8"}.fa-file-code-o:before{content:"\F1C9"}.fa-vine:before{content:"\F1CA"}.fa-codepen:before{content:"\F1CB"}.fa-jsfiddle:before{content:"\F1CC"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\F1CD"}.fa-circle-o-notch:before{content:"\F1CE"}.fa-ra:before,.fa-rebel:before{content:"\F1D0"}.fa-ge:before,.fa-empire:before{content:"\F1D1"}.fa-git-square:before{content:"\F1D2"}.fa-git:before{content:"\F1D3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\F1D4"}.fa-tencent-weibo:before{content:"\F1D5"}.fa-qq:before{content:"\F1D6"}.fa-wechat:before,.fa-weixin:before{content:"\F1D7"}.fa-send:before,.fa-paper-plane:before{content:"\F1D8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\F1D9"}.fa-history:before{content:"\F1DA"}.fa-circle-thin:before{content:"\F1DB"}.fa-header:before{content:"\F1DC"}.fa-paragraph:before{content:"\F1DD"}.fa-sliders:before{content:"\F1DE"}.fa-share-alt:before{content:"\F1E0"}.fa-share-alt-square:before{content:"\F1E1"}.fa-bomb:before{content:"\F1E2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\F1E3"}.fa-tty:before{content:"\F1E4"}.fa-binoculars:before{content:"\F1E5"}.fa-plug:before{content:"\F1E6"}.fa-slideshare:before{content:"\F1E7"}.fa-twitch:before{content:"\F1E8"}.fa-yelp:before{content:"\F1E9"}.fa-newspaper-o:before{content:"\F1EA"}.fa-wifi:before{content:"\F1EB"}.fa-calculator:before{content:"\F1EC"}.fa-paypal:before{content:"\F1ED"}.fa-google-wallet:before{content:"\F1EE"}.fa-cc-visa:before{content:"\F1F0"}.fa-cc-mastercard:before{content:"\F1F1"}.fa-cc-discover:before{content:"\F1F2"}.fa-cc-amex:before{content:"\F1F3"}.fa-cc-paypal:before{content:"\F1F4"}.fa-cc-stripe:before{content:"\F1F5"}.fa-bell-slash:before{content:"\F1F6"}.fa-bell-slash-o:before{content:"\F1F7"}.fa-trash:before{content:"\F1F8"}.fa-copyright:before{content:"\F1F9"}.fa-at:before{content:"\F1FA"}.fa-eyedropper:before{content:"\F1FB"}.fa-paint-brush:before{content:"\F1FC"}.fa-birthday-cake:before{content:"\F1FD"}.fa-area-chart:before{content:"\F1FE"}.fa-pie-chart:before{content:"\F200"}.fa-line-chart:before{content:"\F201"}.fa-lastfm:before{content:"\F202"}.fa-lastfm-square:before{content:"\F203"}.fa-toggle-off:before{content:"\F204"}.fa-toggle-on:before{content:"\F205"}.fa-bicycle:before{content:"\F206"}.fa-bus:before{content:"\F207"}.fa-ioxhost:before{content:"\F208"}.fa-angellist:before{content:"\F209"}.fa-cc:before{content:"\F20A"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\F20B"}.fa-meanpath:before{content:"\F20C"}.fa-buysellads:before{content:"\F20D"}.fa-connectdevelop:before{content:"\F20E"}.fa-dashcube:before{content:"\F210"}.fa-forumbee:before{content:"\F211"}.fa-leanpub:before{content:"\F212"}.fa-sellsy:before{content:"\F213"}.fa-shirtsinbulk:before{content:"\F214"}.fa-simplybuilt:before{content:"\F215"}.fa-skyatlas:before{content:"\F216"}.fa-cart-plus:before{content:"\F217"}.fa-cart-arrow-down:before{content:"\F218"}.fa-diamond:before{content:"\F219"}.fa-ship:before{content:"\F21A"}.fa-user-secret:before{content:"\F21B"}.fa-motorcycle:before{content:"\F21C"}.fa-street-view:before{content:"\F21D"}.fa-heartbeat:before{content:"\F21E"}.fa-venus:before{content:"\F221"}.fa-mars:before{content:"\F222"}.fa-mercury:before{content:"\F223"}.fa-intersex:before,.fa-transgender:before{content:"\F224"}.fa-transgender-alt:before{content:"\F225"}.fa-venus-double:before{content:"\F226"}.fa-mars-double:before{content:"\F227"}.fa-venus-mars:before{content:"\F228"}.fa-mars-stroke:before{content:"\F229"}.fa-mars-stroke-v:before{content:"\F22A"}.fa-mars-stroke-h:before{content:"\F22B"}.fa-neuter:before{content:"\F22C"}.fa-genderless:before{content:"\F22D"}.fa-facebook-official:before{content:"\F230"}.fa-pinterest-p:before{content:"\F231"}.fa-whatsapp:before{content:"\F232"}.fa-server:before{content:"\F233"}.fa-user-plus:before{content:"\F234"}.fa-user-times:before{content:"\F235"}.fa-hotel:before,.fa-bed:before{content:"\F236"}.fa-viacoin:before{content:"\F237"}.fa-train:before{content:"\F238"}.fa-subway:before{content:"\F239"}.fa-medium:before{content:"\F23A"}.fa-yc:before,.fa-y-combinator:before{content:"\F23B"}.fa-optin-monster:before{content:"\F23C"}.fa-opencart:before{content:"\F23D"}.fa-expeditedssl:before{content:"\F23E"}.fa-battery-4:before,.fa-battery-full:before{content:"\F240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\F241"}.fa-battery-2:before,.fa-battery-half:before{content:"\F242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\F243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\F244"}.fa-mouse-pointer:before{content:"\F245"}.fa-i-cursor:before{content:"\F246"}.fa-object-group:before{content:"\F247"}.fa-object-ungroup:before{content:"\F248"}.fa-sticky-note:before{content:"\F249"}.fa-sticky-note-o:before{content:"\F24A"}.fa-cc-jcb:before{content:"\F24B"}.fa-cc-diners-club:before{content:"\F24C"}.fa-clone:before{content:"\F24D"}.fa-balance-scale:before{content:"\F24E"}.fa-hourglass-o:before{content:"\F250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\F251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\F252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\F253"}.fa-hourglass:before{content:"\F254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\F255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\F256"}.fa-hand-scissors-o:before{content:"\F257"}.fa-hand-lizard-o:before{content:"\F258"}.fa-hand-spock-o:before{content:"\F259"}.fa-hand-pointer-o:before{content:"\F25A"}.fa-hand-peace-o:before{content:"\F25B"}.fa-trademark:before{content:"\F25C"}.fa-registered:before{content:"\F25D"}.fa-creative-commons:before{content:"\F25E"}.fa-gg:before{content:"\F260"}.fa-gg-circle:before{content:"\F261"}.fa-tripadvisor:before{content:"\F262"}.fa-odnoklassniki:before{content:"\F263"}.fa-odnoklassniki-square:before{content:"\F264"}.fa-get-pocket:before{content:"\F265"}.fa-wikipedia-w:before{content:"\F266"}.fa-safari:before{content:"\F267"}.fa-chrome:before{content:"\F268"}.fa-firefox:before{content:"\F269"}.fa-opera:before{content:"\F26A"}.fa-internet-explorer:before{content:"\F26B"}.fa-tv:before,.fa-television:before{content:"\F26C"}.fa-contao:before{content:"\F26D"}.fa-500px:before{content:"\F26E"}.fa-amazon:before{content:"\F270"}.fa-calendar-plus-o:before{content:"\F271"}.fa-calendar-minus-o:before{content:"\F272"}.fa-calendar-times-o:before{content:"\F273"}.fa-calendar-check-o:before{content:"\F274"}.fa-industry:before{content:"\F275"}.fa-map-pin:before{content:"\F276"}.fa-map-signs:before{content:"\F277"}.fa-map-o:before{content:"\F278"}.fa-map:before{content:"\F279"}.fa-commenting:before{content:"\F27A"}.fa-commenting-o:before{content:"\F27B"}.fa-houzz:before{content:"\F27C"}.fa-vimeo:before{content:"\F27D"}.fa-black-tie:before{content:"\F27E"}.fa-fonticons:before{content:"\F280"}.fa-reddit-alien:before{content:"\F281"}.fa-edge:before{content:"\F282"}.fa-credit-card-alt:before{content:"\F283"}.fa-codiepie:before{content:"\F284"}.fa-modx:before{content:"\F285"}.fa-fort-awesome:before{content:"\F286"}.fa-usb:before{content:"\F287"}.fa-product-hunt:before{content:"\F288"}.fa-mixcloud:before{content:"\F289"}.fa-scribd:before{content:"\F28A"}.fa-pause-circle:before{content:"\F28B"}.fa-pause-circle-o:before{content:"\F28C"}.fa-stop-circle:before{content:"\F28D"}.fa-stop-circle-o:before{content:"\F28E"}.fa-shopping-bag:before{content:"\F290"}.fa-shopping-basket:before{content:"\F291"}.fa-hashtag:before{content:"\F292"}.fa-bluetooth:before{content:"\F293"}.fa-bluetooth-b:before{content:"\F294"}.fa-percent:before{content:"\F295"}
/**
 * selectize.bootstrap3.css (v0.12.2) - Bootstrap 3 Theme
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  box-shadow: inset 0 0 12px 4px #ffffff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
  position: relative;
  padding: 3px 12px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  border-radius: 4px 4px 0 0;
}
.selectize-dropdown-header-close {
  position: absolute;
  right: 12px;
  top: 50%;
  color: #333333;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
  color: #000000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 1px 0 0 0;
  border-left: 1px solid rgba(0, 0, 0, 0);
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: rgba(0, 0, 0, 0);
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: rgba(77, 77, 77, 0);
}
.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 28px;
  top: 6px;
  font-size: 23px;
}
.selectize-control {
  position: relative;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #333333;
  font-family: inherit;
  font-size: inherit;
  line-height: 20px;
  -webkit-font-smoothing: inherit;
}
.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #ffffff;
  cursor: text;
  display: inline-block;
}
.selectize-input {
  border: 1px solid #cccccc;
  padding: 6px 12px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 4px;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 5px 12px 2px;
}
.selectize-input.full {
  background-color: #ffffff;
}
.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input.focus {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.selectize-input.dropdown-active {
  border-radius: 4px 4px 0 0;
}
.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 1px 3px;
  background: #efefef;
  color: #333333;
  border: 0 solid rgba(0, 0, 0, 0);
}
.selectize-control.multi .selectize-input > div.active {
  background: #428bca;
  color: #ffffff;
  border: 0 solid rgba(0, 0, 0, 0);
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #808080;
  background: #ffffff;
  border: 0 solid rgba(77, 77, 77, 0);
}
.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input::after {
  content: ' ';
  display: block;
  clear: left;
}
.selectize-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: #ffffff;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}
.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #ffffff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 4px 4px;
}
.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 3px 12px;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #777777;
  background: #ffffff;
  cursor: default;
}
.selectize-dropdown .active {
  background-color: #f5f5f5;
  color: #262626;
}
.selectize-dropdown .active.create {
  color: #262626;
}
.selectize-dropdown .create {
  color: rgba(51, 51, 51, 0.5);
}
.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 17px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #333333 transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #333333 transparent;
}
.selectize-control.rtl.single .selectize-input:after {
  left: 17px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #ffffff;
}
.selectize-dropdown,
.selectize-dropdown.form-control {
  height: auto;
  padding: 0;
  margin: 2px 0 0 0;
  z-index: 1000;
  background: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.selectize-dropdown .optgroup-header {
  font-size: 12px;
  line-height: 1.42857143;
}
.selectize-dropdown .optgroup:first-child:before {
  display: none;
}
.selectize-dropdown .optgroup:before {
  content: ' ';
  display: block;
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
  margin-left: -12px;
  margin-right: -12px;
}
.selectize-dropdown-content {
  padding: 5px 0;
}
.selectize-dropdown-header {
  padding: 6px 12px;
}
.selectize-input {
  min-height: 34px;
}
.selectize-input.dropdown-active {
  border-radius: 4px;
}
.selectize-input.dropdown-active::before {
  display: none;
}
.selectize-input.focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.has-error .selectize-input {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .selectize-input:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.selectize-control.multi .selectize-input.has-items {
  padding-left: 9px;
  padding-right: 9px;
}
.selectize-control.multi .selectize-input > div {
  border-radius: 3px;
}
.form-control.selectize-control {
  padding: 0;
  height: auto;
  border: none;
  background: none;
  box-shadow: none;
  border-radius: 0;
}
/*! jQuery UI - v1.12.1 - 2016-11-06
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle{touch-action:none}.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;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{-webkit-filter:inherit;filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.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:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.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-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{box-shadow:0 0 5px #666}/*
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#bs/dt-1.10.15/r-2.1.1
 *
 * Included libraries:
 *   DataTables 1.10.15, Responsive 2.1.1
 */

table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important}table.dataTable td,table.dataTable th{box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:75px;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:0.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:8px;white-space:nowrap}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:30px}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{position:absolute;bottom:8px;right:8px;display:block;font-family:'Glyphicons Halflings';opacity:0.5}table.dataTable thead .sorting:after{opacity:0.2;content:"\E150"}table.dataTable thead .sorting_asc:after{content:"\E155"}table.dataTable thead .sorting_desc:after{content:"\E156"}table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{color:#eee}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody>table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody>table>thead .sorting:after,div.dataTables_scrollBody>table>thead .sorting_asc:after,div.dataTables_scrollBody>table>thead .sorting_desc:after{display:none}div.dataTables_scrollBody>table>tbody>tr:first-child>th,div.dataTables_scrollBody>table>tbody>tr:first-child>td{border-top:none}div.dataTables_scrollFoot>table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}}table.dataTable.table-condensed>thead>tr>th{padding-right:20px}table.dataTable.table-condensed .sorting:after,table.dataTable.table-condensed .sorting_asc:after,table.dataTable.table-condensed .sorting_desc:after{top:6px;right:6px}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:0}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{padding-right:0}


table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{top:9px;left:4px;height:14px;width:14px;display:block;position:absolute;color:white;border:2px solid white;border-radius:14px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:center;font-family:'Courier New', Courier, monospace;line-height:14px;content:'+';background-color:#337ab7}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{content:'-';background-color:#d33333}table.dataTable.dtr-inline.collapsed>tbody>tr.child td:before{display:none}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before{top:5px;left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:16px;width:16px;margin-top:-10px;margin-left:-10px;display:block;position:absolute;color:white;border:2px solid white;border-radius:14px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:center;font-family:'Courier New', Courier, monospace;line-height:14px;content:'+';background-color:#337ab7}table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:'-';background-color:#d33333}table.dataTable>tbody>tr.child{padding:0.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details li{border-bottom:1px solid #efefef;padding:0.5em 0}table.dataTable>tbody>tr.child ul.dtr-details li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:0.5em;box-shadow:0 12px 30px rgba(0,0,0,0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0,0,0,0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}div.dtr-bs-modal table.table tr:first-child td{border-top:none}body.stop-scrolling {
  height: 100%;
  overflow: hidden; }

.sweet-overlay {
  background-color: black;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE8 */
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000; }

.sweet-alert {
  background-color: white;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999; }
  @media all and (max-width: 540px) {
    .sweet-alert {
      width: auto;
      margin-left: 0;
      margin-right: 0;
      left: 15px;
      right: 15px; } }
  .sweet-alert h2 {
    color: #575757;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 25px 0;
    padding: 0;
    line-height: 40px;
    display: block; }
  .sweet-alert p {
    color: #797979;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal; }
  .sweet-alert fieldset {
    border: none;
    position: relative; }
  .sweet-alert .sa-error-container {
    background-color: #f1f1f1;
    margin-left: -17px;
    margin-right: -17px;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    webkit-transition: padding 0.15s, max-height 0.15s;
    -webkit-transition: padding 0.15s, max-height 0.15s;
    transition: padding 0.15s, max-height 0.15s; }
    .sweet-alert .sa-error-container.show {
      padding: 10px 0;
      max-height: 100px;
      webkit-transition: padding 0.2s, max-height 0.2s;
      -webkit-transition: padding 0.25s, max-height 0.25s;
      transition: padding 0.25s, max-height 0.25s; }
    .sweet-alert .sa-error-container .icon {
      display: inline-block;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background-color: #ea7d7d;
      color: white;
      line-height: 24px;
      text-align: center;
      margin-right: 3px; }
    .sweet-alert .sa-error-container p {
      display: inline-block; }
  .sweet-alert .sa-input-error {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.1s;
    transition: all 0.1s; }
    .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
      content: "";
      width: 20px;
      height: 6px;
      background-color: #f06e57;
      border-radius: 3px;
      position: absolute;
      top: 50%;
      margin-top: -4px;
      left: 50%;
      margin-left: -9px; }
    .sweet-alert .sa-input-error::before {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .sweet-alert .sa-input-error::after {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .sweet-alert .sa-input-error.show {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
  .sweet-alert input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
    padding: 0 12px;
    display: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .sweet-alert input:focus {
      outline: none;
      box-shadow: 0px 0px 3px #c4e6f5;
      border: 1px solid #b4dbed; }
      .sweet-alert input:focus::-moz-placeholder {
        -moz-transition: opacity 0.3s 0.03s ease;
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus:-ms-input-placeholder {
        -ms-transition: opacity 0.3s 0.03s ease;
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus::-webkit-input-placeholder {
        -webkit-transition: opacity 0.3s 0.03s ease;
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
    .sweet-alert input::-moz-placeholder {
      color: #bdbdbd; }
    .sweet-alert input:-ms-input-placeholder {
      color: #bdbdbd; }
    .sweet-alert input::-webkit-input-placeholder {
      color: #bdbdbd; }
  .sweet-alert.show-input input {
    display: block; }
  .sweet-alert .sa-confirm-button-container {
    display: inline-block;
    position: relative; }
  .sweet-alert .la-ball-fall {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: 4px;
    opacity: 0;
    visibility: hidden; }
  .sweet-alert button {
    background-color: #8CD4F5;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer; }
    .sweet-alert button:focus {
      outline: none;
      box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
    .sweet-alert button:hover {
      background-color: #7ecff4; }
    .sweet-alert button:active {
      background-color: #5dc2f1; }
    .sweet-alert button.cancel {
      background-color: #C1C1C1; }
      .sweet-alert button.cancel:hover {
        background-color: #b9b9b9; }
      .sweet-alert button.cancel:active {
        background-color: #a8a8a8; }
      .sweet-alert button.cancel:focus {
        box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
    .sweet-alert button[disabled] {
      opacity: .6;
      cursor: default; }
    .sweet-alert button.confirm[disabled] {
      color: transparent; }
      .sweet-alert button.confirm[disabled] ~ .la-ball-fall {
        opacity: 1;
        visibility: visible;
        -webkit-transition-delay: 0s;
                transition-delay: 0s; }
    .sweet-alert button::-moz-focus-inner {
      border: 0; }
  .sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important; }
  .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px; }
  .sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box; }
    .sweet-alert .sa-icon.sa-error {
      border-color: #F27474; }
      .sweet-alert .sa-icon.sa-error .sa-x-mark {
        position: relative;
        display: block; }
      .sweet-alert .sa-icon.sa-error .sa-line {
        position: absolute;
        height: 5px;
        width: 47px;
        background-color: #F27474;
        display: block;
        top: 37px;
        border-radius: 2px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          left: 17px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          right: 16px; }
    .sweet-alert .sa-icon.sa-warning {
      border-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-body {
        position: absolute;
        width: 5px;
        height: 47px;
        left: 50%;
        top: 10px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-dot {
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin-left: -3px;
        left: 50%;
        bottom: 10px;
        background-color: #F8BB86; }
    .sweet-alert .sa-icon.sa-info {
      border-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::before {
        content: "";
        position: absolute;
        width: 5px;
        height: 29px;
        left: 50%;
        bottom: 17px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::after {
        content: "";
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin-left: -3px;
        top: 19px;
        background-color: #C9DAE1; }
    .sweet-alert .sa-icon.sa-success {
      border-color: #A5DC86; }
      .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
        content: '';
        border-radius: 40px;
        border-radius: 50%;
        position: absolute;
        width: 60px;
        height: 120px;
        background: white;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .sweet-alert .sa-icon.sa-success::before {
        border-radius: 120px 0 0 120px;
        top: -7px;
        left: -33px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 60px 60px;
        transform-origin: 60px 60px; }
      .sweet-alert .sa-icon.sa-success::after {
        border-radius: 0 120px 120px 0;
        top: -11px;
        left: 30px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0px 60px;
        transform-origin: 0px 60px; }
      .sweet-alert .sa-icon.sa-success .sa-placeholder {
        width: 80px;
        height: 80px;
        border: 4px solid rgba(165, 220, 134, 0.2);
        border-radius: 40px;
        border-radius: 50%;
        box-sizing: content-box;
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 2; }
      .sweet-alert .sa-icon.sa-success .sa-fix {
        width: 5px;
        height: 90px;
        background-color: white;
        position: absolute;
        left: 28px;
        top: 8px;
        z-index: 1;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .sweet-alert .sa-icon.sa-success .sa-line {
        height: 5px;
        background-color: #A5DC86;
        display: block;
        border-radius: 2px;
        position: absolute;
        z-index: 2; }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
          width: 25px;
          left: 14px;
          top: 46px;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
          width: 47px;
          right: 8px;
          top: 38px;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    .sweet-alert .sa-icon.sa-custom {
      background-size: contain;
      border-radius: 0;
      border: none;
      background-position: center center;
      background-repeat: no-repeat; }

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@-webkit-keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

@keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s; }

.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s; }

.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s; }

.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s; }

.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s; }

.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s; }

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s; }

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s; }

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in; }

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s; }

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s; }

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

@keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate; }

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate; }

@-webkit-keyframes rotate-loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes rotate-loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg) \9; }

/* Success icon */
.sweet-alert .sa-icon.sa-success {
  border-color: transparent\9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9; }

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall,
.la-ball-fall > div {
  position: relative;
  box-sizing: border-box; }

.la-ball-fall {
  display: block;
  font-size: 0;
  color: #fff; }

.la-ball-fall.la-dark {
  color: #333; }

.la-ball-fall > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor; }

.la-ball-fall {
  width: 54px;
  height: 18px; }

.la-ball-fall > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-fall 1s ease-in-out infinite;
  animation: ball-fall 1s ease-in-out infinite; }

.la-ball-fall > div:nth-child(1) {
  -webkit-animation-delay: -200ms;
  animation-delay: -200ms; }

.la-ball-fall > div:nth-child(2) {
  -webkit-animation-delay: -100ms;
  animation-delay: -100ms; }

.la-ball-fall > div:nth-child(3) {
  -webkit-animation-delay: 0ms;
  animation-delay: 0ms; }

.la-ball-fall.la-sm {
  width: 26px;
  height: 8px; }

.la-ball-fall.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 2px; }

.la-ball-fall.la-2x {
  width: 108px;
  height: 36px; }

.la-ball-fall.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 8px; }

.la-ball-fall.la-3x {
  width: 162px;
  height: 54px; }

.la-ball-fall.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 12px; }

/*
 * Animation
 */
@-webkit-keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    transform: translateY(145%); } }

@keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    transform: translateY(145%); } }
.snackbar-container{border-radius: 4px; -webkit-transition:all .5s ease; transition:all .5s ease;-webkit-transition-property:top,right,bottom,left,opacity;transition-property:top,right,bottom,left,opacity;font-family:Roboto,sans-serif;font-size:14px;min-height:14px;background-color:#070b0e;position:fixed;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;color:#fff;line-height:22px;padding:18px 24px;bottom:-100px;top:-100px;opacity:0;z-index:9999}.snackbar-container .action{background:inherit;display:inline-block;border:none;font-size:inherit;text-transform:uppercase;color:#4caf50;margin:0 0 0 24px;padding:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;cursor:pointer}@media (min-width:640px){.snackbar-container{min-width:288px;max-width:568px;display:-webkit-inline-box;display:inline-flex;border-radius:2px;margin:24px}}@media (max-width:640px){.snackbar-container{width:100%}}.snackbar-pos.bottom-center{top:auto!important;bottom:0;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.snackbar-pos.bottom-left{top:auto!important;bottom:0;left:0}.snackbar-pos.bottom-right{top:auto!important;bottom:0;right:0}.snackbar-pos.top-left{bottom:auto!important;top:0;left:0}.snackbar-pos.top-center{bottom:auto!important;top:0;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.snackbar-pos.top-right{bottom:auto!important;top:0;right:0}@media (max-width:640px){.snackbar-pos.bottom-center,.snackbar-pos.top-center{left:0;-webkit-transform:none;transform:none}}/*!
 * 
 * Super simple wysiwyg editor v0.8.18
 * https://summernote.org
 * 
 * 
 * Copyright 2013- Alan Hong. and other contributors
 * summernote may be freely distributed under the MIT license.
 * 
 * Date: 2020-05-20T18:09Z
 * 
 */

@font-face {
    font-family: 'Avenir';
    font-weight: 400;
    font-style: normal;
    src: url('webfonts/3398E1_5_0.eot');
    src: url('webfonts/3398E1_5_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3398E1_5_0.woff2') format('woff2'),url('webfonts/3398E1_5_0.woff') format('woff'),url('webfonts/3398E1_5_0.ttf') 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;
    text-rendering:auto;
    text-transform:none;
    vertical-align:middle;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    speak:none
}
.note-icon-fw{
    text-align:center;
    width:1.25em
}
.note-icon-border{
    border:solid .08em #eee;
    border-radius:.1em;padding:.2em .25em .15em
}
.note-icon-pull-left{
    float:left
}
.note-icon-pull-right{
    float:right
}
.note-icon.note-icon-pull-left{
    margin-right:.3em
}
.note-icon.note-icon-pull-right{
    margin-left:.3em
}
.note-icon-align::before{
    content:"\EA01"
}
.note-icon-align-center::before{
    content: url('../img/summernote-icons/align-center-solid.svg');
    width: 12.25px;
    height: 13px;
}
.note-icon-align-indent::before{
    content: url('../img/summernote-icons/indent-solid.svg');
    width: 12.25px;
    height: 13px;
}
.note-icon-align-justify::before{
    content: url('../img/summernote-icons/align-justify-solid.svg');
    width: 12.25px;
    height: 13px;
}
.note-icon-align-left::before{
    content: url('../img/summernote-icons/align-left-solid.svg');
    width: 12.25px;
    height: 13px;
}
.note-icon-float-left::before{
    content: url('../img/summernote-icons/align-left-solid-icon.svg');
    width: 12.25px;
    height: 13px;
    color: white;
}
.note-icon-float-right::before{
    content: url('../img/summernote-icons/align-right-solid-icon.svg');
    width: 12.25px;
    height: 13px;
    color: white;
}
.note-icon-rollback::before{
    content: url('../img/summernote-icons/arrow-rotate-left-solid.svg');
    width: 12.25px;
    height: 13px;
    color: white;
}
.note-icon-trash::before{
    content: url('../img/summernote-icons/trash-can-solid.svg');
    width: 12.25px;
    height: 13px;
    color: white;
}
.note-icon-align-outdent::before{
    content: url('../img/summernote-icons/outdent-solid.svg');
    width: 12.25px;
    height: 13px;
}
.note-icon-align-right::before{
    content: url('../img/summernote-icons/align-right-solid.svg');
    width: 12.25px;
    height: 13px;
}
.note-icon-bold::before{
    content: url('../img/summernote-icons/bold-solid.svg');
    width: 13px;
    height: 16px;
}
.note-icon-caret::before{
    content: url('../img/summernote-icons/caret-down-solid.svg');
    width: 8px;
    height: 11px;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
}
.note-icon-code::before{
    content: url('../img/summernote-icons/code.svg');
    width: 15px;
    height: 16px;
}
.note-icon-italic::before{
    content: url('../img/summernote-icons/italic-solid.svg');
    width: 13px;
    height: 16px;
}
.note-icon-link::before{
    content: url('../img/summernote-icons/link.svg');
    width: 15px;
    height: 16px;
}
.note-icon-picture::before{
    content: url('../img/summernote-icons/image-solid.svg');
    width: 15px;
    height: 15px;
}
.note-icon-chain-broken::before{
    content: url('../img/summernote-icons/link-slash-solid.svg');
    width: 15px;
    height: 8px;
}
.note-icon-magic::before{
    content: url('../img/summernote-icons/wand-magic-sparkles-solid.svg');
    width: 13px;
    height: 13px;
}
.note-icon-orderedlist::before{
    content: url('../img/summernote-icons/list-ol-solid.svg');
    width: 13px;
    height: 16px;
}
.note-icon-redo::before{
    content: url('../img/summernote-icons/redo.svg');
    width: 12.25px;
    height: 18px;
}
.note-icon-undo::before{
    content: url('../img/summernote-icons/undo.svg');
    width: 12.25px;
    height: 18px;
}
.note-icon-unorderedlist::before{
    content: url('../img/summernote-icons/list-solid.svg');
    width: 13px;
    height: 16px;
}
.note-editor{
    position:relative
}
.note-editor .note-dropzone{
    position:absolute;
    display:none;
    z-index:100;
    color:#87cefa;
    background-color:#fff;
    opacity:.95
}
.note-editor .note-dropzone .note-dropzone-message{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    font-size:28px;
    font-weight:700
}
.note-editor .note-dropzone.hover{
    color:#098ddf
}
.note-editor.dragover .note-dropzone{
    display:table
}
.note-editor .note-editing-area{
    position:relative
}
.note-editor .note-editing-area .note-editable{
    outline:none
}
.note-editor .note-editing-area .note-editable sup{
    vertical-align:super
}
.note-editor .note-editing-area .note-editable sub{
    vertical-align:sub
}
.note-editor .note-editing-area .note-editable img.note-float-left{
    margin-right:10px
}
.note-editor .note-editing-area .note-editable img.note-float-right{
    margin-left:10px
}
.note-editor.note-frame,.note-editor.note-airframe{
    border:1px solid #00000032
}
.note-editor.note-frame.codeview .note-editing-area .note-editable,
.note-editor.note-airframe.codeview .note-editing-area .note-editable{
    display:none
}
.note-editor.note-frame.codeview .note-editing-area .note-codable,
.note-editor.note-airframe.codeview .note-editing-area .note-codable{
    display:block
}
.note-editor.note-frame .note-editing-area,
.note-editor.note-airframe .note-editing-area{
    overflow:hidden
}
.note-editor.note-frame .note-editing-area .note-editable,
.note-editor.note-airframe .note-editing-area .note-editable{
    padding:10px;
    overflow:auto;
    word-wrap:break-word
}
.note-editor.note-frame .note-editing-area .note-editable[contenteditable=false],
.note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false]{
    background-color:#8080801d
}
.note-editor.note-frame .note-editing-area .note-codable,
.note-editor.note-airframe .note-editing-area .note-codable{
    display:none;
    width:100%;
    padding:10px;
    border:none;
    box-shadow:none;
    font-family:Menlo,Monaco,monospace,sans-serif;
    font-size:14px;
    color:#ccc;
    background-color:#222;
    resize:none;
    outline:none;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    border-radius:0;
    margin-bottom:0
}
.note-editor.note-frame.fullscreen,
.note-editor.note-airframe.fullscreen{
    position:fixed;
    top:0;
    left:0;
    width:100% !important;
    z-index:1050
}
.note-editor.note-frame.fullscreen .note-resizebar,
.note-editor.note-airframe.fullscreen .note-resizebar{
    display:none
}
.note-editor.note-frame .note-status-output,
.note-editor.note-airframe .note-status-output{
    display:block;
    width:100%;
    font-size:14px;
    line-height:1.42857143;
    height:20px;
    margin-bottom:0;
    color:#000;
    border:0;
    border-top:1px solid #e2e2e2
}
.note-editor.note-frame .note-status-output:empty,
.note-editor.note-airframe .note-status-output:empty{
    height:0;
    border-top:0 solid transparent
}
.note-editor.note-frame .note-status-output .pull-right,
.note-editor.note-airframe .note-status-output .pull-right{
    float:right !important
}
.note-editor.note-frame .note-status-output .text-muted,
.note-editor.note-airframe .note-status-output .text-muted{
    color:#777
}
.note-editor.note-frame .note-status-output .text-primary,
.note-editor.note-airframe .note-status-output .text-primary{
    color:#286090
}
.note-editor.note-frame .note-status-output .text-success,
.note-editor.note-airframe .note-status-output .text-success{
    color:#3c763d
}
.note-editor.note-frame .note-status-output .text-info,
.note-editor.note-airframe .note-status-output .text-info{
    color:#31708f
}
.note-editor.note-frame .note-status-output .text-warning,
.note-editor.note-airframe .note-status-output .text-warning{
    color:#8a6d3b
}
.note-editor.note-frame .note-status-output .text-danger,
.note-editor.note-airframe .note-status-output .text-danger{
    color:#a94442
}
.note-editor.note-frame .note-status-output .alert,.note-editor.note-airframe .note-status-output .alert{
    margin:-7px 0 0 0;
    padding:7px 10px 2px 10px;border-radius:0;
    color:#000;
    background-color:#f5f5f5
}
.note-editor.note-frame .note-status-output .alert .note-icon,
.note-editor.note-airframe .note-status-output .alert .note-icon{
    margin-right:5px
}
.note-editor.note-frame .note-status-output .alert-success,
.note-editor.note-airframe .note-status-output .alert-success{
    color:#3c763d !important;
    background-color:#dff0d8 !important
}
.note-editor.note-frame .note-status-output .alert-info,
.note-editor.note-airframe .note-status-output .alert-info{
    color:#31708f !important;
    background-color:#d9edf7 !important
}
.note-editor.note-frame .note-status-output .alert-warning,
.note-editor.note-airframe .note-status-output .alert-warning{
    color:#8a6d3b !important;
    background-color:#fcf8e3 !important
}
.note-editor.note-frame .note-status-output .alert-danger,
.note-editor.note-airframe .note-status-output .alert-danger{
    color:#a94442 !important;
    background-color:#f2dede !important
}
.note-editor.note-frame .note-statusbar,
.note-editor.note-airframe .note-statusbar{
    background-color:#8080801d;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    border-top:1px solid #00000032
}
.note-editor.note-frame .note-statusbar .note-resizebar,
.note-editor.note-airframe .note-statusbar .note-resizebar{
    padding-top:1px;
    height:9px;
    width:100%;
    cursor:ns-resize
}
.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar,
.note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar{
    width:20px;
    margin:1px auto;
    border-top:1px solid #00000032
}
.note-editor.note-frame .note-statusbar.locked .note-resizebar,
.note-editor.note-airframe .note-statusbar.locked .note-resizebar{
    cursor:default
}
.note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar,
.note-editor.note-airframe .note-statusbar.locked .note-resizebar .note-icon-bar{
    display:none
}
.note-editor.note-frame .note-placeholder,.note-editor.note-airframe .note-placeholder{
    padding:10px
}
.note-editor.note-airframe{
    border:0
}
.note-editor.note-airframe .note-editing-area .note-editable{
    padding:0
}
.note-popover.popover{
    display:none;
    max-width:none
}
.note-popover.popover .popover-content a{
    display:inline-block;
    max-width:200px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    vertical-align:middle
}
.note-popover.popover .arrow{
    left:20px !important
}
.note-toolbar{
    position:relative
}
.note-popover .popover-content,
.note-editor .note-toolbar{
    margin:0;
    padding:0 0 5px 5px
}
.note-popover .popover-content>.note-btn-group,
.note-editor .note-toolbar>.note-btn-group{
    margin-top:5px;
    margin-left:0;
    margin-right:5px
}
.note-popover .popover-content .note-btn-group .note-table,
.note-editor .note-toolbar .note-btn-group .note-table{
    min-width:0;
    padding:5px
}
.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker,
.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker{
    font-size:18px
}
.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,
.note-editor .note-toolbar .note-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 .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,
.note-editor .note-toolbar .note-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 .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,
.note-editor .note-toolbar .note-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 .popover-content .note-style .dropdown-style blockquote,
.note-popover .popover-content .note-style .dropdown-style pre,
.note-editor .note-toolbar .note-style .dropdown-style blockquote,
.note-editor .note-toolbar .note-style .dropdown-style pre{
    margin:0;padding:5px 10px
}
.note-popover .popover-content .note-style .dropdown-style h1,
.note-popover .popover-content .note-style .dropdown-style h2,
.note-popover .popover-content .note-style .dropdown-style h3,
.note-popover .popover-content .note-style .dropdown-style h4,
.note-popover .popover-content .note-style .dropdown-style h5,
.note-popover .popover-content .note-style .dropdown-style h6,
.note-popover .popover-content .note-style .dropdown-style p,
.note-editor .note-toolbar .note-style .dropdown-style h1,
.note-editor .note-toolbar .note-style .dropdown-style h2,
.note-editor .note-toolbar .note-style .dropdown-style h3,
.note-editor .note-toolbar .note-style .dropdown-style h4,
.note-editor .note-toolbar .note-style .dropdown-style h5,
.note-editor .note-toolbar .note-style .dropdown-style h6,
.note-editor .note-toolbar .note-style .dropdown-style p{
    margin:0;
    padding:0
}
.note-popover .popover-content .note-color-all .note-dropdown-menu,
.note-editor .note-toolbar .note-color-all .note-dropdown-menu{
    min-width:337px
}
.note-popover .popover-content .note-color .dropdown-toggle,
.note-editor .note-toolbar .note-color .dropdown-toggle{
    width:20px;
    padding-left:5px
}
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette{
    display:inline-block;
    margin:0;
    width:160px
}
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child{
    margin:0 5px
}
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title{
    font-size:12px;
    margin:2px 7px;
    text-align:center;
    border-bottom:1px solid #eee
}
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset,
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select{
    font-size:11px;
    margin:3px;
    padding:0 3px;
    cursor:pointer;
    width:100%;
    border-radius:5px
}
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover{
    background:#eee
}
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row{
    height:20px
}
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select-btn,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select-btn{
    display:none
}
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn{
    border:1px solid #eee
}
.note-popover .popover-content .note-para .note-dropdown-menu,
.note-editor .note-toolbar .note-para .note-dropdown-menu{
    min-width:228px;
    padding:5px
}
.note-popover .popover-content .note-para .note-dropdown-menu>div+div,
.note-editor .note-toolbar .note-para .note-dropdown-menu>div+div{
    margin-left:5px
}
.note-popover .popover-content .note-dropdown-menu,
.note-editor .note-toolbar .note-dropdown-menu{
    min-width:160px
}
.note-popover .popover-content .note-dropdown-menu.right,
.note-editor .note-toolbar .note-dropdown-menu.right{
    right:0;
    left:auto
}
.note-popover .popover-content .note-dropdown-menu.right::before,
.note-editor .note-toolbar .note-dropdown-menu.right::before{
    right:9px;
    left:auto !important
}
.note-popover .popover-content .note-dropdown-menu.right::after,
.note-editor .note-toolbar .note-dropdown-menu.right::after{
    right:10px;
    left:auto !important
}
.note-popover .popover-content .note-dropdown-menu.note-check a i,
.note-editor .note-toolbar .note-dropdown-menu.note-check a i{
    color:#00bfff;visibility:hidden
}
.note-popover .popover-content .note-dropdown-menu.note-check a.checked i,
.note-editor .note-toolbar .note-dropdown-menu.note-check a.checked i{
    visibility:visible
}
.note-popover .popover-content .note-fontsize-10,
.note-editor .note-toolbar .note-fontsize-10{
    font-size:10px
}
.note-popover .popover-content .note-color-palette,
.note-editor .note-toolbar .note-color-palette{
    line-height:1
}
.note-popover .popover-content .note-color-palette div .note-color-btn,
.note-editor .note-toolbar .note-color-palette div .note-color-btn{
    width:20px;
    height:20px;
    padding:0;
    margin:0;
    border:0;
    border-radius:0
}
.note-popover .popover-content .note-color-palette div .note-color-btn:hover,
.note-editor .note-toolbar .note-color-palette div .note-color-btn:hover{
    -webkit-transform:scale(1.2);
            transform:scale(1.2);
    -webkit-transition:all .2s;
    transition:all .2s
}
.note-modal .modal-dialog{
    outline:0;
    border-radius:5px;
    box-shadow:0 3px 9px rgba(0,0,0,.5)
}
.note-modal .form-group{
    margin-left:0;
    margin-right:0
}
.note-modal .note-modal-form{
    margin:0
}
.note-modal .note-image-dialog .note-dropzone{
    min-height:100px;
    font-size:30px;
    line-height:4;
    color:#d3d3d3;
    text-align:center;
    border:4px dashed #d3d3d3;
    margin-bottom:10px
}
@-moz-document url-prefix(){
    .note-modal .note-image-input{
        height:auto
    }
}
.note-placeholder{
    position:absolute;
    display:none;
    color:gray
}
.note-handle .note-control-selection{
    position:absolute;
    display:none;
    border:1px solid #000
}
.note-handle .note-control-selection>div{
    position:absolute
}
.note-handle .note-control-selection .note-control-selection-bg{
    width:100%;
    height:100%;
    background-color:#000;
    -webkit-opacity:.3;
    -khtml-opacity:.3;
    -moz-opacity:.3;
    opacity:.3;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    filter:alpha(opacity=30)
}
.note-handle .note-control-selection .note-control-handle,
.note-handle .note-control-selection .note-control-sizing,
.note-handle .note-control-selection .note-control-holder{
    width:7px;
    height:7px;
    border:1px solid #000
}
.note-handle .note-control-selection .note-control-sizing{
    background-color:#000
}
.note-handle .note-control-selection .note-control-nw{
    top:-5px;
    left:-5px;
    border-right:none;
    border-bottom:none
}
.note-handle .note-control-selection .note-control-ne{
    top:-5px;
    right:-5px;
    border-bottom:none;
    border-left:none
}
.note-handle .note-control-selection .note-control-sw{
    bottom:-5px;
    left:-5px;
    border-top:none;
    border-right:none
}
.note-handle .note-control-selection .note-control-se{
    right:-5px;
    bottom:-5px;
    cursor:se-resize
}
.note-handle .note-control-selection .note-control-se.note-control-holder{
    cursor:default;
    border-top:none;
    border-left:none
}
.note-handle .note-control-selection .note-control-selection-info{
    right:0;
    bottom:0;
    padding:5px;
    margin:5px;
    color:#fff;
    background-color:#000;
    font-size:12px;
    border-radius:5px;
    -webkit-opacity:.7;
    -khtml-opacity:.7;
    -moz-opacity:.7;
    opacity:.7;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    filter:alpha(opacity=70)
}
.note-hint-popover{
    min-width:100px;
    padding:2px
}
.note-hint-popover .popover-content{
    padding:3px;
    max-height:150px;
    overflow:auto
}
.note-hint-popover .popover-content .note-hint-group .note-hint-item{
    display:block !important;
    padding:3px
}
.note-hint-popover .popover-content .note-hint-group .note-hint-item.active,
.note-hint-popover .popover-content .note-hint-group .note-hint-item:hover{
    display:block;
    clear:both;
    font-weight:400;
    line-height:1.4;
    color:#fff;
    white-space:nowrap;
    text-decoration:none;
    background-color:#428bca;
    outline:0;
    cursor:pointer
}



/*these icons are not used at the moment of changing to summernote from tinymce*/
/*if in the future these features of the html editor are added,*/
/*the corresponding icons should be found, downloaded, put together with rest of the summernote icons, and the styles edited*/
/*the icons can be found either here https://github.com/summernote/summernote/tree/develop/src/font/icons*/
/*or here https://fontawesome.com/*/

/*.note-icon-arrow-circle-down::before{*/
/*    content:""*/
/*}*/
/*.note-icon-arrow-circle-left::before{*/
/*    content:""*/
/*}*/
/*.note-icon-arrow-circle-right::before{*/
/*    content:""*/
/*}*/
/*.note-icon-arrow-circle-up::before{*/
/*    content:""*/
/*}*/
/*.note-icon-arrows-alt::before{*/
/*    content:""*/
/*}*/
/*.note-icon-arrows-h::before{*/
/*    content:""*/
/*}*/
/*.note-icon-arrows-v::before{*/
/*    content:""*/
/*}*/
/*.note-icon-chain-broken::before{*/
/*    content:""*/
/*}*/
/*.note-icon-circle::before{*/
/*    content:""*/
/*}*/
/*.note-icon-close::before{*/
/*    content:""*/
/*}*/
/*.note-icon-col-after::before{*/
/*    content:""*/
/*}*/
/*.note-icon-col-before::before{*/
/*    content:""*/
/*}*/
/*.note-icon-col-remove::before{*/
/*    content:""*/
/*}*/
/*.note-icon-eraser::before{*/
/*    content:""*/
/*}*/
/*.note-icon-float-left::before{*/
/*    content:""*/
/*}*/
/*.note-icon-float-none::before{*/
/*    content:""*/
/*}*/
/*.note-icon-float-right::before{*/
/*    content:""*/
/*}*/
/*.note-icon-font::before{*/
/*    content:""*/
/*}*/
/*.note-icon-frame::before{*/
/*    content:""*/
/*}*/
/*.note-icon-menu-check::before{*/
/*    content:""*/
/*}*/
/*.note-icon-minus::before{*/
/*    content:""*/
/*}*/
/*.note-icon-pencil::before{*/
/*    content:""*/
/*}*/
/*.note-icon-picture::before{*/
/*    content:""*/
/*}*/
/*.note-icon-question::before{*/
/*    content:""*/
/*}*/
/*.note-icon-rollback::before{*/
/*    content:""*/
/*}*/
/*.note-icon-row-above::before{*/
/*    content:""*/
/*}*/
/*.note-icon-row-below::before{*/
/*    content:""*/
/*}*/
/*.note-icon-row-remove::before{*/
/*    content:""*/
/*}*/
/*.note-icon-special-character::before{*/
/*    content:""*/
/*}*/
/*.note-icon-square::before{*/
/*    content:""*/
/*}*/
/*.note-icon-strikethrough::before{*/
/*    content:""*/
/*}*/
/*.note-icon-subscript::before{*/
/*    content:""*/
/*}*/
/*.note-icon-summernote::before{*/
/*    content:""*/
/*}*/
/*.note-icon-superscript::before{*/
/*    content:""*/
/*}*/
/*.note-icon-table::before{*/
/*    content:""*/
/*}*/
/*.note-icon-text-height::before{*/
/*    content:""*/
/*}*/
/*.note-icon-trash::before{*/
/*    content:""*/
/*}*/
/*.note-icon-underline::before{*/
/*    content:""*/
/*}*/
/*.note-icon-video::before{*/
/*    content:""*/
/*}*/@charset "UTF-8";
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
*:before,
*:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  a,
a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  a[href^="#"]:after,
a[href^="javascript:"]:after {
    content: "";
  }

  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }

  .navbar {
    display: none;
  }

  .btn > .caret,
.dropup > .btn > .caret {
    border-top-color: #000 !important;
  }

  .label {
    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 #ddd !important;
  }
}
@font-face {
  font-family: "Glyphicons Halflings";
  src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot");
  src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/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: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
  content: "*";
}

.glyphicon-plus:before {
  content: "+";
}

.glyphicon-euro:before,
.glyphicon-eur: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-lock:before {
  content: "\E033";
}

.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-bookmark:before {
  content: "\E044";
}

.glyphicon-print:before {
  content: "\E045";
}

.glyphicon-camera:before {
  content: "\E046";
}

.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-fire:before {
  content: "\E104";
}

.glyphicon-eye-open:before {
  content: "\E105";
}

.glyphicon-eye-close:before {
  content: "\E106";
}

.glyphicon-warning-sign:before {
  content: "\E107";
}

.glyphicon-plane:before {
  content: "\E108";
}

.glyphicon-calendar:before {
  content: "\E109";
}

.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-bell:before {
  content: "\E123";
}

.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-wrench:before {
  content: "\E136";
}

.glyphicon-tasks:before {
  content: "\E137";
}

.glyphicon-filter:before {
  content: "\E138";
}

.glyphicon-briefcase:before {
  content: "\E139";
}

.glyphicon-fullscreen:before {
  content: "\E140";
}

.glyphicon-dashboard:before {
  content: "\E141";
}

.glyphicon-paperclip:before {
  content: "\E142";
}

.glyphicon-heart-empty:before {
  content: "\E143";
}

.glyphicon-link:before {
  content: "\E144";
}

.glyphicon-phone:before {
  content: "\E145";
}

.glyphicon-pushpin:before {
  content: "\E146";
}

.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-cd:before {
  content: "\E201";
}

.glyphicon-save-file:before {
  content: "\E202";
}

.glyphicon-open-file:before {
  content: "\E203";
}

.glyphicon-level-up:before {
  content: "\E204";
}

.glyphicon-copy:before {
  content: "\E205";
}

.glyphicon-paste:before {
  content: "\E206";
}

.glyphicon-alert:before {
  content: "\E209";
}

.glyphicon-equalizer:before {
  content: "\E210";
}

.glyphicon-king:before {
  content: "\E211";
}

.glyphicon-queen:before {
  content: "\E212";
}

.glyphicon-pawn:before {
  content: "\E213";
}

.glyphicon-bishop:before {
  content: "\E214";
}

.glyphicon-knight:before {
  content: "\E215";
}

.glyphicon-baby-formula:before {
  content: "\E216";
}

.glyphicon-tent:before {
  content: "\26FA";
}

.glyphicon-blackboard:before {
  content: "\E218";
}

.glyphicon-bed:before {
  content: "\E219";
}

.glyphicon-apple:before {
  content: "\F8FF";
}

.glyphicon-erase:before {
  content: "\E221";
}

.glyphicon-hourglass:before {
  content: "\231B";
}

.glyphicon-lamp:before {
  content: "\E223";
}

.glyphicon-duplicate:before {
  content: "\E224";
}

.glyphicon-piggy-bank:before {
  content: "\E225";
}

.glyphicon-scissors:before {
  content: "\E226";
}

.glyphicon-bitcoin:before {
  content: "\E227";
}

.glyphicon-btc:before {
  content: "\E227";
}

.glyphicon-xbt:before {
  content: "\E227";
}

.glyphicon-yen:before {
  content: "\A5";
}

.glyphicon-jpy:before {
  content: "\A5";
}

.glyphicon-ruble:before {
  content: "\20BD";
}

.glyphicon-rub:before {
  content: "\20BD";
}

.glyphicon-scale:before {
  content: "\E230";
}

.glyphicon-ice-lolly:before {
  content: "\E231";
}

.glyphicon-ice-lolly-tasted:before {
  content: "\E232";
}

.glyphicon-education:before {
  content: "\E233";
}

.glyphicon-option-horizontal:before {
  content: "\E234";
}

.glyphicon-option-vertical:before {
  content: "\E235";
}

.glyphicon-menu-hamburger:before {
  content: "\E236";
}

.glyphicon-modal-window:before {
  content: "\E237";
}

.glyphicon-oil:before {
  content: "\E238";
}

.glyphicon-grain:before {
  content: "\E239";
}

.glyphicon-sunglasses:before {
  content: "\E240";
}

.glyphicon-text-size:before {
  content: "\E241";
}

.glyphicon-text-color:before {
  content: "\E242";
}

.glyphicon-text-background:before {
  content: "\E243";
}

.glyphicon-object-align-top:before {
  content: "\E244";
}

.glyphicon-object-align-bottom:before {
  content: "\E245";
}

.glyphicon-object-align-horizontal:before {
  content: "\E246";
}

.glyphicon-object-align-left:before {
  content: "\E247";
}

.glyphicon-object-align-vertical:before {
  content: "\E248";
}

.glyphicon-object-align-right:before {
  content: "\E249";
}

.glyphicon-triangle-right:before {
  content: "\E250";
}

.glyphicon-triangle-left:before {
  content: "\E251";
}

.glyphicon-triangle-bottom:before {
  content: "\E252";
}

.glyphicon-triangle-top:before {
  content: "\E253";
}

.glyphicon-console:before {
  content: "\E254";
}

.glyphicon-superscript:before {
  content: "\E255";
}

.glyphicon-subscript:before {
  content: "\E256";
}

.glyphicon-menu-left:before {
  content: "\E257";
}

.glyphicon-menu-right:before {
  content: "\E258";
}

.glyphicon-menu-down:before {
  content: "\E259";
}

.glyphicon-menu-up:before {
  content: "\E260";
}

* {
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #fff;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #337ab7;
  text-decoration: none;
}
a:hover, a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role=button] {
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
  font-weight: 400;
  line-height: 1;
  color: #777777;
}

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
  font-size: 65%;
}

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
  font-size: 75%;
}

h1, .h1 {
  font-size: 36px;
}

h2, .h2 {
  font-size: 30px;
}

h3, .h3 {
  font-size: 24px;
}

h4, .h4 {
  font-size: 18px;
}

h5, .h5 {
  font-size: 14px;
}

h6, .h6 {
  font-size: 12px;
}

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}

small,
.small {
  font-size: 85%;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.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, .initialism {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  color: #777777;
}

.text-primary {
  color: #337ab7;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}

.text-success {
  color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}

.text-info {
  color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
  color: #245269;
}

.text-warning {
  color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}

.text-danger {
  color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}

.bg-primary {
  color: #fff;
}

.bg-primary {
  background-color: #337ab7;
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}

.bg-success {
  background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}

.bg-warning {
  background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}

.bg-danger {
  background-color: #f2dede;
}

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 1.428571429;
}

dt {
  font-weight: 700;
}

dd {
  margin-left: 0;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
  display: table;
  content: " ";
}
.dl-horizontal dd:after {
  clear: both;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
}

.initialism {
  font-size: 90%;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.428571429;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: "\2014\A0";
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: "";
}
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: "\A0\2014";
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.428571429;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
  box-shadow: none;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #333333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container:before, .container:after {
  display: table;
  content: " ";
}
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container-fluid:before, .container-fluid:after {
  display: table;
  content: " ";
}
.container-fluid:after {
  clear: both;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row:before, .row:after {
  display: table;
  content: " ";
}
.row:after {
  clear: both;
}

.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row-no-gutters [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.3333333333%;
}

.col-xs-2 {
  width: 16.6666666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.3333333333%;
}

.col-xs-5 {
  width: 41.6666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.3333333333%;
}

.col-xs-8 {
  width: 66.6666666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.3333333333%;
}

.col-xs-11 {
  width: 91.6666666667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .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 {
    float: left;
  }

  .col-sm-1 {
    width: 8.3333333333%;
  }

  .col-sm-2 {
    width: 16.6666666667%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.3333333333%;
  }

  .col-sm-5 {
    width: 41.6666666667%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.3333333333%;
  }

  .col-sm-8 {
    width: 66.6666666667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.3333333333%;
  }

  .col-sm-11 {
    width: 91.6666666667%;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-pull-1 {
    right: 8.3333333333%;
  }

  .col-sm-pull-2 {
    right: 16.6666666667%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-4 {
    right: 33.3333333333%;
  }

  .col-sm-pull-5 {
    right: 41.6666666667%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-7 {
    right: 58.3333333333%;
  }

  .col-sm-pull-8 {
    right: 66.6666666667%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-10 {
    right: 83.3333333333%;
  }

  .col-sm-pull-11 {
    right: 91.6666666667%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-push-1 {
    left: 8.3333333333%;
  }

  .col-sm-push-2 {
    left: 16.6666666667%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-4 {
    left: 33.3333333333%;
  }

  .col-sm-push-5 {
    left: 41.6666666667%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-7 {
    left: 58.3333333333%;
  }

  .col-sm-push-8 {
    left: 66.6666666667%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-10 {
    left: 83.3333333333%;
  }

  .col-sm-push-11 {
    left: 91.6666666667%;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }

  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .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 {
    float: left;
  }

  .col-md-1 {
    width: 8.3333333333%;
  }

  .col-md-2 {
    width: 16.6666666667%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.3333333333%;
  }

  .col-md-5 {
    width: 41.6666666667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.3333333333%;
  }

  .col-md-8 {
    width: 66.6666666667%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.3333333333%;
  }

  .col-md-11 {
    width: 91.6666666667%;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-pull-1 {
    right: 8.3333333333%;
  }

  .col-md-pull-2 {
    right: 16.6666666667%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-4 {
    right: 33.3333333333%;
  }

  .col-md-pull-5 {
    right: 41.6666666667%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-7 {
    right: 58.3333333333%;
  }

  .col-md-pull-8 {
    right: 66.6666666667%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-10 {
    right: 83.3333333333%;
  }

  .col-md-pull-11 {
    right: 91.6666666667%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-push-1 {
    left: 8.3333333333%;
  }

  .col-md-push-2 {
    left: 16.6666666667%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-4 {
    left: 33.3333333333%;
  }

  .col-md-push-5 {
    left: 41.6666666667%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-7 {
    left: 58.3333333333%;
  }

  .col-md-push-8 {
    left: 66.6666666667%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-10 {
    left: 83.3333333333%;
  }

  .col-md-push-11 {
    left: 91.6666666667%;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }

  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .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 {
    float: left;
  }

  .col-lg-1 {
    width: 8.3333333333%;
  }

  .col-lg-2 {
    width: 16.6666666667%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.3333333333%;
  }

  .col-lg-5 {
    width: 41.6666666667%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7 {
    width: 58.3333333333%;
  }

  .col-lg-8 {
    width: 66.6666666667%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-10 {
    width: 83.3333333333%;
  }

  .col-lg-11 {
    width: 91.6666666667%;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-pull-1 {
    right: 8.3333333333%;
  }

  .col-lg-pull-2 {
    right: 16.6666666667%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-4 {
    right: 33.3333333333%;
  }

  .col-lg-pull-5 {
    right: 41.6666666667%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-7 {
    right: 58.3333333333%;
  }

  .col-lg-pull-8 {
    right: 66.6666666667%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-10 {
    right: 83.3333333333%;
  }

  .col-lg-pull-11 {
    right: 91.6666666667%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-push-1 {
    left: 8.3333333333%;
  }

  .col-lg-push-2 {
    left: 16.6666666667%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-4 {
    left: 33.3333333333%;
  }

  .col-lg-push-5 {
    left: 41.6666666667%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-7 {
    left: 58.3333333333%;
  }

  .col-lg-push-8 {
    left: 66.6666666667%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-10 {
    left: 83.3333333333%;
  }

  .col-lg-push-11 {
    left: 91.6666666667%;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }

  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
table {
  background-color: transparent;
}
table col[class*=col-] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*=col-],
table th[class*=col-] {
  position: static;
  display: table-cell;
  float: none;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.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: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}

.table > thead > tr > td.active,
.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.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, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}

.table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > th,
.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 > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > th: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 > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

input[type=search] {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

input[type=radio],
input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  line-height: normal;
}
input[type=radio][disabled], input[type=radio].disabled, fieldset[disabled] input[type=radio],
input[type=checkbox][disabled],
input[type=checkbox].disabled,
fieldset[disabled] input[type=checkbox] {
  cursor: not-allowed;
}

input[type=file] {
  display: block;
}

input[type=range] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled], fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
    line-height: 34px;
  }
  input[type=date].input-sm,
.input-group-sm > .input-group-btn > input[type=date].btn, .input-group-sm input[type=date],
input[type=time].input-sm,
.input-group-sm > .input-group-btn > input[type=time].btn,
.input-group-sm input[type=time],
input[type=datetime-local].input-sm,
.input-group-sm > .input-group-btn > input[type=datetime-local].btn,
.input-group-sm input[type=datetime-local],
input[type=month].input-sm,
.input-group-sm > .input-group-btn > input[type=month].btn,
.input-group-sm input[type=month] {
    line-height: 30px;
  }
  input[type=date].input-lg,
.input-group-lg > .input-group-btn > input[type=date].btn, .input-group-lg input[type=date],
input[type=time].input-lg,
.input-group-lg > .input-group-btn > input[type=time].btn,
.input-group-lg input[type=time],
input[type=datetime-local].input-lg,
.input-group-lg > .input-group-btn > input[type=datetime-local].btn,
.input-group-lg input[type=datetime-local],
input[type=month].input-lg,
.input-group-lg > .input-group-btn > input[type=month].btn,
.input-group-lg input[type=month] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio.disabled label, fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-top: 4px \9 ;
  margin-left: -20px;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline.disabled, fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn {
  padding-right: 0;
  padding-left: 0;
}

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 46px;
  line-height: 46px;
}

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
  height: auto;
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
.form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
.form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type=radio],
.form-inline .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  display: table;
  content: " ";
}
.form-horizontal .form-group:after {
  clear: both;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover, .btn:focus, .btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active, .btn.active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  box-shadow: none;
}

a.btn.disabled, fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus, .btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #adadad;
}
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #286090;
  background-image: none;
  border-color: #204d74;
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  background-image: none;
  border-color: #398439;
}
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  background-image: none;
  border-color: #269abc;
}
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  background-image: none;
  border-color: #d58512;
}
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  background-image: none;
  border-color: #ac2925;
}
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.btn-link {
  font-weight: 400;
  color: #337ab7;
  border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}
.btn-link:hover, .btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}

.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;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9 ;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.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;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #777777;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9 ;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar:before, .btn-toolbar:after {
  display: table;
  content: " ";
}
.btn-toolbar:after {
  clear: both;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  display: table;
  content: " ";
}
.btn-group-vertical > .btn-group:after {
  clear: both;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.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(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

[data-toggle=buttons] > .btn input[type=radio],
[data-toggle=buttons] > .btn input[type=checkbox],
[data-toggle=buttons] > .btn-group > .btn input[type=radio],
[data-toggle=buttons] > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type=radio],
.input-group-addon input[type=checkbox] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav:before, .nav:after {
  display: table;
  content: " ";
}
.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: #777777;
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #337ab7;
}
.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 #ddd;
}
.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 #ddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.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: #fff;
  background-color: #337ab7;
}

.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified, .nav-tabs.nav-justified {
  width: 100%;
}
.nav-justified > li, .nav-tabs.nav-justified > li {
  float: none;
}
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
.navbar:before, .navbar:after {
  display: table;
  content: " ";
}
.navbar:after {
  clear: both;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}

.navbar-header:before, .navbar-header:after {
  display: table;
  content: " ";
}
.navbar-header:after {
  clear: both;
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}

.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse:before, .navbar-collapse:after {
  display: table;
  content: " ";
}
.navbar-collapse:after {
  clear: both;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
@media (min-width: 768px) {
  .navbar-fixed-top,
.navbar-fixed-bottom {
    border-radius: 0;
  }
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}

.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-right: 15px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}

.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.navbar-form {
  padding: 10px 15px;
  margin-right: -15px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
.navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
.navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type=radio],
.navbar-form .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    box-shadow: none;
  }
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}

@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }

  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}

.navbar-inverse {
  background-color: #222;
  border-color: #090909;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #090909;
}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #090909;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\A0";
}
.breadcrumb > .active {
  color: #777777;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-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 > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager:before, .pager:after {
  display: table;
  content: " ";
}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  cursor: not-allowed;
  background-color: #fff;
}

.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label-default {
  background-color: #777777;
}
.label-default[href]:hover, .label-default[href]:focus {
  background-color: #5e5e5e;
}

.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #286090;
}

.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover, .label-success[href]:focus {
  background-color: #449d44;
}

.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover, .label-info[href]:focus {
  background-color: #31b0d5;
}

.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: #ec971f;
}

.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: #c9302c;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge, .btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron, .container-fluid .jumbotron {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron, .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1,
.jumbotron .h1 {
    font-size: 63px;
  }
}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}
.thumbnail .caption {
  padding: 9px;
  color: #333333;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.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: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  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);
}

.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  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);
}

.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  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);
}

.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  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);
}

.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}

.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}

.media-body {
  width: 10000px;
}

.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}

.media-right,
.media > .pull-right {
  padding-left: 10px;
}

.media-left,
.media > .pull-left {
  padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

.media-middle {
  vertical-align: middle;
}

.media-bottom {
  vertical-align: bottom;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  color: #777777;
  cursor: not-allowed;
  background-color: #eeeeee;
}
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}

a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover, a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}

button.list-group-item {
  width: 100%;
  text-align: left;
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover, a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover, a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover, a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover, a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
}
.panel-body:before, .panel-body:after {
  display: table;
  content: " ";
}
.panel-body:after {
  clear: both;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group + .panel-footer {
  border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}

.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}

.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}

.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.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-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
  padding: 24px;
  border-radius: 6px;
}

.well-sm {
  padding: 9px;
  border-radius: 3px;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}
.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  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;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header:before, .modal-header:after {
  display: table;
  content: " ";
}
.modal-header:after {
  clear: both;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.428571429;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 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 .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;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }

  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }

  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.428571429;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 12px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.428571429;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next, .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.carousel-control.left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover, .carousel-control:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: "\2039";
}
.carousel-control .icon-next:before {
  content: "\203A";
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9 ;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  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;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
    margin-right: -10px;
  }

  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }

  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before, .clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}
.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table !important;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table !important;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table !important;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table !important;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  table.visible-print {
    display: table !important;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}
:root {
  --animate-duration: 0.5s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}

.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}

.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: calc(1 * 2);
  animation-iteration-count: calc(1 * 2);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: calc(1 * 3);
  animation-iteration-count: calc(1 * 3);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}

.animate__animated.animate__delay-2s {
  -webkit-animation-delay: calc(1s * 2);
  animation-delay: calc(1s * 2);
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}

.animate__animated.animate__delay-3s {
  -webkit-animation-delay: calc(1s * 3);
  animation-delay: calc(1s * 3);
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}

.animate__animated.animate__delay-4s {
  -webkit-animation-delay: calc(1s * 4);
  animation-delay: calc(1s * 4);
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}

.animate__animated.animate__delay-5s {
  -webkit-animation-delay: calc(1s * 5);
  animation-delay: calc(1s * 5);
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}

.animate__animated.animate__faster {
  -webkit-animation-duration: calc(1s / 2);
  animation-duration: calc(1s / 2);
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}

.animate__animated.animate__fast {
  -webkit-animation-duration: calc(1s * 0.8);
  animation-duration: calc(1s * 0.8);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}

.animate__animated.animate__slow {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}

.animate__animated.animate__slower {
  -webkit-animation-duration: calc(1s * 3);
  animation-duration: calc(1s * 3);
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}

.animate__animated.animate__slowest {
  -webkit-animation-duration: calc(1s * 30);
  animation-duration: calc(1s * 30);
  -webkit-animation-duration: calc(var(--animate-duration) * 30);
  animation-duration: calc(var(--animate-duration) * 30);
}

@-webkit-keyframes bounce {
  from, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  from, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

/* Zooming entrances */
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

/* Zooming exits */
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

/* attentino seeker */
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.animate__rotate {
  -webkit-animation-name: rotate;
  animation-name: rotate;
}

.loading-container {
  height: 100%;
  display: grid;
  grid-template-columns: 0.5fr 1fr 0.5fr;
  grid-template-rows: 0.5fr 1fr 0.5fr;
  -webkit-box-align: center;
          align-items: center;
  justify-items: center;
}
.loading-container .loadingio-spinner-ellipsis-knshfniyzt {
  grid-area: 2/2;
  width: 200px;
  height: 200px;
  display: inline-block;
  overflow: hidden;
  background: none;
}
.loading-container .message {
  grid-column: 1/-1;
  align-self: flex-end;
}
.loading-container .logo {
  grid-area: 2/2;
  max-width: 65%;
  margin-left: 20px;
}
.loading-container .info {
  grid-column: 2/2;
  text-align: center;
  opacity: 0;
}
.loading-container .ldio-34b3bhphnh5 {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transform: translateZ(0) scale(1);
          transform: translateZ(0) scale(1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  /* see note above */
}
.loading-container .ldio-34b3bhphnh5 div {
  box-sizing: content-box;
}
.loading-container .ldio-34b3bhphnh5 div {
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  -webkit-transform: translate(84px, 84px) scale(1);
          transform: translate(84px, 84px) scale(1);
  background: #0d38d7;
  -webkit-animation: ldio-34b3bhphnh5 2.5s infinite cubic-bezier(0, 0.5, 0.5, 1);
          animation: ldio-34b3bhphnh5 2.5s infinite cubic-bezier(0, 0.5, 0.5, 1);
}
.loading-container .ldio-34b3bhphnh5 div:nth-child(1) {
  background: #3578ea;
  -webkit-transform: translate(152px, 84px) scale(1);
          transform: translate(152px, 84px) scale(1);
  -webkit-animation: ldio-34b3bhphnh5-r 0.625s infinite cubic-bezier(0, 0.5, 0.5, 1), ldio-34b3bhphnh5-c 2.5s infinite step-start;
          animation: ldio-34b3bhphnh5-r 0.625s infinite cubic-bezier(0, 0.5, 0.5, 1), ldio-34b3bhphnh5-c 2.5s infinite step-start;
}
.loading-container .ldio-34b3bhphnh5 div:nth-child(2) {
  -webkit-animation-delay: -0.625s;
          animation-delay: -0.625s;
  background: #0d38d7;
}
.loading-container .ldio-34b3bhphnh5 div:nth-child(3) {
  -webkit-animation-delay: -1.25s;
          animation-delay: -1.25s;
  background: #3578ea;
}
.loading-container .ldio-34b3bhphnh5 div:nth-child(4) {
  -webkit-animation-delay: -1.875s;
          animation-delay: -1.875s;
  background: #0d38d7;
}
.loading-container .ldio-34b3bhphnh5 div:nth-child(5) {
  -webkit-animation-delay: -2.5s;
          animation-delay: -2.5s;
  background: #3578ea;
}
@-webkit-keyframes ldio-34b3bhphnh5 {
  0% {
    -webkit-transform: translate(16px, 84px) scale(0);
            transform: translate(16px, 84px) scale(0);
  }
  25% {
    -webkit-transform: translate(16px, 84px) scale(0);
            transform: translate(16px, 84px) scale(0);
  }
  50% {
    -webkit-transform: translate(16px, 84px) scale(1);
            transform: translate(16px, 84px) scale(1);
  }
  75% {
    -webkit-transform: translate(84px, 84px) scale(1);
            transform: translate(84px, 84px) scale(1);
  }
  100% {
    -webkit-transform: translate(152px, 84px) scale(1);
            transform: translate(152px, 84px) scale(1);
  }
}
@keyframes ldio-34b3bhphnh5 {
  0% {
    -webkit-transform: translate(16px, 84px) scale(0);
            transform: translate(16px, 84px) scale(0);
  }
  25% {
    -webkit-transform: translate(16px, 84px) scale(0);
            transform: translate(16px, 84px) scale(0);
  }
  50% {
    -webkit-transform: translate(16px, 84px) scale(1);
            transform: translate(16px, 84px) scale(1);
  }
  75% {
    -webkit-transform: translate(84px, 84px) scale(1);
            transform: translate(84px, 84px) scale(1);
  }
  100% {
    -webkit-transform: translate(152px, 84px) scale(1);
            transform: translate(152px, 84px) scale(1);
  }
}
@-webkit-keyframes ldio-34b3bhphnh5-r {
  0% {
    -webkit-transform: translate(152px, 84px) scale(1);
            transform: translate(152px, 84px) scale(1);
  }
  100% {
    -webkit-transform: translate(152px, 84px) scale(0);
            transform: translate(152px, 84px) scale(0);
  }
}
@keyframes ldio-34b3bhphnh5-r {
  0% {
    -webkit-transform: translate(152px, 84px) scale(1);
            transform: translate(152px, 84px) scale(1);
  }
  100% {
    -webkit-transform: translate(152px, 84px) scale(0);
            transform: translate(152px, 84px) scale(0);
  }
}
@-webkit-keyframes ldio-34b3bhphnh5-c {
  0% {
    background: #0d38d7;
  }
  25% {
    background: #3578ea;
  }
  50% {
    background: #0d38d7;
  }
  75% {
    background: #3578ea;
  }
  100% {
    background: #0d38d7;
  }
}
@keyframes ldio-34b3bhphnh5-c {
  0% {
    background: #0d38d7;
  }
  25% {
    background: #3578ea;
  }
  50% {
    background: #0d38d7;
  }
  75% {
    background: #3578ea;
  }
  100% {
    background: #0d38d7;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-15%, 0, 0);
            transform: translate3d(-15%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-15%, 0, 0);
            transform: translate3d(-15%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -15%, 0);
            transform: translate3d(0, -15%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -15%, 0);
            transform: translate3d(0, -15%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

.modal-backdrop {
  z-index: 9998;
}

.modal {
  z-index: 10000;
}

*:focus {
  outline: 0 !important;
}

a {
  color: #0d38d7;
}
a:hover, a:focus {
  color: #0d38d7;
  text-decoration: underline;
}

h1 {
  font-size: 40px;
  font-weight: 700;
}
@media screen and (max-width: 479px) {
  h1 {
    font-size: 26px;
  }
}

h3 {
  font-weight: 200;
  font-size: 20px;
  margin: 30px 0;
}
@media screen and (max-width: 479px) {
  h3 {
    font-size: 16px;
  }
}

.title-row {
  padding-top: 16px;
  padding-bottom: 0;
  text-align: center;
}
.title-row h1 {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 2px solid #dfdfdf;
}

.push-down {
  margin-top: 30px;
}

.tooltip.in {
  filter: alpha(opacity=100);
  opacity: 1;
}

.tooltip > .tooltip-inner {
  background-color: #3578ea;
  color: #ffffff;
  min-height: 38px;
  border: none;
  border-radius: 24px;
  font-weight: 700;
  color: #ffffff;
  padding: 11px 20px;
  font-size: 12px;
}

.tooltip.top {
  padding: 7px 0;
}

.tooltip.top > .tooltip-arrow {
  border-top: 7px solid #3578ea;
}

.popover.in {
  filter: alpha(opacity=100);
  opacity: 1;
}

.popover {
  background-color: #3578ea;
  color: #ffffff;
  min-height: 38px;
  border: none;
  border-radius: 6px;
  font-family: "Avenir", sans-serif;
  font-weight: 500;
  color: #ffffff;
  padding: 11px 20px 0;
  font-size: 12px;
  box-shadow: none;
}
.popover .content {
  padding: 18px;
}
.popover h3 {
  font-weight: 600;
  font-size: 16px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #ffffff;
  text-align: center;
}
.popover p {
  padding: 15px 0;
  margin-bottom: 23px;
}
.popover .close {
  position: absolute;
  top: 10px;
  right: 14px;
  width: 18px;
  height: 18px;
  background: url("../img/icon-close-inverted-active.svg");
  background-repeat: no-repeat;
  opacity: 0.7;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.popover .close:hover {
  opacity: 1;
}

.popover.top,
.popover.bottom {
  padding: 7px 0;
}

.popover.top > .arrow,
.popover.bottom > .arrow {
  border-color: transparent;
}

.popover.top > .arrow:after {
  border-top-color: #3578ea;
}

.popover.bottom > .arrow:after {
  border-bottom-color: #3578ea;
}

.btn {
  font-size: 12px;
  font-weight: 700;
  border-radius: 50px;
  padding: 4px 20px 0 20px;
  height: 38px;
  border: none;
  box-sizing: border-box;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn:focus {
  outline: none;
  background-color: #0d38d7;
}
.btn:active {
  background-color: #0d38d7;
}
.btn.btn-no-uppercase {
  text-transform: none;
}
@media (max-width: 768px) {
  .btn {
    padding: 0 10px 0 10px;
    height: 36px;
  }
}

.btn-responsive {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  cursor: pointer;
  text-decoration: none;
  border-radius: 21px;
  height: 42px;
  font-size: 12px;
  font-weight: 700;
  padding: 0 2rem;
  border: none;
  box-sizing: border-box;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.btn-responsive:hover {
  text-decoration: none;
}
.btn-responsive:focus {
  background-color: #0d38d7;
  text-decoration: none;
}
.btn-responsive i {
  padding-right: 1rem;
}
.btn-responsive.margin-right {
  margin-right: 1rem;
}
.btn-responsive.margin-top-bottom {
  margin: 1rem 0;
}

a.btn,
label.btn {
  padding-top: 12px;
}

.btn-primary {
  background-color: #3578ea;
  color: #ffffff;
  padding-top: 2px;
}
.btn-primary:hover {
  background-color: #0d38d7;
}

.btn-danger {
  background-color: #ff2760;
  color: #ffffff;
}
.btn-danger:hover {
  background-color: #e2003c;
}

.btn-warning {
  background-color: #fcb424;
  color: #ffffff;
}
.btn-warning:hover {
  background-color: #d99203;
}

.btn-success {
  background-color: #4fd262;
  color: #ffffff;
}
.btn-success:hover {
  background-color: #2db040;
}

.btn-link {
  color: #0d38d7 !important;
  text-decoration: none;
  border-bottom: 2px solid rgba(53, 120, 234, 0);
  border-radius: 0;
  height: auto;
  padding: 0;
}
.btn-link:hover, .btn-link:focus, .btn-link:active {
  background-color: transparent;
  text-decoration: none;
  border-bottom-color: #3578ea;
}

.btn-frame {
  background-color: rgba(255, 255, 255, 0);
  border: 2px solid #3578ea;
  color: #0d38d7 !important;
  padding: 9px 18px 11px 18px;
}
.btn-frame:hover, .btn-frame:focus {
  background-color: #3578ea;
  color: white !important;
}
.btn-frame.btn-danger {
  border-color: #ff2760;
  color: #ff2760 !important;
}
.btn-frame.btn-danger:hover, .btn-frame.btn-danger:focus {
  background-color: #ff2760;
  color: white !important;
}

a.btn-frame {
  padding-top: 11px;
}

@media (max-width: 599px) {
  .button-items {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .button-items > * {
    margin: 1rem 0;
  }
  .button-items .btn-responsive {
    display: -webkit-box;
    display: flex;
  }
  .button-items .btn-responsive.margin-right {
    margin-right: 0;
  }
  .button-items .candidate-pool-btn {
    display: none;
  }
}

@media (max-width: 599px) {
  .add-company-btn {
    display: none;
  }
}
#ajaxresult {
  display: none;
}

.alert {
  color: #ffffff;
  font-weight: 300;
  border: none;
  border-radius: 6px;
  position: relative;
  padding: 35px 40px;
}
.alert.alert-success {
  background-color: #3578ea;
  padding-left: 70px;
  text-align: center;
  position: relative;
}
.alert.alert-success .check:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../img/checkbox-tick-white.svg");
  background-repeat: no-repeat;
}
.alert.alert-warning {
  background-color: #fdbc2a;
}
.alert.alert-danger {
  background-color: #ff2760;
}
.alert.alert-overlay {
  position: fixed;
  z-index: 200;
  width: 400px;
  margin-left: -200px;
  left: 50%;
  text-align: center;
}
@media (max-width: 768px) {
  .alert.alert-overlay {
    width: 220px;
    left: 50%;
    margin-left: -110px;
    padding-left: 0;
    padding-right: 0;
  }
}
.alert .close {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.popover .btn {
  background-color: rgba(255, 255, 255, 0);
  border: 2px solid #ffffff;
  color: #ffffff !important;
  padding: 10px 18px;
}
.popover .btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.btn-wide {
  padding-left: 70px;
  padding-right: 70px;
}

.btn-extra-wide {
  padding-left: 105px;
  padding-right: 105px;
}

.btn-add {
  padding-left: 40px;
  background-image: url("../img/btn-icon-add.svg");
  background-repeat: no-repeat;
  background-position: 18px 13px;
}

.btn-frame.btn-add {
  padding-left: 38px;
  background-image: url("../img/btn-icon-add-green.svg");
  background-position: 17px 11px;
}
.btn-frame.btn-add:hover, .btn-frame.btn-add:focus {
  background-image: url("../img/btn-icon-add.svg");
}

.btn-delete {
  padding-left: 40px;
  background-image: url("../img/delete.svg");
  background-repeat: no-repeat;
  background-position: 18px 13px;
}

.btn-frame.btn-delete {
  padding-left: 38px;
  background-image: url("../img/delete.svg");
  background-position: 17px 8px;
}
.btn-frame.btn-delete:hover, .btn-frame.btn-delete:focus {
  background-image: url("../img/delete-white.svg");
}

.btn-arrow-left {
  padding-left: 40px;
  background-image: url("../img/btn-icon-arrow-left.svg");
  background-repeat: no-repeat;
  background-position: 18px 11px;
}
.btn-arrow-left.btn-frame {
  background-image: url("../img/arrow-left.svg");
}
.btn-arrow-left.btn-frame:hover, .btn-arrow-left.btn-frame:focus {
  background-image: url("../img/btn-icon-arrow-left.svg");
}

.btn-arrow-right {
  padding-right: 40px;
  position: relative;
}
.btn-arrow-right:after {
  content: "";
  display: block;
  position: absolute;
  right: 18px;
  top: 12px;
  width: 9px;
  height: 14px;
  background-image: url("../img/btn-icon-arrow-right.svg");
  background-repeat: no-repeat;
}

.btn-group .btn {
  padding-top: 12px;
}
@media (max-width: 768px) {
  .btn-group .btn {
    padding-top: 10px;
  }
}
.btn-group button.btn {
  padding-top: 2px;
}
.btn-group.btn-group-toggle .btn.btn-secondary, .btn-group.btn-group-toggle .btn.btn-secondary.active {
  background-color: transparent;
  outline: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.dropdown-toggle {
  text-decoration: none;
  border: 0;
}
.dropdown-toggle .caret {
  border: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 3px;
  left: 10px;
  background-image: url("../img/arrow-down.svg");
}
.dropdown-toggle.btn-primary, .dropdown-toggle.btn-danger, .dropdown-toggle.btn-success, .dropdown-toggle.btn-warning {
  padding-right: 20px !important;
}
.dropdown-toggle.btn-primary .caret, .dropdown-toggle.btn-danger .caret, .dropdown-toggle.btn-success .caret, .dropdown-toggle.btn-warning .caret {
  left: 5px;
  background-image: url("../img/white-arrow-down.svg");
  top: -1px;
}
.dropdown-toggle.btn-default {
  padding-right: 20px !important;
}
@media (max-width: 768px) {
  .dropdown-toggle.btn-default {
    padding-left: 4px !important;
    padding-right: 16px !important;
  }
}
.dropdown-toggle.btn-default .caret {
  top: -1px;
  left: 5px;
}

.dropdown-menu {
  background-color: #ffffff;
  border-color: #dfdfdf;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  border-radius: 6px !important;
  padding: 0 !important;
  list-style: none;
}
.dropdown-menu li {
  list-style: none;
  margin: 0 !important;
  border-bottom: 1px solid #dfdfdf;
}
.dropdown-menu li a {
  padding-top: 8px;
  padding-bottom: 6px;
}
.dropdown-menu li a:hover {
  background-color: #ffffff;
  color: #0d38d7;
}
.dropdown-menu li a img {
  position: relative;
  top: -2px;
  left: 8px;
}
.dropdown-menu li:first-child a {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.dropdown-menu li:last-child a {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.arrow-down {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
  background-image: url("../img/arrow-down.svg");
}

.modal-content {
  border: none;
  box-shadow: 0 2px 22px rgba(0, 0, 0, 0.28);
  background-color: #f2f2f2;
  border-radius: 6px;
}
.modal-content .modal-header {
  padding: 20px;
  border: none;
}
.modal-content .modal-header .modal-title {
  text-align: center;
  font-weight: 700;
  font-size: 30px;
  margin: 15px 0;
}
@media screen and (max-width: 479px) {
  .modal-content .modal-header .modal-title {
    font-size: 20px;
  }
}
.modal-content .modal-header .close {
  opacity: 1;
  display: block;
  width: 18px;
  height: 18px;
  margin: 0;
  background-image: url("../img/icon-close-active.svg");
}
.modal-content .modal-header .close span {
  display: none;
}
.modal-content .modal-body {
  padding: 10px 30px 20px 30px;
  position: relative;
}
@media (max-width: 599px) {
  .modal-content .modal-body {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.modal-content .modal-body:after {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  left: 30px;
  right: 30px;
  bottom: 0;
  border-bottom: 1px solid #dfdfdf;
}
.modal-content .modal-footer {
  border: none;
  padding: 30px;
  text-align: center;
}

.label-info {
  background-color: #3578ea;
  padding: 0.4em 0.6em 0.5em;
  font-weight: 400;
}

html,
body {
  height: 100%;
}

body {
  display: -webkit-box;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  font-family: "Avenir", sans-serif;
  position: relative;
  box-sizing: border-box;
  background-color: #f2f6fc;
  color: #333333;
  margin: 0;
  padding-top: 220px;
}
@media (max-width: 768px) {
  body {
    padding-top: 120px;
  }
}
body.hidden-menu {
  padding-top: 0;
}

.container-fluid {
  max-width: calc(100% - 60px);
}
@media all and (min-width: 1440px) {
  .container-fluid {
    max-width: 1380px;
  }
}
@media all and (max-width: 1200px) {
  .container-fluid {
    max-width: none;
  }
}
.container-fluid.full-container {
  width: 100% !important;
  max-width: none !important;
}

.centered-container {
  display: -webkit-box;
  display: flex;
  width: 100vw;
  height: 100vh;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}
.centered-container .contents {
  width: 500px;
  max-width: 100%;
}

.container__bottom-space {
  padding-bottom: 4rem;
}

.page-content {
  -webkit-box-flex: 1;
          flex: 1 0 auto;
}

@media all and (max-width: 899px) {
  .navbar-default .navbar-collapse {
    position: absolute;
    background-color: #ffffff;
    width: 100%;
    z-index: 2;
    border-bottom: 1px solid #e7e7e7;
    border-top: none;
  }
}
@media (max-width: 899px) {
  .navbar-header {
    float: none;
  }

  .navbar-toggle {
    display: block;
  }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }

  .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-nav {
    float: none !important;
    margin: 7.5px -15px;
  }

  .navbar-nav > li {
    float: none;
  }

  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .navbar-text {
    float: none;
    margin: 15px 0;
  }

  /* since 3.1.0 */
  .navbar-collapse.collapse.in {
    display: block !important;
  }

  .collapsing {
    overflow: hidden !important;
  }
}
.navbar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9998;
  background-color: #ffffff;
  border-radius: 0;
  -webkit-border-radius: 0;
  box-shadow: none;
  border: none;
}
.navbar .container {
  position: relative;
  height: 178px;
  padding-top: 57px;
}
@media (max-width: 899px) {
  .navbar .container {
    height: 80px !important;
    padding-top: 8px !important;
  }
}
.navbar .stat-shown {
  width: 1250px;
}
@media screen and (max-width: 899px) {
  .navbar .stat-shown {
    width: auto;
  }
}
.navbar .navbar-brand {
  height: 53px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding-top: 9px;
  padding-bottom: 0;
}
.navbar .navbar-brand .header-logo {
  display: block;
  max-height: 63px;
  max-width: 140px;
  padding: 0;
  margin: 0 8px 0 0;
}
@media (max-width: 768px) {
  .navbar .navbar-brand {
    margin-left: 0px;
  }
}
.navbar .navbar-nav {
  margin: 22px 0;
}
.navbar .navbar-nav .candidates_link {
  position: relative;
}
.navbar .navbar-nav .candidates_link .no_action_candidates_amount {
  background-color: #ffffff;
}
.navbar .navbar-nav .candidates_link .no_action_candidates_amount.loaded {
  background-color: #EE9500;
}
.navbar .navbar-nav .candidates_link .no_action_candidates_amount {
  position: absolute;
  top: -70%;
  left: 100%;
  width: 18px;
  height: 18px;
  font-size: 10px;
  color: #ffffff;
  border-radius: 50%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.navbar .navbar-nav .candidates_link .no_action_candidates_amount span {
  max-height: 14px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
@media (max-width: 900px) {
  .navbar .navbar-nav {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
  }
  .navbar .navbar-nav li {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
    padding: 1rem 0;
  }
}
@media (max-width: 899px) {
  .navbar .navbar-right {
    border-bottom: none;
    width: 100%;
  }
  .navbar .navbar-right .user-menu-text {
    border-bottom: none !important;
  }
  .navbar .navbar-right .dropdown-menu {
    padding: 15px 15px 0 15px !important;
    box-sizing: border-box;
    border-radius: 0 !important;
  }
  .navbar .navbar-right .dropdown-menu li:first-child {
    border-top: 1px solid #dfdfdf;
  }
  .navbar .navbar-right .dropdown-menu li:first-child a {
    padding-top: 10px;
  }
  .navbar .navbar-right .dropdown-menu li {
    border-bottom: none;
  }
  .navbar .navbar-right .dropdown-menu li a {
    text-align: left;
  }
}
.navbar .navbar-right .logout-button {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  background-color: transparent;
  border: none;
  width: 100%;
  text-align: left;
}
.navbar .navbar-right .logout-button:hover {
  color: #0d38d7;
}
.navbar .navbar-nav > li > a {
  height: 2.7rem;
  padding-bottom: 2px;
  background: -webkit-gradient(linear, left top, left bottom, from(#3578ea), to(#3578ea)) center bottom;
  background: linear-gradient(#3578ea, #3578ea) center bottom;
  background-size: 0% 2px;
  background-repeat: no-repeat;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
@media (max-width: 899px) {
  .navbar .navbar-nav > li > a {
    height: 2rem;
  }
}
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:active {
  background-size: 100% 2px;
  color: #3578ea;
}
.navbar .navbar-nav > li > a.dropdown-toggle {
  padding-left: 1px;
}
.navbar .navbar-nav > li > a,
.navbar .navbar-nav > li > button {
  color: #333333;
  font-size: 14px;
  padding: 0 0 3px 0;
  margin: 0 15px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 1200px) {
  .navbar .navbar-nav > li > a,
.navbar .navbar-nav > li > button {
    margin: 0 30px;
  }
}
.navbar .navbar-nav > li > a img, .navbar .navbar-nav > li > a svg,
.navbar .navbar-nav > li > button img,
.navbar .navbar-nav > li > button svg {
  max-width: 30px;
  max-height: 30px;
}
.navbar .navbar-nav > li > button {
  font-weight: normal;
  text-decoration: none;
  border: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0 0 3px 0;
  margin: 0 20px;
  border-bottom: 2px solid rgba(51, 51, 51, 0);
  outline: none;
  height: auto;
  -webkit-transition: border 0.5s ease-in-out;
  transition: border 0.5s ease-in-out;
}
.navbar .navbar-nav > .settings-menu {
  margin-right: 2rem;
}
.navbar .navbar-nav > .settings-menu .settings-menu-icon {
  margin-top: -4px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.navbar .navbar-nav > .settings-menu:hover .settings-menu-icon {
  -webkit-filter: brightness(60%);
          filter: brightness(60%);
}
.navbar .navbar-nav > .menu-trial-progress {
  font-weight: 700;
  margin-top: -10px;
  padding-left: 20px;
}
.navbar .navbar-nav > .menu-trial-progress .upgrade-user {
  color: white;
  background-color: #00c3f7;
  border: none;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  padding: 10px 20px 0 20px;
  font-size: 12px;
  display: inline-block;
  margin: 0 0 0 10px;
}
.navbar .navbar-nav > .menu-trial-progress .upgrade-user:hover {
  background-color: #0087ab;
  border: none;
  color: white;
}
.navbar .navbar-right {
  margin: 18px 0 0 0;
}
.navbar .navbar-right > li > a {
  height: 3.2rem;
  margin: 0;
  text-transform: none;
  border: none;
  padding-bottom: 0;
}
@media (max-width: 899px) {
  .navbar .navbar-right > li > a {
    height: 2.5rem;
  }
}
.navbar .navbar-right > li > a > .user-menu-text {
  display: inline-block;
  padding-bottom: 3px;
  border-bottom: 2px solid rgba(51, 51, 51, 0);
  -webkit-transition: border 0.5s ease-in-out;
  transition: border 0.5s ease-in-out;
}
.navbar .navbar-right > li > a:hover {
  border: none;
}
.navbar .navbar-right .arrow-down {
  margin: 1px 0 0 4px;
}
.navbar .navbar-right .menu-trial-progress {
  width: 250px;
  margin: 0;
  text-transform: none;
  padding: 12px 20px;
}
.navbar .navbar-right .menu-trial-progress .btn {
  position: relative;
  top: -3px;
  padding: 6px 12px;
  height: 26px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  float: right;
}
.navbar .ditaso-development {
  color: #ffcc00;
  font-weight: bold;
  padding: 9px 0 0 0;
  display: inline-block;
  margin-left: -20px;
}
.navbar .dropdown-menu li a img {
  left: -5px;
  top: -1px;
}
.navbar .mobile-menu {
  width: 50px;
  height: 50px;
  background-image: url("../img/close-primary.svg");
  background-position: center center;
  background-repeat: no-repeat;
  padding: 0;
  border: none;
  -webkit-transition: background-image 0.2s ease-in-out;
  transition: background-image 0.2s ease-in-out;
}
.navbar .mobile-menu.collapsed {
  background-image: url("../img/mobile-menu.svg");
}
.navbar .mobile-menu:hover, .navbar .mobile-menu:focus {
  background-color: transparent;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  color: inherit;
  background-color: inherit;
}

.wide-tooltip .tooltip-inner {
  max-width: 350px;
  width: 350px;
}

.user-guide-button {
  position: absolute;
  right: 15px;
  top: 0px;
  display: block;
  box-sizing: content-box;
  border-radius: 0 0 5px 5px;
  -webkit-transition: top 0.5s, padding-top 0.5s;
  transition: top 0.5s, padding-top 0.5s;
  background-color: #3578ea;
  padding: 14px 20px;
  font-size: 12px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
}
.user-guide-button.hidden-guide {
  top: -50px;
}
.user-guide-button:hover, .user-guide-button:active {
  text-decoration: none;
  margin-top: 0;
  color: #ffffff;
  padding-top: 20px;
}
@media (max-width: 900px) {
  .user-guide-button {
    display: none;
  }
}

.user-upgrade-button {
  position: absolute;
  right: 140px;
  top: 0px;
  display: block;
  box-sizing: content-box;
  border-radius: 0 0 5px 5px;
  -webkit-transition: top 0.5s, padding-top 0.5s;
  transition: top 0.5s, padding-top 0.5s;
  background-color: #3578ea;
  padding: 0;
  font-size: 12px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
.user-upgrade-button a {
  display: block;
  padding: 5px 20px 3px 20px;
  color: #ffffff;
  text-decoration: none;
}
.user-upgrade-button span {
  display: block;
  padding-bottom: 0px;
  margin-bottom: 2px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.user-upgrade-button.hidden-guide {
  top: -50px;
}
.user-upgrade-button:hover, .user-upgrade-button:active {
  text-decoration: none;
  margin-top: 0;
  color: #ffffff;
  padding-top: 6px;
}
@media (max-width: 960px) {
  .user-upgrade-button {
    display: none;
  }
}

.footer {
  margin-top: 10px;
  background-color: #ffffff;
  padding: 48px 0;
  text-align: center;
  color: #868686;
  font-weight: 900;
  font-size: 12px;
}
.footer .btn {
  margin-bottom: 20px;
}
.footer .footer-logo {
  width: 68px;
  height: 20px;
  position: relative;
  top: -5px;
  left: 6px;
}

.phone-only {
  display: none;
}
@media (max-width: 599px) {
  .phone-only {
    display: block;
  }
}

.desktop-only {
  display: block;
}
@media (max-width: 599px) {
  .desktop-only {
    display: none;
  }
}

.flex-row {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: start;
          justify-content: flex-start;
}
.flex-row.justify-center {
  -webkit-box-pack: center;
          justify-content: center;
}
.flex-row.items-center {
  -webkit-box-align: center;
          align-items: center;
}
@media (max-width: 599px) {
  .flex-row {
    display: block;
  }
}

.gap-2 {
  gap: 0.5rem;
  /* 8px */
}

.gap-3 {
  gap: 0.75rem;
  /* 12px */
}

.gap-4 {
  gap: 1rem;
  /* 16px */
}

.gap-6 {
  gap: 1.5rem;
  /* 24px */
}

.gap-8 {
  gap: 2rem;
  /* 32px */
}

.flex-col {
  -webkit-box-flex: 1;
          flex: 1;
  margin: 0 1rem;
}
.flex-col:first-child {
  margin-left: 0;
}
.flex-col:last-child {
  margin-right: 0;
}
@media (max-width: 599px) {
  .flex-col {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1rem;
  }
}

.pull-down {
  margin-top: 60px;
}

.m-0 {
  margin: 0;
}

.ml-4 {
  margin-left: 1rem;
}

.ml-8 {
  margin-left: 2rem;
}

.ml-auto {
  margin-left: auto;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.career-page-footer {
  padding: 30px 0;
  background-color: #EFEFEF;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.career-page-footer div {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: end;
          align-items: flex-end;
}
.career-page-footer div .career-page-footer-logo {
  margin-left: 10px;
  height: 30px;
  width: auto;
}

body.login {
  padding: 0;
}
body.login .row {
  height: 100%;
  margin-right: 0;
}
@media (max-width: 991px) {
  body.login .row {
    max-width: 100%;
    margin: 0;
  }
}
body.login .login-background {
  background-image: url("../img/login-background.jpg");
  background-position: center center;
  background-size: cover;
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}
@media (max-width: 991px) {
  body.login .login-background {
    max-height: 30%;
  }
}
body.login .login-background img {
  position: absolute;
  bottom: 30px;
  max-height: 20vh;
}
@media (max-width: 991px) {
  body.login .login-background img {
    display: block;
    width: 150px;
    bottom: auto;
  }
}
body.login .login-background .login-application {
  display: block;
  max-width: 40vw;
  max-height: 40vh;
  margin: 0;
  bottom: auto;
}
@media (max-width: 991px) {
  body.login .login-background .login-application {
    display: none;
  }
}
body.login .footer {
  padding-top: 0;
  padding-bottom: 20px;
  background-color: transparent;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (max-width: 991px) {
  body.login .footer {
    display: none;
  }
}
body.login .register-button {
  display: block;
  margin: 0 auto;
}
body.login .login-area {
  height: 100%;
  overflow-y: auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
@media (max-width: 991px) {
  body.login .login-area {
    max-height: 70%;
    min-height: 300px;
    overflow: initial;
    display: block;
  }
}
body.login .login-container {
  display: block;
  width: 100%;
}
body.login .login-contents {
  width: 100%;
  height: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
}
body.login .login-contents .alert {
  max-width: 300px;
  margin: 16px auto;
  padding: 16px;
}
body.login .login-contents h1 {
  text-align: center;
  margin: 30px 0;
  font-size: 26px;
}
body.login .login-contents h3 {
  font-weight: 200;
  text-align: center;
  margin: -20px 0 30px 0;
  font-size: 20px;
  line-height: 1.5;
}
body.login .login-contents h4 {
  font-weight: 200;
  text-align: center;
  margin: -20px 0 30px 0;
  font-size: 16px;
  line-height: 1.5;
}
body.login .login-contents .form-group {
  min-height: 0;
  margin-bottom: 10px;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
body.login .login-contents .help-block {
  margin: 10px 0 0 16px;
}
body.login .login-contents .password-help {
  text-align: center;
  margin-bottom: 20px;
}
body.login .login-contents .password-helper-icon {
  position: absolute;
  right: 10px;
  top: 7px;
}
body.login .login-contents .password-helper-icon img {
  width: 22px;
  height: 22px;
}
body.login .password-form-group #progress-bar {
  height: 8px;
  width: 300px;
  background: lightgrey;
  display: none;
  overflow: hidden;
  border-radius: 2px;
}
body.login .password-form-group #progress-bar .progress {
  height: 100%;
  width: 100%;
  background: red;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transition: -webkit-transform 0.3s ease-in 0.1s;
  transition: -webkit-transform 0.3s ease-in 0.1s;
  transition: transform 0.3s ease-in 0.1s;
  transition: transform 0.3s ease-in 0.1s, -webkit-transform 0.3s ease-in 0.1s;
  margin: 0;
}

.auth-explanation {
  margin: 20px 0 40px 0;
  text-align: center;
}

#submit-button {
  margin: 16px auto;
  width: auto;
  min-width: 150px;
  padding: 11px 18px;
}

.unauthorized-action-modal .modal-content {
  min-height: 200px;
}
.unauthorized-action-modal .modal-header {
  text-align: center;
}
.unauthorized-action-modal .modal-body {
  padding-left: 20px;
}
.unauthorized-action-modal .modal-body .text {
  text-align: center;
}

.checkbox {
  padding-left: 30px;
  margin-bottom: 20px;
  margin-top: 4px;
}

.checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-transform: none;
  padding-left: 5px;
}

.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 27px;
  height: 27px;
  left: 0;
  margin-left: -30px;
  margin-top: -4px;
  border-radius: 6px;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  cursor: default;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 5px;
  top: 1px;
  margin-left: -30px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  background-image: url("../img/checkbox-tick.svg");
  -webkit-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
  opacity: 0;
}

.checkbox label::after, .checkbox label::before, .checkbox input + label::before, .checkbox input + label::after {
  -webkit-transition: tansform 0.15s;
  transition: tansform 0.15s;
}

.checkbox label:hover::after, .checkbox label:hover::before, .checkbox input:hover + label::before, .checkbox input:hover + label::after {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.checkbox input[type=checkbox],
.checkbox input[type=radio] {
  opacity: 0;
  z-index: 1;
}

.checkbox input[type=checkbox]:focus + label::before,
.checkbox input[type=radio]:focus + label::before {
  outline: none;
}

.checkbox input[type=checkbox]:indeterminate + label::after,
.checkbox input[type=radio]:indeterminate + label::after {
  display: block;
  content: "";
  width: 10px;
  height: 3px;
  background-color: #555555;
  border-radius: 2px;
  margin-left: -16.5px;
  margin-top: 7px;
}

.checkbox input[type=checkbox]:disabled + label,
.checkbox input[type=radio]:disabled + label {
  opacity: 0.65;
}

.checkbox input[type=checkbox]:disabled + label::before,
.checkbox input[type=radio]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}

.checkbox.checkbox-circle label::before {
  border-radius: 50%;
}

.checkbox.checkbox-inline {
  margin-top: 0;
}

.checkbox-primary input[type=checkbox]:checked + label::before,
.checkbox-primary input[type=radio]:checked + label::before {
  background-color: #337ab7;
  border-color: #337ab7;
}

.checkbox-primary input[type=checkbox]:checked + label::after,
.checkbox-primary input[type=radio]:checked + label::after {
  color: #fff;
}

.checkbox-danger input[type=checkbox]:checked + label::before,
.checkbox-danger input[type=radio]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}

.checkbox-danger input[type=checkbox]:checked + label::after,
.checkbox-danger input[type=radio]:checked + label::after {
  color: #fff;
}

.checkbox-info input[type=checkbox]:checked + label::before,
.checkbox-info input[type=radio]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.checkbox-info input[type=checkbox]:checked + label::after,
.checkbox-info input[type=radio]:checked + label::after {
  color: #fff;
}

.checkbox-warning input[type=checkbox]:checked + label::before,
.checkbox-warning input[type=radio]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.checkbox-warning input[type=checkbox]:checked + label::after,
.checkbox-warning input[type=radio]:checked + label::after {
  color: #fff;
}

.checkbox-success input[type=checkbox]:checked + label::before,
.checkbox-success input[type=radio]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.checkbox-success input[type=checkbox]:checked + label::after,
.checkbox-success input[type=radio]:checked + label::after {
  color: #fff;
}

.checkbox-primary input[type=checkbox]:indeterminate + label::before,
.checkbox-primary input[type=radio]:indeterminate + label::before {
  background-color: #337ab7;
  border-color: #337ab7;
}

.checkbox-primary input[type=checkbox]:indeterminate + label::after,
.checkbox-primary input[type=radio]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-danger input[type=checkbox]:indeterminate + label::before,
.checkbox-danger input[type=radio]:indeterminate + label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}

.checkbox-danger input[type=checkbox]:indeterminate + label::after,
.checkbox-danger input[type=radio]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-info input[type=checkbox]:indeterminate + label::before,
.checkbox-info input[type=radio]:indeterminate + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.checkbox-info input[type=checkbox]:indeterminate + label::after,
.checkbox-info input[type=radio]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-warning input[type=checkbox]:indeterminate + label::before,
.checkbox-warning input[type=radio]:indeterminate + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.checkbox-warning input[type=checkbox]:indeterminate + label::after,
.checkbox-warning input[type=radio]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-success input[type=checkbox]:indeterminate + label::before,
.checkbox-success input[type=radio]:indeterminate + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.checkbox-success input[type=checkbox]:indeterminate + label::after,
.checkbox-success input[type=radio]:indeterminate + label::after {
  background-color: #fff;
}

.radio {
  padding-left: 30px;
}

.radio label {
  display: inline-block;
  margin-top: 4px;
  vertical-align: middle;
  position: relative;
  text-transform: none;
  padding-left: 5px;
}

.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 27px;
  height: 27px;
  margin-top: -4px;
  left: 0;
  margin-left: -30px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}

.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 9px;
  height: 9px;
  left: 9px;
  top: 5px;
  margin-left: -30px;
  border-radius: 50%;
  background-color: #3578ea;
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33), -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio input[type=radio] {
  opacity: 0;
  z-index: 1;
}

.radio input[type=radio]:focus + label::before {
  outline: none;
}

.radio input[type=radio]:checked + label::after {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.radio input[type=radio]:disabled + label {
  opacity: 0.65;
}

.radio input[type=radio]:disabled + label::before {
  cursor: not-allowed;
}

.radio.radio-inline {
  margin-top: 0;
}

.radio-primary input[type=radio] + label::after {
  background-color: #337ab7;
}

.radio-primary input[type=radio]:checked + label::before {
  border-color: #337ab7;
}

.radio-primary input[type=radio]:checked + label::after {
  background-color: #337ab7;
}

.radio-danger input[type=radio] + label::after {
  background-color: #d9534f;
}

.radio-danger input[type=radio]:checked + label::before {
  border-color: #d9534f;
}

.radio-danger input[type=radio]:checked + label::after {
  background-color: #d9534f;
}

.radio-info input[type=radio] + label::after {
  background-color: #5bc0de;
}

.radio-info input[type=radio]:checked + label::before {
  border-color: #5bc0de;
}

.radio-info input[type=radio]:checked + label::after {
  background-color: #5bc0de;
}

.radio-warning input[type=radio] + label::after {
  background-color: #f0ad4e;
}

.radio-warning input[type=radio]:checked + label::before {
  border-color: #f0ad4e;
}

.radio-warning input[type=radio]:checked + label::after {
  background-color: #f0ad4e;
}

.radio-success input[type=radio] + label::after {
  background-color: #5cb85c;
}

.radio-success input[type=radio]:checked + label::before {
  border-color: #5cb85c;
}

.radio-success input[type=radio]:checked + label::after {
  background-color: #5cb85c;
}

input[type=checkbox].styled:checked + label:after {
  opacity: 1;
  content: "";
}

input[type=checkbox] .styled:checked + label::before,
input[type=radio] .styled:checked + label::before {
  color: #fff;
}

input[type=checkbox] .styled:checked + label::after,
input[type=radio] .styled:checked + label::after {
  color: #fff;
}

.selectize-input {
  border: 1px solid #e9e9e9;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  height: 38px;
  padding-top: 9px;
  padding-right: 35px;
  min-width: 120px;
  -webkit-transition: border 0.3s;
  transition: border 0.3s;
}
.selectize-input:after {
  border: none !important;
  width: 16px !important;
  height: 16px !important;
  position: absolute;
  top: 11px !important;
  right: 11px !important;
  margin: 0 !important;
  background: url("../img/arrow-down.svg");
}
.selectize-input.focus {
  border: 1px solid #e9e9e9;
  box-shadow: none;
  border-radius: 6px;
}

.has-error .selectize-input {
  border: 2px solid #ff2760;
}

.checkbox-group {
  height: 200px;
  width: 100%;
  background-color: #ffffff;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 15px 10px 15px 15px;
}
.checkbox-group .checkbox-group-overflow {
  overflow-y: scroll;
  height: 170px;
}
.checkbox-group .checkbox-group-overflow::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f2f2f2;
}
.checkbox-group .checkbox-group-overflow::-webkit-scrollbar {
  width: 8px;
  border-radius: 10px;
  background-color: #f2f2f2;
}
.checkbox-group .checkbox-group-overflow::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #3578ea;
}
.checkbox-group label::before {
  border: 1px solid #d8d8d8;
}
.checkbox-group input[type=text] {
  margin: -16px 0px 10px 30px;
  width: 70%;
  padding: 2px 4px;
  height: 30px;
  background: transparent;
  border: 1px solid #d8d8d8;
}
.checkbox-group input[type=text]:focus, .checkbox-group input[type=text].active {
  background-color: #ffffff;
}

label {
  font-weight: 300;
}

label:not(.keep-case) {
  text-transform: uppercase;
}

.push-label {
  padding-top: 25px;
}

.form-control,
.no-error .form-control,
.no-error.form-control {
  border: 2px solid transparent;
  border-radius: 6px;
  box-shadow: none;
  font-size: 14px;
  padding-left: 16px;
  font-weight: 300;
  height: 38px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.form-control:focus,
.no-error .form-control:focus,
.no-error.form-control:focus {
  padding-left: 15px;
  box-shadow: none;
  border: 2px solid #3578ea;
}
.form-control::-webkit-input-placeholder,
.no-error .form-control::-webkit-input-placeholder,
.no-error.form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999999;
  font-weight: 300;
}
.form-control::-moz-placeholder,
.no-error .form-control::-moz-placeholder,
.no-error.form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #999999;
  font-weight: 300;
}
.form-control:-ms-input-placeholder,
.no-error .form-control:-ms-input-placeholder,
.no-error.form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #999999;
  font-weight: 300;
}
.form-control:-moz-placeholder,
.no-error .form-control:-moz-placeholder,
.no-error.form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #999999;
  font-weight: 300;
}

.form-control[readonly] {
  background-color: #f9f9f9;
  border: 2px solid #f9f9f9;
}

.form-control.loading {
  opacity: 0.6;
}

.has-error.form-control {
  border-color: #ff2760;
}

.has-error .form-control {
  border-color: #ff2760;
}

.has-error .control-label {
  color: #ff2760;
}

.has-error .add-attachment-label {
  color: #ff2760;
}

textarea.form-control {
  height: 95px;
}

.help-block {
  font-color: #707070;
  font-weight: 400;
  font-style: italic;
}

.squeezed-columns {
  padding-left: 10px;
  padding-right: 10px;
}
.squeezed-columns form {
  margin-top: 50px;
}
@media (min-width: 992px) {
  .squeezed-columns .row {
    margin-left: 0;
    margin-right: 0;
  }
  .squeezed-columns .modal-body .row {
    margin-left: -5px;
    margin-right: -5px;
  }
  .squeezed-columns .col-md-1,
.squeezed-columns .col-md-2,
.squeezed-columns .col-md-3,
.squeezed-columns .col-md-4,
.squeezed-columns .col-md-5,
.squeezed-columns .col-md-6,
.squeezed-columns .col-md-7,
.squeezed-columns .col-md-8,
.squeezed-columns .col-md-9,
.squeezed-columns .col-md-10,
.squeezed-columns .col-md-11,
.squeezed-columns .col-md-12 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .squeezed-columns hr {
    margin-left: 5px;
    margin-right: 5px;
  }
}

.title-message {
  margin: 26px 0 10px 0;
  text-align: center;
  font-size: 30px;
  font-weight: 200;
}

.info-message {
  margin: 20px 0;
  text-align: center;
  font-size: 16px;
  font-weight: 300;
}

.info-message-small {
  margin: 15px 0;
  text-align: center;
  font-size: 14px;
  font-weight: 300;
}

.info-message-strong {
  margin: 15px 0;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}

.inline-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  position: relative;
  top: -2px;
}
.inline-icon img {
  max-width: 100%;
}

.date-container {
  position: relative;
}

.input-group.date {
  width: 100%;
}
.input-group.date input[type=text] {
  position: relative;
  padding-right: 40px;
  border-radius: 6px;
}
.input-group.date .input-group-addon {
  display: block;
  position: absolute;
  top: 4px;
  right: 7px;
  width: 30px;
  height: 30px;
  padding: 0;
  background-image: url("../img/icon-calendar-active.svg");
  z-index: 3;
  background-color: transparent;
  border: none;
}
.input-group.date .input-group-addon span {
  display: none;
}

.date-field,
.datetime-field {
  background-image: url("../img/icon-calendar-active.svg");
  background-repeat: no-repeat;
  background-position: 99% 1px;
  margin-bottom: 8px;
}

.calendar-picker-wrapper {
  position: relative;
}

.calendar-picker-calendar {
  width: 40px;
  height: 38px;
  position: absolute;
  top: 0;
  right: 0;
}

.form-control-required::after {
  content: " *";
  color: #cc0000;
}

.has-error .help-block {
  display: inline-block !important;
  margin-right: 8px;
}
.has-error .help-block a {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  color: #cc0000;
  border: 2px solid #ff2760;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 20px;
  margin-top: 3px;
  padding: 0 20px;
  height: 38px;
  text-decoration: none;
  font-style: normal;
  font-weight: 700;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.has-error .help-block a:hover {
  background-color: #ff2760;
  color: white;
}

form h3 {
  font-weight: 200;
  font-size: 30px;
}

.form-group {
  page-break-inside: avoid;
}
.form-group ul {
  margin: 0;
  padding-left: 20px;
  list-style: square;
}

.form-control.selectize-control {
  min-height: 34px;
}

.selectize-primary {
  display: block;
  float: left;
}

.selectize-secondary {
  font-size: 13px;
  color: #454545;
  float: right;
}

.recipient-first-name .selectize-secondary,
.recipient-last-name .selectize-secondary {
  display: block;
  clear: both;
  float: none;
  margin-top: 0;
  top: -2px;
  position: relative;
}

.company-name-new-container {
  display: none;
}

#introduction-editor {
  margin-top: 10px;
  height: 200px;
}

.wysiwyg-editor {
  overflow-y: scroll;
  margin-top: 10px;
  min-height: 200px;
}
.wysiwyg-editor h1 {
  font-size: 20px;
  font-weight: 200;
  text-align: center;
}
.wysiwyg-editor h2 {
  font-size: 22px;
  font-weight: 700;
  text-align: center;
}
.wysiwyg-editor h3 {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

@media only screen and (min-width: 768px), print {
  .form-group {
    min-height: 64px;
  }

  .half-group-left {
    width: 49.99%;
    float: left;
    padding-right: 10px;
  }

  .half-group-right {
    width: 49.99%;
    float: left;
    padding-left: 10px;
  }

  .third-group-left {
    width: 33.33%;
    float: left;
    padding-right: 13.33px;
  }

  .third-group-center {
    width: 33.33%;
    float: left;
    padding-right: 6.66px;
    padding-left: 6.66px;
  }

  .third-group-right {
    width: 33.33%;
    float: left;
    padding-left: 13.33px;
  }

  .two-third-group-left {
    width: 66.66%;
    float: left;
  }

  .two-third-group-right {
    width: 66.66%;
    float: right;
    padding-left: 6px;
  }

  .fourth-group-first {
    width: 24.99%;
    float: left;
    padding-right: 12px;
  }

  .fourth-group-second {
    width: 24.99%;
    float: left;
    padding-right: 9px;
    padding-left: 6px;
  }

  .fourth-group-third {
    width: 24.99%;
    float: left;
    padding-right: 6px;
    padding-left: 9px;
  }

  .fourth-group-fourth {
    width: 24.99%;
    float: left;
    padding-left: 12px;
  }
}
.form-control[disabled] {
  background-color: #ffffff;
}

.selectize-control .selectize-input.disabled {
  opacity: 1;
  cursor: not-allowed !important;
}

.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: not-allowed !important;
}

.car-compensation-title,
.negotiable-title,
.candidate-gender-title {
  display: block;
}

.non-bias-title {
  display: block;
  margin-left: 50px;
}

.car-compensation-container,
.negotiable-container,
.candidate-gender-container,
.candidate-gender-other-container {
  float: left;
  width: 80px;
  padding-top: 6px;
}
.car-compensation-container label,
.negotiable-container label,
.candidate-gender-container label,
.candidate-gender-other-container label {
  padding-left: 6px;
}
.car-compensation-container .radio,
.negotiable-container .radio,
.candidate-gender-container .radio,
.candidate-gender-other-container .radio {
  margin-top: 0;
}

.non-bias-container {
  float: right;
  width: 80px;
  padding-top: 6px;
}
.non-bias-container label {
  padding-left: 6px;
}
.non-bias-container .radio {
  margin-top: 0;
}

.candidate-gender-other-container {
  width: 100%;
}
.candidate-gender-other-container input[type=text] {
  border-radius: 3px;
  margin-left: 5px;
  width: 120px;
  display: inline-block;
  padding: 0 4px;
  height: 28px;
}

.btn-hiring_managers,
.btn-pulled {
  margin-left: 10px;
}

.submit-job-form {
  margin-left: 10px;
}

.submit-job-form-comment {
  clear: both;
  font-size: 12px;
  margin-top: 4px;
  display: none;
}

#candidate-generic-link {
  height: 260px;
}

#culture.form-control {
  height: 120px;
}

.middle-btn {
  margin: 0 10px;
}

.id-field {
  width: 100px;
}

.name-field {
  margin-left: 120px;
}

/**
 * Bootstrap tagsinput
 * http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/
 */
.bootstrap-tagsinput {
  background-color: #fff;
  display: inline-block;
  padding-left: 15px;
  height: 38px;
  color: #555;
  vertical-align: middle;
  border-radius: 6px;
  max-width: 100%;
  width: 100%;
  line-height: 25px;
  overflow-x: hidden;
  cursor: text;
}

.bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  min-width: 250px;
  outline: none;
  background-color: transparent;
  padding: 0 6px;
  height: 38px;
  margin: 0;
  width: auto;
  max-width: inherit;
}

.bootstrap-tagsinput.form-control input::-moz-placeholder {
  color: #777;
  opacity: 1;
}

.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
  color: #777;
}

.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
  color: #777;
}

.bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none;
}

.bootstrap-tagsinput .tag {
  font-size: 14px;
  margin-right: 2px;
  color: white;
}

.bootstrap-tagsinput .tag a {
  color: #ffffff;
  text-decoration: underline;
}
.bootstrap-tagsinput .tag a:hover {
  color: rgba(255, 255, 255, 0.8);
}

.bootstrap-tagsinput .tag [data-role=remove] {
  margin-left: 8px;
  cursor: pointer;
}

.bootstrap-tagsinput .tag [data-role=remove]:after {
  content: "x";
  padding: 0px 2px;
}

.bootstrap-tagsinput .tag [data-role=remove]:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.bootstrap-tagsinput .tag [data-role=remove]:hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.score-description {
  width: 540px;
  margin-top: -10px;
  margin-bottom: 50px;
}

.rating-scale {
  clear: both;
  width: 100%;
  max-width: 540px;
  margin: 6px 0 0 0;
  padding: 0;
}
.rating-scale .rating-scale-left {
  width: 33%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: left;
}
.rating-scale .rating-scale-middle {
  width: 33%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.rating-scale .rating-scale-right {
  width: 33%;
  float: right;
  margin: 0;
  padding: 0;
  text-align: right;
}
.rating-scale .rating-scale-container {
  clear: both;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 20px 0;
}
.rating-scale .rating-scale-number-input {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin: 15px 6px 0 6px;
}
.rating-scale .rating-scale-number-input .rating-scale-input {
  display: block;
  width: 20px;
  text-align: center;
}

.toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}

.toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

input.toggle-round-flat + label {
  padding: 2px;
  width: 36px;
  height: 20px;
  background-color: #707070;
  border-radius: 20px;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}

input.toggle-round-flat + label:before,
input.toggle-round-flat + label:after {
  display: block;
  position: absolute;
  content: "";
}

input.toggle-round-flat + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #fff;
  border-radius: 20px;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}

input.toggle-round-flat + label:after {
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 12px;
  background-color: #707070;
  border-radius: 12px;
  -webkit-transition: margin 0.4s, background 0.4s;
  transition: margin 0.4s, background 0.4s;
}

input.toggle-round-flat:checked + label {
  background-color: #0d38d7;
}

input.toggle-round-flat:checked + label:after {
  margin-left: 16px;
  background-color: #0d38d7;
}

.loading-dots {
  display: none;
  font-size: 1em;
  /* set size here */
  line-height: 1;
  padding: 0.125em 0 0.175em 0;
  width: 2.75em;
}
.loading-dots span {
  background: transparent;
  border-radius: 50%;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
  display: inline-block;
  height: 0.6em;
  width: 0.6em;
  -webkit-animation: loading-dots 0.8s linear infinite;
  animation: loading-dots 0.8s linear infinite;
}
.loading-dots span:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.loading-dots span:nth-child(1) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.panel-heading > .dropdown .dropdown-toggle {
  color: #fff;
}

/*
  Define the animation for every efing vendor prefix
*/
@-webkit-keyframes loading-dots {
  0% {
    background: transparent;
  }
  50% {
    background: #ffffff;
  }
  100% {
    background: transparent;
  }
}
@keyframes loading-dots {
  0% {
    background: transparent;
  }
  50% {
    background: #ffffff;
  }
  100% {
    background: transparent;
  }
}
@media all {
  .page-break {
    display: none;
  }
}
@media print {
  .page-break {
    display: block;
    page-break-before: always;
  }
}
.ui-autocomplete {
  z-index: 10000;
  border-radius: 3px;
}
.ui-autocomplete li:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.ui-autocomplete li:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.loader-progress-bar {
  position: absolute;
  height: 16px;
  display: block;
  width: 50%;
  left: 25%;
  background-color: #dfdfdf;
  border-radius: 5px;
  background-clip: padding-box;
  margin: 0.5rem 0 1rem 0;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  overflow: hidden;
}
.loader-progress-bar--hidden {
  display: none;
}

.export-candidate-loader p {
  margin-top: 40px;
  text-align: center;
}

.loader-progress-bar .determinate {
  position: absolute;
  background-color: inherit;
  top: 0;
  bottom: 0;
  background-color: #26a69a;
  -webkit-transition: width 0.3s linear;
  transition: width 0.3s linear;
}

.loader-progress-bar .indeterminate {
  background-color: #488fe1;
}

.loader-progress-bar .indeterminate:before {
  content: "";
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.loader-progress-bar .indeterminate:after {
  content: "";
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  -webkit-animation-delay: 1.15s;
  animation-delay: 1.15s;
}

@-webkit-keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@-webkit-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
.progress {
  height: 6px;
  background-color: #dfdfdf;
  box-shadow: none;
}

div.dataTables_wrapper {
  margin-top: 10px;
  border-top: 2px solid #dfdfdf;
}
div.dataTables_wrapper table {
  border-top: 2px solid #dfdfdf;
  border-bottom: 2px solid #dfdfdf;
  margin-top: 0 !important;
}
@media (max-width: 480px) {
  div.dataTables_wrapper table {
    border-top: none;
  }
}
div.dataTables_wrapper table > thead > tr > th {
  font-size: 30px;
  font-weight: 200;
  padding-top: 20px;
  padding-bottom: 20px;
}
div.dataTables_wrapper table > thead > tr > th.candidates-table-checkbox {
  height: 83px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
div.dataTables_wrapper table > thead > tr > th.sorting:after, div.dataTables_wrapper table > thead > tr > th.sorting_asc:after, div.dataTables_wrapper table > thead > tr > th.sorting_desc:after {
  position: relative;
  left: 15px;
  top: 2px;
  display: inline-block;
  content: "";
  width: 28px;
  height: 20px;
  opacity: 1;
}
div.dataTables_wrapper table > thead > tr > th.sorting:after {
  background-image: url("../img/sort.svg");
}
div.dataTables_wrapper table > thead > tr > th.sorting_asc:after {
  background-image: url("../img/sort_asc.svg");
}
div.dataTables_wrapper table > thead > tr > th.sorting_desc:after {
  background-image: url("../img/sort_desc.svg");
}
div.dataTables_wrapper tr > th:first-child,
div.dataTables_wrapper tr > td:first-child {
  padding-left: 0;
}
div.dataTables_wrapper tbody > tr {
  background-color: transparent;
  border-bottom: 1px solid #dfdfdf !important;
}
div.dataTables_wrapper tbody > tr > td {
  padding: 26px 8px;
  min-height: 60px;
  background: transparent;
  border: none !important;
  font-weight: 500;
}
@media (max-width: 480px) {
  div.dataTables_wrapper tbody > tr > td {
    padding-top: 10px;
    padding-bottom: 12px;
  }
}
div.dataTables_wrapper tbody > tr:first-child > td {
  border-top: none;
}
div.dataTables_wrapper .row:first-child .col-md-6,
div.dataTables_wrapper .row:first-child .col-sm-6 {
  padding-top: 28px;
  padding-bottom: 20px;
}
div.dataTables_wrapper div.dataTables_length .selectize-control {
  margin-left: 8px;
  margin-right: 8px;
}
div.dataTables_wrapper div.dataTables_filter input {
  width: 300px;
  max-width: 100%;
}
div.dataTables_wrapper .row:last-child .col-sm-5,
div.dataTables_wrapper .row:last-child .col-sm-7 {
  padding-top: 28px;
  padding-bottom: 20px;
}
div.dataTables_wrapper .row:last-child .dataTables_info {
  font-weight: 300;
}
div.dataTables_wrapper .pagination .paginate_button {
  font-size: 12px;
  font-weight: 700;
  border-radius: 0;
}
div.dataTables_wrapper .pagination .paginate_button a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  height: 38px;
  box-sizing: border-box;
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0);
  border: 2px solid #3578ea;
  border-left: none;
  color: #0d38d7;
  padding: 2px 14px 0 14px;
  border-radius: 0;
  margin-left: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
div.dataTables_wrapper .pagination .paginate_button a:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
div.dataTables_wrapper .pagination .paginate_button.previous a, div.dataTables_wrapper .pagination .paginate_button.next a {
  border: none;
  box-sizing: border-box;
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0);
  background-repeat: no-repeat;
  border: 2px solid #3578ea;
  color: #0d38d7;
}
div.dataTables_wrapper .pagination .paginate_button.previous a {
  background-image: url("../img/arrow-left.svg");
  background-position: 14px 10px;
  padding: 2px 14px 0 35px;
  border-radius: 50px 0 0 50px;
}
div.dataTables_wrapper .pagination .paginate_button.next a {
  border-left: none;
  padding: 2px 35px 0 14px;
  border-radius: 0 50px 50px 0;
  position: relative;
}
div.dataTables_wrapper .pagination .paginate_button.next a:after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  right: 14px;
  width: 9px;
  height: 14px;
  background-image: url("../img/arrow-right.svg");
  background-repeat: no-repeat;
}
div.dataTables_wrapper .pagination .paginate_button.disabled a:hover {
  background-color: rgba(53, 120, 234, 0);
  color: #0d38d7;
}
div.dataTables_wrapper .pagination .paginate_button.active a {
  background-color: #3578ea;
  color: #ffffff;
}
div.dataTables_wrapper .pagination .paginate_button.active a:hover {
  background-color: #3578ea;
}
@media (max-width: 480px) {
  div.dataTables_wrapper .pagination .paginate_button:not(.previous):not(.next) {
    display: none;
  }
}
div.dataTables_wrapper a {
  color: #333333;
}
div.dataTables_wrapper .form-row-actions {
  position: absolute;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  color: #0d38d7;
  margin-top: 10px;
}
div.dataTables_wrapper .form-row-actions a {
  color: #0d38d7;
  margin-left: 0px;
  margin-right: 6px;
  cursor: pointer;
}
div.dataTables_wrapper .form-row-actions a:first-child {
  margin-left: 0;
}
div.dataTables_wrapper .form-row-actions a.btn {
  padding-top: 2px;
}
div.dataTables_wrapper .form-row-actions .delete-link {
  padding: 2px 0 0 0;
  margin-left: 6px;
  margin-right: 3px;
  color: #ff2760 !important;
}
div.dataTables_wrapper .form-row-actions .delete-link:hover {
  border-bottom-color: #ff2760;
}
div.dataTables_wrapper tr:hover .form-row-actions {
  opacity: 1;
}
div.dataTables_wrapper div.dataTables_paginate {
  margin-bottom: 2em;
}
div.dataTables_wrapper ul,
div.dataTables_wrapper ol {
  margin: 0;
  padding-left: 17px;
}
div.dataTables_wrapper ul li,
div.dataTables_wrapper ol li {
  margin-bottom: 15px;
}
div.dataTables_wrapper table.dataTable.dtr-inline.collapsed {
  max-width: 100% !important;
}
div.dataTables_wrapper table.dataTable.dtr-inline.collapsed .responsive-toggle-column {
  display: table-cell !important;
}
div.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child, div.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
  padding-left: 0;
}
div.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before, div.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before {
  display: none;
}
div.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr td {
  min-height: 0;
  height: auto;
  padding: 14px;
}
div.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr td:first-child {
  pointer-events: initial;
}
div.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr .responsive-toggle-row {
  display: table-cell !important;
  vertical-align: middle !important;
}
div.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr .expand-row {
  border: none;
  background-color: #3578ea;
  font-size: 30px;
  box-shadow: none;
  width: 28px;
  height: 28px;
  line-height: 30px;
  border-radius: 14px;
  padding: 0;
  display: none;
}
@media (max-width: 480px) {
  div.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr .expand-row {
    display: block;
  }
}
div.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr .expand-row:before {
  content: "+";
  color: white;
  width: 28px;
  height: 20px;
  padding-top: 3px;
  display: block;
  text-align: center;
  font-family: "Courier New", Courier, monospace;
  line-height: 14px;
}
@media (max-width: 480px) {
  div.dataTables_wrapper .dataTables_info {
    white-space: break-spaces !important;
    max-width: 100%;
    text-align: center;
  }
}

.dtr-bs-modal.modal {
  z-index: 9999;
}

.job-responsive-modal {
  margin-top: -30px;
}
.job-responsive-modal .form-row-actions {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  width: 100%;
}
.job-responsive-modal .form-row-actions a {
  display: inline-block;
  margin: 0 10px;
}

.responsive-details-table {
  margin-left: -15px;
  margin-right: -15px;
  width: calc(100% + 30px);
  max-width: none;
}
.responsive-details-table ul {
  margin: 0 0 6px;
  padding: 0;
}
.responsive-details-table .form-row-actions {
  display: none;
}

@media only screen and (max-width: 768px) {
  .list-of-jobs-container .new-recruitment-dropdown {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .list-of-jobs-container .dataTables_length label {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
  }
}

.jobs-table {
  display: block;
  width: 100% !important;
}

@media only screen and (max-width: 490px) {
  div.dataTables_wrapper .jobs-table.collapsed tbody tr td.responsive-toggle-row .expand-row {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
  }
}

@media only screen and (max-width: 490px) {
  div.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
div.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
    padding-left: 14px;
  }
}

@media only screen and (max-width: 350px) {
  div.dataTables_wrapper table.jobs-table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
div.dataTables_wrapper table.jobs-table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child,
div.dataTables_wrapper table.jobs-table.dataTable.dtr-inline.collapsed > tbody > tr td {
    padding-left: 7px;
    padding-right: 7px;
  }
}

@media only screen and (max-width: 768px) {
  .jobs-table-container-col > .dataTables_wrapper > .row:first-child {
    display: none;
  }
}

div.dataTables_wrapper .jobs-table {
  border-collapse: separate;
  border-spacing: 0 1rem;
  margin-right: 100px;
  border-top: none;
  margin-top: -65px !important;
}
div.dataTables_wrapper .jobs-table td {
  height: auto;
  min-height: 0;
}
div.dataTables_wrapper .jobs-table thead {
  height: 2px !important;
  overflow: hidden;
  visibility: hidden;
  border-spacing: 0 1rem;
}
div.dataTables_wrapper .jobs-table thead th {
  border-bottom: none;
  height: 0 !important;
  overflow: hidden;
  border-spacing: 0 1rem;
  padding: 0;
}
div.dataTables_wrapper .jobs-table tbody {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
div.dataTables_wrapper .jobs-table tbody tr {
  display: grid;
  grid-template-columns: minmax(0, 1.9fr) minmax(0, 0.7fr) 0 minmax(0, 1fr);
  margin: 0.75em 0;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border: 2px solid #3578ea !important;
  background-color: #ffffff;
}
div.dataTables_wrapper .jobs-table tbody tr td {
  display: -webkit-box;
  display: flex;
  padding: 1em 0;
  align-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
          align-items: stretch;
  flex-basis: 100%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div.dataTables_wrapper .jobs-table tbody tr td:first-child {
  padding-left: 2em;
  border-radius: 10px 0 0 10px;
}
@media only screen and (max-width: 768px) {
  div.dataTables_wrapper .jobs-table tbody tr td:first-child {
    -webkit-box-pack: start;
            justify-content: flex-start;
    padding-left: 2em;
  }
}
div.dataTables_wrapper .jobs-table tbody tr td:nth-child(2) {
  display: -webkit-box !important;
  display: flex !important;
  padding-left: 2em;
  padding-right: 2em;
}
@media only screen and (max-width: 768px) {
  div.dataTables_wrapper .jobs-table tbody tr td:nth-child(2) {
    -webkit-box-pack: start;
            justify-content: flex-start;
    padding-left: 2em;
  }
}
div.dataTables_wrapper .jobs-table tbody tr td:nth-child(3) {
  display: -webkit-box !important;
  display: flex !important;
  padding: 0 1em;
}
div.dataTables_wrapper .jobs-table tbody tr td:last-child {
  border-radius: 0 10px 10px 0;
  display: -webkit-box !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  justify-content: space-around;
}
div.dataTables_wrapper .jobs-table tbody tr td:last-child .deadline-container {
  padding: 0 2em;
}
div.dataTables_wrapper .jobs-table tbody tr td:last-child .close-link-container {
  padding: 0 2em;
}
@media only screen and (max-width: 490px) {
  div.dataTables_wrapper .jobs-table tbody tr td:last-child .close-link-container {
    display: none;
  }
}
div.dataTables_wrapper .jobs-table tbody tr td:last-child .close-link-container .close-link[data-can-close-job=false] {
  pointer-events: none;
  opacity: 0.4;
}
div.dataTables_wrapper .jobs-table tbody tr td:last-child .close-link-container .duplicate-link[data-can-copy-job=false] {
  pointer-events: none;
  opacity: 0.4;
}
div.dataTables_wrapper .jobs-table tbody tr:hover {
  -webkit-transform: translateY(-2.5px) scale(1.012);
  transform: translateY(-2.5px) scale(1.012);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
  border: 2px solid #0d38d7;
}
@media only screen and (max-width: 1400px) {
  div.dataTables_wrapper .jobs-table tbody tr {
    grid-template-columns: minmax(0, 1.9fr) minmax(0, 0.7fr) minmax(0, 1fr);
  }
  div.dataTables_wrapper .jobs-table tbody tr td {
    padding: 1em;
  }
  div.dataTables_wrapper .jobs-table tbody tr td .deadline-container {
    margin-right: 1em;
  }
  div.dataTables_wrapper .jobs-table tbody tr td:nth-child(3) {
    display: none !important;
  }
}
@media only screen and (max-width: 1200px) {
  div.dataTables_wrapper .jobs-table tbody tr td {
    padding: 1em 0.5em;
  }
  div.dataTables_wrapper .jobs-table tbody tr td:last-child {
    padding: 0 0.5em;
  }
  div.dataTables_wrapper .jobs-table tbody tr td:last-child div, div.dataTables_wrapper .jobs-table tbody tr td:last-child .btn-responsive {
    padding: 0 1em;
  }
  div.dataTables_wrapper .jobs-table tbody tr td:last-child .deadline-container {
    padding: 0 0.5em;
  }
  div.dataTables_wrapper .jobs-table tbody tr td:last-child .close-link-container {
    padding: 0 0.5em;
  }
  div.dataTables_wrapper .jobs-table tbody tr .job-location-container {
    padding: 0 1em;
    width: 100%;
  }
  div.dataTables_wrapper .jobs-table tbody tr .job-name-container {
    display: -webkit-box;
    display: flex;
  }
  div.dataTables_wrapper .jobs-table tbody tr .job-name-container a {
    -webkit-box-align: center;
            align-items: center;
  }
}
@media only screen and (max-width: 950px) {
  div.dataTables_wrapper .jobs-table tbody tr {
    grid-template-columns: minmax(0, 1.9fr) minmax(0, 0.8fr);
  }
  div.dataTables_wrapper .jobs-table tbody tr .deadline-container, div.dataTables_wrapper .jobs-table tbody tr .close-link-container {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  div.dataTables_wrapper .jobs-table tbody tr {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr -webkit-min-content;
    grid-template-rows: 1fr min-content;
  }
  div.dataTables_wrapper .jobs-table tbody tr .job-name-container {
    align-self: start;
  }
  div.dataTables_wrapper .jobs-table tbody tr .job-location-container {
    align-self: start;
  }
}
@media only screen and (max-width: 490px) {
  div.dataTables_wrapper .jobs-table tbody tr {
    grid-template-columns: 0.1fr 1fr;
  }
  div.dataTables_wrapper .jobs-table tbody tr .job-details-container {
    display: grid;
    grid-template-columns: 0.01fr 1fr 1fr;
    grid-column-gap: 0;
    gap: 1em;
  }
  div.dataTables_wrapper .jobs-table tbody tr .job-details-container .job-name-container {
    height: 100%;
    -webkit-box-align: start;
            align-items: flex-start;
  }
  div.dataTables_wrapper .jobs-table tbody tr .job-location-container {
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    text-align: left;
  }
  div.dataTables_wrapper .jobs-table tbody tr td:nth-child(3) {
    display: -webkit-box !important;
    display: flex !important;
    grid-column: 2/span 1;
    grid-row: 2/span 1;
  }
}
@media only screen and (max-width: 350px) {
  div.dataTables_wrapper .jobs-table tbody tr .job-details-container {
    gap: 0.5em;
  }
  div.dataTables_wrapper .jobs-table tbody tr .job-location-container {
    padding: 0 0.2em;
  }
}
div.dataTables_wrapper .jobs-table .jobs-table-name {
  width: 500px;
}
@media (max-width: 599px) {
  div.dataTables_wrapper .jobs-table .jobs-table-name {
    width: 240px !important;
  }
}
div.dataTables_wrapper .jobs-table .jobs-table-participants {
  max-width: 340px;
}
div.dataTables_wrapper .jobs-table .jobs-table-dates {
  max-width: 200px;
}
div.dataTables_wrapper .jobs-table .job-reference-number {
  font-weight: 200;
  display: inline-block;
}
@media (max-width: 599px) {
  div.dataTables_wrapper .jobs-table .job-reference-number {
    display: none !important;
  }
}
div.dataTables_wrapper .jobs-table .job-details-container {
  width: 100%;
  display: inline-grid;
  grid-column-gap: 3em;
  grid-template-columns: minmax(80px, 0.6fr) minmax(0, 2fr) minmax(0, 1.2fr);
  -webkit-box-align: center;
          align-items: center;
}
div.dataTables_wrapper .jobs-table .job-details-container .job-name-container {
  display: -webkit-box;
  display: flex;
  align-content: center;
  -webkit-box-align: center;
          align-items: center;
  cursor: default;
}
div.dataTables_wrapper .jobs-table .job-details-container .job-name-container a {
  text-decoration: none;
  display: -webkit-box;
  display: flex;
}
div.dataTables_wrapper .jobs-table .job-details-container .job-name-container a span {
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
div.dataTables_wrapper .jobs-table .job-details-container .job-name-container a span:hover {
  color: #3578ea;
}
@media (max-width: 599px) {
  div.dataTables_wrapper .jobs-table .job-details-container .job-name-container {
    min-width: 0;
  }
}
@media only screen and (max-width: 768px) {
  div.dataTables_wrapper .jobs-table .job-details-container {
    grid-template-columns: 80px minmax(0, 2fr) minmax(0, 1.2fr);
    grid-column-gap: 2em;
  }
}
@media only screen and (max-width: 599px) {
  div.dataTables_wrapper .jobs-table .job-details-container {
    grid-template-columns: 0 minmax(0, 2fr) minmax(0, 1.2fr);
  }
}
div.dataTables_wrapper .jobs-table .job-name-container--unsolicited {
  min-width: 340px;
}
@media (max-width: 599px) {
  div.dataTables_wrapper .jobs-table .job-name-container--unsolicited {
    min-width: 0;
  }
}
div.dataTables_wrapper .jobs-table .job-name {
  display: inline-block;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}
div.dataTables_wrapper .jobs-table .jobs-table-candidates {
  display: inline-block;
  width: 200px;
  text-align: center;
}
div.dataTables_wrapper .jobs-table .jobs-table-candidates-cell {
  display: inline-grid;
  grid-template-columns: repeat(4, 1fr);
  text-align: center;
  -webkit-box-align: center;
          align-items: center;
}
div.dataTables_wrapper .jobs-table .jobs-table-candidates-cell a {
  padding: 0 0.5em;
  text-decoration: none !important;
}
div.dataTables_wrapper .jobs-table .jobs-table-candidates-cell a .job-candidate-count {
  display: -webkit-box;
  display: flex;
  margin: 0 auto 6px auto;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  color: #ffffff;
  background-color: #00c3f7;
  text-decoration: none !important;
  line-height: 0;
  padding-top: 3px !important;
}
div.dataTables_wrapper .jobs-table .jobs-table-candidates-cell a .job-candidate-count--new {
  background-color: #ff2760;
}
div.dataTables_wrapper .jobs-table .jobs-table-candidates-cell a .job-candidate-count--in-process {
  background-color: #5264c0;
}
div.dataTables_wrapper .jobs-table .jobs-table-candidates-cell a .job-candidate-count--hired {
  background-color: #4fd262;
}
div.dataTables_wrapper .jobs-table .jobs-table-candidates-cell a .job-candidate-link-label {
  font-size: 12px;
  white-space: nowrap;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div.dataTables_wrapper .jobs-table .jobs-table-candidates-cell a .job-candidate-link-label::after {
  content: "";
  display: block;
  margin: auto;
  height: 2px;
  width: 0px;
  background: transparent;
  -webkit-transition: width 0.2s ease, background-color 0.2s ease;
  transition: width 0.2s ease, background-color 0.2s ease;
}
div.dataTables_wrapper .jobs-table .jobs-table-candidates-cell a:hover .job-candidate-link-label::after {
  width: 100%;
  background: #3578ea;
}
div.dataTables_wrapper .jobs-table .jobs-table-candidates-cell a:hover .job-candidate-link-label {
  color: #3578ea;
}
@media only screen and (max-width: 768px) {
  div.dataTables_wrapper .jobs-table .jobs-table-candidates-cell {
    grid-template-columns: 80px 1fr 1fr 1fr 1fr;
    grid-column-gap: 1em;
  }
  div.dataTables_wrapper .jobs-table .jobs-table-candidates-cell .all-candidates-link {
    grid-column: 2/span 1;
  }
  div.dataTables_wrapper .jobs-table .jobs-table-candidates-cell .new-candidates-link {
    grid-column: 3/span 1;
  }
  div.dataTables_wrapper .jobs-table .jobs-table-candidates-cell .in-process-candidates-link {
    grid-column: 4/span 1;
  }
  div.dataTables_wrapper .jobs-table .jobs-table-candidates-cell .hired-candidates-link {
    grid-column: 5/span 1;
  }
}
@media only screen and (max-width: 599px) {
  div.dataTables_wrapper .jobs-table .jobs-table-candidates-cell {
    grid-template-columns: 0 1fr 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 490px) {
  div.dataTables_wrapper .jobs-table .jobs-table-candidates-cell {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 1.3em;
  }
  div.dataTables_wrapper .jobs-table .jobs-table-candidates-cell .all-candidates-link {
    grid-column: 1/span 1;
  }
  div.dataTables_wrapper .jobs-table .jobs-table-candidates-cell .new-candidates-link {
    grid-column: 2/span 1;
  }
  div.dataTables_wrapper .jobs-table .jobs-table-candidates-cell .in-process-candidates-link {
    grid-column: 3/span 1;
  }
  div.dataTables_wrapper .jobs-table .jobs-table-candidates-cell .hired-candidates-link {
    grid-column: 4/span 1;
  }
}
@media only screen and (max-width: 370px) {
  div.dataTables_wrapper .jobs-table .jobs-table-candidates-cell {
    grid-column-gap: 0.5em;
  }
}
div.dataTables_wrapper .jobs-table .job-location-container {
  grid-column: 3/-1;
  display: inline-grid;
  text-decoration: none;
  cursor: default;
}
div.dataTables_wrapper .jobs-table .job-company {
  color: #707070;
}
div.dataTables_wrapper .jobs-table h5 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  color: #707070;
  margin-bottom: 2px;
  margin-top: 12px;
}
div.dataTables_wrapper .jobs-table h5:first-child {
  margin-top: 0;
}
div.dataTables_wrapper .jobs-table .participant-name {
  display: block;
  min-width: 120px;
  margin-bottom: 2px;
}
div.dataTables_wrapper .jobs-table .participant-name:last-child {
  margin-bottom: -2px;
}
div.dataTables_wrapper .jobs-table .deadline-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
div.dataTables_wrapper .jobs-table .deadline-container .job-date {
  text-decoration: none;
}
div.dataTables_wrapper .jobs-table .red_font_color {
  color: #ff2760;
}
div.dataTables_wrapper .jobs-table .yellow_font_color {
  color: #fcb424;
}
div.dataTables_wrapper .jobs-table .green_font_color {
  color: #4fd262;
}
div.dataTables_wrapper .jobs-table .job-new-candidate-count {
  color: #707070;
}
div.dataTables_wrapper .jobs-table .close-link-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
div.dataTables_wrapper .jobs-table .close-link-container a {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
div.dataTables_wrapper .jobs-table .close-link-container .close-link {
  float: left;
  margin-right: 5px;
  border: 2px solid #3578ea !important;
}
div.dataTables_wrapper .jobs-table .close-link-container .close-link:hover {
  color: white;
  background-color: #ff2760;
  border: 2px solid #ff2760 !important;
  -webkit-transform: scale(1.075);
  transform: scale(1.075);
}
div.dataTables_wrapper .jobs-table .close-link-container .duplicate-link {
  float: right;
  border: 2px solid #3578ea !important;
}
div.dataTables_wrapper .jobs-table .close-link-container .duplicate-link:hover {
  color: white;
  background-color: #3578ea;
  -webkit-transform: scale(1.075);
  transform: scale(1.075);
}

.job-responsive-modal .job-reference-number {
  font-weight: 200;
  text-align: center;
}
.job-responsive-modal .job-company {
  font-size: 1.25rem;
  text-align: center;
}
.job-responsive-modal .responsive-job-actions {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
          align-items: flex-end;
  margin: 20px 0;
}
.job-responsive-modal .responsive-job-actions .job-candidate-count {
  display: block;
  margin: 10px auto 0 auto;
  font-size: 2.125rem;
  font-weight: 500;
  text-align: center;
}
.job-responsive-modal .responsive-job-actions .btn-responsive {
  height: 30px;
  padding: 0 1.25rem;
  margin: 0;
}
.job-responsive-modal .job-participants {
  padding-left: 10px;
  margin-bottom: 20px;
}
.job-responsive-modal .job-participants li span {
  display: block;
  font-size: 12px;
  color: #707070;
  margin-bottom: 10px;
}
.job-responsive-modal .responsive-job-created {
  margin-top: 30px;
  text-align: center;
}
.job-responsive-modal .responsive-job-created:after {
  content: "";
  display: block;
  width: 75%;
  margin: 10px auto;
  border-bottom: 1px solid #dfdfdf;
}
.job-responsive-modal .responsive-job-deadline {
  text-transform: lowercase;
  text-align: center;
  margin-bottom: 30px;
}
.job-responsive-modal .responsive-job-deadline.red_font_color {
  color: #ff2760;
}
.job-responsive-modal .responsive-job-deadline.yellow_font_color {
  color: #fcb424;
}
.job-responsive-modal .responsive-job-deadline.green_font_color {
  color: #4fd262;
}
.job-responsive-modal .delete-link {
  color: #ff2760 !important;
}
.job-responsive-modal .delete-link:hover {
  border-bottom-color: #ff2760;
}

.table-search-input {
  border: 2px solid #3578ea;
  background-color: #3578ea;
  color: #ffffff;
  width: 120px;
  height: 38px;
  border-radius: 20px;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  font-size: 14px;
  font-weight: bold;
}
.table-search-input:focus {
  width: 260px;
  background-color: #ffffff;
  color: #3578ea;
}
.table-search-input::-webkit-input-placeholder {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}
.table-search-input:-ms-input-placeholder {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}
.table-search-input::-moz-placeholder {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}
.table-search-input::-ms-input-placeholder {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}
.table-search-input::placeholder {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
}

.list-of-jobs-container .dataTables_filter {
  display: none;
}

.dataTables_empty {
  grid-column: 1/-1;
}

div.dataTables_wrapper .candidates-table .candidates-table-checkbox {
  width: 30px;
}
div.dataTables_wrapper .candidates-table .candidates-table-checkbox .checkbox {
  position: relative;
  top: -3px;
}
div.dataTables_wrapper .candidates-table .checkbox input[type=checkbox] {
  position: absolute;
}

div.dataTables_wrapper .candidates-pool-table > tbody > tr > td {
  vertical-align: middle !important;
}
div.dataTables_wrapper .candidates-pool-table td.candidate-list-user {
  padding: 26px 10px 26px 0;
  display: table-cell;
  width: auto;
}
div.dataTables_wrapper .candidates-pool-table td.candidate-list-user > .flex-wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
          align-items: center;
  -moz-column-gap: 15px;
  -webkit-column-gap: 15px;
          column-gap: 15px;
}
div.dataTables_wrapper .candidates-pool-table .talent-pool-search-highlights {
  margin-top: 0;
}

div.dataTables_wrapper .user-pending-message {
  display: block;
  position: absolute;
  font-size: 12px;
  margin-top: 5px;
  color: #5264c0;
  font-weight: 600;
}
div.dataTables_wrapper .user-pending-message.user-pending-opened {
  color: #4fd262;
}
div.dataTables_wrapper .user-pending-message span {
  font-weight: 400;
}
div.dataTables_wrapper .user-pending .form-row-actions {
  margin-top: 30px;
}

.responsive-details-table--users {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
.responsive-details-table--users small {
  display: none;
}
.responsive-details-table--users tr:first-child,
.responsive-details-table--users tr:nth-child(2) {
  display: none;
}
.responsive-details-table--users tr:nth-child(3) td {
  border-top: none;
}
.responsive-details-table--users .form-row-actions {
  margin-top: 10px;
  display: block;
  color: transparent;
  width: 100%;
  font-size: 1px;
}
.responsive-details-table--users .form-row-actions a {
  display: inline-block;
  width: 100%;
  margin: 0 10px;
  color: #0d38d7;
  font-size: 13px;
}

div.dataTables_wrapper .companies-table small {
  color: #707070;
  font-weight: 600;
  text-transform: uppercase;
}

.responsive-details-table-actions {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  margin-bottom: 20px;
}
.responsive-details-table-actions .btn {
  padding: 11px 10px 10px 10px;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  margin-left: 10px;
}
.responsive-details-table-actions .btn:first-child {
  margin-left: 0;
}

.responsive-details-table--companies {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
.responsive-details-table--companies small {
  display: none;
}
.responsive-details-table--companies tr:first-child,
.responsive-details-table--companies tr:nth-child(2) {
  display: none;
}
.responsive-details-table--companies tr:nth-child(3) td {
  border-top: none;
}
.responsive-details-table--companies .form-row-actions {
  margin-top: 10px;
  display: block;
  color: transparent;
  width: 100%;
  font-size: 1px;
}
.responsive-details-table--companies .form-row-actions a {
  display: inline-block;
  width: 100%;
  margin: 0 10px;
  color: #0d38d7;
  font-size: 13px;
}

.ditaso-tabs {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ditaso-tabs li {
  position: relative;
  display: block;
  float: left;
  width: 50%;
  top: 1px;
}
.ditaso-tabs li a {
  display: block;
  font-weight: 200;
  font-size: 30px;
  color: #333333;
  text-decoration: none;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
  border: 1px solid transparent;
  -webkit-transition: background-color 0.3s, border 0.3s;
  transition: background-color 0.3s, border 0.3s;
}
.ditaso-tabs li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  height: 1px;
  border-top: 1px solid #333333;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ditaso-tabs li a#privacy-statement-tab:after {
  left: 110%;
  right: -90%;
}
.ditaso-tabs li a#personal-details-tab:after {
  left: -90%;
  right: 110%;
}
.ditaso-tabs li.active a {
  background-color: #ffffff;
  border-radius: 6px 6px 0 0;
  font-weight: 600;
}
.ditaso-tabs li.active #privacy-statement-tab::after {
  left: 10%;
  right: 10%;
}
.ditaso-tabs li.active #personal-details-tab::after {
  left: 10%;
  right: 10%;
}

.ditaso-tabs-steps {
  margin-bottom: 30px;
}
.ditaso-tabs-steps .ditaso-tabs-step {
  padding: 10px 45px 30px 45px;
  background-color: #ffffff;
  border-radius: 6px;
  display: none;
}
.ditaso-tabs-steps .ditaso-tabs-step.active {
  display: block;
}
.ditaso-tabs-steps .ditaso-tabs-step .form-control {
  border-color: #dfdfdf;
}
.ditaso-tabs-steps .ditaso-tabs-step .selectize-input {
  border: 2px solid #dfdfdf;
}
.ditaso-tabs-steps .ditaso-tabs-step .has-error .form-control, .ditaso-tabs-steps .ditaso-tabs-step .has-error .form-control .selectize-input {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-color: #ff2760;
}
.ditaso-tabs-steps .ditaso-tabs-steps .ditaso-tabs-step:first-child {
  border-radius: 0 6px 6px 6px;
}
.ditaso-tabs-steps .ditaso-tabs-steps .ditaso-tabs-step:last-child {
  border-radius: 6px 0 6px 6px;
}
.ditaso-tabs-steps .ditaso-tabs-actions {
  border-top: 1px solid #dfdfdf;
  padding-top: 20px;
}
@media (max-width: 990px) {
  .ditaso-tabs-steps .ditaso-tabs-responsive-action {
    margin-top: 20px;
  }
}
@media screen and (max-width: 990px) {
  .ditaso-tabs-steps .ditaso-tabs-responsive-comment {
    margin-top: -40px;
  }
}

.uploaded-file-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  width: 100%;
  min-height: 170px;
  padding: 20px 15px;
  box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  margin-bottom: 12px;
}
.uploaded-file-container:after {
  display: block;
  content: "";
  clear: both;
}
.uploaded-file-container .uploaded-file {
  width: clamp(200px, 250px, 100%);
  padding: 10px;
  border-radius: 6px;
  text-align: center;
  box-sizing: content-box;
  position: relative;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.uploaded-file-container .uploaded-file:hover {
  background-color: #f2f6fc;
}
.hidden-menu .uploaded-file-container .uploaded-file.uploaded-file-video {
  clear: both;
  float: none;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent !important;
}
.uploaded-file-container .uploaded-file h4 {
  font-weight: 300;
  text-align: center;
}
.uploaded-file-container .uploaded-file:first-child {
  border-top: none;
}
.uploaded-file-container .uploaded-file .ad_placement_options {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}
.uploaded-file-container .uploaded-file .ad_placement_options .btn.btn-secondary {
  font-weight: 600;
}
.uploaded-file-container .uploaded-file .ad_placement_options > :not(.active) {
  background-color: #cecece;
}
@media (max-width: 900px) {
  .uploaded-file-container .uploaded-file .ad_placement_options {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .uploaded-file-container .uploaded-file .ad_placement_options .btn {
    width: 100%;
    border-radius: 0;
  }
}
.uploaded-file-container.uploaded-file-without-name {
  min-height: 170px;
}
.uploaded-file-container.uploaded-file-without-name .uploaded-file {
  min-height: 60px;
}
.uploaded-file-container .form-group {
  margin-bottom: 10px;
}
.uploaded-file-container .attachment-name {
  border: none;
  text-align: center;
  font-weight: 300;
  max-width: 180px;
  padding: 0px;
  margin: 45px auto 0 auto;
  height: 30px;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.uploaded-file-container .uploaded-file-icon {
  width: 46px;
  height: 46px;
  margin-left: 42px;
  display: block;
  margin: 0 auto;
  background-size: cover;
  background-image: url("../img/file-icon.svg");
}
.uploaded-file-container .uploaded-file-icon.icon-image {
  background-image: url("../img/image-icon.svg");
}
.uploaded-file-container .uploaded-file-details {
  margin-top: 10px;
}
.uploaded-file-container .uploaded-file-details .uploaded-file-name {
  font-weight: 200;
  display: block;
  color: #0d38d7;
  text-decoration: none;
  border-bottom: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.uploaded-file-container .uploaded-file-details .uploaded-file-size, .uploaded-file-container .uploaded-file-details .uploaded-file-created-by, .uploaded-file-container .uploaded-file-details .uploaded-file-created-at {
  color: #707070;
  font-size: 11px;
  display: inline-block;
}
@media (max-width: 360px) {
  .uploaded-file-container .uploaded-file-details .uploaded-file-size, .uploaded-file-container .uploaded-file-details .uploaded-file-created-by, .uploaded-file-container .uploaded-file-details .uploaded-file-created-at {
    font-size: 10px;
  }
}
.uploaded-file-container .uploaded-file-details .uploaded-file-size {
  margin-right: 10px;
}
.uploaded-file-container .icon-website-thumbnail i {
  color: #ffffff;
  text-shadow: black 0 0 4px;
  -webkit-text-shadow: black 0 0 4px;
  margin: 4px;
  font-size: 16px;
}
@media (max-width: 995px) {
  .uploaded-file-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 599px) {
  .uploaded-file-container {
    grid-template-columns: 1fr;
  }
}

.uploaded-video-container {
  max-width: 100%;
}
@media (max-width: 360px) {
  .uploaded-video-container {
    max-width: auto;
    margin-left: -15px;
    width: calc(100% + 30px);
  }
}
.uploaded-video-container iframe {
  width: 640px;
  height: 365px;
  max-width: 100%;
}
@media (max-width: 500px) {
  .uploaded-video-container iframe {
    height: 280px;
  }
}
@media (max-width: 360px) {
  .uploaded-video-container iframe {
    height: 180px;
  }
}

.container-fluid .uploaded-file-video {
  max-width: none !important;
}

.remove-file {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 40px;
  height: 40px;
  background-image: url("../img/icon-remove-inactive.svg");
  background-color: transparent;
  border: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.remove-file:hover {
  background-image: url("../img/icon-remove-active.svg");
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.file-upload-actions {
  margin-bottom: 0 !important;
  margin-top: 0;
  min-height: 0;
}
.file-upload-actions label {
  margin-right: 10px;
}

.single-uploaded-file-container {
  grid-template-columns: repeat(1, 1fr) !important;
}

.image-selector {
  float: left;
  width: 200px;
  height: 280px;
  text-align: right;
  position: relative;
  margin-right: 40px;
}
.image-selector .image-file {
  height: 200px;
  width: 200px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: white;
}
.image-selector .image-file--rounded {
  border-radius: 50%;
}
@media (max-width: 660px) {
  .image-selector .image-file {
    margin: 0 auto;
  }
}
@media (max-width: 300px) {
  .image-selector .image-file {
    width: 180px;
    height: 180px;
  }
}
@media only screen and (max-width: 660px) {
  .image-selector {
    float: none;
    width: 100%;
    text-align: center;
  }
}
.image-selector .bootstrap-filestyle {
  margin: 10px auto;
}
.image-selector .bootstrap-filestyle label {
  display: block;
  width: 40px;
  height: 40px;
  background-image: url("../img/icon-edit-active.svg");
}
.image-selector .photo-size-switch-container {
  display: none;
}
.image-selector.with-image .photo-size-switch-container {
  display: block;
}
.image-selector .white-background {
  display: none;
  -webkit-box-pack: center;
          justify-content: center;
  margin: 3px 0;
}
.image-selector.with-image .white-background {
  margin: 3px 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
}
.image-selector .photo-size-switch {
  display: -webkit-box;
  display: flex;
  margin-top: 16px;
}
.image-selector .photo-size-switch .switch {
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
  top: -2px;
}
.image-selector .photo-size-switch .switch input.toggle-round-flat + label,
.image-selector .photo-size-switch .switch input.toggle-round-flat + label:after {
  background-color: #3578ea;
}
.image-selector .photo-size-switch .switch-label {
  width: 82px;
  text-align: left;
}
.image-selector .photo-size-switch .switch-label:first-child {
  text-align: right;
}

.job-created-panel {
  text-align: center;
}
.job-created-panel h2 {
  font-size: 20px;
  margin-bottom: 30px;
}
.job-created-panel .job-created-text {
  margin: 10px 0 10px 0;
  text-align: center;
}
.job-created-panel .job-created-text-left {
  margin: 10px 0 10px 0;
  text-align: left;
}
.job-created-panel .btn {
  margin-top: 30px;
}
.job-created-panel .call-me-button {
  margin: 10px 0 16px 0;
}

.custom-questions-updated-panel {
  text-align: center;
}

.language-chooser {
  width: 150px;
  margin-top: -9px;
}

#addAttachmentModal .modal-body, #addCVModal .modal-body {
  overflow: hidden;
}
#addAttachmentModal .add-attachment-modal-container, #addCVModal .add-attachment-modal-container {
  overflow: hidden;
}
#addAttachmentModal .attachment-name-block, #addCVModal .attachment-name-block {
  margin-bottom: 20px;
}
#addAttachmentModal .add-attachment-container, #addCVModal .add-attachment-container {
  width: 10000px;
}
@media only screen and (max-width: 600px) {
  #addAttachmentModal .add-attachment-container, #addCVModal .add-attachment-container {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
  }
}
#addAttachmentModal .add-attachment-file-container,
#addAttachmentModal .add-attachment-link-container,
#addAttachmentModal .add-attachment-video-container, #addCVModal .add-attachment-file-container,
#addCVModal .add-attachment-link-container,
#addCVModal .add-attachment-video-container {
  height: 140px;
  float: left;
}
@media only screen and (max-width: 600px) {
  #addAttachmentModal .add-attachment-file-container,
#addAttachmentModal .add-attachment-link-container,
#addAttachmentModal .add-attachment-video-container, #addCVModal .add-attachment-file-container,
#addCVModal .add-attachment-link-container,
#addCVModal .add-attachment-video-container {
    height: 140px;
  }
}
#addAttachmentModal h2, #addCVModal h2 {
  text-align: center;
  font-weight: 200;
  font-size: 30px;
  margin: 30px 0;
}
#addAttachmentModal .add-attachment-link-container, #addAttachmentModal .add-attachment-video-container, #addCVModal .add-attachment-link-container, #addCVModal .add-attachment-video-container {
  overflow: hidden;
  width: 50px;
}
#addAttachmentModal .add-attachment-file-container, #addCVModal .add-attachment-file-container {
  overflow: hidden;
}
#addAttachmentModal .add-attachment-file-container .form-group, #addCVModal .add-attachment-file-container .form-group {
  float: left;
}
#addAttachmentModal .add-attachment-container-wide, #addCVModal .add-attachment-container-wide {
  width: 10000px;
}
#addAttachmentModal .help-block, #addCVModal .help-block {
  margin-top: 19px;
}
#addAttachmentModal .add-attachment-video-container,
#addAttachmentModal .add-attachment-link-container, #addCVModal .add-attachment-video-container,
#addCVModal .add-attachment-link-container {
  margin-left: 10px;
}
#addAttachmentModal .add-attachment-video-container .form-group,
#addAttachmentModal .add-attachment-link-container .form-group, #addCVModal .add-attachment-video-container .form-group,
#addCVModal .add-attachment-link-container .form-group {
  float: left;
}
#addAttachmentModal .add-attachment-video-container .form-group input::-webkit-input-placeholder,
#addAttachmentModal .add-attachment-link-container .form-group input::-webkit-input-placeholder, #addCVModal .add-attachment-video-container .form-group input::-webkit-input-placeholder,
#addCVModal .add-attachment-link-container .form-group input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #707070;
  font-weight: 300;
}
#addAttachmentModal .add-attachment-video-container .form-group input::-moz-placeholder,
#addAttachmentModal .add-attachment-link-container .form-group input::-moz-placeholder, #addCVModal .add-attachment-video-container .form-group input::-moz-placeholder,
#addCVModal .add-attachment-link-container .form-group input::-moz-placeholder {
  /* Firefox 19+ */
  color: #707070;
  font-weight: 300;
}
#addAttachmentModal .add-attachment-video-container .form-group input:-ms-input-placeholder,
#addAttachmentModal .add-attachment-link-container .form-group input:-ms-input-placeholder, #addCVModal .add-attachment-video-container .form-group input:-ms-input-placeholder,
#addCVModal .add-attachment-link-container .form-group input:-ms-input-placeholder {
  /* IE 10+ */
  color: #707070;
  font-weight: 300;
}
#addAttachmentModal .add-attachment-video-container .form-group input:-moz-placeholder,
#addAttachmentModal .add-attachment-link-container .form-group input:-moz-placeholder, #addCVModal .add-attachment-video-container .form-group input:-moz-placeholder,
#addCVModal .add-attachment-link-container .form-group input:-moz-placeholder {
  /* Firefox 18- */
  color: #707070;
  font-weight: 300;
}
#addAttachmentModal .add-attachment-file,
#addAttachmentModal .add-attachment-link,
#addAttachmentModal .add-attachment-video, #addCVModal .add-attachment-file,
#addCVModal .add-attachment-link,
#addCVModal .add-attachment-video {
  display: block;
  float: left;
  width: 62px;
  margin-right: 10px;
  text-align: center;
  text-decoration: none;
}
#addAttachmentModal .add-attachment-file:hover,
#addAttachmentModal .add-attachment-link:hover,
#addAttachmentModal .add-attachment-video:hover, #addCVModal .add-attachment-file:hover,
#addCVModal .add-attachment-link:hover,
#addCVModal .add-attachment-video:hover {
  text-decoration: none;
}
#addAttachmentModal .add-attachment-file i,
#addAttachmentModal .add-attachment-link i,
#addAttachmentModal .add-attachment-video i, #addCVModal .add-attachment-file i,
#addCVModal .add-attachment-link i,
#addCVModal .add-attachment-video i {
  display: block;
  font-size: 40px;
  margin-top: 10px;
  width: 62px;
  height: 62px;
  position: relative;
  background-repeat: no-repeat;
}
#addAttachmentModal .add-attachment-file i:after,
#addAttachmentModal .add-attachment-link i:after,
#addAttachmentModal .add-attachment-video i:after, #addCVModal .add-attachment-file i:after,
#addCVModal .add-attachment-link i:after,
#addCVModal .add-attachment-video i:after {
  content: "";
  display: block;
  width: 62px;
  height: 62px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  opacity: 0;
}
#addAttachmentModal .add-attachment-file span,
#addAttachmentModal .add-attachment-link span,
#addAttachmentModal .add-attachment-video span, #addCVModal .add-attachment-file span,
#addCVModal .add-attachment-link span,
#addCVModal .add-attachment-video span {
  display: block;
  margin-top: 10px;
  color: #0d38d7;
}
#addAttachmentModal .add-attachment-file i, #addCVModal .add-attachment-file i {
  background: url("../img/file-document-inactive.svg");
}
#addAttachmentModal .add-attachment-file i:after, #addCVModal .add-attachment-file i:after {
  background: url("../img/file-document-active.svg");
}
#addAttachmentModal .add-attachment-file-container.active i:after,
#addAttachmentModal .add-attachment-link-container.active i:after,
#addAttachmentModal .add-attachment-video-container.active i:after, #addCVModal .add-attachment-file-container.active i:after,
#addCVModal .add-attachment-link-container.active i:after,
#addCVModal .add-attachment-video-container.active i:after {
  opacity: 1;
}
#addAttachmentModal .add-attachment-link i, #addCVModal .add-attachment-link i {
  background: url("../img/file-link-inactive.svg");
}
#addAttachmentModal .add-attachment-link i:after, #addCVModal .add-attachment-link i:after {
  background: url("../img/file-link-active.svg");
}
#addAttachmentModal .add-attachment-video i, #addCVModal .add-attachment-video i {
  background: url("../img/file-video-inactive.svg");
}
#addAttachmentModal .add-attachment-video i:after, #addCVModal .add-attachment-video i:after {
  background: url("../img/file-video-active.svg");
}
#addAttachmentModal .group-span-filestyle .btn, #addCVModal .group-span-filestyle .btn {
  border: 1px solid #3578ea;
  color: #0d38d7 !important;
  font-weight: 200;
  text-transform: none;
  padding: 11px 18px;
  border-radius: 0 6px 6px 0;
}
#addAttachmentModal .group-span-filestyle .btn .icon-span-filestyle, #addCVModal .group-span-filestyle .btn .icon-span-filestyle {
  display: none;
}

.uploaded-file {
  padding-top: 0;
}
.uploaded-file .form-group {
  min-height: 0;
}
.uploaded-file h4 {
  font-size: 14px !important;
  margin-bottom: 5px !important;
}

.uploaded-file-with-warning {
  height: auto !important;
}
.uploaded-file-with-warning .uploaded-file-warning {
  color: #8a6d3b;
  margin-bottom: 10px;
}

.uploaded-file-image {
  width: 100%;
  height: 65vh;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}
.uploaded-file-image img {
  max-width: 95%;
  max-height: 95%;
}

.culture-gallery .group-span-filestyle .btn {
  border: 1px solid #3578ea;
  color: #0d38d7 !important;
  font-weight: 200;
  text-transform: none;
  padding: 11px 18px;
  border-radius: 0 6px 6px 0;
}
.culture-gallery .group-span-filestyle .btn .icon-span-filestyle {
  display: none;
}
.culture-gallery .help-block-culture-gallery {
  display: block;
  margin-top: 7px;
  font-size: 14px;
  font-style: italic;
}

.score-container {
  float: right;
  text-align: right;
  font-weight: 300;
}
.score-container .score-container-label {
  font-weight: 300;
  display: inline-block;
  width: 80px;
}
.score-container .score-container-label.reference-score-label {
  width: 115px;
}
.score-container .score-container-label.case-score-label {
  width: 115px;
}
@media (max-width: 480px) {
  .score-container .score-container-label {
    width: auto;
    margin-right: 10px;
  }
}
.score-container .score-container-value,
.score-container .score-container-not-rated {
  font-size: 14px;
  display: inline-block;
  font-weight: 600;
  color: #333333;
  margin: 0;
}
.score-container .edit-score {
  display: block;
  width: 40px;
  height: 40px;
  float: right;
  margin-top: -12px;
  margin-left: 10px;
  background-image: url("../img/icon-edit-active.svg");
  background-repeat: no-repeat;
  border: none;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.score-container .edit-score:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.job-ad-header {
  width: 100vw;
  height: 33.333vw;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
          justify-content: center;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
.job-ad-header__header-items {
  padding-top: 20px;
}
@media (max-width: 900px) {
  .job-ad-header__header-items {
    padding-top: 0;
    margin-top: 10px !important;
  }
}
.job-ad-header__job-header {
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}
.job-ad-header__company-subheader {
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}
@media (max-width: 768px) {
  .job-ad-header__job-header {
    font-size: 2.125rem !important;
    margin-top: 10px !important;
    margin-bottom: 4px !important;
    color: #333333 !important;
    text-shadow: none;
  }
  .job-ad-header__company-subheader {
    font-size: 1.5rem !important;
    color: #333333 !important;
    text-shadow: none;
  }
}
.job-ad-header__gradient {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(71%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.53)));
  background-image: linear-gradient(rgba(0, 0, 0, 0) 71%, rgba(0, 0, 0, 0.53));
}
.job-ad-header__content {
  max-width: calc(100% - 32px);
  width: 1440px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 0 24px 16px 24px;
  z-index: 1;
}
@media (max-width: 900px) {
  .job-ad-header__content .visitor-company-logo {
    min-height: 128px !important;
    width: 128px !important;
  }
}
@media (max-width: 768px) {
  .job-ad-header__content .visitor-company-logo {
    margin-top: calc(33vw + 64px) !important;
  }
  .job-ad-header__content .job-listing-header__company-header {
    font-size: 2.4rem !important;
    text-align: left !important;
    margin-bottom: 10px !important;
  }
  .job-ad-header__content .job-listing-header__social-icons {
    margin-left: 0 !important;
  }
}
.job-ad-header__content .visitor-company-logo {
  min-height: 164px;
  width: 164px;
  -o-object-fit: contain;
     object-fit: contain;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  margin: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  background: #ffffff;
  margin-right: 48px;
  background-position: center center;
  background-repeat: no-repeat;
}
.job-ad-header__job-header {
  font-size: 3.75rem;
  font-weight: 700;
  color: #ffffff;
}
.job-ad-header__company-subheader {
  font-size: 2.125rem;
  color: #ffffff;
}

.cookie-bar {
  display: none !important;
}

.iframe-footer {
  height: 40px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  background: #ffffff;
}
.iframe-footer .copyright {
  margin: 8px 4px 0 0;
}
.iframe-footer img {
  height: 20px;
  margin-top: 3px;
}

.job-ad-content {
  width: 100vw;
  max-width: 1440px;
  padding: 54px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
          align-items: flex-start;
  margin: 0 auto;
  background: #ffffff;
}
.job-ad-content .job-ad-header__header-items {
  display: none;
}
.job-ad-content .job-description {
  width: calc(100% - 420px);
  padding-right: 48px;
}
.job-ad-content .job-description--section {
  padding-bottom: 24px;
}
.job-ad-content .job-description__features {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  flex-wrap: wrap;
  padding-bottom: 32px;
}
.job-ad-content .job-description__feature {
  max-width: 120px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  flex-wrap: wrap;
  padding: 16px;
}
.job-ad-content .job-description__feature svg {
  height: 56px;
  width: 56px;
}
.job-ad-content .job-description__feature svg path {
  fill: #000000;
}
.job-ad-content .job-description__label {
  color: #333333;
  text-align: center;
  margin-top: 8px;
  font-size: 1.5rem;
}
.job-ad-content .job-description__team-members {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
          justify-content: flex-start;
  flex-wrap: wrap;
}
.job-ad-content .job-description__team-members--center {
  -webkit-box-pack: center;
          justify-content: center;
}
.job-ad-content .job-description__all-team-members h3 {
  font-weight: bold;
}
.job-ad-content .job-description__team-member {
  width: 200px;
  height: 280px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  background: #ffffff;
  padding: 16px;
  flex-shrink: 0;
  margin: 0 16px 16px 0;
  border-radius: 8px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.job-ad-content .job-description__member-image {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.job-ad-content .job-description__member-name {
  margin: 8px 0;
  text-align: center;
}
.job-ad-content .job-description__member-position {
  margin-bottom: 16px;
  text-align: center;
}
.job-ad-content .job-description__apply-button {
  display: none;
  margin: 16px auto;
}
.job-ad-content .job-description__apply-button .btn-primary {
  width: 240px;
  margin: 0 auto;
}
.job-ad-content .job-description .linkedin {
  margin-top: auto;
}
.job-ad-content .job-description .icon-linkedin {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  margin-right: 0;
}
.job-ad-content .job-description .linkedin-container {
  width: 40px;
  height: 40px;
}
.job-ad-content .job-description__about-job-position p, .job-ad-content .job-description__about-company p {
  line-height: 1.2;
}
.job-ad-content .job-description__about-job-position h1, .job-ad-content .job-description__about-company h1 {
  font-size: 26px;
  font-weight: bold;
}
.job-ad-content .job-description__about-job-position h2, .job-ad-content .job-description__about-company h2 {
  font-size: 22px;
  font-weight: bold;
}
.job-ad-content .job-description__about-job-position h3, .job-ad-content .job-description__about-company h3 {
  font-size: 18px;
  font-weight: bold;
}
.job-ad-content .job-description__about-job-position img, .job-ad-content .job-description__about-company img {
  max-width: 100%;
}
.job-ad-content .job-description__video {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: start;
          justify-content: flex-start;
  border-radius: 8px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  background: #ffffff;
  margin: 16px 0;
  overflow: hidden;
}
.job-ad-content .side-bar {
  width: 420px;
  height: auto;
  min-height: 300px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-transform: translateY(-8%);
          transform: translateY(-8%);
  position: relative;
  z-index: 2;
}
.job-ad-content .side-bar__company-details {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: start;
          justify-content: flex-start;
  border-radius: 8px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  background: #ffffff;
  margin-bottom: 16px;
  overflow: hidden;
}
.job-ad-content .side-bar__apply-button {
  display: -webkit-box;
  display: flex;
  margin: 16px auto;
}
.job-ad-content .side-bar__apply-button .btn-primary {
  width: 240px;
  margin: 0 auto;
}
.job-ad-content .side-bar__details {
  padding: 16px 24px 0 24px;
}
.job-ad-content .side-bar__map {
  margin-top: 16px;
  width: 100%;
  height: 360px;
}
.job-ad-content .side-bar__details-title {
  color: #999999;
  font-size: 1.25rem;
  padding-bottom: 8px;
}
.job-ad-content .side-bar__details-body {
  color: #333333;
  font-weight: 500;
  font-size: 1.5rem;
}
.job-ad-content .side-bar__recruiter-details {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  padding: 24px 16px;
  border-radius: 8px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  background: #ffffff;
  margin: 16px 0;
}
.job-ad-content .side-bar__recruiter-image {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.job-ad-content .side-bar__recruiter-name {
  margin: 8px 0;
}
.job-ad-content .side-bar__recruiter-position {
  max-width: 200px;
  text-align: center;
}
.job-ad-content .side-bar .linkedin {
  margin-top: auto;
}
.job-ad-content .side-bar .icon-linkedin {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  margin: 16px 0 0 0;
}
.job-ad-content .side-bar .linkedin-container {
  display: none;
}
.job-ad-content .side-bar__recruiter-email {
  margin-bottom: 8px;
  text-decoration: none;
  color: #333333;
}
.job-ad-content .side-bar__recruiter-phone-number {
  color: #333333;
}
.job-ad-content .side-bar__video-details, .job-ad-content .side-bar__image-details {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: start;
          justify-content: flex-start;
  border-radius: 8px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  background: #ffffff;
  margin: 16px 0;
  overflow: hidden;
}
.job-ad-content .side-bar__details-video {
  padding: 0;
  margin: 0;
  width: 100%;
}
.job-ad-content .job-ad__apply-button {
  display: none;
  margin: 16px auto;
}
.job-ad-content .job-ad__apply-button .btn-primary {
  display: -webkit-box;
  display: flex;
  width: 240px;
  margin: 0 auto;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  padding-top: 2px;
}
@media (max-width: 768px) {
  .job-ad-content {
    padding-top: 150px !important;
  }
}

.job-ad-footer {
  background: #ffffff;
  width: 100%;
  max-width: 1440px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.job-ad-footer img {
  height: 20px;
  position: relative;
  top: -3px;
}

.job-ad-image-gallery__image--selectable.active {
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2);
}

@media (max-width: 900px) {
  .job-ad-header__content {
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
  }
  .job-ad-header__content .visitor-company-logo {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    margin-right: 0;
  }
  .job-ad-header__header-items {
    margin-top: 24px;
    text-align: center;
  }

  .job-ad-content {
    padding: 24px 16px;
  }
  .job-ad-content .job-description {
    padding: 24px;
    width: calc(100% - 250px);
  }
  .job-ad-content .side-bar {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    width: 280px;
  }
  .job-ad-content .side-bar .side-bar__apply-button {
    display: none;
  }
  .job-ad-content .job-ad__apply-button {
    display: -webkit-box;
    display: flex;
    -webkit-box-ordinal-group: 3;
    order: 3;
  }
}
@media (max-width: 599px) {
  .job-ad-header__content {
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
  }
  .job-ad-header__content .visitor-company-logo {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    margin-right: 0;
  }
  .job-ad-header__header-items {
    display: none;
    margin: 16px;
    text-align: center;
  }
  .job-ad-header__job-header {
    font-size: 3rem;
  }
  .job-ad-header__company-subheader {
    font-size: 1.5rem;
  }

  .job-ad-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    padding: 24px !important;
  }
  .job-ad-content .job-ad-header__header-items {
    display: block;
  }
  .job-ad-content .job-description {
    -webkit-box-ordinal-group: 2;
            order: 1;
    width: 100%;
    padding: 0;
  }
  .job-ad-content .job-description__all-team-members h3 {
    text-align: center;
  }
  .job-ad-content .job-description__team-member {
    margin-left: auto;
    margin-right: auto;
  }
  .job-ad-content .job-description__apply-button {
    display: -webkit-box;
    display: flex;
  }
  .job-ad-content .side-bar {
    -webkit-box-ordinal-group: 3;
            order: 2;
    width: 100%;
  }
}
.video-preview {
  position: relative;
}
.video-preview img {
  width: 100%;
}
.video-preview:after {
  content: "";
  display: block;
  width: 128px;
  height: 128px;
  background: url("../img/play-arrow.svg");
  background-size: contain;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin-top: -64px;
  margin-left: -64px;
  opacity: 0.5;
  -webkit-transition: opacity 400ms ease-in-out;
  transition: opacity 400ms ease-in-out;
  pointer-events: none;
}
.video-preview:hover:after {
  opacity: 1;
}

.video-view-modal iframe {
  width: 100%;
  height: calc(100vh - 150px);
  max-height: 400px;
}

.image_preview a {
  display: inline-grid;
  place-content: center;
}
.image_preview a img {
  max-width: 100%;
  max-height: 400px;
}

.call-me-form #candidate-phone, .call-me-form #country-code, .call-me-form #name {
  border: 1px solid #e9e9e9;
}

.error {
  color: red;
}

.password-popover-content {
  display: none;
}

.password-comment {
  font-size: 12px;
  margin: -4px 10px 0 0;
  line-height: 1.1;
  max-width: 260px;
  display: none;
}
.password-comment ul {
  margin-bottom: 0;
}
.password-comment.pull-left {
  margin-left: 10px;
  text-align: left;
}

.register-form .pass-text {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  padding-top: 0.5rem;
}
.register-form .password-comment {
  display: block;
  text-align: left;
  max-width: none;
  margin-top: 10px;
}
.register-form input[type=text],
.register-form input[type=password],
.register-form input[type=email] {
  border-color: #e0e0e0;
}
.register-form .form-group {
  min-height: 0;
}

.login-form .form-group,
.register-panel .form-group,
.password-form .form-group {
  min-height: 0;
}
.login-form input[type=text],
.login-form input[type=password],
.login-form input[type=email],
.register-panel input[type=text],
.register-panel input[type=password],
.register-panel input[type=email],
.password-form input[type=text],
.password-form input[type=password],
.password-form input[type=email] {
  border-color: #e0e0e0;
}

.user-email-error {
  color: #ff2760;
  display: none;
  position: absolute;
}

.company-users-action {
  margin-top: 20px;
  margin-bottom: 10px;
}
.company-users-action .btn {
  margin-bottom: 10px;
}
.company-users-action .pull-right {
  margin-left: 10px;
}

.warning-different-user {
  width: 100%;
  background-color: #00c3f7;
  color: #ffffff;
  margin-top: -42px;
  margin-bottom: 42px;
  padding: 20px;
  position: relative;
  font-weight: 200;
}
.warning-different-user .close-warning {
  width: 30px;
  height: 30px;
  border: 1px solid #ffffff;
  border-radius: 15px;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -15px;
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.warning-different-user .close-warning:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.warning-different-user .close-warning:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background-image: url("../img/icon-close-inverted-active.svg");
  margin-left: 5px;
  margin-top: 5px;
}

div.dataTables_wrapper table.company-users-table thead > tr > th:last-child,
div.dataTables_wrapper table.company-users-table tbody > tr > td:last-child {
  padding-left: 50px;
}

div.dataTables_wrapper table.users-table thead > tr > th:last-child,
div.dataTables_wrapper table.users-table tbody > tr > td:last-child {
  padding-left: 30px;
}

div.dataTables_wrapper table.company-users-table .edit-user-btn,
div.dataTables_wrapper table.users-table .edit-user-btn {
  text-decoration: none;
  color: #333333;
  -webkit-transition: font-weight 0.2s;
  transition: font-weight 0.2s;
}
div.dataTables_wrapper table.company-users-table .edit-user-btn:hover,
div.dataTables_wrapper table.users-table .edit-user-btn:hover {
  color: #3578ea;
  text-decoration: underline;
  -webkit-transition: font-weight 0.2s;
  transition: font-weight 0.2s;
}
div.dataTables_wrapper table.company-users-table .delete-user-btn,
div.dataTables_wrapper table.users-table .delete-user-btn {
  text-decoration: none;
  color: #ff2760;
  -webkit-transition: font-weight 0.2s;
  transition: font-weight 0.2s;
  cursor: pointer;
}
div.dataTables_wrapper table.company-users-table .delete-user-btn:hover,
div.dataTables_wrapper table.users-table .delete-user-btn:hover {
  text-decoration: underline;
  -webkit-transition: font-weight 0.2s;
  transition: font-weight 0.2s;
}

.settings-form {
  margin-bottom: 8rem;
}
.settings-form .no_action_header,
.settings-form .nonbiased_ratings_header {
  margin-bottom: 10px;
}
.settings-form .no_action_help-block,
.settings-form .nonbiased_ratings_help-block {
  margin-bottom: 30px;
}
.settings-form .switch-items {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.settings-form .switch-items .switch {
  padding-right: 16px;
}
.settings-form .switch-items p {
  margin: 0;
}

.settings-2fa-section {
  margin-top: 2rem;
}

.settings-2fa-modal .phone-comment {
  margin-top: 1.5rem;
}
.settings-2fa-modal #setUp2FAPhoneNumber .phone-error-message {
  height: 0;
  opacity: 0;
  color: #ff2760;
  font-size: 1.5rem;
}
@media (max-width: 480px) {
  .settings-2fa-modal #setUp2FAPhoneNumber .phone-error-message {
    margin-bottom: 1rem;
  }
}
@media (max-width: 480px) {
  .settings-2fa-modal .modal-body::after {
    left: 10px;
    right: 10px;
  }
}
.settings-2fa-modal .error-message {
  color: #ff2760;
  font-size: 1.5rem;
}

.settings-2fa-success-message {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
}

.location-image-small {
  width: 60px;
  margin: auto;
  margin-top: 5px;
  margin-left: 5px;
  display: block;
  border: 1px solid #555;
  box-shadow: 8px 8px 5px #ccc;
  -moz-box-shadow: 8px 8px 5px #ccc;
  -webkit-box-shadow: 8px 8px 5px #ccc;
  -khtml-box-shadow: 8px 8px 5px #ccc;
}

.location-image-small:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.reference-date-container {
  position: relative;
}

.reference-form textarea {
  height: 100px;
}

#other-relationship {
  margin-top: 6px;
}

.add-reference-action, .reference-export-action {
  margin: 10px 0 0 10px;
}

.bottom-row {
  margin-bottom: 40px;
}
.bottom-row a {
  margin-right: 10px;
}

.two-line-label {
  margin-bottom: 16px;
}
.two-line-label label {
  height: 40px;
}

.previous-reference-reminders {
  clear: both;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: end;
          align-items: flex-end;
}
.previous-reference-reminders h4 {
  font-size: 16px;
  font-weight: 200;
  margin-bottom: 5px;
}
.previous-reference-reminders ul {
  clear: both;
  padding: 0;
  font-size: 12px;
  list-style: none;
}
.previous-reference-reminders ul span {
  font-weight: 700;
  margin-left: 10px;
}

.telephone-group .col-md-8 {
  padding: 0;
}
.telephone-group .col-md-4 {
  padding-left: 0;
}
.telephone-group .col-md-4 input {
  padding-right: 0;
}

.must-group {
  padding-right: 30px !important;
  border-right: 1px solid #dfdfdf;
}
.must-group hr:last-child {
  display: none;
}
@media (max-width: 991px) {
  .must-group {
    padding-right: 15px !important;
    border-right: none;
  }
}

.should-group {
  padding-left: 30px !important;
}
.should-group hr:last-child {
  display: none;
}
@media (max-width: 991px) {
  .should-group {
    padding-left: 15px !important;
  }
}

.references-section {
  border: 1px solid #fff;
  border-radius: 4px;
  margin: 20px 0;
  position: relative;
}
.references-section.active {
  border: 1px solid #ddd;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.references-section h2 {
  font-size: 16px;
  display: inline;
  position: relative;
  top: -10px;
  left: 10px;
  padding: 0 8px 0 4px;
  background-color: #f2f6fc;
  cursor: pointer;
}
.references-section.active .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid\9 ;
}
.references-section .references-section-content {
  padding: 0 10px 16px 10px;
  display: none;
}

.reference-score {
  width: 70px;
  float: right;
}
.reference-score .reference-score-not-rated {
  font-weight: bold;
  color: #337ab7;
}
.reference-score .reference-score-value {
  font-size: 20px;
  margin-left: 20px;
  font-weight: bold;
}
.reference-score .edit-reference-score {
  position: absolute;
  z-index: 10;
  margin-top: -20px;
  margin-left: 50px;
}
.reference-score .edit-reference-score-rated {
  margin-left: 25px;
}

.reference-response-form label.external-label {
  text-transform: none;
}
.reference-response-form .references-custom-questions .long-label {
  text-transform: none;
}

.welcome-screen {
  text-align: center;
  font-size: 14px;
}

.welcome-message {
  text-align: left;
}

.ditaso-welcome-logo img {
  max-width: 395px;
  max-height: 170px;
  margin-bottom: 60px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
@media only screen and (max-width: 480px) {
  .ditaso-welcome-logo img {
    width: 80%;
    margin: 0 auto 20px auto;
  }
}

.register-panel .instruction {
  margin: 10px 0 20px 0;
  font-size: 16px;
}
.register-panel .form-group {
  width: 390px;
  margin-left: auto;
  margin-right: auto;
}
.register-panel .col-md-6 {
  width: 230px;
}
.register-panel .control-label {
  width: 135px;
  padding-left: 0;
}
.register-panel .half-group-left {
  border-right: 1px solid #cccccc;
}
.register-panel .half-group-right {
  padding-left: 20px;
  padding-right: 10px;
}
.register-panel h2 {
  font-size: 24px;
  margin: 20px 0 40px;
}
.register-panel .col-md-offset-4 {
  margin-left: 34.5%;
}
.register-panel .btn-link {
  padding-right: 0;
}
.register-panel .remember-me {
  margin-top: 102px;
}

.logged-out-message {
  text-align: center;
  margin: 20px 0 30px 0;
  font-weight: bold;
  line-height: 1.5em;
}

.progress {
  margin-top: 6px;
  margin-bottom: 6px;
  max-width: 300px;
}

.ditaso-error-logo img {
  max-width: 100%;
  margin-top: 40px;
}
@media only screen and (max-width: 480px) {
  .ditaso-error-logo img {
    width: 80%;
    margin: 0 auto 20px auto;
  }
}

.error-404 {
  font-size: 200px;
  font-weight: bold;
  color: #efefef;
  position: absolute;
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
}

.ditaso-error-push {
  margin-top: 100px;
}

.search-process-selector-message,
.search-process-selector-for-duplicating-message {
  margin-bottom: 30px;
  font-weight: 300;
  text-align: center;
}

.no-action-candidates_link {
  text-decoration: none;
}
.no-action-candidates_link:hover, .no-action-candidates_link:active, .no-action-candidates_link:visited, .no-action-candidates_link:link, .no-action-candidates_link:focus {
  text-decoration: none;
}
.no-action-candidates_link:hover .candidates-notification_field {
  box-shadow: rgba(238, 149, 0, 0.69) 0px 1px 4px;
  -webkit-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
  text-decoration: none;
}
.no-action-candidates_link:active .candidates-notification_field {
  -webkit-transform: translate(1px, 1px);
          transform: translate(1px, 1px);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  text-decoration: none;
}

.candidates-notification_field {
  width: 100%;
  height: 36px;
  background-color: #FEF7EA;
  border: 1px solid #EE9500;
  border-left: 8px solid;
  border-radius: 6px;
  color: #EE9500;
  display: -webkit-box;
  display: flex;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
@media (max-width: 520px) {
  .candidates-notification_field {
    height: auto;
  }
}
.candidates-notification_field .candidates-notification_text {
  -webkit-box-flex: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding-left: 10px;
}
@media (max-width: 520px) {
  .candidates-notification_field .candidates-notification_text {
    display: inline;
    height: auto;
  }
}
.candidates-notification_field .candidates-notification_chevron {
  width: 35px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  border-radius: 6px;
  -webkit-transition: box-shadow 0.15s;
  transition: box-shadow 0.15s;
}
.candidates-notification_field .candidates-notification_chevron svg.chevron-right {
  width: auto;
  height: 17px;
}
.candidates-notification_field .candidates-notification_chevron svg.chevron-right path {
  fill: #EE9500;
}

.recipient {
  border-top: 1px solid #cccccc;
  padding-top: 20px;
}
.recipient .resend-email-container {
  height: 60px;
}

.recipient-title {
  margin-top: 20px;
}

.descriptive-titles > a {
  font-weight: bold;
  color: #333333;
  text-decoration: none !important;
  cursor: default;
}
.descriptive-titles .dropdown > a {
  font-size: 14px;
  margin-top: -3px;
  font-weight: bold;
  color: #333333;
  text-decoration: none !important;
  cursor: default;
}

.custom-question-template-field-list {
  min-height: 60px;
  padding: 0;
  width: calc(33.33333% - 20px);
  margin: 0 20px 20px 0;
}
.custom-question-template-field-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.custom-question-template-field-list .custom-question-template-field {
  background-color: #ffffff;
  padding: 5px 25px 10px 25px;
  box-sizing: border-box;
  border-radius: 0;
  border: none;
  margin: 0 0 10px 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.custom-question-template-field-list .custom-question-template-field a {
  display: block;
  text-decoration: none;
  border: none;
  padding: 10px;
}
.custom-question-template-field-list .custom-question-template-field.ui-sortable-helper {
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.2);
}
.custom-question-template-field-list .custom-question-template-field:last-child {
  margin-bottom: 0;
}

.custom-question-template-field a span {
  color: #454545;
  font-weight: bold;
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
}
.custom-question-template-field .remove-custom-question-template-field {
  display: block;
  width: 40px;
  height: 40px;
  background-image: url("../img/icon-remove-inactive.svg");
  background-color: transparent;
  border: none;
  position: absolute;
  top: 10px;
  right: 10px;
}
.custom-question-template-field .custom-field-sequence {
  margin-bottom: 10px;
  border-bottom: 1px solid #efefef;
  padding-bottom: 9px;
  cursor: move;
}
.custom-question-template-field .custom-field-sequence .text {
  font-weight: bold;
}
.custom-question-template-field .fieldtype-container {
  display: none;
}

.flat-form-group {
  min-height: 0;
}

.custom-question-template-container {
  background-color: #ffffff;
  min-height: 60px;
  padding: 30px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.custom-question-template-container ul {
  min-height: 60px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.custom-question-template-container li {
  position: relative;
  background-color: #f2f6fc;
  border: none;
  border-radius: 0;
  padding: 30px 25px 20px 25px;
  box-sizing: border-box;
  margin: 0 0 15px 0;
}
.custom-question-template-container .custom-field-title {
  padding-bottom: 6px;
  margin-bottom: 10px;
  font-weight: bold;
}
.custom-question-template-container .form-group {
  min-height: 0;
}
.custom-question-template-container .language-field-template {
  display: none;
}
.custom-question-template-container .language-container .language-flag {
  display: block;
  width: 32px;
  height: 24px;
  margin: 5px 0;
}
.custom-question-template-container .language-container .form-group {
  border-top: 1px solid #e0e0e0;
  padding-top: 15px;
}
.custom-question-template-container .language-container .form-group.option-list {
  border-top: none;
  padding-top: 0;
}
.custom-question-template-container .language-container label {
  padding: 0;
  margin: 0;
}
.custom-question-template-container .language-container .option-container input[type=text] {
  margin: 0 0 15px 0;
  width: 100%;
  border-radius: 6px;
}
.custom-question-template-container .language-field-da .language-flag {
  background-image: url("../img/flags/flag-denmark@2x.png");
}
.custom-question-template-container .empty-paragraph {
  position: absolute;
  left: 0;
  right: 0;
  top: 30px;
}
.custom-question-template-container .option-container input[type=text] {
  height: 38px;
  margin: 0 0 15px 0;
  width: calc(100% - 40px);
  border-radius: 6px 0 0 6px;
  border-right: none;
}
.custom-question-template-container .remove-option {
  height: 38px;
  width: 30px;
  top: 0;
  margin-top: 0;
  position: relative;
  border-radius: 0 6px 6px 0;
  background-image: url("../img/icon-close-active.svg");
  background-position: 10px 10px;
  background-repeat: no-repeat;
}

#closeJobModal .form-group.enable-closed-job-notification,
#removeJobModal .form-group.enable-closed-job-notification {
  min-height: 20px;
}

.autosave-description {
  padding-top: 0;
  margin: 0 10px 0 0;
}

.negotiable-title {
  text-transform: none;
}

.job-analysis-form {
  max-width: 100vw;
  overflow-x: hidden;
}
.job-analysis-form .switch {
  padding-top: 20px;
}
.job-analysis-form .switch-label {
  float: left;
  margin-left: 45px;
}
.job-analysis-form textarea {
  resize: vertical;
}

.job-analysis-selected {
  height: 114px;
  overflow: auto;
  background-color: white;
  padding-bottom: 8px;
  border-radius: 10px;
}

.picked-indusrty-item:active {
  outline: 0;
  background-color: white;
  opacity: 0;
}

.search-process-checkbox-group {
  display: inline-block;
  margin-bottom: 10px;
}

.job-portal-sent-button {
  cursor: default !important;
}

.job-portal-sent-date {
  position: relative;
  left: 110px;
  top: -24px;
  display: block;
  float: right;
  clear: both;
  margin-top: -10px;
  font-size: 12px;
  color: #707070;
  width: 110px;
  text-align: center;
}

@media (max-width: 599px) {
  #menu_new_search_process {
    display: none;
  }
}

.rangeslider,
.rangeslider__fill {
  display: block;
  border-radius: 10px;
}

.rangeslider {
  background: #dfdfdf;
  position: relative;
}

.rangeslider--horizontal {
  height: 2px;
  width: 100%;
}

.rangeslider--vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%;
}

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.rangeslider__fill {
  overflow: hidden;
  position: relative;
}
.rangeslider__fill:after {
  content: "";
  width: 525px;
  height: 2px;
  display: block;
  background: #ff2760;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#ff2760), color-stop(25%, #f78d04), color-stop(50%, #ffd640), color-stop(75%, #c9e73c), to(#4fd262));
  background: linear-gradient(to right, #ff2760 0%, #f78d04 25%, #ffd640 50%, #c9e73c 75%, #4fd262 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ff2760", endColorstr="#4fd262",GradientType=1 );
  /* IE6-9 */
  position: absolute;
}

.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}

.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}

.rangeslider__handle {
  background: white;
  border: 1px solid #f6f6f6;
  cursor: pointer;
  display: inline-block;
  width: 30px;
  height: 30px;
  position: absolute;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
}

.rangeslider__handle:active, .rangeslider--active .rangeslider__handle {
  background-color: #f6f6f6;
}

.rangeslider--horizontal .rangeslider__handle {
  top: -13px;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}

.rangeslider--vertical .rangeslider__handle {
  left: -10px;
  touch-action: pan-x;
  -ms-touch-action: pan-x;
}

input[type=range]:focus + .rangeslider .rangeslider__handle {
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}

.job-description-form {
  padding-top: 30px;
}
.job-description-form #job-description-content {
  height: 200px;
}

.note-btn-group i {
  font-style: normal;
}

#addAttachmentModal .modal-body {
  overflow: hidden;
}
#addAttachmentModal .add-job-description-modal-container {
  overflow: hidden;
  margin-top: 20px;
}
#addAttachmentModal .add-job-description-container {
  width: 10000px;
}
#addAttachmentModal .add-job-description-file-container, #addAttachmentModal .add-job-description-link-container, #addAttachmentModal .add-job-description-video-container {
  height: 90px;
  float: left;
}
@media only screen and (max-width: 600px) {
  #addAttachmentModal .add-job-description-file-container, #addAttachmentModal .add-job-description-link-container, #addAttachmentModal .add-job-description-video-container {
    height: 120px;
  }
}
#addAttachmentModal .add-job-description-link-container {
  overflow: hidden;
  width: 50px;
}
#addAttachmentModal .add-job-description-file-container {
  overflow: hidden;
}
#addAttachmentModal .add-job-description-file-container .form-group {
  float: left;
}
#addAttachmentModal .add-job-description-container-wide {
  width: 10000px;
}
#addAttachmentModal .add-job-description-video-container, #addAttachmentModal .add-job-description-link-container {
  border-left: 1px solid #999999;
  margin-left: 10px;
}
#addAttachmentModal .add-job-description-video-container .form-group, #addAttachmentModal .add-job-description-link-container .form-group {
  float: left;
}
#addAttachmentModal .add-job-description-file, #addAttachmentModal .add-job-description-link, #addAttachmentModal .add-job-description-video {
  display: block;
  float: left;
  width: 60px;
  text-align: center;
  text-decoration: none;
}
#addAttachmentModal .add-job-description-file:hover, #addAttachmentModal .add-job-description-link:hover, #addAttachmentModal .add-job-description-video:hover {
  text-decoration: none;
}
#addAttachmentModal .add-job-description-file i, #addAttachmentModal .add-job-description-link i, #addAttachmentModal .add-job-description-video i {
  display: block;
  font-size: 40px;
  margin-top: 10px;
}
#addAttachmentModal .add-job-description-file span, #addAttachmentModal .add-job-description-link span, #addAttachmentModal .add-job-description-video span {
  display: block;
  margin-top: 10px;
}

.job-picture-form {
  height: 100%;
}

#jobListingLinkModal .jobLinksHead {
  margin-top: -10px;
  padding-left: 15px;
}
#jobListingLinkModal .newcompanybtn {
  margin-top: -20px;
}

.company-form .company-upload-description {
  font-weight: normal;
  margin-top: 20px;
}
.company-form .job-listing-area .job-link-items {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.company-form .job-listing-area .job-link-items .preview {
  margin: 6px 0 0 auto;
}
.company-form .remove_field,
.company-form .remove_portal_field {
  margin-top: 25px;
}
.company-form .image-selector {
  padding-top: 24px;
  margin-left: auto;
  margin-right: auto;
  float: none;
}
@media only screen and (max-width: 768px) {
  .company-form .image-selector {
    float: none;
    margin: 0 auto;
  }
}
.company-form .company-logo-holder {
  max-width: 100%;
  height: 207px;
  float: right;
  position: relative;
  padding-top: 24px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .company-form .company-logo-holder {
    width: 300px;
    float: none;
    margin: 0 auto 15px auto;
  }
}
.company-form .company-logo-holder .company-logo {
  max-width: 100%;
  max-height: 183px;
  border-radius: 3px;
  display: block;
  margin: 0 auto;
}
.company-form .company-logo-holder .company-no-logo {
  width: 290px;
  max-width: 100%;
  height: 183px;
  box-sizing: border-box;
  border-radius: 3px;
  float: right;
  background-color: #ccc;
  color: #454545;
  text-align: center;
  padding-top: 70px;
  font-size: 30px;
}
.company-form .company-logo-holder .bootstrap-filestyle {
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.company-form .title-items {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
@media (max-width: 599px) {
  .company-form .title-items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
}
.company-form .switch-items {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.company-form .switch-items .switch {
  padding-right: 16px;
}
.company-form .switch-items p {
  margin: 0;
}
.company-form .admin-switch .switch-items {
  margin-top: 16px;
}
.company-form .form-group {
  min-height: 0;
}
.company-form #unsolicited_application_text_editor {
  height: 150px;
  resize: vertical;
}
.company-form .talent-pool-documents-settings {
  padding: 0;
}

.talentpool-form .enable_unsolicited-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
          flex-direction: column-reverse;
}

.disclaimers-form .switch-items {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.disclaimers-form .switch-items .switch {
  padding-right: 16px;
}
.disclaimers-form .switch-items p {
  margin: 0;
}
.disclaimers-form .disclaimer_text_switch-container,
.disclaimers-form .disclaimer_text_lang_switch-container {
  display: -webkit-inline-box;
  display: inline-flex;
}
.disclaimers-form .disclaimer_text_switch-container #disclaimer_text_lang_switch:disabled,
.disclaimers-form .disclaimer_text_switch-container #disclaimer_text_lang_switch:disabled + label,
.disclaimers-form .disclaimer_text_lang_switch-container #disclaimer_text_lang_switch:disabled,
.disclaimers-form .disclaimer_text_lang_switch-container #disclaimer_text_lang_switch:disabled + label {
  cursor: default;
}
.disclaimers-form .disclaimer_text_lang_switch-container {
  margin-left: 5rem;
}
.disclaimers-form .disclaimer_text_full_lang_switch-container,
.disclaimers-form .introduction_text_editor_en {
  margin-top: 30px;
}
.disclaimers-form .disclaimer_text_editor {
  margin-bottom: 15px;
}
.disclaimers-form .disclaimer-text-container,
.disclaimers-form .unsolicited-application-text-container {
  margin: 10px 0;
}
.disclaimers-form .disclaimer-text-container .switch,
.disclaimers-form .unsolicited-application-text-container .switch {
  width: 45px;
  float: left;
}
.disclaimers-form .disclaimer-text-container #disclaimer-text-switch,
.disclaimers-form .unsolicited-application-text-container #disclaimer-text-switch {
  visibility: visible;
}
.disclaimers-form .disclaimer-text-container #disclaimer-text-switch-label,
.disclaimers-form .unsolicited-application-text-container #disclaimer-text-switch-label {
  visibility: visible;
}
.disclaimers-form .disclaimer-text-container p,
.disclaimers-form .unsolicited-application-text-container p {
  padding-top: 2px;
}
.disclaimers-form .form-group {
  min-height: 0;
}
.disclaimers-form .disclaimer-text-area {
  min-height: 120px;
  height: auto;
  resize: vertical;
}

.job-listing-area,
.embed-link-container,
.json-link-container {
  display: none;
}

.embed-link {
  margin-right: 30px;
}
.embed-link:after {
  content: "";
  display: inline-block;
  border-right: 1px solid #3578ea;
  width: 1px;
  height: 18px;
  margin: 0 15px;
  position: absolute;
}

.embed-link,
.json-link {
  text-decoration: none !important;
}
.embed-link.active,
.json-link.active {
  font-weight: 700;
}

#embed-code {
  resize: none;
  font-family: "Courier New", sans-serif;
  font-weight: 700;
  font-size: 12px;
  height: 110px;
}

.link-description {
  display: block;
  margin-top: 10px;
}

.company-style-container .font-color-picker {
  margin-top: 1rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.company-style-container .font-color-check {
  display: inline-block;
  position: relative;
  width: 2rem;
  height: 2rem;
  margin-top: 0.5rem;
  margin-right: 1rem;
  margin-left: 6px;
  border-radius: 5px;
}
.company-style-container .font-color-check .font-color {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  cursor: pointer;
}
.company-style-container .font-color-check .font-color-label {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.company-style-container .font-color-check .label-light {
  background-color: #ffffff;
}
.company-style-container .font-color-check .label-dark {
  background-color: #333232;
}
.company-style-container .font-color:checked + .font-color-label:before {
  position: absolute;
  content: "";
  top: -5px;
  left: -5px;
  bottom: -5px;
  right: -5px;
  border-radius: 3px;
  border: 1px solid #ccc;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.work-areas {
  background-color: white;
  min-height: 0;
  height: auto;
}
.work-areas .remove-work-area {
  display: block;
  width: 40px;
  height: 40px;
  background-image: url("../img/icon-remove-inactive.svg");
  background-color: transparent;
  border: none;
  top: 10px;
  right: 10px;
  margin-bottom: 10px;
}
.work-areas .remove-work-area-option {
  height: 38px;
  width: 30px;
  top: 0;
  margin-top: 0;
  position: relative;
  border-radius: 0 6px 6px 0;
  background-image: url("../img/icon-close-active.svg");
  background-position: 10px 10px;
  background-repeat: no-repeat;
}
.work-areas .work-area {
  background: #f2f2f2;
  width: 90%;
  margin: 30px auto;
  padding: 50px 15px 25px;
}
.work-areas .work-area-title {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}
.work-areas .work-area-title-wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}
.work-areas .areas-list {
  margin-top: 15px;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}
.work-areas .work-area-options-title {
  margin-top: 15px;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.job-listing-url-button {
  margin-top: 25px;
}

.option-work-area-field {
  height: 38px;
  margin: 0 0 15px;
  width: calc(100% - 40px);
  border-radius: 6px 0 0 6px;
  border-right: none;
}

.add-area {
  margin-top: 30px;
}

.enable-unsolicited-job,
.custom-background-color {
  margin-top: 33px;
}

.email-template-form {
  margin-top: 20px;
}

.template-editor-field {
  height: auto;
  min-height: 200px;
  max-height: none;
  text-align: center;
  margin-bottom: 20px;
}

.disabled-template {
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  opacity: 0.3;
}

.enabled-template {
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  opacity: 1;
}

.career-page-form .switch-items {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.career-page-form .switch-items .switch {
  padding-right: 16px;
}
.career-page-form .switch-items p {
  margin: 0;
}
.career-page-form .cta-switch {
  margin-bottom: 10px;
  margin-top: 10px;
}
.career-page-form .cta-switch .switch-items {
  margin-bottom: 0;
}
.career-page-form .settings-job-listing-area {
  margin-top: 25px;
}
.career-page-form .settings-job-listing-area .settings-job-link-items {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.career-page-form .settings-job-listing-area .settings-job-link-items .preview {
  margin: 6px 0 0 auto;
}
.career-page-form .hero-section .switch-items {
  margin-top: 20px;
}
.career-page-form .hero-section .switch-items .overlay {
  position: relative;
}
.career-page-form .hero-section .switch-items .overlay:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: var(--overlay-bg-color);
}
.career-page-form .group-span-filestyle .btn {
  border: 1px solid #3578ea;
  color: #0d38d7 !important;
  font-weight: 200;
  text-transform: none;
  padding: 11px 18px;
  border-radius: 0 6px 6px 0;
}
.career-page-form .group-span-filestyle .btn .icon-span-filestyle {
  display: none;
}
.career-page-form .bg_image {
  margin-top: 4em;
}
.career-page-form .bg_video__title, .career-page-form .bg_image__title {
  text-align: left;
}
.career-page-form .bg_video__activate, .career-page-form .bg_image__activate {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
}
.career-page-form .bg_video__wrapper, .career-page-form .bg_image__wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  padding: 1.5em 0.5em;
  margin: 1em 0 3em 0;
}
.career-page-form .bg_video__wrapper__preview, .career-page-form .bg_image__wrapper__preview {
  position: relative;
  display: -webkit-box;
  display: flex;
  place-content: center;
}
.career-page-form .bg_video__wrapper__preview .video-source__wrapper, .career-page-form .bg_video__wrapper__preview .image-source__wrapper, .career-page-form .bg_image__wrapper__preview .video-source__wrapper, .career-page-form .bg_image__wrapper__preview .image-source__wrapper {
  position: relative;
  display: -webkit-box;
  display: flex;
  place-content: center;
  aspect-ratio: 16/9;
  width: 100%;
  padding: 0;
}
.career-page-form .bg_video__wrapper__preview .video-source__wrapper .video-source, .career-page-form .bg_video__wrapper__preview .video-source__wrapper .image-source, .career-page-form .bg_video__wrapper__preview .image-source__wrapper .video-source, .career-page-form .bg_video__wrapper__preview .image-source__wrapper .image-source, .career-page-form .bg_image__wrapper__preview .video-source__wrapper .video-source, .career-page-form .bg_image__wrapper__preview .video-source__wrapper .image-source, .career-page-form .bg_image__wrapper__preview .image-source__wrapper .video-source, .career-page-form .bg_image__wrapper__preview .image-source__wrapper .image-source {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
.career-page-form .bg_video__wrapper__preview p, .career-page-form .bg_image__wrapper__preview p {
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.career-page-form .bg_video__wrapper__preview .loader-progress-bar, .career-page-form .bg_image__wrapper__preview .loader-progress-bar {
  top: 75%;
}
.career-page-form .bg_video__wrapper__controls, .career-page-form .bg_image__wrapper__controls {
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
          justify-content: center;
  gap: 20px;
}
.career-page-form .bg_video__wrapper__controls .edit-file, .career-page-form .bg_image__wrapper__controls .edit-file {
  display: block;
  width: 40px;
  height: 40px;
  background-image: url("../img/icon-edit-active.svg");
}

.career-page-form .form-group.has-error .form-control:focus,
.career-page-form .form-group.has-error:active {
  border-color: #a94442;
  box-shadow: none;
}
.career-page-form textarea.form-control.higher {
  height: 150px;
}
.career-page-form textarea.form-control.shorter {
  height: 80px;
}
.career-page-form .remove_field {
  margin-top: 25px;
}
.career-page-form .remove_field:hover {
  color: white !important;
  background-color: #ff2760;
  border: 2px solid #ff2760 !important;
  -webkit-transform: scale(1.075);
  transform: scale(1.01);
}
.career-page-form .add_value,
.career-page-form .add_benefit {
  margin: 30px 0;
}
.career-page-form .values-container .value-item {
  margin-top: 20px;
}
.career-page-form .values-container .value-item textarea.form-control {
  height: auto;
}
.career-page-form .benefit-item {
  margin-top: 20px;
}
.career-page-form .switch-items {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.career-page-form .switch-items p {
  margin: 0 0 0 16px;
}

.benefit-item .selectize-dropdown-content .option {
  min-height: 30px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  background-origin: content-box;
  padding-top: 3px;
}

.benefit-item .selectize-input > .item {
  height: 20px;
  width: 40px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}

.benefit-item .selectize-dropdown-content .option[data-value=vacation] {
  background-image: url("../img/benefit-icons/vacation.svg");
}

.benefit-item .selectize-dropdown-content .option[data-value=charity] {
  background-image: url("../img/benefit-icons/charity.svg");
}

.benefit-item .selectize-dropdown-content .option[data-value=gym] {
  background-image: url("../img/benefit-icons/gym.svg");
}

.benefit-item .selectize-dropdown-content .option[data-value=promotion] {
  background-image: url("../img/benefit-icons/promotion.svg");
}

.benefit-item .selectize-dropdown-content .option[data-value=social-life] {
  background-image: url("../img/benefit-icons/social-life.svg");
}

.benefit-item .selectize-dropdown-content .option[data-value=train] {
  background-image: url("../img/benefit-icons/train.svg");
}

.benefit-item .selectize-dropdown-content .option[data-value=world] {
  background-image: url("../img/benefit-icons/world.svg");
}

.benefit-item .selectize-dropdown-content .option[data-value=gender] {
  background-image: url("../img/benefit-icons/gender.svg");
}

.benefit-item .selectize-dropdown-content .option[data-value=handicap] {
  background-image: url("../img/benefit-icons/handicap.svg");
}

.benefit-item .selectize-dropdown-content .option[data-value=work-life] {
  background-image: url("../img/benefit-icons/work-life.svg");
}

.benefit-item .selectize-dropdown-content .option[data-value=flexible] {
  background-image: url("../img/benefit-icons/flexible.svg");
}

.benefit-item .selectize-dropdown-content .option[data-value=remote] {
  background-image: url("../img/benefit-icons/remote.svg");
}

.benefit-item .selectize-dropdown-content .option[data-value=meal] {
  background-image: url("../img/benefit-icons/meal.svg");
}

.benefit-item .selectize-dropdown-content .option[data-value=sustainability] {
  background-image: url("../img/benefit-icons/sustainability.svg");
}

textarea.form-control.shorter {
  height: 80px;
}

.culture-gallery .help-block-culture-gallery {
  color: #333333;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.culture-gallery .pictures-wrapper {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.culture-gallery .gallery-item .edit-gallery-photo {
  margin-top: 10px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.culture-gallery .gallery-item .image {
  width: 228px;
  height: 142.5px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.culture-gallery .gallery-item .crop-image-btn {
  margin-right: 5px;
}

.link-items {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.link-items .btn-preview {
  margin-left: auto;
}

.selection-tool-custom-questions {
  margin-top: 20px;
}

.selection-tool-list-form-group {
  min-height: 0;
  margin-top: 40px;
}

#description-editor {
  width: 100%;
  height: auto;
}

.job-features-input {
  display: -webkit-box;
  display: flex;
}
.job-features-input__features {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 700px) {
  .job-features-input__features {
    -webkit-box-pack: center;
            justify-content: center;
  }
}

.job-feature {
  height: 128px;
  width: 145px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  border-radius: 16px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2);
  background: white;
  padding: 16px;
  flex-shrink: 0;
  margin: 0 16px 16px 0;
  align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.job-feature:hover {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
}
.job-feature__label {
  margin-top: 8px;
  text-align: center;
  color: #999999;
}
.job-feature svg {
  height: 32px;
  width: 32px;
}
.job-feature svg path {
  fill: #999999;
}
.job-feature--selected {
  background: #3578ea;
}
.job-feature--selected svg path {
  fill: #333333;
}
.job-feature--selected .job-feature__label {
  color: #333333;
}

.job-ad-stats {
  margin-bottom: 4rem;
  position: relative;
  height: 20vh;
}

.team-members {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
          justify-content: flex-start;
  flex-wrap: wrap;
}
.team-members .add-team-member {
  border: 1px dashed #0d38d7;
  height: 300px;
  width: 200px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  margin: 0 16px 16px 0;
}
.team-members .add-team-member:hover {
  text-decoration: none;
}
.team-members .add-team-member__title {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.team-members .add-team-member__title img {
  margin: 16px 0;
}
.team-members .team-member {
  height: 340px;
  width: 200px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
          align-items: center;
  border-radius: 8px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2);
  background: white;
  padding: 16px;
  flex-shrink: 0;
  margin: 0 16px 16px 0;
  align-items: center;
  position: relative;
  color: grey;
  cursor: pointer;
}
.team-members .team-member__contacts {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  flex-wrap: wrap;
  height: calc(100% - 38px);
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
.team-members .team-member--attached {
  background: #3578ea;
  color: black;
}
.team-members .team-member__position {
  height: 60px;
  font-size: 13px;
  text-align: center;
  overflow: hidden;
}
.team-members .team-member img {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 16px;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
}
.team-members .team-member .icons-wrapper {
  margin-top: auto;
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
}
.team-members .team-member .linkedin-icon,
.team-members .team-member .quote-icon {
  color: black;
  font-size: 18px;
  padding: 8px;
  border: 1px solid black;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  margin-right: 10px;
  margin-left: 10px;
}
.team-members .team-member__text--truncate {
  text-align: center;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.team-members .team-member__recruiter-contacts {
  min-height: 40px;
  text-align: center;
  max-width: 100%;
}
.team-members .team-member__controls {
  margin-top: auto;
}
.team-members .team-member__toggle {
  display: none;
}
.team-members .team-member .btn {
  border-radius: 4px;
}
.team-members .team-member .btn.delete-btn {
  color: #ff2760;
}
.team-members .team-member .btn.edit-btn {
  color: black;
}
.team-members .team-member.testimonial {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.team-members .team-member.testimonial--on-career-page {
  background: #3578ea;
  color: black;
}

.job-attachments {
  margin-bottom: 24px;
}

.recruiter-contact-information {
  display: none;
}
.recruiter-contact-information--shown {
  display: block;
}

.testimonial-quotation {
  display: none;
}
.testimonial-quotation--shown {
  display: block;
}

.job-image {
  width: 200px;
  height: 250px;
  text-align: right;
  position: relative;
  overflow: hidden;
  padding: 25px 15px;
  box-sizing: content-box;
}
.job-image .job-picture-file {
  height: 200px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 0;
}
@media only screen and (max-width: 768px) {
  .job-image {
    float: none;
    margin: 0 auto;
  }
}
.job-image .bootstrap-filestyle {
  margin: 10px auto;
}
.job-image .bootstrap-filestyle label {
  display: block;
  width: 40px;
  height: 40px;
  background-image: url("../img/icon-edit-active.svg");
}

.subtitle {
  color: #707070;
  margin-bottom: 16px;
}

.create-team-member,
.edit-team-member {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  justify-items: center;
  -webkit-box-align: center;
          align-items: center;
}
.create-team-member form,
.edit-team-member form {
  width: 500px;
}
.create-team-member form .image-selector-items,
.edit-team-member form .image-selector-items {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.create-team-member .back-btn a,
.edit-team-member .back-btn a {
  text-decoration: none;
  color: #3578ea;
}
.create-team-member .is_recruiter-container,
.create-team-member .is_company_member-container,
.create-team-member .on_career_page-container,
.edit-team-member .is_recruiter-container,
.edit-team-member .is_company_member-container,
.edit-team-member .on_career_page-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.create-team-member .is_recruiter-container p,
.create-team-member .is_company_member-container p,
.create-team-member .on_career_page-container p,
.edit-team-member .is_recruiter-container p,
.edit-team-member .is_company_member-container p,
.edit-team-member .on_career_page-container p {
  margin: 0 0 0 16px;
}
.create-team-member .team-member-image-upload,
.edit-team-member .team-member-image-upload {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
}
.create-team-member .team-member-image-upload__preview,
.edit-team-member .team-member-image-upload__preview {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 16px 0;
}
.create-team-member .team-member-image-upload .bootstrap-filestyle .form-control,
.edit-team-member .team-member-image-upload .bootstrap-filestyle .form-control {
  border: none;
}

.edit-photo {
  margin-top: -50px;
  width: 100%;
  text-align: center;
  display: none;
}
.with-image .edit-photo {
  display: block;
}
@media (max-width: 599px) {
  .with-image .edit-photo {
    margin-right: 0;
  }
}

.crop-image-btn {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 50px;
  background-image: url(../img/icon-crop-active.svg);
}

.remove-image-btn, .remove-video-btn {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url(../img/icon-remove-active.svg);
}

.job-portal-group {
  height: 25px;
  padding-top: 0px;
  margin-top: 0px !important;
}
.job-portal-group .btn {
  position: relative;
  top: -10px;
  margin-left: 10px;
}

.selection-tool-form {
  margin-top: 0 !important;
}
.selection-tool-form .row-margin {
  margin-bottom: 40px;
}
.selection-tool-form .description-editor {
  margin-bottom: 8px;
}
.selection-tool-form .image-selector {
  height: auto;
}

.job_ad_header_enabled-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.job_ad_header_enabled-container p {
  margin: 0 0 0 16px;
}

@media (max-width: 599px) {
  .link-items {
    display: block;
  }

  .subtitle {
    display: none !important;
  }

  .add-team-member {
    display: none !important;
  }

  .edit-team-member form {
    width: 100%;
  }
}
#job_company_url {
  background-color: #f5f5f5;
  color: #888888;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
#job_company_url:hover {
  background-color: white;
}
#job_company_url:focus {
  color: inherit;
  background-color: white;
}

.ad_options h5::after {
  -webkit-transition: width ease-in-out 0.2s;
  transition: width ease-in-out 0.2s;
  background: none repeat scroll 0 0 #3578ea;
  content: "";
  display: block;
  height: 2px;
  width: 0;
}
.ad_options:hover h5::after {
  width: 100%;
}

.job-portal-list {
  display: -webkit-inline-box;
  display: inline-flex;
}
.job-portal-list .job-portal {
  margin-left: 5px;
  height: 42px;
  min-width: 108px;
  -webkit-transition: all 2s;
  transition: all 2s;
}
.job-portal-list .job-portal[disabled] {
  pointer-events: all;
}

@media (max-width: 768px) {
  .top-section-actions.btn-group .btn-status-candidates,
.top-section-actions.btn-group .btn-compare-candidates {
    display: none;
  }
}

.job-reference-number-for-candidates {
  font-weight: 200;
  display: inline-block;
  margin-right: 10px;
  min-width: 60px;
}
@media (max-width: 599px) {
  .job-reference-number-for-candidates {
    position: absolute;
    left: 0;
    right: 0;
    margin-right: 0;
    margin-top: 26px;
    font-size: 16px;
  }
}

.candidates-table-checkbox {
  width: 27px;
}
.candidates-table-checkbox:after {
  display: none !important;
}
div.dataTables_wrapper .collapsed tr > .candidates-table-checkbox {
  width: 25px !important;
}

#candidates-status-toggle {
  margin-top: -3px;
}
#candidates-status-toggle .caret {
  top: 0;
  left: 2px;
}

.rejected-candidates-toggle-container {
  display: inline-block;
  margin-left: 1rem;
  margin-top: -3px;
}
.rejected-candidates-toggle-container .checkbox label span {
  margin-left: 5px;
}
.rejected-candidates-toggle-container .checkbox label::before {
  margin-top: -6px;
}
.rejected-candidates-toggle-container .checkbox label::after {
  margin-top: -1px;
}

div.dataTables_wrapper .collapsed tr > .candidate-list-checkbox {
  pointer-events: auto !important;
  width: 35px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  vertical-align: middle !important;
}

.candidate-list-checkbox {
  width: 30px !important;
}

.candidates-table-name-container {
  display: -webkit-box;
  display: flex;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  -webkit-box-align: center;
          align-items: center;
}
.candidates-table-name-container--mobile {
  display: none;
}
@media (max-width: 480px) {
  .candidates-table-name-container--mobile {
    display: inline-block;
  }
}
.candidates-table-name-container--desktop {
  display: block;
}
@media (max-width: 480px) {
  .candidates-table-name-container--desktop {
    display: none;
  }
}

.candidates-table-name {
  min-width: 100px;
  padding-left: 12px !important;
  position: relative;
}
.candidates-table-name:after {
  position: absolute !important;
  left: auto !important;
  right: 30px !important;
  top: 32px !important;
}

.candidates-table-date {
  min-width: 420px;
  width: 420px;
}
@media (max-width: 480px) {
  .candidates-table-date {
    min-width: 0;
    width: auto;
  }
}

.candidates-table-actions {
  min-width: 140px;
}

.candidates-table-status {
  min-width: 130px;
}

.candidates-table-interviews {
  min-width: 150px;
}

.candidates-table-references {
  min-width: 200px;
}

.candidates-total-score {
  min-width: 180px;
}

.candidates-table-search-process {
  max-width: 250px;
  width: 250px;
}

.candidates-table.collapsed > tbody > tr > .candidate-list-select .checkbox {
  margin-left: 10px;
  width: 0;
}
.candidates-table.collapsed > tbody > tr > .candidate-list-select .checkbox label {
  padding: 0;
  margin: 0;
}
@media (max-width: 480px) {
  .candidates-table.collapsed > tbody > tr > .candidate-list-select .checkbox {
    margin-left: 40px;
  }
}

table.candidates-table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before {
  display: none;
}

.candidate-list-select {
  padding-right: 8px !important;
}

#possibleDatesBlock .multiple-possible-interview-dates {
  display: block;
}
#possibleDatesBlock .single-possible-interview-dates {
  display: none;
}
#possibleDatesBlock.single-date .multiple-possible-interview-dates {
  display: none;
}
#possibleDatesBlock.single-date .single-possible-interview-dates {
  display: block;
}
#possibleDatesBlock #interviewLocation {
  margin-top: 3px;
}
#possibleDatesBlock #interviewLocation #interview-location-input {
  height: 35px;
  border-width: 1px;
}

.candidates-pool-table tr.no-border {
  border: none !important;
}
.candidates-pool-table tr td.candidate-list-user > .flex-wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
          align-items: center;
  -moz-column-gap: 15px;
  -webkit-column-gap: 15px;
          column-gap: 15px;
}
.candidates-pool-table tr > tbody > tr > td {
  vertical-align: middle !important;
  position: relative;
}
.candidates-pool-table tr > tbody > tr > td ul, .candidates-pool-table tr > tbody > tr > td ol {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 15px;
  margin: 0;
  padding: 0;
}
.candidates-pool-table tr > tbody > tr > td ul li, .candidates-pool-table tr > tbody > tr > td ol li {
  margin: 0;
  padding: 0;
}
.candidates-pool-table tr > tbody > tr > td .candidate-pool-candidate-button {
  margin-left: 70px;
  margin-top: 9px;
}
.candidates-pool-table tr > tbody > tr > td a:hover {
  text-decoration: none;
}
.candidates-pool-table tr .search-highlights-title,
.candidates-pool-table tr .search-highlight-contents {
  margin-left: 158px;
}
.candidates-pool-table tr.uncollapsed ul {
  gap: 20px;
}
.candidates-pool-table tr.uncollapsed ul.has-multiple-rows:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.candidates-pool-table tr ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 0px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.candidates-pool-table tr ul li {
  margin: 0;
  padding: 0;
}
.candidates-pool-table tr ul li:not(:first-child) {
  display: none;
}
.candidates-pool-table tr .candidate-pool-search-processes {
  margin: 0;
  padding: 0;
}
.candidates-pool-table tr .candidate-pool-search-processes li {
  margin: 0;
  padding: 0;
}
.candidates-pool-table tr .candidate-pool-search-processes li a {
  white-space: normal;
  display: inline-block;
  text-decoration: none;
  height: auto;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.candidates-pool-table tr .candidate-pool-search-processes li a:hover {
  color: #3578ea;
}
.candidates-pool-table tr .candidate-pool-search-processes li[data-closed=true] a {
  color: #bf1e2e;
}
.candidates-pool-table tr .candidate-pool-search-processes li[data-closed=true] a:hover {
  color: #3578ea;
}
.candidates-pool-table tr .candidate-pool-search-processes.has-multiple-rows,
.candidates-pool-table tr .candidate-pool-text-list.has-multiple-rows {
  position: relative;
}
.candidates-pool-table tr .candidate-pool-search-processes.has-multiple-rows:after,
.candidates-pool-table tr .candidate-pool-text-list.has-multiple-rows:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 9px;
  height: 14px;
  background-image: url("../img/arrow-right.svg");
  background-repeat: no-repeat;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.candidates-pool-table tr .candidate-pool-search-processes > li,
.candidates-pool-table tr .candidate-pool-text-list > li {
  margin: 0;
  padding: 0;
}
.candidates-pool-table tr .candidate-created {
  margin-left: 0;
  text-decoration: none;
}
.candidates-pool-table tr .rating-score-container {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  gap: 20px;
}
.candidates-pool-table tr .rating-score-container .rating-scale {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: nowrap;
  -webkit-box-align: center;
          align-items: center;
  width: initial;
  padding: 0;
  margin: 0;
}
.table.dtr-details.candidate-pool-responsive-card {
  margin-top: 180px;
}
.table.dtr-details.candidate-pool-responsive-card ul {
  list-style: none;
}
.table.dtr-details.candidate-pool-responsive-card .candidate-picture {
  margin-top: -210px;
  left: 50%;
  margin-left: -90px;
  width: 180px;
  height: 180px;
}
.table.dtr-details.candidate-pool-responsive-card .candidate-picture .avatar {
  width: 180px;
  height: 180px;
}

.candidates-table-container {
  clear: both;
  position: relative;
}
@media screen and (max-width: 768px) {
  .candidates-table-container div.dataTables_wrapper .row:first-child {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    gap: 1em;
  }
  .candidates-table-container div.dataTables_wrapper .row:first-child > .col-sm-6 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .candidates-table-container div.dataTables_wrapper .row:first-child .dataTables_filter > div#filters-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
            justify-content: flex-end;
    flex-wrap: wrap;
    gap: 2em;
  }
  .candidates-table-container div.dataTables_wrapper .row:first-child .dataTables_length {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
            justify-content: flex-end;
    flex-wrap: wrap;
    gap: 2em;
  }
  .candidates-table-container div.dataTables_wrapper .row:first-child .dataTables_length label {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
  }
  .candidates-table-container div.dataTables_wrapper .row:first-child .dataTables_length label .selectize-control.form-control item {
    margin: 0;
  }
  .candidates-table-container div.dataTables_wrapper .row:first-child .dataTables_length .rejected-candidates-toggle-container {
    margin: 10px 0;
    -webkit-box-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 500px) {
  .candidates-table-container div.dataTables_wrapper .row:first-child .dataTables_length {
    gap: 1em;
  }
}
@media screen and (max-width: 485px) {
  .candidates-table-container div.dataTables_wrapper .row:first-child .dataTables_length {
    gap: 1em;
  }
  .candidates-table-container div.dataTables_wrapper .row:first-child .dataTables_length > label {
    display: none;
  }
  .candidates-table-container div.dataTables_wrapper .row:first-child .dataTables_length .rejected-candidates-toggle-container {
    margin: 0;
  }
}
@media screen and (max-width: 480px) {
  .candidates-table-container div.dataTables_wrapper .row:first-child > div.col-sm-6 {
    display: block;
  }
  .candidates-table-container div.dataTables_wrapper .row:first-child .dataTables_filter {
    display: block;
  }
  .candidates-table-container div.dataTables_wrapper .row:first-child .dataTables_filter div#filters-container {
    gap: 1em;
    -webkit-box-pack: start;
            justify-content: flex-start;
  }
  .candidates-table-container div.dataTables_wrapper .row:first-child .dataTables_filter label {
    float: left;
  }
  .candidates-table-container div.dataTables_wrapper .row:first-child .dataTables_filter label input {
    margin-left: 0;
  }
  .candidates-table-container div.dataTables_wrapper .row:first-child .dataTables_length {
    margin-bottom: 2em;
    -webkit-box-pack: start;
            justify-content: flex-start;
  }
}
.candidates-table-container table {
  width: 100% !important;
  border-collapse: collapse !important;
}
.candidates-table-container table tr .candidate-page-rating {
  vertical-align: middle;
}
.candidates-table-container table tr .candidate-page-rating .screening_scores-list-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: end;
          justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
.candidates-table-container table tr .candidate-page-rating .screening_scores-list-container a {
  text-decoration: none;
}
.candidates-table-container table tr .candidate-page-rating .screening_scores-list-container .star {
  height: 45px;
  width: 45px;
  font-weight: 600;
  font-size: 1.5rem;
}
.candidates-table-container table tr .candidate-page-rating .screening_scores-list-container .participants_wrapper {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  -webkit-box-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
          justify-content: center;
}
.candidates-table-container table tr .candidate-page-rating .screening_scores-list-container .participants_wrapper > .participant_cv_rating_content {
  display: none;
}
.candidates-table-container table tr .candidate-page-rating .rating-score-position {
  display: -webkit-box;
  display: flex;
}
.candidates-table-container table tr th.sorting.open_recruit_rating {
  padding-right: 0;
}
.candidates-table-container table tr .candidates-list-open_recruit-rating {
  -webkit-box-align: center;
          align-items: center;
  vertical-align: middle;
}
.candidates-table-container table tr .candidates-list-open_recruit-rating .open-recruit_rating-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  padding-right: 30px;
}
.candidates-table-container table tr .candidates-list-open_recruit-rating .open-recruit_rating-container .open-recruit_rating.star {
  height: 45px;
  width: 45px;
  font-weight: 600;
  font-size: 1.125rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.candidates-table-container table tr .candidates-list-open_recruit-rating .open-recruit_rating-container .open-recruit_rating.star .open-recruit_rating-percent {
  margin-top: 0.6rem;
  text-align: center;
}
.candidates-table-container table tr .candidates-list-open_recruit-rating .open-recruit_rating-container .star[data-rating=low] {
  background-image: url("../img/star-red.svg");
}
.candidates-table-container table tr .candidates-list-open_recruit-rating .open-recruit_rating-container .star[data-rating=medium] {
  background-image: url("../img/star-yellow.svg");
}
.candidates-table-container table tr .candidates-list-open_recruit-rating .open-recruit_rating-container .star[data-rating=high] {
  background-image: url("../img/star-green.svg");
}
@media screen and (max-width: 1050px) {
  .candidates-table-container table thead {
    display: none;
  }
  .candidates-table-container table tbody {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    width: 100%;
  }
  .candidates-table-container table tbody tr {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    width: 100%;
    padding: 10px 0;
  }
  .candidates-table-container table tbody tr td.candidate-list-checkbox {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
  }
  .candidates-table-container table tbody tr td.candidate-page-rating, .candidates-table-container table tbody tr td.candidates-list-ai-rating {
    display: grid;
    padding: 26px 15px;
  }
  .candidates-table-container table tbody tr td.candidate-list-status, .candidates-table-container table tbody tr td.candidate-page-rating .screening_scores-list-container .participants_wrapper {
    display: none;
  }
  .candidates-table-container table tbody tr td .AI_rating-container {
    -webkit-box-align: center;
            align-items: center;
  }
  .candidates-table-container table tbody tr td.dataTables_empty {
    width: 100%;
    -webkit-box-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 650px) {
  .candidates-table-container table thead {
    display: none;
  }
  .candidates-table-container table tbody,
.candidates-table-container table tbody tr {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    width: 100%;
    word-break: break-all;
  }
  .candidates-table-container table tbody tr:first-child {
    border-top: 1px solid #dfdfdf;
  }
  .candidates-table-container table tbody tr {
    padding: 10px 0;
  }
  .candidates-table-container table tbody tr td:not(.dataTables_empty, .candidate-list-status) {
    display: grid;
    grid-template-columns: 80px 1fr 1fr;
    width: 100%;
    word-break: break-all;
  }
  .candidates-table-container table tbody tr td:not(.dataTables_empty, .candidate-list-status).candidate-list-checkbox {
    display: none;
  }
  .candidates-table-container table tbody tr td:not(.dataTables_empty, .candidate-list-status).candidate-list-user {
    display: grid;
    grid-template-columns: 80px 1fr;
    grid-template-rows: -webkit-min-content -webkit-min-content;
    grid-template-rows: min-content min-content;
    padding: 10px 8px 12px 0;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
  }
  .candidates-table-container table tbody tr td:not(.dataTables_empty, .candidate-list-status).candidate-list-user .candidate-picture {
    grid-column: 1/span 1;
    grid-row: 1/span 1;
  }
  .candidates-table-container table tbody tr td:not(.dataTables_empty, .candidate-list-status).candidate-list-user .candidate-name-container {
    grid-column: 2/span 1;
    grid-row: 1/span 1;
    padding: 0;
    align-self: start;
  }
  .candidates-table-container table tbody tr td:not(.dataTables_empty, .candidate-list-status).candidate-list-user .candidate-name-container .candidate-table-name-link-container {
    display: -webkit-box;
    display: flex;
    overflow: visible;
    line-height: 150%;
  }
  .candidates-table-container table tbody tr td:not(.dataTables_empty, .candidate-list-status).candidate-list-user .candidate-name-container .candidate-created {
    margin: 5px 0;
  }
  .candidates-table-container table tbody tr td:not(.dataTables_empty, .candidate-list-status).candidate-list-user .candidate-action-icons {
    grid-column: 2/span 1;
    grid-row: 2/span 1;
    margin-top: 10px;
    margin-left: 0;
    align-self: start;
  }
  .candidates-table-container table tbody tr td:not(.dataTables_empty, .candidate-list-status).candidate-page-rating > .screening_scores-list-container, .candidates-table-container table tbody tr td:not(.dataTables_empty, .candidate-list-status).candidates-list-ai-rating > .AI_rating-container {
    grid-column: 2/span 2;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
            align-items: flex-start;
    padding-left: 10px;
    gap: 0;
  }
  .candidates-table-container table tbody tr td:not(.dataTables_empty, .candidate-list-status).candidate-page-rating > .screening_scores-list-container::before, .candidates-table-container table tbody tr td:not(.dataTables_empty, .candidate-list-status).candidates-list-ai-rating > .AI_rating-container::before {
    content: attr(data-label);
    height: auto;
    width: auto;
    margin-top: 5px;
  }
  .candidates-table-container table tbody tr .candidate-list-status {
    display: none;
  }
  .candidates-table-container table tbody tr .candidate-page-rating .screening_scores-list-container .participants_wrapper {
    display: none;
  }
}
.candidates-table-container label {
  margin: 10px 0;
}
.candidates-table-container .checkbox {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
}
.candidates-table-container .dataTables_info {
  position: relative;
  max-width: 400px;
  top: 30px;
}
.candidates-table-container .actions-with-selected {
  position: relative;
  max-width: 400px;
  top: -40px;
}
@media (max-width: 480px) {
  .candidates-table-container div.dataTables_wrapper .row:first-child > .col-sm-6 {
    display: none;
  }
}
.candidates-table-container .candidates-table-name-title {
  display: block;
  float: left;
  box-sizing: border-box;
  padding-right: 20px;
  margin-right: 50px;
}
.candidates-table-container .candidates-table-name-title.sorting:after, .candidates-table-container .candidates-table-name-title.sorting_asc:after, .candidates-table-container .candidates-table-name-title.sorting_desc:after {
  background-image: url(../img/sort.svg);
  position: relative;
  left: 15px;
  top: 2px;
  display: inline-block;
  content: "";
  width: 28px;
  height: 20px;
  opacity: 1;
}
.candidates-table-container .candidates-table-name-title.sorting_asc:after {
  background-image: url(../img/sort_asc.svg);
}
.candidates-table-container .candidates-table-name-title.sorting_desc:after {
  background-image: url(../img/sort_desc.svg);
}
.candidates-table-container .candidates-table-date-title {
  float: left;
  margin-left: 32px;
}
.candidates-table-container .candidates-table-name-explanation {
  display: block;
  float: left;
  width: auto;
  max-width: 75%;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  margin-top: 3px;
}
@media (max-width: 1350px) {
  .candidates-table-container .candidates-table-name-explanation {
    display: none;
  }
}

.reference-btn-group {
  min-width: 230px;
}
@media (max-width: 480px) {
  .reference-btn-group {
    min-width: 0;
  }
}
.reference-btn-group > .btn:first-child {
  padding-left: 15px;
  padding-right: 10px;
}
.reference-btn-group > .dropdown-toggle {
  padding-left: 7px;
}

.candidates-table {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.candidates-table tr .select-candidate {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.candidates-table tr.no-border {
  border: none !important;
}
.candidates-table tr > .search-results {
  padding-top: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  animation-name: fadeInLeft;
  -webkit-animation-name: fadeInLeft;
}
.candidates-table tr > .search-results .title {
  font-weight: bold;
  font-size: 18px;
}
.candidates-table tr > .search-results .search-result {
  background-color: white;
  border-radius: 8px;
  padding: 26px 15px;
  display: -webkit-box;
  display: flex;
  gap: 20px;
}
.candidates-table tr > .search-results .search-result__field {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  font-weight: bold;
}
.candidates-table tr > .search-results .search-result__value {
  font-weight: normal;
}
.candidates-table tr > .search-results .search-result__value mark {
  padding: 0;
}

.candidates-table thead tr {
  border-bottom: 2px solid #ddd;
}
.candidates-table thead tr th {
  border: none;
}
.candidates-table thead tr th.candidate-list-status {
  width: 190px !important;
  padding-right: 0 !important;
}
.candidates-table tbody tr .candidate-list-name {
  position: relative;
}
@media (max-width: 768px) {
  .candidates-table tbody tr .candidate-list-name .candidate-picture {
    margin-right: 10px;
  }
  .candidates-table tbody tr .candidate-list-name .candidate-action-icons {
    margin-left: 70px;
  }
}
@media (max-width: 480px) {
  .candidates-table tbody tr .candidate-list-name .candidate-picture {
    display: none;
  }
  .candidates-table tbody tr .candidate-list-name .candidate-name-container {
    padding-left: 0px;
    margin-top: 0;
  }
  .candidates-table tbody tr .candidate-list-name .candidate-action-icons {
    margin-left: 0px;
    margin-top: 20px;
  }
}
@media (max-width: 300px) {
  .candidates-table tbody tr .candidate-list-name .candidate-name-container {
    margin-top: 0;
  }
  .candidates-table tbody tr .candidate-list-name .candidate-action-icons {
    display: none;
  }
}
.candidates-table tbody tr td.candidate-list-checkbox {
  vertical-align: middle;
}
.candidates-table tbody tr td.candidate-list-user {
  display: -webkit-box;
  display: flex;
  width: 100%;
  padding: 32px 0 32px 15px;
  -webkit-box-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
          align-items: center;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
}
.candidates-table tbody tr td.candidate-list-user .candidate-list-name-hired {
  display: -webkit-box;
  display: flex;
  width: 100%;
  -webkit-box-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
          align-items: center;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
}
@media (max-width: 599px) {
  .candidates-table tbody tr td.candidate-list-user {
    padding-left: 0;
    padding-right: 0;
  }
}
.candidates-table tbody tr td.candidate-list-user .candidate-name-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  -webkit-box-flex: 1;
          flex-grow: 1;
}
.candidates-table tbody tr td.candidate-list-user .candidate-name-container .circle {
  width: 20px;
  height: 20px;
  aspect-ratio: 1;
  color: #fcb424;
  border-color: #fcb424;
}
.candidates-table tbody tr td.candidate-list-user .candidate-name-container .circle:hover {
  color: #3578ea;
  border-color: #3578ea;
}
@media (max-width: 1050px) {
  .candidates-table tbody tr td.candidate-list-user .candidate-name-container .circle {
    display: none;
  }
}
.candidates-table tbody tr td.candidate-list-user .candidate-name-container > .jobs-list-content-wrapper {
  display: none;
}
.candidates-table tbody tr td.candidate-list-user .candidate-name-container .popover .jobs-list-container {
  max-height: 250px;
  overflow-y: auto;
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
  padding-bottom: 15px;
}
.candidates-table tbody tr td.candidate-list-user .candidate-name-container .popover .jobs-list-container .jobs-list {
  background-color: #f2f6fc;
  border: none;
}
.candidates-table tbody tr td.candidate-list-user .candidate-name-container .popover .jobs-list-container .jobs-list thead tr {
  background-color: #f2f6fc;
  box-shadow: 0 2px #3578ea;
  position: -webkit-sticky;
  position: sticky;
  border: none;
  top: 0;
}
.candidates-table tbody tr td.candidate-list-user .candidate-name-container .popover .jobs-list-container .jobs-list thead tr th {
  background-color: #f2f6fc;
  position: -webkit-sticky;
  position: sticky;
  padding: 15px 0;
  top: 0;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}
.candidates-table tbody tr td.candidate-list-user .candidate-name-container .popover .jobs-list-container .jobs-list tbody tr {
  border-bottom: 2px solid #3578ea;
  border-top: 2px solid #3578ea;
}
.candidates-table tbody tr td.candidate-list-user .candidate-name-container .popover .jobs-list-container .jobs-list tbody tr .jobs-list-job-name {
  max-width: 200px;
}
.candidates-table tbody tr td.candidate-list-user .candidate-name-container .popover .jobs-list-container .jobs-list tbody tr .jobs-list-job-name a {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.candidates-table tbody tr td.candidate-list-user .candidate-name-container .popover .jobs-list-container .jobs-list tbody tr .jobs-list-job-location {
  max-width: 200px;
}
.candidates-table tbody tr td.candidate-list-user .candidate-name-container .popover .jobs-list-container .jobs-list tbody tr .jobs-list-job-location span {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.candidates-table tbody tr td.candidate-list-user .candidate-name-container .popover .jobs-list-container .jobs-list tbody tr .tooltip {
  pointer-events: none;
}
.candidates-table tbody tr td.candidate-list-user .candidate-name-container .popover .jobs-list-container .jobs-list tr {
  scroll-snap-align: start;
}
.candidates-table tbody tr td.candidate-list-user .candidate-name-container .popover .jobs-list-container .jobs-list td, .candidates-table tbody tr td.candidate-list-user .candidate-name-container .popover .jobs-list-container .jobs-list td > a, .candidates-table tbody tr td.candidate-list-user .candidate-name-container .popover .jobs-list-container .jobs-list th {
  padding: 15px 10px;
  font-size: 12px;
  font-weight: normal;
  color: #000;
  text-decoration: none;
}
.candidates-table tbody tr td.candidate-list-user .candidate-name-container .popover .jobs-list-container .jobs-list a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.candidates-table tbody tr td.candidate-list-user .candidate-name-container .popover .jobs-list-container .jobs-list a:hover, .candidates-table tbody tr td.candidate-list-user .candidate-name-container .popover .jobs-list-container .jobs-list a.is-closed:hover {
  color: #3578ea;
}
.candidates-table tbody tr td.candidate-list-user .candidate-name-container .popover .jobs-list-container .jobs-list a.is-closed {
  color: #bf1e2e;
}
@media (max-width: 599px) {
  .candidates-table tbody tr td.candidate-list-user .candidate-name-container {
    padding-left: 60px;
  }
}
.candidates-table tbody tr td.candidate-list-user .candidate-action-icons {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
}
.candidates-table tbody tr td.candidate-list-user .candidate-action-icons .no-cv-description, .candidates-table tbody tr td.candidate-list-user .candidate-action-icons .no-linked-description {
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
}
.candidates-table tbody tr td.candidate-list-user .candidate-action-icons .active-linkedin-button, .candidates-table tbody tr td.candidate-list-user .candidate-action-icons .candidate-cv-button {
  -webkit-transition: transform 0.3s, background-image 0.3s;
  -webkit-transition: background-image 0.3s, -webkit-transform 0.3s;
  transition: background-image 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, background-image 0.3s;
  transition: transform 0.3s, background-image 0.3s, -webkit-transform 0.3s;
}
.candidates-table tbody tr td.candidate-list-user .candidate-action-icons .active-linkedin-button:hover, .candidates-table tbody tr td.candidate-list-user .candidate-action-icons .active-linkedin-button:focus, .candidates-table tbody tr td.candidate-list-user .candidate-action-icons .active-linkedin-button:focus-within, .candidates-table tbody tr td.candidate-list-user .candidate-action-icons .candidate-cv-button:hover, .candidates-table tbody tr td.candidate-list-user .candidate-action-icons .candidate-cv-button:focus, .candidates-table tbody tr td.candidate-list-user .candidate-action-icons .candidate-cv-button:focus-within {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
@media screen and (max-width: 1350px) {
  .candidates-table tbody tr td.candidate-list-user .candidate-action-icons {
    clear: both;
    float: left;
    margin-left: 20px;
  }
}
@media (max-width: 599px) {
  .candidates-table tbody tr td.candidate-list-user .candidate-action-icons {
    margin: 10px 0 0 75px;
  }
}
.candidates-table tbody tr td.candidate-list-user .candidate-action-icons a {
  display: inline-block;
  text-decoration: none;
}
.candidates-table tbody tr td.candidate-list-user .candidate-action-icons img {
  width: 40px;
}
.candidates-table tbody tr td.candidate-list-status {
  text-align: right;
  vertical-align: middle;
  -webkit-box-pack: end;
          justify-content: flex-end;
  padding: 0 40px 0 0;
}
.candidates-table tbody tr td.candidates-list-ai-rating {
  text-align: center;
  vertical-align: middle;
}
.candidates-table tbody tr td.candidates-list-ai-rating .AI_rating-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  gap: 20px;
}
.candidates-table tbody tr td.candidates-list-ai-rating .AI_rating-container .star {
  height: 45px;
  width: 45px;
  font-weight: 600;
  font-size: 1.5rem;
}

.candidate-list-name .btn-group > a,
.candidate-list-status .btn-group > a {
  padding-left: 0;
}

.candidate-list-status .no-link,
.candidate-list-name .no-link {
  color: #333333 !important;
  text-decoration: none !important;
  border: none !important;
  font-weight: 600;
  text-transform: none;
  margin-top: 3px;
  width: calc(100% - 20px);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.candidate-interview-type {
  padding: 3px 10px 3px 20px;
  border-right: 1px solid #dddddd;
  width: 120px;
  display: block;
  float: left;
  line-height: 1 !important;
}

.candidate-list-interviews .dropdown-menu > li {
  margin-top: 5px;
}
.candidate-list-interviews .dropdown-menu > li:first-child {
  margin-top: 0;
}

.dropdown-comment {
  color: #666666 !important;
  font-size: 12px;
  text-decoration: none !important;
}

.recruiters-notes-container {
  margin-bottom: 30px;
  resize: vertical;
}

.dropdown-menu .score-container {
  padding: 0 0 0 5px;
  width: 20px;
  display: inline-block;
}
.dropdown-menu .edit-score {
  padding: 0;
  font-size: 10px;
}

.candidate-table-name-link {
  text-transform: none;
  font-weight: 600;
  color: #333333;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  width: clamp(100px, 150px, 200px);
  line-height: 1;
  -webkit-box-flex: 1;
          flex-grow: 1;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  text-decoration: none;
}
.candidate-table-name-link .candidate-table-name-link-container.top-candidate {
  color: #4fd262;
  -webkit-transition: inherit;
  transition: inherit;
}
.candidate-table-name-link:hover, .candidate-table-name-link:hover .candidate-table-name-link-container.top-candidate {
  color: #3578ea !important;
  text-decoration: none;
}

.candidate-link {
  height: auto;
  text-transform: none;
  font-weight: 600;
  color: #333333;
  /*display: block;*/
  position: relative;
  line-height: 1;
}
.candidate-link:hover {
  text-decoration: none;
}

.candidate-table-name-link-container {
  overflow: hidden;
  display: inline-block;
  margin-bottom: 4px;
}
@media screen and (max-width: 479px) {
  .candidate-table-name-link-container {
    max-width: 100%;
    word-break: normal;
  }
}
.candidate-table-name-link-container span {
  display: inline-block;
}
@media screen and (max-width: 479px) {
  .candidate-table-name-link-container span {
    width: 10000px;
  }
}

#hireCandidateModal .candidate-name {
  font-weight: bold;
}

.candidate-hired {
  color: #4fd262;
  font-weight: 500;
  font-size: 12px;
}

.candidate-created {
  color: #707070;
  margin-top: 0;
  font-weight: 500;
  font-size: 12px;
  text-decoration: none;
}

.call-back-info {
  width: 230px;
  text-align: left;
  padding: 10px;
  font-size: 13px;
}
.call-back-info .call-back-info-label {
  display: inline-block;
  width: 90px;
}
.call-back-info .call-back-info-block {
  margin: 5px 0 0 0;
  font-size: 12px;
}
.call-back-info ul {
  padding-left: 104px !important;
  line-height: 1em;
  margin-top: -15px !important;
  margin-bottom: 10px !important;
}
.call-back-info ul li {
  margin: 0 !important;
  padding: 0 0 6px 0 !important;
}
.call-back-info .call-back-info-timezone {
  font-size: 12px;
  color: #f2f6fc;
}

.candidate-status-tick {
  display: inline-block;
  background: url("../img/checkbox-tick.svg");
  width: 16px;
  height: 16px;
  position: absolute;
  margin-left: 7px;
}

#remove-candidate-editor {
  margin-top: 10px;
  min-height: 160px;
}

#remove-candidate-template,
#case-link-template,
#ask-references-template {
  display: none;
}

#dashboard-evaluation-bar {
  width: 100%;
  height: 10px;
  border-radius: 10px;
  margin: 60px 0 30px 0;
}
#dashboard-evaluation-bar .criterion-bar {
  float: left;
  position: relative;
  margin-top: -30px;
}
#dashboard-evaluation-bar .criterion-bar .criterion-percentage {
  font-weight: 400;
  font-size: 20px;
  height: 30px;
  width: 100%;
  position: relative;
}
#dashboard-evaluation-bar .criterion-bar .criterion-percentage > div {
  position: absolute;
  left: 50%;
  width: 50px;
  height: 30px;
  margin-left: -25px;
  text-align: center;
}
#dashboard-evaluation-bar .criterion-bar .criterion-bar-color {
  height: 10px;
  width: 100%;
}
#dashboard-evaluation-bar .criterion-bar:first-child .criterion-bar-color {
  border-radius: 5px 0 0 5px;
}
#dashboard-evaluation-bar .criterion-bar:last-child .criterion-bar-color {
  border-radius: 0 5px 5px 0;
}

.responsive-criterion-action {
  line-height: 0;
}
.responsive-criterion-action a {
  margin-top: -40px;
}

#dashboard-evaluation-items table,
.kpi-explanation table {
  position: relative;
  left: 30px;
  min-width: 300px;
  margin: 0;
  border: none;
  font-weight: 300;
}
#dashboard-evaluation-items table th,
.kpi-explanation table th {
  font-size: 1rem;
  font-weight: 700;
  padding-left: 10px;
}
#dashboard-evaluation-items table tbody tr,
.kpi-explanation table tbody tr {
  height: 65px;
}
#dashboard-evaluation-items table td,
.kpi-explanation table td {
  padding: 3px;
  line-height: 1.4;
  font-size: 1.5rem;
}
#dashboard-evaluation-items table .criterion-table-value,
.kpi-explanation table .criterion-table-value {
  width: 100px;
  font-size: 2.5rem;
  font-weight: 200;
}
#dashboard-evaluation-items table .criterion-table-value .criterion-value-field,
.kpi-explanation table .criterion-table-value .criterion-value-field {
  padding: 4px 5px;
  height: 30px;
  box-sizing: content-box;
  border-radius: 5px;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#dashboard-evaluation-items table .criterion-table-value .criterion-value-field:hover,
.kpi-explanation table .criterion-table-value .criterion-value-field:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
#dashboard-evaluation-items table .criterion-table-value .criterion-value-field.active,
.kpi-explanation table .criterion-table-value .criterion-value-field.active {
  background-color: #ffffff;
}
#dashboard-evaluation-items table .criterion-table-value input,
.kpi-explanation table .criterion-table-value input {
  display: block;
  float: left;
  border: none;
  outline: none;
  width: 60px;
  height: 30px;
  background: transparent;
}
#dashboard-evaluation-items table .criterion-table-value .criterion-value-percentage,
.kpi-explanation table .criterion-table-value .criterion-value-percentage {
  display: block;
  position: absolute;
  top: 0;
}
#dashboard-evaluation-items table .criterion-table-total-value-field,
.kpi-explanation table .criterion-table-total-value-field {
  font-size: 2rem;
  font-weight: 500;
  padding-left: 10px;
}
#dashboard-evaluation-items table .criterion-table-color,
.kpi-explanation table .criterion-table-color {
  display: inline-block;
  width: 18px;
  height: 18px;
  position: relative;
  top: 4px;
  margin: 0 10px 0 0;
  border-radius: 10px;
}
#dashboard-evaluation-items table .criterion-table-actions,
.kpi-explanation table .criterion-table-actions {
  position: absolute;
  width: 500px;
  max-width: calc(100vw - 30px);
  margin-top: -30px;
}
#dashboard-evaluation-items table .criterion-table-total,
.kpi-explanation table .criterion-table-total {
  text-align: left;
  font-size: 1.75rem;
  padding-left: 34px;
  font-weight: 500;
}
#dashboard-evaluation-items table .btn-remove-criterion,
.kpi-explanation table .btn-remove-criterion {
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  background-color: transparent;
  background-image: url("../img/close.svg");
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 32px 0 10px;
}

.kpi-explanation table {
  margin: 0 auto 20px auto;
  min-width: 0;
}
.kpi-explanation table tbody tr {
  height: 40px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.kpi-explanation table .last-row td {
  border-bottom: 2px solid #dfdfdf;
}
.kpi-explanation table .focus {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.kpi-explanation table .blur {
  opacity: 0.35;
}
.kpi-explanation table tr:nth-child(5n+1) .criterion-table-color {
  background-color: #5264c0;
}
.kpi-explanation table tr:nth-child(5n+2) .criterion-table-color {
  background-color: #00c3f7;
}
.kpi-explanation table tr:nth-child(5n+3) .criterion-table-color {
  background-color: #66f2b7;
}
.kpi-explanation table tr:nth-child(5n+4) .criterion-table-color {
  background-color: #f9fb94;
}
.kpi-explanation table tr:nth-child(5n+5) .criterion-table-color {
  background-color: #ff2760;
}
.kpi-explanation table .criterion-table-value {
  font-size: 2rem;
  padding-left: 10px;
}
.kpi-explanation table .criterion-table-total-value-field {
  font-size: 2rem;
}

.test-criterion-percentage {
  font-size: 30px;
  font-weight: 200;
}

.evaluation-name-container {
  display: none;
}

.table > tbody > tr > td .candidate-picture {
  width: 50px;
  height: 50px;
}
.table > tbody > tr > td .candidate-picture .avatar {
  width: 50px;
  height: 50px;
  background-size: cover;
  border-radius: 50%;
  position: absolute;
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
  z-index: 1;
  border: 1px solid #dfdfdf;
}
.table > tbody > tr > td .candidate-picture .avatar:hover {
  -webkit-transform: scale(2);
  transform: scale(2);
  z-index: 2;
  position: absolute;
  cursor: pointer;
  box-shadow: 2px 2px 1px -1px rgba(0, 0, 0, 0.66);
}

.modal-body .avatar {
  width: 80px;
  height: 80px;
  background-size: cover;
  border-radius: 50%;
}

.candidates-table > tbody > tr > td {
  vertical-align: top;
}

.candidate-action-cv-inactive,
.candidate-action-cv-active {
  width: 40px;
  height: 40px;
  float: left;
  cursor: default;
}
@media screen and (max-width: 479px) {
  .candidate-action-cv-inactive,
.candidate-action-cv-active {
    width: 28px;
    height: 28px;
  }
}
.candidate-action-cv-inactive.converting,
.candidate-action-cv-active.converting {
  pointer-events: none;
  opacity: 0.5;
}

.candidate-action-cv-inactive, .inactive-linkedin-button {
  cursor: not-allowed;
}

.candidate-action-linkedin {
  width: 40px;
  height: 40px;
}
.candidate-action-linkedin > a {
  width: 40px;
  height: 40px;
  display: block;
}
@media screen and (max-width: 479px) {
  .candidate-action-linkedin {
    width: 28px;
    height: 28px;
  }
  .candidate-action-linkedin > a,
.candidate-action-linkedin img {
    width: 28px;
    height: 28px;
  }
}
.candidate-action-linkedin .active-linkedin-button {
  background-image: url("../img/icon-linkedin-active.svg");
  background-size: contain;
}
.candidate-action-linkedin .inactive-linkedin-button {
  background-image: url("../img/icon-linkedin-inactive.svg");
  background-size: contain;
}

.candidate-action-open-recruit-qa {
  width: 40px;
  height: 40px;
}
.candidate-action-open-recruit-qa > a {
  width: 40px;
  height: 40px;
  display: block;
}
@media screen and (max-width: 479px) {
  .candidate-action-open-recruit-qa {
    width: 28px;
    height: 28px;
  }
  .candidate-action-open-recruit-qa > a,
.candidate-action-open-recruit-qa img {
    width: 28px;
    height: 28px;
  }
}
.candidate-action-open-recruit-qa:hover, .candidate-action-open-recruit-qa:focus, .candidate-action-open-recruit-qa:focus-within {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.candidate-action-open-recruit-qa .active-open-recruit-button {
  background-image: url("../img/icon-or-active.svg");
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .candidate-state-bar-container {
    padding: 20px 15px;
  }
}

@media screen and (max-width: 480px) {
  .candidate-state-bar-container .top-section-user-actions,
.candidate-state-bar-container .top-section-actions .btn-email-candidates,
.candidate-state-bar-container .top-section-actions .btn-remove-candidates,
.candidate-state-bar-container .top-section-actions .btn-move-candidates,
.candidate-state-bar-container .top-section-actions .btn-export,
.candidate-state-bar-container .top-section-actions .btn-mark-candidates,
.candidate-state-bar-container .top-section-actions .action-btn-unresponsive.btn-filter {
    display: none;
  }
}

.candidate-state-bar-toggle {
  display: none;
  color: #000000 !important;
  text-decoration: none !important;
  float: left;
}
@media (max-width: 599px) {
  .candidate-state-bar-toggle {
    display: none;
  }
}
.candidate-state-bar-toggle .candidate-state-bar-toggle-icon {
  display: block;
  float: left;
  width: 20px;
  height: 30px;
  margin: -4px 5px 0 0;
  background-image: url("../img/statuses-bar-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.candidate-state-bar {
  clear: both;
  background-color: #333333;
  height: 1px;
  text-align: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding-left: 0;
  margin: 60px 0 120px 0;
  border-radius: 5px;
}
@media screen and (max-width: 767px) {
  .candidate-state-bar {
    width: 1px;
    height: auto;
    display: none;
    margin: 0 0 0 9px;
  }
}
.candidate-state-bar li {
  display: inline-block;
  margin-top: -25px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .candidate-state-bar li {
    display: block;
    position: static;
    margin: 0 0 5px -12px;
    text-align: left;
    width: 200px;
  }
}
.candidate-state-bar li .candidate-state-indicator {
  width: 50px;
  height: 50px;
  display: inline-block;
  border-radius: 100%;
  box-sizing: border-box;
  text-align: center;
  line-height: 20px;
  font-size: 16px;
  font-weight: 500;
  padding-top: 17px;
  color: #fff;
}
.candidate-state-bar li .candidate-state-indicator:hover {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .candidate-state-bar li .candidate-state-indicator {
    width: 26px;
    height: 26px;
    font-size: 12px;
    line-height: 30px;
    padding-top: 0;
  }
}
.candidate-state-bar li .candidate-state-title {
  display: block;
  position: absolute;
  left: -45px;
  color: #333333;
  width: 140px;
  text-align: center;
  font-weight: 500;
  margin-top: 10px;
}
.candidate-state-bar li .candidate-state-title:hover {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .candidate-state-bar li .candidate-state-title {
    display: inline-block;
    position: static;
    margin-left: 5px;
    text-align: left;
  }
}
.candidate-state-bar li.filtered-status .candidate-state-title {
  font-weight: bold;
}
.candidate-state-bar .blue {
  background: #00c3f7;
}
.candidate-state-bar .green {
  background: #4fd262;
}
.candidate-state-bar .purple {
  background: #5264c0;
}
.candidate-state-bar .red {
  background: #ff2760;
}

.candidate-responsive-modal .candidate-name-container {
  display: none;
}
.candidate-responsive-modal .candidate-picture {
  margin: 0 auto;
  width: 180px;
  height: 180px;
}
.candidate-responsive-modal .candidate-picture .avatar {
  width: 180px;
  height: 180px;
  background-size: cover;
  border-radius: 50%;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
  z-index: 1;
}
.candidate-responsive-modal .candidate-action-icons {
  height: 40px;
  width: 140px;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  .candidate-responsive-modal .candidate-action-icons {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
  }
}
.candidate-responsive-modal .candidate-pool-search-processes {
  list-style: none;
  margin: 20px 0 0 0;
  padding: 0;
}
.candidate-responsive-modal .candidate-pool-search-processes li {
  margin: 0;
  padding: 10px 0;
  border-top: 1px solid #dfdfdf;
  text-align: center;
}
.candidate-responsive-modal .candidate-pool-search-processes li small {
  display: block;
  text-align: center;
}
.candidate-responsive-modal .candidate-pool-search-processes li .rating-score-position {
  margin: 5px auto 10px auto;
}
.candidate-responsive-modal .candidate-pool-search-processes li:first-child {
  border-top: none;
}
.candidate-responsive-modal .view-candidate-button {
  margin: 10px auto 5px auto;
}
.candidate-responsive-modal .candidate-detail-info {
  text-align: center;
  margin-bottom: 10px;
}
.candidate-responsive-modal .candidate-detail-info .rating-score-position {
  margin-left: auto;
  margin-right: auto;
}

.top-section-actions,
.top-section-user-actions,
.candidate-rel-buttons {
  float: right;
  display: -webkit-box;
  display: flex;
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 479px) {
  .top-section-actions,
.top-section-user-actions,
.candidate-rel-buttons {
    margin-top: 10px;
  }
}
.top-section-actions .action-btn, .top-section-actions .action-btn-unresponsive,
.top-section-user-actions .action-btn,
.top-section-user-actions .action-btn-unresponsive,
.candidate-rel-buttons .action-btn,
.candidate-rel-buttons .action-btn-unresponsive {
  display: block;
  width: 40px;
  height: 40px;
  position: relative;
  background: transparent;
  border: none;
  float: left;
}
@media screen and (max-width: 479px) {
  .top-section-actions .action-btn, .top-section-actions .action-btn-unresponsive,
.top-section-user-actions .action-btn,
.top-section-user-actions .action-btn-unresponsive,
.candidate-rel-buttons .action-btn,
.candidate-rel-buttons .action-btn-unresponsive {
    width: 28px;
    height: 28px;
    background-size: contain;
  }
}
.top-section-actions .action-btn:before, .top-section-actions .action-btn-unresponsive:before,
.top-section-user-actions .action-btn:before,
.top-section-user-actions .action-btn-unresponsive:before,
.candidate-rel-buttons .action-btn:before,
.candidate-rel-buttons .action-btn-unresponsive:before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media screen and (max-width: 479px) {
  .top-section-actions .action-btn:before, .top-section-actions .action-btn-unresponsive:before,
.top-section-user-actions .action-btn:before,
.top-section-user-actions .action-btn-unresponsive:before,
.candidate-rel-buttons .action-btn:before,
.candidate-rel-buttons .action-btn-unresponsive:before {
    width: 28px;
    height: 28px;
    background-size: contain;
  }
}
.top-section-actions .action-btn:disabled:before, .top-section-actions .action-btn-unresponsive:disabled:before,
.top-section-user-actions .action-btn:disabled:before,
.top-section-user-actions .action-btn-unresponsive:disabled:before,
.candidate-rel-buttons .action-btn:disabled:before,
.candidate-rel-buttons .action-btn-unresponsive:disabled:before {
  opacity: 0.2 !important;
}
.top-section-actions .action-btn:before, .top-section-actions .action-btn-unresponsive:before,
.top-section-user-actions .action-btn:before,
.top-section-user-actions .action-btn-unresponsive:before,
.candidate-rel-buttons .action-btn:before,
.candidate-rel-buttons .action-btn-unresponsive:before {
  opacity: 1;
}
.top-section-actions .action-btn:hover:before, .top-section-actions .action-btn-unresponsive:hover:before,
.top-section-user-actions .action-btn:hover:before,
.top-section-user-actions .action-btn-unresponsive:hover:before,
.candidate-rel-buttons .action-btn:hover:before,
.candidate-rel-buttons .action-btn-unresponsive:hover:before {
  opacity: 0;
}
.top-section-actions .action-btn:after, .top-section-actions .action-btn-unresponsive:after,
.top-section-user-actions .action-btn:after,
.top-section-user-actions .action-btn-unresponsive:after,
.candidate-rel-buttons .action-btn:after,
.candidate-rel-buttons .action-btn-unresponsive:after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media screen and (max-width: 479px) {
  .top-section-actions .action-btn:after, .top-section-actions .action-btn-unresponsive:after,
.top-section-user-actions .action-btn:after,
.top-section-user-actions .action-btn-unresponsive:after,
.candidate-rel-buttons .action-btn:after,
.candidate-rel-buttons .action-btn-unresponsive:after {
    width: 28px;
    height: 28px;
    background-size: contain;
  }
}
.top-section-actions .action-btn:after, .top-section-actions .action-btn-unresponsive:after,
.top-section-user-actions .action-btn:after,
.top-section-user-actions .action-btn-unresponsive:after,
.candidate-rel-buttons .action-btn:after,
.candidate-rel-buttons .action-btn-unresponsive:after {
  opacity: 0;
}
.top-section-actions .action-btn:disabled:after, .top-section-actions .action-btn-unresponsive:disabled:after,
.top-section-user-actions .action-btn:disabled:after,
.top-section-user-actions .action-btn-unresponsive:disabled:after,
.candidate-rel-buttons .action-btn:disabled:after,
.candidate-rel-buttons .action-btn-unresponsive:disabled:after {
  opacity: 0 !important;
}
.top-section-actions .action-btn:hover:after, .top-section-actions .action-btn-unresponsive:hover:after,
.top-section-user-actions .action-btn:hover:after,
.top-section-user-actions .action-btn-unresponsive:hover:after,
.candidate-rel-buttons .action-btn:hover:after,
.candidate-rel-buttons .action-btn-unresponsive:hover:after {
  opacity: 1;
}
.top-section-actions .btn-new-candidate:before,
.top-section-user-actions .btn-new-candidate:before,
.candidate-rel-buttons .btn-new-candidate:before {
  background-image: url("../img/icon-new-candidate-inactive.svg");
}
.top-section-actions .btn-new-candidate:after,
.top-section-user-actions .btn-new-candidate:after,
.candidate-rel-buttons .btn-new-candidate:after {
  background-image: url("../img/icon-new-candidate-active.svg");
}
.top-section-actions .btn-batch-link:before,
.top-section-user-actions .btn-batch-link:before,
.candidate-rel-buttons .btn-batch-link:before {
  background-image: url("../img/icon-batch-email-inactive.svg");
}
.top-section-actions .btn-batch-link:after,
.top-section-user-actions .btn-batch-link:after,
.candidate-rel-buttons .btn-batch-link:after {
  background-image: url("../img/icon-batch-email-active.svg");
}
.top-section-actions .btn-email-candidates:before,
.top-section-user-actions .btn-email-candidates:before,
.candidate-rel-buttons .btn-email-candidates:before {
  background-image: url("../img/icon-email-inactive.svg");
}
.top-section-actions .btn-email-candidates:after,
.top-section-user-actions .btn-email-candidates:after,
.candidate-rel-buttons .btn-email-candidates:after {
  background-image: url("../img/icon-email-active.svg");
}
.top-section-actions .btn-status-candidates:before,
.top-section-user-actions .btn-status-candidates:before,
.candidate-rel-buttons .btn-status-candidates:before {
  background-image: url("../img/icon-status-inactive.png");
  opacity: 0.6;
}
.top-section-actions .btn-status-candidates:after,
.top-section-user-actions .btn-status-candidates:after,
.candidate-rel-buttons .btn-status-candidates:after {
  background-image: url("../img/icon-status-active.png");
}
.top-section-actions .btn-compare-candidates:before,
.top-section-user-actions .btn-compare-candidates:before,
.candidate-rel-buttons .btn-compare-candidates:before {
  background-image: url("../img/compare-icon-inactive.svg");
}
.top-section-actions .btn-compare-candidates:after,
.top-section-user-actions .btn-compare-candidates:after,
.candidate-rel-buttons .btn-compare-candidates:after {
  background-image: url("../img/compare-icon-inactive.svg");
}
.top-section-actions .btn-remove-candidates:before,
.top-section-user-actions .btn-remove-candidates:before,
.candidate-rel-buttons .btn-remove-candidates:before {
  background-image: url("../img/icon-remove-inactive.svg");
}
.top-section-actions .btn-remove-candidates:after,
.top-section-user-actions .btn-remove-candidates:after,
.candidate-rel-buttons .btn-remove-candidates:after {
  background-image: url("../img/icon-remove-active.svg");
}
.top-section-actions .btn-move-candidates:before,
.top-section-user-actions .btn-move-candidates:before,
.candidate-rel-buttons .btn-move-candidates:before {
  background-image: url("../img/icon-move-inactive.svg");
}
.top-section-actions .btn-move-candidates:after,
.top-section-user-actions .btn-move-candidates:after,
.candidate-rel-buttons .btn-move-candidates:after {
  background-image: url("../img/icon-move-active.svg");
}
.top-section-actions .btn-mark-candidates:before,
.top-section-user-actions .btn-mark-candidates:before,
.candidate-rel-buttons .btn-mark-candidates:before {
  background-image: url("../img/icon-batch-email-inactive.svg");
}
.top-section-actions .btn-mark-candidates:after,
.top-section-user-actions .btn-mark-candidates:after,
.candidate-rel-buttons .btn-mark-candidates:after {
  background-image: url("../img/icon-batch-email-active.svg");
}
.top-section-actions .btn-calendar-candidates:before,
.top-section-user-actions .btn-calendar-candidates:before,
.candidate-rel-buttons .btn-calendar-candidates:before {
  background-image: url("../img/icon-calendar-candidates-inactive.svg");
}
.top-section-actions .btn-calendar-candidates:after,
.top-section-user-actions .btn-calendar-candidates:after,
.candidate-rel-buttons .btn-calendar-candidates:after {
  background-image: url("../img/icon-calendar-candidates-active.svg");
}
.top-section-actions .btn-calendar-candidates:before,
.top-section-user-actions .btn-calendar-candidates:before,
.candidate-rel-buttons .btn-calendar-candidates:before {
  background-image: url("../img/icon-calendar-candidates-inactive.svg");
}
.top-section-actions .btn-calendar-candidates:after,
.top-section-user-actions .btn-calendar-candidates:after,
.candidate-rel-buttons .btn-calendar-candidates:after {
  background-image: url("../img/icon-calendar-candidates-active.svg");
}
.top-section-actions .btn-export:before,
.top-section-user-actions .btn-export:before,
.candidate-rel-buttons .btn-export:before {
  background-image: url("../img/icon-export-inactive.svg");
}
.top-section-actions .btn-export:after,
.top-section-user-actions .btn-export:after,
.candidate-rel-buttons .btn-export:after {
  background-image: url("../img/icon-export-active.svg");
}
.top-section-actions .btn-filter:before,
.top-section-user-actions .btn-filter:before,
.candidate-rel-buttons .btn-filter:before {
  background-image: url("../img/icon-filter-inactive.svg");
}
.top-section-actions .btn-filter:after,
.top-section-user-actions .btn-filter:after,
.candidate-rel-buttons .btn-filter:after {
  background-image: url("../img/icon-filter-active.svg");
}

@media screen and (max-width: 480px) {
  .top-section-actions {
    clear: both;
  }
}

.top-section-user-actions {
  margin-right: 6px;
}

.approvals-list-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

.approvals-list-container:hover > .approvals-list {
  display: block !important;
  top: 4px;
  left: -159px;
}

.remove-sorting::after {
  display: none !important;
}

.table > tbody > tr > td.approved-td {
  vertical-align: middle;
}

.recruiter-notes-content,
.inactive-linkedin-content,
.empty-cv-content,
.call-request-content,
.interview-content {
  display: none;
}

.popover {
  display: block;
  min-width: 350px;
  max-width: 100%;
  left: -110px;
}
.popover.hidden {
  display: none;
}
.popover .popover-content {
  text-align: center;
}

.participant_cv_rating_content__rating {
  display: -webkit-box;
  display: flex;
  place-content: center;
  gap: 10px;
  border-radius: 6px;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  background-color: #ffffff;
}
.participant_cv_rating_content__rating input[type=radio] {
  display: none;
}
.participant_cv_rating_content__rating label {
  max-width: 40px;
  max-height: 40px;
}
.participant_cv_rating_content__rating label svg {
  max-width: 100%;
  max-height: 100%;
  height: 100%;
  width: 100%;
  stroke: #cecece;
  fill: transparent;
  stroke-width: 10px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.participant_cv_rating_content__rating.edible input:hover ~ label svg {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  fill: #cecece;
  filter: drop-shadow(0px 0px 2.5px #cecece);
  -webkit-filter: drop-shadow(0px 0px 2.5px #cecece);
}
.participant_cv_rating_content__rating[data-rating="1"] label.star-1 > svg {
  fill: #ff2760;
  stroke: #ff2760;
}
.participant_cv_rating_content__rating[data-rating="1"].edible input:hover ~ label.star-1 svg {
  filter: drop-shadow(0px 0px 2.5px #ff2760);
  -webkit-filter: drop-shadow(0px 0px 2.5px #ff2760);
  fill: #ff2760;
  stroke: #ff2760;
}
.participant_cv_rating_content__rating[data-rating="2"] label.star-1 > svg,
.participant_cv_rating_content__rating[data-rating="2"] label.star-2 > svg {
  fill: #ff2760;
  stroke: #ff2760;
}
.participant_cv_rating_content__rating[data-rating="2"].edible input:hover ~ label.star-1 svg, .participant_cv_rating_content__rating[data-rating="2"].edible input:hover ~ label.star-2 svg {
  filter: drop-shadow(0px 0px 2.5px #ff2760);
  -webkit-filter: drop-shadow(0px 0px 2.5px #ff2760);
  fill: #ff2760;
  stroke: #ff2760;
}
.participant_cv_rating_content__rating[data-rating="3"] label.star-1 > svg,
.participant_cv_rating_content__rating[data-rating="3"] label.star-2 > svg,
.participant_cv_rating_content__rating[data-rating="3"] label.star-3 > svg {
  fill: #fcb424;
  stroke: #fcb424;
}
.participant_cv_rating_content__rating[data-rating="3"].edible input:hover ~ label.star-1 svg, .participant_cv_rating_content__rating[data-rating="3"].edible input:hover ~ label.star-2 svg, .participant_cv_rating_content__rating[data-rating="3"].edible input:hover ~ label.star-3 svg {
  filter: drop-shadow(0px 0px 2.5px #fcb424);
  -webkit-filter: drop-shadow(0px 0px 2.5px #fcb424);
  fill: #fcb424;
  stroke: #fcb424;
}
.participant_cv_rating_content__rating[data-rating="4"] label.star-1 > svg,
.participant_cv_rating_content__rating[data-rating="4"] label.star-2 > svg,
.participant_cv_rating_content__rating[data-rating="4"] label.star-3 > svg,
.participant_cv_rating_content__rating[data-rating="4"] label.star-4 > svg {
  fill: #4fd262;
  stroke: #4fd262;
}
.participant_cv_rating_content__rating[data-rating="4"].edible input:hover ~ label.star-1 svg, .participant_cv_rating_content__rating[data-rating="4"].edible input:hover ~ label.star-2 svg, .participant_cv_rating_content__rating[data-rating="4"].edible input:hover ~ label.star-3 svg, .participant_cv_rating_content__rating[data-rating="4"].edible input:hover ~ label.star-4 svg {
  filter: drop-shadow(0px 0px 2.5px #4fd262);
  -webkit-filter: drop-shadow(0px 0px 2.5px #4fd262);
  fill: #4fd262;
  stroke: #4fd262;
}
.participant_cv_rating_content__rating[data-rating="5"] label.star-1 > svg,
.participant_cv_rating_content__rating[data-rating="5"] label.star-2 > svg,
.participant_cv_rating_content__rating[data-rating="5"] label.star-3 > svg,
.participant_cv_rating_content__rating[data-rating="5"] label.star-4 > svg,
.participant_cv_rating_content__rating[data-rating="5"] label.star-5 > svg {
  fill: #4fd262;
  stroke: #4fd262;
}
.participant_cv_rating_content__rating[data-rating="5"].edible input:hover ~ label svg {
  filter: drop-shadow(0px 0px 2.5px #4fd262);
  -webkit-filter: drop-shadow(0px 0px 2.5px #4fd262);
  fill: #4fd262;
  stroke: #4fd262;
}

.interview-info {
  min-width: 220px;
}

.recruiter-notes-button {
  width: 40px;
  height: 40px;
  background-image: url("../img/icon-notes-active.svg");
  background-size: cover;
  background-repeat: no-repeat;
  border: none;
  background-color: transparent;
  display: block;
  -webkit-transition: transform 0.3s, background-image 0.3s;
  -webkit-transition: background-image 0.3s, -webkit-transform 0.3s;
  transition: background-image 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, background-image 0.3s;
  transition: transform 0.3s, background-image 0.3s, -webkit-transform 0.3s;
}
@media screen and (max-width: 479px) {
  .recruiter-notes-button {
    width: 28px;
    height: 28px;
  }
}
.recruiter-notes-button:hover, .recruiter-notes-button:focus, .recruiter-notes-button:focus-within {
  background-image: url("../img/icon-notes-active.svg");
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.recruiter-notes-empty-button {
  background-image: url("../img/icon-notes-inactive.svg");
}

.candidate-cv-button,
.candidate-cv-button-empty {
  width: 40px;
  height: 40px;
  background-image: url("../img/icon-cv-active.svg");
  background-size: cover;
  background-repeat: no-repeat;
  border: none;
  background-color: transparent;
  display: block;
}
@media screen and (max-width: 479px) {
  .candidate-cv-button,
.candidate-cv-button-empty {
    width: 28px;
    height: 28px;
  }
}

.candidate-cv-button-empty {
  background-image: url("../img/icon-cv-inactive.svg");
}

.recruiter-notes-list {
  width: 322px;
}
.recruiter-notes-list .recruiter-notes-list-overflow {
  max-height: 180px;
  overflow-y: auto;
  overflow-x: none;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}
.recruiter-notes-list ul {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left;
}
.recruiter-notes-list ul .no-recruiter-note {
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
}
.recruiter-notes-list ul .recruiter-note {
  padding: 8px;
  background: #f2f6fc;
  color: #333333;
  border-radius: 4px;
  margin-bottom: 8px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  height: auto;
}
.recruiter-notes-list ul .recruiter-note__edit-delete-items {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
          justify-content: flex-end;
  padding: 0;
  margin: 0;
}
.recruiter-notes-list ul .recruiter-note__edit-action, .recruiter-notes-list ul .recruiter-note__delete-action {
  display: -webkit-box;
  display: flex;
  border: none;
}
.recruiter-notes-list ul .recruiter-note__edit-action img, .recruiter-notes-list ul .recruiter-note__delete-action img {
  width: auto;
  max-width: 18px;
  height: 18px;
}
.recruiter-notes-list ul .recruiter-note__edit-action p, .recruiter-notes-list ul .recruiter-note__delete-action p {
  padding: 0 5px;
  margin: 0;
}
.recruiter-notes-list ul .recruiter-note .recruiter-notes-date,
.recruiter-notes-list ul .recruiter-note .recruiter-notes-creator {
  font-size: 10px;
  color: #707070;
}
.recruiter-notes-list ul .recruiter-note .recruiter-notes-message {
  padding: 8px 0;
  font-size: 16px;
  white-space: pre-wrap;
  word-break: break-word;
}
.recruiter-notes-list ul .recruiter-note .recruiter-notes-message .tagged-user {
  display: inline-block;
  padding: 0.3em 0.5em 0.1em;
  margin: 0 2px 2px 2px;
  border-radius: 3px;
  font-size: 14px;
  background-color: #e9e9e9;
  position: relative;
  top: -1px;
  white-space: nowrap;
}
.recruiter-notes-list .recruiter-notes-add {
  margin-top: 8px;
}

.candidate-page-email {
  display: block;
  width: 40px;
  height: 40px;
  position: relative;
  background: transparent;
  border: none;
  background-image: url("../img/icon-email-active.svg");
}
.candidate-page-email.disabled {
  background-image: url("../img/icon-email-inactive.svg");
  opacity: 0.25;
}

#referenceGroup label,
#possibleDatesBlock label {
  text-transform: none;
}

.recruiter-notes-back-button {
  margin-left: -8px;
  margin-top: -6px;
  margin-bottom: -4px;
}

.recruiter-notes-form {
  display: none;
  width: 322px;
  --item-height: 24px;
}
.recruiter-notes-form__input-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  position: relative;
}
.recruiter-notes-form__contacts {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  padding: 8px 12px;
  background: white;
  border-radius: 4px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  max-height: calc(var(--item-height) * 5);
  height: auto;
  overflow-x: hidden;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateY(calc(-100% - 12px));
          transform: translateY(calc(-100% - 12px));
}
.recruiter-notes-form__contacts--showing {
  display: -webkit-box;
  display: flex;
}
.recruiter-notes-form__contact {
  height: var(--item-height);
  width: auto;
  color: black;
  cursor: pointer;
}
.recruiter-notes-form__contact:hover {
  color: rgba(0, 0, 0, 0.75);
}
.recruiter-notes-form__contact:active {
  color: rgba(0, 0, 0, 0.5);
}
.recruiter-notes-form .recruiter-notes-back-title {
  display: none;
}
.recruiter-notes-form .recruiter-notes-text {
  box-sizing: border-box;
  resize: none;
  height: 175px;
  width: calc(100% - 4px);
  margin-bottom: 10px;
}
.recruiter-notes-form .tagify__input {
  overflow: auto;
  text-overflow: ellipsis;
}
.recruiter-notes-form .tagify__input:before {
  display: none;
}

.rating-score-position {
  display: block;
  width: 102px;
  position: relative;
}
.rating-score-position a {
  width: 100%;
  text-decoration: none;
}
.rating-score-position a, .rating-score-position span {
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}
.rating-score-position a:hover, .rating-score-position span:hover {
  color: #0d38d7 !important;
}
.rating-score-position a:hover .rating-scale-score-1 :first-child,
.rating-score-position a:hover .rating-scale-score-2 :first-child, .rating-score-position a:hover .rating-scale-score-2 :nth-child(2),
.rating-score-position a:hover .rating-scale-score-3 :not(:last-child, :nth-last-child(2)),
.rating-score-position a:hover .rating-scale-score-4 :not(:last-child),
.rating-score-position a:hover .rating-scale-score-5 span, .rating-score-position span:hover .rating-scale-score-1 :first-child,
.rating-score-position span:hover .rating-scale-score-2 :first-child, .rating-score-position span:hover .rating-scale-score-2 :nth-child(2),
.rating-score-position span:hover .rating-scale-score-3 :not(:last-child, :nth-last-child(2)),
.rating-score-position span:hover .rating-scale-score-4 :not(:last-child),
.rating-score-position span:hover .rating-scale-score-5 span {
  background-color: #0d38d7 !important;
}

.rating-score-container {
  width: 102px;
}
.rating-score-container .rating-score-total {
  font-weight: 700;
  font-size: 20px;
  text-align: center;
}
.rating-score-container .rating-score-total a {
  font-size: 14px;
  position: relative;
  color: black;
}

.rating-score-evaluate {
  position: relative;
  bottom: 12px;
}
.rating-score-evaluate .btn {
  color: white;
  margin-right: 3.5px;
}

.table > tbody > tr > td > .score-container {
  float: left;
  margin-right: 5px;
}

.table > tbody > tr > td > .checkbox {
  white-space: nowrap;
  margin: 0;
}

.table > tbody > tr > td:first-child::before {
  top: 38% !important;
  left: 5px !important;
}

.table > tbody > tr > .candidate-list-name > .btn-group > a {
  padding: 0 !important;
}

.table > tbody > tr > .candidate-list-name > .btn-group > .approvals-list-container {
  margin-top: 2px !important;
}

.table > tbody > tr > .candidate-list-name > .btn-group > button {
  float: left;
  padding: 0 0 0 2px !important;
}

.table > tbody > tr > .candidate-list-status > .btn-group > button {
  float: left;
  padding: 0 0 0 2px !important;
}

.table > tbody > tr > .candidate-list-status > .btn-group > a {
  padding: 0 !important;
}

@media screen and (max-width: 738px) {
  .table > tbody > tr > td > .checkbox {
    white-space: nowrap;
  }
}
.dataTables_wrapper > .row > .col-sm-6:first-child {
  float: left;
  clear: both;
}

@media screen and (max-width: 480px) {
  .dataTables_wrapper > .row > .col-sm-6 > .dataTables_length {
    display: none;
  }
}

.dataTables_wrapper > .row > .col-sm-6 > .dataTables_length > label > select {
  margin: 0 5px;
}

.modal-candidate-name > .btn-group {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: baseline;
          align-items: baseline;
  margin-left: 5px;
}

.modal-header > .btn.btn-link.dropdown-toggle {
  display: none;
}

.modal-body > table > tbody > tr > td > .checkbox {
  display: none;
}

.modal-body > table > tbody > tr {
  vertical-align: baseline;
}

.modal-body > table > tbody > tr > td:nth-child(2) {
  padding-left: 20px;
}

.modal-body > table > tbody > tr > td > .btn-group > a {
  padding-left: 0 !important;
}

.modal-body > table > tbody > tr > td {
  height: 35px;
}

.pdf-frame {
  width: 90%;
}
@media (max-width: 480px) {
  .pdf-frame {
    width: calc(100% - 20px);
  }
}
.pdf-frame .modal-body {
  padding: 0;
  height: 65vh;
}
@media (max-width: 480px) {
  .pdf-frame .modal-body {
    height: calc(100vh - 80px);
  }
}
.pdf-frame .modal-body .pdf-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-left: -200px;
  display: block;
  z-index: 1;
}
.pdf-frame .modal-body .pdf-loader p {
  margin-top: 40px;
  text-align: center;
}
@media (max-width: 480px) {
  .pdf-frame .modal-body .pdf-loader {
    left: 0;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }
  .pdf-frame .modal-body .pdf-loader .loader-progress-bar {
    margin-left: 25%;
    margin-top: -30px;
  }
}
.pdf-frame .modal-body object {
  display: block;
  width: 100%;
  height: 65vh;
  position: absolute;
  z-index: 2;
}
.pdf-frame .modal-body object body {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.pdf-frame .modal-body object body img {
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 480px) {
  .pdf-frame .modal-body object {
    width: calc(100vw - 20px);
    height: calc(100vh - 80px);
  }
}
.pdf-frame .modal-body iframe {
  display: block;
  width: 100%;
  height: 65vh;
  border: none;
  border-bottom: 1px solid #dfdfdf;
}
.pdf-frame .modal-body:after {
  display: none;
}

#candidateConfirmationModal .modal-body .candidate-confirmation-modal-description,
#candidateInterestedConfirmationModal .modal-body .candidate-confirmation-modal-description {
  font-size: 18px;
  text-align: center;
  margin: 0 0 20px 0;
  padding: 0;
}
#candidateConfirmationModal .form-group,
#candidateInterestedConfirmationModal .form-group {
  min-height: 0;
}
#candidateConfirmationModal .candidate-confirmation-value,
#candidateInterestedConfirmationModal .candidate-confirmation-value {
  font-weight: 700;
}

.dates-error,
.online-interview-link-error,
.location-error,
.timezone-error {
  color: #ff2760;
  font-weight: 500;
  margin: 0;
  display: block;
}

.interview-location-field .interview-location-help {
  margin-top: 5px;
  font-style: italic;
}

.interview-participants {
  margin-top: 2rem;
}

.no-participants {
  color: #707070;
  line-height: 1.2;
}

#meetingsModal .modal-header,
#meetingsModal .modal-body-meetings {
  padding-left: 80px;
  padding-right: 80px;
}
#meetingsModal .modal-body-meetings {
  padding-bottom: 30px;
}
#meetingsModal .modal-header .close {
  margin-right: -60px;
}
@media screen and (max-width: 480px) {
  #meetingsModal .modal-header,
#meetingsModal .modal-body-meetings {
    padding-left: 10px;
    padding-right: 10px;
  }
  #meetingsModal .modal-header .close {
    margin-right: 0;
  }
}

.search-highlights-row td {
  border-top: none !important;
  padding-top: 0 !important;
}

.search-highlights-title {
  position: absolute;
  margin-top: -23px;
  margin-left: 18px;
  font-weight: 700;
  display: none;
}
.search-highlights-row .search-highlights-title {
  display: block;
}

.search-highlight-contents {
  display: none;
  margin-left: 18px;
}
.search-highlights-row .search-highlight-contents {
  display: block;
}
.search-highlight-contents .search-highlight-key {
  font-weight: 500;
  font-size: 12px;
  display: block;
}
.search-highlight-contents .search-highlight-value {
  font-weight: 200;
  top: -4px;
  position: relative;
}
.search-highlight-contents .search-highlight {
  font-weight: 700;
}

@media (max-width: 480px) {
  .dataTables_filter {
    display: none;
  }
}
.dataTables_filter label {
  position: relative;
}

.candidates-filter-button {
  position: absolute;
  border: 1px solid #e9e9e9;
  border-left: none;
  background-color: #ffffff;
  right: 0;
  top: 40px;
  height: 38px;
  z-index: 2;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  border-radius: 0 6px 6px 0;
}
@media (max-width: 480px) {
  .candidates-filter-button {
    display: none;
  }
}
.candidates-filter-button .candidate-filter-button-text {
  display: inline-block;
  overflow: hidden;
  width: 0px;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.candidates-filter-button .candidate-filter-button-text span {
  width: auto;
  display: block;
  font-weight: 500;
  padding: 10px 6px 0 6px;
  box-sizing: border-box;
  height: 33px;
}
.candidates-filter-button .candidate-filter-button-arrow,
.candidates-filter-button .candidate-filter-button-close {
  display: inline-block;
  width: 24px;
  height: 30px;
  background-image: url("../img/arrow-down.svg");
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  opacity: 1;
}
.candidates-filter-button .candidate-filter-button-close {
  background-image: url("../img/icon-close-active.svg");
  height: 34px;
  width: 36px;
  right: 0;
  top: 2px;
  opacity: 0;
  position: absolute;
}
.candidates-filter-button:hover {
  background-color: #f8f8f8;
}
.candidates-filter-button:hover .candidate-filter-button-text {
  width: 60px;
  opacity: 1;
}
.candidates-filter-button:active {
  background-color: #ececec;
  -webkit-transition: none;
  transition: none;
}
.candidates-filter-button.top {
  z-index: 10001;
}
.candidates-filter-button.opened {
  background-color: #ffffff;
  border-radius: 6px 6px 0 0;
}
.candidates-filter-button.opened .candidate-filter-button-text,
.candidates-filter-button.opened .candidate-filter-button-close {
  opacity: 1;
}
.candidates-filter-button.opened .candidate-filter-button-arrow {
  opacity: 0;
}

.filter-container {
  background-color: #ffffff;
  border-radius: 6px;
  position: absolute;
  z-index: 10000;
  right: 0;
  top: 80px;
  display: none;
  margin-left: 7px;
  margin-top: -20px;
  padding: 30px 0 0 0;
  text-transform: none;
}
.filter-container p {
  color: #707070;
  font-style: italic;
  font-size: 13px;
  padding: 0 15px;
  white-space: normal;
  text-align: center;
  text-transform: none;
}
.filter-container .filter-container-scroll {
  width: 100%;
  height: 300px;
  overflow-y: scroll;
  border-radius: 0 0 6px 6px;
}
.filter-container .filter-container-scroll:before {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#a2000000", endColorstr="#00000000",GradientType=0 );
  /* IE6-9 */
  -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#a2000000", endColorstr="#00000000",GradientType=0 );
  /* IE6-9 */
}
.filter-container ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.filter-container ul li {
  margin: 0;
  padding: 10px 15px;
  border-top: 1px solid #f2f6fc;
}
.filter-container ul li.header {
  text-transform: uppercase;
  font-weight: 700;
  border-bottom: none;
  font-size: 12px;
  border-top: 1px solid #dfdfdf;
  background-color: #f2f6fc;
  padding-top: 7px;
  padding-bottom: 4px;
}
.filter-container ul li .filter-name {
  display: inline-block;
  width: calc(100% - 90px);
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  line-height: 1.2em;
}
.filter-container ul li .btn {
  float: right;
  padding: 6px 12px 4px 12px;
  height: 28px;
  margin-top: -4px;
}
.filter-container ul li .remove-filter {
  display: none;
}

.candidates-filter-container {
  margin: -20px 15px 20px 15px;
  border: 2px solid #dfdfdf;
  border-radius: 6px;
  padding: 5px 15px 0 15px;
  width: calc(100% - 30px);
}
.candidates-filter-container h3 {
  font-size: 14px;
  text-transform: uppercase;
  margin: 5px 0;
}

.candidates-selected-filters .candidates-filter {
  float: left;
  background-color: white;
  min-height: 50px;
  border-radius: 6px;
  display: block;
  padding: 3px 10px;
  min-width: 160px;
  position: relative;
  margin: 0 10px 10px 0;
}
.candidates-selected-filters .candidates-filter .filter-name {
  font-size: 12px;
  color: #707070;
  line-height: 0;
  display: inline-block;
  padding-right: 20px;
}
.candidates-selected-filters .candidates-filter .remove-filter-button {
  display: block;
  text-decoration: none;
  position: absolute;
  top: 2px;
  right: 4px;
  font-size: 14px;
  font-weight: 200;
  width: 14px;
  text-align: center;
  cursor: default;
}
.candidates-selected-filters .candidates-filter .remove-filter-button:hover {
  color: #3578ea;
}
.candidates-selected-filters .candidates-filter input[type=text] {
  display: block;
  border: none;
  font-weight: 600;
  font-size: 14px;
  width: 100%;
}
.candidates-selected-filters .candidates-filter input[type=text]:focus {
  border-bottom: 1px solid #707070;
}
.candidates-selected-filters .candidates-filter .checkbox label {
  margin-top: 2px !important;
  margin-bottom: 3px !important;
}
.candidates-selected-filters .candidates-filter .checkbox label::before {
  border: 1px solid #dfdfdf;
  width: 20px;
  height: 20px;
  margin-top: -2px;
}
.candidates-selected-filters .candidates-filter .checkbox label:after {
  width: 12px;
  height: 12px;
  background-size: contain;
  left: 4px;
  top: 2px;
}
.candidates-selected-filters .filter-personal-skills {
  width: 180px;
  padding-left: 5px;
  height: 40px;
}
.candidates-selected-filters .filter-personal-skills .checkbox {
  float: left;
  padding-left: 25px;
}
.candidates-selected-filters .filter-personal-skills .checkbox input {
  left: 0;
}
.candidates-selected-filters .filter-personal-skills .checkbox label:before, .candidates-selected-filters .filter-personal-skills .checkbox label:after {
  padding-left: 0;
}
.candidates-selected-filters .filter-personal-skills .checkbox label span {
  display: block;
  position: absolute;
  top: 20px;
  left: -30px;
  width: 22px;
  text-align: center;
  font-size: 12px;
}

.star {
  display: -webkit-box;
  display: flex;
  place-content: center;
  place-items: center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("../img/star-inactive.svg");
  background-position: center center;
  color: initial;
  filter: drop-shadow(0px 0px 1.5px #cecece);
  -webkit-filter: drop-shadow(0px 0px 1.5px #cecece);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.star.hideText {
  color: transparent;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
.star[data-rating=""]:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.screening_scores-list-container[data-ratings-shown=true] .star[data-rating="5"],
.screening_scores-list-container[data-ratings-shown=true] .star[data-rating="4.5"],
.screening_scores-list-container[data-ratings-shown=true] .star[data-rating="4"],
.AI_rating-container[data-ratings-shown=true] .star[data-rating="5"],
.AI_rating-container[data-ratings-shown=true] .star[data-rating="4.5"],
.AI_rating-container[data-ratings-shown=true] .star[data-rating="4"] {
  background-image: url("../img/star-green.svg");
}
.screening_scores-list-container[data-ratings-shown=true] .star[data-rating="3.5"],
.screening_scores-list-container[data-ratings-shown=true] .star[data-rating="3"],
.AI_rating-container[data-ratings-shown=true] .star[data-rating="3.5"],
.AI_rating-container[data-ratings-shown=true] .star[data-rating="3"] {
  background-image: url("../img/star-yellow.svg");
}
.screening_scores-list-container[data-ratings-shown=true] .star[data-rating="2.5"],
.screening_scores-list-container[data-ratings-shown=true] .star[data-rating="2"],
.screening_scores-list-container[data-ratings-shown=true] .star[data-rating="1.5"],
.screening_scores-list-container[data-ratings-shown=true] .star[data-rating="1"],
.AI_rating-container[data-ratings-shown=true] .star[data-rating="2.5"],
.AI_rating-container[data-ratings-shown=true] .star[data-rating="2"],
.AI_rating-container[data-ratings-shown=true] .star[data-rating="1.5"],
.AI_rating-container[data-ratings-shown=true] .star[data-rating="1"] {
  background-image: url("../img/star-red.svg");
}
.screening_scores-list-container[data-ratings-shown=true] .circle[data-rating="-2"], .screening_scores-list-container[data-ratings-shown=true] .circle[data-rating="1"], .screening_scores-list-container[data-ratings-shown=true] .circle[data-rating="2"],
.AI_rating-container[data-ratings-shown=true] .circle[data-rating="-2"],
.AI_rating-container[data-ratings-shown=true] .circle[data-rating="1"],
.AI_rating-container[data-ratings-shown=true] .circle[data-rating="2"] {
  border-color: #ff2760;
  color: #ff2760;
}
.screening_scores-list-container[data-ratings-shown=true] .circle[data-rating="-3"], .screening_scores-list-container[data-ratings-shown=true] .circle[data-rating="3"],
.AI_rating-container[data-ratings-shown=true] .circle[data-rating="-3"],
.AI_rating-container[data-ratings-shown=true] .circle[data-rating="3"] {
  border-color: #fcb424;
  color: #fcb424;
}
.screening_scores-list-container[data-ratings-shown=true] .circle[data-rating="-1"], .screening_scores-list-container[data-ratings-shown=true] .circle[data-rating="4"], .screening_scores-list-container[data-ratings-shown=true] .circle[data-rating="5"],
.AI_rating-container[data-ratings-shown=true] .circle[data-rating="-1"],
.AI_rating-container[data-ratings-shown=true] .circle[data-rating="4"],
.AI_rating-container[data-ratings-shown=true] .circle[data-rating="5"] {
  border-color: #4fd262;
  color: #4fd262;
}
.screening_scores-list-container[data-ratings-shown=true] .participant_cv_rating_content__rating[data-rating="1"] label.star-1 > svg,
.AI_rating-container[data-ratings-shown=true] .participant_cv_rating_content__rating[data-rating="1"] label.star-1 > svg {
  fill: #ff2760;
  stroke: #ff2760;
}
.screening_scores-list-container[data-ratings-shown=true] .participant_cv_rating_content__rating[data-rating="2"] label.star-1 > svg,
.screening_scores-list-container[data-ratings-shown=true] .participant_cv_rating_content__rating[data-rating="2"] label.star-2 > svg,
.AI_rating-container[data-ratings-shown=true] .participant_cv_rating_content__rating[data-rating="2"] label.star-1 > svg,
.AI_rating-container[data-ratings-shown=true] .participant_cv_rating_content__rating[data-rating="2"] label.star-2 > svg {
  fill: #ff2760;
  stroke: #ff2760;
}
.screening_scores-list-container[data-ratings-shown=true] .participant_cv_rating_content__rating[data-rating="3"] label.star-1 > svg,
.screening_scores-list-container[data-ratings-shown=true] .participant_cv_rating_content__rating[data-rating="3"] label.star-2 > svg,
.screening_scores-list-container[data-ratings-shown=true] .participant_cv_rating_content__rating[data-rating="3"] label.star-3 > svg,
.AI_rating-container[data-ratings-shown=true] .participant_cv_rating_content__rating[data-rating="3"] label.star-1 > svg,
.AI_rating-container[data-ratings-shown=true] .participant_cv_rating_content__rating[data-rating="3"] label.star-2 > svg,
.AI_rating-container[data-ratings-shown=true] .participant_cv_rating_content__rating[data-rating="3"] label.star-3 > svg {
  fill: #fcb424;
  stroke: #fcb424;
}
.screening_scores-list-container[data-ratings-shown=true] .participant_cv_rating_content__rating[data-rating="4"] label.star-1 > svg,
.screening_scores-list-container[data-ratings-shown=true] .participant_cv_rating_content__rating[data-rating="4"] label.star-2 > svg,
.screening_scores-list-container[data-ratings-shown=true] .participant_cv_rating_content__rating[data-rating="4"] label.star-3 > svg,
.screening_scores-list-container[data-ratings-shown=true] .participant_cv_rating_content__rating[data-rating="4"] label.star-4 > svg,
.AI_rating-container[data-ratings-shown=true] .participant_cv_rating_content__rating[data-rating="4"] label.star-1 > svg,
.AI_rating-container[data-ratings-shown=true] .participant_cv_rating_content__rating[data-rating="4"] label.star-2 > svg,
.AI_rating-container[data-ratings-shown=true] .participant_cv_rating_content__rating[data-rating="4"] label.star-3 > svg,
.AI_rating-container[data-ratings-shown=true] .participant_cv_rating_content__rating[data-rating="4"] label.star-4 > svg {
  fill: #4fd262;
  stroke: #4fd262;
}
.screening_scores-list-container[data-ratings-shown=true] .participant_cv_rating_content__rating[data-rating="5"] label.star-1 > svg,
.screening_scores-list-container[data-ratings-shown=true] .participant_cv_rating_content__rating[data-rating="5"] label.star-2 > svg,
.screening_scores-list-container[data-ratings-shown=true] .participant_cv_rating_content__rating[data-rating="5"] label.star-3 > svg,
.screening_scores-list-container[data-ratings-shown=true] .participant_cv_rating_content__rating[data-rating="5"] label.star-4 > svg,
.screening_scores-list-container[data-ratings-shown=true] .participant_cv_rating_content__rating[data-rating="5"] label.star-5 > svg,
.AI_rating-container[data-ratings-shown=true] .participant_cv_rating_content__rating[data-rating="5"] label.star-1 > svg,
.AI_rating-container[data-ratings-shown=true] .participant_cv_rating_content__rating[data-rating="5"] label.star-2 > svg,
.AI_rating-container[data-ratings-shown=true] .participant_cv_rating_content__rating[data-rating="5"] label.star-3 > svg,
.AI_rating-container[data-ratings-shown=true] .participant_cv_rating_content__rating[data-rating="5"] label.star-4 > svg,
.AI_rating-container[data-ratings-shown=true] .participant_cv_rating_content__rating[data-rating="5"] label.star-5 > svg {
  fill: #4fd262;
  stroke: #4fd262;
}

.screening_scores-list-container[data-ratings-shown=false] .star[data-rating="5"],
.screening_scores-list-container[data-ratings-shown=false] .star[data-rating="4.5"],
.screening_scores-list-container[data-ratings-shown=false] .star[data-rating="4"],
.screening_scores-list-container[data-ratings-shown=false] .star[data-rating="3.5"],
.screening_scores-list-container[data-ratings-shown=false] .star[data-rating="3"],
.screening_scores-list-container[data-ratings-shown=false] .star[data-rating="2.5"],
.screening_scores-list-container[data-ratings-shown=false] .star[data-rating="2"],
.screening_scores-list-container[data-ratings-shown=false] .star[data-rating="1.5"],
.screening_scores-list-container[data-ratings-shown=false] .star[data-rating="1"],
.AI_rating-container[data-ratings-shown=false] .star[data-rating="5"],
.AI_rating-container[data-ratings-shown=false] .star[data-rating="4.5"],
.AI_rating-container[data-ratings-shown=false] .star[data-rating="4"],
.AI_rating-container[data-ratings-shown=false] .star[data-rating="3.5"],
.AI_rating-container[data-ratings-shown=false] .star[data-rating="3"],
.AI_rating-container[data-ratings-shown=false] .star[data-rating="2.5"],
.AI_rating-container[data-ratings-shown=false] .star[data-rating="2"],
.AI_rating-container[data-ratings-shown=false] .star[data-rating="1.5"],
.AI_rating-container[data-ratings-shown=false] .star[data-rating="1"] {
  background-image: url("../img/star-inactive.svg");
  color: transparent;
}
.screening_scores-list-container[data-ratings-shown=false] .circle[data-rating="-2"], .screening_scores-list-container[data-ratings-shown=false] .circle[data-rating="1"], .screening_scores-list-container[data-ratings-shown=false] .circle[data-rating="2"], .screening_scores-list-container[data-ratings-shown=false] .circle[data-rating="-3"], .screening_scores-list-container[data-ratings-shown=false] .circle[data-rating="3"], .screening_scores-list-container[data-ratings-shown=false] .circle[data-rating="-1"], .screening_scores-list-container[data-ratings-shown=false] .circle[data-rating="4"], .screening_scores-list-container[data-ratings-shown=false] .circle[data-rating="5"],
.AI_rating-container[data-ratings-shown=false] .circle[data-rating="-2"],
.AI_rating-container[data-ratings-shown=false] .circle[data-rating="1"],
.AI_rating-container[data-ratings-shown=false] .circle[data-rating="2"],
.AI_rating-container[data-ratings-shown=false] .circle[data-rating="-3"],
.AI_rating-container[data-ratings-shown=false] .circle[data-rating="3"],
.AI_rating-container[data-ratings-shown=false] .circle[data-rating="-1"],
.AI_rating-container[data-ratings-shown=false] .circle[data-rating="4"],
.AI_rating-container[data-ratings-shown=false] .circle[data-rating="5"] {
  border-color: #cecece;
  color: #cecece;
}
.screening_scores-list-container[data-ratings-shown=false] .participant_cv_rating_content__rating[data-rating="1"] label.star-1 > svg,
.AI_rating-container[data-ratings-shown=false] .participant_cv_rating_content__rating[data-rating="1"] label.star-1 > svg {
  stroke: #cecece;
  fill: transparent;
}
.screening_scores-list-container[data-ratings-shown=false] .participant_cv_rating_content__rating[data-rating="2"] label.star-1 > svg,
.screening_scores-list-container[data-ratings-shown=false] .participant_cv_rating_content__rating[data-rating="2"] label.star-2 > svg,
.AI_rating-container[data-ratings-shown=false] .participant_cv_rating_content__rating[data-rating="2"] label.star-1 > svg,
.AI_rating-container[data-ratings-shown=false] .participant_cv_rating_content__rating[data-rating="2"] label.star-2 > svg {
  stroke: #cecece;
  fill: transparent;
}
.screening_scores-list-container[data-ratings-shown=false] .participant_cv_rating_content__rating[data-rating="3"] label.star-1 > svg,
.screening_scores-list-container[data-ratings-shown=false] .participant_cv_rating_content__rating[data-rating="3"] label.star-2 > svg,
.screening_scores-list-container[data-ratings-shown=false] .participant_cv_rating_content__rating[data-rating="3"] label.star-3 > svg,
.AI_rating-container[data-ratings-shown=false] .participant_cv_rating_content__rating[data-rating="3"] label.star-1 > svg,
.AI_rating-container[data-ratings-shown=false] .participant_cv_rating_content__rating[data-rating="3"] label.star-2 > svg,
.AI_rating-container[data-ratings-shown=false] .participant_cv_rating_content__rating[data-rating="3"] label.star-3 > svg {
  stroke: #cecece;
  fill: transparent;
}
.screening_scores-list-container[data-ratings-shown=false] .participant_cv_rating_content__rating[data-rating="4"] label.star-1 > svg,
.screening_scores-list-container[data-ratings-shown=false] .participant_cv_rating_content__rating[data-rating="4"] label.star-2 > svg,
.screening_scores-list-container[data-ratings-shown=false] .participant_cv_rating_content__rating[data-rating="4"] label.star-3 > svg,
.screening_scores-list-container[data-ratings-shown=false] .participant_cv_rating_content__rating[data-rating="4"] label.star-4 > svg,
.AI_rating-container[data-ratings-shown=false] .participant_cv_rating_content__rating[data-rating="4"] label.star-1 > svg,
.AI_rating-container[data-ratings-shown=false] .participant_cv_rating_content__rating[data-rating="4"] label.star-2 > svg,
.AI_rating-container[data-ratings-shown=false] .participant_cv_rating_content__rating[data-rating="4"] label.star-3 > svg,
.AI_rating-container[data-ratings-shown=false] .participant_cv_rating_content__rating[data-rating="4"] label.star-4 > svg {
  stroke: #cecece;
  fill: transparent;
}
.screening_scores-list-container[data-ratings-shown=false] .participant_cv_rating_content__rating[data-rating="5"] label.star-1 > svg,
.screening_scores-list-container[data-ratings-shown=false] .participant_cv_rating_content__rating[data-rating="5"] label.star-2 > svg,
.screening_scores-list-container[data-ratings-shown=false] .participant_cv_rating_content__rating[data-rating="5"] label.star-3 > svg,
.screening_scores-list-container[data-ratings-shown=false] .participant_cv_rating_content__rating[data-rating="5"] label.star-4 > svg,
.screening_scores-list-container[data-ratings-shown=false] .participant_cv_rating_content__rating[data-rating="5"] label.star-5 > svg,
.AI_rating-container[data-ratings-shown=false] .participant_cv_rating_content__rating[data-rating="5"] label.star-1 > svg,
.AI_rating-container[data-ratings-shown=false] .participant_cv_rating_content__rating[data-rating="5"] label.star-2 > svg,
.AI_rating-container[data-ratings-shown=false] .participant_cv_rating_content__rating[data-rating="5"] label.star-3 > svg,
.AI_rating-container[data-ratings-shown=false] .participant_cv_rating_content__rating[data-rating="5"] label.star-4 > svg,
.AI_rating-container[data-ratings-shown=false] .participant_cv_rating_content__rating[data-rating="5"] label.star-5 > svg {
  stroke: #cecece;
  fill: transparent;
}

.circle {
  width: 40px;
  height: 40px;
  cursor: default;
  border-radius: 50%;
  border: 2px solid #cecece;
  color: #cecece;
  font-weight: 700;
  font-size: 14px;
  display: -webkit-box;
  display: flex;
  align-content: center;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  letter-spacing: 0.5px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.circle[data-trigger=hover]:hover, .circle.focus {
  border-color: #3578ea;
  color: #3578ea;
}

.update-ratios-button-container {
  height: 48px;
}
.update-ratios-button-container .update-ratios-button-fade {
  display: none;
}
.update-ratios-button-container .update-ratios-button.disable {
  opacity: 0.6;
  background-color: #3578ea !important;
  cursor: default;
}

.remove-recipient-row {
  display: block;
  position: flex;
  right: 5px;
  width: 40px;
  height: 40px;
  background-image: url("../img/icon-remove-active.svg");
  background-color: transparent;
  border: none;
}
.remove-recipient-row:hover {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.found-candidates-wrapper .jobs-list {
  width: 100%;
}
.found-candidates-wrapper .jobs-list thead tr th {
  padding-top: 15px;
  padding-right: 15px;
  top: 0;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
}
.found-candidates-wrapper .jobs-list tbody tr .jobs-list-job-name {
  max-width: 200px;
}
.found-candidates-wrapper .jobs-list tbody tr .tooltip {
  pointer-events: none;
}
.found-candidates-wrapper .jobs-list tr {
  scroll-snap-align: start;
}
.found-candidates-wrapper .jobs-list td, .found-candidates-wrapper .jobs-list td > a, .found-candidates-wrapper .jobs-list th {
  padding-top: 10px;
  padding-right: 10px;
  font-size: 14px;
  font-weight: normal;
  color: #000;
  text-align: left;
}
.found-candidates-wrapper .jobs-list a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.found-candidates-wrapper .jobs-list a:hover {
  color: #3578ea;
  text-decoration: none;
}
.found-candidates-wrapper .jobs-list a.is-closed {
  color: #bf1e2e;
}
.found-candidates-wrapper .jobs-list a.is-closed:hover {
  color: #3578ea;
}

.mfa-icon-inactive {
  font-size: 18px;
  color: red;
  display: block;
}

.mfa-icon-active {
  font-size: 18px;
  color: green;
  display: block;
}

.login_2fa_enabled {
  display: block;
}

.cancel-interview-warning {
  color: red;
  font-weight: bold;
  margin-top: -10px;
  text-align: right;
  display: block !important;
}

.interview-slot-wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.blinking {
  -webkit-animation: blink 2s ease-in infinite;
          animation: blink 2s ease-in infinite;
}

@-webkit-keyframes blink {
  from, to {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

@keyframes blink {
  from, to {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.email-template-file-remove {
  display: inline-block;
  margin-bottom: 30px;
  margin-left: 20px;
  cursor: pointer;
  text-decoration: none !important;
  color: #0a0a0a;
}
.email-template-file-remove:hover {
  color: #0a0a0a;
}
.email-template-file-remove img {
  width: 20px;
  height: 20px;
  position: relative;
  top: -3px;
  margin-right: 5px;
}

.sapia-rating-container {
  position: relative;
  text-align: center;
}

.centered-star-rating {
  position: absolute;
  top: 55%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-weight: 600;
}

.star-image {
  content: url("/img/star-inactive.svg");
  height: 45px;
  width: 45px;
}

.star-image[data-rating=YES] {
  content: url("/img/star-green.svg");
}

.star-image[data-rating=MAYBE] {
  content: url("/img/star-yellow.svg");
}

.star-image[data-rating=NO] {
  content: url("/img/star-red.svg");
}

.red-flag {
  margin-top: 12.5px;
  height: 20px;
  width: 20px;
}

.red-flag-inline {
  margin: auto -5px;
  height: 20px;
  width: 20px;
}

/* Modal for comparing OpenRecruit candidates */
#compareCandidatesModal .compare-overview-table-wrapper {
  padding: 0;
  margin: 0;
  width: 100%;
  max-height: 70vh;
  overflow: scroll;
}
#compareCandidatesModal .compare-overview-table {
  border-collapse: separate;
  border-spacing: 5px;
}
#compareCandidatesModal .compare-overview-table td, #compareCandidatesModal .compare-overview-table th {
  border: 0.5px solid #e6e6e6;
}
#compareCandidatesModal .compare-overview-table th.candidate-comparison-answer-cell {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 10004;
  background-color: #f2f2f2;
}
#compareCandidatesModal .compare-overview-table th.candidate-comparison-question-cell {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 10006;
  background-color: #f2f2f2;
}
#compareCandidatesModal .compare-overview-table .candidate-comparison-section-title-cell {
  min-width: 250px;
  max-width: 350px;
  position: sticky;
  position: -webkit-sticky;
  left: 0;
  z-index: 10002;
  background-color: #f2f2f2;
  padding: 5px;
}
#compareCandidatesModal .compare-overview-table .candidate-comparison-section-title-cell .candidate-comparison-section-title-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
          align-items: center;
}
#compareCandidatesModal .compare-overview-table .candidate-comparison-section-title-cell .candidate-comparison-section-title-container span {
  font-weight: 500;
}
#compareCandidatesModal .compare-overview-table .candidate-comparison-question-cell {
  min-width: 250px;
  max-width: 350px;
  position: sticky;
  position: -webkit-sticky;
  left: 0;
  z-index: 10002;
  background-color: #f2f2f2;
  padding: 5px;
  vertical-align: top;
}
#compareCandidatesModal .compare-overview-table .candidate-comparison-question-cell .candidate-comparison-question-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
          align-items: flex-start;
}
#compareCandidatesModal .compare-overview-table .compare-overview-table__rating-row .candidate-comparison-question-cell .candidate-comparison-question-container span,
#compareCandidatesModal .compare-overview-table .compare-overview-table__time-row .candidate-comparison-question-cell .candidate-comparison-question-container span {
  font-weight: 500;
}
#compareCandidatesModal .compare-overview-table .candidate-comparison-section-rating-cell {
  vertical-align: middle;
  min-width: 200px;
  max-width: 300px;
  padding: 5px;
}
#compareCandidatesModal .compare-overview-table .candidate-comparison-section-rating-cell .candidate-comparison-section-rating-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
}
#compareCandidatesModal .compare-overview-table .candidate-comparison-answer-cell {
  min-width: 200px;
  max-width: 300px;
  padding: 5px;
  vertical-align: top;
}
#compareCandidatesModal .compare-overview-table .candidate-comparison-answer-cell .candidate-comparison-answer-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
}
#compareCandidatesModal .compare-overview-table .candidate-comparison-answer-cell .candidate-comparison-answer-container .candidate-answer {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  gap: 10px;
  width: 100%;
}
#compareCandidatesModal .compare-overview-table .candidate-comparison-answer-cell .candidate-comparison-answer-container .candidate-answer .candidate-answer-wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  position: relative;
}
#compareCandidatesModal .compare-overview-table .candidate-comparison-answer-cell .candidate-comparison-answer-container .candidate-answer .candidate-answer-wrapper .candidate-answer-wrapper__text {
  width: 100%;
  padding-right: 30px;
}
#compareCandidatesModal .compare-overview-table .candidate-comparison-answer-cell .candidate-comparison-answer-container .candidate-answer .candidate-answer-wrapper .candidate-answer-wrapper__weight {
  position: absolute;
  right: 3px;
  top: 5px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
}

#sendEmailTemplateToCandidates.disabled {
  pointer-events: none;
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .candidate-action-container .btn.btn-primary.btn-arrow-left {
    padding-top: 10px;
    padding-right: 23px;
  }
}

.candidate-form #candidate-email-text-editor {
  height: 240px;
}
.candidate-form .form-group.telephone-group.has-error label[for=candidate-tel-number] {
  color: #333333;
}
.candidate-form .form-group.telephone-group.has-error input {
  border-color: transparent;
}
.candidate-form .form-group.telephone-group.has-error input.tel-invalid {
  border-color: #ff2760;
}

.candidate-limitation {
  padding: 20px 0;
  font-size: 16px;
  color: #000000;
  font-weight: bold;
  text-align: center;
}

.submit-with-email {
  margin-right: 10px;
}

.candidate-status-indicator {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-color: #cecece;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  -webkit-transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.candidate-status-indicator:hover {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

.candidate-status-indicator.candidate-approval-indicator-approved {
  background-image: url("../img/approved-circle.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-color: transparent;
}

.candidate-status-indicator.candidate-approval-indicator-not_approved {
  background-image: url("../img/not_approved-circle.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-color: transparent;
}

.candidate-status-indicator-not_interested,
.candidate-status-indicator-eliminated,
.candidate-status-indicator-rejected_screening,
.candidate-status-indicator-rejected_interview_1,
.candidate-status-indicator-rejected_interview_2,
.candidate-status-indicator-rejected_interview_3,
.candidate-status-indicator-rejected_offer {
  background-color: #cecece;
}

.candidate-approval-border-not_defined,
.candidate-approval-border-not_approved,
.candidate-approval-border-approved,
.candidate-approval-border-not_decided {
  border: 1px solid black;
}

.candidate-status-indicator-interested,
.candidate-status-indicator-call_back {
  background-color: #ff2760;
}

.candidate-status-indicator.candidate-approval-indicator-not_decided {
  background-image: url("../img/not_decided-circle.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-color: transparent;
}

.candidate-list-status > .candidate-status-indicator {
  width: 10px;
  height: 10px;
  margin: 4px 5px 0 0;
  top: 3px;
  cursor: default;
}

.candidate-phone-container .col-md-3 {
  padding: 0;
}
.candidate-phone-container .col-md-9 {
  padding-right: 0;
}

.batch-email-area {
  margin-top: 20px;
}

textarea.case-answer-text {
  resize: none;
  height: 220px;
}

.save-email-template-container {
  float: right;
  margin-top: 5px;
  width: 150px;
}
.save-email-template-container p {
  text-align: right;
  font-size: 12px;
  padding-top: 5px;
}
.save-email-template-container .switch {
  float: right;
  margin: 10px 0 0 10px;
}

@media only screen and (max-width: 991px) {
  .candidate-phone-container > .col-md-3,
.candidate-phone-container > .col-md-9 {
    float: left !important;
  }

  .candidate-phone-container > .col-md-3 {
    width: 25% !important;
  }

  .candidate-phone-container > .col-md-9 {
    width: 75% !important;
    padding-left: 10px;
  }
}
.candidate-summary-area {
  background-color: #ffffff;
  padding: 40px;
  margin-bottom: 40px;
  margin-top: 20px;
}
.candidate-summary-area .image-selector {
  float: left;
}
.candidate-summary-area .edit-photo .btn {
  background-color: transparent !important;
}
.candidate-summary-area .btn-default {
  background-color: #f2f6fc;
}
.candidate-summary-area .btn-default:hover {
  background-color: #dfdfdf;
}
.candidate-summary-area .candidate-rel-buttons {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.candidate-summary-area .group-span-filestyle .btn-default {
  background-color: transparent;
}
.candidate-summary-area h2 {
  margin: 0 0 40px 0;
  font-weight: 200;
  font-size: 30px;
}
@media (max-width: 768px) {
  .candidate-summary-area {
    padding: 15px;
  }
}
@media screen and (max-width: 660px) {
  .candidate-summary-area .candidate-summary-name {
    text-align: center;
  }
}

.candidate-summary {
  float: left;
  margin-right: 25px;
}
.candidate-summary .form-group {
  margin: 5px 0;
  padding: 0;
  min-height: 30px;
}
.candidate-summary .form-group .candidate-summary-label {
  display: inline-block;
  width: 110px;
  text-align: right;
  padding-right: 30px;
  padding-top: 8px;
}
.candidate-summary .form-group .candidate-summary-value {
  font-weight: bold;
  display: inline-block;
  width: 200px;
  padding-top: 7px;
  float: right;
}
@media screen and (max-width: 480px) {
  .candidate-summary .form-group .candidate-summary-value.open .dropdown-menu {
    height: 100px;
    overflow: hidden;
    overflow-y: scroll;
  }
}
.candidate-summary .form-group .btn-group.candidate-summary-value {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.candidate-summary .form-group .btn-group.candidate-summary-value #status-dropdown-label {
  font-weight: bold;
  text-transform: none;
  margin-bottom: 0;
  cursor: pointer;
}
.candidate-summary .form-group .btn-group.candidate-summary-value .dropdown-toggle .caret {
  top: 0;
}
.candidate-summary .form-group .candidate-summary-wrap {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.candidate-summary .candidate-approval {
  margin-top: -7px;
}
@media (max-width: 480px) {
  .candidate-summary {
    padding-top: 50px;
  }
  .candidate-summary .candidate-summary-label {
    display: block !important;
    text-align: left !important;
  }
  .candidate-summary .candidate-summary-value {
    margin-bottom: 3px;
  }
}

.candidate-rel-buttons {
  padding-left: 30px;
  margin-top: 6px;
  border-left: 1px solid #dfdfdf;
  float: left;
}
.candidate-rel-buttons .candidate-action-buttons {
  display: -webkit-box;
  display: flex;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.candidate-rel-buttons .candidate-action-buttons a, .candidate-rel-buttons .candidate-action-buttons button {
  -webkit-transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.candidate-rel-buttons .candidate-action-buttons a:hover, .candidate-rel-buttons .candidate-action-buttons a:focus, .candidate-rel-buttons .candidate-action-buttons a:focus-within, .candidate-rel-buttons .candidate-action-buttons button:hover, .candidate-rel-buttons .candidate-action-buttons button:focus, .candidate-rel-buttons .candidate-action-buttons button:focus-within {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
@media (max-width: 1199px) {
  .candidate-rel-buttons {
    padding-left: 0;
    border-left: none;
    margin-left: 354px;
    float: none;
    clear: both;
    padding-top: 10px;
  }
}
@media (max-width: 660px) {
  .candidate-rel-buttons {
    width: 240px;
    margin-left: 115px;
    padding-top: 30px;
  }
}
@media (max-width: 480px) {
  .candidate-rel-buttons {
    margin-left: 0;
  }
}

.candidate-rel-references,
.candidate-rel-cases,
.candidate-rel-personal-skills {
  display: block;
  margin-top: 34px;
}
.candidate-rel-references .score-container,
.candidate-rel-cases .score-container,
.candidate-rel-personal-skills .score-container {
  float: none;
  margin-bottom: 10px;
  width: 100%;
  text-align: left;
}

@media screen and (max-width: 480px) {
  .candidate-rel-references .btn-group {
    display: none;
  }
}

.candidate-rel-cases {
  padding-left: 110px;
}

.candidate-rel-personal-skills {
  margin-top: 27px;
}

.personal-skills-button-container {
  display: block;
}
.personal-skills-button-container .personal-skills-button-title {
  margin-bottom: 9px;
}
.personal-skills-button-container .personal-skills-sent {
  margin-top: 0.75em;
  display: block;
  line-height: 1.2em;
  max-width: 250px;
  line-break: auto;
}

.nav-tabs {
  border-bottom-color: #333333;
}
.nav-tabs > li > a {
  padding: 16px 30px;
  color: #0d38d7;
  font-size: 16px;
  font-weight: 300;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  border-color: #333333;
  border-bottom-color: #f2f6fc;
  background: #f2f6fc;
}
.nav-tabs > li.active > a {
  color: #333333;
  font-weight: 600;
}
.nav-tabs > li > a:hover {
  border-color: #333333 #333333 #f2f6fc;
  background-color: #f2f6fc;
}

.tab-select {
  border-bottom: 1px solid #dfdfdf;
  margin-left: -15px;
  width: calc(100% + 30px);
  padding: 0 15px 6px 15px;
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.4);
}
.tab-select label {
  font-size: 12px;
  font-weight: 700;
}

.tab-pane {
  padding-top: 40px;
}

.candidate-summary-top {
  width: calc(100% - 320px);
  float: left;
}

.candidate-interview-form #candidate-interview-note {
  resize: vertical;
  height: 145px;
  min-height: 145px;
  max-height: 240px;
}
.candidate-interview-form .candidate-upload-interview-note-button {
  margin: 0 auto 0 auto;
}
.candidate-interview-form #previous-notes .panel-body {
  padding: 0;
}
.candidate-interview-form .candidate-interview-note-container {
  padding: 10px 15px;
  border-top: 1px solid #dddddd;
}
.candidate-interview-form .candidate-interview-note-container:nth-child(even) {
  background-color: #fbfbfb;
}
.candidate-interview-form .candidate-interview-note-container:first-child {
  border-top: none;
}
.candidate-interview-form .candidate-interview-note-container:last-child {
  border-radius: 0 0 3px 3px;
}
.candidate-interview-form .candidate-interview-note-container .interview-note-date {
  font-weight: bold;
}
.candidate-interview-form .candidate-interview-note-container .interview-note-creator {
  display: block;
  float: right;
  font-weight: bold;
}
.candidate-interview-form .candidate-interview-note-container .remove-interview-note {
  display: block;
  position: relative;
  float: right;
  right: -10px;
  width: 40px;
  height: 40px;
  background-image: url("../img/icon-remove-inactive.svg");
  background-color: transparent;
  border: none;
}
.candidate-interview-form .candidate-interview-note-container .interview-note-content {
  clear: both;
  margin: 5px 0;
}
.candidate-interview-form .candidate-interview-note-container .interview-note-image {
  max-width: 100%;
  border-radius: 4px;
  margin: 10px auto;
  display: block;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
}
.candidate-interview-form .candidate-interview-note-container .interview-note-pdf {
  width: 100%;
  height: 100vh;
  display: block;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
}
.candidate-interview-form #other-benefits {
  resize: vertical;
  max-height: 120px;
}
.candidate-interview-form #interview-explanation,
.candidate-interview-form #interview-comments {
  resize: vertical;
  height: 120px;
  min-height: 120px;
  max-height: 200px;
}
.candidate-interview-form .rating-scale {
  max-width: none;
}

@media (min-width: 768px) {
  .candidate-basic-form,
.candidate-interview-form {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.interview-note-upload-area h3 {
  margin-top: 20px;
}
.interview-note-upload-area .form-group {
  min-height: 0;
}
.interview-note-upload-area .bootstrap-filestyle {
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  .interview-note-upload-area {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .add-interview-notes-area {
    margin-bottom: 20px;
  }
}

.custom-questions-answers {
  border-top: 1px solid #e0e0e0;
  padding-top: 20px;
}

.custom-questions-job {
  cursor: pointer;
  -webkit-transition: font-weight 0.2s;
  transition: font-weight 0.2s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

.custom-questions-job:hover {
  font-weight: 500;
}

.open-recruit-setup-questions-container .custom-question-container ul.connected-custom-questions {
  margin-top: 10px;
  background-color: #f2f6fc;
}
.open-recruit-setup-questions-container .custom-question-container ul.connected-custom-questions li.custom-question-field.candidate-questions {
  margin: 0;
  padding-bottom: 0;
  border-radius: 0;
  box-shadow: none;
}
.open-recruit-setup-questions-container .custom-question-container ul.connected-custom-questions li.custom-question-field.candidate-questions .question-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.open-recruit-setup-questions-container .custom-question-container ul.connected-custom-questions li.custom-question-field.candidate-questions .question-header .question-label-wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.open-recruit-setup-questions-container .custom-question-container ul.connected-custom-questions li.custom-question-field.candidate-questions .question-header:before, .open-recruit-setup-questions-container .custom-question-container ul.connected-custom-questions li.custom-question-field.candidate-questions .question-header:after {
  content: none;
}
.open-recruit-setup-questions-container .custom-question-container ul.connected-custom-questions li.custom-question-field.candidate-questions .question-title {
  margin-top: 10px;
  margin-bottom: 15px;
}
.open-recruit-setup-questions-container .custom-question-container ul.connected-custom-questions li.custom-question-field.candidate-questions .remove-file {
  position: static;
}
.open-recruit-setup-questions-container .custom-question-container ul.connected-custom-questions li.custom-question-field.candidate-questions .slim-number-input {
  bottom: 51px;
}
.open-recruit-setup-questions-container .custom-question-container ul.connected-custom-questions li.custom-question-field.candidate-questions .question-interval-type {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
}
.open-recruit-setup-questions-container .custom-question-container ul.connected-custom-questions li.custom-question-field.candidate-questions .question-interval-type .question-interval-type-group {
  display: -webkit-box;
  display: flex;
  gap: 60px;
  margin: 40px 0 0 0;
}
.open-recruit-setup-questions-container .custom-question-container ul.connected-custom-questions li.custom-question-field.candidate-questions .question-interval-type .question-interval-type-group input {
  cursor: pointer;
  max-width: 50%;
}
.open-recruit-setup-questions-container .custom-question-container ul.connected-custom-questions li.custom-question-field.candidate-questions .checkbox-time-limit {
  text-align: right;
}
.open-recruit-setup-questions-container .custom-question-container ul.connected-custom-questions li.custom-question-field.candidate-questions .checkbox-answers-limit .checkbox-answers-limit-group {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
          align-items: flex-end;
  margin-top: 25px;
  padding-right: 15px;
}
.open-recruit-setup-questions-container .custom-question-container ul.connected-custom-questions li.custom-question-field.candidate-questions .checkbox-answers-limit .checkbox-answers-limit-group .checkbox-answers-limit-input {
  max-width: 100px;
  width: 30%;
}
.open-recruit-setup-questions-container .custom-question-container ul.connected-custom-questions li.custom-question-field.candidate-questions hr {
  margin-top: 50px;
  margin-bottom: 0;
}
.open-recruit-setup-questions-container .custom-question-container ul.connected-custom-questions li.custom-question-field.candidate-questions:last-child hr {
  visibility: hidden;
  opacity: 0;
}
.open-recruit-setup-questions-container .custom-question-container ul.open-nav-tabs {
  margin-bottom: -12px !important;
  display: table;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  min-height: 20px !important;
  height: 40px;
}
.open-recruit-setup-questions-container .custom-question-container ul.open-nav-tabs li {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 15px 15px 0 0 !important;
  padding: 0 !important;
  background-color: #ffffff;
  box-shadow: none;
  cursor: pointer;
  position: relative;
  -webkit-transition: background-color 1.5s ease-in;
  transition: background-color 1.5s ease-in;
}
.open-recruit-setup-questions-container .custom-question-container ul.open-nav-tabs li a {
  text-decoration: none;
  pointer-events: none;
  color: black;
  font-weight: 500;
}
.open-recruit-setup-questions-container .custom-question-container ul.open-nav-tabs .active {
  cursor: default;
  background-color: #f2f6fc;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.open-recruit-setup-questions-container .custom-question-container .question-template__wrapper {
  min-height: 60px;
  border-radius: 5px;
}
.open-recruit-setup-questions-container .custom-question-container .question-template__wrapper .hide-on-drag {
  display: none;
}
.open-recruit-setup-questions-container .side-menu__templates-list li {
  margin-bottom: 20px;
}
.open-recruit-setup-questions-container .custom-question-field.question-template__wrapper {
  padding: 5px 10px;
}
.open-recruit-setup-questions-container .question-template__wrapper .question-template {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
          align-items: center;
  padding-left: 5px;
}
.open-recruit-setup-questions-container .question-template__wrapper .question-template .question-template__draggable {
  max-height: 25px;
  margin-right: 25px;
}
.open-recruit-setup-questions-container .question-template__wrapper .question-template .question-template__title {
  position: relative;
}
.open-recruit-setup-questions-container .question-template__wrapper .question-template .question-template__title:after {
  position: absolute;
  content: "";
  height: 2px;
  bottom: -4px;
  left: 0;
  width: 100%;
  background: #0D38D7;
}
.open-recruit-setup-questions-container .question-template__wrapper .question-template .question-template__icon {
  max-width: 80px;
  margin-left: auto;
}
.open-recruit-setup-questions-container .question-template__wrapper .question-template .question-template__icon.open-recruit-interval-icon {
  max-width: 82px;
}

.candidate-page .nav.nav-tabs.candidate-page-nav-tabs li a {
  padding: 16px;
}
.candidate-page .screening-tab .custom-questions-section .custom-questions-job-body .section-divider {
  margin: 30px 0;
}
.candidate-page .screening-tab .custom-questions-section .custom-questions-job-body .questions-divider {
  margin: 30px 0;
}
.candidate-page .screening-tab .custom-questions-section .custom-questions-job-body .job-custom-questions-container {
  margin-bottom: 40px;
}
.candidate-page .screening-tab .custom-questions-section .custom-questions-job-body .job-custom-questions-container h4 {
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 10px;
}
.candidate-page .screening-tab .custom-questions-section .custom-questions-job-body .job-custom-questions-container .clearfix {
  visibility: hidden;
  opacity: 0;
  margin: 10px 0;
}
.candidate-page .screening-tab .custom-questions-section .custom-questions-job-body .job-custom-questions-container .checkbox input[type=checkbox]:disabled + label::before {
  background-color: #ffffff;
}
.candidate-page .screening-tab .custom-questions-section .custom-questions-job-body .job-custom-questions-container .checkbox input[type=checkbox]:disabled:hover + label::before {
  -webkit-transform: none;
          transform: none;
}
.candidate-page .screening-tab .custom-questions-section .custom-questions-job-body .job-custom-questions-container .checkbox input[type=checkbox]:disabled:hover + label::after {
  -webkit-transform: none;
          transform: none;
}

.job-application-action {
  background-color: #ffffff;
  text-align: center;
  padding: 40px 20px 60px 20px;
}
.job-application-action h2 {
  font-weight: 700;
}

.visitor-company-logo {
  display: block;
  max-width: 300px;
  margin: 100px auto 20px auto;
}
.visitor-company-logo--free {
  height: 40px;
  margin: 10px auto;
}

.candidate-intro-panel {
  text-align: center;
  min-height: 60px;
}
.candidate-intro-panel .job-intro-title {
  clear: both;
}
.candidate-intro-panel p {
  text-align: center;
}
.candidate-intro-panel .btn {
  margin-bottom: 10px;
}
.candidate-intro-panel .btn:first-child {
  margin-right: 10px;
}
@media screen and (max-width: 480px) {
  .candidate-intro-panel .btn:first-child {
    margin-right: 0;
  }
}
.candidate-intro-panel .btn span {
  margin-right: 6px;
}
@media screen and (max-width: 768px) {
  .candidate-intro-panel .btn {
    padding: 5px;
    font-size: 13px;
    white-space: normal;
  }
}
.candidate-intro-panel .job-actions {
  margin: 0;
}
.candidate-intro-panel .job-actions .not-interested-button {
  margin: 0;
}
.candidate-intro-panel .not-interested-button {
  margin-right: 0;
}
.candidate-intro-panel .candidates-job-information {
  text-align: left;
}
.candidate-intro-panel .candidates-job-information p {
  text-align: left;
}
.candidate-intro-panel .candidates-job-information .uploaded-file-container {
  border: none;
  padding: 0;
}
.candidate-intro-panel .candidates-job-information .uploaded-file-container iframe {
  width: 100%;
  height: 404px;
}
@media screen and (max-width: 1200px) {
  .candidate-intro-panel .candidates-job-information .uploaded-file-container iframe {
    height: 330px;
  }
}
@media screen and (max-width: 540px) {
  .candidate-intro-panel .candidates-job-information .uploaded-file-container iframe {
    height: 250px;
  }
}
.candidate-intro-panel .candidates-job-information .uploaded-file-container .uploaded-file {
  height: auto;
  clear: both;
  border: none;
}
.candidate-intro-panel .candidates-job-information .uploaded-file-container .uploaded-file h4 {
  font-size: 14px;
  font-weight: bold;
}

.candidate-block-left {
  padding-right: 320px;
}
.candidate-block-left .help-block {
  font-size: 11px;
}

.candidate-photo-holder {
  width: 300px;
  height: 220px;
  float: right;
  position: relative;
}
.candidate-photo-holder .candidate-photo {
  max-width: 300px;
  max-height: 220px;
  border-radius: 3px;
}
.candidate-photo-holder .candidate-no-photo {
  width: 300px;
  height: 220px;
  box-sizing: border-box;
  border-radius: 3px;
  float: right;
  background-color: #ccc;
  color: #454545;
  text-align: center;
  padding-top: 90px;
  font-size: 30px;
}
.candidate-photo-holder .bootstrap-filestyle {
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.candidate-form .rotated-header th {
  height: 60px;
}

.top-action-buttons {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  height: 110px;
}
@media screen and (max-width: 768px) {
  .top-action-buttons {
    display: none !important;
  }
}
.top-action-buttons .top-action-container {
  padding-top: 9px;
  border-bottom: 1px solid #eeeeee;
  height: 109px;
  margin: 0 auto;
  max-width: 718px;
  text-align: center;
  background-color: #ffffff;
}
.top-action-buttons .glyphicon {
  margin-right: 6px;
}
.top-action-buttons .call-me-button {
  margin-right: 10px;
}
.top-action-buttons .not-interested-button {
  margin-top: 10px;
}

.candidates-job-description img {
  max-width: 100%;
}

.candidates-job-description h3,
.candidates-company-description h3 {
  display: none;
}

.call-me-container {
  text-align: left;
  border-top: 1px solid #dfdfdf;
  display: none;
  padding-top: 15px;
  margin-top: 15px;
  margin-bottom: 10px;
  text-align: left;
}
.call-me-container .glyphicon {
  margin-right: 5px;
}
.call-me-container .checkbox-group {
  border: none;
  background: none;
  box-shadow: none;
  padding: 0;
  height: auto;
}
.call-me-container .candidate-phone-container .col-md-3 {
  padding: 0 !important;
  width: 25% !important;
  float: left;
}
.call-me-container .candidate-phone-container .col-md-9 {
  padding-right: 0;
  width: 75% !important;
  float: left;
}
.call-me-container #candidate-timezone-label {
  margin-top: 15px;
}
.call-me-container .call-me-submit {
  margin: 0;
  text-align: center;
}
.call-me-container .call-me-submit .btn {
  margin: 0;
}

.candidates-company-description .column {
  padding: 8px;
  overflow-wrap: break-word;
}
.candidates-company-description .social-media {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
          align-items: center;
}

#ask-references-count {
  width: 100px;
}

@media screen and (max-width: 768px) {
  h1,
h2 {
    font-size: 24px !important;
    word-wrap: break-word;
  }

  .position-iframe {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.export-candidate-modal .btn--pull-left {
  margin-right: 30px;
}
.export-candidate-modal .button-separator {
  display: inline-block;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.export-candidate-modal .nav-tabs li.active a {
  background-color: #f2f2f2;
}
.export-candidate-modal .modal-title {
  text-align: center;
  font-weight: 700;
  font-size: 30px;
  margin: 15px 0;
}
@media screen and (max-width: 479px) {
  .export-candidate-modal .modal-title {
    font-size: 20px;
  }
}

.sortable-list {
  padding-left: 0;
  position: relative;
}
.sortable-list__item {
  position: relative;
  list-style-type: none;
  cursor: move;
  margin-bottom: 8px;
  height: 36px;
  padding: 8px 0 0 35px;
  border-radius: 8px;
  background-color: #f2f2f2;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0);
  -webkit-transition: box-shadow 500ms ease-in-out;
  transition: box-shadow 500ms ease-in-out;
  z-index: 1;
}
.sortable-list__item:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 2;
}
.sortable-list__item:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("../img/reorder-vertical.svg");
  position: absolute;
  right: 6px;
  top: 9px;
}
.sortable-list__item--not-sortable:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0);
}
.sortable-list__item--not-sortable:after {
  display: none;
}
.sortable-list#export-candidate-candidates .sortable-list__item {
  padding-left: 8px;
}

.application-language-chooser {
  padding-top: 20px;
  padding-right: 20px;
  text-align: right;
}
.application-language-chooser .selectize-input {
  border: 2px solid #3578ea !important;
  background-color: transparent !important;
  box-sizing: border-box;
  text-align: left;
}
.application-language-chooser .selectize-input:after {
  top: 9px !important;
}

.ditaso-tabs .active {
  position: relative;
  top: 1px;
}

.ditaso-tabs .active a {
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}

.ditaso-tabs-steps {
  border: 1px solid #dddddd;
}

.linkedin-import {
  background-color: #0184bf;
}
.linkedin-import:hover {
  background-color: #005886;
}
.linkedin-import:before {
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  background-image: url("../img/linkedin-white.svg");
  background-size: cover;
  position: absolute;
  top: 4px;
  left: 4px;
}

.facebook-import {
  background-color: #4267B2;
}
.facebook-import:hover {
  background-color: #2a4273;
}
.facebook-import:before {
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  background-image: url("../img/facebook-white.svg");
  background-size: cover;
  position: absolute;
  top: 4px;
  left: 4px;
}

.google-import {
  background-color: #3d444e;
}
.google-import:hover {
  background-color: #0b5dcb;
}
.google-import:before {
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  background-image: url("../img/google-color.svg");
  background-size: cover;
  position: absolute;
  top: 4px;
  left: 4px;
}

.import-button {
  padding: 20px 20px 5px 58px !important;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  margin: 18px 5px;
  box-sizing: border-box;
  height: 50px;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.import-button:hover {
  color: #ffffff;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.import-button:focus, .import-button:active {
  -webkit-transform: scale(1);
  transform: scale(1);
  color: #ffffff;
}

@media screen and (max-width: 768px) {
  .screening-template-submit {
    clear: both;
    float: right;
  }
}

.personal-skills-breadcrumb li {
  width: 50%;
}

.screening-template-form .form-group .btn-frame {
  width: 100%;
}
.screening-template-form .form-group.has-error.telephone-group input {
  border-color: transparent;
}
.screening-template-form .form-group.has-error.telephone-group input.tel-invalid {
  border-color: #ff2760;
}
.screening-template-form .form-group.has-error .btn-frame {
  border-color: #ff2760;
  color: #ff2760 !important;
}
@media screen and (max-width: 768px) {
  .screening-template-form .ditaso-tabs {
    display: none;
  }
  .screening-template-form .ditaso-tabs-step {
    display: block !important;
    padding-left: 15px;
    padding-right: 15px;
  }
  .screening-template-form .ditaso-tabs-step h3 {
    padding-top: 0;
    margin-top: 10px;
    font-size: 20px;
  }
}
@media screen and (max-width: 480px) {
  .screening-template-form .import-buttons {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
}
.screening-template-form .cv-field .form-control,
.screening-template-form .application-file-field .form-control {
  border-right: none;
}
.screening-template-form .cv-field .group-span-filestyle .btn,
.screening-template-form .application-file-field .group-span-filestyle .btn {
  border: 2px solid #3578ea;
  color: #0d38d7 !important;
  font-weight: 200;
  text-transform: none;
  padding: 11px 18px;
  border-radius: 0 6px 6px 0;
}
.screening-template-form .cv-field .group-span-filestyle .btn .icon-span-filestyle,
.screening-template-form .application-file-field .group-span-filestyle .btn .icon-span-filestyle {
  display: none;
}
@media screen and (max-width: 768px) {
  .screening-template-form .photo-field {
    text-align: left;
  }
}
.screening-template-form .photo-field .bootstrap-filestyle {
  margin: 0 auto;
  width: 100%;
}
.screening-template-form .col-md-3 {
  padding-left: 0;
  float: left;
  width: 25%;
}
.screening-template-form .col-md-3 input {
  padding-right: 0;
  padding-left: 8px;
}
@media screen and (max-width: 768px) {
  .screening-template-form .col-md-3 {
    width: 25%;
    float: left;
  }
}
.screening-template-form .col-md-9 {
  padding: 0;
  float: left;
  width: 75%;
}
@media screen and (max-width: 768px) {
  .screening-template-form .col-md-9 {
    width: 75%;
    float: left;
  }
}
.screening-template-form .uploaded-file-container {
  padding: 0;
  min-height: 0 !important;
}
.screening-template-form .attachment-container .file-upload-actions label {
  display: block;
}
.screening-template-form .form-group label {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.screening-template-form .custom-questions-for-fill .long-label {
  text-transform: none;
}

.candidate-linkedin-picture {
  display: -webkit-box;
  display: flex;
  place-content: center;
}
.candidate-linkedin-picture img {
  max-width: 200px;
  max-height: 200px;
  margin: 20px 0;
  border-radius: 3px;
}

.screening-template-breadcrumb-with-questions li {
  width: 50%;
}

#privacy-statement .form-group {
  min-height: 0;
  margin: 0;
}

#privacy-checkbox-container,
#other-position-checkbox-container {
  margin-top: 20px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #privacy-checkbox-container .checkbox,
#other-position-checkbox-container .checkbox {
    font-size: 12px;
  }
}
#privacy-checkbox-container .checkbox label::before,
#other-position-checkbox-container .checkbox label::before {
  border: 1px solid #d8d8d8;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#privacy-checkbox-container .checkbox label::after,
#other-position-checkbox-container .checkbox label::after {
  top: 50%;
  -webkit-transform: translateY(-70%);
          transform: translateY(-70%);
}

#candidate-privacy {
  margin-right: 10px;
}

.screening-template-required-comment {
  font-size: 12px;
  font-weight: 300;
  position: absolute;
  margin-top: -25px;
}
.screening-template-required-comment span {
  color: #cc0000;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .screening-template-required-comment {
    position: static;
    float: left;
    width: 100%;
    margin-top: 20px;
    text-align: left;
  }
}
@media screen and (max-width: 480px) {
  .screening-template-required-comment {
    font-size: 12px;
    width: 100%;
    margin-top: 20px;
  }
}

.candidate-form-divider {
  margin-top: 10px;
  position: relative;
  top: 4px;
}

.screening-template-add-language,
.screening-template-add-salary {
  background-color: #3c763d;
  border-color: #16a085;
  color: #ffffff;
  float: right;
  padding: 4px 8px;
  margin-top: 16px;
  outline: none;
}
.screening-template-add-language:hover,
.screening-template-add-salary:hover {
  color: #ffffff;
  background-color: #16a085;
}

#screening-template-language-other {
  margin-top: 10px;
  display: none;
  page-break-before: always;
}

.screening-template-other-benefits-container {
  padding-top: 12px;
}

.table-salary-packets th,
.table-salary-packets td {
  padding-right: 0 !important;
}
.table-salary-packets .col-center {
  text-align: center;
}
.table-salary-packets .rotated-header th {
  height: 140px;
  white-space: nowrap;
}
.table-salary-packets .rotated-header th > div {
  -webkit-transform: translate(35px, -8px) rotate(315deg);
          transform: translate(35px, -8px) rotate(315deg);
  width: 50px;
}
.table-salary-packets .rotated-header th > div > span {
  border-bottom: 1px solid #ccc;
  padding: 5px 5px 5px 0px;
}
.table-salary-packets .row-even {
  background-color: #f9f9f9;
}
.table-salary-packets .comment-row td {
  border-top: 0;
  padding-top: 0;
  color: #666;
  font-size: 12px;
  padding-left: 22px;
}

.multiple-file-upload-field-container {
  margin-bottom: 6px;
}

.panel-with-bottom {
  margin-bottom: 100px;
}

.call-request-sent h1 {
  margin-top: 120px;
}

.custom-questions-for-fill {
  border-top: 1px solid #dfdfdf;
  padding-top: 20px;
}

.radio.screening label:before {
  content: "";
  display: block;
  width: 27px;
  height: 27px;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid grey;
  border-radius: 50%;
}

.checkbox.screening label:before {
  content: "";
  display: block;
  width: 27px;
  height: 27px;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid grey;
  border-radius: 4px;
}

.work-areas-block {
  border-top: 1px solid #dfdfdf;
  padding-top: 20px;
}
.work-areas-block .checkbox-group {
  border: 1px solid #dfdfdf;
}

.icon-linkedin,
.icon-facebook,
.icon-twitter,
.icon-instagram {
  display: block;
  width: 40px;
  height: 40px;
  padding: 8px 9px;
  border: 1px solid #333333;
  border-radius: 20px;
  float: left;
  margin-right: 10px;
  position: relative;
  top: -12px;
}
.icon-linkedin img,
.icon-facebook img,
.icon-twitter img,
.icon-instagram img {
  width: 20px;
  height: 20px;
  fill: red;
}
.icon-linkedin .svg,
.icon-facebook .svg,
.icon-twitter .svg,
.icon-instagram .svg {
  width: 20px;
  height: 20px;
  margin-top: 1px;
}
.icon-linkedin .svg path,
.icon-facebook .svg path,
.icon-twitter .svg path,
.icon-instagram .svg path {
  fill: #333333;
}

.icon-twitter img {
  margin-top: 1px;
}
.icon-twitter .svg {
  margin-top: 2px;
}

.application-downloadable-file {
  display: inline-block;
  margin-bottom: 30px;
}
.application-downloadable-file img {
  width: 20px;
  height: 20px;
  position: relative;
  top: -3px;
  margin-right: 5px;
}

.application-removable-file {
  display: inline-block;
  margin-bottom: 30px;
  color: #ff2760;
  margin-left: 20px;
  margin-top: 15px;
}
.application-removable-file:hover {
  color: #e2003c;
}
.application-removable-file img {
  width: 20px;
  height: 20px;
  position: relative;
  top: -3px;
  margin-right: 5px;
}

.uploaded-file-compact-icon {
  margin-left: 0 !important;
  border-radius: 3px;
  padding: 0px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  width: 46px;
  height: 46px;
  margin-left: 42px;
  display: block;
  background-size: cover;
  background-position: center center !important;
}

.single-files-column .uploaded-file-compact-icon {
  margin-top: -30px !important;
}

.application-extra-files .application-file {
  margin-top: 20px;
}
.application-extra-files .application-file strong {
  display: block;
  font-size: 1.125rem;
  margin-bottom: 5px;
}
.application-extra-files .application-file .application-downloadable-file,
.application-extra-files .application-file .application-removable-file {
  margin-bottom: 10px;
}

.screening-template-form .privacy-statement {
  margin-bottom: 50px;
}
.screening-template-form .has-error #privacy-checkbox-container .checkbox label::before,
.screening-template-form .has-error #other-position-checkbox-container .checkbox label::before {
  border-color: #ff2760;
}
.screening-template-form .custom-questions-for-fill .radio.screening label:before {
  content: "";
  display: block;
  width: 27px;
  height: 27px;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
}
.screening-template-form .custom-questions-for-fill .checkbox.screening label:before {
  content: "";
  display: block;
  width: 27px;
  height: 27px;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
}
.screening-template-form .custom-questions-for-fill input[type=text],
.screening-template-form .custom-questions-for-fill textarea {
  border: 1px solid #d8d8d8;
}
.screening-template-form .custom-questions-for-fill .form-group.has-error > .form-control-required {
  color: #ff2760;
}
.screening-template-form .custom-questions-for-fill .has-error .checkbox,
.screening-template-form .custom-questions-for-fill .has-error .radio {
  color: #333333;
}
.screening-template-form .custom-questions-for-fill .has-error input,
.screening-template-form .custom-questions-for-fill .has-error textarea {
  border: 1px solid #d8d8d8;
}

.screening-template-form .import-buttons,
.interested-template-form .import-buttons {
  margin-bottom: 40px;
}
@media screen and (max-width: 480px) {
  .screening-template-form .import-buttons,
.interested-template-form .import-buttons {
    margin-bottom: 20px;
  }
}
.screening-template-form .custom-questions-for-fill,
.interested-template-form .custom-questions-for-fill {
  border-top: none;
  padding-right: 5px;
  padding-left: 5px;
}
.screening-template-form .custom-questions-for-fill .clearfix,
.interested-template-form .custom-questions-for-fill .clearfix {
  visibility: hidden;
  opacity: 0;
}
.screening-template-form .screening-template-section-divider,
.interested-template-form .screening-template-section-divider {
  margin: 30px 0;
}

.candidate-intro-panel .visitor-company-logo,
.candidate-screening-sent-panel .visitor-company-logo,
.candidate-interested-sent-panel .visitor-company-logo,
.candidate-profile-updated-panel .visitor-company-logo {
  max-width: 200px;
}

.questions-templates-buttons {
  margin-top: 22px;
}

.hidden-custom-question-field {
  display: none;
}

.custom-question-language {
  width: 150px;
}

.custom-question-field-list {
  min-height: 60px;
  padding: 0;
  width: calc(33.33333% - 20px);
  margin: 0 20px 20px 0;
}
.custom-question-field-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.custom-question-field-list .custom-question-field {
  background-color: #ffffff;
  padding: 5px 25px 10px 25px;
  box-sizing: border-box;
  border-radius: 15px;
  border: none;
  margin: 0 0 10px 0;
  -webkit-transition: transform 0.2s;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.custom-question-field-list .custom-question-field:hover:not(.disabled) {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.custom-question-field-list .custom-question-field a {
  display: block;
  text-decoration: none;
  border: none;
  padding: 10px;
}
.custom-question-field-list .custom-question-field.ui-sortable-helper {
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.2);
}
.custom-question-field-list .custom-question-field:last-child {
  margin-bottom: 0;
}

.custom-question-container {
  background-color: #ffffff;
  border-radius: 15px;
  min-height: 60px;
  padding: 30px !important;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.custom-question-container ul {
  min-height: 60px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.custom-question-container li {
  position: relative;
  background-color: #f2f6fc;
  box-shadow: 4px 7px 4px -3px rgba(156, 156, 156, 0.6);
  -webkit-box-shadow: 4px 7px 4px -3px rgba(156, 156, 156, 0.6);
  -moz-box-shadow: 4px 7px 4px -3px rgba(156, 156, 156, 0.6);
  border: 5px solid transparent;
  border-radius: 15px;
  padding: 30px 25px 20px 25px;
  box-sizing: border-box;
  margin: 0 0 15px 0;
  -webkit-transition: border 0.3s ease-in-out;
  transition: border 0.3s ease-in-out;
}
.custom-question-container .red-border {
  border: 5px solid #ff2760 !important;
}
.custom-question-container .custom-field-title {
  padding-bottom: 6px;
  margin-bottom: 10px;
  font-weight: bold;
}
.custom-question-container .form-group {
  min-height: 0;
}
.custom-question-container .form-group .field-question:hover {
  border: 2px solid rgba(53, 120, 234, 0.27);
}
.custom-question-container .form-group .field-question:focus {
  border: 2px solid #3578ea;
}
.custom-question-container .language-field-template {
  display: none;
}
.custom-question-container .language-container .language-flag {
  display: block;
  width: 32px;
  height: 24px;
  margin: 5px 0;
}
.custom-question-container .language-container .form-group {
  border-top: 1px solid #e0e0e0;
  padding-top: 15px;
}
.custom-question-container .language-container .form-group.option-list {
  border-top: none;
  padding-top: 0;
  margin-bottom: 0;
  margin-top: 1.5em;
}
.custom-question-container .language-container label {
  padding: 0;
  margin: 0;
}
.custom-question-container .language-container .option-container input[type=text] {
  margin: 0 0 15px 0;
  width: 100%;
  border-radius: 6px;
}
.custom-question-container .language-field-da .language-flag {
  background-image: url("../img/flags/flag-denmark@2x.png");
}
.custom-question-container .empty-paragraph {
  position: absolute;
  left: 0;
  right: 0;
  top: 30px;
}
.custom-question-container .option-container input[type=text] {
  height: 38px;
  margin: 0 0 15px 0;
  width: calc(100% - 40px);
  border-radius: 6px 0 0 6px;
  border-right: none;
}
.custom-question-container .remove-option {
  height: 38px;
  width: 30px;
  top: 0;
  margin-top: 0;
  position: relative;
  border-radius: 0 6px 6px 0;
  background-image: url("../img/icon-close-active.svg");
  background-position: 10px 10px;
  background-repeat: no-repeat;
}
.custom-question-container .form-group.option-list {
  border-top: none;
  padding-top: 0;
  margin-bottom: 0;
  margin-top: 1.5em;
}

.custom-question-types {
  margin-top: -0.5px;
  margin-bottom: -0.5em;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.custom-question-types .custom-question-type-container > div {
  min-width: 110px;
  float: left;
  margin-right: 2em;
}
.custom-question-types .custom-question-type-container > div:last-child {
  margin-right: 0;
}
.custom-question-types .custom-question-type-container > div .checkbox {
  margin-bottom: 0.5em;
}
.custom-question-types .custom-question-mandatory {
  margin-right: 2px;
}
.custom-question-types .checkbox {
  padding-left: 20px;
}
.custom-question-types .checkbox input {
  left: 0;
}
.custom-question-types .checkbox label {
  margin-top: 2px !important;
  margin-bottom: 3px !important;
}
.custom-question-types .checkbox label:before, .custom-question-types .checkbox label:after {
  padding-left: 0;
}
.custom-question-types .checkbox label::before {
  width: 20px;
  height: 20px;
  margin-top: -2px;
  margin-left: -20px;
}
.custom-question-types .checkbox label:after {
  width: 12px;
  height: 12px;
  background-size: contain;
  margin-left: -20px;
  left: 4px;
  top: 2px;
}
.custom-question-types .checkbox label span {
  display: block;
  position: absolute;
  top: 20px;
  left: -30px;
  width: 22px;
  text-align: center;
  font-size: 12px;
}

.custom-field-templates {
  display: none;
}

.custom-question-field a span {
  color: #454545;
  font-weight: bold;
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
}
.custom-question-field .remove-custom-question-field {
  display: block;
  width: 40px;
  height: 40px;
  background-image: url("../img/icon-remove-inactive.svg");
  background-size: contain;
  background-color: transparent;
  border: none;
  position: absolute;
  top: 10px;
  right: 10px;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
.custom-question-field .remove-custom-question-field:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  background-image: url("../img/icon-remove-active.svg");
}
.custom-question-field .copy-custom-question-field {
  display: block;
  width: 40px;
  height: 40px;
  background-image: url("../img/icon-copy-inactive.svg");
  background-size: contain;
  background-color: transparent;
  border: none;
  position: absolute;
  top: 10px;
  right: 60px;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
.custom-question-field .copy-custom-question-field:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  background-image: url("../img/icon-copy-active.svg");
}
.custom-question-field .custom-field-sequence {
  margin-bottom: 10px;
  border-bottom: 1px solid #efefef;
  padding-bottom: 9px;
  cursor: move;
}
.custom-question-field .custom-field-sequence .text {
  font-weight: bold;
}
.custom-question-field .fieldtype-container {
  display: none;
}

#customQuestionsTemplateSaved .modal-content {
  min-height: 200px;
  padding-bottom: 50px;
}
#customQuestionsTemplateSaved .modal-header {
  text-align: center;
}
#customQuestionsTemplateSaved .modal-body {
  padding-left: 20px;
}
#customQuestionsTemplateSaved .modal-body .text {
  text-align: center;
}

.slim-number-input {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: auto;
  max-width: 100px;
  border-radius: 15px;
  margin-right: 5px;
}

.candidate-questions {
  position: relative;
  min-height: 250px;
}

#points {
  font-weight: bold;
  font-size: xxx-large;
  margin-right: 10px;
}

.image-btn {
  background: none;
  border: none;
  padding: 0;
}

.image-btn img {
  display: block;
}

.add-option {
  margin-top: 35px;
}

#second-step-link.disabled {
  cursor: no-drop;
}
#second-step-link.disabled:hover:before {
  border-color: #999999;
  border-left-color: transparent;
}
#second-step-link.disabled:hover:after {
  border-left-color: #999999;
}

.personal-skill-container-all,
.personal-skill-container-chosen,
.personal-skill-container-selected-all,
.personal-skill-container-divide {
  width: 50%;
  float: left;
  min-height: 300px;
  padding: 10px;
  box-sizing: border-box;
}
.personal-skill-container-all ul,
.personal-skill-container-chosen ul,
.personal-skill-container-selected-all ul,
.personal-skill-container-divide ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.personal-skill-container-all,
.personal-skill-container-selected-all {
  padding-left: 0;
}

.personal-skill-container-chosen,
.personal-skill-container-divide {
  padding-right: 0;
}

.personal-skill-container-should {
  margin-top: 30px;
}

#skills-full-list,
#skills-selected-full-list {
  padding-right: 45px;
  margin-top: 15px;
}

#skills-selected-full-list {
  min-height: 300px;
}

#skills-selected-list,
#skills-selected-must-list,
#skills-selected-should-list {
  border: 1px solid #dfdfdf;
  min-height: 240px;
  box-sizing: border-box;
  padding: 20px;
  margin-top: 15px;
}

.personal-skill-item {
  background-color: #f8f8f8;
  padding: 18px 15px 18px 25px;
  box-sizing: border-box;
  margin-bottom: 10px;
  background-repeat: repeat-y;
  background-position: top left;
  list-style: none;
}
.personal-skill-item ul {
  margin: 0;
  padding: 0;
  list-style: disc;
}

.personal-skill-item-1 {
  background-image: url("../img/card-yellow.png");
}

.personal-skill-item-2 {
  background-image: url("../img/card-blue.png");
}

.personal-skill-item-3 {
  background-image: url("../img/card-red.png");
}

.personal-skill-item-4 {
  background-image: url("../img/card-green.png");
}

.personal-skill-item-title {
  font-size: 13px;
  font-weight: 600;
}

.personal-skill-item-examples li {
  font-size: 13px;
  margin-left: 16px;
  margin-bottom: 2px;
  font-weight: 300;
}

#personal-skills-submit {
  margin-top: 20px;
}

.personal-skills-left {
  float: right;
  font-weight: 200;
  font-size: 20px;
  margin-top: 9px;
}
.personal-skills-left span {
  font-weight: 600;
}
.personal-skills-left .btn {
  margin-top: -9px;
}

.personal-skill-container-chosen {
  float: right;
}

.personal-skills-form .ditaso-breadcrumb-actions {
  position: static;
  margin-top: 20px;
}

.personal-skills-request .rating-scale {
  margin-top: 1em;
}
.personal-skills-request .rating-scale-container {
  padding-top: 0;
}

.submit-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
          align-items: center;
}
.submit-container .personal-skills-submit {
  -webkit-box-ordinal-group: 3;
          order: 2;
}
.submit-container .personal-skills-warning {
  -webkit-box-flex: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: flex;
  -webkit-transform: translateX(-5%);
          transform: translateX(-5%);
  -webkit-box-pack: end;
          justify-content: flex-end;
  align-content: center;
  -webkit-box-ordinal-group: 2;
          order: 1;
  opacity: 0;
  padding: 0 1rem;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.submit-container .personal-skills-submit:hover + .personal-skills-warning {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  opacity: 1;
}

.personal-skills-request-form label {
  text-transform: none;
}

.print-button {
  margin-top: -10px;
}
@media (max-width: 768px) {
  .print-button {
    float: left !important;
    margin-top: 11px;
  }
}

.personal-skill-overview {
  margin: 0 0 6px 0;
}
.personal-skill-overview strong span {
  margin-left: 20px;
  font-style: italic;
}
.personal-skill-overview ul, .personal-skill-overview li {
  font-size: 12px;
  list-style: none;
  margin: 0;
  padding: 2px 0;
}

.personal-skill-container {
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 30px;
}

.other-opportunities {
  resize: vertical;
}

.input-group.date {
  margin-bottom: 6px;
}

.print-overlay {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.7);
  padding-top: 200px;
  text-align: center;
  font-size: 40px;
}

.submit-rate-interview {
  margin-left: 10px;
}

.interviews-section {
  border: 1px solid #fff;
  border-radius: 4px;
  margin: 20px 0;
  position: relative;
  margin-top: 100px;
}
.interviews-section.first-section {
  margin-top: 20px;
}
.interviews-section.active {
  border: 1px solid #ddd;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.interviews-section h2 {
  font-size: 16px;
  display: inline;
  position: relative;
  top: -10px;
  left: 10px;
  padding: 0 8px 0 4px;
  background-color: #fff;
  cursor: pointer;
}
.interviews-section.active .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid\9 ;
}
.interviews-section .interviews-section-content {
  padding: 0 10px 16px 10px;
  display: none;
}
.interviews-section.active .interviews-section-content {
  display: block;
}

.add-time-on-same-date {
  width: 38px;
  height: 38px;
}
.add-time-on-same-date .glyphicon {
  width: auto;
  height: auto;
  line-height: 22px;
  margin: 0;
  background: transparent !important;
}

.note-added {
  display: none;
}

.error-choose-a-date {
  display: none;
}

.possible-date-selector {
  margin: 40px auto;
  max-width: 160px;
}

.dashboard-summary {
  background-color: #ffffff;
  padding: 46px 132px 50px 132px;
  margin-bottom: 20px;
}
.dashboard-summary h1 {
  text-align: center;
  padding: 0 0 4px 0;
  margin: 0;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .dashboard-summary {
    padding: 20px 10px 10px 10px;
  }
}

.dashboard-statistics {
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
          flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.dashboard-statistics li {
  display: inline-block;
  width: 18%;
  box-sizing: border-box;
  text-align: center;
  margin: 0;
  background-color: #ffffff;
}
.dashboard-statistics li a {
  width: 100%;
  text-decoration: none;
  cursor: pointer;
}
.dashboard-statistics .dashboard-statistics-content {
  display: block;
  color: #333;
  position: relative;
  font-weight: 300;
}
.dashboard-statistics .dashboard-statistics-content strong {
  font-weight: 700;
}
.dashboard-statistics .dashboard-statistics-content span {
  color: #0d38d7;
  margin-left: 3px;
  font-weight: 700;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .dashboard-statistics {
    display: block;
    text-align: center;
  }
  .dashboard-statistics li {
    width: 32%;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 479px) {
  .dashboard-statistics li {
    width: 49%;
  }
}

.dashboard-section {
  border: none;
  margin: 0;
  position: relative;
  min-height: 80px;
}
.dashboard-section h2 {
  font-size: 30px;
  font-weight: 700;
  display: block;
  cursor: pointer;
  margin: 0;
  padding: 16px 0;
  border-bottom: 2px solid #dfdfdf;
}
@media screen and (max-width: 479px) {
  .dashboard-section h2 {
    font-size: 16px;
  }
}
.dashboard-section a h2 {
  color: #333333;
  text-decoration: none !important;
}
.dashboard-section a:hover,
.dashboard-section a:hover h2 {
  text-decoration: none;
}
.dashboard-section.disabled h2 {
  color: #707070;
}
.dashboard-section .section-actions {
  position: absolute;
  z-index: 10;
  top: 9px;
  right: 0px;
  display: none;
}
.dashboard-section .section-actions .btn {
  margin-left: 10px;
}
@media screen and (max-width: 479px) {
  .dashboard-section .section-actions .btn {
    margin-bottom: 8px;
  }
}
.dashboard-section .caret {
  border: none;
  width: 34px;
  height: 34px;
  display: inline-block;
  background-image: url("../img/caret-down.svg");
  background-size: contain;
  background-position: top left;
  position: relative;
  top: -3px;
  margin-right: 20px;
}
@media screen and (max-width: 479px) {
  .dashboard-section .caret {
    width: 32px;
    height: 32px;
    background-size: cover;
  }
}
.dashboard-section a .caret {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.dashboard-section.active .section-actions {
  display: block;
}
@media screen and (max-width: 1196px) {
  .dashboard-section.active .section-actions {
    position: static;
    margin-top: 10px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 479px) {
  .dashboard-section.active .section-actions {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
}
.dashboard-section.active .caret {
  content: "";
  background-image: url("../img/caret-up.svg");
}
.dashboard-section .dashboard-section-content {
  padding: 0;
  display: none;
}
.dashboard-section .dashboard-section-content .col-md-3 {
  word-wrap: break-word;
}
.dashboard-section .dashboard-section-content .container-fluid {
  margin: 0;
  padding: 0;
}
.dashboard-section .dashboard-section-content .row {
  margin: 0;
}
.dashboard-section .dashboard-section-content .row .col-md-3:first-child, .dashboard-section .dashboard-section-content .row .col-md-4:first-child {
  padding-left: 0;
}
.dashboard-section .dashboard-section-content .row .col-md-12 {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  padding-left: 0;
  padding-right: 0;
}
.dashboard-section .dashboard-section-content .row .col-md-12.row-gutters {
  padding-left: 15px;
  padding-right: 15px;
}
.dashboard-section .dashboard-section-content .row .social-media-row {
  padding-top: 3.5rem;
}
@media screen and (max-width: 479px) {
  .dashboard-section .dashboard-section-content .row .col-md-3,
.dashboard-section .dashboard-section-content .row .col-md-4 {
    padding-left: 0;
  }
}
.dashboard-section.active .dashboard-section-content {
  display: block;
}
.dashboard-section .empty-field {
  display: inline-block;
}
.dashboard-section .row {
  font-size: 14px;
  border-bottom: 1px solid #dfdfdf;
  padding: 15px 0;
}
.dashboard-section .row .col-md-3:first-child, .dashboard-section .row .col-md-4:first-child {
  padding-left: 0;
}
.dashboard-section #closeJobModal .row,
.dashboard-section #removeJobModal .row {
  border-bottom: none;
  padding: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #dfdfdf;
  padding: 0;
}
hr.thick {
  border-top: 2px solid #dfdfdf;
}

.col-left {
  padding-left: 0;
}

.col-right {
  padding-right: 0;
}

.selection-section-job-description-container {
  margin-top: 20px;
}
.selection-section-job-description-container img {
  max-width: 100%;
}

.dashboard h4 {
  font-size: 30px;
  font-weight: 200;
  margin: 20px 0 16px 0;
}
@media screen and (max-width: 479px) {
  .dashboard h4 {
    font-size: 20px;
  }
}
.dashboard .red-row {
  color: #ff2760;
}
.dashboard .green-row {
  color: #5eae95;
}
.dashboard .delete-link,
.dashboard .close-link,
.dashboard .reopen-link {
  margin: 20px 10px 30px 10px;
}
@media (max-width: 599px) {
  .dashboard #dashboard-jobanalysis,
.dashboard #dashboard-personal-skills,
.dashboard #dashboard-configuration {
    display: none;
  }
  .dashboard #dashboard-users .section-actions .btn-edit-contact-participant {
    display: none;
  }
  .dashboard #dashboard-selection-tool .section-actions .btn-edit-job-ad {
    display: none;
  }
  .dashboard .close-link,
.dashboard .delete-link {
    display: none;
  }
}

#dashboard-job-description h3 {
  display: none;
}

.total-score-td {
  font-weight: bold;
}

.users-table-container {
  margin-top: 20px;
}
.users-table-container th {
  font-size: 30px;
  font-weight: 200;
  border: none !important;
}
.users-table-container tr > th:first-child,
.users-table-container tr > td:first-child {
  padding-left: 0;
}
.users-table-container tbody > tr {
  background-color: transparent;
}
.users-table-container tbody > tr > td {
  background: transparent;
  border-top: 1px solid #dfdfdf;
}
.users-table-container tbody > tr:first-child > td {
  border-top: none;
}
.users-table-container a {
  color: #333333;
}

button a {
  color: white;
}
button a:hover {
  text-decoration: none;
  color: white;
}

/* Overwriting of styles for tables (Alex) */
@media all and (max-width: 767px) {
  .dataTables_filter {
    clear: both;
  }

  .dataTables_filter:before,
.dataTables_filter:after {
    content: " ";
    display: table;
  }

  .dataTables_filter:after {
    clear: both;
  }

  .dataTables_filter > label {
    float: right;
    margin-right: 0;
  }

  div.dataTables_wrapper .dataTables_filter > label > input {
    margin-left: 1em;
  }
}
@media (max-width: 599px) {
  .job-filters {
    display: none;
  }

  .statuses {
    display: none;
  }

  .create-job {
    display: none;
  }
}
.remove-criterion {
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
  background-image: url("../img/icon-remove-inactive.svg");
  background-color: transparent;
  border: none;
}

.dashboard-section#dashboard-settings .switch-items {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.dashboard-section#dashboard-settings .switch-items .switch {
  padding-right: 16px;
}
.dashboard-section#dashboard-settings .switch-items p {
  margin: 0;
}
.dashboard-section#dashboard-settings .no-left-padding {
  padding-left: 0;
}

.upgrade-user-btn-group {
  float: left;
  border-radius: 20px;
  background-color: #3578ea;
  padding-left: 20px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.upgrade-user-btn-group span {
  display: inline-block;
  color: white;
  font-size: 14px;
  font-weight: 600;
}
.upgrade-user-btn-group .btn {
  border-radius: 0 20px 20px 0;
  border-left: 1px solid white;
  margin-left: 20px;
  padding-top: 13px;
}

.get-all-features {
  color: white;
  background-color: #cecece;
  border: none;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  padding: 12px 20px 0 20px;
  font-size: 12px;
  display: inline-block;
  margin: 0 0 0 10px;
}
.get-all-features:hover {
  background-color: #a8a8a8;
  border: none;
  color: white;
}

.upgrade-columns {
  margin: 0 auto;
}
.upgrade-page-description {
  font-size: 16px;
}

.upgrade-column {
  margin-top: 50px;
  padding: 20px 15px 40px 15px;
  text-align: center;
}
.upgrade-column .free-recruitment-description {
  margin-top: 32px;
  margin-bottom: 32px;
}
.upgrade-column.upgrade-centered-column {
  background-color: #ffffff;
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.2);
  padding-top: 30px;
  padding-bottom: 0;
}
@media (min-width: 992px) {
  .upgrade-column.upgrade-centered-column {
    margin-left: 27%;
  }
}
.upgrade-column.upgrade-to-pro {
  background-color: #ffffff;
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.2);
}
.upgrade-column > h4 {
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 20px 0;
  padding: 0;
}
.upgrade-column > p {
  font-size: 16px;
  margin: 0 0 20px 0;
}
.upgrade-column > h5 {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 30px 0;
}
.upgrade-column > .get-more-recruitments-item, .upgrade-column > .pro-package-item {
  cursor: pointer;
  border: 1px solid #dfdfdf;
  margin: 20px 15px;
  padding: 15px;
  box-sizing: border-box;
}
.upgrade-column > .get-more-recruitments-item.active, .upgrade-column > .pro-package-item.active {
  background-color: white;
  border: 2px solid #3578ea;
  padding: 14px;
}
.upgrade-column > .get-more-recruitments-item h5, .upgrade-column > .pro-package-item h5 {
  font-size: 30px;
  font-weight: 700;
  margin: 0;
  line-height: 24px;
}
.upgrade-column > .get-more-recruitments-item .recruitment-count, .upgrade-column > .pro-package-item .recruitment-count {
  display: block;
  background: url("../img/add-user.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top left;
  width: 40px;
  height: 25px;
  padding-left: 27px;
  padding-top: 2px;
  font-size: 18px;
  font-weight: 700;
  box-sizing: border-box;
  text-align: left;
  margin-left: auto;
}
.upgrade-column > .get-more-recruitments-item > div {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.upgrade-column > .get-more-recruitments-item h5 {
  width: 120px;
}
.upgrade-column > .get-more-recruitments-item p {
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
  margin: 0 15px;
}
.upgrade-column > .pro-package-item .pro-package-item-summary {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 20px;
}
.upgrade-column > .pro-package-item .pro-package-item-summary p {
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
  padding-top: 8px;
  color: #707070;
  margin: 0 0 0 15px;
}
.upgrade-column > .pro-package-item .package-item-description {
  text-align: left;
  font-size: 14px;
  font-weight: 600;
}
.upgrade-column .package-item-price-notes {
  margin-top: 15px;
}
.upgrade-column .package-item-recruitment-price {
  display: block;
  float: left;
  margin: 0;
  color: #707070;
  text-align: left;
}
.upgrade-column .package-item-recruitment-save {
  color: #0d38d7;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
}
.upgrade-column .btn {
  margin-bottom: 30px;
}
.upgrade-column.small-fonts .get-more-recruitments-item h5 {
  font-size: 20px;
  width: 120px;
}
.upgrade-column.small-fonts > .pro-package-item h5 {
  font-size: 24px;
}

@media (min-width: 768px) {
  .trial-modal {
    width: 700px;
  }
}
.trial-modal .buy-processes-count-dropdown {
  width: 80px;
  float: left;
  margin-right: 20px;
}
.trial-modal .buy-processes-count-dropdown .selectize-input {
  min-width: 80px;
}
.trial-modal #buy-process-price {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  padding-top: 6px;
}
.trial-modal #upgrade-price {
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 20px;
}
.trial-modal .upgrade-saving {
  position: absolute;
  margin-top: -32px;
  font-weight: 700;
  color: #0d38d7;
  display: none;
}
.trial-modal .visible-upgrade {
  display: none;
}

#card-element {
  background: #ffffff;
  border-radius: 5px;
  height: 38px;
  padding: 10px 12px;
  border: 1px solid #e0e0e0;
}

#card-errors,
#payment-errors {
  color: #ff2760;
  margin: 5px 0 0 10px;
}

.payment-modal-body {
  position: relative;
}

.payment-form-loader {
  display: none;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  z-index: 10;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.payment-form-loader.loading {
  display: block;
  opacity: 1;
}
.payment-form-loader span {
  display: block;
  width: 160px;
  height: 160px;
  border-radius: 150px;
  border: 15px solid #3578ea;
  border-top-color: #f2f6fc;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -80px;
  margin-left: -80px;
  animation: payment-loading 1.2s linear infinite;
  -webkit-animation: payment-loading 1.2s linear infinite;
}

@keyframes payment-loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes payment-loading {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
.payment-form-contents {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.payment-form-contents h5 {
  margin-top: 2px;
  font-size: 16px;
}
.payment-form-contents.loading {
  opacity: 0.5;
}

.package-control .selectize-dropdown {
  width: 400px !important;
}
.package-control .selectize-dropdown-content > div {
  padding-top: 15px;
  padding-bottom: 10px;
}
.package-control h2 {
  font-weight: 600;
  font-size: 16px;
  margin: 0;
  padding: 0;
  position: relative;
}
.package-control h2 .package-total-amount {
  display: inline-block;
  width: 50px;
}
.package-control h2 .package-total-description {
  color: #707070;
  margin-left: 15px;
  font-size: 15px;
}
.package-control h2 .package-save {
  position: absolute;
  border: 1px solid #0d38d7;
  color: #0d38d7;
  font-size: 14px;
  border-radius: 4px;
  padding: 4px 4px 2px 4px;
  right: 0;
  top: -5px;
}
.package-control .package-description {
  display: block;
  width: 100%;
  font-size: 14px;
  margin-top: 3px;
}
.package-control .package-recruitment {
  display: inline-block;
  width: 100%;
  color: #707070;
  font-size: 13px;
  margin-top: 5px;
}

.login-contents .package-control .selectize-dropdown {
  margin-left: -100px;
}

#acceptTermsModal .modal-header .modal-title {
  margin-bottom: 0;
}
#acceptTermsModal .modal-body {
  padding-top: 0;
  padding-bottom: 12px;
}
#acceptTermsModal .terms-text {
  width: 100%;
  max-height: calc(100vh - 420px);
  border: 1px solid #d8d8d8;
  background-color: white;
  overflow-x: none;
  overflow-y: scroll;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 20px;
  line-break: 1.5;
}
#acceptTermsModal .terms-text h3 {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 10px 0;
  text-align: center;
}
#acceptTermsModal .terms-text h4 {
  font-size: 24px;
  font-weight: 700;
  margin: 30px 0 10px 0;
}
#acceptTermsModal .terms-text h4:first-child {
  margin-top: 10px;
}
#acceptTermsModal .terms-text h5 {
  font-size: 16px;
  font-weight: 600;
  text-decoration: underline;
  margin: 0 0 10px 0;
}
#acceptTermsModal .terms-text .terms-price-table {
  width: 100%;
  margin-bottom: 5px;
}
#acceptTermsModal .terms-text .terms-price-table .terms-price-table-count {
  width: 220px;
  float: left;
  clear: both;
}
#acceptTermsModal .terms-text .terms-price-table .terms-price-table-count:after {
  content: "=";
  float: right;
  margin-right: 10px;
}
#acceptTermsModal .terms-text .terms-price-table:after {
  clear: both;
}
#acceptTermsModal .terms-text .terms-price-table:last-child {
  margin-bottom: 20px;
}
#acceptTermsModal .form-group {
  min-height: 0;
}

.pdf-export {
  margin: 0 !important;
  padding: 0 !important;
}
.pdf-export .page-break {
  page-break-after: always;
}
.pdf-export .row {
  position: relative;
}
.pdf-export .pdf-company-logo {
  max-width: 80px;
  max-height: 80px;
  position: absolute;
  top: 0;
  right: 0;
}
.pdf-export h1 {
  border-bottom: 1px solid #999999;
  font-weight: 700;
  width: 84%;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 20px;
}
.pdf-export h2 {
  font-size: 15px;
  font-weight: bold;
  line-height: 1em;
  padding: 0;
  margin: 0;
}
.pdf-export .rating-scale-input-container {
  height: 20px;
  margin-bottom: 10px;
}
.pdf-export .rating-scale-input-container > div {
  margin-left: 50px;
}
.pdf-export .rating-scale-input-container > div:first-child {
  margin-left: 0;
}
.pdf-export textarea {
  overflow: hidden;
  min-height: 150px;
}

.rating-scale {
  width: 100%;
  margin-bottom: 5px;
}
.rating-scale span {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  margin-right: 3px;
  background-color: #cecece !important;
  float: left;
}
.rating-scale span:last-child {
  margin-right: 0;
}
.rating-scale .radio {
  margin-top: 0;
  margin-bottom: 0;
}

.rating-scale-score-1 span:nth-child(1) {
  background-color: #ff2760 !important;
}

.rating-scale-score-2 span:nth-child(1),
.rating-scale-score-2 span:nth-child(2) {
  background-color: #ff2760 !important;
}

.rating-scale-score-3 span:nth-child(1),
.rating-scale-score-3 span:nth-child(2),
.rating-scale-score-3 span:nth-child(3) {
  background-color: #fcb424 !important;
}

.rating-scale-score-4 span:nth-child(1),
.rating-scale-score-4 span:nth-child(2),
.rating-scale-score-4 span:nth-child(3),
.rating-scale-score-4 span:nth-child(4) {
  background-color: #4fd262 !important;
}

.rating-scale-score-5 span:nth-child(1),
.rating-scale-score-5 span:nth-child(2),
.rating-scale-score-5 span:nth-child(3),
.rating-scale-score-5 span:nth-child(4),
.rating-scale-score-5 span:nth-child(5) {
  background-color: #4fd262 !important;
}

.rating-numeric {
  font-size: 30px;
  width: 102px;
  text-align: center;
  margin-bottom: 10px;
}

.rating-explanation.personal-skills-explanation {
  padding-top: 180px;
}
.rating-explanation.personal-skills-explanation h3 {
  text-align: center;
}
.rating-explanation h3 {
  font-weight: 200;
  font-size: 30px;
  margin-top: 42px;
  margin-bottom: 20px;
  text-align: center;
}
.rating-explanation .rating-explanation-row {
  padding: 15px 0 5px 0;
  margin: 5px 0 0 0;
  border-bottom: 1px solid #dfdfdf;
  position: relative;
}
.rating-explanation .rating-explanation-row:last-child {
  border-bottom: none;
}
.rating-explanation .rating-explanation-title {
  float: left;
}
.rating-explanation .rating-explanation-score {
  padding-top: 12px;
  padding-bottom: 6px;
  margin-right: 22px;
  float: right;
}
.rating-explanation .rating-explanation-title-link {
  padding-top: 6px;
  padding-bottom: 6px;
  margin-right: 22px;
  float: left;
}
.rating-explanation .rating-explanation-title-link a {
  text-decoration: none;
}
.rating-explanation .rating-explanation-group:hover .rating-explanation-summary-row {
  border-bottom: 2px solid #3578ea;
}
.rating-explanation .rating-explanation-group .rating-explanation-summary-row {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: bold;
  border-bottom: 2px solid #dfdfdf;
  margin-top: 22px;
  padding-bottom: 10px;
}
.rating-explanation .rating-explanation-group .rating-explanation-summary-row .rating-explanation-title {
  padding: 12px 0 0 0;
}
.rating-explanation .rating-explanation-color {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: absolute;
  right: 0px;
  top: 24px;
}
.rating-explanation .rating-disabled {
  color: #999999;
}
.rating-explanation .rating-disabled .rating-explanation-color {
  opacity: 0.5;
}

.rating-explanation-radar-chart {
  width: 100%;
  position: relative;
  margin-top: 70px;
  margin-bottom: 70px;
}
.rating-explanation-radar-chart .rating-explanation-radar-chart-label {
  font-size: 12px;
  line-height: 1em;
  font-weight: 200;
  position: absolute;
  width: 120px;
  height: 70px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
}
.rating-explanation-radar-chart .rating-explanation-radar-chart-label-1 {
  left: 50%;
  margin-left: -75px;
  margin-top: -62px;
  text-align: center;
  -webkit-box-align: end;
          align-items: flex-end;
}
.rating-explanation-radar-chart .rating-explanation-radar-chart-label-2 {
  right: 0;
  margin-top: -22px;
  text-align: center;
  -webkit-box-align: end;
          align-items: flex-end;
}
.rating-explanation-radar-chart .rating-explanation-radar-chart-label-3 {
  right: 0;
  bottom: -22px;
  text-align: center;
  -webkit-box-align: start;
          align-items: flex-start;
}
.rating-explanation-radar-chart .rating-explanation-radar-chart-label-4 {
  left: 50%;
  margin-left: -75px;
  bottom: -78px;
  text-align: center;
  -webkit-box-align: start;
          align-items: flex-start;
}
.rating-explanation-radar-chart .rating-explanation-radar-chart-label-5 {
  left: 0;
  bottom: -22px;
  text-align: center;
  -webkit-box-align: start;
          align-items: flex-start;
}
.rating-explanation-radar-chart .rating-explanation-radar-chart-label-6 {
  left: 0;
  margin-top: -22px;
  text-align: center;
  -webkit-box-align: end;
          align-items: flex-end;
}

.rating-explanation-doughnut-chart {
  width: 100%;
  height: 360px;
  margin-bottom: 30px;
}

.visual-total-rating {
  width: 102px;
  margin: 20px auto;
}

.no-case-container {
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  text-align: center;
}

.case-row {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #dfdfdf;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-top: 2rem;
  padding-bottom: 3rem;
}

.case-answer-container .case-answer-title {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #dfdfdf;
}
.case-answer-container:first-child .case-answer-title {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.croppie-container {
  width: 100%;
}

.croppie-container .cr-image {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  max-height: none;
  max-width: none;
}

.croppie-container .cr-boundary {
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.croppie-container .cr-viewport {
  position: absolute;
  border: 2px solid #fff;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
  z-index: 0;
}

.croppie-container .cr-original-image {
  display: none;
}

.croppie-container .cr-vp-circle {
  border-radius: 50%;
}

.croppie-container .cr-overlay {
  z-index: 1;
  position: absolute;
  cursor: move;
}

.croppie-container .cr-slider-wrap {
  width: 75%;
  margin: 15px auto;
  text-align: center;
}

.croppie-result {
  position: relative;
  overflow: hidden;
}

.croppie-result img {
  position: absolute;
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/
.cr-slider {
  -webkit-appearance: none;
  /*removes default webkit styles*/
  /*border: 1px solid white; */
  /*fix for FF unable to apply focus style bug */
  width: 300px;
  /*required for proper track sizing in FF*/
  max-width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: transparent;
}

.cr-slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 3px;
}

.cr-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: -6px;
}

.cr-slider:focus {
  outline: none;
}

/*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/
.cr-slider::-moz-range-track {
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 3px;
}

.cr-slider::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: -6px;
}

/*hide the outline behind the border*/
.cr-slider:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}

.cr-slider::-ms-track {
  width: 100%;
  height: 5px;
  background: transparent;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  border-color: transparent;
  /*leave room for the larger thumb to overflow with a transparent border */
  border-width: 6px 0;
  color: transparent;
  /*remove default tick marks*/
}

.cr-slider::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}

.cr-slider::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}

.cr-slider::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: 1px;
}

.cr-slider:focus::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5);
}

.cr-slider:focus::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
}

/*******************************************/
/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 1;
}

.cr-rotate-controls button {
  border: 0;
  background: none;
}

.cr-rotate-controls i:before {
  display: inline-block;
  font-style: normal;
  font-weight: 900;
  font-size: 22px;
}

.cr-rotate-l i:before {
  content: "\21BA";
}

.cr-rotate-r i:before {
  content: "\21BB";
}

/***********************/
.image-drag-drop-placeholder {
  width: 200px;
  height: 200px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  text-align: center;
  box-sizing: border-box;
  padding: 70px 40px 0 40px;
  font-size: 20px;
  position: relative;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: none;
}
.image-file:hover .image-drag-drop-placeholder, .dragging .image-drag-drop-placeholder {
  display: block;
}
.image-drag-drop-placeholder:before {
  display: block;
  content: "";
  width: 190px;
  height: 190px;
  position: absolute;
  top: 5px;
  left: 5px;
  border: 2px dashed white;
}

.image-file--rounded .image-drag-drop-placeholder {
  border-radius: 50%;
}
.image-file--rounded .image-drag-drop-placeholder:before {
  border-radius: 50%;
}

/*!
 * Bootstrap Colorpicker v2.5.1
 * https://itsjavi.com/bootstrap-colorpicker/
 *
 * Originally written by (c) 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0.txt
 *
 */
.colorpicker-saturation {
  width: 100px;
  height: 100px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAQAAADa613fAAAP9klEQVR4XnRWC47rNgwcKjlA0bv2VL1Qi/YELRav7203iS1ppqZoiXCAhuBHVLI74xFtG3/Hz2joIOjRGuR5eMYuRn9YA1fds859KX8ZvczLr9/pImiR3Rqky9/wlajRIdVE/1Rufeu/0No3/ASgBZAJUkwgi0iCaEatekJJoEqiTQncd67/gyOfRCZshTed0Nl8LbLj8D6qxtoq9/7kJz/aH/3Xfu8VwI5+AUH8DxE7gUyiIpZ5LwiGzUqE3CScJsCDQHAsvBnxWpkbC0QMHmBp6latWS0bnvrCN/x1+xPfce+Ij0GAyeAGGz15sOiax2UylPhKrFaMPnVWClwepKh07hdhkVDsK2uoyEIySergjdbY2VBtV8VLr8Mf9mF/4wMb7kR8FOhzFWZZe7HIZD9JRIbee28eJKBweTB6TwjYkAgWaUmtDveGw1Wx3zZ76YlPPfQd/+gTTUFkiGiJ+NQAszU1EPT/QJEgufolAMPkNU4CVOyUIBLg4xglEZHGQnTFOFV0VaulYddBhA986ge/7N/yQi/3flFgwfQq2ibLnTDBRl9TmUHyJASPV/eoN0UISIr+ICQKIFV4EpljSjV1uFVUq9hRtet5e9gXvuyHPW0zMhQxWaoBBa9Tg8vsCEhww23Smd0CKjIkmPIoxWrUBDgJqFCyESF43ctQxLUoHN7Q1KyVhqrNNm3cy2vMyQNPVKjc29Rh5SSU+giWdRJHkLnQG71FQEuNyNGBTDdBQQAKCuGiEUS/jcyGbkMPq931OIzb/dUPGuVlG7f+slqkO5NAAlzTMdcq0NkzmsEBmAQkbI+pSHbiqnuWIA6lijhvqwIxMyWxMGZiPU669XJE1tADDTs2HWpwKxuqdnTpOiOR42xlzLtm3pXGel3xd8/oTs8Xy0MV8GM1RlsC2Y3Wy3wut3M+2mEVux0Gt9fhzTWyLvGiiJYaqY5DWRFIwAiQ5r6gB9GpQihJw4I9j5Mkscj3BnzGjBhv8xna5P1Jo428o6IOPY5KFZtVOkEKqUjqQY9Gi+jrIOFwJUDzRtA9xyoIrGGmkNRmxVAnZoK+TkUIeUYni5wEzgOG5iZX5HCr2JyQNqdk++G0rgb1ochSIGutTj4P7F0PuRUAolmh5sCzAHn1BYyaADh6bgFeoBx6vst091CEvcSLWBBpqGq384jZ5llVHSwEShLx+D4d0mU3D5eEAJQ9KEhOZUYnDENV2qKgmIlQhWfdvcoXYaegPp/n1oKIOgYFqxrzQSciqNhv/5FqPpy6b0UcX2vf13DfWySRSEgkEYlEJJGQSyKJSEQSCYlEEpHexIVO3XOevffze2a+PfPv9x1rne1c3b3Mmlmz9mE++zuzngfnw/E+Dlc4LL4NwHdFy7u3KGPVmZ6/4eeMoDyre3i/KHADIHYO04w9zO0mAotuKnrc7XaPjvu66bNe5cDT7RlPepEnfS2X8dF1/utDvD+OwGDBxEgQywLCvIMYWBY+DShwAAORAdv9PswhDAqOUCi5+71AbFcDMR4xBDNfhySKXPXZ1+Vub+Q1Ltf5z7eC0AjVldHI26rIFdKIAyYBJCFVUhVDwttAnM52B3Ect1TFQXzJ0z33lOuib/QO8g+CuO0gKBRU80A8hkeJ0b1KRQWmFQVSh8mf3lpUpNaRulzN5NArrmKKGMijXgzk7w5ijdFVgT8f1IdFNjVWjDWicUYWEEMmSFDtILdzHW5XueHp7p+yuS54ep5/c5BE2Gw/gWPNYU4/PZaak2VGEsFjSbOf8irea6KQgojGCk0KxZY31tWWgzwayF8N5KYyo3VADVicWWrhwzr3ZqIOa5xW5zbqMPPMiyDURHDIHQTeWq7KFXcQPOqzPOL5Ov/iIDEDy7DHEwx0PTgjO8SS0fOEHcZNMt+XKEFMj8Q4QUSvPu6HPuvd4N9/x12RPwcIVRCAakSOUzHgsUSMFWYzDQ+PiOJqAOuYc9jh5TecnA+xHfFyOYhebeTH89P80wrCJzUjlsx7euIV0g4zQFUSiBPioIWBACFC7GgDj8P91ZSJOQmQP74MAnQo8H5RIe8kZ0kBcQCMAlEpRDiKROBxbR0ksdhWFq0gR9q9uQzkDzuIFQSPqAgRCAsCaVNF2ZAAhxvtzcqcnDk6tpXxSsayqXLIgSOb6zqeH+fvO0i9XEu5EVV+OZehRZJ6BGTeaRhCkTzVIZeAzaWGAFfErIPogQI5CuR3HQQx7DzBB16R3s7e0MBUPedjWutgG/JUTPqMeAQNEiytJRnJearWUgdwFNxN7rtBoECuj/O3BMHaTIxQ0a4GctireElTJHJvLTaalih5kvBCGMvkdESUMAdCFaI4yG8SpDfRWAptqkAJUwCG6B7lOREFSZBqKs57MEHqVJEBwHa2lp0OiKtiQ18gx9P89QrSXyc0vObBM4vPmBADqJZLAo/yzK7qPSZstCy+fDSZlhrm+Zkyjsf5q2otdC14zkLjHLf0me9wjNqQo0B1a6wBJRaIEgC2Qw9oby/cRHA+xHCQy/xlB1HVSV3Y/5yVhsc7dBi2UoIWCMcbELZWgxNCGUZ5y4ceBaLlE8dAfrEosrYT+z8ya3sxXndFBxuQivNGEHFCbLGBlBLKGYHZoeoQpcjtMn/uICPefcxecpuDOEemg9S/44cflZPIlWolyHkLrEpgbS9IQRlAgZgi0WDjsEiPh+PN/Fkogq4GdzPtarlRGW2tJwEK1RMTEvdVdmhAKHO1pdUuGQsVcX+rSfGzDbwGyE8NRPQc83HCaOkTZwPqABZBdFq8zAN1gue0FPO8wYUFBE1WkMwVzM1iQ4BItFh+H36Qy/yJg0DRQICmBl+tbKUC5cCj3yXI+SUFBS78ZAcBtHt+e9lBuiqpTNh9zTvIjzuIWxVYGQJpAZY+VWS3QKh84iSZbwuIdiDpc4KztQa/sjhMaDJEJDSZ8mZ+kCBdC0JpKVNQzZdKu+EsOeFCosrngVAkDS/uy6iGnW7UxmMpkB8FyFKo6iQW8z1HuBdMu1pdkZdB8jWTjlFtNaiJRYniIDcD+eECMqFLS9ED6DgxzCMKnRD3HYYA2uMCJUh70OK8G0EUnJV8lqe8nj84QdqLhdoJskNlEw1ivajM8LtPBhIeN99LESXI9xcQIHFQudHngZjUhXOQeGlUYmAddh5pxMhzV0M1vMAtMFIVmfp6fq+DgEWefjQVenstaqUy3bJQAiVlEihDghCDINFQg8oUhoQPkO8SBEM7SFQ72VYBwPuE7k8uYF5LNwg/TEd2zkuKjIIhTiJRlYrDfNS1QL7DYUcbcCyKJNwOwucVCVSwBBj/DwghXA2hQtACgCBBPprfXkAIFIYRXhONQARFU00Tsh6LEmmQUbkTImMi9me5qaHDIeBgHeRbdxAIqAJBCDSoCNVQglrciqX/ZCD9RRP6rgpBvhmKAFhg2ForBLXBYPtUjj7vCHPe8SXbYAY47gHB9mKeqjjIg/53fmMD0fR9Bug7SFcHI6EA1OC/E8QTL4NgBSGiCiyTChnI1zcQxmyfRZGM6w701KRybDvsIK3LWDx6mxGkcglEZQLkawnCdppZ6sgCh8trWWBUQaUWCEOlOs7HAenFE45QSu9RQQDAqchXNxDq4orQR44qRIFUQvM+mRJuB6GDEixgCbSBQGXghEEbdn1P/zO/QhAWCsWsmRhLa2VFkSZIgSVKmgEQhvk6K8YKMRZl7Dwg4amOUYvFBfLlE4RasOCB5S9PXKq0AqGDMiYIReXF0mYctITWBmqR5F38X5Y7yJfeCtKBzNbWYm5XpsMpf3dRZD3jPDesvdVCOs6KYQXIFw1E4fcE8dHWOepZBXpLJcACWUZVMRZbfvgXR4Ak8A7VVSKSVuu9p6/mFxyE7cOWavtLp952O8huK83+gmHzHaAsVXLgAvl8gPCvHzAFsM8GNXGKPH5cmN02sXTLa8QdKRXMzHv67/k5A9k1UIx36UH/VlWWtuKssNiRapB6BaLXl6MA+ayDcNS3v/sYXgCL620F1kk8QhKAEOvKu4DvajDO5zkHc4fBg76anyEIIcamBPex5EK8AoVHhMW7QAqWrYD1204CJB1hCfOAV/PTBPH0zBmJmsZZKCEaAmdqm4zMcYxYLN0JuHThIAjirAnp3px7TRgD+ZSD/K92M1CNIgbC8Ex7FkSEIlQEEUQEQQQBRBABEUQQEQTx3X0Evap9AhP39jL5OvuzAWuvbDaTTDIzX2aypUCJ0i7nAigoQAk9gUIUSxXEoCFyyVIuL9ZQcMZoArnwr4D0OLS8jGNGTgGnsZQWMYrcOARoIReAALBeWhf+RUCAIEsECFQHLkwR5zj4JW3t5WOUU5djvgQIawD53EDsctmYz8xGaZGPBUR3qNkiGwqDICUYIFpqBgRaayCfFiAWR2wWvoobmzxdF8N5kyxXmvap/sgGcLF/aoBosbG+lE395R8zCA4BqUYgOgYq+HtvBrT0LK15X8lZwx5f9klCX0rdgXzIIGbdhXMqZtHzJhuptEjmsFc4KzmN5IFPtfM7gWw2kPczSIqQSPUDYKYBMamsBCpKphW0iA5H8AbMDPJOQYjLZg1Vk4G49GlCYNYAkdOd0kwRQ8FCyAHydgLZ6Z2AqrVtjDUQ7hCEmrkEooDAsB2YnBCvkBpZ6yBvJpCd7Mn5zJ6C4QF2BUQPgHEIGUrGnHzQ8rlMekBeTyAzwDJksxwM4+w3BY02B8mIl0CmFRm+ZscxAuSnvwqQsECTIGSV6FEoJFTygVuzB5xAsKqBvAQE3+nkVoJDI1BJIaPBWik7ZSu5NIp5A3mRQaTFvLgkO9fVgEgMqqeVfb+p55tijWH+Kea71ubq4v8Sl8089sZKbKEZNq+VUfISJJF7j79WrbYgS994ZEf+nIz0pNFRWqapSmK6P45i3OQuItIiPDyg6RnxZ4D0g+CFPxAzluoRsWsaA6I6JOqVWCisDvJ0BgHTzMSRgMi0vmi8R+sR6tg/XUh7kCc7kMRqSNkTBDx0OkAUegFcMazciBXNpm798R6klXap/WZz49TQwBHqEcj4oCToUPjUuP9lfxcbyKMAwT6bTf1qqIIQDl3i5oCERNmVm0wgW4A8BGRxMX3hWh8bEV5Rvfp4DS5F3djWH2ztDNWKW7OBjgjIwsDWaKRknJjqMsh9QCa1p608lLovFkBE969DYtYelSzwSRcg535vAsFeNU9SzRCYZb4LDmxmFQKkwYGM+5y/G7b1uxMIylLdyE5yxIyYsoXWhQIpzQhYPi3JkJoKkB9+BxD0OMuyOEBe36DgyPSrxscmATldgKj8PxrkA/kA5PYMgkrocwIQ6GSRGmF0VaNqBKQZ5FYDEZSDzFTzq9mBQjAayE1A+ryDTzcQZe0Ibbxj7EwpAmTrJwEimZR9CCPtODhzxuNtY19Zd2Lf/fjCTnEiDAOg62j1utb/dv9mZ/aHCj4AyOHbsW3/As0BTzIgeJU7AAAAAElFTkSuQmCC");
  cursor: crosshair;
  float: left;
}

.colorpicker-saturation i {
  display: block;
  height: 5px;
  width: 5px;
  border: 1px solid #000;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  margin: -4px 0 0 -4px;
}

.colorpicker-saturation i b {
  display: block;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  border-radius: 5px;
}

.colorpicker-hue,
.colorpicker-alpha {
  width: 15px;
  height: 100px;
  float: left;
  cursor: row-resize;
  margin-left: 4px;
  margin-bottom: 4px;
}

.colorpicker-hue i,
.colorpicker-alpha i {
  display: block;
  height: 1px;
  background: #000;
  border-top: 1px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -1px;
}

.colorpicker-hue {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAMAAABw8qpSAAABLFBMVEXqFBb/ABH/ACL/ADH/AEH/AFD/AGD/AG7/AH7/AI3/AJ3/AKz/ALz/AMr/ANv/AOr/APr2AP/mAP/XAP/HAP+4AP+oAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8BAv8AEP8AH/8AL/8APv8ATv8AXP8Abf8Ae/8Ai/8Amv8Aqv8AuP8Ayf8A1/8A5/8A9/8A//gA/+kA/9kA/8oA/7oA/6wA/5sA/40A/30A/24A/14A/1AA/z8A/zEA/yEA/xEB/wMN/wAd/wAs/wA8/wBK/wBb/wBp/wB5/wCI/wCY/wCm/wC3/wDF/wDV/wDk/wD1/wD/+gD/7AD/3AD/zAD/vgD/rQD/nwD/jgD/gAD/cAD/YgD/UQD/QwD/MgD/JAD/FAD4Eg42qAedAAAAh0lEQVR4XgXAg3EDAAAAwI9to7Zt27a1/w49BASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTS1tHXo1KVbj159+g0YNGTYiFFjxk2YNGXajFlz5i1YtGTZilVr1m3YtGXbjl179h04dOTYiVNnzl24dOXajVt37j149OTZi1dv3n349OXbj19//wOxE1dQ8reGAAAAAElFTkSuQmCC");
}

.colorpicker-alpha {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAQAAAAVxWkcAAABr0lEQVR4Xo2VwU0DQQxF7dmRuNIFlzlSAR3QAaXQQdIBJVABFXDcOVAAd67cjJLR07dkhcSrkZKfb/t7bG88rFo3B5gZPMNycItu2xloGV7MWHzM9zuzFWCkmA0nK6AszCUJDW6+mG6R03ncw5v8EMTEvZ2O3AliYjpslblc0RF9LmZYWxURU6aKytWZYsoWCAe+xwOZp1GsEukGiIkYxcQCHck99+gRgB7JncyIB5SGEhP3Yh5P6JwX+u6AnYot104d8DJT7uH7M9JH6OZbimj0vfMVaYnJIZFJDBW9kHlerL2C6JV4mSt7uuo2N57RxnZ+usQjn0R1jwBJBrNO3evJpVYUWsJ/E3UiXRlv24/7YZ04xmEdWlzcKS+B/eapeyMvFd2k0+hRk/T0AmTW8h69s2sjYMsdPntECiILhAeIMZAeH4QvUwfn6ijC0tTV+fT9ky8jM9nK2g7Ly1VjSpKYq6IvsAm7MtNu1orEqa/K3KNvgMFdhfquPfJmp2dbh0/8Gzb6Y22ViaNr6n5410zXdngVhbu6XqdOtWOuin5hjABGp4a2uotZ71MVCfwDBt2/v37yo6AAAAAASUVORK5CYII=");
  display: none;
}

.colorpicker-saturation,
.colorpicker-hue,
.colorpicker-alpha {
  background-size: contain;
}

.colorpicker {
  padding: 4px;
  min-width: 121px;
  margin-top: 1px;
  border-radius: 4px;
  z-index: 2500;
}

.colorpicker:before,
.colorpicker:after {
  display: table;
  content: "";
  line-height: 0;
}

.colorpicker:after {
  clear: both;
}

.colorpicker:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}

.colorpicker:after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}

.colorpicker div {
  position: relative;
}

.colorpicker.colorpicker-with-alpha {
  min-width: 140px;
}

.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
  display: block;
}

.colorpicker-color {
  height: 10px;
  margin-top: 5px;
  clear: both;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAQAAAAVxWkcAAABr0lEQVR4Xo2VwU0DQQxF7dmRuNIFlzlSAR3QAaXQQdIBJVABFXDcOVAAd67cjJLR07dkhcSrkZKfb/t7bG88rFo3B5gZPMNycItu2xloGV7MWHzM9zuzFWCkmA0nK6AszCUJDW6+mG6R03ncw5v8EMTEvZ2O3AliYjpslblc0RF9LmZYWxURU6aKytWZYsoWCAe+xwOZp1GsEukGiIkYxcQCHck99+gRgB7JncyIB5SGEhP3Yh5P6JwX+u6AnYot104d8DJT7uH7M9JH6OZbimj0vfMVaYnJIZFJDBW9kHlerL2C6JV4mSt7uuo2N57RxnZ+usQjn0R1jwBJBrNO3evJpVYUWsJ/E3UiXRlv24/7YZ04xmEdWlzcKS+B/eapeyMvFd2k0+hRk/T0AmTW8h69s2sjYMsdPntECiILhAeIMZAeH4QvUwfn6ijC0tTV+fT9ky8jM9nK2g7Ly1VjSpKYq6IvsAm7MtNu1orEqa/K3KNvgMFdhfquPfJmp2dbh0/8Gzb6Y22ViaNr6n5410zXdngVhbu6XqdOtWOuin5hjABGp4a2uotZ71MVCfwDBt2/v37yo6AAAAAASUVORK5CYII=");
  background-position: 0 100%;
}

.colorpicker-color div {
  height: 10px;
}

.colorpicker-selectors {
  display: none;
  height: 10px;
  margin-top: 5px;
  clear: both;
}

.colorpicker-selectors i {
  cursor: pointer;
  float: left;
  height: 10px;
  width: 10px;
}

.colorpicker-selectors i + i {
  margin-left: 3px;
}

.colorpicker-element .input-group-addon i,
.colorpicker-element .add-on i {
  display: inline-block;
  cursor: pointer;
  height: 16px;
  vertical-align: text-top;
  width: 16px;
}

.colorpicker.colorpicker-inline {
  position: relative;
  display: inline-block;
  float: none;
  z-index: auto;
}

.colorpicker.colorpicker-horizontal {
  width: 110px;
  min-width: 110px;
  height: auto;
}

.colorpicker.colorpicker-horizontal .colorpicker-saturation {
  margin-bottom: 4px;
}

.colorpicker.colorpicker-horizontal .colorpicker-color {
  width: 100px;
}

.colorpicker.colorpicker-horizontal .colorpicker-hue,
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
  width: 100px;
  height: 15px;
  float: left;
  cursor: col-resize;
  margin-left: 0px;
  margin-bottom: 4px;
}

.colorpicker.colorpicker-horizontal .colorpicker-hue i,
.colorpicker.colorpicker-horizontal .colorpicker-alpha i {
  display: block;
  height: 15px;
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  border: none;
  margin-top: 0px;
}

.colorpicker.colorpicker-horizontal .colorpicker-hue {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAABCAMAAAAfBfuPAAABLFBMVEXqFBb/ABH/ACL/ADH/AEH/AFD/AGD/AG7/AH7/AI3/AJ3/AKz/ALz/AMr/ANv/AOr/APr2AP/mAP/XAP/HAP+4AP+oAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8BAv8AEP8AH/8AL/8APv8ATv8AXP8Abf8Ae/8Ai/8Amv8Aqv8AuP8Ayf8A1/8A5/8A9/8A//gA/+kA/9kA/8oA/7oA/6wA/5sA/40A/30A/24A/14A/1AA/z8A/zEA/yEA/xEB/wMN/wAd/wAs/wA8/wBK/wBb/wBp/wB5/wCI/wCY/wCm/wC3/wDF/wDV/wDk/wD1/wD/+gD/7AD/3AD/zAD/vgD/rQD/nwD/jgD/gAD/cAD/YgD/UQD/QwD/MgD/JAD/FAD4Eg42qAedAAAAbUlEQVR4XgXAghEDsbxtlrZt27ax/w49ACAYQTGcICmaYTleECVZUTXdMC1Wm93hdLk9Xp8/EAyFI9FYPJFMpTPZXL5QLJUr1Vq90Wy1O91efzAcjSfT2XyxXK03293+cDydL9fb/fF8vT/f3x+LfRNXARMbCAAAAABJRU5ErkJggg==");
}

.colorpicker.colorpicker-horizontal .colorpicker-alpha {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAKCAQAAADoFTP1AAAB9ElEQVR4XoWTQW4VMRBEu9qWEimL7DhEMp8NF+ASnJJLcAQgE1bcgBUSkYKUuHCrZ9pjeqSU5Yn9LPu7umJQBIIv+k7vIOrtK66L4lmr3pVOrOv3otp619KZ0/KjdNI79L52Uo09FBQWrU0vfe5trezU+hLsoUKd3Repovte+0vbq/7Lj5XbaHECKasR9G4MPlbp+gzZxd6koPEJCkAYC5SjcOTAIIOK90Dja1IfIZ8Z+zAY9jm3b5Ia+MT5sFcqRJrR2AYYA8Kua5BzYRrFPNmD4PQMegGJMOffJJUsWiI3nCHZZjInNdffLWOufzbc3JaboCAVxwmnRHbhLSPwRJ4wU0BRSc6HkECYYVw95nMKgJOcylxrJttE5Ibzf9Xq9GPvP+WX3MiV/MGHfRu/SentRQrfG1GzsIrytdNXucSRKxQNIGHM9YhGFQJcdjNcBZvfJayuYe4Sia1CzwW+19mWOhe37HsxJWKwbu/jluEU15QzAQjAqCEbhMJc78GYV2E0kooHDubUImWkTOhGpgv8PoT8DJG/bzxna4BZ0eOFSOaLADGeSpFsg5AzeaDZIDQQXjZ4y/8ryfzUXBwdELRjTjCNvOeT0rNlrJz90vwy6N9pXXQEluX0inElpPWokSdiLCfiNJJjMKQ8Qsh8GEKQKMo/eiHrNbI9UksAAAAASUVORK5CYII=");
}

.colorpicker-right:before {
  left: auto;
  right: 6px;
}

.colorpicker-right:after {
  left: auto;
  right: 7px;
}

.colorpicker-no-arrow:before {
  border-right: 0;
  border-left: 0;
}

.colorpicker-no-arrow:after {
  border-right: 0;
  border-left: 0;
}

.colorpicker.colorpicker-visible,
.colorpicker-alpha.colorpicker-visible,
.colorpicker-saturation.colorpicker-visible,
.colorpicker-hue.colorpicker-visible,
.colorpicker-selectors.colorpicker-visible {
  display: block;
}

.colorpicker.colorpicker-hidden,
.colorpicker-alpha.colorpicker-hidden,
.colorpicker-saturation.colorpicker-hidden,
.colorpicker-hue.colorpicker-hidden,
.colorpicker-selectors.colorpicker-hidden {
  display: none;
}

.colorpicker-inline.colorpicker-visible {
  display: inline-block;
}
#logs .candidate-log {
  padding: 20px 0;
  margin: 0;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #dfdfdf;
}
#logs .candidate-log .log-indicator {
  width: 10px;
  height: 10px;
  margin-right: 12px;
  border-radius: 5px;
  background-color: #dfdfdf;
  float: left;
  margin-top: 4px;
}
#logs .candidate-log .log-case {
  margin-left: 22px;
  margin-top: 10px;
}
#logs .candidate-log .message-log-btn {
  margin-top: 10px;
}
#logs .candidate-log p {
  margin: 0;
  padding: 0;
}
#logs .candidate-log p.mt-4 {
  margin-top: 1rem;
}
#logs .candidate-log:last-child {
  border-bottom: none;
}
#logs .candidate-log-note {
  border-bottom: 1px solid #dfdfdf !important;
}
#logs .candidate-log-note .candidate-log-note-content {
  padding-left: 38px;
  font-weight: 500;
}
#logs .candidate-log-success .log-indicator {
  background-color: #4fd262;
}
#logs .candidate-log-danger .log-indicator {
  background-color: #ff2760;
}
#logs .candidate-log-info .log-indicator {
  background-color: #00c3f7;
}
#logs .candidate-log-email-opened .log-indicator {
  background-color: #66f2b7;
}
#logs .candidate-log-email-sent .log-indicator {
  background-color: #5264c0;
}
#logs .candidate-log-copy .log-indicator,
#logs .candidate-log-previous-jobs .log-indicator {
  background-color: #f9fb94;
}

.back-to-translations-list {
  margin: 0 10px 0 0 !important;
}

.translation-field {
  height: 160px !important;
  width: 240px;
  text-align: left;
}

.save-localization {
  width: 100%;
  margin: 2px 0;
}

.translation-text {
  width: calc(100% - 30px);
  float: left;
}

.dtpicker_datetimepicker {
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
  background: #fff;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-radius: 5px;
  color: #333;
  font-family: "Avenir", sans-serif;
  padding: 8px;
  padding-left: 0;
  padding-top: 2px;
  position: absolute;
  z-index: 999999;
  box-sizing: border-box;
  display: none;
}

.dtpicker_datetimepicker.dtpicker_rtl {
  padding: 8px 0 8px 8px;
}

.dtpicker_datetimepicker iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  height: 210px;
  background: transparent;
  border: none;
}

/*For IE8 or lower*/
.dtpicker_datetimepicker button {
  border: none !important;
}

.dtpicker_noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dtpicker_noselect::-moz-selection {
  background: transparent;
}

.dtpicker_noselect::selection {
  background: transparent;
}

.dtpicker_noselect::-moz-selection {
  background: transparent;
}

.dtpicker_datetimepicker.dtpicker_inline {
  display: inline-block;
  position: static;
  box-shadow: none;
}

.dtpicker_datetimepicker * {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.dtpicker_datetimepicker .dtpicker_datepicker, .dtpicker_datetimepicker .dtpicker_timepicker {
  display: none;
}

.dtpicker_datetimepicker .dtpicker_datepicker.active, .dtpicker_datetimepicker .dtpicker_timepicker.active {
  display: block;
}

.dtpicker_datetimepicker .dtpicker_datepicker {
  width: 300px;
  float: left;
  margin-left: 8px;
}

.dtpicker_datetimepicker.dtpicker_rtl .dtpicker_datepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}

.dtpicker_datetimepicker.dtpicker_showweeks .dtpicker_datepicker {
  width: 256px;
}

.dtpicker_datetimepicker .dtpicker_timepicker {
  width: 58px;
  float: left;
  text-align: center;
  margin-left: 8px;
  margin-top: 0;
}

.dtpicker_datetimepicker.dtpicker_rtl .dtpicker_timepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}

.dtpicker_datetimepicker .dtpicker_datepicker.active + .dtpicker_timepicker {
  margin-top: 8px;
  margin-bottom: 3px;
}

.dtpicker_datetimepicker .dtpicker_monthpicker {
  position: relative;
  text-align: center;
}

.dtpicker_datetimepicker .dtpicker_label i,
.dtpicker_datetimepicker .dtpicker_prev,
.dtpicker_datetimepicker .dtpicker_next,
.dtpicker_datetimepicker .dtpicker_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}

.dtpicker_datetimepicker .dtpicker_label i {
  opacity: 0.5;
  background-position: -92px -19px;
  display: inline-block;
  width: 9px;
  height: 20px;
  vertical-align: middle;
}

.dtpicker_datetimepicker .dtpicker_prev {
  float: left;
  background-position: -20px 0;
}

.dtpicker_datetimepicker .dtpicker_today_button {
  float: left;
  background-position: -70px 0;
  margin-left: 5px;
}

.dtpicker_datetimepicker .dtpicker_next {
  float: right;
  background-position: 0 0;
}

.dtpicker_datetimepicker .dtpicker_next,
.dtpicker_datetimepicker .dtpicker_prev,
.dtpicker_datetimepicker .dtpicker_today_button {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0 none;
  cursor: pointer;
  display: block;
  height: 30px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  outline: medium none;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  width: 20px;
  min-width: 0;
}

.dtpicker_datetimepicker .dtpicker_timepicker .dtpicker_prev,
.dtpicker_datetimepicker .dtpicker_timepicker .dtpicker_next {
  float: none;
  background-position: -40px -15px;
  height: 15px;
  width: 30px;
  display: block;
  margin-left: 14px;
  margin-top: 7px;
}

.dtpicker_datetimepicker.dtpicker_rtl .dtpicker_timepicker .dtpicker_prev,
.dtpicker_datetimepicker.dtpicker_rtl .dtpicker_timepicker .dtpicker_next {
  float: none;
  margin-left: 0;
  margin-right: 14px;
}

.dtpicker_datetimepicker .dtpicker_timepicker .dtpicker_prev {
  background-position: -40px 0;
  margin-bottom: 7px;
  margin-top: 0;
}

.dtpicker_datetimepicker .dtpicker_timepicker .dtpicker_time_box {
  height: 151px;
  overflow: hidden;
  border: none;
}

.dtpicker_datetimepicker .dtpicker_timepicker .dtpicker_time_box > div > div {
  background: white;
  border: none;
  color: #666;
  font-size: 12px;
  text-align: center;
  border-collapse: collapse;
  cursor: pointer;
  border-bottom-width: 0;
  height: 25px;
  line-height: 25px;
}

.dtpicker_datetimepicker .dtpicker_timepicker .dtpicker_time_box > div > div:first-child {
  border-top-width: 0;
}

.dtpicker_datetimepicker .dtpicker_today_button:hover,
.dtpicker_datetimepicker .dtpicker_next:hover,
.dtpicker_datetimepicker .dtpicker_prev:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.dtpicker_datetimepicker .dtpicker_label {
  display: inline;
  position: relative;
  z-index: 9999;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
  float: left;
  width: 182px;
  text-align: center;
  cursor: pointer;
}

.dtpicker_datetimepicker .dtpicker_label:hover > span {
  text-decoration: underline;
}

.dtpicker_datetimepicker .dtpicker_label:hover i {
  opacity: 1;
}

.dtpicker_datetimepicker .dtpicker_label > .dtpicker_select {
  border: 1px solid #ccc;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 101;
  display: none;
  background: #fff;
  max-height: 160px;
  overflow-y: hidden;
}

.dtpicker_datetimepicker .dtpicker_label > .dtpicker_select.dtpicker_monthselect {
  right: -7px;
}

.dtpicker_datetimepicker .dtpicker_label > .dtpicker_select.dtpicker_yearselect {
  right: 2px;
}

.dtpicker_datetimepicker .dtpicker_label > .dtpicker_select > div > .dtpicker_option:hover {
  color: #fff;
  background: #0d38d7;
}

.dtpicker_datetimepicker .dtpicker_label > .dtpicker_select > div > .dtpicker_option {
  padding: 2px 10px 2px 5px;
  text-decoration: none !important;
}

.dtpicker_datetimepicker .dtpicker_label > .dtpicker_select > div > .dtpicker_option.dtpicker_current {
  background: #3578ea;
  color: #fff;
  font-weight: 700;
}

.dtpicker_datetimepicker .dtpicker_month {
  width: 100px;
  text-align: right;
}

.dtpicker_datetimepicker .dtpicker_calendar {
  clear: both;
}

.dtpicker_datetimepicker .dtpicker_year {
  width: 52px;
  margin-left: 5px;
}

.dtpicker_datetimepicker .dtpicker_calendar table {
  border-collapse: collapse;
  width: 100%;
}

.dtpicker_datetimepicker .dtpicker_calendar th {
  height: 25px;
}

.dtpicker_datetimepicker .dtpicker_calendar td, .dtpicker_datetimepicker .dtpicker_calendar th {
  width: 14.2857142%;
  background: white;
  border: none;
  border-radius: 3px;
  color: #666;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  padding: 2px 0 0 0;
  border-collapse: collapse;
  cursor: pointer;
  height: 25px;
}

.dtpicker_datetimepicker.dtpicker_showweeks .dtpicker_calendar td, .dtpicker_datetimepicker.dtpicker_showweeks .dtpicker_calendar th {
  width: 12.5%;
}

.dtpicker_datetimepicker .dtpicker_calendar thead {
  margin-bottom: 3px;
}

.dtpicker_datetimepicker .dtpicker_calendar th {
  background: #f1f1f1;
  border-radius: 0;
}
.dtpicker_datetimepicker .dtpicker_calendar th:first-child {
  border-radius: 3px 0 0 3px;
}
.dtpicker_datetimepicker .dtpicker_calendar th:last-child {
  border-radius: 0 3px 3px 0;
}

.dtpicker_datetimepicker .dtpicker_calendar td.dtpicker_today {
  color: #3578ea;
}

.dtpicker_datetimepicker .dtpicker_calendar td.dtpicker_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}

.dtpicker_datetimepicker .dtpicker_calendar td.dtpicker_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}

.dtpicker_datetimepicker .dtpicker_calendar td.dtpicker_default,
.dtpicker_datetimepicker .dtpicker_calendar td.dtpicker_current,
.dtpicker_datetimepicker .dtpicker_timepicker .dtpicker_time_box > div > div.dtpicker_current {
  background: #3578ea;
  color: #fff;
  font-weight: 700;
}

.dtpicker_datetimepicker .dtpicker_calendar td.dtpicker_other_month,
.dtpicker_datetimepicker .dtpicker_calendar td.dtpicker_disabled,
.dtpicker_datetimepicker .dtpicker_time_box > div > div.dtpicker_disabled {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  cursor: default;
}

.dtpicker_datetimepicker .dtpicker_calendar td.dtpicker_other_month.dtpicker_disabled {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.dtpicker_datetimepicker .dtpicker_calendar td:hover,
.dtpicker_datetimepicker .dtpicker_timepicker .dtpicker_time_box > div > div:hover {
  color: #fff !important;
  background: #0d38d7 !important;
  box-shadow: none !important;
}

.dtpicker_datetimepicker .dtpicker_calendar td.dtpicker_current.dtpicker_disabled:hover,
.dtpicker_datetimepicker .dtpicker_timepicker .dtpicker_time_box > div > div.dtpicker_current.dtpicker_disabled:hover {
  background: #3578ea !important;
  color: #fff !important;
}

.dtpicker_datetimepicker .dtpicker_calendar td.dtpicker_disabled:hover,
.dtpicker_datetimepicker .dtpicker_timepicker .dtpicker_time_box > div > div.dtpicker_disabled:hover {
  color: inherit !important;
  background: inherit !important;
  box-shadow: inherit !important;
}

.dtpicker_datetimepicker .dtpicker_calendar th {
  font-weight: 700;
  text-align: center;
  color: #999;
  cursor: default;
}

.dtpicker_datetimepicker .dtpicker_copyright {
  color: #ccc !important;
  font-size: 10px;
  clear: both;
  float: none;
  margin-left: 8px;
}

.dtpicker_datetimepicker .dtpicker_copyright a {
  color: #eee !important;
}

.dtpicker_datetimepicker .dtpicker_copyright a:hover {
  color: #aaa !important;
}

.dtpicker_time_box {
  position: relative;
  border: 1px solid #ccc;
}

.dtpicker_scrollbar > .dtpicker_scroller {
  background: #ccc !important;
  height: 20px;
  border-radius: 3px;
}

.dtpicker_scrollbar {
  position: absolute;
  width: 7px;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}

.dtpicker_datetimepicker.dtpicker_rtl .dtpicker_scrollbar {
  left: 0;
  right: auto;
}

.dtpicker_scroller_box {
  position: relative;
}

.dtpicker_datetimepicker.dtpicker_dark {
  box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
  background: #000;
  border-bottom: 1px solid #444;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  color: #ccc;
}

.dtpicker_timepicker {
  border-left: 1px solid #f2f6fc;
}

.dtpicker_datetimepicker.dtpicker_dark .dtpicker_timepicker .dtpicker_time_box {
  border-bottom: 1px solid #222;
}

.dtpicker_datetimepicker.dtpicker_dark .dtpicker_timepicker .dtpicker_time_box > div > div {
  background: #0a0a0a;
  border-top: 1px solid #222;
  color: #999;
}

.dtpicker_datetimepicker.dtpicker_dark .dtpicker_label {
  background-color: #000;
}

.dtpicker_datetimepicker.dtpicker_dark .dtpicker_label > .dtpicker_select {
  border: 1px solid #333;
  background: #000;
}

.dtpicker_datetimepicker.dtpicker_dark .dtpicker_label > .dtpicker_select > div > .dtpicker_option:hover {
  color: #000;
  background: #007fff;
}

.dtpicker_datetimepicker.dtpicker_dark .dtpicker_label > .dtpicker_select > div > .dtpicker_option.dtpicker_current {
  background: #cc5500;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}

.dtpicker_datetimepicker.dtpicker_dark .dtpicker_label i,
.dtpicker_datetimepicker.dtpicker_dark .dtpicker_prev,
.dtpicker_datetimepicker.dtpicker_dark .dtpicker_next,
.dtpicker_datetimepicker.dtpicker_dark .dtpicker_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}

.dtpicker_datetimepicker.dtpicker_dark .dtpicker_calendar td,
.dtpicker_datetimepicker.dtpicker_dark .dtpicker_calendar th {
  background: #0a0a0a;
  border: 1px solid #222;
  color: #999;
}

.dtpicker_datetimepicker.dtpicker_dark .dtpicker_calendar th {
  background: #0e0e0e;
}

.dtpicker_datetimepicker.dtpicker_dark .dtpicker_calendar td.dtpicker_today {
  color: #cc5500;
}

.dtpicker_datetimepicker.dtpicker_dark .dtpicker_calendar td.dtpicker_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}

.dtpicker_datetimepicker.dtpicker_dark .dtpicker_calendar td.dtpicker_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}

.dtpicker_datetimepicker.dtpicker_dark .dtpicker_calendar td.dtpicker_default,
.dtpicker_datetimepicker.dtpicker_dark .dtpicker_calendar td.dtpicker_current,
.dtpicker_datetimepicker.dtpicker_dark .dtpicker_timepicker .dtpicker_time_box > div > div.dtpicker_current {
  background: #cc5500;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}

.dtpicker_datetimepicker.dtpicker_dark .dtpicker_calendar td:hover,
.dtpicker_datetimepicker.dtpicker_dark .dtpicker_timepicker .dtpicker_time_box > div > div:hover {
  color: #000 !important;
  background: #007fff !important;
}

.dtpicker_datetimepicker.dtpicker_dark .dtpicker_calendar th {
  color: #666;
}

.dtpicker_datetimepicker.dtpicker_dark .dtpicker_copyright {
  color: #333 !important;
}

.dtpicker_datetimepicker.dtpicker_dark .dtpicker_copyright a {
  color: #111 !important;
}

.dtpicker_datetimepicker.dtpicker_dark .dtpicker_copyright a:hover {
  color: #555 !important;
}

.dtpicker_dark .dtpicker_time_box {
  border: 1px solid #333;
}

.dtpicker_dark .dtpicker_scrollbar > .dtpicker_scroller {
  background: #333 !important;
}

.dtpicker_datetimepicker .dtpicker_save_selected {
  display: block;
  border: 1px solid #dddddd !important;
  margin-top: 5px;
  width: 100%;
  color: #454551;
  font-size: 13px;
}

.dtpicker_datetimepicker .blue-gradient-button {
  font-family: "museo-sans", "Book Antiqua", sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #82878c;
  height: 28px;
  position: relative;
  padding: 4px 17px 4px 33px;
  border: 1px solid #d7d8da;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(73%, #f4f8fa));
  background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fff", endColorstr="#f4f8fa",GradientType=0 );
  /* IE6-9 */
}

.dtpicker_datetimepicker .blue-gradient-button:hover, .dtpicker_datetimepicker .blue-gradient-button:focus, .dtpicker_datetimepicker .blue-gradient-button:hover span, .dtpicker_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(#f4f8fa), color-stop(73%, #FFF));
  background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f4f8fa", endColorstr="#FFF",GradientType=0 );
  /* IE6-9 */
}

/* create & update team member pages */
#colleague_start_date.date-field {
  margin-bottom: 0;
}

.ditaso-dashboard .admin-btn {
  margin-bottom: 30px;
}
.ditaso-dashboard .ditaso-dashboard-package-container {
  display: -webkit-box;
  display: flex;
}
.ditaso-dashboard .text-muted {
  font-weight: 300;
  display: -webkit-box;
  display: flex;
  font-size: 12px;
  margin-top: 5px;
}
.ditaso-dashboard .text-muted > div:first-child {
  margin-right: 10px;
}
.ditaso-dashboard th a {
  color: #333333;
}
.ditaso-dashboard th a.active::after {
  content: "\25BC";
  display: inline-block;
  margin-left: 5px;
}
.ditaso-dashboard th:first-child a.active::after {
  content: "\25B2";
}
.ditaso-dashboard .ditaso-dashboard-package-card {
  display: block;
  -webkit-box-flex: 1;
          flex: 1;
  margin: 10px;
  background-color: white;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 5px;
  min-width: 120px;
}
.ditaso-dashboard .ditaso-dashboard-package-card:first-child {
  margin-left: 0;
}
.ditaso-dashboard .ditaso-dashboard-package-card:last-child {
  margin-right: 0;
}
.ditaso-dashboard .ditaso-dashboard-package-card h2 {
  font-size: 20px;
  font-weight: 600;
  margin: 10px 0;
}
.ditaso-dashboard .ditaso-dashboard-package-card h3 {
  font-size: 26px;
  font-weight: 700;
  margin: 10px 0;
}
.ditaso-dashboard .table {
  margin-top: 30px;
}

.job-expired-container {
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.job-expired-container .job-expired-items {
  width: calc(100% - 32px);
  height: auto;
  padding: 16px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  margin: 0 !important;
}
.job-expired-container .job-expired-items__label {
  text-align: center;
}
.job-expired-container .job-expired-items__image {
  left: 0;
}
@media screen and (max-width: 768px) {
  .job-expired-container .job-expired-items {
    width: 100%;
    padding: 0;
  }
}

.header-image-upload {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  min-height: 400px;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}
.header-image-upload--enabled {
  display: -webkit-box;
  display: flex;
}
.header-image-upload__items {
  width: 100%;
  height: 350px;
  background: white;
}
.header-image-upload__body {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
          align-items: center;
  background: transparent;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  position: relative;
}
.header-image-upload__preview {
  width: auto;
  height: 250px;
}
.header-image-upload__helper-text {
  margin: 16px 0 0 0;
  color: #999999;
}
.header-image-upload__controls {
  padding: 16px 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}
.header-image-upload__controls .bootstrap-filestyle {
  margin: 10px 10px 10px 0;
}
.header-image-upload__controls .bootstrap-filestyle label {
  display: block;
  width: 40px;
  height: 40px;
  background-image: url("../img/icon-edit-active.svg");
}

.job_portal_header_enabled-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.job_portal_header_enabled-container p {
  margin: 0 0 0 16px;
}

.job-ad-image-gallery {
  width: 100%;
  min-height: 150px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.job-ad-image-gallery__images {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.job-ad-image-gallery__image {
  width: 180px;
  min-height: 150px;
  padding: 1rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  cursor: pointer;
}
.job-ad-image-gallery__image img {
  width: 100%;
  height: 130px;
  -o-object-fit: cover;
     object-fit: cover;
}
.job-ad-image-gallery__image .btn-delete-job-ad-gallery-image {
  padding-top: 1rem;
  width: 18px;
  height: 24px;
}
.job-ad-image-gallery__image .btn-delete-job-ad-gallery-image img {
  width: 18px;
  height: 24px;
}
.job-ad-image-gallery__upload {
  width: 160px;
  height: 130px;
  background: #f2f6fc;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  border: 1px dashed #5eae95;
  margin: 1rem;
}
.job-ad-image-gallery__upload .upload-btn-items {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  position: absolute;
}
.job-ad-image-gallery__upload .upload-btn-items img {
  width: 12px;
  height: 12px;
  margin: 0 auto 1rem auto;
}
.job-ad-image-gallery__upload .upload-btn-items .upload-btn-title {
  color: #0d38d7;
}
.job-ad-image-gallery__upload input[type=text] {
  display: none;
}
.job-ad-image-gallery__upload .input-group-btn {
  display: -webkit-box;
  display: flex;
  width: 160px;
  height: 120px;
}
.job-ad-image-gallery__upload .input-group-btn label {
  width: 100%;
  height: 100%;
  opacity: 0;
}

.page-content {
  box-sizing: border-box;
  width: 100vw;
  height: auto;
}

@media (max-width: 599px) {
  .jobs-table > tbody > tr > td .job-company {
    display: block;
    margin-top: 3px;
  }
}

.job-listing-wrapper {
  background-color: #ffffff;
  height: 100%;
  padding-bottom: 70px;
}

.relative {
  position: relative;
}

.overlay {
  position: relative;
}
.overlay:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: var(--overlay-bg-color);
}

.full-bleed-picture {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100vw;
  height: var(--viewport-height);
}

.full-bleed-video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: var(--viewport-height);
  -o-object-fit: cover;
     object-fit: cover;
}

.job-listing-header.modern {
  padding: 50px 50px 100px 50px;
  width: 100vw;
  height: var(--viewport-height);
  position: relative;
  z-index: 2;
  color: #ffffff;
  display: grid;
  grid-template-columns: minmax(100px, 8vw) 1fr minmax(100px, 8vw);
  grid-template-rows: minmax(100px, 8vw) 1fr 0.5fr;
}
@media screen and (max-width: 768px) {
  .job-listing-header.modern {
    grid-template-columns: minmax(200px, 8vw) 1fr minmax(60px, 8vw);
    padding: 50px 10px 100px 10px;
  }
}
.job-listing-header.modern .job-listing-header__navbar {
  grid-column: 1/span 3;
  grid-row: 1/span 1;
  padding: 15px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}
.job-listing-header.modern .job-listing-header__navbar .visitor-company-logo {
  margin: 0;
}
.job-listing-header.modern .job-listing-header__navbar .job-listing-header__menu {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  cursor: pointer;
}
.job-listing-header.modern .job-listing-header__navbar .job-listing-header__menu .menu-icon img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
@media screen and (max-width: 600px) {
  .job-listing-header.modern .job-listing-header__navbar .menu-text {
    display: none;
  }
}
.job-listing-header.modern .job-listing-header__logo img {
  width: 100px;
  height: 100px;
}
@media screen and (max-width: 600px) {
  .job-listing-header.modern .job-listing-header__logo img {
    width: 80px;
    height: 80px;
  }
}
.job-listing-header.modern .job-listing-header__body {
  height: 100%;
  grid-column: 1/span 3;
  grid-row: 2/span 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
          align-items: center;
}
.job-listing-header.modern .job-listing-header__body .job-listing-header__heading {
  text-align: center;
  letter-spacing: 1px;
  font-size: calc(25px + 1vw);
  font-weight: 600;
  line-height: 40px;
}
@media screen and (max-width: 768px) {
  .job-listing-header.modern .job-listing-header__body .job-listing-header__heading {
    font-size: calc(25px + 1vw) !important;
  }
}
@media screen and (max-width: 500px) {
  .job-listing-header.modern .job-listing-header__body .job-listing-header__heading {
    margin: 0 20px;
  }
}
.job-listing-header.modern .job-listing-header__body .job-listing-header__btn {
  text-transform: uppercase;
  color: #ffffff;
  background: transparent;
  text-decoration: none;
  padding: 15px 35px;
  border-radius: 30px;
  border: 3px solid #ffffff;
  font-weight: 600;
  z-index: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.job-listing-header.modern .job-listing-header__body .job-listing-header__btn:hover {
  background-color: #ffffff;
  color: #333232;
}

.job-listing-body {
  max-width: 80vw;
  margin: auto;
}
@media screen and (max-width: 600px) {
  .job-listing-body {
    max-width: 85vw;
  }
}
.job-listing-body .job-listing-body__filter {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  flex-wrap: wrap;
  margin-top: 80px;
  margin-bottom: 80px;
}
@media screen and (max-width: 450px) {
  .job-listing-body .job-listing-body__filter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
            align-items: flex-start;
    flex-wrap: nowrap;
  }
}
.job-listing-body .job-listing-body__filter .job-listing-body__search {
  background-color: #F6F8FC;
  padding: 5px 10px 5px 15px;
  border-radius: 5px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: center;
          align-items: center;
  min-width: 250px;
}
.job-listing-body .job-listing-body__filter .job-listing-body__search .filter-search-icon {
  width: 13px;
  height: 13px;
}
.job-listing-body .job-listing-body__filter .job-listing-body__search .filter-search-input {
  border: none;
  background-color: transparent;
  width: 100%;
  padding: 5px 0 0 10px;
}
.job-listing-body .job-listing-body__filter .job-listing-body__search .filter-submit-input {
  border: none;
  border-radius: 5px;
  background-color: transparent;
  font-size: 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.job-listing-body .job-listing-body__filter .job-listing-body__search .filter-submit-input:hover, .job-listing-body .job-listing-body__filter .job-listing-body__search .filter-submit-input:active {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
}
.job-listing-body .job-listing-body__filter .job-listing-body__filter-fields {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
          align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 850px) {
  .job-listing-body .job-listing-body__filter .job-listing-body__filter-fields {
    margin-top: 30px;
  }
}
@media screen and (max-width: 450px) {
  .job-listing-body .job-listing-body__filter .job-listing-body__filter-fields {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
            align-items: flex-start;
    flex-wrap: nowrap;
  }
}
.job-listing-body .job-listing-body__filter .job-listing-body__filter-fields .selectize-control {
  margin-left: 10px;
  border: none;
  width: auto;
  text-align: right;
  color: #333232;
}
@media screen and (max-width: 850px) {
  .job-listing-body .job-listing-body__filter .job-listing-body__filter-fields .selectize-control {
    margin-left: 0;
    text-align: left;
    margin-right: 10px;
  }
}
.job-listing-body .job-listing-body__filter .job-listing-body__filter-fields .selectize-control .selectize-input {
  border: none;
  font-size: calc(14px + 0.3vw);
  color: #333232;
}
@media screen and (max-width: 850px) {
  .job-listing-body .job-listing-body__filter .job-listing-body__filter-fields .selectize-control .selectize-input {
    padding-left: 0;
  }
}
.job-listing-body .job-listing-body__filter .job-listing-body__filter-fields .selectize-control .selectize-input:after {
  background: url("../img/chevron-down-filter.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 14px !important;
  height: 10px !important;
  top: 15px !important;
  color: var(--custom-accent-color);
}
.job-listing-body .job-listing-body__job {
  display: block;
}
.job-listing-body .job-listing-body__job .job-listing-body__job-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 450px) {
  .job-listing-body .job-listing-body__job .job-listing-body__job-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: start;
            align-items: flex-start;
  }
}
.job-listing-body .job-listing-body__job .job-listing-body__job-content .job-listing-body__job-location,
.job-listing-body .job-listing-body__job .job-listing-body__job-content .job-listing-body__job-unsolicited {
  margin-bottom: 0;
  font-weight: 200;
  font-size: calc(12px + 0.1vw);
  color: #7D7575;
}
.job-listing-body .job-listing-body__job .job-listing-body__job-content .job-listing-body__job-title {
  margin: 20px 0 10px 0;
  font-weight: 700;
  font-size: calc(20px + .6vw);
  color: #333232;
}
@media screen and (max-width: 450px) {
  .job-listing-body .job-listing-body__job .job-listing-body__job-content .job-listing-body__job-button {
    margin-top: 10px;
  }
}
.job-listing-body .job-listing-body__job .job-listing-body__job-content .job-listing-body__job-button a {
  margin-bottom: 5px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 15px 35px;
  border-radius: 30px;
  min-width: 134px;
  background: var(--custom-accent-color);
  color: #ffffff;
  font-weight: 400;
  font-size: calc(8px + 0.4vw);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.job-listing-body .job-listing-body__job .job-listing-body__job-content .job-listing-body__job-button a:hover {
  background: var(--custom-accent-color-hover);
}
@media screen and (max-width: 450px) {
  .job-listing-body .job-listing-body__job .job-listing-body__job-content .job-listing-body__job-button a {
    margin-bottom: 0;
  }
}
.job-listing-body .job-listing-body__no-match {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
}
.job-listing-body .job-listing-body__no-match .no-jobs {
  font-size: calc(15px + 0.2vw);
  color: #333232;
  font-weight: 600;
}
.job-listing-body .job-listing-body__no-match .no-jobs-explain {
  font-size: calc(13px + 0.2vw);
  font-weight: 300;
  color: #707070;
}
.job-listing-body .job-animate {
  opacity: 0;
  --delay: calc(var(--job-index) * 300ms);
  -webkit-transform: translate3d(0, 1em, 0);
          transform: translate3d(0, 1em, 0);
  -webkit-animation: appear 0.8s var(--delay, 0ms) 1 forwards normal cubic-bezier(0.46, -0.71, 0.54, 1.95);
          animation: appear 0.8s var(--delay, 0ms) 1 forwards normal cubic-bezier(0.46, -0.71, 0.54, 1.95);
}
@-webkit-keyframes appear {
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}
@keyframes appear {
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

.job-listing-header__footer {
  height: 100%;
  grid-column: 1/span 3;
  grid-row: 3/span 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
          align-items: center;
}
.job-listing-header__footer .job-listing-header__chevron-down img {
  width: 30px;
  height: 30px;
}

.recruitment-template-container {
  margin-bottom: 40px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  max-width: 945px;
  margin-left: auto;
  margin-right: auto;
}
.recruitment-template-container .recruitment-template-buttons {
  margin-top: 22px;
}
.recruitment-template-container .btn-disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.7;
}

.status-groups-bar {
  display: -webkit-box;
  display: flex;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  -webkit-box-pack: justify;
          justify-content: space-between;
  position: relative;
  list-style: none;
  padding: 0;
}
.status-groups-bar:before {
  content: "";
  position: absolute;
  top: 40%;
  left: 50%;
  border-top: 1px solid #333333;
  background: #333333;
  width: 90%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.status-groups-bar li {
  z-index: 1;
}
.status-groups-bar li .flex-col {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  -webkit-transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.status-groups-bar li .flex-col .remove-status-group {
  opacity: 0;
  z-index: 1;
  border: none;
  display: inline-block;
  margin-left: 60px;
  width: 25px;
  height: 25px;
  background-image: url("../img/not_approved-circle.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-color: transparent;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  -webkit-transition: transform 0.3s, opacity 0.3s;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}
.status-groups-bar li .flex-col .remove-status-group:hover {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
.status-groups-bar li .flex-col .status-group-name {
  -webkit-transition: opacity 0.3s, transform 0.3s;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
.status-groups-bar li .flex-col .status-group-name .form-group {
  min-height: 0;
}
.status-groups-bar li .flex-col .status-group-name .form-group .form-control {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: transparent;
}
.status-groups-bar li .flex-col .status-group-name .form-group .form-control.has-error {
  background: #fff;
}
.status-groups-bar li .flex-col:hover .remove-status-group, .status-groups-bar li .flex-col:focus .remove-status-group, .status-groups-bar li .flex-col:focus-within .remove-status-group {
  opacity: 1;
}
.status-groups-bar li .flex-col:hover .status-group-name .form-control, .status-groups-bar li .flex-col:focus .status-group-name .form-control, .status-groups-bar li .flex-col:focus-within .status-group-name .form-control {
  background: #fff;
}
.status-groups-bar li .status-group {
  width: 50px;
  height: 50px;
  display: grid;
  place-content: center;
  border-radius: 100%;
  box-sizing: border-box;
  text-align: center;
  line-height: 20px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  -webkit-transition: color 0.3s, transform 0.3s;
  -webkit-transition: color 0.3s, -webkit-transform 0.3s;
  transition: color 0.3s, -webkit-transform 0.3s;
  transition: color 0.3s, transform 0.3s;
  transition: color 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
.status-groups-bar li .status-group:hover {
  text-decoration: none;
}
.status-groups-bar li .status-group.transparent {
  color: transparent;
}
@media screen and (max-width: 767px) {
  .status-groups-bar li .status-group {
    width: 26px;
    height: 26px;
    font-size: 12px;
    line-height: 30px;
    padding-top: 0;
  }
}
.status-groups-bar li .status-group-title {
  display: block;
  position: absolute;
  left: -45px;
  color: #333333;
  width: 140px;
  text-align: center;
  font-weight: 500;
  margin-top: 10px;
}
.status-groups-bar li .status-group-title:hover {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .status-groups-bar li .status-group-title {
    display: inline-block;
    position: static;
    margin-left: 5px;
    text-align: left;
  }
}
.status-groups-bar li.hide_button_input > .flex-col .remove-status-group {
  opacity: 0 !important;
}
.status-groups-bar li.hide_button_input > .flex-col .status-group-name .form-control {
  background: transparent !important;
  border: transparent !important;
}
.status-groups-bar li.removed .flex-col .remove-status-group, .status-groups-bar li.removed .flex-col .status-group-name {
  visibility: hidden;
}
.status-groups-bar li.active .status-group {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  box-shadow: 0px 0px 2px 1px #000000;
}
.status-groups-bar li.active .status-group-name {
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}
.status-groups-bar li.filtered-status .candidate-state-title {
  font-weight: bold;
}

.custom-status-list-container {
  box-sizing: border-box;
}
.custom-status-list-container ul {
  background-color: #ffffff;
  min-height: 60px;
  margin: 0;
  padding: 5px 0;
  list-style: none;
  border-radius: 6px;
}
.custom-status-list-container ul li {
  cursor: move;
  padding: 20px;
  margin: 20px;
  background-color: #f2f6fc;
  border: 10px solid transparent;
  border-radius: 6px;
  -webkit-transition: border-bottom-color 0.3s, border-top-color 0.3s, border-left-color 0.3s, border-right-color 0.3s;
  transition: border-bottom-color 0.3s, border-top-color 0.3s, border-left-color 0.3s, border-right-color 0.3s;
}
.custom-status-list-container ul li.ui-placeholder {
  background-color: #999999;
  border-radius: 6px;
}
.custom-status-list-container ul li.blue-border {
  border: 10px solid #3578ea;
  border-radius: 6px;
}
.custom-status-list-container ul li .customer-status-actions {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-top: 24px;
}
.custom-status-list-container ul li .update-custom-status {
  opacity: 0;
}
.custom-status-list-container ul li .btn {
  width: 40px;
  height: 40px;
  background-size: contain;
  background-color: transparent;
  border: none;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
.custom-status-list-container ul li .btn:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.custom-status-list-container ul li .remove-custom-status {
  background-image: url("../img/icon-remove-inactive.svg");
}
.custom-status-list-container ul li .remove-custom-status:hover {
  background-image: url("../img/icon-remove-active.svg");
}
.custom-status-list-container ul li .remove-status-email {
  background-image: url("../img/icon-remove-inactive.svg");
}
.custom-status-list-container ul li .remove-status-email:hover {
  background-image: url("../img/icon-remove-active.svg");
}
.custom-status-list-container ul li .move-custom-status {
  background-image: url("../img/icon-move-inactive.svg");
}
.custom-status-list-container ul li .move-custom-status:hover {
  background-image: url("../img/icon-move-active.svg");
}

#moveStatusModal .move-custom-status-message {
  margin-bottom: 30px;
  font-weight: 300;
  text-align: center;
}

.status-emails-section {
  margin: 15px;
}
.status-emails-section .status-email-item {
  margin: 15px;
}
.status-emails-section .status-email-item .picked-industry-item {
  font-weight: 400;
  margin-top: auto;
  margin-bottom: auto;
}
.status-emails-section .status-email-item .remove-status-email {
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
}

.snackbar_default {
  font-family: "Avenir", sans-serif;
  font-weight: 300;
  font-size: 16px;
}

.scale-up-ver-top {
  -webkit-animation: scale-up-ver-top 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 5s reverse forwards;
  animation: scale-up-ver-top 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 5s reverse forwards;
}

@-webkit-keyframes scale-up-ver-top {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
}
@keyframes scale-up-ver-top {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
}
.tagify {
  --tag-bg: #e5e5e5;
  --tag-hover: #d3e2e2;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
          align-items: flex-start;
  flex-wrap: wrap;
  border: 1px solid #ddd;
  padding: 0;
  cursor: text;
  position: relative;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
@-webkit-keyframes tags--bump {
  30% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@keyframes tags--bump {
  30% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
.tagify:hover {
  border-color: #ccc;
}
.tagify.tagify--focus {
  border-color: #85c8ea;
}
.tagify[readonly] {
  cursor: default;
}
.tagify[readonly] > .tagify__input {
  visibility: hidden;
  width: 0;
  margin: 5px 0;
}
.tagify[readonly] .tagify__tag__removeBtn {
  display: none;
}
.tagify[readonly] .tagify__tag > div {
  padding: 0.3em 0.5em;
  padding-top: 2px;
}
.tagify[readonly] .tagify__tag > div::before {
  background: linear-gradient(45deg, #d6d6d6 25%, transparent 25%, transparent 50%, #d6d6d6 50%, #d6d6d6 75%, transparent 75%, transparent) 0/5px 5px;
  box-shadow: none;
}
.tagify + input,
.tagify + textarea {
  border: 0;
  display: none !important;
}
.tagify__tag {
  display: inline-block;
  margin: 5px 0 5px 5px;
  position: relative;
  z-index: 1;
  cursor: default;
  -webkit-transition: 0.13s ease-out;
  transition: 0.13s ease-out;
}
.tagify__tag.tagify--editable > div::before {
  box-shadow: 0 0 0 2px #d3e2e2 inset !important;
  box-shadow: 0 0 0 2px var(--tag-hover) inset !important;
}
.tagify__tag.tagify--editable.tagify--invalid > div::before {
  box-shadow: 0 0 0 2px #d39494 inset !important;
}
.tagify__tag > div {
  vertical-align: top;
  position: relative;
  box-sizing: border-box;
  max-width: 100%;
  padding: 0.3em 0.5em;
  color: black;
  border-radius: 3px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: 0.13s ease-out;
  transition: 0.13s ease-out;
  padding-right: 1.5em;
}
.tagify__tag > div > * {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  min-width: 10px;
}
.tagify__tag > div > *[contenteditable] {
  outline: none;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
  cursor: text;
}
.tagify__tag > div::before {
  content: "";
  position: absolute;
  border-radius: inherit;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0 0 0 16px #e5e5e5 inset;
  box-shadow: 0 0 0 16px var(--tag-bg) inset;
  z-index: -1;
  pointer-events: none;
  -webkit-transition: 120ms ease;
  transition: 120ms ease;
  -webkit-animation: tags--bump 0.3s ease-out 1;
          animation: tags--bump 0.3s ease-out 1;
}
.tagify__tag:hover:not([readonly]) div::before {
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  box-shadow: 0 0 0 16px #d3e2e2 inset;
  box-shadow: 0 0 0 16px var(--tag-hover) inset;
}
.tagify__tag.tagify--noAnim {
  -webkit-animation: none;
          animation: none;
}
.tagify__tag.tagify--hide {
  width: 0 !important;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  pointer-events: none;
}
.tagify__tag.tagify--mark div::before {
  -webkit-animation: none;
          animation: none;
}
.tagify__tag.tagify--notAllowed div > span {
  opacity: 0.5;
}
.tagify__tag.tagify--notAllowed div::before {
  box-shadow: 0 0 0 20px rgba(211, 148, 148, 0.44) inset !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.tagify__tag[readonly] .tagify__tag__removeBtn {
  display: none;
}
.tagify__tag[readonly] > div {
  padding: 0.3em 0.5em;
}
.tagify__tag[readonly] > div::before {
  background: linear-gradient(45deg, #d6d6d6 25%, transparent 25%, transparent 50%, #d6d6d6 50%, #d6d6d6 75%, transparent 75%, transparent) 0/5px 5px;
  box-shadow: none;
}
.tagify__tag__removeBtn {
  font: 14px/16px Serif;
  width: 14px;
  height: 14px;
  text-align: center;
  border-radius: 50px;
  position: absolute;
  z-index: 1;
  right: calc(0.5em - 2px);
  top: 50%;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  margin-top: -1px;
}
.tagify__tag__removeBtn::after {
  content: "\D7";
  position: relative;
  top: -1px;
}
.tagify__tag__removeBtn:hover {
  color: white;
  background: #c77777;
}
.tagify__tag__removeBtn:hover + div > span {
  opacity: 0.5;
}
.tagify__tag__removeBtn:hover + div::before {
  box-shadow: 0 0 0 20px rgba(211, 148, 148, 0.3) inset !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.tagify__input {
  display: block;
  min-width: 110px;
  margin: 5px;
  padding: 0.3em 0.5em;
  position: relative;
  /*
      in "mix mode" the tags are inside the "input" element
  */
}
.tagify__input:empty::before {
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  opacity: 0.5;
  -webkit-transform: none;
          transform: none;
}
.tagify__input:focus {
  outline: none;
}
.tagify__input:focus::before {
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  opacity: 0;
  -webkit-transform: translatex(6px);
          transform: translatex(6px);
}
@supports (-moz-appearance: none) {
  .tagify__input:focus::before {
    display: none;
  }
}
.tagify__input:focus:empty::before {
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  opacity: 0.3;
  -webkit-transform: none;
          transform: none;
}
@supports (-moz-appearance: none) {
  .tagify__input:focus:empty::before {
    display: inline-block;
  }
}
.tagify__input::before {
  content: attr(data-placeholder);
  line-height: 1.8;
  position: absolute;
  top: 0;
  z-index: 1;
  color: black;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
}
@supports (-moz-appearance: none) {
  .tagify__input::before {
    line-height: inherit;
    position: relative;
  }
}
.tagify__input::after {
  content: attr(data-suggest);
  color: black;
  opacity: 0.3;
  pointer-events: none;
}
.tagify__input .tagify__tag {
  line-height: 1.1;
}
.tagify__input .tagify__tag > div {
  padding-top: 2px;
  padding-bottom: 0;
}
.tagify__input .tagify__tag > div::before {
  top: -3px;
  bottom: -3px;
}
.tagify__input .tagify__tag:hover:not([readonly]) > div::before {
  top: -3px;
  bottom: -3px;
  left: 0;
  right: 0;
}
.tagify--mix .tagify__input {
  padding: 5px;
  margin: 0;
  width: 100%;
  height: 100%;
  line-height: 1.7;
}
.tagify__dropdown {
  position: absolute;
  z-index: 99999;
  background: white;
  max-height: 300px;
  overflow: auto;
  border: 1px solid #85c8ea;
  box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}
.tagify__dropdown__item {
  box-sizing: inherit;
  padding: 0.35em 0.6em;
  margin: 2px;
  cursor: pointer;
  border-radius: 3px;
  position: relative;
  outline: none;
}
.tagify__dropdown__item--active {
  background: #e5e5e5;
}
.tagify__dropdown__item:active {
  background: #f2f2f2;
}

.career-page-menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background-color: var(--custom-accent-color);
  width: 100%;
  height: 100%;
  color: #ffffff;
  grid-template-columns: minmax(100px, 8vw) 1fr minmax(100px, 8vw);
  grid-template-rows: minmax(100px, 8vw) 1fr 1fr;
}
@media screen and (max-width: 768px) {
  .career-page-menu {
    grid-template-columns: minmax(60px, 8vw) 1fr minmax(60px, 8vw);
    grid-template-rows: minmax(60px, 8vw) 1fr 1fr;
  }
}
.career-page-menu > .top {
  grid-column: 3/span 1;
  grid-row: 1/span 1;
  padding-top: 15px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .career-page-menu > .top {
    -webkit-box-align: end;
            align-items: flex-end;
  }
}
.career-page-menu > .top .close-wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
          align-items: center;
  cursor: pointer;
}
.career-page-menu > .top .close-wrapper span {
  font-size: calc(12px + 0.3vw);
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .career-page-menu > .top .close-wrapper span {
    display: none;
  }
}
.career-page-menu > .top .close-wrapper svg {
  width: 2rem;
  height: 2rem;
  fill: #ffffff;
}
.career-page-menu .career-nav {
  grid-column: 2/span 1;
  grid-row: 2/span 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .career-page-menu .career-nav {
    -webkit-box-align: center;
            align-items: center;
  }
}
.career-page-menu .career-nav ul {
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .career-page-menu .career-nav ul {
    -webkit-box-align: center;
            align-items: center;
  }
}
.career-page-menu .career-nav ul li {
  margin-top: calc(30px + 1vw + 1vh);
}
.career-page-menu .career-nav ul li a {
  font-size: calc(30px + 1vw);
  font-weight: 700;
}
.career-page-menu .company-nav {
  grid-column: 2/span 1;
  grid-row: 3/span 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .career-page-menu .company-nav {
    -webkit-box-align: center;
            align-items: center;
  }
}
.career-page-menu .company-nav .company-menu-hr {
  height: 2px;
  width: 30%;
  border-top: 3px solid #ffffff;
  margin-left: 0;
  margin-right: auto;
  margin-bottom: calc(25px + 1vw);
}
@media screen and (max-width: 768px) {
  .career-page-menu .company-nav .company-menu-hr {
    margin-left: auto;
    margin-right: auto;
    width: 60%;
  }
}
@media screen and (max-width: 500px) {
  .career-page-menu .company-nav .company-menu-hr {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
}
.career-page-menu .company-nav .homepage {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
@media screen and (max-width: 768px) {
  .career-page-menu .company-nav .homepage {
    -webkit-box-align: center;
            align-items: center;
  }
}
.career-page-menu .company-nav .homepage span {
  font-size: calc(20px + 1vw);
  font-weight: 500;
}
.career-page-menu .company-nav .homepage a {
  font-size: calc(15px + 0.5vw);
  font-weight: 200;
}
.career-page-menu .company-nav .social-icons {
  margin-top: 50px;
  display: -webkit-box;
  display: flex;
}
.career-page-menu .company-nav .social-icons .icon-linkedin,
.career-page-menu .company-nav .social-icons .icon-facebook,
.career-page-menu .company-nav .social-icons .icon-twitter,
.career-page-menu .company-nav .social-icons .icon-instagram {
  border-color: white !important;
}
.career-page-menu .company-nav .social-icons .icon-linkedin .svg path,
.career-page-menu .company-nav .social-icons .icon-facebook .svg path,
.career-page-menu .company-nav .social-icons .icon-twitter .svg path,
.career-page-menu .company-nav .social-icons .icon-instagram .svg path {
  fill: white !important;
}
.career-page-menu a {
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.career-page-menu a:hover {
  opacity: 0.7;
}

.career-page-wrapper {
  background-color: #ffffff;
  height: 100%;
  padding-bottom: 70px;
  --font-color-for-colored-bg: #333232;
}

.career-page__no-hero-sections {
  margin: 0 calc(30px + 4vw);
}
@media screen and (max-width: 768px) {
  .career-page__no-hero-sections {
    margin: 0 calc(10px + 2vw);
  }
}
@media screen and (max-width: 480px) {
  .career-page__no-hero-sections {
    margin: 0;
  }
}

.career-page__no-hero-sections > div {
  margin: calc(30px + 3vw) 0;
}

.career-page__section-header {
  font-family: "Tinos", "Avenir", serif;
  text-align: center;
  font-style: italic;
  font-size: calc(17px + 0.4vw) !important;
  margin-bottom: calc(20px + 1vw);
}

.career-page__mission {
  text-align: center;
  padding: 0 10vw;
}
@media screen and (max-width: 768px) {
  .career-page__mission {
    text-align: left;
    padding: 0 2vw;
  }
}
@media screen and (max-width: 480px) {
  .career-page__mission {
    padding: 0 5vw;
  }
}
.career-page__mission .career-page__mission-text {
  font-size: calc(16px + 0.35vw);
}
@media screen and (max-width: 650px) {
  .career-page__mission .career-page__mission-text {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
}
.career-page__mission .career-page__mission-text .career-page__mission-cta {
  color: var(--custom-accent-color);
  font-weight: 700;
  font-style: italic;
}
@media screen and (max-width: 650px) {
  .career-page__mission .career-page__mission-text .career-page__mission-cta {
    text-align: center;
  }
}
.career-page__mission .career-page__mission-text .career-page__mission-bodytext {
  display: inline;
}
@media screen and (max-width: 650px) {
  .career-page__mission .career-page__mission-text .career-page__mission-bodytext {
    display: block;
  }
}

.career-page__values {
  padding: calc(20px + 2vw) 8vw;
  background-color: var(--custom-background-color);
  color: var(--font-color-for-colored-bg);
}
@media screen and (max-width: 768px) {
  .career-page__values {
    padding: calc(20px + 2vw) 1rem;
  }
}
.career-page__values .career-page__values-wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: space-evenly;
          justify-content: space-evenly;
  gap: 2rem;
  -webkit-box-align: start;
          align-items: flex-start;
  flex-wrap: wrap;
}
.career-page__values .career-page__values-wrapper .career-page__value-item {
  margin: 0;
  max-width: 250px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: start;
          justify-content: flex-start;
  text-align: center;
}
.career-page__values .career-page__values-wrapper .career-page__value-item .career-page__value-heading {
  font-size: calc(20px + .4vw);
  margin: 15px 0;
  font-weight: 600;
  text-transform: capitalize;
}
.career-page__values .career-page__values-wrapper .career-page__value-item .career-page__value-description {
  font-size: calc(14px + .3vw);
}
.career-page__values .career-page__values-wrapper .career-page__value-item.alone {
  max-width: 350px;
}
@media screen and (max-width: 480px) {
  .career-page__values .career-page__values-wrapper .career-page__value-item.alone {
    max-width: 250px;
  }
}
.career-page__values .career-page__values-wrapper .career-page__value-item.alone .career-page__value-heading {
  text-align: center;
}
.career-page__values .career-page__values-wrapper .career-page__value-item.alone .career-page__value-description {
  text-align: center;
}
.career-page__values .value-animate {
  opacity: 0;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 32);
          transform: matrix(1, 0, 0, 1, 0, 32);
}

.career-page__benefits {
  padding: calc(20px + 2vw) 8vw;
  background-color: var(--custom-background-color);
  color: var(--font-color-for-colored-bg);
}
@media screen and (max-width: 280px) {
  .career-page__benefits {
    padding: calc(20px + 2vw) 4vw;
  }
}
.career-page__benefits .career-page__benefits-header {
  margin-bottom: 4vw;
}
.career-page__benefits .career-page__benefits-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(280px + 2vw), 1fr));
  gap: 1px;
  background-color: var(--font-color-for-colored-bg);
  margin: -1px;
}
@media screen and (max-width: 860px) {
  .career-page__benefits .career-page__benefits-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }
}
.career-page__benefits .career-page__benefits-wrapper .career-page__benefit-item {
  padding: 0 calc(20px + 1vw);
  background-color: var(--custom-background-color);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
}
.career-page__benefits .career-page__benefits-wrapper .career-page__benefit-item-wrapper {
  width: 100%;
  height: 100%;
  margin: 2rem;
  max-width: 280px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: start;
          justify-content: flex-start;
}
.career-page__benefits .career-page__benefits-wrapper .career-page__benefit-item-wrapper .career-page__benefit-icon svg {
  width: calc(20px + 1vw);
  height: calc(20px + 1vw);
}
.career-page__benefits .career-page__benefits-wrapper .career-page__benefit-item-wrapper .career-page__benefit-icon.light-color svg {
  fill: #ffffff;
}
.career-page__benefits .career-page__benefits-wrapper .career-page__benefit-item-wrapper .career-page__benefit-icon.light-color svg g, .career-page__benefits .career-page__benefits-wrapper .career-page__benefit-item-wrapper .career-page__benefit-icon.light-color svg path {
  fill: #ffffff;
}
.career-page__benefits .career-page__benefits-wrapper .career-page__benefit-item-wrapper .career-page__benefit-heading {
  font-size: calc(17px + .4vw);
  margin: 15px 0;
  font-weight: 600;
  text-transform: capitalize;
  text-align: center;
}
.career-page__benefits .career-page__benefits-wrapper .career-page__benefit-item-wrapper .career-page__benefit-description {
  font-size: calc(14px + .3vw);
}
.career-page__benefits .career-page__benefits-wrapper.alone-wrapper {
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
@media screen and (max-width: 480px) {
  .career-page__benefits .career-page__benefits-wrapper.alone-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
}
.career-page__benefits .career-page__benefits-wrapper.alone-wrapper .career-page__benefit-item {
  margin-right: auto;
  margin-left: auto;
  padding: 0;
}
.career-page__benefits .career-page__benefits-wrapper.alone-wrapper .career-page__benefit-item .career-page__benefit-item-wrapper {
  max-width: 350px;
  margin: 0;
}
@media screen and (max-width: 480px) {
  .career-page__benefits .career-page__benefits-wrapper.alone-wrapper .career-page__benefit-item .career-page__benefit-item-wrapper {
    max-width: 250px;
  }
}
.career-page__benefits .career-page__benefits-wrapper.alone-wrapper .career-page__benefit-item .career-page__benefit-item-wrapper .career-page__benefit-heading {
  text-align: center;
}
.career-page__benefits .career-page__benefits-wrapper.alone-wrapper .career-page__benefit-item .career-page__benefit-item-wrapper .career-page__benefit-description {
  text-align: center;
}
.career-page__benefits .benefit-animate {
  opacity: 0;
  -webkit-transform: matrix(-0.1, 0, 0, 1, 0, 0);
          transform: matrix(-0.1, 0, 0, 1, 0, 0);
}

.career-page__culture {
  padding: calc(20px + 2vw);
  background-color: var(--custom-background-color);
  color: var(--font-color-for-colored-bg);
}
@media screen and (max-width: 480px) {
  .career-page__culture {
    padding: calc(20px + 2vw) 0;
  }
}
.career-page__culture .culture-animate {
  opacity: 0;
  -webkit-transform: matrix(1, 0, 0, 1, -32, 0);
          transform: matrix(1, 0, 0, 1, -32, 0);
}

.career-page__culture-wrapper {
  display: grid;
  grid-template-columns: 1fr 0.6fr;
  grid-template-rows: 1fr;
  grid-column-gap: 2rem;
}
@media screen and (max-width: 1000px) {
  .career-page__culture-wrapper {
    grid-template-columns: 1fr;
    grid-template-rows: -webkit-max-content 1fr;
    grid-template-rows: max-content 1fr;
  }
}
.career-page__culture-wrapper .career-page__culture-description {
  grid-column: 1/span 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
          align-items: center;
  padding-right: calc(3rem + 3vw);
}
@media screen and (max-width: 1000px) {
  .career-page__culture-wrapper .career-page__culture-description {
    grid-row: 1/span 1;
    -webkit-box-pack: center;
            justify-content: center;
    padding: 2rem;
  }
}
.career-page__culture-wrapper .career-page__culture-description .career-page__culture-text {
  width: 100%;
  font-size: calc(14px + .3vw);
}
.career-page__culture-wrapper .career-page__culture-gallery {
  grid-column: 2/span 1;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 1000px) {
  .career-page__culture-wrapper .career-page__culture-gallery {
    grid-column: 1/span 1;
    grid-row: 2/span 1;
    margin-right: auto;
    margin-left: auto;
  }
}
.career-page__culture-wrapper #culture-gallery-carousel .carousel-inner {
  width: 100%;
}
.career-page__culture-wrapper #culture-gallery-carousel .carousel-inner img {
  max-width: 100%;
  height: auto;
  margin-left: auto;
}
.career-page__culture-wrapper #culture-gallery-carousel .indicator {
  background-color: transparent;
  border: 1px solid var(--custom-accent-color);
}
.career-page__culture-wrapper #culture-gallery-carousel .indicator.active {
  background-color: var(--custom-accent-color);
  border: 1px solid var(--custom-accent-color);
}

.career-page__testimonials {
  padding: calc(20px + 2vw) 0;
}
.career-page__testimonials .career-page__testimonials-wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  flex-wrap: wrap;
}

.career-page__testimonial-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  background-color: #e7ecf0;
  margin: 2rem;
  padding: 3rem 5rem;
  padding-bottom: 7rem;
  max-width: 40vw;
  min-height: 420px;
  min-width: 280px;
  width: 350px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .career-page__testimonial-item {
    margin: 0.5rem;
  }
}
.career-page__testimonial-item:hover {
  background-color: #f6fafd;
}
.career-page__testimonial-item:hover .career-page__testimonial-details {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  pointer-events: all;
  z-index: 3;
}
.career-page__testimonial-item:hover .career-page__testimonial-linkedin-link {
  cursor: pointer;
}
.career-page__testimonial-item:hover .career-page__testimonial-quote {
  opacity: 0;
  -webkit-transform: translateY(20%);
          transform: translateY(20%);
}
.career-page__testimonial-item .career-page__testimonial-name {
  font-weight: 600;
  font-size: calc(12px + .3vw);
  margin: 2rem 0;
}
.career-page__testimonial-item .career-page__testimonial-photo {
  -o-object-fit: cover;
     object-fit: cover;
  width: 180px;
  height: 180px;
  border-radius: 50%;
}
.career-page__testimonial-item .career-page__testimonial-details {
  height: auto;
  position: absolute;
  width: 100%;
  opacity: 0;
  -webkit-transform: translateY(-20%);
          transform: translateY(-20%);
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  pointer-events: none;
  bottom: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 38px;
  text-align: center;
}
.career-page__testimonial-item .career-page__testimonial-details .career-page__testimonial-position {
  font-size: calc(11px + .2vw);
  font-weight: 300;
  color: #707070;
  margin-bottom: var(--position-margin-bottom);
  margin-top: -5px;
}
.career-page__testimonial-item .career-page__testimonial-details .career-page__testimonial-since {
  color: rgba(112, 112, 112, 0.48);
  font-size: calc(11px + .2vw);
}
.career-page__testimonial-item .career-page__testimonial-details .career-page__testimonial-linkedin {
  margin-top: 5px;
  padding-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.career-page__testimonial-item .career-page__testimonial-quote {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.career-page__testimonial-item .career-page__testimonial-quote .career-page__testimonial-quote-text {
  font-weight: 400;
  font-size: calc(13px + .3vw);
  color: #707070;
}
.career-page__testimonial-item .career-page__linkedin-icon {
  width: 18px;
  height: 18px;
  fill: #999999;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.career-page__testimonial-item .career-page__linkedin-icon:hover {
  fill: #707070;
}

.testimonial-animate {
  opacity: 0;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 32);
          transform: matrix(1, 0, 0, 1, 0, 32);
}

.career-page__open-positions .career-page__all_jobs-link {
  font-family: "Tinos", "Avenir", serif;
  text-align: center;
  font-style: italic;
  font-size: calc(15px + 0.3vw) !important;
  margin-bottom: calc(20px + 1vw);
}
.career-page__open-positions .career-page__all_jobs-link a {
  text-decoration: none;
  color: var(--custom-accent-color);
  display: inline-block;
  position: relative;
}
.career-page__open-positions .career-page__all_jobs-link a:after {
  position: absolute;
  content: "";
  height: 2px;
  bottom: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 95%;
  background-color: var(--custom-accent-color);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.career-page__open-positions .career-page__all_jobs-link a:hover:after {
  width: 100%;
}
.career-page__open-positions .career-page__open-positions-wrapper {
  margin: 0 30px;
}
.career-page__open-positions .job-listing-body__job {
  display: block;
}
.career-page__open-positions .job-listing-body__job .job-listing-body__job-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 450px) {
  .career-page__open-positions .job-listing-body__job .job-listing-body__job-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: start;
            align-items: flex-start;
  }
}
.career-page__open-positions .job-listing-body__job .job-listing-body__job-content .job-listing-body__job-location,
.career-page__open-positions .job-listing-body__job .job-listing-body__job-content .job-listing-body__job-unsolicited {
  margin-bottom: 0;
  font-weight: 200;
  font-size: calc(12px + 0.1vw);
  color: #7D7575;
}
.career-page__open-positions .job-listing-body__job .job-listing-body__job-content .job-listing-body__job-title {
  margin: 20px 0 10px 0;
  font-weight: 700;
  font-size: calc(20px + .6vw);
  color: #333232;
}
@media screen and (max-width: 450px) {
  .career-page__open-positions .job-listing-body__job .job-listing-body__job-content .job-listing-body__job-button {
    margin-top: 10px;
  }
}
.career-page__open-positions .job-listing-body__job .job-listing-body__job-content .job-listing-body__job-button a {
  margin-bottom: 5px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 15px 35px;
  border-radius: 30px;
  min-width: 134px;
  background: var(--custom-accent-color);
  color: #ffffff;
  font-weight: 400;
  font-size: calc(8px + 0.4vw);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.career-page__open-positions .job-listing-body__job .job-listing-body__job-content .job-listing-body__job-button a:hover {
  background: var(--custom-accent-color-hover);
}
@media screen and (max-width: 450px) {
  .career-page__open-positions .job-listing-body__job .job-listing-body__job-content .job-listing-body__job-button a {
    margin-bottom: 0;
  }
}
.career-page__open-positions .career-page__no-open-positions-wrapper .career-page__no-open-positions-text {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  margin: calc(30px + 2vw) 0;
  font-weight: 400;
  font-size: calc(14px + 0.2vw);
  color: #333232;
}
.career-page__open-positions .job-animate {
  opacity: 0;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 32);
          transform: matrix(1, 0, 0, 1, 0, 32);
}

.career-page__all_jobs-button {
  margin: calc(20px + 2vw) 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.career-page__all_jobs-button a {
  margin-bottom: 5px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 15px 35px;
  border-radius: 30px;
  background: var(--custom-accent-color);
  color: #ffffff;
  font-weight: 400;
  font-size: calc(8px + 0.4vw);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.career-page__all_jobs-button a:hover {
  background: var(--custom-accent-color-hover);
}

.career-page__social-icons {
  padding: 150px 0 50px 0;
}
.career-page__social-icons .career-page__social-icons-wrapper {
  display: -webkit-box;
  display: flex;
  gap: 50px;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.career-page__social-icons .career-page__social-icons-wrapper .career-page__SoMe-cta {
  font-weight: 200;
  opacity: 0.7;
  font-size: 18px;
  font-family: "Tinos", "Avenir", serif;
}
.career-page__social-icons .career-page__social-icons-wrapper .social-icons {
  display: -webkit-box;
  display: flex;
  gap: 10px;
  margin-top: 15px;
}
.career-page__social-icons .career-page__social-icons-wrapper .social-icons a {
  opacity: 0.6;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.career-page__social-icons .career-page__social-icons-wrapper .social-icons a:hover {
  opacity: 1;
}
.career-page__social-icons .career-page__social-icons-wrapper .social-icons .icon-linkedin,
.career-page__social-icons .career-page__social-icons-wrapper .social-icons .icon-facebook,
.career-page__social-icons .career-page__social-icons-wrapper .social-icons .icon-twitter,
.career-page__social-icons .career-page__social-icons-wrapper .social-icons .icon-instagram {
  border-color: #333333 !important;
  width: 30px;
  height: 30px;
  padding: 4px 7px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.career-page__social-icons .career-page__social-icons-wrapper .social-icons .icon-linkedin .svg path,
.career-page__social-icons .career-page__social-icons-wrapper .social-icons .icon-facebook .svg path,
.career-page__social-icons .career-page__social-icons-wrapper .social-icons .icon-twitter .svg path,
.career-page__social-icons .career-page__social-icons-wrapper .social-icons .icon-instagram .svg path {
  fill: #333333 !important;
}

.inview {
  --delay: calc(var(--item-index) * 150ms);
  -webkit-animation-name: appear;
          animation-name: appear;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: var(--delay);
          animation-delay: var(--delay);
}

@keyframes appear {
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.page-content {
  box-sizing: border-box;
  width: 100vw;
  height: auto;
}

.job-listing-header-classic {
  width: 100vw;
  height: 33.333vw;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
          justify-content: center;
  margin-bottom: 64px;
  position: relative;
}
.job-listing-header-classic__img {
  height: 100%;
  width: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.job-listing-header-classic__gradient {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(71%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.53)));
  background-image: linear-gradient(rgba(0, 0, 0, 0) 71%, rgba(0, 0, 0, 0.53));
}
.job-listing-header-classic__company-header {
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}
@media (max-width: 768px) {
  .job-listing-header-classic {
    -webkit-box-align: center !important;
            align-items: center !important;
  }
}
.job-listing-header-classic__content {
  height: calc(164px - 40px);
  max-width: calc(1440px - 80px);
  width: calc(100% - 32px);
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 0;
  z-index: 1;
}
@media (max-width: 768px) {
  .job-listing-header-classic__content {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
            flex-direction: column !important;
    -webkit-box-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
            justify-content: center !important;
  }
  .job-listing-header-classic__content .visitor-company-logo {
    min-height: 128px !important;
    width: 128px !important;
    margin-top: calc(33vw + 64px) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .job-listing-header-classic__content .job-listing-header__company-header {
    font-size: 2.4rem !important;
    text-align: left !important;
    margin-bottom: 10px !important;
  }
  .job-listing-header-classic__content .job-listing-header__social-icons {
    margin-left: 0 !important;
  }
}
.job-listing-header-classic__content .visitor-company-logo {
  height: 164px;
  width: 164px;
  -o-object-fit: contain;
     object-fit: contain;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  margin: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  background: #ffffff;
  margin-right: 48px;
}
.job-listing-header-classic__content .icon-linkedin,
.job-listing-header-classic__content .icon-facebook,
.job-listing-header-classic__content .icon-twitter,
.job-listing-header-classic__content .icon-instagram {
  border-color: white !important;
}
@media (max-width: 768px) {
  .job-listing-header-classic__content .icon-linkedin,
.job-listing-header-classic__content .icon-facebook,
.job-listing-header-classic__content .icon-twitter,
.job-listing-header-classic__content .icon-instagram {
    border-color: #333333 !important;
  }
}
.job-listing-header-classic__content .icon-linkedin .svg path,
.job-listing-header-classic__content .icon-facebook .svg path,
.job-listing-header-classic__content .icon-twitter .svg path,
.job-listing-header-classic__content .icon-instagram .svg path {
  fill: white !important;
}
@media (max-width: 768px) {
  .job-listing-header-classic__content .icon-linkedin .svg path,
.job-listing-header-classic__content .icon-facebook .svg path,
.job-listing-header-classic__content .icon-twitter .svg path,
.job-listing-header-classic__content .icon-instagram .svg path {
    fill: #333333 !important;
  }
}
.job-listing-header-classic__content .icon-facebook {
  margin-right: 0;
}
.job-listing-header-classic__meta-content {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .job-listing-header-classic__meta-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    margin-top: 30px;
  }
}
.job-listing-header-classic__company-header {
  font-size: 3.75rem;
  font-weight: 700;
  color: #ffffff;
}
@media (max-width: 768px) {
  .job-listing-header-classic__company-header {
    font-size: 2.125rem !important;
    margin-top: 10px !important;
    margin-bottom: 4px !important;
    color: #333333 !important;
    text-shadow: none;
  }
}
.job-listing-header-classic__social-icons {
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-left: auto;
}
.job-listing-header-classic__social-icons a span {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  top: 0;
  padding: 0;
  border-radius: 50%;
}
@media (max-width: 700px) {
  .job-listing-header-classic__content {
    height: 100%;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: end;
            justify-content: flex-end;
  }
  .job-listing-header-classic__content .visitor-company-logo {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    margin-right: 0;
  }
  .job-listing-header-classic__company-header {
    margin: 24px 0;
  }
  .job-listing-header-classic__social-icons {
    height: auto;
    margin-left: 10px;
  }
}
@media (max-width: 599px) {
  .job-listing-header-classic__company-header {
    text-align: center;
    font-size: 3rem;
  }
}

.available-jobs {
  max-width: calc(1440px - 80px);
  width: calc(100% - 32px);
  height: 84px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  margin: 0 auto;
  border-radius: 4px;
  box-shadow: 0px 0px 16px rgba(1, 1, 2, 0.12);
  padding: 2rem;
  background: #ffffff;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.available-jobs__title {
  color: #333333;
}
.available-jobs a {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.available-jobs a:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
@media (max-width: 768px) {
  .available-jobs {
    margin-top: 190px;
  }
}
@media (max-width: 599px) {
  .available-jobs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    height: auto;
  }
  .available-jobs__title {
    margin-top: 0;
  }
}

.job-opening {
  max-width: calc(1440px - 80px);
  width: calc(100% - 32px);
  height: 150px;
  display: -webkit-box;
  display: flex;
  margin: 24px auto;
}
.job-opening:hover, .job-opening:focus {
  text-decoration: none;
}
.job-opening__body {
  height: auto;
  background: #ffffff;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  border-radius: 8px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  padding: 2rem;
  -webkit-transition: all 500ms;
  transition: all 500ms;
}
.job-opening__body .visitor-company-logo {
  width: 100px;
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0;
}
.job-opening__job-title {
  display: -webkit-box;
  display: flex;
  font-size: 2.125rem;
  font-weight: 500;
}
.job-opening__text {
  padding: 0 16px 0 40px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
}
.job-opening__company-location {
  color: #707070;
}
.job-opening__deadline-address {
  width: 200px;
  text-align: right;
  color: #707070;
  margin-left: auto;
  margin-right: 20px;
}
.job-opening__deadline {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
          justify-content: flex-end;
  color: #cecece;
}
.job-opening__deadline-title {
  padding-right: 4px;
}
.job-opening__image {
  width: 100px;
  min-width: 100px;
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 20px;
}
.job-opening__image--cover {
  margin-left: -5px;
  height: 120px;
  width: 120px;
  margin-right: -5px;
  border-radius: 5px;
}
@media (max-width: 900px) {
  .job-opening {
    height: auto;
  }
  .job-opening__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .job-opening__job-title {
    -webkit-box-pack: center;
            justify-content: center;
    text-align: center;
    padding: 16px 0;
  }
  .job-opening__image {
    height: auto;
    max-height: 200px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .job-opening__image .visitor-company-logo {
    width: 100%;
    max-width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .job-opening__deadline-address {
    width: 100%;
    margin: 0;
    text-align: center;
    padding: 0 24px 24px 24px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .job-opening__deadline {
    -webkit-box-pack: center;
            justify-content: center;
  }
}
@media (max-width: 599px) {
  .job-opening__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .job-opening__text {
    padding: 0;
  }
  .job-opening__image {
    height: 120px;
    max-height: 200px;
    width: 120px;
    -o-object-fit: cover;
       object-fit: cover;
    margin-left: 0;
  }
  .job-opening__image .visitor-company-logo {
    width: 100%;
    max-width: 100%;
    height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

@media (max-width: 599px) {
  .jobs-table > tbody > tr > td .job-company {
    display: block;
    margin-top: 3px;
  }
}

:root {
  --animate-duration: 1.25s;
}

.statistics-section {
  margin-bottom: 60px;
}
.statistics-section .statistics-number {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0.2fr 1fr;
}
@media (max-width: 800px) {
  .statistics-section .statistics-number {
    width: 100%;
  }
}
.statistics-section .statistics-number__heading {
  color: #707070;
  grid-column: 1/span 1;
  grid-row: 1/span 1;
}
.statistics-section .statistics-number__number-wrapper {
  grid-column: 1/span 1;
  grid-row: 2/-1;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}
.statistics-section .statistics-number__number-wrapper .statistics-number__number {
  font-weight: 600;
  font-size: 50px;
  margin-bottom: 2rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: baseline;
          align-items: baseline;
  gap: 0.25rem;
}
.statistics-section .statistics-number__number-wrapper .statistics-number__number__unit {
  font-weight: 500;
  font-size: 1.25rem;
  margin-left: 0.25rem;
}

.statistics-component {
  padding: 1rem 2rem;
  border-radius: 12px;
  background-color: #ffffff;
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.2);
  position: relative;
}
.statistics-component h3 {
  color: #707070;
  font-weight: 500;
  margin: 10px 0;
}
.statistics-component .info {
  width: 25px;
  height: 25px;
  position: absolute;
  right: 0;
  top: 0;
  margin: 1rem;
}
.statistics-component .tooltip {
  min-width: 250px !important;
}

/* utilities
---------------- */
.data-insight ul,
.data-insight li {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* filter styles
---------------- */
.statistics-filter .statistics-filter__period span.glyphicon {
  top: 8px;
}
.statistics-filter .statistics-filter__period .statistics-filter__top {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
}
.statistics-filter .statistics-filter__period .statistics-filter__top .statistics-filter__company {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: end;
          justify-content: flex-end;
  padding-right: 0;
}
.statistics-filter .statistics-filter__period .statistics-filter__top .statistics-filter__company h4 {
  margin: 0 20px 0 0;
}
.statistics-filter .statistics-filter__period .statistics-filter__top .statistics-filter__company .select_wrapper {
  min-width: 300px;
}
.statistics-filter .statistics-filter__period .statistics-filter__top .statistics-filter__period > * {
  margin-right: 20px;
  padding: 0;
}
.statistics-filter .statistics-job .selectize-input.items.has-options.full.has-items {
  overflow: hidden;
}
.statistics-filter .statistics-job .selectize-input.items.has-options.full.has-items .item {
  max-height: 21px;
  overflow: hidden;
}
.statistics-filter .include-deleted-data {
  height: 44px;
}
.statistics-filter .include-deleted-data .checkbox {
  margin-top: 9px;
  margin-bottom: 14px;
}

/* origin tracking styles
------------------------ */
.statistics-origin {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(3, -webkit-min-content);
  grid-template-rows: repeat(3, min-content);
  gap: 2rem;
  /* origin tracking layout
  ----------------------- */
  /* origin tracking utilities
  -------------------------- */
  /* origin tracking inner sections
  ------------------------------- */
}
@media (max-width: 1380px) {
  .statistics-origin {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: -webkit-min-content -webkit-min-content;
    grid-template-rows: min-content min-content;
  }
}
@media (max-width: 800px) {
  .statistics-origin {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
}
.statistics-origin__heading {
  grid-column: 1/span 3;
  grid-row: 1/span 1;
}
@media (max-width: 1380px) {
  .statistics-origin__heading {
    grid-column: 1/span 2;
  }
}
.statistics-origin__application-sources {
  grid-column: 1/span 3;
  grid-row: 2/span 1;
}
@media (max-width: 1380px) {
  .statistics-origin__application-sources {
    grid-column: 1/span 2;
  }
}
@media (max-width: 800px) {
  .statistics-origin__application-sources {
    grid-column: 1/span 1;
  }
}
.statistics-origin__hiring-rate {
  grid-column: 2/span 1;
  grid-row: 2/span 1;
}
@media (max-width: 800px) {
  .statistics-origin__hiring-rate {
    grid-column: 1/span 1;
    grid-row: 3/span 1;
  }
}
.statistics-origin__source-rate {
  grid-column: 1/span 3;
  grid-row: 3/span 1;
}
@media (max-width: 1380px) {
  .statistics-origin__source-rate {
    grid-column: 1/span 2;
  }
}
@media (max-width: 800px) {
  .statistics-origin__source-rate {
    grid-column: 1/span 1;
  }
}
.statistics-origin__numbers {
  grid-column: 4/-1;
  grid-row: 2/span 3;
}
@media (max-width: 1380px) {
  .statistics-origin__numbers {
    grid-column-start: 3;
    grid-row-start: 2;
  }
}
@media (max-width: 800px) {
  .statistics-origin__numbers {
    grid-column-start: 1;
    grid-row: 4/span 1;
  }
}
@media (min-width: 800px) {
  .statistics-origin__numbers .statistics-number {
    min-width: 250px;
  }
}
.statistics-origin .bar-chart {
  display: grid;
  grid-template-columns: 1fr 0.2fr;
  grid-template-rows: 1fr;
  gap: 3rem;
  margin-top: 2rem;
}
@media (max-width: 550px) {
  .statistics-origin .bar-chart {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr -webkit-min-content;
    grid-template-rows: 1fr min-content;
    gap: 1rem;
    font-size: 0.9rem;
  }
}
.statistics-origin .bar-chart .data-insight {
  grid-column: 1/span 1;
  grid-row: 1/span 1;
}
.statistics-origin .bar-chart .data-help {
  grid-column: 2/span 1;
  grid-row: 1/span 1;
}
@media (max-width: 550px) {
  .statistics-origin .bar-chart .data-help {
    grid-column: 1/span 1;
    grid-row: 2/span 1;
  }
}
.statistics-origin .bar-chart .data-insight {
  position: relative;
  padding: 0;
}
@media (max-width: 550px) {
  .statistics-origin .bar-chart .data-insight {
    margin-left: 50px;
  }
}
.statistics-origin .bar-chart .data-help {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  padding-top: 1rem;
}
@media (max-width: 550px) {
  .statistics-origin .bar-chart .data-help {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    gap: 1rem;
    margin-left: 50px;
  }
}
.statistics-origin .bar-chart .data-help .data-help__item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 0.5rem;
}
.statistics-origin .bar-chart .data-help .data-help__item .color-indicator {
  width: 3rem;
  height: 3rem;
  margin-right: 0.5rem;
}
@media (max-width: 550px) {
  .statistics-origin .bar-chart .data-help .data-help__item .color-indicator {
    margin-right: 0.3rem;
  }
}
.statistics-origin .bar-chart .data-help .data-help__item .title {
  text-align: left;
}
@media (max-width: 550px) {
  .statistics-origin .bar-chart .data-help .data-help__item .title {
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
  }
}
.statistics-origin .bar-chart .data-help .data-help__item .title span {
  padding-bottom: 0.2rem;
}
.statistics-origin__numbers {
  display: grid;
  grid-auto-columns: 1fr;
  padding-bottom: 2rem;
  justify-items: center;
  gap: 2rem;
}
@media (max-width: 800px) {
  .statistics-origin__numbers {
    grid-auto-flow: column;
    min-height: 200px;
  }
}
.statistics-origin__hiring-rate {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  width: auto;
  min-height: 300px;
}
.statistics-origin__hiring-rate .hiring-rate__diagram {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  margin-top: 10px;
}
.statistics-origin__hiring-rate .hiring-rate__diagram svg {
  width: 200px;
  height: 200px;
}
.statistics-origin__hiring-rate .hiring-rate__diagram svg circle {
  fill: none;
  stroke-width: 20px;
  stroke-linecap: round;
  stroke-dasharray: 565;
}
.statistics-origin__hiring-rate .hiring-rate__diagram svg circle.outer {
  stroke: #F0F0F0;
}
.statistics-origin__hiring-rate .hiring-rate__diagram svg circle.inner {
  stroke: #5eae95;
  stroke-dashoffset: var(--dash-offset);
}
.statistics-origin__hiring-rate .hiring-rate__diagram-rate {
  position: absolute;
  top: 35%;
  left: calc(50% - 25px);
  font-size: 40px;
  font-weight: 700;
}
.statistics-origin__application-sources {
  min-width: 500px;
  padding-bottom: 4rem;
  min-height: 250px;
}
@media (max-width: 550px) {
  .statistics-origin__application-sources {
    min-width: 300px;
  }
}
.statistics-origin__application-sources .application-sources__diagram {
  color: #707070;
  font-weight: 600;
}
.statistics-origin__application-sources .application-sources__diagram .data-insight ul {
  display: grid;
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}
.statistics-origin__application-sources .application-sources__diagram .data-insight ul .source-name {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: default;
}
.statistics-origin__application-sources .application-sources__diagram .data-insight ul .source-name:hover {
  color: black;
}
.statistics-origin__application-sources .application-sources__diagram .data-insight ul .source-name:hover + .source-item {
  color: black;
}
.statistics-origin__application-sources .application-sources__diagram .data-insight ul .source-item {
  display: -webkit-inline-box;
  display: inline-flex;
  border-left: 1px solid #B0AFAF;
  cursor: default;
  --animate-delay: 0;
}
.statistics-origin__application-sources .application-sources__diagram .data-insight ul .source-item .applicants-number {
  display: -webkit-inline-box;
  display: inline-flex;
  padding: 1rem 0;
  width: 100%;
  position: relative;
}
.statistics-origin__application-sources .application-sources__diagram .data-insight ul .source-item .applicants-number:not(.candidates-number:first-child) {
  --animate-delay: calc(150ms * var(--source-index));
}
.statistics-origin__application-sources .application-sources__diagram .data-insight ul .source-item .applicants-number .candidates-number {
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
  padding: 0.5rem 0;
  width: 0;
  -webkit-animation: forwards load-value ease-in-out;
  animation: forwards load-value ease-in-out;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
}
@keyframes load-value {
  from {
    width: 0;
  }
  to {
    width: var(--bar-value);
  }
}
@-webkit-keyframes load-value {
  from {
    width: 0;
  }
  to {
    width: var(--bar-value);
  }
}
.statistics-origin__application-sources .application-sources__diagram .data-insight ul .source-item .applicants-number .candidates-number:hover .applicants-number__text {
  color: black;
}
.statistics-origin__application-sources .application-sources__diagram .data-insight ul .source-item .applicants-number .candidates-number.focus .applicants-number__text {
  color: black;
}
.statistics-origin__application-sources .application-sources__diagram .data-insight ul .source-item .applicants-number .candidates-number.fadeDown {
  opacity: 0.6;
}
.statistics-origin__application-sources .application-sources__diagram .data-insight ul .source-item .applicants-number .hired-number {
  background-color: #5eae95;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.statistics-origin__application-sources .application-sources__diagram .data-insight ul .source-item .applicants-number .inProcess-number {
  background-color: #88c5dd;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.statistics-origin__application-sources .application-sources__diagram .data-insight ul .source-item .applicants-number .rejected-number {
  background-color: #fdbc2a;
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.statistics-origin__application-sources .application-sources__diagram .data-insight ul .source-item .applicants-number .rejected-number:after {
  content: attr(data-applied);
  position: absolute;
  right: calc(var(--char-amount) * -9px - 3px);
  top: 5px;
  text-align: left;
  opacity: 0;
  -webkit-transition: color 0.3s, opacity 0.3s;
  transition: color 0.3s, opacity 0.3s;
  -webkit-animation: forwards fadeInLeft ease-in-out;
  animation: forwards fadeInLeft ease-in-out;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
}
.statistics-origin__application-sources .application-sources__diagram .data-insight ul .source-item .applicants-number .applicants-number__text {
  opacity: 0;
  -webkit-animation: forwards fadeInLeft ease-in-out;
  animation: forwards fadeInLeft ease-in-out;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  padding: 0 0.1rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.statistics-origin__application-sources .application-sources__diagram .data-help .data-help__item.hired .color-indicator {
  background-color: #5eae95;
}
.statistics-origin__application-sources .application-sources__diagram .data-help .data-help__item.in-process .color-indicator {
  background-color: #88c5dd;
}
.statistics-origin__application-sources .application-sources__diagram .data-help .data-help__item.rejected .color-indicator {
  background-color: #fdbc2a;
}
.statistics-origin__application-sources .application-sources__diagram .data-help .data-help__item:hover span {
  color: black;
}
.statistics-origin__source-rate {
  min-width: 500px;
  padding-bottom: 4rem;
  min-height: 250px;
}
@media (max-width: 550px) {
  .statistics-origin__source-rate {
    min-width: 300px;
  }
}
.statistics-origin__source-rate .source-rate__diagram {
  color: #707070;
  font-weight: 600;
}
.statistics-origin__source-rate .source-rate__diagram .data-insight ul {
  display: grid;
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}
.statistics-origin__source-rate .source-rate__diagram .data-insight ul .source-name {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  cursor: default;
}
.statistics-origin__source-rate .source-rate__diagram .data-insight ul .source-item {
  position: relative;
  border-left: 1px solid #B0AFAF;
  --animate-delay: calc(1s + 150ms * (var(--source-index)) / var(--source-index) * var(--source-count));
}
.statistics-origin__source-rate .source-rate__diagram .data-insight ul .source-item .rate-wrapper {
  padding: 1rem 0;
}
.statistics-origin__source-rate .source-rate__diagram .data-insight ul .source-item .rate-wrapper .rate-row {
  position: relative;
  height: 15px;
  min-width: 2px;
  width: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  --width: calc( var(--bar-value) + 2px );
  -webkit-animation: forwards animate-rate-rows ease-in;
  animation: forwards animate-rate-rows ease-in;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
}
@keyframes animate-rate-rows {
  from {
    width: 2px;
  }
  to {
    width: var(--width);
  }
}
@-webkit-keyframes animate-rate-rows {
  from {
    width: 2px;
  }
  to {
    width: var(--width);
  }
}
.statistics-origin__source-rate .source-rate__diagram .data-insight ul .source-item .rate-wrapper .rate-row:hover {
  color: black;
}
.statistics-origin__source-rate .source-rate__diagram .data-insight ul .source-item .rate-wrapper .rate-row.focus {
  color: black;
}
.statistics-origin__source-rate .source-rate__diagram .data-insight ul .source-item .rate-wrapper .rate-row.fadeDown {
  opacity: 0.6;
}
.statistics-origin__source-rate .source-rate__diagram .data-insight ul .source-item .rate-wrapper .applied-rate {
  background-color: #00C3F7;
}
.statistics-origin__source-rate .source-rate__diagram .data-insight ul .source-item .rate-wrapper .applied-rate:after {
  content: attr(data-rate);
  position: absolute;
  right: calc(var(--pseudo-right) * -7px - 4px);
  top: 1px;
  text-align: left;
  font-size: 1rem;
  opacity: 0;
  -webkit-transition: color 0.3s, opacity 0.3s;
  transition: color 0.3s, opacity 0.3s;
  -webkit-animation: forwards fadeInLeft ease-in-out;
  animation: forwards fadeInLeft ease-in-out;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
}
.statistics-origin__source-rate .source-rate__diagram .data-insight ul .source-item .rate-wrapper .hired-rate {
  background-color: #5264C0;
}
.statistics-origin__source-rate .source-rate__diagram .data-insight ul .source-item .rate-wrapper .hired-rate:after {
  content: attr(data-rate);
  position: absolute;
  right: calc(var(--pseudo-right) * -7px - 4px);
  top: 1px;
  text-align: left;
  font-size: 1rem;
  -webkit-transition: color 0.3s, opacity 0.3s;
  transition: color 0.3s, opacity 0.3s;
}
.statistics-origin__source-rate .source-rate__diagram .data-help .data-help__item.applied .color-indicator {
  background-color: #00C3F7;
}
.statistics-origin__source-rate .source-rate__diagram .data-help .data-help__item.hired .color-indicator {
  background-color: #5264C0;
}
.statistics-origin__source-rate .source-rate__diagram .data-help .data-help__item:hover span {
  color: black;
}

/* status group styles
--------------------- */
.statistics-status {
  /* status group layout
  --------------------- */
  /* status group inner sections
  ---------------------------- */
}
@media (max-width: 1380px) {
  .statistics-status__recruitment-funnel {
    margin-right: 2rem;
  }
}
@media (max-width: 1380px) {
  .statistics-status__days-per-group {
    margin-right: 2rem;
  }
}
@media (max-width: 1380px) {
  .statistics-status__numbers {
    margin-right: 2rem;
  }
}
.statistics-status__numbers {
  min-height: 200px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  gap: 3rem;
}
@media (max-width: 1380px) {
  .statistics-status__numbers {
    gap: 2rem;
  }
}
.statistics-status__numbers .statistics-number {
  width: auto;
}
@media (max-width: 1380px) {
  .statistics-status__numbers .statistics-number {
    width: auto;
  }
}
.statistics-status__recruitment-funnel {
  margin-bottom: 2rem;
  overflow-x: auto;
}
.statistics-status__recruitment-funnel .recruitment-funnel__diagram {
  margin-bottom: 5rem;
}
.statistics-status__recruitment-funnel .recruitment-funnel__diagram .data-insight {
  position: relative;
  padding: 0 2rem;
  font-weight: 600;
}
.statistics-status__recruitment-funnel .recruitment-funnel__diagram .data-insight ul {
  display: -webkit-box;
  display: flex;
  min-height: 300px;
}
.statistics-status__recruitment-funnel .recruitment-funnel__diagram .data-insight .source-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end;
  border-bottom: 1px solid #B0AFAF;
  -webkit-box-flex: 1;
          flex-grow: 1;
  --animate-delay: 0;
  --animate-duration: 1s;
}
.statistics-status__recruitment-funnel .recruitment-funnel__diagram .data-insight .source-item.animate-running .bar {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.statistics-status__recruitment-funnel .recruitment-funnel__diagram .data-insight .source-item.animate-running .bar:after {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.statistics-status__recruitment-funnel .recruitment-funnel__diagram .data-insight .source-item.animate-running .percent__content {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.statistics-status__recruitment-funnel .recruitment-funnel__diagram .data-insight .source-item:first-child {
  padding-left: 1rem;
}
.statistics-status__recruitment-funnel .recruitment-funnel__diagram .data-insight .source-item:not(:first-child) {
  --animate-delay: calc(200ms * var(--source-index));
}
.statistics-status__recruitment-funnel .recruitment-funnel__diagram .data-insight .source-item:last-child {
  padding-right: 1rem;
}
.statistics-status__recruitment-funnel .recruitment-funnel__diagram .data-insight .source-item .bar {
  width: calc(15px + 3vw);
  background-color: var(--bar-color);
  height: 0;
  position: relative;
  color: #707070;
  -webkit-animation: forwards animate-bars ease-in-out;
  animation: forwards animate-bars ease-in-out;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
  -webkit-animation-duration: calc(var(--animate-duration));
  animation-duration: calc(var(--animate-duration));
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
@keyframes animate-bars {
  from {
    height: 0;
  }
  to {
    height: var(--bar-value);
  }
}
@-webkit-keyframes animate-bars {
  from {
    height: 0;
  }
  to {
    height: var(--bar-value);
  }
}
@media (max-width: 1380px) {
  .statistics-status__recruitment-funnel .recruitment-funnel__diagram .data-insight .source-item .bar {
    width: calc(15px + 2vw);
  }
}
.statistics-status__recruitment-funnel .recruitment-funnel__diagram .data-insight .source-item .bar:after {
  content: attr(data-candidates_number);
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  text-align: center;
  opacity: 0;
  -webkit-animation: forwards fadeInUp ease-in-out;
  animation: forwards fadeInUp ease-in-out;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.statistics-status__recruitment-funnel .recruitment-funnel__diagram .data-insight .source-item .bar:before {
  content: attr(data-group_name);
  position: absolute;
  bottom: -40px;
  left: 0;
  width: 100%;
  height: 30px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  text-align: center;
  line-height: 13px;
  white-space: nowrap;
}
.statistics-status__recruitment-funnel .recruitment-funnel__diagram .data-insight .source-item .percent {
  color: #cecece;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
          justify-content: center;
  padding-bottom: 7rem;
  width: calc(50px + 3vw);
}
.statistics-status__recruitment-funnel .recruitment-funnel__diagram .data-insight .source-item .percent__content {
  opacity: 0;
  -webkit-animation: forwards fadeInLeft ease-in-out;
  animation: forwards fadeInLeft ease-in-out;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
@media (min-width: 1440px) {
  .statistics-status__recruitment-funnel .recruitment-funnel__diagram .data-insight .source-item .percent {
    width: 110px;
  }
}
.statistics-status__days-per-group {
  margin-bottom: 2rem;
}
.statistics-status__days-per-group .days-per-group__diagram {
  padding: 0 2rem;
  margin-top: 6rem;
  margin-bottom: 2rem;
}
.statistics-status__days-per-group .days-per-group__diagram .data-insight {
  margin-bottom: 3rem;
  font-weight: 600;
  color: #707070;
}
.statistics-status__days-per-group .days-per-group__diagram .data-insight ul {
  display: -webkit-box;
  display: flex;
}
.statistics-status__days-per-group .days-per-group__diagram .data-insight .source-item {
  --animate-delay: calc(200ms * var(--source-index));
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  width: var(--bar-value);
  height: 50px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  -webkit-transition: color 0.3s, opacity 0.3s;
  transition: color 0.3s, opacity 0.3s;
}
.statistics-status__days-per-group .days-per-group__diagram .data-insight .source-item.animate-running span {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.statistics-status__days-per-group .days-per-group__diagram .data-insight .source-item span {
  opacity: 0;
  -webkit-animation: forwards fadeInLeft ease-in-out;
  animation: forwards fadeInLeft ease-in-out;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.statistics-status__days-per-group .days-per-group__diagram .data-insight .source-item:hover {
  color: black;
}
.statistics-status__days-per-group .days-per-group__diagram .data-insight .source-item.focus {
  color: black;
}
.statistics-status__days-per-group .days-per-group__diagram .data-insight .source-item.fadeDown {
  opacity: 0.6;
}
.statistics-status__days-per-group .days-per-group__diagram .data-help {
  grid-column: 1/span 1;
  grid-row: 3/span 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  font-weight: 600;
  color: #707070;
}
.statistics-status__days-per-group .days-per-group__diagram .data-help .data-help__item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 0.5rem;
  margin-right: 1rem;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  cursor: default;
}
.statistics-status__days-per-group .days-per-group__diagram .data-help .data-help__item .color-indicator {
  width: 3rem;
  height: 3rem;
  margin-right: 0.5rem;
}
.statistics-status__days-per-group .days-per-group__diagram .data-help .data-help__item:hover {
  color: black;
}
.statistics-status__days-per-group .days-per-group__diagram .data-help .data-help__item.focus {
  color: black;
}
.statistics-status__days-per-group .days-per-group__diagram .data-help .data-help__item .title {
  text-align: left;
}
.statistics-status__days-per-group .days-per-group__diagram .data-help .data-help__item .title span {
  padding-bottom: 0.2rem;
}

.no-action_table {
  margin-bottom: 70px;
}
.no-action_table .no-action_header {
  margin-bottom: 20px;
  margin-top: 20px;
}
.no-action_table .no-action_header .sorting {
  cursor: pointer;
}
.no-action_table .no-action_header .sorting:after {
  position: relative;
  left: 15px;
  top: 2px;
  display: inline-block;
  content: "";
  width: 28px;
  height: 20px;
  opacity: 1;
}
.no-action_table .no-action_header .sorting[data-order=desc]:after {
  background-image: url(../img/sort_desc.svg);
}
.no-action_table .no-action_header .sorting[data-order=asc]:after {
  background-image: url(../img/sort_asc.svg);
}
.no-action_table .no-action_body .no-action_data {
  padding: 3rem 0;
  border-bottom: 1px solid #dfdfdf;
}
.no-action_table .no-action_body .no-action_data:first-child {
  border-top: 1px solid #dfdfdf;
}
.no-action_table .no-action_body .no-action_candidate-link,
.no-action_table .no-action_body .no-action_recruitment-link {
  text-decoration: none;
  color: #333333;
  -webkit-transition: font-weight 0.2s;
  transition: font-weight 0.2s;
}
.no-action_table .no-action_body .no-action_candidate-link:hover,
.no-action_table .no-action_body .no-action_recruitment-link:hover {
  color: #3578ea;
  -webkit-transition: font-weight 0.2s;
  transition: font-weight 0.2s;
}
.no-action_table .no-action_row {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
}
.no-action_table .no-action_row .no-action_header_cell {
  font-size: 30px;
  font-weight: 200;
  padding-top: 20px;
  padding-bottom: 20px;
}

.variables-section .selection-tool-header {
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 30px;
}
.variables-section .caret {
  width: 20px;
  height: 20px;
  position: relative;
  margin-right: 20px;
  border: 1px solid #328fb3;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.variables-section .caret .inner-caret {
  display: inline-block;
  position: relative;
  width: 12px;
  height: 9px;
  background-image: url("../img/chevron-down-blue.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 2px;
}
.variables-section .variables-section-content {
  display: none;
  margin-left: 40px;
}
.variables-section.active .caret .inner-caret {
  margin-top: 0;
  background-image: url("../img/chevron-up-blue.svg");
}
.variables-section.active .variables-section-content {
  display: block;
}
.variables-section .variables-section-list-contents {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
.variables-section .variables-section-list {
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;
}
.variables-section .variables-section-list .variables-section-list-item {
  display: grid;
  grid-template-columns: 0.4fr 0.6fr;
  margin-bottom: 10px;
  -webkit-box-align: center;
          align-items: center;
}
.variables-section .variables-section-list .variables-section-list-item .var-action {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-pack: start;
          justify-content: flex-start;
  gap: 5px;
  font-size: 13px;
}
.variables-section .variables-section-list .variables-section-list-item .var-action .divider {
  color: #328fb3;
}
.variables-section .variables-section-list .variables-section-list-item .var-action .add-to-template-btn {
  text-decoration: none;
  color: #328fb3;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.variables-section .variables-section-list .variables-section-list-item .var-action .add-to-template-btn:hover {
  color: #276f8b;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.custom-email-template-case {
  -webkit-box-align: center;
          align-items: center;
}
.custom-email-template-case h4 {
  max-width: 500px;
}

.list-group-item {
  margin-top: 5px;
}

.jobagent-item {
  padding-top: 5px;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.jobagent-item .col-md-6 {
  padding-left: 2px;
  padding-right: 2px;
}

.jobagent-page-container {
  background-color: whitesmoke;
  width: 80%;
  margin: auto;
  border-radius: 25px;
  box-shadow: 0px 10px 38px 0px rgba(191, 191, 191, 0.75);
  -webkit-box-shadow: 0px 10px 38px 0px rgba(191, 191, 191, 0.75);
  -moz-box-shadow: 0px 10px 38px 0px rgba(191, 191, 191, 0.75);
  box-sizing: border-box;
  padding: 10px;
  margin-bottom: 50px;
  padding-bottom: 30px;
}

#openRecruitQA {
  position: relative;
}
#openRecruitQA .candidate-open-recruit-qa-container .candidate-open-recruit-answers .checkbox.open-recruit-qa-checkbox.form-group {
  min-height: 20px;
}
#openRecruitQA .candidate-open-recruit-qa-container .candidate-open-recruit-answers .checkbox.open-recruit-qa-checkbox.form-group input[type=checkbox] {
  pointer-events: none;
  cursor: default;
}
#openRecruitQA .candidate-open-recruit-qa-container .candidate-open-recruit-answers .checkbox.open-recruit-qa-checkbox.form-group input[type=checkbox]:disabled + label {
  opacity: 0.8;
  pointer-events: none;
}
#openRecruitQA .candidate-open-recruit-qa-container .candidate-open-recruit-answers .checkbox.open-recruit-qa-checkbox.form-group input[type=checkbox]:disabled + label:before {
  background-color: #f2f2f2;
}
#openRecruitQA .candidate-open-recruit-qa-container .candidate-open-recruit-answers .radio.open-recruit-qa-radio.form-group {
  min-height: 20px;
  margin-top: 0;
}
#openRecruitQA .candidate-open-recruit-qa-container .candidate-open-recruit-answers .radio.open-recruit-qa-radio.form-group label:before {
  width: 19px;
  height: 19px;
  margin-top: 0;
  border: 1px solid #e9e9e9;
}
#openRecruitQA .candidate-open-recruit-qa-container .candidate-open-recruit-answers .radio.open-recruit-qa-radio.form-group label:after {
  margin-left: -34px;
}
#openRecruitQA .candidate-open-recruit-qa-container .candidate-open-recruit-answers .radio.open-recruit-qa-radio.form-group input[type=radio] {
  pointer-events: none;
  cursor: default;
}
#openRecruitQA .candidate-open-recruit-qa-container .candidate-open-recruit-answers .radio.open-recruit-qa-radio.form-group input[type=radio]:disabled + label {
  opacity: 0.8;
  pointer-events: none;
}
#openRecruitQA .candidate-open-recruit-qa-container .candidate-open-recruit-answers .radio.open-recruit-qa-radio.form-group input[type=radio]:disabled + label:before {
  background-color: #f2f2f2;
}
#openRecruitQA .candidate-open-recruit-qa-container .candidate-open-recruit-answers .radio.open-recruit-qa-radio.form-group + .radio.open-recruit-qa-radio.form-group {
  margin-top: 0;
}
#openRecruitQA .candidate-open-recruit-qa-container .candidate-open-recruit-answers .text.open-recruit-qa-text.form-group input.form-control:disabled {
  opacity: 0.8;
  pointer-events: none;
  background-color: #f2f2f2;
  border: 1px solid #e9e9e9;
}
#openRecruitQA .candidate-open-recruit-qa-container .candidate-open-recruit-qa-multi-choice-limit .candidate-open-recruit-qa-multi-choice-limit__text {
  font-style: italic;
}
#openRecruitQA .open-recruit-qa-actions {
  position: absolute;
  top: 50px;
  right: 0;
}
#openRecruitQA .open-recruit-qa-actions .open-recruit-qa-action-btn {
  display: block;
  width: 40px;
  height: 40px;
  border: none;
  background: transparent;
}
#openRecruitQA .open-recruit-qa-actions .btn-export {
  background-image: url("../img/icon-export-active.svg");
}

@media only screen and (min-width: 768px) {
  #openRecruitQA .checkbox.open-recruit-qa-checkbox.form-group,
#openRecruitQA .radio.open-recruit-qa-radio.form-group {
    min-height: 20px;
  }
}
.application-container {
  max-width: 100%;
}
.application-container .import-buttons {
  margin-bottom: 15px;
  margin-top: 15px;
}

.open-recruit-consent-container {
  width: 60%;
  max-width: 900px;
  margin: auto;
  padding-bottom: 50px;
}
.open-recruit-consent-container h2 {
  font-weight: bold;
}
.open-recruit-consent-container .import-button {
  padding: 20px 20px 5px 58px !important;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  margin: 18px 5px;
  box-sizing: border-box;
  height: 50px;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.open-recruit-consent-container .import-button:hover {
  color: #ffffff;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.open-recruit-consent-container .import-button:focus, .open-recruit-consent-container .import-button:active {
  -webkit-transform: scale(1);
  transform: scale(1);
  color: #ffffff;
}

.open-recruit-checkbox.input-field-container label .label-text {
  font-size: 14px;
}

.open-recruit-checkbox.input-field-container.has-error label.control-label {
  color: #bf1e2e;
}

.open-recruit-phone-field {
  display: grid;
  grid-template-columns: 0.2fr 0.8fr;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
@media screen and (max-width: 400px) {
  .open-recruit-phone-field {
    grid-template-columns: 0.3fr 0.7fr;
  }
}
.open-recruit-phone-field .open-recruit-phone-field__country-code {
  grid-column: 1/span 1;
}
.open-recruit-phone-field .open-recruit-phone-field__phone-number {
  grid-column: 2/span 1;
}
.open-recruit-phone-field .open-recruit-phone-field__country-code,
.open-recruit-phone-field .open-recruit-phone-field__phone-number {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.open-tabs {
  list-style: none;
  padding: 0;
  width: 50%;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px !important;
}

.open-tabs li {
  position: relative;
  display: block;
  float: left;
  width: 50%;
  top: 1px;
}

.open-tabs li a {
  display: block;
  font-weight: 200;
  font-size: 30px;
  color: #333333;
  text-decoration: none;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 10px;
  position: relative;
}

.open-tabs li a:hover {
  cursor: pointer;
}

.open-active {
  border-bottom: 2px solid #3F2B9F;
  color: #3F2B9F !important;
}

.open-recruit-link {
  color: black;
  text-decoration: underline;
}

.open-recruit-link:hover {
  color: black;
  cursor: pointer;
}

.open-recruit-link:active {
  color: black;
}

.open-recruit-checkbox {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
          align-items: center;
  flex-wrap: nowrap;
}
@media screen and (max-width: 500px) {
  .open-recruit-checkbox {
    -webkit-box-align: start;
            align-items: flex-start;
  }
}
.open-recruit-checkbox input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #25158a12;
  width: 20px;
  height: 20px;
  border-radius: 5px !important;
  border: none;
  margin-right: 10px;
  margin-top: 0;
  min-width: 20px;
  min-height: 20px;
}
.open-recruit-checkbox input[type=checkbox]:checked {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("../img/open-recruit-checkbox-checked.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 20px;
  height: 20px;
}
.open-recruit-checkbox input[type=checkbox]:hover {
  cursor: pointer;
}
.open-recruit-checkbox label {
  margin-bottom: 0;
}
.open-recruit-checkbox label .label-text {
  display: inline-block;
}
.open-recruit-checkbox label:hover {
  cursor: pointer;
}

.input-field-container {
  margin-bottom: 15px;
}
.input-field-container label {
  font-size: 16px;
}
.input-field-container .form-control.form-control-required.open-recruit-text-input:focus,
.input-field-container .form-control.form-control-required.open-recruit-text-input:active {
  outline: none;
  border: none;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.input-field-container .error-block {
  font-size: 14px;
  color: #bf1e2e;
  margin-top: 3px;
  min-height: 20px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.input-field-container.has-error .form-control.form-control-required.open-recruit-text-input,
.input-field-container.has-error .form-control.form-control-required.open-recruit-text-input:focus,
.input-field-container.has-error .form-control.form-control-required.open-recruit-text-input:active {
  outline: none;
  border: 1px solid #bf1e2e;
  box-shadow: none;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.input-field-container.has-error .error-block {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.open-recruit-radio {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
          align-items: center;
  flex-wrap: nowrap;
}
@media screen and (max-width: 500px) {
  .open-recruit-radio {
    -webkit-box-align: start;
            align-items: flex-start;
  }
}
.open-recruit-radio input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 22px;
  height: 22px;
  margin: 1px 10px 1px 1px;
  border: none;
  background: #25158a12;
  border-radius: 50%;
  min-width: 22px;
  min-height: 22px;
}
.open-recruit-radio input[type=radio]:disabled {
  background: #25158a12;
}
.open-recruit-radio input[type=radio]:checked {
  background: #A39DC7;
}
.open-recruit-radio input[type=radio]:hover {
  cursor: pointer;
}
.open-recruit-radio label:hover {
  cursor: pointer;
}

/**** interval text input ****/
.open-recruit-interval-text {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.open-recruit-interval-text label {
  font-size: 20px;
}
.open-recruit-interval-text .help-block {
  margin: 0;
}
.open-recruit-interval-text .interval-text-input {
  max-width: 300px;
  height: 30px;
  background-color: #25158a12;
  border-radius: 6px;
  margin-bottom: 20px;
  color: black;
  border: none;
  padding-left: 10px;
}

/**** interval range input ****/
.open-recruit-interval-range {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  position: relative;
  padding-top: calc(2rem + 2vw);
}
@media screen and (max-width: 1000px) {
  .open-recruit-interval-range {
    margin-top: 70px;
  }
}
.open-recruit-interval-range .interval-range-slider-container .interval-range-input {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  opacity: 0;
  z-index: 5;
  width: 100%;
  position: absolute;
  height: 2px;
}
.open-recruit-interval-range .interval-range-slider-container .interval-range-input:focus {
  outline: none;
}
.open-recruit-interval-range .interval-range-slider-container .interval-range-input::-webkit-slider-thumb {
  pointer-events: all;
  -webkit-appearance: none;
          appearance: none;
  width: 30px;
  height: 30px;
}
.open-recruit-interval-range .interval-range-slider-container .interval-range-input::-webkit-slider-thumb:hover {
  cursor: pointer;
}
.open-recruit-interval-range .interval-range-slider-container .interval-range-input::-webkit-slider-thumb:hover .interval-range-thumb {
  box-shadow: 2px 2px 12px 10px rgba(163, 157, 199, 0.38);
}
.open-recruit-interval-range .interval-range-slider-container .interval-range-input::-moz-range-thumb {
  pointer-events: all;
  -moz-appearance: none;
       appearance: none;
  width: 30px;
  height: 30px;
}
.open-recruit-interval-range .interval-range-slider-container .interval-range-input::-moz-range-thumb:hover {
  cursor: pointer;
}
.open-recruit-interval-range .interval-range-slider-container .interval-range-input::-moz-range-thumb:hover .interval-range-thumb {
  box-shadow: 2px 2px 12px 10px rgba(163, 157, 199, 0.38);
}
.open-recruit-interval-range .interval-range-slider-container .interval-range-input::-ms-thumb {
  pointer-events: all;
  appearance: none;
  width: 30px;
  height: 30px;
}
.open-recruit-interval-range .interval-range-slider-container .interval-range-input::-ms-thumb:hover {
  cursor: pointer;
}
.open-recruit-interval-range .interval-range-slider-container .interval-range-input::-ms-thumb:hover .interval-range-thumb {
  box-shadow: 2px 2px 12px 10px rgba(163, 157, 199, 0.38);
}
.open-recruit-interval-range .interval-range-slider-container .interval-range-slider {
  position: relative;
}
.open-recruit-interval-range .interval-range-slider-container .interval-range-slider .interval-range-track {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 2px;
  border-radius: 10px;
  background-color: #A39DC7;
}
.open-recruit-interval-range .interval-range-slider-container .interval-range-slider .interval-range-span {
  position: absolute;
  left: 0;
  top: -2px;
  bottom: 0;
  width: 0;
  height: 5px;
  border-radius: 10px;
  background-color: #A39DC7;
}
.open-recruit-interval-range .interval-range-slider-container .interval-range-slider .interval-range-thumb {
  position: absolute;
  width: 30px;
  height: 30px;
  top: -15px;
  background-color: #A39DC7;
  border-radius: 50%;
  box-shadow: 2px 2px 12px 3px rgba(163, 157, 199, 0.38);
  -webkit-transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  z-index: 2;
}
.open-recruit-interval-range .interval-range-slider-container .interval-range-slider .interval-range-thumb:hover {
  box-shadow: 2px 2px 12px 10px rgba(163, 157, 199, 0.38);
}
.open-recruit-interval-range .interval-range-slider-container .interval-range-slider .interval-range-thumb:active {
  box-shadow: 2px 2px 12px 10px rgba(163, 157, 199, 0.45);
}
.open-recruit-interval-range .interval-range-slider-container .interval-range-slider .interval-range-thumb .interval-range-label {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  background-color: #e3e1ee;
  border-radius: 8px;
  min-width: 40px;
  text-align: center;
  padding: 5px 8px;
  margin-bottom: 15px;
  max-width: -webkit-min-content;
  max-width: -moz-min-content;
  max-width: min-content;
  position: absolute;
  left: 0;
  top: -40px;
}
.open-recruit-interval-range .interval-range-slider-container .interval-range-minmax-box {
  margin-top: 20px;
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.open-recruit-btn-primary {
  background-color: #3F2B9F;
  color: white;
}

.open-recruit-btn-primary:hover {
  scale: 1.1;
  color: white;
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.open-recruit-text-input {
  background-color: rgba(37, 21, 138, 0.07);
  border-radius: 8px;
  color: black;
}

.open-recruit-question-container {
  width: 80%;
  max-width: 1100px;
  margin: auto;
  padding-bottom: 50px;
}

.open-recruit-progress-label {
  margin-bottom: 0;
  font-size: 20px;
}

.open-recruit-progress-bar[value] {
  --background: white;
  /* the background color */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  width: 100%;
  height: 21px;
  border-radius: 10px;
  background: white;
  margin-bottom: 40px;
}

.open-recruit-progress-bar[value]::-webkit-progress-bar {
  background: none;
  border-radius: 10px;
  background: white;
}

.open-recruit-progress-bar[value]::-webkit-progress-value {
  background: none;
  border-radius: 10px;
  background: #8176C5;
}

.open-recruit-progress-bar[value]::-moz-progress-bar {
  background: none;
  border-radius: 10px;
  background: #8176C5;
}

.question-form {
  min-height: 400px;
  margin-top: 40px;
}
.question-form .open-recruit-question-title__container {
  margin-bottom: 100px;
}
.question-form .open-recruit-question-title__container .open-recruit-question-title {
  font-weight: lighter;
}
.question-form .next-question-btn {
  width: 50%;
  margin-top: 70px;
}
.question-form .choice-limit-help-block-container {
  margin-bottom: 25px;
}
.question-form .possible-answer-container {
  margin-bottom: 15px;
}
.question-form .possible-answer-container .open-recruit-checkbox.disabled input, .question-form .possible-answer-container .open-recruit-checkbox.disabled label {
  pointer-events: none;
  opacity: 0.6;
}

.open-recruit-question-timer {
  position: relative;
  width: 120px;
  height: 120px;
  margin-left: auto;
}
.open-recruit-question-timer .open-recruit-question-timer__svg {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.open-recruit-question-timer .open-recruit-question-timer__svg .open-recruit-question-timer__circle {
  fill: none;
  stroke: none;
}
.open-recruit-question-timer .open-recruit-question-timer__svg .open-recruit-question-timer__circle .question-timer__path-elapsed {
  stroke-width: 7px;
  stroke: rgba(37, 21, 138, 0.07);
}
.open-recruit-question-timer .open-recruit-question-timer__svg .open-recruit-question-timer__circle .open-recruit-question-timer__path-remaining {
  stroke-width: 7px;
  stroke-linecap: round;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: 1s linear all;
  transition: 1s linear all;
  fill-rule: nonzero;
  stroke: #3F2B9F;
  color: #3F2B9F;
}
.open-recruit-question-timer .open-recruit-question-timer__label {
  position: absolute;
  width: 120px;
  height: 120px;
  top: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  font-size: 32px;
}

.open-recruit-confirmation-page-container .open-recruit-confirmation_text_container {
  margin: 50px 15px 15px 0;
}
.open-recruit-confirmation-page-container .open-recruit-confirmation_text {
  text-align: center;
  font-size: 2.125rem;
  font-weight: 400;
}

@media screen and (max-width: 1000px) {
  .sm-question-timer-layout {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: -webkit-min-content -webkit-min-content;
    grid-template-rows: min-content min-content;
    row-gap: 15px;
  }
  .sm-question-timer-layout .open-recruit-question-title__container {
    grid-column: 1/span 1;
    grid-row: 2/span 1;
    margin-bottom: 20px;
  }
  .sm-question-timer-layout .timer-container {
    grid-column: 1/span 1;
    grid-row: 1/span 1;
  }
  .sm-question-timer-layout .timer-container .open-recruit-question-timer {
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .open-tabs {
    display: none;
  }

  .open-tabs-step {
    display: block !important;
    padding-left: 15px;
    padding-right: 15px;
  }
  .open-tabs-step h3 {
    padding-top: 0;
    margin-top: 10px;
    font-size: 20px;
  }

  .open-recruit-consent-container {
    width: 90%;
    margin: auto;
    padding-bottom: 50px;
  }
  .open-recruit-consent-container h2 {
    font-weight: bold;
  }

  .open-recruit-checkbox input.consent-checkbox-input {
    width: 30px;
    height: 30px;
  }

  #consent-next-btn {
    display: none;
  }

  .open-recruit-btn-primary {
    padding-left: 20px;
    padding-right: 20px;
  }

  .open-recruit-progress-bar {
    display: none;
  }

  .open-recruit-question-container {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .import-buttons {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  .question-form .next-question-btn.open-recruit-btn-primary {
    width: 100%;
  }

  .open-recruit-progress-label {
    font-size: 15px;
  }

  .sm-question-timer-layout .timer-container {
    margin-bottom: 20px;
  }
  .sm-question-timer-layout .timer-container .open-recruit-question-timer {
    width: 90px;
    height: 90px;
  }
  .sm-question-timer-layout .timer-container .open-recruit-question-timer__label {
    width: 90px;
    height: 90px;
    font-size: 25px;
  }
}
#timerRunOutModal .btn.timer-run-out-next-question.next-question-btn {
  color: #ffffff;
  background-color: #3F2B9F;
  margin-left: auto;
  margin-right: auto;
}
#timerRunOutModal .btn.timer-run-out-next-question.next-question-btn:focus, #timerRunOutModal .btn.timer-run-out-next-question.next-question-btn:active {
  color: #ffffff;
  background-color: #3F2B9F;
}

#openRecruitGuideModal .modal-body {
  padding: 5px;
}
@media screen and (max-width: 450px) {
  #openRecruitGuideModal .modal-body {
    padding-top: 10px;
  }
}

#openRecruitGuideSlider .carousel-indicators {
  bottom: 0;
  display: -webkit-box;
  display: flex;
  gap: 10px;
  -webkit-box-pack: center;
          justify-content: center;
}
#openRecruitGuideSlider .carousel-indicators .indicator {
  background-color: rgba(37, 21, 138, 0.07);
  border: none;
}
#openRecruitGuideSlider .carousel-indicators .indicator.active {
  background-color: #3F2B9F;
  border: 1px solid #3F2B9F;
}
#openRecruitGuideSlider .open-recruit-guide-slide-next-btn {
  position: absolute;
  bottom: 42%;
  right: 10px;
  width: 30px;
  height: 50px;
}
#openRecruitGuideSlider .open-recruit-guide-slide-next-btn img {
  width: 30px;
  height: 50px;
}
#openRecruitGuideSlider .open-recruit-guide-slide-previous-btn {
  position: absolute;
  bottom: 42%;
  left: 10px;
  width: 30px;
  height: 50px;
}
#openRecruitGuideSlider .open-recruit-guide-slide-previous-btn img {
  width: 30px;
  height: 50px;
}
#openRecruitGuideSlider .carousel-inner {
  width: 100%;
}
#openRecruitGuideSlider .carousel-inner .item {
  padding: 20px;
}
#openRecruitGuideSlider .open-recruit-guide-slide {
  display: grid;
  grid-template-columns: 1fr 0.3fr;
  width: 100%;
  min-height: 35vh;
  padding: 0 20px;
}
@media screen and (max-width: 750px) {
  #openRecruitGuideSlider .open-recruit-guide-slide {
    padding: 0 10px;
  }
}
@media screen and (max-width: 450px) {
  #openRecruitGuideSlider .open-recruit-guide-slide {
    grid-template-columns: 1fr;
    grid-template-rows: 0.7fr 1fr;
  }
}
#openRecruitGuideSlider .open-recruit-guide-slide .open-recruit-guide-slide__text {
  grid-column: 1/span 1;
  padding: 30px;
  padding-right: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
#openRecruitGuideSlider .open-recruit-guide-slide .open-recruit-guide-slide__text .slide-text {
  font-size: calc(14px + 0.3vw);
  font-weight: 500;
  margin: 0;
}
@media screen and (max-width: 600px) {
  #openRecruitGuideSlider .open-recruit-guide-slide .open-recruit-guide-slide__text {
    padding: 10px;
  }
}
@media screen and (max-width: 450px) {
  #openRecruitGuideSlider .open-recruit-guide-slide .open-recruit-guide-slide__text {
    grid-row: 2/span 1;
    margin-bottom: 20px;
  }
}
#openRecruitGuideSlider .open-recruit-guide-slide .open-recruit-guide-slide__demonstration {
  grid-column: 2/span 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 20px;
}
@media screen and (max-width: 600px) {
  #openRecruitGuideSlider .open-recruit-guide-slide .open-recruit-guide-slide__demonstration {
    padding: 10px;
  }
}
@media screen and (max-width: 450px) {
  #openRecruitGuideSlider .open-recruit-guide-slide .open-recruit-guide-slide__demonstration {
    grid-row: 1/span 1;
    grid-column: 1/span 1;
    -webkit-box-pack: center;
            justify-content: center;
    height: 120px;
  }
  #openRecruitGuideSlider .open-recruit-guide-slide .open-recruit-guide-slide__demonstration .open-recruit-question-timer {
    margin-left: 0;
  }
}
#openRecruitGuideSlider .open-recruit-guide-slide .open-recruit-guide-slide__demonstration img {
  max-width: 120px;
  height: auto;
}
@media screen and (max-width: 450px) {
  #openRecruitGuideSlider .open-recruit-guide-slide.ready-slide .open-recruit-guide-slide__text {
    text-align: center;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: end;
            align-items: flex-end;
    grid-row: 1/span 1;
    grid-column: 1/span 1;
  }
  #openRecruitGuideSlider .open-recruit-guide-slide.ready-slide .open-recruit-guide-slide__demonstration {
    grid-row: 2/span 1;
    grid-column: 1/span 1;
    margin-bottom: 20px;
  }
}

.or-dashboard {
  font-family: "Poppins", sans-serif !important;
  background-color: #edebe5;
  position: relative;
  display: -webkit-box;
  display: flex;
  height: 100vh;
  overflow: hidden;
  position: relative;
}
.or-dashboard .well {
  background: white;
}
.or-dashboard .button {
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  border-radius: 6px;
  border: none;
  padding: 6px 13px;
  background: white;
}
.or-dashboard .button.primary {
  background: #206652;
  color: white;
}
.or-dashboard .button.secondary {
  background: #E9ECEF;
  color: #3B4045;
}
.or-dashboard .button.frame {
  border-radius: 6px;
  border: 1px solid #CBCBCB;
  padding: 10px 13px;
  -webkit-box-align: center;
          align-items: center;
}
.or-dashboard .button.icon-button {
  display: -webkit-box;
  display: flex;
  gap: 8px;
}
.or-dashboard .activity {
  border-radius: 5px;
  margin: 10px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}
.or-dashboard .activity .numbers {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.or-dashboard .activity .current {
  font-weight: 700;
  font-size: 24px;
  margin-right: 5px;
}
.or-dashboard .activity .total {
  color: gray;
}
.or-dashboard .activity .name {
  color: gray;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
}
.or-dashboard .activity .circle {
  position: relative;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  border: none;
}
.or-dashboard .activity .circular-progress {
  --size: 100%;
  --half-size: calc(var(--size)/2);
  --stroke-width: 20px;
  --radius: calc((var(--size) - var(--stroke-width))/2);
  --circumference: calc(var(--radius) * pi * 2);
  --dash: calc((var(--progress)*var(--circumference))/100);
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  --color: #5394fd;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.or-dashboard .activity .circular-progress circle {
  cx: var(--half-size);
  cy: var(--half-size);
  r: var(--radius);
  stroke-width: var(--stroke-width);
  fill: none;
  stroke-linecap: round;
}
.or-dashboard .activity .circular-progress circle.bg {
  stroke: #ddd;
}
.or-dashboard .activity .circular-progress circle.fg {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: var(--half-size) var(--half-size);
          transform-origin: var(--half-size) var(--half-size);
  stroke-dasharray: var(--dash) calc(var(--circumference) - var(--dash));
  -webkit-transition: stroke-dasharray 0.3s linear 0s;
  transition: stroke-dasharray 0.3s linear 0s;
  stroke: var(--color);
}
.or-dashboard .welcome {
  background: linear-gradient(84deg, #0C2820 27.33%, #164336 98.87%);
  color: white;
  padding: 20px 40px;
  position: relative;
}
.or-dashboard .welcome .name {
  font-weight: bold;
}
.or-dashboard .welcome .stats {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-top: 47.63px;
  margin-bottom: 34.4px;
}
.or-dashboard .welcome .actions {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.or-dashboard .welcome .tabs {
  display: -webkit-box;
  display: flex;
  gap: 20px;
}
.or-dashboard .welcome .tabs .tab {
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 5px 14px;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.6);
}
.or-dashboard .welcome .tabs .tab.white {
  color: #FFF;
}
.or-dashboard .welcome .tabs .tab.active, .or-dashboard .welcome .tabs .tab:hover {
  color: #1F1F1F;
  background: #FFF;
}
.or-dashboard .welcome .tabs .link {
  color: #FFFFFF63;
  cursor: pointer;
  padding-bottom: 10px;
}
.or-dashboard .welcome .tabs .link.active {
  color: white;
  border-bottom: 1px solid white;
}
.or-dashboard .widgets {
  max-width: 1500px;
  margin: 0 auto;
}
.or-dashboard .widgets .widget .heading {
  color: #1E1B39;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 12px;
}
.or-dashboard .widgets .widget .description {
  color: #575D63;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 170%;
  margin-bottom: 12px;
}
.or-dashboard .funnel_chart {
  overflow: hidden;
}
.or-dashboard .funnel_chart .funnel_legends {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  text-align: center;
  padding: 30px 0;
}
.or-dashboard .funnel_chart .funnel_legends .legend {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.or-dashboard .funnel_chart .funnel_legends .legend .title {
  text-align: center;
  color: #575D63;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
}
.or-dashboard .funnel_chart .funnel_legends .legend .data {
  text-align: center;
  color: #575D63;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 23px;
}
.or-dashboard .funnel_chart .funnel_legends .legend::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 10000%;
  border-left: dashed 1px gray;
}
.or-dashboard .funnel_chart .funnel_legends .legend:nth-child(1)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 10000%;
  border-left: dashed 1px gray;
}
.or-dashboard .funnel_chart .funnel_footer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  text-align: right;
  padding: 30px 0;
}
.or-dashboard .funnel_chart .funnel_footer .percentage {
  width: 100%;
  color: #575D63;
  padding-right: 10px;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 23px;
}
.or-dashboard .summary {
  border-radius: 5px;
  margin: 10px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}
.or-dashboard .summary .number {
  color: #1F1F1F;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.or-dashboard .summary .subtitle {
  color: #575D63;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 170%;
}
.or-dashboard .summary .name {
  color: #1E1B39;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.or-dashboard .summary .growth-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 2px;
}
.or-dashboard .summary .growth-container .growth-number {
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.or-dashboard .summary .growth-container .positive {
  color: #DC3545;
}
.or-dashboard .summary .growth-container .negative {
  color: #28A745;
}
.or-dashboard .summary .growth-container .neutral {
  color: #0a0a0a;
}
.or-dashboard .body {
  -webkit-box-flex: 1;
          flex-grow: 1;
  height: auto;
  overflow: scroll;
}
.or-dashboard .main {
  -webkit-box-flex: 1;
          flex-grow: 1;
  overflow: scroll;
  height: 100%;
}
.or-dashboard .sidebar {
  display: none;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.or-dashboard .sidebar .backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0);
}
.or-dashboard .sidebar .content {
  position: fixed;
  right: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  height: 100%;
  background-color: white;
  padding: 50px 20px;
}
.or-dashboard .sidebar .content .close {
  position: absolute;
  top: 10px;
  left: 10px;
}
.or-dashboard .page-content {
  padding: 40px;
  width: 100% !important;
}
.or-dashboard .tabs-menu {
  background: linear-gradient(84deg, #0C2820 27.33%, #164336 98.87%);
  padding: 20px 40px 0 40px;
}
.or-dashboard .tabs-menu .wrapper {
  max-width: 1180px;
  margin: 0 auto;
}
.or-dashboard .tabs-menu .title {
  color: #EDEBE5;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 40px 0;
}
.or-dashboard .tabs-menu .tabs {
  display: -webkit-box;
  display: flex;
  gap: 20px;
}
.or-dashboard .tabs-menu .tabs .search {
  margin-bottom: 10px;
  display: -webkit-box;
  display: flex;
  gap: 10px;
}
.or-dashboard .tabs-menu .tabs .search svg {
  color: white;
}
.or-dashboard .tabs-menu .tabs .tab {
  cursor: pointer !important;
  color: rgba(255, 255, 255, 0.39);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-bottom: 10px;
  border-bottom: 2px solid transparent;
}
.or-dashboard .tabs-menu .tabs .tab:hover {
  text-decoration: none;
  border-bottom: 2px solid #EDEBE5;
}
.or-dashboard .tabs-menu .tabs .tab.active {
  color: #EDEBE5;
  border-bottom: 2px solid #EDEBE5;
}
.or-dashboard .header {
  z-index: 100000;
  width: 100%;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: 75px;
}
.or-dashboard .header .header-wrapper {
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  background-color: white;
  padding: 10px;
}
.or-dashboard .header .links {
  display: -webkit-box;
  display: flex;
  gap: 8px;
}
.or-dashboard .header .links .link {
  cursor: pointer;
}
.or-dashboard .header .links .circle {
  border: 1px solid #E9ECEF;
  border-radius: 50% !important;
  color: #12382D;
}
.or-dashboard .header .links .circle:hover {
  background-color: #cde5b9;
  border-color: #cde5b9;
}
.or-dashboard .header .links .notification {
  position: relative;
}
.or-dashboard .header .links .notification .badge {
  position: absolute;
  top: -5px;
  right: -5px;
  background-color: #0C2820;
  color: white;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.or-dashboard .header .links .user {
  margin-left: 30px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  cursor: pointer;
  padding-right: 30px;
}
.or-dashboard .header .links .user .name {
  color: black;
  margin-left: 10px;
}
.or-dashboard .header .links .search {
  margin-left: 30px;
}
.or-dashboard .navigation {
  background-color: #1f4338;
  padding-top: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  height: 100%;
  overflow-y: scroll;
  flex-shrink: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  color: white;
}
.or-dashboard .navigation .logo {
  height: 75px;
}
.or-dashboard .navigation .logo img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  background-color: #0C2820;
}
.or-dashboard .navigation .logo img.minimal {
  display: none;
}
.or-dashboard .navigation .wrapper {
  -webkit-box-flex: 1;
          flex: 1;
  padding: 50px 20px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.or-dashboard .navigation.minimal {
  max-width: 100px;
}
.or-dashboard .navigation.minimal .logo img {
  display: none;
}
.or-dashboard .navigation.minimal .logo img.minimal {
  display: block;
}
.or-dashboard .navigation.minimal .extended, .or-dashboard .navigation.minimal .collapse {
  display: none;
}
.or-dashboard .navigation .icon-spacing {
  margin-left: 10px;
}
.or-dashboard .navigation .links {
  margin-top: 20px;
}
.or-dashboard .navigation .add-new {
  width: 100%;
  border-radius: 16px;
  color: #000;
  padding: 15px 15px;
  background-color: #cde5b9;
  border: none;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  white-space: nowrap;
  text-decoration: none;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
}
.or-dashboard .navigation .add-new:hover {
  background-color: #b2d794;
}
.or-dashboard .navigation .nav-links {
  margin-top: 20px;
}
.or-dashboard .navigation .nav-link {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  padding: 15px;
  margin: 0;
  border-radius: 8px;
  color: inherit;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
}
.or-dashboard .navigation .nav-link:hover {
  background-color: #0C2820;
}
.or-dashboard .navigation .nav-link div {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.or-dashboard .navigation .nav-link img {
  margin-right: 16px;
}
.or-dashboard .navigation .link-text {
  margin-right: 10px;
}
.or-dashboard .navigation .sub-link {
  padding: 10px;
  padding-left: 49px;
  display: block;
  white-space: nowrap;
}
.or-dashboard .navigation .sub-link:hover {
  background-color: #0C2820;
}
.or-dashboard .navigation .clean-link {
  color: inherit;
}
.or-dashboard .navigation .clean-link:hover, .or-dashboard .navigation .clean-link:focus {
  color: inherit;
  text-decoration: none;
}
.or-dashboard .navigation .help-center {
  text-align: center;
  width: 100%;
  border-radius: 16px;
  color: white;
  padding-top: 15px;
  padding-bottom: 15px;
  border: 1px solid lightgray;
  background-color: transparent;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  white-space: nowrap;
}
.or-dashboard .navigation .help-center:hover {
  background-color: #cde5b9;
  border-color: #cde5b9;
  text-decoration: none;
  color: inherit;
}
.or-dashboard .navigation .note {
  display: block;
  text-align: center;
  margin-top: 20px;
  white-space: nowrap;
}
.or-dashboard .navigation .toggle-button {
  margin: 0 auto;
  cursor: pointer;
  background: #cde5b9;
  width: 50px;
  border-radius: 16px;
  color: #000;
  margin-top: 20px;
  padding: 5px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.or-dashboard .navigation .logout {
  text-align: center;
  margin-top: 20px;
  display: block;
  color: inherit;
}
.or-dashboard .activity {
  border-radius: 5px;
  margin: 10px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}
.or-dashboard .activity .numbers {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.or-dashboard .activity .current {
  font-weight: 700;
  font-size: 24px;
  margin-right: 5px;
}
.or-dashboard .activity .total {
  color: gray;
}
.or-dashboard .activity .name {
  color: gray;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
}
.or-dashboard .activity .circle {
  position: relative;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  border: none;
}
.or-dashboard .activity .circular-progress {
  --size: 100%;
  --half-size: calc(var(--size)/2);
  --stroke-width: 20px;
  --radius: calc((var(--size) - var(--stroke-width))/2);
  --circumference: calc(var(--radius) * pi * 2);
  --dash: calc((var(--progress)*var(--circumference))/100);
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  --color: #5394fd;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.or-dashboard .activity .circular-progress circle {
  cx: var(--half-size);
  cy: var(--half-size);
  r: var(--radius);
  stroke-width: var(--stroke-width);
  fill: none;
  stroke-linecap: round;
}
.or-dashboard .activity .circular-progress circle.bg {
  stroke: #ddd;
}
.or-dashboard .activity .circular-progress circle.fg {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: var(--half-size) var(--half-size);
          transform-origin: var(--half-size) var(--half-size);
  stroke-dasharray: var(--dash) calc(var(--circumference) - var(--dash));
  -webkit-transition: stroke-dasharray 0.3s linear 0s;
  transition: stroke-dasharray 0.3s linear 0s;
  stroke: var(--color);
}
.or-dashboard .integration {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}
.or-dashboard .integration .settings {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  background: white;
  padding: 15px;
  margin-bottom: 50px;
}
.or-dashboard .integration .settings .categories {
  display: -webkit-box;
  display: flex;
  gap: 5px;
}
.or-dashboard .integration .settings .categories .category {
  cursor: pointer;
  text-align: center;
  padding: 8px 16px;
  font-size: 11px;
  font-weight: 500;
  line-height: 15.03px;
}
.or-dashboard .integration .settings .categories .category:hover {
  background: #e8f3de;
}
.or-dashboard .integration .settings .categories .category.selected {
  background: #cde5b9;
}
.or-dashboard .integration .settings .search {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 2px;
}
.or-dashboard .integration .settings .search .feather {
  height: 15px;
}
.or-dashboard .integration .settings .search input {
  border: none;
  font-size: 11px;
  font-weight: 500;
  line-height: 15.03px;
}
.or-dashboard .integration .preview {
  position: relative;
  border-radius: 6px;
  height: 151px;
}
.or-dashboard .integration .preview .banner {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.or-dashboard .integration .preview .avatar {
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 87px;
  height: 87px;
  border-radius: 50%;
  background: white;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  padding: 5px;
}
.or-dashboard .integration .preview .avatar img {
  width: 100%;
}
.or-dashboard .integration .preview .favorite {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 21px;
  height: 21px;
  background: white;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  padding: 2px;
  border-radius: 4px;
}
.or-dashboard .integration .preview .favorite .feather {
  color: #FFC72C;
}
.or-dashboard .integration .preview .favorite .feather.selected polygon {
  fill: #FFC72C;
}
.or-dashboard .integration .heading {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}
.or-dashboard .integration .heading .name {
  font-size: 16px;
  font-weight: 600;
  line-height: 21.86px;
}
.or-dashboard .integration .heading .category {
  padding: 3px 7px;
  background: #EFEFEF;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 500;
  line-height: 13.66px;
  text-align: center;
  text-transform: capitalize;
}
.or-dashboard .integration .description {
  font-size: 11px;
  font-weight: 400;
  line-height: 15px;
  margin-bottom: 20px;
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.or-dashboard .integration .state {
  font-size: 11px;
  border-radius: 4px;
  padding: 8px 14px;
  background: #E5E5E5;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 3px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.or-dashboard .integration .state .feather {
  height: 15px;
}
.or-dashboard .integration .state.installed {
  background: #cde5b9;
}
.or-dashboard .responsive-toggle {
  display: -webkit-box;
  display: flex;
  gap: 22px;
  color: white;
}
.or-dashboard .responsive-toggle > svg {
  color: gray;
}
.or-dashboard .responsive-toggle > svg.active {
  color: white;
}
.or-dashboard .responsive-toggle > svg:hover {
  cursor: pointer;
  color: white;
}
.or-dashboard .form-block {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}
.or-dashboard .form-block > .details {
  padding-bottom: 24px;
  border-bottom: 1px solid #E9ECEF;
}
.or-dashboard .form-block > .details .title {
  margin-top: 0;
  color: #1F1F1F;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.or-dashboard .form-block > .details .description {
  color: #575D63;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  margin-bottom: 0;
}
.or-dashboard .form-block > .details .progress-tracker {
  width: 100%;
  height: 8px;
  background: #DEE2E6;
  margin-top: 12px;
  margin-bottom: 24px;
}
.or-dashboard .form-block > .details .progress-tracker .current {
  height: 100%;
  background: #12382D;
  -webkit-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out;
}
.or-dashboard .form-block .sections .section {
  padding-bottom: 24px;
  border-bottom: 1px solid #E9ECEF;
}
.or-dashboard .form-block .sections .section:not(:first-child) {
  margin-top: 24px;
}
.or-dashboard .form-block .sections .section:last-child {
  border-bottom: none;
}
.or-dashboard .form-block .sections .section .header-wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}
.or-dashboard .form-block .sections .section .details .title {
  margin-top: 0;
  color: #3B4045;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.or-dashboard .form-block .sections .section .details .description {
  color: #575D63;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  margin-bottom: 24px;
}
.or-dashboard .form-block .sections .section .elements .element {
  padding-bottom: 10px;
}
.or-dashboard .form-block .sections .section .elements .element label {
  text-transform: unset;
  color: #575D63;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 6px;
  display: block;
}
.or-dashboard .form-block .sections .section .elements .element .input {
  width: 100%;
  color: #1F1F1F;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 12px 14px;
  border: 1px solid #C2C7CC;
  margin-bottom: 10px;
}
.or-dashboard .form-block .sections .section .elements .element .select {
  color: #1F1F1F !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
}
.or-dashboard .form-block .sections .section .elements .element .select .items {
  height: 50px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
}
.or-dashboard .form-block .sections .section .elements .element .select .selectize-input {
  border: 1px solid #C2C7CC;
}
.or-dashboard .form-block .sections .section .elements .element .select .selectize-input .item {
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
}
.or-dashboard .form-block .sections .section .elements .element .select .selectize-input::after {
  top: 50% !important;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.or-dashboard .form-block .sections .section .elements .element .textarea {
  width: 100%;
  height: 165px;
  resize: none;
  border: 1px solid #C2C7CC;
  padding: 12px 14px;
  color: #1F1F1F;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.or-dashboard .form-block .sections .section .elements .element .privacy_textarea {
  height: 450px;
}
.or-dashboard .form-block .sections .section .elements .element .template {
  display: -webkit-box;
  display: flex;
  gap: 24px;
}
.or-dashboard .form-block .sections .section .elements .element .template .image {
  width: 154px;
  height: 92px;
  -o-object-fit: cover;
     object-fit: cover;
}
.or-dashboard .form-block .sections .section .elements .element .template .actions {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 12px;
  -webkit-box-pack: center;
          justify-content: center;
}
.or-dashboard .form-block .sections .section .elements .element .image-upload .image {
  width: 400px;
  height: 179px;
  margin-bottom: 12px;
}
.or-dashboard .form-block .sections .section .elements .element .image-upload .note {
  color: #575D63;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 12px;
}
.or-dashboard .form-block .sections .section .elements .element .switch {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}
.or-dashboard .form-block .sections .section .elements .element .switch .label {
  color: #3B4045;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
  padding: 0;
}
.or-dashboard .form-block .sections .section .elements .element .switch-element {
  position: relative;
  width: 115px;
  height: 45px;
  --padding: 3px;
  --speed: 0.25s;
}
.or-dashboard .form-block .sections .section .elements .element .switch-element .text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
  gap: 20px;
  pointer-events: none;
}
.or-dashboard .form-block .sections .section .elements .element .switch-element .text .off {
  color: #6C757D;
  -webkit-transition: var(--speed) ease-in-out;
  transition: var(--speed) ease-in-out;
  margin: 0;
  width: 36px;
  text-align: center;
}
.or-dashboard .form-block .sections .section .elements .element .switch-element .text .on {
  color: #6C757D;
  -webkit-transition: var(--speed) ease-in-out;
  transition: var(--speed) ease-in-out;
  margin: 0;
  width: 36px;
  text-align: center;
}
.or-dashboard .form-block .sections .section .elements .element .switch-element input:checked ~ .text .on {
  color: #E9ECEF;
  -webkit-transition: var(--speed) ease-in-out;
  transition: var(--speed) ease-in-out;
}
.or-dashboard .form-block .sections .section .elements .element .switch-element input[type=checkbox] {
  width: 0;
  height: 0;
  visibility: hidden;
}
.or-dashboard .form-block .sections .section .elements .element .switch-element label {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: #E9ECEF;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: var(--speed) ease-in-out;
  transition: var(--speed) ease-in-out;
}
.or-dashboard .form-block .sections .section .elements .element .switch-element label::after {
  content: "";
  width: 45%;
  height: calc(100% - 8px);
  background-color: #FFF;
  position: absolute;
  border-radius: 8px;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  left: var(--padding);
  -webkit-transition: var(--speed) ease-in-out;
  transition: var(--speed) ease-in-out;
}
.or-dashboard .form-block .sections .section .elements .element .switch-element input:checked + label:after {
  left: calc(100% - var(--padding));
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
}
.or-dashboard .form-block .sections .section .elements .element .switch-element input:checked + label:after {
  background-color: #206652;
  -webkit-transition: var(--speed) ease-in-out;
  transition: var(--speed) ease-in-out;
}
.or-dashboard .form-block .sections .section .elements .element .checkbox-multiple-image .note {
  margin-bottom: 24px;
}
.or-dashboard .form-block .sections .section .elements .element .checkbox-multiple-image .checkboxes {
  display: -webkit-box;
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
}
.or-dashboard .form-block .sections .section .elements .element .checkbox-multiple-image .checkboxes input {
  display: none;
}
.or-dashboard .form-block .sections .section .elements .element .checkbox-multiple-image .checkboxes .card {
  width: 111.5px;
  height: 130px;
  padding: 6px 9px;
  border-radius: 4px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  gap: 15px;
  cursor: pointer;
  color: #000;
}
.or-dashboard .form-block .sections .section .elements .element .checkbox-multiple-image .checkboxes .card .image {
  width: 28px;
  height: 28px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  margin: 0 auto;
}
.or-dashboard .form-block .sections .section .elements .element .checkbox-multiple-image .checkboxes .card .title {
  text-align: center;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.or-dashboard .form-block .sections .section .elements .element .checkbox-multiple-image .checkboxes input:checked ~ label .card {
  background: #206652;
  color: white;
}
.or-dashboard .form-block .sections .section .elements .element .questions {
  display: -webkit-box;
  display: flex;
  gap: 32px;
  -webkit-box-align: start;
          align-items: flex-start;
}
.or-dashboard .form-block .sections .section .elements .element .questions .types {
  -webkit-box-flex: 1;
          flex: 1;
}
.or-dashboard .form-block .sections .section .elements .element .questions .types .type {
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
  padding: 16px;
  border-radius: 4px;
  border: 1px solid #DEE2E6;
  background: #F8F9FA;
  margin-bottom: 12px;
}
.or-dashboard .form-block .sections .section .elements .element .questions .form {
  -webkit-box-flex: 4;
          flex: 4;
  border-radius: 4px;
  border: 1px solid #DEE2E6;
  background: #F8F9FA;
  padding: 16px 24px;
}
.or-dashboard .form-block .sections .section .elements .element .questions .form .type {
  border-radius: 4px;
  border: 1px solid #DEE2E6;
  background: #FFF;
  color: #3B4045;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 21px 17px;
}
.or-dashboard .form-block .sections .section .elements .element .user {
  padding: 12px 14px;
  border-radius: 8px;
  border: 1px solid var(--Gray-scale-Gray-300, #DEE2E6);
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.or-dashboard .form-block .sections .section .elements .element .user .details {
  display: -webkit-box;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
          align-items: center;
}
.or-dashboard .form-block .sections .section .elements .element .user .details .avatar {
  border-radius: 4px;
  border: 1px solid var(--Gray-scale-Gray-200, #E9ECEF);
  width: 37px;
  height: 37px;
}
.or-dashboard .form-block .sections .section .elements .element .user .details .avatar .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.or-dashboard .form-block .sections .section .elements .element .user .details .select {
  padding: 12px 14px;
  border: 1px solid #C2C7CC;
  background-color: transparent;
}
.or-dashboard .form-block .sections .section .elements .element .user .details .name {
  color: #000;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  margin-bottom: 0;
}
.or-dashboard .form-block .sections .section .elements .element .user .action {
  cursor: pointer;
  border-radius: 6px;
  border: 1px solid #EDE5E5;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  padding: 5px;
}
.or-dashboard .form-block .sections .section .description {
  color: #6D6D6D;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.or-dashboard .form-block .sections .section .or-table {
  width: 100%;
  padding: 6px 5px 6px 5px;
  gap: 68px;
  border-radius: 4px 4px 0px 0px;
}
.or-dashboard .form-block .sections .section .or-table tr {
  width: 100%;
  height: 50px;
  padding: 10px;
  border-radius: 4px 4px 0 0;
  border: 1px solid var(--Gray-scale-Gray-200, #E9ECEF);
  border-collapse: separate;
}
.or-dashboard .form-block .sections .section .or-table td {
  padding: 10px;
}
.or-dashboard .form-block .sections .section .or-table td .border-box {
  border: 1px solid #EDE5E5;
  border-radius: 4px;
}
.or-dashboard .form-block .sections .section .or-table th {
  padding: 10px;
  background-color: var(--Gray-scale-Gray-100, #F8F9FA);
  border-radius: 4px 4px 0 0;
}
.or-dashboard .form-block .sections .section .organisation .items {
  border-left: 5px solid #12382D;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.or-dashboard .form-block .sections .section .organisation .items .item {
  border: 1px solid #C2C7CC;
  padding: 12px 24px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}
.or-dashboard .form-block .sections .section .organisation .items .item .details .subheading {
  margin: 0;
  color: #6C757D;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
}
.or-dashboard .form-block .sections .section .organisation .items .item .details .heading {
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  margin: 0;
}
.or-dashboard .form-block .sections .section .organisation .items .item .actions {
  display: -webkit-box;
  display: flex;
  gap: 6px;
}
.or-dashboard .form-block .sections .section .organisation .items .item .actions .action {
  border-radius: 6px;
  border: 1px solid #EDE5E5;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  padding: 2px;
  cursor: pointer;
}
.or-dashboard .form-block .sections .section .organisation .items .nested {
  margin-right: 50px;
}
.or-dashboard .form-block .sections .section .payment {
  margin-bottom: 24px;
  border: 1px solid #E9ECEF;
  padding: 14px 16px;
}
.or-dashboard .form-block .sections .section .payment.plan .details {
  display: -webkit-box;
  display: flex;
  gap: 10px;
}
.or-dashboard .form-block .sections .section .payment.plan .details .heading {
  color: #575D63;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}
.or-dashboard .form-block .sections .section .payment.plan .details .note {
  color: #3B4045;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
  border-radius: 4px;
  background: #CDE5B9;
  padding: 4px 8px;
}
.or-dashboard .form-block .sections .section .payment.plan .description {
  color: #575D63;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  margin: 0;
}
.or-dashboard .form-block .sections .section .payment.method {
  display: -webkit-box;
  display: flex;
  gap: 10px;
}
.or-dashboard .form-block .sections .section .payment.method .logo {
  width: 53px;
}
.or-dashboard .form-block .sections .section .payment.method .details .heading {
  color: #575D63;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}
.or-dashboard .form-block .sections .section .payment.method .details .description {
  color: #575D63;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  margin: 0;
}
.or-dashboard .form-block .sections .section .table .status {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 5px;
}
.or-dashboard .form-block .sections .section .table .status .ping {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background: #28A745;
}
.or-dashboard .form-block .sections .privacy_policy_container {
  display: -webkit-box;
  display: flex;
  padding: 24px 32px 32px 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: start;
          align-items: flex-start;
  gap: 32px;
  -webkit-box-flex: 1;
          flex: 1 0 0;
}
.or-dashboard .form-block .sections .message-section {
  display: -webkit-box;
  display: flex;
  padding: 24px 32px 32px 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: start;
          align-items: flex-start;
  gap: 32px;
  -webkit-box-flex: 1;
          flex: 1 0 0;
}
.or-dashboard .form-block .sections .messages-top-bar {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 12px;
  align-self: stretch;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-bottom: -30px;
}
.or-dashboard .form-block .sections .messages-top-bar .icons {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 12px;
  -webkit-box-pack: center;
          justify-content: center;
}
.or-dashboard .form-block .sections .messages-top-bar .icons .element {
  padding-bottom: 0;
}
.or-dashboard .form-block .actions {
  display: -webkit-box;
  display: flex;
  gap: 16px;
}
.or-dashboard .form-block .right {
  -webkit-box-pack: end;
          justify-content: flex-end;
}
.or-dashboard .form-block .w-25 {
  width: 25%;
}
.or-dashboard .form-block .header-wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}
.or-dashboard .job-posting {
  width: 100%;
}
.or-dashboard .job-posting .controls {
  background: #F8F9FA;
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
          justify-content: flex-end;
  padding: 12px 32px;
}
.or-dashboard .job-posting .controls .buttons {
  display: -webkit-box;
  display: flex;
  gap: 16px;
}
.or-dashboard .job-posting .views {
  max-width: 1116px;
  margin: 0 auto;
}
.or-dashboard .custom-modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.or-dashboard .custom-modal.add .title {
  color: #1F1F1F;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.or-dashboard .custom-modal.add .types {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
          align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  margin-left: -8px !important;
  margin-right: -8px !important;
  padding-bottom: 8px;
}
.or-dashboard .custom-modal.add .types .item {
  display: -webkit-box;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
          align-items: center;
  height: 50px;
  min-width: 300px;
  color: inherit;
  text-decoration: none;
  padding: 10px 16px;
  border-radius: 6px;
  background: #E9ECEF;
}
.or-dashboard .custom-modal.add .types .item > * {
  margin: 0;
}
.or-dashboard .custom-modal .actions {
  display: -webkit-box;
  display: flex;
  gap: 16px;
  padding-top: 32px;
}
.or-dashboard .custom-modal .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #50505066;
  z-index: 999999;
}
.or-dashboard .custom-modal .content {
  z-index: 999999;
  background: white;
  padding: 52px 42px;
  min-width: 900px;
}
.or-dashboard .or-table-div {
  overflow-x: auto;
}
.or-dashboard .or-table {
  width: 100%;
  padding: 6px 5px 6px 5px;
  gap: 68px;
  border-radius: 4px 4px 0px 0px;
}
.or-dashboard .or-table tr {
  width: 100%;
  height: 50px;
  padding: 10px;
  border-radius: 4px 4px 0 0;
  border: 1px solid var(--Gray-scale-Gray-200, #E9ECEF);
  border-collapse: separate;
}
.or-dashboard .or-table td {
  padding: 10px;
}
.or-dashboard .or-table td .border-box {
  border: 1px solid #EDE5E5;
  border-radius: 4px;
}
.or-dashboard .or-table th {
  padding: 10px;
  background-color: var(--Gray-scale-Gray-100, #F8F9FA);
  border-radius: 4px 4px 0 0;
}
.or-dashboard .or-table th .widget-header {
  color: #575D63;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
}
.or-dashboard .or-table .compare-cell {
  display: -webkit-box;
  display: flex;
  align-content: center;
  gap: 12px;
}
.or-dashboard .or-table .compare-text {
  color: #575D63;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 23px;
}
.or-dashboard .or-table .compare-bar {
  height: 28px;
}
.or-dashboard .or-table .compare-number {
  width: 16px;
  flex-shrink: 0;
}
.or-dashboard .or-table .table-text {
  color: #575D63;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
}
.or-dashboard .font-weight-bold {
  font-weight: 700 !important;
}
.or-dashboard .w-100 {
  width: 100%;
}
.or-dashboard .hide {
  display: none;
}
.or-dashboard .right-align {
  text-align: right;
}
.or-dashboard .select.not-selectized {
  cursor: pointer;
  border: 1px solid #E0E0E0;
  background: white;
  border-radius: 6px;
  padding: 9px;
}
.or-dashboard .department {
  border: 0.5px solid #e7e7e7;
}
.or-dashboard .department .stripes {
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: flex;
  position: relative;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}
.or-dashboard .department .stripes .stripe-1 {
  background-color: #a7a7a7;
  width: 2px;
  height: 100%;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}
.or-dashboard .department .stripes .stripe-2 {
  background-color: #a7a7a7;
  width: 100%;
  height: 2px;
  position: absolute;
}
.or-dashboard .department:not(:last-child) {
  margin-bottom: 24px;
}
.or-dashboard .department .title {
  cursor: pointer;
  padding: 16px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 16px;
  border-bottom: 1px solid #e9e9e9;
}
.or-dashboard .department .department-body {
  display: grid;
  grid-template-rows: 0fr;
  -webkit-transition: grid-template-rows 200ms ease-in-out;
  transition: grid-template-rows 200ms ease-in-out;
  transition: grid-template-rows 200ms ease-in-out, -ms-grid-rows 200ms ease-in-out;
}
.or-dashboard .department .department-body .inner {
  overflow: hidden;
}
.or-dashboard .department .department-body .inner .wrapper {
  padding: 16px 20px 24px;
}
.or-dashboard .department.open > .title > .stripes {
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}
.or-dashboard .department.open > .title > .stripes .stripe-1 {
  opacity: 0;
}
.or-dashboard .department.open > .department-body {
  grid-template-rows: 1fr;
}

.gdpr-inpput-wrapper {
  display: -webkit-box;
  display: flex;
  padding: 24px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: start;
          align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #E2E2E2;
  background: #F8F9FA;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.gdpr-inpput-wrapper .rules-icons {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: center;
          align-items: center;
  gap: 12px;
}
.gdpr-inpput-wrapper .rules-checkbox-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}
.gdpr-inpput-wrapper .gdpr-title {
  color: #3B4045;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Class to trigger animation */
.fade-in {
  -webkit-animation: fadeIn 0.5s ease-in-out;
          animation: fadeIn 0.5s ease-in-out;
}

.open-recruit .designer {
  width: 100%;
  margin: 0 auto;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background: white;
}
.open-recruit .designer .design {
  background: white;
}
.open-recruit .designer-settings {
  display: -webkit-box;
  display: flex;
  gap: 10px;
}
.open-recruit .designer-settings .select {
  width: 220px;
}
.open-recruit .designer .hero {
  position: relative;
}
.open-recruit .designer .hero .banner {
  height: 520px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 25%;
     object-position: 50% 25%;
}
.open-recruit .designer .hero .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
}
.open-recruit .designer .hero .content {
  position: absolute;
  top: 50%;
  left: 80px;
  width: 495px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.open-recruit .designer .hero .content .heading {
  color: var(--White, #FFF);
  font-family: Navigo;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.32px;
}
.open-recruit .designer .hero .content .cta {
  margin-top: 20px;
  padding: 16px 0;
  text-align: center;
  display: block;
  width: 225px;
  text-align: center;
  font-family: Navigo;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.12px;
  text-transform: uppercase;
}
.open-recruit .designer .intro {
  max-width: 424px;
  margin: 0 auto;
  text-align: center;
  padding: 80px 0;
}
.open-recruit .designer .intro .subheading {
  color: #1F1F1F;
  font-family: "Futura PT";
  font-size: 15px;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
  letter-spacing: 1.65px;
  text-transform: uppercase;
  opacity: 0.6;
}
.open-recruit .designer .intro .heading {
  margin-top: 18px;
  color: #1F1F1F;
  font-family: Marcellus;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.28px;
}
.open-recruit .designer .intro .description {
  color: #1F1F1F;
  font-family: "Futura PT";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.75px;
  margin: 21px 0;
  opacity: 0.8;
}
.open-recruit .designer .intro .link {
  color: white;
  display: block;
  margin: 0 auto;
  width: 146px;
  background: #1C1C1C;
  padding: 14px;
  text-align: center;
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 2.08px;
  text-transform: uppercase;
}
.open-recruit .designer .points {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: var(--flex-direction);
  gap: 32px;
  text-align: center;
  border-top: 1px solid #E0E0E0;
  padding: 60px 0;
  -webkit-box-align: center;
          align-items: center;
}
.open-recruit .designer .points .point {
  width: 234px;
}
.open-recruit .designer .points .point .subheading {
  color: #1F1F1F;
  text-align: center;
  font-family: "Futura PT";
  font-size: 15px;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
  letter-spacing: 1.65px;
  text-transform: uppercase;
  opacity: 0.6;
}
.open-recruit .designer .points .point .heading {
  color: #1F1F1F;
  text-align: center;
  font-family: Marcellus;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.84px;
}
.open-recruit .designer .image-and-text {
  display: -webkit-box;
  display: flex;
}
.open-recruit .designer .image-and-text.reversed {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
          flex-direction: row-reverse;
}
.open-recruit .designer .image-and-text > * {
  width: 50%;
}
.open-recruit .designer .image-and-text .image {
  height: 638px;
  -o-object-fit: cover;
     object-fit: cover;
}
.open-recruit .designer .image-and-text .content {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  background: #F5F5F5;
}
.open-recruit .designer .image-and-text .content .wrapper {
  padding: 20px;
  max-width: 424px;
}
.open-recruit .designer .image-and-text .content .heading {
  color: #1F1F1F;
  font-family: Marcellus;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.76px;
}
.open-recruit .designer .image-and-text .content .description {
  color: #1F1F1F;
  font-family: "Futura PT";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.75px;
  opacity: 0.8;
}
.open-recruit .designer .image-and-text .content .list {
  color: #1F1F1F;
  font-family: "Futura PT";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.75px;
  opacity: 0.8;
}
.open-recruit .designer .team {
  padding: 80px 0;
}
.open-recruit .designer .team .heading {
  color: #1F1F1F;
  text-align: center;
  font-family: Marcellus;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.76px;
}
.open-recruit .designer .team .members {
  display: grid;
  gap: 64px 0;
  -webkit-box-pack: center;
          justify-content: center;
  margin: 0 auto;
  margin-top: 66px;
}
.open-recruit .designer .team .members.col-3 {
  grid-template-columns: repeat(auto-fill, minmax(33%, 1fr));
}
.open-recruit .designer .team .members .member {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
}
.open-recruit .designer .team .members .member .avatar {
  height: 120px;
  width: 120px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.open-recruit .designer .team .members .member .name {
  color: #1F1F1F;
  text-align: center;
  font-family: Marcellus;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 23.8px;
  letter-spacing: 0.34px;
  opacity: 0.8;
}
.open-recruit .designer .team .members .member .position {
  max-width: 302px;
  text-align: center;
  color: #1F1F1F;
  text-align: center;
  font-family: "Futura PT";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.75px;
  opacity: 0.8;
}
.open-recruit .designer .cta-banner {
  position: relative;
}
.open-recruit .designer .cta-banner .image {
  width: 100%;
  height: 450px;
  -o-object-fit: cover;
     object-fit: cover;
}
.open-recruit .designer .cta-banner .content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}
.open-recruit .designer .cta-banner .content .text {
  color: white;
  text-align: center;
  font-family: Marcellus;
  font-size: 23px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.92px;
}
.open-recruit .designer .cta-banner .content .button {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  margin-top: 21px;
  background: white;
  padding: 14px 30px;
  color: #1F1F1F;
  text-align: center;
  font-family: "Futura PT";
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 2.08px;
  text-transform: uppercase;
}
.open-recruit .designer .socials {
  display: -webkit-box;
  display: flex;
  gap: 20px;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 120px 0;
}
.open-recruit .designer .image-row {
  padding: 77px 79px;
}
.open-recruit .designer .image-row .heading {
  color: #1F1F1F;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.96px;
  margin-bottom: 42px;
}
.open-recruit .designer .image-row .images {
  display: -webkit-box;
  display: flex;
  gap: 32px;
}
.open-recruit .designer .image-row .images .image {
  height: 434px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.open-recruit .designer .profile {
  display: -webkit-box;
  display: flex;
  gap: 37px;
  -webkit-box-align: center;
          align-items: center;
  padding: 60px 80px;
}
.open-recruit .designer .profile .avatar {
  border-radius: 8px;
  border: 1px solid #E8E8E8;
  background: #FFF;
  padding: 18px;
}
.open-recruit .designer .profile .avatar .image {
  border-radius: 50%;
  width: 75px;
  height: 75px;
}
.open-recruit .designer .profile .details .heading {
  margin-bottom: 0;
  color: #1F1F1F;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.open-recruit .designer .profile .details .country {
  color: #1F1F1F;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  opacity: 0.5;
}
.open-recruit .designer.phone .hero .content {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  padding: 25px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
}
.open-recruit .designer.phone .team .members {
  grid-template-columns: 1fr;
}
.open-recruit .designer.phone .points {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.open-recruit .designer.phone .image-and-text {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.open-recruit .designer.phone .image-and-text > * {
  width: 100%;
}
.open-recruit .designer.phone .image-and-text .image {
  height: 250px;
  -webkit-box-flex: 1;
          flex: auto;
}
.open-recruit .designer.phone .image-row .images {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

#introduction {
  height: 200px;
}

.panel-heading .btn:first-child {
  margin-left: 20px;
}
.panel-heading .btn:first-child.pull-right {
  margin-left: 6px;
}

.cookie-bar {
  position: fixed;
  bottom: 0;
  background-color: #1b1919;
  color: #d9d9d9;
  width: 100%;
  padding: 10px 0;
  box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, 0.3);
  display: none;
  z-index: 9999;
}
.cookie-bar .cookie-icon {
  width: 60px;
  float: left;
  color: #ffcc00;
  font-size: 30px;
}
@media screen and (max-width: 768px) {
  .cookie-bar .cookie-icon {
    width: 30px;
    font-size: 20px;
  }
}
.cookie-bar .cookie-text {
  text-align: justify;
  padding-right: 80px;
  padding-left: 60px;
}
@media screen and (max-width: 768px) {
  .cookie-bar .cookie-text {
    padding-left: 30px;
    padding-right: 60px;
  }
}
@media screen and (max-width: 480px) {
  .cookie-bar .cookie-text {
    clear: both;
    padding: 10px 0 0 0;
  }
}

.clearfix {
  clear: both;
}
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.mt-1 {
  margin-top: 1rem;
}

.mt-2 {
  margin-top: 2rem;
}

.mt-3 {
  margin-top: 3rem;
}