.smart-form .input span.focus ~ .tooltip
{
    opacity: 1;
}
.smart-form .input span.focus + .tooltip-top-right
{
    right: 0;
    left: auto;
    margin-bottom: 5px;
}
.smart-form .input span.focus + .tooltip-top-left
{
    right: auto;
    left: 0;
    margin-bottom: 5px;
}
.smart-form .input span.focus + .tooltip-right
{
    left: 100%;
    margin-left: 5px;
}
.smart-form .input span.focus + .tooltip-left
{
    right: 100%;
    left: auto;
    margin-right: 5px;
}
.smart-form .input span.focus + .tooltip-bottom-right
{
    right: 0;
    left: auto;
    margin-top: 5px;
}
.smart-form .input span.focus + .tooltip-bottom-left
{
    right: auto;
    left: 0;
    margin-top: 5px;
}


.smart-form .radio span.checked + i::after, .smart-form .checkbox span.checked + i::after {

    opacity: 1;

}
.smart-form .checkbox span + i::after {

    color: #3276B1;

}
.smart-form .checkbox span + i::after {

    content: "";
    top: 1px;
    left: 1px;
    width: 15px;
    height: 15px;
    font: 400 16px/19px FontAwesome;
    text-align: center;

}
.smart-form .checkbox span + i.spin::after {

    content: "\f110";
    -webkit-animation:spin 2s infinite linear;
    -moz-animation:spin 2s infinite linear;
    -o-animation:spin 2s infinite linear;
    animation:spin 2s infinite linear;
}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)} 100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)} 100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)} 100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)} 100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)} 100%{transform:rotate(359deg)}}



.smart-form .radio span + i::after, .smart-form .checkbox span + i::after {

    position: absolute;
    opacity: 0;
    transition: opacity 0.1s ease 0s;

}

div#admin-body-container {
    position: relative;
    height: 100vh;
}