/*
 * Trip Manager v.3.1
 * Copyright (c) 2023 All Rights Reserved
 * by Darren Smith
 *
 * Unauthorised copying of this file is strictly prohibited
 * Proprietary and confidential
 */

@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }
@media screen and (min-width: 768px) { #adv-search {width: 500px;margin: 0 auto;} .dropdown.dropdown-lg {position: static !important;} .dropdown.dropdown-lg .dropdown-menu {min-width: 500px;}}
@keyframes blinker {0% {opacity: 0;}}
@keyframes animateBar {0% {transform: translateX(-125%);}100% {transform: translateX(0);}}

html {position: relative; min-height: 100%;}
body {padding-top: 25px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; background: #4d4d4d; margin: 60px 0 60px 0;}
label {font-weight: normal;}

#profile-image {cursor: pointer;width: 125px;height: 125px;border:1px dashed #000;}
#back2top {position: fixed; bottom: 2%; right: 4%; cursor: pointer; display: none;}
#live_clock {font-size: 14px;}

.tm-navbar { background-color: #4d4d4d !important; }
.tm-navbar a:hover {font-weight:bold; color: #b3ffff !important;}
.tm-navbar .active {font-size: 12px; font-weight:bold; color: #666666 !important;}
.nav.navbar-nav li a {color: #bfbfbf;}
.nav.navbar-nav a:hover {color: grey;}
.dropdown-menu{font-size: 12px; color: #fff; background-color: #4d4d4d !important; }
.dropdown-menu li a {color: #fff;}
.dropdown-menu li a:hover {font-weight:bold; color: grey !important;}
.panel-default > .panel-heading {background: #d3dade; color: #586974; font-weight: bold; }
.panel-default > .panel-footer {background: #d3dade; color: #586974; }
.table-striped>tbody>tr:nth-child(even)>td, 
.table-striped>tbody>tr:nth-child(even)>th {background-color: #fff;}
.bold {font-weight:bold;}
.smalltext {font-weight: normal;font-size: 0.9em;}
.borderimage{border:1px solid white}
.inlineimg{vertical-align: middle;}
.avatar {border: 1px dashed #c00;margin: 2px;}
.badge-success {background-color: #468847;}
.badge-info {background-color: #3a87ad;}
.badge-error {background-color: #b94a48;}
.table-scroll {  overflow-x: scroll;overflow-y: hidden;white-space: nowrap;max-height: 275px; overflow-y: auto;-ms-overflow-style: -ms-autohiding-scrollbar;}
.dropdown.dropdown-lg .dropdown-menu {margin-top: -1px;padding: 6px 20px;}
.input-group-btn .btn-group {display: flex !important;}
.btn-group .btn {border-radius: 0;margin-left: -1px;}
.btn-group .btn:last-child {border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.btn-group .form-horizontal .btn[type="submit"] {border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.form-horizontal .form-group {margin-left: 0; margin-right: 0;}
.form-group .form-control:last-child {border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.btn-sq {width: 25px !important; height: 25px !important; padding:2px;}
.sparkle {background:url('images/sparkle.gif') top center;}
.progress .progress-bar {font-size: 11px; font-weight: 700; color: #f7fafa; animation-name: animateBar; animation-iteration-count: 1; animation-timing-function: ease-in;animation-duration: 1s; }
.progress-label {font-size:11px; font-weight: 600; margin-bottom: 6px; text-align: right;}
.snowflake {position:absolute;top:-40px;transition: left 5s;opacity:1;color: #fff;-webkit-animation:spin 4s linear infinite;-moz-animation:spin 4s linear infinite;animation:spin 4s linear infinite;}
.username {font-size: 14px;}
.username a:visited, a:hover  {text-decoration: none;}
.pointer { cursor: pointer; }
.blink-me {animation: blinker 1s infinite;}
.panel-heading-text {line-height: 49%;}
.footer_pagination {margin: 0 auto;}
.auto-center {margin: 0 auto;}
.weather-box {background: #fff; padding: 30px; border-radius: 10px; box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.calendar-row {width: 100%;clear: both;}
.calendar-col {width: 14.2857%;float: left;padding: 4px;}
.calendar-header .calendar-col {font-size: 12px;color: #777;}
.day {height: 42px;line-height: 42px;text-align: center;border-radius: 6px;background: #f5f5f5;cursor: default;transition: 0.2s;}
.day:hover {background: #e6e6e6;}
.day.today {background: #337ab7;color: #fff;font-weight: bold;}
.day.empty {background: transparent;}
@media (max-width: 480px) {.calendar-header .calendar-col {font-size: 10px;}
.day {height: 32px;line-height: 32px;font-size: 12px;}}
.temp {font-size: 50px; font-weight: bold;}
.footer {position: absolute; bottom: 0; width: 100%; height: 60px; font-size:11px; background-color: #4d4d4d;  border-top: 1px solid #666666;}
.footer-text {margin-top: 17px; font-size: 95%; color:#e6ffff;}