/* DayPicker styles */

.DayPicker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding: 1rem 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.DayPicker-Month {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 0 1rem;
}

  .DayPicker-NavBar {
    position: absolute;
    left: 0;
    right: 0;
    padding: 0 .5rem;
    top: 1rem;
  }

  .DayPicker-NavButton {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
  }

    .DayPicker-NavButton--prev {
      left: 1rem;
      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjI2cHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDI2IDUwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjIgKDEyMDQzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5wcmV2PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9InByZXYiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzLjM5MzE5MywgMjUuMDAwMDAwKSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xMy4zOTMxOTMsIC0yNS4wMDAwMDApIHRyYW5zbGF0ZSgwLjg5MzE5MywgMC4wMDAwMDApIiBmaWxsPSIjNTY1QTVDIj4KICAgICAgICAgICAgPHBhdGggZD0iTTAsNDkuMTIzNzMzMSBMMCw0NS4zNjc0MzQ1IEwyMC4xMzE4NDU5LDI0LjcyMzA2MTIgTDAsNC4yMzEzODMxNCBMMCwwLjQ3NTA4NDQ1OSBMMjUsMjQuNzIzMDYxMiBMMCw0OS4xMjM3MzMxIEwwLDQ5LjEyMzczMzEgWiIgaWQ9InJpZ2h0IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K");
    }

    .DayPicker-NavButton--next {
      right: 1rem;
      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjI2cHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDI2IDUwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjIgKDEyMDQzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5uZXh0PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9Im5leHQiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuOTUxNDUxLCAwLjAwMDAwMCkiIGZpbGw9IiM1NjVBNUMiPgogICAgICAgICAgICA8cGF0aCBkPSJNMCw0OS4xMjM3MzMxIEwwLDQ1LjM2NzQzNDUgTDIwLjEzMTg0NTksMjQuNzIzMDYxMiBMMCw0LjIzMTM4MzE0IEwwLDAuNDc1MDg0NDU5IEwyNSwyNC43MjMwNjEyIEwwLDQ5LjEyMzczMzEgTDAsNDkuMTIzNzMzMSBaIiBpZD0icmlnaHQiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=");
    }


  .DayPicker-Caption {
    display: table-caption;
    height: 1.5rem;
    text-align: center;
  }

  .DayPicker-Weekdays {
    display: table-header-group;
  }

    .DayPicker-WeekdaysRow {
      display: table-row;
    }

      .DayPicker-Weekday {
        display: table-cell;
        padding: .5rem;
        font-size: .875em;
        text-align: center;
        color: #8b9898;
      }

  .DayPicker-Body {
    display: table-row-group;
  }

    .DayPicker-Week {
      display: table-row;
    }

      .DayPicker-Day {
        display: table-cell;
        padding: .5rem;
        border: 1px solid #eaecec;
        text-align: center;
        cursor: pointer;
        vertical-align: middle;
      }

      .DayPicker-WeekNumber {
        display: table-cell;
        padding: .5rem;
        text-align: right;
        vertical-align: middle;
        min-width: 1rem;
        font-size: 0.75em;
        cursor: pointer;
        color: #8b9898;
      }

  .DayPicker--interactionDisabled .DayPicker-Day {
    cursor: default;
  }

  .DayPicker-Footer {
    display: table-caption;
    caption-side: bottom;
    padding-top: .5rem;
  }
  
  .DayPicker-TodayButton {
    border:none;
    background-image:none;
    background-color:transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    cursor: pointer;
    color: #4A90E2;
    font-size: 0.875em;
  }

/* Default modifiers */

.DayPicker-Day--today {
  color: #d0021b;
  font-weight: 500;
}

.DayPicker-Day--disabled {
  color: #dce0e0;
  cursor: default;
  background-color: #eff1f1;
}

.DayPicker-Day--outside {
  cursor: default;
  color: #dce0e0;
}

/* Example modifiers */

.DayPicker-Day--sunday {
  background-color: #f7f8f8;
}

.DayPicker-Day--sunday:not(.DayPicker-Day--today) {
  color: #dce0e0;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  color: #FFF;
  background-color: #4A90E2;
}

/* DayPickerInput */

.DayPickerInput {
  display: inline-block;
}

.DayPickerInput-OverlayWrapper {
  position: relative;
}

.DayPickerInput-Overlay {
  left: 0;
  position: absolute;
  background: white;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
          box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
}body {
  background-color: #F1F1F1;
  font-family: 'Karbon-Regular';
  font-size: 17px;
}
/* Mixin */
.button {
  cursor: pointer;
}
.submit {
  cursor: pointer;
}
/* Implementation: #somediv {
.border-radius(20px);
}  */
/* Mixin */
/* Implementation: #somediv {
.box-shadow(5px, 5px, 6px, 0.3);
}  */
.loading-gif {
  background: url(/gallery/loading.gif) center center no-repeat;
  height: 100%;
  z-index: 2005;
  background-size: 100px auto;
}
.loading img {
  width: 120px;
}
.overlay {
  background: rgba(144, 141, 141, 0.6);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2004;
}
h3 {
  margin-top: 0px;
  font-family: 'Karbon-Light';
  font-size: 30pt;
}
h5,
.h5 {
  font-size: 17px;
  margin-top: 0px;
  color: #6B4B9E;
  font-family: "Karbon-Medium";
}
h5 label,
.h5 label {
  font-weight: normal;
}
.inline-block {
  display: inline-block;
}
.Warning {
  background: url(/gallery/warning.png) center center no-repeat;
  background-size: 16px auto;
  display: inline-block;
  width: 17px;
  height: 16px;
}
.LabelWithArrow span {
  font-size: 10px;
  padding-left: 4px;
  vertical-align: text-top;
}
.right-border {
  border-right: 1px solid #aba7a7;
  height: 80px;
}
.floated-left-col {
  float: left;
}
.no-left-padding {
  padding-left: 5px;
}
.top-pad {
  padding-top: 20px;
}
.display-table,
.display-table div {
  display: table !important;
}
.display-inline {
  display: inline-block !important;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
@font-face {
  font-family: 'Karbon-Thin';
  src: url('/fonts/karbon-Thin.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Semibold';
  src: url('/fonts/Karbon-Semibold.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Medium';
  src: url('/fonts/Karbon-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Regular';
  src: url('/fonts/Karbon-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Light';
  src: url('/fonts/Karbon-Light.otf') format('opentype');
}
.bold {
  font-weight: bold;
}
.padding30 {
  padding-top: 30px;
}
.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
  background-color: #777474 !important;
}
::-webkit-input-placeholder {
  /* Chrome */
  color: white;
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: white;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
  opacity: 1;
}
:-moz-placeholder {
  /* Firefox 4 - 18 */
  color: white;
  opacity: 1;
}
.name-title {
  margin-left: 40px;
}
.name-title h4 {
  margin-bottom: -10px;
  font-size: 30px;
  color: #898989;
}
.name-title .name {
  font-size: 45px;
  font-family: "Karbon-Light";
  color: #ffffff;
}
.font-weight-bold {
  font-family: 'Karbon-medium';
}
.greenBtnInline {
  background-color: #36D2A2;
  border: 2px solid #36D2A2;
  border-radius: 5px;
  color: white;
  display: inline;
  font-size: 14px;
}
.purpleTransparentBtnInline {
  background-color: transparent;
  border: 1px solid #764299;
  border-radius: 5px;
  color: black;
  display: inline;
  padding: 2px;
  margin-left: 10px;
  font-size: 14px;
}
.chat {
  list-style: none;
  margin: 0;
  padding: 0;
}
.chat li {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #B3A9A9;
}
.primary-font {
  font-family: 'karbon-medium';
}
.chat li .chat-body p {
  margin: 0;
  color: #777777;
}
.panel .slidedown .glyphicon,
.chat .glyphicon {
  margin-right: 5px;
}
.panel-body {
  overflow-y: scroll;
  height: 500px;
}
.form-control.input-sm {
  width: 700px;
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}
/*
.ReactModal__Overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    overflow: auto;
    display: none;
    background: rgba(0, 0, 0, .1);
}

.ReactModal__Overlay--after-open {
    display: block;
}

    .mm-popup__close {
        position: absolute;
        top: 15px;
        right: 20px;
        padding: 0;
        width: 20px;
        height: 20px;
        cursor: pointer;
        outline: none;
        text-align: center;
        border-radius: 10px;
        border: none;
        text-indent: -9999px;
        background: transparent url('data:image/png;base64,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') no-repeat center center;
        background-size: 100%;
        margin: 0;
    }

    .mm-popup__input {
        display: block;
        width: 100%;
        height: 30px;
        border-radius: 3px;
        background: #f5f5f5;
        border: 1px solid #e9ebec;
        outline: none;
        -moz-box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
        font-size: 14px;
        padding: 0 12px;
        color: #808080;
    }

    .mm-popup__btn {
        border-radius: 3px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 10px;
        margin: 0;
        line-height: 32px;
        height: 32px;
        border: 1px solid #666;
        text-align: center;
        display: inline-block;
        font-size: 12px;
        font-weight: 400;
        color: #333;
        background: transparent;
        outline: none;
        text-decoration: none;
        cursor: pointer;
        font-family: "Open Sans", sans-serif;
    }

    .mm-popup__btn--success {
        background-color: #27ae60;
        border-color: #27ae60;
        color: #fff;
    }

    .mm-popup__btn--danger {
        background-color: #c5545c;
        border-color: #c5545c;
        color: #fff;
    }

    .mm-popup__box {
        width: 350px;
        position: absolute;
        top: 10%;
        left: 50%;
        margin-left: -175px;
        background: #fff;
        box-shadow: 0px 5px 20px 0px rgba(126,137,140,0.20);
        border-radius: 5px;
        border: 1px solid #B8C8CC;
        overflow: hidden;
        z-index: 100;
    }

        .mm-popup__box__header {
            padding: 15px 20px;
            background: #EDF5F7;
            color: #454B4D;
        }

            .mm-popup__box__header__title {
                margin: 0;
                font-size: 16px;
                text-align: left;
                font-weight: 600;
            }

        .mm-popup__box__body {
            padding: 20px;
            line-height: 1.4;
            font-size: 14px;
            color: #454B4D;
            background: #fff;
            position: relative;
            z-index: 2;
        }

            .mm-popup__box__body p {
                margin: 0 0 5px;
            }

        .mm-popup__box__footer {
            overflow: hidden;
            padding: 40px 20px 20px;
        }

            .mm-popup__box__footer__right-space {
                float: right;
            }

                .mm-popup__box__footer__right-space .mm-popup__btn {
                    margin-left: 5px;
                }

            .mm-popup__box__footer__left-space {
                float: left;
            }

                .mm-popup__box__footer__left-space .mm-popup__btn {
                    margin-right: 5px;
                }

    .mm-popup__box--popover {
        width: 300px;
        margin-left: -150px;
    }

        .mm-popup__box--popover .mm-popup__close {
            position: absolute;
            top: 5px;
            right: 5px;
            padding: 0;
            width: 20px;
            height: 20px;
            cursor: pointer;
            outline: none;
            text-align: center;
            border-radius: 10px;
            border: none;
            text-indent: -9999px;
            background: transparent url('data:image/png;base64,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') no-repeat center center;
            background-size: 100%;
            margin: 0;
            z-index: 3;
        }

        .mm-popup__box--popover .mm-popup__box__body {
            padding: 20px;
        }

@media (max-width: 420px) {
    .mm-popup__box {
        width: auto;
        left: 10px;
        right: 10px;
        top: 10px;
        margin-left: 0;
    }

    .mm-popup__box__footer__left-space {
        float: none;
    }

    .mm-popup__box__footer__right-space {
        float: none;
    }

    .mm-popup__box__footer {
        padding-top: 30px;
    }

    .mm-popup__box__footer .mm-popup__btn {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
}
*/
.react-autosuggest__container {
  position: relative;
}
.react-autosuggest__input {
  width: 170px;
  margin-top: -5px;
  margin-bottom: 10px;
  padding: 5px;
}
.react-autosuggest__input:focus {
  outline: none;
}
.react-autosuggest__container--open .react-autosuggest__input {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.react-autosuggest__suggestions-container {
  display: none;
  overflow: auto;
  max-height: 150px;
}
.react-autosuggest__container--open .react-autosuggest__suggestions-container {
  display: block;
  position: absolute;
  top: 30px;
  width: 180px;
  border: 1px solid #aaa;
  background-color: #fff;
  font-family: Helvetica, sans-serif;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 2;
}
.react-autosuggest__suggestions-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.react-autosuggest__suggestion {
  cursor: pointer;
  padding: 10px 5px;
}
.react-autosuggest__suggestion--focused {
  background-color: #ddd;
}
.background {
  background: url(/gallery/register/register_background.png) no-repeat;
}
h6 {
  font-size: 20px;
  color: #7e8289;
  font-family: "Karbon-Medium";
}
.personalDetails {
  width: 600px;
}
.special-container::before {
  background: black;
  left: -3000px;
  right: 80%;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.special-container {
  z-index: 3;
  border: 0px;
  background: black;
  opacity: 0.6;
  overflow: hidden;
  padding-right: 70px;
}
.special-container .form-control {
  width: 40% !important;
}
.special-container .timePicker {
  width: 65px !important;
  display: inline-block;
}
.special-container .timePicker:first-child {
  margin-right: 3px;
}
.special-container .timePicker:last-child {
  margin-left: 3px;
}
.special-container input[type='text'] {
  border-bottom: 1px solid white !important;
  padding: 0px;
}
.special-container .form-control,
.special-container .radio-inline {
  font-size: 17px;
  color: #ffffff;
}
.special-container .form-group {
  margin-bottom: 3px;
  color: white;
}
.special-container select {
  padding: 0;
  border: none;
  border-bottom: 1px solid white;
  background: transparent;
  border-radius: 0;
}
.special-container select option {
  background-color: #868686;
}
.special-container input[type='date'] {
  background-color: transparent;
  padding: 0;
  border: none;
  border-bottom: 1px solid white;
}
.special-container input[type='password'] {
  background-color: transparent;
  padding: 0;
  border: none;
  border-bottom: 1px solid white;
}
.title {
  height: 120px;
  padding-top: 30px;
}
.title button {
  margin-top: 30px;
}
.title img {
  width: 110px;
  height: 110px;
  border-radius: 50%;
}
.col-lg-2.control-label {
  padding-right: 0px;
  font-size: 17px;
  color: #7e8289;
}
.react-datepicker__input-container {
  width: 100%;
}
.checkbox-label {
  margin-top: 10px;
}
.checkbox-label label {
  line-height: 6px;
  color: white;
}
.checkbox-label input.cmn-toggle-round + label {
  width: 35px;
  height: 18px;
  background-color: #36D2A2;
}
.checkbox-label input.cmn-toggle-round + label:after {
  width: 18px;
  background-color: #ffffff;
}
.checkbox-label input.cmn-toggle-round:checked + label:before {
  background-color: #36D2A2;
}
.checkbox-label input.cmn-toggle-round + label:before {
  background-color: #bdbdbd;
}
.checkbox-label input.cmn-toggle-round + label {
  background-color: transparent;
}
.disabled.form-group label {
  color: grey;
}
.disabled.form-group select:disabled {
  background-color: transparent;
  color: grey;
  border-bottom: none;
}
.errorMessage {
  display: inline;
  color: red;
  max-width: 350px;
}
.rdt.rdtOpen .rdtPicker {
  margin-top: -300px;
}
div.submit {
  margin: 50px 0;
}
.rdt {
  position: relative;
}
.rdtPicker {
  display: none;
  position: absolute;
  width: 250px;
  padding: 4px;
  margin-top: 1px;
  z-index: 99999 !important;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border: 1px solid #f9f9f9;
}
.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-left: 7px solid transparent;
  border-bottom: 7px solid #428bca;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.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;
}
body {
  background-color: #F1F1F1;
  font-family: 'Karbon-Regular';
  font-size: 17px;
}
/* Mixin */
.button {
  cursor: pointer;
}
.submit {
  cursor: pointer;
}
/* Implementation: #somediv {
.border-radius(20px);
}  */
/* Mixin */
/* Implementation: #somediv {
.box-shadow(5px, 5px, 6px, 0.3);
}  */
.loading-gif {
  background: url(/gallery/loading.gif) center center no-repeat;
  height: 100%;
  z-index: 2005;
  background-size: 100px auto;
}
.loading img {
  width: 120px;
}
.overlay {
  background: rgba(144, 141, 141, 0.6);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2004;
}
h3 {
  margin-top: 0px;
  font-family: 'Karbon-Light';
  font-size: 30pt;
}
h5,
.h5 {
  font-size: 17px;
  margin-top: 0px;
  color: #6B4B9E;
  font-family: "Karbon-Medium";
}
h5 label,
.h5 label {
  font-weight: normal;
}
.inline-block {
  display: inline-block;
}
.Warning {
  background: url(/gallery/warning.png) center center no-repeat;
  background-size: 16px auto;
  display: inline-block;
  width: 17px;
  height: 16px;
}
.LabelWithArrow span {
  font-size: 10px;
  padding-left: 4px;
  vertical-align: text-top;
}
.right-border {
  border-right: 1px solid #aba7a7;
  height: 80px;
}
.floated-left-col {
  float: left;
}
.no-left-padding {
  padding-left: 5px;
}
.top-pad {
  padding-top: 20px;
}
.display-table,
.display-table div {
  display: table !important;
}
.display-inline {
  display: inline-block !important;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
@font-face {
  font-family: 'Karbon-Thin';
  src: url('/fonts/karbon-Thin.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Semibold';
  src: url('/fonts/Karbon-Semibold.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Medium';
  src: url('/fonts/Karbon-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Regular';
  src: url('/fonts/Karbon-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Light';
  src: url('/fonts/Karbon-Light.otf') format('opentype');
}
.bold {
  font-weight: bold;
}
.padding30 {
  padding-top: 30px;
}
.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
  background-color: #777474 !important;
}
::-webkit-input-placeholder {
  /* Chrome */
  color: white;
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: white;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
  opacity: 1;
}
:-moz-placeholder {
  /* Firefox 4 - 18 */
  color: white;
  opacity: 1;
}
.name-title {
  margin-left: 40px;
}
.name-title h4 {
  margin-bottom: -10px;
  font-size: 30px;
  color: #898989;
}
.name-title .name {
  font-size: 45px;
  font-family: "Karbon-Light";
  color: #ffffff;
}
.font-weight-bold {
  font-family: 'Karbon-medium';
}
.greenBtnInline {
  background-color: #36D2A2;
  border: 2px solid #36D2A2;
  border-radius: 5px;
  color: white;
  display: inline;
  font-size: 14px;
}
.purpleTransparentBtnInline {
  background-color: transparent;
  border: 1px solid #764299;
  border-radius: 5px;
  color: black;
  display: inline;
  padding: 2px;
  margin-left: 10px;
  font-size: 14px;
}
.form-horizontal .control-label {
  text-align: left;
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 3px;
}
.whiteCheckBox input[type="checkbox"] {
  display: none;
}
.whiteCheckBox input[type="checkbox"] + label {
  font-size: 14px;
  font-weight: normal;
}
.whiteCheckBox input[type="checkbox"] + label span {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: -2px 10px 0 0;
  vertical-align: middle;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAIAAAC0tAIdAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACDSURBVChTfY9BDsAgCAT7/wepn1O7ZCkStnEOBHFAfLowxvBMMHvvvdZCzEkQlWMTVQnrZuNdlsiloc5W5pyelU3K1OwRs1trfvoaoq00nNkwiqqYnX+ZVW2DWWcTzRHPJoo2mM1fxl1Mihj43moUD6DyM/uC740GvICIHCBnMR+N3l8fmXDQxDbQKgAAAABJRU5ErkJggg==) no-repeat;
  background-size: 13px auto;
  cursor: pointer;
}
.whiteCheckBox input[type="checkbox"]:checked + label span {
  background: url(/gallery/checkbox-checked.png) no-repeat;
  background-size: 13px auto;
}
.small-line-break {
  display: block;
  line-height: 1;
}
input[type='text'].shortDate {
  width: 85px;
  padding: 1px 5px;
}
input[type='text'],
input[type='email'],
input[type='password'] {
  border: none;
  outline: 0;
  border-bottom: 1px solid black;
  background: transparent !important;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
button.purple {
  width: 150px;
  background-color: #764299;
  border: 2px solid #764299;
  border-radius: 5px;
  color: white;
  height: 35px;
  display: block;
}
button.hoverpurple {
  background-color: transparent;
  border: 1px solid #764299;
  border-radius: 5px;
  color: black;
  display: block;
  width: 80px;
  height: 25px;
  padding: 2px;
}
button.hoverpurple:hover {
  background-color: #764299;
  color: white;
}
.editUrl {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAA2klEQVQokZ3Rr0qDURwG4GdqUQS7VpfMGrSMrRi1i/Ek+/AK5AS9gN2C1WA5IIhGEYZt1SCsCMLiZ/Cc4R+275u/dHjhed9wWlVVaXL93mAb1ziNKQyh1QT3e4MNvGALY3RjCsNanBcPsY6LHI/RnYszvMuL5zkuBc8z8S9YrhScobO0ACyrH9iJKYz+4DkQXnEbU3iHH7gB7MQURiWY4kXhFP8HwvLkfnMVbZxgrSksy7u4wrGvz28ECz7AHi6/FdRCWMF+fpeCI7zVwYLbuMEjHvAUU5jUQfgEQDxgdwjSoC8AAAAASUVORK5CYII=) no-repeat;
  padding-left: 20px;
  color: #764299;
  text-decoration: underline;
  margin-right: 5px;
  display: inline;
}
.deleteUrl {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAhklEQVQYlX3QsQ3CMBQE0EfkFULJAkyR1ExB6EidRRAFElklmSJLkCGgsSXbBVeenvRP/zD1rxMeuGFXpsWMMeCJC1Z0GW5jd4YGA7ZYrBHkaMMQ8EGPJcMy1GEPsayxHKXTKV9/kuCx2lRv1kS0KDf1NW7in4rh2eaE54B7PH9VPjzhN8YfLagoK7yeL+cAAAAASUVORK5CYII=) no-repeat;
  color: #764299;
  text-decoration: underline;
  padding-left: 13px;
  margin-left: 5px;
  display: inline;
}
body {
  background-color: #F1F1F1;
  font-family: 'Karbon-Regular';
  font-size: 17px;
}
/* Mixin */
.button {
  cursor: pointer;
}
.submit {
  cursor: pointer;
}
/* Implementation: #somediv {
.border-radius(20px);
}  */
/* Mixin */
/* Implementation: #somediv {
.box-shadow(5px, 5px, 6px, 0.3);
}  */
.loading-gif {
  background: url(/gallery/loading.gif) center center no-repeat;
  height: 100%;
  z-index: 2005;
  background-size: 100px auto;
}
.loading img {
  width: 120px;
}
.overlay {
  background: rgba(144, 141, 141, 0.6);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2004;
}
h3 {
  margin-top: 0px;
  font-family: 'Karbon-Light';
  font-size: 30pt;
}
h5,
.h5 {
  font-size: 17px;
  margin-top: 0px;
  color: #6B4B9E;
  font-family: "Karbon-Medium";
}
h5 label,
.h5 label {
  font-weight: normal;
}
.inline-block {
  display: inline-block;
}
.Warning {
  background: url(/gallery/warning.png) center center no-repeat;
  background-size: 16px auto;
  display: inline-block;
  width: 17px;
  height: 16px;
}
.LabelWithArrow span {
  font-size: 10px;
  padding-left: 4px;
  vertical-align: text-top;
}
.right-border {
  border-right: 1px solid #aba7a7;
  height: 80px;
}
.floated-left-col {
  float: left;
}
.no-left-padding {
  padding-left: 5px;
}
.top-pad {
  padding-top: 20px;
}
.display-table,
.display-table div {
  display: table !important;
}
.display-inline {
  display: inline-block !important;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
@font-face {
  font-family: 'Karbon-Thin';
  src: url('/fonts/karbon-Thin.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Semibold';
  src: url('/fonts/Karbon-Semibold.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Medium';
  src: url('/fonts/Karbon-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Regular';
  src: url('/fonts/Karbon-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Light';
  src: url('/fonts/Karbon-Light.otf') format('opentype');
}
.bold {
  font-weight: bold;
}
.padding30 {
  padding-top: 30px;
}
.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
  background-color: #777474 !important;
}
::-webkit-input-placeholder {
  /* Chrome */
  color: white;
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: white;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
  opacity: 1;
}
:-moz-placeholder {
  /* Firefox 4 - 18 */
  color: white;
  opacity: 1;
}
.name-title {
  margin-left: 40px;
}
.name-title h4 {
  margin-bottom: -10px;
  font-size: 30px;
  color: #898989;
}
.name-title .name {
  font-size: 45px;
  font-family: "Karbon-Light";
  color: #ffffff;
}
.font-weight-bold {
  font-family: 'Karbon-medium';
}
.greenBtnInline {
  background-color: #36D2A2;
  border: 2px solid #36D2A2;
  border-radius: 5px;
  color: white;
  display: inline;
  font-size: 14px;
}
.purpleTransparentBtnInline {
  background-color: transparent;
  border: 1px solid #764299;
  border-radius: 5px;
  color: black;
  display: inline;
  padding: 2px;
  margin-left: 10px;
  font-size: 14px;
}
.multiSelect .rw-popup {
  max-height: 100px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.multiSelect .rw-popup li {
  line-height: 0.7;
}
.multiSelect .rw-popup li:first-child {
  margin-top: 3px;
}
.rw-list-option.rw-state-selected,
.rw-list-option.rw-state-selected:hover,
.rw-list-option.rw-state-focus,
.rw-list-option.rw-state-focus:hover,
.rw-list-option:hover {
  background-color: transparent !important;
  border: 1px solid transparent !important;
  color: black !important;
}
.SelectedElement {
  font-weight: normal;
  padding-right: 7px;
}
.SelectedElement div {
  width: 13px;
  height: 16px;
  background: url(data:image/png;base64,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) no-repeat center;
  background-size: 10px auto;
  display: inline-block;
  vertical-align: sub;
  margin-right: 3px;
}
.dropDownPopover {
  max-height: 100px;
  overflow-y: scroll;
  padding: 5px;
  position: absolute;
  background-color: #ffffff;
  border: 1px solid #CCC;
  margin-top: -5px;
  padding-left: 10px;
  z-index: 10;
}
.dropDownPopover::-webkit-scrollbar {
  width: 10px;
  background-color: transparent;
}
.dropDownPopover::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #D0D0D0;
  background-clip: padding-box;
  width: 7px;
  border: 2px solid rgba(0, 0, 0, 0);
}
.dropDownPopover::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.rw-widget-input.rw-widget-picker.rw-widget-container {
  display: none;
}
.rw-popup-animation-box {
  max-width: 200px;
}
body {
  background-color: #F1F1F1;
  font-family: 'Karbon-Regular';
  font-size: 17px;
}
/* Mixin */
.button {
  cursor: pointer;
}
.submit {
  cursor: pointer;
}
/* Implementation: #somediv {
.border-radius(20px);
}  */
/* Mixin */
/* Implementation: #somediv {
.box-shadow(5px, 5px, 6px, 0.3);
}  */
.loading-gif {
  background: url(/gallery/loading.gif) center center no-repeat;
  height: 100%;
  z-index: 2005;
  background-size: 100px auto;
}
.loading img {
  width: 120px;
}
.overlay {
  background: rgba(144, 141, 141, 0.6);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2004;
}
h3 {
  margin-top: 0px;
  font-family: 'Karbon-Light';
  font-size: 30pt;
}
h5,
.h5 {
  font-size: 17px;
  margin-top: 0px;
  color: #6B4B9E;
  font-family: "Karbon-Medium";
}
h5 label,
.h5 label {
  font-weight: normal;
}
.inline-block {
  display: inline-block;
}
.Warning {
  background: url(/gallery/warning.png) center center no-repeat;
  background-size: 16px auto;
  display: inline-block;
  width: 17px;
  height: 16px;
}
.LabelWithArrow span {
  font-size: 10px;
  padding-left: 4px;
  vertical-align: text-top;
}
.right-border {
  border-right: 1px solid #aba7a7;
  height: 80px;
}
.floated-left-col {
  float: left;
}
.no-left-padding {
  padding-left: 5px;
}
.top-pad {
  padding-top: 20px;
}
.display-table,
.display-table div {
  display: table !important;
}
.display-inline {
  display: inline-block !important;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
@font-face {
  font-family: 'Karbon-Thin';
  src: url('/fonts/karbon-Thin.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Semibold';
  src: url('/fonts/Karbon-Semibold.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Medium';
  src: url('/fonts/Karbon-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Regular';
  src: url('/fonts/Karbon-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Light';
  src: url('/fonts/Karbon-Light.otf') format('opentype');
}
.bold {
  font-weight: bold;
}
.padding30 {
  padding-top: 30px;
}
.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
  background-color: #777474 !important;
}
::-webkit-input-placeholder {
  /* Chrome */
  color: white;
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: white;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
  opacity: 1;
}
:-moz-placeholder {
  /* Firefox 4 - 18 */
  color: white;
  opacity: 1;
}
.name-title {
  margin-left: 40px;
}
.name-title h4 {
  margin-bottom: -10px;
  font-size: 30px;
  color: #898989;
}
.name-title .name {
  font-size: 45px;
  font-family: "Karbon-Light";
  color: #ffffff;
}
.font-weight-bold {
  font-family: 'Karbon-medium';
}
.greenBtnInline {
  background-color: #36D2A2;
  border: 2px solid #36D2A2;
  border-radius: 5px;
  color: white;
  display: inline;
  font-size: 14px;
}
.purpleTransparentBtnInline {
  background-color: transparent;
  border: 1px solid #764299;
  border-radius: 5px;
  color: black;
  display: inline;
  padding: 2px;
  margin-left: 10px;
  font-size: 14px;
}
.dataGridTable {
  font-size: 14px;
}
.dataGridTable thead tr th {
  border-bottom: 3px solid #6B4B9E;
  color: #6B4B9E;
  font-size: 16px;
}
.MoreInfo {
  font-size: 20px;
  margin-top: -5px;
  height: 15px;
  cursor: pointer;
}
.exapandbleRowTable {
  width: 100%;
  margin-top: -10px;
  font-size: 14px;
}
.exapandbleRowTable td {
  white-space: normal !important;
}
.tr-odd {
  background-color: #F1F1F1 !important;
}
.tr-even {
  background-color: white !important;
}
.tr-expanded {
  background-color: #E7DFED !important;
}
.tr-expanded:nth-of-type(even) td {
  border-top: none;
}
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #E7DFED;
}
.react-bs-table {
  border: none !important;
}
.dataGridTableContainer .react-bs-container-body {
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px#888;
  box-shadow: 0 0 5px #888;
  height: auto !important;
}
.react-bs-container-body {
  font-size: 14px;
}
.dataGridTableContainer {
  height: auto !important;
  padding-bottom: 30px;
}
.MoreInfo {
  font-size: 20px;
  margin-top: -5px;
  height: 15px;
  cursor: pointer;
}
.exapandbleRowTable {
  width: 100%;
  margin-top: -10px;
  font-size: 14px;
}
.tr-odd {
  background-color: #F1F1F1 !important;
}
.tr-even {
  background-color: white !important;
}
.tr-expanded {
  background-color: #E7DFED !important;
}
.tr-expanded:nth-of-type(even) td {
  border-top: none;
}
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #E7DFED;
}
.SearchContainer {
  background-color: #ffffff;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  margin-top: 30px;
  -webkit-box-shadow: 0px 0px 5px #888;
  -moz-box-shadow: 0px 0px 5px #888;
  box-shadow: 0px 0px 5px #888;
}
.SearchContainer input {
  height: 25px;
  padding: 10px 5px;
  border: 1px solid #aaa !important;
  font-size: 14px;
}
@media (max-width: 992px) {
  .SearchContainer .second-row {
    padding-top: 20px;
  }
}
button.apply-filters {
  width: 150px;
  background-color: #36D2A2;
  border: 2px solid #36D2A2;
  border-radius: 5px;
  color: white;
  height: 35px;
  display: block;
}
.reset-icon {
  background: url(/gallery/reset.png) no-repeat;
  background-size: 15px auto;
  vertical-align: sub;
  display: inline-block;
  width: 20px;
}
.reset-filters {
  padding-top: 20px;
  color: #36D2A2;
  font-size: 16px;
  padding-left: 20px;
}
.SearchContainer .float-left {
  padding: 0px 20px;
}
.SearchContainer .float-left .daypickDiv {
  padding-right: 20px;
}
.SearchContainer .float-left .userSearch {
  padding-top: 5px;
}
.filter.date-filter select.date-filter-comparator.form-control {
  width: 35px;
  padding: 0px;
}
.filter.date-filter input.filter.date-filter-input.form-control {
  width: calc(60%);
  padding: 0px;
}
@charset "UTF-8";
/*
* CSS TOGGLE SWITCH
*
* Ionuț Colceriu - ghinda.net
* https://github.com/ghinda/css-toggle-switch
*
*/
/* supported values are px, rem-calc, em-calc
 */
/* imports
 */
/* Functions
 */
/* Shared
 */
/* Hide by default
 */
.switch-toggle {
  border-radius: 50px;
  background-color: #D3D3D3;
  border: 1px solid #C1C1C1;
}
.switch-toggle a,
.switch-light span span {
  display: none;
}
/* We can't test for a specific feature,
 * so we only target browsers with support for media queries.
 */
@media only screen {
  /* Checkbox
 */
  .switch-light {
    position: relative;
    display: block;
    /* simulate default browser focus outlines on the switch,
   * when the inputs are focused.
   */
  }
  .switch-light::after {
    clear: both;
    content: "";
    display: table;
  }
  .switch-light *,
  .switch-light *:before,
  .switch-light *:after {
    box-sizing: border-box;
  }
  .switch-light a {
    display: block;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .switch-light label,
  .switch-light > span {
    /* breathing room for bootstrap/foundation classes.
     */
    vertical-align: middle;
  }
  .switch-light input:focus ~ span a,
  .switch-light input:focus + label {
    outline-width: 2px;
    outline-style: solid;
    outline-color: Highlight;
    /* Chrome/Opera gets its native focus styles.
     */
  }
  /* don't hide the input from screen-readers and keyboard access
 */
  .switch-light input {
    position: absolute;
    opacity: 0;
    z-index: 3;
  }
  .switch-light input:checked ~ span a {
    right: 0%;
  }
  /* inherit from label
 */
  .switch-light strong {
    font-weight: inherit;
  }
  .switch-light > span {
    position: relative;
    overflow: hidden;
    display: block;
    min-height: 2em;
    /* overwrite 3rd party classes padding
   * eg. bootstrap .well
   */
    padding: 0;
    text-align: left;
  }
  .switch-light span span {
    position: relative;
    z-index: 2;
    display: block;
    float: left;
    width: 50%;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .switch-light a {
    position: absolute;
    right: 50%;
    top: 0;
    z-index: 1;
    display: block;
    width: 50%;
    height: 100%;
    padding: 0;
  }
  /* Radio Switch
 */
  .switch-toggle {
    position: relative;
    display: block;
    /* simulate default browser focus outlines on the switch,
   * when the inputs are focused.
   */
    /* For callout panels in foundation
  */
    padding: 0 !important;
    /* 2 items
   */
    /* 3 items
   */
    /* 4 items
   */
    /* 5 items
   */
    /* 6 items
   */
  }
  .switch-toggle::after {
    clear: both;
    content: "";
    display: table;
  }
  .switch-toggle *,
  .switch-toggle *:before,
  .switch-toggle *:after {
    box-sizing: border-box;
  }
  .switch-toggle a {
    display: block;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .switch-toggle label,
  .switch-toggle > span {
    /* breathing room for bootstrap/foundation classes.
     */
    vertical-align: middle;
  }
  .switch-toggle input:focus ~ span a,
  .switch-toggle input:focus + label {
    outline-width: 2px;
    outline-style: solid;
    outline-color: Highlight;
    /* Chrome/Opera gets its native focus styles.
     */
  }
  .switch-toggle input {
    position: absolute;
    left: 0;
    opacity: 0;
  }
  .switch-toggle input + label {
    position: relative;
    z-index: 2;
    display: block;
    float: left;
    margin: 0;
    text-align: center;
  }
  .switch-toggle a {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    z-index: 1;
    width: 10px;
    height: 100%;
  }
  /* Candy Theme
 * Based on the "Sort Switches / Toggles (PSD)" by Ormal Clarck
 * http://www.premiumpixels.com/freebies/sort-switches-toggles-psd/
 */
  .switch-toggle.switch-candy,
  .switch-light.switch-candy > span {
    background-color: #2d3035;
    border-radius: 3px;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2);
  }
  .switch-light.switch-candy span span,
  .switch-light.switch-candy input:checked ~ span span:first-child,
  .switch-toggle.switch-candy label {
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 1px #191b1e;
  }
  .switch-light.switch-candy input ~ span span:first-child,
  .switch-light.switch-candy input:checked ~ span span:nth-child(2),
  .switch-candy input:checked + label {
    color: #333;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  }
  .switch-candy a {
    border: 1px solid #333;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45);
    background-color: #70c66b;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), transparent);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), transparent);
  }
  .switch-candy-blue a {
    background-color: #38a3d4;
  }
  .switch-candy-yellow a {
    background-color: #f5e560;
  }
  /* iOS Theme
*/
  .switch-ios.switch-light span span {
    color: #888b92;
  }
  .switch-ios.switch-light a {
    left: 0;
    top: 0;
    width: 2em;
    height: 2em;
    background-color: #fff;
    border-radius: 100%;
    border: 0.25em solid #D8D9DB;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .switch-ios.switch-light > span {
    display: block;
    width: 100%;
    height: 2em;
    background-color: #D8D9DB;
    border-radius: 1.75em;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
  }
  .switch-ios.switch-light > span span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    line-height: 1.875em;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .switch-ios.switch-light > span span:first-of-type {
    opacity: 1;
    padding-left: 1.875em;
  }
  .switch-ios.switch-light > span span:last-of-type {
    padding-right: 1.875em;
  }
  .switch-ios.switch-light input:checked ~ span a {
    left: 100%;
    border-color: #4BD865;
    margin-left: -2em;
  }
  .switch-ios.switch-light input:checked ~ span {
    border-color: #4BD865;
    box-shadow: inset 0 0 0 30px #4BD865;
  }
  .switch-ios.switch-light input:checked ~ span span:first-of-type {
    opacity: 0;
  }
  .switch-ios.switch-light input:checked ~ span span:last-of-type {
    opacity: 1;
    color: #fff;
  }
  .switch-ios.switch-toggle {
    background-color: #D8D9DB;
    border-radius: 30px;
    box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0;
  }
  .switch-ios.switch-toggle a {
    background-color: #4BD865;
    border: 0.125em solid #D8D9DB;
    border-radius: 1.75em;
    -webkit-transition: all 0.12s ease-out;
    -moz-transition: all 0.12s ease-out;
    transition: all 0.12s ease-out;
  }
  .switch-ios.switch-toggle label {
    height: 2.4em;
    color: #888b92;
    line-height: 2.4em;
    vertical-align: middle;
  }
  .switch-ios input:checked + label {
    color: #3e4043;
  }
  /* Holo Theme
 */
  .switch-toggle.switch-holo,
  .switch-light.switch-holo > span {
    background-color: #464747;
    border-radius: 1px;
    box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0;
    color: #fff;
    text-transform: uppercase;
  }
  .switch-holo label {
    color: #fff;
  }
  .switch-holo > span span {
    opacity: 0;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
  }
  .switch-holo > span span:first-of-type {
    opacity: 1;
  }
  .switch-holo > span span,
  .switch-holo label {
    font-size: 85%;
    line-height: 2.15625em;
  }
  .switch-holo a {
    background-color: #666;
    border-radius: 1px;
    box-shadow: inset rgba(255, 255, 255, 0.2) 0 1px 0, inset rgba(0, 0, 0, 0.3) 0 -1px 0;
  }
  /* Selected ON switch-light
*/
  .switch-holo.switch-light input:checked ~ span a {
    background-color: #0E88B1;
  }
  .switch-holo.switch-light input:checked ~ span span:first-of-type {
    opacity: 0;
  }
  .switch-holo.switch-light input:checked ~ span span:last-of-type {
    opacity: 1;
  }
  /* Material Theme
 */
  /* switch-light
 */
  .switch-light.switch-material a {
    top: -0.1875em;
    width: 1.75em;
    height: 1.75em;
    border-radius: 50%;
    background: #fafafa;
    box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.14), 0 0.1875em 0.125em -0.125em rgba(0, 0, 0, 0.2), 0 0.125em 0.25em 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: right 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: right 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition: right 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .switch-material.switch-light {
    overflow: visible;
  }
  .switch-material.switch-light::after {
    clear: both;
    content: "";
    display: table;
  }
  .switch-material.switch-light > span {
    overflow: visible;
    position: relative;
    top: 0.1875em;
    width: 3.25em;
    height: 1.5em;
    min-height: auto;
    border-radius: 1em;
    background: rgba(0, 0, 0, 0.26);
  }
  .switch-material.switch-light span span {
    position: absolute;
    clip: rect(0 0 0 0);
  }
  .switch-material.switch-light input:checked ~ span a {
    right: 0;
    background: #3f51b5;
    box-shadow: 0 0.1875em 0.25em 0 rgba(0, 0, 0, 0.14), 0 0.1875em 0.1875em -0.125em rgba(0, 0, 0, 0.2), 0 0.0625em 0.375em 0 rgba(0, 0, 0, 0.12);
  }
  .switch-material.switch-light input:checked ~ span {
    background: rgba(63, 81, 181, 0.5);
  }
  /* switch-toggle
 */
  .switch-toggle.switch-material {
    overflow: visible;
  }
  .switch-toggle.switch-material::after {
    clear: both;
    content: "";
    display: table;
  }
  .switch-toggle.switch-material a {
    top: 48%;
    width: 0.375em !important;
    height: 0.375em;
    margin-left: 0.25em;
    background: #3f51b5;
    border-radius: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform 0.4s ease-in;
    -moz-transition: -moz-transform 0.4s ease-in;
    transition: transform 0.4s ease-in;
  }
  .switch-toggle.switch-material label {
    color: rgba(0, 0, 0, 0.54);
    font-size: 1em;
  }
  .switch-toggle.switch-material label:before {
    content: '';
    position: absolute;
    top: 48%;
    left: 0;
    display: block;
    width: 0.875em;
    height: 0.875em;
    border-radius: 100%;
    border: 0.125em solid rgba(0, 0, 0, 0.54);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .switch-toggle.switch-material input:checked + label:before {
    border-color: #3f51b5;
  }
  /* ripple
 */
  .switch-light.switch-material > span:before,
  .switch-light.switch-material > span:after,
  .switch-toggle.switch-material label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: block;
    width: 4em;
    height: 4em;
    border-radius: 100%;
    background: #3f51b5;
    opacity: .4;
    margin-left: -1.25em;
    margin-top: -1.25em;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in;
  }
  .switch-light.switch-material > span:after {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: -1.25em;
  }
  .switch-toggle.switch-material label:after {
    width: 3.25em;
    height: 3.25em;
    margin-top: -0.75em;
  }
  @-webkit-keyframes materialRipple {
    0% {
      -webkit-transform: scale(0);
    }
    20% {
      -webkit-transform: scale(1);
    }
    100% {
      opacity: 0;
      -webkit-transform: scale(1);
    }
  }
  @-moz-keyframes materialRipple {
    0% {
      -moz-transform: scale(0);
    }
    20% {
      -moz-transform: scale(1);
    }
    100% {
      opacity: 0;
      -moz-transform: scale(1);
    }
  }
  @keyframes materialRipple {
    0% {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
    }
    20% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
    100% {
      opacity: 0;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
  }
  .switch-material.switch-light input:not(:checked) ~ span:after,
  .switch-material.switch-light input:checked ~ span:before,
  .switch-toggle.switch-material input:checked + label:after {
    -webkit-animation: materialRipple 0.4s ease-in;
    -moz-animation: materialRipple 0.4s ease-in;
    animation: materialRipple 0.4s ease-in;
  }
  /* trick to prevent the default checked ripple animation from showing
 * when the page loads.
 * the ripples are hidden by default, and shown only when the input is focused.
 */
  .switch-light.switch-material.switch-light input ~ span:before,
  .switch-light.switch-material.switch-light input ~ span:after,
  .switch-material.switch-toggle input + label:after {
    visibility: hidden;
  }
  .switch-light.switch-material.switch-light input:focus:checked ~ span:before,
  .switch-light.switch-material.switch-light input:focus:not(:checked) ~ span:after,
  .switch-material.switch-toggle input:focus:checked + label:after {
    visibility: visible;
  }
}
/* Bugfix for older Webkit, including mobile Webkit. Adapted from
 * http://css-tricks.com/webkit-sibling-bug/
 */
@media only screen and (-webkit-max-device-pixel-ratio: 2) and (max-device-width: 80em) {
  .switch-light,
  .switch-toggle {
    -webkit-animation: webkitSiblingBugfix infinite 1s;
  }
}
@-webkit-keyframes webkitSiblingBugfix {
  from {
    -webkit-transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
  }
}
/*# sourceMappingURL=toggle-switch.css.map */
.patientSmallTitle {
  height: 140px;
  background: url(/gallery/userSummary/patient_header.png) no-repeat, linear-gradient(to right, #3e3f40 0%, #3e3f40 50%, #848886 50%, #828784 100%);
  background-position-x: center;
}
.patientSmallTitle .container {
  padding-top: 20px;
}
.patientSmallTitle img {
  width: 110px;
  height: 110px;
  border-radius: 50%;
}
h3 {
  font-size: 35px;
}
.treatmentBox {
  border: 1px solid #e2dada;
  border-radius: 5px;
}
.treatmentBox :focus {
  outline: none;
}
.treatmentBox .treatmentBoxHeader {
  background-color: #414141;
  height: 50px;
  color: white;
}
.treatmentBox .treatmentBoxHeader h4 {
  font-size: 35px;
  margin-top: 5px;
  display: inline-block;
}
.treatmentBox .treatmentBoxHeader .h4 {
  margin-top: 7px;
}
.treatmentBox .treatmentBoxHeader .whiteCheckBox {
  display: inline-block;
  vertical-align: super;
}
.treatmentBox .treatmentBoxHeader .reset {
  padding-left: 13px;
  color: #36D2A2;
  background: url(/gallery/reset.png) no-repeat;
  background-position: left 7px;
  margin-left: 12px;
  display: inline-block;
}
.treatmentBox .treatmentBoxHeader .order {
  padding-top: 7px;
}
.treatmentBox .treatmentBoxHeader .order .multiSelect {
  display: inline-block;
}
.treatmentBox .dropDownPopover {
  z-index: 10;
  color: black;
  width: 60px;
}
.treatmentBox .dropDownPopover input {
  margin-right: 5px;
  vertical-align: text-bottom;
}
.treatmentBox .treatmentBoxOption.white {
  background: white;
}
.treatmentBox .treatmentBoxOption.grey {
  background: #F1F1F1;
}
.treatmentBox .treatmentBoxOption {
  height: 110px;
  padding: 10px 20px;
}
.treatmentBox .treatmentBoxOption .treatmentBoxOptionTitle {
  font-family: 'Karbon-Medium';
  padding: 5px 0px 15px 0px;
}
.treatmentBox .treatmentBoxOption .treatmentBoxOptionTitle img {
  padding-right: 10px;
}
.treatmentBox .treatmentBoxOption .treatmentBoxOptionTitle .bracket {
  font-family: 'Karbon-light';
  padding-left: 5px;
}
.treatmentBox .treatmentBoxOption .measurmentsIcons {
  padding-top: 20px;
  text-align: center;
}
.treatmentBox .treatmentBoxOption .measurmentsIcons img {
  padding-bottom: 10px;
}
.treatmentBox .treatmentBoxOption .switch-toggle {
  height: 25px;
  color: #979a9f;
}
.treatmentBox .treatmentBoxOption .switch-toggle input:checked + label div {
  color: white;
}
.treatmentBox .col-xs-2.reset {
  padding-top: 12px;
  background-position: left 19px;
}
.treatmentBoxOption:not(.Duration) .switch-toggle label,
.treatmentBoxOption:not(.Duration) .switch-toggle label ~ label,
.treatmentBoxOption:not(.Duration) .switch-toggle label ~ a {
  width: 33.33%;
}
.switch-toggle input:checked + label div {
  background-image: -moz-linear-gradient(-90deg, #2bdfa8 0%, #009ead 100%);
  background-image: -webkit-linear-gradient(-90deg, #2bdfa8 0%, #009ead 100%);
  background-image: -ms-linear-gradient(-90deg, #2bdfa8 0%, #009ead 100%);
  border-radius: 50px;
  padding: 0px 4px;
}
.switch-toggle .firstChecked input:checked + label div {
  background-image: -moz-linear-gradient(-90deg, #764299 0%, #5659a5 100%);
  background-image: -webkit-linear-gradient(-90deg, #764299 0%, #5659a5 100%);
  background-image: -ms-linear-gradient(-90deg, #764299 0%, #5659a5 100%);
  border-radius: 50px;
  padding: 0px 4px;
}
.Duration .toggleSet input[type="radio"]:checked + label {
  color: white;
  width: 30px;
  margin-right: -1px;
  padding-left: 1px;
}
.Duration .toggleSet input[type="radio"]:checked + label div {
  visibility: visible;
}
.Duration .toggleSet input[type='radio'] + label {
  color: transparent;
  padding: 0px 1px;
  width: 4.5%;
}
.Duration .toggleSet input[type='radio'] + label div {
  visibility: hidden;
}
.Duration .switch-toggle.well .toggleSet:first-child input[type='radio'] + label {
  background: transparent;
  margin-left: 5px;
}
.Duration .toggleSet:nth-child(even) input[type='radio'] + label {
  background: url(/gallery/vertical_line.png);
  background-repeat: no-repeat;
  background-size: 1px 80%;
  background-position: left;
}
.Duration .toggleSet:nth-child(odd) input[type='radio'] + label {
  background: url(/gallery/vertical_line.png);
  background-repeat: no-repeat;
  background-size: 1px 60%;
  background-position: left;
}
.treatmentBoxOption.Schedule img {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
}
.treatmentBoxOption.Schedule div.editShedule {
  text-align: center;
  padding-top: 10px;
  color: #7b499d;
  text-decoration: underline;
  font-family: 'Karbon-medium';
}
.scheduleIcon {
  height: 100%;
  background: url(/gallery/vertical_line.png);
  background-repeat: no-repeat;
  background-size: 1px 60%;
  background-position: right;
}
h3.padding30 {
  padding-bottom: 10px;
}
div.Comment .btnSave {
  background-color: #36D2A2;
  border: 2px solid #36D2A2;
  color: white;
  border-radius: 5px;
  height: 35px;
  width: 150px;
  margin-right: 10px;
}
div.Comment .btnSend {
  background-color: transparent;
  border: 2px solid #36D2A2;
  color: #36D2A2;
  border-radius: 5px;
  height: 35px;
  width: 150px;
  font-family: 'Karbon-Medium';
}
.ReactModalPortal hr {
  margin-top: 15px;
}
.ReactModalPortal .chooseDates .days {
  color: grey;
  font-size: 14px;
  display: inline-block;
  margin-left: 25px;
}
.ReactModalPortal .chooseDates .edit {
  color: #764299;
  text-decoration: underline;
  padding-left: 18px;
  background: url(/gallery/edit_icon.png) no-repeat;
  margin-left: 10px;
  display: inline-block;
  cursor: pointer;
}
.Modal-Popup {
  width: 400px;
  height: 450px;
  position: absolute;
  top: 10%;
  left: 50%;
  margin-left: -175px;
  background: #fff;
  box-shadow: 0px 5px 20px 0px rgba(126, 137, 140, 0.2);
  border-radius: 5px;
  border: 1px solid #B8C8CC;
  overflow: hidden;
  padding: 30px;
}
.Modal-Popup h3 {
  padding-bottom: 15px;
}
.Modal-Popup-wide {
  width: 500px;
}
.Modal-Overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  overflow: auto;
  background: rgba(0, 0, 0, 0.1);
}
.dropDownPopover span input {
  padding-right: 2px;
  margin-right: 5px;
  vertical-align: text-bottom;
}
.ChooseWeekly {
  padding-bottom: 40px;
}
.ChooseWeekly .multiSelect {
  display: inline-block;
}
label.roundRadio input {
  display: none;
}
label.roundRadio div {
  background: #fff;
  padding: 5px;
  margin: 2px;
  display: inline-block;
  width: 40px;
  border-radius: 50%;
  border: 1px solid black;
  height: 40px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-size: 20px;
}
label.roundRadio input:checked + div {
  background: green;
}
.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  background: #573b7f !important;
  color: white;
}
.ChooseWeekly .roundRadio {
  cursor: pointer;
}
body {
  background-color: #F1F1F1;
  font-family: 'Karbon-Regular';
  font-size: 17px;
}
/* Mixin */
.button {
  cursor: pointer;
}
.submit {
  cursor: pointer;
}
/* Implementation: #somediv {
.border-radius(20px);
}  */
/* Mixin */
/* Implementation: #somediv {
.box-shadow(5px, 5px, 6px, 0.3);
}  */
.loading-gif {
  background: url(/gallery/loading.gif) center center no-repeat;
  height: 100%;
  z-index: 2005;
  background-size: 100px auto;
}
.loading img {
  width: 120px;
}
.overlay {
  background: rgba(144, 141, 141, 0.6);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2004;
}
h3 {
  margin-top: 0px;
  font-family: 'Karbon-Light';
  font-size: 30pt;
}
h5,
.h5 {
  font-size: 17px;
  margin-top: 0px;
  color: #6B4B9E;
  font-family: "Karbon-Medium";
}
h5 label,
.h5 label {
  font-weight: normal;
}
.inline-block {
  display: inline-block;
}
.Warning {
  background: url(/gallery/warning.png) center center no-repeat;
  background-size: 16px auto;
  display: inline-block;
  width: 17px;
  height: 16px;
}
.LabelWithArrow span {
  font-size: 10px;
  padding-left: 4px;
  vertical-align: text-top;
}
.right-border {
  border-right: 1px solid #aba7a7;
  height: 80px;
}
.floated-left-col {
  float: left;
}
.no-left-padding {
  padding-left: 5px;
}
.top-pad {
  padding-top: 20px;
}
.display-table,
.display-table div {
  display: table !important;
}
.display-inline {
  display: inline-block !important;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
@font-face {
  font-family: 'Karbon-Thin';
  src: url('/fonts/karbon-Thin.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Semibold';
  src: url('/fonts/Karbon-Semibold.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Medium';
  src: url('/fonts/Karbon-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Regular';
  src: url('/fonts/Karbon-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Light';
  src: url('/fonts/Karbon-Light.otf') format('opentype');
}
.bold {
  font-weight: bold;
}
.padding30 {
  padding-top: 30px;
}
.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
  background-color: #777474 !important;
}
::-webkit-input-placeholder {
  /* Chrome */
  color: white;
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: white;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
  opacity: 1;
}
:-moz-placeholder {
  /* Firefox 4 - 18 */
  color: white;
  opacity: 1;
}
.name-title {
  margin-left: 40px;
}
.name-title h4 {
  margin-bottom: -10px;
  font-size: 30px;
  color: #898989;
}
.name-title .name {
  font-size: 45px;
  font-family: "Karbon-Light";
  color: #ffffff;
}
.font-weight-bold {
  font-family: 'Karbon-medium';
}
.greenBtnInline {
  background-color: #36D2A2;
  border: 2px solid #36D2A2;
  border-radius: 5px;
  color: white;
  display: inline;
  font-size: 14px;
}
.purpleTransparentBtnInline {
  background-color: transparent;
  border: 1px solid #764299;
  border-radius: 5px;
  color: black;
  display: inline;
  padding: 2px;
  margin-left: 10px;
  font-size: 14px;
}
.DoctorDetails {
  background: url(/gallery/userSummary/doctor_header.png) no-repeat, linear-gradient(to right, #3e3f40 0%, #3e3f40 50%, #6b6b67 50%, #676864 100%);
}
.PatientDetails {
  background: url(/gallery/userSummary/patient_header.png) no-repeat, linear-gradient(to right, #3e3f40 0%, #3e3f40 50%, #787a74 50%, #737772 100%);
}
.UserDetails {
  height: 350px;
  background-position-x: center;
  min-width: 700px;
}
.UserDetails .Name {
  font-size: 45px;
  font-family: "Karbon-Light";
  color: #ffffff;
  padding: 40px 0px;
}
.UserDetails .float-left:last-child {
  padding-left: 100px;
}
.PersonalDetailsCol .FieldName {
  display: table-cell;
  font-size: 20px;
  color: #36d2a2;
  padding: 0px 15px 15px 0px;
}
.PersonalDetailsCol .FieldValue {
  display: table-cell;
  font-size: 20px;
  color: white;
}
.profileEdit {
  float: right;
  font-family: "Karbon-Medium";
  color: white;
  font-size: 16px;
  color: #ffffff;
  text-transform: uppercase;
  border: 1px solid white;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.profileEdit a {
  color: white;
}
.MeasurmentSummaryPanel {
  background-color: white;
  font-family: 'Karbon-Light';
}
.MeasurmentSummaryPanel h4 {
  font-size: 45px;
}
.MeasurmentSummaryPanel h4 .avgResult {
  font-family: 'Karbon-Meduim';
}
.MeasurmentSummaryPanel .date {
  font-size: 25px;
}
.chart-legend ul {
  padding-left: 10px;
  list-style-type: none;
}
.chart-legend ul li {
  display: inline-block;
}
.chart-legend ul li:last-child {
  padding-left: 20px;
}
.chart-legend li span {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
.tab-content {
  background-color: white;
  height: 240px;
  padding: 15px 40px;
  -webkit-box-shadow: 0px 0px 5px #888;
  -moz-box-shadow: 0px 0px 5px #888;
  box-shadow: 0px 0px 5px #888;
}
.nav-tabs {
  border-bottom: none;
  border: none;
}
.nav-tabs li.active a {
  box-shadow: 0 5px 0 #fff, 0 0 5px #888;
  -webkit-box-shadow: 0 5px 0 #fff, 0 0 5px #888;
  -moz-box-shadow: 0 5px 0 #fff, 0 0 5px #888;
  border: none;
}
.nav-tabs li.active a:hover {
  border: none;
}
body {
  background-color: #F1F1F1;
  font-family: 'Karbon-Regular';
  font-size: 17px;
}
/* Mixin */
.button {
  cursor: pointer;
}
.submit {
  cursor: pointer;
}
/* Implementation: #somediv {
.border-radius(20px);
}  */
/* Mixin */
/* Implementation: #somediv {
.box-shadow(5px, 5px, 6px, 0.3);
}  */
.loading-gif {
  background: url(/gallery/loading.gif) center center no-repeat;
  height: 100%;
  z-index: 2005;
  background-size: 100px auto;
}
.loading img {
  width: 120px;
}
.overlay {
  background: rgba(144, 141, 141, 0.6);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2004;
}
h3 {
  margin-top: 0px;
  font-family: 'Karbon-Light';
  font-size: 30pt;
}
h5,
.h5 {
  font-size: 17px;
  margin-top: 0px;
  color: #6B4B9E;
  font-family: "Karbon-Medium";
}
h5 label,
.h5 label {
  font-weight: normal;
}
.inline-block {
  display: inline-block;
}
.Warning {
  background: url(/gallery/warning.png) center center no-repeat;
  background-size: 16px auto;
  display: inline-block;
  width: 17px;
  height: 16px;
}
.LabelWithArrow span {
  font-size: 10px;
  padding-left: 4px;
  vertical-align: text-top;
}
.right-border {
  border-right: 1px solid #aba7a7;
  height: 80px;
}
.floated-left-col {
  float: left;
}
.no-left-padding {
  padding-left: 5px;
}
.top-pad {
  padding-top: 20px;
}
.display-table,
.display-table div {
  display: table !important;
}
.display-inline {
  display: inline-block !important;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
@font-face {
  font-family: 'Karbon-Thin';
  src: url('/fonts/karbon-Thin.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Semibold';
  src: url('/fonts/Karbon-Semibold.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Medium';
  src: url('/fonts/Karbon-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Regular';
  src: url('/fonts/Karbon-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Light';
  src: url('/fonts/Karbon-Light.otf') format('opentype');
}
.bold {
  font-weight: bold;
}
.padding30 {
  padding-top: 30px;
}
.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
  background-color: #777474 !important;
}
::-webkit-input-placeholder {
  /* Chrome */
  color: white;
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: white;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
  opacity: 1;
}
:-moz-placeholder {
  /* Firefox 4 - 18 */
  color: white;
  opacity: 1;
}
.name-title {
  margin-left: 40px;
}
.name-title h4 {
  margin-bottom: -10px;
  font-size: 30px;
  color: #898989;
}
.name-title .name {
  font-size: 45px;
  font-family: "Karbon-Light";
  color: #ffffff;
}
.font-weight-bold {
  font-family: 'Karbon-medium';
}
.greenBtnInline {
  background-color: #36D2A2;
  border: 2px solid #36D2A2;
  border-radius: 5px;
  color: white;
  display: inline;
  font-size: 14px;
}
.purpleTransparentBtnInline {
  background-color: transparent;
  border: 1px solid #764299;
  border-radius: 5px;
  color: black;
  display: inline;
  padding: 2px;
  margin-left: 10px;
  font-size: 14px;
}
.chartJs {
  background-color: white;
  -webkit-box-shadow: 0 0 5px #888 0px 5px #888;
  -moz-box-shadow: 0 0 5px #888 0px 5px #888;
  box-shadow: 0 0 5px #888 0px 5px #888;
}
.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 0px;
}
input.cmn-toggle-round + label {
  padding: 2px;
  width: 30px;
  height: 15px;
  background-color: #dddddd;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
input.cmn-toggle-round + label:before,
input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.cmn-toggle-round + label:before {
  right: 1px;
  background-color: #D3D3D2;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}
input.cmn-toggle-round + label:after {
  width: 15px;
  background-color: #764199;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-transition: margin 0.4s;
  -moz-transition: margin 0.4s;
  -o-transition: margin 0.4s;
  transition: margin 0.4s;
}
input.cmn-toggle-round:checked + label:before {
  background-color: #D3D3D2;
}
input.cmn-toggle-round:checked + label:after {
  margin-left: 15px;
}
img.chart-bar,
img.chart-pie {
  width: 15px;
  display: inline-block;
}
.toggle {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: bottom;
}
.selectChartType {
  margin-bottom: 5px;
}
.chartPickDates .daypickDiv {
  padding-bottom: 5px;
  display: inline-block;
}
canvas {
  width: 100%;
}
.chartJs {
  padding-top: 15px;
}
.chartJs .topBorder {
  border-top: 3px solid #6B4B9E;
}
.chartContainer {
  padding-top: 10px;
}
.chartContainer .row {
  padding-bottom: 5px;
}
.selectChartType {
  padding-left: 0;
  white-space: nowrap !important;
}
#chart1Container .overlay {
  height: 50%;
}
#chart2Container .overlay {
  margin-top: 80%;
  height: 50%;
}
.daypickDiv {
  float: left;
}
.daypickDiv:first-child {
  padding-right: 10px;
}
.chartPickDates .daypickDiv label {
  font-size: 13px !important;
}
.daypickDiv > label {
  font-weight: normal;
}
.daypickDiv div {
  padding-right: 5px;
}
body {
  background-color: #F1F1F1;
  font-family: 'Karbon-Regular';
  font-size: 17px;
}
/* Mixin */
.button {
  cursor: pointer;
}
.submit {
  cursor: pointer;
}
/* Implementation: #somediv {
.border-radius(20px);
}  */
/* Mixin */
/* Implementation: #somediv {
.box-shadow(5px, 5px, 6px, 0.3);
}  */
.loading-gif {
  background: url(/gallery/loading.gif) center center no-repeat;
  height: 100%;
  z-index: 2005;
  background-size: 100px auto;
}
.loading img {
  width: 120px;
}
.overlay {
  background: rgba(144, 141, 141, 0.6);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2004;
}
h3 {
  margin-top: 0px;
  font-family: 'Karbon-Light';
  font-size: 30pt;
}
h5,
.h5 {
  font-size: 17px;
  margin-top: 0px;
  color: #6B4B9E;
  font-family: "Karbon-Medium";
}
h5 label,
.h5 label {
  font-weight: normal;
}
.inline-block {
  display: inline-block;
}
.Warning {
  background: url(/gallery/warning.png) center center no-repeat;
  background-size: 16px auto;
  display: inline-block;
  width: 17px;
  height: 16px;
}
.LabelWithArrow span {
  font-size: 10px;
  padding-left: 4px;
  vertical-align: text-top;
}
.right-border {
  border-right: 1px solid #aba7a7;
  height: 80px;
}
.floated-left-col {
  float: left;
}
.no-left-padding {
  padding-left: 5px;
}
.top-pad {
  padding-top: 20px;
}
.display-table,
.display-table div {
  display: table !important;
}
.display-inline {
  display: inline-block !important;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
@font-face {
  font-family: 'Karbon-Thin';
  src: url('/fonts/karbon-Thin.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Semibold';
  src: url('/fonts/Karbon-Semibold.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Medium';
  src: url('/fonts/Karbon-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Regular';
  src: url('/fonts/Karbon-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Light';
  src: url('/fonts/Karbon-Light.otf') format('opentype');
}
.bold {
  font-weight: bold;
}
.padding30 {
  padding-top: 30px;
}
.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
  background-color: #777474 !important;
}
::-webkit-input-placeholder {
  /* Chrome */
  color: white;
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: white;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
  opacity: 1;
}
:-moz-placeholder {
  /* Firefox 4 - 18 */
  color: white;
  opacity: 1;
}
.name-title {
  margin-left: 40px;
}
.name-title h4 {
  margin-bottom: -10px;
  font-size: 30px;
  color: #898989;
}
.name-title .name {
  font-size: 45px;
  font-family: "Karbon-Light";
  color: #ffffff;
}
.font-weight-bold {
  font-family: 'Karbon-medium';
}
.greenBtnInline {
  background-color: #36D2A2;
  border: 2px solid #36D2A2;
  border-radius: 5px;
  color: white;
  display: inline;
  font-size: 14px;
}
.purpleTransparentBtnInline {
  background-color: transparent;
  border: 1px solid #764299;
  border-radius: 5px;
  color: black;
  display: inline;
  padding: 2px;
  margin-left: 10px;
  font-size: 14px;
}
.titleImage {
  background: url(/gallery/default_values_header_photos.png) no-repeat, linear-gradient(to right, #7a7777 0%, #7a7777 50%, #b1b1b1 50%, #b1b1b1 100%);
  height: 175px;
  background-position-x: center;
}
.titleImage h2 {
  font-size: 45px;
  font-family: "Karbon-Light";
  color: #ffffff;
  padding-top: 35px;
}
.boldCell {
  font-family: 'Karbon-Medium';
}
.ReactModalPortal .btnSave {
  background-color: #36D2A2;
  border: 2px solid #36D2A2;
  color: white;
  border-radius: 5px;
  height: 35px;
  width: 150px;
  margin-right: 10px;
  margin-top: 20px;
}
.ReactModalPortal .btnCancel {
  background-color: transparent;
  border: 2px solid #36D2A2;
  color: #36D2A2;
  border-radius: 5px;
  height: 35px;
  width: 150px;
  font-family: 'Karbon-Medium';
  margin-top: 20px;
}
body {
  background-color: #F1F1F1;
  font-family: 'Karbon-Regular';
  font-size: 17px;
}
/* Mixin */
.button {
  cursor: pointer;
}
.submit {
  cursor: pointer;
}
/* Implementation: #somediv {
.border-radius(20px);
}  */
/* Mixin */
/* Implementation: #somediv {
.box-shadow(5px, 5px, 6px, 0.3);
}  */
.loading-gif {
  background: url(/gallery/loading.gif) center center no-repeat;
  height: 100%;
  z-index: 2005;
  background-size: 100px auto;
}
.loading img {
  width: 120px;
}
.overlay {
  background: rgba(144, 141, 141, 0.6);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2004;
}
h3 {
  margin-top: 0px;
  font-family: 'Karbon-Light';
  font-size: 30pt;
}
h5,
.h5 {
  font-size: 17px;
  margin-top: 0px;
  color: #6B4B9E;
  font-family: "Karbon-Medium";
}
h5 label,
.h5 label {
  font-weight: normal;
}
.inline-block {
  display: inline-block;
}
.Warning {
  background: url(/gallery/warning.png) center center no-repeat;
  background-size: 16px auto;
  display: inline-block;
  width: 17px;
  height: 16px;
}
.LabelWithArrow span {
  font-size: 10px;
  padding-left: 4px;
  vertical-align: text-top;
}
.right-border {
  border-right: 1px solid #aba7a7;
  height: 80px;
}
.floated-left-col {
  float: left;
}
.no-left-padding {
  padding-left: 5px;
}
.top-pad {
  padding-top: 20px;
}
.display-table,
.display-table div {
  display: table !important;
}
.display-inline {
  display: inline-block !important;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
@font-face {
  font-family: 'Karbon-Thin';
  src: url('/fonts/karbon-Thin.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Semibold';
  src: url('/fonts/Karbon-Semibold.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Medium';
  src: url('/fonts/Karbon-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Regular';
  src: url('/fonts/Karbon-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Light';
  src: url('/fonts/Karbon-Light.otf') format('opentype');
}
.bold {
  font-weight: bold;
}
.padding30 {
  padding-top: 30px;
}
.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
  background-color: #777474 !important;
}
::-webkit-input-placeholder {
  /* Chrome */
  color: white;
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: white;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
  opacity: 1;
}
:-moz-placeholder {
  /* Firefox 4 - 18 */
  color: white;
  opacity: 1;
}
.name-title {
  margin-left: 40px;
}
.name-title h4 {
  margin-bottom: -10px;
  font-size: 30px;
  color: #898989;
}
.name-title .name {
  font-size: 45px;
  font-family: "Karbon-Light";
  color: #ffffff;
}
.font-weight-bold {
  font-family: 'Karbon-medium';
}
.greenBtnInline {
  background-color: #36D2A2;
  border: 2px solid #36D2A2;
  border-radius: 5px;
  color: white;
  display: inline;
  font-size: 14px;
}
.purpleTransparentBtnInline {
  background-color: transparent;
  border: 1px solid #764299;
  border-radius: 5px;
  color: black;
  display: inline;
  padding: 2px;
  margin-left: 10px;
  font-size: 14px;
}
.navbar a.active {
  color: #74449A !important;
  background: none !important;
  font-family: 'Karbon-Medium';
}
.navbar a {
  color: black !important;
  background: none !important;
}
.navbar {
  background-color: white;
  min-height: 0 !important;
  font-size: 16px;
}
.nav.nav-pills > li:first-child {
  margin-left: -15px;
}
h1 {
  background: url(/gallery/novel_logo.png) No-repeat;
  text-align: left;
  margin-top: 8px;
}
#title-div {
  /* For browsers that do not support gradients */
  background: #6B4B9E;
  background-image: -moz-linear-gradient(0deg, #764299 0%, #664e9f 67%, #5659a5 100%);
  background-image: -webkit-linear-gradient(0deg, #764299 0%, #664e9f 67%, #5659a5 100%);
  background-image: -ms-linear-gradient(0deg, #764299 0%, #664e9f 67%, #5659a5 100%);
  height: 40px;
}
#title-div h1 {
  text-align: left;
  margin-top: 12px;
  margin-bottom: 0;
  height: 25px;
  color: white;
}
#title-div .Logo {
  width: 100px;
}
.connectedUser {
  float: right !important;
  font-family: "Karbon-Medium";
}
.connectedUser #connectedUserName {
  font-family: "Karbon-Light";
}
.connectedUser .glyphicon-triangle-bottom {
  font-size: 10px;
  padding-left: 5px;
}
.connectedUser .dropdown-toggle {
  display: inline-block;
  padding-left: 3px;
}
body {
  background-color: #F1F1F1;
  font-family: 'Karbon-Regular';
  font-size: 17px;
}
/* Mixin */
.button {
  cursor: pointer;
}
.submit {
  cursor: pointer;
}
/* Implementation: #somediv {
.border-radius(20px);
}  */
/* Mixin */
/* Implementation: #somediv {
.box-shadow(5px, 5px, 6px, 0.3);
}  */
.loading-gif {
  background: url(/gallery/loading.gif) center center no-repeat;
  height: 100%;
  z-index: 2005;
  background-size: 100px auto;
}
.loading img {
  width: 120px;
}
.overlay {
  background: rgba(144, 141, 141, 0.6);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2004;
}
h3 {
  margin-top: 0px;
  font-family: 'Karbon-Light';
  font-size: 30pt;
}
h5,
.h5 {
  font-size: 17px;
  margin-top: 0px;
  color: #6B4B9E;
  font-family: "Karbon-Medium";
}
h5 label,
.h5 label {
  font-weight: normal;
}
.inline-block {
  display: inline-block;
}
.Warning {
  background: url(/gallery/warning.png) center center no-repeat;
  background-size: 16px auto;
  display: inline-block;
  width: 17px;
  height: 16px;
}
.LabelWithArrow span {
  font-size: 10px;
  padding-left: 4px;
  vertical-align: text-top;
}
.right-border {
  border-right: 1px solid #aba7a7;
  height: 80px;
}
.floated-left-col {
  float: left;
}
.no-left-padding {
  padding-left: 5px;
}
.top-pad {
  padding-top: 20px;
}
.display-table,
.display-table div {
  display: table !important;
}
.display-inline {
  display: inline-block !important;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
@font-face {
  font-family: 'Karbon-Thin';
  src: url('/fonts/karbon-Thin.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Semibold';
  src: url('/fonts/Karbon-Semibold.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Medium';
  src: url('/fonts/Karbon-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Regular';
  src: url('/fonts/Karbon-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'Karbon-Light';
  src: url('/fonts/Karbon-Light.otf') format('opentype');
}
.bold {
  font-weight: bold;
}
.padding30 {
  padding-top: 30px;
}
.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
  background-color: #777474 !important;
}
::-webkit-input-placeholder {
  /* Chrome */
  color: white;
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: white;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
  opacity: 1;
}
:-moz-placeholder {
  /* Firefox 4 - 18 */
  color: white;
  opacity: 1;
}
.name-title {
  margin-left: 40px;
}
.name-title h4 {
  margin-bottom: -10px;
  font-size: 30px;
  color: #898989;
}
.name-title .name {
  font-size: 45px;
  font-family: "Karbon-Light";
  color: #ffffff;
}
.font-weight-bold {
  font-family: 'Karbon-medium';
}
.greenBtnInline {
  background-color: #36D2A2;
  border: 2px solid #36D2A2;
  border-radius: 5px;
  color: white;
  display: inline;
  font-size: 14px;
}
.purpleTransparentBtnInline {
  background-color: transparent;
  border: 1px solid #764299;
  border-radius: 5px;
  color: black;
  display: inline;
  padding: 2px;
  margin-left: 10px;
  font-size: 14px;
}
.form-horizontal .control-label {
  text-align: left;
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 3px;
}
.whiteCheckBox input[type="checkbox"] {
  display: none;
}
.whiteCheckBox input[type="checkbox"] + label {
  font-size: 14px;
  font-weight: normal;
}
.whiteCheckBox input[type="checkbox"] + label span {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: -2px 10px 0 0;
  vertical-align: middle;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAIAAAC0tAIdAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACDSURBVChTfY9BDsAgCAT7/wepn1O7ZCkStnEOBHFAfLowxvBMMHvvvdZCzEkQlWMTVQnrZuNdlsiloc5W5pyelU3K1OwRs1trfvoaoq00nNkwiqqYnX+ZVW2DWWcTzRHPJoo2mM1fxl1Mihj43moUD6DyM/uC740GvICIHCBnMR+N3l8fmXDQxDbQKgAAAABJRU5ErkJggg==) no-repeat;
  background-size: 13px auto;
  cursor: pointer;
}
.whiteCheckBox input[type="checkbox"]:checked + label span {
  background: url(/gallery/checkbox-checked.png) no-repeat;
  background-size: 13px auto;
}
.small-line-break {
  display: block;
  line-height: 1;
}
input[type='text'].shortDate {
  width: 85px;
  padding: 1px 5px;
}
input[type='text'],
input[type='email'],
input[type='password'] {
  border: none;
  outline: 0;
  border-bottom: 1px solid black;
  background: transparent !important;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
button.purple {
  width: 150px;
  background-color: #764299;
  border: 2px solid #764299;
  border-radius: 5px;
  color: white;
  height: 35px;
  display: block;
}
button.hoverpurple {
  background-color: transparent;
  border: 1px solid #764299;
  border-radius: 5px;
  color: black;
  display: block;
  width: 80px;
  height: 25px;
  padding: 2px;
}
button.hoverpurple:hover {
  background-color: #764299;
  color: white;
}
.editUrl {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAA2klEQVQokZ3Rr0qDURwG4GdqUQS7VpfMGrSMrRi1i/Ek+/AK5AS9gN2C1WA5IIhGEYZt1SCsCMLiZ/Cc4R+275u/dHjhed9wWlVVaXL93mAb1ziNKQyh1QT3e4MNvGALY3RjCsNanBcPsY6LHI/RnYszvMuL5zkuBc8z8S9YrhScobO0ACyrH9iJKYz+4DkQXnEbU3iHH7gB7MQURiWY4kXhFP8HwvLkfnMVbZxgrSksy7u4wrGvz28ECz7AHi6/FdRCWMF+fpeCI7zVwYLbuMEjHvAUU5jUQfgEQDxgdwjSoC8AAAAASUVORK5CYII=) no-repeat;
  padding-left: 20px;
  color: #764299;
  text-decoration: underline;
  margin-right: 5px;
  display: inline;
}
.deleteUrl {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAhklEQVQYlX3QsQ3CMBQE0EfkFULJAkyR1ExB6EidRRAFElklmSJLkCGgsSXbBVeenvRP/zD1rxMeuGFXpsWMMeCJC1Z0GW5jd4YGA7ZYrBHkaMMQ8EGPJcMy1GEPsayxHKXTKV9/kuCx2lRv1kS0KDf1NW7in4rh2eaE54B7PH9VPjzhN8YfLagoK7yeL+cAAAAASUVORK5CYII=) no-repeat;
  color: #764299;
  text-decoration: underline;
  padding-left: 13px;
  margin-left: 5px;
  display: inline;
}
button#login {
  background-color: #72CAB1;
}
.loginContainer {
  margin-left: -200px;
  background: url(/gallery/login/log_in_box.png) no-repeat;
  background-size: 450px auto;
  position: absolute;
  top: 20%;
  left: 50%;
  width: 450px;
  height: 460px;
}
.loginBackground {
  background: url(/gallery/login/bg.png) no-repeat, rgba(230, 230, 230, 0.97);
  height: 100%;
  width: 100%;
  background-position-x: center;
}
.loginHeader {
  height: 50px;
  position: absolute;
  top: 0;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 20px;
}
.loginFormContainer {
  position: absolute;
  top: 50px;
  left: 130px;
  width: 200px;
}
.loginFormContainer h2 {
  font-family: "Karbon-Thin";
  color: #5c5c5c;
  font-size: 70px;
  text-align: center;
  padding-bottom: 20px;
  padding-top: 15px;
}
.loginFormContainer a {
  font-size: 13px;
  color: black;
  text-decoration: underline;
  font-family: "Karbon-Medium";
  padding-top: 15px;
}
.loginFormContainer input[type="checkbox"] + label span {
  width: 16px;
  height: 16px;
  margin: -2px 10px 0 0;
  vertical-align: middle;
  background: url(/gallery/login/check_box_frame.png) no-repeat;
  background-size: 16px auto;
}
.loginFormContainer input[type="checkbox"]:checked + label span {
  background: url(/gallery/login/check_box_frame.png), url(/gallery/login/check_box_OK.png);
  background-repeat: no-repeat;
  background-size: 16px auto, 12px auto;
  background-position: center center;
}
.loginLogo {
  background: url(/gallery/login/novel_logo.png) no-repeat;
  background-size: 85px auto;
  width: 100px;
  height: 25px;
  position: absolute;
  left: 20px;
  margin-top: 10px;
}
.loginContainer .submit {
  font-family: "Karbon-Semibold";
  color: white;
  position: absolute;
  bottom: 25px;
  right: 20px;
  font-size: 18px;
}
.error {
  color: red;
  font-family: 'Karbon-Medium';
}

/*# sourceMappingURL=main.css.map*/