.the-datepicker__container .the-datepicker__main {
    border-top-left-radius: 0;
}

.the-datepicker__container.the-datepicker__container--over .the-datepicker__main {
    border-top-left-radius: 0.3em;
    border-bottom-left-radius: 0;
}

.the-datepicker__container.the-datepicker__container--left .the-datepicker__main {
    border-top-left-radius: 0.3em;
    border-top-right-radius: 0;
}

.the-datepicker__container.the-datepicker__container--over.the-datepicker__container--left .the-datepicker__main {
    border-bottom-left-radius: 0.3em;
    border-top-right-radius: 0.3em;
    border-bottom-right-radius: 0;
}

.the-datepicker__main {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0.3em;
    padding: 0.4em;
    font-family: "Lato", sans-serif;
    line-height: 1em;
    box-sizing: border-box;
    overflow: hidden;
}

.the-datepicker__main .the-datepicker__body {
    margin-top: 1em;
}

.the-datepicker__main th.the-datepicker__week-day {
    width: 2.1em;
    min-width: 2.1em;
    max-width: 2.1em;
    padding: 0.5em 0;
    text-align: center;
    font-weight: normal;
    text-transform: uppercase;
    color: #666;
    font-size: 0.85em;
}

.the-datepicker__main a.the-datepicker__button {
    display: block;
    width: 2.6em;
    min-width: 2.6em;
    max-width: 2.6em;
    padding: 0.6em 0;
    text-decoration: none;
    text-align: center;
    color: #525252;
    border-radius: 0.3em;
}

.the-datepicker__main a.the-datepicker__button:hover {
    background-color: #d1e8ff;
    text-decoration: none;
}

.the-datepicker__main .the-datepicker__title {
    display: inline-block;
    width: 70%;
}

.the-datepicker__main .the-datepicker__title-content {
    display: inline-block;
    padding: 0.5em;
}

.the-datepicker__main .the-datepicker__control {
    display: inline-block;
    width: 30%;
    text-align: right;
}

.the-datepicker__main .the-datepicker__reset,
.the-datepicker__main .the-datepicker__close {
    display: inline-block;
    font-weight: bold;
}

.the-datepicker__main .the-datepicker__navigation {
    margin-top: 0.3em;
}

.the-datepicker__main .the-datepicker__go {
    display: inline-block;
    width: 15%;
}

.the-datepicker__main .the-datepicker__go a.the-datepicker__button {
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    visibility: visible;
    transform: translateX(-4px) scale(0.5, 1);
}

.the-datepicker__main .the-datepicker__go-next {
    text-align: right;
}

.the-datepicker__main .the-datepicker__state {
    display: inline-block;
    width: 70%;
}

.the-datepicker__main .the-datepicker__month {
    display: inline-block;
    width: 56%;
    margin-right: 10px;
    text-align: center;
}

.the-datepicker__main .the-datepicker__year {
    display: inline-block;
    width: 38%;
    text-align: center;
}

.the-datepicker__main .the-datepicker__month-year {
    text-align: center;
}

.the-datepicker__main select.the-datepicker__select {
    margin: 0;
    padding: 0;
}

.the-datepicker__main table.the-datepicker__calendar {
    display: table;
    border-collapse: collapse;
}

.the-datepicker__main table.the-datepicker__calendar thead {
    display: table-header-group;
}

.the-datepicker__main table.the-datepicker__calendar tbody {
    display: table-row-group;
}

.the-datepicker__main table.the-datepicker__calendar tr {
    display: table-row;
}

.the-datepicker__main table.the-datepicker__calendar tr td,
.the-datepicker__main table.the-datepicker__calendar tr th {
    display: table-cell;
}

.the-datepicker__main td.the-datepicker__cell {
    padding: 0;
}

.the-datepicker__main td.the-datepicker__cell a.the-datepicker__button {
    padding: 0.1em;
}

.the-datepicker__main td.the-datepicker__cell a.the-datepicker__button .the-datepicker__day-content {
    display: block;
    padding: 0.6em 0;
}

.the-datepicker__main td.the-datepicker__day a.the-datepicker__button .the-datepicker__day-content {
    text-align: center;
    border-radius: 0.3em;
}

.the-datepicker__main td.the-datepicker__day a.the-datepicker__button:hover {
    background-color: transparent;
}

.the-datepicker__main td.the-datepicker__day a.the-datepicker__button:hover .the-datepicker__day-content {
    background-color: #cacaca;
}

.the-datepicker__main td.the-datepicker__day--highlighted a.the-datepicker__button .the-datepicker__day-content {
    background-color: #cacaca;
}

.the-datepicker__main td.the-datepicker__day--outside a.the-datepicker__button {
    color: #8ac4ff;
}

.the-datepicker__main td.the-datepicker__day--unavailable a.the-datepicker__button {
    color: #ececec;
}

.the-datepicker__main td.the-datepicker__day--unavailable a.the-datepicker__button:hover .the-datepicker__day-content {
    background-color: transparent;
}

.the-datepicker__main td.the-datepicker__day--selected a.the-datepicker__button,
.the-datepicker__main td.the-datepicker__day--selected.the-datepicker__day--highlighted a.the-datepicker__button {
    color: #fff;
}

.the-datepicker__main td.the-datepicker__day--selected a.the-datepicker__button .the-datepicker__day-content,
.the-datepicker__main td.the-datepicker__day--selected.the-datepicker__day--highlighted a.the-datepicker__button .the-datepicker__day-content {
    background-color: #717171;
}

.the-datepicker__main td.the-datepicker__day--selected a.the-datepicker__button:hover .the-datepicker__day-content,
.the-datepicker__main td.the-datepicker__day--selected.the-datepicker__day--highlighted a.the-datepicker__button:hover .the-datepicker__day-content {
    background-color: #717171;
}

.the-datepicker__main .the-datepicker__day--weekend,
.the-datepicker__main .the-datepicker__week-day--weekend,
.the-datepicker__main td.the-datepicker__day--today {
    font-weight: bold;
}

.the-datepicker__main .the-datepicker__animated {
    animation-duration: 0.1s;
    animation-fill-mode: both;
}

.the-datepicker__deselect-button {
    text-decoration: none;
    color: #474747;
    font-weight: bold;
}

.the-datepicker__top {
    display: none
}

.the-datepicker__calendar {
    font-size: 14px;
    margin-bottom: 0;
}

.the-datepicker__deselect-button:hover {
    text-decoration: none;
}

.the-datepicker__fade-out-left {
    animation-name: the-datepicker-fade-out-left;
}

.the-datepicker__fade-out-right {
    animation-name: the-datepicker-fade-out-right;
}

.the-datepicker__fade-in-left {
    animation-name: the-datepicker-fade-in-left;
}

.the-datepicker__fade-in-right {
    animation-name: the-datepicker-fade-in-right;
}

@-moz-keyframes the-datepicker-fade-out-left {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(-100%, 0, 0);
    }
}

@-webkit-keyframes the-datepicker-fade-out-left {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(-100%, 0, 0);
    }
}

@-o-keyframes the-datepicker-fade-out-left {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes the-datepicker-fade-out-left {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(-100%, 0, 0);
    }
}

@-moz-keyframes the-datepicker-fade-out-right {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(100%, 0, 0);
    }
}

@-webkit-keyframes the-datepicker-fade-out-right {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(100%, 0, 0);
    }
}

@-o-keyframes the-datepicker-fade-out-right {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes the-datepicker-fade-out-right {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(100%, 0, 0);
    }
}

@-moz-keyframes the-datepicker-fade-in-left {
    from {
        transform: translate3d(-100%, 0, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes the-datepicker-fade-in-left {
    from {
        transform: translate3d(-100%, 0, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

@-o-keyframes the-datepicker-fade-in-left {
    from {
        transform: translate3d(-100%, 0, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes the-datepicker-fade-in-left {
    from {
        transform: translate3d(-100%, 0, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

@-moz-keyframes the-datepicker-fade-in-right {
    from {
        transform: translate3d(100%, 0, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes the-datepicker-fade-in-right {
    from {
        transform: translate3d(100%, 0, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

@-o-keyframes the-datepicker-fade-in-right {
    from {
        transform: translate3d(100%, 0, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes the-datepicker-fade-in-right {
    from {
        transform: translate3d(100%, 0, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

.the-datepicker__main th.the-datepicker__week-day {
    font-size: 0.7em;
}

.p-landmark-sub,
.p-meta,
input,
button,
select,
textarea {
    font-family: "Lato", sans-serif !important;
}

.form-group {
    margin-bottom: 15px;
    display: block;
    width: 100%;
    position: relative;
}

.form-group textarea,
.form-group input,
.form-group select {
    display: block;
    width: 100%;
    background: #eee;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100%;
}

.input-group-addon {
    padding: 7px 12px 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.input-group .input-group-addon {
    border-radius: 0;
    border-color: #d2d6de;
    background-color: #fff;
}

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

.select2-container {
    font-size: 14px !important;
}

.selection .select2-selection__rendered {
    color: #ddd !important;
}

.select2-container--above .selection .select2-selection__rendered,
.select2-container--below .selection .select2-selection__rendered {
    color: black !important;
}

.input-group .selection {
    font-size: 14px;
}

.input-group .selection .select2-selection {
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    border-radius: 10px;
    height: 36px;
    border: 1px solid #ddd;
    background-color: rgb(255, 255, 255);
}

.input-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 6px;
    height: 31px;
}

.input-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px;
    background: rgb(255, 255, 255);
}

.input-group .form-control,
.input-group-addon,
.input-group-btn {
    display: table-cell;
    background-color: rgb(255, 255, 255) !important;
}

.input-group .form-control {
    position: relative;
    z-index: 0;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.input-group .form-control {
    border-radius: 10px;
    height: 36px;
}

.form-group input[type=radio] {
    display: inline-block;
    width: auto;
    margin-right: 10px;
}

.form-group.radios label {
    display: inline-block;
    font-size: 14px;
}

.regis-container{
    max-width: 767px;
    margin: 0 auto;
}

.regis-container label{
    font-size: 14px;
    font-weight: bold;
}

.box {
    box-shadow: 1px 1px 5px 2px #eee;
    padding: 25px 35px;
    margin-bottom: 45px;
    text-align: left;
    background-color: white;
}

@media(max-width:767px) {
    .box {
        padding: 20px;
    }
}

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

.back {
    position: relative;
    top: 3px;
}

.back svg {
    width: 26px;
    height: 26px;
    margin-right: 10px;
}

h3.box-title {
    font-size: 28px;
    margin-bottom: 5px;
}

.box-header {
    text-align: center;
}

.box-header p {
    font-size: 14px;
}

.back {
    cursor: not-allowed;
    opacity: .3;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance: textfield;
    /* Firefox */
}

#progressbar {
    background-color: #d0e5ff;
    border-radius: 13px;
    /* (height of inner div) / 2 + padding */
    padding: 2px;
    margin-bottom: 15px;
}

#progressbar>div {
    background-color: #3992ff;
    width: 33%;
    /* Adjust with JavaScript */
    height: 10px;
    border-radius: 10px;
}

#progressbar span {
    font-size: 1.2em;
}

#progressbar>div {
    background-color: #3992ff;
    width: 33%;
    /* Adjust with JavaScript */
    height: 10px;
    border-radius: 10px;
}

#progressbar.step2>div {
    width: 66%;
}

.label-progress {
    text-align: center;
    font-size: 16px;
}

.loader,
.loader:before,
.loader:after {
    border-radius: 50%;
    width: 2em;
    height: 2em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.2s infinite ease-in-out;
    animation: load7 1.2s infinite ease-in-out;
}

.loader {
    color: #99d6ff;
    font-size: 10px;
    margin: 0px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.loader:before,
.loader:after {
    content: '';
    position: absolute;
    top: 0;
}

.loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loader:after {
    left: 3.5em;
}

@-webkit-keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

@keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

.overHid {
    overflow: hidden !important;
}

input[disabled]:not(input[type="submit"]),
select[disabled],
textarea[disabled],
input[readonly]:not(input[type="submit"]),
select[readonly],
textarea[readonly] {
    background-color: #eee !important;
}

.arrow-help {
    position: absolute;
    text-align: center;
    left: -155px;
    bottom: 5px;
}

.arrow-help div {
    font-size: 16px;
    max-width: 120px;
}

.arrow-help img {
    position: relative;
    width: 90px;
    left: 20px;
}

.arrow-help.right {
    right: -170px;
    left: auto;
}

.arrow-help.right img {
    -moz-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
    right: 15px;
    left: auto;
}

@media (max-width: 767px) {
    .arrow-help {
        display: none;
    }
}

#cs-content #calenderTf .x-btn,
#surveiTf .x-btn {
    border: none;
    border-bottom: none !important;
    width: auto;
    font-weight: bold;
    font-size: 16px;
    text-shadow: none;
    display: inline-block;
    padding: 12px 45px;
    border-radius: 25px;
    background: #078031;
}


/* #cs-content #calenderTf .x-btn:hover {
    background-color: rgb(145, 0, 137) !important;
} */

.select2-container--default .select2-selection--single {
    background-color: #fff;
}