body
{
    background-color: #f3f3f3;
    height: 100%;
    color: #40423c;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-variant-ligatures: none;
}

html
{
    height: 100%;
}

body, textarea, input, select, button
{
    font-family: "Open Sans", Helvetica, Arial, "sans-serif";
}

a
{
    text-decoration: none;
}

input[type="text"], input[type="email"], input[type="number"], input[type="password"]
{
    width: 100%;
    height: 42px;
    font-size: 14px;
    border: 1px solid rgba(64, 66, 60, 0.25);
    outline: none;
    padding: 0 15px 0 15px;
    color: #464646;
    box-sizing: border-box;
    border-radius: 4px;
    transition: all ease 0.3s;
}

input[type="number"]
{
    -moz-appearance: textfield;
}

input[type="password"]
{
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 3px;
}

textarea
{
    width: 100%;
    height: 160px;
    font-size: 14px;
    border: 1px solid rgba(64, 66, 60, 0.25);
    outline: none;
    padding: 10px 15px;
    color: #464646;
    box-sizing: border-box;
    border-radius: 3px;
    transition: all ease 0.3s;
    resize: none;
}

    input[type="text"]:hover, input[type="email"]:hover, input[type="number"]:hover, textarea:hover
    {
        border: 1px solid rgba(113, 172, 65, 1);
    }

    input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, textarea:focus
    {
        border: 1px solid rgba(113, 172, 65, 1);
        box-shadow: 0 0 5px rgba(113, 172, 65, 0.2);
    }

input::placeholder
{
    opacity: 0.5;
}

input.error, input:hover.error, input:focus.error
{
    width: 100%;
    height: 42px;
    font-size: 14px;
    border: 1px solid #f00;
}

select
{
    padding: 0 0 0 10px;
    margin: 0;
    outline: none;
    color: #40423c;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: none;
    background: rgba(255, 255, 255, 1) url(../Images/Backgrounds/dropdown.svg) no-repeat right center / auto 100%;
    border: 1px solid rgba(64, 66, 60, 0.25);
    border-radius: 4px;
    height: 42px;
    width: 100%;
    font-size: 14px;
}

    select:hover
    {
        border: 1px solid rgba(113, 172, 65, 1);
        color: #464646;
        cursor: pointer;
    }

    select:focus
    {
        border: 1px solid rgba(113, 172, 65, 1);
    }

    select:disabled
    {
        color: #c5c6c4;
        border-color: rgba(237, 237, 236, 1);
        background-color: #fafafa;
        cursor: default;
    }

    select:-moz-focusring
    {
        color: transparent;
        text-shadow: 0 0 0 #000;
    }

    select::-ms-expand
    {
        display: none;
    }

strong
{
    font-weight: 600
}

/* HEADER *************************************************************************************************/

.csHeader
{
    height: 65px;
    background-color: #fff;
    box-shadow: 0 1px 0 rgba(64, 66, 60, 0.1);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}

.csHeaderContent
{
    margin: 0 auto;
    width: 100%;
    max-width: 1366px;
    padding: 0 20px;
    box-sizing: border-box;
}

.csLogo
{
    display: inline-block;
    color: #40423c;
    margin-top: 16px;
}

.csLogoBg
{
    background: url(../Images/Logos/casasapo.svg) no-repeat center center / contain;
    height: 30px;
    width: 200px;
    float: left;
}

.csSlogan
{
    margin: 0 0 0 216px;
    font-size: 13px;
    font-weight: 600;
    line-height: 15px;
}

.csLogoSource
{
    font-size: 10px;
    margin: 0 0 0 216px;
    line-height: 12px;
}

.csHeaderTitle
{
    float: right;
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.4px;
    line-height: 65px;
}

/* CONTEÚDO ************************************************************************************************/

.csContent
{
    margin: 0 auto;
    width: 100%;
    max-width: 1366px;
    padding: 65px 20px 0 20px;
    box-sizing: border-box;
}

.csContentHeader
{
    padding: 36px 0;
}

    .csContentHeader.logged
    {
        padding: 20px 0 0 0;
        min-height: 32px;
    }

.csContentHeaderTitle p
{
    margin: 0 0 6px;
    font-size: 32px;
    letter-spacing: -0.5px;
}

.csContentHeaderTitle a
{
    font-size: 17px;
    letter-spacing: 0;
    color: #71ac41;
    cursor: pointer;
    display: inline-block;
    line-height: 30px;
    transition: all ease 0.3s;
    font-weight: 600;
    border-bottom: 1px solid rgba(113, 172, 65, 0.3);
}

    .csContentHeaderTitle a:hover
    {
        border-bottom: 1px solid rgba(113, 172, 65, 0.6);
    }

.csContentHeaderLogin
{
    float: right;
    font-size: 14px;
    font-style: italic;
    line-height: 30px;
}

.csContentHeaderLoginBtn
{
    display: inline-block;
    font-style: normal;
    padding: 0 10px;
    font-size: 13px;
    border: 1px solid rgba(113, 172, 65, 0.3);
    border-radius: 4px;
    margin-left: 10px;
    color: #71ac41;
    font-weight: 600;
    line-height: 30px;
    cursor: pointer;
    transition: all ease 0.3s;
}

    .csContentHeaderLoginBtn:hover
    {
        border: 1px solid rgba(113, 172, 65, 1);
        background-color: #71ac41;
        color: #fff;
    }

.csContentRating
{
    padding: 20px;
    box-shadow: 0 0 0 1px rgba(64, 66, 60, 0.05);
    background-color: #fff;
    border-radius: 3px;
    font-size: 0;
}

    .csContentRating:first-child
    {
        margin-top: 20px
    }

.csContentRatingTitle
{
    font-size: 16px;
    padding: 20px 20px 0;
    font-weight: 700;
    color: rgba(113, 172, 65, 1);
}

    .csContentRatingTitle.loginTitle
    {
        text-align: center;
    }

.csContentRatingSection
{
    display: inline-block;
    vertical-align: top;
    padding: 20px;
    box-sizing: border-box;
}

    .csContentRatingSection.locationSection
    {
        width: 25%;
    }

.csContentRatingSectionLabel
{
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 10px;
}

.csContentRatingSectionSwtich
{
    display: inline-block;
}

    .csContentRatingSectionSwtich span
    {
        display: inline-block;
        padding: 0 20px;
        line-height: 48px;
        font-size: 13px;
        box-shadow: 0 0 0 1px rgba(207, 207, 206, 1);
        background-color: #fff;
        cursor: pointer;
        margin: 1px 1px 0 0;
        transition: all ease 0.3s;
        font-weight: 600;
        letter-spacing: 0.3px;
        color: #8e8f8c;
    }

    .csContentRatingSectionSwtich.active span
    {
        color: #c5c6c4;
        box-shadow: 0 0 0 1px rgba(237, 237, 236, 1);
        background-color: #fafafa;
    }

    .csContentRatingSectionSwtich span:hover, .csContentRatingSectionSwtich span.selected
    {
        box-shadow: 0 0 0 1px rgba(113, 172, 65, 1);
        position: relative;
        background-color: #fff;
        color: #8e8f8c;
    }

    .csContentRatingSectionSwtich span.selected
    {
        box-shadow: 0 0 0 1px rgba(113, 172, 65, 1);
        background-color: #fff;
        color: #40423c;
    }

    .csContentRatingSectionSwtich span:first-child
    {
        border-radius: 4px 0 0 4px;
    }

    .csContentRatingSectionSwtich span:last-child
    {
        border-radius: 0 4px 4px 0;
    }

.csContentRatingSection input[type="number"]
{
    width: 180px;
    padding-right: 40px;
    margin: 0;
    height: 50px;
    border-radius: 4px;
    -moz-appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

.fieldContent
{
    width: 100%;
    font-size: 14px;
    color: #464646;
    box-sizing: border-box;
    border-radius: 4px;
    transition: all ease 0.3s;
    display: block;
    font-weight: 600;
    font-style: italic;
}

.inputInnerLabel
{
    display: inline-block;
    margin-left: -35px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    width: 35px;
    font-weight: 600;
}

.csContentRatingSection select
{
    width: 100%;
    height: 50px;
    font-size: 13px;
    letter-spacing: 0.3px;
}

.csRatingFootnote
{
    font-size: 12px;
    padding: 20px 20px 10px;
    color: #8e8f8c;
}

    .csRatingFootnote p
    {
        margin: 5px 0;
    }

.csRatingContinue
{
    text-align: center;
    padding: 20px 0 20px 0;
}

.csRatingContinueBtn
{
    display: inline-block;
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.3px;
    color: #fff;
    background-color: rgba(113, 172, 65, 1);
    cursor: pointer;
    transition: all ease 0.3s;
}

    .csRatingContinueBtn:hover
    {
        background-color: #659c39;
    }

/* PÀGINAS LOGIN */

.csContentMenu
{
    padding: 0 0 0 0;
    margin-bottom: 10px;
    box-shadow: inset 0 -1px 0 0 rgba(64, 66, 60, 0.1);
}

    .csContentMenu > div
    {
        display: inline-block;
        margin: 0 40px 0 0;
        font-weight: 600;
        line-height: 32px;
        height: 50px;
        box-sizing: border-box;
        font-size: 15px;
        color: #8e8f8c;
        letter-spacing: 0.3px;
        cursor: pointer;
    }

        .csContentMenu > div:hover, .csContentSubMenu > div:hover
        {
            color: #40423c;
        }

        .csContentMenu > div:last-child, .csContentSubMenu > div:last-child
        {
            margin-right: 0;
        }

        .csContentMenu > div.selected
        {
            border-bottom: 1px solid #40423c;
            color: #40423c;
        }

.csContentSubMenu
{
    padding: 0 0 0 0;
}

    .csContentSubMenu > div
    {
        display: inline-block;
        margin: 0 40px 0 0;
        font-weight: 600;
        line-height: 36px;
        height: 48px;
        box-sizing: border-box;
        font-size: 13px;
        color: #8e8f8c;
        letter-spacing: 0.3px;
    }

        .csContentSubMenu > div.selected
        {
            color: rgba(113, 172, 65, 1);
        }

        .csContentMenu > div a, .csContentSubMenu > div a
        {
            color: inherit;
        }

.csRatingListItem
{
    font-size: 13px;
    box-shadow: 0 0 0 1px rgba(207, 207, 206, 0.7);
    border-radius: 4px;
    margin: 20px;
    display: flex;
    align-items: center;
}

    .csRatingListItem.tableHeader
    {
        box-shadow: 0 0 0 1px rgba(207, 207, 206, 0.2);
        background: rgba(207, 207, 206, 0.2);
        margin: 20px;
    }

    .csRatingListItem > div
    {
        padding: 20px;
        flex: 0 0 20%;
    }

        .csRatingListItem > div.csRatingListItemDate:last-child
        {
            flex: 0;
            white-space: nowrap;
        }

    .csRatingListItem.tableHeader > div
    {
        padding: 15px 20px;
        color: #8e8f8c;
        font-size: 11px;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .csRatingListItem > div a
    {
        color: #71ac41;
    }

        .csRatingListItem > div a:hover
        {
            color: #659c39;
        }

    .csRatingListItem > div:first-child
    {
        flex: 1;
        font-weight: 600;
    }

    .csRatingListItem > div.csRatingListItemActions
    {
        flex: 0 0 80px;
    }

.csRatingListItemTitle span
{
    display: block;
    font-size: 14px;
}

.deleteListItem
{
    display: inline-block;
    padding: 0 15px;
    font-size: 12px;
    border: 1px solid rgba(113, 172, 65, 0.3);
    border-radius: 4px;
    margin-left: 10px;
    color: #71ac41;
    font-weight: 600;
    line-height: 30px;
    height: 32px;
    cursor: pointer;
    transition: all ease 0.3s;
}

    .deleteListItem:hover
    {
        border: 1px solid rgba(113, 172, 65, 1);
        background-color: #71ac41;
        color: #fff;
    }

.csContentProfileSection
{
    display: inline-block;
    vertical-align: top;
    padding: 20px;
    box-sizing: border-box;
    width: 50%;
}

    .csContentProfileSection.fullLine
    {
        width: 100%;
    }

.loginForm
{
    margin: 0 auto;
    width: 50%;
}

    .loginForm .csContentProfileSection
    {
        padding-bottom: 0px;
    }

.csContentProfileSection.menuLogin
{
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
    border-top: 1px solid rgba(207, 207, 206, 0.5);
}

    .csContentProfileSection.menuLogin a
    {
        padding: 0 10px;
        display: inline-block;
        color: rgba(113, 172, 65, 1);
    }

        .csContentProfileSection.menuLogin a:hover
        {
            color: #659c39;
        }

.csContentProfileSection label
{
    font-size: 13px;
    color: #8e8f8c;
}

    .csContentProfileSection label a
    {
        color: rgba(113, 172, 65, 1);
    }

input.inputPostalCode1
{
    width: 110px;
    margin-right: 20px;
    letter-spacing: 1px;
    -moz-appearance: textfield;
}

input.inputPostalCode2
{
    width: 70px;
    letter-spacing: 1px;
}

.csContentQ
{
    font-size: 17px;
    padding: 30px 20px 0 20px;
    font-weight: 600;
}

.csContentA
{
    font-size: 14px;
    padding: 20px 20px 30px 20px;
    font-weight: 400;
}

    .csContentA a
    {
        color: rgba(113, 172, 65, 1);
    }

.csContentReportSection
{
    padding: 0 20px 30px 20px;
    box-shadow: inset 0 -1px 0 0 rgba(64, 66, 60, 0.15);
}

.csContentReportItem
{
    display: inline-block;
    width: 25%;
    padding: 20px 0 0 0;
    font-size: 15px;
    vertical-align: top;
}

.csContentReportLine
{
    display: inline-block;
    width: 100%;
    padding: 20px 0 0 0;
    font-size: 15px;
    vertical-align: top;
}

.csContentReportItem strong
{
    display: block;
    font-size: 12px;
    font-weight: 700;
}

.csContentReportLine strong
{
    font-size: 15px;
    font-weight: 700;
}

.csContentReportFeature
{
    padding: 20px;
    background-color: rgba(113, 172, 65, 0.1);
    margin: 30px 0 0 0;
    border-radius: 6px;
}

    .csContentReportFeature .csContentReportLine
    {
        padding: 0 0 20px 0;
        box-shadow: 0 1px 0 0 rgba(113, 172, 65, 0.2);
        font-size: 14px;
    }

    .csContentReportFeature .csContentReportItem
    {
        width: 33.33%;
        font-size: 13px;
    }

        .csContentReportFeature .csContentReportItem strong
        {
            font-size: 14px;
            height: 30px;
            font-weight: 700;
        }

    .csContentReportFeature .csContentReportLine strong
    {
        display: inline-block;
        font-size: 14px;
    }

.inputReportLine
{
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px dashed rgba(64, 66, 60, 0.2);
}

    .inputReportLine input
    {
        width: 150px;
        text-align: right;
        margin: 0 5px 0 10px;
        padding-right: 30px;
    }

.csContentReportSection table
{
    border: 1px solid rgba(64, 66, 60, 0.2);
    border-radius: 4px;
    margin: 20px 0
}

.csContentReportSection thead th
{
    font-size: 14px;
    padding: 15px 10px;
    font-weight: 600;
    background-color: rgba(113, 172, 65, 0.1);
}

    .csContentReportSection thead th a
    {
        color: #40423c;
        text-decoration: underline;
    }

    .csContentReportSection thead th:first-child
    {
        text-align: left;
    }

.csContentReportSection tbody td
{
    font-size: 13px;
    border-top: 1px solid rgba(64, 66, 60, 0.08);
    padding: 10px;
    text-align: center;
}

.csContentReportSection tbody th
{
    font-size: 13px;
    border-top: 1px solid rgba(64, 66, 60, 0.08);
    background-color: rgba(64, 66, 60, 0.04);
    padding: 10px;
    font-weight: 600;
    text-align: left;
}

.myRooms
{
    color: rgba(113, 172, 65, 1);
}

.csContentReportNotes
{
    padding: 10px 20px;
    background-color: rgba(64, 66, 60, 0.08);
    margin: 30px 0 0 0;
    border-radius: 6px;
    font-size: 12px;
    color: rgba(64, 66, 60, 0.7);
}

/* PAGINAÇÃO ************************************************************************************************/

.csPagination
{
    text-align: center;
    margin: 30px 0 10px;
}

.csPaginationBefore, .csPaginationAfter
{
    font-weight: 600;
    font-size: 13px;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    color: #8e8f8c;
    display: inline-block;
}

    .csPaginationBefore:hover, .csPaginationAfter:hover, .csPaginationPages a:hover
    {
        color: #40423c;
    }

.csPaginationPages
{
    display: inline-block;
    font-size: 12px;
    color: #8e8f8c;
    font-weight: 600;
    padding: 0 20px;
}

    .csPaginationPages a
    {
        display: inline-block;
        height: 34px;
        line-height: 34px;
        padding: 0 9px;
        color: #8e8f8c;
    }

        .csPaginationPages a.active
        {
            box-shadow: 0 0 0 1px rgba(113, 172, 65, 1);
            background-color: #fff;
            border-radius: 3px;
            color: #40423c;
        }

    .csPaginationPages span
    {
        color: #8e8f8c;
        display: inline-block;
        height: 24px;
        line-height: 24px;
        padding: 0 10px;
    }

.helpNote
{
    padding: 20px;
    margin: 20px 0;
    border-radius: 6px;
    background-color: #d1f0ff;
    font-size: 14px;
    color: #03202e;
    line-height: 20px;
}

.csContentRating > .helpNote
{
    margin: 20px;
}

.helpNote::before
{
    content: "i";
    display: inline-block;
    height: 18px;
    width: 18px;
    text-align: center;
    font-size: 14px;
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
    font-style: italic;
    background-color: #27b9ff;
    color: #fff;
    border-radius: 50%;
    margin-right: 8px;
    vertical-align: bottom;
    font-weight: bold;
}

@media only screen and (max-width: 768px)
{

    .csContent
    {
        padding: 65px 15px 0 15px;
    }

    .csSlogan, .csLogoSource
    {
        display: none;
    }

    .csContentHeaderLogin
    {
        display: block;
        text-align: right;
        float: none;
        font-size: 12px;
        padding-bottom: 15px;
    }

    .csContentHeaderLoginBtn
    {
        font-size: 12px;
    }

    .csContentHeader
    {
        padding: 10px 0 20px;
    }

        .csContentHeader.logged
        {
            padding: 10px 0 0 0;
        }

    .csContentHeaderTitle p
    {
        font-size: 24px;
    }

    .csContentHeaderTitle a
    {
        font-size: 14px;
    }

    .csContentRating
    {
        padding: 10px 0;
    }

    .csContentRatingSection.locationSection
    {
        width: 50%;
    }

    .loginForm
    {
        width: 75%;
    }

    .csContentMenu > div
    {
        margin-right: 20px;
        height: 40px;
    }

    .csContentMenu
    {
        margin-bottom: 5px;
    }

    .csContentSubMenu > div
    {
        margin-right: 20px;
    }

    .csContentReportItem, .csContentReportLine, .csContentReportLine strong
    {
        font-size: 13px;
    }
}

@media only screen and (max-width: 480px)
{

    .csHeader
    {
        height: 45px;
    }

    .csContent
    {
        padding: 45px 10px 0 10px;
    }

    .csHeaderContent
    {
        padding: 0 15px;
    }

    .csLogoBg
    {
        width: 100px;
        height: 15px;
    }

    .csHeaderTitle
    {
        font-size: 15px;
        line-height: 48px;
    }

    .csContentRatingSection, .csContentProfileSection
    {
        padding: 10px;
    }

    .csContentRatingSectionSwtich span
    {
        padding: 0 10px;
    }

    .csContentRatingSection.locationSection, .csContentProfileSection
    {
        width: 100%;
        padding: 10px;
    }

    .loginForm
    {
        width: 100%;
    }

    .csContentMenu > div
    {
        margin-right: 15px;
        font-size: 13px;
    }

    .csContentSubMenu > div
    {
        margin-right: 10px;
        font-size: 12px;
        height: 36px;
    }

    .csContentSubMenu
    {
        padding-bottom: 5px;
    }

    .csContentRatingTitle
    {
        padding: 10px 10px 0;
    }

    .csRatingListItem.tableHeader
    {
        margin: 10px;
    }

    .csRatingListItem
    {
        margin: 10px;
        position: relative;
        padding-bottom: 24px;
        align-items: flex-start;
    }

        .csRatingListItem > div
        {
            padding: 10px;
            font-size: 12px;
        }

        .csRatingListItem.tableHeader
        {
            padding: 0;
        }

            .csRatingListItem.tableHeader > div
            {
                padding: 10px;
            }

        .csRatingListItem > div.csRatingListItemActions
        {
            position: absolute;
            bottom: 0;
            right: 0;
        }

    .csContentQ
    {
        font-size: 14px;
        padding: 10px 10px 0 10px;
    }

    .csContentA
    {
        padding: 10px 10px 20px 10px;
        font-size: 12px;
    }

    .csRatingContinueBtn
    {
        height: 40px;
        line-height: 40px;
        font-size: 15px;
    }

    .csContentProfileSection label
    {
        font-size: 11px;
    }

    .csContentReportSection
    {
        padding: 0 10px 30px 10px;
    }

    .csContentReportItem
    {
        width: 50%;
    }

    .csContentReportFeature, .csContentReportNotes
    {
        padding: 10px;
    }

        .csContentReportFeature .csContentReportItem
        {
            width: 50%;
        }

            .csContentReportFeature .csContentReportItem strong
            {
                font-size: 12px;
                height: auto;
            }

        .csContentReportFeature .csContentReportLine
        {
            font-size: 13px;
        }

    .csContentReportSection tbody th, .csContentReportSection tbody td, .csContentReportSection thead th
    {
        padding: 10px 5px;
        font-size: 12px;
    }

    .csPagination
    {
        display: flex;
        flex-wrap: wrap;
    }

    .csPaginationPages
    {
        display: block;
        padding: 10px 0;
        flex: 100%;
        order: -1;
    }

        .csPaginationPages a
        {
            padding: 0 2px;
        }

            .csPaginationPages a.active
            {
                padding: 0 8px;
            }

    .csPaginationBefore, .csPaginationAfter
    {
        flex: 1;
    }

    .csContentRating > .helpNote
    {
        margin: 10px;
    }
}

.csHeaderPrint
{
    display: none;
}

.pagebreak
{
    display: none;
}

.screenSize
{
    float: left;
    position: absolute;
    top: 0;
    border-radius: 3px;
    padding: 5px;
    font-size: 0.8em;
    display: none;
    background-color: rgba(192, 192, 192, 0.3);
    z-index: 999999999998;
    width: 100px;
    height: 10px;
    line-height: 10px;
    text-align: center;
}

input[type="tel"]
{
    width: 100%;
    height: 42px;
    font-size: 14px;
    border: 1px solid rgba(64, 66, 60, 0.25);
    outline: none;
    padding: 0 15px 0 15px;
    color: #464646;
    box-sizing: border-box;
    border-radius: 4px;
    transition: all ease 0.3s;
}

.csRatingContinueBtn
{
    border: none;
}

input[type='checkbox'].error, input[type='checkbox']:hover.error, input[type='checkbox']:focus.error
{
    width: initial;
    height: initial;
    font-size: initial;
    border: 1px solid #f00;
}

input[type='number'].error
{
    width: initial;
}

/*#region UI Alerts */

.tooltipster-base
{
    max-width: 280px;
}

.tooltipster-light.onlineUsers
{
    max-width: 320px;
    font-size: 12px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow
{
    top: -1px !important;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow
{
    bottom: -1px !important;
}

.tooltipster-sidetip.tooltipster-light .tooltipster-arrow
{
    height: 9px;
    margin-left: -9px;
    width: 18px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-uncropped
{
    top: -9px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-uncropped
{
    left: -9px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow, .tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow
{
    height: 18px;
    margin-left: 0;
    margin-top: -9px;
    width: 9px
}

.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border
{
    border: 9px solid transparent
}

.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background
{
    border: 9px solid transparent
}

.tooltipster-sidetip.tooltipster-light .tooltipster-box
{
    border-radius: 3px;
    border: 1px solid #71ac41;
    background: #fff;
    font-size: 13px !important;
    padding: 5px 2px !important
}

.tooltipster-sidetip.tooltipster-light .tooltipster-content
{
    color: #666
}

.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background
{
    border-bottom-color: #fff;
    top: 1px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background
{
    border-left-color: #fff;
    left: -1px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background
{
    border-right-color: #fff;
    left: 1px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background
{
    border-top-color: #fff;
    top: -1px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border
{
    border-bottom-color: #71ac41
}

.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border
{
    border-left-color: #71ac41
}

.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border
{
    border-right-color: #71ac41
}

.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border
{
    border-top-color: #71ac41
}

/*Errors*/
.tooltipster-sidetip.tooltipster-light.error .tooltipster-box
{
    border: 1px solid #cd0a0a;
    background: #e4afa7;
    color: #444;
}

.tooltipster-sidetip.tooltipster-light.error .tooltipster-content
{
    color: #666
}

.tooltipster-sidetip.tooltipster-light.error.tooltipster-bottom .tooltipster-arrow-background
{
    border-bottom-color: #e4afa7;
}

.tooltipster-sidetip.tooltipster-light.error.tooltipster-left .tooltipster-arrow-background
{
    border-left-color: #e4afa7;
}

.tooltipster-sidetip.tooltipster-light.error.tooltipster-right .tooltipster-arrow-background
{
    border-right-color: #e4afa7;
}

.tooltipster-sidetip.tooltipster-light.error.tooltipster-top .tooltipster-arrow-background
{
    border-top-color: #e4afa7;
}

.tooltipster-sidetip.tooltipster-light.error.tooltipster-bottom .tooltipster-arrow-border
{
    border-bottom-color: #cd0a0a
}

.tooltipster-sidetip.tooltipster-light.error.tooltipster-left .tooltipster-arrow-border
{
    border-left-color: #cd0a0a
}

.tooltipster-sidetip.tooltipster-light.error.tooltipster-right .tooltipster-arrow-border
{
    border-right-color: #cd0a0a
}

.tooltipster-sidetip.tooltipster-light.error.tooltipster-top .tooltipster-arrow-border
{
    border-top-color: #cd0a0a
}

/* Info */

.tooltipster-sidetip.tooltipster-light.info .tooltipster-box
{
    border: 1px solid #F1D031;
    background: #FFFFA3;
    color: #444;
}

.tooltipster-sidetip.tooltipster-light.info.tooltipster-bottom .tooltipster-arrow-background
{
    border-bottom-color: #FFFFA3;
}

.tooltipster-sidetip.tooltipster-light.info.tooltipster-left .tooltipster-arrow-background
{
    border-left-color: #FFFFA3;
}

.tooltipster-sidetip.tooltipster-light.info.tooltipster-right .tooltipster-arrow-background
{
    border-right-color: #FFFFA3;
}

.tooltipster-sidetip.tooltipster-light.info.tooltipster-top .tooltipster-arrow-background
{
    border-top-color: #FFFFA3;
}

.tooltipster-sidetip.tooltipster-light.info.tooltipster-bottom .tooltipster-arrow-border
{
    border-bottom-color: #F1D031
}

.tooltipster-sidetip.tooltipster-light.info.tooltipster-left .tooltipster-arrow-border
{
    border-left-color: #F1D031
}

.tooltipster-sidetip.tooltipster-light.info.tooltipster-right .tooltipster-arrow-border
{
    border-right-color: #F1D031
}

.tooltipster-sidetip.tooltipster-light.info.tooltipster-top .tooltipster-arrow-border
{
    border-top-color: #F1D031
}

/* #endregion */

/* #region /Default.aspx */
.csContentRatingSection
{
    padding: 18px;
}
/* #endregion */

/* #region /PrivateArea/Profile/ProfileChangePassword.aspx */
.verticalForm
{
    margin: 0 auto;
    width: 50%;
}

    .verticalForm .csContentProfileSection
    {
        padding-bottom: 0px;
    }
/* #endregion */

/* #region /PrivateArea/ManagementArea/Listing.aspx */
.inputReportLine input
{
    padding-right: 25px;
}

.deleteListItem:hover a.btnDelete,
.csRatingListItem > div a.btnDelete:hover
{
    color: white;
}
/* #endregion */

/* #region /PrivateArea/Report.aspx */
.csContentReportSection table
{
    table-layout: fixed;
}

.csContentReportFeature .csContentReportItem strong
{
    line-height: 16px;
}

/* #endregion */

/* #region /PrivateArea/Report.aspx */
@media only screen and (max-width: 768px)
{
    .csContentReportItem, .csContentReportLine, .csContentReportLine strong
    {
        padding-right: 5px;
    }
}

@media only screen and (max-width: 480px)
{
    .csContentReportItem
    {
        width: 48%;
        width: calc(50% - 5px);
    }

    .csContentReportFeature .csContentReportItem
    {
        width: 48%;
        width: calc(50% - 5px);
    }

}
/* #endregion */
/* This is the core CSS of Tooltipster */

/* GENERAL STRUCTURE RULES (do not edit this section) */

.tooltipster-base {
	/* this ensures that a constrained height set by functionPosition,
	if greater that the natural height of the tooltip, will be enforced
	in browsers that support display:flex */
	display: flex;
	pointer-events: none;
	/* this may be overriden in JS for fixed position origins */
	position: absolute;
}

.tooltipster-box {
	/* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
	and flex-basis auto for IE11- (at least) */
	flex: 1 1 auto;
}

.tooltipster-content {
	/* prevents an overflow if the user adds padding to the div */
	box-sizing: border-box;
	/* these make sure we'll be able to detect any overflow */
	max-height: 100%;
	max-width: 100%;
	overflow: auto;
}

.tooltipster-ruler {
	/* these let us test the size of the tooltip without overflowing the window */
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
}

/* ANIMATIONS */

/* Open/close animations */

/* fade */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
	opacity: 1;
}

/* grow */

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow.tooltipster-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

/* swing */

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing.tooltipster-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

/* fall */

.tooltipster-fall {
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall.tooltipster-initial {
	top: 0 !important;
}
.tooltipster-fall.tooltipster-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0 !important;
	opacity: 0;
}

/* slide */

.tooltipster-slide {
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-initial {
	left: -40px !important;
}
.tooltipster-slide.tooltipster-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0 !important;
	opacity: 0;
}

/* Update animations */

/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */

/* fade */

@keyframes tooltipster-fading {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.tooltipster-update-fade {
	animation: tooltipster-fading 400ms;
}

/* rotate */

@keyframes tooltipster-rotating {
	25% {
		transform: rotate(-2deg);
	}
	75% {
		transform: rotate(2deg);
	}
	100% {
		transform: rotate(0);
	}
}

.tooltipster-update-rotate {
	animation: tooltipster-rotating 600ms;
}

/* scale */

@keyframes tooltipster-scaling {
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}

.tooltipster-update-scale {
	animation: tooltipster-scaling 600ms;
}

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 * 
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */

/* .tooltipster-box */

.tooltipster-sidetip .tooltipster-box {
	background: #565656;
	border: 2px solid black;
	border-radius: 4px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
	margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
	margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
	margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
	margin-bottom: 8px;
}

/* .tooltipster-content */

.tooltipster-sidetip .tooltipster-content {
	color: white;
	line-height: 18px;
	padding: 6px 14px;
}

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */

.tooltipster-sidetip .tooltipster-arrow {
	overflow: hidden;
	position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
	height: 10px;
	/* half the width, for centering */
	margin-left: -10px;
	top: 0;
	width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
	height: 20px;
	margin-top: -10px;
	right: 0;
	/* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
	been positioned yet */
	top: 0;
	width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
	height: 20px;
	margin-top: -10px;
	left: 0;
	/* same as .tooltipster-left .tooltipster-arrow */
	top: 0;
	width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
	bottom: 0;
	height: 10px;
	margin-left: -10px;
	width: 20px;
}

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */

.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
	height: 0;
	position: absolute;
	width: 0;
}

/* .tooltipster-arrow-background */

.tooltipster-sidetip .tooltipster-arrow-background {
	border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
	border-bottom-color: #565656;
	left: 0;
	top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
	border-left-color: #565656;
	left: -3px;
	top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
	border-right-color: #565656;
	left: 3px;
	top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
	border-top-color: #565656;
	left: 0;
	top: -3px;
}

/* .tooltipster-arrow-border */

.tooltipster-sidetip .tooltipster-arrow-border {
	border: 10px solid transparent;
	left: 0;
	top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
	border-bottom-color: black;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
	border-left-color: black;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
	border-right-color: black;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
	border-top-color: black;
}

/* tooltipster-arrow-uncropped */

.tooltipster-sidetip .tooltipster-arrow-uncropped {
	position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
	top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
	left: -10px;
}