@import url('https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css');

.dot {
    height: 10px;
    width: 10px;
    background-color: #f95959;
    border-radius: 50%;
    display: inline-block;
    margin: 5px;
    vertical-align: middle;
}

.padding-lg {
    padding: 0 1.5em;
}

.red {
	color: #f95959 !important;
}

.grey {
	color: #CCC !important;	
	font-style: italic;
}

.hide {
    display: none;
}

.loader {
    color: transparent !important;
    pointer-events: none;
    position: relative;
}

.loader:after {
    animation: spinAround 500ms infinite linear;
    border: 2px solid #367FA9;
    border-radius: 290486px;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    position: relative;
    position: absolute;
    left: calc(50% - (1em / 2));
    top: calc(50% - (1em / 2));
    position: absolute !important;
}

@keyframes spinAround {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}