/*
*
* NETFERENCE - Front-End CSS
* JensenGroup.ca
*
*/

/* common styles */
.float-right {
    float: right;
}
.float-left {
    float: left;
}

#groups-header {
    background: #003982;
}
#groups-header h1 {
    color: #fff !important;
}

.top-jumbotron-content {
    padding-left: 6px;
}


/* buttons */
a.netference-button-small,
a.netference-button-large {
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0.75em 0.75em;
    background: #00d5e9;
    color: #fff !important;
    border-radius: 8px;
    cursor: pointer;
} 
a.netference-button-small {
    font-size: 14px;
    padding: 0.5em 0.5em;
    border-radius: 6px;
}

a.netference-button-small:hover,
a.netference-button-small:focus,
a.netference-button-small:active,
a.netference-button-large:hover,
a.netference-button-large:focus,
a.netference-button-large:active {
    background: #003982;
}

a.inactive {
    pointer-events: none !important;
    cursor: default !important;
    background: #515152 !important;
}

/* [site_registration] */
div#registration-outer {
    float: left;
    clear: both;
    width: calc(100% - 1em);
    margin: 0;
    padding: 0 0.5em;
}

div.fields-set {
    float: left;
    width: 100%;
    margin: 0 0 2em 0;
/*    
    min-height: 640px;
*/    
}

div.fields-set div.field-item {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0.25em 0 0 0;
}

.asterisk {
    color: #eb2f06;
}
.capitalize {
    text-transform: capitalize;
}

div#registration-outer input[type="text"],
div#registration-outer input[type="number"],
div#registration-outer input[type="email"],
div#registration-outer input[type="password"],
div#registration-outer input[type="tel"],
div#registration-outer textarea,
div#registration-outer select {
    width: 100%; /* calc(100% - 1em); */
}

div#registration-outer label {
    margin-top: 0.75em;
    cursor: pointer;
}

label.error-label,
div#registration-outer label.error-label {
    cursor: default;
    color: #eb2f06; /* tomato red */
}



/* [site_registration] end */

/* CROPIT */
.image-cropper {
    position: relative;
    width: 300px;
    margin: 0 auto 1em;
    text-align: center;
	z-index: 9997;
}
.image-cropper-mask {
    width: 300px;
    height: 300px;
    opacity: 0.777;
    position: absolute;
    top: 0;
    left: calc(50% - 150px);
    pointer-events: none;
    z-index: 9998;
    background: -moz-radial-gradient(transparent 150px, rgba(0,0,0,1) 150px);
    background: -webkit-radial-gradient(transparent 150px, rgba(0,0,0,1) 150px);
    background: -ms-radial-gradient(transparent 150px, rgba(0,0,0,1) 150px);
    background: -o-radial-gradient(transparent 150px, rgba(0,0,0,1) 150px);
}

.cropit-preview {
    /* You can specify preview size in CSS */
    width: 300px;
    height: 300px;
    cursor: grab;
}
input.cropit-image-input {
    visibility: hidden;
}

i#cropit-rotation-left,
i#cropit-rotation-right,
i#cropit-small-icon,
i#cropit-large-icon {
	color: #666;
}
/* CROPIT ENDS */


/* PUT THIS to theme's style.css */
a.nf-button-xs {
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0;
    background: #00d5e9;
    color: #fff !important;
    border-radius: 6px;
    cursor: pointer;
    text-align: center;
    text-decoration: none !important;
}

a.nf-button-xs:hover {
    background: #fff;
    color: #003982;
}

a.nf-button-xs.straight {
    border-radius: 0;
}
a.nf-button-xs.full-width {
    width: 100%;
}
/* PUT THIS to theme's style.css END */

.dialog-button-cancel {
    background-color: #d35400 !important;
    color: #fff !important;
}
.dialog-button-trash {
    background-color: #d63031 !important;
    color: #fff !important;
    float:right;
}
.dialog-button-clone {
    background-color: #16a085 !important;
    color: #fff !important;
    float:left;
}


/*
*
* AGENDA AND CALENDAR STYLES
*
*
*/

/*
.fc .fc-view-harness {
    padding-bottom: initial !important;
}
*/

.conference-event-featured {
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position-x: right !important;
}

.popover-description {
    text-align: justify;
}
.popover-featured-row,
.popover-avatar-row {
    margin-top: 1em;
}
.popover-featured-outer,
.popover-avatar-outer {
    margin-bottom: 1em;
}
.popover-featured-outer img {
    width: 250px !important;
    height: auto !important;
}

.popover-avatar-outer img {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
}

.fc-timegrid-slot.fc-timegrid-slot-lane {
    background: #fff !important;
}

.agenda-session {
    cursor: pointer;
    min-height: 46px;
    border-color: #25aec1;
    background: #25aec1;
    color: #fff !important;
}

.agenda-session:hover {
    border-color: #003982;
    background: #003982;
    color: #fff !important;
}

.workshop {
    border-color: #5fc9c9;
    background: #5fc9c9;
}
.plenary_session {
    border-color: #25AEC1;
    background: #25AEC1;
}
.oral_presentation {
    border-color: #294F8C;
    background: #294F8C;
}
.cultural_presentation {
    border-color: #436391;
    background: #436391;
}

/* CALENDAR BUTTONS */


.fc .fc-toolbar.fc-header-toolbar {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.fc-event-main .col-left {
    display: table;
}
.fc-event-main .col-left .bookmark {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.fc-event-main .col-left .bookmark i {
    margin: 0 auto;
}

.fc-event-main .col-right .row {
    display: table;
}

.fc-event-main .col-right .container-fluid {
    margin-left: -20px;
}

.fc-event-main .col-right .row .fc-event-time {
    display: table-cell; 
    vertical-align: bottom;
}
.fc-event-main .col-right .row .fc-event-title {
    display: table-cell; 
    vertical-align: top;
}
.fc-event-main .col-right .row .fc-event-title span {
    width: 85%;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Fjalla One';
    text-transform: uppercase;
}

a.fc-event.agenda-session.workshop .fc-event-main .col-right .row .fc-event-title span {
    white-space: nowrap!important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100px !important;
    display: inline-block;
}


table.table th,
table.table td {
    font-size: 14px;
}

table.table th {
    text-align: left !important;
    vertical-align: top !important;
    border: solid 1px darkgrey;
}

table.table td img.tiny-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.action {
    cursor: pointer !important;
}
.action i:not(.fa-2x) {
    font-size: 1.25em;
}

.action:hover {
    color: #003982 !important;
    text-decoration: underline;
}
.action:hover i {
    color: #003982;
}
.action-ban:hover i {
    color: #EA2027;    
}

h2.session-description {
    font-size: 1em;
    line-height: 1.5em;
}


/**
*
* Sidebar Accordions
*
*/
.accordionButton {
	background-color: #515152;
	color: #fff !important;
    cursor: pointer !important;
    text-transform: uppercase;
    padding: 0.25em 0.5em;
}
.accordionButton:hover {
	background-color: #0c3581;
	color: #fff !important;
}
.accordionButton.on {
	background-color: #0c3581;
	color: #fff !important;
}

.accordionContent {
    background: #fff;
    font-size: 14px;
    line-height: 20px;
}

.accordionContent .container-fluid .row {
    margin-top: 1em;
    margin-bottom: 0.5em;
}
.accordionContent .container-fluid .row:first-child {
    margin-top: 1.5em;
}
.accordionContent .container-fluid .row:last-child {
    margin-bottom: 1.5em;
}

.accordion-header {
    font-family: "Jost" !important;
    text-transform: uppercase;
    font-weight: bold !important;
}


/**
*
* DIALOGS
*
*/
dialog.dialogify.fixed {
    min-width: 95vw;
    width: 95vw;
    height: 95vh;
    
    /* remove blurring on the dialogs: */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    top: 2.5vh;
    left: 2.5vh;
}
.dialogify .dialogify__autowidth {
    max-width: 93vw;
    min-width: 50vw;
}

dialog.dialogify.fixed.confirmation-dialog {
    min-width: 50vw;
    width: 50vw;
    left: 25vw;
    height: initial;
}
.dialogify.confirmation-dialog .dialogify__autowidth {
    max-width: 48vw;
    min-width: 48vw;
}

/*
dialog.dialogify.fixed.md-dialog {
    min-width: 50vw;
    width: 50vw;
    height: 55vh;
}
*/
.dialogify.md-dialog .dialogify__autowidth {
    max-width: 48vw;
    min-width: 48vw;
}



.dialogify__body .container-fluid .row {
    margin-bottom: 1em;
}
textarea.form-control {
    resize: none;
}
label.error {
    color: #d63031;
    font-size: 12px;
}

.dialogify__body select.form-control {
    padding: 0 0.5em !important;
}

#group-member-list,
#group-banned-member-list {
    max-height: 360px;
    overflow-y: auto;
}

@media (max-width: 768px) {
    .dialogify .dialogify__autowidth,
    dialog.dialogify.fixed {
        min-width: 78vw;
        max-width: 78vw;
        left: 49%;
    }

    
}

@media screen and (min-width:991px) {
    .sidebar-button {
        font-size:1vw !important;
    }
}

@media screen and (max-width:991px) {
    .sidebar-button {
        font-size:1rem !important;
    }
    .fc .fc-toolbar.fc-header-toolbar {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }
    .fc-toolbar-chunk, .fc-toolbar-chunk > div:first-of-type {
        width:100%;
        display: flex;
        flex-direction: column;
    }
    .fc-myprev-button, .fc-mynext-button {
        width:50%;
    }

    .fc-header-toolbar .fc-toolbar-chunk:last-child .fc-button-group {
        flex-direction:row;
    }
    #groups-outer-container, #conference-outer-container {
        margin: 80px 0 190px;
    }

}

/**
*
* POPOVERS
*
*/
.micro-profile-popover {
    text-align: center;
}
.micro-profile-popover img {
    width: 180px;
    height: 180px;
    border-radius: 50% !important;
    margin: 0 auto 1em;
}

/**
*
* Profile Links
*
*/
a.profile-link,
a.profile-link span,
a.profile-link small {
    color: #000;
    float: left;
}

a.profile-link small.small-roles {
    clear: both;
}

a.profile-link img {
    float: left;
    margin-right: 0.25em;
}
img.full-avatar {
    border-radius: 50%;
    width: 100%;
    height: auto;
}


/* .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext {
    background-color: #f6f6f6;
} */

table.table th {
    border: solid 1px #ddd;
}

.accordionContent {
    padding:1px 0;
}

.accordionButton.on {
    background:#2083a7;
}

.list-vertical-container {
    max-height: 640px !important;
    overflow-y: auto !important;
}
.big-list-vertical-container {
    max-height: 2048px !important;
    overflow-y: auto !important;
}

/* #groups-sidebar .nf-button-large {
    background:#2083a7 !important;
    transition:all 0.3s;
} */

/* #groups-sidebar .nf-button-large:hover {
    background:#0C3581 !important
} */


.sidebar-button {
    display:flex;
    justify-content: flex-start;
    line-height: 1;
    font-family: "Poppins";
}

.sidebar-button > i {
    margin-right:10px;
}

.fc .fc-toolbar-title {
    font-size: 1.55em;
    font-family: 'Montserrat';
}

.fc .fc-button {
    font-family: "Poppins" !important;
    font-weight: 400 !important;
}

.card-header h5 button {
    font-family: Poppins !important;
    font-weight: 400;
}

.top-jumbotron-content h2 {
    font-family: "Jost";
    font-size:1.2rem;
}

.elementor-button-text {
    color: white;
    font-weight: 600 !important;
    letter-spacing: .5px;
    font-family: "Poppins" !important;
}

#audience-user-type {
    height: 50px;
    padding: 0 1rem;
}

#audience-search {
    padding:1em !important;
}

.audience-buttons a:first-child {
    margin:0 .8rem 0 0;
}