/* master */

body {
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.page-container {
    margin-top: 10px;
}


.head-container {
    margin: 0 auto;
    padding: 0;
    min-height: 10px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}


    .head-container img:first-child {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

.main-container {
}

.footer-container {
    margin: 0 auto;
    padding: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    min-height: 10px;
}

    .footer-container img:last-child {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

.form-container {
    max-width: 750px;
    margin: 0 auto;
    padding: 0 0 20px 0;
    background-color: #fcfcfc;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}


.PageMainContent, .formPage {
    padding: 0px 15px 15px 15px;
}

a, a:link, a:visited, a:active {
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }


.p5 {
    padding: 5px;
}

.btn-primary {
    padding: 0.4rem 4rem;
    font-size: 1.2rem;
}

.btn-secondary {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ccc
}

.EventactLogo {
    padding: 30px;
}

/*-- Header --*/

.header {
    color: #000000;
    font-weight: normal;
    text-decoration: none;
}


.HeaderHR {
    background-color: #cccccc;
    color: #cccccc;
}


.HeaderText {
    font-size: 1em;
    color: #333333;
    font-weight: normal;
    padding: 0 0 10px 0;
}

/*-- Footer --*/

.footer {
    font-size: 0.875em;
    color: #000000;
    text-decoration: none;
}

/*-- Page --*/

.pageTitle {
    font-size: 0.875em;
    font-weight: bold;
    color: #000000;
}

.pageSubTitle {
    font-size: 0.875em;
    font-weight: bold;
    color: #000000;
}

.InstructionsPanel {
    font-size: 0.875em;
}

.InputTitle {
    font-size: 1em;
}

.priceListGroupTitle {
    color: #fffec0;
    font-size: 16px;
    background-color: #0068a9;
    padding: 3px;
    width: 100%;
}

/*-- Form Elements --*/

.prompt {
    color: #000000;
    font-size: 0.875em;
    font-weight: bold;
}

.subPrompt {
    color: #000000;
    font-size: 0.75em;
    font-weight: normal;
}

.Help {
    font-size: 0.75em;
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    font-weight: normal;
}

.noPaddingAside {
    padding-left: 0;
    padding-right: 0;
    float: left !important;
}

.FieldInError {
    padding: 9px 6px 9px 6px;
    border: 1px solid #ff4d00;
    background-color: #ffdbcc;
}

.fieldNote {
    background-color: #fbf7ed;
    padding: 9px 6px 9px 6px;
    border: 1px solid #AFACA5;
    margin-bottom: 0.5rem;
}

.errormessage {
    font-size: larger;
    font-weight: bold;
    color: white !important;
    border: 1px solid;
    margin: 10px 0;
    background-color: #cc0000;
}

.PromptRequiredSign {
    color: #cc0000 !important;
}


.panel-inform {
    display: inline-block;
    border-color: #ddd;
}

    .panel-inform .panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd;
    }

    .panel-inform .panel-body p {
        margin: 0;
    }

.table-info {
    max-width: 100%;
}

    .table-info > tbody > tr > td, .table-info > tbody > tr > th, .table-info > tfoot > tr > td {
        padding: 8px;
        line-height: 1.2rem;
        border-top: 1px solid #ddd;
    }


    .table-info > tbody > tr:first-child > td {
        border-top: none;
    }

    .table-info > tbody > tr > th {
        border-top: none;
    }

    .table-info tr:nth-child(odd) {
    }

    .table-info tr:nth-child(even) {
        color: #000000;
        background-color: #fefefe;
    }

    .table-info tfoot {
        font-weight: bold;
    }

table.ui-datepicker-calendar {
    background-color: white;
}

.Radio {
    font-size: 0.75em;
    font-weight: normal;
    text-decoration: none;
}

.option {
    color: #000000;
    font-weight: normal;
    text-decoration: none;
}

label {
    color: #000000;
    font-weight: normal;
    text-decoration: none;
}

.notes {
    font-size: 0.75em;
    color: Gray;
    font-weight: normal;
    text-decoration: none;
}

.FirstColumn {
    color: #000000;
}

.InputPanel {
    padding: 3px;
    height: 100%;
    width: 650px;
    background-color: #f4f4e5;
}

.titlePrompt {
    color: #0068a9;
    font-size: 1em;
    font-weight: normal;
    padding-top: 20px;
}

.InputRadio {
    color: #000000;
    font-size: 0.875em;
    font-weight: normal;
}

.radio + br + .radio {
    margin-top: 0;
}

.checkbox-list {
    margin-left: 10px;
    margin-right: 10px;
    display: block;
}

.ltr .checkbox-list span {
    margin-right: 1rem;
}

.rtl .checkbox-list span {
    margin-left: 1rem;
}

label + input[type=checkbox] {
    margin-right: 1rem;
    margin-left: 1rem;
}

.InputSelect {
    display: block;
}

    .InputSelect label {
        display: inline-block;
        margin-right: 1rem;
    }

.rtl .InputSelect label {
    margin-left: 1rem;
    margin-right: 0rem;
}

.indent {
    margin-left: 20px;
    margin-right: 20px;
}

/*-- Calendar -*/
.CalDay {
    text-decoration: none;
    color: #000;
}

.CalDayHover {
    background-image: url('00040208');
    color: #000;
}

.CalSelectedDay {
    background-image: url('00040208');
    color: #000;
}

.CalToday {
    background-image: url('00040106');
    color: #000;
}

.CalDisabledDay {
    color: #000;
}

.CalDayHeader {
    font-size: 0.75em;
    color: #000;
    border-bottom: black 1px solid;
    font-family: Arial, Helvetica, sans-serif;
}

.CalMonth {
    font-size: 0.5em;
    margin: 0 4px;
    font-family: Arial, Helvetica, sans-serif;
    cursor: hand;
    color: #000;
}

.CalTitle {
    padding: 3px;
    font-weight: bold;
    font-size: 0.5em;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #0054e3;
}

.CalCalendar {
    border: #000 solid 1px;
    padding: 5px;
    background-color: white;
    color: #000;
}

.CalPopupHover {
    background-image: url(00040211);
    color: #000;
}

.CalPopupImage {
    background-image: url(00040209);
    color: #000;
}

.CalPopupDown {
    background-image: url(00040210);
    color: #000;
}

/*-- Pax --*/

.PaxInputTable {
    border: #CCCCCC 1px solid;
    margin: 15px;
    padding: 15px;
    background-color: white;
    display: block;
}

.PaxItemOrderMoreOptions {
    display: none;
}

.InputTable {
    display: block;
}

    .InputTable td {
        padding: 5px;
    }

    .InputTable tr th {
        padding: 5px;
        font-weight: bold;
        text-align: center;
        background-color: #eaeaea;
    }

        .InputTable tr th:nth-child(even) {
            background-color: rgba(0, 0, 0, 0.1);
        }

    .InputTable .Notes {
        font-weight: lighter;
        font-size: smaller;
    }


    .InputTable tr {
        font-weight: normal;
        padding: 5px;
    }

        .InputTable tr:nth-child(odd) {
            background-color: #f5f5f5;
        }

        .InputTable tr:nth-child(even) {
            color: #000000;
            background-color: #f2f2f2;
        }

        .InputTable tr td:first-child {
            font-weight: bold;
            padding: 5px;
        }

    .InputTable tfoot {
        font-weight: bold;
    }

    /* remove this after regrun update 15 July 2019 */

    .InputTable .Header {
        font-weight: bold;
        text-align: center;
    }

        .InputTable .Header td:nth-child(even) {
            background-color: rgba(0, 0, 0, 0.1);
        }

    .InputTable .FirstColumn {
        color: #000000;
        font-weight: bold;
        padding: 5px;
    }

    .InputTable .Row {
        color: #000000;
        background-color: #f4e0e5;
        font-weight: normal;
        padding: 5px;
    }

    .InputTable .AltRow {
        color: #000000;
        background-color: #fbE7ec;
        font-weight: normal;
        padding: 5px;
    }

/* end remove */


.agreement-input a {
    color: blue;
}

DIV.eventactPage .SuperScript {
    vertical-align: super;
    font-size: 10px;
}

DIV.eventactPage .Presentor {
    font-weight: bold;
}

DIV.eventactPage .Authors {
    font-weight: normal;
}

DIV.eventactPage .Institutes {
    font-weight: normal;
    font-style: italic;
}


/*-- Pax -add --*/

.pageDialogBox {
    width: 550px;
    display: block;
}


#ctl00_ContentPlaceHolder1_EAForm1_ctl00_ctl00_ic_ddlYear {
    width: 60px;
}

#ctl00_ContentPlaceHolder1_EAForm1_ctl00_ctl00_ic_ddlMonth {
    width: 40px;
}


#ctl00_ContentPlaceHolder1_EAForm1_ctl00_ctl00_ic_ddlday {
    width: 40px;
}

#ctl00_ContentPlaceHolder1_PanelButtons {
    display: block;
}

/* Grid */

.grid {
    width: 100%;
    background-color: white;
    border: solid 1px white;
    border-collapse: collapse;
}

    .grid td {
        padding: 4px 10px;
        background-color: #f1f1f1;
        border: solid 1px white;
        color: black;
    }

    .grid th {
        height: 21px;
        padding: 4px 10px;
        color: black;
        font-weight: bold;
        background-color: #e4e4e4;
        border: solid 1px white;
    }

.gridFooter {
    padding: 4px 2px;
    color: black;
    font-weight: bold;
    background-color: #e4e4e4;
    border: solid 1px white;
}

.grid .pgr td {
    background-color: #e8e8e8;
    border: solid 1px #e8e8e8;
    font-weight: bold;
    color: #5b83c8;
}

.grid .highlight td {
    padding: 4px 10px;
    background-color: #e7e7e7;
}

.grid .highlight9 td {
    padding: 4px 10px;
    background-color: #e7e7e7;
}

.grid .highlight3 td {
    padding: 4px 10px;
    background-color: #e7e7e7;
}

.Header {
    font-weight: bold;
}

.ajax__combobox_itemlist {
    float: left;
    left: auto !important;
    top: auto !important;
    min-width: 160px;
    padding: 5px 0 !important;
    margin: 5px 0 0 !important;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15) !important;
    border-radius: 4px;
    height: auto !important;
}

.slidingDiv {
    padding: 20px;
    margin-top: 10px;
    display: none;
}

.show_hide {
    text-decoration: underline;
    cursor: pointer;
    display: inline;
}

/* used by combobox inputcontrol */
.ajax__combobox_textboxcontainer input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 1em;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.ajax__combobox_buttoncontainer button {
    padding: 2px;
    border-bottom: 1px solid #F2F2F2;
    border-right: 1px solid ButtonShadow;
    border-left: 0 none;
    border-top: 1px solid ButtonShadow;
    background-color: White;
    margin: 0 !important;
    border-radius: 4px;
}

.BoldLabel {
    font-weight: bold;
    color: #134767;
}

.SessionHeadLine {
    font-weight: bold;
    font-size: 1.5em;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #c1b0b0;
    color: #0a223a;
}

.SessionTitle {
    font-weight: bold;
    font-size: 1.5em;
    color: #3C4A52;
}

a.SessionTitle {
    font-weight: bold;
    font-size: 1.5em;
}

.SessionBreak {
    height: 2px;
    background-color: #dce8ee;
}

.Item .Details {
    padding-left: 20px;
    padding-right: 20px;
}


/* Sponsor */
.SponsorsRow {
    max-height: 180px;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
}

.SponsorsHeader {
    font-size: 24px;
    font-weight: bold;
    color: #c9c9c9;
}

.SponsorsBody {
    margin-left: 10px;
}

.Sponsor {
    max-height: 80px;
    max-width: 160px;
}


.inProgressImage {
    position: absolute;
    top: 40%;
    left: 25%;
    width: 50%;
    height: 50%;
    display: none;
}

.aspNetDisabled {
    color: lightgray;
}


/* file upload */
.previewImg {
    width: 100px;
}

.previewNonImage {
    width: 30px;
}

.paxDropDown {
    width: 40px;
}

.paxCheckBoxDiv {
    padding-top: 10px;
    padding-right: 40px;
    padding-left: 40px;
}

.paxAdultsSpan {
    padding-left: 25px;
    padding-right: 25px;
    width: 80px;
}

.RenderControlWithInlineStyle {
    display: inline;
}

#keepSessionAlive {
    width: 394px;
    height: 254px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -197px;
    margin-top: -127px;
    z-index: 999998;
    text-align: center;
    border-color: black;
}

.Login-TextBox {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 3px 0 0 3px;
    font-weight: normal;
    border: 1px solid #dbdbdb;
    height: 20px;
    width: 160px;
}

.backgroundShadow {
    background: black;
    -moz-opacity: .5;
    -filter: alpha(opacity=50);
    opacity: .5;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 998;
}

.size-large * {
    font-size: 38px;
}

.size-medium * {
    font-size: 32px;
}

.mediumHeight {
    height: 60px !important;
}

.largeHeight {
    height: 65px !important;
}

.highcontrast * {
    background-color: gray !important;
    color: white !important;
}

.hightcontrast img {
    filter: contrast(150%) grayscale(50%);
}

.menuBar {
    width: 100%;
    height: 50px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.autowidth {
    width: 138px !important;
}

.access {
    font-size: 1rem !important;
}

    .access a {
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        font-size: 1rem;
    }

        .access a:hover {
            color: black;
        }


.ea-abstract {
}

    .ea-abstract .pa {
        font-weight: bold;
    }

/* program - lecture view */
.lv-lecture-container {
    padding: 20px;
}

.lv-presenter {
    margin: 5px 0 5px 0;
}

.lv-presenter-image {
    width: 120px;
    border-radius: 4px;
    margin-right: 1rem;
    float: left;
}

.lv-presenter-name {
    font-weight: bold;
}

.lv-lecture-author {
    text-align: center;
}

    .lv-lecture-author + sup {
        top: -.5em;
    }

    .lv-lecture-author:not(.absView) ~ sup:before, .lv-lecture-author:not(.absView) ~ sup::after {
        content: '';
        margin-right: -2px;
        margin-left: -2px;
    }

.lv-lecture-institutes {
    text-align: center;
    font-style: italic;
}

.lv-lecture-title {
    text-align: center;
    font-weight: bold;
}

.lv-lecture-body {
    padding-top: 20px;
    text-align: justify;
}


.lv-lecture-author + .lv-lecture-author {
    content: ', '
}

.lv-lecture-author ~ .lv-lecture-author:before {
    content: ', '
}

.lecture-requirements p {
    background-color: #FFFF33;
    max-width: fit-content;
}

/* program  - program view */

@media(max-width:991px) {
    .pv-program .topicsSearch {
        margin-top: 15px;
    }
}

.pv-program {
}

.pv-program.rtl {
    direction: rtl;
}

    .pv-program .nav-tabs {
        border: 0;
        padding: 0;
        display: flex;
        margin-bottom: 1em;
    }

        .pv-program .nav-tabs > li > a {
            padding: 1.5em;
            border: 0;
            margin: 0;
            border-radius: 0;
            font-size: large;
            background-color: whitesmoke;
        }

@media (max-width: 767px) {
    .pv-program .nav-tabs > li > a {
        padding: 0.5em;
    }
}


.pv-program .nav-tabs > li > a:hover {
    border: 0;
    filter: brightness(0.85);
}

.pv-program .nav-tabs > li.active > a {
    font-weight: bold;
    border: 0;
    filter: brightness(0.90);
}

.day-title {
    font-size: large;
}

.pv-program .col-sm-2, .pv-program .col-sm-3, .pv-program .col-sm-9, .pv-program .col-sm-10 .pv-program .col-md-2, .pv-program .col-md-3, .pv-program .col-md-9, .pv-program .col-md-10 {
    padding-right: 0.6em;
    padding-left: 0.6em;
    display: flex;
}

@media (max-width: 769px) {
    .pv-program .col-xs-2, .pv-program .col-xs-3, .pv-program .col-xs-9, .pv-program .col-xs-10, .pv-program .col-xs-12 {
        padding-right: 0.3em;
        padding-left: 0.3em;
        display: flex;
    }
}

.pv-session-header {
    display: flex;
    margin-bottom: 1em;
    margin-bottom: 0.5em;
    padding: 4px 0 0 0;
    font-weight: bold;
    font-size: large;
}

.pv-session-info {
    margin-bottom: 0.5em;
}

.pv-session-time, .pv-session-title {
    display: inline-block;
    width: 100%;
    padding: 0.4em 0.8em 0.4em 0.8em;
    background-color: #3ea9f4;
    color: white;
    border-radius: 2px;
}

.pv-session-hall, .pv-session-subtitle {
    display: inline-block;
    width: 100%;
    padding: 0 0.8em 0 0.8em;
}

.institutes-wrapper p {
    margin-bottom: 1px;
}

.day-title {
    padding: 0 0.8em 0 0.8em;
}


.lectures-container {
}

.lecture-time, .pv-lecture {
    display: inline-block;
    width: 100%;
    padding: 0.4em 0.8em 0.4em 0.8em;
}


.lecture-title {
    font-weight: bold;
}

.lecture-even {
    background-color: #ececec;
}

.authors-wrapper {
}

    .authors-wrapper sup {
        display: inline-block;
    }


.ea-authors {
}

    .ea-authors .author-name {
    }

.author-code + .author-code:before {
    content: ', ';
}

.author-name {
    background: linear-gradient(to right, #ff0 50%, rgba(255,255,255,0) 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 2s ease;
}

author-name.highlight, .highlight {
    background-position: left bottom;
}


.author-name {
    padding-left: 5px;
    padding-right: 5px;
}

/* program - timetable */

.timetable-container .table {
    background-color: #FFF;
}

    .timetable-container .table td, .timetable-container .table th {
        text-align: center;
        border: 2px solid #fff;
    }

.timetable .day-table {
    margin: 15px 0;
}

.activity-default .pv-session-title, .activity-default .pv-session-time {
    background-color: #3ea9f4;
}

.activity-break .pv-session-title, .activity-break .pv-session-time {
    background-color: #3ef489;
}

.activity-poster .pv-session-title, .activity-poster .pv-session-time {
    background-color: #f4893e;
}

.time-title {
    background-color: #3a4852;
    color: white;
    padding: 15px;
}

.timetable-small .list-group-item {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: none;
    border-bottom: 1px solid #ddd;
}

    .timetable-small .list-group-item:last-child {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }


/*---intl telephone input---*/
.intl-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.intl-tel-input {
    position: relative;
    display: inline-block;
}

    .intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
        right: auto;
        left: 0;
    }

    .intl-tel-input .flag-container {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        padding: 1px;
    }

    .intl-tel-input .selected-flag {
        z-index: 1;
        position: relative;
        display: flex;
        align-items: center;
        height: 100%;
        padding: 0 1px 2px 8px;
    }

.iti-flag.br {
    height: 14px;
    background-position: -680px 0px;
}

.iti-flag {
    height: 15px;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: url(../img/flags.png);
    background-repeat: no-repeat;
    background-color: #DBDBDB;
    background-position: 20px 0;
}

.iti-flag {
    width: 20px;
}

.iti-country-code {
    margin-left: 6px;
}

.intl-tel-input .selected-flag .iti-arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555;
}

.intl-tel-input .country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.intl-tel-input .hide {
    display: none;
}

.intl-tel-input .country-list .country {
    padding: 5px 10px;
}

.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name {
    margin-right: 6px;
}

.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code {
    vertical-align: middle;
}

.intl-tel-input .country-list .flag-box {
    display: inline-block;
    width: 20px;
}

.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code {
    vertical-align: middle;
}

.intl-tel-input .country-list .country .dial-code {
    color: #999;
}

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] {
    padding-right: 6px;
    margin-left: 0;
}

.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0;
}


.intl-tel-input .country-list {
    white-space: normal;
}

    .intl-tel-input .country-list .country.highlight {
        background-color: rgba(0, 0, 0, 0.05);
    }

.form-control-addon {
    font-size: 1.2em;
    height: 38px;
    padding: 6px 0px;
    line-height: 1.42857143;
    color: #555;
}

/****** Style Star Rating Widget *****/
.ea-rating-wrepper {
    display: block;
    display: table;
}

    .ea-rating-wrepper:before, .ea-rating-wrepper:after {
        display: table;
        content: " ";
        clear: both;
    }

    .ea-rating-wrepper::after, .ea-rating-wrepper:before {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.rating {
    float: left;
    display: block;
    display: table-cell;
}

    .rating > label {
        opacity: 0.6;
        float: right;
        font-size: 2em;
    }

    .rating > input[type="radio"], .ea-rating-wrepper .smiley input[type="radio"] {
        display: none;
    }

    .rating > label:before, .rating label:before {
        margin: 5px;
        font-size: 3.5em;
        display: inline-block;
        font-family: "Material Design Icons";
    }

    .rating .smiley input[type="radio"]:not(:checked):not(:hover) ~ label:before {
        opacity: 0.5;
    }

    .rating .smiley.sad label:before {
        content: "\F1F8";
    }

    .rating .smiley.neutral label:before {
        content: "\F1F6";
    }

    .rating .smiley.happy label:before {
        content: "\F1F2";
    }


    .rating > input:checked ~ label, /* show gold star when clicked */
    .rating:not(:checked) > label:hover, /* hover current star */
    .rating:not(:checked) > label:hover ~ label {
        opacity: 1;
    }
        /* hover previous stars in list */
        .rating > input:checked + label:hover, /* hover current star when changing rating */
        .rating > input:checked ~ label:hover,
        .rating > label:hover ~ input:checked ~ label, /* lighten current selection */
        .rating > input:checked ~ label:hover ~ label {
            opacity: 1;
        }

    .rating .smiley input:checked + label i, .rating .smiley input:hover + label i {
        opacity: 1;
    }


.ea-rating-selected {
    font-size: 1.5em;
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
}

.ea-rating-wrepper .ea-radio {
    margin: 16px 0;
}

    .ea-rating-wrepper .ea-radio.md-radio-inline {
        display: inline-block;
    }

    .ea-rating-wrepper .ea-radio input[type="radio"] {
        display: none;
    }

        .ea-rating-wrepper .ea-radio input[type="radio"]:checked + label:before {
            border-color: #337ab7;
            animation: ripple 0.2s linear forwards;
        }

        .ea-rating-wrepper .ea-radio input[type="radio"]:checked + label:after {
            transform: scale(1);
        }

    .ea-rating-wrepper .ea-radio label {
        display: inline;
        height: 20px;
        position: relative;
        padding: 0 25px;
        margin-bottom: 0;
        cursor: pointer;
        vertical-align: middle;
    }

        .ea-rating-wrepper .ea-radio label:before, .ea-rating-wrepper .ea-radio label:after {
            position: absolute;
            content: '';
            border-radius: 50%;
            transition: all .3s ease;
            transition-property: transform, border-color;
        }

        .ea-rating-wrepper .ea-radio label:before {
            left: 0;
            top: 0;
            width: 20px;
            height: 20px;
            border: 2px solid rgba(0, 0, 0, 0.54);
        }

        .ea-rating-wrepper.ea-radio label:after {
            top: 5px;
            left: 5px;
            width: 10px;
            height: 10px;
            transform: scale(0);
            background: #337ab7;
        }

@keyframes ripple {
    0% {
        box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0);
    }

    50% {
        box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);
    }

    100% {
        box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0);
    }
}


.cropper-container {
    width:100%;
  position: relative;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  direction: ltr !important;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.cropper-container img {
  display: block;
  width: 100%;
  min-width: 0 !important;
  max-width: none !important;
  height: 100%; 
  min-height: 0 !important;
  max-height: none !important;
  image-orientation: 0deg !important;
}

.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cropper-drag-box {
  background-color: #fff;
  filter: alpha(opacity=0); 
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  filter: alpha(opacity=50); 
  opacity: .5;
}

.cropper-view-box {
  display: block;
  width: 100%;
  height: 100%; 
  overflow: hidden;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, .75);
}

.cropper-dashed {
  position: absolute;
  display: block;
  filter: alpha(opacity=50); 
  border: 0 dashed #eee;
  opacity: .5;
}
.cropper-dashed.dashed-h {
  top: 33.33333%;
  left: 0;
  width: 100%;
  height: 33.33333%; 
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.cropper-dashed.dashed-v {
  top: 0;
  left: 33.33333%;
  width: 33.33333%;
  height: 100%; 
  border-right-width: 1px;
  border-left-width: 1px;
}

.cropper-center {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  filter: alpha(opacity=75); 
  opacity: .75;
}
.cropper-center:before,
  .cropper-center:after {
  position: absolute;
  display: block;
  content: " "; 
  background-color: #eee;
}
.cropper-center:before {
  top: 0;
  left: -3px;
  width: 7px;
  height: 1px;
}
.cropper-center:after {
  top: -3px;
  left: 0;
  width: 1px;
  height: 7px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=10); 
  opacity: .1;
}

.cropper-face {
  top: 0;
  left: 0;
  background-color: #fff;
}

.cropper-line {
  background-color: #39f;
}
.cropper-line.line-e {
  top: 0;
  right: -3px;
  width: 5px;
  cursor: e-resize;
}
.cropper-line.line-n {
  top: -3px;
  left: 0;
  height: 5px;
  cursor: n-resize;
}
.cropper-line.line-w {
  top: 0;
  left: -3px;
  width: 5px;
  cursor: w-resize;
}
.cropper-line.line-s {
  bottom: -3px;
  left: 0;
  height: 5px;
  cursor: s-resize;
}

.cropper-point {
  width: 5px;
  height: 5px;
  background-color: #39f;
  filter: alpha(opacity=75); 
  opacity: .75;
}
.cropper-point.point-e {
  top: 50%;
  right: -3px;
  margin-top: -3px;
  cursor: e-resize;
}
.cropper-point.point-n {
  top: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: n-resize;
}
.cropper-point.point-w {
  top: 50%;
  left: -3px;
  margin-top: -3px;
  cursor: w-resize;
}
.cropper-point.point-s {
  bottom: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: s-resize;
}
.cropper-point.point-ne {
  top: -3px;
  right: -3px;
  cursor: ne-resize;
}
.cropper-point.point-nw {
  top: -3px;
  left: -3px;
  cursor: nw-resize;
}
.cropper-point.point-sw {
  bottom: -3px;
  left: -3px;
  cursor: sw-resize;
}
.cropper-point.point-se {
  right: -3px;
  bottom: -3px;
  width: 20px;
  height: 20px;
  cursor: se-resize;
  filter: alpha(opacity=100); 
  opacity: 1;
}
.cropper-point.point-se:before {
  position: absolute;
  right: -50%;
  bottom: -50%;
  display: block;
  width: 200%;
  height: 200%;
  content: " ";
  background-color: #39f;
  filter: alpha(opacity=0); 
  opacity: 0;
}
@media (min-width: 768px) {
  .cropper-point.point-se {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    width: 10px;
    height: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    width: 5px;
    height: 5px;
    filter: alpha(opacity=75); 
    opacity: .75;
  }
}

.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.cropper-invisible {
  filter: alpha(opacity=0); 
  opacity: 0;
}

.cropper-hide {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}