/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
.hide {
    display: none;
}
.stripe-form-wrap {
    margin-top: 20px;
    padding-bottom: 30px;
}
.StripeElement {
    background-color: white;
    height: 40px;
    padding: 10px 12px;
    border-radius: 4px;
    border: 1px solid #909394;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}
.stripe-button {
    border: none;
    border-radius: 4px;
    outline: none;
    text-decoration: none;
    color: #fff;
    background: #32325d;
    white-space: nowrap;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 14px;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.025em;
    text-decoration: none;
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
    float: right;
    margin-left: 12px;
    margin-top: 28px;
    cursor: pointer;
}

.form-row-stripe label {
    color: #ffffff;
}

.signup-form-select {
    color: #ffffff;
    background-color: transparent;
    width: 100%;
    padding: 15px;
}
select.signup-form-select option {
    color: #666666;
    background-color: #ffffff;
    width: 100%;
}

.bg-login {
    background-color: #f2f3f8;
}
.login-title {
    color: #304b5a;
}
.signup-logo {
    max-width: 150px;
}
.signup-page-wrap {
    margin-top: 7%;
    margin-bottom: 7%;
    max-width: 850px;
}
.btn-login {
    background-color: #ffffff;
    border: 1px solid #9e9e9e;
    color: #304b5a;
    min-width: 150px;
    transition: all 0.5s;
}
.btn-login:hover {
    background-color: #304b5a;
    color: #ffffff;
}

/* ***** dashboard css ********* */
.dashboard-alerts {
    margin: 20px 0;
}
.dashboard-alerts a strong {
    font-weight: 500;
}
.dashboard-alerts a:hover,
.dashboard-alerts a:focus {
    outline: none;
    text-decoration: none;
}
.dashboard-rsvp-list .rsvp-event {
    padding: 15px 0;
    border-top: 1px solid #c5c5c5;
}
.dashboard-rsvp-list .rsvp-event .rsvp-btn-yes {
    color: #f6fcfb;
    background-color: #45ccb1;
    border-color: #39c9ac;
    padding: 2px 10px;
    margin: 5px 0;
    display: inline-block;
    border-radius: 4px;
}
.dashboard-rsvp-list .rsvp-event .rsvp-btn-no {
    color: white;
    background-color: #f66e84;
    border-color: #f55f78;
    padding: 2px 10px;
    margin: 5px 0;
    display: inline-block;
    border-radius: 4px;
}
.email-notification-check {
    margin-top: 10px;
}

/* ********* Add to calender *********** */

#add-to-calendar-checkbox-label {
    cursor: pointer;
}

.add-to-calendar-checkbox ~ a {
    display: none;
}

.add-to-calendar-checkbox:checked ~ a {
    display: block;
    width: 150px;
    margin-left: 20px;
}

input[type=checkbox].add-to-calendar-checkbox {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.add-to-calendar-checkbox ~ a:before {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAAQCAYAAACIoli7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0MzJCRDU2NUE1MDIxMUUyOTY1Q0EwNTkxNEJDOUIwNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0MzJCRDU2NkE1MDIxMUUyOTY1Q0EwNTkxNEJDOUIwNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQzMkJENTYzQTUwMjExRTI5NjVDQTA1OTE0QkM5QjA0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQzMkJENTY0QTUwMjExRTI5NjVDQTA1OTE0QkM5QjA0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1Gcb3QAACh1JREFUeNrEWAtw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);
    margin-right: .5em;
    content: ' ';
}

.icon-ical:before {
    background-position: -68px 0;
}

.icon-outlook:before {

}

.icon-yahoo:before {
    background-position: -36px +4px;
}

.icon-google:before {
    background-position: -52px 0;
}

.cal-data {
    display: none;
}
.add-to-cal {
    margin-left: 30px;
}
.add-to-cal .add-to-calendar {
    background-color: #fff;
    max-width: 200px;
    position: absolute;
    z-index: 10;
}
.add-to-cal .add-to-calendar label {
    background-color: #2c424f;
    color: #ffffff;
    /*
    padding: 5px 15px;
    margin-bottom: 0;
    cursor: pointer;
    width: 100%;
    */
    padding: 3px 10px;
    margin-bottom: 0;
    cursor: pointer;
    border-radius: 20px;
    font-size: 13px;
}
.add-to-cal .add-to-calendar-checkbox:checked~a {
    /*
    margin-top: 8px;
    margin-bottom: 5px;
    */
    background: #f4f3f8;
    margin: 0;
    line-height: 1;
    display: block;
    max-width: 200px;
    padding: 7px 5px;
}
.add-to-cal .add-to-calendar-checkbox:checked~a:hover {
    text-decoration: none;
}

/* ************* **************
******* Recipients List *******
**************************** */
.recipients-list-wrap {
    background-color: #f4f4f4;
    height: 100vh;
    overflow: scroll;
}
.recipients-list-wrap h4 {
    font-size: 16px;
    font-weight: 500;
    font-family: Roboto;
    color: #575962;
    padding: 15px 0 20px 15px;
}
.recipients-list-item {
    padding-left: 15px;
    margin-bottom: 15px;
}
.recipients-list-item span strong {
    font-weight: 500;
}
.recipients-list-item span {
    display: block;
    font-size: 13px;
}


#document-container {
    width: 100%;
    display: block;
    margin-top: 100px !important;
}
#document-container object {
    width: 100%;
    display: block;
    height: 650px;
}
table tr.highlight td {
    background-color: #ccecfd !important;
    border-color: #ccecfd;
}

/* *********** header btn ********** */
.btn-header {
    margin-top: 25px;
    display: inline-block;
}
.btn-header i {
    font-size: 20px;
}
.global-search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 110;
    background-color: #ffffff;
}
#globalSearch.large {
    height: 100vh;
}
.search-close {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 103;
    border: 1px solid #000000;
    border-radius: 50px;
    background-color: #ffffff;
    cursor: pointer;
    padding: 4px 7px;
}
.search-close i {
    font-size: 24px;
}
.search-result-section {
    margin: 30px 0;
    padding-bottom: 30px;
    padding-left: 30px;
}
.search-result-section h5 {
    margin-bottom: 20px;
    text-decoration: underline;
}