/*----------------------------------*\
    #B-FORM-WIDGET
\*----------------------------------*/

.b-form-widget {    position : relative;    }

    .b-form-widget__field:disabled {
        background-color : #BDBDBD !important;
        opacity          : 1;
        cursor           : not-allowed !important;
    }

    .b-form-widget--blocked {
        background-color      : #BDBDBD;
        z-index               : 50;
        opacity               : 0.5;
        position              : absolute;
        width                 : 100%;
        height                : 100%;
        padding               : 5px;
        margin                : -5px;
        -webkit-border-radius : 10px;
        -moz-border-radius    : 10px;
        border-radius         : 10px;
    }

    .b-form-widget__fields-to-block {
        display  : inline-block;
        position : relative;
        width    : 100%;
    }

    .b-form-widget__msg--error {
        margin    : -5px 0 0 0;
        color     : red;
        font-size : 12px;
    }

    .b-form-widget__field--has-error {  border-color : red !important;  }

    .b-form-widget__alert {
        margin-top            : 6px;
        padding               : 8px 35px 8px 14px;
        margin-bottom         : 20px;
        text-shadow           : 0 1px 0 rgba(255, 255, 255, 0.5);
        background-color      : #fcf8e3;
        border                : 1px solid #fbeed5;
        -webkit-border-radius : 4px;
        -moz-border-radius    : 4px;
        border-radius         : 4px;
        font-family           : 'PT Sans', sans-serif;
        font-size             : 16px;
        box-sizing            : border-box;
    }

    .b-form-widget__alert--danger,
    .b-form-widget__alert--error {
        background-color : #f2dede;
        border-color     : #eed3d7;
        color            : #b94a48;
    }

    .b-form-widget__alert--success {
        background-color : #dff0d8;
        border-color     : #d6e9c6;
        color            : #468847;
    }





/*------------------------------------*\
    #B-SPINNER
\*------------------------------------*/

.b-spinner {
    /*position, top, left оставлять всегда*/
    position          : absolute;
    top               : 50%;
    left              : 50%;
    margin            : -20px 0 0 -20px;
    width             : 40px;
    height            : 40px;
    -webkit-transform : rotateZ(45deg);
    transform         : rotateZ(45deg);
}

    .b-spinner__sk-cube {
        float             : left;
        width             : 50%;
        height            : 50%;
        position          : relative;
        -webkit-transform : scale(1.1);
        -ms-transform     : scale(1.1);
        transform         : scale(1.1);
    }

    .b-spinner__sk-cube:before {
        content                  : '';
        position                 : absolute;
        top                      : 0;
        left                     : 0;
        width                    : 100%;
        height                   : 100%;
        background-color         : #2E7D32;
        -webkit-animation        : sk-foldCubeAngle 2.4s infinite linear both;
        animation                : sk-foldCubeAngle 2.4s infinite linear both;
        -webkit-transform-origin : 100% 100%;
        -ms-transform-origin     : 100% 100%;
        transform-origin         : 100% 100%;
    }

    .b-spinner__sk-cube--2 {
        -webkit-transform : scale(1.1) rotateZ(90deg);
        transform         : scale(1.1) rotateZ(90deg);
    }

    .b-spinner__sk-cube--3 {
        -webkit-transform : scale(1.1) rotateZ(180deg);
        transform         : scale(1.1) rotateZ(180deg);
    }

    .b-spinner__sk-cube--4 {
        -webkit-transform : scale(1.1) rotateZ(270deg);
        transform         : scale(1.1) rotateZ(270deg);
    }

    .b-spinner__sk-cube--2:before {
        -webkit-animation-delay : 0.3s;
        animation-delay         : 0.3s;
    }

    .b-spinner__sk-cube--3:before {
        -webkit-animation-delay : 0.6s;
        animation-delay         : 0.6s;
    }

    .b-spinner__sk-cube--4:before {
        -webkit-animation-delay : 0.9s;
        animation-delay         : 0.9s;
    }

@-webkit-keyframes sk-foldCubeAngle {
    0%, 10% {
        -webkit-transform : perspective(140px) rotateX(-180deg);
        transform         : perspective(140px) rotateX(-180deg);
        opacity           : 0;
    }
    25%, 75% {
        -webkit-transform : perspective(140px) rotateX(0deg);
        transform         : perspective(140px) rotateX(0deg);
        opacity           : 1;
    }
    90%, 100% {
        -webkit-transform : perspective(140px) rotateY(180deg);
        transform         : perspective(140px) rotateY(180deg);
        opacity           : 0;
    }
}

@keyframes sk-foldCubeAngle {
    0%, 10% {
        -webkit-transform : perspective(140px) rotateX(-180deg);
        transform         : perspective(140px) rotateX(-180deg);
        opacity           : 0;
    }
    25%, 75% {
        -webkit-transform : perspective(140px) rotateX(0deg);
        transform         : perspective(140px) rotateX(0deg);
        opacity           : 1;
    }
    90%, 100% {
        -webkit-transform : perspective(140px) rotateY(180deg);
        transform         : perspective(140px) rotateY(180deg);
        opacity           : 0;
    }
}