.certigo-app #mySpinner {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    background-color: #01a1dd;
    background-repeat: no-repeat;
    background-position: center
}

.certigo-app .certigo-app {
    position: relative
}

    .certigo-app .certigo-app:after {
        content: '';
        display: block;
        clear: both
    }

.certigo-app .spinner-active {
    position: fixed;
    height: 100vh;
    opacity: .80;
    width: 100%;
    z-index: 1000;
    background-color: #eaf1f1;
    top: 0;
    left: 0;
    background-image: url(../images/loading.gif);
    background-repeat: no-repeat;
    background-position: center center
}

    .certigo-app .spinner-active > div {
        opacity: 1
    }

.certigo-app .spinner-inactive {
    display: none
}

.certigo-app .certigo-app_communicating {
    position: relative;
    opacity: .80;
    background-color: #eaf1f1;
    pointer-events: none
}

.certigo-app .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width:768px) {

    .certigo-app .col-sm-3 {
        width: 25%;
        float: left;
    }
}

.certigo-app .validationResult {
    position: fixed;
    width: 100%;
    z-index: 999;
    left: 74%;
    top: 333px;
}

    .certigo-app .validationResult div.container {
        background-color: White;
        border: solid 1px black;
    }
    
.certigo-app div.has-error>select.form-control, .certigo-app div.has-error>input, .certigo-app div.has-error>p>input[type=radio], .certigo-app div.has-error>textarea {
    border: 2px solid #a94442;
}
			
.certigo-app div.has-error>cg-error-messages {
    color: #a94442;
}