body { padding: 0; }
.relative { position: relative; }
.no-margin { margin: 0 !important; }
.margin-bottom { margin-bottom: 1rem; }
.navbar-full { z-index: auto; }
.dropdown-menu { z-index: 1010; }
.allert-fixed { position: fixed; right: 20px; bottom: 20px; }
.text-overflow { display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* navbar-header */
.navbar-header { margin-bottom: 1rem; }

/* button */
.btn:not(.btn-link) { box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); transition: box-shadow 0.3s ease; }
.btn:not(.btn-link):hover { box-shadow: 0 0 10px rgba(0,0,0,0.3); }
.btn[class*="-outline"] { transition: background-color 0.3s ease; }
.btn-icon [class^="icon-"] { line-height: 1.4rem; }
.btn-margin { margin: 2px 5px 2px 0; }
.text-xs-right .btn-margin { margin: 2px 0 2px 5px; }

/* form-control */
input[type=text].form-control,
input[type=number].form-control,
input[type=password].form-control,
textarea.form-control { background-color: #F8F8F8; box-shadow: 0 0 7px rgba(0,0,0,0.1) inset; transition: box-shadow 0.3s ease; }
input[type=text].form-control:focus,
input[type=number].form-control:focus,
input[type=password].form-control:focus,
textarea.form-control:focus { box-shadow: 0 0 6px rgba(0,0,0,0.3) inset; }
select.form-control { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); transition: box-shadow 0.3s ease; }
select.form-control:hover { box-shadow: 0 0 11px rgba(0, 0, 0, 0.3); }

/* dropdown-menu */
.dropdown-menu { box-shadow: 0 0 10px rgba(0,0,0,0.3); }

#map { width: 100%; height: 500px; }
#GpsAppRightColumn { position: relative; }
.map-loading { position: absolute; width: 200px; height: 50px; line-height: 50px; box-sizing: border-box; left: 50%; top: 50%; margin: -25px 0 0 -100px; z-index: 2222; background-color: rgba(255,255,255,0.8); color: #000; border-radius: 6px; text-align: center; pointer-events: none; }

/* column-toggle */
.column-toggle { position: absolute; left: -8px; top: 50%; z-index: 20; margin: -25px 0 0 0; }
.column-toggle.collapsed { left: 19px; }
.column-toggle .btn { padding: 15px 4px; }
.column-toggle .btn:before { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 4px 4px 4px 0; border-color: transparent #7a7a7a transparent transparent; }
.column-toggle.collapsed .btn:before { border-width: 4px 0 4px 4px; border-color: transparent transparent transparent #7a7a7a; }
@media all and (max-width: 767px) {
    #GpsAppLeftColumn { padding-bottom: 15px; }
    .column-toggle { left: 50%; top: -28px; margin: 0 0 0 -16px; }
    .column-toggle.collapsed { left: 50%; top: -2px; }
    .column-toggle .btn { padding: 4px 15px; }
    .column-toggle .btn:before { border-width: 0 4px 4px 4px; border-color: transparent transparent #7a7a7a transparent; }
    .column-toggle.collapsed .btn:before { border-width: 4px 4px 0 4px; border-color: #7a7a7a transparent transparent transparent; }
}

/* animations */
.app-animation-spin { position: relative; animation: spin 3s linear infinite; }
.app-animation-spin[class^="icon-"]:before,
.app-animation-spin[class*=" icon-"]:before { display: inline-block; position: relative; animation: spin 3s linear infinite; }
@keyframes spin { 100% { transform: rotate(360deg); } }