/********************* demo items *************************/
.exp-frame {
    border: 1px solid lightgrey;
    border-radius: 30px 0 30px 0 !important;
    padding: 20px;
}

.offer-figure-normal {
    color: rgb(117, 142, 167);
}

.offer-figure-bonus {
    color: rgb(65, 139, 69);
}

/********************* overlay *************************/

.overlay-frame {
    position: relative;
}

.overlay {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    overflow: hidden;
    background-color: rgb(129, 158, 184);
    animation-fill-mode: forwards;
    animation-timing-function:ease;
    animation-iteration-count:1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function:ease;
    -webkit-animation-iteration-count:1;
    border-radius: 30px 0 30px 0 !important;
    text-align: center;
    z-index: 100;
}

.overlay-label {
    position:absolute;
    /*display: table;*/
    top: 50%;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto;
    /*vertical-align: middle;*/
    text-align: center;
    color: rgba(12, 37, 63, 0.7);
    font-size: xx-large;
}

@keyframes scaleme {
    0% {
        transform: scale(1);
        opacity: 0.4;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
        display: none;
        animation-play-state: paused;
    }
}

@-webkit-keyframes scaleme {
    0% {
        -webkit-transform: scale(1);
        opacity: 0.4;
    }
    100% {
        -webkit-transform: scale(1.2);
        opacity: 0;
        display: none;
        animation-play-state: paused;
    }
}

/********************* noUiSlider customization *************************/

.noUi-origin {
    background: white;
}

.noUi-base {
    background: rgb(129, 158, 184);
    opacity: 0.8;
}

.noUi-value-horizontal {
    padding-top: 12px !important;
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 9px !important;
}

/****************** validation ***********************************/
.form-group .help-block {
    display: none;
}

.form-group.has-error .help-block {
    display: block;
}

/***************** divider *****************************/

.divider-line .line, .divider-line .cell {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
}
.divider-line > .line {
    width: 50%;
    padding: 0 10px;
}
.divider-line > .line b {
    display: block;
    border-bottom: 1px solid lightgray;
}