.errorMsg {
    color: red !important;
    font-size: 0.9rem;
    padding-top:10px;
    font-weight:400;
    margin-top:5px;
}

.footer {
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}





.RadAsyncUpload, .RadAsyncUpload * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/*.ruInputs .ruFileWrap .ruButton {
    min-width: 80px;
    padding: 4px 10px;
}

.ruInputs {
    width: 300px;
    height: 34px;

}

    .ruInputs li {
        display: inline;
    }

.ruSelectWrap {
    float: right;
    width: 36%;
    height: 34px
}
.RadUpload .ruBrowse{
    height: auto !important;
    
}

    */

.RadUpload_Default .ruSelectWrap {
    background-color: #fff !important;
    background-image: none !important;
    color: white !important;
    border-radius: 0 !important;
    cursor: default !important;
    border: 0px solid #39f !important;
    text-align: center !important;
    vertical-align: middle !important;
    line-height: 20px
}

.ruFileInput{cursor:pointer !important}

.ruSelectWrapDisabled .ruButton {
    background-color: #b2b2b2 !important;
}

.ruButton {
    font-size: 14px !important;
    background-color: #EA292C !important;
    background-image:none !important;
    border: 1px solid #EA292C;
    color: white !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 16px 36px !important;
    line-height: 20px;
    text-transform:uppercase;
}

.ruButton-mdl {
    font-size: 14px !important;
    background-color: #0f7ae5 !important;
    border-radius: 3px;
    background-image: none !important;
    border: 1px solid #0f7ae5;
    color: white !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 16px 36px !important;
    line-height: 20px;
    text-transform: uppercase;
    cursor: pointer;
}

.ruButton-mdl-close {
    font-size: 14px !important;
    background-color: #ea292c !important;
    border-radius: 3px;
    background-image: none !important;
    border: 1px solid #ea292c;
    color: white !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 16px 36px !important;
    line-height: 20px;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 13px;
}

    .ruButton:hover {
        color: white !important;
        cursor: pointer !important;
    }

.radIcon {
    display: none !important;
}


.ruRemove:before {
    display: none !important;
}

.ruRemove {
    display: block;
    align-content: center;
    margin: auto !important;
    cursor: pointer;
    padding: 10px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    border-radius: 3px !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 0.875rem !important;
    line-height:20px !important;
}

.ruCancel {
    display: none !important;
}

.view-button {
    font-size: 14px !important;
    background-color: #808080;
    border: 1px solid #808080;
    color: white;
    cursor: pointer !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 6px 22px;
    line-height: 20px

}
.delete-button {
    font-size: 14px !important;
    background-color: #EA292C;
    border: 1px solid #EA292C;
    color: white;
    cursor: pointer !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 6px 23px;
    line-height: 20px;
    border-radius:5px
}
.Uploaded-button {
    font-size: 14px !important;
    background-color: #7db500;
    border: 1px solid #7db500;
    color: white;
    cursor: pointer !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 6px 8px;
    line-height: 20px
}
.upload-button {
    font-size: 14px !important;
    background-color: #39f;
    border: 1px solid #39f;
    color: white;
    cursor: pointer !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 10px 20px;
    line-height: 20px
}
.uppercase {text-transform:uppercase}

.custom-card-header {
    padding: 10px 10px;
    margin-bottom: 0;
    background-color: #ededed;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    color: #202020;
    text-align: left;
}

    /*.custom-card-header:first-child {
        border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
    }*/

    .custom-card-header + .list-group .list-group-item:first-child {
        border-top: 0;
    }
















.uploadWrapper {
    border: none !important;
    border-radius: 0px;
    margin: 10px;
}

.modal {
    background: rgba(20,20,20, 0.9);
}

p {padding:10px 0px 15px 0px; font-weight:normal; line-height:20px}
span{padding:4px 0px}

input[type=text] {
    margin-bottom: 7px;
}

.modal-content{
    margin-top:125px;
}

.modal-body span {
    color: #595959 !important;
}

.ruErrorMessage {display:block; color:red; overflow-wrap:break-word; white-space:normal}

.hidden {display:none}

.uploadSuccess {display:inline-block}

.uploadSuccessIcon {
    display: inline-block
}

.uploadSucessText {
    display: inline-block;
    vertical-align: top;
    padding-top: 8px;
    padding-left: 5px;
}

.btn-upload {
    display: block;
    align-content: center;
    margin: auto !important;
    cursor: pointer;
    padding: 10px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 0.875rem !important;
    vertical-align: middle !important;
    line-height: 20px !important;
    background-color: green;
    text-align: center !important;
    color:white;
    text-decoration:none !important;
}

.btn-upload:hover
{
    color: white !important;
    cursor: pointer !important;
}

.btn-close {
    display: block;
    align-content: center;
    margin: auto !important;
    cursor: pointer;
    padding: 10px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 0.875rem !important;
    vertical-align: middle !important;
    line-height: 20px !important;
    background-color: red;
    text-align: center !important;
    color: white;
    text-decoration: none !important;
}

    .btn-close:hover {
        color: white !important;
        cursor: pointer !important;
    }


.ruSelectWrap {
    cursor: pointer;
    padding: 10px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    border-radius: 3px;
    background-color: rgb(15,122,229);
}

.RadUpload_Default .ruSelectWrap .ruButton {
    background-color: rgb(15,122,229) !important;
    border: 0px !important;
    uk-child-width-1-2 @s text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 0.875rem !important;
}

.ruUploadSuccess {margin-right: 0px !important}

.ruUploadProgress {
    margin-bottom: 10px !important;
    display:block
}

i {color: rgb(15,122,229) !important;}

.uk-card-upload {
}

.cardSubTitle{
    height:50px;
}

.paymentSelectorToolTip {
    display: inline-block;
}

.paymentSelectorTermsAndConditions {
    vertical-align: baseline;
    display: inline-block;
    top: 2px;
}

/***********************/

a.tooltipRCIB {
    outline: none;
    color: #103E67;
    /*opacity: 1*/
}

    a.tooltipRCIB strong {
        line-height: 30px;
    }

    a.tooltipRCIB:hover {
        text-decoration: none;
        color: #39f
    }

    a.tooltipRCIB span {
        z-index: 10;
        display: none;
        padding: 14px 20px;
        margin-top: -30px;
        margin-left: 28px;
        width: 300px;
        line-height: 16px;
    }

    a.tooltipRCIB:hover span {
        display: inline;
        position: absolute;
        color: #111;
        border: 1px solid #DCA;
        background: #fffAF0;
    }

.tooltipRCIBHover {
    display: inline !important;
    position: absolute;
    color: #111;
    border: 1px solid #DCA;
    background: #fffAF0;
    z-index: 10;
    padding: 14px 20px;
    margin-top: -30px;
    margin-left: 28px;
    width: 300px;
    line-height: 16px;
}

.callout {
    z-index: 20;
    position: absolute;
    top: 30px;
    border: 0;
    left: -12px;
}

.calloutQuestion {
    z-index: 10;
}

/*CSS3 extras*/
a.tooltipRCIB span {
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.34) 0 3px 10px 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.34) 0 3px 10px 0;
    -moz-box-shadow: rgba(0, 0, 0, 0.34) 0 3px 10px 0;
}

::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
}

::placeholder { /* Recent browsers */
    text-transform: none;
}

a.tooltip {
    outline: none;
    color: #103E67
}

    a.tooltip strong {
        line-height: 30px;
    }

    a.tooltip:hover {
        text-decoration: none;
        color: #39f
    }

    a.tooltip span {
        z-index: 10;
        display: none;
        padding: 14px 20px;
        margin-top: -30px;
        margin-left: 28px;
        width: 300px;
        line-height: 16px;
    }

    a.tooltip:hover span {
        display: inline;
        position: absolute;
        color: #111;
        border: 1px solid #DCA;
        background: #fffAF0;
    }

.tooltipHover {
    display: inline !important;
    position: absolute;
    color: #111;
    border: 1px solid #DCA;
    background: #fffAF0;
    z-index: 10;
    padding: 14px 20px;
    margin-top: -30px;
    margin-left: 28px;
    width: 300px;
    line-height: 16px;
}

.callout {
    z-index: 20;
    position: absolute;
    top: 30px;
    border: 0;
    left: -12px;
}

.uk-form-label{
    width:300px !important;
}

.right__rdo {
    line-height: 33px;
    vertical-align:top
}

    .right__rdo td:first-of-type {
        padding-right: 6px;
    }

    .right__rdo td input[type="radio"] {
        margin-right: 4px;
    }

.uk-form select {
    height: 40px;
    max-width: 300px;
    padding: 5px;
    border: 1px solid #ddd;
    background: #fff;
    color: #4C4C4C;
    -webkit-transition: all 0.2s linear;
    -webkit-transition-property: border, background, color, box-shadow, padding;
    transition: all 0.2s linear;
    transition-property: border, background, color, box-shadow, padding;
    border-radius: 2px;
    min-width: 50%;
}

.uk-form textarea,
.uk-form input:not([type]),
.uk-form input[type="text"],
.uk-form input[type="password"],
.uk-form input[type="datetime"],
.uk-form input[type="datetime-local"],
.uk-form input[type="date"],
.uk-form input[type="month"],
.uk-form input[type="time"],
.uk-form input[type="week"],
.uk-form input[type="number"],
.uk-form input[type="email"],
.uk-form input[type="url"],
.uk-form input[type="search"],
.uk-form input[type="tel"],
.uk-form input[type="color"] {
    height: 40px;
    max-width: 300px !important;
    padding: 5px;
    border: 1px solid #ddd;
    background: #fff;
    color: #4C4C4C;
    -webkit-transition: all 0.2s linear;
    -webkit-transition-property: border, background, color, box-shadow, padding;
    transition: all 0.2s linear;
    transition-property: border, background, color, box-shadow, padding;
    border-radius: 2px;
    min-width:50%;
}

.dateSelect{
    min-width:0px !important;
}

.datePickerValue {
    min-width: 0px !important;
    width:90px;
}

.vs-error {
    /*border-color: rgba(169, 68, 66, 1) !important;*/
    box-shadow: 0px 0px 2px #39f inset, 0px 0px 12px #39f !important;
    outline: 0 none !important;
    /*background: #f9f2f4;*/
    background: #FBF5F5;
    color: #39f;
}

    .vs-error::-webkit-input-placeholder {
        color: #39f;
    }

    .vs-error::-moz-placeholder {
        color: #39f;
    }

    .vs-error:-ms-input-placeholder {
        color: #39f;
    }

    .vs-error:-moz-placeholder {
        color: #39f;
    }

.vs-errorText {
    color: #39f;
}

.requiredField[style*="inline"] {
    display: block !Important;
    color: #39f;
    margin-top: 8px;
}

.pleaseWaitLarge {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    z-index: 100001;
    background-color: #FFFFFF;
    border: 2px solid gray;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 7px;
    box-shadow: rgba(0,0,0,0.5) 0px 0px 12px;
    padding: 20px 20px;
    width: 80%
}

.pleaseWaitSmall {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 100001;
    background-color: #FFFFFF;
    border: 2px solid gray;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 7px;
    box-shadow: rgba(0,0,0,0.5) 0px 0px 12px;
    padding: 20px 20px;
    width: 40%
}

.radioButton label{padding:0px 20px 0px 5px;}

.errorMessage {
    border: solid 1px red;
    min-height: 50px;
    width: 280px;
    margin: 10px;
    border-radius: 7px;
    font-family: 'Open sans',sans-serif;
    background-color: #ffcccc;
}

.errorMessageText {
    color: black;
    padding: 5px;
    font-size: 15px;
}

.smallTextBox{min-width:34px !important; width:34px !important}

.largeDropdown {max-width:95% !important}

.uk-button-danger {
    border-radius: 3px;
    padding: 10px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    font-weight: 700 !important;
}

@media (max-width: 479px) {

    h3 {
        font-size: 1.15rem !important;
    }

    .uk-button-primary {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .uk-form-label {
        width: auto !important;
    }

    .uk-form select {
        max-width: 100% !important;
    }

    .dateSelectDay {
        width: 50px !important;
    }

    .dateSelectMonth {
        width: 70px !important;
    }

    .dateSelectYear {
        width: 70px !important;
    }

}

@media (max-width: 768px) {
    .uk-float-right {
        float: none !important;
    }
}

.smallTitle{font-size:.95rem !important}

.uk-button-disabled {
    background-color: #fff !important;
    color: #202020 !important
}

.requiredDocument ul li{color:#333; font-weight:bold;}

.uk-form textarea{height:unset !important;}

.smallDropdown{width:60px !important; min-width:unset !important}

.uploadUnableToValidate{border:solid 1px red; border-radius:3px; background-color:pink; padding:3px; margin-bottom:10px;}
.uploadUnableToValidate li {text-align:left}
.uploadUnableToValidate h5 {color:#3C3C3C  !important;}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.custDetails {
    list-style: none;
    line-height: 0.8em;
    padding-left: 0px;
    padding-bottom: 0px
}

.mdlcustDetails {
    list-style: none;
    padding-left: 0px;
    padding-bottom: 0px
}

    .custDetails li {
        margin-bottom: 0px !important;
        padding-bottom: 0px
    }
        .custDetails li p {
            margin-bottom: 0px !important;
            padding-bottom: 0px
        }

.negative {
    background-color: #ee395b !important;
}


.list-style-type-none ul {
    list-style-type: none;
}

/*.ruInputs li span {
    display: inline-block;
}*/