@import url("//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&lang=en");

/**
 * http://applemusic.tumblr.com/
 * https://jsfiddle.net/xq56dmrh/
 */

/** Ultra Light */
@font-face {
  font-family: "San Francisco";
  font-weight: 100;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.woff");
}

/** Thin */
@font-face {
  font-family: "San Francisco";
  font-weight: 200;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-thin-webfont.woff");
}

/** Regular */
@font-face {
  font-family: "San Francisco";
  font-weight: 400;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff");
}

/** Medium */
@font-face {©
  font-family: "San Francisco";
  font-weight: 500;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.woff");
}

/** Semi Bold */
@font-face {
  font-family: "San Francisco";
  font-weight: 600;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff");
}

/** Bold */
@font-face {
  font-family: "San Francisco";
  font-weight: 700;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.woff");
}

*{
  box-sizing: border-box;
}

body{
  font-family: 'proxima-nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  background-color: #333;
  line-height: 1.42857143;
  font-size: 14px;
}

body.backend{
  background-color: #ededed;
}

/* RESETS */
:focus, :active {
  outline: 0 !important;
}

a:hover, a:focus{
  text-decoration: none;
}

.TplEditor_Email p{
  /*margin:0 !important;*/
  padding: 10px 0;
}

/*
p {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
}
*/

.greyBox{
  background-color: rgba(226, 226, 226, 0.7);
  min-height: 130px;
  margin: 10px 0;
}

.bg-success {
  background-color: #4bb956;
}

h1, h2 {
  margin-top: 20px !important;
  margin-bottom: 10px !important;
}

.hl {
  margin-right: 5px;
  font-weight: 600;
}

h2 {
  font-weight: 600;
  letter-spacing: -1px;
  color: #434343;
}

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

.h4, .h5, .h6, h4, h5, h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Drop Down */
.lovii-dropdown {
  border-radius: 6px !important;
}

.lovii-dropdown-items {
  font-family: 'proxima-nova', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
  letter-spacing: -0.5px;
  line-height: 38px !important;
  min-height: 15px !important;
}

/* IMPORTANT OVERRIDE */
.intl-tel-input .country-list{
  z-index: 71;
}
.intl-tel-input .selected-flag{
  z-index: 70;
}

/* Side Modal */
.side-scroll {
  overflow: auto;
  position: absolute;
  top: 113px;
  bottom: 80px;
  left: 0px;
  right: 0px;
}

/* Global Search Header */
.globalSearchHeader {
  background: rgba(51,51,51,1);
  background: -moz-linear-gradient(-45deg, rgba(51,51,51,1) 0%, rgba(84,84,84,1) 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(51,51,51,1)), color-stop(100%, rgba(84,84,84,1)));
  background: -webkit-linear-gradient(-45deg, rgba(51,51,51,1) 0%, rgba(84,84,84,1) 100%);
  background: -o-linear-gradient(-45deg, rgba(51,51,51,1) 0%, rgba(84,84,84,1) 100%);
  background: -ms-linear-gradient(-45deg, rgba(51,51,51,1) 0%, rgba(84,84,84,1) 100%);
  background: linear-gradient(135deg, rgba(51,51,51,1) 0%, rgba(84,84,84,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#545454', GradientType=1 );
}

#overlay-search:focus {
  outline: none;
}

/* Sub Header Toolbar Buttons */
.tbBtn{
  background-color: transparent !important;
}

.form-control:focus {
  border-color: #ccc;
  box-shadow: none;
}

input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #333;
}

input:-webkit-autofill:focus {
  -webkit-box-shadow: /*your box-shadow*/,0 0 0 50px white inset;
  -webkit-text-fill-color: #333;
}

/* no-gutters Class Rules */
.container-fluid.no-gutters {
  padding-right: 0px;
  padding-left: 0px;
}
.row.no-gutters {
   margin-right: 0;
   margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
   padding-right: 0;
   padding-left: 0;
}
.row.gutter-r-5 > [class^="col-"],
.row.gutter-r-5 > [class*=" col-"] {
   padding-right: 5px;
   padding-left: 0;
   margin-left: -15px;
}

.btn-group-sm .btn {
  padding-left: 20px;
  padding-right: 20px;
  text-transform: uppercase;
}

.btn-group-sm .btn-default.active{
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0,0,0,0.1);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .18);
  /* box-shadow: inset -1px 1px 0px rgba(0,0,0,0.9);*/
  background: #8a8b89;
}

.btn-group-sm .btn-default{
  font-size:10px;
  font-weight: 600;
  letter-spacing: -0.01px;
  text-shadow: 0px 1px 1px rgba(0,0,0,0.1);
  border-color: #dbdbdb;
  color:#333;
}

.actionBtn {
  height: 32px !important;
  box-shadow: none !important;
  background-color: transparent !important;
}

.actionBtn button{
  border-radius: 4px !important;
}

.actionBtn div div > span{
  text-transform: capitalize !important;
  font-size: 14px !important;
  line-height: 30px !important;
  padding-left: 5px !important;
}

// .actionBtn .fa.fa-paper-plane-o,
// .actionBtn .fa.fa-flash{
//   font-size: 16px !important;
//   font-weight: 600;
//   margin-left: 5px !important;
//   margin-right: 4px !important;
// }

/* Password Strength Meter */
meter {
  /* Reset the default appearance */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;

  width: 100%;
  height: .3em;

  /* Applicable only to Firefox */
  background: none;
  background-color: #eee;
}

meter::-webkit-meter-bar {
  background: none;
  background-color: #eee;
}

meter[value="1"]::-webkit-meter-optimum-value { background: #E3170D; }
meter[value="2"]::-webkit-meter-optimum-value { background: #FCDC3B; }
meter[value="3"]::-webkit-meter-optimum-value { background: #FF9912; }
meter[value="4"]::-webkit-meter-optimum-value { background: #4bb956; }

meter[value="1"]::-moz-meter-bar { background: #E3170D; }
meter[value="2"]::-moz-meter-bar { background: #FCDC3B; }
meter[value="3"]::-moz-meter-bar { background: #FF9912; }
meter[value="4"]::-moz-meter-bar { background: #4bb956; }

.header .bubble{
  left: -8px;
  top: -8px;
  float: left;
}
.header .brand{
  width: 190px;
  text-align: right;
}
.header .search-link{
  padding-left: 20px;
  margin-left: 0px;
}
.mobile-brand{
  display:none !important;
}
.mob-header-actions{
  font-size:22px;
}
.profile-dropdown-toggle i{
  font-size:11px;
}
.profile-dropdown{
  left: -55px;
  top: 50px;
}
.ListViewContainer{
  position: relative;
  height:  calc( 100% - 80px ); /* 100%; */
}
.bg-master-lighter {
  background-color: #fafafa;
}
.profile-dropdown li > a{
  opacity: 1;
}

.page-content{
  padding:85px 0 80px 0;
}

.page-sub-header h2{
  margin: 0px 0px 20px 0px;
}
.sub-header-actions{
  margin: 4px 0px 0 0;
}
.action-dropdown{
  background: #fff;
  padding: 0;
}
.action-dropdown:before {
  position: absolute;
  top: -7px;
  right: 15px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}
.action-dropdown:after {
  position: absolute;
  top: -6px;
  right: 16px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}
.action-dropdown li > a i{
  font-size: 22px;
  min-width:25px;
  text-align: center;
  position: absolute;
  margin-top: 6px;
  margin-left: -37px;
}
.action-dropdown li > a {
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
  padding-left: 50px;
  padding-right: 37px;
  min-width: 138px;
  font-size: 15px;
  font-family: "proxima-nova";
  letter-spacing: -0.5px;
  font-weight: 400;
}
.action-dropdown li > a:hover{
  background: #fafafa;
}

/* FADE ANIMATION*/
.fade-appear {
  opacity: 0.01;
}

.fade-appear.fade-appear-active {
  opacity: 1;
  transition: opacity .5s ease-in;
}
.fade-enter {
  opacity: 0.01;
}

.fade-enter.fade-enter-active {
  opacity: 1;
  transition: opacity .5s ease-in;
}

.fade-leave {
  opacity: 1;
}

.fade-leave.fade-leave-active {
  opacity: 0.01;
  transition: opacity .3s ease-in;
}

/* TOOLBAR INSIDE SUB HEADER SELECT OVERRIDE */
.toolbarSelectSubHeader .Select-control{
  border: none;
  background-color: transparent;
}
.toolbarSelectSubHeader .Select-control:hover{
  box-shadow: none;
  cursor: pointer;
}
.toolbarSelectSubHeader .Select-arrow-zone{
  background-color: transparent;
  border-color: transparent;
}
.toolbarSelectSubHeader .Select-arrow{
  border-color: transparent;
}

/* TOOLBAR SELECT OVERRIDE */
.toolbarSelect .Select-control{
  border: 1px solid #dddddd;
}
.toolbarSelect .Select-arrow-zone{
  background-color: transparent;
}
.toolbarSelect .Select-arrow{
  border-color: #a9a9a9 transparent transparent;
}

/* Advanced Filter Cond Label */
.condLabel .Select-control{
  border: none;
  background-color: transparent;
  height: 28px;
  line-height:10px;
  color:#fff;
}
.condLabel.is-focused:not(.is-open) > .Select-control,
.condLabel .Select-control:hover{
  box-shadow: none;
}
.condLabel .Select-input{
  min-width: 100px;
  height: 28px;
}
.condLabel .Select-input > input{
  color: #fff;
  height: 28px;
}
.condLabel .Select-placeholder,
.condLabel:not(.Select--multi) > .Select-control .Select-value{
  line-height: 28px;
  height: 28px;
  color: #fff;
}
.condLabel .Select-arrow-zone{
  border: none;
  background-color: transparent;
  padding: 8px 9px;
}
.condLabel .Select-arrow{
  border-top-color: #fff;
}
.condLabel.is-open .Select-arrow, .Select-arrow-zone:hover > .Select-arrow{
  border-top-color: #fff;
}
.condLabel.has-value:not(.Select--multi) > .Select-control > .Select-value .Select-value-label,
.condLabel.has-value.is-pseudo-focused:not(.Select--multi) > .Select-control > .Select-value .Select-value-label{
  color: #fff;
}
.condLabel .Select-clear-zone{
  color: #fff;
}
.condLabel .Select-clear{
  line-height: 11px;
}

/* IOS Message Bubble */
.clear {clear: both}
.from-me {
  position: relative;
  padding: 12px 20px;
  color: white;
  background: #1dc24a;
  border-radius: 25px;
  float: right;
  font-size: 16px;
  word-wrap: break-word;
  width: 86%;
}
.from-me:before {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: -2px;
  right: -7px;
  height: 20px;
  border-right: 20px solid #1dc24a;
  border-bottom-left-radius: 16px 14px;
  -webkit-transform: translate(0, -2px);
}
.from-me:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: -2px;
  right: -40px;
  width: 10px;
  height: 20px;
  background: white;
  border-bottom-left-radius: 10px;
  -webkit-transform: translate(-30px, -2px);
}
.from-me span p {
  margin: 0px;
}

/* Advanced Filter Cond Value */
.condValue .Select-control{
  border: none;
  background-color: transparent;
  height: 25px;
  line-height: 10px;
  color: #337ab7;
}
.condValue.is-focused:not(.is-open) > .Select-control,
.condValue .Select-control:hover{
  box-shadow: none;
}
.condValue .Select-input{
  height: 25px;
}
.condValue .Select-input > input{
  color: #337ab7;
  height: 25px;
}
.condValue .Select-placeholder,
.condValue:not(.Select--multi) > .Select-control .Select-value{
  line-height: 25px;
  height: 25px;
  color: #337ab7;
}
.condValue .Select-arrow-zone{
  border: none;
  background-color: transparent;
  padding: 8px 9px;
}
.condValue .Select-arrow{
  border-top-color: #337ab7;
}
.condValue.is-open .Select-arrow, .Select-arrow-zone:hover > .Select-arrow{
  border-top-color: #337ab7;
}
.condValue.has-value:not(.Select--multi) > .Select-control > .Select-value .Select-value-label,
.condValue.has-value.is-pseudo-focused:not(.Select--multi) > .Select-control > .Select-value .Select-value-label{
  color: #337ab7;
}
.condValue .Select-clear-zone{
  color: #337ab7;
}
.condValue .Select-clear{
  line-height: 11px;
}

/*
 CARD SELECT RIBBON
*/
.selectRibbon{
  position: absolute;
  z-index: 600;
  background-color: #9c9c9c;
  color: #fff;
  height: 34px;
  width: 1px;
  top: 10px;
  padding: 8px;
  font-size: 13px;
  letter-spacing: -0.05px;
  transition: width 0.01s linear;
}
.selectRibbon:after {
  content: "";
  position: absolute;
  display: block;
  border: 17px solid #9c9c9c;
  top: 0;
  transition: right 2s;
}
.selectRibbon:after {
  border-right-color: transparent;
}

.selectRibbon:hover{
  width: 100px;
  cursor: pointer;
}
.selectRibbon:hover:before{
  content: "Select";
  position: absolute;
}
.selectRibbon:hover:after{
  right: -34px;
}

.selectRibbon.active{
  background-color: #4eae4a;
  width: 100px;
}
.selectRibbon.active:hover:before{
  content: "";
}
.selectRibbon.active:after {
  content: "";
  position: absolute;
  display: block;
  border: 17px solid #4eae4a;
  right: -34px;
  top: 0;
}
.selectRibbon.active:after {
  border-right-color: transparent;
}

/*
 CARD SELECT RIBBON MINI
*/
.selectRibbonMini{
  position: absolute;
  z-index: 600;
  background-color: #9c9c9c;
  color: #fff;
  height: 30px;
  width: 1px;
  top: 10px;
  padding: 8px;
  font-size: 13px;
  letter-spacing: -0.05px;
  transition: width 0.01s linear;
}
.selectRibbonMini:after {
  content: "";
  position: absolute;
  display: block;
  border: 15px solid #9c9c9c;
  top: 0;
  transition: right 2s;
}
.selectRibbonMini:after {
  border-right-color: transparent;
}

.selectRibbonMini:hover{
  width: 25px;
  cursor: pointer;
}
.selectRibbonMini:hover:before{
  content: "";
  position: absolute;
}
.selectRibbonMini:hover:after{
  right: -30px;
}

.selectRibbonMini.active{
  background-color: #4eae4a;
  width: 25px;
}
.selectRibbonMini.active:hover:before{
  content: "";
}
.selectRibbonMini.active:after {
  content: "";
  position: absolute;
  display: block;
  border: 15px solid #4eae4a;
  right: -30px;
  top: 0;
}
.selectRibbonMini.active:after {
  border-right-color: transparent;
}

/*
 CARD SELECT RIBBON (VERTICAL)
*/
.selectRibbonVertical{
  position: absolute;
  z-index: 600;
  background-color: #9c9c9c;
  color: #fff;
  height: 15px;
  width: 28px;
  top: 0px;
  padding: 8px;
  font-size: 13px;
  letter-spacing: -0.05px;
  transition: height 0.01s linear, border-bottom-color .1s;
}

.selectRibbonVertical:after {
  content: "";
  position: absolute;
  display: block;
  border: 15px solid #9c9c9c;
  bottom: -14px;
  top: 0;
  left: 0;
}
.selectRibbonVertical:after {
  border-bottom-color: transparent;
}

.selectRibbonVertical:hover{
  height: 80px;
  cursor: pointer;
}
.selectRibbonVertical:hover:before{
  content: "Select";
  position: absolute;
  transform: rotate(90deg);
  transform-origin: left top 0;
  display: inline-block;
  margin-left: 16px;
  margin-top: 10px;
  z-index: 200;
}
.selectRibbonVertical:hover:after{
  border-bottom-color: transparent;
}

.selectRibbonVertical.active{
  background-color: #4eae4a;
  height: 85px;
}
.selectRibbonVertical.active:hover:before{
  content: "";
}
.selectRibbonVertical.active:after {
  border: 15px solid #4eae4a;
}
.selectRibbonVertical.active:after {
  border-bottom-color: transparent;
}

/*
MASONRY CSS (used in vendor portal)
*/
.my-masonry-grid {
  display: -webkit-box; /* Not needed if autoprefixing */
  display: -ms-flexbox; /* Not needed if autoprefixing */
  display: flex;
  margin-left: -20px; /* gutter size offset */
  width: auto;
}
.my-masonry-grid_column {
  padding-left: 20px; /* gutter size */
  background-clip: padding-box;
}

/* Style your items */
.my-masonry-grid_column > div { /* change div to reference your elements you put in <Masonry> */
  background: grey;
  margin-bottom: 20px;
}

/*
 CARD SELECT RIBBON MINI (VERTICAL)
*/

.selectRibbonVerticalMini{
  position: absolute;
  z-index: 600;
  background-color: #9c9c9c;
  color: #fff;
  height: 15px;
  width: 28px;
  top: 0px;
  padding: 8px;
  font-size: 13px;
  letter-spacing: -0.05px;
  transition: height 0.01s linear, border-bottom-color .1s;
}

.selectRibbonVerticalMini:after {
  content: "";
  position: absolute;
  display: block;
  border: 15px solid #9c9c9c;
  bottom: -14px;
  top: 0;
  left: 0;
}
.selectRibbonVerticalMini:after {
  border-bottom-color: transparent;
}

.selectRibbonVerticalMini:hover{
  height: 30px;
  cursor: pointer;
}
.selectRibbonVerticalMini:hover:before{
  position: absolute;
  transform: rotate(90deg);
  transform-origin: left top 0;
  display: inline-block;
  margin-left: 16px;
  margin-top: 10px;
  z-index: 200;
}
.selectRibbonVerticalMini:hover:after{
  border-bottom-color: transparent;
}

.selectRibbonVerticalMini.active{
  background-color: #4eae4a;
  height: 30px;
}
.selectRibbonVerticalMini.active:hover:before{
  content: "";
}
.selectRibbonVerticalMini.active:after {
  border: 15px solid #4eae4a;
}
.selectRibbonVerticalMini.active:after {
  border-bottom-color: transparent;
}

/*
  RULE BUILDER
*/
.ruleOrBlock:before{
  content: 'OR';
  position: absolute;
  padding: 7px;
  border: 1px dashed #48b0f7;
  background-color: #fff;
  margin-left: 190px;
  margin-top: -25px;
  border-radius: 50%;
  font-size: 16px;
  letter-spacing: -1px;
  font-weight: 600;
}

.ruleOrBlock.first:before{
  display:none;
}

/**
 * The geosuggest module
 */
.geosuggest {
  font-size: 11px;
  position: relative;
  margin: 0.5em auto 0.7em auto;
  text-align: left;
}
.geosuggest__input {
  width: 85%;
  margin-left: 35px;
  /*
  -webkit-transition: border 0.2s, box-shadow 0.2s;
          transition: border 0.2s, box-shadow 0.2s;
  border: 2px solid transparent;
  box-shadow: 0 0 1px #3d464d;
  padding: .5em 1em;
  */
}
.geosuggest__input:focus {
  border-color: #267dc0;
  box-shadow: 0 0 0 transparent;
}
.geosuggest__suggests {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 25em;
  padding: 0 0 5px 0;
  margin-top: 11px;
  background: #fff;
  border-bottom: 1px solid #ccc;
  border-top-width: 0;
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none;
  z-index: 5;
  /*-webkit-transition: max-height 0.1s;
          transition: max-height 0.1s;*/
}
.geosuggest__suggests--hidden {
  max-height: 0;
  overflow: hidden;
  border-width: 0;
  display: none;
}

/**
 * A geosuggest item
 */
.geosuggest__item {
  font-size: 11px;
  padding: .7em 1.8em;
  cursor: pointer;
}
.geosuggest__item:hover,
.geosuggest__item:focus {
  background: #f5f5f5;
}
.geosuggest__item--active {
  background: #267dc0;
  color: #fff;
}
.geosuggest__item--active:hover,
.geosuggest__item--active:focus {
  background: #ccc;
}

/*
  GRAPH OVERRIDES
*/
.ct-series-a .ct-blue-bar{
  stroke: #0098ee;
}
.ct-blue-bar{
  fill: none;
  stroke-width: 4px;
}

.ct-series-a .ct-main-point{
  stroke: #0098ee;
  stroke-width: 8px;
  stroke-linecap: round;
}
.ct-series-a .ct-main-line{
  stroke: #0098ee;
  stroke-width: 2px;
  fill:none;
}
.ct-series-a .ct-main-area{
  fill: #0098ee;
  fill-opacity: .1;
}

.ct-series-b .ct-main-point{
  stroke: #08579a;
  stroke-width: 8px;
  stroke-linecap: round;
}
.ct-series-b .ct-main-line{
  stroke: #08579a;
  stroke-width: 2px;
  fill:none;
}
.ct-series-b .ct-main-area{
  fill: #08579a;
  fill-opacity: .1;
}

.ct-series-c .ct-main-point{
  stroke: #4db956;
  stroke-width: 8px;
  stroke-linecap: round;
}
.ct-series-c .ct-main-line{
  stroke: #4db956;
  stroke-width: 2px;
  fill:none;
}
.ct-series-c .ct-main-area{
  fill: #4db956;
  fill-opacity: .1;
}

.ct-series-d .ct-main-point{
  stroke: #ed791b;
  stroke-width: 8px;
  stroke-linecap: round;
}
.ct-series-d .ct-main-line{
  stroke: #ed791b;
  stroke-width: 2px;
  fill:none;
}
.ct-series-d .ct-main-area{
  fill: #ed791b;
  fill-opacity: .1;
}

.ct-pie-label{
  fill: #fff;
  font-size: 1.1rem;
}
.ct-series-a .ct-slice-pie{
  fill: #2f9eaf !important;
}
.ct-series-b .ct-slice-pie{
  fill: #c4453e !important;
}
.ct-series-c .ct-slice-pie{
  fill: #7e5e83 !important;
}

/* Line Chart */
/* Use this selector to override the line style on a given series */
.ct-series-a .ct-line {
  /* Set the colour of this series line */
  stroke: #10acff !important;
  /* Control the thikness of your lines */
  stroke-width: 2px;
  /* Create a dashed line with a pattern
  stroke-dasharray: 10px 20px; */
}

/* This selector overrides the points style on line charts. Points on line charts are actually just very short strokes. This allows you to customize even the point size in CSS */
.ct-series-a .ct-point {
  /* Colour of your points */
  stroke: #10acff !important;
  /* Size of your points */
  stroke-width: 8px;
  /* Make your points appear as squares */
  stroke-linecap: round;
}

.ct-label{
  color: rgba(128,136,155,1);
  font-size: 1rem;
  text-transform: uppercase;
}

.ct-series-a .ct-area, .ct-series-a .ct-slice-pie,
.ct-area{
  fill: #d9d9d9 !important;
  fill-opacity: 1;
}

/* Overlay Search
------------------------------------
*/
.overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  /*background: rgba(255, 255, 255, 0.93);*/
  background: rgb(255, 255, 255);
  z-index: 1010;
  overflow: auto;
}
.overlay-content{
  margin-top:30px;
}
.overlay .inline-block {
  display: inline-block;
}
.overlay .overlay-brand {
  margin-left: 7px;
}
.overlay > div {
  width: 100%;
  display: block;
  overflow: hidden;
}
.overlay .overlay-search {
  font-weight: 700;
  font-size: 70px;
  height: 100px;
  letter-spacing: -1.925px;
  width: 100%;
  padding-left: 0 !important;
}
.overlay .overlay-close {
  position: absolute;
  color: #676767;
  right: 20px;
  top: 25px;
}

/* MODULE NAV */
.module-nav{
  overflow: hidden;
  height: 51px;
  margin-left: 15px;
  padding: 0;
}

.module-nav li{
  float: left;
  font-size: 17px;
  margin-right: 30px;
  margin-top: 12px;
  letter-spacing: -1px;
  list-style-type: none;
}

.module-nav li a{
  color: #676767;
  font-size: 16px;
  font-weight: 600;
}

/* Side Panel Nav */
.side-panel-nav{
  background-color: #333333;
  position: relative;
  overflow: hidden;
  height: 50px;
}
.side-panel-nav > li{
  float: left;
  margin-top: 12px;
  margin-right: 30px;
  list-style-type: none;
}
.side-panel-nav > li:last-child{
  margin-right:0px;
}
.side-panel-nav > li > a {
  padding-bottom: 10px;
  color: #cbcbcb;
  opacity: 0.6;
  border: 0;
  text-align: center;
  font-size: 16px;
  min-width: 62px;
  text-decoration: none;
}
.side-panel-nav > li > a:hover {
  color: #fdfdfd;
  opacity: 1;
  text-decoration: none;
}
.side-panel-nav > li > a.active,
.side-panel-nav > li > a.active:hover,
.side-panel-nav > li > a.active:focus {
  background-color: transparent;
  border: 0;
  color: #fdfdfd;
  opacity: 1;
  text-decoration: none;
  border-bottom: 6px solid #51b346;,
  outline: 0;
}

/* Module Tabs */
.module-tabs {
  margin:0;
  padding:0;
  position:absolute;
  top: 45px;
  left: 32px;
}

.module-tabs li{
  float: left;
  list-style-type: none;
}

.module-tabs li a{
  margin-right: 3px;
  color: #676767;
  background-color: rgb(249, 249, 249);
  padding: 13px 25px 14px 25px;
}

.module-tabs li:first-child a {
  margin-left: 1px;
}

.module-tabs li:first-child .activeTab {
  margin-left: 0px;
}

/*
background: -moz-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(240,240,240,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(100%, rgba(240,240,240,1)));
background: -webkit-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(240,240,240,1) 100%);
background: -o-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(240,240,240,1) 100%);
background: -ms-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(240,240,240,1) 100%);
background: linear-gradient(to bottom, rgba(253,253,253,1) 0%, rgba(240,240,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f0f0f0', GradientType=0 );
*/

.module-tabs li a i{
  font-size: 18px;
  vertical-align: text-top;
}

/* Module Tabs Horizontal */

.module-tabs.module-tabs-vertical {
  top: 25px;
}

.module-tabs.module-tabs-vertical li{
  list-style-type: none;
  float: none;
  width: 199px;
  margin-bottom:4px;
}

.module-tabs.module-tabs-vertical li a{
  display: block;
  margin-right: 0px;
  padding: 10px 0px 10px 20px;
  line-height: 20px;
  font-size: 12px;
  background-color: rgb(249, 249, 249);
}

.module-tabs.module-tabs-vertical li a i{
  font-size: 18px;
  padding-right: 15px;
  vertical-align: sub;
}

.module-tabs.module-tabs-vertical li .active{
  color: #4bb956;
  width: 200px;
  font-size: 14px;
  background-color: #fff;
  padding: 13px 23px;
  border-left: 2px solid #4bb956;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-right: none;
}

.module-tabs.module-tabs-vertical li .active i{
  font-size: 24px;
}

/* PAGINATION OVERRIDES */
.pagination > li > a,
.pagination > li > span{
  color: #aaa;
  border: 1px solid #dbdbdb;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{
  z-index: 3;
  color: #333;
  background-color: #eee;
  border-color: #ddd;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{
  background-color: #5a5a5a !important;
  border-color: #5a5a5a !important;
}


/*!
 * https://github.com/arqex/react-datetime
 */

.rdt {
  position: relative;
}
.rdtPicker {
  display: none;
  position: absolute;
  width: 250px;
  padding: 4px;
  z-index: 99999 !important;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
  border: 1px solid #f9f9f9;
}
.rdt.transparent > .rdtPicker{
  background: transparent;
  border:1px solid transparent;
}
.rdt.transparent > .rdtPicker th{
  border:0;
}
.rdtOpen .rdtPicker {
  display: block;
}
.rdtStatic .rdtPicker {
  box-shadow: none;
  position: static;
}

.rdtPicker .rdtTimeToggle {
  text-align: center;
}

.rdtPicker table {
  width: 100%;
  margin: 0;
}
.rdtPicker td,
.rdtPicker th {
  text-align: center;
  height: 28px;
}
.rdtPicker td {
  cursor: pointer;
}
.rdtPicker td.rdtDay:hover,
.rdtPicker td.rdtHour:hover,
.rdtPicker td.rdtMinute:hover,
.rdtPicker td.rdtSecond:hover,
.rdtPicker .rdtTimeToggle:hover {
  background: #eeeeee;
  cursor: pointer;
}
.rdtPicker td.rdtOld,
.rdtPicker td.rdtNew {
  color: #999999;
}
.rdtPicker td.rdtToday {
  position: relative;
}
.rdtPicker td.rdtToday:before {
  content: '';
  display: inline-block;
  border: 14px solid rgb(75, 185, 86);
  position: absolute;
  bottom: 0px;
  right: 3px;
  z-index: -1;
}
.rdtPicker td.rdtToday:after {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #428bca;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 0px;
  right: 3px;
}
.rdtPicker td.rdtActive,
.rdtPicker td.rdtActive:hover {
  background-color: #428bca;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.rdtPicker td.rdtActive.rdtToday:before {
  border-bottom-color: #fff;
}
.rdtPicker td.rdtDisabled,
.rdtPicker td.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}

.rdtPicker td span.rdtOld {
  color: #999999;
}
.rdtPicker td span.rdtDisabled,
.rdtPicker td span.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.rdtPicker th {
  border-bottom: 1px solid #f9f9f9;
}
.rdtPicker .dow {
  width: 14.2857%;
  border-bottom: none;
}
.rdtPicker th.rdtSwitch {
  width: 100px;
}
.rdtPicker th.rdtNext,
.rdtPicker th.rdtPrev {
  font-size: 21px;
  vertical-align: top;
}

.rdtPrev span,
.rdtNext span {
  display: block;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;
}

.rdtPicker th.rdtDisabled,
.rdtPicker th.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.rdtPicker thead tr:first-child th {
  cursor: pointer;
}
.rdtPicker thead tr:first-child th:hover {
  background: #eeeeee;
}

.rdtPicker tfoot {
  border-top: 1px solid #f9f9f9;
}

.rdtPicker button {
  border: none;
  background: none;
  cursor: pointer;
}
.rdtPicker button:hover {
  background-color: #eee;
}

.rdtPicker thead button {
  width: 100%;
  height: 100%;
}

td.rdtMonth,
td.rdtYear {
  height: 50px;
  width: 25%;
  cursor: pointer;
}
td.rdtMonth:hover,
td.rdtYear:hover {
  background: #eee;
}

.rdtCounters {
  display: inline-block;
}

.rdtCounters > div {
  float: left;
}

.rdtCounter {
  height: 100px;
}

.rdtCounter {
  width: 40px;
}

.rdtCounterSeparator {
  line-height: 100px;
}

.rdtCounter .rdtBtn {
  height: 40%;
  line-height: 40px;
  cursor: pointer;
  display: block;

  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;
}
.rdtCounter .rdtBtn:hover {
  background: #eee;
}
.rdtCounter .rdtCount {
  height: 20%;
  font-size: 1.2em;
}

.rdtMilli {
  vertical-align: middle;
  padding-left: 8px;
  width: 48px;
}

.rdtMilli input {
  width: 100%;
  font-size: 1.2em;
  margin-top: 37px;
}

/* Green Hover */
.greenHover a{
  color: #333;
}
.greenHover a:hover{
  text-decoration: none;
  color: #4bb956;
  cursor: pointer;
}

/* COLORS */
.label-success,
.badge-success {
  background-color: #1c84c6;
  color: #FFFFFF;
}
.label-warning,
.badge-warning {
  background-color: #f8ac59;
  color: #FFFFFF;
}
.label-warning-light,
.badge-warning-light {
  background-color: #f8ac59;
  color: #ffffff;
}
.label-danger,
.badge-danger {
  background-color: #ed5565;
  color: #FFFFFF;
}
.label-info,
.badge-info {
  background-color: #23c6c8;
  color: #FFFFFF;
}
.label-inverse,
.badge-inverse {
  background-color: #262626;
  color: #FFFFFF;
}
.label-white,
.badge-white {
  background-color: #FFFFFF;
  color: #5E5E5E;
}
.label-white,
.badge-disable {
  background-color: #2A2E36;
  color: #8B91A0;
}

/* TODO */

.todo-list {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.todo-list.small-list {
  font-size: 12px;
}
.todo-list.small-list > li {
  background: #f3f3f4;
  border-left: none;
  border-right: none;
  border-radius: 4px;
  color: inherit;
  margin-bottom: 2px;
  padding: 6px 6px 6px 12px;
}
.todo-list.small-list .btn-xs,
.todo-list.small-list .btn-group-xs > .btn {
  border-radius: 5px;
  font-size: 10px;
  line-height: 1.5;
  padding: 1px 2px 1px 5px;
}
.todo-list > li {
  background: #f3f3f4;
  border-left: 6px solid #e7eaec;
  border-right: 6px solid #e7eaec;
  border-radius: 4px;
  color: inherit;
  margin-bottom: 2px;
  padding: 10px;
}
.todo-list .handle {
  cursor: move;
  display: inline-block;
  font-size: 16px;
  margin: 0 5px;
}
.todo-list > li .label {
  font-size: 9px;
  margin-left: 10px;
}
.check-link {
  font-size: 16px;
}
.todo-completed {
  text-decoration: line-through;
}

/* LEFT SIDE PANEL */
.quickview-wrapper{
    right: -310px;
    width: 310px;
}
.quickview-wrapper .nav-tabs{
    padding: 0 10px;
}
.quickview-wrapper .nav-tabs > li > a{
    color: #ccc;
}
.quickview-wrapper .nav-tabs > li.active > a,
.quickview-wrapper .nav-tabs > li.active > a:hover,
.quickview-wrapper .nav-tabs > li.active > a:focus{
    color: #fff;
}
.quickview-wrapper .nav-tabs ~ .tab-content{top:36px;}
.quickview-wrapper .quickview-toggle{
    color:#ccc;
}

/* Client View */
.client-user-list > a{
    height: 35px;
}
#client-view .add-client {
    font-size: 22px;
    vertical-align: sub;
}
#client-view .list-view li{
    padding-left: 5px;
}
.client-user-list i{
    padding:5px;
    font-size:18px;
}
.client-user-list a:hover{color:#F5833A;}

.client-view{
    background-color:#2b303b;
    color:#fff;
}
.client-view .navbar{border:0px;}
.client-view .navbar-default{
    background-color:#1d2027;
}
.client-view .navbar-inner i{color:#fff;}
.client-view .navbar .view-heading{font-size:14px;color:#8c8d8f;}
.client-header{
    background-color:#1d2027;
    color:#fff;
    text-align: center;
}
.client-header i{
    font-size:60px;
    color:#8c8d8f;
}
.client-header h2{
    color:#FFF !important;
    margin: 0;
    font-size: 18px;
}
.client-header div{
    padding-bottom: 30px;
    font-size: 14px;
    letter-spacing: -1px;
    line-height: 1px;
    color: #70798c;
    font-weight: 700;
}

/* SEARCH OVERLAY */
.overlay .overlay-close{
    top: 20px;
}
.overlay .overlay-close i{
    font-size: 25px;
}

/* MODIFIED NAV TABS TO WORK WITH ACTIVE ON THE A NOT THE LI */
.nav-tabs-linetriangle > li > a.active {
  background: transparent;
  box-shadow: none;
  border-color: transparent;
}
.nav-tabs-linetriangle > li > a.active:hover,
.nav-tabs-linetriangle > li > a.active:focus,
.nav-tabs-linetriangle > li > a.active:active {
  border-color: transparent;
  background-color: transparent;
}
.nav-tabs-linetriangle > li > a.active:after,
.nav-tabs-linetriangle > li > a.active:before {
  border: medium solid transparent;
  content: "";
  height: 0;
  left: 50%;
  pointer-events: none;
  position: absolute;
  width: 0;
  z-index: 1;
  top: 100%;
}
.nav-tabs-linetriangle > li > a.active:after {
  border-top-color: #fafafa;
  border-width: 10px;
  margin-left: -10px;
}
.nav-tabs-linetriangle > li > a.active:before {
  border-top-color: rgba(0, 0, 0, 0.2);
  border-width: 11px;
  margin-left: -11px;
}


/* COLORS */
.text-info {
    color: #23c6c8 !important;
}
.text-navy {
    color: #1ab394;
}
.btn-orange{
    background-color: #F5833A;
    color: #fff;
}
.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange{
    background-color: #ffb606;
    border-color: #ffb606;
    color: #FFFFFF;
}
.notice-progress-bar{
  float: left;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #fff;
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
}
.progress-bar-orange{
    background-color:#F5833A;
}
.progress-bar-green{
    background-color:#4bb956;
}
.progress.progress-bar-loGreen{
  background-color: #fff;
}
.progress-bar-loGreen{
  background-color: #55b248;
}
.btn-green {
    background-color: #4bb956;
    border-color: #4bb956;
    color: #FFFFFF;
}
.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green {
    background-color: #74d348;
    border-color: #74d348;
    color: #FFFFFF;
}
.btn-danger.btn-outline {
    color: #e74c3c;
}
.btn-outline{
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

/* IBOX */
.ibox-sizer{
  clear: both;
  margin:0;
  width: 25%;
}

.ibox {
    clear: both;
    margin: 0;
    padding: 10px;
    width: 25%;
}
.ibox-2x { width: 50%; }
.ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 4px 0px 0;
    color: inherit;
    margin-bottom: 0;
    padding: 10px 15px 7px;
    height: 48px;
}
.ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0px;
}
.ibox-content .list-group-item:first-child{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top: 0px;
}
.ibox-content .list-group-item{
    border-right:0px;
    border-left:0px;
}
.ibox:after, .ibox:before {
    display: table;
}
.ibox-title h5 {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left;
    font-weight: 600;
}
.ibox-title .label {
    float: left;
    margin-left: 4px;
    margin-top: 4px;
}
.ibox-heading {
    background-color: #f3f6fb;
    border-bottom: none;
}
.ibox-heading h3 {
    font-weight: 200;
    font-size: 24px;
}
.ibox-tools {
    display: inline-block;
    float: right;
    margin-top: 0;
    position: relative;
    padding: 0;
}
.ibox-tools a {
  cursor: pointer;
  margin-left: 5px;
  color: #c4c4c4;
}

/* PROGRESS */
.progress{
  height: 10px;
  box-shadow: none;
  border-radius: 0;
  background-color: rgba(98, 98, 98, 0.1);
  -webkit-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.progress-bar-success{
  box-shadow: none;
  background-color: #4bb956;
  border-right: 1px solid #fff;
}
.progress-bar-warning {
  box-shadow: none;
  background-color:#F5833A;
  border-right: 1px solid #fff;
}
.progress-bar-danger {}

/* TIMELINE */
.timeline-item .date {
    text-align: right;
    width: 110px;
    position: relative;
    padding-top: 30px;
}
.timeline-item .date i {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    width: 30px;
    text-align: center;
    border-top: 1px solid #e7eaec;
    border-bottom: 1px solid #e7eaec;
    border-left: 1px solid #e7eaec;
    background: #f8f8f8;
}
.timeline-item .contents {
    border-left: 1px solid #e7eaec;
    border-top: 1px solid #e7eaec;
    padding-top: 10px;
    min-height: 100px;
}
.timeline-item .contents:hover {
    background: #f6f6f6;
}

/* FEED */
.feed-element:first-child {
    margin-top: 0;
}
.feed-element > .pull-left {
    margin-right: 10px;
}
.feed-activity-list .feed-element {
    border-bottom: 1px solid #e7eaec;
}
.feed-element, .media-body {
    overflow: hidden;
}
.feed-element, .feed-element .media {
    margin-top: 15px;
}
.feed-element {
    padding-bottom: 15px;
}

/* MARGINS & POSITIONING */
.m-r {
    margin-right: 15px;
}
.m-b-xs {
    margin-bottom: 5px;
}
.m-t {
    margin-top: 15px;
}
.m-l-md {
    margin-left: 20px;
}
.no-top-border {
    border-top: 0 !important;
}
.no-margins {
    margin: 0 !important;
}
.block {
    display: block;
}

/* FONTS */
h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
    font-size: 75%;
}
.font-bold {
    font-weight: 600;
}

/* Dashboard Header */
.dashboard-header {
    border-top: 0;
    padding: 20px 30px;
}

.white-bg {
    background-color: #ffffff;
}

#quickview-container .tab-content,
#quickview-container > div:first-of-type{
    height:100%;
}

/* Star Rating */
.rating{
  color:#ccc;
}
.rating-on{
  color:gold;
}

.energy{
  font-size:23px;
}

/* Property Details */
.PropertyDetailsContainer{
  width: 100%;
  height:100%;
  position:relative;
}
.propDetails .nav.nav-tabs{
    background-color: #2b303b;
}

.propDetails .nav.nav-tabs li > a{
    color:#fff;
}
.propDetails .nav-tabs > li > a.active,
.propDetails .nav-tabs > li > a.active:hover,
.propDetails .nav-tabs > li > a.active:focus{
    background-color:#fff;
    border-color: #fff;
}
.propDetails .nav.nav-tabs a.active{
    color:#47a03c;
}
.fixedSection{
    font-size: 14px;
    font-weight: 600;
    margin-bottom:10px;
}
.fixedSectionHeader h2{
    font-size: 22px;
    line-height: 20px;
    font-weight: 300;
    letter-spacing: -0.05rem;
    margin: 0 0 5px 0;
}
.fixedSectionHeader h4{
    color:#d0d0d0;
    font-size:18px;
    font-weight: 400;
    line-height: 18px;
    margin:0;
}
.fixedSectionHeader h4 i{
    font-size: 15px;
    font-weight: 600;
}

.modalSideWrapper {
  position: fixed;
  right: -285px;
  top: 0;
  width: 285px;
  background: #fff;
  bottom: 0;
  z-index: 2000;
  box-shadow: 0 0 9px rgba(191, 191, 191, 0.36);
  border-left: 1px solid rgba(222, 227, 231, 0.56);
  -webkit-transition: -webkit-transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
  transition: transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-perspective: 1000;
}
.modalSideWrapper.open {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -ms-transform: translate(-100%, 0);
}

.bullet { font: 10px sans-serif; }
.bullet .marker { stroke: #fff; stroke-width: 2px; }
.bullet .tick line { stroke: #666; stroke-width: .5px; }
.bullet .range.s0 { fill: #dbdada; }
.bullet .range.s1 { fill: #dfdfdf; }
.bullet .range.s2 { fill: #e9e9e9; }
.bullet .measure.s0 { fill: #7eca74; }
.bullet .measure.s1 { fill: #4bb956; }
.bullet .title { font-size: 14px; font-weight: bold; }
.bullet .subtitle { fill: #999; }

/*
section h4{
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.001rem;
    line-height: 15px;
}
section .label{
    font-size:13px;
    color:#b7b7b7;
    text-transform: uppercase;
    letter-spacing: -0.001rem;
}
*/


/* Modals */
.h-modal-icon {
    font-size: 66px
}

.inmodal .color-line {
    border-radius: 4px 4px 0 0
}
.modal .modal-content{border:0px;}
.modal-content {
    border-radius: 5px;
    border: none;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
    background-color: transparent;
}

.modal-backdrop.in {
    opacity: 0.4
}

.modal-backdrop {
    position: fixed;
    bottom: 0
}

.modal-dialog {
    margin-top: 120px;
}

.modal-header small {
    color: #9d9fa2
}

.modal-header h4 {
    margin-top: 0px;
}

.modal-footer {
    background: #f7f9fa
}

.hmodal-info .color-line {
    background: #3498db
}

.hmodal-warning .color-line {
    background: #ffb606
}

.hmodal-success .color-line {
    background: #62cb31
}

.hmodal-danger .color-line {
    background: #c0392b
}

.hmodal-info h4.modal-title {
    color: #3498db
}

.hmodal-warning h4.modal-title {
    color: #ffb606
}

.hmodal-success h4.modal-title {
    color: #62cb31
}

.hmodal-danger h4.modal-title {
    color: #c0392b
}

.modal-header {
    padding: 10px 20px;
    color: #fff;
}
.modal .modal-body{
    background-color: #fff;
    padding: 0px;
}
.modal-body p{
    line-height: 16px;
    margin: 0px 0px 15px 0px;
}
.modal-title {
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    text-align: left;
    margin-left: -10px;
}
.modal-title i{
    font-size: 28px;
    margin-right: 4px;
    vertical-align: sub;
}
.modal-footer {
    background: #fff;
    padding: 10px 20px 20px 20px !important;
    border-top: 0px;
}
.modal-backdrop.in{
    opacity: 0.98;
    background-image: url('/img/modal_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.modal-close{
    position: absolute;
    color: #fff;
    font-size: 32px;
    top: 10px;
    right: 10px;
}
.modal-close:hover{
    color: #ccc;
}

/* GRID */
.no-gutter [class*="-12"],
.no-gutter [class*="-8"],
.no-gutter [class*="-7"],
.no-gutter [class*="-6"],
.no-gutter [class*="-5"],
.no-gutter [class*="-4"],
.no-gutter [class*="-3"],
.no-gutter [class*="-2"] {
    padding:0;
}

/*
 Input group phone field
*/

.input-group>.intl-tel-input, .input-group>.rdt, .input-group>.react-numeric-input {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}

/*
  Button Font Size
*/
.btn-group > .btn {
  font-size: 0.93rem !important;
}
/*
  New Button Sizes
*/

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

/*
  Button Colors
*/

.btn-outline-secondary {
  color: #333333;
  border-color: #ced4da;
}

/*!
 * Datetimepicker for Bootstrap v3
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */

.glyphicon-time:after{
  content: "Select Time";
  font-family: "proxima-nova";
  font-size: 14px;
  margin-left: 8px;
  vertical-align: bottom;
  letter-spacing: -0.05px;
  color: #4bb956;
  font-weight: 800;
}

.bootstrap-datetimepicker-widget {
  top: 0;
  left: 0;
  width: 250px;
  padding: 4px;
  margin-top: 1px;
  z-index: 99999 !important;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget.timepicker-sbs {
  width: 600px;
}
.bootstrap-datetimepicker-widget.bottom:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.bottom:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  top: -6px;
  left: 8px;
}
.bootstrap-datetimepicker-widget.top:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.top:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  position: absolute;
  bottom: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget .dow {
  width: 14.2857%;
}
.bootstrap-datetimepicker-widget.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget > ul {
  list-style-type: none;
  margin: 0;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 100%;
  font-weight: bold;
  font-size: 1.2em;
}
.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator {
  width: 4px;
  padding: 0;
  margin: 0;
}
.bootstrap-datetimepicker-widget .datepicker > div {
  display: none;
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-datetimepicker-widget td,
.bootstrap-datetimepicker-widget th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget td.hour:hover,
.bootstrap-datetimepicker-widget td.minute:hover,
.bootstrap-datetimepicker-widget td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget td.old,
.bootstrap-datetimepicker-widget td.new {
  color: #999999;
}
.bootstrap-datetimepicker-widget td.today {
  position: relative;
}
.bootstrap-datetimepicker-widget td.today:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #4bb956;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover {
  background-color: #4bb956;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget td.active.today:before {
  border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget td.disabled,
.bootstrap-datetimepicker-widget td.disabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget td span {
  display: block;
  width: 47px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget td span:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget td span.active {
  background-color: #4bb956;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget td span.old {
  color: #999999;
}
.bootstrap-datetimepicker-widget td span.disabled,
.bootstrap-datetimepicker-widget td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget th.switch {
  width: 145px;
}
.bootstrap-datetimepicker-widget th.next,
.bootstrap-datetimepicker-widget th.prev {
  font-size: 21px;
}
.bootstrap-datetimepicker-widget th.disabled,
.bootstrap-datetimepicker-widget th.disabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget thead tr:first-child th {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget thead tr:first-child th:hover {
  background: #eeeeee;
}
.input-group.date .input-group-append span {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.bootstrap-datetimepicker-widget.left-oriented:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.left-oriented:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody > tr > td {
  padding: 0px !important;
}

/* Bootstrap form overrides */
.textLabelName{
  color:#959595;
}
.textGroupName input{
  border: 1px solid #ccc;
  color: #000;
  margin-bottom: 20px;
}
.form-group label{
  color: #959595;
}
.form-control{
  border-radius: initial;
}
.form-control-feedback{
  float: right;
  position: initial;
  top: initial;
  left: initial;
  z-index: initial;
  display: initial;
  width: initial;
  height: initial;
  line-height: 5px;
  text-align: center;
  pointer-events: none;
  margin-left: 5px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label{
  color: #4bb956;
}
.has-success .form-control{
  color: #4bb956;
  border-color: #4bb956;
}
.has-success .form-control-feedback{
  margin-top: 6px;
  color: #4bb956;
}
.has-success .input-group-append{
  color: #4bb956;
  border-color: #4bb956;
}

.has-error .form-control-feedback{
  margin-top: 7px;
}
.input-group-append{
  border-radius: initial;
}
.input-group .form-control:last-child,
.input-group-append:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn{
  border-radius: initial;
}

.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
  border-radius: initial;
  border-color: #ced4da;
}

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text {
  border-radius: initial;
  border-color: #ced4da;
}

.input-group>.dropup>.dropdown-toggle {
  border-radius: initial;
  border-color: #ced4da;
}

.input-group .input-group-btn .btn{
  border-radius: 0;
}

.has-error .input-group-btn .btn{
  border-top: 1px solid #a94442;
  border-bottom: 1px solid #a94442;
  border-radius: 0;
  border-right: 1px solid #a94442;
  border-left: 1px solid #a94442;
  color: #a94442;
}

.has-error .input-group-btn .btn:hover{
  background-color: #f2dede;
}

#dropdown-no-caret + ul{
  min-width: 20px !important;
}

#dropdown-no-caret + ul > li a{
  padding: 3px 13px !important;
}

/* FLOAT LABELS #d8d8d8 */
.floatlabel-grid > .row{
    border-top:1px solid #eee;
    border-left:1px solid #eee;
}
.floatlabel-grid > .row:last-child{
    border-bottom:1px solid #eee;
}
.floatlabel-grid > .floatlabel{
    border-right:1px solid #eee;
}

input {
    border: 0px;
    padding: 10px 10px 6px 10px;
    outline: 0;
    color: #464646;
    font-size: 14px;
    width: 100%;
}
label.label-floatlabel {
    text-transform: uppercase;
    font-size: 0.60rem !important;
    margin-left: 2px;
    font-weight:600;
}

.dashboard-header-wrapper{
    margin-bottom:30px;
}
.border-bottom {
    border-bottom: 1px solid #e7eaec !important;
}

.dashboard-header h2 {
    margin: 10px 0 0 0;
    font-size: 26px;
}

.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.list-group.clear-list .list-group-item {
    border-top: 1px solid #e7eaec;
    border-bottom: 0;
    border-right: 0;
    border-left: 0;
    padding: 10px 0;
}

.fist-item {
    border-top: none !important;
}
.list-group-item {
    background-color: inherit;
    border: 1px solid #e7eaec;
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
    position: relative;
}
.stat-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.stat-list h3{
    font-size: 24px;
    padding: 0px;
    line-height: 25px;
}

.flot-chart {
    display: block;
    height: 200px;
}
.flot-chart.dashboard-chart {
    display: block;
    height: 180px;
    margin-top: 20px;
}
.flot-chart-content {
    width: 100%;
    height: 100%;
}
@media (max-width: 480px){

}
@media (min-width: 576px){
  .modal-dialog {
      max-width: 600px;
  }
}

@media (min-width: 768px){
    form .row [class*='col-']:not(:first-child),
    form .row [class*='col-']:not(:last-child) {
        padding-right: 0px;
        padding-left: 0px;
    }
}
@media (max-width: 767px){
    .page-content{
        padding: 65px 0 80px 0;
    }
}
@media (max-width: 991px){
    .header{
        background-color: #4bb956 !important;
        color: #ffffff !important;
    }
    .brand.inline{
        display: none !important;
    }
    .mobile-brand{
        display:inline !important;
    }
    .mob-header-actions{
        color: #fff !important;
    }
}

@media (min-width: 980px){
    body.menu-pin .page-container {
        padding-left: 250px;
        margin-left: 0 !important;
    }
    body.menu-pin .dashboard-header{
        padding: 20px 30px;
    }

    body.menu-pin .sub-header-actions{
        margin: 4px 0px 0 0;
    }

    body.menu-pin .page-sub-header h2{
        margin: -3px 0px 20px 0px;
    }
}

@media (min-width: 992px) {
  .modal-lg {
    max-width: 900px !important;
  }
}

/* Ribbons */

.ribbon{
  position: absolute;
  top: -1px;
  cursor: pointer;
  border: none;
  background: #ccc;
  width: 40px;
  height: 40px;
  color: white;
  padding: 12px 8px 0 8px;
  text-align: center;
  margin-right: 15px;
}
.ribbon i{
  font-size: 28px;
}
.ribbon:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-top: 20px solid #ccc;
  border-right: 40px solid transparent;
}

.ribbon:after {
  content: '';
  position: absolute;
  top: 100%;
  right: 0;
  width: 0;
  height: 0;
  border-top: 20px solid #ccc;
  border-left: 40px solid transparent;
}

.ribbon.phone{
  background: #3aa7c2;
}
.ribbon.phone:before,
.ribbon.phone:after{
  border-top-color: #3aa7c2;
}
.ribbon.email{
  background: #3e9e33;
}
.ribbon.email:before,
.ribbon.email:after{
  border-top-color: #3e9e33;
}
.ribbon.letter{
  background: #e48f29;
}
.ribbon.letter:before,
.ribbon.letter:after{
  border-top-color: #e48f29;
}
.ribbon.task{
  background: #824bb1;
}
.ribbon.task:before,
.ribbon.task:after{
  border-top-color: #824bb1;
}

/* Calendar */
.flexContainer {
  max-width: 100%;
  width: 100%;
  border-top: 1px solid #3b91ad;
  border-left: 1px solid #3b91ad;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flexColumn {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 14.2857142857%;
  border-bottom: 1px solid #3b91ad;
  border-right: 1px solid #3b91ad;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.day.inactive {
  background-color: #f8f8f8;
  color: #ccc;
}
.day.today {
  background-color: #fcf8e3;
}
.day .inner-grid {
  width: 100%;
  position: relative;
}
.day .event-slot {
  position: relative;
  margin: 0.5rem 0;
  min-height: 28px;
  font-size: 14px;
}
.day .event-slot.event {
  background: #3b91ad;
  color: #3b91ad;
  white-space: nowrap;
  text-indent: -10000px;
  cursor: pointer;
}
.day .event-slot .event-title {
  position: absolute;
  top: 3.5px;
  left: 0.5rem;
  z-index: 100;
  color: #fff;
  z-index: 1;
  overflow: visible;
  text-indent: 0;
}
.day .event.event-first-day {
  margin-left: 0.5rem;
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.day .event.event-last-day {
  margin-right: 0.5rem;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.day .date {
  padding: 0.25rem 0.5rem;
  text-align: right;
}

/*!
 * # Semantic UI 2.1.4 - Label
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
            Label
*******************************/

.ui.label {
  display: inline-block;
  font-style: normal;
  line-height: 1;
  vertical-align: baseline;
  margin: 0em 0.14285714em;
  background-color: #e8e8e8;
  background-image: none;
  padding: 0.5833em 0.833em;
  color: rgba(0, 0, 0, 0.6);
  text-transform: none;
  font-weight: bold;
  border: 0px solid transparent;
  border-radius: 0.28571429rem;
  -webkit-transition: background 0.1s ease;
          transition: background 0.1s ease;
}
.ui.label:first-child {
  margin-left: 0em;
}
.ui.label:last-child {
  margin-right: 0em;
}

/* Link */
a.ui.label {
  cursor: pointer;
}

/* Inside Link */
.ui.label > a {
  cursor: pointer;
  color: inherit;
  opacity: 0.5;
  -webkit-transition: 0.1s opacity ease;
          transition: 0.1s opacity ease;
}
.ui.label > a:hover {
  opacity: 1;
}

/* Image */
.ui.label > img {
  width: auto !important;
  vertical-align: middle;
  height: 2.1666em !important;
}

/* Icon */
.ui.label > .icon {
  width: auto;
  margin: 0em 0.75em 0em 0em;
}

/* Detail */
.ui.label > .detail {
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  margin-left: 1em;
  opacity: 0.8;
}
.ui.label > .detail .icon {
  margin: 0em 0.25em 0em 0em;
}

/* Removable label */
.ui.label > .close.icon,
.ui.label > .delete.icon {
  cursor: pointer;
  margin-right: 0em;
  margin-left: 0.5em;
  font-size: 0.92857143em;
  opacity: 0.5;
  -webkit-transition: background 0.1s ease;
          transition: background 0.1s ease;
}
.ui.label > .delete.icon:hover {
  opacity: 1;
}

/*-------------------
       Group
--------------------*/

.ui.labels > .label {
  margin: 0em 0.5em 0.5em 0em;
}

/*-------------------
       Coupling
--------------------*/

.ui.header > .ui.label {
  margin-top: -0.29165em;
}

/* Remove border radius on attached segment */
.ui.attached.segment > .ui.top.left.attached.label,
.ui.bottom.attached.segment > .ui.top.left.attached.label {
  border-top-left-radius: 0;
}
.ui.attached.segment > .ui.top.right.attached.label,
.ui.bottom.attached.segment > .ui.top.right.attached.label {
  border-top-right-radius: 0;
}
.ui.top.attached.segment > .ui.bottom.left.attached.label {
  border-bottom-left-radius: 0;
}
.ui.top.attached.segment > .ui.bottom.right.attached.label {
  border-bottom-right-radius: 0;
}

/* Padding on next content after a label */
.ui.top.attached.label:first-child + :not(.attached) {
  margin-top: 2rem !important;
}
.ui.bottom.attached.label:first-child ~ :last-child:not(.attached) {
  margin-top: 0em;
  margin-bottom: 2rem !important;
}


/*******************************
             Types
*******************************/

.ui.image.label {
  width: auto !important;
  margin-top: 0em;
  margin-bottom: 0em;
  max-width: 9999px;
  vertical-align: baseline;
  text-transform: none;
  background: #e8e8e8;
  padding: 0.5833em 0.833em 0.5833em 0.5em;
  border-radius: 0.28571429rem;
  box-shadow: none;
}
.ui.image.label img {
  display: inline-block;
  vertical-align: top;
  height: 2.1666em;
  margin: -0.5833em 0.5em -0.5833em -0.5em;
  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}
.ui.image.label .detail {
  background: rgba(0, 0, 0, 0.1);
  margin: -0.5833em -0.833em -0.5833em 0.5em;
  padding: 0.5833em 0.833em;
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
}

/*-------------------
         Tag
--------------------*/

.ui.tag.labels .label,
.ui.tag.label {
  margin-left: 1em;
  position: relative;
  padding-left: 1.5em;
  padding-right: 1.5em;
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
  -webkit-transition: none;
          transition: none;
}
.ui.tag.labels .label:before,
.ui.tag.label:before {
  position: absolute;
  -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
      -ms-transform: translateY(-50%) translateX(50%) rotate(-45deg);
          transform: translateY(-50%) translateX(50%) rotate(-45deg);
  top: 50%;
  right: 100%;
  content: '';
  background-color: inherit;
  background-image: none;
  width: 1.56em;
  height: 1.56em;
  -webkit-transition: none;
          transition: none;
}
.ui.tag.labels .label:after,
.ui.tag.label:after {
  position: absolute;
  content: '';
  top: 50%;
  left: -0.25em;
  margin-top: -0.25em;
  background-color: #ffffff !important;
  width: 0.5em;
  height: 0.5em;
  box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
  border-radius: 500rem;
}

/*-------------------
    Corner Label
--------------------*/

.ui.corner.label {
  position: absolute;
  top: 0em;
  right: 0em;
  margin: 0em;
  padding: 0em;
  text-align: center;
  border-color: #e8e8e8;
  width: 4em;
  height: 4em;
  z-index: 1;
  -webkit-transition: border-color 0.1s ease;
          transition: border-color 0.1s ease;
}

/* Icon Label */
.ui.corner.label {
  background-color: transparent !important;
}
.ui.corner.label:after {
  position: absolute;
  content: "";
  right: 0em;
  top: 0em;
  z-index: -1;
  width: 0em;
  height: 0em;
  background-color: transparent !important;
  border-top: 0em solid transparent;
  border-right: 4em solid transparent;
  border-bottom: 4em solid transparent;
  border-left: 0em solid transparent;
  border-right-color: inherit;
  -webkit-transition: border-color 0.1s ease;
          transition: border-color 0.1s ease;
}
.ui.corner.label .icon {
  cursor: default;
  position: relative;
  top: 0.64285714em;
  left: 0.78571429em;
  font-size: 1.14285714em;
  margin: 0em;
}

/* Left Corner */
.ui.left.corner.label,
.ui.left.corner.label:after {
  right: auto;
  left: 0em;
}
.ui.left.corner.label:after {
  border-top: 4em solid transparent;
  border-right: 4em solid transparent;
  border-bottom: 0em solid transparent;
  border-left: 0em solid transparent;
  border-top-color: inherit;
}
.ui.left.corner.label .icon {
  left: -0.78571429em;
}

/* Segment */
.ui.segment > .ui.corner.label {
  top: -1px;
  right: -1px;
}
.ui.segment > .ui.left.corner.label {
  right: auto;
  left: -1px;
}

/*-------------------
       Ribbon
--------------------*/

.ui.ribbon.label {
  position: relative;
  margin: 0em;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
  border-color: rgba(0, 0, 0, 0.15);
}
.ui.ribbon.label:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 0%;
  background-color: transparent !important;
  border-style: solid;
  border-width: 0em 1.2em 1.2em 0em;
  border-color: transparent;
  border-right-color: inherit;
  width: 0em;
  height: 0em;
}

/* Positioning */
.ui.ribbon.label {
  left: calc( -1rem  -  1.2em );
  margin-right: -1.2em;
  padding-left: calc( 1rem  +  1.2em );
  padding-right: 1.2em;
}
.ui[class*="right ribbon"].label {
  left: calc(100% +  1rem  +  1.2em );
  padding-left: 1.2em;
  padding-right: calc( 1rem  +  1.2em );
}

/* Right Ribbon */
.ui[class*="right ribbon"].label {
  text-align: left;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}
.ui[class*="right ribbon"].label:after {
  left: auto;
  right: 0%;
  border-style: solid;
  border-width: 1.2em 1.2em 0em 0em;
  border-color: transparent;
  border-top-color: inherit;
}

/* Inside Table */
.ui.image > .ribbon.label,
.ui.card .image > .ribbon.label {
  position: absolute;
  top: 1rem;
}
.ui.card .image > .ui.ribbon.label,
.ui.image > .ui.ribbon.label {
  left: calc( 0.05rem  -  1.2em );
}
.ui.card .image > .ui[class*="right ribbon"].label,
.ui.image > .ui[class*="right ribbon"].label {
  left: calc(100% +  -0.05rem  +  1.2em );
  padding-left: 0.833em;
}

/* Inside Table */
.ui.table td > .ui.ribbon.label {
  left: calc( -0.71428571em  -  1.2em );
}
.ui.table td > .ui[class*="right ribbon"].label {
  left: calc(100% +  0.71428571em  +  1.2em );
  padding-left: 0.833em;
}

/*-------------------
      Attached
--------------------*/

.ui[class*="top attached"].label,
.ui.attached.label {
  width: 100%;
  position: absolute;
  margin: 0em;
  top: 0em;
  left: 0em;
  padding: 0.75em 1em;
  border-radius: 0.21428571rem 0.21428571rem 0em 0em;
}
.ui[class*="bottom attached"].label {
  top: auto;
  bottom: 0em;
  border-radius: 0em 0em 0.21428571rem 0.21428571rem;
}
.ui[class*="top left attached"].label {
  width: auto;
  margin-top: 0em !important;
  border-radius: 0.21428571rem 0em 0.28571429rem 0em;
}
.ui[class*="top right attached"].label {
  width: auto;
  left: auto;
  right: 0em;
  border-radius: 0em 0.21428571rem 0em 0.28571429rem;
}
.ui[class*="bottom left attached"].label {
  width: auto;
  top: auto;
  bottom: 0em;
  border-radius: 0em 0.28571429rem 0em 0.21428571rem;
}
.ui[class*="bottom right attached"].label {
  top: auto;
  bottom: 0em;
  left: auto;
  right: 0em;
  width: auto;
  border-radius: 0.28571429rem 0em 0.21428571rem 0em;
}


/*******************************
             States
*******************************/


/*-------------------
      Disabled
--------------------*/

.ui.label.disabled {
  opacity: 0.5;
}

/*-------------------
        Hover
--------------------*/

a.ui.labels .label:hover,
a.ui.label:hover {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
  background-image: none;
  color: rgba(0, 0, 0, 0.8);
}
.ui.labels a.label:hover:before,
a.ui.label:hover:before {
  color: rgba(0, 0, 0, 0.8);
}

/*-------------------
        Active
--------------------*/

.ui.active.label {
  background-color: #d0d0d0;
  border-color: #d0d0d0;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}
.ui.active.label:before {
  background-color: #d0d0d0;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}

/*-------------------
     Active Hover
--------------------*/

a.ui.labels .active.label:hover,
a.ui.active.label:hover {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}
.ui.labels a.active.label:ActiveHover:before,
a.ui.active.label:ActiveHover:before {
  background-color: #c8c8c8;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}

/*-------------------
      Visible
--------------------*/

.ui.labels.visible .label,
.ui.label.visible {
  display: inline-block !important;
}

/*-------------------
      Hidden
--------------------*/

.ui.labels.hidden .label,
.ui.label.hidden {
  display: none !important;
}


/*******************************
           Variations
*******************************/


/*-------------------
       Colors
--------------------*/


/*--- Red ---*/

.ui.red.labels .label,
.ui.red.label {
  background-color: #db2828 !important;
  border-color: #db2828 !important;
  color: #ffffff !important;
}

/* Link */
.ui.red.labels .label:hover,
a.ui.red.label:hover {
  background-color: #d01919 !important;
  border-color: #d01919 !important;
  color: #ffffff !important;
}

/* Corner */
.ui.red.corner.label,
.ui.red.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.red.ribbon.label {
  border-color: #b21e1e !important;
}

/* Basic */
.ui.basic.red.label {
  background-color: #ffffff !important;
  color: #db2828 !important;
  border-color: #db2828 !important;
}
.ui.basic.red.labels a.label:hover,
a.ui.basic.red.label:hover {
  background-color: #ffffff !important;
  color: #d01919 !important;
  border-color: #d01919 !important;
}

/*--- Orange ---*/

.ui.orange.labels .label,
.ui.orange.label {
  background-color: #f2711c !important;
  border-color: #f2711c !important;
  color: #ffffff !important;
}

/* Link */
.ui.orange.labels .label:hover,
a.ui.orange.label:hover {
  background-color: #f26202 !important;
  border-color: #f26202 !important;
  color: #ffffff !important;
}

/* Corner */
.ui.orange.corner.label,
.ui.orange.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.orange.ribbon.label {
  border-color: #cf590c !important;
}

/* Basic */
.ui.basic.orange.label {
  background-color: #ffffff !important;
  color: #f2711c !important;
  border-color: #f2711c !important;
}
.ui.basic.orange.labels a.label:hover,
a.ui.basic.orange.label:hover {
  background-color: #ffffff !important;
  color: #f26202 !important;
  border-color: #f26202 !important;
}

/*--- Yellow ---*/

.ui.yellow.labels .label,
.ui.yellow.label {
  background-color: #fbbd08 !important;
  border-color: #fbbd08 !important;
  color: #ffffff !important;
}

/* Link */
.ui.yellow.labels .label:hover,
a.ui.yellow.label:hover {
  background-color: #eaae00 !important;
  border-color: #eaae00 !important;
  color: #ffffff !important;
}

/* Corner */
.ui.yellow.corner.label,
.ui.yellow.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.yellow.ribbon.label {
  border-color: #cd9903 !important;
}

/* Basic */
.ui.basic.yellow.label {
  background-color: #ffffff !important;
  color: #fbbd08 !important;
  border-color: #fbbd08 !important;
}
.ui.basic.yellow.labels a.label:hover,
a.ui.basic.yellow.label:hover {
  background-color: #ffffff !important;
  color: #eaae00 !important;
  border-color: #eaae00 !important;
}

/*--- Olive ---*/

.ui.olive.labels .label,
.ui.olive.label {
  background-color: #b5cc18 !important;
  border-color: #b5cc18 !important;
  color: #ffffff !important;
}

/* Link */
.ui.olive.labels .label:hover,
a.ui.olive.label:hover {
  background-color: #a7bd0d !important;
  border-color: #a7bd0d !important;
  color: #ffffff !important;
}

/* Corner */
.ui.olive.corner.label,
.ui.olive.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.olive.ribbon.label {
  border-color: #198f35 !important;
}

/* Basic */
.ui.basic.olive.label {
  background-color: #ffffff !important;
  color: #b5cc18 !important;
  border-color: #b5cc18 !important;
}
.ui.basic.olive.labels a.label:hover,
a.ui.basic.olive.label:hover {
  background-color: #ffffff !important;
  color: #a7bd0d !important;
  border-color: #a7bd0d !important;
}

/*--- Green ---*/

.ui.green.labels .label,
.ui.green.label {
  background-color: #21ba45 !important;
  border-color: #21ba45 !important;
  color: #ffffff !important;
}

/* Link */
.ui.green.labels .label:hover,
a.ui.green.label:hover {
  background-color: #16ab39 !important;
  border-color: #16ab39 !important;
  color: #ffffff !important;
}

/* Corner */
.ui.green.corner.label,
.ui.green.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.green.ribbon.label {
  border-color: #198f35 !important;
}

/* Basic */
.ui.basic.green.label {
  background-color: #ffffff !important;
  color: #21ba45 !important;
  border-color: #21ba45 !important;
}
.ui.basic.green.labels a.label:hover,
a.ui.basic.green.label:hover {
  background-color: #ffffff !important;
  color: #16ab39 !important;
  border-color: #16ab39 !important;
}

/*--- Teal ---*/

.ui.teal.labels .label,
.ui.teal.label {
  background-color: #00b5ad !important;
  border-color: #00b5ad !important;
  color: #ffffff !important;
}

/* Link */
.ui.teal.labels .label:hover,
a.ui.teal.label:hover {
  background-color: #009c95 !important;
  border-color: #009c95 !important;
  color: #ffffff !important;
}

/* Corner */
.ui.teal.corner.label,
.ui.teal.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.teal.ribbon.label {
  border-color: #00827c !important;
}

/* Basic */
.ui.basic.teal.label {
  background-color: #ffffff !important;
  color: #00b5ad !important;
  border-color: #00b5ad !important;
}
.ui.basic.teal.labels a.label:hover,
a.ui.basic.teal.label:hover {
  background-color: #ffffff !important;
  color: #009c95 !important;
  border-color: #009c95 !important;
}

/*--- Blue ---*/

.ui.blue.labels .label,
.ui.blue.label {
  background-color: #2185d0 !important;
  border-color: #2185d0 !important;
  color: #ffffff !important;
}

/* Link */
.ui.blue.labels .label:hover,
a.ui.blue.label:hover {
  background-color: #1678c2 !important;
  border-color: #1678c2 !important;
  color: #ffffff !important;
}

/* Corner */
.ui.blue.corner.label,
.ui.blue.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.blue.ribbon.label {
  border-color: #1a69a4 !important;
}

/* Basic */
.ui.basic.blue.label {
  background-color: #ffffff !important;
  color: #2185d0 !important;
  border-color: #2185d0 !important;
}
.ui.basic.blue.labels a.label:hover,
a.ui.basic.blue.label:hover {
  background-color: #ffffff !important;
  color: #1678c2 !important;
  border-color: #1678c2 !important;
}

/*--- Violet ---*/

.ui.violet.labels .label,
.ui.violet.label {
  background-color: #6435c9 !important;
  border-color: #6435c9 !important;
  color: #ffffff !important;
}

/* Link */
.ui.violet.labels .label:hover,
a.ui.violet.label:hover {
  background-color: #5829bb !important;
  border-color: #5829bb !important;
  color: #ffffff !important;
}

/* Corner */
.ui.violet.corner.label,
.ui.violet.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.violet.ribbon.label {
  border-color: #502aa1 !important;
}

/* Basic */
.ui.basic.violet.label {
  background-color: #ffffff !important;
  color: #6435c9 !important;
  border-color: #6435c9 !important;
}
.ui.basic.violet.labels a.label:hover,
a.ui.basic.violet.label:hover {
  background-color: #ffffff !important;
  color: #5829bb !important;
  border-color: #5829bb !important;
}

/*--- Purple ---*/

.ui.purple.labels .label,
.ui.purple.label {
  background-color: #a333c8 !important;
  border-color: #a333c8 !important;
  color: #ffffff !important;
}

/* Link */
.ui.purple.labels .label:hover,
a.ui.purple.label:hover {
  background-color: #9627ba !important;
  border-color: #9627ba !important;
  color: #ffffff !important;
}

/* Corner */
.ui.purple.corner.label,
.ui.purple.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.purple.ribbon.label {
  border-color: #82299f !important;
}

/* Basic */
.ui.basic.purple.label {
  background-color: #ffffff !important;
  color: #a333c8 !important;
  border-color: #a333c8 !important;
}
.ui.basic.purple.labels a.label:hover,
a.ui.basic.purple.label:hover {
  background-color: #ffffff !important;
  color: #9627ba !important;
  border-color: #9627ba !important;
}

/*--- Pink ---*/

.ui.pink.labels .label,
.ui.pink.label {
  background-color: #e03997 !important;
  border-color: #e03997 !important;
  color: #ffffff !important;
}

/* Link */
.ui.pink.labels .label:hover,
a.ui.pink.label:hover {
  background-color: #e61a8d !important;
  border-color: #e61a8d !important;
  color: #ffffff !important;
}

/* Corner */
.ui.pink.corner.label,
.ui.pink.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.pink.ribbon.label {
  border-color: #c71f7e !important;
}

/* Basic */
.ui.basic.pink.label {
  background-color: #ffffff !important;
  color: #e03997 !important;
  border-color: #e03997 !important;
}
.ui.basic.pink.labels a.label:hover,
a.ui.basic.pink.label:hover {
  background-color: #ffffff !important;
  color: #e61a8d !important;
  border-color: #e61a8d !important;
}

/*--- Brown ---*/

.ui.brown.labels .label,
.ui.brown.label {
  background-color: #a5673f !important;
  border-color: #a5673f !important;
  color: #ffffff !important;
}

/* Link */
.ui.brown.labels .label:hover,
a.ui.brown.label:hover {
  background-color: #975b33 !important;
  border-color: #975b33 !important;
  color: #ffffff !important;
}

/* Corner */
.ui.brown.corner.label,
.ui.brown.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.brown.ribbon.label {
  border-color: #805031 !important;
}

/* Basic */
.ui.basic.brown.label {
  background-color: #ffffff !important;
  color: #a5673f !important;
  border-color: #a5673f !important;
}
.ui.basic.brown.labels a.label:hover,
a.ui.basic.brown.label:hover {
  background-color: #ffffff !important;
  color: #975b33 !important;
  border-color: #975b33 !important;
}

/*--- Grey ---*/

.ui.grey.labels .label,
.ui.grey.label {
  background-color: #767676 !important;
  border-color: #767676 !important;
  color: #ffffff !important;
}

/* Link */
.ui.grey.labels .label:hover,
a.ui.grey.label:hover {
  background-color: #838383 !important;
  border-color: #838383 !important;
  color: #ffffff !important;
}

/* Corner */
.ui.grey.corner.label,
.ui.grey.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.grey.ribbon.label {
  border-color: #805031 !important;
}

/* Basic */
.ui.basic.grey.label {
  background-color: #ffffff !important;
  color: #767676 !important;
  border-color: #767676 !important;
}
.ui.basic.grey.labels a.label:hover,
a.ui.basic.grey.label:hover {
  background-color: #ffffff !important;
  color: #838383 !important;
  border-color: #838383 !important;
}

/*--- Black ---*/

.ui.black.labels .label,
.ui.black.label {
  background-color: #1b1c1d !important;
  border-color: #1b1c1d !important;
  color: #ffffff !important;
}

/* Link */
.ui.black.labels .label:hover,
a.ui.black.label:hover {
  background-color: #27292a !important;
  border-color: #27292a !important;
  color: #ffffff !important;
}

/* Corner */
.ui.black.corner.label,
.ui.black.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.black.ribbon.label {
  border-color: #805031 !important;
}

/* Basic */
.ui.basic.black.label {
  background-color: #ffffff !important;
  color: #1b1c1d !important;
  border-color: #1b1c1d !important;
}
.ui.basic.black.labels a.label:hover,
a.ui.basic.black.label:hover {
  background-color: #ffffff !important;
  color: #27292a !important;
  border-color: #27292a !important;
}

/*-------------------
        Basic
--------------------*/

.ui.basic.label {
  background: none #ffffff;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
  box-shadow: none;
}

/* Link */
a.ui.basic.label:hover {
  text-decoration: none;
  background: none #ffffff;
  color: #1e70bf;
  box-shadow: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: none;
}

/* Pointing */
.ui.basic.pointing.label:before {
  border-color: inherit;
}

/*-------------------
       Fluid
--------------------*/

.ui.label.fluid,
.ui.fluid.labels > .label {
  width: 100%;
  box-sizing: border-box;
}

/*-------------------
       Inverted
--------------------*/

.ui.inverted.labels .label,
.ui.inverted.label {
  color: rgba(255, 255, 255, 0.9) !important;
}

/*-------------------
     Horizontal
--------------------*/

.ui.horizontal.labels .label,
.ui.horizontal.label {
  margin: 0em 0.5em 0em 0em;
  padding: 0.4em 0.833em;
  min-width: 3em;
  text-align: center;
}

/*-------------------
       Circular
--------------------*/

.ui.circular.labels .label,
.ui.circular.label {
  min-width: 2em;
  min-height: 2em;
  padding: 0.5em !important;
  line-height: 1em;
  text-align: center;
  border-radius: 500rem;
}
.ui.empty.circular.labels .label,
.ui.empty.circular.label {
  min-width: 0em;
  min-height: 0em;
  overflow: hidden;
  width: 0.5em;
  height: 0.5em;
  vertical-align: baseline;
}

/*-------------------
       Pointing
--------------------*/

.ui.pointing.label {
  position: relative;
}
.ui.attached.pointing.label {
  position: absolute;
}
.ui.pointing.label:before {
  background-color: inherit;
  background-image: inherit;
  border-width: none;
  border-style: solid;
  border-color: inherit;
}

/* Arrow */
.ui.pointing.label:before {
  position: absolute;
  content: '';
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  background-image: none;
  z-index: 2;
  width: 0.6666em;
  height: 0.6666em;
  -webkit-transition: background 0.1s ease;
          transition: background 0.1s ease;
}

/*--- Above ---*/

.ui.pointing.label,
.ui[class*="pointing above"].label {
  margin-top: 1em;
}
.ui.pointing.label:before,
.ui[class*="pointing above"].label:before {
  border-width: 1px 0px 0px 1px;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
      -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
          transform: translateX(-50%) translateY(-50%) rotate(45deg);
  top: 0%;
  left: 50%;
}

/*--- Below ---*/

.ui[class*="bottom pointing"].label,
.ui[class*="pointing below"].label {
  margin-top: 0em;
  margin-bottom: 1em;
}
.ui[class*="bottom pointing"].label:before,
.ui[class*="pointing below"].label:before {
  border-width: 0px 1px 1px 0px;
  top: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
      -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
          transform: translateX(-50%) translateY(-50%) rotate(45deg);
  top: 100%;
  left: 50%;
}

/*--- Left ---*/

.ui[class*="left pointing"].label {
  margin-top: 0em;
  margin-left: 0.6666em;
}
.ui[class*="left pointing"].label:before {
  border-width: 0px 0px 1px 1px;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
      -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
          transform: translateX(-50%) translateY(-50%) rotate(45deg);
  bottom: auto;
  right: auto;
  top: 50%;
  left: 0em;
}

/*--- Right ---*/

.ui[class*="right pointing"].label {
  margin-top: 0em;
  margin-right: 0.6666em;
}
.ui[class*="right pointing"].label:before {
  border-width: 1px 1px 0px 0px;
  -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
      -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
          transform: translateX(50%) translateY(-50%) rotate(45deg);
  top: 50%;
  right: 0%;
  bottom: auto;
  left: auto;
}

/* Basic Pointing */

/*--- Above ---*/

.ui.basic.pointing.label:before,
.ui.basic[class*="pointing above"].label:before {
  margin-top: -1px;
}

/*--- Below ---*/

.ui.basic[class*="bottom pointing"].label:before,
.ui.basic[class*="pointing below"].label:before {
  bottom: auto;
  top: 100%;
  margin-top: 1px;
}

/*--- Left ---*/

.ui.basic[class*="left pointing"].label:before {
  top: 50%;
  left: -1px;
}

/*--- Right ---*/

.ui.basic[class*="right pointing"].label:before {
  top: 50%;
  right: -1px;
}

/*------------------
   Floating Label
-------------------*/

.ui.floating.label {
  position: absolute;
  z-index: 100;
  top: -1em;
  left: 100%;
  margin: 0em 0em 0em -1.5em !important;
}

/*-------------------
        Sizes
--------------------*/

.ui.mini.labels .label,
.ui.mini.label {
  font-size: 0.64285714rem;
}
.ui.tiny.labels .label,
.ui.tiny.label {
  font-size: 0.71428571rem;
}
.ui.small.labels .label,
.ui.small.label {
  font-size: 0.78571429rem;
}
.ui.labels .label,
.ui.label {
  font-size: 0.85714286rem;
}
.ui.large.labels .label,
.ui.large.label {
  font-size: 1rem;
}
.ui.big.labels .label,
.ui.big.label {
  font-size: 1.28571429rem;
}
.ui.huge.labels .label,
.ui.huge.label {
  font-size: 1.42857143rem;
}
.ui.massive.labels .label,
.ui.massive.label {
  font-size: 1.71428571rem;
}


/* DATA TABLES */

/**
 * FixedDataTable v0.4.1
 *
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */

/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTable
 *
 */

/**
 * Table.
 */
.public_fixedDataTable_main {
  border-color: #d3d3d3;
}

.public_fixedDataTable_header,
.public_fixedDataTable_hasBottomBorder {
  border-color: #d3d3d3;
}

.public_fixedDataTable_header .public_fixedDataTableCell_main {
  font-weight: bold;
}

.public_fixedDataTable_header,
.public_fixedDataTable_header .public_fixedDataTableCell_main {
  background-color: transparent;
  /* background-image: -webkit-linear-gradient(#fff, #efefef);
     background-image: linear-gradient(#fff, #efefef);*/
}

.public_fixedDataTable_footer .public_fixedDataTableCell_main {
  background-color: #f6f7f8;
  border-color: #d3d3d3;
}

.public_fixedDataTable_topShadow {
  background: 0 0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAF0lEQVR4AWPUkNeSBhHCjJoK2twgFisAFagCCp3pJlAAAAAASUVORK5CYII=) repeat-x;
}

.public_fixedDataTable_bottomShadow {
  background: 0 0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAHElEQVQI12MwNjZmZdAT1+Nm0JDWEGZQk1GTBgAWkwIeAEp52AAAAABJRU5ErkJggg==) repeat-x;
}

.public_fixedDataTable_horizontalScrollbar .public_Scrollbar_mainHorizontal {
  background-color: #fff;
}
/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableCell
 */

/**
 * Table cell.
 */
.public_fixedDataTableCell_main {
  background-color: #fff;
  border-color: #d3d3d3;
}

.public_fixedDataTableCell_highlighted {
  background-color: #F9F9F9;
}

/*.public_fixedDataTableCell_cellContent {
  padding: 8px;
}*/

.public_fixedDataTableCell_columnResizerKnob {
  background-color: #0284ff;
}
/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableColumnResizerLine
 *
 */

/**
 * Column resizer line.
 */
.public_fixedDataTableColumnResizerLine_main {
  border-color: #0284ff;
}
/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableRow
 */

/**
 * Table row.
 */
.public_fixedDataTableRow_main {
  background-color: transparent;
}

.public_fixedDataTableRow_highlighted,
.public_fixedDataTableRow_highlighted .public_fixedDataTableCell_main {
  background-color: #F9F9F9;
}

.public_fixedDataTableRow_fixedColumnsDivider {
  border-color: #d3d3d3;
}

.public_fixedDataTableRow_columnsShadow {
  background: 0 0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQIHWPSkNeSBmJhTQVtbiDNCgASagIIuJX8OgAAAABJRU5ErkJggg==) repeat-y;
}
/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule Scrollbar
 *
 */

/**
 * Scrollbars.
 */

/* Touching the scroll-track directly makes the scroll-track bolder */
.public_Scrollbar_main.public_Scrollbar_mainActive,
.public_Scrollbar_main:hover {
  background-color: rgba(255, 255, 255, 0.8);
}

.public_Scrollbar_main.public_Scrollbar_mainActive,
.public_Scrollbar_main:hover {
  background-color: rgba(255, 255, 255, 0.8);
}

.public_Scrollbar_mainOpaque,
.public_Scrollbar_mainOpaque.public_Scrollbar_mainActive,
.public_Scrollbar_mainOpaque:hover {
  background-color: #fff;
}

.public_Scrollbar_face:after {
  background-color: #c2c2c2;
}

.public_Scrollbar_main:hover .public_Scrollbar_face:after,
.public_Scrollbar_mainActive .public_Scrollbar_face:after,
.public_Scrollbar_faceActive:after {
  background-color: #7d7d7d;
}


/* React FixedDataTable OVERRIDES
------------------------------------
*/
.primaryTableHeader{
  background-color: #f5f5f5 !important;
  background-image: none !important;
}

.subTableHeader{
  background-color: #fff !important;
  background-image: none !important;
  border-bottom:1px solid #eee;
  font-size:14px;
  font-weight:400;
  text-transform: uppercase;
}

.cellActions{
  padding:0;
  margin:0;
}

/*.public_fixedDataTable_header, .public_fixedDataTable_header .public_fixedDataTableCell_main{
  background-color: #f5f5f5 !important;
  background-image: none !important;
}*/

.fixedDataTableLayout_main{
  border-width: 0 !important;
}

.fixedDataTableCellLayout_main {
  border-width: 0 0 0 0 !important;
}

.public_fixedDataTableRow_highlighted, .public_fixedDataTableRow_highlighted .public_fixedDataTableCell_main{
  background-color: #F9F9F9;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
}

.fixedDataTableLayout_header, .fixedDataTableLayout_hasBottomBorder {
  border-bottom-width: 0 !important;
}

/*.public_fixedDataTable_header, .public_fixedDataTable_header .public_fixedDataTableCell_main{
  font-size:16px;
  font-weight:600;
  letter-spacing: -1px;
  text-transform: uppercase;
}*/
.fixedColumnGroupHeader .public_fixedDataTableCell_cellContent{
  color:#c8c8c8;
  font-size:18px;
}


/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableCellGroupLayout
 */

.fixedDataTableCellGroupLayout_cellGroup {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

.public_fixedDataTable_header{
  border-bottom: 1px solid #ccc !important;
  background-color: #fff;
}

.fixedDataTableCellGroupLayout_cellGroup > .public_fixedDataTableCell_main {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}

.fixedDataTableCellGroupLayout_cellGroupWrapper {
  position: absolute;
  top: 0;
}
/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableCellLayout
 */

.fixedDataTableCellLayout_main {
  border-right-style: solid;
  border-right-width: 1px;
  border-width: 0 1px 0 0;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  position: absolute;
  white-space: normal;
}

.fixedDataTableCellLayout_lastChild {
  border-width: 0 1px 1px 0;
}

.fixedDataTableCellLayout_alignRight {
  text-align: right;
}

.fixedDataTableCellLayout_alignCenter {
  text-align: center;
}

.fixedDataTableCellLayout_wrap1 {
  display: table;
}

.fixedDataTableCellLayout_wrap2 {
  display: table-row;
}

.fixedDataTableCellLayout_wrap3 {
  display: table-cell;
  vertical-align: middle;
}

.fixedDataTableCellLayout_columnResizerContainer {
  position: absolute;
  right: 0px;
  width: 6px;
  z-index: 1;
}

.fixedDataTableCellLayout_columnResizerContainer:hover {
  cursor: ew-resize;
}

.fixedDataTableCellLayout_columnResizerContainer:hover .fixedDataTableCellLayout_columnResizerKnob {
  visibility: visible;
}

.fixedDataTableCellLayout_columnResizerKnob {
  position: absolute;
  right: 0px;
  visibility: hidden;
  width: 4px;
}

/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableColumnResizerLineLayout
 */

.fixedDataTableColumnResizerLineLayout_mouseArea {
  cursor: ew-resize;
  position: absolute;
  right: -5px;
  width: 12px;
}

.fixedDataTableColumnResizerLineLayout_main {
  border-right-style: solid;
  border-right-width: 1px;
  box-sizing: border-box;
  position: absolute;
  z-index: 10;
}

body[dir="rtl"] .fixedDataTableColumnResizerLineLayout_main {
  /* the resizer line is in the wrong position in RTL with no easy fix.
   * Disabling is more useful than displaying it.
   * #167 (github) should look into this and come up with a permanent fix.
   */
  display: none !important;
}

.fixedDataTableColumnResizerLineLayout_hiddenElem {
  display: none !important;
}
/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableLayout
 */

.fixedDataTableLayout_main {
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}

.fixedDataTableLayout_header,
.fixedDataTableLayout_hasBottomBorder {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.fixedDataTableLayout_footer .public_fixedDataTableCell_main {
  border-top-style: solid;
  border-top-width: 1px;
}

.fixedDataTableLayout_topShadow,
.fixedDataTableLayout_bottomShadow {
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1;
}

.fixedDataTableLayout_bottomShadow {
  margin-top: -4px;
}

.fixedDataTableLayout_rowsContainer {
  overflow: hidden;
  position: relative;
}

.fixedDataTableLayout_horizontalScrollbar {
  bottom: 0;
  position: absolute;
}
/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableRowLayout
 */

.fixedDataTableRowLayout_main {
  box-sizing: border-box;
  overflow: hidden;
  position: absolute;
  top: 0;
}

.fixedDataTableRowLayout_body {
  left: 0;
  position: absolute;
  top: 0;
}

.fixedDataTableRowLayout_fixedColumnsDivider {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-left-style: dashed;
  border-left-width: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
}

.fixedDataTableRowLayout_columnsShadow {
  width: 4px;
}

.fixedDataTableRowLayout_rowWrapper {
  position: absolute;
  top: 0;
}
/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule ScrollbarLayout
 */

.ScrollbarLayout_main {
  box-sizing: border-box;
  outline: none;
  overflow: hidden;
  position: absolute;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.ScrollbarLayout_mainVertical {
  bottom: 0;
  right: 0;
  top: 0;
  -webkit-transition-property: background-color width;
          transition-property: background-color width;
  width: 15px;
}

.ScrollbarLayout_mainVertical.public_Scrollbar_mainActive,
.ScrollbarLayout_mainVertical:hover {
  width: 17px;
}

.ScrollbarLayout_mainHorizontal {
  bottom: 0;
  height: 15px;
  left: 0;
  -webkit-transition-property: background-color height;
          transition-property: background-color height;
}

/* Touching the scroll-track directly makes the scroll-track bolder */
.ScrollbarLayout_mainHorizontal.public_Scrollbar_mainActive,
.ScrollbarLayout_mainHorizontal:hover {
  height: 17px;
}

.ScrollbarLayout_face {
  left: 0;
  overflow: hidden;
  position: absolute;
  z-index: 1;
}

/**
 * This selector renders the "nub" of the scrollface. The nub must
 * be rendered as pseudo-element so that it won't receive any UI events then
 * we can get the correct `event.offsetX` and `event.offsetY` from the
 * scrollface element while dragging it.
 */
.ScrollbarLayout_face:after {
  border-radius: 6px;
  content: '';
  display: block;
  position: absolute;
  -webkit-transition: background-color 250ms ease;
          transition: background-color 250ms ease;
}

.ScrollbarLayout_faceHorizontal {
  bottom: 0;
  left: 0;
  top: 0;
}

.ScrollbarLayout_faceHorizontal:after {
  bottom: 4px;
  left: 0;
  top: 4px;
  width: 100%;
}

.ScrollbarLayout_faceVertical {
  left: 0;
  right: 0;
  top: 0;
}

.ScrollbarLayout_faceVertical:after {
  height: 100%;
  left: 4px;
  right: 4px;
  top: 0;
}

/* Generic Padding Helpers
------------------------------------
*/
.p-t-5 {
  padding-top: 5px !important;
}
.p-r-5 {
  padding-right: 5px !important;
}
.p-l-5 {
  padding-left: 5px !important;
}
.p-b-5 {
  padding-bottom: 5px !important;
}
.padding-5 {
  padding: 5px !important;
}
.p-t-10 {
  padding-top: 10px !important;
}
.p-r-10 {
  padding-right: 10px !important;
}
.p-l-10 {
  padding-left: 10px !important;
}
.p-b-10 {
  padding-bottom: 10px !important;
}
.padding-10 {
  padding: 10px !important;
}
.p-t-15 {
  padding-top: 15px !important;
}
.p-r-15 {
  padding-right: 15px !important;
}
.p-l-15 {
  padding-left: 15px !important;
}
.p-b-15 {
  padding-bottom: 15px !important;
}
.padding-15 {
  padding: 15px !important;
}
.p-t-20 {
  padding-top: 20px !important;
}
.p-r-20 {
  padding-right: 20px !important;
}
.p-l-20 {
  padding-left: 20px !important;
}
.p-b-20 {
  padding-bottom: 20px !important;
}
.padding-20 {
  padding: 20px !important;
}
.p-t-25 {
  padding-top: 25px !important;
}
.p-r-25 {
  padding-right: 25px !important;
}
.p-l-25 {
  padding-left: 25px !important;
}
.p-b-25 {
  padding-bottom: 25px !important;
}
.padding-25 {
  padding: 25px !important;
}
.p-t-30 {
  padding-top: 30px !important;
}
.p-r-30 {
  padding-right: 30px !important;
}
.p-l-30 {
  padding-left: 30px !important;
}
.p-b-30 {
  padding-bottom: 30px !important;
}
.padding-30 {
  padding: 30px !important;
}
.p-t-35 {
  padding-top: 35px !important;
}
.p-r-35 {
  padding-right: 35px !important;
}
.p-l-35 {
  padding-left: 35px !important;
}
.p-b-35 {
  padding-bottom: 35px !important;
}
.padding-35 {
  padding: 35px !important;
}
.p-t-40 {
  padding-top: 40px !important;
}
.p-r-40 {
  padding-right: 40px !important;
}
.p-l-40 {
  padding-left: 40px !important;
}
.p-b-40 {
  padding-bottom: 40px !important;
}
.padding-40 {
  padding: 40px !important;
}
.p-t-45 {
  padding-top: 45px !important;
}
.p-r-45 {
  padding-right: 45px !important;
}
.p-l-45 {
  padding-left: 45px !important;
}
.p-b-45 {
  padding-bottom: 45px !important;
}
.padding-45 {
  padding: 45px !important;
}
.p-t-50 {
  padding-top: 50px !important;
}
.p-r-50 {
  padding-right: 50px !important;
}
.p-l-50 {
  padding-left: 50px !important;
}
.p-b-50 {
  padding-bottom: 50px !important;
}
.padding-50 {
  padding: 50px !important;
}
.p-t-55 {
  padding-top: 55px !important;
}
.p-r-55 {
  padding-right: 55px !important;
}
.p-l-55 {
  padding-left: 55px !important;
}
.p-b-55 {
  padding-bottom: 55px !important;
}
.padding-55 {
  padding: 55px !important;
}
.p-t-60 {
  padding-top: 60px !important;
}
.p-r-60 {
  padding-right: 60px !important;
}
.p-l-60 {
  padding-left: 60px !important;
}
.p-b-60 {
  padding-bottom: 60px !important;
}
.padding-60 {
  padding: 60px !important;
}
.p-t-65 {
  padding-top: 65px !important;
}
.p-r-65 {
  padding-right: 65px !important;
}
.p-l-65 {
  padding-left: 65px !important;
}
.p-b-65 {
  padding-bottom: 65px !important;
}
.padding-65 {
  padding: 65px !important;
}
.p-t-70 {
  padding-top: 70px !important;
}
.p-r-70 {
  padding-right: 70px !important;
}
.p-l-70 {
  padding-left: 70px !important;
}
.p-b-70 {
  padding-bottom: 70px !important;
}
.padding-70 {
  padding: 70px !important;
}
.p-t-75 {
  padding-top: 75px !important;
}
.p-r-75 {
  padding-right: 75px !important;
}
.p-l-75 {
  padding-left: 75px !important;
}
.p-b-75 {
  padding-bottom: 75px !important;
}
.padding-75 {
  padding: 75px !important;
}
.p-t-80 {
  padding-top: 80px !important;
}
.p-r-80 {
  padding-right: 80px !important;
}
.p-l-80 {
  padding-left: 80px !important;
}
.p-b-80 {
  padding-bottom: 80px !important;
}
.padding-80 {
  padding: 80px !important;
}
.p-t-85 {
  padding-top: 85px !important;
}
.p-r-85 {
  padding-right: 85px !important;
}
.p-l-85 {
  padding-left: 85px !important;
}
.p-b-85 {
  padding-bottom: 85px !important;
}
.padding-85 {
  padding: 85px !important;
}
.p-t-90 {
  padding-top: 90px !important;
}
.p-r-90 {
  padding-right: 90px !important;
}
.p-l-90 {
  padding-left: 90px !important;
}
.p-b-90 {
  padding-bottom: 90px !important;
}
.padding-90 {
  padding: 90px !important;
}
.p-t-95 {
  padding-top: 95px !important;
}
.p-r-95 {
  padding-right: 95px !important;
}
.p-l-95 {
  padding-left: 95px !important;
}
.p-b-95 {
  padding-bottom: 95px !important;
}
.padding-95 {
  padding: 95px !important;
}
.p-t-100 {
  padding-top: 100px !important;
}
.p-r-100 {
  padding-right: 100px !important;
}
.p-l-100 {
  padding-left: 100px !important;
}
.p-b-100 {
  padding-bottom: 100px !important;
}
.padding-100 {
  padding: 100px !important;
}
/* Generic Margin Helpers
------------------------------------
 */
.m-t-0 {
  margin-top: 0px;
}
.m-r-0 {
  margin-right: 0px;
}
.m-l-0 {
  margin-left: 0px;
}
.m-b-0 {
  margin-bottom: 0px;
}
.m-t-5 {
  margin-top: 5px;
}
.m-r-5 {
  margin-right: 5px;
}
.m-l-5 {
  margin-left: 5px;
}
.m-b-5 {
  margin-bottom: 5px;
}
.m-t-10 {
  margin-top: 10px;
}
.m-r-10 {
  margin-right: 10px;
}
.m-l-10 {
  margin-left: 10px;
}
.m-b-10 {
  margin-bottom: 10px;
}
.m-t-15 {
  margin-top: 15px;
}
.m-r-15 {
  margin-right: 15px;
}
.m-l-15 {
  margin-left: 15px;
}
.m-b-15 {
  margin-bottom: 15px;
}
.m-t-20 {
  margin-top: 20px;
}
.m-r-20 {
  margin-right: 20px;
}
.m-l-20 {
  margin-left: 20px;
}
.m-b-20 {
  margin-bottom: 20px;
}
.m-t-25 {
  margin-top: 25px;
}
.m-r-25 {
  margin-right: 25px;
}
.m-l-25 {
  margin-left: 25px;
}
.m-b-25 {
  margin-bottom: 25px;
}
.m-t-30 {
  margin-top: 30px;
}
.m-r-30 {
  margin-right: 30px;
}
.m-l-30 {
  margin-left: 30px;
}
.m-b-30 {
  margin-bottom: 30px;
}
.m-t-35 {
  margin-top: 35px;
}
.m-r-35 {
  margin-right: 35px;
}
.m-l-35 {
  margin-left: 35px;
}
.m-b-35 {
  margin-bottom: 35px;
}
.m-t-40 {
  margin-top: 40px;
}
.m-r-40 {
  margin-right: 40px;
}
.m-l-40 {
  margin-left: 40px;
}
.m-b-40 {
  margin-bottom: 40px;
}
.m-t-45 {
  margin-top: 45px;
}
.m-r-45 {
  margin-right: 45px;
}
.m-l-45 {
  margin-left: 45px;
}
.m-b-45 {
  margin-bottom: 45px;
}
.m-t-50 {
  margin-top: 50px;
}
.m-r-50 {
  margin-right: 50px;
}
.m-l-50 {
  margin-left: 50px;
}
.m-b-50 {
  margin-bottom: 50px;
}
.m-t-55 {
  margin-top: 55px;
}
.m-r-55 {
  margin-right: 55px;
}
.m-l-55 {
  margin-left: 55px;
}
.m-b-55 {
  margin-bottom: 55px;
}
.m-t-60 {
  margin-top: 60px;
}
.m-r-60 {
  margin-right: 60px;
}
.m-l-60 {
  margin-left: 60px;
}
.m-b-60 {
  margin-bottom: 60px;
}
.m-t-65 {
  margin-top: 65px;
}
.m-r-65 {
  margin-right: 65px;
}
.m-l-65 {
  margin-left: 65px;
}
.m-b-65 {
  margin-bottom: 65px;
}
.m-t-70 {
  margin-top: 70px;
}
.m-r-70 {
  margin-right: 70px;
}
.m-l-70 {
  margin-left: 70px;
}
.m-b-70 {
  margin-bottom: 70px;
}
.m-t-75 {
  margin-top: 75px;
}
.m-r-75 {
  margin-right: 75px;
}
.m-l-75 {
  margin-left: 75px;
}
.m-b-75 {
  margin-bottom: 75px;
}
.m-t-80 {
  margin-top: 80px;
}
.m-r-80 {
  margin-right: 80px;
}
.m-l-80 {
  margin-left: 80px;
}
.m-b-80 {
  margin-bottom: 80px;
}
.m-t-85 {
  margin-top: 85px;
}
.m-r-85 {
  margin-right: 85px;
}
.m-l-85 {
  margin-left: 85px;
}
.m-b-85 {
  margin-bottom: 85px;
}
.m-t-90 {
  margin-top: 90px;
}
.m-r-90 {
  margin-right: 90px;
}
.m-l-90 {
  margin-left: 90px;
}
.m-b-90 {
  margin-bottom: 90px;
}
.m-t-95 {
  margin-top: 95px;
}
.m-r-95 {
  margin-right: 95px;
}
.m-l-95 {
  margin-left: 95px;
}
.m-b-95 {
  margin-bottom: 95px;
}
.m-t-100 {
  margin-top: 100px;
}
.m-r-100 {
  margin-right: 100px;
}
.m-l-100 {
  margin-left: 100px;
}
.m-b-100 {
  margin-bottom: 100px;
}
.full-height {
  height: 100% !important;
}
.full-width {
  width: 100%;
}
.hide {
  display: none;
}
/**
 * Quick solution to show elements inside of parent on hover
 *
 */
.hasHidables .hidable{
  display: none;
  opacity:0;
  transition: all .2s ease-out;
}
.hasHidables:hover .hidable{
  display: inherit;
  opacity:1;
}
/** End hidable */

.inline {
  display: inline-block !important;
}
.block {
  display: block;
}
.b-blank {
  border-color: #000;
}

/*
 * RC_SLIDER
 */
.rc-slider {
  position: relative;
  height: 4px;
  width: 100%;
  border-radius: 6px;
  background-color: #e9e9e9;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-track {
  position: absolute;
  left: 0;
  height: 4px;
  border-radius: 6px;
  background-color: #4bb956;
}
.rc-slider-handle {
  position: absolute;
  margin-left: -7px;
  margin-top: -5px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  border-radius: 50%;
  border: solid 2px #4bb956;
  background-color: #fff;
}
.rc-slider-handle:hover {
  border-color: #4bb956;
}
.rc-slider-handle-active:active {
  border-color: #4bb956;
  box-shadow: 0 0 5px #4bb956;
}
.rc-slider-mark {
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  font-size: 12px;
}
.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999;
}
.rc-slider-mark-text-active {
  color: #666;
}
.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border: 2px solid #e9e9e9;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle;
}
.rc-slider-dot:first-child {
  margin-left: -4px;
}
.rc-slider-dot:last-child {
  margin-left: -4px;
}
.rc-slider-dot-active {
  border-color: #4bb956;
}
.rc-slider-disabled {
  background-color: #e9e9e9;
}
.rc-slider-disabled .rc-slider-track {
  background-color: #ccc;
}
.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  border-color: #ccc;
  background-color: #fff;
  cursor: not-allowed;
}
.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important;
}
.rc-slider-vertical {
  width: 4px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-track {
  bottom: 0;
  width: 4px;
}
.rc-slider-vertical .rc-slider-handle {
  position: absolute;
  margin-left: -5px;
  margin-bottom: -7px;
}
.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 10px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-step {
  height: 100%;
  width: 4px;
}
.rc-slider-vertical .rc-slider-dot {
  left: 2px;
  margin-bottom: -4px;
}
.rc-slider-vertical .rc-slider-dot:first-child {
  margin-bottom: -4px;
}
.rc-slider-vertical .rc-slider-dot:last-child {
  margin-bottom: -4px;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: block !important;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-leave {
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: block !important;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  -webkit-animation-name: rcSliderTooltipZoomDownIn;
          animation-name: rcSliderTooltipZoomDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  -webkit-animation-name: rcSliderTooltipZoomDownOut;
          animation-name: rcSliderTooltipZoomDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.rc-slider-tooltip-zoom-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@-webkit-keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  100% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  100% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@-webkit-keyframes rcSliderTooltipZoomDownOut {
  0% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
}
@keyframes rcSliderTooltipZoomDownOut {
  0% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
}
.rc-slider-tooltip {
  position: absolute;
  left: -9999px;
  top: -9999px;
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip-hidden {
  display: none;
}
.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0;
}
.rc-slider-tooltip-inner {
  padding: 6px 2px;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  box-shadow: 0 0 4px #d9d9d9;
}
.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c;
}


/*
* Marching Ants
*/
.marching-ants {
  padding: 7px;
  margin: 20px;
  background-size: 20px 2px, 20px 2px, 2px 20px, 2px 20px;
  background-position: 0 0,  0 100%,  0 0,  100% 0;
  background-repeat: repeat-x,  repeat-x,  repeat-y,  repeat-y;
  -webkit-animation: marching-ants-1 1s;
          animation: marching-ants-1 1s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.marching-ants.marching {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.marching-ants.reverse {
  -webkit-animation-direction: reverse;
          animation-direction: reverse;
}

.marching-ants.dzone {
  background-image: -webkit-linear-gradient(left, #5cb85c 50%, transparent 50%), -webkit-linear-gradient(left, #5cb85c 50%, transparent 50%), -webkit-linear-gradient(top, #5cb85c 50%, transparent 50%), -webkit-linear-gradient(top, #5cb85c 50%, transparent 50%);
  background-image: linear-gradient(to right, #5cb85c 50%, transparent 50%), linear-gradient(to right, #5cb85c 50%, transparent 50%), linear-gradient(to bottom, #5cb85c 50%, transparent 50%), linear-gradient(to bottom, #5cb85c 50%, transparent 50%);
}

/*
 * React Credit Card
 */
.react-credit-card__container{
  position: relative;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  width:  350px;
  height: 200px;
  margin: 0 auto;
}

.react-credit-card{
  border-radius: 10px;
  line-height: 1;
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 315px;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.react-credit-card--flipped{
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.react-credit-card__front,
.react-credit-card__back{
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  border-radius: 10px;
  background: #DDDDDD;
  z-index: 0;
}

.react-credit-card__back{
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.react-credit-card__back:before{
  content: " ";
  display: block;
  background-color: #FFF;
  background-image: -webkit-linear-gradient(#FFF, #FFF);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
  background-image: linear-gradient(#FFF, #FFF);
  width: 80%;
  height: 16%;
  position: absolute;
  top: 40%;
  left: 2%;
}

.react-credit-card__display{
  color: white;
  font-weight: normal;
  opacity: 0.5;
  -webkit-transition: opacity 400ms linear;
  transition: opacity 400ms linear;
}

.react-credit-card__logo{
  position: absolute;
  right: 0;
  top: 0;
}

.react-credit-card__number{
  font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
  font-size: 24px;
  clear: both;
  margin-bottom: 30px;
}

.react-credit-card__name{
  text-transform: uppercase;
  font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
  font-size: 20px;
  max-height: 45px;
  position: absolute;
  bottom: 0;
  width: 190px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: horizontal;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2em;
}

.react-credit-card__expiry{
  font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
  letter-spacing: 0em;
  position: relative;
  float: right;
  width: 25%;
}

.react-credit-card__expiry:before {
  content: attr(data-before);
  margin-bottom: 2px;
  font-size: 7px;
  text-transform: uppercase;
}

.react-credit-card__expiry:after {
  position: absolute;
  content: attr(data-after);
  text-align: right;
  right: 100%;
  margin-right: 5px;
  margin-top: 2px;
  bottom: 0;
}

.react-credit-card__expiry:before, .react-credit-card__expiry:after{
  font-family: "Helvetica Neue";
  font-weight: bold;
  font-size: 7px;
  white-space: pre;
  display: block;
  opacity: 0.5;
}

.react-credit-card--focused{
  opacity: 1;
  font-weight: 700;
}

.react-credit-card__lower{
  width: 80%;
  position: absolute;
  left: 10%;
  bottom: 30px;
}

.react-credit-card__shiny{
  width: 50px;
  height: 35px;
  margin-bottom: 10px;
  border-radius: 5px;
  background: #CCC;
  position: relative;
}

.react-credit-card__shiny:after {
  content: attr(data-after);
  position: absolute;
  left: 120%;
  top: 5%;
  color: white;
  font-size: 7px;
  width: 230px;
  opacity: 0.5;
}

.react-credit-card__shiny:before{
  content: " ";
  display: block;
  width: 70%;
  height: 60%;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #d9d9d9;
  position: absolute;
  top: 20%;
}

.react-credit-card__bar{
  background-color: #444;
  background-image: -webkit-linear-gradient(#444, #333);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#333));
  background-image: linear-gradient(#444, #333);
  width: 100%;
  height: 20%;
  position: absolute;
  top: 10%;
}

.react-credit-card__back .react-credit-card__shiny{
  position: absolute;
  top: 66%;
  left: 2%;
}

.react-credit-card__cvc{
  position: absolute;
  top: 40%;
  left: 85%;
  -webkit-transition-delay: 600ms;
  transition-delay: 600ms;
  font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
  font-size: 14px;
}

.react-credit-card__cvc_front {
  position: absolute;
  top: 19%;
  right: 18%;
  -webkit-transition-delay: 600ms;
  transition-delay: 600ms;
  font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
  font-size: 14px;
}

.react-credit-card--unknown{
  -webkit-box-shadow: none;
  box-shadow: none;
}

.react-credit-card--unknown .react-credit-card__logo {
    visibility: hidden;
}

.react-credit-card--dankort .react-credit-card__front,
.react-credit-card--dankort .react-credit-card__back{
  background: #0055C7;
}

.react-credit-card--discover .react-credit-card__front,
.react-credit-card--discover .react-credit-card__back{
  background: #86B8CF;
}

.react-credit-card--mastercard .react-credit-card__front,
.react-credit-card--mastercard .react-credit-card__back{
  background: #0061A8;
}

.react-credit-card--visa .react-credit-card__front,
.react-credit-card--visa .react-credit-card__back{
  background: #191278;
}

.react-credit-card--amex .react-credit-card__front,
.react-credit-card--amex .react-credit-card__back{
  background-color: #108168;
}


@-webkit-keyframes marching-ants-1 {
  0% {
    background-position: 0 0,  0 100%,  0 0,  100% 0;
  }
  100% {
    background-position: 40px 0, -40px 100%, 0 -40px, 100% 40px;
  }
}

@keyframes marching-ants-1 {
  0% {
    background-position: 0 0,  0 100%,  0 0,  100% 0;
  }
  100% {
    background-position: 40px 0, -40px 100%, 0 -40px, 100% 40px;
  }
}
@-webkit-keyframes marching-ants-2 {
  0% {
    background-position: 0 0,  0 100%,  0 0,  100% 0;
  }
  100% {
    background-position: 40px 0, -40px 100%, 0 -40px, 100% 40px;
  }
}
@keyframes marching-ants-2 {
  0% {
    background-position: 0 0,  0 100%,  0 0,  100% 0;
  }
  100% {
    background-position: 40px 0, -40px 100%, 0 -40px, 100% 40px;
  }
}
@-webkit-keyframes marching-ants-3 {
  0% {
    background-position: 0 0,  0 100%,  0 0,  100% 0;
  }
  100% {
    background-position: 40px 0, -40px 100%, 0 -40px, 100% 40px;
  }
}
@keyframes marching-ants-3 {
  0% {
    background-position: 0 0,  0 100%,  0 0,  100% 0;
  }
  100% {
    background-position: 40px 0, -40px 100%, 0 -40px, 100% 40px;
  }
}

.re_wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.re_slider {
  position: absolute;
  bottom: 50px;
  left: 50%;
  width: 200px;
  margin-left: -100px;
}
.re_slider__value {
  width: 100%;
  text-align: center;
  color: white;
  margin-bottom: 15px;
  font-size: 36px;
}
.re_slider__input {
  width: 100%;
}

/*
 * SVG LOADER
 */
#ref {
  transform:scale(0.8,0.8);
  transform-origin:45px 45px;
}
.st0{fill:#49b955;}
.st1{clip-path:url(#logo_mask_3);}
.st7{fill:none;stroke:#fff;stroke-width:30;stroke-dasharray:0,0,0,73,0,0,0,76;}
.st8{fill:none;stroke:#fff;stroke-width:3.1;stroke-dasharray:0,14.5,3.1,20;}
.st8-1{fill:none;stroke:#fff;stroke-width:3.1;stroke-dasharray:0,14.5,3.1,20;}
.st9{fill:none;stroke:#fff;stroke-width:3.1;stroke-dasharray:0,16.5,3.1,20;}
.st10{fill:none;stroke:#fff;stroke-width:3.1;stroke-dasharray:0,17.5,3.1,20;}
.st11{display:inline;fill:none;stroke:#fff;stroke-width:3.1;stroke-dasharray:1.55,34,3.1,33,3.1,36,1.55,0; stroke-dashoffset:112.5;}

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

.la-square-jelly-box {
    display: block;
    font-size: 0;
    color: #fff;
}

.la-square-jelly-box.la-dark {
    color: #333;
}

.la-square-jelly-box > div {
    display: inline-block;
    float: none;
    background-color: #55b14b;
    border: 0 solid #55b14b;
}

.la-square-jelly-box {
    width: 32px;
    height: 32px;
}

.la-square-jelly-box > div:nth-child(1),
.la-square-jelly-box > div:nth-child(2) {
    position: absolute;
    left: 0;
    width: 100%;
}

.la-square-jelly-box > div:nth-child(1) {
    top: -25%;
    z-index: 1;
    height: 100%;
    border-radius: 10%;
    -webkit-animation: square-jelly-box-animate .6s -.1s linear infinite;
       -moz-animation: square-jelly-box-animate .6s -.1s linear infinite;
         -o-animation: square-jelly-box-animate .6s -.1s linear infinite;
            animation: square-jelly-box-animate .6s -.1s linear infinite;
}

.la-square-jelly-box > div:nth-child(2) {
    bottom: -9%;
    height: 10%;
    background: #000;
    border-radius: 50%;
    opacity: .2;
    -webkit-animation: square-jelly-box-shadow .6s -.1s linear infinite;
       -moz-animation: square-jelly-box-shadow .6s -.1s linear infinite;
         -o-animation: square-jelly-box-shadow .6s -.1s linear infinite;
            animation: square-jelly-box-shadow .6s -.1s linear infinite;
}

.la-square-jelly-box.la-sm {
    width: 16px;
    height: 16px;
}

.la-square-jelly-box.la-2x {
    width: 64px;
    height: 64px;
}

.la-square-jelly-box.la-3x {
    width: 96px;
    height: 96px;
}

/*
 * Animations
 */
@-webkit-keyframes square-jelly-box-animate {
    17% {
        border-bottom-right-radius: 10%;
    }
    25% {
        -webkit-transform: translateY(25%) rotate(22.5deg);
                transform: translateY(25%) rotate(22.5deg);
    }
    50% {
        border-bottom-right-radius: 100%;
        -webkit-transform: translateY(50%) scale(1, .9) rotate(45deg);
                transform: translateY(50%) scale(1, .9) rotate(45deg);
    }
    75% {
        -webkit-transform: translateY(25%) rotate(67.5deg);
                transform: translateY(25%) rotate(67.5deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(90deg);
                transform: translateY(0) rotate(90deg);
    }
}
@-moz-keyframes square-jelly-box-animate {
    17% {
        border-bottom-right-radius: 10%;
    }
    25% {
        -moz-transform: translateY(25%) rotate(22.5deg);
             transform: translateY(25%) rotate(22.5deg);
    }
    50% {
        border-bottom-right-radius: 100%;
        -moz-transform: translateY(50%) scale(1, .9) rotate(45deg);
             transform: translateY(50%) scale(1, .9) rotate(45deg);
    }
    75% {
        -moz-transform: translateY(25%) rotate(67.5deg);
             transform: translateY(25%) rotate(67.5deg);
    }
    100% {
        -moz-transform: translateY(0) rotate(90deg);
             transform: translateY(0) rotate(90deg);
    }
}
@-o-keyframes square-jelly-box-animate {
    17% {
        border-bottom-right-radius: 10%;
    }
    25% {
        -o-transform: translateY(25%) rotate(22.5deg);
           transform: translateY(25%) rotate(22.5deg);
    }
    50% {
        border-bottom-right-radius: 100%;
        -o-transform: translateY(50%) scale(1, .9) rotate(45deg);
           transform: translateY(50%) scale(1, .9) rotate(45deg);
    }
    75% {
        -o-transform: translateY(25%) rotate(67.5deg);
           transform: translateY(25%) rotate(67.5deg);
    }
    100% {
        -o-transform: translateY(0) rotate(90deg);
           transform: translateY(0) rotate(90deg);
    }
}
@keyframes square-jelly-box-animate {
    17% {
        border-bottom-right-radius: 10%;
    }
    25% {
        -webkit-transform: translateY(25%) rotate(22.5deg);
           -moz-transform: translateY(25%) rotate(22.5deg);
             -o-transform: translateY(25%) rotate(22.5deg);
                transform: translateY(25%) rotate(22.5deg);
    }
    50% {
        border-bottom-right-radius: 100%;
        -webkit-transform: translateY(50%) scale(1, .9) rotate(45deg);
           -moz-transform: translateY(50%) scale(1, .9) rotate(45deg);
             -o-transform: translateY(50%) scale(1, .9) rotate(45deg);
                transform: translateY(50%) scale(1, .9) rotate(45deg);
    }
    75% {
        -webkit-transform: translateY(25%) rotate(67.5deg);
           -moz-transform: translateY(25%) rotate(67.5deg);
             -o-transform: translateY(25%) rotate(67.5deg);
                transform: translateY(25%) rotate(67.5deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(90deg);
           -moz-transform: translateY(0) rotate(90deg);
             -o-transform: translateY(0) rotate(90deg);
                transform: translateY(0) rotate(90deg);
    }
}

@-webkit-keyframes square-jelly-box-shadow {
    50% {
        -webkit-transform: scale(1.25, 1);
                transform: scale(1.25, 1);
    }
}

@-moz-keyframes square-jelly-box-shadow {
    50% {
        -moz-transform: scale(1.25, 1);
             transform: scale(1.25, 1);
    }
}

@-o-keyframes square-jelly-box-shadow {
    50% {
        -o-transform: scale(1.25, 1);
           transform: scale(1.25, 1);
    }
}

@keyframes square-jelly-box-shadow {
    50% {
        -webkit-transform: scale(1.25, 1);
           -moz-transform: scale(1.25, 1);
             -o-transform: scale(1.25, 1);
                transform: scale(1.25, 1);
    }
}

.ct-double-octave:after,.ct-major-eleventh:after,.ct-major-second:after,.ct-major-seventh:after,.ct-major-sixth:after,.ct-major-tenth:after,.ct-major-third:after,.ct-major-twelfth:after,.ct-minor-second:after,.ct-minor-seventh:after,.ct-minor-sixth:after,.ct-minor-third:after,.ct-octave:after,.ct-perfect-fifth:after,.ct-perfect-fourth:after,.ct-square:after{content:"";clear:both}.ct-label{fill:rgba(0,0,0,.4);color:rgba(0,0,0,.4);font-size:.75rem;line-height:1}.ct-chart-bar .ct-label,.ct-chart-line .ct-label{display:block;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-label.ct-vertical.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end;text-align:right;text-anchor:end}.ct-label.ct-vertical.ct-end{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar .ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;text-anchor:start}.ct-chart-bar .ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end;text-align:right;text-anchor:end}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:end}.ct-grid{stroke:rgba(0,0,0,.2);stroke-width:1px;stroke-dasharray:2px}.ct-point{stroke-width:10px;stroke-linecap:round}
.ct-line{fill:none;stroke-width:4px}.ct-area{stroke:none;fill-opacity:.1}.ct-bar{fill:none;stroke-width:10px}.ct-slice-donut{fill:none;stroke-width:60px}.ct-series-a .ct-bar,.ct-series-a .ct-line,.ct-series-a .ct-point,.ct-series-a .ct-slice-donut{stroke:#d70206}.ct-series-a .ct-area,.ct-series-a .ct-slice-pie{fill:#d70206}.ct-series-b .ct-bar,.ct-series-b .ct-line,.ct-series-b .ct-point,.ct-series-b .ct-slice-donut{stroke:#f05b4f}.ct-series-b .ct-area,.ct-series-b .ct-slice-pie{fill:#f05b4f}.ct-series-c .ct-bar,.ct-series-c .ct-line,.ct-series-c .ct-point,.ct-series-c .ct-slice-donut{stroke:#f4c63d}.ct-series-c .ct-area,.ct-series-c .ct-slice-pie{fill:#f4c63d}.ct-series-d .ct-bar,.ct-series-d .ct-line,.ct-series-d .ct-point,.ct-series-d .ct-slice-donut{stroke:#d17905}.ct-series-d .ct-area,.ct-series-d .ct-slice-pie{fill:#d17905}.ct-series-e .ct-bar,.ct-series-e .ct-line,.ct-series-e .ct-point,.ct-series-e .ct-slice-donut{stroke:#453d3f}.ct-series-e .ct-area,.ct-series-e .ct-slice-pie{fill:#453d3f}.ct-series-f .ct-bar,.ct-series-f .ct-line,.ct-series-f .ct-point,.ct-series-f .ct-slice-donut{stroke:#59922b}.ct-series-f .ct-area,.ct-series-f .ct-slice-pie{fill:#59922b}.ct-series-g .ct-bar,.ct-series-g .ct-line,.ct-series-g .ct-point,.ct-series-g .ct-slice-donut{stroke:#0544d3}.ct-series-g .ct-area,.ct-series-g .ct-slice-pie{fill:#0544d3}.ct-series-h .ct-bar,.ct-series-h .ct-line,.ct-series-h .ct-point,.ct-series-h .ct-slice-donut{stroke:#6b0392}.ct-series-h .ct-area,.ct-series-h .ct-slice-pie{fill:#6b0392}.ct-series-i .ct-bar,.ct-series-i .ct-line,.ct-series-i .ct-point,.ct-series-i .ct-slice-donut{stroke:#f05b4f}.ct-series-i .ct-area,.ct-series-i .ct-slice-pie{fill:#f05b4f}.ct-series-j .ct-bar,.ct-series-j .ct-line,.ct-series-j .ct-point,.ct-series-j .ct-slice-donut{stroke:#dda458}.ct-series-j .ct-area,.ct-series-j .ct-slice-pie{fill:#dda458}.ct-series-k .ct-bar,.ct-series-k .ct-line,.ct-series-k .ct-point,.ct-series-k .ct-slice-donut{stroke:#eacf7d}.ct-series-k .ct-area,.ct-series-k .ct-slice-pie{fill:#eacf7d}.ct-series-l .ct-bar,.ct-series-l .ct-line,.ct-series-l .ct-point,.ct-series-l .ct-slice-donut{stroke:#86797d}.ct-series-l .ct-area,.ct-series-l .ct-slice-pie{fill:#86797d}.ct-series-m .ct-bar,.ct-series-m .ct-line,.ct-series-m .ct-point,.ct-series-m .ct-slice-donut{stroke:#b2c326}.ct-series-m .ct-area,.ct-series-m .ct-slice-pie{fill:#b2c326}.ct-series-n .ct-bar,.ct-series-n .ct-line,.ct-series-n .ct-point,.ct-series-n .ct-slice-donut{stroke:#6188e2}.ct-series-n .ct-area,.ct-series-n .ct-slice-pie{fill:#6188e2}.ct-series-o .ct-bar,.ct-series-o .ct-line,.ct-series-o .ct-point,.ct-series-o .ct-slice-donut{stroke:#a748ca}.ct-series-o .ct-area,.ct-series-o .ct-slice-pie{fill:#a748ca}.ct-square{display:block;position:relative;width:100%}.ct-square:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:100%}.ct-square:after{display:table}.ct-square>svg{display:block;position:absolute;top:0;left:0}.ct-minor-second{display:block;position:relative;width:100%}.ct-minor-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:93.75%}.ct-minor-second:after{display:table}.ct-minor-second>svg{display:block;position:absolute;top:0;left:0}.ct-major-second{display:block;position:relative;width:100%}.ct-major-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:88.8888888889%}.ct-major-second:after{display:table}.ct-major-second>svg{display:block;position:absolute;top:0;left:0}.ct-minor-third{display:block;position:relative;width:100%}.ct-minor-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:83.3333333333%}.ct-minor-third:after{display:table}.ct-minor-third>svg{display:block;position:absolute;top:0;left:0}.ct-major-third{display:block;position:relative;width:100%}.ct-major-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:80%}.ct-major-third:after{display:table}.ct-major-third>svg{display:block;position:absolute;top:0;left:0}.ct-perfect-fourth{display:block;position:relative;width:100%}.ct-perfect-fourth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:75%}.ct-perfect-fourth:after{display:table}.ct-perfect-fourth>svg{display:block;position:absolute;top:0;left:0}.ct-perfect-fifth{display:block;position:relative;width:100%}.ct-perfect-fifth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:66.6666666667%}.ct-perfect-fifth:after{display:table}.ct-perfect-fifth>svg{display:block;position:absolute;top:0;left:0}.ct-minor-sixth{display:block;position:relative;width:100%}.ct-minor-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:62.5%}.ct-minor-sixth:after{display:table}.ct-minor-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-golden-section{display:block;position:relative;width:100%}.ct-golden-section:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:61.804697157%}.ct-golden-section:after{content:"";display:table;clear:both}.ct-golden-section>svg{display:block;position:absolute;top:0;left:0}.ct-major-sixth{display:block;position:relative;width:100%}.ct-major-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:60%}.ct-major-sixth:after{display:table}.ct-major-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-minor-seventh{display:block;position:relative;width:100%}.ct-minor-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:56.25%}.ct-minor-seventh:after{display:table}.ct-minor-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-major-seventh{display:block;position:relative;width:100%}.ct-major-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:53.3333333333%}.ct-major-seventh:after{display:table}.ct-major-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-octave{display:block;position:relative;width:100%}.ct-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:50%}.ct-octave:after{display:table}.ct-octave>svg{display:block;position:absolute;top:0;left:0}.ct-major-tenth{display:block;position:relative;width:100%}.ct-major-tenth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:40%}.ct-major-tenth:after{display:table}.ct-major-tenth>svg{display:block;position:absolute;top:0;left:0}.ct-major-eleventh{display:block;position:relative;width:100%}.ct-major-eleventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:37.5%}.ct-major-eleventh:after{display:table}.ct-major-eleventh>svg{display:block;position:absolute;top:0;left:0}.ct-major-twelfth{display:block;position:relative;width:100%}.ct-major-twelfth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:33.3333333333%}.ct-major-twelfth:after{display:table}.ct-major-twelfth>svg{display:block;position:absolute;top:0;left:0}.ct-double-octave{display:block;position:relative;width:100%}.ct-double-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:25%}.ct-double-octave:after{display:table}.ct-double-octave>svg{display:block;position:absolute;top:0;left:0}



.rc-switch {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 44px;
  height: 22px;
  line-height: 20px;
  vertical-align: middle;
  border-radius: 20px 20px;
  border: 1px solid #ccc;
  background-color: #ccc;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
}
.rc-switch-inner {
  color: #fff;
  font-size: 12px;
  position: absolute;
  left: 24px;
}
.rc-switch:after {
  position: absolute;
  width: 18px;
  height: 18px;
  left: 2px;
  top: 1px;
  border-radius: 50% 50%;
  background-color: #ffffff;
  content: " ";
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
  transform: scale(1);
  transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
  animation-duration: 0.3s;
  animation-name: rcSwitchOff;
}
.rc-switch:hover:after {
  transform: scale(1.1);
  animation-name: rcSwitchOn;
}
.rc-switch:focus {
  box-shadow: 0 0 0 2px #d5f1fd;
  outline: none;
}
.rc-switch-checked {
  border: 1px solid #87d068;
  background-color: #87d068;
}
.danger.rc-switch-checked {
  border: 1px solid #c3312e;
  background-color: #c3312e;
}
.warning.rc-switch-checked {
  border: 1px solid #e37625;
  background-color: #e37625;
}
.rc-switch-checked .rc-switch-inner {
  left: 6px;
}
.rc-switch-checked:after {
  left: 22px;
}
.rc-switch-disabled {
  cursor: no-drop;
  background: #ccc;
  border-color: #ccc;
}
.rc-switch-disabled:after {
  background: #9e9e9e;
  animation-name: none;
  cursor: no-drop;
}
.rc-switch-disabled:hover:after {
  transform: scale(1);
  animation-name: none;
}
.rc-switch-label {
  display: inline-block;
  line-height: 20px;
  font-size: 14px;
  padding-left: 10px;
  vertical-align: middle;
  white-space: normal;
  pointer-events: none;
  user-select: text;
}
@keyframes rcSwitchOn {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes rcSwitchOff {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.rdtPicker td.rdtActive, .rdtPicker td.rdtActive:hover {
  background-color: #52c45f;
}

.rdtPicker td.rdtToday:after {
  border-bottom: 7px solid #333333;
}

.timezone-picker{
  font:13px sans-serif;
  position:relative
}
.timezone-picker-textfield input{
  width:100%;
  padding:9px 12px;
  font:inherit;
  box-sizing:border-box;
  outline:0;
  background:#fff;
  border:1px solid #ccc;
  border-radius:2px
}
.timezone-picker-list{
  top:100%;
  left:0;
  right:0;
  max-height:200px;
  overflow-y:auto;
  margin:0;
  padding:0;
  border:1px solid #e6ebec;
  margin-top:-1px;
  border-radius:0 0 3px 3px;
  display:none
}
.timezone-picker-list-rel{
  position:relative
}
.timezone-picker-list-abs{
  position:absolute;
  background-color:#fff;
  z-index:2000;
  opacity:.99
}
.timezone-picker-list-item{
  color:#444;
  padding:5px 12px
}
.timezone-picker-list-item-active{
  background:#ececec;
  cursor:pointer
}
.timezone-picker-open .timezone-picker-list{
  display:block
}
.timezone-picker-selected .timezone-picker-textfield input{
  color:#474747
}



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


/**
 * React Select Plus
 * =================
 * MIT License: https://github.com/HubSpot/react-select-plus
*/
.Select {
  position: relative;
}
.Select,
.Select div,
.Select input,
.Select span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.Select.is-disabled > .Select-control {
  background-color: #f9f9f9;
}
.Select.is-disabled > .Select-control:hover {
  box-shadow: none;
}
.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
}
.Select-control {
  background-color: #fff;
  border-color: #d9d9d9 #ccc #b3b3b3;
  border: 1px solid #d9d9d9;
  color: #333;
  cursor: default;
  display: table;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.Select-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.is-searchable.is-open > .Select-control {
  cursor: text;
}
.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #b3b3b3 #ccc #d9d9d9;
}
.is-open > .Select-control > .Select-arrow {
  border-color: transparent transparent #999;
  border-width: 0 5px 5px;
}
.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text;
}

.is-focused:not(.is-open) > .Select-control {
  border-color: #5cb44c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(24, 255, 0, 0.05);
}
.toolbarSelectSubHeader .is-focused:not(.is-open) > .Select-control {
  border-color: #5cb44c;
  box-shadow: none;
}
.Select-value-label {
  color: #333
}
.Select-placeholder,
:not(.Select--multi) > .Select-control .Select-value {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 12px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.has-value:not(.Select--multi) > .Select-control > .Select-value .Select-value-label,
.has-value.is-pseudo-focused:not(.Select--multi) > .Select-control > .Select-value .Select-value-label {
  color: #333;
}
.has-value:not(.Select--multi) > .Select-control > .Select-value a.Select-value-label,
.has-value.is-pseudo-focused:not(.Select--multi) > .Select-control > .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none;
}
.has-value:not(.Select--multi) > .Select-control > .Select-value a.Select-value-label:hover,
.has-value.is-pseudo-focused:not(.Select--multi) > .Select-control > .Select-value a.Select-value-label:hover,
.has-value:not(.Select--multi) > .Select-control > .Select-value a.Select-value-label:focus,
.has-value.is-pseudo-focused:not(.Select--multi) > .Select-control > .Select-value a.Select-value-label:focus {
  color: #007eff;
  outline: none;
  text-decoration: underline;
}
.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.Select-input > input {
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  height: 34px;
  margin: 0;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
}
.is-focused .Select-input > input {
  cursor: text;
}
.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}
.Select-control:not(.is-searchable) > .Select-input {
  outline: none;
}
.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}
.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  -o-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn 200ms;
  -o-animation: Select-animation-fadeIn 200ms;
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 30px;
  padding-top: 4px;
}
.Select-clear-zone:hover {
  color: #D0021B;
}
.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
}
.Select--multi .Select-clear-zone {
  width: 17px;
}
.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  color: #555;
  padding: 6px 12px;
  background-color: #eee;
  border-left: 1px solid #ccc;
}
.Select-arrow {
  border-color: #555 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
}
.Select .Select-aria-only {
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}
.is-open .Select-arrow,
.Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #666;
}
@-webkit-keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1000;
  -webkit-overflow-scrolling: touch;
}
.Select-menu {
  max-height: 198px;
  overflow-y: auto;
}
.Select-option-group-label {
  box-sizing: border-box;
  background-color: #fff;
  color: #666666;
  font-weight: bold;
  cursor: default;
  display: block;
  padding: 8px 10px;
}
.Select-option-group-label ~ .Select-option,
.Select-option-group-label ~ .Select-option-group {
  padding-left: 20px;
}
.Select-option {
  box-sizing: border-box;
  background-color: #fff;
  color: #666666;
  cursor: pointer;
  display: block;
  padding: 8px 10px;
}
.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.Select-option.is-focused {
  background-color: rgba(0, 126, 255, 0.08);
  color: #333;
}
.Select-option.is-disabled {
  color: #cccccc;
  cursor: default;
}
.Select-noresults {
  box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px;
}
.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0;
}
.Select--multi.has-value .Select-input {
  margin-left: 5px;
}
.Select--multi .Select-value.default{
  background-color: #999;
}
.Select--multi .Select-value {
  background-color: #4eb855;
  border-radius: 5px;
  border: 0px solid rgba(0, 126, 255, 0.24);
  color: #fff !important;
  display: inline-block;
  font-size: 0.9em;
  font-weight: 600,
  line-height: 1.4;
  /*margin-left: 5px;
  margin-top: 5px;*/
  vertical-align: top;
  margin: 5px 3px 5px 5px;
}
.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle;
}
.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  font-weight: 600;
  color: #fff !important;
  padding: 4px 10px 4px 4px;
}
.Select--multi a.Select-value-label {
  color: #007eff;
  cursor: pointer;
  text-decoration: none;
}
.Select--multi a.Select-value-label:hover {
  text-decoration: underline;
}
.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  /*border-right: 1px solid rgba(0, 126, 255, 0.24);*/
  padding: 0 3px 0 5px;
  font-weight: bold;
  font-size: 18px;
}
.Select--multi .Select-value-icon:hover,
.Select--multi .Select-value-icon:focus {
  /*background-color: rgba(0, 113, 230, 0.08);*/
  color: #fff;
}
.Select--multi .Select-value-icon:active {
  background-color: rgba(0, 126, 255, 0.24);
}
.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333;
}
.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3;
}
.Select--multi.is-disabled .Select-value-icon:hover,
.Select--multi.is-disabled .Select-value-icon:focus,
.Select--multi.is-disabled .Select-value-icon:active {
  background-color: #fcfcfc;
}
@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn);
  }
}
@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}

/* SLIM INLINE OPTIONS */
.Select.slim{
  height: 30px;
}

.Select.slim .Select-control{
  border: 0px;
  background-color: transparent;
  padding-right: 12px;
}

.Select.slim .Select-control:hover {
  box-shadow: none;
}

.Select.slim.is-focused:not(.is-open) > .Select-control{
  box-shadow: none;
}

.Select.slim .Select-input{
  padding-left: 0px;
  min-width: 150px;
}

.Select.slim .Select-placeholder{
  padding-left: 0px;
}

.Select.slim .Select-placeholder, :not(.Select--multi) > .Select-control .Select-value{

}

.Select.slim .Select-value{
  padding-left: 0px;
  color: #000;
}

.Select.slim .Select-arrow-zone{
  background-color: transparent;
  border: 0px;
  vertical-align: initial;
}

/*
position: absolute;
right: 0px;
top: 1px;

position: relative;


position: absolute;
left: 0;
right: 0;
top: 0;
*/

.VirtualSelectGrid {
  z-index: 1;
}

.VirtualizedSelectOption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 .5rem;
}
.VirtualizedSelectFocusedOption {
  background-color: rgba(0, 126, 255, 0.1);
}
.VirtualizedSelectDisabledOption {
  opacity: 0.5;
}
.VirtualizedSelectSelectedOption {
  font-weight: bold;
}

/* Collection default theme */

.ReactVirtualized__Collection {
}

.ReactVirtualized__Collection__innerScrollContainer {
}

/* Grid default theme */

.ReactVirtualized__Grid {
}

.ReactVirtualized__Grid__innerScrollContainer {
}

/* Table default theme */

.ReactVirtualized__Table {
}

.ReactVirtualized__Table__Grid {
}

.ReactVirtualized__Table__headerRow {
  font-weight: 700;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ReactVirtualized__Table__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ReactVirtualized__Table__headerTruncatedText {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ReactVirtualized__Table__headerColumn,
.ReactVirtualized__Table__rowColumn {
  margin-right: 10px;
  min-width: 0px;
}
.ReactVirtualized__Table__rowColumn {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ReactVirtualized__Table__headerColumn:first-of-type,
.ReactVirtualized__Table__rowColumn:first-of-type {
  margin-left: 10px;
}
.ReactVirtualized__Table__sortableHeaderColumn {
  cursor: pointer;
}

.ReactVirtualized__Table__sortableHeaderIconContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ReactVirtualized__Table__sortableHeaderIcon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 1em;
  width: 1em;
  fill: currentColor;
}

/* List default theme */

.ReactVirtualized__List {
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNvdXJjZS9zdHlsZXMuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDhCQUE4Qjs7QUFFOUI7Q0FDQzs7QUFFRDtDQUNDOztBQUVELHdCQUF3Qjs7QUFFeEI7Q0FDQzs7QUFFRDtDQUNDOztBQUVELHlCQUF5Qjs7QUFFekI7Q0FDQzs7QUFFRDtDQUNDOztBQUVEO0VBQ0UsaUJBQWlCO0VBQ2pCLDBCQUEwQjtFQUMxQixxQkFBYztFQUFkLHFCQUFjO0VBQWQsY0FBYztFQUNkLCtCQUFvQjtFQUFwQiw4QkFBb0I7TUFBcEIsd0JBQW9CO1VBQXBCLG9CQUFvQjtFQUNwQiwwQkFBb0I7TUFBcEIsdUJBQW9CO1VBQXBCLG9CQUFvQjtDQUNyQjtBQUNEO0VBQ0UscUJBQWM7RUFBZCxxQkFBYztFQUFkLGNBQWM7RUFDZCwrQkFBb0I7RUFBcEIsOEJBQW9CO01BQXBCLHdCQUFvQjtVQUFwQixvQkFBb0I7RUFDcEIsMEJBQW9CO01BQXBCLHVCQUFvQjtVQUFwQixvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxzQkFBc0I7RUFDdEIsZ0JBQWdCO0VBQ2hCLG9CQUFvQjtFQUNwQix3QkFBd0I7RUFDeEIsaUJBQWlCO0NBQ2xCOztBQUVEOztFQUVFLG1CQUFtQjtFQUNuQixlQUFlO0NBQ2hCO0FBQ0Q7RUFDRSx3QkFBd0I7RUFDeEIsb0JBQW9CO0NBQ3JCOztBQUVEOztFQUVFLGtCQUFrQjtDQUNuQjtBQUNEO0VBQ0UsZ0JBQWdCO0NBQ2pCOztBQUVEO0VBQ0UscUJBQWM7RUFBZCxxQkFBYztFQUFkLGNBQWM7RUFDZCwwQkFBb0I7TUFBcEIsdUJBQW9CO1VBQXBCLG9CQUFvQjtDQUNyQjtBQUNEO0VBQ0Usb0JBQWU7TUFBZixtQkFBZTtVQUFmLGVBQWU7RUFDZixZQUFZO0VBQ1osV0FBVztFQUNYLG1CQUFtQjtDQUNwQjs7QUFFRCx3QkFBd0I7O0FBRXhCO0NBQ0MiLCJmaWxlIjoic3R5bGVzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIENvbGxlY3Rpb24gZGVmYXVsdCB0aGVtZSAqL1xuXG4uUmVhY3RWaXJ0dWFsaXplZF9fQ29sbGVjdGlvbiB7XG59XG5cbi5SZWFjdFZpcnR1YWxpemVkX19Db2xsZWN0aW9uX19pbm5lclNjcm9sbENvbnRhaW5lciB7XG59XG5cbi8qIEdyaWQgZGVmYXVsdCB0aGVtZSAqL1xuXG4uUmVhY3RWaXJ0dWFsaXplZF9fR3JpZCB7XG59XG5cbi5SZWFjdFZpcnR1YWxpemVkX19HcmlkX19pbm5lclNjcm9sbENvbnRhaW5lciB7XG59XG5cbi8qIFRhYmxlIGRlZmF1bHQgdGhlbWUgKi9cblxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlIHtcbn1cblxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19HcmlkIHtcbn1cblxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19oZWFkZXJSb3cge1xuICBmb250LXdlaWdodDogNzAwO1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19yb3cge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4uUmVhY3RWaXJ0dWFsaXplZF9fVGFibGVfX2hlYWRlclRydW5jYXRlZFRleHQge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi5SZWFjdFZpcnR1YWxpemVkX19UYWJsZV9faGVhZGVyQ29sdW1uLFxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19yb3dDb2x1bW4ge1xuICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG4gIG1pbi13aWR0aDogMHB4O1xufVxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19yb3dDb2x1bW4ge1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbn1cblxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19oZWFkZXJDb2x1bW46Zmlyc3Qtb2YtdHlwZSxcbi5SZWFjdFZpcnR1YWxpemVkX19UYWJsZV9fcm93Q29sdW1uOmZpcnN0LW9mLXR5cGUge1xuICBtYXJnaW4tbGVmdDogMTBweDtcbn1cbi5SZWFjdFZpcnR1YWxpemVkX19UYWJsZV9fc29ydGFibGVIZWFkZXJDb2x1bW4ge1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5SZWFjdFZpcnR1YWxpemVkX19UYWJsZV9fc29ydGFibGVIZWFkZXJJY29uQ29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5SZWFjdFZpcnR1YWxpemVkX19UYWJsZV9fc29ydGFibGVIZWFkZXJJY29uIHtcbiAgZmxleDogMCAwIDI0cHg7XG4gIGhlaWdodDogMWVtO1xuICB3aWR0aDogMWVtO1xuICBmaWxsOiBjdXJyZW50Q29sb3I7XG59XG5cbi8qIExpc3QgZGVmYXVsdCB0aGVtZSAqL1xuXG4uUmVhY3RWaXJ0dWFsaXplZF9fTGlzdCB7XG59XG4iXX0= */