.hidden {
    display: none;
}

.aaec-location-select {
    display: none;
}

.aaec-location-select--enabled {
    display: block;
}

.aaec-form textarea,
.aaec-form input[type="text"] {
    border: 1px solid #efefef;
    display: block;
    width: 100%;
}

.aaec-form .invalid {
    border: 1px solid #Faa !important;
}
.aaec-form input[type="text"].datetimepicker {
    display: inline;
    width: 200px;
}

.aaec-scroll-down {
    background: transparent;
    
    font-size: 1.25em;
    font-weight: bold;
    
    padding-right: 2.5em;
    position: fixed;
    bottom: 1em;
    right: 3em;
    opacity: .6;
    color: #2A699F;
}
.aaec-scroll-down::after {
    content: " ";
    position: fixed;
    right: .75em;
    top: .25em;
    line-height: 1.5em;
    width: 1.25em;
    height: 1.25em;
    
    background-repeat: no-repeat;
    
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI4NC45MjlweCIgaGVpZ2h0PSIyODQuOTI5cHgiIHZpZXdCb3g9IjAgMCAyODQuOTI5IDI4NC45MjkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4NC45MjkgMjg0LjkyOTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbD0iIzJBNjk5RiIgZD0iTTI4Mi4wODIsNzYuNTExbC0xNC4yNzQtMTQuMjczYy0xLjkwMi0xLjkwNi00LjA5My0yLjg1Ni02LjU3LTIuODU2Yy0yLjQ3MSwwLTQuNjYxLDAuOTUtNi41NjMsMi44NTZMMTQyLjQ2NiwxNzQuNDQxDQoJCUwzMC4yNjIsNjIuMjQxYy0xLjkwMy0xLjkwNi00LjA5My0yLjg1Ni02LjU2Ny0yLjg1NmMtMi40NzUsMC00LjY2NSwwLjk1LTYuNTY3LDIuODU2TDIuODU2LDc2LjUxNUMwLjk1LDc4LjQxNywwLDgwLjYwNywwLDgzLjA4Mg0KCQljMCwyLjQ3MywwLjk1Myw0LjY2MywyLjg1Niw2LjU2NWwxMzMuMDQzLDEzMy4wNDZjMS45MDIsMS45MDMsNC4wOTMsMi44NTQsNi41NjcsMi44NTRzNC42NjEtMC45NTEsNi41NjItMi44NTRMMjgyLjA4Miw4OS42NDcNCgkJYzEuOTAyLTEuOTAzLDIuODQ3LTQuMDkzLDIuODQ3LTYuNTY1QzI4NC45MjksODAuNjA3LDI4My45ODQsNzguNDE3LDI4Mi4wODIsNzYuNTExeiIvPg0KPC9nPg0KPC9zdmc+DQo=);
    
    background-position: center;
    background-size: cover;
}

/* Credit: SpinKit: http://tobiasahlin.com/spinkit/ */
@-webkit-keyframes sk-rotateplane {
    0% { -webkit-transform: perspective(120px) }
    50% { -webkit-transform: perspective(120px) rotateY(180deg) }
    100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
    0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
    } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
    } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}
            
#aaec-manage-events {
    position: relative;
}

.aaec-manage-events--loading::before,
.aaec-manage-events--modal::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(245, 245, 245, 0.8);
    z-index: 1050;
}

.aaec-manage-events--loading::after {
    /* Make this useful */
    content: "";
    background-color: #433a65;
    width: 3em;
    height: 3em;
    position: fixed;
    top:50%;
    left: 50%;
    
    margin: -1.5em auto auto -1.5em;

    /* Start animation! */
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
    
    z-index: 1051;
}

.aaec-manage-events-toast {
    padding: 1em 1.5em;
    color: #fff;
    background: #17d;
    margin-bottom: .75em;
    position: relative;
}

.aaec-manage-events-toast--modal {
    position: fixed;
    
    top: 50%;
    left: 50%;
    
    width: 500px;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1051;
}

.aaec-manage-events-toast.aaec-error {
    background: #D14;
}

.aaec-manage-events-toast.aaec-success {
    background: #1D6;
}

.aaec-manage-events-toast__hide {
    display: block;
    position: absolute;
    
    top: .5em;
    right: .75em;
    
    width: 1.5em;
    height: 1.5em;
    
    color: #fff;
    
    text-decoration: none;
    border: none;
    
    background-size: cover;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB3aWR0aD0iMzIwIiBoZWlnaHQ9IjMyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDx0aXRsZT5CYWNrIFg8L3RpdGxlPgoKIDxnPgogIDx0aXRsZT5MYXllciAxPC90aXRsZT4KICA8ZyBpZD0ibGF5ZXIxIj4KICAgPHBhdGggZmlsbD0iI2ZmZmZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2Utd2lkdGg9IjAuMjVwdCIgaWQ9InBhdGg0OTUwIiBkPSJtMTAwLDYwbC00MCw0MGwxNzAsMTcwbDQwLC00MGwtMTcwLC0xNzB6Ii8+CiAgIDxwYXRoIGZpbGw9IiNmZmZmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLXdpZHRoPSIwLjI1cHQiIGlkPSJwYXRoNDk1MiIgZD0ibTYwLDIzMGwxNzAsLTE3MGw0MCw0MGwtMTcwLDE3MGwtNDAsLTQweiIvPgogIDwvZz4KIDwvZz4KPC9zdmc+);
}

:root .aaec-manage-events-toast__hide {
    box-shadow: none;
}
.aaec-manage-events-toast__hide:hover {
    cursor: pointer;
    text-decoration: none;
}

.aaec-table {
    width: 100%;
}

.aaec-table thead th {
    border: 1px solid transparent;
    border-bottom: 1px solid #555;
}

.aaec-table tbody td {
    border: 1px solid transparent;
    border-bottom: 1px solid #ddd;
    padding: .75em .5em;
    line-height: 1.5em;
}
.aaec-manage-events-times,
.aaec-manage-events-times th,
.aaec-manage-events-times td {
    border: none;
}

.aaec-category-select-wrap,
.aaec-category {
    display: block;
    width: 100%;
}

.aaec-media-uploader {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 999;
    text-align: center;
    opacity: 0;
    transition: opacity 500ms ease-in-out;
}

.aaec-media-uploader__header {
    position: relative;
}

.aaec-media-uploader__body {
    padding: 1em;
}
.aaec-media-uploader__close {
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
}

.aaec-media-uploader--active {
    display: block;
}

.aaec-media-uploader--active {
        opacity: 1;
        transition: opacity 500ms ease-in-out;
}

.aaec-media-uploader__pane {
    background: #fff;
    display: inline-block;
    margin-top: 200px;
}

.aaec-media-uploader--active > .aaec-media-uploader__pane {
        opacity: 1;
        transition: opacity 125ms ease-in-out;
}

form.aaec-event-media__dropzone {
    border: 3px dashed #888;
    background: #efefef;
}

.aaec-media-uploader {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 999;
}
.aaec-event-media__items {
    background: #333;
    padding-top: 16px;
}
.aaec-event-media__items::after {
    float: none;
    clear: both;
    content: ' ';
    display:block;
}

.aaec-event-media__item,
.aaec-event-media__add {
    background: #4a4a4a;
    /*border: 4px solid;*/
    color: #999;
    padding: 0px;
    width: 200px;
    height: 200px;
    position: relative;
    display: block;
    float: left;
    margin-left: 16px;
    margin-bottom: 16px;
}
.aaec-event-media__item {
    border: 3px solid transparent;
}

.aaec-event-media__nothumb {
        font-size: 30px;
        text-align: center;
        padding: 50px 16px 16px;
        font-weight: bold;
        text-overflow: clip;
        word-wrap: break-word;
        line-height: 1;
}

.aaec-event-media__remove-item {
    display: none;
    position: absolute;
    top: -12px;
    right: -12px;
    width: 30px;
    height: 30px;
    font-size: 19px;
    border-radius: 50%;
    background: #fff;
    color: #333;
    text-align: center;
    cursor: pointer;
    font-weight: 900;
    line-height: 1.5;
}

.aaec-event-media__remove-item::after {
    content: 'x';
    font-weight: bold;
    display: inline-block;
}

.aaec-event-media__item:hover {
    border-color: #777;
}
.aaec-event-media__item:hover > .aaec-event-media__remove-item {
    display: block
}

.aaec-event-media__add,
.aaec-event-media__add::before,
.aaec-event-media__add::after {
    border-color: #888 !important;
        cursor: pointer;
}

.aaec-event-media__add:hover, 
.aaec-event-media__add:hover::before,
.aaec-event-media__add:hover::after {
    border-color: #333 !important;
}

.aaec-event-media__add::before {
    content: " ";
    line-height: 1;
    position: absolute;
    width: 89px;
    height: 89px;
    right: 20px;
    border-left: 18px solid;
    border-bottom: 18px solid;
    top: 20px;
    box-sizing: border-box;
}
.aaec-event-media__add::after {
        content: " ";
    line-height: 1;
    position: absolute;
    width: 89px;
    height: 89px;
    left: 20px;
    border-top: 18px solid;
    border-right: 18px solid;
    bottom: 20px;
    box-sizing: border-box;
}
    
/*  SECTIONS  */
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

/*  COLUMN SETUP  */
.col {
    display: block;
    float:left;
    margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/* RESPONSIVE */

@media (min-width: 499px) {
    .visible-mobile {
        display: none !important;
    }
}

@media (max-width: 500px) {
    .hide-mobile {
        display: none !important;
    }
}

/* /RESPONSIVE */

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF TWELVE  */
.span_12_of_12 {
    width: 100%;
}

.span_11_of_12 {
    width: 91.53%;
}
.span_10_of_12 {
    width: 83.06%;
}

.span_9_of_12 {
    width: 74.6%;
}

.span_8_of_12 {
    width: 66.13%;
}

.span_7_of_12 {
    width: 57.66%;
}

.span_6_of_12 {
    width: 49.2%;
}

.span_5_of_12 {
    width: 40.73%;
}

.span_4_of_12 {
    width: 32.26%;
}

.span_3_of_12 {
    width: 23.8%;
}

.span_2_of_12 {
    width: 15.33%;
}

.span_1_of_12 {
    width: 6.866%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
    .col {  margin: 1% 0 1% 0%; }

    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {
        width: 100%; 
    }
}