html {
  font-size: 1rem;
}

@include media-breakpoint-up(sm) {
  html {
    font-size: 1.2rem;
  }
}

@include media-breakpoint-up(md) {
  html {
    font-size: 1.4rem;
  }
}

@include media-breakpoint-up(lg) {
  html {
    font-size: 1.6rem;
  }
}

.navbar{
    background-color:#179fcf;
}   

/* Fixes dropdown menus placed on the right side */
.ml-auto .dropdown-menu {
    left: auto !important;
    right: 0px;
}

.btn {
    background: #179fcf;
    border: 1px none transparent;
    border: 1px solid #179fcf;
}

.btn-primary {
    background: #179fcf;
    color: #ffffff;
    border: 1px solid #179fcf;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
    background: #ffffff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #ffffff;
    color: #179fcf;
}
 
.btn-primary:active, .btn-primary.active {
    background: #179fcf;
    box-shadow: none;
}

.jumbotron{
    background-color: #179fcf;
}

.footer {
    height:40px;
    line-height: 40px;
    width: 100%;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    position: fixed;
    bottom: 0pt;
    left: 0pt;
    background-color:#179fcf;
}

.footer > .container {
    height:40px;
    line-height: 40px;
    width: 100%;
    margin:auto;
    color:#ffffff;
}

code {
    font-size: 80%;
}

.progress-afv {
    background-color: #179fcf;
}

@media screen and (max-width: 480px) and (orientation: portrait) {
    .hideColumnPortrait{
        display:none;
    }
}
 
@media screen and (max-width: 640px) and (orientation: landscape) {
     .hideColumnLandscape{
        display:none;
    }  
}

select[readonly] {
  background: #eee !important;
  pointer-events: none !important;
  touch-action: none !important;
}

.modal_indeterminate
{
	-moz-opacity:0.6;
	filter:alpha(opacity=60);
	opacity:0.6;
	background-color:#ffffff;
	background-image:url('/assets/images/loading.gif');
	background-position:50% 50%;
	background-repeat:no-repeat;
	display:none;
	position:fixed;
	z-index:999999999;
	top:0;
	left:0;
	height:100%;
	width:100%;
}

body.loading
{
  overflow: hidden;
}

body.loading .modal_indeterminate
{
  display: block;
}