/*
	LOADER
================================================== */

.ctPage-loader {
    position: fixed;
    top: 0;
    left: 0;
    height: 4px;
    background-color: #d50000;
    z-index: 9000;
}

/*
	MESSENGER
================================================== */

.ctPage-messenger {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    padding: 15px;
    color: #ffffff;
    z-index: 8000;
    text-align: center;
}

@media screen and (min-width: 801px) {
    .ctPage-messenger {
        left: 50%;
        width: 570px;
        margin-left: -300px;
    }
}

.ctPage-messenger a.ctPage-messenger-close {
    display: block;
    position: absolute;
    top: 2px;
    right: 2px;
    width: 20px;
    height: 20px;
    color: #ffffff;
    cursor: pointer;
}

.ctPage-messenger a.ctPage-messenger-close:hover {
    text-decoration: none;
}

.ctPage-messenger a {
    color: #ffffff;
    text-decoration: underline;
}

.ctPage-messenger a:hover {
    color: #ffffff;
    text-decoration: none;
}

.ctPage-messenger.error {
    background-color: #d50000;
}

.ctPage-messenger.success {
    background-color: #00c853;
}

.ctPage-messenger.info {
    background-color: #d58512;
}

.ctPage-messenger iframe.rawData {
    border: none;
    margin-top: 10px;
    background-color: #ffffff;
    overflow: scroll;
    width: 500px;
    height: 500px;
}

/*
	POPUP
================================================== */

div.ctPopup-shade {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 6000;
    background-color: rgba(245, 245, 245, 1); /*0.85*/
    overflow: auto;
}

div.ctPopup-shade.black{
    background-color: rgba(0, 0, 0, 0.4) !important;
}

.ctPopup {
    position: relative;
}

/*Used in the registration invitation popup*/
.blur {
    filter:blur(2px);
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
}
/*
	FILE STATIC
================================================== */

.ctFormFileStatic .ctFormFileStatic-removeButton {
    display: block;
    position: absolute;
    z-index: 100;
}

.ctFormFileStatic .ctFormFileStatic-imageFile {
    display: block;
}

/*
	FILE UPLOADER
================================================== */

div.ctFormFileUploader {
}

div.ctFormFileUploader div.ctFormFileUploader-fileStaticContainer {
    overflow: hidden;
}

div.ctFormFileUploader div.ctFormFileUploader-fileStaticContainer div.ctFormFileUploader-fileStatic {
    float: left;
    padding: 5px;
}

div.ctFormFileUploader div.ctFormFileUploader-fileInputContainer input {
    position: absolute;
    opacity: 0;
    height: 30px;
    width: 100%;
    cursor: pointer;
}

.no-js div.ctFormFileUploader div.ctFormFileUploader-fileInputContainer input {
    position: static;
    opacity: 1;
}

.no-js div.ctFormFileUploader div.ctFormFileUploader-fileInputContainer div.ctFormFileUploader-fakeFileInput {
    display: none;
}

/*
	SUPER SELECT & PLACE SELECT (generic styles)
================================================== */

div.ctFormPlaceSelect div.ctFormPlaceSelect-wrapper,
div.ctFormSuperSelect div.ctFormSuperSelect-wrapper {
    position: relative;
}

div.ctFormSuperSelect div.ctFormSuperSelect-suggest {
    position: absolute;
    z-index: 1000;
    left: 0;
    right: 0;
}

div.ctFormPlaceSelect div.ctFormPlaceSelect-suggest {
    padding-bottom: 20px;
    background-image: url("/images/powered-by-google-on-white.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: right bottom;
}

div.ctFormPlaceSelect div.ctFormPlaceSelect-suggest div.ctFormPlaceSelect-suggestMessage,
div.ctFormSuperSelect div.ctFormSuperSelect-suggest div.ctFormSuperSelect-suggestMessage {
    cursor: pointer;
}

div.ctFormPlaceSelect div.ctFormPlaceSelect-item,
div.ctFormSuperSelect div.ctFormSuperSelect-item {
    cursor: pointer;
}

div.ctFormPlaceSelect div.ctFormPlaceSelect-result,
div.ctFormSuperSelect div.ctFormSuperSelect-result {
    position: relative;
    box-sizing: content-box;
}

div.ctFormPlaceSelect.multi div.ctFormPlaceSelect-result,
div.ctFormSuperSelect.multi div.ctFormSuperSelect-result {
    margin-bottom: 10px;
}

div.ctFormPlaceSelect div.ctFormPlaceSelect-result a.ctFormPlaceSelect-removeButton,
div.ctFormSuperSelect div.ctFormSuperSelect-result a.ctFormSuperSelect-removeButton {
    position: absolute;
}

/*
	PROGRESS BAR
================================================== */

div.ctProgressBar {
    position: fixed;
    top: 20px;
    left: 20px;
    width: 300px;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 10px;
    z-index: 7000;
}

div.ctProgressBar div.total,
div.ctProgressBar div.current {
    position: relative;
    height: 30px;
}

div.ctProgressBar div.total {
    margin-bottom: 10px;
}

div.ctProgressBar span.totalName,
div.ctProgressBar span.currentName {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 7010;
    width: 100%;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    color: rgb(255, 255, 255);
    background-color: transparent;
}

div.ctProgressBar div.totalValue,
div.ctProgressBar div.currentValue {
    height: 30px;
    background-color: #2074b1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 7009;
}

/*
	TOGGLE
================================================== */

a.ctToggle-trigger.active {
    color: #a40d14;
}

/*
	AJAX SWITCH
================================================== */

div.ctAjaxSwitch {
}

/* Not active state */
div.ctAjaxSwitch .ctAjaxSwitch-whenActive {
    display: none;
}

div.ctAjaxSwitch a.ctAjaxSwitch-whenActive.inline {
    display: none;
}

div.ctAjaxSwitch div.ctAjaxSwitch-whenNotActive {
    display: block;
}

div.ctAjaxSwitch a.ctAjaxSwitch-whenNotActive {
    display: block;
}

div.ctAjaxSwitch a.ctAjaxSwitch-whenNotActive.inline {
    display: inline;
}

div.ctAjaxSwitch span.ctAjaxSwitch-whenNotActive {
    display: inline;
}

/* Ative state */
div.ctAjaxSwitch.active div.ctAjaxSwitch-whenActive {
    display: block;
}

div.ctAjaxSwitch.active a.ctAjaxSwitch-whenActive {
    display: block;
}

div.ctAjaxSwitch.active a.ctAjaxSwitch-whenActive.inline {
    display: inline;
}

div.ctAjaxSwitch.active span.ctAjaxSwitch-whenActive {
    display: inline;
}

div.ctAjaxSwitch.active .ctAjaxSwitch-whenNotActive {
    display: none;
}

div.ctAjaxSwitch.active .ctAjaxSwitch-whenNotActive.inline {
    display: none;
}

/*
	AJAX TAB
================================================== */

div.ctAjaxTab {
}

/* Not active state */
div.ctAjaxTab .ctAjaxTab-whenActive {
    display: none;
}

div.ctAjaxTab div.ctAjaxTab-whenNotActive {
    display: block;
}

div.ctAjaxTab span.ctAjaxTab-whenNotActive {
    display: inline;
}

/* Ative state */
div.ctAjaxTab .ctAjaxTab-button.active div.ctAjaxTab-whenActive {
    display: block;
}

div.ctAjaxTab .ctAjaxTab-button.active span.ctAjaxTab-whenActive {
    display: inline;
}

div.ctAjaxTab .ctAjaxTab-button.active .ctAjaxTab-whenNotActive {
    display: none;
}