@-webkit-keyframes vex-pulse {
    0% {
        box-shadow: inset 0 0 0 300px transparent;
    }
    70% {
        box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
    }
    100% {
        box-shadow: inset 0 0 0 300px transparent;
    }
}

@keyframes vex-pulse {
    0% {
        box-shadow: inset 0 0 0 300px transparent;
    }
    70% {
        box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
    }
    100% {
        box-shadow: inset 0 0 0 300px transparent;
    }
}

.vex.vex-theme-clickmagick {
    padding-top: 80px;
    /*padding-bottom: 160px;*/
}

.vex.vex-theme-clickmagick .vex-content {
    font-family: Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 16px;
    background: #fff;
    color: #444;
    padding: 1em;
    position: relative;
    margin: 0 auto;
    max-width: 100%;
    width: 450px;
    line-height: 1.5em;
}

/* For ClickMagick modal windows */
.vex.vex-theme-clickmagick .vex-content-modal {
    border-radius: 10px;
    font-family: Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 16px;
    background: #ffffff;
    color: #444;
    padding: 0;
    position: relative;
    margin: 0 auto;
    width: 920px;                          /* Must have 920px width after padding is applied */
    line-height: 1.5em;
}


/* For ClickMagick error dialogs */
.vex.vex-theme-clickmagick .vex-content-errors {
    border-radius: 10px;
    font-family: Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 16px;
    background: #f0f0f0;
    background-color: #ffffff;
    color: #444;
    padding: 1em;
    position: relative;
    margin: 0 auto;
    max-width: 800px;
    width: 450px;
    line-height: 1.5em;
}

/* z-ording necessary For ClickMagick error dialogs that appear on top of fancyboxes */
.vex-overlay-errors {
    z-index: 9001;
}
div.vex-overlay-errors + div.vex.vex-theme-clickmagick {
    z-index: 9001;
}

.vex-overlay-none {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
/*  position: fixed;
  z-index: 1111;*/
  background: transparent;
}

.vex-overlay-light {
  position: fixed;
  z-index: 1111;
  background: rgba(0, 0, 0, 0.2);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}


.vex.vex-theme-clickmagick .vex-content h1,
.vex.vex-theme-clickmagick .vex-content h2,
.vex.vex-theme-clickmagick .vex-content h3,
.vex.vex-theme-clickmagick .vex-content h4,
.vex.vex-theme-clickmagick .vex-content h5,
.vex.vex-theme-clickmagick .vex-content h6,
.vex.vex-theme-clickmagick .vex-content p,
.vex.vex-theme-clickmagick .vex-content ul,
.vex.vex-theme-clickmagick .vex-content li {
    color: inherit;
}

.vex.vex-theme-clickmagick .vex-close {
    border-radius: 10px;                                                 /*******/
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.vex.vex-theme-clickmagick .vex-close:before {
    position: absolute;
    /*content: "\00D7";*/
    border-radius:  3pt;
    content:        url('../png/closebox.png');
    font-size:      22pt;
    font-weight:    normal;
    line-height:    1em;
    height:         1em;
    width:          1em;
    text-align:     center;
    top:            20pt;
    right:          24px;
    color:          #bbb;
    background:     transparent;
}

.vex.vex-theme-clickmagick .popover-video:before {
    top:            2px;
    right:          21px;
    height:         1px;
    width:          1px;
    font-size:      18pt;
    content:        "\00D7";
    color:          #333;
}

.vex.vex-theme-clickmagick .vex-close:hover:before,
.vex.vex-theme-clickmagick .vex-close:active:before {
    /*color: #777;
    background: #e0e0e0;*/
}

.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-message {
    margin-bottom: .5em;
}

.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input {
    margin-bottom: 1em;
}

.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input select,
.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input textarea,
.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input input[type="date"],
.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input input[type="datetime"],
.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input input[type="datetime-local"],
.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input input[type="email"],
.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input input[type="month"],
.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input input[type="number"],
.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input input[type="password"],
.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input input[type="search"],
.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input input[type="tel"],
.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input input[type="text"],
.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input input[type="time"],
.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input input[type="url"],
.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input input[type="week"] {
    border-radius: 6px;                                         /*******/
    background: #fff;                                           /*******/
    width: 100%;                                                /*******/
    padding: .25em .67em;
    border: 0;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    min-height: 2.5em;
    margin: 0 0 .25em;
}

.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input select:focus,
.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input textarea:focus,
.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input input[type="date"]:focus,
.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus,
.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus,
.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input input[type="email"]:focus,
.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input input[type="month"]:focus,
.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input input[type="number"]:focus,
.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input input[type="password"]:focus,
.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input input[type="search"]:focus,
.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input input[type="tel"]:focus,
.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input input[type="text"]:focus,
.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input input[type="time"]:focus,
.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input input[type="url"]:focus,
.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-input input[type="week"]:focus {
    box-shadow: inset 0 0 0 2px #8dbdf1;                        /*******/
    outline: none;
}

.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-buttons {
    *zoom: 1;
    text-align: center;                                         /*******/
}

.vex.vex-theme-clickmagick .vex-dialog-form .vex-dialog-buttons:after {
    content: "";
    display: table;
    clear: both;
}

.vex.vex-theme-clickmagick .vex-dialog-button {                 /*******/
    border-radius: 6px;
    border: 0;
    /*float: right;*/
    margin: 0 0 0 .5em;
    font-family: inherit;
    /*text-transform: uppercase;*/
    /*letter-spacing: .1em;*/
    font-size: 15px;
    line-height: 1em;
    padding: .75em 2em;
}

.vex.vex-theme-clickmagick .vex-dialog-button.vex-last {
    margin-left: 0;
}

.vex.vex-theme-clickmagick .vex-dialog-button:focus {
    /*      -webkit-animation: vex-pulse 1.1s infinite;         /*******/
    /*animation: vex-pulse 1.1s infinite;*/
    outline: none;
}

@media (max-width: 568px) {
    .vex.vex-theme-clickmagick .vex-dialog-button:focus {
        -webkit-animation: none;
        animation: none;
    }
}

.vex.vex-theme-clickmagick .vex-dialog-button.vex-dialog-button-primary {               /*******/
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1b9c1b), color-stop(100%, #137013));
    background: -webkit-linear-gradient(top, #1b9c1b, #137013);
    background: -moz-linear-gradient(top, #1b9c1b, #137013);
    background: -o-linear-gradient(top, #1b9c1b, #137013);
    background: linear-gradient(top, #1b9c1b, #137013);
    background-color: #5fac5a;
    border-color: #105a10;
    color: white;
    height: 27.6px;
    padding: 0px 20.48px;
    font-size: 15px;
    text-shadow: 0 -1px 1px rgba(1, 3, 1, 0.35);
}

.vex.vex-theme-clickmagick .vex-dialog-button.vex-dialog-button-primary:hover {         /*******/
    background-color: #5fac5a;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1eb21e), color-stop(100%, #137013));
    background: -webkit-linear-gradient(top, #1eb21e, #137013);
    background: -moz-linear-gradient(top, #1eb21e, #137013);
    background: -o-linear-gradient(top, #1eb21e, #137013);
    background: linear-gradient(top, #1eb21e, #137013);
}


/* line 237, ../scss/partials/_buttons.scss */

.vex.vex-theme-clickmagick .vex-dialog-button.vex-dialog-button-primary:active {        /*******/
    background: #277627;
    color: #082f08;
}

.vex.vex-theme-clickmagick .vex-dialog-button.vex-dialog-button-secondary {
    background: #e0e0e0;
    color: #777;
}

.vex-loading-spinner.vex-theme-clickmagick {                                            /*******/
    box-shadow: 0 0 0 0.5em #f0f0f0, 0 0 1px 0.5em rgba(0, 0, 0, 0.3);
    border-radius: 100%;
    background: #f0f0f0;
    border: .2em solid transparent;
    border-top-color: #bbb;
    top: -1.1em;
    bottom: auto;
}