/* -*- coding: utf-8-unix -*- */
/*
 * a CSS stylesheet for customizing the Bootstrap style
 *
 * ****This stylesheet is based on Bootstrap 3.3.7.****
 *
 * dependencies:
 *   Bootstrap
 *
 * revisions:
 *   01_0001  2018-12-16  prototyped
 *   01_0002  2018-12-16  subsystems added (administration)
 *   01_0003  2019-01-06  subsystems added (GIS)
 *
 * ################################################################################
 * Copyright 2018 CiNK Corp.
 *
 * {RIGHTS_NOTICE}
 * ################################################################################
 *
 */
@charset "UTF-8";

/* --------------------------------------------------------------------------------
 * font
 * -------------------------------------------------------------------------------- */
@font-face {
    font-family: "Glyphicons Halflings";
    src:         url("/file/font/bootstrap/glyphicons-halflings-regular.eot");
    src:         url("/file/font/bootstrap/glyphicons-halflings-regular.woff2") format("woff2");
    font-style:  normal;
    font-weight: normal;
}

/* --------------------------------------------------------------------------------
 * base
 * -------------------------------------------------------------------------------- */
* {
    font-family: "Consolas", "Kosugi", "Courier New", "Courier", "Nimbus Mono L", monospace;
}
body {
    font-size:   12px;
}
h1, h2, h3, h4, h5, h6 {
    margin:      0px 0px 1em 0px;
}
hr {
    border-top:  1px solid #d0d0d0;
}
label {
    font-weight: normal;
    cursor:      pointer;
}

/* --------------------------------------------------------------------------------
 * type
 * -------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
 * Bootstrap
 * -------------------------------------------------------------------------------- */
nav.navbar {
    min-height:         30px;
}
nav.navbar-default {
    background:         #ffffff;
    border-color:       #d0d0d0;
}
nav.navbar-default ul.navbar-nav > li.active > a      ,
nav.navbar-default ul.navbar-nav > li.active > a:hover,
nav.navbar-default ul.navbar-nav > li.active > a:focus {
    background:         transparent;
    color:              #e0e0e0;
}
button.navbar-toggle {
    margin:             5px 15px;
    border-radius:      2px;
    padding:            4px 10px;
}
button.navbar-toggle span.icon-bar {
    border-radius:      1px;
    width:              25px;
}
ul.nav > li > a {
    padding:            5px 15px;
}
ul.nav > li > span {
    display:            inline-block;
    padding:            5px 15px;
}
div.alert {
    margin:             0px;
    border-radius:      1px;
    padding:            8px 20px;
}
div.alert a {
    color:              #000000;
    text-decoration:    underline;
}
div.alert-dismissible {
    padding-right:      35px;
}
div.alert-dismissible button.close {
    top:                0px;
}
div.alert-dismissible button.close:hover,
div.alert-dismissible button.close:focus {
    opacity:            1.0;
}
div.alert-info {
    border:             none;
    background:         #d0e0ff;
    color:              #000000;
}
div.alert-warning {
    border:             none;
    background:         #ffe070;
    color:              #000000;
}
div.modal-content {
    border-radius:      1px;
}
div.row {
    margin:             0px -5px;
}
div.col-xs-1 ,
div.col-sm-1 ,
div.col-md-1 ,
div.col-lg-1 ,
div.col-xs-2 ,
div.col-sm-2 ,
div.col-md-2 ,
div.col-lg-2 ,
div.col-xs-3 ,
div.col-sm-3 ,
div.col-md-3 ,
div.col-lg-3 ,
div.col-xs-4 ,
div.col-sm-4 ,
div.col-md-4 ,
div.col-lg-4 ,
div.col-xs-5 ,
div.col-sm-5 ,
div.col-md-5 ,
div.col-lg-5 ,
div.col-xs-6 ,
div.col-sm-6 ,
div.col-md-6 ,
div.col-lg-6 ,
div.col-xs-7 ,
div.col-sm-7 ,
div.col-md-7 ,
div.col-lg-7 ,
div.col-xs-8 ,
div.col-sm-8 ,
div.col-md-8 ,
div.col-lg-8 ,
div.col-xs-9 ,
div.col-sm-9 ,
div.col-md-9 ,
div.col-lg-9 ,
div.col-xs-10,
div.col-sm-10,
div.col-md-10,
div.col-lg-10,
div.col-xs-11,
div.col-sm-11,
div.col-md-11,
div.col-lg-11,
div.col-xs-12,
div.col-sm-12,
div.col-md-12,
div.col-lg-12 {
    padding:            0px 5px;
}
div.ml-10 {
    margin-left: 10px;
}
ul.nav-pills > li > a {
    border-radius:      1px;
}
form.form-horizontal div.form-group {
    margin-right: -5px;
    margin-left: -5px;
}
table.table > thead > tr {
    border-bottom:      1px solid #d0d0d0;
}
table.table > thead > tr > th,
table.table > tbody > tr > td {
    border:             none;
    padding:            4px 10px;
    font-weight:        normal;
}
table.table-striped > thead > tr > th,
table.table-striped > tbody > tr > td {
    border:             none;
}
table.table-striped > tbody > tr:nth-of-type(even) {
    background-color:   #ffffff;
}
table.table-striped > tbody > tr:nth-of-type(odd) {
    background-color:   #f8f8f8;
}
table.table-hover   > tbody > tr:hover {
    background-color:   #e0e0e0;
}
button.btn {
    border-radius:      2px;
    box-shadow:         none;
    -webkit-box-shadow: none;
    padding:            4px 10px;
    font-size:          12px;
}
button.btn:active {
    box-shadow:         none;
    -webkit-box-shadow: none;
}
button.close {
    padding:            0px;
    font-size:          12px;
    font-weight:        normal;
    text-shadow:        none;
    filter:             none;
    opacity:            1;
}
input.form-control {
    box-shadow:         none;
    -webkit-box-shadow: none;
}
input.form-control:focus {
    box-shadow:         none;
    -webkit-box-shadow: none;
}
select.form-control {
    border-radius:      1px;
    box-shadow:         none;
    -webkit-box-shadow: none;
    padding:            4px 5px;
    height:             34px;
    font-size:          12px;
}
select.form-control:focus {
    box-shadow:         none;
    -webkit-box-shadow: none;
}
select.form-control option {
    padding:            4px 5px;
    height:             25px;
    font-size:          12px;
}
a.btn {
    border-radius:      2px;
    box-shadow:         none;
    -webkit-box-shadow: none;
    padding:            4px 10px;
    font-size:          12px;
}
a.btn:active {
    box-shadow:         none;
    -webkit-box-shadow: none;
}
span.form-control-static {
    display:            inline-block;
    min-height:         23px;
    padding:            2px 0px;
}
span.input-group-addon {
    border-radius:      1px;
    padding:            0px 10px;
    font-size:          12px;
}
h1.mb-50 {
    margin-bottom:      50px;
}

@media (max-width: 767px) {
  ul.navbar-nav {
      margin:       5px -15px;
  }
}
@media (min-width: 768px) {
  ul.navbar-right {
      margin-right: 0px;
  }
  ul.navbar-right ~ ul.navbar-right {
      margin-right: 0px;
  }
}

/* --------------------------------------------------------------------------------
 * Bootstrap Datepicker
 * -------------------------------------------------------------------------------- */
div.bootstrap-datetimepicker-widget {
    border-radius: 1px;
}
div.bootstrap-datetimepicker-widget table td,
div.bootstrap-datetimepicker-widget table th {
    border-radius: 2px;
}
div.bootstrap-datetimepicker-widget table td span {
    border-radius: 2px;
}

/* --------------------------------------------------------------------------------
 * state
 * -------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
 * Bootstrap
 * -------------------------------------------------------------------------------- */
div.has-error input.form-control {
    border-color:       #ff0000;
    border-width:       1px;
    box-shadow:         none;
    -webkit-box-shadow: none;
}
div.has-error input.form-control:focus {
    border-color:       #ffa0a0;
    border-width:       1px;
    box-shadow:         none;
    -webkit-box-shadow: none;
}
div.has-error select.form-control {
    border-color:       #ff0000;
    border-width:       1px;
    box-shadow:         none;
    -webkit-box-shadow: none;
}
div.has-error select.form-control:focus {
    border-color:       #ffa0a0;
    border-width:       1px;
    box-shadow:         none;
    -webkit-box-shadow: none;
}
div.has-error span.input-group-addon {
    border-color:       #c0c0c0;
    background-color:   #e0e0e0;
    color:              #505050;
}

.border-radius-20 {
    border-radius: 20px !important;
}

.d-flex {
    display: flex;
}

.align-item-center {
    align-items: center;
}

.justify-content-center {
    justify-content: center;
}

.mt-5 {
    margin-top: 3rem;
}

.mb-5 {
    margin-bottom: 3rem;
}

.ml-5 {
    margin-left: 3rem;
}

.ml-2 {
    margin-left: 1rem;
}

.mb-20 {
    margin-bottom: 20px;
}
.ml-20 {
    margin-left: 20px !important;
}
.mr-7 {
    margin-right: 7px;
}
.mr-25 {
    margin-right: 25px;
}
.mr-15 {
    margin-right: 15px;
}
.w-60 {
    width: 60% !important;
}
.w-80 {
    width: 80%;
}
.mb-5px {
    margin-bottom: 5px !important;
}
.mt-20 {
    margin-top: 20px;
}

.position-relative {
    position: relative;
}

.w-100 {
    width: 100%;
}

.h-100 {
    min-height: calc(100vh - 71px);
}

.btn.btn-primary {
    background-color: #029CE3 !important;
    border-color: #029CE3 !important;
    color: #fff !important;
}

button.btn {
    min-width: max-content;
}