﻿/*-----------------------------------forms--------------------------------*/
.form-control
{
    box-shadow: none;
    -webkit-box-shadow: none;
}
.form-group, .input-hold
{
    position: relative;
    display: block;
    margin-bottom: 10px;
    vertical-align: middle;
}
.input-alt
{
    height: 0;
    overflow: hidden;
    margin: 0;
}
.form-group input.inputs, .input-hold input.inputs
{
    width: 14.66666667%;
}
.form-group input:not(.btn), .input-hold input:not(.btn), .form-group select, .input-hold select
{
    display: block;
    position: relative;
    width: 100%;/*color: #8b8b8b;*//*padding: 11px 15px 10px;*/
    z-index: 0;/*border: 1px solid transparent;*//*height: 40px;*/
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control
{
    background: #f4f4f4;
    border-color: #e4e4e4;
}
.form-control[readonly][type="date"]
{
    background: initial;
}
.form-group select option, .input-hold select option
{
    padding: 0;
}
.form-group select:focus, .form-group select:focus, .input-hold select:focus, .input-hold input:focus
{
    outline: none;
    -webkit-box-shadow: inset 0 0 10px 2px rgba(0,0,0,.2);
    box-shadow: inset 0 0 10px 2px rgba(0,0,0,.2);
}
.form-group label, .input-hold label
{/*position: absolute;*//*left: 15px;*//*top: 11px;*//*color: #c5c5c0;*/
    z-index: 1;/*font-weight: 400;*//*font-size: 14px;*/
}
.star
{
    color: var(--thm-danger);/*font-size: 20px;*//*position: absolute;*//*top: 8px;*//*right: -10px;*/
    z-index: 3;
}
.panel-title .star
{
    position: relative;
    top: 0;
    right: -5px;
}
.form-group .input-hold .tooltiphop, .deposit-form .input-hold .tooltiphop
{
    margin-top: 0;
}
.rtl .input-hold .tooltiphop, .rtl .input-hold a.tooltiphop
{
    left: auto;
    right: -15px;
}
.form-group input.error, .input-hold input.error
{
    border-color: var(--thm-danger)!important;
}
.form-group.half, .input-hold.half, .form-group.half+.form-group.half, .input-hold.half+.input-hold.half
{
    padding: 0;
}
@media(min-width: 768px)
{
    .form-group.half, .input-hold.half
    {
        padding-right: 5px;
        width: 50%;
        float: left;
    }
    .form-group.half+.form-group.half, .input-hold.half+.input-hold.half
    {
        padding-left: 5px;
        padding-right: 0;
    }
    .rtl .form-group.half, .rtl .input-hold.half
    {
        padding-left: 5px;
        padding-right: 0;
    }
    .rtl .form-group.half+.form-group.half, .rtl .input-hold.half+.input-hold.half
    {
        padding-right: 5px;
        padding-left: 0;
    }
}
.form-group.half:nth-child(odd).error .fiilit, .input-hold.half:nth-child(odd).error .fiilit
{
    right: 5px;
}
@media(min-width: 768px)
{
    .form-group.half+.form-group.half .tooltiphop, .input-hold.half+.input-hold.half .tooltiphop
    {
        left: -5px;
    }
    .rtl .form-group.half+.form-group.half .tooltiphop, .rtl .input-hold.half+.input-hold.half .tooltiphop
    {
        left: auto;
        right: -10px;
    }
}
.rtl .tooltip-inner
{
    text-align: right;
    direction: rtl;
}
.table-striped>tbody>tr:nth-of-type(odd)
{
    background: none;
}
.error .fiilit, .error span.error, label.error
{
    padding: 2px 10px 2px;
    color: #fff;
    text-align: center;
    z-index: 2;
    font-size: 12px!important;
    display: block;
    position: absolute;
    margin: -5px 0 0;
    line-height: 14px;
    border-radius: 6px;
    left: 10px;
    right: 10px;
    bottom: auto;
    top: 100%;
    background-color: var(--thm-danger);
    -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 30px 0 rgba(0,0,0,.3);
}
#amount-error
{
    display: none;
}
label.error::before
{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid var(--thm-danger);
    top: -4px;
    left: 15px;
}
input.checkbox
{
    float: left;
    min-height: 20px;
    width: auto!important;
    position: relative;
    top: 6px;
    margin-right: 5px;
}
input.checkbox.error+label+label.checkbox
{
    border-bottom: 1px solid var(--thm-danger);
    color: var(--thm-danger);
}
.checkbox-label
{
    padding-left: 0;
    padding-right: 0;
}
.checkbox-hold
{
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
}
.rtl .checkbox-hold
{
    padding-left: 0;
    padding-right: 20px;
}
.checkbox-hold input[type=checkbox], .checkbox-hold input[type=radio]
{
    position: absolute;
    left: 0;
    top: 3px;
}
.rtl .checkbox-hold input[type=checkbox], .rtl .checkbox-hold input[type=radio]
{
    left: auto;
    right: 0;
}
.rtl .half
{
    float: right;
}
.form-horizontal .form-group
{
    margin-left: 0;
    margin-right: 0;
}
.captcha_wrapper img
{
    position: absolute;
    right: 1px;
    top: 1px;
    height: 38px;
    cursor: pointer;
}
.captcha_wrapper, .phone_wrapper
{
    float: none;
    display: block;
    overflow: hidden;
}
.birthday
{
    display: inline;
    margin-left: 5px;
    width: auto!important;
    float: left;
    text-transform: none;
}
.birthday
{
    padding: 3px 15px 3px!important;
    margin-left: 0;
}
span.birthday
{/*padding: 0 !important;*//*margin: 0 5px;*/
    line-height: 50px;
}
#registration_form h4
{
    font-size: 22px;
    padding: 10px 0;
}
#dial_code
{
    position: absolute;
    left: 13px;/*font-size: inherit;*/
    padding: 16px 0 12px;/*line-height: inherit;*/
    height: 100%;
    font-size: 14px;
    line-height: 30px;
    display: none!important;
}
.scrolled
{
    overflow-y: auto;
}
.numhold
{
    padding-left: 5px;
    padding-right: 5px;
}
.code-hold .inputs
{
    float: left;
    width: 14.66666667%;
    margin-right: 2.33333333%;
}
.code-hold .inputs:last-child
{
    margin-right: 0;
}
.code-hold
{
    margin-right: -5px;
    margin-left: -5px;
    text-align: center;
}
.code-hold .input-hold input
{
    padding: 16px 10px 12px;
    text-align: center;
}
.privacy-checkbox
{
    margin-bottom: 10px;
    position: relative;
}
.show_password
{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 1;
    border: 0;
    background: none;
    color: #c1c3c3;
    width: 40px;
    text-align: center;
    padding: 0;
    font-size: 18px;
    line-height: 30px;
    background: transparent!important;
    border: transparent!important;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.rtl .show_password
{
    right: auto;
    left: 0;
}
.g-recaptcha>div, .g-recaptcha
{
    max-width: 100%!important;
}
input[type=date].form-control::-webkit-inner-spin-button, input[type=date].form-control::-webkit-calendar-picker-indicator
{
    display: none;
    -webkit-appearance: none;
}
.input-group-addon:first-child
{
    display: none;
}
.form-control.error
{/*background: url(/images/icons/userflow/validation-x.svg) no-repeat right 5px !important;*//*background-size: 18px !important;*//*background-position: calc(100% - 10px) 10px !important;*/
    border-color: var(--thm-danger)!important;
}
.form-control.valid
{/*background: url(/images/icons/userflow/validation-v.svg) no-repeat right 5px !important;*//*background-size: 18px !important;*/
    background-position: calc(100% - 10px) 10px!important;
}
select.form-control.valid, select.form-control.error
{
    padding-right: 35px;
}
input.form-control.valid, input.form-control.error
{
    padding-right: 40px;
}
.form-group .currency, .input-hold .currency
{
    position: absolute;
    width: 10px;
    height: 10px;
    content: " ";
    font-size: 14px;
    color: #fff;
    left: 10px;
    top: 45px;
    opacity: 0;
}
#calculated_coupon
{
    border-style: dashed;
    text-align: center;
    color: #c69c6d;
    padding-left: 0;
    padding-right: 0;
}
#row_coupon_info
{
    width: auto;
    clear: both;
}/*-------------------------------------end forms---------------------------------*//*-------------------------------------registration form---------------------------------*/
.simple-form .form-group label:not(.other-amount-btn):not(.error), .simple-form .input-hold label:not(.error)
{
    position: relative;
    left: 0;
    top: 0;
    font-size: 13px!important;
    letter-spacing: 0!important;
}
@media(min-width: 768px)
{
    .simple-form .form-group label:not(.other-amount-btn):not(.error), .simple-form .input-hold label:not(.error)
    {
        font-size: inherit!important;
    }
}
.white-fields-form .form-control, .white-fields-form .form-group input:not(.btn), .white-fields-form .input-hold input:not(.btn), .white-fields-form .form-group textarea, .white-fields-form .form-group select, .white-fields-form .input-hold select, .white-fields-form .form-control[disabled], .white-fields-form .form-control[readonly], .white-fields-form fieldset[disabled] .form-control
{
    background: #fff;/*border: 1px solid #8b8b8b;*//*color: #000;*/
}
#frmContactUs textarea
{
    min-height: 165px;
}
.company-details
{
    line-height: 26px;
    padding: 10px 0;
}
.exchange-icon
{
    position: absolute;
    left: 50%;
    margin-left: -15px;
    top: 50%;
    margin-top: -10px;
    width: 30px;
    height: 20px;
}
.exchange-icon::before
{/*font-family: 'simple-line-icons';*//*content: "\e059";*/
    display: block;
    width: 30px;
    height: 20px;
}
.withAmount
{
    display: inline-block;
    margin-bottom: 15px;
}
@media(min-width: 768px)
{
    .exchange-icon
    {
        margin-top: 0;
    }
    .withAmount
    {
        margin-bottom: 0;
    }
}
.login_social.facebo
{
    background-image: url(../../willbettingde/image/fb.svg);
    background-repeat: no-repeat;
    background-position: 5px center;
    color: #fff;
    border-color: #337ab7;
    background-color: #337ab7;
    background-size: 30px;
}
.login_social.facebo:hover, .login_social.facebo:focus
{
    border-color: #337ab7;
    background-color: #337ab7;
}
.login_social.googpl
{
    background-image: url(../../willbettingde/image/gp.svg);
    background-repeat: no-repeat;
    background-position: 5px center;
    color: #fff;
    border-color: var(--thm-danger);
    background-color: var(--thm-danger);
    background-size: 30px;
}
.login_social.googpl:hover, .login_social.googpl:focus
{
    border-color: var(--thm-danger);
    background-color: var(--thm-danger);
}
.input-icon-left
{
    position: absolute;
    z-index: 5;
}
.input-icon-right
{
    position: absolute;
    z-index: 5;
    right: 0;
}
.input-icon-left+input
{
    padding-left: 32px;
}
.page-link
{
    cursor: pointer;
}
input[type=submit]#btnDeposit
{
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
}