@charset "utf-8";

.bordered { border-color: #ccc; border-width: thin; border-style: solid; }
.bgwhite { background-color: #ffffff; }
#loading { 
position: relative; 
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
z-index: 1000;
width:64px;
height:64px;
}
.navbar {
    border-radius: 0 !important;
}
.navbar-text {
    color: #90CAF9 !important;
}
.navbar-default.bg-navy {
    background-color: #0D47A1;
    border-color: #0D47A1;
    color: #BBDEFB;
}
.navbar-default.bg-teal {
    background-color: #00695C;
    border-color: #00695C;
    color: #BBDEFB;
}
.navbar-default .navbar-nav > li > a { color: #FFD54F; }
.navbar-default .navbar-nav > li > a:hover { color: #FFFFFF; }
.navbar-default .navbar-nav > li > button { color: #FFD54F; }
.navbar-default .navbar-nav > li > button:hover { color: #FFFFFF; }
.navbar-default .navbar-toggle { border-color: #82B1FF !important; }

.navbar-brand { padding-top: 10px }
.navbar-brand .title-logo { display: block; float: left; padding-right: 10px; padding-bottom: 5px; }
.navbar-brand .title-web { font-size: 1.4em; color: #BBDEFB; margin-top: 10px; display: inline-block; font-family: RobotoLight; }
.navbar-brand .title-gis { font-size: 1.2em; color: #BBDEFB; margin-top:10px;  display: inline-block; font-family: RobotoLight;  }
.navbar-brand .title-sarana { font-size: 1.4em; color: #BBDEFB; font-family: RobotoLight; }

#image_preview { border: 1px solid #ccc; height: 230px; padding-top: 10px; }
.form-control-static.bold { font-weight: bold; }

.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:0.25rem!important}.mt-1,.my-1{margin-top:0.25rem!important}.mr-1,.mx-1{margin-right:0.25rem!important}.mb-1,.my-1{margin-bottom:0.25rem!important}.ml-1,.mx-1{margin-left:0.25rem!important}.m-2{margin:0.5rem!important}.mt-2,.my-2{margin-top:0.5rem!important}.mr-2,.mx-2{margin-right:0.5rem!important}.mb-2,.my-2{margin-bottom:0.5rem!important}.ml-2,.mx-2{margin-left:0.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:0.25rem!important}.pt-1,.py-1{padding-top:0.25rem!important}.pr-1,.px-1{padding-right:0.25rem!important}.pb-1,.py-1{padding-bottom:0.25rem!important}.pl-1,.px-1{padding-left:0.25rem!important}.p-2{padding:0.5rem!important}.pt-2,.py-2{padding-top:0.5rem!important}.pr-2,.px-2{padding-right:0.5rem!important}.pb-2,.py-2{padding-bottom:0.5rem!important}.pl-2,.px-2{padding-left:0.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}