/* GENERAL STYLES */
html { font-size:16px }
body { font-family:'Roboto Condensed', sans-serif; color:#3a3a3a }
a { color:#E06350; text-decoration:underline }
a:focus,
a:active { color:#E06350 }
a:hover { text-decoration:none; color:#E06350 }
a.anchor { display:block; position:relative; top:-98px; visibility:hidden }
.form-control::placeholder { color:#e5e5e5 }  
.form-control:-ms-input-placeholder { color:#e5e5e5 }
.form-control::-ms-input-placeholder { color:#e5e5e5 }

.accounts.page { height:100vh; background: rgb(224,99,80); background: -moz-linear-gradient(top,  rgba(224,99,80,1) 0%, rgba(234,133,81,1) 100%); background: -webkit-linear-gradient(top,  rgba(224,99,80,1) 0%,rgba(234,133,81,1) 100%); background: linear-gradient(to bottom,  rgba(224,99,80,1) 0%,rgba(234,133,81,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e06350', endColorstr='#ea8551',GradientType=0 ); }
.accounts .main { padding-top:1rem }
.accounts .card { max-width:656px; margin:0 auto; border-radius:20px }
.accounts .card-body { padding:2.5rem }
.accounts .card .site-logo { margin-bottom:2.5rem }
.accounts form label { font-weight:700 }
.accounts form .form-control { background-color:#fff !important }
.accounts form .btn { display:flex; justify-content:center; align-items:center; width:100%; font-size:1.375rem; font-weight:700; text-transform:uppercase; color:#E0586F; background:#fff; border:4px solid #FFB27F }
.accounts form .btn:hover { border-color:#E0586F }
.accounts .login form .btn { border-radius:10px }
.accounts .login form .btn:after { content:''; width:17px; height:20px; margin:-1px 0 0 .75rem; background:url(../images/icon_play.png) }
.accounts .login .forget-pass { display:inline-block; text-decoration:none }
.accounts .login .forget-pass:hover { text-decoration:underline }
.accounts .login .text-signup { font-size:.875rem; text-align:center }
.accounts form input { padding:.75rem 1rem }
.accounts form input:focus { border-color:#E06350; box-shadow:none }

@media only screen and (min-width:992px) {
    .accounts .main { padding-top:160px }
}

.session.page { background-color:#fafafa }
.session .main { max-width:1180px }
.session h1,
.session .h1 { font-weight:700; text-align:center; text-transform:uppercase; color:#EA8551 }
.session .card { border-radius:20px; border:0 }
.session .card-body { padding:2.5rem }
.session .steps { display:flex; padding:0; margin-bottom:1.75rem }
.session .steps li { width:33.33%; display:inline-block; padding-bottom:.25rem; font-size:.875rem; text-transform:uppercase; color:#797979; border-bottom:4px solid #E5E5E5 }
.session .steps li + li { margin-left:15px }
.session .steps li.active { font-weight:700; color:#EA8551; border-color:#EA8551 }
.session .steps li.completed { color:#EA8551; border-color:#EA8551 }
.session .steps li.completed:after { content:''; display:inline-block; width:13px; height:11px; margin:0 0 0 .75rem; background:url(../images/icon_completed.png) }
.session .session-proposal h2 { font-weight:700 }
.session .session-proposal .subtitle { font-weight:700; color:#EA8551 }
.session .session-proposal .intro { font-family:'Lato', sans-serif }
.session .session-proposal .intro li { color:#E0586F }
.session .session-proposal .intro li span { color:#3a3a3a }
.session .session-proposal .btn { display:flex; justify-content:center; align-items:center; width:100%; font-size:1.375rem; font-weight:700; text-transform:uppercase; color:#E0586F; background:#fff; border:4px solid #FFB27F }
.session .session-proposal .btn:hover { border-color:#E0586F }
.session .session-proposal .btn-signature { position:relative; font-size:1rem; padding:4rem; border:1px solid #E06350 }
.session .session-proposal .btn-signature:before { content:''; display:block; position:absolute; left:-1px; top:-1px; right:-1px; bottom:-1px; border:2px dashed #fff }
.session .session-proposal legend { font-size:1.125rem }
.session .session-proposal.step2 .title { margin-bottom:2.5rem }
.session .session-proposal.step2 .btn-option { position:relative; flex-direction:column; text-transform:none; font-weight:400; font-size:1rem; color:inherit; border:2px solid #E5E5E5 }
.session .session-proposal.step2 .btn-check:focus + .btn { box-shadow:none }
.session .session-proposal.step2 .btn-check:checked + .btn { border:2px solid #E06350 }
.session .session-proposal.step2 .btn-check:checked + .btn:after { content:''; position:absolute; right:-14px; top:-14px; width:29px; height:29px; background:url(../images/icon_check.png) }
.session .session-proposal.step2 form .form-label { font-size:1.125rem }
.session .session-proposal.step2 form .form-control,
.session .session-proposal.step2 form .form-select { padding:.75rem 1rem }
.session .session-proposal.step2 form .form-control:focus,
.session .session-proposal.step2 form .form-select:focus { border-color:#E06350; box-shadow:none }
.session .session-proposal.step2 form .form-select { background-image:url(../images/icon_arrow_down.png) }
.session .session-proposal.step2 form .alert { background-color:#FAFAFA !important }
.session .session-proposal.step2 form .alert .btn-close { padding:1rem; background-image:url(../images/icon_close.png); width:24px; height:24px; background-size:24px }
.session .session-proposal.step2 form .btn-primary { display:inline-block; width:auto; padding:.75rem 3.5rem; font-size:1rem; color:#fff; background-color:#E0586F; border:0 }
.session .session-proposal.step2 form .btn-primary:hover,
.session .session-proposal.step2 form .btn-primary:focus { box-shadow:inset 0 0 5rem 0 rgba(0,0,0,.2) }
.session .session-proposal.step2 .btn-back { color:rgba(121, 121, 121, 0.5); border-color:transparent }
.session .session-proposal.step2 .btn-back:hover,
.session .session-proposal.step2 .btn-back:focus { color:rgba(121,121,121,1) }
.session .session-proposal.step3 .title { margin-bottom:2.5rem }
.session .session-proposal.step3 form .form-label { font-size:1.125rem }
.session .session-proposal.step3 li { padding:.5rem 0; color:#E0586F }
.session .session-proposal.step3 li span { color:#797979 }
.session .session-proposal.review .card { border-top:4px solid #E0586F }
.session .session-proposal.review .title-edit { margin-bottom:2.5rem }
.session .session-proposal.review .edit-link { display:flex; align-items:center; font-weight:700; text-decoration:none }
.session .session-proposal.review .edit-link:hover { text-decoration:underline }
.session .session-proposal.review .edit-link img { margin-right:.5rem }
.session .session-proposal.review input[disabled],
.session .session-proposal.review textarea[disabled],
.session .session-proposal.review .alert { display:flex; align-items:center; margin-bottom:.5rem; padding:.75rem 1rem; color:#797979; background-color:#fafafa; border-color:rgba(0,0,0,0.05) }
.session .session-proposal.review .alert img { margin-right:.5rem }
.session .session-proposal.review label { padding-top:.75rem; padding-bottom:.75rem }
.session .session-proposal.review .signature-preview { min-height:200px; color:#797979; background-color:#fafafa; border:1px solid rgba(0,0,0,0.05) }
.session .session-proposal.review .modal .modal-content { padding:2rem }
.session .session-proposal.review .modal .btn-close { position:absolute; right:2rem; top:2rem }
.session .session-proposal.review .modal .modal-body { max-width:700px; margin:0 auto; font-size:1.375rem }
.session .session-proposal.review .modal .modal-footer .btn { padding:.5rem 1rem; line-height:normal }
.session .session-proposal .modal .modal-content { border-radius:.5rem }
.session .session-proposal .modal.speaker h2 { text-transform:capitalize }
.session .session-proposal .modal.speaker .btn-close { position:absolute; right:2rem; top:2rem }
.session .session-proposal .modal.speaker .modal-header p { max-width:500px }
.session .session-proposal .modal.speaker .modal-content { padding:2rem }
.session .session-proposal .modal.speaker .form-label { font-size:1rem }
.session .session-proposal .modal.speaker .alert { background-color:#fafafa !important; border:2px solid #E06350 }
.session .session-proposal .modal.speaker .btn[disabled] { color:#e5e5e5; border-color:#e5e5e5 }
.session .session-proposal .modal.speaker .btn-back-modal { text-transform:capitalize }
.session .session-proposal .modal.speaker.step2 .btn-back-modal,
.session .session-proposal .modal.speaker.step3 .btn-back-modal { border-color:#e5e5e5 }
.session .session-proposal .modal.speaker.step2 .btn-back-modal:hover,
.session .session-proposal .modal.speaker.step3 .btn-back-modal:hover { border-color:#E0586F }

@media only screen and (min-width:992px) {
    .session .session-proposal .subtitle { font-size:1.125rem }
}

.speaker.page { min-height:100vh; background-color:#fafafa }
.speaker .home .nav-tabs { margin-bottom:1.5rem }
.speaker .home .nav-tabs .nav-item .nav-link { font-weight:700; text-transform:uppercase; color:#797979; background-color:transparent; border:0 }
.speaker .home .nav-tabs .nav-item .nav-link.active { color:#E06350; border-bottom:2px solid #E06350 }
.speaker .home .tab-content .card { border:0; box-shadow:0px 12px 28px rgba(121, 121, 121, 0.05) }
.speaker .home .tab-content .subtitle { font-size:.875rem }
.speaker .home .tab-content .card-text,
.speaker .home .tab-content .date { color:#797979 }
.speaker .home .badge { font-size:.875rem; font-weight:400; text-transform:uppercase }
.speaker .home .badge.bg-confirmed { background-color:#52C680 }
.speaker .home .badge.bg-pending { background-color:#FFCC7F }
.speaker .home .badge.bg-canceled { background-color:#C4C4C4 }
.speaker .home .badge.bg-completed { background-color:#E06350 }
.speaker .home .badge + .btn-group .btn { padding:0; line-height:normal; font-weight:700; color:#c4c4c4 }
.speaker .home .badge + .btn-group .btn:after { display:none }
.speaker .home .speakers-headshot img { width:30px; height:30px }
.speaker .home .speakers-headshot img + img { margin-left:-1rem }
.speaker .home .btn-add-speaker { padding:0; border:0 }
.speaker .home .modal .modal-header .btn-close { position:absolute; right:2rem; top:2rem }
.speaker .home .modal.session-detail .modal-content { padding:2rem; border-radius:20px; border-top:4px solid #E0586F }
.speaker .home .modal form .col-form-label,
.speaker .home .modal form .form-control,
.speaker .home .modal form .form-select { padding:.75rem 1rem; color:#797979; border-color:#e5e5e5 }
.speaker .home .modal form .form-control:focus,
.speaker .home .modal form .form-select:focus { border-color:#E06350; box-shadow:none }
.speaker .home .modal form .form-select { background-image:url(../images/icon_arrow_down.png) }
.speaker .home .modal.session-detail form .alert { display:flex; align-items:center; color:#797979; background-color:#fafafa; border-color:rgba(0,0,0,0.05) }
.speaker .home .modal.session-detail form .alert img { margin-right:.5rem }
.speaker .home .modal.session-detail form .alert .btn-close { padding:1rem; background-image:url(../images/icon_close.png); width:24px; height:24px; background-size:24px }
.speaker .home .modal form .btn-primary { display:inline-block; width:auto; padding:.75rem 3.5rem; font-size:1rem; color:#fff; background-color:#E0586F; border:0 }
.speaker .home .modal form .btn-primary:hover,
.speaker .home .modal form .btn-primary:focus { box-shadow:inset 0 0 5rem 0 rgba(0,0,0,.2) }
.speaker .home .modal .btn { display:flex; justify-content:center; align-items:center; width:100%; font-size:1.375rem; font-weight:700; text-transform:uppercase; color:#E0586F; background:#fff; border:4px solid #FFB27F }
.speaker .home .modal .btn:hover { border-color:#E0586F }
.speaker .home .modal.speaker .modal-content { border-radius:.5rem }
.speaker .home .modal.speaker h2 { text-transform:capitalize }
.speaker .home .modal.speaker .btn-close { position:absolute; right:2rem; top:2rem }
.speaker .home .modal.speaker .modal-header p { max-width:500px }
.speaker .home .modal.speaker .modal-content { padding:2rem }
.speaker .home .modal.speaker .form-label { font-size:1rem }
.speaker .home .modal.speaker .alert { background-color:#fafafa !important; border:2px solid #E06350 }
.speaker .home .modal.speaker .btn[disabled] { color:#e5e5e5; border-color:#e5e5e5 }
.speaker .home .modal.speaker .btn-back-modal { text-transform:capitalize }
.speaker .home .modal.speaker.step2 .btn-back-modal { border-color:#e5e5e5 }
.speaker .home .modal.speaker.step2 .btn-back-modal:hover { border-color:#E0586F }
.speaker .header .nav,
.speaker .header .nav-link { display:flex; align-items:center; color:#000 }
.speaker .header .nav-link:hover { color:#E0586F }
.speaker .header .nav-link:not(.dropdown-toggle) img { margin-top:-.125rem }
.speaker .header .dropdown-toggle { display:flex; align-items:center; padding-right:0 }
.speaker .header .dropdown-toggle:after { border:0; width:24px; height:24px; background:url(../images/icon_arrow_down2.png) no-repeat }
.speaker .header .dropdown-toggle img { margin-right:.5rem }
.speaker .header .dropdown-toggle .icon-user { max-width: 30px; }
.speaker .header .dropdown-toggle .name-title { display:none }
.speaker .header .dropdown-toggle .name-title span { display:block; line-height:normal }
.speaker .header .dropdown-toggle .name { font-weight:700 }
.speaker .header .dropdown-toggle .title { font-size:.875rem; color:#797979 }

@media only screen and (min-width:992px) {
    .speaker .header .nav-link { padding:.5rem 2rem }
    .speaker .header .nav-link:not(.dropdown-toggle) img { margin-right:.5rem }
    .speaker .header .dropdown-toggle:after { margin-left:1.5rem }
    .speaker .header .dropdown-toggle .name-title { display:inline-block }
}

.speaker .profile-settings .card { border:0; box-shadow:0px 12px 28px rgba(121, 121, 121, 0.05) }
.speaker .profile-settings .card-body { padding:2rem }
.speaker .profile-settings form { max-width:1000px; margin:0 auto }
.speaker .profile-settings .img-profile { width:100px; height:100px }
.speaker .profile-settings .edit-link input[type="file"] { position:absolute; left:0; top:0; right:0; bottom:0; opacity:0 }
.speaker .profile-settings .btn { display:flex; justify-content:center; align-items:center; width:100%; font-size:1.375rem; font-weight:700; color:#EA8551; background:#fff; border:4px solid #FFB27F }
.speaker .profile-settings .btn:hover { border-color:#E0586F }
.speaker .profile-settings .edit-link { display:inline-flex; align-items:center; font-weight:700; text-decoration:none }
.speaker .profile-settings .edit-link:hover { text-decoration:underline }
.speaker .profile-settings .edit-link img { margin-right:.5rem }
.speaker .profile-settings form .col-form-label,
.speaker .profile-settings form .form-control,
.speaker .profile-settings form .form-select { padding:.75rem 1rem; color:#797979; background:#fafafa; border-color:#e5e5e5 }
.speaker .profile-settings form .form-control:focus,
.speaker .profile-settings form .form-select:focus { border-color:#E06350; box-shadow:none }

.speaker .user-portal .tabs { border-radius:10px }
.speaker .user-portal .tabs label { font-size:1.25rem; color:#3a3a3a }
.speaker .user-portal .tabs a { padding:.75rem 1rem; font-weight:700; color:#3a3a3a; border-color:#e5e5e5; background-repeat:no-repeat; background-position:calc(100% - 1rem) 50% }
.speaker .user-portal .tabs a.active { color:#E06350; background-color:#fafafa }
.speaker .user-portal .tabs a.completed { background-image:url(../images/icon_complete.png) }
.speaker .user-portal .tabs a.pending { background-image:url(../images/icon_pending.png) }
.speaker .user-portal .tab-content { border-radius:10px; overflow:hidden; box-shadow:0px 12px 28px rgba(121, 121, 121, 0.05); }
.speaker .user-portal .tab-pane > .card { min-height:500px; border:0 }
.speaker .user-portal .card-body { color:#797979 }
.speaker .user-portal .card-body h2 { font-size:1.25rem; color:#3a3a3a }
.speaker .user-portal .card-body .badge { font-size:.875rem; font-weight:400; text-transform:uppercase }
.speaker .user-portal .card-body .badge.bg-complete { background-color:#52C680 }
.speaker .user-portal .card-body .badge.bg-pending { background-color:#FFCC7F }
.speaker .user-portal form .form-control,
.speaker .user-portal form .form-select { padding:.75rem 1rem; color:#797979;  border-color:#e5e5e5 }
.speaker .user-portal form .form-control:focus,
.speaker .user-portal form .form-select:focus { border-color:#E06350; box-shadow:none }
.speaker .user-portal .btn { padding:.375rem 3.5rem; font-size:1.375rem; font-weight:700; color:#EA8551; background:#fff; border:4px solid #FFB27F }
.speaker .user-portal .btn:hover { border-color:#E0586F }

@media only screen and (max-width:992px) {
    .speaker .user-portal .tab-content > .tab-pane {
        display: block
    }

    .speaker .user-portal .tab-content > .tab-pane + .tab-pane {
        margin-top: 1rem
    }

    .speaker .user-portal .tab-content > .tab-pane.fade:not(.show) {
        opacity: 1
    }

    .speaker .user-portal .tab-pane > .card {
        min-height: auto
    }
}

.error-input-field {
    border-color: red !important;
}