/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@font-face {
    font-family: myFirstFont;
    src: url(/fonts/glyphicons-halflings-regular.ttf);
}


#reg_form{
	position: relative;
	background-color: rgba(34, 33, 33, 0.89);
	color:#dfdfdf;
	z-index: 2;
}
.overlay{background-color: transparent;}
.bx-overlay, .bx-loading {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background: transparent url(/images/pattern.png) repeat top left;
	z-index:1;
}

#logo{padding-top: 20px;padding-bottom: 20px;}

#slogan{padding-bottom: 10px;}

.css-form input.ng-invalid.ng-touched {background-color: #FA787E;}
.css-form input.ng-valid.ng-touched {background-color: #78FA89;}
.distance10 {margin-top:10%;}
.distance2 {margin-top:2%;}
.distance8 {margin-top:8%;}

/*==============VRTILICA=================*/
.loading_progress_background
{
    margin: 0px 0px 0px 0px;
    position: fixed;
    top: 0px;
    background-color: Black;
    filter: alpha (opacity=80);
    font-family: erpag,"Segoe UI Light" , Arial;
    font-size: 1.2em;
    width: 100%;
    height: 100%;
}

.loading_message
{
    margin-top: auto 44%;
    position: fixed;
    top: 44%;
    height: 145px;
    width: 100%;
    background-color: #cfcfd1;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    font-family:erpag, "Segoe UI" , Arial;
    font-size: 1.2em;
    color: black;
}

.default_progress { 
    margin: 1px;
    font-size: 50px;
    text-indent: -9999em;
    border-top: 0.3em solid rgba(132, 132, 132, 0.5);
    border-right: 0.3em solid rgba(132, 132, 132, 0.5);
    border-bottom: 0.3em solid rgba(132, 132, 132, 0.5);
    border-left: 0.3em solid rgba(98, 156, 221, 1);
    -webkit-animation: wi_progress_load8 1.1s infinite linear;
    animation: wi_progress_load8 1.1s infinite linear;
    width: 35px;
    height: 35px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; 
    z-index: 1 !important;
}

.default_progress,
.default_progress:after {
    border-radius: 50%;
    width: 1.2em;
    height: 1.2em;
}

@-webkit-keyframes wi_progress_load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes wi_progress_load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*============END VRTILICA===============*/



@media screen and (min-width:993px) and (max-width : 1230px){
    /*#reg_form {
        width: 50%;
    }*/
}