html,
body{
    position: relative;
    height: 100%;
}
.main-container{
    max-width: 1900px;
}

body, .nav, .card, .bg-greenish {
    background-color: #c0f9d0;
}

header .main-tabs {
    font-size: 19px;
}

header .navbar{
    padding:.1rem;
    border-bottom: 1px solid #dee2e6;
}
header a {
    color:inherit;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-link.active {
    background-color: #20c997 !important;
}


.border-top {
    border-top: 1px solid #e5e5e5;
}
.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

iframe{
    border:0;
    width:100%;
    height:100%;
}

.action-holder{
    right:0;
    padding-top:3px;
    min-width:235px;
    align-self: normal;
    position:absolute;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    cursor: pointer;
    background-color: #8fd19e;
}

#iframeLoader {
    position:absolute;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    transform: translate(-50%,-50%);
    background:#ffffff;
}

/* Login */
.login-form {
    width: 340px;
}

.login-forget-form {
    width: 450px;
}

.login-form, .login-forget-form {
    margin: 50px auto;
}

.login-form form, .login-forget-form form {
    background: #b1dfbb;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    padding: 30px;
} 
.login-form h2 {
    margin: 0 0 15px;
}
.form-control, .btn-login {
    min-height: 38px;
    border-radius: 2px;
}
.btn-login {
    font-size: 15px;
    font-weight: bold;
}
.bg-grey{
    background-color: #ebeff2;
}

/* Tabs */
.warning-bg{
    background-color: red;
}

.blink, .blink:hover, .blink:focus, .blink:active, .nav-link.active.blink {
    animation: blink 1s steps(1, end) infinite;
    color: white;
    font-weight: bold;
    background-color:transparent;
}

.blink-error, .blink-error:hover, .blink-error:focus, .blink-error:active, .nav-link.active.blink-error {
    animation: blink 1s steps(1, end) infinite;
    font-weight: bold;
    background-color:red;
}

#menuHolder{
    position: inherit;
    width:100%;
    z-index: 99;
}

.loading {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
}
.loading-wheel {
    width: 10%;
    height: 20%;
    margin-top: -5%;
    margin-left: -5%;
    position: absolute;
    top: 50%;
    left: 50%;
    border-style: double;
    border-color: #ccc transparent;
    border-width: 30px;
    border-radius: 50%;
    -webkit-animation: spin 1s linear infinite;
}
.connecting-text{
    font-size:2vw;
    top: 60%;
    left: calc(50% - 5vw); 
    position: absolute;
    color: #ccc;
}

.blinking-text {
    animation: blink 1s linear infinite;
}

#menuItems{
    border:0;
    padding-right: 235px;
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(-360deg);
    }
}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}