/**
 * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (http://richclarkdesign.com)
 * http://cssreset.com
 */
/* General Reset */
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  vertical-align: baseline;
  font-size: 100%;
  box-sizing: border-box;
}

/* Body */
body {
  line-height: 1;
}

/* HTML5 Elements */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* Lists */
nav ul {
  list-style: none;
}

/* Quotes */
blockquote, q {
  quotes: none;
}

blockquote::before, blockquote::after,
q::before, q::after {
  content: '';
}

/* Tables */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
* {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}

body {
  background-color: #f1f2f4;
  font-family: Helvetica, Arial, sans-serif;
}

a {
  background: transparent;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  word-wrap: break-word;
  transition: color 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42);
  color: #66ae4a;
  text-decoration: none;
}

a:hover {
  color: #5c9c42;
  cursor: pointer;
  text-decoration: underline;
}

a:focus {
  outline: none;
}

ol,
ul {
  list-style: none;
}

p {
  margin-bottom: 12px;
}

img {
  max-width: 100%;
}

/* Typography */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  color: #5c9c42;
  font-weight: 500;
  letter-spacing: -0.5px;
  margin: 24px 0 12px;
}

h1, .h1, h2, .h2 {
  font-size: 32px;
}

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

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

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

/* Utility Classes */
.margin--bottom {
  margin-bottom: 24px;
}

/* Icon Styles */
@font-face {
  font-family: 'metreno-icons';
  font-style: normal;
  font-weight: normal;
  src: url(/assets/metreno-icons-540cd61aaf6418e3863d402d65f56eeb6ca2309b0adb63a39dbf13406f840c16.woff) format("woff"),
       url(/assets/metreno-icons-243759f85b19458df48126a715d173b9b7d578ceb4377e3c504c9bc47898ca11.ttf) format("truetype"),
       url(/assets/metreno-icons-d92fa4b8af35cf4cd61b6425e6e594c8f813d850bdda5ef83501ef405d2ef54c.svg#metreno-icons) format("svg");
}

[class*='icon-']:before {
  font-family: 'metreno-icons';
  font-size: 24px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: sub;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Add specific icon content here */
/* ... (other icons) */

/* Miscellaneous */
.clearfix:after {
  clear: both;
  content: '';
  display: block;
}

.help-block {
  color: #d7d7db;
  font-size: 14px;
  text-transform: uppercase;
}

.section {
  background-color: #fff;
  padding: 24px 24px 12px;
  margin-bottom: 24px;
}

.section:after {
  clear: both;
  content: '';
  display: block;
}

/* Media Queries */
@media (min-width: 991px) {
  a {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }
}

.select2-container {
  z-index: 10000;
}
/* General Styles */
.table th {
	color: #35353b;
}

.actionbar {
	background: #707070;
}

.description {
	color: black !important;
}

.white-line {
	width: 100%;
	height: 20px;
	background-color: white;
}

/* Candidate Header */
.candidate__header {
	background-color: #eeeeee;
	margin: -12px 0 0;
	padding: 2px;
}

/* Task Editing */
.task__editing .inline-editing {
	background-color: #f1f2f4 !important;
}

a.expand, a.collapse {
	font-size: 14px;
	font-weight: 500;
	text-decoration: underline;
	cursor: pointer;
}

a.expand:hover, a.collapse:hover {
	text-decoration: none;
}

a.expand.button, a.collapse.button {
	text-decoration: none;
	display: block;
	background: #ddd;
	padding: 4px 10px;
	text-align: center;
	border-radius: 5px;
	font-weight: 500;
	color: gray;
}

/* Dropdowns */
.dropdown {
	cursor: pointer;
}

ul.dropdown-menu.actions-dropdown {
	z-index: 2000;
}

ul.dropdown-menu.actions-dropdown a {
	color: #66AE4A;
	font-weight: 300;
	margin-left: 5px;
}

ul.dropdown-menu.actions-dropdown a:hover {
	text-decoration: none;
	color: #66AE4A;
	background: none;
}

/* Floating Labels */
.with-floating-labels [contenteditable]:not(.empty),
.with-floating-labels input:not(.empty) {
	padding: 12px 0 !important;
}

/* Task Settings */
.task__settings {
	background-color: #f1f2f4;
	position: relative;
	border: 1px dashed #d7d7db;
	padding-left: 5px;
	margin-right: 5px;
}

.task__settings:hover {
	border-color: #66AE4A;
}

.task__settings .btn.btn-default.dropdown-link {
	background-color: #f1f2f4;
}

.task__settings #task-actions:before,
.task__settings #task-actions:after {
	color: gray;
}

/* Input Styles */
input.flex.no-border {
	background-color: #f1f2f4;
}

img.overdue-tasks {
	margin: 8px 0 0 5px;
	cursor: pointer;
	width: 18px;
	height: 18px;
}
.cg-busy{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
    z-index:1001;
}

.cg-busy-animation.ng-hide-add,
.cg-busy-animation.ng-hide-remove {
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
    display:block !important;
}
.cg-busy-animation.ng-hide-remove {
    opacity:0;
    -webkit-transform:translate(0px,-40px);
    -moz-transform:translate(0px,-40px);
    -ms-transform:translate(0px,-40px);
    -o-transform:translate(0px,-40px);
    transform:translate(0px,-40px);
}
.cg-busy-animation.ng-hide-remove.ng-hide-remove-active {
    opacity:1;
    -webkit-transform:translate(0px,0px);
    -moz-transform:translate(0px,0px);
    -ms-transform:translate(0px,0px);
    -o-transform:translate(0px,0px);
    transform:translate(0px,0px);
}
.cg-busy-animation.ng-hide-add {
    opacity:1;
    -webkit-transform:translate(0px,0px);
    -moz-transform:translate(0px,0px);
    -ms-transform:translate(0px,0px);
    -o-transform:translate(0px,0px);
    transform:translate(0px,0px);
}
.cg-busy-animation.ng-hide-add.ng-hide-add-active {
    opacity:0;
    -webkit-transform:translate(0px,-40px);
    -moz-transform:translate(0px,-40px);
    -ms-transform:translate(0px,-40px);
    -o-transform:translate(0px,-40px);
    transform:translate(0px,-40px);
}

.cg-busy-backdrop {
	background-color:white;
	opacity:.7;
}

.cg-busy-backdrop-animation.ng-hide-add,
.cg-busy-backdrop-animation.ng-hide-remove {
    -webkit-transition:opacity .3s ease;
    -moz-transition:opacity .3s ease;
    -o-transition:opacity .3s ease;
    transition:opacity .3s ease;
    display:block !important;
}

.cg-busy-backdrop-animation.ng-hide {
  opacity:0;
}

/* All styles below are for the default template. */

.cg-busy-default-wrapper {
	text-align:center;
}

.cg-busy-default-sign{
	display: inline-block;
	position:relative;
    z-index:1002;
	padding-bottom: 6px;
	color:#333333;
	text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
	background-color:#e9eeee;
	border:1px solid #dddddd;
	border-top-width:0;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	border-top-left-radius:0;
	border-top-right-radius:0;
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.cg-busy-default-text{
	margin:13px 12px 6px 49px;
	font-size:16px;
	color:#555;
	text-align: left;
	max-width: 400px;
}
.cg-busy-default-spinner{
	position:absolute;
	width:25px;
	height:25px;
	display:inline-block;
	top:12px;
	left:14px;
}
.cg-busy-default-spinner div{
	width:12%;
	height:26%;
	background:#000;
	position:absolute;
	left:44.5%;
	top:37%;
	opacity:0;
	-webkit-animation:cg-busy-spinner-anim 1s linear infinite;
	-moz-animation:cg-busy-spinner-anim 1s linear infinite;
	-ms-animation:cg-busy-spinner-anim 1s linear infinite;
	-o-animation:cg-busy-spinner-anim 1s linear infinite;
	animation:cg-busy-spinner-anim 1s linear infinite;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.2);
	box-shadow:0 0 3px rgba(0,0,0,0.2);
}
.cg-busy-default-spinner div.bar1{
	-webkit-transform:rotate(0deg) translate(0, -142%);
	-moz-transform:rotate(0deg) translate(0, -142%);
	-ms-transform:rotate(0deg) translate(0, -142%);
	-o-transform:rotate(0deg) translate(0, -142%);
	transform:rotate(0deg) translate(0, -142%);
	-webkit-animation-delay:0s;
	-moz-animation-delay:0s;
	-ms-animation-delay:0s;
	-o-animation-delay:0s;
	animation-delay:0s;
}
.cg-busy-default-spinner div.bar2{
	-webkit-transform:rotate(30deg) translate(0, -142%);
	-moz-transform:rotate(30deg) translate(0, -142%);
	-ms-transform:rotate(30deg) translate(0, -142%);
	-o-transform:rotate(30deg) translate(0, -142%);
	transform:rotate(30deg) translate(0, -142%);
	-webkit-animation-delay:-0.9167s;
	-moz-animation-delay:-0.9167s;
	-ms-animation-delay:-0.9167s;
	-o-animation-delay:-0.9167s;
	animation-delay:-0.9167s;
}
.cg-busy-default-spinner div.bar3{
	-webkit-transform:rotate(60deg) translate(0, -142%);
	-moz-transform:rotate(60deg) translate(0, -142%);
	-ms-transform:rotate(60deg) translate(0, -142%);
	-o-transform:rotate(60deg) translate(0, -142%);
	transform:rotate(60deg) translate(0, -142%);
	-webkit-animation-delay:-0.833s;
	-moz-animation-delay:-0.833s;
	-ms-animation-delay:-0.833s;
	-o-animation-delay:-0.833s;
	animation-delay:-0.833s;
}
.cg-busy-default-spinner div.bar4{
	-webkit-transform:rotate(90deg) translate(0, -142%);
	-moz-transform:rotate(90deg) translate(0, -142%);
	-ms-transform:rotate(90deg) translate(0, -142%);
	-o-transform:rotate(90deg) translate(0, -142%);
	transform:rotate(90deg) translate(0, -142%);
	-webkit-animation-delay:-0.75s;
	-moz-animation-delay:-0.75s;
	-ms-animation-delay:-0.75s;
	-o-animation-delay:-0.75s;
	animation-delay:-0.75s;
}
.cg-busy-default-spinner div.bar5{
	-webkit-transform:rotate(120deg) translate(0, -142%);
	-moz-transform:rotate(120deg) translate(0, -142%);
	-ms-transform:rotate(120deg) translate(0, -142%);
	-o-transform:rotate(120deg) translate(0, -142%);
	transform:rotate(120deg) translate(0, -142%);
	-webkit-animation-delay:-0.667s;
	-moz-animation-delay:-0.667s;
	-ms-animation-delay:-0.667s;
	-o-animation-delay:-0.667s;
	animation-delay:-0.667s;
}
.cg-busy-default-spinner div.bar6{
	-webkit-transform:rotate(150deg) translate(0, -142%);
	-moz-transform:rotate(150deg) translate(0, -142%);
	-ms-transform:rotate(150deg) translate(0, -142%);
	-o-transform:rotate(150deg) translate(0, -142%);
	transform:rotate(150deg) translate(0, -142%);
	-webkit-animation-delay:-0.5833s;
	-moz-animation-delay:-0.5833s;
	-ms-animation-delay:-0.5833s;
	-o-animation-delay:-0.5833s;
	animation-delay:-0.5833s;
}
.cg-busy-default-spinner div.bar7{
	-webkit-transform:rotate(180deg) translate(0, -142%);
	-moz-transform:rotate(180deg) translate(0, -142%);
	-ms-transform:rotate(180deg) translate(0, -142%);
	-o-transform:rotate(180deg) translate(0, -142%);
	transform:rotate(180deg) translate(0, -142%);
	-webkit-animation-delay:-0.5s;
	-moz-animation-delay:-0.5s;
	-ms-animation-delay:-0.5s;
	-o-animation-delay:-0.5s;
	animation-delay:-0.5s;
}
.cg-busy-default-spinner div.bar8{
	-webkit-transform:rotate(210deg) translate(0, -142%);
	-moz-transform:rotate(210deg) translate(0, -142%);
	-ms-transform:rotate(210deg) translate(0, -142%);
	-o-transform:rotate(210deg) translate(0, -142%);
	transform:rotate(210deg) translate(0, -142%);
	-webkit-animation-delay:-0.41667s;
	-moz-animation-delay:-0.41667s;
	-ms-animation-delay:-0.41667s;
	-o-animation-delay:-0.41667s;
	animation-delay:-0.41667s;
}
.cg-busy-default-spinner div.bar9{
	-webkit-transform:rotate(240deg) translate(0, -142%);
	-moz-transform:rotate(240deg) translate(0, -142%);
	-ms-transform:rotate(240deg) translate(0, -142%);
	-o-transform:rotate(240deg) translate(0, -142%);
	transform:rotate(240deg) translate(0, -142%);
	-webkit-animation-delay:-0.333s;
	-moz-animation-delay:-0.333s;
	-ms-animation-delay:-0.333s;
	-o-animation-delay:-0.333s;
	animation-delay:-0.333s;
}
.cg-busy-default-spinner div.bar10{
	-webkit-transform:rotate(270deg) translate(0, -142%);
	-moz-transform:rotate(270deg) translate(0, -142%);
	-ms-transform:rotate(270deg) translate(0, -142%);
	-o-transform:rotate(270deg) translate(0, -142%);
	transform:rotate(270deg) translate(0, -142%);
	-webkit-animation-delay:-0.25s;
	-moz-animation-delay:-0.25s;
	-ms-animation-delay:-0.25s;
	-o-animation-delay:-0.25s;
	animation-delay:-0.25s;
}
.cg-busy-default-spinner div.bar11{
	-webkit-transform:rotate(300deg) translate(0, -142%);
	-moz-transform:rotate(300deg) translate(0, -142%);
	-ms-transform:rotate(300deg) translate(0, -142%);
	-o-transform:rotate(300deg) translate(0, -142%);
	transform:rotate(300deg) translate(0, -142%);
	-webkit-animation-delay:-0.1667s;
	-moz-animation-delay:-0.1667s;
	-ms-animation-delay:-0.1667s;
	-o-animation-delay:-0.1667s;
	animation-delay:-0.1667s;
}
.cg-busy-default-spinner div.bar12{
	-webkit-transform:rotate(330deg) translate(0, -142%);
	-moz-transform:rotate(330deg) translate(0, -142%);
	-ms-transform:rotate(330deg) translate(0, -142%);
	-o-transform:rotate(330deg) translate(0, -142%);
	transform:rotate(330deg) translate(0, -142%);
	-webkit-animation-delay:-0.0833s;
	-moz-animation-delay:-0.0833s;
	-ms-animation-delay:-0.0833s;
	-o-animation-delay:-0.0833s;
	animation-delay:-0.0833s;
}

@-webkit-keyframes cg-busy-spinner-anim{
	from {opacity: 1;}
	to {opacity: 0.25;}
}
@-moz-keyframes cg-busy-spinner-anim{
	from {opacity: 1;}
	to {opacity: 0.25;}
}
@keyframes cg-busy-spinner-anim{
	from {opacity: 1;}
	to {opacity: 0.25;}
}
/* Empty and Dropzone Styles */
.angular-ui-tree-empty, 
.angular-ui-tree-dropzone {
    border: 1px dashed #bbb;
    min-height: 100px;
    background-color: #e5e5e5;
    background-image: 
        linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
        linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.angular-ui-tree-empty {
    pointer-events: none;
}

/* Nodes and Node Styles */
.angular-ui-tree-nodes {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

.angular-ui-tree-nodes .angular-ui-tree-nodes {
    padding-left: 20px;
}

.angular-ui-tree-node, 
.angular-ui-tree-placeholder {
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    line-height: 20px;
}

.angular-ui-tree-placeholder {
    margin: 10px;
    min-height: 30px;
}

/* Hidden Element */
.angular-ui-tree-hidden {
    display: none;
}

/* Handle Styles */
.angular-ui-tree-handle {
    cursor: move;
    text-decoration: none;
    font-weight: bold;
    box-sizing: border-box;
    min-height: 20px;
    line-height: 20px;
}

/* Dragging Styles */
.angular-ui-tree-drag {
    position: absolute;
    pointer-events: none;
    z-index: 999;
    opacity: 0.8;
}

.angular-ui-tree-drag .tree-node-content {
    margin-top: 0;
}
.as-sortable-item, .as-sortable-placeholder {
  display: block;
  min-height: 20px;
  margin: 1px 2px 5px 1px;
  border-radius: 10px;
}

.as-sortable-item-handle {
  cursor: move;
}

.as-sortable-placeholder {
  border: 1px dashed darkgrey;
  box-sizing: border-box;
  background-color: #dbdbdb;
}

.as-sortable-drag {
  position: absolute;
  pointer-events: none;
  opacity: .8;
  z-index: 9999;
}

.as-sortable-hidden {
  display: none !important;
}
/* Taken from: https://github.com/tobiasahlin/SpinKit/blob/master/7-three-bounce.html */

.cg-spinner {
    text-align: center;
    top: 50% !important;
    margin-bottom: -9px;
}

.cg-spinner > div {
    width: 18px;
    height: 18px;
    background-color: #333;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.cg-spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.cg-spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 40% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}
.subtask-title-wrapper {
	max-width: calc(100% - 130px);
}

.flexbox {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.flexbox > *:not(:last-child) {
	margin-right: 12px;
}

.flexbox--no-spacing {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.flexbox--end {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.flexbox--end > *:not(:last-child) {
	margin-right: 12px;
}

.flex--shrink {
	-ms-flex: 0 1 auto;
	-webkit-flex: 0 1 auto;
	flex: 0 1 auto;
}

.flex--grow {
	-ms-flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
}

.flex--disable {
	display: inherit !important;
}

.flex--left {
	margin-right: auto !important;
}

.flex--right {
	margin-left: auto !important;
}

.flex--space-between {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flex--space-between > *:not(:last-child) {
	margin-right: 12px;
}

.grid-layout {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.grid-layout > *:not(:last-child) {
	margin-right: 12px;
}

.grid-layout__cell {
	-ms-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	margin-bottom: 12px;
	margin-right: 24px !important;
	max-width: 288px;
	min-width: 192px;
}

.grid-layout input:not([type='checkbox']),
  .grid-layout input:not([type='radio']),
  .grid-layout textarea,
  .grid-layout select {
	width: 100%;
}

.text-align--center {
	text-align: center !important;
}

.text-align--right {
	text-align: right !important;
}

.text-align--left {
	text-align: left !important;
}

.text-align--justify {
	text-align: justify !important;
}

.clearfix:after {
	clear: both;
	content: '';
	display: block;
}

.block {
	display: block !important;
}

.inline-block {
	display: inline-block !important;
}

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

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

.overflow-visible {
	overflow: visible !important;
}

.wide {
	width: 100% !important;
}

.wide--with-icon {
	width: calc(100% - 32px);
}

.unreset {
	border: 1px solid #d7d7db !important;
	width: 100% !important;
}

.text-bright {
	color: #a3a3a8;
}

.text-brighter {
	color: #d7d7db;
}

.hidden {
	display: none !important;
	visibility: hidden !important;
}

.margin--top {
	margin-top: 24px;
}

.margin--bottom {
	margin-bottom: 24px;
}

.strong {
	font-weight: 700;
}

/* --- helpers --------------------------------------------------------------------------------------------------------- */

.clb {
  clear: both;
  height: 0;
  overflow: hidden;
}

.pointer {
  cursor: pointer;
}

.red {
  color: red;
}

/* --- floats ---------------------------------------------------------------------------------------------------------- */

.fltr {
  float: right !important;
}

.fltl {
  float: left !important;
}

/* --- text ------------------------------------------------------------------------------------------------------------ */

.ta_c {
  text-align: center !important;
}

.ta_r {
  text-align: right !important;
}

/* --- padding --------------------------------------------------------------------------------------------------------- */

.pdd_5 {
  padding: 5px;
}

.pdd_10 {
  padding: 10px;
}

.pdd_15 {
  padding: 15px;
}

.pdd_20 {
  padding: 20px;
}

.no_pdd {
  padding: 0 !important;
}

.no_pdd_l {
  padding-left: 0 !important;
}

.no_pdd_t {
  padding-top: 0 !important;
}

.no_pdd_r {
  padding-right: 0 !important;
}

.no_pdd_b {
  padding-bottom: 0 !important;
}

.no_pdd_lr {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.no_pdd_tb {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* --- margin ---------------------------------------------------------------------------------------------------------- */

.mar_5 {
  margin: 5px;
}

.mar_10 {
  margin: 10px;
}

.no_mar {
  margin: 0 !important;
}

.no_mar_l {
  margin-left: 0 !important;
}

.no_mar_t {
  margin-top: 0 !important;
}

.no_mar_r {
  margin-right: 0 !important;
}

.no_mar_b {
  margin-bottom: 0 !important;
}

.ml-a {
  margin-left: auto !important;
}

/* --- width ----------------------------------------------------------------------------------------------------------- */

.w_20 {
  width: 20% !important;
}

.w_30 {
  width: 30% !important;
}

.w_40 {
  width: 40% !important;
}

.w_50 {
  width: 50% !important;
}

.w_60 {
  width: 60% !important;
}

.w_70 {
  width: 70% !important;
}

.w_80 {
  width: 80% !important;
}

/* --- grid system ----------------------------------------------------------------------------------------------------- */

.grid_l {
  float: left;
  width: 50%;
}

.grid_r {
  float: right;
  width: 50%;
}

.grid_10 {
  width: 10px;
}

.grid_20 {
  width: 20px;
}

.grid_30 {
  width: 30px;
}

.grid_40 {
  width: 40px;
}

.grid_50 {
  width: 50px;
}

.grid_60 {
  width: 60px;
}

.grid_70 {
  width: 70px;
}

.grid_80 {
  width: 80px;
}

.grid_90 {
  width: 90px;
}

.grid_100 {
  width: 100px;
}

.grid_110 {
  width: 110px;
}

.dev {
  background: red;
}

.column_left {
  width: 48%;
  float: left;
}

.column_right {
  width: 48%;
  float: right;
}

/* --- diverse --------------------------------------------------------------------------------------------------------- */

.hidden {
  display: none !important;
}

.v_hidden {
  visibility: hidden !important;
}

.va_m {
  vertical-align: middle;
}

.no_border {
  border: none;
}

/* --- unreset --------------------------------------------------------------------------------------------------------- */

.unreset h2 {
  padding: 3px 0;
}

.unreset p {
  padding: 3px 0;
}

.unreset ul {
  padding: 2px 0 2px 22px;
}

.unreset ul li {
  list-style: disc;
}

.unreset .smalltext {
  font-size: 10px;
}

h4 {
  font-weight: bold;
}

.toggle_password {
  margin: 2px 5px !important;
}

.right-float {
  float: right;
}

.search-label {
  text-transform: uppercase;
  color: #a2a2a8;
  font-size: 14px;
}

.search-input {
  border: 1px solid #d0d0d0;
  border-top-color: #bbb;
  padding: 6px 3px;
  font: 12px Arial, Helvetica, Verdana, Tahoma, sans-serif;
  color: #656565;
  background: #fff;
  margin: 0;
  border-radius: 4px;
}

.search-button {
  margin: -1px 0 5px 5px !important;
}

.no-items {
  font-size: 14px;
  margin: 5px;
}

.clearfix:after {
  clear: both;
  content: '';
  display: block;
}

.no-flex {
	display: inherit !important;
}

.homepage__column {
	display: flex;
	flex-direction: column;
	background-color: #fff;
	min-height: 100vh;
	position: relative;
	padding: 0 12px;
}

.homepage__logo {
	margin: auto;
	padding: 1vh 0;
	text-align: center;
}

.homepage__description {
	line-height: 1.4;
}

.homepage__login {
	margin-bottom: auto;
}

.homepage__footer {
	padding: 24px 0;
}

.homepage__footer a:not(:first-child):not(:empty):before {
	color: #35353b;
	content: ' - ';
	display: inline-block;
	padding-right: 3px;
}

@media (min-width: 768px) {
	.homepage {
		background-attachment: fixed;
		background-image: url(/assets/layout/homepage/homepage-bg-48b81059a37f09748fa0859fe27fca1fbfeea702ced6ba5b24c26dcd394aa253.jpg);
		background-position: right 30%;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.homepage__column {
		box-sizing: content-box;
		padding-left: 8.33333%;
		padding-right: 0;
		width: 300px;
	}

	.homepage__column:after {
		background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0.95) 10%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0) 100%);
		background-repeat: no-repeat;
		content: '';
		position: absolute;
		top: 0;
		left: 100%;
		bottom: 0;
		width: 80%;
	}
}

@media (orientation: portrait) {
	.homepage {
		background-position: 70% top;
	}
}
/**
 * Variables declared here can be overridden by consuming applications, with
 * the help of the `!default` flag.
 *
 * @example
 *     // overriding $hoverColor
 *     $hoverColor: rgba(red, 0.05);
 *
 *     // overriding image path
 *     $flagsImagePath: "images/";
 *
 *     // import the scss file after the overrides
 *     @import "bower_component/intl-tel-input/src/css/intlTelInput";
 */
.intl-tel-input {
  position: relative;
  display: inline-block; }
  .intl-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
  .intl-tel-input .hide {
    display: none; }
  .intl-tel-input .v-hide {
    visibility: hidden; }
  .intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0; }
  .intl-tel-input .flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px; }
  .intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    width: 36px;
    height: 100%;
    padding: 0 0 0 8px; }
    .intl-tel-input .selected-flag .iti-flag {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto; }
    .intl-tel-input .selected-flag .iti-arrow {
      position: absolute;
      top: 50%;
      margin-top: -2px;
      right: 6px;
      width: 0;
      height: 0;
      border-left: 3px solid transparent;
      border-right: 3px solid transparent;
      border-top: 4px solid #555; }
      .intl-tel-input .selected-flag .iti-arrow.up {
        border-top: none;
        border-bottom: 4px solid #555; }
  .intl-tel-input .country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll; }
    .intl-tel-input .country-list.dropup {
      bottom: 100%;
      margin-bottom: -1px; }
    .intl-tel-input .country-list .flag-box {
      display: inline-block;
      width: 20px; }
    @media (max-width: 500px) {
      .intl-tel-input .country-list {
        white-space: normal; } }
    .intl-tel-input .country-list .divider {
      padding-bottom: 5px;
      margin-bottom: 5px;
      border-bottom: 1px solid #CCC; }
    .intl-tel-input .country-list .country {
      padding: 5px 10px; }
      .intl-tel-input .country-list .country .dial-code {
        color: #999; }
    .intl-tel-input .country-list .country.highlight {
      background-color: rgba(0, 0, 0, 0.05); }
    .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code {
      vertical-align: middle; }
    .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name {
      margin-right: 6px; }
  .intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0; }
  .intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
    right: auto;
    left: 0; }
  .intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
    width: 46px; }
  .intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer; }
    .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
      background-color: rgba(0, 0, 0, 0.05); }
  .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
    cursor: default; }
    .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
      background-color: transparent; }
  .intl-tel-input.separate-dial-code .selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
    display: table; }
  .intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 28px; }
  .intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
    padding-left: 66px; }
  .intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 60px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
    padding-left: 76px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 70px; }
  .intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
    padding-left: 74px; }
  .intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 68px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
    padding-left: 84px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 78px; }
  .intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
    padding-left: 82px; }
  .intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 76px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
    padding-left: 92px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 86px; }
  .intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
    padding-left: 90px; }
  .intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 84px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
    padding-left: 100px; }
  .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
    width: 94px; }
  .intl-tel-input.iti-container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px; }
    .intl-tel-input.iti-container:hover {
      cursor: pointer; }

.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed; }

.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%; }
  .iti-mobile .intl-tel-input .country-list .country {
    padding: 10px 10px;
    line-height: 1.5em; }

.iti-flag {
  width: 20px; }
  .iti-flag.be {
    width: 18px; }
  .iti-flag.ch {
    width: 15px; }
  .iti-flag.mc {
    width: 19px; }
  .iti-flag.ne {
    width: 18px; }
  .iti-flag.np {
    width: 13px; }
  .iti-flag.va {
    width: 15px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
      background-size: 5630px 15px; } }
  .iti-flag.ac {
    height: 10px;
    background-position: 0px 0px; }
  .iti-flag.ad {
    height: 14px;
    background-position: -22px 0px; }
  .iti-flag.ae {
    height: 10px;
    background-position: -44px 0px; }
  .iti-flag.af {
    height: 14px;
    background-position: -66px 0px; }
  .iti-flag.ag {
    height: 14px;
    background-position: -88px 0px; }
  .iti-flag.ai {
    height: 10px;
    background-position: -110px 0px; }
  .iti-flag.al {
    height: 15px;
    background-position: -132px 0px; }
  .iti-flag.am {
    height: 10px;
    background-position: -154px 0px; }
  .iti-flag.ao {
    height: 14px;
    background-position: -176px 0px; }
  .iti-flag.aq {
    height: 14px;
    background-position: -198px 0px; }
  .iti-flag.ar {
    height: 13px;
    background-position: -220px 0px; }
  .iti-flag.as {
    height: 10px;
    background-position: -242px 0px; }
  .iti-flag.at {
    height: 14px;
    background-position: -264px 0px; }
  .iti-flag.au {
    height: 10px;
    background-position: -286px 0px; }
  .iti-flag.aw {
    height: 14px;
    background-position: -308px 0px; }
  .iti-flag.ax {
    height: 13px;
    background-position: -330px 0px; }
  .iti-flag.az {
    height: 10px;
    background-position: -352px 0px; }
  .iti-flag.ba {
    height: 10px;
    background-position: -374px 0px; }
  .iti-flag.bb {
    height: 14px;
    background-position: -396px 0px; }
  .iti-flag.bd {
    height: 12px;
    background-position: -418px 0px; }
  .iti-flag.be {
    height: 15px;
    background-position: -440px 0px; }
  .iti-flag.bf {
    height: 14px;
    background-position: -460px 0px; }
  .iti-flag.bg {
    height: 12px;
    background-position: -482px 0px; }
  .iti-flag.bh {
    height: 12px;
    background-position: -504px 0px; }
  .iti-flag.bi {
    height: 12px;
    background-position: -526px 0px; }
  .iti-flag.bj {
    height: 14px;
    background-position: -548px 0px; }
  .iti-flag.bl {
    height: 14px;
    background-position: -570px 0px; }
  .iti-flag.bm {
    height: 10px;
    background-position: -592px 0px; }
  .iti-flag.bn {
    height: 10px;
    background-position: -614px 0px; }
  .iti-flag.bo {
    height: 14px;
    background-position: -636px 0px; }
  .iti-flag.bq {
    height: 14px;
    background-position: -658px 0px; }
  .iti-flag.br {
    height: 14px;
    background-position: -680px 0px; }
  .iti-flag.bs {
    height: 10px;
    background-position: -702px 0px; }
  .iti-flag.bt {
    height: 14px;
    background-position: -724px 0px; }
  .iti-flag.bv {
    height: 15px;
    background-position: -746px 0px; }
  .iti-flag.bw {
    height: 14px;
    background-position: -768px 0px; }
  .iti-flag.by {
    height: 10px;
    background-position: -790px 0px; }
  .iti-flag.bz {
    height: 14px;
    background-position: -812px 0px; }
  .iti-flag.ca {
    height: 10px;
    background-position: -834px 0px; }
  .iti-flag.cc {
    height: 10px;
    background-position: -856px 0px; }
  .iti-flag.cd {
    height: 15px;
    background-position: -878px 0px; }
  .iti-flag.cf {
    height: 14px;
    background-position: -900px 0px; }
  .iti-flag.cg {
    height: 14px;
    background-position: -922px 0px; }
  .iti-flag.ch {
    height: 15px;
    background-position: -944px 0px; }
  .iti-flag.ci {
    height: 14px;
    background-position: -961px 0px; }
  .iti-flag.ck {
    height: 10px;
    background-position: -983px 0px; }
  .iti-flag.cl {
    height: 14px;
    background-position: -1005px 0px; }
  .iti-flag.cm {
    height: 14px;
    background-position: -1027px 0px; }
  .iti-flag.cn {
    height: 14px;
    background-position: -1049px 0px; }
  .iti-flag.co {
    height: 14px;
    background-position: -1071px 0px; }
  .iti-flag.cp {
    height: 14px;
    background-position: -1093px 0px; }
  .iti-flag.cr {
    height: 12px;
    background-position: -1115px 0px; }
  .iti-flag.cu {
    height: 10px;
    background-position: -1137px 0px; }
  .iti-flag.cv {
    height: 12px;
    background-position: -1159px 0px; }
  .iti-flag.cw {
    height: 14px;
    background-position: -1181px 0px; }
  .iti-flag.cx {
    height: 10px;
    background-position: -1203px 0px; }
  .iti-flag.cy {
    height: 13px;
    background-position: -1225px 0px; }
  .iti-flag.cz {
    height: 14px;
    background-position: -1247px 0px; }
  .iti-flag.de {
    height: 12px;
    background-position: -1269px 0px; }
  .iti-flag.dg {
    height: 10px;
    background-position: -1291px 0px; }
  .iti-flag.dj {
    height: 14px;
    background-position: -1313px 0px; }
  .iti-flag.dk {
    height: 15px;
    background-position: -1335px 0px; }
  .iti-flag.dm {
    height: 10px;
    background-position: -1357px 0px; }
  .iti-flag.do {
    height: 13px;
    background-position: -1379px 0px; }
  .iti-flag.dz {
    height: 14px;
    background-position: -1401px 0px; }
  .iti-flag.ea {
    height: 14px;
    background-position: -1423px 0px; }
  .iti-flag.ec {
    height: 14px;
    background-position: -1445px 0px; }
  .iti-flag.ee {
    height: 13px;
    background-position: -1467px 0px; }
  .iti-flag.eg {
    height: 14px;
    background-position: -1489px 0px; }
  .iti-flag.eh {
    height: 10px;
    background-position: -1511px 0px; }
  .iti-flag.er {
    height: 10px;
    background-position: -1533px 0px; }
  .iti-flag.es {
    height: 14px;
    background-position: -1555px 0px; }
  .iti-flag.et {
    height: 10px;
    background-position: -1577px 0px; }
  .iti-flag.eu {
    height: 14px;
    background-position: -1599px 0px; }
  .iti-flag.fi {
    height: 12px;
    background-position: -1621px 0px; }
  .iti-flag.fj {
    height: 10px;
    background-position: -1643px 0px; }
  .iti-flag.fk {
    height: 10px;
    background-position: -1665px 0px; }
  .iti-flag.fm {
    height: 11px;
    background-position: -1687px 0px; }
  .iti-flag.fo {
    height: 15px;
    background-position: -1709px 0px; }
  .iti-flag.fr {
    height: 14px;
    background-position: -1731px 0px; }
  .iti-flag.ga {
    height: 15px;
    background-position: -1753px 0px; }
  .iti-flag.gb {
    height: 10px;
    background-position: -1775px 0px; }
  .iti-flag.gd {
    height: 12px;
    background-position: -1797px 0px; }
  .iti-flag.ge {
    height: 14px;
    background-position: -1819px 0px; }
  .iti-flag.gf {
    height: 14px;
    background-position: -1841px 0px; }
  .iti-flag.gg {
    height: 14px;
    background-position: -1863px 0px; }
  .iti-flag.gh {
    height: 14px;
    background-position: -1885px 0px; }
  .iti-flag.gi {
    height: 10px;
    background-position: -1907px 0px; }
  .iti-flag.gl {
    height: 14px;
    background-position: -1929px 0px; }
  .iti-flag.gm {
    height: 14px;
    background-position: -1951px 0px; }
  .iti-flag.gn {
    height: 14px;
    background-position: -1973px 0px; }
  .iti-flag.gp {
    height: 14px;
    background-position: -1995px 0px; }
  .iti-flag.gq {
    height: 14px;
    background-position: -2017px 0px; }
  .iti-flag.gr {
    height: 14px;
    background-position: -2039px 0px; }
  .iti-flag.gs {
    height: 10px;
    background-position: -2061px 0px; }
  .iti-flag.gt {
    height: 13px;
    background-position: -2083px 0px; }
  .iti-flag.gu {
    height: 11px;
    background-position: -2105px 0px; }
  .iti-flag.gw {
    height: 10px;
    background-position: -2127px 0px; }
  .iti-flag.gy {
    height: 12px;
    background-position: -2149px 0px; }
  .iti-flag.hk {
    height: 14px;
    background-position: -2171px 0px; }
  .iti-flag.hm {
    height: 10px;
    background-position: -2193px 0px; }
  .iti-flag.hn {
    height: 10px;
    background-position: -2215px 0px; }
  .iti-flag.hr {
    height: 10px;
    background-position: -2237px 0px; }
  .iti-flag.ht {
    height: 12px;
    background-position: -2259px 0px; }
  .iti-flag.hu {
    height: 10px;
    background-position: -2281px 0px; }
  .iti-flag.ic {
    height: 14px;
    background-position: -2303px 0px; }
  .iti-flag.id {
    height: 14px;
    background-position: -2325px 0px; }
  .iti-flag.ie {
    height: 10px;
    background-position: -2347px 0px; }
  .iti-flag.il {
    height: 15px;
    background-position: -2369px 0px; }
  .iti-flag.im {
    height: 10px;
    background-position: -2391px 0px; }
  .iti-flag.in {
    height: 14px;
    background-position: -2413px 0px; }
  .iti-flag.io {
    height: 10px;
    background-position: -2435px 0px; }
  .iti-flag.iq {
    height: 14px;
    background-position: -2457px 0px; }
  .iti-flag.ir {
    height: 12px;
    background-position: -2479px 0px; }
  .iti-flag.is {
    height: 15px;
    background-position: -2501px 0px; }
  .iti-flag.it {
    height: 14px;
    background-position: -2523px 0px; }
  .iti-flag.je {
    height: 12px;
    background-position: -2545px 0px; }
  .iti-flag.jm {
    height: 10px;
    background-position: -2567px 0px; }
  .iti-flag.jo {
    height: 10px;
    background-position: -2589px 0px; }
  .iti-flag.jp {
    height: 14px;
    background-position: -2611px 0px; }
  .iti-flag.ke {
    height: 14px;
    background-position: -2633px 0px; }
  .iti-flag.kg {
    height: 12px;
    background-position: -2655px 0px; }
  .iti-flag.kh {
    height: 13px;
    background-position: -2677px 0px; }
  .iti-flag.ki {
    height: 10px;
    background-position: -2699px 0px; }
  .iti-flag.km {
    height: 12px;
    background-position: -2721px 0px; }
  .iti-flag.kn {
    height: 14px;
    background-position: -2743px 0px; }
  .iti-flag.kp {
    height: 10px;
    background-position: -2765px 0px; }
  .iti-flag.kr {
    height: 14px;
    background-position: -2787px 0px; }
  .iti-flag.kw {
    height: 10px;
    background-position: -2809px 0px; }
  .iti-flag.ky {
    height: 10px;
    background-position: -2831px 0px; }
  .iti-flag.kz {
    height: 10px;
    background-position: -2853px 0px; }
  .iti-flag.la {
    height: 14px;
    background-position: -2875px 0px; }
  .iti-flag.lb {
    height: 14px;
    background-position: -2897px 0px; }
  .iti-flag.lc {
    height: 10px;
    background-position: -2919px 0px; }
  .iti-flag.li {
    height: 12px;
    background-position: -2941px 0px; }
  .iti-flag.lk {
    height: 10px;
    background-position: -2963px 0px; }
  .iti-flag.lr {
    height: 11px;
    background-position: -2985px 0px; }
  .iti-flag.ls {
    height: 14px;
    background-position: -3007px 0px; }
  .iti-flag.lt {
    height: 12px;
    background-position: -3029px 0px; }
  .iti-flag.lu {
    height: 12px;
    background-position: -3051px 0px; }
  .iti-flag.lv {
    height: 10px;
    background-position: -3073px 0px; }
  .iti-flag.ly {
    height: 10px;
    background-position: -3095px 0px; }
  .iti-flag.ma {
    height: 14px;
    background-position: -3117px 0px; }
  .iti-flag.mc {
    height: 15px;
    background-position: -3139px 0px; }
  .iti-flag.md {
    height: 10px;
    background-position: -3160px 0px; }
  .iti-flag.me {
    height: 10px;
    background-position: -3182px 0px; }
  .iti-flag.mf {
    height: 14px;
    background-position: -3204px 0px; }
  .iti-flag.mg {
    height: 14px;
    background-position: -3226px 0px; }
  .iti-flag.mh {
    height: 11px;
    background-position: -3248px 0px; }
  .iti-flag.mk {
    height: 10px;
    background-position: -3270px 0px; }
  .iti-flag.ml {
    height: 14px;
    background-position: -3292px 0px; }
  .iti-flag.mm {
    height: 14px;
    background-position: -3314px 0px; }
  .iti-flag.mn {
    height: 10px;
    background-position: -3336px 0px; }
  .iti-flag.mo {
    height: 14px;
    background-position: -3358px 0px; }
  .iti-flag.mp {
    height: 10px;
    background-position: -3380px 0px; }
  .iti-flag.mq {
    height: 14px;
    background-position: -3402px 0px; }
  .iti-flag.mr {
    height: 14px;
    background-position: -3424px 0px; }
  .iti-flag.ms {
    height: 10px;
    background-position: -3446px 0px; }
  .iti-flag.mt {
    height: 14px;
    background-position: -3468px 0px; }
  .iti-flag.mu {
    height: 14px;
    background-position: -3490px 0px; }
  .iti-flag.mv {
    height: 14px;
    background-position: -3512px 0px; }
  .iti-flag.mw {
    height: 14px;
    background-position: -3534px 0px; }
  .iti-flag.mx {
    height: 12px;
    background-position: -3556px 0px; }
  .iti-flag.my {
    height: 10px;
    background-position: -3578px 0px; }
  .iti-flag.mz {
    height: 14px;
    background-position: -3600px 0px; }
  .iti-flag.na {
    height: 14px;
    background-position: -3622px 0px; }
  .iti-flag.nc {
    height: 10px;
    background-position: -3644px 0px; }
  .iti-flag.ne {
    height: 15px;
    background-position: -3666px 0px; }
  .iti-flag.nf {
    height: 10px;
    background-position: -3686px 0px; }
  .iti-flag.ng {
    height: 10px;
    background-position: -3708px 0px; }
  .iti-flag.ni {
    height: 12px;
    background-position: -3730px 0px; }
  .iti-flag.nl {
    height: 14px;
    background-position: -3752px 0px; }
  .iti-flag.no {
    height: 15px;
    background-position: -3774px 0px; }
  .iti-flag.np {
    height: 15px;
    background-position: -3796px 0px; }
  .iti-flag.nr {
    height: 10px;
    background-position: -3811px 0px; }
  .iti-flag.nu {
    height: 10px;
    background-position: -3833px 0px; }
  .iti-flag.nz {
    height: 10px;
    background-position: -3855px 0px; }
  .iti-flag.om {
    height: 10px;
    background-position: -3877px 0px; }
  .iti-flag.pa {
    height: 14px;
    background-position: -3899px 0px; }
  .iti-flag.pe {
    height: 14px;
    background-position: -3921px 0px; }
  .iti-flag.pf {
    height: 14px;
    background-position: -3943px 0px; }
  .iti-flag.pg {
    height: 15px;
    background-position: -3965px 0px; }
  .iti-flag.ph {
    height: 10px;
    background-position: -3987px 0px; }
  .iti-flag.pk {
    height: 14px;
    background-position: -4009px 0px; }
  .iti-flag.pl {
    height: 13px;
    background-position: -4031px 0px; }
  .iti-flag.pm {
    height: 14px;
    background-position: -4053px 0px; }
  .iti-flag.pn {
    height: 10px;
    background-position: -4075px 0px; }
  .iti-flag.pr {
    height: 14px;
    background-position: -4097px 0px; }
  .iti-flag.ps {
    height: 10px;
    background-position: -4119px 0px; }
  .iti-flag.pt {
    height: 14px;
    background-position: -4141px 0px; }
  .iti-flag.pw {
    height: 13px;
    background-position: -4163px 0px; }
  .iti-flag.py {
    height: 11px;
    background-position: -4185px 0px; }
  .iti-flag.qa {
    height: 8px;
    background-position: -4207px 0px; }
  .iti-flag.re {
    height: 14px;
    background-position: -4229px 0px; }
  .iti-flag.ro {
    height: 14px;
    background-position: -4251px 0px; }
  .iti-flag.rs {
    height: 14px;
    background-position: -4273px 0px; }
  .iti-flag.ru {
    height: 14px;
    background-position: -4295px 0px; }
  .iti-flag.rw {
    height: 14px;
    background-position: -4317px 0px; }
  .iti-flag.sa {
    height: 14px;
    background-position: -4339px 0px; }
  .iti-flag.sb {
    height: 10px;
    background-position: -4361px 0px; }
  .iti-flag.sc {
    height: 10px;
    background-position: -4383px 0px; }
  .iti-flag.sd {
    height: 10px;
    background-position: -4405px 0px; }
  .iti-flag.se {
    height: 13px;
    background-position: -4427px 0px; }
  .iti-flag.sg {
    height: 14px;
    background-position: -4449px 0px; }
  .iti-flag.sh {
    height: 10px;
    background-position: -4471px 0px; }
  .iti-flag.si {
    height: 10px;
    background-position: -4493px 0px; }
  .iti-flag.sj {
    height: 15px;
    background-position: -4515px 0px; }
  .iti-flag.sk {
    height: 14px;
    background-position: -4537px 0px; }
  .iti-flag.sl {
    height: 14px;
    background-position: -4559px 0px; }
  .iti-flag.sm {
    height: 15px;
    background-position: -4581px 0px; }
  .iti-flag.sn {
    height: 14px;
    background-position: -4603px 0px; }
  .iti-flag.so {
    height: 14px;
    background-position: -4625px 0px; }
  .iti-flag.sr {
    height: 14px;
    background-position: -4647px 0px; }
  .iti-flag.ss {
    height: 10px;
    background-position: -4669px 0px; }
  .iti-flag.st {
    height: 10px;
    background-position: -4691px 0px; }
  .iti-flag.sv {
    height: 12px;
    background-position: -4713px 0px; }
  .iti-flag.sx {
    height: 14px;
    background-position: -4735px 0px; }
  .iti-flag.sy {
    height: 14px;
    background-position: -4757px 0px; }
  .iti-flag.sz {
    height: 14px;
    background-position: -4779px 0px; }
  .iti-flag.ta {
    height: 10px;
    background-position: -4801px 0px; }
  .iti-flag.tc {
    height: 10px;
    background-position: -4823px 0px; }
  .iti-flag.td {
    height: 14px;
    background-position: -4845px 0px; }
  .iti-flag.tf {
    height: 14px;
    background-position: -4867px 0px; }
  .iti-flag.tg {
    height: 13px;
    background-position: -4889px 0px; }
  .iti-flag.th {
    height: 14px;
    background-position: -4911px 0px; }
  .iti-flag.tj {
    height: 10px;
    background-position: -4933px 0px; }
  .iti-flag.tk {
    height: 10px;
    background-position: -4955px 0px; }
  .iti-flag.tl {
    height: 10px;
    background-position: -4977px 0px; }
  .iti-flag.tm {
    height: 14px;
    background-position: -4999px 0px; }
  .iti-flag.tn {
    height: 14px;
    background-position: -5021px 0px; }
  .iti-flag.to {
    height: 10px;
    background-position: -5043px 0px; }
  .iti-flag.tr {
    height: 14px;
    background-position: -5065px 0px; }
  .iti-flag.tt {
    height: 12px;
    background-position: -5087px 0px; }
  .iti-flag.tv {
    height: 10px;
    background-position: -5109px 0px; }
  .iti-flag.tw {
    height: 14px;
    background-position: -5131px 0px; }
  .iti-flag.tz {
    height: 14px;
    background-position: -5153px 0px; }
  .iti-flag.ua {
    height: 14px;
    background-position: -5175px 0px; }
  .iti-flag.ug {
    height: 14px;
    background-position: -5197px 0px; }
  .iti-flag.um {
    height: 11px;
    background-position: -5219px 0px; }
  .iti-flag.us {
    height: 11px;
    background-position: -5241px 0px; }
  .iti-flag.uy {
    height: 14px;
    background-position: -5263px 0px; }
  .iti-flag.uz {
    height: 10px;
    background-position: -5285px 0px; }
  .iti-flag.va {
    height: 15px;
    background-position: -5307px 0px; }
  .iti-flag.vc {
    height: 14px;
    background-position: -5324px 0px; }
  .iti-flag.ve {
    height: 14px;
    background-position: -5346px 0px; }
  .iti-flag.vg {
    height: 10px;
    background-position: -5368px 0px; }
  .iti-flag.vi {
    height: 14px;
    background-position: -5390px 0px; }
  .iti-flag.vn {
    height: 14px;
    background-position: -5412px 0px; }
  .iti-flag.vu {
    height: 12px;
    background-position: -5434px 0px; }
  .iti-flag.wf {
    height: 14px;
    background-position: -5456px 0px; }
  .iti-flag.ws {
    height: 10px;
    background-position: -5478px 0px; }
  .iti-flag.xk {
    height: 15px;
    background-position: -5500px 0px; }
  .iti-flag.ye {
    height: 14px;
    background-position: -5522px 0px; }
  .iti-flag.yt {
    height: 14px;
    background-position: -5544px 0px; }
  .iti-flag.za {
    height: 14px;
    background-position: -5566px 0px; }
  .iti-flag.zm {
    height: 14px;
    background-position: -5588px 0px; }
  .iti-flag.zw {
    height: 10px;
    background-position: -5610px 0px; }

.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url(/assets/flags-b00a67666fd6e0a5ae794c09a5f6578ff234d31277ab392215e1a12c7bc9d664.png);
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
      background-image: url(/assets/flags@2x-8a32cc125bb0a59fab0171149786c587a831c03f0cfb3b638e4f83b51cd5deb1.png); } }

.iti-flag.np {
  background-color: transparent; }

#error-msg {
  color: red;
}
#valid-msg {
  color: #00C900;
}
input.error {
  border: 1px solid #FF7C7C;
}
.hide {
  display: none; }
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }
.actionbar {
	display: flex;
	justify-content: space-between;
	background: #5c9c42;
	height: 50px;
	line-height: 50px;
}

.actionbar__group {
	display: flex;
}

.actionbar__action {
	position: relative;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	transition: background 0.3s;
}

.actionbar__action:hover {
	background: rgba(255, 255, 255, 0.1);
}

.actionbar__action--create:hover {
	background: #31b438;
}

.actionbar__action a {
	display: inline-block;
	text-decoration: none;
	padding: 0 24px;
	color: #fff;
}

.actionbar__action .dropdown-menu {
	min-width: 100px;
	width: 170%;
	margin-top: 13px;
}

.actionbar__action .dropdown-menu li,
.actionbar__action .dropdown-menu a {
	width: 100%;
}

.actionbar .actionbar__dropdown {
	min-width: 280px;
}

.actionbar .actionbar__dropdown--left {
	right: 0;
}

.actionbar .actionbar__dropdown__position {
	color: #35353b;
	line-height: 1;
	margin: 10px 5px;
}

.actionbar .actionbar__dropdown__position table td,
.actionbar .actionbar__dropdown__position table th {
	padding: 0.2em;
}

.actionbar .actionbar__dropdown__position button,
.actionbar .actionbar__dropdown__position select {
	width: 100%;
}

.actionbar .actionbar__dropdown__position select {
	border: 1px dashed #d7d7db;
}

@media (max-width: 1280px) {
	.actionbar__group a {
		line-height: 15px;
		margin-top: 10px;
	}
}
@-webkit-keyframes appearTop {
	0% {
		transform: translate3d(0, -200px, 0);
		opacity: 0;
	}
	100% {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@keyframes appearTop {
	0% {
		transform: translate3d(0, -200px, 0);
		opacity: 0;
	}
	100% {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

.page_alerts {
	margin-left: 24px;
	max-width: 500px;
	position: fixed;
	right: 24px;
	top: 24px;
	z-index: 3000;
}

.alert {
	animation: appearTop cubic-bezier(0.37, 0.24, 0.3, 1.42) 0.3s;
	box-shadow: 1px 1px 5px 1px rgba(53, 53, 59, 0.3);
	color: #fff;
	margin-bottom: 24px;
	padding: 12px 24px 12px 12px;
	position: relative;
}

.alert-danger {
	background-color: rgba(214, 46, 74, 0.96);
}

.alert-info {
	background-color: rgba(0, 161, 194, 0.96);
}

.alert-info a {
	color: #fff;
	text-decoration: underline;
}

.alert-info a:hover {
	text-decoration: none;
}

.alert-success {
	background-color: rgba(49, 180, 56, 0.96);
}

.alert-success a {
	color: white;
}

.alert-warning {
	background-color: rgba(232, 140, 48, 0.96);
}

.alert .alert_content {
	display: inline-block;
	vertical-align: middle;
}

.alert .close,
.alert .old-x-icon {
	transition: opacity 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42);
	background: transparent;
	color: #fff;
	opacity: 0.5;
	position: absolute;
}

.alert .close span,
.alert .old-x-icon span {
	font-size: 24px;
}

.alert .close:hover,
.alert .old-x-icon:hover {
	opacity: 1;
}

.alert .close {
	right: 0;
	top: -3px;
}

.alert .old-x-icon {
	right: 6px;
	top: 3px;
}
.reassign-projects .company-name {
  font-weight: bold;
  font-size: 14px;
}

.candidates-per-year {
  text-align: center;
  background-color: #fff;
  color: gray;
  padding: 20px 40px;
  margin-bottom: 10px;
  box-shadow: 0 0 0 1px #e2e2e2 inset;
  transition: box-shadow 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42);
}

.candidates-per-year .year-box {
  display: inline-block;
  width: 25%;
  padding: 0 20px;
  text-align: center;
  font-weight: 600;
}

.candidates-per-year .year-box .candidates-amount {
  font-size: 40px;
  font-weight: 500;
}

.generic {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.generic thead th {
  background: url(/layout/table/table.png) repeat-x 0 0 #bababa;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #a3a3a3;
  height: 36px;
  line-height: 14px;
  vertical-align: middle;
  text-align: left;
  color: #3f3f3f;
  text-shadow: 1px 1px 0 #fff;
  font-size: 12px;
  padding: 0 10px;
  text-transform: uppercase;
  font-weight: bold;
}
.generic thead th a {
  color: #3f3f3f;
  text-decoration: none;
  border-bottom: 1px dotted #777;
}
.generic tbody tr td {
  background-color: #fff;
  padding: 6px 10px;
  vertical-align: middle;
  font-size: 11px;
  line-height: 14px;
}
.generic tbody tr td .tda {
  position: relative;
  text-align: right;
}
.generic tbody tr:hover td {
  background-color: #ffffe6;
}
.generic tbody tr.even td {
  background-color: #f8f8f8;
}
.generic tbody tr.group_header td {
  font-weight: bold;
  text-indent: 10px;
}
.generic tbody tr.group_header:hover td {
  cursor: auto;
  background: inherit;
}
.generic tbody tr.bounced td {
  background-color: #ffd0d0;
}
.generic tbody tr.admin td:first-child {
  padding-left: 30px;
  position: relative;
}
.generic tbody tr.admin td:first-child:before {
  content: '';
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 10px;
  margin-top: -1px;
  background: url(/layout/icons/admin.png) no-repeat 0 0;
}
.generic tbody tr.highlighted td {
  background: url(/layout/table/table_td_active.png) repeat-x 0 0 #dadada !important;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #b9b9b9;
  color: #3f3f3f;
  font-weight: bold;
  font-size: 12px;
  text-shadow: 1px 1px 0 #fff;
}
.generic tbody tr.highlighted td .tda {
  font-size: 11px;
}
.generic tbody tr.highlighted td .tda .arrow {
  display: block;
  position: absolute;
  width: 17px;
  height: 40px;
  background: url(/layout/table/table_td_active_end.png) no-repeat -2px 0;
  right: -27px;
  top: -13px;
  z-index: 1000;
}
.generic tfoot td {
  height: 10px;
  padding: 0;
}
.generic tfoot td.fl {
  width: 10px;
}
.generic tfoot td.fr {
  width: 10px;
}
.generic.clickable td {
  cursor: pointer;
}
.checkbox {
	display: flex;
	align-items: center;
	margin-bottom: 6px;
	cursor: pointer;
}

.checkbox > *:not(:last-child) {
	margin-right: 12px;
}

.checkbox:hover .checkbox__input:not(:checked) ~ .checkbox__override:before {
	color: #a3a3a8;
}

.checkbox:hover .checkbox__input:checked ~ .checkbox__override:before {
	background-color: #268c2b;
	border: 1px dashed #268c2b;
}

.checkbox:hover .checkbox__remove {
	opacity: 1;
}

.checkbox__input {
	display: none;
}

.checkbox__input:checked ~ .checkbox__override:before {
	background-color: #31b438;
	border: 1px dashed #31b438;
	color: #fff;
}

.checkbox__input:checked ~ .checkbox__label {
	color: #d7d7db;
}

.checkbox__input:checked ~ .checkbox__label:before {
	width: 100%;
}

.checkbox__input:not(:checked) ~ .checkbox__override:before {
	color: #f1f2f4;
	border: 1px dashed #a3a3a8;
	background: #fff;
}

.checkbox__input:not(:checked) ~ .checkbox__label {
	color: #35353b;
}

.checkbox__input:not(:checked) ~ .checkbox__label:before {
	width: 0;
}

.checkbox__override {
	cursor: pointer;
}

.checkbox__override:before {
	content: '\2713';
	display: block;
	width: 21px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	border-radius: 2px;
	transition: background-color 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42), 
				color 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42), 
				border 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42);
}

.checkbox__label {
	position: relative;
	display: inline-block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: none;
	transition: color 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42);
}

.checkbox__label:before {
	content: '';
	position: absolute;
	top: 49%;
	height: 1px;
	background-color: currentColor;
	transition: width 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42);
	animation-delay: 0.2s;
	animation-fill-mode: backwards;
}

.checkbox__remove {
	opacity: 0;
	transition: color 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42), 
				opacity 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42);
}

.checkbox__remove:hover {
	color: #d62e4a;
	opacity: 1 !important;
}

.checkbox .editable-wrap {
	flex: 1 1 auto;
	width: 100%;
}
.dropdown-menu[datepicker-popup-wrap] {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	max-height: 500px;
	opacity: 1;
	padding: 0;
	visibility: visible;
}

.dropdown-menu[datepicker-popup-wrap] th:last-of-type {
	text-align: right;
}

.dropdown-menu[datepicker-popup-wrap] th button {
	cursor: pointer;
	transition: color 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42);
}

.dropdown-menu[datepicker-popup-wrap] th button:hover {
	color: #66AE4A;
	outline: none;
}

.dropdown-menu[datepicker-popup-wrap] th button:focus {
	outline: none;
}

.dropdown-menu[datepicker-popup-wrap] th small {
	color: #d7d7db;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	display: block;
}

.dropdown-menu[datepicker-popup-wrap] th .btn {
	margin-bottom: 6px;
	padding: 6px 0;
}

.dropdown-menu[datepicker-popup-wrap] .btn {
	background-color: transparent;
	border: 1px solid #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	margin-bottom: 0;
	padding: 0;
}

.dropdown-menu[datepicker-popup-wrap] .btn:focus {
	outline: none;
}

.dropdown-menu[datepicker-popup-wrap] .btn span {
	background-color: #66AE4A;
	color: #fff;
	display: block;
	padding: 6px 12px;
	transition: background-color 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42), color 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42);
}

.dropdown-menu[datepicker-popup-wrap] .btn span:hover {
	background-color: #5c9c42;
	cursor: pointer;
}

.dropdown-menu[datepicker-popup-wrap] .btn .text-muted {
	background-color: #f1f2f4;
	color: #a3a3a8;
}

.dropdown-menu[datepicker-popup-wrap] .btn .text-muted:hover {
	color: #d7d7db;
}

.dropdown-menu[datepicker-popup-wrap] .btn .text-info {
	background-color: #31b438;
}

.dropdown-menu[datepicker-popup-wrap] .h6 em {
	display: block;
	font-size: 14px;
	padding: 0 6px;
	text-align: right;
}

.icon-arrow-left:before,
.icon-arrow-right:before {
	font-size: 16px;
	vertical-align: 3px;
}
/* Dropdown Styles */
.dropdown {
	display: inline-block;
	line-height: 1.5;
	position: relative;
}

.dropdown a:hover {
	text-decoration: none;
}

/* Dropdown Menu */
.dropdown-menu, .dropdown-menu--right {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3000;
	min-width: 120px;
	max-height: 0;
	padding: 6px 0;
	background-color: #fff;
	box-shadow: 1px 1px 5px rgba(53, 53, 59, 0.3);
	font-size: 16px;
	font-weight: 500;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	overflow: hidden;
	transform: scaleY(0.5);
	transform-origin: top;
	transition: max-height 0.3s, opacity 0.3s, transform 0.3s, visibility 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42);
}

.dropdown-menu li {
	list-style: none;
	width: 350px;
	white-space: normal;
}

.dropdown-menu li a {
	display: block;
	padding: 6px 12px;
	line-height: 1;
	color: #a3a3a8 !important;
	transition: background-color 0.3s, color 0.3s, opacity 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42);
}

.dropdown-menu li a:hover {
	color: #66AE4A !important;
	opacity: 1;
	text-decoration: none;
}

.dropdown-menu li a.selected {
	background-color: #66AE4A;
	color: #fff !important;
	border-bottom: 1px solid;
}

.dropdown-menu li a.selected:hover {
	background-color: #5c9c42;
}

.open > .dropdown-menu {
	transform: scaleY(1);
	max-height: 292px;
	opacity: 1;
	visibility: visible;
	overflow-y: auto;
}

/* Dropdown Menu Right Alignment */
.dropdown-menu--right {
	right: 0;
	text-align: right;
}

.dropdown-menu--right li {
	width: auto;
	white-space: nowrap;
}

/* Selection Dropdown */
.selection_dropdown {
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	color: #fff;
	z-index: 10;
}

.selection_dropdown .selection_button {
	display: block;
	padding: 0.7em !important;
	line-height: 14px;
	text-align: left;
}

.selection_dropdown .selection_button .selection_checkbox {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: #fff;
	border: 1px solid #444;
	vertical-align: -3px;
}

.selection_dropdown .selection_button .selection_checkbox.all_selected {
	background: url(/layout/icons/tick.png) no-repeat center;
}

.selection_dropdown .selection_button .selection_checkbox.none_selected {
	background: #fff;
}

.selection_dropdown .selection_button .selection_checkbox.some_selected {
	background: url(/layout/icons/hyphen.png) no-repeat center;
}

.selection_dropdown .selection_button .arrow {
	position: absolute;
	top: 11px;
	right: 10px;
	width: 6px;
	height: 6px;
	background: url(/layout/container/bt_arrow.png) no-repeat center;
}

.selection_dropdown .selection_options {
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	width: 100%;
	background: #808080;
	border: 1px solid #0E0E0E;
	z-index: 100;
}

.selection_dropdown .selection_options li {
	padding: 8px;
	border-top: 1px solid #0E0E0E;
}

.selection_dropdown .selection_options li:hover {
	background: #999;
}
.inline-editing {
	flex: 1 1 100%;
}

.editable-wrap {
	width: 100%;
}

.editable-wrap ~ .subtasks__actions .subtasks__filename {
	max-width: 160px;
}

.editable-controls {
	display: flex;
	align-items: center;
	width: 100%;
}

.editable-controls input {
	width: 100%;
}

.editable-buttons button[type='submit'] {
	display: none;
}

.editable-buttons button[type='button'] {
	font-size: 0;
	margin-left: 12px;
}

.subtasks__description {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-left: 74px;
}

.subtasks__description > *:not(:last-child) {
	margin-right: 12px;
}

.subtasks button {
	flex: 0 0 auto;
}

.subtasks__filename {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 220px;
}

.subtasks__link-files {
	max-width: 300px;
	width: 100%;
}

.task-description {
	padding-right: 0 !important;
}

.task-description .editable,
.task-description .editable-controls {
	height: 132px;
}
:root {
  --color-notice-bg: #c0f08c;
  --color-notice-border: #5db300;
  --color-notice-text: #2c5e00;
  --color-alert-bg: #f00;
  --color-alert-border: #a00000;
  --color-alert-text: #fff;
  --color-info-bg: #FFDE73;
  --color-info-border: #A67F00;
  --color-info-text: rgba(0, 0, 0, 0.6);
  --color-warning-bg: #f9ebae;
  --color-warning-border: #E2C74F;
  --color-warning-text: #867736;
  --color-danger-bg: #f7b1ae;
  --color-danger-border: #BB6A67;
  --color-danger-text: #851019;
  --color-link: #0084ff;
}

.alert {
  position: relative;
  top: -25px;
  z-index: 1;
  cursor: pointer;
}

.alert .alert_content {
  padding: 20px 0 13px;
}

.alert.alert_notice {
  border-top: 1px solid var(--color-notice-bg);
  border-bottom: 1px solid var(--color-notice-border);
  color: var(--color-notice-text);
  text-shadow: 0 1px 0 #b7e784;
  font-weight: bold;
  background-color: #78e008;
}

.alert.alert_alert {
  border-top: 1px solid #ff8080;
  border-bottom: 1px solid var(--color-alert-border);
  color: var(--color-alert-text);
  text-shadow: 0 -1px 0 #8d0000;
  font-weight: bold;
  background-color: var(--color-alert-bg);
}

.alert.alert_info {
  border-top: 1px solid #FFC300;
  border-bottom: 1px solid var(--color-info-border);
  text-shadow: 0 -1px 0 #FFD240;
  font-weight: bold;
  color: var(--color-info-text);
  background-color: var(--color-info-bg);
}

#notifications {
  margin: -2px auto 8px;
}

#notifications .notification {
  padding: 12px 12px 12px 35px;
  margin-bottom: 3px;
  background: #ccc;
  border-bottom: 1px solid #fff;
  text-shadow: 0 1px 0 #f1f1f1;
  font-weight: bold;
  color: #353535;
  position: relative;
}

#notifications a {
  color: var(--color-link);
  text-decoration: none;
}

#notifications .icon {
  position: absolute;
  top: 8px;
  left: 10px;
}

.flash {
  clear: both;
  margin: 0 0 15px;
  padding: 12px;
}

.flash.notice {
  background: var(--color-notice-bg);
  border: 1px solid var(--color-notice-border);
}

.flash.notice a {
  color: var(--color-notice-text);
}

.flash.warning {
  background: url(/layout/icons/warning.png) no-repeat 10px center var(--color-warning-bg);
  padding-left: 43px;
  border: 1px solid var(--color-warning-border);
  color: var(--color-warning-text);
}

.flash.warning a {
  color: #6e6a2f;
}

.flash.danger {
  background: var(--color-danger-bg);
  border: 1px solid var(--color-danger-border);
  color: var(--color-danger-text);
}

noscript {
  display: block;
}

.old-x-icon {
  position: relative;
  bottom: 6px;
  left: 473px;
}
.floating-label {
	transition: all 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42);
	color: #a3a3a8;
	font-size: 12px;
	left: 7px;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
}

.with-floating-labels {
	position: relative;
	width: 100%;
}

.with-floating-labels:not(.not-full) {
	width: 100%;
}

.with-floating-labels .hint {
	position: absolute;
	right: 6px;
	top: 3px;
}

.with-floating-labels [contenteditable],
.with-floating-labels input,
.with-floating-labels textarea {
	transition: all 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42);
	padding-bottom: 12.1px;
	padding-top: 11.9px;
	width: 100%;
}

.with-floating-labels [contenteditable]:not(.empty),
.with-floating-labels input:not(.empty),
.with-floating-labels textarea:not(.empty) {
	padding-bottom: 6.1px;
	padding-top: 17.9px;
}

.with-floating-labels [contenteditable]:not(.empty) ~ .floating-label,
.with-floating-labels input:not(.empty) ~ .floating-label,
.with-floating-labels textarea:not(.empty) ~ .floating-label {
	opacity: 1;
	top: 6px;
}

.with-floating-labels.show-label .inline-editing {
	background-color: #fff;
	display: block;
	min-height: 44px;
	font-size: 18px;
	height: auto;
	padding-bottom: 6.1px;
	padding-top: 17.9px;
}

.with-floating-labels.show-label .floating-label {
	opacity: 1;
	top: 6px;
}

.with-floating-labels textarea {
	display: block;
	resize: none;
}

.with-floating-labels textarea ~ .floating-label {
	top: 0;
}

.modal-dialog .with-floating-labels.show-label {
	margin-right: -12px;
}
/* General Input Styles */
input, textarea, select {
	transition: border 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42);
	border: 1px dashed #d7d7db;
	padding: 6px;
	background-color: #fff;
	font-family: inherit;
	font-size: inherit;
}

input:hover, textarea:hover, select:hover,
input:focus, textarea:focus, select:focus {
	border-color: #66AE4A;
}

input:focus, textarea:focus, select:focus {
	border-style: solid;
	outline: none;
}

/* Select Styles */
select {
	height: 32px;
	width: 100%;
}

/* Textarea Styles */
textarea {
	min-height: 64px;
	line-height: 1.25;
	margin-bottom: 0 !important;
}

textarea.h1, textarea.h2 { height: 55px; }
textarea.h3 { height: 45px; }
textarea.h4 { height: 40px; }

.auto-height { resize: none; }

/* Formtastic Styles */
.formtastic li input, .formtastic li select {
	width: 100%;
}

.formtastic label > input {
	margin: 6px;
	width: auto;
}

.hint {
	color: #a3a3a8;
	font-size: 12px;
	font-style: italic;
	padding-top: 3px;
}

.hint.error, .has-error-label {
	color: #d62e4a;
}

.has-error-label {
	font-size: 12px;
	text-transform: uppercase;
}

.formtastic .input {
	margin-bottom: 6px;
	position: relative;
}

.formtastic .input[class*='icon-']:before {
	color: #66AE4A;
	margin-top: -12px;
	pointer-events: none;
	position: absolute;
	right: 6px;
	top: 50%;
}

.formtastic .string label, .formtastic .select label, .formtastic .email label {
	color: #a3a3a8;
	padding-right: 12px;
	text-align: right;
}

/* Search Styles */
.search {
	min-width: 20%;
	position: relative;
}

.search:before {
	font-size: 16px;
	line-height: 32px;
	pointer-events: none;
	position: absolute;
	right: 12px;
}

/* Inline Editing Styles */
[contenteditable], .inline-editing {
	transition: all 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42);
	border: 1px dashed #d7d7db;
	padding: 6px;
	background-color: transparent;
	display: inline-block;
}

[contenteditable]:hover, .inline-editing:hover,
[contenteditable]:focus, .inline-editing:focus {
	border-color: #66AE4A;
	border-style: solid;
	background-color: #fff;
}

[contenteditable] ~ button, .inline-editing ~ button {
	transition: all 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42);
	max-width: 0;
	min-width: 0;
	opacity: 0;
	overflow: hidden;
	padding-right: 0;
	visibility: hidden;
}

[contenteditable]:focus ~ button, .inline-editing:focus ~ button {
	padding: 9px 12px 6px;
	max-width: 300px;
	min-width: 96px;
	opacity: 1;
	overflow: visible;
	visibility: visible;
}

/* Input Sizes */
.input--fullwidth { width: 100% !important; }

/* Warning Styles */
input.warning, input.warning:focus, input.warning:hover {
	border-color: #e88c30;
}

input.warning ~ .hint {
	color: #e88c30;
}

/* Disabled Select Option */
select option[disabled] {
	font-style: italic;
	color: #a3a3a8;
}
.grid-boxes {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: -24px;
	margin-right: -24px;
}

.grid-box {
	display: block;
	flex: 1 1 auto;
	min-width: 20%;
	margin: 0 24px 24px 0;
	padding: 48px 24px;
	text-align: center;
	background: #fff;
	box-shadow: 0 0 0 1px #e2e2e2 inset;
	transition: box-shadow 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42), 
				color 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42);
}

.grid-box span, 
.grid-box i {
	color: #a3a3a8;
	transition: color 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42);
}

.grid-box:hover {
	box-shadow: 0 0 0 3px #66AE4A inset;
	text-decoration: none;
}

.grid-box:hover span, 
.grid-box:hover i {
	color: #35353b;
}

.grid-box:hover h3 {
	color: #66AE4A;
}

.grid-box h3 {
	position: relative;
	color: #5c9c42;
	transition: color 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42);
}

.grid-box h3::after {
	content: "";
	display: block;
	width: 20%;
	height: 1px;
	margin: 24px auto;
	background: #d7d7db;
}
/* General Styles */
.main {
	width: 100%;
	float: left;
}

.main.support-information-open {
	padding-bottom: 60px;
}

.truncate {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Main Content */
.main__content {
	padding: 24px;
}

.main__content > section:nth-child(2) > div:nth-child(2) > .candidate__tasks > div > div:first-child .task__status {
	top: -6px;
}

/* Candidates Per Year */
.candidates-per-year {
	background-color: white;
	width: 100%;
	padding: 20px 40px;
	margin-bottom: 10px;
	box-shadow: 0 0 0 1px #e2e2e2 inset;
	transition: box-shadow 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42);
	color: gray;
}

.candidates-per-year:hover .candidates-amount {
	font-weight: 500;
}

.candidates-per-year .year-box {
	display: inline-block;
	font-weight: 600;
	text-align: center;
	padding: 0 20px;
	width: 33%;
}

.candidates-per-year .year-box .candidates-amount {
	font-weight: 500;
	font-size: 40px;
}

/* Header */
.main__header {
	z-index: 999;
	position: relative;
}

.main__header__content {
	padding: 15px 24px;
}

.main__header .sticky {
	z-index: 1000;
}

.main__header .is-sticky .sticky {
	width: 100%;
}

/* Footer and Hero */
.main__footer, .main__hero {
	transition: box-shadow 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42), width 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42);
	background: #fff;
	padding: 24px;
}

.main__footer {
	border-top: 1px solid #D7D7C7;
}

.main__footer:after, .main__hero:after {
	clear: both;
	content: '';
	display: block;
}

.is-sticky .main__footer, .is-sticky .main__hero {
	width: calc(100% - 72px);
	z-index: 1000 !important;
	box-shadow: 0 1px 10px 0px rgba(0, 0, 0, 0.1);
}

.main__footer h2, .main__hero h2 {
	margin: 0;
	font-size: 24px;
}

.main__hero {
	border-bottom: 1px solid #d7d7db;
}

/* Responsive Styles */
@media (max-width: 950px) {
	.candidates-per-year .year-box {
		width: 32%;
	}
}
/* General Navigation Styles */
.navigation--top {
	color: #fff;
	width: 100%;
	z-index: 1000;
}

.navigation--top a {
	color: #35353b;
}

.navigation--top a:hover,
.navigation--top .open a {
	color: #5c9c42;
	text-decoration: none;
}

.navigation--top img:hover,
.navigation--top .open img {
	opacity: 0.8;
}

/* Caret */
.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.pagination {
    text-align: center;
    background: #e8e8e8;
    border: 1px solid #e0e0e0;
    border-top-color: #e0e0e0;
    border-bottom-color: #fff;
    border-radius: 0 0 0 7px;
    height: 26px;
    line-height: 26px;
    font-size: 11px;
    text-shadow: 1px 1px 0 #fff;
}

.pagination a,
.pagination span,
.pagination em {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    color: #333;
    height: 17px;
    line-height: 18px;
    padding: 0 5px;
}

.pagination a.disabled,
.pagination span.disabled,
.pagination em.disabled {
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.pagination em.current {
    background: #fff;
    border: 1px solid #d5d5d5;
    border-top-color: #bbb;
}

.pagination a:hover {
    text-decoration: underline;
}
.panels {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}

.panels .table td {
	border-bottom: 1px solid #f2f2f2;
}

.panel-container {
	flex: 1 0 0px;
	margin: 0 auto;
}

.panel-container[class*="container-"] {
	max-width: calc(100% / 12 * var(--container-span));
}

.panel {
	background: #fff;
	border: #f1f2f4;
	margin: 24px;
	min-width: 30%;
	padding: 24px;
	position: relative;
}

.panel__header {
	margin-bottom: 24px;
}

.panel__header h2 {
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}

.row .panel {
	margin: 0;
}
/* Recipients List */
.recipients_list {
  padding-bottom: 20px;
}

.recipients_list li {
  padding: 3px 0 3px 20px;
  position: relative;
}

.recipients_list li a {
  color: #0CF;
  display: block;
}

.recipients_list li label {
  color: #A8A8A8;
}

/* Clickable Recipients List */
.recipients_list.recipients_clickable li {
  padding: 5px;
  margin: 2px 0 2px 18px;
}

.recipients_list.recipients_clickable li input[type="checkbox"] {
  position: absolute;
  top: 50%;
  left: -18px;
  margin: -6px 0 0 0;
}

.lt-ie9 .recipients_list.recipients_clickable li input[type="checkbox"] {
  left: -20px;
  margin-top: -10px;
}

.recipients_list.recipients_clickable li a {
  color: #fff;
  text-decoration: none;
}

.recipients_list.recipients_clickable li a em {
  display: block;
  color: #A8A8A8;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.recipients_list.recipients_clickable li .tooltip {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 2px;
  font-size: 9px;
  color: #aaa;
}

.recipients_list.recipients_clickable li:hover {
  background: rgba(0, 0, 0, 0.2);
}

/* Empty Recipients */
.recipients_empty {
  color: #aaa;
  padding: 4px 0;
  display: none;
}

/* Selection Search */
.selection_search {
  padding-bottom: 10px;
}

.selection_search input {
  width: 100%;
  color: #ddd;
  padding-left: 25px;
  border: 1px solid #222;
}

.selection_search input::-webkit-input-placeholder,
.selection_search input:-moz-placeholder {
  color: #888;
}

.selection_search input:focus {
  background-color: #262626;
  border-color: #111;
}
.search-component {
	position: relative;
}

.search-component .icon-search {
	position: absolute;
	pointer-events: none;
	right: 6px;
	top: 6px;
}

.search-component .icon-search:before {
	color: #a3a3a8;
	font-size: 16px;
	transition: color 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42);
}

.search-component input:focus + .icon-search:before {
	color: #66AE4A;
}
.modal-open {
	position: fixed;
	width: 100%;
}

/* Default custom select styles */
div.cs-select {
	user-select: none;
	background: #fff;
	border: 1px solid #d7d7db;
	display: inline-block;
	position: relative;
	text-align: left;
	vertical-align: middle;
	width: 100%;
}

div.cs-select select {
	display: none;
}

.cs-placeholder, 
.cs-optgroup ul span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	display: block;
}

.cs-placeholder {
	padding: 12px 48px 12px 12px;
	position: relative;
}

.cs-placeholder:after {
	transform: translateY(-50%);
	position: absolute;
	right: 12px;
	top: 50%;
}

/* Options */
.cs-options {
	visibility: hidden;
	z-index: 3000;
	transition: opacity 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42), 
				transform 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42), 
				visibility 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42);
	display: flex;
	flex-direction: column;
	justify-content: center;
	transform: perspective(1000px) translate3d(0, 0, -200px);
	background: rgba(255, 255, 255, 0.96);
	height: 100%;
	left: 0;
	opacity: 0;
	overflow: auto;
	position: fixed;
	top: 0;
	width: 100%;
}

.cs-select.cs-active .cs-options {
	visibility: visible;
	transform: perspective(1000px) translate3d(0, 0, 0);
	opacity: 1;
}

/* Option Groups */
.cs-optgroup {
	transition: opacity 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42), 
				transform 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42);
	transform: translateX(24px);
	float: left;
	opacity: 0;
	padding: 24px;
	width: 50%;
}

.cs-optgroup:nth-of-type(2n) {
	transform: translateX(-24px);
	clear: both;
	text-align: right;
}

.cs-optgroup span {
	font-size: 20px;
	padding: 6px 0;
}

.cs-optgroup ul {
	padding-top: 6px;
}

.cs-optgroup > span {
	color: #d7d7db;
	font-size: 14px;
	text-transform: uppercase;
}

.cs-active .cs-options .cs-optgroup {
	transform: translateX(0);
	opacity: 1;
}

/* Hover and Focus States */
.cs-optgroup li span:hover,
.cs-focus span,
.cs-selected span {
	color: #66AE4A;
}

/* Skin Overlay */
div.cs-skin-overlay {
	color: #a3a3a8;
	max-width: 400px;
}

div.cs-skin-overlay > span {
	backface-visibility: hidden;
}

div.cs-skin-overlay span {
	transition: color 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42);
}

/* Responsive Styles */
@media screen and (max-width: 30em) {
	div.cs-skin-overlay {
		font-size: 1em;
	}

	div.cs-skin-overlay .cs-optgroup {
		float: none;
		text-align: center;
		width: 100%;
	}

	div.cs-skin-overlay .cs-optgroup span {
		font-size: 16px;
	}
}
aside.sidebar {
	position: fixed;
	top: 0;
	right: -300px;
	width: 300px;
	height: 100%;
	background-color: #fff;
	overflow: auto;

	display: flex;
	flex-direction: column;

	z-index: 2000;
	transition: transform 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42);
}

aside.sidebar section,
aside.sidebar .section {
	border-top: 1px solid #f1f2f4;
	padding: 12px;
}
/* General Styles */
.as-sortable-item {
	touch-action: none;
	margin: 0;
}

.as-sortable-item-handle {
	cursor: move;
}

/* Dragging Styles */
.as-sortable-drag {
	background-color: rgba(255, 255, 255, 0.9);
	box-sizing: content-box;
	padding: 6px;
	position: absolute;
	pointer-events: none;
	z-index: 4000;
}

/* Hidden Item */
.as-sortable-hidden {
	display: none !important;
}

/* Placeholder Styles */
.as-sortable-placeholder {
	display: block;
	border: 1px dashed #d7d7db;
	box-sizing: content-box;
	margin: 12px 0;
	padding: 6px;
}
.table,
.table--basic {
	table-layout: fixed;
	width: 100%;
}

.table tbody:not(:last-child),
.table--basic tbody:not(:last-child) {
	border-bottom: 12px solid #f1f2f4;
}

.table th,
.table--basic th {
	color: #a3a3a8;
	font-size: 14px;
	max-width: 25%;
	padding: 12px;
	text-align: left;
	vertical-align: bottom;
}

.table th .btn--icon,
.table--basic th .btn--icon {
	padding: 0 6px;
}

.table td,
.table--basic td {
	background-color: #fff;
	border-bottom: 12px solid #f1f2f4;
	padding: 12px;
	vertical-align: middle;
}

.table td.table__actions,
.table--basic td.table__actions {
	padding: 0 0 0 12px;
}

.table td.table__actions span,
.table--basic td.table__actions span {
	display: inline-block;
	height: 100%;
	vertical-align: top;
}

.table td.transparent,
.table--basic td.transparent {
	background-color: transparent;
}

.table .btn--icon,
.table--basic .btn--icon {
	border-left: 1px solid #f1f2f4;
	color: #d7d7db;
	height: 100%;
	min-height: 0;
	padding: 0 9px 0 12px;
}

.table .btn--icon:before,
.table--basic .btn--icon:before {
	font-size: 24px;
	padding-left: 0;
	position: relative;
	top: calc(50% - 12px);
}

.table .btn--icon:hover,
.table--basic .btn--icon:hover {
	color: #66AE4A !important;
}

.table .btn--icon.btn--disabled,
.table--basic .btn--icon.btn--disabled {
	opacity: 0.4;
	cursor: default;
}

.table .dropdown,
.table--basic .dropdown {
	height: 100%;
}

.table .dropdown.open a,
.table--basic .dropdown.open a {
	color: #66AE4A;
}

.table tr:hover .btn--icon,
.table--basic tr:hover .btn--icon {
	color: #a3a3a8;
}

.table tr:last-of-type td,
.table--basic tr:last-of-type td {
	border-bottom: none;
}

.table input:not([type='radio']):not([type='checkbox']),
.table select,
.table--basic input:not([type='radio']):not([type='checkbox']),
.table--basic select {
	width: 100%;
}

.table--basic tbody {
	border: 1px solid #f1f2f4;
}

.table--basic td {
	border-bottom: 1px solid #f1f2f4;
}

.table--basic tr:nth-of-type(2n) td {
	background-color: #f9fafb;
}

.table--basic tr:first-child td {
	padding-top: 12px;
}

.table--basic td {
	border-bottom: none;
	padding: 0 12px 12px;
}

.table--fluid {
	table-layout: auto;
}

.section .table {
	margin-left: -24px;
	margin-right: -24px;
	width: calc(100% + 48px);
}

.section .table td {
	border-bottom-width: 3px;
}

.table__cell--scrollable {
	line-height: 1.1;
	max-height: 200px;
	overflow: auto;
}
.tabs {
	display: flex;
	justify-content: space-around;
	background: #fff;
	padding: 0 24px;
	text-align: center;
	border-bottom: 1px solid #D7D7C7;
}

.tabs li {
	flex: 1 0 0;
}

.tabs li > a {
	display: block;
	padding: 20px 10px;
	height: 100%;
}

.tabs li > a.active {
	box-shadow: 0 2px 0 #66AE4A, 0 -1px 0 #66AE4A inset;
}

.nav-tabs {
	margin-bottom: 24px;
}
/* General Tooltip and Popover Styles */
[tooltip_right], [tooltip_left], .popover {
	position: relative;
	z-index: 3000;
	line-height: 1;
	opacity: 0;
	visibility: hidden;
	transition: transform 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42), 
				opacity 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42), 
				visibility 0.3s cubic-bezier(0.37, 0.24, 0.3, 1.42);
}

[tooltip_right]:hover:before, [tooltip_right]:hover:after,
[tooltip_left]:hover:before, [tooltip_left]:hover:after,
.popover.in {
	opacity: 1;
	visibility: visible;
	transition-delay: 0.5s;
}

/* Tooltip Content Styles */
[tooltip_right]:after, [tooltip_left]:after, .popover-inner {
	background-color: #35353b;
	color: #fff;
	font-size: 12px;
	border-radius: 4px;
	padding: 12px;
	max-width: 300px;
}

.tooltip--nowrap:after {
	white-space: nowrap;
}

/* Tooltip Arrow Styles */
[tooltip_right]:before, [tooltip_left]:before, .popover .arrow {
	border: 6px solid transparent;
	content: '';
	position: absolute;
}

/* Tooltip Right */
[tooltip_right]:before {
	border-right-color: #35353b;
	left: 100%;
	transform: translate(-24px, -50%);
}

[tooltip_right]:after {
	content: attr(tooltip_right);
	margin-left: 12px;
	left: 100%;
	transform: translate(-24px, -50%);
}

[tooltip_right]:hover:before, [tooltip_right]:hover:after {
	transform: translate(0, -50%);
}

/* Tooltip Left */
[tooltip_left]:before {
	border-left-color: #35353b;
	right: 100%;
	transform: translate(24px, -50%);
}

[tooltip_left]:after {
	content: attr(tooltip_left);
	margin-right: 12px;
	right: 100%;
	transform: translate(24px, -50%);
}

[tooltip_left]:hover:before, [tooltip_left]:hover:after {
	transform: translate(0, -50%);
}

/* Popover Styles */
.popover-inner {
	background-color: #7a7a7a;
}

.popover .arrow {
	display: block;
	width: 0;
	height: 0;
	position: absolute;
}

/* Popover Transformations */
.popover.in {
	transform: translateX(0) translateY(0) !important;
}

.popover.top {
	transform: translateY(-24px);
}

.popover.bottom {
	transform: translateY(24px);
}

.popover.left {
	transform: translateX(24px);
}

.popover.right {
	transform: translateX(-24px);
}

/* Popover Arrow Positions */
.popover.top .arrow, .popover.bottom .arrow {
	left: 50%;
	margin-left: -6px;
}

.popover.top .arrow {
	border-bottom-width: 0;
	border-top-color: #7a7a7a;
	bottom: -6px;
}

.popover.bottom .arrow {
	border-top-width: 0;
	border-bottom-color: #7a7a7a;
	top: -6px;
}

.popover.left .arrow, .popover.right .arrow {
	top: 50%;
	margin-top: -6px;
}

.popover.left .arrow {
	border-right-width: 0;
	border-left-color: #7a7a7a;
	right: -6px;
}

.popover.right .arrow {
	border-left-width: 0;
	border-right-color: #7a7a7a;
	left: -6px;
}
/*






































*/

.sidebar-admin h2 {
	font-size: 24px !important;
}

.sidebar-admin h3 {
	font-size: 18px !important;
}

.sidebar-admin h2, .sidebar-admin h3 {
	color: #9a9a9a;
}

.modal__body {
	overflow: visible;
}

button[ng-click*="$form.$cancel"] {
	position: relative;
  width: 24px;
  height: 24px;
  background: none;
  border: none;
  cursor: pointer;
	background-color: transparent !important;
}

button[ng-click*="$form.$cancel"]:before, button[ng-click*="$form.$cancel"]::after {
	content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 2px;
  background-color: #d62e4a;
  transform-origin: center;
}

button[ng-click*="$form.$cancel"]::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

button[ng-click*="$form.$cancel"]::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.candidates_warning {
	background-color: #d9edf7;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 5px;
	text-align: center;
}

.content-notification {
	background: #e2f5f9;
	border-radius: 3px;
	border: 1px solid #a3dfeb;
	color: #006a80;
	margin-bottom: 24px;
	padding: 20px;
}

.content-notification.intro-text {
	background: none;
	border: none;
	padding: 0;
}

.content-notification p:last-of-type {
	margin: 0;
}

#help-box {
	display: none;
}

#help-box.help-box-visible {
	display: block;
}

.alert_failure {
	background: orange;
}

#report_options {
	width: 852px;
}

body.theme {
	background-color: #f1f2f4;
}

.column-narrow {
	width: 15%;
}

.inputs_470 input {
	display: block;
	width: 470px !important;
	margin-bottom: 10px;
}

.nav-tabs {
	display: flex;
}

.grayed-out span {
	font-size: 18px;
}

.c {
	margin: 0 auto;
	width: 1190px;
	position: relative;
}

div[class^="col-"] {
	box-sizing: border-box;
}

.intro-text-container td {
	vertical-align: top;
}

.intro-text-container td img {
	max-width: none;
}

.intro-text-container p {
	line-height: normal;
	font-size: 14px;
}

.box_langs ul,
ul.lang {
	display: flex;
	justify-content: flex-end;
}

.box_langs ul li,
ul.lang li {
	margin-left: 10px;
}

textarea.question_ok_class {
	resize: none;
	overflow: auto;
	border: 1px solid white;
	min-height: unset;
	padding: 3px;
	width: 100%;
	z-index: 9999;
}

textarea.question_ok_class:hover {
	border: 1px solid #5c9c42;
}

textarea.question_ok_class:focus {
	height: 100px;
	position: absolute;
	border: 1px solid #5c9c42;
	width: 44%;
}

.extended-question textarea.question_ok_class {
	width: 500px;
}

form.report .selection_dropdown {
	background: darkgrey;
	padding-bottom: 0;
	width: 100px;
	float: right;
	margin-bottom: 0;
}

form.report .selection_dropdown .selection_button {
	width: 100px;
}

p a {
	color: #1890ff;
}

p a:hover {
	color: #40a9ff;
}

#projects .ant-list .ant-list-items .ant-list-item {
	height: 38px;
}

#new_users {
	display: flex;
	flex-direction: column;
}

#new_users .row {
	display: flex;
	justify-content: space-around;
	flex-direction: column;
}

#new_users .row th {
	font-weight: bold;
}

#new_users .row .columns {
	width: 100%;
	display: flex;
}

#new_users .row .col-sm-5 {
	width: 42%;
}

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

.ant-alert-info a {
	color: #39b54a;
}

.screening-summary-description {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}

.screening-summary-description .riasec-descriptions {
	width: 600px;
}

.screening-summary-description .riasec-descriptions .letter {
	width: 25px;
}

.screening-summary-description .riasec-descriptions .title {
	width: 150px;
}

.screening-summary-description .riasec-descriptions tr {
	border-bottom: 1px solid black;
}

.screening-summary-description .riasec-descriptions tr td {
	padding: 16px 0;
}

.screening-summary-description .riasec-descriptions tr:last-child {
	border-bottom: 0;
}

#sidebar {
	background-color: #444;
}

.fr-box {
	width: 100%;
}

.fr-box .fr-element {
	width: 100%;
	border: 0;
}

.btn--primary {
	background-color: rgb(102, 174, 74);
	border-color: rgb(111, 166, 48);
	color: white;
	cursor: pointer;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	border-bottom: 1px solid;
	border-radius: 3px;
	text-align: center;
	min-width: 96px;
	padding: 9px 12px 6px;
}