body {font-family: 'Source Sans Pro', 'Roboto', 'DM Sans'; font-size: 0.9rem; font-weight: 300; letter-spacing: 0.5px;}
a {outline: none; text-decoration: none;}
h2 {font-size: 1.4rem;}
h3 {font-size: 1.3rem;}
h4 {font-size: 1.2rem;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 500;}
.font-regular {font-weight: 400;}

.container {max-width: 1600px;}
.container-fluid {max-width: 2200px}
#request-result {position: fixed; top: 1rem; right: 1rem;}

.main-left-col {width: 350px; background: #111; color: #eee;}
.main-left-col a {color: #fff;}
.main-right-col {flex: 1; min-height: 300px; /*border-left: solid 1px #aaa;*/}
.nav-list > li.selected {background-color: rgba(255,255,255,.2);}
.nav-list > li:hover {background-color: rgba(255,255,255,.1);}
.nav-link:focus, .nav-link:hover {color: #6dcff6;}
.nav-pills .nav-link {/*flex: 1;*/ width: 20%; border-radius: 0;}
.grid-items {display: grid; grid-gap: 1rem; margin-bottom: 1rem;}
.grid-items-1 {grid-template-columns: repeat(auto-fill, minmax(1fr, 1fr));}
.grid-items-2 {grid-template-columns: repeat(auto-fill, minmax(49%, 1fr));}
.grid-items-3 {grid-template-columns: repeat(auto-fill, minmax(32%, 1fr));}
.grid-items > div {position: relative; background: #fff; padding: 0.75rem; border: solid 2px #ccc;}
.nav-footer {bottom: 0; left: 350px; z-index: 100;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #6dcff6 !important;}

.button-group {position: absolute; left: 0.75rem; right: 0.75rem; bottom: 0.75rem;}
.modal-lg {max-width: 1400px;}
.clickable:hover {background: #ccc !important; cursor: pointer;}
.hidden-section {display: none;}
.slide-open-section { cursor: pointer;}
.slide-open-section.expanded, .slide-open-section:hover {color: #0069d9;}
.bg-lightblue {background: #e0fffd;}
.bg-lightblue2 {background: #dbfef6;}
.bg-aqua {background: #9ee7e3;}
.bg-elec-blue {background: #00e4ff;}
.bg-elec-pink {background: #fd035c;}
.bg-lgt-green {background: #a4e79e;}
.bg-lgt-orange {background: #e7c79e;}
.bg-lgt-red {background: #e79e9e;}
.bg-lgt-yellow {background: #e7e29e;}
.bg-orange {background: orange;}
.bg-black {background-color: #000; color: #fff;}
.bg-light-blue {background-color: #dbfcff;}
.bg-gray {background-color: #ddd; }
.text-red {color: red;}
.text-blue {color: blue;}
.text-orange {color: orange;}
.text-green {color: green;}
.text-gray {color: gray;}
.work-table {border: solid 2px #999;}

.icon-link {color: #666;}
.icon-link:hover {color: #333;}
.icon {padding: 0.6rem 0.8rem; border: solid 1px #333; border-radius: 1rem;}
.group {border: solid 1px #fff; border-radius: 0.5rem;}
/* .group:hover {border-color: #999;} */

.task-group:hover {background-color: rgba(0,0,0,0.2);}
.task-group input {background: none;}
.assignee-list {display: none; z-index: 10; background: #fff;}
.assignee-container input:focus ~ .assignee-list, .assignee-list:hover {display: block;}
.task-status {cursor: pointer;}
.task-status:hover {color: green;}
.task-status.bi-check-circle-fill {color: green;}

.form label {font-size: 0.9rem; color: #333;}
.form input {border: none !important; border-bottom: solid 1px #ced4da !important; border-radius: 0 !important;}
.spinner {display: none;}
.btn {min-width: 150px;}
.btn-white {background-color: #fff; color: #e81c8c;}
.btn-white:hover {color: #000;}
.btn-red {background-color: #730000; color: #fff;}
.btn-red:hover {background-color: #a10101 !important; color: #fff !important;}
.btn-green {background-color: #007300; color: #fff;}
.btn-green:hover {background-color: #019801 !important; color: #fff !important;}
/* .btn-fixed {width: 150px;} */
.border-black {border-color: #000 !important;}
.clear {clear: both;}
.hover-opacity:hover {opacity: 0.8;}
.link-text {font-size: 0.8rem;}
header .logo {max-height: 125px;}
#navbar {font-size: 1.3rem;}
.navbar-expand-lg .navbar-nav .nav-link {padding: 0 1rem;}
.navbar-light .nav-item {display: flex; align-items: center; }
.navbar-light .navbar-toggler {width: 56px;}
.navbar-light .navbar-nav .nav-link {color: #ccc;}
.navbar-light .navbar-nav .nav-link:hover {text-decoration: none; color: #fff;}
.bg-rounded {border-radius: 0.5rem;}
.list-group li:nth-child(even) { background: #f1f1f1; }
#notice {position: fixed; top: 3px; left: 3px; right: 3px; z-index: 10000; }
.bg-gray .border {border-color: #aaa !important;}
.submit-link {background: none; border: none; color: #6dcff6;}

/* .form input[type=checkbox], input[type=radio] {position: absolute; left: -9999px;}
.form input[type=checkbox] + label span:before {font-family: "FontAwesome"; display: inline-block; content: "\f096"; font-size: 24px; letter-spacing: 10px; color: #aaa; transition: color 0.2s;}
.form input[type=checkbox]:checked + label {color: #122f54;}
.form input[type=checkbox]:checked + label span:before { content: "\f046"; letter-spacing: 6.5px; color: #122f54; transition: color 0.2s;}
.form input[type=radio] + label span:before {font-family: "FontAwesome"; display: inline-block; content: "\f111"; font-size: 24px; letter-spacing: 10px; color: #aaa; transition: color 0.2s;}
.form input[type=radio]:checked + label {color: #122f54;}
.form input[type=radio]:checked + label span:before { content: "\f192"; letter-spacing: 10px; color: #122f54; transition: color 0.2s;} */
.form-hidden {display: none;}

.form-no-style input, .form-no-style select, .form-no-style textarea {display: inline-block; width: auto !important; background: none !important; border: none !important; font-weight: inherit; font-size: inherit; color: inherit;}
.form-no-style textarea {width: 100% !important;}
.locked-form input, .locked-form select, .locked-form textarea {font-weight: inherit; font-size: inherit; color: inherit;}
.locked-form input, .locked-form select {display: inline-block; width: auto !important; }
.w-auto {width: auto !important; min-width: auto !important;}

.ui_tpicker_unit_hide {display: none;}

.ajax-icon {margin: 3rem;}
.indicator img.ajax-icon {width: 20px; height: 20px; margin: 0;}

/*
.overlay {display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; background: rgba(0,0,0,0.8);}
.ajax-loading {display: none; position: absolute; left: 50%; top: 15%; z-index: 5000; margin-left: -16px;}
*/
.ajax-loading {display: none; width: 20px;}
button .ajax-loading {margin-left: 0.5rem;}
.pointer {cursor: pointer;}

.footer {border-radius: none;}
.footer-links li {margin-bottom: 5px;}
@media screen and (max-width : 768px) {
  .main-left-col {width: 100%;}
  .nav-footer {left: 0;}
}
@media screen and (max-width : 480px) {
}