﻿.validatorContainer {
    position: relative;
    display: block;
    color: #ed1c23;
    font-size: 12px;
    margin-top: 3px;
    clear: both;
    font-family: 'Poppins-Regular';
    line-height: normal;
}

span.textbox .validatorContainer, span.dropdown .validatorContainer {
    width: 0;
    position: absolute;
    right: -8px;
    top: -2px;
}

.aktif_icon_form {
    width: 20px;
    height: 20px;
    position: relative;
    display: none;
    top: 0 !important;
}

.aktif_bubble {
    display: none;
    width: 200px;
    position: absolute;
    color: #fff;
    background: url(../_img/sprite_bubble.png) no-repeat 5px bottom;
    z-index: 1000;
    padding-bottom: 5px;
    bottom: 20px;
    left: 0;
    text-align: center;
}

.validatorContainer:hover .aktif_bubble {
    display: block;
}

.aktif_icon_form a.aktif_icon {
    width: 18px;
    height: 18px;
    top: 7px;
    position: relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAd9JREFUOBGVk0FLG1EQx//zAhGr8WCRpqBpCEqsnqyJbdWLtx56KaWFfAE/gnjyY3jRg6cKOYpIbu3JFgqxoB5EqYGIIBEP2SzdNE2eM29NWNZ9gb7Dvrczv5mdnfcfQmgVgdhk+vUnIvUR0DkCJTW0S4SK1ih1WrQzf/X9IhQGChqOUm+WEMMWEb0M2oNnTtoCaPP8d33tM07/dn29ROX0QkEptcNQvOvst2vg0K3fvVu+PXOEU/KQSv4nicRwBYvDidEv/pETSU8oRtu2SlR23P+aRIcX4f1R5m1BzEoay+mnw4x5z61i5qCIF+tzkW4xksaG7Mq/HTlGLP577kX/Rcj+SuVnuUc61580/eiLaBXLcUX03Eol/CTNas2KiIMbn1Ra64aVqjpow4N3dmVFjIPI5YpQsVI3ZXj/HjRihYA2tStcEUp2xsWf4xN4RnJWqll33G9KZseXfQSYzWPg6TMMLWcjnL6JY3dXaqcN5Q8gbUaTY0ikJjA49iTaDTgtr210ZGatiNn4VGbkq8jeFvHIrnWnA3x4dfljT3xm1mSKZQBZffuPAqINTjCJIKaiAEsyO0b2rNiAvXtsSk/kdxauf1a7RtnDiXo+kb0oloEkWCdyxXI70tgeFDjcAzJSm/cAmfunAAAAAElFTkSuQmCC);
    display: inline-block;
    cursor: default;
    *display: inline;
    *zoom: 1;    
}

.amountBoxContainer .aktif_icon_form a.aktif_icon {
    top: 6px;
}
        
.aktif_bubble_content {
     font-size: 12px ;
     font-family: 'Poppins-Regular';
     color: #ed1c23;
     /*background-color: #d02239;*/
     padding: 5px;
     line-height: normal;
}

.isGridView .aktif_bubble_content{
	color: #d02239;
    background:transparent;
}

span.textbox.validate, span.dropdown.validate {
    margin-right: 25px !important;
}

.validatorContainer.reverse .aktif_bubble {
    right: auto;
    left: 0;
    background-position: 5px bottom;
}
/* Dropdown validator */
.validatorContainer.dropdownError {
    height: 0;
    margin: 0;
}

.validatorContainer.dropdownError a.aktif_icon {
    display: none;
    cursor: default;
}

.validatorContainer.dropdownError .aktif_bubble {
    display: block !important;
    bottom: 5px;
    right: auto;
    left: 0;
    background-position: 5px bottom;
}

.dropdown .ddSelected.validationError, .formField input[type="text"].validationError,
.formField input[type="password"].validationError, .formField textarea.validationError,
.selectBox-dropdown.validationError, .formField input[type="text"].redborder,
.formField input[type="password"].redborder, .formField textarea.redborder,
.selectbox-container.validationError .chzn-container, .box-style.validationError,
.select2-container.validationError, .isGridView.validationError,
.amountBoxContainer.validationError input, .input.type-3.validationError,
input[type="text"].validationError, input[type="password"].validationError, textarea.validationError ,.jqTransformCheckboxWrapper.validationError {
    box-shadow: inset 1px 1px 5px 0 rgba(3, 116, 234, 0.51) !important;
    border: solid 1px #ed1c23 !important;
    background-color: #fff !important;
}

.select2-container.validationError {
    border-radius: 5px;
}

.isGridView .aktif_icon_form, .isGridView .validatorContainer {
    /*display: none !important;*/
    font-size: 12px;
    font-family: 'Poppins-Regular';
    color: #ed1c23;
    padding: 10px;
    line-height: normal;
    float: left;
    clear: none;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 0;
}
/* Dropdown validator */
.gridContent .validatorContainer {
    /*visibility: hidden !important;
    width: 0;
    height: 0;
    padding: 0;
    display: none !important;*/
}

.avatarBrowse .validatorContainer {
    position: absolute;
    right: -15px;
    top: -2px;
}

.optionBox .validatorContainer {
    width: 0;
    margin-top: 5px;
    position: absolute;
    right: 10px;
}

.optionBox .validatorContainer span {
    padding: 0 !important;
}

.amountBoxContainer.validationError {
    float: left;
}
